@digigov/ui 2.0.0-4be8f7cc → 2.0.0-85c27c19

package/cjs/content/Table/Table.stories/index.js

@@ -1,232 +1,98 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {};
-exports["default"] = void 0;
-var _Table = _interopRequireDefault(require("@digigov/ui/content/Table"));
-var _Default = require("@digigov/ui/content/Table/__stories__/Default");
-Object.keys(_Default).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Default[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Default[key];
-    }
-  });
-});
-var _TableCaptions = require("@digigov/ui/content/Table/__stories__/TableCaptions");
-Object.keys(_TableCaptions).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _TableCaptions[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _TableCaptions[key];
-    }
-  });
-});
-var _NoData = require("@digigov/ui/content/Table/__stories__/NoData");
-Object.keys(_NoData).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _NoData[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _NoData[key];
-    }
-  });
-});
-var _VerticalHeaders = require("@digigov/ui/content/Table/__stories__/VerticalHeaders");
-Object.keys(_VerticalHeaders).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _VerticalHeaders[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _VerticalHeaders[key];
-    }
-  });
-});
-var _ZebraProp = require("@digigov/ui/content/Table/__stories__/ZebraProp");
-Object.keys(_ZebraProp).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _ZebraProp[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _ZebraProp[key];
-    }
-  });
-});
-var _NumericDataType = require("@digigov/ui/content/Table/__stories__/NumericDataType");
-Object.keys(_NumericDataType).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _NumericDataType[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _NumericDataType[key];
-    }
-  });
-});
-var _VerticalBorders = require("@digigov/ui/content/Table/__stories__/VerticalBorders");
-Object.keys(_VerticalBorders).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _VerticalBorders[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _VerticalBorders[key];
-    }
-  });
-});
-var _Stacked = require("@digigov/ui/content/Table/__stories__/Stacked");
-Object.keys(_Stacked).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Stacked[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Stacked[key];
-    }
-  });
-});
-var _DarkVariant = require("@digigov/ui/content/Table/__stories__/DarkVariant");
-Object.keys(_DarkVariant).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _DarkVariant[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _DarkVariant[key];
-    }
-  });
-});
-var _DarkVariantWithVerticalHeaders = require("@digigov/ui/content/Table/__stories__/DarkVariantWithVerticalHeaders");
-Object.keys(_DarkVariantWithVerticalHeaders).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _DarkVariantWithVerticalHeaders[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _DarkVariantWithVerticalHeaders[key];
-    }
-  });
-});
-var _WithLoader = require("@digigov/ui/content/Table/__stories__/WithLoader");
-Object.keys(_WithLoader).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _WithLoader[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _WithLoader[key];
-    }
-  });
-});
-var _DefinedWidth = require("@digigov/ui/content/Table/__stories__/DefinedWidth");
-Object.keys(_DefinedWidth).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _DefinedWidth[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _DefinedWidth[key];
-    }
-  });
-});
-var _Densed = require("@digigov/ui/content/Table/__stories__/Densed");
-Object.keys(_Densed).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Densed[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Densed[key];
-    }
-  });
-});
-var _RowColors = require("@digigov/ui/content/Table/__stories__/RowColors");
-Object.keys(_RowColors).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _RowColors[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _RowColors[key];
-    }
-  });
-});
-var _MultipleProps = require("@digigov/ui/content/Table/__stories__/MultipleProps");
-Object.keys(_MultipleProps).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _MultipleProps[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _MultipleProps[key];
-    }
-  });
-});
-var _WithSortFilters = require("@digigov/ui/content/Table/__stories__/WithSortFilters");
-Object.keys(_WithSortFilters).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _WithSortFilters[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _WithSortFilters[key];
-    }
-  });
-});
-var _WithFloatingScroll = require("@digigov/ui/content/Table/__stories__/WithFloatingScroll");
-Object.keys(_WithFloatingScroll).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _WithFloatingScroll[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _WithFloatingScroll[key];
-    }
-  });
-});
-var _Full = require("@digigov/ui/content/Table/__stories__/Full");
-Object.keys(_Full).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Full[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Full[key];
-    }
-  });
-});
-var _default = exports["default"] = {
-  title: 'Digigov UI/content/Table',
-  description: 'Use the table component to make information easier to compare and scan for users.',
-  link: 'https://guide.services.gov.gr/docs/components/table',
-  component: _Table["default"],
-  displayName: 'Table'
-};
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Table_stories_exports = {};
+__export(Table_stories_exports, {
+  DarkVariant: () => import_DarkVariant.DarkVariant,
+  DarkVariantWithVerticalHeaders: () => import_DarkVariantWithVerticalHeaders.DarkVariantWithVerticalHeaders,
+  Default: () => import_Default.Default,
+  DefinedWidth: () => import_DefinedWidth.DefinedWidth,
+  Densed: () => import_Densed.Densed,
+  Full: () => import_Full.Full,
+  MultipleProps: () => import_MultipleProps.MultipleProps,
+  NoData: () => import_NoData.NoData,
+  NumericDataType: () => import_NumericDataType.NumericDataType,
+  RowColors: () => import_RowColors.RowColors,
+  Stacked: () => import_Stacked.Stacked,
+  TableCaptions: () => import_TableCaptions.TableCaptions,
+  VerticalBorders: () => import_VerticalBorders.VerticalBorders,
+  VerticalHeaders: () => import_VerticalHeaders.VerticalHeaders,
+  WithFloatingScroll: () => import_WithFloatingScroll.WithFloatingScroll,
+  WithLoader: () => import_WithLoader.WithLoader,
+  WithSortFilters: () => import_WithSortFilters.WithSortFilters,
+  ZebraProp: () => import_ZebraProp.ZebraProp,
+  default: () => Table_stories_default
+});
+module.exports = __toCommonJS(Table_stories_exports);
+var import_Table = __toESM(require("@digigov/ui/content/Table"));
+var import_Default = require("@digigov/ui/content/Table/__stories__/Default");
+var import_TableCaptions = require("@digigov/ui/content/Table/__stories__/TableCaptions");
+var import_NoData = require("@digigov/ui/content/Table/__stories__/NoData");
+var import_VerticalHeaders = require("@digigov/ui/content/Table/__stories__/VerticalHeaders");
+var import_ZebraProp = require("@digigov/ui/content/Table/__stories__/ZebraProp");
+var import_NumericDataType = require("@digigov/ui/content/Table/__stories__/NumericDataType");
+var import_VerticalBorders = require("@digigov/ui/content/Table/__stories__/VerticalBorders");
+var import_Stacked = require("@digigov/ui/content/Table/__stories__/Stacked");
+var import_DarkVariant = require("@digigov/ui/content/Table/__stories__/DarkVariant");
+var import_DarkVariantWithVerticalHeaders = require("@digigov/ui/content/Table/__stories__/DarkVariantWithVerticalHeaders");
+var import_WithLoader = require("@digigov/ui/content/Table/__stories__/WithLoader");
+var import_DefinedWidth = require("@digigov/ui/content/Table/__stories__/DefinedWidth");
+var import_Densed = require("@digigov/ui/content/Table/__stories__/Densed");
+var import_RowColors = require("@digigov/ui/content/Table/__stories__/RowColors");
+var import_MultipleProps = require("@digigov/ui/content/Table/__stories__/MultipleProps");
+var import_WithSortFilters = require("@digigov/ui/content/Table/__stories__/WithSortFilters");
+var import_WithFloatingScroll = require("@digigov/ui/content/Table/__stories__/WithFloatingScroll");
+var import_Full = require("@digigov/ui/content/Table/__stories__/Full");
+var Table_stories_default = {
+  title: "Digigov UI/content/Table",
+  description: "Use the table component to make information easier to compare and scan for users.",
+  link: "https://guide.services.gov.gr/docs/components/table",
+  component: import_Table.default,
+  displayName: "Table"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DarkVariant,
+  DarkVariantWithVerticalHeaders,
+  Default,
+  DefinedWidth,
+  Densed,
+  Full,
+  MultipleProps,
+  NoData,
+  NumericDataType,
+  RowColors,
+  Stacked,
+  TableCaptions,
+  VerticalBorders,
+  VerticalHeaders,
+  WithFloatingScroll,
+  WithLoader,
+  WithSortFilters,
+  ZebraProp
+});
+//# sourceMappingURL=Table.stories.js.map

