@talxis/base-controls 1.2406.15 → 1.2407.1

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

@@ -1,2 +1,306 @@
-import { IGridTranslations } from "./interfaces";
-export declare const gridTranslations: IGridTranslations;
+export declare const gridTranslations: {
+    "condition-none": {
+        1029: string;
+        1033: string;
+    };
+    "condition-equal": {
+        1029: string;
+        1033: string;
+    };
+    "condition-notequal": {
+        1029: string;
+        1033: string;
+    };
+    "condition-greaterthan": {
+        1029: string;
+        1033: string;
+    };
+    "condition-lessthan": {
+        1029: string;
+        1033: string;
+    };
+    "condition-greaterequal": {
+        1029: string;
+        1033: string;
+    };
+    "condition-lessequal": {
+        1029: string;
+        1033: string;
+    };
+    "condition-like": {
+        1029: string;
+        1033: string;
+    };
+    "condition-notlike": {
+        1029: string;
+        1033: string;
+    };
+    "condition-null": {
+        1029: string;
+        1033: string;
+    };
+    "condition-notnull": {
+        1029: string;
+        1033: string;
+    };
+    "condition-beginwith": {
+        1029: string;
+        1033: string;
+    };
+    "condition-doesnotbeginwith": {
+        1029: string;
+        1033: string;
+    };
+    "condition-endswith": {
+        1029: string;
+        1033: string;
+    };
+    "condition-doesnotendwith": {
+        1029: string;
+        1033: string;
+    };
+    "condition-yesterday": {
+        1029: string;
+        1033: string;
+    };
+    "condition-today": {
+        1029: string;
+        1033: string;
+    };
+    "condition-tomorrow": {
+        1029: string;
+        1033: string;
+    };
+    "condition-last7days": {
+        1029: string;
+        1033: string;
+    };
+    "condition-next7days": {
+        1029: string;
+        1033: string;
+    };
+    "condition-lastweek": {
+        1029: string;
+        1033: string;
+    };
+    "condition-thisweek": {
+        1029: string;
+        1033: string;
+    };
+    "condition-lastmonth": {
+        1029: string;
+        1033: string;
+    };
+    "condition-thismonth": {
+        1029: string;
+        1033: string;
+    };
+    "condition-on": {
+        1029: string;
+        1033: string;
+    };
+    "condition-onorbefore": {
+        1029: string;
+        1033: string;
+    };
+    "condition-onorafter": {
+        1029: string;
+        1033: string;
+    };
+    "condition-lastyear": {
+        1029: string;
+        1033: string;
+    };
+    "condition-thisyear": {
+        1029: string;
+        1033: string;
+    };
+    "condition-lastxdays": {
+        1029: string;
+        1033: string;
+    };
+    "condition-nextxdays": {
+        1029: string;
+        1033: string;
+    };
+    "condition-lastxmonths": {
+        1029: string;
+        1033: string;
+    };
+    "condition-nextxmonths": {
+        1029: string;
+        1033: string;
+    };
+    "condition-contains": {
+        1029: string;
+        1033: string;
+    };
+    "condition-infiscalperiodandyear": {
+        1029: string;
+        1033: string;
+    };
+    "condition-above": {
+        1029: string;
+        1033: string;
+    };
+    "condition-under": {
+        1029: string;
+        1033: string;
+    };
+    "condition-notunder": {
+        1029: string;
+        1033: string;
+    };
+    "condition-aboveorequal": {
+        1029: string;
+        1033: string;
+    };
+    "condition-underorequal": {
+        1029: string;
+        1033: string;
+    };
+    "condition-containvalues": {
+        1029: string;
+        1033: string;
+    };
+    "condition-doesnotcontainvalues": {
+        1029: string;
+        1033: string;
+    };
+    "filtermenu-filterby": {
+        1029: string;
+        1033: string;
+    };
+    "filtermenu-applybutton": {
+        1029: string;
+        1033: string;
+    };
+    "filtermenu-clearbutton": {
+        1029: string;
+        1033: string;
+    };
+    "filtersortmenu-sorttext-a-z": {
+        1029: string;
+        1033: string;
+    };
+    "filtersortmenu-sorttext-z-a": {
+        1029: string;
+        1033: string;
+    };
+    "filtersortmenu-sortdate-a-z": {
+        1029: string;
+        1033: string;
+    };
+    "filtersortmenu-sortdate-z-a": {
+        1029: string;
+        1033: string;
+    };
+    "filtersortmenu-sortnumber-a-z": {
+        1029: string;
+        1033: string;
+    };
+    "filtersortmenu-sortnumber-z-a": {
+        1029: string;
+        1033: string;
+    };
+    "filtersortmenu-sorttwooption-a-z": {
+        1029: string;
+        1033: string;
+    };
+    "filtersortmenu-sorttwooption-z-a": {
+        1029: string;
+        1033: string;
+    };
+    "filtersortmenu-sorttwooption-joint": {
+        1029: string;
+        1033: string;
+    };
+    "filtersortmenu-filterby": {
+        1029: string;
+        1033: string;
+    };
+    "filtersortmenu-clearfilter": {
+        1029: string;
+        1033: string;
+    };
+    "paging-of": {
+        1029: string;
+        1033: string;
+    };
+    "paging-firstpage": {
+        1029: string;
+        1033: string;
+    };
+    "paging-previouspage": {
+        1029: string;
+        1033: string;
+    };
+    "paging-page": {
+        1029: string;
+        1033: string;
+    };
+    "paging-nextpage": {
+        1029: string;
+        1033: string;
+    };
+    "paging-lastpage": {
+        1029: string;
+        1033: string;
+    };
+    "paging-pages": {
+        1029: string;
+        1033: string;
+    };
+    norecordsfound: {
+        1029: string;
+        1033: string;
+    };
+    "saving-changenotification": {
+        1029: string;
+        1033: string;
+    };
+    "saving-save": {
+        1029: string;
+        1033: string;
+    };
+    "saving-saving": {
+        1029: string;
+        1033: string;
+    };
+    "saving-changepreview-title": {
+        1033: string;
+        1029: string;
+    };
+    "saving-validation-error": {
+        1029: string;
+        1033: string;
+    };
+    "validation-input-value": {
+        1029: string;
+        1033: string;
+    };
+    "validation-email": {
+        1029: string;
+        1033: string;
+    };
+    "validation-url": {
+        1029: string;
+        1033: string;
+    };
+    "validation-date": {
+        1029: string;
+        1033: string;
+    };
+    "validation-number": {
+        1029: string;
+        1033: string;
+    };
+    "no-name": {
+        1029: string;
+        1033: string;
+    };
+    download: {
+        1029: string;
+        1033: string;
+    };
+};

