@digigov/ui 2.0.0-b4cd6916 → 2.0.0-d0adc9fb

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/content/Table/__stories__/WithLoader.tsx"],
-  "sourcesContent": ["// @delay-test-snapshot\nimport React, { useState } from 'react';\nimport { CircularProgress } from '@digigov/ui/app/Loader';\nimport { LoaderContainer } from '@digigov/ui/app/Loader';\nimport { TableLoaderBackground } from '@digigov/ui/content/Table';\nimport {\n  TableContainer,\n  Table,\n  TableCaption,\n  TableHead,\n  TableRow,\n  TableBody,\n  TableHeadCell,\n  TableDataCell,\n  TableNoDataRow,\n} from '@digigov/ui/content/Table';\nimport { Button } from '@digigov/ui/form/Button';\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};\n\nexport const WithLoader = () => {\n  const [tableData, setTableData] = useState<any | null>();\n  const [loading, setLoading] = useState(false);\n  setTimeout(() => {\n    setTableData(data);\n  }, 2000);\n\n  return (\n    <>\n      <TableContainer>\n        {!tableData ? (\n          <LoaderContainer>\n            <CircularProgress />\n          </LoaderContainer>\n        ) : (\n          <Table>\n            {tableData && (\n              <>\n                <TableCaption>{tableData.title}</TableCaption>\n                <TableHead>\n                  <TableRow>\n                    {tableData.labels &&\n                      Object.keys(tableData.labels).map((key) => (\n                        <TableHeadCell key={key}>\n                          {tableData.labels[key]}\n                        </TableHeadCell>\n                      ))}\n                  </TableRow>\n                </TableHead>\n                <TableBody>\n                  {loading === true && (\n                    <TableLoaderBackground>\n                      <LoaderContainer>\n                        <CircularProgress />\n                      </LoaderContainer>\n                    </TableLoaderBackground>\n                  )}\n                  {tableData.content && tableData.content.length > 0 ? (\n                    tableData.content.map((item, index) => {\n                      return (\n                        <TableRow key={index}>\n                          <TableDataCell data-label={tableData.labels.name}>\n                            {item.name}\n                          </TableDataCell>\n                          <TableDataCell data-label={tableData.labels.role}>\n                            {item.role}\n                          </TableDataCell>\n                          <TableDataCell data-label={tableData.labels.email}>\n                            {item.email}\n                          </TableDataCell>\n                        </TableRow>\n                      );\n                    })\n                  ) : (\n                    <TableNoDataRow>No data</TableNoDataRow>\n                  )}\n                </TableBody>\n              </>\n            )}\n          </Table>\n        )}\n      </TableContainer>\n\n      <Button\n        color=\"secondary\"\n        onClick={() => {\n          setLoading(!loading);\n        }}\n      >\n        {loading ? '\u0391\u03C0\u03CC\u03BA\u03C1\u03C5\u03C8\u03B7 ' : '\u0395\u03BC\u03C6\u03AC\u03BD\u03B9\u03C3\u03B7 '}\n        \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7\u03C2\n      </Button>\n    </>\n  );\n};\nexport default WithLoader;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAgC;AAChC,oBAAiC;AACjC,IAAAA,iBAAgC;AAChC,mBAAsC;AACtC,IAAAC,gBAUO;AACP,oBAAuB;AAEvB,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,EACF;AACF;AAEO,MAAM,aAAa,MAAM;AAC9B,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAqB;AACvD,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAC5C,aAAW,MAAM;AACf,iBAAa,IAAI;AAAA,EACnB,GAAG,GAAI;AAEP,SACE,6BAAAC,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,oCACE,CAAC,YACA,6BAAAA,QAAA,cAAC,sCACC,6BAAAA,QAAA,cAAC,oCAAiB,CACpB,IAEA,6BAAAA,QAAA,cAAC,2BACE,aACC,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,kCAAc,UAAU,KAAM,GAC/B,6BAAAA,QAAA,cAAC,+BACC,6BAAAA,QAAA,cAAC,8BACE,UAAU,UACT,OAAO,KAAK,UAAU,MAAM,EAAE,IAAI,CAAC,QACjC,6BAAAA,QAAA,cAAC,+BAAc,OACZ,UAAU,OAAO,GAAG,CACvB,CACD,CACL,CACF,GACA,6BAAAA,QAAA,cAAC,+BACE,YAAY,QACX,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,sCACC,6BAAAA,QAAA,cAAC,oCAAiB,CACpB,CACF,GAED,UAAU,WAAW,UAAU,QAAQ,SAAS,IAC/C,UAAU,QAAQ,IAAI,CAAC,MAAM,UAAU;AACrC,WACE,6BAAAA,QAAA,cAAC,0BAAS,KAAK,SACb,6BAAAA,QAAA,cAAC,+BAAc,cAAY,UAAU,OAAO,QACzC,KAAK,IACR,GACA,6BAAAA,QAAA,cAAC,+BAAc,cAAY,UAAU,OAAO,QACzC,KAAK,IACR,GACA,6BAAAA,QAAA,cAAC,+BAAc,cAAY,UAAU,OAAO,SACzC,KAAK,KACR,CACF;AAAA,EAEJ,CAAC,IAED,6BAAAA,QAAA,cAAC,oCAAe,SAAO,CAE3B,CACF,CAEJ,CAEJ,GAEA,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,SAAS,MAAM;AACb,mBAAW,CAAC,OAAO;AAAA,MACrB;AAAA;AAAA,IAEC,UAAU,sDAAc;AAAA,IAAY;AAAA,EAEvC,CACF;AAEJ;AACA,IAAO,qBAAQ;",
-  "names": ["import_Loader", "import_Table", "React"]
+  "sourcesContent": ["// @delay-test-snapshot\nimport React, { useState } from 'react';\nimport { CircularProgress, LoaderContainer } from '@digigov/ui/app/Loader';\nimport {\n  TableLoaderBackground,\n  TableContainer,\n  Table,\n  TableCaption,\n  TableHead,\n  TableRow,\n  TableBody,\n  TableHeadCell,\n  TableDataCell,\n  TableNoDataRow,\n} from '@digigov/ui/content/Table';\nimport { Button } from '@digigov/ui/form/Button';\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};\n\nexport const WithLoader = () => {\n  const [tableData, setTableData] = useState<any | null>();\n  const [loading, setLoading] = useState(false);\n  setTimeout(() => {\n    setTableData(data);\n  }, 2000);\n\n  return (\n    <>\n      <TableContainer>\n        {!tableData ? (\n          <LoaderContainer>\n            <CircularProgress />\n          </LoaderContainer>\n        ) : (\n          <Table>\n            {tableData && (\n              <>\n                <TableCaption>{tableData.title}</TableCaption>\n                <TableHead>\n                  <TableRow>\n                    {tableData.labels &&\n                      Object.keys(tableData.labels).map((key) => (\n                        <TableHeadCell key={key}>\n                          {tableData.labels[key]}\n                        </TableHeadCell>\n                      ))}\n                  </TableRow>\n                </TableHead>\n                <TableBody>\n                  {loading === true && (\n                    <TableLoaderBackground>\n                      <LoaderContainer>\n                        <CircularProgress />\n                      </LoaderContainer>\n                    </TableLoaderBackground>\n                  )}\n                  {tableData.content && tableData.content.length > 0 ? (\n                    tableData.content.map((item, index) => {\n                      return (\n                        <TableRow key={index}>\n                          <TableDataCell data-label={tableData.labels.name}>\n                            {item.name}\n                          </TableDataCell>\n                          <TableDataCell data-label={tableData.labels.role}>\n                            {item.role}\n                          </TableDataCell>\n                          <TableDataCell data-label={tableData.labels.email}>\n                            {item.email}\n                          </TableDataCell>\n                        </TableRow>\n                      );\n                    })\n                  ) : (\n                    <TableNoDataRow>No data</TableNoDataRow>\n                  )}\n                </TableBody>\n              </>\n            )}\n          </Table>\n        )}\n      </TableContainer>\n\n      <Button\n        color=\"secondary\"\n        onClick={() => {\n          setLoading(!loading);\n        }}\n      >\n        {loading ? '\u0391\u03C0\u03CC\u03BA\u03C1\u03C5\u03C8\u03B7 ' : '\u0395\u03BC\u03C6\u03AC\u03BD\u03B9\u03C3\u03B7 '}\n        \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7\u03C2\n      </Button>\n    </>\n  );\n};\nexport default WithLoader;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAgC;AAChC,oBAAkD;AAClD,mBAWO;AACP,oBAAuB;AAEvB,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,EACF;AACF;AAEO,MAAM,aAAa,MAAM;AAC9B,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAqB;AACvD,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAC5C,aAAW,MAAM;AACf,iBAAa,IAAI;AAAA,EACnB,GAAG,GAAI;AAEP,SACE,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,mCACE,CAAC,YACA,6BAAAA,QAAA,cAAC,qCACC,6BAAAA,QAAA,cAAC,oCAAiB,CACpB,IAEA,6BAAAA,QAAA,cAAC,0BACE,aACC,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,iCAAc,UAAU,KAAM,GAC/B,6BAAAA,QAAA,cAAC,8BACC,6BAAAA,QAAA,cAAC,6BACE,UAAU,UACT,OAAO,KAAK,UAAU,MAAM,EAAE,IAAI,CAAC,QACjC,6BAAAA,QAAA,cAAC,8BAAc,OACZ,UAAU,OAAO,GAAG,CACvB,CACD,CACL,CACF,GACA,6BAAAA,QAAA,cAAC,8BACE,YAAY,QACX,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,qCACC,6BAAAA,QAAA,cAAC,oCAAiB,CACpB,CACF,GAED,UAAU,WAAW,UAAU,QAAQ,SAAS,IAC/C,UAAU,QAAQ,IAAI,CAAC,MAAM,UAAU;AACrC,WACE,6BAAAA,QAAA,cAAC,yBAAS,KAAK,SACb,6BAAAA,QAAA,cAAC,8BAAc,cAAY,UAAU,OAAO,QACzC,KAAK,IACR,GACA,6BAAAA,QAAA,cAAC,8BAAc,cAAY,UAAU,OAAO,QACzC,KAAK,IACR,GACA,6BAAAA,QAAA,cAAC,8BAAc,cAAY,UAAU,OAAO,SACzC,KAAK,KACR,CACF;AAAA,EAEJ,CAAC,IAED,6BAAAA,QAAA,cAAC,mCAAe,SAAO,CAE3B,CACF,CAEJ,CAEJ,GAEA,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,SAAS,MAAM;AACb,mBAAW,CAAC,OAAO;AAAA,MACrB;AAAA;AAAA,IAEC,UAAU,sDAAc;AAAA,IAAY;AAAA,EAEvC,CACF;AAEJ;AACA,IAAO,qBAAQ;",
+  "names": ["React"]
 }

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

@@ -21,11 +21,10 @@ __export(useSort_exports, {
 });
 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);
