@digigov/ui 2.0.0-d57821ba → 2.0.0-daaf7bdf

package/cjs/patterns/FilteredResults/index.js

@@ -1,155 +0,0 @@
-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_exports = {};
-__export(FilteredResults_exports, {
-  BlockFilteredResults: () => BlockFilteredResults,
-  DrawerFilteredResults: () => DrawerFilteredResults,
-  FilteredResults: () => FilteredResults,
-  FormBuilderSyncValues: () => FormBuilderSyncValues,
-  default: () => FilteredResults_default
-});
-module.exports = __toCommonJS(FilteredResults_exports);
-var import_react = __toESM(require("react"));
-var import_FormBuilder = __toESM(require("@digigov/form/FormBuilder"));
-var import_FormContext = require("@digigov/form/FormContext");
-var import_CloseButton = __toESM(require("@digigov/ui/app/CloseButton"));
-var import_FilterContainer = __toESM(require("@digigov/ui/app/FilterContainer"));
-var import_Button = require("@digigov/ui/form/Button");
-var import_Grid = require("@digigov/ui/layouts/Grid");
-var import_Hidden = require("@digigov/ui/layouts/Hidden");
-var import_SectionBreak = require("@digigov/ui/layouts/SectionBreak");
-var import_Drawer = require("@digigov/ui/navigation/Drawer");
-var import_hooks = require("@digigov/ui/navigation/Drawer/hooks");
-var import_FilterChips = require("@digigov/ui/patterns/FilteredResults/FilterChips");
-var import_FilterFields = require("@digigov/ui/patterns/FilteredResults/FilterFields");
-var import_Heading = require("@digigov/ui/typography/Heading");
-const FormBuilderSyncValues = ({ values, autoSubmit }) => {
-  const form = (0, import_react.useContext)(import_FormContext.FormContext);
-  const previousValues = form.getValues();
-  (0, import_react.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__ */ import_react.default.createElement(import_react.default.Fragment, null);
-};
-const DrawerFilteredResults = import_react.default.forwardRef(
-  function DrawerFilteredResults2({ fields, direction = "left", ...props }, ref) {
-    const { registerDrawer, registerAction, currentOpen } = (0, import_hooks.useDrawer)();
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, currentOpen && /* @__PURE__ */ import_react.default.createElement(import_Grid.Grid, { item: true, xs: 12, md: 12, lg: 4, ref }, /* @__PURE__ */ import_react.default.createElement(
-      import_Drawer.Drawer,
-      {
-        ...registerDrawer("filters-drawer", {
-          upRelative: "lg",
-          direction
-        })
-      },
-      /* @__PURE__ */ import_react.default.createElement(import_Drawer.DrawerHeading, { ...registerAction("filters-drawer", "close") }, /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, { size: "md" }, "\u03A6\u03AF\u03BB\u03C4\u03C1\u03B1")),
-      /* @__PURE__ */ import_react.default.createElement(import_FilterContainer.FilterContent, null, /* @__PURE__ */ import_react.default.createElement(import_FilterFields.FilterFields, { fields, horizontal: false }))
-    )), /* @__PURE__ */ import_react.default.createElement(import_Grid.Grid, { item: true, xs: 12, md: 12, lg: currentOpen ? 8 : 12 }, /* @__PURE__ */ import_react.default.createElement(
-      import_Button.Button,
-      {
-        mb: 4,
-        ...registerAction(
-          "filters-drawer",
-          currentOpen === "filters-drawer" ? "close" : "open"
-        ),
-        color: "secondary"
-      },
-      "\u03A6\u03AF\u03BB\u03C4\u03C1\u03B1"
-    ), /* @__PURE__ */ import_react.default.createElement(import_FilterChips.FilterChips, null), props.children));
-  }
-);
-const BlockFilteredResults = import_react.default.forwardRef(
-  function BlockFilteredResults2({ fields, ...props }, ref) {
-    const [open, setOpen] = import_react.default.useState(true);
-    return /* @__PURE__ */ import_react.default.createElement(import_Grid.Grid, { item: true, xs: 12, ref }, /* @__PURE__ */ import_react.default.createElement(import_FilterContainer.default, { open }, /* @__PURE__ */ import_react.default.createElement(import_FilterContainer.FilterHeadingContainer, null, /* @__PURE__ */ import_react.default.createElement(import_Hidden.Hidden, { mdUp: true }, /* @__PURE__ */ import_react.default.createElement(import_CloseButton.default, { onClick: () => setOpen(false) }, "\u039A\u03BB\u03B5\u03AF\u03C3\u03B9\u03BC\u03BF")), /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, { size: "md" }, "\u03A6\u03AF\u03BB\u03C4\u03C1\u03B1")), /* @__PURE__ */ import_react.default.createElement(import_FilterContainer.FilterContent, null, /* @__PURE__ */ import_react.default.createElement(import_FilterChips.FilterChips, null), /* @__PURE__ */ import_react.default.createElement(import_FilterFields.FilterFields, { fields, horizontal: true }))), /* @__PURE__ */ import_react.default.createElement(
-      import_Button.Button,
-      {
-        color: "secondary",
-        mdUpHidden: true,
-        mb: 4,
-        onClick: () => setOpen(true)
-      },
-      "\u03A6\u03AF\u03BB\u03C4\u03C1\u03B1"
-    ), /* @__PURE__ */ import_react.default.createElement(import_SectionBreak.SectionBreak, { size: "md", visible: false }), props.children);
-  }
-);
-const FilteredResults = import_react.default.forwardRef(function FilteredResults2({
-  fields,
-  onSearch,
-  variant = "block",
-  defaultFilters,
-  currentFilters,
-  children
-}, ref) {
-  const isDrawer = variant.startsWith("drawer-");
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_FormBuilder.default,
-    {
-      onSubmit: onSearch,
-      initial: defaultFilters,
-      fields,
-      grid: true,
-      ref
-    },
-    currentFilters && /* @__PURE__ */ import_react.default.createElement(FormBuilderSyncValues, { values: currentFilters, autoSubmit: true }),
-    isDrawer ? (
-      // @ts-ignore
-      /* @__PURE__ */ import_react.default.createElement(
-        DrawerFilteredResults,
-        {
-          fields,
-          direction: variant.split("-")[1]
-        },
-        children
-      )
-    ) : (
-      // @ts-ignore
-      /* @__PURE__ */ import_react.default.createElement(BlockFilteredResults, { fields }, children)
-    )
-  );
-});
-var FilteredResults_default = FilteredResults;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  BlockFilteredResults,
-  DrawerFilteredResults,
-  FilteredResults,
-  FormBuilderSyncValues
-});
-//# sourceMappingURL=index.js.map

