@ilo-org/react 0.7.8 → 0.8.0

package/src/types/index.ts

@@ -1,3 +1,5 @@
+import { FormControlPublicProps } from "../components/FormControl/FormControl.props";
+
 // export type AccordionSize = "small" | "large";
 export type ThemeTypes = "light" | "dark";
 export type ButtonFunctions = "button" | "submit" | "reset";
@@ -17,7 +19,7 @@ export type FieldTypes =
   | "file";
 export type FormGroupTypes = "default" | "filter";
 export type HeadingLevel = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-export type InputTypes =
+export type TextInputTypes =
   | "email"
   | "hidden"
   | "password"
@@ -62,3 +64,69 @@ export type CardTypes =
   | "detail"
   | "factlist"
   | "data";
+export interface FormFieldProps<T> {
+  /**
+   * The input's onChange callback.
+   */
+  onChange?: (e: React.ChangeEvent<T>) => any;
+
+  /**
+   * The input's onBlur callback.
+   */
+  onBlur?: (e: React.FocusEvent<T>) => any;
+
+  /**
+   * Specify an optional className to be added to your input.
+   */
+  className?: string;
+
+  /**
+   * Is the input disabled?
+   */
+  disabled?: boolean;
+
+  /**
+   * Does the input have an error?
+   */
+  error?: boolean;
+
+  /**
+   * The input's id attribute. Will otherwise be set to the same value as `name`.
+   */
+  id?: string;
+
+  /**
+   * The input's name attribute.
+   */
+  name: string;
+
+  /**
+   * Specify whether this input is required
+   */
+  required?: boolean;
+
+  /**
+   * Inline styles applies to the outermost container
+   */
+  style?: React.CSSProperties;
+}
+
+export interface ChoiceFieldProps<T> extends FormFieldProps<T> {
+  /**
+   * Whether the input should be checked by default
+   **/
+  defaultChecked?: boolean;
+
+  /**
+   * Whether the input is checked
+   */
+  checked?: boolean;
+
+  /**
+   * The input's value attribute.
+   */
+  value?: string;
+}
+
+export type LabelledFormFieldProps<T> = T &
+  FormControlPublicProps & { inputStyle?: React.CSSProperties };

package/tsconfig.json

@@ -2,6 +2,7 @@
   "extends": "./tsconfig.build.json",
   "exclude": ["node_modules", "lib", "storybook-static"],
   "compilerOptions": {
-    "types": ["jest", "node"]
+    "types": ["jest", "node"],
+    "module": "ESNext"
   }
 }

package/lib/cjs/components/ChoiceGroup/ChoiceGroup.js

@@ -1,34 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var require$$0 = require('react');
-var components_Checkbox_Checkbox = require('../Checkbox/Checkbox.js');
-var components_Fieldset_Fieldset = require('../Fieldset/Fieldset.js');
-var components_Radio_Radio = require('../Radio/Radio.js');
-require('classnames');
-require('../../hooks/useGlobalSettings.js');
-require('tslib');
-require('../../GlobalCtx-97e4b433.js');
-require('../FormElement/FormElement.js');
-require('../Tooltip/Tooltip.js');
-require('react-dom');
-
-const ChoiceGroup = ({ className, choicegroupid, grouperror, grouphelper, grouptooltip, items, legend, }) => {
-    // whatever type the first item has we expect from the other items
-    const sanitzeditems = items.filter((item) => item !== items[0].type);
-    const [radio, setRadio] = require$$0.useState(false);
-    const radioChangeHandler = (e) => {
-        setRadio(e.target.value);
-    };
-    return (jsxRuntime.jsx(components_Fieldset_Fieldset, Object.assign({ className: `ilo--choice-group ${className ? className : ""}`, legend: legend, fieldsetid: choicegroupid, grouphelper: grouphelper, grouperror: grouperror, grouptooltip: grouptooltip }, { children: sanitzeditems.map((item, i) => {
-            if ((item === null || item === void 0 ? void 0 : item.type) === "checkbox") {
-                return require$$0.createElement(components_Checkbox_Checkbox, Object.assign({}, item, { key: i }));
-            }
-            if ((item === null || item === void 0 ? void 0 : item.type) === "radio") {
-                return (require$$0.createElement(components_Radio_Radio, Object.assign({}, item, { callback: radioChangeHandler, selected: radio, key: i })));
-            }
-            return null;
-        }) })));
-};
-
-module.exports = ChoiceGroup;

