@ilo-org/react 0.0.18 → 0.1.0

package/src/components/Checkbox/Checkbox.props.d.ts

@@ -1,61 +0,0 @@
-export interface CheckboxProps {
-  /**
-   * The checkbox's onChange callback.
-   */
-  callback: function;
-
-  /**
-   * Specify an optional className to be added to your checkbox.
-   */
-  className?: string;
-
-  /**
-   * Is the checkbox disabled?
-   */
-  disabled?: boolean;
-
-  /**
-   * Does the checkbox have an error?
-   */
-  error?: string | false;
-
-  /**
-   * Is this checkbox part of a group?
-   */
-  grouped?: boolean;
-
-  /**
-   * The checkbox's helper text
-   */
-  helper: string | false;
-
-  /**
-   * The checkbox's id attribute
-   */
-  id?: string;
-
-  /**
-   * Does this checkbox have a label?
-   */
-  label: string;
-
-  /**
-   * The checkbox's name attribute
-   */
-  name?: Required<string>;
-
-  /**
-   * Specify whether this checkbox is required
-   */
-  required?: boolean;
-
-  /**
-   * Does this checkbox have a tooltip?
-   */
-  tooltip?: string;
-
-  /**
-   * The input's type.
-   */
-  type?: "checkbox";
-}

package/src/components/ChoiceGroup/ChoiceGroup.props.d.ts

@@ -1,57 +0,0 @@
-import { CheckboxProps } from "../Checkbox/Checkbox.props";
-import { RadioProps } from "../RadioProps/RadioProps.props";
-import { fieldTypes } from "../../types";
-
-// We can't put a form group inside a form group so let's remove that option
-const choiceGroupFieldTypes = fieldTypes.filter(
-  (item) => item === "checkbox" || item === "radio"
-);
-
-interface ChoiceGroupItems {
-  /**
-   * The inputs in this choice group
-   */
-  field: Required<CheckboxProps | RadioProps>;
-
-  /**
-   * This item's field type
-   */
-  type: Required<choiceGroupFieldTypes>;
-}
-
-export interface ChoiceGroupProps {
-  /**
-   * Specify an optional className to be added to your ChoiceGroup component.
-   */
-  className?: string;
-
-  /**
-   * The ID of the ChoiceGroup
-   */
-  choicegroupid: Required<string>;
-
-  /**
-   * Optional error text for the choice group
-   */
-  grouperror?: string;
-
-  /**
-   * Optional helper text for the choice group
-   */
-  grouphelper?: string;
-
-  /**
-   * Optional tooltip text for the choice group
-   */
-  grouptooltip?: string;
-
-  /**
-   * The inputs in this ChoiceGroup
-   */
-  items: Required<Array<FormGroupItems>>;
-
-  /**
-   * The ChoiceGroup's legend
-   */
-  legend: Required<string | false>;
-}

package/src/components/Empty/Empty.args.ts

@@ -1,14 +0,0 @@
-import { EmptyProps } from "./Empty.props";
-
-const empty1: EmptyProps = {
-  className: "storybook",
-};
-
-/**
- * Sample prop definitions for Empty's enumerable properties (imported in stories and test)
- */
-const EmptyArgs = {
-  empty1,
-};
-
-export default EmptyArgs;

package/src/components/Form/Form.props.d.ts

@@ -1,84 +0,0 @@
-import { CheckboxProps } from "../Checkbox/Checkbox.props";
-import { DatePickerProps } from "../DatePicker/DatePicker.props";
-import { DropdownProps } from "../Dropdown/Dropdown.props";
-import { FileUploadProps } from "../FileUpload/FileUpload.props";
-import { FormGroupProps } from "../FormGroupProps/FormGroupProps.props";
-import { InputProps } from "../InputProps/InputProps.props";
-import { NumberPickerProps } from "../NumberPicker/NumberPicker.props";
-import { RadioProps } from "../Radio/Radio.props";
-import { TextareaProps } from "../Textarea/Textarea.props";
-import { fieldTypes } from "../../types";
-
-interface FormItems {
-  /**
-   * An optional ID if this is a group of checkboxes or radios
-   */
-  choicegroupid?: string;
-
-  /**
-   * The inputs in this form group
-   */
-  field: Required<
-    | FormGroupProps
-    | DropdownProps
-    | Array<CheckboxProps>
-    | Array<RadioProps>
-    | CheckboxProps
-    | FileUploadProps
-    | NumberPickerProps
-    | DatePickerProps
-    | TextareaProps
-  >;
-
-  /**
-   * Optional error text for the choice group
-   */
-  grouperror?: string;
-
-  /**
-   * Optional helper text for the choice group
-   */
-  grouphelper?: string;
-
-  /**
-   * Optional tooltip text for the choice group
-   */
-  grouptooltip?: string;
-
-  /**
-   * If this is an array of items, an optional legend
-   */
-  legend?: string;
-
-  /**
-   * This item's field type
-   */
-  type: Required<fieldTypes>;
-}
-
-export interface FormProps {
-  /**
-   * The form's action attribute
-   */
-  action: Required<string>;
-
-  /**
-   * Specify an optional className to be added to your Form component.
-   */
-  className?: string;
-
-  /**
-   * The ID of the form
-   */
-  formid: Required<string>;
-
-  /**
-   * The inputs in this form group
-   */
-  items: Required<Array<FormItems>>;
-
-  /**
-   * The label for the form's submit button
-   */
-  submitlabel: Required<string>;
-}

