@digigov/react-modules 1.2.0-8e254888 → 1.2.0-a0ac149e

package/Faq/Faq.stories.d.ts

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

package/Faq/Results/index.js

@@ -0,0 +1,29 @@
+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";
+const Results = React.forwardRef(
+  function Results2({ filteredSections, Onclose, activeQa, primarySections }, ref) {
+    const { resetField, submit } = useFormContext();
+    const handleReset = useCallback(
+      (e) => {
+        e.preventDefault();
+        const urlParams = new URLSearchParams(window.location.search);
+        urlParams.delete("text");
+        urlParams.delete("activeQa");
+        window.history.replaceState({}, "", "?" + urlParams.toString());
+        resetField("text", { defaultValue: "" });
+        Onclose(activeQa);
+        submit();
+      },
+      [resetField, Onclose, submit, activeQa]
+      // Added necessary dependencies
+    );
+    return /* @__PURE__ */ React.createElement(Heading, { ref, size: "sm", marginTop: 4 }, "\u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1: ", filteredSections, " \u03B1\u03C0\u03CC ", primarySections, ".", " ", /* @__PURE__ */ React.createElement(Button, { variant: "link", onClick: (e) => handleReset(e) }, "\u0395\u03C0\u03B1\u03BD\u03B1\u03C6\u03BF\u03C1\u03AC \u03B1\u03BD\u03B1\u03B6\u03AE\u03C4\u03B7\u03C3\u03B7\u03C2"));
+  }
+);
+var Results_default = Results;
+export {
+  Results_default as default
+};
+//# sourceMappingURL=Results.js.map

package/Faq/Results/package.json

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

package/Faq/Results.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface ResultsProps {
+    filteredSections: number;
+    primarySections: number;
+    Onclose: (v: string) => void;
+    activeQa: string;
+}
+declare const Results: React.ForwardRefExoticComponent<ResultsProps & React.RefAttributes<HTMLHeadingElement>>;
+export default Results;

package/Faq/Results.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Faq/Results.tsx"],
+  "sourcesContent": ["// Results.tsx\nimport React, { useCallback } from 'react';\nimport { useFormContext } from '@digigov/form/FormBuilder';\nimport Button from '@digigov/ui/form/Button';\nimport { Heading } from '@digigov/ui/typography/Heading';\n\ninterface ResultsProps {\n  filteredSections: number;\n  primarySections: number;\n  Onclose: (v: string) => void;\n  activeQa: string;\n}\n\nconst Results = React.forwardRef<HTMLHeadingElement, ResultsProps>(\n  function Results(\n    { filteredSections, Onclose, activeQa, primarySections },\n    ref\n  ) {\n    const { resetField, submit } = useFormContext();\n    const handleReset = useCallback(\n      (e: React.MouseEvent<HTMLButtonElement>) => {\n        e.preventDefault();\n\n        // Remove 'text' from the URL\n        const urlParams = new URLSearchParams(window.location.search);\n        urlParams.delete('text');\n        urlParams.delete('activeQa');\n        window.history.replaceState({}, '', '?' + urlParams.toString());\n\n        // Reset the form field\n        resetField('text', { defaultValue: '' });\n\n        // Close active FAQ\n        Onclose(activeQa);\n\n        // Submit the form (if needed)\n        submit();\n      },\n      [resetField, Onclose, submit, activeQa] // Added necessary dependencies\n    );\n\n    return (\n      <Heading ref={ref} size=\"sm\" marginTop={4}>\n        \u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1: {filteredSections} \u03B1\u03C0\u03CC {primarySections}.{' '}\n        <Button variant=\"link\" onClick={(e) => handleReset(e)}>\n          \u0395\u03C0\u03B1\u03BD\u03B1\u03C6\u03BF\u03C1\u03AC \u03B1\u03BD\u03B1\u03B6\u03AE\u03C4\u03B7\u03C3\u03B7\u03C2\n        </Button>\n      </Heading>\n    );\n  }\n);\n\nexport default Results;\n"],
+  "mappings": "AACA,OAAO,SAAS,mBAAmB;AACnC,SAAS,sBAAsB;AAC/B,OAAO,YAAY;AACnB,SAAS,eAAe;AASxB,MAAM,UAAU,MAAM;AAAA,EACpB,SAASA,SACP,EAAE,kBAAkB,SAAS,UAAU,gBAAgB,GACvD,KACA;AACA,UAAM,EAAE,YAAY,OAAO,IAAI,eAAe;AAC9C,UAAM,cAAc;AAAA,MAClB,CAAC,MAA2C;AAC1C,UAAE,eAAe;AAGjB,cAAM,YAAY,IAAI,gBAAgB,OAAO,SAAS,MAAM;AAC5D,kBAAU,OAAO,MAAM;AACvB,kBAAU,OAAO,UAAU;AAC3B,eAAO,QAAQ,aAAa,CAAC,GAAG,IAAI,MAAM,UAAU,SAAS,CAAC;AAG9D,mBAAW,QAAQ,EAAE,cAAc,GAAG,CAAC;AAGvC,gBAAQ,QAAQ;AAGhB,eAAO;AAAA,MACT;AAAA,MACA,CAAC,YAAY,SAAS,QAAQ,QAAQ;AAAA;AAAA,IACxC;AAEA,WACE,oCAAC,WAAQ,KAAU,MAAK,MAAK,WAAW,KAAG,8EAC1B,kBAAiB,wBAAM,iBAAgB,KAAE,KACxD,oCAAC,UAAO,SAAQ,QAAO,SAAS,CAAC,MAAM,YAAY,CAAC,KAAG,qHAEvD,CACF;AAAA,EAEJ;AACF;AAEA,IAAO,kBAAQ;",
+  "names": ["Results"]
+}

package/Faq/__stories__/Default.d.ts

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

package/Faq/hooks/index.js

