@talxis/base-controls 1.2406.16 → 1.2407.2

package/dist/components/Grid/GridContext.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IGridContext } from "./core/interfaces/IGridContext";
+export declare const GridContext: import("react").Context<IGridContext>;

package/dist/components/Grid/GridContext.js

@@ -0,0 +1 @@
+import{createContext as o}from"react";const r=o(null);export{r as GridContext};

package/dist/components/Grid/constants.js

@@ -0,0 +1 @@
+const o="__checkbox",t="_talxis_gridRibbonButtons";export{o as CHECKBOX_COLUMN_KEY,t as RIBBON_COLUMN_KEY};

package/dist/components/Grid/core/components/AgGrid/AgGrid.js

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

package/dist/components/Grid/core/components/AgGrid/components/EmptyRecordsOverlay/EmptyRecords.js

@@ -0,0 +1 @@
+import{jsxs as r,jsx as o}from"react/jsx-runtime";import{Icon as e,Text as t}from"@fluentui/react";import{useGridInstance as s}from"../../../../hooks/useGridInstance.js";import{emptyRecordStyles as i}from"./styles.js";import"react";import"../../../../../GridContext.js";const c=()=>{const c=s().labels;return r("div",Object.assign({className:`${i.root} TALXIS__grid__empty-records`},{children:[o(e,{className:i.icon,iconName:"SearchAndApps"}),o(t,{children:c.norecordsfound()})]}))};export{c as EmptyRecords};

package/dist/components/Grid/core/components/AgGrid/components/EmptyRecordsOverlay/styles.js

@@ -0,0 +1 @@
+import{mergeStyleSets as i}from"@fluentui/react";const t=i({root:{display:"flex",flexDirection:"column",gap:10,alignItems:"center",position:"relative",top:18},icon:{fontSize:46},image:{img:{width:"100px"}}});export{t as emptyRecordStyles};

package/dist/components/Grid/core/components/AgGrid/components/LoadingOverlay/LoadingOverlay.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{useTheme as r}from"@fluentui/react";import{getLoadingOverlayStyles as s}from"./styles.js";const e=()=>{const e=s(r());return t("div",Object.assign({className:e.root},{children:t("div",{className:e.tail})}))};export{e as LoadingOverlay};

package/dist/components/Grid/core/components/AgGrid/components/LoadingOverlay/styles.js

@@ -0,0 +1 @@
+import{keyframes as t,mergeStyleSets as a}from"@fluentui/react";const e=a=>t({"0%":{transform:"rotate(0deg)"},"50%":{transform:`rotate(${a}deg)`},"100%":{transform:"rotate(0deg)"}}),i=t({"0%":{transform:"rotate(-135deg)"},"50%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(225deg)"}}),n=t({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),o=t=>a({root:{borderWidth:"3px",position:"relative",border:"none",maskImage:"radial-gradient(closest-side, transparent calc(100% - 3px), white calc(100% - 3px) calc(100% - 1px), transparent 100%)",backgroundColor:t.palette.themeLighter,color:t.palette.themePrimary,width:36,height:36,animationName:n,animationDuration:"1.5s",animationIterationCount:"infinite",animationTimingFunction:"linear"},tail:{position:"absolute",display:"block",width:"100%",height:"100%",maskImage:"conic-gradient(transparent 105deg, white 105deg)",animationDuration:"1.5s",animationIterationCount:"infinite",animationTimingFunction:"cubic-bezier(0.33,0,0.67,1)",animationName:i,"::after, ::before":{content:"''",position:"absolute",display:"block",width:"100%",height:"100%",animation:"inherit",backgroundImage:"conic-gradient(currentcolor 135deg, transparent 135deg)"},"::after":{animationName:e(225)},"::before":{maskImage:"inherit",animationName:e(105)}}});export{o as getLoadingOverlayStyles};

package/dist/components/Grid/core/components/AgGrid/controllers/useAgGridController.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="@types/powerapps-component-framework" />
+/// <reference types="powerapps-component-framework" />
 /// <reference types="react" />
 import { ColDef, GridApi, GridState } from "@ag-grid-community/core";
 import { IEntityRecord } from "../../../../interfaces";

package/dist/components/Grid/core/components/AgGrid/controllers/useAgGridController.js

@@ -0,0 +1 @@
+import{__awaiter as o}from"tslib";import{useRef as e,useMemo as t,useState as r,useEffect as i}from"react";import{useGridController as n}from"../../../controllers/useGridController.js";import{useGridInstance as s}from"../../../hooks/useGridInstance.js";import{EditableCell as l}from"../../Cell/EditableCell/EditableCell.js";import{ReadOnlyCell as m}from"../../Cell/ReadOnlyCell/ReadOnlyCell.js";import{ColumnHeader as a}from"../../ColumnHeader/ColumnHeader.js";import{GlobalCheckBox as p}from"../../ColumnHeader/components/GlobalCheckbox/GlobalCheckbox.js";import{AgGrid as u}from"../model/AgGrid.js";import{ModuleRegistry as d}from"@ag-grid-community/core";import{ClientSideRowModelModule as c}from"@ag-grid-community/client-side-row-model";import{useDebounce as C}from"use-debounce";import"@ag-grid-community/styles/ag-grid.css";import"@ag-grid-community/styles/ag-theme-balham.css";import{usePagingController as j}from"../../../../paging/controllers/usePagingController.js";import{useStateValues as g}from"@talxis/react-components";import"fast-deep-equal/es6";import"../../../../GridContext.js";import"react/jsx-runtime";import"../../../enums/DataType.js";import"../../../services/RecordUpdateService/controllers/useRecordUpdateServiceController.js";import"../../Component/Component.js";import"../../../../../DateTime/DateTime.js";import"@fluentui/react";import"../../../../../DateTime/styles.js";import"../../../../../DateTime/hooks/useDateTime.js";import"../../../../../../hooks/useInputBasedControl.js";import"../../../../../../hooks/useControl.js";import"merge-anything";import"liquidjs";import"../../../../../../hooks/useControlTheme.js";import"../../../../../../utils/Theme.js";import"@fluentui/react-migration-v8-v9";import"../../../../../../hooks/useControlSizing.js";import"dayjs";import"dayjs/plugin/utc";import"dayjs/plugin/customParseFormat";import"../../../../../DateTime/translations.js";import"../../../../../DateTime/components/Calendar.js";import"@fluentui/react/lib/Calendar";import"../../../../../Decimal/Decimal.js";import"numeral";import"../../../../../../utils/Numeral.js";import"../../../../../../constants.js";import"../../../../../Decimal/components/ArrowButtons.js";import"../../../../../Decimal/components/styles.js";import"../../../../../Lookup/Lookup.js";import"../../../../../Lookup/hooks/useLookup.js";import"../../../../../Lookup/translations.js";import"../../../../../Lookup/hooks/useFetchXml.js";import"@talxis/client-libraries";import"../../../../../Lookup/components/TargetSelector.js";import"@fluentui/react/lib/Text";import"../../../../../Lookup/styles.js";import"../../../../../Lookup/hooks/useLoadedEntities.js";import"../../../../../../hooks/useMouseOver.js";import"../../../../../Lookup/components/RecordCreator.js";import"../../../../../../hooks/useFocusIn.js";import"../../../../../MultiSelectOptionSet/MultiSelectOptionSet.js";import"../../../../../OptionSet/OptionSet.js";import"../../../../../TextField/TextField.js";import"../../../../../TwoOptions/TwoOptions.js";import"../../../../../Duration/Duration.js";import"../../../../../Duration/translations.js";import"../../Component/controller/useComponentController.js";import"../../Component/model/Component.js";import"../../../../validation/model/ColumnValidation.js";import"validator/es/lib/isEmail";import"validator/es/lib/isURL";import"../../../model/GridDependency.js";import"../../Cell/ReadOnlyCell/styles.js";import"../../Cell/Commands/Commands.js";import"../../Cell/Commands/useCommands.js";import"../../Cell/Commands/Icon.js";import"external-svg-loader";import"../../Cell/Commands/styles.js";import"../../Cell/ReadOnlyCell/ReadOnlyOptionSet/ReadOnlyOptionSet.js";import"../../Cell/ReadOnlyCell/ReadOnlyOptionSet/styles.js";import"color";import"../../../../validation/controllers/useRecordValidationController.js";import"../../../../selection/controllers/useSelectionController.js";import"../../../../constants.js";import"../../../hooks/useRerender.js";import"../../../../filtering/components/FilterCallout/FilterCallout.js";import"../../../../filtering/components/FilterCallout/styles.js";import"../../../../filtering/controller/useColumnFilterConditionController.js";import"../../../hooks/useRefreshCallback.js";import"../../../../filtering/utils/FilteringUtilts.js";import"../../../enums/ConditionOperator.js";import"../../../../filtering/constants.js";import"../../../../filtering/components/FilterCallout/components/ConditionOperator/ConditionOperator.js";import"../../../../filtering/components/FilterCallout/components/ConditionValue/ConditionValue.js";import"../../../../filtering/components/FilterCallout/components/ConditionValue/model/ConditionComponentValue.js";import"../../../../sorting/components/SortingContextualMenu/SortingContextualMenu.js";import"../../../../sorting/components/SortingContextualMenu/styles.js";import"../../../../sorting/controllers/useColumnSortingController.js";import"../../ColumnHeader/styles.js";import"../../ColumnHeader/components/GlobalCheckbox/styles.js";d.registerModules([c]);const f=d=>{var c;const f=s(),v=j(),y=e(!1),h=t((()=>new u(f,d)),[]),{columns:k,records:b}=n(),[O,R]=r([]),[S,w,x]=g(f.state),[L]=C(b,0);null===(c=d.current)||void 0===c||c.refreshCells(),i((()=>{var o;y.current&&(h.selectRows(),null===(o=d.current)||void 0===o||o.refreshHeader())}),[f.dataset.getSelectedRecordIds().join("")]),i((()=>{if(0===k.length)return;const o=h.columns;for(const e of o)e.cellRenderer=m,e.cellEditor=l,e.headerComponent=a,"__checkbox"===e.field&&(e.lockPosition="left",e.headerComponent=p);R(o)}),[k]),i((()=>{d.current&&(f.loading?d.current.showLoadingOverlay():(d.current.hideOverlay(),setTimeout((()=>{var o;0===f.records.length&&(null===(o=d.current)||void 0===o||o.showNoRowsOverlay())}),0)))}),[f.loading]),i((()=>{d.current&&d.current.ensureIndexVisible(0)}),[v.pageNumber]),i((()=>{const o=o=>{if(f.recordUpdateService.isDirty)return o.preventDefault(),"Unsaved changes!"};return window.addEventListener("beforeunload",o),()=>{window.removeEventListener("beforeunload",o),d.current&&(S.current.__updatedRecords=f.recordUpdateService.updatedRecords,f.paging.pageSize!==h.initialPageSize&&(S.current.initialPageSize=h.initialPageSize),f.pcfContext.mode.setControlState(w()))}}),[]),i((()=>{const e=e=>o(void 0,void 0,void 0,(function*(){var o,t,r;if((e.ctrlKey||e.metaKey)&&"c"===e.key.toLowerCase()){const e=null===(o=d.current)||void 0===o?void 0:o.getFocusedCell();if(!e)return;const i=null===(t=d.current)||void 0===t?void 0:t.getDisplayedRowAtIndex(e.rowIndex),n=null===(r=d.current)||void 0===r?void 0:r.getCellValue({rowNode:i,colKey:e.column.getColId(),useFormatter:!0});navigator.clipboard.writeText(null!=n?n:"")}}));return window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}}),[]),i((()=>{const o=o=>{var e;try{((o,e)=>{let t=o;for(;!t.classList.contains("ag-theme-balham");){if(t.classList.contains(e))return!0;if("HTML"===t.tagName)return!1;if(t=t.parentElement,!t)return!0}return!1})(o.target,"ag-cell")||null===(e=d.current)||void 0===e||e.stopEditing()}catch(o){}};return document.addEventListener("click",o),()=>{document.removeEventListener("click",o)}}),[]);return{agColumns:O,records:L,maxNumberOfVisibleRecords:h.maxNumberOfVisibleRecords,stateRef:S,getTotalColumnsWidth:()=>h.getTotalColumnsWidth(),onGridReady:()=>{y.current=!0,x(Object.assign(Object.assign({},d.current.getState()),{initialPageSize:void 0,__updatedRecords:[]})),h.selectRows()}}};export{f as useAgGridController};

