@talxis/base-controls 0.0.1

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

@@ -0,0 +1,23 @@
+import { IDatePickerProps } from "@talxis/react-components";
+import { IDateTimeProperty, IStringProperty, ITwoOptionsProperty } from "../../interfaces";
+import { IControl, IOutputs, ITranslations } from "../../interfaces/context";
+import { IInputParameters } from "../../interfaces/parameters";
+import { getDefaultDateTimeTranslations } from "./translations";
+export interface IDateTime extends IControl<IDateTimeParameters, IDateTimeOutputs, Partial<ITranslations<ReturnType<typeof getDefaultDateTimeTranslations>>>, IDatePickerProps> {
+}
+export interface IDateTimeParameters extends IInputParameters {
+    value: IDateTimeProperty;
+    EnableMonthPicker?: ITwoOptionsProperty;
+    EnableDayPicker?: ITwoOptionsProperty;
+    /**
+* JSON array of dates that should not be selectable, example: ['2019-01-10', '2019-01-11']
+*/
+    RestrictedDates?: IStringProperty;
+    /**
+* JSON array of week days that should not be selectable (0 = Sunday,...6 = Saturday), example: [0,2,3]
+*/
+    RestrictedDaysOfWeek?: IStringProperty;
+}
+export interface IDateTimeOutputs extends IOutputs {
+    value?: Date;
+}

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

@@ -0,0 +1,31 @@
+import { ITheme } from "@fluentui/react";
+export declare const getDateTimeStyles: (theme: ITheme) => import("@fluentui/react").IProcessedStyleSet<{
+    datePicker: {
+        '[class^="statusMessage"]': {
+            display: string;
+        };
+    };
+    calendarCallout: {
+        '[class*="TALXIS__timepicker__root"]': {
+            padding: number;
+            label: {
+                paddingTop: number;
+            };
+            i: {
+                fontSize: number;
+            };
+        };
+        hr: {
+            margin: number;
+            border: string;
+            height: number;
+            backgroundColor: string;
+        };
+        '[class^="monthAndYear"], [class*="weekDayLabelCell"]': {
+            animationDuration: string;
+        };
+        '.ms-DatePicker': {
+            animationDuration: string;
+        };
+    };
+}>;

package/dist/components/DateTime/styles.js

@@ -0,0 +1,37 @@
+import { mergeStyleSets } from '@fluentui/react';
+
+const getDateTimeStyles = (theme) => {
+    return mergeStyleSets({
+        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: theme.semanticColors.menuDivider
+            },
+            '[class^="monthAndYear"], [class*="weekDayLabelCell"]': {
+                animationDuration: '0s'
+            },
+            '.ms-DatePicker': {
+                animationDuration: '0s'
+            }
+        }
+    });
+};
+
+export { getDateTimeStyles };
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../src/components/DateTime/styles.ts"],"sourcesContent":["import { ITheme, mergeStyleSets } from \"@fluentui/react\";\n\nexport const getDateTimeStyles = (theme: ITheme) => {\n    return mergeStyleSets({\n        datePicker: {\n            '[class^=\"statusMessage\"]': {\n                display: 'none'\n            }\n        },\n        calendarCallout: {\n            '[class*=\"TALXIS__timepicker__root\"]': {\n                padding: 12,\n                'label': {\n                    paddingTop: 0\n                },\n                'i': {\n                    fontSize: 16\n                }\n            },\n            'hr': {\n                margin: 0,\n                border: 'none',\n                height: 1,\n                backgroundColor: theme.semanticColors.menuDivider\n            },\n            '[class^=\"monthAndYear\"], [class*=\"weekDayLabelCell\"]': {\n                animationDuration: '0s'\n            },\n            '.ms-DatePicker': {\n                animationDuration: '0s'\n            }\n        }\n    });\n};"],"names":[],"mappings":";;AAEa,MAAA,iBAAiB,GAAG,CAAC,KAAa,KAAI;AAC/C,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,UAAU,EAAE;AACR,YAAA,0BAA0B,EAAE;AACxB,gBAAA,OAAO,EAAE,MAAM;AAClB,aAAA;AACJ,SAAA;AACD,QAAA,eAAe,EAAE;AACb,YAAA,qCAAqC,EAAE;AACnC,gBAAA,OAAO,EAAE,EAAE;AACX,gBAAA,OAAO,EAAE;AACL,oBAAA,UAAU,EAAE,CAAC;AAChB,iBAAA;AACD,gBAAA,GAAG,EAAE;AACD,oBAAA,QAAQ,EAAE,EAAE;AACf,iBAAA;AACJ,aAAA;AACD,YAAA,IAAI,EAAE;AACF,gBAAA,MAAM,EAAE,CAAC;AACT,gBAAA,MAAM,EAAE,MAAM;AACd,gBAAA,MAAM,EAAE,CAAC;AACT,gBAAA,eAAe,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW;AACpD,aAAA;AACD,YAAA,sDAAsD,EAAE;AACpD,gBAAA,iBAAiB,EAAE,IAAI;AAC1B,aAAA;AACD,YAAA,gBAAgB,EAAE;AACd,gBAAA,iBAAiB,EAAE,IAAI;AAC1B,aAAA;AACJ,SAAA;AACJ,KAAA,CAAC,CAAC;AACP;;;;"}

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

