@digigov/ui 0.28.2 → 0.28.3

package/src/app/QrCodeViewer/types.ts

@@ -1,31 +0,0 @@
-import type { CSSProperties } from 'react';
-import qrcodegen from '@digigov/ui/app/QrCodeViewer/qrcodegen';
-
-export type QRProps = {
-  value: string;
-  size?: number;
-  // Should be a real enum, but doesn't seem to be compatible with real code.
-  level?: string;
-  bgColor?: string;
-  fgColor?: string;
-  style?: CSSProperties;
-  includeMargin?: boolean;
-  imageSettings?: ImageSettings;
-};
-
-export type QRPropsCanvas = QRProps &
-  React.CanvasHTMLAttributes<HTMLCanvasElement>;
-export type QRPropsSVG = QRProps & React.SVGProps<SVGSVGElement>;
-
-export type Modules = ReturnType<qrcodegen.QrCode['getModules']>;
-
-export type Excavation = { x: number; y: number; w: number; h: number };
-
-export type ImageSettings = {
-  src: string;
-  height: number;
-  width: number;
-  excavate: boolean;
-  x?: number;
-  y?: number;
-};

package/src/app/QrCodeViewer/utils.ts

@@ -1,112 +0,0 @@
-import {
-  Modules,
-  Excavation,
-  ImageSettings,
-} from '@digigov/ui/app/QrCodeViewer/types';
-
-const DEFAULT_IMG_SCALE = 0.1;
-export const MARGIN_SIZE = 4;
-export function generatePath(modules: Modules, margin = 0): string {
-  const ops: Array<string> = [];
-  modules.forEach(function (row, y) {
-    let start: number | null = null;
-    row.forEach(function (cell, x) {
-      if (!cell && start !== null) {
-        // M0 0h7v1H0z injects the space with the move and drops the comma,
-        // saving a char per operation
-        ops.push(
-          `M${start + margin} ${y + margin}h${x - start}v1H${start + margin}z`
-        );
-        start = null;
-        return;
-      }
-
-      // end of row, clean up or skip
-      if (x === row.length - 1) {
-        if (!cell) {
-          // We would have closed the op above already so this can only mean
-          // 2+ light modules in a row.
-          return;
-        }
-        if (start === null) {
-          // Just a single dark module.
-          ops.push(`M${x + margin},${y + margin} h1v1H${x + margin}z`);
-        } else {
-          // Otherwise finish the current line.
-          ops.push(
-            `M${start + margin},${y + margin} h${x + 1 - start}v1H${
-              start + margin
-            }z`
-          );
-        }
-        return;
-      }
-
-      if (cell && start === null) {
-        start = x;
-      }
-    });
-  });
-  return ops.join('');
-}
-
-// We could just do this in generatePath, except that we want to support
-// non-Path2D canvas, so we need to keep it an explicit step.
-export function excavateModules(
-  modules: Modules,
-  excavation: Excavation
-): Modules {
-  return modules.slice().map((row, y) => {
-    if (y < excavation.y || y >= excavation.y + excavation.h) {
-      return row;
-    }
-    return row.map((cell, x) => {
-      if (x < excavation.x || x >= excavation.x + excavation.w) {
-        return cell;
-      }
-      return false;
-    });
-  });
-}
-
-export function getImageSettings(
-  cells: Modules,
-  size: number,
-  includeMargin: boolean,
-  imageSettings?: ImageSettings
-): null | {
-  x: number;
-  y: number;
-  h: number;
-  w: number;
-  excavation: Excavation | null;
-} {
-  if (imageSettings == null) {
-    return null;
-  }
-  const margin = includeMargin ? MARGIN_SIZE : 0;
-  const numCells = cells.length + margin * 2;
-  const defaultSize = Math.floor(size * DEFAULT_IMG_SCALE);
-  const scale = numCells / size;
-  const w = (imageSettings.width || defaultSize) * scale;
-  const h = (imageSettings.height || defaultSize) * scale;
-  const x =
-    imageSettings.x == null
-      ? cells.length / 2 - w / 2
-      : imageSettings.x * scale;
-  const y =
-    imageSettings.y == null
-      ? cells.length / 2 - h / 2
-      : imageSettings.y * scale;
-
-  let excavation;
-  if (imageSettings.excavate) {
-    const floorX = Math.floor(x);
-    const floorY = Math.floor(y);
-    const ceilW = Math.ceil(w + x - floorX);
-    const ceilH = Math.ceil(h + y - floorY);
-    excavation = { x: floorX, y: floorY, w: ceilW, h: ceilH };
-  }
-
-  return { x, y, h, w, excavation };
-}

