hrm_ui_lib 2.1.0-alpha.17 → 2.1.0-alpha.18

package/components/Checkbox/Checkbox.js

@@ -1,44 +1,6 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, useMemo, forwardRef } from 'react';
-import classnames from 'classnames';
-import { Popover } from '../Popover';
-import { Link } from '../Link';
-import { Text } from '../Text';
-import IconInfo from '../SVGIcons/IconInfo';
-import { ICONS_MAPPING } from './consts';
-import { IconDynamicComponent } from '../../helperComponents/IconDynamicComponent';
-export const Checkbox = forwardRef((props, ref) => {
-    const { label, disabled, required = false, link, name, setFieldValue, selectedValue, value, className = '', iconProps = { name: 'checkmark' }, dataId = '', onClick, beforeLink, afterLink, helperText = '', popoverAddons, isInvalid, stopPropagation = false } = props;
-    const localRef = useRef(null);
-    const inputRef = ref && Object.keys(ref).length ? ref : localRef;
-    const isChecked = !!value || selectedValue;
-    const changeHandler = (e) => {
-        stopPropagation && e.stopPropagation();
-        if (name && setFieldValue) {
-            setFieldValue(name, !isChecked, { shouldValidate: !isChecked });
-        }
-        if (onClick) {
-            onClick(!isChecked);
-        }
-    };
-    const checkboxLabelPopover = popoverAddons ? (_jsx(Popover, Object.assign({ id: `${popoverAddons.id}` }, popoverAddons, { children: _jsx("div", { id: `${popoverAddons.id}`, children: _jsx(IconInfo, { dataId: `${dataId}-icon`, type: "information", size: "xsmall", className: 'ml-4 pointer', onClick: changeHandler }) }) }))) : null;
-    const checkboxLabel = useMemo(() => {
-        if (!label) {
-            return null;
-        }
-        if (typeof label !== 'string') {
-            return label;
-        }
-        if (!link) {
-            return (_jsx(Text, { type: disabled ? 'disabled' : 'primary', className: "controller__label", children: _jsxs(_Fragment, { children: [label, required && _jsx("sup", { children: "*" })] }) }));
-        }
-        return (_jsx(Text, { type: disabled ? 'disabled' : 'primary', className: "controller__label", children: _jsxs(_Fragment, { children: [beforeLink && _jsx("span", { className: "mr-4", children: beforeLink }), _jsx(Link, { dataId: dataId, url: link, target: "_blank", children: label }), afterLink && _jsx("span", { className: "ml-4", children: afterLink }), required && _jsx("sup", { children: "*" })] }) }));
-    }, [label, link]);
-    return (_jsx(_Fragment, { children: _jsxs("label", { className: classnames('controller', {
-                'controller--checkbox': true,
-                'controller--disabled': disabled,
-                'controller--error': isInvalid,
-                [className]: !!className
-            }), onClick: (e) => stopPropagation && e.stopPropagation(), children: [_jsx("input", { "data-id": dataId, type: "checkbox", ref: inputRef, tabIndex: 0, onChange: changeHandler, checked: Boolean(isChecked), disabled: disabled }), _jsx("span", { className: "controller__icon", children: _jsx(IconDynamicComponent, { Component: ICONS_MAPPING[iconProps.name], size: "xxsmall", type: disabled ? 'disabled' : 'inverse', className: "controller__mark" }) }), checkboxLabel ? (_jsxs("div", { className: "controller__right", children: [_jsxs("div", { className: "flexbox", children: [checkboxLabel, checkboxLabelPopover] }), helperText ? (_jsx(Text, { size: "small", type: disabled ? 'disabled' : 'secondary', children: helperText })) : null] })) : null] }) }));
-});
-Checkbox.displayName = 'Checkbox';
+import{jsx as e,jsxs as o,Fragment as d}from"react/jsx-runtime";import{forwardRef as V,useRef as $,useMemo as A}from"react";import F from"classnames";import{Popover as M}from"../Popover/Popover.js";import{Link as O}from"../Link/Link.js";import{Text as m}from"../Text/Text.js";import T from"../SVGIcons/IconInfo.js";import{ICONS_MAPPING as q}from"./consts.js";import{IconDynamicComponent as w}from"../../helperComponents/IconDynamicComponent/IconDynamicComponent.js";const B=V((l,a)=>{const{label:r,disabled:n,required:s=!1,link:i,name:c,setFieldValue:t,selectedValue:p,value:h,className:b="",iconProps:f={name:"checkmark"},dataId:k="",onClick:u,beforeLink:x,afterLink:y,helperText:N="",popoverAddons:I,isInvalid:C,stopPropagation:_=!1}=l,j=$(null),v=a&&Object.keys(a).length?a:j,g=!!h||p,P=e=>{_&&e.stopPropagation(),c&&t&&t(c,!g,{shouldValidate:!g}),u&&u(!g)},V=I?/* @__PURE__ */e(M,{id:`${I.id}`,...I,children:/* @__PURE__ */e("div",{id:`${I.id}`,children:/* @__PURE__ */e(T,{dataId:`${k}-icon`,type:"information",size:"xsmall",className:"ml-4 pointer",onClick:P})})}):null,L=A(()=>r?"string"!=typeof r?r:/* @__PURE__ */e(m,i?{type:n?"disabled":"primary",className:"controller__label",children:/* @__PURE__ */o(d,{children:[x&&/* @__PURE__ */e("span",{className:"mr-4",children:x}),
+/* @__PURE__ */e(O,{dataId:k,url:i,target:"_blank",children:r}),y&&/* @__PURE__ */e("span",{className:"ml-4",children:y}),s&&/* @__PURE__ */e("sup",{children:"*"})]})}:{type:n?"disabled":"primary",className:"controller__label",children:/* @__PURE__ */o(d,{children:[r,s&&/* @__PURE__ */e("sup",{children:"*"})]})}):null,[r,i]);/* @__PURE__ */
+return e(d,{children:/* @__PURE__ */o("label",{className:F("controller",{"controller--checkbox":!0,"controller--disabled":n,"controller--error":C,[b]:!!b}),onClick:e=>_&&e.stopPropagation(),children:[
+/* @__PURE__ */e("input",{"data-id":k,type:"checkbox",ref:v,tabIndex:0,onChange:P,checked:!!g,disabled:n}),
+/* @__PURE__ */e("span",{className:"controller__icon",children:/* @__PURE__ */e(w,{Component:q[f.name],size:"xxsmall",type:n?"disabled":"inverse",className:"controller__mark"})}),L?/* @__PURE__ */o("div",{className:"controller__right",children:[
+/* @__PURE__ */o("div",{className:"flexbox",children:[L,V]}),N?/* @__PURE__ */e(m,{size:"small",type:n?"disabled":"secondary",children:N}):null]}):null]})})});B.displayName="Checkbox";export{B as Checkbox};

