@talxis/base-controls 1.2408.1 → 1.2408.3

package/dist/components/Decimal/Decimal.js

@@ -1 +1,200 @@
-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};
+import { jsx } from 'react/jsx-runtime';
+import { TextField } from '@talxis/react-components';
+import { useInputBasedControl } from '../../hooks/useInputBasedControl.js';
+import { useRef, useEffect, useMemo } from 'react';
+import numeral from 'numeral';
+import { Numeral } from '../../utils/Numeral.js';
+import { CURRENCY_POSITIVE_PATTERN, CURRENCY_NEGATIVE_PATTERN, NUMBER_NEGATIVE_PATTERN } from '../../constants.js';
+import { ThemeProvider } from '@fluentui/react';
+import { ArrowButtons } from './components/ArrowButtons.js';
+
+const Decimal = (props) => {
+    const arrowButtonsRef = useRef(null);
+    const context = props.context;
+    const parameters = props.parameters;
+    const boundValue = parameters.value;
+    const numberFormatting = context.userSettings.numberFormattingInfo;
+    const onOverrideComponentProps = props.onOverrideComponentProps ?? ((props) => props);
+    const formatter = (value) => {
+        if (typeof value === 'number') {
+            if (props.parameters.value.type === 'Decimal') {
+                return context.formatting.formatDecimal(value, boundValue.attributes?.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;
+                }
+                return context.formatting.formatCurrency(value, boundValue.attributes?.Precision);
+            }
+            return context.formatting.formatInteger(value);
+        }
+        return 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 = (value) => {
+        // 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 value === 'number') {
+            return value;
+        }
+        const str = value?.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 numeral(str).value() ?? undefined;
+        }
+        if (negativePattern.test(str)) {
+            const value = numeral(str).value();
+            if (value > 0) {
+                return value * -1;
+            }
+            return value;
+        }
+        return value;
+    };
+    const { value, sizing, theme, setValue, onNotifyOutputChanged } = useInputBasedControl('Decimal', props, {
+        formatter: formatter,
+        valueExtractor: extractNumericPart
+    });
+    const getSuffixItems = () => {
+        if (context.mode.isControlDisabled || !parameters.EnableSpinButton?.raw) {
+            return undefined;
+        }
+        return [
+            {
+                key: 'arrows',
+                onRender: () => jsx(ArrowButtons, { ref: arrowButtonsRef, onDecrement: () => makeStep('decrement'), onIncrement: () => makeStep('increment') })
+            }
+        ];
+    };
+    const makeStep = (type) => {
+        const value = boundValue.raw ?? 0;
+        if (typeof value !== 'number') {
+            return;
+        }
+        const precision = Math.pow(10, boundValue.attributes?.Precision ?? 0);
+        const adjustment = type === 'increment' ? 1 : -1;
+        const newValue = parseFloat(((value) + adjustment / precision).toFixed(boundValue.attributes?.Precision ?? 0));
+        onNotifyOutputChanged({ value: newValue });
+    };
+    const onKeyDown = (e) => {
+        if (context.mode.isControlDisabled) {
+            return;
+        }
+        switch (e.key) {
+            case 'ArrowDown': {
+                e.preventDefault();
+                makeStep('decrement');
+                arrowButtonsRef.current?.setActiveBtn('down');
+                break;
+            }
+            case 'ArrowUp': {
+                e.preventDefault();
+                makeStep('increment');
+                arrowButtonsRef.current?.setActiveBtn('up');
+                break;
+            }
+        }
+    };
+    const getInputMode = () => {
+        switch (props.parameters.value.type) {
+            case 'Whole.None': {
+                return 'numeric';
+            }
+            case 'Decimal':
+            case 'Currency': {
+                return 'decimal';
+            }
+        }
+    };
+    useEffect(() => {
+        if (boundValue.type === 'Currency') {
+            setValue(boundValue.formatted);
+        }
+    }, [boundValue.formatted]);
+    const componentProps = onOverrideComponentProps({
+        underlined: theme.effects.underlined,
+        hideErrorMessage: !parameters.ShowErrorMessage?.raw,
+        readOnly: context.mode.isControlDisabled,
+        inputMode: useMemo(() => getInputMode(), [props.parameters.value.type]),
+        suffixItems: getSuffixItems(),
+        autoFocus: parameters.AutoFocus?.raw,
+        borderless: parameters.EnableBorder?.raw === false,
+        errorMessage: boundValue.errorMessage,
+        styles: {
+            fieldGroup: {
+                height: sizing.height,
+                width: sizing.width
+            }
+        },
+        deleteButtonProps: parameters.EnableDeleteButton?.raw === true
+            ? {
+                key: "delete",
+                showOnlyOnHover: true,
+                iconProps: {
+                    iconName: "Cancel",
+                },
+                onClick: () => setValue(undefined),
+            }
+            : undefined,
+        clickToCopyProps: parameters.EnableCopyButton?.raw === true
+            ? {
+                key: "copy",
+                showOnlyOnHover: true,
+                iconProps: {
+                    iconName: "Copy",
+                },
+            }
+            : undefined,
+        value: value ?? "",
+        onBlur: (event) => {
+            onNotifyOutputChanged({
+                value: extractNumericPart(event.target.value)
+            });
+        },
+        onChange: (e, value) => {
+            setValue(value);
+        },
+        onKeyDown: onKeyDown,
+    });
+    return (jsx(ThemeProvider, { theme: theme, applyTo: "none", children: jsx(TextField, { ...componentProps }) }));
+};
+
+export { Decimal };
+//# sourceMappingURL=Decimal.js.map

