chili-ui 0.0.1

package/dist/src/DateTimeInputRange/helpers.js

@@ -0,0 +1,57 @@
+import { isString, isNil, isBoolean, isDate, } from 'lodash';
+import { stringToDate } from '../DateTimeInput/helpers';
+export const isDateValue = (value) => Array.isArray(value)
+    && value.length === 2
+    && (isNil(value[0]) || isDate(value[0]))
+    && (isNil(value[1]) || isDate(value[1]));
+export const getDateRangeFromValue = (props) => {
+    const { value: valueProp, format } = props;
+    if (!valueProp)
+        return [null, null];
+    if (isDateValue(valueProp))
+        return valueProp;
+    return [stringToDate(valueProp[0], format), stringToDate(valueProp[1], format)];
+};
+export const getPlaceholder = (placeholder) => {
+    if (isString(placeholder))
+        return [placeholder, placeholder];
+    if (Array.isArray(placeholder))
+        return placeholder;
+    return [undefined, undefined];
+};
+export const getRequired = (isRequired) => {
+    if (isBoolean(isRequired))
+        return [isRequired, isRequired];
+    if (Array.isArray(isRequired))
+        return isRequired;
+    return [undefined, undefined];
+};
+export const getDisabled = (isDisabled) => {
+    if (isBoolean(isDisabled))
+        return [isDisabled, isDisabled];
+    if (Array.isArray(isDisabled))
+        return isDisabled;
+    return [undefined, undefined];
+};
+export const getOpen = (isOpen) => {
+    if (isBoolean(isOpen))
+        return [isOpen, isOpen];
+    if (Array.isArray(isOpen))
+        return isOpen;
+    return [undefined, undefined];
+};
+export const getName = (name) => {
+    if (isString(name))
+        return [`${name}-from`, `${name}-to`];
+    if (Array.isArray(name) && name.length === 2)
+        return name;
+    return [undefined, undefined];
+};
+export const getRequiredMessage = (message) => {
+    if (isString(message))
+        return [message, message];
+    if (Array.isArray(message) && message.length === 2)
+        return message;
+    return [undefined, undefined];
+};
+//# sourceMappingURL=helpers.js.map

package/dist/src/DateTimeInputRange/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../leda/src/DateTimeInputRange/helpers.ts"],"names":[],"mappings":"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"}

package/dist/src/DateTimeInputRange/hooks.d.ts

@@ -0,0 +1,3 @@
+import type { CustomElements, DateTimeInputRangeProps, DateTimeInputRangeState } from './types';
+export declare const useDateRange: (props: DateTimeInputRangeProps) => DateTimeInputRangeState;
+export declare const useCustomElements: (props: DateTimeInputRangeProps, state: DateTimeInputRangeState) => CustomElements;

package/dist/src/DateTimeInputRange/hooks.js

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import { Div } from '../../components/Div';
+import { LedaContext } from '../../components/LedaProvider';
+import { Span } from '../../components/Span';
+import { useElement } from '../../utils';
+import { getDateRangeFromValue } from './helpers';
+export const useDateRange = (props) => {
+    const initialDate = getDateRangeFromValue(props);
+    const [valueFrom, setValueFrom] = React.useState('');
+    const [dateFrom, setDateFrom] = React.useState(initialDate[0]);
+    const [valueTo, setValueTo] = React.useState('');
+    const [dateTo, setDateTo] = React.useState(initialDate[1]);
+    const setDate = (date) => {
+        setDateFrom(date[0]);
+        setDateTo(date[1]);
+    };
+    const value = [valueFrom, valueTo];
+    const date = [dateFrom, dateTo];
+    return {
+        date,
+        setDate,
+        setValueFrom,
+        setValueTo,
+        value,
+    };
+};
+export const useCustomElements = (props, state) => {
+    const { wrapperRangeRender, delimiterRender } = props;
+    const { renders: { dateTimeInputRange: dateTimeInputRangeRenders } } = React.useContext(LedaContext);
+    const WrapperRange = useElement('WrapperRange', Div, wrapperRangeRender || dateTimeInputRangeRenders.wrapperRangeRender, props, state);
+    const Delimiter = useElement('Delimiter', Span, delimiterRender || dateTimeInputRangeRenders.delimiterRender, props, state);
+    return {
+        WrapperRange,
+        Delimiter,
+    };
+};
+//# sourceMappingURL=hooks.js.map

