@talxis/base-controls 1.2406.16 → 1.2407.1

package/dist/index.js

@@ -0,0 +1 @@
+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-7ed3dd4c.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";

package/dist/interfaces/context.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="@types/powerapps-component-framework" />
+/// <reference types="powerapps-component-framework" />
 export interface IOutputs {
     [key: string]: any;
 }
-export interface IComponent<TParameters, TOutputs, TTranslations> {
+export interface IControl<TParameters, TOutputs, TTranslations, TComponentProps> {
     context: ComponentFramework.Context<any>;
     parameters: TParameters;
     translations?: TTranslations;
@@ -12,9 +12,11 @@ export interface IComponent<TParameters, TOutputs, TTranslations> {
     * Exceptions are input based component where it fires on the blur event.
     */
     onNotifyOutputChanged?: (outputs: TOutputs) => void;
+    /**
+    * Allows you to override the props of the internal component that the control uses for UI rendering. Might not work on every control. ONLY USE WHEN ABSOLUTELY NECESSARY AND CONSULT YOUR INTENTIONS WITH BRY!
+    */
+    onOverrideComponentProps?: (props: TComponentProps) => Partial<TComponentProps>;
 }
-export interface ITranslations {
-    [key: string]: {
-        [LCID: number]: string | string[];
-    } | undefined;
-}
+export type ITranslations<T> = {
+    [Property in keyof T]: T[Property] extends string[] ? string[] : string;
+};

package/dist/interfaces/context.js

@@ -0,0 +1 @@
+

package/dist/interfaces/index.js

@@ -0,0 +1 @@
+

package/dist/interfaces/parameters.d.ts

@@ -5,12 +5,16 @@ export interface IParameters {
 export interface IInputParameters extends IBaseParameters {
     value: IProperty;
     /**
-    * Tells the component to trigger `notifyOutputChanged` on it's unmount changes occured in bound parameter value.
-    * Should only be use in edge cases in input based components where the notifyOutputChanged cannot be called naturally via the blur event.
+    * Tells the control to trigger `notifyOutputChanged` on it's unmount changes occured in bound parameter value.
+    * Should only be use in edge cases in input based controls where the notifyOutputChanged cannot be called naturally via the blur event.
      */
     NotifyOutputChangedOnUnmount?: Omit<ITwoOptionsProperty, 'attributes'>;
     EnableCopyButton?: Omit<ITwoOptionsProperty, 'attributes'>;
     EnableDeleteButton?: Omit<ITwoOptionsProperty, 'attributes'>;
+    /**
+     * Shows the error message within the control. By default, the error is represented only by red outline.
+     */
+    ShowErrorMessage?: Omit<ITwoOptionsProperty, 'attributes'>;
 }
 export interface IBaseParameters extends IParameters {
     /** default `true`    */

package/dist/interfaces/parameters.js

@@ -0,0 +1 @@
+

package/dist/interfaces/property.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="@types/powerapps-component-framework" />
+/// <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'> {

package/dist/interfaces/property.js

@@ -0,0 +1 @@
+

package/dist/interfaces/theme.d.ts

@@ -0,0 +1,6 @@
+import { ITheme as IFluentTheme } from '@fluentui/react';
+export interface ITheme extends IFluentTheme {
+    effects: IFluentTheme['effects'] & {
+        underlined?: boolean;
+    };
+}

package/dist/interfaces/theme.js

@@ -0,0 +1 @@
+

package/dist/utils/Numeral.d.ts

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

package/dist/{Numeral-a0284afb.js → utils/Numeral.js}

@@ -1 +1 @@
-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 as N};
+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};

package/dist/utils/Theme.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="powerapps-component-framework" />
+import { ITheme } from '../interfaces/theme';
+export declare const getControlTheme: (fluentDesignLanguage?: ComponentFramework.FluentDesignState) => ITheme;
+export declare const normalizeLayerComponentColors: (theme: ITheme) => ITheme;

package/dist/utils/Theme.js

@@ -0,0 +1 @@
+import{createTheme as e,getTheme as t}from"@fluentui/react";import{createV8Theme as o}from"@fluentui/react-migration-v8-v9";const n=e({palette:{white:"#ffffff"}}),r=e=>{var n,r,i,c,l,u;const a=t();if(!e)return Object.assign(Object.assign({},a),{effects:Object.assign(Object.assign({},a.effects),{underlined:!1})});const m=o(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=m.semanticColors.inputText,m.effects.underlined=null!==(u=e.tokenTheme.underlined)&&void 0!==u&&u,m.components={Checkbox:{styles:{root:{":hover .ms-Checkbox-checkbox":{borderColor:"inherit"}}}}},s(m)},s=e=>{const t=Object.assign({},e.semanticColors),o=n;for(const t of Object.keys(o.semanticColors))(t.startsWith("menu")||t.startsWith("list"))&&(e.semanticColors[t]=o.semanticColors[t]);return e.semanticColors.menuIcon=t.menuIcon,e};export{r as getControlTheme,s as normalizeLayerComponentColors};

package/dist/utils/index.d.ts

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

package/dist/utils/index.js

@@ -0,0 +1 @@
+export{Numeral}from"./Numeral.js";export{getControlTheme,normalizeLayerComponentColors}from"./Theme.js";import"numeral";import"@fluentui/react";import"@fluentui/react-migration-v8-v9";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@talxis/base-controls",
-  "version": "1.2406.16",
+  "version": "1.2407.1",
   "description": "Set of React components that natively work with Power Apps Component Framework API's",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -19,43 +19,25 @@
     "@types/lodash.clonedeep": "^4.5.7",
     "@types/node": "^17.0.14",
     "@types/numeral": "^2.0.5",
-    "@types/powerapps-component-framework": "^1.3.5",
+    "@types/powerapps-component-framework": "^1.3.14",
     "@types/react": "^17.0.38",
     "@types/react-dom": "^17.0.11",
+    "@types/validator": "^13.11.9",
     "babel-loader": "^8.2.3",
     "esbuild": "^0.13.9",
     "postcss": "^8.3.11",
-    "react-scripts": "5.0.0",
+    "react-scripts": "^5.0.0",
     "rollup": "^2.58.1",
     "rollup-plugin-delete": "^2.0.0",
     "rollup-plugin-dts": "^4.0.0",
     "rollup-plugin-esbuild": "^4.6.0",
     "rollup-plugin-multi-input": "^1.3.1",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.1",
     "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-visualizer": "^5.12.0",
     "typescript": "^4.5.2",
     "web-vitals": "^2.1.4",
-    "webpack": "^5.68.0",
-    "@types/validator": "^13.11.9"
-  },
-  "peerDependencies": {
-    "@fluentui/react": "8.51.0 || 8.29.0",
-    "@talxis/client-libraries": "^1.2402.3",
-    "color": "^4.2.3",
-    "dayjs": "^1.11.10",
-    "external-svg-loader": "^1.7.1",
-    "fast-deep-equal": "^3.1.3",
-    "humanize-duration": "^3.32.0",
-    "liquidjs": "^9.43.0",
-    "lodash.clonedeep": "^4.5.0",
-    "merge-anything": "^5.1.7",
-    "numeral": "^2.0.6",
-    "react": "^16.8.6 || ^17.0.2",
-    "react-dom": "^16.8.6 || ^17.0.2",
-    "use-debounce": "^10.0.1",
-    "validator": "^13.11.9",
-    "@talxis/react-components": "1.2406.1"
+    "webpack": "^5.68.0"
   },
   "scripts": {
     "build": "rollup -c",
@@ -65,7 +47,8 @@
     "sandbox": "react-scripts start",
     "build-documentation": "build-storybook",
     "lint": "eslint \"./src/**\"",
-    "lint:fix": "eslint \"./src/**\" --fix"
+    "lint:fix": "eslint \"./src/**\" --fix",
+    "yalc": "rollup -c && yalc publish"
   },
   "eslintConfig": {
     "extends": [
@@ -89,6 +72,22 @@
     "@ag-grid-community/client-side-row-model": "^31.3.2",
     "@ag-grid-community/core": "^31.3.2",
     "@ag-grid-community/react": "^31.3.2",
-    "@ag-grid-community/styles": "^31.3.2"
+    "@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.2407.1",
+    "color": "^4.2.3",
+    "dayjs": "^1.11.10",
+    "external-svg-loader": "^1.7.1",
+    "fast-deep-equal": "^3.1.3",
+    "humanize-duration": "^3.32.0",
+    "liquidjs": "^9.43.0",
+    "merge-anything": "^5.1.7",
+    "numeral": "^2.0.6",
+    "react": "^16.8.6 || ^17.0.2",
+    "react-dom": "^16.8.6 || ^17.0.2",
+    "use-debounce": "^10.0.1",
+    "validator": "^13.11.9"
   }
 }