@fluentui-react-native/use-styling 0.13.12 → 0.14.0

package/lib/useStyling.samples.test.js

@@ -1,4 +1,5 @@
-import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import { act } from 'react';
 import { Text, View } from 'react-native';
 import * as renderer from 'react-test-renderer';
 import { buildProps } from './buildProps';
@@ -7,14 +8,14 @@ import { buildUseStyling } from './buildUseStyling';
  * The default/base theme just contains base values
  */
 const baseTheme = {
-    globals: {
-        backgroundColor: 'white',
-        color: 'black',
-        borderColor: 'blue',
-        fontFamily: 'Arial',
-        fontSize: 12,
-    },
-    components: {},
+  globals: {
+    backgroundColor: 'white',
+    color: 'black',
+    borderColor: 'blue',
+    fontFamily: 'Arial',
+    fontSize: 12,
+  },
+  components: {},
 };
 const current = { theme: baseTheme };
 /**
@@ -23,156 +24,178 @@ const current = { theme: baseTheme };
  * whatever system they desire
  */
 const themeHelper = {
-    useTheme: () => current.theme,
-    getComponentInfo: (theme, name) => theme.components[name],
-    setActive: (theme) => {
-        current.theme = theme ? { ...baseTheme, ...theme } : baseTheme;
-    },
+  useTheme: () => current.theme,
+  getComponentInfo: (theme, name) => theme.components[name],
+  setActive: (theme) => {
+    current.theme = theme ? { ...baseTheme, ...theme } : baseTheme;
+  },
 };
 describe('useStyling samples', () => {
+  /**
+   * Sample #1 - Themeable text element
+   *
+   * This adds some default opinions for how a text element should be styled but only allows for customization
+   * via theming
+   */
+  // now create the styling hook, first the options so they can be reused later
+  const sample1StylingOptions = {
     /**
-     * Sample #1 - Themeable text element
-     *
-     * This adds some default opinions for how a text element should be styled but only allows for customization
-     * via theming
+     * tell the styling hook how to build up the tokens
      */
-    // now create the styling hook, first the options so they can be reused later
-    const sample1StylingOptions = {
+    tokens: [
+      /** first the default values should come from the global theme section */
+      (t) => ({
+        color: t.globals.color,
+        fontFamily: t.globals.fontFamily,
+        fontSize: t.globals.fontSize,
+      }),
+      /** next we should look for a component reference to overlay */
+      'Sample1',
+    ],
+    /**
+     * Now provide the recipe for how to build props for the sub-components given the tokens
+     */
+    slotProps: {
+      /** only one sub-component, a Text element called content, as a result this needs to build up TextProps */
+      content: buildProps(
         /**
-         * tell the styling hook how to build up the tokens
+         * first input for buildProps is a function which takes tokens and a theme and returns props
          */
-        tokens: [
-            /** first the default values should come from the global theme section */
-            (t) => ({
-                color: t.globals.color,
-                fontFamily: t.globals.fontFamily,
-                fontSize: t.globals.fontSize,
-            }),
-            /** next we should look for a component reference to overlay */
-            'Sample1',
-        ],
+        (tokens /*, theme: Theme */) => {
+          return {
+            style: { ...tokens },
+          };
+        },
         /**
-         * Now provide the recipe for how to build props for the sub-components given the tokens
+         * The second input are the tokens used as inputs for the above function. This is similar to the way the useEffect hook
+         * works in react.
          */
-        slotProps: {
-            /** only one sub-component, a Text element called content, as a result this needs to build up TextProps */
-            content: buildProps(
-            /**
-             * first input for buildProps is a function which takes tokens and a theme and returns props
-             */
-            (tokens /*, theme: Theme */) => {
-                return {
-                    style: { ...tokens },
-                };
-            }, 
-            /**
-             * The second input are the tokens used as inputs for the above function. This is similar to the way the useEffect hook
-             * works in react.
-             */
-            ['color', 'fontFamily', 'fontSize']),
+        ['color', 'fontFamily', 'fontSize'],
+      ),
+    },
+  };
+  // now build the actual hook from the options and theme helper
+  const useStylingSample1 = buildUseStyling(sample1StylingOptions, themeHelper);
+  // now the sample 1 component becomes simple to build, just merge the styled props with the input props
+  const Sample1Text = (props) => {
+    const styledProps = useStylingSample1(props).content;
+    const merged = { ...props, ...styledProps };
+    return _jsx(Text, { ...merged, children: props.children });
+  };
+  /** first render the component with no updates */
+  it('Sample1Text rendering with no overrides', () => {
+    let component;
+    act(() => {
+      component = renderer.create(_jsx(Sample1Text, { children: 'Sample1a' }));
+    });
+    expect(component.toJSON()).toMatchSnapshot();
+  });
+  /** now re-theme the component via the components in the theme */
+  it('Sample1Text rendering with some custom settings in the theme', () => {
+    themeHelper.setActive({
+      components: {
+        Sample1: {
+          color: 'pink',
+          fontSize: 24,
         },
-    };
-    // now build the actual hook from the options and theme helper
-    const useStylingSample1 = buildUseStyling(sample1StylingOptions, themeHelper);
-    // now the sample 1 component becomes simple to build, just merge the styled props with the input props
-    const Sample1Text = (props) => {
-        const styledProps = useStylingSample1(props).content;
-        const merged = { ...props, ...styledProps };
-        return React.createElement(Text, { ...merged }, props.children);
-    };
-    /** first render the component with no updates */
-    it('Sample1Text rendering with no overrides', () => {
-        const tree = renderer.create(React.createElement(Sample1Text, null, "Sample1a")).toJSON();
-        expect(tree).toMatchSnapshot();
+      },
     });
-    /** now re-theme the component via the components in the theme */
-    it('Sample1Text rendering with some custom settings in the theme', () => {
-        themeHelper.setActive({
-            components: {
-                Sample1: {
-                    color: 'pink',
-                    fontSize: 24,
-                },
-            },
-        });
-        const tree = renderer.create(React.createElement(Sample1Text, null, "Sample1b")).toJSON();
-        expect(tree).toMatchSnapshot();
+    let component;
+    act(() => {
+      component = renderer.create(_jsx(Sample1Text, { children: 'Sample1b' }));
     });
-    /**
-     * Build the styling hook for sample2. Because this isn't being recombined this is being specified inline rather
-     * than using a separate options object. Both are fine.
-     */
-    const useStylingSample2 = buildUseStyling({
-        /**
-         * This just starts with the baseline styling from sample1, in particular we are using the recipes of how to turn
-         * token values into the props for the internal sub-components. While this example is not super complex, for real-world
-         * components, re-using these can be extremely valuable.
-         *
-         * With that in mind, this copies over the recipes for how to turn tokens into props, the customizations that
-         * will be made are about how to ensure the tokens are set up correctly.
-         */
-        ...sample1StylingOptions,
-        /**
-         * In sample1 tokens are set to defaults from the global theme section, then patched with any values looked up with
-         * the string 'Sample1'
-         *
-         * We want to maintain the logic of setting up the globals, but add an additional lookup for 'Sample2'. This might correspond
-         * to saying that if we were making a variant of a 'Text' component called 'HeaderText', we might want to look up
-         * customizations from 'Text' first, then override those customizations with those from 'HeaderText'
-         *
-         * If we didn't want to add the extra 'Sample2' lookup this line would be omitted. If we didn't want to look up 'Sample1' first
-         * that could be filtered out of the array that is being copied
-         */
-        tokens: [...sample1StylingOptions.tokens, 'Sample2'],
-        /**
-         * This is the final bit of magic. The tokens will already have values set from the global theme, they will then be patched with
-         * any customizations set into Sample1 and/or Sample2.
-         *
-         * If this value was omitted then the tokens would be passed to the slotProps recipies as is. To have those values patched from
-         * the component props we add a list of the props which need to be passed into tokens. If all props should be spread into the
-         * tokens then this value can be set to 'all'. If none should be passed it can be omitted or set to 'none'
-         */
-        tokensThatAreAlsoProps: ['color'],
-    }, themeHelper);
-    // the Sample2Text component is built the same way as sample1, just using the new hook that has been created
-    const Sample2Text = (props) => {
-        const styledProps = useStylingSample2(props).content;
-        const merged = { ...props, ...styledProps };
-        // delete the color key to not pass it through to the text props, could be done via destructuring, filtering, or any number of ways
-        delete merged.color;
-        // render the text
-        return React.createElement(Text, { ...merged }, props.children);
-    };
-    /** rendering the Sample2 component with the base theme */
-    it('Sample2Text rendering with defaults and a color override', () => {
-        themeHelper.setActive();
-        const tree = renderer
-            .create(React.createElement(View, null,
-            React.createElement(Sample2Text, null, "Sample2 with defaults"),
-            React.createElement(Sample2Text, { color: "green" }, "Sample2 with color override via prop")))
-            .toJSON();
-        expect(tree).toMatchSnapshot();
+    expect(component.toJSON()).toMatchSnapshot();
+  });
+  /**
+   * Build the styling hook for sample2. Because this isn't being recombined this is being specified inline rather
+   * than using a separate options object. Both are fine.
+   */
+  const useStylingSample2 = buildUseStyling(
+    {
+      /**
+       * This just starts with the baseline styling from sample1, in particular we are using the recipes of how to turn
+       * token values into the props for the internal sub-components. While this example is not super complex, for real-world
+       * components, re-using these can be extremely valuable.
+       *
+       * With that in mind, this copies over the recipes for how to turn tokens into props, the customizations that
+       * will be made are about how to ensure the tokens are set up correctly.
+       */
+      ...sample1StylingOptions,
+      /**
+       * In sample1 tokens are set to defaults from the global theme section, then patched with any values looked up with
+       * the string 'Sample1'
+       *
+       * We want to maintain the logic of setting up the globals, but add an additional lookup for 'Sample2'. This might correspond
+       * to saying that if we were making a variant of a 'Text' component called 'HeaderText', we might want to look up
+       * customizations from 'Text' first, then override those customizations with those from 'HeaderText'
+       *
+       * If we didn't want to add the extra 'Sample2' lookup this line would be omitted. If we didn't want to look up 'Sample1' first
+       * that could be filtered out of the array that is being copied
+       */
+      tokens: [...sample1StylingOptions.tokens, 'Sample2'],
+      /**
+       * This is the final bit of magic. The tokens will already have values set from the global theme, they will then be patched with
+       * any customizations set into Sample1 and/or Sample2.
+       *
+       * If this value was omitted then the tokens would be passed to the slotProps recipies as is. To have those values patched from
+       * the component props we add a list of the props which need to be passed into tokens. If all props should be spread into the
+       * tokens then this value can be set to 'all'. If none should be passed it can be omitted or set to 'none'
+       */
+      tokensThatAreAlsoProps: ['color'],
+    },
+    themeHelper,
+  );
+  // the Sample2Text component is built the same way as sample1, just using the new hook that has been created
+  const Sample2Text = (props) => {
+    const styledProps = useStylingSample2(props).content;
+    const merged = { ...props, ...styledProps };
+    // delete the color key to not pass it through to the text props, could be done via destructuring, filtering, or any number of ways
+    delete merged.color;
+    // render the text
+    return _jsx(Text, { ...merged, children: props.children });
+  };
+  /** rendering the Sample2 component with the base theme */
+  it('Sample2Text rendering with defaults and a color override', () => {
+    themeHelper.setActive();
+    let component;
+    act(() => {
+      component = renderer.create(
+        _jsxs(View, {
+          children: [
+            _jsx(Sample2Text, { children: 'Sample2 with defaults' }),
+            _jsx(Sample2Text, { color: 'green', children: 'Sample2 with color override via prop' }),
+          ],
+        }),
+      );
+    });
+    expect(component.toJSON()).toMatchSnapshot();
+  });
+  /** now re-theme the component via the components in the theme */
+  it('Sample2Text rendering with some custom settings in the theme', () => {
+    themeHelper.setActive({
+      components: {
+        Sample1: {
+          color: 'pink',
+          fontSize: 24,
+        },
+        Sample2: {
+          fontSize: 18,
+          fontFamily: 'Helvetica',
+        },
+      },
     });
-    /** now re-theme the component via the components in the theme */
-    it('Sample2Text rendering with some custom settings in the theme', () => {
-        themeHelper.setActive({
-            components: {
-                Sample1: {
-                    color: 'pink',
-                    fontSize: 24,
-                },
-                Sample2: {
-                    fontSize: 18,
-                    fontFamily: 'Helvetica',
-                },
-            },
-        });
-        const tree = renderer
-            .create(React.createElement(View, null,
-            React.createElement(Sample2Text, null, "Sample2 with theme overrides set"),
-            React.createElement(Sample2Text, { color: "purple" }, "Sample2 with theme and color prop override")))
-            .toJSON();
-        expect(tree).toMatchSnapshot();
+    let component;
+    act(() => {
+      component = renderer.create(
+        _jsxs(View, {
+          children: [
+            _jsx(Sample2Text, { children: 'Sample2 with theme overrides set' }),
+            _jsx(Sample2Text, { color: 'purple', children: 'Sample2 with theme and color prop override' }),
+          ],
+        }),
+      );
     });
+    expect(component.toJSON()).toMatchSnapshot();
+  });
 });
-//# sourceMappingURL=useStyling.samples.test.js.map
+//# sourceMappingURL=useStyling.samples.test.js.map

package/lib/useStyling.samples.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"useStyling.samples.test.js","sourceRoot":"","sources":["../src/useStyling.samples.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAuBpD;;GAEG;AACH,MAAM,SAAS,GAAU;IACvB,OAAO,EAAE;QACP,eAAe,EAAE,OAAO;QACxB,KAAK,EAAE,OAAO;QACd,WAAW,EAAE,MAAM;QACnB,UAAU,EAAE,OAAO;QACnB,QAAQ,EAAE,EAAE;KACb;IACD,UAAU,EAAE,EAAE;CACf,CAAC;AAEF,MAAM,OAAO,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;AAErC;;;;GAIG;AACH,MAAM,WAAW,GAAyE;IACxF,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK;IAC7B,gBAAgB,EAAE,CAAC,KAAY,EAAE,IAAY,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC;IACxE,SAAS,EAAE,CAAC,KAAsB,EAAE,EAAE;QACpC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IACjE,CAAC;CACF,CAAC;AAEF,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAClC;;;;;OAKG;IAeH,6EAA6E;IAC7E,MAAM,qBAAqB,GAA4E;QACrG;;WAEG;QACH,MAAM,EAAE;YACN,yEAAyE;YACzE,CAAC,CAAQ,EAAE,EAAE,CAAC,CAAC;gBACb,KAAK,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK;gBACtB,UAAU,EAAE,CAAC,CAAC,OAAO,CAAC,UAAU;gBAChC,QAAQ,EAAE,CAAC,CAAC,OAAO,CAAC,QAAQ;aAC7B,CAAC;YACF,+DAA+D;YAC/D,SAAS;SACV;QACD;;WAEG;QACH,SAAS,EAAE;YACT,0GAA0G;YAC1G,OAAO,EAAE,UAAU;YACjB;;eAEG;YACH,CAAC,MAAqB,CAAC,mBAAmB,EAAE,EAAE;gBAC5C,OAAO;oBACL,KAAK,EAAE,EAAE,GAAG,MAAM,EAAE;iBACrB,CAAC;YACJ,CAAC;YACD;;;eAGG;YACH,CAAC,OAAO,EAAE,YAAY,EAAE,UAAU,CAAC,CACpC;SACF;KACF,CAAC;IAEF,8DAA8D;IAC9D,MAAM,iBAAiB,GAAG,eAAe,CAAC,qBAAqB,EAAE,WAAW,CAAC,CAAC;IAE9E,uGAAuG;IACvG,MAAM,WAAW,GAA0C,CAAC,KAAK,EAAE,EAAE;QACnE,MAAM,WAAW,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC;QACrD,MAAM,MAAM,GAAG,EAAE,GAAG,KAAK,EAAE,GAAG,WAAW,EAAE,CAAC;QAC5C,OAAO,oBAAC,IAAI,OAAK,MAAM,IAAG,KAAK,CAAC,QAAQ,CAAQ,CAAC;IACnD,CAAC,CAAC;IAEF,iDAAiD;IACjD,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;QACjD,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,oBAAC,WAAW,mBAAuB,CAAC,CAAC,MAAM,EAAE,CAAC;QAC3E,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,iEAAiE;IACjE,EAAE,CAAC,8DAA8D,EAAE,GAAG,EAAE;QACtE,WAAW,CAAC,SAAS,CAAC;YACpB,UAAU,EAAE;gBACV,OAAO,EAAE;oBACP,KAAK,EAAE,MAAM;oBACb,QAAQ,EAAE,EAAE;iBACb;aACF;SACF,CAAC,CAAC;QACH,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,oBAAC,WAAW,mBAAuB,CAAC,CAAC,MAAM,EAAE,CAAC;QAC3E,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAYH;;;OAGG;IACH,MAAM,iBAAiB,GAAG,eAAe,CACvC;QACE;;;;;;;WAOG;QACH,GAAG,qBAAqB;QACxB;;;;;;;;;;WAUG;QACH,MAAM,EAAE,CAAC,GAAG,qBAAqB,CAAC,MAAM,EAAE,SAAS,CAAC;QACpD;;;;;;;WAOG;QACH,sBAAsB,EAAE,CAAC,OAAO,CAAC;KAClC,EACD,WAAW,CACZ,CAAC;IAEF,4GAA4G;IAC5G,MAAM,WAAW,GAA0C,CAAC,KAAK,EAAE,EAAE;QACnE,MAAM,WAAW,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC;QACrD,MAAM,MAAM,GAAG,EAAE,GAAG,KAAK,EAAE,GAAG,WAAW,EAAE,CAAC;QAC5C,mIAAmI;QACnI,OAAO,MAAM,CAAC,KAAK,CAAC;QACpB,kBAAkB;QAClB,OAAO,oBAAC,IAAI,OAAK,MAAM,IAAG,KAAK,CAAC,QAAQ,CAAQ,CAAC;IACnD,CAAC,CAAC;IAEF,0DAA0D;IAC1D,EAAE,CAAC,0DAA0D,EAAE,GAAG,EAAE;QAClE,WAAW,CAAC,SAAS,EAAE,CAAC;QACxB,MAAM,IAAI,GAAG,QAAQ;aAClB,MAAM,CACL,oBAAC,IAAI;YACH,oBAAC,WAAW,gCAAoC;YAChD,oBAAC,WAAW,IAAC,KAAK,EAAC,OAAO,2CAAmD,CACxE,CACR;aACA,MAAM,EAAE,CAAC;QACZ,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,iEAAiE;IACjE,EAAE,CAAC,8DAA8D,EAAE,GAAG,EAAE;QACtE,WAAW,CAAC,SAAS,CAAC;YACpB,UAAU,EAAE;gBACV,OAAO,EAAE;oBACP,KAAK,EAAE,MAAM;oBACb,QAAQ,EAAE,EAAE;iBACb;gBACD,OAAO,EAAE;oBACP,QAAQ,EAAE,EAAE;oBACZ,UAAU,EAAE,WAAW;iBACxB;aACF;SACF,CAAC,CAAC;QACH,MAAM,IAAI,GAAG,QAAQ;aAClB,MAAM,CACL,oBAAC,IAAI;YACH,oBAAC,WAAW,2CAA+C;YAC3D,oBAAC,WAAW,IAAC,KAAK,EAAC,QAAQ,iDAAyD,CAC/E,CACR;aACA,MAAM,EAAE,CAAC;QACZ,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"useStyling.samples.test.js","sourceRoot":"","sources":["../src/useStyling.samples.test.tsx"],"names":[],"mappings":"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"}

package/lib-commonjs/buildProps.d.ts

@@ -21,18 +21,20 @@ export type BuildPropsBase<TProps, TTokens, TTheme> = (tokens: TTokens, theme: T
  * A refine function allows style functions to be updated based on tokens that are also props. Only those tokens that are also
  * props need to be considered as a key for caching
  */
-export type RefineFunctionBase<TProps, TTokens, TTheme> = (mask?: TokensThatAreAlsoProps<TTokens>) => BuildPropsBase<TProps, TTokens, TTheme>;
+export type RefineFunctionBase<TProps, TTokens, TTheme> = (
+  mask?: TokensThatAreAlsoProps<TTokens>,
+) => BuildPropsBase<TProps, TTokens, TTheme>;
 /**
  * Signature for a style function which can be optionally refined by the styling hook if prop masks are provided
  */
 export type RefinableBuildPropsBase<TProps, TTokens, TTheme> = BuildPropsBase<TProps, TTokens, TTheme> & {
-    refine?: RefineFunctionBase<TProps, TTokens, TTheme>;
+  refine?: RefineFunctionBase<TProps, TTokens, TTheme>;
 };
 /**
  * Style functions can be plain functions, refinable functions, or just raw props
  */
 export type BuildSlotProps<TSlotProps, TTokens, TTheme> = {
-    [K in keyof TSlotProps]?: RefinableBuildPropsBase<TSlotProps[K], TTokens, TTheme> | TSlotProps[K];
+  [K in keyof TSlotProps]?: RefinableBuildPropsBase<TSlotProps[K], TTokens, TTheme> | TSlotProps[K];
 };
 /**
  * Standard wrapper for a function that provides props for a component based on tokens and theme.
@@ -40,12 +42,18 @@ export type BuildSlotProps<TSlotProps, TTokens, TTheme> = {
  * @param fn - function which does the work of producing props for the tokens and theme provided
  * @param keys - which token properties are used by this style, this determines the keys to use for caching
  */
-export declare function buildProps<TProps, TTokens, TTheme>(fn: (tokens: TTokens, theme: TTheme) => TProps, keys?: (keyof TTokens)[]): RefinableBuildPropsBase<TProps, TTokens, TTheme>;
+export declare function buildProps<TProps, TTokens, TTheme>(
+  fn: (tokens: TTokens, theme: TTheme) => TProps,
+  keys?: (keyof TTokens)[],
+): RefinableBuildPropsBase<TProps, TTokens, TTheme>;
 /**
  * Utility function to check the type and refinement capabilities of a styleFunction and refine it if appropriate
  *
  * @param fn - function or props to potentially refine
  * @param mask - prop mask to use for refinement
  */
-export declare function refinePropsFunctions<TSlotProps, TTokens, TTheme>(styles: BuildSlotProps<TSlotProps, TTokens, TTheme>, mask: TokensThatAreAlsoProps<TTokens>): BuildSlotProps<TSlotProps, TTokens, TTheme>;
-//# sourceMappingURL=buildProps.d.ts.map
+export declare function refinePropsFunctions<TSlotProps, TTokens, TTheme>(
+  styles: BuildSlotProps<TSlotProps, TTokens, TTheme>,
+  mask: TokensThatAreAlsoProps<TTokens>,
+): BuildSlotProps<TSlotProps, TTokens, TTheme>;
+//# sourceMappingURL=buildProps.d.ts.map

package/lib-commonjs/buildProps.js

@@ -1,15 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.refinePropsFunctions = exports.buildProps = void 0;
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.buildProps = buildProps;
+exports.refinePropsFunctions = refinePropsFunctions;
 function cacheStyleClosure(fn, keys) {
-    return (tokens, theme, cache) => cache(() => fn(tokens, theme), (keys || []).map((key) => tokens[key]))[0];
+  return (tokens, theme, cache) =>
+    cache(
+      () => fn(tokens, theme),
+      (keys || []).map((key) => tokens[key]),
+    )[0];
 }
 function refineKeys(keys, mask) {
-    return typeof mask === 'object' && Array.isArray(mask)
-        ? keys.filter((key) => mask.findIndex((val) => val === key) !== -1)
-        : mask
-            ? keys
-            : [];
+  return typeof mask === 'object' && Array.isArray(mask)
+    ? keys.filter((key) => mask.findIndex((val) => val === key) !== -1)
+    : mask
+    ? keys
+    : [];
 }
 /**
  * Standard wrapper for a function that provides props for a component based on tokens and theme.
@@ -18,19 +23,18 @@ function refineKeys(keys, mask) {
  * @param keys - which token properties are used by this style, this determines the keys to use for caching
  */
 function buildProps(fn, keys) {
-    // wrap the provided function in the standard caching layer, basing it upon the provided keys
-    const result = cacheStyleClosure(fn, keys);
-    // if results are being cached on keys, provide the ability to refine the function if a prop mask is specified
-    result.refine =
-        keys && keys.length > 0
-            ? (mask) => {
-                return cacheStyleClosure(fn, refineKeys(keys, mask));
-            }
-            : undefined;
-    // return the style function decorated with the refine function
-    return result;
+  // wrap the provided function in the standard caching layer, basing it upon the provided keys
+  const result = cacheStyleClosure(fn, keys);
+  // if results are being cached on keys, provide the ability to refine the function if a prop mask is specified
+  result.refine =
+    keys && keys.length > 0
+      ? (mask) => {
+          return cacheStyleClosure(fn, refineKeys(keys, mask));
+        }
+      : undefined;
+  // return the style function decorated with the refine function
+  return result;
 }
-exports.buildProps = buildProps;
 /**
  * Utility function to check the type and refinement capabilities of a styleFunction and refine it if appropriate
  *
@@ -38,12 +42,11 @@ exports.buildProps = buildProps;
  * @param mask - prop mask to use for refinement
  */
 function refinePropsFunctions(styles, mask) {
-    const result = {};
-    Object.keys(styles).forEach((key) => {
-        const refine = typeof styles[key] === 'function' && styles[key].refine;
-        result[key] = refine ? refine(mask) : styles[key];
-    });
-    return result;
+  const result = {};
+  for (const key of Object.keys(styles)) {
+    const refine = typeof styles[key] === 'function' && styles[key].refine;
+    result[key] = refine ? refine(mask) : styles[key];
+  }
+  return result;
 }
-exports.refinePropsFunctions = refinePropsFunctions;
-//# sourceMappingURL=buildProps.js.map
+//# sourceMappingURL=buildProps.js.map

package/lib-commonjs/buildProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"buildProps.js","sourceRoot":"","sources":["../src/buildProps.ts"],"names":[],"mappings":";;;AA4CA,SAAS,iBAAiB,CACxB,EAA8C,EAC9C,IAAwB;IAExB,OAAO,CAAC,MAAe,EAAE,KAAa,EAAE,KAAmB,EAAE,EAAE,CAC7D,KAAK,CACH,GAAG,EAAE,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,EACvB,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CACvC,CAAC,CAAC,CAAC,CAAC;AACT,CAAC;AAED,SAAS,UAAU,CAAU,IAAuB,EAAE,IAAsC;IAC1F,OAAO,OAAO,IAAI,KAAK,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;QACpD,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;QACnE,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,EAAE,CAAC;AACT,CAAC;AAED;;;;;GAKG;AACH,SAAgB,UAAU,CACxB,EAA8C,EAC9C,IAAwB;IAExB,6FAA6F;IAC7F,MAAM,MAAM,GAAG,iBAAiB,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;IAE3C,8GAA8G;IAC9G,MAAM,CAAC,MAAM;QACX,IAAI,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC;YACrB,CAAC,CAAC,CAAC,IAAsC,EAAE,EAAE;gBACzC,OAAO,iBAAiB,CAAC,EAAE,EAAE,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;YACvD,CAAC;YACH,CAAC,CAAC,SAAS,CAAC;IAEhB,+DAA+D;IAC/D,OAAO,MAAM,CAAC;AAChB,CAAC;AAjBD,gCAiBC;AAED;;;;;GAKG;AACH,SAAgB,oBAAoB,CAClC,MAAmD,EACnD,IAAqC;IAErC,MAAM,MAAM,GAAG,EAAE,CAAC;IAClB,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QAClC,MAAM,MAAM,GACV,OAAO,MAAM,CAAC,GAAG,CAAC,KAAK,UAAU,IAAK,MAAM,CAAC,GAAG,CAA4E,CAAC,MAAM,CAAC;QACtI,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;IACH,OAAO,MAAM,CAAC;AAChB,CAAC;AAXD,oDAWC"}
+{"version":3,"file":"buildProps.js","sourceRoot":"","sources":["../src/buildProps.ts"],"names":[],"mappings":";;;;AA4CA,SAAS,iBAAiB,CACxB,EAA8C,EAC9C,IAAwB,EAC0B;IAClD,OAAO,CAAC,MAAe,EAAE,KAAa,EAAE,KAAmB,EAAE,EAAE,CAC7D,KAAK,CACH,GAAG,EAAE,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,EACvB,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CACvC,CAAC,CAAC,CAAC,CAAC;AAAA,CACR;AAED,SAAS,UAAU,CAAU,IAAuB,EAAE,IAAsC,EAAqB;IAC/G,OAAO,OAAO,IAAI,KAAK,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;QACpD,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;QACnE,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,EAAE,CAAC;AAAA,CACR;AAED;;;;;GAKG;AACH,oBACE,EAA8C,EAC9C,IAAwB,EAC0B;IAClD,6FAA6F;IAC7F,MAAM,MAAM,GAAG,iBAAiB,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;IAE3C,8GAA8G;IAC9G,MAAM,CAAC,MAAM;QACX,IAAI,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC;YACrB,CAAC,CAAC,CAAC,IAAsC,EAAE,EAAE,CAAC;gBAC1C,OAAO,iBAAiB,CAAC,EAAE,EAAE,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;YAAA,CACtD;YACH,CAAC,CAAC,SAAS,CAAC;IAEhB,+DAA+D;IAC/D,OAAO,MAAM,CAAC;AAAA,CACf;AAED;;;;;GAKG;AACH,8BACE,MAAmD,EACnD,IAAqC,EACQ;IAC7C,MAAM,MAAM,GAAG,EAAE,CAAC;IAClB,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;QACtC,MAAM,MAAM,GACV,OAAO,MAAM,CAAC,GAAG,CAAC,KAAK,UAAU,IAAK,MAAM,CAAC,GAAG,CAA4E,CAAC,MAAM,CAAC;QACtI,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IACpD,CAAC;IACD,OAAO,MAAM,CAAC;AAAA,CACf"}

package/lib-commonjs/buildProps.test.d.ts

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=buildProps.test.d.ts.map
+//# sourceMappingURL=buildProps.test.d.ts.map

package/lib-commonjs/buildProps.test.js

@@ -1,38 +1,38 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const framework_base_1 = require("@fluentui-react-native/framework-base");
-const buildProps_1 = require("./buildProps");
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+const framework_base_1 = require('@fluentui-react-native/framework-base');
+const buildProps_1 = require('./buildProps');
 const theme = { foo: 'foo', bar: 'bar' };
 let instanceCount = 0;
 function munge(tokens, theme) {
-    return {
-        ...theme,
-        ...tokens,
-        instance: instanceCount++,
-    };
+  return {
+    ...theme,
+    ...tokens,
+    instance: instanceCount++,
+  };
 }
 describe('props function tests', () => {
-    test('basic build props function caches as expected', () => {
-        const cache = (0, framework_base_1.getMemoCache)();
-        const styleFn = (0, buildProps_1.buildProps)(munge, ['a', 'b']);
-        const p1 = styleFn({ a: 'a', b: 'b', c: 'c' }, theme, cache);
-        expect(styleFn({ a: 'a', b: 'b', c: 'foo' }, theme, cache)).toBe(p1);
-        const p2 = styleFn({ a: 'b', b: 'b' }, theme, cache);
-        expect(p2).not.toBe(p1);
-        expect(styleFn({ a: 'b', b: 'b', c: 'bar' }, theme, cache)).toBe(p2);
-    });
-    test('build props function refinement works with explicit keys', () => {
-        const cache = (0, framework_base_1.getMemoCache)();
-        const styleFn = (0, buildProps_1.buildProps)(munge, ['a', 'b', 'c', 'd']);
-        const refinedFn = styleFn.refine(['a', 'b']);
-        const t1 = { a: 'a', b: 'b', c: 'c', d: 'd' };
-        const t2 = { a: 'a', b: 'b', c: 'foo', d: 'bar' };
-        const p1 = styleFn(t1, theme, cache);
-        const p2 = styleFn(t2, theme, cache);
-        expect(p2).not.toBe(p1);
-        const rp1 = refinedFn(t1, theme, cache);
-        const rp2 = refinedFn(t2, theme, cache);
-        expect(rp2).toBe(rp1);
-    });
+  test('basic build props function caches as expected', () => {
+    const cache = (0, framework_base_1.getMemoCache)();
+    const styleFn = (0, buildProps_1.buildProps)(munge, ['a', 'b']);
+    const p1 = styleFn({ a: 'a', b: 'b', c: 'c' }, theme, cache);
+    expect(styleFn({ a: 'a', b: 'b', c: 'foo' }, theme, cache)).toBe(p1);
+    const p2 = styleFn({ a: 'b', b: 'b' }, theme, cache);
+    expect(p2).not.toBe(p1);
+    expect(styleFn({ a: 'b', b: 'b', c: 'bar' }, theme, cache)).toBe(p2);
+  });
+  test('build props function refinement works with explicit keys', () => {
+    const cache = (0, framework_base_1.getMemoCache)();
+    const styleFn = (0, buildProps_1.buildProps)(munge, ['a', 'b', 'c', 'd']);
+    const refinedFn = styleFn.refine(['a', 'b']);
+    const t1 = { a: 'a', b: 'b', c: 'c', d: 'd' };
+    const t2 = { a: 'a', b: 'b', c: 'foo', d: 'bar' };
+    const p1 = styleFn(t1, theme, cache);
+    const p2 = styleFn(t2, theme, cache);
+    expect(p2).not.toBe(p1);
+    const rp1 = refinedFn(t1, theme, cache);
+    const rp2 = refinedFn(t2, theme, cache);
+    expect(rp2).toBe(rp1);
+  });
 });
-//# sourceMappingURL=buildProps.test.js.map
+//# sourceMappingURL=buildProps.test.js.map

package/lib-commonjs/buildProps.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"buildProps.test.js","sourceRoot":"","sources":["../src/buildProps.test.ts"],"names":[],"mappings":";;AAAA,0EAAqE;AAErE,6CAA0C;AAM1C,MAAM,KAAK,GAAW,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;AAEjD,IAAI,aAAa,GAAG,CAAC,CAAC;AAEtB,SAAS,KAAK,CAAC,MAAe,EAAE,KAAa;IAC3C,OAAO;QACL,GAAG,KAAK;QACR,GAAG,MAAM;QACT,QAAQ,EAAE,aAAa,EAAE;KAC1B,CAAC;AACJ,CAAC;AAED,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;IACpC,IAAI,CAAC,+CAA+C,EAAE,GAAG,EAAE;QACzD,MAAM,KAAK,GAAG,IAAA,6BAAY,GAAE,CAAC;QAC7B,MAAM,OAAO,GAAG,IAAA,uBAAU,EAAC,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;QAC9C,MAAM,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;QAC7D,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACrE,MAAM,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;QACrD,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACxB,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACvE,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,0DAA0D,EAAE,GAAG,EAAE;QACpE,MAAM,KAAK,GAAG,IAAA,6BAAY,GAAE,CAAC;QAC7B,MAAM,OAAO,GAAG,IAAA,uBAAU,EAAC,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;QACxD,MAAM,SAAS,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;QAC7C,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC;QAC9C,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC;QAElD,MAAM,EAAE,GAAG,OAAO,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;QACrC,MAAM,EAAE,GAAG,OAAO,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;QACrC,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAExB,MAAM,GAAG,GAAG,SAAS,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;QACxC,MAAM,GAAG,GAAG,SAAS,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;QACxC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACxB,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"buildProps.test.js","sourceRoot":"","sources":["../src/buildProps.test.ts"],"names":[],"mappings":";;AAAA,0EAAqE;AAErE,6CAA0C;AAM1C,MAAM,KAAK,GAAW,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;AAEjD,IAAI,aAAa,GAAG,CAAC,CAAC;AAEtB,SAAS,KAAK,CAAC,MAAe,EAAE,KAAa,EAAU;IACrD,OAAO;QACL,GAAG,KAAK;QACR,GAAG,MAAM;QACT,QAAQ,EAAE,aAAa,EAAE;KAC1B,CAAC;AAAA,CACH;AAED,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE,CAAC;IACrC,IAAI,CAAC,+CAA+C,EAAE,GAAG,EAAE,CAAC;QAC1D,MAAM,KAAK,GAAG,IAAA,6BAAY,GAAE,CAAC;QAC7B,MAAM,OAAO,GAAG,IAAA,uBAAU,EAAC,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;QAC9C,MAAM,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;QAC7D,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACrE,MAAM,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;QACrD,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACxB,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAAA,CACtE,CAAC,CAAC;IAEH,IAAI,CAAC,0DAA0D,EAAE,GAAG,EAAE,CAAC;QACrE,MAAM,KAAK,GAAG,IAAA,6BAAY,GAAE,CAAC;QAC7B,MAAM,OAAO,GAAG,IAAA,uBAAU,EAAC,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;QACxD,MAAM,SAAS,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;QAC7C,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC;QAC9C,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC;QAElD,MAAM,EAAE,GAAG,OAAO,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;QACrC,MAAM,EAAE,GAAG,OAAO,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;QACrC,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAExB,MAAM,GAAG,GAAG,SAAS,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;QACxC,MAAM,GAAG,GAAG,SAAS,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;QACxC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAAA,CACvB,CAAC,CAAC;AAAA,CACJ,CAAC,CAAC"}