@digigov/ui 1.2.0-a7ffb5dc → 2.0.0-7d9a8d86

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/content/Table/__stories__/WithSortFilters.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  TableNoDataRow,\n  TableSortLabel,\n} from '@digigov/ui/content/Table';\nimport { useSort } from '@digigov/ui/content/Table/hooks/useSort';\n\nconst headerConfig = [\n  {\n    name: 'product',\n    label: '\u03A0\u03C1\u03BF\u03CA\u03CC\u03BD',\n    sortLabels: {\n      asc: '\u0391\u03BB\u03C6\u03B1\u03B2\u03B7\u03C4\u03B9\u03BA\u03AE \u03C3\u03B5\u03B9\u03C1\u03AC (\u0391 -> \u03A9)',\n      desc: '\u0391\u03BB\u03C6\u03B1\u03B2\u03B7\u03C4\u03B9\u03BA\u03AE \u03C3\u03B5\u03B9\u03C1\u03AC (\u03A9 -> \u0391)',\n    },\n  },\n  {\n    name: 'price',\n    label: '\u03A4\u03B9\u03BC\u03AE',\n    sortLabels: {\n      asc: '\u0391\u03CD\u03BE\u03BF\u03C5\u03C3\u03B1 \u03C3\u03B5\u03B9\u03C1\u03AC',\n      desc: '\u03A6\u03B8\u03AF\u03BD\u03BF\u03C5\u03C3\u03B1 \u03C3\u03B5\u03B9\u03C1\u03AC',\n    },\n  },\n  {\n    name: 'stock',\n    label: '\u03A3\u03C4\u03BF\u03BA',\n    sortLabels: {\n      asc: '\u0391\u03CD\u03BE\u03BF\u03C5\u03C3\u03B1 \u03C3\u03B5\u03B9\u03C1\u03AC',\n      desc: '\u03A6\u03B8\u03AF\u03BD\u03BF\u03C5\u03C3\u03B1 \u03C3\u03B5\u03B9\u03C1\u03AC',\n    },\n  },\n  {\n    name: 'date',\n    label: '\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1',\n    sortLabels: {\n      asc: '\u0391\u03CD\u03BE\u03BF\u03C5\u03C3\u03B1 \u03C3\u03B5\u03B9\u03C1\u03AC',\n      desc: '\u03A6\u03B8\u03AF\u03BD\u03BF\u03C5\u03C3\u03B1 \u03C3\u03B5\u03B9\u03C1\u03AC',\n    },\n  },\n];\n\nconst data = [\n  {\n    id: 1,\n    product: '\u03A4\u03C5\u03C1\u03AF',\n    price: '4.9\u20AC',\n    stock: 20,\n    date: '2013-04-01',\n  },\n  {\n    id: 2,\n    product: '\u0393\u03AC\u03BB\u03B1',\n    price: '1.9\u20AC',\n    stock: 32,\n    date: '2013-01-01',\n  },\n  {\n    id: 3,\n    product: '\u0393\u03B9\u03B1\u03BF\u03CD\u03C1\u03C4\u03B9',\n    price: '2.4\u20AC',\n    stock: 12,\n    date: '2002-04-12',\n  },\n  {\n    id: 4,\n    product: '\u039A\u03C1\u03AD\u03BC\u03B1',\n    price: '3.9\u20AC',\n    stock: 8,\n    date: '2011-12-12',\n  },\n  {\n    id: 5,\n    product: '\u0392\u03BF\u03CD\u03C4\u03C5\u03C1\u03BF',\n    price: '0.9\u20AC',\n    stock: 99,\n    date: '2019-06-01',\n  },\n  {\n    id: 6,\n    product: '\u039A\u03B1\u03C6\u03AD\u03C2',\n    price: '2.9\u20AC',\n    stock: 86,\n    date: '2023-02-11',\n  },\n  {\n    id: 7,\n    product: '\u03A8\u03C9\u03BC\u03AF',\n    price: '99\u20AC',\n    stock: 12,\n    date: '2000-12-12',\n  },\n];\n\nexport const WithSortFilters = () => {\n  const { sortedData, setSortedField, field, direction } = useSort(data);\n\n  return (\n    <TableContainer>\n      <Table>\n        <TableCaption>\u03A0\u03AF\u03BD\u03B1\u03BA\u03B1\u03C2 \u03C0\u03C1\u03BF\u03CA\u03CC\u03BD\u03C4\u03C9\u03BD</TableCaption>\n        <TableHead>\n          <TableRow>\n            {headerConfig.map((header, index) => {\n              return (\n                <TableHeadCell key={index}>\n                  <TableSortLabel\n                    labels={header.sortLabels}\n                    onSort={(dir) => setSortedField(header.name, dir)}\n                    direction={header.name === field ? direction : 0}\n                  >\n                    {header.label}\n                  </TableSortLabel>\n                </TableHeadCell>\n              );\n            })}\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {sortedData.length > 0 ? (\n            sortedData.map((d, index) => {\n              return (\n                <TableRow key={index}>\n                  <TableDataCell>{d.product}</TableDataCell>\n                  <TableDataCell>{d.price}</TableDataCell>\n                  <TableDataCell>{d.stock}</TableDataCell>\n                  <TableDataCell>\n                    {new Date(d.date).toLocaleDateString('en-GB')}\n                  </TableDataCell>\n                </TableRow>\n              );\n            })\n          ) : (\n            <TableNoDataRow>\u0394\u03B5\u03BD \u03C5\u03C0\u03C1\u03C7\u03BF\u03C5\u03BD \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1</TableNoDataRow>\n          )}\n        </TableBody>\n      </Table>\n    </TableContainer>\n  );\n};\nexport default WithSortFilters;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,mBAWO;AACP,qBAAwB;AAExB,MAAM,eAAe;AAAA,EACnB;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,YAAY;AAAA,MACV,KAAK;AAAA,MACL,MAAM;AAAA;AAAA;AAAA,EAGV;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,YAAY;AAAA,MACV,KAAK;AAAA,MACL,MAAM;AAAA;AAAA;AAAA,EAGV;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,YAAY;AAAA,MACV,KAAK;AAAA,MACL,MAAM;AAAA;AAAA;AAAA,EAGV;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,YAAY;AAAA,MACV,KAAK;AAAA,MACL,MAAM;AAAA;AAAA;AAAA;AAKZ,MAAM,OAAO;AAAA,EACX;AAAA,IACE,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA;AAAA,EAER;AAAA,IACE,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA;AAAA,EAER;AAAA,IACE,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA;AAAA,EAER;AAAA,IACE,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA;AAAA,EAER;AAAA,IACE,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA;AAAA,EAER;AAAA,IACE,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA;AAAA,EAER;AAAA,IACE,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA;AAAA;AAIH,MAAM,kBAAkB,MAAM;AACnC,QAAM,CAAE,YAAY,gBAAgB,OAAO,aAAc,4BAAQ;AAEjE,SACE,mDAAC,6BAAD,MACE,mDAAC,oBAAD,MACE,mDAAC,2BAAD,MAAc,sGACd,mDAAC,wBAAD,MACE,mDAAC,uBAAD,MACG,aAAa,IAAI,CAAC,QAAQ,UAAU;AACnC,WACE,mDAAC,4BAAD;AAAA,MAAe,KAAK;AAAA,OAClB,mDAAC,6BAAD;AAAA,MACE,QAAQ,OAAO;AAAA,MACf,QAAQ,CAAC,QAAQ,eAAe,OAAO,MAAM;AAAA,MAC7C,WAAW,OAAO,SAAS,QAAQ,YAAY;AAAA,OAE9C,OAAO;AAAA,QAOpB,mDAAC,wBAAD,MACG,WAAW,SAAS,IACnB,WAAW,IAAI,CAAC,GAAG,UAAU;AAC3B,WACE,mDAAC,uBAAD;AAAA,MAAU,KAAK;AAAA,OACb,mDAAC,4BAAD,MAAgB,EAAE,UAClB,mDAAC,4BAAD,MAAgB,EAAE,QAClB,mDAAC,4BAAD,MAAgB,EAAE,QAClB,mDAAC,4BAAD,MACG,IAAI,KAAK,EAAE,MAAM,mBAAmB;AAAA,OAM7C,mDAAC,6BAAD,MAAgB;AAAA;AAO5B,IAAO,0BAAQ;",
+  "names": []
+}

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

