@wix/headless-stores 0.0.110 → 0.0.111

package/cjs/dist/react/Option.js

@@ -1,10 +1,49 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import React from 'react';
-import * as Choice from './Choice.js';
-import * as ProductModifiersPrimitive from './core/ProductModifiers.js';
-import * as ProductVariantSelectorPrimitive from './core/ProductVariantSelector.js';
-import { AsChildSlot } from '@wix/headless-utils/react';
-import { DataComponentTags } from '../data-component-tags.js';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChoiceRepeater = exports.Choices = exports.MandatoryIndicator = exports.Name = exports.OptionContext = exports.Root = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const Choice = __importStar(require("./Choice.js"));
+const ProductModifiersPrimitive = __importStar(require("./core/ProductModifiers.js"));
+const ProductVariantSelectorPrimitive = __importStar(require("./core/ProductVariantSelector.js"));
+const react_2 = require("@wix/headless-utils/react");
+const data_component_tags_js_1 = require("../data-component-tags.js");
 var TestIds;
 (function (TestIds) {
     TestIds["optionRoot"] = "option-root";
@@ -93,7 +132,7 @@ var TestIds;
  * </Option.Root>
  * ```
  */
-export const Root = React.forwardRef((props, ref) => {
+exports.Root = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, option, onValueChange, allowedTypes, className, ...otherProps } = props;
     // Determine the option type based on the option name and available choices
     const getOptionType = () => {
@@ -114,11 +153,11 @@ export const Root = React.forwardRef((props, ref) => {
         allowedTypes,
         mandatory: option?.mandatory || false,
     };
-    return (_jsx(OptionContext.Provider, { value: contextValue, children: _jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-component-tag": DataComponentTags.optionRoot, "data-testid": TestIds.optionRoot, "data-type": optionType, customElement: children, customElementProps: { option, onValueChange, allowedTypes }, ...otherProps, children: _jsx("div", { children: React.isValidElement(children) ? children : null }) }) }));
+    return ((0, jsx_runtime_1.jsx)(exports.OptionContext.Provider, { value: contextValue, children: (0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-component-tag": data_component_tags_js_1.DataComponentTags.optionRoot, "data-testid": TestIds.optionRoot, "data-type": optionType, customElement: children, customElementProps: { option, onValueChange, allowedTypes }, ...otherProps, children: (0, jsx_runtime_1.jsx)("div", { children: react_1.default.isValidElement(children) ? children : null }) }) }));
 });
-Root.displayName = 'Option.Root';
+exports.Root.displayName = 'Option.Root';
 // Create a context to pass option data down
-export const OptionContext = React.createContext(null);
+exports.OptionContext = react_1.default.createContext(null);
 /**
  * Displays the option name.
  * Follows true Radix pattern - use separate components for each styleable element.
@@ -142,13 +181,13 @@ export const OptionContext = React.createContext(null);
  * </Option.Name>
  * ```
  */
-export const Name = React.forwardRef((props, ref) => {
+exports.Name = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, className, ...otherProps } = props;
-    const optionData = React.useContext(OptionContext);
+    const optionData = react_1.default.useContext(exports.OptionContext);
     if (!optionData)
         return null;
     const name = optionData.name || '';
-    return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.optionName, customElement: children, customElementProps: { name }, content: name, ...otherProps, children: _jsx("div", { children: name }) }));
+    return ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.optionName, customElement: children, customElementProps: { name }, content: name, ...otherProps, children: (0, jsx_runtime_1.jsx)("div", { children: name }) }));
 });
 /**
  * Displays the mandatory indicator (asterisk) when the option is required.
@@ -168,16 +207,16 @@ export const Name = React.forwardRef((props, ref) => {
  * </Option.MandatoryIndicator>
  * ```
  */
-export const MandatoryIndicator = React.forwardRef((props, ref) => {
+exports.MandatoryIndicator = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
-    const optionData = React.useContext(OptionContext);
+    const optionData = react_1.default.useContext(exports.OptionContext);
     if (!optionData)
         return null;
     const mandatory = optionData.mandatory || false;
     // Don't render anything if not mandatory
     if (!mandatory)
         return null;
-    return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.optionMandatoryIndicator, customElement: children, customElementProps: { mandatory }, content: '*', children: _jsx("span", { children: "*" }) }));
+    return ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.optionMandatoryIndicator, customElement: children, customElementProps: { mandatory }, content: '*', children: (0, jsx_runtime_1.jsx)("span", { children: "*" }) }));
 });
 /**
  * Container for the list items with empty state support.
@@ -210,9 +249,9 @@ export const MandatoryIndicator = React.forwardRef((props, ref) => {
  * </Option.Choices>
  * ```
  */