package/dist/components/Decimal/Decimal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Decimal.js","sources":["../../../src/components/Decimal/Decimal.tsx"],"sourcesContent":["import { TextField } from \"@talxis/react-components\";\nimport { useInputBasedControl } from \"../../hooks/useInputBasedControl\";\nimport { IDecimal, IDecimalOutputs, IDecimalParameters } from \"./interfaces\";\nimport React, { useEffect, useMemo, useRef } from \"react\";\nimport numeral from \"numeral\";\nimport { Numeral } from \"../../utils/Numeral\";\nimport { CURRENCY_NEGATIVE_PATTERN, CURRENCY_POSITIVE_PATTERN, NUMBER_NEGATIVE_PATTERN } from \"../../constants\";\nimport { ICommandBarItemProps, ThemeProvider } from \"@fluentui/react\";\nimport { ArrowButtons, IArrowButtons } from \"./components/ArrowButtons\";\n\nexport const Decimal = (props: IDecimal) => {\n    const arrowButtonsRef = useRef<IArrowButtons>(null);\n    const context = props.context;\n    const parameters = props.parameters;\n    const boundValue = parameters.value;\n    const numberFormatting = context.userSettings.numberFormattingInfo;\n    const onOverrideComponentProps = props.onOverrideComponentProps ?? ((props) => props);\n\n    const formatter = (value: string | number | null): string | undefined | null => {\n        if (typeof value === 'number') {\n            if (props.parameters.value.type === 'Decimal') {\n                return context.formatting.formatDecimal(value, boundValue.attributes?.Precision);\n            }\n            if (props.parameters.value.type === 'Currency') {\n                //the layer above has information about the symbol, so we can use the formatted string\n                if (props.parameters.value.formatted) {\n                    return props.parameters.value.formatted;\n                }\n                return context.formatting.formatCurrency(value, boundValue.attributes?.Precision);\n            }\n            return context.formatting.formatInteger(value);\n        }\n        return value;\n    };\n\n    const createNumberPattern = (pattern: string, numberPattern: string) => {\n        return new RegExp(`^${escapeRegExp(pattern).replace('n', numberPattern)}$`.replace(/\\s/g, ''));\n    };\n\n    const createCurrencyPattern = (pattern: string, numberPattern: string) => {\n        const escapedPattern = escapeRegExp(pattern);\n        const escapedCurrencySymbolPattern = `(${escapeRegExp(numberFormatting.currencySymbol)})?`;\n        const finalPattern = escapedPattern.replace('\\\\$', escapedCurrencySymbolPattern).replace('n', numberPattern);\n        return new RegExp(`^${finalPattern.replace(/\\s/g, '')}$`);\n    };\n\n    const escapeRegExp = (string: string) => {\n        return string.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n    };\n\n    const extractNumericPart = (value: any): number | undefined => {\n        // Currency control just sends the string up and lets the framework decide whether the value is correct\n        // It only tries to parse the number based on the current user format\n        // This means that the value will also pass if the user inputs his own currency even though\n        // the currency is different on the field\n        if (typeof value === 'number') {\n            return value\n        }\n        const str = value?.replace(/\\s/g, '');\n        Numeral.decimal(numberFormatting);\n        let positivePattern: any;\n        let negativePattern: any;\n\n        switch (props.parameters.value.type) {\n            case 'Whole.None': {\n                const numberPattern = `\\\\d{1,}(${numberFormatting.numberGroupSeparator}\\\\d{1,})*`;\n                positivePattern = createNumberPattern('n', numberPattern);\n                negativePattern = createNumberPattern(NUMBER_NEGATIVE_PATTERN[numberFormatting.numberNegativePattern], numberPattern);\n                break;\n            }\n            case 'Decimal': {\n                const numberPattern = `\\\\d{1,}(${numberFormatting.numberGroupSeparator}\\\\d{1,})*(\\\\${numberFormatting.numberDecimalSeparator}\\\\d+)?`;\n                positivePattern = createNumberPattern('n', numberPattern);\n                negativePattern = createNumberPattern(NUMBER_NEGATIVE_PATTERN[numberFormatting.numberNegativePattern], numberPattern);\n                break;\n            }\n            case 'Currency': {\n                Numeral.currency(numberFormatting);\n                const numberPattern = `\\\\d{1,}(${numberFormatting.currencyGroupSeparator}\\\\d{1,})*(\\\\${numberFormatting.currencyDecimalSeparator}\\\\d+)?`;\n                positivePattern = createCurrencyPattern(CURRENCY_POSITIVE_PATTERN[numberFormatting.currencyPositivePattern], numberPattern);\n                negativePattern = createCurrencyPattern(CURRENCY_NEGATIVE_PATTERN[numberFormatting.currencyNegativePattern], numberPattern);\n                break;\n            }\n        }\n        if (positivePattern.test(str)) {\n            return numeral(str).value() ?? undefined;\n        }\n        if (negativePattern.test(str)) {\n            const value = numeral(str).value()!;\n            if (value > 0) {\n                return value * -1;\n            }\n            return value;\n        }\n        return value;\n    };\n\n    const { value, sizing, theme, setValue, onNotifyOutputChanged } = useInputBasedControl<string | undefined, IDecimalParameters, IDecimalOutputs, any>('Decimal', props, {\n        formatter: formatter,\n        valueExtractor: extractNumericPart\n    });\n\n    const getSuffixItems = (): ICommandBarItemProps[] | undefined => {\n        if (context.mode.isControlDisabled || !parameters.EnableSpinButton?.raw) {\n            return undefined;\n        }\n        return [\n            {\n                key: 'arrows',\n                onRender: () => <ArrowButtons\n                    ref={arrowButtonsRef}\n                    onDecrement={() => makeStep('decrement')}\n                    onIncrement={() => makeStep('increment')} />\n            }\n        ]\n    }\n\n    const makeStep = (type: 'increment' | 'decrement') => {\n        const value = boundValue.raw ?? 0;\n        if (typeof value !== 'number') {\n            return;\n        }\n        const precision = Math.pow(10, boundValue.attributes?.Precision ?? 0);\n        const adjustment = type === 'increment' ? 1 : -1;\n        const newValue = parseFloat(((value) + adjustment / precision).toFixed(boundValue.attributes?.Precision ?? 0));\n        onNotifyOutputChanged({ value: newValue });\n\n    }\n\n    const onKeyDown = (e: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n        if (context.mode.isControlDisabled) {\n            return;\n        }\n        switch (e.key) {\n            case 'ArrowDown': {\n                e.preventDefault();\n                makeStep('decrement');\n                arrowButtonsRef.current?.setActiveBtn('down');\n                break;\n            }\n            case 'ArrowUp': {\n                e.preventDefault();\n                makeStep('increment');\n                arrowButtonsRef.current?.setActiveBtn('up');\n                break;\n            }\n        }\n    }\n\n    const getInputMode = () => {\n        switch (props.parameters.value.type) {\n            case 'Whole.None': {\n                return 'numeric';\n            }\n            case 'Decimal':\n            case 'Currency': {\n                return 'decimal';\n            }\n        }\n    }\n    useEffect(() => {\n        if (boundValue.type === 'Currency') {\n            setValue(boundValue.formatted);\n        }\n    }, [boundValue.formatted]);\n\n    const componentProps = onOverrideComponentProps({\n        underlined: theme.effects.underlined,\n        hideErrorMessage: !parameters.ShowErrorMessage?.raw,\n        readOnly: context.mode.isControlDisabled,\n        inputMode: useMemo(() => getInputMode(), [props.parameters.value.type]),\n        suffixItems: getSuffixItems(),\n        autoFocus: parameters.AutoFocus?.raw,\n        borderless: parameters.EnableBorder?.raw === false,\n        errorMessage: boundValue.errorMessage,\n        styles: {\n            fieldGroup: {\n                height: sizing.height,\n                width: sizing.width\n            }\n        },\n        deleteButtonProps: parameters.EnableDeleteButton?.raw === true\n            ? {\n                key: \"delete\",\n                showOnlyOnHover: true,\n                iconProps: {\n                    iconName: \"Cancel\",\n                },\n                onClick: () => setValue(undefined),\n            }\n            : undefined,\n        clickToCopyProps: parameters.EnableCopyButton?.raw === true\n            ? {\n                key: \"copy\",\n                showOnlyOnHover: true,\n                iconProps: {\n                    iconName: \"Copy\",\n                },\n            }\n            : undefined,\n        value: value ?? \"\",\n        onBlur: (event) => {\n            onNotifyOutputChanged({\n                value: extractNumericPart(event.target.value)\n            });\n        },\n        onChange: (e, value) => {\n            setValue(value);\n        },\n        onKeyDown: onKeyDown,\n    });\n    return (\n        <ThemeProvider theme={theme} applyTo=\"none\">\n            <TextField {...componentProps} />\n        </ThemeProvider>\n    );\n};\n"],"names":["_jsx"],"mappings":"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"}

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