@@ -0,0 +1,66 @@
+import { useState } from "react";
+import { slug } from "@digigov/react-modules/Faq/slug";
+const removeAccents = (text) => {
+  return text.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
+};
+const useURLParamsSearch = (searchFunc, {
+  navigate,
+  filteredSections
+}) => {
+  const urlParams = new URLSearchParams(window.location.search);
+  const currentParams = Object.fromEntries(urlParams.entries());
+  const hashId = window.location.hash ? window.location.hash.slice(1) : "";
+  const hashExistsInFilteredSections = filteredSections.some(
+    (section) => section.qa.some(
+      ({ id, question }) => id === hashId || slug(question) === hashId
+    )
+  );
+  const search = (params) => {
+    const updatedParams = Object.entries({
+      ...currentParams,
+      ...params
+    }).filter(([, value]) => Boolean(value)).reduce(
+      (acc, [key, value]) => {
+        acc[key] = value;
+        return acc;
+      },
+      {}
+    );
+    const newUrl = Object.keys(updatedParams).length ? "?" + new URLSearchParams(updatedParams).toString() : window.location.pathname;
+    const finalURL = hashExistsInFilteredSections ? newUrl + `#${hashId}` : newUrl;
+    navigate(finalURL);
+    return searchFunc(params);
+  };
+  return { search, values: { text: currentParams.text }, hashId };
+};
+const useFaqSearch = (questions) => {
+  const [filteredSections, setFilteredSections] = useState(questions.sections);
+  const search = (values) => {
+    if (!values || !values.text?.trim()) {
+      setFilteredSections(questions.sections);
+      return;
+    }
+    const searchValue = values.text.trim();
+    const normalizedSearchWord = removeAccents(searchValue.toLowerCase());
+    const filteredSections2 = questions.sections.map((section) => {
+      const filteredQa = section.qa.filter(({ question, answer }) => {
+        const normalizedQuestion = removeAccents(
+          question?.toLowerCase() || ""
+        );
+        const normalizedAnswer = removeAccents(answer?.toLowerCase() || "");
+        return normalizedQuestion.includes(normalizedSearchWord) || normalizedAnswer.includes(normalizedSearchWord);
+      });
+      return { ...section, qa: filteredQa };
+    }).filter((section) => section.qa.length > 0);
+    setFilteredSections(filteredSections2);
+  };
+  return {
+    filteredSections,
+    search
+  };
+};
+export {
+  useFaqSearch,
+  useURLParamsSearch
+};
+//# sourceMappingURL=hooks.js.map

package/Faq/hooks/package.json

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

package/Faq/hooks.d.ts

@@ -0,0 +1,15 @@
+import { sectionsConfigType, SectionType } from '@digigov/react-modules/Faq';
+export declare const useURLParamsSearch: (searchFunc: (params: Record<string, string | undefined>) => void, { navigate, filteredSections, }: {
+    navigate: (url: string) => void;
+    filteredSections: SectionType[];
+}) => {
+    search: (params: Record<string, string>) => void;
+    values: {
+        text: string;
+    };
+    hashId: string;
+};
+export declare const useFaqSearch: (questions: sectionsConfigType) => {
+    filteredSections: SectionType[];
+    search: (values: Record<string, string>) => void;
+};

