chop-logic-components 0.4.0 → 0.6.0

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

@@ -1,12 +1,13 @@
-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> & {
     text?: string;
     onClick?: MouseEventHandler<HTMLButtonElement> | (() => void);
-    view?: 'primary' | 'secondary' | 'danger';
+    view?: 'primary' | 'secondary' | 'danger' | 'icon';
     disabled?: boolean;
     icon?: Icon;
+    label?: string;
 };
 declare const Button: React.FC<ChopLogicButtonProps>;
 export default Button;

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

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

package/dist/components/elements/portal/Portal.d.ts

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

package/dist/components/index.d.ts

@@ -1,4 +1,6 @@
-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 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,4 +1,4 @@
-import { default as Example } from './Example';
+import { default as Example } from './CheckboxExample';
 import { Meta, StoryObj } from '@storybook/react';
 
 declare const meta: Meta<typeof Example>;

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

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

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

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

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

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

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

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from 'react';
+
+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

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

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

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

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

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+
+type ChopLogicModalLayoutHeaderProps = {
+    title: string;
+    onClose: () => void;
+};
+declare const ChopLogicModalLayoutHeader: React.FC<ChopLogicModalLayoutHeaderProps>;
+export default ChopLogicModalLayoutHeader;

package/dist/components/modals/dialog/elements/Layout.d.ts

@@ -0,0 +1,9 @@
+import { default as React, PropsWithChildren } from 'react';
+
+type ModalLayoutProps = PropsWithChildren & React.HTMLAttributes<HTMLDivElement> & {
+    title: string;
+    onClose: () => void;
+    isOpened: boolean;
+};
+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/components/modals/tooltip/__tests__/Tooltip.test.d.ts

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

package/dist/hooks/__tests__/use-click-outside.test.d.ts

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

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

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

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

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

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

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

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

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

package/dist/hooks/index.d.ts

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

package/dist/{utils → hooks}/use-click-outside.d.ts

@@ -1,12 +1,9 @@
 import { default as React } from 'react';
 
-/**
- * Hook that handles clicks outside of the passed ref
- */
 type UseClickOutsideParams = {
-    ref: React.MutableRefObject<any>;
+    ref: React.RefObject<HTMLDivElement>;
     onClickOutsideHandler: () => void;
-    dependentRef?: React.MutableRefObject<any>;
+    dependentRef?: React.RefObject<HTMLDivElement>;
 };
 export declare const useClickOutside: ({ ref, onClickOutsideHandler, dependentRef }: UseClickOutsideParams) => void;
 export {};

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

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

package/dist/hooks/use-key-press.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.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.d.ts

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

package/dist/hooks/use-tooltip-position.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.d.ts

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