chop-logic-components 0.6.3 → 0.7.1

package/dist/__mocks__/select-values.d.ts

@@ -1,5 +1,5 @@
-import { SelectValue } from '../../../../../../../src/components/inputs/select/Select';
-import { MultiSelectValue } from '../../../../../../../src/components/inputs/multi-select/MultiSelect';
+import { MultiSelectValue } from '../../../../../../../src/components/inputs/multi-select/types';
+import { SelectValue } from '../../../../../../../src/components/inputs/select/types';
 
 export declare const SELECT_LANGUAGES: SelectValue[];
 export declare const MULTI_SELECT_VALUES: MultiSelectValue[];

package/dist/components/controls/button/Button.d.ts

@@ -1,5 +1,5 @@
-import { ChopLogicButtonProps } from './types';
 import { default as React } from 'react';
+import { ChopLogicButtonProps } from './types';
 
-declare const Button: React.FC<ChopLogicButtonProps>;
-export default Button;
+declare const ChopLogicButton: React.FC<ChopLogicButtonProps>;
+export default ChopLogicButton;

package/dist/components/controls/button/__docs__/Button.stories.d.ts

@@ -1,5 +1,5 @@
-import { default as ButtonExample } from './ButtonExample';
 import { Meta, StoryObj } from '@storybook/react';
+import { default as ButtonExample } from './ButtonExample';
 
 declare const meta: Meta<typeof ButtonExample>;
 export default meta;

package/dist/components/controls/button/__docs__/ButtonExample.d.ts

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

package/dist/components/index.d.ts

@@ -1,7 +1,7 @@
 export { default as ChopLogicButton } from './controls/button/Button';
-export { default as ChopLogicTextInput } from './inputs/text/TextInput';
-export { default as ChopLogicSelect } from './inputs/select/Select';
-export { default as ChopLogicMultiSelect } from './inputs/multi-select/MultiSelect';
 export { default as ChopLogicCheckbox } from './inputs/checkbox/Checkbox';
+export { default as ChopLogicMultiSelect } from './inputs/multi-select/MultiSelect';
+export { default as ChopLogicSelect } from './inputs/select/Select';
+export { default as ChopLogicTextInput } from './inputs/text/TextInput';
 export { default as ChopLogicDialog } from './modals/dialog/Dialog';
 export { default as ChopLogicTooltip } from './modals/tooltip/Tooltip';

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

@@ -1,10 +1,5 @@
 import { default as React } from 'react';
+import { ChopLogicCheckboxProps } from './types';
 
-export type ChopLogicCheckboxProps = React.InputHTMLAttributes<HTMLInputElement> & {
-    id: string;
-    name: string;
-    label: string;
-    isLabelHidden?: boolean;
-};
 declare const ChopLogicCheckbox: React.FC<ChopLogicCheckboxProps>;
 export default ChopLogicCheckbox;

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

@@ -1,5 +1,5 @@
-import { default as CheckboxExample } from './CheckboxExample';
 import { Meta, StoryObj } from '@storybook/react';
+import { default as CheckboxExample } from './CheckboxExample';
 
 declare const meta: Meta<typeof CheckboxExample>;
 export default meta;

package/dist/components/inputs/checkbox/__docs__/CheckboxExample.d.ts

@@ -1,5 +1,5 @@
-import { ChopLogicCheckboxProps } from '../Checkbox';
 import { default as React } from 'react';
+import { ChopLogicCheckboxProps } from '../types';
 
 declare const Example: React.FC<ChopLogicCheckboxProps>;
 export default Example;

package/dist/components/inputs/checkbox/types.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export type ChopLogicCheckboxProps = React.InputHTMLAttributes<HTMLInputElement> & {
+    id: string;
+    name: string;
+    label: string;
+    isLabelHidden?: boolean;
+};

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

@@ -1,16 +1,4 @@
+import { ChopLogicMultiSelectProps } from './types';
 