@@ -0,0 +1,19 @@
+/// <reference types="@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,23 @@
+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,
+    };
+};
+
+export { getDefaultDateTimeTranslations };
+//# sourceMappingURL=translations.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"translations.js","sources":["../../../src/components/DateTime/translations.ts"],"sourcesContent":["export const getDefaultDateTimeTranslations = (dateFormattingInfo: ComponentFramework.UserSettingApi.DateFormattingInfo) => {\n    return {\n        time: {\n            1029: 'Čas',\n            1033: 'Time'\n        },\n        goToToday: {\n            1029: 'Přejít na dnešek',\n            1033: 'Go to today'\n        },\n        invalidTimeInput: {\n            1029: 'Neplatný časový formát.',\n            1033: 'Invalid time format.'\n        },\n        days: dateFormattingInfo.dayNames,\n        months: dateFormattingInfo.monthNames,\n        shortDays: dateFormattingInfo.shortestDayNames,\n        shortMonths: dateFormattingInfo.abbreviatedMonthNames,\n    }\n};"],"names":[],"mappings":"AAAa,MAAA,8BAA8B,GAAG,CAAC,kBAAwE,KAAI;IACvH,OAAO;AACH,QAAA,IAAI,EAAE;AACF,YAAA,IAAI,EAAE,KAAK;AACX,YAAA,IAAI,EAAE,MAAM;AACf,SAAA;AACD,QAAA,SAAS,EAAE;AACP,YAAA,IAAI,EAAE,kBAAkB;AACxB,YAAA,IAAI,EAAE,aAAa;AACtB,SAAA;AACD,QAAA,gBAAgB,EAAE;AACd,YAAA,IAAI,EAAE,yBAAyB;AAC/B,YAAA,IAAI,EAAE,sBAAsB;AAC/B,SAAA;QACD,IAAI,EAAE,kBAAkB,CAAC,QAAQ;QACjC,MAAM,EAAE,kBAAkB,CAAC,UAAU;QACrC,SAAS,EAAE,kBAAkB,CAAC,gBAAgB;QAC9C,WAAW,EAAE,kBAAkB,CAAC,qBAAqB;KACxD,CAAA;AACL;;;;"}

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IDecimal } from "./interfaces";
+export declare const Decimal: (props: IDecimal) => JSX.Element;

package/dist/components/Decimal/Decimal.js

@@ -0,0 +1,204 @@
+import { jsx } from 'react/jsx-runtime';
+import { TextField } from '@talxis/react-components';
+import { useInputBasedControl } from '../../hooks/useInputBasedControl.js';
+import { useRef, useMemo, useEffect } from 'react';
+import numeral from 'numeral';
+import { CURRENCY_POSITIVE_PATTERN, CURRENCY_NEGATIVE_PATTERN, NUMBER_NEGATIVE_PATTERN } from '../../constants.js';
+import { ThemeProvider } from '@fluentui/react';
+import { ArrowButtons } from './components/ArrowButtons.js';
+import { Numeral } from '@talxis/client-libraries';
+
+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;
+        }
+        //TODO: investigate why this is needed
+        if (value === initialFormattedValue) {
+            return initialValue;
+        }
+        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 initialFormattedValue = useMemo(() => value, []);
+    const initialValue = useMemo(() => boundValue.raw, []);
+    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({
+        hideErrorMessage: !parameters.ShowErrorMessage?.raw,
+        readOnly: context.mode.isControlDisabled,
+        inputMode: useMemo(() => getInputMode(), [props.parameters.value.type]),
+        suffixItems: getSuffixItems(),
+        autoFocus: parameters.AutoFocus?.raw,
+        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 { CURRENCY_NEGATIVE_PATTERN, CURRENCY_POSITIVE_PATTERN, NUMBER_NEGATIVE_PATTERN } from \"../../constants\";\nimport { ICommandBarItemProps, ThemeProvider } from \"@fluentui/react\";\nimport { ArrowButtons, IArrowButtons } from \"./components/ArrowButtons\";\nimport { Numeral } from \"@talxis/client-libraries\";\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        //TODO: investigate why this is needed\n        if(value === initialFormattedValue) {\n            return initialValue as number;\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    const initialFormattedValue = useMemo(() => value, []);\n    const initialValue = useMemo(() => boundValue.raw, []);\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        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        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.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,38 @@
+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.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,26 @@
+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.d.ts

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

package/dist/components/Decimal/index.js

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1,13 @@
+import { IDecimalNumberProperty, ITwoOptionsProperty } from "../../interfaces";
+import { IInputParameters } from "../../interfaces/parameters";
+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?: Omit<ITwoOptionsProperty, 'attributes'>;
+}
+export interface IDecimalOutputs extends IOutputs {
+    value?: number;
+}

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IDuration } from './interfaces';
+export declare const Duration: (props: IDuration) => JSX.Element;