package/dist/src/DateTimeInputRange/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../leda/src/DateTimeInputRange/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAElD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAA8B,EAA2B,EAAE;IACtF,MAAM,WAAW,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;IAEjD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,EAAE,CAAC,CAAC;IAC7D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAc,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IAE5E,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,EAAE,CAAC,CAAC;IACzD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAc,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IAExE,MAAM,OAAO,GAAG,CAAC,IAAgC,EAAQ,EAAE;QACzD,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;QAErB,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,KAAK,GAAqB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAErD,MAAM,IAAI,GAA+B,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IAE5D,OAAO;QACL,IAAI;QACJ,OAAO;QACP,YAAY;QACZ,UAAU;QACV,KAAK;KACN,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAA8B,EAAE,KAA8B,EAAkB,EAAE;IAClH,MAAM,EAAE,kBAAkB,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;IAEtD,MAAM,EAAE,OAAO,EAAE,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAErG,MAAM,YAAY,GAAG,UAAU,CAC7B,cAAc,EACd,GAAG,EACH,kBAAkB,IAAI,yBAAyB,CAAC,kBAAkB,EAClE,KAAK,EACL,KAAK,CACN,CAAC;IAEF,MAAM,SAAS,GAAG,UAAU,CAC1B,WAAW,EACX,IAAI,EACJ,eAAe,IAAI,yBAAyB,CAAC,eAAe,EAC5D,KAAK,EACL,KAAK,CACN,CAAC;IAEF,OAAO;QACL,YAAY;QACZ,SAAS;KACV,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/DateTimeInputRange/index.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { DateTimeInputRangeProps } from './types';
+export declare const DateTimeInputRange: React.ForwardRefExoticComponent<DateTimeInputRangeProps & React.RefAttributes<HTMLElement>>;

package/dist/src/DateTimeInputRange/index.js