@@ -1,54 +1,80 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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 __export = (target, all) => {
+  for (var name in all)
+    __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});
+  }
+  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);
+};
+__markAsModule(exports);
+__export(exports, {
+  ZebraProp: () => ZebraProp,
+  default: () => ZebraProp_default
 });
-exports["default"] = exports.ZebraProp = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Table = require("@digigov/ui/content/Table");
-var data = {
-  title: 'Χρήστες',
+var import_react = __toModule(require("react"));
+var import_Table = __toModule(require("@digigov/ui/content/Table"));
+const data = {
+  title: "\u03A7\u03C1\u03AE\u03C3\u03C4\u03B5\u03C2",
   labels: {
-    name: 'Ονοματεπώνυμο',
-    role: 'Ρόλος',
-    email: 'Email'
+    name: "\u039F\u03BD\u03BF\u03BC\u03B1\u03C4\u03B5\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF",
+    role: "\u03A1\u03CC\u03BB\u03BF\u03C2",
+    email: "Email"
   },
-  content: [{
-    name: 'Μάριος Μενεξές',
-    role: 'Χειριστής',
-    email: 'marios@mail.com'
-  }, {
-    name: 'Καλλιόπη Παπαδοπούλου',
-    role: 'Χειριστής',
-    email: 'kalliopi@mail.com'
-  }, {
-    name: 'Μαρία Φλούπη',
-    role: 'Διαχειριστής',
-    email: 'maria@mail.com'
-  }, {
-    name: 'Ηλέκτρα Αποστόλου',
-    role: 'Διαχειριστής',
-    email: 'ilektra@mail.com'
-  }]
+  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"
+    },
+    {
+      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"
+    },
+    {
+      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"
+    },
+    {
+      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"
+    }
+  ]
 };