package/cjs/patterns/FilteredResults/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/patterns/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 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 { FilterChips } from '@digigov/ui/patterns/FilteredResults/FilterChips';\nimport { FilterFields } from '@digigov/ui/patterns/FilteredResults/FilterFields';\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": ["React", "DrawerFilteredResults", "BlockFilteredResults", "FilterContainer", "CloseButton", "FilteredResults", "FormBuilder"]
-}

package/cjs/patterns/index.js

@@ -1,22 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var patterns_exports = {};
-module.exports = __toCommonJS(patterns_exports);
-__reExport(patterns_exports, require("@digigov/ui/patterns/FilteredResults"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("@digigov/ui/patterns/FilteredResults")
-});
-//# sourceMappingURL=index.js.map

package/cjs/patterns/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/patterns/index.tsx"],
-  "sourcesContent": ["export * from '@digigov/ui/patterns/FilteredResults';\n"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,6BAAc,iDAAd;",
-  "names": []
-}

package/patterns/FilteredResults/DataTable/index.js

@@ -1,18 +0,0 @@
-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/patterns/FilteredResults/DataTable.d.ts

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

package/patterns/FilteredResults/DataTable.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/patterns/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/patterns/FilteredResults/FilterChips/index.js

@@ -1,52 +0,0 @@
-import React from "react";
-import { useFormContext, useFormValues } from "@digigov/form";
-import {
-  FilterSelectedHeading,
-  FilterSelectedSection
-} from "@digigov/ui/app/FilterContainer";
-import { Chip, ChipContainer } from "@digigov/ui/content/Chip";
-import { Button } from "@digigov/ui/form/Button";
-import { getOptionLabelForSelectValue } from "@digigov/ui/patterns/FilteredResults/hooks";
-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/patterns/FilteredResults/FilterChips.d.ts

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