@@ -0,0 +1,48 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { isNil } from 'lodash';
+import { COMPONENTS_NAMESPACES } from '../../constants';
+import { DateTimeInput } from '../DateTimeInput';
+import { getClassNames, useProps, useTheme, } from '../../utils';
+import { getDisabled, getName, getOpen, getPlaceholder, getRequired, getRequiredMessage, isDateValue, } from './helpers';
+import { useCustomElements, useDateRange } from './hooks';
+import { createChangeHandler, createEnterPressHandler, handleErrors, } from './handlers';
+export const DateTimeInputRange = React.forwardRef((props, ref) => {
+    var _a, _b;
+    const _c = useProps(props), { boundingContainerRef, calendarHeaderRender, className, dateCellRender, dateViewRender, delimiterRender, format = 'dd.MM.yyyy', form, iconRender, inputsRender, isDisabled: disabledProp, isOpen: openProp, isRequired: requiredProp, requiredMessage: requiredMessageProp, max, min, monthViewRender, name: nameProp, onBlur, onChange, onEnterPress, onFocus, placeholder: placeholderProp, theme: themeProp, type, value: valueProp, weeksRowRender, wrapperRangeRender, wrapperRender, yearViewRender, calendarWrapperRender } = _c, restProps = __rest(_c, ["boundingContainerRef", "calendarHeaderRender", "className", "dateCellRender", "dateViewRender", "delimiterRender", "format", "form", "iconRender", "inputsRender", "isDisabled", "isOpen", "isRequired", "requiredMessage", "max", "min", "monthViewRender", "name", "onBlur", "onChange", "onEnterPress", "onFocus", "placeholder", "theme", "type", "value", "weeksRowRender", "wrapperRangeRender", "wrapperRender", "yearViewRender", "calendarWrapperRender"]);
+    handleErrors(props);
+    const state = useDateRange(props);
+    const toDateTimeInputRef = React.useRef(null);
+    const { date, setDate, } = state;
+    const value = isNil(valueProp) ? date : valueProp;
+    const theme = useTheme(themeProp, COMPONENTS_NAMESPACES.dateTimeInputRange);
+    const placeholders = getPlaceholder(placeholderProp);
+    const required = getRequired(requiredProp);
+    const open = getOpen(openProp);
+    const disabled = getDisabled(disabledProp);
+    const name = getName(nameProp);
+    const requiredMessages = getRequiredMessage(requiredMessageProp);
+    const handleChange = createChangeHandler(props, state);
+    const handleEnterPress = createEnterPressHandler(props, toDateTimeInputRef);
+    const { WrapperRange, Delimiter, } = useCustomElements(props, state);
+    React.useEffect(() => {
+        if (isDateValue(valueProp)) {
+            setDate(valueProp);
+        }
+    }, [valueProp, setDate]);
+    const wrapperClassNames = getClassNames(className, theme.wrapper);
+    return (_jsxs(WrapperRange, Object.assign({}, restProps, { className: wrapperClassNames, ref: ref, children: [_jsx(DateTimeInput, { boundingContainerRef: boundingContainerRef, calendarHeaderRender: calendarHeaderRender, dateCellRender: dateCellRender, dateViewRender: dateViewRender, format: format, form: form, iconRender: iconRender, inputRender: (_a = inputsRender === null || inputsRender === void 0 ? void 0 : inputsRender[0]) !== null && _a !== void 0 ? _a : undefined, isDisabled: disabled[0], isOpen: open[0], isRequired: required[0], max: date[1] || max, min: min, monthViewRender: monthViewRender, name: name[0], onBlur: onBlur, onChange: handleChange('from'), onEnterPress: handleEnterPress('from'), onFocus: onFocus, placeholder: placeholders[0], theme: theme.from, type: type, value: value[0], weeksRowRender: weeksRowRender, wrapperRender: wrapperRender, yearViewRender: yearViewRender, calendarWrapperRender: calendarWrapperRender, requiredMessage: requiredMessages[0] }), _jsx(Delimiter, { className: theme.delimiter, children: "\u2014" }), _jsx(DateTimeInput, { boundingContainerRef: boundingContainerRef, calendarHeaderRender: calendarHeaderRender, dateCellRender: dateCellRender, dateViewRender: dateViewRender, format: format, form: form, iconRender: iconRender, inputRender: (_b = inputsRender === null || inputsRender === void 0 ? void 0 : inputsRender[1]) !== null && _b !== void 0 ? _b : undefined, isDisabled: disabled[1], isOpen: open[1], isRequired: required[1], max: max, min: date[0] || min, monthViewRender: monthViewRender, name: name[1], onBlur: onBlur, onChange: handleChange('to'), onEnterPress: handleEnterPress('to'), onFocus: onFocus, placeholder: placeholders[1], ref: toDateTimeInputRef, theme: theme.to, type: type, value: value[1], weeksRowRender: weeksRowRender, wrapperRender: wrapperRender, yearViewRender: yearViewRender, calendarWrapperRender: calendarWrapperRender, requiredMessage: requiredMessages[1] })] })));
+});
+DateTimeInputRange.displayName = 'DateTimeInputRange';
+//# sourceMappingURL=index.js.map

package/dist/src/DateTimeInputRange/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../leda/src/DateTimeInputRange/index.tsx"],"names":[],"mappings":"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"}

package/dist/src/DateTimeInputRange/theme.d.ts