package/src/app/i18n.tsx

@@ -1,61 +0,0 @@
-import React from 'react';
-import el from '@digigov/ui/locales/el';
-export interface I18NContextProps {
-  Trans?: any;
-  t: (str: string, context?: any) => string;
-  children?: React.ReactNode;
-  i18n?: any;
-}
-export const defaultTranslate = (
-  key: string,
-  context?: Record<string, any>
-): string => {
-  try {
-    if (key.split('.').length > 0) {
-      return key.split('.').reduce((locale, path) => {
-        if (locale[path]) {
-          if (typeof locale[path] === 'string' && context) {
-            let nextLocale = locale[path];
-            const matches = locale[path].match(/\{{(\w+)\}}/g) || [];
-            matches.forEach((match) => {
-              const variable = match.replaceAll(/{|}/g, '');
-              nextLocale = nextLocale.replace(match, context[variable]);
-            });
-            return nextLocale;
-          }
-          return locale[path];
-        } else {
-          return key;
-        }
-      }, el);
-    } else if (el[key]) {
-      return el[key];
-    } else {
-      return key;
-    }
-  } catch (err) {
-    console.error(`Translation key \`${key}\` not found`);
-    return key;
-  }
-};
-export const I18NContext = React.createContext<I18NContextProps>({
-  t: defaultTranslate,
-});
-
-export const I18NProvider: React.FC<I18NContextProps> = ({
-  t = defaultTranslate,
-  children,
-  ...props
-}: I18NContextProps) => {
-  return (
-    <I18NContext.Provider value={{ t, ...props }}>
-      {children}
-    </I18NContext.Provider>
-  );
-};
-
-export const useTranslation = (): I18NContextProps => {
-  return React.useContext(I18NContext);
-};
-
-export default I18NProvider;

package/src/app/index.ts

@@ -1,8 +0,0 @@
-export * from '@digigov/ui/app/App';
-export * from '@digigov/ui/app/PageTitle';
-export * from '@digigov/ui/app/QrCodeScanner';
-export * from '@digigov/ui/app/QrCodeViewer';
-export * from '@digigov/ui/app/Header';
-export * from '@digigov/ui/app/i18n';
-export * from '@digigov/ui/app/I18nText';
-export * from '@digigov/ui/app/PhaseBannerHeader';

package/src/core/Accordion/Accordion.stories.js

@@ -1,9 +0,0 @@
-
-import Accordion from "@digigov/ui/core"
-export default {
-  title: 'Digigov UI/core/Accordion',
-  component: Accordion,
-}
-export * from './__stories__/Default';
-export * from './__stories__/WithHints';
-  

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

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

package/src/core/Accordion/__stories__/Default.tsx