@@ -1 +1,38 @@
-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};
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useTheme, IconButton } from '@fluentui/react';
+import { forwardRef, useMemo, useState, useEffect, useImperativeHandle } from 'react';
+import { getArrowButtonStyles } from './styles.js';
+
+const ArrowButtons = forwardRef((props, ref) => {
+    const theme = useTheme();
+    const styles = useMemo(() => getArrowButtonStyles(theme), []);
+    const [activeBtn, setActiveBtn] = useState(undefined);
+    const getIconButtonClassNames = (type) => {
+        let classNames = `${styles.iconButton}`;
+        if (activeBtn === type) {
+            classNames += ` ${styles.iconButtonActive}`;
+        }
+        return classNames;
+    };
+    useEffect(() => {
+        if (!activeBtn) {
+            return;
+        }
+        setTimeout(() => {
+            setActiveBtn(undefined);
+        }, 100);
+    }, [activeBtn]);
+    useImperativeHandle(ref, () => {
+        return {
+            setActiveBtn: setActiveBtn
+        };
+    });
+    return jsxs("div", { className: styles.root, children: [jsx(IconButton, { onClick: props.onIncrement, className: getIconButtonClassNames('up'), iconProps: {
+                    iconName: 'ChevronUpSmall'
+                } }), jsx(IconButton, { onClick: props.onDecrement, className: getIconButtonClassNames('down'), iconProps: {
+                    iconName: 'ChevronDownSmall'
+                } })] });
+});
+
+export { ArrowButtons };
+//# sourceMappingURL=ArrowButtons.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowButtons.js","sources":["../../../../src/components/Decimal/components/ArrowButtons.tsx"],"sourcesContent":["import { IconButton, useTheme } from \"@fluentui/react\"\nimport { forwardRef, useEffect, useImperativeHandle, useMemo, useState } from \"react\"\nimport { getArrowButtonStyles } from \"./styles\";\nimport React from 'react';\n\ninterface IArrowButtonsProps {\n    onIncrement: () => void;\n    onDecrement: () => void;\n}\n\nexport interface IArrowButtons {\n    setActiveBtn: (direction: 'up' | 'down') => void;\n}\n\nexport const ArrowButtons = forwardRef<IArrowButtons, IArrowButtonsProps>((props, ref) => {\n    const theme = useTheme();\n    const styles = useMemo(() => getArrowButtonStyles(theme), []);\n    const [activeBtn, setActiveBtn] = useState<'up' | 'down' | undefined>(undefined);\n\n    const getIconButtonClassNames = (type: 'up' | 'down') => {\n        let classNames = `${styles.iconButton}`;\n        if(activeBtn === type) {\n            classNames += ` ${styles.iconButtonActive}`\n        }\n        return classNames;\n    }\n    useEffect(() => {\n        if(!activeBtn) {\n            return;\n        }\n        setTimeout(() => {\n            setActiveBtn(undefined);\n        }, 100)\n    }, [activeBtn]);\n\n    useImperativeHandle(ref, () => {\n        return {\n            setActiveBtn: setActiveBtn\n        }\n    });\n    \n    return <div className={styles.root}>\n        <IconButton onClick={props.onIncrement} className={getIconButtonClassNames('up')} iconProps={{\n            iconName: 'ChevronUpSmall'\n        }} />\n          <IconButton onClick={props.onDecrement} className={getIconButtonClassNames('down')} iconProps={{\n            iconName: 'ChevronDownSmall'\n        }} />\n    </div>\n});"],"names":["_jsxs","_jsx"],"mappings":";;;;;AAca,MAAA,YAAY,GAAG,UAAU,CAAoC,CAAC,KAAK,EAAE,GAAG,KAAI;AACrF,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;AACzB,IAAA,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,oBAAoB,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IAC9D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAA4B,SAAS,CAAC,CAAC;AAEjF,IAAA,MAAM,uBAAuB,GAAG,CAAC,IAAmB,KAAI;AACpD,QAAA,IAAI,UAAU,GAAG,CAAA,EAAG,MAAM,CAAC,UAAU,EAAE,CAAC;QACxC,IAAG,SAAS,KAAK,IAAI,EAAE;AACnB,YAAA,UAAU,IAAI,CAAI,CAAA,EAAA,MAAM,CAAC,gBAAgB,EAAE,CAAA;AAC9C,SAAA;AACD,QAAA,OAAO,UAAU,CAAC;AACtB,KAAC,CAAA;IACD,SAAS,CAAC,MAAK;QACX,IAAG,CAAC,SAAS,EAAE;YACX,OAAO;AACV,SAAA;QACD,UAAU,CAAC,MAAK;YACZ,YAAY,CAAC,SAAS,CAAC,CAAC;SAC3B,EAAE,GAAG,CAAC,CAAA;AACX,KAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;AAEhB,IAAA,mBAAmB,CAAC,GAAG,EAAE,MAAK;QAC1B,OAAO;AACH,YAAA,YAAY,EAAE,YAAY;SAC7B,CAAA;AACL,KAAC,CAAC,CAAC;IAEH,OAAOA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,IAAI,EAC9B,QAAA,EAAA,CAAAC,GAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAE,KAAK,CAAC,WAAW,EAAE,SAAS,EAAE,uBAAuB,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE;AACzF,oBAAA,QAAQ,EAAE,gBAAgB;AAC7B,iBAAA,EAAA,CAAI,EACHA,GAAC,CAAA,UAAU,IAAC,OAAO,EAAE,KAAK,CAAC,WAAW,EAAE,SAAS,EAAE,uBAAuB,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE;AAC7F,oBAAA,QAAQ,EAAE,kBAAkB;AAC/B,iBAAA,EAAA,CAAI,IACH,CAAA;AACV,CAAC;;;;"}

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

