chop-logic-components 0.6.1 → 0.7.0

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 { SelectValue } from '../../../../../../../src/components/inputs/select/types';
+import { MultiSelectValue } from '../../../../../../../src/components/inputs/multi-select/types';
 
 export declare const SELECT_LANGUAGES: SelectValue[];
 export declare const MULTI_SELECT_VALUES: MultiSelectValue[];

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

@@ -1,13 +1,5 @@
-import { Icon } from '../../../../../../../../../src/enums/icon';
-import { default as React, MouseEventHandler } from 'react';
+import { ChopLogicButtonProps } from './types';
+import { default as React } from 'react';
 
-export type ChopLogicButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
-    text?: string;
-    onClick?: MouseEventHandler<HTMLButtonElement> | (() => void);
-    view?: 'primary' | 'secondary' | 'danger' | 'icon';
-    disabled?: boolean;
-    icon?: Icon;
-    label?: string;
-};
-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

@@ -4,4 +4,8 @@ import { Meta, StoryObj } from '@storybook/react';
 declare const meta: Meta<typeof ButtonExample>;
 export default meta;
 type Story = StoryObj<typeof ButtonExample>;
-export declare const Primary: Story;
+export declare const PrimaryButton: Story;
+export declare const SecondaryButton: Story;
+export declare const DangerButton: Story;
+export declare const IconButton: Story;
+export declare const DisabledButton: Story;

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

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

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

@@ -0,0 +1,12 @@
+import { MouseEventHandler } from 'react';
+import { Icon } from '../../../../../../../../../src/enums/icon';
+
+export type ChopLogicButtonView = 'primary' | 'secondary' | 'danger' | 'icon';
+export type ChopLogicButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    text?: string;
+    onClick?: MouseEventHandler<HTMLButtonElement> | (() => void);
+    view?: ChopLogicButtonView;
+    disabled?: boolean;
+    icon?: Icon;
+    label?: string;
+};

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

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

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

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

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

@@ -0,0 +1,6 @@
+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__/MultiSelectExample.d.ts

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

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,20 @@
+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__/SelectExample.d.ts

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

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,12 @@
+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 { ChopLogicTextInputProps } from './types';
 import { default as React } from 'react';
 
-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__/TextInputExample.d.ts

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

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

@@ -0,0 +1,7 @@
+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 { ChopLogicAlertProps } from '../types';
+import { Meta, StoryObj } from '@storybook/react';
+import { default as React } from 'react';
+
+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 { ChopLogicAlertMode } from '../types';
+import { default as React } from 'react';
+
+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 { ChopLogicAlertMode } from '../types';
+import { Icon } from '../../../../../../../../../../src/enums/icon';
+
+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,8 @@
+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__/DialogExample.d.ts

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

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

@@ -4,7 +4,7 @@ import { Meta, StoryObj } from '@storybook/react';
 declare const meta: Meta<typeof TooltipExample>;
 export default meta;
 type Story = StoryObj<typeof TooltipExample>;
-export declare const Default: Story;
-export declare const ClickToShow: Story;
-export declare const FocusToShow: Story;
-export declare const ContextMenuToShow: Story;
+export declare const VisibleOnHover: Story;
+export declare const VisibleOnClick: Story;
+export declare const VisibleOnFocus: Story;
+export declare const VisibleOnContextMenu: Story;

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

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

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