package/components/Checkbox/consts.js

@@ -1,4 +1 @@
-import { lazy } from 'react';
-export const ICONS_MAPPING = {
-    checkmark: lazy(() => import('../SVGIcons/IconCheckmark'))
-};
+import{lazy as o}from"react";const m={checkmark:o(()=>import("../SVGIcons/IconCheckmark.js"))};export{m as ICONS_MAPPING};

package/components/Checkbox/index.js

@@ -1 +1 @@
-export * from './Checkbox';
+import{Checkbox as r}from"./Checkbox.js";export{r as Checkbox};

package/components/Checkbox/types.js

@@ -1 +0,0 @@
-export {};

package/components/Chips/Chips.js

@@ -1,25 +1,2 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Text } from '../Text';
-import { ChipCustomType } from './types';
-import classNames from 'classnames';
-import IconDismissCircleFilled from '../SVGIcons/IconDismissCircleFilled';
-import { ICON_SIZE_MAPPING, TEXT_SIZE_MAPPING } from './consts';
-export const Chips = (props) => {
-    const { type = 'filled', color = 'primary', size = 'large', text, disabled, className = '', leftIconProps, withAction, onClick, onRemove, dataId = '', id = '' } = props;
-    const customType = disabled
-        ? 'disabled'
-        : type == ChipCustomType.filled
-            ? ChipCustomType.inverse
-            : color;
-    const handleClick = (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        onClick === null || onClick === void 0 ? void 0 : onClick(event);
-    };
-    const handleRemove = (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        onRemove === null || onRemove === void 0 ? void 0 : onRemove(event);
-    };
-    return (_jsxs("div", { className: classNames(`chips chips--${type} chips--${disabled ? 'disabled' : color} chips--${size}`, className), id: id, onClick: handleClick, children: [(leftIconProps === null || leftIconProps === void 0 ? void 0 : leftIconProps.Component) ? (_jsx(leftIconProps.Component, Object.assign({ dataId: `${dataId}-icon`, size: ICON_SIZE_MAPPING[size], type: customType, className: classNames({ 'mr-6': !!text }) }, leftIconProps))) : null, text ? (_jsx(Text, { dataId: `${dataId}-text`, type: customType, size: TEXT_SIZE_MAPPING[size], className: "chips__label", children: _jsx(_Fragment, { children: text }) })) : null, withAction && (_jsx(IconDismissCircleFilled, { dataId: `${dataId}-icon`, size: ICON_SIZE_MAPPING[size], type: customType, className: "chips__delete ml-6", onClick: handleRemove }))] }));
-};
+import{jsxs as x,jsx as t,Fragment as $}from"react/jsx-runtime";import{Text as P}from"../Text/Text.js";import{ChipCustomType as n}from"./types.js";import h from"classnames";import T from"../SVGIcons/IconDismissCircleFilled.js";import{ICON_SIZE_MAPPING as f,TEXT_SIZE_MAPPING as b}from"./consts.js";const k=s=>{const{type:e="filled",color:i="primary",size:a="large",text:l,disabled:o,className:r="",leftIconProps:p,withAction:c,onClick:m,onRemove:d,dataId:I="",id:u=""}=s,C=o?"disabled":e==n.filled?n.inverse:i;/* @__PURE__ */
+return x("div",{className:h(`chips chips--${e} chips--${o?"disabled":i} chips--${a}`,r),id:u,onClick:s=>{s.preventDefault(),s.stopPropagation(),null==m||m(s)},children:[null!=p&&p.Component?/* @__PURE__ */t(p.Component,{dataId:`${I}-icon`,size:f[a],type:C,className:h({"mr-6":!!l}),...p}):null,l?/* @__PURE__ */t(P,{dataId:`${I}-text`,type:C,size:b[a],className:"chips__label",children:/* @__PURE__ */t($,{children:l})}):null,c&&/* @__PURE__ */t(T,{dataId:`${I}-icon`,size:f[a],type:C,className:"chips__delete ml-6",onClick:s=>{s.preventDefault(),s.stopPropagation(),null==d||d(s)}})]})};export{k as Chips};

package/components/Chips/consts.js

@@ -1,12 +1 @@
-export const ICON_SIZE_MAPPING = {
-    large: 'medium',
-    medium: 'small',
-    small: 'xsmall',
-    xsmall: 'xxsmall'
-};
-export const TEXT_SIZE_MAPPING = {
-    large: 'standard',
-    medium: 'standard',
-    small: 'small',
-    xsmall: 'xsmall'
-};
+const l={large:"medium",medium:"small",small:"xsmall",xsmall:"xxsmall"},a={large:"standard",medium:"standard",small:"small",xsmall:"xsmall"};export{l as ICON_SIZE_MAPPING,a as TEXT_SIZE_MAPPING};

package/components/Chips/index.js

@@ -1 +1 @@
-export * from './Chips';
+import{Chips as r}from"./Chips.js";export{r as Chips};

package/components/Chips/types.js

@@ -1,5 +1 @@
-export var ChipCustomType;
-(function (ChipCustomType) {
-    ChipCustomType["filled"] = "filled";
-    ChipCustomType["inverse"] = "inverse";
-})(ChipCustomType || (ChipCustomType = {}));
+var r=/* @__PURE__ */(e=>(e.filled="filled",e.inverse="inverse",e))(r||{});export{r as ChipCustomType};

package/components/Collapse/Collapse/Collapse.js