-export const Choices = React.forwardRef((props, ref) => {
+exports.Choices = react_1.default.forwardRef((props, ref) => {
     const { children, emptyState } = props;
-    const optionData = React.useContext(OptionContext);
+    const optionData = react_1.default.useContext(exports.OptionContext);
     if (!optionData)
         return null;
     // Check if we have choices to render (List Container Level pattern)
@@ -225,7 +264,7 @@ export const Choices = React.forwardRef((props, ref) => {
         'data-testid': TestIds.optionChoices,
         'data-type': optionData.optionType || 'text',
     };
-    return (_jsx("div", { ...attributes, ref: ref, children: children }));
+    return ((0, jsx_runtime_1.jsx)("div", { ...attributes, ref: ref, children: children }));
 });
 /**
  * Repeater component that renders Choice.Root for each choice.
@@ -244,9 +283,9 @@ export const Choices = React.forwardRef((props, ref) => {
  * </Option.ChoiceRepeater>
  * ```
  */
-export const ChoiceRepeater = React.forwardRef((props, _ref) => {
+exports.ChoiceRepeater = react_1.default.forwardRef((props, _ref) => {
     const { children } = props;
-    const optionData = React.useContext(OptionContext);
+    const optionData = react_1.default.useContext(exports.OptionContext);
     if (!optionData ||
         (!optionData.choices?.length && optionData.optionType !== 'free-text'))
         return null;
@@ -266,7 +305,7 @@ export const ChoiceRepeater = React.forwardRef((props, _ref) => {
             ...optionData,
             type: 'free-text',
         };
-        return (_jsx(ProductModifiersPrimitive.Choice, { modifier: optionData, choice: choice, children: (renderProps) => {
+        return ((0, jsx_runtime_1.jsx)(ProductModifiersPrimitive.Choice, { modifier: optionData, choice: choice, children: (renderProps) => {
                 const { value, isSelected, select } = renderProps;
                 const contextValue = {
                     choice,
@@ -281,10 +320,10 @@ export const ChoiceRepeater = React.forwardRef((props, _ref) => {
                     select,
                     value,
                 };
-                return (_jsx(Choice.ChoiceContext.Provider, { value: contextValue, children: _jsx(Choice.Root, { children: children }) }));
+                return ((0, jsx_runtime_1.jsx)(Choice.ChoiceContext.Provider, { value: contextValue, children: (0, jsx_runtime_1.jsx)(Choice.Root, { children: children }) }));
             } }));
     }
-    return (_jsx(_Fragment, { children: optionData.choices.map((choice) => {
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: optionData.choices.map((choice) => {
             const choiceKey = choice.choiceId;
             const getChoiceType = () => {
                 if (choice?.choiceType === 'ONE_COLOR')
@@ -302,7 +341,7 @@ export const ChoiceRepeater = React.forwardRef((props, _ref) => {
                 type: choiceType,
             };
             if (isModifier) {
-                return (_jsx(ProductModifiersPrimitive.Choice, { modifier: optionData, choice: choiceData, children: (renderProps) => {
+                return ((0, jsx_runtime_1.jsx)(ProductModifiersPrimitive.Choice, { modifier: optionData, choice: choiceData, children: (renderProps) => {
                         const { value, isSelected, select } = renderProps;
                         const contextValue = {
                             choice: choiceData,
@@ -317,11 +356,11 @@ export const ChoiceRepeater = React.forwardRef((props, _ref) => {
                             select,
                             value,
                         };
-                        return (_jsx(Choice.ChoiceContext.Provider, { value: contextValue, children: _jsx(Choice.Root, { children: children }) }));
+                        return ((0, jsx_runtime_1.jsx)(Choice.ChoiceContext.Provider, { value: contextValue, children: (0, jsx_runtime_1.jsx)(Choice.Root, { children: children }) }));
                     } }, choiceKey));
             }
             else {
-                return (_jsx(ProductVariantSelectorPrimitive.Choice, { option: optionData, choice: choiceData, children: (renderProps) => {
+                return ((0, jsx_runtime_1.jsx)(ProductVariantSelectorPrimitive.Choice, { option: optionData, choice: choiceData, children: (renderProps) => {
                         const { value, isSelected, select, isVisible, isInStock, isPreOrderEnabled, } = renderProps;
                         // Don't render if not visible
                         if (!isVisible)
@@ -339,7 +378,7 @@ export const ChoiceRepeater = React.forwardRef((props, _ref) => {
                             select,
                             value,
                         };
-                        return (_jsx(Choice.ChoiceContext.Provider, { value: contextValue, children: _jsx(Choice.Root, { children: children }) }));
+                        return ((0, jsx_runtime_1.jsx)(Choice.ChoiceContext.Provider, { value: contextValue, children: (0, jsx_runtime_1.jsx)(Choice.Root, { children: children }) }));
                     } }, choiceKey));
             }
         }) }));