package/lib/cjs/components/ChoiceGroup/index.js

@@ -1,19 +0,0 @@
-'use strict';
-
-var components_ChoiceGroup_ChoiceGroup = require('./ChoiceGroup.js');
-require('react/jsx-runtime');
-require('react');
-require('../Checkbox/Checkbox.js');
-require('classnames');
-require('../../hooks/useGlobalSettings.js');
-require('tslib');
-require('../../GlobalCtx-97e4b433.js');
-require('../Fieldset/Fieldset.js');
-require('../Tooltip/Tooltip.js');
-require('react-dom');
-require('../FormElement/FormElement.js');
-require('../Radio/Radio.js');
-
-
-
-exports.ChoiceGroup = components_ChoiceGroup_ChoiceGroup;

package/lib/cjs/components/FormGroup/FormGroup.js

@@ -1,58 +0,0 @@
-'use strict';
-
-var require$$0 = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-var classNames = require('classnames');
-var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
-var components_Checkbox_Checkbox = require('../Checkbox/Checkbox.js');
-var components_ChoiceGroup_ChoiceGroup = require('../ChoiceGroup/ChoiceGroup.js');
-var components_DatePicker_DatePicker = require('../DatePicker/DatePicker.js');
-var components_Dropdown_Dropdown = require('../Dropdown/Dropdown.js');
-var components_FileUpload_FileUpload = require('../FileUpload/FileUpload.js');
-var components_Input_Input = require('../Input/Input.js');
-var components_NumberPicker_NumberPicker = require('../NumberPicker/NumberPicker.js');
-var components_Textarea_Textarea = require('../Textarea/Textarea.js');
-require('tslib');
-require('../../GlobalCtx-97e4b433.js');
-require('../Fieldset/Fieldset.js');
-require('../Tooltip/Tooltip.js');
-require('react-dom');
-require('../FormElement/FormElement.js');
-require('../Radio/Radio.js');
-
-const FormGroup = ({ className, formgroupid, items, legend, type, }) => {
-    const { prefix } = hooks_useGlobalSettings();
-    const baseClass = `${prefix}--formgroup`;
-    const formGroupClasses = classNames(className, {
-        [baseClass]: true,
-    });
-    return (jsxRuntime.jsxs("fieldset", Object.assign({ className: `${formGroupClasses} ${type}`, id: formgroupid ? formgroupid : undefined }, { children: [legend && jsxRuntime.jsx("legend", Object.assign({ className: `${baseClass}--legend` }, { children: legend })), items.map((item, i) => {
-                if ((item === null || item === void 0 ? void 0 : item.type) === "input") {
-                    return require$$0.createElement(components_Input_Input, Object.assign({}, item === null || item === void 0 ? void 0 : item.field, { key: i }));
-                }
-                if ((item === null || item === void 0 ? void 0 : item.type) === "dropdown") {
-                    return require$$0.createElement(components_Dropdown_Dropdown, Object.assign({}, item === null || item === void 0 ? void 0 : item.field, { key: i }));
-                }
-                if ((item === null || item === void 0 ? void 0 : item.type) === "checkbox" && Array.isArray(item === null || item === void 0 ? void 0 : item.field) === false) {
-                    return require$$0.createElement(components_Checkbox_Checkbox, Object.assign({}, item === null || item === void 0 ? void 0 : item.field, { key: i }));
-                }
-                if (((item === null || item === void 0 ? void 0 : item.type) === "checkbox" || (item === null || item === void 0 ? void 0 : item.type) === "radio") &&
-                    Array.isArray(item === null || item === void 0 ? void 0 : item.field)) {
-                    return (jsxRuntime.jsx(components_ChoiceGroup_ChoiceGroup, { items: item === null || item === void 0 ? void 0 : item.field, legend: item === null || item === void 0 ? void 0 : item.legend, choicegroupid: item === null || item === void 0 ? void 0 : item.choicegroupid }, i));
-                }
-                if ((item === null || item === void 0 ? void 0 : item.type) === "file") {
-                    return require$$0.createElement(components_FileUpload_FileUpload, Object.assign({}, item === null || item === void 0 ? void 0 : item.field, { key: i }));
-                }
-                if ((item === null || item === void 0 ? void 0 : item.type) === "date") {
-                    return require$$0.createElement(components_DatePicker_DatePicker, Object.assign({}, item === null || item === void 0 ? void 0 : item.field, { key: i }));
-                }
-                if ((item === null || item === void 0 ? void 0 : item.type) === "number") {
-                    return require$$0.createElement(components_NumberPicker_NumberPicker, Object.assign({}, item === null || item === void 0 ? void 0 : item.field, { key: i }));
-                }
-                if ((item === null || item === void 0 ? void 0 : item.type) === "textarea") {
-                    return require$$0.createElement(components_Textarea_Textarea, Object.assign({}, item === null || item === void 0 ? void 0 : item.field, { key: i }));
-                }
-            })] })));
-};
-
-module.exports = FormGroup;

