@digigov/react-modules 1.1.4

package/FilteredResults/DataTable/index.js

@@ -0,0 +1,18 @@
+import React from "react";
+import {
+  Table,
+  TableBody,
+  TableContainer,
+  TableDataCell,
+  TableHead,
+  TableHeadCell,
+  TableNoDataRow,
+  TableRow
+} from "@digigov/ui/content/Table";
+function DataTable({ dataConfig, data }) {
+  return /* @__PURE__ */ React.createElement(TableContainer, null, /* @__PURE__ */ React.createElement(Table, null, /* @__PURE__ */ React.createElement(TableHead, null, /* @__PURE__ */ React.createElement(TableRow, null, dataConfig.map((itenConfig) => /* @__PURE__ */ React.createElement(TableHeadCell, { key: itenConfig.key }, itenConfig.title)))), /* @__PURE__ */ React.createElement(TableBody, null, data.length > 0 ? data.map((item, index) => /* @__PURE__ */ React.createElement(TableRow, { key: index }, dataConfig.map((itemConfig, idx) => /* @__PURE__ */ React.createElement(TableDataCell, { key: idx }, itemConfig.displayComponent ? itemConfig.displayComponent(item[itemConfig.key]) : item[itemConfig.key])))) : /* @__PURE__ */ React.createElement(TableNoDataRow, null, "\u0394\u03B5\u03BD \u03C5\u03C0\u03AC\u03C1\u03C7\u03BF\u03C5\u03BD \u03B1\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1"))));
+}
+export {
+  DataTable
+};
+//# sourceMappingURL=DataTable.js.map

package/FilteredResults/DataTable/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/FilteredResults/DataTable/index.js"
+}

package/FilteredResults/DataTable.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare function DataTable({ dataConfig, data }: {
+    dataConfig: any;
+    data: any;
+}): React.JSX.Element;

package/FilteredResults/DataTable.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/FilteredResults/DataTable.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport {\n  Table,\n  TableBody,\n  TableContainer,\n  TableDataCell,\n  TableHead,\n  TableHeadCell,\n  TableNoDataRow,\n  TableRow,\n} from '@digigov/ui/content/Table';\n\nexport function DataTable({ dataConfig, data }) {\n  return (\n    <TableContainer>\n      <Table>\n        <TableHead>\n          <TableRow>\n            {dataConfig.map((itenConfig) => (\n              <TableHeadCell key={itenConfig.key}>\n                {itenConfig.title}\n              </TableHeadCell>\n            ))}\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {data.length > 0 ? (\n            data.map((item, index) => (\n              <TableRow key={index}>\n                {dataConfig.map((itemConfig, idx) => (\n                  <TableDataCell key={idx}>\n                    {itemConfig.displayComponent\n                      ? itemConfig.displayComponent(item[itemConfig.key])\n                      : item[itemConfig.key]}\n                  </TableDataCell>\n                ))}\n              </TableRow>\n            ))\n          ) : (\n            <TableNoDataRow>\u0394\u03B5\u03BD \u03C5\u03C0\u03AC\u03C1\u03C7\u03BF\u03C5\u03BD \u03B1\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1</TableNoDataRow>\n          )}\n        </TableBody>\n      </Table>\n    </TableContainer>\n  );\n}\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,SAAS,UAAU,EAAE,YAAY,KAAK,GAAG;AAC9C,SACE,oCAAC,sBACC,oCAAC,aACC,oCAAC,iBACC,oCAAC,gBACE,WAAW,IAAI,CAAC,eACf,oCAAC,iBAAc,KAAK,WAAW,OAC5B,WAAW,KACd,CACD,CACH,CACF,GACA,oCAAC,iBACE,KAAK,SAAS,IACb,KAAK,IAAI,CAAC,MAAM,UACd,oCAAC,YAAS,KAAK,SACZ,WAAW,IAAI,CAAC,YAAY,QAC3B,oCAAC,iBAAc,KAAK,OACjB,WAAW,mBACR,WAAW,iBAAiB,KAAK,WAAW,GAAG,CAAC,IAChD,KAAK,WAAW,GAAG,CACzB,CACD,CACH,CACD,IAED,oCAAC,sBAAe,8IAAyB,CAE7C,CACF,CACF;AAEJ;",
+  "names": []
+}

package/FilteredResults/FilterChips/index.js

