@lindle/linoardo 1.0.13 → 1.0.14

package/dist/index.cjs

@@ -723,7 +723,55 @@ var Menu = React3__namespace.forwardRef((props, ref) => {
 });
 Menu.displayName = "Menu";
 var Menu_default = Menu;
-var ExpansionPanelContext = React3__namespace.createContext(null);
+var EXPANSION_PANEL_CONTEXT_PROP = "__expansionPanelContext";
+var EXPANSION_PANEL_ITEM_MARKER = "__isExpansionPanelItem";
+var hasMarker = (type) => {
+  if (!type || typeof type !== "function" && typeof type !== "object") {
+    return false;
+  }
+  if (type[EXPANSION_PANEL_ITEM_MARKER]) {
+    return true;
+  }
+  const innerType = type.type;
+  if (innerType && innerType !== type) {
+    return hasMarker(innerType);
+  }
+  return false;
+};
+var traverseNode = (node, value) => {
+  if (Array.isArray(node)) {
+    let changed = false;
+    const nextArray = node.map((child) => {
+      const result = traverseNode(child, value);
+      if (result.changed) {
+        changed = true;
+      }
+      return result.node;
+    });
+    return { node: changed ? nextArray : node, changed };
+  }
+  if (node === null || node === void 0 || typeof node === "boolean" || typeof node === "string" || typeof node === "number") {
+    return { node, changed: false };
+  }
+  if (!React3.isValidElement(node)) {
+    return { node, changed: false };
+  }
+  const { node: mappedChildren, changed: childrenChanged } = traverseNode(node.props.children, value);
+  const shouldInject = hasMarker(node.type);
+  if (!shouldInject && !childrenChanged) {
+    return { node, changed: false };
+  }
+  const injectedProps = shouldInject ? { [EXPANSION_PANEL_CONTEXT_PROP]: value } : void 0;
+  const cloned = mappedChildren === void 0 ? React3.cloneElement(node, injectedProps) : React3.cloneElement(node, injectedProps, mappedChildren);
+  return { node: cloned, changed: true };
+};
+var injectExpansionPanelContext = (children, value) => traverseNode(children, value).node;
+var markExpansionPanelItem = (component) => {
+  if (typeof component !== "function" && (typeof component !== "object" || component === null)) {
+    return;
+  }
+  component[EXPANSION_PANEL_ITEM_MARKER] = true;
+};
 var densityClasses2 = {
   comfortable: "py-5",
   default: "py-4",
@@ -757,12 +805,13 @@ var generateId = (prefix) => `${prefix}-${++uniqueIdCounter}`;
 var ExpansionPanelItemInner = class extends React3.Component {
   constructor(props) {
     super(props);
+    this.getContext = () => this.props.__expansionPanelContext ?? null;
     this.handleToggle = () => {
       const { disabled = false } = this.props;
       if (disabled) {
         return;
       }
-      const context = this.context;
+      const context = this.getContext();
       const panelValue = this.props.value ?? this.generatedValue;
       if (context) {
         context.toggle(panelValue, disabled);
@@ -795,7 +844,7 @@ var ExpansionPanelItemInner = class extends React3.Component {
       forwardedRef,
       ...rest
     } = this.props;
-    const context = this.context;
+    const context = this.getContext();
     const panelValue = value ?? this.generatedValue;
     const density = context?.density ?? "default";
     const color = colorOverride ?? context?.color ?? "primary";
@@ -892,9 +941,9 @@ var ExpansionPanelItemInner = class extends React3.Component {
     );
   }
 };
-ExpansionPanelItemInner.contextType = ExpansionPanelContext;
 var ExpansionPanelItem = React3.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(ExpansionPanelItemInner, { ...props, forwardedRef: ref }));
 ExpansionPanelItem.displayName = "ExpansionPanelItem";
+markExpansionPanelItem(ExpansionPanelItem);
 var ExpansionPanelItem_default = ExpansionPanelItem;
 var variantContainerClasses = {
   elevated: "bg-white border border-gray-200 shadow-lg shadow-gray-900/10",
@@ -1001,15 +1050,16 @@ var ExpansionPanelInner = class extends React3.Component {
     const variantClass = divider ? variantContainerClasses[variant] : "bg-transparent border border-transparent shadow-none";
     const shapeClass = roundedClasses2[rounded] ?? roundedClasses2.lg;
     const layoutClass = divider ? "divide-y divide-gray-100 overflow-hidden" : "gap-4";
-    return /* @__PURE__ */ jsxRuntime.jsx(ExpansionPanelContext.Provider, { value: providerValue, children: /* @__PURE__ */ jsxRuntime.jsx(
+    const enhancedChildren = injectExpansionPanelContext(children, providerValue);
+    return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
         ...rest,
         ref: forwardedRef,
         className: tailwindMerge.twMerge("expansion-panel flex w-full flex-col text-gray-900", variantClass, shapeClass, layoutClass, className),
-        children
+        children: enhancedChildren
       }
-    ) });
+    );
   }
 };
 var ExpansionPanel = React3.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(ExpansionPanelInner, { ...props, forwardedRef: ref }));