@talxis/base-controls 1.2410.3 → 1.2410.5

package/dist/index.js

@@ -1,4 +1,3 @@
-export { Numeral } from './utils/Numeral.js';
 export { useControl } from './hooks/useControl.js';
 export { useControlSizing } from './hooks/useControlSizing.js';
 export { useFocusIn } from './hooks/useFocusIn.js';
@@ -16,4 +15,5 @@ export { MultiSelectOptionSet } from './components/MultiSelectOptionSet/MultiSel
 export { OptionSet } from './components/OptionSet/OptionSet.js';
 export { TextField } from './components/TextField/TextField.js';
 export { TwoOptions } from './components/TwoOptions/TwoOptions.js';
+export { DatasetControl } from './components/DatasetControl/DatasetControl.js';
 //# sourceMappingURL=index.js.map

package/dist/interfaces/property.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="powerapps-component-framework" />
-import { IEntityColumn, IEntityRecord } from "../components/Grid/interfaces";
 type ExcludedProps = Pick<ComponentFramework.PropertyTypes.Property, 'formatted'>;
 export interface IProperty extends Omit<Partial<ComponentFramework.PropertyTypes.Property>, keyof ExcludedProps | 'attributes'> {
 }
@@ -60,32 +59,4 @@ export interface ILookupProperty extends IProperty, Omit<Partial<ComponentFramew
         fetchXml?: string;
     }[]>;
 }
-export interface IDatasetProperty extends IProperty, Omit<ComponentFramework.PropertyTypes.DataSet, 'error' | 'errorMessage'> {
-    columns: IEntityColumn[];
-    records: {
-        [id: string]: IEntityRecord;
-    };
-    paging: ComponentFramework.PropertyHelper.DataSetApi.Paging & {
-        pageNumber: number;
-    };
-    retrieveRecordCommand: (recordIds: string[], specificCommands?: string[], filterByPriority?: boolean, useNestedFormat?: boolean, refreshAllRules?: boolean) => {
-        canExecute: boolean;
-        /**
-        * Seems to be always empty - buttons present in Flyout and SplitButton are put on first level (the array of buttons is flattened).
-        */
-        children: any[];
-        commandId: string;
-        commandButtonId: string;
-        controlType: any;
-        icon: string;
-        label: string;
-        shouldBeVisible: boolean;
-        tooltip: string;
-        /**
-        * Temp portal property
-        */
-        __isInline?: boolean;
-        execute: () => Promise<void>;
-    }[];
-}
 export {};

package/dist/utils/Theme.js