@@ -0,0 +1,52 @@
+import React from "react";
+import { useFormContext, useFormValues } from "@digigov/form";
+import { getOptionLabelForSelectValue } from "@digigov/react-modules/FilteredResults/hooks";
+import {
+  FilterSelectedHeading,
+  FilterSelectedSection
+} from "@digigov/ui/app/FilterContainer";
+import { Chip, ChipContainer } from "@digigov/ui/content/Chip";
+import { Button } from "@digigov/ui/form/Button";
+const FilterChips = () => {
+  const { fieldsMap, reset, resetField, submit } = useFormContext();
+  const values = useFormValues();
+  const enabledFilters = Object.keys(values).filter((v) => values[v]);
+  if (enabledFilters.length === 0) return null;
+  return /* @__PURE__ */ React.createElement(FilterSelectedSection, { m: 0, mb: 6 }, /* @__PURE__ */ React.createElement(FilterSelectedHeading, { mb: 0 }, /* @__PURE__ */ React.createElement(ChipContainer, null, enabledFilters.map((filterKey) => {
+    return /* @__PURE__ */ React.createElement(
+      Chip,
+      {
+        mb: 0,
+        key: filterKey,
+        onDelete: () => {
+          resetField(filterKey);
+          submit();
+        }
+      },
+      /* @__PURE__ */ React.createElement("b", null, fieldsMap[filterKey].label?.primary),
+      " ",
+      ": ",
+      getOptionLabelForSelectValue(
+        fieldsMap[filterKey],
+        values[filterKey]
+      )
+    );
+  })), /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      onClick: (e) => {
+        e.preventDefault();
+        reset();
+        submit();
+      },
+      variant: "link"
+    },
+    "\u0395\u03C0\u03B1\u03BD\u03B1\u03C6\u03BF\u03C1\u03AC \u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03CE\u03BD"
+  )));
+};
+var FilterChips_default = FilterChips;
+export {
+  FilterChips,
+  FilterChips_default as default
+};
+//# sourceMappingURL=FilterChips.js.map

package/FilteredResults/FilterChips/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/FilteredResults/FilterChips/index.js"
+}

package/FilteredResults/FilterChips.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const FilterChips: () => React.JSX.Element | null;
+export default FilterChips;

package/FilteredResults/FilterChips.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/FilteredResults/FilterChips.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { useFormContext, useFormValues } from '@digigov/form';\nimport { getOptionLabelForSelectValue } from '@digigov/react-modules/FilteredResults/hooks';\nimport {\n  FilterSelectedHeading,\n  FilterSelectedSection,\n} from '@digigov/ui/app/FilterContainer';\nimport { Chip, ChipContainer } from '@digigov/ui/content/Chip';\nimport { Button } from '@digigov/ui/form/Button';\n\nexport const FilterChips = () => {\n  const { fieldsMap, reset, resetField, submit } = useFormContext();\n  const values = useFormValues();\n  const enabledFilters = Object.keys(values).filter((v) => values[v]);\n  if (enabledFilters.length === 0) return null;\n  return (\n    <FilterSelectedSection m={0} mb={6}>\n      <FilterSelectedHeading mb={0}>\n        <ChipContainer>\n          {enabledFilters.map((filterKey) => {\n            return (\n              <Chip\n                mb={0}\n                key={filterKey}\n                onDelete={() => {\n                  resetField(filterKey);\n                  submit();\n                }}\n              >\n                <b>{fieldsMap[filterKey].label?.primary}</b> {': '}\n                {getOptionLabelForSelectValue(\n                  fieldsMap[filterKey],\n                  values[filterKey]\n                )}\n              </Chip>\n            );\n          })}\n        </ChipContainer>\n        <Button\n          onClick={(e) => {\n            e.preventDefault();\n            reset();\n            submit();\n          }}\n          variant=\"link\"\n        >\n          \u0395\u03C0\u03B1\u03BD\u03B1\u03C6\u03BF\u03C1\u03AC \u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03CE\u03BD\n        </Button>\n      </FilterSelectedHeading>\n    </FilterSelectedSection>\n  );\n};\n\nexport default FilterChips;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,gBAAgB,qBAAqB;AAC9C,SAAS,oCAAoC;AAC7C;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,MAAM,qBAAqB;AACpC,SAAS,cAAc;AAEhB,MAAM,cAAc,MAAM;AAC/B,QAAM,EAAE,WAAW,OAAO,YAAY,OAAO,IAAI,eAAe;AAChE,QAAM,SAAS,cAAc;AAC7B,QAAM,iBAAiB,OAAO,KAAK,MAAM,EAAE,OAAO,CAAC,MAAM,OAAO,CAAC,CAAC;AAClE,MAAI,eAAe,WAAW,EAAG,QAAO;AACxC,SACE,oCAAC,yBAAsB,GAAG,GAAG,IAAI,KAC/B,oCAAC,yBAAsB,IAAI,KACzB,oCAAC,qBACE,eAAe,IAAI,CAAC,cAAc;AACjC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAI;AAAA,QACJ,KAAK;AAAA,QACL,UAAU,MAAM;AACd,qBAAW,SAAS;AACpB,iBAAO;AAAA,QACT;AAAA;AAAA,MAEA,oCAAC,WAAG,UAAU,SAAS,EAAE,OAAO,OAAQ;AAAA,MAAI;AAAA,MAAE;AAAA,MAC7C;AAAA,QACC,UAAU,SAAS;AAAA,QACnB,OAAO,SAAS;AAAA,MAClB;AAAA,IACF;AAAA,EAEJ,CAAC,CACH,GACA;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,CAAC,MAAM;AACd,UAAE,eAAe;AACjB,cAAM;AACN,eAAO;AAAA,MACT;AAAA,MACA,SAAQ;AAAA;AAAA,IACT;AAAA,EAED,CACF,CACF;AAEJ;AAEA,IAAO,sBAAQ;",
+  "names": []
+}

package/FilteredResults/FilterFields/index.js

@@ -0,0 +1,11 @@
+import React from "react";
+import Field from "@digigov/form/Field";
+import { FilterOptionsSection } from "@digigov/ui/app/FilterContainer";
+import { Button } from "@digigov/ui/form/Button";
+const FilterFields = ({ fields, horizontal }) => {
+  return /* @__PURE__ */ React.createElement(FilterOptionsSection, { horizontal }, fields.map((field) => /* @__PURE__ */ React.createElement(Field, { key: field.key, name: field.key })), /* @__PURE__ */ React.createElement(Button, { type: "submit" }, "\u0391\u03BD\u03B1\u03B6\u03AE\u03C4\u03B7\u03C3\u03B7"));
+};
+export {
+  FilterFields
+};
+//# sourceMappingURL=FilterFields.js.map

package/FilteredResults/FilterFields/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/FilteredResults/FilterFields/index.js"
+}

