@talxis/base-controls 1.2408.1 → 1.2408.2

package/dist/hooks/useControl.js

@@ -1 +1,95 @@
-import{useRef as e,useMemo as t,useEffect as o}from"react";import r from"fast-deep-equal/es6";import{merge as n}from"merge-anything";import{Liquid as i}from"liquidjs";import{useControlTheme as l}from"./useControlTheme.js";import{useControlSizing as a}from"./useControlSizing.js";import"../utils/Theme.js";import"@fluentui/react";import"@fluentui/react-migration-v8-v9";const s=(s,u,f)=>{const c=e(u.parameters),d=a(u.context.mode),m=u.context,g=t((()=>new i),[]),p=t((()=>{var e;const t=n(null!=f?f:{},null!==(e=u.translations)&&void 0!==e?e:{});return new Proxy(t,{get:(e,o)=>e=>h(o,t,e)})}),[]);o((()=>{c.current=u.parameters}),[u.parameters]);const h=(e,t,o)=>{const r=e=>"string"==typeof e?e:JSON.stringify(e),n=t[e];if(!n)return console.error(`Translation for the ${e} label of the ${s} control has not been defined!`),e;if("string"==typeof n||Array.isArray(n))return r(n);let i=n[u.context.userSettings.languageId];return i||(console.info(`Translation for the ${e} label of the ${s} control has not been found. Using default Czech label instead.`),i=n[1029]),i||(console.error(`Translation for the ${e} label of the ${s} control does not exists neither for Czech language and current LCID.`),i=e),g.parseAndRenderSync(r(i),o)};return{labels:p,sizing:d,theme:l(m.fluentDesignLanguage),onNotifyOutputChanged:e=>{var t,o;let n=!1;for(let[o,i]of Object.entries(e)){let l=null===(t=c.current[o])||void 0===t?void 0:t.raw;if(!r(l,i)){if(null===i&&(i=void 0,e[o]=void 0),""===i&&(i=void 0,e[o]=void 0),null===l&&(l=void 0),l===i)continue;n=!0;break}}n&&(null===(o=u.onNotifyOutputChanged)||void 0===o||o.call(u,e))}}};export{s as useControl};
+import { useRef, useMemo, useEffect } from 'react';
+import equal from 'fast-deep-equal/es6';
+import { merge } from 'merge-anything';
+import { Liquid } from 'liquidjs';
+import { useControlTheme } from './useControlTheme.js';
+import { useControlSizing } from './useControlSizing.js';
+
+/**
+ * Provides automatic checking if the given outputs are different from the provided inputs. Use the provided method any time you want
+ * to notify the framework that you wish to write changes. The hook will notify the framework only if the provided output differs from the current inputs.
+ */
+const useControl = (name, props, defaultTranslations) => {
+    const parametersRef = useRef(props.parameters);
+    const sizing = useControlSizing(props.context.mode);
+    const context = props.context;
+    const liquid = useMemo(() => new Liquid(), []);
+    const labels = useMemo(() => {
+        const mergedTranslations = merge(defaultTranslations ?? {}, props.translations ?? {});
+        return new Proxy(mergedTranslations, {
+            get(target, key) {
+                return (variables) => getLabel(key, mergedTranslations, variables);
+            }
+        });
+    }, []);
+    useEffect(() => {
+        parametersRef.current = props.parameters;
+    }, [props.parameters]);
+    const getLabel = (key, translations, variables) => {
+        const strigify = (value) => {
+            if (typeof value === 'string') {
+                return value;
+            }
+            return JSON.stringify(value);
+        };
+        //@ts-ignore
+        const translation = translations[key];
+        if (!translation) {
+            console.error(`Translation for the ${key} label of the ${name} control has not been defined!`);
+            return key;
+        }
+        if (typeof translation === 'string' || Array.isArray(translation)) {
+            return strigify(translation);
+        }
+        let label = translation[props.context.userSettings.languageId];
+        if (!label) {
+            console.info(`Translation for the ${key} label of the ${name} control has not been found. Using default Czech label instead.`);
+            label = translation[1029];
+        }
+        if (!label) {
+            console.error(`Translation for the ${key} label of the ${name} control does not exists neither for Czech language and current LCID.`);
+            label = key;
+        }
+        return liquid.parseAndRenderSync(strigify(label), variables);
+    };
+    const onNotifyOutputChanged = (outputs) => {
+        let isDirty = false;
+        for (let [key, outputValue] of Object.entries(outputs)) {
+            let parameterValue = parametersRef.current[key]?.raw;
+            if (!equal(parameterValue, outputValue)) {
+                if (outputValue === null) {
+                    outputValue = undefined;
+                    //@ts-ignore
+                    outputs[key] = undefined;
+                }
+                if (outputValue === "") {
+                    outputValue = undefined;
+                    //@ts-ignore
+                    outputs[key] = undefined;
+                }
+                if (parameterValue === null) {
+                    parameterValue = undefined;
+                }
+                if (parameterValue === outputValue) {
+                    continue;
+                }
+                isDirty = true;
+                break;
+            }
+        }
+        if (!isDirty) {
+            return;
+        }
+        //console.log(`Change detected, triggering notifyOutputChanged on control ${name}.`);
+        props.onNotifyOutputChanged?.(outputs);
+    };
+    return {
+        labels,
+        sizing,
+        theme: useControlTheme(context.fluentDesignLanguage),
+        onNotifyOutputChanged
+    };
+};
+
+export { useControl };
+//# sourceMappingURL=useControl.js.map

package/dist/hooks/useControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControl.js","sources":["../../src/hooks/useControl.ts"],"sourcesContent":["import { useEffect, useMemo, useRef } from \"react\";\nimport React from 'react';\nimport deepEqual from 'fast-deep-equal/es6';\nimport { IControl, IOutputs, IParameters } from \"../interfaces\";\nimport { merge } from 'merge-anything';\nimport { Liquid } from \"liquidjs\";\nimport { useControlTheme } from \"./useControlTheme\";\nimport { ITheme } from \"../interfaces/theme\";\nimport { useControlSizing } from \"./useControlSizing\";\n\nexport type ITranslation<T> = {\n    [Property in keyof Required<T>]: (variables?: any) => string\n};\n\nexport interface IDefaultTranslations {\n    [LCID: number]: string | string[];\n    [key: string]: any;\n}\n\n\nexport interface IControlController<TTranslations, TOutputs> {\n    labels: Required<ITranslation<TTranslations>>,\n    sizing: {\n        width?: number,\n        height?: number\n    },\n    theme: ITheme;\n    onNotifyOutputChanged: (outputs: TOutputs) => void,\n}\n/**\n * Provides automatic checking if the given outputs are different from the provided inputs. Use the provided method any time you want\n * to notify the framework that you wish to write changes. The hook will notify the framework only if the provided output differs from the current inputs.\n */\nexport const useControl = <TParameters extends IParameters, TOutputs extends IOutputs, TTranslations>(name: string, props: IControl<TParameters, TOutputs, TTranslations, any>, defaultTranslations?: IDefaultTranslations): IControlController<TTranslations, TOutputs> => {\n    const parametersRef = useRef<TParameters>(props.parameters);\n    const sizing = useControlSizing(props.context.mode);\n    const context = props.context;\n    const liquid = useMemo(() => new Liquid(), []);\n    const labels = useMemo(() => {\n        const mergedTranslations = merge(defaultTranslations ?? {}, props.translations ?? {}) as TTranslations;\n        return new Proxy(mergedTranslations as any, {\n            get(target, key) {\n                return (variables: any) => getLabel(key as string, mergedTranslations, variables)\n            }\n        }) as any;\n    }, []);\n\n    useEffect(() => {\n        parametersRef.current = props.parameters;\n    }, [props.parameters]);\n\n    const getLabel = (key: string, translations: TTranslations, variables?: any): string | string[] => {\n        const strigify = (value: string | string[]) => {\n            if (typeof value === 'string') {\n                return value;\n            }\n            return JSON.stringify(value);\n        };\n        //@ts-ignore\n        const translation = translations[key];\n        if (!translation) {\n            console.error(`Translation for the ${key} label of the ${name} control has not been defined!`);\n            return key;\n        }\n        if (typeof translation === 'string' || Array.isArray(translation)) {\n            return strigify(translation);\n        }\n        let label = translation[props.context.userSettings.languageId];\n        if (!label) {\n            console.info(`Translation for the ${key} label of the ${name} control has not been found. Using default Czech label instead.`);\n            label = translation[1029];\n        }\n        if (!label) {\n            console.error(`Translation for the ${key} label of the ${name} control does not exists neither for Czech language and current LCID.`);\n            label = key;\n        }\n\n        return liquid.parseAndRenderSync(strigify(label), variables);\n    };\n\n    const onNotifyOutputChanged = (outputs: TOutputs) => {\n        let isDirty = false;\n        for (let [key, outputValue] of Object.entries(outputs)) {\n            let parameterValue = parametersRef.current[key]?.raw;\n            if (!deepEqual(parameterValue, outputValue)) {\n                if (outputValue === null) {\n                    outputValue = undefined;\n                    //@ts-ignore\n                    outputs[key] = undefined;\n                }\n                if (outputValue === \"\") {\n                    outputValue = undefined\n                    //@ts-ignore\n                    outputs[key] = undefined;\n                }\n                if (parameterValue === null) {\n                    parameterValue = undefined;\n                }\n                if (parameterValue === outputValue) {\n                    continue\n                }\n                isDirty = true;\n                break;\n            }\n        }\n        if (!isDirty) {\n            return;\n        }\n        //console.log(`Change detected, triggering notifyOutputChanged on control ${name}.`);\n        props.onNotifyOutputChanged?.(outputs);\n    };\n    return {\n        labels,\n        sizing,\n        theme: useControlTheme(context.fluentDesignLanguage),\n        onNotifyOutputChanged\n    }\n};\n"],"names":["deepEqual"],"mappings":"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"}

