@papillonarts/components 0.10.0 → 0.12.0

package/build/primer/Form/Radio/__tests__/Radio.int.story.tsx

@@ -1,42 +0,0 @@
-import { Fragment } from 'react'
-import { action } from 'storybook/actions'
-import { withTests } from '@storybook/addon-jest'
-import { radioState } from '../Radio.prop'
-import results from '../../../../../../../.jest-test-results.json'
-
-const Radio =
-  process.env.NODE_ENV === 'develop' || process.env.NODE_ENV === 'test'
-    ? require('../../../../index').primer.Form.Radio.Radio
-    : require('../../../../../build').primer.Form.Radio.Radio
-
-export default {
-  title: 'Primer/Atom/Form/Radio',
-  component: Radio,
-  decorators: [withTests({ results })],
-  parameters: { jest: ['Radio.int.test.js'] },
-  excludeStories: ['name', 'custom'],
-}
-
-const name = 'fantastic-name'
-
-export function custom(onChange) {
-  return <Radio name={name} onChange={onChange} text="White" />
-}
-
-export function regular() {
-  return (
-    <Fragment>
-      <Radio name={name} onChange={action('onChange-white')} text="White" />
-      <Radio name={name} isChecked={true} onChange={action('onChange-black')} text="Black" />
-    </Fragment>
-  )
-}
-
-export function inactive() {
-  return (
-    <Fragment>
-      <Radio name={name} onChange={action('onChange-white')} text="White" state={radioState.inactive} />
-      <Radio name={name} isChecked={true} onChange={action('onChange-black')} text="Black" state={radioState.inactive} />
-    </Fragment>
-  )
-}

package/build/primer/Form/Radio/__tests__/Radio.int.test.ts

@@ -1,13 +0,0 @@
-import { regular, inactive } from './Radio.int.story'
-
-describe('<Radio />', () => {
-  describe('Render', () => {
-    test('must match regular()', () => {
-      expect(global.renderToJSON(regular())).toMatchSnapshot()
-    })
-
-    test('must match inactive()', () => {
-      expect(global.renderToJSON(inactive())).toMatchSnapshot()
-    })
-  })
-})

package/build/primer/Form/Radio/index.ts

@@ -1,2 +0,0 @@
-export { Radio } from './Radio'
-export { radioState } from './Radio.prop'

package/build/primer/Form/index.ts

@@ -1,19 +0,0 @@
-import { Checkbox, checkboxState } from './Checkbox'
-import { Input, inputType, inputState } from './Input'
-import { Radio, radioState } from './Radio'
-
-export const Form = {
-  Checkbox: {
-    Checkbox,
-    checkboxState,
-  },
-  Input: {
-    Input,
-    inputType,
-    inputState,
-  },
-  Radio: {
-    Radio,
-    radioState,
-  },
-}

package/build/primer/Grid/DisplayTable/DisplayTable.prop.ts

@@ -1,21 +0,0 @@
-export const defaultProps = {
-  className: null,
-  idIndex: -1,
-  isSelectedIndex: -1,
-}
-
-export interface ValueType {
-  value: React.ReactNode
-}
-
-export interface ItemType {
-  names: React.ReactNode[]
-  values: ValueType[] | React.ReactNode[]
-}
-
-export interface DisplayTableProps {
-  className: string
-  items: ItemType[]
-  idIndex: number
-  isSelectedIndex: number
-}

package/build/primer/Grid/DisplayTable/DisplayTable.tsx

