@digigov/ui 2.0.0-7d9a8d86 → 2.0.0-85c27c19

package/cjs/content/Table/__stories__/ZebraProp.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/content/Table/__stories__/ZebraProp.tsx"],
   "sourcesContent": ["import React from 'react';\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 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  },\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    },\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    },\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    },\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    },\n  ],\n};\n\nexport const ZebraProp = () => {\n  return (\n    <TableContainer>\n      <Table variant=\"zebra\">\n        {data && (\n          <>\n            <TableCaption>{data.title}</TableCaption>\n            <TableHead>\n              <TableRow>\n                {data.labels &&\n                  Object.keys(data.labels).map((key) => (\n                    <TableHeadCell key={key}>{data.labels[key]}</TableHeadCell>\n                  ))}\n              </TableRow>\n            </TableHead>\n            <TableBody>\n              {data.content &&\n                data.content.map((item, index) => (\n                  <TableRow key={index}>\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                  </TableRow>\n                ))}\n            </TableBody>\n          </>\n        )}\n      </Table>\n    </TableContainer>\n  );\n};\nexport default ZebraProp;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBASO;AAEP,MAAM,OAAO;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA;AAAA,EAET,SAAS;AAAA,IACP;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA;AAAA,IAET;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA;AAAA,IAET;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA;AAAA,IAET;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA;AAAA;AAAA;AAKN,MAAM,YAAY,MAAM;AAC7B,SACE,mDAAC,6BAAD,MACE,mDAAC,oBAAD;AAAA,IAAO,SAAQ;AAAA,KACZ,QACC,wFACE,mDAAC,2BAAD,MAAe,KAAK,QACpB,mDAAC,wBAAD,MACE,mDAAC,uBAAD,MACG,KAAK,UACJ,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,QAC5B,mDAAC,4BAAD;AAAA,IAAe;AAAA,KAAW,KAAK,OAAO,UAI9C,mDAAC,wBAAD,MACG,KAAK,WACJ,KAAK,QAAQ,IAAI,CAAC,MAAM,UACtB,mDAAC,uBAAD;AAAA,IAAU,KAAK;AAAA,KACb,mDAAC,4BAAD;AAAA,IAAe,cAAY,KAAK,OAAO;AAAA,KACpC,KAAK,OAER,mDAAC,4BAAD;AAAA,IAAe,cAAY,KAAK,OAAO;AAAA,KACpC,KAAK,OAER,mDAAC,4BAAD;AAAA,IAAe,cAAY,KAAK,OAAO;AAAA,KACpC,KAAK;AAAA;AAW5B,IAAO,oBAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBASO;AAEP,MAAM,OAAO;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AACF;AAEO,MAAM,YAAY,MAAM;AAC7B,SACE,6BAAAA,QAAA,cAAC,mCACC,6BAAAA,QAAA,cAAC,sBAAM,SAAQ,WACZ,QACC,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,iCAAc,KAAK,KAAM,GAC1B,6BAAAA,QAAA,cAAC,8BACC,6BAAAA,QAAA,cAAC,6BACE,KAAK,UACJ,OAAO,KAAK,KAAK,MAAM,EAAE,IAAI,CAAC,QAC5B,6BAAAA,QAAA,cAAC,8BAAc,OAAW,KAAK,OAAO,GAAG,CAAE,CAC5C,CACL,CACF,GACA,6BAAAA,QAAA,cAAC,8BACE,KAAK,WACJ,KAAK,QAAQ,IAAI,CAAC,MAAM,UACtB,6BAAAA,QAAA,cAAC,yBAAS,KAAK,SACb,6BAAAA,QAAA,cAAC,8BAAc,cAAY,KAAK,OAAO,QACpC,KAAK,IACR,GACA,6BAAAA,QAAA,cAAC,8BAAc,cAAY,KAAK,OAAO,QACpC,KAAK,IACR,GACA,6BAAAA,QAAA,cAAC,8BAAc,cAAY,KAAK,OAAO,SACpC,KAAK,KACR,CACF,CACD,CACL,CACF,CAEJ,CACF;AAEJ;AACA,IAAO,oBAAQ;",
+  "names": ["React"]
 }

package/cjs/content/Table/hooks/useSort/index.js

@@ -1,31 +1,27 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
-    __defProp(target, name, {get: all[name], enumerable: true});
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+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 target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
+  return to;
 };
