chop-logic-components 4.0.3 → 4.1.1

package/dist/components/organisms/tabs/content/TabContent2.js

@@ -2,14 +2,14 @@ import './TabContent.css';/* empty css           */
 import { jsx as e } from "react/jsx-runtime";
 //#region src/components/organisms/tabs/content/TabContent.tsx
 var t = ({ tabs: t, selectedTabId: n, extendable: r, extendedTabContent: i }) => {
-	let a = t.find((e) => e.id === n)?.content, o = `tabpanel_${n}`, s = r && !a;
+	let a = t.find((e) => e.id === n)?.content;
 	return /* @__PURE__ */ e("div", {
 		role: "tabpanel",
 		"data-testid": "tab-content",
 		"aria-labelledby": n,
-		id: o,
+		id: `tabpanel_${n}`,
 		className: "cl-tab-content",
-		children: s ? i : a
+		children: r && !a ? i : a
 	});
 };
 //#endregion

package/dist/components/organisms/tabs/edit-input/TabEditInput.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+type Props = {
+    tabId: string;
+    isEditMode: boolean;
+    editValue: string;
+    onInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onInputBlur: (e: React.FocusEvent<HTMLInputElement>) => void;
+    onInputKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    onSave: () => void;
+    onCancel: () => void;
+    cancelButtonId: string;
+};
+export declare const TabEditInput: FC<Props>;
+export {};

package/dist/components/organisms/tabs/list/TabList.d.ts

@@ -0,0 +1,19 @@
+import { OrientationMode } from '../../../../enums';
+import { ChopLogicTabItem } from '../../../../types';
+import { FC } from 'react';
+type Props = {
+    tabs: ChopLogicTabItem[];
+    tabIds: string[];
+    onTabSelect: (id: string) => void;
+    selectedTabId: string;
+    tabPanelIds: string[];
+    mode: OrientationMode;
+    onTabTitleChange?: (tabId: string, newTitle: string) => void;
+    stretched?: boolean;
+    editable?: boolean;
+    extendable?: boolean;
+    onTabAdd?: () => void;
+    onTabDelete?: (id: string) => void;
+};
+export declare const TabList: FC<Props>;
+export {};

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

@@ -0,0 +1,7 @@
+export declare enum AlertMode {
+    Success = "success",
+    Error = "error",
+    Warning = "warning",
+    Info = "info",
+    Help = "help"
+}

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

@@ -0,0 +1,6 @@
+export declare enum ButtonView {
+    Primary = "primary",
+    Secondary = "secondary",
+    Icon = "icon",
+    Inner = "inner"
+}

package/dist/enums/element-size.d.ts

@@ -0,0 +1,8 @@
+export declare enum ElementSize {
+    ExtraSmall = "xs",
+    Small = "s",
+    Medium = "m",
+    Large = "l",
+    ExtraLarge = "xl",
+    ExtraExtraLarge = "2xl"
+}

package/dist/enums/icon-name.d.ts