package/dist/components/Grid/translations.js

@@ -0,0 +1 @@
+const o={"condition-none":{1029:"Žádná",1033:"None"},"condition-equal":{1029:"Je rovno",1033:"Equals"},"condition-notequal":{1029:"Není rovno",1033:"Does not equal"},"condition-greaterthan":{1029:"Větší než",1033:"Greater than"},"condition-lessthan":{1029:"Menší než",1033:"Less than"},"condition-greaterequal":{1029:"Větší než nebo rovno",1033:"Greater than or equal to"},"condition-lessequal":{1029:"Menší než nebo rovno",1033:"Less than or equal to"},"condition-like":{1029:"Obsahuje",1033:"Contains"},"condition-notlike":{1029:"Neobsahuje",1033:"Does not contain"},"condition-null":{1029:"Neobsahuje data",1033:"Does not contain data"},"condition-notnull":{1029:"Obsahuje data",1033:"Contains data"},"condition-beginwith":{1029:"Začíná na",1033:"Begins with"},"condition-doesnotbeginwith":{1029:"Nezačíná na",1033:"Does not begin with"},"condition-endswith":{1029:"Končí na",1033:"Ends with"},"condition-doesnotendwith":{1029:"Nekončí na",1033:"Does not end with"},"condition-yesterday":{1029:"Včera",1033:"Yesterday"},"condition-today":{1029:"Dneska",1033:"Today"},"condition-tomorrow":{1029:"Zítra",1033:"Tomorrow"},"condition-last7days":{1029:"Posledních 7 dnů",1033:"Last 7 days"},"condition-next7days":{1029:"Příštích 7 dnů",1033:"Next 7 days"},"condition-lastweek":{1029:"Minulý týden",1033:"Last week"},"condition-thisweek":{1029:"Tento týden",1033:"This week"},"condition-lastmonth":{1029:"Minulý měsíc",1033:"Last month"},"condition-thismonth":{1029:"Tento měsíc",1033:"This month"},"condition-on":{1029:"V den",1033:"On"},"condition-onorbefore":{1029:"Před dnem (včetně)",1033:"On or before"},"condition-onorafter":{1029:"Po dni (včetně)",1033:"On or after"},"condition-lastyear":{1029:"Poslední rok",1033:"Last year"},"condition-thisyear":{1029:"Tento rok",1033:"This year"},"condition-lastxdays":{1029:"Posledních X dnů",1033:"Last X days"},"condition-nextxdays":{1029:"Příštích X dnů",1033:"Next X days"},"condition-lastxmonths":{1029:"Posledních X měsíců",1033:"Last X months"},"condition-nextxmonths":{1029:"Příštích X měsíců",1033:"Next X months"},"condition-contains":{1029:"Obsahuje",1033:"Contains"},"condition-infiscalperiodandyear":{1029:"Toto fiskální období a rok",1033:"In fiscal period and year"},"condition-above":{1029:"Nad",1033:"Above"},"condition-under":{1029:"Pod",1033:"Under"},"condition-notunder":{1029:"Není pod",1033:"Not under"},"condition-aboveorequal":{1029:"Je nad nebo se rovná",1033:"Above or equal"},"condition-underorequal":{1029:"Je pod nebo se rovná",1033:"Under or equal"},"condition-containvalues":{1029:"Obsahuje hodnoty",1033:"Contain values"},"condition-doesnotcontainvalues":{1029:"Neobsahuje hodnoty",1033:"Does not contain values"},"filtermenu-filterby":{1029:"Filtrovat podle",1033:"Filter By"},"filtermenu-applybutton":{1029:"Použít",1033:"Apply"},"filtermenu-clearbutton":{1029:"Vymazat",1033:"Clear"},"filtersortmenu-sorttext-a-z":{1029:"Seřadit od A do Z",1033:"Sort A to Z"},"filtersortmenu-sorttext-z-a":{1029:"Seřadit od Z do A",1033:"Sort Z to A"},"filtersortmenu-sortdate-a-z":{1029:"Seřadit od nejstarších",1033:"Sort older to newer"},"filtersortmenu-sortdate-z-a":{1029:"Seřadit od nejnovějších",1033:"Sort newer to older"},"filtersortmenu-sortnumber-a-z":{1029:"Seřadit od nejmenších",1033:"Sort smaller to larger"},"filtersortmenu-sortnumber-z-a":{1029:"Seřadit od největších",1033:"Sort larger to smaller"},"filtersortmenu-sorttwooption-a-z":{1029:"Seřadit od nejmenších",1033:"No to Yes"},"filtersortmenu-sorttwooption-z-a":{1029:"Seřadit od největších",1033:"Yes to No"},"filtersortmenu-sorttwooption-joint":{1029:"až",1033:"to"},"filtersortmenu-filterby":{1029:"Filtrovat podle",1033:"Filter by"},"filtersortmenu-clearfilter":{1029:"Vymazat filtr",1033:"Clear filter"},"paging-of":{1029:"z",1033:"of"},"paging-firstpage":{1029:"První strana",1033:"First page"},"paging-previouspage":{1029:"Předchozí",1033:"Previous"},"paging-page":{1029:"Strana",1033:"Page"},"paging-nextpage":{1029:"Další",1033:"Next"},"paging-lastpage":{1029:"Poslední strana",1033:"Last page"},"paging-pages":{1029:"{{start}} - {{end}} z {{recordcount}}",1033:"{{start}} - {{end}} of {{recordcount}}"},norecordsfound:{1029:"Nenašli jsme nic, co by se zde dalo zobrazit.",1033:"No records found."},"saving-changenotification":{1029:"Počet upravených záznamů: <b>{{numOfChanges}}</b>. Klikněte <u>zde</u> pro jejich zobrazení.",1033:"Number of updated records: <b>{{numOfChanges}}</b>. Click <u>here</u> to review."},"saving-save":{1029:"Uložit",1033:"Save"},"saving-saving":{1029:"Ukládání...",1033:"Saving..."},"saving-changepreview-title":{1033:"Number of updated rows: {{numOfChanges}}",1029:"Počet upravených záznamů: {{numOfChanges}}"},"saving-validation-error":{1029:"Pro uložení záznamu je nutné opravit chybové hodnoty následujících sloupců: <b>{{columnDisplayNames}}</b>",1033:"Folowing columns have validation errors: <b>{{columnDisplayNames}}</b>"},"validation-input-value":{1029:"Zadejte hodnotu",1033:"Please enter value."},"validation-email":{1029:"Neplatný formát emailové adresy.",1033:"Invalid Email address format."},"validation-url":{1029:"Neplatný formát webové adresy.",1033:"Invalid URL format."},"validation-date":{1029:"Neplatný formát datumu.",1033:"Invalid Date format."},"validation-number":{1029:"Neplatný formát čísla.",1033:"Invalid Number format."},"no-name":{1029:"(Bez názvu)",1033:"(No Name)"},download:{1029:"Stáhnout",1033:"Download"}};export{o as gridTranslations};

