hasting-swatchcart-module 1.0.25 → 1.0.27

package/dist/cdn/src/shared/constants/select.d.ts

@@ -0,0 +1,4 @@
+export declare const MOCK_SELECT_DATA: {
+    value: string;
+    label: string;
+}[];

package/dist/cdn/src/shared/constants/selectedMaterials.d.ts

@@ -0,0 +1 @@
+export declare const MAX_SLOTS = 5;

package/dist/cdn/src/shared/types/activeTab.d.ts

@@ -0,0 +1,5 @@
+export declare const EActiveTab: {
+    readonly SWATCH: "swatch";
+    readonly CART: "cart";
+};
+export type EActiveTab = (typeof EActiveTab)[keyof typeof EActiveTab];

package/dist/cdn/src/shared/types/fetchData.d.ts

@@ -0,0 +1,41 @@
+import { AttributeValue, IMaterialMetadata } from '../../features/swatches/model/types';
+export interface IValueLabel {
+    value: string;
+    label: string;
+}
+export interface IValueLabelMeta extends IValueLabel {
+    metadata: IMaterialMetadata;
+}
+export interface ISection {
+    section: string;
+    sort: string;
+    groups: IGroup[];
+}
+export interface IGroup {
+    groupName: string;
+    order: string;
+    type: 'simple' | string;
+    options: IOption[];
+}
+export interface IOption {
+    option: string;
+    label: string;
+    optionName: string;
+    order: string;
+    type: 'simple' | string;
+    typeComponent: 'material' | string;
+    values: Record<string, string>;
+    valuesArray: IValueLabel[];
+}
+export interface IMaterialOption {
+    option: string;
+    label: string;
+    optionName: string;
+    order: number;
+    typeComponent: 'material' | string;
+    valuesArray: IValueLabelMeta[];
+}
+export interface IFetchProductData {
+    structure: ISection[];
+    materials: AttributeValue[];
+}

package/dist/cdn/src/shared/types/svg.d.ts

@@ -0,0 +1,3 @@
+import { ComponentType, SVGProps } from 'react';
+export type SvgIconComponent = ComponentType<SVGProps<SVGSVGElement>>;
+export type SvgIconProps = SVGProps<SVGSVGElement>;

package/dist/cdn/src/shared/ui/CartPrice/CartPrice.d.ts

@@ -0,0 +1,7 @@
+import { ICartItem } from '../../../features/Cart/model/types';
+interface ICartPriceProps {
+    materials: ICartItem[];
+    containerStyles?: string;
+}
+export declare const CartPrice: ({ materials, containerStyles, }: ICartPriceProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cdn/src/shared/ui/Checkbox/Checkbox.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+declare function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Checkbox };

package/dist/cdn/src/shared/ui/CustomButton/CustomButton.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+interface CustomButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    children: React.ReactNode;
+}
+export declare const CustomButton: React.FC<CustomButtonProps>;
+export {};

package/dist/cdn/src/shared/ui/CustomModal/CustomModal.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+interface ModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    title?: string;
+    width?: number | string;
+    height?: number | string;
+    children: React.ReactNode;
+}
+export declare const CustomModal: FC<ModalProps>;
+export {};

package/dist/cdn/src/shared/ui/CustomSidebar/CustomSidebar.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+type SidebarProps = {
+    isOpen?: boolean;
+    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    children: React.ReactNode;
+};
+declare const CustomSidebar: React.FC<SidebarProps>;
+export default CustomSidebar;

package/dist/cdn/src/shared/ui/Dialog/Dialog.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Dialog, DialogPortal, DialogOverlay, DialogTrigger, DialogClose, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };

package/dist/cdn/src/shared/ui/Hint/Hint.d.ts

