@talxis/base-controls 1.2406.13 → 1.2406.15

package/dist/Numeral-a0284afb.js

@@ -1,63 +1 @@
-import numeral from 'numeral';
-
-class Numeral {
-    static decimal(formatting) {
-        const locale = {
-            ordinal: (num) => {
-                return '.';
-            },
-            currency: {
-                symbol: formatting.currencySymbol
-            },
-            abbreviations: {
-                thousand: 'k',
-                million: 'm',
-                billion: 'b',
-                trillion: 't'
-            },
-            delimiters: {
-                decimal: formatting.numberDecimalSeparator,
-                thousands: formatting.numberGroupSeparator,
-            }
-        };
-        if (!this._locales.includes('__pcfcustomdecimal')) {
-            numeral.register('locale', '__pcfcustomdecimal', locale);
-        }
-        else {
-            numeral.locales['__pcfcustomdecimal'] = locale;
-        }
-        numeral.locale('__pcfcustomdecimal');
-    }
-    static currency(formatting) {
-        const locale = {
-            ordinal: (num) => {
-                return '.';
-            },
-            currency: {
-                symbol: formatting.currencySymbol
-            },
-            abbreviations: {
-                thousand: 'k',
-                million: 'm',
-                billion: 'b',
-                trillion: 't'
-            },
-            delimiters: {
-                decimal: formatting.currencyDecimalSeparator,
-                thousands: formatting.currencyGroupSeparator,
-            }
-        };
-        if (!this._locales.includes('__pcfcustomcurrency')) {
-            numeral.register('locale', '__pcfcustomcurrency', locale);
-        }
-        else {
-            numeral.locales['__pcfcustomcurrency'] = locale;
-        }
-        numeral.locale('__pcfcustomcurrency');
-    }
-    static get _locales() {
-        return Object.keys(numeral.locales);
-    }
-}
-
-export { Numeral as N };
+import c from"numeral";class Numeral{static decimal(e){const l={ordinal:c=>".",currency:{symbol:e.currencySymbol},abbreviations:{thousand:"k",million:"m",billion:"b",trillion:"t"},delimiters:{decimal:e.numberDecimalSeparator,thousands:e.numberGroupSeparator}};this._locales.includes("__pcfcustomdecimal")?c.locales.__pcfcustomdecimal=l:c.register("locale","__pcfcustomdecimal",l),c.locale("__pcfcustomdecimal")}static currency(e){const l={ordinal:c=>".",currency:{symbol:e.currencySymbol},abbreviations:{thousand:"k",million:"m",billion:"b",trillion:"t"},delimiters:{decimal:e.currencyDecimalSeparator,thousands:e.currencyGroupSeparator}};this._locales.includes("__pcfcustomcurrency")?c.locales.__pcfcustomcurrency=l:c.register("locale","__pcfcustomcurrency",l),c.locale("__pcfcustomcurrency")}static get _locales(){return Object.keys(c.locales)}}export{Numeral as N};

package/dist/components/DateTime/DateTime.js

