@itcase/ui-web 1.10.8 → 1.10.9
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/cjs/components/Choice.js +1 -1
- package/dist/cjs/components/Search.js +1 -1
- package/dist/components/Choice.js +1 -1
- package/dist/components/Search.js +1 -1
- package/dist/types/components/Choice/Choice.appearance.d.ts +4 -4
- package/dist/types/components/Choice/appearance/choiceError.d.ts +1 -1
- package/dist/types/components/Choice/appearance/choiceError.js +1 -1
- package/dist/types/components/Choice/appearance/choiceRequire.d.ts +2 -2
- package/dist/types/components/Choice/appearance/choiceRequire.js +2 -2
- package/dist/types/components/Choice/appearance/choiceSuccess.d.ts +1 -1
- package/dist/types/components/Choice/appearance/choiceSuccess.js +1 -1
- package/dist/types/components/Search/Search.interface.d.ts +1 -0
- package/dist/types/components/Search/SearchInput.d.ts +1 -0
- package/dist/types/components/Search/SearchInput.js +2 -2
- package/dist/types/components/Search/__test__/SearchInputTest.stories.d.ts +1 -0
- package/dist/types/components/Search/stories/SearchInputDefault.stories.d.ts +1 -0
- package/dist/types/components/Search/stories/SearchInputDisabled.stories.d.ts +1 -0
- package/dist/types/components/Search/stories/SearchInputError.stories.d.ts +1 -0
- package/dist/types/components/Search/stories/SearchInputRequire.stories.d.ts +1 -0
- package/dist/types/components/Search/stories/SearchInputShape.stories.d.ts +1 -0
- package/dist/types/components/Search/stories/SearchInputSize.stories.d.ts +1 -0
- package/dist/types/components/Search/stories/SearchInputStyle.stories.d.ts +1 -0
- package/dist/types/components/Search/stories/SearchInputSuccess.stories.d.ts +1 -0
- package/package.json +2 -2
|
@@ -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_ocTnUpml.js"),o=require("../../Loader_cjs_nwF8h8Ku.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:"
|
|
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_ocTnUpml.js"),o=require("../../Loader_cjs_nwF8h8Ku.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:"errorPrimary",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:"successTextPrimary",borderColor:"successBorderSecondary",iconAfterFill:"successItemSecondary",iconAfterFillActive:"successItemTertiary",iconBeforeFill:"successItemSecondary",iconBeforeFillActive:"successItemTertiary",iconFill:"successItemSecondary",iconFillActive:"successItemTertiary"},requirePrimary:{fill:"warningTertiary",fillItem:"warningTertiary",fillItemActive:"warningPrimary",fillItemHover:"warningHoverSecondary",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:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},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]),P=l.useAppearanceConfig(n,a,x),B=l.useDevicePropsGenerator(t,P),{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:X,borderColorClass:G,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}=B,{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}`,G&&`border-color_${G}`,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:X,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("../../default_cjs_BMbs2it-.js"),r=require("react/jsx-runtime"),o=require("react"),a=require("clsx"),i=require("@itcase/ui-core/hooks"),l=require("../../primitives_cjs_ocTnUpml.js"),c=require("../../Scrollbar_cjs_KosRKbq9.js");require("@rc-component/tooltip"),require("react-inlinesvg"),require("@itcase/ui-core/hoc"),require("@itcase/ui-core/utils"),require("react-scrollbars-custom");const t={...{sizeXXL:{size:"xxl",iconBefore:e.icons24.Security.Search,iconClear:e.icons24.Action.Clear,inputTextSize:"l",placeholderTextSize:"l"},sizeXL:{size:"xl",iconBefore:e.icons24.Security.Search,iconClear:e.icons24.Action.Clear,inputTextSize:"m",placeholderTextSize:"m"},sizeL:{size:"l",iconBefore:e.icons24.Security.Search,iconClear:e.icons24.Action.Clear,inputTextSize:"s",placeholderTextSize:"s"},sizeM:{size:"m",iconBefore:e.icons24.Security.Search,iconClear:e.icons24.Action.Clear,inputTextSize:"m",placeholderTextSize:"m"},sizeS:{size:"s",iconBefore:e.icons24.Security.Search,iconClear:e.icons24.Action.Clear,inputTextSize:"s",placeholderTextSize:"s"},sizeXS:{size:"xs",iconBefore:e.icons16.Security.Search,iconClear:e.icons16.Action.Clear,inputTextSize:"s",placeholderTextSize:"s"}},solid:{borderColor:"none",borderColorHover:"none"},outlined:{fill:"none"},full:{borderColor:"none"},ghost:{fill:"none",borderColor:"none"},defaultPrimary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",borderColor:"surfaceBorderQuaternary",borderColorHover:"surfaceBorderHoverQuaternary",iconAfterFill:"surfaceItemQuaternary",iconBeforeFill:"surfaceItemQuaternary",iconClearFill:"surfaceItemQuaternary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},defaultSecondary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderHoverTertiary",iconAfterFill:"surfaceItemQuaternary",iconBeforeFill:"surfaceItemQuaternary",iconClearFill:"surfaceItemQuaternary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},errorPrimary:{fill:"errorTertiary",borderColor:"errorBorderQuaternary",borderColorHover:"errorBorderHoverQuaternary",iconAfterFill:"errorItemSecondary",iconBeforeFill:"errorItemSecondary",iconClearFill:"errorItemSecondary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},successPrimary:{fill:"successTertiary",borderColor:"accentBorderQuaternary",borderColorHover:"accentBorderQuaternary",iconAfterFill:"successItemSecondary",iconBeforeFill:"successItemSecondary",iconClearFill:"successItemSecondary",placeholderTextColor:"surfaceTextQuaternary"},requirePrimary:{fill:"warningTertiary",borderColor:"warningBorderSecondary",borderColorHover:"warningBorderHoverSecondary",iconAfterFill:"warningItemSecondary",iconBeforeFill:"warningItemSecondary",iconClearFill:"warningItemSecondary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},disabledPrimary:{fill:"surfaceDisabled",borderColor:"surfaceBorderDisabled",borderColorHover:"surfaceBorderHoverQuaternary",iconAfterFill:"surfaceItemPrimary",iconBeforeFill:"surfaceItemPrimary",iconClearFill:"surfaceItemPrimary",inputTextColor:"surfaceTextDisabled",placeholderTextColor:"surfaceTextDisabled"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"}},s={appearance:t,setAppearance:e=>{s.appearance=e}},n=o.forwardRef(function(e,c){const{appearance:t,className:n,dataTestId:u,dataTour:d,placeholder:f,value:p,before:C,after:h,isActive:x,isDisabled:y,isSkeleton:S,
|
|
1
|
+
"use strict";var e=require("../../default_cjs_BMbs2it-.js"),r=require("react/jsx-runtime"),o=require("react"),a=require("clsx"),i=require("@itcase/ui-core/hooks"),l=require("../../primitives_cjs_ocTnUpml.js"),c=require("../../Scrollbar_cjs_KosRKbq9.js");require("@rc-component/tooltip"),require("react-inlinesvg"),require("@itcase/ui-core/hoc"),require("@itcase/ui-core/utils"),require("react-scrollbars-custom");const t={...{sizeXXL:{size:"xxl",iconBefore:e.icons24.Security.Search,iconClear:e.icons24.Action.Clear,inputTextSize:"l",placeholderTextSize:"l"},sizeXL:{size:"xl",iconBefore:e.icons24.Security.Search,iconClear:e.icons24.Action.Clear,inputTextSize:"m",placeholderTextSize:"m"},sizeL:{size:"l",iconBefore:e.icons24.Security.Search,iconClear:e.icons24.Action.Clear,inputTextSize:"s",placeholderTextSize:"s"},sizeM:{size:"m",iconBefore:e.icons24.Security.Search,iconClear:e.icons24.Action.Clear,inputTextSize:"m",placeholderTextSize:"m"},sizeS:{size:"s",iconBefore:e.icons24.Security.Search,iconClear:e.icons24.Action.Clear,inputTextSize:"s",placeholderTextSize:"s"},sizeXS:{size:"xs",iconBefore:e.icons16.Security.Search,iconClear:e.icons16.Action.Clear,inputTextSize:"s",placeholderTextSize:"s"}},solid:{borderColor:"none",borderColorHover:"none"},outlined:{fill:"none"},full:{borderColor:"none"},ghost:{fill:"none",borderColor:"none"},defaultPrimary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",borderColor:"surfaceBorderQuaternary",borderColorHover:"surfaceBorderHoverQuaternary",iconAfterFill:"surfaceItemQuaternary",iconBeforeFill:"surfaceItemQuaternary",iconClearFill:"surfaceItemQuaternary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},defaultSecondary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderHoverTertiary",iconAfterFill:"surfaceItemQuaternary",iconBeforeFill:"surfaceItemQuaternary",iconClearFill:"surfaceItemQuaternary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},errorPrimary:{fill:"errorTertiary",borderColor:"errorBorderQuaternary",borderColorHover:"errorBorderHoverQuaternary",iconAfterFill:"errorItemSecondary",iconBeforeFill:"errorItemSecondary",iconClearFill:"errorItemSecondary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},successPrimary:{fill:"successTertiary",borderColor:"accentBorderQuaternary",borderColorHover:"accentBorderQuaternary",iconAfterFill:"successItemSecondary",iconBeforeFill:"successItemSecondary",iconClearFill:"successItemSecondary",placeholderTextColor:"surfaceTextQuaternary"},requirePrimary:{fill:"warningTertiary",borderColor:"warningBorderSecondary",borderColorHover:"warningBorderHoverSecondary",iconAfterFill:"warningItemSecondary",iconBeforeFill:"warningItemSecondary",iconClearFill:"warningItemSecondary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},disabledPrimary:{fill:"surfaceDisabled",borderColor:"surfaceBorderDisabled",borderColorHover:"surfaceBorderHoverQuaternary",iconAfterFill:"surfaceItemPrimary",iconBeforeFill:"surfaceItemPrimary",iconClearFill:"surfaceItemPrimary",inputTextColor:"surfaceTextDisabled",placeholderTextColor:"surfaceTextDisabled"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"}},s={appearance:t,setAppearance:e=>{s.appearance=e}},n=o.forwardRef(function(e,c){const{appearance:t,className:n,dataTestId:u,dataTour:d,placeholder:f,value:p,before:C,after:h,isActive:x,isDisabled:y,isSkeleton:S,isRequired:T,onClickClean:m,onChange:_,onFocus:b,onKeyDown:v}=e,z=o.useCallback(e=>{_&&_(e.target.value)},[_]),g=o.useCallback(e=>{e?.stopPropagation(),_&&_(""),m&&m()},[_,m]),B=i.useAppearanceConfig(t,s,y),F=i.useDevicePropsGenerator(e,B),{size:I,fillClass:A,fillHoverClass:j,borderColorClass:H,borderColorHoverClass:Q,borderTypeClass:$,borderWidthClass:w,iconAfter:q,iconAfterFill:P,iconAfterSize:N,iconAfterSrc:D,iconBefore:L,iconBeforeFill:k,iconBeforeSize:X,iconBeforeSrc:R,iconClear:W,iconClearFill:E,iconClearSize:M,iconClearSrc:G,inputFillClass:K,inputTextColorClass:U,inputTextSizeClass:J,inputTextStyleClass:O,inputTextWeightClass:V,placeholderTextColor:Y,placeholderTextSize:Z,placeholderTextStyle:ee,placeholderTextWeight:re,shapeClass:oe,widthClass:ae}=F,{styles:ie}=i.useStyles(e);return r.jsxs("label",{className:a(n,"search-input",oe&&`shape_${oe}`,A&&`fill_${A}`,j&&`fill_hover_${j}`,ae&&`width_${ae}`,H&&`border-color_${H}`,Q&&`border-color_hover_${Q}`,w&&`border-width_${w}`,$&&`border_type_${$}`,I&&`search-input_size_${I}`,S&&"skeleton"),"data-testid":u,"data-tour":d,style:ie,children:[C,(L||R)&&r.jsx(l.Icon,{className:"search-input__icon-before",size:X,iconFill:k,imageSrc:R,SvgImage:L}),r.jsxs("div",{className:a("search-input__wrapper",K&&`fill_${K}`),children:[r.jsx("input",{className:a("search-input__value",(J||V||U||O)&&"text",J&&`text_size_${J}`,V&&`text-weight_${V}`,U&&`text-color_${U}`,O&&`text-style_${O}`),type:"text",ref:c,disabled:y,required:T,value:p||"",onChange:z,onFocus:b,onKeyDown:v}),r.jsx("div",{className:"search-input__placeholder",children:r.jsx(l.Text,{className:a("search-input__placeholder-value"),size:Z,textColor:Y,textStyle:ee,textWeight:re,children:f})}),p&&r.jsx(l.Icon,{className:a("search-input__clear","cursor_type_pointer",x&&`fill_${E}`),size:M,iconFill:E,imageSrc:G,SvgImage:W,onClick:g})]}),(q||D)&&r.jsx(l.Icon,{className:"search-input__icon-after",size:N,iconFill:P,imageSrc:D,SvgImage:q}),h]})});n.DEFAULT_REF_STATE={input:null};const u=o.forwardRef(function(e){const{className:l,dataTestId:t,dataTour:s,scrollHeight:n,before:u,after:d,children:f}=e,p=i.useDevicePropsGenerator(e),{fillClass:C,shapeClass:h}=p;return r.jsx("div",{className:a(l,"search-result",h&&`shape_${h}`,C&&`fill_${C}`),"data-testid":t,"data-tour":s,children:r.jsxs("div",{className:"search-result__wrapper",children:[u,o.Children.toArray(f).filter(Boolean).length&&r.jsx(c.Scrollbar,{scrollHeight:n||300,children:f}),d]})})});exports.SearchInput=n,exports.SearchResult=u,exports.searchAppearance=t,exports.searchInputConfig=s;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as i}from"react/jsx-runtime";import r,{useRef as l,useMemo as c,createRef as o,useCallback as t}from"react";import a from"clsx";import{useAppearanceConfig as n,useDevicePropsGenerator as s,useStyles as m}from"@itcase/ui-core/hooks";import{I as d,T as f}from"../primitives_es_BQqNcRQk.js";import{L as v}from"../Loader_es_CwVQZ1L0.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const u={errorPrimary:{fill:"errorTertiary",fillItem:"errorTertiary",fillItemActive:"
|
|
1
|
+
import{jsxs as e,jsx as i}from"react/jsx-runtime";import r,{useRef as l,useMemo as c,createRef as o,useCallback as t}from"react";import a from"clsx";import{useAppearanceConfig as n,useDevicePropsGenerator as s,useStyles as m}from"@itcase/ui-core/hooks";import{I as d,T as f}from"../primitives_es_BQqNcRQk.js";import{L as v}from"../Loader_es_CwVQZ1L0.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const u={errorPrimary:{fill:"errorTertiary",fillItem:"errorTertiary",fillItemActive:"errorPrimary",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:"successTextPrimary",borderColor:"successBorderSecondary",iconAfterFill:"successItemSecondary",iconAfterFillActive:"successItemTertiary",iconBeforeFill:"successItemSecondary",iconBeforeFillActive:"successItemTertiary",iconFill:"successItemSecondary",iconFillActive:"successItemTertiary"},requirePrimary:{fill:"warningTertiary",fillItem:"warningTertiary",fillItemActive:"warningPrimary",fillItemHover:"warningHoverSecondary",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:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},sizeL:{size:"l",labelTextSize:"m",iconSize:"24"},sizeM:{size:"m",labelTextSize:"m",iconSize:"24"},sizeS:{size:"s",labelTextSize:"s",iconSize:"20"}},y={appearance:u,setAppearance:e=>{y.appearance=e}};function A(u){const{id:A,appearance:b,className:_,dataTestId:I,dataTour:T,name:F,active:S={value:void 0},itemAfter:h,itemBefore:x,options:p=[],before:C,after:g,isDisabled:B=!1,isSkeleton:P,isCheckbox:$=!1,isLoading:z=!1,setActiveSegment:H}=u,w=l(null),D=c(()=>new Map(p.map(e=>[e.value,o()])),[p]),N=t((e,i)=>{const r=!$||e.target.checked;H&&H(i,r)},[$,H]),Q=n(b,y,B),L=s(u,Q),{size:k,fillClass:M,fillItemActiveClass:W,fillItemActiveDisabledClass:j,fillItemActiveHoverClass:X,fillItemClass:q,fillItemDisabledClass:E,fillItemHoverClass:G,labelTextColor:J,labelTextColorActive:K,labelTextColorActiveHover:O,labelTextColorHover:R,labelTextSize:U,labelTextWeight:V,labelTextWrap:Y,borderColorClass:Z,borderTypeClass:ee,borderWidthClass:ie,iconAfterFill:re,iconAfterFillActive:le,iconAfterFillDisabled:ce,iconAfterSize:oe,iconBeforeFill:te,iconBeforeFillActive:ae,iconBeforeFillDisabled:ne,iconBeforeSize:se,iconFill:me,iconFillActive:de,iconFillDisabled:fe,iconSize:ve,shapeClass:ue,wrapClass:ye}=L,{styles:Ae}=m(u);return e("div",{id:A,className:a(_,"choice",k&&`choice_size_${k}`,M&&`fill_${M}`,ye&&`choice_wrap_${ye}`,ue&&`shape_${ue}`,P&&"skeleton"),ref:w,"data-testid":I&&`${I}Choice`,"data-tour":T,style:Ae,children:[C&&i("div",{className:"choice__before",children:C}),z?i(v,{width:"fill",height:"fill",fill:"surfacePrimary",itemFill:"surfaceItemPrimary"}):i(r.Fragment,{children:p.map(r=>{const l="object"==typeof S?String(r.value)===String(S.value):String(r.value)===String(S);return e("div",{className:a("choice__item",k&&`choice__item_size_${k}`,(r.icon||r.iconActive)&&"choice__item_icon",ue&&`shape_${ue}`,Z&&`border-color_${Z}`,ie&&`border-width_${ie}`,ee&&`border_type_${ee}`,l||B?E&&`fill_disabled_${E}`:q&&`fill_${q}`,l||B?X&&`fill_active_hover_${X}`:G&&`fill_hover_${G}`,l?B?j&&`fill_active_disabled_${j}`:W&&`fill_active_${W}`:B?E&&`fill_disabled_${E}`:q&&`fill_${q}`,!l&&B&&"choice__item_state_disabled",l&&B&&"choice__item_active_state_disabled",l&&"choice__item_active"),ref:D.get(r.value),children:[i("input",{id:`${F}-${r.value}`,className:"choice__item-radio",type:$?"checkbox":"radio",name:F,checked:l,disabled:B,value:r.value,onChange:e=>N(e,r)}),e("label",{className:a("choice__item-label",B&&"choice__item-label_state_disabled"),htmlFor:`${F}-${r.value}`,children:[x,(r.iconBefore||r.iconBeforeActive)&&i(d,{className:"choice__item-icon",iconFill:te,iconFillActive:ae,iconFillDisabled:ne,iconSize:se,SvgImage:l&&r.iconBeforeActive||r.iconBefore,isActive:l,isDisabled:B}),r.label&&i(f,{size:U,textColor:J,textColorActive:K,textColorActiveHover:O,textColorHover:R,textWeight:V,textWrap:Y,isActive:l,children:r.label}),(r.icon||r.iconActive)&&i(d,{className:"choice__item-icon",iconFill:me,iconFillActive:de,iconFillDisabled:fe,iconSize:ve,SvgImage:l&&r.iconActive||r.icon,isActive:l}),(r.iconAfter||r.iconAfterActive)&&i(d,{className:"choice__item-icon",iconFill:re,iconFillActive:le,iconFillDisabled:ce,iconSize:oe,SvgImage:l&&r.iconAfterActive||r.iconAfter,isActive:l}),h]})]},`${F}-${r.value}`)})}),g&&i("div",{className:"choice__after",children:g})]})}export{A as Choice,u as choiceAppearance,y as choiceConfig};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as e,d as r}from"../default_es_CaWUd9iO.js";import{jsxs as o,jsx as a}from"react/jsx-runtime";import l,{useCallback as i}from"react";import t from"clsx";import{useAppearanceConfig as c,useDevicePropsGenerator as s,useStyles as n}from"@itcase/ui-core/hooks";import{I as d,T as u}from"../primitives_es_BQqNcRQk.js";import{S as f}from"../Scrollbar_es_BXeXr1J8.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";import"react-scrollbars-custom";const p={...{sizeXXL:{size:"xxl",iconBefore:r.Security.Search,iconClear:r.Action.Clear,inputTextSize:"l",placeholderTextSize:"l"},sizeXL:{size:"xl",iconBefore:r.Security.Search,iconClear:r.Action.Clear,inputTextSize:"m",placeholderTextSize:"m"},sizeL:{size:"l",iconBefore:r.Security.Search,iconClear:r.Action.Clear,inputTextSize:"s",placeholderTextSize:"s"},sizeM:{size:"m",iconBefore:r.Security.Search,iconClear:r.Action.Clear,inputTextSize:"m",placeholderTextSize:"m"},sizeS:{size:"s",iconBefore:r.Security.Search,iconClear:r.Action.Clear,inputTextSize:"s",placeholderTextSize:"s"},sizeXS:{size:"xs",iconBefore:e.Security.Search,iconClear:e.Action.Clear,inputTextSize:"s",placeholderTextSize:"s"}},solid:{borderColor:"none",borderColorHover:"none"},outlined:{fill:"none"},full:{borderColor:"none"},ghost:{fill:"none",borderColor:"none"},defaultPrimary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",borderColor:"surfaceBorderQuaternary",borderColorHover:"surfaceBorderHoverQuaternary",iconAfterFill:"surfaceItemQuaternary",iconBeforeFill:"surfaceItemQuaternary",iconClearFill:"surfaceItemQuaternary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},defaultSecondary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderHoverTertiary",iconAfterFill:"surfaceItemQuaternary",iconBeforeFill:"surfaceItemQuaternary",iconClearFill:"surfaceItemQuaternary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},errorPrimary:{fill:"errorTertiary",borderColor:"errorBorderQuaternary",borderColorHover:"errorBorderHoverQuaternary",iconAfterFill:"errorItemSecondary",iconBeforeFill:"errorItemSecondary",iconClearFill:"errorItemSecondary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},successPrimary:{fill:"successTertiary",borderColor:"accentBorderQuaternary",borderColorHover:"accentBorderQuaternary",iconAfterFill:"successItemSecondary",iconBeforeFill:"successItemSecondary",iconClearFill:"successItemSecondary",placeholderTextColor:"surfaceTextQuaternary"},requirePrimary:{fill:"warningTertiary",borderColor:"warningBorderSecondary",borderColorHover:"warningBorderHoverSecondary",iconAfterFill:"warningItemSecondary",iconBeforeFill:"warningItemSecondary",iconClearFill:"warningItemSecondary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},disabledPrimary:{fill:"surfaceDisabled",borderColor:"surfaceBorderDisabled",borderColorHover:"surfaceBorderHoverQuaternary",iconAfterFill:"surfaceItemPrimary",iconBeforeFill:"surfaceItemPrimary",iconClearFill:"surfaceItemPrimary",inputTextColor:"surfaceTextDisabled",placeholderTextColor:"surfaceTextDisabled"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"}},m={appearance:p,setAppearance:e=>{m.appearance=e}},C=l.forwardRef(function(e,r){const{appearance:l,className:f,dataTestId:p,dataTour:C,placeholder:h,value:y,before:S,after:x,isActive:T,isDisabled:_,isSkeleton:b,
|
|
1
|
+
import{b as e,d as r}from"../default_es_CaWUd9iO.js";import{jsxs as o,jsx as a}from"react/jsx-runtime";import l,{useCallback as i}from"react";import t from"clsx";import{useAppearanceConfig as c,useDevicePropsGenerator as s,useStyles as n}from"@itcase/ui-core/hooks";import{I as d,T as u}from"../primitives_es_BQqNcRQk.js";import{S as f}from"../Scrollbar_es_BXeXr1J8.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";import"react-scrollbars-custom";const p={...{sizeXXL:{size:"xxl",iconBefore:r.Security.Search,iconClear:r.Action.Clear,inputTextSize:"l",placeholderTextSize:"l"},sizeXL:{size:"xl",iconBefore:r.Security.Search,iconClear:r.Action.Clear,inputTextSize:"m",placeholderTextSize:"m"},sizeL:{size:"l",iconBefore:r.Security.Search,iconClear:r.Action.Clear,inputTextSize:"s",placeholderTextSize:"s"},sizeM:{size:"m",iconBefore:r.Security.Search,iconClear:r.Action.Clear,inputTextSize:"m",placeholderTextSize:"m"},sizeS:{size:"s",iconBefore:r.Security.Search,iconClear:r.Action.Clear,inputTextSize:"s",placeholderTextSize:"s"},sizeXS:{size:"xs",iconBefore:e.Security.Search,iconClear:e.Action.Clear,inputTextSize:"s",placeholderTextSize:"s"}},solid:{borderColor:"none",borderColorHover:"none"},outlined:{fill:"none"},full:{borderColor:"none"},ghost:{fill:"none",borderColor:"none"},defaultPrimary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",borderColor:"surfaceBorderQuaternary",borderColorHover:"surfaceBorderHoverQuaternary",iconAfterFill:"surfaceItemQuaternary",iconBeforeFill:"surfaceItemQuaternary",iconClearFill:"surfaceItemQuaternary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},defaultSecondary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderHoverTertiary",iconAfterFill:"surfaceItemQuaternary",iconBeforeFill:"surfaceItemQuaternary",iconClearFill:"surfaceItemQuaternary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},errorPrimary:{fill:"errorTertiary",borderColor:"errorBorderQuaternary",borderColorHover:"errorBorderHoverQuaternary",iconAfterFill:"errorItemSecondary",iconBeforeFill:"errorItemSecondary",iconClearFill:"errorItemSecondary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},successPrimary:{fill:"successTertiary",borderColor:"accentBorderQuaternary",borderColorHover:"accentBorderQuaternary",iconAfterFill:"successItemSecondary",iconBeforeFill:"successItemSecondary",iconClearFill:"successItemSecondary",placeholderTextColor:"surfaceTextQuaternary"},requirePrimary:{fill:"warningTertiary",borderColor:"warningBorderSecondary",borderColorHover:"warningBorderHoverSecondary",iconAfterFill:"warningItemSecondary",iconBeforeFill:"warningItemSecondary",iconClearFill:"warningItemSecondary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},disabledPrimary:{fill:"surfaceDisabled",borderColor:"surfaceBorderDisabled",borderColorHover:"surfaceBorderHoverQuaternary",iconAfterFill:"surfaceItemPrimary",iconBeforeFill:"surfaceItemPrimary",iconClearFill:"surfaceItemPrimary",inputTextColor:"surfaceTextDisabled",placeholderTextColor:"surfaceTextDisabled"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"}},m={appearance:p,setAppearance:e=>{m.appearance=e}},C=l.forwardRef(function(e,r){const{appearance:l,className:f,dataTestId:p,dataTour:C,placeholder:h,value:y,before:S,after:x,isActive:T,isDisabled:_,isSkeleton:b,isRequired:z,onClickClean:v,onChange:B,onFocus:F,onKeyDown:g}=e,I=i(e=>{B&&B(e.target.value)},[B]),A=i(e=>{e?.stopPropagation(),B&&B(""),v&&v()},[B,v]),H=c(l,m,_),Q=s(e,H),{size:$,fillClass:w,fillHoverClass:P,borderColorClass:N,borderColorHoverClass:D,borderTypeClass:L,borderWidthClass:X,iconAfter:k,iconAfterFill:j,iconAfterSize:R,iconAfterSrc:W,iconBefore:q,iconBeforeFill:E,iconBeforeSize:M,iconBeforeSrc:K,iconClear:U,iconClearFill:G,iconClearSize:J,iconClearSrc:O,inputFillClass:V,inputTextColorClass:Y,inputTextSizeClass:Z,inputTextStyleClass:ee,inputTextWeightClass:re,placeholderTextColor:oe,placeholderTextSize:ae,placeholderTextStyle:le,placeholderTextWeight:ie,shapeClass:te,widthClass:ce}=Q,{styles:se}=n(e);return o("label",{className:t(f,"search-input",te&&`shape_${te}`,w&&`fill_${w}`,P&&`fill_hover_${P}`,ce&&`width_${ce}`,N&&`border-color_${N}`,D&&`border-color_hover_${D}`,X&&`border-width_${X}`,L&&`border_type_${L}`,$&&`search-input_size_${$}`,b&&"skeleton"),"data-testid":p,"data-tour":C,style:se,children:[S,(q||K)&&a(d,{className:"search-input__icon-before",size:M,iconFill:E,imageSrc:K,SvgImage:q}),o("div",{className:t("search-input__wrapper",V&&`fill_${V}`),children:[a("input",{className:t("search-input__value",(Z||re||Y||ee)&&"text",Z&&`text_size_${Z}`,re&&`text-weight_${re}`,Y&&`text-color_${Y}`,ee&&`text-style_${ee}`),type:"text",ref:r,disabled:_,required:z,value:y||"",onChange:I,onFocus:F,onKeyDown:g}),a("div",{className:"search-input__placeholder",children:a(u,{className:t("search-input__placeholder-value"),size:ae,textColor:oe,textStyle:le,textWeight:ie,children:h})}),y&&a(d,{className:t("search-input__clear","cursor_type_pointer",T&&`fill_${G}`),size:J,iconFill:G,imageSrc:O,SvgImage:U,onClick:A})]}),(k||W)&&a(d,{className:"search-input__icon-after",size:R,iconFill:j,imageSrc:W,SvgImage:k}),x]})});C.DEFAULT_REF_STATE={input:null};const h=l.forwardRef(function(e){const{className:r,dataTestId:i,dataTour:c,scrollHeight:n,before:d,after:u,children:p}=e,m=s(e),{fillClass:C,shapeClass:h}=m;return a("div",{className:t(r,"search-result",h&&`shape_${h}`,C&&`fill_${C}`),"data-testid":i,"data-tour":c,children:o("div",{className:"search-result__wrapper",children:[d,l.Children.toArray(p).filter(Boolean).length&&a(f,{scrollHeight:n||300,children:p}),u]})})});export{C as SearchInput,h as SearchResult,p as searchAppearance,m as searchInputConfig};
|
|
@@ -46,8 +46,8 @@ declare const choiceAppearance: {
|
|
|
46
46
|
requirePrimary: {
|
|
47
47
|
fill: "warningTertiary";
|
|
48
48
|
fillItem: "warningTertiary";
|
|
49
|
-
fillItemActive: "
|
|
50
|
-
fillItemHover: "
|
|
49
|
+
fillItemActive: "warningPrimary";
|
|
50
|
+
fillItemHover: "warningHoverSecondary";
|
|
51
51
|
labelTextColor: "warningTextSecondary";
|
|
52
52
|
labelTextColorActive: "warningTextPrimary";
|
|
53
53
|
borderColor: "warningBorderSecondary";
|
|
@@ -64,7 +64,7 @@ declare const choiceAppearance: {
|
|
|
64
64
|
fillItemActive: "successSecondary";
|
|
65
65
|
fillItemHover: "successHoverPrimary";
|
|
66
66
|
labelTextColor: "successTextSecondary";
|
|
67
|
-
labelTextColorActive: "
|
|
67
|
+
labelTextColorActive: "successTextPrimary";
|
|
68
68
|
borderColor: "successBorderSecondary";
|
|
69
69
|
iconAfterFill: "successItemSecondary";
|
|
70
70
|
iconAfterFillActive: "successItemTertiary";
|
|
@@ -125,7 +125,7 @@ declare const choiceAppearance: {
|
|
|
125
125
|
errorPrimary: {
|
|
126
126
|
fill: "errorTertiary";
|
|
127
127
|
fillItem: "errorTertiary";
|
|
128
|
-
fillItemActive: "
|
|
128
|
+
fillItemActive: "errorPrimary";
|
|
129
129
|
fillItemHover: "errorHoverPrimary";
|
|
130
130
|
labelTextColor: "errorTextSecondary";
|
|
131
131
|
borderColor: "errorBorderQuaternary";
|
|
@@ -2,7 +2,7 @@ declare const choiceAppearanceError: {
|
|
|
2
2
|
errorPrimary: {
|
|
3
3
|
fill: "errorTertiary";
|
|
4
4
|
fillItem: "errorTertiary";
|
|
5
|
-
fillItemActive: "
|
|
5
|
+
fillItemActive: "errorPrimary";
|
|
6
6
|
fillItemHover: "errorHoverPrimary";
|
|
7
7
|
labelTextColor: "errorTextSecondary";
|
|
8
8
|
borderColor: "errorBorderQuaternary";
|
|
@@ -2,7 +2,7 @@ const choiceAppearanceError = {
|
|
|
2
2
|
errorPrimary: {
|
|
3
3
|
fill: 'errorTertiary',
|
|
4
4
|
fillItem: 'errorTertiary',
|
|
5
|
-
fillItemActive: '
|
|
5
|
+
fillItemActive: 'errorPrimary',
|
|
6
6
|
fillItemHover: 'errorHoverPrimary',
|
|
7
7
|
labelTextColor: 'errorTextSecondary',
|
|
8
8
|
borderColor: 'errorBorderQuaternary',
|
|
@@ -2,8 +2,8 @@ declare const choiceAppearanceRequire: {
|
|
|
2
2
|
requirePrimary: {
|
|
3
3
|
fill: "warningTertiary";
|
|
4
4
|
fillItem: "warningTertiary";
|
|
5
|
-
fillItemActive: "
|
|
6
|
-
fillItemHover: "
|
|
5
|
+
fillItemActive: "warningPrimary";
|
|
6
|
+
fillItemHover: "warningHoverSecondary";
|
|
7
7
|
labelTextColor: "warningTextSecondary";
|
|
8
8
|
labelTextColorActive: "warningTextPrimary";
|
|
9
9
|
borderColor: "warningBorderSecondary";
|
|
@@ -2,8 +2,8 @@ const choiceAppearanceRequire = {
|
|
|
2
2
|
requirePrimary: {
|
|
3
3
|
fill: 'warningTertiary',
|
|
4
4
|
fillItem: 'warningTertiary',
|
|
5
|
-
fillItemActive: '
|
|
6
|
-
fillItemHover: '
|
|
5
|
+
fillItemActive: 'warningPrimary',
|
|
6
|
+
fillItemHover: 'warningHoverSecondary',
|
|
7
7
|
labelTextColor: 'warningTextSecondary',
|
|
8
8
|
labelTextColorActive: 'warningTextPrimary',
|
|
9
9
|
borderColor: 'warningBorderSecondary',
|
|
@@ -5,7 +5,7 @@ declare const choiceAppearanceSuccess: {
|
|
|
5
5
|
fillItemActive: "successSecondary";
|
|
6
6
|
fillItemHover: "successHoverPrimary";
|
|
7
7
|
labelTextColor: "successTextSecondary";
|
|
8
|
-
labelTextColorActive: "
|
|
8
|
+
labelTextColorActive: "successTextPrimary";
|
|
9
9
|
borderColor: "successBorderSecondary";
|
|
10
10
|
iconAfterFill: "successItemSecondary";
|
|
11
11
|
iconAfterFillActive: "successItemTertiary";
|
|
@@ -5,7 +5,7 @@ const choiceAppearanceSuccess = {
|
|
|
5
5
|
fillItemActive: 'successSecondary',
|
|
6
6
|
fillItemHover: 'successHoverPrimary',
|
|
7
7
|
labelTextColor: 'successTextSecondary',
|
|
8
|
-
labelTextColorActive: '
|
|
8
|
+
labelTextColorActive: 'successTextPrimary',
|
|
9
9
|
borderColor: 'successBorderSecondary',
|
|
10
10
|
iconAfterFill: 'successItemSecondary',
|
|
11
11
|
iconAfterFillActive: 'successItemTertiary',
|
|
@@ -12,7 +12,7 @@ const searchInputConfig = {
|
|
|
12
12
|
},
|
|
13
13
|
};
|
|
14
14
|
const SearchInput = React.forwardRef(function SearchInput(props, ref) {
|
|
15
|
-
const { appearance, className, dataTestId, dataTour, placeholder, value, before, after, isActive, isDisabled, isSkeleton, onClickClean, onChange, onFocus, onKeyDown, } = props;
|
|
15
|
+
const { appearance, className, dataTestId, dataTour, placeholder, value, before, after, isActive, isDisabled, isSkeleton, isRequired, onClickClean, onChange, onFocus, onKeyDown, } = props;
|
|
16
16
|
const onChangeSearchInput = useCallback((event) => {
|
|
17
17
|
onChange && onChange(event.target.value);
|
|
18
18
|
}, [onChange]);
|
|
@@ -31,7 +31,7 @@ const SearchInput = React.forwardRef(function SearchInput(props, ref) {
|
|
|
31
31
|
inputTextWeightClass ||
|
|
32
32
|
inputTextColorClass ||
|
|
33
33
|
inputTextStyleClass) &&
|
|
34
|
-
'text', inputTextSizeClass && `text_size_${inputTextSizeClass}`, inputTextWeightClass && `text-weight_${inputTextWeightClass}`, inputTextColorClass && `text-color_${inputTextColorClass}`, inputTextStyleClass && `text-style_${inputTextStyleClass}`), type: "text", ref: ref, disabled: isDisabled, required:
|
|
34
|
+
'text', inputTextSizeClass && `text_size_${inputTextSizeClass}`, inputTextWeightClass && `text-weight_${inputTextWeightClass}`, inputTextColorClass && `text-color_${inputTextColorClass}`, inputTextStyleClass && `text-style_${inputTextStyleClass}`), type: "text", ref: ref, disabled: isDisabled, required: isRequired, value: value || '', onChange: onChangeSearchInput, onFocus: onFocus, onKeyDown: onKeyDown }), _jsx("div", { className: "search-input__placeholder", children: _jsx(Text, { className: clsx('search-input__placeholder-value'), size: placeholderTextSize, textColor: placeholderTextColor, textStyle: placeholderTextStyle, textWeight: placeholderTextWeight, children: placeholder }) }), value && (_jsx(Icon, { className: clsx('search-input__clear', 'cursor_type_pointer', isActive && `fill_${iconClearFill}`), size: iconClearSize, iconFill: iconClearFill, imageSrc: iconClearSrc, SvgImage: iconClear, onClick: onClickClearIcon }))] }), (iconAfter || iconAfterSrc) && (_jsx(Icon, { className: "search-input__icon-after", size: iconAfterSize, iconFill: iconAfterFill, imageSrc: iconAfterSrc, SvgImage: iconAfter })), after] }));
|
|
35
35
|
});
|
|
36
36
|
// @ts-expect-error
|
|
37
37
|
SearchInput.DEFAULT_REF_STATE = {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@itcase/ui-web",
|
|
3
|
-
"version": "1.10.
|
|
3
|
+
"version": "1.10.9",
|
|
4
4
|
"description": "UI components",
|
|
5
5
|
"keywords": "",
|
|
6
6
|
"license": "MIT",
|
|
@@ -114,5 +114,5 @@
|
|
|
114
114
|
"storybook": "^10.4.1",
|
|
115
115
|
"typescript": "^6.0.3"
|
|
116
116
|
},
|
|
117
|
-
"gitHead": "
|
|
117
|
+
"gitHead": "f80dcfb58ab60cde2588a897e00797d79afb9409"
|
|
118
118
|
}
|