@@ -1,68 +0,0 @@
-import { Fragment } from 'react'
-import cx from 'classnames'
-import { v1 as uuidv1 } from 'uuid'
-import displayStyles from '@papillonarts/css/build/primer/utilities/visibility-display.scss'
-import borderStyles from '@papillonarts/css/build/primer/utilities/borders.scss'
-import paddingStyles from '@papillonarts/css/build/primer/utilities/padding.scss'
-import typographyStyles from '@papillonarts/css/build/primer/utilities/typography.scss'
-import colorStyles from '@papillonarts/css/build/primer/utilities/colors.scss'
-import gridStyles from '../../Layout/grid.scss'
-import { DisplayTableProps, defaultProps } from './DisplayTable.prop'
-
-export function DisplayTable({
-  className = defaultProps.className,
-  items,
-  idIndex = defaultProps.idIndex,
-  isSelectedIndex = defaultProps.isSelectedIndex,
-}: DisplayTableProps) {
-  return (
-    <Fragment>
-      <div className={cx(className, displayStyles['d-table'], gridStyles['col-12'], colorStyles['bg-blue-light'])}>
-        {items[0].names.map((name, index) => {
-          const isIdColumn = index === idIndex
-          const isSelectedColumn = index === isSelectedIndex
-
-          return (
-            <Fragment key={uuidv1()}>
-              {!isIdColumn && (
-                <div
-                  key={uuidv1()}
-                  className={cx(
-                    gridStyles['col-2'],
-                    displayStyles['d-table-cell'],
-                    borderStyles.border,
-                    paddingStyles['p-2'],
-                    typographyStyles.h6,
-                  )}
-                >
-                  {isSelectedColumn ? '' : name}
-                </div>
-              )}
-            </Fragment>
-          )
-        })}
-      </div>
-      {items.map((item) => (
-        <div key={uuidv1()} className={cx(className, displayStyles['d-table'], gridStyles['col-12'])}>
-          {item.values.map((value, valueIndex) => {
-            const isIdColumn = valueIndex === idIndex
-            const isSelectedColumn = valueIndex === isSelectedIndex
-
-            return (
-              <Fragment key={uuidv1()}>
-                {!isIdColumn && (
-                  <div
-                    key={uuidv1()}
-                    className={cx(gridStyles['col-2'], displayStyles['d-table-cell'], borderStyles.border, paddingStyles['p-2'])}
-                  >
-                    {isSelectedColumn ? '' : (value?.value ?? value)}
-                  </div>
-                )}
-              </Fragment>
-            )
-          })}
-        </div>
-      ))}
-    </Fragment>
-  )
-}

package/build/primer/Grid/DisplayTable/__tests__/DisplayTable.int.data.ts

