@digigov/ui 0.28.2 → 0.29.0

package/docs/introduction.mdx

@@ -1,34 +0,0 @@
----
-title: Introduction
-parent: docs/ui
----
-
-The `@digigov/ui` is a collection of libraries and tools (in short, an SDK -
-Software Development Kit) written in the latest Ecmascript and Typescript
-specifications that are developed by the [GRNET](https://www.grnet.gr) Devs.
-Their purpose is to provide software engineers inside GRNET (or in other
-external teams) an easy, battle-tested and scalable way to design and develop
-high quality [gov.gr](https://www.gov.gr) services and web applications.
-
-The technologies used includes a plethora of tools, such as
-[node.js](https://nodejs.org/), [React](https://reactjs.org/) and
-[Next](https://nextjs.org/). GRNET Devs team has built-upon those technologies
-but also developed custom software solutions to meet our unique demands and
-specifications.
-
-## Overview of Digigov SDKs
-
-Some of the tools and libraries currently used in development are:
-
-- **create-digigov-app** - Create a fresh Digigov app with one command
-- **@digigov/ui** - Ready-to-use UI components for the [DigiGOV Design System](/docs/site/design) implemented in [React](https://reactjs.com) and based on
-  [Google Material Design Language](https://material.io) and the
-  [React Material UI](https://material-ui.com) library
-- **@digigov/auth** - A library that contains React Providers and functions
-  for the authentication system of gov.gr services
-- **@digigov/dev** - Software package utilities and pre-bundled configurations
-  and scripts for day-to-day developer's needs (test, lint, serve)
-- **@digigov/nextjs** - A small set of utilities to facilitate developing
-  @digigov/ui powered apps using [Next.js](https://nextjs.com) framework
-
-[Continue in the next section “Create a new service“](/docs/ui/create-a-new-service)

package/src/admin/CopyToClipboard/__stories__/MultipleCopies.tsx

@@ -1,213 +0,0 @@
-import React from 'react';
-import { CopyToClipboard } from '@digigov/ui/admin';
-import {
-  AdminAside,
-  AdminContainer,
-  AdminLayout,
-  AdminMain,
-  AdminTopSection,
-  AdminHeader,
-  AdminHeaderSection,
-  DropdownBase,
-  DropdownButton,
-  DropdownContent,
-} from '@digigov/react-extensions/admin';
-import {
-  MoreVertIcon,
-  NavVertical,
-  NavVerticalItem,
-} from '@digigov/react-core';
-import {
-  Accordion,
-  AccordionItem,
-  AccordionSectionSummary,
-  AccordionSectionSummaryHeading,
-} from '@digigov/ui/core/Accordion';
-import {
-  SummaryList,
-  SummaryListItem,
-  SummaryListItemKey,
-  SummaryListItemValue,
-  SummaryListItemAction,
-  Button,
-  BackButton,
-  ButtonGroup,
-} from '@digigov/ui';
-import {
-  HeaderContent,
-  HeaderTitle,
-  HeaderSubtitle,
-  SectionBreak,
-} from '@digigov/ui';
-import Title from '@digigov/ui/typography/Title';
-import Paragraph from '@digigov/ui/typography/Paragraph';
-import GovGRFooter from '@digigov/ui/govgr/Footer';
-import GovGRLogo from '@digigov/ui/govgr/Logo';
-import Grid from '@digigov/ui/layouts/Grid';
-
-const fields = [
-  {
-    name: 'Θέμα',
-    value: 'Αίτηση Ληξιαρχικής Πράξης Γάμου',
-  },
-  {
-    name: 'Ημερομηνία',
-    value: '09/03/2002 14:54:36',
-  },
-  {
-    name: 'Κωδικός επαλήθευσης',
-    value: 'NdH-EYREW1yd1LUhEOssx4A',
-    actions: ['Προβολή', 'Αντιγραφή συνδέσμου'],
-  },
-  {
-    name: 'Κατάσταση',
-    value: 'Εισερχόμενη',
-    actions: ['Αλλάγή'],
-  },
-  {
-    name: 'Χειριστής',
-    value: 'Δεν έχει οριστεί χειριστής',
-    actions: ['Ανάθεση'],
-  },
-];
-
-export const MultipleCopies = () => {
-  return (
-    <>
-      <AdminLayout>
-        <AdminHeader>
-          <AdminHeaderSection>
-            <HeaderContent>
-              <GovGRLogo />
-              <HeaderTitle>Θυρίδες</HeaderTitle>
-            </HeaderContent>
-            <HeaderSubtitle>
-              <DropdownBase align="right">
-                <DropdownButton variant="link">
-                  Έχετε συνδεθεί ως Καλλιόπη Παπαδοπούλου
-                  <MoreVertIcon />
-                </DropdownButton>
-                <DropdownContent>
-                  <NavVertical>
-                    <NavVerticalItem href="#">Επεξεργασία</NavVerticalItem>
-                    <NavVerticalItem href="#">Μετακίνηση</NavVerticalItem>
-                    <NavVerticalItem href="#">
-                      Οριστική διαγραφή
-                    </NavVerticalItem>
-                  </NavVertical>
-                </DropdownContent>
-              </DropdownBase>
-            </HeaderSubtitle>
-          </AdminHeaderSection>
-        </AdminHeader>
-        <AdminContainer>
-          <Grid item md={3} lg={2}>
-            <AdminAside>
-              <AdminTopSection>
-                <BackButton>Αλλαγή θυρίδας</BackButton>
-                <Title size="sm">ΚΕΠ/ΖΑΚΥΝΘΟΥ [ΖΑΚΥΝΘΙΩΝ]</Title>
-                <Paragraph>ΚΕΠ/ΖΑΚΥΝΘΟΥ [ΖΑΚΥΝΘΙΩΝ]</Paragraph>
-              </AdminTopSection>
-              <SectionBreak visible size="m" />
-              <Button>Νέα υπόθεση</Button>
-              <Accordion>
-                <AccordionItem>
-                  <AccordionSectionSummary>
-                    <AccordionSectionSummaryHeading>
-                      Υποθέσεις
-                    </AccordionSectionSummaryHeading>
-                  </AccordionSectionSummary>
-                </AccordionItem>
-                <AccordionItem>
-                  <AccordionSectionSummary>
-                    <AccordionSectionSummaryHeading>
-                      Διαχείριση
-                    </AccordionSectionSummaryHeading>
-                  </AccordionSectionSummary>
-                  <NavVertical>
-                    <NavVerticalItem>Χρήστες</NavVerticalItem>
-                    <NavVerticalItem>Αιτήματα</NavVerticalItem>
-                  </NavVertical>
-                </AccordionItem>
-              </Accordion>
-            </AdminAside>
-          </Grid>
-          <Grid item md={9} lg={10}>
-            <AdminMain>
-              <Grid container spacing={4}>
-                <Grid item xs={12}>
-                  <Title size="xl"># Υπόθεση 4</Title>
-
-                  <ButtonGroup>
-                    <CopyToClipboard
-                      text="AAABBBFFFLLL"
-                      variant="tooltip-left"
-                      message="text successfuly copied!"
-                    >
-                      <Button>Απάντηση</Button>
-                    </CopyToClipboard>
-                    <Button color="secondary">Αποστολή</Button>
-                    <Button color="secondary">Αποθήκευση</Button>
-                  </ButtonGroup>
-                  <SummaryList>
-                    {fields &&
-                      fields.map((field, index) => {
-                        return (
-                          <SummaryListItem key={index}>
-                            <SummaryListItemKey>
-                              {field.name}
-                            </SummaryListItemKey>
-                            <SummaryListItemValue>
-                              {field.value}
-                            </SummaryListItemValue>
-                            <SummaryListItemAction>
-                              <ButtonGroup>
-                                {field.actions &&
-                                  field.actions.map((action, subIndex) => {
-                                    return (
-                                      <CopyToClipboard
-                                        text="MMMNNNKKKO"
-                                        variant="tooltip-right"
-                                        key={subIndex}
-                                      >
-                                        <Button key={subIndex} variant="link">
-                                          {action}
-                                        </Button>
-                                      </CopyToClipboard>
-                                    );
-                                  })}
-                              </ButtonGroup>
-                            </SummaryListItemAction>
-                          </SummaryListItem>
-                        );
-                      })}
-                  </SummaryList>
-                </Grid>
-                <Grid item xs={12}>
-                  <CopyToClipboard
-                    text="AAABBBFFFLLL"
-                    variant="banner"
-                    message="text successfuly copied!"
-                  >
-                    <Button color="secondary">Banner example</Button>
-                  </CopyToClipboard>
-                </Grid>
-                <Grid item xs={12}>
-                  <CopyToClipboard
-                    text="AAABBBFFFLLL"
-                    variant="tooltip-left"
-                    message="text successfuly copied!"
-                  >
-                    <Button color="secondary">Tooltip example</Button>
-                  </CopyToClipboard>
-                </Grid>
-              </Grid>
-            </AdminMain>
-          </Grid>
-        </AdminContainer>
-        <GovGRFooter />
-      </AdminLayout>
-    </>
-  );
-};
-export default MultipleCopies;

package/src/admin/Modal/__stories__/AlertDialog.test.tsx

@@ -1,14 +0,0 @@
-import React from 'react';
-import AlertDialog from '@digigov/ui/admin/Modal/__stories__/AlertDialog';
-
-import { test, expect } from '@playwright/experimental-ct-react';
-
-test('open modal', async ({ mount, page }) => {
-  const component = await mount(<AlertDialog />);
-  // As with any Playwright test, assert locator text.
-  await expect(component).toContainText('Διαγραφή');
-  // Perform locator click. This will trigger the event.
-  await page.click('#delete-button');
-  // Assert that respective events have been fired.
-  await expect(await page.screenshot()).toMatchSnapshot();
-});

package/src/core/Checkboxes/Checkbox.stories.js

@@ -1,12 +0,0 @@
-import Checkboxes from '@digigov/ui/core/Checkboxes';
-export default {
-  title: 'Digigov UI/core/Checkboxes',
-  component: Checkboxes,
-};
-export * from '@digigov/ui/core/Checkboxes/__stories__/Default';
-export * from '@digigov/ui/core/Checkboxes/__stories__/MultipleQuestions';
-export * from '@digigov/ui/core/Checkboxes/__stories__/WithHint';
-export * from '@digigov/ui/core/Checkboxes/__stories__/NoneAnswer';
-export * from '@digigov/ui/core/Checkboxes/__stories__/NoneAnswerWithError';
-export * from '@digigov/ui/core/Checkboxes/__stories__/WithErrorMessage';
-export * from '@digigov/ui/core/Checkboxes/__stories__/ConditionalReveal';

package/src/core/Confirmation/Confirmation.stories.js

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

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

@@ -1,15 +0,0 @@
-
-import React from "react";
-import Confirmation, {ConfirmationBody, ConfirmationTitle} from "@digigov/ui/core/Confirmation";
-
-export const Default = () => (
-  <Confirmation>
-    <ConfirmationTitle>Η φόρμα υποβλήθηκε επιτυχώς</ConfirmationTitle>
-    <ConfirmationBody>
-      Ο κωδικός εγγράφου <br />
-      <strong>HDJ2123F</strong>
-    </ConfirmationBody>
-  </Confirmation>
-);
-
-export default Default;

package/src/core/Confirmation/confirmation.mdx

@@ -1,19 +0,0 @@
----
-id: confirmation
-title: Confirmation
----
-
-
-# Confirmation
-
-
- 
-
-
-```bash
-import Confirmation from '@digigov/ui/core/Confirmation';
-``` 
-
-## How to use
-
-<Story packageName="@digigov/ui" component="core/Confirmation" story="Default.tsx" />

package/src/core/DateInput/DateInput.stories.js

@@ -1,9 +0,0 @@
-import DateInput from '@digigov/ui/core/DateInput';
-export default {
-  title: 'Digigov UI/core/DateInput',
-  component: DateInput,
-};
-export * from '@digigov/ui/core/DateInput/__stories__/Default';
-export * from '@digigov/ui/core/DateInput/__stories__/MultipleQuestions';
-export * from '@digigov/ui/core/DateInput/__stories__/WithErrorMessage';
-export * from '@digigov/ui/core/DateInput/__stories__/WithErrorMessageForSingleField';

package/src/core/DateInput/index.mdx

@@ -1,34 +0,0 @@
----
-id: date-input
-title: DateInput
----
-
-
-# DateInput
-
-
- 
-
-
-```bash
-import DateInput from '@digigov/ui/core/DateInput';
-``` 
-
-## How to use
-
-<Story packageName="@digigov/ui" component="core/DateInput" story="Default.tsx" />
-
-### If you’re asking more than one question on the page
-
-<Story packageName="@digigov/ui" component="core/DateInput" story="MultipleQuestions.tsx" />
-
-
-### Error message
-
-If you’re highlighting the whole date, style all the fields like this:
-
-<Story packageName="@digigov/ui" component="core/DateInput" story="WithErrorMessage.tsx" />
-
-If you’re highlighting just one field - either the day, month or year - only style the field that has an error. The error message must say which field has an error, like this:
-
-<Story packageName="@digigov/ui" component="core/DateInput" story="WithErrorMessageForSingleField.tsx" />

package/src/core/Radios/Radios.stories.js

@@ -1,12 +0,0 @@
-import Radios from '@digigov/ui/core/Radios';
-export default {
-  title: 'Digigov UI/core/Radios',
-  component: Radios,
-};
-export * from '@digigov/ui/core/Radios/__stories__/Default';
-export * from '@digigov/ui/core/Radios/__stories__/MultipleQuestions';
-export * from '@digigov/ui/core/Radios/__stories__/Inline';
-export * from '@digigov/ui/core/Radios/__stories__/WithHints';
-export * from '@digigov/ui/core/Radios/__stories__/NoneAnswer';
-export * from '@digigov/ui/core/Radios/__stories__/WithErrorMessage';
-export * from '@digigov/ui/core/Radios/__stories__/ConditionalReveal';

package/src/core/Radios/index.mdx

@@ -1,56 +0,0 @@
----
-id: radios
-title: Radios
----
-
-
-# Radios
-
- 
-
-
-```bash
-import Radios from '@digigov/ui/core/Radios';
-``` 
-
-## How to use
-
-<Story packageName="@digigov/ui" component="core/Radios" story="Default.tsx" />
-
-### If you’re asking more than one question on the page
-
-<Story packageName="@digigov/ui" component="core/Radios" story="MultipleQuestions.tsx" />
-
-### Inline radios
-
-<Story packageName="@digigov/ui" component="core/Radios" story="Inline.tsx" />
-
-### Checkbox items with hints
-
-You can add hints to checkbox items to provide additional information about the options.
-
-<Story packageName="@digigov/ui" component="core/Radios" story="WithHints.tsx" />
-
-### Radio items with a text divider
-
-If one or more of your radio options is different from the others, it can help users if you separate them using a text divider. 
-The text is usually the word ‘or’.
-
-<Story packageName="@digigov/ui" component="core/Radios" story="NoneAnswer.tsx" />
-
-## Conditionally revealing a related question
-
-You can ask the user a related question when they select a particular checkbox, so they only see the question when it’s relevant to them.
-
-This might make 2 related questions easier to answer by grouping them on the same page. For example, you could reveal a phone number input when the user selects the ‘Contact me by phone’ option.
-
-<Story packageName="@digigov/ui" component="core/Radios" story="ConditionalReveal.tsx" />
-
-### Error messages
-
-Error messages should be styled like this:
-
-<Story packageName="@digigov/ui" component="core/Radios" story="WithErrorMessage.tsx" />
-
-
-

package/src/core/Select/Select.stories.js

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

package/src/core/Select/index.mdx

@@ -1,42 +0,0 @@
----
-id: select
-title: Select
----
-
-
-# Select
-
- 
-
-
-```bash
-import Select from '@digigov/ui/core/Select';
-``` 
-
-## How to use
-
-<Story packageName="@digigov/ui" component="core/Select" story="Default.tsx" />
-
-
-### Select with hints
-
-You can add hints to select items to provide additional information about the options.
-
-<Story packageName="@digigov/ui" component="core/Select" story="WithHint.tsx" />
-
-
-
-### Disabled input
-
-Error messages should be styled like this:
-
-<Story packageName="@digigov/ui" component="core/Select" story="DisabledInput.tsx" />
-
-
-
-You can read more about the accessibility patterns used in our Select
-implementation in the ARIA Authoring Practices Guide (APG) at 
-[Combobox](https://www.w3.org/WAI/ARIA/apg/patterns/combobox/) section.
-
-
-

package/src/form/inputs/Input/index.mdx

@@ -1,10 +0,0 @@
----
-title: Input
-parent: docs/ui/components
----
-
-## Example
-
-```jsx live path=form/inputs/Input/index.tsx
-<input type="text" />
-```

package/src/router/index.mdx

@@ -1,5 +0,0 @@
----
-title: RouterProvider
----
-
-lalal

package/tsconfig.json

@@ -1,25 +0,0 @@
-{
-  "extends": "@digigov/cli-build/tsconfig.base",
-  "compilerOptions": {
-    "lib": [
-      "DOM"
-    ],
-    "outDir": "dist",
-    "types": [
-      "node",
-      "jest",
-      "react"
-    ]
-  },
-  "include": [
-    "src",
-    "src/custom.d.ts"
-  ],
-  "files": [
-    "src/custom.d.ts", "./src/core/NavList/types.tsx", "./src/core/NavList/NavListBase.tsx", "./src/admin/AutoComplete/utils.tsx"
-  ],
-  "exclude": [
-    "node_modules",
-    "dist"
-  ]
-}

package/tsconfig.production.json

@@ -1,45 +0,0 @@
-{
-  "extends": "@digigov/cli-build/tsconfig.common",
-  "compilerOptions": {
-    "skipLibCheck": true,
-    "moduleResolution": "node",
-    "outDir": "dist",
-    "types": [
-      "node",
-      "jest",
-      "react"
-    ],
-    "baseUrl": "./",
-    "paths": {
-      "@digigov/ui/*": [
-        "./src/*"
-      ],
-      "@digigov/ui": [
-        "./src/"
-      ],
-      "@digigov/react-core/*": [
-        "node_modules/@digigov/react-core/src/*"
-      ],
-      "@digigov/react-core": [
-        "node_modules/@digigov/react-core/src/"
-      ],
-      "@digigov/react-extensions/*": [
-        "node_modules/@digigov/react-extensions/src/*"
-      ],
-      "@digigov/react-extensions": [
-        "node_modules/@digigov/react-extensions/src/"
-      ],
-    }
-  },
-  "include": [
-    "src",
-    "src/custom.d.ts"
-  ],
-  "files": [
-    "src/custom.d.ts"
-  ],
-  "exclude": [
-    "node_modules",
-    "dist"
-  ]
-}

package/ui.build.log

@@ -1,16 +0,0 @@
-Invoking: digigov build --subpackages 
-Running  /Users/dimitristsironis/grnet/digigov-sdk/tooling/cli-build/node_modules/.bin/rimraf dist
-Running  /Users/dimitristsironis/grnet/digigov-sdk/tooling/cli-build/node_modules/.bin/tsc --emitDeclarationOnly --outDir dist --project /Users/dimitristsironis/grnet/digigov-sdk/libs/ui/tsconfig.production.json
-Running  /Users/dimitristsironis/grnet/digigov-sdk/tooling/cli-build/node_modules/.bin/babel --config-file /Users/dimitristsironis/grnet/digigov-sdk/tooling/cli-build/babel.config.js src --extensions .tsx,.ts,.js,.jsx --copy-files --out-dir dist/esm
-Successfully compiled 410 files with Babel (4440ms).
-Running  /Users/dimitristsironis/grnet/digigov-sdk/tooling/cli-build/node_modules/.bin/babel --config-file /Users/dimitristsironis/grnet/digigov-sdk/tooling/cli-build/babel.config.js src --extensions .tsx,.ts,.js,.jsx --copy-files --out-dir dist/es
-Successfully compiled 410 files with Babel (3328ms).
-Created package.json in /Users/dimitristsironis/grnet/digigov-sdk/libs/ui/dist/package.json
-Copied /Users/dimitristsironis/grnet/digigov-sdk/libs/ui/README.md to /Users/dimitristsironis/grnet/digigov-sdk/libs/ui/dist/README.md
-Copied /Users/dimitristsironis/grnet/digigov-sdk/LICENSE to /Users/dimitristsironis/grnet/digigov-sdk/libs/ui/dist/LICENSE
-Copied /Users/dimitristsironis/grnet/digigov-sdk/libs/ui/CHANGELOG.md to /Users/dimitristsironis/grnet/digigov-sdk/libs/ui/dist/CHANGELOG.md
-Skipped license for ./index.js
-Skipped license for ./umd/digigov-ui.development.js
-Skipped license for ./umd/digigov-ui.production.min.js
-Running  /Users/dimitristsironis/grnet/digigov-sdk/tooling/cli-build/node_modules/.bin/babel --config-file /Users/dimitristsironis/grnet/digigov-sdk/tooling/cli-build/babel.config.js src --extensions .tsx,.ts,.js,.jsx --copy-files --out-dir dist
-Successfully compiled 410 files with Babel (3371ms).