@@ -1,47 +1,52 @@
 export declare enum Icon {
-    CheckMark = "chop-icon__check",
-    Home = "chop-icon__home",
-    Menu = "chop-icon__menu",
-    Enlarge = "chop-icon__enlarge2",
-    Shrink = "chop-icon__shrink2",
-    Settings = "chop-icon__cog",
-    Delete = "chop-icon__bin2",
-    Up = "chop-icon__circle-up",
-    Down = "chop-icon__circle-down",
-    Right = "chop-icon__circle-right",
-    Left = "chop-icon__circle-left",
-    Sound = "chop-icon__volume-medium",
-    NoSound = "chop-icon__volume-mute2",
-    LightMode = "chop-icon__sun",
-    DarkMode = "chop-icon__contrast",
-    Cancel = "chop-icon__close",
-    Sidebar = "chop-icon__magic-wand",
-    Telegram = "chop-icon__telegram",
-    Github = "chop-icon__github",
-    Mail = "chop-icon__mail4",
-    Propositions = "chop-icon__cube",
-    Resolution = "chop-icon__libreoffice",
-    Predicates = "chop-icon__cubes",
-    TruthTables = "chop-icon__delicious",
-    Syllogisms = "chop-icon__dice",
-    English = "chop-icon__english-lang",
-    Russian = "chop-icon__russian-lang",
-    Required = "chop-icon__fire",
-    Checked = "chop-icon__checkbox-checked",
-    Unchecked = "chop-icon__checkbox-unchecked",
-    Info = "chop-icon__exclamation-triangle",
-    LinkedIn = "chop-icon__linkedin-square",
-    File = "chop-icon__file-empty",
-    Files = "chop-icon__files-empty",
-    Facebook = "chop-icon__facebook2",
-    CaretUp = "chop-icon__caret-up",
-    CaretDown = "chop-icon__caret-down",
-    SavePDF = "chop-icon__file-pdf",
-    ExportXML = "chop-icon__download",
-    ImportXML = "chop-icon__upload",
-    Copy = "chop-icon__copy",
-    Paste = "chop-icon__paste",
-    Cut = "chop-icon__scissors",
-    Reset = "chop-icon__trash",
-    Clear = "chop-icon__cross"
+    CheckMark = "cl-icon__check",
+    Home = "cl-icon__home",
+    Menu = "cl-icon__menu",
+    Enlarge = "cl-icon__enlarge2",
+    Shrink = "cl-icon__shrink2",
+    Settings = "cl-icon__cog",
+    Delete = "cl-icon__bin2",
+    Up = "cl-icon__circle-up",
+    Down = "cl-icon__circle-down",
+    Right = "cl-icon__circle-right",
+    Left = "cl-icon__circle-left",
+    Sound = "cl-icon__volume-medium",
+    NoSound = "cl-icon__volume-mute2",
+    LightMode = "cl-icon__sun",
+    DarkMode = "cl-icon__contrast",
+    Cancel = "cl-icon__close",
+    Sidebar = "cl-icon__magic-wand",
+    Telegram = "cl-icon__telegram",
+    Github = "cl-icon__github",
+    Mail = "cl-icon__mail4",
+    Propositions = "cl-icon__cube",
+    Resolution = "cl-icon__libreoffice",
+    Predicates = "cl-icon__cubes",
+    TruthTables = "cl-icon__delicious",
+    Syllogisms = "cl-icon__dice",
+    English = "cl-icon__english-lang",
+    Russian = "cl-icon__russian-lang",
+    Required = "cl-icon__fire",
+    Checked = "cl-icon__checkbox-checked",
+    Unchecked = "cl-icon__checkbox-unchecked",
+    Info = "cl-icon__exclamation-triangle",
+    LinkedIn = "cl-icon__linkedin-square",
+    File = "cl-icon__file-empty",
+    Files = "cl-icon__files-empty",
+    Facebook = "cl-icon__facebook2",
+    CaretUp = "cl-icon__caret-up",
+    CaretDown = "cl-icon__caret-down",
+    SavePDF = "cl-icon__file-pdf",
+    ExportXML = "cl-icon__download",
+    ImportXML = "cl-icon__upload",
+    Copy = "cl-icon__copy",
+    Paste = "cl-icon__paste",
+    Cut = "cl-icon__scissors",
+    Reset = "cl-icon__trash",
+    Clear = "cl-icon__cross",
+    Support = "cl-icon__support",
+    Bomb = "cl-icon__bomb",
+    Quill = "cl-icon__quill",
+    Warning = "cl-icon__warning",
+    Notification = "cl-icon__notification"
 }