@talxis/base-controls 1.2501.5 → 1.2501.7

package/dist/index.d.ts

@@ -77,6 +77,27 @@ interface IFluentDesignState extends ComponentFramework.FluentDesignState {
      */
     applicationTheme?: ITheme;
 }
+declare class ControlTheme {
+    static GetV8ThemeFromFluentDesignLanguage(fluentDesignLanguage?: IFluentDesignState): ITheme;
+    static GenerateFluentDesignLanguage(primaryColor: string, backgroundColor: string, textColor: string, options?: {
+        v8FluentOverrides?: DeepPartial<ITheme>;
+        applicationTheme?: ITheme;
+    }): IFluentDesignState;
+}
+
+declare const useControlTheme: (fluentDesignLanguage?: IFluentDesignState) => ITheme$1;
+
+declare const useControlThemeGenerator: (primaryColor: string, backgroundColor: string, textColor: string, options?: {
+    /**
+    * Optional overrides that will get applied when v8 theme is generated from fluentDesignLanguage
+    */
+    v8FluentOverrides?: DeepPartial<ITheme$1>;
+    /**
+     * 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.
+     * This object allows you to set application theme so PCF's can use it to render surfaces accurately.
+     */
+    applicationTheme?: ITheme$1;
+}) => IFluentDesignState;
 
 interface IOutputs$1 {
     [key: string]: any;
@@ -199,8 +220,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;
@@ -894,4 +913,4 @@ interface IDatasetControl extends IControl<IGridParameters, IGridOutputs, Partia
 
 declare const DatasetControl: (props: IDatasetControl) => JSX.Element;
 
-export { DatasetControl, DateTime, Decimal, Duration, Grid, IContext, IControl, IControlController, IDatasetControl, IDateTime, IDateTimeOutputs, IDateTimeParameters, IDateTimeProperty, IDecimal, IDecimalNumberProperty, IDecimalOutputs, IDecimalParameters, IDefaultTranslations, IDuration, IDurationOutputs, IDurationParameters, IEntity, IGrid, IGridOutputs, IGridParameters, ILayout, ILookup, ILookupOutputs, ILookupParameters, ILookupProperty, IMetadata, IMultiSelectOptionSet, IMultiSelectOptionSetOutputs, IMultiSelectOptionSetParameters, IMultiSelectOptionSetProperty, IOptionSet, IOptionSetOutputs, IOptionSetParameters, IOptionSetProperty, IOutputs, IParameters$1 as IParameters, IProperty, IStringProperty, ITextField, ITextFieldOutputs, ITextFieldParameters, ITranslation, ITranslations, ITwoOptions, ITwoOptionsOutputs, ITwoOptionsParameters, ITwoOptionsProperty, IWholeNumberProperty, Lookup, MultiSelectOptionSet, OptionSet, TextField, TwoOptions, useControl, useControlSizing, useControlTheme, useDateTime, useFocusIn, useInputBasedControl, useLookup, useMouseOver };
+export { ControlTheme, DatasetControl, DateTime, Decimal, Duration, Grid, IContext, IControl, IControlController, IDatasetControl, IDateTime, IDateTimeOutputs, IDateTimeParameters, IDateTimeProperty, IDecimal, IDecimalNumberProperty, IDecimalOutputs, IDecimalParameters, IDefaultTranslations, IDuration, IDurationOutputs, IDurationParameters, IEntity, IFluentDesignState, IGrid, IGridOutputs, IGridParameters, ILayout, ILookup, ILookupOutputs, ILookupParameters, ILookupProperty, IMetadata, IMultiSelectOptionSet, IMultiSelectOptionSetOutputs, IMultiSelectOptionSetParameters, IMultiSelectOptionSetProperty, IOptionSet, IOptionSetOutputs, IOptionSetParameters, IOptionSetProperty, IOutputs, IParameters$1 as IParameters, IProperty, IStringProperty, ITextField, ITextFieldOutputs, ITextFieldParameters, ITranslation, ITranslations, ITwoOptions, ITwoOptionsOutputs, ITwoOptionsParameters, ITwoOptionsProperty, IWholeNumberProperty, Lookup, MultiSelectOptionSet, OptionSet, TextField, TwoOptions, useControl, useControlSizing, useControlTheme, useControlThemeGenerator, useDateTime, useFocusIn, useInputBasedControl, useLookup, useMouseOver };

package/dist/index.js

@@ -4,6 +4,8 @@ export { useFocusIn } from './hooks/useFocusIn.js';
 export { useInputBasedControl } from './hooks/useInputBasedControl.js';
 export { useMouseOver } from './hooks/useMouseOver.js';
 export { useControlTheme } from './utils/theme/hooks/useControlTheme.js';
+export { ControlTheme } from './utils/theme/ControlTheme.js';
+export { useControlThemeGenerator } from './utils/theme/hooks/useControlThemeGenerator.js';
 export { DateTime } from './components/DateTime/DateTime.js';
 export { useDateTime } from './components/DateTime/hooks/useDateTime.js';
 export { Decimal } from './components/Decimal/Decimal.js';

package/dist/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/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.7",
   "description": "Set of React components that natively work with Power Apps Component Framework API's",
   "main": "dist/index.js",
   "module": "dist/index.js",