package/Faq/hooks.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Faq/hooks.ts"],
+  "sourcesContent": ["import { useState } from 'react';\nimport { sectionsConfigType, SectionType } from '@digigov/react-modules/Faq';\nimport { slug } from '@digigov/react-modules/Faq/slug';\nconst removeAccents = (text: string) => {\n  return text.normalize('NFD').replace(/[\\u0300-\\u036f]/g, '');\n};\n\nexport const useURLParamsSearch = (\n  searchFunc: (params: Record<string, string | undefined>) => void,\n  {\n    navigate,\n    filteredSections,\n  }: { navigate: (url: string) => void; filteredSections: SectionType[] }\n) => {\n  const urlParams = new URLSearchParams(window.location.search);\n  const currentParams = Object.fromEntries(urlParams.entries());\n  const hashId = window.location.hash ? window.location.hash.slice(1) : '';\n\n  // When filtered sections change, check if hash should be preserved\n  const hashExistsInFilteredSections = filteredSections.some((section) =>\n    section.qa.some(\n      ({ id, question }) => id === hashId || slug(question) === hashId\n    )\n  );\n\n  const search = (params: Record<string, string>) => {\n    const updatedParams = Object.entries({\n      ...currentParams,\n      ...params,\n    })\n      .filter(([, value]) => Boolean(value)) // Ensure value is not empty\n      .reduce(\n        (acc, [key, value]) => {\n          acc[key] = value as string; // Explicitly cast to string\n          return acc;\n        },\n        {} as Record<string, string>\n      ); // Ensure correct type\n\n    const newUrl = Object.keys(updatedParams).length\n      ? '?' + new URLSearchParams(updatedParams).toString()\n      : window.location.pathname; // Reset to base URL if no params\n\n    const finalURL = hashExistsInFilteredSections\n      ? newUrl + `#${hashId}`\n      : newUrl;\n    navigate(finalURL);\n    return searchFunc(params);\n  };\n  return { search, values: { text: currentParams.text }, hashId };\n};\n\nexport const useFaqSearch = (questions: sectionsConfigType) => {\n  const [filteredSections, setFilteredSections] = useState(questions.sections);\n\n  const search = (values: Record<string, string>) => {\n    if (!values || !values.text?.trim()) {\n      setFilteredSections(questions.sections);\n      return;\n    }\n\n    const searchValue: string = values.text.trim(); // Ensure no spaces-only search\n    const normalizedSearchWord = removeAccents(searchValue.toLowerCase());\n\n    const filteredSections = questions.sections\n      .map((section: SectionType) => {\n        const filteredQa = section.qa.filter(({ question, answer }: any) => {\n          const normalizedQuestion = removeAccents(\n            question?.toLowerCase() || ''\n          );\n          const normalizedAnswer = removeAccents(answer?.toLowerCase() || '');\n          return (\n            normalizedQuestion.includes(normalizedSearchWord) ||\n            normalizedAnswer.includes(normalizedSearchWord)\n          );\n        });\n\n        return { ...section, qa: filteredQa };\n      })\n      .filter((section: SectionType) => section.qa.length > 0);\n\n    setFilteredSections(filteredSections);\n  };\n\n  return {\n    filteredSections,\n    search,\n  };\n};\n"],
+  "mappings": "AAAA,SAAS,gBAAgB;AAEzB,SAAS,YAAY;AACrB,MAAM,gBAAgB,CAAC,SAAiB;AACtC,SAAO,KAAK,UAAU,KAAK,EAAE,QAAQ,oBAAoB,EAAE;AAC7D;AAEO,MAAM,qBAAqB,CAChC,YACA;AAAA,EACE;AAAA,EACA;AACF,MACG;AACH,QAAM,YAAY,IAAI,gBAAgB,OAAO,SAAS,MAAM;AAC5D,QAAM,gBAAgB,OAAO,YAAY,UAAU,QAAQ,CAAC;AAC5D,QAAM,SAAS,OAAO,SAAS,OAAO,OAAO,SAAS,KAAK,MAAM,CAAC,IAAI;AAGtE,QAAM,+BAA+B,iBAAiB;AAAA,IAAK,CAAC,YAC1D,QAAQ,GAAG;AAAA,MACT,CAAC,EAAE,IAAI,SAAS,MAAM,OAAO,UAAU,KAAK,QAAQ,MAAM;AAAA,IAC5D;AAAA,EACF;AAEA,QAAM,SAAS,CAAC,WAAmC;AACjD,UAAM,gBAAgB,OAAO,QAAQ;AAAA,MACnC,GAAG;AAAA,MACH,GAAG;AAAA,IACL,CAAC,EACE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,QAAQ,KAAK,CAAC,EACpC;AAAA,MACC,CAAC,KAAK,CAAC,KAAK,KAAK,MAAM;AACrB,YAAI,GAAG,IAAI;AACX,eAAO;AAAA,MACT;AAAA,MACA,CAAC;AAAA,IACH;AAEF,UAAM,SAAS,OAAO,KAAK,aAAa,EAAE,SACtC,MAAM,IAAI,gBAAgB,aAAa,EAAE,SAAS,IAClD,OAAO,SAAS;AAEpB,UAAM,WAAW,+BACb,SAAS,IAAI,MAAM,KACnB;AACJ,aAAS,QAAQ;AACjB,WAAO,WAAW,MAAM;AAAA,EAC1B;AACA,SAAO,EAAE,QAAQ,QAAQ,EAAE,MAAM,cAAc,KAAK,GAAG,OAAO;AAChE;AAEO,MAAM,eAAe,CAAC,cAAkC;AAC7D,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,UAAU,QAAQ;AAE3E,QAAM,SAAS,CAAC,WAAmC;AACjD,QAAI,CAAC,UAAU,CAAC,OAAO,MAAM,KAAK,GAAG;AACnC,0BAAoB,UAAU,QAAQ;AACtC;AAAA,IACF;AAEA,UAAM,cAAsB,OAAO,KAAK,KAAK;AAC7C,UAAM,uBAAuB,cAAc,YAAY,YAAY,CAAC;AAEpE,UAAMA,oBAAmB,UAAU,SAChC,IAAI,CAAC,YAAyB;AAC7B,YAAM,aAAa,QAAQ,GAAG,OAAO,CAAC,EAAE,UAAU,OAAO,MAAW;AAClE,cAAM,qBAAqB;AAAA,UACzB,UAAU,YAAY,KAAK;AAAA,QAC7B;AACA,cAAM,mBAAmB,cAAc,QAAQ,YAAY,KAAK,EAAE;AAClE,eACE,mBAAmB,SAAS,oBAAoB,KAChD,iBAAiB,SAAS,oBAAoB;AAAA,MAElD,CAAC;AAED,aAAO,EAAE,GAAG,SAAS,IAAI,WAAW;AAAA,IACtC,CAAC,EACA,OAAO,CAAC,YAAyB,QAAQ,GAAG,SAAS,CAAC;AAEzD,wBAAoBA,iBAAgB;AAAA,EACtC;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;",
+  "names": ["filteredSections"]
+}

package/Faq/index.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+export interface sectionsConfigType {
+    sections: SectionType[];
+}
+export interface QaType {
+    id?: string;
+    question: string;
+    answer: string;
+}
+export interface SectionType {
+    id: string;
+    title: string;
+    qa: QaType[];
+}
+export interface TocType {
+    title: string;
+    placement: 'top' | 'left' | 'right' | 'none';
+}
+export interface SearchFilterType {
+    title?: string;
+}
+export interface ContentsType {
+    title: string;
+    toc: TocType;
+    search?: SearchFilterType;
+}
+export interface NavigationListProps {
+    title?: string;
+    sections: SectionType[];
+}
+export interface FaqProps {
+    contents: ContentsType;
+    sections: SectionType[];
+    initialSections: sectionsConfigType;
+    search: (values: Record<string, string>) => void;
+    submitValues: {
+        text: string;
+    };
+    activeQa: string;
+    onActiveQa: (v: string) => void;
+}
+export declare const Faq: React.ForwardRefExoticComponent<FaqProps & React.RefAttributes<HTMLDivElement>>;
+export default Faq;

package/Faq/index.js