@@ -1,113 +0,0 @@
-import React from 'react';
-import Accordion, {
-  AccordionSection,
-  AccordionSectionContent,
-  AccordionSectionSummary,
-  AccordionSectionSummaryHeading,
-} from '@digigov/ui/core/Accordion';
-import Paragraph from '@digigov/ui/typography/Paragraph';
-import Link from '@digigov/ui/core/Link';
-import List, {ListItem} from '@digigov/ui/core/List';
-
-export const Default = () => (
-  <Accordion>
-  <AccordionSection>
-    <AccordionSectionSummary>
-      <AccordionSectionSummaryHeading aria-controls="content1" >
-        Διαφορές με το δημόσιο
-      </AccordionSectionSummaryHeading>
-    </AccordionSectionSummary>
-    <AccordionSectionContent id="content1">
-    <Paragraph>
-      Παρακάτω μπορείτε να δείτε την διαθέσιμη και ενεργή υπηρεσία που αφορά το επιλεγμένο γεγονός ζωής.
-    </Paragraph>
-    <List>
-      <ListItem>
-      <Link>
-        Αίτηση εξώδικης αναγνώρισης απαιτήσεων / συμβιβαστικής επίλυσης διαφορών με το Δημόσιο
-      </Link>
-      </ListItem>
-    </List>
-    </AccordionSectionContent>
-  </AccordionSection>
-  <AccordionSection>
-    <AccordionSectionSummary>
-      <AccordionSectionSummaryHeading aria-controls="content2" >
-        Δικαστήρια
-      </AccordionSectionSummaryHeading>
-    </AccordionSectionSummary>
-    <AccordionSectionContent id="content2">
-      <Paragraph>
-        Στη λίστα παρακάτω μπορείτε να δείτε τις υπηρεσίες που αφορούν το επιλεγμένο γεγονός ζωής, κατηγοριοποιημένες σε ομάδες υπηρεσιών.
-      </Paragraph>
-      <List>
-        <ListItem>
-          <Link>
-            Ενιαίο πιστοποιητικό δικαστικής φερεγγυότητας
-          </Link>
-        </ListItem>
-        <ListItem>
-          <Link>
-            Ηλεκτρονικές δικαστικές αποφάσεις
-          </Link>
-        </ListItem>
-        <ListItem>
-          <Link>
-            Πιστοποιητικά δικαστηρίων
-          </Link>
-        </ListItem>
-      </List>
-    </AccordionSectionContent>
-  </AccordionSection>
-  <AccordionSection>
-    <AccordionSectionSummary>
-      <AccordionSectionSummaryHeading aria-controls="content3" >
-      Δικόγραφα
-      </AccordionSectionSummaryHeading>
-    </AccordionSectionSummary>
-    <AccordionSectionContent id="content3">
-      <Paragraph>
-        Στη λίστα παρακάτω μπορείτε να δείτε τις υπηρεσίες που αφορούν το επιλεγμένο γεγονός ζωής.
-      </Paragraph>
-      <List>
-        <ListItem>
-          <Link>
-            Αντίγραφο πρακτικών υπόθεσης
-          </Link>
-        </ListItem>
-        <ListItem>
-          <Link>
-            Ηλεκτρονική κατάθεση δικογράφων (Πολιτικά / Ποινικά Δικαστήρια)
-          </Link>
-        </ListItem>
-      </List>
-    </AccordionSectionContent>
-  </AccordionSection>
-  <AccordionSection>
-    <AccordionSectionSummary>
-      <AccordionSectionSummaryHeading aria-controls="content4" >
-        Καταστήματα κράτησης
-      </AccordionSectionSummaryHeading>
-    </AccordionSectionSummary>
-    <AccordionSectionContent id="content4">
-      <Paragraph>
-        Στη λίστα παρακάτω μπορείτε να δείτε τις υπηρεσίες που αφορούν το επιλεγμένο γεγονός ζωής.
-      </Paragraph>
-      <List>
-        <ListItem>
-          <Link>
-            Βεβαίωση ηθικού / πειθαρχικού ελέγχου αποφυλακισμένων
-          </Link>
-        </ListItem>
-        <ListItem>
-          <Link>
-            Εκπαίδευση αποφυλακισμένων
-          </Link>
-        </ListItem>
-      </List>
-    </AccordionSectionContent>
-  </AccordionSection>
-</Accordion>
-);
-
-export default Default;

