@fluentui/react-utilities 9.0.0-alpha.9 → 9.0.0-beta.4

package/lib-amd/utils/properties.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"properties.js","sourceRoot":"../src/","sources":["utils/properties.ts"],"names":[],"mappings":"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","sourcesContent":["const toObjectMap = (...items: (string[] | Record<string, number>)[]) => {\n  const result: Record<string, number> = {};\n\n  for (const item of items) {\n    const keys = Array.isArray(item) ? item : Object.keys(item);\n\n    for (const key of keys) {\n      result[key] = 1;\n    }\n  }\n\n  return result;\n};\n\n/**\n * An array of events that are allowed on every html element type.\n *\n * @public\n */\nexport const baseElementEvents = toObjectMap([\n  'onCopy',\n  'onCut',\n  'onPaste',\n  'onCompositionEnd',\n  'onCompositionStart',\n  'onCompositionUpdate',\n  'onFocus',\n  'onFocusCapture',\n  'onBlur',\n  'onBlurCapture',\n  'onChange',\n  'onInput',\n  'onSubmit',\n  'onLoad',\n  'onError',\n  'onKeyDown',\n  'onKeyDownCapture',\n  'onKeyPress',\n  'onKeyUp',\n  'onAbort',\n  'onCanPlay',\n  'onCanPlayThrough',\n  'onDurationChange',\n  'onEmptied',\n  'onEncrypted',\n  'onEnded',\n  'onLoadedData',\n  'onLoadedMetadata',\n  'onLoadStart',\n  'onPause',\n  'onPlay',\n  'onPlaying',\n  'onProgress',\n  'onRateChange',\n  'onSeeked',\n  'onSeeking',\n  'onStalled',\n  'onSuspend',\n  'onTimeUpdate',\n  'onVolumeChange',\n  'onWaiting',\n  'onClick',\n  'onClickCapture',\n  'onContextMenu',\n  'onDoubleClick',\n  'onDrag',\n  'onDragEnd',\n  'onDragEnter',\n  'onDragExit',\n  'onDragLeave',\n  'onDragOver',\n  'onDragStart',\n  'onDrop',\n  'onMouseDown',\n  'onMouseDownCapture',\n  'onMouseEnter',\n  'onMouseLeave',\n  'onMouseMove',\n  'onMouseOut',\n  'onMouseOver',\n  'onMouseUp',\n  'onMouseUpCapture',\n  'onSelect',\n  'onTouchCancel',\n  'onTouchEnd',\n  'onTouchMove',\n  'onTouchStart',\n  'onScroll',\n  'onWheel',\n  'onPointerCancel',\n  'onPointerDown',\n  'onPointerEnter',\n  'onPointerLeave',\n  'onPointerMove',\n  'onPointerOut',\n  'onPointerOver',\n  'onPointerUp',\n  'onGotPointerCapture',\n  'onLostPointerCapture',\n]);\n\n/**\n * An array of element attributes which are allowed on every html element type.\n *\n * @public\n */\nexport const baseElementProperties = toObjectMap([\n  'accessKey', // global\n  'children', // global\n  'className', // global\n  'contentEditable', // global\n  'dir', // global\n  'draggable', // global\n  'hidden', // global\n  'htmlFor', // global\n  'id', // global\n  'lang', // global\n  'ref', // global\n  'role', // global\n  'style', // global\n  'tabIndex', // global\n  'title', // global\n  'translate', // global\n  'spellCheck', // global\n  'name', // global\n]);\n\n/**\n * An array of HTML element properties and events.\n *\n * @public\n */\nexport const htmlElementProperties = toObjectMap(baseElementProperties, baseElementEvents);\n\n/**\n * An array of LABEL tag properties and events.\n *\n * @public\n */\nexport const labelProperties = toObjectMap(htmlElementProperties, [\n  'form', // button, fieldset, input, label, meter, object, output, select, textarea\n]);\n\n/**\n * An array of AUDIO tag properties and events.\n\n * @public\n */\nexport const audioProperties = toObjectMap(htmlElementProperties, [\n  'height', // canvas, embed, iframe, img, input, object, video\n  'loop', // audio, video\n  'muted', // audio, video\n  'preload', // audio, video\n  'src', // audio, embed, iframe, img, input, script, source, track, video\n  'width', // canvas, embed, iframe, img, input, object, video\n]);\n\n/**\n * An array of VIDEO tag properties and events.\n *\n * @public\n */\nexport const videoProperties = toObjectMap(audioProperties, [\n  'poster', // video\n]);\n\n/**\n * An array of OL tag properties and events.\n *\n * @public\n */\nexport const olProperties = toObjectMap(htmlElementProperties, [\n  'start', // ol\n]);\n\n/**\n * An array of LI tag properties and events.\n *\n * @public\n */\nexport const liProperties = toObjectMap(htmlElementProperties, [\n  'value', // button, input, li, option, meter, progress, param\n]);\n\n/**\n * An array of A tag properties and events.\n *\n * @public\n */\nexport const anchorProperties = toObjectMap(htmlElementProperties, [\n  'download', // a, area\n  'href', // a, area, base, link\n  'hrefLang', // a, area, link\n  'media', // a, area, link, source, style\n  'rel', // a, area, link\n  'target', // a, area, base, form\n  'type', // a, button, input, link, menu, object, script, source, style\n]);\n\n/**\n * An array of BUTTON tag properties and events.\n *\n * @public\n */\nexport const buttonProperties = toObjectMap(htmlElementProperties, [\n  'autoFocus', // button, input, select, textarea\n  'disabled', // button, fieldset, input, optgroup, option, select, textarea\n  'form', // button, fieldset, input, label, meter, object, output, select, textarea\n  'formAction', // input, button\n  'formEncType', // input, button\n  'formMethod', // input, button\n  'formNoValidate', // input, button\n  'formTarget', // input, button\n  'type', // a, button, input, link, menu, object, script, source, style\n  'value', // button, input, li, option, meter, progress, param,\n]);\n\n/**\n * An array of INPUT tag properties and events.\n *\n * @public\n */\nexport const inputProperties = toObjectMap(buttonProperties, [\n  'accept', // input\n  'alt', // area, img, input\n  'autoCapitalize', // input, textarea\n  'autoComplete', // form, input\n  'checked', // input\n  'dirname', // input, textarea\n  'form', // button, fieldset, input, label, meter, object, output, select, textarea\n  'height', // canvas, embed, iframe, img, input, object, video\n  'inputMode', // input\n  'list', // input\n  'max', // input, meter\n  'maxLength', // input, textarea\n  'min', // input, meter\n  'multiple', // input, select\n  'pattern', // input\n  'placeholder', // input, textarea\n  'readOnly', // input, textarea\n  'required', // input, select, textarea\n  'src', // audio, embed, iframe, img, input, script, source, track, video\n  'step', // input\n  'size', // input\n  'type', // a, button, input, link, menu, object, script, source, style\n  'value', // button, input, li, option, meter, progress, param\n  'width', // canvas, embed, iframe, img, input, object, video\n]);\n\n/**\n * An array of TEXTAREA tag properties and events.\n *\n * @public\n */\nexport const textAreaProperties = toObjectMap(buttonProperties, [\n  'autoCapitalize', // input, textarea\n  'cols', // textarea\n  'dirname', // input, textarea\n  'form', // button, fieldset, input, label, meter, object, output, select, textarea\n  'maxLength', // input, textarea\n  'placeholder', // input, textarea\n  'readOnly', // input, textarea\n  'required', // input, select, textarea\n  'rows', // textarea\n  'wrap', // textarea\n]);\n\n/**\n * An array of SELECT tag properties and events.\n *\n * @public\n */\nexport const selectProperties = toObjectMap(buttonProperties, [\n  'form', // button, fieldset, input, label, meter, object, output, select, textarea\n  'multiple', // input, select\n  'required', // input, select, textarea\n]);\n\nexport const optionProperties = toObjectMap(htmlElementProperties, [\n  'selected', // option\n  'value', // button, input, li, option, meter, progress, param\n]);\n\n/**\n * An array of TABLE tag properties and events.\n *\n * @public\n */\nexport const tableProperties = toObjectMap(htmlElementProperties, [\n  'cellPadding', // table\n  'cellSpacing', // table\n]);\n\n/**\n * An array of TR tag properties and events.\n *\n * @public\n */\nexport const trProperties = htmlElementProperties;\n\n/**\n * An array of TH tag properties and events.\n *\n * @public\n */\nexport const thProperties = toObjectMap(htmlElementProperties, [\n  'rowSpan', // td, th\n  'scope', // th\n]);\n\n/**\n * An array of TD tag properties and events.\n *\n * @public\n */\nexport const tdProperties = toObjectMap(htmlElementProperties, [\n  'colSpan', // td\n  'headers', // td\n  'rowSpan', // td, th\n  'scope', // th\n]);\n\nexport const colGroupProperties = toObjectMap(htmlElementProperties, [\n  'span', // col, colgroup\n]);\n\nexport const colProperties = toObjectMap(htmlElementProperties, [\n  'span', // col, colgroup\n]);\n\n/**\n * An array of FORM tag properties and events.\n *\n * @public\n */\nexport const formProperties = toObjectMap(htmlElementProperties, [\n  'acceptCharset', // form\n  'action', // form\n  'encType', // form\n  'encType', // form\n  'method', // form\n  'noValidate', // form\n  'target', // form\n]);\n\n/**\n * An array of IFRAME tag properties and events.\n *\n * @public\n */\nexport const iframeProperties = toObjectMap(htmlElementProperties, [\n  'allow', // iframe\n  'allowFullScreen', // iframe\n  'allowPaymentRequest', // iframe\n  'allowTransparency', // iframe\n  'csp', // iframe\n  'height', // canvas, embed, iframe, img, input, object, video\n  'importance', // iframe\n  'referrerPolicy', // iframe\n  'sandbox', // iframe\n  'src', // audio, embed, iframe, img, input, script, source, track, video\n  'srcDoc', // iframe\n  'width', // canvas, embed, iframe, img, input, object, video,\n]);\n\n/**\n * An array of IMAGE tag properties and events.\n *\n * @public\n */\nexport const imgProperties = toObjectMap(htmlElementProperties, [\n  'alt', // area, img, input\n  'crossOrigin', // img\n  'height', // canvas, embed, iframe, img, input, object, video\n  'src', // audio, embed, iframe, img, input, script, source, track, video\n  'srcSet', // img, source\n  'useMap', // img, object,\n  'width', // canvas, embed, iframe, img, input, object, video\n]);\n\n/**\n * @deprecated Use imgProperties for img elements.\n */\nexport const imageProperties = imgProperties;\n\n/**\n * An array of DIV tag properties and events.\n *\n * @public\n */\nexport const divProperties = htmlElementProperties;\n\n/**\n * Gets native supported props for an html element provided the allowance set. Use one of the property\n * sets defined (divProperties, buttonPropertes, etc) to filter out supported properties from a given\n * props set. Note that all data- and aria- prefixed attributes will be allowed.\n * NOTE: getNativeProps should always be applied first when adding props to a react component. The\n * non-native props should be applied second. This will prevent getNativeProps from overriding your custom props.\n * For example, if props passed to getNativeProps has an onClick function and getNativeProps is added to\n * the component after an onClick function is added, then the getNativeProps onClick will override it.\n *\n * @public\n * @param props - The unfiltered input props\n * @param allowedPropsNames - The array or record of allowed prop names.\n * @returns The filtered props\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function getNativeProps<T extends Record<string, any>>(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  props: Record<string, any>,\n  allowedPropNames: string[] | Record<string, number>,\n  excludedPropNames?: string[],\n): T {\n  // It'd be great to properly type this while allowing 'aria-` and 'data-' attributes like TypeScript does for\n  // JSX attributes, but that ability is hardcoded into the TS compiler with no analog in TypeScript typings.\n  // Then we'd be able to enforce props extends native props (including aria- and data- attributes), and then\n  // return native props.\n  // We should be able to do this once this PR is merged: https://github.com/microsoft/TypeScript/pull/26797\n\n  const isArray = Array.isArray(allowedPropNames);\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const result: Record<string, any> = {};\n  const keys = Object.keys(props);\n\n  for (const key of keys) {\n    const isNativeProp =\n      (!isArray && (allowedPropNames as Record<string, number>)[key]) ||\n      (isArray && (allowedPropNames as string[]).indexOf(key) >= 0) ||\n      key.indexOf('data-') === 0 ||\n      key.indexOf('aria-') === 0;\n\n    if (isNativeProp && (!excludedPropNames || excludedPropNames?.indexOf(key) === -1)) {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      result[key] = props![key] as any;\n    }\n  }\n\n  return result as T;\n}\n"]}

