@digigov/react-modules 1.1.4

package/FilteredResults/index.js

@@ -0,0 +1,122 @@
+import React, { useContext, useEffect } from "react";
+import FormBuilder from "@digigov/form/FormBuilder";
+import { FormContext } from "@digigov/form/FormContext";
+import { FilterChips } from "@digigov/react-modules/FilteredResults/FilterChips";
+import { FilterFields } from "@digigov/react-modules/FilteredResults/FilterFields";
+import CloseButton from "@digigov/ui/app/CloseButton";
+import FilterContainer, {
+  FilterContent,
+  FilterHeadingContainer
+} from "@digigov/ui/app/FilterContainer";
+import { Button } from "@digigov/ui/form/Button";
+import { Grid } from "@digigov/ui/layouts/Grid";
+import { Hidden } from "@digigov/ui/layouts/Hidden";
+import { SectionBreak } from "@digigov/ui/layouts/SectionBreak";
+import { Drawer, DrawerHeading } from "@digigov/ui/navigation/Drawer";
+import { useDrawer } from "@digigov/ui/navigation/Drawer/hooks";
+import { Heading } from "@digigov/ui/typography/Heading";
+const FormBuilderSyncValues = ({ values, autoSubmit }) => {
+  const form = useContext(FormContext);
+  const previousValues = form.getValues();
+  useEffect(() => {
+    const mergedObject = { ...values, ...previousValues };
+    let shouldSubmit = false;
+    for (const key in mergedObject) {
+      if (values[key] !== void 0 && previousValues[key] !== values[key]) {
+        shouldSubmit = true;
+        previousValues[key] = values[key];
+        form.setValue(key, values[key]);
+      }
+    }
+    if (autoSubmit && shouldSubmit) {
+      form.submit();
+    }
+  }, [values]);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null);
+};
+const DrawerFilteredResults = React.forwardRef(
+  function DrawerFilteredResults2({ fields, direction = "left", ...props }, ref) {
+    const { registerDrawer, registerAction, currentOpen } = useDrawer();
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, currentOpen && /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, md: 12, lg: 4, ref }, /* @__PURE__ */ React.createElement(
+      Drawer,
+      {
+        ...registerDrawer("filters-drawer", {
+          upRelative: "lg",
+          direction
+        })
+      },
+      /* @__PURE__ */ React.createElement(DrawerHeading, { ...registerAction("filters-drawer", "close") }, /* @__PURE__ */ React.createElement(Heading, { size: "md" }, "\u03A6\u03AF\u03BB\u03C4\u03C1\u03B1")),
+      /* @__PURE__ */ React.createElement(FilterContent, null, /* @__PURE__ */ React.createElement(FilterFields, { fields, horizontal: false }))
+    )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, md: 12, lg: currentOpen ? 8 : 12 }, /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        mb: 4,
+        ...registerAction(
+          "filters-drawer",
+          currentOpen === "filters-drawer" ? "close" : "open"
+        ),
+        color: "secondary"
+      },
+      "\u03A6\u03AF\u03BB\u03C4\u03C1\u03B1"
+    ), /* @__PURE__ */ React.createElement(FilterChips, null), props.children));
+  }
+);
+const BlockFilteredResults = React.forwardRef(
+  function BlockFilteredResults2({ fields, ...props }, ref) {
+    const [open, setOpen] = React.useState(true);
+    return /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, ref }, /* @__PURE__ */ React.createElement(FilterContainer, { open }, /* @__PURE__ */ React.createElement(FilterHeadingContainer, null, /* @__PURE__ */ React.createElement(Hidden, { mdUp: true }, /* @__PURE__ */ React.createElement(CloseButton, { onClick: () => setOpen(false) }, "\u039A\u03BB\u03B5\u03AF\u03C3\u03B9\u03BC\u03BF")), /* @__PURE__ */ React.createElement(Heading, { size: "md" }, "\u03A6\u03AF\u03BB\u03C4\u03C1\u03B1")), /* @__PURE__ */ React.createElement(FilterContent, null, /* @__PURE__ */ React.createElement(FilterChips, null), /* @__PURE__ */ React.createElement(FilterFields, { fields, horizontal: true }))), /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        color: "secondary",
+        mdUpHidden: true,
+        mb: 4,
+        onClick: () => setOpen(true)
+      },
+      "\u03A6\u03AF\u03BB\u03C4\u03C1\u03B1"
+    ), /* @__PURE__ */ React.createElement(SectionBreak, { size: "md", visible: false }), props.children);
+  }
+);
+const FilteredResults = React.forwardRef(function FilteredResults2({
+  fields,
+  onSearch,
+  variant = "block",
+  defaultFilters,
+  currentFilters,
+  children
+}, ref) {
+  const isDrawer = variant.startsWith("drawer-");
+  return /* @__PURE__ */ React.createElement(
+    FormBuilder,
+    {
+      onSubmit: onSearch,
+      initial: defaultFilters,
+      fields,
+      grid: true,
+      ref
+    },
+    currentFilters && /* @__PURE__ */ React.createElement(FormBuilderSyncValues, { values: currentFilters, autoSubmit: true }),
+    isDrawer ? (
+      // @ts-ignore
+      /* @__PURE__ */ React.createElement(
+        DrawerFilteredResults,
+        {
+          fields,
+          direction: variant.split("-")[1]
+        },
+        children
+      )
+    ) : (
+      // @ts-ignore
+      /* @__PURE__ */ React.createElement(BlockFilteredResults, { fields }, children)
+    )
+  );
+});
+var FilteredResults_default = FilteredResults;
+export {
+  BlockFilteredResults,
+  DrawerFilteredResults,
+  FilteredResults,
+  FormBuilderSyncValues,
+  FilteredResults_default as default
+};
+//# sourceMappingURL=index.js.map