package/src/core/Accordion/__stories__/WithHints.tsx

@@ -1,122 +0,0 @@
-import React from 'react';
-import Accordion, {
-  AccordionSection,
-  AccordionSectionContent,
-  AccordionSectionSummary,
-  AccordionSectionSummaryHeading,
-} from '@digigov/ui/core/Accordion';
-import Hint from '@digigov/ui/typography/Hint';
-import Paragraph from '@digigov/ui/typography/Paragraph';
-import Link from '@digigov/ui/core/Link';
-import List, {ListItem} from '@digigov/ui/core/List';
-
-export const WithHints = () => (
-  <Accordion>
-    <AccordionSection>
-      <AccordionSectionSummary>
-        <AccordionSectionSummaryHeading aria-controls="content1">
-          Διαφορές με το δημόσιο
-        </AccordionSectionSummaryHeading>
-        <Hint>
-          Δικαστικές και εξωδικαστικές διαφορές με το Δημόσιο, εκκαθάριση δικαστικών δαπανών κ.ά.
-        </Hint>
-      </AccordionSectionSummary>
-      <AccordionSectionContent id="content1">
-      <Paragraph>
-        Παρακάτω μπορείτε να δείτε την διαθέσιμη και ενεργή υπηρεσία που αφορά το επιλεγμένο γεγονός ζωής.
-      </Paragraph>
-      <List>
-        <ListItem>
-        <Link>
-          Αίτηση εξώδικης αναγνώρισης απαιτήσεων / συμβιβαστικής επίλυσης διαφορών με το Δημόσιο
-        </Link>
-        </ListItem>
-      </List>
-      </AccordionSectionContent>
-    </AccordionSection>
-    <AccordionSection>
-      <AccordionSectionSummary>
-        <AccordionSectionSummaryHeading aria-controls="content2">
-          Δικαστήρια
-        </AccordionSectionSummaryHeading>
-        <Hint>
-          Πιστοποιητικά δικαστηρίων, παρακολούθηση υποθέσεων κ.ά.
-        </Hint>
-      </AccordionSectionSummary>
-      <AccordionSectionContent id="content2">
-        <Paragraph>
-          Στη λίστα παρακάτω μπορείτε να δείτε τις υπηρεσίες που αφορούν το επιλεγμένο γεγονός ζωής, κατηγοριοποιημένες σε ομάδες υπηρεσιών.
-        </Paragraph>
-        <List>
-          <ListItem>
-            <Link>
-              Ενιαίο πιστοποιητικό δικαστικής φερεγγυότητας
-            </Link>
-          </ListItem>
-          <ListItem>
-            <Link>
-              Ηλεκτρονικές δικαστικές αποφάσεις
-            </Link>
-          </ListItem>
-          <ListItem>
-            <Link>
-              Πιστοποιητικά δικαστηρίων
-            </Link>
-          </ListItem>
-        </List>
-      </AccordionSectionContent>
-    </AccordionSection>
-    <AccordionSection>
-      <AccordionSectionSummary>
-        <AccordionSectionSummaryHeading aria-controls="content3">
-        Δικόγραφα
-        </AccordionSectionSummaryHeading>
-        <Hint>Διαδικασίες για την κατάθεση δικογράφων</Hint>
-      </AccordionSectionSummary>
-      <AccordionSectionContent id="content3">
-        <Paragraph>
-          Στη λίστα παρακάτω μπορείτε να δείτε τις υπηρεσίες που αφορούν το επιλεγμένο γεγονός ζωής.
-        </Paragraph>
-        <List>
-          <ListItem>
-            <Link>
-              Αντίγραφο πρακτικών υπόθεσης
-            </Link>
-          </ListItem>
-          <ListItem>
-            <Link>
-              Ηλεκτρονική κατάθεση δικογράφων (Πολιτικά / Ποινικά Δικαστήρια)
-            </Link>
-          </ListItem>
-        </List>
-      </AccordionSectionContent>
-    </AccordionSection>
-    <AccordionSection>
-      <AccordionSectionSummary>
-        <AccordionSectionSummaryHeading aria-controls="content4">
-          Καταστήματα κράτησης
-        </AccordionSectionSummaryHeading>
-        <Hint>Επανένταξη αποφυλακισμένων, πιστοποιητικά, επισκεπτήρια κ.ά.</Hint>
-      </AccordionSectionSummary>
-      <AccordionSectionContent id="content4">
-        <Paragraph>
-          Στη λίστα παρακάτω μπορείτε να δείτε τις υπηρεσίες που αφορούν το επιλεγμένο γεγονός ζωής.
-        </Paragraph>
-        <List>
-          <ListItem>
-            <Link>
-              Βεβαίωση ηθικού / πειθαρχικού ελέγχου αποφυλακισμένων
-            </Link>
-          </ListItem>
-          <ListItem>
-            <Link>
-              Εκπαίδευση αποφυλακισμένων
-            </Link>
-          </ListItem>
-        </List>
-      </AccordionSectionContent>
-    </AccordionSection>
-  </Accordion>
-);
-
-export default WithHints;

