acud 1.2.17 → 1.2.18

package/es/table/baseTable/Table.js

@@ -3,7 +3,6 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
-
 /**
  * Feature:
  *  - fixed not need to set width
@@ -61,10 +60,10 @@ import FixedHolder from './FixedHolder';
 import Summary from './Footer/Summary';
 import StickyContext from './context/StickyContext';
 import ExpandedRowContext from './context/ExpandedRowContext';
-import { EXPAND_COLUMN } from './constant'; // Used for conditions cache
-
-var EMPTY_DATA = []; // Used for customize scroll
-
+import { EXPAND_COLUMN } from './constant';
+// Used for conditions cache
+var EMPTY_DATA = [];
+// Used for customize scroll
 var EMPTY_SCROLL_TARGET = {};
 export var INTERNAL_HOOKS = 'rc-table-internal-hook';
 var MemoTableContent = /*#__PURE__*/React.memo(function (_ref) {
@@ -73,49 +72,45 @@ var MemoTableContent = /*#__PURE__*/React.memo(function (_ref) {
 }, function (prev, next) {
   if (!shallowEqual(prev.props, next.props)) {
     return false;
-  } // No additional render when pinged status change.
+  }
+  // No additional render when pinged status change.
   // This is not a bug.
-
-
   return prev.pingLeft !== next.pingLeft || prev.pingRight !== next.pingRight;
 });
-
 function Table(props) {
   var _classNames;
-
   var prefixCls = props.prefixCls,
-      className = props.className,
-      rowClassName = props.rowClassName,
-      style = props.style,
-      data = props.data,
-      rowKey = props.rowKey,
-      scroll = props.scroll,
-      tableLayout = props.tableLayout,
-      direction = props.direction,
-      title = props.title,
-      footer = props.footer,
-      summary = props.summary,
-      id = props.id,
-      showHeader = props.showHeader,
-      components = props.components,
-      emptyText = props.emptyText,
-      onRow = props.onRow,
-      onHeaderRow = props.onHeaderRow,
-      internalHooks = props.internalHooks,
-      transformColumns = props.transformColumns,
-      internalRefs = props.internalRefs,
-      sticky = props.sticky;
+    className = props.className,
+    rowClassName = props.rowClassName,
+    style = props.style,
+    data = props.data,
+    rowKey = props.rowKey,
+    scroll = props.scroll,
+    tableLayout = props.tableLayout,
+    direction = props.direction,
+    title = props.title,
+    footer = props.footer,
+    summary = props.summary,
+    id = props.id,
+    showHeader = props.showHeader,
+    components = props.components,
+    emptyText = props.emptyText,
+    onRow = props.onRow,
+    onHeaderRow = props.onHeaderRow,
+    internalHooks = props.internalHooks,
+    transformColumns = props.transformColumns,
+    internalRefs = props.internalRefs,
+    sticky = props.sticky;
   var mergedData = data || EMPTY_DATA;
-  var hasData = !!mergedData.length; // ===================== Warning ======================
-
+  var hasData = !!mergedData.length;
+  // ===================== Warning ======================
   if (process.env.NODE_ENV !== 'production') {
     ['onRowClick', 'onRowDoubleClick', 'onRowContextMenu', 'onRowMouseEnter', 'onRowMouseLeave'].forEach(function (name) {
       warning(props[name] === undefined, "`".concat(name, "` is removed, please use `onRow` instead."));
     });
     warning(!('getBodyWrapper' in props), '`getBodyWrapper` is deprecated, please use custom `components` instead.');
-  } // ==================== Customize =====================
-
-
+  }
+  // ==================== Customize =====================
   var mergedComponents = React.useMemo(function () {
     return mergeObject(components, {});
   }, [components]);
@@ -126,32 +121,29 @@ function Table(props) {
     if (typeof rowKey === 'function') {
       return rowKey;
     }
-
     return function (record) {
       var key = record && record[rowKey];
-
       if (process.env.NODE_ENV !== 'production') {
         warning(key !== undefined, 'Each record in table should have a unique `key` prop, or set `rowKey` to an unique primary key.');
       }
-
       return key;
     };
-  }, [rowKey]); // ====================== Expand ======================
-
+  }, [rowKey]);
+  // ====================== Expand ======================
   var expandableConfig = getExpandableProps(props);
   var expandIcon = expandableConfig.expandIcon,