@@ -1,302 +1 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { mergeStyleSets, useTheme as useTheme$1 } from '@fluentui/react';
-import { useEffect, useRef, useState } from 'react';
-import { useInputBasedComponent } from '../../hooks/useInputBasedComponent.js';
-import dayjs from 'dayjs';
-import utc from 'dayjs/plugin/utc';
-import customParseFormat from 'dayjs/plugin/customParseFormat';
-import { useTheme } from '@fluentui/react/lib/utilities/ThemeProvider/useTheme';
-import { Calendar as Calendar$1 } from '@fluentui/react/lib/Calendar';
-import { TimePicker } from '@talxis/react-components/dist/components/TimePicker';
-import { Text } from '@fluentui/react/lib/Text';
-import { DatePicker } from '@talxis/react-components/dist/components/DatePicker';
-import { useComponentSizing } from '../../hooks/useComponentSizing.js';
-import '../../hooks/useComponent.js';
-import 'fast-deep-equal/es6';
-import 'merge-anything';
-import 'liquidjs';
-
-const getDateTimeStyles = (theme) => {
-    return mergeStyleSets({
-        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: theme.semanticColors.bodyDivider
-            },
-            '[class^="monthAndYear"], [class*="weekDayLabelCell"]': {
-                animationDuration: '0s'
-            },
-            '[class^="dayCell"]:focus': {
-                outline: `solid 1px !important`
-            },
-            '.ms-DatePicker': {
-                animationDuration: '0s'
-            }
-        }
-    });
-};
-
-const getDefaultDateTimeTranslations = (dateFormattingInfo) => {
-    return {
-        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: dateFormattingInfo.dayNames,
-        months: dateFormattingInfo.monthNames,
-        shortDays: dateFormattingInfo.shortestDayNames,
-        shortMonths: dateFormattingInfo.abbreviatedMonthNames,
-    };
-};
-
-dayjs.extend(customParseFormat);
-dayjs.extend(utc);
-const useDateTime = (props, ref) => {
-    const boundValue = props.parameters.value;
-    const context = props.context;
-    const behavior = boundValue.attributes.Behavior;
-    const format = boundValue.attributes.Format;
-    const dateFormattingInfo = context.userSettings.dateFormattingInfo;
-    const isDateTime = (() => {
-        switch (format) {
-            case 'DateAndTime':
-            case 'Date and Time':
-            case 'DateAndTime.DateAndTime':
-            case 'datetime': {
-                return true;
-            }
-            default: {
-                return false;
-            }
-        }
-    })();
-    //MS returns the pattern without correct separator and they do this during formatting
-    const shortDatePattern = dateFormattingInfo.shortDatePattern.replace(/\//g, dateFormattingInfo.dateSeparator).toUpperCase();
-    const shortTimePattern = dateFormattingInfo.shortTimePattern.replace(/:/g, dateFormattingInfo.timeSeparator).replace('tt', 'A');
-    const formatting = (() => {
-        if (isDateTime) {
-            return `${shortDatePattern} ${shortTimePattern}`;
-        }
-        return shortDatePattern;
-    })();
-    const formatDate = (date) => {
-        if (date == undefined) {
-            return undefined;
-        }
-        if (typeof date === 'string') {
-            const dayjsDate = dayjs(date, formatting);
-            //error situation
-            if (!dayjsDate.isValid()) {
-                return date;
-            }
-            date = dayjsDate.toDate();
-        }
-        if (isDateTime) {
-            //should handle the time zone conversion
-            return context.formatting.formatTime(date, behavior);
-        }
-        return context.formatting.formatDateShort(date);
-    };
-    const { value, labels, setValue, onNotifyOutputChanged } = useInputBasedComponent('DateTime', props, {
-        formatter: formatDate,
-        defaultTranslations: getDefaultDateTimeTranslations(props.context.userSettings.dateFormattingInfo)
-    });
-    useEffect(() => {
-        var _a;
-        const onBlur = () => {
-            if (formatDate(boundValue.raw) === value) {
-                return;
-            }
-            onNotifyOutputChanged({
-                value: dateExtractor(value)
-            });
-        };
-        const input = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.querySelector('input');
-        input === null || input === void 0 ? void 0 : input.addEventListener('blur', onBlur);
-        return () => {
-            input === null || input === void 0 ? void 0 : input.removeEventListener('blur', onBlur);
-        };
-    }, [value]);
-    const getDate = () => {
-        if (boundValue.raw instanceof Date) {
-            if (behavior === 3) {
-                //the date in javascript gets automatically adjusted to local time zone
-                //this will make it think that the date already came in local time, thus not adjusting the time
-                const date = new Date(boundValue.raw.toISOString().replace('Z', ''));
-                return date;
-            }
-            return boundValue.raw;
-        }
-        //this scenario should only happen in cases of error or null value
-        return undefined;
-    };
-    const dateExtractor = (value) => {
-        if (value instanceof Date) {
-            return value;
-        }
-        const dayjsDate = dayjs(value, formatting);
-        if (!dayjsDate.isValid()) {
-            return value;
-        }
-        return dayjsDate.toDate();
-    };
-    const clearDate = () => {
-        onNotifyOutputChanged({
-            value: undefined
-        });
-    };
-    const selectDate = (date, time) => {
-        let dayjsDate = dayjs(date !== null && date !== void 0 ? date : getDate());
-        let _time = time;
-        //date selected from calendar, keep the original time
-        if (!_time) {
-            _time = dayjs(getDate()).format('HH:mm');
-        }
-        const [hours, minutes] = _time.split(':');
-        dayjsDate = dayjsDate.hour(parseInt(hours));
-        dayjsDate = dayjsDate.minute(parseInt(minutes));
-        onNotifyOutputChanged({
-            value: dayjsDate.toDate()
-        });
-    };
-    return [getDate(), value, isDateTime, { shortDatePattern, shortTimePattern }, labels, setValue, selectDate, clearDate];
-};
-
-const Calendar = (props) => {
-    const theme = useTheme();
-    const styles = getDateTimeStyles(theme);
-    const timePickerRef = useRef(null);
-    const [isTimePickerControlled, setIsTimePickerControlled] = useState(true);
-    useEffect(() => {
-        var _a;
-        //@ts-ignore - we need to use the internal method to display exact time, otherwise the shown value would always get rounded to the next 15 min
-        (_a = timePickerRef.current) === null || _a === void 0 ? void 0 : _a._updateValue(getFormattedTime());
-        setIsTimePickerControlled(false);
-    }, [props.timePickerProps.defaultValue]);
-    const getFormattedTime = () => {
-        return dayjs(props.timePickerProps.defaultValue).format(props.timePickerProps.timeFormat);
-    };
-    useEffect(() => {
-        //hack to focus the selected date for keyboard support
-        const day = document.querySelector('.ms-CalendarDay-daySelected');
-        day === null || day === void 0 ? void 0 : day.focus();
-    }, [props]);
-    return (jsxs("div", Object.assign({ className: styles.calendarCallout }, { children: [jsx(Calendar$1, Object.assign({}, props)), jsx("hr", {}), props.timePickerProps.visible &&
-                jsx(TimePicker, Object.assign({}, props.timePickerProps, { onChange: (e, time) => {
-                        setIsTimePickerControlled(true);
-                        props.timePickerProps.onChange(e, time);
-                    }, defaultValue: dayjs(new Date()).startOf('day').toDate(), useComboBoxAsMenuWidth: true, styles: {
-                        callout: {
-                            maxHeight: '300px !important'
-                        }
-                    }, autofill: {
-                        componentRef: timePickerRef,
-                        //hack to prevent blinking on prop updates
-                        value: isTimePickerControlled ? getFormattedTime() : undefined
-                    }, buttonIconProps: {
-                        iconName: 'Clock'
-                    }, onRenderOption: (option) => {
-                        //the timepicker displays 24 instead of 00 during the option displaying for some reason
-                        return jsx(Text, { children: option === null || option === void 0 ? void 0 : option.text.replace('24', '00') });
-                    }, increments: 15, allowFreeform: true }))] })));
-};
-
-const DateTime = (componentProps) => {
-    var _a, _b, _c;
-    const ref = useRef(null);
-    const datePickerRef = useRef(null);
-    const theme = useTheme$1();
-    const styles = getDateTimeStyles(theme);
-    componentProps.context;
-    const parameters = componentProps.parameters;
-    const [date, stringDate, isDateTime, patterns, labels, setStringDate, selectDate, clearDate] = useDateTime(componentProps, ref);
-    const { height, width } = useComponentSizing(componentProps.context.mode);
-    useEffect(() => {
-        var _a, _b;
-        if (((_a = componentProps.parameters.AutoFocus) === null || _a === void 0 ? void 0 : _a.raw) === true) {
-            (_b = datePickerRef.current) === null || _b === void 0 ? void 0 : _b.showDatePickerPopup();
-        }
-    }, []);
-    return (jsx("div", Object.assign({ ref: ref }, { children: jsx(DatePicker, { className: styles.datePicker, componentRef: datePickerRef, keepCalendarOpenAfterDaySelect: isDateTime, allowTextInput: true, calendarProps: {
-                //needs to be here as the internal picker does not call the function passed in calendarAs
-                onSelectDate: (date) => selectDate(date),
-            }, 
-            // Lowest date supported by CDS: https://learn.microsoft.com/en-us/previous-versions/dynamicscrm-2016/developers-guide/dn996866(v=crm.8)?redirectedfrom=MSDN
-            minDate: new Date('1753-01-01T00:00:00.000Z'), firstDayOfWeek: componentProps.context.userSettings.dateFormattingInfo.firstDayOfWeek, calendarAs: (props) => jsx(Calendar, Object.assign({}, props, { strings: {
-                    goToToday: labels.goToToday(),
-                    days: JSON.parse(labels.days()),
-                    months: JSON.parse(labels.months()),
-                    shortDays: JSON.parse(labels.shortDays()),
-                    shortMonths: JSON.parse(labels.shortMonths())
-                }, timePickerProps: {
-                    autoComplete: "off",
-                    autoCapitalize: "off",
-                    timeFormat: patterns.shortTimePattern,
-                    label: labels.time(),
-                    visible: isDateTime && !parameters.value.errorMessage,
-                    useHour12: patterns.shortTimePattern.endsWith('A'),
-                    onChange: (e, date) => selectDate(undefined, dayjs(date).format('HH:mm')),
-                    defaultValue: date,
-                    strings: {
-                        invalidInputErrorMessage: labels.invalidTimeInput()
-                    }
-                } })), textField: {
-                value: stringDate !== null && stringDate !== void 0 ? stringDate : "",
-                onChange: (e, value) => setStringDate(value),
-                placeholder: '---',
-                onNotifyValidationResult: () => null,
-                noValidate: true,
-                borderless: ((_a = parameters.EnableBorder) === null || _a === void 0 ? void 0 : _a.raw) === false,
-                errorMessage: parameters.value.errorMessage,
-                styles: {
-                    fieldGroup: {
-                        height: height,
-                        width: width
-                    }
-                },
-                //@ts-ignore - TODO: fix types in shared components
-                deleteButtonProps: ((_b = parameters.EnableDeleteButton) === null || _b === void 0 ? void 0 : _b.raw) === true ? {
-                    key: 'Delete',
-                    onClick: clearDate,
-                    showOnlyOnHover: true,
-                    iconProps: {
-                        iconName: 'Cancel'
-                    }
-                } : undefined,
-                clickToCopyProps: ((_c = parameters.EnableCopyButton) === null || _c === void 0 ? void 0 : _c.raw) === true ? {
-                    key: 'copy',
-                    showOnlyOnHover: true,
-                    iconProps: {
-                        iconName: 'Copy'
-                    }
-                } : undefined
-            }, 
-            //undefined will break the calendar => it wont reflect date change in it's UI
-            value: date !== null && date !== void 0 ? date : new Date() }) })));
-};
-
-export { DateTime };
+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};

