@ilo-org/react 0.7.8 → 0.8.1

package/src/components/FormGroup/FormGroup.args.ts

@@ -1,85 +0,0 @@
-import CheckboxArgs from "../Checkbox/Checkbox.args";
-import DatePickerArgs from "../DatePicker/DatePicker.args";
-import DropdownArgs from "../Dropdown/Dropdown.args";
-import FileUploadArgs from "../FileUpload/FileUpload.args";
-import { FormGroupProps } from "./FormGroup.props";
-import InputArgs from "../Input/Input.args";
-import NumberPickerArgs from "../NumberPicker/NumberPicker.args";
-import RadioArgs from "../Radio/Radio.args";
-import TextareaArgs from "../Textarea/Textarea.args";
-
-const fgcheckboxfields = [];
-const fgradiofields = [];
-
-for (let i = 0; i < 5; i++) {
-  const checkboxargs = { ...CheckboxArgs.basic };
-  const radioargs = { ...RadioArgs.basic };
-  fgcheckboxfields.push(checkboxargs);
-  fgcheckboxfields[i].label = `Checkbox ${i}`;
-  fgcheckboxfields[i].name = `fgcheckbox${i}`;
-  fgcheckboxfields[i].id = `fgcheckbox${i}`;
-  fgcheckboxfields[i].grouped = true;
-  fgradiofields.push(radioargs);
-  fgradiofields[i].label = `Radio ${i}`;
-  fgradiofields[i].name = `fgradio`;
-  fgradiofields[i].value = `fgradio${i}`;
-  fgradiofields[i].id = `fgradio${i}`;
-}
-
-const basic: FormGroupProps = {
-  formgroupid: "examplegroup",
-  items: [
-    {
-      field: InputArgs.basic,
-      type: "input",
-    },
-    {
-      field: DropdownArgs.basic,
-      type: "dropdown",
-    },
-    {
-      field: CheckboxArgs.basic,
-      type: "checkbox",
-      choicegroupid: "id",
-    },
-    {
-      choicegroupid: "multiplecheckboxes",
-      field: fgcheckboxfields,
-      legend: "Multiple Checkboxes",
-      type: "checkbox",
-    },
-    {
-      choicegroupid: "radios",
-      field: fgradiofields,
-      legend: "Radio Group",
-      type: "radio",
-    },
-    {
-      field: FileUploadArgs.basic,
-      type: "file",
-    },
-    {
-      field: DatePickerArgs.basic,
-      type: "date",
-    },
-    {
-      field: NumberPickerArgs.basic,
-      type: "number",
-    },
-    {
-      field: TextareaArgs.basic,
-      type: "textarea",
-    },
-  ],
-  legend: "Example Legend",
-  type: "default",
-};
-
-/**
- * Sample prop definitions FormGroup's enumerable properties (imported in stories and test)
- */
-const FormGroupArgs = {
-  basic,
-};
-
-export default FormGroupArgs;

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

