@talxis/base-controls 1.2406.13 → 1.2406.15

package/dist/components/Duration/Duration.js

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