@digigov/react-core 0.1.0 → 0.4.0

package/src/RadioItem/index.test.tsx

@@ -1,28 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-
-import RadioItem from '@digigov/react-core/RadioItem';
-
-it('renders the RadioItem with no props', () => {
-  expect(mount(<RadioItem>hello</RadioItem>)).toMatchSnapshot();
-});
-
-it('renders the RadioItem with name  props', () => {
-  expect(mount(<RadioItem name={'name'}>hello</RadioItem>)).toMatchSnapshot();
-});
-
-it('renders the RadioItem  value props', () => {
-  expect(
-    mount(<RadioItem value={'someValue'}>hello</RadioItem>)
-  ).toMatchSnapshot();
-});
-
-it('renders the RadioItem with name and value props', () => {
-  expect(
-    mount(
-      <RadioItem name={'name'} value={'someValue'}>
-        hello
-      </RadioItem>
-    )
-  ).toMatchSnapshot();
-});

package/src/RadioItem/index.tsx

@@ -1,50 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-
-type DivElementAttributes = JSX.IntrinsicElements['div'];
-export interface RadioItemProps extends DivElementAttributes {
-  /**
-   * name is optional and strongly recommended.
-   */
-  name?: string;
-
-  /**
-   * value is optional and strongly recommended.
-   */
-  value?: string;
-}
-/**
- * RadioItem component is used for display radio buttons.
- * RadioItem component must be included inside Radio component, as a children component.
- */
-export const RadioItem = React.forwardRef<HTMLDivElement, RadioItemProps>(
-  function RadioItem({ name, value, className, children, ...props }, ref) {
-    return (
-      <div
-        ref={ref}
-        className={clsx(className, {
-          'govgr-radios__item': true,
-        })}
-        {...props}
-      >
-        <input
-          type="radio"
-          name={name}
-          value={value}
-          className={clsx({
-            'govgr-radios__input': true,
-          })}
-        ></input>
-        <label
-          className={clsx({
-            'govgr-label govgr-radios__label': true,
-          })}
-        >
-          {children}
-        </label>
-      </div>
-    );
-  }
-);
-
-export default RadioItem;

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

