@itcase/ui-web 1.9.103 → 1.9.104
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_DtASHa5Q.js → Button_cjs_D0UPBIsl.js} +1 -1
- package/dist/{Button_es_D9Hv30oL.js → Button_es_BjsE6L1v.js} +1 -1
- package/dist/{DatePicker_cjs_7DVLiF8l.js → DatePicker_cjs_DL2RlUWb.js} +1 -1
- package/dist/{DatePicker_es_B3DBRexD.js → DatePicker_es_Blt14fUB.js} +1 -1
- package/dist/Loader_cjs_D2eU4Cq6.js +1 -0
- package/dist/Loader_es_BpHMMwc0.js +1 -0
- package/dist/{SelectContainer_cjs_xcSZp9PQ.js → SelectContainer_cjs_D9_SCVQg.js} +1 -1
- package/dist/{SelectContainer_es_Bh-356jj.js → SelectContainer_es_DDjoF9eR.js} +1 -1
- package/dist/cjs/components/Button.js +1 -1
- package/dist/cjs/components/Choice.js +1 -1
- package/dist/cjs/components/CookiesWarning.js +1 -1
- package/dist/cjs/components/DatePeriod.js +1 -1
- package/dist/cjs/components/DatePicker.js +1 -1
- package/dist/cjs/components/Dropzone.js +1 -1
- package/dist/cjs/components/InputNumber.js +1 -1
- package/dist/cjs/components/Loader.js +1 -1
- package/dist/cjs/components/Modal.js +1 -1
- package/dist/cjs/components/Notification.js +1 -1
- package/dist/cjs/components/Response.js +1 -1
- package/dist/cjs/components/Select.js +1 -1
- package/dist/components/Button.js +1 -1
- package/dist/components/Choice.js +1 -1
- package/dist/components/CookiesWarning.js +1 -1
- package/dist/components/DatePeriod.js +1 -1
- package/dist/components/DatePicker.js +1 -1
- package/dist/components/Dropzone.js +1 -1
- package/dist/components/InputNumber.js +1 -1
- package/dist/components/Loader.js +1 -1
- package/dist/components/Modal.js +1 -1
- package/dist/components/Notification.js +1 -1
- package/dist/components/Response.js +1 -1
- package/dist/components/Select.js +1 -1
- package/dist/types/components/Button/Button.appearance.d.ts +9 -9
- package/dist/types/components/Button/appearance/buttonSize.d.ts +5 -5
- package/dist/types/components/Button/appearance/buttonSize.js +5 -5
- package/dist/types/components/Button/appearance/buttonSurface.d.ts +4 -4
- package/dist/types/components/Button/appearance/buttonSurface.js +4 -4
- package/dist/types/components/Loader/Loader.appearance.d.ts +5 -0
- package/dist/types/components/Loader/appearance/loaderSurface.d.ts +5 -0
- package/dist/types/components/Loader/appearance/loaderSurface.js +5 -0
- package/dist/types/components/Response/Response.constant.d.ts +8 -0
- package/dist/types/components/Response/Response.constant.js +8 -0
- package/package.json +2 -2
- package/dist/Loader_cjs_B9yde0Z7.js +0 -1
- package/dist/Loader_es_DS2z8Ps3.js +0 -1
|
@@ -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_BphFj-db.js"),n=require("./Loader_cjs_B9yde0Z7.js");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:"sizeL"},sizeM:{size:"m",labelTextSize:"m",iconAfterAppearanceSize:"size24_24",iconBeforeAppearanceSize:"size24_24",loaderAppearanceSize:"sizeL"},sizeS:{size:"s",labelTextSize:"s",iconAfterAppearanceSize:"size20_20",iconBeforeAppearanceSize:"size20_20",loaderAppearanceSize:"sizeL"},sizeXS:{size:"xs",labelTextSize:"xs",iconAfterAppearanceSize:"size16_16",iconBeforeAppearanceSize:"size16_16",loaderAppearanceSize:"sizeL"},sizeXXS:{size:"xxs",labelTextSize:"xs",iconAfterAppearanceSize:"size14_14",iconBeforeAppearanceSize:"size14_14",loaderAppearanceSize:"sizeL"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"},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"},accentPrimary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextPrimary",labelTextColorHover:"accentTextPrimary",borderColor:"accentBorderPrimary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary",iconFillIcon:"accentItemPrimary",loaderAppearance:"accentPrimary"},accentSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextSecondary",labelTextColorHover:"accentTextSecondary",borderColor:"accentBorderPrimary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary",iconFillIcon:"accentItemPrimary",loaderAppearance:"accentPrimary"},dangerMutedPrimary:{fill:"dangerTertiary",fillHover:"dangerHoverPrimary",labelTextColor:"dangerTextQuaternary",labelTextColorHover:"dangerTextQuaternary",borderColor:"dangerBorderSecondary",iconAfterFillIcon:"dangerItemQuaternary",iconBeforeFillIcon:"dangerItemQuaternary",iconFillIcon:"dangerItemQuaternary",loaderAppearance:"dangerTertiary"},dangerPrimary:{fill:"dangerPrimary",fillHover:"dangerHoverPrimary",labelTextColor:"dangerTextPrimary",labelTextColorHover:"dangerTextPrimary",iconAfterFillIcon:"dangerItemPrimary",iconBeforeFillIcon:"dangerItemPrimary",iconFillIcon:"dangerItemPrimary",loaderAppearance:"dangerPrimary"},errorMutedPrimary:{fill:"errorTertiary",fillHover:"errorHoverPrimary",labelTextColor:"errorTextQuaternary",labelTextColorHover:"errorTextQuaternary",borderColor:"errorBorderSecondary",iconAfterFillIcon:"errorItemQuaternary",iconBeforeFillIcon:"errorItemQuaternary",iconFillIcon:"errorItemQuaternary",loaderAppearance:"errorTertiary"},errorPrimary:{fill:"errorPrimary",fillHover:"errorHoverPrimary",labelTextColor:"errorTextPrimary",labelTextColorHover:"errorTextPrimary",iconAfterFillIcon:"errorItemPrimary",iconBeforeFillIcon:"errorItemPrimary",iconFillIcon:"errorItemPrimary",loaderAppearance:"errorPrimary"},infoMutedPrimary:{fill:"infoTertiary",fillHover:"infoHoverTertiary",labelTextColor:"infoTextSecondary",labelTextColorHover:"infoTextSecondary",borderColor:"infoBorderSecondary",iconAfterFillIcon:"infoItemSecondary",iconBeforeFillIcon:"infoItemSecondary",iconFillIcon:"infoItemSecondary",loaderAppearance:"infoTertiary"},infoPrimary:{fill:"infoPrimary",fillHover:"infoHoverPrimary",labelTextColor:"infoTextPrimary",labelTextColorHover:"infoTextPrimary",borderColor:"infoBorderPrimary",iconAfterFillIcon:"infoItemPrimary",iconBeforeFillIcon:"infoItemPrimary",iconFillIcon:"infoItemPrimary",loaderAppearance:"infoPrimary"},infoSecondary:{fill:"infoPrimary",fillHover:"infoHoverPrimary",labelTextColor:"infoTextSecondary",labelTextColorHover:"infoTextSecondary",borderColor:"infoBorderPrimary",iconAfterFillIcon:"infoItemPrimary",iconBeforeFillIcon:"infoItemPrimary",iconFillIcon:"infoItemPrimary",loaderAppearance:"infoPrimary"},specialMutedPrimary:{fill:"specialTertiary",fillHover:"specialHoverPrimary",labelTextColor:"specialTextSecondary",borderColor:"specialBorderTertiary",iconAfterFillIcon:"specialItemSecondary",iconBeforeFillIcon:"specialItemSecondary",iconFillIcon:"specialItemSecondary",loaderAppearance:"specialTertiary"},specialPrimary:{fill:"specialPrimary",fillHover:"specialHoverPrimary",labelTextColor:"specialTextPrimary",iconAfterFillIcon:"specialItemPrimary",iconBeforeFillIcon:"specialItemPrimary",iconFillIcon:"specialItemPrimary",loaderAppearance:"specialPrimary"},extraMutedPrimary:{fill:"extraTertiary",fillHover:"extraHoverPrimary",labelTextColor:"extraTextQuaternary",borderColor:"extraBorderSecondary",iconAfterFillIcon:"extraItemQuaternary",iconBeforeFillIcon:"extraItemQuaternary",iconFillIcon:"extraItemQuaternary",loaderAppearance:"extraPrimary"},extraPrimary:{fill:"extraPrimary",fillHover:"extraHoverPrimary",labelTextColor:"extraTextPrimary",iconAfterFillIcon:"extraItemPrimary",iconBeforeFillIcon:"extraItemPrimary",iconFillIcon:"extraItemPrimary",loaderAppearance:"extraPrimary"},successMutedPrimary:{fill:"successTertiary",fillHover:"successHoverPrimary",labelTextColor:"successTextQuaternary",labelTextColorHover:"successTextQuaternary",borderColor:"successBorderQuaternary",iconAfterFillIcon:"successItemQuaternary",iconBeforeFillIcon:"successItemQuaternary",iconFillIcon:"successItemQuaternary",loaderAppearance:"successTertiary"},successPrimary:{fill:"successPrimary",fillHover:"successHoverPrimary",labelTextColor:"successTextPrimary",labelTextColorHover:"successTextPrimary",iconAfterFillIcon:"successItemPrimary",iconBeforeFillIcon:"successItemPrimary",iconFillIcon:"successItemPrimary",loaderAppearance:"successPrimary"},surfaceMutedPrimary:{fill:"surfaceTertiary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextQuaternary",borderColor:"surfaceBorderQuaternary",iconAfterFillIcon:"surfaceItemQuaternary",iconBeforeFillIcon:"surfaceItemQuaternary",iconFillIcon:"surfaceItemQuaternary",loaderAppearance:"surfaceTertiary"},surfacePrimary:{fill:"surfacePrimary",fillHover:"surfaceSecondary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfacePrimary"},surfaceQuaternary:{fill:"surfaceTertiary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfacePrimary"},surfaceSecondary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfacePrimary"},surfaceTertiary:{fill:"surfaceTertiary",fillHover:"surfaceSecondary",labelTextColor:"surfaceTextPrimary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfacePrimary"},warningMutedPrimary:{fill:"warningTertiary",fillHover:"warningHoverPrimary",labelTextColor:"warningTextSecondary",labelTextColorHover:"warningTextPrimary",borderColor:"warningBorderPrimary",iconAfterFillIcon:"warningItemSecondary",iconBeforeFillIcon:"warningItemSecondary",iconFillIcon:"warningItemSecondary",loaderAppearance:"warningTertiary"},warningPrimary:{fill:"warningPrimary",fillHover:"warningHoverPrimary",labelTextColor:"warningTextPrimary",labelTextColorHover:"warningTextPrimary",iconAfterFillIcon:"warningItemPrimary",iconBeforeFillIcon:"warningItemPrimary",iconFillIcon:"warningItemPrimary",loaderAppearance:"warningPrimary"}},m={appearance:s,setAppearance:e=>{m.appearance=e}},f=r.forwardRef(function(s,f){const{appearance:y,className:d,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:_,isHolding:v,isLoading:g=!1,onClick:H,onHoldComplete:B,onMouseDown:h,children:Q}=s,w=o.useAppearanceConfig(y,m,_),L=o.useDevicePropsGenerator(s,w),{fillClass:M,fillHoverClass:j,labelTextColor:$,labelTextColorHover:q,labelTextSize:k,labelTextTruncate:N,labelTextWeight:W,labelTextWidth:D,labelTextWrap:X,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:me,iconBeforeFillSize:fe,iconBeforeShape:ye,iconBeforeSize:de,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:_e="dot",shapeClass:ve,sizeClass:ge,widthClass:He,zeroGap:Be,zeroPadding:he,isSkeleton:Qe}=L,{label:we,styles:Le}=o.useStyles(s),{holdState:Me,onHoldEnd:je,onHoldStart:$e}=function(e){const{holdDurationMs:a=500,isHolding:o,onHoldComplete:i}=e,l=r.useRef(null),n=r.useRef(i),[s,m]=r.useState(t),f=r.useRef(0);n.current=i,r.useEffect(()=>(l.current=requestAnimationFrame(function e(){if(s===c&&1===f.current&&n.current&&n.current(),s===c&&f.current<1){const r=f.current,o=Math.min(r+16/a,1);f.current=o,l.current=requestAnimationFrame(e)}if(s===t&&f.current>0){const r=f.current,o=Math.max(r-16/a,0);f.current=o,l.current=requestAnimationFrame(e)}}),()=>{l.current&&cancelAnimationFrame(l.current)}),[s,a]);const y=r.useCallback(e=>{o&&("touch"!==e.pointerType&&0!==e.button||m(c))},[o]),d=r.useCallback(e=>{m(t)},[]);return{holdState:s,onHoldEnd:d,onHoldStart:y}}({holdDurationMs:500,isHolding:v,onHoldComplete:B}),qe=C||z||U||J||oe||ne||ue||be;return e.jsx(l.LinkWrapper,{className:a(d,"button",I&&qe?"button_type_default":I?"button_type_label":qe?"button_type_icon":"",E&&`border-width_${E}`,K&&`border-color_${K}`,R&&`border_type_${R}`,M&&`fill_${M}`,j&&!_&&`fill_hover_${j}`,ve&&`shape_${ve}`,ge&&`button_size_${ge}`,He&&`button_width_${He}`,G&&`elevation_${G}`,H&&"cursor_type_pointer",_&&"button_state_disabled cursor_type_default",x&&"button_type_badge",he&&"button_reset-padding",Be&&"button_reset-gap",g&&"button_state_loading",Qe&&"skeleton",v&&"button_holding",Me&&`button_state_${Me}`),type:T,title:F,"data-testid":u?.endsWith("Button")?u:`${u}Button`,"data-tour":p,disabled:_,href:b??P,LinkComponent:b??P?"a":"button",rel:A,style:Le,target:S,onClick:H,onMouseDown:h,onPointerCancel:je,onPointerDown:$e,onPointerLeave:je,onPointerUp:je,children:e.jsxs("div",{className:"button__wrapper",ref:f,children:[v&&e.jsx("div",{className:a("button__indication",`button__indication_${Me}`),children:e.jsx("div",{className:"button__indication-item",children:" "})}),g&&e.jsx(n.Loader,{appearance:i.mergeAppearanceKeys(Ae,Se),className:a(d,"button__loader"),type:_e,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:fe,iconFill:me,iconSize:de,imageSrc:ue,shape:ye,SvgImage:ne}),(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}),(Q||I)&&e.jsx(l.Text,{className:"button__label",width:D,size:k,textColor:$,textColorHover:q,textTruncate:N,textWeight:W,textWrap:X,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}),x,C]})})});exports.Button=f,exports.buttonAppearance=s,exports.buttonConfig=m;
|
|
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_BphFj-db.js"),n=require("./Loader_cjs_D2eU4Cq6.js");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:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"},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"},accentPrimary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextPrimary",labelTextColorHover:"accentTextPrimary",borderColor:"accentBorderPrimary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary",iconFillIcon:"accentItemPrimary",loaderAppearance:"accentPrimary"},accentSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextSecondary",labelTextColorHover:"accentTextSecondary",borderColor:"accentBorderPrimary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary",iconFillIcon:"accentItemPrimary",loaderAppearance:"accentPrimary"},dangerMutedPrimary:{fill:"dangerTertiary",fillHover:"dangerHoverPrimary",labelTextColor:"dangerTextQuaternary",labelTextColorHover:"dangerTextQuaternary",borderColor:"dangerBorderSecondary",iconAfterFillIcon:"dangerItemQuaternary",iconBeforeFillIcon:"dangerItemQuaternary",iconFillIcon:"dangerItemQuaternary",loaderAppearance:"dangerTertiary"},dangerPrimary:{fill:"dangerPrimary",fillHover:"dangerHoverPrimary",labelTextColor:"dangerTextPrimary",labelTextColorHover:"dangerTextPrimary",iconAfterFillIcon:"dangerItemPrimary",iconBeforeFillIcon:"dangerItemPrimary",iconFillIcon:"dangerItemPrimary",loaderAppearance:"dangerPrimary"},errorMutedPrimary:{fill:"errorTertiary",fillHover:"errorHoverPrimary",labelTextColor:"errorTextQuaternary",labelTextColorHover:"errorTextQuaternary",borderColor:"errorBorderSecondary",iconAfterFillIcon:"errorItemQuaternary",iconBeforeFillIcon:"errorItemQuaternary",iconFillIcon:"errorItemQuaternary",loaderAppearance:"errorTertiary"},errorPrimary:{fill:"errorPrimary",fillHover:"errorHoverPrimary",labelTextColor:"errorTextPrimary",labelTextColorHover:"errorTextPrimary",iconAfterFillIcon:"errorItemPrimary",iconBeforeFillIcon:"errorItemPrimary",iconFillIcon:"errorItemPrimary",loaderAppearance:"errorPrimary"},infoMutedPrimary:{fill:"infoTertiary",fillHover:"infoHoverTertiary",labelTextColor:"infoTextSecondary",labelTextColorHover:"infoTextSecondary",borderColor:"infoBorderSecondary",iconAfterFillIcon:"infoItemSecondary",iconBeforeFillIcon:"infoItemSecondary",iconFillIcon:"infoItemSecondary",loaderAppearance:"infoTertiary"},infoPrimary:{fill:"infoPrimary",fillHover:"infoHoverPrimary",labelTextColor:"infoTextPrimary",labelTextColorHover:"infoTextPrimary",borderColor:"infoBorderPrimary",iconAfterFillIcon:"infoItemPrimary",iconBeforeFillIcon:"infoItemPrimary",iconFillIcon:"infoItemPrimary",loaderAppearance:"infoPrimary"},infoSecondary:{fill:"infoPrimary",fillHover:"infoHoverPrimary",labelTextColor:"infoTextSecondary",labelTextColorHover:"infoTextSecondary",borderColor:"infoBorderPrimary",iconAfterFillIcon:"infoItemPrimary",iconBeforeFillIcon:"infoItemPrimary",iconFillIcon:"infoItemPrimary",loaderAppearance:"infoPrimary"},specialMutedPrimary:{fill:"specialTertiary",fillHover:"specialHoverPrimary",labelTextColor:"specialTextSecondary",borderColor:"specialBorderTertiary",iconAfterFillIcon:"specialItemSecondary",iconBeforeFillIcon:"specialItemSecondary",iconFillIcon:"specialItemSecondary",loaderAppearance:"specialTertiary"},specialPrimary:{fill:"specialPrimary",fillHover:"specialHoverPrimary",labelTextColor:"specialTextPrimary",iconAfterFillIcon:"specialItemPrimary",iconBeforeFillIcon:"specialItemPrimary",iconFillIcon:"specialItemPrimary",loaderAppearance:"specialPrimary"},extraMutedPrimary:{fill:"extraTertiary",fillHover:"extraHoverPrimary",labelTextColor:"extraTextQuaternary",borderColor:"extraBorderSecondary",iconAfterFillIcon:"extraItemQuaternary",iconBeforeFillIcon:"extraItemQuaternary",iconFillIcon:"extraItemQuaternary",loaderAppearance:"extraPrimary"},extraPrimary:{fill:"extraPrimary",fillHover:"extraHoverPrimary",labelTextColor:"extraTextPrimary",iconAfterFillIcon:"extraItemPrimary",iconBeforeFillIcon:"extraItemPrimary",iconFillIcon:"extraItemPrimary",loaderAppearance:"extraPrimary"},successMutedPrimary:{fill:"successTertiary",fillHover:"successHoverPrimary",labelTextColor:"successTextQuaternary",labelTextColorHover:"successTextQuaternary",borderColor:"successBorderQuaternary",iconAfterFillIcon:"successItemQuaternary",iconBeforeFillIcon:"successItemQuaternary",iconFillIcon:"successItemQuaternary",loaderAppearance:"successTertiary"},successPrimary:{fill:"successPrimary",fillHover:"successHoverPrimary",labelTextColor:"successTextPrimary",labelTextColorHover:"successTextPrimary",iconAfterFillIcon:"successItemPrimary",iconBeforeFillIcon:"successItemPrimary",iconFillIcon:"successItemPrimary",loaderAppearance:"successPrimary"},surfaceMutedPrimary:{fill:"surfaceTertiary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextQuaternary",borderColor:"surfaceBorderQuaternary",iconAfterFillIcon:"surfaceItemQuaternary",iconBeforeFillIcon:"surfaceItemQuaternary",iconFillIcon:"surfaceItemQuaternary",loaderAppearance:"surfaceTertiary"},surfacePrimary:{fill:"surfacePrimary",fillHover:"surfaceSecondary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfacePrimary"},surfaceQuaternary:{fill:"surfaceQuaternary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfaceQuaternary"},surfaceSecondary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfaceSecondary"},surfaceTertiary:{fill:"surfaceTertiary",fillHover:"surfaceSecondary",labelTextColor:"surfaceTextPrimary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfaceTertiary"},warningMutedPrimary:{fill:"warningTertiary",fillHover:"warningHoverPrimary",labelTextColor:"warningTextSecondary",labelTextColorHover:"warningTextPrimary",borderColor:"warningBorderPrimary",iconAfterFillIcon:"warningItemSecondary",iconBeforeFillIcon:"warningItemSecondary",iconFillIcon:"warningItemSecondary",loaderAppearance:"warningTertiary"},warningPrimary:{fill:"warningPrimary",fillHover:"warningHoverPrimary",labelTextColor:"warningTextPrimary",labelTextColorHover:"warningTextPrimary",iconAfterFillIcon:"warningItemPrimary",iconBeforeFillIcon:"warningItemPrimary",iconFillIcon:"warningItemPrimary",loaderAppearance:"warningPrimary"}},m={appearance:s,setAppearance:e=>{m.appearance=e}},f=r.forwardRef(function(s,f){const{appearance:y,className:d,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:_,isHolding:v,isLoading:g=!1,onClick:H,onHoldComplete:B,onMouseDown:h,children:Q}=s,w=o.useAppearanceConfig(y,m,_),M=o.useDevicePropsGenerator(s,w),{fillClass:j,fillHoverClass:L,labelTextColor:$,labelTextColorHover:q,labelTextSize:k,labelTextTruncate:N,labelTextWeight:W,labelTextWidth:D,labelTextWrap:X,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:me,iconBeforeFillSize:fe,iconBeforeShape:ye,iconBeforeSize:de,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:_e="dot",shapeClass:ve,sizeClass:ge,widthClass:He,zeroGap:Be,zeroPadding:he,isSkeleton:Qe}=M,{label:we,styles:Me}=o.useStyles(s),{holdState:je,onHoldEnd:Le,onHoldStart:$e}=function(e){const{holdDurationMs:a=500,isHolding:o,onHoldComplete:i}=e,l=r.useRef(null),n=r.useRef(i),[s,m]=r.useState(t),f=r.useRef(0);n.current=i,r.useEffect(()=>(l.current=requestAnimationFrame(function e(){if(s===c&&1===f.current&&n.current&&n.current(),s===c&&f.current<1){const r=f.current,o=Math.min(r+16/a,1);f.current=o,l.current=requestAnimationFrame(e)}if(s===t&&f.current>0){const r=f.current,o=Math.max(r-16/a,0);f.current=o,l.current=requestAnimationFrame(e)}}),()=>{l.current&&cancelAnimationFrame(l.current)}),[s,a]);const y=r.useCallback(e=>{o&&("touch"!==e.pointerType&&0!==e.button||m(c))},[o]),d=r.useCallback(e=>{m(t)},[]);return{holdState:s,onHoldEnd:d,onHoldStart:y}}({holdDurationMs:500,isHolding:v,onHoldComplete:B}),qe=C||z||U||J||oe||ne||ue||be;return e.jsx(l.LinkWrapper,{className:a(d,"button",I&&qe?"button_type_default":I?"button_type_label":qe?"button_type_icon":"",E&&`border-width_${E}`,K&&`border-color_${K}`,R&&`border_type_${R}`,j&&`fill_${j}`,L&&!_&&`fill_hover_${L}`,ve&&`shape_${ve}`,ge&&`button_size_${ge}`,He&&`button_width_${He}`,G&&`elevation_${G}`,H&&"cursor_type_pointer",_&&"button_state_disabled cursor_type_default",x&&"button_type_badge",he&&"button_reset-padding",Be&&"button_reset-gap",g&&"button_state_loading",Qe&&"skeleton",v&&"button_holding",je&&`button_state_${je}`),type:T,title:F,"data-testid":u?.endsWith("Button")?u:`${u}Button`,"data-tour":p,disabled:_,href:b??P,LinkComponent:b??P?"a":"button",rel:A,style:Me,target:S,onClick:H,onMouseDown:h,onPointerCancel:Le,onPointerDown:$e,onPointerLeave:Le,onPointerUp:Le,children:e.jsxs("div",{className:"button__wrapper",ref:f,children:[v&&e.jsx("div",{className:a("button__indication",`button__indication_${je}`),children:e.jsx("div",{className:"button__indication-item",children:" "})}),g&&e.jsx(n.Loader,{appearance:i.mergeAppearanceKeys(Ae,Se),className:a(d,"button__loader"),type:_e,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:fe,iconFill:me,iconSize:de,imageSrc:ue,shape:ye,SvgImage:ne}),(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}),(Q||I)&&e.jsx(l.Text,{className:"button__label",width:D,size:k,textColor:$,textColorHover:q,textTruncate:N,textWeight:W,textWrap:X,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}),x,C]})})});exports.Button=f,exports.buttonAppearance=s,exports.buttonConfig=m;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as r}from"react/jsx-runtime";import a,{useRef as o,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 f}from"@itcase/ui-core/utils";import{L as y,I as d,a as p}from"./primitives_es_BkqjUVO-.js";import{L as u}from"./Loader_es_DS2z8Ps3.js";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:"sizeL"},sizeM:{size:"m",labelTextSize:"m",iconAfterAppearanceSize:"size24_24",iconBeforeAppearanceSize:"size24_24",loaderAppearanceSize:"sizeL"},sizeS:{size:"s",labelTextSize:"s",iconAfterAppearanceSize:"size20_20",iconBeforeAppearanceSize:"size20_20",loaderAppearanceSize:"sizeL"},sizeXS:{size:"xs",labelTextSize:"xs",iconAfterAppearanceSize:"size16_16",iconBeforeAppearanceSize:"size16_16",loaderAppearanceSize:"sizeL"},sizeXXS:{size:"xxs",labelTextSize:"xs",iconAfterAppearanceSize:"size14_14",iconBeforeAppearanceSize:"size14_14",loaderAppearanceSize:"sizeL"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"},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"},accentPrimary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextPrimary",labelTextColorHover:"accentTextPrimary",borderColor:"accentBorderPrimary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary",iconFillIcon:"accentItemPrimary",loaderAppearance:"accentPrimary"},accentSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextSecondary",labelTextColorHover:"accentTextSecondary",borderColor:"accentBorderPrimary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary",iconFillIcon:"accentItemPrimary",loaderAppearance:"accentPrimary"},dangerMutedPrimary:{fill:"dangerTertiary",fillHover:"dangerHoverPrimary",labelTextColor:"dangerTextQuaternary",labelTextColorHover:"dangerTextQuaternary",borderColor:"dangerBorderSecondary",iconAfterFillIcon:"dangerItemQuaternary",iconBeforeFillIcon:"dangerItemQuaternary",iconFillIcon:"dangerItemQuaternary",loaderAppearance:"dangerTertiary"},dangerPrimary:{fill:"dangerPrimary",fillHover:"dangerHoverPrimary",labelTextColor:"dangerTextPrimary",labelTextColorHover:"dangerTextPrimary",iconAfterFillIcon:"dangerItemPrimary",iconBeforeFillIcon:"dangerItemPrimary",iconFillIcon:"dangerItemPrimary",loaderAppearance:"dangerPrimary"},errorMutedPrimary:{fill:"errorTertiary",fillHover:"errorHoverPrimary",labelTextColor:"errorTextQuaternary",labelTextColorHover:"errorTextQuaternary",borderColor:"errorBorderSecondary",iconAfterFillIcon:"errorItemQuaternary",iconBeforeFillIcon:"errorItemQuaternary",iconFillIcon:"errorItemQuaternary",loaderAppearance:"errorTertiary"},errorPrimary:{fill:"errorPrimary",fillHover:"errorHoverPrimary",labelTextColor:"errorTextPrimary",labelTextColorHover:"errorTextPrimary",iconAfterFillIcon:"errorItemPrimary",iconBeforeFillIcon:"errorItemPrimary",iconFillIcon:"errorItemPrimary",loaderAppearance:"errorPrimary"},infoMutedPrimary:{fill:"infoTertiary",fillHover:"infoHoverTertiary",labelTextColor:"infoTextSecondary",labelTextColorHover:"infoTextSecondary",borderColor:"infoBorderSecondary",iconAfterFillIcon:"infoItemSecondary",iconBeforeFillIcon:"infoItemSecondary",iconFillIcon:"infoItemSecondary",loaderAppearance:"infoTertiary"},infoPrimary:{fill:"infoPrimary",fillHover:"infoHoverPrimary",labelTextColor:"infoTextPrimary",labelTextColorHover:"infoTextPrimary",borderColor:"infoBorderPrimary",iconAfterFillIcon:"infoItemPrimary",iconBeforeFillIcon:"infoItemPrimary",iconFillIcon:"infoItemPrimary",loaderAppearance:"infoPrimary"},infoSecondary:{fill:"infoPrimary",fillHover:"infoHoverPrimary",labelTextColor:"infoTextSecondary",labelTextColorHover:"infoTextSecondary",borderColor:"infoBorderPrimary",iconAfterFillIcon:"infoItemPrimary",iconBeforeFillIcon:"infoItemPrimary",iconFillIcon:"infoItemPrimary",loaderAppearance:"infoPrimary"},specialMutedPrimary:{fill:"specialTertiary",fillHover:"specialHoverPrimary",labelTextColor:"specialTextSecondary",borderColor:"specialBorderTertiary",iconAfterFillIcon:"specialItemSecondary",iconBeforeFillIcon:"specialItemSecondary",iconFillIcon:"specialItemSecondary",loaderAppearance:"specialTertiary"},specialPrimary:{fill:"specialPrimary",fillHover:"specialHoverPrimary",labelTextColor:"specialTextPrimary",iconAfterFillIcon:"specialItemPrimary",iconBeforeFillIcon:"specialItemPrimary",iconFillIcon:"specialItemPrimary",loaderAppearance:"specialPrimary"},extraMutedPrimary:{fill:"extraTertiary",fillHover:"extraHoverPrimary",labelTextColor:"extraTextQuaternary",borderColor:"extraBorderSecondary",iconAfterFillIcon:"extraItemQuaternary",iconBeforeFillIcon:"extraItemQuaternary",iconFillIcon:"extraItemQuaternary",loaderAppearance:"extraPrimary"},extraPrimary:{fill:"extraPrimary",fillHover:"extraHoverPrimary",labelTextColor:"extraTextPrimary",iconAfterFillIcon:"extraItemPrimary",iconBeforeFillIcon:"extraItemPrimary",iconFillIcon:"extraItemPrimary",loaderAppearance:"extraPrimary"},successMutedPrimary:{fill:"successTertiary",fillHover:"successHoverPrimary",labelTextColor:"successTextQuaternary",labelTextColorHover:"successTextQuaternary",borderColor:"successBorderQuaternary",iconAfterFillIcon:"successItemQuaternary",iconBeforeFillIcon:"successItemQuaternary",iconFillIcon:"successItemQuaternary",loaderAppearance:"successTertiary"},successPrimary:{fill:"successPrimary",fillHover:"successHoverPrimary",labelTextColor:"successTextPrimary",labelTextColorHover:"successTextPrimary",iconAfterFillIcon:"successItemPrimary",iconBeforeFillIcon:"successItemPrimary",iconFillIcon:"successItemPrimary",loaderAppearance:"successPrimary"},surfaceMutedPrimary:{fill:"surfaceTertiary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextQuaternary",borderColor:"surfaceBorderQuaternary",iconAfterFillIcon:"surfaceItemQuaternary",iconBeforeFillIcon:"surfaceItemQuaternary",iconFillIcon:"surfaceItemQuaternary",loaderAppearance:"surfaceTertiary"},surfacePrimary:{fill:"surfacePrimary",fillHover:"surfaceSecondary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfacePrimary"},surfaceQuaternary:{fill:"surfaceTertiary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfacePrimary"},surfaceSecondary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfacePrimary"},surfaceTertiary:{fill:"surfaceTertiary",fillHover:"surfaceSecondary",labelTextColor:"surfaceTextPrimary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfacePrimary"},warningMutedPrimary:{fill:"warningTertiary",fillHover:"warningHoverPrimary",labelTextColor:"warningTextSecondary",labelTextColorHover:"warningTextPrimary",borderColor:"warningBorderPrimary",iconAfterFillIcon:"warningItemSecondary",iconBeforeFillIcon:"warningItemSecondary",iconFillIcon:"warningItemSecondary",loaderAppearance:"warningTertiary"},warningPrimary:{fill:"warningPrimary",fillHover:"warningHoverPrimary",labelTextColor:"warningTextPrimary",labelTextColorHover:"warningTextPrimary",iconAfterFillIcon:"warningItemPrimary",iconBeforeFillIcon:"warningItemPrimary",iconFillIcon:"warningItemPrimary",loaderAppearance:"warningPrimary"}},x={appearance:T,setAppearance:e=>{x.appearance=e}},b=a.forwardRef(function(a,T){const{appearance:b,className:A,dataTestId:S,dataTour:F,label:z,Badge:C,href:_,htmlType:v="button",link:H,rel:g,target:B,tooltip:h,before:Q,after:w,isDisabled:L,isHolding:M,isLoading:$=!1,onClick:N,onHoldComplete:k,onMouseDown:W,children:X}=a,D=c(b,x,L),j=s(a,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:ae,iconAfter:oe,iconAfterAppearance:ie,iconAfterAppearanceSize:le,iconAfterFill:ne,iconAfterFillIcon:te,iconAfterFillSize:ce,iconAfterShape:se,iconAfterSize:me,iconAfterSrc:fe,iconAppearance:ye,iconAppearanceSize:de,iconBefore:pe,iconBeforeAppearance:ue,iconBeforeAppearanceSize:Ie,iconBeforeFill:Pe,iconBeforeFillIcon:Te,iconBeforeFillSize:xe,iconBeforeShape:be,iconBeforeSize:Ae,iconBeforeSrc:Se,iconFill:Fe,iconFillIcon:ze,iconFillSize:Ce,iconShape:_e,iconSize:ve,iconSrc:He,loaderAppearance:ge,loaderAppearanceSize:Be,loaderFill:he,loaderItemFill:Qe,loaderSize:we,loaderType:Le="dot",shapeClass:Me,sizeClass:$e,widthClass:Ne,zeroGap:ke,zeroPadding:We,isSkeleton:Xe}=j,{label:De,styles:je}=m(a),{holdState:qe,onHoldEnd:Ee,onHoldStart:Ge}=function(e){const{holdDurationMs:r=500,isHolding:a,onHoldComplete:t}=e,c=o(null),s=o(t),[m,f]=i(P),y=o(0);s.current=t,l(()=>(c.current=requestAnimationFrame(function e(){if(m===I&&1===y.current&&s.current&&s.current(),m===I&&y.current<1){const a=y.current,o=Math.min(a+16/r,1);y.current=o,c.current=requestAnimationFrame(e)}if(m===P&&y.current>0){const a=y.current,o=Math.max(a-16/r,0);y.current=o,c.current=requestAnimationFrame(e)}}),()=>{c.current&&cancelAnimationFrame(c.current)}),[m,r]);const d=n(e=>{a&&("touch"!==e.pointerType&&0!==e.button||f(I))},[a]),p=n(e=>{f(P)},[]);return{holdState:m,onHoldEnd:p,onHoldStart:d}}({holdDurationMs:500,isHolding:M,onHoldComplete:k}),Re=w||Q||ae||oe||fe||pe||Se||He;return e(y,{className:t(A,"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&&!L&&`fill_hover_${E}`,Me&&`shape_${Me}`,$e&&`button_size_${$e}`,Ne&&`button_width_${Ne}`,re&&`elevation_${re}`,N&&"cursor_type_pointer",L&&"button_state_disabled cursor_type_default",C&&"button_type_badge",We&&"button_reset-padding",ke&&"button_reset-gap",$&&"button_state_loading",Xe&&"skeleton",M&&"button_holding",qe&&`button_state_${qe}`),type:v,title:h,"data-testid":S?.endsWith("Button")?S:`${S}Button`,"data-tour":F,disabled:L,href:H??_,LinkComponent:H??_?"a":"button",rel:g,style:je,target:B,onClick:N,onMouseDown:W,onPointerCancel:Ee,onPointerDown:Ge,onPointerLeave:Ee,onPointerUp:Ee,children:r("div",{className:"button__wrapper",ref:T,children:[M&&e("div",{className:t("button__indication",`button__indication_${qe}`),children:e("div",{className:"button__indication-item",children:" "})}),$&&e(u,{appearance:f(ge,Be),className:t(A,"button__loader"),type:Le,size:we,fill:he,itemFill:Qe}),Q,(pe||Se)&&e(d,{appearance:f(ue,Ie),className:"button__icon_before",fill:Pe,fillSize:xe,iconFill:Te,iconSize:Ae,imageSrc:Se,shape:be,SvgImage:pe}),(ae||He)&&e(d,{appearance:f(ye,de),className:"button__icon",fill:Fe,fillSize:Ce,iconFill:ze,iconSize:ve,imageSrc:He,shape:_e,SvgImage:ae}),(X||z)&&e(p,{className:"button__label",width:O,size:U,textColor:G,textColorHover:R,textTruncate:J,textWeight:K,textWrap:V,style:De,children:X||z}),(oe||fe)&&e(d,{appearance:f(ie,le),className:"button__icon_after",fill:ne,fillSize:ce,iconFill:te,iconSize:me,imageSrc:fe,shape:se,SvgImage:oe}),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 a,{useRef as o,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 f}from"@itcase/ui-core/utils";import{L as y,I as d,a as p}from"./primitives_es_BkqjUVO-.js";import{L as u}from"./Loader_es_BpHMMwc0.js";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:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"},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"},accentPrimary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextPrimary",labelTextColorHover:"accentTextPrimary",borderColor:"accentBorderPrimary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary",iconFillIcon:"accentItemPrimary",loaderAppearance:"accentPrimary"},accentSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextSecondary",labelTextColorHover:"accentTextSecondary",borderColor:"accentBorderPrimary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary",iconFillIcon:"accentItemPrimary",loaderAppearance:"accentPrimary"},dangerMutedPrimary:{fill:"dangerTertiary",fillHover:"dangerHoverPrimary",labelTextColor:"dangerTextQuaternary",labelTextColorHover:"dangerTextQuaternary",borderColor:"dangerBorderSecondary",iconAfterFillIcon:"dangerItemQuaternary",iconBeforeFillIcon:"dangerItemQuaternary",iconFillIcon:"dangerItemQuaternary",loaderAppearance:"dangerTertiary"},dangerPrimary:{fill:"dangerPrimary",fillHover:"dangerHoverPrimary",labelTextColor:"dangerTextPrimary",labelTextColorHover:"dangerTextPrimary",iconAfterFillIcon:"dangerItemPrimary",iconBeforeFillIcon:"dangerItemPrimary",iconFillIcon:"dangerItemPrimary",loaderAppearance:"dangerPrimary"},errorMutedPrimary:{fill:"errorTertiary",fillHover:"errorHoverPrimary",labelTextColor:"errorTextQuaternary",labelTextColorHover:"errorTextQuaternary",borderColor:"errorBorderSecondary",iconAfterFillIcon:"errorItemQuaternary",iconBeforeFillIcon:"errorItemQuaternary",iconFillIcon:"errorItemQuaternary",loaderAppearance:"errorTertiary"},errorPrimary:{fill:"errorPrimary",fillHover:"errorHoverPrimary",labelTextColor:"errorTextPrimary",labelTextColorHover:"errorTextPrimary",iconAfterFillIcon:"errorItemPrimary",iconBeforeFillIcon:"errorItemPrimary",iconFillIcon:"errorItemPrimary",loaderAppearance:"errorPrimary"},infoMutedPrimary:{fill:"infoTertiary",fillHover:"infoHoverTertiary",labelTextColor:"infoTextSecondary",labelTextColorHover:"infoTextSecondary",borderColor:"infoBorderSecondary",iconAfterFillIcon:"infoItemSecondary",iconBeforeFillIcon:"infoItemSecondary",iconFillIcon:"infoItemSecondary",loaderAppearance:"infoTertiary"},infoPrimary:{fill:"infoPrimary",fillHover:"infoHoverPrimary",labelTextColor:"infoTextPrimary",labelTextColorHover:"infoTextPrimary",borderColor:"infoBorderPrimary",iconAfterFillIcon:"infoItemPrimary",iconBeforeFillIcon:"infoItemPrimary",iconFillIcon:"infoItemPrimary",loaderAppearance:"infoPrimary"},infoSecondary:{fill:"infoPrimary",fillHover:"infoHoverPrimary",labelTextColor:"infoTextSecondary",labelTextColorHover:"infoTextSecondary",borderColor:"infoBorderPrimary",iconAfterFillIcon:"infoItemPrimary",iconBeforeFillIcon:"infoItemPrimary",iconFillIcon:"infoItemPrimary",loaderAppearance:"infoPrimary"},specialMutedPrimary:{fill:"specialTertiary",fillHover:"specialHoverPrimary",labelTextColor:"specialTextSecondary",borderColor:"specialBorderTertiary",iconAfterFillIcon:"specialItemSecondary",iconBeforeFillIcon:"specialItemSecondary",iconFillIcon:"specialItemSecondary",loaderAppearance:"specialTertiary"},specialPrimary:{fill:"specialPrimary",fillHover:"specialHoverPrimary",labelTextColor:"specialTextPrimary",iconAfterFillIcon:"specialItemPrimary",iconBeforeFillIcon:"specialItemPrimary",iconFillIcon:"specialItemPrimary",loaderAppearance:"specialPrimary"},extraMutedPrimary:{fill:"extraTertiary",fillHover:"extraHoverPrimary",labelTextColor:"extraTextQuaternary",borderColor:"extraBorderSecondary",iconAfterFillIcon:"extraItemQuaternary",iconBeforeFillIcon:"extraItemQuaternary",iconFillIcon:"extraItemQuaternary",loaderAppearance:"extraPrimary"},extraPrimary:{fill:"extraPrimary",fillHover:"extraHoverPrimary",labelTextColor:"extraTextPrimary",iconAfterFillIcon:"extraItemPrimary",iconBeforeFillIcon:"extraItemPrimary",iconFillIcon:"extraItemPrimary",loaderAppearance:"extraPrimary"},successMutedPrimary:{fill:"successTertiary",fillHover:"successHoverPrimary",labelTextColor:"successTextQuaternary",labelTextColorHover:"successTextQuaternary",borderColor:"successBorderQuaternary",iconAfterFillIcon:"successItemQuaternary",iconBeforeFillIcon:"successItemQuaternary",iconFillIcon:"successItemQuaternary",loaderAppearance:"successTertiary"},successPrimary:{fill:"successPrimary",fillHover:"successHoverPrimary",labelTextColor:"successTextPrimary",labelTextColorHover:"successTextPrimary",iconAfterFillIcon:"successItemPrimary",iconBeforeFillIcon:"successItemPrimary",iconFillIcon:"successItemPrimary",loaderAppearance:"successPrimary"},surfaceMutedPrimary:{fill:"surfaceTertiary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextQuaternary",borderColor:"surfaceBorderQuaternary",iconAfterFillIcon:"surfaceItemQuaternary",iconBeforeFillIcon:"surfaceItemQuaternary",iconFillIcon:"surfaceItemQuaternary",loaderAppearance:"surfaceTertiary"},surfacePrimary:{fill:"surfacePrimary",fillHover:"surfaceSecondary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfacePrimary"},surfaceQuaternary:{fill:"surfaceQuaternary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfaceQuaternary"},surfaceSecondary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfaceSecondary"},surfaceTertiary:{fill:"surfaceTertiary",fillHover:"surfaceSecondary",labelTextColor:"surfaceTextPrimary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfaceTertiary"},warningMutedPrimary:{fill:"warningTertiary",fillHover:"warningHoverPrimary",labelTextColor:"warningTextSecondary",labelTextColorHover:"warningTextPrimary",borderColor:"warningBorderPrimary",iconAfterFillIcon:"warningItemSecondary",iconBeforeFillIcon:"warningItemSecondary",iconFillIcon:"warningItemSecondary",loaderAppearance:"warningTertiary"},warningPrimary:{fill:"warningPrimary",fillHover:"warningHoverPrimary",labelTextColor:"warningTextPrimary",labelTextColorHover:"warningTextPrimary",iconAfterFillIcon:"warningItemPrimary",iconBeforeFillIcon:"warningItemPrimary",iconFillIcon:"warningItemPrimary",loaderAppearance:"warningPrimary"}},x={appearance:T,setAppearance:e=>{x.appearance=e}},b=a.forwardRef(function(a,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:k,onMouseDown:W,children:X}=a,D=c(b,x,M),j=s(a,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:ae,iconAfter:oe,iconAfterAppearance:ie,iconAfterAppearanceSize:le,iconAfterFill:ne,iconAfterFillIcon:te,iconAfterFillSize:ce,iconAfterShape:se,iconAfterSize:me,iconAfterSrc:fe,iconAppearance:ye,iconAppearanceSize:de,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:ke,zeroPadding:We,isSkeleton:Xe}=j,{label:De,styles:je}=m(a),{holdState:qe,onHoldEnd:Ee,onHoldStart:Ge}=function(e){const{holdDurationMs:r=500,isHolding:a,onHoldComplete:t}=e,c=o(null),s=o(t),[m,f]=i(P),y=o(0);s.current=t,l(()=>(c.current=requestAnimationFrame(function e(){if(m===I&&1===y.current&&s.current&&s.current(),m===I&&y.current<1){const a=y.current,o=Math.min(a+16/r,1);y.current=o,c.current=requestAnimationFrame(e)}if(m===P&&y.current>0){const a=y.current,o=Math.max(a-16/r,0);y.current=o,c.current=requestAnimationFrame(e)}}),()=>{c.current&&cancelAnimationFrame(c.current)}),[m,r]);const d=n(e=>{a&&("touch"!==e.pointerType&&0!==e.button||f(I))},[a]),p=n(e=>{f(P)},[]);return{holdState:m,onHoldEnd:p,onHoldStart:d}}({holdDurationMs:500,isHolding:L,onHoldComplete:k}),Re=w||Q||ae||oe||fe||pe||Ae||He;return e(y,{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",We&&"button_reset-padding",ke&&"button_reset-gap",$&&"button_state_loading",Xe&&"skeleton",L&&"button_holding",qe&&`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:W,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:f(ge,Be),className:t(S,"button__loader"),type:Me,size:we,fill:he,itemFill:Qe}),Q,(pe||Ae)&&e(d,{appearance:f(ue,Ie),className:"button__icon_before",fill:Pe,fillSize:xe,iconFill:Te,iconSize:Se,imageSrc:Ae,shape:be,SvgImage:pe}),(ae||He)&&e(d,{appearance:f(ye,de),className:"button__icon",fill:Fe,fillSize:Ce,iconFill:ze,iconSize:ve,imageSrc:He,shape:_e,SvgImage:ae}),(X||z)&&e(p,{className:"button__label",width:O,size:U,textColor:G,textColorHover:R,textTruncate:J,textWeight:K,textWrap:V,style:De,children:X||z}),(oe||fe)&&e(d,{appearance:f(ie,le),className:"button__icon_after",fill:ne,fillSize:ce,iconFill:te,iconSize:me,imageSrc:fe,shape:se,SvgImage:oe}),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"),r=require("clsx"),a=require("date-fns/locale"),i=require("react-datepicker"),o=require("@itcase/ui-core/hooks"),l=require("./
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("clsx"),a=require("date-fns/locale"),i=require("react-datepicker"),o=require("@itcase/ui-core/hooks"),l=require("./Button_cjs_D0UPBIsl.js"),c=require("./primitives_cjs_BphFj-db.js"),n=require("./Input_cjs_CgWxKHuR.js"),s=require("./Label_cjs_vBDgxasn.js"),p=require("./default_cjs_BMbs2it-.js");const u={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:p.icons14.Arrow.ChevronLeft,iconRight:p.icons14.Arrow.ChevronRight},sizeM:{size:"m",daySize:"xxl",dayTextSize:"m",iconFillSize:"24",iconLeft:p.icons14.Arrow.ChevronLeft,iconRight:p.icons14.Arrow.ChevronRight,iconSize:"14",monthTextSize:"m",yearTextSize:"m"},sizeS:{size:"s",daySize:"xs",dayTextSize:"m",iconFillSize:"24",iconLeft:p.icons14.Arrow.ChevronLeft,iconRight:p.icons14.Arrow.ChevronRight}},solid:{inputProps:{borderColor:"none"}},outlined:{inputProps:{fill:"none"}},full:{},ghost:{inputProps:{fill:"none",borderColor:"none"}}},d=e=>{const t=e.getDay()||7,r=new Date(e);r.setDate(e.getDate()-(t-1));const a=new Date(r);return a.setDate(r.getDate()+6),{mondayDate:r,sundayDate:a}},m={appearance:u,setAppearance:e=>{m.appearance=e}};const x=t.forwardRef((a,i)=>{const{inputIcon:o,inputProps:l,value:c,isClearable:s}=a,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(n.Input,{...a,...l,className:r(l?.className,"datepicker__input"),ref:i,autocomplete:"off",value:p}),o&&e.jsx(S,{...l}),s&&e.jsx(h,{...l})]})});function h(a){const{clearIcon:i,clearIconFill:o,clearIconFillHover:l,clearIconFillSize:n,clearIconItemFill:p,clearIconItemFillHover:u,clearIconShape:d,clearIconSize:m,clearIconSrc:x,clearLabel:h,clearLabelTextColor:S,clearLabelTextColorHover:C,clearLabelTextSize:f,datepickerRef:y}=a,_=t.useCallback(e=>{y?.current?.onClearClick(e),y?.current?.handleFocus(e)},[]);return e.jsx(t.Fragment,{children:h?e.jsx(s.Label,{className:r("react-datepicker__clear-label","cursor_type_pointer"),label:h,labelTextColor:S,labelTextColorHover:C,labelTextSize:f,onClick:_}):(i||x)&&e.jsx(c.Icon,{className:r("react-datepicker__clear-icon","cursor_type_pointer"),size:m,fill:o,fillHover:l,fillSize:n,iconFill:p,iconFillHover:u,imageSrc:x,shape:d,SvgImage:i,onClick:_})})}function S(t){const{inputIcon:a,inputIconFill:i,inputIconFillHover:o,inputIconFillSize:l,inputIconItemFill:n,inputIconShape:s,inputIconSize:p,inputIconSrc:u,onClick:d}=t;return e.jsx(c.Icon,{className:r("react-datepicker__input-icon","cursor_type_pointer"),size:p,fill:i,fillHover:o,fillSize:l,iconFill:n,imageSrc:u,shape:s,SvgImage:a,onClick:()=>d&&d()})}exports.DatePickerInput=function(n){const{className:s,dataTestId:p,dataTour:u,datePickerProps:h={},endValue:S,inputProps:C={},value:f,onChange:y}=n,{appearance:_,customTimeInput:k,disablePastDays:g,monthsShown:z,selectsRange:I,showWeekNumbers:v,showWeekPicker:T}=h,b=o.useAppearanceConfig(_,m),j=o.useDevicePropsGenerator(h,b),{daySize:F,dayTextColor:D,dayTextShape:P,dayTextSize:w,iconFill:L,iconFillHover:N,iconFillSize:R,iconItemFill:H,iconLeft:q,iconRight:A,iconShape:W,monthTextColor:M,monthTextSize:$,monthTextWeight:B,popper:O,popperPlacement:U,sizeClass:G,widthClass:V,yearTextColor:E,yearTextSize:J,yearTextWeight:K,isClearable:Q}=j,X=t.useRef(null),[Y,Z]=t.useMemo(()=>{let e,t;return f&&(e="string"==typeof f?new Date(f):f),S&&(t="string"==typeof S?new Date(S):S),[e,t]},[f,S]),ee=t.useCallback(e=>{const t=Array.isArray(e)?e:[e],[r,a]=t;if(r&&T){const{mondayDate:e,sundayDate:t}=d(r);y?.(e,t)}else y?.(r,a)},[T,y]),te=t.useCallback(e=>{const{mondayDate:t,sundayDate:r}=d(e);y?.(t,r)},[y]),re=t.useCallback((t,r)=>e.jsx(l.Button,{className:"react-datepicker__day-button",size:F,label:r.getDate().toString(),labelTextColor:D,labelTextSize:w,shape:P}),[F,D,P,w]),ae=t.useCallback(({decreaseMonth:t,increaseMonth:r,monthDate:a})=>e.jsxs("div",{className:"react-datepicker__header--div",children:[q&&e.jsx(c.Icon,{className:"react-datepicker__icon",fill:L,fillHover:N,fillSize:R,iconFill:H,shape:W,SvgImage:q,onClick:t}),e.jsxs("div",{className:"react-datepicker__data",children:[e.jsx(c.Text,{className:"react-datepicker__month",size:$,textColor:M,textWeight:B,children:a.toLocaleString("ru-RU",{month:"long"})}),e.jsx(c.Text,{className:"react-datepicker__year",size:J,textColor:E,textWeight:K,children:a.toLocaleString("ru-RU",{year:"numeric"})})]}),A&&e.jsx(c.Icon,{className:"react-datepicker__icon",fill:L,fillHover:N,fillSize:R,iconFill:H,shape:W,SvgImage:A,onClick:r})]}),[L,N,R,H,q,A,W,M,$,B,E,J,K]),{styles:ie}=o.useStyles(n);return e.jsx("div",{className:r(s,"datepicker",z&&"datepicker_multiple-months",k&&"datepicker_button",G&&`datepicker_size_${G}`,V&&`datepicker_width_${V}`),"data-testid":p,"data-tour":u,style:ie,children:e.jsx(i,{ref:X,...h,minDate:g?new Date:void 0,customInput:e.jsx(x,{datepickerRef:X,inputProps:C,isClearable:Q}),endDate:I?Z:void 0,locale:a.ru,outsideClickIgnoreClass:"react-datepicker-popper",popperClassName:O&&`react-datepicker-popper-${O}`,popperPlacement:U,preventOpenOnFocus:!0,renderCustomHeader:ae,renderDayContents:re,selected:Y,startDate:Y,isClearable:!1,onChange:ee,onWeekSelect:v?te:void 0})})},exports.datePickerAppearance=u,exports.datePickerConfig=m;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t}from"react/jsx-runtime";import r,{useMemo as a,useCallback as i,useRef as o}from"react";import l from"clsx";import{ru as n}from"date-fns/locale";import c from"react-datepicker";import{useAppearanceConfig as s,useDevicePropsGenerator as p,useStyles as m}from"@itcase/ui-core/hooks";import{B as d}from"./
|
|
1
|
+
import{jsxs as e,jsx as t}from"react/jsx-runtime";import r,{useMemo as a,useCallback as i,useRef as o}from"react";import l from"clsx";import{ru as n}from"date-fns/locale";import c from"react-datepicker";import{useAppearanceConfig as s,useDevicePropsGenerator as p,useStyles as m}from"@itcase/ui-core/hooks";import{B as d}from"./Button_es_BjsE6L1v.js";import{I as u,a as h}from"./primitives_es_BkqjUVO-.js";import{I as f}from"./Input_es_BLo9TAve.js";import{L as S}from"./Label_es_CwFIYaUE.js";import{b as y}from"./default_es_C4dY1Dqw.js";const _={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"}}},x=e=>{const t=e.getDay()||7,r=new Date(e);r.setDate(e.getDate()-(t-1));const a=new Date(r);return a.setDate(r.getDate()+6),{mondayDate:r,sundayDate:a}},C={appearance:_,setAppearance:e=>{C.appearance=e}};function z(r){const{className:f,dataTestId:S,dataTour:y,datePickerProps:_={},endValue:z,inputProps:k={},value:I,onChange:v}=r,{appearance:T,customTimeInput:F,disablePastDays:b,monthsShown:D,selectsRange:w,showWeekNumbers:P,showWeekPicker:L}=_,N=s(T,C),H=p(_,N),{daySize:R,dayTextColor:A,dayTextShape:W,dayTextSize:j,iconFill:M,iconFillHover:$,iconFillSize:B,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:re}=H,ae=o(null),[ie,oe]=a(()=>{let e,t;return I&&(e="string"==typeof I?new Date(I):I),z&&(t="string"==typeof z?new Date(z):z),[e,t]},[I,z]),le=i(e=>{const t=Array.isArray(e)?e:[e],[r,a]=t;if(r&&L){const{mondayDate:e,sundayDate:t}=x(r);v?.(e,t)}else v?.(r,a)},[L,v]),ne=i(e=>{const{mondayDate:t,sundayDate:r}=x(e);v?.(t,r)},[v]),ce=i((e,r)=>t(d,{className:"react-datepicker__day-button",size:R,label:r.getDate().toString(),labelTextColor:A,labelTextSize:j,shape:W}),[R,A,W,j]),se=i(({decreaseMonth:r,increaseMonth:a,monthDate:i})=>e("div",{className:"react-datepicker__header--div",children:[U&&t(u,{className:"react-datepicker__icon",fill:M,fillHover:$,fillSize:B,iconFill:O,shape:q,SvgImage:U,onClick:r}),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:M,fillHover:$,fillSize:B,iconFill:O,shape:q,SvgImage:V,onClick:a})]}),[M,$,B,O,U,V,q,E,G,J,Z,ee,te]),{styles:pe}=m(r);return t("div",{className:l(f,"datepicker",D&&"datepicker_multiple-months",F&&"datepicker_button",X&&`datepicker_size_${X}`,Y&&`datepicker_width_${Y}`),"data-testid":S,"data-tour":y,style:pe,children:t(c,{ref:ae,..._,minDate:b?new Date:void 0,customInput:t(g,{datepickerRef:ae,inputProps:k,isClearable:re}),endDate:w?oe:void 0,locale:n,outsideClickIgnoreClass:"react-datepicker-popper",popperClassName:K&&`react-datepicker-popper-${K}`,popperPlacement:Q,preventOpenOnFocus:!0,renderCustomHeader:se,renderDayContents:ce,selected:ie,startDate:ie,isClearable:!1,onChange:le,onWeekSelect:P?ne:void 0})})}const g=r.forwardRef((i,o)=>{const{inputIcon:n,inputProps:c,value:s,isClearable:p}=i,m=a(()=>{if(s){const e=s.split(" - ");return e[0]===e[1]?e[0]:s}return""},[s]);return e(r.Fragment,{children:[t(f,{...i,...c,className:l(c?.className,"datepicker__input"),ref:o,autocomplete:"off",value:m}),n&&t(I,{...c}),p&&t(k,{...c})]})});function k(e){const{clearIcon:a,clearIconFill:o,clearIconFillHover:n,clearIconFillSize:c,clearIconItemFill:s,clearIconItemFillHover:p,clearIconShape:m,clearIconSize:d,clearIconSrc:h,clearLabel:f,clearLabelTextColor:y,clearLabelTextColorHover:_,clearLabelTextSize:x,datepickerRef:C}=e,z=i(e=>{C?.current?.onClearClick(e),C?.current?.handleFocus(e)},[]);return t(r.Fragment,{children:f?t(S,{className:l("react-datepicker__clear-label","cursor_type_pointer"),label:f,labelTextColor:y,labelTextColorHover:_,labelTextSize:x,onClick:z}):(a||h)&&t(u,{className:l("react-datepicker__clear-icon","cursor_type_pointer"),size:d,fill:o,fillHover:n,fillSize:c,iconFill:s,iconFillHover:p,imageSrc:h,shape:m,SvgImage:a,onClick:z})})}function I(e){const{inputIcon:r,inputIconFill:a,inputIconFillHover:i,inputIconFillSize:o,inputIconItemFill:n,inputIconShape:c,inputIconSize:s,inputIconSrc:p,onClick:m}=e;return t(u,{className:l("react-datepicker__input-icon","cursor_type_pointer"),size:s,fill:a,fillHover:i,fillSize:o,iconFill:n,imageSrc:p,shape:c,SvgImage:r,onClick:()=>m&&m()})}export{z as D,C as a,_ as d};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var r=require("react/jsx-runtime"),e=require("clsx"),a=require("@itcase/ui-core/hooks"),i=require("./primitives_cjs_BphFj-db.js");const l={accentPrimary:{fill:"accentPrimary",borderColor:"surfaceBorderSecondary",itemFill:"accentItemPrimary"},accentTertiary:{fill:"accentTertiary",borderColor:"surfaceBorderSecondary",itemFill:"accentItemSecondary"},specialPrimary:{fill:"specialPrimary",borderColor:"surfaceBorderSecondary",itemFill:"specialItemPrimary"},sizeL:{size:"l",textSize:"m"},sizeM:{size:"m",textSize:"s"},sizeS:{size:"s",textSize:"xs"},extraPrimary:{fill:"extraPrimary",borderColor:"surfaceBorderSecondary",itemFill:"extraItemPrimary"},surfacePrimary:{fill:"surfacePrimary",borderColor:"surfaceBorderPrimary",itemFill:"surfaceItemPrimary"},surfaceQuaternary:{fill:"surfaceQuaternary",borderColor:"surfaceBorderPrimary",itemFill:"surfaceItemPrimary"},surfaceSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderPrimary",itemFill:"surfaceItemPrimary"},surfaceTertiary:{fill:"surfaceTertiary",borderColor:"surfaceBorderPrimary",itemFill:"surfaceItemPrimary"},warningPrimary:{fill:"warningPrimary",borderColor:"surfaceBorderSecondary",itemFill:"warningItemPrimary"},successPrimary:{fill:"successPrimary",borderColor:"surfaceBorderSecondary",itemFill:"successItemPrimary"},infoPrimary:{fill:"infoPrimary",borderColor:"surfaceBorderSecondary",itemFill:"infoItemPrimary"},dangerPrimary:{fill:"dangerPrimary",borderColor:"surfaceBorderSecondary",itemFill:"dangerItemPrimary"},errorPrimary:{fill:"errorPrimary",borderColor:"surfaceBorderSecondary",itemFill:"errorItemPrimary"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"}},o={appearance:l,setAppearance:r=>{o.appearance=r}};exports.Loader=function(l){const{appearance:s,className:t,dataTestId:c,dataTour:d,type:m="dot",text:n,isDisabled:y,isSkeleton:f,children:u}=l,P=a.useAppearanceConfig(s,o,y),p=a.useDevicePropsGenerator(l,P),{fillClass:C,borderColorClass:x,textColor:_,textSize:S,heightClass:b,itemFillClass:h,shapeClass:F,sizeClass:I,widthClass:z}=p,{styles:B}=a.useStyles(l);return r.jsxs("div",{className:e("loader",t,z&&`width_${z}`,b&&`height_${b}`,C&&`fill_${C}`,I&&`loader_size_${I}`,f&&"skeleton",m&&`loader_type_${m}`,F&&`shape_${F}`),"data-testid":c,"data-tour":d,style:B,children:[u||r.jsxs("div",{className:"loader__inner",children:[r.jsx("span",{className:e("loader__item",h&&`fill_${h}`,"circular"===m&&`border-color_${x}`),children:" "}),r.jsx("span",{className:e("loader__item",h&&`fill_${h}`),children:" "}),r.jsx("span",{className:e("loader__item",h&&`fill_${h}`),children:" "})]}),n&&r.jsx(i.Text,{className:"loader__text",size:S,textColor:_,children:n})]})},exports.loaderAppearance=l,exports.loaderConfig=o;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsxs as r,jsx as e}from"react/jsx-runtime";import a from"clsx";import{useAppearanceConfig as i,useDevicePropsGenerator as l,useStyles as o}from"@itcase/ui-core/hooks";import{a as s}from"./primitives_es_BkqjUVO-.js";const t={accentPrimary:{fill:"accentPrimary",borderColor:"surfaceBorderSecondary",itemFill:"accentItemPrimary"},accentTertiary:{fill:"accentTertiary",borderColor:"surfaceBorderSecondary",itemFill:"accentItemSecondary"},specialPrimary:{fill:"specialPrimary",borderColor:"surfaceBorderSecondary",itemFill:"specialItemPrimary"},sizeL:{size:"l",textSize:"m"},sizeM:{size:"m",textSize:"s"},sizeS:{size:"s",textSize:"xs"},extraPrimary:{fill:"extraPrimary",borderColor:"surfaceBorderSecondary",itemFill:"extraItemPrimary"},surfacePrimary:{fill:"surfacePrimary",borderColor:"surfaceBorderPrimary",itemFill:"surfaceItemPrimary"},surfaceQuaternary:{fill:"surfaceQuaternary",borderColor:"surfaceBorderPrimary",itemFill:"surfaceItemPrimary"},surfaceSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderPrimary",itemFill:"surfaceItemPrimary"},surfaceTertiary:{fill:"surfaceTertiary",borderColor:"surfaceBorderPrimary",itemFill:"surfaceItemPrimary"},warningPrimary:{fill:"warningPrimary",borderColor:"surfaceBorderSecondary",itemFill:"warningItemPrimary"},successPrimary:{fill:"successPrimary",borderColor:"surfaceBorderSecondary",itemFill:"successItemPrimary"},infoPrimary:{fill:"infoPrimary",borderColor:"surfaceBorderSecondary",itemFill:"infoItemPrimary"},dangerPrimary:{fill:"dangerPrimary",borderColor:"surfaceBorderSecondary",itemFill:"dangerItemPrimary"},errorPrimary:{fill:"errorPrimary",borderColor:"surfaceBorderSecondary",itemFill:"errorItemPrimary"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"}},c={appearance:t,setAppearance:r=>{c.appearance=r}};function m(t){const{appearance:m,className:d,dataTestId:n,dataTour:y,type:f="dot",text:u,isDisabled:P,isSkeleton:C,children:p}=t,_=i(m,c,P),b=l(t,_),{fillClass:S,borderColorClass:h,textColor:x,textSize:F,heightClass:I,itemFillClass:z,shapeClass:B,sizeClass:$,widthClass:g}=b,{styles:N}=o(t);return r("div",{className:a("loader",d,g&&`width_${g}`,I&&`height_${I}`,S&&`fill_${S}`,$&&`loader_size_${$}`,C&&"skeleton",f&&`loader_type_${f}`,B&&`shape_${B}`),"data-testid":n,"data-tour":y,style:N,children:[p||r("div",{className:"loader__inner",children:[e("span",{className:a("loader__item",z&&`fill_${z}`,"circular"===f&&`border-color_${h}`),children:" "}),e("span",{className:a("loader__item",z&&`fill_${z}`),children:" "}),e("span",{className:a("loader__item",z&&`fill_${z}`),children:" "})]}),u&&e(s,{className:"loader__text",size:F,textColor:x,children:u})]})}export{m as L,c as a,t as l};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),o=require("react"),r=require("clsx"),t=require("react-select"),i=require("react-select/creatable"),l=require("@itcase/ui-core/hooks"),n=require("./Group_cjs_CiLUYKP7.js"),a=require("./primitives_cjs_BphFj-db.js"),c=require("./default_cjs_BMbs2it-.js"),s=require("./Loader_cjs_B9yde0Z7.js"),p=require("@itcase/ui-core/utils");const d=o=>{const{children:r}=o,{clearIcon:i,clearIconFill:l}=o.selectProps;return e.jsx(t.components.ClearIndicator,{...o,children:i?e.jsx(a.Icon,{iconFill:l,SvgImage:i}):r})},u=o=>{const{loadingMessageText:r,loadingMessageTextColor:t,loadingMessageTextSize:i}=o.selectProps;return e.jsx(n.Group,{textAlign:"center",children:e.jsx(a.Text,{size:i,textColor:t,children:r})})},m={requirePrimary:{fill:"warningTertiary",fillHover:"warningTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderQuaternary",elevation:8,badgeAppearance:"accentPrimary solid circular",clearIconFill:"surfaceItemQuaternary",dropdownIconFill:"surfaceItemQuaternary",groupFill:"surfaceSecondary",groupTextColor:"surfaceTextPrimary",groupTextWeight:"600",inputCaretColor:"accentPrimary",inputTextColor:"surfaceTextPrimary",loaderAppearance:"accentPrimary sizeS ghost",loadingMessageTextColor:"surfaceTextPrimary",menuFill:"surfacePrimary",multipleItemFill:"accentPrimary",multipleItemFillHover:"accentSecondary",multipleItemIconFill:"accentItemPrimary",multipleItemTextColor:"accentTextPrimary",noOptionsTextColor:"surfaceTextPrimary",optionBorder:"none",optionFill:"surfacePrimary",optionFillActive:"accentPrimary",optionFillActiveHover:"accentSecondary",optionFillDisabled:"surfaceSecondary",optionFillHover:"surfaceSecondary",optionSelectedIconFillIcon:"successItemPrimary",optionTextColor:"surfaceTextPrimary",optionTextColorActive:"accentTextPrimary",optionTextColorDisabled:"surfaceTextQuaternary",placeholderTextColor:"surfaceTextQuaternary"},defaultPrimary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderQuaternary",elevation:8,badgeAppearance:"accentPrimary solid circular",clearIconFill:"surfaceItemQuaternary",dropdownIconFill:"surfaceItemQuaternary",groupFill:"surfaceSecondary",groupTextColor:"surfaceTextPrimary",groupTextWeight:"600",inputCaretColor:"accentPrimary",inputTextColor:"surfaceTextPrimary",loaderAppearance:"accentPrimary sizeS ghost",loadingMessageTextColor:"surfaceTextPrimary",menuFill:"surfacePrimary",multipleItemFill:"accentPrimary",multipleItemFillHover:"accentSecondary",multipleItemIconFill:"accentItemPrimary",multipleItemTextColor:"accentTextPrimary",noOptionsTextColor:"surfaceTextPrimary",optionBorder:"none",optionFill:"surfacePrimary",optionFillActive:"accentPrimary",optionFillActiveHover:"accentSecondary",optionFillDisabled:"surfaceSecondary",optionFillHover:"surfaceHoverSecondary",optionSelectedIconFillIcon:"successItemPrimary",optionTextColor:"surfaceTextPrimary",optionTextColorActive:"accentTextPrimary",optionTextColorDisabled:"surfaceTextQuaternary",placeholderTextColor:"surfaceTextQuaternary"},disabledPrimary:{elevation:8,badgeAppearance:"accentPrimary solid circular",clearIconFill:"surfaceItemQuaternary",dropdownIconFill:"surfaceItemQuaternary",headingFill:"surfaceSecondary",headingTextColor:"surfaceTextPrimary",inputBorderColor:"surfaceBorderTertiary",inputBorderColorHover:"surfaceBorderQuaternary",inputCaretColor:"extraPrimary",inputFill:"surfaceDisabled",inputShape:"rounded",inputTextColor:"surfaceTextPrimary",multipleItemFill:"accentPrimary",multipleItemFillHover:"surfaceHoverPrimary",multipleItemIconFill:"accentItemPrimary",multipleItemTextColor:"accentTextPrimary",noOptionsTextColor:"surfaceTextPrimary",optionBorder:"none",optionFill:"surfacePrimary",optionFillHover:"surfaceSecondary",optionShape:"rounded",optionTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},successPrimary:{fill:"successTertiary",fillHover:"successTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderQuaternary",elevation:8,badgeAppearance:"accentPrimary solid circular",clearIconFill:"surfaceItemQuaternary",dropdownIconFill:"surfaceItemQuaternary",groupFill:"surfaceSecondary",groupTextColor:"surfaceTextPrimary",groupTextWeight:"600",inputCaretColor:"accentPrimary",inputTextColor:"surfaceTextPrimary",loaderAppearance:"accentPrimary sizeS ghost",loadingMessageTextColor:"surfaceTextPrimary",menuFill:"surfacePrimary",multipleItemFill:"accentPrimary",multipleItemFillHover:"accentSecondary",multipleItemIconFill:"accentItemPrimary",multipleItemTextColor:"accentTextPrimary",noOptionsTextColor:"surfaceTextPrimary",optionBorder:"none",optionFill:"surfacePrimary",optionFillActive:"accentPrimary",optionFillActiveHover:"accentSecondary",optionFillDisabled:"surfaceSecondary",optionFillHover:"surfaceSecondary",optionSelectedIconFillIcon:"successItemPrimary",optionTextColor:"surfaceTextPrimary",optionTextColorActive:"accentTextPrimary",optionTextColorDisabled:"surfaceTextQuaternary",placeholderTextColor:"surfaceTextQuaternary"},...{sizeXL:{size:"xl",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:c.icons24.Action.Clear,dividerSize:"xxs",dropdownIcon:c.icons24.Arrow.ChevronDownSmall,groupTextSize:"m",headingTextWeight:"600",inputTextSize:"m",menuItemSize:"l",multipleItemIcon:c.icons16.Action.Close,multipleItemTextSize:"s",noOptionsTextSize:"s",optionSelectedIcon:c.icons16.Form.Check,optionTextSize:"m",placeholderTextSize:"m"},sizeL:{size:"l",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:c.icons24.Action.Clear,dividerSize:"xxs",dropdownIcon:c.icons24.Arrow.ChevronDownSmall,groupTextSize:"m",headingTextWeight:"600",inputTextSize:"m",menuItemSize:"l",multipleItemIcon:c.icons16.Action.Close,multipleItemTextSize:"s",noOptionsTextSize:"m",optionSelectedIcon:c.icons16.Form.Check,optionTextSize:"m",placeholderTextSize:"m"},sizeM:{size:"m",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:c.icons24.Action.Clear,dividerSize:"xxs",dropdownIcon:c.icons24.Arrow.ChevronDownSmall,groupTextSize:"m",inputTextSize:"m",loadingMessageTextSize:"m",menuItemSize:"l",multipleItemIcon:c.icons14.Action.Close,multipleItemTextSize:"xs",noOptionsTextSize:"m",optionSelectedIcon:c.icons14.Form.Check,optionTextSize:"m",placeholderTextSize:"m"},sizeS:{size:"s",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:c.icons24.Action.Clear,dividerSize:"xxs",dropdownIcon:c.icons24.Arrow.ChevronDownSmall,groupTextSize:"m",headingTextWeight:"600",inputTextSize:"s",menuItemSize:"l",multipleItemIcon:c.icons14.Action.Close,multipleItemTextSize:"xs",noOptionsTextSize:"s",optionSelectedIcon:c.icons14.Form.Check,optionTextSize:"s",placeholderTextSize:"s"},sizeXS:{size:"xs",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:c.icons16.Action.Clear,dividerSize:"xxs",dropdownIcon:c.icons16.Arrow.ChevronDownSmall,groupTextSize:"m",headingTextWeight:"600",inputTextSize:"xs",menuItemSize:"l",multipleItemIcon:c.icons12.Action.Close,multipleItemTextSize:"xxs",noOptionsTextSize:"xs",optionTextSize:"xs",placeholderTextSize:"xs"},sizeXXS:{size:"xxs",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:c.icons16.Action.Clear,dividerSize:"xxs",dropdownIcon:c.icons16.Arrow.ChevronDownSmall,groupTextSize:"m",headingTextWeight:"600",inputTextSize:"xs",menuItemSize:"l",multipleItemIcon:c.icons12.Action.Close,multipleItemTextSize:"xxs",noOptionsTextSize:"xs",optionTextSize:"xs",placeholderTextSize:"xs"}},errorPrimary:{fill:"errorTertiary",fillHover:"errorTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderQuaternary",elevation:8,badgeAppearance:"accentPrimary solid circular",clearIconFill:"surfaceItemQuaternary",dropdownIconFill:"surfaceItemQuaternary",groupFill:"surfaceSecondary",groupTextColor:"surfaceTextPrimary",groupTextWeight:"600",inputCaretColor:"accentPrimary",inputTextColor:"surfaceTextPrimary",loaderAppearance:"accentPrimary sizeS ghost",loadingMessageTextColor:"surfaceTextPrimary",menuFill:"surfacePrimary",multipleItemFill:"accentPrimary",multipleItemFillHover:"accentSecondary",multipleItemIconFill:"accentItemPrimary",multipleItemTextColor:"accentTextPrimary",noOptionsTextColor:"surfaceTextPrimary",optionBorder:"none",optionFill:"surfacePrimary",optionFillActive:"accentPrimary",optionFillActiveHover:"accentSecondary",optionFillDisabled:"surfaceSecondary",optionFillHover:"surfaceSecondary",optionSelectedIconFillIcon:"successItemPrimary",optionTextColor:"surfaceTextPrimary",optionTextColorActive:"accentTextPrimary",optionTextColorDisabled:"surfaceTextQuaternary",placeholderTextColor:"surfaceTextQuaternary"},rounded:{multipleItemShapeRadius:"1m",shape:"rounded"},roundedXL:{multipleItemShapeRadius:"1m",shape:"rounded"},roundedL:{multipleItemShapeRadius:"1m",shape:"rounded"},roundedM:{multipleItemShapeRadius:"1m",shape:"rounded"},roundedS:{multipleItemShapeRadius:"1m",shape:"rounded"},solid:{borderColor:"none",borderColorHover:"none"},outlined:{fill:"none",fillHover:"none"},full:{},ghost:{fill:"none",borderColor:"none",borderColorHover:"none"}},x=i=>{const{before:l,after:n}=i.selectProps;return e.jsxs(o.Fragment,{children:[l,e.jsx(t.components.Control,{...i,className:r("select__control")}),n]})},S=o=>{const{children:r}=o,{dropdownFillHover:i,dropdownIcon:l,dropdownIconFill:n,dropdownIconShape:c}=o.selectProps;return e.jsx(t.components.DropdownIndicator,{...o,children:l?e.jsx(a.Icon,{fillHover:i,iconFill:n,shape:c,SvgImage:l}):r})},T=o=>{const{groupFill:i,groupTextColor:l,groupTextSize:n,groupTextWeight:c}=o.selectProps;return e.jsx(t.components.GroupHeading,{...o,className:r("select__menu-group-heading",i&&`fill_${i}`),children:e.jsx(a.Text,{size:n,textColor:l,textWeight:c,children:o.data.label})})},I=o=>{const{badgeAppearance:r,badgeSize:i,badgeTextSize:l,showBadge:n,value:c}=o.selectProps;return e.jsxs(t.components.IndicatorsContainer,{...o,children:[n&&c&&c?.length>0?e.jsx(a.Badge,{appearance:r,size:i,textSize:l,value:c.length.toString()}):null,o.children]})},C=o=>{const{inputCaretColor:i,inputTextColor:l,inputTextSize:n}=o.selectProps;return e.jsx(t.components.Input,{...o,className:r(n&&`text_size_${n}`,l&&`text-color_${l}`,i&&`caret-color_${i}`)})},g=o=>{const{loaderAppearance:r,isLoading:t}=o.selectProps;return t&&e.jsx(s.Loader,{appearance:r})},f=i=>{const{elevation:l,menuAfter:n,menuBefore:a,menuFill:c,menuShape:s}=i.selectProps;return e.jsxs(t.components.Menu,{...i,className:r(c&&`fill_${c}`,s&&`shape_${s}`,l&&`elevation_${l}`),children:[a,i.selectProps.fetchingData?e.jsx("span",{className:"fetching",children:"Fetching data..."}):e.jsx(o.Fragment,{children:i.children}),n]})},h=o=>{const{badgeAppearance:r,badgeAppearanceSize:t,overflowItemsList:i}=o,l=`+${i.length}`;return e.jsx(a.Badge,{appearance:p.mergeAppearanceKeys(r,t),className:"select__multi-value-badge",value:l})},y=o=>{const{index:r,selectProps:i,getValue:l}=o,n=i.multiValueMaxCount||100,a=l().slice(n).map(e=>e.label);return r<n?e.jsx(t.components.MultiValue,{...o}):r===n?e.jsx(h,{badgeAppearance:i.badgeAppearance,badgeAppearanceSize:i.badgeAppearanceSize,overflowItemsList:a}):null},z=o=>{const{multipleItemFill:i,multipleItemFillHover:l,multipleItemShapeRadius:a}=o.selectProps;return e.jsx(t.components.MultiValueContainer,{...o,children:e.jsx(n.Group,{className:r("select__multi-value-item"),direction:"horizontal",alignItems:"center",fill:i,fillHover:l,borderRadius:a,gap:"0.5m",children:o.children})})},v=o=>{const{multipleItemTextColor:r,multipleItemTextSize:i}=o.selectProps;return e.jsx(t.components.MultiValueLabel,{...o,children:o.data&&e.jsx(a.Text,{size:i,textColor:r,children:o.data.label})})},F=o=>{const{multipleItemIcon:r,multipleItemIconFill:i}=o.selectProps;return e.jsx(t.components.MultiValueRemove,{...o,children:e.jsx(a.Icon,{iconFill:i,SvgImage:r})})},b=o=>{const{inputValue:i,noOptionsSearchText:l,noOptionsText:c,noOptionsTextColor:s,noOptionsTextSize:p,optionFill:d}=o.selectProps;return e.jsx(t.components.NoOptionsMessage,{...o,className:r(d&&`fill_${d}`),children:e.jsx(n.Group,{textAlign:"center",children:e.jsx(a.Text,{size:p,textColor:s,children:i&&l?l:c})})})},P=o=>{const{label:i,isSelected:l}=o,{dividerDirection:n,dividerFill:c,dividerSize:s,menuItemSize:p,optionAfter:d,optionBefore:u,optionBorder:m,optionBorderType:x,optionFill:S,optionFillActive:T,optionFillActiveDisabled:I,optionFillActiveHover:C,optionFillDisabled:g,optionFillHover:f,optionSelectedIcon:h,optionSelectedIconFillIcon:y,optionSelectedIconSize:z,optionSelectedIconSrc:v,optionShape:F,optionTextColor:b,optionTextColorActive:P,optionTextColorDisabled:A,optionTextSize:_,showDivider:w}=o.selectProps;return e.jsxs(t.components.Option,{...o,className:r("select__menu-list-item",l||o.isSelected?o.isDisabled?I&&`fill_active_disabled_${I}`:T&&`fill_active_${T}`:o.isDisabled?g&&`fill_${g}`:S&&`fill_${S}`,(l||o.isSelected)&&!o.isDisabled&&C&&`fill_active_hover_${C}`,!l&&!o.isSelected&&!o.isDisabled&&f&&`fill_hover_${f}`,l&&"select__menu-list-item_state_selected",p&&`select__menu-list-item_size_${p}`,m&&`border-color_${m}`,x&&`border_type_${x}`,F&&`shape_${F}`),children:[u,e.jsx(a.Text,{className:"select__menu-list-item_option",size:_,textColor:b,textColorActive:P,textColorDisabled:A,isActive:o.isSelected||l,isDisabled:o.isDisabled,children:i}),(l||o.isSelected)&&e.jsx("div",{className:"select__menu-list-item_selected",children:e.jsx(a.Icon,{iconFill:y,iconSize:z,imageSrc:v,SvgImage:h})}),d,w&&e.jsx(a.Divider,{width:"fill",direction:n,size:s,fill:c})]})},A=o=>{const{placeholderTextColor:r,placeholderTextSize:i}=o.selectProps;return e.jsx(t.components.Placeholder,{...o,children:e.jsx(a.Text,{size:i,textColor:r,children:o.children})})},_=o=>{const{data:r,children:i}=o,{inputTextColor:l,inputTextSize:n}=o.selectProps,c=r.optionBefore,s=r.optionBefore;return e.jsxs(t.components.SingleValue,{...o,children:[r&&c,e.jsx(a.Text,{size:n,textColor:l,textTruncate:!0,children:i}),r&&s]})},w=o=>{const{inputAfter:r,inputBefore:i}=o.selectProps;return e.jsxs(t.components.ValueContainer,{...o,children:[i,o.children,r]})},j={appearance:m,setAppearance:e=>{j.appearance=e}},M=o.forwardRef(function(n,a){const{appearance:c="",className:s,dataTestId:p,dataTour:m,width:h,minWidth:M,initialValue:H,badgeSize:D,defaultValue:B,dividerDirection:O,filterOption:$,hideSelectedOptions:V,hideValueContainer:Q,inputAfter:L,inputBefore:N,instanceId:R,loadingMessageText:W,menuAfter:q,menuBefore:k,menuIsOpen:G,menuItemSize:X,multiValueMaxCount:E,noOptionsSearchText:K,noOptionsText:J,optionAfter:U,optionBefore:Y,options:Z,placeholder:ee,showBadge:oe,showDivider:re,value:te,before:ie,after:le,openMenuOnClick:ne,closeMenuOnSelect:ae,isDisabled:ce,isSkeleton:se,isClearable:pe,isCreatable:de,isLoading:ue,isMulti:me,isSearchable:xe,set:Se,onChange:Te,onInputChange:Ie}=n,Ce=o.useRef(null),ge=a||Ce,fe=de?i:t;o.useEffect(()=>{const e=e=>{const o=e.target,r=o&&o.classList.contains("select_state_hide-value-container");if("current"in ge&&ge.current&&ge.current.controlRef){const t=ge.current.controlRef.contains(o);r||t||ge.current?.onInputBlur(e)}};return Q&&document.addEventListener("click",e),()=>{Q&&document.removeEventListener("click",e)}},[Q,ge]);const he=o.useMemo(()=>new Proxy({container:{width:h,minWidth:M}},{get:(e,o)=>o in e?()=>e[o]:()=>{}}),[M,h]),ye=l.useAppearanceConfig(c,j,ce),ze=l.useDevicePropsGenerator(n,ye),{fillClass:ve,fillHoverClass:Fe,borderColorClass:be,borderColorHoverClass:Pe,elevation:Ae,badgeAppearance:_e,badgeAppearanceSize:we,badgeTextSize:je,clearIcon:Me,clearIconFill:He,dividerFill:De,dividerSize:Be,dropdownFillHover:Oe,dropdownIcon:$e,dropdownIconFill:Ve,dropdownIconShape:Qe,groupFillClass:Le,groupTextColorClass:Ne,groupTextSizeClass:Re,groupTextWeightClass:We,inputCaretColorClass:qe,inputTextColorClass:ke,inputTextSizeClass:Ge,loaderAppearance:Xe,loadingMessageTextColor:Ee,loadingMessageTextSize:Ke,menuFillClass:Je,multipleItemFill:Ue,multipleItemFillHover:Ye,multipleItemIcon:Ze,multipleItemIconFill:eo,multipleItemShapeRadius:oo,multipleItemTextColorClass:ro,multipleItemTextSizeClass:to,noOptionsTextColorClass:io,noOptionsTextSizeClass:lo,optionBorderClass:no,optionBorderTypeClass:ao,optionFillActiveClass:co,optionFillActiveDisabledClass:so,optionFillActiveHoverClass:po,optionFillClass:uo,optionFillDisabledClass:mo,optionFillHoverClass:xo,optionSelectedIcon:So,optionSelectedIconFillIcon:To,optionSelectedIconSize:Io,optionSelectedIconSrc:Co,optionTextColorActiveClass:go,optionTextColorClass:fo,optionTextColorDisabled:ho,optionTextSizeClass:yo,placeholderTextColor:zo,placeholderTextSize:vo,shapeClass:Fo,sizeClass:bo,widthClass:Po}=ze;return e.jsx(fe,{className:r(s,"select",me&&"select_multi",Fo&&`shape_${Fo}`,ve&&`fill_${ve}`,Fe&&`fill_hover_${Fe}`,be&&`border-color_${be}`,Pe&&`border-color_hover_${Pe}`,bo&&`select_size_${bo}`,Q&&"select_state_hide-value-container",Se&&`select_set_${Se}`,Po&&`select_width_${Po}`,se&&"skeleton"),ref:ge,elevation:Ae,badgeAppearance:_e,badgeAppearanceSize:we,badgeSize:D,badgeTextSize:je,classNamePrefix:"select",clearIcon:Me,clearIconFill:He,components:{IndicatorSeparator:()=>null,ClearIndicator:d,Control:x,DropdownIndicator:S,GroupHeading:T,IndicatorsContainer:I,Input:C,LoadingIndicator:g,LoadingMessage:u,Menu:f,MultiValue:y,MultiValueContainer:z,MultiValueLabel:v,MultiValueRemove:F,NoOptionsMessage:b,Option:P,Placeholder:A,SingleValue:_,ValueContainer:w},"data-testid":p,"data-tour":m,defaultValue:B||H,dividerDirection:O,dividerFill:De,dividerSize:Be,dropdownFillHover:Oe,dropdownIcon:$e,dropdownIconFill:Ve,dropdownIconShape:Qe,filterOption:$,groupFill:Le,groupTextColor:Ne,groupTextSize:Re,groupTextWeight:We,hideSelectedOptions:V??!1,inputAfter:L,inputBefore:N,inputCaretColor:qe,inputShape:Fo,inputTextColor:ke,inputTextSize:Ge,instanceId:R,loaderAppearance:Xe,loadingMessageText:W,loadingMessageTextColor:Ee,loadingMessageTextSize:Ke,menuAfter:q,menuBefore:k,menuFill:Je,menuIsOpen:G,menuItemSize:X,menuShape:Fo,multipleItemFill:Ue,multipleItemFillHover:Ye,multipleItemIcon:Ze,multipleItemIconFill:eo,multipleItemShapeRadius:oo,multipleItemSize:bo,multipleItemTextColor:ro,multipleItemTextSize:to,multiValueMaxCount:E,noOptionBorder:no&&`border-color_${no}`,noOptionBorderType:ao&&`border_type_${ao}`,noOptionsFill:uo&&`fill_${uo}`,noOptionsSearchText:K,noOptionsText:J,noOptionsTextColor:io,noOptionsTextSize:lo,optionAfter:U,optionBefore:Y,optionBorder:no,optionBorderType:ao,optionFill:uo,optionFillActive:co,optionFillActiveDisabledClass:so,optionFillActiveHover:po,optionFillDisabled:mo,optionFillHover:xo,options:Z,optionSelectedIcon:So,optionSelectedIconFillIcon:To,optionSelectedIconSize:Io,optionSelectedIconSrc:Co,optionShape:Fo,optionTextColor:fo,optionTextColorActive:go,optionTextColorDisabled:ho,optionTextSize:yo,placeholder:ee,placeholderTextColor:zo,placeholderTextSize:vo,showBadge:oe,showDivider:re,styles:he,value:te,before:ie,after:le,openMenuOnClick:ne,closeMenuOnSelect:ae??!0,isDisabled:ce,isClearable:pe??!1,isLoading:ue,isMulti:me??!1,isSearchable:xe??!1,set:Se,onChange:Te,onInputChange:Ie})});exports.SelectClearIndicator=d,exports.SelectContainer=M,exports.SelectControl=x,exports.SelectDropdownIndicator=S,exports.SelectGroupHeading=T,exports.SelectIndicatorsContainer=I,exports.SelectInput=C,exports.SelectMenu=f,exports.SelectMultiValueContainer=z,exports.SelectMultiValueLabel=v,exports.SelectMultiValueRemove=F,exports.SelectOption=P,exports.SelectPlaceholder=A,exports.SelectSingleValue=_,exports.SelectValueContainer=w,exports.selectConfig=j;
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),o=require("react"),r=require("clsx"),t=require("react-select"),i=require("react-select/creatable"),l=require("@itcase/ui-core/hooks"),n=require("./Group_cjs_CiLUYKP7.js"),a=require("./primitives_cjs_BphFj-db.js"),c=require("./default_cjs_BMbs2it-.js"),s=require("./Loader_cjs_D2eU4Cq6.js"),p=require("@itcase/ui-core/utils");const d=o=>{const{children:r}=o,{clearIcon:i,clearIconFill:l}=o.selectProps;return e.jsx(t.components.ClearIndicator,{...o,children:i?e.jsx(a.Icon,{iconFill:l,SvgImage:i}):r})},u=o=>{const{loadingMessageText:r,loadingMessageTextColor:t,loadingMessageTextSize:i}=o.selectProps;return e.jsx(n.Group,{textAlign:"center",children:e.jsx(a.Text,{size:i,textColor:t,children:r})})},m={requirePrimary:{fill:"warningTertiary",fillHover:"warningTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderQuaternary",elevation:8,badgeAppearance:"accentPrimary solid circular",clearIconFill:"surfaceItemQuaternary",dropdownIconFill:"surfaceItemQuaternary",groupFill:"surfaceSecondary",groupTextColor:"surfaceTextPrimary",groupTextWeight:"600",inputCaretColor:"accentPrimary",inputTextColor:"surfaceTextPrimary",loaderAppearance:"accentPrimary sizeS ghost",loadingMessageTextColor:"surfaceTextPrimary",menuFill:"surfacePrimary",multipleItemFill:"accentPrimary",multipleItemFillHover:"accentSecondary",multipleItemIconFill:"accentItemPrimary",multipleItemTextColor:"accentTextPrimary",noOptionsTextColor:"surfaceTextPrimary",optionBorder:"none",optionFill:"surfacePrimary",optionFillActive:"accentPrimary",optionFillActiveHover:"accentSecondary",optionFillDisabled:"surfaceSecondary",optionFillHover:"surfaceSecondary",optionSelectedIconFillIcon:"successItemPrimary",optionTextColor:"surfaceTextPrimary",optionTextColorActive:"accentTextPrimary",optionTextColorDisabled:"surfaceTextQuaternary",placeholderTextColor:"surfaceTextQuaternary"},defaultPrimary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderQuaternary",elevation:8,badgeAppearance:"accentPrimary solid circular",clearIconFill:"surfaceItemQuaternary",dropdownIconFill:"surfaceItemQuaternary",groupFill:"surfaceSecondary",groupTextColor:"surfaceTextPrimary",groupTextWeight:"600",inputCaretColor:"accentPrimary",inputTextColor:"surfaceTextPrimary",loaderAppearance:"accentPrimary sizeS ghost",loadingMessageTextColor:"surfaceTextPrimary",menuFill:"surfacePrimary",multipleItemFill:"accentPrimary",multipleItemFillHover:"accentSecondary",multipleItemIconFill:"accentItemPrimary",multipleItemTextColor:"accentTextPrimary",noOptionsTextColor:"surfaceTextPrimary",optionBorder:"none",optionFill:"surfacePrimary",optionFillActive:"accentPrimary",optionFillActiveHover:"accentSecondary",optionFillDisabled:"surfaceSecondary",optionFillHover:"surfaceHoverSecondary",optionSelectedIconFillIcon:"successItemPrimary",optionTextColor:"surfaceTextPrimary",optionTextColorActive:"accentTextPrimary",optionTextColorDisabled:"surfaceTextQuaternary",placeholderTextColor:"surfaceTextQuaternary"},disabledPrimary:{elevation:8,badgeAppearance:"accentPrimary solid circular",clearIconFill:"surfaceItemQuaternary",dropdownIconFill:"surfaceItemQuaternary",headingFill:"surfaceSecondary",headingTextColor:"surfaceTextPrimary",inputBorderColor:"surfaceBorderTertiary",inputBorderColorHover:"surfaceBorderQuaternary",inputCaretColor:"extraPrimary",inputFill:"surfaceDisabled",inputShape:"rounded",inputTextColor:"surfaceTextPrimary",multipleItemFill:"accentPrimary",multipleItemFillHover:"surfaceHoverPrimary",multipleItemIconFill:"accentItemPrimary",multipleItemTextColor:"accentTextPrimary",noOptionsTextColor:"surfaceTextPrimary",optionBorder:"none",optionFill:"surfacePrimary",optionFillHover:"surfaceSecondary",optionShape:"rounded",optionTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},successPrimary:{fill:"successTertiary",fillHover:"successTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderQuaternary",elevation:8,badgeAppearance:"accentPrimary solid circular",clearIconFill:"surfaceItemQuaternary",dropdownIconFill:"surfaceItemQuaternary",groupFill:"surfaceSecondary",groupTextColor:"surfaceTextPrimary",groupTextWeight:"600",inputCaretColor:"accentPrimary",inputTextColor:"surfaceTextPrimary",loaderAppearance:"accentPrimary sizeS ghost",loadingMessageTextColor:"surfaceTextPrimary",menuFill:"surfacePrimary",multipleItemFill:"accentPrimary",multipleItemFillHover:"accentSecondary",multipleItemIconFill:"accentItemPrimary",multipleItemTextColor:"accentTextPrimary",noOptionsTextColor:"surfaceTextPrimary",optionBorder:"none",optionFill:"surfacePrimary",optionFillActive:"accentPrimary",optionFillActiveHover:"accentSecondary",optionFillDisabled:"surfaceSecondary",optionFillHover:"surfaceSecondary",optionSelectedIconFillIcon:"successItemPrimary",optionTextColor:"surfaceTextPrimary",optionTextColorActive:"accentTextPrimary",optionTextColorDisabled:"surfaceTextQuaternary",placeholderTextColor:"surfaceTextQuaternary"},...{sizeXL:{size:"xl",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:c.icons24.Action.Clear,dividerSize:"xxs",dropdownIcon:c.icons24.Arrow.ChevronDownSmall,groupTextSize:"m",headingTextWeight:"600",inputTextSize:"m",menuItemSize:"l",multipleItemIcon:c.icons16.Action.Close,multipleItemTextSize:"s",noOptionsTextSize:"s",optionSelectedIcon:c.icons16.Form.Check,optionTextSize:"m",placeholderTextSize:"m"},sizeL:{size:"l",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:c.icons24.Action.Clear,dividerSize:"xxs",dropdownIcon:c.icons24.Arrow.ChevronDownSmall,groupTextSize:"m",headingTextWeight:"600",inputTextSize:"m",menuItemSize:"l",multipleItemIcon:c.icons16.Action.Close,multipleItemTextSize:"s",noOptionsTextSize:"m",optionSelectedIcon:c.icons16.Form.Check,optionTextSize:"m",placeholderTextSize:"m"},sizeM:{size:"m",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:c.icons24.Action.Clear,dividerSize:"xxs",dropdownIcon:c.icons24.Arrow.ChevronDownSmall,groupTextSize:"m",inputTextSize:"m",loadingMessageTextSize:"m",menuItemSize:"l",multipleItemIcon:c.icons14.Action.Close,multipleItemTextSize:"xs",noOptionsTextSize:"m",optionSelectedIcon:c.icons14.Form.Check,optionTextSize:"m",placeholderTextSize:"m"},sizeS:{size:"s",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:c.icons24.Action.Clear,dividerSize:"xxs",dropdownIcon:c.icons24.Arrow.ChevronDownSmall,groupTextSize:"m",headingTextWeight:"600",inputTextSize:"s",menuItemSize:"l",multipleItemIcon:c.icons14.Action.Close,multipleItemTextSize:"xs",noOptionsTextSize:"s",optionSelectedIcon:c.icons14.Form.Check,optionTextSize:"s",placeholderTextSize:"s"},sizeXS:{size:"xs",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:c.icons16.Action.Clear,dividerSize:"xxs",dropdownIcon:c.icons16.Arrow.ChevronDownSmall,groupTextSize:"m",headingTextWeight:"600",inputTextSize:"xs",menuItemSize:"l",multipleItemIcon:c.icons12.Action.Close,multipleItemTextSize:"xxs",noOptionsTextSize:"xs",optionTextSize:"xs",placeholderTextSize:"xs"},sizeXXS:{size:"xxs",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:c.icons16.Action.Clear,dividerSize:"xxs",dropdownIcon:c.icons16.Arrow.ChevronDownSmall,groupTextSize:"m",headingTextWeight:"600",inputTextSize:"xs",menuItemSize:"l",multipleItemIcon:c.icons12.Action.Close,multipleItemTextSize:"xxs",noOptionsTextSize:"xs",optionTextSize:"xs",placeholderTextSize:"xs"}},errorPrimary:{fill:"errorTertiary",fillHover:"errorTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderQuaternary",elevation:8,badgeAppearance:"accentPrimary solid circular",clearIconFill:"surfaceItemQuaternary",dropdownIconFill:"surfaceItemQuaternary",groupFill:"surfaceSecondary",groupTextColor:"surfaceTextPrimary",groupTextWeight:"600",inputCaretColor:"accentPrimary",inputTextColor:"surfaceTextPrimary",loaderAppearance:"accentPrimary sizeS ghost",loadingMessageTextColor:"surfaceTextPrimary",menuFill:"surfacePrimary",multipleItemFill:"accentPrimary",multipleItemFillHover:"accentSecondary",multipleItemIconFill:"accentItemPrimary",multipleItemTextColor:"accentTextPrimary",noOptionsTextColor:"surfaceTextPrimary",optionBorder:"none",optionFill:"surfacePrimary",optionFillActive:"accentPrimary",optionFillActiveHover:"accentSecondary",optionFillDisabled:"surfaceSecondary",optionFillHover:"surfaceSecondary",optionSelectedIconFillIcon:"successItemPrimary",optionTextColor:"surfaceTextPrimary",optionTextColorActive:"accentTextPrimary",optionTextColorDisabled:"surfaceTextQuaternary",placeholderTextColor:"surfaceTextQuaternary"},rounded:{multipleItemShapeRadius:"1m",shape:"rounded"},roundedXL:{multipleItemShapeRadius:"1m",shape:"rounded"},roundedL:{multipleItemShapeRadius:"1m",shape:"rounded"},roundedM:{multipleItemShapeRadius:"1m",shape:"rounded"},roundedS:{multipleItemShapeRadius:"1m",shape:"rounded"},solid:{borderColor:"none",borderColorHover:"none"},outlined:{fill:"none",fillHover:"none"},full:{},ghost:{fill:"none",borderColor:"none",borderColorHover:"none"}},x=i=>{const{before:l,after:n}=i.selectProps;return e.jsxs(o.Fragment,{children:[l,e.jsx(t.components.Control,{...i,className:r("select__control")}),n]})},S=o=>{const{children:r}=o,{dropdownFillHover:i,dropdownIcon:l,dropdownIconFill:n,dropdownIconShape:c}=o.selectProps;return e.jsx(t.components.DropdownIndicator,{...o,children:l?e.jsx(a.Icon,{fillHover:i,iconFill:n,shape:c,SvgImage:l}):r})},T=o=>{const{groupFill:i,groupTextColor:l,groupTextSize:n,groupTextWeight:c}=o.selectProps;return e.jsx(t.components.GroupHeading,{...o,className:r("select__menu-group-heading",i&&`fill_${i}`),children:e.jsx(a.Text,{size:n,textColor:l,textWeight:c,children:o.data.label})})},I=o=>{const{badgeAppearance:r,badgeSize:i,badgeTextSize:l,showBadge:n,value:c}=o.selectProps;return e.jsxs(t.components.IndicatorsContainer,{...o,children:[n&&c&&c?.length>0?e.jsx(a.Badge,{appearance:r,size:i,textSize:l,value:c.length.toString()}):null,o.children]})},C=o=>{const{inputCaretColor:i,inputTextColor:l,inputTextSize:n}=o.selectProps;return e.jsx(t.components.Input,{...o,className:r(n&&`text_size_${n}`,l&&`text-color_${l}`,i&&`caret-color_${i}`)})},g=o=>{const{loaderAppearance:r,isLoading:t}=o.selectProps;return t&&e.jsx(s.Loader,{appearance:r})},f=i=>{const{elevation:l,menuAfter:n,menuBefore:a,menuFill:c,menuShape:s}=i.selectProps;return e.jsxs(t.components.Menu,{...i,className:r(c&&`fill_${c}`,s&&`shape_${s}`,l&&`elevation_${l}`),children:[a,i.selectProps.fetchingData?e.jsx("span",{className:"fetching",children:"Fetching data..."}):e.jsx(o.Fragment,{children:i.children}),n]})},h=o=>{const{badgeAppearance:r,badgeAppearanceSize:t,overflowItemsList:i}=o,l=`+${i.length}`;return e.jsx(a.Badge,{appearance:p.mergeAppearanceKeys(r,t),className:"select__multi-value-badge",value:l})},y=o=>{const{index:r,selectProps:i,getValue:l}=o,n=i.multiValueMaxCount||100,a=l().slice(n).map(e=>e.label);return r<n?e.jsx(t.components.MultiValue,{...o}):r===n?e.jsx(h,{badgeAppearance:i.badgeAppearance,badgeAppearanceSize:i.badgeAppearanceSize,overflowItemsList:a}):null},z=o=>{const{multipleItemFill:i,multipleItemFillHover:l,multipleItemShapeRadius:a}=o.selectProps;return e.jsx(t.components.MultiValueContainer,{...o,children:e.jsx(n.Group,{className:r("select__multi-value-item"),direction:"horizontal",alignItems:"center",fill:i,fillHover:l,borderRadius:a,gap:"0.5m",children:o.children})})},v=o=>{const{multipleItemTextColor:r,multipleItemTextSize:i}=o.selectProps;return e.jsx(t.components.MultiValueLabel,{...o,children:o.data&&e.jsx(a.Text,{size:i,textColor:r,children:o.data.label})})},F=o=>{const{multipleItemIcon:r,multipleItemIconFill:i}=o.selectProps;return e.jsx(t.components.MultiValueRemove,{...o,children:e.jsx(a.Icon,{iconFill:i,SvgImage:r})})},b=o=>{const{inputValue:i,noOptionsSearchText:l,noOptionsText:c,noOptionsTextColor:s,noOptionsTextSize:p,optionFill:d}=o.selectProps;return e.jsx(t.components.NoOptionsMessage,{...o,className:r(d&&`fill_${d}`),children:e.jsx(n.Group,{textAlign:"center",children:e.jsx(a.Text,{size:p,textColor:s,children:i&&l?l:c})})})},P=o=>{const{label:i,isSelected:l}=o,{dividerDirection:n,dividerFill:c,dividerSize:s,menuItemSize:p,optionAfter:d,optionBefore:u,optionBorder:m,optionBorderType:x,optionFill:S,optionFillActive:T,optionFillActiveDisabled:I,optionFillActiveHover:C,optionFillDisabled:g,optionFillHover:f,optionSelectedIcon:h,optionSelectedIconFillIcon:y,optionSelectedIconSize:z,optionSelectedIconSrc:v,optionShape:F,optionTextColor:b,optionTextColorActive:P,optionTextColorDisabled:A,optionTextSize:_,showDivider:w}=o.selectProps;return e.jsxs(t.components.Option,{...o,className:r("select__menu-list-item",l||o.isSelected?o.isDisabled?I&&`fill_active_disabled_${I}`:T&&`fill_active_${T}`:o.isDisabled?g&&`fill_${g}`:S&&`fill_${S}`,(l||o.isSelected)&&!o.isDisabled&&C&&`fill_active_hover_${C}`,!l&&!o.isSelected&&!o.isDisabled&&f&&`fill_hover_${f}`,l&&"select__menu-list-item_state_selected",p&&`select__menu-list-item_size_${p}`,m&&`border-color_${m}`,x&&`border_type_${x}`,F&&`shape_${F}`),children:[u,e.jsx(a.Text,{className:"select__menu-list-item_option",size:_,textColor:b,textColorActive:P,textColorDisabled:A,isActive:o.isSelected||l,isDisabled:o.isDisabled,children:i}),(l||o.isSelected)&&e.jsx("div",{className:"select__menu-list-item_selected",children:e.jsx(a.Icon,{iconFill:y,iconSize:z,imageSrc:v,SvgImage:h})}),d,w&&e.jsx(a.Divider,{width:"fill",direction:n,size:s,fill:c})]})},A=o=>{const{placeholderTextColor:r,placeholderTextSize:i}=o.selectProps;return e.jsx(t.components.Placeholder,{...o,children:e.jsx(a.Text,{size:i,textColor:r,children:o.children})})},_=o=>{const{data:r,children:i}=o,{inputTextColor:l,inputTextSize:n}=o.selectProps,c=r.optionBefore,s=r.optionBefore;return e.jsxs(t.components.SingleValue,{...o,children:[r&&c,e.jsx(a.Text,{size:n,textColor:l,textTruncate:!0,children:i}),r&&s]})},w=o=>{const{inputAfter:r,inputBefore:i}=o.selectProps;return e.jsxs(t.components.ValueContainer,{...o,children:[i,o.children,r]})},j={appearance:m,setAppearance:e=>{j.appearance=e}},M=o.forwardRef(function(n,a){const{appearance:c="",className:s,dataTestId:p,dataTour:m,width:h,minWidth:M,initialValue:H,badgeSize:D,defaultValue:B,dividerDirection:O,filterOption:$,hideSelectedOptions:V,hideValueContainer:Q,inputAfter:L,inputBefore:N,instanceId:R,loadingMessageText:W,menuAfter:q,menuBefore:k,menuIsOpen:G,menuItemSize:X,multiValueMaxCount:E,noOptionsSearchText:K,noOptionsText:J,optionAfter:U,optionBefore:Y,options:Z,placeholder:ee,showBadge:oe,showDivider:re,value:te,before:ie,after:le,openMenuOnClick:ne,closeMenuOnSelect:ae,isDisabled:ce,isSkeleton:se,isClearable:pe,isCreatable:de,isLoading:ue,isMulti:me,isSearchable:xe,set:Se,onChange:Te,onInputChange:Ie}=n,Ce=o.useRef(null),ge=a||Ce,fe=de?i:t;o.useEffect(()=>{const e=e=>{const o=e.target,r=o&&o.classList.contains("select_state_hide-value-container");if("current"in ge&&ge.current&&ge.current.controlRef){const t=ge.current.controlRef.contains(o);r||t||ge.current?.onInputBlur(e)}};return Q&&document.addEventListener("click",e),()=>{Q&&document.removeEventListener("click",e)}},[Q,ge]);const he=o.useMemo(()=>new Proxy({container:{width:h,minWidth:M}},{get:(e,o)=>o in e?()=>e[o]:()=>{}}),[M,h]),ye=l.useAppearanceConfig(c,j,ce),ze=l.useDevicePropsGenerator(n,ye),{fillClass:ve,fillHoverClass:Fe,borderColorClass:be,borderColorHoverClass:Pe,elevation:Ae,badgeAppearance:_e,badgeAppearanceSize:we,badgeTextSize:je,clearIcon:Me,clearIconFill:He,dividerFill:De,dividerSize:Be,dropdownFillHover:Oe,dropdownIcon:$e,dropdownIconFill:Ve,dropdownIconShape:Qe,groupFillClass:Le,groupTextColorClass:Ne,groupTextSizeClass:Re,groupTextWeightClass:We,inputCaretColorClass:qe,inputTextColorClass:ke,inputTextSizeClass:Ge,loaderAppearance:Xe,loadingMessageTextColor:Ee,loadingMessageTextSize:Ke,menuFillClass:Je,multipleItemFill:Ue,multipleItemFillHover:Ye,multipleItemIcon:Ze,multipleItemIconFill:eo,multipleItemShapeRadius:oo,multipleItemTextColorClass:ro,multipleItemTextSizeClass:to,noOptionsTextColorClass:io,noOptionsTextSizeClass:lo,optionBorderClass:no,optionBorderTypeClass:ao,optionFillActiveClass:co,optionFillActiveDisabledClass:so,optionFillActiveHoverClass:po,optionFillClass:uo,optionFillDisabledClass:mo,optionFillHoverClass:xo,optionSelectedIcon:So,optionSelectedIconFillIcon:To,optionSelectedIconSize:Io,optionSelectedIconSrc:Co,optionTextColorActiveClass:go,optionTextColorClass:fo,optionTextColorDisabled:ho,optionTextSizeClass:yo,placeholderTextColor:zo,placeholderTextSize:vo,shapeClass:Fo,sizeClass:bo,widthClass:Po}=ze;return e.jsx(fe,{className:r(s,"select",me&&"select_multi",Fo&&`shape_${Fo}`,ve&&`fill_${ve}`,Fe&&`fill_hover_${Fe}`,be&&`border-color_${be}`,Pe&&`border-color_hover_${Pe}`,bo&&`select_size_${bo}`,Q&&"select_state_hide-value-container",Se&&`select_set_${Se}`,Po&&`select_width_${Po}`,se&&"skeleton"),ref:ge,elevation:Ae,badgeAppearance:_e,badgeAppearanceSize:we,badgeSize:D,badgeTextSize:je,classNamePrefix:"select",clearIcon:Me,clearIconFill:He,components:{IndicatorSeparator:()=>null,ClearIndicator:d,Control:x,DropdownIndicator:S,GroupHeading:T,IndicatorsContainer:I,Input:C,LoadingIndicator:g,LoadingMessage:u,Menu:f,MultiValue:y,MultiValueContainer:z,MultiValueLabel:v,MultiValueRemove:F,NoOptionsMessage:b,Option:P,Placeholder:A,SingleValue:_,ValueContainer:w},"data-testid":p,"data-tour":m,defaultValue:B||H,dividerDirection:O,dividerFill:De,dividerSize:Be,dropdownFillHover:Oe,dropdownIcon:$e,dropdownIconFill:Ve,dropdownIconShape:Qe,filterOption:$,groupFill:Le,groupTextColor:Ne,groupTextSize:Re,groupTextWeight:We,hideSelectedOptions:V??!1,inputAfter:L,inputBefore:N,inputCaretColor:qe,inputShape:Fo,inputTextColor:ke,inputTextSize:Ge,instanceId:R,loaderAppearance:Xe,loadingMessageText:W,loadingMessageTextColor:Ee,loadingMessageTextSize:Ke,menuAfter:q,menuBefore:k,menuFill:Je,menuIsOpen:G,menuItemSize:X,menuShape:Fo,multipleItemFill:Ue,multipleItemFillHover:Ye,multipleItemIcon:Ze,multipleItemIconFill:eo,multipleItemShapeRadius:oo,multipleItemSize:bo,multipleItemTextColor:ro,multipleItemTextSize:to,multiValueMaxCount:E,noOptionBorder:no&&`border-color_${no}`,noOptionBorderType:ao&&`border_type_${ao}`,noOptionsFill:uo&&`fill_${uo}`,noOptionsSearchText:K,noOptionsText:J,noOptionsTextColor:io,noOptionsTextSize:lo,optionAfter:U,optionBefore:Y,optionBorder:no,optionBorderType:ao,optionFill:uo,optionFillActive:co,optionFillActiveDisabledClass:so,optionFillActiveHover:po,optionFillDisabled:mo,optionFillHover:xo,options:Z,optionSelectedIcon:So,optionSelectedIconFillIcon:To,optionSelectedIconSize:Io,optionSelectedIconSrc:Co,optionShape:Fo,optionTextColor:fo,optionTextColorActive:go,optionTextColorDisabled:ho,optionTextSize:yo,placeholder:ee,placeholderTextColor:zo,placeholderTextSize:vo,showBadge:oe,showDivider:re,styles:he,value:te,before:ie,after:le,openMenuOnClick:ne,closeMenuOnSelect:ae??!0,isDisabled:ce,isClearable:pe??!1,isLoading:ue,isMulti:me??!1,isSearchable:xe??!1,set:Se,onChange:Te,onInputChange:Ie})});exports.SelectClearIndicator=d,exports.SelectContainer=M,exports.SelectControl=x,exports.SelectDropdownIndicator=S,exports.SelectGroupHeading=T,exports.SelectIndicatorsContainer=I,exports.SelectInput=C,exports.SelectMenu=f,exports.SelectMultiValueContainer=z,exports.SelectMultiValueLabel=v,exports.SelectMultiValueRemove=F,exports.SelectOption=P,exports.SelectPlaceholder=A,exports.SelectSingleValue=_,exports.SelectValueContainer=w,exports.selectConfig=j;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as o}from"react/jsx-runtime";import r,{useRef as t,useEffect as i,useMemo as l}from"react";import a from"clsx";import n,{components as c}from"react-select";import s from"react-select/creatable";import{useAppearanceConfig as p,useDevicePropsGenerator as d}from"@itcase/ui-core/hooks";import{G as u}from"./Group_es_DIuSNHx3.js";import{I as m,a as x,B as T,D as S}from"./primitives_es_BkqjUVO-.js";import{e as I,i as C,b as g,a as f}from"./default_es_C4dY1Dqw.js";import{L as h}from"./Loader_es_DS2z8Ps3.js";import{mergeAppearanceKeys as z}from"@itcase/ui-core/utils";const y=o=>{const{children:r}=o,{clearIcon:t,clearIconFill:i}=o.selectProps;return e(c.ClearIndicator,{...o,children:t?e(m,{iconFill:i,SvgImage:t}):r})},v=o=>{const{loadingMessageText:r,loadingMessageTextColor:t,loadingMessageTextSize:i}=o.selectProps;return e(u,{textAlign:"center",children:e(x,{size:i,textColor:t,children:r})})},F={requirePrimary:{fill:"warningTertiary",fillHover:"warningTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderQuaternary",elevation:8,badgeAppearance:"accentPrimary solid circular",clearIconFill:"surfaceItemQuaternary",dropdownIconFill:"surfaceItemQuaternary",groupFill:"surfaceSecondary",groupTextColor:"surfaceTextPrimary",groupTextWeight:"600",inputCaretColor:"accentPrimary",inputTextColor:"surfaceTextPrimary",loaderAppearance:"accentPrimary sizeS ghost",loadingMessageTextColor:"surfaceTextPrimary",menuFill:"surfacePrimary",multipleItemFill:"accentPrimary",multipleItemFillHover:"accentSecondary",multipleItemIconFill:"accentItemPrimary",multipleItemTextColor:"accentTextPrimary",noOptionsTextColor:"surfaceTextPrimary",optionBorder:"none",optionFill:"surfacePrimary",optionFillActive:"accentPrimary",optionFillActiveHover:"accentSecondary",optionFillDisabled:"surfaceSecondary",optionFillHover:"surfaceSecondary",optionSelectedIconFillIcon:"successItemPrimary",optionTextColor:"surfaceTextPrimary",optionTextColorActive:"accentTextPrimary",optionTextColorDisabled:"surfaceTextQuaternary",placeholderTextColor:"surfaceTextQuaternary"},defaultPrimary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderQuaternary",elevation:8,badgeAppearance:"accentPrimary solid circular",clearIconFill:"surfaceItemQuaternary",dropdownIconFill:"surfaceItemQuaternary",groupFill:"surfaceSecondary",groupTextColor:"surfaceTextPrimary",groupTextWeight:"600",inputCaretColor:"accentPrimary",inputTextColor:"surfaceTextPrimary",loaderAppearance:"accentPrimary sizeS ghost",loadingMessageTextColor:"surfaceTextPrimary",menuFill:"surfacePrimary",multipleItemFill:"accentPrimary",multipleItemFillHover:"accentSecondary",multipleItemIconFill:"accentItemPrimary",multipleItemTextColor:"accentTextPrimary",noOptionsTextColor:"surfaceTextPrimary",optionBorder:"none",optionFill:"surfacePrimary",optionFillActive:"accentPrimary",optionFillActiveHover:"accentSecondary",optionFillDisabled:"surfaceSecondary",optionFillHover:"surfaceHoverSecondary",optionSelectedIconFillIcon:"successItemPrimary",optionTextColor:"surfaceTextPrimary",optionTextColorActive:"accentTextPrimary",optionTextColorDisabled:"surfaceTextQuaternary",placeholderTextColor:"surfaceTextQuaternary"},disabledPrimary:{elevation:8,badgeAppearance:"accentPrimary solid circular",clearIconFill:"surfaceItemQuaternary",dropdownIconFill:"surfaceItemQuaternary",headingFill:"surfaceSecondary",headingTextColor:"surfaceTextPrimary",inputBorderColor:"surfaceBorderTertiary",inputBorderColorHover:"surfaceBorderQuaternary",inputCaretColor:"extraPrimary",inputFill:"surfaceDisabled",inputShape:"rounded",inputTextColor:"surfaceTextPrimary",multipleItemFill:"accentPrimary",multipleItemFillHover:"surfaceHoverPrimary",multipleItemIconFill:"accentItemPrimary",multipleItemTextColor:"accentTextPrimary",noOptionsTextColor:"surfaceTextPrimary",optionBorder:"none",optionFill:"surfacePrimary",optionFillHover:"surfaceSecondary",optionShape:"rounded",optionTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},successPrimary:{fill:"successTertiary",fillHover:"successTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderQuaternary",elevation:8,badgeAppearance:"accentPrimary solid circular",clearIconFill:"surfaceItemQuaternary",dropdownIconFill:"surfaceItemQuaternary",groupFill:"surfaceSecondary",groupTextColor:"surfaceTextPrimary",groupTextWeight:"600",inputCaretColor:"accentPrimary",inputTextColor:"surfaceTextPrimary",loaderAppearance:"accentPrimary sizeS ghost",loadingMessageTextColor:"surfaceTextPrimary",menuFill:"surfacePrimary",multipleItemFill:"accentPrimary",multipleItemFillHover:"accentSecondary",multipleItemIconFill:"accentItemPrimary",multipleItemTextColor:"accentTextPrimary",noOptionsTextColor:"surfaceTextPrimary",optionBorder:"none",optionFill:"surfacePrimary",optionFillActive:"accentPrimary",optionFillActiveHover:"accentSecondary",optionFillDisabled:"surfaceSecondary",optionFillHover:"surfaceSecondary",optionSelectedIconFillIcon:"successItemPrimary",optionTextColor:"surfaceTextPrimary",optionTextColorActive:"accentTextPrimary",optionTextColorDisabled:"surfaceTextQuaternary",placeholderTextColor:"surfaceTextQuaternary"},...{sizeXL:{size:"xl",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:f.Action.Clear,dividerSize:"xxs",dropdownIcon:f.Arrow.ChevronDownSmall,groupTextSize:"m",headingTextWeight:"600",inputTextSize:"m",menuItemSize:"l",multipleItemIcon:C.Action.Close,multipleItemTextSize:"s",noOptionsTextSize:"s",optionSelectedIcon:C.Form.Check,optionTextSize:"m",placeholderTextSize:"m"},sizeL:{size:"l",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:f.Action.Clear,dividerSize:"xxs",dropdownIcon:f.Arrow.ChevronDownSmall,groupTextSize:"m",headingTextWeight:"600",inputTextSize:"m",menuItemSize:"l",multipleItemIcon:C.Action.Close,multipleItemTextSize:"s",noOptionsTextSize:"m",optionSelectedIcon:C.Form.Check,optionTextSize:"m",placeholderTextSize:"m"},sizeM:{size:"m",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:f.Action.Clear,dividerSize:"xxs",dropdownIcon:f.Arrow.ChevronDownSmall,groupTextSize:"m",inputTextSize:"m",loadingMessageTextSize:"m",menuItemSize:"l",multipleItemIcon:g.Action.Close,multipleItemTextSize:"xs",noOptionsTextSize:"m",optionSelectedIcon:g.Form.Check,optionTextSize:"m",placeholderTextSize:"m"},sizeS:{size:"s",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:f.Action.Clear,dividerSize:"xxs",dropdownIcon:f.Arrow.ChevronDownSmall,groupTextSize:"m",headingTextWeight:"600",inputTextSize:"s",menuItemSize:"l",multipleItemIcon:g.Action.Close,multipleItemTextSize:"xs",noOptionsTextSize:"s",optionSelectedIcon:g.Form.Check,optionTextSize:"s",placeholderTextSize:"s"},sizeXS:{size:"xs",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:C.Action.Clear,dividerSize:"xxs",dropdownIcon:C.Arrow.ChevronDownSmall,groupTextSize:"m",headingTextWeight:"600",inputTextSize:"xs",menuItemSize:"l",multipleItemIcon:I.Action.Close,multipleItemTextSize:"xxs",noOptionsTextSize:"xs",optionTextSize:"xs",placeholderTextSize:"xs"},sizeXXS:{size:"xxs",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:C.Action.Clear,dividerSize:"xxs",dropdownIcon:C.Arrow.ChevronDownSmall,groupTextSize:"m",headingTextWeight:"600",inputTextSize:"xs",menuItemSize:"l",multipleItemIcon:I.Action.Close,multipleItemTextSize:"xxs",noOptionsTextSize:"xs",optionTextSize:"xs",placeholderTextSize:"xs"}},errorPrimary:{fill:"errorTertiary",fillHover:"errorTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderQuaternary",elevation:8,badgeAppearance:"accentPrimary solid circular",clearIconFill:"surfaceItemQuaternary",dropdownIconFill:"surfaceItemQuaternary",groupFill:"surfaceSecondary",groupTextColor:"surfaceTextPrimary",groupTextWeight:"600",inputCaretColor:"accentPrimary",inputTextColor:"surfaceTextPrimary",loaderAppearance:"accentPrimary sizeS ghost",loadingMessageTextColor:"surfaceTextPrimary",menuFill:"surfacePrimary",multipleItemFill:"accentPrimary",multipleItemFillHover:"accentSecondary",multipleItemIconFill:"accentItemPrimary",multipleItemTextColor:"accentTextPrimary",noOptionsTextColor:"surfaceTextPrimary",optionBorder:"none",optionFill:"surfacePrimary",optionFillActive:"accentPrimary",optionFillActiveHover:"accentSecondary",optionFillDisabled:"surfaceSecondary",optionFillHover:"surfaceSecondary",optionSelectedIconFillIcon:"successItemPrimary",optionTextColor:"surfaceTextPrimary",optionTextColorActive:"accentTextPrimary",optionTextColorDisabled:"surfaceTextQuaternary",placeholderTextColor:"surfaceTextQuaternary"},rounded:{multipleItemShapeRadius:"1m",shape:"rounded"},roundedXL:{multipleItemShapeRadius:"1m",shape:"rounded"},roundedL:{multipleItemShapeRadius:"1m",shape:"rounded"},roundedM:{multipleItemShapeRadius:"1m",shape:"rounded"},roundedS:{multipleItemShapeRadius:"1m",shape:"rounded"},solid:{borderColor:"none",borderColorHover:"none"},outlined:{fill:"none",fillHover:"none"},full:{},ghost:{fill:"none",borderColor:"none",borderColorHover:"none"}},b=t=>{const{before:i,after:l}=t.selectProps;return o(r.Fragment,{children:[i,e(c.Control,{...t,className:a("select__control")}),l]})},P=o=>{const{children:r}=o,{dropdownFillHover:t,dropdownIcon:i,dropdownIconFill:l,dropdownIconShape:a}=o.selectProps;return e(c.DropdownIndicator,{...o,children:i?e(m,{fillHover:t,iconFill:l,shape:a,SvgImage:i}):r})},A=o=>{const{groupFill:r,groupTextColor:t,groupTextSize:i,groupTextWeight:l}=o.selectProps;return e(c.GroupHeading,{...o,className:a("select__menu-group-heading",r&&`fill_${r}`),children:e(x,{size:i,textColor:t,textWeight:l,children:o.data.label})})},_=r=>{const{badgeAppearance:t,badgeSize:i,badgeTextSize:l,showBadge:a,value:n}=r.selectProps;return o(c.IndicatorsContainer,{...r,children:[a&&n&&n?.length>0?e(T,{appearance:t,size:i,textSize:l,value:n.length.toString()}):null,r.children]})},w=o=>{const{inputCaretColor:r,inputTextColor:t,inputTextSize:i}=o.selectProps;return e(c.Input,{...o,className:a(i&&`text_size_${i}`,t&&`text-color_${t}`,r&&`caret-color_${r}`)})},H=o=>{const{loaderAppearance:r,isLoading:t}=o.selectProps;return t&&e(h,{appearance:r})},M=t=>{const{elevation:i,menuAfter:l,menuBefore:n,menuFill:s,menuShape:p}=t.selectProps;return o(c.Menu,{...t,className:a(s&&`fill_${s}`,p&&`shape_${p}`,i&&`elevation_${i}`),children:[n,t.selectProps.fetchingData?e("span",{className:"fetching",children:"Fetching data..."}):e(r.Fragment,{children:t.children}),l]})},D=o=>{const{badgeAppearance:r,badgeAppearanceSize:t,overflowItemsList:i}=o,l=`+${i.length}`;return e(T,{appearance:z(r,t),className:"select__multi-value-badge",value:l})},B=o=>{const{index:r,selectProps:t,getValue:i}=o,l=t.multiValueMaxCount||100,a=i().slice(l).map(e=>e.label);return r<l?e(c.MultiValue,{...o}):r===l?e(D,{badgeAppearance:t.badgeAppearance,badgeAppearanceSize:t.badgeAppearanceSize,overflowItemsList:a}):null},O=o=>{const{multipleItemFill:r,multipleItemFillHover:t,multipleItemShapeRadius:i}=o.selectProps;return e(c.MultiValueContainer,{...o,children:e(u,{className:a("select__multi-value-item"),direction:"horizontal",alignItems:"center",fill:r,fillHover:t,borderRadius:i,gap:"0.5m",children:o.children})})},$=o=>{const{multipleItemTextColor:r,multipleItemTextSize:t}=o.selectProps;return e(c.MultiValueLabel,{...o,children:o.data&&e(x,{size:t,textColor:r,children:o.data.label})})},Q=o=>{const{multipleItemIcon:r,multipleItemIconFill:t}=o.selectProps;return e(c.MultiValueRemove,{...o,children:e(m,{iconFill:t,SvgImage:r})})},V=o=>{const{inputValue:r,noOptionsSearchText:t,noOptionsText:i,noOptionsTextColor:l,noOptionsTextSize:n,optionFill:s}=o.selectProps;return e(c.NoOptionsMessage,{...o,className:a(s&&`fill_${s}`),children:e(u,{textAlign:"center",children:e(x,{size:n,textColor:l,children:r&&t?t:i})})})},L=r=>{const{label:t,isSelected:i}=r,{dividerDirection:l,dividerFill:n,dividerSize:s,menuItemSize:p,optionAfter:d,optionBefore:u,optionBorder:T,optionBorderType:I,optionFill:C,optionFillActive:g,optionFillActiveDisabled:f,optionFillActiveHover:h,optionFillDisabled:z,optionFillHover:y,optionSelectedIcon:v,optionSelectedIconFillIcon:F,optionSelectedIconSize:b,optionSelectedIconSrc:P,optionShape:A,optionTextColor:_,optionTextColorActive:w,optionTextColorDisabled:H,optionTextSize:M,showDivider:D}=r.selectProps;return o(c.Option,{...r,className:a("select__menu-list-item",i||r.isSelected?r.isDisabled?f&&`fill_active_disabled_${f}`:g&&`fill_active_${g}`:r.isDisabled?z&&`fill_${z}`:C&&`fill_${C}`,(i||r.isSelected)&&!r.isDisabled&&h&&`fill_active_hover_${h}`,!i&&!r.isSelected&&!r.isDisabled&&y&&`fill_hover_${y}`,i&&"select__menu-list-item_state_selected",p&&`select__menu-list-item_size_${p}`,T&&`border-color_${T}`,I&&`border_type_${I}`,A&&`shape_${A}`),children:[u,e(x,{className:"select__menu-list-item_option",size:M,textColor:_,textColorActive:w,textColorDisabled:H,isActive:r.isSelected||i,isDisabled:r.isDisabled,children:t}),(i||r.isSelected)&&e("div",{className:"select__menu-list-item_selected",children:e(m,{iconFill:F,iconSize:b,imageSrc:P,SvgImage:v})}),d,D&&e(S,{width:"fill",direction:l,size:s,fill:n})]})},N=o=>{const{placeholderTextColor:r,placeholderTextSize:t}=o.selectProps;return e(c.Placeholder,{...o,children:e(x,{size:t,textColor:r,children:o.children})})},W=r=>{const{data:t,children:i}=r,{inputTextColor:l,inputTextSize:a}=r.selectProps,n=t.optionBefore,s=t.optionBefore;return o(c.SingleValue,{...r,children:[t&&n,e(x,{size:a,textColor:l,textTruncate:!0,children:i}),t&&s]})},R=e=>{const{inputAfter:r,inputBefore:t}=e.selectProps;return o(c.ValueContainer,{...e,children:[t,e.children,r]})},k={appearance:F,setAppearance:e=>{k.appearance=e}},j=r.forwardRef(function(o,r){const{appearance:c="",className:u,dataTestId:m,dataTour:x,width:T,minWidth:S,initialValue:I,badgeSize:C,defaultValue:g,dividerDirection:f,filterOption:h,hideSelectedOptions:z,hideValueContainer:F,inputAfter:D,inputBefore:j,instanceId:X,loadingMessageText:G,menuAfter:E,menuBefore:q,menuIsOpen:J,menuItemSize:K,multiValueMaxCount:U,noOptionsSearchText:Y,noOptionsText:Z,optionAfter:ee,optionBefore:oe,options:re,placeholder:te,showBadge:ie,showDivider:le,value:ae,before:ne,after:ce,openMenuOnClick:se,closeMenuOnSelect:pe,isDisabled:de,isSkeleton:ue,isClearable:me,isCreatable:xe,isLoading:Te,isMulti:Se,isSearchable:Ie,set:Ce,onChange:ge,onInputChange:fe}=o,he=t(null),ze=r||he,ye=xe?s:n;i(()=>{const e=e=>{const o=e.target,r=o&&o.classList.contains("select_state_hide-value-container");if("current"in ze&&ze.current&&ze.current.controlRef){const t=ze.current.controlRef.contains(o);r||t||ze.current?.onInputBlur(e)}};return F&&document.addEventListener("click",e),()=>{F&&document.removeEventListener("click",e)}},[F,ze]);const ve=l(()=>new Proxy({container:{width:T,minWidth:S}},{get:(e,o)=>o in e?()=>e[o]:()=>{}}),[S,T]),Fe=p(c,k,de),be=d(o,Fe),{fillClass:Pe,fillHoverClass:Ae,borderColorClass:_e,borderColorHoverClass:we,elevation:He,badgeAppearance:Me,badgeAppearanceSize:De,badgeTextSize:Be,clearIcon:Oe,clearIconFill:$e,dividerFill:Qe,dividerSize:Ve,dropdownFillHover:Le,dropdownIcon:Ne,dropdownIconFill:We,dropdownIconShape:Re,groupFillClass:ke,groupTextColorClass:je,groupTextSizeClass:Xe,groupTextWeightClass:Ge,inputCaretColorClass:Ee,inputTextColorClass:qe,inputTextSizeClass:Je,loaderAppearance:Ke,loadingMessageTextColor:Ue,loadingMessageTextSize:Ye,menuFillClass:Ze,multipleItemFill:eo,multipleItemFillHover:oo,multipleItemIcon:ro,multipleItemIconFill:to,multipleItemShapeRadius:io,multipleItemTextColorClass:lo,multipleItemTextSizeClass:ao,noOptionsTextColorClass:no,noOptionsTextSizeClass:co,optionBorderClass:so,optionBorderTypeClass:po,optionFillActiveClass:uo,optionFillActiveDisabledClass:mo,optionFillActiveHoverClass:xo,optionFillClass:To,optionFillDisabledClass:So,optionFillHoverClass:Io,optionSelectedIcon:Co,optionSelectedIconFillIcon:go,optionSelectedIconSize:fo,optionSelectedIconSrc:ho,optionTextColorActiveClass:zo,optionTextColorClass:yo,optionTextColorDisabled:vo,optionTextSizeClass:Fo,placeholderTextColor:bo,placeholderTextSize:Po,shapeClass:Ao,sizeClass:_o,widthClass:wo}=be;return e(ye,{className:a(u,"select",Se&&"select_multi",Ao&&`shape_${Ao}`,Pe&&`fill_${Pe}`,Ae&&`fill_hover_${Ae}`,_e&&`border-color_${_e}`,we&&`border-color_hover_${we}`,_o&&`select_size_${_o}`,F&&"select_state_hide-value-container",Ce&&`select_set_${Ce}`,wo&&`select_width_${wo}`,ue&&"skeleton"),ref:ze,elevation:He,badgeAppearance:Me,badgeAppearanceSize:De,badgeSize:C,badgeTextSize:Be,classNamePrefix:"select",clearIcon:Oe,clearIconFill:$e,components:{IndicatorSeparator:()=>null,ClearIndicator:y,Control:b,DropdownIndicator:P,GroupHeading:A,IndicatorsContainer:_,Input:w,LoadingIndicator:H,LoadingMessage:v,Menu:M,MultiValue:B,MultiValueContainer:O,MultiValueLabel:$,MultiValueRemove:Q,NoOptionsMessage:V,Option:L,Placeholder:N,SingleValue:W,ValueContainer:R},"data-testid":m,"data-tour":x,defaultValue:g||I,dividerDirection:f,dividerFill:Qe,dividerSize:Ve,dropdownFillHover:Le,dropdownIcon:Ne,dropdownIconFill:We,dropdownIconShape:Re,filterOption:h,groupFill:ke,groupTextColor:je,groupTextSize:Xe,groupTextWeight:Ge,hideSelectedOptions:z??!1,inputAfter:D,inputBefore:j,inputCaretColor:Ee,inputShape:Ao,inputTextColor:qe,inputTextSize:Je,instanceId:X,loaderAppearance:Ke,loadingMessageText:G,loadingMessageTextColor:Ue,loadingMessageTextSize:Ye,menuAfter:E,menuBefore:q,menuFill:Ze,menuIsOpen:J,menuItemSize:K,menuShape:Ao,multipleItemFill:eo,multipleItemFillHover:oo,multipleItemIcon:ro,multipleItemIconFill:to,multipleItemShapeRadius:io,multipleItemSize:_o,multipleItemTextColor:lo,multipleItemTextSize:ao,multiValueMaxCount:U,noOptionBorder:so&&`border-color_${so}`,noOptionBorderType:po&&`border_type_${po}`,noOptionsFill:To&&`fill_${To}`,noOptionsSearchText:Y,noOptionsText:Z,noOptionsTextColor:no,noOptionsTextSize:co,optionAfter:ee,optionBefore:oe,optionBorder:so,optionBorderType:po,optionFill:To,optionFillActive:uo,optionFillActiveDisabledClass:mo,optionFillActiveHover:xo,optionFillDisabled:So,optionFillHover:Io,options:re,optionSelectedIcon:Co,optionSelectedIconFillIcon:go,optionSelectedIconSize:fo,optionSelectedIconSrc:ho,optionShape:Ao,optionTextColor:yo,optionTextColorActive:zo,optionTextColorDisabled:vo,optionTextSize:Fo,placeholder:te,placeholderTextColor:bo,placeholderTextSize:Po,showBadge:ie,showDivider:le,styles:ve,value:ae,before:ne,after:ce,openMenuOnClick:se,closeMenuOnSelect:pe??!0,isDisabled:de,isClearable:me??!1,isLoading:Te,isMulti:Se??!1,isSearchable:Ie??!1,set:Ce,onChange:ge,onInputChange:fe})});export{j as S,y as a,b,P as c,A as d,_ as e,w as f,M as g,O as h,$ as i,Q as j,L as k,N as l,W as m,R as n,k as s};
|
|
1
|
+
import{jsx as e,jsxs as o}from"react/jsx-runtime";import r,{useRef as t,useEffect as i,useMemo as l}from"react";import a from"clsx";import n,{components as c}from"react-select";import s from"react-select/creatable";import{useAppearanceConfig as p,useDevicePropsGenerator as d}from"@itcase/ui-core/hooks";import{G as u}from"./Group_es_DIuSNHx3.js";import{I as m,a as x,B as T,D as S}from"./primitives_es_BkqjUVO-.js";import{e as I,i as C,b as g,a as f}from"./default_es_C4dY1Dqw.js";import{L as h}from"./Loader_es_BpHMMwc0.js";import{mergeAppearanceKeys as z}from"@itcase/ui-core/utils";const y=o=>{const{children:r}=o,{clearIcon:t,clearIconFill:i}=o.selectProps;return e(c.ClearIndicator,{...o,children:t?e(m,{iconFill:i,SvgImage:t}):r})},v=o=>{const{loadingMessageText:r,loadingMessageTextColor:t,loadingMessageTextSize:i}=o.selectProps;return e(u,{textAlign:"center",children:e(x,{size:i,textColor:t,children:r})})},F={requirePrimary:{fill:"warningTertiary",fillHover:"warningTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderQuaternary",elevation:8,badgeAppearance:"accentPrimary solid circular",clearIconFill:"surfaceItemQuaternary",dropdownIconFill:"surfaceItemQuaternary",groupFill:"surfaceSecondary",groupTextColor:"surfaceTextPrimary",groupTextWeight:"600",inputCaretColor:"accentPrimary",inputTextColor:"surfaceTextPrimary",loaderAppearance:"accentPrimary sizeS ghost",loadingMessageTextColor:"surfaceTextPrimary",menuFill:"surfacePrimary",multipleItemFill:"accentPrimary",multipleItemFillHover:"accentSecondary",multipleItemIconFill:"accentItemPrimary",multipleItemTextColor:"accentTextPrimary",noOptionsTextColor:"surfaceTextPrimary",optionBorder:"none",optionFill:"surfacePrimary",optionFillActive:"accentPrimary",optionFillActiveHover:"accentSecondary",optionFillDisabled:"surfaceSecondary",optionFillHover:"surfaceSecondary",optionSelectedIconFillIcon:"successItemPrimary",optionTextColor:"surfaceTextPrimary",optionTextColorActive:"accentTextPrimary",optionTextColorDisabled:"surfaceTextQuaternary",placeholderTextColor:"surfaceTextQuaternary"},defaultPrimary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderQuaternary",elevation:8,badgeAppearance:"accentPrimary solid circular",clearIconFill:"surfaceItemQuaternary",dropdownIconFill:"surfaceItemQuaternary",groupFill:"surfaceSecondary",groupTextColor:"surfaceTextPrimary",groupTextWeight:"600",inputCaretColor:"accentPrimary",inputTextColor:"surfaceTextPrimary",loaderAppearance:"accentPrimary sizeS ghost",loadingMessageTextColor:"surfaceTextPrimary",menuFill:"surfacePrimary",multipleItemFill:"accentPrimary",multipleItemFillHover:"accentSecondary",multipleItemIconFill:"accentItemPrimary",multipleItemTextColor:"accentTextPrimary",noOptionsTextColor:"surfaceTextPrimary",optionBorder:"none",optionFill:"surfacePrimary",optionFillActive:"accentPrimary",optionFillActiveHover:"accentSecondary",optionFillDisabled:"surfaceSecondary",optionFillHover:"surfaceHoverSecondary",optionSelectedIconFillIcon:"successItemPrimary",optionTextColor:"surfaceTextPrimary",optionTextColorActive:"accentTextPrimary",optionTextColorDisabled:"surfaceTextQuaternary",placeholderTextColor:"surfaceTextQuaternary"},disabledPrimary:{elevation:8,badgeAppearance:"accentPrimary solid circular",clearIconFill:"surfaceItemQuaternary",dropdownIconFill:"surfaceItemQuaternary",headingFill:"surfaceSecondary",headingTextColor:"surfaceTextPrimary",inputBorderColor:"surfaceBorderTertiary",inputBorderColorHover:"surfaceBorderQuaternary",inputCaretColor:"extraPrimary",inputFill:"surfaceDisabled",inputShape:"rounded",inputTextColor:"surfaceTextPrimary",multipleItemFill:"accentPrimary",multipleItemFillHover:"surfaceHoverPrimary",multipleItemIconFill:"accentItemPrimary",multipleItemTextColor:"accentTextPrimary",noOptionsTextColor:"surfaceTextPrimary",optionBorder:"none",optionFill:"surfacePrimary",optionFillHover:"surfaceSecondary",optionShape:"rounded",optionTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},successPrimary:{fill:"successTertiary",fillHover:"successTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderQuaternary",elevation:8,badgeAppearance:"accentPrimary solid circular",clearIconFill:"surfaceItemQuaternary",dropdownIconFill:"surfaceItemQuaternary",groupFill:"surfaceSecondary",groupTextColor:"surfaceTextPrimary",groupTextWeight:"600",inputCaretColor:"accentPrimary",inputTextColor:"surfaceTextPrimary",loaderAppearance:"accentPrimary sizeS ghost",loadingMessageTextColor:"surfaceTextPrimary",menuFill:"surfacePrimary",multipleItemFill:"accentPrimary",multipleItemFillHover:"accentSecondary",multipleItemIconFill:"accentItemPrimary",multipleItemTextColor:"accentTextPrimary",noOptionsTextColor:"surfaceTextPrimary",optionBorder:"none",optionFill:"surfacePrimary",optionFillActive:"accentPrimary",optionFillActiveHover:"accentSecondary",optionFillDisabled:"surfaceSecondary",optionFillHover:"surfaceSecondary",optionSelectedIconFillIcon:"successItemPrimary",optionTextColor:"surfaceTextPrimary",optionTextColorActive:"accentTextPrimary",optionTextColorDisabled:"surfaceTextQuaternary",placeholderTextColor:"surfaceTextQuaternary"},...{sizeXL:{size:"xl",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:f.Action.Clear,dividerSize:"xxs",dropdownIcon:f.Arrow.ChevronDownSmall,groupTextSize:"m",headingTextWeight:"600",inputTextSize:"m",menuItemSize:"l",multipleItemIcon:C.Action.Close,multipleItemTextSize:"s",noOptionsTextSize:"s",optionSelectedIcon:C.Form.Check,optionTextSize:"m",placeholderTextSize:"m"},sizeL:{size:"l",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:f.Action.Clear,dividerSize:"xxs",dropdownIcon:f.Arrow.ChevronDownSmall,groupTextSize:"m",headingTextWeight:"600",inputTextSize:"m",menuItemSize:"l",multipleItemIcon:C.Action.Close,multipleItemTextSize:"s",noOptionsTextSize:"m",optionSelectedIcon:C.Form.Check,optionTextSize:"m",placeholderTextSize:"m"},sizeM:{size:"m",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:f.Action.Clear,dividerSize:"xxs",dropdownIcon:f.Arrow.ChevronDownSmall,groupTextSize:"m",inputTextSize:"m",loadingMessageTextSize:"m",menuItemSize:"l",multipleItemIcon:g.Action.Close,multipleItemTextSize:"xs",noOptionsTextSize:"m",optionSelectedIcon:g.Form.Check,optionTextSize:"m",placeholderTextSize:"m"},sizeS:{size:"s",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:f.Action.Clear,dividerSize:"xxs",dropdownIcon:f.Arrow.ChevronDownSmall,groupTextSize:"m",headingTextWeight:"600",inputTextSize:"s",menuItemSize:"l",multipleItemIcon:g.Action.Close,multipleItemTextSize:"xs",noOptionsTextSize:"s",optionSelectedIcon:g.Form.Check,optionTextSize:"s",placeholderTextSize:"s"},sizeXS:{size:"xs",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:C.Action.Clear,dividerSize:"xxs",dropdownIcon:C.Arrow.ChevronDownSmall,groupTextSize:"m",headingTextWeight:"600",inputTextSize:"xs",menuItemSize:"l",multipleItemIcon:I.Action.Close,multipleItemTextSize:"xxs",noOptionsTextSize:"xs",optionTextSize:"xs",placeholderTextSize:"xs"},sizeXXS:{size:"xxs",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:C.Action.Clear,dividerSize:"xxs",dropdownIcon:C.Arrow.ChevronDownSmall,groupTextSize:"m",headingTextWeight:"600",inputTextSize:"xs",menuItemSize:"l",multipleItemIcon:I.Action.Close,multipleItemTextSize:"xxs",noOptionsTextSize:"xs",optionTextSize:"xs",placeholderTextSize:"xs"}},errorPrimary:{fill:"errorTertiary",fillHover:"errorTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderQuaternary",elevation:8,badgeAppearance:"accentPrimary solid circular",clearIconFill:"surfaceItemQuaternary",dropdownIconFill:"surfaceItemQuaternary",groupFill:"surfaceSecondary",groupTextColor:"surfaceTextPrimary",groupTextWeight:"600",inputCaretColor:"accentPrimary",inputTextColor:"surfaceTextPrimary",loaderAppearance:"accentPrimary sizeS ghost",loadingMessageTextColor:"surfaceTextPrimary",menuFill:"surfacePrimary",multipleItemFill:"accentPrimary",multipleItemFillHover:"accentSecondary",multipleItemIconFill:"accentItemPrimary",multipleItemTextColor:"accentTextPrimary",noOptionsTextColor:"surfaceTextPrimary",optionBorder:"none",optionFill:"surfacePrimary",optionFillActive:"accentPrimary",optionFillActiveHover:"accentSecondary",optionFillDisabled:"surfaceSecondary",optionFillHover:"surfaceSecondary",optionSelectedIconFillIcon:"successItemPrimary",optionTextColor:"surfaceTextPrimary",optionTextColorActive:"accentTextPrimary",optionTextColorDisabled:"surfaceTextQuaternary",placeholderTextColor:"surfaceTextQuaternary"},rounded:{multipleItemShapeRadius:"1m",shape:"rounded"},roundedXL:{multipleItemShapeRadius:"1m",shape:"rounded"},roundedL:{multipleItemShapeRadius:"1m",shape:"rounded"},roundedM:{multipleItemShapeRadius:"1m",shape:"rounded"},roundedS:{multipleItemShapeRadius:"1m",shape:"rounded"},solid:{borderColor:"none",borderColorHover:"none"},outlined:{fill:"none",fillHover:"none"},full:{},ghost:{fill:"none",borderColor:"none",borderColorHover:"none"}},b=t=>{const{before:i,after:l}=t.selectProps;return o(r.Fragment,{children:[i,e(c.Control,{...t,className:a("select__control")}),l]})},P=o=>{const{children:r}=o,{dropdownFillHover:t,dropdownIcon:i,dropdownIconFill:l,dropdownIconShape:a}=o.selectProps;return e(c.DropdownIndicator,{...o,children:i?e(m,{fillHover:t,iconFill:l,shape:a,SvgImage:i}):r})},A=o=>{const{groupFill:r,groupTextColor:t,groupTextSize:i,groupTextWeight:l}=o.selectProps;return e(c.GroupHeading,{...o,className:a("select__menu-group-heading",r&&`fill_${r}`),children:e(x,{size:i,textColor:t,textWeight:l,children:o.data.label})})},_=r=>{const{badgeAppearance:t,badgeSize:i,badgeTextSize:l,showBadge:a,value:n}=r.selectProps;return o(c.IndicatorsContainer,{...r,children:[a&&n&&n?.length>0?e(T,{appearance:t,size:i,textSize:l,value:n.length.toString()}):null,r.children]})},w=o=>{const{inputCaretColor:r,inputTextColor:t,inputTextSize:i}=o.selectProps;return e(c.Input,{...o,className:a(i&&`text_size_${i}`,t&&`text-color_${t}`,r&&`caret-color_${r}`)})},H=o=>{const{loaderAppearance:r,isLoading:t}=o.selectProps;return t&&e(h,{appearance:r})},M=t=>{const{elevation:i,menuAfter:l,menuBefore:n,menuFill:s,menuShape:p}=t.selectProps;return o(c.Menu,{...t,className:a(s&&`fill_${s}`,p&&`shape_${p}`,i&&`elevation_${i}`),children:[n,t.selectProps.fetchingData?e("span",{className:"fetching",children:"Fetching data..."}):e(r.Fragment,{children:t.children}),l]})},D=o=>{const{badgeAppearance:r,badgeAppearanceSize:t,overflowItemsList:i}=o,l=`+${i.length}`;return e(T,{appearance:z(r,t),className:"select__multi-value-badge",value:l})},B=o=>{const{index:r,selectProps:t,getValue:i}=o,l=t.multiValueMaxCount||100,a=i().slice(l).map(e=>e.label);return r<l?e(c.MultiValue,{...o}):r===l?e(D,{badgeAppearance:t.badgeAppearance,badgeAppearanceSize:t.badgeAppearanceSize,overflowItemsList:a}):null},O=o=>{const{multipleItemFill:r,multipleItemFillHover:t,multipleItemShapeRadius:i}=o.selectProps;return e(c.MultiValueContainer,{...o,children:e(u,{className:a("select__multi-value-item"),direction:"horizontal",alignItems:"center",fill:r,fillHover:t,borderRadius:i,gap:"0.5m",children:o.children})})},$=o=>{const{multipleItemTextColor:r,multipleItemTextSize:t}=o.selectProps;return e(c.MultiValueLabel,{...o,children:o.data&&e(x,{size:t,textColor:r,children:o.data.label})})},Q=o=>{const{multipleItemIcon:r,multipleItemIconFill:t}=o.selectProps;return e(c.MultiValueRemove,{...o,children:e(m,{iconFill:t,SvgImage:r})})},V=o=>{const{inputValue:r,noOptionsSearchText:t,noOptionsText:i,noOptionsTextColor:l,noOptionsTextSize:n,optionFill:s}=o.selectProps;return e(c.NoOptionsMessage,{...o,className:a(s&&`fill_${s}`),children:e(u,{textAlign:"center",children:e(x,{size:n,textColor:l,children:r&&t?t:i})})})},L=r=>{const{label:t,isSelected:i}=r,{dividerDirection:l,dividerFill:n,dividerSize:s,menuItemSize:p,optionAfter:d,optionBefore:u,optionBorder:T,optionBorderType:I,optionFill:C,optionFillActive:g,optionFillActiveDisabled:f,optionFillActiveHover:h,optionFillDisabled:z,optionFillHover:y,optionSelectedIcon:v,optionSelectedIconFillIcon:F,optionSelectedIconSize:b,optionSelectedIconSrc:P,optionShape:A,optionTextColor:_,optionTextColorActive:w,optionTextColorDisabled:H,optionTextSize:M,showDivider:D}=r.selectProps;return o(c.Option,{...r,className:a("select__menu-list-item",i||r.isSelected?r.isDisabled?f&&`fill_active_disabled_${f}`:g&&`fill_active_${g}`:r.isDisabled?z&&`fill_${z}`:C&&`fill_${C}`,(i||r.isSelected)&&!r.isDisabled&&h&&`fill_active_hover_${h}`,!i&&!r.isSelected&&!r.isDisabled&&y&&`fill_hover_${y}`,i&&"select__menu-list-item_state_selected",p&&`select__menu-list-item_size_${p}`,T&&`border-color_${T}`,I&&`border_type_${I}`,A&&`shape_${A}`),children:[u,e(x,{className:"select__menu-list-item_option",size:M,textColor:_,textColorActive:w,textColorDisabled:H,isActive:r.isSelected||i,isDisabled:r.isDisabled,children:t}),(i||r.isSelected)&&e("div",{className:"select__menu-list-item_selected",children:e(m,{iconFill:F,iconSize:b,imageSrc:P,SvgImage:v})}),d,D&&e(S,{width:"fill",direction:l,size:s,fill:n})]})},N=o=>{const{placeholderTextColor:r,placeholderTextSize:t}=o.selectProps;return e(c.Placeholder,{...o,children:e(x,{size:t,textColor:r,children:o.children})})},W=r=>{const{data:t,children:i}=r,{inputTextColor:l,inputTextSize:a}=r.selectProps,n=t.optionBefore,s=t.optionBefore;return o(c.SingleValue,{...r,children:[t&&n,e(x,{size:a,textColor:l,textTruncate:!0,children:i}),t&&s]})},R=e=>{const{inputAfter:r,inputBefore:t}=e.selectProps;return o(c.ValueContainer,{...e,children:[t,e.children,r]})},k={appearance:F,setAppearance:e=>{k.appearance=e}},j=r.forwardRef(function(o,r){const{appearance:c="",className:u,dataTestId:m,dataTour:x,width:T,minWidth:S,initialValue:I,badgeSize:C,defaultValue:g,dividerDirection:f,filterOption:h,hideSelectedOptions:z,hideValueContainer:F,inputAfter:D,inputBefore:j,instanceId:X,loadingMessageText:G,menuAfter:E,menuBefore:q,menuIsOpen:J,menuItemSize:K,multiValueMaxCount:U,noOptionsSearchText:Y,noOptionsText:Z,optionAfter:ee,optionBefore:oe,options:re,placeholder:te,showBadge:ie,showDivider:le,value:ae,before:ne,after:ce,openMenuOnClick:se,closeMenuOnSelect:pe,isDisabled:de,isSkeleton:ue,isClearable:me,isCreatable:xe,isLoading:Te,isMulti:Se,isSearchable:Ie,set:Ce,onChange:ge,onInputChange:fe}=o,he=t(null),ze=r||he,ye=xe?s:n;i(()=>{const e=e=>{const o=e.target,r=o&&o.classList.contains("select_state_hide-value-container");if("current"in ze&&ze.current&&ze.current.controlRef){const t=ze.current.controlRef.contains(o);r||t||ze.current?.onInputBlur(e)}};return F&&document.addEventListener("click",e),()=>{F&&document.removeEventListener("click",e)}},[F,ze]);const ve=l(()=>new Proxy({container:{width:T,minWidth:S}},{get:(e,o)=>o in e?()=>e[o]:()=>{}}),[S,T]),Fe=p(c,k,de),be=d(o,Fe),{fillClass:Pe,fillHoverClass:Ae,borderColorClass:_e,borderColorHoverClass:we,elevation:He,badgeAppearance:Me,badgeAppearanceSize:De,badgeTextSize:Be,clearIcon:Oe,clearIconFill:$e,dividerFill:Qe,dividerSize:Ve,dropdownFillHover:Le,dropdownIcon:Ne,dropdownIconFill:We,dropdownIconShape:Re,groupFillClass:ke,groupTextColorClass:je,groupTextSizeClass:Xe,groupTextWeightClass:Ge,inputCaretColorClass:Ee,inputTextColorClass:qe,inputTextSizeClass:Je,loaderAppearance:Ke,loadingMessageTextColor:Ue,loadingMessageTextSize:Ye,menuFillClass:Ze,multipleItemFill:eo,multipleItemFillHover:oo,multipleItemIcon:ro,multipleItemIconFill:to,multipleItemShapeRadius:io,multipleItemTextColorClass:lo,multipleItemTextSizeClass:ao,noOptionsTextColorClass:no,noOptionsTextSizeClass:co,optionBorderClass:so,optionBorderTypeClass:po,optionFillActiveClass:uo,optionFillActiveDisabledClass:mo,optionFillActiveHoverClass:xo,optionFillClass:To,optionFillDisabledClass:So,optionFillHoverClass:Io,optionSelectedIcon:Co,optionSelectedIconFillIcon:go,optionSelectedIconSize:fo,optionSelectedIconSrc:ho,optionTextColorActiveClass:zo,optionTextColorClass:yo,optionTextColorDisabled:vo,optionTextSizeClass:Fo,placeholderTextColor:bo,placeholderTextSize:Po,shapeClass:Ao,sizeClass:_o,widthClass:wo}=be;return e(ye,{className:a(u,"select",Se&&"select_multi",Ao&&`shape_${Ao}`,Pe&&`fill_${Pe}`,Ae&&`fill_hover_${Ae}`,_e&&`border-color_${_e}`,we&&`border-color_hover_${we}`,_o&&`select_size_${_o}`,F&&"select_state_hide-value-container",Ce&&`select_set_${Ce}`,wo&&`select_width_${wo}`,ue&&"skeleton"),ref:ze,elevation:He,badgeAppearance:Me,badgeAppearanceSize:De,badgeSize:C,badgeTextSize:Be,classNamePrefix:"select",clearIcon:Oe,clearIconFill:$e,components:{IndicatorSeparator:()=>null,ClearIndicator:y,Control:b,DropdownIndicator:P,GroupHeading:A,IndicatorsContainer:_,Input:w,LoadingIndicator:H,LoadingMessage:v,Menu:M,MultiValue:B,MultiValueContainer:O,MultiValueLabel:$,MultiValueRemove:Q,NoOptionsMessage:V,Option:L,Placeholder:N,SingleValue:W,ValueContainer:R},"data-testid":m,"data-tour":x,defaultValue:g||I,dividerDirection:f,dividerFill:Qe,dividerSize:Ve,dropdownFillHover:Le,dropdownIcon:Ne,dropdownIconFill:We,dropdownIconShape:Re,filterOption:h,groupFill:ke,groupTextColor:je,groupTextSize:Xe,groupTextWeight:Ge,hideSelectedOptions:z??!1,inputAfter:D,inputBefore:j,inputCaretColor:Ee,inputShape:Ao,inputTextColor:qe,inputTextSize:Je,instanceId:X,loaderAppearance:Ke,loadingMessageText:G,loadingMessageTextColor:Ue,loadingMessageTextSize:Ye,menuAfter:E,menuBefore:q,menuFill:Ze,menuIsOpen:J,menuItemSize:K,menuShape:Ao,multipleItemFill:eo,multipleItemFillHover:oo,multipleItemIcon:ro,multipleItemIconFill:to,multipleItemShapeRadius:io,multipleItemSize:_o,multipleItemTextColor:lo,multipleItemTextSize:ao,multiValueMaxCount:U,noOptionBorder:so&&`border-color_${so}`,noOptionBorderType:po&&`border_type_${po}`,noOptionsFill:To&&`fill_${To}`,noOptionsSearchText:Y,noOptionsText:Z,noOptionsTextColor:no,noOptionsTextSize:co,optionAfter:ee,optionBefore:oe,optionBorder:so,optionBorderType:po,optionFill:To,optionFillActive:uo,optionFillActiveDisabledClass:mo,optionFillActiveHover:xo,optionFillDisabled:So,optionFillHover:Io,options:re,optionSelectedIcon:Co,optionSelectedIconFillIcon:go,optionSelectedIconSize:fo,optionSelectedIconSrc:ho,optionShape:Ao,optionTextColor:yo,optionTextColorActive:zo,optionTextColorDisabled:vo,optionTextSize:Fo,placeholder:te,placeholderTextColor:bo,placeholderTextSize:Po,showBadge:ie,showDivider:le,styles:ve,value:ae,before:ne,after:ce,openMenuOnClick:se,closeMenuOnSelect:pe??!0,isDisabled:de,isClearable:me??!1,isLoading:Te,isMulti:Se??!1,isSearchable:Ie??!1,set:Ce,onChange:ge,onInputChange:fe})});export{j as S,y as a,b,P as c,A as d,_ as e,w as f,M as g,O as h,$ as i,Q as j,L as k,N as l,W as m,R as n,k as s};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../
|
|
1
|
+
"use strict";var e=require("../../Button_cjs_D0UPBIsl.js");require("react/jsx-runtime"),require("react"),require("clsx"),require("@itcase/ui-core/hooks"),require("@itcase/ui-core/utils"),require("../../primitives_cjs_BphFj-db.js"),require("@rc-component/tooltip"),require("react-inlinesvg"),require("@itcase/ui-core/hoc"),require("../../Loader_cjs_D2eU4Cq6.js"),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"),i=require("react"),r=require("clsx"),l=require("@itcase/ui-core/hooks"),c=require("../../primitives_cjs_BphFj-db.js"),o=require("../../
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),i=require("react"),r=require("clsx"),l=require("@itcase/ui-core/hooks"),c=require("../../primitives_cjs_BphFj-db.js"),o=require("../../Loader_cjs_D2eU4Cq6.js");require("@rc-component/tooltip"),require("react-inlinesvg"),require("@itcase/ui-core/hoc"),require("@itcase/ui-core/utils");const t={errorPrimary:{fill:"errorTertiary",fillItem:"errorTertiary",fillItemActive:"errorSecondary",fillItemHover:"errorHoverPrimary",labelTextColor:"errorTextSecondary",borderColor:"errorBorderQuaternary",iconAfterFill:"errorItemSecondary",iconAfterFillActive:"errorItemTertiary",iconBeforeFill:"errorItemSecondary",iconBeforeFillActive:"errorItemTertiary",iconFill:"errorItemSecondary",iconFillActive:"errorItemTertiary"},disabledPrimary:{fill:"disabledTertiary",fillItem:"disabledTertiary",fillItemActive:"surfaceDisabled",fillItemActiveHover:"surfaceDisabled",fillItemHover:"surfaceTertiary",labelTextColor:"surfaceTextQuaternary",borderColor:"surfaceBorderPrimary",iconAfterFill:"surfaceItemPrimary",iconAfterFillActive:"disabledItemSecondary",iconBeforeFill:"surfaceItemPrimary",iconBeforeFillActive:"disabledItemSecondary",iconFill:"surfaceItemPrimary",iconFillActive:"disabledItemSecondary"},defaultMutedPrimary:{fill:"surfaceSecondary",fillItem:"surfaceSecondary",fillItemActive:"accentTertiary",fillItemActiveHover:"accentPrimary",fillItemHover:"surfaceTertiary",labelTextColor:"surfaceTextPrimary",labelTextColorActive:"surfaceTextPrimary",labelTextColorActiveHover:"accentTextPrimary",borderColor:"surfaceBorderSecondary",iconAfterFill:"surfaceItemQuaternary",iconAfterFillActive:"surfaceItemSecondary",iconBeforeFill:"surfaceItemQuaternary",iconBeforeFillActive:"surfaceItemSecondary",iconFill:"surfaceItemQuaternary",iconFillActive:"surfaceItemSecondary"},defaultPrimary:{fill:"surfaceSecondary",fillItem:"surfaceSecondary",fillItemActive:"accentPrimary",fillItemActiveHover:"accentActiveHoverPrimary",fillItemHover:"surfaceTertiary",labelTextColor:"surfaceTextPrimary",labelTextColorActive:"accentTextPrimary",labelTextColorActiveHover:"accentTextPrimary",borderColor:"surfaceBorderQuaternary",iconAfterFill:"surfaceItemQuaternary",iconAfterFillActive:"surfaceItemSecondary",iconBeforeFill:"surfaceItemQuaternary",iconBeforeFillActive:"surfaceItemSecondary",iconFill:"surfaceItemQuaternary",iconFillActive:"surfaceItemSecondary"},successPrimary:{fill:"successTertiary",fillItem:"successTertiary",fillItemActive:"successSecondary",fillItemHover:"successHoverPrimary",labelTextColor:"successTextSecondary",labelTextColorActive:"successTextActivePrimary",borderColor:"successBorderSecondary",iconAfterFill:"successItemSecondary",iconAfterFillActive:"successItemTertiary",iconBeforeFill:"successItemSecondary",iconBeforeFillActive:"successItemTertiary",iconFill:"successItemSecondary",iconFillActive:"successItemTertiary"},requirePrimary:{fill:"warningTertiary",fillItem:"warningTertiary",fillItemActive:"warningSecondary",fillItemHover:"warningHoverPrimary",labelTextColor:"warningTextSecondary",labelTextColorActive:"warningTextPrimary",borderColor:"warningBorderSecondary",iconAfterFill:"warningItemSecondary",iconAfterFillActive:"warningItemTertiary",iconBeforeFill:"warningItemSecondary",iconBeforeFillActive:"warningItemTertiary",iconFill:"warningItemSecondary",iconFillActive:"warningItemTertiary"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"},sizeL:{size:"l",labelTextSize:"m",iconSize:"24"},sizeM:{size:"m",labelTextSize:"m",iconSize:"24"},sizeS:{size:"s",labelTextSize:"s",iconSize:"20"}},a={appearance:t,setAppearance:e=>{a.appearance=e}};exports.Choice=function(t){const{id:s,appearance:n,className:d,dataTestId:f,dataTour:m,name:u,active:v={value:void 0},itemAfter:y,itemBefore:A,options:b=[],before:I,after:_,isDisabled:x=!1,isSkeleton:T,isCheckbox:F=!1,isLoading:S=!1,setActiveSegment:h}=t,C=i.useRef(null),p=i.useMemo(()=>new Map(b.map(e=>[e.value,i.createRef()])),[b]),g=i.useCallback((e,i)=>{const r=!F||e.target.checked;h&&h(i,r)},[F,h]),B=l.useAppearanceConfig(n,a,x),P=l.useDevicePropsGenerator(t,B),{size:$,fillClass:z,fillItemActiveClass:H,fillItemActiveDisabledClass:j,fillItemActiveHoverClass:w,fillItemClass:D,fillItemDisabledClass:q,fillItemHoverClass:N,labelTextColor:Q,labelTextColorActive:k,labelTextColorActiveHover:L,labelTextColorHover:M,labelTextSize:W,labelTextWeight:R,labelTextWrap:G,borderColorClass:X,borderTypeClass:E,borderWidthClass:J,iconAfterFill:K,iconAfterFillActive:O,iconAfterFillDisabled:U,iconAfterSize:V,iconBeforeFill:Y,iconBeforeFillActive:Z,iconBeforeFillDisabled:ee,iconBeforeSize:ie,iconFill:re,iconFillActive:le,iconFillDisabled:ce,iconSize:oe,shapeClass:te,wrapClass:ae}=P,{styles:se}=l.useStyles(t);return e.jsxs("div",{id:s,className:r(d,"choice",$&&`choice_size_${$}`,z&&`fill_${z}`,ae&&`choice_wrap_${ae}`,te&&`shape_${te}`,T&&"skeleton"),ref:C,"data-testid":f&&`${f}Choice`,"data-tour":m,style:se,children:[I&&e.jsx("div",{className:"choice__before",children:I}),S?e.jsx(o.Loader,{width:"fill",height:"fill",fill:"surfacePrimary",itemFill:"surfaceItemPrimary"}):e.jsx(i.Fragment,{children:b.map(i=>{const l="object"==typeof v?String(i.value)===String(v.value):String(i.value)===String(v);return e.jsxs("div",{className:r("choice__item",$&&`choice__item_size_${$}`,(i.icon||i.iconActive)&&"choice__item_icon",te&&`shape_${te}`,X&&`border-color_${X}`,J&&`border-width_${J}`,E&&`border_type_${E}`,l||x?q&&`fill_disabled_${q}`:D&&`fill_${D}`,l||x?w&&`fill_active_hover_${w}`:N&&`fill_hover_${N}`,l?x?j&&`fill_active_disabled_${j}`:H&&`fill_active_${H}`:x?q&&`fill_disabled_${q}`:D&&`fill_${D}`,!l&&x&&"choice__item_state_disabled",l&&x&&"choice__item_active_state_disabled",l&&"choice__item_active"),ref:p.get(i.value),children:[e.jsx("input",{id:`${u}-${i.value}`,className:"choice__item-radio",type:F?"checkbox":"radio",name:u,checked:l,disabled:x,value:i.value,onChange:e=>g(e,i)}),e.jsxs("label",{className:r("choice__item-label",x&&"choice__item-label_state_disabled"),htmlFor:`${u}-${i.value}`,children:[A,(i.iconBefore||i.iconBeforeActive)&&e.jsx(c.Icon,{className:"choice__item-icon",iconFill:Y,iconFillActive:Z,iconFillDisabled:ee,iconSize:ie,SvgImage:l&&i.iconBeforeActive||i.iconBefore,isActive:l,isDisabled:x}),i.label&&e.jsx(c.Text,{size:W,textColor:Q,textColorActive:k,textColorActiveHover:L,textColorHover:M,textWeight:R,textWrap:G,isActive:l,children:i.label}),(i.icon||i.iconActive)&&e.jsx(c.Icon,{className:"choice__item-icon",iconFill:re,iconFillActive:le,iconFillDisabled:ce,iconSize:oe,SvgImage:l&&i.iconActive||i.icon,isActive:l}),(i.iconAfter||i.iconAfterActive)&&e.jsx(c.Icon,{className:"choice__item-icon",iconFill:K,iconFillActive:O,iconFillDisabled:U,iconSize:V,SvgImage:l&&i.iconAfterActive||i.iconAfter,isActive:l}),y]})]},`${u}-${i.value}`)})}),_&&e.jsx("div",{className:"choice__after",children:_})]})},exports.choiceAppearance=t,exports.choiceConfig=a;
|
|
@@ -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"),a=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"),a=require("../../Button_cjs_D0UPBIsl.js"),o=require("../../primitives_cjs_BphFj-db.js");require("@itcase/ui-core/utils"),require("../../Loader_cjs_D2eU4Cq6.js"),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",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(o.Text,{size:k,textColor:j,children:m}),e.jsx(a.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_Dk7tYi8b.js"),n=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_Dk7tYi8b.js"),n=require("../../DatePicker_cjs_DL2RlUWb.js");require("react-select"),require("../../primitives_cjs_BphFj-db.js");var d=require("../../SelectContainer_cjs_D9_SCVQg.js");require("../../Group_cjs_CiLUYKP7.js"),require("date-fns/locale"),require("react-datepicker"),require("../../Button_cjs_D0UPBIsl.js"),require("../../Loader_cjs_D2eU4Cq6.js"),require("../../Input_cjs_CgWxKHuR.js"),require("../../Label_cjs_vBDgxasn.js"),require("@rc-component/tooltip"),require("../../default_cjs_BMbs2it-.js"),require("react-inlinesvg"),require("@itcase/ui-core/hoc"),require("react-select/creatable");const o={surfacePrimary:{fill:"surfacePrimary",chipsAppearance:"surfacePrimary ghost",datePickerAppearance:"surfacePrimary",datePickerInputAppearance:"defaultPrimary",selectAppearance:"defaultPrimary solid"},surfaceSecondary:{fill:"surfaceSecondary",chipsAppearance:"surfacePrimary ghost",datePickerAppearance:"surfacePrimary",datePickerInputAppearance:"defaultPrimary",selectAppearance:"defaultPrimary solid"},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:"rounded",selectShape:"rounded",shape:"rounded"},roundedL:{chipsShape:"rounded",selectShape:"rounded",shape:"rounded"},roundedM:{chipsShape:"rounded",selectShape:"rounded",shape:"rounded"},roundedS:{chipsShape:"rounded",selectShape:"rounded",shape:"rounded"}},l={appearance:o,setAppearance:e=>{l.appearance=e}};exports.DatePeriod=function(o){const{appearance:u,className:h,dataTestId:S,dataTour:P,datePeriodIntervalsList:_=Object.values(s.DATE_PERIOD_INTERVALS),datePeriodSelectFirstOptions:m,datePeriodSelectFirstPlaceholder:z,datePeriodSelectFirstValue:A,datePeriodSelectSecondOptions:k,datePeriodSelectSecondPlaceholder:j,datePeriodSelectSecondValue:f,datePeriodValueEnd:q,datePeriodValueStart:y,monthsShown:D,popperPlacement:C,selectsRange:I=!0,showWeekNumbers:v=!0,isDisabled:g,isSkeleton:x,onChangeDatePeriod:L,onChangeDatePeriodFirstSelect:b,onChangeDatePeriodSecondSelect:w,onKeyDown:N}=o,M=t.useAppearanceConfig(u,l,g),K=t.useDevicePropsGenerator(o,M),{fillClass:T,chipsAppearance:F,chipsAppearanceSize:O,chipsShape:V,datePickerAppearance:E,datePickerAppearanceSize:G,datePickerInputAppearance:R,datePickerInputAppearanceSize:W,datePickerInputFillHover:$,datePickerInputTextSize:H,selectAppearance:J,selectAppearanceSize:X,selectShape:B,shapeClass:Q,sizeClass:U}=K,Y=a.useCallback(e=>{const a=e.dateIntervalsList[0],r=e.dateIntervalsList[1];L?.(new Date(a),new Date(r))},[L]),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:_.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(n.DatePickerInput,{className:"date-period__datepicker",datePickerProps:{appearance:c.mergeAppearanceKeys(E,G),dateFormat:"dd/MM/yyyy",monthsShown:D,popperPlacement:C,selectsRange:I,showWeekNumbers:v,isClearable:!1,onKeyDown:N},endValue:q,inputProps:{appearance:c.mergeAppearanceKeys(R,W,"ghost"),className:`date-period__datepicker-input date-period__datepicker-input_size_${U} `,fillHover:$,textSize:H,placeholder:"Выбрать период"},value:y,onChange:L})]}),m&&e.jsx(d.SelectContainer,{appearance:c.mergeAppearanceKeys(J,X),className:"date-period__select",width:"180px",minWidth:"180px",options:m,placeholder:z,shape:B,value:A,isSearchable:!0,onChange:b}),k&&e.jsx(d.SelectContainer,{appearance:c.mergeAppearanceKeys(J,X),className:"date-period__select",width:"180px",minWidth:"180px",options:k,placeholder:j,shape:B,value:f,isSearchable:!0,onChange:w})]})},exports.datePeriodAppearance=o,exports.datePeriodConfig=l;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../
|
|
1
|
+
"use strict";var e=require("../../DatePicker_cjs_DL2RlUWb.js");require("react/jsx-runtime"),require("react"),require("clsx"),require("date-fns/locale"),require("react-datepicker"),require("@itcase/ui-core/hooks"),require("../../Button_cjs_D0UPBIsl.js"),require("@itcase/ui-core/utils"),require("../../primitives_cjs_BphFj-db.js"),require("@rc-component/tooltip"),require("react-inlinesvg"),require("@itcase/ui-core/hoc"),require("../../Loader_cjs_D2eU4Cq6.js"),require("@itcase/common"),require("../../Input_cjs_CgWxKHuR.js"),require("../../Label_cjs_vBDgxasn.js"),require("../../default_cjs_BMbs2it-.js"),exports.DatePickerInput=e.DatePickerInput,exports.datePickerAppearance=e.datePickerAppearance,exports.datePickerConfig=e.datePickerConfig;
|