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

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

@@ -1,21 +0,0 @@
-import * as React from 'react';
-/**
- * Component slots have a marker which allows the slot render handler to know which ones are safe to call as a function.
- */
-export type SlotFn<TProps> = React.FunctionComponent<TProps> & {
-    _canCompose?: boolean;
-};
-/**
- * The standard element type inputs for react and react-native. This might be View or Button, or it might be 'div' in web. Effectively
- * it is what react accepts for React.createElement
- */
-export type NativeReactType = React.ElementType<any> | string;
-/**
- * Renders a slot
- *
- * @param slot - native react type or slot function to render
- * @param extraProps - additional props to mixin
- * @param children - the children to pass down to the slot
- */
-export declare function renderSlot<TProps>(slot: NativeReactType | SlotFn<TProps>, extraProps: TProps, ...children: React.ReactNode[]): React.ReactElement<any, any>;
-//# sourceMappingURL=renderSlot.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"renderSlot.d.ts","sourceRoot":"","sources":["../../src/component-patterns/renderSlot.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;GAEG;AACH,MAAM,MAAM,MAAM,CAAC,MAAM,IAAI,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,GAAG;IAC7D,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC;AAE9D;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,MAAM,EAAE,IAAI,EAAE,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,gCAI5H"}

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

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderSlot = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-/**
- * Renders a slot
- *
- * @param slot - native react type or slot function to render
- * @param extraProps - additional props to mixin
- * @param children - the children to pass down to the slot
- */
-function renderSlot(slot, extraProps, ...children) {
-    return typeof slot === 'function' && slot._canCompose
-        ? slot(extraProps, ...children)
-        : React.createElement(slot, extraProps, ...children);
-}
-exports.renderSlot = renderSlot;
-//# sourceMappingURL=renderSlot.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"renderSlot.js","sourceRoot":"","sources":["../../src/component-patterns/renderSlot.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAe/B;;;;;;GAMG;AACH,SAAgB,UAAU,CAAS,IAAsC,EAAE,UAAkB,EAAE,GAAG,QAA2B;IAC3H,OAAO,OAAO,IAAI,KAAK,UAAU,IAAK,IAAuB,CAAC,WAAW;QACvE,CAAC,CAAE,IAAuB,CAAC,UAAU,EAAE,GAAG,QAAQ,CAAC;QACnD,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,UAAU,EAAE,GAAG,QAAQ,CAAC,CAAC;AACzD,CAAC;AAJD,gCAIC"}

package/src/component-patterns/renderSlot.ts

@@ -1,27 +0,0 @@
-import * as React from 'react';
-
-/**
- * Component slots have a marker which allows the slot render handler to know which ones are safe to call as a function.
- */
-export type SlotFn<TProps> = React.FunctionComponent<TProps> & {
-  _canCompose?: boolean;
-};
-
-/**
- * The standard element type inputs for react and react-native. This might be View or Button, or it might be 'div' in web. Effectively
- * it is what react accepts for React.createElement
- */
-export type NativeReactType = React.ElementType<any> | string;
-
-/**
- * Renders a slot
- *
- * @param slot - native react type or slot function to render
- * @param extraProps - additional props to mixin
- * @param children - the children to pass down to the slot
- */
-export function renderSlot<TProps>(slot: NativeReactType | SlotFn<TProps>, extraProps: TProps, ...children: React.ReactNode[]) {
-  return typeof slot === 'function' && (slot as SlotFn<TProps>)._canCompose
-    ? (slot as SlotFn<TProps>)(extraProps, ...children)
-    : React.createElement(slot, extraProps, ...children);
-}

package/src/component-patterns/stagedComponent.ts

@@ -1,53 +0,0 @@
-import * as React from 'react';
-
-/**
- * The final rendering of the props in a staged render. This is the function component signature that matches that of
- * React.createElement, children (if present) will be part of the variable args at the end.
- */
-export type FinalRender<TProps> = (props: TProps, ...children: React.ReactNode[]) => JSX.Element | null;
-
-/**
- * This is a pattern of rendering where a functional component can be executed in two stages rather than in a single pass.
- *
- * The pattern looks like:
- * (props) => {
- *   // handle props
- *   // call hooks, remember these can't be conditional
- *   // build styles and props to pass to child components
- *
- *   return (additionalProps, ...children) => {
- *     // return the actual element tree, this includes conditional branching or rendering
- *     // mixin additional props, props which require logic should be required in phase 1.
- *
- *     // NOTE: This is where children will show up
- *   };
- * }
- */
-
-export type StagedRender<TProps> = (props: TProps, ...args: any[]) => FinalRender<TProps>;
-
-/**
- * A composable function may have a two stage render function as an attached property. This allows the function to work
- * in all the standard react flows, but allows for pulling out the staged render when components understand it.
- */
-export type ComposableFunction<TProps> = React.FunctionComponent<TProps> & { _staged?: StagedRender<TProps> };
-
-function asArray<T>(val: T | T[]): T[] {
-  return Array.isArray(val) ? val : [val];
-}
-
-/**
- * Take a staged render function and make a real component out of it
- *
- * @param staged - staged render function to wrap into a staged component
- * @param memo - optional flag to enable wrapping the created component in a React.memo HOC
- */
-export function stagedComponent<TProps>(staged: StagedRender<TProps>, memo?: boolean): ComposableFunction<TProps> {
-  const component = (props: React.PropsWithChildren<TProps>) => {
-    const { children, ...rest } = props;
-    return staged(rest as TProps)({} as React.PropsWithChildren<TProps>, asArray(children));
-  };
-  const stagedComponent = memo ? React.memo(component) : component;
-  Object.assign(stagedComponent, { _staged: staged });
-  return stagedComponent as ComposableFunction<TProps>;
-}