chop-logic-components 2.2.0 → 2.4.0

package/README.md

@@ -93,13 +93,13 @@ Runs ESLint and automatically fixes issues where possible.
 npm run lint:fix
 ```
 
-### `check-types`
+### `typecheck`
 
 Run the TypeScript compiler (tsc) to perform type checking without generating output files. This script helps ensure
 that the code adheres to TypeScript's type safety.
 
 ```bash
-npm run types
+npm run typecheck
 ```
 
 ### `test`

package/dist/{components/containers/grid/elements/Body.d.ts → atoms/grid/body/GridBody.d.ts}

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
-import { ChopLogicGridColumn, ChopLogicGridItem, RenderDataItemCallback } from '../../../../models';
-type ChopLogicGridBodyProps = {
+import { ChopLogicGridColumn, ChopLogicGridItem, RenderDataItemCallback } from '../../../models';
+type Props = {
     data: ChopLogicGridItem[];
     columns: ChopLogicGridColumn[];
     selectedIds: string[];
@@ -9,5 +9,5 @@ type ChopLogicGridBodyProps = {
     renderDataItem?: RenderDataItemCallback;
     selectable: boolean;
 };
-declare const ChopLogicGridBody: React.FC<ChopLogicGridBodyProps>;
-export default ChopLogicGridBody;
+export declare const GridBody: React.FC<Props>;
+export {};

package/dist/atoms/grid/checkbox/GridCheckbox.d.ts

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

package/dist/atoms/grid/column-group/GridColumnGroup.d.ts

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

package/dist/{components/containers/grid/elements/DataCell.d.ts → atoms/grid/data-cell/GridDataCell.d.ts}

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

package/dist/{components/containers/grid/elements/Row.d.ts → atoms/grid/grid-row/GridRow.d.ts}

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-export type GridRowProps = {
+type Props = {
     rowId: string;
     selectedIds: string[];
     selectRowById: (id: string) => void;
@@ -8,5 +8,5 @@ export type GridRowProps = {
     values: (string | React.ReactElement)[];
     disabled?: boolean;
 };
-declare const GridRow: React.FC<GridRowProps>;
-export default GridRow;
+export declare const GridRow: React.FC<Props>;
+export {};

package/dist/{components/containers/grid/elements/Head.d.ts → atoms/grid/head/GridHead.d.ts}

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { ChopLogicGridColumn } from '../../../../models';
+import { ChopLogicGridColumn } from '../../../models';
 type ChopLogicGridHeadProps = {
     columns: ChopLogicGridColumn[];
     gridId: string;
@@ -9,5 +9,5 @@ type ChopLogicGridHeadProps = {
     selectAll: () => void;
     deselectAll: () => void;
 };
-declare const ChopLogicGridHead: React.FC<ChopLogicGridHeadProps>;
-export default ChopLogicGridHead;
+export declare const GridHead: React.FC<ChopLogicGridHeadProps>;
+export {};

package/dist/{components/containers/grid/elements → atoms/grid/header-cell}/HeaderCell.d.ts

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

package/dist/{components/containers/grid/elements/SelectAllRowsCell.d.ts → atoms/grid/select-all-grid-rows-cell/SelectAllGridRowsCell.d.ts}

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

package/dist/{components/containers/grid/elements/SelectRowCell.d.ts → atoms/grid/select-grid-row-cell/SelectGridRowCell.d.ts}

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

package/dist/atoms/header/Header.d.ts

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

package/dist/atoms/header/__docs__/Header.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '../../../storybook/react-vite';
+import { default as ChopLogicHeader } from '../Header';
+declare const meta: Meta<typeof ChopLogicHeader>;
+export default meta;
+type Story = StoryObj<typeof ChopLogicHeader>;
+export declare const Default: Story;

package/dist/atoms/icon/__docs__/Icon.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '../../../storybook/react-vite';
+import { default as ChopLogicIcon } from '../Icon';
+declare const meta: Meta<typeof ChopLogicIcon>;
+export default meta;
+type Story = StoryObj<typeof ChopLogicIcon>;
+export declare const Default: Story;

package/dist/atoms/index.d.ts

@@ -0,0 +1,22 @@
+export { ErrorMessage } from './input/error-message/ErrorMessage';
+export { Label } from './input/label/Label';
+export { Input } from './input/input/Input';
+export { SecondaryButton } from './input/secondary-button/SecondaryButton';
+export { PrimaryButton } from './input/primary-button/PrimaryButton';
+export { IconButton } from './input/icon-button/IconButton';
+export { InnerButton } from './input/inner-button/InnerButton';
+export { GridBody } from './grid/body/GridBody';
+export { GridHead } from './grid/head/GridHead';
+export { GridColumnGroup } from './grid/column-group/GridColumnGroup';
+export { TabList } from './tabs/list/TabList';
+export { TabContent } from './tabs/content/TabContent';
+export { MenuItem } from './menu/item/MenuItem';
+export { SelectCombobox } from './input/select/combobox/Combobox';
+export { SelectDropdown } from './input/select/dropdown/Dropdown';
+export { MultiSelectCombobox } from './input/multi-select/Combobox';
+export { MultiSelectDropdown } from './input/multi-select/Dropdown';
+export { default as ChopLogicIcon } from './icon/Icon';
+export { default as ChopLogicLoader } from './loader/Loader';
+export { default as ChopLogicTooltip } from './tooltip/Tooltip';
+export { default as ChopLogicPortal } from './portal/Portal';
+export { default as ChopLogicHeader } from './header/Header';

package/dist/atoms/input/error-message/ErrorMessage.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+type ErrorMessageProps = {
+    errorId: string;
+    visible?: boolean;
+    message?: string;
+    testId?: string;
+    className?: string;
+};
+export declare const ErrorMessage: React.FC<ErrorMessageProps>;
+export {};

package/dist/atoms/input/icon-button/IconButton.d.ts

@@ -0,0 +1,4 @@
+import { ButtonHTMLAttributes, FC, PropsWithChildren } from 'react';
+type Props = ButtonHTMLAttributes<HTMLButtonElement> & PropsWithChildren;
+export declare const IconButton: FC<Props>;
+export {};

package/dist/atoms/input/inner-button/InnerButton.d.ts

@@ -0,0 +1,9 @@
+import { default as React, ButtonHTMLAttributes } from 'react';
+import { ChopLogicIconName } from '../../../enums';
+type Props = {
+    label?: string;
+    icon?: ChopLogicIconName;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+} & ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const InnerButton: React.FC<Props>;
+export {};

package/dist/atoms/input/input/Input.d.ts

@@ -0,0 +1,4 @@
+import { FC, InputHTMLAttributes, PropsWithChildren } from 'react';
+type Props = InputHTMLAttributes<HTMLInputElement> & PropsWithChildren;
+export declare const Input: FC<Props>;
+export {};

package/dist/atoms/input/label/Label.d.ts

@@ -0,0 +1,11 @@
+import { FC, ReactElement } from 'react';
+type LabelProps = {
+    label: string;
+    required: boolean;
+    inputId: string;
+    isTextHidden?: boolean;
+    icon?: ReactElement;
+    iconPosition?: 'left' | 'right';
+};
+export declare const Label: FC<LabelProps>;
+export {};

package/dist/{components/inputs/multi-select/elements → atoms/input/multi-select}/Combobox.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
-import { ChopLogicMultiSelectValue } from '../../../../models';
-type MultiSelectComboboxProps = {
+import { ChopLogicMultiSelectValue } from '../../../models';
+type Props = {
     opened: boolean;
     disabled: boolean;
     required: boolean;
@@ -11,5 +11,5 @@ type MultiSelectComboboxProps = {
     placeholder?: string;
     name: string;
 };
-declare const SelectCombobox: React.FC<MultiSelectComboboxProps>;
-export default SelectCombobox;
+export declare const MultiSelectCombobox: React.FC<Props>;
+export {};

package/dist/atoms/input/multi-select/Dropdown.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { ChopLogicMultiSelectValue } from '../../../models';
+type Props = {
+    options: ChopLogicMultiSelectValue[];
+    opened: boolean;
+    dropdownId: string;
+    onClose: () => void;
+    onSelect: (id: string) => void;
+};
+export declare const MultiSelectDropdown: React.FC<Props>;
+export {};

package/dist/atoms/input/multi-select/Option.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { ChopLogicMultiSelectValue } from '../../../models';
+type Props = {
+    value: ChopLogicMultiSelectValue;
+    onSelect: (id: string) => void;
+};
+export declare const MultiSelectOption: React.FC<Props>;
+export {};

package/dist/atoms/input/primary-button/PrimaryButton.d.ts

@@ -0,0 +1,4 @@
+import { ButtonHTMLAttributes, FC, PropsWithChildren } from 'react';
+type Props = ButtonHTMLAttributes<HTMLButtonElement> & PropsWithChildren;
+export declare const PrimaryButton: FC<Props>;
+export {};

package/dist/atoms/input/secondary-button/SecondaryButton.d.ts

@@ -0,0 +1,4 @@
+import { ButtonHTMLAttributes, FC, PropsWithChildren } from 'react';
+type Props = ButtonHTMLAttributes<HTMLButtonElement> & PropsWithChildren;
+export declare const SecondaryButton: FC<Props>;
+export {};

package/dist/{components/inputs/select/elements → atoms/input/select/combobox}/Combobox.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { ChopLogicSelectValue } from '../../../../models';
-type SelectComboboxProps = {
+type Props = {
     opened: boolean;
     disabled: boolean;
     required: boolean;
@@ -11,5 +11,5 @@ type SelectComboboxProps = {
     placeholder?: string;
     name: string;
 };
-declare const SelectCombobox: React.FC<SelectComboboxProps>;
-export default SelectCombobox;
+export declare const SelectCombobox: React.FC<Props>;
+export {};

package/dist/{components/inputs/select/elements → atoms/input/select/dropdown}/Dropdown.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { ChopLogicSelectValue } from '../../../../models';
-type SelectDropdownProps = {
+type Props = {
     options: ChopLogicSelectValue[];
     opened: boolean;
     dropdownId: string;
@@ -10,5 +10,5 @@ type SelectDropdownProps = {
     onSelect: (id: string) => void;
     onClear: () => void;
 };
-declare const SelectDropdown: React.FC<SelectDropdownProps>;
-export default SelectDropdown;
+export declare const SelectDropdown: React.FC<Props>;
+export {};

package/dist/{components/inputs/select/elements → atoms/input/select/option}/Option.d.ts

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

package/dist/{elements → atoms}/loader/__docs__/Loader.example.d.ts

@@ -1,4 +1,3 @@
 import { default as React } from 'react';
 import { ChopLogicLoaderProps } from '../../../models';
-declare const LoaderExample: React.FC<ChopLogicLoaderProps>;
-export default LoaderExample;
+export declare const LoaderExample: React.FC<ChopLogicLoaderProps>;

package/dist/atoms/loader/__docs__/Loader.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '../../../storybook/react-vite';
+import { default as ChopLogicLoader } from '../Loader';
+declare const meta: Meta<typeof ChopLogicLoader>;
+export default meta;
+type Story = StoryObj<typeof ChopLogicLoader>;
+export declare const LoaderGallery: Story;

package/dist/atoms/menu/item/MenuItem.d.ts

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

package/dist/atoms/menu/leaf/MenuLeaf.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { ChopLogicMenuItem } from '../../../models';
+export declare const MenuLeaf: ({ item }: {
+    item: ChopLogicMenuItem;
+}) => React.ReactElement;

package/dist/atoms/menu/sub-menu/SubMenu.d.ts

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

package/dist/atoms/portal/__docs__/Portal.example.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const PortalExample: React.FC<React.PropsWithChildren>;

package/dist/{components/containers → atoms}/portal/__docs__/Portal.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta, StoryObj } from '../../../../storybook/react';
-import { default as PortalExample } from './Portal.example.tsx';
+import { Meta, StoryObj } from '../../../storybook/react-vite';
+import { PortalExample } from './Portal.example.tsx';
 declare const meta: Meta<typeof PortalExample>;
 export default meta;
 type Story = StoryObj<typeof PortalExample>;

package/dist/{components/containers/tabs/elements → atoms/tabs/button}/TabButton.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
-import { ChopLogicOrientationMode } from '../../../../enums';
-type ChopLogicTabButtonProps = {
+import { ChopLogicOrientationMode } from '../../../enums';
+type Props = {
     title: string;
     tabId: string;
     onTabSelect: (id: string) => void;
@@ -9,5 +9,5 @@ type ChopLogicTabButtonProps = {
     mode: ChopLogicOrientationMode;
     isDisabled?: boolean;
 };
-declare const ChopLogicTabButton: React.FC<ChopLogicTabButtonProps>;
-export default ChopLogicTabButton;
+export declare const TabButton: React.FC<Props>;
+export {};

package/dist/atoms/tabs/content/TabContent.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { ChopLogicTabItem } from '../../../models';
+export declare const TabContent: React.FC<{
+    tabs: ChopLogicTabItem[];
+    selectedTabId: string;
+}>;

package/dist/{components/containers/tabs/elements → atoms/tabs/list}/TabList.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
-import { ChopLogicOrientationMode } from '../../../../enums';
-import { ChopLogicTabItem } from '../../../../models';
+import { ChopLogicOrientationMode } from '../../../enums';
+import { ChopLogicTabItem } from '../../../models';
 type ChopLogicTabListProps = {
     tabs: ChopLogicTabItem[];
     tabIds: string[];
@@ -9,5 +9,5 @@ type ChopLogicTabListProps = {
     tabPanelIds: string[];
     mode: ChopLogicOrientationMode;
 };
-declare const ChopLogicTabList: React.FC<ChopLogicTabListProps>;
-export default ChopLogicTabList;
+export declare const TabList: React.FC<ChopLogicTabListProps>;
+export {};

package/dist/{components/modals/tooltip/controller.d.ts → atoms/tooltip/Tooltip.controller.d.ts}

@@ -1,7 +1,10 @@
 import { default as React } from 'react';
-export declare const useChopLogicTooltipController: ({ id }: {
+type Params = {
+    autoClose: boolean;
+    autoCloseDelay: number;
     id?: string;
-}) => {
+};
+export declare const useChopLogicTooltipController: ({ id, autoClose, autoCloseDelay }: Params) => {
     elementId: string;
     openTooltip: () => void;
     closeTooltip: () => void;
@@ -13,3 +16,4 @@ export declare const useChopLogicTooltipController: ({ id }: {
     wrapperRef: React.RefObject<null>;
     tooltipRef: React.RefObject<HTMLDivElement | null>;
 };
+export {};

package/dist/{components/modals → atoms}/tooltip/Tooltip.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
-import { ChopLogicTooltipProps } from '../../../models';
+import { ChopLogicTooltipProps } from '../../models';
 declare const ChopLogicTooltip: React.FC<ChopLogicTooltipProps>;
 export default ChopLogicTooltip;

package/dist/atoms/tooltip/__docs__/Tooltip.example.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { ChopLogicTooltipProps } from '../../../models';
+export declare const TooltipExample: React.FC<ChopLogicTooltipProps>;

package/dist/atoms/tooltip/__docs__/Tooltip.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '../../../storybook/react-vite';
+import { ChopLogicTooltip } from '../..';
+declare const meta: Meta<typeof ChopLogicTooltip>;
+export default meta;
+type Story = StoryObj<typeof ChopLogicTooltip>;
+export declare const VisibleOnHover: Story;
+export declare const VisibleOnClick: Story;
+export declare const VisibleOnFocus: Story;
+export declare const VisibleOnContextMenu: Story;