chop-logic-components 2.3.0 → 2.4.1

package/dist/assets/icons/index.d.ts

@@ -1,6 +1,6 @@
+import { ChopLogicIconName } from '../../enums';
 import { ChopLogicSVGElementProps } from '../../models';
 import { ReactElement } from 'react';
-import { ChopLogicIconName } from '../../enums';
 type ChopLogicIcons = {
     [key in ChopLogicIconName]: ({ title, ...rest }: ChopLogicSVGElementProps) => ReactElement;
 };

package/dist/{organisms/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 { default as React } from 'react';
+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/{organisms/grid/elements/ColumnGroup.d.ts → atoms/grid/column-group/GridColumnGroup.d.ts}

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

package/dist/{organisms/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/{organisms/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/{organisms/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 { default as React } from 'react';
 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/{organisms/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/{organisms/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/{organisms/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 { ChopLogicHeaderProps } from '../../models';
+import { FC } from 'react';
+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/Icon.d.ts

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

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

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

package/dist/atoms/index.d.ts

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

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

@@ -6,5 +6,5 @@ type ErrorMessageProps = {
     testId?: string;
     className?: string;
 };
-declare const ErrorMessage: React.FC<ErrorMessageProps>;
-export default ErrorMessage;
+export declare const ErrorMessage: React.FC<ErrorMessageProps>;
+export {};

package/dist/atoms/{button-2D/Button2D.d.ts → input/icon-button/IconButton.d.ts}

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

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

@@ -0,0 +1,9 @@
+import { ChopLogicIconName } from '../../../enums';
+import { default as React, ButtonHTMLAttributes } from 'react';
+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.d.ts → input/Input.d.ts}

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

package/dist/atoms/{label → input/label}/Label.d.ts

@@ -7,5 +7,5 @@ type LabelProps = {
     icon?: ReactElement;
     iconPosition?: 'left' | 'right';
 };
-declare const Label: FC<LabelProps>;
-export default Label;
+export declare const Label: FC<LabelProps>;
+export {};

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

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

package/dist/atoms/{button-3D/Button3D.d.ts → input/primary-button/PrimaryButton.d.ts}

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

package/dist/atoms/{button-icon/ButtonIcon.d.ts → input/secondary-button/SecondaryButton.d.ts}

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

package/dist/{molecules/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 = {
+import { default as React } from 'react';
+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/{molecules/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 = {
+import { default as React } from 'react';
+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/{molecules/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 = {
+import { default as React } from 'react';
+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/atoms/loader/Loader.d.ts

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

package/dist/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;
+import { default as React } from 'react';
+export declare const LoaderExample: React.FC<ChopLogicLoaderProps>;

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

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

package/dist/{organisms/menu/elements → atoms/menu/item}/MenuItem.d.ts

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

package/dist/{organisms/menu/elements → atoms/menu/leaf}/MenuLeaf.d.ts

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

package/dist/{organisms/menu/elements → atoms/menu/sub-menu}/SubMenu.d.ts

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

package/dist/{organisms/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 { default as React } from 'react';
+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/{organisms/tabs/elements → atoms/tabs/content}/TabContent.d.ts

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

package/dist/{organisms/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 { default as React } from 'react';
 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/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/atoms/tooltip/Tooltip.d.ts

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

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

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

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

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