@digigov/react-core 2.0.0-298cfc51 → 2.0.0-30d44ed9

package/src/AutoCompleteInputTypeahead/index.test.tsx

@@ -1,8 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-
-import AutoCompleteInputTypeahead from '@digigov/react-core/AutoCompleteInputTypeahead';
-
-it('renders the AutoCompleteInputTypeahead with no props', () => {
-  expect(render(<AutoCompleteInputTypeahead />).baseElement).toMatchSnapshot();
-});

package/src/AutoCompleteInputTypeahead/index.tsx

@@ -1,32 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import Base, { BaseProps } from '@digigov/react-core/Base';
-
-export interface AutoCompleteInputTypeaheadProps extends BaseProps<'input'> { }
-/**
- * AutoCompleteInputTypeahead component is used to display the hole search value
- * in the background.
- *
- */
-export const AutoCompleteInputTypeahead = React.forwardRef<
-  HTMLInputElement,
-  AutoCompleteInputTypeaheadProps
->(function AutoCompleteInputTypeahead({ className, ...props }, ref) {
-  return (
-    <span>
-      <Base
-        as="input"
-        type="text"
-        readOnly
-        ref={ref}
-        tabIndex={-1}
-        className={clsx(className, {
-          'ds-autocomplete__hint': true,
-        })}
-        {...props}
-      />
-    </span>
-  );
-});
-
-export default AutoCompleteInputTypeahead;

package/src/BackLink/index.test.tsx

@@ -1,11 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-
-import BackLink from '@digigov/react-core/BackLink';
-
-it('renders the BackLink with no props', () => {
-  expect(render(<BackLink>hello</BackLink>).baseElement).toMatchSnapshot();
-});
-it('renders the BackLink with href="#"', () => {
-  expect(render(<BackLink href="#">hello</BackLink>).baseElement).toMatchSnapshot();
-});

package/src/BackLink/index.tsx

@@ -1,37 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import Base, { BaseProps } from '@digigov/react-core/Base';
-import { CaretIcon } from '@digigov/react-icons';
-
-export interface BackLinkProps extends BaseProps<'a'> { }
-/**
- * Use BackLink component to help users go back to the previous page in a multi-page transaction.
- */
-export const BackLink = React.forwardRef<HTMLAnchorElement, BackLinkProps>(
-  function BackLink(
-    { href, printHidden = true, className, children, ...props },
-    ref
-  ) {
-    return (
-      <Base
-        as="a"
-        printHidden={printHidden}
-        href={href}
-        onClick={() => {
-          !href && window.history.back();
-        }}
-        ref={ref}
-        className={clsx(className, {
-          'ds-back-link': true,
-        })}
-        tabIndex={0}
-        {...props}
-      >
-        <CaretIcon direction={'left'} />
-        {children}
-      </Base>
-    );
-  }
-);
-
-export default BackLink;

package/src/BreadcrumbsListItemLink/index.test.tsx

@@ -1,15 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-
-import BreadcrumbsListItemLink from '@digigov/react-core/BreadcrumbsListItemLink';
-
-it('renders the BreadcrumbsListItemLink with no props', () => {
-  expect(
-    render(<BreadcrumbsListItemLink>hello</BreadcrumbsListItemLink>).baseElement
-  ).toMatchSnapshot();
-});
-it('renders the BreadcrumbsListItemLink with href', () => {
-  expect(
-    render(<BreadcrumbsListItemLink href="#">hello</BreadcrumbsListItemLink>).baseElement
-  ).toMatchSnapshot();
-});

package/src/ButtonLink/index.test.tsx