package/src/components/FormGroup/FormGroup.props.d.ts

@@ -1,71 +0,0 @@
-import { CheckboxProps } from "../Checkbox/Checkbox.props";
-import { DatePickerProps } from "../DatePicker/DatePicker.props";
-import { DropdownProps } from "../Dropdown/Dropdown.props";
-import { FileUploadProps } from "../FileUpload/FileUpload.props";
-import { InputProps } from "../InputProps/InputProps.props";
-import { NumberPickerProps } from "../NumberPicker/NumberPicker.props";
-import { RadioProps } from "../Radio/Radio.props";
-import { TextareaProps } from "../Textarea/Textarea.props";
-import { fieldTypes, formGroupTypes } from "../../types";
-
-// We can't put a form group inside a form group so let's remove that option
-const formGroupFieldTypes = fieldTypes.filter((item) => item !== "formgroup");
-
-interface FormGroupItems {
-  /**
-   * An optional ID if this is a group of checkboxes or radios
-   */
-  choicegroupid?: string;
-
-  /**
-   * The inputs in this form group
-   */
-  field: Required<
-    | InputProps
-    | DropdownProps
-    | Array<CheckboxProps>
-    | Array<RadioProps>
-    | CheckboxProps
-    | FileUploadProps
-    | NumberPickerProps
-    | DatePickerProps
-    | TextareaProps
-  >;
-
-  /**
-   * If this is an array of items, an optional legend
-   */
-  legend?: string;
-
-  /**
-   * This item's field type
-   */
-  type: Required<formGroupFieldTypes>;
-}
-
-export interface FormGroupProps {
-  /**
-   * Specify an optional className to be added to your FormGroup component.
-   */
-  className?: string;
-
-  /**
-   * The ID of the FormGroup
-   */
-  formgroupid: Required<string | boolean>;
-
-  /**
-   * The inputs in this form group
-   */
-  items: Required<Array<FormGroupItems>>;
-
-  /**
-   * The FormGroups's legend
-   */
-  legend: Required<string | false>;
-
-  /**
-   * This Form Groups's type
-   */
-  type: Required<formGroupTypes>;
-}

package/src/components/GlobalProvider/index.js

@@ -1,4 +0,0 @@
-export {
-  default as GlobalProvider,
-  GlobalProviderContext,
-} from "./GlobalProvider";

package/src/components/Link/Link.args.ts

@@ -1,36 +0,0 @@
-import { LinkProps } from "./Link.props";
-
-const light: LinkProps = {
-  children: "",
-  label: "",
-  target: "",
-  theme: "light",
-  url: "",
-};
-
-const dark: LinkProps = {
-  children: "",
-  label: "",
-  target: "",
-  theme: "dark",
-  url: "",
-};
-
-const footer: LinkProps = {
-  children: "",
-  label: "",
-  target: "",
-  theme: "footer",
-  url: "",
-};
-
-/**
- * Sample prop definitions for Link's enumerable properties (imported in stories and tests).
- */
-const LinkArgs = {
-  light,
-  dark,
-  footer,
-};
-
-export default LinkArgs;

package/src/components/Radio/Radio.props.d.ts

@@ -1,66 +0,0 @@
-export interface RadioProps {
-  /**
-   * The Radio's onChange callback.
-   */
-  callback: function;
-
-  /**
-   * Specify an optional className to be added to your Radio.
-   */
-  className?: string;
-
-  /**
-   * Is the Radio disabled?
-   */
-  disabled?: boolean;
-
-  /**
-   * Does the Radio have an error?
-   */
-  error?: string | false;
-
-  /**
-   * The Radio's helper text
-   */
-  helper: string | false;
-
-  /**
-   * The Radio's id attribute
-   */
-  id?: string;
-
-  /**
-   * Does this Radio have a label?
-   */
-  label: string;
-
-  /**
-   * The Radio's name attribute
-   */
-  name?: Required<string>;
-
-  /**
-   * Specify whether this Radio is required
-   */
-  required?: boolean;
-
-  /**
-   * Which radio button has been selected?
-   */
-  selected?: string | boolean;
-
-  /**
-   * Does this Radio have a tooltip?
-   */
-  tooltip?: string;
-
-  /**
-   * The Radio's value attribute
-   */
-  value?: Required<string>;
-
-  /**
-   * The input's type.
-   */
-  type?: "radio";
-}