package/dist/components/Grid/validation/controllers/useRecordValidationController.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="@types/powerapps-component-framework" />
+/// <reference types="powerapps-component-framework" />
 import { IGridColumn } from "../../core/interfaces/IGridColumn";
 interface IRecordValidation {
     column: IGridColumn;

package/dist/components/Grid/validation/controllers/useRecordValidationController.js

@@ -0,0 +1 @@
+import{useMemo as o,useState as e,useEffect as r}from"react";import{useGridInstance as t}from"../../core/hooks/useGridInstance.js";import{ColumnValidation as i}from"../model/ColumnValidation.js";import"../../GridContext.js";import"validator/es/lib/isEmail";import"validator/es/lib/isURL";import"dayjs";import"../../core/enums/DataType.js";import"../../core/model/GridDependency.js";const m=m=>{const s=t(),a=m.column,n=m.record,l=o((()=>new i(s,a)),[]),[d,p]=e(!0),[c,u]=e("");return r((()=>{if(!a.isEditable)return;const[o,e]=l.validate(n.getValue(a.key));p(o),u(e)}),[n.getValue(a.key)]),[d,c]};export{m as useColumnValidationController};

package/dist/components/Grid/validation/model/ColumnValidation.js

@@ -0,0 +1 @@
+import i from"validator/es/lib/isEmail";import e from"validator/es/lib/isURL";import l from"dayjs";import{DataType as a}from"../../core/enums/DataType.js";import{GridDependency as t}from"../../core/model/GridDependency.js";class ColumnValidation extends t{constructor(i,e,l){super(i),this._column=e,this._forceNullCheck=null!=l&&l}validate(t){const r=this._isNull(t);if(this._column.isRequired||this._forceNullCheck){if(r)return[!1,this._labels["validation-input-value"]()]}else if(r)return[!0,""];switch(this._column.dataType){case a.WHOLE_NONE:case a.DECIMAL:case a.CURRENCY:case a.WHOLE_DURATION:if("string"==typeof t)return[!1,this._labels["validation-number"]()];break;case a.SINGLE_LINE_EMAIL:if(!i(t=`${t}`))return[!1,this._labels["validation-email"]()];break;case a.SINGLE_LINE_URL:if(!e(t=`${t}`))return[!1,this._labels["validation-url"]()];break;case a.DATE_AND_TIME_DATE_AND_TIME:case a.DATE_AND_TIME_DATE_ONLY:if(!l(t).isValid())return[!1,this._labels["validation-date"]()];break;default:if(!t)return[!1,this._labels["validation-input-value"]()]}return[!0,""]}_isNull(i){return void 0===i||(null===i||(""===i||(0===(null==i?void 0:i.length)||void 0)))}get _labels(){return this._grid.labels}}export{ColumnValidation};

package/dist/components/Lookup/Lookup.js

@@ -1 +1 @@
-export{L as Lookup}from"../../Lookup-85a4c52d.js";import"react/jsx-runtime";import"react";import"@fluentui/react";import"@talxis/react-components/dist/components/TagPicker";import"../../hooks/useMouseOver.js";import"../../hooks/useFocusIn.js";import"../../hooks/useComponentSizing.js";import"../../hooks/useComponent.js";import"fast-deep-equal/es6";import"merge-anything";import"liquidjs";import"@fluentui/react/lib/Text";import"@fluentui/react/lib/components/Button/CommandBarButton/CommandBarButton";
+import{__awaiter as e}from"tslib";import{jsxs as t,Fragment as o,jsx as r}from"react/jsx-runtime";import{useLookup as i}from"./hooks/useLookup.js";import{useRef as n,useState as s,useEffect as a}from"react";import{ThemeProvider as l}from"@fluentui/react";import{TagPicker as u}from"@talxis/react-components";import{TargetSelector as d}from"./components/TargetSelector.js";import{useMouseOver as c}from"../../hooks/useMouseOver.js";import{getLookupStyles as m}from"./styles.js";import{RecordCreator as p}from"./components/RecordCreator.js";import{useFocusIn as v}from"../../hooks/useFocusIn.js";import{useControlSizing as g}from"../../hooks/useControlSizing.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"./translations.js";import"./hooks/useFetchXml.js";import"@talxis/client-libraries";import"@fluentui/react/lib/Text";import"./hooks/useLoadedEntities.js";const y=y=>{var f,h,b,k;const j=y.context,T=n(null),S=n(null),C=!0===(null===(f=y.parameters.MultipleEnabled)||void 0===f?void 0:f.raw)?1/0:1,{height:x}=g(y.context.mode),[E,N,w,I,L,M,P]=i(y),_=m(P,1===C,x),O=c(T),D=v(T,100),F=n(!0),R=n(!1),[q,A]=s("---");a((()=>{F.current?F.current=!1:S.current.state.suggestionsVisible&&V()}),[N]),a((()=>{const e=e=>{var t;if(!j.mode.isControlDisabled&&"Backspace"===e.key){const e=null===(t=T.current)||void 0===t?void 0:t.querySelector('[class*="TALXIS__tag-picker__root"]');document.activeElement===e&&1===E.length&&(I.select(void 0),setTimeout((()=>{var e;null===(e=S.current)||void 0===e||e.focusInput()}),200))}};return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}}),[E]),a((()=>{var e;!0===(null===(e=y.parameters.AutoFocus)||void 0===e?void 0:e.raw)&&B()}),[]);const B=()=>{var e,t,o,r,i;(null===(t=null===(e=S.current)||void 0===e?void 0:e.items)||void 0===t?void 0:t.length)!==C?null===(i=S.current)||void 0===i||i.focusInput():null===(r=null===(o=T.current)||void 0===o?void 0:o.querySelector('[class*="TALXIS__tag-picker__root"]'))||void 0===r||r.focus()},V=()=>e(void 0,void 0,void 0,(function*(){S.current.suggestionStore.updateSuggestions([]),S.current.setState({suggestionsVisible:!0,suggestionsLoading:!0});const e=yield X(S.current.input.current.value);S.current.updateSuggestionsList(e),S.current.setState({isMostRecentlyUsedVisible:!1,suggestionsVisible:!0,moreSuggestionsAvailable:!1})})),X=(t,o)=>e(void 0,void 0,void 0,(function*(){var e;const r=yield M(t),i=[];for(const t of r){if(null==o?void 0:o.find((e=>e.key===t.id)))continue;const r=yield null===(e=N.find((e=>e.entityName===t.entityType)))||void 0===e?void 0:e.metadata;i.push({key:t.id,text:t.name||w.noName(),secondaryText:null==r?void 0:r.DisplayName,"data-entity":t.entityType})}return i}));let z={ref:S,underlined:P.effects.underlined,readOnly:j.mode.isControlDisabled,resolveDelay:200,stackItems:1===C,errorMessage:y.parameters.value.errorMessage,hideErrorMessage:!(null===(h=y.parameters.ShowErrorMessage)||void 0===h?void 0:h.raw),pickerCalloutProps:{layerProps:{eventBubblingEnabled:!0},className:_.suggestions},inputProps:{placeholder:q,onMouseEnter:()=>{j.mode.isControlDisabled||A(`${w.placeholder()} ${y.parameters.value.attributes.DisplayName}`)},onMouseLeave:()=>{A("---")}},pickerSuggestionsProps:{loadingText:w.searching(),noResultsFoundText:w.noRecordsFound(),suggestionsHeaderText:t(o,{children:[!1!==(null===(b=y.parameters.IsInlineNewEnabled)||void 0===b?void 0:b.raw)&&r(p,{labels:w,entities:N,onCreateRecord:I.create}),y.parameters.value.attributes.Targets.length>1&&r(d,{labels:w,entities:N,onEntitySelected:e=>{L(e)}})]})},transparent:1===C,onChange:e=>{I.select(null==e?void 0:e.map((e=>({entityType:e["data-entity"],id:e.key,name:e.text}))))},searchBtnProps:{key:"search",iconProps:{iconName:"Search"}},selectedItems:E.map((e=>{var t;return{key:e.id,text:e.name||w.noName(),"data-entity":e.entityType,"data-navigation-enabled":!1!==(null===(t=y.parameters.EnableNavigation)||void 0===t?void 0:t.raw),onClick:()=>{var t;!1!==(null===(t=y.parameters.EnableNavigation)||void 0===t?void 0:t.raw)&&j.navigation.openForm({entityName:e.entityType,entityId:e.id})},deleteButtonProps:O||D||C>1?{key:"delete",iconProps:{iconName:"ChromeClose",styles:{root:{fontSize:12,width:16}}},onClick:()=>{R.current=!1,I.deselect(e),setTimeout((()=>{B()}),200)}}:void 0}})),itemLimit:C,onResolveSuggestions:X};return z=Object.assign(Object.assign({},z),null===(k=y.onOverrideComponentProps)||void 0===k?void 0:k.call(y,z)),r(l,Object.assign({applyTo:"none",theme:P,className:_.root,ref:T},{children:r(u,Object.assign({},z))}))};export{y as Lookup};

package/dist/components/Lookup/components/RecordCreator.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{useTheme as t,CommandBarButton as o,ContextualMenuItemType as i}from"@fluentui/react";import{getLookupStyles as r}from"../styles.js";import{useLoadedEntities as a}from"../hooks/useLoadedEntities.js";import"tslib";import"react";const s=s=>{const{labels:m,entities:n,onCreateRecord:c}=Object.assign({},s),[d]=a(n),l=t(),p=r(l,0),u=n.find((e=>e.selected));return e(o,{className:p.createRecordBtn,iconProps:{iconName:"Add"},onClick:u?()=>c(u.entityName):void 0,menuProps:u?void 0:{calloutProps:{coverTarget:!1},isBeakVisible:!0,items:d?[{key:"header",itemType:i.Header,text:"Vyberte tabulku"},...d.map((e=>({key:e.entityName,text:e.metadata.DisplayName,onClick:()=>c(e.entityName)})))]:[]},text:m.newRecord()})};export{s as RecordCreator};

package/dist/components/Lookup/components/TargetSelector.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
-import { IEntity, ILookupTranslations } from '../interfaces';
-import { StringProps } from '../../../types';
+import { IEntity } from '../interfaces';
 interface ITargetSelector {
-    labels: Required<StringProps<ILookupTranslations>>;
+    labels: any;
     entities: IEntity[];
     onEntitySelected: (entityName: string | null) => void;
 }

package/dist/components/Lookup/components/TargetSelector.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t,Fragment as s}from"react/jsx-runtime";import{Text as i}from"@fluentui/react/lib/Text";import{useTheme as a,Link as r}from"@fluentui/react";import{getTargetSelectorStyles as l}from"../styles.js";import{useLoadedEntities as c}from"../hooks/useLoadedEntities.js";import"tslib";import"react";const n=n=>{const{labels:o,entities:m,onEntitySelected:d}=Object.assign({},n),[g]=c(m),p=a(),b=l(p);return e("div",Object.assign({className:b.targetSelector},{children:[e(i,Object.assign({variant:"small"},{children:[o.resultsFrom()," "]})),e("div",Object.assign({className:b.targetSelectorLinks},{children:[t(r,Object.assign({onClick:()=>d(null),className:b.targetSelectorLink,"data-selected":!m.find((e=>e.selected))},{children:"All"})),g&&t(s,{children:g.map((e=>t(r,Object.assign({className:b.targetSelectorLink,"data-selected":e.selected,onClick:()=>d(e.entityName)},{children:e.metadata.DisplayName}))))})]}))]}))};export{n as TargetSelector};