-export type ChopLogicMultiSelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {
-    id: string;
-    name: string;
-    label: string;
-    values: MultiSelectValue[];
-    onSelectChange?: (values?: MultiSelectValue[]) => void;
-    placeholder?: string;
-};
-export type MultiSelectValue = {
-    id: string;
-    label: string;
-    selected: boolean;
-};
 declare const ChopLogicMultiSelect: React.FC<ChopLogicMultiSelectProps>;
 export default ChopLogicMultiSelect;

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

@@ -1,5 +1,5 @@
-import { default as MultiSelectExample } from './MultiSelectExample';
 import { Meta, StoryObj } from '@storybook/react';
+import { default as MultiSelectExample } from './MultiSelectExample';
 
 declare const meta: Meta<typeof MultiSelectExample>;
 export default meta;

package/dist/components/inputs/multi-select/__docs__/MultiSelectExample.d.ts

@@ -1,5 +1,5 @@
-import { ChopLogicMultiSelectProps } from '../MultiSelect';
 import { default as React } from 'react';
+import { ChopLogicMultiSelectProps } from '../types';
 
 declare const Example: React.FC<ChopLogicMultiSelectProps>;
 export default Example;

package/dist/components/inputs/multi-select/elements/Combobox.d.ts

@@ -1,4 +1,4 @@
-import { MultiSelectValue } from '../MultiSelect';
+import { MultiSelectValue } from '../types';
 
 type SelectComboboxProps = {
     isOpened: boolean;

package/dist/components/inputs/multi-select/elements/Dropdown.d.ts

@@ -1,11 +1,4 @@
-import { MultiSelectValue } from '../MultiSelect';
+import { MultiSelectDropdownProps } from '../types';
 
-type SelectDropdownProps = {
-    values: MultiSelectValue[];
-    isOpened: boolean;
-    dropdownId: string;
-    onClose: () => void;
-    onSelect: (id: string) => void;
-};
-declare const SelectDropdown: React.FC<SelectDropdownProps>;
+declare const SelectDropdown: React.FC<MultiSelectDropdownProps>;
 export default SelectDropdown;

package/dist/components/inputs/multi-select/elements/Option.d.ts

@@ -1,4 +1,4 @@
-import { MultiSelectValue } from '../MultiSelect';
+import { MultiSelectValue } from '../types';
 
 type SelectOptionProps = {
     value: MultiSelectValue;

package/dist/components/inputs/multi-select/types.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+export type MultiSelectValue = {
+    id: string;
+    label: string;
+    selected: boolean;
+};
+export type ChopLogicMultiSelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {
+    id: string;
+    name: string;
+    label: string;
+    values: MultiSelectValue[];
+    onSelectChange?: (values?: MultiSelectValue[]) => void;
+    placeholder?: string;
+};
+export type MultiSelectDropdownProps = {
+    values: MultiSelectValue[];
+    isOpened: boolean;
+    dropdownId: string;
+    onClose: () => void;
+    onSelect: (id: string) => void;
+};

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

@@ -1,15 +1,4 @@
+import { ChopLogicSelectProps } from './types';
 
-export type ChopLogicSelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {
-    id: string;
-    name: string;
-    label: string;
-    values: SelectValue[];
-    onSelectChange?: (value?: SelectValue) => void;
-    placeholder?: string;
-};
-export type SelectValue = {
-    id: string;
-    label: string;
-};
 declare const ChopLogicSelect: React.FC<ChopLogicSelectProps>;
 export default ChopLogicSelect;

package/dist/components/inputs/select/__docs__/Select.stories.d.ts

@@ -1,5 +1,5 @@
-import { default as SelectExample } from './SelectExample';
 import { Meta, StoryObj } from '@storybook/react';
+import { default as SelectExample } from './SelectExample';
 
 declare const meta: Meta<typeof SelectExample>;
 export default meta;

package/dist/components/inputs/select/__docs__/SelectExample.d.ts

@@ -1,5 +1,5 @@
-import { ChopLogicSelectProps } from '../Select';
 import { default as React } from 'react';
+import { ChopLogicSelectProps } from '../types';
 
 declare const Example: React.FC<ChopLogicSelectProps>;
 export default Example;

package/dist/components/inputs/select/elements/Combobox.d.ts

@@ -1,4 +1,4 @@
-import { SelectValue } from '../Select';
+import { SelectValue } from '../types';
 
 type SelectComboboxProps = {
     isOpened: boolean;

package/dist/components/inputs/select/elements/Dropdown.d.ts

@@ -1,4 +1,4 @@
-import { SelectValue } from '../Select';
+import { SelectValue } from '../types';
 
 type SelectDropdownProps = {
     values: SelectValue[];

package/dist/components/inputs/select/elements/Option.d.ts

@@ -1,4 +1,4 @@
-import { SelectValue } from '../Select';
+import { SelectValue } from '../types';
 
 type SelectOptionProps = {
     value: SelectValue;

package/dist/components/inputs/select/types.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export type ChopLogicSelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {
+    id: string;
+    name: string;
+    label: string;
+    values: SelectValue[];
+    onSelectChange?: (value?: SelectValue) => void;
+    placeholder?: string;
+};
+export type SelectValue = {
+    id: string;
+    label: string;
+};

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

@@ -1,11 +1,5 @@
 import { default as React } from 'react';
+import { ChopLogicTextInputProps } from './types';
 
-export type ChopLogicTextInputProps = React.InputHTMLAttributes<HTMLInputElement> & {
-    id: string;
-    name: string;
-    label: string;
-    valid?: boolean;
-    errorMessage?: string;
-};
 declare const TextInput: React.FC<ChopLogicTextInputProps>;
 export default TextInput;

package/dist/components/inputs/text/__docs__/TextInput.stories.d.ts

@@ -1,5 +1,5 @@
-import { default as TextInputExample } from './TextInputExample';
 import { Meta, StoryObj } from '@storybook/react';
+import { default as TextInputExample } from './TextInputExample';
 
 declare const meta: Meta<typeof TextInputExample>;
 export default meta;

package/dist/components/inputs/text/__docs__/TextInputExample.d.ts

@@ -1,5 +1,5 @@
-import { ChopLogicTextInputProps } from '../TextInput';
 import { default as React } from 'react';
+import { ChopLogicTextInputProps } from '../types';
 
 declare const Example: React.FC<ChopLogicTextInputProps>;
 export default Example;

package/dist/components/inputs/text/types.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export type ChopLogicTextInputProps = React.InputHTMLAttributes<HTMLInputElement> & {
+    id: string;
+    name: string;
+    label: string;
+    valid?: boolean;
+    errorMessage?: string;
+};

package/dist/components/modals/alert/Alert.d.ts

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

package/dist/components/modals/alert/__docs__/Alert.stories.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { Meta, StoryObj } from '@storybook/react';
+import { ChopLogicAlertProps } from '../types';
+
+declare const ExampleComponent: React.FC<ChopLogicAlertProps>;
+declare const meta: Meta<typeof ExampleComponent>;
+export default meta;
+type Story = StoryObj<typeof ExampleComponent>;
+export declare const Default: Story;

package/dist/components/modals/alert/__docs__/AlertExample.d.ts

@@ -0,0 +1,2 @@
+declare const Example: () => import("react/jsx-runtime").JSX.Element;
+export default Example;

package/dist/components/modals/alert/__tests__/Alert.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/modals/alert/elements/Header.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { ChopLogicAlertMode } from '../types';
+
+type ChopLogicAlertHeaderProps = {
+    onClose: () => void;
+    title?: string;
+    mode: ChopLogicAlertMode;
+};
+declare const ChopLogicAlertHeader: React.FC<ChopLogicAlertHeaderProps>;
+export default ChopLogicAlertHeader;

package/dist/components/modals/alert/helpers/get-alert-icon.d.ts

@@ -0,0 +1,4 @@
+import { Icon } from '../../../../../../../../../../src/enums/icon';
+import { ChopLogicAlertMode } from '../types';
+
+export declare function getAlertIcon(mode: ChopLogicAlertMode): Icon;

package/dist/components/modals/alert/helpers/get-alert-title.d.ts

@@ -0,0 +1,3 @@
+import { ChopLogicAlertMode } from '../types';
+
+export declare function getAlertTitle(mode: ChopLogicAlertMode, title?: string): string;

package/dist/components/modals/alert/types.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export type ChopLogicAlertMode = 'success' | 'error' | 'warning' | 'info' | 'help';
+export type ChopLogicAlertProps = React.HTMLAttributes<HTMLDivElement> & {
+    isOpened: boolean;
+    onClose: () => void;
+    message: string;
+    title?: string;
+    mode?: ChopLogicAlertMode;
+};

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

@@ -1,9 +1,4 @@
-import { PropsWithChildren } from 'react';
+import { ChopLogicModalProps } from './types';
 
-export type ChopLogicModalProps = PropsWithChildren & React.HTMLAttributes<HTMLDivElement> & {
-    isOpened: boolean;
-    onClose: () => void;
-    title: string;
-};
 declare const ChopLogicDialog: React.FC<ChopLogicModalProps>;
 export default ChopLogicDialog;

package/dist/components/modals/dialog/__docs__/Dialog.stories.d.ts

@@ -1,5 +1,5 @@
-import { default as DialogExample } from './DialogExample';
 import { Meta, StoryObj } from '@storybook/react';
+import { default as DialogExample } from './DialogExample';
 
 declare const meta: Meta<typeof DialogExample>;
 export default meta;

package/dist/components/modals/dialog/__docs__/DialogExample.d.ts

@@ -1,5 +1,5 @@
-import { ChopLogicModalProps } from '../Dialog';
 import { default as React } from 'react';
+import { ChopLogicModalProps } from '../types';
 
 declare const Example: React.FC<ChopLogicModalProps>;
 export default Example;

package/dist/components/modals/dialog/types.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+
+export type ChopLogicModalProps = PropsWithChildren & React.HTMLAttributes<HTMLDivElement> & {
+    isOpened: boolean;
+    onClose: () => void;
+    title: string;
+};

package/dist/components/modals/tooltip/Tooltip.d.ts

@@ -1,10 +1,4 @@
-import { PropsWithChildren } from 'react';
+import { ChopLogicTooltipProps } from './types';
 
-export type ChopLogicTooltipProps = PropsWithChildren & React.HTMLAttributes<HTMLElement> & {
-    tooltipContent: string | React.ReactElement;
-    id: string;
-    containerTag?: 'span' | 'div' | 'p' | 'strong' | 'em';
-    visibleOn?: 'hover' | 'click' | 'focus' | 'contextmenu';
-};
 declare const ChopLogicTooltip: React.FC<ChopLogicTooltipProps>;
 export default ChopLogicTooltip;

package/dist/components/modals/tooltip/__docs__/Tooltip.stories.d.ts

@@ -1,5 +1,5 @@
-import { default as TooltipExample } from './TooltipExample';
 import { Meta, StoryObj } from '@storybook/react';
+import { default as TooltipExample } from './TooltipExample';
 
 declare const meta: Meta<typeof TooltipExample>;
 export default meta;

package/dist/components/modals/tooltip/__docs__/TooltipExample.d.ts

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

package/dist/components/modals/tooltip/types.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from 'react';
+
+export type ChopLogicTooltipProps = PropsWithChildren & React.HTMLAttributes<HTMLElement> & {
+    tooltipContent: string | React.ReactElement;
+    id: string;
+    containerTag?: 'span' | 'div' | 'p' | 'strong' | 'em';
+    visibleOn?: 'hover' | 'click' | 'focus' | 'contextmenu';
+};

package/dist/enums/icon.d.ts

@@ -43,5 +43,10 @@ export declare enum Icon {
     Paste = "cl-icon__paste",
     Cut = "cl-icon__scissors",
     Reset = "cl-icon__trash",
-    Clear = "cl-icon__cross"
+    Clear = "cl-icon__cross",
+    Support = "cl-icon__support",
+    Bomb = "cl-icon__bomb",
+    Quill = "cl-icon__quill",
+    Warning = "cl-icon__warning",
+    Notification = "cl-icon__notification"
 }

package/dist/hooks/index.d.ts

@@ -1,7 +1,7 @@
-export { useMount } from './use-mount';
 export { useClickOutside } from './use-click-outside';
-export { useModalFocusTrap } from './use-modal-focus-trap';
-export { useKeyPress } from './use-key-press';
 export { useContainerDimensions } from './use-container-dimensions';
-export { useWindowDimensions } from './use-window-dimensions';
+export { useKeyPress } from './use-key-press';
+export { useModalFocusTrap } from './use-modal-focus-trap';
+export { useMount } from './use-mount';
 export { useTooltipPosition } from './use-tooltip-position';
+export { useWindowDimensions } from './use-window-dimensions';

package/dist/hooks/use-click-outside/__docs__/useClickOutside.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta, StoryObj } from '@storybook/react';
 import { default as React } from 'react';
+import { Meta, StoryObj } from '@storybook/react';
 
 declare const ExampleComponent: React.FC;
 declare const meta: Meta<typeof ExampleComponent>;

package/dist/hooks/use-container-dimensions/__docs__/useContainerDimensions.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta, StoryObj } from '@storybook/react';
 import { default as React } from 'react';
+import { Meta, StoryObj } from '@storybook/react';
 
 declare const ExampleComponent: React.FC;
 declare const meta: Meta<typeof ExampleComponent>;

package/dist/hooks/use-key-press/__docs__/useKeyPress.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta, StoryObj } from '@storybook/react';
 import { default as React } from 'react';
+import { Meta, StoryObj } from '@storybook/react';
 
 declare const ExampleComponent: React.FC;
 declare const meta: Meta<typeof ExampleComponent>;

package/dist/hooks/use-modal-focus-trap/__docs__/useModalFocusTrap.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta, StoryObj } from '@storybook/react';
 import { default as React } from 'react';
+import { Meta, StoryObj } from '@storybook/react';
 
 declare const ExampleModal: React.FC;
 declare const meta: Meta<typeof ExampleModal>;

package/dist/hooks/use-modal-focus-trap/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type ModalFocusTrapParams = {
     modalRef: React.RefObject<HTMLDivElement>;
     isOpened: boolean;

package/dist/hooks/use-mount/__docs__/useMount.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta, StoryObj } from '@storybook/react';
 import { default as React } from 'react';
+import { Meta, StoryObj } from '@storybook/react';
 
 declare const ExampleComponent: React.FC;
 declare const meta: Meta<typeof ExampleComponent>;

package/dist/hooks/use-tooltip-position/__docs__/useTooltipPosition.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta, StoryObj } from '@storybook/react';
 import { default as React } from 'react';
+import { Meta, StoryObj } from '@storybook/react';
 
 declare const ExampleComponent: React.FC;
 declare const meta: Meta<typeof ExampleComponent>;

package/dist/hooks/use-tooltip-position/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type useTooltipPositionParams = {
     wrapperRef: React.RefObject<HTMLSpanElement | HTMLDivElement>;
     tooltipRef: React.RefObject<HTMLSpanElement | HTMLDivElement>;

package/dist/hooks/use-window-dimensions/__docs__/useWindowDimensions.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta, StoryObj } from '@storybook/react';
 import { default as React } from 'react';
+import { Meta, StoryObj } from '@storybook/react';
 
 declare const ExampleComponent: React.FC;
 declare const meta: Meta<typeof ExampleComponent>;