package/lib-commonjs/compose/makeMergeProps.d.ts

@@ -1,15 +0,0 @@
-export declare type MergePropsOptions = {
-    /**
-     * A list of props to deep merge. By default, `style` will
-     * always be deep merged so it's not required to be provided.
-     */
-    deepMerge?: string[];
-};
-/**
- * Helper which deep clones props, but respectively assigns JSX, object refs, and class names
- * appropriately.
- *
- * @param target - the target object to merge onto.
- * @param propSets - one or more prop sets to deep merge onto the target.
- */
-export declare const makeMergeProps: <TState = Record<string, any>>(options?: MergePropsOptions) => (target: Record<string, any>, ...propSets: (Record<string, any> | undefined)[]) => TState;

package/lib-commonjs/compose/makeMergeProps.js

@@ -1,98 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var React = require("react");
-/**
- * Concatination helper, which can merge class names together. Skips over falsey values.
- *
- * @public
- */
-function css() {
-    var args = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        args[_i] = arguments[_i];
-    }
-    var classes = [];
-    for (var _a = 0, args_1 = args; _a < args_1.length; _a++) {
-        var arg = args_1[_a];
-        if (arg) {
-            if (typeof arg === 'string') {
-                classes.push(arg);
-            }
-            else if (arg.hasOwnProperty('toString') && typeof arg.toString === 'function') {
-                classes.push(arg.toString());
-            }
-            else {
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                for (var key in arg) {
-                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                    if (arg[key]) {
-                        classes.push(key);
-                    }
-                }
-            }
-        }
-    }
-    return classes.join(' ');
-}
-/**
- * Helper which deep clones props, but respectively assigns JSX, object refs, and class names
- * appropriately.
- *
- * @param target - the target object to merge onto.
- * @param propSets - one or more prop sets to deep merge onto the target.
- */
-exports.makeMergeProps = function (options) {
-    if (options === void 0) { options = {}; }
-    var deepMerge = tslib_1.__spreadArrays((options.deepMerge || []), ['style']);
-    var mergeProps = function (target) {
-        var propSets = [];
-        for (var _i = 1; _i < arguments.length; _i++) {
-            propSets[_i - 1] = arguments[_i];
-        }
-        for (var _a = 0, propSets_1 = propSets; _a < propSets_1.length; _a++) {
-            var props = propSets_1[_a];
-            if (props) {
-                for (var _b = 0, _c = Object.keys(props); _b < _c.length; _b++) {
-                    var propName = _c[_b];
-                    var propValue = props[propName];
-                    var propValueType = typeof propValue;
-                    if (propValue !== undefined) {
-                        if (propValue && propValueType === 'object') {
-                            if (Array.isArray(propValue)) {
-                                // for arrays, replace.
-                                target[propName] = propValue;
-                            }
-                            else {
-                                target[propName] = target[propName] || {};
-                                if (typeof target[propName] !== 'object' ||
-                                    React.isValidElement(propValue) ||
-                                    (propValue && typeof propValue === 'object' && propValue.hasOwnProperty('current')) ||
-                                    deepMerge.indexOf(propName) === -1) {
-                                    // if target is not an object, or value is JSX,  or a ref object, replace
-                                    target[propName] = propValue;
-                                }
-                                else {
-                                    // else deep merge.
-                                    mergeProps(target[propName], propValue);
-                                }
-                            }
-                        }
-                        else if (propName === 'className') {
-                            if (propValue) {
-                                // for classnames, append
-                                target[propName] = css(target[propName], propValue);
-                            }
-                        }
-                        else {
-                            target[propName] = propValue;
-                        }
-                    }
-                }
-            }
-        }
-        return target;
-    };
-    return mergeProps;
-};
-//# sourceMappingURL=makeMergeProps.js.map