-var ZebraProp = exports.ZebraProp = function ZebraProp() {
-  return /*#__PURE__*/_react["default"].createElement(_Table.TableContainer, null, /*#__PURE__*/_react["default"].createElement(_Table.Table, {
+const ZebraProp = () => {
+  return /* @__PURE__ */ import_react.default.createElement(import_Table.TableContainer, null, /* @__PURE__ */ import_react.default.createElement(import_Table.Table, {
     variant: "zebra"
-  }, data && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Table.TableCaption, null, data.title), /*#__PURE__*/_react["default"].createElement(_Table.TableHead, null, /*#__PURE__*/_react["default"].createElement(_Table.TableRow, null, data.labels && Object.keys(data.labels).map(function (key) {
-    return /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, {
-      key: key
-    }, data.labels[key]);
-  }))), /*#__PURE__*/_react["default"].createElement(_Table.TableBody, null, data.content && data.content.map(function (item, index) {
-    return /*#__PURE__*/_react["default"].createElement(_Table.TableRow, {
-      key: index
-    }, /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, {
-      "data-label": data.labels.name
-    }, item.name), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, {
-      "data-label": data.labels.role
-    }, item.role), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, {
-      "data-label": data.labels.email
-    }, item.email));
-  })))));
+  }, data && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Table.TableCaption, null, 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) => /* @__PURE__ */ import_react.default.createElement(import_Table.TableHeadCell, {
+    key
+  }, 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
+  }, /* @__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)))))));
 };
-var _default = exports["default"] = ZebraProp;
+var ZebraProp_default = ZebraProp;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ZebraProp
+});
+//# sourceMappingURL=ZebraProp.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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": []
+}

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

@@ -1,43 +1,58 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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 __export = (target, all) => {
+  for (var name in all)
+    __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});
+  }
+  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);
+};
+__markAsModule(exports);
+__export(exports, {
+  useSort: () => useSort
 });
-exports.useSort = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var useSort = exports.useSort = function useSort(data) {
-  var _useState = (0, _react.useState)(''),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    sortDataBy = _useState2[0],
-    setSortDataBy = _useState2[1];
-  var _useState3 = (0, _react.useState)(0),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    direction = _useState4[0],
-    setDirection = _useState4[1];
-  var sortedItems = (0, _react.useMemo)(function () {
-    var sortableItems = (0, _toConsumableArray2["default"])(data);
+var import_react = __toModule(require("react"));
+var import_react2 = __toModule(require("react"));
+const useSort = (data) => {
+  const [sortDataBy, setSortDataBy] = (0, import_react.useState)("");
+  const [direction, setDirection] = (0, import_react.useState)(0);
+  const sortedItems = (0, import_react2.useMemo)(() => {
+    const sortableItems = [...data];
     if (sortableItems.length === 0) {
       return [];
     }
     if (sortDataBy) {
-      sortableItems.sort(function (a, b) {
-        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(), undefined, {
+      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;
+        return a[sortDataBy].toString().localeCompare(b[sortDataBy].toString(), void 0, {
           numeric: true
         }) * (direction > 0 ? 1 : -1);
       });
     }
     return sortableItems;
   }, [data, direction, sortDataBy]);
-  var setSortedField = function setSortedField(item, value) {
+  const setSortedField = (item, value) => {
     if (item === sortDataBy && value === direction) {
       setDirection(0);
-      setSortDataBy('');
+      setSortDataBy("");
       return;
     }
     setDirection(value);
@@ -45,8 +60,13 @@ var useSort = exports.useSort = function useSort(data) {
   };
   return {
     sortedData: sortedItems,
-    setSortedField: setSortedField,
+    setSortedField,
     field: sortDataBy,
-    direction: direction
+    direction
   };
-};
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useSort
+});
+//# sourceMappingURL=useSort.js.map

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

@@ -0,0 +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": []
+}

package/cjs/content/Table/index.js

@@ -1,253 +1,118 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  TableSortLabel: true
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {get: all[name], enumerable: true});
 };
-exports["default"] = exports.TableSortLabel = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _Table = _interopRequireWildcard(require("@digigov/react-core/cjs/Table"));
-Object.keys(_Table).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Table[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Table[key];
-    }
-  });
-});
-var _TableSortIconContainer = _interopRequireWildcard(require("@digigov/react-core/cjs/TableSortIconContainer"));
-Object.keys(_TableSortIconContainer).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _TableSortIconContainer[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _TableSortIconContainer[key];
-    }
-  });
-});
-var _icons = require("@digigov/ui/icons");
-var _Dropdown = require("@digigov/ui/navigation/Dropdown");
-var _NavList = require("@digigov/ui/navigation/NavList");
-var _TableContainer = require("@digigov/react-core/cjs/TableContainer");
-Object.keys(_TableContainer).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _TableContainer[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _TableContainer[key];
-    }
-  });
-});
-var _TableBody = require("@digigov/react-core/cjs/TableBody");
-Object.keys(_TableBody).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _TableBody[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _TableBody[key];
-    }
-  });
-});
-var _TableCaption = require("@digigov/react-core/cjs/TableCaption");
-Object.keys(_TableCaption).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _TableCaption[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _TableCaption[key];
-    }
-  });
-});
-var _TableDataCell = require("@digigov/react-core/cjs/TableDataCell");
-Object.keys(_TableDataCell).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _TableDataCell[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _TableDataCell[key];
-    }
-  });
-});
-var _TableHead = require("@digigov/react-core/cjs/TableHead");
-Object.keys(_TableHead).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _TableHead[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _TableHead[key];
-    }
-  });
-});
-var _TableHeadCell = require("@digigov/react-core/cjs/TableHeadCell");
-Object.keys(_TableHeadCell).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _TableHeadCell[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _TableHeadCell[key];
-    }
-  });
-});
-var _TableRow = require("@digigov/react-core/cjs/TableRow");
-Object.keys(_TableRow).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _TableRow[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _TableRow[key];
-    }
-  });
-});
-var _TableNoDataRow = require("@digigov/react-core/cjs/TableNoDataRow");
-Object.keys(_TableNoDataRow).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _TableNoDataRow[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _TableNoDataRow[key];
-    }
-  });
-});
-var _TableLoaderBackground = require("@digigov/react-core/cjs/TableLoaderBackground");
-Object.keys(_TableLoaderBackground).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _TableLoaderBackground[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _TableLoaderBackground[key];
-    }
-  });
-});
-var _TableFloatingScroll = require("@digigov/ui/content/Table/TableFloatingScroll");
-Object.keys(_TableFloatingScroll).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _TableFloatingScroll[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _TableFloatingScroll[key];
-    }
-  });
-});
-var _useSort = require("@digigov/ui/content/Table/hooks/useSort");
-Object.keys(_useSort).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _useSort[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useSort[key];
-    }
-  });
-});
-var _excluded = ["labels", "disabled", "children", "direction", "onSort"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var _ref2 = /*#__PURE__*/_react["default"].createElement(_icons.CaretIcon, {
-  direction: 'up',
-  marginRight: 1,
-  marginTop: 1,
-  size: "sm"
-});
-var _ref3 = /*#__PURE__*/_react["default"].createElement(_icons.CaretIcon, {
-  direction: 'down',
-  marginRight: 1,
-  marginTop: 1,
-  size: "sm"
-});
-var TableSortLabel = exports.TableSortLabel = /*#__PURE__*/_react["default"].forwardRef(function TableSortLabel(_ref, _ref4) {
-  var labels = _ref.labels,
-    disabled = _ref.disabled,
-    children = _ref.children,
-    _ref$direction = _ref.direction,
-    direction = _ref$direction === void 0 ? 0 : _ref$direction,
-    onSort = _ref.onSort,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  // TODO: this is a workaround for the dropdown component
-  // https://itnext.io/reusing-the-ref-from-forwardref-with-react-hooks-4ce9df693dd
-  var dropdownRef = (0, _react.useRef)(null);
-  var active = [-1, 1].includes(direction);
-  return /*#__PURE__*/_react["default"].createElement(_Dropdown.Dropdown, (0, _extends2["default"])({
-    ref: function ref(el) {
+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});
+  }
+  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);
+};
+__markAsModule(exports);
+__export(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) {
+  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 _ref4 === 'function' && _ref4(el);
+      typeof ref === "function" && ref(el);
     },
-    disabled: disabled
-  }, props), /*#__PURE__*/_react["default"].createElement(_Dropdown.DropdownButton, {
+    disabled,
+    ...props
+  }, /* @__PURE__ */ import_react.default.createElement(import_Dropdown.DropdownButton, {
     variant: "link",
     tabIndex: 0,
     underline: active
-  }, children, /*#__PURE__*/_react["default"].createElement(_TableSortIconContainer["default"], {
+  }, children, /* @__PURE__ */ import_react.default.createElement(import_TableSortIconContainer.default, {
     marginLeft: 1
-  }, /*#__PURE__*/_react["default"].createElement(_icons.CaretIcon, {
-    direction: 'up',
+  }, /* @__PURE__ */ import_react.default.createElement(import_icons.CaretIcon, {
+    direction: "up",
     size: "sm",
-    variant: direction === 1 ? 'dark' : 'gray'
-  }), /*#__PURE__*/_react["default"].createElement(_icons.CaretIcon, {
-    direction: 'down',
+    color: direction === 1 ? "dark" : "gray"
+  }), /* @__PURE__ */ import_react.default.createElement(import_icons.CaretIcon, {
+    direction: "down",
     size: "sm",
-    variant: direction === -1 ? 'dark' : 'gray'
-  }))), /*#__PURE__*/_react["default"].createElement(_Dropdown.DropdownContent, null, /*#__PURE__*/_react["default"].createElement(_NavList.NavList, {
+    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__*/_react["default"].createElement(_NavList.NavListItemAction, {
+  }, /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, {
     active: direction === 1,
     tabIndex: 0,
     arrow: false,
-    onClick: function onClick() {
+    onClick: () => {
       onSort(1);
       dropdownRef.current && (dropdownRef.current.open = false);
     },
-    onKeyDown: function onKeyDown(e) {
-      if (e.key === 'Enter') {
+    onKeyDown: (e) => {
+      if (e.key === "Enter") {
         onSort(1);
         dropdownRef.current && (dropdownRef.current.open = false);
       }
     }
-  }, _ref2, labels.asc), /*#__PURE__*/_react["default"].createElement(_NavList.NavListItemAction, {
+  }, /* @__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: function onClick() {
+    onClick: () => {
       onSort(-1);
       dropdownRef.current && (dropdownRef.current.open = false);
     },
-    onKeyDown: function onKeyDown(e) {
-      if (e.key === 'Enter') {
+    onKeyDown: (e) => {
+      if (e.key === "Enter") {
         onSort(-1);
         dropdownRef.current && (dropdownRef.current.open = false);
       }
     }
-  }, _ref3, labels.desc))));
-});
-var _default = exports["default"] = _Table["default"];
+  }, /* @__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
+});
+//# sourceMappingURL=index.js.map