package/dist/hooks/useControlSizing.js

@@ -1 +1,15 @@
-const t=t=>{const e=t=>{if(t&&-1!==t)return t};return{height:e(t.allocatedHeight),width:e(t.allocatedWidth)}};export{t as useControlSizing};
+const useControlSizing = (mode) => {
+    const getAllocationSize = (allocationSize) => {
+        if (!allocationSize || allocationSize === -1) {
+            return undefined;
+        }
+        return allocationSize;
+    };
+    return {
+        height: getAllocationSize(mode.allocatedHeight),
+        width: getAllocationSize(mode.allocatedWidth)
+    };
+};
+
+export { useControlSizing };
+//# sourceMappingURL=useControlSizing.js.map

package/dist/hooks/useControlSizing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControlSizing.js","sources":["../../src/hooks/useControlSizing.ts"],"sourcesContent":["\nexport const useControlSizing = (mode: ComponentFramework.Mode): {\n    height?: number,\n    width?: number\n} => {\n    const getAllocationSize = (allocationSize?: number) => {\n        if(!allocationSize || allocationSize === -1) {\n            return undefined;\n        }\n        return allocationSize;\n    }\n    return {\n        height: getAllocationSize(mode.allocatedHeight),\n        width: getAllocationSize(mode.allocatedWidth)\n    }\n}"],"names":[],"mappings":"AACa,MAAA,gBAAgB,GAAG,CAAC,IAA6B,KAG1D;AACA,IAAA,MAAM,iBAAiB,GAAG,CAAC,cAAuB,KAAI;AAClD,QAAA,IAAG,CAAC,cAAc,IAAI,cAAc,KAAK,CAAC,CAAC,EAAE;AACzC,YAAA,OAAO,SAAS,CAAC;AACpB,SAAA;AACD,QAAA,OAAO,cAAc,CAAC;AAC1B,KAAC,CAAA;IACD,OAAO;AACH,QAAA,MAAM,EAAE,iBAAiB,CAAC,IAAI,CAAC,eAAe,CAAC;AAC/C,QAAA,KAAK,EAAE,iBAAiB,CAAC,IAAI,CAAC,cAAc,CAAC;KAChD,CAAA;AACL;;;;"}

package/dist/hooks/useControlTheme.js

@@ -1 +1,9 @@
-import{useMemo as t}from"react";import{getControlTheme as r}from"../utils/Theme.js";import"@fluentui/react";import"@fluentui/react-migration-v8-v9";const i=i=>t((()=>r(i)),[]);export{i as useControlTheme};
+import { useMemo } from 'react';
+import { getControlTheme } from '../utils/Theme.js';
+
+const useControlTheme = (fluentDesignLanguage) => {
+    return useMemo(() => getControlTheme(fluentDesignLanguage), []);
+};
+
+export { useControlTheme };
+//# sourceMappingURL=useControlTheme.js.map

package/dist/hooks/useControlTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControlTheme.js","sources":["../../src/hooks/useControlTheme.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { ITheme } from \"../interfaces/theme\";\nimport { getControlTheme } from \"../utils/Theme\";\n\nexport const useControlTheme = (fluentDesignLanguage?: ComponentFramework.FluentDesignState): ITheme => {\n    return useMemo(() => getControlTheme(fluentDesignLanguage), [])\n};"],"names":[],"mappings":";;;AAIa,MAAA,eAAe,GAAG,CAAC,oBAA2D,KAAY;AACnG,IAAA,OAAO,OAAO,CAAC,MAAM,eAAe,CAAC,oBAAoB,CAAC,EAAE,EAAE,CAAC,CAAA;AACnE;;;;"}

package/dist/hooks/useFocusIn.js

@@ -1 +1,33 @@
-import{useState as e,useEffect as r}from"react";const t=(t,n)=>{const[o,u]=e(!1),c=e=>{"number"==typeof n?setTimeout((()=>{u(e)}),n):u(e)};return r((()=>{var e,r;const n=e=>{c(!0)},o=e=>{c(!1)};return null===(e=t.current)||void 0===e||e.addEventListener("focusin",(e=>n())),null===(r=t.current)||void 0===r||r.addEventListener("focusout",(e=>o())),()=>{var e,r;null===(e=t.current)||void 0===e||e.removeEventListener("focusin",n),null===(r=t.current)||void 0===r||r.removeEventListener("focusout",o)}}),[]),o};export{t as useFocusIn};
+import { useState, useEffect } from 'react';
+
+//triggering the focus state immediately can cause issues in some cases => delay can prevent them
+const useFocusIn = (ref, delay) => {
+    const [isFocused, setIsFocused] = useState(false);
+    const triggerIsFocused = (value) => {
+        if (typeof delay !== 'number') {
+            setIsFocused(value);
+            return;
+        }
+        setTimeout(() => {
+            setIsFocused(value);
+        }, delay);
+    };
+    useEffect(() => {
+        const onFocus = (e) => {
+            triggerIsFocused(true);
+        };
+        const onBlur = (e) => {
+            triggerIsFocused(false);
+        };
+        ref.current?.addEventListener('focusin', (e) => onFocus());
+        ref.current?.addEventListener('focusout', (e) => onBlur());
+        return () => {
+            ref.current?.removeEventListener('focusin', onFocus);
+            ref.current?.removeEventListener('focusout', onBlur);
+        };
+    }, []);
+    return isFocused;
+};
+
+export { useFocusIn };
+//# sourceMappingURL=useFocusIn.js.map

package/dist/hooks/useFocusIn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusIn.js","sources":["../../src/hooks/useFocusIn.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\n\n//triggering the focus state immediately can cause issues in some cases => delay can prevent them\nexport const useFocusIn = (ref: React.RefObject<HTMLElement>, delay?: number): boolean => {\n    const [isFocused, setIsFocused] = useState<boolean>(false);\n\n    const triggerIsFocused = (value: boolean) => {\n        if(typeof delay !== 'number') {\n            setIsFocused(value);\n            return;\n        }\n        setTimeout(() => {\n            setIsFocused(value);\n        }, delay);\n    }\n\n    useEffect(() => {\n        const onFocus = (e: FocusEvent) => {\n            triggerIsFocused(true);\n        }\n        const onBlur = (e: FocusEvent) => {\n            triggerIsFocused(false);\n        }\n        ref.current?.addEventListener('focusin', (e) => onFocus(e));\n        ref.current?.addEventListener('focusout', (e) => onBlur(e));\n\n        return () => {\n            ref.current?.removeEventListener('focusin', onFocus);\n            ref.current?.removeEventListener('focusout', onBlur);\n        }\n    }, []);\n    return isFocused\n};"],"names":[],"mappings":";;AAGA;MACa,UAAU,GAAG,CAAC,GAAiC,EAAE,KAAc,KAAa;IACrF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;AAE3D,IAAA,MAAM,gBAAgB,GAAG,CAAC,KAAc,KAAI;AACxC,QAAA,IAAG,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC1B,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,OAAO;AACV,SAAA;QACD,UAAU,CAAC,MAAK;YACZ,YAAY,CAAC,KAAK,CAAC,CAAC;SACvB,EAAE,KAAK,CAAC,CAAC;AACd,KAAC,CAAA;IAED,SAAS,CAAC,MAAK;AACX,QAAA,MAAM,OAAO,GAAG,CAAC,CAAa,KAAI;YAC9B,gBAAgB,CAAC,IAAI,CAAC,CAAC;AAC3B,SAAC,CAAA;AACD,QAAA,MAAM,MAAM,GAAG,CAAC,CAAa,KAAI;YAC7B,gBAAgB,CAAC,KAAK,CAAC,CAAC;AAC5B,SAAC,CAAA;AACD,QAAA,GAAG,CAAC,OAAO,EAAE,gBAAgB,CAAC,SAAS,EAAE,CAAC,CAAC,KAAK,OAAO,CAAE,CAAC,CAAC,CAAC;AAC5D,QAAA,GAAG,CAAC,OAAO,EAAE,gBAAgB,CAAC,UAAU,EAAE,CAAC,CAAC,KAAK,MAAM,CAAE,CAAC,CAAC,CAAC;AAE5D,QAAA,OAAO,MAAK;YACR,GAAG,CAAC,OAAO,EAAE,mBAAmB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;YACrD,GAAG,CAAC,OAAO,EAAE,mBAAmB,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AACzD,SAAC,CAAA;KACJ,EAAE,EAAE,CAAC,CAAC;AACP,IAAA,OAAO,SAAS,CAAA;AACpB;;;;"}