package/lib-commonjs/compose/makeMergeProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"makeMergeProps.js","sourceRoot":"../src/","sources":["compose/makeMergeProps.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport { GenericDictionary } from './types';\n\n// TODO\n// css() function is temporary there, ax() should be used instead, but it's not possible now due possible\n// circular dependencies\n\n/**\n * Dictionary of booleans.\n *\n * @internal\n */\ninterface Dictionary {\n  [className: string]: boolean;\n}\n\n/**\n * Serializable object.\n *\n * @internal\n */\ninterface SerializableObject {\n  toString?: () => string;\n}\n\n/**\n * css input type.\n *\n * @internal\n */\ntype CssInput = string | SerializableObject | Dictionary | null | undefined | boolean;\n\n/**\n * Concatination helper, which can merge class names together. Skips over falsey values.\n *\n * @public\n */\nfunction css(...args: CssInput[]): string {\n  const classes = [];\n\n  for (const arg of args) {\n    if (arg) {\n      if (typeof arg === 'string') {\n        classes.push(arg);\n      } else if (arg.hasOwnProperty('toString') && typeof arg.toString === 'function') {\n        classes.push(arg.toString());\n      } else {\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        for (const key in arg as any) {\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          if ((arg as any)[key]) {\n            classes.push(key);\n          }\n        }\n      }\n    }\n  }\n\n  return classes.join(' ');\n}\n\nexport type MergePropsOptions = {\n  /**\n   * A list of props to deep merge. By default, `style` will\n   * always be deep merged so it's not required to be provided.\n   */\n  deepMerge?: string[];\n};\n\n/**\n * Helper which deep clones props, but respectively assigns JSX, object refs, and class names\n * appropriately.\n *\n * @param target - the target object to merge onto.\n * @param propSets - one or more prop sets to deep merge onto the target.\n */\nexport const makeMergeProps = <TState = GenericDictionary>(options: MergePropsOptions = {}) => {\n  const deepMerge = [...(options.deepMerge || []), 'style'];\n\n  const mergeProps = (target: GenericDictionary, ...propSets: (GenericDictionary | undefined)[]): TState => {\n    for (const props of propSets) {\n      if (props) {\n        for (const propName of Object.keys(props)) {\n          const propValue = props[propName];\n          const propValueType = typeof propValue;\n\n          if (propValue !== undefined) {\n            if (propValue && propValueType === 'object') {\n              if (Array.isArray(propValue)) {\n                // for arrays, replace.\n                target[propName] = propValue;\n              } else {\n                target[propName] = target[propName] || {};\n\n                if (\n                  typeof target[propName] !== 'object' ||\n                  React.isValidElement(propValue) ||\n                  (propValue && typeof propValue === 'object' && propValue.hasOwnProperty('current')) ||\n                  deepMerge.indexOf(propName) === -1\n                ) {\n                  // if target is not an object, or value is JSX,  or a ref object, replace\n                  target[propName] = propValue;\n                } else {\n                  // else deep merge.\n                  mergeProps(target[propName], propValue);\n                }\n              }\n            } else if (propName === 'className') {\n              if (propValue) {\n                // for classnames, append\n                target[propName] = css(target[propName], propValue);\n              }\n            } else {\n              target[propName] = propValue;\n            }\n          }\n        }\n      }\n    }\n    return target as TState;\n  };\n\n  return mergeProps;\n};\n"]}