@@ -0,0 +1,169 @@
+import React, { useEffect, useContext } from "react";
+import { Field } from "@digigov/form/Field";
+import FormBuilder from "@digigov/form/FormBuilder";
+import { FormContext } from "@digigov/form/FormContext";
+import Results from "@digigov/react-modules/Faq/Results";
+import { createId } from "@digigov/react-modules/Faq/utils";
+import PageTitleContainer, {
+  PageTitleHeading
+} from "@digigov/ui/app/PageTitleContainer";
+import {
+  Accordion,
+  AccordionSection,
+  AccordionSectionContent,
+  AccordionSectionSummary,
+  AccordionSectionSummaryHeading
+} from "@digigov/ui/content/Accordion";
+import { useAccordion } from "@digigov/ui/content/Accordion/hooks";
+import Markdown from "@digigov/ui/content/Markdown";
+import { SearchButton } from "@digigov/ui/form/SearchContainer";
+import { Stack } from "@digigov/ui/layouts";
+import { Aside } from "@digigov/ui/layouts/Basic/Aside";
+import { Container } from "@digigov/ui/layouts/Basic/Container";
+import { Main } from "@digigov/ui/layouts/Basic/Main";
+import Grid from "@digigov/ui/layouts/Grid";
+import SectionBreak from "@digigov/ui/layouts/SectionBreak";
+import { BackToTop } from "@digigov/ui/navigation/BackToTopLink";
+import NavList, { NavListItemAction } from "@digigov/ui/navigation/NavList";
+import { Heading } from "@digigov/ui/typography/Heading";
+import Hint from "@digigov/ui/typography/Hint";
+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();
+    }
+  }, [autoSubmit, form, previousValues, values]);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null);
+};
+const NavigationList = React.forwardRef(
+  function NavigationList2({ title, sections }, ref) {
+    return /* @__PURE__ */ React.createElement(NavList, { ref, layout: "vertical", marginBottom: 10 }, title && /* @__PURE__ */ React.createElement(Heading, { size: "md", id: "contents", marginBottom: 4 }, title), sections && sections.length > 0 && sections.map(({ id, title: title2 }, index) => /* @__PURE__ */ React.createElement(NavListItemAction, { key: index, href: `#${createId(id, title2)}` }, title2)));
+  }
+);
+const Faq = React.forwardRef(function FAQ({
+  contents,
+  sections,
+  initialSections,
+  submitValues,
+  activeQa,
+  onActiveQa,
+  search
+}, ref) {
+  const { section, currentOpen, onOpen, close } = useAccordion({
+    singleOpen: true,
+    defaultOpen: 0
+  });
+  const placement = contents.toc?.placement || "none";
+  const filteredSections = sections.reduce(
+    (acc, section2) => acc + (section2.qa.length || 0),
+    0
+  );
+  const primarySections = initialSections.sections.reduce(
+    (acc, section2) => acc + (section2.qa.length || 0),
+    0
+  );
+  const hash = window.location.hash.slice(1);
+  const currentId = activeQa ? activeQa : hash;
+  useEffect(() => {
+    if (onActiveQa) {
+      if (currentOpen && activeQa !== currentOpen) {
+        onActiveQa(currentOpen);
+      }
+    }
+  }, [activeQa, currentOpen, onActiveQa]);
+  useEffect(() => {
+    if (activeQa && activeQa !== currentOpen) {
+      onOpen(activeQa);
+    }
+  }, [activeQa, currentOpen, onOpen]);
+  useEffect(() => {
+    if (currentId) {
+      const element = document.getElementById(currentId);
+      if (element) {
+        element.scrollIntoView({ behavior: "smooth", block: "start" });
+      }
+    }
+  }, [activeQa, currentId, hash]);
+  const Onclose = (activeQa2) => {
+    const urlParams = new URLSearchParams(window.location.search);
+    urlParams.delete("text");
+    urlParams.delete("activeQa");
+    window.history.pushState({}, "", "?" + urlParams.toString());
+    onActiveQa("");
+    close(activeQa2);
+  };
+  const handleSubmit = (data) => {
+    search(data);
+    onActiveQa("");
+    close(activeQa);
+    const urlParams = new URLSearchParams(window.location.search);
+    urlParams.delete("activeQa");
+    window.history.replaceState({}, "", "?" + urlParams.toString());
+  };
+  return /* @__PURE__ */ React.createElement(Container, { ref }, placement !== "none" && placement === "left" && /* @__PURE__ */ React.createElement(Aside, { sticky: false }, /* @__PURE__ */ React.createElement(NavigationList, { title: contents.toc?.title, sections })), /* @__PURE__ */ React.createElement(Main, null, /* @__PURE__ */ React.createElement(PageTitleContainer, null, /* @__PURE__ */ React.createElement(PageTitleHeading, { size: "xl", id: "faq" }, contents?.title)), placement !== "none" && placement === "top" && /* @__PURE__ */ React.createElement(NavigationList, { title: contents?.toc?.title, sections }), contents.search && /* @__PURE__ */ React.createElement(FormBuilder, { onSubmit: handleSubmit, initial: { text: "" } }, submitValues && /* @__PURE__ */ React.createElement(FormBuilderSyncValues, { values: submitValues, autoSubmit: true }), /* @__PURE__ */ React.createElement(
+    Stack,
+    {
+      direction: "row",
+      flexWrap: "nowrap",
+      alignItems: "flex-end",
+      spacing: 4
+    },
+    /* @__PURE__ */ React.createElement(Grid, { container: true, style: { width: "100%" } }, /* @__PURE__ */ React.createElement(
+      Field,
+      {
+        type: "string",
+        key: "text",
+        name: "text",
+        placeholder: "\u0391\u03BD\u03B1\u03B6\u03B7\u03C4\u03AE\u03C3\u03C4\u03B5 \u03C3\u03C7\u03B5\u03C4\u03B9\u03BA\u03AC \u03BC\u03B5 \u03C4\u03B7\u03BD \u03B5\u03C1\u03CE\u03C4\u03B7\u03C3\u03AE \u03C3\u03B1\u03C2",
+        label: { primary: contents.search.title }
+      }
+    )),
+    /* @__PURE__ */ React.createElement(
+      SearchButton,
+      {
+        type: "submit",
+        mb: { md: 10 },
+        style: { minHeight: "2.75rem" }
+      }
+    )
+  ), filteredSections !== primarySections && /* @__PURE__ */ React.createElement(
+    Results,
+    {
+      filteredSections,
+      primarySections,
+      Onclose,
+      activeQa
+    }
+  )), /* @__PURE__ */ React.createElement(Grid, null, sections && sections.length > 0 ? sections.map(({ id: sectionId, title, qa }, index) => /* @__PURE__ */ React.createElement(React.Fragment, { key: index }, /* @__PURE__ */ React.createElement(Heading, { id: createId(sectionId, title), size: "lg" }, title), /* @__PURE__ */ React.createElement(Accordion, { marginBottom: qa && qa.length > 0 ? 12 : 0 }, qa?.map(({ id, question, answer }, indx) => /* @__PURE__ */ React.createElement(
+    AccordionSection,
+    {
+      key: indx,
+      ...section(createId(id, question))
+    },
+    /* @__PURE__ */ React.createElement(AccordionSectionSummary, null, /* @__PURE__ */ React.createElement(
+      AccordionSectionSummaryHeading,
+      {
+        "aria-controls": createId(id, question)
+      },
+      question
+    )),
+    /* @__PURE__ */ React.createElement(AccordionSectionContent, { id: createId(id, question) }, /* @__PURE__ */ React.createElement(Markdown, { content: answer }))
+  ))), /* @__PURE__ */ React.createElement(SectionBreak, { visible: false }))) : /* @__PURE__ */ React.createElement(Hint, { marginBottom: 10 }, "\u0394\u03B5\u03BD \u03B2\u03C1\u03AD\u03B8\u03B7\u03BA\u03B1\u03BD \u03B1\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1.")), /* @__PURE__ */ React.createElement(BackToTop, { topLimitId: "contents", id: "back-to-top" }, "\u0395\u03C0\u03B9\u03C3\u03C4\u03C1\u03BF\u03C6\u03AE \u03C3\u03C4\u03B1 \u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1")), placement !== "none" && placement === "right" && /* @__PURE__ */ React.createElement(Aside, { sticky: false }, /* @__PURE__ */ React.createElement(NavigationList, { title: contents?.toc?.title, sections })));
+});
+var Faq_default = Faq;
+export {
+  Faq,
+  Faq_default as default
+};
+//# sourceMappingURL=index.js.map

