@hi-ui/table 4.0.0-alpha.7 → 4.0.0-beta.2

package/lib/cjs/hooks/use-expand.js

@@ -0,0 +1,183 @@
+/** @LICENSE
+ * @hi-ui/table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/table#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+var useQueue = require('./use-queue.js');
+
+var React = require('react');
+
+var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
+
+var treeUtils = require('@hi-ui/tree-utils');
+
+var useLatest = require('@hi-ui/use-latest');
+
+var useExpandProps = function useExpandProps(flattedData, defaultExpandedIds, expandedIdsProp, onExpand, defaultExpandAll) {
+  return useUncontrolledState.useUncontrolledState(function getDefaultExpandedIds() {
+    // 开启默认展开全部
+    if (defaultExpandAll) {
+      return flattedData.map(function (node) {
+        return node.id;
+      });
+    }
+
+    return defaultExpandedIds;
+  }, expandedIdsProp, onExpand);
+};
+/**
+ * 树形节点展开
+ */
+
+
+var useExpand = function useExpand(flattedData, defaultExpandedIds, expandedIdsProp, onExpand, defaultExpandAll) {
+  var _useExpandProps = useExpandProps(flattedData, defaultExpandedIds, expandedIdsProp, onExpand, defaultExpandAll),
+      expandedIds = _useExpandProps[0],
+      tryToggleExpandedIds = _useExpandProps[1]; // const [onExpandTreeRowsChange, isExpandTreeRows] = useCheck({
+  //   checkedIds: expandTreeRows,
+  //   onCheck: trySetExpandTreeRows as any,
+  //   idFieldName: 'key',
+  // })
+
+
+  var expandedNodeIdSet = React.useMemo(function () {
+    return new Set(expandedIds);
+  }, [expandedIds]);
+
+  var isExpandedId = function isExpandedId(id) {
+    return expandedNodeIdSet.has(id);
+  };
+
+  var expandedIdsRef = useLatest.useLatestRef(expandedIds); // 更新展示数据，只展示被展开的所有节点
+
+  var _useState = React.useState(flattedData),
+      transitionData = _useState[0],
+      setTransitionData = _useState[1];
+
+  var transitionDataRef = useLatest.useLatestRef(transitionData);
+  var trySetTransitionData = React.useCallback(function (data, expandedIds) {
+    var nextData = flattenTreeDataWithExpand(data, expandedIds);
+    setTransitionData(nextData);
+  }, []); // 用来确保一次折叠动画是一次加锁的单元任务
+  // 防止用户频繁折叠展开导致动画渲染（存在 DOM 操作）异常
+
+  var _useState2 = React.useState(false),
+      isExpanding = _useState2[0],
+      setIsExpanding = _useState2[1];
+
+  var isExpandingRef = React.useRef(false);
+
+  var _useQueue = useQueue.useQueue([]),
+      enqueue = _useQueue.enqueue,
+      top = _useQueue.top,
+      dequeue = _useQueue.dequeue; // 用户传入 data 或 expandedIds 被改变时，同步更新要展示的所有节点
+
+
+  React.useEffect(function () {
+    trySetTransitionData(flattedData, expandedIds);
+  }, [flattedData, trySetTransitionData, expandedIds]);
+  var onNodeToggleStart = React.useCallback(function (expandedNode, shouldExpanded) {
+    console.error('onNodeToggleStart---------------', expandedNode, shouldExpanded);
+    if (isExpandingRef.current) return;
+    var expanded = expandedIdsRef.current.indexOf(expandedNode.id) !== -1;
+
+    if (shouldExpanded === expanded) {
+      dequeue();
+      return;
+    } // isExpandingRef.current = true
+
+
+    setIsExpanding(true);
+    var expandedIds = expandedIdsRef.current;
+    var transitionData = transitionDataRef.current;
+    var expandedNodeIdSet = new Set(expandedIds);
+    var expandedNodeId = expandedNode.id;
+
+    if (shouldExpanded) {
+      expandedNodeIdSet.add(expandedNodeId); // 设置展开的子节点集合用一个容器节点包裹，用来实现动画展开效果
+      // @ts-ignore
+
+      var _fFindNestedChildNode = treeUtils.fFindNestedChildNodesById(flattedData, expandedNodeId),
+          rangeData = _fFindNestedChildNode[0];
+
+      var expandedNodeIndex = transitionData.findIndex(function (node) {
+        return node.id === expandedNodeId;
+      });
+      var childrenStartIndex = expandedNodeIndex + 1;
+      var newTransitionData = treeUtils.cloneTree(transitionData);
+      newTransitionData.splice.apply(newTransitionData, [childrenStartIndex, 0].concat(flattenTreeDataWithExpand(rangeData, expandedIds)));
+      trySetTransitionData(newTransitionData, Array.from(expandedNodeIdSet));
+    } else {
+      expandedNodeIdSet["delete"](expandedNodeId); // 设置隐藏的子节点集合用一个 节点 包裹，用来实现动画隐藏效果
+
+      var _fFindNestedChildNode2 = treeUtils.fFindNestedChildNodesById( // @ts-ignore
+      transitionData, expandedNodeId),
+          _rangeData = _fFindNestedChildNode2[0],
+          _expandedNodeIndex = _fFindNestedChildNode2[1];
+
+      var _childrenStartIndex = _expandedNodeIndex + 1;
+
+      var _newTransitionData = treeUtils.cloneTree(transitionData);
+
+      _newTransitionData.splice.apply(_newTransitionData, [_childrenStartIndex, _rangeData.length].concat(_rangeData));
+
+      trySetTransitionData(_newTransitionData, Array.from(expandedNodeIdSet));
+    }
+
+    tryToggleExpandedIds(Array.from(expandedNodeIdSet), expandedNode, shouldExpanded);
+  }, [tryToggleExpandedIds, flattedData, trySetTransitionData, dequeue, expandedIdsRef, transitionDataRef]); // console.log('transitionData', transitionData, flattedData)
+
+  var onNodeToggleStartLatest = useLatest.useLatestCallback(onNodeToggleStart);
+  var onNodeExpand = React.useCallback(function (expandedNode, shouldExpanded) {
+    enqueue([expandedNode, shouldExpanded]);
+  }, [enqueue]);
+  React.useEffect(function () {
+    window.requestAnimationFrame(function () {
+      if (isExpanding) return;
+
+      if (top) {
+        onNodeToggleStartLatest(top[0], top[1]);
+        dequeue();
+        setIsExpanding(false);
+      }
+    });
+  }, [isExpanding, top, onNodeToggleStartLatest, dequeue]);
+  return [transitionData, onNodeExpand, isExpandedId];
+};
+
+function flattenTreeDataWithExpand(flattedTreeData, expandedIds) {
+  var expandedKeySet = new Set(expandedIds);
+  var length = flattedTreeData.length;
+  var nextData = []; // 处理只展示未折叠的节点或动画节点
+
+  for (var i = 0; i < length;) {
+    var node = flattedTreeData[i];
+    nextData.push(node);
+
+    if (expandedKeySet.has(node.id)) {
+      i++;
+    } else {
+      var child = flattedTreeData[++i];
+
+      while (child && child.depth > node.depth) {
+        child = flattedTreeData[++i];
+      }
+    }
+  }
+
+  return nextData;
+}
+
+exports.useExpand = useExpand;
+exports.useExpandProps = useExpandProps;
+//# sourceMappingURL=use-expand.js.map