package/dist/hooks/useInputBasedControl.js

@@ -1 +1,38 @@
-import{useState as t,useRef as e,useEffect as r}from"react";import{useControl as o}from"./useControl.js";import"fast-deep-equal/es6";import"merge-anything";import"liquidjs";import"./useControlTheme.js";import"../utils/Theme.js";import"@fluentui/react";import"@fluentui/react-migration-v8-v9";import"./useControlSizing.js";const i=(i,n,l)=>{var u;const{formatter:a,valueExtractor:s}=Object.assign({},l),m=n.parameters.value.raw,[p,v]=t(null!==(u=null==a?void 0:a(m))&&void 0!==u?u:m),d=e(m),{labels:c,sizing:f,theme:g,onNotifyOutputChanged:h}=o(i,n,null==l?void 0:l.defaultTranslations);return r((()=>{const t=null==a?void 0:a(m);v(null!=t?t:m)}),[m]),r((()=>{d.current=p}),[p]),r((()=>()=>{var t,e;!0===(null===(t=n.parameters.NotifyOutputChangedOnUnmount)||void 0===t?void 0:t.raw)&&h({value:null!==(e=null==s?void 0:s(d.current))&&void 0!==e?e:d.current})}),[]),{value:p,labels:c,sizing:f,theme:g,onNotifyOutputChanged:h,setValue:v}};export{i as useInputBasedControl};
+import { useState, useRef, useEffect } from 'react';
+import { useControl } from './useControl.js';
+
+const useInputBasedControl = (name, props, options) => {
+    const { formatter, valueExtractor } = { ...options };
+    const rawValue = props.parameters.value.raw;
+    const [value, setValue] = useState(formatter?.(rawValue) ?? rawValue);
+    const valueRef = useRef(rawValue);
+    const { labels, sizing, theme, onNotifyOutputChanged } = useControl(name, props, options?.defaultTranslations);
+    useEffect(() => {
+        const formattedValue = formatter?.(rawValue);
+        setValue(formattedValue ?? rawValue);
+        //console.log(`Updating component ${name} with new value: ${formattedValue ?? rawValue}`);
+    }, [rawValue]);
+    useEffect(() => {
+        valueRef.current = value;
+    }, [value]);
+    useEffect(() => {
+        return () => {
+            if (props.parameters.NotifyOutputChangedOnUnmount?.raw === true) {
+                onNotifyOutputChanged({
+                    value: valueExtractor?.(valueRef.current) ?? valueRef.current
+                });
+            }
+        };
+    }, []);
+    return {
+        value,
+        labels,
+        sizing,
+        theme,
+        onNotifyOutputChanged,
+        setValue
+    };
+};
+
+export { useInputBasedControl };
+//# sourceMappingURL=useInputBasedControl.js.map

package/dist/hooks/useInputBasedControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputBasedControl.js","sources":["../../src/hooks/useInputBasedControl.ts"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { IControl, IOutputs } from \"../interfaces/context\";\nimport { IControlController, IDefaultTranslations, useControl } from \"./useControl\";\nimport React from 'react';\nimport { IInputParameters } from \"../interfaces/parameters\";\n\n/**\n * Description\n * @param {any} value:any\n * @returns {any}\n */\ninterface IControlOptions {\n    defaultTranslations?: IDefaultTranslations;\n    /**\n     * Formatting function that will format the bound value every time a new one comes from the props.\n     */\n    formatter?: (value: any) => any,\n    valueExtractor?: (value: any) => any\n}\n\n/**\n * Use when working with components that need to store value changes internally before triggering `notifyOutputChanged`.\n * An example of this is a standard Decimal component - we do not want to trigger `notifyOutputChanged` on every value change,\n * since this would trigger decimal validation on every keystroke which would result in a bad UX. In this case, the `notifyOutputChanged` should\n * be triggered when the user looses focus on the component (`onBlur` event).\n * @returns {[]} The hook returns an array with three props. First `value` prop is a value that will will always be in sync with the value that comes from the `value` parameter. \n * Use this for displaying the up-to-date value to the user.\n * Second prop contains the translations for this component.\n * \n * Third prop is a method that can be used to change the current value. The new value will get propagated to the `value` variable returned from this hook. This method wont propagate the value to the framework.\n * \n * The last prop is a method that will notify the framework that you wish to write changes.  \n * The method will notify the framework only if the provided output differs from the current inputs.\n */\n\ninterface IInputBasedControlController<TValue, TTranslations, TOutputs> extends IControlController<TTranslations, TOutputs> {\n    value: TValue,\n    setValue: (value: TValue) => void\n}\n\nexport const useInputBasedControl = <TValue, TParameters extends IInputParameters, TOutputs extends IOutputs, TTranslations>(name: string, props: IControl<TParameters, TOutputs, TTranslations, any>, options?: IControlOptions): IInputBasedControlController<TValue, TTranslations, TOutputs> => {\n    const {formatter, valueExtractor} = {...options};\n    const rawValue = props.parameters.value.raw;\n    const [value, setValue] = useState<TValue>(formatter?.(rawValue) ?? rawValue);\n    const valueRef = useRef<TValue>(rawValue);\n    const {labels, sizing, theme, onNotifyOutputChanged} = useControl(name, props, options?.defaultTranslations);\n\n    useEffect(() => {\n        const formattedValue = formatter?.(rawValue);\n        setValue(formattedValue ?? rawValue);\n        //console.log(`Updating component ${name} with new value: ${formattedValue ?? rawValue}`);\n    }, [rawValue]);\n\n    useEffect(() => {\n        valueRef.current = value;\n    }, [value]);\n    \n    useEffect(() => {\n        return () => {\n            if(props.parameters.NotifyOutputChangedOnUnmount?.raw === true) {\n                onNotifyOutputChanged({\n                    value: valueExtractor?.(valueRef.current) ?? valueRef.current\n                } as any);\n            }\n        };\n    }, []);\n    return {\n        value,\n        labels,\n        sizing,\n        theme,\n        onNotifyOutputChanged,\n        setValue\n    }\n};"],"names":[],"mappings":";;;AAwCa,MAAA,oBAAoB,GAAG,CAAyF,IAAY,EAAE,KAA0D,EAAE,OAAyB,KAAmE;IAC/R,MAAM,EAAC,SAAS,EAAE,cAAc,EAAC,GAAG,EAAC,GAAG,OAAO,EAAC,CAAC;IACjD,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC;AAC5C,IAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,SAAS,GAAG,QAAQ,CAAC,IAAI,QAAQ,CAAC,CAAC;AAC9E,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAS,QAAQ,CAAC,CAAC;IAC1C,MAAM,EAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,qBAAqB,EAAC,GAAG,UAAU,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,mBAAmB,CAAC,CAAC;IAE7G,SAAS,CAAC,MAAK;AACX,QAAA,MAAM,cAAc,GAAG,SAAS,GAAG,QAAQ,CAAC,CAAC;AAC7C,QAAA,QAAQ,CAAC,cAAc,IAAI,QAAQ,CAAC,CAAC;;AAEzC,KAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,SAAS,CAAC,MAAK;AACX,QAAA,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;AAC7B,KAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,SAAS,CAAC,MAAK;AACX,QAAA,OAAO,MAAK;YACR,IAAG,KAAK,CAAC,UAAU,CAAC,4BAA4B,EAAE,GAAG,KAAK,IAAI,EAAE;AAC5D,gBAAA,qBAAqB,CAAC;oBAClB,KAAK,EAAE,cAAc,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,QAAQ,CAAC,OAAO;AACzD,iBAAA,CAAC,CAAC;AACb,aAAA;AACL,SAAC,CAAC;KACL,EAAE,EAAE,CAAC,CAAC;IACP,OAAO;QACH,KAAK;QACL,MAAM;QACN,MAAM;QACN,KAAK;QACL,qBAAqB;QACrB,QAAQ;KACX,CAAA;AACL;;;;"}

package/dist/hooks/useMouseOver.js

@@ -1 +1,23 @@
-import{useState as e,useEffect as r}from"react";const n=n=>{const[t,o]=e(!1);return r((()=>{var e,r;const t=()=>{o(!0)},u=()=>{o(!1)};return null===(e=n.current)||void 0===e||e.addEventListener("mouseenter",t),null===(r=n.current)||void 0===r||r.addEventListener("mouseleave",u),()=>{var e,r;null===(e=n.current)||void 0===e||e.removeEventListener("mouseenter",t),null===(r=n.current)||void 0===r||r.removeEventListener("mouseleave",u)}}),[]),t};export{n as useMouseOver};
+import { useState, useEffect } from 'react';
+
+const useMouseOver = (ref) => {
+    const [isMouseOver, setIsMouseOver] = useState(false);
+    useEffect(() => {
+        const onMouseEnter = () => {
+            setIsMouseOver(true);
+        };
+        const onMouseLeave = () => {
+            setIsMouseOver(false);
+        };
+        ref.current?.addEventListener('mouseenter', onMouseEnter);
+        ref.current?.addEventListener('mouseleave', onMouseLeave);
+        return () => {
+            ref.current?.removeEventListener('mouseenter', onMouseEnter);
+            ref.current?.removeEventListener('mouseleave', onMouseLeave);
+        };
+    }, []);
+    return isMouseOver;
+};
+
+export { useMouseOver };
+//# sourceMappingURL=useMouseOver.js.map