@@ -1 +1,26 @@
-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};
+import { mergeStyleSets } from '@fluentui/react';
+
+const getArrowButtonStyles = (theme) => {
+    return mergeStyleSets({
+        root: {
+            display: 'flex',
+            flexDirection: 'column',
+        },
+        iconButton: {
+            borderRadius: 0,
+            height: '50%',
+            'i': {
+                fontSize: 8,
+            }
+        },
+        iconButtonActive: {
+            backgroundColor: theme.semanticColors.buttonBackgroundPressed,
+            'i': {
+                color: theme.semanticColors.inputIconHovered
+            }
+        }
+    });
+};
+
+export { getArrowButtonStyles };
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../src/components/Decimal/components/styles.ts"],"sourcesContent":["import { ITheme, mergeStyleSets } from \"@fluentui/react\"\n\nexport const getArrowButtonStyles = (theme: ITheme) => {\n    return mergeStyleSets({\n        root: {\n            display: 'flex',\n            flexDirection: 'column',\n        },\n        iconButton: {\n            borderRadius: 0,\n            height: '50%',\n            'i': {\n                fontSize: 8,\n            }\n        },\n        iconButtonActive: {\n            backgroundColor: theme.semanticColors.buttonBackgroundPressed,\n            'i': {\n                color: theme.semanticColors.inputIconHovered\n            }\n        }\n    })\n}"],"names":[],"mappings":";;AAEa,MAAA,oBAAoB,GAAG,CAAC,KAAa,KAAI;AAClD,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,IAAI,EAAE;AACF,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;AAC1B,SAAA;AACD,QAAA,UAAU,EAAE;AACR,YAAA,YAAY,EAAE,CAAC;AACf,YAAA,MAAM,EAAE,KAAK;AACb,YAAA,GAAG,EAAE;AACD,gBAAA,QAAQ,EAAE,CAAC;AACd,aAAA;AACJ,SAAA;AACD,QAAA,gBAAgB,EAAE;AACd,YAAA,eAAe,EAAE,KAAK,CAAC,cAAc,CAAC,uBAAuB;AAC7D,YAAA,GAAG,EAAE;AACD,gBAAA,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB;AAC/C,aAAA;AACJ,SAAA;AACJ,KAAA,CAAC,CAAA;AACN;;;;"}