@@ -1,64 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-
-import ButtonLink from '@digigov/react-core/ButtonLink';
-
-it('renders the ButtonLink with no props', () => {
-  expect(render(<ButtonLink>hello</ButtonLink>).baseElement).toMatchSnapshot();
-});
-it('renders the ButtonLink with color=primary', () => {
-  expect(
-    render(<ButtonLink color={'primary'}>hello</ButtonLink>).baseElement
-  ).toMatchSnapshot();
-});
-it('renders the ButtonLink with color=secondary', () => {
-  expect(
-    render(<ButtonLink color={'secondary'}>hello</ButtonLink>).baseElement
-  ).toMatchSnapshot();
-});
-it('renders the ButtonLink with color=warning', () => {
-  expect(
-    render(<ButtonLink color={'warning'}>hello</ButtonLink>).baseElement
-  ).toMatchSnapshot();
-});
-it('renders the ButtonLink with href=#', () => {
-  expect(render(<ButtonLink href={'#'}>hello</ButtonLink>).baseElement).toMatchSnapshot();
-});
-it('renders the ButtonLink with disabled=false', () => {
-  expect(render(<ButtonLink>hello</ButtonLink>).baseElement).toMatchSnapshot();
-});
-it('renders the ButtonLink with color=primary with href=#', () => {
-  expect(
-    render(
-      <ButtonLink href={'#'} color={'primary'}>
-        hello
-      </ButtonLink>
-    ).baseElement
-  ).toMatchSnapshot();
-});
-it('renders the ButtonLink with color=secondary with href=#', () => {
-  expect(
-    render(
-      <ButtonLink href={'#'} color={'secondary'}>
-        hello
-      </ButtonLink>
-    ).baseElement
-  ).toMatchSnapshot();
-});
-it('renders the ButtonLink with color=warning with href=#', () => {
-  expect(
-    render(
-      <ButtonLink href={'#'} color={'warning'}>
-        hello
-      </ButtonLink>
-    ).baseElement
-  ).toMatchSnapshot();
-});
-it('renders the ButtonLink with ariaLabel prop', () => {
-  expect(
-    render(<ButtonLink aria-label="button for opening menu">Menu</ButtonLink>).baseElement
-  ).toMatchSnapshot();
-});
-it('renders the Button with tabIndex prop', () => {
-  expect(render(<ButtonLink tabIndex={0}>Menu</ButtonLink>).baseElement).toMatchSnapshot();
-});

package/src/ButtonLink/index.tsx

@@ -1,54 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import Base, { BaseProps } from '@digigov/react-core/Base';
-
-export interface ButtonLinkProps extends BaseProps<'a'> {
-  /**
-   * color is optional.
-   * 'primary' color is used for the main call to action on a page.
-   * 'secondary' color is used for secondary calls to action on a page.
-   * 'warning' color is used to make users think carefully before they use them.
-   * The default value is 'primary'.
-   * @value 'primary'
-   * @value 'secondary'
-   * @value 'warning'
-   * @default 'primary'
-   */
-  color?: 'primary' | 'secondary' | 'warning';
-
-  /**
- * dense is optional.
- * @value true Button will be dense.
- * @value false
- * @default false
- */
-  dense?: boolean;
-}
-/**
- * Use the Button component to help users carry out an action.
- */
-export const ButtonLink = React.forwardRef<HTMLAnchorElement, ButtonLinkProps>(
-  function ButtonLink(
-    { color = 'primary', dense, className, children, ...props },
-    ref
-  ) {
-    return (
-      <Base
-        as="a"
-        ref={ref}
-        className={clsx(className, {
-          'ds-btn': true,
-          'ds-btn--dense': dense,
-          'ds-btn-primary': color === 'primary',
-          'ds-btn-secondary': color === 'secondary',
-          'ds-btn-warning': color === 'warning',
-        })}
-        {...props}
-      >
-        {children}
-      </Base>
-    );
-  }
-);
-
-export default ButtonLink;

package/src/CallToAction/index.test.tsx

@@ -1,8 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-
-import CallToAction from '@digigov/react-core/CallToAction';
-
-it('renders the CallToAction with no props', () => {
-  expect(render(<CallToAction>hello</CallToAction>).baseElement).toMatchSnapshot();
-});

package/src/CheckboxItemInput/index.native.tsx

@@ -1,17 +0,0 @@
-import extend from '@digigov/react-core/utils/extend.native';
-import CoreCheckboxItemInput from '@digigov/react-core/CheckboxItemInput/index.web';
-import clsx from 'clsx';
-
-export const CheckboxItemInput = extend(
-  CoreCheckboxItemInput,
-  ({ className, ...props }) => {
-    return {
-      ...props,
-      className: clsx(className, {
-        'ds-checkboxes__input__wrapper': true,
-      }),
-    };
-  }
-);
-
-export default CheckboxItemInput;

package/src/CircularProgress/index.test.tsx