-  const sortedItems = (0, import_react2.useMemo)(() => {
+  const sortedItems = (0, import_react.useMemo)(() => {
     const sortableItems = [...data];
     if (sortableItems.length === 0) {
       return [];

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';\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"]
+  "sourcesContent": ["import { useState, 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,mBAAkC;AAW3B,MAAM,UAAU,CAAC,SAAkC;AACxD,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAS,EAAE;AAC/C,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAqB,CAAC;AACxD,QAAM,kBAAc,sBAAQ,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": []
 }

package/cjs/content/Table/index.js

@@ -59,7 +59,7 @@ const TableSortLabel = import_react.default.forwardRef(function TableSortLabel2(
     {
       ref: (el) => {
         dropdownRef.current = el;
-        typeof ref === "function" && ref(el);
+        if (typeof ref === "function") ref(el);
       },
       disabled,
       ...props
@@ -86,12 +86,12 @@ const TableSortLabel = import_react.default.forwardRef(function TableSortLabel2(
         tabIndex: 0,
         onClick: () => {
           onSort(1);
-          dropdownRef.current && (dropdownRef.current.open = false);
+          if (dropdownRef.current) dropdownRef.current.open = false;
         },
         onKeyDown: (e) => {
           if (e.key === "Enter") {
             onSort(1);
-            dropdownRef.current && (dropdownRef.current.open = false);
+            if (dropdownRef.current) dropdownRef.current.open = false;
           }
         }
       },
@@ -112,12 +112,12 @@ const TableSortLabel = import_react.default.forwardRef(function TableSortLabel2(
         tabIndex: 0,
         onClick: () => {
           onSort(-1);
-          dropdownRef.current && (dropdownRef.current.open = false);
+          if (dropdownRef.current) dropdownRef.current.open = false;
         },
         onKeyDown: (e) => {
           if (e.key === "Enter") {
             onSort(-1);
-            dropdownRef.current && (dropdownRef.current.open = false);
+            if (dropdownRef.current) dropdownRef.current.open = false;
           }
         }
       },

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 { 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;",
+  "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        if (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              if (dropdownRef.current) dropdownRef.current.open = false;\n            }}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') {\n                onSort(1);\n                if (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              if (dropdownRef.current) dropdownRef.current.open = false;\n            }}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') {\n                onSort(-1);\n                if (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,YAAI,OAAO,QAAQ,WAAY,KAAI,EAAE;AAAA,MACvC;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,cAAI,YAAY,QAAS,aAAY,QAAQ,OAAO;AAAA,QACtD;AAAA,QACA,WAAW,CAAC,MAAM;AAChB,cAAI,EAAE,QAAQ,SAAS;AACrB,mBAAO,CAAC;AACR,gBAAI,YAAY,QAAS,aAAY,QAAQ,OAAO;AAAA,UACtD;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,cAAI,YAAY,QAAS,aAAY,QAAQ,OAAO;AAAA,QACtD;AAAA,QACA,WAAW,CAAC,MAAM;AAChB,cAAI,EAAE,QAAQ,SAAS;AACrB,mBAAO,EAAE;AACT,gBAAI,YAAY,QAAS,aAAY,QAAQ,OAAO;AAAA,UACtD;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/feedback/CopyToClipboard/__stories__/Default/index.js

@@ -44,7 +44,7 @@ const Default = () => {
       message: "\u0391\u03BD\u03C4\u03B9\u03B3\u03C1\u03AC\u03C6\u03B7\u03BA\u03B5 \u03C3\u03C4\u03BF \u03C0\u03C1\u03CC\u03C7\u03B5\u03B9\u03C1\u03BF",
       id: "copy-to-clipboard",
       onCopy: () => {
-        console.log("yess copied");
+        console.log("content copied!");
       }
     },
     /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { color: "secondary", "aria-describedby": "copy-to-clipboard" }, "\u0391\u03BD\u03C4\u03B9\u03B3\u03C1\u03B1\u03C6\u03AE")

package/cjs/feedback/CopyToClipboard/__stories__/Default.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/feedback/CopyToClipboard/__stories__/Default.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { CopyToClipboard } from '@digigov/ui/feedback/CopyToClipboard';\nimport { Button } from '@digigov/ui/form/Button';\n\nexport const Default = () => {\n  return (\n    <CopyToClipboard\n      text=\"copied-text\"\n      variant=\"tooltip\"\n      tooltipAlign=\"left\"\n      message=\"\u0391\u03BD\u03C4\u03B9\u03B3\u03C1\u03AC\u03C6\u03B7\u03BA\u03B5 \u03C3\u03C4\u03BF \u03C0\u03C1\u03CC\u03C7\u03B5\u03B9\u03C1\u03BF\"\n      id=\"copy-to-clipboard\"\n      onCopy={() => {\n        console.log('yess copied');\n      }}\n    >\n      <Button color=\"secondary\" aria-describedby=\"copy-to-clipboard\">\n        \u0391\u03BD\u03C4\u03B9\u03B3\u03C1\u03B1\u03C6\u03AE\n      </Button>\n    </CopyToClipboard>\n  );\n};\nexport default Default;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,6BAAgC;AAChC,oBAAuB;AAEhB,MAAM,UAAU,MAAM;AAC3B,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,cAAa;AAAA,MACb,SAAQ;AAAA,MACR,IAAG;AAAA,MACH,QAAQ,MAAM;AACZ,gBAAQ,IAAI,aAAa;AAAA,MAC3B;AAAA;AAAA,IAEA,6BAAAA,QAAA,cAAC,wBAAO,OAAM,aAAY,oBAAiB,uBAAoB,wDAE/D;AAAA,EACF;AAEJ;AACA,IAAO,kBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { CopyToClipboard } from '@digigov/ui/feedback/CopyToClipboard';\nimport { Button } from '@digigov/ui/form/Button';\n\nexport const Default = () => {\n  return (\n    <CopyToClipboard\n      text=\"copied-text\"\n      variant=\"tooltip\"\n      tooltipAlign=\"left\"\n      message=\"\u0391\u03BD\u03C4\u03B9\u03B3\u03C1\u03AC\u03C6\u03B7\u03BA\u03B5 \u03C3\u03C4\u03BF \u03C0\u03C1\u03CC\u03C7\u03B5\u03B9\u03C1\u03BF\"\n      id=\"copy-to-clipboard\"\n      onCopy={() => {\n        console.log('content copied!');\n      }}\n    >\n      <Button color=\"secondary\" aria-describedby=\"copy-to-clipboard\">\n        \u0391\u03BD\u03C4\u03B9\u03B3\u03C1\u03B1\u03C6\u03AE\n      </Button>\n    </CopyToClipboard>\n  );\n};\nexport default Default;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,6BAAgC;AAChC,oBAAuB;AAEhB,MAAM,UAAU,MAAM;AAC3B,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,cAAa;AAAA,MACb,SAAQ;AAAA,MACR,IAAG;AAAA,MACH,QAAQ,MAAM;AACZ,gBAAQ,IAAI,iBAAiB;AAAA,MAC/B;AAAA;AAAA,IAEA,6BAAAA,QAAA,cAAC,wBAAO,OAAM,aAAY,oBAAiB,uBAAoB,wDAE/D;AAAA,EACF;AAEJ;AACA,IAAO,kBAAQ;",
   "names": ["React"]
 }

package/cjs/feedback/CopyToClipboard/index.js

@@ -57,7 +57,7 @@ const CopyToClipboard = import_react.default.forwardRef(function CopyToClipboard
     return () => clearTimeout(timeoutInstance);
   }, [enabled]);
   function copyToClipboard() {
-    onCopy && onCopy();
+    if (onCopy) onCopy();
     navigator.clipboard.writeText(text);
     setEnabled(true);
   }

package/cjs/feedback/CopyToClipboard/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/feedback/CopyToClipboard/index.tsx"],
-  "sourcesContent": ["import React, { useState, useEffect } from 'react';\nimport CopyToClipboardContainer, {\n  CopyToClipboardContainerProps,\n} from '@digigov/react-core/CopyToClipboardContainer';\nimport CopyToClipboardMessage from '@digigov/react-core/CopyToClipboardMessage';\nimport { useTranslation } from '@digigov/ui/i18n';\nimport NormalText from '@digigov/ui/typography/NormalText';\n\nexport interface CopyToClipboardProps extends CopyToClipboardContainerProps {\n  text: string;\n  message?: string;\n  timeout?: number;\n  onCopy?: () => void;\n}\n\nexport const CopyToClipboard = React.forwardRef<\n  HTMLDivElement,\n  CopyToClipboardProps\n>(function CopyToClipboard(\n  {\n    text,\n    variant = 'tooltip',\n    tooltipAlign = 'right',\n    message,\n    dense,\n    onCopy,\n    timeout = 3000,\n    children,\n  },\n  ref\n) {\n  const [enabled, setEnabled] = useState(false);\n  const { t } = useTranslation();\n\n  useEffect(() => {\n    const timeoutInstance = setTimeout(() => {\n      if (enabled) setEnabled(false);\n    }, timeout);\n\n    return () => clearTimeout(timeoutInstance);\n  }, [enabled]);\n\n  function copyToClipboard() {\n    onCopy && onCopy();\n    navigator.clipboard.writeText(text);\n    setEnabled(true);\n  }\n\n  return (\n    <CopyToClipboardContainer\n      onClick={copyToClipboard}\n      variant={variant}\n      tooltipAlign={tooltipAlign}\n      ref={ref}\n      dense={dense}\n    >\n      {children}\n      {enabled && (\n        <CopyToClipboardMessage enabled={enabled} role=\"tooltip\">\n          <NormalText>{message || t('copy-to-clipboard.message')}</NormalText>\n        </CopyToClipboardMessage>\n      )}\n    </CopyToClipboardContainer>\n  );\n});\n\nexport default CopyToClipboard;\n\nexport { CopyToClipboardContainer, CopyToClipboardMessage };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,kEAAAA;AAAA,EAAA,4DAAAC;AAAA,EAAA;AAAA;AAAA;AAAA,mBAA2C;AAC3C,sCAEO;AACP,oCAAmC;AACnC,kBAA+B;AAC/B,wBAAuB;AAShB,MAAM,kBAAkB,aAAAC,QAAM,WAGnC,SAASC,iBACT;AAAA,EACE;AAAA,EACA,UAAU;AAAA,EACV,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AACF,GACA,KACA;AACA,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAC5C,QAAM,EAAE,EAAE,QAAI,4BAAe;AAE7B,8BAAU,MAAM;AACd,UAAM,kBAAkB,WAAW,MAAM;AACvC,UAAI,QAAS,YAAW,KAAK;AAAA,IAC/B,GAAG,OAAO;AAEV,WAAO,MAAM,aAAa,eAAe;AAAA,EAC3C,GAAG,CAAC,OAAO,CAAC;AAEZ,WAAS,kBAAkB;AACzB,cAAU,OAAO;AACjB,cAAU,UAAU,UAAU,IAAI;AAClC,eAAW,IAAI;AAAA,EACjB;AAEA,SACE,6BAAAD,QAAA;AAAA,IAAC,gCAAAF;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEC;AAAA,IACA,WACC,6BAAAE,QAAA,cAAC,8BAAAD,SAAA,EAAuB,SAAkB,MAAK,aAC7C,6BAAAC,QAAA,cAAC,kBAAAE,SAAA,MAAY,WAAW,EAAE,2BAA2B,CAAE,CACzD;AAAA,EAEJ;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
+  "sourcesContent": ["import React, { useState, useEffect } from 'react';\nimport CopyToClipboardContainer, {\n  CopyToClipboardContainerProps,\n} from '@digigov/react-core/CopyToClipboardContainer';\nimport CopyToClipboardMessage from '@digigov/react-core/CopyToClipboardMessage';\nimport { useTranslation } from '@digigov/ui/i18n';\nimport NormalText from '@digigov/ui/typography/NormalText';\n\nexport interface CopyToClipboardProps extends CopyToClipboardContainerProps {\n  text: string;\n  message?: string;\n  timeout?: number;\n  onCopy?: () => void;\n}\n\nexport const CopyToClipboard = React.forwardRef<\n  HTMLDivElement,\n  CopyToClipboardProps\n>(function CopyToClipboard(\n  {\n    text,\n    variant = 'tooltip',\n    tooltipAlign = 'right',\n    message,\n    dense,\n    onCopy,\n    timeout = 3000,\n    children,\n  },\n  ref\n) {\n  const [enabled, setEnabled] = useState(false);\n  const { t } = useTranslation();\n\n  useEffect(() => {\n    const timeoutInstance = setTimeout(() => {\n      if (enabled) setEnabled(false);\n    }, timeout);\n\n    return () => clearTimeout(timeoutInstance);\n  }, [enabled]);\n\n  function copyToClipboard() {\n    if (onCopy) onCopy();\n    navigator.clipboard.writeText(text);\n    setEnabled(true);\n  }\n\n  return (\n    <CopyToClipboardContainer\n      onClick={copyToClipboard}\n      variant={variant}\n      tooltipAlign={tooltipAlign}\n      ref={ref}\n      dense={dense}\n    >\n      {children}\n      {enabled && (\n        <CopyToClipboardMessage enabled={enabled} role=\"tooltip\">\n          <NormalText>{message || t('copy-to-clipboard.message')}</NormalText>\n        </CopyToClipboardMessage>\n      )}\n    </CopyToClipboardContainer>\n  );\n});\n\nexport default CopyToClipboard;\n\nexport { CopyToClipboardContainer, CopyToClipboardMessage };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,kEAAAA;AAAA,EAAA,4DAAAC;AAAA,EAAA;AAAA;AAAA;AAAA,mBAA2C;AAC3C,sCAEO;AACP,oCAAmC;AACnC,kBAA+B;AAC/B,wBAAuB;AAShB,MAAM,kBAAkB,aAAAC,QAAM,WAGnC,SAASC,iBACT;AAAA,EACE;AAAA,EACA,UAAU;AAAA,EACV,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AACF,GACA,KACA;AACA,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAC5C,QAAM,EAAE,EAAE,QAAI,4BAAe;AAE7B,8BAAU,MAAM;AACd,UAAM,kBAAkB,WAAW,MAAM;AACvC,UAAI,QAAS,YAAW,KAAK;AAAA,IAC/B,GAAG,OAAO;AAEV,WAAO,MAAM,aAAa,eAAe;AAAA,EAC3C,GAAG,CAAC,OAAO,CAAC;AAEZ,WAAS,kBAAkB;AACzB,QAAI,OAAQ,QAAO;AACnB,cAAU,UAAU,UAAU,IAAI;AAClC,eAAW,IAAI;AAAA,EACjB;AAEA,SACE,6BAAAD,QAAA;AAAA,IAAC,gCAAAF;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEC;AAAA,IACA,WACC,6BAAAE,QAAA,cAAC,8BAAAD,SAAA,EAAuB,SAAkB,MAAK,aAC7C,6BAAAC,QAAA,cAAC,kBAAAE,SAAA,MAAY,WAAW,EAAE,2BAA2B,CAAE,CACzD;AAAA,EAEJ;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
   "names": ["CopyToClipboardContainer", "CopyToClipboardMessage", "React", "CopyToClipboard", "NormalText"]
 }

package/cjs/feedback/ErrorSummary/__stories__/LinkedToInput/index.js

@@ -36,13 +36,12 @@ var import_ErrorSummary = require("@digigov/ui/feedback/ErrorSummary");
 var import_ErrorMessage = require("@digigov/ui/form/ErrorMessage");
 var import_FieldContainer = require("@digigov/ui/form/FieldContainer");
 var import_LabelContainer = require("@digigov/ui/form/LabelContainer");
-var import_LabelContainer2 = require("@digigov/ui/form/LabelContainer");
 var import_TextInput = require("@digigov/ui/form/TextInput");
 var import_Link = require("@digigov/ui/navigation/Link");
 var import_Heading = require("@digigov/ui/typography/Heading");
 var import_Hint = require("@digigov/ui/typography/Hint");
 var import_VisuallyHidden = require("@digigov/ui/utils/VisuallyHidden");
-const LinkedToInput = () => /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_ErrorSummary.ErrorSummary, null, /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, { size: "sm" }, "\u03A5\u03C0\u03AE\u03C1\u03BE\u03B5 \u03BA\u03AC\u03C0\u03BF\u03B9\u03BF \u03C0\u03C1\u03CC\u03B2\u03BB\u03B7\u03BC\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#business-name" }, "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2")), /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, { error: true }, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer2.LabelTitle, { size: "md" }, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_Hint.Hint, null, "\u03A0\u03BF\u03B9\u03BF \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C4\u03B7\u03C2 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2;"), /* @__PURE__ */ import_react.default.createElement(import_ErrorMessage.ErrorMessage, null, /* @__PURE__ */ import_react.default.createElement(import_VisuallyHidden.VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF."), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { error: true, name: "inputext", id: "business-name" }))));
+const LinkedToInput = () => /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_ErrorSummary.ErrorSummary, null, /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, { size: "sm" }, "\u03A5\u03C0\u03AE\u03C1\u03BE\u03B5 \u03BA\u03AC\u03C0\u03BF\u03B9\u03BF \u03C0\u03C1\u03CC\u03B2\u03BB\u03B7\u03BC\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#business-name" }, "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2")), /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, { error: true }, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelTitle, { size: "md" }, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_Hint.Hint, null, "\u03A0\u03BF\u03B9\u03BF \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C4\u03B7\u03C2 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2;"), /* @__PURE__ */ import_react.default.createElement(import_ErrorMessage.ErrorMessage, null, /* @__PURE__ */ import_react.default.createElement(import_VisuallyHidden.VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF."), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { error: true, name: "inputext", id: "business-name" }))));
 var LinkedToInput_default = LinkedToInput;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/cjs/feedback/ErrorSummary/__stories__/LinkedToInput.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/feedback/ErrorSummary/__stories__/LinkedToInput.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { ErrorSummary } from '@digigov/ui/feedback/ErrorSummary';\nimport { ErrorMessage } from '@digigov/ui/form/ErrorMessage';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer } from '@digigov/ui/form/LabelContainer';\nimport { LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { Hint } from '@digigov/ui/typography/Hint';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport const LinkedToInput = () => (\n  <div>\n    <ErrorSummary>\n      <Heading size=\"sm\">\u03A5\u03C0\u03AE\u03C1\u03BE\u03B5 \u03BA\u03AC\u03C0\u03BF\u03B9\u03BF \u03C0\u03C1\u03CC\u03B2\u03BB\u03B7\u03BC\u03B1</Heading>\n      <Link href=\"#business-name\">\n        \u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2\n      </Link>\n    </ErrorSummary>\n    <FieldContainer error>\n      <LabelContainer>\n        <LabelTitle size=\"md\">\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2</LabelTitle>\n        <Hint>\u03A0\u03BF\u03B9\u03BF \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C4\u03B7\u03C2 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2;</Hint>\n        <ErrorMessage>\n          <VisuallyHidden>\u039B\u03AC\u03B8\u03BF\u03C2:</VisuallyHidden>\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF\n          \u03C0\u03B5\u03B4\u03AF\u03BF.\n        </ErrorMessage>\n        <TextInput error name=\"inputext\" id=\"business-name\"></TextInput>\n      </LabelContainer>\n    </FieldContainer>\n  </div>\n);\n\nexport default LinkedToInput;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAA6B;AAC7B,0BAA6B;AAC7B,4BAA+B;AAC/B,4BAA+B;AAC/B,IAAAA,yBAA2B;AAC3B,uBAA0B;AAC1B,kBAAqB;AACrB,qBAAwB;AACxB,kBAAqB;AACrB,4BAA+B;AAExB,MAAM,gBAAgB,MAC3B,6BAAAC,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,QAAK,4HAAsB,GACzC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,oBAAiB,2OAE5B,CACF,GACA,6BAAAA,QAAA,cAAC,wCAAe,OAAK,QACnB,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,qCAAW,MAAK,QAAK,mGAAiB,GACvC,6BAAAA,QAAA,cAAC,wBAAK,4LAAoC,GAC1C,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC,4CAAe,iCAAM,GAAiB,yKAEzC,GACA,6BAAAA,QAAA,cAAC,8BAAU,OAAK,MAAC,MAAK,YAAW,IAAG,iBAAgB,CACtD,CACF,CACF;AAGF,IAAO,wBAAQ;",
-  "names": ["import_LabelContainer", "React"]
+  "sourcesContent": ["import React from 'react';\nimport { ErrorSummary } from '@digigov/ui/feedback/ErrorSummary';\nimport { ErrorMessage } from '@digigov/ui/form/ErrorMessage';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { Hint } from '@digigov/ui/typography/Hint';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport const LinkedToInput = () => (\n  <div>\n    <ErrorSummary>\n      <Heading size=\"sm\">\u03A5\u03C0\u03AE\u03C1\u03BE\u03B5 \u03BA\u03AC\u03C0\u03BF\u03B9\u03BF \u03C0\u03C1\u03CC\u03B2\u03BB\u03B7\u03BC\u03B1</Heading>\n      <Link href=\"#business-name\">\n        \u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2\n      </Link>\n    </ErrorSummary>\n    <FieldContainer error>\n      <LabelContainer>\n        <LabelTitle size=\"md\">\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2</LabelTitle>\n        <Hint>\u03A0\u03BF\u03B9\u03BF \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C4\u03B7\u03C2 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2;</Hint>\n        <ErrorMessage>\n          <VisuallyHidden>\u039B\u03AC\u03B8\u03BF\u03C2:</VisuallyHidden>\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF\n          \u03C0\u03B5\u03B4\u03AF\u03BF.\n        </ErrorMessage>\n        <TextInput error name=\"inputext\" id=\"business-name\"></TextInput>\n      </LabelContainer>\n    </FieldContainer>\n  </div>\n);\n\nexport default LinkedToInput;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAA6B;AAC7B,0BAA6B;AAC7B,4BAA+B;AAC/B,4BAA2C;AAC3C,uBAA0B;AAC1B,kBAAqB;AACrB,qBAAwB;AACxB,kBAAqB;AACrB,4BAA+B;AAExB,MAAM,gBAAgB,MAC3B,6BAAAA,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,QAAK,4HAAsB,GACzC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,oBAAiB,2OAE5B,CACF,GACA,6BAAAA,QAAA,cAAC,wCAAe,OAAK,QACnB,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oCAAW,MAAK,QAAK,mGAAiB,GACvC,6BAAAA,QAAA,cAAC,wBAAK,4LAAoC,GAC1C,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC,4CAAe,iCAAM,GAAiB,yKAEzC,GACA,6BAAAA,QAAA,cAAC,8BAAU,OAAK,MAAC,MAAK,YAAW,IAAG,iBAAgB,CACtD,CACF,CACF;AAGF,IAAO,wBAAQ;",
+  "names": ["React"]
 }

package/cjs/form/AutoComplete/Status/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/form/AutoComplete/Status/index.tsx"],
-  "sourcesContent": ["import React, { Component } from 'react';\nimport AutoCompleteStatus from '@digigov/react-core/AutoCompleteStatus';\nimport AutoCompleteStatusContainer from '@digigov/react-core/AutoCompleteStatusContainer';\n\nconst debounce = function (\n  func: () => void,\n  wait: number,\n  immediate?: boolean\n) {\n  let timeout;\n  return function (...args) {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    // eslint-disable-next-line @typescript-eslint/no-this-alias\n    const context = this;\n    const later = function () {\n      timeout = null;\n      if (!immediate) func.apply(context, args);\n    };\n    const callNow = immediate && !timeout;\n    clearTimeout(timeout);\n    timeout = setTimeout(later, wait);\n    if (callNow) func.apply(context, args);\n    return timeout;\n  };\n};\nconst statusDebounceMillis = 1400;\n\ntype StatusProps = {\n  id: string;\n  length: number;\n  queryLength: number;\n  minQueryLength?: number;\n  selectedOption: string;\n  selectedOptionIndex: number;\n  validChoiceMade: boolean;\n  isInFocus: boolean;\n  tQueryTooShort?: (x: number) => string;\n  tNoResults?: () => string;\n  tSelectedOption: (x: string, y: number, z: number) => string;\n  tResults?: (x: number, y: string) => string;\n};\n\ntype StateProps = {\n  bump: boolean;\n  debounced: boolean;\n  silenced: boolean;\n};\n\nexport default class Status extends Component<StatusProps, StateProps> {\n  static defaultProps = {\n    tQueryTooShort: (minQueryLength: number): string =>\n      `Type in ${minQueryLength} or more characters for results`,\n    tNoResults: (): string => 'No search results',\n    tSelectedOption: (\n      selectedOption: string,\n      length: number,\n      index: number\n    ): string => `${selectedOption} ${index + 1} of ${length} is highlighted`,\n    tResults: (length: number, contentSelectedOption: string): string => {\n      const words = {\n        result: length === 1 ? 'result' : 'results',\n        is: length === 1 ? 'is' : 'are',\n      };\n\n      return `${length} ${words.result} ${words.is} available. ${contentSelectedOption}`;\n    },\n  };\n\n  state = {\n    bump: false,\n    debounced: false,\n    silenced: false,\n  };\n  debounceStatusUpdate: () => void;\n  lastDebounceCall: any;\n  componentWillUnmount(): void {\n    clearTimeout(this.lastDebounceCall);\n  }\n  UNSAFE_componentWillMount() {\n    // eslint-disable-next-line @typescript-eslint/no-this-alias\n    const that = this;\n    this.debounceStatusUpdate = debounce(function () {\n      if (!that.state.debounced) {\n        const shouldSilence =\n          !that.props.isInFocus || that.props.validChoiceMade;\n        that.setState(({ bump }) => ({\n          bump: !bump,\n          debounced: true,\n          silenced: shouldSilence,\n        }));\n      }\n    }, statusDebounceMillis);\n  }\n\n  UNSAFE_componentWillReceiveProps() {\n    this.setState({ debounced: false });\n  }\n\n  render(): JSX.Element {\n    const {\n      id,\n      length,\n      queryLength,\n      minQueryLength,\n      selectedOption,\n      selectedOptionIndex,\n      tQueryTooShort,\n      tNoResults,\n      tSelectedOption,\n      tResults,\n    } = this.props;\n    const { bump, debounced, silenced } = this.state;\n\n    const queryTooShort = queryLength < (minQueryLength as number);\n    const noResults = length === 0;\n\n    const contentSelectedOption = selectedOption\n      ? tSelectedOption(selectedOption, length, selectedOptionIndex)\n      : '';\n\n    let content;\n    if (queryTooShort) {\n      content = tQueryTooShort?.(minQueryLength as number);\n    } else if (noResults) {\n      content = tNoResults?.();\n    } else {\n      content = tResults?.(length, contentSelectedOption);\n    }\n\n    this.lastDebounceCall = this.debounceStatusUpdate();\n\n    return (\n      <AutoCompleteStatusContainer>\n        <AutoCompleteStatus id={id + '__status--A'}>\n          {!silenced && debounced && bump ? content : ' '}\n        </AutoCompleteStatus>\n        <AutoCompleteStatus id={id + '__status--B'}>\n          {!silenced && debounced && !bump ? content : ' '}\n        </AutoCompleteStatus>\n      </AutoCompleteStatusContainer>\n    );\n  }\n}\n\nexport { AutoCompleteStatusContainer, AutoCompleteStatus };\n"],
+  "sourcesContent": ["import React, { Component } from 'react';\nimport AutoCompleteStatus from '@digigov/react-core/AutoCompleteStatus';\nimport AutoCompleteStatusContainer from '@digigov/react-core/AutoCompleteStatusContainer';\n\nconst debounce = function (\n  func: () => void,\n  wait: number,\n  immediate?: boolean\n) {\n  let timeout;\n  return function (...args) {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    // eslint-disable-next-line @typescript-eslint/no-this-alias\n    const context = this;\n    const later = function () {\n      timeout = null;\n      if (!immediate) func.apply(context, args);\n    };\n    const callNow = immediate && !timeout;\n    clearTimeout(timeout);\n    timeout = setTimeout(later, wait);\n    if (callNow) func.apply(context, args);\n    return timeout;\n  };\n};\nconst statusDebounceMillis = 1400;\n\ninterface StatusProps {\n  id: string;\n  length: number;\n  queryLength: number;\n  minQueryLength?: number;\n  selectedOption: string;\n  selectedOptionIndex: number;\n  validChoiceMade: boolean;\n  isInFocus: boolean;\n  tQueryTooShort?: (x: number) => string;\n  tNoResults?: () => string;\n  tSelectedOption: (x: string, y: number, z: number) => string;\n  tResults?: (x: number, y: string) => string;\n}\n\ninterface StateProps {\n  bump: boolean;\n  debounced: boolean;\n  silenced: boolean;\n}\n\nexport default class Status extends Component<StatusProps, StateProps> {\n  static defaultProps = {\n    tQueryTooShort: (minQueryLength: number): string =>\n      `Type in ${minQueryLength} or more characters for results`,\n    tNoResults: (): string => 'No search results',\n    tSelectedOption: (\n      selectedOption: string,\n      length: number,\n      index: number\n    ): string => `${selectedOption} ${index + 1} of ${length} is highlighted`,\n    tResults: (length: number, contentSelectedOption: string): string => {\n      const words = {\n        result: length === 1 ? 'result' : 'results',\n        is: length === 1 ? 'is' : 'are',\n      };\n\n      return `${length} ${words.result} ${words.is} available. ${contentSelectedOption}`;\n    },\n  };\n\n  state = {\n    bump: false,\n    debounced: false,\n    silenced: false,\n  };\n  debounceStatusUpdate: () => void;\n  lastDebounceCall: any;\n  componentWillUnmount(): void {\n    clearTimeout(this.lastDebounceCall);\n  }\n  UNSAFE_componentWillMount() {\n    // eslint-disable-next-line @typescript-eslint/no-this-alias\n    const that = this;\n    this.debounceStatusUpdate = debounce(function () {\n      if (!that.state.debounced) {\n        const shouldSilence =\n          !that.props.isInFocus || that.props.validChoiceMade;\n        that.setState(({ bump }) => ({\n          bump: !bump,\n          debounced: true,\n          silenced: shouldSilence,\n        }));\n      }\n    }, statusDebounceMillis);\n  }\n\n  UNSAFE_componentWillReceiveProps() {\n    this.setState({ debounced: false });\n  }\n\n  render(): JSX.Element {\n    const {\n      id,\n      length,\n      queryLength,\n      minQueryLength,\n      selectedOption,\n      selectedOptionIndex,\n      tQueryTooShort,\n      tNoResults,\n      tSelectedOption,\n      tResults,\n    } = this.props;\n    const { bump, debounced, silenced } = this.state;\n\n    const queryTooShort = queryLength < (minQueryLength as number);\n    const noResults = length === 0;\n\n    const contentSelectedOption = selectedOption\n      ? tSelectedOption(selectedOption, length, selectedOptionIndex)\n      : '';\n\n    let content;\n    if (queryTooShort) {\n      content = tQueryTooShort?.(minQueryLength as number);\n    } else if (noResults) {\n      content = tNoResults?.();\n    } else {\n      content = tResults?.(length, contentSelectedOption);\n    }\n\n    this.lastDebounceCall = this.debounceStatusUpdate();\n\n    return (\n      <AutoCompleteStatusContainer>\n        <AutoCompleteStatus id={id + '__status--A'}>\n          {!silenced && debounced && bump ? content : ' '}\n        </AutoCompleteStatus>\n        <AutoCompleteStatus id={id + '__status--B'}>\n          {!silenced && debounced && !bump ? content : ' '}\n        </AutoCompleteStatus>\n      </AutoCompleteStatusContainer>\n    );\n  }\n}\n\nexport { AutoCompleteStatusContainer, AutoCompleteStatus };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,sDAAAA;AAAA,EAAA,sEAAAC;AAAA,EAAA;AAAA;AAAA;AAAA,mBAAiC;AACjC,gCAA+B;AAC/B,yCAAwC;AAExC,MAAM,WAAW,SACf,MACA,MACA,WACA;AACA,MAAI;AACJ,SAAO,YAAa,MAAM;AAIxB,UAAM,UAAU;AAChB,UAAM,QAAQ,WAAY;AACxB,gBAAU;AACV,UAAI,CAAC,UAAW,MAAK,MAAM,SAAS,IAAI;AAAA,IAC1C;AACA,UAAM,UAAU,aAAa,CAAC;AAC9B,iBAAa,OAAO;AACpB,cAAU,WAAW,OAAO,IAAI;AAChC,QAAI,QAAS,MAAK,MAAM,SAAS,IAAI;AACrC,WAAO;AAAA,EACT;AACF;AACA,MAAM,uBAAuB;AAuB7B,MAAO,eAA6B,uBAAmC;AAAA,EAAvE;AAAA;AAoBE,iBAAQ;AAAA,MACN,MAAM;AAAA,MACN,WAAW;AAAA,MACX,UAAU;AAAA,IACZ;AAAA;AAAA,EAvBA;AAAA,SAAO,eAAe;AAAA,MACpB,gBAAgB,CAAC,mBACf,WAAW,cAAc;AAAA,MAC3B,YAAY,MAAc;AAAA,MAC1B,iBAAiB,CACf,gBACA,QACA,UACW,GAAG,cAAc,IAAI,QAAQ,CAAC,OAAO,MAAM;AAAA,MACxD,UAAU,CAAC,QAAgB,0BAA0C;AACnE,cAAM,QAAQ;AAAA,UACZ,QAAQ,WAAW,IAAI,WAAW;AAAA,UAClC,IAAI,WAAW,IAAI,OAAO;AAAA,QAC5B;AAEA,eAAO,GAAG,MAAM,IAAI,MAAM,MAAM,IAAI,MAAM,EAAE,eAAe,qBAAqB;AAAA,MAClF;AAAA,IACF;AAAA;AAAA,EASA,uBAA6B;AAC3B,iBAAa,KAAK,gBAAgB;AAAA,EACpC;AAAA,EACA,4BAA4B;AAE1B,UAAM,OAAO;AACb,SAAK,uBAAuB,SAAS,WAAY;AAC/C,UAAI,CAAC,KAAK,MAAM,WAAW;AACzB,cAAM,gBACJ,CAAC,KAAK,MAAM,aAAa,KAAK,MAAM;AACtC,aAAK,SAAS,CAAC,EAAE,KAAK,OAAO;AAAA,UAC3B,MAAM,CAAC;AAAA,UACP,WAAW;AAAA,UACX,UAAU;AAAA,QACZ,EAAE;AAAA,MACJ;AAAA,IACF,GAAG,oBAAoB;AAAA,EACzB;AAAA,EAEA,mCAAmC;AACjC,SAAK,SAAS,EAAE,WAAW,MAAM,CAAC;AAAA,EACpC;AAAA,EAEA,SAAsB;AACpB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,KAAK;AACT,UAAM,EAAE,MAAM,WAAW,SAAS,IAAI,KAAK;AAE3C,UAAM,gBAAgB,cAAe;AACrC,UAAM,YAAY,WAAW;AAE7B,UAAM,wBAAwB,iBAC1B,gBAAgB,gBAAgB,QAAQ,mBAAmB,IAC3D;AAEJ,QAAI;AACJ,QAAI,eAAe;AACjB,gBAAU,iBAAiB,cAAwB;AAAA,IACrD,WAAW,WAAW;AACpB,gBAAU,aAAa;AAAA,IACzB,OAAO;AACL,gBAAU,WAAW,QAAQ,qBAAqB;AAAA,IACpD;AAEA,SAAK,mBAAmB,KAAK,qBAAqB;AAElD,WACE,6BAAAC,QAAA,cAAC,mCAAAD,SAAA,MACC,6BAAAC,QAAA,cAAC,0BAAAF,SAAA,EAAmB,IAAI,KAAK,iBAC1B,CAAC,YAAY,aAAa,OAAO,UAAU,GAC9C,GACA,6BAAAE,QAAA,cAAC,0BAAAF,SAAA,EAAmB,IAAI,KAAK,iBAC1B,CAAC,YAAY,aAAa,CAAC,OAAO,UAAU,GAC/C,CACF;AAAA,EAEJ;AACF;",
   "names": ["AutoCompleteStatus", "AutoCompleteStatusContainer", "React"]
 }

package/cjs/form/AutoComplete/__stories__/Multiple/index.js

@@ -36,7 +36,15 @@ var import_AutoComplete = require("@digigov/ui/form/AutoComplete");
 var import_utils = require("@digigov/ui/form/AutoComplete/utils");
 var import_Button = require("@digigov/ui/form/Button");
 var import_FieldContainer = require("@digigov/ui/form/FieldContainer");
-const Multiple = () => /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.Fieldset, { marginBottom: 4 }, /* @__PURE__ */ import_react.default.createElement(import_AutoComplete.AutoComplete, { source: import_utils.suggest, multiple: true, width: "50%", id: "multiple-select-default" }))), /* @__PURE__ */ import_react.default.createElement(import_Button.Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"));
+const Multiple = () => /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.Fieldset, { marginBottom: 4 }, /* @__PURE__ */ import_react.default.createElement(
+  import_AutoComplete.AutoComplete,
+  {
+    source: import_utils.suggest,
+    multiple: true,
+    width: "50%",
+    id: "multiple-select-default"
+  }
+))), /* @__PURE__ */ import_react.default.createElement(import_Button.Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"));
 var Multiple_default = Multiple;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/cjs/form/AutoComplete/__stories__/Multiple.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/form/AutoComplete/__stories__/Multiple.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { AutoComplete } from '@digigov/ui/form/AutoComplete';\nimport { suggest } from '@digigov/ui/form/AutoComplete/utils';\nimport { Button } from '@digigov/ui/form/Button';\nimport { FieldContainer, Fieldset } from '@digigov/ui/form/FieldContainer';\n\nexport const Multiple = () => (\n  <div>\n    <FieldContainer>\n      <Fieldset marginBottom={4}>\n        <AutoComplete source={suggest} multiple width=\"50%\" id=\"multiple-select-default\" />\n      </Fieldset>\n    </FieldContainer>\n    <Button>\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE</Button>\n  </div>\n);\n\nexport default Multiple;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAA6B;AAC7B,mBAAwB;AACxB,oBAAuB;AACvB,4BAAyC;AAElC,MAAM,WAAW,MACtB,6BAAAA,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,kCAAS,cAAc,KACtB,6BAAAA,QAAA,cAAC,oCAAa,QAAQ,sBAAS,UAAQ,MAAC,OAAM,OAAM,IAAG,2BAA0B,CACnF,CACF,GACA,6BAAAA,QAAA,cAAC,4BAAO,4CAAO,CACjB;AAGF,IAAO,mBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { AutoComplete } from '@digigov/ui/form/AutoComplete';\nimport { suggest } from '@digigov/ui/form/AutoComplete/utils';\nimport { Button } from '@digigov/ui/form/Button';\nimport { FieldContainer, Fieldset } from '@digigov/ui/form/FieldContainer';\n\nexport const Multiple = () => (\n  <div>\n    <FieldContainer>\n      <Fieldset marginBottom={4}>\n        <AutoComplete\n          source={suggest}\n          multiple\n          width=\"50%\"\n          id=\"multiple-select-default\"\n        />\n      </Fieldset>\n    </FieldContainer>\n    <Button>\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE</Button>\n  </div>\n);\n\nexport default Multiple;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAA6B;AAC7B,mBAAwB;AACxB,oBAAuB;AACvB,4BAAyC;AAElC,MAAM,WAAW,MACtB,6BAAAA,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,kCAAS,cAAc,KACtB,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,QAAQ;AAAA,IACR,UAAQ;AAAA,IACR,OAAM;AAAA,IACN,IAAG;AAAA;AACL,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,4BAAO,4CAAO,CACjB;AAGF,IAAO,mBAAQ;",
   "names": ["React"]
 }

package/cjs/form/AutoComplete/__stories__/MultipleShowingTwoSelected/index.js

@@ -36,7 +36,16 @@ var import_AutoComplete = require("@digigov/ui/form/AutoComplete");
 var import_utils = require("@digigov/ui/form/AutoComplete/utils");
 var import_Button = require("@digigov/ui/form/Button");
 var import_FieldContainer = require("@digigov/ui/form/FieldContainer");
-const MultipleShowingTwoSelected = () => /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(import_AutoComplete.AutoComplete, { source: import_utils.suggest, multiple: true, width: "75%", id: "multiple-showing-two-selected", numberOfSelected: 2 })), /* @__PURE__ */ import_react.default.createElement(import_Button.Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"));
+const MultipleShowingTwoSelected = () => /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(
+  import_AutoComplete.AutoComplete,
+  {
+    source: import_utils.suggest,
+    multiple: true,
+    width: "75%",
+    id: "multiple-showing-two-selected",
+    numberOfSelected: 2
+  }
+)), /* @__PURE__ */ import_react.default.createElement(import_Button.Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"));
 var MultipleShowingTwoSelected_default = MultipleShowingTwoSelected;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/cjs/form/AutoComplete/__stories__/MultipleShowingTwoSelected.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/form/AutoComplete/__stories__/MultipleShowingTwoSelected.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { AutoComplete } from '@digigov/ui/form/AutoComplete';\nimport { suggest } from '@digigov/ui/form/AutoComplete/utils';\nimport { Button } from '@digigov/ui/form/Button';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\n\nexport const MultipleShowingTwoSelected = () => (\n  <div>\n    <FieldContainer>\n      <AutoComplete source={suggest} multiple width='75%' id=\"multiple-showing-two-selected\" numberOfSelected={2} />\n    </FieldContainer>\n    <Button>\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE</Button>\n  </div>\n);\n\nexport default MultipleShowingTwoSelected;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAA6B;AAC7B,mBAAwB;AACxB,oBAAuB;AACvB,4BAA+B;AAExB,MAAM,6BAA6B,MACxC,6BAAAA,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oCAAa,QAAQ,sBAAS,UAAQ,MAAC,OAAM,OAAM,IAAG,iCAAgC,kBAAkB,GAAG,CAC9G,GACA,6BAAAA,QAAA,cAAC,4BAAO,4CAAO,CACjB;AAGF,IAAO,qCAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { AutoComplete } from '@digigov/ui/form/AutoComplete';\nimport { suggest } from '@digigov/ui/form/AutoComplete/utils';\nimport { Button } from '@digigov/ui/form/Button';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\n\nexport const MultipleShowingTwoSelected = () => (\n  <div>\n    <FieldContainer>\n      <AutoComplete\n        source={suggest}\n        multiple\n        width=\"75%\"\n        id=\"multiple-showing-two-selected\"\n        numberOfSelected={2}\n      />\n    </FieldContainer>\n    <Button>\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE</Button>\n  </div>\n);\n\nexport default MultipleShowingTwoSelected;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAA6B;AAC7B,mBAAwB;AACxB,oBAAuB;AACvB,4BAA+B;AAExB,MAAM,6BAA6B,MACxC,6BAAAA,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,QAAQ;AAAA,IACR,UAAQ;AAAA,IACR,OAAM;AAAA,IACN,IAAG;AAAA,IACH,kBAAkB;AAAA;AACpB,CACF,GACA,6BAAAA,QAAA,cAAC,4BAAO,4CAAO,CACjB;AAGF,IAAO,qCAAQ;",
   "names": ["React"]
 }

package/cjs/form/AutoComplete/__stories__/MultipleWithDefaultValues/index.js

@@ -36,7 +36,16 @@ var import_AutoComplete = require("@digigov/ui/form/AutoComplete");
 var import_utils = require("@digigov/ui/form/AutoComplete/utils");
 var import_Button = require("@digigov/ui/form/Button");
 var import_FieldContainer = require("@digigov/ui/form/FieldContainer");
-const MultipleWithDefaultValues = () => /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(import_AutoComplete.AutoComplete, { source: import_utils.suggest, multiple: true, defaultValue: ["\u0395\u03BB\u03BB\u03AC\u03B4\u03B1", "\u0399\u03C4\u03B1\u03BB\u03AF\u03B1"], width: "50%", id: "govgr" })), /* @__PURE__ */ import_react.default.createElement(import_Button.Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"));
+const MultipleWithDefaultValues = () => /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(
+  import_AutoComplete.AutoComplete,
+  {
+    source: import_utils.suggest,
+    multiple: true,
+    defaultValue: ["\u0395\u03BB\u03BB\u03AC\u03B4\u03B1", "\u0399\u03C4\u03B1\u03BB\u03AF\u03B1"],
+    width: "50%",
+    id: "govgr"
+  }
+)), /* @__PURE__ */ import_react.default.createElement(import_Button.Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"));
 var MultipleWithDefaultValues_default = MultipleWithDefaultValues;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/cjs/form/AutoComplete/__stories__/MultipleWithDefaultValues.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/form/AutoComplete/__stories__/MultipleWithDefaultValues.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { AutoComplete } from '@digigov/ui/form/AutoComplete';\nimport { suggest } from '@digigov/ui/form/AutoComplete/utils';\nimport { Button } from '@digigov/ui/form/Button';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\n\nexport const MultipleWithDefaultValues = () => (\n  <div>\n    <FieldContainer>\n      <AutoComplete source={suggest} multiple defaultValue={['\u0395\u03BB\u03BB\u03AC\u03B4\u03B1', '\u0399\u03C4\u03B1\u03BB\u03AF\u03B1']} width=\"50%\" id=\"govgr\" />\n    </FieldContainer>\n    <Button>\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE</Button>\n  </div>\n);\n\nexport default MultipleWithDefaultValues;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAA6B;AAC7B,mBAAwB;AACxB,oBAAuB;AACvB,4BAA+B;AAExB,MAAM,4BAA4B,MACvC,6BAAAA,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oCAAa,QAAQ,sBAAS,UAAQ,MAAC,cAAc,CAAC,wCAAU,sCAAQ,GAAG,OAAM,OAAM,IAAG,SAAQ,CACrG,GACA,6BAAAA,QAAA,cAAC,4BAAO,4CAAO,CACjB;AAGF,IAAO,oCAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { AutoComplete } from '@digigov/ui/form/AutoComplete';\nimport { suggest } from '@digigov/ui/form/AutoComplete/utils';\nimport { Button } from '@digigov/ui/form/Button';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\n\nexport const MultipleWithDefaultValues = () => (\n  <div>\n    <FieldContainer>\n      <AutoComplete\n        source={suggest}\n        multiple\n        defaultValue={['\u0395\u03BB\u03BB\u03AC\u03B4\u03B1', '\u0399\u03C4\u03B1\u03BB\u03AF\u03B1']}\n        width=\"50%\"\n        id=\"govgr\"\n      />\n    </FieldContainer>\n    <Button>\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE</Button>\n  </div>\n);\n\nexport default MultipleWithDefaultValues;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAA6B;AAC7B,mBAAwB;AACxB,oBAAuB;AACvB,4BAA+B;AAExB,MAAM,4BAA4B,MACvC,6BAAAA,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,QAAQ;AAAA,IACR,UAAQ;AAAA,IACR,cAAc,CAAC,wCAAU,sCAAQ;AAAA,IACjC,OAAM;AAAA,IACN,IAAG;AAAA;AACL,CACF,GACA,6BAAAA,QAAA,cAAC,4BAAO,4CAAO,CACjB;AAGF,IAAO,oCAAQ;",
   "names": ["React"]
 }

package/cjs/form/AutoComplete/__stories__/MultipleWithMinLength.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/form/AutoComplete/__stories__/MultipleWithMinLength.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { AutoComplete } from '@digigov/ui/form/AutoComplete';\nimport { suggest } from '@digigov/ui/form/AutoComplete/utils';\nimport { Button } from '@digigov/ui/form/Button';\nimport { FieldContainer, Fieldset } from '@digigov/ui/form/FieldContainer';\nimport Paragraph from '@digigov/ui/typography/Paragraph';\n\nexport const MultipleWithMinLength = () => (\n  <div>\n    <Paragraph>\n      \u0395\u03B4\u03CE, \u03BF \u03B5\u03BB\u03AC\u03C7\u03B9\u03C3\u03C4\u03BF\u03C2 \u03B1\u03C1\u03B9\u03B8\u03BC\u03CC\u03C2 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD \u03C0\u03BF\u03C5 \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1\n      \u03B5\u03B9\u03C3\u03B1\u03C7\u03B8\u03B5\u03AF \u03CE\u03C3\u03C4\u03B5 \u03BD\u03B1 \u03B1\u03C1\u03C7\u03AF\u03C3\u03B5\u03B9 \u03BD\u03B1 \u03C6\u03B9\u03BB\u03C4\u03C1\u03AC\u03C1\u03B5\u03C4\u03B1\u03B9 \u03B7 \u03B1\u03BD\u03B1\u03B6\u03AE\u03C4\u03B7\u03C3\u03B7 \u03B5\u03AF\u03BD\u03B1\u03B9 2.\n    </Paragraph>\n    <FieldContainer>\n      <Fieldset marginBottom={4}>\n        <AutoComplete\n          source={suggest}\n          multiple\n          minLength={2}\n          width=\"50%\"\n          id=\"multiple-select-default\"\n        />\n      </Fieldset>\n    </FieldContainer>\n    <Button>\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE</Button>\n  </div>\n);\n\nexport default MultipleWithMinLength;\n"],
+  "sourcesContent": ["import React from 'react';\nimport { AutoComplete } from '@digigov/ui/form/AutoComplete';\nimport { suggest } from '@digigov/ui/form/AutoComplete/utils';\nimport { Button } from '@digigov/ui/form/Button';\nimport { FieldContainer, Fieldset } from '@digigov/ui/form/FieldContainer';\nimport Paragraph from '@digigov/ui/typography/Paragraph';\n\nexport const MultipleWithMinLength = () => (\n  <div>\n    <Paragraph>\n      \u0395\u03B4\u03CE, \u03BF \u03B5\u03BB\u03AC\u03C7\u03B9\u03C3\u03C4\u03BF\u03C2 \u03B1\u03C1\u03B9\u03B8\u03BC\u03CC\u03C2 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD \u03C0\u03BF\u03C5 \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03B5\u03B9\u03C3\u03B1\u03C7\u03B8\u03B5\u03AF \u03CE\u03C3\u03C4\u03B5 \u03BD\u03B1 \u03B1\u03C1\u03C7\u03AF\u03C3\u03B5\u03B9\n      \u03BD\u03B1 \u03C6\u03B9\u03BB\u03C4\u03C1\u03AC\u03C1\u03B5\u03C4\u03B1\u03B9 \u03B7 \u03B1\u03BD\u03B1\u03B6\u03AE\u03C4\u03B7\u03C3\u03B7 \u03B5\u03AF\u03BD\u03B1\u03B9 2.\n    </Paragraph>\n    <FieldContainer>\n      <Fieldset marginBottom={4}>\n        <AutoComplete\n          source={suggest}\n          multiple\n          minLength={2}\n          width=\"50%\"\n          id=\"multiple-select-default\"\n        />\n      </Fieldset>\n    </FieldContainer>\n    <Button>\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE</Button>\n  </div>\n);\n\nexport default MultipleWithMinLength;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAA6B;AAC7B,mBAAwB;AACxB,oBAAuB;AACvB,4BAAyC;AACzC,uBAAsB;AAEf,MAAM,wBAAwB,MACnC,6BAAAA,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,iBAAAC,SAAA,MAAU,kjBAGX,GACA,6BAAAD,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,kCAAS,cAAc,KACtB,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,QAAQ;AAAA,IACR,UAAQ;AAAA,IACR,WAAW;AAAA,IACX,OAAM;AAAA,IACN,IAAG;AAAA;AACL,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,4BAAO,4CAAO,CACjB;AAGF,IAAO,gCAAQ;",
   "names": ["React", "Paragraph"]
 }

package/cjs/form/AutoComplete/__stories__/WithShowAllValues/index.js

@@ -36,14 +36,7 @@ var import_AutoComplete = require("@digigov/ui/form/AutoComplete");
 var import_utils = require("@digigov/ui/form/AutoComplete/utils");
 var import_Button = __toESM(require("@digigov/ui/form/Button"));
 var import_FieldContainer = require("@digigov/ui/form/FieldContainer");
-const WithShowAllValues = () => /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(
-  import_AutoComplete.AutoComplete,
-  {
-    source: import_utils.suggest,
-    autoselect: true,
-    id: "govgr"
-  }
-)), /* @__PURE__ */ import_react.default.createElement(import_Button.default, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"));
+const WithShowAllValues = () => /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(import_AutoComplete.AutoComplete, { source: import_utils.suggest, autoselect: true, id: "govgr" })), /* @__PURE__ */ import_react.default.createElement(import_Button.default, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"));
 var WithShowAllValues_default = WithShowAllValues;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/cjs/form/AutoComplete/__stories__/WithShowAllValues.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/form/AutoComplete/__stories__/WithShowAllValues.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { AutoComplete } from '@digigov/ui/form/AutoComplete';\nimport { suggest } from '@digigov/ui/form/AutoComplete/utils';\nimport Button from '@digigov/ui/form/Button';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\n\nexport const WithShowAllValues = () => (\n  <div>\n    <FieldContainer>\n      <AutoComplete\n        source={suggest}\n        autoselect={true}\n        id=\"govgr\"\n      />\n    </FieldContainer>\n    <Button>\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE</Button>\n  </div>\n);\n\nexport default WithShowAllValues;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAA6B;AAC7B,mBAAwB;AACxB,oBAAmB;AACnB,4BAA+B;AAExB,MAAM,oBAAoB,MAC/B,6BAAAA,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,IAAG;AAAA;AACL,CACF,GACA,6BAAAA,QAAA,cAAC,cAAAC,SAAA,MAAO,4CAAO,CACjB;AAGF,IAAO,4BAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { AutoComplete } from '@digigov/ui/form/AutoComplete';\nimport { suggest } from '@digigov/ui/form/AutoComplete/utils';\nimport Button from '@digigov/ui/form/Button';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\n\nexport const WithShowAllValues = () => (\n  <div>\n    <FieldContainer>\n      <AutoComplete source={suggest} autoselect={true} id=\"govgr\" />\n    </FieldContainer>\n    <Button>\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE</Button>\n  </div>\n);\n\nexport default WithShowAllValues;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAA6B;AAC7B,mBAAwB;AACxB,oBAAmB;AACnB,4BAA+B;AAExB,MAAM,oBAAoB,MAC/B,6BAAAA,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oCAAa,QAAQ,sBAAS,YAAY,MAAM,IAAG,SAAQ,CAC9D,GACA,6BAAAA,QAAA,cAAC,cAAAC,SAAA,MAAO,4CAAO,CACjB;AAGF,IAAO,4BAAQ;",
   "names": ["React", "Button"]
 }