chop-logic-components 4.1.0 → 4.1.1

package/dist/components/molecules/select/Select.helpers.d.ts

@@ -0,0 +1,7 @@
+import { FormValues, SelectValue } from '../../../types';
+export declare function getSelectInitialValue({ name, options, initialValues, defaultValue, }: {
+    name: string;
+    options: SelectValue[];
+    initialValues?: FormValues;
+    defaultValue?: string | number | readonly string[];
+}): SelectValue | undefined;

package/dist/components/molecules/select/combobox/Combobox.d.ts

@@ -0,0 +1,15 @@
+import { SelectValue } from '../../../../types';
+import { FC } from 'react';
+type Props = {
+    opened: boolean;
+    disabled: boolean;
+    required: boolean;
+    onClick: () => void;
+    comboboxId: string;
+    dropdownId: string;
+    selected?: SelectValue;
+    placeholder?: string;
+    name: string;
+};
+export declare const SelectCombobox: FC<Props>;
+export {};

package/dist/components/molecules/select/dropdown/Dropdown.d.ts

@@ -0,0 +1,14 @@
+import { SelectValue } from '../../../../types';
+import { FC } from 'react';
+type Props = {
+    options: SelectValue[];
+    opened: boolean;
+    dropdownId: string;
+    comboboxId: string;
+    onClose: () => void;
+    selected?: SelectValue;
+    onSelect: (id: string) => void;
+    onClear: () => void;
+};
+export declare const SelectDropdown: FC<Props>;
+export {};

package/dist/components/molecules/select/option/Option.d.ts

@@ -0,0 +1,10 @@
+import { SelectValue } from '../../../../types';
+import { FC } from 'react';
+type Props = {
+    value: SelectValue;
+    selected: boolean;
+    onSelect: (id: string) => void;
+    onClear: () => void;
+};
+export declare const SelectOption: FC<Props>;
+export {};

package/dist/components/molecules/switch/Switch.controller.d.ts

@@ -0,0 +1,10 @@
+import { KeyboardEvent } from 'react';
+export declare function useSwitchController({ name, defaultChecked, onChange, }: {
+    name: string;
+    defaultChecked?: boolean;
+    onChange?: (checked: boolean) => void;
+}): {
+    checked: boolean;
+    handleChange: (checked: boolean) => void;
+    handleKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
+};

package/dist/components/molecules/switch/Switch.d.ts

@@ -0,0 +1,4 @@
+import { SwitchProps } from '../../../types';
+import { FC } from 'react';
+declare const Switch: FC<SwitchProps>;
+export default Switch;

package/dist/components/molecules/switch/Switch.helpers.d.ts

@@ -0,0 +1,6 @@
+import { FormValues } from '../../../types';
+export declare function getSwitchInitialValue({ defaultChecked, initialValues, name, }: {
+    defaultChecked?: boolean;
+    initialValues?: FormValues;
+    name: string;
+}): boolean;

package/dist/components/molecules/text-input/TextInput.controller.d.ts

@@ -0,0 +1,17 @@
+import { ChopLogicRegExpWithFlags, TextInputValidator } from '../../../types';
+import { ChangeEvent, ChangeEventHandler } from 'react';
+export declare function useTextInputController({ name, defaultValue, onChange, onClear, required, validator, }: {
+    name: string;
+    required: boolean;
+    validator?: ChopLogicRegExpWithFlags | TextInputValidator;
+    defaultValue?: string | number | readonly string[];
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    onClear?: () => void;
+}): {
+    value: string;
+    valid: boolean;
+    passwordShown: boolean;
+    handleChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    handleClear: () => void;
+    togglePassword: () => void;
+};

package/dist/components/molecules/text-input/TextInput.d.ts

@@ -0,0 +1,9 @@
+import { TextInputProps } from '../../../types';
+import { FC } from 'react';
+/**
+ * TextInput component factory
+ * Renders either a stateful or stateless component
+ * based on the `stateless` prop.
+ */
+declare const TextInput: FC<TextInputProps>;
+export default TextInput;

package/dist/components/molecules/text-input/TextInput.helpers.d.ts