package/lib/cjs/hooks/use-expand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-expand.js","sources":["../../../src/hooks/use-expand.ts"],"sourcesContent":[null],"names":["useExpandProps","flattedData","defaultExpandedIds","expandedIdsProp","onExpand","defaultExpandAll","useUncontrolledState","getDefaultExpandedIds","map","node","id","useExpand","expandedIds","tryToggleExpandedIds","expandedNodeIdSet","useMemo","Set","isExpandedId","has","expandedIdsRef","useLatestRef","useState","transitionData","setTransitionData","transitionDataRef","trySetTransitionData","useCallback","data","nextData","flattenTreeDataWithExpand","isExpanding","setIsExpanding","isExpandingRef","useRef","useQueue","enqueue","top","dequeue","useEffect","onNodeToggleStart","expandedNode","shouldExpanded","console","error","current","expanded","indexOf","expandedNodeId","add","fFindNestedChildNodesById","rangeData","expandedNodeIndex","findIndex","childrenStartIndex","newTransitionData","cloneTree","splice","Array","from","length","onNodeToggleStartLatest","useLatestCallback","onNodeExpand","window","requestAnimationFrame","flattedTreeData","expandedKeySet","i","push","child","depth"],"mappings":"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"}

package/lib/cjs/hooks/use-pagination.js

