chop-logic-components 2.5.3 → 2.6.0

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

@@ -2,7 +2,7 @@ import { ChopLogicIconName } from '../../enums';
 import { ChopLogicSVGElementProps } from '../../models';
 import { ReactElement } from 'react';
 type ChopLogicIcons = {
-    [key in ChopLogicIconName]: ({ title, ...rest }: ChopLogicSVGElementProps) => ReactElement;
+    [key in ChopLogicIconName]: ({ title, ...rest }: Readonly<ChopLogicSVGElementProps>) => ReactElement;
 };
 export declare const ChopLogicIconDictionary: ChopLogicIcons;
 export {};

package/dist/assets/icons/svg/ArrowDownIcon.d.ts

@@ -1,3 +1,3 @@
 import { ChopLogicSVGElementProps } from '../../../models';
-declare function ArrowDownIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
+declare function ArrowDownIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
 export default ArrowDownIcon;

package/dist/assets/icons/svg/ArrowUpIcon.d.ts

@@ -1,3 +1,3 @@
 import { ChopLogicSVGElementProps } from '../../../models';
-declare function ArrowUpIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
+declare function ArrowUpIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
 export default ArrowUpIcon;

package/dist/assets/icons/svg/BackIcon.d.ts

@@ -1,3 +1,3 @@
 import { ChopLogicSVGElementProps } from '../../../models';
-declare function BackIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
+declare function BackIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
 export default BackIcon;

package/dist/assets/icons/svg/CancelIcon.d.ts

@@ -1,3 +1,3 @@
 import { ChopLogicSVGElementProps } from '../../../models';
-declare function CancelIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
+declare function CancelIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
 export default CancelIcon;

package/dist/assets/icons/svg/CheckMarkIcon.d.ts

@@ -1,3 +1,3 @@
 import { ChopLogicSVGElementProps } from '../../../models';
-declare function CheckMarkIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
+declare function CheckMarkIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
 export default CheckMarkIcon;

package/dist/assets/icons/svg/CheckboxCheckedIcon.d.ts

@@ -1,3 +1,3 @@
 import { ChopLogicSVGElementProps } from '../../../models';
-declare function CheckboxCheckedIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
+declare function CheckboxCheckedIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
 export default CheckboxCheckedIcon;

package/dist/assets/icons/svg/CheckboxUncheckedIcon.d.ts

@@ -1,3 +1,3 @@
 import { ChopLogicSVGElementProps } from '../../../models';
-declare function CheckboxUncheckedIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
+declare function CheckboxUncheckedIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
 export default CheckboxUncheckedIcon;

package/dist/assets/icons/svg/ChevronDownIcon.d.ts

@@ -1,3 +1,3 @@
 import { ChopLogicSVGElementProps } from '../../../models';
-declare function ChevronDownIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
+declare function ChevronDownIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
 export default ChevronDownIcon;

package/dist/assets/icons/svg/ChevronLeftIcon.d.ts

@@ -1,3 +1,3 @@
 import { ChopLogicSVGElementProps } from '../../../models';
-declare function ChevronLeftIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
+declare function ChevronLeftIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
 export default ChevronLeftIcon;

package/dist/assets/icons/svg/ChevronRightIcon.d.ts

@@ -1,3 +1,3 @@
 import { ChopLogicSVGElementProps } from '../../../models';
-declare function ChevronRightIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
+declare function ChevronRightIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
 export default ChevronRightIcon;

package/dist/assets/icons/svg/ChevronUpIcon.d.ts

@@ -1,3 +1,3 @@
 import { ChopLogicSVGElementProps } from '../../../models';
-declare function ChevronUpIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
+declare function ChevronUpIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
 export default ChevronUpIcon;

package/dist/assets/icons/svg/ClearIcon.d.ts

@@ -1,3 +1,3 @@
 import { ChopLogicSVGElementProps } from '../../../models';
-declare function ClearIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
+declare function ClearIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
 export default ClearIcon;

package/dist/assets/icons/svg/CopyIcon.d.ts

@@ -1,3 +1,3 @@
 import { ChopLogicSVGElementProps } from '../../../models';
-declare function CopyIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
+declare function CopyIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
 export default CopyIcon;

package/dist/assets/icons/svg/CutIcon.d.ts

@@ -1,3 +1,3 @@
 import { ChopLogicSVGElementProps } from '../../../models';
-declare function CutIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
+declare function CutIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
 export default CutIcon;

package/dist/assets/icons/svg/DeleteIcon.d.ts

@@ -1,3 +1,3 @@
 import { ChopLogicSVGElementProps } from '../../../models';
-declare function DeleteIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
+declare function DeleteIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
 export default DeleteIcon;

package/dist/assets/icons/svg/DownloadIcon.d.ts

