@fluentui-react-native/framework-base 0.2.1 → 0.3.0

package/lib/merge-props/mergeStyles.test.js

@@ -1,94 +1,94 @@
 import { flattenStyle, mergeAndFlattenStyles, mergeStyles } from './mergeStyles';
 const s1 = [
-    { backgroundColor: 'blue' },
-    [{ color: 'red', borderWidth: 1 }, { fontFamily: 'segoe' }, [{ backgroundColor: 'bodyBackground' }]],
+  { backgroundColor: 'blue' },
+  [{ color: 'red', borderWidth: 1 }, { fontFamily: 'segoe' }, [{ backgroundColor: 'bodyBackground' }]],
 ];
 const s1flatten = {
-    backgroundColor: 'bodyBackground',
-    color: 'red',
-    borderWidth: 1,
-    fontFamily: 'segoe',
+  backgroundColor: 'bodyBackground',
+  color: 'red',
+  borderWidth: 1,
+  fontFamily: 'segoe',
 };
 const s2 = {
-    borderWidth: 2,
-    fontFamily: 'primary',
-    color: 'bodyText',
+  borderWidth: 2,
+  fontFamily: 'primary',
+  color: 'bodyText',
 };
 const sMerged = {
-    backgroundColor: 'bodyBackground',
-    borderWidth: 2,
-    fontFamily: 'primary',
-    color: 'bodyText',
+  backgroundColor: 'bodyBackground',
+  borderWidth: 2,
+  fontFamily: 'primary',
+  color: 'bodyText',
 };
 const sSelector = {
-    borderWidth: 1,
-    ':hover': {
-        borderWidth: 2,
-        fontFamily: 'primary',
-    },
+  borderWidth: 1,
+  ':hover': {
+    borderWidth: 2,
+    fontFamily: 'primary',
+  },
 };
 const sSelector2 = {
-    backgroundColor: 'white',
-    ':hover': {
-        backgroundColor: 'black',
-        borderWidth: 3,
-    },
+  backgroundColor: 'white',
+  ':hover': {
+    backgroundColor: 'black',
+    borderWidth: 3,
+  },
 };
 const sArraySelector = [[sSelector]];
 const sArraySelector2 = [sSelector2];
 const sMergedSelectors = {
-    borderWidth: 1,
-    backgroundColor: 'white',
-    ':hover': {
-        borderWidth: 3,
-        fontFamily: 'primary',
-        backgroundColor: 'black',
-    },
+  borderWidth: 1,
+  backgroundColor: 'white',
+  ':hover': {
+    borderWidth: 3,
+    fontFamily: 'primary',
+    backgroundColor: 'black',
+  },
 };
 describe('Style flatten and merge tests', () => {
-    test('flatten recursive arrays', () => {
-        const flattened = flattenStyle(s1);
-        expect(flattened).toEqual(s1flatten);
-        expect(flattened).not.toBe(s1);
-    });
-    test('flatten flat style returns style', () => {
-        const flattened = flattenStyle(s2);
-        expect(flattened).toBe(s2);
-    });
-    test('merge also flattens', () => {
-        const merged = mergeAndFlattenStyles(undefined, undefined, s1, s2);
-        expect(merged).toEqual(sMerged);
-    });
-    test('merge with sub objects', () => {
-        const merged = mergeAndFlattenStyles(undefined, undefined, sSelector, sSelector2);
-        expect(merged).toEqual(sMergedSelectors);
-    });
-    test('merge sub objects in arrays', () => {
-        const merged = mergeAndFlattenStyles(undefined, undefined, sArraySelector, sArraySelector2);
-        expect(merged).toEqual(sMergedSelectors);
-    });
-    test('memo recursive arrays', () => {
-        const flattened = mergeStyles(s1);
-        const flattened2 = mergeStyles(s1);
-        expect(flattened).toEqual(s1flatten);
-        expect(flattened2).toBe(flattened);
-    });
-    test('memo flat style', () => {
-        const flattened = mergeStyles(s2);
-        const flattened2 = mergeStyles(s2);
-        expect(flattened).toBe(s2);
-        expect(flattened2).toBe(flattened);
-    });
-    test('memo and flatten multiple', () => {
-        const flattened = mergeStyles(s1, s2);
-        const flattened2 = mergeStyles(s1, s2);
-        expect(flattened).toEqual(sMerged);
-        expect(flattened2).toBe(flattened);
-    });
-    test('memo styles ignores undefined values', () => {
-        const result1 = mergeStyles(s1, s2, undefined, s1flatten);
-        const result2 = mergeStyles(s1, undefined, s2, s1flatten);
-        expect(result2).toBe(result1);
-    });
+  test('flatten recursive arrays', () => {
+    const flattened = flattenStyle(s1);
+    expect(flattened).toEqual(s1flatten);
+    expect(flattened).not.toBe(s1);
+  });
+  test('flatten flat style returns style', () => {
+    const flattened = flattenStyle(s2);
+    expect(flattened).toBe(s2);
+  });
+  test('merge also flattens', () => {
+    const merged = mergeAndFlattenStyles(undefined, undefined, s1, s2);
+    expect(merged).toEqual(sMerged);
+  });
+  test('merge with sub objects', () => {
+    const merged = mergeAndFlattenStyles(undefined, undefined, sSelector, sSelector2);
+    expect(merged).toEqual(sMergedSelectors);
+  });
+  test('merge sub objects in arrays', () => {
+    const merged = mergeAndFlattenStyles(undefined, undefined, sArraySelector, sArraySelector2);
+    expect(merged).toEqual(sMergedSelectors);
+  });
+  test('memo recursive arrays', () => {
+    const flattened = mergeStyles(s1);
+    const flattened2 = mergeStyles(s1);
+    expect(flattened).toEqual(s1flatten);
+    expect(flattened2).toBe(flattened);
+  });
+  test('memo flat style', () => {
+    const flattened = mergeStyles(s2);
+    const flattened2 = mergeStyles(s2);
+    expect(flattened).toBe(s2);
+    expect(flattened2).toBe(flattened);
+  });
+  test('memo and flatten multiple', () => {
+    const flattened = mergeStyles(s1, s2);
+    const flattened2 = mergeStyles(s1, s2);
+    expect(flattened).toEqual(sMerged);
+    expect(flattened2).toBe(flattened);
+  });
+  test('memo styles ignores undefined values', () => {
+    const result1 = mergeStyles(s1, s2, undefined, s1flatten);
+    const result2 = mergeStyles(s1, undefined, s2, s1flatten);
+    expect(result2).toBe(result1);
+  });
 });