package/src/core/Accordion/index.mdx

@@ -1,33 +0,0 @@
----
-id: accordion
-title: Accordion
----
-
-
-# Accordion
-
-This component is currently experimental because adding a summary line with more than a few short words will likely make the button text too long, particularly for users of screen readers.
-
-The accordion component lets users show and hide sections of related content on a page.
-
- 
-
-
-```bash
-import Accordion from '@digigov/ui/core/Accordion';
-``` 
-
-## How to use
-
-<Story packageName="@digigov/ui" component="core/Accordion" story="Default.tsx" />
-
-### Accordion with Hints
-
-Accordions hide content, so the labels need to be clear. If necessary, you can add a summary line to help users understand what is in the section.
-
-<Story packageName="@digigov/ui" component="core/Accordion" story="WithHints.tsx" />
-
-## Accessibility
-
-You can read more about the accessibility patterns used in our Accordion
-implementation in the [ARIA Authoring Practices Guide (APG)](https://www.w3.org/WAI/ARIA/apg/patterns/accordion/).

package/src/core/Accordion/index.spec.tsx

@@ -1,30 +0,0 @@
-import * as React from 'react';
-import { mount } from 'enzyme';
-
-import {
-  Accordion,
-  AccordionItem,
-  AccordionItemDetails,
-  AccordionItemSummary,
-} from '@digigov/ui/core/Accordion';
-
-it('renders the Accordion', () => {
-  expect(
-    mount(
-      <Accordion>
-        <AccordionItem>
-          <AccordionItemSummary>Βασικες Ρυθμισεις</AccordionItemSummary>
-          <AccordionItemDetails>
-            Περιεχομενο Βασικων Ρυθμισεων
-          </AccordionItemDetails>
-        </AccordionItem>
-        <AccordionItem>
-          <AccordionItemSummary>Υπολοιπες Ρυθμισεις</AccordionItemSummary>
-          <AccordionItemDetails>
-            Περιεχομενο Υπολοιπων Ρυθμισεων
-          </AccordionItemDetails>
-        </AccordionItem>
-      </Accordion>
-    )
-  ).toMatchSnapshot();
-});

package/src/core/Accordion/index.tsx

@@ -1,79 +0,0 @@
-/* eslint-disable react-hooks/exhaustive-deps */
-import React from 'react';
-import Accordion from '@digigov/react-core/Accordion';
-import AccordionSection from '@digigov/react-core/AccordionSection';
-import AccordionSectionContent from '@digigov/react-core/AccordionSectionContent';
-import AccordionSectionSummaryHeading from '@digigov/react-core/AccordionSectionSummaryHeading';
-import AccordionSectionSummary from '@digigov/react-core/AccordionSectionSummary';
-import AccordionControls from '@digigov/react-core/AccordionControls';
-import withDeprecation from '@digigov/ui/utils/withDeprecation';
-import {
-  useTogglableSections,
-  UseTogglableSectionsReturn,
-} from '@digigov/ui/hooks/useTogglableSections';
-
-export const AccordionItemDetails = withDeprecation(AccordionSectionContent, {
-  name: 'AccordionItemDetails',
-  rename: 'AccordionSectionContent',
-});
-
-export const AccordionItemSummary = withDeprecation(
-  ({ children, ...props }) => {
-    return (
-      <AccordionSectionSummary {...props}>
-        <AccordionSectionSummaryHeading>
-          {children}
-        </AccordionSectionSummaryHeading>
-      </AccordionSectionSummary>
-    );
-  },
-  {
-    name: 'AccordionItemSummary',
-    warning:
-      'There is no need to use AccordionSectionHeader components anymore. It will be removed in a later version and impelented using AccordionSectionSummary and AccordionSectionSummaryHeading',
-  }
-);
-
-export const AccordionItem = withDeprecation(
-  React.memo(AccordionSection, (prev, next) => prev.open === next.open),
-  {
-    name: 'AccordionItem',
-    rename: 'AccordionSection',
-  }
-);
-export interface UseAccordionProps {
-  singleOpen?: boolean;
-}
-export interface UseAccordionReturn extends UseTogglableSectionsReturn {}
-const useAccordion = (props: UseAccordionProps): UseAccordionReturn => {
-  const {
-    register,
-    setOpened,
-    opened,
-    registered,
-    ...rest
-  } = useTogglableSections({
-    toggleProperty: 'open',
-    onToggleProperty: 'onToggle',
-    singleOpen: props && !!props.singleOpen,
-  });
-
-  return {
-    register,
-    setOpened,
-    opened,
-    registered,
-    ...rest,
-  };
-};
-export * from '@digigov/react-core/AccordionSectionHeader';
-export {
-  Accordion,
-  AccordionControls,
-  AccordionSection,
-  AccordionSectionContent,
-  AccordionSectionSummary,
-  AccordionSectionSummaryHeading,
-  useAccordion,
-};
-export default Accordion;

package/src/core/BackLink/BackLink.stories.js

@@ -1,8 +0,0 @@
-
-import BackLink from "@digigov/ui/core/BackLink";
-export default {
-  title: 'Digigov UI/core/BackLink',
-  component: BackLink,
-}
-export * from './__stories__/Default';
-  

package/src/core/BackLink/__stories__/Default.tsx

@@ -1,10 +0,0 @@
-
-import React from "react";
-import BackLink from "@digigov/ui/core/BackLink";
-
-export const Default = () => (
-  <BackLink href="#">Back</BackLink>
-
-);
-
-export default Default;

package/src/core/BackLink/index.mdx

@@ -1,16 +0,0 @@
----
-id: back-link
-title: Back Link
----
-
-# Back Link
-
-Use the back link component to help users go back to the previous page in a multi-page transaction.
-
-```bash
-import BackLink from "@digigov/ui/core/BackLink";
-``` 
-
-## How to use
-
-<Story packageName="@digigov/ui" component="core/BackLink" story="Default.tsx" />

package/src/core/Base/index.tsx

@@ -1,4 +0,0 @@
-import Base from '@digigov/react-core/Base';
-
-export default Base;
-export { Base };

package/src/core/Blockquote/Blockquote.stories.js

@@ -1,7 +0,0 @@
-import Blockquote from "@digigov/ui/core/Blockquote"
-export default {
-  title: 'Digigov UI/core/Blockquote',
-  component: Blockquote,
-}
-export * from './__stories__/Default';
-