Exposed the Stackable context and created a new Provider for manipul…

…ating the `z-index` for all descendants

src/components/Stackable/Stackable.zIndex.jsx

@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) 2020, Amdocs Corp.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import React from 'react';
+import propTypes from 'prop-types';
+import {DEFAULT_Z_INDEX} from './Stackable.constants';
+import StackableContext from './Stackable.context';
+
+const StackableZIndexProvider = ({children, zIndex}) => (
+    <StackableContext.Provider value={{zIndex: zIndex || DEFAULT_Z_INDEX}}>
+        {children}
+    </StackableContext.Provider>
+);
+
+StackableZIndexProvider.propTypes = {
+    children: propTypes.Node,
+    zIndex: propTypes.number,
+};
+
+export default StackableZIndexProvider;

src/components/Stackable/index.js

@@ -16,7 +16,11 @@
 
 import Stackable from './Stackable';
 import {getAncestors} from './Stackable.utils';
+import StackableContext from './Stackable.context';
+import StackableZIndexProvider from './Stackable.zIndex';
 
 Stackable.getAncestors = getAncestors;
+Stackable.context = StackableContext;
+Stackable.zIndex = StackableZIndexProvider;
 
 export default Stackable;