@@ -0,0 +1,102 @@
+export declare const defaultDateTimeInputRangeTheme: {
+    delimiter: string;
+    wrapper: string;
+    from: {
+        calendar: {
+            buttonDisabled: string;
+            dateCell: string;
+            dateCellActive: string;
+            dateCellDayOff: string;
+            dateCellDifferentMonth: string;
+            dateCellDisabled: string;
+            dateCellSelected: string;
+            dateCellToday: string;
+            dateRow: string;
+            dateView: string;
+            footer: string;
+            header: string;
+            invalid: string;
+            monthCell: string;
+            monthCellActive: string;
+            monthCellDisabled: string;
+            monthRow: string;
+            monthView: string;
+            nextButton: string;
+            nextIcon: string;
+            prevButton: string;
+            prevIcon: string;
+            standalone: string;
+            standaloneWrapper: string;
+            title: string;
+            titleDisabled: string;
+            weekDay: string;
+            weekDaysRow: string;
+            wrapper: string;
+            wrapperTop: string;
+            wrapperRight: string;
+            yearCell: string;
+            yearCellActive: string;
+            yearCellDisabled: string;
+            yearCellDifferentDecade: string;
+            yearRow: string;
+            yearView: string;
+        };
+        calendarIcon: string;
+        input: string;
+        inputWrapper: string;
+        inputWrapperFocused: string;
+        inputWrapperInvalid: string;
+        inputWrapperRequired: string;
+        wrapper: string;
+        wrapperDisabled: string;
+    };
+    to: {
+        calendar: {
+            buttonDisabled: string;
+            dateCell: string;
+            dateCellActive: string;
+            dateCellDayOff: string;
+            dateCellDifferentMonth: string;
+            dateCellDisabled: string;
+            dateCellSelected: string;
+            dateCellToday: string;
+            dateRow: string;
+            dateView: string;
+            footer: string;
+            header: string;
+            invalid: string;
+            monthCell: string;
+            monthCellActive: string;
+            monthCellDisabled: string;
+            monthRow: string;
+            monthView: string;
+            nextButton: string;
+            nextIcon: string;
+            prevButton: string;
+            prevIcon: string;
+            standalone: string;
+            standaloneWrapper: string;
+            title: string;
+            titleDisabled: string;
+            weekDay: string;
+            weekDaysRow: string;
+            wrapper: string;
+            wrapperTop: string;
+            wrapperRight: string;
+            yearCell: string;
+            yearCellActive: string;
+            yearCellDisabled: string;
+            yearCellDifferentDecade: string;
+            yearRow: string;
+            yearView: string;
+        };
+        calendarIcon: string;
+        input: string;
+        inputWrapper: string;
+        inputWrapperFocused: string;
+        inputWrapperInvalid: string;
+        inputWrapperRequired: string;
+        wrapper: string;
+        wrapperDisabled: string;
+    };
+};

package/dist/src/DateTimeInputRange/theme.js

@@ -0,0 +1,10 @@
+/* eslint-disable key-spacing */
+import { defaultDateTimeInputTheme } from '../DateTimeInput/theme';
+export const defaultDateTimeInputRangeTheme = {
+    delimiter: 'ld-daterange-delimiter',
+    wrapper: 'ld-daterange-wrapper',
+    from: defaultDateTimeInputTheme,
+    to: defaultDateTimeInputTheme,
+};
+/* eslint-enable key-spacing */
+//# sourceMappingURL=theme.js.map

package/dist/src/DateTimeInputRange/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../leda/src/DateTimeInputRange/theme.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAEnE,MAAM,CAAC,MAAM,8BAA8B,GAAG;IAC5C,SAAS,EAAe,wBAAwB;IAChD,OAAO,EAAiB,sBAAsB;IAC9C,IAAI,EAAoB,yBAAyB;IACjD,EAAE,EAAsB,yBAAyB;CAClD,CAAC;AACF,+BAA+B"}

package/dist/src/DateTimeInputRange/types.d.ts

