@uifabricshared/foundation-compose 1.15.16 → 1.16.0

package/lib-commonjs/compose.d.ts

@@ -8,5 +8,10 @@ import { INativeSlotType, IExtractProps, IExtractSlotProps, IExtractState } from
  * @param inputComponent - component definition for the component to be created.  See IComposeOptions for more details.
  * @param base - optional base component to compose, this can be an intrinsic, a stock element, or another composable
  */
-export declare function compose<TType>(inputComponent: Partial<IComposeOptions<IExtractProps<TType>, IExtractSlotProps<TType>, IExtractTokens<TType>, IExtractState<TType>, IExtractStatics<TType>>>, base?: INativeSlotType): IComposeReturnType<IExtractProps<TType>, IExtractSlotProps<TType>, IExtractTokens<TType>, IExtractState<TType>, IExtractStatics<TType>>;
-//# sourceMappingURL=compose.d.ts.map
+export declare function compose<TType>(
+  inputComponent: Partial<
+    IComposeOptions<IExtractProps<TType>, IExtractSlotProps<TType>, IExtractTokens<TType>, IExtractState<TType>, IExtractStatics<TType>>
+  >,
+  base?: INativeSlotType,
+): IComposeReturnType<IExtractProps<TType>, IExtractSlotProps<TType>, IExtractTokens<TType>, IExtractState<TType>, IExtractStatics<TType>>;
+//# sourceMappingURL=compose.d.ts.map

package/lib-commonjs/compose.js

@@ -1,10 +1,10 @@
-"use strict";
+'use strict';
 /* eslint-disable */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.compose = void 0;
-const foundation_composable_1 = require("@uifabricshared/foundation-composable");
-const useStyling_1 = require("./useStyling");
-const framework_base_1 = require("@fluentui-react-native/framework-base");
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.compose = compose;
+const foundation_composable_1 = require('@uifabricshared/foundation-composable');
+const useStyling_1 = require('./useStyling');
+const framework_base_1 = require('@fluentui-react-native/framework-base');
 /**
  * Merge current and base options together to form the new object definition.  These objects will merge with the
  * exception of settings which will be appended
@@ -13,11 +13,11 @@ const framework_base_1 = require("@fluentui-react-native/framework-base");
  * @param base - component to use as a baseline (if it exists)
  */
 function _getComponentOptions(inputComponent, base) {
-    if (base) {
-        const mergedSettings = { settings: [].concat(base.settings || [], inputComponent.settings || []).filter((v) => v) };
-        return (0, framework_base_1.immutableMerge)(base, inputComponent, mergedSettings);
-    }
-    return inputComponent;
+  if (base) {
+    const mergedSettings = { settings: [].concat(base.settings || [], inputComponent.settings || []).filter((v) => v) };
+    return (0, framework_base_1.immutableMerge)(base, inputComponent, mergedSettings);
+  }
+  return inputComponent;
 }
 /**
  * Assembles a higher order component, optionally composing a base HOC or base primitive control.  The compose pattern
@@ -28,25 +28,24 @@ function _getComponentOptions(inputComponent, base) {
  * @param base - optional base component to compose, this can be an intrinsic, a stock element, or another composable
  */
 function compose(inputComponent, base) {
-    // get merged options for the component
-    const options = _getComponentOptions(inputComponent, base && (0, useStyling_1.getOptionsFromObj)(base));
-    // set up the styling injection function
-    options.useStyling = (0, useStyling_1.initializeStyling)(options);
-    // use composable to create the function implementation
-    const Component = (0, foundation_composable_1.composable)(options);
-    // attach extra information to the returned function component
-    Component.displayName = options.displayName;
-    Object.assign(Component, options.statics);
-    // set up the customize handler
-    Component.customize = (...settings) => {
-        return compose({ settings }, Component);
-    };
-    // set up the compose handler
-    Component.compose = (newOptions) => {
-        return compose(newOptions, Component);
-    };
-    // now return the newly created component
-    return Component;
+  // get merged options for the component
+  const options = _getComponentOptions(inputComponent, base && (0, useStyling_1.getOptionsFromObj)(base));
+  // set up the styling injection function
+  options.useStyling = (0, useStyling_1.initializeStyling)(options);
+  // use composable to create the function implementation
+  const Component = (0, foundation_composable_1.composable)(options);
+  // attach extra information to the returned function component
+  Component.displayName = options.displayName;
+  Object.assign(Component, options.statics);
+  // set up the customize handler
+  Component.customize = (...settings) => {
+    return compose({ settings }, Component);
+  };
+  // set up the compose handler
+  Component.compose = (newOptions) => {
+    return compose(newOptions, Component);
+  };
+  // now return the newly created component
+  return Component;
 }