@@ -1,32 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-
-import CircularProgress from '@digigov/react-core/CircularProgress';
-
-it('renders the CircularProgress', () => {
-  expect(render(<CircularProgress />).baseElement).toMatchSnapshot();
-});
-
-it('renders the CircularProgress with size sm', () => {
-  expect(render(<CircularProgress size="sm" />).baseElement).toMatchSnapshot();
-});
-
-it('renders the CircularProgress with size lg', () => {
-  expect(render(<CircularProgress size="lg" />).baseElement).toMatchSnapshot();
-});
-
-it('renders the CircularProgress with color=secondary prop', () => {
-  expect(render(<CircularProgress color={'secondary'} />).baseElement).toMatchSnapshot();
-});
-
-it('renders the CircularProgress with color=secondary and size sm props', () => {
-  expect(
-    render(<CircularProgress color={'secondary'} size="sm" />).baseElement
-  ).toMatchSnapshot();
-});
-
-it('renders the CircularProgress with color=secondary and size lg props', () => {
-  expect(
-    render(<CircularProgress color={'secondary'} size="lg" />).baseElement
-  ).toMatchSnapshot();
-});

package/src/FooterLink/index.test.tsx

@@ -1,12 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-
-import FooterLink from '@digigov/react-core/FooterLink';
-
-it('renders the FooterLink with no props', () => {
-  expect(render(<FooterLink>hello</FooterLink>).baseElement).toMatchSnapshot();
-});
-
-it('renders the FooterLink with href prop', () => {
-  expect(render(<FooterLink href={'#'}>hello</FooterLink>).baseElement).toMatchSnapshot();
-});

package/src/FooterLink/index.tsx

@@ -1,26 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import Base, { BaseProps } from '@digigov/react-core/Base';
-
-export interface FooterLinkProps extends BaseProps<'a'> { }
-/**
- * FooterLink in used inside the Footer component.
- */
-export const FooterLink = React.forwardRef<HTMLAnchorElement, FooterLinkProps>(
-  function FooterLink({ className, children, ...props }, ref) {
-    return (
-      <Base
-        as="a"
-        ref={ref}
-        className={clsx(className, {
-          'ds-footer__link': true,
-        })}
-        {...props}
-      >
-        {children}
-      </Base>
-    );
-  }
-);
-
-export default FooterLink;

package/src/GovGRLogo/index.test.tsx

@@ -1,8 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-
-import GovGRLogo from '@digigov/react-core/GovGRLogo';
-
-it('renders the GovGRLogo with no props', () => {
-  expect(render(<GovGRLogo />).baseElement).toMatchSnapshot();
-});

package/src/GovGRLogo/index.tsx

@@ -1,42 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import Base, { BaseProps } from '@digigov/react-core/Base';
-import logo from '@digigov/react-core/GovGRLogo/govgr-logo-base64';
-import logoInverted from '@digigov/react-core/GovGRLogo/govgr-logo-blue-base64';
-export interface GovGRLogoProps extends BaseProps<'a'> { }
-/**
- * Use this component anywhere you what to provide the gov.gr logo.
- *  */
-export const GovGRLogo = React.forwardRef<HTMLAnchorElement, GovGRLogoProps>(
-  function GovGRLogo(
-    { href = 'https://www.gov.gr/', className, ...props },
-    ref
-  ) {
-    return (
-      <Base
-        as="a"
-        href={href}
-        ref={ref}
-        className={clsx(className, { 'ds-header__link': true })}
-        {...props}
-      >
-        <img
-          src={logo}
-          className={clsx(className, {
-            'ds-header__logo': true,
-          })}
-          alt="gov.gr logo"
-        />
-        <img
-          src={logoInverted}
-          className={clsx(className, {
-            'ds-header__logo-inverted': true,
-          })}
-          alt="gov.gr logo"
-        />
-      </Base>
-    );
-  }
-);
-
-export default GovGRLogo;

package/src/HeaderLogo/index.test.tsx

@@ -1,8 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-
-import HeaderLogo from '@digigov/react-core/HeaderLogo';
-
-it('renders the HeaderLogo with no props', () => {
-  expect(render(<HeaderLogo />).baseElement).toMatchSnapshot();
-});

package/src/HeaderLogo/index.tsx

@@ -1,43 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import Base, { BaseProps } from '@digigov/react-core/Base';
-
-export interface HeaderLogoProps extends BaseProps<'a'> {
-  /**
-  * src is optional.
-
-  */
-  src?: string;
-  /**
-  * href is optional.
-
-  */
-  altText?: string;
-}
-/**
- * Use this component inside the Header to provide a logo.
- */
-export const HeaderLogo = React.forwardRef<HTMLAnchorElement, HeaderLogoProps>(
-  function HeaderLogo({ href, src, altText, className, ...props }, ref) {
-    return (
-      <Base
-        as="a"
-        href={href}
-        ref={ref}
-        className={clsx(className, {
-          'ds-header__link': true,
-        })}
-        {...props}
-      >
-        <img
-          src={src}
-          className={clsx(className, {
-            'ds-header__logo': true,
-          })}
-          alt={altText}
-        />
-      </Base>
-    );
-  }
-);
-export default HeaderLogo;