@@ -1,59 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders the SectionBreak with no props 1`] = `
-<ForwardRef(SectionBreak)>
-  <hr
-    className="govgr-section-break"
-  />
-</ForwardRef(SectionBreak)>
-`;
-
-exports[`renders the SectionBreak with size=l 1`] = `
-<ForwardRef(SectionBreak)
-  size="l"
->
-  <hr
-    className="govgr-section-break--l govgr-section-break"
-  />
-</ForwardRef(SectionBreak)>
-`;
-
-exports[`renders the SectionBreak with size=m 1`] = `
-<ForwardRef(SectionBreak)
-  size="m"
->
-  <hr
-    className="govgr-section-break--m govgr-section-break"
-  />
-</ForwardRef(SectionBreak)>
-`;
-
-exports[`renders the SectionBreak with size=xl 1`] = `
-<ForwardRef(SectionBreak)
-  size="xl"
->
-  <hr
-    className="govgr-section-break--xl govgr-section-break"
-  />
-</ForwardRef(SectionBreak)>
-`;
-
-exports[`renders the SectionBreak with visible=false 1`] = `
-<ForwardRef(SectionBreak)
-  visible={false}
->
-  <hr
-    className="govgr-section-break"
-  />
-</ForwardRef(SectionBreak)>
-`;
-
-exports[`renders the SectionBreak with visible=true 1`] = `
-<ForwardRef(SectionBreak)
-  visible={true}
->
-  <hr
-    className="govgr-section-break--visible govgr-section-break"
-  />
-</ForwardRef(SectionBreak)>
-`;

package/src/SectionBreak/index.test.tsx

@@ -1,28 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-
-import SectionBreak from '@digigov/react-core/SectionBreak';
-
-it('renders the SectionBreak with no props', () => {
-  expect(mount(<SectionBreak />)).toMatchSnapshot();
-});
-
-it('renders the SectionBreak with visible=true', () => {
-  expect(mount(<SectionBreak visible={true} />)).toMatchSnapshot();
-});
-
-it('renders the SectionBreak with visible=false', () => {
-  expect(mount(<SectionBreak visible={false} />)).toMatchSnapshot();
-});
-
-it('renders the SectionBreak with size=xl', () => {
-  expect(mount(<SectionBreak size={'xl'} />)).toMatchSnapshot();
-});
-
-it('renders the SectionBreak with size=l', () => {
-  expect(mount(<SectionBreak size={'l'} />)).toMatchSnapshot();
-});
-
-it('renders the SectionBreak with size=m', () => {
-  expect(mount(<SectionBreak size={'m'} />)).toMatchSnapshot();
-});

package/src/SectionBreak/index.tsx

@@ -1,38 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-
-type HrElementAttributes = JSX.IntrinsicElements['hr'];
-export interface SectionBreakProps extends HrElementAttributes {
-  /**
-   * visible is optional.
-   * By default, SectionBreak only visible by its margin. You can add the 'visible' prop to make it visible with a separator line.
-   */
-  visible?: boolean;
-
-  /**
-   * size is optional and it is about the different size margins.
-   */
-  size?: 'xl' | 'l' | 'm';
-}
-/**
- * SectionBreak is used to create a thematic break between sections of content.
- */
-export const SectionBreak = React.forwardRef<HTMLHRElement, SectionBreakProps>(
-  function SectionBreak({ visible, size, className, ...props }, ref) {
-    return (
-      <hr
-        ref={ref}
-        className={clsx(className, {
-          'govgr-section-break': true,
-          'govgr-section-break--visible': visible === true,
-          'govgr-section-break--xl': size === 'xl',
-          'govgr-section-break--l': size === 'l',
-          'govgr-section-break--m': size === 'm',
-        })}
-        {...props}
-      />
-    );
-  }
-);
-
-export default SectionBreak;

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

@@ -1,39 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders the Select with name and defaultValue 1`] = `
-<ForwardRef(Select)
-  defaultValue="some-value"
-  name="some-name"
->
-  <select
-    className="govgr-select"
-    defaultValue="some-value"
-    name="some-name"
-  >
-    hello
-  </select>
-</ForwardRef(Select)>
-`;
-
-exports[`renders the Select with name props 1`] = `
-<ForwardRef(Select)
-  name="some-name"
->
-  <select
-    className="govgr-select"
-    name="some-name"
-  >
-    hello
-  </select>
-</ForwardRef(Select)>
-`;
-
-exports[`renders the Select with no props 1`] = `
-<ForwardRef(Select)>
-  <select
-    className="govgr-select"
-  >
-    hello
-  </select>
-</ForwardRef(Select)>
-`;

package/src/Select/index.test.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-
-import Select from '@digigov/react-core/Select';
-
-it('renders the Select with no props', () => {
-  expect(mount(<Select>hello</Select>)).toMatchSnapshot();
-});
-
-it('renders the Select with name props', () => {
-  expect(mount(<Select name={'some-name'}>hello</Select>)).toMatchSnapshot();
-});
-
-it('renders the Select with name and defaultValue', () => {
-  expect(
-    mount(
-      <Select name={'some-name'} defaultValue={'some-value'}>
-        hello
-      </Select>
-    )
-  ).toMatchSnapshot();
-});

package/src/Select/index.tsx

@@ -1,33 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-
-type SelectElementAttributes = JSX.IntrinsicElements['select'];
-export interface SelectProps extends SelectElementAttributes {
-  /**
-   * name is optional but strongly recommended.
-   */
-  name?: string;
-
-}
-/**
- * The Select component allows users to choose an option from a long list.
- * It is used as a parent component to wrap SelectOption component.
- */
-export const Select = React.forwardRef<HTMLSelectElement, SelectProps>(
-  function Select({ name, className, children, ...props }, ref) {
-    return (
-      <select
-        name={name}
-        ref={ref}
-        className={clsx(className, {
-          'govgr-select': true,
-        })}
-        {...props}
-      >
-        {children}
-      </select>
-    );
-  }
-);
-
-export default Select;

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