package/dist/components/Grid/core/components/AgGrid/model/AgGrid.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-/// <reference types="@types/powerapps-component-framework" />
+/// <reference types="powerapps-component-framework" />
 import { ColDef, GridApi } from "@ag-grid-community/core";
 import { Grid } from "../../../model/Grid";
 import { GridDependency } from "../../../model/GridDependency";

package/dist/components/Grid/core/components/AgGrid/model/AgGrid.js

@@ -0,0 +1 @@
+import{GridDependency as e}from"../../../model/GridDependency.js";import{DataType as t}from"../../../enums/DataType.js";class AgGrid extends e{constructor(e,t){var i,s;super(e),this._gridApiRef=t,this.initialPageSize=null!==(s=null===(i=e.state)||void 0===i?void 0:i.initialPageSize)&&void 0!==s?s:e.paging.pageSize}get columns(){const e=[];for(const i of this._grid.columns){const s={colId:i.key,field:i.key,headerName:i.displayName,initialWidth:i.width,sortable:i.isSortable,editable:i.isEditable,resizable:i.isResizable,suppressMovable:!!this._grid.props.parameters.ChangeEditorMode||void 0,autoHeaderHeight:!0,suppressSizeToFit:"__checkbox"===i.key,cellClass:this._getCellClassName(i),valueFormatter:e=>e.data.getFormattedValue(i.key),valueGetter:e=>e.data.getValue(i.key),cellRendererParams:{baseColumn:i},cellEditorParams:{baseColumn:i},headerComponentParams:{baseColumn:i},suppressKeyboardEvent:e=>{if("Enter"!==e.event.key||0===e.api.getEditingCells().length)return!1;switch(i.dataType){case t.DATE_AND_TIME_DATE_AND_TIME:case t.DATE_AND_TIME_DATE_ONLY:case t.LOOKUP_OWNER:case t.LOOKUP_SIMPLE:case t.LOOKUP_CUSTOMER:case t.MULTI_SELECT_OPTIONSET:case t.OPTIONSET:case t.TWO_OPTIONS:case t.WHOLE_DURATION:return!0}return!1}};e.push(s)}return e}get maxNumberOfVisibleRecords(){return this.initialPageSize<this._grid.records.length?this.initialPageSize:this._grid.records.length}getTotalColumnsWidth(){if(!this._gridApi)return 0;let e=0;for(const t of this._gridApi.getAllGridColumns())e+=t.getActualWidth();return e}selectRows(){if(!this._gridApi)return;const e=[];this._gridApi.deselectAll(),this._gridApi.forEachNode((t=>{this._grid.dataset.getSelectedRecordIds().includes(t.data.getRecordId())&&e.push(t)})),this._gridApi.setNodesSelected({nodes:e,newValue:!0}),this._gridApi.refreshCells({columns:["__checkbox"],force:!0})}get _gridApi(){return this._gridApiRef.current}_getCellClassName(e){switch(e.dataType){case t.CURRENCY:case t.DECIMAL:case t.WHOLE_NONE:return"talxis-cell-align-right"}return"talxis-cell-align-left"}}export{AgGrid};

package/dist/components/Grid/core/components/AgGrid/styles.d.ts

