@pisell/private-materials 6.6.10 → 6.6.12

package/dist/lib/plus/productSelect/ProductList/gridComponents.js

@@ -1,101 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.js');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-
-//#region src/plus/productSelect/ProductList/gridComponents.tsx
-const parseGridConfig = (config) => {
-	return config.split(":").map((num) => parseInt(num, 10)).filter((num) => !isNaN(num));
-};
-const calculateColumnWidth = (columns, index) => {
-	const total = columns.reduce((sum, col) => sum + col, 0);
-	return `${columns[index] / total * 100}%`;
-};
-const createGridComponents = (layout) => {
-	if (!layout) layout = GRID_LAYOUTS.SINGLE_COLUMN;
-	const columns = parseGridConfig(layout.config);
-	const isGrid = layout.grid && columns.length > 1;
-	const GridListComponent = (0, react.memo)(({ children, ...props }) => {
-		if (!isGrid) return /* @__PURE__ */ react.default.createElement("div", {
-			className: "product-list-wrapper",
-			style: {
-				display: "flex",
-				flexDirection: "column",
-				gap: "12px"
-			},
-			...props
-		}, children);
-		return /* @__PURE__ */ react.default.createElement("div", {
-			className: "product-grid-wrapper",
-			style: {
-				display: "flex",
-				flexWrap: "wrap",
-				gap: "12px",
-				...props.style
-			},
-			...props
-		}, children);
-	});
-	const GridItemComponent = (0, react.memo)(({ children, index, item, ...props }) => {
-		if (!isGrid) {
-			if (item && item.__typename === "category") return /* @__PURE__ */ react.default.createElement("div", {
-				id: `ps_category_${item.id}`,
-				...props
-			}, children);
-			return /* @__PURE__ */ react.default.createElement("div", props, children);
-		}
-		if (item && item.__typename === "category") return /* @__PURE__ */ react.default.createElement("div", {
-			id: `ps_category_${item.id}`,
-			style: {
-				width: "100%",
-				flexShrink: 0,
-				...props.style
-			},
-			...props
-		}, children);
-		const width = calculateColumnWidth(columns, index % columns.length);
-		return /* @__PURE__ */ react.default.createElement("div", {
-			style: {
-				width: `calc(${width} - ${(columns.length - 1) * 12 / columns.length}px)`,
-				flexShrink: 0,
-				...props.style
-			},
-			...props
-		}, children);
-	});
-	GridListComponent.displayName = `GridListComponent_${layout.config}`;
-	GridItemComponent.displayName = `GridItemComponent_${layout.config}`;
-	return {
-		List: GridListComponent,
-		Item: GridItemComponent
-	};
-};
-const GRID_LAYOUTS = {
-	SINGLE_COLUMN: {
-		grid: false,
-		config: "12"
-	},
-	TWO_COLUMNS: {
-		grid: true,
-		config: "12:12"
-	},
-	THREE_COLUMNS: {
-		grid: true,
-		config: "8:8:8"
-	},
-	FOUR_COLUMNS: {
-		grid: true,
-		config: "6:6:6:6"
-	},
-	UNEQUAL_TWO: {
-		grid: true,
-		config: "8:16"
-	},
-	UNEQUAL_THREE: {
-		grid: true,
-		config: "6:12:6"
-	}
-};
-
-//#endregion
-exports.GRID_LAYOUTS = GRID_LAYOUTS;
-exports.createGridComponents = createGridComponents;

package/dist/lib/plus/productSelect/ProductList/index.js