package/dist/components/Lookup/hooks/useFetchXml.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="@types/powerapps-component-framework" />
+/// <reference types="powerapps-component-framework" />
 import { IEntity } from "../interfaces";
 export declare const useFetchXml: (context: ComponentFramework.Context<any>) => [(viewId: string) => Promise<string>, (entity: IEntity, fetchXml: string, query: string) => Promise<string>];

package/dist/components/Lookup/hooks/useFetchXml.js

@@ -0,0 +1 @@
+import{__awaiter as e}from"tslib";import{useRef as r}from"react";import{FetchXmlBuilder as t}from"@talxis/client-libraries";const i=i=>{const o=r({});return[r=>e(void 0,void 0,void 0,(function*(){return o.current[r]||(o.current[r]=i.webAPI.retrieveRecord("savedquery",r,"?$select=fetchxml")),(yield o.current[r]).fetchxml})),(r,i,o)=>e(void 0,void 0,void 0,(function*(){if(!o)return i;const e=yield r.metadata,n=t.fetch.fromXml(i);return n.entity.addFilter(new t.filter(t.FilterType.Or,[new t.condition(e.PrimaryNameAttribute,t.Operator.Like,[new t.value(`%${o}%`)])])),n.toXml()}))]};export{i as useFetchXml};

package/dist/components/Lookup/hooks/useLoadedEntities.js