-      expandedRowKeys = expandableConfig.expandedRowKeys,
-      defaultExpandedRowKeys = expandableConfig.defaultExpandedRowKeys,
-      defaultExpandAllRows = expandableConfig.defaultExpandAllRows,
-      expandedRowRender = expandableConfig.expandedRowRender,
-      onExpand = expandableConfig.onExpand,
-      onExpandedRowsChange = expandableConfig.onExpandedRowsChange,
-      expandRowByClick = expandableConfig.expandRowByClick,
-      rowExpandable = expandableConfig.rowExpandable,
-      expandIconColumnIndex = expandableConfig.expandIconColumnIndex,
-      expandedRowClassName = expandableConfig.expandedRowClassName,
-      childrenColumnName = expandableConfig.childrenColumnName,
-      indentSize = expandableConfig.indentSize;
+    expandedRowKeys = expandableConfig.expandedRowKeys,
+    defaultExpandedRowKeys = expandableConfig.defaultExpandedRowKeys,
+    defaultExpandAllRows = expandableConfig.defaultExpandAllRows,
+    expandedRowRender = expandableConfig.expandedRowRender,
+    onExpand = expandableConfig.onExpand,
+    onExpandedRowsChange = expandableConfig.onExpandedRowsChange,
+    expandRowByClick = expandableConfig.expandRowByClick,
+    rowExpandable = expandableConfig.rowExpandable,
+    expandIconColumnIndex = expandableConfig.expandIconColumnIndex,
+    expandedRowClassName = expandableConfig.expandedRowClassName,
+    childrenColumnName = expandableConfig.childrenColumnName,
+    indentSize = expandableConfig.indentSize;
   var mergedExpandIcon = expandIcon || renderExpandIcon;
   var mergedChildrenColumnName = childrenColumnName || 'children';
   var expandableType = React.useMemo(function () {
@@ -159,7 +151,6 @@ function Table(props) {
       return 'row';
     }
     /* eslint-disable no-underscore-dangle */
-
     /**
      * Fix https://github.com/ant-design/ant-design/issues/21154
      * This is a workaround to not to break current behavior.
@@ -168,34 +159,26 @@ function Table(props) {
      * To other developer:
      *  Do not use `__PARENT_RENDER_ICON__` in prod since we will remove this when refactor
      */
-
-
     if (props.expandable && internalHooks === INTERNAL_HOOKS && props.expandable.__PARENT_RENDER_ICON__ || mergedData.some(function (record) {
       return record && _typeof(record) === 'object' && record[mergedChildrenColumnName];
     })) {
       return 'nest';
     }
     /* eslint-enable */
-
-
     return false;
   }, [!!expandedRowRender, mergedData]);
-
   var _React$useState = React.useState(function () {
-    if (defaultExpandedRowKeys) {
-      return defaultExpandedRowKeys;
-    }
-
-    if (defaultExpandAllRows) {
-      return findAllChildrenKeys(mergedData, getRowKey, mergedChildrenColumnName);
-    }
-
-    return [];
-  }),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      innerExpandedKeys = _React$useState2[0],
-      setInnerExpandedKeys = _React$useState2[1];
-
+      if (defaultExpandedRowKeys) {
+        return defaultExpandedRowKeys;
+      }
+      if (defaultExpandAllRows) {
+        return findAllChildrenKeys(mergedData, getRowKey, mergedChildrenColumnName);
+      }
+      return [];
+    }),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    innerExpandedKeys = _React$useState2[0],
+    setInnerExpandedKeys = _React$useState2[1];
   var mergedExpandedKeys = React.useMemo(function () {
     return new Set(expandedRowKeys || innerExpandedKeys || []);
   }, [expandedRowKeys, innerExpandedKeys]);
