@digigov/ui 2.0.0-d57821ba → 2.0.0-daaf7bdf

package/patterns/FilteredResults/hooks/index.js

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

package/patterns/FilteredResults/hooks.d.ts

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

package/patterns/FilteredResults/hooks.js.map

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

package/patterns/FilteredResults/index.d.ts

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

package/patterns/FilteredResults/index.js

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

package/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": ["DrawerFilteredResults", "BlockFilteredResults", "FilteredResults"]
-}

package/patterns/index.d.ts

@@ -1 +0,0 @@
-export * from '@digigov/ui/patterns/FilteredResults';

package/patterns/index.js

@@ -1,2 +0,0 @@
-export * from "@digigov/ui/patterns/FilteredResults";
-//# sourceMappingURL=index.js.map

package/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,cAAc;",
-  "names": []
-}

package/src/app/Footer/Footer.stories.playwright.json

@@ -1,27 +0,0 @@
-{
-  "version": "4",
-  "stories": {
-    "digigov-ui-app-footer--default": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "hover",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>footer>div>div>section:nth-child(1)>p>a:nth-child(1)"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>footer>div>div>section:nth-child(1)>p>a:nth-child(1)"
-              }
-            }
-          ],
-          "id": "DdcFTuWf4bDH",
-          "title": "Hover and click"
-        }
-      ]
-    }
-  }
-}

package/src/app/Header/Header.stories.playwright.json

@@ -1,49 +0,0 @@
-{
-  "version": "4",
-  "stories": {
-    "digigov-ui-app-header--with-service-name-and-logo": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Tab"
-              }
-            },
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Tab"
-              }
-            },
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Tab"
-              }
-            }
-          ],
-          "id": "93jBqParMbyh",
-          "title": "Keyboard navigation"
-        }
-      ]
-    },
-    "digigov-ui-app-header--with-header-navigation": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "hover",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>div>header>div>div:nth-child(2)>button"
-              }
-            }
-          ],
-          "id": "CweCKhM6Ql7t",
-          "title": "Hover on dropdown"
-        }
-      ]
-    }
-  }
-}

package/src/app/Masthead/Masthead.stories.playwright.json

@@ -1,21 +0,0 @@
-{
-  "version": "4",
-  "stories": {
-    "digigov-ui-app-masthead--default": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "hover",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>section>div>main>a"
-              }
-            }
-          ],
-          "id": "RjiejhT6-wyP",
-          "title": "Hover"
-        }
-      ]
-    }
-  }
-}

package/src/app/Modal/Modal.stories.playwright.json

@@ -1,53 +0,0 @@
-{
-  "version": "4",
-  "stories": {
-    "digigov-ui-app-modal--dense": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>div>button"
-              }
-            }
-          ],
-          "id": "kiFgErhdQ2jf",
-          "title": "Open modal"
-        }
-      ]
-    },
-    "digigov-ui-app-modal--auto": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>div>button:nth-child(1)"
-              }
-            }
-          ],
-          "id": "dXPG8JfyYmKl",
-          "title": "Click modal"
-        }
-      ]
-    },
-    "digigov-ui-app-modal--with-hooks": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>div>button"
-              }
-            }
-          ],
-          "id": "dRIM_j1o3xe-",
-          "title": "Click modal with hooks"
-        }
-      ]
-    }
-  }
-}

package/src/content/Accordion/Accordion.stories.playwright.json

@@ -1,21 +0,0 @@
-{
-  "version": "4",
-  "stories": {
-    "digigov-ui-content-accordion--default": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>div>details:nth-child(2)>summary"
-              }
-            }
-          ],
-          "id": "ZB3bfJynL-CN",
-          "title": "Mouse navigation"
-        }
-      ]
-    }
-  }
-}

package/src/content/Card/Card.stories.playwright.json

@@ -1,21 +0,0 @@
-{
-  "version": "4",
-  "stories": {
-    "digigov-ui-content-card--with-clickable-content": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>div>div>div:nth-child(1)>a"
-              }
-            }
-          ],
-          "id": "BMjcXsopUT_n",
-          "title": "Click card"
-        }
-      ]
-    }
-  }
-}

package/src/content/Details/Details.stories.playwright.json

@@ -1,21 +0,0 @@
-{
-  "version": "4",
-  "stories": {
-    "digigov-ui-content-details--default": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>details>summary"
-              }
-            }
-          ],
-          "id": "Vmcdm2eBOyC1",
-          "title": "Open Details"
-        }
-      ]
-    }
-  }
-}

package/src/content/StepNav/StepNav.stories.playwright.json

@@ -1,33 +0,0 @@
-{
-  "version": "4",
-  "stories": {
-    "digigov-ui-content-stepnav--default": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "hover",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>div>ol>li:nth-child(1)>details>summary>h2>div>span:nth-child(1)"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>div>ol>li:nth-child(1)>details>summary>h2>div>span:nth-child(1)"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>div>div>button"
-              }
-            }
-          ],
-          "id": "C735jJuFjJNe",
-          "title": "Click 1st and all"
-        }
-      ]
-    }
-  }
-}

package/src/content/SummaryList/SummaryList.stories.playwright.json

@@ -1,27 +0,0 @@
-{
-  "version": "4",
-  "stories": {
-    "digigov-ui-content-summarylist--with-actions": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Tab"
-              }
-            },
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Tab"
-              }
-            }
-          ],
-          "id": "vjxfIQ17JwqS",
-          "title": "Navigate with keyboard"
-        }
-      ]
-    }
-  }
-}

package/src/content/Table/Table.stories.playwright.json

@@ -1,37 +0,0 @@
-{
-  "version": "4",
-  "stories": {
-    "digigov-ui-content-table--with-loader": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>button"
-              }
-            }
-          ],
-          "id": "pJkd6uCc33pr",
-          "title": "Toggle Loading"
-        }
-      ]
-    },
-    "digigov-ui-content-table--with-sort-filters": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>div>table>thead>tr>th:nth-child(1)>details>summary"
-              }
-            }
-          ],
-          "id": "kIUTh2HlEDro",
-          "title": "Click on header cell"
-        }
-      ]
-    }
-  }
-}