@@ -0,0 +1,60 @@
+import { default as React, ReactNode } from 'react';
+type HintProps = {
+    open: boolean;
+    target: HTMLElement | null;
+    children: ReactNode;
+    offset?: number;
+    maxWidthPx?: number;
+    forceOverflowVisible?: boolean;
+};
+/**
+ * Hint (Tooltip-like) component displayed in a portal above all UI layers.
+ *
+ * The component positions itself near the target element, supports dynamic
+ * repositioning on scroll/resize, and ensures the target element can
+ * overflow visibly when required. Includes an arrow that automatically aligns
+ * with the target.
+ *
+ * The tooltip uses `useLayoutEffect` to measure its size before final placement
+ * to avoid flickering or incorrect positioning.
+ *
+ * @component
+ *
+ * @param {boolean} open
+ *  Controls visibility of the hint. When `false`, nothing is rendered.
+ *
+ * @param {HTMLElement | null} target
+ *  The DOM element to which the hint is anchored. Required when open.
+ *
+ * @param {ReactNode} children
+ *  The content of the hint bubble.
+ *
+ * @param {number} [offset=12]
+ *  Vertical distance between the bubble and the target element.
+ *
+ * @param {number} [maxWidthPx=420]
+ *  Maximum width of the bubble in pixels before wrapping text.
+ *  The component also ensures the bubble fits inside the viewport.
+ *
+ * @param {boolean} [forceOverflowVisible=true]
+ *  When `true`, temporarily forces the target element's overflow to be `visible`
+ *  so that the hint can appear outside its bounds, improving usability inside
+ *  clipped containers.
+ *
+ * @description
+ * - On mount, optionally modifies the target element's `position` and `overflow`
+ *   styles to allow the bubble to display outside its bounding box.
+ * - Uses a combination of `useEffect`, `useLayoutEffect`, `ResizeObserver`, and
+ *   scroll/resize listeners to recalculate position whenever layout changes.
+ * - The bubble is rendered via `createPortal` into `document.body`
+ *   to escape stacking contexts.
+ *
+ * @example
+ * ```tsx
+ * <Hint open={isHovered} target={ref.current}>
+ *   Some details about this item
+ * </Hint>
+ * ```
+ */
+export declare const Hint: React.FC<HintProps>;
+export {};

package/dist/cdn/src/shared/ui/Label/Label.d.ts

