@lindle/linoardo 1.0.13 → 1.0.14

package/dist/index.d.ts

@@ -466,6 +466,15 @@ interface ExpansionPanelMultipleProps extends ExpansionPanelSharedProps {
     onChange?: (value: ExpansionPanelValue[]) => void;
 }
 type ExpansionPanelProps = ExpansionPanelSingleProps | ExpansionPanelMultipleProps;
+interface ExpansionPanelContextValue {
+    expandedValues: ExpansionPanelValue[];
+    toggle: (value: ExpansionPanelValue, disabled?: boolean) => void;
+    density: ExpansionPanelDensity;
+    color: Palette;
+    divider: boolean;
+    rounded: ExpansionPanelRounded;
+    variant: ExpansionPanelVariant;
+}
 interface ExpansionPanelItemProps extends Omit<DivAttributes, 'title'> {
     value?: ExpansionPanelValue;
     title?: react.ReactNode;
@@ -480,6 +489,8 @@ interface ExpansionPanelItemProps extends Omit<DivAttributes, 'title'> {
     headerClassName?: string;
     contentClassName?: string;
     color?: Palette;
+    /** @internal */
+    __expansionPanelContext?: ExpansionPanelContextValue | null;
 }
 
 declare const ExpansionPanelItem: react.ForwardRefExoticComponent<ExpansionPanelItemProps & react.RefAttributes<HTMLDivElement>>;

package/dist/index.js

@@ -1,5 +1,5 @@
 import * as React3 from 'react';
-import { forwardRef, Component } from 'react';
+import { forwardRef, Component, isValidElement, cloneElement } from 'react';
 import { twMerge } from 'tailwind-merge';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
@@ -702,7 +702,55 @@ var Menu = React3.forwardRef((props, ref) => {
 });
 Menu.displayName = "Menu";
 var Menu_default = Menu;
-var ExpansionPanelContext = React3.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 (!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 ? cloneElement(node, injectedProps) : 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",
@@ -736,12 +784,13 @@ var generateId = (prefix) => `${prefix}-${++uniqueIdCounter}`;
 var ExpansionPanelItemInner = class extends 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);
@@ -774,7 +823,7 @@ var ExpansionPanelItemInner = class extends 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";
@@ -871,9 +920,9 @@ var ExpansionPanelItemInner = class extends Component {
     );
   }
 };
-ExpansionPanelItemInner.contextType = ExpansionPanelContext;
 var ExpansionPanelItem = forwardRef((props, ref) => /* @__PURE__ */ 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",
@@ -980,15 +1029,16 @@ var ExpansionPanelInner = class extends 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__ */ jsx(ExpansionPanelContext.Provider, { value: providerValue, children: /* @__PURE__ */ jsx(
+    const enhancedChildren = injectExpansionPanelContext(children, providerValue);
+    return /* @__PURE__ */ jsx(
       "div",
       {
         ...rest,
         ref: forwardedRef,
         className: twMerge("expansion-panel flex w-full flex-col text-gray-900", variantClass, shapeClass, layoutClass, className),
-        children
+        children: enhancedChildren
       }
-    ) });
+    );
   }
 };
 var ExpansionPanel = forwardRef((props, ref) => /* @__PURE__ */ jsx(ExpansionPanelInner, { ...props, forwardedRef: ref }));