package/dist/components/Decimal/Decimal.js

@@ -1,167 +1 @@
-import { jsx } from 'react/jsx-runtime';
-import { TextField } from '@talxis/react-components/dist/components/TextField';
-import { useInputBasedComponent } from '../../hooks/useInputBasedComponent.js';
-import numeral from 'numeral';
-import { N as Numeral } 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 CURRENCY_POSITIVE_PATTERN = {
-    0: '$n',
-    1: 'n$',
-    2: '$ n',
-    3: 'n $',
-};
-const CURRENCY_NEGATIVE_PATTERN = {
-    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'
-};
-const NUMBER_NEGATIVE_PATTERN = {
-    0: '(n)',
-    1: '-n',
-    2: '- n',
-    3: 'n-',
-    4: 'n -'
-};
-
-const Decimal = (props) => {
-    var _a, _b, _c, _d;
-    const context = props.context;
-    const parameters = props.parameters;
-    const boundValue = parameters.value;
-    const numberFormatting = context.userSettings.numberFormattingInfo;
-    const formatter = (value) => {
-        var _a;
-        if (value == null) {
-            return undefined;
-        }
-        if (isNaN(value)) {
-            return value;
-        }
-        if (props.parameters.value.type === 'Decimal') {
-            return context.formatting.formatDecimal(parseFloat(value), (_a = boundValue.attributes) === null || _a === void 0 ? void 0 : _a.Precision);
-        }
-        if (props.parameters.value.type === 'Currency') {
-            //the layer above has information about the symbol, so we can use the formatted string
-            if (props.parameters.value.formatted) {
-                return props.parameters.value.formatted;
-            }
-            if (typeof value === 'number') {
-                return context.formatting.formatCurrency(value);
-            }
-        }
-        return context.formatting.formatInteger(parseInt(value));
-    };
-    const createNumberPattern = (pattern, numberPattern) => {
-        return new RegExp(`^${escapeRegExp(pattern).replace('n', numberPattern)}$`.replace(/\s/g, ''));
-    };
-    const createCurrencyPattern = (pattern, numberPattern) => {
-        const escapedPattern = escapeRegExp(pattern);
-        const escapedCurrencySymbolPattern = `(${escapeRegExp(numberFormatting.currencySymbol)})?`;
-        const finalPattern = escapedPattern.replace('\\$', escapedCurrencySymbolPattern).replace('n', numberPattern);
-        return new RegExp(`^${finalPattern.replace(/\s/g, '')}$`);
-    };
-    const escapeRegExp = (string) => {
-        return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
-    };
-    const extractNumericPart = (str) => {
-        var _a;
-        // Currency control just sends the string up and lets the framework decide whether the value is correct
-        // It only tries to parse the number based on the current user format
-        // This means that the value will also pass if the user inputs his own currency even though
-        // the currency is different on the field
-        if (typeof str === 'number') {
-            return str;
-        }
-        str = str === null || str === void 0 ? void 0 : str.replace(/\s/g, '');
-        Numeral.decimal(numberFormatting);
-        let positivePattern;
-        let negativePattern;
-        switch (props.parameters.value.type) {
-            case 'Whole.None': {
-                const numberPattern = `\\d{1,}(${numberFormatting.numberGroupSeparator}\\d{1,})*`;
-                positivePattern = createNumberPattern('n', numberPattern);
-                negativePattern = createNumberPattern(NUMBER_NEGATIVE_PATTERN[numberFormatting.numberNegativePattern], numberPattern);
-                break;
-            }
-            case 'Decimal': {
-                const numberPattern = `\\d{1,}(${numberFormatting.numberGroupSeparator}\\d{1,})*(\\${numberFormatting.numberDecimalSeparator}\\d+)?`;
-                positivePattern = createNumberPattern('n', numberPattern);
-                negativePattern = createNumberPattern(NUMBER_NEGATIVE_PATTERN[numberFormatting.numberNegativePattern], numberPattern);
-                break;
-            }
-            case 'Currency': {
-                Numeral.currency(numberFormatting);
-                const numberPattern = `\\d{1,}(${numberFormatting.currencyGroupSeparator}\\d{1,})*(\\${numberFormatting.currencyDecimalSeparator}\\d+)?`;
-                positivePattern = createCurrencyPattern(CURRENCY_POSITIVE_PATTERN[numberFormatting.currencyPositivePattern], numberPattern);
-                negativePattern = createCurrencyPattern(CURRENCY_NEGATIVE_PATTERN[numberFormatting.currencyNegativePattern], numberPattern);
-                break;
-            }
-        }
-        if (positivePattern.test(str)) {
-            return (_a = numeral(str).value()) !== null && _a !== void 0 ? _a : undefined;
-        }
-        if (negativePattern.test(str)) {
-            const value = numeral(str).value();
-            if (value > 0) {
-                return value * -1;
-            }
-            return value;
-        }
-        return str; // Return undefined if no numeric part is extracted
-    };
-    const { value, sizing, setValue, onNotifyOutputChanged } = useInputBasedComponent('Decimal', props, {
-        formatter: formatter,
-        valueExtractor: extractNumericPart
-    });
-    return (jsx(TextField, { readOnly: context.mode.isControlDisabled, autoFocus: (_a = parameters.AutoFocus) === null || _a === void 0 ? void 0 : _a.raw, borderless: ((_b = parameters.EnableBorder) === null || _b === void 0 ? void 0 : _b.raw) === false, errorMessage: boundValue.errorMessage, styles: {
-            fieldGroup: {
-                height: sizing.height,
-                width: sizing.width
-            }
-        }, deleteButtonProps: ((_c = parameters.EnableDeleteButton) === null || _c === void 0 ? void 0 : _c.raw) === true
-            ? {
-                key: "delete",
-                showOnlyOnHover: true,
-                iconProps: {
-                    iconName: "Delete",
-                },
-                onClick: () => setValue(undefined),
-            }
-            : undefined, clickToCopyProps: ((_d = parameters.EnableCopyButton) === null || _d === void 0 ? void 0 : _d.raw) === true
-            ? {
-                key: "copy",
-                showOnlyOnHover: true,
-                iconProps: {
-                    iconName: "Copy",
-                },
-            }
-            : undefined, value: value !== null && value !== void 0 ? value : "", onBlur: (event) => {
-            onNotifyOutputChanged({
-                value: extractNumericPart(event.target.value)
-            });
-        }, onChange: (e, value) => {
-            setValue(value);
-        } }));
-};
-
-export { Decimal };
+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,f=d.userSettings.numberFormattingInfo,g=(e,r)=>new RegExp(`^${b(e).replace("n",r)}$`.replace(/\s/g,"")),y=(e,r)=>{const t=b(e),n=`(${b(f.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(f),u.parameters.value.type){case"Whole.None":{const e=`\\d{1,}(${f.numberGroupSeparator}\\d{1,})*`;t=g("n",e),s=g(l[f.numberNegativePattern],e);break}case"Decimal":{const e=`\\d{1,}(${f.numberGroupSeparator}\\d{1,})*(\\${f.numberDecimalSeparator}\\d+)?`;t=g("n",e),s=g(l[f.numberNegativePattern],e);break}case"Currency":{o.currency(f);const e=`\\d{1,}(${f.currencyGroupSeparator}\\d{1,})*(\\${f.currencyDecimalSeparator}\\d+)?`;t=y(a[f.currencyPositivePattern],e),s=y(i[f.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:N,onNotifyOutputChanged:P}=t("Decimal",u,{formatter:e=>{var r,t;if(null!=e){if(isNaN(e))return e;if("Decimal"===u.parameters.value.type)return d.formatting.formatDecimal(parseFloat(e),null===(r=$.attributes)||void 0===r?void 0:r.Precision);if("Currency"===u.parameters.value.type){if(u.parameters.value.formatted)return u.parameters.value.formatted;if("number"==typeof e)return d.formatting.formatDecimal(e,null===(t=$.attributes)||void 0===t?void 0:t.Precision)}return d.formatting.formatInteger(parseInt(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:()=>N(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=>{P({value:h(e.target.value)})},onChange:(e,r)=>{N(r)}})};export{u as Decimal};