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

package/config/api-extractor.json

@@ -1,3 +0,0 @@
-{
-  "extends": "@fluentui/scripts/api-extractor/api-extractor.common.json"
-}

package/config/tests.js

@@ -1,7 +0,0 @@
-/** Jest test setup file. */
-
-const { configure } = require('enzyme');
-const Adapter = require('enzyme-adapter-react-16');
-
-// Configure enzyme.
-configure({ adapter: new Adapter() });

package/etc/react-utilities.api.md

@@ -1,207 +0,0 @@
-## API Report File for "@fluentui/react-utilities"
-
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
-
-```ts
-
-import * as React from 'react';
-
-// @public
-export const anchorProperties: Record<string, number>;
-
-// @public
-export const audioProperties: Record<string, number>;
-
-// @public
-export const baseElementEvents: Record<string, number>;
-
-// @public
-export const baseElementProperties: Record<string, number>;
-
-// @public (undocumented)
-export interface BaseSlots {
-    // (undocumented)
-    root: React.ElementType;
-}
-
-// @public
-export const buttonProperties: Record<string, number>;
-
-// @public (undocumented)
-export type ChangeCallback<TElement extends HTMLElement, TValue, TEvent extends React.SyntheticEvent<TElement> | undefined> = (ev: TEvent, newValue: TValue | undefined) => void;
-
-// @public
-export type ClassDictionary = Record<string, string>;
-
-// @public (undocumented)
-export const colGroupProperties: Record<string, number>;
-
-// @public (undocumented)
-export const colProperties: Record<string, number>;
-
-// @public (undocumented)
-export interface ComponentProps {
-    // (undocumented)
-    as?: React.ElementType;
-    // (undocumented)
-    children?: React.ReactNode;
-    // (undocumented)
-    className?: string;
-}
-
-// @public
-export const divProperties: Record<string, number>;
-
-// @public
-export const formProperties: Record<string, number>;
-
-// @public
-export type GenericDictionary = Record<string, any>;
-
-// @public
-export function getNativeElementProps<TAttributes extends React.HTMLAttributes<any>>(tagName: string, props: {}, excludedPropNames?: string[]): TAttributes;
-
-// @public
-export function getNativeProps<T extends Record<string, any>>(props: Record<string, any>, allowedPropNames: string[] | Record<string, number>, excludedPropNames?: string[]): T;
-
-// @public
-export const getSlots: (state: Record<string, any>, slotNames?: string[] | undefined) => {
-    slots: Record<string, any>;
-    slotProps: Record<string, any>;
-};
-
-// @public
-export const htmlElementProperties: Record<string, number>;
-
-// @public
-export const iframeProperties: Record<string, number>;
-
-// @public @deprecated (undocumented)
-export const imageProperties: Record<string, number>;
-
-// @public
-export const imgProperties: Record<string, number>;
-
-// @public
-export const inputProperties: Record<string, number>;
-
-// @public
-export const labelProperties: Record<string, number>;
-
-// @public
-export const liProperties: Record<string, number>;
-
-// @public
-export const makeMergeProps: <TState = Record<string, any>>(options?: MergePropsOptions) => (target: Record<string, any>, ...propSets: (Record<string, any> | undefined)[]) => TState;
-
-// @public (undocumented)
-export type MergePropsOptions = {
-    deepMerge?: string[];
-};
-
-// @public
-export const nullRender: () => null;
-
-// @public (undocumented)
-export type ObjectShorthandProps<TProps extends ComponentProps = {}> = TProps & {
-    children?: TProps['children'] | ShorthandRenderFunction<TProps>;
-};
-
-// @public
-export const olProperties: Record<string, number>;
-
-// @public
-export function omit<TObj extends Record<string, any>>(obj: TObj, exclusions: (keyof TObj)[]): TObj;
-
-// @public (undocumented)
-export const optionProperties: Record<string, number>;
-
-// @public
-export type RefObjectFunction<T> = React.RefObject<T> & ((value: T) => void);
-
-// @public
-export const resolveShorthandProps: <TProps>(props: TProps, shorthandPropNames: string[]) => TProps;
-
-// @public
-export const selectProperties: Record<string, number>;
-
-// @public (undocumented)
-export type ShorthandProps<TProps extends ComponentProps = {}> = React.ReactChild | React.ReactNodeArray | React.ReactPortal | boolean | number | null | undefined | (TProps & ComponentProps & {
-    children?: TProps['children'] | ShorthandRenderFunction<TProps>;
-});
-
-// @public (undocumented)
-export type ShorthandRenderFunction<TProps> = (Component: React.ElementType<TProps>, props: TProps) => React.ReactNode;
-
-// @public (undocumented)
-export type SlotProps<TSlots extends BaseSlots, TProps, TRootProps extends React.HTMLAttributes<HTMLElement>> = {
-    [key in keyof Omit<TSlots, 'root'>]: key extends keyof TProps ? TProps[key] : any;
-} & {
-    root: TRootProps;
-};
-
-// @public
-export const tableProperties: Record<string, number>;
-
-// @public
-export const tdProperties: Record<string, number>;
-
-// @public
-export const textAreaProperties: Record<string, number>;
-
-// @public
-export const thProperties: Record<string, number>;
-
-// @public
-export const trProperties: Record<string, number>;
-
-// @public
-export function useBoolean(initialState: boolean): [boolean, UseBooleanCallbacks];
-
-// @public
-export interface UseBooleanCallbacks {
-    setFalse: () => void;
-    setTrue: () => void;
-    toggle: () => void;
-}
-
-// @public
-export function useConst<T>(initialValue: T | (() => T)): T;
-
-// Warning: (ae-forgotten-export) The symbol "DefaultValue" needs to be exported by the entry point index.d.ts
-//
-// @public
-export function useControllableValue<TValue, TElement extends HTMLElement>(controlledValue: TValue, defaultUncontrolledValue: DefaultValue<TValue>): Readonly<[TValue, (update: React.SetStateAction<TValue>) => void]>;
-
-// @public (undocumented)
-export function useControllableValue<TValue, TElement extends HTMLElement, TEvent extends React.SyntheticEvent<TElement> | undefined>(controlledValue: TValue, defaultUncontrolledValue: DefaultValue<TValue>, onChange: ChangeCallback<TElement, TValue, TEvent>): Readonly<[TValue, (update: React.SetStateAction<TValue>, ev?: React.FormEvent<TElement>) => void]>;
-
-// @public
-export const useEventCallback: <Args extends unknown[], Return>(fn: (...args: Args) => Return) => (...args: Args) => Return;
-
-// @public
-export function useId(prefix?: string, providedId?: string): string;
-
-// @public (undocumented)
-export const useIsomorphicLayoutEffect: typeof React.useEffect;
-
-// @public
-export function useMergedRefs<T>(...refs: (React.Ref<T> | undefined)[]): RefObjectFunction<T>;
-
-// @public
-export const useOnClickOutside: (options: UseOnClickOutsideOptions) => void;
-
-// @public (undocumented)
-export type UseOnClickOutsideOptions = {
-    element?: Document;
-    refs: React.MutableRefObject<HTMLElement | undefined | null>[];
-    callback: (ev: MouseEvent | TouchEvent) => void;
-};
-
-// @public
-export const videoProperties: Record<string, number>;
-
-
-// (No @packageDocumentation comment for this package)
-
-```

