@digigov/ui 2.0.0-85c27c19 → 2.0.0-87b6232d

package/cjs/content/StepNav/index.js

@@ -53,7 +53,6 @@ var import_StepNavControls = __toESM(require("@digigov/react-core/StepNavControl
 var import_StepNavList = __toESM(require("@digigov/react-core/StepNavList"));
 var import_StepNavListItem = __toESM(require("@digigov/react-core/StepNavListItem"));
 __reExport(StepNav_exports, require("@digigov/ui/content/Accordion/hooks"), module.exports);
-__reExport(StepNav_exports, require("@digigov/ui/content/StepNav/auto"), module.exports);
 var import_hooks = require("@digigov/ui/content/Accordion/hooks");
 __reExport(StepNav_exports, require("@digigov/react-core/StepNavAccordion"), module.exports);
 var StepNav_default = import_StepNav.default;
@@ -71,7 +70,6 @@ var StepNav_default = import_StepNav.default;
   StepNavListItem,
   useStepNav,
   ...require("@digigov/ui/content/Accordion/hooks"),
-  ...require("@digigov/ui/content/StepNav/auto"),
   ...require("@digigov/react-core/StepNavAccordion")
 });
 //# sourceMappingURL=index.js.map

package/cjs/content/StepNav/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/StepNav/index.tsx"],
-  "sourcesContent": ["import StepNav from '@digigov/react-core/StepNav';\nimport StepNavAccordionContent from '@digigov/react-core/StepNavAccordionContent';\nimport StepNavAccordionHeadingText from '@digigov/react-core/StepNavAccordionHeadingText';\nimport StepNavAccordionHeadingTitle from '@digigov/react-core/StepNavAccordionHeadingTitle';\nimport StepNavAccordionSummary from '@digigov/react-core/StepNavAccordionSummary';\nimport StepNavAccordionSummaryHeading from '@digigov/react-core/StepNavAccordionSummaryHeading';\nimport StepNavCircleNumber from '@digigov/react-core/StepNavCircleNumber';\nimport StepNavControls from '@digigov/react-core/StepNavControls';\nimport StepNavList from '@digigov/react-core/StepNavList';\nimport StepNavListItem from '@digigov/react-core/StepNavListItem';\nexport * from '@digigov/ui/content/Accordion/hooks';\nexport * from '@digigov/ui/content/StepNav/auto';\nexport { useAccordion as useStepNav } from '@digigov/ui/content/Accordion/hooks';\nexport * from '@digigov/react-core/StepNavAccordion';\nexport {\n  StepNavAccordionContent,\n  StepNavAccordionSummary,\n  StepNavAccordionSummaryHeading,\n  StepNavAccordionHeadingTitle,\n  StepNavAccordionHeadingText,\n  StepNavCircleNumber,\n  StepNav,\n  StepNavControls,\n  StepNavList,\n  StepNavListItem,\n};\nexport default StepNav;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,gCAAAA;AAAA,EAAA,8DAAAC;AAAA,EAAA,sEAAAC;AAAA,EAAA,wEAAAC;AAAA,EAAA,8DAAAC;AAAA,EAAA,4EAAAC;AAAA,EAAA,sDAAAC;AAAA,EAAA,8CAAAC;AAAA,EAAA,sCAAAC;AAAA,EAAA,8CAAAC;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA,qBAAoB;AACpB,qCAAoC;AACpC,yCAAwC;AACxC,0CAAyC;AACzC,qCAAoC;AACpC,4CAA2C;AAC3C,iCAAgC;AAChC,6BAA4B;AAC5B,yBAAwB;AACxB,6BAA4B;AAC5B,4BAAc,gDAVd;AAWA,4BAAc,6CAXd;AAYA,mBAA2C;AAC3C,4BAAc,iDAbd;AA0BA,IAAO,kBAAQ,eAAAT;",
+  "sourcesContent": ["import StepNav from '@digigov/react-core/StepNav';\nimport StepNavAccordionContent from '@digigov/react-core/StepNavAccordionContent';\nimport StepNavAccordionHeadingText from '@digigov/react-core/StepNavAccordionHeadingText';\nimport StepNavAccordionHeadingTitle from '@digigov/react-core/StepNavAccordionHeadingTitle';\nimport StepNavAccordionSummary from '@digigov/react-core/StepNavAccordionSummary';\nimport StepNavAccordionSummaryHeading from '@digigov/react-core/StepNavAccordionSummaryHeading';\nimport StepNavCircleNumber from '@digigov/react-core/StepNavCircleNumber';\nimport StepNavControls from '@digigov/react-core/StepNavControls';\nimport StepNavList from '@digigov/react-core/StepNavList';\nimport StepNavListItem from '@digigov/react-core/StepNavListItem';\nexport * from '@digigov/ui/content/Accordion/hooks';\nexport { useAccordion as useStepNav } from '@digigov/ui/content/Accordion/hooks';\nexport * from '@digigov/react-core/StepNavAccordion';\nexport {\n  StepNavAccordionContent,\n  StepNavAccordionSummary,\n  StepNavAccordionSummaryHeading,\n  StepNavAccordionHeadingTitle,\n  StepNavAccordionHeadingText,\n  StepNavCircleNumber,\n  StepNav,\n  StepNavControls,\n  StepNavList,\n  StepNavListItem,\n};\nexport default StepNav;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,gCAAAA;AAAA,EAAA,8DAAAC;AAAA,EAAA,sEAAAC;AAAA,EAAA,wEAAAC;AAAA,EAAA,8DAAAC;AAAA,EAAA,4EAAAC;AAAA,EAAA,sDAAAC;AAAA,EAAA,8CAAAC;AAAA,EAAA,sCAAAC;AAAA,EAAA,8CAAAC;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA,qBAAoB;AACpB,qCAAoC;AACpC,yCAAwC;AACxC,0CAAyC;AACzC,qCAAoC;AACpC,4CAA2C;AAC3C,iCAAgC;AAChC,6BAA4B;AAC5B,yBAAwB;AACxB,6BAA4B;AAC5B,4BAAc,gDAVd;AAWA,mBAA2C;AAC3C,4BAAc,iDAZd;AAyBA,IAAO,kBAAQ,eAAAT;",
   "names": ["StepNav", "StepNavAccordionContent", "StepNavAccordionHeadingText", "StepNavAccordionHeadingTitle", "StepNavAccordionSummary", "StepNavAccordionSummaryHeading", "StepNavCircleNumber", "StepNavControls", "StepNavList", "StepNavListItem"]
 }

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

@@ -1,8 +1,6 @@
-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)
@@ -16,50 +14,36 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 SummaryList_stories_exports = {};
 __export(SummaryList_stories_exports, {
-  Default: () => import_Default.Default,
-  RowVariations: () => import_RowVariations.RowVariations,
-  WithActions: () => import_WithActions.WithActions,
-  WithKeyAndAction: () => import_WithKeyAndAction.WithKeyAndAction,
-  WithNoLastBorder: () => import_WithNoLastBorder.WithNoLastBorder,
-  WithoutActions: () => import_WithoutActions.WithoutActions,
-  WithoutBorders: () => import_WithoutBorders.WithoutBorders,
+  Default: () => Default,
   default: () => SummaryList_stories_default
 });
 module.exports = __toCommonJS(SummaryList_stories_exports);
