@digigov/react-core 2.0.0-d0adc9fb → 2.0.0-d16ded05

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,16 +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,11 +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,39 +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"]
-}