package/dist/components/Decimal/index.js

@@ -1 +1,2 @@
-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";
+export { Decimal } from './Decimal.js';
+//# sourceMappingURL=index.js.map

package/dist/components/Decimal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -6,7 +6,7 @@ export interface IDecimal extends IControl<IDecimalParameters, IDecimalOutputs,
 }
 export interface IDecimalParameters extends IInputParameters {
     value: IDecimalNumberProperty;
-    EnableSpinButton?: ITwoOptionsProperty;
+    EnableSpinButton?: Omit<ITwoOptionsProperty, 'attributes'>;
 }
 export interface IDecimalOutputs extends IOutputs {
     value?: number;

package/dist/components/Duration/Duration.js

@@ -1 +1,132 @@
-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};
+import { jsx } from 'react/jsx-runtime';
+import { ComboBox } from '@talxis/react-components';
+import { useRef, useEffect } from 'react';
+import { useInputBasedControl } from '../../hooks/useInputBasedControl.js';
+import { ThemeProvider } from '@fluentui/react';
+import numeral from 'numeral';
+import { Numeral } from '../../utils/Numeral.js';
+import { getDefaultDurationTranslations } from './translations.js';
+import { durationOptions } from './durationOptions.js';
+
+const Duration = (props) => {
+    const parameters = props.parameters;
+    const boundValue = parameters.value;
+    const componentRef = useRef(null);
+    const context = props.context;
+    const humanizeDuration = require("humanize-duration");
+    const formattingInfo = context.userSettings;
+    //@ts-ignore - locale is part of UserSettings
+    const language = formattingInfo.locale;
+    const numberFormatting = context.userSettings.numberFormattingInfo;
+    const formatter = (value) => {
+        //all duration formatting should happen here
+        if (typeof value === 'number') {
+            const durationInMilliseconds = value * 60000;
+            const units = value < 60 ? ['m'] : value >= 1440 ? ['d'] : ['h'];
+            const options = {
+                units: units,
+                maxDecimalPoints: 2,
+                language: language.slice(0, language.indexOf("-")),
+                decimal: context.userSettings.numberFormattingInfo.numberDecimalSeparator,
+                fallbacks: ["en"]
+            };
+            return humanizeDuration(durationInMilliseconds, options);
+        }
+        return value;
+    };
+    const valueExtractor = (str) => {
+        //extraction of number of minutes from formatted string should happen here
+        // parsing because labels are string that represent array of strings
+        const minuteLabels = JSON.parse(labels.minute());
+        const minutesLabels = JSON.parse(labels.minutes());
+        const hourLabels = JSON.parse(labels.hour());
+        const hoursLabels = JSON.parse(labels.hours());
+        const dayLabels = JSON.parse(labels.day());
+        const daysLabels = JSON.parse(labels.days());
+        const minuteRegex = new RegExp("^(" + minuteLabels.join('|') + ")\\s|\\s(" + minuteLabels.join('|') + ")$|^(" + minutesLabels.join('|') + ")\\s|\\s(" + minutesLabels.join('|') + ")$", "i");
+        const hourRegex = new RegExp("^(" + hourLabels.join('|') + ")\\s|\\s(" + hourLabels.join('|') + ")$|^(" + hoursLabels.join('|') + ")\\s|\\s(" + hoursLabels.join('|') + ")$", "i");
+        const dayRegex = new RegExp("^(" + dayLabels.join('|') + ")\\s|\\s(" + dayLabels.join('|') + ")$|^(" + daysLabels.join('|') + ")\\s|\\s(" + daysLabels.join('|') + ")$", "i");
+        if (str && str.trim()) {
+            let input = str.trim().toLowerCase();
+            let unit = 'minute';
+            if (minuteRegex.test(input)) {
+                input = input.replace(minuteRegex, "").trim();
+            }
+            else if (hourRegex.test(input)) {
+                input = input.replace(hourRegex, "").trim();
+                unit = 'hour';
+            }
+            else if (dayRegex.test(input)) {
+                input = input.replace(dayRegex, "").trim();
+                unit = 'day';
+            }
+            const parsedNumber = parseNumber(input);
+            if (parsedNumber && !isNaN(parsedNumber)) {
+                return getDurationInMinutes(parsedNumber, unit);
+            }
+            return str;
+        }
+        return undefined;
+    };
+    const parseNumber = (input) => {
+        Numeral.decimal(numberFormatting);
+        return numeral(input).value() ?? undefined;
+    };
+    const getDurationInMinutes = (value, unit) => {
+        switch (unit) {
+            case 'hour':
+                return 60 * value;
+            case 'day':
+                return 60 * value * 24;
+            case 'minute':
+            default:
+                return value;
+        }
+    };
+    const presetOptions = () => {
+        const formattedOptions = durationOptions.map(option => ({
+            key: option.Value.toString(),
+            text: formatter(parseInt(option.Label)),
+        }));
+        return formattedOptions;
+    };
+    const comboBoxOptions = presetOptions();
+    const { value, labels, sizing, setValue, onNotifyOutputChanged, theme } = useInputBasedControl('Duration', props, {
+        formatter: formatter,
+        valueExtractor: valueExtractor,
+        defaultTranslations: getDefaultDurationTranslations(),
+    });
+    useEffect(() => {
+        if (parameters.AutoFocus?.raw) {
+            componentRef.current?.focus(true);
+        }
+    }, []);
+    return (jsx(ThemeProvider, { theme: theme, applyTo: "none", children: jsx(ComboBox, { componentRef: componentRef, options: comboBoxOptions, hideErrorMessage: !parameters.ShowErrorMessage?.raw, allowFreeInput: true, autoComplete: 'on', autofill: parameters.AutoFocus?.raw === true ? {
+                autoFocus: true
+            } : undefined, readOnly: context.mode.isControlDisabled, useComboBoxAsMenuWidth: true, errorMessage: boundValue.errorMessage, text: value ?? '', styles: {
+                root: {
+                    height: sizing.height,
+                    width: sizing.width,
+                    display: 'flex',
+                    alignItems: 'center',
+                },
+                callout: {
+                    height: 300
+                }
+            }, onInputValueChange: (text) => {
+                setValue(text ?? '');
+            }, onBlur: (event) => {
+                onNotifyOutputChanged({
+                    //any is needed here because we can return string in case of error values
+                    value: valueExtractor(value)
+                });
+            }, onChange: (e, value) => {
+                onNotifyOutputChanged({
+                    //any is needed here because we can return string in case of error values
+                    value: valueExtractor(value?.text ?? '')
+                });
+            } }) }));
+};
+
+export { Duration };
+//# sourceMappingURL=Duration.js.map