@@ -0,0 +1 @@
+import{__awaiter as t}from"tslib";import{useState as e,useEffect as i}from"react";const o=o=>{const[d,a]=e(null);return i((()=>{t(void 0,void 0,void 0,(function*(){a(yield Promise.all(o.map((e=>t(void 0,void 0,void 0,(function*(){return{entityName:e.entityName,selected:e.selected,metadata:yield e.metadata}}))))))}))}),[o]),[d]};export{o as useLoadedEntities};

package/dist/components/Lookup/hooks/useLookup.d.ts

@@ -1,8 +1,38 @@
-/// <reference types="@types/powerapps-component-framework" />
-import { StringProps } from "../../../types";
-import { IEntity, ILookup, ILookupTranslations } from "../interfaces";
-export declare const useLookup: (props: ILookup) => [ComponentFramework.LookupValue[], IEntity[], Required<StringProps<ILookupTranslations>>, {
+/// <reference types="powerapps-component-framework" />
+import { ITranslation } from "../../../hooks";
+import { ITheme } from "../../../interfaces/theme";
+import { IEntity, ILookup } from "../interfaces";
+export declare const useLookup: (props: ILookup) => [ComponentFramework.LookupValue[], IEntity[], ITranslation<Partial<import("../../..").ITranslations<{
+    search: {
+        1033: string;
+        1029: string;
+    };
+    newRecord: {
+        1033: string;
+        1029: string;
+    };
+    searching: {
+        1033: string;
+        1029: string;
+    };
+    noRecordsFound: {
+        1033: string;
+        1029: string;
+    };
+    resultsFrom: {
+        1033: string;
+        1029: string;
+    };
+    noName: {
+        1033: string;
+        1029: string;
+    };
+    placeholder: {
+        1033: string;
+        1029: string;
+    };
+}>>>, {
     create: (entityName: string) => void;
     select: (record: ComponentFramework.LookupValue[] | undefined) => void;
     deselect: (record: ComponentFramework.LookupValue) => void;
-}, (entityName: string | null) => void, (query: string) => Promise<ComponentFramework.LookupValue[]>];
+}, (entityName: string | null) => void, (query: string) => Promise<ComponentFramework.LookupValue[]>, ITheme];

package/dist/components/Lookup/hooks/useLookup.js

@@ -0,0 +1 @@
+import{__awaiter as e}from"tslib";import{useState as t}from"react";import{useControl as i}from"../../../hooks/useControl.js";import"../../../utils/Theme.js";import{lookupTranslations as o}from"../translations.js";import{useFetchXml as a}from"./useFetchXml.js";import"fast-deep-equal/es6";import"merge-anything";import"liquidjs";import"../../../hooks/useControlTheme.js";import"@fluentui/react";import"@fluentui/react-migration-v8-v9";import"../../../hooks/useControlSizing.js";import"@talxis/client-libraries";const n=n=>{const r=n.parameters.value.attributes.Targets,s=n.parameters.value.raw,l=n.context,{labels:m,theme:d,onNotifyOutputChanged:u}=i("Lookup",n,o),[c,f]=a(l),[p,v]=t((()=>r.map((e=>({entityName:e,selected:1===r.length,metadata:n.context.utils.getEntityMetadata(e,[])}))))),y=p.find((e=>e.selected)),h=(t,i)=>e(void 0,void 0,void 0,(function*(){const e=(yield n.parameters.value.getAllViews(t)).find((e=>e.isDefault));if(!(null==e?void 0:e.viewId))throw new Error(`Entity ${t} does not have a default view id!`);let o=null==e?void 0:e.fetchXml;return o||(o=yield c(e.viewId)),f(p.find((e=>e.entityName===t)),o,i)}));return[s,p,m,{create:t=>e(void 0,void 0,void 0,(function*(){const e=yield l.navigation.openForm({entityName:t,useQuickCreateForm:!0});e.savedEntityReference&&u({value:e.savedEntityReference})})),deselect:e=>{const t=new Map(s.map((e=>[e.id,e])));t.delete(e.id),u({value:[...t.values()]})},select:e=>{u({value:e})}},e=>{v([...p].map((t=>({entityName:t.entityName,metadata:t.metadata,selected:t.entityName===e}))))},t=>e(void 0,void 0,void 0,(function*(){if(n.onSearch)return n.onSearch(y?[null==y?void 0:y.entityName]:r,t);const e=new Map;if(y)e.set(y.entityName,h(y.entityName,t));else for(const i of r)e.set(i,h(i,t));yield Promise.all(e.values());const i=new Map;for(const[t,o]of e)i.set(t,l.webAPI.retrieveMultipleRecords(t,`?$top=25&fetchXml=${encodeURIComponent(yield o)}`));yield Promise.all(i.values());const o=[];for(const[e,t]of i)for(const i of(yield t).entities){const t=yield p.find((t=>t.entityName===e)).metadata;o.push({entityType:e,id:i[t.PrimaryIdAttribute],name:i[t.PrimaryNameAttribute]})}return o})),d]};export{n as useLookup};