package/lib-commonjs/compose/resolveShorthandProps.d.ts

@@ -1,7 +0,0 @@
-/**
- * Ensures that the given slots are represented using object syntax. This ensures that
- * the object can be merged along with other objects.
- * @param props - The incoming props
- * @param shorthandPropNames - An array of prop names to apply simplification to
- */
-export declare const resolveShorthandProps: <TProps>(props: TProps, shorthandPropNames: string[]) => TProps;

package/lib-commonjs/compose/resolveShorthandProps.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var React = require("react");
-/**
- * Ensures that the given slots are represented using object syntax. This ensures that
- * the object can be merged along with other objects.
- * @param props - The incoming props
- * @param shorthandPropNames - An array of prop names to apply simplification to
- */
-exports.resolveShorthandProps = function (props, shorthandPropNames) {
-    var newProps = props;
-    if (shorthandPropNames && shorthandPropNames.length) {
-        newProps = tslib_1.__assign({}, props);
-        for (var _i = 0, shorthandPropNames_1 = shorthandPropNames; _i < shorthandPropNames_1.length; _i++) {
-            var propName = shorthandPropNames_1[_i];
-            // TODO find clean way of guaranteeing only shorthand props are typechecked
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            var propValue = props[propName];
-            if (propValue !== undefined && (typeof propValue !== 'object' || React.isValidElement(propValue))) {
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                newProps[propName] = { children: propValue };
-            }
-        }
-    }
-    return newProps;
-};
-//# sourceMappingURL=resolveShorthandProps.js.map