package/lib/cjs/components/FormGroup/index.js

@@ -1,26 +0,0 @@
-'use strict';
-
-var components_FormGroup_FormGroup = require('./FormGroup.js');
-require('react');
-require('react/jsx-runtime');
-require('classnames');
-require('../../hooks/useGlobalSettings.js');
-require('tslib');
-require('../../GlobalCtx-97e4b433.js');
-require('../Checkbox/Checkbox.js');
-require('../Fieldset/Fieldset.js');
-require('../Tooltip/Tooltip.js');
-require('react-dom');
-require('../FormElement/FormElement.js');
-require('../ChoiceGroup/ChoiceGroup.js');
-require('../Radio/Radio.js');
-require('../DatePicker/DatePicker.js');
-require('../Dropdown/Dropdown.js');
-require('../FileUpload/FileUpload.js');
-require('../Input/Input.js');
-require('../NumberPicker/NumberPicker.js');
-require('../Textarea/Textarea.js');
-
-
-
-exports.FormGroup = components_FormGroup_FormGroup;

package/lib/esm/components/ChoiceGroup/ChoiceGroup.js

@@ -1,32 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useState, createElement } from 'react';
-import Checkbox from '../Checkbox/Checkbox.js';
-import Fieldset from '../Fieldset/Fieldset.js';
-import Radio from '../Radio/Radio.js';
-import 'classnames';
-import '../../hooks/useGlobalSettings.js';
-import 'tslib';
-import '../../GlobalCtx-7fb23cfa.js';
-import '../FormElement/FormElement.js';
-import '../Tooltip/Tooltip.js';
-import 'react-dom';
-
-const ChoiceGroup = ({ className, choicegroupid, grouperror, grouphelper, grouptooltip, items, legend, }) => {
-    // whatever type the first item has we expect from the other items
-    const sanitzeditems = items.filter((item) => item !== items[0].type);
-    const [radio, setRadio] = useState(false);
-    const radioChangeHandler = (e) => {
-        setRadio(e.target.value);
-    };
-    return (jsx(Fieldset, Object.assign({ className: `ilo--choice-group ${className ? className : ""}`, legend: legend, fieldsetid: choicegroupid, grouphelper: grouphelper, grouperror: grouperror, grouptooltip: grouptooltip }, { children: sanitzeditems.map((item, i) => {
-            if ((item === null || item === void 0 ? void 0 : item.type) === "checkbox") {
-                return createElement(Checkbox, Object.assign({}, item, { key: i }));
-            }
-            if ((item === null || item === void 0 ? void 0 : item.type) === "radio") {
-                return (createElement(Radio, Object.assign({}, item, { callback: radioChangeHandler, selected: radio, key: i })));
-            }
-            return null;
-        }) })));
-};
-
-export { ChoiceGroup as default };

