@itcase/ui-web 1.10.35 → 1.10.36
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 +4 -6
- package/dist/Button_cjs_Dq2pZYkE.js +0 -1
- package/dist/Button_es_l1l4XH3Z.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),i=require("react"),r=require("clsx"),a=require("@itcase/ui-core/hooks"),l=require("@itcase/ui-core/utils"),s=require("../../primitives_cjs_Dw4SMbjT.js");require("@rc-component/tooltip"),require("react-inlinesvg"),require("@itcase/ui-core/hoc");const c={warningPrimary:{fill:"warningPrimary",fillDisabled:"disabledPrimary",labelColor:"warningTextPrimary",labelColorActive:"warningTextPrimary",badgeAppearance:"warningPrimary sizeM solid rounded",dividerFill:"accentPrimary",dividerFillDisabled:"disabledPrimary"},errorPrimary:{fill:"errorPrimary",fillDisabled:"disabledPrimary",labelColor:"errorTextPrimary",labelColorActive:"errorTextPrimary",labelColorDisabled:"errorTextDisabled",badgeAppearance:"errorPrimary sizeM solid rounded",dividerFill:"accentPrimary",dividerFillDisabled:"errorDisabled"},successPrimary:{fill:"successPrimary",fillDisabled:"successDisabled",labelColor:"successTextPrimary",labelColorActive:"successTextPrimary",labelColorDisabled:"successTextDisabled",badgeAppearance:"successPrimary sizeM solid rounded",dividerFill:"accentPrimary",dividerFillDisabled:"successDisabled"},surfacePrimary:{fill:"surfacePrimary",fillActive:"surfaceActivePrimary",fillActiveHover:"surfaceHoverSecondary",fillDisabled:"surfaceDisabled",fillHover:"surfaceHoverSecondary",labelTextColor:"surfaceTextPrimary",labelTextColorActive:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",borderColorActive:"surfaceBorderActivePrimary",badgeAppearance:"accentPrimary sizeM solid circular",dividerFill:"surfacePrimary",dividerFillActive:"accentPrimary",dividerFillDisabled:"accentDisabled",iconFillIcon:"surfaceItemPrimary"},surfaceQuaternary:{fill:"surfaceQuaternary",fillActive:"accentActivePrimary",fillActiveHover:"surfaceHoverTertiary",fillDisabled:"surfaceDisabled",fillHover:"surfaceHoverQuaternary",labelTextColor:"surfaceTextPrimary",labelTextColorActive:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",borderColorActive:"surfaceBorderActivePrimary",badgeAppearance:"accentPrimary sizeM solid circular",dividerFillActive:"accentPrimary",dividerFillDisabled:"accentDisabled",iconFillIcon:"surfaceItemPrimary"},surfaceSecondary:{fill:"surfaceSecondary",fillActive:"surfaceActiveSecondary",fillActiveHover:"surfaceHoverTertiary",fillDisabled:"surfaceDisabled",fillHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",labelTextColorActive:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",borderColorActive:"surfaceBorderActivePrimary",badgeAppearance:"accentPrimary sizeM solid circular",dividerFillActive:"accentPrimary",dividerFillDisabled:"accentDisabled",iconFillIcon:"surfaceItemPrimary"},surfaceTertiary:{fill:"surfaceTertiary",fillActive:"surfaceActiveSecondary",fillActiveHover:"surfaceHoverTertiary",fillDisabled:"surfaceDisabled",fillHover:"surfaceHoverSecondary",labelTextColor:"surfaceTextPrimary",labelTextColorActive:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",borderColorActive:"surfaceBorderActivePrimary",badgeAppearance:"accentPrimary sizeM solid circular",dividerFillActive:"accentPrimary",dividerFillDisabled:"accentDisabled",iconFillIcon:"surfaceItemPrimary"},sizeXXL:{size:"xxl",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s",dividerSizeActive:"m"},sizeXL:{size:"xl",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s",dividerSizeActive:"m"},sizeL:{size:"l",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s",dividerSizeActive:"m"},sizeM:{size:"m",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s",dividerSizeActive:"m"},sizeS:{size:"s",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s",dividerSizeActive:"m"},sizeXS:{size:"xs",labelTextSize:"xs",badgeAppearanceSize:"sizeXS",dividerSize:"s",dividerSizeActive:"m"},sizeXXS:{size:"xxs",labelTextSize:"xs",badgeAppearanceSize:"sizeXXS",dividerSize:"s",dividerSizeActive:"m"},solid:{borderColor:"none",borderColorActive:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none",borderColorActive:"none",dividerFill:"none"}},t={appearance:c,setAppearance:e=>{t.appearance=e}};function o(c){const{appearance:o,className:d,dataTestId:n,dataTour:b,label:v,badgeValue:u,href:
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),i=require("react"),r=require("clsx"),a=require("@itcase/ui-core/hooks"),l=require("@itcase/ui-core/utils"),s=require("../../primitives_cjs_Dw4SMbjT.js");require("@rc-component/tooltip"),require("react-inlinesvg"),require("@itcase/ui-core/hoc");const c={warningPrimary:{fill:"warningPrimary",fillDisabled:"disabledPrimary",labelColor:"warningTextPrimary",labelColorActive:"warningTextPrimary",badgeAppearance:"warningPrimary sizeM solid rounded",dividerFill:"accentPrimary",dividerFillDisabled:"disabledPrimary"},errorPrimary:{fill:"errorPrimary",fillDisabled:"disabledPrimary",labelColor:"errorTextPrimary",labelColorActive:"errorTextPrimary",labelColorDisabled:"errorTextDisabled",badgeAppearance:"errorPrimary sizeM solid rounded",dividerFill:"accentPrimary",dividerFillDisabled:"errorDisabled"},successPrimary:{fill:"successPrimary",fillDisabled:"successDisabled",labelColor:"successTextPrimary",labelColorActive:"successTextPrimary",labelColorDisabled:"successTextDisabled",badgeAppearance:"successPrimary sizeM solid rounded",dividerFill:"accentPrimary",dividerFillDisabled:"successDisabled"},surfacePrimary:{fill:"surfacePrimary",fillActive:"surfaceActivePrimary",fillActiveHover:"surfaceHoverSecondary",fillDisabled:"surfaceDisabled",fillHover:"surfaceHoverSecondary",labelTextColor:"surfaceTextPrimary",labelTextColorActive:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",borderColorActive:"surfaceBorderActivePrimary",badgeAppearance:"accentPrimary sizeM solid circular",dividerFill:"surfacePrimary",dividerFillActive:"accentPrimary",dividerFillDisabled:"accentDisabled",iconFillIcon:"surfaceItemPrimary"},surfaceQuaternary:{fill:"surfaceQuaternary",fillActive:"accentActivePrimary",fillActiveHover:"surfaceHoverTertiary",fillDisabled:"surfaceDisabled",fillHover:"surfaceHoverQuaternary",labelTextColor:"surfaceTextPrimary",labelTextColorActive:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",borderColorActive:"surfaceBorderActivePrimary",badgeAppearance:"accentPrimary sizeM solid circular",dividerFillActive:"accentPrimary",dividerFillDisabled:"accentDisabled",iconFillIcon:"surfaceItemPrimary"},surfaceSecondary:{fill:"surfaceSecondary",fillActive:"surfaceActiveSecondary",fillActiveHover:"surfaceHoverTertiary",fillDisabled:"surfaceDisabled",fillHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",labelTextColorActive:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",borderColorActive:"surfaceBorderActivePrimary",badgeAppearance:"accentPrimary sizeM solid circular",dividerFillActive:"accentPrimary",dividerFillDisabled:"accentDisabled",iconFillIcon:"surfaceItemPrimary"},surfaceTertiary:{fill:"surfaceTertiary",fillActive:"surfaceActiveSecondary",fillActiveHover:"surfaceHoverTertiary",fillDisabled:"surfaceDisabled",fillHover:"surfaceHoverSecondary",labelTextColor:"surfaceTextPrimary",labelTextColorActive:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",borderColorActive:"surfaceBorderActivePrimary",badgeAppearance:"accentPrimary sizeM solid circular",dividerFillActive:"accentPrimary",dividerFillDisabled:"accentDisabled",iconFillIcon:"surfaceItemPrimary"},sizeXXL:{size:"xxl",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s",dividerSizeActive:"m"},sizeXL:{size:"xl",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s",dividerSizeActive:"m"},sizeL:{size:"l",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s",dividerSizeActive:"m"},sizeM:{size:"m",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s",dividerSizeActive:"m"},sizeS:{size:"s",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s",dividerSizeActive:"m"},sizeXS:{size:"xs",labelTextSize:"xs",badgeAppearanceSize:"sizeXS",dividerSize:"s",dividerSizeActive:"m"},sizeXXS:{size:"xxs",labelTextSize:"xs",badgeAppearanceSize:"sizeXXS",dividerSize:"s",dividerSizeActive:"m"},solid:{borderColor:"none",borderColorActive:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none",borderColorActive:"none",dividerFill:"none"}},t={appearance:c,setAppearance:e=>{t.appearance=e}};function o(c){const{appearance:o,className:d,dataTestId:n,dataTour:b,label:v,badgeValue:u,href:f,link:p,rel:y,target:m,before:x,after:A,isActive:z=!1,isDisabled:S=!1,isSkeleton:T,onClick:g,onMouseEnter:C,children:P}=c,_=a.useAppearanceConfig(o,t,S),D=a.useDevicePropsGenerator(c,_),{rootClasses:h}=a.useActiveClasses({propsGenerator:D,isActive:z,isDisabled:S}),{justifyContentClass:F,alignClass:H,labelTextAlign:j,labelTextColor:w,labelTextColorActive:$,labelTextColorHover:I,labelTextSize:X,labelTextStyle:k,labelTextWeight:N,labelTextWrap:B,badgeAppearance:M,badgeAppearanceSize:q,badgeShape:L,badgeSize:W,badgeTextColor:G,badgeTextSize:Q,dividerFill:V,dividerFillActive:E,dividerFillActiveHover:K,dividerFillDisabled:O,dividerFillHover:J,dividerSize:R,dividerSizeActive:U,icon:Y,iconFill:Z,iconFillIcon:ee,iconFillSize:ie,iconShape:re,iconSize:ae,iconSrc:le,linkFill:se,shapeClass:ce,sizeClass:te,widthClass:oe}=D,{styles:de}=a.useStyles(c);return e.jsx("div",{className:r("tab",d,h,z&&"tab_state_active",S&&"tab_state_disabled",te&&`tab_size_${te}`,ce&&`shape_${ce}`,oe&&`width_${oe}`,F&&`tab_justify-content_${F}`,T&&"skeleton",g&&"cursor_type_pointer"),"data-testid":n&&`${n}Tab`,"data-tour":b,style:de,onClick:g,onMouseEnter:C,children:e.jsxs(s.Link,{className:r("tab__link",!S&&"cursor_type_pointer"),fill:se,href:p||f,rel:y,target:m,children:[x,P||e.jsxs(i.Fragment,{children:[e.jsxs("div",{className:r("tab__wrapper",H&&`align_${H}`),children:[v&&e.jsx(s.Text,{className:"tab__label",size:X,textAlign:j,textColor:w,textColorActive:$,textColorHover:I,textStyle:k,textWeight:N,textWrap:B,isActive:z,isDisabled:S,children:v}),Boolean(u)&&e.jsx(s.Badge,{appearance:l.mergeAppearanceKeys(M,q),dataTestId:n&&`${n}TabBadge`,size:W,textColor:G,textSize:Q,shape:L,value:u}),(Y||le)&&e.jsx(s.Icon,{className:"tab__icon_after",fill:Z,fillSize:ie,iconFill:ee,iconSize:ae,imageSrc:le,shape:re,SvgImage:Y})]}),z,e.jsx(s.Divider,{className:"tab__divider",width:"fill",direction:"horizontal",size:z?U:R,fill:V,fillActive:E,fillActiveHover:K,fillDisabled:O,fillHover:J,zIndex:"1",isActive:z,isDisabled:S})]}),A]})})}exports.Tab=o,exports.TabGroup=function(l){const{className:s,dataTestId:c,dataTour:t,horizontalScroll:d,style:n,tabAppearance:b,tabList:v,before:u,after:f,children:p}=l,y=a.useDevicePropsGenerator(l),{directionClass:m,alignClass:x,alignDirectionClass:A,fillClass:z,borderColorClass:S,borderTypeClass:T,borderWidthClass:g,widthClass:C,wrapClass:P}=y,{styles:_,wrapper:D}=a.useStyles(l);return e.jsxs("div",{className:r(s,"tab-group","group",C&&`width_${C}`,A&&`align_${A}`,m&&`group_direction_${m}`,x&&`align_${x}`,z&&`fill_${z}`,d&&"group_scroll_horizontal",P&&`group_wrap_${P}`,S&&`border-color_${S}`,g&&`border-width_${g}`,T&&`border_type_${T}`),"data-testid":c,"data-tour":t,style:Object.assign({},_,n),children:[u&&e.jsx("div",{className:"tab-group__before",children:u}),d?e.jsxs("div",{className:"tab-group__wrapper",style:D,children:[v?.map(i=>e.jsx(o,{appearance:b,dataTour:i.dataTour,label:i.label,isActive:i.isActive},i.key)),p]}):e.jsxs(i.Fragment,{children:[v?.map(i=>e.jsx(o,{appearance:b,dataTour:i.dataTour,label:i.label,badgeValue:i.badgeValue,icon:i.icon,iconSrc:i.iconSrc,isActive:i.isActive,onClick:i.onClick},i.key)),p]}),f&&e.jsx("div",{className:"tab-group__after",children:f})]})},exports.tabAppearance=c,exports.tabConfig=t;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{B as Button,b as buttonAppearance,a as buttonConfig}from"../
|
|
1
|
+
export{B as Button,b as buttonAppearance,a as buttonConfig}from"../Button_es_7K5ecrgl.js";import"react/jsx-runtime";import"react";import"clsx";import"@itcase/ui-core/hooks";import"@itcase/ui-core/utils";import"../primitives_es_C4dQ1kEP.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"../Loader_es_DLwXAfhK.js";import"axios";import"@itcase/common";
|
package/dist/components/Chips.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{C as Chips,a as ChipsGroup,c as chipsAppearance,b as chipsConfig}from"../
|
|
1
|
+
export{C as Chips,a as ChipsGroup,c as chipsAppearance,b as chipsConfig}from"../ChipsGroup_es_BG3rhNzZ.js";import"react/jsx-runtime";import"clsx";import"@itcase/ui-core/hooks";import"../primitives_es_C4dQ1kEP.js";import"@rc-component/tooltip";import"react";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useRef as o,useMemo as i,useCallback as r,useEffect as a}from"react";import s from"clsx";import n from"js-cookie";import{useAppearanceConfig as l,useDevicePropsGenerator as c}from"@itcase/ui-core/hooks";import{B as m}from"../
|
|
1
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useRef as o,useMemo as i,useCallback as r,useEffect as a}from"react";import s from"clsx";import n from"js-cookie";import{useAppearanceConfig as l,useDevicePropsGenerator as c}from"@itcase/ui-core/hooks";import{B as m}from"../Button_es_7K5ecrgl.js";import{T as p}from"../primitives_es_C4dQ1kEP.js";import"@itcase/ui-core/utils";import"../Loader_es_DLwXAfhK.js";import"axios";import"@itcase/common";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";const d={defaultPrimary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",messageTextColor:"surfaceTextPrimary",messageTextSize:"s",elevation:"8",buttonAppearance:"accentPrimary sizeXL solid rounded",buttonWidth:"fill"}},u={appearance:d,setAppearance:e=>{u.appearance=e}};function f(d){const{appearance:f,className:b,dataTestId:v,dataTour:x,message:g,isHideOnScroll:h=!1}=d,w=o(null),_=i(()=>"close"!==n.get("cookies-warning"),[]),T=r(()=>{w.current?.classList.add("cookies-warning_state_hidden"),n.set("cookies-warning","close")},[]);a(()=>(h&&window.addEventListener("scroll",T,!0),()=>{window.removeEventListener("scroll",T,!0)}),[T,h]),a(()=>{_||window.removeEventListener("scroll",T,!0)},[T,_]);const L=l(f,u),k=c(d,L),{fillClass:z,messageTextColor:C,messageTextSize:S,buttonAppearance:j,buttonFill:y,buttonFillHover:H,buttonLabel:P,buttonLabelSize:A,buttonLabelTextColor:E,buttonShape:N,buttonSize:B,buttonWidth:F,elevationClass:W}=k;return _&&e("div",{className:s("cookies-warning",b,z&&`fill_${z}`,W&&`elevation_${W}`),ref:w,"data-testid":v,"data-tour":x,children:t("div",{className:"cookies-warning__inner",children:[e(p,{size:S,textColor:C,children:g}),e(m,{appearance:j,width:F,size:B,fill:y,fillHover:H,labelTextColor:E,labelTextSize:A,shape:N,onClick:T,children:P})]})})}export{f as CookiesWarning,d as cookiesWarningAppearance,u as cookiesWarningConfig};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as a}from"react/jsx-runtime";import{useCallback as t}from"react";import r from"clsx";import{DateTime as i}from"luxon";import{useAppearanceConfig as s,useDevicePropsGenerator as c,useStyles as p}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as o}from"@itcase/ui-core/utils";import{a as d,C as n}from"../
|
|
1
|
+
import{jsxs as e,jsx as a}from"react/jsx-runtime";import{useCallback as t}from"react";import r from"clsx";import{DateTime as i}from"luxon";import{useAppearanceConfig as s,useDevicePropsGenerator as c,useStyles as p}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as o}from"@itcase/ui-core/utils";import{a as d,C as n}from"../ChipsGroup_es_BG3rhNzZ.js";import{D as l}from"../DatePicker_es_Du-3MZ9y.js";import"react-select";import"../primitives_es_C4dQ1kEP.js";import{S as u}from"../SelectContainer_es_CXH64IO5.js";import"../Group_es_DIuSNHx3.js";import{DATE_PERIOD_INTERVALS as h}from"@itcase/common";import"date-fns/locale";import"react-datepicker";import"../Button_es_7K5ecrgl.js";import"../Loader_es_DLwXAfhK.js";import"axios";import"../Input_es_DabuPYuA.js";import"../default_es_CsYL84NN.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"react-select/creatable";const S={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"}},m=Object.values(h);function z(){const e=i.now().startOf("day");return{label:"Год",dateIntervalsList:[e.minus({year:1}).toISODate(),e.toISODate()],value:"backYear"}}const P={appearance:S,setAppearance:e=>{P.appearance=e}};function _(S){const{appearance:_,className:f,dataTestId:k,dataTour:A,type:y="year",datePeriodIntervalsList:I,datePeriodSelectFirstOptions:v,datePeriodSelectFirstPlaceholder:L="Выбрать",datePeriodSelectFirstValue:w,datePeriodSelectSecondOptions:M,datePeriodSelectSecondPlaceholder:b="Выбрать",datePeriodSelectSecondValue:D,datePeriodValueEnd:C,datePeriodValueStart:g,datePickerInputWidth:W,monthsShown:j=2,popperPlacement:F,selectFirstIsSearchable:x=!0,selectFirstWidth:N="180px",selectSecondIsSearchable:O=!0,selectSecondWidth:$="180px",selectsRange:V=!0,showWeekNumbers:X=!1,isDisabled:T,isSkeleton:G,onChangeDatePeriod:H,onChangeDatePeriodFirstSelect:J,onChangeDatePeriodSecondSelect:K,onKeyDown:R}=S,Y=s(_,P,T),B=c(S,Y),{fillClass:E,chipsAppearance:Q,chipsAppearanceSize:q,chipsShape:U,datePickerAppearance:Z,datePickerAppearanceSize:ee,datePickerInputAppearance:ae,datePickerInputAppearanceSize:te,datePickerInputFillHover:re,datePickerInputTextSize:ie,selectAppearance:se,selectAppearanceSize:ce,selectShape:pe,shapeClass:oe,sizeClass:de,widthClass:ne}=B,le=function(e="year",a){if("period"===e)return[];const t=a??m;if("year"===e)return t.some(e=>"backYear"===e.value)?t:[...t,z()];const r="month"===e?h.backMonth.value:h.backQuarter.value,i=m.findIndex(e=>e.value===r),s=new Set(m.slice(0,i+1).map(e=>e.value));return t.filter(e=>s.has(e.value))}(B.type??y,I),ue=B.datePickerInputWidth??W,{styles:he}=p(S),Se=t(e=>{const a=e.dateIntervalsList[0],t=e.dateIntervalsList[1];H?.(new Date(a),new Date(t))},[H]),me=t(e=>{const a=e.dateIntervalsList[0],t=e.dateIntervalsList[1];let r=null,s=null;return g&&(r=i.fromJSDate(new Date(g)).toISODate()),C&&(s=i.fromJSDate(new Date(C)).toISODate()),a===r&&t===s},[C,g]);return e("div",{className:r(f,"date-period",ne&&`width_${ne}`,de&&`date-period_size_${de}`,G&&"skeleton"),"data-testid":k,"data-tour":A,style:he,children:[e("div",{className:r("date-period__wrapper",oe&&`shape_${oe}`,E&&`fill_${E}`,ne&&`width_${ne}`,"cursor_type_pointer"),children:[le.length>0&&a(d,{className:"date-period__choice",direction:"horizontal",children:le.map(e=>a(n,{appearance:o(Q,q),label:e.label,shape:U,isActive:me(e),onClick:()=>Se(e)},e.value))}),a(l,{className:"date-period__datepicker",width:ue,datePickerProps:{appearance:o(Z,ee),dateFormat:"dd/MM/yyyy",monthsShown:B.monthsShown??j,popperPlacement:F,selectsRange:V,showWeekNumbers:X,isClearable:!1,onKeyDown:R},endValue:C,inputProps:{appearance:o(ae,te,"ghost"),className:`date-period__datepicker-input date-period__datepicker-input_size_${de} `,fillHover:re,textSize:ie,placeholder:"Выбрать период"},value:g,onChange:H})]}),v&&a(u,{appearance:o(se,ce),className:"date-period__select",width:B.selectFirstWidth??N,minWidth:B.selectFirstWidth??N,options:v,placeholder:L,shape:pe,value:w??null,isSearchable:B.selectFirstIsSearchable??x,onChange:J}),M&&a(u,{appearance:o(se,ce),className:"date-period__select",width:B.selectSecondWidth??$,minWidth:B.selectSecondWidth??$,options:M,placeholder:b,shape:pe,value:D??null,isSearchable:B.selectSecondIsSearchable??O,onChange:K})]})}export{_ as DatePeriod,S as datePeriodAppearance,P as datePeriodConfig};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{D as DatePickerInput,d as datePickerAppearance,a as datePickerConfig}from"../
|
|
1
|
+
export{D as DatePickerInput,d as datePickerAppearance,a as datePickerConfig}from"../DatePicker_es_Du-3MZ9y.js";import"react/jsx-runtime";import"react";import"clsx";import"date-fns/locale";import"react-datepicker";import"@itcase/ui-core/hooks";import"../Button_es_7K5ecrgl.js";import"@itcase/ui-core/utils";import"../primitives_es_C4dQ1kEP.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"../Loader_es_DLwXAfhK.js";import"axios";import"@itcase/common";import"../Input_es_DabuPYuA.js";import"../default_es_CsYL84NN.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as r}from"react/jsx-runtime";import o,{useRef as t,useState as i,useCallback as a,useEffect as n,useMemo as s}from"react";import l from"clsx";import{fromEvent as m}from"file-selector";import{useDropzone as c,ErrorCode as d}from"react-dropzone";import{useAppearanceConfig as u,useDevicePropsGenerator as h}from"@itcase/ui-core/hooks";import{B as p}from"../Button_es_l1l4XH3Z.js";import{I as T}from"../Image_es_CA8fSzj-.js";import{L as f}from"../Loader_es_DLwXAfhK.js";import{T as b}from"../primitives_es_C4dQ1kEP.js";import x from"axios";import{createFileFromDataURL as z}from"@itcase/common";import{i as v}from"../default_es_CsYL84NN.js";import"@itcase/ui-core/utils";import"@itcase/ui-core/hoc";import"@rc-component/tooltip";import"react-inlinesvg";function y(e){return e instanceof File?e.size:e.size??e.file?.size}function _(e,r=[]){return e.filter((o,t)=>!r.some(e=>function(e,r){const o=r instanceof File?r.name:r.name??r.file?.name,t=r instanceof File?r.size:r.size??r.file?.size;return e.name===o&&e.size===t}(o,e))&&e.findIndex(e=>e.name===o.name&&e.size===o.size)===t)}function C(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 g(e){try{const r=await x({url:e,responseType:"blob"}),o=r.data,t=r.headers["content-disposition"]?.split("filename=")[1];let i=t?.substring(1).slice(0,-1);i||(i=e.split("/").at(-1));return new File([o],i,{type:o.type})}catch(e){return console.log("error loading file by URL: ",e),null}}async function S(e,r){let o=null,t=null,i="";const a=e&&"object"==typeof e;if(a&&e.file){const r=e.file;return{...e,name:e.name||r.name,size:y(e)}}if("string"==typeof e){const r=e.includes("/"),a=e.startsWith("data:");if(r)o=await g(e),t=crypto.randomUUID(),o&&(i=await w(o));else if(a){const r=`file_${Date.now()}`;o=z(r,e),t=crypto.randomUUID(),i=e}}if(a)if(e.image)o=await g(e.image),t=e.id,o&&(i=await w(o));else if(e.dataURL){const{name:r,path:a}=e,n=r||a||`file_${Date.now()}`;o=z(n,e.dataURL),t=e.id,i=e.dataURL}else e instanceof File&&(o=e,i=await w(o));if(o){const e=function(e){const{id:r=null,dataURL:o="",file:t,isNew:i=!0,isPreviews:a=!1}=e;return t&&t instanceof File?{id:r||crypto.randomUUID(),name:t.name,size:t.size,dataURL:o,file:t,preview:a?URL.createObjectURL(t):null,isNew:i}:null}({id:t,dataURL:i,file:o,isNew:!t,isPreviews:r});return e}return null}function w(e){return new Promise(r=>{if(!(e instanceof File))return void r("");const o=new FileReader;o.onabort=()=>r(""),o.onerror=()=>r(""),o.onload=e=>{const o=e.target?.result||"";r(o)},o.readAsDataURL(e)})}const N={defaultSecondary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",hintTitle:"Перетащите изображение или выберите файл с компьютера",hintTitleTextColor:"surfaceTextPrimary",hintTitleTextSize:"m",removeThumbAppearance:"dangerPrimary sizeM solid rounded",removeThumbIcon:v.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"}},W={disabledTertiary:{fill:"disabledTertiary",fillHover:"disabledQuaternary",hintTitle:"Перетащите изображение или выберите файл с компьютера",hintTitleTextColor:"disabledTextSecondary",hintTitleTextSize:"m",removeThumbAppearance:"dangerPrimary sizeM solid rounded",removeThumbIcon:v.Action.Remove,removeThumbIconAppearance:"surfaceSecondary sizeM solid rounded",removeThumbTextColor:"errorTextPrimary",thumbBorderColor:"surfaceBorderTertiary",thumbBorderColorHover:"surfaceBorderQuaternary",thumbBorderWidth:"1",thumbNameTextColor:"surfaceTextPrimary",thumbNameTextSize:"s",thumbSizeTextColor:"surfaceTextPrimary",thumbSizeTextSize:"s"}},B={errorTertiary:{fill:"errorTertiary",fillHover:"errorTertiary",hintTitle:"Перетащите изображение или выберите файл с компьютера",hintTitleTextColor:"errorTextQuaternary",hintTitleTextSize:"m",removeThumbAppearance:"dangerPrimary sizeM solid rounded",removeThumbIcon:v.Action.Remove,removeThumbIconAppearance:"surfaceSecondary sizeM solid rounded",removeThumbTextColor:"errorTextPrimary",thumbBorderColor:"surfaceBorderTertiary",thumbBorderColorHover:"surfaceBorderQuaternary",thumbBorderWidth:"1",thumbNameTextColor:"surfaceTextPrimary",thumbNameTextSize:"s",thumbSizeTextColor:"surfaceTextPrimary",thumbSizeTextSize:"s"}},P={...N,...{requireTertiary:{fill:"warningTertiary",fillHover:"warningTertiary",hintTitle:"Перетащите изображение или выберите файл с компьютера",hintTitleTextColor:"specialTextSecondary",hintTitleTextSize:"m",removeThumbAppearance:"dangerPrimary sizeM solid rounded",removeThumbIcon:v.Action.Remove,removeThumbIconAppearance:"surfaceSecondary sizeM solid rounded",removeThumbTextColor:"errorTextPrimary",thumbBorderColor:"surfaceBorderTertiary",thumbBorderColorHover:"surfaceBorderQuaternary",thumbBorderWidth:"1",thumbNameTextColor:"surfaceTextPrimary",thumbNameTextSize:"s",thumbSizeTextColor:"surfaceTextPrimary",thumbSizeTextSize:"s"}},...B,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:v.Action.Remove,removeThumbIconAppearance:"surfaceSecondary sizeM solid rounded",removeThumbTextColor:"errorTextPrimary",thumbBorderColor:"surfaceBorderTertiary",thumbBorderColorHover:"surfaceBorderQuaternary",thumbBorderWidth:"1",thumbNameTextColor:"surfaceTextPrimary",thumbNameTextSize:"s",thumbSizeTextColor:"surfaceTextPrimary",thumbSizeTextSize:"s"}},...W},I={appearance:P,setAppearance:e=>{I.appearance=e}},F=o.memo(function(x){const{appearance:z,maxFiles:v=5,maxSize:g=10485760,dropzoneProps:w={},fieldValuesList:N,fileErrorText:W,hintDescription:B,inputName:P,showFilename:F=!0,showFileSize:$=!0,thumbColumn:R=2,isSkeleton:A,isPreviews:L=!0,onClickPreview:M,onAddFiles:U,onChangeFiles:D,onDeleteFile:j}=x,H=u(z,I),k=h(x,H),{fillClass:Q,fillHoverClass:O,borderColorClass:V,borderColorHoverClass:E,borderTypeClass:X,borderWidthClass:q,errorMessageTextColor:G,errorMessageTextSize:J,errorMessageTextWeight:K,hintDescriptionTextColor:Y,hintDescriptionTextSize:Z,hintDescriptionTextWeight:ee,hintDescriptionTextWrap:re,hintTitle:oe,hintTitleTextColor:te,hintTitleTextSize:ie,hintTitleTextWeight:ae,hintTitleTextWrap:ne,removeThumbAppearance:se,removeThumbIcon:le,removeThumbIconAppearance:me,removeThumbIconFill:ce,removeThumbIconSize:de,removeThumbShape:ue,removeThumbText:he,removeThumbTextWeight:pe,shapeClass:Te,sizeClass:fe,thumbBorderColorClass:be,thumbBorderColorHoverClass:xe,thumbBorderTypeClass:ze,thumbBorderWidthClass:ve,thumbDirectionClass:ye,thumbImageHeight:_e,thumbImageWidth:Ce,thumbNameTextColor:ge,thumbNameTextSize:Se,thumbNameTextWeight:we,thumbNameTextWrap:Ne,thumbSizeTextColor:We,thumbSizeTextSize:Be,thumbSizeTextWeight:Pe}=k,Ie=s(()=>Array.isArray(N)?N:[],[N]),{convertValueFilesToDropzoneItems:Fe,fileIsLoading:$e,fileRejectedMessage:Re,setFileRejectedMessage:Ae}=function(e,r=!1){const o=t(new Set),[s,l]=i(""),[m,c]=i(!1),d=a(async(e,t=!1)=>{c(!t);const i=[];for(const t of e){const e=await S(t,r);if(e){i.push(e);const r=e.preview;r&&o.current.add(r)}}return c(!1),i},[r]);return n(()=>{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]),n(()=>()=>{const e=o.current;for(const r of e)URL.revokeObjectURL(r);e.clear()},[]),{convertValueFilesToDropzoneItems:d,fileIsLoading:m,fileRejectedMessage:s,setFileRejectedMessage:l}}(Ie,L),{getInputProps:Le,getRootProps:Me}=c({maxFiles:v,maxSize:g,...w,getFilesFromEvent:async e=>{const r=(await m(e)).filter(e=>e instanceof File);return[...Ie,...r]},onDropAccepted:async e=>{const r=_(e,Ie);if(0===r.length)return;const o=await Fe(r,!0);Ae(""),U&&U(o,P),D&&D([...Ie,...o])},onDropRejected:e=>{let r="";if(e.length>0){r="Ошибка при добавлении файла";const o=e[0].errors[0];o&&(r=o.code===d.TooManyFiles?`Максимальное количество файлов: ${v}`:o.message)}Ae(r)}}),Ue=a((e,r)=>{e.stopPropagation(),e.preventDefault();const o=Ie[r],t=Ie.filter(e=>e.id!==o.id);j&&j(o,P),D&&D(t)},[Ie,D,j]);return n(()=>{if(Ie.some(e=>{const r="string"==typeof e,o=e instanceof File,t="object"==typeof e&&!e.file;return r||o||t})){(async()=>{const e=await Fe(Ie);D&&D(e)})()}},[Ie]),e(o.Fragment,{children:[e("div",{...Me({className:"dropzone__dropzone dropzone"}),children:[r("input",{...Le(),name:P}),e("div",{className:l("dropzone dropzone__dropzone-wrapper",R&&`dropzone__dropzone-wrapper_column_${R}`,A&&"skeleton",fe&&`dropzone_size_${fe}`),children:[Ie.map((o,t)=>{const{id:i,name:a,error:n,file:s,preview:m}=o,c=n||s?.error,d=a||s?.name,u=y(o);return e("aside",{className:l("dropzone__thumb",ye,ve,be,xe,ze,Q&&`fill_${Q}`,O&&`fill_hover_${O}`,q&&`border-width_${q}`,V&&`border-color_${V}`,E&&`border-color_hover_${E}`,X&&`border_type_${X}`,Te&&`shape_${Te}`),children:[$e&&r("div",{className:"dropzone__thumb-loader",children:r(f,{width:"fill",height:"fill"})}),L&&!n&&m&&r("div",{className:"dropzone__thumb-image",onClick:e=>{M&&M(o,e)},children:r(T,{className:"dropzone__thumb-image-inner",width:Ce??"fill",height:_e,src:m,resizeMode:"cover",alt:d||""})}),(W||c)&&r("div",{children:r(b,{size:Se,textColor:ge,textWeight:we,textWrap:Ne,children:W||c})}),F&&d&&e("div",{className:"dropzone__thumb-data",children:[r(b,{size:Se,textColor:ge,textWeight:we,textWrap:Ne,children:d}),$&&u&&r(b,{size:Be,text:C(u),textColor:We,textWeight:Pe})]}),r("div",{className:l("dropzone__thumb-remove"),children:r(p,{appearance:le?me??se:se,label:le?void 0:he,labelTextWeight:le?void 0:pe,icon:le,iconFill:ce,iconSize:de,shape:ue,onClick:e=>Ue(e,t)})})]},i||t)}),0===Ie.length?e("div",{className:l("dropzone__hint",Q&&`fill_${Q}`,O&&`fill_hover_${O}`,q&&`border-width_${q}`,V&&`border-color_${V}`,E&&`border-color_hover_${E}`,X&&`border_type_${X}`,Te&&`shape_${Te}`),children:[r(b,{className:"dropzone__hint-title",size:ie,textColor:te,textWeight:ae,textWrap:ne,children:oe||"Select a file or drag in form"}),B&&r(b,{className:"dropzone__hint-text",size:Z,textColor:Y,textWeight:ee,textWrap:re,children:B})]}):e("div",{className:l("dropzone__hint","dropzone__hint_type_add-more",Q&&`fill_${Q}`,O&&`fill_hover_${O}`,q&&`border-width_${q}`,V&&`border-color_${V}`,E&&`border-color_hover_${E}`,X&&`border_type_${X}`,Te&&`shape_${Te}`),children:[r(b,{className:"dropzone__hint-title",size:ie,textColor:te,textWeight:ae,textWrap:ne,children:oe||"Select a file or drag in form"}),B&&r(b,{className:"dropzone__hint-text",size:Z,textColor:Y,textWeight:ee,textWrap:re,children:B})]})]})]}),Re&&r("div",{className:"dropzone__message",children:r(b,{size:J,textColor:G,textWeight:K,children:Re})})]})});export{F as Dropzone,P as dropzoneAppearance};
|
|
1
|
+
import{jsxs as e,jsx as r}from"react/jsx-runtime";import o,{useRef as t,useState as i,useCallback as a,useEffect as n,useMemo as s}from"react";import l from"clsx";import{fromEvent as m}from"file-selector";import{useDropzone as c,ErrorCode as d}from"react-dropzone";import{useAppearanceConfig as u,useDevicePropsGenerator as h}from"@itcase/ui-core/hooks";import{B as p}from"../Button_es_7K5ecrgl.js";import{I as T}from"../Image_es_CA8fSzj-.js";import{L as f}from"../Loader_es_DLwXAfhK.js";import{T as b}from"../primitives_es_C4dQ1kEP.js";import x from"axios";import{createFileFromDataURL as z}from"@itcase/common";import{i as v}from"../default_es_CsYL84NN.js";import"@itcase/ui-core/utils";import"@itcase/ui-core/hoc";import"@rc-component/tooltip";import"react-inlinesvg";function y(e){return e instanceof File?e.size:e.size??e.file?.size}function _(e,r=[]){return e.filter((o,t)=>!r.some(e=>function(e,r){const o=r instanceof File?r.name:r.name??r.file?.name,t=r instanceof File?r.size:r.size??r.file?.size;return e.name===o&&e.size===t}(o,e))&&e.findIndex(e=>e.name===o.name&&e.size===o.size)===t)}function C(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 g(e){try{const r=await x({url:e,responseType:"blob"}),o=r.data,t=r.headers["content-disposition"]?.split("filename=")[1];let i=t?.substring(1).slice(0,-1);i||(i=e.split("/").at(-1));return new File([o],i,{type:o.type})}catch(e){return console.log("error loading file by URL: ",e),null}}async function S(e,r){let o=null,t=null,i="";const a=e&&"object"==typeof e;if(a&&e.file){const r=e.file;return{...e,name:e.name||r.name,size:y(e)}}if("string"==typeof e){const r=e.includes("/"),a=e.startsWith("data:");if(r)o=await g(e),t=crypto.randomUUID(),o&&(i=await w(o));else if(a){const r=`file_${Date.now()}`;o=z(r,e),t=crypto.randomUUID(),i=e}}if(a)if(e.image)o=await g(e.image),t=e.id,o&&(i=await w(o));else if(e.dataURL){const{name:r,path:a}=e,n=r||a||`file_${Date.now()}`;o=z(n,e.dataURL),t=e.id,i=e.dataURL}else e instanceof File&&(o=e,i=await w(o));if(o){const e=function(e){const{id:r=null,dataURL:o="",file:t,isNew:i=!0,isPreviews:a=!1}=e;return t&&t instanceof File?{id:r||crypto.randomUUID(),name:t.name,size:t.size,dataURL:o,file:t,preview:a?URL.createObjectURL(t):null,isNew:i}:null}({id:t,dataURL:i,file:o,isNew:!t,isPreviews:r});return e}return null}function w(e){return new Promise(r=>{if(!(e instanceof File))return void r("");const o=new FileReader;o.onabort=()=>r(""),o.onerror=()=>r(""),o.onload=e=>{const o=e.target?.result||"";r(o)},o.readAsDataURL(e)})}const N={defaultSecondary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",hintTitle:"Перетащите изображение или выберите файл с компьютера",hintTitleTextColor:"surfaceTextPrimary",hintTitleTextSize:"m",removeThumbAppearance:"dangerPrimary sizeM solid rounded",removeThumbIcon:v.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"}},W={disabledTertiary:{fill:"disabledTertiary",fillHover:"disabledQuaternary",hintTitle:"Перетащите изображение или выберите файл с компьютера",hintTitleTextColor:"disabledTextSecondary",hintTitleTextSize:"m",removeThumbAppearance:"dangerPrimary sizeM solid rounded",removeThumbIcon:v.Action.Remove,removeThumbIconAppearance:"surfaceSecondary sizeM solid rounded",removeThumbTextColor:"errorTextPrimary",thumbBorderColor:"surfaceBorderTertiary",thumbBorderColorHover:"surfaceBorderQuaternary",thumbBorderWidth:"1",thumbNameTextColor:"surfaceTextPrimary",thumbNameTextSize:"s",thumbSizeTextColor:"surfaceTextPrimary",thumbSizeTextSize:"s"}},B={errorTertiary:{fill:"errorTertiary",fillHover:"errorTertiary",hintTitle:"Перетащите изображение или выберите файл с компьютера",hintTitleTextColor:"errorTextQuaternary",hintTitleTextSize:"m",removeThumbAppearance:"dangerPrimary sizeM solid rounded",removeThumbIcon:v.Action.Remove,removeThumbIconAppearance:"surfaceSecondary sizeM solid rounded",removeThumbTextColor:"errorTextPrimary",thumbBorderColor:"surfaceBorderTertiary",thumbBorderColorHover:"surfaceBorderQuaternary",thumbBorderWidth:"1",thumbNameTextColor:"surfaceTextPrimary",thumbNameTextSize:"s",thumbSizeTextColor:"surfaceTextPrimary",thumbSizeTextSize:"s"}},P={...N,...{requireTertiary:{fill:"warningTertiary",fillHover:"warningTertiary",hintTitle:"Перетащите изображение или выберите файл с компьютера",hintTitleTextColor:"specialTextSecondary",hintTitleTextSize:"m",removeThumbAppearance:"dangerPrimary sizeM solid rounded",removeThumbIcon:v.Action.Remove,removeThumbIconAppearance:"surfaceSecondary sizeM solid rounded",removeThumbTextColor:"errorTextPrimary",thumbBorderColor:"surfaceBorderTertiary",thumbBorderColorHover:"surfaceBorderQuaternary",thumbBorderWidth:"1",thumbNameTextColor:"surfaceTextPrimary",thumbNameTextSize:"s",thumbSizeTextColor:"surfaceTextPrimary",thumbSizeTextSize:"s"}},...B,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:v.Action.Remove,removeThumbIconAppearance:"surfaceSecondary sizeM solid rounded",removeThumbTextColor:"errorTextPrimary",thumbBorderColor:"surfaceBorderTertiary",thumbBorderColorHover:"surfaceBorderQuaternary",thumbBorderWidth:"1",thumbNameTextColor:"surfaceTextPrimary",thumbNameTextSize:"s",thumbSizeTextColor:"surfaceTextPrimary",thumbSizeTextSize:"s"}},...W},I={appearance:P,setAppearance:e=>{I.appearance=e}},F=o.memo(function(x){const{appearance:z,maxFiles:v=5,maxSize:g=10485760,dropzoneProps:w={},fieldValuesList:N,fileErrorText:W,hintDescription:B,inputName:P,showFilename:F=!0,showFileSize:$=!0,thumbColumn:R=2,isSkeleton:A,isPreviews:L=!0,onClickPreview:M,onAddFiles:U,onChangeFiles:D,onDeleteFile:j}=x,H=u(z,I),k=h(x,H),{fillClass:Q,fillHoverClass:O,borderColorClass:V,borderColorHoverClass:E,borderTypeClass:X,borderWidthClass:q,errorMessageTextColor:G,errorMessageTextSize:J,errorMessageTextWeight:K,hintDescriptionTextColor:Y,hintDescriptionTextSize:Z,hintDescriptionTextWeight:ee,hintDescriptionTextWrap:re,hintTitle:oe,hintTitleTextColor:te,hintTitleTextSize:ie,hintTitleTextWeight:ae,hintTitleTextWrap:ne,removeThumbAppearance:se,removeThumbIcon:le,removeThumbIconAppearance:me,removeThumbIconFill:ce,removeThumbIconSize:de,removeThumbShape:ue,removeThumbText:he,removeThumbTextWeight:pe,shapeClass:Te,sizeClass:fe,thumbBorderColorClass:be,thumbBorderColorHoverClass:xe,thumbBorderTypeClass:ze,thumbBorderWidthClass:ve,thumbDirectionClass:ye,thumbImageHeight:_e,thumbImageWidth:Ce,thumbNameTextColor:ge,thumbNameTextSize:Se,thumbNameTextWeight:we,thumbNameTextWrap:Ne,thumbSizeTextColor:We,thumbSizeTextSize:Be,thumbSizeTextWeight:Pe}=k,Ie=s(()=>Array.isArray(N)?N:[],[N]),{convertValueFilesToDropzoneItems:Fe,fileIsLoading:$e,fileRejectedMessage:Re,setFileRejectedMessage:Ae}=function(e,r=!1){const o=t(new Set),[s,l]=i(""),[m,c]=i(!1),d=a(async(e,t=!1)=>{c(!t);const i=[];for(const t of e){const e=await S(t,r);if(e){i.push(e);const r=e.preview;r&&o.current.add(r)}}return c(!1),i},[r]);return n(()=>{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]),n(()=>()=>{const e=o.current;for(const r of e)URL.revokeObjectURL(r);e.clear()},[]),{convertValueFilesToDropzoneItems:d,fileIsLoading:m,fileRejectedMessage:s,setFileRejectedMessage:l}}(Ie,L),{getInputProps:Le,getRootProps:Me}=c({maxFiles:v,maxSize:g,...w,getFilesFromEvent:async e=>{const r=(await m(e)).filter(e=>e instanceof File);return[...Ie,...r]},onDropAccepted:async e=>{const r=_(e,Ie);if(0===r.length)return;const o=await Fe(r,!0);Ae(""),U&&U(o,P),D&&D([...Ie,...o])},onDropRejected:e=>{let r="";if(e.length>0){r="Ошибка при добавлении файла";const o=e[0].errors[0];o&&(r=o.code===d.TooManyFiles?`Максимальное количество файлов: ${v}`:o.message)}Ae(r)}}),Ue=a((e,r)=>{e.stopPropagation(),e.preventDefault();const o=Ie[r],t=Ie.filter(e=>e.id!==o.id);j&&j(o,P),D&&D(t)},[Ie,D,j]);return n(()=>{if(Ie.some(e=>{const r="string"==typeof e,o=e instanceof File,t="object"==typeof e&&!e.file;return r||o||t})){(async()=>{const e=await Fe(Ie);D&&D(e)})()}},[Ie]),e(o.Fragment,{children:[e("div",{...Me({className:"dropzone__dropzone dropzone"}),children:[r("input",{...Le(),name:P}),e("div",{className:l("dropzone dropzone__dropzone-wrapper",R&&`dropzone__dropzone-wrapper_column_${R}`,A&&"skeleton",fe&&`dropzone_size_${fe}`),children:[Ie.map((o,t)=>{const{id:i,name:a,error:n,file:s,preview:m}=o,c=n||s?.error,d=a||s?.name,u=y(o);return e("aside",{className:l("dropzone__thumb",ye,ve,be,xe,ze,Q&&`fill_${Q}`,O&&`fill_hover_${O}`,q&&`border-width_${q}`,V&&`border-color_${V}`,E&&`border-color_hover_${E}`,X&&`border_type_${X}`,Te&&`shape_${Te}`),children:[$e&&r("div",{className:"dropzone__thumb-loader",children:r(f,{width:"fill",height:"fill"})}),L&&!n&&m&&r("div",{className:"dropzone__thumb-image",onClick:e=>{M&&M(o,e)},children:r(T,{className:"dropzone__thumb-image-inner",width:Ce??"fill",height:_e,src:m,resizeMode:"cover",alt:d||""})}),(W||c)&&r("div",{children:r(b,{size:Se,textColor:ge,textWeight:we,textWrap:Ne,children:W||c})}),F&&d&&e("div",{className:"dropzone__thumb-data",children:[r(b,{size:Se,textColor:ge,textWeight:we,textWrap:Ne,children:d}),$&&u&&r(b,{size:Be,text:C(u),textColor:We,textWeight:Pe})]}),r("div",{className:l("dropzone__thumb-remove"),children:r(p,{appearance:le?me??se:se,label:le?void 0:he,labelTextWeight:le?void 0:pe,icon:le,iconFill:ce,iconSize:de,shape:ue,onClick:e=>Ue(e,t)})})]},i||t)}),0===Ie.length?e("div",{className:l("dropzone__hint",Q&&`fill_${Q}`,O&&`fill_hover_${O}`,q&&`border-width_${q}`,V&&`border-color_${V}`,E&&`border-color_hover_${E}`,X&&`border_type_${X}`,Te&&`shape_${Te}`),children:[r(b,{className:"dropzone__hint-title",size:ie,textColor:te,textWeight:ae,textWrap:ne,children:oe||"Select a file or drag in form"}),B&&r(b,{className:"dropzone__hint-text",size:Z,textColor:Y,textWeight:ee,textWrap:re,children:B})]}):e("div",{className:l("dropzone__hint","dropzone__hint_type_add-more",Q&&`fill_${Q}`,O&&`fill_hover_${O}`,q&&`border-width_${q}`,V&&`border-color_${V}`,E&&`border-color_hover_${E}`,X&&`border_type_${X}`,Te&&`shape_${Te}`),children:[r(b,{className:"dropzone__hint-title",size:ie,textColor:te,textWeight:ae,textWrap:ne,children:oe||"Select a file or drag in form"}),B&&r(b,{className:"dropzone__hint-text",size:Z,textColor:Y,textWeight:ee,textWrap:re,children:B})]})]})]}),Re&&r("div",{className:"dropzone__message",children:r(b,{size:J,textColor:G,textWeight:K,children:Re})})]})});export{F as Dropzone,P as dropzoneAppearance};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useCallback as o}from"react";import i from"clsx";import{useAppearanceConfig as n,useDevicePropsGenerator as t}from"@itcase/ui-core/hooks";import{B as a}from"../
|
|
1
|
+
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useCallback as o}from"react";import i from"clsx";import{useAppearanceConfig as n,useDevicePropsGenerator as t}from"@itcase/ui-core/hooks";import{B as a}from"../Button_es_7K5ecrgl.js";import{a as s}from"../default_es_CsYL84NN.js";import"@itcase/ui-core/utils";import"../primitives_es_C4dQ1kEP.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"../Loader_es_DLwXAfhK.js";import"axios";import"@itcase/common";const l={defaultPrimary:{fill:"surfaceSecondary",labelTextWeight:"400",borderColor:"surfaceBorderQuaternary",borderHover:"surfaceBorderHoverQuaternary",iconFill:"surfaceSecondary",iconFillHover:"surfaceHoverSecondary",iconFillIcon:"surfaceItemQuaternary",iconMinus:s.Form.Minus,iconPlus:s.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},u={errorPrimary:{fill:"errorTertiary",labelTextWeight:"400",borderColor:"errorBorderQuaternary",borderHover:"errorBorderHoverQuaternary",iconFill:"errorTertiary",iconFillHover:"errorHoverSecondary",iconFillIcon:"errorItemQuaternary",iconMinus:s.Form.Minus,iconPlus:s.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},c={requirePrimary:{fill:"warningTertiary",labelTextWeight:"400",borderColor:"warningBorderQuaternary",borderHover:"warningBorderHoverQuaternary",iconFill:"warningTertiary",iconFillHover:"warningHoverSecondary",iconFillIcon:"warningItemQuaternary",iconMinus:s.Form.Minus,iconPlus:s.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},m={...l,...u,...{successPrimary:{fill:"successTertiary",labelTextWeight:"400",borderColor:"successBorderQuaternary",borderHover:"successBorderHoverQuaternary",iconFill:"successTertiary",iconFillHover:"successHoverSecondary",iconFillIcon:"successItemQuaternary",iconMinus:s.Form.Minus,iconPlus:s.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"},...c},d={appearance:m,setAppearance:e=>{d.appearance=e}},p=s=>{const{id:l,appearance:u,className:c,dataTestId:m,dataTour:p,type:b="custom",name:y,min:v=0,max:f=1/0,step:x=1,value:h=0,onChange:C}=s,F=o(e=>{const{event:r,mode:o="button",operation:i}=e;let n;if("input"===o)n=Number(r?.target.value);else{n=h+("minus"===i?-x:x)}if(n<v||n>f)return null;C?.(n)},[f,v,C,x,h]),_=n(u,d),T=t(s,_),{fillClass:S,fillHoverClass:z,borderColorClass:H,borderColorHoverClass:g,borderWidthClass:N,iconFill:Q,iconFillHover:P,iconFillIcon:I,iconMinus:M,iconPlus:$,iconShape:w,iconSize:B,inputNumberTextColorClass:L,inputNumberTextSizeClass:W,inputNumberTextWeightClass:j,shapeClass:k,sizeClass:X,widthClass:q}=T;return"native"===b?e("input",{id:String(l),type:"number",min:v,max:f,step:x,value:h,onChange:e=>F({event:e,mode:"input"})}):r("div",{id:String(l),className:i(c,"input-number","input-number__custom",H&&`border-color_${H}`,g&&`border-color_hover_${g}`,N&&`border-width_${N}`,S&&`fill_${S}`,z&&`fill_hover_${z}`,k&&`shape_${k}`,X&&`input-number_size_${X}`,q&&`width_${q}`),"data-testid":m+"Wrapper","data-tour":p,children:[e(a,{className:"input-number__icon",icon:M,iconFill:Q,iconFillHover:P,iconFillIcon:I,iconShape:w,iconSize:B,onClick:()=>F({operation:"minus"})}),e("input",{className:i(L&&`text-color_${L}`,W&&`text_size_${W}`,j&&`text-weight_${j}`),type:"number",min:v,max:f,"data-testid":m||(y?`${y}-input-number`:"input-number"),step:x,value:h,onChange:e=>F({event:e,mode:"input"})}),e(a,{className:"input-number__icon",icon:$,iconFill:Q,iconFillHover:P,iconFillIcon:I,iconShape:w,iconSize:B,onClick:()=>F({operation:"plus"})})]})};export{p as InputNumber,m as inputNumberAppearance};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as r}from"react/jsx-runtime";import o from"clsx";import{useAppearanceConfig as i,useDevicePropsGenerator as a,useStyles as t}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as s}from"@itcase/ui-core/utils";import{B as c}from"../
|
|
1
|
+
import{jsxs as e,jsx as r}from"react/jsx-runtime";import o from"clsx";import{useAppearanceConfig as i,useDevicePropsGenerator as a,useStyles as t}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as s}from"@itcase/ui-core/utils";import{B as c}from"../Button_es_7K5ecrgl.js";import{T as l,I as n}from"../primitives_es_C4dQ1kEP.js";import{L as d}from"../Loader_es_DLwXAfhK.js";import{a as m}from"../default_es_CsYL84NN.js";import{useNotifications as p,useNotificationsAPI as u}from"@itcase/ui-core/context";import"react";import"axios";import"@itcase/common";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";const f={...{defaultPrimary:{fill:"surfacePrimary",fillHover:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",textColor:"surfaceTextPrimary",buttonAppearance:"accentPrimary sizeXXL solid rounded",loaderAppearance:"accentTertiary sizeS ghost rounded",closeIcon:m.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:m.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:m.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:m.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:m.Action.Close,closeIconAppearance:"warningPrimary size12_12 solid circular"}}},y={appearance:f,setAppearance:e=>{y.appearance=e}};function x(m){const{id:p,appearance:u,className:f,dataTestId:x,dataTour:P,type:_="float",title:C,text:z,before:T,after:A,isSkeleton:S,isLoading:I,onClickButton:h,onClickClose:b}=m,g=i(u,y),L=a(m,g),{fillClass:v,fillHoverClass:w,titleTextColor:N,titleTextSize:X,descTextColor:k,descTextSize:B,buttonAppearance:$,buttonLabel:H,elevationClass:j,loaderAppearance:F,loaderAppearanceSize:M,loaderFill:q,loaderItemFill:D,loaderSize:E,loaderType:G="dot",shapeClass:J,sizeClass:K,widthClass:O,closeIcon:Q,closeIconAppearance:R,closeIconAppearanceSize:U,closeIconSrc:V}=L,{styles:W}=t(m);return e("div",{className:o("notification__item",`notification__item_${_}`,O&&`width_${O}`,j&&`elevation_${j}`,v&&`fill_${v}`,K&&`notification__item_size_${K}`,_&&`notification__item_type_${_}`,w&&`fill_${w}`,S&&"skeleton",J&&`shape_${J}`),"data-testid":x,"data-tour":P,style:W,children:[T,e("div",{className:o(f,"notification__item-wrapper"),children:[C&&r(l,{className:"notification__item-title",size:X,textColor:N,children:C}),z&&r(l,{className:"notification__item-text",size:B,textColor:k,children:z}),I&&r(d,{appearance:s(F,M),className:o(f,"button__loader"),type:G,size:E,fill:q,itemFill:D}),b&&r(n,{appearance:s(R,U),className:o("notification__item-close","cursor_type_pointer"),imageSrc:V,SvgImage:Q,onClick:()=>b&&b(p)}),h&&H&&r(c,{appearance:$,className:"notification__item-button",width:"fill",label:H,onClick:h})]}),A]})}function P(e){const i=p(),{hideNotifications:a}=u(),{className:t,dataTestId:s,dataTour:c}=e;return r("div",{className:o("notification",t),"data-testid":s,"data-tour":c,children:r("div",{className:"notification__wrapper",children:i.map(e=>r(x,{id:e.id,appearance:e.appearance,type:e.type,title:e.title,status:e.status,text:e.text,buttonLabel:e.buttonLabel,after:e.after,closeIcon:e.closeIcon,closeIconSrc:e.closeIconSrc,isLoading:e.isLoading,onClickButton:e.onClickButton,onClickClose:a},e.id))})})}export{x as Notification,P as NotificationWrapper,f as notificationAppearance,y as notificationConfig};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{responseIcon as e}from"./Response/img.js";import{jsx as r,jsxs as a}from"react/jsx-runtime";import{forwardRef as t,useMemo as o}from"react";import i from"clsx";import{urlWithAssetPrefix as n}from"@itcase/ui-core/hoc";import{useAppearanceConfig as s,useDevicePropsGenerator as l,useStyles as c}from"@itcase/ui-core/hooks";import{B as d}from"../
|
|
1
|
+
import{responseIcon as e}from"./Response/img.js";import{jsx as r,jsxs as a}from"react/jsx-runtime";import{forwardRef as t,useMemo as o}from"react";import i from"clsx";import{urlWithAssetPrefix as n}from"@itcase/ui-core/hoc";import{useAppearanceConfig as s,useDevicePropsGenerator as l,useStyles as c}from"@itcase/ui-core/hooks";import{B as d}from"../Button_es_7K5ecrgl.js";import{G as u}from"../Group_es_DIuSNHx3.js";import{T as p}from"../primitives_es_C4dQ1kEP.js";import"@itcase/ui-core/utils";import"../Loader_es_DLwXAfhK.js";import"axios";import"@itcase/common";import"@rc-component/tooltip";import"react-inlinesvg";const m={confirm:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Confirm),primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},y={danger:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Danger),primaryButtonAppearance:"dangerPrimary sizeXXL solid rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"dangerPrimary",svgPathFill:"dangerPrimary"}},f={empty:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Empty),primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},g={error:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Error),primaryButtonAppearance:"errorPrimary sizeXXL solid rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"errorPrimary",svgPathFill:"errorPrimary"}},B={fail:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Fail),primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},x={nothingFound:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.NothingFound),primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},S={refresh:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.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.Success),primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"accentPrimary",svgPathFill:"accentPrimary"}},T={...m,...f,...y,...S,...{unableLoadData:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.UnableLoadData),primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},...x,...B,...g,...X,...{warning:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.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"}},h={appearance:T,setAppearance:e=>{h.appearance=e}},z=n(t(function(e,t){const{appearance:n,className:m,dataTestId:y,dataTour:f,width:g,height:B,title:x,desc:S,primaryButton:X,secondaryButton:T,showPrimaryButton:z=!0,showSecondaryButton:L=!0,before:P,after:b,isSkeleton:_,isBottomButton:v,onClickPrimaryButton:A,onClickSecondaryButton:C}=e,F=s(n,h),w=l(e,F),{fillClass:$,fillHoverClass:N,titleTextColor:D,titleTextSize:k,titleTextWeight:W,descTextColor:I,descTextSize:j,descTextWeight:H,borderColorClass:Q,borderColorHoverClass:U,borderTypeClass:E,borderWidthClass:G,heightClass:R,imageSrc:q,primaryButtonAfter:J,primaryButtonAppearance:K,primaryButtonBefore:M,primaryButtonFill:O,primaryButtonFillHover:V,primaryButtonLabel:Y,primaryButtonLabelTextColor:Z,primaryButtonLabelTextSize:ee,primaryButtonShape:re,primaryButtonSize:ae,primaryButtonWidth:te,secondaryButtonAfter:oe,secondaryButtonAppearance:ie,secondaryButtonBefore:ne,secondaryButtonFill:se,secondaryButtonFillHover:le,secondaryButtonLabel:ce,secondaryButtonLabelTextColor:de,secondaryButtonLabelTextSize:ue,secondaryButtonShape:pe,secondaryButtonSize:me,secondaryButtonWidth:ye,shapeClass:fe,svgFillClass:ge,SvgImage:Be,svgPathFillClass:xe,svgSrc:Se,widthClass:Xe}=w,Te=o(()=>{const e=q||Se,a=Be;if(a){const e={};return g&&(e.width=g),B&&(e.height=B),r(a,{...e})}return e?r("img",{src:e}):null},[q,Se,Be,g,B]),{styles:he,wrapper:ze}=c(e);return a("div",{className:i(m,"response",v&&"response_bottom-button",Q&&`border-color_${Q}`,U&&`border-color_hover_${U}`,E&&`border_type_${E}`,G&&`border-width_${G}`,$&&`fill_${$}`,N&&`fill_hover_${N}`,R&&`height_${R}`,fe&&`shape_${fe}`,Xe&&`width_${Xe}`,_&&"skeleton"),ref:t,"data-testid":y,"data-tour":f,style:he,children:[P,a("div",{className:"response__wrapper",style:ze,children:[Te&&r("div",{className:i("response__image",ge&&`svg_fill_${ge}`,xe&&`svg_path_fill_${xe}`),"data-testid":y&&`${y}Image`,children:Te}),a("div",{className:"response__wrapper-inner",children:[void 0!==x&&r(p,{className:"response__title",dataTestId:y&&`${y}Title`,size:k,textColor:D,textWeight:W,children:x}),S&&r(p,{className:"response__desc",dataTestId:y&&`${y}Desc`,size:j,textColor:I,textWeight:H,children:S})]})]}),(Y||X||ce||T||F)&&a(u,{className:"response__button",width:"fill",children:[Y&&z?r(d,{appearance:K,className:"response__button-item",dataTestId:y&&`${y}PrimaryButton`,width:te||"fill",size:ae,fill:O,fillHover:V,label:Y,labelTextColor:Z,labelTextSize:ee,shape:re,before:M,after:J,onClick:A}):X,ce&&L?r(d,{appearance:ie,className:"response__button-item",dataTestId:y&&`${y}SecondaryButton`,width:ye||"fill",size:me,fill:se,fillHover:le,label:ce,labelTextColor:de,labelTextSize:ue,shape:pe,before:ne,after:oe,onClick:C}):T]}),b]})})),L={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.UnableLoadData,primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"Повторить",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},errorNetwork:{appearance:"unableLoadData ghost rounded",title:"Ошибка соединения",desc:"Не удалось подключиться. Проверьте интернет-соединение и повторите попытку",imageSrc:e.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:"Отмена"}};export{L as RESPONSE_MESSAGES,z as Response,T as responseAppearance,h as responseConfig,e as responseIcon};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useRef as i,useMemo as l,createRef as t,useCallback as a,useEffect as o}from"react";import c from"clsx";import{useAppearanceConfig as s,useDevicePropsGenerator as n}from"@itcase/ui-core/hooks";import{I as d,T as m}from"../primitives_es_C4dQ1kEP.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const v={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"}},u={appearance:v,setAppearance:e=>{u.appearance=e}},f=v=>{const{appearance:f,className:y,dataTestId:x,dataTour:_,name:b,activeSegment:T,segments:A,before:p,after:C,isDisabled:g,isSkeleton:S,setActiveSegment:P,onChange:z}=v,h=i(null),F=l(()=>new Map(A.map(e=>[e.value,t()])),[A]),H=a(e=>{z&&z(e.value,b),P&&P(e)},[b,z,P]);o(()=>{let e=0,r=0;const i=F.get(T.value);i?.current&&(e=i.current.offsetWidth,r=i.current.offsetLeft),h.current?.style.setProperty("--segmented-active-width",`${e}px`),h.current?.style.setProperty("--segmented-active-x-pos",`${r}px`)},[T,F]);const $=s(f,u,g),w=n(v,$),{fillActiveClass:I,fillActiveHoverClass:N,fillClass:B,fillHoverClass:D,labelTextActiveColor:Q,labelTextActiveColorHover:L,labelTextColor:X,labelTextColorHover:k,labelTextSize:M,labelTextWrap:W,borderColorClass:j,borderTypeClass:q,borderWidthClass:O,iconFill:U,iconFillActive:Z,iconFillDisabled:E,iconSize:G,indicatorFillClass:J,shapeClass:K,sizeClass:R,widthClass:V}=w;return e("div",{className:c(y,"segmented",K&&`shape_${K}`,B&&`fill_${B}`,V&&`segmented_width_${V}`,R&&`segmented_size_${R}`,j&&`border-color_${j}`,O&&`border-width_${O}`,q&&`border_type_${q}`,S&&"skeleton"),ref:h,"data-testid":x,"data-tour":_,children:[p&&r("div",{className:"segmented__before",children:p}),r("div",{className:"segmented__wrapper",children:e("div",{className:c("segmented__wrapper-inner"),children:[A?.map(i=>{const l=T.value===i.value;return r("div",{className:c("segmented__item",!i.label&&"segmented__item_icon",R&&`segmented__item_size_${R}`,l&&"segmented__item_active",!l&&g&&"segmented__item_state_disabled",l&&g&&"segmented__item_active_state_disabled",l?N&&`fill_active_hover_${N}`:D&&`fill_hover_${D}`,l&&I&&`fill_active_${I}`),ref:F.get(i.value),"data-testid":x?`${x}${String(i.value).replace(/(^|[_-])([a-zA-Z0-9])/g,(e,r,i)=>i.toUpperCase())}Option`:void 0,onClick:()=>!g&&H(i),children:e("div",{className:c("segmented__item-label",R&&`segmented_size_${R}`),children:[i.iconBefore||i.iconBeforeActive?r(d,{className:"segmented__item-icon",iconFill:U,iconFillActive:Z,iconFillDisabled:E,iconSize:G,SvgImage:l&&i.iconBeforeActive||i.iconBefore,isActive:l,isDisabled:g}):null,i.label&&r(m,{size:M,textColor:X,textColorActive:Q,textColorActiveHover:L,textColorHover:k,textWrap:W,isActive:l,children:i.label}),i.icon||i.iconActive?r(d,{className:"segmented__item-icon",iconFill:U,iconFillActive:Z,iconFillDisabled:E,iconSize:G,SvgImage:l&&i.iconActive||i.icon,isActive:l,isDisabled:g}):null,i.iconAfter||i.iconAfterActive?r(d,{className:"segmented__item-icon",iconFill:U,iconFillActive:Z,iconFillDisabled:E,iconSize:G,SvgImage:l&&i.iconAfterActive||i.iconAfter,isActive:l,isDisabled:g}):null]})},`${b}-${i.value}`)}),r("div",{className:c("segmented__indicator",J&&`fill_${J}`)})]})}),C&&r("div",{className:"segmented__after",children:C})]})};export{f as Segmented,v as segmentedAppearance,u as segmentedConfig};
|
package/dist/components/Tab.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as i}from"react/jsx-runtime";import r from"react";import a from"clsx";import{useAppearanceConfig as l,useDevicePropsGenerator as s,useActiveClasses as c,useStyles as t}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as o}from"@itcase/ui-core/utils";import{d,T as n,B as b,I as v,D as
|
|
1
|
+
import{jsx as e,jsxs as i}from"react/jsx-runtime";import r from"react";import a from"clsx";import{useAppearanceConfig as l,useDevicePropsGenerator as s,useActiveClasses as c,useStyles as t}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as o}from"@itcase/ui-core/utils";import{d,T as n,B as b,I as v,D as f}from"../primitives_es_C4dQ1kEP.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";const m={warningPrimary:{fill:"warningPrimary",fillDisabled:"disabledPrimary",labelColor:"warningTextPrimary",labelColorActive:"warningTextPrimary",badgeAppearance:"warningPrimary sizeM solid rounded",dividerFill:"accentPrimary",dividerFillDisabled:"disabledPrimary"},errorPrimary:{fill:"errorPrimary",fillDisabled:"disabledPrimary",labelColor:"errorTextPrimary",labelColorActive:"errorTextPrimary",labelColorDisabled:"errorTextDisabled",badgeAppearance:"errorPrimary sizeM solid rounded",dividerFill:"accentPrimary",dividerFillDisabled:"errorDisabled"},successPrimary:{fill:"successPrimary",fillDisabled:"successDisabled",labelColor:"successTextPrimary",labelColorActive:"successTextPrimary",labelColorDisabled:"successTextDisabled",badgeAppearance:"successPrimary sizeM solid rounded",dividerFill:"accentPrimary",dividerFillDisabled:"successDisabled"},surfacePrimary:{fill:"surfacePrimary",fillActive:"surfaceActivePrimary",fillActiveHover:"surfaceHoverSecondary",fillDisabled:"surfaceDisabled",fillHover:"surfaceHoverSecondary",labelTextColor:"surfaceTextPrimary",labelTextColorActive:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",borderColorActive:"surfaceBorderActivePrimary",badgeAppearance:"accentPrimary sizeM solid circular",dividerFill:"surfacePrimary",dividerFillActive:"accentPrimary",dividerFillDisabled:"accentDisabled",iconFillIcon:"surfaceItemPrimary"},surfaceQuaternary:{fill:"surfaceQuaternary",fillActive:"accentActivePrimary",fillActiveHover:"surfaceHoverTertiary",fillDisabled:"surfaceDisabled",fillHover:"surfaceHoverQuaternary",labelTextColor:"surfaceTextPrimary",labelTextColorActive:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",borderColorActive:"surfaceBorderActivePrimary",badgeAppearance:"accentPrimary sizeM solid circular",dividerFillActive:"accentPrimary",dividerFillDisabled:"accentDisabled",iconFillIcon:"surfaceItemPrimary"},surfaceSecondary:{fill:"surfaceSecondary",fillActive:"surfaceActiveSecondary",fillActiveHover:"surfaceHoverTertiary",fillDisabled:"surfaceDisabled",fillHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",labelTextColorActive:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",borderColorActive:"surfaceBorderActivePrimary",badgeAppearance:"accentPrimary sizeM solid circular",dividerFillActive:"accentPrimary",dividerFillDisabled:"accentDisabled",iconFillIcon:"surfaceItemPrimary"},surfaceTertiary:{fill:"surfaceTertiary",fillActive:"surfaceActiveSecondary",fillActiveHover:"surfaceHoverTertiary",fillDisabled:"surfaceDisabled",fillHover:"surfaceHoverSecondary",labelTextColor:"surfaceTextPrimary",labelTextColorActive:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",borderColorActive:"surfaceBorderActivePrimary",badgeAppearance:"accentPrimary sizeM solid circular",dividerFillActive:"accentPrimary",dividerFillDisabled:"accentDisabled",iconFillIcon:"surfaceItemPrimary"},sizeXXL:{size:"xxl",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s",dividerSizeActive:"m"},sizeXL:{size:"xl",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s",dividerSizeActive:"m"},sizeL:{size:"l",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s",dividerSizeActive:"m"},sizeM:{size:"m",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s",dividerSizeActive:"m"},sizeS:{size:"s",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s",dividerSizeActive:"m"},sizeXS:{size:"xs",labelTextSize:"xs",badgeAppearanceSize:"sizeXS",dividerSize:"s",dividerSizeActive:"m"},sizeXXS:{size:"xxs",labelTextSize:"xs",badgeAppearanceSize:"sizeXXS",dividerSize:"s",dividerSizeActive:"m"},solid:{borderColor:"none",borderColorActive:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none",borderColorActive:"none",dividerFill:"none"}},u={appearance:m,setAppearance:e=>{u.appearance=e}};function p(m){const{appearance:p,className:y,dataTestId:z,dataTour:A,label:S,badgeValue:x,href:T,link:g,rel:C,target:P,before:_,after:D,isActive:h=!1,isDisabled:F=!1,isSkeleton:H,onClick:w,onMouseEnter:$,children:I}=m,X=l(p,u,F),k=s(m,X),{rootClasses:N}=c({propsGenerator:k,isActive:h,isDisabled:F}),{justifyContentClass:B,alignClass:M,labelTextAlign:j,labelTextColor:W,labelTextColorActive:L,labelTextColorHover:Q,labelTextSize:V,labelTextStyle:E,labelTextWeight:G,labelTextWrap:O,badgeAppearance:q,badgeAppearanceSize:J,badgeShape:K,badgeSize:R,badgeTextColor:U,badgeTextSize:Y,dividerFill:Z,dividerFillActive:ee,dividerFillActiveHover:ie,dividerFillDisabled:re,dividerFillHover:ae,dividerSize:le,dividerSizeActive:se,icon:ce,iconFill:te,iconFillIcon:oe,iconFillSize:de,iconShape:ne,iconSize:be,iconSrc:ve,linkFill:fe,shapeClass:me,sizeClass:ue,widthClass:pe}=k,{styles:ye}=t(m);return e("div",{className:a("tab",y,N,h&&"tab_state_active",F&&"tab_state_disabled",ue&&`tab_size_${ue}`,me&&`shape_${me}`,pe&&`width_${pe}`,B&&`tab_justify-content_${B}`,H&&"skeleton",w&&"cursor_type_pointer"),"data-testid":z&&`${z}Tab`,"data-tour":A,style:ye,onClick:w,onMouseEnter:$,children:i(d,{className:a("tab__link",!F&&"cursor_type_pointer"),fill:fe,href:g||T,rel:C,target:P,children:[_,I||i(r.Fragment,{children:[i("div",{className:a("tab__wrapper",M&&`align_${M}`),children:[S&&e(n,{className:"tab__label",size:V,textAlign:j,textColor:W,textColorActive:L,textColorHover:Q,textStyle:E,textWeight:G,textWrap:O,isActive:h,isDisabled:F,children:S}),Boolean(x)&&e(b,{appearance:o(q,J),dataTestId:z&&`${z}TabBadge`,size:R,textColor:U,textSize:Y,shape:K,value:x}),(ce||ve)&&e(v,{className:"tab__icon_after",fill:te,fillSize:de,iconFill:oe,iconSize:be,imageSrc:ve,shape:ne,SvgImage:ce})]}),h,e(f,{className:"tab__divider",width:"fill",direction:"horizontal",size:h?se:le,fill:Z,fillActive:ee,fillActiveHover:ie,fillDisabled:re,fillHover:ae,zIndex:"1",isActive:h,isDisabled:F})]}),D]})})}function y(l){const{className:c,dataTestId:o,dataTour:d,horizontalScroll:n,style:b,tabAppearance:v,tabList:f,before:m,after:u,children:y}=l,z=s(l),{directionClass:A,alignClass:S,alignDirectionClass:x,fillClass:T,borderColorClass:g,borderTypeClass:C,borderWidthClass:P,widthClass:_,wrapClass:D}=z,{styles:h,wrapper:F}=t(l);return i("div",{className:a(c,"tab-group","group",_&&`width_${_}`,x&&`align_${x}`,A&&`group_direction_${A}`,S&&`align_${S}`,T&&`fill_${T}`,n&&"group_scroll_horizontal",D&&`group_wrap_${D}`,g&&`border-color_${g}`,P&&`border-width_${P}`,C&&`border_type_${C}`),"data-testid":o,"data-tour":d,style:Object.assign({},h,b),children:[m&&e("div",{className:"tab-group__before",children:m}),n?i("div",{className:"tab-group__wrapper",style:F,children:[f?.map(i=>e(p,{appearance:v,dataTour:i.dataTour,label:i.label,isActive:i.isActive},i.key)),y]}):i(r.Fragment,{children:[f?.map(i=>e(p,{appearance:v,dataTour:i.dataTour,label:i.label,badgeValue:i.badgeValue,icon:i.icon,iconSrc:i.iconSrc,isActive:i.isActive,onClick:i.onClick},i.key)),y]}),u&&e("div",{className:"tab-group__after",children:u})]})}export{p as Tab,y as TabGroup,m as tabAppearance,u as tabConfig};
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import type { AccordionProps } from './Accordion.interface';
|
|
2
|
-
declare function Accordion(props: AccordionProps):
|
|
3
|
+
declare function Accordion(props: AccordionProps): React.JSX.Element;
|
|
3
4
|
export { Accordion };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { AccordionItemConfig, AccordionItemProps } from './Accordion.interface';
|
|
2
2
|
declare const accordionItemConfig: AccordionItemConfig;
|
|
3
|
-
declare function AccordionItem(props: AccordionItemProps): import("react
|
|
3
|
+
declare function AccordionItem(props: AccordionItemProps): import("react").JSX.Element;
|
|
4
4
|
export { AccordionItem, accordionItemConfig };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { AvatarConfig, AvatarProps } from './Avatar.interface';
|
|
2
2
|
declare const avatarConfig: AvatarConfig;
|
|
3
|
-
declare function Avatar(props: AvatarProps): import("react
|
|
3
|
+
declare function Avatar(props: AvatarProps): import("react").JSX.Element;
|
|
4
4
|
export { Avatar, avatarConfig };
|
|
@@ -58,4 +58,10 @@ type AvatarAppearanceShape = AppearancePartialRecord<AppearanceShapeKey, AvatarA
|
|
|
58
58
|
type AvatarAppearanceSize = AppearancePartialRecord<AppearanceSizePxKey, AvatarAppearanceProps, 'badgeAppearanceSize' | 'iconFillSize' | 'size' | 'textSize'>;
|
|
59
59
|
type AvatarAppearanceKey = NonNullable<AvatarProps['appearance']>;
|
|
60
60
|
type AvatarGalleryStory = ComponentGalleryArgs & Pick<AvatarProps, 'badge' | 'badgeValue' | 'count' | 'dataTestId' | 'firstName' | 'isSkeleton' | 'secondName' | 'src'>;
|
|
61
|
-
|
|
61
|
+
type AvatarStoryArgs = Omit<AvatarProps, 'appearance'> & {
|
|
62
|
+
appearanceShape: string;
|
|
63
|
+
appearanceSize: string;
|
|
64
|
+
appearanceStyle: string;
|
|
65
|
+
appearanceType: string;
|
|
66
|
+
};
|
|
67
|
+
export type { AvatarAppearance, AvatarAppearanceKey, AvatarAppearanceShape, AvatarAppearanceSize, AvatarAppearanceStyle, AvatarConfig, AvatarGalleryStory, AvatarProps, AvatarStoryArgs, };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { BadgeConfig, BadgeProps } from './Badge.interface';
|
|
2
2
|
declare const badgeConfig: BadgeConfig;
|
|
3
|
-
declare function Badge(props: BadgeProps): import("react
|
|
3
|
+
declare function Badge(props: BadgeProps): import("react").JSX.Element;
|
|
4
4
|
export { Badge, badgeConfig };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { BreadcrumbsProps } from './Breadcrumbs.interface';
|
|
2
|
-
declare function Breadcrumbs(props: BreadcrumbsProps): import("react
|
|
2
|
+
declare function Breadcrumbs(props: BreadcrumbsProps): import("react").JSX.Element;
|
|
3
3
|
export { Breadcrumbs };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { BreadcrumbsItemProps } from './Breadcrumbs.interface';
|
|
2
|
-
declare function BreadcrumbsItem(props: BreadcrumbsItemProps): import("react
|
|
2
|
+
declare function BreadcrumbsItem(props: BreadcrumbsItemProps): import("react").JSX.Element;
|
|
3
3
|
export { BreadcrumbsItem };
|