-__markAsModule(exports);
-__export(exports, {
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useSort_exports = {};
+__export(useSort_exports, {
   useSort: () => useSort
 });
-var import_react = __toModule(require("react"));
-var import_react2 = __toModule(require("react"));
+module.exports = __toCommonJS(useSort_exports);
+var import_react = require("react");
+var import_react2 = require("react");
 const useSort = (data) => {
   const [sortDataBy, setSortDataBy] = (0, import_react.useState)("");
   const [direction, setDirection] = (0, import_react.useState)(0);
@@ -36,12 +32,9 @@ const useSort = (data) => {
     }
     if (sortDataBy) {
       sortableItems.sort((a, b) => {
-        if (a[sortDataBy] === null)
-          return 1;
-        if (b[sortDataBy] === null)
-          return -1;
-        if (a[sortDataBy] === null && b[sortDataBy] === null)
-          return 0;
+        if (a[sortDataBy] === null) return 1;
+        if (b[sortDataBy] === null) return -1;
+        if (a[sortDataBy] === null && b[sortDataBy] === null) return 0;
         return a[sortDataBy].toString().localeCompare(b[sortDataBy].toString(), void 0, {
           numeric: true
         }) * (direction > 0 ? 1 : -1);

package/cjs/content/Table/hooks/useSort.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/content/Table/hooks/useSort.tsx"],
-  "sourcesContent": ["import { useState } from 'react';\nimport { useMemo } from 'react';\nimport { SortDirection } from '@digigov/ui/content/Table';\n\nexport interface UseSortResult {\n  sortedData: any[];\n  setSortedField: (item: string, value: SortDirection) => void;\n  field: string;\n  direction: SortDirection;\n}\nexport type SortData = Record<string, any>[];\nexport const useSort = (data: SortData): UseSortResult => {\n  const [sortDataBy, setSortDataBy] = useState('');\n  const [direction, setDirection] = useState<-1 | 1 | 0>(0);\n  const sortedItems = useMemo(() => {\n    const sortableItems = [...data];\n    if (sortableItems.length === 0) {\n      return [];\n    }\n    if (sortDataBy) {\n      sortableItems.sort((a, b) => {\n        if (a[sortDataBy] === null) return 1;\n        if (b[sortDataBy] === null) return -1;\n        if (a[sortDataBy] === null && b[sortDataBy] === null) return 0;\n        return (\n          a[sortDataBy]\n            .toString()\n            .localeCompare(b[sortDataBy].toString(), undefined, {\n              numeric: true,\n            }) * (direction > 0 ? 1 : -1)\n        );\n      });\n    }\n    return sortableItems;\n  }, [data, direction, sortDataBy]);\n\n  const setSortedField = (item, value) => {\n    if (item === sortDataBy && value === direction) {\n      setDirection(0);\n      setSortDataBy('');\n      return;\n    }\n    setDirection(value);\n    setSortDataBy(item);\n  };\n\n  return {\n    sortedData: sortedItems,\n    setSortedField,\n    field: sortDataBy,\n    direction,\n  };\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyB;AACzB,oBAAwB;AAUjB,MAAM,UAAU,CAAC,SAAkC;AACxD,QAAM,CAAC,YAAY,iBAAiB,2BAAS;AAC7C,QAAM,CAAC,WAAW,gBAAgB,2BAAqB;AACvD,QAAM,cAAc,2BAAQ,MAAM;AAChC,UAAM,gBAAgB,CAAC,GAAG;AAC1B,QAAI,cAAc,WAAW,GAAG;AAC9B,aAAO;AAAA;AAET,QAAI,YAAY;AACd,oBAAc,KAAK,CAAC,GAAG,MAAM;AAC3B,YAAI,EAAE,gBAAgB;AAAM,iBAAO;AACnC,YAAI,EAAE,gBAAgB;AAAM,iBAAO;AACnC,YAAI,EAAE,gBAAgB,QAAQ,EAAE,gBAAgB;AAAM,iBAAO;AAC7D,eACE,EAAE,YACC,WACA,cAAc,EAAE,YAAY,YAAY,QAAW;AAAA,UAClD,SAAS;AAAA,aACL,aAAY,IAAI,IAAI;AAAA;AAAA;AAIlC,WAAO;AAAA,KACN,CAAC,MAAM,WAAW;AAErB,QAAM,iBAAiB,CAAC,MAAM,UAAU;AACtC,QAAI,SAAS,cAAc,UAAU,WAAW;AAC9C,mBAAa;AACb,oBAAc;AACd;AAAA;AAEF,iBAAa;AACb,kBAAc;AAAA;AAGhB,SAAO;AAAA,IACL,YAAY;AAAA,IACZ;AAAA,IACA,OAAO;AAAA,IACP;AAAA;AAAA;",
-  "names": []
+  "sourcesContent": ["import { useState } from 'react';\nimport { useMemo } from 'react';\n\nexport type SortDirection = 1 | -1 | 0;\n\nexport interface UseSortResult {\n  sortedData: any[];\n  setSortedField: (item: string, value: SortDirection) => void;\n  field: string;\n  direction: SortDirection;\n}\nexport type SortData = Record<string, any>[];\nexport const useSort = (data: SortData): UseSortResult => {\n  const [sortDataBy, setSortDataBy] = useState('');\n  const [direction, setDirection] = useState<-1 | 1 | 0>(0);\n  const sortedItems = useMemo(() => {\n    const sortableItems = [...data];\n    if (sortableItems.length === 0) {\n      return [];\n    }\n    if (sortDataBy) {\n      sortableItems.sort((a, b) => {\n        if (a[sortDataBy] === null) return 1;\n        if (b[sortDataBy] === null) return -1;\n        if (a[sortDataBy] === null && b[sortDataBy] === null) return 0;\n        return (\n          a[sortDataBy]\n            .toString()\n            .localeCompare(b[sortDataBy].toString(), undefined, {\n              numeric: true,\n            }) * (direction > 0 ? 1 : -1)\n        );\n      });\n    }\n    return sortableItems;\n  }, [data, direction, sortDataBy]);\n\n  const setSortedField = (item, value) => {\n    if (item === sortDataBy && value === direction) {\n      setDirection(0);\n      setSortDataBy('');\n      return;\n    }\n    setDirection(value);\n    setSortDataBy(item);\n  };\n\n  return {\n    sortedData: sortedItems,\n    setSortedField,\n    field: sortDataBy,\n    direction,\n  };\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyB;AACzB,IAAAA,gBAAwB;AAWjB,MAAM,UAAU,CAAC,SAAkC;AACxD,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAS,EAAE;AAC/C,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAqB,CAAC;AACxD,QAAM,kBAAc,uBAAQ,MAAM;AAChC,UAAM,gBAAgB,CAAC,GAAG,IAAI;AAC9B,QAAI,cAAc,WAAW,GAAG;AAC9B,aAAO,CAAC;AAAA,IACV;AACA,QAAI,YAAY;AACd,oBAAc,KAAK,CAAC,GAAG,MAAM;AAC3B,YAAI,EAAE,UAAU,MAAM,KAAM,QAAO;AACnC,YAAI,EAAE,UAAU,MAAM,KAAM,QAAO;AACnC,YAAI,EAAE,UAAU,MAAM,QAAQ,EAAE,UAAU,MAAM,KAAM,QAAO;AAC7D,eACE,EAAE,UAAU,EACT,SAAS,EACT,cAAc,EAAE,UAAU,EAAE,SAAS,GAAG,QAAW;AAAA,UAClD,SAAS;AAAA,QACX,CAAC,KAAK,YAAY,IAAI,IAAI;AAAA,MAEhC,CAAC;AAAA,IACH;AACA,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,WAAW,UAAU,CAAC;AAEhC,QAAM,iBAAiB,CAAC,MAAM,UAAU;AACtC,QAAI,SAAS,cAAc,UAAU,WAAW;AAC9C,mBAAa,CAAC;AACd,oBAAc,EAAE;AAChB;AAAA,IACF;AACA,iBAAa,KAAK;AAClB,kBAAc,IAAI;AAAA,EACpB;AAEA,SAAO;AAAA,IACL,YAAY;AAAA,IACZ;AAAA,IACA,OAAO;AAAA,IACP;AAAA,EACF;AACF;",
+  "names": ["import_react"]
 }

package/cjs/content/Table/index.js

@@ -1,118 +1,155 @@
 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 __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
 var __export = (target, all) => {
   for (var name in all)
-    __defProp(target, name, {get: all[name], enumerable: true});
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+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 target;
+  return to;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
-};
-__markAsModule(exports);
-__export(exports, {
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+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_exports = {};
+__export(Table_exports, {
   TableSortLabel: () => TableSortLabel,
   default: () => Table_default
 });
-var import_react = __toModule(require("react"));
-var import_Table = __toModule(require("@digigov/react-core/Table"));
-var import_TableSortIconContainer = __toModule(require("@digigov/react-core/TableSortIconContainer"));
-var import_icons = __toModule(require("@digigov/ui/icons"));
-var import_Dropdown = __toModule(require("@digigov/ui/navigation/Dropdown"));
-var import_NavList = __toModule(require("@digigov/ui/navigation/NavList"));
-__reExport(exports, __toModule(require("@digigov/react-core/TableContainer")));
-__reExport(exports, __toModule(require("@digigov/react-core/Table")));
-__reExport(exports, __toModule(require("@digigov/react-core/TableBody")));
-__reExport(exports, __toModule(require("@digigov/react-core/TableCaption")));
-__reExport(exports, __toModule(require("@digigov/react-core/TableDataCell")));
-__reExport(exports, __toModule(require("@digigov/react-core/TableHead")));
-__reExport(exports, __toModule(require("@digigov/react-core/TableHeadCell")));
-__reExport(exports, __toModule(require("@digigov/react-core/TableRow")));
-__reExport(exports, __toModule(require("@digigov/react-core/TableNoDataRow")));
-__reExport(exports, __toModule(require("@digigov/react-core/TableLoaderBackground")));
-__reExport(exports, __toModule(require("@digigov/react-core/TableSortIconContainer")));
-__reExport(exports, __toModule(require("@digigov/ui/content/Table/TableFloatingScroll")));
-__reExport(exports, __toModule(require("@digigov/ui/content/Table/hooks/useSort")));
-const TableSortLabel = import_react.default.forwardRef(function TableSortLabel2({labels, disabled, children, direction = 0, onSort, ...props}, ref) {
+module.exports = __toCommonJS(Table_exports);
+var import_react = __toESM(require("react"));
+var import_Table = __toESM(require("@digigov/react-core/Table"));
+var import_TableSortIconContainer = __toESM(require("@digigov/react-core/TableSortIconContainer"));
+var import_icons = require("@digigov/ui/icons");
+var import_Dropdown = require("@digigov/ui/navigation/Dropdown");
+var import_NavList = require("@digigov/ui/navigation/NavList");
+__reExport(Table_exports, require("@digigov/react-core/TableContainer"), module.exports);
+__reExport(Table_exports, require("@digigov/react-core/Table"), module.exports);
+__reExport(Table_exports, require("@digigov/react-core/TableBody"), module.exports);
+__reExport(Table_exports, require("@digigov/react-core/TableCaption"), module.exports);
+__reExport(Table_exports, require("@digigov/react-core/TableDataCell"), module.exports);
+__reExport(Table_exports, require("@digigov/react-core/TableHead"), module.exports);
+__reExport(Table_exports, require("@digigov/react-core/TableHeadCell"), module.exports);
+__reExport(Table_exports, require("@digigov/react-core/TableRow"), module.exports);
+__reExport(Table_exports, require("@digigov/react-core/TableNoDataRow"), module.exports);
+__reExport(Table_exports, require("@digigov/react-core/TableLoaderBackground"), module.exports);
+__reExport(Table_exports, require("@digigov/react-core/TableSortIconContainer"), module.exports);
+__reExport(Table_exports, require("@digigov/ui/content/Table/TableFloatingScroll"), module.exports);
+__reExport(Table_exports, require("@digigov/ui/content/Table/hooks/useSort"), module.exports);
+const TableSortLabel = import_react.default.forwardRef(function TableSortLabel2({ labels, disabled, children, direction = 0, onSort, ...props }, ref) {
   const dropdownRef = (0, import_react.useRef)(null);
   const active = [-1, 1].includes(direction);
-  return /* @__PURE__ */ import_react.default.createElement(import_Dropdown.Dropdown, {
-    ref: (el) => {
-      dropdownRef.current = el;
-      typeof ref === "function" && ref(el);
-    },
-    disabled,
-    ...props
-  }, /* @__PURE__ */ import_react.default.createElement(import_Dropdown.DropdownButton, {
-    variant: "link",
-    tabIndex: 0,
-    underline: active
-  }, children, /* @__PURE__ */ import_react.default.createElement(import_TableSortIconContainer.default, {
-    marginLeft: 1
-  }, /* @__PURE__ */ import_react.default.createElement(import_icons.CaretIcon, {
-    direction: "up",
-    size: "sm",
-    color: direction === 1 ? "dark" : "gray"
-  }), /* @__PURE__ */ import_react.default.createElement(import_icons.CaretIcon, {
-    direction: "down",
-    size: "sm",
-    color: direction === -1 ? "dark" : "gray"
-  }))), /* @__PURE__ */ import_react.default.createElement(import_Dropdown.DropdownContent, null, /* @__PURE__ */ import_react.default.createElement(import_NavList.NavList, {
-    layout: "vertical"
-  }, /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, {
-    active: direction === 1,
-    tabIndex: 0,
-    arrow: false,
-    onClick: () => {
-      onSort(1);
-      dropdownRef.current && (dropdownRef.current.open = false);
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_Dropdown.Dropdown,
+    {
+      ref: (el) => {
+        dropdownRef.current = el;
+        typeof ref === "function" && ref(el);
+      },
+      disabled,
+      ...props
     },
-    onKeyDown: (e) => {
-      if (e.key === "Enter") {
-        onSort(1);
-        dropdownRef.current && (dropdownRef.current.open = false);
+    /* @__PURE__ */ import_react.default.createElement(import_Dropdown.DropdownButton, { variant: "link", tabIndex: 0, underline: active }, children, /* @__PURE__ */ import_react.default.createElement(import_TableSortIconContainer.default, { marginLeft: 1 }, /* @__PURE__ */ import_react.default.createElement(
+      import_icons.CaretIcon,
+      {
+        direction: "up",
+        size: "sm",
+        color: direction === 1 ? "dark" : "gray"
       }
-    }
-  }, /* @__PURE__ */ import_react.default.createElement(import_icons.CaretIcon, {
-    direction: "up",
-    marginRight: 1,
-    marginTop: 1,
-    size: "sm"
-  }), labels.asc), /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, {
-    active: direction === -1,
-    tabIndex: 0,
-    arrow: false,
-    onClick: () => {
-      onSort(-1);
-      dropdownRef.current && (dropdownRef.current.open = false);
-    },
-    onKeyDown: (e) => {
-      if (e.key === "Enter") {
-        onSort(-1);
-        dropdownRef.current && (dropdownRef.current.open = false);
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_icons.CaretIcon,
+      {
+        direction: "down",
+        size: "sm",
+        color: direction === -1 ? "dark" : "gray"
       }
-    }
-  }, /* @__PURE__ */ import_react.default.createElement(import_icons.CaretIcon, {
-    direction: "down",
-    marginRight: 1,
-    marginTop: 1,
-    size: "sm"
-  }), labels.desc))));
+    ))),
+    /* @__PURE__ */ import_react.default.createElement(import_Dropdown.DropdownContent, null, /* @__PURE__ */ import_react.default.createElement(import_NavList.NavList, { layout: "vertical" }, /* @__PURE__ */ import_react.default.createElement(
+      import_NavList.NavListItemAction,
+      {
+        active: direction === 1,
+        tabIndex: 0,
+        onClick: () => {
+          onSort(1);
+          dropdownRef.current && (dropdownRef.current.open = false);
+        },
+        onKeyDown: (e) => {
+          if (e.key === "Enter") {
+            onSort(1);
+            dropdownRef.current && (dropdownRef.current.open = false);
+          }
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_icons.CaretIcon,
+        {
+          direction: "up",
+          marginRight: 1,
+          marginTop: 1,
+          size: "sm"
+        }
+      ),
+      labels.asc
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_NavList.NavListItemAction,
+      {
+        active: direction === -1,
+        tabIndex: 0,
+        onClick: () => {
+          onSort(-1);
+          dropdownRef.current && (dropdownRef.current.open = false);
+        },
+        onKeyDown: (e) => {
+          if (e.key === "Enter") {
+            onSort(-1);
+            dropdownRef.current && (dropdownRef.current.open = false);
+          }
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_icons.CaretIcon,
+        {
+          direction: "down",
+          marginRight: 1,
+          marginTop: 1,
+          size: "sm"
+        }
+      ),
+      labels.desc
+    )))
+  );
 });
 var Table_default = import_Table.default;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  TableSortLabel
+  TableSortLabel,
+  ...require("@digigov/react-core/TableContainer"),
+  ...require("@digigov/react-core/Table"),
+  ...require("@digigov/react-core/TableBody"),
+  ...require("@digigov/react-core/TableCaption"),
+  ...require("@digigov/react-core/TableDataCell"),
+  ...require("@digigov/react-core/TableHead"),
+  ...require("@digigov/react-core/TableHeadCell"),
+  ...require("@digigov/react-core/TableRow"),
+  ...require("@digigov/react-core/TableNoDataRow"),
+  ...require("@digigov/react-core/TableLoaderBackground"),
+  ...require("@digigov/react-core/TableSortIconContainer"),
+  ...require("@digigov/ui/content/Table/TableFloatingScroll"),
+  ...require("@digigov/ui/content/Table/hooks/useSort")
 });
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/Table/index.tsx"],
-  "sourcesContent": ["import React, { useRef } from 'react';\nimport Table from '@digigov/react-core/Table';\nimport TableSortIconContainer from '@digigov/react-core/TableSortIconContainer';\nimport { CaretIcon } from '@digigov/ui/icons';\nimport {\n  Dropdown,\n  DropdownButton,\n  DropdownContent,\n  DropdownProps,\n} from '@digigov/ui/navigation/Dropdown';\nimport { NavList, NavListItemAction } from '@digigov/ui/navigation/NavList';\n\nexport type SortDirection = 1 | -1 | 0;\n\nexport interface TableSortLabelProps extends DropdownProps {\n  labels: {\n    asc: string;\n    desc: string;\n  };\n  disabled?: boolean;\n  direction?: SortDirection;\n  onSort: (direction: SortDirection) => void;\n}\n\nexport const TableSortLabel = React.forwardRef<\n  HTMLDetailsElement,\n  TableSortLabelProps\n>(function TableSortLabel(\n  { labels, disabled, children, direction = 0, onSort, ...props },\n  ref\n) {\n  // TODO: this is a workaround for the dropdown component\n  // https://itnext.io/reusing-the-ref-from-forwardref-with-react-hooks-4ce9df693dd\n  const dropdownRef = useRef<HTMLDetailsElement | null>(null);\n  const active = [-1, 1].includes(direction);\n  return (\n    <Dropdown\n      ref={(el) => {\n        dropdownRef.current = el;\n        typeof ref === 'function' && ref(el);\n      }}\n      disabled={disabled}\n      {...props}\n    >\n      <DropdownButton variant=\"link\" tabIndex={0} underline={active}>\n        {children}\n        <TableSortIconContainer marginLeft={1}>\n          <CaretIcon\n            direction={'up'}\n            size=\"sm\"\n            color={direction === 1 ? 'dark' : 'gray'}\n          />\n          <CaretIcon\n            direction={'down'}\n            size=\"sm\"\n            color={direction === -1 ? 'dark' : 'gray'}\n          />\n        </TableSortIconContainer>\n      </DropdownButton>\n      <DropdownContent>\n        <NavList layout=\"vertical\">\n          <NavListItemAction\n            active={direction === 1}\n            tabIndex={0}\n            arrow={false}\n            onClick={() => {\n              onSort(1);\n              dropdownRef.current && (dropdownRef.current.open = false);\n            }}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') {\n                onSort(1);\n                dropdownRef.current && (dropdownRef.current.open = false);\n              }\n            }}\n          >\n            <CaretIcon\n              direction={'up'}\n              marginRight={1}\n              marginTop={1}\n              size=\"sm\"\n            />\n            {labels.asc}\n          </NavListItemAction>\n          <NavListItemAction\n            active={direction === -1}\n            tabIndex={0}\n            arrow={false}\n            onClick={() => {\n              onSort(-1);\n              dropdownRef.current && (dropdownRef.current.open = false);\n            }}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') {\n                onSort(-1);\n                dropdownRef.current && (dropdownRef.current.open = false);\n              }\n            }}\n          >\n            <CaretIcon\n              direction={'down'}\n              marginRight={1}\n              marginTop={1}\n              size=\"sm\"\n            />\n            {labels.desc}\n          </NavListItemAction>\n        </NavList>\n      </DropdownContent>\n    </Dropdown>\n  );\n});\n\nexport * from '@digigov/react-core/TableContainer';\nexport * from '@digigov/react-core/Table';\nexport * from '@digigov/react-core/TableBody';\nexport * from '@digigov/react-core/TableCaption';\nexport * from '@digigov/react-core/TableDataCell';\nexport * from '@digigov/react-core/TableHead';\nexport * from '@digigov/react-core/TableHeadCell';\nexport * from '@digigov/react-core/TableRow';\nexport * from '@digigov/react-core/TableNoDataRow';\nexport * from '@digigov/react-core/TableLoaderBackground';\nexport * from '@digigov/react-core/TableSortIconContainer';\nexport * from '@digigov/ui/content/Table/TableFloatingScroll';\nexport * from '@digigov/ui/content/Table/hooks/useSort';\n\nexport default Table;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8B;AAC9B,mBAAkB;AAClB,oCAAmC;AACnC,mBAA0B;AAC1B,sBAKO;AACP,qBAA2C;AAuG3C,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AArGP,MAAM,iBAAiB,qBAAM,WAGlC,yBACA,CAAE,QAAQ,UAAU,UAAU,YAAY,GAAG,WAAW,QACxD,KACA;AAGA,QAAM,cAAc,yBAAkC;AACtD,QAAM,SAAS,CAAC,IAAI,GAAG,SAAS;AAChC,SACE,mDAAC,0BAAD;AAAA,IACE,KAAK,CAAC,OAAO;AACX,kBAAY,UAAU;AACtB,aAAO,QAAQ,cAAc,IAAI;AAAA;AAAA,IAEnC;AAAA,OACI;AAAA,KAEJ,mDAAC,gCAAD;AAAA,IAAgB,SAAQ;AAAA,IAAO,UAAU;AAAA,IAAG,WAAW;AAAA,KACpD,UACD,mDAAC,uCAAD;AAAA,IAAwB,YAAY;AAAA,KAClC,mDAAC,wBAAD;AAAA,IACE,WAAW;AAAA,IACX,MAAK;AAAA,IACL,OAAO,cAAc,IAAI,SAAS;AAAA,MAEpC,mDAAC,wBAAD;AAAA,IACE,WAAW;AAAA,IACX,MAAK;AAAA,IACL,OAAO,cAAc,KAAK,SAAS;AAAA,QAIzC,mDAAC,iCAAD,MACE,mDAAC,wBAAD;AAAA,IAAS,QAAO;AAAA,KACd,mDAAC,kCAAD;AAAA,IACE,QAAQ,cAAc;AAAA,IACtB,UAAU;AAAA,IACV,OAAO;AAAA,IACP,SAAS,MAAM;AACb,aAAO;AACP,kBAAY,WAAY,aAAY,QAAQ,OAAO;AAAA;AAAA,IAErD,WAAW,CAAC,MAAM;AAChB,UAAI,EAAE,QAAQ,SAAS;AACrB,eAAO;AACP,oBAAY,WAAY,aAAY,QAAQ,OAAO;AAAA;AAAA;AAAA,KAIvD,mDAAC,wBAAD;AAAA,IACE,WAAW;AAAA,IACX,aAAa;AAAA,IACb,WAAW;AAAA,IACX,MAAK;AAAA,MAEN,OAAO,MAEV,mDAAC,kCAAD;AAAA,IACE,QAAQ,cAAc;AAAA,IACtB,UAAU;AAAA,IACV,OAAO;AAAA,IACP,SAAS,MAAM;AACb,aAAO;AACP,kBAAY,WAAY,aAAY,QAAQ,OAAO;AAAA;AAAA,IAErD,WAAW,CAAC,MAAM;AAChB,UAAI,EAAE,QAAQ,SAAS;AACrB,eAAO;AACP,oBAAY,WAAY,aAAY,QAAQ,OAAO;AAAA;AAAA;AAAA,KAIvD,mDAAC,wBAAD;AAAA,IACE,WAAW;AAAA,IACX,aAAa;AAAA,IACb,WAAW;AAAA,IACX,MAAK;AAAA,MAEN,OAAO;AAAA;AAsBpB,IAAO,gBAAQ;",
-  "names": []
+  "sourcesContent": ["import React, { useRef } from 'react';\nimport Table from '@digigov/react-core/Table';\nimport TableSortIconContainer from '@digigov/react-core/TableSortIconContainer';\nimport { type SortDirection } from '@digigov/ui/content/Table/hooks/useSort';\nimport { CaretIcon } from '@digigov/ui/icons';\nimport {\n  Dropdown,\n  DropdownButton,\n  DropdownContent,\n  DropdownProps,\n} from '@digigov/ui/navigation/Dropdown';\nimport { NavList, NavListItemAction } from '@digigov/ui/navigation/NavList';\n\nexport interface TableSortLabelProps extends DropdownProps {\n  labels: {\n    asc: string;\n    desc: string;\n  };\n  disabled?: boolean;\n  direction?: SortDirection;\n  onSort: (direction: SortDirection) => void;\n}\n\nexport const TableSortLabel = React.forwardRef<\n  HTMLDetailsElement,\n  TableSortLabelProps\n>(function TableSortLabel(\n  { labels, disabled, children, direction = 0, onSort, ...props },\n  ref\n) {\n  // TODO: this is a workaround for the dropdown component\n  // https://itnext.io/reusing-the-ref-from-forwardref-with-react-hooks-4ce9df693dd\n  const dropdownRef = useRef<HTMLDetailsElement | null>(null);\n  const active = [-1, 1].includes(direction);\n  return (\n    <Dropdown\n      ref={(el) => {\n        dropdownRef.current = el;\n        typeof ref === 'function' && ref(el);\n      }}\n      disabled={disabled}\n      {...props}\n    >\n      <DropdownButton variant=\"link\" tabIndex={0} underline={active}>\n        {children}\n        <TableSortIconContainer marginLeft={1}>\n          <CaretIcon\n            direction={'up'}\n            size=\"sm\"\n            color={direction === 1 ? 'dark' : 'gray'}\n          />\n          <CaretIcon\n            direction={'down'}\n            size=\"sm\"\n            color={direction === -1 ? 'dark' : 'gray'}\n          />\n        </TableSortIconContainer>\n      </DropdownButton>\n      <DropdownContent>\n        <NavList layout=\"vertical\">\n          <NavListItemAction\n            active={direction === 1}\n            tabIndex={0}\n            onClick={() => {\n              onSort(1);\n              dropdownRef.current && (dropdownRef.current.open = false);\n            }}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') {\n                onSort(1);\n                dropdownRef.current && (dropdownRef.current.open = false);\n              }\n            }}\n          >\n            <CaretIcon\n              direction={'up'}\n              marginRight={1}\n              marginTop={1}\n              size=\"sm\"\n            />\n            {labels.asc}\n          </NavListItemAction>\n          <NavListItemAction\n            active={direction === -1}\n            tabIndex={0}\n            onClick={() => {\n              onSort(-1);\n              dropdownRef.current && (dropdownRef.current.open = false);\n            }}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') {\n                onSort(-1);\n                dropdownRef.current && (dropdownRef.current.open = false);\n              }\n            }}\n          >\n            <CaretIcon\n              direction={'down'}\n              marginRight={1}\n              marginTop={1}\n              size=\"sm\"\n            />\n            {labels.desc}\n          </NavListItemAction>\n        </NavList>\n      </DropdownContent>\n    </Dropdown>\n  );\n});\n\nexport * from '@digigov/react-core/TableContainer';\nexport * from '@digigov/react-core/Table';\nexport * from '@digigov/react-core/TableBody';\nexport * from '@digigov/react-core/TableCaption';\nexport * from '@digigov/react-core/TableDataCell';\nexport * from '@digigov/react-core/TableHead';\nexport * from '@digigov/react-core/TableHeadCell';\nexport * from '@digigov/react-core/TableRow';\nexport * from '@digigov/react-core/TableNoDataRow';\nexport * from '@digigov/react-core/TableLoaderBackground';\nexport * from '@digigov/react-core/TableSortIconContainer';\nexport * from '@digigov/ui/content/Table/TableFloatingScroll';\nexport * from '@digigov/ui/content/Table/hooks/useSort';\n\nexport default Table;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8B;AAC9B,mBAAkB;AAClB,oCAAmC;AAEnC,mBAA0B;AAC1B,sBAKO;AACP,qBAA2C;AAmG3C,0BAAc,+CA9Gd;AA+GA,0BAAc,sCA/Gd;AAgHA,0BAAc,0CAhHd;AAiHA,0BAAc,6CAjHd;AAkHA,0BAAc,8CAlHd;AAmHA,0BAAc,0CAnHd;AAoHA,0BAAc,8CApHd;AAqHA,0BAAc,yCArHd;AAsHA,0BAAc,+CAtHd;AAuHA,0BAAc,sDAvHd;AAwHA,0BAAc,uDAxHd;AAyHA,0BAAc,0DAzHd;AA0HA,0BAAc,oDA1Hd;AAuBO,MAAM,iBAAiB,aAAAA,QAAM,WAGlC,SAASC,gBACT,EAAE,QAAQ,UAAU,UAAU,YAAY,GAAG,QAAQ,GAAG,MAAM,GAC9D,KACA;AAGA,QAAM,kBAAc,qBAAkC,IAAI;AAC1D,QAAM,SAAS,CAAC,IAAI,CAAC,EAAE,SAAS,SAAS;AACzC,SACE,6BAAAD,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,CAAC,OAAO;AACX,oBAAY,UAAU;AACtB,eAAO,QAAQ,cAAc,IAAI,EAAE;AAAA,MACrC;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,IAEJ,6BAAAA,QAAA,cAAC,kCAAe,SAAQ,QAAO,UAAU,GAAG,WAAW,UACpD,UACD,6BAAAA,QAAA,cAAC,8BAAAE,SAAA,EAAuB,YAAY,KAClC,6BAAAF,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,QACX,MAAK;AAAA,QACL,OAAO,cAAc,IAAI,SAAS;AAAA;AAAA,IACpC,GACA,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,QACX,MAAK;AAAA,QACL,OAAO,cAAc,KAAK,SAAS;AAAA;AAAA,IACrC,CACF,CACF;AAAA,IACA,6BAAAA,QAAA,cAAC,uCACC,6BAAAA,QAAA,cAAC,0BAAQ,QAAO,cACd,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,cAAc;AAAA,QACtB,UAAU;AAAA,QACV,SAAS,MAAM;AACb,iBAAO,CAAC;AACR,sBAAY,YAAY,YAAY,QAAQ,OAAO;AAAA,QACrD;AAAA,QACA,WAAW,CAAC,MAAM;AAChB,cAAI,EAAE,QAAQ,SAAS;AACrB,mBAAO,CAAC;AACR,wBAAY,YAAY,YAAY,QAAQ,OAAO;AAAA,UACrD;AAAA,QACF;AAAA;AAAA,MAEA,6BAAAA,QAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,UACX,aAAa;AAAA,UACb,WAAW;AAAA,UACX,MAAK;AAAA;AAAA,MACP;AAAA,MACC,OAAO;AAAA,IACV,GACA,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,cAAc;AAAA,QACtB,UAAU;AAAA,QACV,SAAS,MAAM;AACb,iBAAO,EAAE;AACT,sBAAY,YAAY,YAAY,QAAQ,OAAO;AAAA,QACrD;AAAA,QACA,WAAW,CAAC,MAAM;AAChB,cAAI,EAAE,QAAQ,SAAS;AACrB,mBAAO,EAAE;AACT,wBAAY,YAAY,YAAY,QAAQ,OAAO;AAAA,UACrD;AAAA,QACF;AAAA;AAAA,MAEA,6BAAAA,QAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,UACX,aAAa;AAAA,UACb,WAAW;AAAA,UACX,MAAK;AAAA;AAAA,MACP;AAAA,MACC,OAAO;AAAA,IACV,CACF,CACF;AAAA,EACF;AAEJ,CAAC;AAgBD,IAAO,gBAAQ,aAAAG;",
+  "names": ["React", "TableSortLabel", "TableSortIconContainer", "Table"]
 }

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

@@ -1,32 +1,40 @@
 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 __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
 var __export = (target, all) => {
   for (var name in all)
-    __defProp(target, name, {get: all[name], enumerable: true});
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+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 target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
+  return to;
 };
-__markAsModule(exports);
-__export(exports, {
+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 TaskList_stories_exports = {};
+__export(TaskList_stories_exports, {
+  Default: () => import_Default.Default,
+  Dense: () => import_Dense.Dense,
   default: () => TaskList_stories_default
 });
-var import_TaskList = __toModule(require("@digigov/ui/content/TaskList"));
-__reExport(exports, __toModule(require("@digigov/ui/content/TaskList/__stories__/Default")));
-__reExport(exports, __toModule(require("@digigov/ui/content/TaskList/__stories__/Dense")));
+module.exports = __toCommonJS(TaskList_stories_exports);
+var import_TaskList = __toESM(require("@digigov/ui/content/TaskList"));
+var import_Default = require("@digigov/ui/content/TaskList/__stories__/Default");
+var import_Dense = require("@digigov/ui/content/TaskList/__stories__/Dense");
 var TaskList_stories_default = {
   title: "Digigov UI/content/TaskList",
   description: "Only use a task list page for longer transactions involving multiple tasks that users may need to complete over a number of sessions.",
@@ -34,5 +42,8 @@ var TaskList_stories_default = {
   displayName: "TaskList"
 };
 // Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+0 && (module.exports = {
+  Default,
+  Dense
+});
 //# sourceMappingURL=TaskList.stories.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/TaskList/TaskList.stories.js"],
-  "sourcesContent": ["import TaskList from '@digigov/ui/content/TaskList';\nexport default {\n  title: 'Digigov UI/content/TaskList',\n  description:\n    'Only use a task list page for longer transactions involving multiple tasks that users may need to complete over a number of sessions.',\n  component: TaskList,\n  displayName: 'TaskList',\n};\nexport * from '@digigov/ui/content/TaskList/__stories__/Default';\nexport * from '@digigov/ui/content/TaskList/__stories__/Dense';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAqB;AAQrB,oBAAc;AACd,oBAAc;AARd,IAAO,2BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,WAAW;AAAA,EACX,aAAa;AAAA;",
-  "names": []
+  "sourcesContent": ["import TaskList from '@digigov/ui/content/TaskList';\nexport default {\n  title: 'Digigov UI/content/TaskList',\n  description:\n    'Only use a task list page for longer transactions involving multiple tasks that users may need to complete over a number of sessions.',\n  component: TaskList,\n  displayName: 'TaskList',\n};\nexport { Default } from '@digigov/ui/content/TaskList/__stories__/Default';\nexport { Dense } from '@digigov/ui/content/TaskList/__stories__/Dense';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAqB;AAQrB,qBAAwB;AACxB,mBAAsB;AARtB,IAAO,2BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,WAAW,gBAAAA;AAAA,EACX,aAAa;AACf;",
+  "names": ["TaskList"]
 }

package/cjs/content/TaskList/__stories__/Default/index.js

@@ -1,34 +1,40 @@
 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 __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
 var __export = (target, all) => {
   for (var name in all)
-    __defProp(target, name, {get: all[name], enumerable: true});
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+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 target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
+  return to;
 };
-__markAsModule(exports);
-__export(exports, {
+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 Default_exports = {};
+__export(Default_exports, {
   Default: () => Default,
   default: () => Default_default
 });
-var import_react = __toModule(require("react"));
-var import_SummaryList = __toModule(require("@digigov/ui/content/SummaryList"));
-var import_TaskList = __toModule(require("@digigov/ui/content/TaskList"));
-var import_Link = __toModule(require("@digigov/ui/navigation/Link"));
+module.exports = __toCommonJS(Default_exports);
+var import_react = __toESM(require("react"));
+var import_SummaryList = require("@digigov/ui/content/SummaryList");
+var import_TaskList = require("@digigov/ui/content/TaskList");
+var import_Link = require("@digigov/ui/navigation/Link");
 const fields = [
   {
     title: "\u0388\u03BB\u03B5\u03B3\u03C7\u03BF\u03B9 \u03C0\u03C1\u03B9\u03BD \u03BE\u03B5\u03BA\u03B9\u03BD\u03AE\u03C3\u03B5\u03C4\u03B5",
@@ -79,11 +85,7 @@ const fields = [
   }
 ];
 const Default = () => /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_TaskList.TaskList, null, fields && fields.map((field, index) => {
-  return /* @__PURE__ */ import_react.default.createElement(import_TaskList.TaskListItem, {
-    key: index
-  }, /* @__PURE__ */ import_react.default.createElement(import_TaskList.TaskListItemHeading, {
-    size: "md"
-  }, `${index + 1}. ${field.title}`), /* @__PURE__ */ import_react.default.createElement(import_TaskList.TaskListItemContent, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryList, null, field.tasks.map((task, key) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_TaskList.TaskListItem, { key: index }, /* @__PURE__ */ import_react.default.createElement(import_TaskList.TaskListItemHeading, { size: "md" }, `${index + 1}. ${field.title}`), /* @__PURE__ */ import_react.default.createElement(import_TaskList.TaskListItemContent, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryList, null, field.tasks.map((task, key) => {
     let tagColor;
     switch (task.status) {
       case "\u039F\u03BB\u03BF\u03BA\u03BB\u03B7\u03C1\u03C9\u03B8\u03B7\u03BA\u03B5":
@@ -99,11 +101,7 @@ const Default = () => /* @__PURE__ */ import_react.default.createElement("div",
         tagColor = "secondary";
         break;
     }
-    return /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, {
-      key
-    }, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, /* @__PURE__ */ import_react.default.createElement(import_Link.LinkBase, null, task.text)), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemAction, null, /* @__PURE__ */ import_react.default.createElement(import_TaskList.TaskListItemTag, {
-      color: tagColor
-    }, task.status)));
+    return /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, { key }, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, /* @__PURE__ */ import_react.default.createElement(import_Link.LinkBase, null, task.text)), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemAction, null, /* @__PURE__ */ import_react.default.createElement(import_TaskList.TaskListItemTag, { color: tagColor }, task.status)));
   }))));
 })));
 var Default_default = Default;

package/cjs/content/TaskList/__stories__/Default.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/content/TaskList/__stories__/Default.tsx"],
   "sourcesContent": ["import React from 'react';\n\nimport {\n  SummaryList,\n  SummaryListItem,\n  SummaryListItemAction,\n  SummaryListItemKey,\n} from '@digigov/ui/content/SummaryList';\n\nimport {\n  TaskList,\n  TaskListItem,\n  TaskListItemHeading,\n  TaskListItemContent,\n  TaskListItemTag,\n} from '@digigov/ui/content/TaskList';\nimport { LinkBase } from '@digigov/ui/navigation/Link';\n\nconst fields = [\n  {\n    title: '\u0388\u03BB\u03B5\u03B3\u03C7\u03BF\u03B9 \u03C0\u03C1\u03B9\u03BD \u03BE\u03B5\u03BA\u03B9\u03BD\u03AE\u03C3\u03B5\u03C4\u03B5',\n    tasks: [\n      {\n        text: '\u0395\u03BB\u03AD\u03B3\u03BE\u03C4\u03B5 \u03C4\u03B7\u03BD \u03BA\u03B1\u03C4\u03B1\u03BB\u03BB\u03B7\u03BB\u03CC\u03C4\u03B7\u03C4\u03B1',\n        status: '\u039F\u03BB\u03BF\u03BA\u03BB\u03B7\u03C1\u03C9\u03B8\u03B7\u03BA\u03B5',\n      },\n      {\n        text: '\u0395\u03BC\u03C6\u03AC\u03BD\u03B9\u03C3\u03B7 \u03B4\u03AE\u03BB\u03C9\u03C3\u03B7\u03C2',\n        status: '\u039F\u03BB\u03BF\u03BA\u03BB\u03B7\u03C1\u03C9\u03B8\u03B7\u03BA\u03B5',\n      },\n    ],\n  },\n  {\n    title: '\u03A0\u03C1\u03BF\u03B5\u03C4\u03BF\u03B9\u03BC\u03B1\u03C3\u03AF\u03B1 \u03B1\u03AF\u03C4\u03B7\u03C3\u03B7\u03C2',\n    tasks: [\n      {\n        text: '\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03B5\u03C4\u03B1\u03B9\u03C1\u03B5\u03AF\u03B1\u03C2',\n        status: '\u039F\u03BB\u03BF\u03BA\u03BB\u03B7\u03C1\u03C9\u03B8\u03B7\u03BA\u03B5',\n      },\n      {\n        text: '\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2',\n        status: '\u03A3\u03B5 \u03B5\u03BE\u03B5\u03BB\u03B9\u03BE\u03B7',\n      },\n      {\n        text: '\u039B\u03AF\u03C3\u03C4\u03B1 \u03B1\u03C0\u03BF\u03B4\u03B5\u03AF\u03BE\u03B5\u03C9\u03BD',\n        status: '\u0394\u03B5\u03BD \u03B5\u03C7\u03B5\u03B9 \u03BE\u03B5\u03BA\u03B9\u03BD\u03B7\u03C3\u03B5\u03B9',\n      },\n      {\n        text: '\u03A0\u03B1\u03C1\u03BF\u03C7\u03AE \u03BF\u03B9\u03BA\u03BF\u03BD\u03BF\u03BC\u03B9\u03BA\u03CE\u03BD \u03C3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03C9\u03BD',\n        status: '\u03A3\u03B5 \u03B1\u03BD\u03B1\u03BC\u03BF\u03BD\u03B7',\n      },\n      {\n        text: '\u03A0\u03B1\u03C1\u03BF\u03C7\u03AE \u03B9\u03B1\u03C4\u03C1\u03B9\u03BA\u03CE\u03BD \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03B9\u03CE\u03BD',\n        status: '\u03A3\u03B5 \u03B1\u03BD\u03B1\u03BC\u03BF\u03BD\u03B7',\n      },\n    ],\n  },\n  {\n    title: '\u0391\u03AF\u03C4\u03B7\u03C3\u03B7',\n    tasks: [\n      {\n        text: '\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE \u03BA\u03B1\u03B9 \u03C0\u03BB\u03B7\u03C1\u03C9\u03BC\u03AE',\n        status: '\u03A3\u03B5 \u03B1\u03BD\u03B1\u03BC\u03BF\u03BD\u03B7',\n      },\n    ],\n  },\n];\n\nexport const Default = () => (\n  <div>\n    <TaskList>\n      {fields &&\n        fields.map((field, index) => {\n          return (\n            <TaskListItem key={index}>\n              <TaskListItemHeading size=\"md\">{`${index + 1}. ${\n                field.title\n              }`}</TaskListItemHeading>\n              <TaskListItemContent>\n                <SummaryList>\n                  {field.tasks.map((task, key) => {\n                    let tagColor;\n                    switch (task.status) {\n                      case '\u039F\u03BB\u03BF\u03BA\u03BB\u03B7\u03C1\u03C9\u03B8\u03B7\u03BA\u03B5':\n                        tagColor = 'info';\n                        break;\n                      case '\u03A3\u03B5 \u03B5\u03BE\u03B5\u03BB\u03B9\u03BE\u03B7':\n                        tagColor = 'primary';\n                        break;\n                      case '\u0394\u03B5\u03BD \u03B5\u03C7\u03B5\u03B9 \u03BE\u03B5\u03BA\u03B9\u03BD\u03B7\u03C3\u03B5\u03B9':\n                        tagColor = 'secondary';\n                        break;\n                      case '\u03A3\u03B5 \u03B1\u03BD\u03B1\u03BC\u03BF\u03BD\u03B7':\n                        tagColor = 'secondary';\n                        break;\n                    }\n                    return (\n                      <SummaryListItem key={key}>\n                        <SummaryListItemKey>\n                          <LinkBase>{task.text}</LinkBase>\n                        </SummaryListItemKey>\n                        <SummaryListItemAction>\n                          <TaskListItemTag color={tagColor}>\n                            {task.status}\n                          </TaskListItemTag>\n                        </SummaryListItemAction>\n                      </SummaryListItem>\n                    );\n                  })}\n                </SummaryList>\n              </TaskListItemContent>\n            </TaskListItem>\n          );\n        })}\n    </TaskList>\n  </div>\n);\n\nexport default Default;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,yBAKO;AAEP,sBAMO;AACP,kBAAyB;AAEzB,MAAM,SAAS;AAAA,EACb;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,MACL;AAAA,QACE,MAAM;AAAA,QACN,QAAQ;AAAA;AAAA,MAEV;AAAA,QACE,MAAM;AAAA,QACN,QAAQ;AAAA;AAAA;AAAA;AAAA,EAId;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,MACL;AAAA,QACE,MAAM;AAAA,QACN,QAAQ;AAAA;AAAA,MAEV;AAAA,QACE,MAAM;AAAA,QACN,QAAQ;AAAA;AAAA,MAEV;AAAA,QACE,MAAM;AAAA,QACN,QAAQ;AAAA;AAAA,MAEV;AAAA,QACE,MAAM;AAAA,QACN,QAAQ;AAAA;AAAA,MAEV;AAAA,QACE,MAAM;AAAA,QACN,QAAQ;AAAA;AAAA;AAAA;AAAA,EAId;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,MACL;AAAA,QACE,MAAM;AAAA,QACN,QAAQ;AAAA;AAAA;AAAA;AAAA;AAMT,MAAM,UAAU,MACrB,mDAAC,OAAD,MACE,mDAAC,0BAAD,MACG,UACC,OAAO,IAAI,CAAC,OAAO,UAAU;AAC3B,SACE,mDAAC,8BAAD;AAAA,IAAc,KAAK;AAAA,KACjB,mDAAC,qCAAD;AAAA,IAAqB,MAAK;AAAA,KAAM,GAAG,QAAQ,MACzC,MAAM,UAER,mDAAC,qCAAD,MACE,mDAAC,gCAAD,MACG,MAAM,MAAM,IAAI,CAAC,MAAM,QAAQ;AAC9B,QAAI;AACJ,YAAQ,KAAK;AAAA,WACN;AACH,mBAAW;AACX;AAAA,WACG;AACH,mBAAW;AACX;AAAA,WACG;AACH,mBAAW;AACX;AAAA,WACG;AACH,mBAAW;AACX;AAAA;AAEJ,WACE,mDAAC,oCAAD;AAAA,MAAiB;AAAA,OACf,mDAAC,uCAAD,MACE,mDAAC,sBAAD,MAAW,KAAK,QAElB,mDAAC,0CAAD,MACE,mDAAC,iCAAD;AAAA,MAAiB,OAAO;AAAA,OACrB,KAAK;AAAA;AAAA;AAelC,IAAO,kBAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,yBAKO;AAEP,sBAMO;AACP,kBAAyB;AAEzB,MAAM,SAAS;AAAA,EACb;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,MACL;AAAA,QACE,MAAM;AAAA,QACN,QAAQ;AAAA,MACV;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,MACL;AAAA,QACE,MAAM;AAAA,QACN,QAAQ;AAAA,MACV;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,QAAQ;AAAA,MACV;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,QAAQ;AAAA,MACV;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,QAAQ;AAAA,MACV;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,MACL;AAAA,QACE,MAAM;AAAA,QACN,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,EACF;AACF;AAEO,MAAM,UAAU,MACrB,6BAAAA,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,gCACE,UACC,OAAO,IAAI,CAAC,OAAO,UAAU;AAC3B,SACE,6BAAAA,QAAA,cAAC,gCAAa,KAAK,SACjB,6BAAAA,QAAA,cAAC,uCAAoB,MAAK,QAAM,GAAG,QAAQ,CAAC,KAC1C,MAAM,KACR,EAAG,GACH,6BAAAA,QAAA,cAAC,2CACC,6BAAAA,QAAA,cAAC,sCACE,MAAM,MAAM,IAAI,CAAC,MAAM,QAAQ;AAC9B,QAAI;AACJ,YAAQ,KAAK,QAAQ;AAAA,MACnB,KAAK;AACH,mBAAW;AACX;AAAA,MACF,KAAK;AACH,mBAAW;AACX;AAAA,MACF,KAAK;AACH,mBAAW;AACX;AAAA,MACF,KAAK;AACH,mBAAW;AACX;AAAA,IACJ;AACA,WACE,6BAAAA,QAAA,cAAC,sCAAgB,OACf,6BAAAA,QAAA,cAAC,6CACC,6BAAAA,QAAA,cAAC,4BAAU,KAAK,IAAK,CACvB,GACA,6BAAAA,QAAA,cAAC,gDACC,6BAAAA,QAAA,cAAC,mCAAgB,OAAO,YACrB,KAAK,MACR,CACF,CACF;AAAA,EAEJ,CAAC,CACH,CACF,CACF;AAEJ,CAAC,CACL,CACF;AAGF,IAAO,kBAAQ;",
+  "names": ["React"]
 }