@@ -1,3 +1,3 @@
 import { ChopLogicSVGElementProps } from '../../../models';
-declare function DownloadIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
+declare function DownloadIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
 export default DownloadIcon;

package/dist/assets/icons/svg/ErrorIcon.d.ts

@@ -1,3 +1,3 @@
 import { ChopLogicSVGElementProps } from '../../../models';
-declare function ErrorIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
+declare function ErrorIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
 export default ErrorIcon;

package/dist/assets/icons/svg/ForwardIcon.d.ts

@@ -1,3 +1,3 @@
 import { ChopLogicSVGElementProps } from '../../../models';
-declare function ForwardIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
+declare function ForwardIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
 export default ForwardIcon;

package/dist/assets/icons/svg/GraduateIcon.d.ts

@@ -1,3 +1,3 @@
 import { ChopLogicSVGElementProps } from '../../../models';
-declare const GraduateIcon: ({ title, ...rest }: ChopLogicSVGElementProps) => import("react/jsx-runtime").JSX.Element;
+declare const GraduateIcon: ({ title, ...rest }: Readonly<ChopLogicSVGElementProps>) => import("react/jsx-runtime").JSX.Element;
 export default GraduateIcon;

package/dist/assets/icons/svg/HelpIcon.d.ts

@@ -1,3 +1,3 @@
 import { ChopLogicSVGElementProps } from '../../../models';
-declare function HelpIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
+declare function HelpIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
 export default HelpIcon;

package/dist/assets/icons/svg/HideIcon.d.ts

@@ -1,3 +1,3 @@
 import { ChopLogicSVGElementProps } from '../../../models';
-declare function HideIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
+declare function HideIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
 export default HideIcon;

package/dist/assets/icons/svg/HomeIcon.d.ts

@@ -1,3 +1,3 @@
 import { ChopLogicSVGElementProps } from '../../../models';
-declare const HomeIcon: ({ title, ...rest }: ChopLogicSVGElementProps) => import("react/jsx-runtime").JSX.Element;
+declare const HomeIcon: ({ title, ...rest }: Readonly<ChopLogicSVGElementProps>) => import("react/jsx-runtime").JSX.Element;
 export default HomeIcon;

package/dist/assets/icons/svg/InfoIcon.d.ts

@@ -1,3 +1,3 @@
 import { ChopLogicSVGElementProps } from '../../../models';
-declare function InfoIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
+declare function InfoIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
 export default InfoIcon;

package/dist/assets/icons/svg/LoginIcon.d.ts

@@ -1,3 +1,3 @@
 import { ChopLogicSVGElementProps } from '../../../models';
-declare const LoginIcon: ({ title, ...rest }: ChopLogicSVGElementProps) => import("react/jsx-runtime").JSX.Element;
+declare const LoginIcon: ({ title, ...rest }: Readonly<ChopLogicSVGElementProps>) => import("react/jsx-runtime").JSX.Element;
 export default LoginIcon;

package/dist/assets/icons/svg/PasteIcon.d.ts

@@ -1,3 +1,3 @@
 import { ChopLogicSVGElementProps } from '../../../models';
-declare function PasteIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
+declare function PasteIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
 export default PasteIcon;

package/dist/assets/icons/svg/QuestionIcon.d.ts

@@ -1,3 +1,3 @@
 import { ChopLogicSVGElementProps } from '../../../models';
-declare function QuestionIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
+declare function QuestionIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
 export default QuestionIcon;

package/dist/assets/icons/svg/RemoveIcon.d.ts

@@ -1,3 +1,3 @@
 import { ChopLogicSVGElementProps } from '../../../models';
-declare function RemoveIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
+declare function RemoveIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
 export default RemoveIcon;

package/dist/assets/icons/svg/SaveIcon.d.ts

@@ -1,3 +1,3 @@
 import { ChopLogicSVGElementProps } from '../../../models';
-declare function SaveIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
+declare function SaveIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
 export default SaveIcon;

package/dist/assets/icons/svg/ShowIcon.d.ts

@@ -1,3 +1,3 @@
 import { ChopLogicSVGElementProps } from '../../../models';
-declare function ShowIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
+declare function ShowIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
 export default ShowIcon;

package/dist/assets/icons/svg/UploadIcon.d.ts

@@ -1,3 +1,3 @@
 import { ChopLogicSVGElementProps } from '../../../models';
-declare function UploadIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
+declare function UploadIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
 export default UploadIcon;

package/dist/assets/icons/svg/WarningIcon.d.ts

@@ -1,3 +1,3 @@
 import { ChopLogicSVGElementProps } from '../../../models';
-declare function WarningIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
+declare function WarningIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
 export default WarningIcon;

package/dist/atoms/editable-text/EditView.d.ts

