@talxis/base-controls 1.2406.16 → 1.2407.2

package/dist/Grid-574c3822.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as o,Fragment as t}from"react/jsx-runtime";import{useEffect as r,useState as n,useRef as s,useMemo as a}from"react";import{useControl as i}from"./hooks/useControl.js";import{useControlTheme as c}from"./hooks/useControlTheme.js";import{Grid as d}from"./components/Grid/core/model/Grid.js";import{AgGridReact as l}from"@ag-grid-community/react";import{useTheme as m,Text as g,Icon as p,DialogFooter as u,PrimaryButton as v,Spinner as b,SpinnerSize as h,MessageBar as f,MessageBarType as j,CommandBarButton as O,mergeStyleSets as C,ThemeProvider as G}from"@fluentui/react";import{useSelectionController as R}from"./components/Grid/selection/controllers/useSelectionController.js";import{useGridInstance as y}from"./components/Grid/core/hooks/useGridInstance.js";import{getGridStyles as w}from"./components/Grid/core/components/AgGrid/styles.js";import{useAgGridController as N}from"./components/Grid/core/components/AgGrid/controllers/useAgGridController.js";import{Paging as S}from"./components/Grid/paging/components/Paging/Paging.js";import{EmptyRecords as E}from"./components/Grid/core/components/AgGrid/components/EmptyRecordsOverlay/EmptyRecords.js";import{useSave as x}from"./components/Grid/core/components/Save/hooks/useSave.js";import{getSaveStyles as I}from"./components/Grid/core/components/Save/styles.js";import{useRecordUpdateServiceController as D}from"./components/Grid/core/services/RecordUpdateService/controllers/useRecordUpdateServiceController.js";import P from"./components/Grid/core/components/Dialog/index.js";import{__awaiter as V}from"tslib";import{gridTranslations as k}from"./components/Grid/translations.js";import{GridContext as M}from"./components/Grid/GridContext.js";import{getRecordGridStyles as _}from"./components/Grid/core/components/Save/components/ChangeEditor/components/RecordGrids/styles.js";import{getChangeEditorStyles as T}from"./components/Grid/core/components/Save/components/ChangeEditor/styles.js";import{LoadingOverlay as F}from"./components/Grid/core/components/AgGrid/components/LoadingOverlay/LoadingOverlay.js";import{usePagingController as A}from"./components/Grid/paging/controllers/usePagingController.js";const B=t=>{const r=y(),n=Object.assign({},t.record),s=_(m()),a={context:Object.assign(Object.assign({},r.pcfContext),{mode:Object.assign(Object.assign({},r.pcfContext.mode),{setControlState:e=>!1})}),state:{},parameters:{EnableFiltering:{raw:!1},EnablePagination:{raw:!1},EnableSorting:{raw:!1},EnableNavigation:{raw:!1},SelectableRows:{type:"static",raw:"none"},Grid:Object.assign(Object.assign({},r.dataset),{sorting:[],columns:[...n.columns.values()],filtering:Object.assign(Object.assign({},r.dataset.filtering),{getFilter:()=>({conditions:[],filterOperator:0})}),getSelectedRecordIds:()=>[],paging:Object.assign(Object.assign({},r.dataset.paging),{pageSize:1})})}},i=(()=>{const e=[];for(const o of n.columns.values())n.isValid(o.name)||e.push(o);return e})(),c=i.length>0;return e("div",Object.assign({className:s.root},{children:[e("div",Object.assign({className:s.readOnlyGrid},{children:[o("div",Object.assign({className:s.gridTitleWrapper},{children:o(g,Object.assign({title:n.getOriginalFormattedPrimaryNameValue(),variant:"large"},{children:n.getOriginalFormattedPrimaryNameValue()}))})),o(W,Object.assign({},a,{parameters:Object.assign(Object.assign({},a.parameters),{ChangeEditorMode:{raw:"read",error:c},Grid:Object.assign(Object.assign({},a.parameters.Grid),{error:c,errorMessage:c?r.labels["saving-validation-error"]({columnDisplayNames:i.map((e=>e.displayName)).join(", ")}):void 0,records:{[n.getRecordId()]:(e=>({getFormattedValue:o=>e.getOriginalFormattedValue(o),getRecordId:()=>e.getRecordId(),getNamedReference:()=>e.getNamedReference(),getValue:o=>e.getOriginalValue(o),save:()=>V(void 0,void 0,void 0,(function*(){yield e.save(),r.pcfContext.factory.requestRender()})),setValue:(o,t)=>{e.clear(),r.pcfContext.factory.requestRender()}}))(n)}})})}))]})),o(p,{iconName:"DoubleChevronDown8"}),o("div",Object.assign({className:s.editableGrid},{children:o(W,Object.assign({},a,{parameters:Object.assign(Object.assign({},a.parameters),{ChangeEditorMode:{raw:"edit"},EnableEditing:{raw:!0},Grid:Object.assign(Object.assign({},a.parameters.Grid),{records:{[n.getRecordId()]:(e=>({getFormattedValue:o=>e.getFormattedValue(o),getRecordId:()=>e.getRecordId(),getNamedReference:()=>e.getNamedReference(),getValue:o=>e.getValue(o),save:()=>{throw new Error("Should not be called!")},setValue:(o,t)=>{e.setValue(o,t),r.pcfContext.factory.requestRender()}}))(n)}})})}))}))]}))},L=t=>{const n=y().labels,s=D(),{isSaving:a,saveBtnProps:i,save:c}=x(),d=s.updatedRecords,l=T(m());return r((()=>{var e;0===d.length&&(null===(e=t.onDismiss)||void 0===e||e.call(t))}),[d]),e(P,Object.assign({},t,{width:1e3,minWidth:"80%",modalProps:{isBlocking:!0,className:l.root,layerProps:{eventBubblingEnabled:!0}},dialogContentProps:{showCloseButton:!0,title:n["saving-changepreview-title"]({numOfChanges:d.length})},hidden:!1},{children:[o("div",Object.assign({className:l.recordGrids},{children:d.map((e=>o(B,{record:e},e.getRecordId())))})),o(u,{children:o(v,Object.assign({className:l.saveBtn,text:i.text,disabled:i.disabled,onClick:()=>c()},{children:a&&o(b,{size:h.small})}))})]}))},z=()=>{const r=y(),s=r.labels,a=I(),{isDirty:i,updatedRecords:c,hasInvalidRecords:d,clearAll:l}=D(),{isSaving:m,saveBtnProps:g,save:p}=x(),[u,v]=n(!1);return e(t,{children:[o("div",Object.assign({onClick:()=>{i&&v(!0)},className:a.root,"data-dirty":i},{children:o(f,Object.assign({messageBarType:d?j.error:j.info,actions:e("div",Object.assign({className:a.actions},{children:[o(O,{text:m?g.text:void 0,disabled:g.disabled,onRenderIcon:m?()=>o(b,{size:h.small}):void 0,iconProps:{iconName:g.iconName},onClick:e=>{e.stopPropagation(),p()}}),o(O,{disabled:g.disabled&&!d&&!r.props.parameters.ChangeEditorMode,iconProps:{iconName:"Delete"},onClick:e=>{e.stopPropagation(),l()}})]})),isMultiline:!1},{children:i&&o("span",{className:a.notificationText,dangerouslySetInnerHTML:{__html:s["saving-changenotification"]({numOfChanges:c.length})}})}))})),u&&o(L,{onDismiss:e=>{"Escape"!==(null==e?void 0:e.code)&&v(!1)}})]})},H=()=>{var r,n;const a=y(),i=R(),c=s(),d=s(null),g=m();let{agColumns:p,records:u,maxNumberOfVisibleRecords:v,stateRef:b,getTotalColumnsWidth:h,onGridReady:O}=N(c);const C=A(),G=w(g,v,a.useContainerAsHeight),x=()=>{const e=(()=>{var e,o;const t=null===(e=d.current)||void 0===e?void 0:e.querySelector(".ag-root-wrapper");return null!==(o=null==t?void 0:t.clientWidth)&&void 0!==o?o:0})();e>h()&&c.current.sizeColumnsToFit()};return o("div",Object.assign({ref:d,className:`${G.root} ag-theme-balham`},{children:p.length>0&&e(t,{children:[(a.isEditable&&"edit"!==(null===(r=a.parameters.ChangeEditorMode)||void 0===r?void 0:r.raw)||"read"===(null===(n=a.parameters.ChangeEditorMode)||void 0===n?void 0:n.raw))&&o(z,{}),a.error&&o(f,Object.assign({messageBarType:j.error},{children:o("span",{dangerouslySetInnerHTML:{__html:a.errorMessage}})})),o(l,{animateRows:!0,rowSelection:a.selection.type,noRowsOverlayComponent:E,loadingOverlayComponent:F,suppressDragLeaveHidesColumns:!0,onColumnMoved:e=>{e.finished&&(e=>{var o;const t=null===(o=e.api.getState().columnOrder)||void 0===o?void 0:o.orderedColIds.filter((e=>!0));t&&a.pcfContext.factory.fireEvent("__updateColumnOrder",t)})(e)},reactiveCustomComponents:!0,onRowSelected:e=>{e.source.includes("api")||"gridInitializing"===e.source||i.toggle(e.data,e.node.isSelected())},onCellDoubleClicked:e=>{a.isNavigationEnabled&&!a.isEditable&&a.openDatasetItem(e.data.getNamedReference())},onCellMouseOver:e=>{var o;"__checkbox"===e.colDef.colId&&(null===(o=c.current)||void 0===o||o.setGridOption("suppressRowClickSelection",!0))},onCellMouseOut:e=>{var o;null===(o=c.current)||void 0===o||o.setGridOption("suppressRowClickSelection",!1)},getRowId:e=>e.data.getRecordId(),onGridReady:e=>{var o;c.current=e.api,a.loading&&(null===(o=c.current)||void 0===o||o.showLoadingOverlay()),x(),O()},initialState:b.current,onStateUpdated:e=>b.current=Object.assign(Object.assign({},b.current),e.state),rowHeight:42,columnDefs:p,rowData:u}),C.isEnabled&&o(S,{})]})}))},q=C({root:{displayName:"talxis__gridControl",height:"100%"}}),W=e=>{const{labels:t}=i("Grid",e,k),r=a((()=>({gridInstance:new d(e,t)})),[]);r.gridInstance.updateDependencies(e);const n=c(e.context.fluentDesignLanguage);return o(M.Provider,Object.assign({value:r},{children:o(G,Object.assign({className:`talxis__gridControl ${q.root}`,theme:n,applyTo:"none"},{children:o(H,{})}))}))};export{H as A,L as C,W as G,B as R,z as S};