@@ -0,0 +1,80 @@
+import type * as React from 'react';
+import type { DivProps } from '../../components/Div';
+import type { CalendarHeaderProps, CalendarBaseProps, DateCellItemProps, DateCellProps, DateViewProps, MonthViewProps, WeekRowProps, YearViewProps } from '../CalendarBase/types';
+import type { BlurEvent, ChangeEvent, FocusEvent, DateTimeInputProps, DateTimeInputState, IconProps, WrapperProps } from '../DateTimeInput/types';
+import type { CustomRender, Values } from '../../commonTypes';
+import type { COMPONENTS_NAMESPACES } from '../../constants';
+import type { PartialGlobalDefaultTheme } from '../../utils/useTheme';
+import type { COMPONENT_TYPES } from '../DateTimeInput/constants';
+export interface DateTimeInputRangeState {
+    date: [Date | null, Date | null];
+    setDate: (date: [Date | null, Date | null]) => void;
+    setValueFrom: (value: string) => void;
+    setValueTo: (value: string) => void;
+    value: [string, string];
+}
+export interface CustomRangeEvent {
+    component: {
+        value: [string, string];
+        date: [Date | null, Date | null];
+        name?: string | [string | undefined, string | undefined];
+    };
+}
+export interface WrapperRangeProps {
+    children?: React.ReactNode;
+    className?: string;
+    ref?: React.Ref<HTMLElement>;
+}
+export interface DelimiterProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+export interface DateTimeInputRangeProps {
+    boundingContainerRef?: React.RefObject<HTMLElement>;
+    className?: string;
+    max?: Date;
+    min?: Date;
+    theme?: PartialGlobalDefaultTheme[typeof COMPONENTS_NAMESPACES.dateTimeInputRange];
+    onChange?: (ev: CustomRangeEvent) => void;
+    onBlur?: (ev: BlurEvent) => void;
+    onFocus?: (ev: FocusEvent) => void;
+    onEnterPress?: (ev: ChangeEvent) => void;
+    isRequired?: boolean | [boolean, boolean];
+    format?: string;
+    form?: string;
+    requiredMessage?: string | [string, string];
+    type?: Values<typeof COMPONENT_TYPES>;
+    value?: [string, string] | [Date | null, Date | null];
+    placeholder?: string | [string | undefined, string | undefined];
+    name?: string | [string | undefined, string | undefined];
+    isOpen?: boolean | [boolean, boolean];
+    isDisabled?: boolean | [boolean, boolean];
+    /** Custom wrapper */
+    wrapperRangeRender?: CustomRender<DateTimeInputRangeProps, DateTimeInputRangeState, WrapperRangeProps>;
+    /** Custom input delimiter */
+    delimiterRender?: CustomRender<DateTimeInputRangeProps, DateTimeInputRangeState, DelimiterProps>;
+    /** Custom wrapper for DateTimeInput */
+    wrapperRender?: CustomRender<DateTimeInputProps, DateTimeInputState, WrapperProps>;
+    /** Custom calendar icon */
+    iconRender?: CustomRender<DateTimeInputProps, DateTimeInputState, IconProps>;
+    /** Custom inputs render, [render, render] */
+    inputsRender?: [DateTimeInputProps['inputRender'] | null, DateTimeInputProps['inputRender'] | null];
+    /** Custom date cell */
+    dateCellRender?: CustomRender<DateCellProps, Record<string, never>, DateCellItemProps>;
+    /** Custom weekdays row */
+    weeksRowRender?: CustomRender<DateViewProps, Record<string, never>, WeekRowProps>;
+    /** Custom date view */
+    dateViewRender?: CustomRender<DateViewProps, Record<string, never>, DateViewProps>;
+    /** Custom month view */
+    monthViewRender?: CustomRender<DateViewProps, Record<string, never>, MonthViewProps>;
+    /** Custom year view */
+    yearViewRender?: CustomRender<DateViewProps, Record<string, never>, YearViewProps>;
+    /** Custom calendar header */
+    calendarHeaderRender?: CustomRender<DateViewProps, Record<string, never>, CalendarHeaderProps>;
+    /** Custom calendar wrapper */
+    calendarWrapperRender?: CustomRender<CalendarBaseProps, Record<string, never>, DivProps>;
+}
+export interface CustomElements {
+    WrapperRange: React.FC<WrapperRangeProps>;
+    Delimiter: React.FC<DelimiterProps>;
+}