package/FilteredResults/FilterFields.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const FilterFields: ({ fields, horizontal }: {
+    fields: any;
+    horizontal: any;
+}) => React.JSX.Element;

package/FilteredResults/FilterFields.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/FilteredResults/FilterFields.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport Field from '@digigov/form/Field';\nimport { FilterOptionsSection } from '@digigov/ui/app/FilterContainer';\nimport { Button } from '@digigov/ui/form/Button';\n\nexport const FilterFields = ({ fields, horizontal }) => {\n  return (\n    <FilterOptionsSection horizontal={horizontal}>\n      {fields.map((field) => (\n        <Field key={field.key} name={field.key} />\n      ))}\n      <Button type=\"submit\">\u0391\u03BD\u03B1\u03B6\u03AE\u03C4\u03B7\u03C3\u03B7</Button>\n    </FilterOptionsSection>\n  );\n};\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,WAAW;AAClB,SAAS,4BAA4B;AACrC,SAAS,cAAc;AAEhB,MAAM,eAAe,CAAC,EAAE,QAAQ,WAAW,MAAM;AACtD,SACE,oCAAC,wBAAqB,cACnB,OAAO,IAAI,CAAC,UACX,oCAAC,SAAM,KAAK,MAAM,KAAK,MAAM,MAAM,KAAK,CACzC,GACD,oCAAC,UAAO,MAAK,YAAS,wDAAS,CACjC;AAEJ;",
+  "names": []
+}

package/FilteredResults/FilteredResults.stories/index.js

@@ -0,0 +1,12 @@
+import FilteredResults from "@digigov/react-modules/FilteredResults";
+var FilteredResults_stories_default = {
+  title: "Digigov React Modules/FilteredResults",
+  component: FilteredResults,
+  displayName: "FilteredResults"
+};
+import { Default } from "@digigov/react-modules/FilteredResults/__stories__/Default";
+export {
+  Default,
+  FilteredResults_stories_default as default
+};
+//# sourceMappingURL=FilteredResults.stories.js.map

package/FilteredResults/FilteredResults.stories/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/FilteredResults/FilteredResults.stories/index.js"
+}

package/FilteredResults/FilteredResults.stories.d.ts

@@ -0,0 +1,8 @@
+declare namespace _default {
+    export let title: string;
+    export { FilteredResults as component };
+    export let displayName: string;
+}
+export default _default;
+export { Default } from "@digigov/react-modules/FilteredResults/__stories__/Default";
+import FilteredResults from '@digigov/react-modules/FilteredResults';

package/FilteredResults/FilteredResults.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/FilteredResults/FilteredResults.stories.js"],
+  "sourcesContent": ["import FilteredResults from '@digigov/react-modules/FilteredResults';\nexport default {\n  title: 'Digigov React Modules/FilteredResults',\n  component: FilteredResults,\n  displayName: 'FilteredResults',\n};\nexport { Default } from '@digigov/react-modules/FilteredResults/__stories__/Default';\n"],
+  "mappings": "AAAA,OAAO,qBAAqB;AAC5B,IAAO,kCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;",
+  "names": []
+}

package/FilteredResults/__stories__/Default/index.js