package/dist/components/Lookup/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Lookup';
+export * from './hooks/useLookup';
+export * from './interfaces';

package/dist/components/Lookup/index.js

@@ -0,0 +1 @@
+export{Lookup}from"./Lookup.js";export{useLookup}from"./hooks/useLookup.js";import"tslib";import"react/jsx-runtime";import"react";import"@fluentui/react";import"@talxis/react-components";import"./components/TargetSelector.js";import"@fluentui/react/lib/Text";import"./styles.js";import"./hooks/useLoadedEntities.js";import"../../hooks/useMouseOver.js";import"./components/RecordCreator.js";import"../../hooks/useFocusIn.js";import"../../hooks/useControlSizing.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"./translations.js";import"./hooks/useFetchXml.js";import"@talxis/client-libraries";

package/dist/components/Lookup/interfaces.d.ts

@@ -1,8 +1,10 @@
-/// <reference types="@types/powerapps-component-framework" />
+/// <reference types="powerapps-component-framework" />
+import { ITagPickerProps } from "@talxis/react-components";
 import { ILookupProperty, ITwoOptionsProperty } from "../../interfaces";
-import { IComponent, IOutputs, ITranslations } from "../../interfaces/context";
+import { IControl, IOutputs, ITranslations } from "../../interfaces/context";
 import { IBaseParameters } from "../../interfaces/parameters";