@@ -0,0 +1,66 @@
+/** @LICENSE
+ * @hi-ui/table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/table#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+var React = require('react');
+
+var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
+
+var axios = require('axios');
+
+function _interopDefaultLegacy(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
+
+var useTablePagination = function useTablePagination(_ref) {
+  var pagination = _ref.pagination,
+      dataProp = _ref.data,
+      dataSource = _ref.dataSource;
+
+  var _useUncontrolledState = useUncontrolledState.useUncontrolledState(1, pagination.current, pagination.onChange),
+      currentPage = _useUncontrolledState[0],
+      trySetCurrentPage = _useUncontrolledState[1];
+
+  var _React$useState = React__default['default'].useState([]),
+      remoteTableData = _React$useState[0],
+      setRemoteTableData = _React$useState[1];
+
+  var mergedData = dataSource ? remoteTableData : dataProp; // 内置远程数据配置 table，包括 data，pagination
+
+  React__default['default'].useEffect(function () {
+    if (dataSource) {
+      var requestConfig = dataSource(currentPage);
+      axios__default['default'](requestConfig).then(function (res) {
+        setRemoteTableData(res.data);
+      });
+    }
+  }, [dataSource, currentPage]);
+  return {
+    mergedData: mergedData,
+    pagination: pagination,
+    currentPage: currentPage,
+    trySetCurrentPage: trySetCurrentPage
+  };
+};
+
+exports.useTablePagination = useTablePagination;
+//# sourceMappingURL=use-pagination.js.map

package/lib/cjs/hooks/use-pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-pagination.js","sources":["../../../src/hooks/use-pagination.ts"],"sourcesContent":[null],"names":["useTablePagination","pagination","dataProp","data","dataSource","useUncontrolledState","current","onChange","currentPage","trySetCurrentPage","React","useState","remoteTableData","setRemoteTableData","mergedData","useEffect","requestConfig","axios","then","res"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAKaA,kBAAkB,GAAG,SAArBA,kBAAqB,KAAA;MAChCC,kBAAAA;MACMC,gBAANC;MACAC,kBAAAA;;8BAMyCC,yCAAAA,CACvC,CADuCA,EAEvCJ,UAAU,CAACK,OAF4BD,EAGvCJ,UAAU,CAACM,QAH4BF;MAAlCG,WAAP;MAAoBC,iBAApB;;wBAM8CC,yBAAAA,CAAMC,QAAND,CAAyB,EAAzBA;MAAvCE,eAAP;MAAwBC,kBAAxB;;MACMC,UAAU,GAAGV,UAAU,GAAGQ,eAAH,GAAqBV;;AAGlDQ,EAAAA,yBAAAA,CAAMK,SAANL,CAAgB;QACVN,YAAY;UACRY,aAAa,GAAGZ,UAAU,CAACI,WAAD;AAEhCS,MAAAA,yBAAAA,CAAMD,aAANC,EAAqBC,IAArBD,CAA0B,UAACE,GAAD;AACxBN,QAAAA,kBAAkB,CAACM,GAAG,CAAChB,IAAL,CAAlBU;AADF,OAAAI;;AAJJ,GAAAP,EAQG,CAACN,UAAD,EAAaI,WAAb,CARHE;SAUO;AAAEI,IAAAA,UAAU,EAAVA,UAAF;AAAcb,IAAAA,UAAU,EAAVA,UAAd;AAA0BO,IAAAA,WAAW,EAAXA,WAA1B;AAAuCC,IAAAA,iBAAiB,EAAjBA;AAAvC;;;"}

package/lib/cjs/hooks/use-queue.js

@@ -0,0 +1,55 @@
+/** @LICENSE
+ * @hi-ui/table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/table#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+var React = require('react');
+
+var useQueue = function useQueue(initialValue) {
+  if (initialValue === void 0) {
+    initialValue = [];
+  }
+
+  var _useState = React.useState(initialValue),
+      queue = _useState[0],
+      setQueue = _useState[1];
+
+  var enqueue = React.useCallback(function (value) {
+    setQueue(function (prevQueue) {
+      return [].concat(prevQueue, [value]);
+    });
+  }, []);
+  var dequeue = React.useCallback(function () {
+    setQueue(function (_ref) {
+      var nextQueue = _ref.slice(1);
+
+      return nextQueue;
+    });
+  }, []);
+  return {
+    enqueue: enqueue,
+    dequeue: dequeue,
+
+    get top() {
+      return queue[0];
+    },
+
+    get empty() {
+      return queue.length === 0;
+    }
+
+  };
+};
+
+exports.useQueue = useQueue;
+//# sourceMappingURL=use-queue.js.map

package/lib/cjs/hooks/use-queue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-queue.js","sources":["../../../src/hooks/use-queue.ts"],"sourcesContent":[null],"names":["useQueue","initialValue","useState","queue","setQueue","enqueue","useCallback","value","prevQueue","dequeue","nextQueue","top","empty","length"],"mappings":";;;;;;;;;;;;;;;;;IAEaA,QAAQ,GAAG,SAAXA,QAAW,CAAIC,YAAJ;MAAIA;AAAAA,IAAAA,eAAoB,EAApBA;;;kBACAC,cAAAA,CAASD,YAATC;MAAnBC,KAAP;MAAcC,QAAd;;MAEMC,OAAO,GAAGC,iBAAAA,CAAY,UAACC,KAAD;AAC1BH,IAAAA,QAAQ,CAAC,UAACI,SAAD;uBAAmBA,YAAWD;AAA/B,KAAA,CAARH;AADyB,GAAXE,EAEb,EAFaA;MAIVG,OAAO,GAAGH,iBAAAA,CAAY;AAC1BF,IAAAA,QAAQ,CAAC,cAAA;UAAQM,SAAR;;aAAuBA;AAAxB,KAAA,CAARN;AADyB,GAAXE,EAEb,EAFaA;SAIT;AACLD,IAAAA,OAAO,EAAPA,OADK;AAELI,IAAAA,OAAO,EAAPA,OAFK;;QAGDE;aACKR,KAAK,CAAC,CAAD;AAJT,KAAA;;QAMDS;aACKT,KAAK,CAACU,MAANV,KAAiB;;;AAPrB;;;"}

package/lib/cjs/icons/index.js

@@ -0,0 +1,55 @@
+/** @LICENSE
+ * @hi-ui/table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/table#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+var React = require('react');
+
+var icons = require('@hi-ui/icons');
+
+var spinner = require('@hi-ui/spinner');
+
+function _interopDefaultLegacy(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var defaultCollapseIcon = /*#__PURE__*/React__default['default'].createElement(icons.CaretDownFilled, {
+  style: {
+    transition: 'transform 0.3s',
+    transform: 'rotate(-90deg)'
+  }
+});
+var defaultExpandIcon = /*#__PURE__*/React__default['default'].createElement(icons.CaretDownFilled, {
+  style: {
+    transition: 'transform 0.3s',
+    transform: 'rotate(0)'
+  }
+});
+var defaultLeafIcon = /*#__PURE__*/React__default['default'].createElement("span", {
+  style: {
+    display: 'inline-block',
+    width: 16
+  }
+});
+var defaultLoadingIcon = /*#__PURE__*/React__default['default'].createElement(spinner.Spinner, null);
+exports.defaultCollapseIcon = defaultCollapseIcon;
+exports.defaultExpandIcon = defaultExpandIcon;
+exports.defaultLeafIcon = defaultLeafIcon;
+exports.defaultLoadingIcon = defaultLoadingIcon;
+//# sourceMappingURL=index.js.map