@@ -1,19 +1,5 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useState } from 'react';
-import { motion } from 'motion/react';
-import { Divider } from '../../Divider';
-import { AnimatePresenceWrapper } from '../../../helperComponents/AnimatePresenceWrapper';
-import classNames from 'classnames';
-import { generateDataTestId } from '../../../utils/helpers';
-import { Title } from './Title';
-export const Collapse = (props) => {
-    const { title, className, isOpen: isCollapseOpen = false, iconAlignment = 'left', hasIconBorder = false, toggle, dataId, children, id } = props;
-    const [isOpen, toggleIsOpen] = useState(isCollapseOpen);
-    const onToggle = useCallback(() => {
-        toggleIsOpen((prevVal) => {
-            toggle && toggle(!prevVal);
-            return !prevVal;
-        });
-    }, []);
-    return (_jsxs("div", { className: classNames('collapse collapse--v2', { 'collapse--opened': isOpen }, className), id: `${id || ''}`, "data-id": generateDataTestId('collapse-item', dataId), children: [_jsx("div", { className: "collapse__header", onClick: onToggle, children: _jsx(Title, { hasIconBorder: hasIconBorder, iconAlignment: iconAlignment, isOpen: isOpen, dataId: dataId, title: title }) }), _jsx(AnimatePresenceWrapper, { initial: false, children: isOpen && (_jsx(motion.div, { initial: { height: 0 }, animate: { height: 'auto' }, exit: { height: 0 }, transition: { type: 'spring', duration: 0.5, bounce: 0 }, children: _jsxs("div", { className: "collapse__content", children: [_jsx(Divider, { type: "primary", isHorizontal: true, className: 'collapse__divider' }), children] }) })) })] }));
-};
+import{jsxs as l,jsx as e}from"react/jsx-runtime";import{useState as u,useCallback as v}from"react";import{motion as N}from"motion/react";import{Divider as _}from"../../Divider/Divider.js";import{AnimatePresenceWrapper as x}from"../../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js";import C from"classnames";import{generateDataTestId as I}from"../../../utils/helpers.js";import{Title as O}from"./Title.js";const B=i=>{const{title:a,className:t,isOpen:s=!1,iconAlignment:r="left",hasIconBorder:o=!1,toggle:n,dataId:c,children:m,id:p}=i,[d,h]=u(s),f=v(()=>{h(e=>(n&&n(!e),!e))},[]);/* @__PURE__ */
+return l("div",{className:C("collapse collapse--v2",{"collapse--opened":d},t),id:`${p||""}`,"data-id":I("collapse-item",c),children:[
+/* @__PURE__ */e("div",{className:"collapse__header",onClick:f,children:/* @__PURE__ */e(O,{hasIconBorder:o,iconAlignment:r,isOpen:d,dataId:c,title:a})}),
+/* @__PURE__ */e(x,{initial:!1,children:d&&/* @__PURE__ */e(N.div,{initial:{height:0},animate:{height:"auto"},exit:{height:0},transition:{type:"spring",duration:.5,bounce:0},children:/* @__PURE__ */l("div",{className:"collapse__content",children:[
+/* @__PURE__ */e(_,{type:"primary",isHorizontal:!0,className:"collapse__divider"}),m]})})})]})};export{B as Collapse};

package/components/Collapse/Collapse/Title.js

@@ -1,16 +1,2 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import { generateDataTestId } from '../../../utils/helpers';
-import { Text } from '../../Text';
-import classNames from 'classnames';
-import IconChevronDown from '../../SVGIcons/IconChevronDown';
-import IconChevronUp from '../../SVGIcons/IconChevronUp';
-export const Title = ({ dataId, title, isOpen, iconAlignment, hasIconBorder }) => {
-    const { text = '', weight = 'bolder', size = 'medium', color } = title;
-    const titleText = useMemo(() => typeof text === 'string' ? (_jsx(Text, { size: size, type: color, weight: weight, dataId: generateDataTestId('title', dataId), children: text })) : (text), [text, size, color, weight, dataId]);
-    const icon = useMemo(() => (_jsx("div", { className: classNames('collapse-icon', {
-            'icon-border': hasIconBorder,
-            'icon-open': isOpen
-        }), children: !isOpen ? _jsx(IconChevronDown, { size: 'small' }) : _jsx(IconChevronUp, { size: 'small' }) })), [isOpen, hasIconBorder]);
-    return (_jsx("div", { className: "collapse__header__inner flexbox justify-content--between", children: iconAlignment === 'left' ? (_jsxs(_Fragment, { children: [icon, titleText] })) : (_jsxs(_Fragment, { children: [titleText, icon] })) }));
-};
+import{jsx as e,jsxs as a,Fragment as p}from"react/jsx-runtime";import{useMemo as d}from"react";import{generateDataTestId as x}from"../../../utils/helpers.js";import{Text as b}from"../../Text/Text.js";import g from"classnames";import u from"../../SVGIcons/IconChevronDown.js";import v from"../../SVGIcons/IconChevronUp.js";const C=({dataId:t,title:o,isOpen:s,iconAlignment:r,hasIconBorder:i})=>{const{text:n="",weight:c="bolder",size:l="medium",color:m}=o,h=d(()=>"string"==typeof n?/* @__PURE__ */e(b,{size:l,type:m,weight:c,dataId:x("title",t),children:n}):n,[n,l,m,c,t]),f=d(()=>/* @__PURE__ */e("div",{className:g("collapse-icon",{"icon-border":i,"icon-open":s}),children:/* @__PURE__ */e(s?v:u,{size:"small"})}),[s,i]);/* @__PURE__ */
+return e("div",{className:"collapse__header__inner flexbox justify-content--between",children:/* @__PURE__ */a(p,"left"===r?{children:[f,h]}:{children:[h,f]})})};export{C as Title};

package/components/Collapse/CollapseGroup/CollapseGroup.js