package/FilteredResults/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/FilteredResults/index.tsx"],
+  "sourcesContent": ["import React, { useContext, useEffect } from 'react';\nimport FormBuilder from '@digigov/form/FormBuilder';\nimport { FormContext } from '@digigov/form/FormContext';\nimport { FieldSpec } from '@digigov/form/types';\nimport { FilterChips } from '@digigov/react-modules/FilteredResults/FilterChips';\nimport { FilterFields } from '@digigov/react-modules/FilteredResults/FilterFields';\nimport CloseButton from '@digigov/ui/app/CloseButton';\nimport FilterContainer, {\n  FilterContent,\n  FilterHeadingContainer,\n} from '@digigov/ui/app/FilterContainer';\nimport { Button } from '@digigov/ui/form/Button';\nimport { Grid } from '@digigov/ui/layouts/Grid';\nimport { Hidden } from '@digigov/ui/layouts/Hidden';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport { Drawer, DrawerHeading } from '@digigov/ui/navigation/Drawer';\nimport { useDrawer } from '@digigov/ui/navigation/Drawer/hooks';\nimport { Heading } from '@digigov/ui/typography/Heading';\n\nexport type ScalarType = string | number | boolean | null | undefined;\n\nexport interface DataConfigType {\n  key: string;\n  title: string;\n  displayComponent?: (value: string | number | boolean) => React.ReactNode;\n}\nexport interface FilteredResultsProps<\n  DT extends Record<string, ScalarType>,\n  FT extends Record<string, ScalarType>,\n> {\n  fields: FieldSpec[];\n  data: DT[];\n  variant?: 'drawer-left' | 'drawer-right' | 'block';\n  defaultFilters?: FT;\n  currentFilters?: FT;\n  onSearch: (filters: unknown) => void;\n  children?: React.ReactNode;\n}\n\nexport const FormBuilderSyncValues = ({ values, autoSubmit }) => {\n  const form = useContext(FormContext);\n  const previousValues = form.getValues();\n  useEffect(() => {\n    const mergedObject = { ...values, ...previousValues };\n    let shouldSubmit = false;\n    for (const key in mergedObject) {\n      // catching the filters that have been parsed from url & avoid continuous submitting\n      if (values[key] !== undefined && previousValues[key] !== values[key]) {\n        shouldSubmit = true;\n        previousValues[key] = values[key];\n        form.setValue(key, values[key]);\n      }\n    }\n    if (autoSubmit && shouldSubmit) {\n      form.submit();\n    }\n  }, [values]);\n  return <></>;\n};\n\nexport const DrawerFilteredResults = React.forwardRef<HTMLDivElement, unknown>(\n  function DrawerFilteredResults(\n    { fields, direction = 'left', ...props },\n    ref\n  ) {\n    const { registerDrawer, registerAction, currentOpen } = useDrawer();\n\n    return (\n      <>\n        {currentOpen && (\n          <Grid item xs={12} md={12} lg={4} ref={ref}>\n            <Drawer\n              {...registerDrawer('filters-drawer', {\n                upRelative: 'lg',\n                direction,\n              })}\n            >\n              <DrawerHeading {...registerAction('filters-drawer', 'close')}>\n                <Heading size=\"md\">\u03A6\u03AF\u03BB\u03C4\u03C1\u03B1</Heading>\n              </DrawerHeading>\n              <FilterContent>\n                <FilterFields fields={fields} horizontal={false} />\n              </FilterContent>\n            </Drawer>\n          </Grid>\n        )}\n        <Grid item xs={12} md={12} lg={currentOpen ? 8 : 12}>\n          <Button\n            mb={4}\n            {...registerAction(\n              'filters-drawer',\n              currentOpen === 'filters-drawer' ? 'close' : 'open'\n            )}\n            color=\"secondary\"\n          >\n            \u03A6\u03AF\u03BB\u03C4\u03C1\u03B1\n          </Button>\n          <FilterChips />\n          {props.children}\n        </Grid>\n      </>\n    );\n  }\n);\n\nexport const BlockFilteredResults = React.forwardRef<HTMLDivElement, unknown>(\n  function BlockFilteredResults({ fields, ...props }, ref) {\n    const [open, setOpen] = React.useState(true);\n    return (\n      <Grid item xs={12} ref={ref}>\n        <FilterContainer open={open}>\n          <FilterHeadingContainer>\n            <Hidden mdUp>\n              <CloseButton onClick={() => setOpen(false)}>\u039A\u03BB\u03B5\u03AF\u03C3\u03B9\u03BC\u03BF</CloseButton>\n            </Hidden>\n            <Heading size=\"md\">\u03A6\u03AF\u03BB\u03C4\u03C1\u03B1</Heading>\n          </FilterHeadingContainer>\n          <FilterContent>\n            <FilterChips />\n            <FilterFields fields={fields} horizontal={true} />\n          </FilterContent>\n        </FilterContainer>\n        <Button\n          color=\"secondary\"\n          mdUpHidden\n          mb={4}\n          onClick={() => setOpen(true)}\n        >\n          \u03A6\u03AF\u03BB\u03C4\u03C1\u03B1\n        </Button>\n        <SectionBreak size=\"md\" visible={false} />\n        {props.children}\n      </Grid>\n    );\n  }\n);\n\nexport const FilteredResults = React.forwardRef<\n  HTMLFormElement,\n  FilteredResultsProps<Record<string, ScalarType>, Record<string, ScalarType>>\n>(function FilteredResults(\n  {\n    fields,\n    onSearch,\n    variant = 'block',\n    defaultFilters,\n    currentFilters,\n    children,\n  },\n  ref\n) {\n  const isDrawer = variant.startsWith('drawer-');\n  return (\n    <FormBuilder\n      onSubmit={onSearch}\n      initial={defaultFilters}\n      fields={fields}\n      grid\n      ref={ref}\n    >\n      {currentFilters && (\n        <FormBuilderSyncValues values={currentFilters} autoSubmit={true} />\n      )}\n      {isDrawer ? (\n        // @ts-ignore\n        <DrawerFilteredResults\n          fields={fields}\n          direction={variant.split('-')[1]}\n        >\n          {children}\n        </DrawerFilteredResults>\n      ) : (\n        // @ts-ignore\n        <BlockFilteredResults fields={fields}>{children}</BlockFilteredResults>\n      )}\n    </FormBuilder>\n  );\n});\n\nexport default FilteredResults;\n"],
+  "mappings": "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",
+  "names": ["DrawerFilteredResults", "BlockFilteredResults", "FilteredResults"]
+}

