@talxis/base-controls 1.2501.5 → 1.2501.6

package/dist/index.d.ts

@@ -78,6 +78,8 @@ interface IFluentDesignState extends ComponentFramework.FluentDesignState {
     applicationTheme?: ITheme;
 }
 
+declare const useControlTheme: (fluentDesignLanguage?: IFluentDesignState) => ITheme$1;
+
 interface IOutputs$1 {
     [key: string]: any;
 }
@@ -199,8 +201,6 @@ declare const useInputBasedControl: <TValue, TParameters extends IInputParameter
 
 declare const useMouseOver: (ref: React.RefObject<HTMLElement>) => boolean;
 
-declare const useControlTheme: (fluentDesignLanguage?: IFluentDesignState) => ITheme$1;
-
 declare const getDefaultDateTimeTranslations: (dateFormattingInfo: ComponentFramework.UserSettingApi.DateFormattingInfo) => {
     time: {
         1029: string;

package/dist/utils/index.js

@@ -1,2 +1,4 @@
 export { ControlTheme } from './theme/ControlTheme.js';
+export { useControlTheme } from './theme/hooks/useControlTheme.js';
+export { useControlThemeGenerator } from './theme/hooks/useControlThemeGenerator.js';
 //# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/utils/theme/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useControlTheme';
+export * from './useControlThemeGenerator';

package/dist/utils/theme/hooks/index.js

@@ -0,0 +1,3 @@
+export { useControlTheme } from './useControlTheme.js';
+export { useControlThemeGenerator } from './useControlThemeGenerator.js';
+//# sourceMappingURL=index.js.map

package/dist/utils/theme/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/utils/theme/hooks/useControlThemeGenerator.js

@@ -0,0 +1,11 @@
+import { useMemo } from 'react';
+import { ControlTheme } from '../ControlTheme.js';
+
+const useControlThemeGenerator = (primaryColor, backgroundColor, textColor, options) => {
+    return useMemo(() => {
+        return ControlTheme.GenerateFluentDesignLanguage(primaryColor, backgroundColor, textColor, options);
+    }, [primaryColor, backgroundColor, textColor]);
+};
+
+export { useControlThemeGenerator };
+//# sourceMappingURL=useControlThemeGenerator.js.map

package/dist/utils/theme/hooks/useControlThemeGenerator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControlThemeGenerator.js","sources":["../../../../src/utils/theme/hooks/useControlThemeGenerator.ts"],"sourcesContent":["import { useMemo } from \"react\"\nimport { ControlTheme, IFluentDesignState } from \"../ControlTheme\"\nimport { DeepPartial } from \"@talxis/client-libraries\"\nimport { ITheme } from \"@fluentui/react\"\n\nexport const useControlThemeGenerator = (primaryColor: string, backgroundColor: string, textColor: string, options?: {\n    /**\n    * Optional overrides that will get applied when v8 theme is generated from fluentDesignLanguage\n    */\n    v8FluentOverrides?: DeepPartial<ITheme>;\n    /**\n     * The application's theme may differ from the control's theme. This is often the case when rendering a PCF as a cell customizer with conditional formatting.\n     * This object allows you to set application theme so PCF's can use it to render surfaces accurately.\n     */\n    applicationTheme?: ITheme;\n}): IFluentDesignState => {\n    return useMemo(() => {\n        return ControlTheme.GenerateFluentDesignLanguage(primaryColor, backgroundColor, textColor, options)\n    }, [primaryColor, backgroundColor, textColor])\n}"],"names":[],"mappings":";;;AAKO,MAAM,wBAAwB,GAAG,CAAC,YAAoB,EAAE,eAAuB,EAAE,SAAiB,EAAE,OAU1G,KAAwB;IACrB,OAAO,OAAO,CAAC,MAAK;AAChB,QAAA,OAAO,YAAY,CAAC,4BAA4B,CAAC,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,OAAO,CAAC,CAAA;KACtG,EAAE,CAAC,YAAY,EAAE,eAAe,EAAE,SAAS,CAAC,CAAC,CAAA;AAClD;;;;"}

package/dist/utils/theme/index.d.ts

@@ -1 +1,2 @@
 export * from './ControlTheme';
+export * from './hooks';

package/dist/utils/theme/index.js

@@ -1,2 +1,4 @@
 export { ControlTheme } from './ControlTheme.js';
+export { useControlTheme } from './hooks/useControlTheme.js';
+export { useControlThemeGenerator } from './hooks/useControlThemeGenerator.js';
 //# sourceMappingURL=index.js.map

package/dist/utils/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@talxis/base-controls",
-  "version": "1.2501.5",
+  "version": "1.2501.6",
   "description": "Set of React components that natively work with Power Apps Component Framework API's",
   "main": "dist/index.js",
   "module": "dist/index.js",