package/Faq/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Faq/index.tsx"],
+  "sourcesContent": ["import React, { useEffect, useContext } from 'react';\nimport { Field } from '@digigov/form/Field';\nimport FormBuilder from '@digigov/form/FormBuilder';\nimport { FormContext } from '@digigov/form/FormContext';\nimport Results from '@digigov/react-modules/Faq/Results';\nimport { createId } from '@digigov/react-modules/Faq/utils';\nimport PageTitleContainer, {\n  PageTitleHeading,\n} from '@digigov/ui/app/PageTitleContainer';\nimport {\n  Accordion,\n  AccordionSection,\n  AccordionSectionContent,\n  AccordionSectionSummary,\n  AccordionSectionSummaryHeading,\n} from '@digigov/ui/content/Accordion';\nimport { useAccordion } from '@digigov/ui/content/Accordion/hooks';\nimport Markdown from '@digigov/ui/content/Markdown';\nimport { SearchButton } from '@digigov/ui/form/SearchContainer';\nimport { Stack } from '@digigov/ui/layouts';\nimport { Aside } from '@digigov/ui/layouts/Basic/Aside';\nimport { Container } from '@digigov/ui/layouts/Basic/Container';\nimport { Main } from '@digigov/ui/layouts/Basic/Main';\nimport Grid from '@digigov/ui/layouts/Grid';\nimport SectionBreak from '@digigov/ui/layouts/SectionBreak';\nimport { BackToTop } from '@digigov/ui/navigation/BackToTopLink';\nimport NavList, { NavListItemAction } from '@digigov/ui/navigation/NavList';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport Hint from '@digigov/ui/typography/Hint';\n\nexport interface sectionsConfigType {\n  sections: SectionType[];\n}\n\nexport interface QaType {\n  id?: string;\n  question: string;\n  answer: string;\n}\n\nexport interface SectionType {\n  id: string;\n  title: string;\n  qa: QaType[];\n}\n\nexport interface TocType {\n  title: string;\n  placement: 'top' | 'left' | 'right' | 'none';\n}\n\nexport interface SearchFilterType {\n  title?: string;\n}\n\nexport interface ContentsType {\n  title: string;\n  toc: TocType;\n  search?: SearchFilterType;\n}\n\nexport interface NavigationListProps {\n  title?: string;\n  sections: SectionType[];\n}\n\nexport interface FaqProps {\n  contents: ContentsType;\n  sections: SectionType[];\n  initialSections: sectionsConfigType;\n  search: (values: Record<string, string>) => void;\n  submitValues: { text: string };\n  activeQa: string;\n  onActiveQa: (v: string) => void;\n}\n\nconst 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  }, [autoSubmit, form, previousValues, values]);\n  return <></>;\n};\n\nconst NavigationList = React.forwardRef<HTMLUListElement, NavigationListProps>(\n  function NavigationList({ title, sections }, ref) {\n    return (\n      <NavList ref={ref} layout=\"vertical\" marginBottom={10}>\n        {title && (\n          <Heading size=\"md\" id=\"contents\" marginBottom={4}>\n            {title}\n          </Heading>\n        )}\n        {sections &&\n          sections.length > 0 &&\n          sections.map(({ id, title }, index) => (\n            <NavListItemAction key={index} href={`#${createId(id, title)}`}>\n              {title}\n            </NavListItemAction>\n          ))}\n      </NavList>\n    );\n  }\n);\n\nexport const Faq = React.forwardRef<HTMLDivElement, FaqProps>(function FAQ(\n  {\n    contents,\n    sections,\n    initialSections,\n    submitValues,\n    activeQa,\n    onActiveQa,\n    search,\n  },\n  ref\n) {\n  const { section, currentOpen, onOpen, close } = useAccordion({\n    singleOpen: true,\n    defaultOpen: 0,\n  });\n  const placement = contents.toc?.placement || 'none';\n  const filteredSections = sections.reduce(\n    (acc, section) => acc + (section.qa.length || 0),\n    0\n  );\n  const primarySections = initialSections.sections.reduce(\n    (acc, section) => acc + (section.qa.length || 0),\n    0\n  );\n  const hash = window.location.hash.slice(1);\n  const currentId = activeQa ? activeQa : hash;\n\n  useEffect(() => {\n    if (onActiveQa) {\n      if (currentOpen && activeQa !== currentOpen) {\n        onActiveQa(currentOpen as string);\n      }\n    }\n  }, [activeQa, currentOpen, onActiveQa]);\n\n  useEffect(() => {\n    if (activeQa && activeQa !== currentOpen) {\n      onOpen(activeQa);\n    }\n  }, [activeQa, currentOpen, onOpen]);\n\n  useEffect(() => {\n    // Scroll to the target element if it exists\n    if (currentId) {\n      const element = document.getElementById(currentId);\n      if (element) {\n        element.scrollIntoView({ behavior: 'smooth', block: 'start' });\n      }\n    }\n  }, [activeQa, currentId, hash]);\n\n  const Onclose = (activeQa) => {\n    const urlParams = new URLSearchParams(window.location.search);\n    urlParams.delete('text');\n    urlParams.delete('activeQa');\n    window.history.pushState({}, '', '?' + urlParams.toString());\n    onActiveQa('');\n    close(activeQa);\n  };\n  const handleSubmit = (data) => {\n    search(data);\n    onActiveQa('');\n    close(activeQa);\n    const urlParams = new URLSearchParams(window.location.search);\n    urlParams.delete('activeQa');\n    window.history.replaceState({}, '', '?' + urlParams.toString());\n  };\n\n  return (\n    <Container ref={ref}>\n      {placement !== 'none' && placement === 'left' && (\n        <Aside sticky={false}>\n          <NavigationList title={contents.toc?.title} sections={sections} />\n        </Aside>\n      )}\n      <Main>\n        <PageTitleContainer>\n          <PageTitleHeading size=\"xl\" id=\"faq\">\n            {contents?.title}\n          </PageTitleHeading>\n        </PageTitleContainer>\n        {placement !== 'none' && placement === 'top' && (\n          <NavigationList title={contents?.toc?.title} sections={sections} />\n        )}\n\n        {contents.search && (\n          <FormBuilder onSubmit={handleSubmit} initial={{ text: '' }}>\n            {submitValues && (\n              <FormBuilderSyncValues values={submitValues} autoSubmit={true} />\n            )}\n            <Stack\n              direction=\"row\"\n              flexWrap=\"nowrap\"\n              alignItems=\"flex-end\"\n              spacing={4}\n            >\n              <Grid container style={{ width: '100%' }}>\n                <Field\n                  type=\"string\"\n                  key=\"text\"\n                  name=\"text\"\n                  placeholder=\"\u0391\u03BD\u03B1\u03B6\u03B7\u03C4\u03AE\u03C3\u03C4\u03B5 \u03C3\u03C7\u03B5\u03C4\u03B9\u03BA\u03AC \u03BC\u03B5 \u03C4\u03B7\u03BD \u03B5\u03C1\u03CE\u03C4\u03B7\u03C3\u03AE \u03C3\u03B1\u03C2\"\n                  label={{ primary: contents.search.title }}\n                />\n              </Grid>\n              <SearchButton\n                type=\"submit\"\n                mb={{ md: 10 }}\n                style={{ minHeight: '2.75rem' }}\n              />\n            </Stack>\n            {filteredSections !== primarySections && (\n              <Results\n                filteredSections={filteredSections}\n                primarySections={primarySections}\n                Onclose={Onclose}\n                activeQa={activeQa}\n              />\n            )}\n          </FormBuilder>\n        )}\n        <Grid>\n          {sections && sections.length > 0 ? (\n            sections.map(({ id: sectionId, title, qa }, index) => (\n              <React.Fragment key={index}>\n                <Heading id={createId(sectionId, title)} size=\"lg\">\n                  {title}\n                </Heading>\n                <Accordion marginBottom={qa && qa.length > 0 ? 12 : 0}>\n                  {qa?.map(({ id, question, answer }, indx) => (\n                    <AccordionSection\n                      key={indx}\n                      {...section(createId(id, question))}\n                    >\n                      <AccordionSectionSummary>\n                        <AccordionSectionSummaryHeading\n                          aria-controls={createId(id, question)}\n                        >\n                          {question}\n                        </AccordionSectionSummaryHeading>\n                      </AccordionSectionSummary>\n                      <AccordionSectionContent id={createId(id, question)}>\n                        <Markdown content={answer} />\n                      </AccordionSectionContent>\n                    </AccordionSection>\n                  ))}\n                </Accordion>\n                <SectionBreak visible={false} />\n              </React.Fragment>\n            ))\n          ) : (\n            <Hint marginBottom={10}>\u0394\u03B5\u03BD \u03B2\u03C1\u03AD\u03B8\u03B7\u03BA\u03B1\u03BD \u03B1\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1.</Hint>\n          )}\n        </Grid>\n        <BackToTop topLimitId=\"contents\" id=\"back-to-top\">\n          \u0395\u03C0\u03B9\u03C3\u03C4\u03C1\u03BF\u03C6\u03AE \u03C3\u03C4\u03B1 \u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1\n        </BackToTop>\n      </Main>\n      {placement !== 'none' && placement === 'right' && (\n        <Aside sticky={false}>\n          <NavigationList title={contents?.toc?.title} sections={sections} />\n        </Aside>\n      )}\n    </Container>\n  );\n});\nexport default Faq;\n"],
+  "mappings": "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",
+  "names": ["NavigationList", "title", "section", "activeQa"]
+}