package/lib/esm/components/FormGroup/FormGroup.js

@@ -1,56 +0,0 @@
-import { createElement } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import classNames from 'classnames';
-import useGlobalSettings from '../../hooks/useGlobalSettings.js';
-import Checkbox from '../Checkbox/Checkbox.js';
-import ChoiceGroup from '../ChoiceGroup/ChoiceGroup.js';
-import DatePicker from '../DatePicker/DatePicker.js';
-import Dropdown from '../Dropdown/Dropdown.js';
-import FileUpload from '../FileUpload/FileUpload.js';
-import Input from '../Input/Input.js';
-import NumberPicker from '../NumberPicker/NumberPicker.js';
-import Textarea from '../Textarea/Textarea.js';
-import 'tslib';
-import '../../GlobalCtx-7fb23cfa.js';
-import '../Fieldset/Fieldset.js';
-import '../Tooltip/Tooltip.js';
-import 'react-dom';
-import '../FormElement/FormElement.js';
-import '../Radio/Radio.js';
-
-const FormGroup = ({ className, formgroupid, items, legend, type, }) => {
-    const { prefix } = useGlobalSettings();
-    const baseClass = `${prefix}--formgroup`;
-    const formGroupClasses = classNames(className, {
-        [baseClass]: true,
-    });
-    return (jsxs("fieldset", Object.assign({ className: `${formGroupClasses} ${type}`, id: formgroupid ? formgroupid : undefined }, { children: [legend && jsx("legend", Object.assign({ className: `${baseClass}--legend` }, { children: legend })), items.map((item, i) => {
-                if ((item === null || item === void 0 ? void 0 : item.type) === "input") {
-                    return createElement(Input, Object.assign({}, item === null || item === void 0 ? void 0 : item.field, { key: i }));
-                }
-                if ((item === null || item === void 0 ? void 0 : item.type) === "dropdown") {
-                    return createElement(Dropdown, Object.assign({}, item === null || item === void 0 ? void 0 : item.field, { key: i }));
-                }
-                if ((item === null || item === void 0 ? void 0 : item.type) === "checkbox" && Array.isArray(item === null || item === void 0 ? void 0 : item.field) === false) {
-                    return createElement(Checkbox, Object.assign({}, item === null || item === void 0 ? void 0 : item.field, { key: i }));
-                }
-                if (((item === null || item === void 0 ? void 0 : item.type) === "checkbox" || (item === null || item === void 0 ? void 0 : item.type) === "radio") &&
-                    Array.isArray(item === null || item === void 0 ? void 0 : item.field)) {
-                    return (jsx(ChoiceGroup, { items: item === null || item === void 0 ? void 0 : item.field, legend: item === null || item === void 0 ? void 0 : item.legend, choicegroupid: item === null || item === void 0 ? void 0 : item.choicegroupid }, i));
-                }
-                if ((item === null || item === void 0 ? void 0 : item.type) === "file") {
-                    return createElement(FileUpload, Object.assign({}, item === null || item === void 0 ? void 0 : item.field, { key: i }));
-                }
-                if ((item === null || item === void 0 ? void 0 : item.type) === "date") {
-                    return createElement(DatePicker, Object.assign({}, item === null || item === void 0 ? void 0 : item.field, { key: i }));
-                }
-                if ((item === null || item === void 0 ? void 0 : item.type) === "number") {
-                    return createElement(NumberPicker, Object.assign({}, item === null || item === void 0 ? void 0 : item.field, { key: i }));
-                }
-                if ((item === null || item === void 0 ? void 0 : item.type) === "textarea") {
-                    return createElement(Textarea, Object.assign({}, item === null || item === void 0 ? void 0 : item.field, { key: i }));
-                }
-            })] })));
-};
-
-export { FormGroup as default };

package/lib/esm/components/FormGroup/index.js