package/src/HeaderTitle/index.test.tsx

@@ -1,13 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-
-import HeaderTitle from '@digigov/react-core/HeaderTitle';
-
-it('renders the HeaderTitle with no props', () => {
-  expect(render(<HeaderTitle>hello</HeaderTitle>).baseElement).toMatchSnapshot();
-});
-it('renders the HeaderTitle with href', () => {
-  expect(
-    render(<HeaderTitle href="https://government.gov.gr">hello</HeaderTitle>).baseElement
-  ).toMatchSnapshot();
-});

package/src/HeaderTitle/index.tsx

@@ -1,28 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import Base, { BaseProps } from '@digigov/react-core/Base';
-
-export interface HeaderTitleProps extends BaseProps<'a'> { }
-/**
- * Use this component inside HeaderContent to provide a title to the header.
- */
-export const HeaderTitle = React.forwardRef<
-  HTMLAnchorElement,
-  HeaderTitleProps
->(function HeaderTitle({ href = '/', className, children, ...props }, ref) {
-  return (
-    <Base
-      as="a"
-      ref={ref}
-      href={href}
-      className={clsx(className, {
-        'ds-header__title': true,
-      })}
-      {...props}
-    >
-      {children}
-    </Base>
-  );
-});
-
-export default HeaderTitle;

package/src/NavListItemAction/__snapshots__/index.test.tsx.snap

@@ -1,13 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`renders the NavListItemActionContainer with no props 1`] = `
-<body>
-  <div>
-    <li
-      class="ds-nav__list-item"
-    >
-      hello
-    </li>
-  </div>
-</body>
-`;

package/src/NavListItemAction/index.test.tsx

@@ -1,10 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-
-import NavListItemActionContainer from '@digigov/react-core/NavListItemActionContainer';
-
-it('renders the NavListItemActionContainer with no props', () => {
-  expect(
-    render(<NavListItemActionContainer>hello</NavListItemActionContainer>).baseElement
-  ).toMatchSnapshot();
-});

package/src/NavListItemLink/index.test.tsx

@@ -1,37 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import NavListItemLink from '@digigov/react-core/NavListItemLink';
-
-it('renders the NavListItemLink with no props', () => {
-  expect(render(<NavListItemLink>hello</NavListItemLink>).baseElement).toMatchSnapshot();
-});
-
-it('renders the NavListItemLink with active=true', () => {
-  expect(
-    render(<NavListItemLink active={true}>hello</NavListItemLink>).baseElement
-  ).toMatchSnapshot();
-});
-
-it('renders the NavListItemLink with active=false', () => {
-  expect(
-    render(<NavListItemLink active={false}>hello</NavListItemLink>).baseElement
-  ).toMatchSnapshot();
-});
-it('renders the NavListItemLink with href and active=false', () => {
-  expect(
-    render(
-      <NavListItemLink href="/" active={false}>
-        hello
-      </NavListItemLink>
-    ).baseElement
-  ).toMatchSnapshot();
-});
-it('renders the NavListItemLink with href and active=true', () => {
-  expect(
-    render(
-      <NavListItemLink href="/" active={false}>
-        hello
-      </NavListItemLink>
-    ).baseElement
-  ).toMatchSnapshot();
-});

package/src/utils/extend.native.tsx

@@ -1,36 +0,0 @@
-import React from 'react';
-
-type WithClassName<TProps> = TProps & { className?: string };
-type PropFactory<TProps> = (props: WithClassName<TProps>) => any;
-
-/**
- * A HOC that transforms the props of the wrapped component before passing them through
- *
- * @param Component The component to wrap
- * @param [propFactory=(props) => props] The function that transforms the props
- * @returns The wrapped component that accepts the transformed props
- *
- * @example
- * type MyComponentProps = { name: string; };
- * const MyComponent = (props: MyComponentProps) => <p>Hi {props.name}</p>;
- *
- * const MyNativeComponent = extend(MyComponent, (props) => ({ name: props.name.toUpperCase(), ...props }));
- *
- * type AdditionalProps = { lastName: string; };
- * const MyExpandedNativeComponent = extend<MyComponentProps, AdditionalProps>(MyNativeComponent, (props) => ({ name: `${props.name} ${props.lastName}`, ...props }));
- */
-export function extend<TProps, TAdditionalProps>(
-  Component: React.ComponentType<TProps>,
-  propFactory: PropFactory<TProps & TAdditionalProps> = (props) => props
-) {
-  const ExtendedComponent = React.forwardRef(function ExtendedComponent(
-    props: WithClassName<TProps & TAdditionalProps>,
-    ref
-  ) {
-    const transformedProps = propFactory(props);
-
-    return <Component ref={ref} {...transformedProps} />;
-  });
-  return ExtendedComponent;
-}
-export default extend;