-exports.compose = compose;
-//# sourceMappingURL=compose.js.map
+//# sourceMappingURL=compose.js.map

package/lib-commonjs/compose.js.map

@@ -1 +1 @@
-{"version":3,"file":"compose.js","sourceRoot":"","sources":["../src/compose.tsx"],"names":[],"mappings":";AAAA,oBAAoB;;;AAGpB,iFAO+C;AAC/C,6CAAoE;AACpE,0EAAuE;AAGvE;;;;;;GAMG;AACH,SAAS,oBAAoB,CAO3B,cAAuF,EACvF,IAAqE;IAErE,IAAI,IAAI,EAAE;QACR,MAAM,cAAc,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,EAAE,cAAc,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACpH,OAAO,IAAA,+BAAc,EAAC,IAAI,EAAE,cAAc,EAAE,cAAc,CAAmE,CAAC;KAC/H;IACD,OAAO,cAAgF,CAAC;AAC1F,CAAC;AAED;;;;;;;GAOG;AACH,SAAgB,OAAO,CACrB,cAEC,EACD,IAAsB;IAUtB,uCAAuC;IACvC,MAAM,OAAO,GAAG,oBAAoB,CAAqD,cAAc,EAAE,IAAI,IAAI,IAAA,8BAAiB,EAAC,IAAI,CAAC,CAAC,CAAC;IAE1I,wCAAwC;IACxC,OAAO,CAAC,UAAU,GAAG,IAAA,8BAAiB,EAAqD,OAAO,CAAC,CAAC;IAEpG,uDAAuD;IACvD,MAAM,SAAS,GAAG,IAAA,kCAAU,EAAiD,OAAc,CAAgB,CAAC;IAE5G,8DAA8D;IAC9D,SAAS,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;IAC5C,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;IAE1C,+BAA+B;IAC/B,SAAS,CAAC,SAAS,GAAG,CAAC,GAAG,QAAuD,EAAE,EAAE;QACnF,OAAO,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE,SAAS,CAAC,CAAC;IAC1C,CAAC,CAAC;IAEF,6BAA6B;IAC7B,SAAS,CAAC,OAAO,GAAG,CAAC,UAAwF,EAAE,EAAE;QAC/G,OAAO,OAAO,CAAQ,UAAU,EAAE,SAAS,CAAC,CAAC;IAC/C,CAAC,CAAC;IAEF,yCAAyC;IACzC,OAAO,SAAS,CAAC;AACnB,CAAC;AAvCD,0BAuCC"}
+{"version":3,"file":"compose.js","sourceRoot":"","sources":["../src/compose.tsx"],"names":[],"mappings":";AAAA,oBAAoB;;;AAGpB,iFAO+C;AAC/C,6CAAoE;AACpE,0EAAuE;AAGvE;;;;;;GAMG;AACH,SAAS,oBAAoB,CAO3B,cAAuF,EACvF,IAAqE,EACL;IAChE,IAAI,IAAI,EAAE,CAAC;QACT,MAAM,cAAc,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,EAAE,cAAc,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACpH,OAAO,IAAA,+BAAc,EAAC,IAAI,EAAE,cAAc,EAAE,cAAc,CAAmE,CAAC;IAChI,CAAC;IACD,OAAO,cAAgF,CAAC;AAAA,CACzF;AAED;;;;;;;GAOG;AACH,iBACE,cAEC,EACD,IAAsB,EACmH;IASzI,uCAAuC;IACvC,MAAM,OAAO,GAAG,oBAAoB,CAAqD,cAAc,EAAE,IAAI,IAAI,IAAA,8BAAiB,EAAC,IAAI,CAAC,CAAC,CAAC;IAE1I,wCAAwC;IACxC,OAAO,CAAC,UAAU,GAAG,IAAA,8BAAiB,EAAqD,OAAO,CAAC,CAAC;IAEpG,uDAAuD;IACvD,MAAM,SAAS,GAAG,IAAA,kCAAU,EAAiD,OAAc,CAAgB,CAAC;IAE5G,8DAA8D;IAC9D,SAAS,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;IAC5C,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;IAE1C,+BAA+B;IAC/B,SAAS,CAAC,SAAS,GAAG,CAAC,GAAG,QAAuD,EAAE,EAAE,CAAC;QACpF,OAAO,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE,SAAS,CAAC,CAAC;IAAA,CACzC,CAAC;IAEF,6BAA6B;IAC7B,SAAS,CAAC,OAAO,GAAG,CAAC,UAAwF,EAAE,EAAE,CAAC;QAChH,OAAO,OAAO,CAAQ,UAAU,EAAE,SAAS,CAAC,CAAC;IAAA,CAC9C,CAAC;IAEF,yCAAyC;IACzC,OAAO,SAAS,CAAC;AAAA,CAClB"}

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

