npm - @talxis/base-controls - Versions diffs - 1.2410.4 → 1.2410.6 - Mend

@talxis/base-controls 1.2410.4 → 1.2410.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (89) hide show

package/dist/interfaces/property.d.ts CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":";;;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;;;;"}
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 //@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/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@talxis/base-controls",
-  "version": "1.2410.4",
+  "version": "1.2410.6",
   "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",
@@ -69,9 +70,9 @@
     "@ag-grid-community/core": "^31.3.2",
     "@ag-grid-community/react": "^31.3.2",
     "@ag-grid-community/styles": "^31.3.2",
-    "@fluentui/react": "^8.119.1",
+    "@fluentui/react": "^8.121.6",
     "@fluentui/react-migration-v8-v9": "^9.6.20",
-    "@talxis/client-libraries": "1.2410.6",
+    "@talxis/client-libraries": "1.2410.8",
     "@talxis/react-components": "^1.2409.9",
     "color": "^4.2.3",
     "dayjs": "^1.11.10",