package/dist/src/DateTimeInputRange/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/src/DateTimeInputRange/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../leda/src/DateTimeInputRange/types.ts"],"names":[],"mappings":""}

package/dist/src/HTMLTagsFactory/index.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const htmlTagFactory: (tagName: string) => React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;

package/dist/src/HTMLTagsFactory/index.js

@@ -0,0 +1,27 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useProps } from '../../utils/usePops';
+export const htmlTagFactory = (tagName) => {
+    const tagComponent = React.forwardRef((props, ref) => {
+        const newProps = useProps(props);
+        const _a = newProps, { shouldRender } = _a, restProps = __rest(_a, ["shouldRender"]);
+        if (shouldRender === false)
+            return null;
+        const ElementName = tagName.toLowerCase();
+        return (_jsx(ElementName, Object.assign({}, restProps, { ref: ref })));
+    });
+    tagComponent.displayName = tagName;
+    return tagComponent;
+};
+//# sourceMappingURL=index.js.map

package/dist/src/HTMLTagsFactory/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../leda/src/HTMLTagsFactory/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,OAAe,EAAiE,EAAE;IAC/G,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,CAAO,KAAQ,EAAE,GAAiB,EAA6B,EAAE;QACrG,MAAM,QAAQ,GAAG,QAAQ,CAAI,KAAK,CAAC,CAAC;QAEpC,MAAM,KAAiC,QAA0C,EAA3E,EAAE,YAAY,OAA6D,EAAxD,SAAS,cAA5B,gBAA8B,CAA6C,CAAC;QAElF,IAAI,YAAY,KAAK,KAAK;YAAE,OAAO,IAAI,CAAC;QAExC,MAAM,WAAW,GAAG,OAAO,CAAC,WAAW,EAAuB,CAAC;QAE/D,OAAO,CACL,KAAC,WAAW,oBACN,SAAS,IACb,GAAG,EAAE,GAAG,IACR,CACH,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,YAAY,CAAC,WAAW,GAAG,OAAO,CAAC;IAEnC,OAAO,YAAY,CAAC;AACtB,CAAC,CAAC"}

package/dist/src/MaskedInputBase/constants.d.ts

@@ -0,0 +1,9 @@
+import type { MaskRules } from './types';
+export declare const baseMaskRules: MaskRules;
+export declare enum InputMethod {
+    add = "add",
+    remove = "remove",
+    replace = "replace",
+    nothing = "nothing"
+}
+export declare const DEFAULT_PLACEHOLDER_CHAR = "_";

package/dist/src/MaskedInputBase/constants.js

@@ -0,0 +1,38 @@
+export const baseMaskRules = {
+    '#': {
+        validate: (char) => /\d/.test(char),
+    },
+    l: {
+        validate: (char) => /[a-zA-Z]/.test(char),
+    },
+    L: {
+        validate: (char) => /[a-zA-Z]/.test(char),
+        transform: (char) => char.toUpperCase(),
+    },
+    c: {
+        validate: (char) => /[а-яА-Я]/.test(char),
+    },
+    C: {
+        validate: (char) => /[а-яА-Я]/.test(char),
+        transform: (char) => char.toUpperCase(),
+    },
+    x: {
+        validate: () => true,
+    },
+    w: {
+        validate: (char) => /[0-9a-zA-Z]/.test(char),
+    },
+    z: {
+        validate: (char) => /[0-9a-zA-Zа-яА-Я]/.test(char),
+    },
+};
+export var InputMethod;
+(function (InputMethod) {
+    InputMethod["add"] = "add";
+    InputMethod["remove"] = "remove";
+    InputMethod["replace"] = "replace";
+    // method to indicate no change
+    InputMethod["nothing"] = "nothing";
+})(InputMethod || (InputMethod = {}));
+export const DEFAULT_PLACEHOLDER_CHAR = '_';
+//# sourceMappingURL=constants.js.map