package/lib/cjs/icons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/icons/index.tsx"],"sourcesContent":[null],"names":["defaultCollapseIcon","React","CaretDownFilled","style","transition","transform","defaultExpandIcon","defaultLeafIcon","display","width","defaultLoadingIcon","Spinner"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIaA,mBAAmB,gBAC9BC,yBAAAA,cAAAA,CAACC,qBAADD;AAAiBE,EAAAA,KAAK,EAAE;AAAEC,IAAAA,UAAU,EAAE,gBAAd;AAAgCC,IAAAA,SAAS,EAAE;AAA3C;CAAxBJ;IAEWK,iBAAiB,gBAC5BL,yBAAAA,cAAAA,CAACC,qBAADD;AAAiBE,EAAAA,KAAK,EAAE;AAAEC,IAAAA,UAAU,EAAE,gBAAd;AAAgCC,IAAAA,SAAS,EAAE;AAA3C;CAAxBJ;IAEWM,eAAe,gBAAGN,yBAAAA,cAAAA,OAAAA;AAAME,EAAAA,KAAK,EAAE;AAAEK,IAAAA,OAAO,EAAE,cAAX;AAA2BC,IAAAA,KAAK,EAAE;AAAlC;CAAbR;IAElBS,kBAAkB,gBAAGT,yBAAAA,cAAAA,CAACU,eAADV,MAAAA;;;;"}