@@ -0,0 +1,7 @@
+interface ILabelProps {
+    text: string;
+    isActive?: boolean;
+    onClick?: () => void;
+}
+export declare const Label: ({ text, isActive, onClick }: ILabelProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cdn/src/shared/ui/Loader/Loader.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+interface ILoaderProps {
+    size?: number | string;
+    trackClassName?: string;
+    accentClassName?: string;
+    className?: string;
+    isOverlay?: boolean;
+}
+export declare const Loader: React.FC<ILoaderProps>;
+export {};

package/dist/cdn/src/shared/ui/Markdown/MDWithAccordion.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Markdown renderer with accordion support
+ */
+interface IMDWithAccordion {
+    children: React.ReactNode;
+    className?: string;
+    openFirst?: boolean;
+}
+export default function MDWithAccordion({ children, className, openFirst, }: IMDWithAccordion): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cdn/src/shared/ui/MaterialItem/MaterialItem.d.ts

@@ -0,0 +1,8 @@
+import { AttributeValue } from '../../../features/swatches/model/types';
+export interface IMaterialItemProps {
+    val: AttributeValue;
+    className?: string;
+    isShowDeleteIcon?: boolean;
+    handleSelect?: (arg: AttributeValue) => void;
+}
+export declare const MaterialItem: ({ val, className, isShowDeleteIcon, handleSelect, }: IMaterialItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cdn/src/shared/ui/MaterialListItem/MaterialListItem.d.ts

@@ -0,0 +1,7 @@
+import { AttributeValue } from '../../../features/swatches/model/types';
+interface IMaterialListItemProps {
+    val: AttributeValue;
+    onClick: (item: AttributeValue) => void;
+}
+export declare const MaterialListItem: ({ val, onClick }: IMaterialListItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cdn/src/shared/ui/MultiSelect/MultiSelect.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+export interface IMultiSelectOption {
+    value: string;
+    label: string;
+    count?: number;
+}
+interface MultiSelectProps {
+    options: IMultiSelectOption[];
+    values: string[];
+    onValueChange: (values: string[]) => void;
+    placeholder?: string;
+    className?: string;
+    dropdownWidth?: string;
+    align?: 'start' | 'center' | 'end';
+    getTooltipByMaterialAndSection?: (material: string, section: string) => any;
+    sectionName?: string;
+}
+declare const MultiSelect: React.ForwardRefExoticComponent<MultiSelectProps & React.RefAttributes<HTMLButtonElement>>;
+export { MultiSelect };
+export type { MultiSelectProps };

package/dist/cdn/src/shared/ui/PopoverTooltip/InfoIcon.d.ts

@@ -0,0 +1 @@
+export default function InfoIcon(props: any): import("react/jsx-runtime").JSX.Element;

package/dist/cdn/src/shared/ui/PopoverTooltip/PopoverTooltip.d.ts

@@ -0,0 +1,11 @@
+/**
+ * PopoverTooltip — popover with Markdown + accordions.
+ * @param {string} tooltipData — raw markdown with ~H~~ ~M~~ markers
+ * @param {boolean} openFirst — whether to open the first accordion
+ * @param {React.ReactNode} trigger — custom trigger (optional)
+ */
+export declare const PopoverTooltip: ({ tooltipData, openFirst, trigger, }: {
+    tooltipData: string;
+    openFirst?: boolean;
+    trigger?: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/dist/cdn/src/shared/ui/SingleSelect/SingleSelect.d.ts

@@ -0,0 +1,18 @@
+import { ISingleSelectOption } from '../../../features/MultiProduct/model/types';
+import * as React from 'react';
+interface SingleSelectProps {
+    values: ISingleSelectOption[];
+    value: string | null;
+    onValueChange: (value: string | null) => void;
+    placeholder?: string;
+    title?: string;
+    className?: string;
+    dropdownWidth?: string;
+    align?: 'start' | 'center' | 'end';
+    showClear?: boolean;
+    getTooltipByMaterialAndSection?: (material: string, section: string) => any;
+    sectionName?: string;
+}
+declare const SingleSelect: React.ForwardRefExoticComponent<SingleSelectProps & React.RefAttributes<HTMLButtonElement>>;
+export { SingleSelect };
+export type { SingleSelectProps };

package/dist/cdn/src/shared/ui/Slider/Slider.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { IProductCart, ISliderItem } from '../../../features/MultiProduct/model/types';
+interface ISliderProps {
+    items: ISliderItem[] | IProductCart[];
+    activeId?: ISliderItem['productId'] | IProductCart['productId'];
+    onSelect: (item: ISliderItem | IProductCart) => void;
+    className?: string;
+    stepRatio?: number;
+}
+export declare const Slider: React.FC<ISliderProps>;
+export {};

package/dist/cdn/src/shared/ui/SwatchLimitModal/SwatchLimitModal.d.ts

@@ -0,0 +1,6 @@
+interface ISwatchLimitModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+}
+export declare const SwatchLimitModal: ({ isOpen, onClose, }: ISwatchLimitModalProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cdn/src/shared/ui/popover.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverTrigger({ stopPropagation, onClick, ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger> & {
+    stopPropagation?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };

package/dist/cdn/src/shared/utils/cn.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/cdn/src/shared/utils/uniqueList.d.ts

@@ -0,0 +1 @@
+export declare const uniqueList: (arr: string[]) => string[];

package/dist/components/SwatchesModule.d.ts

@@ -0,0 +1,11 @@
+import { EDataInputType } from '../../src/features/DataAdapter/utils/types';
+import { IAttributeAsset } from '../../src/features/swatches/model/types';
+export interface ISwatchesModuleProps {
+    isOpen: boolean;
+    uiDataType: EDataInputType;
+    assetId?: string;
+    data?: IAttributeAsset[] | any[];
+    onToggleSidebar: () => void;
+    onSendData: (data: unknown) => void;
+}
+export declare const SwatchModule: ({ isOpen, uiDataType, data, assetId, onToggleSidebar, onSendData, }: ISwatchesModuleProps) => import("react/jsx-runtime").JSX.Element;