hrm_ui_lib 2.1.0-alpha.18 → 2.1.0-alpha.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/styles/styles.css +1 -1
- package/components/Alert/Alert.js +1 -2
- package/components/Avatar/AvatarGroup.js +1 -2
- package/components/Badge/Badge.js +1 -2
- package/components/Breadcrumb/Breadcrumb.js +1 -2
- package/components/Button/Button.js +1 -2
- package/components/ButtonGroup/ButtonGroup.js +1 -2
- package/components/ButtonGroup/ButtonGroupItem.js +1 -2
- package/components/Card/CardComponent/Card.js +1 -2
- package/components/Card/CardComponent/CardBody.js +1 -2
- package/components/Card/CardComponent/CardHead.js +1 -2
- package/components/CardGroup/CardGroupComponent/CardBody.js +1 -2
- package/components/CardGroup/CardGroupComponent/CardGroup.js +1 -2
- package/components/CardGroup/CardGroupComponent/CardHead.js +1 -2
- package/components/Checkbox/Checkbox.js +1 -2
- package/components/Chips/Chips.js +1 -2
- package/components/Collapse/Collapse/Collapse.js +1 -2
- package/components/Collapse/Collapse/Title.js +1 -2
- package/components/Collapse/CollapseGroup/CollapseGroup.js +1 -3
- package/components/Collapse/CollapseItem/CollapseItem.js +1 -2
- package/components/Container/Container.js +1 -2
- package/components/Copy/Copy.js +1 -2
- package/components/Counter/Counter.js +1 -2
- package/components/DatePicker/CustomHeader/CustomHeader.js +1 -2
- package/components/DatePicker/RangeDatePicker/RangeDatePickerDesktop.js +1 -2
- package/components/DatePicker/RangeDatePicker/RangeDatePickerMobile.js +1 -2
- package/components/DatePicker/SimpleDatePicker/SimpleDatePickerDesktop.js +1 -2
- package/components/DatePicker/SimpleDatePicker/SimpleDatePickerMobile.js +1 -2
- package/components/DatePicker/TimePicker/MobileModalContent.js +1 -2
- package/components/DatePicker/TimePicker/TimePickerDesktop.js +1 -2
- package/components/DatePicker/TimePicker/TimePickerMobile.js +1 -2
- package/components/Divider/Divider.js +1 -2
- package/components/Empty/Empty.js +1 -2
- package/components/FileUpload/DropzoneFileUpload/DropzoneFileUpload.js +1 -2
- package/components/FileUpload/DropzoneFileUpload/PreviewItem.js +1 -2
- package/components/FileUpload/FileUpload.js +1 -2
- package/components/FileUpload/UploadItems.js +1 -3
- package/components/FormField/FormField.js +1 -3
- package/components/Heading/Heading.js +1 -2
- package/components/Image/Image.js +1 -1
- package/components/Input/Input.js +2 -3
- package/components/LineChart/LineChart.d.ts +3 -0
- package/components/LineChart/LineChart.js +8 -0
- package/components/LineChart/helper.d.ts +3 -0
- package/components/LineChart/helper.js +1 -0
- package/components/LineChart/index.d.ts +2 -0
- package/components/LineChart/index.js +1 -0
- package/components/LineChart/types.d.ts +14 -0
- package/components/Menu/NestedMenu.js +1 -2
- package/components/More/More.js +1 -3
- package/components/Pagination/Pagination.js +1 -2
- package/components/Popover/PopoverMobile.js +1 -2
- package/components/Progress/Progress.js +1 -2
- package/components/ProgressStep/ProgressStep.js +1 -2
- package/components/ProgressStep/Step.js +2 -3
- package/components/Radio/Radio.js +1 -2
- package/components/Radio/RadioGroup.js +1 -2
- package/components/Select/ButtonSelect/ButtonSelect.js +1 -3
- package/components/Select/FilterSelect/FilterDropdown.js +1 -3
- package/components/Select/FilterSelect/FilterGroupDropdown.js +1 -2
- package/components/Select/FilterSelect/FilterSelect.js +2 -2
- package/components/Select/MultiSelect/MobileWrapper.js +1 -2
- package/components/Select/MultiSelect/MultiBase/MultiBase.js +2 -4
- package/components/Select/MultiSelect/MultiSelect.js +1 -2
- package/components/Select/MultiSelect/MultiSelectGrouped/MultiSelectGrouped.js +3 -6
- package/components/Select/MultiSelect/MultiSelectWithTabs/MultiSelectWithTabs.js +2 -4
- package/components/Select/NestedSelect/NestedSelect.js +1 -2
- package/components/Select/Select/SelectDesktop/index.js +1 -2
- package/components/Select/Select/SelectMobile/index.js +2 -4
- package/components/Select/SharedComponents/ButtonSelectWrapper/Button/Button.js +1 -2
- package/components/Select/SharedComponents/Footer.js +1 -2
- package/components/Select/SharedComponents/InputSelectWrapper/InputSelectWrapper.js +3 -3
- package/components/Select/SharedComponents/Loading.js +1 -2
- package/components/SideSheet/Footer/Footer.js +1 -2
- package/components/SideSheet/SideSheet.js +1 -2
- package/components/Skeleton/Skeleton.d.ts +3 -0
- package/components/Skeleton/Skeleton.js +4 -0
- package/components/Skeleton/consts.d.ts +5 -0
- package/components/Skeleton/consts.js +1 -0
- package/components/Skeleton/index.d.ts +2 -0
- package/components/Skeleton/index.js +1 -0
- package/components/Skeleton/types.d.ts +24 -0
- package/components/Skeleton/types.js +0 -0
- package/components/Snackbar/Snackbar.js +1 -2
- package/components/Status/Status.js +1 -2
- package/components/Stepper/Stepper.js +1 -2
- package/components/Switcher/Switcher.js +1 -2
- package/components/Tab/Tab.js +1 -2
- package/components/Tab/TabItem.js +2 -3
- package/components/Table/Header.js +1 -3
- package/components/Table/Row.js +1 -3
- package/components/Table/Table.js +1 -2
- package/components/Table/utils.js +1 -3
- package/components/TableV2/ColumnHeader.js +1 -2
- package/components/TableV2/ColumnSettings.js +2 -4
- package/components/TableV2/IndeterminateCheckbox.js +2 -2
- package/components/TableV2/Table.js +1 -2
- package/components/Text/Text.js +1 -2
- package/components/Textarea/Textarea.js +1 -2
- package/components/Tooltip/Tooltip.js +1 -1
- package/components/UnderConstruction/UnderConstruction.js +1 -2
- package/helperComponents/Loader/Loader.js +1 -2
- package/package.json +1 -1
- package/components/Feedback/Feedback.d.ts +0 -3
- package/components/Feedback/Feedback.js +0 -3
- package/components/Feedback/consts.d.ts +0 -1
- package/components/Feedback/consts.js +0 -1
- package/components/Feedback/index.d.ts +0 -1
- package/components/Feedback/index.js +0 -1
- package/components/Feedback/types.d.ts +0 -5
- /package/components/{Feedback → LineChart}/types.js +0 -0
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import{jsx as e,jsxs as i}from"react/jsx-runtime";import{TYPE_MAPPING as s,ICONS_MAPPING as N}from"./consts.js";import h from"classnames";import{Text as n}from"../Text/Text.js";import{Button as a}from"../Button/Button.js";import u from"../SVGIcons/IconDismissFilled.js";import{IconDynamicComponent as f}from"../../helperComponents/IconDynamicComponent/IconDynamicComponent.js";const C=t=>{const{buttonProps:o,type:l="information",position:r="inline",text:m,subtext:c,closeIcon:p,onClose:d,className:y=""}=t;/* @__PURE__ */
|
|
2
|
-
return e("div",{className:h("alert",`alert--${l} alert--${r}`,y),children:/* @__PURE__ */i("div",{className:"alert__content",children:[
|
|
1
|
+
import{jsx as e,jsxs as i}from"react/jsx-runtime";import{TYPE_MAPPING as s,ICONS_MAPPING as N}from"./consts.js";import h from"classnames";import{Text as n}from"../Text/Text.js";import{Button as a}from"../Button/Button.js";import u from"../SVGIcons/IconDismissFilled.js";import{IconDynamicComponent as f}from"../../helperComponents/IconDynamicComponent/IconDynamicComponent.js";const C=t=>{const{buttonProps:o,type:l="information",position:r="inline",text:m,subtext:c,closeIcon:p,onClose:d,className:y=""}=t;/* @__PURE__ */return e("div",{className:h("alert",`alert--${l} alert--${r}`,y),children:/* @__PURE__ */i("div",{className:"alert__content",children:[
|
|
3
2
|
/* @__PURE__ */e(f,{Component:N[l],size:"small",type:s[l]}),
|
|
4
3
|
/* @__PURE__ */i("div",{className:"alert__text pl-8",children:[
|
|
5
4
|
/* @__PURE__ */i("div",{children:[
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import{jsxs as n,jsx as t}from"react/jsx-runtime";import{Tooltip as s}from"../Tooltip/Tooltip.js";import{Avatar as p}from"./Avatar.js";import"react";import{Positions as c}from"../Tooltip/types.js";import"../../consts/index.js";import"../../context/types.js";import{useScreenSize as _}from"../../hooks/useScreenSize.js";import"react-hook-form";import u from"classnames";import N from"../SVGIcons/IconAdd.js";const T={small:2,medium:4,large:6},R=({avatarGroup:a=[],onAddUser:o,size:i="medium",maxCount:r=0,dataId:e})=>{const m=_(),l=r||T[m],d=a.slice(0,l),v=a.length-l>0?a.length-l:0;/* @__PURE__ */
|
|
2
|
-
return n("div",{className:u(`avatar-group avatar-group--${i}`),children:[d.map((a,o)=>/* @__PURE__ */n("div",{className:"avatar-group__item",children:[a.tooltipContent?/* @__PURE__ */t(s,{text:a.tooltipContent,id:`${o}`,position:c.TOP_CENTER}):null,
|
|
1
|
+
import{jsxs as n,jsx as t}from"react/jsx-runtime";import{Tooltip as s}from"../Tooltip/Tooltip.js";import{Avatar as p}from"./Avatar.js";import"react";import{Positions as c}from"../Tooltip/types.js";import"../../consts/index.js";import"../../context/types.js";import{useScreenSize as _}from"../../hooks/useScreenSize.js";import"react-hook-form";import u from"classnames";import N from"../SVGIcons/IconAdd.js";const T={small:2,medium:4,large:6},R=({avatarGroup:a=[],onAddUser:o,size:i="medium",maxCount:r=0,dataId:e})=>{const m=_(),l=r||T[m],d=a.slice(0,l),v=a.length-l>0?a.length-l:0;/* @__PURE__ */return n("div",{className:u(`avatar-group avatar-group--${i}`),children:[d.map((a,o)=>/* @__PURE__ */n("div",{className:"avatar-group__item",children:[a.tooltipContent?/* @__PURE__ */t(s,{text:a.tooltipContent,id:`${o}`,position:c.TOP_CENTER}):null,
|
|
3
2
|
/* @__PURE__ */t(p,{dataId:e,id:`${o}`,size:i,initials:a.initials,imagePath:a.imagePath})]},o)),v?/* @__PURE__ */n("div",{className:"avatar-group__item",children:[
|
|
4
3
|
/* @__PURE__ */t(s,{text:"Name Surname",id:"amountTooltip",position:c.TOP_CENTER}),
|
|
5
4
|
/* @__PURE__ */t(p,{type:"count",size:i,id:"amountTooltip",initials:`+${v}`})]}):null,o?/* @__PURE__ */t("div",{className:u(`avatar avatar-group__add avatar--${i}`),onClick:o,children:/* @__PURE__ */t(N,{type:"disabled",size:i})}):null]})};export{R as AvatarGroup};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import{jsx as e,Fragment as t}from"react/jsx-runtime";import{Text as l}from"../Text/Text.js";import n from"classnames";const p=a=>{const{type:r="primary",size:s="large",text:m,className:i=""}=a;/* @__PURE__ */
|
|
2
|
-
return e("div",{className:n(`badge badge--${r} badge--${s}`,i),children:m?/* @__PURE__ */e(l,{size:"xsmall",type:"secondary"==r?"primary":"inverse",className:"badge__inner",children:/* @__PURE__ */e(t,{children:m})}):null})};export{p as Badge};
|
|
1
|
+
import{jsx as e,Fragment as t}from"react/jsx-runtime";import{Text as l}from"../Text/Text.js";import n from"classnames";const p=a=>{const{type:r="primary",size:s="large",text:m,className:i=""}=a;/* @__PURE__ */return e("div",{className:n(`badge badge--${r} badge--${s}`,i),children:m?/* @__PURE__ */e(l,{size:"xsmall",type:"secondary"==r?"primary":"inverse",className:"badge__inner",children:/* @__PURE__ */e(t,{children:m})}):null})};export{p as Badge};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import{jsx as a}from"react/jsx-runtime";const u=e=>{const{selectedValue:r,breadCrumbItems:s,className:c="",onSelect:l}=e;/* @__PURE__ */
|
|
2
|
-
return a("div",{className:`breadcrumb ${c}`,children:s.map(e=>/* @__PURE__ */a("span",{className:"breadcrumb__item",children:/* @__PURE__ */a("span",{className:"breadcrumb__item__inner "+(r===e.value?"selected":""),onClick:()=>l(e.value),children:e.label})},e.value))})};export{u as Breadcrumb};
|
|
1
|
+
import{jsx as a}from"react/jsx-runtime";const u=e=>{const{selectedValue:r,breadCrumbItems:s,className:c="",onSelect:l}=e;/* @__PURE__ */return a("div",{className:`breadcrumb ${c}`,children:s.map(e=>/* @__PURE__ */a("span",{className:"breadcrumb__item",children:/* @__PURE__ */a("span",{className:"breadcrumb__item__inner "+(r===e.value?"selected":""),onClick:()=>l(e.value),children:e.label})},e.value))})};export{u as Breadcrumb};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as x,Fragment as C}from"react/jsx-runtime";import E from"classnames";import{Loader as T}from"../../helperComponents/Loader/Loader.js";import{LITE_LOADER_TYPES as g,ICON_TYPE_MAPPING as h,ICON_SIZE_MAPPING as A}from"./consts.js";const $=n=>{const{buttonText:t,type:s="primary",size:o="large",className:a="",iconProps:r,buttonActionType:l="button",disabled:i,pressed:d,isLoading:m,formId:p,dataId:c="",onClick:u,refHandler:b=null,children:f,..._}=n,I=!t&&!f&&void 0!==r;/* @__PURE__ */
|
|
2
|
-
return e("button",{ref:b,"data-id":c,disabled:i,type:l,className:E("btn",`btn--${s}`,`btn--${o}`,{pressed:d,"btn--icon":I,[`btn--icon-${(null==r?void 0:r.alignment)||"left"}`]:!m&&!I&&(null==r?void 0:r.Component)},a),onClick:e=>{d||i||m?e.preventDefault():null==u||u(e)},form:p,..._,children:m?/* @__PURE__ */e(T,{size:o,type:-1===g.indexOf(s)?"dark":"lite"}):/* @__PURE__ */x(C,{children:[null!=r&&r.Component?/* @__PURE__ */e(r.Component,{size:A[r.size||o],type:h[r.type||s],className:"btn__icon"}):null,t||f?/* @__PURE__ */e("span",{className:"btn__text",children:t||f}):null]})})};export{$ as Button};
|
|
1
|
+
import{jsx as e,jsxs as x,Fragment as C}from"react/jsx-runtime";import E from"classnames";import{Loader as T}from"../../helperComponents/Loader/Loader.js";import{LITE_LOADER_TYPES as g,ICON_TYPE_MAPPING as h,ICON_SIZE_MAPPING as A}from"./consts.js";const $=n=>{const{buttonText:t,type:s="primary",size:o="large",className:a="",iconProps:r,buttonActionType:l="button",disabled:i,pressed:d,isLoading:m,formId:p,dataId:c="",onClick:u,refHandler:b=null,children:f,..._}=n,I=!t&&!f&&void 0!==r;/* @__PURE__ */return e("button",{ref:b,"data-id":c,disabled:i,type:l,className:E("btn",`btn--${s}`,`btn--${o}`,{pressed:d,"btn--icon":I,[`btn--icon-${(null==r?void 0:r.alignment)||"left"}`]:!m&&!I&&(null==r?void 0:r.Component)},a),onClick:e=>{d||i||m?e.preventDefault():null==u||u(e)},form:p,..._,children:m?/* @__PURE__ */e(T,{size:o,type:-1===g.indexOf(s)?"dark":"lite"}):/* @__PURE__ */x(C,{children:[null!=r&&r.Component?/* @__PURE__ */e(r.Component,{size:A[r.size||o],type:h[r.type||s],className:"btn__icon"}):null,t||f?/* @__PURE__ */e("span",{className:"btn__text",children:t||f}):null]})})};export{$ as Button};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import{jsx as i}from"react/jsx-runtime";import{useState as v}from"react";import I from"classnames";import{ButtonGroupItem as G}from"./ButtonGroupItem.js";const N=({buttons:t,activeIndex:o=0,className:e,type:s,size:r,disabled:a,onTabChange:n})=>{const[m,u]=v(o);/* @__PURE__ */
|
|
2
|
-
return i("div",{className:I("button-group",e),children:t.map(t=>/* @__PURE__ */i(G,{...t,type:s,size:r,isActive:m===t.id,disabled:a,onClick:()=>(t=>{a||m===t||(u(t),null==n||n(t))})(t.id)},`buttonGroup_${t.id}`))})};export{N as ButtonGroup};
|
|
1
|
+
import{jsx as i}from"react/jsx-runtime";import{useState as v}from"react";import I from"classnames";import{ButtonGroupItem as G}from"./ButtonGroupItem.js";const N=({buttons:t,activeIndex:o=0,className:e,type:s,size:r,disabled:a,onTabChange:n})=>{const[m,u]=v(o);/* @__PURE__ */return i("div",{className:I("button-group",e),children:t.map(t=>/* @__PURE__ */i(G,{...t,type:s,size:r,isActive:m===t.id,disabled:a,onClick:()=>(t=>{a||m===t||(u(t),null==n||n(t))})(t.id)},`buttonGroup_${t.id}`))})};export{N as ButtonGroup};
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
import{jsxs as N,jsx as u}from"react/jsx-runtime";import{useMemo as P}from"react";import{Text as h}from"../Text/Text.js";import i from"classnames";import{ICON_SIZE_MAPPING as l,TEXT_SIZE_MAPPING as x}from"./consts.js";const M=({buttonText:t,size:e="medium",type:o="primary",isActive:s,disabled:n,onClick:r,className:m,icons:a})=>{var p,c;const d=P(()=>n?"disabled":s?"primary":"tertiary",[n,s]);/* @__PURE__ */
|
|
2
|
-
return N("div",{className:i("button-group-item",`button-group-item__${o}`,`button-group-item__${e}`,{active:s,disabled:n},m),onClick:t=>{t.preventDefault(),t.stopPropagation(),null==r||r()},children:[null!=(p=null==a?void 0:a.left)&&p.Component?/* @__PURE__ */u(a.left.Component,{size:l[e],type:d}):null,
|
|
1
|
+
import{jsxs as N,jsx as u}from"react/jsx-runtime";import{useMemo as P}from"react";import{Text as h}from"../Text/Text.js";import i from"classnames";import{ICON_SIZE_MAPPING as l,TEXT_SIZE_MAPPING as x}from"./consts.js";const M=({buttonText:t,size:e="medium",type:o="primary",isActive:s,disabled:n,onClick:r,className:m,icons:a})=>{var p,c;const d=P(()=>n?"disabled":s?"primary":"tertiary",[n,s]);/* @__PURE__ */return N("div",{className:i("button-group-item",`button-group-item__${o}`,`button-group-item__${e}`,{active:s,disabled:n},m),onClick:t=>{t.preventDefault(),t.stopPropagation(),null==r||r()},children:[null!=(p=null==a?void 0:a.left)&&p.Component?/* @__PURE__ */u(a.left.Component,{size:l[e],type:d}):null,
|
|
3
2
|
/* @__PURE__ */u(h,{size:x[e],type:d,children:t}),null!=(c=null==a?void 0:a.right)&&c.Component?/* @__PURE__ */u(a.right.Component,{size:l[e],type:d}):null]})};export{M as ButtonGroupItem};
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
import{jsxs as p,jsx as e}from"react/jsx-runtime";import r from"classnames";import{useCardContext as x}from"../CardContext.js";import{generateDataTestId as _}from"../../../utils/helpers.js";const v=({children:a})=>{const{isExpanded:t,className:d,title:s,dataId:i,id:n,noBorder:c}=x(),{alignment:l,color:o,text:m}=s??{alignment:"left",color:"blue"};/* @__PURE__ */
|
|
2
|
-
return p("div",{className:r("card",{"card--expanded":t,[`card--title--alignment--${l}`]:s,"card--noBorder":c},d),id:`${n||""}`,"data-id":_("card-item",i),children:[s&&/* @__PURE__ */e("div",{className:r("card__title",{[`card__title--${o}`]:o}),children:m}),
|
|
1
|
+
import{jsxs as p,jsx as e}from"react/jsx-runtime";import r from"classnames";import{useCardContext as x}from"../CardContext.js";import{generateDataTestId as _}from"../../../utils/helpers.js";const v=({children:a})=>{const{isExpanded:t,className:d,title:s,dataId:i,id:n,noBorder:c}=x(),{alignment:l,color:o,text:m}=s??{alignment:"left",color:"blue"};/* @__PURE__ */return p("div",{className:r("card",{"card--expanded":t,[`card--title--alignment--${l}`]:s,"card--noBorder":c},d),id:`${n||""}`,"data-id":_("card-item",i),children:[s&&/* @__PURE__ */e("div",{className:r("card__title",{[`card__title--${o}`]:o}),children:m}),
|
|
3
2
|
/* @__PURE__ */e("div",{className:"card__content",children:a})]})};export{v as Card};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import{jsx as i,jsxs as o}from"react/jsx-runtime";import{motion as n}from"motion/react";import{useCardContext as a}from"../CardContext.js";import{Divider as d}from"../../Divider/Divider.js";import{AnimatePresenceWrapper as m}from"../../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js";const f=({children:e})=>{const{isExpanded:r,noDivider:t}=a();/* @__PURE__ */
|
|
2
|
-
return i(m,{initial:!1,children:r&&/* @__PURE__ */i(n.div,{initial:{height:0},animate:{height:"auto"},exit:{height:0},transition:{type:"spring",duration:.5,bounce:0},children:/* @__PURE__ */o("div",{className:"card__content--body",children:[!t&&/* @__PURE__ */i(d,{type:"primary",isHorizontal:!0,className:"card__divider"}),e]})})})};export{f as CardBody};
|
|
1
|
+
import{jsx as i,jsxs as o}from"react/jsx-runtime";import{motion as n}from"motion/react";import{useCardContext as a}from"../CardContext.js";import{Divider as d}from"../../Divider/Divider.js";import{AnimatePresenceWrapper as m}from"../../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js";const f=({children:e})=>{const{isExpanded:r,noDivider:t}=a();/* @__PURE__ */return i(m,{initial:!1,children:r&&/* @__PURE__ */i(n.div,{initial:{height:0},animate:{height:"auto"},exit:{height:0},transition:{type:"spring",duration:.5,bounce:0},children:/* @__PURE__ */o("div",{className:"card__content--body",children:[!t&&/* @__PURE__ */i(d,{type:"primary",isHorizontal:!0,className:"card__divider"}),e]})})})};export{f as CardBody};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import{jsxs as s,jsx as a}from"react/jsx-runtime";import{useCallback as i}from"react";import{useCardContext as p}from"../CardContext.js";import d from"classnames";import{noop as l}from"../../../utils/helpers.js";import{Button as x}from"../../Button/Button.js";import h from"../../SVGIcons/IconChevronDown.js";import f from"../../SVGIcons/IconChevronRight.js";const I=({children:e})=>{const{toggleIsExpanded:o,onExpand:n,isExpandable:r,isExpanded:t}=p(),c=i(()=>{o&&o(e=>(n&&n(!e),!e))},[]);/* @__PURE__ */
|
|
2
|
-
return s("div",{className:d("card__content--header",{"card__content--header--expandable":r}),onClick:r?c:l,children:[e,r&&/* @__PURE__ */a("div",{className:"card__content--header--expand",children:/* @__PURE__ */a(x,{iconProps:{Component:t?h:f},className:d({"card__content--header--expand--icon":t}),type:"tertiary",size:"medium"})})]})};export{I as CardHead};
|
|
1
|
+
import{jsxs as s,jsx as a}from"react/jsx-runtime";import{useCallback as i}from"react";import{useCardContext as p}from"../CardContext.js";import d from"classnames";import{noop as l}from"../../../utils/helpers.js";import{Button as x}from"../../Button/Button.js";import h from"../../SVGIcons/IconChevronDown.js";import f from"../../SVGIcons/IconChevronRight.js";const I=({children:e})=>{const{toggleIsExpanded:o,onExpand:n,isExpandable:r,isExpanded:t}=p(),c=i(()=>{o&&o(e=>(n&&n(!e),!e))},[]);/* @__PURE__ */return s("div",{className:d("card__content--header",{"card__content--header--expandable":r}),onClick:r?c:l,children:[e,r&&/* @__PURE__ */a("div",{className:"card__content--header--expand",children:/* @__PURE__ */a(x,{iconProps:{Component:t?h:f},className:d({"card__content--header--expand--icon":t}),type:"tertiary",size:"medium"})})]})};export{I as CardHead};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import{jsxs as m,jsx as p}from"react/jsx-runtime";import{useMemo as e,useId as u}from"react";const d=({children:r})=>{const s=e(()=>Array.isArray(r),[r]),a=u();/* @__PURE__ */
|
|
2
|
-
return m("div",{className:"card--group__content--body",children:[s&&(null==r?void 0:r.map((r,s)=>/* @__PURE__ */p("div",{className:"card--group__child",children:r},`${a}_${s}`))),!s&&r]})};export{d as CardGroupBody};
|
|
1
|
+
import{jsxs as m,jsx as p}from"react/jsx-runtime";import{useMemo as e,useId as u}from"react";const d=({children:r})=>{const s=e(()=>Array.isArray(r),[r]),a=u();/* @__PURE__ */return m("div",{className:"card--group__content--body",children:[s&&(null==r?void 0:r.map((r,s)=>/* @__PURE__ */p("div",{className:"card--group__child",children:r},`${a}_${s}`))),!s&&r]})};export{d as CardGroupBody};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import{jsx as r}from"react/jsx-runtime";import m from"classnames";import{generateDataTestId as n}from"../../../utils/helpers.js";import{useCardGroupContext as s}from"../CardGroupContext.js";const u=({children:t})=>{const{className:a,title:e,dataId:o,id:i}=s(),{alignment:d}=e??{alignment:"left"};/* @__PURE__ */
|
|
2
|
-
return r("div",{className:m("card--group",{[`card--group--title--alignment--${d}`]:e},a),id:`${i||""}`,"data-id":n("card--group-item",o),children:/* @__PURE__ */r("div",{className:"card--group__content",children:t})})};export{u as CardGroup};
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import m from"classnames";import{generateDataTestId as n}from"../../../utils/helpers.js";import{useCardGroupContext as s}from"../CardGroupContext.js";const u=({children:t})=>{const{className:a,title:e,dataId:o,id:i}=s(),{alignment:d}=e??{alignment:"left"};/* @__PURE__ */return r("div",{className:m("card--group",{[`card--group--title--alignment--${d}`]:e},a),id:`${i||""}`,"data-id":n("card--group-item",o),children:/* @__PURE__ */r("div",{className:"card--group__content",children:t})})};export{u as CardGroup};
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
import{jsxs as t,jsx as o}from"react/jsx-runtime";import{useCardGroupContext as a}from"../CardGroupContext.js";import c from"classnames";const i=({children:r})=>{const{title:e}=a();/* @__PURE__ */
|
|
2
|
-
return t("div",{className:"card--group__content--header",children:[e&&/* @__PURE__ */o("div",{className:c("card--group__title",{[`card--group__title--${e.color}`]:e.color}),children:e.text}),
|
|
1
|
+
import{jsxs as t,jsx as o}from"react/jsx-runtime";import{useCardGroupContext as a}from"../CardGroupContext.js";import c from"classnames";const i=({children:r})=>{const{title:e}=a();/* @__PURE__ */return t("div",{className:"card--group__content--header",children:[e&&/* @__PURE__ */o("div",{className:c("card--group__title",{[`card--group__title--${e.color}`]:e.color}),children:e.text}),
|
|
3
2
|
/* @__PURE__ */o("div",{className:"card--group__content--header--component",children:r})]})};export{i as CardGroupHead};
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
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}),
|
|
2
|
-
/* @__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__ */
|
|
3
|
-
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:[
|
|
2
|
+
/* @__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:[
|
|
4
3
|
/* @__PURE__ */e("input",{"data-id":k,type:"checkbox",ref:v,tabIndex:0,onChange:P,checked:!!g,disabled:n}),
|
|
5
4
|
/* @__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:[
|
|
6
5
|
/* @__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};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
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__ */
|
|
2
|
-
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};
|
|
1
|
+
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};
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
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__ */
|
|
2
|
-
return l("div",{className:C("collapse collapse--v2",{"collapse--opened":d},t),id:`${p||""}`,"data-id":I("collapse-item",c),children:[
|
|
1
|
+
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:[
|
|
3
2
|
/* @__PURE__ */e("div",{className:"collapse__header",onClick:f,children:/* @__PURE__ */e(O,{hasIconBorder:o,iconAlignment:r,isOpen:d,dataId:c,title:a})}),
|
|
4
3
|
/* @__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:[
|
|
5
4
|
/* @__PURE__ */e(_,{type:"primary",isHorizontal:!0,className:"collapse__divider"}),m]})})})]})};export{B as Collapse};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
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__ */
|
|
2
|
-
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};
|
|
1
|
+
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};
|
|
@@ -1,3 +1 @@
|
|
|
1
|
-
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__ */
|
|
2
|
-
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__ */
|
|
3
|
-
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};
|
|
1
|
+
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};
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
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__ */
|
|
2
|
-
return i("div",{className:I("collapse",{"collapse--opened":m},o),id:`${g||""}`,"data-id":c("collapse-item",p),children:[
|
|
1
|
+
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:[
|
|
3
2
|
/* @__PURE__ */e("div",{className:"collapse__header flexbox justify-content--between",onClick:d,children:/* @__PURE__ */i(s,_?{children:[
|
|
4
3
|
/* @__PURE__ */i("div",{className:"collapse__header__inner flexbox align-items--center",children:[
|
|
5
4
|
/* @__PURE__ */e(z,{className:"collapse__header__icon",size:"small"}),f]}),v]}:{children:[
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import{jsx as o}from"react/jsx-runtime";const e=e=>{const{children:r}=e;/* @__PURE__ */
|
|
2
|
-
return o("div",{className:"container",children:r})};export{e as Container};
|
|
1
|
+
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/Copy/Copy.js
CHANGED
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
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__ */
|
|
2
|
-
return l("div",{ref:p,className:"copy-icon",children:[
|
|
1
|
+
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:[
|
|
3
2
|
/* @__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};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
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__ */
|
|
2
|
-
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};
|
|
1
|
+
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};
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
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__ */
|
|
2
|
-
return c("div",{className:"flexbox custom_header_container",children:[
|
|
1
|
+
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:[
|
|
3
2
|
/* @__PURE__ */r(C,{size:"small",className:"cursor-pointer",dataId:o?`${o}-prev-month-button`:"",onClick:m?d:a,type:m?"disabled":"primary"}),
|
|
4
3
|
/* @__PURE__ */c("div",{className:"selects_container",children:[
|
|
5
4
|
/* @__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}),
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
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__ */
|
|
2
|
-
return N("div",{className:"picker-container input__inner",children:[
|
|
1
|
+
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:[
|
|
3
2
|
/* @__PURE__ */o(B,{text:D,required:y,invalid:h}),
|
|
4
3
|
/* @__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};
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import{jsxs as f,Fragment as q,jsx as a}from"react/jsx-runtime";import{forwardRef as z,useState as D,useEffect as B}from"react";import G from"react-datepicker";import{Input as y}from"../../Input/Input.js";import{DateFormat as J}from"../types.js";import{useImportFilesDynamically as K}from"../hooks.js";import{isSameDay as Q}from"../../../utils/helpers.js";import U from"../../SVGIcons/IconCalendarRight.js";import{Modal as W}from"../../Modal/Modal.js";import"classnames";import"../../../consts/index.js";import"../../../context/types.js";import"../../../hooks/useScreenSize.js";import"react-hook-form";import"react-dom";import{CustomHeader as X}from"../CustomHeader/CustomHeader.js";import{formatDate as i}from"../../../helpers/format-date.js";import"react-toastify";import"../../Snackbar/consts.js";const Z=z((e,t)=>{const{value:r,currentDates:o=[],setFieldValue:s,name:n,changeHandler:l,dataId:m,format:c=J.LongDate,maxDate:d,minDate:p,locale:u="hy",disabled:x,placeholderText:j,dataIdPrefix:b,modalOptions:h,...C}=e;K(u);const g=p?p.getFullYear():1900,k=d?d.getFullYear():/* @__PURE__ */(new Date).getFullYear()+5,I=void 0!==r&&Array.isArray(r)?r:o,[v,F]=D(I),[A,M]=D(!1),[O,P]=D(!1),S=e=>{e&&Array.isArray(e)&&F(e)};if(B(()=>{F(I)},[I]),!Array.isArray(v))return null;const H=()=>{M(!0)},R=()=>{M(!1)},[T,Y]=v;/* @__PURE__ */
|
|
2
|
-
return f(q,{children:[
|
|
1
|
+
import{jsxs as f,Fragment as q,jsx as a}from"react/jsx-runtime";import{forwardRef as z,useState as D,useEffect as B}from"react";import G from"react-datepicker";import{Input as y}from"../../Input/Input.js";import{DateFormat as J}from"../types.js";import{useImportFilesDynamically as K}from"../hooks.js";import{isSameDay as Q}from"../../../utils/helpers.js";import U from"../../SVGIcons/IconCalendarRight.js";import{Modal as W}from"../../Modal/Modal.js";import"classnames";import"../../../consts/index.js";import"../../../context/types.js";import"../../../hooks/useScreenSize.js";import"react-hook-form";import"react-dom";import{CustomHeader as X}from"../CustomHeader/CustomHeader.js";import{formatDate as i}from"../../../helpers/format-date.js";import"react-toastify";import"../../Snackbar/consts.js";const Z=z((e,t)=>{const{value:r,currentDates:o=[],setFieldValue:s,name:n,changeHandler:l,dataId:m,format:c=J.LongDate,maxDate:d,minDate:p,locale:u="hy",disabled:x,placeholderText:j,dataIdPrefix:b,modalOptions:h,...C}=e;K(u);const g=p?p.getFullYear():1900,k=d?d.getFullYear():/* @__PURE__ */(new Date).getFullYear()+5,I=void 0!==r&&Array.isArray(r)?r:o,[v,F]=D(I),[A,M]=D(!1),[O,P]=D(!1),S=e=>{e&&Array.isArray(e)&&F(e)};if(B(()=>{F(I)},[I]),!Array.isArray(v))return null;const H=()=>{M(!0)},R=()=>{M(!1)},[T,Y]=v;/* @__PURE__ */return f(q,{children:[
|
|
3
2
|
/* @__PURE__ */a(y,{readOnly:!0,onClick:H,dataId:m,disabled:x,placeholder:j,currentValue:(e=>{if(A&&!O)return;const[a,t]=e,r=i(a,c),o=i(t,c);return Q(a,t)||!t?r:`${r} - ${o}`})(v),rightIconProps:{Component:U,onClick:H}}),
|
|
4
3
|
/* @__PURE__ */f(W,{isOpen:A,title:null==h?void 0:h.title,onClose:R,buttonProps:{confirm:{buttonText:null==h?void 0:h.btnConfirmText,onClick:()=>{l&&l(v),s&&n&&s(n,v),P(!0),R()}},cancel:{buttonText:null==h?void 0:h.btnCancelText,onClick:R}},closeIcon:!0,children:[
|
|
5
4
|
/* @__PURE__ */f("div",{className:"flexbox justify-content--between mb-16 gap-16",children:[
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import{jsxs as R,jsx as a}from"react/jsx-runtime";import{useRef as S}from"react";import u from"dayjs";import T from"react-datepicker";import{Input as V}from"../../Input/Input.js";import{Label as q}from"../../../helperComponents/Label/Label.js";import{CustomHeader as w}from"../CustomHeader/CustomHeader.js";import{useImportFilesDynamically as z}from"../hooks.js";import E from"../../SVGIcons/IconCalendarRight.js";const U=e=>{const{value:r,currentDate:t,setFieldValue:o,name:l,label:n,size:s,locale:i="hy",changeHandler:m,format:c="M/D/YYYY",required:d=!1,dataId:p,hasError:f,placeholderText:x,minDate:h,maxDate:j,dataIdPrefix:D,helperText:I,inline:C,...g}=e,Y=h?h.getFullYear():1900,b=j?j.getFullYear():/* @__PURE__ */(new Date).getFullYear()+5,k=S(null);z(i);const v=void 0!==r&&"[object Date]"===Object.prototype.toString.call(r)?r:t;/* @__PURE__ */
|
|
2
|
-
return R("div",{className:"picker-container",children:[
|
|
1
|
+
import{jsxs as R,jsx as a}from"react/jsx-runtime";import{useRef as S}from"react";import u from"dayjs";import T from"react-datepicker";import{Input as V}from"../../Input/Input.js";import{Label as q}from"../../../helperComponents/Label/Label.js";import{CustomHeader as w}from"../CustomHeader/CustomHeader.js";import{useImportFilesDynamically as z}from"../hooks.js";import E from"../../SVGIcons/IconCalendarRight.js";const U=e=>{const{value:r,currentDate:t,setFieldValue:o,name:l,label:n,size:s,locale:i="hy",changeHandler:m,format:c="M/D/YYYY",required:d=!1,dataId:p,hasError:f,placeholderText:x,minDate:h,maxDate:j,dataIdPrefix:D,helperText:I,inline:C,...g}=e,Y=h?h.getFullYear():1900,b=j?j.getFullYear():/* @__PURE__ */(new Date).getFullYear()+5,k=S(null);z(i);const v=void 0!==r&&"[object Date]"===Object.prototype.toString.call(r)?r:t;/* @__PURE__ */return R("div",{className:"picker-container",children:[
|
|
3
2
|
/* @__PURE__ */a(q,{text:n,required:d,invalid:f}),
|
|
4
3
|
/* @__PURE__ */a(T,{minDate:h,maxDate:j,selected:u(v).isValid()?v:null,locale:i,ref:k,customInput:/* @__PURE__ */a(V,{size:s,dataId:p,helperText:I,datePlaceHolderText:n?"":x,rightIconProps:{Component:E,onClick:()=>{var e,a;if(k.current){const r=null==(e=k.current)?void 0:e.isCalendarOpen();null==(a=k.current)||a.setOpen(!r)}}},currentValue:v?u(v.toString()).format(c):""}),inline:C,...g,onChange:e=>{o&&l&&o(l,e),m&&m(e)},renderCustomHeader:e=>/* @__PURE__ */a(w,{...e,locale:i,startYear:Y,endYear:b,dataPrefix:D})})]})};export{U as SimpleDatePickerDesktop};
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import{jsxs as S,Fragment as v,jsx as e}from"react/jsx-runtime";import T from"react";import{Input as V}from"../../Input/Input.js";import w from"../../SVGIcons/IconCalendarRight.js";import D from"dayjs";import{useImportFilesDynamically as R}from"../hooks.js";import{Modal as q}from"../../Modal/Modal.js";import"classnames";import"../../../consts/index.js";import"../../../context/types.js";import"../../../hooks/useScreenSize.js";import"react-hook-form";import"react-dom";import{CustomHeader as z}from"../CustomHeader/CustomHeader.js";import E from"react-datepicker";import{Label as L}from"../../../helperComponents/Label/Label.js";const oe=t=>{const{size:o,dataId:r,helperText:a,label:l,placeholderText:i,format:s="M/D/YYYY",value:n,currentDate:m,minDate:d,maxDate:c,locale:p="hy",dataIdPrefix:u,modalOptions:h,name:f,changeHandler:j,setFieldValue:x,required:C,hasError:I,...g}=t,Y=d?d.getFullYear():1900,b=c?c.getFullYear():/* @__PURE__ */(new Date).getFullYear()+5,[k,y]=T.useState(!1);R(p);const F=void 0!==n&&"[object Date]"===Object.prototype.toString.call(n)?n:m,H=()=>{y(!0)},M=()=>{y(!1)};/* @__PURE__ */
|
|
2
|
-
return S(v,{children:[
|
|
1
|
+
import{jsxs as S,Fragment as v,jsx as e}from"react/jsx-runtime";import T from"react";import{Input as V}from"../../Input/Input.js";import w from"../../SVGIcons/IconCalendarRight.js";import D from"dayjs";import{useImportFilesDynamically as R}from"../hooks.js";import{Modal as q}from"../../Modal/Modal.js";import"classnames";import"../../../consts/index.js";import"../../../context/types.js";import"../../../hooks/useScreenSize.js";import"react-hook-form";import"react-dom";import{CustomHeader as z}from"../CustomHeader/CustomHeader.js";import E from"react-datepicker";import{Label as L}from"../../../helperComponents/Label/Label.js";const oe=t=>{const{size:o,dataId:r,helperText:a,label:l,placeholderText:i,format:s="M/D/YYYY",value:n,currentDate:m,minDate:d,maxDate:c,locale:p="hy",dataIdPrefix:u,modalOptions:h,name:f,changeHandler:j,setFieldValue:x,required:C,hasError:I,...g}=t,Y=d?d.getFullYear():1900,b=c?c.getFullYear():/* @__PURE__ */(new Date).getFullYear()+5,[k,y]=T.useState(!1);R(p);const F=void 0!==n&&"[object Date]"===Object.prototype.toString.call(n)?n:m,H=()=>{y(!0)},M=()=>{y(!1)};/* @__PURE__ */return S(v,{children:[
|
|
3
2
|
/* @__PURE__ */e(L,{text:l,required:C,invalid:I}),
|
|
4
3
|
/* @__PURE__ */e(V,{size:o,onClick:H,dataId:r,readOnly:!0,helperText:a,datePlaceHolderText:l?"":i,rightIconProps:{Component:w,onClick:H},currentValue:F?D(F.toString()).format(s):""}),
|
|
5
4
|
/* @__PURE__ */e(q,{isOpen:k,title:null==h?void 0:h.title,onClose:M,withFooter:!1,closeIcon:!0,children:/* @__PURE__ */e(E,{minDate:d,maxDate:c,selected:D(F).isValid()?F:null,locale:p,inline:!0,...g,onChange:e=>{x&&f&&x(f,e),j&&j(e),M()},renderCustomHeader:t=>/* @__PURE__ */e(z,{...t,locale:p,startYear:Y,endYear:b,dataPrefix:u,isMobile:!0})})})]})};export{oe as SimpleDatePickerMobile};
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import{jsx as i,jsxs as k}from"react/jsx-runtime";import{useState as m}from"react";import{Modal as u}from"../../Modal/Modal.js";import"classnames";import"../../../consts/index.js";import"../../../context/types.js";import"../../../hooks/useScreenSize.js";import"react-hook-form";import"dayjs";import"react-dom";import{HOUR_OPTIONS as g,MINUTE_OPTIONS as b}from"./consts.js";import{WheelPickerWrapper as w,WheelPicker as l}from"@ncdai/react-wheel-picker";import"@ncdai/react-wheel-picker/style.css";const T=({onApply:e,isOpen:t,mobileTitle:o,modalApplyButtonText:r="Apply",closeTimePicker:s,dateInitialValue:p=/* @__PURE__ */new Date})=>{const[c,a]=m(`${p.getHours()}`),[n,h]=m(`${p.getMinutes()}`);/* @__PURE__ */
|
|
2
|
-
return i(u,{isOpen:t,title:o,onClose:s,className:"time-picker-mobile",buttonProps:{confirm:{buttonText:r,onClick:()=>{const i=/* @__PURE__ */new Date;i.setHours(+c,+n,0),e(i)},className:"time_apply_button"}},closeIcon:!0,children:/* @__PURE__ */i("div",{className:"mobile_time_picker",children:/* @__PURE__ */k(w,{className:"mobile_time_picker-wheel-picker",children:[
|
|
1
|
+
import{jsx as i,jsxs as k}from"react/jsx-runtime";import{useState as m}from"react";import{Modal as u}from"../../Modal/Modal.js";import"classnames";import"../../../consts/index.js";import"../../../context/types.js";import"../../../hooks/useScreenSize.js";import"react-hook-form";import"dayjs";import"react-dom";import{HOUR_OPTIONS as g,MINUTE_OPTIONS as b}from"./consts.js";import{WheelPickerWrapper as w,WheelPicker as l}from"@ncdai/react-wheel-picker";import"@ncdai/react-wheel-picker/style.css";const T=({onApply:e,isOpen:t,mobileTitle:o,modalApplyButtonText:r="Apply",closeTimePicker:s,dateInitialValue:p=/* @__PURE__ */new Date})=>{const[c,a]=m(`${p.getHours()}`),[n,h]=m(`${p.getMinutes()}`);/* @__PURE__ */return i(u,{isOpen:t,title:o,onClose:s,className:"time-picker-mobile",buttonProps:{confirm:{buttonText:r,onClick:()=>{const i=/* @__PURE__ */new Date;i.setHours(+c,+n,0),e(i)},className:"time_apply_button"}},closeIcon:!0,children:/* @__PURE__ */i("div",{className:"mobile_time_picker",children:/* @__PURE__ */k(w,{className:"mobile_time_picker-wheel-picker",children:[
|
|
3
2
|
/* @__PURE__ */i(l,{value:`${c}`,options:g,infinite:!0,classNames:{optionItem:"mobile_time_picker-wheel-picker-item mobile_time_picker-wheel-picker-item__hour",highlightWrapper:"mobile_time_picker-wheel-picker-highlight",highlightItem:"mobile_time_picker-wheel-picker-highlight-item__hour"},onValueChange:e=>{a(e)}}),
|
|
4
3
|
/* @__PURE__ */i(l,{value:`${n}`,options:b,infinite:!0,classNames:{optionItem:"mobile_time_picker-wheel-picker-item mobile_time_picker-wheel-picker-item__minute",highlightWrapper:"mobile_time_picker-wheel-picker-highlight",highlightItem:"mobile_time_picker-wheel-picker-highlight-item__minute"},onValueChange:e=>{h(e)}})]})})})};export{T as MobileModalContent};
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import{jsxs as S,jsx as a}from"react/jsx-runtime";import{useState as x,useRef as w}from"react";import b from"dayjs";import F from"react-datepicker";import{Input as N}from"../../Input/Input.js";import{Label as P}from"../../../helperComponents/Label/Label.js";import{useImportFilesDynamically as V}from"../hooks.js";import _ from"../../SVGIcons/IconClock.js";const J=e=>{const{value:t,currentTime:r,name:o,setFieldValue:n,label:s,size:l,dataId:i,changeHandler:c,required:m,format:u="HH:mm",locale:d="hy",hasError:p,...f}=e,[h,j]=x(),I=void 0!==t&&"[object Date]"===Object.prototype.toString.call(t)?t:r,v=w(null);V(d);const g=e=>{j(e?b(e).format("HH:mm"):""),c&&c(e),n&&o&&n(o,e)
|
|
2
|
-
return S("div",{className:"picker-container input__inner",children:[
|
|
1
|
+
import{jsxs as S,jsx as a}from"react/jsx-runtime";import{useState as x,useRef as w}from"react";import b from"dayjs";import F from"react-datepicker";import{Input as N}from"../../Input/Input.js";import{Label as P}from"../../../helperComponents/Label/Label.js";import{useImportFilesDynamically as V}from"../hooks.js";import _ from"../../SVGIcons/IconClock.js";const J=e=>{const{value:t,currentTime:r,name:o,setFieldValue:n,label:s,size:l,dataId:i,changeHandler:c,required:m,format:u="HH:mm",locale:d="hy",hasError:p,...f}=e,[h,j]=x(),I=void 0!==t&&"[object Date]"===Object.prototype.toString.call(t)?t:r,v=w(null);V(d);const g=e=>{j(e?b(e).format("HH:mm"):""),c&&c(e),n&&o&&n(o,e)/* @__PURE__ */};return S("div",{className:"picker-container input__inner",children:[
|
|
3
2
|
/* @__PURE__ */a(P,{text:s,required:m,invalid:p}),
|
|
4
3
|
/* @__PURE__ */a(F,{selected:b(I).isValid()?I:null,locale:d,showTimeSelect:!0,showTimeSelectOnly:!0,dateFormat:u,ref:v,...f,onChange:g,customInput:/* @__PURE__ */a(N,{handleChange:e=>{j(e.target.value)},handleBlurEvent:()=>{const e=/* @__PURE__ */new Date;if(e.setHours(0,0),!h||h.includes(":")&&":"!==h[2])return void g(e);const t=h.replace(":","");if(4===t.length){const r=Number(t.slice(0,2)),a=Number(t.slice(2,4));r<24&&a<60&&e.setHours(r,a)}g(e)},disabled:f.disabled,dataId:i,size:l,rightIconProps:{Component:_,onClick:()=>{var e,t;if(v.current){const r=null==(e=v.current)?void 0:e.isCalendarOpen();null==(t=v.current)||t.setOpen(!r)}}}})})]})};export{J as TimePickerDesktop};
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import{jsxs as I,Fragment as j,jsx as i}from"react/jsx-runtime";import{useState as y}from"react";import{Label as H}from"../../../helperComponents/Label/Label.js";import{Input as v}from"../../Input/Input.js";import M from"../../SVGIcons/IconCalendarRight.js";import S from"dayjs";import{MobileModalContent as V}from"./MobileModalContent.js";const E=e=>{const{value:t,currentTime:o,format:r="HH:mm",label:a,required:l,hasError:n,size:m,placeholderText:s,dataId:d,changeHandler:p,setFieldValue:c,modalOptions:u,name:b}=e,f=void 0!==t&&"[object Date]"===Object.prototype.toString.call(t)?t:o,[x,C]=y(!1),T=()=>C(!0),h=()=>C(!1);/* @__PURE__ */
|
|
2
|
-
return I(j,{children:[
|
|
1
|
+
import{jsxs as I,Fragment as j,jsx as i}from"react/jsx-runtime";import{useState as y}from"react";import{Label as H}from"../../../helperComponents/Label/Label.js";import{Input as v}from"../../Input/Input.js";import M from"../../SVGIcons/IconCalendarRight.js";import S from"dayjs";import{MobileModalContent as V}from"./MobileModalContent.js";const E=e=>{const{value:t,currentTime:o,format:r="HH:mm",label:a,required:l,hasError:n,size:m,placeholderText:s,dataId:d,changeHandler:p,setFieldValue:c,modalOptions:u,name:b}=e,f=void 0!==t&&"[object Date]"===Object.prototype.toString.call(t)?t:o,[x,C]=y(!1),T=()=>C(!0),h=()=>C(!1);/* @__PURE__ */return I(j,{children:[
|
|
3
2
|
/* @__PURE__ */i(H,{text:a,required:l,invalid:n}),
|
|
4
3
|
/* @__PURE__ */i(v,{size:m,onClick:T,dataId:d,readOnly:!0,datePlaceHolderText:a?"":s,rightIconProps:{Component:M,onClick:T},currentValue:f?S(f.toString()).format(r):""}),
|
|
5
4
|
/* @__PURE__ */i(V,{dateInitialValue:f,onApply:e=>{(e=>{p&&p(e),c&&b&&c(b,e)})(e),h()},mobileTitle:null==u?void 0:u.title,isOpen:x,closeTimePicker:h,modalApplyButtonText:null==u?void 0:u.btnConfirmText})]})};export{E as TimePickerMobile};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import{jsx as s}from"react/jsx-runtime";import t from"classnames";const m=r=>{const{type:i="primary",isHorizontal:e,className:a,color:o="light-grey"}=r;/* @__PURE__ */
|
|
2
|
-
return s("hr",{className:t("divider",`divider--${i}`,`divider--${o}`,{"divider--horizontal":e,"divider--vertical":!e},a)})};export{m as Divider};
|
|
1
|
+
import{jsx as s}from"react/jsx-runtime";import t from"classnames";const m=r=>{const{type:i="primary",isHorizontal:e,className:a,color:o="light-grey"}=r;/* @__PURE__ */return s("hr",{className:t("divider",`divider--${i}`,`divider--${o}`,{"divider--horizontal":e,"divider--vertical":!e},a)})};export{m as Divider};
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import{jsxs as m,jsx as e}from"react/jsx-runtime";import{Text as t}from"../Text/Text.js";import{Image as c}from"../Image/Image.js";import{Button as u}from"../Button/Button.js";import g from"classnames";import p from"../../assets/images/no-result.svg.js";const _=s=>{const{size:a="large",mainMessage:l,paragraphMessage:r,buttonProps:o,className:n,illustration:i=p}=s;/* @__PURE__ */
|
|
2
|
-
return m("div",{className:g("no-result "+("large"==a?"no-result--large":"no-result--small"),n),children:[
|
|
1
|
+
import{jsxs as m,jsx as e}from"react/jsx-runtime";import{Text as t}from"../Text/Text.js";import{Image as c}from"../Image/Image.js";import{Button as u}from"../Button/Button.js";import g from"classnames";import p from"../../assets/images/no-result.svg.js";const _=s=>{const{size:a="large",mainMessage:l,paragraphMessage:r,buttonProps:o,className:n,illustration:i=p}=s;/* @__PURE__ */return m("div",{className:g("no-result "+("large"==a?"no-result--large":"no-result--small"),n),children:[
|
|
3
2
|
/* @__PURE__ */e("div",{className:"no-result__icon",children:/* @__PURE__ */e(c,{imagePath:i})}),
|
|
4
3
|
/* @__PURE__ */m("div",{className:"no-result__content",children:[l?/* @__PURE__ */e(t,{size:"large"==a?"large":"small",weight:"bold",children:l}):null,r?/* @__PURE__ */e(t,{size:"large"==a?"small":"xsmall",children:r}):null,o?/* @__PURE__ */e(u,{...o,size:"medium",className:"mt-4"}):null]})]})};export{_ as Empty};
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import{jsxs as u,jsx as t}from"react/jsx-runtime";import{forwardRef as y,useState as S,useCallback as k}from"react";import{useDropzone as q,ErrorCode as w}from"react-dropzone";import G from"../../SVGIcons/IconUpload.js";import{Text as x}from"../../Text/Text.js";import L from"classnames";import{FileTypeEnum as g}from"../../../type/file-upload.js";import{FileUploadMode as E}from"../types.js";import{generateAreaContent as O,getDropzoneLocale as B}from"./helpers.js";import{ErrorItem as H}from"./ErrorItem.js";import{PreviewItem as J}from"./PreviewItem.js";import{uniqueFiles as K}from"../../../utils/helpers.js";const Q=y(({maxSize:e=10485760,allowedTypes:a=[g.IMAGE,g.PDF,g.DOC],name:o,setFiles:s,setFieldValue:l,value:r,selectedFiles:i,maxFiles:m=1,mode:p=E.attach,locale:n,multiple:d=!1},c)=>{const f=r||i||[],z=f.length>=m?0:m-f.length,[F,h]=S([]),v=O({allowedTypes:a,maxSize:e}),y=B(n),{getRootProps:j,getInputProps:T,isFocused:D,isDragActive:I}=q({onDrop:(e,a)=>{if(0===z&&!d)return void h([{code:w.TooManyFiles,message:""}]);const o=K([...f,...e]),l=a.map(e=>e.errors).flat();null==s||s(o),_(o),h(l)},accept:v.acceptTypes,maxSize:e,maxFiles:d?0:z,multiple:d}),_=k(e=>{o&&l&&l(o,e)},[o,l]);/* @__PURE__ */
|
|
2
|
-
return u("div",{className:"dz-file-upload",children:[p!==E.view?/* @__PURE__ */u("div",{...j(),className:L("dz-file-upload__area",{"dz-file-upload__area--focused":D,"dz-file-upload__area--active":I}),children:[
|
|
1
|
+
import{jsxs as u,jsx as t}from"react/jsx-runtime";import{forwardRef as y,useState as S,useCallback as k}from"react";import{useDropzone as q,ErrorCode as w}from"react-dropzone";import G from"../../SVGIcons/IconUpload.js";import{Text as x}from"../../Text/Text.js";import L from"classnames";import{FileTypeEnum as g}from"../../../type/file-upload.js";import{FileUploadMode as E}from"../types.js";import{generateAreaContent as O,getDropzoneLocale as B}from"./helpers.js";import{ErrorItem as H}from"./ErrorItem.js";import{PreviewItem as J}from"./PreviewItem.js";import{uniqueFiles as K}from"../../../utils/helpers.js";const Q=y(({maxSize:e=10485760,allowedTypes:a=[g.IMAGE,g.PDF,g.DOC],name:o,setFiles:s,setFieldValue:l,value:r,selectedFiles:i,maxFiles:m=1,mode:p=E.attach,locale:n,multiple:d=!1},c)=>{const f=r||i||[],z=f.length>=m?0:m-f.length,[F,h]=S([]),v=O({allowedTypes:a,maxSize:e}),y=B(n),{getRootProps:j,getInputProps:T,isFocused:D,isDragActive:I}=q({onDrop:(e,a)=>{if(0===z&&!d)return void h([{code:w.TooManyFiles,message:""}]);const o=K([...f,...e]),l=a.map(e=>e.errors).flat();null==s||s(o),_(o),h(l)},accept:v.acceptTypes,maxSize:e,maxFiles:d?0:z,multiple:d}),_=k(e=>{o&&l&&l(o,e)},[o,l]);/* @__PURE__ */return u("div",{className:"dz-file-upload",children:[p!==E.view?/* @__PURE__ */u("div",{...j(),className:L("dz-file-upload__area",{"dz-file-upload__area--focused":D,"dz-file-upload__area--active":I}),children:[
|
|
3
2
|
/* @__PURE__ */t(G,{className:"mb-20",size:"xlarge"}),
|
|
4
3
|
/* @__PURE__ */t("input",{...T(),name:o}),
|
|
5
4
|
/* @__PURE__ */t(x,{type:"primary",weight:"semibold",className:"mb-6",children:y.title}),
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import{jsxs as l,jsx as e}from"react/jsx-runtime";import{Text as n}from"../../Text/Text.js";import{Button as s}from"../../Button/Button.js";import f from"../../SVGIcons/IconDelete.js";import{useMemo as _}from"react";import{FileUploadMode as t}from"../types.js";import{FilePreview as w}from"./FilePreview.js";import{shortenFileName as v,formatFileSize as z}from"./helpers.js";import h from"../../SVGIcons/IconArrowDownloadFilled.js";import u from"classnames";import"../../../helpers/format-date.js";import{downloadFile as F}from"../../../helpers/download-file.js";import"react-toastify";import"../../Snackbar/consts.js";import"dayjs";import"../../../consts/index.js";const B=({file:i,onRemove:o,mode:r})=>{const a=i.type.split("/")[0],m=_(()=>URL.createObjectURL(i),[i.name]);/* @__PURE__ */
|
|
2
|
-
return l("div",{className:u("dz-file-upload__files--item",{"dz-file-upload__files--item--view":r===t.view}),onClick:()=>{r===t.view&&window.open(m,"_blank")},children:[
|
|
1
|
+
import{jsxs as l,jsx as e}from"react/jsx-runtime";import{Text as n}from"../../Text/Text.js";import{Button as s}from"../../Button/Button.js";import f from"../../SVGIcons/IconDelete.js";import{useMemo as _}from"react";import{FileUploadMode as t}from"../types.js";import{FilePreview as w}from"./FilePreview.js";import{shortenFileName as v,formatFileSize as z}from"./helpers.js";import h from"../../SVGIcons/IconArrowDownloadFilled.js";import u from"classnames";import"../../../helpers/format-date.js";import{downloadFile as F}from"../../../helpers/download-file.js";import"react-toastify";import"../../Snackbar/consts.js";import"dayjs";import"../../../consts/index.js";const B=({file:i,onRemove:o,mode:r})=>{const a=i.type.split("/")[0],m=_(()=>URL.createObjectURL(i),[i.name]);/* @__PURE__ */return l("div",{className:u("dz-file-upload__files--item",{"dz-file-upload__files--item--view":r===t.view}),onClick:()=>{r===t.view&&window.open(m,"_blank")},children:[
|
|
3
2
|
/* @__PURE__ */e("div",{className:"dz-file-upload__files--item__preview",children:/* @__PURE__ */e(w,{preview:m,type:a})}),
|
|
4
3
|
/* @__PURE__ */l("div",{className:"dz-file-upload__files--item__info",children:[
|
|
5
4
|
/* @__PURE__ */l("div",{className:"dz-file-upload__files--item__info-title",children:[
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import{jsxs as k,jsx as t}from"react/jsx-runtime";import{useRef as T,useState as q,useCallback as u}from"react";import{FileUploadMode as g}from"./types.js";import{Button as H}from"../Button/Button.js";import{Label as V}from"../../helperComponents/Label/Label.js";import{UploadItems as D}from"./UploadItems.js";import{FILE_UPLOAD_ERRORS as z}from"../../consts/index.js";import{uniqueFiles as G,checkIsAllowedFileSize as J,checkIsAllowedTypes as K,getFormattedValues as Q}from"../../utils/helpers.js";import W from"../SVGIcons/IconEditFilled.js";import X from"../SVGIcons/IconEdit.js";import Y from"../SVGIcons/IconAttach.js";const ce=e=>{const{allowedTypes:l="application/pdf, .png, .jpg, .jpeg, image/jpeg, image/png, image/jpg, text/plain, image/*, .pdf, .doc, .docx, application/vnd",label:i,getFiles:o,removeFiles:s,handleFileClick:a,name:n,setFieldValue:r,toBase64:d,required:c,disabled:p,buttonText:m,withFilePreview:f=!0,multiple:h=!0,uploadedFiles:j,value:F,labelAddons:v,onError:b,fileAllowedSize:x,mode:y=g.attach}=e,I=F||j||[],w=T(null),[A,C]=q(!1),S=()=>C(!A),E=()=>{w.current&&w.current.click()},L=u(e=>{n&&r&&r(n,e)},[n,r]),_=u(e=>{var t;const i=null==(t=e.target)?void 0:t.files,s=h?Array.from(i):[i[0]];
|
|
2
|
-
return k("div",{className:"file-upload",children:[
|
|
1
|
+
import{jsxs as k,jsx as t}from"react/jsx-runtime";import{useRef as T,useState as q,useCallback as u}from"react";import{FileUploadMode as g}from"./types.js";import{Button as H}from"../Button/Button.js";import{Label as V}from"../../helperComponents/Label/Label.js";import{UploadItems as D}from"./UploadItems.js";import{FILE_UPLOAD_ERRORS as z}from"../../consts/index.js";import{uniqueFiles as G,checkIsAllowedFileSize as J,checkIsAllowedTypes as K,getFormattedValues as Q}from"../../utils/helpers.js";import W from"../SVGIcons/IconEditFilled.js";import X from"../SVGIcons/IconEdit.js";import Y from"../SVGIcons/IconAttach.js";const ce=e=>{const{allowedTypes:l="application/pdf, .png, .jpg, .jpeg, image/jpeg, image/png, image/jpg, text/plain, image/*, .pdf, .doc, .docx, application/vnd",label:i,getFiles:o,removeFiles:s,handleFileClick:a,name:n,setFieldValue:r,toBase64:d,required:c,disabled:p,buttonText:m,withFilePreview:f=!0,multiple:h=!0,uploadedFiles:j,value:F,labelAddons:v,onError:b,fileAllowedSize:x,mode:y=g.attach}=e,I=F||j||[],w=T(null),[A,C]=q(!1),S=()=>C(!A),E=()=>{w.current&&w.current.click()},L=u(e=>{n&&r&&r(n,e)},[n,r]),_=u(e=>{var t;const i=null==(t=e.target)?void 0:t.files,s=h?Array.from(i):[i[0]];s&&(e=>{const t=e.filter(e=>!(x&&!J(x,e.size)));e.filter(e=>!(l&&!K(l,e.type))).length===e.length?t.length===e.length?(L(d?Q(e):e),o&&o(e)):b&&b(z.size):b&&b(z.type)})(G(h?[...s,...I]:s)),w.current&&(w.current.value="")},[I,h]),R=u((e,t)=>{if(I){const l=I.filter((e,l)=>l!==t);L(l),s&&s(e)}},[I,s]);/* @__PURE__ */return k("div",{className:"file-upload",children:[
|
|
3
2
|
/* @__PURE__ */t(V,{text:i,required:c,disabled:p,labelAddons:v}),
|
|
4
3
|
/* @__PURE__ */k("div",{className:"file-upload__inner",children:[
|
|
5
4
|
/* @__PURE__ */t("input",{name:n,type:"file",multiple:h,className:"hide",ref:w,accept:l,onChange:_}),y===g.edit&&/* @__PURE__ */t("div",{className:"edit__icon",onMouseEnter:S,onMouseLeave:S,onClick:E,children:/* @__PURE__ */t(A?W:X,{size:"xxsmall",type:"secondary"})}),y===g.attach&&/* @__PURE__ */t(H,{type:"secondary",size:"medium",disabled:p,iconProps:{Component:Y},onClick:E,buttonText:m}),
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
import{jsx as e,Fragment as u,jsxs as l}from"react/jsx-runtime";import{Text as h}from"../Text/Text.js";import"react";import"../../consts/index.js";import{useFormProps as _}from"../../hooks/useFormProps.js";import"../../context/types.js";import"../../hooks/useScreenSize.js";import"react-hook-form";import{openFileInNewWindow as g}from"../../utils/helpers.js";import{ErrorMessage as v}from"../../helperComponents/ErrorMessage/ErrorMessage.js";import{Button as N}from"../Button/Button.js";import F from"../SVGIcons/IconDelete.js";const D=s=>{const{files:o,onRemove:r,withFilePreview:i,handleFileClick:t}=s,{errors:m}=_(),n=m&&m.files&&m.files.length>0;/* @__PURE__ */
|
|
2
|
-
return e(u,{children:o.map((s,o)=>{var a,p;/* @__PURE__ */
|
|
3
|
-
return e("div",{className:"upload-item mt-4 "+(n&&null!=(a=m.files[o])&&a.message?"upload-item--error":""),children:/* @__PURE__ */e("div",{className:"upload-item__inner",children:/* @__PURE__ */l("div",{className:"upload-item__content mb-2",children:[
|
|
1
|
+
import{jsx as e,Fragment as u,jsxs as l}from"react/jsx-runtime";import{Text as h}from"../Text/Text.js";import"react";import"../../consts/index.js";import{useFormProps as _}from"../../hooks/useFormProps.js";import"../../context/types.js";import"../../hooks/useScreenSize.js";import"react-hook-form";import{openFileInNewWindow as g}from"../../utils/helpers.js";import{ErrorMessage as v}from"../../helperComponents/ErrorMessage/ErrorMessage.js";import{Button as N}from"../Button/Button.js";import F from"../SVGIcons/IconDelete.js";const D=s=>{const{files:o,onRemove:r,withFilePreview:i,handleFileClick:t}=s,{errors:m}=_(),n=m&&m.files&&m.files.length>0;/* @__PURE__ */return e(u,{children:o.map((s,o)=>{var a,p;/* @__PURE__ */return e("div",{className:"upload-item mt-4 "+(n&&null!=(a=m.files[o])&&a.message?"upload-item--error":""),children:/* @__PURE__ */e("div",{className:"upload-item__inner",children:/* @__PURE__ */l("div",{className:"upload-item__content mb-2",children:[
|
|
4
2
|
/* @__PURE__ */l("div",{className:"upload-item__content__inner pr-8",children:[
|
|
5
3
|
/* @__PURE__ */e(h,{size:"small",lineHeight:"medium",className:"upload-item__text",onClick:e=>i&&g({e:e,file:s,handleFileClick:t}),children:s.name}),n&&/* @__PURE__ */e(v,{message:null==(p=m.files[o])?void 0:p.message})]}),
|
|
6
4
|
/* @__PURE__ */e(N,{type:"tertiary",size:"small",iconProps:{Component:F},onClick:()=>{r(s,o)}})]})})},o)})})};export{D as UploadItems};
|
|
@@ -1,3 +1 @@
|
|
|
1
|
-
import{jsx as s,jsxs as M,Fragment as V}from"react/jsx-runtime";import{useContext as N}from"react";import{ErrorMessage as C}from"@hookform/error-message";import{ErrorMessage as j}from"../../helperComponents/ErrorMessage/ErrorMessage.js";import{FormContext as v}from"../../context/types.js";import{Controller as y}from"react-hook-form";import D from"classnames";const b=r=>{const{As:e,name:o,className:a="",dataId:t="",hideErrorMessage:l=!1,errorMessageIcon:n,defaultValue:i}=r,{register:m,errors:d,setValue:u,control:c}=N(v);if(!m)return null;const f=m(o);/* @__PURE__ */
|
|
2
|
-
return s("div",{className:D("form-container__field",a,o),children:/* @__PURE__ */s(y,{control:c,name:o,...i?{defaultValue:i}:{},render:({field:r,fieldState:a})=>{var i;/* @__PURE__ */
|
|
3
|
-
return M(V,{children:[e({hasError:!!a.error,isValid:a.isTouched&&a.isDirty&&!a.invalid,dataId:t,...f,setFieldValue:(r,e,s)=>u(r,e,{shouldValidate:!0,shouldDirty:!0,shouldTouch:!0,...s}),...r}),l?null:/* @__PURE__ */s(C,{name:null!=(i=null==d?void 0:d[o])&&i.root?`${o}.root`:o,errors:d,render:({message:r})=>/* @__PURE__ */s(j,{dataId:t,message:r||"",className:"full-width",icon:n})})]})}})})};export{b as FormField};
|
|
1
|
+
import{jsx as s,jsxs as M,Fragment as V}from"react/jsx-runtime";import{useContext as N}from"react";import{ErrorMessage as C}from"@hookform/error-message";import{ErrorMessage as j}from"../../helperComponents/ErrorMessage/ErrorMessage.js";import{FormContext as v}from"../../context/types.js";import{Controller as y}from"react-hook-form";import D from"classnames";const b=r=>{const{As:e,name:o,className:a="",dataId:t="",hideErrorMessage:l=!1,errorMessageIcon:n,defaultValue:i}=r,{register:m,errors:d,setValue:u,control:c}=N(v);if(!m)return null;const f=m(o);/* @__PURE__ */return s("div",{className:D("form-container__field",a,o),children:/* @__PURE__ */s(y,{control:c,name:o,...i?{defaultValue:i}:{},render:({field:r,fieldState:a})=>{var i;/* @__PURE__ */return M(V,{children:[e({hasError:!!a.error,isValid:a.isTouched&&a.isDirty&&!a.invalid,dataId:t,...f,setFieldValue:(r,e,s)=>u(r,e,{shouldValidate:!0,shouldDirty:!0,shouldTouch:!0,...s}),...r}),l?null:/* @__PURE__ */s(C,{name:null!=(i=null==d?void 0:d[o])&&i.root?`${o}.root`:o,errors:d,render:({message:r})=>/* @__PURE__ */s(j,{dataId:t,message:r||"",className:"full-width",icon:n})})]})}})})};export{b as FormField};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import{jsx as n}from"react/jsx-runtime";import{noop as d}from"../../utils/helpers.js";import c from"classnames";const f=e=>{const{children:a,className:s="",size:i="small",lineHeight:r="large",type:l="h1",weight:t="regular",onClick:o=d,dataId:m=""}=e;/* @__PURE__ */
|
|
2
|
-
return n(l,{dataid:m,onClick:o,className:c("heading",i&&`heading-${i}`,t,r&&`lh-${r}`,s),children:a})};export{f as Heading};
|
|
1
|
+
import{jsx as n}from"react/jsx-runtime";import{noop as d}from"../../utils/helpers.js";import c from"classnames";const f=e=>{const{children:a,className:s="",size:i="small",lineHeight:r="large",type:l="h1",weight:t="regular",onClick:o=d,dataId:m=""}=e;/* @__PURE__ */return n(l,{dataid:m,onClick:o,className:c("heading",i&&`heading-${i}`,t,r&&`lh-${r}`,s),children:a})};export{f as Heading};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as i}from"react/jsx-runtime";const d=a=>{const{name:e,imagePath:s="static/media/src/assets/images/image-placeholder.png",isBackgroundImage:t,backgroundSize:g,className:m="",isFullWidth:c,isFullHeight:r,ratio:l}=a;return t?/* @__PURE__ */i("div",{className:`image image--bg ${m}`,style:{backgroundImage:
|
|
1
|
+
import{jsx as i}from"react/jsx-runtime";const d=a=>{const{name:e,imagePath:s="static/media/src/assets/images/image-placeholder.png",isBackgroundImage:t,backgroundSize:g,className:m="",isFullWidth:c,isFullHeight:r,ratio:l}=a;return t?/* @__PURE__ */i("div",{className:`image image--bg ${m}`,style:{backgroundImage:s?`url(${s})`:"",backgroundSize:g,aspectRatio:l}}):/* @__PURE__ */i("img",{className:`image ${m}`,src:s,alt:e,style:{aspectRatio:l,width:c?"100%":"",height:r?"100%":""}})};export{d as Image};
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import{jsx as l,jsxs as d,Fragment as E}from"react/jsx-runtime";import r,{useMemo as V}from"react";import I from"react-input-mask";import h from"classnames";import{NumericFormat as P}from"react-number-format";import{ErrorMessage as ii}from"../../helperComponents/ErrorMessage/ErrorMessage.js";import{Label as li}from"../../helperComponents/Label/Label.js";import{Text as k}from"../Text/Text.js";import ni from"../SVGIcons/IconCheckmarkCircleFilled.js";const mi=r.forwardRef(({datePlaceHolderText:e,className:a,size:s="medium",error:n,hasError:r,label:i,mask:o,maskChar:t,maskPlaceholder:m,currentValue:c,name:u,leftIconProps:p,rightIconProps:g,disabled:f,required:v,readonly:C,placeholder:N,type:x="text",helperText:b,successMessage:y,maxCount:_,setFieldValue:w,handleChange:j,dataId:z="",isValid:F,allowLeadingZeros:L,thousandSeparator:M="",allowNegative:B=!1,hideCounter:T=!1,labelAddons:A,witUpperCase:S=!1,isAllowed:$,onChange:q,handleBlurEvent:O,...R},U)=>{const Z=void 0!==r?r:!!n,G=i===N?"":N||e,H=e=>{const l=e.target.value,a="numeric"===x?l.replace(new RegExp(M,"g"),""):l;l.length-1!==_&&(q&&q(e),w&&u&&w(u,a),j&&j(e,S?a.toUpperCase():a))},D=V(()=>c?c.length:R&&R.value&&"string"==typeof R.value?R.value.length:0,[R,c]),J=e=>{var l;null==(l=null==R?void 0:R.onBlur)||l.call(R,e),null==O||O(e)},K=o?
|
|
2
|
-
/* @__PURE__ */l(I,{name:u,mask:o,ref:()=>U&&U(),...R,placeholder:G,onBlur:J,onChange:H,disabled:f,"data-id":z,className:
|
|
2
|
+
/* @__PURE__ */l(I,{name:u,mask:o,ref:()=>U&&U(),...R,placeholder:G,onBlur:J,onChange:H,disabled:f,"data-id":z,className:Z?"with-error-styles":"",...c?{value:c}:{},maskChar:t,maskPlaceholder:m}):"numeric"===x?
|
|
3
3
|
/* @__PURE__ */l(P,{...R,name:u,onChange:H,placeholder:G,readOnly:C,allowLeadingZeros:L,thousandSeparator:M,allowNegative:B,maxLength:_,inputMode:"numeric",disabled:f,isAllowed:$,onBlur:J,...void 0!==c?{value:c}:{}}):
|
|
4
|
-
/* @__PURE__ */l("input",{readOnly:C,disabled:f,name:u,ref:U,type:x,placeholder:G,"data-id":z,...R,onBlur:J,onChange:H,...void 0!==c?{value:c}:{}});/* @__PURE__ */
|
|
5
|
-
return d("div",{className:h(`input input--${s}`,a,{"input--icon-left":p,"input--icon-right":g,"input--invalid":Z||!!n,"input--valid":F,"input--disabled":f}),children:[
|
|
4
|
+
/* @__PURE__ */l("input",{readOnly:C,disabled:f,name:u,ref:U,type:x,placeholder:G,"data-id":z,...R,onBlur:J,onChange:H,...void 0!==c?{value:c}:{}});/* @__PURE__ */return d("div",{className:h(`input input--${s}`,a,{"input--icon-left":p,"input--icon-right":g,"input--invalid":Z||!!n,"input--valid":F,"input--disabled":f}),children:[
|
|
6
5
|
/* @__PURE__ */l(li,{text:i,required:v,disabled:f,labelAddons:A,dataId:z}),
|
|
7
6
|
/* @__PURE__ */d("div",{className:"input__inner",children:[K,null!=p&&p.Component?/* @__PURE__ */l(p.Component,{size:"small",...p,className:h("input__icon","input__icon--left",{[p.className||""]:!!p.className})}):null,null!=g&&g.Component?/* @__PURE__ */l(g.Component,{size:"small",...g,className:h("input__icon","input__icon--right",{[g.className||""]:!!g.className})}):null]}),n||y||b||_?/* @__PURE__ */d("div",{className:"input__message mt-8",children:[Z&&n?/* @__PURE__ */l(ii,{message:n,icon:"infoFilled",dataId:z}):null,y?/* @__PURE__ */l(k,{size:"small",type:"success",className:"flexbox align-items--center",children:/* @__PURE__ */d(E,{children:[
|
|
8
7
|
/* @__PURE__ */l(ni,{type:"success",size:"xsmall"}),
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import{jsxs as r,jsx as e,Fragment as d}from"react/jsx-runtime";import l from"classnames";import{Text as c}from"../Text/Text.js";import{Divider as p}from"../Divider/Divider.js";import{generateLinePath as _,formatWithDots as f}from"./helper.js";const y=({data:t})=>{const a=_(t);/* @__PURE__ */return r("div",{children:[
|
|
2
|
+
/* @__PURE__ */e("div",{className:"bar",children:a.map(({percentage:r,color:t},s)=>/* @__PURE__ */e("div",{className:l("bar__segment",`bar__segment--color-${t}`,{"bar__segment--first":0===s,"bar__segment--last":s===a.length-1}),style:{flexBasis:`${r}%`}},`line-chart-segment-${s}`))}),
|
|
3
|
+
/* @__PURE__ */e("div",{className:"line-chart-status",children:a.map(({label:t,dataCurrency:s,color:i,quantity:n,isHidden:m},o)=>!m&&/* @__PURE__ */r(d,{children:[
|
|
4
|
+
/* @__PURE__ */r("div",{className:"flexbox justify-content--between pt-6 pb-6",children:[
|
|
5
|
+
/* @__PURE__ */r("div",{className:"flexbox align-items--center",children:[
|
|
6
|
+
/* @__PURE__ */e("span",{className:l("status__circle",`status__circle--${i}`)}),
|
|
7
|
+
/* @__PURE__ */e(c,{type:"tertiary",children:t})]}),
|
|
8
|
+
/* @__PURE__ */e("div",{children:/* @__PURE__ */r(c,{children:[f(n)," ",s]})})]},`line-chart-status-${o}`),o!==a.length-1&&/* @__PURE__ */e(p,{type:"primary",isHorizontal:!0,color:"grey"})]}))})]})};export{y as LineChart};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const o=e=>{if(!e||0===e.length)return[];const t=e.reduce((e,{quantity:t})=>e+t,0);return e.map(e=>({...e,percentage:e.quantity/t*100}))},u=e=>new Intl.NumberFormat("en-US",{useGrouping:!0}).format(e).replace(/,/g,".");export{u as formatWithDots,o as generateLinePath};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{LineChart as o}from"./LineChart.js";export{o as LineChart};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export type TLineChartColor = 'blue' | 'purple' | 'yellow' | 'pink' | 'green' | 'grey' | 'red';
|
|
2
|
+
export type TLineChartDataItem = {
|
|
3
|
+
quantity: number;
|
|
4
|
+
dataCurrency?: string;
|
|
5
|
+
label: string;
|
|
6
|
+
color: TLineChartColor;
|
|
7
|
+
isHidden?: boolean;
|
|
8
|
+
};
|
|
9
|
+
export interface TLineChartDataItemWithPercentage extends TLineChartDataItem {
|
|
10
|
+
percentage: number;
|
|
11
|
+
}
|
|
12
|
+
export type TLineChartProps = {
|
|
13
|
+
data: Array<TLineChartDataItem>;
|
|
14
|
+
};
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
import{jsx as i,Fragment as w}from"react/jsx-runtime";import{useState as x,useId as E,useMemo as H}from"react";import{createPortal as T}from"react-dom";import{useGetElemSizes as h}from"../../hooks/useGetElemSizes.js";import{useGetElemPositions as $}from"../../hooks/useGetElemPositions.js";import{useGetTooltipPosition as j}from"../../hooks/useGetTooltipPosition.js";import{useHideOnScroll as v}from"../../hooks/useHideOnScroll.js";import"../../context/types.js";import{useOnOutsideClick as z}from"../../hooks/useOnOutsideClick.js";import"../../hooks/useScreenSize.js";import"react-hook-form";import C from"classnames";import"motion/react";import"dayjs";import"../../consts/index.js";import{CollapseGroup as F}from"../Collapse/CollapseGroup/CollapseGroup.js";import{OptionItem as L}from"../../helperComponents/OptionItem/OptionItem.js";const it=({menuItems:e=[],parentRef:t,onClose:o,isOpen:s,position:m="bottom-right",className:l=""})=>{const[r,a]=x(null);z(r,o,!!s,E()),v(o);const{left:n,top:p}=$(t),{width:u,height:c}=h(t),{width:d,height:f}=h(r),b=j({tooltipRef:r,elemRef:t,initialPosition:m,hasTriangle:!1}),k=H(()=>"bottom-right"===b?{left:n+4,top:p+4+c}:"bottom-left"===b?{right:0,top:p+4+c}:"top-right"===b?{left:n+4,top:p-f-4}:"top-left"===b?{left:n-d+u,top:p-f-4}:{left:n,top:p+4+c},[n,p,u,b,d,c,f]);if(!t||!s)return null;const I=e.map((e,t)=>({...e,content:e.subItems?/* @__PURE__ */i("div",{className:"nested-menu__sub-items select",children:e.subItems.map(({label:e,meta:s,value:m,handler:l,iconProps:r,disabled:a,dataId:n})=>/* @__PURE__ */i(L,{dataId:n,disabled:a,data:{label:e,value:m,meta:s},labelLeftIconProps:r,onClick:()=>{o(),null==l||l()},className:"nested-menu__sub-item"},`${t}-${m}`))}):null}));/* @__PURE__ */
|
|
2
|
-
return i(w,{children:T(
|
|
1
|
+
import{jsx as i,Fragment as w}from"react/jsx-runtime";import{useState as x,useId as E,useMemo as H}from"react";import{createPortal as T}from"react-dom";import{useGetElemSizes as h}from"../../hooks/useGetElemSizes.js";import{useGetElemPositions as $}from"../../hooks/useGetElemPositions.js";import{useGetTooltipPosition as j}from"../../hooks/useGetTooltipPosition.js";import{useHideOnScroll as v}from"../../hooks/useHideOnScroll.js";import"../../context/types.js";import{useOnOutsideClick as z}from"../../hooks/useOnOutsideClick.js";import"../../hooks/useScreenSize.js";import"react-hook-form";import C from"classnames";import"motion/react";import"dayjs";import"../../consts/index.js";import{CollapseGroup as F}from"../Collapse/CollapseGroup/CollapseGroup.js";import{OptionItem as L}from"../../helperComponents/OptionItem/OptionItem.js";const it=({menuItems:e=[],parentRef:t,onClose:o,isOpen:s,position:m="bottom-right",className:l=""})=>{const[r,a]=x(null);z(r,o,!!s,E()),v(o);const{left:n,top:p}=$(t),{width:u,height:c}=h(t),{width:d,height:f}=h(r),b=j({tooltipRef:r,elemRef:t,initialPosition:m,hasTriangle:!1}),k=H(()=>"bottom-right"===b?{left:n+4,top:p+4+c}:"bottom-left"===b?{right:0,top:p+4+c}:"top-right"===b?{left:n+4,top:p-f-4}:"top-left"===b?{left:n-d+u,top:p-f-4}:{left:n,top:p+4+c},[n,p,u,b,d,c,f]);if(!t||!s)return null;const I=e.map((e,t)=>({...e,content:e.subItems?/* @__PURE__ */i("div",{className:"nested-menu__sub-items select",children:e.subItems.map(({label:e,meta:s,value:m,handler:l,iconProps:r,disabled:a,dataId:n})=>/* @__PURE__ */i(L,{dataId:n,disabled:a,data:{label:e,value:m,meta:s},labelLeftIconProps:r,onClick:()=>{o(),null==l||l()},className:"nested-menu__sub-item"},`${t}-${m}`))}):null}));/* @__PURE__ */return i(w,{children:T(
|
|
3
2
|
/* @__PURE__ */i("div",{className:C("nested-menu",l),style:k,ref:a,children:/* @__PURE__ */i(F,{items:I})}),document.body)})};export{it as NestedMenu};
|
package/components/More/More.js
CHANGED
|
@@ -1,3 +1 @@
|
|
|
1
|
-
import{jsxs as c,jsx as m}from"react/jsx-runtime";import{useState as d}from"react";import{Text as i}from"../Text/Text.js";import{Button as f}from"../Button/Button.js";const g=t=>{const{textProps:o={},expandedText:e,collapsedText:s,buttonText:a={expand:"Ավելին",collapse:"Փակել"}}=t,[r,n]=d(!1);/* @__PURE__ */
|
|
2
|
-
return c(i,{...o,className:"more",children:[`${r?e:s}`
|
|
3
|
-
/* @__PURE__ */,m(f,{className:"more__btn ml-4",type:"link",buttonText:r?a.collapse:a.expand,onClick:r?t=>{t.stopPropagation(),n(!1)}:t=>{t.stopPropagation(),n(!0)}})]})};export{g as More};
|
|
1
|
+
import{jsxs as c,jsx as m}from"react/jsx-runtime";import{useState as d}from"react";import{Text as i}from"../Text/Text.js";import{Button as f}from"../Button/Button.js";const g=t=>{const{textProps:o={},expandedText:e,collapsedText:s,buttonText:a={expand:"Ավելին",collapse:"Փակել"}}=t,[r,n]=d(!1);/* @__PURE__ */return c(i,{...o,className:"more",children:[`${r?e:s}`,m(f,{className:"more__btn ml-4",type:"link",buttonText:r?a.collapse:a.expand,onClick:r?t=>{t.stopPropagation(),n(!1)}:t=>{t.stopPropagation(),n(!0)}})]})};export{g as More};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import f from"react-paginate";import{ICON_SIZE_MAPPING as n,PAGE_RANGE_DISPLAYED as P}from"./consts.js";import h from"classnames";import _ from"../SVGIcons/IconChevronRight.js";import N from"../SVGIcons/IconChevronLeft.js";import v from"../SVGIcons/IconMore.js";const z=a=>{const{totalCount:i,handleChangePage:o,classname:s="",size:r="large",pageSize:t,disableInitialCallback:l=!1,page:m,breakLabel:p=/* @__PURE__ */e(v,{size:n[r]}),labels:c={previous:/* @__PURE__ */e(N,{size:n[r]}),next:/* @__PURE__ */e(_,{size:n[r]})}}=a;/* @__PURE__ */
|
|
2
|
-
return e("div",{className:"pagination-wrapper flexbox",children:/* @__PURE__ */e(f,{pageCount:Math.ceil(i/t),disableInitialCallback:l,pageRangeDisplayed:P,marginPagesDisplayed:1,onPageChange:({selected:a})=>{o(a+1)},containerClassName:h(`pagination pagination--${r}`,s),activeClassName:"active",previousLabel:null==c?void 0:c.previous,nextLabel:null==c?void 0:c.next,breakClassName:"pagination__more",breakLinkClassName:"pagination__more__link",breakLabel:p,...m?{forcePage:m-1}:{}})})};export{z as Pagination};
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import f from"react-paginate";import{ICON_SIZE_MAPPING as n,PAGE_RANGE_DISPLAYED as P}from"./consts.js";import h from"classnames";import _ from"../SVGIcons/IconChevronRight.js";import N from"../SVGIcons/IconChevronLeft.js";import v from"../SVGIcons/IconMore.js";const z=a=>{const{totalCount:i,handleChangePage:o,classname:s="",size:r="large",pageSize:t,disableInitialCallback:l=!1,page:m,breakLabel:p=/* @__PURE__ */e(v,{size:n[r]}),labels:c={previous:/* @__PURE__ */e(N,{size:n[r]}),next:/* @__PURE__ */e(_,{size:n[r]})}}=a;/* @__PURE__ */return e("div",{className:"pagination-wrapper flexbox",children:/* @__PURE__ */e(f,{pageCount:Math.ceil(i/t),disableInitialCallback:l,pageRangeDisplayed:P,marginPagesDisplayed:1,onPageChange:({selected:a})=>{o(a+1)},containerClassName:h(`pagination pagination--${r}`,s),activeClassName:"active",previousLabel:null==c?void 0:c.previous,nextLabel:null==c?void 0:c.next,breakClassName:"pagination__more",breakLinkClassName:"pagination__more__link",breakLabel:p,...m?{forcePage:m-1}:{}})})};export{z as Pagination};
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
import{jsxs as p,Fragment as l,jsx as r}from"react/jsx-runtime";import{Modal as s}from"../Modal/Modal.js";import"react";import"classnames";import"../../consts/index.js";import"../../context/types.js";import"../../hooks/useScreenSize.js";import"react-hook-form";import{Text as c}from"../Text/Text.js";import"react-dom";import{Link as f}from"../Link/Link.js";const y=e=>{const{dataId:t,text:o,linkAddons:i,mobileTitle:a,hideMessage:n,clicked:m=!1,children:d}=e;/* @__PURE__ */
|
|
2
|
-
return p(l,{children:[
|
|
1
|
+
import{jsxs as p,Fragment as l,jsx as r}from"react/jsx-runtime";import{Modal as s}from"../Modal/Modal.js";import"react";import"classnames";import"../../consts/index.js";import"../../context/types.js";import"../../hooks/useScreenSize.js";import"react-hook-form";import{Text as c}from"../Text/Text.js";import"react-dom";import{Link as f}from"../Link/Link.js";const y=e=>{const{dataId:t,text:o,linkAddons:i,mobileTitle:a,hideMessage:n,clicked:m=!1,children:d}=e;/* @__PURE__ */return p(l,{children:[
|
|
3
2
|
/* @__PURE__ */r(s,{closeIcon:!0,title:a,onClose:n,isOpen:m,children:m&&/* @__PURE__ */r(l,{children:i?/* @__PURE__ */r(f,{dataId:i.dataId,url:i.url,beforeLink:i.beforeLink,afterLink:i.afterLink,target:i.target,className:"popover__link",children:o}):/* @__PURE__ */r(c,{dataId:t?`${t}-popover-text`:"",type:"primary",weight:"regular",lineHeight:"medium",size:"small",children:o})})}),d]})};export{y as PopoverMobile};
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import{jsxs as d,jsx as s}from"react/jsx-runtime";var $=/* @__PURE__ */(s=>(s[s.small=29]="small",s[s.large=45]="large",s))($||{});const y=r=>{const{percent:e,stepCount:a,currentStep:l,type:c="linear",size:t="large",noText:o=!1,dimension:i,className:n="",loop:p=!1}=r,g=i||$[t],m=g-5,h=a&&l?l/a*100:e,y=2*m*3.14+"px";/* @__PURE__ */
|
|
2
|
-
return d("div",{className:`progress-bar progress-bar--${c} progress-bar--${t} ${n}${p?" progress-bar--loop":""}`,style:"circle"==c?{width:2*g,height:2*g}:{},children:["circle"==c?/* @__PURE__ */d("svg",{children:[
|
|
1
|
+
import{jsxs as d,jsx as s}from"react/jsx-runtime";var $=/* @__PURE__ */(s=>(s[s.small=29]="small",s[s.large=45]="large",s))($||{});const y=r=>{const{percent:e,stepCount:a,currentStep:l,type:c="linear",size:t="large",noText:o=!1,dimension:i,className:n="",loop:p=!1}=r,g=i||$[t],m=g-5,h=a&&l?l/a*100:e,y=2*m*3.14+"px";/* @__PURE__ */return d("div",{className:`progress-bar progress-bar--${c} progress-bar--${t} ${n}${p?" progress-bar--loop":""}`,style:"circle"==c?{width:2*g,height:2*g}:{},children:["circle"==c?/* @__PURE__ */d("svg",{children:[
|
|
3
2
|
/* @__PURE__ */s("circle",{cx:g,cy:g,r:m}),
|
|
4
3
|
/* @__PURE__ */s("circle",{cx:g,cy:g,r:m,style:{strokeDasharray:y,strokeDashoffset:`calc(${y} - (${y} * ${h}) / 100)`}})]}):/* @__PURE__ */s("div",{className:"progress-bar__inner",children:/* @__PURE__ */s("div",{className:"progress-bar__filled",style:{width:`${h}%`}})}),o?null:/* @__PURE__ */s("span",{className:"progress-bar__percent",children:a?`${l}/${a}`:`${e}%`})]})};export{y as Progress};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import{jsx as s}from"react/jsx-runtime";import m from"classnames";import{Step as S}from"./Step.js";const v=e=>{const{steps:t,stepType:p,activeStep:r,setActiveStep:i,stepSize:o="large",stepDirection:a="horizontal"}=e,n=100/t.length+"%";/* @__PURE__ */
|
|
2
|
-
return s("div",{className:m("progress-stepper",`progress-stepper--${a}`),children:t.map((e,t)=>/* @__PURE__ */s(S,{width:"horizontal"==a?n:"100%",step:e,index:t+1,activeStep:r,onStepClick:i,stepType:p,stepSize:o},e.value))})};export{v as ProgressStep};
|
|
1
|
+
import{jsx as s}from"react/jsx-runtime";import m from"classnames";import{Step as S}from"./Step.js";const v=e=>{const{steps:t,stepType:p,activeStep:r,setActiveStep:i,stepSize:o="large",stepDirection:a="horizontal"}=e,n=100/t.length+"%";/* @__PURE__ */return s("div",{className:m("progress-stepper",`progress-stepper--${a}`),children:t.map((e,t)=>/* @__PURE__ */s(S,{width:"horizontal"==a?n:"100%",step:e,index:t+1,activeStep:r,onStepClick:i,stepType:p,stepSize:o},e.value))})};export{v as ProgressStep};
|