package/FilteredResults/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/FilteredResults/package.json

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

package/ReactModules.stories/index.js

@@ -0,0 +1,7 @@
+var ReactModules_stories_default = {
+  title: "Digigov React Modules"
+};
+export {
+  ReactModules_stories_default as default
+};
+//# sourceMappingURL=ReactModules.stories.js.map

package/ReactModules.stories/package.json

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

package/ReactModules.stories.d.ts

@@ -0,0 +1,4 @@
+declare namespace _default {
+    let title: string;
+}
+export default _default;

package/ReactModules.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/ReactModules.stories.js"],
+  "sourcesContent": ["export default {\n  title: 'Digigov React Modules',\n};\n"],
+  "mappings": "AAAA,IAAO,+BAAQ;AAAA,EACb,OAAO;AACT;",
+  "names": []
+}

package/cjs/FilteredResults/DataTable/index.js

@@ -0,0 +1,42 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DataTable_exports = {};
+__export(DataTable_exports, {
+  DataTable: () => DataTable
+});
+module.exports = __toCommonJS(DataTable_exports);
+var import_react = __toESM(require("react"));
+var import_Table = require("@digigov/ui/content/Table");
+function DataTable({ dataConfig, data }) {
+  return /* @__PURE__ */ import_react.default.createElement(import_Table.TableContainer, null, /* @__PURE__ */ import_react.default.createElement(import_Table.Table, null, /* @__PURE__ */ import_react.default.createElement(import_Table.TableHead, null, /* @__PURE__ */ import_react.default.createElement(import_Table.TableRow, null, dataConfig.map((itenConfig) => /* @__PURE__ */ import_react.default.createElement(import_Table.TableHeadCell, { key: itenConfig.key }, itenConfig.title)))), /* @__PURE__ */ import_react.default.createElement(import_Table.TableBody, null, data.length > 0 ? data.map((item, index) => /* @__PURE__ */ import_react.default.createElement(import_Table.TableRow, { key: index }, dataConfig.map((itemConfig, idx) => /* @__PURE__ */ import_react.default.createElement(import_Table.TableDataCell, { key: idx }, itemConfig.displayComponent ? itemConfig.displayComponent(item[itemConfig.key]) : item[itemConfig.key])))) : /* @__PURE__ */ import_react.default.createElement(import_Table.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"))));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DataTable
+});
+//# sourceMappingURL=DataTable.js.map

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,mBASO;AAEA,SAAS,UAAU,EAAE,YAAY,KAAK,GAAG;AAC9C,SACE,6BAAAA,QAAA,cAAC,mCACC,6BAAAA,QAAA,cAAC,0BACC,6BAAAA,QAAA,cAAC,8BACC,6BAAAA,QAAA,cAAC,6BACE,WAAW,IAAI,CAAC,eACf,6BAAAA,QAAA,cAAC,8BAAc,KAAK,WAAW,OAC5B,WAAW,KACd,CACD,CACH,CACF,GACA,6BAAAA,QAAA,cAAC,8BACE,KAAK,SAAS,IACb,KAAK,IAAI,CAAC,MAAM,UACd,6BAAAA,QAAA,cAAC,yBAAS,KAAK,SACZ,WAAW,IAAI,CAAC,YAAY,QAC3B,6BAAAA,QAAA,cAAC,8BAAc,KAAK,OACjB,WAAW,mBACR,WAAW,iBAAiB,KAAK,WAAW,GAAG,CAAC,IAChD,KAAK,WAAW,GAAG,CACzB,CACD,CACH,CACD,IAED,6BAAAA,QAAA,cAAC,mCAAe,8IAAyB,CAE7C,CACF,CACF;AAEJ;",
+  "names": ["React"]
+}

package/cjs/FilteredResults/FilterChips/index.js

@@ -0,0 +1,82 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var FilterChips_exports = {};
+__export(FilterChips_exports, {
+  FilterChips: () => FilterChips,
+  default: () => FilterChips_default
+});
+module.exports = __toCommonJS(FilterChips_exports);
+var import_react = __toESM(require("react"));
+var import_form = require("@digigov/form");
+var import_hooks = require("@digigov/react-modules/FilteredResults/hooks");
+var import_FilterContainer = require("@digigov/ui/app/FilterContainer");
+var import_Chip = require("@digigov/ui/content/Chip");
+var import_Button = require("@digigov/ui/form/Button");
+const FilterChips = () => {
+  const { fieldsMap, reset, resetField, submit } = (0, import_form.useFormContext)();
+  const values = (0, import_form.useFormValues)();
+  const enabledFilters = Object.keys(values).filter((v) => values[v]);
+  if (enabledFilters.length === 0) return null;
+  return /* @__PURE__ */ import_react.default.createElement(import_FilterContainer.FilterSelectedSection, { m: 0, mb: 6 }, /* @__PURE__ */ import_react.default.createElement(import_FilterContainer.FilterSelectedHeading, { mb: 0 }, /* @__PURE__ */ import_react.default.createElement(import_Chip.ChipContainer, null, enabledFilters.map((filterKey) => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_Chip.Chip,
+      {
+        mb: 0,
+        key: filterKey,
+        onDelete: () => {
+          resetField(filterKey);
+          submit();
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement("b", null, fieldsMap[filterKey].label?.primary),
+      " ",
+      ": ",
+      (0, import_hooks.getOptionLabelForSelectValue)(
+        fieldsMap[filterKey],
+        values[filterKey]
+      )
+    );
+  })), /* @__PURE__ */ import_react.default.createElement(
+    import_Button.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;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FilterChips
+});
+//# sourceMappingURL=FilterChips.js.map

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAA8C;AAC9C,mBAA6C;AAC7C,6BAGO;AACP,kBAAoC;AACpC,oBAAuB;AAEhB,MAAM,cAAc,MAAM;AAC/B,QAAM,EAAE,WAAW,OAAO,YAAY,OAAO,QAAI,4BAAe;AAChE,QAAM,aAAS,2BAAc;AAC7B,QAAM,iBAAiB,OAAO,KAAK,MAAM,EAAE,OAAO,CAAC,MAAM,OAAO,CAAC,CAAC;AAClE,MAAI,eAAe,WAAW,EAAG,QAAO;AACxC,SACE,6BAAAA,QAAA,cAAC,gDAAsB,GAAG,GAAG,IAAI,KAC/B,6BAAAA,QAAA,cAAC,gDAAsB,IAAI,KACzB,6BAAAA,QAAA,cAAC,iCACE,eAAe,IAAI,CAAC,cAAc;AACjC,WACE,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,IAAI;AAAA,QACJ,KAAK;AAAA,QACL,UAAU,MAAM;AACd,qBAAW,SAAS;AACpB,iBAAO;AAAA,QACT;AAAA;AAAA,MAEA,6BAAAA,QAAA,cAAC,WAAG,UAAU,SAAS,EAAE,OAAO,OAAQ;AAAA,MAAI;AAAA,MAAE;AAAA,UAC7C;AAAA,QACC,UAAU,SAAS;AAAA,QACnB,OAAO,SAAS;AAAA,MAClB;AAAA,IACF;AAAA,EAEJ,CAAC,CACH,GACA,6BAAAA,QAAA;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": ["React"]
+}

package/cjs/FilteredResults/FilterFields/index.js

@@ -0,0 +1,44 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var FilterFields_exports = {};
+__export(FilterFields_exports, {
+  FilterFields: () => FilterFields
+});
+module.exports = __toCommonJS(FilterFields_exports);
+var import_react = __toESM(require("react"));
+var import_Field = __toESM(require("@digigov/form/Field"));
+var import_FilterContainer = require("@digigov/ui/app/FilterContainer");
+var import_Button = require("@digigov/ui/form/Button");
+const FilterFields = ({ fields, horizontal }) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_FilterContainer.FilterOptionsSection, { horizontal }, fields.map((field) => /* @__PURE__ */ import_react.default.createElement(import_Field.default, { key: field.key, name: field.key })), /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { type: "submit" }, "\u0391\u03BD\u03B1\u03B6\u03AE\u03C4\u03B7\u03C3\u03B7"));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FilterFields
+});
+//# sourceMappingURL=FilterFields.js.map

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAAkB;AAClB,6BAAqC;AACrC,oBAAuB;AAEhB,MAAM,eAAe,CAAC,EAAE,QAAQ,WAAW,MAAM;AACtD,SACE,6BAAAA,QAAA,cAAC,+CAAqB,cACnB,OAAO,IAAI,CAAC,UACX,6BAAAA,QAAA,cAAC,aAAAC,SAAA,EAAM,KAAK,MAAM,KAAK,MAAM,MAAM,KAAK,CACzC,GACD,6BAAAD,QAAA,cAAC,wBAAO,MAAK,YAAS,wDAAS,CACjC;AAEJ;",
+  "names": ["React", "Field"]
+}

package/cjs/FilteredResults/FilteredResults.stories/index.js

@@ -0,0 +1,45 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var FilteredResults_stories_exports = {};
+__export(FilteredResults_stories_exports, {
+  Default: () => import_Default.Default,
+  default: () => FilteredResults_stories_default
+});
+module.exports = __toCommonJS(FilteredResults_stories_exports);
+var import_FilteredResults = __toESM(require("@digigov/react-modules/FilteredResults"));
+var import_Default = require("@digigov/react-modules/FilteredResults/__stories__/Default");
+var FilteredResults_stories_default = {
+  title: "Digigov React Modules/FilteredResults",
+  component: import_FilteredResults.default,
+  displayName: "FilteredResults"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Default
+});
+//# sourceMappingURL=FilteredResults.stories.js.map

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAA4B;AAM5B,qBAAwB;AALxB,IAAO,kCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW,uBAAAA;AAAA,EACX,aAAa;AACf;",
+  "names": ["FilteredResults"]
+}