package/utils/extend.native/index.js

@@ -1,14 +0,0 @@
-import React from "react";
-function extend(Component, propFactory = (props) => props) {
-  const ExtendedComponent = React.forwardRef(function ExtendedComponent2(props, ref) {
-    const transformedProps = propFactory(props);
-    return /* @__PURE__ */ React.createElement(Component, { ref, ...transformedProps });
-  });
-  return ExtendedComponent;
-}
-var extend_native_default = extend;
-export {
-  extend_native_default as default,
-  extend
-};
-//# sourceMappingURL=extend.native.js.map

package/utils/extend.native/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "main": "../../cjs/utils/extend.native/index.js"
-}

package/utils/extend.native.d.ts

@@ -1,23 +0,0 @@
-import React from 'react';
-type WithClassName<TProps> = TProps & {
-    className?: string;
-};
-type PropFactory<TProps> = (props: WithClassName<TProps>) => any;
-/**
- * A HOC that transforms the props of the wrapped component before passing them through
- *
- * @param Component The component to wrap
- * @param [propFactory=(props) => props] The function that transforms the props
- * @returns The wrapped component that accepts the transformed props
- *
- * @example
- * type MyComponentProps = { name: string; };
- * const MyComponent = (props: MyComponentProps) => <p>Hi {props.name}</p>;
- *
- * const MyNativeComponent = extend(MyComponent, (props) => ({ name: props.name.toUpperCase(), ...props }));
- *
- * type AdditionalProps = { lastName: string; };
- * const MyExpandedNativeComponent = extend<MyComponentProps, AdditionalProps>(MyNativeComponent, (props) => ({ name: `${props.name} ${props.lastName}`, ...props }));
- */
-export declare function extend<TProps, TAdditionalProps>(Component: React.ComponentType<TProps>, propFactory?: PropFactory<TProps & TAdditionalProps>): React.ForwardRefExoticComponent<React.PropsWithoutRef<WithClassName<TProps & TAdditionalProps>> & React.RefAttributes<unknown>>;
-export default extend;

package/utils/extend.native.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/utils/extend.native.tsx"],
-  "sourcesContent": ["import React from 'react';\n\ntype WithClassName<TProps> = TProps & { className?: string };\ntype PropFactory<TProps> = (props: WithClassName<TProps>) => any;\n\n/**\n * A HOC that transforms the props of the wrapped component before passing them through\n *\n * @param Component The component to wrap\n * @param [propFactory=(props) => props] The function that transforms the props\n * @returns The wrapped component that accepts the transformed props\n *\n * @example\n * type MyComponentProps = { name: string; };\n * const MyComponent = (props: MyComponentProps) => <p>Hi {props.name}</p>;\n *\n * const MyNativeComponent = extend(MyComponent, (props) => ({ name: props.name.toUpperCase(), ...props }));\n *\n * type AdditionalProps = { lastName: string; };\n * const MyExpandedNativeComponent = extend<MyComponentProps, AdditionalProps>(MyNativeComponent, (props) => ({ name: `${props.name} ${props.lastName}`, ...props }));\n */\nexport function extend<TProps, TAdditionalProps>(\n  Component: React.ComponentType<TProps>,\n  propFactory: PropFactory<TProps & TAdditionalProps> = (props) => props\n) {\n  const ExtendedComponent = React.forwardRef(function ExtendedComponent(\n    props: WithClassName<TProps & TAdditionalProps>,\n    ref\n  ) {\n    const transformedProps = propFactory(props);\n\n    return <Component ref={ref} {...transformedProps} />;\n  });\n  return ExtendedComponent;\n}\nexport default extend;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAqBX,SAAS,OACd,WACA,cAAsD,CAAC,UAAU,OACjE;AACA,QAAM,oBAAoB,MAAM,WAAW,SAASA,mBAClD,OACA,KACA;AACA,UAAM,mBAAmB,YAAY,KAAK;AAE1C,WAAO,oCAAC,aAAU,KAAW,GAAG,kBAAkB;AAAA,EACpD,CAAC;AACD,SAAO;AACT;AACA,IAAO,wBAAQ;",
-  "names": ["ExtendedComponent"]
-}