package/cjs/content/Table/Table.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/content/Table/Table.stories.js"],
+  "sourcesContent": ["import Table from '@digigov/ui/content/Table';\nexport default {\n  title: 'Digigov UI/content/Table',\n  description:\n    'Use the table component to make information easier to compare and scan for users.',\n  link: 'https://guide.services.gov.gr/docs/components/table',\n  component: Table,\n  displayName: 'Table',\n};\nexport { Default } from '@digigov/ui/content/Table/__stories__/Default';\nexport { TableCaptions } from '@digigov/ui/content/Table/__stories__/TableCaptions';\nexport { NoData } from '@digigov/ui/content/Table/__stories__/NoData';\nexport { VerticalHeaders } from '@digigov/ui/content/Table/__stories__/VerticalHeaders';\nexport { ZebraProp } from '@digigov/ui/content/Table/__stories__/ZebraProp';\nexport { NumericDataType } from '@digigov/ui/content/Table/__stories__/NumericDataType';\nexport { VerticalBorders } from '@digigov/ui/content/Table/__stories__/VerticalBorders';\nexport { Stacked } from '@digigov/ui/content/Table/__stories__/Stacked';\nexport { DarkVariant } from '@digigov/ui/content/Table/__stories__/DarkVariant';\nexport { DarkVariantWithVerticalHeaders } from '@digigov/ui/content/Table/__stories__/DarkVariantWithVerticalHeaders';\nexport { WithLoader } from '@digigov/ui/content/Table/__stories__/WithLoader';\nexport { DefinedWidth } from '@digigov/ui/content/Table/__stories__/DefinedWidth';\nexport { Densed } from '@digigov/ui/content/Table/__stories__/Densed';\nexport { RowColors } from '@digigov/ui/content/Table/__stories__/RowColors';\nexport { MultipleProps } from '@digigov/ui/content/Table/__stories__/MultipleProps';\nexport { WithSortFilters } from '@digigov/ui/content/Table/__stories__/WithSortFilters';\nexport { WithFloatingScroll } from '@digigov/ui/content/Table/__stories__/WithFloatingScroll';\nexport { Full } from '@digigov/ui/content/Table/__stories__/Full';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AASlB,qBAAwB;AACxB,2BAA8B;AAC9B,oBAAuB;AACvB,6BAAgC;AAChC,uBAA0B;AAC1B,6BAAgC;AAChC,6BAAgC;AAChC,qBAAwB;AACxB,yBAA4B;AAC5B,4CAA+C;AAC/C,wBAA2B;AAC3B,0BAA6B;AAC7B,oBAAuB;AACvB,uBAA0B;AAC1B,2BAA8B;AAC9B,6BAAgC;AAChC,gCAAmC;AACnC,kBAAqB;AAzBrB,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW,aAAAA;AAAA,EACX,aAAa;AACf;",
+  "names": ["Table"]
+}