@@ -203,79 +186,68 @@ function Table(props) {
     var key = getRowKey(record, mergedData.indexOf(record));
     var newExpandedKeys;
     var hasKey = mergedExpandedKeys.has(key);
-
     if (hasKey) {
       mergedExpandedKeys["delete"](key);
       newExpandedKeys = _toConsumableArray(mergedExpandedKeys);
     } else {
       newExpandedKeys = [].concat(_toConsumableArray(mergedExpandedKeys), [key]);
     }
-
     setInnerExpandedKeys(newExpandedKeys);
-
     if (onExpand) {
       onExpand(!hasKey, record);
     }
-
     if (onExpandedRowsChange) {
       onExpandedRowsChange(newExpandedKeys);
     }
-  }, [getRowKey, mergedExpandedKeys, mergedData, onExpand, onExpandedRowsChange]); // Warning if use `expandedRowRender` and nest children in the same time
-
+  }, [getRowKey, mergedExpandedKeys, mergedData, onExpand, onExpandedRowsChange]);
+  // Warning if use `expandedRowRender` and nest children in the same time
   if (process.env.NODE_ENV !== 'production' && expandedRowRender && mergedData.some(function (record) {
     return Array.isArray(record === null || record === void 0 ? void 0 : record[mergedChildrenColumnName]);
   })) {
     warning(false, '`expandedRowRender` should not use with nested Table');
-  } // ====================== Column ======================
-
-
+  }
+  // ====================== Column ======================
   var _React$useState3 = React.useState(0),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      componentWidth = _React$useState4[0],
-      setComponentWidth = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    componentWidth = _React$useState4[0],
+    setComponentWidth = _React$useState4[1];
   var _useColumns = useColumns(_extends(_extends(_extends({}, props), expandableConfig), {
-    expandable: !!expandedRowRender,
-    expandedKeys: mergedExpandedKeys,
-    getRowKey: getRowKey,
-    // https://github.com/ant-design/ant-design/issues/23894
-    onTriggerExpand: onTriggerExpand,
-    expandIcon: mergedExpandIcon,
-    expandIconColumnIndex: expandIconColumnIndex,
-    direction: direction
-  }), internalHooks === INTERNAL_HOOKS ? transformColumns : null),
-      _useColumns2 = _slicedToArray(_useColumns, 2),
-      columns = _useColumns2[0],
-      flattenColumns = _useColumns2[1];
-
+      expandable: !!expandedRowRender,
+      expandedKeys: mergedExpandedKeys,
+      getRowKey: getRowKey,
+      // https://github.com/ant-design/ant-design/issues/23894
+      onTriggerExpand: onTriggerExpand,
+      expandIcon: mergedExpandIcon,
+      expandIconColumnIndex: expandIconColumnIndex,
+      direction: direction
+    }), internalHooks === INTERNAL_HOOKS ? transformColumns : null),
+    _useColumns2 = _slicedToArray(_useColumns, 2),
+    columns = _useColumns2[0],
+    flattenColumns = _useColumns2[1];
   var columnContext = React.useMemo(function () {
     return {
       columns: columns,
       flattenColumns: flattenColumns
     };
-  }, [columns, flattenColumns]); // ====================== Scroll ======================
-
+  }, [columns, flattenColumns]);
+  // ====================== Scroll ======================
   var fullTableRef = React.useRef();
   var scrollHeaderRef = React.useRef();
   var scrollBodyRef = React.useRef();
   var scrollSummaryRef = React.useRef();
-
   var _React$useState5 = React.useState(false),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      pingedLeft = _React$useState6[0],
-      setPingedLeft = _React$useState6[1];
-
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    pingedLeft = _React$useState6[0],
+    setPingedLeft = _React$useState6[1];
   var _React$useState7 = React.useState(false),
-      _React$useState8 = _slicedToArray(_React$useState7, 2),
-      pingedRight = _React$useState8[0],
-      setPingedRight = _React$useState8[1];
-
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    pingedRight = _React$useState8[0],
+    setPingedRight = _React$useState8[1];
   var _useLayoutState = useLayoutState(new Map()),