package/just.config.ts

@@ -1,3 +0,0 @@
-import { preset } from '@fluentui/scripts';
-
-preset();

package/lib/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/compose/makeMergeProps.js

@@ -1,96 +0,0 @@
-import { __spreadArrays } from "tslib";
-import * as React from '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.
- */
-export var makeMergeProps = function (options) {
-    if (options === void 0) { options = {}; }
-    var deepMerge = __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/compose/makeMergeProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"makeMergeProps.js","sourceRoot":"../src/","sources":["compose/makeMergeProps.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiC/B;;;;GAIG;AACH,SAAS,GAAG;IAAC,cAAmB;SAAnB,UAAmB,EAAnB,qBAAmB,EAAnB,IAAmB;QAAnB,yBAAmB;;IAC9B,IAAM,OAAO,GAAG,EAAE,CAAC;IAEnB,KAAkB,UAAI,EAAJ,aAAI,EAAJ,kBAAI,EAAJ,IAAI,EAAE;QAAnB,IAAM,GAAG,aAAA;QACZ,IAAI,GAAG,EAAE;YACP,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;gBAC3B,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;aACnB;iBAAM,IAAI,GAAG,CAAC,cAAc,CAAC,UAAU,CAAC,IAAI,OAAO,GAAG,CAAC,QAAQ,KAAK,UAAU,EAAE;gBAC/E,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC;aAC9B;iBAAM;gBACL,8DAA8D;gBAC9D,KAAK,IAAM,GAAG,IAAI,GAAU,EAAE;oBAC5B,8DAA8D;oBAC9D,IAAK,GAAW,CAAC,GAAG,CAAC,EAAE;wBACrB,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;qBACnB;iBACF;aACF;SACF;KACF;IAED,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC3B,CAAC;AAUD;;;;;;GAMG;AACH,MAAM,CAAC,IAAM,cAAc,GAAG,UAA6B,OAA+B;IAA/B,wBAAA,EAAA,YAA+B;IACxF,IAAM,SAAS,kBAAO,CAAC,OAAO,CAAC,SAAS,IAAI,EAAE,CAAC,GAAE,OAAO,EAAC,CAAC;IAE1D,IAAM,UAAU,GAAG,UAAC,MAAyB;QAAE,kBAA8C;aAA9C,UAA8C,EAA9C,qBAA8C,EAA9C,IAA8C;YAA9C,iCAA8C;;QAC3F,KAAoB,UAAQ,EAAR,qBAAQ,EAAR,sBAAQ,EAAR,IAAQ,EAAE;YAAzB,IAAM,KAAK,iBAAA;YACd,IAAI,KAAK,EAAE;gBACT,KAAuB,UAAkB,EAAlB,KAAA,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAlB,cAAkB,EAAlB,IAAkB,EAAE;oBAAtC,IAAM,QAAQ,SAAA;oBACjB,IAAM,SAAS,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;oBAClC,IAAM,aAAa,GAAG,OAAO,SAAS,CAAC;oBAEvC,IAAI,SAAS,KAAK,SAAS,EAAE;wBAC3B,IAAI,SAAS,IAAI,aAAa,KAAK,QAAQ,EAAE;4BAC3C,IAAI,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;gCAC5B,uBAAuB;gCACvB,MAAM,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC;6BAC9B;iCAAM;gCACL,MAAM,CAAC,QAAQ,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;gCAE1C,IACE,OAAO,MAAM,CAAC,QAAQ,CAAC,KAAK,QAAQ;oCACpC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC;oCAC/B,CAAC,SAAS,IAAI,OAAO,SAAS,KAAK,QAAQ,IAAI,SAAS,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;oCACnF,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAClC;oCACA,yEAAyE;oCACzE,MAAM,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC;iCAC9B;qCAAM;oCACL,mBAAmB;oCACnB,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC,CAAC;iCACzC;6BACF;yBACF;6BAAM,IAAI,QAAQ,KAAK,WAAW,EAAE;4BACnC,IAAI,SAAS,EAAE;gCACb,yBAAyB;gCACzB,MAAM,CAAC,QAAQ,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC,CAAC;6BACrD;yBACF;6BAAM;4BACL,MAAM,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC;yBAC9B;qBACF;iBACF;aACF;SACF;QACD,OAAO,MAAgB,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC","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/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/compose/resolveShorthandProps.js

@@ -1,27 +0,0 @@
-import { __assign } from "tslib";
-import * as React from '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
- */
-export var resolveShorthandProps = function (props, shorthandPropNames) {
-    var newProps = props;
-    if (shorthandPropNames && shorthandPropNames.length) {
-        newProps = __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/compose/resolveShorthandProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"resolveShorthandProps.js","sourceRoot":"../src/","sources":["compose/resolveShorthandProps.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;GAKG;AACH,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAU,KAAa,EAAE,kBAA4B;IACxF,IAAI,QAAQ,GAAG,KAAK,CAAC;IAErB,IAAI,kBAAkB,IAAI,kBAAkB,CAAC,MAAM,EAAE;QACnD,QAAQ,gBACH,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/lib-amd/compose/getSlots.d.ts

@@ -1,20 +0,0 @@
-/**
- * Given the state and an array of slot names, will break out `slots` and `slotProps`
- * collections.
- *
- * The root is always derived from the `as` prop.
- *
- * Slots will render as null if they are rendered as primitives with undefined children.
- *
- * The slotProps will always omit the `as` prop within them, and for slots that are string
- * primitives, the props will be filtered according the the slot type. For example, if the
- * slot is rendered `as: 'a'`, the props will be filtered for acceptable anchor props.
- *
- * @param state - State including slot definitions
- * @param slotNames - Name of which props are slots
- * @returns An object containing the `slots` map and `slotProps` map.
- */
-export declare const getSlots: (state: Record<string, any>, slotNames?: string[] | undefined) => {
-    slots: Record<string, any>;
-    slotProps: Record<string, any>;
-};

package/lib-amd/compose/getSlots.js

@@ -1,51 +0,0 @@
-define(["require", "exports", "react", "../utils/index", "./nullRender"], function (require, exports, React, index_1, nullRender_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    /**
-     * Given the state and an array of slot names, will break out `slots` and `slotProps`
-     * collections.
-     *
-     * The root is always derived from the `as` prop.
-     *
-     * Slots will render as null if they are rendered as primitives with undefined children.
-     *
-     * The slotProps will always omit the `as` prop within them, and for slots that are string
-     * primitives, the props will be filtered according the the slot type. For example, if the
-     * slot is rendered `as: 'a'`, the props will be filtered for acceptable anchor props.
-     *
-     * @param state - State including slot definitions
-     * @param slotNames - Name of which props are slots
-     * @returns An object containing the `slots` map and `slotProps` map.
-     */
-    exports.getSlots = function (state, slotNames) {
-        var slots = {
-            root: state.as || 'div',
-        };
-        var slotProps = {
-            root: typeof slots.root === 'string' ? index_1.getNativeElementProps(slots.root, state) : index_1.omit(state, ['as']),
-        };
-        if (slotNames) {
-            for (var _i = 0, slotNames_1 = slotNames; _i < slotNames_1.length; _i++) {
-                var name_1 = slotNames_1[_i];
-                var slotDefinition = state[name_1] || {};
-                var _a = slotDefinition.as, slotAs = _a === void 0 ? 'span' : _a, children = slotDefinition.children;
-                var isSlotPrimitive = typeof slotAs === 'string';
-                var isSlotEmpty = isSlotPrimitive && slotDefinition.children === undefined;
-                slots[name_1] = isSlotEmpty ? nullRender_1.nullRender : slotAs;
-                if (typeof children === 'function') {
-                    slotProps[name_1] = {
-                        children: children(slots[name_1], index_1.omit(slotDefinition, ['as', 'children'])),
-                    };
-                    slots[name_1] = React.Fragment;
-                }
-                else if (slots[name_1] !== nullRender_1.nullRender) {
-                    slotProps[name_1] = isSlotPrimitive
-                        ? index_1.getNativeElementProps(slotAs, slotDefinition)
-                        : index_1.omit(slotDefinition, ['as']);
-                }
-            }
-        }
-        return { slots: slots, slotProps: slotProps };
-    };
-});
-//# sourceMappingURL=getSlots.js.map

package/lib-amd/compose/getSlots.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getSlots.js","sourceRoot":"../src/","sources":["compose/getSlots.ts"],"names":[],"mappings":";;;IAMA;;;;;;;;;;;;;;;OAeG;IACU,QAAA,QAAQ,GAAG,UAAC,KAAwB,EAAE,SAAgC;QACjF,IAAM,KAAK,GAAsB;YAC/B,IAAI,EAAE,KAAK,CAAC,EAAE,IAAI,KAAK;SACxB,CAAC;QAEF,IAAM,SAAS,GAAsB;YACnC,IAAI,EAAE,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,6BAAqB,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,YAAI,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,CAAC;SACtG,CAAC;QAEF,IAAI,SAAS,EAAE;YACb,KAAmB,UAAS,EAAT,uBAAS,EAAT,uBAAS,EAAT,IAAS,EAAE;gBAAzB,IAAM,MAAI,kBAAA;gBACb,IAAM,cAAc,GAAG,KAAK,CAAC,MAAI,CAAC,IAAI,EAAE,CAAC;gBACjC,IAAA,sBAAmB,EAAnB,oCAAmB,EAAE,kCAAQ,CAAoB;gBACzD,IAAM,eAAe,GAAG,OAAO,MAAM,KAAK,QAAQ,CAAC;gBACnD,IAAM,WAAW,GAAG,eAAe,IAAI,cAAc,CAAC,QAAQ,KAAK,SAAS,CAAC;gBAE7E,KAAK,CAAC,MAAI,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,uBAAU,CAAC,CAAC,CAAC,MAAM,CAAC;gBAEhD,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;oBAClC,SAAS,CAAC,MAAI,CAAC,GAAG;wBAChB,QAAQ,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAI,CAAC,EAAE,YAAI,CAAC,cAAc,EAAE,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;qBAC1E,CAAC;oBACF,KAAK,CAAC,MAAI,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC;iBAC9B;qBAAM,IAAI,KAAK,CAAC,MAAI,CAAC,KAAK,uBAAU,EAAE;oBACrC,SAAS,CAAC,MAAI,CAAC,GAAG,eAAe;wBAC/B,CAAC,CAAC,6BAAqB,CAAC,MAAM,EAAE,cAAc,CAAC;wBAC/C,CAAC,CAAC,YAAI,CAAC,cAAc,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;iBAClC;aACF;SACF;QAED,OAAO,EAAE,KAAK,OAAA,EAAE,SAAS,WAAA,EAAE,CAAC;IAC9B,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { getNativeElementProps, omit } from '../utils/index';\nimport { GenericDictionary } from './types';\nimport { nullRender } from './nullRender';\n\n/**\n * Given the state and an array of slot names, will break out `slots` and `slotProps`\n * collections.\n *\n * The root is always derived from the `as` prop.\n *\n * Slots will render as null if they are rendered as primitives with undefined children.\n *\n * The slotProps will always omit the `as` prop within them, and for slots that are string\n * primitives, the props will be filtered according the the slot type. For example, if the\n * slot is rendered `as: 'a'`, the props will be filtered for acceptable anchor props.\n *\n * @param state - State including slot definitions\n * @param slotNames - Name of which props are slots\n * @returns An object containing the `slots` map and `slotProps` map.\n */\nexport const getSlots = (state: GenericDictionary, slotNames?: string[] | undefined) => {\n  const slots: GenericDictionary = {\n    root: state.as || 'div',\n  };\n\n  const slotProps: GenericDictionary = {\n    root: typeof slots.root === 'string' ? getNativeElementProps(slots.root, state) : omit(state, ['as']),\n  };\n\n  if (slotNames) {\n    for (const name of slotNames) {\n      const slotDefinition = state[name] || {};\n      const { as: slotAs = 'span', children } = slotDefinition;\n      const isSlotPrimitive = typeof slotAs === 'string';\n      const isSlotEmpty = isSlotPrimitive && slotDefinition.children === undefined;\n\n      slots[name] = isSlotEmpty ? nullRender : slotAs;\n\n      if (typeof children === 'function') {\n        slotProps[name] = {\n          children: children(slots[name], omit(slotDefinition, ['as', 'children'])),\n        };\n        slots[name] = React.Fragment;\n      } else if (slots[name] !== nullRender) {\n        slotProps[name] = isSlotPrimitive\n          ? getNativeElementProps(slotAs, slotDefinition)\n          : omit(slotDefinition, ['as']);\n      }\n    }\n  }\n\n  return { slots, slotProps };\n};\n"]}

package/lib-amd/compose/index.d.ts

@@ -1,5 +0,0 @@
-export * from './getSlots';
-export * from './makeMergeProps';
-export * from './nullRender';
-export * from './resolveShorthandProps';
-export * from './types';

package/lib-amd/compose/index.js

@@ -1,9 +0,0 @@
-define(["require", "exports", "tslib", "./getSlots", "./makeMergeProps", "./nullRender", "./resolveShorthandProps"], function (require, exports, tslib_1, getSlots_1, makeMergeProps_1, nullRender_1, resolveShorthandProps_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(getSlots_1, exports);
-    tslib_1.__exportStar(makeMergeProps_1, exports);
-    tslib_1.__exportStar(nullRender_1, exports);
-    tslib_1.__exportStar(resolveShorthandProps_1, exports);
-});
-//# sourceMappingURL=index.js.map

package/lib-amd/compose/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["compose/index.ts"],"names":[],"mappings":";;;IAAA,0CAA2B;IAC3B,gDAAiC;IACjC,4CAA6B;IAC7B,uDAAwC","sourcesContent":["export * from './getSlots';\nexport * from './makeMergeProps';\nexport * from './nullRender';\nexport * from './resolveShorthandProps';\nexport * from './types';\n"]}

package/lib-amd/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-amd/compose/makeMergeProps.js

@@ -1,98 +0,0 @@
-define(["require", "exports", "tslib", "react"], function (require, exports, tslib_1, React) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    /**
-     * 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-amd/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-amd/compose/nullRender.d.ts

@@ -1,4 +0,0 @@
-/**
- * Simple constant function for returning null, used to render empty templates in JSX.
- */
-export declare const nullRender: () => null;

package/lib-amd/compose/nullRender.js

@@ -1,9 +0,0 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    /**
-     * Simple constant function for returning null, used to render empty templates in JSX.
-     */
-    exports.nullRender = function () { return null; };
-});
-//# sourceMappingURL=nullRender.js.map

package/lib-amd/compose/nullRender.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nullRender.js","sourceRoot":"../src/","sources":["compose/nullRender.tsx"],"names":[],"mappings":";;;IAAA;;OAEG;IACU,QAAA,UAAU,GAAG,cAAM,OAAA,IAAI,EAAJ,CAAI,CAAC","sourcesContent":["/**\n * Simple constant function for returning null, used to render empty templates in JSX.\n */\nexport const nullRender = () => null;\n"]}