package/dist/components/Duration/Duration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Duration.js","sources":["../../../src/components/Duration/Duration.tsx"],"sourcesContent":["import { ComboBox } from \"@talxis/react-components\";\nimport React, { useEffect, useRef } from 'react';\nimport { useInputBasedControl } from '../../hooks/useInputBasedControl';\nimport { IDuration, IDurationOutputs, IDurationParameters } from './interfaces';\nimport { IComboBox, IComboBoxOption, ThemeProvider } from '@fluentui/react';\nimport numeral from \"numeral\";\nimport { Numeral } from '../../utils/Numeral';\nimport { getDefaultDurationTranslations } from './translations';\nimport { durationOptions } from \"./durationOptions\";\n\nexport const Duration = (props: IDuration) => {\n    const parameters = props.parameters;\n    const boundValue = parameters.value;\n    const componentRef = useRef<IComboBox>(null);\n    const context = props.context;\n    const humanizeDuration = require(\"humanize-duration\");\n    const formattingInfo = context.userSettings;\n    //@ts-ignore - locale is part of UserSettings\n    const language = formattingInfo.locale;\n    const numberFormatting = context.userSettings.numberFormattingInfo;\n\n    const formatter = (value: number | null) => {\n        //all duration formatting should happen here\n        if (typeof value === 'number') {\n            const durationInMilliseconds = value * 60000;\n            const units = value < 60 ? ['m'] : value >= 1440 ? ['d'] : ['h'];\n            const options = {\n                units: units,\n                maxDecimalPoints: 2,\n                language: language.slice(0, language.indexOf(\"-\")),\n                decimal: context.userSettings.numberFormattingInfo.numberDecimalSeparator,\n                fallbacks: [\"en\"]\n            };\n            return humanizeDuration(durationInMilliseconds, options);\n        }\n        return value;\n    };\n\n    const valueExtractor = (str: string | null): number | undefined | string => {\n        //extraction of number of minutes from formatted string should happen here\n        // parsing because labels are string that represent array of strings\n        const minuteLabels = JSON.parse(labels.minute());\n        const minutesLabels = JSON.parse(labels.minutes());\n        const hourLabels = JSON.parse(labels.hour());\n        const hoursLabels = JSON.parse(labels.hours());\n        const dayLabels = JSON.parse(labels.day());\n        const daysLabels = JSON.parse(labels.days());\n        const minuteRegex = new RegExp(\"^(\" + minuteLabels.join('|') + \")\\\\s|\\\\s(\" + minuteLabels.join('|') + \")$|^(\" + minutesLabels.join('|') + \")\\\\s|\\\\s(\" + minutesLabels.join('|') + \")$\", \"i\");\n        const hourRegex = new RegExp(\"^(\" + hourLabels.join('|') + \")\\\\s|\\\\s(\" + hourLabels.join('|') + \")$|^(\" + hoursLabels.join('|') + \")\\\\s|\\\\s(\" + hoursLabels.join('|') + \")$\", \"i\");\n        const dayRegex = new RegExp(\"^(\" + dayLabels.join('|') + \")\\\\s|\\\\s(\" + dayLabels.join('|') + \")$|^(\" + daysLabels.join('|') + \")\\\\s|\\\\s(\" + daysLabels.join('|') + \")$\", \"i\");\n\n        if (str && str.trim()) {\n            let input = str.trim().toLowerCase();\n            let unit = 'minute';\n\n            if (minuteRegex.test(input)) {\n                input = input.replace(minuteRegex, \"\").trim();\n            } else if (hourRegex.test(input)) {\n                input = input.replace(hourRegex, \"\").trim();\n                unit = 'hour';\n            } else if (dayRegex.test(input)) {\n                input = input.replace(dayRegex, \"\").trim();\n                unit = 'day';\n            }\n            const parsedNumber = parseNumber(input);\n            if (parsedNumber && !isNaN(parsedNumber)) {\n                return getDurationInMinutes(parsedNumber, unit);\n            }\n            return str;\n        }\n        return undefined;\n    };\n\n    const parseNumber = (input: string): number | undefined => {\n        Numeral.decimal(numberFormatting);\n        return numeral(input).value() ?? undefined;\n    };\n\n    const getDurationInMinutes = (value: number, unit: string): number => {\n        switch (unit) {\n            case 'hour':\n                return 60 * value;\n            case 'day':\n                return 60 * value * 24;\n            case 'minute':\n            default:\n                return value;\n        }\n    };\n\n    const presetOptions = (): IComboBoxOption[] => {\n        const formattedOptions = durationOptions.map(option => ({\n            key: option.Value.toString(),\n            text: formatter(parseInt(option.Label)),\n        }));\n        return formattedOptions;\n    };\n\n    const comboBoxOptions: IComboBoxOption[] = presetOptions();\n\n    const { value, labels, sizing, setValue, onNotifyOutputChanged, theme } = useInputBasedControl<string | null, IDurationParameters, IDurationOutputs,  Required<IDuration>['translations']>('Duration', props, {\n        formatter: formatter,\n        valueExtractor: valueExtractor,\n        defaultTranslations: getDefaultDurationTranslations(),\n    });\n\n    useEffect(() => {\n        if (parameters.AutoFocus?.raw) {\n            componentRef.current?.focus(true);\n        }\n    }, []);\n\n    return (\n        <ThemeProvider theme={theme} applyTo=\"none\">\n        <ComboBox\n            componentRef={componentRef}\n            options={comboBoxOptions}\n            hideErrorMessage={!parameters.ShowErrorMessage?.raw}\n            allowFreeInput={true}\n            autoComplete='on'\n            autofill={parameters.AutoFocus?.raw === true ? {\n                autoFocus: true\n            } : undefined}\n            readOnly={context.mode.isControlDisabled}\n            useComboBoxAsMenuWidth\n            errorMessage={boundValue.errorMessage}\n            text={value ?? ''}\n            styles={{\n                root: {\n                    height: sizing.height,\n                    width: sizing.width,\n                    display: 'flex',\n                    alignItems: 'center',\n                },\n                callout: {\n                    height: 300\n                }\n            }}\n            onInputValueChange={(text) => {\n                setValue(text ?? '');\n            }}\n            onBlur={(event) => {\n                onNotifyOutputChanged({\n                    //any is needed here because we can return string in case of error values\n                    value: valueExtractor(value) as any\n                });\n            }}\n            onChange={(e, value) => {\n                onNotifyOutputChanged({\n                    //any is needed here because we can return string in case of error values\n                    value: valueExtractor(value?.text ?? '') as any\n                });\n            }}\n        />\n        </ThemeProvider>\n    );\n};"],"names":["_jsx"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+/// <reference types="powerapps-component-framework" />
+export declare const durationOptions: ComponentFramework.PropertyHelper.OptionMetadata[];

package/dist/components/Duration/durationOptions.js

@@ -0,0 +1,27 @@
+const durationOptions = [
+    { 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: '' },
+];
+
+export { durationOptions };
+//# sourceMappingURL=durationOptions.js.map

package/dist/components/Duration/durationOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"durationOptions.js","sources":["../../../src/components/Duration/durationOptions.ts"],"sourcesContent":["export const durationOptions: ComponentFramework.PropertyHelper.OptionMetadata[] = [\n    { Label: '1', Value: 1, Color: '' },\n    { Label: '15', Value: 2, Color: '' },\n    { Label: '30', Value: 3, Color: '' },\n    { Label: '45', Value: 4, Color: '' },\n    { Label: '60', Value: 5, Color: '' },\n    { Label: '90', Value: 6, Color: '' },\n    { Label: '120', Value: 7, Color: '' },\n    { Label: '150', Value: 8, Color: '' },\n    { Label: '180', Value: 9, Color: '' },\n    { Label: '210', Value: 10, Color: '' },\n    { Label: '240', Value: 11, Color: '' },\n    { Label: '270', Value: 12, Color: '' },\n    { Label: '300', Value: 13, Color: '' },\n    { Label: '330', Value: 14, Color: '' },\n    { Label: '360', Value: 15, Color: '' },\n    { Label: '390', Value: 16, Color: '' },\n    { Label: '420', Value: 17, Color: '' },\n    { Label: '450', Value: 18, Color: '' },\n    { Label: '480', Value: 19, Color: '' },\n    { Label: '1440', Value: 20, Color: '' },\n    { Label: '2880', Value: 21, Color: '' },\n    { Label: '4320', Value: 22, Color: '' },\n];"],"names":[],"mappings":"AAAa,MAAA,eAAe,GAAuD;IAC/E,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACnC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACpC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACpC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACpC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACpC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACpC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACrC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACrC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACrC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;IACtC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;IACtC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;IACtC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;IACtC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;IACtC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;IACtC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;IACtC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;IACtC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;IACtC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;IACtC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;IACvC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;IACvC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;;;;;"}