@@ -1,32 +1,48 @@
-import { IRenderData, IComposableDefinition, IComposableType, IExtractSlotProps, IExtractProps, IExtractState } from '@uifabricshared/foundation-composable';
+import {
+  IRenderData,
+  IComposableDefinition,
+  IComposableType,
+  IExtractSlotProps,
+  IExtractProps,
+  IExtractState,
+} from '@uifabricshared/foundation-composable';
 import { ISlotProps, IComponentSettings, IWithTokens, IOverrideLookup } from '@uifabricshared/foundation-settings';
 import { ISettingsEntry } from '@uifabricshared/themed-settings';
 import { ITheme } from '@uifabricshared/theming-ramp';
 import { IStyleFactories, IComponentTokens } from '@uifabricshared/foundation-tokens';
 import * as React from 'react';
-export interface IComposeType<TProps extends object = object, TSlotProps extends ISlotProps = ISlotProps<TProps>, TState extends object = object, TTokens extends object = object, TStatics extends object = object> extends IComposableType<TProps, TSlotProps, TState> {
-    /**
-     * Any statics to attach to the component
-     */
-    statics: TStatics;
-    /**
-     * Token props for this component
-     */
-    tokens: TTokens;
+export interface IComposeType<
+  TProps extends object = object,
+  TSlotProps extends ISlotProps = ISlotProps<TProps>,
+  TState extends object = object,
+  TTokens extends object = object,
+  TStatics extends object = object,
+> extends IComposableType<TProps, TSlotProps, TState> {
+  /**
+   * Any statics to attach to the component
+   */
+  statics: TStatics;
+  /**
+   * Token props for this component
+   */
+  tokens: TTokens;
 }
 type IStaticsFragment<TStatics extends object> = {
-    statics: TStatics;
+  statics: TStatics;
 };
 export type IExtractStatics<T> = T extends IStaticsFragment<infer U> ? U : object;
 type ITokensFragment<TTokens extends object> = {
-    tokens: TTokens;
+  tokens: TTokens;
 };
 export type IExtractTokens<T> = T extends ITokensFragment<infer U> ? U : object;
 /**
  * Function signature for useStyling as implemented by compose.  This adds the lookup function to enable
  * more control over how overrides are applied.
  */
-export type IDefineUseComposeStyling<TProps, TSlotProps extends ISlotProps, TTokens extends object> = (props: TProps, lookup?: IOverrideLookup) => IWithTokens<TSlotProps, TTokens>;
+export type IDefineUseComposeStyling<TProps, TSlotProps extends ISlotProps, TTokens extends object> = (
+  props: TProps,
+  lookup?: IOverrideLookup,
+) => IWithTokens<TSlotProps, TTokens>;
 export type IUseComposeStyling<T> = IDefineUseComposeStyling<IExtractProps<T>, IExtractSlotProps<T>, IExtractTokens<T>>;
 /**
  * Array of:
@@ -36,50 +52,67 @@ export type IUseComposeStyling<T> = IDefineUseComposeStyling<IExtractProps<T>, I
  *
  * These settings are layered together in order to produce the merged settings for a component
  */
-export type IDefineComposeSettings<TSlotProps extends ISlotProps, TTokens extends object> = ISettingsEntry<IComponentSettings<IWithTokens<TSlotProps, TTokens>>, ITheme>[];
+export type IDefineComposeSettings<TSlotProps extends ISlotProps, TTokens extends object> = ISettingsEntry<
+  IComponentSettings<IWithTokens<TSlotProps, TTokens>>,
+  ITheme
+>[];
 export type IComposeSettings<T> = IDefineComposeSettings<IExtractSlotProps<T>, IExtractTokens<T>>;
 /**
  * Settings which dictate the behavior of useStyling, as implemented by the compose package.  These are
  * separated from IComponentOptions to allow the styling portion to be used independently if so desired.
  */
 export interface IStylingSettings<TSlotProps extends ISlotProps, TTokens extends object> {
-    /**
-     * settings used to build up the style definitions
-     */
-    settings?: IDefineComposeSettings<TSlotProps, TTokens>;
-    /**
-     * factories for producing styles from tokens
-     */
-    styles?: IStyleFactories<TSlotProps, TTokens, ITheme>;
-    /**
-     * The input tokens processed, built into functions, with the keys built into a map.
-     *
-     * This gets set automatically when the component is set up for the first time and should not be set by hand.
-     */
-    resolvedTokens?: IComponentTokens<TSlotProps, TTokens, ITheme>;
+  /**
+   * settings used to build up the style definitions
+   */
+  settings?: IDefineComposeSettings<TSlotProps, TTokens>;
+  /**
+   * factories for producing styles from tokens
+   */
+  styles?: IStyleFactories<TSlotProps, TTokens, ITheme>;
+  /**
+   * The input tokens processed, built into functions, with the keys built into a map.
+   *
+   * This gets set automatically when the component is set up for the first time and should not be set by hand.
+   */
+  resolvedTokens?: IComponentTokens<TSlotProps, TTokens, ITheme>;
 }
 /**
  * Options to be used with compose.  These drive the actual behavior of the component and are comprised of styling
  * options as well as options which configure composable.
  */
-export interface IComposeOptions<TProps extends object = object, TSlotProps extends ISlotProps = ISlotProps<TProps>, TTokens extends object = object, TState extends object = object, TStatics extends object = object> extends IComposableDefinition<TProps, TSlotProps, TState>, IStylingSettings<TSlotProps, TTokens> {
-    /**
-     * Add an additional option to use styling to allow for injecting override lookup functions
-     */
-    useStyling?: IDefineUseComposeStyling<TProps, TSlotProps, TTokens>;
-    /**
-     * Use prepare props will take the more opinionated version of useStyling
-     */
-    usePrepareProps?: (props: TProps, useStyling: IDefineUseComposeStyling<TProps, TSlotProps, TTokens>) => IRenderData<TSlotProps, TState>;
-    /**
-     * Optional statics to attach to the component.  This is primary used to attach a sub-component to a parent component
-     */
-    statics?: TStatics;
+export interface IComposeOptions<
+  TProps extends object = object,
+  TSlotProps extends ISlotProps = ISlotProps<TProps>,
+  TTokens extends object = object,
+  TState extends object = object,
+  TStatics extends object = object,
+> extends IComposableDefinition<TProps, TSlotProps, TState>,
+    IStylingSettings<TSlotProps, TTokens> {
+  /**
+   * Add an additional option to use styling to allow for injecting override lookup functions
+   */
+  useStyling?: IDefineUseComposeStyling<TProps, TSlotProps, TTokens>;
+  /**
+   * Use prepare props will take the more opinionated version of useStyling
+   */
+  usePrepareProps?: (props: TProps, useStyling: IDefineUseComposeStyling<TProps, TSlotProps, TTokens>) => IRenderData<TSlotProps, TState>;
+  /**
+   * Optional statics to attach to the component.  This is primary used to attach a sub-component to a parent component
+   */
+  statics?: TStatics;
 }
 /**
  * The signature of the component returned from compose.
  */
-export type IComposeReturnType<TProps extends object, TSlotProps extends ISlotProps, TTokens extends object, TState extends object = object, TStatics extends object = object> = React.FunctionComponent<TProps> & TStatics & {
+export type IComposeReturnType<
+  TProps extends object,
+  TSlotProps extends ISlotProps,
+  TTokens extends object,
+  TState extends object = object,
+  TStatics extends object = object,
+> = React.FunctionComponent<TProps> &
+  TStatics & {
     /**
      * composable options, used by composable for chaining objects.  For compose this also includes the extensions
      * such as settings or token information.
@@ -88,17 +121,27 @@ export type IComposeReturnType<TProps extends object, TSlotProps extends ISlotPr
     /**
      * shorthand function for doing quick customizations of a component by appending to settings
      */
-    customize: (...settings: IDefineComposeSettings<TSlotProps, TTokens>) => IComposeReturnType<TProps, TSlotProps, TTokens, TState, TStatics>;
+    customize: (
+      ...settings: IDefineComposeSettings<TSlotProps, TTokens>
+    ) => IComposeReturnType<TProps, TSlotProps, TTokens, TState, TStatics>;
     /**
      * helper function to quickly add new partial options to the base component.  The primary advantage is that
      * this is strongly typed for the component type which avoids needing to pass all the type parameters correctly.
      */
-    compose: (newOptions: Partial<IComposeOptions<TProps, TSlotProps, TTokens, TState, TStatics>>) => IComposeReturnType<TProps, TSlotProps, TTokens, TState, TStatics>;
-};
+    compose: (
+      newOptions: Partial<IComposeOptions<TProps, TSlotProps, TTokens, TState, TStatics>>,
+    ) => IComposeReturnType<TProps, TSlotProps, TTokens, TState, TStatics>;
+  };
 /**
  * A shorthand for typecasting a component into a more specific type, used for dealing with multiple platforms in
  * react-native
  */
-export type IComposeTypecast<TType> = IComposeReturnType<IExtractProps<TType>, IExtractSlotProps<TType>, IExtractTokens<TType>, IExtractState<TType>, IExtractStatics<TType>>;
+export type IComposeTypecast<TType> = IComposeReturnType<
+  IExtractProps<TType>,
+  IExtractSlotProps<TType>,
+  IExtractTokens<TType>,
+  IExtractState<TType>,
+  IExtractStatics<TType>
+>;
 export {};
-//# sourceMappingURL=compose.types.d.ts.map
+//# sourceMappingURL=compose.types.d.ts.map

package/lib-commonjs/compose.types.js

@@ -1,4 +1,4 @@
-"use strict";
+'use strict';
 /* eslint-disable */
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=compose.types.js.map
+Object.defineProperty(exports, '__esModule', { value: true });
+//# sourceMappingURL=compose.types.js.map

package/lib-commonjs/index.d.ts

@@ -1,4 +1,16 @@
-export type { IComposeOptions, IComposeReturnType, IComposeSettings, IComposeType, IComposeTypecast, IDefineComposeSettings, IDefineUseComposeStyling, IExtractStatics, IExtractTokens, IStylingSettings, IUseComposeStyling, } from './compose.types';
+export type {
+  IComposeOptions,
+  IComposeReturnType,
+  IComposeSettings,
+  IComposeType,
+  IComposeTypecast,
+  IDefineComposeSettings,
+  IDefineUseComposeStyling,
+  IExtractStatics,
+  IExtractTokens,
+  IStylingSettings,
+  IUseComposeStyling,
+} from './compose.types';
 export { compose } from './compose';
 export { initializeStyling } from './useStyling';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib-commonjs/index.js

@@ -1,8 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.initializeStyling = exports.compose = void 0;
-var compose_1 = require("./compose");
-Object.defineProperty(exports, "compose", { enumerable: true, get: function () { return compose_1.compose; } });
-var useStyling_1 = require("./useStyling");
-Object.defineProperty(exports, "initializeStyling", { enumerable: true, get: function () { return useStyling_1.initializeStyling; } });
-//# sourceMappingURL=index.js.map
+const compose_1 = require('./compose');
+Object.defineProperty(exports, 'compose', {
+  enumerable: true,
+  get: function () {
+    return compose_1.compose;
+  },
+});
+const useStyling_1 = require('./useStyling');
+Object.defineProperty(exports, 'initializeStyling', {
+  enumerable: true,
+  get: function () {
+    return useStyling_1.initializeStyling;
+  },
+});
+//# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAaA,qCAAoC;AAA3B,kGAAA,OAAO,OAAA;AAChB,2CAAiD;AAAxC,+GAAA,iBAAiB,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAaA,uCAAoC;AAA3B,kGAAA,OAAO,OAAA;AAChB,6CAAiD;AAAxC,+GAAA,iBAAiB,OAAA"}

package/lib-commonjs/useStyling.d.ts

@@ -8,5 +8,11 @@ export declare function getOptionsFromObj<TComponent>(obj: any): TComponent | un
  * @param options - style settings to configure this function.  Note that this should be scoped to a single component.
  * @param name - optional base name to use as a cache key
  */
-export declare function initializeStyling<TProps extends object, TSlotProps extends ISlotProps, TTokens extends object, TState extends object, TStatics extends object>(options: IComposeOptions<TProps, TSlotProps, TTokens, TState, TStatics>): IDefineUseComposeStyling<TProps, TSlotProps, TTokens>;
-//# sourceMappingURL=useStyling.d.ts.map
+export declare function initializeStyling<
+  TProps extends object,
+  TSlotProps extends ISlotProps,
+  TTokens extends object,
+  TState extends object,
+  TStatics extends object,
+>(options: IComposeOptions<TProps, TSlotProps, TTokens, TState, TStatics>): IDefineUseComposeStyling<TProps, TSlotProps, TTokens>;
+//# sourceMappingURL=useStyling.d.ts.map

package/lib-commonjs/useStyling.js

@@ -1,42 +1,50 @@
-"use strict";
+'use strict';
 /* eslint-disable */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.initializeStyling = exports.getOptionsFromObj = void 0;
-const themed_settings_1 = require("@uifabricshared/themed-settings");
-const theming_ramp_1 = require("@uifabricshared/theming-ramp");
-const foundation_tokens_1 = require("@uifabricshared/foundation-tokens");
-const theme_types_1 = require("@fluentui-react-native/theme-types");
-const default_theme_1 = require("@fluentui-react-native/default-theme");
-const framework_base_1 = require("@fluentui-react-native/framework-base");
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.getOptionsFromObj = getOptionsFromObj;
+exports.initializeStyling = initializeStyling;
+const themed_settings_1 = require('@uifabricshared/themed-settings');
+const theming_ramp_1 = require('@uifabricshared/theming-ramp');
+const foundation_tokens_1 = require('@uifabricshared/foundation-tokens');
+const theme_types_1 = require('@fluentui-react-native/theme-types');
+const default_theme_1 = require('@fluentui-react-native/default-theme');
+const framework_base_1 = require('@fluentui-react-native/framework-base');
 /* tslint:disable-next-line no-any */
 function getOptionsFromObj(obj) {
-    const objType = obj && typeof obj;
-    return ((objType === 'object' || objType === 'function') && obj.__composable) || undefined;
+  const objType = obj && typeof obj;
+  return ((objType === 'object' || objType === 'function') && obj.__composable) || undefined;
 }
-exports.getOptionsFromObj = getOptionsFromObj;
 function _getSettingsFromTheme(theme, name) {
-    return (0, theming_ramp_1.getSettings)(theme, name);
+  return (0, theming_ramp_1.getSettings)(theme, name);
 }
 function _getHasToken(slots) {
-    const slotTokens = {};
-    Object.keys(slots).forEach((slotName) => {
-        const slot = slots[slotName];
-        const slotType = (typeof slot !== 'object' ? slot : slot.slotType);
-        const options = getOptionsFromObj(slotType);
-        slotTokens[slotName] = (options && options.resolvedTokens && options.resolvedTokens.tokenKeys) || undefined;
-    });
-    return (target, key) => {
-        return slotTokens[target] && slotTokens[target].hasOwnProperty(key);
-    };
+  const slotTokens = {};
+  Object.keys(slots).forEach((slotName) => {
+    const slot = slots[slotName];
+    const slotType = typeof slot !== 'object' ? slot : slot.slotType;
+    const options = getOptionsFromObj(slotType);
+    slotTokens[slotName] = (options && options.resolvedTokens && options.resolvedTokens.tokenKeys) || undefined;
+  });
+  return (target, key) => {
+    return slotTokens[target] && slotTokens[target].hasOwnProperty(key);
+  };
 }
 function useStylingCore(props, options, instanceMemoCache, lookupOverride) {
-    // get the theme value from the context (or the default theme if it is not set)
-    const theme = (0, theme_types_1.useTheme)() || default_theme_1.defaultFluentTheme;
-    // resolve the array of settings for these options
-    lookupOverride = lookupOverride || props;
-    const { settings, getMemoValue } = (0, themed_settings_1.getThemedSettings)(options.settings, theme, instanceMemoCache, lookupOverride, _getSettingsFromTheme);
-    // finish by processing the tokens and turning IComponentSettings into ISlotProps (this removes things like _overrides)
-    return (0, theming_ramp_1.returnAsSlotProps)((0, foundation_tokens_1.processTokens)(props, theme, settings, options.resolvedTokens, getMemoValue));
+  // get the theme value from the context (or the default theme if it is not set)
+  const theme = (0, theme_types_1.useTheme)() || default_theme_1.defaultFluentTheme;
+  // resolve the array of settings for these options
+  lookupOverride = lookupOverride || props;
+  const { settings, getMemoValue } = (0, themed_settings_1.getThemedSettings)(
+    options.settings,
+    theme,
+    instanceMemoCache,
+    lookupOverride,
+    _getSettingsFromTheme,
+  );
+  // finish by processing the tokens and turning IComponentSettings into ISlotProps (this removes things like _overrides)
+  return (0, theming_ramp_1.returnAsSlotProps)(
+    (0, foundation_tokens_1.processTokens)(props, theme, settings, options.resolvedTokens, getMemoValue),
+  );
 }
 /**
  * return a useStyling implementation, in the form of IUseComposeStyling, based on the passed in styleSettings.  The
@@ -46,15 +54,14 @@ function useStylingCore(props, options, instanceMemoCache, lookupOverride) {
  * @param name - optional base name to use as a cache key
  */
 function initializeStyling(options) {
-    // process the tokens and get them ready to render
-    const { styles, slots } = options;
-    options.resolvedTokens = (0, foundation_tokens_1.buildComponentTokens)(styles, _getHasToken(slots));
-    // memo cache root for this component, keyed on options
-    const getMemoValue = (0, framework_base_1.getMemoCache)(options);
-    // create a useStyling implementation for this component type (per type, not per instance)
-    return (props, lookupOverride) => {
-        return useStylingCore(props, options, getMemoValue, lookupOverride);
-    };
+  // process the tokens and get them ready to render
+  const { styles, slots } = options;
+  options.resolvedTokens = (0, foundation_tokens_1.buildComponentTokens)(styles, _getHasToken(slots));
+  // memo cache root for this component, keyed on options
+  const getMemoValue = (0, framework_base_1.getMemoCache)(options);
+  // create a useStyling implementation for this component type (per type, not per instance)
+  return (props, lookupOverride) => {
+    return useStylingCore(props, options, getMemoValue, lookupOverride);
+  };
 }
-exports.initializeStyling = initializeStyling;
-//# sourceMappingURL=useStyling.js.map
+//# sourceMappingURL=useStyling.js.map

package/lib-commonjs/useStyling.js.map

@@ -1 +1 @@
-{"version":3,"file":"useStyling.js","sourceRoot":"","sources":["../src/useStyling.ts"],"names":[],"mappings":";AAAA,oBAAoB;;;AAGpB,qEAAoE;AACpE,+DAAsF;AACtF,yEAA2H;AAC3H,oEAA8D;AAC9D,wEAA0E;AAG1E,0EAAmF;AAEnF,qCAAqC;AACrC,SAAgB,iBAAiB,CAAa,GAAQ;IACpD,MAAM,OAAO,GAAG,GAAG,IAAI,OAAO,GAAG,CAAC;IAClC,OAAO,CAAC,CAAC,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,UAAU,CAAC,IAAK,GAA2C,CAAC,YAAY,CAAC,IAAI,SAAS,CAAC;AACtI,CAAC;AAHD,8CAGC;AAED,SAAS,qBAAqB,CAAC,KAAa,EAAE,IAAY;IACxD,OAAO,IAAA,0BAAW,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC;AAClC,CAAC;AAED,SAAS,YAAY,CACnB,KAAiE;IAEjE,MAAM,UAAU,GAA8F,EAAE,CAAC;IACjH,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;QACtC,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;QAC7B,MAAM,QAAQ,GAAG,CAAC,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAoB,CAAC;QACtF,MAAM,OAAO,GAAkD,iBAAiB,CAAC,QAAQ,CAAC,CAAC;QAC3F,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,IAAI,OAAO,CAAC,cAAc,IAAI,OAAO,CAAC,cAAc,CAAC,SAAS,CAAC,IAAI,SAAS,CAAC;IAC9G,CAAC,CAAC,CAAC;IACH,OAAO,CAAC,MAAc,EAAE,GAAW,EAAE,EAAE;QACrC,OAAO,UAAU,CAAC,MAAM,CAAC,IAAI,UAAU,CAAC,MAAM,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;IACtE,CAAC,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CACrB,KAAa,EACb,OAA8C,EAC9C,iBAA+B,EAC/B,cAAgC;IAEhC,+EAA+E;IAC/E,MAAM,KAAK,GAAG,IAAA,sBAAQ,GAAE,IAAI,kCAAkB,CAAC;IAE/C,kDAAkD;IAClD,cAAc,GAAG,cAAc,IAAI,KAAK,CAAC;IAEzC,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,IAAA,mCAAiB,EAClD,OAAO,CAAC,QAAQ,EAChB,KAAK,EACL,iBAAiC,EACjC,cAAc,EACd,qBAA4B,CAC7B,CAAC;IAEF,uHAAuH;IACvH,OAAO,IAAA,gCAAiB,EACtB,IAAA,iCAAa,EAA8B,KAA2B,EAAE,KAAK,EAAE,QAAe,EAAE,OAAO,CAAC,cAAc,EAAE,YAAY,CAAC,CAClG,CAAC;AACxC,CAAC;AAED;;;;;;GAMG;AACH,SAAgB,iBAAiB,CAM/B,OAAuE;IACvE,kDAAkD;IAClD,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC;IAClC,OAAO,CAAC,cAAc,GAAG,IAAA,wCAAoB,EAA8B,MAAM,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;IAExG,uDAAuD;IACvD,MAAM,YAAY,GAAG,IAAA,6BAAY,EAAC,OAAO,CAAC,CAAC;IAE3C,0FAA0F;IAC1F,OAAO,CAAC,KAAa,EAAE,cAAgC,EAAE,EAAE;QACzD,OAAO,cAAc,CAA8B,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,cAAc,CAAC,CAAC;IACnG,CAAC,CAAC;AACJ,CAAC;AAlBD,8CAkBC"}
+{"version":3,"file":"useStyling.js","sourceRoot":"","sources":["../src/useStyling.ts"],"names":[],"mappings":";AAAA,oBAAoB;;;;AAGpB,qEAAoE;AACpE,+DAAsF;AACtF,yEAA2H;AAC3H,oEAA8D;AAC9D,wEAA0E;AAG1E,0EAAmF;AAEnF,qCAAqC;AACrC,2BAA8C,GAAQ,EAA0B;IAC9E,MAAM,OAAO,GAAG,GAAG,IAAI,OAAO,GAAG,CAAC;IAClC,OAAO,CAAC,CAAC,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,UAAU,CAAC,IAAK,GAA2C,CAAC,YAAY,CAAC,IAAI,SAAS,CAAC;AAAA,CACrI;AAED,SAAS,qBAAqB,CAAC,KAAa,EAAE,IAAY,EAAsB;IAC9E,OAAO,IAAA,0BAAW,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC;AAAA,CACjC;AAED,SAAS,YAAY,CACnB,KAAiE,EAChD;IACjB,MAAM,UAAU,GAA8F,EAAE,CAAC;IACjH,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC;QACvC,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;QAC7B,MAAM,QAAQ,GAAG,CAAC,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAoB,CAAC;QACtF,MAAM,OAAO,GAAkD,iBAAiB,CAAC,QAAQ,CAAC,CAAC;QAC3F,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,IAAI,OAAO,CAAC,cAAc,IAAI,OAAO,CAAC,cAAc,CAAC,SAAS,CAAC,IAAI,SAAS,CAAC;IAAA,CAC7G,CAAC,CAAC;IACH,OAAO,CAAC,MAAc,EAAE,GAAW,EAAE,EAAE,CAAC;QACtC,OAAO,UAAU,CAAC,MAAM,CAAC,IAAI,UAAU,CAAC,MAAM,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;IAAA,CACrE,CAAC;AAAA,CACH;AAED,SAAS,cAAc,CACrB,KAAa,EACb,OAA8C,EAC9C,iBAA+B,EAC/B,cAAgC,EACE;IAClC,+EAA+E;IAC/E,MAAM,KAAK,GAAG,IAAA,sBAAQ,GAAE,IAAI,kCAAkB,CAAC;IAE/C,kDAAkD;IAClD,cAAc,GAAG,cAAc,IAAI,KAAK,CAAC;IAEzC,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,IAAA,mCAAiB,EAClD,OAAO,CAAC,QAAQ,EAChB,KAAK,EACL,iBAAiC,EACjC,cAAc,EACd,qBAA4B,CAC7B,CAAC;IAEF,uHAAuH;IACvH,OAAO,IAAA,gCAAiB,EACtB,IAAA,iCAAa,EAA8B,KAA2B,EAAE,KAAK,EAAE,QAAe,EAAE,OAAO,CAAC,cAAc,EAAE,YAAY,CAAC,CAClG,CAAC;AAAA,CACvC;AAED;;;;;;GAMG;AACH,2BAME,OAAuE,EAAyD;IAChI,kDAAkD;IAClD,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC;IAClC,OAAO,CAAC,cAAc,GAAG,IAAA,wCAAoB,EAA8B,MAAM,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;IAExG,uDAAuD;IACvD,MAAM,YAAY,GAAG,IAAA,6BAAY,EAAC,OAAO,CAAC,CAAC;IAE3C,0FAA0F;IAC1F,OAAO,CAAC,KAAa,EAAE,cAAgC,EAAE,EAAE,CAAC;QAC1D,OAAO,cAAc,CAA8B,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,cAAc,CAAC,CAAC;IAAA,CAClG,CAAC;AAAA,CACH"}