@@ -0,0 +1,14 @@
+import { ChopLogicComponentProps } from '../../models';
+import { FC, RefObject } from 'react';
+interface EditViewProps extends ChopLogicComponentProps {
+    multiline: boolean;
+    value: string;
+    placeholder: string;
+    onChange: (value: string) => void;
+    onBlur: () => void;
+    onKeyDown: (event: React.KeyboardEvent) => void;
+    className: string;
+    inputRef: RefObject<any>;
+}
+export declare const EditView: FC<EditViewProps>;
+export {};

package/dist/atoms/editable-text/EditableText.d.ts

@@ -0,0 +1,4 @@
+import { EditableTextProps } from '../../models';
+import { FC } from 'react';
+declare const ChopLogicEditableText: FC<EditableTextProps>;
+export default ChopLogicEditableText;

package/dist/atoms/editable-text/ReadView.d.ts

@@ -0,0 +1,10 @@
+import { ChopLogicComponentProps } from '../../models';
+import { FC } from 'react';
+interface ReadViewProps extends ChopLogicComponentProps {
+    value: string;
+    placeholder: string;
+    onClick: (event: React.MouseEvent) => void;
+    className: string;
+}
+export declare const ReadView: FC<ReadViewProps>;
+export {};

package/dist/atoms/editable-text/__docs__/EditableText.stories.d.ts

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

package/dist/atoms/editable-text/useEditModeState.d.ts

@@ -0,0 +1,6 @@
+export declare const useEditModeState: (controlledEditMode?: boolean, readOnly?: boolean) => {
+    editMode: boolean;
+    enterEditMode: () => void;
+    exitEditMode: () => void;
+    isControlled: boolean;
+};

package/dist/atoms/editable-text/useInputFocus.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare const useInputFocus: (ref: RefObject<HTMLTextAreaElement | HTMLInputElement | null>, editMode: boolean, autoSelectTextOnEditMode?: boolean, readOnly?: boolean) => void;

package/dist/atoms/editable-text/useValueState.d.ts

@@ -0,0 +1,6 @@
+export declare const useValueState: (value: string, onChange?: (value: string) => void) => {
+    internalValue: string;
+    updateValue: (newValue: string) => void;
+    commitValue: () => void;
+    resetValue: () => void;
+};

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

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

package/dist/atoms/index.d.ts

@@ -1,22 +1,7 @@
-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 ChopLogicEditableText } from './editable-text/EditableText';
 export { default as ChopLogicHeader } from './header/Header';
 export { default as ChopLogicIcon } from './icon/Icon';
+export { default as ChopLogicLabel } from './label/Label';
 export { default as ChopLogicLoader } from './loader/Loader';
 export { default as ChopLogicPortal } from './portal/Portal';
 export { default as ChopLogicTooltip } from './tooltip/Tooltip';

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

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

package/dist/atoms/label/__docs__/Label.stories.d.ts

@@ -0,0 +1,9 @@
+import { ChopLogicLabel } from '../..';
+import { Meta, StoryObj } from '../../../storybook/react-vite';
+declare const meta: Meta<typeof ChopLogicLabel>;
+export default meta;
+type Story = StoryObj<typeof ChopLogicLabel>;
+export declare const Primary: Story;
+export declare const WithLeftIcon: Story;
+export declare const WithRightIcon: Story;
+export declare const HiddenText: Story;

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

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

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

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

package/dist/atoms/portal/Portal.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
+import { ReactElement, ReactPortal } from 'react';
 declare const ChopLogicPortal: ({ children }: {
-    children: React.ReactElement;
-}) => React.ReactPortal;
+    children: ReactElement;
+}) => ReactPortal;
 export default ChopLogicPortal;

package/dist/atoms/portal/__docs__/Portal.example.d.ts

@@ -1,2 +1,2 @@
-import { default as React } from 'react';
-export declare const PortalExample: React.FC<React.PropsWithChildren>;
+import { FC, PropsWithChildren } from 'react';
+export declare const PortalExample: FC<PropsWithChildren>;

package/dist/atoms/tooltip/Tooltip.controller.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { MouseEvent } from 'react';
 type Params = {
     autoClose: boolean;
     autoCloseDelay: number;
@@ -9,11 +9,11 @@ export declare const useChopLogicTooltipController: ({ id, autoClose, autoCloseD
     openTooltip: () => void;
     closeTooltip: () => void;
     toggleTooltip: () => void;
-    handleContextMenu: (e: React.MouseEvent) => void;
+    handleContextMenu: (e: MouseEvent) => void;
     top: number;
     left: number;
     isOpened: boolean;
-    wrapperRef: React.RefObject<null>;
-    tooltipRef: React.RefObject<HTMLDivElement | null>;
+    wrapperRef: import('react').RefObject<null>;
+    tooltipRef: import('react').RefObject<HTMLDivElement | null>;
 };
 export {};

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

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

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

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