@@ -32,6 +32,32 @@ const getControlTheme = (fluentDesignLanguage) => {
 };
 const normalizeComponentStyling = (theme) => {
     theme.components = {
+        //@ts-ignore
+        CommandBarButton: {
+            styles: {
+                root: {
+                    backgroundColor: 'transparent'
+                },
+                rootHovered: {
+                    backgroundColor: theme.semanticColors.buttonBackgroundHovered
+                },
+                rootPressed: {
+                    backgroundColor: theme.semanticColors.buttonBackgroundPressed
+                },
+                rootExpanded: {
+                    backgroundColor: theme.semanticColors.buttonBackgroundHovered
+                },
+                rootChecked: {
+                    backgroundColor: theme.semanticColors.buttonBackgroundChecked
+                },
+                rootCheckedPressed: {
+                    backgroundColor: theme.semanticColors.buttonBackgroundPressed
+                },
+                rootExpandedHovered: {
+                    backgroundColor: theme.semanticColors.buttonBackgroundPressed
+                }
+            }
+        },
         Checkbox: {
             styles: (props) => {
                 return {

package/dist/utils/Theme.js.map

@@ -1 +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":"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"}
+{"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        //@ts-ignore\n        CommandBarButton: {\n            styles: {\n                root: {\n                    backgroundColor: 'transparent'\n                },\n                rootHovered: {\n                    backgroundColor: theme.semanticColors.buttonBackgroundHovered\n                },\n                rootPressed: {\n                    backgroundColor: theme.semanticColors.buttonBackgroundPressed\n                },\n                rootExpanded: {\n                    backgroundColor: theme.semanticColors.buttonBackgroundHovered\n                },\n                rootChecked: {\n                    backgroundColor: theme.semanticColors.buttonBackgroundChecked\n                },\n                rootCheckedPressed: {\n                    backgroundColor: theme.semanticColors.buttonBackgroundPressed\n                },\n                rootExpandedHovered: {\n                    backgroundColor: theme.semanticColors.buttonBackgroundPressed\n                }\n            }\n        },\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}\n"],"names":[],"mappings":"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"}

package/dist/utils/index.d.ts

@@ -1,2 +1 @@
-export * from './Numeral';
 export * from './Theme';

package/dist/utils/index.js

@@ -1,3 +1,2 @@
-export { Numeral } from './Numeral.js';
 export { getControlTheme, normalizeComponentStyling } from './Theme.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@talxis/base-controls",
-  "version": "1.2410.3",
+  "version": "1.2410.5",
   "description": "Set of React components that natively work with Power Apps Component Framework API's",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -30,6 +30,7 @@
     "@types/react": "^17.0.38",
     "@types/react-dom": "^17.0.11",
     "@types/validator": "^13.11.9",
+    "@types/xrm": "^9.0.81",
     "babel-loader": "^8.2.3",
     "esbuild": "^0.13.9",
     "glob": "^11.0.0",
@@ -71,8 +72,8 @@
     "@ag-grid-community/styles": "^31.3.2",
     "@fluentui/react": "^8.119.1",
     "@fluentui/react-migration-v8-v9": "^9.6.20",
-    "@talxis/client-libraries": "1.2407.2",
-    "@talxis/react-components": "^1.2409.8",
+    "@talxis/client-libraries": "1.2410.8",
+    "@talxis/react-components": "^1.2409.9",
     "color": "^4.2.3",
     "dayjs": "^1.11.10",
     "external-svg-loader": "^1.7.1",

package/dist/components/Grid/core/hooks/useRerender.js

@@ -1,13 +0,0 @@
-import { useState } from 'react';
-
-const useRerender = () => {
-    const [rerender, setRerender] = useState(0);
-    const renderDecorator = async (fn) => {
-        await fn?.();
-        setRerender(c => c + 1);
-    };
-    return [rerender, renderDecorator];
-};
-
-export { useRerender };
-//# sourceMappingURL=useRerender.js.map

package/dist/components/Grid/core/hooks/useRerender.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useRerender.js","sources":["../../../../../src/components/Grid/core/hooks/useRerender.ts"],"sourcesContent":["import { useEffect, useState } from \"react\"\n\nexport const useRerender = (): [\n    number,\n    (fn?: () => any | Promise<any>) => void\n] => {\n    const [rerender, setRerender] = useState<number>(0);\n\n    const renderDecorator = async (fn?: () => any | Promise<any>) => {\n        await fn?.();\n        setRerender(c => c + 1);\n    }\n\n    return [rerender, renderDecorator];\n}"],"names":[],"mappings":";;AAEO,MAAM,WAAW,GAAG,MAGvB;IACA,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;AAEpD,IAAA,MAAM,eAAe,GAAG,OAAO,EAA6B,KAAI;QAC5D,MAAM,EAAE,IAAI,CAAC;QACb,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;AAC5B,KAAC,CAAA;AAED,IAAA,OAAO,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;AACvC;;;;"}

package/dist/utils/Numeral.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="powerapps-component-framework" />
-export declare class Numeral {
-    static decimal(formatting: ComponentFramework.UserSettingApi.NumberFormattingInfo): void;
-    static currency(formatting: ComponentFramework.UserSettingApi.NumberFormattingInfo): void;
-    private static get _locales();
-}

package/dist/utils/Numeral.js

@@ -1,64 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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;;;;"}