package/lib-commonjs/compose/resolveShorthandProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"resolveShorthandProps.js","sourceRoot":"../src/","sources":["compose/resolveShorthandProps.tsx"],"names":[],"mappings":";;;AAAA,6BAA+B;AAE/B;;;;;GAKG;AACU,QAAA,qBAAqB,GAAG,UAAU,KAAa,EAAE,kBAA4B;IACxF,IAAI,QAAQ,GAAG,KAAK,CAAC;IAErB,IAAI,kBAAkB,IAAI,kBAAkB,CAAC,MAAM,EAAE;QACnD,QAAQ,wBACH,KAAK,CACT,CAAC;QACF,KAAuB,UAAkB,EAAlB,yCAAkB,EAAlB,gCAAkB,EAAlB,IAAkB,EAAE;YAAtC,IAAM,QAAQ,2BAAA;YACjB,2EAA2E;YAC3E,6DAA6D;YAC7D,aAAa;YACb,IAAM,SAAS,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;YAElC,IAAI,SAAS,KAAK,SAAS,IAAI,CAAC,OAAO,SAAS,KAAK,QAAQ,IAAI,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,EAAE;gBACjG,8DAA8D;gBAC7D,QAAgB,CAAC,QAAQ,CAAC,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;aACvD;SACF;KACF;IAED,OAAO,QAAkB,CAAC;AAC5B,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\n/**\n * Ensures that the given slots are represented using object syntax. This ensures that\n * the object can be merged along with other objects.\n * @param props - The incoming props\n * @param shorthandPropNames - An array of prop names to apply simplification to\n */\nexport const resolveShorthandProps = <TProps,>(props: TProps, shorthandPropNames: string[]) => {\n  let newProps = props;\n\n  if (shorthandPropNames && shorthandPropNames.length) {\n    newProps = {\n      ...props,\n    };\n    for (const propName of shorthandPropNames) {\n      // TODO find clean way of guaranteeing only shorthand props are typechecked\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      // @ts-ignore\n      const propValue = props[propName];\n\n      if (propValue !== undefined && (typeof propValue !== 'object' || React.isValidElement(propValue))) {\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        (newProps as any)[propName] = { children: propValue };\n      }\n    }\n  }\n\n  return newProps as TProps;\n};\n"]}