package/dist/hooks/useMouseOver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMouseOver.js","sources":["../../src/hooks/useMouseOver.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nexport const useMouseOver = (ref: React.RefObject<HTMLElement>): boolean => {\n    const [isMouseOver, setIsMouseOver] = useState<boolean>(false);\n\n    useEffect(() => {\n        const onMouseEnter = () => {\n            setIsMouseOver(true);\n        }\n        const onMouseLeave = () => {\n            setIsMouseOver(false);\n        }\n        ref.current?.addEventListener('mouseenter', onMouseEnter);\n        ref.current?.addEventListener('mouseleave', onMouseLeave);\n\n        return () => {\n            ref.current?.removeEventListener('mouseenter',onMouseEnter);\n            ref.current?.removeEventListener('mouseleave', onMouseLeave);\n        }\n    }, []);\n\n    return isMouseOver;\n};"],"names":[],"mappings":";;AAEa,MAAA,YAAY,GAAG,CAAC,GAAiC,KAAa;IACvE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAE/D,SAAS,CAAC,MAAK;QACX,MAAM,YAAY,GAAG,MAAK;YACtB,cAAc,CAAC,IAAI,CAAC,CAAC;AACzB,SAAC,CAAA;QACD,MAAM,YAAY,GAAG,MAAK;YACtB,cAAc,CAAC,KAAK,CAAC,CAAC;AAC1B,SAAC,CAAA;QACD,GAAG,CAAC,OAAO,EAAE,gBAAgB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;QAC1D,GAAG,CAAC,OAAO,EAAE,gBAAgB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;AAE1D,QAAA,OAAO,MAAK;YACR,GAAG,CAAC,OAAO,EAAE,mBAAmB,CAAC,YAAY,EAAC,YAAY,CAAC,CAAC;YAC5D,GAAG,CAAC,OAAO,EAAE,mBAAmB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;AACjE,SAAC,CAAA;KACJ,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,OAAO,WAAW,CAAC;AACvB;;;;"}

package/dist/index.d.ts