@@ -1,25 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useState } from 'react';
-import { CollapseItem } from '../CollapseItem/CollapseItem';
-import classNames from 'classnames';
-export const CollapseGroup = forwardRef((props, ref) => {
-    const { items, singleSelection, titleProps = {}, className } = props;
-    const { size, color } = titleProps;
-    const [openValues, setOpenValues] = useState(items.filter((item) => item.isOpen).map((item) => item.value));
-    const onCollapseSelect = (value) => {
-        if (singleSelection) {
-            setOpenValues([value]);
-        }
-        else {
-            setOpenValues([...openValues, value]);
-        }
-    };
-    const onCollapseDeselect = (value) => {
-        setOpenValues(openValues.filter((item) => item !== value));
-    };
-    return (_jsx("div", { className: classNames('collapse-group', className), ref: ref, children: items.map(({ id, title, value, content, dataId, iconProps }) => {
-            const isOpen = openValues.indexOf(value) !== -1;
-            return (_jsx(CollapseItem, { className: 'collapse-group__item', id: id, isOpen: isOpen, dataId: dataId, title: { size, color, text: title }, toggle: () => (isOpen ? onCollapseDeselect(value) : onCollapseSelect(value)), labelLeftIconProps: iconProps, children: content }, value));
-        }) }));
-});
-CollapseGroup.displayName = 'CollapseGroup';
+import{jsx as a}from"react/jsx-runtime";import{forwardRef as S,useState as h}from"react";import{CollapseItem as G}from"../CollapseItem/CollapseItem.js";import I from"classnames";const P=S((e,s)=>{const{items:t,singleSelection:o,titleProps:l={},className:r}=e,{size:i,color:p}=l,[m,c]=h(t.filter(e=>e.isOpen).map(e=>e.value));/* @__PURE__ */
+return a("div",{className:I("collapse-group",r),ref:s,children:t.map(({id:e,title:s,value:t,content:l,dataId:r,iconProps:n})=>{const d=-1!==m.indexOf(t);/* @__PURE__ */
+return a(G,{className:"collapse-group__item",id:e,isOpen:d,dataId:r,title:{size:i,color:p,text:s},toggle:()=>d?(e=>{c(m.filter(a=>a!==e))})(t):(e=>{c(o?[e]:[...m,e])})(t),labelLeftIconProps:n,children:l},t)})})});P.displayName="CollapseGroup";export{P as CollapseGroup};

package/components/Collapse/CollapseItem/CollapseItem.js