package/dist/components/DateTime/DateTime.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{mergeStyleSets as o,useTheme as a}from"@fluentui/react";import{useEffect as r,useRef as n,useState as i}from"react";import{useInputBasedComponent as s}from"../../hooks/useInputBasedComponent.js";import l from"dayjs";import m from"dayjs/plugin/utc";import u from"dayjs/plugin/customParseFormat";import{useTheme as d}from"@fluentui/react/lib/utilities/ThemeProvider/useTheme";import{Calendar as c}from"@fluentui/react/lib/Calendar";import{TimePicker as p}from"@talxis/react-components/dist/components/TimePicker";import{Text as f}from"@fluentui/react/lib/Text";import{DatePicker as h}from"@talxis/react-components/dist/components/DatePicker";import{useComponentSizing as v}from"../../hooks/useComponentSizing.js";import"../../hooks/useComponent.js";import"fast-deep-equal/es6";import"merge-anything";import"liquidjs";const g=e=>o({datePicker:{'[class^="statusMessage"]':{display:"none"}},calendarCallout:{".TALXIS__timepicker__root":{padding:12,label:{paddingTop:0},i:{fontSize:16}},hr:{margin:0,border:"none",height:1,backgroundColor:e.semanticColors.bodyDivider},'[class^="monthAndYear"], [class*="weekDayLabelCell"]':{animationDuration:"0s"},'[class^="dayCell"]:focus':{outline:"solid 1px !important"},".ms-DatePicker":{animationDuration:"0s"}}}),y=e=>({time:{1029:"Čas",1033:"Time"},goToToday:{1029:"Přejít na dnešek",1033:"Go to today"},invalidTimeInput:{1029:"Neplatný časový formát.",1033:"Invalid time format."},days:e.dayNames,months:e.monthNames,shortDays:e.shortestDayNames,shortMonths:e.abbreviatedMonthNames});l.extend(u),l.extend(m);const D=o=>{const a=d(),s=g(a),m=n(null),[u,h]=i(!0);r((()=>{var e;null===(e=m.current)||void 0===e||e._updateValue(v()),h(!1)}),[o.timePickerProps.defaultValue]);const v=()=>l(o.timePickerProps.defaultValue).format(o.timePickerProps.timeFormat);return r((()=>{const e=document.querySelector(".ms-CalendarDay-daySelected");null==e||e.focus()}),[o]),e("div",Object.assign({className:s.calendarCallout},{children:[t(c,Object.assign({},o)),t("hr",{}),o.timePickerProps.visible&&t(p,Object.assign({},o.timePickerProps,{onChange:(e,t)=>{h(!0),o.timePickerProps.onChange(e,t)},defaultValue:l(new Date).startOf("day").toDate(),useComboBoxAsMenuWidth:!0,styles:{callout:{maxHeight:"300px !important"}},autofill:{componentRef:m,value:u?v():void 0},buttonIconProps:{iconName:"Clock"},onRenderOption:e=>t(f,{children:null==e?void 0:e.text.replace("24","00")}),increments:15,allowFreeform:!0}))]}))},P=e=>{var o,i,m;const u=n(null),d=n(null),c=a(),p=g(c);e.context;const f=e.parameters,[P,T,b,k,C,w,O,S]=((e,t)=>{const o=e.parameters.value,a=e.context,n=o.attributes.Behavior,i=o.attributes.Format,m=a.userSettings.dateFormattingInfo,u=(()=>{switch(i){case"DateAndTime":case"Date and Time":case"DateAndTime.DateAndTime":case"datetime":return!0;default:return!1}})(),d=m.shortDatePattern.replace(/\//g,m.dateSeparator).toUpperCase(),c=m.shortTimePattern.replace(/:/g,m.timeSeparator).replace("tt","A"),p=u?`${d} ${c}`:d,f=e=>{if(null!=e){if("string"==typeof e){const t=l(e,p);if(!t.isValid())return e;e=t.toDate()}return u?a.formatting.formatTime(e,n):a.formatting.formatDateShort(e)}},{value:h,labels:v,setValue:g,onNotifyOutputChanged:D}=s("DateTime",e,{formatter:f,defaultTranslations:y(e.context.userSettings.dateFormattingInfo)});r((()=>{var e;const a=()=>{f(o.raw)!==h&&D({value:T(h)})},r=null===(e=t.current)||void 0===e?void 0:e.querySelector("input");return null==r||r.addEventListener("blur",a),()=>{null==r||r.removeEventListener("blur",a)}}),[h]);const P=()=>{if(o.raw instanceof Date)return 3===n?new Date(o.raw.toISOString().replace("Z","")):o.raw},T=e=>{if(e instanceof Date)return e;const t=l(e,p);return t.isValid()?t.toDate():e};return[P(),h,u,{shortDatePattern:d,shortTimePattern:c},v,g,(e,t)=>{let o=l(null!=e?e:P()),a=t;a||(a=l(P()).format("HH:mm"));const[r,n]=a.split(":");o=o.hour(parseInt(r)),o=o.minute(parseInt(n)),D({value:o.toDate()})},()=>{D({value:void 0})}]})(e,u),{height:x,width:N}=v(e.context.mode);return r((()=>{var t,o;!0===(null===(t=e.parameters.AutoFocus)||void 0===t?void 0:t.raw)&&(null===(o=d.current)||void 0===o||o.showDatePickerPopup())}),[]),t("div",Object.assign({ref:u},{children:t(h,{className:p.datePicker,componentRef:d,keepCalendarOpenAfterDaySelect:b,allowTextInput:!0,calendarProps:{onSelectDate:e=>O(e)},minDate:new Date("1753-01-01T00:00:00.000Z"),firstDayOfWeek:e.context.userSettings.dateFormattingInfo.firstDayOfWeek,calendarAs:e=>t(D,Object.assign({},e,{strings:{goToToday:C.goToToday(),days:JSON.parse(C.days()),months:JSON.parse(C.months()),shortDays:JSON.parse(C.shortDays()),shortMonths:JSON.parse(C.shortMonths())},timePickerProps:{autoComplete:"off",autoCapitalize:"off",timeFormat:k.shortTimePattern,label:C.time(),visible:b&&!f.value.errorMessage,useHour12:k.shortTimePattern.endsWith("A"),onChange:(e,t)=>O(void 0,l(t).format("HH:mm")),defaultValue:P,strings:{invalidInputErrorMessage:C.invalidTimeInput()}}})),textField:{value:null!=T?T:"",onChange:(e,t)=>w(t),placeholder:"---",onNotifyValidationResult:()=>null,noValidate:!0,borderless:!1===(null===(o=f.EnableBorder)||void 0===o?void 0:o.raw),errorMessage:f.value.errorMessage,styles:{fieldGroup:{height:x,width:N}},deleteButtonProps:!0===(null===(i=f.EnableDeleteButton)||void 0===i?void 0:i.raw)?{key:"Delete",onClick:S,showOnlyOnHover:!0,iconProps:{iconName:"Cancel"}}:void 0,clickToCopyProps:!0===(null===(m=f.EnableCopyButton)||void 0===m?void 0:m.raw)?{key:"copy",showOnlyOnHover:!0,iconProps:{iconName:"Copy"}}:void 0},value:null!=P?P:new Date})}))};export{P as DateTime};
+import{jsx as e}from"react/jsx-runtime";import{ThemeProvider as t}from"@fluentui/react";import{useRef as o,useEffect as r}from"react";import{getDateTimeStyles as n}from"./styles.js";import{useDateTime as i}from"./hooks/useDateTime.js";import{Calendar as a}from"./components/Calendar.js";import{DatePicker as s}from"@talxis/react-components";import{useControlSizing as l}from"../../hooks/useControlSizing.js";import d from"dayjs";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"dayjs/plugin/utc";import"dayjs/plugin/customParseFormat";import"./translations.js";import"@fluentui/react/lib/Calendar";const m=m=>{var u,p,c,f,h,v;const g=o(null),y=o(null),D=m.context,T=m.parameters,[C,j,P,k,w]=i(m,g),O=n(j),{height:b,width:S}=l(m.context.mode),x=o();return r((()=>{var e,t;!0===(null===(e=m.parameters.AutoFocus)||void 0===e?void 0:e.raw)&&(null===(t=y.current)||void 0===t||t.showDatePickerPopup())}),[]),e(t,Object.assign({theme:j,applyTo:"none",ref:g},{children:e(s,{className:O.datePicker,underlined:j.effects.underlined,componentRef:y,hideErrorMessage:!(null===(u=T.ShowErrorMessage)||void 0===u?void 0:u.raw),keepCalendarOpenAfterDaySelect:C,readOnly:D.mode.isControlDisabled,allowTextInput:!0,calendarProps:{onSelectDate:e=>k.set(e)},minDate:new Date("1753-01-01T00:00:00.000Z"),firstDayOfWeek:m.context.userSettings.dateFormattingInfo.firstDayOfWeek,calendarAs:t=>{var o;return e(a,Object.assign({},t,{strings:{goToToday:P.goToToday(),days:JSON.parse(P.days()),months:JSON.parse(P.months()),shortDays:JSON.parse(P.shortDays()),shortMonths:JSON.parse(P.shortMonths())},timePickerProps:{underlined:j.effects.underlined,dateTimeFormat:w.fullDateTimePattern,autoComplete:"off",autoCapitalize:"off",timeFormat:w.shortTimePattern,label:P.time(),visible:C,errorMessage:P.invalidTimeInput(),lastInputedTimeString:x.current,useHour12:w.shortTimePattern.endsWith("A"),onChange:e=>{k.set(void 0,e),x.current=e},value:k.get(),formattedDateTime:null!==(o=k.getFormatted())&&void 0!==o?o:"",strings:{invalidInputErrorMessage:P.invalidTimeInput()}}}))},errorMessage:T.value.errorMessage,textField:{underlined:j.effects.underlined,value:null!==(p=k.getFormatted())&&void 0!==p?p:"",onChange:(e,t)=>{var o;if(C){const e=d(t,w.shortDatePattern).format(w.shortDatePattern),r=null===(o=null==t?void 0:t.split(e).pop())||void 0===o?void 0:o.substring(1);x.current=r}k.setDateString(t)},placeholder:"---",onNotifyValidationResult:()=>null,noValidate:!0,borderless:!1===(null===(c=T.EnableBorder)||void 0===c?void 0:c.raw),styles:{fieldGroup:{height:b,width:S}},deleteButtonProps:!0===(null===(f=T.EnableDeleteButton)||void 0===f?void 0:f.raw)?{key:"Delete",onClick:k.clear,showOnlyOnHover:!0,iconProps:{iconName:"Cancel"}}:void 0,clickToCopyProps:!0===(null===(h=T.EnableCopyButton)||void 0===h?void 0:h.raw)?{key:"copy",showOnlyOnHover:!0,iconProps:{iconName:"Copy"}}:void 0},value:null!==(v=k.get())&&void 0!==v?v:new Date})}))};export{m as DateTime};

package/dist/components/DateTime/components/Calendar.d.ts

@@ -1,9 +1,14 @@
 /// <reference types="react" />
-import { ICalendarProps } from "@fluentui/react/lib/components/Calendar/Calendar.types";
-import { ITimePickerProps } from "@fluentui/react/lib/components/TimePicker/TimePicker.types";
-interface IInternalTimePickerProps extends ITimePickerProps {
+import { ICalendarProps } from "@fluentui/react";
+import { ITimePickerProps } from "@talxis/react-components";
+interface IInternalTimePickerProps extends Omit<ITimePickerProps, 'onChange' | 'defaultValue'> {
+    formattedDateTime: string;
     visible: boolean;
     timeFormat: string;
+    dateTimeFormat: string;
+    underlined?: boolean;
+    lastInputedTimeString?: string;
+    onChange: (time?: string) => void;
 }
 interface IInternalCalendarProps extends ICalendarProps {
     timePickerProps: IInternalTimePickerProps;

package/dist/components/DateTime/components/Calendar.js

@@ -0,0 +1 @@
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useTheme as r}from"@fluentui/react";import{Calendar as a}from"@fluentui/react/lib/Calendar";import{useRef as o,useState as i,useEffect as n}from"react";import{getDateTimeStyles as m}from"../styles.js";import{TimePicker as s}from"@talxis/react-components";import l from"dayjs";const c=c=>{const u=c.timePickerProps,d=u.formattedDateTime,f=r(),p=m(f),g=o(null),[v,b]=i(!1),F=()=>{var t;const e=l(d,u.dateTimeFormat,!0);return e.isValid()?null!==(t=e.format(u.timeFormat))&&void 0!==t?t:"":u.lastInputedTimeString};return n((()=>{if(b(!1),!u.visible)return;const t=F();if(g.current.setState({currentPendingValue:F()}),!t||!d)return;l(t,u.timeFormat,!0).isValid()||b(!0)}),[d]),t("div",Object.assign({className:p.calendarCallout},{children:[e(a,Object.assign({},c,{value:c.value})),e("hr",{}),u.visible&&e(s,Object.assign({},u,{errorMessage:v?u.errorMessage:void 0,componentRef:g,onFormatDate:t=>l(t).format(u.timeFormat),onChange:(t,e)=>{const r=l(e);let a;a=r.isValid()?r.format(u.timeFormat):g.current.state.currentPendingValue,u.onChange(a)},useComboBoxAsMenuWidth:!0,styles:{callout:{maxHeight:"300px !important"}},increments:15,allowFreeform:!0}))]}))};export{c as Calendar};

package/dist/components/DateTime/hooks/useDateTime.d.ts

@@ -1,6 +1,31 @@
-import { IDateTime, IDateTimeTranslations } from "../interfaces";
-import { StringProps } from "../../../types";
-export declare const useDateTime: (props: IDateTime, ref: React.RefObject<HTMLDivElement>) => [Date | undefined, string | undefined, boolean, {
+import { IDateTime } from "../interfaces";
+import { ITranslation } from "../../../hooks";
+import { ITheme } from "../../../interfaces/theme";
+export declare const useDateTime: (props: IDateTime, ref: React.RefObject<HTMLDivElement>) => [boolean, ITheme, ITranslation<Partial<import("../../..").ITranslations<{
+    time: {
+        1029: string;
+        1033: string;
+    };
+    goToToday: {
+        1029: string;
+        1033: string;
+    };
+    invalidTimeInput: {
+        1029: string;
+        1033: string;
+    };
+    days: string[];
+    months: string[];
+    shortDays: string[];
+    shortMonths: string[];
+}>>>, {
+    get: () => Date | undefined;
+    getFormatted: () => string | undefined;
+    set: (date?: Date, time?: string) => void;
+    setDateString: (value: string | undefined) => void;
+    clear: () => void;
+}, {
     shortDatePattern: string;
     shortTimePattern: string;
-}, Required<StringProps<IDateTimeTranslations>>, (value: string | undefined) => void, (date: Date | undefined, time?: string) => void, () => void];
+    fullDateTimePattern: string;
+}];

package/dist/components/DateTime/hooks/useDateTime.js

@@ -0,0 +1 @@
+import{useRef as t,useEffect as e}from"react";import{useInputBasedControl as r}from"../../../hooks/useInputBasedControl.js";import a from"dayjs";import o from"dayjs/plugin/utc";import n from"dayjs/plugin/customParseFormat";import{getDefaultDateTimeTranslations as i}from"../translations.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";import"@fluentui/react-migration-v8-v9";import"../../../hooks/useControlSizing.js";a.extend(n),a.extend(o);const s=(o,n)=>{const s=o.parameters.value,u=o.context,m=s.attributes.Behavior,l=s.attributes.Format,c=u.userSettings.dateFormattingInfo,p=t(void 0),f=(()=>{switch(l){case"DateAndTime":case"Date and Time":case"DateAndTime.DateAndTime":case"datetime":return!0;default:return!1}})(),d=c.shortDatePattern.replace(/\//g,c.dateSeparator).toUpperCase(),g=c.shortTimePattern.replace(/:/g,c.timeSeparator).replace("tt","A"),h=f?`${d} ${g}`:d,{value:D,labels:v,theme:T,setValue:j,onNotifyOutputChanged:S}=r("DateTime",o,{formatter:t=>t instanceof Date?f?u.formatting.formatTime(t,m):u.formatting.formatDateShort(t):t,defaultTranslations:i(o.context.userSettings.dateFormattingInfo)});e((()=>{var t;const e=()=>{S({value:y(D)})},r=null===(t=n.current)||void 0===t?void 0:t.querySelector("input");return null==r||r.addEventListener("blur",e),()=>{null==r||r.removeEventListener("blur",e)}}),[D]),e((()=>{s.raw instanceof Date&&(p.current=s.raw)}),[s.raw]);const w=()=>{if(s.raw instanceof Date){if(3===m){return new Date(s.raw.toISOString().replace("Z",""))}return s.raw}if(s.error)return p.current},y=t=>{if(t instanceof Date)return t;const e=a(t,h,!0);return e.isValid()?e.toDate():t};return[f,T,v,{get:w,clear:()=>{S({value:void 0})},getFormatted:()=>D,set:(t,e)=>{let r=a(null!=t?t:w());e||(e=a(w()).format(g));const o=a(e,g,!0);let n;o.isValid()||(n=`${r.format(d)} ${e}`),r=r.hour(o.hour()),r=r.minute(o.minute()),S({value:y(null!=n?n:r.toDate())})},setDateString:j},{shortDatePattern:d,shortTimePattern:g,fullDateTimePattern:`${d} ${g}`}]};export{s as useDateTime};

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

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

package/dist/components/DateTime/index.js

@@ -0,0 +1 @@
+export{DateTime}from"./DateTime.js";export{useDateTime}from"./hooks/useDateTime.js";import"react/jsx-runtime";import"@fluentui/react";import"react";import"./styles.js";import"./components/Calendar.js";import"@fluentui/react/lib/Calendar";import"@talxis/react-components";import"dayjs";import"../../hooks/useControlSizing.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"dayjs/plugin/utc";import"dayjs/plugin/customParseFormat";import"./translations.js";

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

@@ -1,7 +1,9 @@
+import { IDatePickerProps } from "@talxis/react-components";
 import { IDateTimeProperty } from "../../interfaces";
-import { IComponent, IOutputs, ITranslations } from "../../interfaces/context";
+import { IControl, IOutputs, ITranslations } from "../../interfaces/context";
 import { IInputParameters } from "../../interfaces/parameters";
-export interface IDateTime extends IComponent<IDateTimeParameters, IDateTimeOutputs, IDateTimeTranslations> {
+import { getDefaultDateTimeTranslations } from "./translations";
+export interface IDateTime extends IControl<IDateTimeParameters, IDateTimeOutputs, Partial<ITranslations<ReturnType<typeof getDefaultDateTimeTranslations>>>, IDatePickerProps> {
 }
 export interface IDateTimeParameters extends IInputParameters {
     value: IDateTimeProperty;
@@ -9,26 +11,3 @@ export interface IDateTimeParameters extends IInputParameters {
 export interface IDateTimeOutputs extends IOutputs {
     value?: Date;
 }
-export interface IDateTimeTranslations extends ITranslations {
-    time?: {
-        [LCID: number]: string;
-    };
-    goToToday?: {
-        [LCID: number]: string;
-    };
-    invalidTimeInput?: {
-        [LCID: number]: string;
-    };
-    days?: {
-        [LCID: number]: string[];
-    } | string[];
-    months?: {
-        [LCID: number]: string[];
-    } | string[];
-    shortDays?: {
-        [LCID: number]: string[];
-    } | string[];
-    shortMonths?: {
-        [LCID: number]: string[];
-    } | string[];
-}

package/dist/components/DateTime/interfaces.js

@@ -0,0 +1 @@
+

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

@@ -6,7 +6,7 @@ export declare const getDateTimeStyles: (theme: ITheme) => import("@fluentui/rea
         };
     };
     calendarCallout: {
-        '.TALXIS__timepicker__root': {
+        '[class*="TALXIS__timepicker__root"]': {
             padding: number;
             label: {
                 paddingTop: number;
@@ -24,9 +24,6 @@ export declare const getDateTimeStyles: (theme: ITheme) => import("@fluentui/rea
         '[class^="monthAndYear"], [class*="weekDayLabelCell"]': {
             animationDuration: string;
         };
-        '[class^="dayCell"]:focus': {
-            outline: string;
-        };
         '.ms-DatePicker': {
             animationDuration: string;
         };

package/dist/components/DateTime/styles.js

@@ -0,0 +1 @@
+import{mergeStyleSets as a}from"@fluentui/react";const e=e=>a({datePicker:{'[class^="statusMessage"]':{display:"none"}},calendarCallout:{'[class*="TALXIS__timepicker__root"]':{padding:12,label:{paddingTop:0},i:{fontSize:16}},hr:{margin:0,border:"none",height:1,backgroundColor:e.semanticColors.menuDivider},'[class^="monthAndYear"], [class*="weekDayLabelCell"]':{animationDuration:"0s"},".ms-DatePicker":{animationDuration:"0s"}}});export{e as getDateTimeStyles};

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

@@ -1,3 +1,19 @@
-/// <reference types="@types/powerapps-component-framework" />
-import { IDateTimeTranslations } from "./interfaces";
-export declare const getDefaultDateTimeTranslations: (dateFormattingInfo: ComponentFramework.UserSettingApi.DateFormattingInfo) => Required<IDateTimeTranslations>;
+/// <reference types="powerapps-component-framework" />
+export declare const getDefaultDateTimeTranslations: (dateFormattingInfo: ComponentFramework.UserSettingApi.DateFormattingInfo) => {
+    time: {
+        1029: string;
+        1033: string;
+    };
+    goToToday: {
+        1029: string;
+        1033: string;
+    };
+    invalidTimeInput: {
+        1029: string;
+        1033: string;
+    };
+    days: string[];
+    months: string[];
+    shortDays: string[];
+    shortMonths: string[];
+};

package/dist/components/DateTime/translations.js

@@ -0,0 +1 @@
+const t=t=>({time:{1029:"Čas",1033:"Time"},goToToday:{1029:"Přejít na dnešek",1033:"Go to today"},invalidTimeInput:{1029:"Neplatný časový formát.",1033:"Invalid time format."},days:t.dayNames,months:t.monthNames,shortDays:t.shortestDayNames,shortMonths:t.abbreviatedMonthNames});export{t as getDefaultDateTimeTranslations};

package/dist/components/Decimal/Decimal.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{TextField as r}from"@talxis/react-components/dist/components/TextField";import{useInputBasedComponent as t}from"../../hooks/useInputBasedComponent.js";import n from"numeral";import{N as o}from"../../Numeral-a0284afb.js";import"react";import"../../hooks/useComponent.js";import"fast-deep-equal/es6";import"merge-anything";import"liquidjs";import"../../hooks/useComponentSizing.js";const a={0:"$n",1:"n$",2:"$ n",3:"n $"},i={0:"($n)",1:"-$n",2:"$-n",3:"$n-",4:"(n$)",5:"-n$",6:"n-$",7:"n$-",8:"-n $",9:"-$ n",10:"n $-",11:"$ n-",12:"$ -n",13:"n- $",14:"($ n)",15:"(n $)",16:"$- n"},l={0:"(n)",1:"-n",2:"- n",3:"n-",4:"n -"},u=u=>{var s,m,c,p;const d=u.context,v=u.parameters,$=v.value,g=d.userSettings.numberFormattingInfo,y=(e,r)=>new RegExp(`^${b(e).replace("n",r)}$`.replace(/\s/g,"")),f=(e,r)=>{const t=b(e),n=`(${b(g.currencySymbol)})?`,o=t.replace("\\$",n).replace("n",r);return new RegExp(`^${o.replace(/\s/g,"")}$`)},b=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),h=e=>{var r;if("number"==typeof e)return e;let t,s;switch(e=null==e?void 0:e.replace(/\s/g,""),o.decimal(g),u.parameters.value.type){case"Whole.None":{const e=`\\d{1,}(${g.numberGroupSeparator}\\d{1,})*`;t=y("n",e),s=y(l[g.numberNegativePattern],e);break}case"Decimal":{const e=`\\d{1,}(${g.numberGroupSeparator}\\d{1,})*(\\${g.numberDecimalSeparator}\\d+)?`;t=y("n",e),s=y(l[g.numberNegativePattern],e);break}case"Currency":{o.currency(g);const e=`\\d{1,}(${g.currencyGroupSeparator}\\d{1,})*(\\${g.currencyDecimalSeparator}\\d+)?`;t=f(a[g.currencyPositivePattern],e),s=f(i[g.currencyNegativePattern],e);break}}if(t.test(e))return null!==(r=n(e).value())&&void 0!==r?r:void 0;if(s.test(e)){const r=n(e).value();return r>0?-1*r:r}return e},{value:C,sizing:w,setValue:P,onNotifyOutputChanged:k}=t("Decimal",u,{formatter:e=>{var r,t;return"number"==typeof e?"Decimal"===u.parameters.value.type?d.formatting.formatDecimal(e,null===(r=$.attributes)||void 0===r?void 0:r.Precision):"Currency"===u.parameters.value.type?u.parameters.value.formatted?u.parameters.value.formatted:d.formatting.formatDecimal(e,null===(t=$.attributes)||void 0===t?void 0:t.Precision):d.formatting.formatInteger(e):e},valueExtractor:h});return e(r,{readOnly:d.mode.isControlDisabled,autoFocus:null===(s=v.AutoFocus)||void 0===s?void 0:s.raw,borderless:!1===(null===(m=v.EnableBorder)||void 0===m?void 0:m.raw),errorMessage:$.errorMessage,styles:{fieldGroup:{height:w.height,width:w.width}},deleteButtonProps:!0===(null===(c=v.EnableDeleteButton)||void 0===c?void 0:c.raw)?{key:"delete",showOnlyOnHover:!0,iconProps:{iconName:"Delete"},onClick:()=>P(void 0)}:void 0,clickToCopyProps:!0===(null===(p=v.EnableCopyButton)||void 0===p?void 0:p.raw)?{key:"copy",showOnlyOnHover:!0,iconProps:{iconName:"Copy"}}:void 0,value:null!=C?C:"",onBlur:e=>{k({value:h(e.target.value)})},onChange:(e,r)=>{P(r)}})};export{u as Decimal};
+import{jsx as e}from"react/jsx-runtime";import{TextField as r}from"@talxis/react-components";import{useInputBasedControl as t}from"../../hooks/useInputBasedControl.js";import{useRef as o,useEffect as n,useMemo as a}from"react";import i from"numeral";import{Numeral as l}from"../../utils/Numeral.js";import{CURRENCY_POSITIVE_PATTERN as s,CURRENCY_NEGATIVE_PATTERN as u,NUMBER_NEGATIVE_PATTERN as c}from"../../constants.js";import{ThemeProvider as m}from"@fluentui/react";import{ArrowButtons as p}from"./components/ArrowButtons.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"./components/styles.js";const d=d=>{var v,f,y,g,b,h;const w=o(null),C=d.context,D=d.parameters,k=D.value,P=C.userSettings.numberFormattingInfo,j=null!==(v=d.onOverrideComponentProps)&&void 0!==v?v:e=>e,$=(e,r)=>new RegExp(`^${S(e).replace("n",r)}$`.replace(/\s/g,"")),B=(e,r)=>{const t=S(e),o=`(${S(P.currencySymbol)})?`,n=t.replace("\\$",o).replace("n",r);return new RegExp(`^${n.replace(/\s/g,"")}$`)},S=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),x=e=>{var r;if("number"==typeof e)return e;const t=null==e?void 0:e.replace(/\s/g,"");let o,n;switch(l.decimal(P),d.parameters.value.type){case"Whole.None":{const e=`\\d{1,}(${P.numberGroupSeparator}\\d{1,})*`;o=$("n",e),n=$(c[P.numberNegativePattern],e);break}case"Decimal":{const e=`\\d{1,}(${P.numberGroupSeparator}\\d{1,})*(\\${P.numberDecimalSeparator}\\d+)?`;o=$("n",e),n=$(c[P.numberNegativePattern],e);break}case"Currency":{l.currency(P);const e=`\\d{1,}(${P.currencyGroupSeparator}\\d{1,})*(\\${P.currencyDecimalSeparator}\\d+)?`;o=B(s[P.currencyPositivePattern],e),n=B(u[P.currencyNegativePattern],e);break}}if(o.test(t))return null!==(r=i(t).value())&&void 0!==r?r:void 0;if(n.test(t)){const e=i(t).value();return e>0?-1*e:e}return e},{value:E,sizing:N,theme:O,setValue:A,onNotifyOutputChanged:M}=t("Decimal",d,{formatter:e=>{var r,t;return"number"==typeof e?"Decimal"===d.parameters.value.type?C.formatting.formatDecimal(e,null===(r=k.attributes)||void 0===r?void 0:r.Precision):"Currency"===d.parameters.value.type?d.parameters.value.formatted?d.parameters.value.formatted:C.formatting.formatCurrency(e,null===(t=k.attributes)||void 0===t?void 0:t.Precision):C.formatting.formatInteger(e):e},valueExtractor:x}),F=e=>{var r,t,o,n,a;const i=null!==(r=k.raw)&&void 0!==r?r:0;if("number"!=typeof i)return;const l=Math.pow(10,null!==(o=null===(t=k.attributes)||void 0===t?void 0:t.Precision)&&void 0!==o?o:0),s=parseFloat((i+("increment"===e?1:-1)/l).toFixed(null!==(a=null===(n=k.attributes)||void 0===n?void 0:n.Precision)&&void 0!==a?a:0));M({value:s})};n((()=>{"Currency"===k.type&&A(k.formatted)}),[k.formatted]);const I=j({underlined:O.effects.underlined,hideErrorMessage:!(null===(f=D.ShowErrorMessage)||void 0===f?void 0:f.raw),readOnly:C.mode.isControlDisabled,inputMode:a((()=>(()=>{switch(d.parameters.value.type){case"Whole.None":return"numeric";case"Decimal":case"Currency":return"decimal"}})()),[d.parameters.value.type]),suffixItems:(()=>{var r;if(!C.mode.isControlDisabled&&(null===(r=D.EnableSpinButton)||void 0===r?void 0:r.raw))return[{key:"arrows",onRender:()=>e(p,{ref:w,onDecrement:()=>F("decrement"),onIncrement:()=>F("increment")})}]})(),autoFocus:null===(y=D.AutoFocus)||void 0===y?void 0:y.raw,borderless:!1===(null===(g=D.EnableBorder)||void 0===g?void 0:g.raw),errorMessage:k.errorMessage,styles:{fieldGroup:{height:N.height,width:N.width}},deleteButtonProps:!0===(null===(b=D.EnableDeleteButton)||void 0===b?void 0:b.raw)?{key:"delete",showOnlyOnHover:!0,iconProps:{iconName:"Delete"},onClick:()=>A(void 0)}:void 0,clickToCopyProps:!0===(null===(h=D.EnableCopyButton)||void 0===h?void 0:h.raw)?{key:"copy",showOnlyOnHover:!0,iconProps:{iconName:"Copy"}}:void 0,value:null!=E?E:"",onBlur:e=>{M({value:x(e.target.value)})},onChange:(e,r)=>{A(r)},onKeyDown:e=>{var r,t;if(!C.mode.isControlDisabled)switch(e.key){case"ArrowDown":e.preventDefault(),F("decrement"),null===(r=w.current)||void 0===r||r.setActiveBtn("down");break;case"ArrowUp":e.preventDefault(),F("increment"),null===(t=w.current)||void 0===t||t.setActiveBtn("up")}}});return e(m,Object.assign({theme:O,applyTo:"none"},{children:e(r,Object.assign({},I))}))};export{d as Decimal};

package/dist/components/Decimal/components/ArrowButtons.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface IArrowButtonsProps {
+    onIncrement: () => void;
+    onDecrement: () => void;
+}
+export interface IArrowButtons {
+    setActiveBtn: (direction: 'up' | 'down') => void;
+}
+export declare const ArrowButtons: React.ForwardRefExoticComponent<IArrowButtonsProps & React.RefAttributes<IArrowButtons>>;
+export {};

package/dist/components/Decimal/components/ArrowButtons.js

@@ -0,0 +1 @@
+import{jsxs as o,jsx as t}from"react/jsx-runtime";import{useTheme as e,IconButton as n}from"@fluentui/react";import{forwardRef as r,useMemo as c,useState as i,useEffect as m,useImperativeHandle as s}from"react";import{getArrowButtonStyles as a}from"./styles.js";const l=r(((r,l)=>{const p=e(),u=c((()=>a(p)),[]),[v,d]=i(void 0),f=o=>{let t=`${u.iconButton}`;return v===o&&(t+=` ${u.iconButtonActive}`),t};return m((()=>{v&&setTimeout((()=>{d(void 0)}),100)}),[v]),s(l,(()=>({setActiveBtn:d}))),o("div",Object.assign({className:u.root},{children:[t(n,{onClick:r.onIncrement,className:f("up"),iconProps:{iconName:"ChevronUpSmall"}}),t(n,{onClick:r.onDecrement,className:f("down"),iconProps:{iconName:"ChevronDownSmall"}})]}))}));export{l as ArrowButtons};

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

@@ -0,0 +1,20 @@
+import { ITheme } from "@fluentui/react";
+export declare const getArrowButtonStyles: (theme: ITheme) => import("@fluentui/react").IProcessedStyleSet<{
+    root: {
+        display: string;
+        flexDirection: string;
+    };
+    iconButton: {
+        borderRadius: number;
+        height: string;
+        i: {
+            fontSize: number;
+        };
+    };
+    iconButtonActive: {
+        backgroundColor: string;
+        i: {
+            color: string;
+        };
+    };
+}>;

package/dist/components/Decimal/components/styles.js

@@ -0,0 +1 @@
+import{mergeStyleSets as o}from"@fluentui/react";const t=t=>o({root:{display:"flex",flexDirection:"column"},iconButton:{borderRadius:0,height:"50%",i:{fontSize:8}},iconButtonActive:{backgroundColor:t.semanticColors.buttonBackgroundPressed,i:{color:t.semanticColors.inputIconHovered}}});export{t as getArrowButtonStyles};

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

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

package/dist/components/Decimal/index.js

@@ -0,0 +1 @@
+export{Decimal}from"./Decimal.js";import"react/jsx-runtime";import"@talxis/react-components";import"../../hooks/useInputBasedControl.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";import"@fluentui/react-migration-v8-v9";import"../../hooks/useControlSizing.js";import"numeral";import"../../utils/Numeral.js";import"../../constants.js";import"./components/ArrowButtons.js";import"./components/styles.js";

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

@@ -1,13 +1,13 @@
-import { IDecimalNumberProperty } from "../../interfaces";
+import { IDecimalNumberProperty, ITwoOptionsProperty } from "../../interfaces";
 import { IInputParameters } from "../../interfaces/parameters";
-import { IComponent, IOutputs, ITranslations } from "../../interfaces/context";
-export interface IDecimal extends IComponent<IDecimalParameters, IDecimalOutputs, IDecimalTranslations> {
+import { IControl, IOutputs } from "../../interfaces/context";
+import { ITextFieldProps } from "@talxis/react-components";
+export interface IDecimal extends IControl<IDecimalParameters, IDecimalOutputs, any, ITextFieldProps> {
 }
 export interface IDecimalParameters extends IInputParameters {
     value: IDecimalNumberProperty;
+    EnableSpinButton?: ITwoOptionsProperty;
 }
 export interface IDecimalOutputs extends IOutputs {
     value?: number;
 }
-export interface IDecimalTranslations extends ITranslations {
-}

package/dist/components/Decimal/interfaces.js

@@ -0,0 +1 @@
+

package/dist/components/Duration/Duration.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{ComboBox as o}from"@talxis/react-components/dist/components/ComboBox";import{useInputBasedComponent as n}from"../../hooks/useInputBasedComponent.js";import a from"numeral";import{N as i}from"../../Numeral-a0284afb.js";import"react";import"../../hooks/useComponent.js";import"fast-deep-equal/es6";import"merge-anything";import"liquidjs";import"../../hooks/useComponentSizing.js";const t=[{Label:"1",Value:1,Color:""},{Label:"15",Value:2,Color:""},{Label:"30",Value:3,Color:""},{Label:"45",Value:4,Color:""},{Label:"60",Value:5,Color:""},{Label:"90",Value:6,Color:""},{Label:"120",Value:7,Color:""},{Label:"150",Value:8,Color:""},{Label:"180",Value:9,Color:""},{Label:"210",Value:10,Color:""},{Label:"240",Value:11,Color:""},{Label:"270",Value:12,Color:""},{Label:"300",Value:13,Color:""},{Label:"330",Value:14,Color:""},{Label:"360",Value:15,Color:""},{Label:"390",Value:16,Color:""},{Label:"420",Value:17,Color:""},{Label:"450",Value:18,Color:""},{Label:"480",Value:19,Color:""},{Label:"1440",Value:20,Color:""},{Label:"2880",Value:21,Color:""},{Label:"4320",Value:22,Color:""}],u=u=>{var l,r;const m=u.parameters,s=m.value,d=u.context,h=require("humanize-duration"),p=d.userSettings.locale,b=d.userSettings.numberFormattingInfo,c=e=>{if("number"==typeof e){const o=6e4*e,n={units:e<60?["m"]:e>=1440?["d"]:["h"],maxDecimalPoints:2,language:p.slice(0,p.indexOf("-")),decimal:d.userSettings.numberFormattingInfo.numberDecimalSeparator,fallbacks:["en"]};return h(o,n)}return e},C=e=>{const o=JSON.parse(f.minute()),n=JSON.parse(f.minutes()),a=JSON.parse(f.hour()),i=JSON.parse(f.hours()),t=JSON.parse(f.day()),u=JSON.parse(f.days()),l=new RegExp("^("+o.join("|")+")\\s|\\s("+o.join("|")+")$|^("+n.join("|")+")\\s|\\s("+n.join("|")+")$","i"),r=new RegExp("^("+a.join("|")+")\\s|\\s("+a.join("|")+")$|^("+i.join("|")+")\\s|\\s("+i.join("|")+")$","i"),m=new RegExp("^("+t.join("|")+")\\s|\\s("+t.join("|")+")$|^("+u.join("|")+")\\s|\\s("+u.join("|")+")$","i");if(e&&e.trim()){let o=e.trim().toLowerCase(),n="minute";l.test(o)?o=o.replace(l,"").trim():r.test(o)?(o=o.replace(r,"").trim(),n="hour"):m.test(o)&&(o=o.replace(m,"").trim(),n="day");const a=y(o);return a&&!isNaN(a)?V(a,n):e}},y=e=>{var o;return i.decimal(b),null!==(o=a(e).value())&&void 0!==o?o:void 0},V=(e,o)=>{switch(o){case"hour":return 60*e;case"day":return 60*e*24;default:return e}},g=t.map((e=>({key:e.Value.toString(),text:c(parseInt(e.Label))}))),{value:L,labels:f,sizing:j,setValue:v,onNotifyOutputChanged:x}=n("Duration",u,{formatter:c,valueExtractor:C,defaultTranslations:{minute:{1029:["min","minuta","minuty","minute","minutu","minutě","minutou","minuta","minuty","minute","minutu","minute","minutou"],1033:["min","minute"]},minutes:{1029:["minuty","minut","minutám","minutách","minutami","minuty","minut","minutam","minutach","minutami"],1033:["minutes"]},hour:{1029:["hod","hodina","hodiny","hodině","hodinu","hodinou","hodina","hodiny","hodine","hodinu","hodinou"],1033:["hour"]},hours:{1029:["hodiny","hodin","hodinám","hodinách","hodinami","hodiny","hodin","hodinam","hodinach","hodinami"],1033:["hours"]},day:{1029:["den","dne","dni","dnu","dnem","den","dne","dni","dnu","dnem"],1033:["day"]},days:{1029:["dny","dnů","dnům","dnech","dny","dní","dny","dnu","dnom","dnech","dny","dni"],1033:["days"]}}});return e(o,{borderless:!1===(null===(l=m.EnableBorder)||void 0===l?void 0:l.raw),options:g,allowFreeInput:!0,autoComplete:"on",autofill:!0===(null===(r=m.AutoFocus)||void 0===r?void 0:r.raw)?{autoFocus:!0}:void 0,readOnly:d.mode.isControlDisabled,useComboBoxAsMenuWidth:!0,errorMessage:s.errorMessage,text:null!=L?L:"",styles:{root:{height:j.height,width:j.width,display:"flex",alignItems:"center"},callout:{height:300}},onInputValueChange:e=>{v(null!=e?e:"")},onBlur:e=>{x({value:C(L)})},onChange:(e,o)=>{var n;x({value:C(null!==(n=null==o?void 0:o.text)&&void 0!==n?n:"")})}})};export{u as Duration};
+import{jsx as e}from"react/jsx-runtime";import{ComboBox as o}from"@talxis/react-components";import{useRef as r,useEffect as l}from"react";import{useInputBasedControl as a}from"../../hooks/useInputBasedControl.js";import{ThemeProvider as t}from"@fluentui/react";import n from"numeral";import{Numeral as i}from"../../utils/Numeral.js";import{getDefaultDurationTranslations as u}from"./translations.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";const s=[{Label:"1",Value:1,Color:""},{Label:"15",Value:2,Color:""},{Label:"30",Value:3,Color:""},{Label:"45",Value:4,Color:""},{Label:"60",Value:5,Color:""},{Label:"90",Value:6,Color:""},{Label:"120",Value:7,Color:""},{Label:"150",Value:8,Color:""},{Label:"180",Value:9,Color:""},{Label:"210",Value:10,Color:""},{Label:"240",Value:11,Color:""},{Label:"270",Value:12,Color:""},{Label:"300",Value:13,Color:""},{Label:"330",Value:14,Color:""},{Label:"360",Value:15,Color:""},{Label:"390",Value:16,Color:""},{Label:"420",Value:17,Color:""},{Label:"450",Value:18,Color:""},{Label:"480",Value:19,Color:""},{Label:"1440",Value:20,Color:""},{Label:"2880",Value:21,Color:""},{Label:"4320",Value:22,Color:""}],m=m=>{var p,d;const c=m.parameters,C=c.value,b=r(null),h=m.context,f=require("humanize-duration"),g=h.userSettings.locale,V=h.userSettings.numberFormattingInfo,v=e=>{if("number"==typeof e){const o=6e4*e,r={units:e<60?["m"]:e>=1440?["d"]:["h"],maxDecimalPoints:2,language:g.slice(0,g.indexOf("-")),decimal:h.userSettings.numberFormattingInfo.numberDecimalSeparator,fallbacks:["en"]};return f(o,r)}return e},L=e=>{const o=JSON.parse(y.minute()),r=JSON.parse(y.minutes()),l=JSON.parse(y.hour()),a=JSON.parse(y.hours()),t=JSON.parse(y.day()),n=JSON.parse(y.days()),i=new RegExp("^("+o.join("|")+")\\s|\\s("+o.join("|")+")$|^("+r.join("|")+")\\s|\\s("+r.join("|")+")$","i"),u=new RegExp("^("+l.join("|")+")\\s|\\s("+l.join("|")+")$|^("+a.join("|")+")\\s|\\s("+a.join("|")+")$","i"),s=new RegExp("^("+t.join("|")+")\\s|\\s("+t.join("|")+")$|^("+n.join("|")+")\\s|\\s("+n.join("|")+")$","i");if(e&&e.trim()){let o=e.trim().toLowerCase(),r="minute";i.test(o)?o=o.replace(i,"").trim():u.test(o)?(o=o.replace(u,"").trim(),r="hour"):s.test(o)&&(o=o.replace(s,"").trim(),r="day");const l=j(o);return l&&!isNaN(l)?x(l,r):e}},j=e=>{var o;return i.decimal(V),null!==(o=n(e).value())&&void 0!==o?o:void 0},x=(e,o)=>{switch(o){case"hour":return 60*e;case"day":return 60*e*24;default:return e}},S=s.map((e=>({key:e.Value.toString(),text:v(parseInt(e.Label))}))),{value:w,labels:y,sizing:N,setValue:O,onNotifyOutputChanged:I,theme:k}=a("Duration",m,{formatter:v,valueExtractor:L,defaultTranslations:u()});return l((()=>{var e,o;(null===(e=c.AutoFocus)||void 0===e?void 0:e.raw)&&(null===(o=b.current)||void 0===o||o.focus(!0))}),[]),e(t,Object.assign({theme:k,applyTo:"none"},{children:e(o,{componentRef:b,options:S,hideErrorMessage:!(null===(p=c.ShowErrorMessage)||void 0===p?void 0:p.raw),underlined:k.effects.underlined,allowFreeInput:!0,autoComplete:"on",autofill:!0===(null===(d=c.AutoFocus)||void 0===d?void 0:d.raw)?{autoFocus:!0}:void 0,readOnly:h.mode.isControlDisabled,useComboBoxAsMenuWidth:!0,errorMessage:C.errorMessage,text:null!=w?w:"",styles:{root:{height:N.height,width:N.width,display:"flex",alignItems:"center"},callout:{height:300}},onInputValueChange:e=>{O(null!=e?e:"")},onBlur:e=>{I({value:L(w)})},onChange:(e,o)=>{var r;I({value:L(null!==(r=null==o?void 0:o.text)&&void 0!==r?r:"")})}})}))};export{m as Duration};

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

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

package/dist/components/Duration/index.js

@@ -0,0 +1 @@
+export{Duration}from"./Duration.js";import"react/jsx-runtime";import"@talxis/react-components";import"react";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";import"@fluentui/react-migration-v8-v9";import"../../hooks/useControlSizing.js";import"numeral";import"../../utils/Numeral.js";import"./translations.js";

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

@@ -1,31 +1,13 @@
+import { IComboBoxProps } from "@talxis/react-components";
 import { IWholeNumberProperty } from "../../interfaces";
-import { IComponent, IOutputs, ITranslations } from "../../interfaces/context";
-import { IBaseParameters } from "../../interfaces/parameters";
-export interface IDuration extends IComponent<IDurationParameters, IDurationOutputs, IDurationTranslations> {
+import { IControl, IOutputs, ITranslations } from "../../interfaces/context";
+import { IInputParameters } from "../../interfaces/parameters";
+import { getDefaultDurationTranslations } from "./translations";
+export interface IDuration extends IControl<IDurationParameters, IDurationOutputs, Partial<ITranslations<ReturnType<typeof getDefaultDurationTranslations>>>, IComboBoxProps> {
 }
-export interface IDurationParameters extends IBaseParameters {
+export interface IDurationParameters extends IInputParameters {
     value: IWholeNumberProperty;
 }
 export interface IDurationOutputs extends IOutputs {
     value?: number;
 }
-export interface IDurationTranslations extends ITranslations {
-    minute?: {
-        [LCID: number]: string[];
-    };
-    minutes?: {
-        [LCID: number]: string[];
-    };
-    hour?: {
-        [LCID: number]: string[];
-    };
-    hours?: {
-        [LCID: number]: string[];
-    };
-    day?: {
-        [LCID: number]: string[];
-    };
-    days?: {
-        [LCID: number]: string[];
-    };
-}

package/dist/components/Duration/interfaces.js

@@ -0,0 +1 @@
+

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

@@ -1,2 +1,26 @@
-import { IDurationTranslations } from "./interfaces";
-export declare const getDefaultDurationTranslations: () => Required<IDurationTranslations>;
+export declare const getDefaultDurationTranslations: () => {
+    minute: {
+        1029: string[];
+        1033: string[];
+    };
+    minutes: {
+        1029: string[];
+        1033: string[];
+    };
+    hour: {
+        1029: string[];
+        1033: string[];
+    };
+    hours: {
+        1029: string[];
+        1033: string[];
+    };
+    day: {
+        1029: string[];
+        1033: string[];
+    };
+    days: {
+        1029: string[];
+        1033: string[];
+    };
+};

package/dist/components/Duration/translations.js

@@ -0,0 +1 @@
+const n=()=>({minute:{1029:["min","minuta","minuty","minute","minutu","minutě","minutou","minuta","minuty","minute","minutu","minute","minutou"],1033:["min","minute"]},minutes:{1029:["minuty","minut","minutám","minutách","minutami","minuty","minut","minutam","minutach","minutami"],1033:["minutes"]},hour:{1029:["hod","hodina","hodiny","hodině","hodinu","hodinou","hodina","hodiny","hodine","hodinu","hodinou"],1033:["hour"]},hours:{1029:["hodiny","hodin","hodinám","hodinách","hodinami","hodiny","hodin","hodinam","hodinach","hodinami"],1033:["hours"]},day:{1029:["den","dne","dni","dnu","dnem","den","dne","dni","dnu","dnem"],1033:["day"]},days:{1029:["dny","dnů","dnům","dnech","dny","dní","dny","dnu","dnom","dnech","dny","dni"],1033:["days"]}});export{n as getDefaultDurationTranslations};

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

@@ -1,5 +1,3 @@
-import { IGridContext } from "./core/interfaces/IGridContext";
+/// <reference types="react" />
 import { IGrid } from "./interfaces";
-import React from 'react';
-export declare const GridContext: React.Context<IGridContext>;
 export declare const Grid: (props: IGrid) => JSX.Element;