@@ -1,24 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders the SelectOption with no props 1`] = `
-<ForwardRef(SelectOption)>
-  <option
-    className=""
-  >
-    hello
-  </option>
-</ForwardRef(SelectOption)>
-`;
-
-exports[`renders the SelectOption with value props 1`] = `
-<ForwardRef(SelectOption)
-  value="some-value"
->
-  <option
-    className=""
-    value="some-value"
-  >
-    hello
-  </option>
-</ForwardRef(SelectOption)>
-`;

package/src/SelectOption/index.test.tsx

@@ -1,14 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-
-import SelectOption from '@digigov/react-core/SelectOption';
-
-it('renders the SelectOption with no props', () => {
-  expect(mount(<SelectOption>hello</SelectOption>)).toMatchSnapshot();
-});
-
-it('renders the SelectOption with value props', () => {
-  expect(
-    mount(<SelectOption value={'some-value'}>hello</SelectOption>)
-  ).toMatchSnapshot();
-});

package/src/SelectOption/index.tsx

@@ -1,40 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-
-type OptionElementAttributes = JSX.IntrinsicElements['option'];
-export interface SelectOptionProps extends OptionElementAttributes {
-  /**
-   * value is optional.
-   */
-  value?: string;
-
-  /**
-   * selected is optional.
-   */
-  selected?: boolean;
-}
-/**
- * SelectOption component is used for display options value.
- * SelectOption component must be included inside Select component as children component
- */
-export const SelectOption = React.forwardRef<
-  HTMLOptionElement,
-  SelectOptionProps
->(function SelectOption(
-  { value, selected, className, children, ...props },
-  ref
-) {
-  return (
-    <option
-      value={value}
-      ref={ref}
-      selected={selected}
-      className={clsx(className, {})}
-      {...props}
-    >
-      {children}
-    </option>
-  );
-});
-
-export default SelectOption;

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

@@ -1,11 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders the ServiceBadge with no props 1`] = `
-<ForwardRef(ServiceBadge)>
-  <div
-    className="govgr-phase-banner"
-  >
-    hello
-  </div>
-</ForwardRef(ServiceBadge)>
-`;

package/src/ServiceBadge/index.test.tsx

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

package/src/ServiceBadge/index.tsx

@@ -1,27 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-
-type DivElementAttributes = JSX.IntrinsicElements['div'];
-export interface ServiceBadgeProps extends DivElementAttributes {}
-/**
- * ServiceBadge shows the phase os a service.
- * The component will be deprecated and this is a shell component that can be used to warn the developers to remove it.
- * PhaseBanner component will replace it.
- */
-export const ServiceBadge = React.forwardRef<HTMLDivElement, ServiceBadgeProps>(
-  function ServiceBadge({ className, children, ...props }, ref) {
-    return (
-      <div
-        ref={ref}
-        className={clsx(className, {
-          'govgr-phase-banner': true,
-        })}
-        {...props}
-      >
-        {children}
-      </div>
-    );
-  }
-);
-
-export default ServiceBadge;

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

@@ -1,11 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders the SummaryList with no props 1`] = `
-<ForwardRef(SummaryList)>
-  <dl
-    className="govgr-summary-list"
-  >
-    hello
-  </dl>
-</ForwardRef(SummaryList)>
-`;

package/src/SummaryList/index.test.tsx

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

package/src/SummaryList/index.tsx

@@ -1,26 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-
-type DlElementAttributes = JSX.IntrinsicElements['dl'];
-export interface SummaryListProps extends DlElementAttributes {}
-/**
- * SummaryList used as a table with summary informations.
- * It must contain a list of SummaryListItem components.
- */
-export const SummaryList = React.forwardRef<HTMLDListElement, SummaryListProps>(
-  function SummaryList({ className, children, ...props }, ref) {
-    return (
-      <dl
-        ref={ref}
-        className={clsx(className, {
-          'govgr-summary-list': true,
-        })}
-        {...props}
-      >
-        {children}
-      </dl>
-    );
-  }
-);
-
-export default SummaryList;

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

@@ -1,11 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders the SummaryListItem with no props 1`] = `
-<ForwardRef(SummaryListItem)>
-  <div
-    className="govgr-summary-list__row"
-  >
-    hello
-  </div>
-</ForwardRef(SummaryListItem)>
-`;