@@ -1,289 +0,0 @@
-export const filesObjects = [
-  {
-    contents: null,
-    'date-created': 'Wed May 13 2015',
-    'date-modified': 'Fri Feb 03 2017',
-    id: 'file-169a4ad0-ceaa-4a3b-9ee8-056f96c44953',
-    isSelected: false,
-    kind: 'PostScript file',
-    name: {
-      icon: 'File',
-      value: 'y8P.ps',
-    },
-    path: [
-      {
-        href: 'Files',
-        isSelected: true,
-        text: 'Files',
-      },
-      {
-        href: 'file-169a4ad0-ceaa-4a3b-9ee8-056f96c44953',
-        isSelected: false,
-        text: 'y8P.ps',
-      },
-    ],
-    size: '37.72 exabyte (EB)',
-  },
-  {
-    contents: null,
-    'date-created': 'Fri May 01 2020',
-    'date-modified': 'Mon Dec 31 2018',
-    id: 'file-26ea87eb-26e8-4f05-aec2-4c686ff7e2ec',
-    isSelected: false,
-    kind: 'Perl script file',
-    name: {
-      icon: 'File',
-      value: 'Pj9m.cgi',
-    },
-    path: [
-      {
-        href: 'Files',
-        isSelected: true,
-        text: 'Files',
-      },
-      {
-        href: 'file-26ea87eb-26e8-4f05-aec2-4c686ff7e2ec',
-        isSelected: false,
-        text: 'Pj9m.cgi',
-      },
-    ],
-    size: '339 gigabyte (GB)',
-  },
-  {
-    contents: null,
-    'date-created': 'Mon Oct 31 2016',
-    'date-modified': 'Tue Feb 21 2017',
-    id: 'file-bd9da022-f0c1-47ad-b4c4-c2f7176c4535',
-    isSelected: false,
-    kind: 'PSD image',
-    name: {
-      icon: 'File',
-      value: 'mRGfhp.psd',
-    },
-    path: [
-      {
-        href: 'Files',
-        isSelected: true,
-        text: 'Files',
-      },
-      {
-        href: 'file-bd9da022-f0c1-47ad-b4c4-c2f7176c4535',
-        isSelected: false,
-        text: 'mRGfhp.psd',
-      },
-    ],
-    size: '325.6 kilobyte (KB)',
-  },
-  {
-    contents: null,
-    'date-created': 'Wed Mar 11 2020',
-    'date-modified': 'Sun Aug 26 2018',
-    id: 'file-75c01598-a68d-43c5-bbe6-2d76678466ba',
-    isSelected: false,
-    kind: 'Active Server Page file',
-    name: {
-      icon: 'File',
-      value: 'FBrXhyh736LIV.aspx',
-    },
-    path: [
-      {
-        href: 'Files',
-        isSelected: true,
-        text: 'Files',
-      },
-      {
-        href: 'file-75c01598-a68d-43c5-bbe6-2d76678466ba',
-        isSelected: false,
-        text: 'FBrXhyh736LIV.aspx',
-      },
-    ],
-    size: '716 terabyte (TB)',
-  },
-  {
-    contents: [
-      {
-        contents: null,
-        'date-created': 'Sun May 18 2014',
-        'date-modified': 'Tue Feb 25 2020',
-        id: 'file-ad02e6c0-24aa-47cd-b65f-c3127dc01259',
-        isSelected: false,
-        kind: 'PostScript file',
-        name: {
-          icon: 'File',
-          value: 'OJNhlbZ8WMjuly.ps',
-        },
-        path: [
-          {
-            href: 'Files',
-            isSelected: true,
-            text: 'Files',
-          },
-          {
-            href: 'directory-56a0c7dc-dc95-4fd8-b079-256708e84e46',
-            isSelected: false,
-            text: 'beylpO7v',
-          },
-          {
-            href: 'file-ad02e6c0-24aa-47cd-b65f-c3127dc01259',
-            isSelected: false,
-            text: 'OJNhlbZ8WMjuly.ps',
-          },
-        ],
-        size: '580.5 exabyte (EB)',
-      },
-    ],
-    'date-created': 'Fri Mar 21 2014',
-    'date-modified': 'Wed Mar 04 2015',
-    id: 'directory-56a0c7dc-dc95-4fd8-b079-256708e84e46',
-    isSelected: false,
-    kind: 'Folder',
-    name: {
-      icon: 'FileDirectory',
-      value: 'beylpO7v',
-    },
-    path: [
-      {
-        href: 'Files',
-        isSelected: true,
-        text: 'Files',
-      },
-      {
-        href: 'directory-56a0c7dc-dc95-4fd8-b079-256708e84e46',
-        isSelected: false,
-        text: 'beylpO7v',
-      },
-    ],
-    size: '--',
-  },
-  {
-    contents: null,
-    'date-created': 'Sun Oct 20 2019',
-    'date-modified': 'Fri Feb 08 2019',
-    id: 'file-3be9cb1a-8744-438b-9506-99ef88a7480a',
-    isSelected: false,
-    kind: 'Database file',
-    name: {
-      icon: 'File',
-      value: 'aD9iiQhkj.db',
-    },
-    path: [
-      {
-        href: 'Files',
-        isSelected: true,
-        text: 'Files',
-      },
-      {
-        href: 'file-3be9cb1a-8744-438b-9506-99ef88a7480a',
-        isSelected: false,
-        text: 'aD9iiQhkj.db',
-      },
-    ],
-    size: '913.5 bit (b)',
-  },
-  {
-    contents: null,
-    'date-created': 'Fri Mar 11 2016',
-    'date-modified': 'Thu May 02 2019',
-    id: 'file-bbe22783-ec56-4ea3-8edb-a9e4cee48d9e',
-    isSelected: false,
-    kind: 'Apple Mail e-mail file',
-    name: {
-      icon: 'File',
-      value: '9kcUYOj65.emlx',
-    },
-    path: [
-      {
-        href: 'Files',
-        isSelected: true,
-        text: 'Files',
-      },
-      {
-        href: 'file-bbe22783-ec56-4ea3-8edb-a9e4cee48d9e',
-        isSelected: false,
-        text: '9kcUYOj65.emlx',
-      },
-    ],
-    size: '921.8 zettabyte (ZB)',
-  },
-  {
-    contents: [
-      {
-        contents: null,
-        'date-created': 'Sat May 07 2016',
-        'date-modified': 'Fri Sep 05 2014',
-        id: 'file-b4dddd05-fc2d-4fbe-b3f0-a69a6cab321c',
-        isSelected: false,
-        kind: 'Internet security certificate',
-        name: {
-          icon: 'File',
-          value: 'DTmnIjnVyaK.cer',
-        },
-        path: [
-          {
-            href: 'Files',
-            isSelected: true,
-            text: 'Files',
-          },
-          {
-            href: 'directory-8e2504aa-f428-441e-be2c-83c4a9c3219a',
-            isSelected: false,
-            text: '7',
-          },
-          {
-            href: 'file-b4dddd05-fc2d-4fbe-b3f0-a69a6cab321c',
-            isSelected: false,
-            text: 'DTmnIjnVyaK.cer',
-          },
-        ],
-        size: '760 terabyte (TB)',
-      },
-    ],
-    'date-created': 'Sun Oct 25 2015',
-    'date-modified': 'Thu Apr 11 2019',
-    id: 'directory-8e2504aa-f428-441e-be2c-83c4a9c3219a',
-    isSelected: false,
-    kind: 'Folder',
-    name: {
-      icon: 'FileDirectory',
-      value: '7',
-    },
-    path: [
-      {
-        href: 'Files',
-        isSelected: true,
-        text: 'Files',
-      },
-      {
-        href: 'directory-8e2504aa-f428-441e-be2c-83c4a9c3219a',
-        isSelected: false,
-        text: '7',
-      },
-    ],
-    size: '--',
-  },
-  {
-    contents: null,
-    'date-created': 'Tue Jan 20 2015',
-    'date-modified': 'Tue Oct 15 2013',
-    id: 'file-16db577b-1167-4add-bb79-9eab8c9b9217',
-    isSelected: false,
-    kind: 'Microsoft Excel file with macros',
-    name: {
-      icon: 'File',
-      value: '1NplEr0hHjFnTmW.xlsm',
-    },
-    path: [
-      {
-        href: 'Files',
-        isSelected: true,
-        text: 'Files',
-      },
-      {
-        href: 'file-16db577b-1167-4add-bb79-9eab8c9b9217',
-        isSelected: false,
-        text: '1NplEr0hHjFnTmW.xlsm',
-      },
-    ],
-    size: '474.53 petabyte (PB)',
-  },
-]