package/cjs/content/Table/TableFloatingScroll/index.js

@@ -1,92 +1,107 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var TableFloatingScroll_exports = {};
+__export(TableFloatingScroll_exports, {
+  TableFloatingScroll: () => TableFloatingScroll,
+  default: () => TableFloatingScroll_default
 });
-exports.TableFloatingScroll = TableFloatingScroll;
-exports["default"] = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+module.exports = __toCommonJS(TableFloatingScroll_exports);
+var import_react = __toESM(require("react"));
 function TableFloatingScroll(props) {
-  var ref = (0, _react.useRef)(null);
-  var contentRef = (0, _react.useRef)(null);
-  var scrollBlockRef = (0, _react.useRef)(null);
-  var _useState = (0, _react.useState)(0),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    width = _useState2[0],
-    setWidth = _useState2[1];
-  var _useState3 = (0, _react.useState)(0),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    containerWidth = _useState4[0],
-    setContainerWidth = _useState4[1];
-  var _useState5 = (0, _react.useState)('relative'),
-    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-    position = _useState6[0],
-    setPosition = _useState6[1];
-  (0, _react.useEffect)(function () {
-    var _ref$current;
-    var scrollBlockRefInstance = scrollBlockRef.current;
-    contentRef.current = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.firstChild;
-    // @ts-ignore
+  const ref = (0, import_react.useRef)(null);
+  const contentRef = (0, import_react.useRef)(null);
+  const scrollBlockRef = (0, import_react.useRef)(null);
+  const [width, setWidth] = (0, import_react.useState)(0);
+  const [containerWidth, setContainerWidth] = (0, import_react.useState)(0);
+  const [position, setPosition] = (0, import_react.useState)("relative");
+  (0, import_react.useEffect)(() => {
+    const scrollBlockRefInstance = scrollBlockRef.current;
+    contentRef.current = ref.current?.firstChild;
     setContainerWidth(ref.current.offsetWidth);
     setWidth(contentRef.current.scrollWidth);
-    var elementOffset = contentRef.current.offsetTop + contentRef.current.offsetHeight;
+    const elementOffset = contentRef.current.offsetTop + contentRef.current.offsetHeight;
     function onBodyScroll() {
-      var currentScroll = window.pageYOffset + window.innerHeight;
-      if (currentScroll < elementOffset &&
-      // @ts-ignore
+      const currentScroll = window.pageYOffset + window.innerHeight;
+      if (currentScroll < elementOffset && // @ts-ignore
       currentScroll > contentRef.current.offsetTop) {
-        setPosition('fixed');
-      } else if (currentScroll >= elementOffset ||
-      // @ts-ignore
+        setPosition("fixed");
+      } else if (currentScroll >= elementOffset || // @ts-ignore
       currentScroll <= contentRef.current.offsetTop) {
-        setPosition('relative');
+        setPosition("relative");
       }
     }
     function onBlockScroll() {
-      // @ts-ignore
       ref.current.scrollLeft = scrollBlockRefInstance.scrollLeft;
     }
-    // @ts-ignore
-    scrollBlockRefInstance.addEventListener('scroll', onBlockScroll);
-    document.addEventListener('scroll', onBodyScroll);
-    window.addEventListener('resize', function () {
-      // @ts-ignore
-      setContainerWidth(ref.current.offsetWidth);
-      // @ts-ignore
-      setWidth(contentRef.current.scrollWidth);
+    scrollBlockRefInstance.addEventListener("scroll", onBlockScroll);
+    document.addEventListener("scroll", onBodyScroll);
+    window.addEventListener("resize", () => {
+      if (ref.current?.offsetWidth) {
+        setContainerWidth(ref.current.offsetWidth);
+      }
+      if (contentRef.current?.offsetWidth) {
+        setWidth(contentRef.current.scrollWidth);
+      }
     });
-    return function () {
-      // @ts-ignore
-      scrollBlockRefInstance.removeEventListener('scroll', onBlockScroll);
-      document.removeEventListener('scroll', onBodyScroll);
+    return () => {
+      scrollBlockRefInstance.removeEventListener("scroll", onBlockScroll);
+      document.removeEventListener("scroll", onBodyScroll);
     };
   }, []);
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
-    ref: ref,
-    style: {
-      maxWidth: '100%',
-      overflowX: 'scroll'
-    }
-  }, props.children), /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      overflow: 'auto',
-      height: '35px',
-      marginTop: '-35px',
-      position: position,
-      maxWidth: "".concat(containerWidth, "px"),
-      bottom: 0
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      ref,
+      style: {
+        maxWidth: "100%",
+        overflowX: "scroll"
+      }
     },
-    ref: scrollBlockRef
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      width: "".concat(width, "px"),
-      overflow: 'hidden'
-    }
-  })));
+    props.children
+  ), /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      style: {
+        overflow: "auto",
+        height: "35px",
+        marginTop: "-35px",
+        position,
+        maxWidth: `${containerWidth}px`,
+        bottom: 0
+      },
+      ref: scrollBlockRef
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { style: { width: `${width}px`, overflow: "hidden" } })
+  ));
 }