@@ -1,51 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.js');
-const require_gridComponents = require('./gridComponents.js');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-
-//#region src/plus/productSelect/ProductList/index.tsx
-const DefaultListComponent = (0, react.memo)(({ children, ...listProps }) => /* @__PURE__ */ react.default.createElement("div", {
-	className: "product-list-wrapper",
-	...listProps
-}, children));
-const DefaultItemComponent = (0, react.memo)(({ children, index, ...itemProps }) => /* @__PURE__ */ react.default.createElement("div", {
-	...itemProps,
-	"data-index": index,
-	"data-item-index": index
-}, children));
-const ProductList = (0, react.forwardRef)((props, ref) => {
-	const { className, data, context, components, itemContent } = props;
-	const ListComponent = (0, react.useMemo)(() => components?.List || DefaultListComponent, [components?.List]);
-	const ItemComponent = (0, react.useMemo)(() => components?.Item || DefaultItemComponent, [components?.Item]);
-	const itemContentRenderer = (0, react.useMemo)(() => {
-		if (itemContent) return (item, index) => itemContent(index, item, context);
-		return (item, index) => /* @__PURE__ */ react.default.createElement("div", null, index);
-	}, [itemContent, context]);
-	const renderedItems = (0, react.useMemo)(() => {
-		return data?.map((item, index) => {
-			const content = itemContentRenderer(item, index);
-			return /* @__PURE__ */ react.default.createElement(ItemComponent, {
-				key: `${item.id || index}-${index}`,
-				item,
-				index,
-				"data-index": index,
-				"data-item-index": index,
-				context
-			}, content);
-		});
-	}, [
-		data,
-		ItemComponent,
-		itemContentRenderer
-	]);
-	return /* @__PURE__ */ react.default.createElement("div", { className: (0, classnames.default)(className) }, /* @__PURE__ */ react.default.createElement(ListComponent, {
-		ref,
-		context
-	}, renderedItems));
-});
-var ProductList_default = ProductList;
-
-//#endregion
-exports.default = ProductList_default;

package/dist/lib/plus/productSelect/components/IntersectionObserver.js

