@macive/ui 0.0.7 → 0.0.9

package/dist/src/components/ActionList/ActionList.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ActionList = void 0;

package/dist/src/components/ActionMenu/ActionMenu.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };

package/dist/src/components/AfterInitialMount/AfterInitialMount.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AfterInitialMount = void 0;

package/dist/src/components/AlphaCard/AlphaCard.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AlphaCard = void 0;

package/dist/src/index.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;

package/dist/src/utilities/components copy.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConditionalRender = exports.ConditionalWrapper = exports.elementChildren = exports.isElementOfType = exports.wrapWithComponent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+// Wraps `element` in `Component`, if it is not already an instance of
+// `Component`. If `props` is passed, those will be added as props on the
+// wrapped component. If `element` is null, the component is not wrapped.
+function wrapWithComponent(element, Component, props) {
+    if (element == null) {
+        return null;
+    }
+    return isElementOfType(element, Component) ? element : (0, jsx_runtime_1.jsx)(Component, { ...props, children: element });
+}
+exports.wrapWithComponent = wrapWithComponent;
+// In development, we compare based on the name of the function because
+// React Hot Loader proxies React components in order to make updates. In
+// production we can simply compare the components for equality.
+const isComponent = process.env.NODE_ENV === 'development'
+    ? hotReloadComponentCheck
+    : (AComponent, AnotherComponent) => AComponent === AnotherComponent;
+// Checks whether `element` is a React element of type `Component` (or one of
+// the passed components, if `Component` is an array of React components).
+function isElementOfType(element, Component) {
+    var _a;
+    if (element == null || !(0, react_1.isValidElement)(element) || typeof element.type === 'string') {
+        return false;
+    }
+    const { type: defaultType } = element;
+    // Type override allows components to bypass default wrapping behavior. Ex: Stack, ResourceList...
+    // See https://github.com/Airsoko/app-extension-libs/issues/996#issuecomment-710437088
+    const overrideType = (_a = element.props) === null || _a === void 0 ? void 0 : _a.__type__;
+    const type = overrideType || defaultType;
+    const Components = Array.isArray(Component) ? Component : [Component];
+    return Components.some((AComponent) => typeof type !== 'string' && isComponent(AComponent, type));
+}
+exports.isElementOfType = isElementOfType;
+// Returns all children that are valid elements as an array. Can optionally be
+// filtered by passing `predicate`.
+function elementChildren(children, predicate = () => true) {
+    return react_1.Children.toArray(children).filter((child) => (0, react_1.isValidElement)(child) && predicate(child));
+}
+exports.elementChildren = elementChildren;
+function ConditionalWrapper({ condition, wrapper, children, }) {
+    return condition ? wrapper(children) : children;
+}
+exports.ConditionalWrapper = ConditionalWrapper;
+function ConditionalRender({ condition, children }) {
+    return condition ? children : null;
+}
+exports.ConditionalRender = ConditionalRender;
+function hotReloadComponentCheck(AComponent, AnotherComponent) {
+    const componentName = AComponent.name;
+    const anotherComponentName = AnotherComponent.displayName;
+    return (AComponent === AnotherComponent ||
+        (Boolean(componentName) && componentName === anotherComponentName));
+}

package/dist/src/utilities/components.js

@@ -10,7 +10,9 @@ function wrapWithComponent(element, Component, props) {
     if (element == null) {
         return null;
     }
-    return isElementOfType(element, Component) ? element : (0, jsx_runtime_1.jsx)(Component, { ...props, children: element });
+    // Separate the `key` prop from other props
+    const { key, ...restProps } = props;
+    return isElementOfType(element, Component) ? (element) : ((0, jsx_runtime_1.jsx)(Component, { ...restProps, children: element }, key));
 }
 exports.wrapWithComponent = wrapWithComponent;
 // In development, we compare based on the name of the function because
@@ -21,20 +23,35 @@ const isComponent = process.env.NODE_ENV === 'development'
     : (AComponent, AnotherComponent) => AComponent === AnotherComponent;
 // Checks whether `element` is a React element of type `Component` (or one of
 // the passed components, if `Component` is an array of React components).
+// Checks whether `element` is a React element of type `Component` (or one of
+// the passed components, if `Component` is an array of React components).
 function isElementOfType(element, Component) {
     var _a;
     if (element == null || !(0, react_1.isValidElement)(element) || typeof element.type === 'string') {
         return false;
     }
     const { type: defaultType } = element;
-    // Type override allows components to bypass default wrapping behavior. Ex: Stack, ResourceList...
-    // See https://github.com/Airsoko/app-extension-libs/issues/996#issuecomment-710437088
     const overrideType = (_a = element.props) === null || _a === void 0 ? void 0 : _a.__type__;
     const type = overrideType || defaultType;
     const Components = Array.isArray(Component) ? Component : [Component];
     return Components.some((AComponent) => typeof type !== 'string' && isComponent(AComponent, type));
 }
 exports.isElementOfType = isElementOfType;
+// export function isElementOfType<TProps>(
+//   element: React.ReactNode | null | undefined,
+//   Component: React.ComponentType<TProps> | React.ComponentType<TProps>[],
+// ): boolean {
+//   if (element == null || !isValidElement(element) || typeof element.type === 'string') {
+//     return false
+//   }
+//   const { type: defaultType } = element
+//   // Type override allows components to bypass default wrapping behavior. Ex: Stack, ResourceList...
+//   // See https://github.com/Airsoko/app-extension-libs/issues/996#issuecomment-710437088
+//   const overrideType = element.props?.__type__
+//   const type = overrideType || defaultType
+//   const Components = Array.isArray(Component) ? Component : [Component]
+//   return Components.some((AComponent) => typeof type !== 'string' && isComponent(AComponent, type))
+// }
 // Returns all children that are valid elements as an array. Can optionally be
 // filtered by passing `predicate`.
 function elementChildren(children, predicate = () => true) {