@@ -0,0 +1,220 @@
+import React from "react";
+import FilteredResults from "@digigov/react-modules/FilteredResults";
+import { DataTable } from "@digigov/react-modules/FilteredResults/DataTable";
+import {
+  useURLParamsSearch,
+  useStaticSearch
+} from "@digigov/react-modules/FilteredResults/hooks";
+import { CheckIcon, UncheckIcon } from "@digigov/ui/icons";
+import Link from "@digigov/ui/navigation/Link";
+const fields = [
+  {
+    type: "string",
+    key: "text",
+    label: {
+      primary: "\u0391\u03BD\u03B1\u03B6\u03AE\u03C4\u03B7\u03C3\u03B7 \u03BB\u03AD\u03BE\u03B7\u03C2"
+    }
+  },
+  {
+    type: "choice:single",
+    key: "name",
+    label: {
+      primary: "\u038C\u03BD\u03BF\u03BC\u03B1"
+    },
+    extra: {
+      component: "Select",
+      options: [
+        {
+          label: {
+            primary: ""
+          },
+          value: ""
+        },
+        {
+          label: {
+            primary: "\u039A\u03B1\u03BB\u03BB\u03B9\u03CC\u03C0\u03B7 \u03A0\u03B1\u03C0\u03B1\u03B4\u03BF\u03C0\u03BF\u03CD\u03BB\u03BF\u03C5"
+          },
+          value: "Kalliopi Papadopoulou"
+        },
+        {
+          label: {
+            primary: "\u039C\u03AC\u03C1\u03B9\u03BF\u03C2 \u039C\u03B5\u03BD\u03B5\u03BE\u03AD\u03C2"
+          },
+          value: "Marios Menekses"
+        },
+        {
+          label: {
+            primary: "\u039C\u03B1\u03C1\u03AF\u03B1 \u03A6\u03BB\u03BF\u03CD\u03C0\u03B7"
+          },
+          value: "Maria Floupi"
+        },
+        {
+          label: {
+            primary: "\u0397\u03BB\u03AD\u03BA\u03C4\u03C1\u03B1 \u0391\u03C0\u03BF\u03C3\u03C4\u03CC\u03BB\u03BF\u03C5"
+          },
+          value: "Ilektra Apostolou"
+        }
+      ]
+    }
+  },
+  {
+    type: "choice:single",
+    key: "role",
+    label: {
+      primary: "\u03A1\u03CC\u03BB\u03BF\u03C2"
+    },
+    extra: {
+      component: "Select",
+      options: [
+        {
+          label: {
+            primary: ""
+          },
+          value: ""
+        },
+        {
+          label: {
+            primary: "\u0394\u03B9\u03B1\u03C7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2"
+          },
+          value: "admin"
+        },
+        {
+          label: {
+            primary: "\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2"
+          },
+          value: "user"
+        }
+      ]
+    }
+  },
+  {
+    type: "choice:single",
+    key: "rights",
+    label: {
+      primary: "\u0394\u03B9\u03BA\u03B1\u03B9\u03CE\u03BC\u03B1\u03C4\u03B1"
+    },
+    extra: {
+      component: "Select",
+      options: [
+        {
+          label: {
+            primary: ""
+          },
+          value: ""
+        },
+        {
+          label: {
+            primary: "\u039D\u03B1\u03B9"
+          },
+          value: true
+        },
+        {
+          label: {
+            primary: "\u038C\u03C7\u03B9"
+          },
+          value: false
+        }
+      ]
+    }
+  }
+];
+const displayLink = (value) => {
+  return /* @__PURE__ */ React.createElement(Link, { href: `#/${value}` }, value);
+};
+const displayRights = (value) => {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, value ? /* @__PURE__ */ React.createElement(CheckIcon, null) : /* @__PURE__ */ React.createElement(UncheckIcon, null));
+};
+const data = [
+  {
+    name: "\u039C\u03AC\u03C1\u03B9\u03BF\u03C2 \u039C\u03B5\u03BD\u03B5\u03BE\u03AD\u03C2",
+    case_id: 123,
+    role: "\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2",
+    email: "marios@mail.com",
+    rights: false
+  },
+  {
+    name: "\u039A\u03B1\u03BB\u03BB\u03B9\u03CC\u03C0\u03B7 \u03A0\u03B1\u03C0\u03B1\u03B4\u03BF\u03C0\u03BF\u03CD\u03BB\u03BF\u03C5",
+    case_id: 124,
+    role: "\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2",
+    email: "kalliopi@mail.com",
+    rights: false
+  },
+  {
+    name: "\u039C\u03B1\u03C1\u03AF\u03B1 \u03A6\u03BB\u03BF\u03CD\u03C0\u03B7",
+    case_id: 125,
+    role: "\u0394\u03B9\u03B1\u03C7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2",
+    email: "maria@mail.com",
+    rights: true
+  },
+  {
+    name: "\u0397\u03BB\u03AD\u03BA\u03C4\u03C1\u03B1 \u0391\u03C0\u03BF\u03C3\u03C4\u03CC\u03BB\u03BF\u03C5",
+    case_id: 126,
+    role: "\u0394\u03B9\u03B1\u03C7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2",
+    email: "ilektra@mail.com",
+    rights: true
+  }
+];
+const dataConfig = [
+  {
+    key: "name",
+    title: "\u038C\u03BD\u03BF\u03BC\u03B1"
+  },
+  {
+    key: "case_id",
+    title: "\u0391\u03C1. \u03A5\u03C0\u03CC\u03B8\u03B5\u03C3\u03B7\u03C2",
+    displayComponent: displayLink
+  },
+  {
+    key: "role",
+    title: "\u03A1\u03CC\u03BB\u03BF\u03C2"
+  },
+  {
+    key: "email",
+    title: "Email"
+  },
+  {
+    key: "rights",
+    title: "\u0394\u03B9\u03BA\u03B1\u03B9\u03CE\u03BC\u03B1\u03C4\u03B1",
+    displayComponent: displayRights
+  }
+];
+const initialFilters = {
+  name: "",
+  case_id: "",
+  role: "",
+  text: "",
+  rights: ""
+};
+const Default = () => {
+  const { search, results } = useStaticSearch({
+    fields,
+    data,
+    initialFilters
+  });
+  const navigate = (url) => {
+    if (window.history.pushState) {
+      const newUrl = window.location.protocol + "//" + window.location.host + window.location.pathname + url;
+      window.history.pushState({ path: newUrl }, "", newUrl);
+    }
+  };
+  const { search: urlSearch, values } = useURLParamsSearch(search, {
+    navigate,
+    fields
+  });
+  return /* @__PURE__ */ React.createElement(
+    FilteredResults,
+    {
+      data: results,
+      variant: "block",
+      currentFilters: values,
+      defaultFilters: initialFilters,
+      fields,
+      onSearch: urlSearch
+    },
+    /* @__PURE__ */ React.createElement(DataTable, { dataConfig, data: results })
+  );
+};
+export {
+  Default
+};
+//# sourceMappingURL=Default.js.map

