@itcase/ui-web 1.10.11 → 1.10.13
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_BqrCpR77.js → Button_cjs_BxWdQPXX.js} +1 -1
- package/dist/{Button_es_BVfoGAzN.js → Button_es_CRMaMLMS.js} +1 -1
- package/dist/{DatePicker_cjs_BGDmBIGC.js → DatePicker_cjs_DTu0OjWW.js} +1 -1
- package/dist/{DatePicker_es_BUuLD4Mw.js → DatePicker_es_CrRe6OmD.js} +1 -1
- package/dist/cjs/components/Button.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/Drawer.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/components/Button.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/Drawer.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/css/styles/bundles.css +2 -0
- package/dist/types/components/Button/Button.js +5 -1
- package/dist/types/components/Drawer/Drawer.js +2 -1
- package/package.json +3 -3
|
@@ -1 +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_ocTnUpml.js"),n=require("./Loader_cjs_nwF8h8Ku.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"},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:f,className:y,dataTestId:u,dataTour:p,label:I,Badge:x,href:P,htmlType:T="button",link:b,rel:A,target:S,tooltip:F,before:z,after:C,isDisabled:v,isHolding:_,isLoading:g=!1,onClick:H,onHoldComplete:B,onMouseDown:h,children:Q}=s,w=o.useAppearanceConfig(f,d,v),M=o.useDevicePropsGenerator(s,w),{fillClass:L,fillHoverClass:j,labelTextColor:q,labelTextColorHover:$,labelTextSize:k,labelTextTruncate:N,labelTextWeight:W,labelTextWidth:X,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:fe,iconBeforeSize:ye,iconBeforeSrc:ue,iconFill:pe,iconFillIcon:Ie,iconFillSize:xe,iconShape:Pe,iconSize:Te,iconSrc:be,loaderAppearance:Ae,loaderAppearanceSize:Se,loaderFill:Fe,loaderItemFill:ze,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 f=r.useCallback(e=>{o&&("touch"!==e.pointerType&&0!==e.button||(n.current=!1,d(c)))},[o]),y=r.useCallback(()=>{n.current=!1,d(t)},[]);return{holdState:s,onHoldEnd:y,onHoldStart:f}}({holdDurationMs:500,isHolding:_,onHoldComplete:B}),$e=C||z||U||J||oe||ne||ue||be;return e.jsx(l.LinkWrapper,{className:a(y,"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:F,"data-testid":u?.endsWith("Button")?u:`${u}Button`,"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(y,"button__loader"),type:ve,size:Ce,fill:Fe,itemFill:ze}),z,(ne||ue)&&e.jsx(l.Icon,{appearance:i.mergeAppearanceKeys(ce,te),className:"button__icon_before",fill:se,fillSize:me,iconFill:de,iconSize:ye,imageSrc:ue,shape:fe,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:X,size:k,textColor:q,textColorHover:$,textTruncate:N,textWeight:W,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;
|
|
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_ocTnUpml.js"),n=require("./Loader_cjs_nwF8h8Ku.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"},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:f,className:y,dataTestId:u,dataTour:p,label:I,Badge:x,href:P,htmlType:T="button",link:b,rel:A,target:S,tooltip:F,before:z,after:C,isDisabled:v,isHolding:_,isLoading:g=!1,onClick:H,onHoldComplete:B,onMouseDown:h,children:Q}=s,w=o.useAppearanceConfig(f,d,v),M=o.useDevicePropsGenerator(s,w),{fillClass:L,fillHoverClass:j,labelTextColor:q,labelTextColorHover:$,labelTextSize:k,labelTextTruncate:N,labelTextWeight:W,labelTextWidth:X,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:fe,iconBeforeSize:ye,iconBeforeSrc:ue,iconFill:pe,iconFillIcon:Ie,iconFillSize:xe,iconShape:Pe,iconSize:Te,iconSrc:be,loaderAppearance:Ae,loaderAppearanceSize:Se,loaderFill:Fe,loaderItemFill:ze,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 f=r.useCallback(e=>{o&&("touch"!==e.pointerType&&0!==e.button||(n.current=!1,d(c)))},[o]),y=r.useCallback(()=>{n.current=!1,d(t)},[]);return{holdState:s,onHoldEnd:y,onHoldStart:f}}({holdDurationMs:500,isHolding:_,onHoldComplete:B}),$e=C||z||U||J||oe||ne||ue||be;return e.jsx(l.LinkWrapper,{className:a(y,"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:F,"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(y,"button__loader"),type:ve,size:Ce,fill:Fe,itemFill:ze}),z,(ne||ue)&&e.jsx(l.Icon,{appearance:i.mergeAppearanceKeys(ce,te),className:"button__icon_before",fill:se,fillSize:me,iconFill:de,iconSize:ye,imageSrc:ue,shape:fe,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:X,size:k,textColor:q,textColorHover:$,textTruncate:N,textWeight:W,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;
|
|
@@ -1 +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{c as f,I as y,T as p}from"./primitives_es_BQqNcRQk.js";import{L as u}from"./Loader_es_CwVQZ1L0.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"},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,className:S,dataTestId:A,dataTour:F,label:z,Badge:C,href:_,htmlType:v="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:Fe,iconFillIcon:ze,iconFillSize:Ce,iconShape:_e,iconSize:ve,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",z&&Re?"button_type_default":z?"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:v,title:h,"data-testid":A?.endsWith("Button")?A:`${A}Button`,"data-tour":F,disabled:M,href:H??_,LinkComponent:H??_?"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:Fe,fillSize:Ce,iconFill:ze,iconSize:ve,imageSrc:He,shape:_e,SvgImage:oe||void 0}),(W||z)&&e(p,{className:"button__label",width:O,size:U,textColor:G,textColorHover:R,textTruncate:J,textWeight:K,textWrap:V,style:De,children:W||z}),(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
|
+
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{c as f,I as y,T as p}from"./primitives_es_BQqNcRQk.js";import{L as u}from"./Loader_es_CwVQZ1L0.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"},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,className:S,dataTestId:A,dataTour:F,label:z,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:Fe,iconFillIcon:ze,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",z&&Re?"button_type_default":z?"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":F,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:Fe,fillSize:Ce,iconFill:ze,iconSize:_e,imageSrc:He,shape:ve,SvgImage:oe||void 0}),(W||z)&&e(p,{className:"button__label",width:O,size:U,textColor:G,textColorHover:R,textTruncate:J,textWeight:K,textWrap:V,style:De,children:W||z}),(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"),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_BxWdQPXX.js"),c=require("./primitives_cjs_ocTnUpml.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",z&&"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,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_CRMaMLMS.js";import{I as u,T as h}from"./primitives_es_BQqNcRQk.js";import{I as f}from"./Input_es_DabuPYuA.js";import{a as y}from"./default_es_OK2akzEP.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:N,showWeekPicker:b}=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&&b){const{mondayDate:e,sundayDate:t}=_(a);v?.(e,t)}else v?.(a,r)},[b,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",w&&"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,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:N?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_BxWdQPXX.js");require("react/jsx-runtime"),require("react"),require("clsx"),require("@itcase/ui-core/hooks"),require("@itcase/ui-core/utils"),require("../../primitives_cjs_ocTnUpml.js"),require("@rc-component/tooltip"),require("react-inlinesvg"),require("@itcase/ui-core/hoc"),require("../../Loader_cjs_nwF8h8Ku.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("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_BxWdQPXX.js"),a=require("../../primitives_cjs_ocTnUpml.js");require("@itcase/ui-core/utils"),require("../../Loader_cjs_nwF8h8Ku.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"),i=require("luxon"),s=require("@itcase/common"),t=require("@itcase/ui-core/hooks"),c=require("@itcase/ui-core/utils"),p=require("../../ChipsGroup_cjs_BfWpClti.js"),d=require("../../
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),a=require("react"),r=require("clsx"),i=require("luxon"),s=require("@itcase/common"),t=require("@itcase/ui-core/hooks"),c=require("@itcase/ui-core/utils"),p=require("../../ChipsGroup_cjs_BfWpClti.js"),d=require("../../DatePicker_cjs_DTu0OjWW.js");require("react-select"),require("../../primitives_cjs_ocTnUpml.js");var n=require("../../SelectContainer_cjs_BxwAS8PG.js");require("../../Group_cjs_CiLUYKP7.js"),require("date-fns/locale"),require("react-datepicker"),require("../../Button_cjs_BxWdQPXX.js"),require("../../Loader_cjs_nwF8h8Ku.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={appearance:o,setAppearance:e=>{l.appearance=e}};exports.DatePeriod=function(o){const{appearance:u,className:h,dataTestId:S,dataTour:P,datePeriodIntervalsList:z=Object.values(s.DATE_PERIOD_INTERVALS),datePeriodSelectFirstOptions:m,datePeriodSelectFirstPlaceholder:_,datePeriodSelectFirstValue:A,datePeriodSelectSecondOptions:k,datePeriodSelectSecondPlaceholder:j,datePeriodSelectSecondValue:f,datePeriodValueEnd:q,datePeriodValueStart:y,monthsShown:D,popperPlacement:C,selectsRange:I=!0,showWeekNumbers:L=!0,isDisabled:v,isSkeleton:x,onChangeDatePeriod:g,onChangeDatePeriodFirstSelect:M,onChangeDatePeriodSecondSelect:b,onKeyDown:w}=o,N=t.useAppearanceConfig(u,l,v),K=t.useDevicePropsGenerator(o,N),{fillClass:T,chipsAppearance:F,chipsAppearanceSize:O,chipsShape:V,datePickerAppearance:X,datePickerAppearanceSize:E,datePickerInputAppearance:G,datePickerInputAppearanceSize:R,datePickerInputFillHover:W,datePickerInputTextSize:$,selectAppearance:H,selectAppearanceSize:J,selectShape:B,shapeClass:Q,sizeClass:U}=K,Y=a.useCallback(e=>{const a=e.dateIntervalsList[0],r=e.dateIntervalsList[1];g?.(new Date(a),new Date(r))},[g]),Z=a.useCallback(e=>{const a=e.dateIntervalsList[0],r=e.dateIntervalsList[1];let s=null,t=null;return y&&(s=i.DateTime.fromJSDate(new Date(y)).toISODate()),q&&(t=i.DateTime.fromJSDate(new Date(q)).toISODate()),a===s&&r===t},[q,y]);return e.jsxs("div",{className:r(h,"date-period",U&&`date-period_size_${U}`,x&&"skeleton"),"data-testid":S,"data-tour":P,children:[e.jsxs("div",{className:r("date-period__wrapper",Q&&`shape_${Q}`,T&&`fill_${T}`,"cursor_type_pointer"),children:[e.jsx(p.ChipsGroup,{className:"date-period__choice",direction:"horizontal",children:z.map(a=>e.jsx(p.Chips,{appearance:c.mergeAppearanceKeys(F,O),label:a.label,shape:V,isActive:Z(a),onClick:()=>Y(a)},a.value))}),e.jsx(d.DatePickerInput,{className:"date-period__datepicker",datePickerProps:{appearance:c.mergeAppearanceKeys(X,E),dateFormat:"dd/MM/yyyy",monthsShown:D,popperPlacement:C,selectsRange:I,showWeekNumbers:L,isClearable:!1,onKeyDown:w},endValue:q,inputProps:{appearance:c.mergeAppearanceKeys(G,R,"ghost"),className:`date-period__datepicker-input date-period__datepicker-input_size_${U} `,fillHover:W,textSize:$,placeholder:"Выбрать период"},value:y,onChange:g})]}),m&&e.jsx(n.SelectContainer,{appearance:c.mergeAppearanceKeys(H,J),className:"date-period__select",width:"180px",minWidth:"180px",options:m,placeholder:_,shape:B,value:A,isSearchable:!0,onChange:M}),k&&e.jsx(n.SelectContainer,{appearance:c.mergeAppearanceKeys(H,J),className:"date-period__select",width:"180px",minWidth:"180px",options:k,placeholder:j,shape:B,value:f,isSearchable:!0,onChange:b})]})},exports.datePeriodAppearance=o,exports.datePeriodConfig=l;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../
|
|
1
|
+
"use strict";var e=require("../../DatePicker_cjs_DTu0OjWW.js");require("react/jsx-runtime"),require("react"),require("clsx"),require("date-fns/locale"),require("react-datepicker"),require("@itcase/ui-core/hooks"),require("../../Button_cjs_BxWdQPXX.js"),require("@itcase/ui-core/utils"),require("../../primitives_cjs_ocTnUpml.js"),require("@rc-component/tooltip"),require("react-inlinesvg"),require("@itcase/ui-core/hoc"),require("../../Loader_cjs_nwF8h8Ku.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"),i=require("clsx"),s=require("react-modern-drawer"),a=require("@itcase/ui-core/hooks"),c=require("../../primitives_cjs_ocTnUpml.js"),t=require("../../default_cjs_BMdcKzhJ.js");require("@rc-component/tooltip"),require("react-inlinesvg"),require("@itcase/ui-core/hoc"),require("@itcase/ui-core/utils");const
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("react"),i=require("clsx"),s=require("react-modern-drawer"),a=require("@itcase/ui-core/hooks"),c=require("../../primitives_cjs_ocTnUpml.js"),t=require("../../Group_cjs_CiLUYKP7.js"),o=require("../../default_cjs_BMdcKzhJ.js");require("@rc-component/tooltip"),require("react-inlinesvg"),require("@itcase/ui-core/hoc"),require("@itcase/ui-core/utils");const l={sizeH3:{titleTextSize:"h3",descTextSize:"s",dividerSize:"s"},...{surfacePrimary:{titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",closeIcon:o.icons24.Action.Close,closeIconFillIcon:"surfaceItemPrimary"}}},n={DEFAULT:{isInDOM:!0,isOpen:!1},ENTER_FINISH:{isInDOM:!0,isOpen:!0},EXIT_FINISH:{isInDOM:!1,isOpen:!1}},d={appearance:l,setAppearance:e=>{d.appearance=e}};exports.Drawer=function(o){const{appearance:l,className:u,dataTestId:I,dataTour:p,type:_,title:x,desc:T,enableOverlay:m,lockBackgroundScroll:f=!0,stickyButton:S,before:h,after:N,close:v,isKeepMounted:w=!1,isOpen:j=!1,onClickClose:z,onClose:C,children:y}=o,g=r.useRef(j),F=r.useRef(!0),q=a.useAppearanceConfig(l,d),E=a.useDevicePropsGenerator(o,q),{direction:O,size:D,titleTextColor:k,titleTextSize:H,titleTextWeight:A,descTextColor:P,descTextSize:b,divider:B,dividerSize:M,zeroPadding:R,closeIcon:$,closeIconFill:G,closeIconFillIcon:X,closeIconFillSize:L,closeIconShape:U,closeIconSize:W,closeIconSrc:K}=E,[J,Q]=r.useState(j?n.ENTER_FINISH:n.EXIT_FINISH);return r.useEffect(()=>{if(F.current)return void(F.current=!1);const e=!0===Boolean(g.current),r=!1===Boolean(j);g.current=j,Q(n.DEFAULT);const i=setTimeout(()=>{Q(j?n.ENTER_FINISH:n.EXIT_FINISH),e&&r&&C&&C()},j?16:300);return()=>{clearTimeout(i)}},[j]),w||J.isInDOM?e.jsx(s,{className:i("drawer",_&&`drawer_type_${_}`,u,S&&"drawer_sticky-button",R&&"drawer_reset-padding"),direction:O||"right",size:D||600,customIdSuffix:I?`_${I}`:void 0,duration:300,enableOverlay:m,lockBackgroundScroll:f,overlayClassName:"drawer__overlay",open:J.isOpen,onClose:z,children:e.jsxs(t.Group,{className:"drawer__content",dataTestId:I,dataTour:p,width:"fill",children:[h&&e.jsx("div",{className:"drawer__before",children:h}),!v&&($||K)&&e.jsx("div",{className:"drawer__close",children:e.jsx(c.Icon,{className:"cursor_type_pointer",dataTestId:I&&`${I}CloseIcon`,fill:G,fillSize:L,iconFill:X,iconSize:W,imageSrc:K,shape:U,SvgImage:$,onClick:z})}),(x||T)&&e.jsxs("div",{className:"drawer__header",children:[e.jsx(c.Title,{className:"drawer__header-title",dataTestId:I&&`${I}Title`,size:H,textColor:k,textWeight:A,children:x}),e.jsx(c.Text,{className:"drawer__header-desc",dataTestId:I&&`${I}Desc`,size:b,textColor:P,children:T})]}),B&&e.jsx(c.Divider,{width:"fill",size:M,fill:"surfaceTertiary"}),y&&e.jsx("div",{className:"drawer__wrapper",children:y}),N&&e.jsx("div",{className:"drawer__after",children:N})]})}):null},exports.drawerAppearance=l,exports.drawerConfig=d;
|
|
@@ -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_BqrCpR77.js"),n=require("../../Image_cjs_DBUl9LUO.js"),l=require("../../Loader_cjs_nwF8h8Ku.js"),c=require("../../primitives_cjs_ocTnUpml.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_BxWdQPXX.js"),n=require("../../Image_cjs_DBUl9LUO.js"),l=require("../../Loader_cjs_nwF8h8Ku.js"),c=require("../../primitives_cjs_ocTnUpml.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_BxWdQPXX.js"),s=require("../../default_cjs_BMdcKzhJ.js");require("@itcase/ui-core/utils"),require("../../primitives_cjs_ocTnUpml.js"),require("@rc-component/tooltip"),require("react-inlinesvg"),require("@itcase/ui-core/hoc"),require("../../Loader_cjs_nwF8h8Ku.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_BxWdQPXX.js"),t=require("../../primitives_cjs_ocTnUpml.js"),s=require("../../Loader_cjs_nwF8h8Ku.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_BxWdQPXX.js"),n=require("../../Group_cjs_CiLUYKP7.js"),c=require("../../primitives_cjs_ocTnUpml.js");require("@itcase/ui-core/utils"),require("../../Loader_cjs_nwF8h8Ku.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:z=!0,showSecondaryButton:h=!0,before:X,after:T,isSkeleton:L,isBottomButton:P,onClickPrimaryButton:b,onClickSecondaryButton:A}=e,_=i.useAppearanceConfig(l,B),v=i.useDevicePropsGenerator(e,_),{fillClass:C,fillHoverClass:F,titleTextColor:w,titleTextSize:j,titleTextWeight:I,descTextColor:q,descTextSize:N,descTextWeight:M,borderColorClass:$,borderColorHoverClass:D,borderTypeClass:W,borderWidthClass:k,heightClass:E,imageSrc:H,primaryButtonAfter:Q,primaryButtonAppearance:R,primaryButtonBefore:G,primaryButtonFill:U,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}=v,Be=a.useMemo(()=>{const e=H||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},[H,xe,me,y,m]),{styles:Se,wrapper:ze}=i.useStyles(e);return r.jsxs("div",{className:t(d,"response",P&&"response_bottom-button",$&&`border-color_${$}`,D&&`border-color_hover_${D}`,W&&`border_type_${W}`,k&&`border-width_${k}`,C&&`fill_${C}`,F&&`fill_hover_${F}`,E&&`height_${E}`,pe&&`shape_${pe}`,ge&&`width_${ge}`,L&&"skeleton"),ref:o,"data-testid":u,"data-tour":p,style:Se,children:[X,r.jsxs("div",{className:"response__wrapper",style:ze,children:[Be&&r.jsx("div",{className:t("response__image",ye&&`svg_fill_${ye}`,fe&&`svg_path_fill_${fe}`),children:Be}),r.jsxs("div",{className:"response__wrapper-inner",children:[f&&r.jsx(c.Text,{className:"response__title",size:j,textColor:w,textWeight:I,children:f}),x&&r.jsx(c.Text,{className:"response__desc",size:N,textColor:q,textWeight:M,children:x})]})]}),(J||g||se||S||_)&&r.jsxs(n.Group,{className:"response__button",width:"fill",children:[J&&z?r.jsx(s.Button,{appearance:R,className:"response__button-item",width:ee||"fill",size:Z,fill:U,fillHover:O,label:J,labelTextColor:K,labelTextSize:V,shape:Y,before:G,after:Q,onClick:b}):g,se&&h?r.jsx(s.Button,{appearance:ae,className:"response__button-item",width:ue||"fill",size:de,fill:oe,fillHover:ie,label:se,labelTextColor:ne,labelTextSize:ce,shape:le,before:te,after:re,onClick:A}):S]}),T]})})),z={error:{appearance:"error sizeM ghost rounded",title:"Ошибка",desc:"Возникла проблема с обработкой вашего запроса. Повторите попытку позже или обратитесь в поддержку по электронной почте: support@example.com",primaryButtonAppearance:"errorPrimary sizeXXL solid rounded",primaryButtonLabel:"ОК",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},errorAccessDenied:{appearance:"unableLoadData sizeM 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 sizeM ghost rounded",title:"Ошибка соединения",desc:"Не удалось подключиться. Проверьте интернет-соединение и повторите попытку",imageSrc:e.responseIcon.UnableLoadData,primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"Обновить",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},fail:{appearance:"fail sizeM ghost rounded",primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"ОК"},nothingFound:{appearance:"nothingFound sizeM ghost rounded",title:"Ничего не найдено",desc:"Нет данных по заданным параметрам",primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"Сбросить",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},confirm:{appearance:"confirm sizeM ghost rounded",title:"Вы уверены?",primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",primaryButtonLabel:"Да",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},empty:{appearance:"empty sizeM ghost rounded",title:"Список пуст",desc:"Нет данных по заданным параметрам",code:"200",primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"ОК"},success:{appearance:"success sizeM ghost rounded",title:"Готово",desc:"Операция успешно выполнена",code:"200",primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",primaryButtonLabel:"ОК"},warning:{appearance:"warning sizeM ghost rounded",title:"Внимание",primaryButtonAppearance:"warningPrimary sizeXXL solid rounded",primaryButtonLabel:"Повторить",secondaryButtonAppearance:"warningPrimary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"}};exports.responseIcon=e.responseIcon,exports.RESPONSE_MESSAGES=z,exports.Response=S,exports.responseAppearance=g,exports.responseConfig=B;
|
|
@@ -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_CRMaMLMS.js";import"react/jsx-runtime";import"react";import"clsx";import"@itcase/ui-core/hooks";import"@itcase/ui-core/utils";import"../primitives_es_BQqNcRQk.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"../Loader_es_CwVQZ1L0.js";import"axios";import"@itcase/common";
|
|
@@ -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_CRMaMLMS.js";import{T as p}from"../primitives_es_BQqNcRQk.js";import"@itcase/ui-core/utils";import"../Loader_es_CwVQZ1L0.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 r}from"react";import i from"clsx";import{DateTime as t}from"luxon";import{DATE_PERIOD_INTERVALS as s}from"@itcase/common";import{useAppearanceConfig as p,useDevicePropsGenerator as o}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as c}from"@itcase/ui-core/utils";import{a as d,C as n}from"../ChipsGroup_es_CrKRN7eQ.js";import{D as l}from"../
|
|
1
|
+
import{jsxs as e,jsx as a}from"react/jsx-runtime";import{useCallback as r}from"react";import i from"clsx";import{DateTime as t}from"luxon";import{DATE_PERIOD_INTERVALS as s}from"@itcase/common";import{useAppearanceConfig as p,useDevicePropsGenerator as o}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as c}from"@itcase/ui-core/utils";import{a as d,C as n}from"../ChipsGroup_es_CrKRN7eQ.js";import{D as l}from"../DatePicker_es_CrRe6OmD.js";import"react-select";import"../primitives_es_BQqNcRQk.js";import{a as u}from"../SelectContainer_es_Dtoz7GhG.js";import"../Group_es_DIuSNHx3.js";import"date-fns/locale";import"react-datepicker";import"../Button_es_CRMaMLMS.js";import"../Loader_es_CwVQZ1L0.js";import"axios";import"../Input_es_DabuPYuA.js";import"../default_es_OK2akzEP.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"react-select/creatable";const h={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={appearance:h,setAppearance:e=>{m.appearance=e}};function S(h){const{appearance:S,className:z,dataTestId:P,dataTour:_,datePeriodIntervalsList:f=Object.values(s),datePeriodSelectFirstOptions:A,datePeriodSelectFirstPlaceholder:k,datePeriodSelectFirstValue:L,datePeriodSelectSecondOptions:y,datePeriodSelectSecondPlaceholder:M,datePeriodSelectSecondValue:I,datePeriodValueEnd:v,datePeriodValueStart:D,monthsShown:C,popperPlacement:w,selectsRange:g=!0,showWeekNumbers:b=!0,isDisabled:j,isSkeleton:x,onChangeDatePeriod:N,onChangeDatePeriodFirstSelect:F,onChangeDatePeriodSecondSelect:O,onKeyDown:V}=h,X=p(S,m,j),W=o(h,X),{fillClass:$,chipsAppearance:T,chipsAppearanceSize:G,chipsShape:H,datePickerAppearance:J,datePickerAppearanceSize:K,datePickerInputAppearance:R,datePickerInputAppearanceSize:B,datePickerInputFillHover:E,datePickerInputTextSize:q,selectAppearance:Q,selectAppearanceSize:U,selectShape:Y,shapeClass:Z,sizeClass:ee}=W,ae=r(e=>{const a=e.dateIntervalsList[0],r=e.dateIntervalsList[1];N?.(new Date(a),new Date(r))},[N]),re=r(e=>{const a=e.dateIntervalsList[0],r=e.dateIntervalsList[1];let i=null,s=null;return D&&(i=t.fromJSDate(new Date(D)).toISODate()),v&&(s=t.fromJSDate(new Date(v)).toISODate()),a===i&&r===s},[v,D]);return e("div",{className:i(z,"date-period",ee&&`date-period_size_${ee}`,x&&"skeleton"),"data-testid":P,"data-tour":_,children:[e("div",{className:i("date-period__wrapper",Z&&`shape_${Z}`,$&&`fill_${$}`,"cursor_type_pointer"),children:[a(d,{className:"date-period__choice",direction:"horizontal",children:f.map(e=>a(n,{appearance:c(T,G),label:e.label,shape:H,isActive:re(e),onClick:()=>ae(e)},e.value))}),a(l,{className:"date-period__datepicker",datePickerProps:{appearance:c(J,K),dateFormat:"dd/MM/yyyy",monthsShown:C,popperPlacement:w,selectsRange:g,showWeekNumbers:b,isClearable:!1,onKeyDown:V},endValue:v,inputProps:{appearance:c(R,B,"ghost"),className:`date-period__datepicker-input date-period__datepicker-input_size_${ee} `,fillHover:E,textSize:q,placeholder:"Выбрать период"},value:D,onChange:N})]}),A&&a(u,{appearance:c(Q,U),className:"date-period__select",width:"180px",minWidth:"180px",options:A,placeholder:k,shape:Y,value:L,isSearchable:!0,onChange:F}),y&&a(u,{appearance:c(Q,U),className:"date-period__select",width:"180px",minWidth:"180px",options:y,placeholder:M,shape:Y,value:I,isSearchable:!0,onChange:O})]})}export{S as DatePeriod,h as datePeriodAppearance,m 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_CrRe6OmD.js";import"react/jsx-runtime";import"react";import"clsx";import"date-fns/locale";import"react-datepicker";import"@itcase/ui-core/hooks";import"../Button_es_CRMaMLMS.js";import"@itcase/ui-core/utils";import"../primitives_es_BQqNcRQk.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"../Loader_es_CwVQZ1L0.js";import"axios";import"@itcase/common";import"../Input_es_DabuPYuA.js";import"../default_es_OK2akzEP.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useRef as i,useState as o,useEffect as t}from"react";import a from"clsx";import s from"react-modern-drawer";import{useAppearanceConfig as c,useDevicePropsGenerator as l}from"@itcase/ui-core/hooks";import{I as n,d,T as m,D as p}from"../primitives_es_BQqNcRQk.js";import{G as I}from"../Group_es_DIuSNHx3.js";import{d as _}from"../default_es_OK2akzEP.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const u={sizeH3:{titleTextSize:"h3",descTextSize:"s",dividerSize:"s"},...{surfacePrimary:{titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",closeIcon:_.Action.Close,closeIconFillIcon:"surfaceItemPrimary"}}},T={DEFAULT:{isInDOM:!0,isOpen:!1},ENTER_FINISH:{isInDOM:!0,isOpen:!0},EXIT_FINISH:{isInDOM:!1,isOpen:!1}},f={appearance:u,setAppearance:e=>{f.appearance=e}};function h(_){const{appearance:u,className:h,dataTestId:S,dataTour:N,type:x,title:v,desc:w,enableOverlay:z,lockBackgroundScroll:y=!0,stickyButton:C,before:F,after:g,close:E,isKeepMounted:O=!1,isOpen:k=!1,onClickClose:D,onClose:H,children:b}=_,B=i(k),M=i(!0),P=c(u,f),$=l(_,P),{direction:j,size:A,titleTextColor:R,titleTextSize:X,titleTextWeight:G,descTextColor:L,descTextSize:U,divider:W,dividerSize:K,zeroPadding:q,closeIcon:J,closeIconFill:Q,closeIconFillIcon:V,closeIconFillSize:Y,closeIconShape:Z,closeIconSize:ee,closeIconSrc:re}=$,[ie,oe]=o(k?T.ENTER_FINISH:T.EXIT_FINISH);return t(()=>{if(M.current)return void(M.current=!1);const e=!0===Boolean(B.current),r=!1===Boolean(k);B.current=k,oe(T.DEFAULT);const i=setTimeout(()=>{oe(k?T.ENTER_FINISH:T.EXIT_FINISH),e&&r&&H&&H()},k?16:300);return()=>{clearTimeout(i)}},[k]),O||ie.isInDOM?e(s,{className:a("drawer",x&&`drawer_type_${x}`,h,C&&"drawer_sticky-button",q&&"drawer_reset-padding"),direction:j||"right",size:A||600,customIdSuffix:S?`_${S}`:void 0,duration:300,enableOverlay:z,lockBackgroundScroll:y,overlayClassName:"drawer__overlay",open:ie.isOpen,onClose:D,children:r(I,{className:"drawer__content",dataTestId:S,dataTour:N,width:"fill",children:[F&&e("div",{className:"drawer__before",children:F}),!E&&(J||re)&&e("div",{className:"drawer__close",children:e(n,{className:"cursor_type_pointer",dataTestId:S&&`${S}CloseIcon`,fill:Q,fillSize:Y,iconFill:V,iconSize:ee,imageSrc:re,shape:Z,SvgImage:J,onClick:D})}),(v||w)&&r("div",{className:"drawer__header",children:[e(d,{className:"drawer__header-title",dataTestId:S&&`${S}Title`,size:X,textColor:R,textWeight:G,children:v}),e(m,{className:"drawer__header-desc",dataTestId:S&&`${S}Desc`,size:U,textColor:L,children:w})]}),W&&e(p,{width:"fill",size:K,fill:"surfaceTertiary"}),b&&e("div",{className:"drawer__wrapper",children:b}),g&&e("div",{className:"drawer__after",children:g})]})}):null}export{h as Drawer,u as drawerAppearance,f as drawerConfig};
|
|
@@ -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_BVfoGAzN.js";import{I as T}from"../Image_es_CA8fSzj-.js";import{L as f}from"../Loader_es_CwVQZ1L0.js";import{T as b}from"../primitives_es_BQqNcRQk.js";import x from"axios";import{createFileFromDataURL as z}from"@itcase/common";import{b as v}from"../default_es_OK2akzEP.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_CRMaMLMS.js";import{I as T}from"../Image_es_CA8fSzj-.js";import{L as f}from"../Loader_es_CwVQZ1L0.js";import{T as b}from"../primitives_es_BQqNcRQk.js";import x from"axios";import{createFileFromDataURL as z}from"@itcase/common";import{b as v}from"../default_es_OK2akzEP.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_CRMaMLMS.js";import{d as s}from"../default_es_OK2akzEP.js";import"@itcase/ui-core/utils";import"../primitives_es_BQqNcRQk.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"../Loader_es_CwVQZ1L0.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_CRMaMLMS.js";import{T as l,I as n}from"../primitives_es_BQqNcRQk.js";import{L as d}from"../Loader_es_CwVQZ1L0.js";import{d as m}from"../default_es_OK2akzEP.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_CRMaMLMS.js";import{G as u}from"../Group_es_DIuSNHx3.js";import{T as p}from"../primitives_es_BQqNcRQk.js";import"@itcase/ui-core/utils";import"../Loader_es_CwVQZ1L0.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"}},x={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"}},B={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"}},z={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"}},h={...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"}},...B,...x,...g,...z,...{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"}},X={appearance:h,setAppearance:e=>{X.appearance=e}},T=n(t(function(e,t){const{appearance:n,className:m,dataTestId:y,dataTour:f,width:g,height:x,title:B,desc:S,primaryButton:z,secondaryButton:h,showPrimaryButton:T=!0,showSecondaryButton:L=!0,before:P,after:b,isSkeleton:_,isBottomButton:A,onClickPrimaryButton:v,onClickSecondaryButton:C}=e,F=s(n,X),w=l(e,F),{fillClass:N,fillHoverClass:$,titleTextColor:M,titleTextSize:k,titleTextWeight:D,descTextColor:W,descTextSize:j,descTextWeight:H,borderColorClass:Q,borderColorHoverClass:U,borderTypeClass:E,borderWidthClass:G,heightClass:I,imageSrc:R,primaryButtonAfter:q,primaryButtonAppearance:J,primaryButtonBefore:K,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:xe,svgPathFillClass:Be,svgSrc:Se,widthClass:ze}=w,he=o(()=>{const e=R||Se,a=xe;if(a){const e={};return g&&(e.width=g),x&&(e.height=x),r(a,{...e})}return e?r("img",{src:e}):null},[R,Se,xe,g,x]),{styles:Xe,wrapper:Te}=c(e);return a("div",{className:i(m,"response",A&&"response_bottom-button",Q&&`border-color_${Q}`,U&&`border-color_hover_${U}`,E&&`border_type_${E}`,G&&`border-width_${G}`,N&&`fill_${N}`,$&&`fill_hover_${$}`,I&&`height_${I}`,fe&&`shape_${fe}`,ze&&`width_${ze}`,_&&"skeleton"),ref:t,"data-testid":y,"data-tour":f,style:Xe,children:[P,a("div",{className:"response__wrapper",style:Te,children:[he&&r("div",{className:i("response__image",ge&&`svg_fill_${ge}`,Be&&`svg_path_fill_${Be}`),children:he}),a("div",{className:"response__wrapper-inner",children:[B&&r(p,{className:"response__title",size:k,textColor:M,textWeight:D,children:B}),S&&r(p,{className:"response__desc",size:j,textColor:W,textWeight:H,children:S})]})]}),(Y||z||ce||h||F)&&a(u,{className:"response__button",width:"fill",children:[Y&&T?r(d,{appearance:J,className:"response__button-item",width:te||"fill",size:ae,fill:O,fillHover:V,label:Y,labelTextColor:Z,labelTextSize:ee,shape:re,before:K,after:q,onClick:v}):z,ce&&L?r(d,{appearance:ie,className:"response__button-item",width:ye||"fill",size:me,fill:se,fillHover:le,label:ce,labelTextColor:de,labelTextSize:ue,shape:pe,before:ne,after:oe,onClick:C}):h]}),b]})})),L={error:{appearance:"error sizeM ghost rounded",title:"Ошибка",desc:"Возникла проблема с обработкой вашего запроса. Повторите попытку позже или обратитесь в поддержку по электронной почте: support@example.com",primaryButtonAppearance:"errorPrimary sizeXXL solid rounded",primaryButtonLabel:"ОК",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},errorAccessDenied:{appearance:"unableLoadData sizeM 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 sizeM ghost rounded",title:"Ошибка соединения",desc:"Не удалось подключиться. Проверьте интернет-соединение и повторите попытку",imageSrc:e.UnableLoadData,primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"Обновить",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},fail:{appearance:"fail sizeM ghost rounded",primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"ОК"},nothingFound:{appearance:"nothingFound sizeM ghost rounded",title:"Ничего не найдено",desc:"Нет данных по заданным параметрам",primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"Сбросить",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},confirm:{appearance:"confirm sizeM ghost rounded",title:"Вы уверены?",primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",primaryButtonLabel:"Да",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},empty:{appearance:"empty sizeM ghost rounded",title:"Список пуст",desc:"Нет данных по заданным параметрам",code:"200",primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"ОК"},success:{appearance:"success sizeM ghost rounded",title:"Готово",desc:"Операция успешно выполнена",code:"200",primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",primaryButtonLabel:"ОК"},warning:{appearance:"warning sizeM ghost rounded",title:"Внимание",primaryButtonAppearance:"warningPrimary sizeXXL solid rounded",primaryButtonLabel:"Повторить",secondaryButtonAppearance:"warningPrimary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"}};export{L as RESPONSE_MESSAGES,T as Response,h as responseAppearance,X as responseConfig,e as responseIcon};
|
|
@@ -61611,6 +61611,8 @@ h2.react-datepicker__current-month {
|
|
|
61611
61611
|
opacity: 100% !important;
|
|
61612
61612
|
backdrop-filter: var(--drawer-overlay-filter) !important;
|
|
61613
61613
|
}
|
|
61614
|
+
&__content {
|
|
61615
|
+
}
|
|
61614
61616
|
&__close {
|
|
61615
61617
|
padding: 3m 3m 0 3m;
|
|
61616
61618
|
position: relative;
|
|
@@ -40,6 +40,10 @@ const Button = React.forwardRef(function Button(props, ref) {
|
|
|
40
40
|
? 'button_type_label'
|
|
41
41
|
: buttonTypeClass
|
|
42
42
|
? 'button_type_icon'
|
|
43
|
-
: '', borderWidthClass && `border-width_${borderWidthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && !isDisabled && `fill_hover_${fillHoverClass}`, shapeClass && `shape_${shapeClass}`, sizeClass && `button_size_${sizeClass}`, widthClass && `button_width_${widthClass}`, elevationClass && `elevation_${elevationClass}`, onClick && 'cursor_type_pointer', isDisabled && 'button_state_disabled cursor_type_default', Badge && 'button_type_badge', zeroPadding && 'button_reset-padding', zeroGap && 'button_reset-gap', isLoading && 'button_state_loading', isSkeleton && 'skeleton', isHolding && 'button_holding', holdState && isHolding && `button_state_${holdState}`), type: htmlType, title: tooltip, "data-testid": dataTestId
|
|
43
|
+
: '', borderWidthClass && `border-width_${borderWidthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && !isDisabled && `fill_hover_${fillHoverClass}`, shapeClass && `shape_${shapeClass}`, sizeClass && `button_size_${sizeClass}`, widthClass && `button_width_${widthClass}`, elevationClass && `elevation_${elevationClass}`, onClick && 'cursor_type_pointer', isDisabled && 'button_state_disabled cursor_type_default', Badge && 'button_type_badge', zeroPadding && 'button_reset-padding', zeroGap && 'button_reset-gap', isLoading && 'button_state_loading', isSkeleton && 'skeleton', isHolding && 'button_holding', holdState && isHolding && `button_state_${holdState}`), type: htmlType, title: tooltip, "data-testid": dataTestId
|
|
44
|
+
? dataTestId.endsWith('Button')
|
|
45
|
+
? dataTestId
|
|
46
|
+
: `${dataTestId}Button`
|
|
47
|
+
: undefined, "data-tour": dataTour, disabled: isDisabled, href: link ?? href, LinkComponent: (link ?? href) ? 'a' : 'button', rel: rel, style: buttonStyles, target: target, onClick: onClick, onMouseDown: onMouseDown, onPointerCancel: onHoldEnd, onPointerDown: onHoldStart, onPointerLeave: onHoldEnd, onPointerUp: onHoldEnd, children: _jsxs("div", { className: "button__wrapper", ref: ref, children: [isHolding && (_jsx("div", { className: clsx('button__indication', `button__indication_${holdState}`), children: _jsx("div", { className: "button__indication-item", children: "\u00A0" }) })), isLoading && (_jsx(Loader, { appearance: mergeAppearanceKeys(loaderAppearance, loaderAppearanceSize), className: clsx(className, 'button__loader'), type: loaderType, size: loaderSize, fill: loaderFill, itemFill: loaderItemFill })), before, (iconBefore || iconBeforeSrc) && (_jsx(Icon, { appearance: mergeAppearanceKeys(iconBeforeAppearance, iconBeforeAppearanceSize), className: "button__icon_before", fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore ? iconBefore : undefined })), (icon || iconSrc) && (_jsx(Icon, { appearance: mergeAppearanceKeys(iconAppearance, iconAppearanceSize), className: "button__icon", fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon ? icon : undefined })), (children || label) && (_jsx(Text, { className: "button__label", width: labelTextWidth, size: labelTextSize, textColor: labelTextColor, textColorHover: labelTextColorHover, textTruncate: labelTextTruncate, textWeight: labelTextWeight, textWrap: labelTextWrap, style: labelStyles, children: children || label })), (iconAfter || iconAfterSrc) && (_jsx(Icon, { appearance: mergeAppearanceKeys(iconAfterAppearance, iconAfterAppearanceSize), className: "button__icon_after", fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter ? iconAfter : undefined })), Badge, after] }) }));
|
|
44
48
|
});
|
|
45
49
|
export { Button, buttonConfig };
|
|
@@ -4,6 +4,7 @@ import clsx from 'clsx';
|
|
|
4
4
|
import ReactDrawer from 'react-modern-drawer';
|
|
5
5
|
import { useAppearanceConfig, useDevicePropsGenerator, } from '@itcase/ui-core/hooks';
|
|
6
6
|
import { Divider } from 'src/components/Divider';
|
|
7
|
+
import { Group } from 'src/components/Group';
|
|
7
8
|
import { Icon } from 'src/components/Icon';
|
|
8
9
|
import { Text } from 'src/components/Text';
|
|
9
10
|
import { Title } from 'src/components/Title';
|
|
@@ -53,6 +54,6 @@ function Drawer(props) {
|
|
|
53
54
|
if (!isKeepMounted && !animationState.isInDOM) {
|
|
54
55
|
return null;
|
|
55
56
|
}
|
|
56
|
-
return (
|
|
57
|
+
return (_jsx(ReactDrawer, { className: clsx('drawer', type && `drawer_type_${type}`, className, stickyButton && 'drawer_sticky-button', zeroPadding && 'drawer_reset-padding'), direction: direction || 'right', size: size || 600, customIdSuffix: dataTestId ? `_${dataTestId}` : undefined, duration: ANIMATION_DURATION, enableOverlay: enableOverlay, lockBackgroundScroll: lockBackgroundScroll, overlayClassName: "drawer__overlay", open: animationState.isOpen, onClose: onClickClose, children: _jsxs(Group, { className: "drawer__content", dataTestId: dataTestId, dataTour: dataTour, width: "fill", children: [before && _jsx("div", { className: "drawer__before", children: before }), !close && (closeIcon || closeIconSrc) && (_jsx("div", { className: "drawer__close", children: _jsx(Icon, { className: "cursor_type_pointer", dataTestId: dataTestId && `${dataTestId}CloseIcon`, fill: closeIconFill, fillSize: closeIconFillSize, iconFill: closeIconFillIcon, iconSize: closeIconSize, imageSrc: closeIconSrc, shape: closeIconShape, SvgImage: closeIcon, onClick: onClickClose }) })), (title || desc) && (_jsxs("div", { className: "drawer__header", children: [_jsx(Title, { className: "drawer__header-title", dataTestId: dataTestId && `${dataTestId}Title`, size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, children: title }), _jsx(Text, { className: "drawer__header-desc", dataTestId: dataTestId && `${dataTestId}Desc`, size: descTextSize, textColor: descTextColor, children: desc })] })), divider && (_jsx(Divider, { width: "fill", size: dividerSize, fill: "surfaceTertiary" })), children && _jsx("div", { className: "drawer__wrapper", children: children }), after && _jsx("div", { className: "drawer__after", children: after })] }) }));
|
|
57
58
|
}
|
|
58
59
|
export { Drawer, drawerConfig };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@itcase/ui-web",
|
|
3
|
-
"version": "1.10.
|
|
3
|
+
"version": "1.10.13",
|
|
4
4
|
"description": "UI components",
|
|
5
5
|
"keywords": "",
|
|
6
6
|
"license": "MIT",
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
"@itcase/tokens-am": "^1.1.57",
|
|
54
54
|
"@itcase/tokens-baikal": "^1.1.54",
|
|
55
55
|
"@itcase/tokens-palette": "^1.1.50",
|
|
56
|
-
"@itcase/ui-core": "^1.10.
|
|
56
|
+
"@itcase/ui-core": "^1.10.13",
|
|
57
57
|
"@rc-component/tooltip": "^1.4.0",
|
|
58
58
|
"axios": "^1.16.1",
|
|
59
59
|
"clsx": "^2.1.1",
|
|
@@ -116,5 +116,5 @@
|
|
|
116
116
|
"storybook": "^10.4.1",
|
|
117
117
|
"typescript": "^6.0.3"
|
|
118
118
|
},
|
|
119
|
-
"gitHead": "
|
|
119
|
+
"gitHead": "ffdd3c3b3cf6fcc6d40520e607fd593417da356b"
|
|
120
120
|
}
|