package/dist/src/MaskedInputBase/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../leda/src/MaskedInputBase/constants.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,aAAa,GAAc;IACtC,GAAG,EAAE;QACH,QAAQ,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;KAC5C;IACD,CAAC,EAAE;QACD,QAAQ,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;KAClD;IACD,CAAC,EAAE;QACD,QAAQ,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;QACjD,SAAS,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE;KAChD;IACD,CAAC,EAAE;QACD,QAAQ,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;KAClD;IACD,CAAC,EAAE;QACD,QAAQ,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;QACjD,SAAS,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE;KAChD;IACD,CAAC,EAAE;QACD,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI;KACrB;IACD,CAAC,EAAE;QACD,QAAQ,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;KACrD;IACD,CAAC,EAAE;QACD,QAAQ,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC;KAC3D;CACF,CAAC;AAEF,MAAM,CAAN,IAAY,WAMX;AAND,WAAY,WAAW;IACrB,0BAAW,CAAA;IACX,gCAAiB,CAAA;IACjB,kCAAmB,CAAA;IACnB,+BAA+B;IAC/B,kCAAmB,CAAA;AACrB,CAAC,EANW,WAAW,KAAX,WAAW,QAMtB;AAED,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAC"}

package/dist/src/MaskedInputBase/handlers.d.ts

@@ -0,0 +1,7 @@
+import type React from 'react';
+import type { BlurData, ChangeData, FocusData, KeyDownData, MaskedInputBaseProps } from './types';
+export declare const createChangeHandler: (props: MaskedInputBaseProps, extraData: ChangeData) => React.ChangeEventHandler<HTMLInputElement>;
+export declare const createKeyDownHandler: (props: MaskedInputBaseProps, extraData: KeyDownData) => React.KeyboardEventHandler<HTMLInputElement>;
+export declare const createPasteHandler: (props: MaskedInputBaseProps) => React.ClipboardEventHandler<HTMLInputElement>;
+export declare const createFocusHandler: (props: MaskedInputBaseProps, extraData: FocusData) => React.FocusEventHandler<HTMLInputElement>;
+export declare const createBlurHandler: (props: MaskedInputBaseProps, extraData: BlurData) => React.FocusEventHandler<HTMLInputElement>;

package/dist/src/MaskedInputBase/handlers.js