@@ -1,14 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { motion } from 'motion/react';
-import { Text } from '../../Text';
-import IconChevronRight from '../../SVGIcons/IconChevronRight';
-import { Divider } from '../../Divider';
-import { AnimatePresenceWrapper } from '../../../helperComponents/AnimatePresenceWrapper';
-import classNames from 'classnames';
-import IconChevronDown from '../../SVGIcons/IconChevronDown';
-import { generateDataTestId } from '../../../utils/helpers';
-export const CollapseItem = (props) => {
-    const { title: { text, weight = 'bolder', size = 'medium', color }, className, isOpen, toggle, dataId, children, reverse = false, additionalInfo, labelLeftIconProps, id } = props;
-    const title = typeof text === 'string' ? (_jsx(Text, { size: size, type: color, weight: weight, dataId: generateDataTestId('title', dataId), children: text })) : (text);
-    return (_jsxs("div", { className: classNames('collapse', { 'collapse--opened': isOpen }, className), id: `${id || ''}`, "data-id": generateDataTestId('collapse-item', dataId), children: [_jsx("div", { className: "collapse__header flexbox justify-content--between", onClick: toggle, children: reverse ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "collapse__header__inner flexbox align-items--center", children: [_jsx(IconChevronDown, { className: 'collapse__header__icon', size: 'small' }), additionalInfo] }), title] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flexbox align-items--center", children: [(labelLeftIconProps === null || labelLeftIconProps === void 0 ? void 0 : labelLeftIconProps.Component) ? (_jsx(labelLeftIconProps.Component, Object.assign({ size: "small", type: "primary", className: "mr-16" }, labelLeftIconProps))) : null, title] }), _jsxs("div", { className: "collapse__header__inner flexbox align-items--center", children: [additionalInfo, _jsx(IconChevronRight, { className: 'collapse__header__icon', size: 'small' })] })] })) }), _jsx(AnimatePresenceWrapper, { initial: false, children: isOpen && (_jsx(motion.div, { initial: { height: 0 }, animate: { height: 'auto' }, exit: { height: 0 }, transition: { type: 'spring', duration: 0.5, bounce: 0 }, children: _jsxs("div", { className: "collapse__content", children: [_jsx(Divider, { type: "primary", isHorizontal: true, className: 'collapse__divider' }), children] }) })) })] }));
-};
+import{jsxs as i,jsx as e,Fragment as s}from"react/jsx-runtime";import{motion as N}from"motion/react";import{Text as u}from"../../Text/Text.js";import y from"../../SVGIcons/IconChevronRight.js";import{Divider as b}from"../../Divider/Divider.js";import{AnimatePresenceWrapper as C}from"../../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js";import I from"classnames";import z from"../../SVGIcons/IconChevronDown.js";import{generateDataTestId as c}from"../../../utils/helpers.js";const R=a=>{const{title:{text:r,weight:t="bolder",size:l="medium",color:n},className:o,isOpen:m,toggle:d,dataId:p,children:h,reverse:_=!1,additionalInfo:f,labelLeftIconProps:x,id:g}=a,v="string"==typeof r?/* @__PURE__ */e(u,{size:l,type:n,weight:t,dataId:c("title",p),children:r}):r;/* @__PURE__ */
+return i("div",{className:I("collapse",{"collapse--opened":m},o),id:`${g||""}`,"data-id":c("collapse-item",p),children:[
+/* @__PURE__ */e("div",{className:"collapse__header flexbox justify-content--between",onClick:d,children:/* @__PURE__ */i(s,_?{children:[
+/* @__PURE__ */i("div",{className:"collapse__header__inner flexbox align-items--center",children:[
+/* @__PURE__ */e(z,{className:"collapse__header__icon",size:"small"}),f]}),v]}:{children:[
+/* @__PURE__ */i("div",{className:"flexbox align-items--center",children:[null!=x&&x.Component?/* @__PURE__ */e(x.Component,{size:"small",type:"primary",className:"mr-16",...x}):null,v]}),
+/* @__PURE__ */i("div",{className:"collapse__header__inner flexbox align-items--center",children:[f,
+/* @__PURE__ */e(y,{className:"collapse__header__icon",size:"small"})]})]})}),
+/* @__PURE__ */e(C,{initial:!1,children:m&&/* @__PURE__ */e(N.div,{initial:{height:0},animate:{height:"auto"},exit:{height:0},transition:{type:"spring",duration:.5,bounce:0},children:/* @__PURE__ */i("div",{className:"collapse__content",children:[
+/* @__PURE__ */e(b,{type:"primary",isHorizontal:!0,className:"collapse__divider"}),h]})})})]})};export{R as CollapseItem};

package/components/Collapse/index.js

@@ -1,3 +1 @@
-export * from './CollapseItem/CollapseItem';
-export * from './Collapse/Collapse';
-export * from './CollapseGroup/CollapseGroup';
+import{CollapseItem as p}from"./CollapseItem/CollapseItem.js";import{Collapse as l}from"./Collapse/Collapse.js";import{CollapseGroup as t}from"./CollapseGroup/CollapseGroup.js";export{l as Collapse,t as CollapseGroup,p as CollapseItem};

package/components/Collapse/types.js

@@ -1 +0,0 @@
-export {};

package/components/Container/Container.js

@@ -1,5 +1,2 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const Container = (props) => {
-    const { children } = props;
-    return _jsx("div", { className: "container", children: children });
-};
+import{jsx as o}from"react/jsx-runtime";const e=e=>{const{children:r}=e;/* @__PURE__ */
+return o("div",{className:"container",children:r})};export{e as Container};

package/components/Container/index.js

@@ -1 +1 @@
-export * from './Container';
+import{Container as e}from"./Container.js";export{e as Container};

package/components/Container/types.js

@@ -1 +0,0 @@
-export {};

package/components/Copy/Copy.js

@@ -1,16 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useRef } from 'react';
-import { Button } from '../Button';
-import { Popover } from '../Popover';
-import IconCopy from '../SVGIcons/IconCopy';
-export const Copy = ({ textAfterCopy, className = '', text, dataId }) => {
-    const [isTooltipVisible, setTooltipVisibility] = useState(false);
-    const copyIconRef = useRef(null);
-    const copy = (e) => {
-        e.stopPropagation();
-        navigator.clipboard.writeText(text);
-        setTooltipVisibility(true);
-        setTimeout(() => setTooltipVisibility(false), 1000);
-    };
-    return (_jsxs("div", { ref: copyIconRef, className: "copy-icon", children: [_jsx(Button, { dataId: dataId, type: "tertiary", iconProps: { Component: IconCopy }, size: "small", className: className, onClick: copy }), isTooltipVisible ? (_jsx(Popover, { clicked: true, elemRef: copyIconRef.current, text: textAfterCopy || 'Copied', position: 'top-center' })) : null] }));
-};
+import{jsxs as l,jsx as e}from"react/jsx-runtime";import{useState as m,useRef as a}from"react";import{Button as f}from"../Button/Button.js";import{Popover as u}from"../Popover/Popover.js";import y from"../SVGIcons/IconCopy.js";const P=({textAfterCopy:o,className:t="",text:r,dataId:s})=>{const[i,n]=m(!1),p=a(null);/* @__PURE__ */
+return l("div",{ref:p,className:"copy-icon",children:[
+/* @__PURE__ */e(f,{dataId:s,type:"tertiary",iconProps:{Component:y},size:"small",className:t,onClick:o=>{o.stopPropagation(),navigator.clipboard.writeText(r),n(!0),setTimeout(()=>n(!1),1e3)}}),i?/* @__PURE__ */e(u,{clicked:!0,elemRef:p.current,text:o||"Copied",position:"top-center"}):null]})};export{P as Copy};

package/components/Copy/index.js

@@ -1 +1 @@
-export * from './Copy';
+import{Copy as r}from"./Copy.js";export{r as Copy};

package/components/Copy/types.js

@@ -1 +0,0 @@
-export {};

package/components/Counter/Counter.js

@@ -1,57 +1,2 @@
-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 { forwardRef } from 'react';
-import { Input } from '../Input';
-import classNames from 'classnames';
-import { noop } from '../../utils/helpers';
-import IconAdd from '../SVGIcons/IconAdd';
-import IconSubtract from '../SVGIcons/IconSubtract';
-export const Counter = forwardRef((props, ref) => {
-    const { max = 99999999, min = 0, handleChange, name, counter = 0, setFieldValue, customError, label, required = false, value, hasError = false } = props, rest = __rest(props, ["max", "min", "handleChange", "name", "counter", "setFieldValue", "customError", "label", "required", "value", "hasError"]);
-    const counterValue = value !== undefined ? parseInt(value) : counter;
-    const isFormField = value !== undefined;
-    const customChangeHandler = (inputedValue) => {
-        if (handleChange) {
-            ;
-            +inputedValue > max
-                ? handleChange(max)
-                : +inputedValue < min
-                    ? handleChange(min)
-                    : handleChange(inputedValue);
-        }
-        if (setFieldValue && name) {
-            setFieldValue(name, inputedValue, { shouldValidate: hasError });
-        }
-    };
-    const increase = () => customChangeHandler(counterValue - 1);
-    const decrease = () => customChangeHandler(counterValue + 1);
-    const onInputChange = (e) => customChangeHandler(parseInt(e.target.value));
-    const isIncreaseIconDisabled = counterValue <= min;
-    const isDecreaseIconDisabled = counterValue === undefined || counterValue >= max;
-    return (_jsx(Input, Object.assign({}, rest, { className: "counter", error: isFormField ? '' : customError, label: label, required: required, leftIconProps: {
-            dataId: `${rest.dataId}-decrement`,
-            size: 'small',
-            Component: IconSubtract,
-            className: classNames({ action_active: !isIncreaseIconDisabled }),
-            type: isIncreaseIconDisabled ? 'disabled' : 'primary',
-            onClick: isIncreaseIconDisabled ? noop : increase
-        }, rightIconProps: {
-            dataId: `${rest.dataId}-increment`,
-            Component: IconAdd,
-            size: 'small',
-            className: classNames({ action_active: !isDecreaseIconDisabled }),
-            onClick: isDecreaseIconDisabled ? noop : decrease,
-            type: isDecreaseIconDisabled ? 'disabled' : 'primary'
-        }, type: "number", name: name, value: counterValue, onChange: onInputChange })));
-});
-Counter.displayName = 'Counter';
+import{jsx as D}from"react/jsx-runtime";import{forwardRef as F}from"react";import{Input as k}from"../Input/Input.js";import p from"classnames";import{noop as f}from"../../utils/helpers.js";import z from"../SVGIcons/IconAdd.js";import E from"../SVGIcons/IconSubtract.js";const P=F((e,a)=>{const{max:r=99999999,min:o=0,handleChange:t,name:s,counter:n=0,setFieldValue:m,customError:i,label:l,required:c=!1,value:d,hasError:u=!1,...I}=e,v=void 0!==d?parseInt(d):n,C=void 0!==d,h=e=>{t&&t(+e>r?r:+e<o?o:e),m&&s&&m(s,e,{shouldValidate:u})},b=v<=o,j=void 0===v||v>=r;/* @__PURE__ */
+return D(k,{...I,className:"counter",error:C?"":i,label:l,required:c,leftIconProps:{dataId:`${I.dataId}-decrement`,size:"small",Component:E,className:p({action_active:!b}),type:b?"disabled":"primary",onClick:b?f:()=>h(v-1)},rightIconProps:{dataId:`${I.dataId}-increment`,Component:z,size:"small",className:p({action_active:!j}),onClick:j?f:()=>h(v+1),type:j?"disabled":"primary"},type:"number",name:s,value:v,onChange:e=>h(parseInt(e.target.value))})});P.displayName="Counter";export{P as Counter};

package/components/Counter/index.js

@@ -1 +1 @@
-export * from './Counter';
+import{Counter as e}from"./Counter.js";export{e as Counter};

package/components/Counter/types.js

@@ -1 +0,0 @@
-export {};

package/components/DarkModeSwitcher/DarkModeSwitcher.js

@@ -1,15 +1,5 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import classNames from 'classnames';
-import IconMoon from '../SVGIcons/IconMoon';
-import IconSun from '../SVGIcons/IconSun';
-export const DarkModeSwitcher = forwardRef(({ checked, onChange, disabled = false, id = 'dark-mode-switcher', name, className }, ref) => {
-    const _onChange = (e) => {
-        if (disabled) {
-            return;
-        }
-        onChange(e.target.checked);
-    };
-    return (_jsx("label", { className: classNames('theme-switch', className, { 'is-disabled': disabled }), htmlFor: id, children: _jsxs("span", { className: classNames('theme-switch__track', { 'is-checked': checked }), children: [_jsx("span", { className: "theme-switch__icon theme-switch__icon--sun", "aria-hidden": "true", children: _jsx(IconSun, { size: "xsmall" }) }), _jsx("input", { ref: ref, id: id, name: name, type: "checkbox", checked: checked, disabled: disabled, onChange: _onChange, className: "theme-switch__input" }), _jsx("span", { className: "theme-switch__thumb", "aria-hidden": "true" }), _jsx("span", { className: "theme-switch__icon theme-switch__icon--moon", "aria-hidden": "true", children: _jsx(IconMoon, { size: "xsmall" }) })] }) }));
-});
-DarkModeSwitcher.displayName = 'DarkModeSwitcher';
+import{jsx as e,jsxs as l}from"react/jsx-runtime";import{forwardRef as _}from"react";import i from"classnames";import d from"../SVGIcons/IconMoon.js";import p from"../SVGIcons/IconSun.js";const w=_(({checked:s,onChange:a,disabled:c=!1,id:t="dark-mode-switcher",name:m,className:r},h)=>/* @__PURE__ */e("label",{className:i("theme-switch",r,{"is-disabled":c}),htmlFor:t,children:/* @__PURE__ */l("span",{className:i("theme-switch__track",{"is-checked":s}),children:[
+/* @__PURE__ */e("span",{className:"theme-switch__icon theme-switch__icon--sun","aria-hidden":"true",children:/* @__PURE__ */e(p,{size:"xsmall"})}),
+/* @__PURE__ */e("input",{ref:h,id:t,name:m,type:"checkbox",checked:s,disabled:c,onChange:e=>{c||a(e.target.checked)},className:"theme-switch__input"}),
+/* @__PURE__ */e("span",{className:"theme-switch__thumb","aria-hidden":"true"}),
+/* @__PURE__ */e("span",{className:"theme-switch__icon theme-switch__icon--moon","aria-hidden":"true",children:/* @__PURE__ */e(d,{size:"xsmall"})})]})}));w.displayName="DarkModeSwitcher";export{w as DarkModeSwitcher};

package/components/DarkModeSwitcher/index.js

@@ -1 +1 @@
-export * from './DarkModeSwitcher';
+import{DarkModeSwitcher as o}from"./DarkModeSwitcher.js";export{o as DarkModeSwitcher};

package/components/DarkModeSwitcher/types.js

@@ -1,5 +1 @@
-export var ThemeMode;
-(function (ThemeMode) {
-    ThemeMode["Light"] = "light";
-    ThemeMode["Dark"] = "dark";
-})(ThemeMode || (ThemeMode = {}));
+var t=/* @__PURE__ */(t=>(t.Light="light",t.Dark="dark",t))(t||{});export{t as ThemeMode};

package/components/DatePicker/CustomHeader/CustomHeader.js

@@ -1,17 +1,7 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ButtonSelect } from '../../Select';
-import { getYearOptions, noop } from '../../../utils/helpers';
-import IconChevronLeft from '../../SVGIcons/IconChevronLeft';
-import IconChevronRight from '../../SVGIcons/IconChevronRight';
-import { generateMonthOptions } from './helpers';
-export const CustomHeader = (props) => {
-    const { date, dataPrefix, changeYear, changeMonth, decreaseMonth, increaseMonth, startYear, endYear, prevMonthButtonDisabled, nextMonthButtonDisabled, locale, isMobile = false } = props;
-    const months = generateMonthOptions(locale);
-    const getMonthLabel = (month) => {
-        const selectMonth = months.find((item) => item.value === month);
-        return selectMonth === null || selectMonth === void 0 ? void 0 : selectMonth.label.toString();
-    };
-    const month = date === null || date === void 0 ? void 0 : date.getMonth();
-    const year = date === null || date === void 0 ? void 0 : date.getFullYear();
-    return (_jsxs("div", { className: "flexbox custom_header_container", children: [_jsx(IconChevronLeft, { size: "small", className: "cursor-pointer", dataId: dataPrefix ? `${dataPrefix}-prev-month-button` : '', onClick: prevMonthButtonDisabled ? noop : decreaseMonth, type: prevMonthButtonDisabled ? 'disabled' : 'primary' }), _jsxs("div", { className: "selects_container", children: [_jsx(ButtonSelect, { size: "small", type: "tertiary", className: "date_picker_select", offsets: isMobile ? {} : { top: 42, left: 48 }, placeHolder: getMonthLabel(month), dataId: dataPrefix ? `${dataPrefix}-month-select` : '', options: months, selectedItem: month, setSelectedItem: (m) => changeMonth(m), dropdownWidth: 150, isRequiredField: true }), _jsx(ButtonSelect, { type: "tertiary", className: "date_picker_select", offsets: isMobile ? {} : { top: 42, left: 138 }, placeHolder: year.toString(), dataId: dataPrefix ? `${dataPrefix}-year-select` : '', size: "small", options: getYearOptions(startYear, endYear), selectedItem: year, setSelectedItem: (y) => changeYear(y), dropdownWidth: 100, isRequiredField: true })] }), _jsx(IconChevronRight, { size: "small", className: "cursor-pointer", dataId: dataPrefix ? `${dataPrefix}-next-month-button` : '', onClick: nextMonthButtonDisabled ? noop : increaseMonth, type: nextMonthButtonDisabled ? 'disabled' : 'primary' })] }));
-};
+import{jsxs as c,jsx as r}from"react/jsx-runtime";import"../../Select/Select/Select.js";import"../../Select/MultiSelect/MultiSelect.js";import"react";import"../../Input/Input.js";import"classnames";import{noop as d,getYearOptions as N}from"../../../utils/helpers.js";import"../../../consts/index.js";import"../../../context/types.js";import"../../../hooks/useScreenSize.js";import"react-hook-form";import"../../../helperComponents/ErrorMessage/consts.js";import"../../FileUpload/DropzoneFileUpload/DropzoneFileUpload.js";import"react-dom";import"../../Checkbox/Checkbox.js";import{ButtonSelect as h}from"../../Select/ButtonSelect/ButtonSelect.js";import C from"../../SVGIcons/IconChevronLeft.js";import S from"../../SVGIcons/IconChevronRight.js";import{generateMonthOptions as Y}from"./helpers.js";const K=e=>{const{date:t,dataPrefix:o,changeYear:s,changeMonth:l,decreaseMonth:a,increaseMonth:i,startYear:n,endYear:p,prevMonthButtonDisabled:m,nextMonthButtonDisabled:u,locale:f,isMobile:j=!1}=e,I=Y(f),x=null==t?void 0:t.getMonth(),b=null==t?void 0:t.getFullYear();/* @__PURE__ */
+return c("div",{className:"flexbox custom_header_container",children:[
+/* @__PURE__ */r(C,{size:"small",className:"cursor-pointer",dataId:o?`${o}-prev-month-button`:"",onClick:m?d:a,type:m?"disabled":"primary"}),
+/* @__PURE__ */c("div",{className:"selects_container",children:[
+/* @__PURE__ */r(h,{size:"small",type:"tertiary",className:"date_picker_select",offsets:j?{}:{top:42,left:48},placeHolder:(e=>{const t=I.find(t=>t.value===e);return null==t?void 0:t.label.toString()})(x),dataId:o?`${o}-month-select`:"",options:I,selectedItem:x,setSelectedItem:e=>l(e),dropdownWidth:150,isRequiredField:!0}),
+/* @__PURE__ */r(h,{type:"tertiary",className:"date_picker_select",offsets:j?{}:{top:42,left:138},placeHolder:b.toString(),dataId:o?`${o}-year-select`:"",size:"small",options:N(n,p),selectedItem:b,setSelectedItem:e=>s(e),dropdownWidth:100,isRequiredField:!0})]}),
+/* @__PURE__ */r(S,{size:"small",className:"cursor-pointer",dataId:o?`${o}-next-month-button`:"",onClick:u?d:i,type:u?"disabled":"primary"})]})};export{K as CustomHeader};

package/components/DatePicker/CustomHeader/helpers.js

@@ -1,11 +1 @@
-import { MONTHS } from '../localization';
-export const generateMonthOptions = (locale = 'hy') => {
-    let defaultLocale = locale;
-    if (!MONTHS[locale]) {
-        defaultLocale = 'hy';
-    }
-    return MONTHS[defaultLocale].map((month, index) => ({
-        label: month,
-        value: index
-    }));
-};
+import{MONTHS as o}from"../localization.js";const l=(t="hy")=>{let a=t;return o[t]||(a="hy"),o[a].map((o,t)=>({label:o,value:t}))};export{l as generateMonthOptions};

package/components/DatePicker/RangeDatePicker/RangeDatePicker.js

@@ -1,8 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { RangeDatePickerDesktop } from './RangeDatePickerDesktop';
-import { useIsMobile } from '../../../hooks/useGetIsMobile';
-import { RangeDatePickerMobile } from './RangeDatePickerMobile';
-export const RangeDatePicker = (props) => {
-    const isMobile = useIsMobile();
-    return isMobile ? _jsx(RangeDatePickerMobile, Object.assign({}, props)) : _jsx(RangeDatePickerDesktop, Object.assign({}, props));
-};
+import{jsx as o}from"react/jsx-runtime";import{RangeDatePickerDesktop as i}from"./RangeDatePickerDesktop.js";import{useIsMobile as r}from"../../../hooks/useGetIsMobile.js";import{RangeDatePickerMobile as t}from"./RangeDatePickerMobile.js";const b=e=>r()?/* @__PURE__ */o(t,{...e}):/* @__PURE__ */o(i,{...e});export{b as RangeDatePicker};

package/components/DatePicker/RangeDatePicker/RangeDatePickerDesktop.js

@@ -1,76 +1,4 @@
-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 { forwardRef, useEffect, useRef, useState } from 'react';
-import dayjs from 'dayjs';
-import DatePicker from 'react-datepicker';
-import { Input } from '../../Input';
-import { DateFormat } from '../types';
-import { useImportFilesDynamically } from '../hooks';
-import { isSameDay } from '../../../utils/helpers';
-import { Label } from '../../../helperComponents/Label';
-import IconCalendarRight from '../../SVGIcons/IconCalendarRight';
-export const RangeDatePickerDesktop = forwardRef((props, _ref) => {
-    const { value, currentDates = [], setFieldValue, name, changeHandler, dataId, format = DateFormat.LongDate, maxDate, minDate, locale = 'hy', disabled, placeholderText, label, hasError, required } = props, rest = __rest(props, ["value", "currentDates", "setFieldValue", "name", "changeHandler", "dataId", "format", "maxDate", "minDate", "locale", "disabled", "placeholderText", "label", "hasError", "required"]);
-    useImportFilesDynamically(locale);
-    const dateInitialValue = value !== undefined && Array.isArray(value) ? value : currentDates;
-    const [rangeArray, setRangeDate] = useState(dateInitialValue);
-    const calendarRef = useRef(null);
-    const onChange = (date) => {
-        if (date && Array.isArray(date)) {
-            setRangeDate(date);
-            if (changeHandler) {
-                changeHandler(date);
-            }
-            if (setFieldValue && name) {
-                setFieldValue(name, date);
-            }
-        }
-    };
-    useEffect(() => {
-        setRangeDate(dateInitialValue);
-    }, [dateInitialValue]);
-    if (!Array.isArray(rangeArray)) {
-        return null;
-    }
-    const formatDate = (date) => {
-        return date ? dayjs(date).format(format) : '';
-    };
-    const checkRange = () => {
-        const [startDate, endDate] = rangeArray;
-        if (!startDate || !endDate) {
-            onChange([null, null]);
-        }
-    };
-    const renderCurrentSelectedDate = (rangeArray) => {
-        const [startDate, endDate] = rangeArray;
-        const startDateFormatted = formatDate(startDate);
-        const endDateFormatted = formatDate(endDate);
-        if (isSameDay(startDate, endDate) || !rangeArray[1]) {
-            return startDateFormatted;
-        }
-        return `${startDateFormatted} - ${endDateFormatted}`;
-    };
-    const openDatepicker = () => {
-        var _a, _b;
-        if (calendarRef.current) {
-            const isOpen = (_a = calendarRef.current) === null || _a === void 0 ? void 0 : _a.isCalendarOpen();
-            (_b = calendarRef.current) === null || _b === void 0 ? void 0 : _b.setOpen(!isOpen);
-        }
-    };
-    return (_jsxs("div", { className: "picker-container input__inner", children: [_jsx(Label, { text: label, required: required, invalid: hasError }), _jsx(DatePicker, Object.assign({}, rest, { locale: locale, minDate: minDate, maxDate: maxDate, startDate: rangeArray[0], endDate: rangeArray[1], selectsRange: true, disabled: disabled, onChange: onChange, onClickOutside: checkRange, 
-                // @ts-ignore
-                ref: calendarRef, customInput: _jsx("div", { className: "date-picker_input-container", children: _jsx(Input, { dataId: dataId, disabled: disabled, placeholder: placeholderText, 
-                        // @ts-ignore
-                        currentValue: renderCurrentSelectedDate(rangeArray), rightIconProps: { Component: IconCalendarRight, onClick: openDatepicker } }) }) }))] }));
-});
-RangeDatePickerDesktop.displayName = 'RangeDatePickerDesktop';
+import{jsxs as N,jsx as o}from"react/jsx-runtime";import{forwardRef as S,useState as V,useRef as E,useEffect as L}from"react";import $ from"dayjs";import q from"react-datepicker";import{Input as w}from"../../Input/Input.js";import{DateFormat as H}from"../types.js";import{useImportFilesDynamically as T}from"../hooks.js";import{isSameDay as z}from"../../../utils/helpers.js";import{Label as B}from"../../../helperComponents/Label/Label.js";import G from"../../SVGIcons/IconCalendarRight.js";const J=S((e,r)=>{const{value:a,currentDates:t=[],setFieldValue:s,name:n,changeHandler:i,dataId:l,format:c=H.LongDate,maxDate:m,minDate:p,locale:u="hy",disabled:d,placeholderText:f,label:D,hasError:h,required:y,...j}=e;T(u);const k=void 0!==a&&Array.isArray(a)?a:t,[I,g]=V(k),x=E(null),b=e=>{e&&Array.isArray(e)&&(g(e),i&&i(e),s&&n&&s(n,e))};if(L(()=>{g(k)},[k]),!Array.isArray(I))return null;const v=e=>e?$(e).format(c):"";/* @__PURE__ */
+return N("div",{className:"picker-container input__inner",children:[
+/* @__PURE__ */o(B,{text:D,required:y,invalid:h}),
+/* @__PURE__ */o(q,{...j,locale:u,minDate:p,maxDate:m,startDate:I[0],endDate:I[1],selectsRange:!0,disabled:d,onChange:b,onClickOutside:()=>{const[e,r]=I;(!e||!r)&&b([null,null])},ref:x,customInput:/* @__PURE__ */o("div",{className:"date-picker_input-container",children:/* @__PURE__ */o(w,{dataId:l,disabled:d,placeholder:f,currentValue:(e=>{const[r,a]=e,t=v(r),s=v(a);return z(r,a)||!e[1]?t:`${t} - ${s}`})(I),rightIconProps:{Component:G,onClick:()=>{var e,r;if(x.current){const a=null==(e=x.current)?void 0:e.isCalendarOpen();null==(r=x.current)||r.setOpen(!a)}}}})})})]})});J.displayName="RangeDatePickerDesktop";export{J as RangeDatePickerDesktop};