@digigov/ui 0.35.5 → 1.0.0-7c9716da

package/src/admin/Pagination/index.tsx

@@ -1,45 +0,0 @@
-import React from 'react';
-import PaginationLabelContainer, {
-  PaginationLabelContainerProps,
-} from '@digigov/react-extensions/admin/PaginationLabelContainer';
-import { I18nText } from '@digigov/ui/app/I18nText';
-export interface PaginationLabelProps extends PaginationLabelContainerProps {
-  /**
-   * Use start to set the value of the start point of the results shown.
-   */
-  start: number;
-  /**
-   * Use end to set the value of the end point of the results shown.
-   */
-  end: number;
-  /**
-   * Use total to set the value of the total results.
-   */
-  total: number;
-}
-/**
- * PaginationLabel component is used for placing the pagination results label.
- */
-export const PaginationLabel = React.forwardRef<
-  HTMLParagraphElement,
-  PaginationLabelProps
->(function PaginationLabel(
-  { start, end, total },
-  ref: React.Ref<HTMLParagraphElement>
-) {
-  return (
-    <PaginationLabelContainer ref={ref}>
-      <I18nText i18nKey="pagination.label">
-        Showing <b>{start}</b> to <b>{end}</b> of <b>{total}</b> results
-      </I18nText>
-    </PaginationLabelContainer>
-  );
-});
-
-export * from '@digigov/react-extensions/admin/Pagination';
-export * from '@digigov/react-extensions/admin/PaginationList';
-export * from '@digigov/react-extensions/admin/PaginationListItem';
-export { PaginationLabelContainer };
-
-import Pagination from '@digigov/react-extensions/admin/Pagination';
-export default Pagination;

package/src/admin/ResultsHeading/index.tsx

@@ -1,6 +0,0 @@
-export * from '@digigov/react-extensions/admin/ResultsHeading';
-export * from '@digigov/react-extensions/admin/ResultsActionBar';
-export * from '@digigov/react-extensions/admin/ResultsHeadingActions';
-
-import ResultsHeading from '@digigov/react-extensions/admin/ResultsHeading';
-export default ResultsHeading;

package/src/admin/SearchSection/index.tsx

@@ -1,6 +0,0 @@
-export * from '@digigov/react-extensions/admin/SearchSection';
-export * from '@digigov/react-extensions/admin/SearchButton';
-export * from '@digigov/react-extensions/admin/SearchIcon';
-
-import SearchSection from '@digigov/react-extensions/admin/SearchSection';
-export default SearchSection;

package/src/admin/StepNav/StepNav.stories.js

@@ -1,11 +0,0 @@
-/* eslint-disable digigov/no-relative-imports */
-
-import StepNav from '@digigov/ui/admin/StepNav';
-export default {
-  title: 'Digigov UI/admin/StepNav',
-  description:
-    'The step by step navigation pattern presents an end to end journey in logical steps, with links to content that helps users complete each step.',
-  component: StepNav,
-  displayName: 'StepNav',
-};
-export * from './__stories__/Default';

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

