chop-logic-components 0.5.1 → 0.6.1

package/dist/components/{button → controls/button}/Button.d.ts

@@ -1,4 +1,4 @@
-import { Icon } from '../../../../../../../../src/enums/icon';
+import { Icon } from '../../../../../../../../../src/enums/icon';
 import { default as React, MouseEventHandler } from 'react';
 
 export type ChopLogicButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {

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

@@ -0,0 +1,7 @@
+import { default as ButtonExample } from './ButtonExample';
+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;

package/dist/components/index.d.ts

@@ -1,4 +1,7 @@
-export { default as ChopLogicButton } from './button/Button';
+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 ChopLogicDialog } from './modals/dialog/Dialog';
+export { default as ChopLogicTooltip } from './modals/tooltip/Tooltip';

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

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

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

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

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

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

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

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

package/dist/components/{modal/Modal.d.ts → modals/dialog/Dialog.d.ts}

@@ -5,5 +5,5 @@ export type ChopLogicModalProps = PropsWithChildren & React.HTMLAttributes<HTMLD
     onClose: () => void;
     title: string;
 };
-declare const ChopLogicModal: React.FC<ChopLogicModalProps>;
-export default ChopLogicModal;
+declare const ChopLogicDialog: React.FC<ChopLogicModalProps>;
+export default ChopLogicDialog;

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

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

package/dist/components/{modal/__docs__/Example.d.ts → modals/dialog/__docs__/DialogExample.d.ts}

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

package/dist/components/{modal → modals/dialog}/elements/Header.d.ts

@@ -4,5 +4,5 @@ type ChopLogicModalLayoutHeaderProps = {
     title: string;
     onClose: () => void;
 };
-declare const ChopLogicModalLayoutHeader: ({ title, onClose }: ChopLogicModalLayoutHeaderProps) => React.ReactElement;
+declare const ChopLogicModalLayoutHeader: React.FC<ChopLogicModalLayoutHeaderProps>;
 export default ChopLogicModalLayoutHeader;

package/dist/components/{modal → modals/dialog}/elements/Layout.d.ts

@@ -5,5 +5,5 @@ type ModalLayoutProps = PropsWithChildren & React.HTMLAttributes<HTMLDivElement>
     onClose: () => void;
     isOpened: boolean;
 };
-declare const ChopLogicModalLayout: ({ title, onClose, isOpened, children, ...rest }: ModalLayoutProps) => React.ReactElement;
+declare const ChopLogicModalLayout: React.FC<ModalLayoutProps>;
 export default ChopLogicModalLayout;

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

@@ -0,0 +1,10 @@
+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';
+};
+declare const ChopLogicTooltip: React.FC<ChopLogicTooltipProps>;
+export default ChopLogicTooltip;

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

@@ -0,0 +1,10 @@
+import { default as TooltipExample } from './TooltipExample';
+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;

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

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

package/dist/hooks/index.d.ts

@@ -2,3 +2,6 @@ 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 { useTooltipPosition } from './use-tooltip-position';

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

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

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

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

package/dist/hooks/use-click-outside/index.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+
+type UseClickOutsideParams = {
+    ref: React.RefObject<HTMLDivElement>;
+    onClickOutsideHandler: () => void;
+    dependentRef?: React.RefObject<HTMLDivElement>;
+};
+export declare const useClickOutside: ({ ref, onClickOutsideHandler, dependentRef }: UseClickOutsideParams) => void;
+export {};

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

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

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

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

package/dist/hooks/use-container-dimensions/index.d.ts

@@ -0,0 +1,8 @@
+import { Dimensions } from '../use-window-dimensions';
+
+type useContainerDimensionsParams = {
+    ref: React.RefObject<HTMLElement>;
+    isVisible?: boolean;
+};
+export declare const useContainerDimensions: ({ ref, isVisible }: useContainerDimensionsParams) => Dimensions;
+export {};

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

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

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

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

package/dist/hooks/use-key-press/__tests__/use-key-press.test.d.ts

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

package/dist/hooks/use-key-press/index.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+
+type useKeyPressParams = {
+    keyCode: string;
+    ref: React.RefObject<HTMLDivElement>;
+    onKeyPress: () => void;
+};
+export declare const useKeyPress: ({ ref, keyCode, onKeyPress }: useKeyPressParams) => void;
+export {};

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

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

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

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

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

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

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

@@ -0,0 +1,6 @@
+type ModalFocusTrapParams = {
+    modalRef: React.RefObject<HTMLDivElement>;
+    isOpened: boolean;
+};
+export declare const useModalFocusTrap: ({ modalRef, isOpened }: ModalFocusTrapParams) => void;
+export {};

package/dist/hooks/use-mount/__docs__/Example.d.ts

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

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

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

package/dist/hooks/use-mount/__tests__/use-mount.test.d.ts

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

package/dist/hooks/use-mount/index.d.ts

@@ -0,0 +1 @@
+export declare const useMount: (isOpened: boolean, delay?: number) => boolean;

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

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

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

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

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

@@ -0,0 +1,11 @@
+type useTooltipPositionParams = {
+    wrapperRef: React.RefObject<HTMLSpanElement | HTMLDivElement>;
+    tooltipRef: React.RefObject<HTMLSpanElement | HTMLDivElement>;
+    isOpened: boolean;
+    spacing?: number;
+};
+export declare const useTooltipPosition: ({ wrapperRef, tooltipRef, isOpened, spacing }: useTooltipPositionParams) => {
+    top: number;
+    left: number;
+};
+export {};

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

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

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

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

package/dist/hooks/use-window-dimensions/__tests__/use-window-dimensions.test.d.ts

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

package/dist/hooks/use-window-dimensions/index.d.ts

@@ -0,0 +1,5 @@
+export type Dimensions = {
+    width: number;
+    height: number;
+};
+export declare function useWindowDimensions(): Dimensions;