@@ -0,0 +1,11 @@
+import { ChopLogicRegExpWithFlags, FormValues, TextInputValidator } from '../../../types';
+export declare function validateTextInputValue({ value, required, validator, }: {
+    value: string;
+    required: boolean;
+    validator?: ChopLogicRegExpWithFlags | TextInputValidator;
+}): boolean;
+export declare function getTextInputInitialValue({ name, initialValues, defaultValue, }: {
+    name: string;
+    initialValues?: FormValues;
+    defaultValue?: string | number | readonly string[];
+}): string;

package/dist/components/molecules/text-input/TextInputButtons.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+declare const TextInputButtons: FC<{
+    clearable: boolean;
+    isPasswordButtonVisible: boolean;
+    handleClear: () => void;
+    togglePassword: () => void;
+    passwordShown: boolean;
+    label: string;
+    disabled: boolean;
+}>;
+export default TextInputButtons;

package/dist/components/molecules/text-input/TextInputStateful.d.ts

@@ -0,0 +1,4 @@
+import { TextInputProps } from '../../../types';
+import { FC } from 'react';
+declare const TextInputStateful: FC<TextInputProps>;
+export default TextInputStateful;

package/dist/components/molecules/text-input/TextInputStateless.d.ts

@@ -0,0 +1,4 @@
+import { TextInputProps } from '../../../types';
+import { FC } from 'react';
+declare const TextInputStateless: FC<TextInputProps>;
+export default TextInputStateless;

package/dist/components/organisms/dialog/Dialog.d.ts

@@ -0,0 +1,4 @@
+import { DialogProps } from '../../../types';
+import { FC } from 'react';
+declare const Dialog: FC<DialogProps>;
+export default Dialog;

package/dist/components/organisms/form/Form.controller.d.ts

@@ -0,0 +1,14 @@
+import { FormInputParams, FormValues } from '../../../types';
+import { FormEvent, FormEventHandler } from 'react';
+export declare function useFormController({ initialValues, onReset, onSubmit, onClickSubmit, }: {
+    initialValues?: FormValues;
+    onReset?: FormEventHandler<HTMLFormElement>;
+    onSubmit?: FormEventHandler<HTMLFormElement>;
+    onClickSubmit?: (data: FormValues) => void;
+}): {
+    handleInputChange: (params: FormInputParams) => void;
+    handleSubmit: (event: FormEvent<HTMLFormElement>) => void;
+    handleReset: (event: FormEvent<HTMLFormElement>) => void;
+    resetSignal: number;
+    valid: boolean;
+};

package/dist/components/organisms/form/Form.d.ts

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

package/dist/components/organisms/form/Form.helpers.d.ts

@@ -0,0 +1,4 @@
+import { FormInputParams, FormValidationState, FormValues } from '../../../types';
+export declare function getInitialValidationState(data?: FormValues): FormValidationState;
+export declare function updateValidationState(state: FormValidationState, params: FormInputParams): FormValidationState;
+export declare function isFormDataValid(state: FormValidationState): boolean;

package/dist/components/organisms/grid/Grid.controller.d.ts

@@ -0,0 +1,15 @@
+import { GridItem } from '../../../types';
+export declare const useGridController: ({ data, id, onSelect, }: {
+    data: GridItem[];
+    id?: string;
+    onSelect?: (ids: string[]) => void;
+}) => {
+    elementId: string;
+    isAllSelected: boolean;
+    isAllCheckboxDisabled: boolean;
+    selectedIds: string[];
+    handleSelectAll: () => void;
+    handleDeselectAll: () => void;
+    handleSelectRowById: (id: string) => void;
+    handleDeselectRowById: (id: string) => void;
+};

package/dist/components/organisms/grid/Grid.d.ts

@@ -0,0 +1,4 @@
+import { GridProps } from '../../../types';
+import { FC } from 'react';
+declare const Grid: FC<GridProps>;
+export default Grid;

package/dist/components/organisms/grid/Grid.helpers.d.ts

@@ -0,0 +1,6 @@
+import { GridColumn, GridItem, GridRowValue, RenderDataItemCallback } from '../../../types';
+export declare function getGridRowValues({ item, columns, renderDataItem, }: {
+    item: GridItem;
+    columns: GridColumn[];
+    renderDataItem?: RenderDataItemCallback;
+}): GridRowValue[];

package/dist/components/organisms/grid/body/GridBody.d.ts

