@digigov/ui 2.0.0-2445d5cb → 2.0.0-254f7786

package/src/navigation/NavList/NavList.stories.playwright.json

@@ -1,53 +0,0 @@
-{
-  "version": "4",
-  "stories": {
-    "digigov-ui-navigation-navlist--with-sub-menu": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "hover",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>nav>ul>li:nth-child(1)>a"
-              }
-            }
-          ],
-          "id": "dHQxEQCIJ4bJ",
-          "title": "Hover item"
-        }
-      ]
-    },
-    "digigov-ui-navigation-navlist--horizontal-with-submenu": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>nav>ul>li:nth-child(2)>button"
-              }
-            }
-          ],
-          "id": "2DykhuHWrXMe",
-          "title": "Open submenu"
-        }
-      ]
-    },
-    "digigov-ui-navigation-navlist--vertical-with-submenu": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>nav>ul>li:nth-child(2)>button"
-              }
-            }
-          ],
-          "id": "yTIrKHLeGZkx",
-          "title": "Open submenu"
-        }
-      ]
-    }
-  }
-}

package/src/navigation/NavList/__stories__/NavLinksOneLevel.json

@@ -1,17 +0,0 @@
-[
-  {
-    "name": "home",
-    "href": "#home",
-    "label": "Αρχική"
-  },
-  {
-    "name": "educational",
-    "label": "Εκπαιδευτικό υλικό",
-    "href": "#educational"
-  },
-  {
-    "name": "news",
-    "href": "#news",
-    "label": "Νέα"
-  }
-]

package/src/navigation/NavList/__stories__/NavLinksWithSubmenu.json

@@ -1,36 +0,0 @@
-[
-  { "name": "home", "href": "#home", "label": "Αρχική" },
-  {
-    "name": "educational",
-    "label": "Εκπαιδευτικό υλικό",
-    "subMenuHeading": "Εκπαιδευτικό υλικό",
-    "subMenu": [
-      {
-        "name": "elearning",
-        "href": "#elearning",
-        "label": "Εκπαιδευτική πλατφόρμα"
-      },
-      {
-        "name": "videos",
-        "href": "#videos",
-        "label": "Βίντεο"
-      },
-      {
-        "name": "presentations",
-        "href": "#presentations",
-        "label": "Παρουσιάσεις"
-      },
-      {
-        "name": "promoting",
-        "href": "#promoting",
-        "label": "Προωθώντας την αθλητική ακεραιότητα στην νέα γενιά"
-      },
-      {
-        "name": "other-texts",
-        "href": "#other-texts",
-        "label": "Άλλα κείμενα"
-      }
-    ]
-  },
-  { "name": "news", "href": "#news", "label": "Νέα" }
-]

package/src/navigation/Pagination/Pagination.stories.playwright.json

@@ -1,27 +0,0 @@
-{
-  "version": "4",
-  "stories": {
-    "digigov-ui-navigation-pagination--default": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "hover",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>nav:nth-child(1)>ul>li:nth-child(4)>a"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>nav:nth-child(1)>ul>li:nth-child(4)>a"
-              }
-            }
-          ],
-          "id": "2mzsrAipphk8",
-          "title": "Hover and click no3"
-        }
-      ]
-    }
-  }
-}

package/src/navigation/Pagination/index.mdx

@@ -1,48 +0,0 @@
----
-id: pagination
-title: Pagination
----
-
-## How to use
-
-<Story
-  packageName="@digigov/ui"
-  component="navigation/Pagination"
-  story="Default.tsx"
-/>
-
-## With inactive values
-
-<Story
-  packageName="@digigov/ui"
-  component="navigation/Pagination"
-  story="WithInactiveValues.tsx"
-/>
-
-## With small fonts
-
-<Story
-  packageName="@digigov/ui"
-  component="navigation/Pagination"
-  story="PaginationWithSmallFont.tsx"
-/>
-
-## With results per page
-
-<Story
-  packageName="@digigov/ui"
-  component="navigation/Pagination"
-  story="WithResultsPerPage.tsx"
-/>
-
-## API
-
-See below for a complete reference to all of the props  available to the components mentioned here.
-
-<ComponentProps componentName={
-  [
-  "Pagination",
-  "PaginationLabel",
-  "PaginationList",
-  "PaginationListItem",
-  ]} /> 