@@ -1,172 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.js');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-
-//#region src/plus/productSelect/components/IntersectionObserver.tsx
-const IntersectionObserverContext = (0, react.createContext)({
-	initialized: false,
-	register: () => {},
-	unregister: () => {}
-});
-const { Provider, Consumer } = IntersectionObserverContext;
-const IntersectionObserverProvider = ({ children, root = null, rootMargin = "0px", threshold = 0, priorityMode }) => {
-	const [mounted, setMounted] = (0, react.useState)(false);
-	const [initialized, setInitialized] = (0, react.useState)(false);
-	const observerRef = (0, react.useRef)(null);
-	const callbackMapRef = (0, react.useRef)(/* @__PURE__ */ new Map());
-	const findCallback = (0, react.useCallback)((target) => {
-		return callbackMapRef.current.get(target);
-	}, []);
-	const selectPriorityEntry = (0, react.useCallback)((entries, mode) => {
-		if (entries.length === 0) return void 0;
-		if (entries.length === 1) return entries[0];
-		switch (mode) {
-			case "top": return entries.reduce((prev, curr) => curr.boundingClientRect.top < prev.boundingClientRect.top ? curr : prev);
-			case "bottom": return entries.reduce((prev, curr) => curr.boundingClientRect.bottom > prev.boundingClientRect.bottom ? curr : prev);
-			case "left": return entries.reduce((prev, curr) => curr.boundingClientRect.left < prev.boundingClientRect.left ? curr : prev);
-			case "right": return entries.reduce((prev, curr) => curr.boundingClientRect.right > prev.boundingClientRect.right ? curr : prev);
-			default: return entries[0];
-		}
-	}, []);
-	const observerOptions = (0, react.useMemo)(() => ({
-		root,
-		rootMargin,
-		threshold
-	}), [
-		root,
-		rootMargin,
-		threshold
-	]);
-	const createObserver = (0, react.useCallback)(() => {
-		if (typeof window !== "undefined" && !window.IntersectionObserver) {
-			console.warn("IntersectionObserver is not supported in this browser");
-			return null;
-		}
-		return new IntersectionObserver((entries) => {
-			if (entries.length === 0) return;
-			try {
-				if (!priorityMode) {
-					entries.forEach((entry) => {
-						const callback = findCallback(entry.target);
-						if (callback) callback(entry);
-					});
-					return;
-				}
-				const visibleEntries = [];
-				const invisibleEntries = [];
-				entries.forEach((entry) => {
-					if (entry.isIntersecting) visibleEntries.push(entry);
-					else invisibleEntries.push(entry);
-				});
-				invisibleEntries.forEach((entry) => {
-					const callback = findCallback(entry.target);
-					if (callback) callback(entry);
-				});
-				if (visibleEntries.length > 0) {
-					const selectedEntry = selectPriorityEntry(visibleEntries, priorityMode);
-					if (selectedEntry) {
-						const callback = findCallback(selectedEntry.target);
-						if (callback) callback(selectedEntry);
-					}
-				}
-			} catch (error) {
-				console.error("IntersectionObserver callback error:", error);
-			}
-		}, observerOptions);
-	}, [
-		observerOptions,
-		priorityMode,
-		findCallback,
-		selectPriorityEntry
-	]);
-	const register = (0, react.useCallback)(({ ref, callback }) => {
-		if (ref?.current && observerRef?.current) {
-			const element = ref.current;
-			if (callbackMapRef.current.has(element)) return;
-			callbackMapRef.current.set(element, callback);
-			observerRef.current.observe(element);
-		}
-	}, []);
-	const unregister = (0, react.useCallback)(({ ref }) => {
-		if (ref?.current && observerRef?.current) {
-			const element = ref.current;
-			callbackMapRef.current.delete(element);
-			observerRef.current.unobserve(element);
-		}
-	}, []);
-	(0, react.useEffect)(() => {
-		if (mounted) {
-			if (observerRef.current) observerRef.current.disconnect();
-			observerRef.current = createObserver();
-			setInitialized(true);
-		}
-	}, [mounted, createObserver]);
-	(0, react.useEffect)(() => {
-		setMounted(true);
-		return () => {
-			if (observerRef.current) {
-				observerRef.current.disconnect();
-				callbackMapRef.current.clear();
-				setInitialized(false);
-			}
-		};
-	}, []);
-	const contextValue = {
-		initialized,
-		register,
-		unregister
-	};
-	return /* @__PURE__ */ react.default.createElement(Provider, { value: contextValue }, children);
-};
-const useIntersectionTrigger = (elementRef, options = {}) => {
-	const { once = false, onHide, onShow } = options;
-	const { initialized, register, unregister } = (0, react.useContext)(IntersectionObserverContext);
-	const [isIntersecting, setIsIntersecting] = (0, react.useState)(false);
-	const cleanup = (0, react.useCallback)(() => unregister({ ref: elementRef }), [elementRef, unregister]);
-	const intersectionCallback = (0, react.useCallback)((entry) => {
-		if (entry.isIntersecting) {
-			onShow?.(cleanup);
-			if (once) unregister({ ref: elementRef });
-		} else onHide?.(cleanup);
-		setIsIntersecting(entry.isIntersecting);
-	}, [
-		onShow,
-		onHide,
-		once,
-		cleanup,
-		unregister,
-		elementRef
-	]);
-	const registerRef = (0, react.useRef)();
-	registerRef.current = () => {
-		return register({
-			ref: elementRef,
-			callback: intersectionCallback
-		});
-	};
-	(0, react.useEffect)(() => {
-		if (initialized) registerRef.current?.();
-		return () => {
-			cleanup();
-		};
-	}, [initialized, cleanup]);
-	return { isIntersecting };
-};
-const IntersectionTrigger = ({ children, className, style = {}, ...options }) => {
-	const elementRef = (0, react.useRef)(null);
-	const { isIntersecting } = useIntersectionTrigger(elementRef, options);
-	return /* @__PURE__ */ react.default.createElement("div", {
-		className,
-		ref: elementRef,
-		style: {
-			width: "100%",
-			height: "100%",
-			...style
-		}
-	}, children);
-};
-var IntersectionObserver_default = IntersectionObserverProvider;
-
-//#endregion
-exports.IntersectionTrigger = IntersectionTrigger;
-exports.default = IntersectionObserver_default;