package/FilteredResults/__stories__/Default/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../cjs/FilteredResults/__stories__/Default/index.js"
+}

package/FilteredResults/__stories__/Default.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Default: () => React.JSX.Element;

package/FilteredResults/__stories__/Default.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/FilteredResults/__stories__/Default.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { FieldSpec } from '@digigov/form/types';\nimport FilteredResults, {\n  DataConfigType,\n} from '@digigov/react-modules/FilteredResults';\nimport { DataTable } from '@digigov/react-modules/FilteredResults/DataTable';\nimport {\n  useURLParamsSearch,\n  useStaticSearch,\n} from '@digigov/react-modules/FilteredResults/hooks';\nimport { CheckIcon, UncheckIcon } from '@digigov/ui/icons';\nimport Link from '@digigov/ui/navigation/Link';\n\nconst fields: FieldSpec[] = [\n  {\n    type: 'string',\n    key: 'text',\n    label: {\n      primary: '\u0391\u03BD\u03B1\u03B6\u03AE\u03C4\u03B7\u03C3\u03B7 \u03BB\u03AD\u03BE\u03B7\u03C2',\n    },\n  },\n  {\n    type: 'choice:single',\n    key: 'name',\n    label: {\n      primary: '\u038C\u03BD\u03BF\u03BC\u03B1',\n    },\n    extra: {\n      component: 'Select',\n      options: [\n        {\n          label: {\n            primary: '',\n          },\n          value: '',\n        },\n        {\n          label: {\n            primary: '\u039A\u03B1\u03BB\u03BB\u03B9\u03CC\u03C0\u03B7 \u03A0\u03B1\u03C0\u03B1\u03B4\u03BF\u03C0\u03BF\u03CD\u03BB\u03BF\u03C5',\n          },\n          value: 'Kalliopi Papadopoulou',\n        },\n        {\n          label: {\n            primary: '\u039C\u03AC\u03C1\u03B9\u03BF\u03C2 \u039C\u03B5\u03BD\u03B5\u03BE\u03AD\u03C2',\n          },\n          value: 'Marios Menekses',\n        },\n        {\n          label: {\n            primary: '\u039C\u03B1\u03C1\u03AF\u03B1 \u03A6\u03BB\u03BF\u03CD\u03C0\u03B7',\n          },\n          value: 'Maria Floupi',\n        },\n        {\n          label: {\n            primary: '\u0397\u03BB\u03AD\u03BA\u03C4\u03C1\u03B1 \u0391\u03C0\u03BF\u03C3\u03C4\u03CC\u03BB\u03BF\u03C5',\n          },\n          value: 'Ilektra Apostolou',\n        },\n      ],\n    },\n  },\n  {\n    type: 'choice:single',\n    key: 'role',\n    label: {\n      primary: '\u03A1\u03CC\u03BB\u03BF\u03C2',\n    },\n    extra: {\n      component: 'Select',\n      options: [\n        {\n          label: {\n            primary: '',\n          },\n          value: '',\n        },\n        {\n          label: {\n            primary: '\u0394\u03B9\u03B1\u03C7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n          },\n          value: 'admin',\n        },\n        {\n          label: {\n            primary: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n          },\n          value: 'user',\n        },\n      ],\n    },\n  },\n  {\n    type: 'choice:single',\n    key: 'rights',\n    label: {\n      primary: '\u0394\u03B9\u03BA\u03B1\u03B9\u03CE\u03BC\u03B1\u03C4\u03B1',\n    },\n    extra: {\n      component: 'Select',\n      options: [\n        {\n          label: {\n            primary: '',\n          },\n          value: '',\n        },\n        {\n          label: {\n            primary: '\u039D\u03B1\u03B9',\n          },\n          value: true,\n        },\n        {\n          label: {\n            primary: '\u038C\u03C7\u03B9',\n          },\n          value: false,\n        },\n      ],\n    },\n  },\n];\n\nconst displayLink = (value) => {\n  return <Link href={`#/${value}`}>{value}</Link>;\n};\nconst displayRights = (value) => {\n  return <>{value ? <CheckIcon /> : <UncheckIcon />}</>;\n};\n\ntype DataType = {\n  name: string;\n  case_id: number;\n  role: string;\n  email: string;\n  rights: boolean;\n};\n\nconst data: DataType[] = [\n  {\n    name: '\u039C\u03AC\u03C1\u03B9\u03BF\u03C2 \u039C\u03B5\u03BD\u03B5\u03BE\u03AD\u03C2',\n    case_id: 123,\n    role: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n    email: 'marios@mail.com',\n    rights: false,\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    case_id: 124,\n    role: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n    email: 'kalliopi@mail.com',\n    rights: false,\n  },\n  {\n    name: '\u039C\u03B1\u03C1\u03AF\u03B1 \u03A6\u03BB\u03BF\u03CD\u03C0\u03B7',\n    case_id: 125,\n    role: '\u0394\u03B9\u03B1\u03C7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n    email: 'maria@mail.com',\n    rights: true,\n  },\n  {\n    name: '\u0397\u03BB\u03AD\u03BA\u03C4\u03C1\u03B1 \u0391\u03C0\u03BF\u03C3\u03C4\u03CC\u03BB\u03BF\u03C5',\n    case_id: 126,\n    role: '\u0394\u03B9\u03B1\u03C7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n    email: 'ilektra@mail.com',\n    rights: true,\n  },\n];\n\nconst dataConfig: DataConfigType[] = [\n  {\n    key: 'name',\n    title: '\u038C\u03BD\u03BF\u03BC\u03B1',\n  },\n  {\n    key: 'case_id',\n    title: '\u0391\u03C1. \u03A5\u03C0\u03CC\u03B8\u03B5\u03C3\u03B7\u03C2',\n    displayComponent: displayLink,\n  },\n  {\n    key: 'role',\n    title: '\u03A1\u03CC\u03BB\u03BF\u03C2',\n  },\n  {\n    key: 'email',\n    title: 'Email',\n  },\n  {\n    key: 'rights',\n    title: '\u0394\u03B9\u03BA\u03B1\u03B9\u03CE\u03BC\u03B1\u03C4\u03B1',\n    displayComponent: displayRights,\n  },\n];\n\ntype InitialFiltersType = {\n  [K in (typeof dataConfig)[number]['key']]: string;\n};\n\nconst initialFilters: InitialFiltersType = {\n  name: '',\n  case_id: '',\n  role: '',\n  text: '',\n  rights: '',\n};\n\nexport const Default = () => {\n  const { search, results } = useStaticSearch<DataType, InitialFiltersType>({\n    fields,\n    data,\n    initialFilters,\n  });\n  const navigate = (url) => {\n    if (window.history.pushState) {\n      const newUrl =\n        window.location.protocol +\n        '//' +\n        window.location.host +\n        window.location.pathname +\n        url;\n      window.history.pushState({ path: newUrl }, '', newUrl);\n    }\n  };\n  const { search: urlSearch, values } = useURLParamsSearch(search, {\n    navigate,\n    fields,\n  });\n\n  return (\n    <FilteredResults\n      data={results}\n      variant=\"block\"\n      currentFilters={values}\n      defaultFilters={initialFilters}\n      fields={fields}\n      onSearch={urlSearch}\n    >\n      <DataTable dataConfig={dataConfig} data={results} />\n    </FilteredResults>\n  );\n};\n"],
+  "mappings": "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",
+  "names": []
+}

package/FilteredResults/hooks/index.js

@@ -0,0 +1,105 @@
+import { useState, useEffect, useMemo } from "react";
+function isBooleanString(str) {
+  return /^(true|false)$/i.test(str);
+}
+function normalizeText(text) {
+  return text.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
+}
+const getOptionLabelForSelectValue = (field, value) => {
+  if (field.extra?.options) {
+    const matchedOption = field.extra.options.find(
+      (option) => option.value.toString() === value?.toString()
+    );
+    if (matchedOption) {
+      return matchedOption.label.primary;
+    }
+  }
+  return value;
+};
+const useURLParamsSearch = (searchFunc, { navigate, fields }) => {
+  const urlParams = new URLSearchParams(window.location.search);
+  const currentParams = Object.fromEntries(urlParams.entries());
+  const values = fields.reduce((newValues, field) => {
+    if (currentParams[field.key]) {
+      newValues[field.key] = currentParams[field.key];
+    }
+    return newValues;
+  }, {});
+  const search = (params) => {
+    navigate(
+      "?" + new URLSearchParams(
+        // @ts-ignore
+        Object.entries({ ...currentParams, ...params }).filter(
+          ([_, value]) => !!value
+        )
+      ).toString()
+    );
+    return searchFunc(params);
+  };
+  return { search, values };
+};
+function useStaticSearch({ fields, data, initialFilters }) {
+  const [results, setResults] = useState(data);
+  useEffect(() => {
+    search(initialFilters);
+  }, [initialFilters]);
+  const search = (filters) => {
+    if (!filters || Object.keys(filters).every((key) => filters[key] === "")) {
+      setResults(data);
+      return;
+    }
+    const newResults = data.filter((row) => {
+      const filterKeys = Object.keys(filters);
+      const enabledFilters = filterKeys.filter(
+        (filterKey) => filters[filterKey]?.toString() && row[filterKey]?.toString()
+      );
+      const freeTextFilters = filterKeys.filter(
+        (filterKey) => filters[filterKey]?.toString() && !row[filterKey]?.toString()
+      );
+      let filtersMatchingValue = false;
+      if (enabledFilters.length > 0) {
+        filtersMatchingValue = enabledFilters.every((filterKey) => {
+          if (filters[filterKey]?.toString() !== row[filterKey]?.toString()) {
+            const field = fields.find((f) => f.key === filterKey);
+            const optionsObj = field?.extra?.options.find(
+              (option) => option?.label?.primary === row[filterKey]
+            );
+            return optionsObj?.value.toString() === filters[filterKey]?.toString();
+          }
+          filtersMatchingValue = true;
+          return filtersMatchingValue;
+        });
+        if (!filtersMatchingValue) {
+          return false;
+        }
+      }
+      if (freeTextFilters.length > 0) {
+        return freeTextFilters.every((filterKey) => {
+          return Object.values(row).some((value) => {
+            if (typeof value !== "string") {
+              return false;
+            }
+            const normalizedItemValue = normalizeText(
+              value.toString().toLowerCase()
+            );
+            const normalizedFilterValue = normalizeText(
+              filters[filterKey]?.toString().toLowerCase().trim() || ""
+            );
+            return normalizedItemValue.includes(normalizedFilterValue);
+          });
+        });
+      }
+      return filtersMatchingValue;
+    });
+    setResults(newResults);
+  };
+  return useMemo(() => ({ search, results }), [search, results]);
+}
+export {
+  getOptionLabelForSelectValue,
+  isBooleanString,
+  normalizeText,
+  useStaticSearch,
+  useURLParamsSearch
+};
+//# sourceMappingURL=hooks.js.map

package/FilteredResults/hooks/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/FilteredResults/hooks/index.js"
+}

package/FilteredResults/hooks.d.ts

@@ -0,0 +1,22 @@
+import { FieldSpec } from '@digigov/form/types';
+import { ScalarType } from '@digigov/react-modules/FilteredResults';
+export declare function isBooleanString(str: string): boolean;
+export declare function normalizeText(text: string): string;
+export declare const getOptionLabelForSelectValue: (field: any, value: any) => any;
+export declare const useURLParamsSearch: (searchFunc: any, { navigate, fields }: {
+    navigate: any;
+    fields: any;
+}) => {
+    search: (params: any) => any;
+    values: any;
+};
+interface UseStaticSearchProps<DT extends Record<string, ScalarType>, FT extends Record<string, ScalarType>> {
+    fields: FieldSpec[];
+    data: DT[];
+    initialFilters: FT;
+}
+export declare function useStaticSearch<DT extends Record<string, ScalarType>, FT extends Record<string, ScalarType>>({ fields, data, initialFilters }: UseStaticSearchProps<DT, FT>): {
+    search: (filters: FT) => void;
+    results: DT[];
+};
+export {};

package/FilteredResults/hooks.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/FilteredResults/hooks.ts"],
+  "sourcesContent": ["import { useState, useEffect, useMemo } from 'react';\nimport { FieldSpec } from '@digigov/form/types';\nimport { ScalarType } from '@digigov/react-modules/FilteredResults';\n\nexport function isBooleanString(str: string): boolean {\n  return /^(true|false)$/i.test(str);\n}\n\nexport function normalizeText(text: string): string {\n  return text.normalize('NFD').replace(/[\\u0300-\\u036f]/g, '');\n}\n\nexport const getOptionLabelForSelectValue = (field, value) => {\n  if (field.extra?.options) {\n    const matchedOption = field.extra.options.find(\n      (option) => option.value.toString() === value?.toString()\n    );\n    if (matchedOption) {\n      return matchedOption.label.primary;\n    }\n  }\n  return value;\n};\n\nexport const useURLParamsSearch = (searchFunc, { navigate, fields }) => {\n  const urlParams = new URLSearchParams(window.location.search);\n  const currentParams = Object.fromEntries(urlParams.entries());\n  const values = fields.reduce((newValues, field) => {\n    if (currentParams[field.key]) {\n      newValues[field.key] = currentParams[field.key];\n    }\n    return newValues;\n  }, {});\n\n  const search = (params) => {\n    navigate(\n      '?' +\n        new URLSearchParams(\n          // @ts-ignore\n          Object.entries({ ...currentParams, ...params }).filter(\n            ([_, value]) => !!value\n          )\n        ).toString()\n    );\n    return searchFunc(params);\n  };\n  return { search, values };\n};\n\ninterface UseStaticSearchProps<\n  DT extends Record<string, ScalarType>,\n  FT extends Record<string, ScalarType>,\n> {\n  fields: FieldSpec[];\n  data: DT[];\n  initialFilters: FT;\n}\n\nexport function useStaticSearch<\n  DT extends Record<string, ScalarType>,\n  FT extends Record<string, ScalarType>,\n>({ fields, data, initialFilters }: UseStaticSearchProps<DT, FT>) {\n  const [results, setResults] = useState<DT[]>(data);\n\n  useEffect(() => {\n    search(initialFilters);\n  }, [initialFilters]);\n\n  const search = (filters: FT) => {\n    if (!filters || Object.keys(filters).every((key) => filters[key] === '')) {\n      setResults(data);\n      return;\n    }\n\n    const newResults = data.filter((row) => {\n      const filterKeys = Object.keys(filters);\n      const enabledFilters = filterKeys.filter(\n        (filterKey) =>\n          filters[filterKey]?.toString() && row[filterKey]?.toString()\n      );\n      const freeTextFilters = filterKeys.filter(\n        (filterKey) =>\n          filters[filterKey]?.toString() && !row[filterKey]?.toString()\n      );\n      let filtersMatchingValue = false;\n\n      // Filter the fields that exists as columns in table\n      if (enabledFilters.length > 0) {\n        filtersMatchingValue = enabledFilters.every((filterKey) => {\n          if (filters[filterKey]?.toString() !== row[filterKey]?.toString()) {\n            const field = fields.find((f) => f.key === filterKey);\n            const optionsObj = field?.extra?.options.find(\n              (option) => option?.label?.primary === row[filterKey]\n            );\n            return (\n              optionsObj?.value.toString() === filters[filterKey]?.toString()\n            );\n          }\n          filtersMatchingValue = true;\n          return filtersMatchingValue;\n        });\n        if (!filtersMatchingValue) {\n          return false;\n        }\n      }\n      // Filter the free text fields (doesn't exist as columns)\n      if (freeTextFilters.length > 0) {\n        return freeTextFilters.every((filterKey) => {\n          return Object.values(row).some((value) => {\n            if (typeof value !== 'string') {\n              return false;\n            }\n            const normalizedItemValue = normalizeText(\n              value.toString().toLowerCase()\n            );\n\n            const normalizedFilterValue = normalizeText(\n              filters[filterKey]?.toString().toLowerCase().trim() || ''\n            );\n            return normalizedItemValue.includes(normalizedFilterValue);\n          });\n        });\n      }\n      return filtersMatchingValue;\n    });\n\n    setResults(newResults);\n  };\n\n  return useMemo(() => ({ search, results }), [search, results]);\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/FilteredResults/index.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { FieldSpec } from '@digigov/form/types';
+export type ScalarType = string | number | boolean | null | undefined;
+export interface DataConfigType {
+    key: string;
+    title: string;
+    displayComponent?: (value: string | number | boolean) => React.ReactNode;
+}
+export interface FilteredResultsProps<DT extends Record<string, ScalarType>, FT extends Record<string, ScalarType>> {
+    fields: FieldSpec[];
+    data: DT[];
+    variant?: 'drawer-left' | 'drawer-right' | 'block';
+    defaultFilters?: FT;
+    currentFilters?: FT;
+    onSearch: (filters: unknown) => void;
+    children?: React.ReactNode;
+}
+export declare const FormBuilderSyncValues: ({ values, autoSubmit }: {
+    values: any;
+    autoSubmit: any;
+}) => React.JSX.Element;
+export declare const DrawerFilteredResults: React.ForwardRefExoticComponent<React.RefAttributes<HTMLDivElement>>;
+export declare const BlockFilteredResults: React.ForwardRefExoticComponent<React.RefAttributes<HTMLDivElement>>;
+export declare const FilteredResults: React.ForwardRefExoticComponent<FilteredResultsProps<Record<string, ScalarType>, Record<string, ScalarType>> & React.RefAttributes<HTMLFormElement>>;
+export default FilteredResults;