chop-logic-components 4.1.0 → 4.2.0

package/dist/enums/loader-view.d.ts

@@ -0,0 +1,11 @@
+export declare enum LoaderView {
+    Dots = "dots",
+    Brackets = "brackets",
+    Linear = "linear",
+    Square = "square",
+    Circle = "circle",
+    Pulse = "pulse",
+    Arrow = "arrow",
+    Filler = "filler",
+    Rotation = "rotation"
+}

package/dist/enums/orientation-mode.d.ts

@@ -0,0 +1,4 @@
+export declare enum OrientationMode {
+    Vertical = "vertical",
+    Horizontal = "horizontal"
+}

package/dist/enums/semantic-color.d.ts

@@ -0,0 +1,7 @@
+export declare enum SemanticColor {
+    Default = "default",
+    Info = "info",
+    Success = "success",
+    Warning = "warning",
+    Danger = "danger"
+}

package/dist/enums/tooltip-container.d.ts

@@ -0,0 +1,7 @@
+export declare enum TooltipContainer {
+    Span = "span",
+    Div = "div",
+    P = "p",
+    Strong = "strong",
+    Em = "em"
+}

package/dist/hooks/index.d.ts

@@ -0,0 +1,15 @@
+export { useAutoClose } from './use-auto-close/use-auto-close';
+export { useClickOutside } from './use-click-outside/use-click-outside';
+export { useContainerDimensions } from './use-container-dimensions/use-container-dimensions';
+export { useDebounce } from './use-debounce/use-debounce';
+export { useElementIds } from './use-element-ids/use-element-ids';
+export { useIsHovered } from './use-is-hovered/use-is-hovered';
+export { useIsMounted } from './use-is-mounted/use-is-mounted';
+export { useIsOverflow } from './use-is-overflow/use-is-overflow';
+export { useKeyPress } from './use-key-press/use-key-press';
+export { useModalFocusTrap } from './use-modal-focus-trap/use-modal-focus-trap';
+export { useRemainingTimer } from './use-remaining-timer/use-remaining-timer';
+export { useResetFormInput } from './use-reset-form-input/use-reset-form-input';
+export { useTheme } from './use-theme/use-theme';
+export { useTooltipPosition } from './use-tooltip-position/use-tooltip-position';
+export { useWindowDimensions } from './use-window-dimensions/use-window-dimensions';

package/dist/hooks/use-auto-close/use-auto-close.d.ts

@@ -0,0 +1,6 @@
+export declare const useAutoClose: ({ isOpened, onClose, autoClose, autoCloseDelay, }: {
+    isOpened: boolean;
+    onClose: () => void;
+    autoClose?: boolean;
+    autoCloseDelay?: number;
+}) => void;

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

@@ -0,0 +1,8 @@
+import { RefObject } from 'react';
+type UseClickOutsideParams = {
+    ref: RefObject<HTMLElement | null>;
+    onClickOutsideHandler: () => void;
+    dependentRef?: RefObject<HTMLElement | null>;
+};
+export declare const useClickOutside: ({ ref, onClickOutsideHandler, dependentRef, }: UseClickOutsideParams) => void;
+export {};

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

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

package/dist/hooks/use-debounce/use-debounce.d.ts

@@ -0,0 +1 @@
+export declare const useDebounce: <T>(value: T, delay: number) => T;

package/dist/hooks/use-element-ids/use-element-ids.d.ts

@@ -0,0 +1,5 @@
+export declare function useElementIds(id?: string): {
+    elementId: string;
+    errorId: string;
+    dropdownId: string;
+};

package/dist/hooks/use-is-hovered/use-is-hovered.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare function useIsHovered(ref: RefObject<HTMLElement | null>, isMounted?: boolean): boolean;

package/dist/hooks/use-is-mounted/use-is-mounted.d.ts

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

package/dist/hooks/use-is-overflow/use-is-overflow.d.ts

@@ -0,0 +1,6 @@
+import { RefObject } from 'react';
+export declare const useIsOverflow: ({ ref, dimension, isMounted, }: {
+    ref: RefObject<HTMLElement | null>;
+    dimension: "width" | "height";
+    isMounted?: boolean;
+}) => boolean;

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

@@ -0,0 +1,8 @@
+import { RefObject } from 'react';
+type useKeyPressParams = {
+    keyCode: string;
+    ref: RefObject<HTMLElement | null>;
+    onKeyPress: () => void;
+};
+export declare const useKeyPress: ({ ref, keyCode, onKeyPress }: useKeyPressParams) => void;
+export {};

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

@@ -0,0 +1,7 @@
+import { RefObject } from 'react';
+type ModalFocusTrapParams = {
+    modalRef: RefObject<HTMLElement | null>;
+    isOpened: boolean;
+};
+export declare const useModalFocusTrap: ({ modalRef, isOpened }: ModalFocusTrapParams) => void;
+export {};

package/dist/hooks/use-remaining-timer/use-remaining-timer.d.ts

@@ -0,0 +1,9 @@
+type UseRemainingTimerProps = {
+    isOpened: boolean;
+    isHovered: boolean;
+    onClose: () => void;
+    autoClose?: boolean;
+    autoCloseDelay?: number;
+};
+export declare function useRemainingTimer({ isOpened, isHovered, onClose, autoClose, autoCloseDelay, }: UseRemainingTimerProps): number;
+export {};

package/dist/hooks/use-reset-form-input/use-reset-form-input.d.ts

@@ -0,0 +1 @@
+export declare const useResetFormInput: (onReset: () => void) => void;

package/dist/hooks/use-theme/use-theme.d.ts

@@ -0,0 +1,4 @@
+export declare const useTheme: () => {
+    mode?: "cl-components-light-theme" | "cl-components-dark-theme";
+    setMode: (mode: "cl-components-light-theme" | "cl-components-dark-theme") => void;
+};

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

@@ -0,0 +1,12 @@
+import { RefObject } from 'react';
+type useTooltipPositionParams = {
+    wrapperRef: RefObject<HTMLElement | null>;
+    tooltipRef: RefObject<HTMLElement | null>;
+    isOpened: boolean;
+    spacing?: number;
+};
+export declare const useTooltipPosition: ({ wrapperRef, tooltipRef, isOpened, spacing, }: useTooltipPositionParams) => {
+    top: number;
+    left: number;
+};
+export {};

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

@@ -0,0 +1,2 @@
+import { Dimensions } from '../../types';
+export declare function useWindowDimensions(): Dimensions;