package/dist/components/Duration/index.js

@@ -1 +1,2 @@
-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";
+export { Duration } from './Duration.js';
+//# sourceMappingURL=index.js.map

package/dist/components/Duration/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Duration/translations.js

@@ -1 +1,31 @@
-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};
+const getDefaultDurationTranslations = () => {
+    return {
+        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 { getDefaultDurationTranslations };
+//# sourceMappingURL=translations.js.map

package/dist/components/Duration/translations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"translations.js","sources":["../../../src/components/Duration/translations.ts"],"sourcesContent":["\nexport const getDefaultDurationTranslations = () => {\n    return {\n        minute: {\n            1029: ['min','minuta', 'minuty', 'minute', 'minutu', 'minutě', 'minutou', 'minuta', 'minuty', 'minute', 'minutu', 'minute', 'minutou'],\n            1033: ['min','minute']\n        },\n        minutes: {\n            1029: ['minuty', 'minut', 'minutám', 'minutách', 'minutami', 'minuty', 'minut', 'minutam', 'minutach', 'minutami'],\n            1033: ['minutes']\n        },\n        hour: {\n            1029: ['hod','hodina', 'hodiny', 'hodině', 'hodinu', 'hodinou', 'hodina', 'hodiny', 'hodine', 'hodinu', 'hodinou'],\n            1033: ['hour']\n        },\n        hours: {\n            1029: ['hodiny', 'hodin', 'hodinám', 'hodinách', 'hodinami', 'hodiny', 'hodin', 'hodinam', 'hodinach', 'hodinami'],\n            1033: ['hours']\n        },\n        day: {\n            1029: ['den', 'dne', 'dni', 'dnu', 'dnem', 'den', 'dne', 'dni', 'dnu', 'dnem'],\n            1033: ['day']\n        },\n        days: {\n            1029: ['dny', 'dnů', 'dnům', 'dnech', 'dny', 'dní', 'dny', 'dnu', 'dnom', 'dnech', 'dny', 'dni'],\n            1033: ['days']\n        },\n    };\n};"],"names":[],"mappings":"AACO,MAAM,8BAA8B,GAAG,MAAK;IAC/C,OAAO;AACH,QAAA,MAAM,EAAE;YACJ,IAAI,EAAE,CAAC,KAAK,EAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC;AACtI,YAAA,IAAI,EAAE,CAAC,KAAK,EAAC,QAAQ,CAAC;AACzB,SAAA;AACD,QAAA,OAAO,EAAE;YACL,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,CAAC;YAClH,IAAI,EAAE,CAAC,SAAS,CAAC;AACpB,SAAA;AACD,QAAA,IAAI,EAAE;YACF,IAAI,EAAE,CAAC,KAAK,EAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC;YAClH,IAAI,EAAE,CAAC,MAAM,CAAC;AACjB,SAAA;AACD,QAAA,KAAK,EAAE;YACH,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,CAAC;YAClH,IAAI,EAAE,CAAC,OAAO,CAAC;AAClB,SAAA;AACD,QAAA,GAAG,EAAE;YACD,IAAI,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC;YAC9E,IAAI,EAAE,CAAC,KAAK,CAAC;AAChB,SAAA;AACD,QAAA,IAAI,EAAE;YACF,IAAI,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC;YAChG,IAAI,EAAE,CAAC,MAAM,CAAC;AACjB,SAAA;KACJ,CAAC;AACN;;;;"}