@ilo-org/react 0.0.17 → 0.1.0

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

@@ -0,0 +1,10 @@
+export interface CreditProps {
+    /**
+     * Specify an optional className to be added to your empty component.
+     */
+    className?: string;
+    /**
+     * Specify the credit text
+     */
+    credit?: string;
+}

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

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

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

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

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

@@ -0,0 +1,54 @@
+export interface DatePickerProps {
+    /**
+     * The input's onChange callback.
+     */
+    callback?: (e: React.ChangeEvent<HTMLInputElement>, picker?: string) => any;
+    /**
+     * Specify an optional className to be added to your input.
+     */
+    className?: string;
+    /**
+     * Is the input disabled?
+     */
+    disabled?: boolean;
+    /**
+     * If this is a range, the data for the second field
+     */
+    enddata?: DatePickerProps;
+    /**
+     * Does the input have an error?
+     */
+    error?: string | false;
+    /**
+     * The input's helper text
+     */
+    helper: string | false;
+    /**
+     * The input's id attribute
+     */
+    id?: string;
+    /**
+     * Does this input have a label?
+     */
+    label: string;
+    /**
+     * The input's name attribute
+     */
+    name?: Required<string>;
+    /**
+     * Specify an optional className to be added to your DatePicker component.
+     */
+    placeholder?: string;
+    /**
+     * Specify whether this is a date range
+     */
+    range?: boolean;
+    /**
+     * Specify whether this input is required
+     */
+    required?: boolean;
+    /**
+     * Does this DatePicker have a tooltip?
+     */
+    tooltip?: string;
+}

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

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

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

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

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

@@ -0,0 +1,69 @@
+export interface OptionProps {
+    /**
+     * Is this option disabled?
+     */
+    disabled?: boolean;
+    /**
+     * The option's label
+     */
+    label: Required<string>;
+    /**
+     * The option's value
+     */
+    value?: Required<string>;
+}
+export interface DropdownProps {
+    /**
+     * Should the Dropdown allow default browser autocomplete functionality?
+     * Ideally this would be boolean but for some reason React expects a string. So: "true" if true.
+     */
+    autocomplete: string;
+    /**
+     * The Dropdown's onChange callback.
+     */
+    callback?: (e: React.ChangeEvent<HTMLSelectElement>) => any;
+    /**
+     * Specify an optional className to be added to your Profile component.
+     */
+    className?: string;
+    /**
+     * Is the Dropdown disabled?
+     */
+    disabled?: boolean;
+    /**
+     * Does the Dropdown have an error?
+     */
+    error?: string | false;
+    /**
+     * The Dropdown's helper text
+     */
+    helper: string | false;
+    /**
+     * The Dropdown's id attribute
+     */
+    id?: string;
+    /**
+     * The Dropdown's label
+     */
+    label: string;
+    /**
+     * The Dropdown's name attribute
+     */
+    name?: Required<string>;
+    /**
+     * The Dropdown's options
+     */
+    options?: Required<Array<OptionProps>>;
+    /**
+     * Is a selection required?
+     */
+    required?: boolean;
+    /**
+     * Does this Dropdown have a tooltip?
+     */
+    tooltip?: string;
+    /**
+     * The Dropdown's default selection; should match one of the values in `options`
+     */
+    value: string;
+}

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

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

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

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

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

@@ -0,0 +1,11 @@
+import React from "react";
+export interface EmptyProps {
+    /**
+     * Specify an optional className to be added to your empty component.
+     */
+    className?: string;
+    /**
+     * Inline styles to be applied
+     */
+    style?: React.CSSProperties;
+}

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

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

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

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

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