package/patterns/FilteredResults/FilterChips.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/patterns/FilteredResults/FilterChips.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { useFormContext, useFormValues } from '@digigov/form';\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';\nimport { getOptionLabelForSelectValue } from '@digigov/ui/patterns/FilteredResults/hooks';\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;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,MAAM,qBAAqB;AACpC,SAAS,cAAc;AACvB,SAAS,oCAAoC;AAEtC,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/patterns/FilteredResults/FilterFields/index.js

@@ -1,11 +0,0 @@
-import React from "react";
-import Field from "@digigov/form/Field";
-import { Button } from "@digigov/react-core";
-import { FilterOptionsSection } from "@digigov/ui/app/FilterContainer";
-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/patterns/FilteredResults/FilterFields.d.ts

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

package/patterns/FilteredResults/FilterFields.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/patterns/FilteredResults/FilterFields.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport Field from '@digigov/form/Field';\nimport { Button } from '@digigov/react-core';\nimport { FilterOptionsSection } from '@digigov/ui/app/FilterContainer';\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,cAAc;AACvB,SAAS,4BAA4B;AAE9B,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/patterns/FilteredResults/FilteredResults.stories/index.js

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

package/patterns/FilteredResults/FilteredResults.stories/package.json

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

package/patterns/FilteredResults/FilteredResults.stories.d.ts

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

package/patterns/FilteredResults/FilteredResults.stories.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/patterns/FilteredResults/FilteredResults.stories.js"],
-  "sourcesContent": ["import FilteredResults from '@digigov/ui/patterns/FilteredResults';\nexport default {\n  title: 'Digigov UI/patterns/FilteredResults',\n  component: FilteredResults,\n  displayName: 'FilteredResults',\n};\nexport { Default } from '@digigov/ui/patterns/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/patterns/FilteredResults/__stories__/Default/index.js

@@ -1,220 +0,0 @@
-import React from "react";
-import { CheckIcon, UncheckIcon } from "@digigov/ui/icons";
-import Link from "@digigov/ui/navigation/Link";
-import FilteredResults from "@digigov/ui/patterns/FilteredResults";
-import { DataTable } from "@digigov/ui/patterns/FilteredResults/DataTable";
-import {
-  useURLParamsSearch,
-  useStaticSearch
-} from "@digigov/ui/patterns/FilteredResults/hooks";
-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/patterns/FilteredResults/__stories__/Default/package.json

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

package/patterns/FilteredResults/__stories__/Default.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/patterns/FilteredResults/__stories__/Default.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { FieldSpec } from '@digigov/form/types';\nimport { CheckIcon, UncheckIcon } from '@digigov/ui/icons';\nimport Link from '@digigov/ui/navigation/Link';\nimport FilteredResults, {\n  DataConfigType,\n} from '@digigov/ui/patterns/FilteredResults';\nimport { DataTable } from '@digigov/ui/patterns/FilteredResults/DataTable';\nimport {\n  useURLParamsSearch,\n  useStaticSearch,\n} from '@digigov/ui/patterns/FilteredResults/hooks';\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": []
-}