@@ -1,20 +0,0 @@
-export { default as FormGroup } from './FormGroup.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'classnames';
-import '../../hooks/useGlobalSettings.js';
-import 'tslib';
-import '../../GlobalCtx-7fb23cfa.js';
-import '../Checkbox/Checkbox.js';
-import '../Fieldset/Fieldset.js';
-import '../Tooltip/Tooltip.js';
-import 'react-dom';
-import '../FormElement/FormElement.js';
-import '../ChoiceGroup/ChoiceGroup.js';
-import '../Radio/Radio.js';
-import '../DatePicker/DatePicker.js';
-import '../Dropdown/Dropdown.js';
-import '../FileUpload/FileUpload.js';
-import '../Input/Input.js';
-import '../NumberPicker/NumberPicker.js';
-import '../Textarea/Textarea.js';

package/lib/types/react/src/components/ChoiceGroup/ChoiceGroup.d.ts

@@ -1,4 +0,0 @@
-import { FC } from "react";
-import { ChoiceGroupProps } from "./ChoiceGroup.props";
-declare const ChoiceGroup: FC<ChoiceGroupProps>;
-export default ChoiceGroup;

package/lib/types/react/src/components/ChoiceGroup/ChoiceGroup.props.d.ts

@@ -1,20 +0,0 @@
-import { CheckboxProps } from "../Checkbox/Checkbox.props";
-import { RadioProps } from "../Radio/Radio.props";
-export interface CheckboxGroupItem {
-    field: CheckboxProps;
-    type: "checkbox";
-}
-export interface RadioGroupItem {
-    field: RadioProps;
-    type: "radio";
-}
-export type ChoiceGroupItem = CheckboxGroupItem | RadioGroupItem;
-export interface ChoiceGroupProps {
-    className?: string;
-    choicegroupid: string;
-    grouperror?: string;
-    grouphelper?: string;
-    grouptooltip?: string;
-    items: ChoiceGroupItem[];
-    legend?: string;
-}

package/lib/types/react/src/components/ChoiceGroup/index.d.ts

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

package/lib/types/react/src/components/FormGroup/FormGroup.d.ts

@@ -1,4 +0,0 @@
-import { FC } from "react";
-import { FormGroupProps } from "./FormGroup.props";
-declare const FormGroup: FC<FormGroupProps>;
-export default FormGroup;

package/lib/types/react/src/components/FormGroup/FormGroup.props.d.ts

@@ -1,81 +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;
-}
-export {};

package/lib/types/react/src/components/FormGroup/index.d.ts

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

package/src/components/ChoiceGroup/ChoiceGroup.args.ts

@@ -1,95 +0,0 @@
-import {
-  ChoiceGroupProps,
-  CheckboxGroupItem,
-  RadioGroupItem,
-} from "./ChoiceGroup.props";
-import CheckboxArgs from "../Checkbox/Checkbox.args";
-import RadioArgs from "../Radio/Radio.args";
-
-const checkboxfields = [] as CheckboxGroupItem[];
-const radiofields = [] as RadioGroupItem[];
-const radioid = `radio${Math.random() * (1000 - 1) + 1}`;
-
-for (let i = 0; i < 5; i++) {
-  const checkboxargs = { ...CheckboxArgs.basic };
-  const radioargs = { ...RadioArgs.basic };
-  checkboxfields.push({ type: "checkbox", field: checkboxargs });
-  checkboxfields[i].field.label = `Checkbox ${i}`;
-  checkboxfields[i].field.name = `checkbox${i}`;
-  checkboxfields[i].field.grouped = true;
-  checkboxfields[i].type = "checkbox";
-  radiofields.push({ type: "radio", field: radioargs });
-  radiofields[i].field.label = `Radio ${i}`;
-  radiofields[i].field.name = radioid;
-  radiofields[i].type = "radio";
-}
-
-const checkboxes: ChoiceGroupProps = {
-  choicegroupid: "checkboxgroup",
-  items: checkboxfields,
-  legend: "Checkbox Legend",
-};
-
-const radios: ChoiceGroupProps = {
-  choicegroupid: "radiogroup",
-  items: radiofields,
-  legend: "Radio Legend",
-};
-
-const checkboxeshelper: ChoiceGroupProps = {
-  choicegroupid: "checkboxgroup",
-  grouphelper: "This is the helper text",
-  items: checkboxfields,
-  legend: "Checkbox Legend",
-};
-
-const radioshelper: ChoiceGroupProps = {
-  choicegroupid: "radiogroup",
-  grouphelper: "This is the helper text",
-  items: radiofields,
-  legend: "Radio Legend",
-};
-
-const checkboxeserror: ChoiceGroupProps = {
-  choicegroupid: "checkboxgroup",
-  grouperror: "this one has an error",
-  items: checkboxfields,
-  legend: "Checkbox Legend",
-};
-
-const radioserror: ChoiceGroupProps = {
-  choicegroupid: "radiogroup",
-  grouperror: "this one has an error",
-  items: radiofields,
-  legend: "Radio Legend",
-};
-
-const checkboxestooltip: ChoiceGroupProps = {
-  choicegroupid: "checkboxgroup",
-  items: checkboxfields,
-  legend: "Checkbox Legend",
-  grouptooltip: "This is the tooltip",
-};
-
-const radiostooltip: ChoiceGroupProps = {
-  choicegroupid: "radiogroup",
-  items: radiofields,
-  legend: "Radio Legend",
-  grouptooltip: "This is the tooltip",
-};
-
-/**
- * Sample prop definitions ChoiceGroup's enumerable properties (imported in stories and test)
- */
-const ChoiceGroupArgs = {
-  checkboxes,
-  radios,
-  checkboxeshelper,
-  radioshelper,
-  checkboxeserror,
-  radioserror,
-  checkboxestooltip,
-  radiostooltip,
-};
-
-export default ChoiceGroupArgs;

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

