chop-logic-components 0.6.3 → 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,5 +1,5 @@
 import { ChopLogicButtonProps } from './types';
 import { default as React } from 'react';
 
-declare const Button: React.FC<ChopLogicButtonProps>;
-export default Button;
+declare const ChopLogicButton: React.FC<ChopLogicButtonProps>;
+export default ChopLogicButton;

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 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__/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

@@ -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"
 }