@@ -0,0 +1,35 @@
+import { ReactElement } from "react";
+import { InputProps } from "../Input/Input.props";
+import { TextareaProps } from "../Textarea/Textarea.props";
+export interface FieldsetChild extends ReactElement<InputProps | TextareaProps> {
+}
+export interface FieldsetProps {
+    /**
+     * Specify the content of your Fieldset.
+     */
+    children: (null | false | FieldsetChild) | (null | false | FieldsetChild)[];
+    /**
+     * Specify an optional className to be added to your Fieldset component.
+     */
+    className?: string;
+    /**
+     * The fieldset's id
+     */
+    fieldsetid?: string;
+    /**
+     * Optional error text for the fieldset
+     */
+    grouperror?: string;
+    /**
+     * Optional helper text for the fieldset
+     */
+    grouphelper?: string;
+    /**
+     * Optional tooltip text for the fieldset
+     */
+    grouptooltip?: string;
+    /**
+     * The fieldset's legend
+     */
+    legend?: string;
+}

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

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

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

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

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

@@ -0,0 +1,50 @@
+export interface FileUploadProps {
+    /**
+     * The FileUpload's onChange callback.
+     */
+    callback?: (e: React.ChangeEvent<HTMLInputElement>) => any;
+    /**
+     * Specify an optional className to be added to your FileUpload.
+     */
+    className?: string;
+    /**
+     * Is the FileUpload disabled?
+     */
+    disabled?: boolean;
+    /**
+     * Does the FileUpload have an error?
+     */
+    error?: string | false;
+    /**
+     * The FileUpload's helper text
+     */
+    helper: string | false;
+    /**
+     * The FileUpload's id attribute
+     */
+    id?: string;
+    /**
+     * Does this FileUpload have a label?
+     */
+    label: string;
+    /**
+     * Should the FileUpload allow multiple uploads?
+     */
+    multiple?: boolean;
+    /**
+     * The FileUpload's name attribute
+     */
+    name?: Required<string>;
+    /**
+     * Specify an optional className to be added to your FileUpload component.
+     */
+    placeholder?: string;
+    /**
+     * Specify whether this FileUpload is required
+     */
+    required?: boolean;
+    /**
+     * Does this FileUpload have a tooltip?
+     */
+    tooltip?: string;
+}

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

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

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

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

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

@@ -0,0 +1,114 @@
+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 { NumberPickerProps } from "../NumberPicker/NumberPicker.props";
+import { RadioProps } from "../Radio/Radio.props";
+import { TextareaProps } from "../Textarea/Textarea.props";
+import { InputProps } from "../Input/Input.props";
+import { FormGroupProps } from "../FormGroup/FormGroup.props";
+export interface InputItem {
+    type: "input";
+    field: InputProps;
+    choicegroupid?: never;
+    legend?: never;
+    grouptooltip?: never;
+    grouperror?: never;
+    grouphelper?: never;
+}
+export interface DropdownItem {
+    type: "dropdown";
+    field: DropdownProps;
+    choicegroupid?: never;
+    legend?: never;
+    grouptooltip?: never;
+    grouperror?: never;
+    grouphelper?: never;
+}
+export interface CheckboxItem {
+    type: "checkbox";
+    field: CheckboxProps | CheckboxProps[];
+    choicegroupid: string;
+    legend?: string;
+    grouptooltip?: string;
+    grouperror?: string;
+    grouphelper?: string;
+}
+export interface RadioItem {
+    type: "radio";
+    field: RadioProps | RadioProps[];
+    choicegroupid: string;
+    legend?: string;
+    grouptooltip?: string;
+    grouperror?: string;
+    grouphelper?: string;
+}
+export interface FileUploadItem {
+    type: "file";
+    field: FileUploadProps;
+    choicegroupid?: never;
+    legend?: never;
+    grouptooltip?: never;
+    grouperror?: never;
+    grouphelper?: never;
+}
+export interface NumberPickerItem {
+    type: "number";
+    field: NumberPickerProps;
+    choicegroupid?: never;
+    legend?: never;
+    grouptooltip?: never;
+    grouperror?: never;
+    grouphelper?: never;
+}
+export interface DatePickerItem {
+    type: "date";
+    field: DatePickerProps;
+    choicegroupid?: never;
+    legend?: never;
+    grouptooltip?: never;
+    grouperror?: never;
+    grouphelper?: never;
+}
+export interface TextareaItem {
+    type: "textarea";
+    field: TextareaProps;
+    choicegroupid?: never;
+    legend?: never;
+    grouptooltip?: never;
+    grouperror?: never;
+    grouphelper?: never;
+}
+export interface FormGroupItem {
+    type: "formgroup";
+    field: FormGroupProps;
+    choicegroupid?: string;
+    legend?: string;
+    grouptooltip?: string;
+    grouperror?: string;
+    grouphelper?: string;
+}
+type FormItem = InputItem | DropdownItem | CheckboxItem | RadioItem | FileUploadItem | NumberPickerItem | DatePickerItem | TextareaItem | FormGroupItem;
+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: FormItem[];
+    /**
+     * The label for the form's submit button
+     */
+    submitlabel: string;
+}
+export {};

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

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

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

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

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

