@digigov/react-modules 1.2.0-254f7786 → 1.2.0-290ada95

package/FilteredResults/index.js

@@ -1,120 +1,104 @@
-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 FilterContainer, {
-  FilterContent,
-  FilterHeadingContainer
-} from "@digigov/ui/app/FilterContainer";
-import { Button } from "@digigov/ui/form/Button";
-import { Grid } from "@digigov/ui/layouts/Grid";
-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);
+import react, { useContext, useEffect } from "react";
+import FormBuilder from "@digigov/form/FormBuilder/index.js";
+import { FormContext } from "@digigov/form/FormContext.js";
+import { FilterChips } from "./FilterChips.js";
+import { FilterFields } from "./FilterFields.js";
+import FilterContainer, { FilterContent, FilterHeadingContainer } from "@digigov/ui/app/FilterContainer/index.js";
+import { Button } from "@digigov/ui/form/Button/index.js";
+import { Grid } from "@digigov/ui/layouts/Grid/index.js";
+import { SectionBreak } from "@digigov/ui/layouts/SectionBreak/index.js";
+import { Drawer, DrawerHeading } from "@digigov/ui/navigation/Drawer/index.js";
+import { useDrawer } from "@digigov/ui/navigation/Drawer/hooks.js";
+import { Heading } from "@digigov/ui/typography/Heading/index.js";
+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 (void 0 !== values[key] && 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 FilteredResults_DrawerFilteredResults = /*#__PURE__*/ react.forwardRef(function({ 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,
-      {
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, currentOpen && /*#__PURE__*/ react.createElement(Grid, {
+        item: true,
+        xs: 12,
+        md: 12,
+        lg: 4,
+        ref: 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"
+    }, "Φίλτρα")), /*#__PURE__*/ react.createElement(FilterContent, null, /*#__PURE__*/ react.createElement(FilterFields, {
+        fields: 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"
-        ),
+        ...registerAction('filters-drawer', 'filters-drawer' === currentOpen ? '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, { onClick: () => setOpen(false) }, /* @__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,
-      {
+    }, "Φίλτρα"), /*#__PURE__*/ react.createElement(FilterChips, null), props.children));
+});
+const FilteredResults_BlockFilteredResults = /*#__PURE__*/ react.forwardRef(function({ fields, ...props }, ref) {
+    const [open, setOpen] = react.useState(true);
+    return /*#__PURE__*/ react.createElement(Grid, {
+        item: true,
+        xs: 12,
+        ref: ref
+    }, /*#__PURE__*/ react.createElement(FilterContainer, {
+        open: open
+    }, /*#__PURE__*/ react.createElement(FilterHeadingContainer, {
+        onClick: ()=>setOpen(false)
+    }, /*#__PURE__*/ react.createElement(Heading, {
+        size: "md"
+    }, "Φίλτρα")), /*#__PURE__*/ react.createElement(FilterContent, null, /*#__PURE__*/ react.createElement(FilterChips, null), /*#__PURE__*/ react.createElement(FilterFields, {
+        fields: 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)
-    )
-  );
+        onClick: ()=>setOpen(true)
+    }, "Φίλτρα"), /*#__PURE__*/ react.createElement(SectionBreak, {
+        size: "md",
+        visible: false
+    }), props.children);
 });
-var FilteredResults_default = FilteredResults;
-export {
-  BlockFilteredResults,
-  DrawerFilteredResults,
-  FilteredResults,
-  FormBuilderSyncValues,
-  FilteredResults_default as default
-};
-//# sourceMappingURL=index.js.map
+const FilteredResults_FilteredResults = /*#__PURE__*/ react.forwardRef(function({ fields, onSearch, variant = 'block', defaultFilters, currentFilters, children }, ref) {
+    const isDrawer = variant.startsWith('drawer-');
+    return /*#__PURE__*/ react.createElement(FormBuilder, {
+        onSubmit: onSearch,
+        initial: defaultFilters,
+        fields: fields,
+        grid: true,
+        ref: ref
+    }, currentFilters && /*#__PURE__*/ react.createElement(FormBuilderSyncValues, {
+        values: currentFilters,
+        autoSubmit: true
+    }), isDrawer ? /*#__PURE__*/ react.createElement(FilteredResults_DrawerFilteredResults, {
+        fields: fields,
+        direction: variant.split('-')[1]
+    }, children) : /*#__PURE__*/ react.createElement(FilteredResults_BlockFilteredResults, {
+        fields: fields
+    }, children));
+});
+const src_FilteredResults = FilteredResults_FilteredResults;
+export { FilteredResults_BlockFilteredResults as BlockFilteredResults, FilteredResults_DrawerFilteredResults as DrawerFilteredResults, FilteredResults_FilteredResults as FilteredResults, FormBuilderSyncValues, src_FilteredResults as default };

package/index.d.ts

@@ -1 +1,2 @@
-export * from '@digigov/react-modules/FilteredResults';
+export * from './FilteredResults/index.js';
+export * from './Faq/index.js';

package/index.js

@@ -1,7 +1,7 @@
-/** @license Digigov v1.2.0-254f7786
+/** @license Digigov v1.2.0-290ada95
  *
  * This source code is licensed under the BSD-2-Clause license found in the
  * LICENSE file in the root directory of this source tree.
  */
-export * from "@digigov/react-modules/FilteredResults";
-//# sourceMappingURL=index.js.map
+export * from "./FilteredResults/index.js";
+export * from "./Faq/index.js";

package/lazy.d.ts

@@ -0,0 +1,17 @@
+declare const _default: {
+    FormBuilderSyncValues: import("react").LazyExoticComponent<({ values, autoSubmit }: {
+        values: any;
+        autoSubmit: any;
+    }) => import("react").JSX.Element>;
+    DrawerFilteredResults: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLDivElement>>>;
+    BlockFilteredResults: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLDivElement>>>;
+    FilteredResults: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("./FilteredResults/index.js").FilteredResultsProps<Record<string, import("./FilteredResults/index.js").ScalarType>, Record<string, import("./FilteredResults/index.js").ScalarType>> & import("react").RefAttributes<HTMLFormElement>>>;
+    Faq: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("./Faq/index.js").FaqProps & import("react").RefAttributes<HTMLDivElement>>>;
+    DataTable: import("react").LazyExoticComponent<typeof import("./FilteredResults/DataTable.js").DataTable>;
+    FilterChips: import("react").LazyExoticComponent<() => import("react").JSX.Element | null>;
+    FilterFields: import("react").LazyExoticComponent<({ fields, horizontal }: {
+        fields: any;
+        horizontal: any;
+    }) => import("react").JSX.Element>;
+};
+export default _default;

package/lazy.js

@@ -0,0 +1,28 @@
+import { lazy } from "react";
+const src_lazy = {
+    FormBuilderSyncValues: lazy(()=>import("./FilteredResults/index.js").then((module)=>({
+                default: module['FormBuilderSyncValues']
+            }))),
+    DrawerFilteredResults: lazy(()=>import("./FilteredResults/index.js").then((module)=>({
+                default: module['DrawerFilteredResults']
+            }))),
+    BlockFilteredResults: lazy(()=>import("./FilteredResults/index.js").then((module)=>({
+                default: module['BlockFilteredResults']
+            }))),
+    FilteredResults: lazy(()=>import("./FilteredResults/index.js").then((module)=>({
+                default: module['FilteredResults']
+            }))),
+    Faq: lazy(()=>import("./Faq/index.js").then((module)=>({
+                default: module['Faq']
+            }))),
+    DataTable: lazy(()=>import("./FilteredResults/DataTable.js").then((module)=>({
+                default: module['DataTable']
+            }))),
+    FilterChips: lazy(()=>import("./FilteredResults/FilterChips.js").then((module)=>({
+                default: module['FilterChips']
+            }))),
+    FilterFields: lazy(()=>import("./FilteredResults/FilterFields.js").then((module)=>({
+                default: module['FilterFields']
+            })))
+};
+export { src_lazy as default };

package/package.json

@@ -1,23 +1,23 @@
 {
   "name": "@digigov/react-modules",
-  "version": "1.2.0-254f7786",
+  "version": "1.2.0-290ada95",
   "description": "@digigov patterns based on ui components",
-  "main": "./cjs/index.js",
-  "module": "./index.js",
+  "type": "module",
   "dependencies": {
-    "@digigov/react-icons": "2.0.0-254f7786",
-    "@digigov/form": "2.0.0-254f7786",
-    "@digigov/ui": "2.0.0-254f7786",
+    "@digigov/react-icons": "2.0.0-290ada95",
+    "@digigov/form": "2.0.0-290ada95",
+    "@digigov/ui": "2.0.0-290ada95",
     "dompurify": "3.0.6"
   },
   "peerDependencies": {
     "react-query": "2.26.4",
-    "clsx": "1.1.1",
-    "react": ">=16.8.0 <19.0.0",
-    "react-dom": ">=16.8.0 <19.0.0",
-    "@digigov/react-core": "2.0.0-254f7786",
-    "@digigov/css": "2.0.0-254f7786"
+    "clsx": "2.1.1",
+    "react": "^18.3.0 || ^19.1.0",
+    "react-dom": "^18.3.0 || ^19.1.0",
+    "@digigov/react-core": "2.0.0-290ada95",
+    "@digigov/css": "2.0.0-290ada95"
   },
   "private": false,
-  "typings": "./index.d.ts"
+  "main": "index.js",
+  "module": "index.js"
 }

package/registry.d.ts

@@ -0,0 +1,14 @@
+declare const _default: {
+    '@digigov/react-modules': {};
+    '@digigov/react-modules/Faq/Results': {};
+    '@digigov/react-modules/Faq/hooks': {};
+    '@digigov/react-modules/Faq': {};
+    '@digigov/react-modules/Faq/slug': {};
+    '@digigov/react-modules/Faq/utils': {};
+    '@digigov/react-modules/FilteredResults/DataTable': {};
+    '@digigov/react-modules/FilteredResults/FilterChips': {};
+    '@digigov/react-modules/FilteredResults/FilterFields': {};
+    '@digigov/react-modules/FilteredResults/hooks': {};
+    '@digigov/react-modules/FilteredResults': {};
+};
+export default _default;

package/registry.js

@@ -0,0 +1,34 @@
+import * as __WEBPACK_EXTERNAL_MODULE__index_js_fb10b2a7__ from "./index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Faq_Results_js_2bbb1dff__ from "./Faq/Results.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Faq_hooks_js_3eeedcba__ from "./Faq/hooks.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Faq_index_js_2016ecbd__ from "./Faq/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Faq_slug_js_c64cf327__ from "./Faq/slug.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Faq_utils_js_116a401a__ from "./Faq/utils.js";
+import * as __WEBPACK_EXTERNAL_MODULE__FilteredResults_DataTable_js_bf43138f__ from "./FilteredResults/DataTable.js";
+import * as __WEBPACK_EXTERNAL_MODULE__FilteredResults_FilterChips_js_c4de0176__ from "./FilteredResults/FilterChips.js";
+import * as __WEBPACK_EXTERNAL_MODULE__FilteredResults_FilterFields_js_6a1ea1f3__ from "./FilteredResults/FilterFields.js";
+import * as __WEBPACK_EXTERNAL_MODULE__FilteredResults_hooks_js_83f6a806__ from "./FilteredResults/hooks.js";
+import * as __WEBPACK_EXTERNAL_MODULE__FilteredResults_index_js_4a35fe24__ from "./FilteredResults/index.js";
+function lazyImport(pkgImport) {
+    return new Proxy({}, {
+        get: (_target, name)=>{
+            if ('__esModule' === name || 'default' === name) return pkgImport.default;
+            if ('*' === name) return pkgImport;
+            return pkgImport[name];
+        }
+    });
+}
+const registry = {
+    '@digigov/react-modules': lazyImport(__WEBPACK_EXTERNAL_MODULE__index_js_fb10b2a7__),
+    '@digigov/react-modules/Faq/Results': lazyImport(__WEBPACK_EXTERNAL_MODULE__Faq_Results_js_2bbb1dff__),
+    '@digigov/react-modules/Faq/hooks': lazyImport(__WEBPACK_EXTERNAL_MODULE__Faq_hooks_js_3eeedcba__),
+    '@digigov/react-modules/Faq': lazyImport(__WEBPACK_EXTERNAL_MODULE__Faq_index_js_2016ecbd__),
+    '@digigov/react-modules/Faq/slug': lazyImport(__WEBPACK_EXTERNAL_MODULE__Faq_slug_js_c64cf327__),
+    '@digigov/react-modules/Faq/utils': lazyImport(__WEBPACK_EXTERNAL_MODULE__Faq_utils_js_116a401a__),
+    '@digigov/react-modules/FilteredResults/DataTable': lazyImport(__WEBPACK_EXTERNAL_MODULE__FilteredResults_DataTable_js_bf43138f__),
+    '@digigov/react-modules/FilteredResults/FilterChips': lazyImport(__WEBPACK_EXTERNAL_MODULE__FilteredResults_FilterChips_js_c4de0176__),
+    '@digigov/react-modules/FilteredResults/FilterFields': lazyImport(__WEBPACK_EXTERNAL_MODULE__FilteredResults_FilterFields_js_6a1ea1f3__),
+    '@digigov/react-modules/FilteredResults/hooks': lazyImport(__WEBPACK_EXTERNAL_MODULE__FilteredResults_hooks_js_83f6a806__),
+    '@digigov/react-modules/FilteredResults': lazyImport(__WEBPACK_EXTERNAL_MODULE__FilteredResults_index_js_4a35fe24__)
+};
+export { registry as default };

package/src/Faq/Faq.stories.js

@@ -0,0 +1,7 @@
+import Faq from '@digigov/react-modules/Faq';
+export default {
+  title: 'Digigov React Modules/Faq',
+  component: Faq,
+  displayName: 'Faq',
+};
+export { Default } from '@digigov/react-modules/Faq/__stories__/Default';

package/src/Faq/Results.tsx

@@ -0,0 +1,53 @@
+// Results.tsx
+import React, { useCallback } from 'react';
+import { useFormContext } from '@digigov/form/FormBuilder';
+import Button from '@digigov/ui/form/Button';
+import { Heading } from '@digigov/ui/typography/Heading';
+
+interface ResultsProps {
+  filteredSections: number;
+  primarySections: number;
+  Onclose: (v: string) => void;
+  activeQa: string;
+}
+
+const Results = React.forwardRef<HTMLHeadingElement, ResultsProps>(
+  function Results(
+    { filteredSections, Onclose, activeQa, primarySections },
+    ref
+  ) {
+    const { resetField, submit } = useFormContext();
+    const handleReset = useCallback(
+      (e: React.MouseEvent<HTMLButtonElement>) => {
+        e.preventDefault();
+
+        // Remove 'text' from the URL
+        const urlParams = new URLSearchParams(window.location.search);
+        urlParams.delete('text');
+        urlParams.delete('activeQa');
+        window.history.replaceState({}, '', '?' + urlParams.toString());
+
+        // Reset the form field
+        resetField('text', { defaultValue: '' });
+
+        // Close active FAQ
+        Onclose(activeQa);
+
+        // Submit the form (if needed)
+        submit();
+      },
+      [resetField, Onclose, submit, activeQa] // Added necessary dependencies
+    );
+
+    return (
+      <Heading ref={ref} size="sm" marginTop={4}>
+        Αποτελέσματα: {filteredSections} από {primarySections}.{' '}
+        <Button variant="link" onClick={(e) => handleReset(e)}>
+          Επαναφορά αναζήτησης
+        </Button>
+      </Heading>
+    );
+  }
+);
+
+export default Results;