@@ -0,0 +1,284 @@
+export declare enum IconName {
+    Activity = "chop-icon__activity",
+    Airplay = "chop-icon__airplay",
+    AlertCircle = "chop-icon__alert-circle",
+    AlertOctagon = "chop-icon__alert-octagon",
+    AlertTriangle = "chop-icon__alert-triangle",
+    AlignCenter = "chop-icon__align-center",
+    AlignJustify = "chop-icon__align-justify",
+    AlignLeft = "chop-icon__align-left",
+    AlignRight = "chop-icon__align-right",
+    Anchor = "chop-icon__anchor",
+    Aperture = "chop-icon__aperture",
+    Archive = "chop-icon__archive",
+    ArrowDown = "chop-icon__arrow-down",
+    ArrowDownCircle = "chop-icon__arrow-down-circle",
+    ArrowDownLeft = "chop-icon__arrow-down-left",
+    ArrowDownRight = "chop-icon__arrow-down-right",
+    ArrowLeft = "chop-icon__arrow-left",
+    ArrowLeftCircle = "chop-icon__arrow-left-circle",
+    ArrowRight = "chop-icon__arrow-right",
+    ArrowRightCircle = "chop-icon__arrow-right-circle",
+    ArrowUp = "chop-icon__arrow-up",
+    ArrowUpCircle = "chop-icon__arrow-up-circle",
+    ArrowUpLeft = "chop-icon__arrow-up-left",
+    ArrowUpRight = "chop-icon__arrow-up-right",
+    AtSign = "chop-icon__at-sign",
+    Award = "chop-icon__award",
+    BarChart = "chop-icon__bar-chart",
+    BarChart2 = "chop-icon__bar-chart-2",
+    Battery = "chop-icon__battery",
+    BatteryCharging = "chop-icon__battery-charging",
+    Bell = "chop-icon__bell",
+    BellOff = "chop-icon__bell-off",
+    Bluetooth = "chop-icon__bluetooth",
+    Bold = "chop-icon__bold",
+    Book = "chop-icon__book",
+    BookOpen = "chop-icon__book-open",
+    Bookmark = "chop-icon__bookmark",
+    Box = "chop-icon__box",
+    Briefcase = "chop-icon__briefcase",
+    Calendar = "chop-icon__calendar",
+    Camera = "chop-icon__camera",
+    CameraOff = "chop-icon__camera-off",
+    Cast = "chop-icon__cast",
+    Check = "chop-icon__check",
+    CheckCircle = "chop-icon__check-circle",
+    CheckSquare = "chop-icon__check-square",
+    ChevronDown = "chop-icon__chevron-down",
+    ChevronLeft = "chop-icon__chevron-left",
+    ChevronRight = "chop-icon__chevron-right",
+    ChevronUp = "chop-icon__chevron-up",
+    ChevronsDown = "chop-icon__chevrons-down",
+    ChevronsLeft = "chop-icon__chevrons-left",
+    ChevronsRight = "chop-icon__chevrons-right",
+    ChevronsUp = "chop-icon__chevrons-up",
+    Chrome = "chop-icon__chrome",
+    Circle = "chop-icon__circle",
+    Clipboard = "chop-icon__clipboard",
+    Clock = "chop-icon__clock",
+    Cloud = "chop-icon__cloud",
+    CloudDrizzle = "chop-icon__cloud-drizzle",
+    CloudLightning = "chop-icon__cloud-lightning",
+    CloudOff = "chop-icon__cloud-off",
+    CloudRain = "chop-icon__cloud-rain",
+    CloudSnow = "chop-icon__cloud-snow",
+    Code = "chop-icon__code",
+    Codepen = "chop-icon__codepen",
+    Codesandbox = "chop-icon__codesandbox",
+    Coffee = "chop-icon__coffee",
+    Columns = "chop-icon__columns",
+    Command = "chop-icon__command",
+    Compass = "chop-icon__compass",
+    Copy = "chop-icon__copy",
+    CornerDownLeft = "chop-icon__corner-down-left",
+    CornerDownRight = "chop-icon__corner-down-right",
+    CornerLeftDown = "chop-icon__corner-left-down",
+    CornerLeftUp = "chop-icon__corner-left-up",
+    CornerRightDown = "chop-icon__corner-right-down",
+    CornerRightUp = "chop-icon__corner-right-up",
+    CornerUpLeft = "chop-icon__corner-up-left",
+    CornerUpRight = "chop-icon__corner-up-right",
+    Cpu = "chop-icon__cpu",
+    CreditCard = "chop-icon__credit-card",
+    Crop = "chop-icon__crop",
+    Crosshair = "chop-icon__crosshair",
+    Database = "chop-icon__database",
+    Delete = "chop-icon__delete",
+    Disc = "chop-icon__disc",
+    DollarSign = "chop-icon__dollar-sign",
+    Download = "chop-icon__download",
+    DownloadCloud = "chop-icon__download-cloud",
+    Droplet = "chop-icon__droplet",
+    Edit = "chop-icon__edit",
+    Edit2 = "chop-icon__edit-2",
+    Edit3 = "chop-icon__edit-3",
+    ExternalLink = "chop-icon__external-link",
+    Eye = "chop-icon__eye",
+    EyeOff = "chop-icon__eye-off",
+    Facebook = "chop-icon__facebook",
+    FastForward = "chop-icon__fast-forward",
+    Feather = "chop-icon__feather",
+    Figma = "chop-icon__figma",
+    File = "chop-icon__file",
+    FileMinus = "chop-icon__file-minus",
+    FilePlus = "chop-icon__file-plus",
+    FileText = "chop-icon__file-text",
+    Film = "chop-icon__film",
+    Filter = "chop-icon__filter",
+    Flag = "chop-icon__flag",
+    Folder = "chop-icon__folder",
+    FolderMinus = "chop-icon__folder-minus",
+    FolderPlus = "chop-icon__folder-plus",
+    Framer = "chop-icon__framer",
+    Frown = "chop-icon__frown",
+    Gift = "chop-icon__gift",
+    GitBranch = "chop-icon__git-branch",
+    GitCommit = "chop-icon__git-commit",
+    GitMerge = "chop-icon__git-merge",
+    GitPullRequest = "chop-icon__git-pull-request",
+    Github = "chop-icon__github",
+    Gitlab = "chop-icon__gitlab",
+    Globe = "chop-icon__globe",
+    Grid = "chop-icon__grid",
+    HardDrive = "chop-icon__hard-drive",
+    Hash = "chop-icon__hash",
+    Headphones = "chop-icon__headphones",
+    Heart = "chop-icon__heart",
+    HelpCircle = "chop-icon__help-circle",
+    Hexagon = "chop-icon__hexagon",
+    Home = "chop-icon__home",
+    Image = "chop-icon__image",
+    Inbox = "chop-icon__inbox",
+    Info = "chop-icon__info",
+    Instagram = "chop-icon__instagram",
+    Italic = "chop-icon__italic",
+    Key = "chop-icon__key",
+    Layers = "chop-icon__layers",
+    Layout = "chop-icon__layout",
+    LifeBuoy = "chop-icon__life-buoy",
+    Link = "chop-icon__link",
+    Link2 = "chop-icon__link-2",
+    Linkedin = "chop-icon__linkedin",
+    List = "chop-icon__list",
+    Loader = "chop-icon__loader",
+    Lock = "chop-icon__lock",
+    LogIn = "chop-icon__log-in",
+    LogOut = "chop-icon__log-out",
+    Mail = "chop-icon__mail",
+    Map = "chop-icon__map",
+    MapPin = "chop-icon__map-pin",
+    Maximize = "chop-icon__maximize",
+    Maximize2 = "chop-icon__maximize-2",
+    Meh = "chop-icon__meh",
+    Menu = "chop-icon__menu",
+    MessageCircle = "chop-icon__message-circle",
+    MessageSquare = "chop-icon__message-square",
+    Mic = "chop-icon__mic",
+    MicOff = "chop-icon__mic-off",
+    Minimize = "chop-icon__minimize",
+    Minimize2 = "chop-icon__minimize-2",
+    Minus = "chop-icon__minus",
+    MinusCircle = "chop-icon__minus-circle",
+    MinusSquare = "chop-icon__minus-square",
+    Monitor = "chop-icon__monitor",
+    Moon = "chop-icon__moon",
+    MoreHorizontal = "chop-icon__more-horizontal",
+    MoreVertical = "chop-icon__more-vertical",
+    MousePointer = "chop-icon__mouse-pointer",
+    Move = "chop-icon__move",
+    Music = "chop-icon__music",
+    Navigation = "chop-icon__navigation",
+    Navigation2 = "chop-icon__navigation-2",
+    Octagon = "chop-icon__octagon",
+    Package = "chop-icon__package",
+    Paperclip = "chop-icon__paperclip",
+    Pause = "chop-icon__pause",
+    PauseCircle = "chop-icon__pause-circle",
+    PenTool = "chop-icon__pen-tool",
+    Percent = "chop-icon__percent",
+    Phone = "chop-icon__phone",
+    PhoneCall = "chop-icon__phone-call",
+    PhoneForwarded = "chop-icon__phone-forwarded",
+    PhoneIncoming = "chop-icon__phone-incoming",
+    PhoneMissed = "chop-icon__phone-missed",
+    PhoneOff = "chop-icon__phone-off",
+    PhoneOutgoing = "chop-icon__phone-outgoing",
+    PieChart = "chop-icon__pie-chart",
+    Play = "chop-icon__play",
+    PlayCircle = "chop-icon__play-circle",
+    Plus = "chop-icon__plus",
+    PlusCircle = "chop-icon__plus-circle",
+    PlusSquare = "chop-icon__plus-square",
+    Pocket = "chop-icon__pocket",
+    Power = "chop-icon__power",
+    Printer = "chop-icon__printer",
+    Radio = "chop-icon__radio",
+    RefreshCcw = "chop-icon__refresh-ccw",
+    RefreshCw = "chop-icon__refresh-cw",
+    Repeat = "chop-icon__repeat",
+    Rewind = "chop-icon__rewind",
+    RotateCcw = "chop-icon__rotate-ccw",
+    RotateCw = "chop-icon__rotate-cw",
+    Rss = "chop-icon__rss",
+    Save = "chop-icon__save",
+    Scissors = "chop-icon__scissors",
+    Search = "chop-icon__search",
+    Send = "chop-icon__send",
+    Server = "chop-icon__server",
+    Settings = "chop-icon__settings",
+    Share = "chop-icon__share",
+    Share2 = "chop-icon__share-2",
+    Shield = "chop-icon__shield",
+    ShieldOff = "chop-icon__shield-off",
+    ShoppingBag = "chop-icon__shopping-bag",
+    ShoppingCart = "chop-icon__shopping-cart",
+    Shuffle = "chop-icon__shuffle",
+    Sidebar = "chop-icon__sidebar",
+    SkipBack = "chop-icon__skip-back",
+    SkipForward = "chop-icon__skip-forward",
+    Slack = "chop-icon__slack",
+    Slash = "chop-icon__slash",
+    Sliders = "chop-icon__sliders",
+    Smartphone = "chop-icon__smartphone",
+    Smile = "chop-icon__smile",
+    Speaker = "chop-icon__speaker",
+    Square = "chop-icon__square",
+    Star = "chop-icon__star",
+    StopCircle = "chop-icon__stop-circle",
+    Sun = "chop-icon__sun",
+    Sunrise = "chop-icon__sunrise",
+    Sunset = "chop-icon__sunset",
+    Tablet = "chop-icon__tablet",
+    Tag = "chop-icon__tag",
+    Target = "chop-icon__target",
+    Terminal = "chop-icon__terminal",
+    Thermometer = "chop-icon__thermometer",
+    ThumbsDown = "chop-icon__thumbs-down",
+    ThumbsUp = "chop-icon__thumbs-up",
+    ToggleLeft = "chop-icon__toggle-left",
+    ToggleRight = "chop-icon__toggle-right",
+    Tool = "chop-icon__tool",
+    Trash = "chop-icon__trash",
+    Trash2 = "chop-icon__trash-2",
+    Trello = "chop-icon__trello",
+    TrendingDown = "chop-icon__trending-down",
+    TrendingUp = "chop-icon__trending-up",
+    Triangle = "chop-icon__triangle",
+    Truck = "chop-icon__truck",
+    Tv = "chop-icon__tv",
+    Twitch = "chop-icon__twitch",
+    Twitter = "chop-icon__twitter",
+    Type = "chop-icon__type",
+    Umbrella = "chop-icon__umbrella",
+    Underline = "chop-icon__underline",
+    Unlock = "chop-icon__unlock",
+    Upload = "chop-icon__upload",
+    UploadCloud = "chop-icon__upload-cloud",
+    User = "chop-icon__user",
+    UserCheck = "chop-icon__user-check",
+    UserMinus = "chop-icon__user-minus",
+    UserPlus = "chop-icon__user-plus",
+    UserX = "chop-icon__user-x",
+    Users = "chop-icon__users",
+    Video = "chop-icon__video",
+    VideoOff = "chop-icon__video-off",
+    Voicemail = "chop-icon__voicemail",
+    Volume = "chop-icon__volume",
+    Volume1 = "chop-icon__volume-1",
+    Volume2 = "chop-icon__volume-2",
+    VolumeX = "chop-icon__volume-x",
+    Watch = "chop-icon__watch",
+    Wifi = "chop-icon__wifi",
+    WifiOff = "chop-icon__wifi-off",
+    Wind = "chop-icon__wind",
+    X = "chop-icon__x",
+    XCircle = "chop-icon__x-circle",
+    XOctagon = "chop-icon__x-octagon",
+    XSquare = "chop-icon__x-square",
+    Youtube = "chop-icon__youtube",
+    Zap = "chop-icon__zap",
+    ZapOff = "chop-icon__zap-off",
+    ZoomIn = "chop-icon__zoom-in",
+    ZoomOut = "chop-icon__zoom-out"
+}

package/dist/enums/index.d.ts

@@ -0,0 +1,8 @@
+export { AlertMode } from './alert-mode';
+export { ButtonView } from './button-view';
+export { ElementSize } from './element-size';
+export { IconName } from './icon-name';
+export { LoaderView } from './loader-view';
+export { OrientationMode } from './orientation-mode';
+export { SemanticColor } from './semantic-color';
+export { TooltipContainer } from './tooltip-container';

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;