-export interface ILookup extends IComponent<ILookupParameters, ILookupOutputs, ILookupTranslations> {
+import { lookupTranslations } from "./translations";
+export interface ILookup extends IControl<ILookupParameters, ILookupOutputs, Partial<ITranslations<typeof lookupTranslations>>, ITagPickerProps> {
     /**
      * If provided, the Lookup will use the returned values of this function to display search results.
      * @param {any} entityNames An array of entity names that he Lookup is currently targeting.
@@ -20,26 +22,6 @@ export interface ILookupParameters extends IBaseParameters {
 export interface ILookupOutputs extends IOutputs {
     value?: ComponentFramework.LookupValue[];
 }
-export interface ILookupTranslations extends ITranslations {
-    search: {
-        [LCID: number]: string;
-    };
-    newRecord: {
-        [LCID: number]: string;
-    };
-    searching: {
-        [LCID: number]: string;
-    };
-    noRecordsFound: {
-        [LCID: number]: string;
-    };
-    resultsFrom: {
-        [LCID: number]: string;
-    };
-    noName: {
-        [LCID: number]: string;
-    };
-}
 export interface IMetadata extends ComponentFramework.PropertyHelper.EntityMetadata {
     DisplayName: string;
     PrimaryNameAttribute: string;

package/dist/components/Lookup/interfaces.js

@@ -0,0 +1 @@
+

package/dist/components/Lookup/styles.d.ts

@@ -29,23 +29,18 @@ export declare const getTargetSelectorStyles: (theme: ITheme) => import("@fluent
 }>;
 export declare const getLookupStyles: (theme: ITheme, isSingleSelect: boolean, height?: number) => import("@fluentui/react").IProcessedStyleSet<{
     root: {
-        '[class*="TALXIS__tag-picker__search-btn"][class*="TALXIS__tag-picker__search-btn"]': {
-            top: number;
-            bottom: number;
-            margin: string;
-            right: number;
-        };
         '[data-navigation-enabled="true"]': {
-            '> span > div > span': {
+            '.ms-Button-label': {
                 color: string;
-                cursor: string;
+                fontWeight: number;
+                marginLeft: number;
             };
             ':hover': {
                 textDecoration: string;
                 cursor: string;
             };
         };
-        '.ms-BasePicker-itemsWrapper .ms-CommandBar': {
+        '.ms-BasePicker-itemsWrapper .ms-CommandBar.ms-CommandBar': {
             height: number | undefined;
         };
         '.ms-BasePicker-text': {
@@ -56,12 +51,9 @@ export declare const getLookupStyles: (theme: ITheme, isSingleSelect: boolean, h
             input: {
                 alignSelf: string;
             };
-            '.hover-only': {
-                animationName: string;
-            };
-            '::after': {
-                inset: string;
-            };
+        };
+        '.TALXIS__input-buttons__root': {
+            height: string | 0 | undefined;
         };
     };
     suggestions: {

package/dist/components/Lookup/styles.js

@@ -0,0 +1 @@
+import{mergeStyleSets as t}from"@fluentui/react";const e=e=>t({targetSelector:{display:"flex",paddingLeft:8,paddingRight:8,paddingBottom:8,gap:8,paddingTop:8,">span":{lineHeight:15,minWidth:"fit-content",color:e.semanticColors.listText,fontWeight:600}},targetSelectorLinks:{display:"flex",gap:5,flexWrap:"wrap"},targetSelectorLink:{color:e.palette.blackTranslucent40,'&[data-selected="true"]':{color:e.semanticColors.link,fontWeight:600}}}),n=(e,n,i)=>{const o=(t=>{if(-1!==t&&0!==t)return t})(i);return t({root:{'[data-navigation-enabled="true"]':{".ms-Button-label":{color:`${e.semanticColors.link} !important`,fontWeight:600,marginLeft:2},":hover":{textDecoration:"underline",cursor:"pointer !important"}},".ms-BasePicker-itemsWrapper .ms-CommandBar.ms-CommandBar":{height:o&&n?o-6:void 0},".ms-BasePicker-text":{minHeight:null!=o?o:32,height:"min-content",paddingRight:n?void 0:36,alignItems:"baseline",input:{alignSelf:"center"}},".TALXIS__input-buttons__root":{height:o&&o-3+"px !important"}},suggestions:{".ms-Suggestions-title":{padding:0,display:"flex",flexDirection:"column"}},createRecordBtn:{height:38,width:"100%",".ms-Button-menuIcon":{display:"none"},">.ms-Button-flexContainer.ms-Button-flexContainer":{justifyContent:"flex-start"},".ms-Button-textContainer":{flexGrow:"initial",">span":{fontWeight:600}}}})};export{n as getLookupStyles,e as getTargetSelectorStyles};

package/dist/components/Lookup/translations.d.ts

@@ -1,2 +1,30 @@
-import { ILookupTranslations } from "./interfaces";
-export declare const lookupTranslations: ILookupTranslations;
+export declare const lookupTranslations: {
+    search: {
+        1033: string;
+        1029: string;
+    };
+    newRecord: {
+        1033: string;
+        1029: string;
+    };
+    searching: {
+        1033: string;
+        1029: string;
+    };
+    noRecordsFound: {
+        1033: string;
+        1029: string;
+    };
+    resultsFrom: {
+        1033: string;
+        1029: string;
+    };
+    noName: {
+        1033: string;
+        1029: string;
+    };
+    placeholder: {
+        1033: string;
+        1029: string;
+    };
+};

package/dist/components/Lookup/translations.js

@@ -0,0 +1 @@
+const e={search:{1033:"Search",1029:"Vyhledejte"},newRecord:{1033:"New record",1029:"Nový záznam"},searching:{1033:"Searching...",1029:"Hledám..."},noRecordsFound:{1033:"No records found",1029:"Nebyly nalezeny žádné záznamy"},resultsFrom:{1033:"Results from:",1029:"Výsledky z:"},noName:{1033:"(No Name)",1029:"(Bez názvu)"},placeholder:{1033:"Search",1029:"Vyhledejte"}};export{e as lookupTranslations};

package/dist/components/MultiSelectOptionSet/MultiSelectOptionSet.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useComponent as o}from"../../hooks/useComponent.js";import{ComboBox as t}from"@talxis/react-components/dist/components/ComboBox";import{useRef as r,useEffect as n}from"react";import"fast-deep-equal/es6";import"merge-anything";import"liquidjs";import"../../hooks/useComponentSizing.js";const i=i=>{var l,a;const{sizing:s,onNotifyOutputChanged:u}=o("MultiSelectOptionSet",i),m=i.parameters,d=m.value,p=r(null),{Options:c}=m.value.attributes,v=i.context,g=c.map((e=>({key:e.Value.toString(),text:e.Label}))),h=e=>{if(!e)return void u({value:void 0});const o=e.key.toString(),t=new Set(d.raw||[]);e.selected?t.add(+o):t.delete(+o);const r=Array.from(t);u({value:r.map((e=>+e))})};return n((()=>{var e,o;(null===(e=m.AutoFocus)||void 0===e?void 0:e.raw)&&(null===(o=p.current)||void 0===o||o.focus(!0))}),[]),e(t,{componentRef:p,borderless:!1===(null===(l=m.EnableBorder)||void 0===l?void 0:l.raw),options:g,allowFreeInput:!0,multiSelect:!0,autoComplete:"on",autofill:!0===(null===(a=m.AutoFocus)||void 0===a?void 0:a.raw)?{autoFocus:!0}:void 0,readOnly:v.mode.isControlDisabled,errorMessage:d.errorMessage,selectedKey:d.raw?d.raw.map((e=>e.toString())):[-1],useComboBoxAsMenuWidth:!0,styles:{root:{height:s.height,width:s.width,display:"flex",alignItems:"center"},callout:{maxHeight:"300px !important"}},deleteButtonProps:{key:"delete",showOnlyOnHover:!1,iconProps:{iconName:"Delete"},onClick:(e,o)=>{h(null)}},onChange:(e,o)=>h(o)})};export{i as MultiSelectOptionSet};
+import{jsx as e}from"react/jsx-runtime";import{useControl as o}from"../../hooks/useControl.js";import{useRef as t,useEffect as r}from"react";import"../../utils/Theme.js";import{ComboBox as i}from"@talxis/react-components";import{ThemeProvider as n}from"@fluentui/react";import"fast-deep-equal/es6";import"merge-anything";import"liquidjs";import"../../hooks/useControlTheme.js";import"@fluentui/react-migration-v8-v9";import"../../hooks/useControlSizing.js";const l=l=>{var a,s,u,m;const{sizing:p,onNotifyOutputChanged:d,theme:c}=o("MultiSelectOptionSet",l),v=l.parameters,h=v.value,g=t(null),{Options:y}=v.value.attributes,f=l.context,w=y.map((e=>({key:e.Value.toString(),text:e.Label}))),C=e=>{if(!e)return void d({value:void 0});const o=e.key.toString(),t=new Set(h.raw||[]);e.selected?t.add(+o):t.delete(+o);const r=Array.from(t);d({value:r.map((e=>+e))})};return r((()=>{var e,o;(null===(e=v.AutoFocus)||void 0===e?void 0:e.raw)&&(null===(o=g.current)||void 0===o||o.focus(!0))}),[]),e(n,Object.assign({theme:c,applyTo:"none"},{children:e(i,{componentRef:g,options:w,allowFreeInput:!0,multiSelect:!0,autoComplete:"on",theme:c,underlined:c.effects.underlined,autofill:!0===(null===(a=v.AutoFocus)||void 0===a?void 0:a.raw)?{autoFocus:!0}:void 0,readOnly:f.mode.isControlDisabled,errorMessage:h.errorMessage,selectedKey:h.raw?h.raw.map((e=>e.toString())):[-1],useComboBoxAsMenuWidth:!0,hideErrorMessage:!(null===(s=v.ShowErrorMessage)||void 0===s?void 0:s.raw),styles:{root:{height:p.height,width:p.width,display:"flex",alignItems:"center"},callout:{maxHeight:"300px !important"}},clickToCopyProps:!0===(null===(u=v.EnableCopyButton)||void 0===u?void 0:u.raw)?{key:"copy",showOnlyOnHover:!0,iconProps:{iconName:"Copy"}}:void 0,deleteButtonProps:!0===(null===(m=l.parameters.EnableDeleteButton)||void 0===m?void 0:m.raw)?{key:"delete",showOnlyOnHover:!1,iconProps:{iconName:"Delete"},onClick:(e,o)=>{C(null)}}:void 0,onChange:(e,o)=>C(o)})}))};export{l as MultiSelectOptionSet};

package/dist/components/MultiSelectOptionSet/index.d.ts

@@ -0,0 +1,2 @@
+export * from './MultiSelectOptionSet';
+export * from './interfaces';

package/dist/components/MultiSelectOptionSet/index.js

@@ -0,0 +1 @@
+export{MultiSelectOptionSet}from"./MultiSelectOptionSet.js";import"react/jsx-runtime";import"../../hooks/useControl.js";import"react";import"fast-deep-equal/es6";import"merge-anything";import"liquidjs";import"../../hooks/useControlTheme.js";import"../../utils/Theme.js";import"@fluentui/react";import"@fluentui/react-migration-v8-v9";import"../../hooks/useControlSizing.js";import"@talxis/react-components";

package/dist/components/MultiSelectOptionSet/interfaces.d.ts

@@ -1,9 +1,10 @@
+import { IComboBoxProps } from "@talxis/react-components";
 import { IMultiSelectOptionSetProperty } from "../../interfaces";
-import { IComponent, IOutputs, ITranslations } from "../../interfaces/context";
-import { IBaseParameters } from "../../interfaces/parameters";
-export interface IMultiSelectOptionSet extends IComponent<IMultiSelectOptionSetParameters, IMultiSelectOptionSetOutputs, ITranslations> {
+import { IControl, IOutputs } from "../../interfaces/context";
+import { IInputParameters } from "../../interfaces/parameters";
+export interface IMultiSelectOptionSet extends IControl<IMultiSelectOptionSetParameters, IMultiSelectOptionSetOutputs, any, IComboBoxProps> {
 }
-export interface IMultiSelectOptionSetParameters extends IBaseParameters {
+export interface IMultiSelectOptionSetParameters extends IInputParameters {
     value: IMultiSelectOptionSetProperty;
 }
 export interface IMultiSelectOptionSetOutputs extends IOutputs {

package/dist/components/MultiSelectOptionSet/interfaces.js

@@ -0,0 +1 @@
+

package/dist/components/OptionSet/OptionSet.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useComponent as o}from"../../hooks/useComponent.js";import{ComboBox as t}from"@talxis/react-components/dist/components/ComboBox";import{useRef as r,useEffect as n}from"react";import"fast-deep-equal/es6";import"merge-anything";import"liquidjs";import"../../hooks/useComponentSizing.js";const i=i=>{var s,l,a;const{sizing:m,onNotifyOutputChanged:u}=o("OptionSet",i),p=r(null),d=i.parameters,c=d.value,{Options:g}=d.value.attributes,h=i.context,v=g.map((e=>({key:e.Value.toString(),text:e.Label}))),x=e=>{let o;e&&(o=parseInt(e.key)),u({value:o})};return n((()=>{var e,o;(null===(e=d.AutoFocus)||void 0===e?void 0:e.raw)&&(null===(o=p.current)||void 0===o||o.focus(!0))}),[]),e(t,{componentRef:p,borderless:!1===(null===(s=d.EnableBorder)||void 0===s?void 0:s.raw),options:v,readOnly:h.mode.isControlDisabled,selectedKey:null!==(a=null===(l=c.raw)||void 0===l?void 0:l.toString())&&void 0!==a?a:-1,errorMessage:c.errorMessage,useComboBoxAsMenuWidth:!0,styles:{root:{height:m.height,width:m.width,display:"flex",alignItems:"center"},callout:{maxHeight:"300px !important"}},deleteButtonProps:{key:"delete",showOnlyOnHover:!0,iconProps:{iconName:"Delete"},onClick:(e,o)=>{x(null)}},onChange:(e,o)=>x(o)})};export{i as OptionSet};
+import{jsx as e}from"react/jsx-runtime";import{useControl as o}from"../../hooks/useControl.js";import{useRef as t,useEffect as r}from"react";import"../../utils/Theme.js";import{ComboBox as i}from"@talxis/react-components";import{ThemeProvider as n}from"@fluentui/react";import"fast-deep-equal/es6";import"merge-anything";import"liquidjs";import"../../hooks/useControlTheme.js";import"@fluentui/react-migration-v8-v9";import"../../hooks/useControlSizing.js";const l=l=>{var s,a,u,p,m;const{sizing:d,onNotifyOutputChanged:c,theme:h}=o("OptionSet",l),v=t(null),g=l.parameters,y=g.value,{Options:f}=g.value.attributes,C=l.context,w=f.map((e=>({key:e.Value.toString(),text:e.Label}))),k=e=>{let o;e&&(o=parseInt(e.key)),c({value:o})};return r((()=>{var e,o;(null===(e=g.AutoFocus)||void 0===e?void 0:e.raw)&&(null===(o=v.current)||void 0===o||o.focus(!0))}),[]),e(n,Object.assign({theme:h,applyTo:"none"},{children:e(i,{componentRef:v,underlined:h.effects.underlined,options:w,readOnly:C.mode.isControlDisabled,selectedKey:null!==(a=null===(s=y.raw)||void 0===s?void 0:s.toString())&&void 0!==a?a:-1,errorMessage:y.errorMessage,useComboBoxAsMenuWidth:!0,hideErrorMessage:!(null===(u=g.ShowErrorMessage)||void 0===u?void 0:u.raw),styles:{root:{height:d.height,width:d.width,display:"flex",alignItems:"center"},callout:{maxHeight:"300px !important"}},clickToCopyProps:!0===(null===(p=g.EnableCopyButton)||void 0===p?void 0:p.raw)?{key:"copy",showOnlyOnHover:!0,iconProps:{iconName:"Copy"}}:void 0,deleteButtonProps:!0===(null===(m=g.EnableDeleteButton)||void 0===m?void 0:m.raw)?{key:"delete",showOnlyOnHover:!0,iconProps:{iconName:"Delete"},onClick:(e,o)=>{k(null)}}:void 0,onChange:(e,o)=>k(o)})}))};export{l as OptionSet};

package/dist/components/OptionSet/index.d.ts

@@ -0,0 +1,2 @@
+export * from './OptionSet';
+export * from './interfaces';