@@ -1,102 +0,0 @@
-import { FormGroupTypes } from "../../types";
-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 "../Input/Input.props";
-import { NumberPickerProps } from "../NumberPicker/NumberPicker.props";
-import { RadioProps } from "../Radio/Radio.props";
-import { TextareaProps } from "../Textarea/Textarea.props";
-
-export interface InputItem {
-  type: "input";
-  field: InputProps;
-  choicegroupid?: never;
-  legend?: never;
-}
-
-export interface DropdownItem {
-  type: "dropdown";
-  field: DropdownProps;
-  choicegroupid?: never;
-  legend?: never;
-}
-
-export interface CheckboxItem {
-  type: "checkbox";
-  field: CheckboxProps | CheckboxProps[];
-  choicegroupid: string;
-  legend?: string;
-}
-
-export interface RadioItem {
-  type: "radio";
-  field: RadioProps | RadioProps[];
-  choicegroupid: string;
-  legend?: string;
-}
-
-export interface FileUploadItem {
-  type: "file";
-  field: FileUploadProps;
-  choicegroupid?: never;
-  legend?: never;
-}
-
-export interface NumberPickerItem {
-  type: "number";
-  field: NumberPickerProps;
-  choicegroupid?: never;
-  legend?: never;
-}
-
-export interface DatePickerItem {
-  type: "date";
-  field: DatePickerProps;
-  choicegroupid?: never;
-  legend?: never;
-}
-
-export interface TextareaItem {
-  type: "textarea";
-  field: TextareaProps;
-  choicegroupid?: never;
-  legend?: never;
-}
-
-type FormGroupItem =
-  | InputItem
-  | DropdownItem
-  | CheckboxItem
-  | RadioItem
-  | FileUploadItem
-  | NumberPickerItem
-  | DatePickerItem
-  | TextareaItem;
-
-export interface FormGroupProps {
-  /**
-   * Specify an optional className to be added to your FormGroup component.
-   */
-  className?: string;
-
-  /**
-   * The ID of the FormGroup
-   */
-  formgroupid: string | boolean;
-
-  /**
-   * The inputs in this form group
-   */
-  items: FormGroupItem[];
-
-  /**
-   * The FormGroups's legend
-   */
-  legend: string | false;
-
-  /**
-   * This Form Groups's type
-   */
-  type: FormGroupTypes;
-}

package/src/components/FormGroup/FormGroup.tsx

@@ -1,73 +0,0 @@
-import { FC } from "react";
-import classNames from "classnames";
-import useGlobalSettings from "../../hooks/useGlobalSettings";
-import { FormGroupProps } from "./FormGroup.props";
-import { Checkbox } from "../Checkbox";
-import { ChoiceGroup } from "../ChoiceGroup";
-import { DatePicker } from "../DatePicker";
-import { Dropdown } from "../Dropdown";
-import { FileUpload } from "../FileUpload";
-import { Input } from "../Input";
-import { NumberPicker } from "../NumberPicker";
-import { Textarea } from "../Textarea";
-
-const FormGroup: FC<FormGroupProps> = ({
-  className,
-  formgroupid,
-  items,
-  legend,
-  type,
-}) => {
-  const { prefix } = useGlobalSettings();
-  const baseClass = `${prefix}--formgroup`;
-  const formGroupClasses = classNames(className, {
-    [baseClass]: true,
-  });
-
-  return (
-    <fieldset
-      className={`${formGroupClasses} ${type}`}
-      id={formgroupid ? (formgroupid as any) : undefined}
-    >
-      {legend && <legend className={`${baseClass}--legend`}>{legend}</legend>}
-      {items.map((item, i) => {
-        if (item?.type === "input") {
-          return <Input {...(item?.field as any)} key={i} />;
-        }
-        if (item?.type === "dropdown") {
-          return <Dropdown {...(item?.field as any)} key={i} />;
-        }
-        if (item?.type === "checkbox" && Array.isArray(item?.field) === false) {
-          return <Checkbox {...(item?.field as any)} key={i} />;
-        }
-        if (
-          (item?.type === "checkbox" || item?.type === "radio") &&
-          Array.isArray(item?.field)
-        ) {
-          return (
-            <ChoiceGroup
-              items={item?.field as any}
-              legend={item?.legend as any}
-              choicegroupid={item?.choicegroupid as any}
-              key={i}
-            />
-          );
-        }
-        if (item?.type === "file") {
-          return <FileUpload {...(item?.field as any)} key={i} />;
-        }
-        if (item?.type === "date") {
-          return <DatePicker {...(item?.field as any)} key={i} />;
-        }
-        if (item?.type === "number") {
-          return <NumberPicker {...(item?.field as any)} key={i} />;
-        }
-        if (item?.type === "textarea") {
-          return <Textarea {...(item?.field as any)} key={i} />;
-        }
-      })}
-    </fieldset>
-  );
-};
-
-export default FormGroup;

package/src/components/FormGroup/index.ts

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