-//# sourceMappingURL=mergeStyles.test.js.map
+//# sourceMappingURL=mergeStyles.test.js.map

package/lib/merge-props/mergeStyles.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"mergeStyles.test.js","sourceRoot":"","sources":["../../src/merge-props/mergeStyles.test.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"mergeStyles.test.js","sourceRoot":"","sources":["../../src/merge-props/mergeStyles.test.ts"],"names":[],"mappings":"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"}

package/lib/merge-props/mergeStyles.types.d.ts

@@ -1,12 +1,12 @@
 /**
  * This is a copy of the react-native style prop type, copied here to avoid RN dependencies for web clients
  */
-type Falsy = undefined | null | false;
-type RecursiveArray<T> = (T | RecursiveArray<T>)[];
+type Falsy = undefined | null | false | '' | 0;
+type RecursiveArray<T> = readonly (T | RecursiveArray<T>)[] | (T | RecursiveArray<T>)[];
 /** Keep a brand of 'T' so that calls to `StyleSheet.flatten` can take `RegisteredStyle<T>` and return `T`. */
 type RegisteredStyle<T> = number & {
-    __registeredStyleBrand: T;
+  __registeredStyleBrand: T;
 };
 export type StyleProp<T> = T | RegisteredStyle<T> | RecursiveArray<T | RegisteredStyle<T> | Falsy> | Falsy;
 export {};
-//# sourceMappingURL=mergeStyles.types.d.ts.map
+//# sourceMappingURL=mergeStyles.types.d.ts.map

package/lib/merge-props/mergeStyles.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mergeStyles.types.d.ts","sourceRoot":"","sources":["../../src/merge-props/mergeStyles.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,KAAK,KAAK,GAAG,SAAS,GAAG,IAAI,GAAG,KAAK,CAAC;AACtC,KAAK,cAAc,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AACnD,8GAA8G;AAC9G,KAAK,eAAe,CAAC,CAAC,IAAI,MAAM,GAAG;IAAE,sBAAsB,EAAE,CAAC,CAAA;CAAE,CAAC;AAEjE,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,KAAK,CAAC"}
+{"version":3,"file":"mergeStyles.types.d.ts","sourceRoot":"","sources":["../../src/merge-props/mergeStyles.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,KAAK,KAAK,GAAG,SAAS,GAAG,IAAI,GAAG,KAAK,GAAG,EAAE,GAAG,CAAC,CAAC;AAC/C,KAAK,cAAc,CAAC,CAAC,IAAI,SAAS,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AACxF,8GAA8G;AAC9G,KAAK,eAAe,CAAC,CAAC,IAAI,MAAM,GAAG;IAAE,sBAAsB,EAAE,CAAC,CAAA;CAAE,CAAC;AAEjE,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,KAAK,CAAC"}

package/lib/merge-props/mergeStyles.types.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=mergeStyles.types.js.map
+//# sourceMappingURL=mergeStyles.types.js.map

package/lib/utilities/filterProps.d.ts

@@ -0,0 +1,3 @@
+export type PropsFilter = (propName: string) => boolean;
+export declare function filterProps<TProps>(props: TProps, filter?: PropsFilter): TProps;
+//# sourceMappingURL=filterProps.d.ts.map

package/lib/utilities/filterProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterProps.d.ts","sourceRoot":"","sources":["../../src/utilities/filterProps.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,WAAW,GAAG,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC;AAExD,wBAAgB,WAAW,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,WAAW,GAAG,MAAM,CAS/E"}

package/lib/utilities/filterProps.js

@@ -0,0 +1,12 @@
+import { mergeProps } from '../merge-props/mergeProps';
+export function filterProps(props, filter) {
+  if (filter && typeof props === 'object' && !Array.isArray(props)) {
+    const propsToRemove = filter ? Object.keys(props).filter((key) => !filter(key)) : undefined;
+    if (propsToRemove?.length > 0) {
+      const propsToRemoveObj = Object.fromEntries(propsToRemove.map((prop) => [prop, undefined]));
+      return mergeProps(props, propsToRemoveObj);
+    }
+  }
+  return props;
+}
+//# sourceMappingURL=filterProps.js.map

package/lib/utilities/filterProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterProps.js","sourceRoot":"","sources":["../../src/utilities/filterProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAIvD,MAAM,UAAU,WAAW,CAAS,KAAa,EAAE,MAAoB,EAAU;IAC/E,IAAI,MAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACjE,MAAM,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAC5F,IAAI,aAAa,EAAE,MAAM,GAAG,CAAC,EAAE,CAAC;YAC9B,MAAM,gBAAgB,GAAG,MAAM,CAAC,WAAW,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAW,CAAC;YACtG,OAAO,UAAU,CAAS,KAAK,EAAE,gBAAgB,CAAC,CAAC;QACrD,CAAC;IACH,CAAC;IACD,OAAO,KAAK,CAAC;AAAA,CACd"}

package/lib-commonjs/component-patterns/directComponent.d.ts

@@ -0,0 +1,7 @@
+import type { FunctionComponent } from './render.types';
+/**
+ * @param component functional component, usually a closure, to make into a direct component
+ * @return the same component with the direct component flag set, return type is a pure function component
+ */
+export declare function directComponent<TProps>(component: FunctionComponent<TProps>): FunctionComponent<TProps>;
+//# sourceMappingURL=directComponent.d.ts.map

package/lib-commonjs/component-patterns/directComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"directComponent.d.ts","sourceRoot":"","sources":["../../src/component-patterns/directComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD;;;GAGG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,SAAS,EAAE,iBAAiB,CAAC,MAAM,CAAC,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAEvG"}

package/lib-commonjs/component-patterns/directComponent.js

@@ -0,0 +1,11 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.directComponent = directComponent;
+/**
+ * @param component functional component, usually a closure, to make into a direct component
+ * @return the same component with the direct component flag set, return type is a pure function component
+ */
+function directComponent(component) {
+  return Object.assign(component, { _callDirect: true });
+}
+//# sourceMappingURL=directComponent.js.map

package/lib-commonjs/component-patterns/directComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"directComponent.js","sourceRoot":"","sources":["../../src/component-patterns/directComponent.ts"],"names":[],"mappings":";;;AAEA;;;GAGG;AACH,yBAAwC,SAAoC,EAA6B;IACvG,OAAO,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC;AAAA,CACxD"}

package/lib-commonjs/component-patterns/extract.d.ts

@@ -0,0 +1,22 @@
+import type { ViewStyle, TextStyle, ImageStyle } from 'react-native';
+type StyleTypes = ViewStyle | TextStyle | ImageStyle;
+/**
+ * Extract the props from a React element. If the element is undefined, undefined will be returned.
+ * @param element The React element from which to extract the props.
+ * @returns The extracted props or undefined if the element is undefined.
+ */
+export declare function extractProps<T extends object>(element?: React.ReactElement): T | undefined;
+/**
+ * Extract the children from a React element. If the element is undefined, undefined will be returned.
+ * @param element The React element from which to extract the children.
+ * @returns The extracted children or undefined if the element is undefined.
+ */
+export declare function extractChildren(element?: React.ReactElement): React.ReactNode | undefined;
+/**
+ * Extract a style object from a React element. If the element is undefined or does not have a style prop, an empty object will be returned.
+ * @param element The React element from which to extract the style.
+ * @returns The extracted style object or an empty object if not available.
+ */
+export declare function extractStyle<T extends StyleTypes = ViewStyle>(element?: React.ReactElement): T;
+export {};
+//# sourceMappingURL=extract.d.ts.map

package/lib-commonjs/component-patterns/extract.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"extract.d.ts","sourceRoot":"","sources":["../../src/component-patterns/extract.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAErE,KAAK,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAIrD;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,CAAC,GAAG,SAAS,CAE1F;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,SAAS,GAAG,SAAS,CAEzF;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,UAAU,GAAG,SAAS,EAAE,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,CAAC,CAE9F"}

package/lib-commonjs/component-patterns/extract.js

@@ -0,0 +1,30 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.extractProps = extractProps;
+exports.extractChildren = extractChildren;
+exports.extractStyle = extractStyle;
+/**
+ * Extract the props from a React element. If the element is undefined, undefined will be returned.
+ * @param element The React element from which to extract the props.
+ * @returns The extracted props or undefined if the element is undefined.
+ */
+function extractProps(element) {
+  return element ? element.props : undefined;
+}
+/**
+ * Extract the children from a React element. If the element is undefined, undefined will be returned.
+ * @param element The React element from which to extract the children.
+ * @returns The extracted children or undefined if the element is undefined.
+ */
+function extractChildren(element) {
+  return extractProps(element)?.children;
+}
+/**
+ * Extract a style object from a React element. If the element is undefined or does not have a style prop, an empty object will be returned.
+ * @param element The React element from which to extract the style.
+ * @returns The extracted style object or an empty object if not available.
+ */
+function extractStyle(element) {
+  return extractProps(element)?.style ?? {};
+}
+//# sourceMappingURL=extract.js.map

package/lib-commonjs/component-patterns/extract.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extract.js","sourceRoot":"","sources":["../../src/component-patterns/extract.ts"],"names":[],"mappings":";;;;;AAMA;;;;GAIG;AACH,sBAA+C,OAA4B,EAAiB;IAC1F,OAAO,OAAO,CAAC,CAAC,CAAE,OAAO,CAAC,KAAW,CAAC,CAAC,CAAC,SAAS,CAAC;AAAA,CACnD;AAED;;;;GAIG;AACH,yBAAgC,OAA4B,EAA+B;IACzF,OAAO,YAAY,CAAoB,OAAO,CAAC,EAAE,QAAQ,CAAC;AAAA,CAC3D;AAED;;;;GAIG;AACH,sBAA+D,OAA4B,EAAK;IAC9F,OAAQ,YAAY,CAAiB,OAAO,CAAC,EAAE,KAAW,IAAK,EAAQ,CAAC;AAAA,CACzE"}

package/lib-commonjs/component-patterns/phasedComponent.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { PhasedRender, FunctionComponent } from './render.types';
+/**
+ * Extract the phased render function from a component, if it has one.
+ * Handles both the newer PhasedComponent pattern (_phasedRender) and the legacy
+ * ComposableFunction pattern (_staged) for backward compatibility.
+ *
+ * @param component - The component to extract the phased render from
+ * @returns The phased render function if present, undefined otherwise
+ */
+export declare function getPhasedRender<TProps>(component: React.ComponentType<TProps>): PhasedRender<TProps> | undefined;
+/**
+ * Take a phased render function and make a real component out of it, attaching the phased render function
+ * so it can be split if used in that manner.
+ * @param getInnerPhase - phased render function to wrap into a staged component
+ */
+export declare function phasedComponent<TProps>(getInnerPhase: PhasedRender<TProps>): FunctionComponent<TProps>;
+//# sourceMappingURL=phasedComponent.d.ts.map

package/lib-commonjs/component-patterns/phasedComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"phasedComponent.d.ts","sourceRoot":"","sources":["../../src/component-patterns/phasedComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAuC,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAI3G;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,YAAY,CAAC,MAAM,CAAC,GAAG,SAAS,CAuBhH;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,aAAa,EAAE,YAAY,CAAC,MAAM,CAAC,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAUtG"}

package/lib-commonjs/component-patterns/phasedComponent.js

@@ -0,0 +1,60 @@
+'use strict';
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.getPhasedRender = getPhasedRender;
+exports.phasedComponent = phasedComponent;
+const react_1 = __importDefault(require('react'));
+const render_1 = require('./render');
+/**
+ * Extract the phased render function from a component, if it has one.
+ * Handles both the newer PhasedComponent pattern (_phasedRender) and the legacy
+ * ComposableFunction pattern (_staged) for backward compatibility.
+ *
+ * @param component - The component to extract the phased render from
+ * @returns The phased render function if present, undefined otherwise
+ */
+function getPhasedRender(component) {
+  // only a function component can have a phased render
+  if (typeof component === 'function') {
+    // if this has a phased render function, return it
+    if (component._phasedRender) {
+      return component._phasedRender;
+    } else if (component._staged) {
+      // for backward compatibility check for staged render and return a wrapper that maps the signature
+      const staged = component._staged;
+      return (props) => {
+        const { children, ...rest } = props;
+        const inner = staged(rest, ...react_1.default.Children.toArray(children));
+        // staged render functions were not consistently marking contents as composable, though they were treated
+        // as such in useHook. To maintain compatibility we mark the returned function as composable here. This was
+        // dangerous, but this shim is necessary for backward compatibility. The newer pattern is explicit about this.
+        if (typeof inner === 'function' && !inner._canCompose) {
+          return Object.assign(inner, { _canCompose: true });
+        }
+        return inner;
+      };
+    }
+  }
+  return undefined;
+}
+/**
+ * Take a phased render function and make a real component out of it, attaching the phased render function
+ * so it can be split if used in that manner.
+ * @param getInnerPhase - phased render function to wrap into a staged component
+ */
+function phasedComponent(getInnerPhase) {
+  return Object.assign(
+    (props) => {
+      // pull out children from props
+      const { children, ...outerProps } = props;
+      const Inner = getInnerPhase(outerProps);
+      return (0, render_1.renderForJsxRuntime)(Inner, { children });
+    },
+    { _phasedRender: getInnerPhase },
+  );
+}
+//# sourceMappingURL=phasedComponent.js.map

package/lib-commonjs/component-patterns/phasedComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"phasedComponent.js","sourceRoot":"","sources":["../../src/component-patterns/phasedComponent.ts"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAE1B,qCAA+C;AAG/C;;;;;;;GAOG;AACH,yBAAwC,SAAsC,EAAoC;IAChH,qDAAqD;IACrD,IAAI,OAAO,SAAS,KAAK,UAAU,EAAE,CAAC;QACpC,kDAAkD;QAClD,IAAK,SAAqC,CAAC,aAAa,EAAE,CAAC;YACzD,OAAQ,SAAqC,CAAC,aAAa,CAAC;QAC9D,CAAC;aAAM,IAAK,SAAwC,CAAC,OAAO,EAAE,CAAC;YAC7D,kGAAkG;YAClG,MAAM,MAAM,GAAI,SAAwC,CAAC,OAAO,CAAC;YACjE,OAAO,CAAC,KAAa,EAAE,EAAE,CAAC;gBACxB,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAwC,CAAC;gBACvE,MAAM,KAAK,GAAG,MAAM,CAAC,IAAc,EAAE,GAAG,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;gBAC1E,yGAAyG;gBACzG,2GAA2G;gBAC3G,8GAA8G;gBAC9G,IAAI,OAAO,KAAK,KAAK,UAAU,IAAI,CAAE,KAAuC,CAAC,WAAW,EAAE,CAAC;oBACzF,OAAO,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC;gBACrD,CAAC;gBACD,OAAO,KAAK,CAAC;YAAA,CACd,CAAC;QACJ,CAAC;IACH,CAAC;IACD,OAAO,SAAS,CAAC;AAAA,CAClB;AAED;;;;GAIG;AACH,yBAAwC,aAAmC,EAA6B;IACtG,OAAO,MAAM,CAAC,MAAM,CAClB,CAAC,KAAsC,EAAE,EAAE,CAAC;QAC1C,+BAA+B;QAC/B,MAAM,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;QAC1C,MAAM,KAAK,GAAG,aAAa,CAAC,UAAoB,CAAC,CAAC;QAClD,OAAO,IAAA,4BAAmB,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;IAAA,CACjD,EACD,EAAE,aAAa,EAAE,aAAa,EAAE,CACjC,CAAC;AAAA,CACH"}

package/lib-commonjs/component-patterns/render.d.ts

@@ -1,8 +1,14 @@
 import React from 'react';
 import * as ReactJSX from 'react/jsx-runtime';
-import type { RenderType, RenderResult } from './render.types';
+import type { RenderType, RenderResult, DirectComponent } from './render.types';
 export type CustomRender = () => RenderResult;
-export declare function renderForJsxRuntime<TProps>(type: React.ElementType, props: React.PropsWithChildren<TProps>, key?: React.Key, jsxFn?: typeof ReactJSX.jsx): RenderResult;
+export declare function asDirectComponent<TProps>(type: RenderType): DirectComponent<TProps> | undefined;
+export declare function renderForJsxRuntime<TProps>(
+  type: React.ElementType,
+  props: React.PropsWithChildren<TProps>,
+  key?: React.Key,
+  jsxFn?: typeof ReactJSX.jsx,
+): RenderResult;
 export declare function renderForClassicRuntime<TProps>(type: RenderType, props: TProps, ...children: React.ReactNode[]): RenderResult;
 export declare const renderSlot: typeof renderForClassicRuntime;
-//# sourceMappingURL=render.d.ts.map
+//# sourceMappingURL=render.d.ts.map

package/lib-commonjs/component-patterns/render.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../src/component-patterns/render.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAA0C,MAAM,gBAAgB,CAAC;AAEvG,MAAM,MAAM,YAAY,GAAG,MAAM,YAAY,CAAC;AAgB9C,wBAAgB,mBAAmB,CAAC,MAAM,EACxC,IAAI,EAAE,KAAK,CAAC,WAAW,EACvB,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,EACtC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,EACf,KAAK,GAAE,OAAO,QAAQ,CAAC,GAAkB,GACxC,YAAY,CAad;AAED,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,GAAG,YAAY,CAW7H;AAED,eAAO,MAAM,UAAU,gCAA0B,CAAC"}
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../src/component-patterns/render.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,eAAe,EAAyB,MAAM,gBAAgB,CAAC;AAEvG,MAAM,MAAM,YAAY,GAAG,MAAM,YAAY,CAAC;AAE9C,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,IAAI,EAAE,UAAU,GAAG,eAAe,CAAC,MAAM,CAAC,GAAG,SAAS,CAK/F;AASD,wBAAgB,mBAAmB,CAAC,MAAM,EACxC,IAAI,EAAE,KAAK,CAAC,WAAW,EACvB,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,EACtC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,EACf,KAAK,GAAE,OAAO,QAAQ,CAAC,GAAe,GACrC,YAAY,CA4Bd;AAED,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,GAAG,YAAY,CAI7H;AAED,eAAO,MAAM,UAAU,gCAA0B,CAAC"}

package/lib-commonjs/component-patterns/render.js

@@ -1,73 +1,110 @@
-"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 (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __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.renderSlot = exports.renderForClassicRuntime = exports.renderForJsxRuntime = void 0;
-const react_1 = __importDefault(require("react"));
-const ReactJSX = __importStar(require("react/jsx-runtime"));
+'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.renderSlot = void 0;
+exports.asDirectComponent = asDirectComponent;
+exports.renderForJsxRuntime = renderForJsxRuntime;
+exports.renderForClassicRuntime = renderForClassicRuntime;
+const react_1 = __importDefault(require('react'));
+const ReactJSX = __importStar(require('react/jsx-runtime'));
 function asDirectComponent(type) {
-    if (typeof type === 'function' && type._callDirect) {
-        return type;
-    }
-    return undefined;
+  if (typeof type === 'function' && type._callDirect) {
+    return type;
+  }
+  return undefined;
 }
 function asLegacyDirectComponent(type) {
-    if (typeof type === 'function' && type._canCompose) {
-        return type;
-    }
-    return undefined;
+  if (typeof type === 'function' && type._canCompose) {
+    return type;
+  }
+  return undefined;
 }
-function renderForJsxRuntime(type, props, key, jsxFn = ReactJSX.jsx) {
-    const legacyDirect = asLegacyDirectComponent(type);
-    if (legacyDirect) {
-        const { children, ...rest } = props;
-        const newProps = { ...rest, key };
-        return legacyDirect(newProps, ...react_1.default.Children.toArray(children));
+function renderForJsxRuntime(type, props, key, jsxFn = undefined) {
+  const legacyDirect = asLegacyDirectComponent(type);
+  if (legacyDirect) {
+    const { children, ...rest } = props;
+    const newProps = { ...rest, key };
+    return legacyDirect(newProps, ...react_1.default.Children.toArray(children));
+  }
+  const directComponent = asDirectComponent(type);
+  if (directComponent) {
+    const newProps = { ...props, key };
+    return directComponent(newProps);
+  }
+  // auto-detect whether to use jsx or jsxs based on number of children, 0 or 1 = jsx, more than 1 = jsxs
+  if (!jsxFn) {
+    if (react_1.default.Children.count(props.children) > 1) {
+      jsxFn = ReactJSX.jsxs;
+    } else {
+      jsxFn = ReactJSX.jsx;
     }
-    const directComponent = asDirectComponent(type);
-    if (directComponent) {
-        const newProps = { ...props, key };
-        return directComponent(newProps);
-    }
-    return jsxFn(type, props, key);
+  }
+  // Extract key from props to avoid React 19 warning about spreading key prop
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const { key: propsKey, ...propsWithoutKey } = props;
+  // Use explicitly passed key, or fall back to key from props
+  const finalKey = key ?? propsKey;
+  // now call the appropriate jsx function to render the component
+  return jsxFn(type, propsWithoutKey, finalKey);
 }
-exports.renderForJsxRuntime = renderForJsxRuntime;
 function renderForClassicRuntime(type, props, ...children) {
-    const legacyDirect = asLegacyDirectComponent(type);
-    if (legacyDirect) {
-        return legacyDirect(props, ...children);
-    }
-    const directComponent = asDirectComponent(type);
-    if (directComponent) {
-        const newProps = { ...props, children };
-        return directComponent(newProps);
-    }
-    return react_1.default.createElement(type, props, ...children);
+  // if it is a non-string type with _canCompose set just call the function directly, otherwise call createElement as normal
+  const propsWithChildren = { children, ...props };
+  return renderForJsxRuntime(type, propsWithChildren);
 }
-exports.renderForClassicRuntime = renderForClassicRuntime;
 exports.renderSlot = renderForClassicRuntime;
-//# sourceMappingURL=render.js.map
+//# sourceMappingURL=render.js.map