package/src/compose/README.md

@@ -1,279 +0,0 @@
-A library of utilities for composing Fluent UI components.
-
-## A basic component walkthrough
-
-Building a re-composable component requires that we create building blocks; we put them together, but we can reconfigure
-and add to parts as needed.
-
-Here's what's needed:
-
-- **State hook** - A hook which takes in props/ref for the component and returns a mutable state object.
-- **Style hook** - hooks which can mix the appropriate classnames on the mutable state.
-- **Render function** - a function which takes in state of the component and returns JSX. (e.g. `renderButton`)
-
-With these building blocks, you can compose or recompose the component in numerous ways.
-
-### Simple example
-
-A hook which can produce mutable state of the component (defining accessibility and behaviors):
-
-```jsx
-const useButton = (userProps, ref, defaultProps) => {
-  const state = _.merge({}, defaultProps, userProps);
-
-  // Apply button behaviors.
-  if (state.as !== 'button' && state.as !== 'a') {
-    state.tabIndex = 0;
-  }
-
-  return state;
-};
-```
-
-The Button is designed using `React.forwardRef` to ensure the ref is forwarded to the root element:
-
-```jsx
-const Button = React.forwardRef((props, ref) => {
-  const state = useButton(props, ref);
-
-  // Apply styling here. (e.g. add className to state.)
-
-  return renderButton(state);
-});
-```
-
-A button can now be easily scaffolded, along with your choice of styling system:
-
-```jsx
-import { renderButton, useButton, useButtonClasses } from '@fluentui/react-button';
-
-const Button = React.forwardRef((props, ref) => {
-  const state = useButton(props, ref);
-
-  // Inject classNames as needed.
-  useButtonClasses(state);
-
-  // Return the rendered result.
-  return renderButton(state);
-});
-```
-
-We can now use these building blocks to scaffold other types of buttons. For example, building a toggle button simply
-means we start with base and handle the additional input:
-
-```jsx
-const useToggleButton = (props, ref) => {
-  const state = useButton(props, ref);
-
-  // Hand a "checked" and "defaultChecked" state, onClicks to toggle the value,
-  // and appropriate a11y attributes.
-  useChecked(state);
-};
-
-const ToggleButton = React.forwardRef((props, ref) => {
-  const state = useToggleButton(props, ref);
-
-  // Inject classNames as needed.
-  state.className = css(
-    state.className,
-    styles.root,
-    state.checked && styles.checked
-  );
-
-  return renderButton(state);
-```
-
-### Details
-
-#### Creating mutable state with `mergeProps`
-
-In the previous example, `_.merge` was used to deep clone the props into a state object. Creating a single clone and
-using that to construct state simplifies hook development and usage; rather than trying to re-clone objects
-unnecessarily on every small mutation, hooks can assume operating against a draft state. This creates more self
-contained hooks, which can ensure they apply state updates correctly, avoiding accidents like stomping on existing event
-handlers by blind object assigning the results.
-
-However, deep merge overlooks many edge cases for component props:
-
-- Deep merging classnames should append them, not replace
-- Deep merging JSX, ref objects, or arrays should replace, not recurse/clone
-- Deep merging an object on a string should replace
-
-...which introduces the first utility: `mergeProps`. Merge props works like a deep merge, but takes care of classnames,
-JSX, arrays, and object edge cases.
-
-#### Supporting the `as` prop with `getSlots`
-
-Fluent UI components take a common `as` prop. This allows the root element to be rendered with something other than the
-default.
-
-To support the `as` prop, the render function might look like this:
-
-```jsx
-const renderButton = state => {
-  const root = state.as;
-
-  return <root {...state} />;
-};
-```
-
-Additionally, you will need to filter out native properties which apply to the root; otherwise you will end up mixing
-any unexpected props into the element. To do this, we have a `getNativeElementProps` helper, which can be used for this
-purpose:
-
-```jsx
-const renderButton = state => {
-  const root = state.as;
-  const rootProps = getNativeElementProps(root, state);
-
-  return <root {...rootProps} />;
-};
-```
-
-These steps have been abstracted in the `getSlots` helper:
-
-```jsx
-const renderButton = state => {
-  const { slots, slotProps } = getSlots(state);
-
-  return <slots.root {...slotProps.root} />;
-};
-```
-
-#### Supporting shorthand props
-
-Fluent UI components almost always contain sub parts, and these sub parts should be configurable. We allow them to be
-configured through "shorthand props", which lets the caller pass in a variety of inputs for a given slot. Take a
-Button's "icon" slot:
-
-```jsx
-// The icon can be a string
-<Button icon="X" />
-
-// The icon can be JSX
-<Button icon={ <FooIcon/> }/>
-
-// The icon can be an object
-<Button icon={{ as: 'i', children: getCode('Add') } } />
-
-// The icon can be a children function (which receives the original slot and props)
-<Button icon={{
-  children: (Component, props) =>
-      <>
-         <Component {...props} />
-         //  other things
-      </>
-   }}
-/>
-```
-
-Supporting this dynamic props input requires some helpers:
-
-1. A helper `resolveShorthandProps` to simplify the user's input into an object for props merging
-2. The `getSlots` helper to parse the slots out
-
-Here's how this looks:
-
-The factory function, which deep clones the props, would need to simplify the shorthand first:
-
-```jsx
-const useButton = (userProps, ref, defaultProps) => {
-  const state = mergeProps(
-    {
-      // default props
-      as: 'button',
-      ref,
-      icon: { as: 'span' },
-    },
-    defaultProps, // optional default props from the caller
-    resolveShorthandProps(userProps, ['icon']), // simplify the user's props
-  );
-
-  // Apply button behaviors.
-  useButton(state);
-
-  return { state, render };
-};
-```
-
-...and the render function now can manage rendering the slot using getSlots:
-
-```jsx
-const renderButton = state => {
-  const { slots, slotProps } = getSlots(state, ['icon']);
-
-  return (
-    <slots.root {...slotProps.root}>
-      <slots.icon {...slotProps.icon} />
-      {state.children}
-    </slots.root>
-  );
-};
-```
-
-## API reference
-
-### mergeProps(target, ...rest)
-
-The `mergeProps` function takes in state and compose options, and resolves slots and slotProps.
-It's expected that the component will call `mergeProps(state, options)` from within
-render; after resolving state and before rendering slots and slotProps.
-
-Example:
-
-```jsx
-mergeProps(props, { ...etc }, { ...etc });
-```
-
-### getSlots(state: Record<string, any>, slotNames: string[])
-
-The `getSlots` function takes in a state object and a list of slot keys with the state, and returns
-`slots` and `slotProps` to be used in rendering the component.
-
-In cases where the `as` prop of the slot represents a primitive element tag name, there are some additional behaviors:
-
-- Props will be automatically filtered based on the element type. E.g. `href` will be passed to `a` tag slots, but not
-  `button` slots.
-- The slot will avoid rendering completely if children are undefined. This is to avoid requiring nearly every slot to be
-  wrapped in a conditional to avoid rendering the parent. You can force rendering primitives without children by passing
-  `null` in for the children. (E.g. `{ as: 'input', children: null }`).
-
-Example:
-
-```jsx
-const Button = props => {
-  const { slots, slotProps } = getSlots(props, ['foo', 'bar']);
-
-  return (
-    <slots.root { slotProps.root}>
-      <slots.foo { slotProps.foo } />
-      <slots.bar { slotProps.foo } />
-    </slots.root>
-  );
-};
-```
-
-### resolveShorthandProps<TState>(state: TState, slotNames: (keyof TState)[]): TState
-
-Ensures that the given slots are represented using object syntax. This ensures that
-the object can be merged along with other objects.
-
-Example:
-
-```jsx
-const foo = resolveShorthandProps(
-  { a: <JSX/>, b: 'string', c: { ... }, d: 'unchanged' },
-  [ 'a', 'b', 'c' ]
-);
-```
-
-Results in objects which can be merged correctly:
-
-```jsx
-{
-  a: { children: <JSX/> },
-  b: { children: 'string' },
-  c: { ... },
-  d: 'unchanged'
-}
-```