package/src/SummaryListItem/index.test.tsx

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

package/src/SummaryListItem/index.tsx

@@ -1,27 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-
-type DivElementAttributes = JSX.IntrinsicElements['div'];
-export interface SummaryListItemProps extends DivElementAttributes {}
-/**
- * SummaryListItem must be inside SummaryList component. Each SummaryListItem is a row in the SummaryList table.
- * This component must contain SummaryListItemKey, SummaryListItemValue and SummaryListItemAction, in that order.
- */
-export const SummaryListItem = React.forwardRef<
-  HTMLDivElement,
-  SummaryListItemProps
->(function SummaryListItem({ className, children, ...props }, ref) {
-  return (
-    <div
-      ref={ref}
-      className={clsx(className, {
-        'govgr-summary-list__row': true,
-      })}
-      {...props}
-    >
-      {children}
-    </div>
-  );
-});
-
-export default SummaryListItem;

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

@@ -1,11 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders the SummaryListItemAction with no props 1`] = `
-<ForwardRef(SummaryListItemAction)>
-  <dd
-    className="govgr-summary-list__actions"
-  >
-    hello
-  </dd>
-</ForwardRef(SummaryListItemAction)>
-`;

package/src/SummaryListItemAction/index.test.tsx

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

package/src/SummaryListItemAction/index.tsx

@@ -1,27 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-
-type DdElementAttributes = JSX.IntrinsicElements['dd'];
-export interface SummaryListItemActionProps extends DdElementAttributes {}
-/**
- * SummaryListItemAction is used within the SummaryListItem component.
- * In this column we place the action that the user can do, based on the information on the rest of the row.
- */
-export const SummaryListItemAction = React.forwardRef<
-  HTMLElement,
-  SummaryListItemActionProps
->(function SummaryListItemAction({ className, children, ...props }, ref) {
-  return (
-    <dd
-      ref={ref}
-      className={clsx(className, {
-        'govgr-summary-list__actions': true,
-      })}
-      {...props}
-    >
-      {children}
-    </dd>
-  );
-});
-
-export default SummaryListItemAction;

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

@@ -1,11 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders the SummaryListItemKey with no props 1`] = `
-<ForwardRef(SummaryListItemKey)>
-  <dt
-    className="govgr-summary-list__key"
-  >
-    hello
-  </dt>
-</ForwardRef(SummaryListItemKey)>
-`;

package/src/SummaryListItemKey/index.test.tsx

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

package/src/SummaryListItemKey/index.tsx

@@ -1,27 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-
-type DtElementAttributes = JSX.IntrinsicElements['dt'];
-export interface SummaryListItemKeyProps extends DtElementAttributes {}
-/**
- * SummaryListItemKey is used within the SummaryListItem component.
- * In this column we place the key information for the row (ex. "Name", "Address", etc).
- */
-export const SummaryListItemKey = React.forwardRef<
-  HTMLElement,
-  SummaryListItemKeyProps
->(function SummaryListItemKey({ className, children, ...props }, ref) {
-  return (
-    <dt
-      ref={ref}
-      className={clsx(className, {
-        'govgr-summary-list__key': true,
-      })}
-      {...props}
-    >
-      {children}
-    </dt>
-  );
-});
-
-export default SummaryListItemKey;

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

@@ -1,11 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders the SummaryListItemValue with no props 1`] = `
-<ForwardRef(SummaryListItemValue)>
-  <dd
-    className="govgr-summary-list__value"
-  >
-    hello
-  </dd>
-</ForwardRef(SummaryListItemValue)>
-`;

package/src/SummaryListItemValue/index.test.tsx

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