@@ -0,0 +1,13 @@
+import { GridColumn, GridItem, RenderDataItemCallback } from '../../../../types';
+import { FC } from 'react';
+type Props = {
+    data: GridItem[];
+    columns: GridColumn[];
+    selectedIds: string[];
+    selectRowById: (id: string) => void;
+    deselectRowById: (id: string) => void;
+    renderDataItem?: RenderDataItemCallback;
+    selectable: boolean;
+};
+export declare const GridBody: FC<Props>;
+export {};

package/dist/components/organisms/grid/checkbox/GridCheckbox.d.ts

@@ -0,0 +1,6 @@
+import { FC, InputHTMLAttributes } from 'react';
+type Props = InputHTMLAttributes<HTMLInputElement> & {
+    label: string;
+};
+export declare const GridCheckbox: FC<Props>;
+export {};

package/dist/components/organisms/grid/column-group/GridColumnGroup.d.ts

@@ -0,0 +1,6 @@
+import { GridColumn } from '../../../../types';
+import { FC } from 'react';
+export declare const GridColumnGroup: FC<{
+    columns: GridColumn[];
+    selectable: boolean;
+}>;

package/dist/components/organisms/grid/data-cell/GridDataCell.d.ts

@@ -0,0 +1,4 @@
+import { FC, ReactElement } from 'react';
+export declare const GridDataCell: FC<{
+    value: ReactElement | string;
+}>;

package/dist/components/organisms/grid/grid-row/GridRow.d.ts

@@ -0,0 +1,13 @@
+import { GridRowValue } from '../../../../types';
+import { FC } from 'react';
+type Props = {
+    rowId: string;
+    selectedIds: string[];
+    selectRowById: (id: string) => void;
+    deselectRowById: (id: string) => void;
+    selectable: boolean;
+    values: GridRowValue[];
+    disabled?: boolean;
+};
+export declare const GridRow: FC<Props>;
+export {};

package/dist/components/organisms/grid/head/GridHead.d.ts

@@ -0,0 +1,13 @@
+import { GridColumn } from '../../../../types';
+import { FC } from 'react';
+type GridHeadProps = {
+    columns: GridColumn[];
+    gridId: string;
+    selectable: boolean;
+    isAllSelected: boolean;
+    isAllCheckboxDisabled?: boolean;
+    selectAll: () => void;
+    deselectAll: () => void;
+};
+export declare const GridHead: FC<GridHeadProps>;
+export {};

package/dist/components/organisms/grid/header-cell/HeaderCell.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+export declare const GridHeaderCell: FC<{
+    title?: string;
+    component?: React.ReactElement;
+}>;

package/dist/components/organisms/grid/select-all-grid-rows-cell/SelectAllGridRowsCell.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+type Props = {
+    gridId: string;
+    isAllSelected: boolean;
+    selectAll: () => void;
+    deselectAll: () => void;
+    disabled?: boolean;
+};
+export declare const SelectAllGridRowsCell: FC<Props>;
+export {};

package/dist/components/organisms/grid/select-grid-row-cell/SelectGridRowCell.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+type Props = {
+    rowId: string;
+    isRowSelected: boolean;
+    selectRowById: (id: string) => void;
+    deselectRowById: (id: string) => void;
+    disabled?: boolean;
+};
+export declare const SelectGridRowCell: FC<Props>;
+export {};

package/dist/components/organisms/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Dialog } from './dialog/Dialog';
+export { default as Form } from './form/Form';
+export { default as Grid } from './grid/Grid';
+export { default as Menu } from './menu/Menu';
+export { default as Tabs } from './tabs/Tabs';

package/dist/components/organisms/menu/Menu.d.ts

@@ -0,0 +1,4 @@
+import { MenuProps } from '../../../types';
+import { FC } from 'react';
+declare const Menu: FC<MenuProps>;
+export default Menu;

package/dist/components/organisms/menu/leaf/MenuLeaf.d.ts

@@ -0,0 +1,5 @@
+import { MenuItem } from '../../../../types';
+import { ReactElement } from 'react';
+export declare const MenuLeaf: ({ item }: {
+    item: MenuItem;
+}) => ReactElement;

package/dist/components/organisms/menu/list-item/MenuListItem.d.ts

