chop-logic-components 2.4.0 → 2.5.0

package/dist/models/button.d.ts

@@ -1,5 +1,5 @@
-import { FocusEventHandler, MouseEventHandler } from 'react';
 import { ChopLogicButtonView, ChopLogicIconName } from '../enums';
+import { FocusEventHandler, MouseEventHandler } from 'react';
 import { ChopLogicInputProps } from './_common';
 export interface ChopLogicButtonProps extends Partial<ChopLogicInputProps> {
     onClick?: MouseEventHandler<HTMLButtonElement>;

package/dist/models/dialog.d.ts

@@ -1,6 +1,6 @@
+import { ChopLogicIconName } from '../enums';
 import { PropsWithChildren } from 'react';
 import { ChopLogicComponentProps } from './_common';
-import { ChopLogicIconName } from '../enums';
 export interface ChopLogicDialogProps extends ChopLogicComponentProps, PropsWithChildren {
     isOpened: boolean;
     onClose: () => void;

package/dist/models/header.d.ts

@@ -1,5 +1,5 @@
-import { HTMLAttributes, ReactNode } from 'react';
 import { ChopLogicIconName } from '../enums';
+import { HTMLAttributes, ReactNode } from 'react';
 type HeaderLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 export interface ChopLogicHeaderProps extends HTMLAttributes<HTMLHeadingElement> {
     children: ReactNode;

package/dist/models/icon.d.ts

@@ -1,6 +1,6 @@
 import { ChopLogicIconName } from '../enums';
-import { ChopLogicComponentProps } from './_common';
 import { default as React, HTMLAttributes } from 'react';
+import { ChopLogicComponentProps } from './_common';
 export interface ChopLogicIconProps extends ChopLogicComponentProps, HTMLAttributes<SVGSVGElement> {
     name?: ChopLogicIconName;
     testId?: string;

package/dist/models/index.d.ts

@@ -1,11 +1,11 @@
 export type { ChopLogicComponentProps, ChopLogicInputProps, ChopLogicMultiSelectValue, ChopLogicNumericInputValidator, ChopLogicRegExpWithFlags, ChopLogicSelectValue, ChopLogicTextInputValidator, Dimensions, } from './_common';
-export type { ChopLogicHeaderProps } from './header';
 export type { ChopLogicAlertProps } from './alert';
 export type { ChopLogicButtonProps } from './button';
 export type { ChopLogicCheckboxProps } from './checkbox';
 export type { ChopLogicDialogProps } from './dialog';
 export type { ChopLogicFormData, ChopLogicFormInputParams, ChopLogicFormProps, ChopLogicFormValidationState } from './form';
 export type { ChopLogicGridColumn, ChopLogicGridItem, ChopLogicGridProps, RenderDataItemCallback } from './grid';
+export type { ChopLogicHeaderProps } from './header';
 export type { ChopLogicIconProps, ChopLogicSVGElementProps } from './icon';
 export type { ChopLogicLoaderProps } from './loader';
 export type { ChopLogicMenuItem, ChopLogicMenuProps } from './menu';

package/dist/models/tabs.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement } from 'react';
 import { ChopLogicOrientationMode } from '../enums';
+import { ReactElement } from 'react';
 import { ChopLogicComponentProps } from './_common';
 export interface ChopLogicTabsProps extends ChopLogicComponentProps {
     tabs: ChopLogicTabItem[];

package/dist/models/tooltip.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren, ReactElement } from 'react';
 import { ChopLogicTooltipContainer } from '../enums';
+import { PropsWithChildren, ReactElement } from 'react';
 import { ChopLogicComponentProps } from './_common';
 export interface ChopLogicTooltipProps extends PropsWithChildren, ChopLogicComponentProps {
     tooltipContent: string | ReactElement;

package/dist/molecules/index.d.ts

@@ -1,6 +1,6 @@
+export { default as ChopLogicButton } from './inputs/button/Button';
 export { default as ChopLogicCheckbox } from './inputs/checkbox/Checkbox';
 export { default as ChopLogicMultiSelect } from './inputs/multi-select/MultiSelect';
 export { default as ChopLogicNumericInput } from './inputs/numeric/NumericInput';
 export { default as ChopLogicSelect } from './inputs/select/Select';
 export { default as ChopLogicTextInput } from './inputs/text/TextInput';
-export { default as ChopLogicButton } from './inputs/button/Button';

package/dist/molecules/inputs/button/Button.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
 import { ChopLogicButtonProps } from '../../../models';
+import { default as React } from 'react';
 declare const ChopLogicButton: React.FC<ChopLogicButtonProps & {
     tooltip?: string;
     visibleOn?: "hover" | "click" | "focus" | "contextmenu";

package/dist/molecules/inputs/button/__docs__/Button.example.d.ts

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

package/dist/molecules/inputs/button/__docs__/Button.stories.d.ts

@@ -1,8 +1,8 @@
 import { Meta, StoryObj } from '../../../../storybook/react-vite';
-import { ChopLogicButtonExample } from './Button.example';
-declare const meta: Meta<typeof ChopLogicButtonExample>;
+import { default as ChopLogicButton } from '../Button';
+declare const meta: Meta<typeof ChopLogicButton>;
 export default meta;
-type Story = StoryObj<typeof ChopLogicButtonExample>;
+type Story = StoryObj<typeof ChopLogicButton>;
 export declare const PrimaryButton: Story;
 export declare const SecondaryButton: Story;
 export declare const IconButton: Story;

package/dist/molecules/inputs/checkbox/Checkbox.d.ts

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

package/dist/molecules/inputs/checkbox/__docs__/Checkbox.example.d.ts

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

package/dist/molecules/inputs/checkbox/__docs__/Checkbox.stories.d.ts

@@ -1,8 +1,8 @@
 import { Meta, StoryObj } from '../../../../storybook/react-vite';
-import { CheckboxExample } from './Checkbox.example';
-declare const meta: Meta<typeof CheckboxExample>;
+import { default as ChopLogicCheckbox } from '../Checkbox';
+declare const meta: Meta<typeof ChopLogicCheckbox>;
 export default meta;
-type Story = StoryObj<typeof CheckboxExample>;
+type Story = StoryObj<typeof ChopLogicCheckbox>;
 export declare const LeftIconCheckbox: Story;
 export declare const RightIconCheckbox: Story;
 export declare const NoLabelCheckbox: Story;

package/dist/molecules/inputs/multi-select/MultiSelect.d.ts

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

package/dist/molecules/inputs/multi-select/__docs__/MultiSelect.example.d.ts

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

package/dist/molecules/inputs/multi-select/__docs__/MultiSelect.stories.d.ts

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

package/dist/molecules/inputs/numeric/NumericInput.controller.d.ts

@@ -1,5 +1,5 @@
-import { default as React, ChangeEventHandler } from 'react';
 import { ChopLogicNumericInputValidator } from '../../../models';
+import { default as React, ChangeEventHandler } from 'react';
 export declare function useChopLogicNumericInputController({ name, defaultValue, onChange, onSpinButtonClick, min, max, step, required, validator, }: {
     name: string;
     defaultValue?: string | number | readonly string[];

package/dist/molecules/inputs/numeric/NumericInput.d.ts

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

package/dist/molecules/inputs/numeric/__docs__/NumericInput.example.d.ts

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

package/dist/molecules/inputs/select/Select.d.ts

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

package/dist/molecules/inputs/select/__docs__/Select.example.d.ts

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

package/dist/molecules/inputs/text/TextInput.controller.d.ts

@@ -1,5 +1,5 @@
-import { default as React, ChangeEventHandler } from 'react';
 import { ChopLogicRegExpWithFlags, ChopLogicTextInputValidator } from '../../../models';
+import { default as React, ChangeEventHandler } from 'react';
 export declare function useChopLogicTextInputController({ name, defaultValue, onChange, onClear, required, validator, }: {
     name: string;
     required: boolean;

package/dist/molecules/inputs/text/TextInput.d.ts

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

package/dist/molecules/inputs/text/__docs__/TextInput.example.d.ts

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

package/dist/organisms/alert/Alert.d.ts

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

package/dist/organisms/alert/__docs__/Alert.example.d.ts

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

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

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

package/dist/organisms/dialog/__docs__/Dialog.example.d.ts

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

package/dist/organisms/dialog/__docs__/Dialog.stories.d.ts

@@ -1,6 +1,6 @@
 import { Meta, StoryObj } from '../../../storybook/react-vite';
-import { default as DialogExample } from './Dialog.example';
-declare const meta: Meta<typeof DialogExample>;
+import { default as ChopLogicDialog } from '../Dialog';
+declare const meta: Meta<typeof ChopLogicDialog>;
 export default meta;
-type Story = StoryObj<typeof DialogExample>;
+type Story = StoryObj<typeof ChopLogicDialog>;
 export declare const Example: Story;

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

@@ -1,5 +1,5 @@
-import { default as React, FormEvent } from 'react';
 import { ChopLogicFormData, ChopLogicFormInputParams } from '../../models';
+import { default as React, FormEvent } from 'react';
 export declare function useChopLogicFormController({ initialValues, onReset, onSubmit, onClickSubmit, }: {
     initialValues?: ChopLogicFormData;
     onReset?: React.FormEventHandler<HTMLFormElement>;

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

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

package/dist/organisms/form/__docs__/Form.example.d.ts

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

package/dist/organisms/form/__docs__/Form.stories.d.ts

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

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

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

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

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
 import { ChopLogicGridColumn, ChopLogicGridItem, RenderDataItemCallback } from '../../models';
+import { default as React } from 'react';
 export declare function getGridRowValues({ item, columns, renderDataItem, }: {
     item: ChopLogicGridItem;
     columns: ChopLogicGridColumn[];

package/dist/organisms/grid/__docs__/Grid.example.d.ts

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

package/dist/organisms/grid/__docs__/Grid.stories.d.ts

@@ -1,7 +1,7 @@
 import { Meta, StoryObj } from '../../../storybook/react-vite';
-import { GridExample } from './Grid.example';
-declare const meta: Meta<typeof GridExample>;
+import { default as ChopLogicGrid } from '../Grid';
+declare const meta: Meta<typeof ChopLogicGrid>;
 export default meta;
-type Story = StoryObj<typeof GridExample>;
+type Story = StoryObj<typeof ChopLogicGrid>;
 export declare const DefaultGrid: Story;
 export declare const SelectableGrid: Story;

package/dist/organisms/index.d.ts

@@ -1,6 +1,6 @@
+export { default as ChopLogicAlert } from './alert/Alert';
+export { default as ChopLogicDialog } from './dialog/Dialog';
 export { default as ChopLogicForm } from './form/Form';
 export { default as ChopLogicGrid } from './grid/Grid';
 export { default as ChopLogicMenu } from './menu/Menu';
 export { default as ChopLogicTabs } from './tabs/Tabs';
-export { default as ChopLogicDialog } from './dialog/Dialog';
-export { default as ChopLogicAlert } from './alert/Alert';

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

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

package/dist/organisms/menu/__docs__/Menu.example.d.ts

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

package/dist/organisms/menu/__docs__/Menu.stories.d.ts

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

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

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

package/dist/organisms/tabs/__docs__/Tabs.example.d.ts

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

package/dist/utils/handle-dropdown-list-key-press.d.ts

@@ -1,5 +1,5 @@
-import { KeyboardEvent } from 'react';
 import { ChopLogicSelectValue } from '../models';
+import { KeyboardEvent } from 'react';
 export declare function handleDropdownListKeyPress({ e, options, onClose, }: {
     e: KeyboardEvent<HTMLUListElement>;
     options: ChopLogicSelectValue[];

package/dist/utils/index.d.ts

@@ -1,3 +1,3 @@
+export { getClassName } from './get-class-name';
 export { handleDropdownListKeyPress } from './handle-dropdown-list-key-press';
 export { moveFocusOnElementById } from './move-focus-on-element-by-id';
-export { getClassName } from './get-class-name';

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "git+https://github.com/SavouryGin/chop-logic-components.git"
   },
-  "version": "2.4.0",
+  "version": "2.5.0",
   "description": "React UI components library for Chop Logic project",
   "type": "module",
   "main": "dist/index.cjs.js",
@@ -57,8 +57,8 @@
     "@commitlint/cli": "^19.7.1",
     "@commitlint/config-conventional": "^19.7.1",
     "@eslint/js": "^9.20.0",
-    "@storybook/addon-docs": "^9.0.17",
-    "@storybook/react-vite": "^9.0.17",
+    "@storybook/addon-docs": "^9.1.0",
+    "@storybook/react-vite": "^9.1.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
     "@types/node": "^22.13.0",
@@ -69,7 +69,8 @@
     "eslint-plugin-react": "^7.37.4",
     "eslint-plugin-react-hooks": "^5.1.0",
     "eslint-plugin-react-refresh": "^0.4.18",
-    "eslint-plugin-storybook": "^9.0.17",
+    "eslint-plugin-simple-import-sort": "^12.1.1",
+    "eslint-plugin-storybook": "^9.1.0",
     "globals": "^15.14.0",
     "husky": "^9.1.7",
     "husky-init": "^8.0.0",
@@ -77,7 +78,7 @@
     "prettier": "^3.4.2",
     "remark-gfm": "^4.0.1",
     "sass": "^1.87.0",
-    "storybook": "^9.0.17",
+    "storybook": "^9.1.0",
     "typescript": "^5.7.3",
     "typescript-eslint": "^8.23.0",
     "vite": "^6.0.11",