@itcase/ui-web 1.10.35 → 1.10.37
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/dist/Button_cjs_F8vKfD-9.js +1 -0
- package/dist/Button_es_7K5ecrgl.js +1 -0
- package/dist/{ChipsGroup_cjs_DEWTbz1r.js → ChipsGroup_cjs_Dwop8JZZ.js} +1 -1
- package/dist/{ChipsGroup_es_B3nRK-lq.js → ChipsGroup_es_BG3rhNzZ.js} +1 -1
- package/dist/{DatePicker_cjs_Cg_vcAg8.js → DatePicker_cjs_BaTprMdi.js} +1 -1
- package/dist/{DatePicker_es_Blh9tXre.js → DatePicker_es_Du-3MZ9y.js} +1 -1
- package/dist/cjs/components/Button.js +1 -1
- package/dist/cjs/components/Chips.js +1 -1
- package/dist/cjs/components/CookiesWarning.js +1 -1
- package/dist/cjs/components/DatePeriod.js +1 -1
- package/dist/cjs/components/DatePicker.js +1 -1
- package/dist/cjs/components/Dropzone.js +1 -1
- package/dist/cjs/components/InputNumber.js +1 -1
- package/dist/cjs/components/Notification.js +1 -1
- package/dist/cjs/components/Response.js +1 -1
- package/dist/cjs/components/Segmented.js +1 -1
- package/dist/cjs/components/Tab.js +1 -1
- package/dist/components/Button.js +1 -1
- package/dist/components/Chips.js +1 -1
- package/dist/components/CookiesWarning.js +1 -1
- package/dist/components/DatePeriod.js +1 -1
- package/dist/components/DatePicker.js +1 -1
- package/dist/components/Dropzone.js +1 -1
- package/dist/components/InputNumber.js +1 -1
- package/dist/components/Notification.js +1 -1
- package/dist/components/Response.js +1 -1
- package/dist/components/Segmented.js +1 -1
- package/dist/components/Tab.js +1 -1
- package/dist/types/components/Accordion/Accordion.d.ts +2 -1
- package/dist/types/components/Accordion/AccordionItem.d.ts +1 -1
- package/dist/types/components/Avatar/Avatar.d.ts +1 -1
- package/dist/types/components/Avatar/Avatar.interface.d.ts +7 -1
- package/dist/types/components/AvatarStack/AvatarStack.d.ts +1 -1
- package/dist/types/components/Badge/Badge.d.ts +1 -1
- package/dist/types/components/Breadcrumbs/Breadcrumbs.d.ts +1 -1
- package/dist/types/components/Breadcrumbs/BreadcrumbsItem.d.ts +1 -1
- package/dist/types/components/Button/Button.appearance.d.ts +3 -0
- package/dist/types/components/Button/Button.interface.d.ts +80 -1
- package/dist/types/components/Button/Button.js +1 -1
- package/dist/types/components/Button/appearance/buttonShape.d.ts +3 -0
- package/dist/types/components/Button/appearance/buttonShape.js +3 -0
- package/dist/types/components/Cell/Cell.d.ts +1 -1
- package/dist/types/components/Checkbox/Checkbox.d.ts +1 -1
- package/dist/types/components/Checkmark/Checkmark.d.ts +1 -1
- package/dist/types/components/Chips/Chips.d.ts +1 -1
- package/dist/types/components/Chips/Chips.interface.d.ts +2 -0
- package/dist/types/components/Chips/ChipsGroup.d.ts +1 -1
- package/dist/types/components/Chips/ChipsGroup.js +5 -5
- package/dist/types/components/Choice/Choice.d.ts +2 -1
- package/dist/types/components/Code/Code.d.ts +1 -1
- package/dist/types/components/CookiesWarning/CookiesWarning.d.ts +1 -1
- package/dist/types/components/Dadata/Dadata.d.ts +1 -1
- package/dist/types/components/DatePeriod/DatePeriod.d.ts +1 -1
- package/dist/types/components/DatePicker/DatePicker.d.ts +2 -1
- package/dist/types/components/Divider/Divider.d.ts +1 -1
- package/dist/types/components/Dot/Dot.d.ts +1 -1
- package/dist/types/components/Drawer/Drawer.d.ts +2 -1
- package/dist/types/components/Dropdown/Dropdown.d.ts +1 -1
- package/dist/types/components/Dropdown/DropdownItem.d.ts +2 -1
- package/dist/types/components/Dropzone/Dropzone.d.ts +1 -1
- package/dist/types/components/Flex/Flex.d.ts +1 -1
- package/dist/types/components/Flex/FlexItem.d.ts +1 -1
- package/dist/types/components/Flex/__test__/FlexTest.stories.d.ts +1 -1
- package/dist/types/components/Grid/Grid.d.ts +1 -1
- package/dist/types/components/Grid/GridItem.d.ts +1 -1
- package/dist/types/components/Grid/GridRow.d.ts +1 -1
- package/dist/types/components/Grid/__test__/GridTest.stories.d.ts +1 -1
- package/dist/types/components/HTMLContent/HTMLContent.d.ts +1 -1
- package/dist/types/components/HeroTitle/HeroTitle.d.ts +1 -1
- package/dist/types/components/InputNumber/InputNumber.d.ts +1 -1
- package/dist/types/components/InputNumber/__test__/InputNumberTest.stories.d.ts +1 -1
- package/dist/types/components/InputPassword/InputPassword.d.ts +1 -1
- package/dist/types/components/Label/Label.d.ts +1 -1
- package/dist/types/components/Link/Link.d.ts +2 -2
- package/dist/types/components/List/List.d.ts +1 -1
- package/dist/types/components/List/ListItem.d.ts +1 -1
- package/dist/types/components/Loader/Loader.d.ts +1 -1
- package/dist/types/components/MenuItem/MenuItem.d.ts +2 -1
- package/dist/types/components/Modal/ModalLoader.d.ts +1 -1
- package/dist/types/components/Notification/Notification.d.ts +1 -1
- package/dist/types/components/Notification/NotificationWrapper.d.ts +1 -1
- package/dist/types/components/Overlay/Overlay.d.ts +1 -1
- package/dist/types/components/Pagination/Pagination.d.ts +1 -1
- package/dist/types/components/Radio/Radio.d.ts +1 -1
- package/dist/types/components/RangeSlider/RangeSlider.d.ts +1 -1
- package/dist/types/components/Response/Response.js +1 -1
- package/dist/types/components/ScrollOnDrag/ScrollOnDrag.d.ts +2 -1
- package/dist/types/components/Scrollbar/Scrollbar.d.ts +1 -1
- package/dist/types/components/Segmented/Segmented.d.ts +1 -1
- package/dist/types/components/Segmented/Segmented.interface.d.ts +3 -0
- package/dist/types/components/Segmented/Segmented.js +18 -18
- package/dist/types/components/Segmented/__test__/SegmentedTest.stories.d.ts +1 -1
- package/dist/types/components/Select/SelectClearIndicator.d.ts +1 -1
- package/dist/types/components/Select/SelectControl.d.ts +2 -1
- package/dist/types/components/Select/SelectDropdownIndicator.d.ts +1 -1
- package/dist/types/components/Select/SelectGroupHeading.d.ts +1 -1
- package/dist/types/components/Select/SelectIndicatorsContainer.d.ts +1 -1
- package/dist/types/components/Select/SelectInput.d.ts +1 -1
- package/dist/types/components/Select/SelectLoadingIndicator.d.ts +1 -1
- package/dist/types/components/Select/SelectLoadingMessage.d.ts +1 -1
- package/dist/types/components/Select/SelectMenu.d.ts +2 -1
- package/dist/types/components/Select/SelectMultiValue.d.ts +1 -1
- package/dist/types/components/Select/SelectMultiValueContainer.d.ts +1 -1
- package/dist/types/components/Select/SelectMultiValueLabel.d.ts +1 -1
- package/dist/types/components/Select/SelectMultiValueRemove.d.ts +1 -1
- package/dist/types/components/Select/SelectNoOptions.d.ts +1 -1
- package/dist/types/components/Select/SelectOption.d.ts +1 -1
- package/dist/types/components/Select/SelectPlaceholder.d.ts +1 -1
- package/dist/types/components/Select/SelectSingleValue.d.ts +1 -1
- package/dist/types/components/Select/SelectValueContainer.d.ts +1 -1
- package/dist/types/components/Swiper/Swiper.d.ts +2 -1
- package/dist/types/components/Tab/Tab.d.ts +2 -1
- package/dist/types/components/Tab/Tab.interface.d.ts +3 -0
- package/dist/types/components/Tab/TabGroup.d.ts +2 -1
- package/dist/types/components/Tab/TabGroup.js +2 -2
- package/dist/types/components/Text/Text.d.ts +1 -1
- package/dist/types/components/Textarea/Textarea.d.ts +1 -1
- package/dist/types/components/Tile/Tile.d.ts +1 -1
- package/dist/types/components/Title/Title.d.ts +1 -1
- package/dist/types/components/Tooltip/TooltipWrapper.d.ts +1 -1
- package/dist/types/components/Video/Video.d.ts +1 -1
- package/dist/types/components/Warning/Warning.d.ts +1 -1
- package/dist/types/storybook/createComponentGallery/createComponentGallery.d.ts +1 -1
- package/package.json +6 -8
- package/dist/Button_cjs_Dq2pZYkE.js +0 -1
- package/dist/Button_es_l1l4XH3Z.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("react"),a=require("clsx"),o=require("@itcase/ui-core/hooks"),i=require("@itcase/ui-core/utils"),l=require("./primitives_cjs_Dw4SMbjT.js"),n=require("./Loader_cjs_BMOazvQA.js");require("axios"),require("@itcase/common");const c="holding",t="idle";const s={sizeXXL:{size:"xxl",labelTextSize:"xl",iconAfterAppearanceSize:"size24_24",iconBeforeAppearanceSize:"size24_24",loaderAppearanceSize:"sizeL"},sizeXL:{size:"xl",labelTextSize:"l",iconAfterAppearanceSize:"size24_24",iconBeforeAppearanceSize:"size24_24",loaderAppearanceSize:"sizeL"},sizeL:{size:"l",labelTextSize:"l",iconAfterAppearanceSize:"size24_24",iconBeforeAppearanceSize:"size24_24",loaderAppearanceSize:"sizeM"},sizeM:{size:"m",labelTextSize:"m",iconAfterAppearanceSize:"size24_24",iconBeforeAppearanceSize:"size24_24",loaderAppearanceSize:"sizeM"},sizeS:{size:"s",labelTextSize:"s",iconAfterAppearanceSize:"size20_20",iconBeforeAppearanceSize:"size20_20",loaderAppearanceSize:"sizeS"},sizeXS:{size:"xs",labelTextSize:"xs",iconAfterAppearanceSize:"size16_16",iconBeforeAppearanceSize:"size16_16",loaderAppearanceSize:"sizeS"},sizeXXS:{size:"xxs",labelTextSize:"xs",iconAfterAppearanceSize:"size14_14",iconBeforeAppearanceSize:"size14_14",loaderAppearanceSize:"sizeS"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},geometric:{shape:"geometric"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},accentMutedPrimary:{fill:"accentTertiary",fillHover:"accentHoverTertiary",labelTextColor:"accentTextQuaternary",labelTextColorHover:"accentTextQuaternary",borderColor:"accentBorderSecondary",iconAfterFillIcon:"accentItemQuaternary",iconBeforeFillIcon:"accentItemQuaternary",iconFillIcon:"accentItemQuaternary",loaderAppearance:"accentTertiary solid"},accentPrimary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextPrimary",labelTextColorHover:"accentTextPrimary",borderColor:"accentBorderPrimary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary",iconFillIcon:"accentItemPrimary",loaderAppearance:"accentPrimary solid"},accentSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextSecondary",labelTextColorHover:"accentTextSecondary",borderColor:"accentBorderPrimary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary",iconFillIcon:"accentItemPrimary",loaderAppearance:"accentPrimary solid"},dangerMutedPrimary:{fill:"dangerTertiary",fillHover:"dangerHoverPrimary",labelTextColor:"dangerTextQuaternary",labelTextColorHover:"dangerTextQuaternary",borderColor:"dangerBorderSecondary",iconAfterFillIcon:"dangerItemQuaternary",iconBeforeFillIcon:"dangerItemQuaternary",iconFillIcon:"dangerItemQuaternary",loaderAppearance:"dangerTertiary solid"},dangerPrimary:{fill:"dangerPrimary",fillHover:"dangerHoverPrimary",labelTextColor:"dangerTextPrimary",labelTextColorHover:"dangerTextPrimary",iconAfterFillIcon:"dangerItemPrimary",iconBeforeFillIcon:"dangerItemPrimary",iconFillIcon:"dangerItemPrimary",loaderAppearance:"dangerPrimary solid"},errorMutedPrimary:{fill:"errorTertiary",fillHover:"errorHoverPrimary",labelTextColor:"errorTextQuaternary",labelTextColorHover:"errorTextQuaternary",borderColor:"errorBorderSecondary",iconAfterFillIcon:"errorItemQuaternary",iconBeforeFillIcon:"errorItemQuaternary",iconFillIcon:"errorItemQuaternary",loaderAppearance:"errorTertiary solid"},errorPrimary:{fill:"errorPrimary",fillHover:"errorHoverPrimary",labelTextColor:"errorTextPrimary",labelTextColorHover:"errorTextPrimary",iconAfterFillIcon:"errorItemPrimary",iconBeforeFillIcon:"errorItemPrimary",iconFillIcon:"errorItemPrimary",loaderAppearance:"errorPrimary solid"},infoMutedPrimary:{fill:"infoTertiary",fillHover:"infoHoverTertiary",labelTextColor:"infoTextSecondary",labelTextColorHover:"infoTextSecondary",borderColor:"infoBorderSecondary",iconAfterFillIcon:"infoItemSecondary",iconBeforeFillIcon:"infoItemSecondary",iconFillIcon:"infoItemSecondary",loaderAppearance:"infoTertiary solid"},infoPrimary:{fill:"infoPrimary",fillHover:"infoHoverPrimary",labelTextColor:"infoTextPrimary",labelTextColorHover:"infoTextPrimary",borderColor:"infoBorderPrimary",iconAfterFillIcon:"infoItemPrimary",iconBeforeFillIcon:"infoItemPrimary",iconFillIcon:"infoItemPrimary",loaderAppearance:"infoPrimary solid"},infoSecondary:{fill:"infoPrimary",fillHover:"infoHoverPrimary",labelTextColor:"infoTextSecondary",labelTextColorHover:"infoTextSecondary",borderColor:"infoBorderPrimary",iconAfterFillIcon:"infoItemPrimary",iconBeforeFillIcon:"infoItemPrimary",iconFillIcon:"infoItemPrimary",loaderAppearance:"infoPrimary solid"},specialMutedPrimary:{fill:"specialTertiary",fillHover:"specialHoverPrimary",labelTextColor:"specialTextSecondary",borderColor:"specialBorderTertiary",iconAfterFillIcon:"specialItemSecondary",iconBeforeFillIcon:"specialItemSecondary",iconFillIcon:"specialItemSecondary",loaderAppearance:"specialTertiary solid"},specialPrimary:{fill:"specialPrimary",fillHover:"specialHoverPrimary",labelTextColor:"specialTextPrimary",iconAfterFillIcon:"specialItemPrimary",iconBeforeFillIcon:"specialItemPrimary",iconFillIcon:"specialItemPrimary",loaderAppearance:"specialPrimary solid"},extraMutedPrimary:{fill:"extraTertiary",fillHover:"extraHoverPrimary",labelTextColor:"extraTextQuaternary",borderColor:"extraBorderSecondary",iconAfterFillIcon:"extraItemQuaternary",iconBeforeFillIcon:"extraItemQuaternary",iconFillIcon:"extraItemQuaternary",loaderAppearance:"extraPrimary solid"},extraPrimary:{fill:"extraPrimary",fillHover:"extraHoverPrimary",labelTextColor:"extraTextPrimary",iconAfterFillIcon:"extraItemPrimary",iconBeforeFillIcon:"extraItemPrimary",iconFillIcon:"extraItemPrimary",loaderAppearance:"extraPrimary solid"},successMutedPrimary:{fill:"successTertiary",fillHover:"successHoverPrimary",labelTextColor:"successTextQuaternary",labelTextColorHover:"successTextQuaternary",borderColor:"successBorderQuaternary",iconAfterFillIcon:"successItemQuaternary",iconBeforeFillIcon:"successItemQuaternary",iconFillIcon:"successItemQuaternary",loaderAppearance:"successTertiary solid"},successPrimary:{fill:"successPrimary",fillHover:"successHoverPrimary",labelTextColor:"successTextPrimary",labelTextColorHover:"successTextPrimary",iconAfterFillIcon:"successItemPrimary",iconBeforeFillIcon:"successItemPrimary",iconFillIcon:"successItemPrimary",loaderAppearance:"successPrimary solid"},surfaceMutedPrimary:{fill:"surfaceTertiary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextQuaternary",borderColor:"surfaceBorderQuaternary",iconAfterFillIcon:"surfaceItemQuaternary",iconBeforeFillIcon:"surfaceItemQuaternary",iconFillIcon:"surfaceItemQuaternary",loaderAppearance:"surfaceTertiary solid"},surfacePrimary:{fill:"surfacePrimary",fillHover:"surfaceSecondary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfacePrimary solid"},surfaceQuaternary:{fill:"surfaceQuaternary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfaceQuaternary solid"},surfaceSecondary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfaceSecondary solid"},surfaceTertiary:{fill:"surfaceTertiary",fillHover:"surfaceSecondary",labelTextColor:"surfaceTextPrimary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfaceTertiary solid"},warningMutedPrimary:{fill:"warningTertiary",fillHover:"warningHoverPrimary",labelTextColor:"warningTextSecondary",labelTextColorHover:"warningTextPrimary",borderColor:"warningBorderPrimary",iconAfterFillIcon:"warningItemSecondary",iconBeforeFillIcon:"warningItemSecondary",iconFillIcon:"warningItemSecondary",loaderAppearance:"warningTertiary solid"},warningPrimary:{fill:"warningPrimary",fillHover:"warningHoverPrimary",labelTextColor:"warningTextPrimary",labelTextColorHover:"warningTextPrimary",iconAfterFillIcon:"warningItemPrimary",iconBeforeFillIcon:"warningItemPrimary",iconFillIcon:"warningItemPrimary",loaderAppearance:"warningPrimary solid"}},d={appearance:s,setAppearance:e=>{d.appearance=e}},m=r.forwardRef(function(s,m){const{appearance:y="accentPrimary sizeXXL solid rounded",className:f,dataTestId:u,dataTour:p,label:I,Badge:x,href:P,htmlType:T="button",link:b,rel:A,target:S,tooltip:z,before:F,after:C,isDisabled:v,isHolding:_,isLoading:g=!1,onClick:H,onHoldComplete:B,onMouseDown:h,children:Q}=s,w=o.useAppearanceConfig(y,d,v),M=o.useDevicePropsGenerator(s,w),{fillClass:L,fillHoverClass:j,labelTextColor:q,labelTextColorHover:$,labelTextSize:k,labelTextTruncate:N,labelTextWeight:X,labelTextWidth:W,labelTextWrap:D,borderColorClass:K,borderTypeClass:R,borderWidthClass:E,elevationClass:G,icon:U,iconAfter:J,iconAfterAppearance:O,iconAfterAppearanceSize:V,iconAfterFill:Y,iconAfterFillIcon:Z,iconAfterFillSize:ee,iconAfterShape:re,iconAfterSize:ae,iconAfterSrc:oe,iconAppearance:ie,iconAppearanceSize:le,iconBefore:ne,iconBeforeAppearance:ce,iconBeforeAppearanceSize:te,iconBeforeFill:se,iconBeforeFillIcon:de,iconBeforeFillSize:me,iconBeforeShape:ye,iconBeforeSize:fe,iconBeforeSrc:ue,iconFill:pe,iconFillIcon:Ie,iconFillSize:xe,iconShape:Pe,iconSize:Te,iconSrc:be,loaderAppearance:Ae,loaderAppearanceSize:Se,loaderFill:ze,loaderItemFill:Fe,loaderSize:Ce,loaderType:ve="dot",shapeClass:_e,sizeClass:ge,widthClass:He,zeroGap:Be,zeroPadding:he,isSkeleton:Qe}=M,{label:we,styles:Me}=o.useStyles(s),{holdState:Le,onHoldEnd:je,onHoldStart:qe}=function(e){const{holdDurationMs:a=500,isHolding:o,onHoldComplete:i}=e,l=r.useRef(null),n=r.useRef(!1),[s,d]=r.useState(t),m=r.useRef(0);r.useEffect(()=>(l.current=requestAnimationFrame(function e(){if(s===c&&1===m.current&&!n.current&&i&&(n.current=!0,i()),s===c&&m.current<1){const r=Math.min(m.current+16/a,1);m.current=r,l.current=requestAnimationFrame(e)}if(s===t&&m.current>0){const r=Math.max(m.current-16/a,0);m.current=r,l.current=requestAnimationFrame(e)}}),()=>{l.current&&cancelAnimationFrame(l.current)}),[s,a,i]);const y=r.useCallback(e=>{o&&("touch"!==e.pointerType&&0!==e.button||(n.current=!1,d(c)))},[o]),f=r.useCallback(()=>{n.current=!1,d(t)},[]);return{holdState:s,onHoldEnd:f,onHoldStart:y}}({holdDurationMs:500,isHolding:_,onHoldComplete:B}),$e=C||F||U||J||oe||ne||ue||be;return e.jsx(l.LinkWrapper,{className:a(f,"button",I&&$e?"button_type_default":I?"button_type_label":$e?"button_type_icon":"",E&&`border-width_${E}`,K&&`border-color_${K}`,R&&`border_type_${R}`,L&&`fill_${L}`,j&&!v&&`fill_hover_${j}`,_e&&`shape_${_e}`,ge&&`button_size_${ge}`,He&&`button_width_${He}`,G&&`elevation_${G}`,H&&"cursor_type_pointer",v&&"button_state_disabled cursor_type_default",x&&"button_type_badge",he&&"button_reset-padding",Be&&"button_reset-gap",g&&"button_state_loading",Qe&&"skeleton",_&&"button_holding",Le&&_&&`button_state_${Le}`),type:T,title:z,"data-testid":u?u.endsWith("Button")?u:`${u}Button`:void 0,"data-tour":p,disabled:v,href:b??P,LinkComponent:b??P?"a":"button",rel:A,style:Me,target:S,onClick:H,onMouseDown:h,onPointerCancel:je,onPointerDown:qe,onPointerLeave:je,onPointerUp:je,children:e.jsxs("div",{className:"button__wrapper",ref:m,children:[_&&e.jsx("div",{className:a("button__indication",`button__indication_${Le}`),children:e.jsx("div",{className:"button__indication-item",children:" "})}),g&&e.jsx(n.Loader,{appearance:i.mergeAppearanceKeys(Ae,Se),className:a(f,"button__loader"),type:ve,size:Ce,fill:ze,itemFill:Fe}),F,(ne||ue)&&e.jsx(l.Icon,{appearance:i.mergeAppearanceKeys(ce,te),className:"button__icon_before",fill:se,fillSize:me,iconFill:de,iconSize:fe,imageSrc:ue,shape:ye,SvgImage:ne||void 0}),(U||be)&&e.jsx(l.Icon,{appearance:i.mergeAppearanceKeys(ie,le),className:"button__icon",fill:pe,fillSize:xe,iconFill:Ie,iconSize:Te,imageSrc:be,shape:Pe,SvgImage:U||void 0}),(Q||I)&&e.jsx(l.Text,{className:"button__label",width:W,size:k,textColor:q,textColorHover:$,textTruncate:N,textWeight:X,textWrap:D,style:we,children:Q||I}),(J||oe)&&e.jsx(l.Icon,{appearance:i.mergeAppearanceKeys(O,V),className:"button__icon_after",fill:Y,fillSize:ee,iconFill:Z,iconSize:ae,imageSrc:oe,shape:re,SvgImage:J||void 0}),x,C]})})});exports.Button=m,exports.buttonAppearance=s,exports.buttonConfig=d;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as e,jsxs as r}from"react/jsx-runtime";import o,{useRef as a,useState as i,useEffect as l,useCallback as n}from"react";import t from"clsx";import{useAppearanceConfig as c,useDevicePropsGenerator as s,useStyles as m}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as d}from"@itcase/ui-core/utils";import{L as f,I as y,T as p}from"./primitives_es_C4dQ1kEP.js";import{L as u}from"./Loader_es_DLwXAfhK.js";import"axios";import"@itcase/common";const I="holding",P="idle";const T={sizeXXL:{size:"xxl",labelTextSize:"xl",iconAfterAppearanceSize:"size24_24",iconBeforeAppearanceSize:"size24_24",loaderAppearanceSize:"sizeL"},sizeXL:{size:"xl",labelTextSize:"l",iconAfterAppearanceSize:"size24_24",iconBeforeAppearanceSize:"size24_24",loaderAppearanceSize:"sizeL"},sizeL:{size:"l",labelTextSize:"l",iconAfterAppearanceSize:"size24_24",iconBeforeAppearanceSize:"size24_24",loaderAppearanceSize:"sizeM"},sizeM:{size:"m",labelTextSize:"m",iconAfterAppearanceSize:"size24_24",iconBeforeAppearanceSize:"size24_24",loaderAppearanceSize:"sizeM"},sizeS:{size:"s",labelTextSize:"s",iconAfterAppearanceSize:"size20_20",iconBeforeAppearanceSize:"size20_20",loaderAppearanceSize:"sizeS"},sizeXS:{size:"xs",labelTextSize:"xs",iconAfterAppearanceSize:"size16_16",iconBeforeAppearanceSize:"size16_16",loaderAppearanceSize:"sizeS"},sizeXXS:{size:"xxs",labelTextSize:"xs",iconAfterAppearanceSize:"size14_14",iconBeforeAppearanceSize:"size14_14",loaderAppearanceSize:"sizeS"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},geometric:{shape:"geometric"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},accentMutedPrimary:{fill:"accentTertiary",fillHover:"accentHoverTertiary",labelTextColor:"accentTextQuaternary",labelTextColorHover:"accentTextQuaternary",borderColor:"accentBorderSecondary",iconAfterFillIcon:"accentItemQuaternary",iconBeforeFillIcon:"accentItemQuaternary",iconFillIcon:"accentItemQuaternary",loaderAppearance:"accentTertiary solid"},accentPrimary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextPrimary",labelTextColorHover:"accentTextPrimary",borderColor:"accentBorderPrimary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary",iconFillIcon:"accentItemPrimary",loaderAppearance:"accentPrimary solid"},accentSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextSecondary",labelTextColorHover:"accentTextSecondary",borderColor:"accentBorderPrimary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary",iconFillIcon:"accentItemPrimary",loaderAppearance:"accentPrimary solid"},dangerMutedPrimary:{fill:"dangerTertiary",fillHover:"dangerHoverPrimary",labelTextColor:"dangerTextQuaternary",labelTextColorHover:"dangerTextQuaternary",borderColor:"dangerBorderSecondary",iconAfterFillIcon:"dangerItemQuaternary",iconBeforeFillIcon:"dangerItemQuaternary",iconFillIcon:"dangerItemQuaternary",loaderAppearance:"dangerTertiary solid"},dangerPrimary:{fill:"dangerPrimary",fillHover:"dangerHoverPrimary",labelTextColor:"dangerTextPrimary",labelTextColorHover:"dangerTextPrimary",iconAfterFillIcon:"dangerItemPrimary",iconBeforeFillIcon:"dangerItemPrimary",iconFillIcon:"dangerItemPrimary",loaderAppearance:"dangerPrimary solid"},errorMutedPrimary:{fill:"errorTertiary",fillHover:"errorHoverPrimary",labelTextColor:"errorTextQuaternary",labelTextColorHover:"errorTextQuaternary",borderColor:"errorBorderSecondary",iconAfterFillIcon:"errorItemQuaternary",iconBeforeFillIcon:"errorItemQuaternary",iconFillIcon:"errorItemQuaternary",loaderAppearance:"errorTertiary solid"},errorPrimary:{fill:"errorPrimary",fillHover:"errorHoverPrimary",labelTextColor:"errorTextPrimary",labelTextColorHover:"errorTextPrimary",iconAfterFillIcon:"errorItemPrimary",iconBeforeFillIcon:"errorItemPrimary",iconFillIcon:"errorItemPrimary",loaderAppearance:"errorPrimary solid"},infoMutedPrimary:{fill:"infoTertiary",fillHover:"infoHoverTertiary",labelTextColor:"infoTextSecondary",labelTextColorHover:"infoTextSecondary",borderColor:"infoBorderSecondary",iconAfterFillIcon:"infoItemSecondary",iconBeforeFillIcon:"infoItemSecondary",iconFillIcon:"infoItemSecondary",loaderAppearance:"infoTertiary solid"},infoPrimary:{fill:"infoPrimary",fillHover:"infoHoverPrimary",labelTextColor:"infoTextPrimary",labelTextColorHover:"infoTextPrimary",borderColor:"infoBorderPrimary",iconAfterFillIcon:"infoItemPrimary",iconBeforeFillIcon:"infoItemPrimary",iconFillIcon:"infoItemPrimary",loaderAppearance:"infoPrimary solid"},infoSecondary:{fill:"infoPrimary",fillHover:"infoHoverPrimary",labelTextColor:"infoTextSecondary",labelTextColorHover:"infoTextSecondary",borderColor:"infoBorderPrimary",iconAfterFillIcon:"infoItemPrimary",iconBeforeFillIcon:"infoItemPrimary",iconFillIcon:"infoItemPrimary",loaderAppearance:"infoPrimary solid"},specialMutedPrimary:{fill:"specialTertiary",fillHover:"specialHoverPrimary",labelTextColor:"specialTextSecondary",borderColor:"specialBorderTertiary",iconAfterFillIcon:"specialItemSecondary",iconBeforeFillIcon:"specialItemSecondary",iconFillIcon:"specialItemSecondary",loaderAppearance:"specialTertiary solid"},specialPrimary:{fill:"specialPrimary",fillHover:"specialHoverPrimary",labelTextColor:"specialTextPrimary",iconAfterFillIcon:"specialItemPrimary",iconBeforeFillIcon:"specialItemPrimary",iconFillIcon:"specialItemPrimary",loaderAppearance:"specialPrimary solid"},extraMutedPrimary:{fill:"extraTertiary",fillHover:"extraHoverPrimary",labelTextColor:"extraTextQuaternary",borderColor:"extraBorderSecondary",iconAfterFillIcon:"extraItemQuaternary",iconBeforeFillIcon:"extraItemQuaternary",iconFillIcon:"extraItemQuaternary",loaderAppearance:"extraPrimary solid"},extraPrimary:{fill:"extraPrimary",fillHover:"extraHoverPrimary",labelTextColor:"extraTextPrimary",iconAfterFillIcon:"extraItemPrimary",iconBeforeFillIcon:"extraItemPrimary",iconFillIcon:"extraItemPrimary",loaderAppearance:"extraPrimary solid"},successMutedPrimary:{fill:"successTertiary",fillHover:"successHoverPrimary",labelTextColor:"successTextQuaternary",labelTextColorHover:"successTextQuaternary",borderColor:"successBorderQuaternary",iconAfterFillIcon:"successItemQuaternary",iconBeforeFillIcon:"successItemQuaternary",iconFillIcon:"successItemQuaternary",loaderAppearance:"successTertiary solid"},successPrimary:{fill:"successPrimary",fillHover:"successHoverPrimary",labelTextColor:"successTextPrimary",labelTextColorHover:"successTextPrimary",iconAfterFillIcon:"successItemPrimary",iconBeforeFillIcon:"successItemPrimary",iconFillIcon:"successItemPrimary",loaderAppearance:"successPrimary solid"},surfaceMutedPrimary:{fill:"surfaceTertiary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextQuaternary",borderColor:"surfaceBorderQuaternary",iconAfterFillIcon:"surfaceItemQuaternary",iconBeforeFillIcon:"surfaceItemQuaternary",iconFillIcon:"surfaceItemQuaternary",loaderAppearance:"surfaceTertiary solid"},surfacePrimary:{fill:"surfacePrimary",fillHover:"surfaceSecondary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfacePrimary solid"},surfaceQuaternary:{fill:"surfaceQuaternary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfaceQuaternary solid"},surfaceSecondary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfaceSecondary solid"},surfaceTertiary:{fill:"surfaceTertiary",fillHover:"surfaceSecondary",labelTextColor:"surfaceTextPrimary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfaceTertiary solid"},warningMutedPrimary:{fill:"warningTertiary",fillHover:"warningHoverPrimary",labelTextColor:"warningTextSecondary",labelTextColorHover:"warningTextPrimary",borderColor:"warningBorderPrimary",iconAfterFillIcon:"warningItemSecondary",iconBeforeFillIcon:"warningItemSecondary",iconFillIcon:"warningItemSecondary",loaderAppearance:"warningTertiary solid"},warningPrimary:{fill:"warningPrimary",fillHover:"warningHoverPrimary",labelTextColor:"warningTextPrimary",labelTextColorHover:"warningTextPrimary",iconAfterFillIcon:"warningItemPrimary",iconBeforeFillIcon:"warningItemPrimary",iconFillIcon:"warningItemPrimary",loaderAppearance:"warningPrimary solid"}},x={appearance:T,setAppearance:e=>{x.appearance=e}},b=o.forwardRef(function(o,T){const{appearance:b="accentPrimary sizeXXL solid rounded",className:S,dataTestId:A,dataTour:z,label:F,Badge:C,href:v,htmlType:_="button",link:H,rel:g,target:B,tooltip:h,before:Q,after:w,isDisabled:M,isHolding:L,isLoading:$=!1,onClick:N,onHoldComplete:X,onMouseDown:k,children:W}=o,D=c(b,x,M),j=s(o,D),{fillClass:q,fillHoverClass:E,labelTextColor:G,labelTextColorHover:R,labelTextSize:U,labelTextTruncate:J,labelTextWeight:K,labelTextWidth:O,labelTextWrap:V,borderColorClass:Y,borderTypeClass:Z,borderWidthClass:ee,elevationClass:re,icon:oe,iconAfter:ae,iconAfterAppearance:ie,iconAfterAppearanceSize:le,iconAfterFill:ne,iconAfterFillIcon:te,iconAfterFillSize:ce,iconAfterShape:se,iconAfterSize:me,iconAfterSrc:de,iconAppearance:fe,iconAppearanceSize:ye,iconBefore:pe,iconBeforeAppearance:ue,iconBeforeAppearanceSize:Ie,iconBeforeFill:Pe,iconBeforeFillIcon:Te,iconBeforeFillSize:xe,iconBeforeShape:be,iconBeforeSize:Se,iconBeforeSrc:Ae,iconFill:ze,iconFillIcon:Fe,iconFillSize:Ce,iconShape:ve,iconSize:_e,iconSrc:He,loaderAppearance:ge,loaderAppearanceSize:Be,loaderFill:he,loaderItemFill:Qe,loaderSize:we,loaderType:Me="dot",shapeClass:Le,sizeClass:$e,widthClass:Ne,zeroGap:Xe,zeroPadding:ke,isSkeleton:We}=j,{label:De,styles:je}=m(o),{holdState:qe,onHoldEnd:Ee,onHoldStart:Ge}=function(e){const{holdDurationMs:r=500,isHolding:o,onHoldComplete:t}=e,c=a(null),s=a(!1),[m,d]=i(P),f=a(0);l(()=>(c.current=requestAnimationFrame(function e(){if(m===I&&1===f.current&&!s.current&&t&&(s.current=!0,t()),m===I&&f.current<1){const o=Math.min(f.current+16/r,1);f.current=o,c.current=requestAnimationFrame(e)}if(m===P&&f.current>0){const o=Math.max(f.current-16/r,0);f.current=o,c.current=requestAnimationFrame(e)}}),()=>{c.current&&cancelAnimationFrame(c.current)}),[m,r,t]);const y=n(e=>{o&&("touch"!==e.pointerType&&0!==e.button||(s.current=!1,d(I)))},[o]),p=n(()=>{s.current=!1,d(P)},[]);return{holdState:m,onHoldEnd:p,onHoldStart:y}}({holdDurationMs:500,isHolding:L,onHoldComplete:X}),Re=w||Q||oe||ae||de||pe||Ae||He;return e(f,{className:t(S,"button",F&&Re?"button_type_default":F?"button_type_label":Re?"button_type_icon":"",ee&&`border-width_${ee}`,Y&&`border-color_${Y}`,Z&&`border_type_${Z}`,q&&`fill_${q}`,E&&!M&&`fill_hover_${E}`,Le&&`shape_${Le}`,$e&&`button_size_${$e}`,Ne&&`button_width_${Ne}`,re&&`elevation_${re}`,N&&"cursor_type_pointer",M&&"button_state_disabled cursor_type_default",C&&"button_type_badge",ke&&"button_reset-padding",Xe&&"button_reset-gap",$&&"button_state_loading",We&&"skeleton",L&&"button_holding",qe&&L&&`button_state_${qe}`),type:_,title:h,"data-testid":A?A.endsWith("Button")?A:`${A}Button`:void 0,"data-tour":z,disabled:M,href:H??v,LinkComponent:H??v?"a":"button",rel:g,style:je,target:B,onClick:N,onMouseDown:k,onPointerCancel:Ee,onPointerDown:Ge,onPointerLeave:Ee,onPointerUp:Ee,children:r("div",{className:"button__wrapper",ref:T,children:[L&&e("div",{className:t("button__indication",`button__indication_${qe}`),children:e("div",{className:"button__indication-item",children:" "})}),$&&e(u,{appearance:d(ge,Be),className:t(S,"button__loader"),type:Me,size:we,fill:he,itemFill:Qe}),Q,(pe||Ae)&&e(y,{appearance:d(ue,Ie),className:"button__icon_before",fill:Pe,fillSize:xe,iconFill:Te,iconSize:Se,imageSrc:Ae,shape:be,SvgImage:pe||void 0}),(oe||He)&&e(y,{appearance:d(fe,ye),className:"button__icon",fill:ze,fillSize:Ce,iconFill:Fe,iconSize:_e,imageSrc:He,shape:ve,SvgImage:oe||void 0}),(W||F)&&e(p,{className:"button__label",width:O,size:U,textColor:G,textColorHover:R,textTruncate:J,textWeight:K,textWrap:V,style:De,children:W||F}),(ae||de)&&e(y,{appearance:d(ie,le),className:"button__icon_after",fill:ne,fillSize:ce,iconFill:te,iconSize:me,imageSrc:de,shape:se,SvgImage:ae||void 0}),C,w]})})});export{b as B,x as a,T as b};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("clsx"),i=require("@itcase/ui-core/hooks"),o=require("./primitives_cjs_Dw4SMbjT.js");const a={sizeXXL:{size:"xxl",labelTextSize:"xl",iconAfterSize:"24",iconBeforeSize:"24"},sizeXL:{size:"xl",labelTextSize:"m",iconAfterSize:"20",iconBeforeSize:"20"},sizeL:{size:"l",labelTextSize:"m",iconAfterSize:"16",iconBeforeSize:"16"},sizeM:{size:"m",labelTextSize:"s",iconAfterSize:"16",iconBeforeSize:"16"},sizeS:{size:"s",labelTextSize:"s",iconAfterSize:"16",iconBeforeSize:"16"},sizeXS:{size:"xs",labelTextSize:"xs",iconAfterSize:"14",iconBeforeSize:"14"},sizeXXS:{size:"xxs",labelTextSize:"xxs",iconAfterSize:"14",iconBeforeSize:"14"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},accentMutedPrimary:{fill:"accentTertiary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextSecondary",borderColor:"accentBorderSecondary",iconAfterFillIcon:"accentItemQuaternary",iconBeforeFillIcon:"accentItemQuaternary"},accentPrimary:{fill:"accentPrimary",fillActive:"accentPrimary",fillActiveHover:"accentActiveHoverPrimary",fillHover:"accentHoverPrimary",labelTextActiveColor:"accentTextPrimary",labelTextColor:"accentTextPrimary",borderColor:"accentBorderPrimary",iconAfterFillActiveIcon:"accentItemPrimary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillActiveIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary"},dangerMutedPrimary:{fill:"dangerTertiary",labelTextColor:"dangerTextQuaternary",borderColor:"dangerBorderQuaternary",iconAfterFillIcon:"dangerItemQuaternary",iconBeforeFillIcon:"dangerItemQuaternary"},dangerPrimary:{fill:"dangerPrimary",labelTextColor:"dangerTextPrimary",borderColor:"dangerBorderSecondary",iconAfterFillIcon:"dangerItemPrimary",iconBeforeFillIcon:"dangerItemPrimary"},errorMutedPrimary:{fill:"errorTertiary",labelTextColor:"errorTextQuaternary",borderColor:"errorBorderQuaternary",iconAfterFillIcon:"errorItemQuaternary",iconBeforeFillIcon:"errorItemQuaternary"},errorPrimary:{fill:"errorPrimary",labelTextColor:"errorTextPrimary",borderColor:"errorBorderSecondary",iconAfterFillIcon:"errorItemPrimary",iconBeforeFillIcon:"errorItemPrimary"},infoMutedPrimary:{fill:"infoTertiary",labelTextColor:"infoTextSecondary",borderColor:"infoBorderSecondary",iconAfterFillIcon:"infoItemPrimary",iconBeforeFillIcon:"infoItemPrimary"},infoPrimary:{fill:"infoPrimary",labelTextColor:"infoTextPrimary",borderColor:"infoBorderPrimary",iconAfterFillIcon:"infoItemPrimary",iconBeforeFillIcon:"infoItemPrimary"},disabledPrimary:{fill:"surfaceSecondary",fillHover:"surfaceHoverSecondary",labelTextActiveColor:"surfaceTextActiveQuaternary",labelTextActiveColorHover:"surfaceTextActiveHoverQuaternary",labelTextColor:"surfaceTextQuaternary",labelTextColorHover:"surfaceTextQuaternary",borderColor:"disabledBorderPrimary",iconAfterFillIcon:"disabledItemPrimary",iconBeforeFillIcon:"disabledItemPrimary"},specialMutedPrimary:{fill:"specialTertiary",labelTextColor:"specialTextSecondary",borderColor:"specialBorderSecondary",iconAfterFillIcon:"specialItemSecondary",iconBeforeFillIcon:"specialItemSecondary"},specialPrimary:{fill:"specialPrimary",labelTextColor:"specialTextPrimary",borderColor:"specialBorderSecondary",iconAfterFillIcon:"specialItemPrimary",iconBeforeFillIcon:"specialItemPrimary"},extraMutedPrimary:{fill:"extraTertiary",labelTextColor:"extraTextQuaternary",borderColor:"extraBorderSecondary",iconAfterFillIcon:"extraItemQuaternary",iconBeforeFillIcon:"extraItemQuaternary"},extraPrimary:{fill:"extraPrimary",labelTextColor:"extraTextPrimary",borderColor:"extraBorderSecondary",iconAfterFillIcon:"extraItemPrimary",iconBeforeFillIcon:"extraItemPrimary"},successMutedPrimary:{fill:"successTertiary",labelTextColor:"successTextQuaternary",borderColor:"successBorderQuaternary",iconAfterFillIcon:"successItemQuaternary",iconBeforeFillIcon:"successItemQuaternary"},successPrimary:{fill:"successPrimary",labelTextColor:"successTextPrimary",borderColor:"successBorderSecondary",iconAfterFillIcon:"successItemPrimary",iconBeforeFillIcon:"successItemPrimary"},surfaceMutedPrimary:{fill:"surfaceSecondary",labelTextColor:"surfaceTextQuaternary",borderColor:"surfaceBorderQuaternary",iconAfterFillIcon:"surfaceItemQuaternary",iconBeforeFillIcon:"surfaceItemQuaternary"},surfacePrimary:{fill:"surfacePrimary",fillActive:"accentPrimary",fillActiveHover:"accentSecondary",fillHover:"surfaceHoverTertiary",labelTextActiveColor:"accentTextPrimary",labelTextColor:"surfaceTextPrimary",labelTextColorHover:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",badgeAppearance:"surfacePrimary sizeXS solid rounded",iconAfterFillActiveIcon:"accentItemPrimary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillActiveIcon:"accentItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary"},surfaceSecondary:{fill:"surfaceSecondary",fillActive:"accentPrimary",fillActiveHover:"accentSecondary",fillHover:"surfaceHoverTertiary",labelTextActiveColor:"accentTextPrimary",labelTextColor:"surfaceTextPrimary",labelTextColorHover:"surfaceTextPrimary",borderColor:"surfaceBorderSecondary",iconAfterFillActiveIcon:"accentItemPrimary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillActiveIcon:"accentItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary"},surfaceTertiary:{fill:"surfaceTertiary",fillHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary"},warningMutedPrimary:{fill:"warningTertiary",labelTextColor:"warningTextSecondary",borderColor:"warningBorderSecondary",iconAfterFillIcon:"warningItemSecondary",iconBeforeFillIcon:"warningItemSecondary"},warningPrimary:{fill:"warningPrimary",labelTextColor:"warningTextPrimary",borderColor:"warningBorderSecondary",iconAfterFillIcon:"warningItemPrimary",iconBeforeFillIcon:"warningItemPrimary"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"}},l={appearance:a,setAppearance:e=>{l.appearance=e}};function c(a){const{appearance:c,className:t,dataTestId:n,dataTour:s,label:f="",isActive:d,isDisabled:y,isSkeleton:m,onClick:u,onClickIconAfter:x,onClickIconBefore:I,children:b}=a,C=i.useAppearanceConfig(c,l,y),T=i.useDevicePropsGenerator(a,C),{alignClass:
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("clsx"),i=require("@itcase/ui-core/hooks"),o=require("./primitives_cjs_Dw4SMbjT.js");const a={sizeXXL:{size:"xxl",labelTextSize:"xl",iconAfterSize:"24",iconBeforeSize:"24"},sizeXL:{size:"xl",labelTextSize:"m",iconAfterSize:"20",iconBeforeSize:"20"},sizeL:{size:"l",labelTextSize:"m",iconAfterSize:"16",iconBeforeSize:"16"},sizeM:{size:"m",labelTextSize:"s",iconAfterSize:"16",iconBeforeSize:"16"},sizeS:{size:"s",labelTextSize:"s",iconAfterSize:"16",iconBeforeSize:"16"},sizeXS:{size:"xs",labelTextSize:"xs",iconAfterSize:"14",iconBeforeSize:"14"},sizeXXS:{size:"xxs",labelTextSize:"xxs",iconAfterSize:"14",iconBeforeSize:"14"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},accentMutedPrimary:{fill:"accentTertiary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextSecondary",borderColor:"accentBorderSecondary",iconAfterFillIcon:"accentItemQuaternary",iconBeforeFillIcon:"accentItemQuaternary"},accentPrimary:{fill:"accentPrimary",fillActive:"accentPrimary",fillActiveHover:"accentActiveHoverPrimary",fillHover:"accentHoverPrimary",labelTextActiveColor:"accentTextPrimary",labelTextColor:"accentTextPrimary",borderColor:"accentBorderPrimary",iconAfterFillActiveIcon:"accentItemPrimary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillActiveIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary"},dangerMutedPrimary:{fill:"dangerTertiary",labelTextColor:"dangerTextQuaternary",borderColor:"dangerBorderQuaternary",iconAfterFillIcon:"dangerItemQuaternary",iconBeforeFillIcon:"dangerItemQuaternary"},dangerPrimary:{fill:"dangerPrimary",labelTextColor:"dangerTextPrimary",borderColor:"dangerBorderSecondary",iconAfterFillIcon:"dangerItemPrimary",iconBeforeFillIcon:"dangerItemPrimary"},errorMutedPrimary:{fill:"errorTertiary",labelTextColor:"errorTextQuaternary",borderColor:"errorBorderQuaternary",iconAfterFillIcon:"errorItemQuaternary",iconBeforeFillIcon:"errorItemQuaternary"},errorPrimary:{fill:"errorPrimary",labelTextColor:"errorTextPrimary",borderColor:"errorBorderSecondary",iconAfterFillIcon:"errorItemPrimary",iconBeforeFillIcon:"errorItemPrimary"},infoMutedPrimary:{fill:"infoTertiary",labelTextColor:"infoTextSecondary",borderColor:"infoBorderSecondary",iconAfterFillIcon:"infoItemPrimary",iconBeforeFillIcon:"infoItemPrimary"},infoPrimary:{fill:"infoPrimary",labelTextColor:"infoTextPrimary",borderColor:"infoBorderPrimary",iconAfterFillIcon:"infoItemPrimary",iconBeforeFillIcon:"infoItemPrimary"},disabledPrimary:{fill:"surfaceSecondary",fillHover:"surfaceHoverSecondary",labelTextActiveColor:"surfaceTextActiveQuaternary",labelTextActiveColorHover:"surfaceTextActiveHoverQuaternary",labelTextColor:"surfaceTextQuaternary",labelTextColorHover:"surfaceTextQuaternary",borderColor:"disabledBorderPrimary",iconAfterFillIcon:"disabledItemPrimary",iconBeforeFillIcon:"disabledItemPrimary"},specialMutedPrimary:{fill:"specialTertiary",labelTextColor:"specialTextSecondary",borderColor:"specialBorderSecondary",iconAfterFillIcon:"specialItemSecondary",iconBeforeFillIcon:"specialItemSecondary"},specialPrimary:{fill:"specialPrimary",labelTextColor:"specialTextPrimary",borderColor:"specialBorderSecondary",iconAfterFillIcon:"specialItemPrimary",iconBeforeFillIcon:"specialItemPrimary"},extraMutedPrimary:{fill:"extraTertiary",labelTextColor:"extraTextQuaternary",borderColor:"extraBorderSecondary",iconAfterFillIcon:"extraItemQuaternary",iconBeforeFillIcon:"extraItemQuaternary"},extraPrimary:{fill:"extraPrimary",labelTextColor:"extraTextPrimary",borderColor:"extraBorderSecondary",iconAfterFillIcon:"extraItemPrimary",iconBeforeFillIcon:"extraItemPrimary"},successMutedPrimary:{fill:"successTertiary",labelTextColor:"successTextQuaternary",borderColor:"successBorderQuaternary",iconAfterFillIcon:"successItemQuaternary",iconBeforeFillIcon:"successItemQuaternary"},successPrimary:{fill:"successPrimary",labelTextColor:"successTextPrimary",borderColor:"successBorderSecondary",iconAfterFillIcon:"successItemPrimary",iconBeforeFillIcon:"successItemPrimary"},surfaceMutedPrimary:{fill:"surfaceSecondary",labelTextColor:"surfaceTextQuaternary",borderColor:"surfaceBorderQuaternary",iconAfterFillIcon:"surfaceItemQuaternary",iconBeforeFillIcon:"surfaceItemQuaternary"},surfacePrimary:{fill:"surfacePrimary",fillActive:"accentPrimary",fillActiveHover:"accentSecondary",fillHover:"surfaceHoverTertiary",labelTextActiveColor:"accentTextPrimary",labelTextColor:"surfaceTextPrimary",labelTextColorHover:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",badgeAppearance:"surfacePrimary sizeXS solid rounded",iconAfterFillActiveIcon:"accentItemPrimary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillActiveIcon:"accentItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary"},surfaceSecondary:{fill:"surfaceSecondary",fillActive:"accentPrimary",fillActiveHover:"accentSecondary",fillHover:"surfaceHoverTertiary",labelTextActiveColor:"accentTextPrimary",labelTextColor:"surfaceTextPrimary",labelTextColorHover:"surfaceTextPrimary",borderColor:"surfaceBorderSecondary",iconAfterFillActiveIcon:"accentItemPrimary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillActiveIcon:"accentItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary"},surfaceTertiary:{fill:"surfaceTertiary",fillHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary"},warningMutedPrimary:{fill:"warningTertiary",labelTextColor:"warningTextSecondary",borderColor:"warningBorderSecondary",iconAfterFillIcon:"warningItemSecondary",iconBeforeFillIcon:"warningItemSecondary"},warningPrimary:{fill:"warningPrimary",labelTextColor:"warningTextPrimary",borderColor:"warningBorderSecondary",iconAfterFillIcon:"warningItemPrimary",iconBeforeFillIcon:"warningItemPrimary"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"}},l={appearance:a,setAppearance:e=>{l.appearance=e}};function c(a){const{appearance:c,className:t,dataTestId:n,dataTour:s,label:f="",isActive:d,isDisabled:y,isSkeleton:m,onClick:u,onClickIconAfter:x,onClickIconBefore:I,children:b}=a,C=i.useAppearanceConfig(c,l,y),T=i.useDevicePropsGenerator(a,C),{alignClass:p,alignDirectionClass:A,fillActiveClass:v,fillActiveHoverClass:P,fillClass:S,fillHoverClass:B,labelTextActiveColor:g,labelTextActiveColorHover:F,labelTextColor:_,labelTextColorHover:h,labelTextSize:z,labelTextWeight:H,labelTextWrap:Q,borderColorClass:$,borderTypeClass:w,badgeAppearance:j,badgeShape:M,badgeSize:N,badgeTextColor:k,badgeTextSize:X,badgeValue:L,cursorClass:D,iconAfter:W,iconAfterActive:q,iconAfterFill:G,iconAfterFillActiveIcon:O,iconAfterFillIcon:V,iconAfterFillSize:E,iconAfterShape:J,iconAfterSize:K,iconAfterSrc:R,iconBefore:U,iconBeforeActive:Y,iconBeforeFill:Z,iconBeforeFillActiveIcon:ee,iconBeforeFillIcon:re,iconBeforeFillSize:ie,iconBeforeShape:oe,iconBeforeSize:ae,iconBeforeSrc:le,shapeClass:ce,sizeClass:te}=T,{styles:ne}=i.useStyles(a);return e.jsx("div",{className:r(t,"chips",d?v&&`fill_active_${v}`:S&&`fill_${S}`,d?P&&`fill_active_hover_${P}`:B&&`fill_hover_${B}`,ce&&`shape_${ce}`,$&&`border-color_${$}`,w&&`border_type_${w}`,te&&`chips_size_${te}`,A&&`align_${A}`,p&&`align_${p}`,d&&"chips_state_active",y&&"chips_state_disabled",D&&`cursor_${D}`,u&&"cursor_type_pointer",m&&"skeleton"),"data-testid":n&&`${n}Chips`,"data-tour":s,style:ne,onClick:y?void 0:u,children:e.jsxs("div",{className:"chips__inner",children:[(U||le||Y&&d)&&e.jsx(o.Icon,{className:"chips__icon_before",size:ae,fill:Z,fillSize:ie,iconFill:re,iconFillActive:ee,imageSrc:le,shape:oe,SvgImage:Y&&d?Y:U,isActive:d,onClick:I}),"string"==typeof f?e.jsx(o.Text,{className:"chips__label",size:z,textColor:_,textColorActive:g,textColorActiveHover:F,textColorHover:h,textWeight:H,textWrap:Q,isActive:d,children:f}):e.jsx("div",{className:"chips__label",children:f}),b,(W||R||q&&d)&&e.jsx(o.Icon,{className:"chips__icon_after",size:K,fill:G,fillSize:E,iconFill:V,iconFillActive:O,imageSrc:R,shape:J,SvgImage:q&&d?q:W,isActive:d,onClick:x}),L&&e.jsx(o.Badge,{appearance:j,className:"chips__badge",size:N,textColor:k,textSize:X,shape:M,value:L})]})})}exports.Chips=c,exports.ChipsGroup=function(o){const{className:a,dataTestId:l,dataTour:t,chipsList:n,horizontalScroll:s,style:f,before:d,after:y,onClick:m,children:u}=o,x=i.useDevicePropsGenerator(o),{directionClass:I,alignClass:b,alignDirectionClass:C,fillClass:T,borderColorClass:p,borderTypeClass:A,borderWidthClass:v,chipsAppearance:P,widthClass:S,wrapClass:B}=x,{styles:g}=i.useStyles(o);return e.jsxs("div",{className:r(a,"chips-group","group",S&&`width_${S}`,C&&`align_${C}`,I&&`group_direction_${I}`,b&&`align_${b}`,T&&`fill_${T}`,s&&"group_scroll_horizontal",B&&`group_wrap_${B}`,p&&`border-color_${p}`,v&&`border-width_${v}`,A&&`border_type_${A}`),"data-testid":l,"data-tour":t,style:Object.assign({},g,f),children:[d&&e.jsx("div",{className:"chips-group__before",children:d}),u||n?.map(r=>e.jsx(c,{appearance:P,label:r.label,iconAfter:r.iconAfter,iconAfterActive:r.iconAfterActive,iconBefore:r.iconBefore,iconBeforeActive:r.iconBeforeActive,isActive:r.isActive,isDisabled:r.isDisabled,onClick:e=>m?.(r,e)},r.value)),y&&e.jsx("div",{className:"chips-group__after",children:y})]})},exports.chipsAppearance=a,exports.chipsConfig=l;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as r}from"react/jsx-runtime";import i from"clsx";import{useAppearanceConfig as o,useDevicePropsGenerator as a,useStyles as l}from"@itcase/ui-core/hooks";import{I as c,T as t,B as n}from"./primitives_es_C4dQ1kEP.js";const s={sizeXXL:{size:"xxl",labelTextSize:"xl",iconAfterSize:"24",iconBeforeSize:"24"},sizeXL:{size:"xl",labelTextSize:"m",iconAfterSize:"20",iconBeforeSize:"20"},sizeL:{size:"l",labelTextSize:"m",iconAfterSize:"16",iconBeforeSize:"16"},sizeM:{size:"m",labelTextSize:"s",iconAfterSize:"16",iconBeforeSize:"16"},sizeS:{size:"s",labelTextSize:"s",iconAfterSize:"16",iconBeforeSize:"16"},sizeXS:{size:"xs",labelTextSize:"xs",iconAfterSize:"14",iconBeforeSize:"14"},sizeXXS:{size:"xxs",labelTextSize:"xxs",iconAfterSize:"14",iconBeforeSize:"14"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},accentMutedPrimary:{fill:"accentTertiary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextSecondary",borderColor:"accentBorderSecondary",iconAfterFillIcon:"accentItemQuaternary",iconBeforeFillIcon:"accentItemQuaternary"},accentPrimary:{fill:"accentPrimary",fillActive:"accentPrimary",fillActiveHover:"accentActiveHoverPrimary",fillHover:"accentHoverPrimary",labelTextActiveColor:"accentTextPrimary",labelTextColor:"accentTextPrimary",borderColor:"accentBorderPrimary",iconAfterFillActiveIcon:"accentItemPrimary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillActiveIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary"},dangerMutedPrimary:{fill:"dangerTertiary",labelTextColor:"dangerTextQuaternary",borderColor:"dangerBorderQuaternary",iconAfterFillIcon:"dangerItemQuaternary",iconBeforeFillIcon:"dangerItemQuaternary"},dangerPrimary:{fill:"dangerPrimary",labelTextColor:"dangerTextPrimary",borderColor:"dangerBorderSecondary",iconAfterFillIcon:"dangerItemPrimary",iconBeforeFillIcon:"dangerItemPrimary"},errorMutedPrimary:{fill:"errorTertiary",labelTextColor:"errorTextQuaternary",borderColor:"errorBorderQuaternary",iconAfterFillIcon:"errorItemQuaternary",iconBeforeFillIcon:"errorItemQuaternary"},errorPrimary:{fill:"errorPrimary",labelTextColor:"errorTextPrimary",borderColor:"errorBorderSecondary",iconAfterFillIcon:"errorItemPrimary",iconBeforeFillIcon:"errorItemPrimary"},infoMutedPrimary:{fill:"infoTertiary",labelTextColor:"infoTextSecondary",borderColor:"infoBorderSecondary",iconAfterFillIcon:"infoItemPrimary",iconBeforeFillIcon:"infoItemPrimary"},infoPrimary:{fill:"infoPrimary",labelTextColor:"infoTextPrimary",borderColor:"infoBorderPrimary",iconAfterFillIcon:"infoItemPrimary",iconBeforeFillIcon:"infoItemPrimary"},disabledPrimary:{fill:"surfaceSecondary",fillHover:"surfaceHoverSecondary",labelTextActiveColor:"surfaceTextActiveQuaternary",labelTextActiveColorHover:"surfaceTextActiveHoverQuaternary",labelTextColor:"surfaceTextQuaternary",labelTextColorHover:"surfaceTextQuaternary",borderColor:"disabledBorderPrimary",iconAfterFillIcon:"disabledItemPrimary",iconBeforeFillIcon:"disabledItemPrimary"},specialMutedPrimary:{fill:"specialTertiary",labelTextColor:"specialTextSecondary",borderColor:"specialBorderSecondary",iconAfterFillIcon:"specialItemSecondary",iconBeforeFillIcon:"specialItemSecondary"},specialPrimary:{fill:"specialPrimary",labelTextColor:"specialTextPrimary",borderColor:"specialBorderSecondary",iconAfterFillIcon:"specialItemPrimary",iconBeforeFillIcon:"specialItemPrimary"},extraMutedPrimary:{fill:"extraTertiary",labelTextColor:"extraTextQuaternary",borderColor:"extraBorderSecondary",iconAfterFillIcon:"extraItemQuaternary",iconBeforeFillIcon:"extraItemQuaternary"},extraPrimary:{fill:"extraPrimary",labelTextColor:"extraTextPrimary",borderColor:"extraBorderSecondary",iconAfterFillIcon:"extraItemPrimary",iconBeforeFillIcon:"extraItemPrimary"},successMutedPrimary:{fill:"successTertiary",labelTextColor:"successTextQuaternary",borderColor:"successBorderQuaternary",iconAfterFillIcon:"successItemQuaternary",iconBeforeFillIcon:"successItemQuaternary"},successPrimary:{fill:"successPrimary",labelTextColor:"successTextPrimary",borderColor:"successBorderSecondary",iconAfterFillIcon:"successItemPrimary",iconBeforeFillIcon:"successItemPrimary"},surfaceMutedPrimary:{fill:"surfaceSecondary",labelTextColor:"surfaceTextQuaternary",borderColor:"surfaceBorderQuaternary",iconAfterFillIcon:"surfaceItemQuaternary",iconBeforeFillIcon:"surfaceItemQuaternary"},surfacePrimary:{fill:"surfacePrimary",fillActive:"accentPrimary",fillActiveHover:"accentSecondary",fillHover:"surfaceHoverTertiary",labelTextActiveColor:"accentTextPrimary",labelTextColor:"surfaceTextPrimary",labelTextColorHover:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",badgeAppearance:"surfacePrimary sizeXS solid rounded",iconAfterFillActiveIcon:"accentItemPrimary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillActiveIcon:"accentItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary"},surfaceSecondary:{fill:"surfaceSecondary",fillActive:"accentPrimary",fillActiveHover:"accentSecondary",fillHover:"surfaceHoverTertiary",labelTextActiveColor:"accentTextPrimary",labelTextColor:"surfaceTextPrimary",labelTextColorHover:"surfaceTextPrimary",borderColor:"surfaceBorderSecondary",iconAfterFillActiveIcon:"accentItemPrimary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillActiveIcon:"accentItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary"},surfaceTertiary:{fill:"surfaceTertiary",fillHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary"},warningMutedPrimary:{fill:"warningTertiary",labelTextColor:"warningTextSecondary",borderColor:"warningBorderSecondary",iconAfterFillIcon:"warningItemSecondary",iconBeforeFillIcon:"warningItemSecondary"},warningPrimary:{fill:"warningPrimary",labelTextColor:"warningTextPrimary",borderColor:"warningBorderSecondary",iconAfterFillIcon:"warningItemPrimary",iconBeforeFillIcon:"warningItemPrimary"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"}},f={appearance:s,setAppearance:e=>{f.appearance=e}};function d(s){const{appearance:d,className:y,dataTestId:m,dataTour:u,label:x="",isActive:I,isDisabled:b,isSkeleton:T,onClick:C,onClickIconAfter:A,onClickIconBefore:v,children:
|
|
1
|
+
import{jsx as e,jsxs as r}from"react/jsx-runtime";import i from"clsx";import{useAppearanceConfig as o,useDevicePropsGenerator as a,useStyles as l}from"@itcase/ui-core/hooks";import{I as c,T as t,B as n}from"./primitives_es_C4dQ1kEP.js";const s={sizeXXL:{size:"xxl",labelTextSize:"xl",iconAfterSize:"24",iconBeforeSize:"24"},sizeXL:{size:"xl",labelTextSize:"m",iconAfterSize:"20",iconBeforeSize:"20"},sizeL:{size:"l",labelTextSize:"m",iconAfterSize:"16",iconBeforeSize:"16"},sizeM:{size:"m",labelTextSize:"s",iconAfterSize:"16",iconBeforeSize:"16"},sizeS:{size:"s",labelTextSize:"s",iconAfterSize:"16",iconBeforeSize:"16"},sizeXS:{size:"xs",labelTextSize:"xs",iconAfterSize:"14",iconBeforeSize:"14"},sizeXXS:{size:"xxs",labelTextSize:"xxs",iconAfterSize:"14",iconBeforeSize:"14"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},accentMutedPrimary:{fill:"accentTertiary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextSecondary",borderColor:"accentBorderSecondary",iconAfterFillIcon:"accentItemQuaternary",iconBeforeFillIcon:"accentItemQuaternary"},accentPrimary:{fill:"accentPrimary",fillActive:"accentPrimary",fillActiveHover:"accentActiveHoverPrimary",fillHover:"accentHoverPrimary",labelTextActiveColor:"accentTextPrimary",labelTextColor:"accentTextPrimary",borderColor:"accentBorderPrimary",iconAfterFillActiveIcon:"accentItemPrimary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillActiveIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary"},dangerMutedPrimary:{fill:"dangerTertiary",labelTextColor:"dangerTextQuaternary",borderColor:"dangerBorderQuaternary",iconAfterFillIcon:"dangerItemQuaternary",iconBeforeFillIcon:"dangerItemQuaternary"},dangerPrimary:{fill:"dangerPrimary",labelTextColor:"dangerTextPrimary",borderColor:"dangerBorderSecondary",iconAfterFillIcon:"dangerItemPrimary",iconBeforeFillIcon:"dangerItemPrimary"},errorMutedPrimary:{fill:"errorTertiary",labelTextColor:"errorTextQuaternary",borderColor:"errorBorderQuaternary",iconAfterFillIcon:"errorItemQuaternary",iconBeforeFillIcon:"errorItemQuaternary"},errorPrimary:{fill:"errorPrimary",labelTextColor:"errorTextPrimary",borderColor:"errorBorderSecondary",iconAfterFillIcon:"errorItemPrimary",iconBeforeFillIcon:"errorItemPrimary"},infoMutedPrimary:{fill:"infoTertiary",labelTextColor:"infoTextSecondary",borderColor:"infoBorderSecondary",iconAfterFillIcon:"infoItemPrimary",iconBeforeFillIcon:"infoItemPrimary"},infoPrimary:{fill:"infoPrimary",labelTextColor:"infoTextPrimary",borderColor:"infoBorderPrimary",iconAfterFillIcon:"infoItemPrimary",iconBeforeFillIcon:"infoItemPrimary"},disabledPrimary:{fill:"surfaceSecondary",fillHover:"surfaceHoverSecondary",labelTextActiveColor:"surfaceTextActiveQuaternary",labelTextActiveColorHover:"surfaceTextActiveHoverQuaternary",labelTextColor:"surfaceTextQuaternary",labelTextColorHover:"surfaceTextQuaternary",borderColor:"disabledBorderPrimary",iconAfterFillIcon:"disabledItemPrimary",iconBeforeFillIcon:"disabledItemPrimary"},specialMutedPrimary:{fill:"specialTertiary",labelTextColor:"specialTextSecondary",borderColor:"specialBorderSecondary",iconAfterFillIcon:"specialItemSecondary",iconBeforeFillIcon:"specialItemSecondary"},specialPrimary:{fill:"specialPrimary",labelTextColor:"specialTextPrimary",borderColor:"specialBorderSecondary",iconAfterFillIcon:"specialItemPrimary",iconBeforeFillIcon:"specialItemPrimary"},extraMutedPrimary:{fill:"extraTertiary",labelTextColor:"extraTextQuaternary",borderColor:"extraBorderSecondary",iconAfterFillIcon:"extraItemQuaternary",iconBeforeFillIcon:"extraItemQuaternary"},extraPrimary:{fill:"extraPrimary",labelTextColor:"extraTextPrimary",borderColor:"extraBorderSecondary",iconAfterFillIcon:"extraItemPrimary",iconBeforeFillIcon:"extraItemPrimary"},successMutedPrimary:{fill:"successTertiary",labelTextColor:"successTextQuaternary",borderColor:"successBorderQuaternary",iconAfterFillIcon:"successItemQuaternary",iconBeforeFillIcon:"successItemQuaternary"},successPrimary:{fill:"successPrimary",labelTextColor:"successTextPrimary",borderColor:"successBorderSecondary",iconAfterFillIcon:"successItemPrimary",iconBeforeFillIcon:"successItemPrimary"},surfaceMutedPrimary:{fill:"surfaceSecondary",labelTextColor:"surfaceTextQuaternary",borderColor:"surfaceBorderQuaternary",iconAfterFillIcon:"surfaceItemQuaternary",iconBeforeFillIcon:"surfaceItemQuaternary"},surfacePrimary:{fill:"surfacePrimary",fillActive:"accentPrimary",fillActiveHover:"accentSecondary",fillHover:"surfaceHoverTertiary",labelTextActiveColor:"accentTextPrimary",labelTextColor:"surfaceTextPrimary",labelTextColorHover:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",badgeAppearance:"surfacePrimary sizeXS solid rounded",iconAfterFillActiveIcon:"accentItemPrimary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillActiveIcon:"accentItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary"},surfaceSecondary:{fill:"surfaceSecondary",fillActive:"accentPrimary",fillActiveHover:"accentSecondary",fillHover:"surfaceHoverTertiary",labelTextActiveColor:"accentTextPrimary",labelTextColor:"surfaceTextPrimary",labelTextColorHover:"surfaceTextPrimary",borderColor:"surfaceBorderSecondary",iconAfterFillActiveIcon:"accentItemPrimary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillActiveIcon:"accentItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary"},surfaceTertiary:{fill:"surfaceTertiary",fillHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary"},warningMutedPrimary:{fill:"warningTertiary",labelTextColor:"warningTextSecondary",borderColor:"warningBorderSecondary",iconAfterFillIcon:"warningItemSecondary",iconBeforeFillIcon:"warningItemSecondary"},warningPrimary:{fill:"warningPrimary",labelTextColor:"warningTextPrimary",borderColor:"warningBorderSecondary",iconAfterFillIcon:"warningItemPrimary",iconBeforeFillIcon:"warningItemPrimary"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"}},f={appearance:s,setAppearance:e=>{f.appearance=e}};function d(s){const{appearance:d,className:y,dataTestId:m,dataTour:u,label:x="",isActive:I,isDisabled:b,isSkeleton:T,onClick:C,onClickIconAfter:A,onClickIconBefore:v,children:p}=s,P=o(d,f,b),S=a(s,P),{alignClass:B,alignDirectionClass:g,fillActiveClass:F,fillActiveHoverClass:_,fillClass:z,fillHoverClass:h,labelTextActiveColor:H,labelTextActiveColorHover:Q,labelTextColor:$,labelTextColorHover:w,labelTextSize:M,labelTextWeight:N,labelTextWrap:k,borderColorClass:X,borderTypeClass:L,badgeAppearance:D,badgeShape:W,badgeSize:j,badgeTextColor:O,badgeTextSize:V,badgeValue:q,cursorClass:E,iconAfter:G,iconAfterActive:J,iconAfterFill:K,iconAfterFillActiveIcon:R,iconAfterFillIcon:U,iconAfterFillSize:Y,iconAfterShape:Z,iconAfterSize:ee,iconAfterSrc:re,iconBefore:ie,iconBeforeActive:oe,iconBeforeFill:ae,iconBeforeFillActiveIcon:le,iconBeforeFillIcon:ce,iconBeforeFillSize:te,iconBeforeShape:ne,iconBeforeSize:se,iconBeforeSrc:fe,shapeClass:de,sizeClass:ye}=S,{styles:me}=l(s);return e("div",{className:i(y,"chips",I?F&&`fill_active_${F}`:z&&`fill_${z}`,I?_&&`fill_active_hover_${_}`:h&&`fill_hover_${h}`,de&&`shape_${de}`,X&&`border-color_${X}`,L&&`border_type_${L}`,ye&&`chips_size_${ye}`,g&&`align_${g}`,B&&`align_${B}`,I&&"chips_state_active",b&&"chips_state_disabled",E&&`cursor_${E}`,C&&"cursor_type_pointer",T&&"skeleton"),"data-testid":m&&`${m}Chips`,"data-tour":u,style:me,onClick:b?void 0:C,children:r("div",{className:"chips__inner",children:[(ie||fe||oe&&I)&&e(c,{className:"chips__icon_before",size:se,fill:ae,fillSize:te,iconFill:ce,iconFillActive:le,imageSrc:fe,shape:ne,SvgImage:oe&&I?oe:ie,isActive:I,onClick:v}),"string"==typeof x?e(t,{className:"chips__label",size:M,textColor:$,textColorActive:H,textColorActiveHover:Q,textColorHover:w,textWeight:N,textWrap:k,isActive:I,children:x}):e("div",{className:"chips__label",children:x}),p,(G||re||J&&I)&&e(c,{className:"chips__icon_after",size:ee,fill:K,fillSize:Y,iconFill:U,iconFillActive:R,imageSrc:re,shape:Z,SvgImage:J&&I?J:G,isActive:I,onClick:A}),q&&e(n,{appearance:D,className:"chips__badge",size:j,textColor:O,textSize:V,shape:W,value:q})]})})}function y(o){const{className:c,dataTestId:t,dataTour:n,chipsList:s,horizontalScroll:f,style:y,before:m,after:u,onClick:x,children:I}=o,b=a(o),{directionClass:T,alignClass:C,alignDirectionClass:A,fillClass:v,borderColorClass:p,borderTypeClass:P,borderWidthClass:S,chipsAppearance:B,widthClass:g,wrapClass:F}=b,{styles:_}=l(o);return r("div",{className:i(c,"chips-group","group",g&&`width_${g}`,A&&`align_${A}`,T&&`group_direction_${T}`,C&&`align_${C}`,v&&`fill_${v}`,f&&"group_scroll_horizontal",F&&`group_wrap_${F}`,p&&`border-color_${p}`,S&&`border-width_${S}`,P&&`border_type_${P}`),"data-testid":t,"data-tour":n,style:Object.assign({},_,y),children:[m&&e("div",{className:"chips-group__before",children:m}),I||s?.map(r=>e(d,{appearance:B,label:r.label,iconAfter:r.iconAfter,iconAfterActive:r.iconAfterActive,iconBefore:r.iconBefore,iconBeforeActive:r.iconBeforeActive,isActive:r.isActive,isDisabled:r.isDisabled,onClick:e=>x?.(r,e)},r.value)),u&&e("div",{className:"chips-group__after",children:u})]})}export{d as C,y as a,f as b,s as c};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("react"),a=require("clsx"),r=require("date-fns/locale"),i=require("react-datepicker"),n=require("@itcase/ui-core/hooks"),o=require("./
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),a=require("clsx"),r=require("date-fns/locale"),i=require("react-datepicker"),n=require("@itcase/ui-core/hooks"),o=require("./Button_cjs_F8vKfD-9.js"),c=require("./primitives_cjs_Dw4SMbjT.js"),s=require("./Input_cjs_D9PxC_lJ.js"),l=require("./default_cjs_BMdcKzhJ.js");const p={surfacePrimary:{dayTextColor:"surfaceTextPrimary",dayTextShape:"rounded",iconFillHover:"surfaceSecondary",iconItemFill:"surfaceItemPrimary",iconShape:"circular",monthTextColor:"surfaceTextPrimary",monthTextWeight:"400",yearTextColor:"surfaceTextPrimary",yearTextWeight:"400"},...{sizeL:{size:"l",daySize:"xs",dayTextSize:"m",iconFillSize:"24",iconLeft:l.icons14.Arrow.ChevronLeft,iconRight:l.icons14.Arrow.ChevronRight},sizeM:{size:"m",daySize:"xxl",dayTextSize:"m",iconFillSize:"24",iconLeft:l.icons14.Arrow.ChevronLeft,iconRight:l.icons14.Arrow.ChevronRight,iconSize:"14",monthTextSize:"m",yearTextSize:"m"},sizeS:{size:"s",daySize:"xs",dayTextSize:"m",iconFillSize:"24",iconLeft:l.icons14.Arrow.ChevronLeft,iconRight:l.icons14.Arrow.ChevronRight}},solid:{inputProps:{borderColor:"none"}},outlined:{inputProps:{fill:"none"}},full:{},ghost:{inputProps:{fill:"none",borderColor:"none"}}},u=e=>{const t=e.getDay()||7,a=new Date(e);a.setDate(e.getDate()-(t-1));const r=new Date(a);return r.setDate(a.getDate()+6),{mondayDate:a,sundayDate:r}},d={appearance:p,setAppearance:e=>{d.appearance=e}};const m=t.forwardRef((r,i)=>{const{inputIcon:n,inputProps:o,value:c,isClearable:l}=r,p=t.useMemo(()=>{if(c){const e=c.split(" - ");return e[0]===e[1]?e[0]:c}return""},[c]);return e.jsxs(t.Fragment,{children:[e.jsx(s.Input,{...r,...o,className:a(o?.className,"datepicker__input"),ref:i,autocomplete:"off",value:p}),n&&e.jsx(x,{...o}),l&&e.jsx(h,{datepickerRef:r.datepickerRef,...o})]})});function h(r){const{clearButton:i,clearButtonAppearance:n,clearIcon:s,clearIconAppearance:l,clearIconSrc:p,datepickerRef:u}=r,d=t.useCallback(e=>{u?.current?.onClearClick(e),u?.current?.handleFocus(e)},[]);return e.jsx(t.Fragment,{children:i?e.jsx(o.Button,{appearance:n,className:a("react-datepicker__clear-button","cursor_type_pointer"),label:i,onClick:d}):(s||p)&&e.jsx(c.Icon,{appearance:l,className:a("react-datepicker__clear-icon","cursor_type_pointer"),imageSrc:p,SvgImage:s,onClick:d})})}function x(t){const{inputIcon:r,inputIconFill:i,inputIconFillHover:n,inputIconFillSize:o,inputIconItemFill:s,inputIconShape:l,inputIconSize:p,inputIconSrc:u,onClick:d}=t;return e.jsx(c.Icon,{className:a("react-datepicker__input-icon","cursor_type_pointer"),size:p,fill:i,fillHover:n,fillSize:o,iconFill:s,imageSrc:u,shape:l,SvgImage:r,onClick:()=>d&&d()})}exports.DatePickerInput=function(s){const{className:l,dataTestId:p,dataTour:h,datePickerProps:x={},endValue:f,inputProps:y={},value:k,onChange:C}=s,{appearance:S,customTimeInput:g,disablePastDays:_,monthsShown:z,selectsRange:I,showWeekNumbers:v,showWeekPicker:T}=x,j=n.useAppearanceConfig(S,d),D=n.useDevicePropsGenerator(x,j),{daySize:P,dayTextColor:b,dayTextShape:F,dayTextSize:w,iconFill:N,iconFillHover:R,iconFillSize:A,iconItemFill:q,iconLeft:L,iconRight:W,iconShape:H,monthTextColor:B,monthTextSize:M,monthTextWeight:$,popper:O,popperPlacement:U,sizeClass:G,widthClass:V,yearTextColor:E,yearTextSize:J,yearTextWeight:K,isClearable:Q}=D,X=t.useRef(null),[Y,Z]=t.useMemo(()=>{let e,t;return k&&(e="string"==typeof k?new Date(k):k),f&&(t="string"==typeof f?new Date(f):f),[e,t]},[k,f]),ee=t.useCallback(e=>{const t=Array.isArray(e)?e:[e],[a,r]=t;if(a&&T){const{mondayDate:e,sundayDate:t}=u(a);C?.(e,t)}else C?.(a,r)},[T,C]),te=t.useCallback(e=>{const{mondayDate:t,sundayDate:a}=u(e);C?.(t,a)},[C]),ae=t.useCallback((t,a)=>e.jsx(o.Button,{className:"react-datepicker__day-button",size:P,label:a.getDate().toString(),labelTextColor:b,labelTextSize:w,shape:F}),[P,b,F,w]),re=t.useCallback(({decreaseMonth:t,increaseMonth:a,monthDate:r})=>e.jsxs("div",{className:"react-datepicker__header--div",children:[L&&e.jsx(c.Icon,{className:"react-datepicker__icon",fill:N,fillHover:R,fillSize:A,iconFill:q,shape:H,SvgImage:L,onClick:t}),e.jsxs("div",{className:"react-datepicker__data",children:[e.jsx(c.Text,{className:"react-datepicker__month",size:M,textColor:B,textWeight:$,children:r.toLocaleString("ru-RU",{month:"long"})}),e.jsx(c.Text,{className:"react-datepicker__year",size:J,textColor:E,textWeight:K,children:r.toLocaleString("ru-RU",{year:"numeric"})})]}),W&&e.jsx(c.Icon,{className:"react-datepicker__icon",fill:N,fillHover:R,fillSize:A,iconFill:q,shape:H,SvgImage:W,onClick:a})]}),[N,R,A,q,L,W,H,B,M,$,E,J,K]),{styles:ie}=n.useStyles(s);return e.jsx("div",{className:a(l,"datepicker",null!=z&&z>1&&"datepicker_multiple-months",g&&"datepicker_button",G&&`datepicker_size_${G}`,V&&`datepicker_width_${V}`),"data-testid":p,"data-tour":h,style:ie,children:e.jsx(i,{ref:X,...x,monthsShown:z,minDate:_?new Date:void 0,customInput:e.jsx(m,{datepickerRef:X,inputProps:y,isClearable:Q}),endDate:I?Z:void 0,locale:r.ru,outsideClickIgnoreClass:"react-datepicker-popper",popperClassName:O&&`react-datepicker-popper-${O}`,popperPlacement:U,preventOpenOnFocus:!0,renderCustomHeader:re,renderDayContents:ae,selected:Y,startDate:Y,isClearable:!1,onChange:ee,onWeekSelect:v?te:void 0})})},exports.datePickerAppearance=p,exports.datePickerConfig=d;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t}from"react/jsx-runtime";import a,{useMemo as r,useCallback as i,useRef as o}from"react";import n from"clsx";import{ru as c}from"date-fns/locale";import l from"react-datepicker";import{useAppearanceConfig as s,useDevicePropsGenerator as p,useStyles as d}from"@itcase/ui-core/hooks";import{B as m}from"./
|
|
1
|
+
import{jsxs as e,jsx as t}from"react/jsx-runtime";import a,{useMemo as r,useCallback as i,useRef as o}from"react";import n from"clsx";import{ru as c}from"date-fns/locale";import l from"react-datepicker";import{useAppearanceConfig as s,useDevicePropsGenerator as p,useStyles as d}from"@itcase/ui-core/hooks";import{B as m}from"./Button_es_7K5ecrgl.js";import{I as u,T as h}from"./primitives_es_C4dQ1kEP.js";import{I as f}from"./Input_es_DabuPYuA.js";import{b as y}from"./default_es_CsYL84NN.js";const S={surfacePrimary:{dayTextColor:"surfaceTextPrimary",dayTextShape:"rounded",iconFillHover:"surfaceSecondary",iconItemFill:"surfaceItemPrimary",iconShape:"circular",monthTextColor:"surfaceTextPrimary",monthTextWeight:"400",yearTextColor:"surfaceTextPrimary",yearTextWeight:"400"},...{sizeL:{size:"l",daySize:"xs",dayTextSize:"m",iconFillSize:"24",iconLeft:y.Arrow.ChevronLeft,iconRight:y.Arrow.ChevronRight},sizeM:{size:"m",daySize:"xxl",dayTextSize:"m",iconFillSize:"24",iconLeft:y.Arrow.ChevronLeft,iconRight:y.Arrow.ChevronRight,iconSize:"14",monthTextSize:"m",yearTextSize:"m"},sizeS:{size:"s",daySize:"xs",dayTextSize:"m",iconFillSize:"24",iconLeft:y.Arrow.ChevronLeft,iconRight:y.Arrow.ChevronRight}},solid:{inputProps:{borderColor:"none"}},outlined:{inputProps:{fill:"none"}},full:{},ghost:{inputProps:{fill:"none",borderColor:"none"}}},_=e=>{const t=e.getDay()||7,a=new Date(e);a.setDate(e.getDate()-(t-1));const r=new Date(a);return r.setDate(a.getDate()+6),{mondayDate:a,sundayDate:r}},g={appearance:S,setAppearance:e=>{g.appearance=e}};function C(a){const{className:f,dataTestId:y,dataTour:S,datePickerProps:C={},endValue:x,inputProps:z={},value:T,onChange:v}=a,{appearance:I,customTimeInput:D,disablePastDays:F,monthsShown:w,selectsRange:P,showWeekNumbers:b,showWeekPicker:N}=C,R=s(I,g),A=p(C,R),{daySize:L,dayTextColor:W,dayTextShape:H,dayTextSize:j,iconFill:B,iconFillHover:M,iconFillSize:$,iconItemFill:O,iconLeft:U,iconRight:V,iconShape:q,monthTextColor:E,monthTextSize:G,monthTextWeight:J,popper:K,popperPlacement:Q,sizeClass:X,widthClass:Y,yearTextColor:Z,yearTextSize:ee,yearTextWeight:te,isClearable:ae}=A,re=o(null),[ie,oe]=r(()=>{let e,t;return T&&(e="string"==typeof T?new Date(T):T),x&&(t="string"==typeof x?new Date(x):x),[e,t]},[T,x]),ne=i(e=>{const t=Array.isArray(e)?e:[e],[a,r]=t;if(a&&N){const{mondayDate:e,sundayDate:t}=_(a);v?.(e,t)}else v?.(a,r)},[N,v]),ce=i(e=>{const{mondayDate:t,sundayDate:a}=_(e);v?.(t,a)},[v]),le=i((e,a)=>t(m,{className:"react-datepicker__day-button",size:L,label:a.getDate().toString(),labelTextColor:W,labelTextSize:j,shape:H}),[L,W,H,j]),se=i(({decreaseMonth:a,increaseMonth:r,monthDate:i})=>e("div",{className:"react-datepicker__header--div",children:[U&&t(u,{className:"react-datepicker__icon",fill:B,fillHover:M,fillSize:$,iconFill:O,shape:q,SvgImage:U,onClick:a}),e("div",{className:"react-datepicker__data",children:[t(h,{className:"react-datepicker__month",size:G,textColor:E,textWeight:J,children:i.toLocaleString("ru-RU",{month:"long"})}),t(h,{className:"react-datepicker__year",size:ee,textColor:Z,textWeight:te,children:i.toLocaleString("ru-RU",{year:"numeric"})})]}),V&&t(u,{className:"react-datepicker__icon",fill:B,fillHover:M,fillSize:$,iconFill:O,shape:q,SvgImage:V,onClick:r})]}),[B,M,$,O,U,V,q,E,G,J,Z,ee,te]),{styles:pe}=d(a);return t("div",{className:n(f,"datepicker",null!=w&&w>1&&"datepicker_multiple-months",D&&"datepicker_button",X&&`datepicker_size_${X}`,Y&&`datepicker_width_${Y}`),"data-testid":y,"data-tour":S,style:pe,children:t(l,{ref:re,...C,monthsShown:w,minDate:F?new Date:void 0,customInput:t(k,{datepickerRef:re,inputProps:z,isClearable:ae}),endDate:P?oe:void 0,locale:c,outsideClickIgnoreClass:"react-datepicker-popper",popperClassName:K&&`react-datepicker-popper-${K}`,popperPlacement:Q,preventOpenOnFocus:!0,renderCustomHeader:se,renderDayContents:le,selected:ie,startDate:ie,isClearable:!1,onChange:ne,onWeekSelect:b?ce:void 0})})}const k=a.forwardRef((i,o)=>{const{inputIcon:c,inputProps:l,value:s,isClearable:p}=i,d=r(()=>{if(s){const e=s.split(" - ");return e[0]===e[1]?e[0]:s}return""},[s]);return e(a.Fragment,{children:[t(f,{...i,...l,className:n(l?.className,"datepicker__input"),ref:o,autocomplete:"off",value:d}),c&&t(z,{...l}),p&&t(x,{datepickerRef:i.datepickerRef,...l})]})});function x(e){const{clearButton:r,clearButtonAppearance:o,clearIcon:c,clearIconAppearance:l,clearIconSrc:s,datepickerRef:p}=e,d=i(e=>{p?.current?.onClearClick(e),p?.current?.handleFocus(e)},[]);return t(a.Fragment,{children:r?t(m,{appearance:o,className:n("react-datepicker__clear-button","cursor_type_pointer"),label:r,onClick:d}):(c||s)&&t(u,{appearance:l,className:n("react-datepicker__clear-icon","cursor_type_pointer"),imageSrc:s,SvgImage:c,onClick:d})})}function z(e){const{inputIcon:a,inputIconFill:r,inputIconFillHover:i,inputIconFillSize:o,inputIconItemFill:c,inputIconShape:l,inputIconSize:s,inputIconSrc:p,onClick:d}=e;return t(u,{className:n("react-datepicker__input-icon","cursor_type_pointer"),size:s,fill:r,fillHover:i,fillSize:o,iconFill:c,imageSrc:p,shape:l,SvgImage:a,onClick:()=>d&&d()})}export{C as D,g as a,S as d};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../
|
|
1
|
+
"use strict";var e=require("../../Button_cjs_F8vKfD-9.js");require("react/jsx-runtime"),require("react"),require("clsx"),require("@itcase/ui-core/hooks"),require("@itcase/ui-core/utils"),require("../../primitives_cjs_Dw4SMbjT.js"),require("@rc-component/tooltip"),require("react-inlinesvg"),require("@itcase/ui-core/hoc"),require("../../Loader_cjs_BMOazvQA.js"),require("axios"),require("@itcase/common"),exports.Button=e.Button,exports.buttonAppearance=e.buttonAppearance,exports.buttonConfig=e.buttonConfig;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../
|
|
1
|
+
"use strict";var e=require("../../ChipsGroup_cjs_Dwop8JZZ.js");require("react/jsx-runtime"),require("clsx"),require("@itcase/ui-core/hooks"),require("../../primitives_cjs_Dw4SMbjT.js"),require("@rc-component/tooltip"),require("react"),require("react-inlinesvg"),require("@itcase/ui-core/hoc"),require("@itcase/ui-core/utils"),exports.Chips=e.Chips,exports.ChipsGroup=e.ChipsGroup,exports.chipsAppearance=e.chipsAppearance,exports.chipsConfig=e.chipsConfig;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("react"),i=require("clsx"),t=require("js-cookie"),s=require("@itcase/ui-core/hooks"),o=require("../../
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("react"),i=require("clsx"),t=require("js-cookie"),s=require("@itcase/ui-core/hooks"),o=require("../../Button_cjs_F8vKfD-9.js"),a=require("../../primitives_cjs_Dw4SMbjT.js");require("@itcase/ui-core/utils"),require("../../Loader_cjs_BMOazvQA.js"),require("axios"),require("@itcase/common"),require("@rc-component/tooltip"),require("react-inlinesvg"),require("@itcase/ui-core/hoc");const n={defaultPrimary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",messageTextColor:"surfaceTextPrimary",messageTextSize:"s",elevation:"8",buttonAppearance:"accentPrimary sizeXL solid rounded",buttonWidth:"fill"}},c={appearance:n,setAppearance:e=>{c.appearance=e}};exports.CookiesWarning=function(n){const{appearance:l,className:u,dataTestId:d,dataTour:p,message:m,isHideOnScroll:x=!1}=n,f=r.useRef(null),v=r.useMemo(()=>"close"!==t.get("cookies-warning"),[]),b=r.useCallback(()=>{f.current?.classList.add("cookies-warning_state_hidden"),t.set("cookies-warning","close")},[]);r.useEffect(()=>(x&&window.addEventListener("scroll",b,!0),()=>{window.removeEventListener("scroll",b,!0)}),[b,x]),r.useEffect(()=>{v||window.removeEventListener("scroll",b,!0)},[b,v]);const g=s.useAppearanceConfig(l,c),q=s.useDevicePropsGenerator(n,g),{fillClass:h,messageTextColor:j,messageTextSize:k,buttonAppearance:w,buttonFill:C,buttonFillHover:_,buttonLabel:T,buttonLabelSize:L,buttonLabelTextColor:z,buttonShape:S,buttonSize:P,buttonWidth:y,elevationClass:A}=q;return v&&e.jsx("div",{className:i("cookies-warning",u,h&&`fill_${h}`,A&&`elevation_${A}`),ref:f,"data-testid":d,"data-tour":p,children:e.jsxs("div",{className:"cookies-warning__inner",children:[e.jsx(a.Text,{size:k,textColor:j,children:m}),e.jsx(o.Button,{appearance:w,width:y,size:P,fill:C,fillHover:_,labelTextColor:z,labelTextSize:L,shape:S,onClick:b,children:T})]})})},exports.cookiesWarningAppearance=n,exports.cookiesWarningConfig=c;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),a=require("react"),r=require("clsx"),t=require("luxon"),i=require("@itcase/ui-core/hooks"),s=require("@itcase/ui-core/utils"),c=require("../../
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),a=require("react"),r=require("clsx"),t=require("luxon"),i=require("@itcase/ui-core/hooks"),s=require("@itcase/ui-core/utils"),c=require("../../ChipsGroup_cjs_Dwop8JZZ.js"),n=require("../../DatePicker_cjs_BaTprMdi.js");require("react-select"),require("../../primitives_cjs_Dw4SMbjT.js");var d=require("../../SelectContainer_cjs_D2Zuk29y.js");require("../../Group_cjs_CiLUYKP7.js");var p=require("@itcase/common");require("date-fns/locale"),require("react-datepicker"),require("../../Button_cjs_F8vKfD-9.js"),require("../../Loader_cjs_BMOazvQA.js"),require("axios"),require("../../Input_cjs_D9PxC_lJ.js"),require("../../default_cjs_BMdcKzhJ.js"),require("@rc-component/tooltip"),require("react-inlinesvg"),require("@itcase/ui-core/hoc"),require("react-select/creatable");const o={surfacePrimary:{fill:"surfacePrimary",chipsAppearance:"surfacePrimary sizeM ghost rounded",datePickerAppearance:"surfacePrimary sizeM solid rounded",datePickerInputAppearance:"defaultPrimary sizeM solid rounded",selectAppearance:"defaultPrimary sizeM solid rounded"},surfaceSecondary:{fill:"surfaceSecondary",chipsAppearance:"surfacePrimary sizeM ghost rounded",datePickerAppearance:"surfacePrimary sizeM solid rounded",datePickerInputAppearance:"defaultPrimary sizeM solid rounded",selectAppearance:"defaultPrimary sizeM solid rounded"},sizeL:{size:"l",chipsAppearanceSize:"sizeXL",datePickerAppearanceSize:"sizeL",datePickerInputAppearanceSize:"sizeL",selectAppearanceSize:"sizeL"},sizeM:{size:"m",chipsAppearanceSize:"sizeL",datePickerAppearanceSize:"sizeM",datePickerInputAppearanceSize:"sizeM",selectAppearanceSize:"sizeM"},sizeS:{size:"s",chipsAppearanceSize:"sizeM",datePickerAppearanceSize:"sizeS",datePickerInputAppearanceSize:"sizeS",selectAppearanceSize:"sizeS"},circular:{shape:"circular"},rounded:{chipsShape:"rounded",selectShape:"rounded",shape:"rounded"},roundedXL:{chipsShape:"roundedXL",selectShape:"roundedXL",shape:"roundedXL"},roundedL:{chipsShape:"roundedL",selectShape:"roundedL",shape:"roundedL"},roundedM:{chipsShape:"roundedM",selectShape:"roundedM",shape:"roundedM"},roundedS:{chipsShape:"roundedS",selectShape:"roundedS",shape:"roundedS"}},l=Object.values(p.DATE_PERIOD_INTERVALS);function u(){const e=t.DateTime.now().startOf("day");return{label:"Год",dateIntervalsList:[e.minus({year:1}).toISODate(),e.toISODate()],value:"backYear"}}const h={appearance:o,setAppearance:e=>{h.appearance=e}};exports.DatePeriod=function(o){const{appearance:S,className:P,dataTestId:m,dataTour:z,type:_="year",datePeriodIntervalsList:A,datePeriodSelectFirstOptions:k,datePeriodSelectFirstPlaceholder:I="Выбрать",datePeriodSelectFirstValue:y,datePeriodSelectSecondOptions:f,datePeriodSelectSecondPlaceholder:v="Выбрать",datePeriodSelectSecondValue:D,datePeriodValueEnd:j,datePeriodValueStart:q,datePickerInputWidth:L,monthsShown:C=2,popperPlacement:b,selectFirstIsSearchable:g=!0,selectFirstWidth:w="180px",selectSecondIsSearchable:M=!0,selectSecondWidth:x="180px",selectsRange:N=!0,showWeekNumbers:T=!1,isDisabled:W,isSkeleton:F,onChangeDatePeriod:O,onChangeDatePeriodFirstSelect:E,onChangeDatePeriodSecondSelect:R,onKeyDown:V}=o,K=i.useAppearanceConfig(S,h,W),$=i.useDevicePropsGenerator(o,K),{fillClass:X,chipsAppearance:G,chipsAppearanceSize:H,chipsShape:J,datePickerAppearance:Y,datePickerAppearanceSize:B,datePickerInputAppearance:Q,datePickerInputAppearanceSize:U,datePickerInputFillHover:Z,datePickerInputTextSize:ee,selectAppearance:ae,selectAppearanceSize:re,selectShape:te,shapeClass:ie,sizeClass:se,widthClass:ce}=$,ne=function(e="year",a){if("period"===e)return[];const r=a??l;if("year"===e)return r.some(e=>"backYear"===e.value)?r:[...r,u()];const t="month"===e?p.DATE_PERIOD_INTERVALS.backMonth.value:p.DATE_PERIOD_INTERVALS.backQuarter.value,i=l.findIndex(e=>e.value===t),s=new Set(l.slice(0,i+1).map(e=>e.value));return r.filter(e=>s.has(e.value))}($.type??_,A),de=$.datePickerInputWidth??L,{styles:pe}=i.useStyles(o),oe=a.useCallback(e=>{const a=e.dateIntervalsList[0],r=e.dateIntervalsList[1];O?.(new Date(a),new Date(r))},[O]),le=a.useCallback(e=>{const a=e.dateIntervalsList[0],r=e.dateIntervalsList[1];let i=null,s=null;return q&&(i=t.DateTime.fromJSDate(new Date(q)).toISODate()),j&&(s=t.DateTime.fromJSDate(new Date(j)).toISODate()),a===i&&r===s},[j,q]);return e.jsxs("div",{className:r(P,"date-period",ce&&`width_${ce}`,se&&`date-period_size_${se}`,F&&"skeleton"),"data-testid":m,"data-tour":z,style:pe,children:[e.jsxs("div",{className:r("date-period__wrapper",ie&&`shape_${ie}`,X&&`fill_${X}`,ce&&`width_${ce}`,"cursor_type_pointer"),children:[ne.length>0&&e.jsx(c.ChipsGroup,{className:"date-period__choice",direction:"horizontal",children:ne.map(a=>e.jsx(c.Chips,{appearance:s.mergeAppearanceKeys(G,H),label:a.label,shape:J,isActive:le(a),onClick:()=>oe(a)},a.value))}),e.jsx(n.DatePickerInput,{className:"date-period__datepicker",width:de,datePickerProps:{appearance:s.mergeAppearanceKeys(Y,B),dateFormat:"dd/MM/yyyy",monthsShown:$.monthsShown??C,popperPlacement:b,selectsRange:N,showWeekNumbers:T,isClearable:!1,onKeyDown:V},endValue:j,inputProps:{appearance:s.mergeAppearanceKeys(Q,U,"ghost"),className:`date-period__datepicker-input date-period__datepicker-input_size_${se} `,fillHover:Z,textSize:ee,placeholder:"Выбрать период"},value:q,onChange:O})]}),k&&e.jsx(d.SelectContainer,{appearance:s.mergeAppearanceKeys(ae,re),className:"date-period__select",width:$.selectFirstWidth??w,minWidth:$.selectFirstWidth??w,options:k,placeholder:I,shape:te,value:y??null,isSearchable:$.selectFirstIsSearchable??g,onChange:E}),f&&e.jsx(d.SelectContainer,{appearance:s.mergeAppearanceKeys(ae,re),className:"date-period__select",width:$.selectSecondWidth??x,minWidth:$.selectSecondWidth??x,options:f,placeholder:v,shape:te,value:D??null,isSearchable:$.selectSecondIsSearchable??M,onChange:R})]})},exports.datePeriodAppearance=o,exports.datePeriodConfig=h;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../
|
|
1
|
+
"use strict";var e=require("../../DatePicker_cjs_BaTprMdi.js");require("react/jsx-runtime"),require("react"),require("clsx"),require("date-fns/locale"),require("react-datepicker"),require("@itcase/ui-core/hooks"),require("../../Button_cjs_F8vKfD-9.js"),require("@itcase/ui-core/utils"),require("../../primitives_cjs_Dw4SMbjT.js"),require("@rc-component/tooltip"),require("react-inlinesvg"),require("@itcase/ui-core/hoc"),require("../../Loader_cjs_BMOazvQA.js"),require("axios"),require("@itcase/common"),require("../../Input_cjs_D9PxC_lJ.js"),require("../../default_cjs_BMdcKzhJ.js"),exports.DatePickerInput=e.DatePickerInput,exports.datePickerAppearance=e.datePickerAppearance,exports.datePickerConfig=e.datePickerConfig;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("clsx"),o=require("file-selector"),i=require("react-dropzone"),a=require("@itcase/ui-core/hooks"),s=require("../../Button_cjs_Dq2pZYkE.js"),n=require("../../Image_cjs_DBUl9LUO.js"),l=require("../../Loader_cjs_BMOazvQA.js"),c=require("../../primitives_cjs_Dw4SMbjT.js"),d=require("axios"),u=require("@itcase/common"),m=require("../../default_cjs_BMdcKzhJ.js");function h(e){return e instanceof File?e.size:e.size??e.file?.size}function T(e,r=[]){return e.filter((t,o)=>!r.some(e=>function(e,r){const t=r instanceof File?r.name:r.name??r.file?.name,o=r instanceof File?r.size:r.size??r.file?.size;return e.name===t&&e.size===o}(t,e))&&e.findIndex(e=>e.name===t.name&&e.size===t.size)===o)}function x(e){const r=(e,r)=>`${Number.isInteger(e)?String(e):e.toFixed(1)} ${r}`;return e<1024?r(e,"Б"):e<1048576?r(e/1024,"КБ"):r(e/1048576,"МБ")}async function p(e){try{const r=await d({url:e,responseType:"blob"}),t=r.data,o=r.headers["content-disposition"]?.split("filename=")[1];let i=o?.substring(1).slice(0,-1);i||(i=e.split("/").at(-1));return new File([t],i,{type:t.type})}catch(e){return console.log("error loading file by URL: ",e),null}}async function f(e,r){let t=null,o=null,i="";const a=e&&"object"==typeof e;if(a&&e.file){const r=e.file;return{...e,name:e.name||r.name,size:h(e)}}if("string"==typeof e){const r=e.includes("/"),a=e.startsWith("data:");if(r)t=await p(e),o=crypto.randomUUID(),t&&(i=await b(t));else if(a){const r=`file_${Date.now()}`;t=u.createFileFromDataURL(r,e),o=crypto.randomUUID(),i=e}}if(a)if(e.image)t=await p(e.image),o=e.id,t&&(i=await b(t));else if(e.dataURL){const{name:r,path:a}=e,s=r||a||`file_${Date.now()}`;t=u.createFileFromDataURL(s,e.dataURL),o=e.id,i=e.dataURL}else e instanceof File&&(t=e,i=await b(t));if(t){const e=function(e){const{id:r=null,dataURL:t="",file:o,isNew:i=!0,isPreviews:a=!1}=e;return o&&o instanceof File?{id:r||crypto.randomUUID(),name:o.name,size:o.size,dataURL:t,file:o,preview:a?URL.createObjectURL(o):null,isNew:i}:null}({id:o,dataURL:i,file:t,isNew:!o,isPreviews:r});return e}return null}function b(e){return new Promise(r=>{if(!(e instanceof File))return void r("");const t=new FileReader;t.onabort=()=>r(""),t.onerror=()=>r(""),t.onload=e=>{const t=e.target?.result||"";r(t)},t.readAsDataURL(e)})}require("@itcase/ui-core/utils"),require("@itcase/ui-core/hoc"),require("@rc-component/tooltip"),require("react-inlinesvg");const z={defaultSecondary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",hintTitle:"Перетащите изображение или выберите файл с компьютера",hintTitleTextColor:"surfaceTextPrimary",hintTitleTextSize:"m",removeThumbAppearance:"dangerPrimary sizeM solid rounded",removeThumbIcon:m.icons16.Action.Remove,removeThumbIconAppearance:"surfaceSecondary sizeM solid rounded",removeThumbText:"удалить",removeThumbTextColor:"errorTextPrimary",thumbBorderColor:"surfaceBorderTertiary",thumbBorderColorHover:"surfaceBorderQuaternary",thumbBorderWidth:"1",thumbImageWidth:"fill",thumbNameTextColor:"surfaceTextPrimary",thumbNameTextSize:"s",thumbSizeTextColor:"surfaceTextPrimary",thumbSizeTextSize:"s"}},v={disabledTertiary:{fill:"disabledTertiary",fillHover:"disabledQuaternary",hintTitle:"Перетащите изображение или выберите файл с компьютера",hintTitleTextColor:"disabledTextSecondary",hintTitleTextSize:"m",removeThumbAppearance:"dangerPrimary sizeM solid rounded",removeThumbIcon:m.icons16.Action.Remove,removeThumbIconAppearance:"surfaceSecondary sizeM solid rounded",removeThumbTextColor:"errorTextPrimary",thumbBorderColor:"surfaceBorderTertiary",thumbBorderColorHover:"surfaceBorderQuaternary",thumbBorderWidth:"1",thumbNameTextColor:"surfaceTextPrimary",thumbNameTextSize:"s",thumbSizeTextColor:"surfaceTextPrimary",thumbSizeTextSize:"s"}},y={errorTertiary:{fill:"errorTertiary",fillHover:"errorTertiary",hintTitle:"Перетащите изображение или выберите файл с компьютера",hintTitleTextColor:"errorTextQuaternary",hintTitleTextSize:"m",removeThumbAppearance:"dangerPrimary sizeM solid rounded",removeThumbIcon:m.icons16.Action.Remove,removeThumbIconAppearance:"surfaceSecondary sizeM solid rounded",removeThumbTextColor:"errorTextPrimary",thumbBorderColor:"surfaceBorderTertiary",thumbBorderColorHover:"surfaceBorderQuaternary",thumbBorderWidth:"1",thumbNameTextColor:"surfaceTextPrimary",thumbNameTextSize:"s",thumbSizeTextColor:"surfaceTextPrimary",thumbSizeTextSize:"s"}},_={...z,...{requireTertiary:{fill:"warningTertiary",fillHover:"warningTertiary",hintTitle:"Перетащите изображение или выберите файл с компьютера",hintTitleTextColor:"specialTextSecondary",hintTitleTextSize:"m",removeThumbAppearance:"dangerPrimary sizeM solid rounded",removeThumbIcon:m.icons16.Action.Remove,removeThumbIconAppearance:"surfaceSecondary sizeM solid rounded",removeThumbTextColor:"errorTextPrimary",thumbBorderColor:"surfaceBorderTertiary",thumbBorderColorHover:"surfaceBorderQuaternary",thumbBorderWidth:"1",thumbNameTextColor:"surfaceTextPrimary",thumbNameTextSize:"s",thumbSizeTextColor:"surfaceTextPrimary",thumbSizeTextSize:"s"}},...y,circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},...{successTertiary:{fill:"successTertiary",fillHover:"successTertiary",hintTitle:"Перетащите изображение или выберите файл с компьютера",hintTitleTextColor:"successTextQuaternary",hintTitleTextSize:"m",removeThumbAppearance:"dangerPrimary sizeM solid rounded",removeThumbIcon:m.icons16.Action.Remove,removeThumbIconAppearance:"surfaceSecondary sizeM solid rounded",removeThumbTextColor:"errorTextPrimary",thumbBorderColor:"surfaceBorderTertiary",thumbBorderColorHover:"surfaceBorderQuaternary",thumbBorderWidth:"1",thumbNameTextColor:"surfaceTextPrimary",thumbNameTextSize:"s",thumbSizeTextColor:"surfaceTextPrimary",thumbSizeTextSize:"s"}},...v},C={appearance:_,setAppearance:e=>{C.appearance=e}},g=r.memo(function(d){const{appearance:u,maxFiles:m=5,maxSize:p=10485760,dropzoneProps:b={},fieldValuesList:z,fileErrorText:v,hintDescription:y,inputName:_,showFilename:g=!0,showFileSize:S=!0,thumbColumn:j=2,isSkeleton:w,isPreviews:N=!0,onClickPreview:W,onAddFiles:F,onChangeFiles:B,onDeleteFile:P}=d,I=a.useAppearanceConfig(u,C),R=a.useDevicePropsGenerator(d,I),{fillClass:$,fillHoverClass:A,borderColorClass:L,borderColorHoverClass:D,borderTypeClass:M,borderWidthClass:U,errorMessageTextColor:q,errorMessageTextSize:H,errorMessageTextWeight:k,hintDescriptionTextColor:Q,hintDescriptionTextSize:E,hintDescriptionTextWeight:O,hintDescriptionTextWrap:V,hintTitle:X,hintTitleTextColor:G,hintTitleTextSize:J,hintTitleTextWeight:K,hintTitleTextWrap:Y,removeThumbAppearance:Z,removeThumbIcon:ee,removeThumbIconAppearance:re,removeThumbIconFill:te,removeThumbIconSize:oe,removeThumbShape:ie,removeThumbText:ae,removeThumbTextWeight:se,shapeClass:ne,sizeClass:le,thumbBorderColorClass:ce,thumbBorderColorHoverClass:de,thumbBorderTypeClass:ue,thumbBorderWidthClass:me,thumbDirectionClass:he,thumbImageHeight:Te,thumbImageWidth:xe,thumbNameTextColor:pe,thumbNameTextSize:fe,thumbNameTextWeight:be,thumbNameTextWrap:ze,thumbSizeTextColor:ve,thumbSizeTextSize:ye,thumbSizeTextWeight:_e}=R,Ce=r.useMemo(()=>Array.isArray(z)?z:[],[z]),{convertValueFilesToDropzoneItems:ge,fileIsLoading:Se,fileRejectedMessage:je,setFileRejectedMessage:we}=function(e,t=!1){const o=r.useRef(new Set),[i,a]=r.useState(""),[s,n]=r.useState(!1),l=r.useCallback(async(e,r=!1)=>{n(!r);const i=[];for(const r of e){const e=await f(r,t);if(e){i.push(e);const r=e.preview;r&&o.current.add(r)}}return n(!1),i},[t]);return r.useEffect(()=>{const r=o.current,t=new Set(e?.map(e=>e.preview));for(const e of r)t.has(e)||(URL.revokeObjectURL(e),r.delete(e))},[e]),r.useEffect(()=>()=>{const e=o.current;for(const r of e)URL.revokeObjectURL(r);e.clear()},[]),{convertValueFilesToDropzoneItems:l,fileIsLoading:s,fileRejectedMessage:i,setFileRejectedMessage:a}}(Ce,N),{getInputProps:Ne,getRootProps:We}=i.useDropzone({maxFiles:m,maxSize:p,...b,getFilesFromEvent:async e=>{const r=(await o.fromEvent(e)).filter(e=>e instanceof File);return[...Ce,...r]},onDropAccepted:async e=>{const r=T(e,Ce);if(0===r.length)return;const t=await ge(r,!0);we(""),F&&F(t,_),B&&B([...Ce,...t])},onDropRejected:e=>{let r="";if(e.length>0){r="Ошибка при добавлении файла";const t=e[0].errors[0];t&&(r=t.code===i.ErrorCode.TooManyFiles?`Максимальное количество файлов: ${m}`:t.message)}we(r)}}),Fe=r.useCallback((e,r)=>{e.stopPropagation(),e.preventDefault();const t=Ce[r],o=Ce.filter(e=>e.id!==t.id);P&&P(t,_),B&&B(o)},[Ce,B,P]);return r.useEffect(()=>{if(Ce.some(e=>{const r="string"==typeof e,t=e instanceof File,o="object"==typeof e&&!e.file;return r||t||o})){(async()=>{const e=await ge(Ce);B&&B(e)})()}},[Ce]),e.jsxs(r.Fragment,{children:[e.jsxs("div",{...We({className:"dropzone__dropzone dropzone"}),children:[e.jsx("input",{...Ne(),name:_}),e.jsxs("div",{className:t("dropzone dropzone__dropzone-wrapper",j&&`dropzone__dropzone-wrapper_column_${j}`,w&&"skeleton",le&&`dropzone_size_${le}`),children:[Ce.map((r,o)=>{const{id:i,name:a,error:d,file:u,preview:m}=r,T=d||u?.error,p=a||u?.name,f=h(r);return e.jsxs("aside",{className:t("dropzone__thumb",he,me,ce,de,ue,$&&`fill_${$}`,A&&`fill_hover_${A}`,U&&`border-width_${U}`,L&&`border-color_${L}`,D&&`border-color_hover_${D}`,M&&`border_type_${M}`,ne&&`shape_${ne}`),children:[Se&&e.jsx("div",{className:"dropzone__thumb-loader",children:e.jsx(l.Loader,{width:"fill",height:"fill"})}),N&&!d&&m&&e.jsx("div",{className:"dropzone__thumb-image",onClick:e=>{W&&W(r,e)},children:e.jsx(n.Image,{className:"dropzone__thumb-image-inner",width:xe??"fill",height:Te,src:m,resizeMode:"cover",alt:p||""})}),(v||T)&&e.jsx("div",{children:e.jsx(c.Text,{size:fe,textColor:pe,textWeight:be,textWrap:ze,children:v||T})}),g&&p&&e.jsxs("div",{className:"dropzone__thumb-data",children:[e.jsx(c.Text,{size:fe,textColor:pe,textWeight:be,textWrap:ze,children:p}),S&&f&&e.jsx(c.Text,{size:ye,text:x(f),textColor:ve,textWeight:_e})]}),e.jsx("div",{className:t("dropzone__thumb-remove"),children:e.jsx(s.Button,{appearance:ee?re??Z:Z,label:ee?void 0:ae,labelTextWeight:ee?void 0:se,icon:ee,iconFill:te,iconSize:oe,shape:ie,onClick:e=>Fe(e,o)})})]},i||o)}),0===Ce.length?e.jsxs("div",{className:t("dropzone__hint",$&&`fill_${$}`,A&&`fill_hover_${A}`,U&&`border-width_${U}`,L&&`border-color_${L}`,D&&`border-color_hover_${D}`,M&&`border_type_${M}`,ne&&`shape_${ne}`),children:[e.jsx(c.Text,{className:"dropzone__hint-title",size:J,textColor:G,textWeight:K,textWrap:Y,children:X||"Select a file or drag in form"}),y&&e.jsx(c.Text,{className:"dropzone__hint-text",size:E,textColor:Q,textWeight:O,textWrap:V,children:y})]}):e.jsxs("div",{className:t("dropzone__hint","dropzone__hint_type_add-more",$&&`fill_${$}`,A&&`fill_hover_${A}`,U&&`border-width_${U}`,L&&`border-color_${L}`,D&&`border-color_hover_${D}`,M&&`border_type_${M}`,ne&&`shape_${ne}`),children:[e.jsx(c.Text,{className:"dropzone__hint-title",size:J,textColor:G,textWeight:K,textWrap:Y,children:X||"Select a file or drag in form"}),y&&e.jsx(c.Text,{className:"dropzone__hint-text",size:E,textColor:Q,textWeight:O,textWrap:V,children:y})]})]})]}),je&&e.jsx("div",{className:"dropzone__message",children:e.jsx(c.Text,{size:H,textColor:q,textWeight:k,children:je})})]})});exports.Dropzone=g,exports.dropzoneAppearance=_;
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("clsx"),o=require("file-selector"),i=require("react-dropzone"),a=require("@itcase/ui-core/hooks"),s=require("../../Button_cjs_F8vKfD-9.js"),n=require("../../Image_cjs_DBUl9LUO.js"),l=require("../../Loader_cjs_BMOazvQA.js"),c=require("../../primitives_cjs_Dw4SMbjT.js"),d=require("axios"),u=require("@itcase/common"),m=require("../../default_cjs_BMdcKzhJ.js");function h(e){return e instanceof File?e.size:e.size??e.file?.size}function T(e,r=[]){return e.filter((t,o)=>!r.some(e=>function(e,r){const t=r instanceof File?r.name:r.name??r.file?.name,o=r instanceof File?r.size:r.size??r.file?.size;return e.name===t&&e.size===o}(t,e))&&e.findIndex(e=>e.name===t.name&&e.size===t.size)===o)}function x(e){const r=(e,r)=>`${Number.isInteger(e)?String(e):e.toFixed(1)} ${r}`;return e<1024?r(e,"Б"):e<1048576?r(e/1024,"КБ"):r(e/1048576,"МБ")}async function p(e){try{const r=await d({url:e,responseType:"blob"}),t=r.data,o=r.headers["content-disposition"]?.split("filename=")[1];let i=o?.substring(1).slice(0,-1);i||(i=e.split("/").at(-1));return new File([t],i,{type:t.type})}catch(e){return console.log("error loading file by URL: ",e),null}}async function f(e,r){let t=null,o=null,i="";const a=e&&"object"==typeof e;if(a&&e.file){const r=e.file;return{...e,name:e.name||r.name,size:h(e)}}if("string"==typeof e){const r=e.includes("/"),a=e.startsWith("data:");if(r)t=await p(e),o=crypto.randomUUID(),t&&(i=await b(t));else if(a){const r=`file_${Date.now()}`;t=u.createFileFromDataURL(r,e),o=crypto.randomUUID(),i=e}}if(a)if(e.image)t=await p(e.image),o=e.id,t&&(i=await b(t));else if(e.dataURL){const{name:r,path:a}=e,s=r||a||`file_${Date.now()}`;t=u.createFileFromDataURL(s,e.dataURL),o=e.id,i=e.dataURL}else e instanceof File&&(t=e,i=await b(t));if(t){const e=function(e){const{id:r=null,dataURL:t="",file:o,isNew:i=!0,isPreviews:a=!1}=e;return o&&o instanceof File?{id:r||crypto.randomUUID(),name:o.name,size:o.size,dataURL:t,file:o,preview:a?URL.createObjectURL(o):null,isNew:i}:null}({id:o,dataURL:i,file:t,isNew:!o,isPreviews:r});return e}return null}function b(e){return new Promise(r=>{if(!(e instanceof File))return void r("");const t=new FileReader;t.onabort=()=>r(""),t.onerror=()=>r(""),t.onload=e=>{const t=e.target?.result||"";r(t)},t.readAsDataURL(e)})}require("@itcase/ui-core/utils"),require("@itcase/ui-core/hoc"),require("@rc-component/tooltip"),require("react-inlinesvg");const z={defaultSecondary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",hintTitle:"Перетащите изображение или выберите файл с компьютера",hintTitleTextColor:"surfaceTextPrimary",hintTitleTextSize:"m",removeThumbAppearance:"dangerPrimary sizeM solid rounded",removeThumbIcon:m.icons16.Action.Remove,removeThumbIconAppearance:"surfaceSecondary sizeM solid rounded",removeThumbText:"удалить",removeThumbTextColor:"errorTextPrimary",thumbBorderColor:"surfaceBorderTertiary",thumbBorderColorHover:"surfaceBorderQuaternary",thumbBorderWidth:"1",thumbImageWidth:"fill",thumbNameTextColor:"surfaceTextPrimary",thumbNameTextSize:"s",thumbSizeTextColor:"surfaceTextPrimary",thumbSizeTextSize:"s"}},v={disabledTertiary:{fill:"disabledTertiary",fillHover:"disabledQuaternary",hintTitle:"Перетащите изображение или выберите файл с компьютера",hintTitleTextColor:"disabledTextSecondary",hintTitleTextSize:"m",removeThumbAppearance:"dangerPrimary sizeM solid rounded",removeThumbIcon:m.icons16.Action.Remove,removeThumbIconAppearance:"surfaceSecondary sizeM solid rounded",removeThumbTextColor:"errorTextPrimary",thumbBorderColor:"surfaceBorderTertiary",thumbBorderColorHover:"surfaceBorderQuaternary",thumbBorderWidth:"1",thumbNameTextColor:"surfaceTextPrimary",thumbNameTextSize:"s",thumbSizeTextColor:"surfaceTextPrimary",thumbSizeTextSize:"s"}},y={errorTertiary:{fill:"errorTertiary",fillHover:"errorTertiary",hintTitle:"Перетащите изображение или выберите файл с компьютера",hintTitleTextColor:"errorTextQuaternary",hintTitleTextSize:"m",removeThumbAppearance:"dangerPrimary sizeM solid rounded",removeThumbIcon:m.icons16.Action.Remove,removeThumbIconAppearance:"surfaceSecondary sizeM solid rounded",removeThumbTextColor:"errorTextPrimary",thumbBorderColor:"surfaceBorderTertiary",thumbBorderColorHover:"surfaceBorderQuaternary",thumbBorderWidth:"1",thumbNameTextColor:"surfaceTextPrimary",thumbNameTextSize:"s",thumbSizeTextColor:"surfaceTextPrimary",thumbSizeTextSize:"s"}},_={...z,...{requireTertiary:{fill:"warningTertiary",fillHover:"warningTertiary",hintTitle:"Перетащите изображение или выберите файл с компьютера",hintTitleTextColor:"specialTextSecondary",hintTitleTextSize:"m",removeThumbAppearance:"dangerPrimary sizeM solid rounded",removeThumbIcon:m.icons16.Action.Remove,removeThumbIconAppearance:"surfaceSecondary sizeM solid rounded",removeThumbTextColor:"errorTextPrimary",thumbBorderColor:"surfaceBorderTertiary",thumbBorderColorHover:"surfaceBorderQuaternary",thumbBorderWidth:"1",thumbNameTextColor:"surfaceTextPrimary",thumbNameTextSize:"s",thumbSizeTextColor:"surfaceTextPrimary",thumbSizeTextSize:"s"}},...y,circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},...{successTertiary:{fill:"successTertiary",fillHover:"successTertiary",hintTitle:"Перетащите изображение или выберите файл с компьютера",hintTitleTextColor:"successTextQuaternary",hintTitleTextSize:"m",removeThumbAppearance:"dangerPrimary sizeM solid rounded",removeThumbIcon:m.icons16.Action.Remove,removeThumbIconAppearance:"surfaceSecondary sizeM solid rounded",removeThumbTextColor:"errorTextPrimary",thumbBorderColor:"surfaceBorderTertiary",thumbBorderColorHover:"surfaceBorderQuaternary",thumbBorderWidth:"1",thumbNameTextColor:"surfaceTextPrimary",thumbNameTextSize:"s",thumbSizeTextColor:"surfaceTextPrimary",thumbSizeTextSize:"s"}},...v},C={appearance:_,setAppearance:e=>{C.appearance=e}},g=r.memo(function(d){const{appearance:u,maxFiles:m=5,maxSize:p=10485760,dropzoneProps:b={},fieldValuesList:z,fileErrorText:v,hintDescription:y,inputName:_,showFilename:g=!0,showFileSize:S=!0,thumbColumn:j=2,isSkeleton:w,isPreviews:N=!0,onClickPreview:W,onAddFiles:F,onChangeFiles:B,onDeleteFile:P}=d,I=a.useAppearanceConfig(u,C),R=a.useDevicePropsGenerator(d,I),{fillClass:$,fillHoverClass:A,borderColorClass:L,borderColorHoverClass:D,borderTypeClass:M,borderWidthClass:U,errorMessageTextColor:q,errorMessageTextSize:H,errorMessageTextWeight:k,hintDescriptionTextColor:Q,hintDescriptionTextSize:E,hintDescriptionTextWeight:O,hintDescriptionTextWrap:V,hintTitle:X,hintTitleTextColor:G,hintTitleTextSize:J,hintTitleTextWeight:K,hintTitleTextWrap:Y,removeThumbAppearance:Z,removeThumbIcon:ee,removeThumbIconAppearance:re,removeThumbIconFill:te,removeThumbIconSize:oe,removeThumbShape:ie,removeThumbText:ae,removeThumbTextWeight:se,shapeClass:ne,sizeClass:le,thumbBorderColorClass:ce,thumbBorderColorHoverClass:de,thumbBorderTypeClass:ue,thumbBorderWidthClass:me,thumbDirectionClass:he,thumbImageHeight:Te,thumbImageWidth:xe,thumbNameTextColor:pe,thumbNameTextSize:fe,thumbNameTextWeight:be,thumbNameTextWrap:ze,thumbSizeTextColor:ve,thumbSizeTextSize:ye,thumbSizeTextWeight:_e}=R,Ce=r.useMemo(()=>Array.isArray(z)?z:[],[z]),{convertValueFilesToDropzoneItems:ge,fileIsLoading:Se,fileRejectedMessage:je,setFileRejectedMessage:we}=function(e,t=!1){const o=r.useRef(new Set),[i,a]=r.useState(""),[s,n]=r.useState(!1),l=r.useCallback(async(e,r=!1)=>{n(!r);const i=[];for(const r of e){const e=await f(r,t);if(e){i.push(e);const r=e.preview;r&&o.current.add(r)}}return n(!1),i},[t]);return r.useEffect(()=>{const r=o.current,t=new Set(e?.map(e=>e.preview));for(const e of r)t.has(e)||(URL.revokeObjectURL(e),r.delete(e))},[e]),r.useEffect(()=>()=>{const e=o.current;for(const r of e)URL.revokeObjectURL(r);e.clear()},[]),{convertValueFilesToDropzoneItems:l,fileIsLoading:s,fileRejectedMessage:i,setFileRejectedMessage:a}}(Ce,N),{getInputProps:Ne,getRootProps:We}=i.useDropzone({maxFiles:m,maxSize:p,...b,getFilesFromEvent:async e=>{const r=(await o.fromEvent(e)).filter(e=>e instanceof File);return[...Ce,...r]},onDropAccepted:async e=>{const r=T(e,Ce);if(0===r.length)return;const t=await ge(r,!0);we(""),F&&F(t,_),B&&B([...Ce,...t])},onDropRejected:e=>{let r="";if(e.length>0){r="Ошибка при добавлении файла";const t=e[0].errors[0];t&&(r=t.code===i.ErrorCode.TooManyFiles?`Максимальное количество файлов: ${m}`:t.message)}we(r)}}),Fe=r.useCallback((e,r)=>{e.stopPropagation(),e.preventDefault();const t=Ce[r],o=Ce.filter(e=>e.id!==t.id);P&&P(t,_),B&&B(o)},[Ce,B,P]);return r.useEffect(()=>{if(Ce.some(e=>{const r="string"==typeof e,t=e instanceof File,o="object"==typeof e&&!e.file;return r||t||o})){(async()=>{const e=await ge(Ce);B&&B(e)})()}},[Ce]),e.jsxs(r.Fragment,{children:[e.jsxs("div",{...We({className:"dropzone__dropzone dropzone"}),children:[e.jsx("input",{...Ne(),name:_}),e.jsxs("div",{className:t("dropzone dropzone__dropzone-wrapper",j&&`dropzone__dropzone-wrapper_column_${j}`,w&&"skeleton",le&&`dropzone_size_${le}`),children:[Ce.map((r,o)=>{const{id:i,name:a,error:d,file:u,preview:m}=r,T=d||u?.error,p=a||u?.name,f=h(r);return e.jsxs("aside",{className:t("dropzone__thumb",he,me,ce,de,ue,$&&`fill_${$}`,A&&`fill_hover_${A}`,U&&`border-width_${U}`,L&&`border-color_${L}`,D&&`border-color_hover_${D}`,M&&`border_type_${M}`,ne&&`shape_${ne}`),children:[Se&&e.jsx("div",{className:"dropzone__thumb-loader",children:e.jsx(l.Loader,{width:"fill",height:"fill"})}),N&&!d&&m&&e.jsx("div",{className:"dropzone__thumb-image",onClick:e=>{W&&W(r,e)},children:e.jsx(n.Image,{className:"dropzone__thumb-image-inner",width:xe??"fill",height:Te,src:m,resizeMode:"cover",alt:p||""})}),(v||T)&&e.jsx("div",{children:e.jsx(c.Text,{size:fe,textColor:pe,textWeight:be,textWrap:ze,children:v||T})}),g&&p&&e.jsxs("div",{className:"dropzone__thumb-data",children:[e.jsx(c.Text,{size:fe,textColor:pe,textWeight:be,textWrap:ze,children:p}),S&&f&&e.jsx(c.Text,{size:ye,text:x(f),textColor:ve,textWeight:_e})]}),e.jsx("div",{className:t("dropzone__thumb-remove"),children:e.jsx(s.Button,{appearance:ee?re??Z:Z,label:ee?void 0:ae,labelTextWeight:ee?void 0:se,icon:ee,iconFill:te,iconSize:oe,shape:ie,onClick:e=>Fe(e,o)})})]},i||o)}),0===Ce.length?e.jsxs("div",{className:t("dropzone__hint",$&&`fill_${$}`,A&&`fill_hover_${A}`,U&&`border-width_${U}`,L&&`border-color_${L}`,D&&`border-color_hover_${D}`,M&&`border_type_${M}`,ne&&`shape_${ne}`),children:[e.jsx(c.Text,{className:"dropzone__hint-title",size:J,textColor:G,textWeight:K,textWrap:Y,children:X||"Select a file or drag in form"}),y&&e.jsx(c.Text,{className:"dropzone__hint-text",size:E,textColor:Q,textWeight:O,textWrap:V,children:y})]}):e.jsxs("div",{className:t("dropzone__hint","dropzone__hint_type_add-more",$&&`fill_${$}`,A&&`fill_hover_${A}`,U&&`border-width_${U}`,L&&`border-color_${L}`,D&&`border-color_hover_${D}`,M&&`border_type_${M}`,ne&&`shape_${ne}`),children:[e.jsx(c.Text,{className:"dropzone__hint-title",size:J,textColor:G,textWeight:K,textWrap:Y,children:X||"Select a file or drag in form"}),y&&e.jsx(c.Text,{className:"dropzone__hint-text",size:E,textColor:Q,textWeight:O,textWrap:V,children:y})]})]})]}),je&&e.jsx("div",{className:"dropzone__message",children:e.jsx(c.Text,{size:H,textColor:q,textWeight:k,children:je})})]})});exports.Dropzone=g,exports.dropzoneAppearance=_;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("react"),i=require("clsx"),o=require("@itcase/ui-core/hooks"),n=require("../../
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("react"),i=require("clsx"),o=require("@itcase/ui-core/hooks"),n=require("../../Button_cjs_F8vKfD-9.js"),s=require("../../default_cjs_BMdcKzhJ.js");require("@itcase/ui-core/utils"),require("../../primitives_cjs_Dw4SMbjT.js"),require("@rc-component/tooltip"),require("react-inlinesvg"),require("@itcase/ui-core/hoc"),require("../../Loader_cjs_BMOazvQA.js"),require("axios"),require("@itcase/common");const a={defaultPrimary:{fill:"surfaceSecondary",labelTextWeight:"400",borderColor:"surfaceBorderQuaternary",borderHover:"surfaceBorderHoverQuaternary",iconFill:"surfaceSecondary",iconFillHover:"surfaceHoverSecondary",iconFillIcon:"surfaceItemQuaternary",iconMinus:s.icons24.Form.Minus,iconPlus:s.icons24.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},u={errorPrimary:{fill:"errorTertiary",labelTextWeight:"400",borderColor:"errorBorderQuaternary",borderHover:"errorBorderHoverQuaternary",iconFill:"errorTertiary",iconFillHover:"errorHoverSecondary",iconFillIcon:"errorItemQuaternary",iconMinus:s.icons24.Form.Minus,iconPlus:s.icons24.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},t={requirePrimary:{fill:"warningTertiary",labelTextWeight:"400",borderColor:"warningBorderQuaternary",borderHover:"warningBorderHoverQuaternary",iconFill:"warningTertiary",iconFillHover:"warningHoverSecondary",iconFillIcon:"warningItemQuaternary",iconMinus:s.icons24.Form.Minus,iconPlus:s.icons24.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},l={...a,...u,...{successPrimary:{fill:"successTertiary",labelTextWeight:"400",borderColor:"successBorderQuaternary",borderHover:"successBorderHoverQuaternary",iconFill:"successTertiary",iconFillHover:"successHoverSecondary",iconFillIcon:"successItemQuaternary",iconMinus:s.icons24.Form.Minus,iconPlus:s.icons24.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},sizeXL:{size:"xl",iconSize:"24",inputNumberTextSize:"xl"},sizeL:{size:"l",iconSize:"24",inputNumberTextSize:"l"},sizeM:{size:"m",iconSize:"24",inputNumberTextSize:"m"},sizeS:{size:"s",iconSize:"24",inputNumberTextSize:"s"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{borderColor:"none"},ghost:{fill:"none",borderColor:"none"},...t},c={appearance:l,setAppearance:e=>{c.appearance=e}};exports.InputNumber=s=>{const{id:a,appearance:u,className:t,dataTestId:l,dataTour:d,type:p="custom",name:m,min:b=0,max:x=1/0,step:v=1,value:y=0,onChange:C}=s,h=r.useCallback(e=>{const{event:r,mode:i="button",operation:o}=e;let n;if("input"===i)n=Number(r?.target.value);else{n=y+("minus"===o?-v:v)}if(n<b||n>x)return null;C?.(n)},[x,b,C,v,y]),F=o.useAppearanceConfig(u,c),_=o.useDevicePropsGenerator(s,F),{fillClass:T,fillHoverClass:f,borderColorClass:S,borderColorHoverClass:z,borderWidthClass:g,iconFill:H,iconFillHover:N,iconFillIcon:Q,iconMinus:q,iconPlus:j,iconShape:P,iconSize:I,inputNumberTextColorClass:M,inputNumberTextSizeClass:$,inputNumberTextWeightClass:B,shapeClass:w,sizeClass:L,widthClass:W}=_;return"native"===p?e.jsx("input",{id:String(a),type:"number",min:b,max:x,step:v,value:y,onChange:e=>h({event:e,mode:"input"})}):e.jsxs("div",{id:String(a),className:i(t,"input-number","input-number__custom",S&&`border-color_${S}`,z&&`border-color_hover_${z}`,g&&`border-width_${g}`,T&&`fill_${T}`,f&&`fill_hover_${f}`,w&&`shape_${w}`,L&&`input-number_size_${L}`,W&&`width_${W}`),"data-testid":l+"Wrapper","data-tour":d,children:[e.jsx(n.Button,{className:"input-number__icon",icon:q,iconFill:H,iconFillHover:N,iconFillIcon:Q,iconShape:P,iconSize:I,onClick:()=>h({operation:"minus"})}),e.jsx("input",{className:i(M&&`text-color_${M}`,$&&`text_size_${$}`,B&&`text-weight_${B}`),type:"number",min:b,max:x,"data-testid":l||(m?`${m}-input-number`:"input-number"),step:v,value:y,onChange:e=>h({event:e,mode:"input"})}),e.jsx(n.Button,{className:"input-number__icon",icon:j,iconFill:H,iconFillHover:N,iconFillIcon:Q,iconShape:P,iconSize:I,onClick:()=>h({operation:"plus"})})]})},exports.inputNumberAppearance=l;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("clsx"),i=require("@itcase/ui-core/hooks"),o=require("@itcase/ui-core/utils"),a=require("../../
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("clsx"),i=require("@itcase/ui-core/hooks"),o=require("@itcase/ui-core/utils"),a=require("../../Button_cjs_F8vKfD-9.js"),t=require("../../primitives_cjs_Dw4SMbjT.js"),s=require("../../Loader_cjs_BMOazvQA.js"),c=require("../../default_cjs_BMdcKzhJ.js"),n=require("@itcase/ui-core/context");require("react"),require("axios"),require("@itcase/common"),require("@rc-component/tooltip"),require("react-inlinesvg"),require("@itcase/ui-core/hoc");const l={...{defaultPrimary:{fill:"surfacePrimary",fillHover:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",textColor:"surfaceTextPrimary",buttonAppearance:"accentPrimary sizeXXL solid rounded",loaderAppearance:"accentTertiary sizeS ghost rounded",closeIcon:c.icons24.Action.Close,closeIconAppearance:"surfacePrimary size12_12 ghost circular"}},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},sizeM:{size:"m",titleTextSize:"xxl",descTextSize:"m",loaderAppearanceSize:"sizeS",closeIconAppearanceSize:"size24_24"},sizeS:{size:"m",titleTextSize:"xl",descTextSize:"m",loaderAppearanceSize:"sizeS",closeIconAppearanceSize:"size24_24"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},...{errorPrimary:{fill:"errorPrimary",fillHover:"errorPrimary",titleTextColor:"errorTextPrimary",descTextColor:"errorTextPrimary",borderColor:"errorBorderPrimary",textColor:"errorTextPrimary",buttonAppearance:"surfacePrimary sizeXXL solid rounded",loaderAppearance:"errorPrimary sizeS solid rounded",closeIcon:c.icons24.Action.Close,closeIconAppearance:"errorPrimary size12_12 solid circular"}},...{infoPrimary:{fill:"infoPrimary",fillHover:"infoPrimary",titleTextColor:"infoTextPrimary",descTextColor:"infoTextPrimary",borderColor:"infoBorderPrimary",textColor:"infoTextPrimary",buttonAppearance:"surfacePrimary sizeXXL solid rounded",loaderAppearance:"infoPrimary sizeS solid rounded",closeIcon:c.icons24.Action.Close,closeIconAppearance:"infoPrimary size12_12 solid circular"}},...{successPrimary:{fill:"successPrimary",fillHover:"successPrimary",titleTextColor:"successTextPrimary",descTextColor:"successTextPrimary",borderColor:"successBorderPrimary",textColor:"successTextPrimary",buttonAppearance:"surfacePrimary sizeXXL solid rounded",loaderAppearance:"successPrimary sizeS solid rounded",closeIcon:c.icons24.Action.Close,closeIconAppearance:"successPrimary size12_12 ghost circular"}},...{warningPrimary:{fill:"warningPrimary",fillHover:"warningPrimary",titleTextColor:"warningTextPrimary",descTextColor:"warningTextPrimary",borderColor:"surfaceBorderPrimary",textColor:"warningTextPrimary",buttonAppearance:"surfacePrimary sizeXXL solid rounded",loaderAppearance:"warningPrimary sizeS solid rounded",closeIcon:c.icons24.Action.Close,closeIconAppearance:"warningPrimary size12_12 solid circular"}}},d={appearance:l,setAppearance:e=>{d.appearance=e}};function u(c){const{id:n,appearance:l,className:u,dataTestId:p,dataTour:m,type:f="float",title:x,text:y,before:P,after:_,isSkeleton:C,isLoading:z,onClickButton:T,onClickClose:A}=c,S=i.useAppearanceConfig(l,d),I=i.useDevicePropsGenerator(c,S),{fillClass:h,fillHoverClass:b,titleTextColor:g,titleTextSize:j,descTextColor:v,descTextSize:L,buttonAppearance:N,buttonLabel:q,elevationClass:w,loaderAppearance:X,loaderAppearanceSize:k,loaderFill:B,loaderItemFill:$,loaderSize:H,loaderType:F="dot",shapeClass:M,sizeClass:K,widthClass:D,closeIcon:G,closeIconAppearance:W,closeIconAppearanceSize:E,closeIconSrc:J}=I,{styles:O}=i.useStyles(c);return e.jsxs("div",{className:r("notification__item",`notification__item_${f}`,D&&`width_${D}`,w&&`elevation_${w}`,h&&`fill_${h}`,K&&`notification__item_size_${K}`,f&&`notification__item_type_${f}`,b&&`fill_${b}`,C&&"skeleton",M&&`shape_${M}`),"data-testid":p,"data-tour":m,style:O,children:[P,e.jsxs("div",{className:r(u,"notification__item-wrapper"),children:[x&&e.jsx(t.Text,{className:"notification__item-title",size:j,textColor:g,children:x}),y&&e.jsx(t.Text,{className:"notification__item-text",size:L,textColor:v,children:y}),z&&e.jsx(s.Loader,{appearance:o.mergeAppearanceKeys(X,k),className:r(u,"button__loader"),type:F,size:H,fill:B,itemFill:$}),A&&e.jsx(t.Icon,{appearance:o.mergeAppearanceKeys(W,E),className:r("notification__item-close","cursor_type_pointer"),imageSrc:J,SvgImage:G,onClick:()=>A&&A(n)}),T&&q&&e.jsx(a.Button,{appearance:N,className:"notification__item-button",width:"fill",label:q,onClick:T})]}),_]})}exports.Notification=u,exports.NotificationWrapper=function(i){const o=n.useNotifications(),{hideNotifications:a}=n.useNotificationsAPI(),{className:t,dataTestId:s,dataTour:c}=i;return e.jsx("div",{className:r("notification",t),"data-testid":s,"data-tour":c,children:e.jsx("div",{className:"notification__wrapper",children:o.map(r=>e.jsx(u,{id:r.id,appearance:r.appearance,type:r.type,title:r.title,status:r.status,text:r.text,buttonLabel:r.buttonLabel,after:r.after,closeIcon:r.closeIcon,closeIconSrc:r.closeIconSrc,isLoading:r.isLoading,onClickButton:r.onClickButton,onClickClose:a},r.id))})})},exports.notificationAppearance=l,exports.notificationConfig=d;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("./Response/img.js"),r=require("react/jsx-runtime"),a=require("react"),t=require("clsx"),o=require("@itcase/ui-core/hoc"),i=require("@itcase/ui-core/hooks"),s=require("../../
|
|
1
|
+
"use strict";var e=require("./Response/img.js"),r=require("react/jsx-runtime"),a=require("react"),t=require("clsx"),o=require("@itcase/ui-core/hoc"),i=require("@itcase/ui-core/hooks"),s=require("../../Button_cjs_F8vKfD-9.js"),n=require("../../Group_cjs_CiLUYKP7.js"),c=require("../../primitives_cjs_Dw4SMbjT.js");require("@itcase/ui-core/utils"),require("../../Loader_cjs_BMOazvQA.js"),require("axios"),require("@itcase/common"),require("@rc-component/tooltip"),require("react-inlinesvg");const l={confirm:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.responseIcon.Confirm),primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},d={danger:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.responseIcon.Danger),primaryButtonAppearance:"dangerPrimary sizeXXL solid rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"dangerPrimary",svgPathFill:"dangerPrimary"}},u={empty:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.responseIcon.Empty),primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},p={error:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.responseIcon.Error),primaryButtonAppearance:"errorPrimary sizeXXL solid rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"errorPrimary",svgPathFill:"errorPrimary"}},y={fail:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.responseIcon.Fail),primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},m={nothingFound:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.responseIcon.NothingFound),primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},f={refresh:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.responseIcon.Refresh),primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},x={success:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.responseIcon.Success),primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"accentPrimary",svgPathFill:"accentPrimary"}},g={...l,...u,...d,...f,...{unableLoadData:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.responseIcon.UnableLoadData),primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},...m,...y,...p,...x,...{warning:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.responseIcon.Warning),primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonAppearance:"warningPrimary sizeXXL solid rounded",svgFill:"warningPrimary",svgPathFill:"warningPrimary"}},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"}},B={appearance:g,setAppearance:e=>{B.appearance=e}},S=o.urlWithAssetPrefix(a.forwardRef(function(e,o){const{appearance:l,className:d,dataTestId:u,dataTour:p,width:y,height:m,title:f,desc:x,primaryButton:g,secondaryButton:S,showPrimaryButton:T=!0,showSecondaryButton:X=!0,before:h,after:z,isSkeleton:L,isBottomButton:P,onClickPrimaryButton:b,onClickSecondaryButton:A}=e,v=i.useAppearanceConfig(l,B),_=i.useDevicePropsGenerator(e,v),{fillClass:C,fillHoverClass:F,titleTextColor:w,titleTextSize:j,titleTextWeight:I,descTextColor:$,descTextSize:q,descTextWeight:N,borderColorClass:D,borderColorHoverClass:W,borderTypeClass:k,borderWidthClass:E,heightClass:H,imageSrc:Q,primaryButtonAfter:R,primaryButtonAppearance:G,primaryButtonBefore:U,primaryButtonFill:M,primaryButtonFillHover:O,primaryButtonLabel:J,primaryButtonLabelTextColor:K,primaryButtonLabelTextSize:V,primaryButtonShape:Y,primaryButtonSize:Z,primaryButtonWidth:ee,secondaryButtonAfter:re,secondaryButtonAppearance:ae,secondaryButtonBefore:te,secondaryButtonFill:oe,secondaryButtonFillHover:ie,secondaryButtonLabel:se,secondaryButtonLabelTextColor:ne,secondaryButtonLabelTextSize:ce,secondaryButtonShape:le,secondaryButtonSize:de,secondaryButtonWidth:ue,shapeClass:pe,svgFillClass:ye,SvgImage:me,svgPathFillClass:fe,svgSrc:xe,widthClass:ge}=_,Be=a.useMemo(()=>{const e=Q||xe,a=me;if(a){const e={};return y&&(e.width=y),m&&(e.height=m),r.jsx(a,{...e})}return e?r.jsx("img",{src:e}):null},[Q,xe,me,y,m]),{styles:Se,wrapper:Te}=i.useStyles(e);return r.jsxs("div",{className:t(d,"response",P&&"response_bottom-button",D&&`border-color_${D}`,W&&`border-color_hover_${W}`,k&&`border_type_${k}`,E&&`border-width_${E}`,C&&`fill_${C}`,F&&`fill_hover_${F}`,H&&`height_${H}`,pe&&`shape_${pe}`,ge&&`width_${ge}`,L&&"skeleton"),ref:o,"data-testid":u,"data-tour":p,style:Se,children:[h,r.jsxs("div",{className:"response__wrapper",style:Te,children:[Be&&r.jsx("div",{className:t("response__image",ye&&`svg_fill_${ye}`,fe&&`svg_path_fill_${fe}`),"data-testid":u&&`${u}Image`,children:Be}),r.jsxs("div",{className:"response__wrapper-inner",children:[void 0!==f&&r.jsx(c.Text,{className:"response__title",dataTestId:u&&`${u}Title`,size:j,textColor:w,textWeight:I,children:f}),x&&r.jsx(c.Text,{className:"response__desc",dataTestId:u&&`${u}Desc`,size:q,textColor:$,textWeight:N,children:x})]})]}),(J||g||se||S||v)&&r.jsxs(n.Group,{className:"response__button",width:"fill",children:[J&&T?r.jsx(s.Button,{appearance:G,className:"response__button-item",dataTestId:u&&`${u}PrimaryButton`,width:ee||"fill",size:Z,fill:M,fillHover:O,label:J,labelTextColor:K,labelTextSize:V,shape:Y,before:U,after:R,onClick:b}):g,se&&X?r.jsx(s.Button,{appearance:ae,className:"response__button-item",dataTestId:u&&`${u}SecondaryButton`,width:ue||"fill",size:de,fill:oe,fillHover:ie,label:se,labelTextColor:ne,labelTextSize:ce,shape:le,before:te,after:re,onClick:A}):S]}),z]})})),T={error:{appearance:"error ghost rounded",title:"Ошибка",desc:"Возникла проблема с обработкой вашего запроса. Повторите попытку позже или обратитесь в поддержку по электронной почте: support@example.com",primaryButtonAppearance:"errorPrimary sizeXXL solid rounded",primaryButtonLabel:"ОК",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},errorAccessDenied:{appearance:"unableLoadData ghost rounded",title:"Доступ ограничен",desc:"Для выяснения причин и восстановления доступа обратитесь, пожалуйста, в техническую поддержку по электронной почте: support@example.com",code:"401/403",imageSrc:e.responseIcon.UnableLoadData,primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"Повторить",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},errorNetwork:{appearance:"unableLoadData ghost rounded",title:"Ошибка соединения",desc:"Не удалось подключиться. Проверьте интернет-соединение и повторите попытку",imageSrc:e.responseIcon.UnableLoadData,primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"Обновить",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},fail:{appearance:"fail ghost rounded",primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"ОК"},nothingFound:{appearance:"nothingFound",title:"Ничего не найдено",desc:"Нет данных по заданным параметрам",primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"Сбросить",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},confirm:{appearance:"confirm",title:"Вы уверены?",primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",primaryButtonLabel:"Да",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},empty:{appearance:"empty ghost rounded",title:"Список пуст",desc:"Нет данных по заданным параметрам",code:"200",primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"ОК"},success:{appearance:"success ghost rounded",title:"Готово",desc:"Операция успешно выполнена",code:"200",primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",primaryButtonLabel:"ОК"},warning:{appearance:"warning ghost rounded",title:"Внимание",primaryButtonAppearance:"warningPrimary sizeXXL solid rounded",primaryButtonLabel:"Повторить",secondaryButtonAppearance:"warningPrimary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"}};exports.responseIcon=e.responseIcon,exports.RESPONSE_MESSAGES=T,exports.Response=S,exports.responseAppearance=g,exports.responseConfig=B;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("react"),i=require("clsx"),l=require("@itcase/ui-core/hooks"),a=require("../../primitives_cjs_Dw4SMbjT.js");require("@rc-component/tooltip"),require("react-inlinesvg"),require("@itcase/ui-core/hoc"),require("@itcase/ui-core/utils");const t={disabledPrimary:{fill:"surfaceDisabled",fillActive:"surfaceTertiary",labelTextActiveColor:"surfaceTextActiveQuaternary",labelTextColor:"surfaceTextQuaternary",borderColor:"surfaceBorderPrimary",iconFill:"surfaceItemPrimary",iconFillActive:"surfaceItemPrimary"},sizeL:{size:"l",labelTextSize:"m",iconSize:"24"},sizeM:{size:"m",labelTextSize:"m",iconSize:"24"},sizeS:{size:"s",labelTextSize:"s",iconSize:"20"},sizeXS:{size:"xs",labelTextSize:"xs",iconSize:"16"},sizeXXS:{size:"xxs",labelTextSize:"xxs",iconSize:"14"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},solid:{borderColor:"none"},outlined:{fill:"none",fillActive:"none"},full:{},ghost:{fill:"none",fillActive:"none",borderColor:"none"},errorPrimary:{fill:"errorTertiary",fillActive:"errorPrimary",fillHover:"errorHoverPrimary",labelTextActiveColor:"errorTextPrimary",labelTextColor:"errorTextSecondary",labelTextColorHover:"errorTextPrimary",borderColor:"errorBorderQuaternary",iconFill:"errorItemSecondary",iconFillActive:"errorItemTertiary"},successPrimary:{fill:"successTertiary",fillActive:"successSecondary",fillActiveHover:"successSecondary",fillHover:"successSecondary",labelTextActiveColor:"successTextPrimary",labelTextActiveColorHover:"successTextPrimary",labelTextColor:"successTextQuaternary",labelTextColorHover:"successTextPrimary",borderColor:"successBorderSecondary",iconFill:"successItemSecondary",indicatorFill:"accentPrimary"},defaultPrimary:{fill:"surfacePrimary",fillActive:"accentPrimary",fillActiveHover:"accentPrimary",fillHover:"surfaceHoverSecondary",labelTextActiveColor:"accentTextPrimary",labelTextActiveColorHover:"accentTextPrimary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderQuaternary",iconFill:"surfaceItemQuaternary",iconFillActive:"surfaceItemSecondary",indicatorFill:"accentPrimary"},defaultSecondary:{fill:"surfaceSecondary",fillActive:"accentPrimary",fillActiveHover:"accentActiveHoverPrimary",fillHover:"surfaceHoverTertiary",labelTextActiveColor:"accentTextPrimary",labelTextActiveColorHover:"accentTextActiveHoverPrimary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderQuaternary",iconFill:"surfaceItemQuaternary",iconFillActive:"surfaceItemSecondary",indicatorFill:"accentPrimary"},requirePrimary:{fill:"warningTertiary",fillActive:"warningPrimary",fillActiveHover:"warningPrimary",fillHover:"warningSecondary",labelTextActiveColor:"warningTextPrimary",labelTextColor:"warningTextSecondary",labelTextColorHover:"warningTextSecondary",borderColor:"warningBorderSecondary",iconFill:"warningItemSecondary"}},o={appearance:t,setAppearance:e=>{o.appearance=e}};exports.Segmented=t=>{const{appearance:c,className:s,dataTestId:n,dataTour:d,name:v,activeSegment:m,segments:u,
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("react"),i=require("clsx"),l=require("@itcase/ui-core/hooks"),a=require("../../primitives_cjs_Dw4SMbjT.js");require("@rc-component/tooltip"),require("react-inlinesvg"),require("@itcase/ui-core/hoc"),require("@itcase/ui-core/utils");const t={disabledPrimary:{fill:"surfaceDisabled",fillActive:"surfaceTertiary",labelTextActiveColor:"surfaceTextActiveQuaternary",labelTextColor:"surfaceTextQuaternary",borderColor:"surfaceBorderPrimary",iconFill:"surfaceItemPrimary",iconFillActive:"surfaceItemPrimary"},sizeL:{size:"l",labelTextSize:"m",iconSize:"24"},sizeM:{size:"m",labelTextSize:"m",iconSize:"24"},sizeS:{size:"s",labelTextSize:"s",iconSize:"20"},sizeXS:{size:"xs",labelTextSize:"xs",iconSize:"16"},sizeXXS:{size:"xxs",labelTextSize:"xxs",iconSize:"14"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},solid:{borderColor:"none"},outlined:{fill:"none",fillActive:"none"},full:{},ghost:{fill:"none",fillActive:"none",borderColor:"none"},errorPrimary:{fill:"errorTertiary",fillActive:"errorPrimary",fillHover:"errorHoverPrimary",labelTextActiveColor:"errorTextPrimary",labelTextColor:"errorTextSecondary",labelTextColorHover:"errorTextPrimary",borderColor:"errorBorderQuaternary",iconFill:"errorItemSecondary",iconFillActive:"errorItemTertiary"},successPrimary:{fill:"successTertiary",fillActive:"successSecondary",fillActiveHover:"successSecondary",fillHover:"successSecondary",labelTextActiveColor:"successTextPrimary",labelTextActiveColorHover:"successTextPrimary",labelTextColor:"successTextQuaternary",labelTextColorHover:"successTextPrimary",borderColor:"successBorderSecondary",iconFill:"successItemSecondary",indicatorFill:"accentPrimary"},defaultPrimary:{fill:"surfacePrimary",fillActive:"accentPrimary",fillActiveHover:"accentPrimary",fillHover:"surfaceHoverSecondary",labelTextActiveColor:"accentTextPrimary",labelTextActiveColorHover:"accentTextPrimary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderQuaternary",iconFill:"surfaceItemQuaternary",iconFillActive:"surfaceItemSecondary",indicatorFill:"accentPrimary"},defaultSecondary:{fill:"surfaceSecondary",fillActive:"accentPrimary",fillActiveHover:"accentActiveHoverPrimary",fillHover:"surfaceHoverTertiary",labelTextActiveColor:"accentTextPrimary",labelTextActiveColorHover:"accentTextActiveHoverPrimary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderQuaternary",iconFill:"surfaceItemQuaternary",iconFillActive:"surfaceItemSecondary",indicatorFill:"accentPrimary"},requirePrimary:{fill:"warningTertiary",fillActive:"warningPrimary",fillActiveHover:"warningPrimary",fillHover:"warningSecondary",labelTextActiveColor:"warningTextPrimary",labelTextColor:"warningTextSecondary",labelTextColorHover:"warningTextSecondary",borderColor:"warningBorderSecondary",iconFill:"warningItemSecondary"}},o={appearance:t,setAppearance:e=>{o.appearance=e}};exports.Segmented=t=>{const{appearance:c,className:s,dataTestId:n,dataTour:d,name:v,activeSegment:m,segments:u,before:f,after:x,isDisabled:y,isSkeleton:b,setActiveSegment:_,onChange:A}=t,T=r.useRef(null),C=r.useMemo(()=>new Map(u.map(e=>[e.value,r.createRef()])),[u]),g=r.useCallback(e=>{A&&A(e.value,v),_&&_(e)},[v,A,_]);r.useEffect(()=>{let e=0,r=0;const i=C.get(m.value);i?.current&&(e=i.current.offsetWidth,r=i.current.offsetLeft),T.current?.style.setProperty("--segmented-active-width",`${e}px`),T.current?.style.setProperty("--segmented-active-x-pos",`${r}px`)},[m,C]);const p=l.useAppearanceConfig(c,o,y),S=l.useDevicePropsGenerator(t,p),{fillActiveClass:P,fillActiveHoverClass:z,fillClass:h,fillHoverClass:F,labelTextActiveColor:H,labelTextActiveColorHover:$,labelTextColor:I,labelTextColorHover:w,labelTextSize:j,labelTextWrap:N,borderColorClass:q,borderTypeClass:B,borderWidthClass:D,iconFill:Q,iconFillActive:L,iconFillDisabled:k,iconSize:M,indicatorFillClass:X,shapeClass:W,sizeClass:R,widthClass:E}=S;return e.jsxs("div",{className:i(s,"segmented",W&&`shape_${W}`,h&&`fill_${h}`,E&&`segmented_width_${E}`,R&&`segmented_size_${R}`,q&&`border-color_${q}`,D&&`border-width_${D}`,B&&`border_type_${B}`,b&&"skeleton"),ref:T,"data-testid":n,"data-tour":d,children:[f&&e.jsx("div",{className:"segmented__before",children:f}),e.jsx("div",{className:"segmented__wrapper",children:e.jsxs("div",{className:i("segmented__wrapper-inner"),children:[u?.map(r=>{const l=m.value===r.value;return e.jsx("div",{className:i("segmented__item",!r.label&&"segmented__item_icon",R&&`segmented__item_size_${R}`,l&&"segmented__item_active",!l&&y&&"segmented__item_state_disabled",l&&y&&"segmented__item_active_state_disabled",l?z&&`fill_active_hover_${z}`:F&&`fill_hover_${F}`,l&&P&&`fill_active_${P}`),ref:C.get(r.value),"data-testid":n?`${n}${String(r.value).replace(/(^|[_-])([a-zA-Z0-9])/g,(e,r,i)=>i.toUpperCase())}Option`:void 0,onClick:()=>!y&&g(r),children:e.jsxs("div",{className:i("segmented__item-label",R&&`segmented_size_${R}`),children:[r.iconBefore||r.iconBeforeActive?e.jsx(a.Icon,{className:"segmented__item-icon",iconFill:Q,iconFillActive:L,iconFillDisabled:k,iconSize:M,SvgImage:l&&r.iconBeforeActive||r.iconBefore,isActive:l,isDisabled:y}):null,r.label&&e.jsx(a.Text,{size:j,textColor:I,textColorActive:H,textColorActiveHover:$,textColorHover:w,textWrap:N,isActive:l,children:r.label}),r.icon||r.iconActive?e.jsx(a.Icon,{className:"segmented__item-icon",iconFill:Q,iconFillActive:L,iconFillDisabled:k,iconSize:M,SvgImage:l&&r.iconActive||r.icon,isActive:l,isDisabled:y}):null,r.iconAfter||r.iconAfterActive?e.jsx(a.Icon,{className:"segmented__item-icon",iconFill:Q,iconFillActive:L,iconFillDisabled:k,iconSize:M,SvgImage:l&&r.iconAfterActive||r.iconAfter,isActive:l,isDisabled:y}):null]})},`${v}-${r.value}`)}),e.jsx("div",{className:i("segmented__indicator",X&&`fill_${X}`)})]})}),x&&e.jsx("div",{className:"segmented__after",children:x})]})},exports.segmentedAppearance=t,exports.segmentedConfig=o;
|