@@ -637,7 +637,7 @@ interface IDecimal extends IControl<IDecimalParameters, IDecimalOutputs, any, IT
 }
 interface IDecimalParameters extends IInputParameters {
     value: IDecimalNumberProperty;
-    EnableSpinButton?: ITwoOptionsProperty;
+    EnableSpinButton?: Omit<ITwoOptionsProperty, 'attributes'>;
 }
 interface IDecimalOutputs extends IOutputs$1 {
     value?: number;

package/dist/index.js

@@ -1 +1,19 @@
-export{useControl}from"./hooks/useControl.js";export{useControlSizing}from"./hooks/useControlSizing.js";export{useFocusIn}from"./hooks/useFocusIn.js";export{useInputBasedControl}from"./hooks/useInputBasedControl.js";export{useMouseOver}from"./hooks/useMouseOver.js";export{useControlTheme}from"./hooks/useControlTheme.js";export{DateTime}from"./components/DateTime/DateTime.js";export{useDateTime}from"./components/DateTime/hooks/useDateTime.js";export{Decimal}from"./components/Decimal/Decimal.js";export{Duration}from"./components/Duration/Duration.js";export{G as Grid}from"./Grid-b7e6190d.js";export{Lookup}from"./components/Lookup/Lookup.js";export{useLookup}from"./components/Lookup/hooks/useLookup.js";export{MultiSelectOptionSet}from"./components/MultiSelectOptionSet/MultiSelectOptionSet.js";export{OptionSet}from"./components/OptionSet/OptionSet.js";export{TextField}from"./components/TextField/TextField.js";export{TwoOptions}from"./components/TwoOptions/TwoOptions.js";export{Numeral}from"./utils/Numeral.js";import"react";import"fast-deep-equal/es6";import"merge-anything";import"liquidjs";import"./utils/Theme.js";import"@fluentui/react";import"@fluentui/react-migration-v8-v9";import"react/jsx-runtime";import"./components/DateTime/styles.js";import"./components/DateTime/components/Calendar.js";import"@fluentui/react/lib/Calendar";import"@talxis/react-components";import"dayjs";import"dayjs/plugin/utc";import"dayjs/plugin/customParseFormat";import"./components/DateTime/translations.js";import"numeral";import"./constants.js";import"./components/Decimal/components/ArrowButtons.js";import"./components/Decimal/components/styles.js";import"./components/Duration/translations.js";import"./components/Grid/core/model/Grid.js";import"tslib";import"./components/Grid/constants.js";import"./components/Grid/filtering/model/Filtering.js";import"./components/Grid/core/model/GridDependency.js";import"./components/Grid/filtering/model/Condition.js";import"./components/Grid/core/enums/ConditionOperator.js";import"./components/Grid/core/enums/DataType.js";import"./components/Grid/validation/model/ColumnValidation.js";import"validator/es/lib/isEmail";import"validator/es/lib/isURL";import"./components/Grid/filtering/utils/FilteringUtilts.js";import"./components/Grid/filtering/constants.js";import"./components/Grid/paging/model/Paging.js";import"./components/Grid/selection/model/Selection.js";import"./components/Grid/sorting/Sorting.js";import"./components/Grid/core/services/RecordUpdateService/model/RecordUpdateService.js";import"lodash";import"./components/Grid/core/model/Metadata.js";import"@ag-grid-community/react";import"./components/Grid/selection/controllers/useSelectionController.js";import"./components/Grid/core/hooks/useGridInstance.js";import"./components/Grid/GridContext.js";import"./components/Grid/core/components/AgGrid/styles.js";import"./components/Grid/core/components/AgGrid/controllers/useAgGridController.js";import"./components/Grid/core/controllers/useGridController.js";import"./components/Grid/core/components/Cell/EditableCell/EditableCell.js";import"./components/Grid/core/services/RecordUpdateService/controllers/useRecordUpdateServiceController.js";import"./components/Grid/core/components/Component/Component.js";import"./components/Grid/core/components/Component/controller/useComponentController.js";import"./components/Grid/core/components/Component/model/Component.js";import"./components/Grid/core/components/Cell/ReadOnlyCell/ReadOnlyCell.js";import"./components/Grid/core/components/Cell/ReadOnlyCell/styles.js";import"./components/Grid/core/components/Cell/Commands/Commands.js";import"./components/Grid/core/components/Cell/Commands/useCommands.js";import"./components/Grid/core/components/Cell/Commands/Icon.js";import"external-svg-loader";import"./components/Grid/core/components/Cell/Commands/styles.js";import"@talxis/client-libraries";import"./components/Grid/core/components/Cell/ReadOnlyCell/ReadOnlyOptionSet/ReadOnlyOptionSet.js";import"./components/Grid/core/components/Cell/ReadOnlyCell/ReadOnlyOptionSet/styles.js";import"color";import"./components/Grid/validation/controllers/useRecordValidationController.js";import"./components/Grid/core/hooks/useRerender.js";import"./components/Grid/core/components/ColumnHeader/ColumnHeader.js";import"./components/Grid/filtering/components/FilterCallout/FilterCallout.js";import"./components/Grid/filtering/components/FilterCallout/styles.js";import"./components/Grid/filtering/controller/useColumnFilterConditionController.js";import"./components/Grid/core/hooks/useRefreshCallback.js";import"./components/Grid/filtering/components/FilterCallout/components/ConditionOperator/ConditionOperator.js";import"./components/Grid/filtering/components/FilterCallout/components/ConditionValue/ConditionValue.js";import"./components/Grid/filtering/components/FilterCallout/components/ConditionValue/model/ConditionComponentValue.js";import"./components/Grid/sorting/components/SortingContextualMenu/SortingContextualMenu.js";import"./components/Grid/sorting/components/SortingContextualMenu/styles.js";import"./components/Grid/sorting/controllers/useColumnSortingController.js";import"./components/Grid/core/components/ColumnHeader/styles.js";import"./components/Grid/core/components/ColumnHeader/components/GlobalCheckbox/GlobalCheckbox.js";import"./components/Grid/core/components/ColumnHeader/components/GlobalCheckbox/styles.js";import"./components/Grid/core/components/AgGrid/model/AgGrid.js";import"@ag-grid-community/core";import"@ag-grid-community/client-side-row-model";import"use-debounce";import"@ag-grid-community/styles/ag-grid.css";import"@ag-grid-community/styles/ag-theme-balham.css";import"./components/Grid/paging/controllers/usePagingController.js";import"./components/Grid/paging/components/Paging/Paging.js";import"./components/Grid/paging/components/Paging/styles.js";import"./components/Grid/core/components/AgGrid/components/EmptyRecordsOverlay/EmptyRecords.js";import"./components/Grid/core/components/AgGrid/components/EmptyRecordsOverlay/styles.js";import"./components/Grid/core/components/Save/hooks/useSave.js";import"./components/Grid/core/components/Save/styles.js";import"./components/Grid/core/components/Dialog/index.js";import"./components/Grid/core/components/Dialog/Constants.js";import"./components/Grid/core/components/Dialog/Styles.js";import"./components/Grid/translations.js";import"./components/Grid/core/components/Save/components/ChangeEditor/components/RecordGrids/styles.js";import"./components/Grid/core/components/Save/components/ChangeEditor/styles.js";import"./components/Grid/core/components/AgGrid/components/LoadingOverlay/LoadingOverlay.js";import"./components/Grid/core/components/AgGrid/components/LoadingOverlay/styles.js";import"./components/Lookup/components/TargetSelector.js";import"@fluentui/react/lib/Text";import"./components/Lookup/styles.js";import"./components/Lookup/hooks/useLoadedEntities.js";import"./components/Lookup/components/RecordCreator.js";import"./components/Lookup/translations.js";import"./components/Lookup/hooks/useFetchXml.js";
+export { Numeral } from './utils/Numeral.js';
+export { useControl } from './hooks/useControl.js';
+export { useControlSizing } from './hooks/useControlSizing.js';
+export { useFocusIn } from './hooks/useFocusIn.js';
+export { useInputBasedControl } from './hooks/useInputBasedControl.js';
+export { useMouseOver } from './hooks/useMouseOver.js';
+export { useControlTheme } from './hooks/useControlTheme.js';
+export { DateTime } from './components/DateTime/DateTime.js';
+export { useDateTime } from './components/DateTime/hooks/useDateTime.js';
+export { Decimal } from './components/Decimal/Decimal.js';
+export { Duration } from './components/Duration/Duration.js';
+export { Grid } from './components/Grid/Grid.js';
+export { Lookup } from './components/Lookup/Lookup.js';
+export { useLookup } from './components/Lookup/hooks/useLookup.js';
+export { MultiSelectOptionSet } from './components/MultiSelectOptionSet/MultiSelectOptionSet.js';
+export { OptionSet } from './components/OptionSet/OptionSet.js';
+export { TextField } from './components/TextField/TextField.js';
+export { TwoOptions } from './components/TwoOptions/TwoOptions.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/interfaces/index.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=index.js.map

package/dist/interfaces/index.js.map

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

package/dist/utils/Numeral.js

@@ -1 +1,64 @@
-import c from"numeral";class Numeral{static decimal(e){const l={ordinal:c=>".",currency:{symbol:e.currencySymbol},abbreviations:{thousand:"k",million:"m",billion:"b",trillion:"t"},delimiters:{decimal:e.numberDecimalSeparator,thousands:e.numberGroupSeparator}};this._locales.includes("__pcfcustomdecimal")?c.locales.__pcfcustomdecimal=l:c.register("locale","__pcfcustomdecimal",l),c.locale("__pcfcustomdecimal")}static currency(e){const l={ordinal:c=>".",currency:{symbol:e.currencySymbol},abbreviations:{thousand:"k",million:"m",billion:"b",trillion:"t"},delimiters:{decimal:e.currencyDecimalSeparator,thousands:e.currencyGroupSeparator}};this._locales.includes("__pcfcustomcurrency")?c.locales.__pcfcustomcurrency=l:c.register("locale","__pcfcustomcurrency",l),c.locale("__pcfcustomcurrency")}static get _locales(){return Object.keys(c.locales)}}export{Numeral};
+import numeral from 'numeral';
+
+class Numeral {
+    static decimal(formatting) {
+        const locale = {
+            ordinal: (num) => {
+                return '.';
+            },
+            currency: {
+                symbol: formatting.currencySymbol
+            },
+            abbreviations: {
+                thousand: 'k',
+                million: 'm',
+                billion: 'b',
+                trillion: 't'
+            },
+            delimiters: {
+                decimal: formatting.numberDecimalSeparator,
+                thousands: formatting.numberGroupSeparator,
+            }
+        };
+        if (!this._locales.includes('__pcfcustomdecimal')) {
+            numeral.register('locale', '__pcfcustomdecimal', locale);
+        }
+        else {
+            numeral.locales['__pcfcustomdecimal'] = locale;
+        }
+        numeral.locale('__pcfcustomdecimal');
+    }
+    static currency(formatting) {
+        const locale = {
+            ordinal: (num) => {
+                return '.';
+            },
+            currency: {
+                symbol: formatting.currencySymbol
+            },
+            abbreviations: {
+                thousand: 'k',
+                million: 'm',
+                billion: 'b',
+                trillion: 't'
+            },
+            delimiters: {
+                decimal: formatting.currencyDecimalSeparator,
+                thousands: formatting.currencyGroupSeparator,
+            }
+        };
+        if (!this._locales.includes('__pcfcustomcurrency')) {
+            numeral.register('locale', '__pcfcustomcurrency', locale);
+        }
+        else {
+            numeral.locales['__pcfcustomcurrency'] = locale;
+        }
+        numeral.locale('__pcfcustomcurrency');
+    }
+    static get _locales() {
+        return Object.keys(numeral.locales);
+    }
+}
+
+export { Numeral };
+//# sourceMappingURL=Numeral.js.map

package/dist/utils/Numeral.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Numeral.js","sources":["../../src/utils/Numeral.ts"],"sourcesContent":["import numeral from \"numeral\";\n\nexport class Numeral {\n    public static decimal(formatting: ComponentFramework.UserSettingApi.NumberFormattingInfo) {\n        const locale = {\n            ordinal: (num: number) => {\n                return '.';\n            },\n            currency: {\n                symbol: formatting.currencySymbol\n            },\n            abbreviations: {\n                thousand: 'k',\n                million: 'm',\n                billion: 'b',\n                trillion: 't'\n            },\n            delimiters: {\n                decimal: formatting.numberDecimalSeparator,\n                thousands: formatting.numberGroupSeparator,\n            }\n        };\n        if (!this._locales.includes('__pcfcustomdecimal')) {\n            numeral.register('locale', '__pcfcustomdecimal', locale);\n        }\n        else {\n            numeral.locales['__pcfcustomdecimal'] = locale;\n        }\n        numeral.locale('__pcfcustomdecimal');\n    }\n\n    public static currency(formatting: ComponentFramework.UserSettingApi.NumberFormattingInfo) {\n        const locale = {\n            ordinal: (num: number) => {\n                return '.';\n            },\n            currency: {\n                symbol: formatting.currencySymbol\n            },\n            abbreviations: {\n                thousand: 'k',\n                million: 'm',\n                billion: 'b',\n                trillion: 't'\n            },\n            delimiters: {\n                decimal: formatting.currencyDecimalSeparator,\n                thousands: formatting.currencyGroupSeparator,\n            }\n        };\n        if (!this._locales.includes('__pcfcustomcurrency')) {\n            numeral.register('locale', '__pcfcustomcurrency', locale);\n        }\n        else {\n            numeral.locales['__pcfcustomcurrency'] = locale;\n        }\n        numeral.locale('__pcfcustomcurrency');\n    }\n    private static get _locales() {\n        return Object.keys(numeral.locales);\n    }\n}"],"names":[],"mappings":";;MAEa,OAAO,CAAA;IACT,OAAO,OAAO,CAAC,UAAkE,EAAA;AACpF,QAAA,MAAM,MAAM,GAAG;AACX,YAAA,OAAO,EAAE,CAAC,GAAW,KAAI;AACrB,gBAAA,OAAO,GAAG,CAAC;aACd;AACD,YAAA,QAAQ,EAAE;gBACN,MAAM,EAAE,UAAU,CAAC,cAAc;AACpC,aAAA;AACD,YAAA,aAAa,EAAE;AACX,gBAAA,QAAQ,EAAE,GAAG;AACb,gBAAA,OAAO,EAAE,GAAG;AACZ,gBAAA,OAAO,EAAE,GAAG;AACZ,gBAAA,QAAQ,EAAE,GAAG;AAChB,aAAA;AACD,YAAA,UAAU,EAAE;gBACR,OAAO,EAAE,UAAU,CAAC,sBAAsB;gBAC1C,SAAS,EAAE,UAAU,CAAC,oBAAoB;AAC7C,aAAA;SACJ,CAAC;QACF,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,oBAAoB,CAAC,EAAE;YAC/C,OAAO,CAAC,QAAQ,CAAC,QAAQ,EAAE,oBAAoB,EAAE,MAAM,CAAC,CAAC;AAC5D,SAAA;AACI,aAAA;AACD,YAAA,OAAO,CAAC,OAAO,CAAC,oBAAoB,CAAC,GAAG,MAAM,CAAC;AAClD,SAAA;AACD,QAAA,OAAO,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC;KACxC;IAEM,OAAO,QAAQ,CAAC,UAAkE,EAAA;AACrF,QAAA,MAAM,MAAM,GAAG;AACX,YAAA,OAAO,EAAE,CAAC,GAAW,KAAI;AACrB,gBAAA,OAAO,GAAG,CAAC;aACd;AACD,YAAA,QAAQ,EAAE;gBACN,MAAM,EAAE,UAAU,CAAC,cAAc;AACpC,aAAA;AACD,YAAA,aAAa,EAAE;AACX,gBAAA,QAAQ,EAAE,GAAG;AACb,gBAAA,OAAO,EAAE,GAAG;AACZ,gBAAA,OAAO,EAAE,GAAG;AACZ,gBAAA,QAAQ,EAAE,GAAG;AAChB,aAAA;AACD,YAAA,UAAU,EAAE;gBACR,OAAO,EAAE,UAAU,CAAC,wBAAwB;gBAC5C,SAAS,EAAE,UAAU,CAAC,sBAAsB;AAC/C,aAAA;SACJ,CAAC;QACF,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,qBAAqB,CAAC,EAAE;YAChD,OAAO,CAAC,QAAQ,CAAC,QAAQ,EAAE,qBAAqB,EAAE,MAAM,CAAC,CAAC;AAC7D,SAAA;AACI,aAAA;AACD,YAAA,OAAO,CAAC,OAAO,CAAC,qBAAqB,CAAC,GAAG,MAAM,CAAC;AACnD,SAAA;AACD,QAAA,OAAO,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC;KACzC;AACO,IAAA,WAAW,QAAQ,GAAA;QACvB,OAAO,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;KACvC;AACJ;;;;"}