package/dist/lib/plus/productSelect/components/TabsStructure/TabsStructure.js

@@ -1,238 +0,0 @@
-const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.js');
-const require_styles = require('./styles.js');
-const require_utils = require('./utils.js');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-let __pisell_icon_es_ChevronRight = require("@pisell/icon/es/ChevronRight");
-__pisell_icon_es_ChevronRight = require_rolldown_runtime.__toESM(__pisell_icon_es_ChevronRight);
-let __pisell_icon_es_ChevronLeft = require("@pisell/icon/es/ChevronLeft");
-__pisell_icon_es_ChevronLeft = require_rolldown_runtime.__toESM(__pisell_icon_es_ChevronLeft);
-
-//#region src/plus/productSelect/components/TabsStructure/TabsStructure.tsx
-const TabContext = (0, react.createContext)({});
-const useTabContext = () => {
-	const context = (0, react.useContext)(TabContext);
-	if (!context) throw new Error("useTabContext must be used within a TabContext.Provider");
-	return context;
-};
-const TabListContainer = (0, react.forwardRef)(({ children, className, ...props }, ref) => {
-	return /* @__PURE__ */ react.default.createElement("ul", {
-		ref,
-		className: (0, classnames.default)(require_styles.tabListClasses.list, className),
-		role: "tablist",
-		...props
-	}, children);
-});
-const TabItem = (0, react.forwardRef)(({ children, isSelected = false, isDisabled = false, className, onClick, tabId, autoRegister = true, ...props }, ref) => {
-	const { selectedTab, onTabChange, registerTab, unregisterTab } = useTabContext();
-	const elementRef = (0, react.useRef)(null);
-	const combinedRef = (0, react.useCallback)((element) => {
-		elementRef.current = element;
-		if (typeof ref === "function") ref(element);
-		else if (ref && "current" in ref) ref.current = element;
-	}, [ref]);
-	(0, react.useEffect)(() => {
-		if (autoRegister && tabId && elementRef.current && registerTab) {
-			registerTab(tabId, elementRef.current);
-			return () => {
-				if (unregisterTab) unregisterTab(tabId);
-			};
-		}
-	}, [
-		tabId,
-		autoRegister,
-		registerTab,
-		unregisterTab
-	]);
-	const handleClick = (0, react.useCallback)(() => {
-		if (!isDisabled) {
-			if (tabId && onTabChange) onTabChange(tabId);
-			onClick?.(tabId);
-		}
-	}, [
-		isDisabled,
-		tabId,
-		onTabChange,
-		onClick
-	]);
-	const isTabSelected = tabId ? selectedTab === tabId : isSelected;
-	return /* @__PURE__ */ react.default.createElement("li", {
-		id: tabId,
-		ref: combinedRef,
-		className: (0, classnames.default)(require_styles.tabItemClasses.item, isTabSelected && require_styles.tabItemClasses.selected, isDisabled && require_styles.tabItemClasses.disabled, className),
-		role: "tab",
-		"aria-selected": isTabSelected,
-		"aria-disabled": isDisabled,
-		disabled: isDisabled,
-		onClick: handleClick,
-		tabIndex: isTabSelected ? 0 : -1,
-		...props
-	}, /* @__PURE__ */ react.default.createElement("span", null, children));
-});
-const Rail = (0, react.forwardRef)(({ children, className, ...props }, ref) => {
-	const { railRef: contextRailRef } = useTabContext();
-	const mergedRef = (0, react.useCallback)((element) => {
-		if (contextRailRef && "current" in contextRailRef) contextRailRef.current = element;
-		if (typeof ref === "function") ref(element);
-		else if (ref && "current" in ref) ref.current = element;
-	}, [ref, contextRailRef]);
-	return /* @__PURE__ */ react.default.createElement("div", {
-		ref: mergedRef,
-		className: (0, classnames.default)(require_styles.railClasses.rail, className),
-		...props
-	}, children);
-});
-const SelectionIndicator = (0, react.forwardRef)(({ focusRingClasses, isFocusVisible = false, style, className, ...props }, ref) => {
-	return /* @__PURE__ */ react.default.createElement("div", {
-		ref,
-		className: (0, classnames.default)(require_styles.selectionClasses.selection, require_styles.selectionClasses.position, { [require_styles.selectionClasses.focused]: isFocusVisible && focusRingClasses }, className),
-		style,
-		"aria-hidden": "true",
-		...props
-	});
-});
-const ScrollShadow = (0, react.forwardRef)(({ visible, location, className, ...props }, ref) => {
-	return /* @__PURE__ */ react.default.createElement("div", {
-		ref,
-		className: (0, classnames.default)(require_styles.shadowClasses.shadow, {
-			[require_styles.shadowClasses.isVisible]: visible,
-			[require_styles.shadowClasses.locationStart]: location === "start",
-			[require_styles.shadowClasses.locationEnd]: location === "end"
-		}, className),
-		...props
-	});
-});
-const ChevronButton = (0, react.forwardRef)(({ direction, disabled = false, onClick, className, "aria-label": ariaLabel, ...props }, ref) => {
-	const defaultAriaLabel = direction === "prev" ? "prev" : "next";
-	return /* @__PURE__ */ react.default.createElement("button", {
-		ref,
-		className: (0, classnames.default)(require_styles.chevronButtonClasses.button, {
-			[require_styles.chevronButtonClasses.disabled]: disabled,
-			[require_styles.chevronButtonClasses.prev]: direction === "prev",
-			[require_styles.chevronButtonClasses.next]: direction === "next"
-		}, className),
-		disabled,
-		onClick,
-		"aria-label": ariaLabel || defaultAriaLabel,
-		type: "button",
-		...props
-	}, direction === "prev" ? /* @__PURE__ */ react.default.createElement(__pisell_icon_es_ChevronLeft.default, null) : /* @__PURE__ */ react.default.createElement(__pisell_icon_es_ChevronRight.default, null));
-});
-const ChevronControls = ({ isPrevDisabled = false, isNextDisabled = false, onPrevClick, onNextClick, prevAction, nextAction, className, ...props }) => {
-	const handlePrevClick = onPrevClick || prevAction;
-	const handleNextClick = onNextClick || nextAction;
-	return /* @__PURE__ */ react.default.createElement("div", {
-		className: (0, classnames.default)(require_styles.chevronClasses.controls, className),
-		...props
-	}, /* @__PURE__ */ react.default.createElement(ChevronButton, {
-		direction: "prev",
-		disabled: isPrevDisabled,
-		onClick: handlePrevClick
-	}), /* @__PURE__ */ react.default.createElement(ChevronButton, {
-		direction: "next",
-		disabled: isNextDisabled,
-		onClick: handleNextClick
-	}));
-};
-const TabsStructure = ({ selectedTab, onTabChange, autoScrollToSelected = true, children, className, railRef: externalRailRef, ...props }) => {
-	const tabElementsRef = (0, react.useRef)(/* @__PURE__ */ new Map());
-	const internalRailRef = (0, react.useRef)(null);
-	const railRef = externalRailRef || internalRailRef;
-	if (!selectedTab && children) console.warn("TabsStructure: No selectedTab provided, consider setting a default value");
-	const registerTab = (0, react.useCallback)((tabId, element) => {
-		if (!tabId || !element) {
-			console.warn("TabsStructure: Invalid tabId or element provided to registerTab");
-			return;
-		}
-		if (typeof WeakRef !== "undefined") tabElementsRef.current.set(tabId, new WeakRef(element));
-		else tabElementsRef.current.set(tabId, element);
-	}, []);
-	const unregisterTab = (0, react.useCallback)((tabId) => {
-		if (tabId) tabElementsRef.current.delete(tabId);
-	}, []);
-	const clearAllTabs = (0, react.useCallback)(() => {
-		tabElementsRef.current.clear();
-	}, []);
-	(0, react.useEffect)(() => {
-		return () => {
-			if (typeof WeakRef === "undefined") clearAllTabs();
-		};
-	}, [clearAllTabs]);
-	const getTabElement = (0, react.useCallback)((tabId) => {
-		const ref = tabElementsRef.current.get(tabId);
-		if (!ref) return null;
-		if (typeof WeakRef !== "undefined" && ref instanceof WeakRef) {
-			const element = ref.deref();
-			if (!element) {
-				tabElementsRef.current.delete(tabId);
-				return null;
-			}
-			return element;
-		} else return ref;
-	}, []);
-	const scrollToTab = (0, react.useCallback)((tabId) => {
-		if (!tabId || !railRef.current) return;
-		const targetElement = getTabElement(tabId);
-		if (!targetElement) {
-			console.warn(`TabsStructure: Tab element with id "${tabId}" not found`);
-			return;
-		}
-		if (!targetElement.offsetParent) {
-			console.warn(`TabsStructure: Tab element "${tabId}" is not visible or not in DOM`);
-			return;
-		}
-		const rail = railRef.current;
-		const targetLeft = targetElement.offsetLeft;
-		const currentScrollLeft = rail.scrollLeft;
-		if (Math.abs(targetLeft - currentScrollLeft) > 1) require_utils.safeScrollTo(rail, {
-			left: targetLeft,
-			behavior: "smooth"
-		});
-	}, [getTabElement]);
-	(0, react.useEffect)(() => {
-		if (autoScrollToSelected && selectedTab) scrollToTab(selectedTab);
-	}, [
-		selectedTab,
-		autoScrollToSelected,
-		scrollToTab
-	]);
-	const contextValue = (0, react.useMemo)(() => ({
-		selectedTab,
-		onTabChange,
-		registerTab,
-		unregisterTab,
-		railRef
-	}), [
-		selectedTab,
-		onTabChange,
-		registerTab,
-		unregisterTab,
-		railRef
-	]);
-	return /* @__PURE__ */ react.default.createElement(TabContext.Provider, { value: contextValue }, /* @__PURE__ */ react.default.createElement("div", {
-		...props,
-		className: (0, classnames.default)(require_styles.tabWrapperClasses.wrapper, className)
-	}, children));
-};
-const TabsStructureWithSubComponents = TabsStructure;
-TabsStructureWithSubComponents.Rail = Rail;
-TabsStructureWithSubComponents.ListContainer = TabListContainer;
-TabsStructureWithSubComponents.Item = TabItem;
-TabsStructureWithSubComponents.SelectionIndicator = SelectionIndicator;
-TabsStructureWithSubComponents.ScrollShadow = ScrollShadow;
-TabsStructureWithSubComponents.ChevronControls = ChevronControls;
-TabsStructureWithSubComponents.ChevronButton = ChevronButton;
-TabsStructure.displayName = "TabsStructure";
-Rail.displayName = "TabsStructure.Rail";
-TabListContainer.displayName = "TabsStructure.ListContainer";
-TabItem.displayName = "TabsStructure.Item";
-SelectionIndicator.displayName = "TabsStructure.SelectionIndicator";
-ScrollShadow.displayName = "TabsStructure.ScrollShadow";
-ChevronControls.displayName = "TabsStructure.ChevronControls";
-ChevronButton.displayName = "TabsStructure.ChevronButton";
-var TabsStructure_default = TabsStructureWithSubComponents;
-
-//#endregion
-exports.default = TabsStructure_default;