@@ -0,0 +1,164 @@
+import { isFunction } from 'lodash';
+import { addChar, compareText, getEmptyValue, getRawValue, getSelection, getValue, maskValue, removeChar, setSelection, } from './helpers';
+import { InputMethod } from './constants';
+export const createChangeHandler = (props, extraData) => (ev) => {
+    ev.preventDefault();
+    const { onChange, mask, placeholderChar = '_', } = props;
+    const { inputValue, setInputValue } = extraData;
+    const input = ev.currentTarget;
+    const compareResult = compareText(inputValue, ev.target.value);
+    const inputMethod = (() => {
+        if (compareResult[1] && compareResult[2]) {
+            return InputMethod.replace;
+        }
+        if (compareResult[1]) {
+            return InputMethod.add;
+        }
+        if (compareResult[2]) {
+            return InputMethod.remove;
+        }
+        return InputMethod.nothing;
+    })();
+    const char = compareResult[1];
+    const selection = getSelection(input);
+    const newValue = (() => {
+        if (inputMethod === InputMethod.replace) {
+            const hurtValue = removeChar({
+                value: inputValue,
+                mask,
+                placeholderChar,
+                selection,
+                position: compareResult[0],
+                removed: compareResult[2],
+                input,
+            });
+            return addChar({
+                value: hurtValue,
+                mask,
+                placeholderChar,
+                selection: [compareResult[0], compareResult[0]],
+                char,
+                input,
+            });
+        }
+        if (inputMethod === InputMethod.add) {
+            return addChar({
+                value: inputValue,
+                mask,
+                placeholderChar,
+                selection: [compareResult[0], compareResult[0]],
+                char,
+                input,
+            });
+        }
+        if (inputMethod === InputMethod.remove) {
+            return removeChar({
+                value: inputValue,
+                mask,
+                placeholderChar,
+                selection,
+                position: compareResult[0],
+                removed: compareResult[2],
+                input,
+            });
+        }
+        // inputMethod === 'nothing'
+        return inputValue;
+    })();
+    setInputValue(newValue);
+    if (input)
+        input.value = newValue;
+    if (isFunction(onChange)) {
+        const customEvent = Object.assign(Object.assign({}, ev), { component: {
+                value: newValue.includes(placeholderChar) ? '' : getRawValue(newValue, mask),
+                inputValue: newValue,
+            } });
+        onChange(customEvent);
+    }
+};
+export const createKeyDownHandler = (props, extraData) => (ev) => {
+    const { onChange, value, mask, onKeyDown, placeholderChar = '_', } = props;
+    const { inputRef: { current: input } } = extraData;
+    if (isFunction(onKeyDown)) {
+        const customEvent = Object.assign(Object.assign({}, ev), { component: {
+                value,
+            } });
+        onKeyDown(customEvent);
+    }
+    if ((ev.metaKey || ev.ctrlKey) && ev.key === 'x') {
+        ev.preventDefault();
+        document.execCommand('copy');
+        const emptyValue = getEmptyValue(mask, placeholderChar);
+        if (input)
+            input.value = emptyValue;
+        if (isFunction(onChange)) {
+            const customEvent = Object.assign(Object.assign({}, ev), { component: {
+                    value: '',
+                    inputValue: emptyValue,
+                } });
+            onChange(customEvent);
+        }
+    }
+};
+export const createPasteHandler = (props) => (ev) => {
+    const { onChange, mask, placeholderChar = '_', isDisabled, } = props;
+    ev.preventDefault();
+    // for unknown reasons onPaste works even on disabled inputs
+    if (isDisabled)
+        return;
+    const newValue = maskValue(ev.clipboardData.getData('Text'), mask, placeholderChar);
+    if (isFunction(onChange)) {
+        const customEvent = Object.assign(Object.assign({}, ev), { component: {
+                value: newValue.includes(placeholderChar) ? '' : newValue,
+            } });
+        onChange(customEvent);
+    }
+};
+export const createFocusHandler = (props, extraData) => (ev) => {
+    const { value: valueProp, onFocus, mask, placeholderChar = '_', } = props;
+    const { isFocused, inputRef: { current: input }, setFocused, setInputValue, inputValue, } = extraData;
+    setFocused(true);
+    const newInputValue = (() => {
+        if (!valueProp && inputValue) { // the input is neither completely filled nor empty
+            return inputValue;
+        }
+        return maskValue(valueProp, mask, placeholderChar);
+    })();
+    setInputValue(newInputValue);
+    const value = getValue({
+        valueProp,
+        inputValue,
+        mask,
+        placeholderChar,
+        isFocused,
+    });
+    if (ev.target) {
+        ev.target.value = newInputValue;
+    }
+    const placeholderCharIndex = (value || getEmptyValue(mask, placeholderChar)).indexOf(placeholderChar);
+    const newSelection = [placeholderCharIndex, placeholderCharIndex + 1];
+    setSelection(input, newSelection);
+    if (isFunction(onFocus)) {
+        const customEvent = Object.assign(Object.assign({}, ev), { component: {
+                value,
+            } });
+        onFocus(customEvent);
+    }
+};
+export const createBlurHandler = (props, extraData) => (ev) => {
+    const { onBlur, value, } = props;
+    const { inputValue, setFocused, setInputValue, placeholderChar, mask, } = extraData;
+    setFocused(false);
+    const emptyValue = getEmptyValue(mask, placeholderChar);
+    // user didn't enter anything
+    if (emptyValue === inputValue) {
+        setInputValue('');
+    }
+    if (isFunction(onBlur)) {
+        const customEvent = Object.assign(Object.assign({}, ev), { component: {
+                value,
+            } });
+        onBlur(customEvent);
+    }
+};
+//# sourceMappingURL=handlers.js.map