package/dist/utils/Theme.js

@@ -1 +1,72 @@
-import{createTheme as e,getTheme as o}from"@fluentui/react";import{createV8Theme as t}from"@fluentui/react-migration-v8-v9";const n=e({palette:{white:"#ffffff"}}),r=e=>{var n,r,i,c,l,a,u;const d=o();if(!e)return Object.assign(Object.assign({},d),{effects:Object.assign(Object.assign({},d.effects),{underlined:!1}),semanticColors:Object.assign(Object.assign({},d.semanticColors),{inputBorder:"transparent"})});const m=t(e.brand,e.tokenTheme);return m.semanticColors.inputBackground=null!==(n=e.tokenTheme.inputBackground)&&void 0!==n?n:e.tokenTheme.colorNeutralBackground1Hover,m.semanticColors.inputBorder=null!==(r=e.tokenTheme.inputBorder)&&void 0!==r?r:"transparent",m.semanticColors.inputBorderHovered=null!==(i=e.tokenTheme.inputBorderHovered)&&void 0!==i?i:m.semanticColors.inputBorder,m.semanticColors.inputText=null!==(c=e.tokenTheme.inputText)&&void 0!==c?c:m.semanticColors.inputText,m.semanticColors.inputPlaceholderText=null!==(l=e.tokenTheme.inputPlaceholderText)&&void 0!==l?l:m.semanticColors.inputText,m.semanticColors.inputTextHovered=null!==(a=e.tokenTheme.inputTextHovered)&&void 0!==a?a:m.semanticColors.inputText,m.effects.underlined=null===(u=e.tokenTheme.underlined)||void 0===u||u,s(m)},s=e=>{e.components={Checkbox:{styles:e=>({root:{":hover .ms-Checkbox-checkbox":{borderColor:e.checked?void 0:"inherit"}}})},Toggle:{styles:o=>({pill:{backgroundColor:o.checked?void 0:e.semanticColors.inputBackground,":hover":{borderColor:o.checked?void 0:o.theme.semanticColors.smallInputBorder}}})}};const o=Object.assign({},e.semanticColors),t=n;for(const o of Object.keys(t.semanticColors))(o.startsWith("menu")||o.startsWith("list"))&&(e.semanticColors[o]=t.semanticColors[o]);return e.semanticColors.menuIcon=o.menuIcon,e};export{r as getControlTheme,s as normalizeComponentStyling};
+import { createTheme, getTheme } from '@fluentui/react';
+import { createV8Theme } from '@fluentui/react-migration-v8-v9';
+
+const lightTheme = createTheme({
+    palette: {
+        white: '#ffffff'
+    },
+});
+const getControlTheme = (fluentDesignLanguage) => {
+    const fluentTheme = getTheme();
+    if (!fluentDesignLanguage) {
+        return {
+            ...fluentTheme, effects: {
+                ...fluentTheme.effects,
+                underlined: false
+            },
+            semanticColors: {
+                ...fluentTheme.semanticColors,
+                inputBorder: 'transparent',
+            }
+        };
+    }
+    const v8Theme = createV8Theme(fluentDesignLanguage.brand, fluentDesignLanguage.tokenTheme);
+    v8Theme.semanticColors.inputBackground = fluentDesignLanguage.tokenTheme.inputBackground ?? fluentDesignLanguage.tokenTheme.colorNeutralBackground1Hover;
+    v8Theme.semanticColors.inputBorder = fluentDesignLanguage.tokenTheme.inputBorder ?? 'transparent';
+    v8Theme.semanticColors.inputBorderHovered = fluentDesignLanguage.tokenTheme.inputBorderHovered ?? v8Theme.semanticColors.inputBorder;
+    v8Theme.semanticColors.inputText = fluentDesignLanguage.tokenTheme.inputText ?? v8Theme.semanticColors.inputText;
+    v8Theme.semanticColors.inputPlaceholderText = fluentDesignLanguage.tokenTheme.inputPlaceholderText ?? v8Theme.semanticColors.inputText;
+    v8Theme.semanticColors.inputTextHovered = fluentDesignLanguage.tokenTheme.inputTextHovered ?? v8Theme.semanticColors.inputText;
+    v8Theme.effects.underlined = fluentDesignLanguage.tokenTheme.underlined ?? true;
+    return normalizeComponentStyling(v8Theme);
+};
+const normalizeComponentStyling = (theme) => {
+    theme.components = {
+        Checkbox: {
+            styles: (props) => {
+                return {
+                    root: {
+                        ':hover .ms-Checkbox-checkbox': {
+                            borderColor: !props.checked ? 'inherit' : undefined
+                        }
+                    }
+                };
+            }
+        },
+        Toggle: {
+            styles: (props) => {
+                return {
+                    pill: {
+                        backgroundColor: !props.checked ? theme.semanticColors.inputBackground : undefined,
+                        ':hover': {
+                            borderColor: !props.checked ? props.theme.semanticColors.smallInputBorder : undefined
+                        },
+                    }
+                };
+            }
+        }
+    };
+    const originalSemanticColors = { ...theme.semanticColors };
+    const baseTheme = lightTheme;
+    for (const key of Object.keys(baseTheme.semanticColors)) {
+        if (key.startsWith('menu') || key.startsWith('list')) {
+            //@ts-ignore - a
+            theme.semanticColors[key] = baseTheme.semanticColors[key];
+        }
+    }
+    theme.semanticColors.menuIcon = originalSemanticColors.menuIcon;
+    return theme;
+};
+
+export { getControlTheme, normalizeComponentStyling };
+//# sourceMappingURL=Theme.js.map