package/Faq/index.test.d.ts

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

package/Faq/package.json

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

package/Faq/slug/index.js

@@ -0,0 +1,97 @@
+function slug(text, maxWidth = 50) {
+  const greekToLatinMap = {
+    \u03B1: "a",
+    \u03B2: "b",
+    \u03B3: "g",
+    \u03B4: "d",
+    \u03B5: "e",
+    \u03B6: "z",
+    \u03B7: "i",
+    \u03B8: "th",
+    \u03B9: "i",
+    \u03BA: "k",
+    \u03BB: "l",
+    \u03BC: "m",
+    \u03BD: "n",
+    \u03BE: "x",
+    \u03BF: "o",
+    \u03C0: "p",
+    \u03C1: "r",
+    \u03C3: "s",
+    \u03C4: "t",
+    \u03C5: "y",
+    \u03C6: "f",
+    \u03C7: "ch",
+    \u03C8: "ps",
+    \u03C9: "o",
+    \u03AC: "a",
+    \u03AD: "e",
+    \u03AF: "i",
+    \u03CC: "o",
+    \u03CD: "y",
+    \u03AE: "i",
+    \u03CE: "o",
+    \u03C2: "s",
+    \u03CA: "i",
+    \u03B0: "y",
+    \u03CB: "y",
+    \u0390: "i",
+    \u0391: "A",
+    \u0392: "B",
+    \u0393: "G",
+    \u0394: "D",
+    \u0395: "E",
+    \u0396: "Z",
+    \u0397: "I",
+    \u0398: "TH",
+    \u0399: "I",
+    \u039A: "K",
+    \u039B: "L",
+    \u039C: "M",
+    \u039D: "N",
+    \u039E: "X",
+    \u039F: "O",
+    \u03A0: "P",
+    \u03A1: "R",
+    \u03A3: "S",
+    \u03A4: "T",
+    \u03A5: "Y",
+    \u03A6: "F",
+    \u03A7: "CH",
+    \u03A8: "PS",
+    \u03A9: "O",
+    \u0386: "A",
+    \u0388: "E",
+    \u038A: "I",
+    \u038C: "O",
+    \u038E: "Y",
+    \u0389: "I",
+    \u038F: "O",
+    \u03AA: "I",
+    \u03AB: "Y"
+  };
+  const latinText = text.split("").map((char) => greekToLatinMap[char] || char).join("");
+  const processedText = latinText.toLowerCase().replace(/\s+/g, "-").replace(/[^\w-]+/g, "").replace(/--+/g, "-").replace(/^-+/, "").replace(/-+$/, "");
+  let slug2 = processedText.substring(0, maxWidth);
+  const remainingText = processedText.substring(maxWidth);
+  slug2 = slug2.replace(/-+$/, "");
+  const id = generateIDFromText(remainingText);
+  return `${slug2}${id && "-"}${id}`;
+}
+function generateIDFromText(text) {
+  if (!text) return "";
+  let processedText = text.replace(/-/g, "").replace(/[^a-z0-9]/g, "");
+  if (!processedText) processedText = "default";
+  let hash = 0;
+  for (let i = 0; i < processedText.length; i++) {
+    const char = processedText.charCodeAt(i);
+    hash = (hash << 5) - hash + char;
+    hash = hash & hash;
+  }
+  const id = Math.abs(hash).toString(36);
+  return id;
+}
+export {
+  slug
+};
+//# sourceMappingURL=slug.js.map