package/lib/cjs/index.js

@@ -0,0 +1,23 @@
+/** @LICENSE
+ * @hi-ui/table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/table#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+require('./styles/index.scss.js');
+
+var Table = require('./Table.js');
+
+exports.SELECTION_DATA_KEY = Table.SELECTION_DATA_KEY;
+exports.Table = Table.Table;
+exports["default"] = Table.Table;
+//# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}

package/lib/cjs/styles/index.scss.js

@@ -0,0 +1,22 @@
+/** @LICENSE
+ * @hi-ui/table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/table#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-table {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  font-size: 14px;\n  position: relative; }\n.hi-v4-table table {\n    width: 100%;\n    text-align: left;\n    background-color: #fff;\n    background-color: var(--hi-v4-color-static-white, #fff);\n    border-radius: 2px 2px 0 0;\n    border-spacing: 0;\n    border-collapse: separate;\n    display: table;\n    table-layout: fixed;\n    overflow: auto; }\n.hi-v4-table__wrapper {\n    position: relative; }\n.hi-v4-table--size-md table tbody > tr > td {\n    padding: 14px;\n    padding: var(--hi-v4-spacing-7, 14px); }\n.hi-v4-table--size-md table thead > tr > th {\n    padding: 14px;\n    padding: var(--hi-v4-spacing-7, 14px); }\n.hi-v4-table--size-sm table tbody > tr > td {\n    padding: 8px;\n    padding: var(--hi-v4-spacing-4, 8px); }\n.hi-v4-table--size-sm table thead > tr > th {\n    padding: 8px;\n    padding: var(--hi-v4-spacing-4, 8px); }\n.hi-v4-table--size-lg table tbody > tr > td {\n    padding: 20px;\n    padding: var(--hi-v4-spacing-10, 20px); }\n.hi-v4-table--size-lg table thead > tr > th {\n    padding: 20px;\n    padding: var(--hi-v4-spacing-10, 20px); }\n.hi-v4-table--bordered table thead > tr > th {\n    border-right: 1px solid #ebedf0;\n    border-right: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-table--bordered table td {\n    border-right: 1px solid #ebedf0;\n    border-right: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-table--bordered .hi-v4-table-header {\n    border-top: 1px solid #ebedf0;\n    border-top: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0);\n    border-left: 1px solid #ebedf0;\n    border-left: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-table--bordered .hi-v4-table-body {\n    border-left: 1px solid #ebedf0;\n    border-left: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-table--striped .hi-v4-table-row:not(:hover):nth-child(2n) .hi-v4-table-cell {\n    background-color: #f5f7fa;\n    background-color: var(--hi-v4-color-gray-50, #f5f7fa); }\n.hi-v4-table--sticky {\n    position: sticky;\n    top: 0; }\n.hi-v4-table-header {\n    position: relative;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    overflow: hidden; }\n.hi-v4-table-header tr > th {\n      color: #1f2733;\n      color: var(--hi-v4-color-gray-700, #1f2733);\n      font-size: 0.875rem;\n      font-size: var(--hi-v4-text-size-normal, 0.875rem);\n      font-weight: 500;\n      font-weight: var(--hi-v4-text-weight-medium, 500);\n      line-height: 1.25rem;\n      line-height: var(--hi-v4-text-lineheight-sm, 1.25rem);\n      padding: 14px 16px;\n      padding: var(--hi-v4-spacing-7, 14px) var(--hi-v4-spacing-8, 16px);\n      border-bottom: 1px solid #f0f0f0; }\n.hi-v4-table-header__resizable {\n      position: relative;\n      background-clip: padding-box; }\n.hi-v4-table-header__resizable-handle {\n        position: absolute;\n        width: 2px;\n        height: 100%;\n        bottom: 0;\n        right: 0;\n        cursor: col-resize;\n        z-index: 1; }\n.hi-v4-table-header__resizable-handle:hover {\n          background-color: #237ffa;\n          background-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-table-header__col--hovered-highlight {\n      background-color: #f2f4f7;\n      background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-table-row:hover .hi-v4-table-cell {\n    background-color: #e2f3fe;\n    background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-table-row--hovered {\n    background: #f0f5fe; }\n.hi-v4-table-row--expanded {\n    background: #fbfbfb; }\n.hi-v4-table-row--expanded > td {\n      color: #1f2937;\n      color: var(--hi-v4-color-gray-800, #1f2937); }\n.hi-v4-table-row--error > td {\n    color: #ff5959;\n    color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-table-row--highlight > td {\n    background-color: #e2f3fe;\n    background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-table-row--dragging {\n    background-color: #e2f3fe;\n    background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-table-row--drag-top td {\n    border-top: 2px dashed #237ffa;\n    border-top: 2px dashed var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-table-row--drag-bottom td {\n    border-bottom: 2px dashed #237ffa;\n    border-bottom: 2px dashed var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-table-row--avg .hi-v4-table-cell, .hi-v4-table-row--total .hi-v4-table-cell {\n    background-color: #fbfbfb; }\n.hi-v4-table-row--avg:hover .hi-v4-table-cell, .hi-v4-table-row--total:hover .hi-v4-table-cell {\n    background-color: #fbfbfb; }\n.hi-v4-table-header .hi-v4-table-header-col, .hi-v4-table-header .hi-v4-table-col {\n    background-color: #f5f7fa;\n    background-color: var(--hi-v4-color-gray-50, #f5f7fa); }\n.hi-v4-table-body .hi-v4-table-header-col[data-hover-highlight], .hi-v4-table-body .hi-v4-table-col[data-hover-highlight] {\n    background-color: #e2f3fe;\n    background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-table-header .hi-v4-table-header-col[data-hover-highlight], .hi-v4-table-header .hi-v4-table-col[data-hover-highlight] {\n    background-color: #f2f4f7;\n    background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-table-cell {\n  word-break: break-word;\n  border-bottom: 1px solid #f0f0f0;\n  font-size: 0.875rem;\n  font-size: var(--hi-v4-text-size-normal, 0.875rem);\n  font-weight: 400;\n  font-weight: var(--hi-v4-text-weight-normal, 400);\n  color: #1f2733;\n  color: var(--hi-v4-color-gray-700, #1f2733);\n  line-height: 1.25rem;\n  line-height: var(--hi-v4-text-lineheight-sm, 1.25rem);\n  padding: 14px 16px;\n  padding: var(--hi-v4-spacing-7, 14px) var(--hi-v4-spacing-8, 16px); }\n.hi-v4-table-cell[data-sticky] {\n    background-color: #fff;\n    background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-table-cell__col--highlight {\n    background-color: #e2f3fe;\n    background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-table-cell__col--hovered-highlight {\n    background-color: #e2f3fe;\n    background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-table-cell__indent {\n    display: inline-block;\n    width: 14px;\n    height: 100%;\n    margin-right: 2px;\n    margin-right: var(--hi-v4-spacing-1, 2px); }\n.hi-v4-table-cell__switcher.hi-v4-icon-button {\n    margin-right: 2px;\n    margin-right: var(--hi-v4-spacing-1, 2px); }\n.hi-v4-table-th__col--highlight {\n  background-color: #f2f4f7;\n  background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\nth[data-sticky] {\n  background-color: #f5f7fa;\n  background-color: var(--hi-v4-color-gray-50, #f5f7fa);\n  z-index: calc(1 + 1);\n  z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\n.hi-v4-table-freeze-shadow {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 20;\n  pointer-events: none;\n  overflow: hidden;\n  height: 100%;\n  width: 200px; }\n.hi-v4-table-freeze-shadow--left {\n    margin-right: 10px;\n    left: 0;\n    -webkit-box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15);\n            box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15); }\n.hi-v4-table-freeze-shadow--right {\n    margin-left: 10px;\n    right: 0;\n    -webkit-box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15);\n            box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15); }\n.hi-v4-table-header-filter-dropdown__trigger.hi-v4-icon-button {\n  margin-left: 4px; }\n.hi-v4-table-header-filter-dropdown__content {\n  width: 124px;\n  padding: 12px 8px;\n  padding: var(--hi-v4-spacing-6, 12px) var(--hi-v4-spacing-4, 8px);\n  font-weight: 400;\n  font-weight: var(--hi-v4-text-weight-normal, 400); }\n.hi-v4-table-header-filter-dropdown__item {\n  margin-top: 8px;\n  margin-top: var(--hi-v4-spacing-4, 8px);\n  padding: 6px 8px;\n  padding: var(--hi-v4-spacing-3, 6px) var(--hi-v4-spacing-4, 8px);\n  border-radius: 4px;\n  border-radius: var(--hi-v4-border-radius-normal, 4px);\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  cursor: pointer; }\n.hi-v4-table-header-filter-dropdown__item:first-child {\n    margin-top: 0; }\n.hi-v4-table-header-filter-dropdown__item--active {\n    background-color: #e2f3fe;\n    background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-table-header-filter-sorter {\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  height: 20px;\n  margin-top: 2px;\n  margin-left: 6px; }\n.hi-v4-table-header-filter-sorter__icon {\n    display: inline-block;\n    height: 8px;\n    cursor: pointer;\n    overflow: hidden;\n    font-weight: 400;\n    font-weight: var(--hi-v4-text-weight-normal, 400);\n    color: #929aa6;\n    color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-table-header-filter-sorter__icon svg {\n      position: relative;\n      top: -5px; }\n.hi-v4-table-header-filter-sorter__icon--active {\n      color: #237ffa;\n      color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-table-header-filter-custom__trigger {\n  margin-left: 6px;\n  color: #929aa6;\n  color: var(--hi-v4-color-gray-500, #929aa6);\n  cursor: pointer; }\n.hi-v4-table-header-filter-custom__content {\n  padding: 12px 8px; }\n.hi-v4-table-embed-row > td {\n  background-color: #ebedf0;\n  background-color: var(--hi-v4-color-gray-200, #ebedf0);\n  padding: 20px;\n  padding: var(--hi-v4-spacing-10, 20px); }\n.hi-v4-table-setting {\n  position: absolute;\n  height: 100%;\n  z-index: 11;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  right: 0;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  border-left: 1px solid #e0e1e2;\n  border-bottom: 1px solid #e0e1e2;\n  border-top: none;\n  color: #999;\n  cursor: pointer;\n  font-size: 14px;\n  width: 16px;\n  background: #fbfbfb; }\n.hi-v4-table-setting__btn-group {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: end;\n        -ms-flex-pack: end;\n            justify-content: flex-end; }\n.hi-v4-table-setting-item {\n  position: relative;\n  padding-top: 2px;\n  padding-top: var(--hi-v4-spacing-1, 2px);\n  padding-bottom: 2px;\n  padding-bottom: var(--hi-v4-spacing-1, 2px);\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box; }\n.hi-v4-table-setting-item__wrap {\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n    padding: 6px 8px;\n    padding: var(--hi-v4-spacing-3, 6px) var(--hi-v4-spacing-4, 8px);\n    line-height: 1.25rem;\n    line-height: var(--hi-v4-text-lineheight-sm, 1.25rem);\n    border-radius: 4px;\n    border-radius: var(--hi-v4-border-radius-normal, 4px); }\n.hi-v4-table-setting-item__wrap:hover {\n      background-color: #e2f3fe;\n      background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-table-setting-item--dragging .hi-v4-table-setting-item__wrap {\n      opacity: 0.6; }\n.hi-v4-table-setting-item::before {\n    position: absolute;\n    left: 0;\n    z-index: 9999;\n    display: none;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    width: 8px;\n    height: 8px;\n    content: '';\n    background-color: #fff;\n    background-color: var(--hi-v4-color-static-white, #fff);\n    border: 1px solid #237ffa;\n    border: 1px solid var(--hi-v4-color-brandblue-500, #237ffa);\n    border-radius: 100%; }\n.hi-v4-table-setting-item::after {\n    position: absolute;\n    content: '';\n    z-index: 9998;\n    display: block;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    border-bottom-width: 0;\n    border-bottom-style: solid;\n    border-bottom-color: #237ffa;\n    border-bottom-color: var(--hi-v4-color-brandblue-500, #237ffa);\n    left: 0;\n    width: 100%; }\n.hi-v4-table-setting-item::before, .hi-v4-table-setting-item::after {\n    margin-left: -10px;\n    margin-right: -10px; }\n.hi-v4-table-setting-item--direction-before::before {\n    display: block;\n    top: -0.5px;\n    -webkit-transform: translateY(-4px);\n            transform: translateY(-4px); }\n.hi-v4-table-setting-item--direction-before::after {\n    top: -0.5px;\n    border-bottom-width: 1px; }\n.hi-v4-table-setting-item--direction-after::before {\n    display: block;\n    bottom: 0.5px;\n    -webkit-transform: translateY(4px);\n            transform: translateY(4px); }\n.hi-v4-table-setting-item--direction-after::after {\n    bottom: 0.5px;\n    border-bottom-width: 1px; }\n.hi-v4-table-pagination {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n  grid-row-gap: 8px;\n  row-gap: 8px;\n  padding: 12px 0;\n  padding: var(--hi-v4-spacing-6, 12px) 0;\n  background-color: #fff;\n  background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-table-pagination--placement-left {\n    -webkit-box-pack: start;\n        -ms-flex-pack: start;\n            justify-content: flex-start; }\n.hi-v4-table-pagination--placement-right {\n    -webkit-box-pack: end;\n        -ms-flex-pack: end;\n            justify-content: flex-end; }\n.hi-v4-table-pagination--placement-middle {\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center; }\n.hi-v4-table-empty-content td {\n  text-align: center;\n  padding: 24px 0;\n  padding: var(--hi-v4-spacing-12, 24px) 0; }\n";
+
+var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
+
+__styleInject__(css_248z);
+
+exports["default"] = css_248z;
+//# sourceMappingURL=index.scss.js.map

package/lib/cjs/styles/index.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}