@@ -0,0 +1,10 @@
+import { OrientationMode } from '../../../../enums';
+import { MenuItem } from '../../../../types';
+import { FC, PropsWithChildren } from 'react';
+type Props = PropsWithChildren & {
+    item: MenuItem;
+    mode: OrientationMode;
+    openedOn?: 'hover' | 'click';
+};
+export declare const MenuListItem: FC<Props>;
+export {};

package/dist/components/organisms/menu/sub-menu/SubMenu.d.ts

@@ -0,0 +1,14 @@
+import { OrientationMode } from '../../../../enums';
+import { MenuItem } from '../../../../types';
+import { FC, PropsWithChildren } from 'react';
+type Props = PropsWithChildren & {
+    item: MenuItem;
+    isSubMenuOpened: boolean;
+    mode: OrientationMode;
+    toggleSubMenu: () => void;
+    closeSubMenu: () => void;
+    openSubMenu: () => void;
+    openedOn?: 'hover' | 'click';
+};
+export declare const SubMenu: FC<Props>;
+export {};

package/dist/components/organisms/tabs/Tabs.d.ts

@@ -0,0 +1,4 @@
+import { TabsProps } from '../../../types';
+import { FC } from 'react';
+declare const Tabs: FC<TabsProps>;
+export default Tabs;

package/dist/components/organisms/tabs/button/TabButton.d.ts

@@ -0,0 +1,18 @@
+import { OrientationMode } from '../../../../enums';
+import { FC } from 'react';
+type Props = {
+    title: string;
+    tabId: string;
+    onTabSelect: (id: string) => void;
+    tabPanelId: string;
+    isSelected: boolean;
+    mode: OrientationMode;
+    isDisabled?: boolean;
+    stretched?: boolean;
+    editable?: boolean;
+    onTabTitleChange?: (newTitle: string) => void;
+    onTabDelete?: (id: string) => void;
+    extendable?: boolean;
+};
+export declare const TabButton: FC<Props>;
+export {};

package/dist/components/organisms/tabs/content/TabContent.d.ts

@@ -0,0 +1,8 @@
+import { ChopLogicTabItem } from '../../../../types';
+import { FC, ReactElement } from 'react';
+export declare const TabContent: FC<{
+    tabs: ChopLogicTabItem[];
+    selectedTabId: string;
+    extendable?: boolean;
+    extendedTabContent?: ReactElement;
+}>;

package/dist/components/organisms/tabs/edit-input/TabEditInput.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+type Props = {
+    tabId: string;
+    isEditMode: boolean;
+    editValue: string;
+    onInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onInputBlur: (e: React.FocusEvent<HTMLInputElement>) => void;
+    onInputKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    onSave: () => void;
+    onCancel: () => void;
+    cancelButtonId: string;
+};
+export declare const TabEditInput: FC<Props>;
+export {};

package/dist/components/organisms/tabs/list/TabList.d.ts

@@ -0,0 +1,19 @@
+import { OrientationMode } from '../../../../enums';
+import { ChopLogicTabItem } from '../../../../types';
+import { FC } from 'react';
+type Props = {
+    tabs: ChopLogicTabItem[];
+    tabIds: string[];
+    onTabSelect: (id: string) => void;
+    selectedTabId: string;
+    tabPanelIds: string[];
+    mode: OrientationMode;
+    onTabTitleChange?: (tabId: string, newTitle: string) => void;
+    stretched?: boolean;
+    editable?: boolean;
+    extendable?: boolean;
+    onTabAdd?: () => void;
+    onTabDelete?: (id: string) => void;
+};
+export declare const TabList: FC<Props>;
+export {};

package/dist/enums/alert-mode.d.ts

@@ -0,0 +1,7 @@
+export declare enum AlertMode {
+    Success = "success",
+    Error = "error",
+    Warning = "warning",
+    Info = "info",
+    Help = "help"
+}

package/dist/enums/button-view.d.ts

@@ -0,0 +1,6 @@
+export declare enum ButtonView {
+    Primary = "primary",
+    Secondary = "secondary",
+    Icon = "icon",
+    Inner = "inner"
+}

package/dist/enums/element-size.d.ts

@@ -0,0 +1,8 @@
+export declare enum ElementSize {
+    ExtraSmall = "xs",
+    Small = "s",
+    Medium = "m",
+    Large = "l",
+    ExtraLarge = "xl",
+    ExtraExtraLarge = "2xl"
+}