package/build/primer/Grid/DisplayTable/__tests__/DisplayTable.int.story.tsx

@@ -1,27 +0,0 @@
-import { withTests } from '@storybook/addon-jest'
-import { filesObjects } from './DisplayTable.int.data'
-import results from '../../../../../../../.jest-test-results.json'
-
-const DisplayTable =
-  process.env.NODE_ENV === 'develop' || process.env.NODE_ENV === 'test'
-    ? require('../../../../index').primer.Grid.DisplayTable
-    : require('../../../../../build').primer.Grid.DisplayTable
-
-export default {
-  title: 'Primer/Atom/Grid/DisplayTable',
-  component: DisplayTable,
-  decorators: [withTests({ results })],
-  parameters: { jest: ['DisplayTable.int.test.js'] },
-  excludeStories: ['custom'],
-}
-
-export function regular() {
-  const items = filesObjects.map((filesObject) =>
-    (({ contents, path, id, isSelected, ...otherProperties }) => ({
-      names: Object.keys({ id, isSelected, ...otherProperties }),
-      values: Object.values({ id, isSelected, ...otherProperties }),
-    }))(filesObject),
-  )
-
-  return <DisplayTable items={items} idIndex={0} isSelectedIndex={1} />
-}

package/build/primer/Grid/DisplayTable/__tests__/DisplayTable.int.test.ts

@@ -1,9 +0,0 @@
-import { regular } from './DisplayTable.int.story'
-
-describe('<DisplayTable />', () => {
-  describe('Render', () => {
-    test('must match regular()', () => {
-      expect(global.renderToJSON(regular())).toMatchSnapshot()
-    })
-  })
-})

package/build/primer/Grid/DisplayTable/index.ts

@@ -1 +0,0 @@
-export { DisplayTable } from './DisplayTable'

package/build/primer/Grid/FlexGrid/FlexGrid.prop.ts

@@ -1,59 +0,0 @@
-export const flexGridState = {
-  active: 'active',
-  inactive: 'inactive',
-}
-
-export const flexGridSelection = {
-  checkbox: 'checkbox',
-  radio: 'radio',
-}
-
-export const defaultProps = {
-  className: null,
-  idIndex: -1,
-  isSelectedIndex: -1,
-  selection: flexGridSelection.checkbox,
-  onChange: () => {},
-  onClick: () => {},
-  onDoubleClick: () => {},
-  iconColor: {
-    sort: '#990000',
-    object: '#79b8ff',
-  },
-  state: flexGridState.active,
-}
-
-export interface ValueType {
-  value: React.ReactNode
-  icon: React.ReactNode
-}
-
-export interface ItemType {
-  names: React.ReactNode[]
-  values: ValueType[] | React.ReactNode[]
-}
-
-export interface SortType {
-  index: number
-  value: string
-  order: string
-}
-
-export interface IconColorType {
-  sort: string
-  object: string
-}
-
-export interface FlexGridProps {
-  className?: string
-  items: ItemType[]
-  idIndex?: number
-  isSelectedIndex?: number
-  selection?: typeof flexGridSelection.checkbox | typeof flexGridSelection.radio
-  sort: SortType
-  onChange?: (value) => void
-  onClick?: (value) => void
-  onDoubleClick?: (value) => void
-  iconColor?: IconColorType
-  state?: typeof flexGridState.active | typeof flexGridState.inactive
-}