-var _default = exports["default"] = TableFloatingScroll;
+var TableFloatingScroll_default = TableFloatingScroll;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TableFloatingScroll
+});
+//# sourceMappingURL=TableFloatingScroll.js.map

package/cjs/content/Table/TableFloatingScroll.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/content/Table/TableFloatingScroll.tsx"],
+  "sourcesContent": ["import React, { useEffect, useRef, useState } from 'react';\n\nexport function TableFloatingScroll(props) {\n  const ref = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLElement | null>(null);\n  const scrollBlockRef = useRef<HTMLDivElement>(null);\n  const [width, setWidth] = useState(0);\n  const [containerWidth, setContainerWidth] = useState(0);\n  const [position, setPosition] = useState<'relative' | 'fixed'>('relative');\n  useEffect(() => {\n    const scrollBlockRefInstance = scrollBlockRef.current;\n    contentRef.current = ref.current?.firstChild as HTMLElement;\n    // @ts-ignore\n    setContainerWidth(ref.current.offsetWidth);\n    setWidth(contentRef.current.scrollWidth);\n    const elementOffset =\n      contentRef.current.offsetTop + contentRef.current.offsetHeight;\n    function onBodyScroll() {\n      const currentScroll = window.pageYOffset + window.innerHeight;\n      if (\n        currentScroll < elementOffset &&\n        // @ts-ignore\n        currentScroll > contentRef.current.offsetTop\n      ) {\n        setPosition('fixed');\n      } else if (\n        currentScroll >= elementOffset ||\n        // @ts-ignore\n        currentScroll <= contentRef.current.offsetTop\n      ) {\n        setPosition('relative');\n      }\n    }\n    function onBlockScroll() {\n      // @ts-ignore\n      ref.current.scrollLeft = scrollBlockRefInstance.scrollLeft;\n    }\n    // @ts-ignore\n    scrollBlockRefInstance.addEventListener('scroll', onBlockScroll);\n    document.addEventListener('scroll', onBodyScroll);\n    window.addEventListener('resize', () => {\n      if (ref.current?.offsetWidth) {\n        // @ts-ignore\n        setContainerWidth(ref.current.offsetWidth);\n\n      }\n      if (contentRef.current?.offsetWidth) {\n        // @ts-ignore\n        setWidth(contentRef.current.scrollWidth);\n      }\n    });\n    return () => {\n      // @ts-ignore\n      scrollBlockRefInstance.removeEventListener('scroll', onBlockScroll);\n      document.removeEventListener('scroll', onBodyScroll);\n    };\n  }, []);\n  return (\n    <>\n      <div\n        ref={ref}\n        style={{\n          maxWidth: '100%',\n          overflowX: 'scroll',\n        }}\n      >\n        {props.children}\n      </div>\n      <div\n        style={{\n          overflow: 'auto',\n          height: '35px',\n          marginTop: '-35px',\n          position: position,\n          maxWidth: `${containerWidth}px`,\n          bottom: 0,\n        }}\n        ref={scrollBlockRef}\n      >\n        <div style={{ width: `${width}px`, overflow: 'hidden' }}></div>\n      </div>\n    </>\n  );\n}\nexport default TableFloatingScroll;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAmD;AAE5C,SAAS,oBAAoB,OAAO;AACzC,QAAM,UAAM,qBAAuB,IAAI;AACvC,QAAM,iBAAa,qBAA2B,IAAI;AAClD,QAAM,qBAAiB,qBAAuB,IAAI;AAClD,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,CAAC;AACpC,QAAM,CAAC,gBAAgB,iBAAiB,QAAI,uBAAS,CAAC;AACtD,QAAM,CAAC,UAAU,WAAW,QAAI,uBAA+B,UAAU;AACzE,8BAAU,MAAM;AACd,UAAM,yBAAyB,eAAe;AAC9C,eAAW,UAAU,IAAI,SAAS;AAElC,sBAAkB,IAAI,QAAQ,WAAW;AACzC,aAAS,WAAW,QAAQ,WAAW;AACvC,UAAM,gBACJ,WAAW,QAAQ,YAAY,WAAW,QAAQ;AACpD,aAAS,eAAe;AACtB,YAAM,gBAAgB,OAAO,cAAc,OAAO;AAClD,UACE,gBAAgB;AAAA,MAEhB,gBAAgB,WAAW,QAAQ,WACnC;AACA,oBAAY,OAAO;AAAA,MACrB,WACE,iBAAiB;AAAA,MAEjB,iBAAiB,WAAW,QAAQ,WACpC;AACA,oBAAY,UAAU;AAAA,MACxB;AAAA,IACF;AACA,aAAS,gBAAgB;AAEvB,UAAI,QAAQ,aAAa,uBAAuB;AAAA,IAClD;AAEA,2BAAuB,iBAAiB,UAAU,aAAa;AAC/D,aAAS,iBAAiB,UAAU,YAAY;AAChD,WAAO,iBAAiB,UAAU,MAAM;AACtC,UAAI,IAAI,SAAS,aAAa;AAE5B,0BAAkB,IAAI,QAAQ,WAAW;AAAA,MAE3C;AACA,UAAI,WAAW,SAAS,aAAa;AAEnC,iBAAS,WAAW,QAAQ,WAAW;AAAA,MACzC;AAAA,IACF,CAAC;AACD,WAAO,MAAM;AAEX,6BAAuB,oBAAoB,UAAU,aAAa;AAClE,eAAS,oBAAoB,UAAU,YAAY;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,CAAC;AACL,SACE,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO;AAAA,QACL,UAAU;AAAA,QACV,WAAW;AAAA,MACb;AAAA;AAAA,IAEC,MAAM;AAAA,EACT,GACA,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,WAAW;AAAA,QACX;AAAA,QACA,UAAU,GAAG,cAAc;AAAA,QAC3B,QAAQ;AAAA,MACV;AAAA,MACA,KAAK;AAAA;AAAA,IAEL,6BAAAA,QAAA,cAAC,SAAI,OAAO,EAAE,OAAO,GAAG,KAAK,MAAM,UAAU,SAAS,GAAG;AAAA,EAC3D,CACF;AAEJ;AACA,IAAO,8BAAQ;",
+  "names": ["React"]
+}