-      _useLayoutState2 = _slicedToArray(_useLayoutState, 2),
-      colsWidths = _useLayoutState2[0],
-      updateColsWidths = _useLayoutState2[1]; // Convert map to number width
-
-
+    _useLayoutState2 = _slicedToArray(_useLayoutState, 2),
+    colsWidths = _useLayoutState2[0],
+    updateColsWidths = _useLayoutState2[1];
+  // Convert map to number width
   var colsKeys = getColumnsKey(flattenColumns);
   var pureColWidths = colsKeys.map(function (columnKey) {
     return colsWidths.get(columnKey);
@@ -289,50 +261,43 @@ function Table(props) {
   var fixColumn = horizonScroll && flattenColumns.some(function (_ref2) {
     var fixed = _ref2.fixed;
     return fixed;
-  }); // Sticky
-
+  });
+  // Sticky
   var stickyRef = React.useRef();
-
   var _useSticky = useSticky(sticky, prefixCls),
-      isSticky = _useSticky.isSticky,
-      offsetHeader = _useSticky.offsetHeader,
-      offsetSummary = _useSticky.offsetSummary,
-      offsetScroll = _useSticky.offsetScroll,
-      stickyClassName = _useSticky.stickyClassName,
-      container = _useSticky.container; // Footer (Fix footer must fixed header)
-
-
+    isSticky = _useSticky.isSticky,
+    offsetHeader = _useSticky.offsetHeader,
+    offsetSummary = _useSticky.offsetSummary,
+    offsetScroll = _useSticky.offsetScroll,
+    stickyClassName = _useSticky.stickyClassName,
+    container = _useSticky.container;
+  // Footer (Fix footer must fixed header)
   var summaryNode = summary === null || summary === void 0 ? void 0 : summary(mergedData);
-  var fixFooter = (fixHeader || isSticky) && /*#__PURE__*/React.isValidElement(summaryNode) && summaryNode.type === Summary && summaryNode.props.fixed; // Scroll
-
+  var fixFooter = (fixHeader || isSticky) && /*#__PURE__*/React.isValidElement(summaryNode) && summaryNode.type === Summary && summaryNode.props.fixed;
+  // Scroll
   var scrollXStyle;
   var scrollYStyle;
   var scrollTableStyle;
-
   if (fixHeader) {
     scrollYStyle = {
       overflowY: 'scroll',
       maxHeight: scroll.y
     };
   }
-
   if (horizonScroll) {
     scrollXStyle = {
       overflowX: 'auto'
     };
-
     if (!fixHeader) {
       scrollYStyle = {
         overflowY: 'hidden'
       };
     }
-
     scrollTableStyle = {
       width: scroll.x === true ? 'auto' : scroll.x,
       minWidth: '100%'
     };
   }
-
   var onColumnResize = React.useCallback(function (columnKey, width) {
     if (isVisible(fullTableRef.current)) {
       updateColsWidths(function (widths) {
@@ -341,22 +306,18 @@ function Table(props) {
           newWidths.set(columnKey, width);
           return newWidths;
         }
-
         return widths;
       });
     }
   }, []);
-
   var _useTimeoutLock = useTimeoutLock(null),
-      _useTimeoutLock2 = _slicedToArray(_useTimeoutLock, 2),
-      setScrollTarget = _useTimeoutLock2[0],
-      getScrollTarget = _useTimeoutLock2[1];
-
+    _useTimeoutLock2 = _slicedToArray(_useTimeoutLock, 2),
+    setScrollTarget = _useTimeoutLock2[0],
+    getScrollTarget = _useTimeoutLock2[1];
   function forceScroll(scrollLeft, target) {
     if (!target) {
       return;
     }
-
     if (typeof target === 'function') {
       target(scrollLeft);
     } else if (target.scrollLeft !== scrollLeft) {
@@ -364,17 +325,13 @@ function Table(props) {
       target.scrollLeft = scrollLeft;
     }
   }
-
   var onScroll = function onScroll(_ref3) {
     var currentTarget = _ref3.currentTarget,
-        scrollLeft = _ref3.scrollLeft;
-
+      scrollLeft = _ref3.scrollLeft;
     var _a;
-
     var isRTL = direction === 'rtl';
     var mergedScrollLeft = typeof scrollLeft === 'number' ? scrollLeft : currentTarget.scrollLeft;
     var compareTarget = currentTarget || EMPTY_SCROLL_TARGET;
-
     if (!getScrollTarget() || getScrollTarget() === compareTarget) {
       setScrollTarget(compareTarget);
       forceScroll(mergedScrollLeft, scrollHeaderRef.current);
@@ -382,11 +339,9 @@ function Table(props) {
       forceScroll(mergedScrollLeft, scrollSummaryRef.current);
       forceScroll(mergedScrollLeft, (_a = stickyRef.current) === null || _a === void 0 ? void 0 : _a.setScrollLeft);
     }
-
     if (currentTarget) {
       var scrollWidth = currentTarget.scrollWidth,
-          clientWidth = currentTarget.clientWidth;
-
+        clientWidth = currentTarget.clientWidth;
       if (isRTL) {
         setPingedLeft(-mergedScrollLeft < scrollWidth - clientWidth);
         setPingedRight(-mergedScrollLeft > 0);
@@ -396,7 +351,6 @@ function Table(props) {
       }
     }
   };
-
   var triggerOnScroll = function triggerOnScroll() {
     if (horizonScroll && scrollBodyRef.current) {
       onScroll({
@@ -407,17 +361,14 @@ function Table(props) {
       setPingedRight(false);
     }
   };
-
   var onFullTableResize = function onFullTableResize(_ref4) {
     var width = _ref4.width;
-
     if (width !== componentWidth) {
       triggerOnScroll();
       setComponentWidth(fullTableRef.current ? fullTableRef.current.offsetWidth : width);
     }
-  }; // Sync scroll bar when init or `horizonScroll`, `data` and `columns.length` changed
-
-
+  };
+  // Sync scroll bar when init or `horizonScroll`, `data` and `columns.length` changed
   var mounted = React.useRef(false);
   React.useEffect(function () {
     // onFullTableResize will be trigger once when ResizeObserver is mounted
@@ -428,52 +379,46 @@ function Table(props) {
   }, [horizonScroll, data, columns.length]);
   React.useEffect(function () {
     mounted.current = true;
-  }, []); // ===================== Effects ======================
-
+  }, []);
+  // ===================== Effects ======================
   var _React$useState9 = React.useState(0),
-      _React$useState10 = _slicedToArray(_React$useState9, 2),
-      scrollbarSize = _React$useState10[0],
-      setScrollbarSize = _React$useState10[1];
-
+    _React$useState10 = _slicedToArray(_React$useState9, 2),
+    scrollbarSize = _React$useState10[0],
+    setScrollbarSize = _React$useState10[1];
   var _React$useState11 = React.useState(true),
-      _React$useState12 = _slicedToArray(_React$useState11, 2),
-      supportSticky = _React$useState12[0],
-      setSupportSticky = _React$useState12[1]; // Only IE not support, we mark as support first
-
-
+    _React$useState12 = _slicedToArray(_React$useState11, 2),
+    supportSticky = _React$useState12[0],
+    setSupportSticky = _React$useState12[1]; // Only IE not support, we mark as support first
   React.useEffect(function () {
     setScrollbarSize(getTargetScrollBarSize(scrollBodyRef.current).width);
     setSupportSticky(isStyleSupport('position', 'sticky'));
-  }, []); // ================== INTERNAL HOOKS ==================
-
+  }, []);
+  // ================== INTERNAL HOOKS ==================
   React.useEffect(function () {
     if (internalHooks === INTERNAL_HOOKS && internalRefs) {
       internalRefs.body.current = scrollBodyRef.current;
     }
-  }); // ====================== Render ======================
-
-  var TableComponent = getComponent(['table'], 'table'); // Table layout
-
+  });
+  // ====================== Render ======================
+  var TableComponent = getComponent(['table'], 'table');
+  // Table layout
   var mergedTableLayout = React.useMemo(function () {
     if (tableLayout) {
       return tableLayout;
     }
-
     if (fixColumn) {
       return scroll.x === 'max-content' ? 'auto' : 'fixed';
     }
-
     if (fixHeader || isSticky || flattenColumns.some(function (_ref5) {
       var ellipsis = _ref5.ellipsis;
       return ellipsis;
     })) {
       return 'fixed';
     }
-
     return 'auto';
   }, [fixHeader, fixColumn, flattenColumns, tableLayout, isSticky]);
-  var groupTableNode; // Header props
-
+  var groupTableNode;
+  // Header props
   var headerProps = {
     colWidths: colWidths,
     columCount: flattenColumns.length,
@@ -481,20 +426,18 @@ function Table(props) {
     onHeaderRow: onHeaderRow,
     fixHeader: fixHeader,
     scroll: scroll
-  }; // Empty
-
+  };
+  // Empty
   var emptyNode = React.useMemo(function () {
     if (hasData) {
       return null;
     }
-
     if (typeof emptyText === 'function') {
       return emptyText();
     }
-
     return emptyText;
-  }, [hasData, emptyText]); // Body
-
+  }, [hasData, emptyText]);
+  // Body
   var bodyTable = /*#__PURE__*/React.createElement(Body, {
     data: mergedData,
     measureColumnWidth: fixHeader || horizonScroll || isSticky,
@@ -513,15 +456,12 @@ function Table(props) {
     columns: flattenColumns
   });
   var customizeScrollBody = getComponent(['body']);
-
   if (process.env.NODE_ENV !== 'production' && typeof customizeScrollBody === 'function' && hasData && !fixHeader) {
     warning(false, '`components.body` with render props is only work on `scroll.y`.');
   }
-
   if (fixHeader || isSticky) {
     // >>>>>> Fixed Header
     var bodyContent;
-
     if (typeof customizeScrollBody === 'function') {
       bodyContent = customizeScrollBody(mergedData, {
         scrollbarSize: scrollbarSize,
@@ -531,11 +471,9 @@ function Table(props) {
       headerProps.colWidths = flattenColumns.map(function (_ref7, index) {
         var width = _ref7.width;
         var colWidth = index === columns.length - 1 ? width - scrollbarSize : width;
-
         if (typeof colWidth === 'number' && !Number.isNaN(colWidth)) {
           return colWidth;
         }
-
         warning(false, 'When use `components.body` with render props. Each column should have a fixed `width` value.');
         return 0;
       });
@@ -553,9 +491,8 @@ function Table(props) {
         stickyOffsets: stickyOffsets,
         flattenColumns: flattenColumns
       }, summaryNode)));
-    } // Fixed holder share the props
-
-
+    }
+    // Fixed holder share the props
     var fixedHolderProps = _extends(_extends(_extends({
       noData: !mergedData.length,
       maxContentScroll: horizonScroll && scroll.x === 'max-content'
@@ -564,7 +501,6 @@ function Table(props) {
       stickyClassName: stickyClassName,
       onScroll: onScroll
     });
-
     groupTableNode = /*#__PURE__*/React.createElement(React.Fragment, null, showHeader !== false && /*#__PURE__*/React.createElement(FixedHolder, _extends({}, fixedHolderProps, {
       stickyTopOffset: offsetHeader,
       className: "".concat(prefixCls, "-header"),
@@ -600,7 +536,6 @@ function Table(props) {
       flattenColumns: flattenColumns
     }, summaryNode)));
   }
-
   var ariaProps = pickAttrs(props, {
     aria: true,
     data: true
@@ -624,13 +559,11 @@ function Table(props) {
   }, groupTableNode), footer && /*#__PURE__*/React.createElement(Panel, {
     className: "".concat(prefixCls, "-footer")
   }, footer(mergedData))));
-
   if (horizonScroll) {
     fullTable = /*#__PURE__*/React.createElement(ResizeObserver, {
       onResize: onFullTableResize
     }, fullTable);
   }
-
   var TableContextValue = React.useMemo(function () {
     return {
       prefixCls: prefixCls,
@@ -682,7 +615,6 @@ function Table(props) {
     value: ResizeContextValue
   }, fullTable)))));
 }
-
 Table.EXPAND_COLUMN = EXPAND_COLUMN;
 Table.Column = Column;
 Table.ColumnGroup = ColumnGroup;

package/es/table/baseTable/context/StickyContext.js

@@ -1,4 +1,4 @@
-import * as React from 'react'; // Tell cell that browser support sticky
-
+import * as React from 'react';
+// Tell cell that browser support sticky
 var StickyContext = /*#__PURE__*/React.createContext(false);
 export default StickyContext;