@@ -1,25 +0,0 @@
-// import { ChoiceGroupFieldTypes } from "../../types";
-import { CheckboxProps } from "../Checkbox/Checkbox.props";
-import { RadioProps } from "../Radio/Radio.props";
-
-export interface CheckboxGroupItem {
-  field: CheckboxProps;
-  type: "checkbox";
-}
-
-export interface RadioGroupItem {
-  field: RadioProps;
-  type: "radio";
-}
-
-export type ChoiceGroupItem = CheckboxGroupItem | RadioGroupItem;
-
-export interface ChoiceGroupProps {
-  className?: string;
-  choicegroupid: string;
-  grouperror?: string;
-  grouphelper?: string;
-  grouptooltip?: string;
-  items: ChoiceGroupItem[];
-  legend?: string;
-}

package/src/components/ChoiceGroup/ChoiceGroup.tsx

@@ -1,54 +0,0 @@
-import { FC, useState } from "react";
-import { ChoiceGroupProps } from "./ChoiceGroup.props";
-import { Checkbox } from "../Checkbox";
-import { Fieldset } from "../Fieldset";
-import { Radio } from "../Radio";
-
-const ChoiceGroup: FC<ChoiceGroupProps> = ({
-  className,
-  choicegroupid,
-  grouperror,
-  grouphelper,
-  grouptooltip,
-  items,
-  legend,
-}) => {
-  // whatever type the first item has we expect from the other items
-  const sanitzeditems = items.filter((item: any) => item !== items[0].type);
-
-  const [radio, setRadio] = useState(false);
-
-  const radioChangeHandler = (e: any) => {
-    setRadio(e.target.value);
-  };
-
-  return (
-    <Fieldset
-      className={`ilo--choice-group ${className ? className : ""}`}
-      legend={legend}
-      fieldsetid={choicegroupid}
-      grouphelper={grouphelper}
-      grouperror={grouperror}
-      grouptooltip={grouptooltip}
-    >
-      {sanitzeditems.map((item: any, i: any) => {
-        if (item?.type === "checkbox") {
-          return <Checkbox {...(item as any)} key={i} />;
-        }
-        if (item?.type === "radio") {
-          return (
-            <Radio
-              {...(item as any)}
-              callback={radioChangeHandler}
-              selected={radio}
-              key={i}
-            />
-          );
-        }
-        return null;
-      })}
-    </Fieldset>
-  );
-};
-
-export default ChoiceGroup;

package/src/components/ChoiceGroup/index.ts

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