@@ -1,33 +0,0 @@
-{
-  "version": "4",
-  "stories": {
-    "digigov-ui-admin-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/admin/StepNav/__stories__/Default.tsx

@@ -1,135 +0,0 @@
-import React, { useState, useEffect } from 'react';
-
-import {
-  StepNav,
-  StepNavCircleNumber,
-  StepNavControls,
-  StepNavList,
-  StepNavListItem,
-  StepNavAccordion,
-  StepNavAccordionContent,
-  StepNavAccordionSummary,
-  StepNavAccordionSummaryHeading,
-  StepNavAccordionHeadingTitle,
-  StepNavAccordionHeadingText,
-} from '@digigov/ui/admin/StepNav';
-
-import { Paragraph } from '@digigov/ui/typography/Paragraph';
-import { List } from '@digigov/ui/core/List/List';
-import { ListItem } from '@digigov/ui/core/List/ListItem';
-import { Link } from '@digigov/ui/core/Link';
-import { VisuallyHidden } from '@digigov/ui/core/VisuallyHidden';
-import { Button } from '@digigov/ui/core/Button';
-
-const data = [
-  {
-    title: 'Title-1',
-    description: 'Some description here',
-    link: 'A link to navigate',
-  },
-  {
-    title: 'Title-2',
-    description: 'Some description here',
-    link: 'A link to navigate',
-  },
-  {
-    title: 'Title-3',
-    description: 'Some description here',
-    link: 'A link to navigate',
-  },
-  {
-    title: 'Title-4',
-    description: 'Some description here',
-    link: 'A link to navigate',
-  },
-];
-
-export const Default = () => {
-  const [open, SetOpen] = useState<boolean>(false);
-  const [openItem, setOpenItem] = useState(
-    Array<boolean>(data.length).fill(false)
-  );
-  useEffect(() => {
-    const stateArray: boolean[] = [];
-    if (open === false) {
-      openItem.map(() => {
-        stateArray.push(false);
-      });
-      setOpenItem(stateArray);
-    } else {
-      openItem.map(() => {
-        stateArray.push(true);
-      });
-      setOpenItem(stateArray);
-    }
-  }, [open]);
-
-  function openCloseItem(index): void {
-    const statusOpenItem = [...openItem];
-    statusOpenItem[index] = !statusOpenItem[index];
-    setOpenItem(statusOpenItem);
-  }
-
-  function openCloseAll(): void {
-    SetOpen(!open);
-  }
-  return (
-    <StepNav>
-      <StepNavControls>
-        <Button
-          variant="link"
-          onClick={() => {
-            openCloseAll();
-          }}
-        >
-          {open === false ? 'Εμφάνιση όλων' : 'Απόκρυψη όλων'}
-        </Button>
-      </StepNavControls>
-      <StepNavList>
-        {data &&
-          data.map((dt, index) => {
-            return (
-              <StepNavListItem key={index}>
-                <StepNavAccordion open={open}>
-                  <StepNavAccordionSummary
-                    onClick={() => {
-                      openCloseItem(index);
-                    }}
-                  >
-                    <StepNavAccordionSummaryHeading aria-controls="content1">
-                      {index === 2 ? (
-                        <StepNavCircleNumber border={false}>
-                          <VisuallyHidden>Step</VisuallyHidden>
-                          and
-                        </StepNavCircleNumber>
-                      ) : (
-                        <StepNavCircleNumber>
-                          <VisuallyHidden>Step</VisuallyHidden>
-                          {index + 1}
-                        </StepNavCircleNumber>
-                      )}
-                      <StepNavAccordionHeadingTitle>
-                        <StepNavAccordionHeadingText open={openItem[index]}>
-                          {dt.title}
-                        </StepNavAccordionHeadingText>
-                      </StepNavAccordionHeadingTitle>
-                    </StepNavAccordionSummaryHeading>
-                  </StepNavAccordionSummary>
-                  <StepNavAccordionContent id="content1">
-                    <Paragraph>{dt.description}</Paragraph>
-                    <List>
-                      <ListItem>
-                        <Link>{dt.link}</Link>
-                      </ListItem>
-                    </List>
-                  </StepNavAccordionContent>
-                </StepNavAccordion>
-              </StepNavListItem>
-            );
-          })}
-      </StepNavList>
-    </StepNav>
-  );
-};
-
-export default Default;

package/src/admin/StepNav/index.tsx

@@ -1,25 +0,0 @@
-import StepNav from '@digigov/react-extensions/admin/StepNav';
-import StepNavCircleNumber from '@digigov/react-extensions/admin/StepNavCircleNumber';
-import StepNavControls from '@digigov/react-extensions/admin/StepNavControls';
-import StepNavList from '@digigov/react-extensions/admin/StepNavList';
-import StepNavListItem from '@digigov/react-extensions/admin/StepNavListItem';
-import StepNavAccordion from '@digigov/react-extensions/admin/StepNavAccordion';
-import StepNavAccordionContent from '@digigov/react-extensions/admin/StepNavAccordionContent';
-import StepNavAccordionSummary from '@digigov/react-extensions/admin/StepNavAccordionSummary';
-import StepNavAccordionSummaryHeading from '@digigov/react-extensions/admin/StepNavAccordionSummaryHeading';
-import StepNavAccordionHeadingTitle from '@digigov/react-extensions/admin/StepNavAccordionHeadingTitle';
-import StepNavAccordionHeadingText from '@digigov/react-extensions/admin/StepNavAccordionHeadingText';
-export {
-  StepNavAccordion,
-  StepNavAccordionContent,
-  StepNavAccordionSummary,
-  StepNavAccordionSummaryHeading,
-  StepNavAccordionHeadingTitle,
-  StepNavAccordionHeadingText,
-  StepNavCircleNumber,
-  StepNav,
-  StepNavControls,
-  StepNavList,
-  StepNavListItem,
-};
-export default StepNav;

package/src/admin/TableLoaderBackground/index.tsx

@@ -1,4 +0,0 @@
-export * from '@digigov/react-extensions/admin/TableLoaderBackground';
-
-import TableLoaderBackground from '@digigov/react-extensions/admin/TableLoaderBackground';
-export default TableLoaderBackground;

package/src/admin/TaskList/TaskList.stories.js

@@ -1,9 +0,0 @@
-import TaskList from '@digigov/ui/admin/TaskList';
-export default {
-  title: 'Digigov UI/admin/TaskList',
-  description:
-    'Only use a task list page for longer transactions involving multiple tasks that users may need to complete over a number of sessions.',
-  component: TaskList,
-  displayName: 'TaskList',
-};
-export * from '@digigov/ui/admin/TaskList/__stories__/Default';

package/src/admin/TaskList/__stories__/Default.tsx

@@ -1,119 +0,0 @@
-import React from 'react';
-import { LinkBase } from '@digigov/ui/core/Link';
-
-import {
-  SummaryList,
-  SummaryListItem,
-  SummaryListItemAction,
-  SummaryListItemKey,
-} from '@digigov/ui/core/SummaryList';
-
-import {
-  TaskList,
-  TaskListItem,
-  TaskListItemHeading,
-  TaskListItemContent,
-  TaskListItemTag,
-} from '@digigov/ui/admin/TaskList';
-
-const fields = [
-  {
-    title: 'Check before you start',
-    tasks: [
-      {
-        text: 'Check eligibility',
-        status: 'Completed',
-      },
-      {
-        text: 'Read declaration',
-        status: 'Completed',
-      },
-    ],
-  },
-  {
-    title: 'Prepare application',
-    tasks: [
-      {
-        text: 'Company information',
-        status: 'Completed',
-      },
-      {
-        text: 'Your contact details',
-        status: 'In progress',
-      },
-      {
-        text: 'List convictions',
-        status: 'Not started',
-      },
-      {
-        text: 'Provide financial evidence',
-        status: 'Cannot start yet',
-      },
-      {
-        text: 'Give medical information',
-        status: 'Cannot start yet',
-      },
-    ],
-  },
-  {
-    title: 'Apply',
-    tasks: [
-      {
-        text: 'Submit and pay',
-        status: 'Cannot start yet',
-      },
-    ],
-  },
-];
-
-export const Default = () => (
-  <div>
-    <TaskList>
-      {fields &&
-        fields.map((field, index) => {
-          return (
-            <TaskListItem key={index}>
-              <TaskListItemHeading size="m">{`${index + 1}. ${
-                field.title
-              }`}</TaskListItemHeading>
-              <TaskListItemContent>
-                <SummaryList>
-                  {field.tasks.map((task, key) => {
-                    let tagColor;
-                    switch (task.status) {
-                      case 'Completed':
-                        tagColor = 'completed';
-                        break;
-                      case 'In progress':
-                        tagColor = 'in-progress';
-                        break;
-                      case 'Not started':
-                        tagColor = 'not-started';
-                        break;
-                      case 'Cannot start yet':
-                        tagColor = 'not-started';
-                        break;
-                    }
-                    return (
-                      <SummaryListItem key={key}>
-                        <SummaryListItemKey>
-                          <LinkBase>{task.text}</LinkBase>
-                        </SummaryListItemKey>
-                        <SummaryListItemAction>
-                          <TaskListItemTag status={tagColor}>
-                            {task.status}
-                          </TaskListItemTag>
-                        </SummaryListItemAction>
-                      </SummaryListItem>
-                    );
-                  })}
-                </SummaryList>
-              </TaskListItemContent>
-            </TaskListItem>
-          );
-        })}
-    </TaskList>
-  </div>
-);
-
-export default Default;

package/src/admin/TaskList/index.tsx

@@ -1,8 +0,0 @@
-export * from '@digigov/react-extensions/admin/TaskList';
-export * from '@digigov/react-extensions/admin/TaskListItem';
-export * from '@digigov/react-extensions/admin/TaskListItemContent';
-export * from '@digigov/react-extensions/admin/TaskListItemHeading';
-export * from '@digigov/react-extensions/admin/TaskListItemTag';
-
-import TaskList from '@digigov/react-extensions/admin/TaskList';
-export default TaskList;

package/src/admin/Timeline/Timeline.stories.js

@@ -1,9 +0,0 @@
-import Timeline from '@digigov/ui/admin/Timeline';
-export default {
-  title: 'Digigov UI/admin/Timeline',
-  description:
-    'Use this pattern to show a list of entries in the order they happened.',
-  component: Timeline,
-  displayName: 'Timeline',
-};
-export * from '@digigov/ui/admin/Timeline/__stories__/Default';

package/src/admin/Timeline/__stories__/Default.tsx

@@ -1,127 +0,0 @@
-import React from 'react';
-import { Button } from '@digigov/ui/core/Button';
-import { Hint } from '@digigov/ui/typography/Hint';
-import { Paragraph } from '@digigov/ui/typography/Paragraph';
-import { LinkBase } from '@digigov/ui/core/Link';
-
-import {
-  Timeline,
-  TimelineItem,
-  TimelineHeading,
-  TimelineContent,
-  TimelineActions,
-} from '@digigov/ui/admin/Timeline';
-
-import {
-  Details,
-  DetailsSummary,
-  DetailsContent,
-} from '@digigov/ui/core/Details';
-
-const data = [
-  {
-    title: 'Application requires confirmation',
-    date: '14 June 2019 at 2:01pm',
-    text:
-      'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras non felis risus. Curabitur nec ante vitae felis ullamcorper tincidunt.',
-    links: [
-      {
-        text: 'See application',
-        href: '#',
-      },
-    ],
-  },
-  {
-    title: 'Application review in progress ',
-    date: '7 June 2019 at 12:32pm',
-    text: 'Your application is being reviewed by one of our case workers.',
-    buttons: [
-      {
-        text: 'Continue',
-      },
-      {
-        text: 'Cancel',
-        color: 'warning',
-      },
-    ],
-  },
-  {
-    title: 'Application received ',
-    date: '6 June 2019 at 9:12am ',
-    text: 'Your application has been received – reference MOJ-1234-5678',
-  },
-  {
-    title: 'Application details ',
-    date: '6 June 2019 at 9:12am ',
-    detailsSummary: 'More info regarding your application',
-    detailsContent:
-      'Your application has been received – reference MOJ-1234-5678',
-  },
-  {
-    title: 'Application submitted',
-    date: '28 May 2019 at 10:45am',
-    text: 'Your application is being reviewed by one of our case workers.',
-    buttons: [
-      {
-        text: 'Continue',
-      },
-    ],
-    links: [
-      {
-        text: 'Details',
-        href: '#',
-      },
-      {
-        text: 'Something else',
-        href: '#',
-      },
-    ],
-  },
-];
-
-export const Default = () => (
-  <div>
-    <Timeline>
-      {data &&
-        data.map((field, index) => {
-          return (
-            <TimelineItem key={index}>
-              <TimelineHeading>{field.title}</TimelineHeading>
-              <TimelineContent>
-                <Hint>{field.date}</Hint>
-                {field.text && <Paragraph>{field.text}</Paragraph>}
-                {field.detailsSummary && (
-                  <Details>
-                    <DetailsSummary>{field.detailsSummary}</DetailsSummary>
-                    <DetailsContent>{field.detailsContent}</DetailsContent>
-                  </Details>
-                )}
-              </TimelineContent>
-              {(field.links || field.buttons) && (
-                <TimelineActions>
-                  {field.buttons &&
-                    field.buttons.map((button, index) => {
-                      return (
-                        <Button key={index} color={button.color || 'secondary'}>
-                          {button.text}
-                        </Button>
-                      );
-                    })}
-                  {field.links &&
-                    field.links.map((link, index) => {
-                      return (
-                        <LinkBase key={index} href={link.href}>
-                          {link.text}
-                        </LinkBase>
-                      );
-                    })}
-                </TimelineActions>
-              )}
-            </TimelineItem>
-          );
-        })}
-    </Timeline>
-  </div>
-);
-
-export default Default;

package/src/admin/Timeline/index.tsx

@@ -1,8 +0,0 @@
-export * from '@digigov/react-extensions/admin/Timeline';
-export * from '@digigov/react-extensions/admin/TimelineContent';
-export * from '@digigov/react-extensions/admin/TimelineHeading';
-export * from '@digigov/react-extensions/admin/TimelineItem';
-export * from '@digigov/react-extensions/admin/TimelineActions';
-
-import Timeline from '@digigov/react-extensions/admin/Timeline';
-export default Timeline;

package/src/admin/index.ts

@@ -1,21 +0,0 @@
-export * from '@digigov/ui/admin/Dropdown';
-export * from '@digigov/ui/admin/DropdownArrowDown';
-export * from '@digigov/ui/admin/Chip';
-export * from '@digigov/ui/admin/CopyToClipboard';
-export * from '@digigov/ui/admin/FillableText';
-export * from '@digigov/ui/admin/Drawer';
-export * from '@digigov/ui/admin/Modal';
-export * from '@digigov/ui/admin/Pagination';
-export * from '@digigov/ui/admin/LoaderContainer';
-export * from '@digigov/ui/admin/CircularProgress';
-export * from '@digigov/ui/admin/FullPageBackground';
-export * from '@digigov/ui/admin/TableLoaderBackground';
-export * from '@digigov/ui/admin/LabeledText';
-export * from '@digigov/ui/admin/AdminLayout';
-export * from '@digigov/ui/admin/ResultsHeading';
-export * from '@digigov/ui/admin/SearchSection';
-export * from '@digigov/ui/admin/FilterSection';
-export * from '@digigov/ui/admin/AutoComplete';
-export * from '@digigov/ui/admin/Timeline';
-export * from '@digigov/ui/admin/TaskList';
-export * from '@digigov/ui/admin/StepNav';

package/src/app/BottomInfoContainer/index.tsx

@@ -1,19 +0,0 @@
-import React from 'react';
-import Container, {ContainerProps} from '@digigov/react-core/Container';
-
-export interface BottomInfoContainerProps extends ContainerProps {}
-/**
- * Bottom BottomInfoContainer is used inside the Bottom component and it must be the first component in order.
- */
-export const BottomInfoContainer = React.forwardRef<
-  HTMLDivElement,
-  BottomInfoContainerProps
->(function BottomInfoContainer({ className, children, ...props }, ref) {
-  return (
-    <Container ref={ref} className="govgr-bottom-info__container" {...props}>
-      {children}
-    </Container>
-  );
-});
-
-export default BottomInfoContainer;

package/src/app/BottomInfoContent/index.tsx

@@ -1,32 +0,0 @@
-import React from 'react';
-import Grid, { GridProps } from '@digigov/react-core/Grid';
-
-export interface BottomInfoContentProps extends GridProps {}
-/**
- * BottomInfoContent is used inside the BottomInfoContainer component.
- */
-
-export const BottomInfoContent = React.forwardRef<
-  HTMLDivElement,
-  BottomInfoContentProps
->(function BottomInfoContent(
-  { className, xs = 3, md = 3, lg = 3, xl = 3, children, ...props },
-  ref
-) {
-  return (
-    <Grid
-      item
-      xs={xs}
-      md={md}
-      lg={lg}
-      xl={xl}
-      ref={ref}
-      className="govgr-bottom-info__content"
-      {...props}
-    >
-      {children}
-    </Grid>
-  );
-});
-
-export default BottomInfoContent;

package/src/app/Confirmation/Confirmation.mdx

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