@@ -12,6 +12,8 @@ export declare const getGridStyles: (theme: ITheme, numOfRecords: number, useCon
         '.ag-root-wrapper': {
             maxHeight: string;
             '--ag-input-focus-border-color': string;
+            '--ag-selected-row-background-color': string;
+            '--ag-range-selection-border-color': string;
             borderBottom: string;
             ':has(.ag-overlay:not(.ag-hidden) .TALXIS__grid__empty-records), :has(.ag-center-cols-container:empty)': {
                 minHeight: number;
@@ -41,9 +43,20 @@ export declare const getGridStyles: (theme: ITheme, numOfRecords: number, useCon
             overflow: string;
             top: number;
             backgroundColor: string;
-            input: {
+            '*:not(.ms-ComboBox)>input': {
+                paddingLeft: number;
+            };
+            '.ms-ComboBox>input': {
                 paddingLeft: number;
             };
+            '.talxis__lookupControl': {
+                '.ms-BasePicker-itemsWrapper': {
+                    padding: number;
+                    '.ms-CommandBar': {
+                        height: string;
+                    };
+                };
+            };
             '.TALXIS__error-message__root': {
                 display: string;
             };
@@ -62,8 +75,5 @@ export declare const getGridStyles: (theme: ITheme, numOfRecords: number, useCon
         '.ag-cell-focus:has([data-is-valid="false"])': {
             border: string;
         };
-        '.TALXIS__combobox__root, [class*="TALXIS__textfield__root"], [class*="TALXIS__tag-picker__root"]': {
-            padding: string;
-        };
     };
 }>;

package/dist/components/Grid/core/components/AgGrid/styles.js

@@ -0,0 +1 @@
+import{mergeStyleSets as o}from"@fluentui/react";const e=(o,e)=>e?"100%":`calc(${o} * 42px + var(--height-offset))`,t=(t,a,r)=>o({root:{height:"100%",display:"flex",flexDirection:"column","--height-offset":"64px",':has(.ag-body-horizontal-scroll-viewport[style*="height: 0px"])':{"--height-offset":"45px"},"--ag-borders":"none !important",".ag-root-wrapper":{maxHeight:"100%","--ag-input-focus-border-color":"transparent","--ag-selected-row-background-color":t.palette.themeLighter,"--ag-range-selection-border-color":t.palette.themePrimary,borderBottom:`1px solid ${t.semanticColors.bodyDivider}`,":has(.ag-overlay:not(.ag-hidden) .TALXIS__grid__empty-records), :has(.ag-center-cols-container:empty)":{minHeight:270}},".ag-root-wrapper.ag-layout-normal":{height:e(a,r)},".ag-body":{borderTop:`1px solid ${t.semanticColors.bodyDivider}`},".ag-header-viewport":{backgroundColor:`${t.semanticColors.bodyBackground}`},".ag-center-cols-container":{minWidth:"100%"},".ag-layout-auto-height .ag-center-cols-clipper, .ag-layout-auto-height .ag-center-cols-container, .ag-layout-print .ag-center-cols-clipper, .ag-layout-print .ag-center-cols-container":{minHeight:"42px !important"},".ag-header-cell":{paddingLeft:0,paddingRight:0,backgroundColor:`${t.semanticColors.bodyBackground} !important`},".ag-cell-inline-editing":{overflow:"visible",top:-1,backgroundColor:"transparent","*:not(.ms-ComboBox)>input":{paddingLeft:10},".ms-ComboBox>input":{paddingLeft:2},".talxis__lookupControl":{".ms-BasePicker-itemsWrapper":{padding:0,".ms-CommandBar":{height:"100%"}}},".TALXIS__error-message__root":{display:"none"}},".talxis-cell-align-right":{'[class^="cellContent"]':{justifyContent:"flex-end"},".talxis-cell-text, input":{textAlign:"right"},input:{paddingRight:10}},'.ag-cell-focus:has([data-is-valid="false"])':{border:"1px solid red !important;"}}});export{t as getGridStyles};

package/dist/components/Grid/core/components/Cell/Commands/Commands.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-/// <reference types="@types/powerapps-component-framework" />
+/// <reference types="powerapps-component-framework" />
 interface ICommands {
     record: ComponentFramework.PropertyHelper.DataSetApi.EntityRecord;
 }

package/dist/components/Grid/core/components/Cell/Commands/Commands.js

@@ -0,0 +1 @@
+import{jsx as o,Fragment as t}from"react/jsx-runtime";import{useCommands as r}from"./useCommands.js";import{CommandBar as s}from"@talxis/react-components";import{getCommandsLoadingStyles as e,commandStyles as i}from"./styles.js";import{useTheme as m}from"@fluentui/react";import"tslib";import"react";import"./Icon.js";import"external-svg-loader";import"../../../hooks/useGridInstance.js";import"../../../../GridContext.js";const n=({record:n})=>{const[a]=r(n),l=e(m());return a?(null==a?void 0:a.length)>0?o(s,{className:i.talxisRoot,overflowButtonProps:{styles:{root:i.button,rootHovered:i.button,rootPressed:i.button,rootExpanded:i.button}},styles:{root:i.root},items:[],farItems:a}):o(t,{}):o("div",Object.assign({className:l.loading},{children:Array.from(Array(3).keys()).map((t=>o("div",{className:l.loadingLine},t)))}))};export{n as Commands};

package/dist/components/Grid/core/components/Cell/Commands/Icon.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{memo as o}from"react";import"external-svg-loader";import{commandStyles as r}from"./styles.js";import"@fluentui/react";const e=o((({name:o})=>{var e;const i=(null===(e=window.TALXIS)||void 0===e?void 0:e.Portal)?o:`https://${window.location.host}${window.Xrm.Utility.getGlobalContext().getWebResourceUrl(o)}`;return t("svg",{"data-src":i,className:r.icon})}));export{e as Icon};

package/dist/components/Grid/core/components/Cell/Commands/styles.js

@@ -0,0 +1 @@
+import{mergeStyleSets as t,keyframes as i}from"@fluentui/react";const e=t({root:{backgroundColor:"transparent"},talxisRoot:{minWidth:0,flexShrink:1,flexGrow:1},button:{backgroundColor:"transparent"},icon:{width:16,height:16,marginLeft:4,marginRight:4}}),o=i({"0%":{backgroundPosition:"-100px 0"},"100%":{backgroundPosition:"100px 0"}}),a=i=>t({loading:{overflow:"hidden",padding:15,flex:1,display:"grid",alignItems:"center",gridTemplateColumns:"repeat(3, minmax(0px, 100px))",gap:15,justifyContent:"flex-start"},loadingLine:{height:10,borderRadius:5,width:"100%",animation:`${o} 2s infinite`,backgroundSize:"1000px 100%",background:`linear-gradient(to right, color-mix(in oklab, ${i.palette.white}, ${i.palette.black} 8%) 4%, color-mix(in oklab, ${i.palette.white}, ${i.palette.black} 5%) 25%, color-mix(in oklab, ${i.palette.white}, ${i.palette.black} 8%) 36%)`}});export{e as commandStyles,a as getCommandsLoadingStyles};

package/dist/components/Grid/core/components/Cell/Commands/useCommands.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="@types/powerapps-component-framework" />
+/// <reference types="powerapps-component-framework" />
 import { ICommandBarItemProps } from "@fluentui/react";
 export declare const useCommands: (record: ComponentFramework.PropertyHelper.DataSetApi.EntityRecord) => [
     ICommandBarItemProps[] | null

package/dist/components/Grid/core/components/Cell/Commands/useCommands.js

@@ -0,0 +1 @@
+import{__awaiter as o}from"tslib";import{jsx as t}from"react/jsx-runtime";import{useState as n,useEffect as e}from"react";import{Icon as r}from"./Icon.js";import{commandStyles as i}from"./styles.js";import{useGridInstance as d}from"../../../hooks/useGridInstance.js";import"external-svg-loader";import"@fluentui/react";import"../../../../GridContext.js";const c=c=>{const m=d(),s=m.dataset,[a,u]=n(null);e((()=>{o(void 0,void 0,void 0,(function*(){u(yield l())}))}),[]);const l=()=>o(void 0,void 0,void 0,(function*(){var o;const n=[];if(!s.retrieveRecordCommand)return[];const e=yield s.retrieveRecordCommand([c.getRecordId()],m.inlineRibbonButtonIds);for(const d of e)d.shouldBeVisible&&n.push({key:d.commandButtonId,text:d.label,"data-id":d.commandButtonId,"data-command":d.commandId,buttonStyles:{root:i.button,rootHovered:i.button,rootPressed:i.button},onClick:o=>{null==o||o.stopPropagation(),d.execute()},onRenderIcon:(null===(o=d.icon)||void 0===o?void 0:o.includes(".svg"))?()=>t(r,{name:d.icon}):void 0,iconProps:d.icon?{iconName:d.icon}:void 0});return n}));return[a]};export{c as useCommands};

package/dist/components/Grid/core/components/Cell/EditableCell/EditableCell.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-/// <reference types="@types/powerapps-component-framework" />
+/// <reference types="powerapps-component-framework" />
 import { IGridColumn } from '../../../interfaces/IGridColumn';
 import { ICellEditorParams } from '@ag-grid-community/core';
 interface ICell extends ICellEditorParams {

package/dist/components/Grid/core/components/Cell/EditableCell/EditableCell.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import*as t from"react";import{DataType as o}from"../../../enums/DataType.js";import{useGridInstance as r}from"../../../hooks/useGridInstance.js";import{useRecordUpdateServiceController as s}from"../../../services/RecordUpdateService/controllers/useRecordUpdateServiceController.js";import{Component as i}from"../../Component/Component.js";import{useTheme as n}from"@fluentui/react";import"../../../../GridContext.js";import"../../../../../DateTime/DateTime.js";import"../../../../../DateTime/styles.js";import"../../../../../DateTime/hooks/useDateTime.js";import"../../../../../../hooks/useInputBasedControl.js";import"../../../../../../hooks/useControl.js";import"fast-deep-equal/es6";import"merge-anything";import"liquidjs";import"../../../../../../hooks/useControlTheme.js";import"../../../../../../utils/Theme.js";import"@fluentui/react-migration-v8-v9";import"../../../../../../hooks/useControlSizing.js";import"dayjs";import"dayjs/plugin/utc";import"dayjs/plugin/customParseFormat";import"../../../../../DateTime/translations.js";import"../../../../../DateTime/components/Calendar.js";import"@fluentui/react/lib/Calendar";import"@talxis/react-components";import"../../../../../Decimal/Decimal.js";import"numeral";import"../../../../../../utils/Numeral.js";import"../../../../../../constants.js";import"../../../../../Decimal/components/ArrowButtons.js";import"../../../../../Decimal/components/styles.js";import"../../../../../Lookup/Lookup.js";import"tslib";import"../../../../../Lookup/hooks/useLookup.js";import"../../../../../Lookup/translations.js";import"../../../../../Lookup/hooks/useFetchXml.js";import"@talxis/client-libraries";import"../../../../../Lookup/components/TargetSelector.js";import"@fluentui/react/lib/Text";import"../../../../../Lookup/styles.js";import"../../../../../Lookup/hooks/useLoadedEntities.js";import"../../../../../../hooks/useMouseOver.js";import"../../../../../Lookup/components/RecordCreator.js";import"../../../../../../hooks/useFocusIn.js";import"../../../../../MultiSelectOptionSet/MultiSelectOptionSet.js";import"../../../../../OptionSet/OptionSet.js";import"../../../../../TextField/TextField.js";import"../../../../../TwoOptions/TwoOptions.js";import"../../../../../Duration/Duration.js";import"../../../../../Duration/translations.js";import"../../Component/controller/useComponentController.js";import"../../Component/model/Component.js";import"../../../../validation/model/ColumnValidation.js";import"validator/es/lib/isEmail";import"validator/es/lib/isURL";import"../../../model/GridDependency.js";const a=a=>{const m=r(),p=a.baseColumn,u=s(),c=t.useRef(!0),l=t.useRef(!1),d=(()=>{const e=m.recordUpdateService.record(a.data.getRecordId()).get();return null!=e?e:a.data})(),O=t.useRef(d.getValue(p.key)),[j,g]=t.useState(O.current);n(),t.useEffect((()=>()=>{c.current=!1,l.current&&u.record(d.getRecordId()).setValue(p.key,T(O.current))}),[]);const T=e=>{var t;switch(p.dataType){case o.TWO_OPTIONS:e=!0===e?"1":"0";break;case o.LOOKUP_SIMPLE:case o.LOOKUP_CUSTOMER:case o.LOOKUP_OWNER:e=null===(t=null==e?void 0:e.map((e=>({entityName:e.entityType,name:e.name,id:e.id}))))||void 0===t?void 0:t[0]}return e};return e(i,{column:p,value:(e=>{if(l.current)return e;switch(p.dataType){case o.TWO_OPTIONS:e="1"===e;break;case o.OPTIONSET:e=e?parseInt(e):null;break;case o.MULTI_SELECT_OPTIONSET:e=e?e.split(",").map((e=>parseInt(e))):null;break;case o.LOOKUP_SIMPLE:case o.LOOKUP_CUSTOMER:case o.LOOKUP_OWNER:e&&!Array.isArray(e)&&(e=[e]),e=null==e?void 0:e.map((e=>({entityType:e.etn,id:e.id.guid,name:e.name})))}return e})(j),formattedValue:d.getFormattedValue(p.key),onNotifyOutputChanged:e=>{if(O.current=e,l.current=!0,c.current){switch(p.dataType){case o.OPTIONSET:case o.DATE_AND_TIME_DATE_ONLY:return void a.stopEditing();case o.LOOKUP_OWNER:case o.LOOKUP_SIMPLE:case o.LOOKUP_CUSTOMER:if((null==e?void 0:e.length)>0)return void a.stopEditing()}g(O.current)}else u.record(d.getRecordId()).setValue(p.key,T(O.current))},onOverrideControlProps:e=>Object.assign(Object.assign({},e),{context:Object.assign(Object.assign({},e.context),{mode:Object.assign(Object.assign({},e.context.mode),{allocatedHeight:41}),fluentDesignLanguage:e.context.fluentDesignLanguage?Object.assign(Object.assign({},e.context.fluentDesignLanguage),{tokenTheme:Object.assign(Object.assign({},e.context.fluentDesignLanguage.tokenTheme),{underlined:!1})}):void 0}),parameters:Object.assign(Object.assign({},e.parameters),{AutoFocus:{raw:!0},EnableNavigation:{raw:!1},IsInlineNewEnabled:{raw:!1}})})})};export{a as EditableCell};

package/dist/components/Grid/core/components/Cell/ReadOnlyCell/ReadOnlyCell.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import*as r from"react";import{useTheme as a,TooltipHost as s,Icon as n,Checkbox as i,Image as l,Link as c,Text as m}from"@fluentui/react";import{getReadOnlyCellStyles as d}from"./styles.js";import{Commands as p}from"../Commands/Commands.js";import{FileAttribute as O}from"@talxis/client-libraries";import{ReadOnlyOptionSet as u}from"./ReadOnlyOptionSet/ReadOnlyOptionSet.js";import{DataType as f}from"../../../enums/DataType.js";import{useColumnValidationController as g}from"../../../../validation/controllers/useRecordValidationController.js";import{useGridInstance as N}from"../../../hooks/useGridInstance.js";import{useSelectionController as j}from"../../../../selection/controllers/useSelectionController.js";import{RIBBON_COLUMN_KEY as E}from"../../../../constants.js";import{useRerender as b}from"../../../hooks/useRerender.js";import"../Commands/useCommands.js";import"tslib";import"../Commands/Icon.js";import"external-svg-loader";import"../Commands/styles.js";import"@talxis/react-components";import"./ReadOnlyOptionSet/styles.js";import"color";import"../../../../validation/model/ColumnValidation.js";import"validator/es/lib/isEmail";import"validator/es/lib/isURL";import"dayjs";import"../../../model/GridDependency.js";import"../../../../GridContext.js";const C=o=>{const i=N(),l=o.baseColumn,c=o.data,m=a(),p=d(m),O=r.useMemo((()=>Math.random().toString()),[]),[u,f]=g({column:l,record:c});return e(s,Object.assign({id:O,content:u||i.loading?void 0:f},{children:t("div",Object.assign({className:p.root,"data-is-valid":u},{children:[e("div",Object.assign({className:p.cellContent},{children:e(I,Object.assign({},o))})),!u&&e(n,{styles:{root:{color:m.semanticColors.errorIcon}},iconName:"Error"})]}))}))},I=s=>{b();const g=N(),C=s.baseColumn,I=a(),y=d(I),L=j(),h=(()=>{const e=g.recordUpdateService.record(s.data.getRecordId()).get();return null!=e?e:s.data})(),S=h.getFormattedValue(C.key);r.useEffect((()=>{}),[h.getValue(C.key)]);const _=(t,o)=>{switch(C.dataType){case f.LOOKUP_OWNER:case f.LOOKUP_SIMPLE:case f.LOOKUP_CUSTOMER:if(!g.isNavigationEnabled)return k()}return e(c,Object.assign({},t,{className:y.link,title:o},{children:o}))},k=()=>C.isPrimary&&g.isNavigationEnabled?_({onClick:()=>g.openDatasetItem(h.getNamedReference())},S):e(m,Object.assign({className:`${y.text} talxis-cell-text`,title:S},{children:S})),v=()=>{var e;const t=new O(g.pcfContext.webAPI),o=h.getNamedReference();t.downloadFileFromAttribute({entityName:null!==(e=o.etn)&&void 0!==e?e:o.entityName,recordId:h.getRecordId(),fileAttribute:C.key},!0)};switch(C.dataType){case f.SINGLE_LINE_EMAIL:return _({href:`mailto:${S}`},S);case f.SINGLE_LINE_PHONE:return _({href:`tel:${S}`},S);case f.SINGLE_LINE_URL:return _({href:S,target:"_blank",rel:"noopener noreferrer"},S);case f.LOOKUP_SIMPLE:case f.LOOKUP_OWNER:case f.LOOKUP_CUSTOMER:return _({onClick:()=>g.openDatasetItem(h.getValue(C.key))},S);case f.FILE:return S?t("div",Object.assign({className:y.fileWrapper},{children:[e(n,{iconName:"Attach"}),_({onClick:v},g.labels.download())]})):e(o,{});case f.IMAGE:return S?t("div",Object.assign({className:y.fileWrapper},{children:[e(l,{className:y.image,src:`data:image/png;base64,${S}`}),_({onClick:v},"Download")]})):e(o,{});case f.OPTIONSET:case f.MULTI_SELECT_OPTIONSET:case f.TWO_OPTIONS:return g.enableOptionSetColors?e(u,{column:C,record:h,defaultRender:k}):k();default:return"__checkbox"===C.key?e(i,{checked:s.node.isSelected(),onChange:(e,t)=>{null==e||e.stopPropagation(),L.toggle(h,t)}}):C.key===E?e(p,{record:h}):k()}};export{C as ReadOnlyCell};

package/dist/components/Grid/core/components/Cell/ReadOnlyCell/ReadOnlyOptionSet/ReadOnlyOptionSet.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="@types/powerapps-component-framework" />
+/// <reference types="powerapps-component-framework" />
 import { ReactElement } from "react";
 import { IGridColumn } from "../../../../interfaces/IGridColumn";
 interface IReadOnlyOptionSet {

package/dist/components/Grid/core/components/Cell/ReadOnlyCell/ReadOnlyOptionSet/ReadOnlyOptionSet.js

@@ -0,0 +1 @@
+import{__awaiter as t}from"tslib";import{jsx as e,Fragment as o}from"react/jsx-runtime";import{useState as r,useEffect as l}from"react";import{useTheme as i,Text as n}from"@fluentui/react";import{optionSetStyles as a}from"./styles.js";import s from"color";import{useGridInstance as d}from"../../../../hooks/useGridInstance.js";import{DataType as u}from"../../../../enums/DataType.js";import"../../../../../GridContext.js";const c=c=>{const m=d(),{record:p,column:f,defaultRender:v}=Object.assign({},c),[T,O]=r(null),y=i().palette.neutralLight;return l((()=>{t(void 0,void 0,void 0,(function*(){const e=yield t(void 0,void 0,void 0,(function*(){var t;const[e,o]=yield m.metadata.getOptions(f);let r=p.getValue(f.key);return f.dataType===u.OPTIONSET&&(r=r?[parseInt(r)]:null),f.dataType===u.MULTI_SELECT_OPTIONSET&&(r=r?r.split(",").map((t=>parseInt(t))):null),f.dataType===u.TWO_OPTIONS&&(r=[parseInt(r)]),null!==(t=o.filter((t=>null==r?void 0:r.includes(t.Value))))&&void 0!==t?t:[]}));O(e)}))}),[p.getValue(f.key)]),null===T?e(o,{}):0!==T.length&&T.find((t=>t.Color))?e("div",Object.assign({className:a.root},{children:T.map((t=>{var o,r;return e("div",Object.assign({title:t.Label,className:a.option,style:{backgroundColor:null!==(o=t.Color)&&void 0!==o?o:y,color:new s(null!==(r=t.Color)&&void 0!==r?r:y).isDark()?"white":"black"}},{children:e(n,{children:t.Label})}),t.Value)}))})):v()};export{c as ReadOnlyOptionSet};

package/dist/components/Grid/core/components/Cell/ReadOnlyCell/ReadOnlyOptionSet/styles.js

@@ -0,0 +1 @@
+import{mergeStyleSets as e}from"@fluentui/react";const o=e({root:{display:"flex",gap:5,overflow:"hidden","--light":80,"--threshold":60,flexGrow:1},option:{borderRadius:5,paddingLeft:4,paddingRight:4,overflow:"hidden",textOverflow:"ellipsis",flexGrow:1,textAlign:"center",">span":{color:"inherit"}}});export{o as optionSetStyles};

package/dist/components/Grid/core/components/Cell/ReadOnlyCell/styles.js

@@ -0,0 +1 @@
+import{keyframes as e,mergeStyleSets as i}from"@fluentui/react";const t=e({"100%":{backgroundPosition:"150px 0"}}),l=e=>i({root:{display:"flex",height:"100%",alignItems:"center",gap:10},text:{fontSize:14,overflow:"hidden",textOverflow:"ellipsis"},link:{fontSize:14,overflow:"hidden",textOverflow:"ellipsis"},fileWrapper:{display:"flex",gap:3},image:{marginRight:5,img:{width:32}},cellContent:{display:"flex",height:"100%",alignItems:"center",flexGrow:1,overflow:"hidden",':has([data-align="right"])':{justifyContent:"flex-end"}},loadingLine:{height:7,borderRadius:5,width:"100%",animation:`${t} 2s infinite`,backgroundSize:"1000px 100%",background:`linear-gradient(to right, color-mix(in oklab, ${e.palette.white}, ${e.palette.black} 8%) 4%, color-mix(in oklab, ${e.palette.white}, ${e.palette.black} 5%) 25%, color-mix(in oklab, ${e.palette.white}, ${e.palette.black} 8%) 36%)`}});export{l as getReadOnlyCellStyles};

package/dist/components/Grid/core/components/ColumnHeader/ColumnHeader.js

@@ -0,0 +1 @@
+import{jsxs as o,Fragment as t,jsx as i}from"react/jsx-runtime";import{useState as e,useRef as s}from"react";import{useTheme as r,CommandBarButton as n,Icon as l,Label as m}from"@fluentui/react";import{FilterCallout as a}from"../../../filtering/components/FilterCallout/FilterCallout.js";import{SortingContextualMenu as p}from"../../../sorting/components/SortingContextualMenu/SortingContextualMenu.js";import{getColumnHeaderStyles as u}from"./styles.js";import{useGridInstance as c}from"../../hooks/useGridInstance.js";import"tslib";import"../../../filtering/components/FilterCallout/styles.js";import"../../../filtering/controller/useColumnFilterConditionController.js";import"../../hooks/useRefreshCallback.js";import"../../../filtering/utils/FilteringUtilts.js";import"../../enums/ConditionOperator.js";import"../../../filtering/constants.js";import"../../../filtering/components/FilterCallout/components/ConditionOperator/ConditionOperator.js";import"@talxis/react-components";import"../../enums/DataType.js";import"../../../filtering/components/FilterCallout/components/ConditionValue/ConditionValue.js";import"../Component/Component.js";import"../../../../DateTime/DateTime.js";import"../../../../DateTime/styles.js";import"../../../../DateTime/hooks/useDateTime.js";import"../../../../../hooks/useInputBasedControl.js";import"../../../../../hooks/useControl.js";import"fast-deep-equal/es6";import"merge-anything";import"liquidjs";import"../../../../../hooks/useControlTheme.js";import"../../../../../utils/Theme.js";import"@fluentui/react-migration-v8-v9";import"../../../../../hooks/useControlSizing.js";import"dayjs";import"dayjs/plugin/utc";import"dayjs/plugin/customParseFormat";import"../../../../DateTime/translations.js";import"../../../../DateTime/components/Calendar.js";import"@fluentui/react/lib/Calendar";import"../../../../Decimal/Decimal.js";import"numeral";import"../../../../../utils/Numeral.js";import"../../../../../constants.js";import"../../../../Decimal/components/ArrowButtons.js";import"../../../../Decimal/components/styles.js";import"../../../../Lookup/Lookup.js";import"../../../../Lookup/hooks/useLookup.js";import"../../../../Lookup/translations.js";import"../../../../Lookup/hooks/useFetchXml.js";import"@talxis/client-libraries";import"../../../../Lookup/components/TargetSelector.js";import"@fluentui/react/lib/Text";import"../../../../Lookup/styles.js";import"../../../../Lookup/hooks/useLoadedEntities.js";import"../../../../../hooks/useMouseOver.js";import"../../../../Lookup/components/RecordCreator.js";import"../../../../../hooks/useFocusIn.js";import"../../../../MultiSelectOptionSet/MultiSelectOptionSet.js";import"../../../../OptionSet/OptionSet.js";import"../../../../TextField/TextField.js";import"../../../../TwoOptions/TwoOptions.js";import"../../../../Duration/Duration.js";import"../../../../Duration/translations.js";import"../Component/controller/useComponentController.js";import"../Component/model/Component.js";import"../../../validation/model/ColumnValidation.js";import"validator/es/lib/isEmail";import"validator/es/lib/isURL";import"../../model/GridDependency.js";import"../../../filtering/components/FilterCallout/components/ConditionValue/model/ConditionComponentValue.js";import"../../../sorting/components/SortingContextualMenu/styles.js";import"../../../sorting/controllers/useColumnSortingController.js";import"../../../GridContext.js";const j=j=>{const d=c(),C=j.baseColumn,[g,b]=e(null),[f,h]=e(null),k=u(r()),v=s(null),D=o=>{var t,i;if("scroll"!==o.type)return!1;const e=o.target;return!(!(null===(t=null==e?void 0:e.classList)||void 0===t?void 0:t.contains("ag-body-viewport"))&&!(null===(i=null==e?void 0:e.classList)||void 0===i?void 0:i.contains("ag-body-vertical-scroll-viewport")))||!!/iPad|iPhone|iPod/.test(navigator.userAgent)};return o(t,{children:[o(n,Object.assign({elementRef:v,title:C.displayName,className:k.root,onClick:()=>{!1===C.isFilterable&&!1===C.isSortable||b({column:C,onDismiss:(o,t,i)=>{b(null),i&&h({column:C,onDismiss:()=>{h(null)}})}})}},{children:[d.isEditable&&!C.isEditable&&i(l,{className:k.editIcon,iconName:"Uneditable"}),o("div",Object.assign({className:k.labelWrapper},{children:[i(m,Object.assign({className:k.label},{children:C.displayName})),C.isRequired&&i("span",Object.assign({className:k.requiredSymbol},{children:"*"}))]})),o("div",Object.assign({className:k.filterSortIcons},{children:[C.isSorted&&i(l,{iconName:C.isSortedDescending?"SortDown":"SortUp"}),C.isFiltered&&i(l,{iconName:"Filter"})]}))]})),g&&i(p,Object.assign({target:v,calloutProps:{preventDismissOnEvent:D}},g)),f&&i(a,Object.assign({preventDismissOnEvent:D,target:v},f))]})};export{j as ColumnHeader};

package/dist/components/Grid/core/components/ColumnHeader/components/GlobalCheckbox/GlobalCheckbox.js

@@ -0,0 +1 @@
+import{jsx as e,Fragment as t}from"react/jsx-runtime";import{useTheme as r,Checkbox as o}from"@fluentui/react";import{useSelectionController as s}from"../../../../../selection/controllers/useSelectionController.js";import{useGridInstance as l}from"../../../../hooks/useGridInstance.js";import{getGlobalCheckboxStyles as c}from"./styles.js";import"react";import"../../../../../GridContext.js";const n=()=>{const n=l(),i=r(),d=c(i),m=s();return 0===n.dataset.sortedRecordIds.length?e(t,{}):e("div",Object.assign({className:d.root},{children:"multiple"===m.type&&e(o,{checked:m.allRecordsSelected,indeterminate:m.selectedRecordIds.length>0&&!m.allRecordsSelected,onChange:(e,t)=>{t?m.selectAll():m.clear()}})}))};export{n as GlobalCheckBox};

package/dist/components/Grid/core/components/ColumnHeader/components/GlobalCheckbox/styles.js

@@ -0,0 +1 @@
+import{mergeStyleSets as t}from"@fluentui/react";const e=e=>t({root:{backgroundColor:e.palette.white,flexGrow:1,display:"flex",justifyContent:"center",height:"100%",alignItems:"center",position:"relative",left:1}});export{e as getGlobalCheckboxStyles};

package/dist/components/Grid/core/components/ColumnHeader/styles.js

@@ -0,0 +1 @@
+import{mergeStyleSets as t}from"@fluentui/react";const e=e=>t({root:{width:"100%",textAlign:"left",height:42,paddingLeft:10,paddingRight:10,".ms-Button-flexContainer":{justifyContent:"flex-start",gap:2,pointerEvents:"none"}},labelWrapper:{flex:1,display:"flex",minWidth:0},label:{overflow:"hidden",textOverflow:"ellipsis",cursor:"pointer"},requiredSymbol:{color:e.semanticColors.errorIcon,position:"relative",top:4,left:2},filterSortIcons:{display:"flex",gap:2},editIcon:{marginRight:3}});export{e as getColumnHeaderStyles};

package/dist/components/Grid/core/components/Component/Component.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
-import { IParameters } from "../../../../../interfaces/parameters";
 import { IGridColumn } from "../../interfaces/IGridColumn";
-export interface IComponentProps {
+import { IControl } from "../../../../../interfaces/context";
+export interface IControlProps {
     column: IGridColumn;
     value: any;
     formattedValue?: string;
     onNotifyOutputChanged: (value: any) => void;
-    additionalParameters?: IParameters;
+    onOverrideControlProps?: (props: IControl<any, any, any, any>) => IControl<any, any, any, any>;
 }
-export declare const Component: (props: IComponentProps) => JSX.Element;
+export declare const Component: (props: IControlProps) => JSX.Element;

package/dist/components/Grid/core/components/Component/Component.js

@@ -0,0 +1 @@
+import{jsx as o,Fragment as t}from"react/jsx-runtime";import{DateTime as s}from"../../../../DateTime/DateTime.js";import{Decimal as e}from"../../../../Decimal/Decimal.js";import{Lookup as i}from"../../../../Lookup/Lookup.js";import{MultiSelectOptionSet as r}from"../../../../MultiSelectOptionSet/MultiSelectOptionSet.js";import{OptionSet as m}from"../../../../OptionSet/OptionSet.js";import{TextField as n}from"../../../../TextField/TextField.js";import{TwoOptions as p}from"../../../../TwoOptions/TwoOptions.js";import{Duration as a}from"../../../../Duration/Duration.js";import{DataType as u}from"../../enums/DataType.js";import{useComponentController as l}from"./controller/useComponentController.js";import"@fluentui/react";import"react";import"../../../../DateTime/styles.js";import"../../../../DateTime/hooks/useDateTime.js";import"../../../../../hooks/useInputBasedControl.js";import"../../../../../hooks/useControl.js";import"fast-deep-equal/es6";import"merge-anything";import"liquidjs";import"../../../../../hooks/useControlTheme.js";import"../../../../../utils/Theme.js";import"@fluentui/react-migration-v8-v9";import"../../../../../hooks/useControlSizing.js";import"dayjs";import"dayjs/plugin/utc";import"dayjs/plugin/customParseFormat";import"../../../../DateTime/translations.js";import"../../../../DateTime/components/Calendar.js";import"@fluentui/react/lib/Calendar";import"@talxis/react-components";import"numeral";import"../../../../../utils/Numeral.js";import"../../../../../constants.js";import"../../../../Decimal/components/ArrowButtons.js";import"../../../../Decimal/components/styles.js";import"tslib";import"../../../../Lookup/hooks/useLookup.js";import"../../../../Lookup/translations.js";import"../../../../Lookup/hooks/useFetchXml.js";import"@talxis/client-libraries";import"../../../../Lookup/components/TargetSelector.js";import"@fluentui/react/lib/Text";import"../../../../Lookup/styles.js";import"../../../../Lookup/hooks/useLoadedEntities.js";import"../../../../../hooks/useMouseOver.js";import"../../../../Lookup/components/RecordCreator.js";import"../../../../../hooks/useFocusIn.js";import"../../../../Duration/translations.js";import"./model/Component.js";import"../../../validation/model/ColumnValidation.js";import"validator/es/lib/isEmail";import"validator/es/lib/isURL";import"../../model/GridDependency.js";import"../../hooks/useGridInstance.js";import"../../../GridContext.js";const c=c=>{const j=l(c),{column:O,componentProps:T}=Object.assign({},j);if(!O)return o(t,{});switch(O.dataType){case u.TWO_OPTIONS:return o(p,Object.assign({},T));case u.OPTIONSET:return o(m,Object.assign({},T));case u.MULTI_SELECT_OPTIONSET:return o(r,Object.assign({},T));case u.DATE_AND_TIME_DATE_AND_TIME:case u.DATE_AND_TIME_DATE_ONLY:return o(s,Object.assign({},T));case u.DECIMAL:case u.WHOLE_NONE:case u.CURRENCY:return o(e,Object.assign({},T));case u.LOOKUP_SIMPLE:case u.LOOKUP_OWNER:case u.LOOKUP_CUSTOMER:return o(i,Object.assign({},T));case u.WHOLE_DURATION:return o(a,Object.assign({},T));default:return o(n,Object.assign({},T))}};export{c as Component};

package/dist/components/Grid/core/components/Component/controller/useComponentController.d.ts

@@ -1,9 +1,9 @@
-import { IComponentProps } from "../Component";
-import { IComponent } from "../../../../../../interfaces/context";
+import { IControlProps } from "../Component";
+import { IControl } from "../../../../../../interfaces/context";
 import { IGridColumn } from "../../../interfaces/IGridColumn";
-interface IComponentController {
+interface IControlController {
     column: IGridColumn;
-    componentProps: IComponent<any, any, any>;
+    componentProps: IControl<any, any, any, any>;
 }
-export declare const useComponentController: (props: IComponentProps) => IComponentController | undefined;
+export declare const useComponentController: (props: IControlProps) => IControlController | undefined;
 export {};

package/dist/components/Grid/core/components/Component/controller/useComponentController.js

@@ -0,0 +1 @@
+import{__awaiter as o}from"tslib";import{useMemo as t,useState as i,useRef as r,useEffect as m}from"react";import{Component as n}from"../model/Component.js";import{useGridInstance as e}from"../../../hooks/useGridInstance.js";import"dayjs";import"../../../../validation/model/ColumnValidation.js";import"validator/es/lib/isEmail";import"validator/es/lib/isURL";import"../../../enums/DataType.js";import"../../../model/GridDependency.js";import"../../../../GridContext.js";const s=s=>{const p=e(),d=t((()=>new n(p)),[]),[l,a]=i(),c=r(!0);return m((()=>{o(void 0,void 0,void 0,(function*(){const o=yield d.getControlProps(s);c.current&&a({column:s.column,componentProps:o})}))}),[s]),m((()=>()=>{c.current=!1}),[]),l};export{s as useComponentController};

package/dist/components/Grid/core/components/Component/model/Component.d.ts

@@ -1,10 +1,9 @@
-import { IComponent } from "../../../../../../interfaces/context";
+import { IControl } from "../../../../../../interfaces/context";
 import { GridDependency } from "../../../model/GridDependency";
-import { IComponentProps } from "../Component";
+import { IControlProps } from "../Component";
 export declare class Component extends GridDependency {
     private _debouncedGetLookupValue;
     private static _lookupSavedQueriesCache;
-    getControlProps(props: IComponentProps): Promise<IComponent<any, any, any>>;
-    private _getInjectedContext;
+    getControlProps(props: IControlProps): Promise<IControl<any, any, any, any>>;
     private _getLookupValue;
 }

package/dist/components/Grid/core/components/Component/model/Component.js

@@ -0,0 +1 @@
+import{__awaiter as e}from"tslib";import t from"dayjs";import{ColumnValidation as r}from"../../../../validation/model/ColumnValidation.js";import{DataType as a}from"../../../enums/DataType.js";import{GridDependency as o}from"../../../model/GridDependency.js";import"validator/es/lib/isEmail";import"validator/es/lib/isURL";class Component extends o{constructor(){super(...arguments),this._debouncedGetLookupValue=((t,r)=>{let a=null,o=null;return(...i)=>e(void 0,void 0,void 0,(function*(){return o||(o=t(...i)),a&&clearTimeout(a),a=setTimeout((()=>{o=null}),r),o}))})(this._getLookupValue.bind(this),50)}getControlProps(o){var i,n;return e(this,void 0,void 0,(function*(){const{column:s,value:u,onNotifyOutputChanged:l,formattedValue:d}=Object.assign({},o),[c,p]=new r(this._grid,o.column).validate(u),m=null!==(i=null==o?void 0:o.onOverrideControlProps)&&void 0!==i?i:e=>e;switch(s.dataType){case a.LOOKUP_SIMPLE:case a.LOOKUP_OWNER:case a.LOOKUP_CUSTOMER:{const t=yield this._grid.metadata.get(s),r=null!==(n=t.Attributes.get(s.attributeName).attributeDescriptor.Targets)&&void 0!==n?n:[];s.dataType===a.LOOKUP_OWNER&&r.push("systemuser","team");return m({context:this._pcfContext,parameters:{value:{getAllViews:(t,r=64)=>e(this,void 0,void 0,(function*(){const a=`${t}_${r}`;Component._lookupSavedQueriesCache.get(a)||Component._lookupSavedQueriesCache.set(a,new Promise((a=>e(this,void 0,void 0,(function*(){const e=yield this._pcfContext.webAPI.retrieveMultipleRecords("savedquery",`?$filter=returnedtypecode eq '${t}' and querytype eq ${r} and isdefault eq true&$select=name,savedqueryid,fetchxml`);a(e.entities[0])})))));const o=yield Component._lookupSavedQueriesCache.get(a);return[{isDefault:!0,viewName:o.name,viewId:o.savedqueryid,fetchXml:o.fetchxml}]})),raw:yield this._debouncedGetLookupValue(r,u),attributes:{Targets:r,DisplayName:t.DisplayName},error:!c,errorMessage:p}},onNotifyOutputChanged:e=>l(e.value)})}case a.TWO_OPTIONS:{const e=u,[t,r]=yield this._grid.metadata.getOptions(s);return m({context:this._pcfContext,parameters:{value:{raw:!0===e,error:!c,errorMessage:p,attributes:{Options:r}}},onNotifyOutputChanged:e=>l(e.value)})}case a.OPTIONSET:{const e=u,[t,r]=yield this._grid.metadata.getOptions(s);return m({context:this._pcfContext,parameters:{value:{raw:null!=e?e:null,error:!c,errorMessage:p,attributes:{Options:r}}},onNotifyOutputChanged:e=>l(e.value)})}case a.MULTI_SELECT_OPTIONSET:{const[e,t]=yield this._grid.metadata.getOptions(s),r=u;return m({context:this._pcfContext,parameters:{value:{raw:null!=r?r:null,error:!c,errorMessage:p,attributes:{Options:t}}},onNotifyOutputChanged:e=>l(e.value)})}case a.DATE_AND_TIME_DATE_AND_TIME:case a.DATE_AND_TIME_DATE_ONLY:{const e=u,r=yield this._grid.metadata.get(s),a=t(e);return m({context:this._pcfContext,parameters:{value:{raw:a.isValid()?a.toDate():e,error:!c,errorMessage:p,attributes:{Behavior:r.Attributes.get(s.attributeName).Behavior,Format:s.dataType}}},onNotifyOutputChanged:e=>l(e.value)})}case a.WHOLE_NONE:case a.DECIMAL:case a.CURRENCY:case a.WHOLE_DURATION:{const e=u,t=(yield this._grid.metadata.get(s)).Attributes.get(s.attributeName).Precision;return m({context:this._pcfContext,parameters:{value:{raw:null!=e?e:null,error:!c,formatted:d,errorMessage:p,type:s.dataType,attributes:{Precision:t}},NotifyOutputChangedOnUnmount:{raw:!0}},onNotifyOutputChanged:e=>l(e.value)})}default:return m({context:this._pcfContext,parameters:{isResizable:{raw:!1},NotifyOutputChangedOnUnmount:{raw:!0},value:{raw:u,error:!c,errorMessage:p}},onNotifyOutputChanged:e=>l(e.value)})}}))}_getLookupValue(t,r){return e(this,void 0,void 0,(function*(){if(!r||0===r.length)return[];if(!r[0].entityType)for(const e of r)for(const r of t)try{const t=yield this._pcfContext.utils.getEntityMetadata(r,[]),a=yield this._pcfContext.webAPI.retrieveRecord(r,e.id,`?$select=${t.PrimaryNameAttribute}`);e.entityType=r,e.name=a[t.PrimaryNameAttribute];break}catch(e){continue}return r}))}}Component._lookupSavedQueriesCache=new Map;export{Component};

package/dist/components/Grid/core/components/Dialog/Constants.js

@@ -0,0 +1 @@
+const o={dialogContentProps:{},modalProps:{className:""}};export{o as defaultProps};

package/dist/components/Grid/core/components/Dialog/Styles.js

@@ -0,0 +1 @@
+import{getTheme as i,mergeStyles as o}from"@fluentui/react";const t=t=>{var e;const l=i();return o({selectors:{".ms-Dialog-main":{width:t.width,minHeight:null!==(e=t.minHeight)&&void 0!==e?e:0,height:t.height},"@media(max-width: 768px)":{".ms-Dialog-main":{width:"100vw",height:"100svh",maxWidth:"100vw",maxHeight:"100svh"}},".ms-Dialog-subText":{color:l.palette.black},".ms-Dialog-content":{overflow:"auto",paddingBottom:24,flex:1},".ms-Dialog-content, .ms-Dialog-actions":{paddingLeft:24,paddingRight:24,width:"initial"},".ms-Dialog-actions":{borderTop:`1px solid ${l.semanticColors.bodyDivider}`,paddingBottom:24,paddingTop:24,margin:"initial",flex:"0 0 auto"},".ms-Dialog-inner":{padding:0,display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"},".ms-Modal-scrollableContent":{overflow:"hidden",display:"flex","> div":{display:"flex",flexDirection:"column"}}}})};export{t as getRootStyles};

package/dist/components/Grid/core/components/Dialog/index.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{Dialog as l}from"@fluentui/react";import{defaultProps as a}from"./Constants.js";import{getRootStyles as r}from"./Styles.js";const s=a=>{var s,t,e;return o(l,Object.assign({},a,{modalProps:Object.assign(Object.assign({},a.modalProps),{allowTouchBodyScroll:!!(null!==(t=null===(s=a.modalProps)||void 0===s?void 0:s.allowTouchBodyScroll)&&void 0!==t?t:matchMedia("(hover: none)").matches)||void 0,className:`${null===(e=a.modalProps)||void 0===e?void 0:e.className} ${r(a)}`})},{children:a.children}))};s.defaultProps=a;export{s as default};

package/dist/components/Grid/core/components/Dialog/interfaces/index.d.ts

@@ -0,0 +1,6 @@
+import { IDialogProps as IDialogPropsBase } from '@fluentui/react';
+export interface IDialogProps extends IDialogPropsBase {
+    width?: number | string;
+    height?: number | string;
+    minHeight?: number;
+}

package/dist/components/Grid/core/components/Dialog/interfaces/index.js

@@ -0,0 +1 @@
+

package/dist/components/Grid/core/components/Save/Save.js

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

package/dist/components/Grid/core/components/Save/components/ChangeEditor/ChangeEditor.js

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

package/dist/components/Grid/core/components/Save/components/ChangeEditor/components/RecordGrids/RecordGrids.js

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

package/dist/components/Grid/core/components/Save/components/ChangeEditor/components/RecordGrids/styles.js

@@ -0,0 +1 @@
+import{mergeStyleSets as e}from"@fluentui/react";const o=o=>e({root:{borderRadius:5,padding:8,paddingTop:10,gap:25,display:"flex",flexDirection:"column",justifyContent:"center",backgroundColor:o.semanticColors.bodyBackground,boxShadow:o.semanticColors.cardShadow,">span":{fontWeight:600},">i":{alignSelf:"center",fontSize:22}},readOnlyGrid:{".ag-theme-balham > div > .ms-MessageBar":{minHeight:0,height:0,".ms-MessageBar-actionsSingleLine":{position:"relative",top:-28}}},gridTitleWrapper:{borderBottom:`1px solid ${o.semanticColors.bodyDivider}`,paddingBottom:10,">span":{fontWeight:600,fontSize:15,overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",display:"block",maxWidth:"calc(100% - 130px)"}},editableGrid:{position:"relative",top:-5}});export{o as getRecordGridStyles};

package/dist/components/Grid/core/components/Save/components/ChangeEditor/styles.js

@@ -0,0 +1 @@
+import{mergeStyleSets as o}from"@fluentui/react";const r=r=>o({root:{".ag-row":{borderBottom:"none"},".ms-Dialog-title":{borderBottom:`1px solid ${r.semanticColors.bodyDivider}`},".ms-Dialog-content":{backgroundColor:"var(--talxis-main-bodyBackgroundMain, #faf9f8)"}},recordGrids:{marginTop:15,display:"flex",flexDirection:"column",gap:15},saveBtn:{".ms-Button-flexContainer":{gap:5,">span":{order:2},">div":{order:1}}}});export{r as getChangeEditorStyles};

package/dist/components/Grid/core/components/Save/hooks/useSave.js

@@ -0,0 +1 @@
+import{__awaiter as e}from"tslib";import{useState as r}from"react";import{useGridInstance as o}from"../../../hooks/useGridInstance.js";import{useRecordUpdateServiceController as i}from"../../../services/RecordUpdateService/controllers/useRecordUpdateServiceController.js";import"../../../../GridContext.js";const s=()=>{const s=o(),t=s.labels,a=i(),[n,v]=r(!1);return{isSaving:n,saveBtnProps:n?{disabled:!0,iconName:"SaveInPropgre",text:t["saving-saving"]()}:a.isDirty?{disabled:!(!a.hasInvalidRecords&&!(null===(d=s.props.parameters.ChangeEditorMode)||void 0===d?void 0:d.error)),iconName:"Save",text:t["saving-save"]()}:{disabled:!0,iconName:"Save",text:t["saving-save"]()},save:()=>e(void 0,void 0,void 0,(function*(){v(!0);const e=yield a.saveAll();return v(!1),e}))};var d};export{s as useSave};

package/dist/components/Grid/core/components/Save/styles.js

@@ -0,0 +1 @@
+import{mergeStyleSets as t}from"@fluentui/react";const e=()=>t({root:{'&[data-dirty="false"]':{".ms-MessageBar":{backgroundColor:"transparent",".ms-MessageBar-icon":{display:"none"}}},".ms-MessageBar-icon":{alignItems:"center"},".ms-MessageBar-actionsSingleLine":{marginRight:0},".ms-MessageBar-innerText":{textAlign:"left"},'&[data-dirty="true"]':{cursor:"pointer"}},notificationText:{whiteSpace:"normal"},actions:{height:"100%",".ms-Button":{height:"100%",backgroundColor:"transparent",":last-child":{marginLeft:0}}}});export{e as getSaveStyles};

package/dist/components/Grid/core/controllers/useGridController.js

@@ -0,0 +1 @@
+import{__awaiter as r}from"tslib";import{useContext as o,useState as e,useEffect as s}from"react";import t from"fast-deep-equal/es6";import{GridContext as n}from"../../GridContext.js";const c=c=>{const d=null!=c?c:o(n).gridInstance,[i,m]=e(d.columns),[f,u]=e((()=>d.refreshRecords())),l=(r,o)=>o.map((o=>{const e=[];for(const s of r)e.push(o.getValue(s.key));return e}));return s((()=>{r(void 0,void 0,void 0,(function*(){const r=yield d.refreshColumns(),o=l(r,d.refreshRecords());t(r,i)||m(r),t(o,l(r,f))||u(d.records)}))}),[d.shouldRerender]),{columns:i,records:f}};export{c as useGridController};

package/dist/components/Grid/core/enums/ConditionOperator.js

@@ -0,0 +1 @@
+var e;!function(e){e[e.None=-1]="None",e[e.Equal=0]="Equal",e[e.NotEqual=1]="NotEqual",e[e.GreaterThan=2]="GreaterThan",e[e.LessThan=3]="LessThan",e[e.GreaterEqual=4]="GreaterEqual",e[e.LessEqual=5]="LessEqual",e[e.Like=6]="Like",e[e.NotLike=7]="NotLike",e[e.In=8]="In",e[e.NotIn=9]="NotIn",e[e.Null=12]="Null",e[e.NotNull=13]="NotNull",e[e.Yesterday=14]="Yesterday",e[e.Today=15]="Today",e[e.Tomorrow=16]="Tomorrow",e[e.Last7Days=17]="Last7Days",e[e.Next7Days=18]="Next7Days",e[e.LastWeek=19]="LastWeek",e[e.ThisWeek=20]="ThisWeek",e[e.LastMonth=22]="LastMonth",e[e.ThisMonth=23]="ThisMonth",e[e.On=25]="On",e[e.OnOrBefore=26]="OnOrBefore",e[e.OnOrAfter=27]="OnOrAfter",e[e.LastYear=28]="LastYear",e[e.ThisYear=29]="ThisYear",e[e.LastXDays=33]="LastXDays",e[e.NextXDays=34]="NextXDays",e[e.LastXMonths=37]="LastXMonths",e[e.NextXMonths=38]="NextXMonths",e[e.Contains=49]="Contains",e[e.BeginWith=54]="BeginWith",e[e.DoesNotBeginWith=55]="DoesNotBeginWith",e[e.EndsWith=56]="EndsWith",e[e.DoesNotEndWith=57]="DoesNotEndWith",e[e.InFiscalPeriodAndYear=70]="InFiscalPeriodAndYear",e[e.Above=75]="Above",e[e.Under=76]="Under",e[e.NotUnder=77]="NotUnder",e[e.AboveOrEqual=78]="AboveOrEqual",e[e.UnderOrEqual=79]="UnderOrEqual",e[e.ContainValues=87]="ContainValues",e[e.DoesNotContainValues=88]="DoesNotContainValues"}(e||(e={}));export{e as DatasetConditionOperator};

package/dist/components/Grid/core/enums/DataType.d.ts

@@ -16,6 +16,7 @@ export declare enum DataType {
     TWO_OPTIONS = "TwoOptions",
     LOOKUP_SIMPLE = "Lookup.Simple",
     LOOKUP_OWNER = "Lookup.Owner",
+    LOOKUP_CUSTOMER = "Lookup.Customer",
     WHOLE_LANGUAGE = "Whole.Language",
     WHOLE_DURATION = "Whole.Duration",
     WHOLE_TIMEZONE = "Whole.TimeZone",

package/dist/components/Grid/core/enums/DataType.js

@@ -0,0 +1 @@
+var E;!function(E){E.SINGLE_LINE_TEXT="SingleLine.Text",E.SINGLE_LINE_TEXT_AREA="SingleLine.TextArea",E.SINGLE_LINE_EMAIL="SingleLine.Email",E.SINGLE_LINE_PHONE="SingleLine.Phone",E.SINGLE_LINE_URL="SingleLine.URL",E.MULTIPLE="Multiple",E.WHOLE_NONE="Whole.None",E.DECIMAL="Decimal",E.FP="FP",E.DATE_AND_TIME_DATE_AND_TIME="DateAndTime.DateAndTime",E.DATE_AND_TIME_DATE_ONLY="DateAndTime.DateOnly",E.CURRENCY="Currency",E.OPTIONSET="OptionSet",E.MULTI_SELECT_OPTIONSET="MultiSelectPicklist",E.TWO_OPTIONS="TwoOptions",E.LOOKUP_SIMPLE="Lookup.Simple",E.LOOKUP_OWNER="Lookup.Owner",E.LOOKUP_CUSTOMER="Lookup.Customer",E.WHOLE_LANGUAGE="Whole.Language",E.WHOLE_DURATION="Whole.Duration",E.WHOLE_TIMEZONE="Whole.TimeZone",E.FILE="File",E.IMAGE="Image"}(E||(E={}));export{E as DataType};

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

@@ -0,0 +1 @@
+import{useContext as r}from"react";import{GridContext as t}from"../../GridContext.js";const o=()=>r(t).gridInstance;export{o as useGridInstance};

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

@@ -0,0 +1 @@
+import{__awaiter as o}from"tslib";import{useMemo as i,useEffect as d}from"react";const r=(r,e)=>{const t=i((()=>crypto.randomUUID()),[]);d((()=>(o(void 0,void 0,void 0,(function*(){(yield r).addRefreshCallback(t,e)})),()=>{o(void 0,void 0,void 0,(function*(){(yield r).removeRefreshCallback(t)}))})),[])};export{r as useRefreshCallback};

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

@@ -0,0 +1 @@
+import{__awaiter as o}from"tslib";import{useState as i}from"react";const t=()=>{const[t,r]=i(0);return[t,i=>o(void 0,void 0,void 0,(function*(){yield null==i?void 0:i(),r((o=>o+1))}))]};export{t as useRerender};

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

@@ -0,0 +1 @@
+

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

@@ -0,0 +1 @@
+

package/dist/components/Grid/core/model/Grid.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="@types/powerapps-component-framework" />
+/// <reference types="powerapps-component-framework" />
 import { IDatasetProperty } from "../../../../interfaces";
-import { StringProps } from "../../../../types";
 import { Filtering } from "../../filtering/model/Filtering";
-import { IEntityRecord, IGrid, IGridTranslations } from "../../interfaces";
+import { IEntityRecord, IGrid } from "../../interfaces";
 import { Paging } from "../../paging/model/Paging";
 import { Selection } from "../../selection/model/Selection";
 import { Sorting } from "../../sorting/Sorting";
@@ -18,15 +17,15 @@ export declare class Grid {
     private _labels;
     private _shouldRerender;
     private _dependencies;
-    constructor(props: IGrid, labels: Required<StringProps<IGridTranslations>>);
+    constructor(props: IGrid, labels: any);
     get isNavigationEnabled(): boolean;
     get isEditable(): boolean;
     get parameters(): import("../../interfaces").IGridParameters;
     get error(): boolean | undefined;
     get errorMessage(): string | undefined;
-    get labels(): Required<StringProps<IGridTranslations>>;
+    get labels(): any;
     get dataset(): IDatasetProperty;
-    get pcfContext(): ComponentFramework.Context<any>;
+    get pcfContext(): ComponentFramework.Context<any, ComponentFramework.IEventBag>;
     get props(): IGrid;
     get columns(): IGridColumn[];
     get records(): IEntityRecord[];