@@ -0,0 +1,47 @@
+import { ReactElement } from "react";
+import { InputTypes, FieldTypes } from "../../types";
+import { DropdownProps } from "../Dropdown/Dropdown.props";
+import { InputProps } from "../Input/Input.props";
+import { TextareaProps } from "../Textarea/Textarea.props";
+export interface FormElementProps {
+    /**
+     * Specify the content of your FormElement.
+     */
+    children: ReactElement<InputProps> | ReactElement<DropdownProps> | ReactElement<TextareaProps>;
+    /**
+     * Specify an optional className to be added to your FormElement component.
+     */
+    className?: string;
+    /**
+     * Is the field disabled?
+     */
+    disabled?: boolean;
+    /**
+     * The fieldset's error message
+     */
+    error: string | false;
+    /**
+     * The fieldset's helper text
+     */
+    helper: string;
+    /**
+     * The ID of the form element
+     */
+    elemid: string;
+    /**
+     * The fieldset's label
+     */
+    label?: string;
+    /**
+     * Is this element required?
+     */
+    required: boolean;
+    /**
+     * Does this fieldset have a tooltip?
+     */
+    tooltip?: string;
+    /**
+     * The type of field
+     */
+    type?: InputTypes | FieldTypes;
+}

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

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

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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,81 @@
+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

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

package/lib/types/react/src/components/GlobalProvider/GlobalCtx.d.ts

@@ -0,0 +1,2 @@
+import { GlobalProviderContextProps } from "./GlobalProvider.props";
+export declare const GlobalProviderContext: import("react").Context<GlobalProviderContextProps>;

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

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

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

@@ -0,0 +1,13 @@
+import { ReactNode } from "react";
+export interface GlobalProviderContextProps {
+    /**
+     * Prefix classname to use across the components.
+     */
+    prefix?: string;
+}
+export interface GlobalProviderProps extends GlobalProviderContextProps {
+    /**
+     * Specify the content of nested under the global provider.
+     */
+    children: ReactNode;
+}

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

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

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

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

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

@@ -0,0 +1,20 @@
+import { ReactNode } from "react";
+import { HeadingLevel, LabelTypes } from "../../types";
+export interface HeadingProps {
+    /**
+     * Specify the content of your heading.
+     */
+    children: ReactNode;
+    /**
+     * Specify the heading level the heading. Default level is h3.
+     */
+    level?: HeadingLevel;
+    /**
+     * Specify an optional className to be added to your heading.
+     */
+    className?: string;
+    /**
+     * Specify an optional color of Heading.
+     */
+    type?: LabelTypes;
+}

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

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

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

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

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

@@ -0,0 +1,25 @@
+import { HeroCardTheme, HeroCardTypes } from "../../types";
+import { ImageProps } from "../Image/Image.props";
+import { HeroCardProps } from "./HeroCard.props";
+export interface HeroProps {
+    /**
+     * Specify an optional className to be added to your Hero component.
+     */
+    className?: string;
+    /**
+     * Props for the image for the hero
+     */
+    image?: ImageProps;
+    /**
+     * Props for the card for the hero
+     */
+    heroCard?: HeroCardProps;
+    /**
+     * Theme for the card
+     */
+    theme?: HeroCardTheme;
+    /**
+     * Type of hero for the card
+     */
+    types?: HeroCardTypes;
+}

package/lib/types/react/src/components/Hero/HeroCard.d.ts

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