package/Faq/slug/package.json

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

package/Faq/slug.d.ts

@@ -0,0 +1 @@
+export declare function slug(text: string, maxWidth?: number): string;

package/Faq/slug.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Faq/slug.ts"],
+  "sourcesContent": ["export function slug(text: string, maxWidth = 50): string {\n  // Greek to Latin character mapping\n  const greekToLatinMap: Record<string, string> = {\n    \u03B1: 'a',\n    \u03B2: 'b',\n    \u03B3: 'g',\n    \u03B4: 'd',\n    \u03B5: 'e',\n    \u03B6: 'z',\n    \u03B7: 'i',\n    \u03B8: 'th',\n    \u03B9: 'i',\n    \u03BA: 'k',\n    \u03BB: 'l',\n    \u03BC: 'm',\n    \u03BD: 'n',\n    \u03BE: 'x',\n    \u03BF: 'o',\n    \u03C0: 'p',\n    \u03C1: 'r',\n    \u03C3: 's',\n    \u03C4: 't',\n    \u03C5: 'y',\n    \u03C6: 'f',\n    \u03C7: 'ch',\n    \u03C8: 'ps',\n    \u03C9: 'o',\n    \u03AC: 'a',\n    \u03AD: 'e',\n    \u03AF: 'i',\n    \u03CC: 'o',\n    \u03CD: 'y',\n    \u03AE: 'i',\n    \u03CE: 'o',\n    \u03C2: 's',\n    \u03CA: 'i',\n    \u03B0: 'y',\n    \u03CB: 'y',\n    \u0390: 'i',\n    \u0391: 'A',\n    \u0392: 'B',\n    \u0393: 'G',\n    \u0394: 'D',\n    \u0395: 'E',\n    \u0396: 'Z',\n    \u0397: 'I',\n    \u0398: 'TH',\n    \u0399: 'I',\n    \u039A: 'K',\n    \u039B: 'L',\n    \u039C: 'M',\n    \u039D: 'N',\n    \u039E: 'X',\n    \u039F: 'O',\n    \u03A0: 'P',\n    \u03A1: 'R',\n    \u03A3: 'S',\n    \u03A4: 'T',\n    \u03A5: 'Y',\n    \u03A6: 'F',\n    \u03A7: 'CH',\n    \u03A8: 'PS',\n    \u03A9: 'O',\n    \u0386: 'A',\n    \u0388: 'E',\n    \u038A: 'I',\n    \u038C: 'O',\n    \u038E: 'Y',\n    \u0389: 'I',\n    \u038F: 'O',\n    \u03AA: 'I',\n    \u03AB: 'Y',\n  };\n\n  // Convert Greek characters to Latin\n  const latinText = text\n    .split('')\n    .map((char) => greekToLatinMap[char] || char)\n    .join('');\n\n  // Convert to lowercase, replace spaces with hyphens, remove special characters\n  const processedText = latinText\n    .toLowerCase()\n    .replace(/\\s+/g, '-')\n    .replace(/[^\\w-]+/g, '')\n    .replace(/--+/g, '-')\n    .replace(/^-+/, '')\n    .replace(/-+$/, '');\n\n  // Calculate the available width for the slug (subtracting 1 for the hyphen and at least 8 for the ID)\n  // const availableWidth = Math.max(0, maxWidth - 9);\n\n  // Split the processed text into slug and remaining text for ID\n  let slug = processedText.substring(0, maxWidth);\n  const remainingText = processedText.substring(maxWidth);\n\n  // Remove trailing hyphens from the slug\n  slug = slug.replace(/-+$/, '');\n\n  // Generate ID from the remaining text\n  const id = generateIDFromText(remainingText);\n\n  // Combine the slug and ID\n  return `${slug}${id && '-'}${id}`;\n}\nfunction generateIDFromText(text: string): string {\n  // If text is empty or maxLength is 0 or less, return a default ID\n  if (!text) return '';\n\n  // Remove hyphens and take only alphanumeric characters\n  let processedText = text.replace(/-/g, '').replace(/[^a-z0-9]/g, '');\n\n  // If processed text is empty, use a default base\n  if (!processedText) processedText = 'default';\n\n  // Calculate a simple hash of the processed text\n  let hash = 0;\n  for (let i = 0; i < processedText.length; i++) {\n    const char = processedText.charCodeAt(i);\n    hash = (hash << 5) - hash + char;\n    hash = hash & hash; // Convert to 32-bit integer\n  }\n\n  // Convert hash to a positive number and then to base 36 (0-9 and a-z)\n  const id = Math.abs(hash).toString(36);\n\n  // Ensure the ID is at least 8 characters long, padding with '0' if necessary\n  return id;\n  // return id.padEnd(8, '0').substring(0, maxLength);\n}\n\n// Test the function\n// console.log(createSlugWithID('\u039A\u03B1\u03BB\u03B7\u03BC\u03AD\u03C1\u03B1 \u03BA\u03CC\u03C3\u03BC\u03B5! Hello world!', 10));\n// console.log(createSlugWithID('\u0395\u03BB\u03BB\u03B7\u03BD\u03B9\u03BA\u03AC \u03BA\u03B1\u03B9 English mixed', 80));\n// console.log(\n//   createSlugWithID(\n//     '\u0391\u03C5\u03C4\u03CC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03AD\u03BD\u03B1 \u03C0\u03BF\u03BB\u03CD \u03BC\u03B5\u03B3\u03AC\u03BB\u03BF \u03BA\u03B5\u03AF\u03BC\u03B5\u03BD\u03BF \u03B3\u03B9\u03B1 \u03BD\u03B1 \u03B4\u03BF\u03BA\u03B9\u03BC\u03AC\u03C3\u03BF\u03C5\u03BC\u03B5 \u03C4\u03BF \u03CC\u03C1\u03B9\u03BF \u03C0\u03BB\u03AC\u03C4\u03BF\u03C5\u03C2',\n//     90\n//   )\n// );\n"],
+  "mappings": "AAAO,SAAS,KAAK,MAAc,WAAW,IAAY;AAExD,QAAM,kBAA0C;AAAA,IAC9C,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,EACL;AAGA,QAAM,YAAY,KACf,MAAM,EAAE,EACR,IAAI,CAAC,SAAS,gBAAgB,IAAI,KAAK,IAAI,EAC3C,KAAK,EAAE;AAGV,QAAM,gBAAgB,UACnB,YAAY,EACZ,QAAQ,QAAQ,GAAG,EACnB,QAAQ,YAAY,EAAE,EACtB,QAAQ,QAAQ,GAAG,EACnB,QAAQ,OAAO,EAAE,EACjB,QAAQ,OAAO,EAAE;AAMpB,MAAIA,QAAO,cAAc,UAAU,GAAG,QAAQ;AAC9C,QAAM,gBAAgB,cAAc,UAAU,QAAQ;AAGtD,EAAAA,QAAOA,MAAK,QAAQ,OAAO,EAAE;AAG7B,QAAM,KAAK,mBAAmB,aAAa;AAG3C,SAAO,GAAGA,KAAI,GAAG,MAAM,GAAG,GAAG,EAAE;AACjC;AACA,SAAS,mBAAmB,MAAsB;AAEhD,MAAI,CAAC,KAAM,QAAO;AAGlB,MAAI,gBAAgB,KAAK,QAAQ,MAAM,EAAE,EAAE,QAAQ,cAAc,EAAE;AAGnE,MAAI,CAAC,cAAe,iBAAgB;AAGpC,MAAI,OAAO;AACX,WAAS,IAAI,GAAG,IAAI,cAAc,QAAQ,KAAK;AAC7C,UAAM,OAAO,cAAc,WAAW,CAAC;AACvC,YAAQ,QAAQ,KAAK,OAAO;AAC5B,WAAO,OAAO;AAAA,EAChB;AAGA,QAAM,KAAK,KAAK,IAAI,IAAI,EAAE,SAAS,EAAE;AAGrC,SAAO;AAET;",
+  "names": ["slug"]
+}

package/Faq/splitted.test.d.ts

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

package/Faq/utils/index.js

@@ -0,0 +1,8 @@
+import { slug } from "@digigov/react-modules/Faq/slug";
+const createId = (id, text) => {
+  return id ? id : slug(text);
+};
+export {
+  createId
+};
+//# sourceMappingURL=utils.js.map

package/Faq/utils/package.json

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

package/Faq/utils.d.ts

@@ -0,0 +1 @@
+export declare const createId: (id: string | undefined, text: string) => string;

package/Faq/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Faq/utils.ts"],
+  "sourcesContent": ["import { slug } from '@digigov/react-modules/Faq/slug';\n\nexport const createId = (id: string | undefined, text: string) => {\n  return id ? id : slug(text); // Fallback to slug(text) when id is undefined\n};\n"],
+  "mappings": "AAAA,SAAS,YAAY;AAEd,MAAM,WAAW,CAAC,IAAwB,SAAiB;AAChE,SAAO,KAAK,KAAK,KAAK,IAAI;AAC5B;",
+  "names": []
+}

package/FilteredResults/__stories__/Default.d.ts

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