-var import_SummaryList = __toESM(require("@digigov/ui/content/SummaryList"));
-var import_Default = require("@digigov/ui/content/SummaryList/__stories__/Default");
-var import_WithActions = require("@digigov/ui/content/SummaryList/__stories__/WithActions");
-var import_WithoutActions = require("@digigov/ui/content/SummaryList/__stories__/WithoutActions");
-var import_WithNoLastBorder = require("@digigov/ui/content/SummaryList/__stories__/WithNoLastBorder");
-var import_WithoutBorders = require("@digigov/ui/content/SummaryList/__stories__/WithoutBorders");
-var import_WithKeyAndAction = require("@digigov/ui/content/SummaryList/__stories__/WithKeyAndAction");
-var import_RowVariations = require("@digigov/ui/content/SummaryList/__stories__/RowVariations");
+var import_SummaryListExample = require("@digigov/ui/content/SummaryList/__stories__/SummaryListExample");
 var SummaryList_stories_default = {
   title: "Digigov UI/content/SummaryList",
-  description: "Use the summary list to summarise information.",
+  description: "Use the summary list to summarize information.",
   link: "https://guide.services.gov.gr/docs/components/summary-list",
-  component: import_SummaryList.default,
-  displayName: "SummaryList"
+  displayName: "SummaryList",
+  component: import_SummaryListExample.SummaryListExample
+};
+const Default = {
+  args: {
+    sm: 5,
+    md: 4,
+    lg: 3,
+    border: true,
+    noLastBorder: false,
+    itemBorder: true,
+    showKey: true,
+    showValue: true,
+    showActions: true
+  }
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Default,
-  RowVariations,
-  WithActions,
-  WithKeyAndAction,
-  WithNoLastBorder,
-  WithoutActions,
-  WithoutBorders
+  Default
 });
 //# sourceMappingURL=SummaryList.stories.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/SummaryList/SummaryList.stories.js"],
-  "sourcesContent": ["import SummaryList from '@digigov/ui/content/SummaryList';\nexport default {\n  title: 'Digigov UI/content/SummaryList',\n  description: 'Use the summary list to summarise information.',\n  link: 'https://guide.services.gov.gr/docs/components/summary-list',\n  component: SummaryList,\n  displayName: 'SummaryList',\n};\nexport { Default } from '@digigov/ui/content/SummaryList/__stories__/Default';\nexport { WithActions } from '@digigov/ui/content/SummaryList/__stories__/WithActions';\nexport { WithoutActions } from '@digigov/ui/content/SummaryList/__stories__/WithoutActions';\nexport { WithNoLastBorder } from '@digigov/ui/content/SummaryList/__stories__/WithNoLastBorder';\nexport { WithoutBorders } from '@digigov/ui/content/SummaryList/__stories__/WithoutBorders';\nexport { WithKeyAndAction } from '@digigov/ui/content/SummaryList/__stories__/WithKeyAndAction';\nexport { RowVariations } from '@digigov/ui/content/SummaryList/__stories__/RowVariations';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAAwB;AAQxB,qBAAwB;AACxB,yBAA4B;AAC5B,4BAA+B;AAC/B,8BAAiC;AACjC,4BAA+B;AAC/B,8BAAiC;AACjC,2BAA8B;AAb9B,IAAO,8BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aAAa;AAAA,EACb,MAAM;AAAA,EACN,WAAW,mBAAAA;AAAA,EACX,aAAa;AACf;",
-  "names": ["SummaryList"]
+  "sourcesContent": ["export default {\n  title: 'Digigov UI/content/SummaryList',\n  description: 'Use the summary list to summarize information.',\n  link: 'https://guide.services.gov.gr/docs/components/summary-list',\n  displayName: 'SummaryList',\n  component: SummaryListExample,\n};\nimport { SummaryListExample } from '@digigov/ui/content/SummaryList/__stories__/SummaryListExample';\n\nexport const Default = {\n  args: {\n    sm: 5,\n    md: 4,\n    lg: 3,\n    border: true,\n    noLastBorder: false,\n    itemBorder: true,\n    showKey: true,\n    showValue: true,\n    showActions: true,\n  },\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,gCAAmC;AAPnC,IAAO,8BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aAAa;AAAA,EACb,MAAM;AAAA,EACN,aAAa;AAAA,EACb,WAAW;AACb;AAGO,MAAM,UAAU;AAAA,EACrB,MAAM;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,WAAW;AAAA,IACX,aAAa;AAAA,EACf;AACF;",
+  "names": []
 }

package/cjs/content/SummaryList/__stories__/SummaryListExample/index.js

@@ -0,0 +1,70 @@
+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 SummaryListExample_exports = {};
+__export(SummaryListExample_exports, {
+  SummaryListExample: () => SummaryListExample,
+  default: () => SummaryListExample_default
+});
+module.exports = __toCommonJS(SummaryListExample_exports);
+var import_react = __toESM(require("react"));
+var import_SummaryList = require("@digigov/ui/content/SummaryList");
+var import_Link = require("@digigov/ui/navigation/Link");
+const data = [
+  {
+    key: "\u038C\u03BD\u03BF\u03BC\u03B1",
+    value: "\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2",
+    action: "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE"
+  },
+  {
+    key: "\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2",
+    value: "11 \u039C\u03B1\u03CA\u03BF\u03C5 1990",
+    action: "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE \u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1\u03C2"
+  },
+  {
+    key: "\u039A\u03B9\u03BD\u03B7\u03C4\u03CC \u03C4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2",
+    value: "6941234567",
+    action: "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE"
+  }
+];
+const SummaryListExample = ({
+  sm,
+  md,
+  lg,
+  border = true,
+  noLastBorder = false,
+  itemBorder = true,
+  showKey = true,
+  showValue = true,
+  showActions = true
+}) => /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryList, { border, noLastBorder }, data && data.map((item, index) => /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, { key: index, border: itemBorder }, showKey && /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, { sm, md, lg }, item.key), showValue && /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, item.value), showActions && /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemAction, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#" }, item.action)))));
+var SummaryListExample_default = SummaryListExample;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SummaryListExample
+});
+//# sourceMappingURL=SummaryListExample.js.map