package/dist/utils/Theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Theme.js","sources":["../../src/utils/Theme.ts"],"sourcesContent":["import { createTheme, getTheme, ICheckboxStyleProps, IToggleStyleProps } from '@fluentui/react';\nimport { createV8Theme } from '@fluentui/react-migration-v8-v9';\nimport { ITheme } from '../interfaces/theme';\n\nconst lightTheme = createTheme({\n    palette: {\n        white: '#ffffff'\n    },\n})\n\n\nexport const getControlTheme = (fluentDesignLanguage?: ComponentFramework.FluentDesignState): ITheme => {\n    const fluentTheme = getTheme();\n    if (!fluentDesignLanguage) {\n        return {\n            ...fluentTheme, effects: {\n                ...fluentTheme.effects,\n                underlined: false\n            },\n            semanticColors: {\n                ...fluentTheme.semanticColors,\n                inputBorder: 'transparent',\n            }\n        }\n    }\n    const v8Theme: ITheme = createV8Theme(fluentDesignLanguage.brand, fluentDesignLanguage.tokenTheme);\n    v8Theme.semanticColors.inputBackground = fluentDesignLanguage.tokenTheme.inputBackground ?? fluentDesignLanguage.tokenTheme.colorNeutralBackground1Hover;\n    v8Theme.semanticColors.inputBorder = fluentDesignLanguage.tokenTheme.inputBorder ?? 'transparent';\n    v8Theme.semanticColors.inputBorderHovered = fluentDesignLanguage.tokenTheme.inputBorderHovered ?? v8Theme.semanticColors.inputBorder;\n    v8Theme.semanticColors.inputText = fluentDesignLanguage.tokenTheme.inputText ?? v8Theme.semanticColors.inputText;\n    v8Theme.semanticColors.inputPlaceholderText = fluentDesignLanguage.tokenTheme.inputPlaceholderText ?? v8Theme.semanticColors.inputText\n    v8Theme.semanticColors.inputTextHovered = fluentDesignLanguage.tokenTheme.inputTextHovered ?? v8Theme.semanticColors.inputText;\n    v8Theme.effects.underlined = fluentDesignLanguage.tokenTheme.underlined ?? true;\n    return normalizeComponentStyling(v8Theme);\n}\n\nexport const normalizeComponentStyling = (theme: ITheme) => {\n    theme.components = {\n        Checkbox: {\n            styles: (props: ICheckboxStyleProps) => {\n                return {\n                    root: {\n                        ':hover .ms-Checkbox-checkbox': {\n                            borderColor: !props.checked ? 'inherit' : undefined\n                        }\n                    }\n                }\n            }\n        },\n        Toggle: {\n            styles: (props: IToggleStyleProps) => {\n                return {\n                    pill: {\n                        backgroundColor: !props.checked ? theme.semanticColors.inputBackground : undefined,\n                        ':hover': {\n                            borderColor: !props.checked ? props.theme.semanticColors.smallInputBorder : undefined\n                        },\n                    }\n                };\n            }\n        }\n    };\n    const originalSemanticColors = { ...theme.semanticColors };\n    const baseTheme = lightTheme;\n    for (const key of Object.keys(baseTheme.semanticColors)) {\n        if (key.startsWith('menu') || key.startsWith('list')) {\n            //@ts-ignore - a\n            theme.semanticColors[key] = baseTheme.semanticColors[key];\n        }\n    }\n    theme.semanticColors.menuIcon = originalSemanticColors.menuIcon;\n    return theme;\n}"],"names":[],"mappings":";;;AAIA,MAAM,UAAU,GAAG,WAAW,CAAC;AAC3B,IAAA,OAAO,EAAE;AACL,QAAA,KAAK,EAAE,SAAS;AACnB,KAAA;AACJ,CAAA,CAAC,CAAA;AAGW,MAAA,eAAe,GAAG,CAAC,oBAA2D,KAAY;AACnG,IAAA,MAAM,WAAW,GAAG,QAAQ,EAAE,CAAC;IAC/B,IAAI,CAAC,oBAAoB,EAAE;QACvB,OAAO;YACH,GAAG,WAAW,EAAE,OAAO,EAAE;gBACrB,GAAG,WAAW,CAAC,OAAO;AACtB,gBAAA,UAAU,EAAE,KAAK;AACpB,aAAA;AACD,YAAA,cAAc,EAAE;gBACZ,GAAG,WAAW,CAAC,cAAc;AAC7B,gBAAA,WAAW,EAAE,aAAa;AAC7B,aAAA;SACJ,CAAA;AACJ,KAAA;AACD,IAAA,MAAM,OAAO,GAAW,aAAa,CAAC,oBAAoB,CAAC,KAAK,EAAE,oBAAoB,CAAC,UAAU,CAAC,CAAC;AACnG,IAAA,OAAO,CAAC,cAAc,CAAC,eAAe,GAAG,oBAAoB,CAAC,UAAU,CAAC,eAAe,IAAI,oBAAoB,CAAC,UAAU,CAAC,4BAA4B,CAAC;AACzJ,IAAA,OAAO,CAAC,cAAc,CAAC,WAAW,GAAG,oBAAoB,CAAC,UAAU,CAAC,WAAW,IAAI,aAAa,CAAC;AAClG,IAAA,OAAO,CAAC,cAAc,CAAC,kBAAkB,GAAG,oBAAoB,CAAC,UAAU,CAAC,kBAAkB,IAAI,OAAO,CAAC,cAAc,CAAC,WAAW,CAAC;AACrI,IAAA,OAAO,CAAC,cAAc,CAAC,SAAS,GAAG,oBAAoB,CAAC,UAAU,CAAC,SAAS,IAAI,OAAO,CAAC,cAAc,CAAC,SAAS,CAAC;AACjH,IAAA,OAAO,CAAC,cAAc,CAAC,oBAAoB,GAAG,oBAAoB,CAAC,UAAU,CAAC,oBAAoB,IAAI,OAAO,CAAC,cAAc,CAAC,SAAS,CAAA;AACtI,IAAA,OAAO,CAAC,cAAc,CAAC,gBAAgB,GAAG,oBAAoB,CAAC,UAAU,CAAC,gBAAgB,IAAI,OAAO,CAAC,cAAc,CAAC,SAAS,CAAC;AAC/H,IAAA,OAAO,CAAC,OAAO,CAAC,UAAU,GAAG,oBAAoB,CAAC,UAAU,CAAC,UAAU,IAAI,IAAI,CAAC;AAChF,IAAA,OAAO,yBAAyB,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAC;AAEY,MAAA,yBAAyB,GAAG,CAAC,KAAa,KAAI;IACvD,KAAK,CAAC,UAAU,GAAG;AACf,QAAA,QAAQ,EAAE;AACN,YAAA,MAAM,EAAE,CAAC,KAA0B,KAAI;gBACnC,OAAO;AACH,oBAAA,IAAI,EAAE;AACF,wBAAA,8BAA8B,EAAE;AAC5B,4BAAA,WAAW,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,SAAS,GAAG,SAAS;AACtD,yBAAA;AACJ,qBAAA;iBACJ,CAAA;aACJ;AACJ,SAAA;AACD,QAAA,MAAM,EAAE;AACJ,YAAA,MAAM,EAAE,CAAC,KAAwB,KAAI;gBACjC,OAAO;AACH,oBAAA,IAAI,EAAE;AACF,wBAAA,eAAe,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,GAAG,SAAS;AAClF,wBAAA,QAAQ,EAAE;AACN,4BAAA,WAAW,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,GAAG,SAAS;AACxF,yBAAA;AACJ,qBAAA;iBACJ,CAAC;aACL;AACJ,SAAA;KACJ,CAAC;IACF,MAAM,sBAAsB,GAAG,EAAE,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC;IAC3D,MAAM,SAAS,GAAG,UAAU,CAAC;IAC7B,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE;AACrD,QAAA,IAAI,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;;AAElD,YAAA,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AAC7D,SAAA;AACJ,KAAA;IACD,KAAK,CAAC,cAAc,CAAC,QAAQ,GAAG,sBAAsB,CAAC,QAAQ,CAAC;AAChE,IAAA,OAAO,KAAK,CAAC;AACjB;;;;"}

package/dist/utils/index.js

@@ -1 +1,3 @@
-export{Numeral}from"./Numeral.js";export{getControlTheme,normalizeComponentStyling}from"./Theme.js";import"numeral";import"@fluentui/react";import"@fluentui/react-migration-v8-v9";
+export { Numeral } from './Numeral.js';
+export { getControlTheme, normalizeComponentStyling } from './Theme.js';
+//# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

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

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@talxis/base-controls",
-  "version": "1.2408.1",
+  "version": "1.2408.2",
   "description": "Set of React components that natively work with Power Apps Component Framework API's",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "license": "MIT",
   "types": "dist/index.d.ts",
+  "sideEffects": false,
   "devDependencies": {
     "@babel/core": "^7.16.12",
     "@rollup/plugin-commonjs": "^21.0.1",
@@ -25,6 +26,7 @@
     "@types/validator": "^13.11.9",
     "babel-loader": "^8.2.3",
     "esbuild": "^0.13.9",
+    "glob": "^11.0.0",
     "postcss": "^8.3.11",
     "react-scripts": "^5.0.0",
     "rollup": "^2.58.1",
@@ -76,7 +78,7 @@
     "@fluentui/react": "^8.119.1",
     "@fluentui/react-migration-v8-v9": "^9.6.20",
     "@talxis/client-libraries": "^1.2407.2",
-    "@talxis/react-components": "^1.2408.1",
+    "@talxis/react-components": "^1.2408.2",
     "color": "^4.2.3",
     "dayjs": "^1.11.10",
     "external-svg-loader": "^1.7.1",

package/dist/Grid-b7e6190d.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as o,Fragment as t}from"react/jsx-runtime";import{useEffect as r,useState as n,useRef as s,useMemo as a}from"react";import{useControl as i}from"./hooks/useControl.js";import{useControlTheme as c}from"./hooks/useControlTheme.js";import{Grid as d}from"./components/Grid/core/model/Grid.js";import{AgGridReact as l}from"@ag-grid-community/react";import{useTheme as m,Text as g,Icon as p,DialogFooter as u,PrimaryButton as v,Spinner as b,SpinnerSize as h,MessageBar as f,MessageBarType as j,CommandBarButton as O,mergeStyleSets as C,ThemeProvider as G}from"@fluentui/react";import{useSelectionController as R}from"./components/Grid/selection/controllers/useSelectionController.js";import{useGridInstance as y}from"./components/Grid/core/hooks/useGridInstance.js";import{getGridStyles as w}from"./components/Grid/core/components/AgGrid/styles.js";import{useAgGridController as N}from"./components/Grid/core/components/AgGrid/controllers/useAgGridController.js";import{Paging as S}from"./components/Grid/paging/components/Paging/Paging.js";import{EmptyRecords as E}from"./components/Grid/core/components/AgGrid/components/EmptyRecordsOverlay/EmptyRecords.js";import{useSave as x}from"./components/Grid/core/components/Save/hooks/useSave.js";import{getSaveStyles as I}from"./components/Grid/core/components/Save/styles.js";import{useRecordUpdateServiceController as D}from"./components/Grid/core/services/RecordUpdateService/controllers/useRecordUpdateServiceController.js";import P from"./components/Grid/core/components/Dialog/index.js";import{__awaiter as V}from"tslib";import{gridTranslations as k}from"./components/Grid/translations.js";import{GridContext as M}from"./components/Grid/GridContext.js";import{getRecordGridStyles as _}from"./components/Grid/core/components/Save/components/ChangeEditor/components/RecordGrids/styles.js";import{getChangeEditorStyles as T}from"./components/Grid/core/components/Save/components/ChangeEditor/styles.js";import{LoadingOverlay as F}from"./components/Grid/core/components/AgGrid/components/LoadingOverlay/LoadingOverlay.js";import{usePagingController as A}from"./components/Grid/paging/controllers/usePagingController.js";const B=t=>{const r=y(),n=Object.assign({},t.record),s=_(m()),a={context:Object.assign(Object.assign({},r.pcfContext),{mode:Object.assign(Object.assign({},r.pcfContext.mode),{setControlState:e=>!1})}),state:{},parameters:{EnableFiltering:{raw:!1},EnablePagination:{raw:!1},EnableSorting:{raw:!1},EnableNavigation:{raw:!1},SelectableRows:{type:"static",raw:"none"},Grid:Object.assign(Object.assign({},r.dataset),{sorting:[],columns:[...n.columns.values()],filtering:Object.assign(Object.assign({},r.dataset.filtering),{getFilter:()=>({conditions:[],filterOperator:0})}),getSelectedRecordIds:()=>[],paging:Object.assign(Object.assign({},r.dataset.paging),{pageSize:1})})}},i=(()=>{const e=[];for(const o of n.columns.values())n.isValid(o.name)||e.push(o);return e})(),c=i.length>0;return e("div",Object.assign({className:s.root},{children:[e("div",Object.assign({className:s.readOnlyGrid},{children:[o("div",Object.assign({className:s.gridTitleWrapper},{children:o(g,Object.assign({title:n.getOriginalFormattedPrimaryNameValue(),variant:"large"},{children:n.getOriginalFormattedPrimaryNameValue()}))})),o(W,Object.assign({},a,{parameters:Object.assign(Object.assign({},a.parameters),{ChangeEditorMode:{raw:"read",error:c},Grid:Object.assign(Object.assign({},a.parameters.Grid),{error:c,errorMessage:c?r.labels["saving-validation-error"]({columnDisplayNames:i.map((e=>e.displayName)).join(", ")}):void 0,records:{[n.getRecordId()]:(e=>({getFormattedValue:o=>e.getOriginalFormattedValue(o),getRecordId:()=>e.getRecordId(),getNamedReference:()=>e.getNamedReference(),getValue:o=>e.getOriginalValue(o),save:()=>V(void 0,void 0,void 0,(function*(){yield e.save(),r.pcfContext.factory.requestRender()})),setValue:(o,t)=>{e.clear(),r.pcfContext.factory.requestRender()}}))(n)}})})}))]})),o(p,{iconName:"DoubleChevronDown8"}),o("div",Object.assign({className:s.editableGrid},{children:o(W,Object.assign({},a,{parameters:Object.assign(Object.assign({},a.parameters),{ChangeEditorMode:{raw:"edit"},EnableEditing:{raw:!0},Grid:Object.assign(Object.assign({},a.parameters.Grid),{records:{[n.getRecordId()]:(e=>({getFormattedValue:o=>e.getFormattedValue(o),getRecordId:()=>e.getRecordId(),getNamedReference:()=>e.getNamedReference(),getValue:o=>e.getValue(o),save:()=>{throw new Error("Should not be called!")},setValue:(o,t)=>{e.setValue(o,t),r.pcfContext.factory.requestRender()}}))(n)}})})}))}))]}))},L=t=>{const n=y().labels,s=D(),{isSaving:a,saveBtnProps:i,save:c}=x(),d=s.updatedRecords,l=T(m());return r((()=>{var e;0===d.length&&(null===(e=t.onDismiss)||void 0===e||e.call(t))}),[d]),e(P,Object.assign({},t,{width:1e3,minWidth:"80%",modalProps:{isBlocking:!0,className:l.root,layerProps:{eventBubblingEnabled:!0}},dialogContentProps:{showCloseButton:!0,title:n["saving-changepreview-title"]({numOfChanges:d.length})},hidden:!1},{children:[o("div",Object.assign({className:l.recordGrids},{children:d.map((e=>o(B,{record:e},e.getRecordId())))})),o(u,{children:o(v,Object.assign({className:l.saveBtn,text:i.text,disabled:i.disabled,onClick:()=>c()},{children:a&&o(b,{size:h.small})}))})]}))},z=()=>{const r=y(),s=r.labels,a=I(),{isDirty:i,updatedRecords:c,hasInvalidRecords:d,clearAll:l}=D(),{isSaving:m,saveBtnProps:g,save:p}=x(),[u,v]=n(!1);return e(t,{children:[o("div",Object.assign({onClick:()=>{i&&v(!0)},className:a.root,"data-dirty":i},{children:o(f,Object.assign({messageBarType:d?j.error:j.info,actions:e("div",Object.assign({className:a.actions},{children:[o(O,{text:m?g.text:void 0,disabled:g.disabled,onRenderIcon:m?()=>o(b,{size:h.small}):void 0,iconProps:{iconName:g.iconName},onClick:e=>{e.stopPropagation(),p()}}),o(O,{disabled:g.disabled&&!d&&!r.props.parameters.ChangeEditorMode,iconProps:{iconName:"Delete"},onClick:e=>{e.stopPropagation(),l()}})]})),isMultiline:!1},{children:i&&o("span",{className:a.notificationText,dangerouslySetInnerHTML:{__html:s["saving-changenotification"]({numOfChanges:c.length})}})}))})),u&&o(L,{onDismiss:e=>{"Escape"!==(null==e?void 0:e.code)&&v(!1)}})]})},H=()=>{var r,n;const a=y(),i=R(),c=s(),d=s(null),g=m();let{agColumns:p,records:u,maxNumberOfVisibleRecords:v,stateRef:b,getTotalColumnsWidth:h,onGridReady:O}=N(c);const C=A(),G=w(g,v,a.useContainerAsHeight),x=()=>{const e=(()=>{var e,o;const t=null===(e=d.current)||void 0===e?void 0:e.querySelector(".ag-root-wrapper");return null!==(o=null==t?void 0:t.clientWidth)&&void 0!==o?o:0})();e>h()&&c.current.sizeColumnsToFit()};return o("div",Object.assign({ref:d,className:`${G.root} ag-theme-balham`},{children:p.length>0&&e(t,{children:[(a.isEditable&&"edit"!==(null===(r=a.parameters.ChangeEditorMode)||void 0===r?void 0:r.raw)||"read"===(null===(n=a.parameters.ChangeEditorMode)||void 0===n?void 0:n.raw))&&o(z,{}),a.error&&o(f,Object.assign({messageBarType:j.error},{children:o("span",{dangerouslySetInnerHTML:{__html:a.errorMessage}})})),o(l,{animateRows:!0,rowSelection:a.selection.type,noRowsOverlayComponent:E,loadingOverlayComponent:F,suppressDragLeaveHidesColumns:!0,onColumnMoved:e=>{e.finished&&(e=>{var o;const t=null===(o=e.api.getState().columnOrder)||void 0===o?void 0:o.orderedColIds.filter((e=>!0));t&&a.pcfContext.factory.fireEvent("__updateColumnOrder",t)})(e)},reactiveCustomComponents:!0,onRowSelected:e=>{e.source.includes("api")||"gridInitializing"===e.source||i.toggle(e.data,e.node.isSelected())},onCellDoubleClicked:e=>{a.isNavigationEnabled&&!a.isEditable&&a.openDatasetItem(e.data.getNamedReference())},onCellMouseOver:e=>{var o;"__checkbox"===e.colDef.colId&&(null===(o=c.current)||void 0===o||o.setGridOption("suppressRowClickSelection",!0))},onCellMouseOut:e=>{var o;null===(o=c.current)||void 0===o||o.setGridOption("suppressRowClickSelection",!1)},getRowId:e=>e.data.getRecordId(),onGridReady:e=>{var o;c.current=e.api,a.loading&&(null===(o=c.current)||void 0===o||o.showLoadingOverlay()),x(),O()},initialState:b.current,onStateUpdated:e=>b.current=Object.assign(Object.assign({},b.current),e.state),rowHeight:42,columnDefs:p,rowData:u}),C.isEnabled&&o(S,{})]})}))},q=C({root:{displayName:"talxis__gridControl",height:"100%"}}),W=e=>{const{labels:t}=i("Grid",e,k),r=a((()=>({gridInstance:new d(e,t)})),[]);r.gridInstance.updateDependencies(e);const n=c(e.context.fluentDesignLanguage);return o(M.Provider,Object.assign({value:r},{children:o(G,Object.assign({className:`talxis__gridControl ${q.root}`,theme:n,applyTo:"none"},{children:o(H,{})}))}))};export{H as A,L as C,W as G,B as R,z as S};

package/dist/components/DateTime/interfaces.js

@@ -1 +0,0 @@
-

package/dist/components/Decimal/interfaces.js

@@ -1 +0,0 @@
-

package/dist/components/Duration/interfaces.js

@@ -1 +0,0 @@
-

package/dist/components/Grid/core/interfaces/IGridColumn.js

@@ -1 +0,0 @@
-

package/dist/components/Grid/core/interfaces/IGridContext.js

@@ -1 +0,0 @@
-

package/dist/components/Grid/interfaces.js

@@ -1 +0,0 @@
-

package/dist/components/Lookup/interfaces.js

@@ -1 +0,0 @@
-

package/dist/components/MultiSelectOptionSet/interfaces.js

@@ -1 +0,0 @@
-

package/dist/components/OptionSet/interfaces.js

@@ -1 +0,0 @@
-