package/src/navigation/Tabs/Tabs.stories.playwright.json

@@ -1,27 +0,0 @@
-{
-  "version": "4",
-  "stories": {
-    "digigov-ui-navigation-tabs--default": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "hover",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>div>ul>li:nth-child(2)>a"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>div>ul>li:nth-child(2)>a"
-              }
-            }
-          ],
-          "id": "_sXJM58BIiuJ",
-          "title": "Click second tab"
-        }
-      ]
-    }
-  }
-}

package/src/navigation/Tabs/index.mdx

@@ -1,31 +0,0 @@
----
-id: tabs
-title: Tabs
----
-
-# Tabs
-
-## How to use
-
-<Story
-  packageName="@digigov/ui"
-  component="navigation/Tabs"
-  story="Default.tsx"
-/>
-
-## Accessibility
-
-You can read more about the accessibility patterns used in our Tabs
-implementation in the ARIA Authoring Practices Guide (APG) at [Tabs](https://www.w3.org/WAI/ARIA/apg/patterns/tabs/) section.
-
-## API
-
-See below for a complete reference to all of the props  available to the components mentioned here.
-
-<ComponentProps componentName={
-  ["Tabs",
-  "TabsHeading",
-  "TabsList",
-  "TabsListItem",
-  "TabsPanel",]} /> 
-

package/src/patterns/FilteredResults/DataTable.tsx

@@ -1,47 +0,0 @@
-import React from 'react';
-
-import {
-  Table,
-  TableBody,
-  TableContainer,
-  TableDataCell,
-  TableHead,
-  TableHeadCell,
-  TableNoDataRow,
-  TableRow,
-} from '@digigov/ui/content/Table';
-
-export function DataTable({ dataConfig, data }) {
-  return (
-    <TableContainer>
-      <Table>
-        <TableHead>
-          <TableRow>
-            {dataConfig.map((itenConfig) => (
-              <TableHeadCell key={itenConfig.key}>
-                {itenConfig.title}
-              </TableHeadCell>
-            ))}
-          </TableRow>
-        </TableHead>
-        <TableBody>
-          {data.length > 0 ? (
-            data.map((item, index) => (
-              <TableRow key={index}>
-                {dataConfig.map((itemConfig, idx) => (
-                  <TableDataCell key={idx}>
-                    {itemConfig.displayComponent
-                      ? itemConfig.displayComponent(item[itemConfig.key])
-                      : item[itemConfig.key]}
-                  </TableDataCell>
-                ))}
-              </TableRow>
-            ))
-          ) : (
-            <TableNoDataRow>Δεν υπάρχουν αποτελέσματα</TableNoDataRow>
-          )}
-        </TableBody>
-      </Table>
-    </TableContainer>
-  );
-}

package/src/patterns/FilteredResults/FilterChips.tsx

@@ -1,54 +0,0 @@
-import React from 'react';
-import { useFormContext, useFormValues } from '@digigov/form';
-import {
-  FilterSelectedHeading,
-  FilterSelectedSection,
-} from '@digigov/ui/app/FilterContainer';
-import { Chip, ChipContainer } from '@digigov/ui/content/Chip';
-import { Button } from '@digigov/ui/form/Button';
-import { getOptionLabelForSelectValue } from '@digigov/ui/patterns/FilteredResults/hooks';
-
-export const FilterChips = () => {
-  const { fieldsMap, reset, resetField, submit } = useFormContext();
-  const values = useFormValues();
-  const enabledFilters = Object.keys(values).filter((v) => values[v]);
-  if (enabledFilters.length === 0) return null;
-  return (
-    <FilterSelectedSection m={0} mb={6}>
-      <FilterSelectedHeading mb={0}>
-        <ChipContainer>
-          {enabledFilters.map((filterKey) => {
-            return (
-              <Chip
-                mb={0}
-                key={filterKey}
-                onDelete={() => {
-                  resetField(filterKey);
-                  submit();
-                }}
-              >
-                <b>{fieldsMap[filterKey].label?.primary}</b> {': '}
-                {getOptionLabelForSelectValue(
-                  fieldsMap[filterKey],
-                  values[filterKey]
-                )}
-              </Chip>
-            );
-          })}
-        </ChipContainer>
-        <Button
-          onClick={(e) => {
-            e.preventDefault();
-            reset();
-            submit();
-          }}
-          variant="link"
-        >
-          Επαναφορά Επιλογών
-        </Button>
-      </FilterSelectedHeading>
-    </FilterSelectedSection>
-  );
-};
-
-export default FilterChips;

package/src/patterns/FilteredResults/FilterFields.tsx

@@ -1,15 +0,0 @@
-import React from 'react';
-import Field from '@digigov/form/Field';
-import { Button } from '@digigov/react-core';
-import { FilterOptionsSection } from '@digigov/ui/app/FilterContainer';
-
-export const FilterFields = ({ fields, horizontal }) => {
-  return (
-    <FilterOptionsSection horizontal={horizontal}>
-      {fields.map((field) => (
-        <Field key={field.key} name={field.key} />
-      ))}
-      <Button type="submit">Αναζήτηση</Button>
-    </FilterOptionsSection>
-  );
-};

package/src/patterns/FilteredResults/FilteredResults.stories.js

@@ -1,7 +0,0 @@
-import FilteredResults from '@digigov/ui/patterns/FilteredResults';
-export default {
-  title: 'Digigov UI/patterns/FilteredResults',
-  component: FilteredResults,
-  displayName: 'FilteredResults',
-};
-export { Default } from '@digigov/ui/patterns/FilteredResults/__stories__/Default';

package/src/patterns/FilteredResults/__stories__/Default.tsx

@@ -1,243 +0,0 @@
-import React from 'react';
-import { FieldSpec } from '@digigov/form/types';
-import { CheckIcon, UncheckIcon } from '@digigov/ui/icons';
-import Link from '@digigov/ui/navigation/Link';
-import FilteredResults, {
-  DataConfigType,
-} from '@digigov/ui/patterns/FilteredResults';
-import { DataTable } from '@digigov/ui/patterns/FilteredResults/DataTable';
-import {
-  useURLParamsSearch,
-  useStaticSearch,
-} from '@digigov/ui/patterns/FilteredResults/hooks';
-
-const fields: FieldSpec[] = [
-  {
-    type: 'string',
-    key: 'text',
-    label: {
-      primary: 'Αναζήτηση λέξης',
-    },
-  },
-  {
-    type: 'choice:single',
-    key: 'name',
-    label: {
-      primary: 'Όνομα',
-    },
-    extra: {
-      component: 'Select',
-      options: [
-        {
-          label: {
-            primary: '',
-          },
-          value: '',
-        },
-        {
-          label: {
-            primary: 'Καλλιόπη Παπαδοπούλου',
-          },
-          value: 'Kalliopi Papadopoulou',
-        },
-        {
-          label: {
-            primary: 'Μάριος Μενεξές',
-          },
-          value: 'Marios Menekses',
-        },
-        {
-          label: {
-            primary: 'Μαρία Φλούπη',
-          },
-          value: 'Maria Floupi',
-        },
-        {
-          label: {
-            primary: 'Ηλέκτρα Αποστόλου',
-          },
-          value: 'Ilektra Apostolou',
-        },
-      ],
-    },
-  },
-  {
-    type: 'choice:single',
-    key: 'role',
-    label: {
-      primary: 'Ρόλος',
-    },
-    extra: {
-      component: 'Select',
-      options: [
-        {
-          label: {
-            primary: '',
-          },
-          value: '',
-        },
-        {
-          label: {
-            primary: 'Διαχειριστής',
-          },
-          value: 'admin',
-        },
-        {
-          label: {
-            primary: 'Χειριστής',
-          },
-          value: 'user',
-        },
-      ],
-    },
-  },
-  {
-    type: 'choice:single',
-    key: 'rights',
-    label: {
-      primary: 'Δικαιώματα',
-    },
-    extra: {
-      component: 'Select',
-      options: [
-        {
-          label: {
-            primary: '',
-          },
-          value: '',
-        },
-        {
-          label: {
-            primary: 'Ναι',
-          },
-          value: true,
-        },
-        {
-          label: {
-            primary: 'Όχι',
-          },
-          value: false,
-        },
-      ],
-    },
-  },
-];
-
-const displayLink = (value) => {
-  return <Link href={`#/${value}`}>{value}</Link>;
-};
-const displayRights = (value) => {
-  return <>{value ? <CheckIcon /> : <UncheckIcon />}</>;
-};
-
-type DataType = {
-  name: string;
-  case_id: number;
-  role: string;
-  email: string;
-  rights: boolean;
-};
-
-const data: DataType[] = [
-  {
-    name: 'Μάριος Μενεξές',
-    case_id: 123,
-    role: 'Χειριστής',
-    email: 'marios@mail.com',
-    rights: false,
-  },
-  {
-    name: 'Καλλιόπη Παπαδοπούλου',
-    case_id: 124,
-    role: 'Χειριστής',
-    email: 'kalliopi@mail.com',
-    rights: false,
-  },
-  {
-    name: 'Μαρία Φλούπη',
-    case_id: 125,
-    role: 'Διαχειριστής',
-    email: 'maria@mail.com',
-    rights: true,
-  },
-  {
-    name: 'Ηλέκτρα Αποστόλου',
-    case_id: 126,
-    role: 'Διαχειριστής',
-    email: 'ilektra@mail.com',
-    rights: true,
-  },
-];
-
-const dataConfig: DataConfigType[] = [
-  {
-    key: 'name',
-    title: 'Όνομα',
-  },
-  {
-    key: 'case_id',
-    title: 'Αρ. Υπόθεσης',
-    displayComponent: displayLink,
-  },
-  {
-    key: 'role',
-    title: 'Ρόλος',
-  },
-  {
-    key: 'email',
-    title: 'Email',
-  },
-  {
-    key: 'rights',
-    title: 'Δικαιώματα',
-    displayComponent: displayRights,
-  },
-];
-
-type InitialFiltersType = {
-  [K in (typeof dataConfig)[number]['key']]: string;
-};
-
-const initialFilters: InitialFiltersType = {
-  name: '',
-  case_id: '',
-  role: '',
-  text: '',
-  rights: '',
-};
-
-export const Default = () => {
-  const { search, results } = useStaticSearch<DataType, InitialFiltersType>({
-    fields,
-    data,
-    initialFilters,
-  });
-  const navigate = (url) => {
-    if (window.history.pushState) {
-      const newUrl =
-        window.location.protocol +
-        '//' +
-        window.location.host +
-        window.location.pathname +
-        url;
-      window.history.pushState({ path: newUrl }, '', newUrl);
-    }
-  };
-  const { search: urlSearch, values } = useURLParamsSearch(search, {
-    navigate,
-    fields,
-  });
-
-  return (
-    <FilteredResults
-      data={results}
-      variant="block"
-      currentFilters={values}
-      defaultFilters={initialFilters}
-      fields={fields}
-      onSearch={urlSearch}
-    >
-      <DataTable dataConfig={dataConfig} data={results} />
-    </FilteredResults>
-  );
-};