package/cjs/content/SummaryList/__stories__/SummaryListExample.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/content/SummaryList/__stories__/SummaryListExample.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport {\n  SummaryList,\n  SummaryListItem,\n  SummaryListItemAction,\n  SummaryListItemKey,\n  SummaryListItemValue,\n  WidthValues,\n} from '@digigov/ui/content/SummaryList';\n\nimport { Link } from '@digigov/ui/navigation/Link';\n\nconst data = [\n  {\n    key: '\u038C\u03BD\u03BF\u03BC\u03B1',\n    value: '\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2',\n    action: '\u0391\u03BB\u03BB\u03B1\u03B3\u03AE',\n  },\n  {\n    key: '\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2',\n    value: '11 \u039C\u03B1\u03CA\u03BF\u03C5 1990',\n    action: '\u0391\u03BB\u03BB\u03B1\u03B3\u03AE \u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1\u03C2',\n  },\n  {\n    key: '\u039A\u03B9\u03BD\u03B7\u03C4\u03CC \u03C4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2',\n    value: '6941234567',\n    action: '\u0391\u03BB\u03BB\u03B1\u03B3\u03AE',\n  },\n];\n\nexport const SummaryListExample = ({\n  sm,\n  md,\n  lg,\n  border = true,\n  noLastBorder = false,\n  itemBorder = true,\n  showKey = true,\n  showValue = true,\n  showActions = true,\n}: {\n  sm?: WidthValues;\n  md?: WidthValues;\n  lg?: WidthValues;\n  border?: boolean;\n  noLastBorder?: boolean;\n  itemBorder?: boolean;\n  showKey?: boolean;\n  showValue?: boolean;\n  showActions?: boolean;\n}) => (\n  <SummaryList border={border} noLastBorder={noLastBorder}>\n    {data &&\n      data.map((item, index) => (\n        <SummaryListItem key={index} border={itemBorder}>\n          {showKey && (\n            <SummaryListItemKey sm={sm} md={md} lg={lg}>\n              {item.key}\n            </SummaryListItemKey>\n          )}\n          {showValue && (\n            <SummaryListItemValue>{item.value}</SummaryListItemValue>\n          )}\n          {showActions && (\n            <SummaryListItemAction>\n              <Link href=\"#\">{item.action}</Link>\n            </SummaryListItemAction>\n          )}\n        </SummaryListItem>\n      ))}\n  </SummaryList>\n);\n\nexport default SummaryListExample;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,yBAOO;AAEP,kBAAqB;AAErB,MAAM,OAAO;AAAA,EACX;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AACF;AAEO,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,eAAe;AAAA,EACf,aAAa;AAAA,EACb,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,cAAc;AAChB,MAWE,6BAAAA,QAAA,cAAC,kCAAY,QAAgB,gBAC1B,QACC,KAAK,IAAI,CAAC,MAAM,UACd,6BAAAA,QAAA,cAAC,sCAAgB,KAAK,OAAO,QAAQ,cAClC,WACC,6BAAAA,QAAA,cAAC,yCAAmB,IAAQ,IAAQ,MACjC,KAAK,GACR,GAED,aACC,6BAAAA,QAAA,cAAC,+CAAsB,KAAK,KAAM,GAEnC,eACC,6BAAAA,QAAA,cAAC,gDACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,OAAK,KAAK,MAAO,CAC9B,CAEJ,CACD,CACL;AAGF,IAAO,6BAAQ;",
+  "names": ["React"]
+}

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

@@ -31,7 +31,7 @@ __export(Table_stories_exports, {
   DarkVariantWithVerticalHeaders: () => import_DarkVariantWithVerticalHeaders.DarkVariantWithVerticalHeaders,
   Default: () => import_Default.Default,
   DefinedWidth: () => import_DefinedWidth.DefinedWidth,
-  Densed: () => import_Densed.Densed,
+  Dense: () => import_Dense.Dense,
   Full: () => import_Full.Full,
   MultipleProps: () => import_MultipleProps.MultipleProps,
   NoData: () => import_NoData.NoData,
@@ -41,6 +41,7 @@ __export(Table_stories_exports, {
   TableCaptions: () => import_TableCaptions.TableCaptions,
   VerticalBorders: () => import_VerticalBorders.VerticalBorders,
   VerticalHeaders: () => import_VerticalHeaders.VerticalHeaders,
+  WithControls: () => WithControls,
   WithFloatingScroll: () => import_WithFloatingScroll.WithFloatingScroll,
   WithLoader: () => import_WithLoader.WithLoader,
   WithSortFilters: () => import_WithSortFilters.WithSortFilters,
@@ -48,7 +49,8 @@ __export(Table_stories_exports, {
   default: () => Table_stories_default
 });
 module.exports = __toCommonJS(Table_stories_exports);
-var import_Table = __toESM(require("@digigov/ui/content/Table"));
+var import_react = __toESM(require("react"));
+var import_Table = 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");
@@ -61,7 +63,7 @@ var import_DarkVariant = require("@digigov/ui/content/Table/__stories__/DarkVari
 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_Dense = require("@digigov/ui/content/Table/__stories__/Dense");
 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");
@@ -71,16 +73,168 @@ 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,
+  component: import_Table.Table,
   displayName: "Table"
 };
+const data = {
+  title: "\u03A7\u03C1\u03AE\u03C3\u03C4\u03B5\u03C2",
+  labels: {
+    name: "\u039F\u03BD\u03BF\u03BC\u03B1\u03C4\u03B5\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF",
+    role: "\u03A1\u03CC\u03BB\u03BF\u03C2",
+    email: "Email",
+    phone: "\u038F\u03C1\u03B5\u03C2"
+  },
+  content: [
+    {
+      name: "\u039C\u03AC\u03C1\u03B9\u03BF\u03C2 \u039C\u03B5\u03BD\u03B5\u03BE\u03AD\u03C2",
+      role: "\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2",
+      email: "marios@mail.com",
+      phone: "34"
+    },
+    {
+      name: "\u039A\u03B1\u03BB\u03BB\u03B9\u03CC\u03C0\u03B7 \u03A0\u03B1\u03C0\u03B1\u03B4\u03BF\u03C0\u03BF\u03CD\u03BB\u03BF\u03C5",
+      role: "\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2",
+      email: "kalliopi@mail.com",
+      phone: "65"
+    },
+    {
+      name: "\u039C\u03B1\u03C1\u03AF\u03B1 \u03A6\u03BB\u03BF\u03CD\u03C0\u03B7",
+      role: "\u0394\u03B9\u03B1\u03C7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2",
+      email: "maria@mail.com",
+      phone: "12"
+    },
+    {
+      name: "\u0397\u03BB\u03AD\u03BA\u03C4\u03C1\u03B1 \u0391\u03C0\u03BF\u03C3\u03C4\u03CC\u03BB\u03BF\u03C5",
+      role: "\u0394\u03B9\u03B1\u03C7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2",
+      email: "ilektra@mail.com",
+      phone: "26"
+    }
+  ]
+};
+const WithControls = {
+  render: (args) => {
+    return /* @__PURE__ */ import_react.default.createElement(import_Table.TableContainer, { border: args.containerBorder }, /* @__PURE__ */ import_react.default.createElement(
+      import_Table.Table,
+      {
+        headerVariant: args.headerVariant,
+        verticalBorders: args.verticalBorders,
+        variant: args.variant,
+        dense: args.dense,
+        stacked: args.stacked
+      },
+      data && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Table.TableCaption, { size: args.tableCaptionSize }, data.title), /* @__PURE__ */ import_react.default.createElement(import_Table.TableHead, null, /* @__PURE__ */ import_react.default.createElement(import_Table.TableRow, null, data.labels && Object.keys(data.labels).map((key, index) => /* @__PURE__ */ import_react.default.createElement(
+        import_Table.TableHeadCell,
+        {
+          key,
+          width: index === 0 && args.firstTableHeadCellWidth,
+          dataType: key === "phone" && args.tableHeadCellDataType
+        },
+        data.labels[key]
+      )))), /* @__PURE__ */ import_react.default.createElement(import_Table.TableBody, null, data.content && data.content.map((item, index) => /* @__PURE__ */ import_react.default.createElement(
+        import_Table.TableRow,
+        {
+          key: index,
+          highlight: index === 1 && args.tableRowHighlight,
+          color: index === 1 && args.tableRowColor
+        },
+        /* @__PURE__ */ import_react.default.createElement(import_Table.TableDataCell, { "data-label": data.labels.name }, item.name),
+        /* @__PURE__ */ import_react.default.createElement(import_Table.TableDataCell, { "data-label": data.labels.role }, item.role),
+        /* @__PURE__ */ import_react.default.createElement(import_Table.TableDataCell, { "data-label": data.labels.email }, item.email),
+        /* @__PURE__ */ import_react.default.createElement(
+          import_Table.TableDataCell,
+          {
+            "data-label": data.labels.phone,
+            dataType: args.tableHeadCellDataType
+          },
+          item.phone
+        )
+      ))))
+    ));
+  },
+  args: {
+    containerBorder: false,
+    headerVariant: "light",
+    verticalBorders: false,
+    variant: "default",
+    stacked: "md",
+    dense: false,
+    tableCaptionSize: "md",
+    tableRowHighlight: false,
+    tableRowColor: "primary",
+    firstTableHeadCellWidth: "25%",
+    tableHeadCellDataType: "text"
+  },
+  argTypes: {
+    containerBorder: {
+      control: {
+        type: "boolean"
+      }
+    },
+    headerVariant: {
+      options: ["dark", "light"],
+      control: { type: "inline-radio" }
+    },
+    verticalBorders: {
+      control: {
+        type: "boolean"
+      }
+    },
+    variant: {
+      control: { type: "inline-radio" },
+      options: ["default", "zebra"]
+    },
+    stacked: {
+      control: {
+        type: "select"
+      },
+      options: ["always", "sm", "md", "never"]
+    },
+    dense: {
+      control: {
+        type: "boolean"
+      }
+    },
+    tableCaptionSize: {
+      control: {
+        type: "select"
+      },
+      options: ["sm", "md", "lg", "xl"]
+    },
+    tableRowHighlight: {
+      control: {
+        type: "boolean"
+      }
+    },
+    tableRowColor: {
+      control: {
+        type: "inline-radio"
+      },
+      options: ["primary", "secondary"]
+    },
+    firstTableHeadCellWidth: {
+      control: {
+        type: "select"
+      },
+      options: ["25%", "33.3%", "50%", "66.6%", "75%", "100%", "full"]
+    },
+    tableHeadCellDataType: {
+      control: {
+        type: "inline-radio"
+      },
+      options: ["numeric", "text"]
+    }
+  },
+  parameters: {
+    controls: { exclude: ["ref"] }
+  }
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   DarkVariant,
   DarkVariantWithVerticalHeaders,
   Default,
   DefinedWidth,
-  Densed,
+  Dense,
   Full,
   MultipleProps,
   NoData,
@@ -90,6 +244,7 @@ var Table_stories_default = {
   TableCaptions,
   VerticalBorders,
   VerticalHeaders,
+  WithControls,
   WithFloatingScroll,
   WithLoader,
   WithSortFilters,

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

@@ -1,7 +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"]
+  "sources": ["../../../../src/content/Table/Table.stories.jsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport {\n  TableContainer,\n  Table,\n  TableCaption,\n  TableHead,\n  TableRow,\n  TableBody,\n  TableHeadCell,\n  TableDataCell,\n} from '@digigov/ui/content/Table';\n\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};\n\nconst data = {\n  title: '\u03A7\u03C1\u03AE\u03C3\u03C4\u03B5\u03C2',\n  labels: {\n    name: '\u039F\u03BD\u03BF\u03BC\u03B1\u03C4\u03B5\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF',\n    role: '\u03A1\u03CC\u03BB\u03BF\u03C2',\n    email: 'Email',\n    phone: '\u038F\u03C1\u03B5\u03C2',\n  },\n  content: [\n    {\n      name: '\u039C\u03AC\u03C1\u03B9\u03BF\u03C2 \u039C\u03B5\u03BD\u03B5\u03BE\u03AD\u03C2',\n      role: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n      email: 'marios@mail.com',\n      phone: '34',\n    },\n    {\n      name: '\u039A\u03B1\u03BB\u03BB\u03B9\u03CC\u03C0\u03B7 \u03A0\u03B1\u03C0\u03B1\u03B4\u03BF\u03C0\u03BF\u03CD\u03BB\u03BF\u03C5',\n      role: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n      email: 'kalliopi@mail.com',\n      phone: '65',\n    },\n    {\n      name: '\u039C\u03B1\u03C1\u03AF\u03B1 \u03A6\u03BB\u03BF\u03CD\u03C0\u03B7',\n      role: '\u0394\u03B9\u03B1\u03C7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n      email: 'maria@mail.com',\n      phone: '12',\n    },\n    {\n      name: '\u0397\u03BB\u03AD\u03BA\u03C4\u03C1\u03B1 \u0391\u03C0\u03BF\u03C3\u03C4\u03CC\u03BB\u03BF\u03C5',\n      role: '\u0394\u03B9\u03B1\u03C7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n      email: 'ilektra@mail.com',\n      phone: '26',\n    },\n  ],\n};\n\nexport const WithControls = {\n  render: (args) => {\n    return (\n      <TableContainer border={args.containerBorder}>\n        <Table\n          headerVariant={args.headerVariant}\n          verticalBorders={args.verticalBorders}\n          variant={args.variant}\n          dense={args.dense}\n          stacked={args.stacked}\n        >\n          {data && (\n            <>\n              <TableCaption size={args.tableCaptionSize}>\n                {data.title}\n              </TableCaption>\n              <TableHead>\n                <TableRow>\n                  {data.labels &&\n                    Object.keys(data.labels).map((key, index) => (\n                      <TableHeadCell\n                        key={key}\n                        width={index === 0 && args.firstTableHeadCellWidth}\n                        dataType={key === 'phone' && args.tableHeadCellDataType}\n                      >\n                        {data.labels[key]}\n                      </TableHeadCell>\n                    ))}\n                </TableRow>\n              </TableHead>\n              <TableBody>\n                {data.content &&\n                  data.content.map((item, index) => (\n                    <TableRow\n                      key={index}\n                      highlight={index === 1 && args.tableRowHighlight}\n                      color={index === 1 && args.tableRowColor}\n                    >\n                      <TableDataCell data-label={data.labels.name}>\n                        {item.name}\n                      </TableDataCell>\n                      <TableDataCell data-label={data.labels.role}>\n                        {item.role}\n                      </TableDataCell>\n                      <TableDataCell data-label={data.labels.email}>\n                        {item.email}\n                      </TableDataCell>\n                      <TableDataCell\n                        data-label={data.labels.phone}\n                        dataType={args.tableHeadCellDataType}\n                      >\n                        {item.phone}\n                      </TableDataCell>\n                    </TableRow>\n                  ))}\n              </TableBody>\n            </>\n          )}\n        </Table>\n      </TableContainer>\n    );\n  },\n  args: {\n    containerBorder: false,\n    headerVariant: 'light',\n    verticalBorders: false,\n    variant: 'default',\n    stacked: 'md',\n    dense: false,\n    tableCaptionSize: 'md',\n    tableRowHighlight: false,\n    tableRowColor: 'primary',\n    firstTableHeadCellWidth: '25%',\n    tableHeadCellDataType: 'text',\n  },\n  argTypes: {\n    containerBorder: {\n      control: {\n        type: 'boolean',\n      },\n    },\n    headerVariant: {\n      options: ['dark', 'light'],\n      control: { type: 'inline-radio' },\n    },\n    verticalBorders: {\n      control: {\n        type: 'boolean',\n      },\n    },\n    variant: {\n      control: { type: 'inline-radio' },\n      options: ['default', 'zebra'],\n    },\n    stacked: {\n      control: {\n        type: 'select',\n      },\n      options: ['always', 'sm', 'md', 'never'],\n    },\n    dense: {\n      control: {\n        type: 'boolean',\n      },\n    },\n    tableCaptionSize: {\n      control: {\n        type: 'select',\n      },\n      options: ['sm', 'md', 'lg', 'xl'],\n    },\n    tableRowHighlight: {\n      control: {\n        type: 'boolean',\n      },\n    },\n    tableRowColor: {\n      control: {\n        type: 'inline-radio',\n      },\n      options: ['primary', 'secondary'],\n    },\n    firstTableHeadCellWidth: {\n      control: {\n        type: 'select',\n      },\n      options: ['25%', '33.3%', '50%', '66.6%', '75%', '100%', 'full'],\n    },\n    tableHeadCellDataType: {\n      control: {\n        type: 'inline-radio',\n      },\n      options: ['numeric', 'text'],\n    },\n  },\n  parameters: {\n    controls: { exclude: ['ref'] },\n  },\n};\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 { Dense } from '@digigov/ui/content/Table/__stories__/Dense';\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": "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",
+  "names": ["React"]
 }

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

@@ -1,7 +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;",
+  "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      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,MAC3C;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"]
 }

package/cjs/content/Table/__stories__/{Densed → Dense}/index.js

@@ -25,12 +25,12 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var Densed_exports = {};
-__export(Densed_exports, {
-  Densed: () => Densed,
-  default: () => Densed_default
+var Dense_exports = {};
+__export(Dense_exports, {
+  Dense: () => Dense,
+  default: () => Dense_default
 });
-module.exports = __toCommonJS(Densed_exports);
+module.exports = __toCommonJS(Dense_exports);
 var import_react = __toESM(require("react"));
 var import_Table = require("@digigov/ui/content/Table");
 const labels = {
@@ -118,14 +118,14 @@ const data = [
     active: "\u038C\u03C7\u03B9"
   }
 ];
-const Densed = () => {
+const Dense = () => {
   return /* @__PURE__ */ import_react.default.createElement(import_Table.TableContainer, { border: true }, /* @__PURE__ */ import_react.default.createElement(import_Table.Table, { dense: true }, /* @__PURE__ */ import_react.default.createElement(import_Table.TableCaption, null, "\u03A7\u03C1\u03AE\u03C3\u03C4\u03B5\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_Table.TableHead, null, /* @__PURE__ */ import_react.default.createElement(import_Table.TableRow, null, Object.keys(data[0]).map((key) => /* @__PURE__ */ import_react.default.createElement(import_Table.TableHeadCell, { key }, labels[key])))), /* @__PURE__ */ import_react.default.createElement(import_Table.TableBody, null, data && data.map((dt, index) => {
     return /* @__PURE__ */ import_react.default.createElement(import_Table.TableRow, { key: index }, Object.keys(dt).map((key) => /* @__PURE__ */ import_react.default.createElement(import_Table.TableDataCell, { key }, dt[key])));
   }))));
 };
-var Densed_default = Densed;
+var Dense_default = Dense;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Densed
+  Dense
 });
-//# sourceMappingURL=Densed.js.map
+//# sourceMappingURL=Dense.js.map

package/cjs/content/Table/__stories__/{Densed.js.map → Dense.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../../src/content/Table/__stories__/Densed.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport {\n  TableContainer,\n  Table,\n  TableCaption,\n  TableHead,\n  TableRow,\n  TableBody,\n  TableHeadCell,\n  TableDataCell,\n} from '@digigov/ui/content/Table';\n\nconst labels = {\n  name: '\u039F\u03BD\u03BF\u03BC\u03B1\u03C4\u03B5\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF',\n  email: 'Email',\n  phone: '\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF',\n  role: '\u03A1\u03CC\u03BB\u03BF\u03C2',\n  status: '\u039A\u03B1\u03C4\u03AC\u03C3\u03C4\u03B1\u03C3\u03B7',\n  actions: '\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2',\n  at: '\u0391\u03C1\u03B9\u03B8\u03BC\u03CC\u03C2 \u03A4\u03B1\u03C5\u03C4\u03CC\u03C4\u03B7\u03C4\u03B1\u03C2',\n  zip: '\u03A4\u03B1\u03C7\u03C5\u03B4\u03C1\u03BF\u03BC\u03B9\u03BA\u03CC\u03C2 \u039A\u03CE\u03B4\u03B9\u03BA\u03B1\u03C2',\n  address: '\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7',\n  city: '\u03A0\u03CC\u03BB\u03B7',\n  country: '\u03A7\u03CE\u03C1\u03B1',\n  active: '\u0395\u03BD\u03B5\u03C1\u03B3\u03CC\u03C2',\n  last_login: '\u03A4\u03B5\u03BB\u03B5\u03C5\u03C4\u03B1\u03AF\u03B1 \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03B7',\n  last_login_agent: '\u03A4\u03B5\u03BB\u03B5\u03C5\u03C4\u03B1\u03AF\u03B1 \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03B7 \u0391\u03BE\u03B5\u03C3\u03BF\u03C5\u03AC\u03C1',\n  last_login_ip: '\u03A4\u03B5\u03BB\u03B5\u03C5\u03C4\u03B1\u03AF\u03B1 \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03B7 IP',\n  afm: '\u0391\u03A6\u039C',\n};\n\nconst data = [\n  {\n    name: '\u03A4\u03AC\u03BA\u03B7\u03C2 \u03A4\u03C3\u03BF\u03CD\u03BA\u03B1\u03BB\u03BF\u03C2',\n    afm: '1111111112',\n    role: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n    at: '1212121',\n    email: 'takis@gov.gr',\n    phone: '22222222',\n    address: '\u0391\u03B3\u03AF\u03B1 \u03A0\u03B1\u03C1\u03B1\u03C3\u03BA\u03B5\u03C5\u03AE\u03C2',\n    city: '\u0391\u03B3\u03AF\u03B1 \u03A0\u03B1\u03C1\u03B1\u03C3\u03BA\u03B5\u03C5\u03AE',\n    country: '\u0395\u03BB\u03BB\u03AC\u03B4\u03B1',\n    zip: '222233',\n    active: '\u039D\u03B1\u03B9',\n  },\n  {\n    name: '\u039C\u03AC\u03C1\u03B9\u03BF\u03C2 \u039C\u03B5\u03BD\u03B5\u03BE\u03AD\u03C2',\n    afm: '1111111113',\n    role: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n    at: '1212122',\n    email: 'marios@gov.gr',\n    phone: '33333333',\n    address: '\u03A7\u03B1\u03BB\u03B1\u03BD\u03B4\u03C1\u03AF\u03BF\u03C5',\n    city: '\u03A7\u03B1\u03BB\u03AC\u03BD\u03B4\u03C1\u03B9',\n    country: '\u0395\u03BB\u03BB\u03AC\u03B4\u03B1',\n    zip: '222244',\n    active: '\u039D\u03B1\u03B9',\n  },\n  {\n    name: '\u039A\u03B1\u03BB\u03BB\u03B9\u03CC\u03C0\u03B7 \u03A0\u03B1\u03C0\u03B1\u03B4\u03BF\u03C0\u03BF\u03CD\u03BB\u03BF\u03C5',\n    afm: '1111111114',\n    role: '\u0394\u03B9\u03B1\u03C7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n    at: '1212123',\n    email: 'kalliopi@gov.gr',\n    phone: '44444444',\n    address: '\u03A0\u03B1\u03B3\u03BA\u03C1\u03B1\u03C4\u03AF\u03BF\u03C5',\n    city: '\u03A0\u03B1\u03B3\u03BA\u03C1\u03AC\u03C4\u03B9',\n    country: '\u0395\u03BB\u03BB\u03AC\u03B4\u03B1',\n    zip: '222255',\n    active: '\u039D\u03B1\u03B9',\n  },\n  {\n    name: '\u039C\u03B1\u03C1\u03AF\u03B1 \u03A6\u03BB\u03BF\u03CD\u03C0\u03B7',\n    afm: '1111111115',\n    role: '\u0394\u03B9\u03B1\u03C7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n    at: '1212124',\n    email: 'maria@gov.gr',\n    phone: '55555555',\n    address: '\u03A0\u03B1\u03B3\u03BA\u03C1\u03B1\u03C4\u03AF\u03BF\u03C5',\n    city: '\u03A0\u03B1\u03B3\u03BA\u03C1\u03AC\u03C4\u03B9',\n    country: '\u0395\u03BB\u03BB\u03AC\u03B4\u03B1',\n    zip: '222255',\n    active: '\u038C\u03C7\u03B9',\n  },\n  {\n    name: '\u0397\u03BB\u03AD\u03BA\u03C4\u03C1\u03B1 \u0391\u03C0\u03BF\u03C3\u03C4\u03CC\u03BB\u03BF\u03C5',\n    afm: '1111111116',\n    role: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n    at: '1212125',\n    email: 'ilektra@gov.gr',\n    phone: '66666666',\n    address: '\u039A\u03B1\u03BB\u03BB\u03B9\u03B8\u03AD\u03B1\u03C2',\n    city: '\u039A\u03B1\u03BB\u03BB\u03B9\u03B8\u03AD\u03B1',\n    country: '\u0395\u03BB\u03BB\u03AC\u03B4\u03B1',\n    zip: '222266',\n    active: '\u038C\u03C7\u03B9',\n  },\n];\n\nexport const Densed = () => {\n  return (\n    <TableContainer border>\n      <Table dense>\n        <TableCaption>\u03A7\u03C1\u03AE\u03C3\u03C4\u03B5\u03C2</TableCaption>\n        <TableHead>\n          <TableRow>\n            {Object.keys(data[0]).map((key) => (\n              <TableHeadCell key={key}>{labels[key]}</TableHeadCell>\n            ))}\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {data &&\n            data.map((dt, index) => {\n              return (\n                <TableRow key={index}>\n                  {Object.keys(dt).map((key) => (\n                    <TableDataCell key={key}>{dt[key]}</TableDataCell>\n                  ))}\n                </TableRow>\n              );\n            })}\n        </TableBody>\n      </Table>\n    </TableContainer>\n  );\n};\nexport default Densed;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,mBASO;AAEP,MAAM,SAAS;AAAA,EACb,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,KAAK;AACP;AAEA,MAAM,OAAO;AAAA,EACX;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,IACT,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,IACT,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,IACT,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,IACT,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,IACT,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AACF;AAEO,MAAM,SAAS,MAAM;AAC1B,SACE,6BAAAA,QAAA,cAAC,+BAAe,QAAM,QACpB,6BAAAA,QAAA,cAAC,sBAAM,OAAK,QACV,6BAAAA,QAAA,cAAC,iCAAa,4CAAO,GACrB,6BAAAA,QAAA,cAAC,8BACC,6BAAAA,QAAA,cAAC,6BACE,OAAO,KAAK,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,QACzB,6BAAAA,QAAA,cAAC,8BAAc,OAAW,OAAO,GAAG,CAAE,CACvC,CACH,CACF,GACA,6BAAAA,QAAA,cAAC,8BACE,QACC,KAAK,IAAI,CAAC,IAAI,UAAU;AACtB,WACE,6BAAAA,QAAA,cAAC,yBAAS,KAAK,SACZ,OAAO,KAAK,EAAE,EAAE,IAAI,CAAC,QACpB,6BAAAA,QAAA,cAAC,8BAAc,OAAW,GAAG,GAAG,CAAE,CACnC,CACH;AAAA,EAEJ,CAAC,CACL,CACF,CACF;AAEJ;AACA,IAAO,iBAAQ;",
+  "sources": ["../../../../../src/content/Table/__stories__/Dense.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport {\n  TableContainer,\n  Table,\n  TableCaption,\n  TableHead,\n  TableRow,\n  TableBody,\n  TableHeadCell,\n  TableDataCell,\n} from '@digigov/ui/content/Table';\n\nconst labels = {\n  name: '\u039F\u03BD\u03BF\u03BC\u03B1\u03C4\u03B5\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF',\n  email: 'Email',\n  phone: '\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF',\n  role: '\u03A1\u03CC\u03BB\u03BF\u03C2',\n  status: '\u039A\u03B1\u03C4\u03AC\u03C3\u03C4\u03B1\u03C3\u03B7',\n  actions: '\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2',\n  at: '\u0391\u03C1\u03B9\u03B8\u03BC\u03CC\u03C2 \u03A4\u03B1\u03C5\u03C4\u03CC\u03C4\u03B7\u03C4\u03B1\u03C2',\n  zip: '\u03A4\u03B1\u03C7\u03C5\u03B4\u03C1\u03BF\u03BC\u03B9\u03BA\u03CC\u03C2 \u039A\u03CE\u03B4\u03B9\u03BA\u03B1\u03C2',\n  address: '\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7',\n  city: '\u03A0\u03CC\u03BB\u03B7',\n  country: '\u03A7\u03CE\u03C1\u03B1',\n  active: '\u0395\u03BD\u03B5\u03C1\u03B3\u03CC\u03C2',\n  last_login: '\u03A4\u03B5\u03BB\u03B5\u03C5\u03C4\u03B1\u03AF\u03B1 \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03B7',\n  last_login_agent: '\u03A4\u03B5\u03BB\u03B5\u03C5\u03C4\u03B1\u03AF\u03B1 \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03B7 \u0391\u03BE\u03B5\u03C3\u03BF\u03C5\u03AC\u03C1',\n  last_login_ip: '\u03A4\u03B5\u03BB\u03B5\u03C5\u03C4\u03B1\u03AF\u03B1 \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03B7 IP',\n  afm: '\u0391\u03A6\u039C',\n};\n\nconst data = [\n  {\n    name: '\u03A4\u03AC\u03BA\u03B7\u03C2 \u03A4\u03C3\u03BF\u03CD\u03BA\u03B1\u03BB\u03BF\u03C2',\n    afm: '1111111112',\n    role: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n    at: '1212121',\n    email: 'takis@gov.gr',\n    phone: '22222222',\n    address: '\u0391\u03B3\u03AF\u03B1 \u03A0\u03B1\u03C1\u03B1\u03C3\u03BA\u03B5\u03C5\u03AE\u03C2',\n    city: '\u0391\u03B3\u03AF\u03B1 \u03A0\u03B1\u03C1\u03B1\u03C3\u03BA\u03B5\u03C5\u03AE',\n    country: '\u0395\u03BB\u03BB\u03AC\u03B4\u03B1',\n    zip: '222233',\n    active: '\u039D\u03B1\u03B9',\n  },\n  {\n    name: '\u039C\u03AC\u03C1\u03B9\u03BF\u03C2 \u039C\u03B5\u03BD\u03B5\u03BE\u03AD\u03C2',\n    afm: '1111111113',\n    role: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n    at: '1212122',\n    email: 'marios@gov.gr',\n    phone: '33333333',\n    address: '\u03A7\u03B1\u03BB\u03B1\u03BD\u03B4\u03C1\u03AF\u03BF\u03C5',\n    city: '\u03A7\u03B1\u03BB\u03AC\u03BD\u03B4\u03C1\u03B9',\n    country: '\u0395\u03BB\u03BB\u03AC\u03B4\u03B1',\n    zip: '222244',\n    active: '\u039D\u03B1\u03B9',\n  },\n  {\n    name: '\u039A\u03B1\u03BB\u03BB\u03B9\u03CC\u03C0\u03B7 \u03A0\u03B1\u03C0\u03B1\u03B4\u03BF\u03C0\u03BF\u03CD\u03BB\u03BF\u03C5',\n    afm: '1111111114',\n    role: '\u0394\u03B9\u03B1\u03C7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n    at: '1212123',\n    email: 'kalliopi@gov.gr',\n    phone: '44444444',\n    address: '\u03A0\u03B1\u03B3\u03BA\u03C1\u03B1\u03C4\u03AF\u03BF\u03C5',\n    city: '\u03A0\u03B1\u03B3\u03BA\u03C1\u03AC\u03C4\u03B9',\n    country: '\u0395\u03BB\u03BB\u03AC\u03B4\u03B1',\n    zip: '222255',\n    active: '\u039D\u03B1\u03B9',\n  },\n  {\n    name: '\u039C\u03B1\u03C1\u03AF\u03B1 \u03A6\u03BB\u03BF\u03CD\u03C0\u03B7',\n    afm: '1111111115',\n    role: '\u0394\u03B9\u03B1\u03C7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n    at: '1212124',\n    email: 'maria@gov.gr',\n    phone: '55555555',\n    address: '\u03A0\u03B1\u03B3\u03BA\u03C1\u03B1\u03C4\u03AF\u03BF\u03C5',\n    city: '\u03A0\u03B1\u03B3\u03BA\u03C1\u03AC\u03C4\u03B9',\n    country: '\u0395\u03BB\u03BB\u03AC\u03B4\u03B1',\n    zip: '222255',\n    active: '\u038C\u03C7\u03B9',\n  },\n  {\n    name: '\u0397\u03BB\u03AD\u03BA\u03C4\u03C1\u03B1 \u0391\u03C0\u03BF\u03C3\u03C4\u03CC\u03BB\u03BF\u03C5',\n    afm: '1111111116',\n    role: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n    at: '1212125',\n    email: 'ilektra@gov.gr',\n    phone: '66666666',\n    address: '\u039A\u03B1\u03BB\u03BB\u03B9\u03B8\u03AD\u03B1\u03C2',\n    city: '\u039A\u03B1\u03BB\u03BB\u03B9\u03B8\u03AD\u03B1',\n    country: '\u0395\u03BB\u03BB\u03AC\u03B4\u03B1',\n    zip: '222266',\n    active: '\u038C\u03C7\u03B9',\n  },\n];\n\nexport const Dense = () => {\n  return (\n    <TableContainer border>\n      <Table dense>\n        <TableCaption>\u03A7\u03C1\u03AE\u03C3\u03C4\u03B5\u03C2</TableCaption>\n        <TableHead>\n          <TableRow>\n            {Object.keys(data[0]).map((key) => (\n              <TableHeadCell key={key}>{labels[key]}</TableHeadCell>\n            ))}\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {data &&\n            data.map((dt, index) => {\n              return (\n                <TableRow key={index}>\n                  {Object.keys(dt).map((key) => (\n                    <TableDataCell key={key}>{dt[key]}</TableDataCell>\n                  ))}\n                </TableRow>\n              );\n            })}\n        </TableBody>\n      </Table>\n    </TableContainer>\n  );\n};\nexport default Dense;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,mBASO;AAEP,MAAM,SAAS;AAAA,EACb,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,KAAK;AACP;AAEA,MAAM,OAAO;AAAA,EACX;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,IACT,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,IACT,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,IACT,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,IACT,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,IACT,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AACF;AAEO,MAAM,QAAQ,MAAM;AACzB,SACE,6BAAAA,QAAA,cAAC,+BAAe,QAAM,QACpB,6BAAAA,QAAA,cAAC,sBAAM,OAAK,QACV,6BAAAA,QAAA,cAAC,iCAAa,4CAAO,GACrB,6BAAAA,QAAA,cAAC,8BACC,6BAAAA,QAAA,cAAC,6BACE,OAAO,KAAK,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,QACzB,6BAAAA,QAAA,cAAC,8BAAc,OAAW,OAAO,GAAG,CAAE,CACvC,CACH,CACF,GACA,6BAAAA,QAAA,cAAC,8BACE,QACC,KAAK,IAAI,CAAC,IAAI,UAAU;AACtB,WACE,6BAAAA,QAAA,cAAC,yBAAS,KAAK,SACZ,OAAO,KAAK,EAAE,EAAE,IAAI,CAAC,QACpB,6BAAAA,QAAA,cAAC,8BAAc,OAAW,GAAG,GAAG,CAAE,CACnC,CACH;AAAA,EAEJ,CAAC,CACL,CACF,CACF;AAEJ;AACA,IAAO,gBAAQ;",
   "names": ["React"]
 }

package/cjs/content/Table/__stories__/WithLoader/index.js

@@ -33,9 +33,7 @@ __export(WithLoader_exports, {
 module.exports = __toCommonJS(WithLoader_exports);
 var import_react = __toESM(require("react"));
 var import_Loader = require("@digigov/ui/app/Loader");
-var import_Loader2 = require("@digigov/ui/app/Loader");
 var import_Table = require("@digigov/ui/content/Table");
-var import_Table2 = require("@digigov/ui/content/Table");
 var import_Button = require("@digigov/ui/form/Button");
 const data = {
   title: "\u03A7\u03C1\u03AE\u03C3\u03C4\u03B5\u03C2",
@@ -68,9 +66,9 @@ const WithLoader = () => {
   setTimeout(() => {
     setTableData(data);
   }, 2e3);
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Table2.TableContainer, null, !tableData ? /* @__PURE__ */ import_react.default.createElement(import_Loader2.LoaderContainer, null, /* @__PURE__ */ import_react.default.createElement(import_Loader.CircularProgress, null)) : /* @__PURE__ */ import_react.default.createElement(import_Table2.Table, null, tableData && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Table2.TableCaption, null, tableData.title), /* @__PURE__ */ import_react.default.createElement(import_Table2.TableHead, null, /* @__PURE__ */ import_react.default.createElement(import_Table2.TableRow, null, tableData.labels && Object.keys(tableData.labels).map((key) => /* @__PURE__ */ import_react.default.createElement(import_Table2.TableHeadCell, { key }, tableData.labels[key])))), /* @__PURE__ */ import_react.default.createElement(import_Table2.TableBody, null, loading === true && /* @__PURE__ */ import_react.default.createElement(import_Table.TableLoaderBackground, null, /* @__PURE__ */ import_react.default.createElement(import_Loader2.LoaderContainer, null, /* @__PURE__ */ import_react.default.createElement(import_Loader.CircularProgress, null))), tableData.content && tableData.content.length > 0 ? tableData.content.map((item, index) => {
-    return /* @__PURE__ */ import_react.default.createElement(import_Table2.TableRow, { key: index }, /* @__PURE__ */ import_react.default.createElement(import_Table2.TableDataCell, { "data-label": tableData.labels.name }, item.name), /* @__PURE__ */ import_react.default.createElement(import_Table2.TableDataCell, { "data-label": tableData.labels.role }, item.role), /* @__PURE__ */ import_react.default.createElement(import_Table2.TableDataCell, { "data-label": tableData.labels.email }, item.email));
-  }) : /* @__PURE__ */ import_react.default.createElement(import_Table2.TableNoDataRow, null, "No data"))))), /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Table.TableContainer, null, !tableData ? /* @__PURE__ */ import_react.default.createElement(import_Loader.LoaderContainer, null, /* @__PURE__ */ import_react.default.createElement(import_Loader.CircularProgress, null)) : /* @__PURE__ */ import_react.default.createElement(import_Table.Table, null, tableData && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Table.TableCaption, null, tableData.title), /* @__PURE__ */ import_react.default.createElement(import_Table.TableHead, null, /* @__PURE__ */ import_react.default.createElement(import_Table.TableRow, null, tableData.labels && Object.keys(tableData.labels).map((key) => /* @__PURE__ */ import_react.default.createElement(import_Table.TableHeadCell, { key }, tableData.labels[key])))), /* @__PURE__ */ import_react.default.createElement(import_Table.TableBody, null, loading === true && /* @__PURE__ */ import_react.default.createElement(import_Table.TableLoaderBackground, null, /* @__PURE__ */ import_react.default.createElement(import_Loader.LoaderContainer, null, /* @__PURE__ */ import_react.default.createElement(import_Loader.CircularProgress, null))), tableData.content && tableData.content.length > 0 ? tableData.content.map((item, index) => {
+    return /* @__PURE__ */ import_react.default.createElement(import_Table.TableRow, { key: index }, /* @__PURE__ */ import_react.default.createElement(import_Table.TableDataCell, { "data-label": tableData.labels.name }, item.name), /* @__PURE__ */ import_react.default.createElement(import_Table.TableDataCell, { "data-label": tableData.labels.role }, item.role), /* @__PURE__ */ import_react.default.createElement(import_Table.TableDataCell, { "data-label": tableData.labels.email }, item.email));
+  }) : /* @__PURE__ */ import_react.default.createElement(import_Table.TableNoDataRow, null, "No data"))))), /* @__PURE__ */ import_react.default.createElement(
     import_Button.Button,
     {
       color: "secondary",