package/src/components/ReadMore/readMore.args.ts

@@ -1,35 +0,0 @@
-import { ReadMoreProps } from "./ReadMore.props";
-
-const closedatstart: ReadMoreProps = {
-  buttonlabel: {
-    closed: "Read More",
-    opened: "Close",
-  },
-  excerpt:
-    "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
-  fulltext:
-    "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
-  openatstart: false,
-};
-
-const openedatstart: ReadMoreProps = {
-  buttonlabel: {
-    closed: "Read More",
-    opened: "Close",
-  },
-  excerpt:
-    "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
-  fulltext:
-    "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
-  openatstart: true,
-};
-
-/**
- * Sample prop definitions for ReadMore's enumerable properties (imported in stories and tests).
- */
-const ReadMoreArgs = {
-  openedatstart,
-  closedatstart,
-};
-
-export default ReadMoreArgs;

package/src/setup.ts

@@ -1,6 +0,0 @@
-import "@testing-library/jest-dom";
-import "@testing-library/jest-dom/extend-expect";
-import { setGlobalConfig } from "@storybook/testing-react";
-import * as globalStorybookConfig from "../.storybook/preview"; // path of your preview.js file
-
-setGlobalConfig(globalStorybookConfig);

package/src/stories/Accordion.stories.tsx

@@ -1,99 +0,0 @@
-import { Story, Meta } from "@storybook/react";
-import {
-  Title,
-  Subtitle,
-  Description,
-  Primary,
-  ArgsTable,
-  Stories,
-} from "@storybook/addon-docs";
-import {
-  Accordion,
-  AccordionButton,
-  AccordionPanel,
-  AccordionItem,
-} from "../components/Accordion";
-import { AccordionProps } from "../components/Accordion/Accordion.props";
-import accordionArgs from "../components/Accordion/Accordion.args";
-
-/**
- * Accordion Story
- *
- */
-export default {
-  title: "Components/Accordion",
-  component: Accordion,
-  argTypes: {
-    allowMultipleExpanded: {
-      options: [true, false],
-      control: { type: "boolean" },
-    },
-  },
-  subcomponents: {
-    AccordionItem,
-    AccordionButton,
-    AccordionPanel,
-  },
-  parameters: {
-    componentSubtitle: "Component",
-    docs: {
-      page: () => (
-        <>
-          <Subtitle />
-          <Title />
-          <Description>
-            The accordion component allows the user to show and hide sections of
-            related content on a page. Click the accordions below to
-            expand/collapse the accordion content.
-          </Description>
-          <Primary />
-          <ArgsTable />
-          <Stories title="Examples"></Stories>
-        </>
-      ),
-    },
-  },
-} as Meta<typeof Accordion>;
-
-/**
- * Large Template
- *
- * create a Storybook template for this component
- *
- *@param (Object) args - props to be passed to the component
- */
-const LargeTemplate: Story<AccordionProps> = () => (
-  <Accordion {...accordionArgs.large}>
-    <AccordionItem id="l1">
-      <AccordionButton>Item1</AccordionButton>
-      <AccordionPanel>
-        <p>Content of Item 1</p>
-        <p>Content of Item 1</p>
-        <p>Content of Item 1</p>
-        <p>Content of Item 1</p>
-        <p>Content of Item 1</p>
-      </AccordionPanel>
-    </AccordionItem>
-    <AccordionItem id="l2">
-      <AccordionButton>Item2</AccordionButton>
-      <AccordionPanel>
-        <p>Content of Item 2</p>
-        <p>Content of Item 2</p>
-        <p>Content of Item 2</p>
-        <p>Content of Item 2</p>
-        <p>Content of Item 2</p>
-        <p>Content of Item 2</p>
-      </AccordionPanel>
-    </AccordionItem>
-  </Accordion>
-);
-
-/**
- * Large Accordion Instance
- *
- */
-export const AccordionLarge = LargeTemplate.bind({});
-
-// enumerate the props for the large accordion.
-AccordionLarge.args = accordionArgs.large;
-AccordionLarge.storyName = "Accordion";