aha-components 1.8.1 → 1.8.2
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/Input.esm.js +1 -1
- package/dist/Input.esm.js.map +1 -1
- package/dist/Input.js +1 -1
- package/dist/Input.js.map +1 -1
- package/dist/Pagination.esm.js +1 -1
- package/dist/Pagination.esm.js.map +1 -1
- package/dist/Pagination.js +1 -1
- package/dist/Pagination.js.map +1 -1
- package/dist/Table.esm.js +1 -1
- package/dist/Table.esm.js.map +1 -1
- package/dist/Table.js +1 -1
- package/dist/Table.js.map +1 -1
- package/dist/Textarea.esm.js +1 -1
- package/dist/Textarea.esm.js.map +1 -1
- package/dist/Textarea.js +1 -1
- package/dist/Textarea.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.stories 2.d.ts +12 -0
- package/dist/components/Checkbox/index 2.d.ts +12 -0
- package/dist/components/DatePicker/DatePicker.stories 2.d.ts +25 -0
- package/dist/components/DatePicker/index 2.d.ts +96 -0
- package/dist/components/Drawer/Drawer.stories 2.d.ts +9 -0
- package/dist/components/Drawer/index 2.d.ts +58 -0
- package/dist/components/Form/Form.stories 2.d.ts +15 -0
- package/dist/components/Form/FormContext 2.d.ts +41 -0
- package/dist/components/Form/FormItem 2.d.ts +58 -0
- package/dist/components/Form/index 2.d.ts +85 -0
- package/dist/components/Input/Input.stories 2.d.ts +16 -0
- package/dist/components/Input/Input.stories.d.ts +7 -4
- package/dist/components/Input/InputGroup.d.ts +25 -0
- package/dist/components/Input/InputTags.d.ts +17 -0
- package/dist/components/Input/index 2.d.ts +41 -0
- package/dist/components/Input/index.d.ts +7 -18
- package/dist/components/Loading/Loading.stories 2.d.ts +11 -0
- package/dist/components/Loading/index 2.d.ts +10 -0
- package/dist/components/MenuList/MenuList.stories 2.d.ts +17 -0
- package/dist/components/MenuList/MenuList.test 2.d.ts +1 -0
- package/dist/components/MenuList/index 2.d.ts +85 -0
- package/dist/components/Pagination/Pagination.stories 2.d.ts +16 -0
- package/dist/components/Pagination/index 2.d.ts +27 -0
- package/dist/components/Popover/Popover.stories 2.d.ts +11 -0
- package/dist/components/Popover/index 2.d.ts +31 -0
- package/dist/components/Progress/Progress.stories 2.d.ts +18 -0
- package/dist/components/Progress/Progress.test 2.d.ts +1 -0
- package/dist/components/Progress/index 2.d.ts +33 -0
- package/dist/components/Radio/Radio.stories 2.d.ts +10 -0
- package/dist/components/Radio/index 2.d.ts +13 -0
- package/dist/components/Select/Select.stories 2.d.ts +17 -0
- package/dist/components/Select/index 2.d.ts +74 -0
- package/dist/components/Switch/Switch.stories 2.d.ts +14 -0
- package/dist/components/Switch/index 2.d.ts +27 -0
- package/dist/components/Tab/Tab.stories 2.d.ts +19 -0
- package/dist/components/Tab/index 2.d.ts +26 -0
- package/dist/components/Table/Table.stories 2.d.ts +21 -0
- package/dist/components/Table/index 2.d.ts +167 -0
- package/dist/components/Textarea/Textarea.stories 2.d.ts +15 -0
- package/dist/components/Textarea/Textarea.stories.d.ts +3 -6
- package/dist/components/Textarea/TextareaTags.d.ts +8 -0
- package/dist/components/Textarea/index 2.d.ts +38 -0
- package/dist/components/Textarea/index.d.ts +6 -17
- package/dist/components/Tooltip/Tooltip.stories 2.d.ts +20 -0
- package/dist/components/Tooltip/index 2.d.ts +35 -0
- package/dist/icons/index 2.d.ts +33 -0
- package/dist/index.css +962 -1
- package/dist/index.d.ts +54 -36
- package/dist/index.esm.css +962 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/stories/DesignTokens.stories 2.d.ts +5 -0
- package/dist/theme/Theme.stories 2.d.ts +10 -0
- package/dist/theme/ThemeContext 2.d.ts +11 -0
- package/dist/theme/utils 2.d.ts +10 -0
- package/dist/tokens.d.ts +2 -0
- package/package.json +1 -1
- package/dist/AlertComponent.esm.js +0 -2
- package/dist/AlertComponent.esm.js.map +0 -1
- package/dist/AlertComponent.js +0 -2
- package/dist/AlertComponent.js.map +0 -1
- package/dist/Card.esm.js +0 -2
- package/dist/Card.esm.js.map +0 -1
- package/dist/Card.js +0 -2
- package/dist/Card.js.map +0 -1
- package/dist/TestComponent.esm.js +0 -2
- package/dist/TestComponent.esm.js.map +0 -1
- package/dist/TestComponent.js +0 -2
- package/dist/TestComponent.js.map +0 -1
- package/dist/Toast.css +0 -1
- package/dist/Toast.esm.css +0 -1
- package/dist/components/AlertComponent/index.d.ts +0 -9
- package/dist/components/Card/index.d.ts +0 -10
- package/dist/components/TestComponent/index.d.ts +0 -7
package/dist/Input.esm.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as n,Fragment as e,jsx as t}from"react/jsx-runtime";import o,{createContext as r,useContext as a,forwardRef as i,useRef as p,useEffect as l}from"react";var u=function(){return u=Object.assign||function(n){for(var e,t=1,o=arguments.length;t<o;t++)for(var r in e=arguments[t])Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n},u.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;var d={primaryColor:"#FB6011"},s=r(d),c=i(function(r,i){var c=r.size,f=void 0===c?"medium":c,h=r.disabled,g=void 0!==h&&h,x=r.error,y=void 0!==x&&x,m=r.readOnly,v=void 0!==m&&m,w=r.prefix,b=r.suffix,C=r.allowClear,D=void 0!==C&&C,k=r.onClear,F=r.className,z=void 0===F?"":F,B=r.style,O=r.type,S=void 0===O?"text":O,j=r.placeholder,E=r.value,A=r.defaultValue,I=r.onChange,P=r.onFocus,T=r.onBlur,L=r.onPressEnter,M=function(n,e){var t={};for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&e.indexOf(o)<0&&(t[o]=n[o]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(n);r<o.length;r++)e.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(n,o[r])&&(t[o[r]]=n[o[r]])}return t}(r,["size","disabled","error","readOnly","prefix","suffix","allowClear","onClear","className","style","type","placeholder","value","defaultValue","onChange","onFocus","onBlur","onPressEnter"]),N=(a(s)||d).primaryColor,W=void 0===N?"#FB6011":N,K=p(null),R=o.useState(A||E||""),V=R[0],H=R[1],q=o.useState(!1),G=q[0],J=q[1];l(function(){"function"==typeof i?i(K.current):i&&(i.current=K.current)},[i]);var Q=void 0!==E,U=Q?E:V,X=function(n){var e;n.stopPropagation(),Q||H("");null==I||I({target:{value:""},currentTarget:{value:""}}),null==k||k(),null===(e=K.current)||void 0===e||e.focus()},Y=D&&U&&!g,Z={small:{height:"32px",paddingTop:"3px",paddingBottom:"3px"},mediumSmall:{height:"36px",paddingTop:"5px",paddingBottom:"5px"},medium:{height:"40px",paddingTop:"7px",paddingBottom:"7px"},large:{height:"48px",paddingTop:"11px",paddingBottom:"11px"}},$=b||Y?"40px":"12px",_=u({width:"100%",boxSizing:"border-box",fontFamily:"DM Sans, sans-serif",borderRadius:"8px",border:"1px solid ".concat(y?"#F04438":G?W:"#D7D3D0"),backgroundColor:g||v?"#FAFAF9":"#FFFFFF",color:g?"#98A2B3":"#1C1917",fontSize:"16px",fontWeight:400,lineHeight:"24px",paddingLeft:w?"40px":"12px",paddingRight:$,paddingTop:Z[f].paddingTop,paddingBottom:Z[f].paddingBottom,transition:"all 0.2s",outline:"none",WebkitAppearance:"none",MozAppearance:"textfield",appearance:"none"},B);return n(e,{children:[t("style",{children:'\n .aha-input-wrapper input::placeholder {\n color: #D7D3D0;\n font-size: 16px;\n font-weight: 400;\n opacity: 1;\n }\n .aha-input-wrapper input::-webkit-input-placeholder {\n color: #D7D3D0;\n font-size: 16px;\n font-weight: 400;\n opacity: 1;\n }\n .aha-input-wrapper input::-moz-placeholder {\n color: #D7D3D0;\n font-size: 16px;\n font-weight: 400;\n opacity: 1;\n }\n .aha-input-wrapper input:-ms-input-placeholder {\n color: #D7D3D0;\n font-size: 16px;\n font-weight: 400;\n opacity: 1;\n }\n /* 移动端优化 */\n .aha-input-wrapper input {\n -webkit-tap-highlight-color: transparent;\n -webkit-touch-callout: none;\n touch-action: manipulation;\n }\n /* 移除数字输入框的上下箭头 */\n .aha-input-wrapper input[type="number"]::-webkit-inner-spin-button,\n .aha-input-wrapper input[type="number"]::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n .aha-input-wrapper input[type="number"] {\n -moz-appearance: textfield;\n }\n '}),n("div",{className:"aha-input-wrapper ".concat(z),style:{position:"relative",display:"inline-flex",alignItems:"center",width:"100%"},children:[w&&t("span",{style:{position:"absolute",left:"12px",display:"flex",alignItems:"center",color:g?"#98A2B3":"#78716C",zIndex:1,pointerEvents:"none"},children:w}),t("input",u({ref:K,type:S,value:U,placeholder:j,disabled:g,readOnly:v,onChange:function(n){Q||H(n.target.value),null==I||I(n)},onFocus:function(n){J(!0),null==P||P(n)},onBlur:function(n){J(!1),null==T||T(n)},onKeyDown:function(n){var e;"Enter"===n.key&&L&&L(n),null===(e=M.onKeyDown)||void 0===e||e.call(M,n)},style:_,autoComplete:M.autoComplete||"off",autoCorrect:M.autoCorrect||"off",autoCapitalize:M.autoCapitalize||"off",spellCheck:M.spellCheck||!1},M)),(b||Y)&&n("span",{style:{position:"absolute",right:"12px",display:"flex",alignItems:"center",gap:"4px",color:g?"#98A2B3":"#78716C",zIndex:1},children:[Y&&t(function(){return t("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:X,style:{cursor:"pointer",flexShrink:0,color:"#78716C"},children:t("path",{d:"M12 4L4 12M4 4L12 12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})},{}),b&&t("span",{style:{pointerEvents:"none"},children:b})]})]})]})});c.displayName="Input";export{c as default};
|
|
1
|
+
import{jsxs as e,jsx as o,Fragment as r}from"react/jsx-runtime";import t,{forwardRef as n,useRef as i,useState as l,useEffect as a,createContext as d,useContext as c}from"react";var s=function(){return s=Object.assign||function(e){for(var o,r=1,t=arguments.length;r<t;r++)for(var n in o=arguments[r])Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n]);return e},s.apply(this,arguments)};function p(e,o){var r={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&o.indexOf(t)<0&&(r[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(e);n<t.length;n++)o.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(r[t[n]]=e[t[n]])}return r}function u(e,o,r){if(r||2===arguments.length)for(var t,n=0,i=o.length;n<i;n++)!t&&n in o||(t||(t=Array.prototype.slice.call(o,0,n)),t[n]=o[n]);return e.concat(t||Array.prototype.slice.call(o))}"function"==typeof SuppressedError&&SuppressedError;var h="var(--shadow-xs)",f={small:{pt:"5px",pb:"5px"},mediumSmall:{pt:"7px",pb:"7px"},medium:{pt:"9px",pb:"9px"},large:{pt:"11px",pb:"11px"}},x=n(function(r,t){var n=r.size,d=void 0===n?"mediumSmall":n,c=r.error,u=void 0!==c&&c,x=r.disabled,b=void 0!==x&&x,g=r.readOnly,v=void 0!==g&&g,y=r.prefix,m=r.suffix,F=r.leadingText,S=r.trailingText,w=r.leadingAddon,k=r.trailingAddon,C=r.className,z=void 0===C?"":C,E=r.style,B=r.onFocus,D=r.onBlur,O=r.onKeyDown,P=r.onPressEnter,I=r.value,A=r.defaultValue,T=r.onChange,L=r.placeholder,W=r.type,R=void 0===W?"text":W,H=r.label,G=r.required,j=r.hintText,N=p(r,["size","error","disabled","readOnly","prefix","suffix","leadingText","trailingText","leadingAddon","trailingAddon","className","style","onFocus","onBlur","onKeyDown","onPressEnter","value","defaultValue","onChange","placeholder","type","label","required","hintText"]),M=i(null),q=l(!1),V=q[0],_=q[1],K=l(null!=A?A:""),Y=K[0],J=K[1];a(function(){"function"==typeof t?t(M.current):t&&(t.current=M.current)},[t]);var Q=void 0!==I,U=Q?I:Y,X=b?{border:"1px solid var(--color-border-disabled)",boxShadow:h,outline:"none"}:u&&V?{border:"1px solid var(--color-border-error)",boxShadow:h,outline:"2px solid var(--color-border-error)",outlineOffset:"-2px"}:u?{border:"1px solid var(--color-border-error_subtle)",boxShadow:h,outline:"none"}:V?{border:"1px solid var(--color-border-brand)",boxShadow:h,outline:"2px solid var(--color-border-brand)",outlineOffset:"-2px"}:{border:"1px solid var(--color-border-primary)",boxShadow:h,outline:"none"},Z=X.border,$=X.boxShadow,ee=X.outline,oe=X.outlineOffset,re=f[d],te=re.pt,ne=re.pb,ie=b?"var(--color-border-disabled)":"var(--color-border-primary)",le=!!y,ae=!!m,de={position:"absolute",top:"50%",transform:"translateY(-50%)",display:"flex",alignItems:"center",color:b?"var(--color-fg-disabled)":"var(--color-fg-quaternary)",zIndex:1,pointerEvents:"none"},ce={display:"flex",alignItems:"center",paddingTop:te,paddingBottom:ne,paddingLeft:"14px",paddingRight:"12px",color:"var(--color-text-tertiary)",fontFamily:"var(--font-family-body)",fontSize:"var(--font-size-text-md)",lineHeight:"var(--line-height-text-md)",whiteSpace:"nowrap",flexShrink:0,backgroundColor:b?"var(--color-bg-disabled_subtle)":"transparent"},se=e("div",{className:"aha-input-group ".concat(z),style:s({display:"flex",alignItems:"stretch",width:"100%",border:Z,boxShadow:$,outline:ee,outlineOffset:oe,borderRadius:"var(--radius-md)",backgroundColor:b||v?"var(--color-bg-disabled_subtle)":"var(--color-bg-primary)",overflow:"hidden",boxSizing:"border-box",transition:"border-color 0.15s ease, box-shadow 0.15s ease"},E),children:[void 0!==F&&o("div",{style:s(s({},ce),{borderRight:"1px solid ".concat(ie)}),children:F}),void 0!==w&&o("div",{style:{display:"flex",alignItems:"stretch",flexShrink:0,borderRight:"1px solid ".concat(ie)},children:w}),e("div",{style:{flex:1,position:"relative",display:"flex",alignItems:"stretch",minWidth:0},children:[le&&o("span",{style:s(s({},de),{left:"14px"}),children:y}),o("input",s({ref:M,type:R,value:U,placeholder:L,disabled:b,readOnly:v,onChange:function(e){Q||J(e.target.value),null==T||T(e)},onFocus:function(e){_(!0),null==B||B(e)},onBlur:function(e){_(!1),null==D||D(e)},onKeyDown:function(e){"Enter"===e.key&&P&&P(e),null==O||O(e)},style:{flex:1,border:"none",outline:"none",width:"100%",boxSizing:"border-box",fontFamily:"var(--font-family-body)",fontSize:"var(--font-size-text-md)",fontWeight:400,lineHeight:"var(--line-height-text-md)",backgroundColor:"transparent",color:b?"var(--color-text-disabled)":"var(--color-text-primary)",paddingTop:te,paddingBottom:ne,paddingLeft:le?"40px":"14px",paddingRight:ae?"40px":"14px"},autoComplete:N.autoComplete||"off"},N)),ae&&o("span",{style:s(s({},de),{right:"14px"}),children:m})]}),void 0!==S&&o("div",{style:s(s({},ce),{paddingLeft:"12px",paddingRight:"14px",borderLeft:"1px solid ".concat(ie)}),children:S}),void 0!==k&&o("div",{style:{display:"flex",alignItems:"stretch",flexShrink:0,borderLeft:"1px solid ".concat(ie)},children:k})]});if(!H&&!j)return se;var pe={margin:0,fontFamily:"var(--font-family-body)",fontSize:"var(--font-size-text-sm)",fontWeight:400,lineHeight:"20px",color:u?"var(--color-error-600)":"var(--color-text-tertiary)"};return e("div",{style:{display:"flex",flexDirection:"column",gap:"6px",width:"100%"},children:[H&&e("label",{style:{fontFamily:"var(--font-family-body)",fontSize:"var(--font-size-text-sm)",fontWeight:500,lineHeight:"20px",color:"var(--color-text-secondary)"},children:[H,G&&o("span",{style:{color:"var(--color-error-600)",marginLeft:"2px"},children:"*"})]}),se,j&&o("p",{style:pe,children:j})]})});x.displayName="InputGroup";var b={primaryColor:"#FB6011"},g=d(b),v={Green:{light:{bg:"#ECFDF5",text:"#006045",border:"#A4F4CF"},fill:{bg:"#00BC7D",text:"#FFFFFF"}},Red:{light:{bg:"#FEF2F2",text:"#9F0712",border:"#FFC9C9"},fill:{bg:"#FB2C36",text:"#FFFFFF"}},Orange:{light:{bg:"#FFF6ED",text:"#9B2911",border:"#FFD1A9"},fill:{bg:"#FB6011",text:"#FFFFFF"}},Cyan:{light:{bg:"#ECFEFF",text:"#005F78",border:"#A2F4FD"},fill:{bg:"#00B8DB",text:"#FFFFFF"}},Violet:{light:{bg:"#F5F3FF",text:"#5D0EC0",border:"#DDD6FF"},fill:{bg:"#8E51FF",text:"#FFFFFF"}},Pink:{light:{bg:"#FDF2F8",text:"#A3004C",border:"#FCCEE8"},fill:{bg:"#F6339A",text:"#FFFFFF"}},Gray:{light:{bg:"#F5F5F4",text:"#292524",border:"#E7E5E4"},fill:{bg:"#292524",text:"#FFFFFF"}},Yellow:{light:{bg:"#FFFBEB",text:"#973C00",border:"#FEE685"},fill:{bg:"#FE9A00",text:"#FFFFFF"}},Blue:{light:{bg:"#EFF6FF",text:"#193CB8",border:"#BEDBFF"},fill:{bg:"#2B7FFF",text:"#FFFFFF"}}},y={sm:{basePx:8,basePy:3,plCheckbox:5,plAvatar:4,plDot:6,plIcon:4,prClose:4,prCount:4,fontSize:12,lineHeight:"18px",height:24,avatarSize:16,checkboxSize:14,contentGap:4,rootGap:3,countPx:4,countFontSize:12,closeSize:10,closePad:2},md:{basePx:9,basePy:2,plCheckbox:4,plAvatar:5,plDot:7,plIcon:5,prClose:4,prCount:3,fontSize:14,lineHeight:"20px",height:24,avatarSize:16,checkboxSize:16,contentGap:5,rootGap:4,countPx:5,countFontSize:12,closeSize:12,closePad:2},lg:{basePx:10,basePy:4,plCheckbox:5,plAvatar:7,plDot:9,plIcon:7,prClose:4,prCount:4,fontSize:14,lineHeight:"20px",height:28,avatarSize:18,checkboxSize:18,contentGap:6,rootGap:4,countPx:6,countFontSize:14,closeSize:14,closePad:3}},m=function(r){var t=r.src,n=r.alt,i=void 0===n?"Avatar":n,a=r.size,d=void 0===a?16:a,c=l(!1),s=c[0],p=c[1];return o("div",{style:{width:d,height:d,borderRadius:"50%",overflow:"hidden",flexShrink:0,border:"0.667px solid rgba(0,0,0,0.08)",background:"#e5e5e4",display:"flex",alignItems:"center",justifyContent:"center"},children:t&&!s?o("img",{src:t,alt:i,onError:function(){return p(!0)},style:{width:"100%",height:"100%",objectFit:"cover",display:"block"}}):e("svg",{width:.625*d,height:.625*d,viewBox:"0 0 10 10",fill:"none",children:[o("circle",{cx:"5",cy:"3.5",r:"2",stroke:"#999",strokeWidth:"1.2"}),o("path",{d:"M1 9.5c0-2.2 1.8-4 4-4s4 1.8 4 4",stroke:"#999",strokeWidth:"1.2",strokeLinecap:"round"})]})})},F=function(r){var n=r.children,i=r.color,a=r.variant,d=void 0===a?"light":a,u=r.size,h=void 0===u?"md":u,f=r.stroke,x=void 0!==f&&f,F=r.iconType,S=r.icon,w=r.avatarSrc,k=r.dotColor,C=r.action,z=void 0===C?"none":C,E=r.count,B=r.onClose,D=r.checkbox,O=void 0!==D&&D,P=r.checked,I=r.onCheckedChange,A=r.iconPosition,T=r.className,L=void 0===T?"":T,W=r.onClick,R=p(r,["children","color","variant","size","stroke","iconType","icon","avatarSrc","dotColor","action","count","onClose","checkbox","checked","onCheckedChange","iconPosition","className","onClick"]),H=(c(g)||b).primaryColor,G=l(!1),j=G[0],N=G[1],M=function(e){return"large"===e?"lg":"small"===e?"sm":e}(h),q=y[M],V=void 0!==P?P:j,_=null!=F?F:S&&"leading"===A?"icon":"none",K="none"!==z?z:void 0,Y=O?q.plCheckbox:"dot"===_?q.plDot:"avatar"===_||"icon"===_?q.plAvatar:q.basePx,J="x-close"===K?q.prClose:"count"===K?q.prCount:q.basePx,Q={display:"inline-flex",alignItems:"center",gap:"x-close"===K?q.rootGap:0,paddingLeft:Y,paddingRight:J,paddingTop:q.basePy,paddingBottom:q.basePy,height:q.height,borderRadius:6,fontFamily:"DM Sans, sans-serif",fontWeight:500,fontSize:q.fontSize,lineHeight:q.lineHeight,transition:"all 0.2s",cursor:W?"pointer":"default",boxSizing:"border-box",backgroundColor:"#ffffff",color:"#44403c",outline:"1px solid #d7d3d0",outlineOffset:"-1px"};if(i){var U=function(e,o){if(e in v){var r=v[e];return"Orange"===e&&o?s(s({},r),{fill:s(s({},r.fill),{bg:o})}):r}if(e.startsWith("#")){var t=parseInt(e.slice(1,3),16),n=parseInt(e.slice(3,5),16),i=parseInt(e.slice(5,7),16);return{light:{bg:"rgba(".concat(t,",").concat(n,",").concat(i,",0.1)"),text:e,border:"rgba(".concat(t,",").concat(n,",").concat(i,",0.3)")},fill:{bg:e,text:"#FFFFFF"}}}return v.Gray}(i,H);"light"===d?(Q.backgroundColor=U.light.bg,Q.color=U.light.text,Q.outline=x?"1px solid ".concat(function(e){var o={Green:"#A4F4CF",Red:"#FFC9C9",Orange:"#FFD1A9",Blue:"#BEDBFF",Yellow:"#FFD1A9",Cyan:"#A2F4FD",Violet:"#DDD6FF",Pink:"#FCCEE8",Gray:"#E7E5E4"};if(e in o)return o[e];if(e.startsWith("#")){var r=parseInt(e.slice(1,3),16),t=parseInt(e.slice(3,5),16),n=parseInt(e.slice(5,7),16);return"rgba(".concat(r,",").concat(t,",").concat(n,",0.3)")}return"#E7E5E4"}(i)):"none",Q.outlineOffset=x?"-1px":void 0):(Q.backgroundColor=U.fill.bg,Q.color=U.fill.text,Q.outline="none")}W&&(Q.cursor="pointer");return e("div",s({className:L,style:Q,onClick:W},R,{children:[e("div",{style:{display:"flex",alignItems:"center",gap:q.contentGap,flexShrink:0},children:[O&&o("div",{role:"checkbox","aria-checked":V,onClick:function(e){e.stopPropagation();var o=!V;void 0===P&&N(o),null==I||I(o)},style:{width:q.checkboxSize,height:q.checkboxSize,borderRadius:4,flexShrink:0,border:V?"none":"1px solid #d7d3d0",background:V?H||"#7F56D9":"#ffffff",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer"},children:V&&o("svg",{width:Math.round(.65*q.checkboxSize),height:Math.round(.65*q.checkboxSize),viewBox:"0 0 10 10",fill:"none",children:o("path",{d:"M8.5 2L4 7.5 1.5 5",stroke:"#fff",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),"avatar"===_?o(m,{src:w,size:q.avatarSize}):"dot"===_?o("svg",{width:8,height:8,viewBox:"0 0 8 8",fill:"none",style:{flexShrink:0},children:o("circle",{cx:4,cy:4,r:3.5,fill:k||"currentColor"})}):"icon"===_&&S?o("span",{style:{display:"flex",alignItems:"center",flexShrink:0},children:t.cloneElement(S,{width:q.avatarSize,height:q.avatarSize})}):null,o("span",{style:{whiteSpace:"nowrap"},children:n}),"count"===K&&"number"==typeof E&&o("span",{style:{display:"flex",alignItems:"center",justifyContent:"center",paddingLeft:q.countPx,paddingRight:q.countPx,paddingTop:1,paddingBottom:1,background:"rgba(0,0,0,0.07)",borderRadius:3,fontSize:q.countFontSize,fontWeight:500,lineHeight:"16px",flexShrink:0},children:E})]}),"x-close"===K&&o("button",{"aria-label":"Remove",onClick:function(e){e.stopPropagation(),null==B||B()},style:{display:"flex",alignItems:"center",justifyContent:"center",padding:q.closePad,borderRadius:3,border:"none",background:"transparent",cursor:"pointer",flexShrink:0,color:"inherit",opacity:.55,lineHeight:0},children:o("svg",{width:q.closeSize,height:q.closeSize,viewBox:"0 0 10 10",fill:"none",children:o("path",{d:"M7.5 2.5l-5 5M2.5 2.5l5 5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})})}),"after"===A&&S&&!F&&o("span",{style:{display:"flex",alignItems:"center",flexShrink:0,marginLeft:q.contentGap},children:S})]}))},S="var(--shadow-xs)",w={small:"4px",mediumSmall:"6px",medium:"8px",large:"10px"},k={small:"sm",mediumSmall:"sm",medium:"md",large:"lg"},C=function(r){var t=r.value,n=r.defaultValue,a=void 0===n?[]:n,d=r.onChange,c=r.placeholder,p=void 0===c?"Add tag...":c,h=r.disabled,f=void 0!==h&&h,x=r.error,b=void 0!==x&&x,g=r.size,v=void 0===g?"mediumSmall":g,y=r.className,m=void 0===y?"":y,C=r.style,z=r.label,E=r.required,B=r.hintText,D=l(a),O=D[0],P=D[1],I=l(""),A=I[0],T=I[1],L=l(!1),W=L[0],R=L[1],H=i(null),G=void 0!==t,j=G?t:O,N=function(e){G||P(e),null==d||d(e)},M=function(e){var o=e.trim();o&&!j.includes(o)&&(N(u(u([],j,!0),[o],!1)),T(""))},q=function(e){N(j.filter(function(o,r){return r!==e}))},V=f?{border:"1px solid var(--color-border-disabled)",boxShadow:S,outline:"none"}:b&&W?{border:"1px solid var(--color-border-error)",boxShadow:S,outline:"2px solid var(--color-border-error)",outlineOffset:"-2px"}:b?{border:"1px solid var(--color-border-error_subtle)",boxShadow:S,outline:"none"}:W?{border:"1px solid var(--color-border-brand)",boxShadow:S,outline:"2px solid var(--color-border-brand)",outlineOffset:"-2px"}:{border:"1px solid var(--color-border-primary)",boxShadow:S,outline:"none"},_=V.border,K=V.boxShadow,Y=V.outline,J=V.outlineOffset,Q=w[v],U=k[v],X=e("div",{className:"aha-input-tags ".concat(m),onClick:function(){var e;return null===(e=H.current)||void 0===e?void 0:e.focus()},style:s({display:"flex",flexWrap:"wrap",alignItems:"center",gap:"6px",padding:Q,border:_,boxShadow:K,outline:Y,outlineOffset:J,borderRadius:"var(--radius-md)",backgroundColor:f?"var(--color-bg-disabled_subtle)":"var(--color-bg-primary)",boxSizing:"border-box",width:"100%",transition:"border-color 0.15s ease, box-shadow 0.15s ease",cursor:f?"not-allowed":"text"},C),children:[j.map(function(e,r){return o(F,{size:U,action:f?"none":"x-close",onClose:function(){return q(r)},children:e},r)}),o("input",{ref:H,value:A,onChange:function(e){return T(e.target.value)},onKeyDown:function(e){"Enter"!==e.key&&","!==e.key||!A||(e.preventDefault(),M(A)),"Backspace"===e.key&&!A&&j.length>0&&q(j.length-1)},onFocus:function(){return R(!0)},onBlur:function(){R(!1),A&&M(A)},disabled:f,placeholder:0===j.length?p:"",style:{flex:1,minWidth:"80px",border:"none",outline:"none",padding:0,fontFamily:"var(--font-family-body)",fontSize:"var(--font-size-text-md)",lineHeight:"var(--line-height-text-md)",color:f?"var(--color-text-disabled)":"var(--color-text-primary)",backgroundColor:"transparent"}}),o("style",{children:"\n .aha-input-tags input::placeholder { color: var(--color-text-placeholder); }\n "})]});return z||B?e("div",{style:{display:"flex",flexDirection:"column",gap:"6px",width:"100%"},children:[z&&e("label",{style:{fontFamily:"var(--font-family-body)",fontSize:"var(--font-size-text-sm)",fontWeight:500,lineHeight:"20px",color:"var(--color-text-secondary)"},children:[z,E&&o("span",{style:{color:"var(--color-error-600)",marginLeft:"2px"},children:"*"})]}),X,B&&o("p",{style:{margin:0,fontFamily:"var(--font-family-body)",fontSize:"var(--font-size-text-sm)",fontWeight:400,lineHeight:"20px",color:b?"var(--color-error-600)":"var(--color-text-tertiary)"},children:B})]}):X},z={small:{height:"36px",paddingTop:"5px",paddingBottom:"5px"},mediumSmall:{height:"40px",paddingTop:"7px",paddingBottom:"7px"},medium:{height:"44px",paddingTop:"9px",paddingBottom:"9px"},large:{height:"48px",paddingTop:"11px",paddingBottom:"11px"}},E="var(--shadow-xs)",B=function(e){var r=e.onClick;return o("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:r,style:{cursor:"pointer",flexShrink:0},children:o("path",{d:"M12 4L4 12M4 4L12 12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})},D=n(function(n,l){var d=n.size,c=void 0===d?"mediumSmall":d,u=n.disabled,h=void 0!==u&&u,f=n.error,x=void 0!==f&&f,b=n.readOnly,g=void 0!==b&&b,v=n.prefix,y=n.suffix,m=n.allowClear,F=void 0!==m&&m,S=n.onClear,w=n.className,k=void 0===w?"":w,C=n.style,D=n.type,O=void 0===D?"text":D,P=n.placeholder,I=n.value,A=n.defaultValue,T=n.onChange,L=n.onFocus,W=n.onBlur,R=n.onPressEnter,H=n.label,G=n.required,j=n.hintText,N=p(n,["size","disabled","error","readOnly","prefix","suffix","allowClear","onClear","className","style","type","placeholder","value","defaultValue","onChange","onFocus","onBlur","onPressEnter","label","required","hintText"]),M=i(null),q=t.useState(A||I||""),V=q[0],_=q[1],K=t.useState(!1),Y=K[0],J=K[1];a(function(){"function"==typeof l?l(M.current):l&&(l.current=M.current)},[l]);var Q=void 0!==I,U=Q?I:V,X=F&&U&&!h,Z=h?{border:"1px solid var(--color-border-disabled)",boxShadow:E,outline:"none"}:x&&Y?{border:"1px solid var(--color-border-error)",boxShadow:E,outline:"2px solid var(--color-border-error)",outlineOffset:"-2px"}:x?{border:"1px solid var(--color-border-error_subtle)",boxShadow:E,outline:"none"}:Y?{border:"1px solid var(--color-border-brand)",boxShadow:E,outline:"2px solid var(--color-border-brand)",outlineOffset:"-2px"}:{border:"1px solid var(--color-border-primary)",boxShadow:E,outline:"none"},$=Z.border,ee=Z.boxShadow,oe=Z.outline,re=Z.outlineOffset,te=z[c],ne=te.height,ie=te.paddingTop,le=te.paddingBottom,ae=s({width:"100%",height:ne,boxSizing:"border-box",fontFamily:"var(--font-family-body)",fontSize:"var(--font-size-text-md)",fontWeight:400,lineHeight:"var(--line-height-text-md)",borderRadius:"var(--radius-md)",border:$,boxShadow:ee,backgroundColor:h||g?"var(--color-bg-disabled_subtle)":"var(--color-bg-primary)",color:h?"var(--color-text-disabled)":"var(--color-text-primary)",paddingTop:ie,paddingBottom:le,paddingLeft:v?"40px":"14px",paddingRight:y||X?"40px":"14px",transition:"border-color 0.15s ease, box-shadow 0.15s ease, outline-color 0.15s ease",outline:oe,outlineOffset:re,WebkitAppearance:"none",MozAppearance:"textfield",appearance:"none"},C),de={position:"absolute",top:"50%",transform:"translateY(-50%)",display:"flex",alignItems:"center",color:h?"var(--color-fg-disabled)":"var(--color-fg-quaternary)",zIndex:1},ce=e(r,{children:[o("style",{children:'\n .aha-input-wrapper input::placeholder {\n color: var(--color-text-placeholder);\n font-size: var(--font-size-text-md);\n font-weight: 400;\n opacity: 1;\n }\n .aha-input-wrapper input::-webkit-input-placeholder { color: var(--color-text-placeholder); }\n .aha-input-wrapper input::-moz-placeholder { color: var(--color-text-placeholder); }\n .aha-input-wrapper input:-ms-input-placeholder { color: var(--color-text-placeholder); }\n .aha-input-wrapper input {\n -webkit-tap-highlight-color: transparent;\n -webkit-touch-callout: none;\n touch-action: manipulation;\n }\n .aha-input-wrapper input[type="number"]::-webkit-inner-spin-button,\n .aha-input-wrapper input[type="number"]::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n .aha-input-wrapper input[type="number"] { -moz-appearance: textfield; }\n '}),e("div",{className:"aha-input-wrapper ".concat(k),style:{position:"relative",display:"block",width:"100%"},children:[v&&o("span",{style:s(s({},de),{left:"14px",pointerEvents:"none"}),children:v}),o("input",s({ref:M,type:O,value:U,placeholder:P,disabled:h,readOnly:g,onChange:function(e){Q||_(e.target.value),null==T||T(e)},onFocus:function(e){J(!0),null==L||L(e)},onBlur:function(e){J(!1),null==W||W(e)},onKeyDown:function(e){var o;"Enter"===e.key&&R&&R(e),null===(o=N.onKeyDown)||void 0===o||o.call(N,e)},style:ae,autoComplete:N.autoComplete||"off",autoCorrect:N.autoCorrect||"off",autoCapitalize:N.autoCapitalize||"off",spellCheck:N.spellCheck||!1},N)),(y||X)&&e("span",{style:s(s({},de),{right:"14px",gap:"var(--spacing-xs)"}),children:[X&&o(B,{onClick:function(e){var o;e.stopPropagation(),Q||_("");null==T||T({target:{value:""},currentTarget:{value:""}}),null==S||S(),null===(o=M.current)||void 0===o||o.focus()}}),y]})]})]});return H||j?e("div",{style:{display:"flex",flexDirection:"column",gap:"6px",width:"100%"},children:[H&&e("label",{style:{fontFamily:"var(--font-family-body)",fontSize:"var(--font-size-text-sm)",fontWeight:500,lineHeight:"20px",color:"var(--color-text-secondary)"},children:[H,G&&o("span",{style:{color:"var(--color-error-600)",marginLeft:"2px"},children:"*"})]}),ce,j&&o("p",{style:{margin:0,fontFamily:"var(--font-family-body)",fontSize:"var(--font-size-text-sm)",fontWeight:400,lineHeight:"20px",color:x?"var(--color-error-600)":"var(--color-text-tertiary)"},children:j})]}):ce});D.displayName="Input";export{x as InputGroup,C as InputTags,D as default};
|
|
2
2
|
//# sourceMappingURL=Input.esm.js.map
|
package/dist/Input.esm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.esm.js","sources":["../node_modules/tslib/tslib.es6.js","../src/theme/ThemeContext.tsx","../src/components/Input/index.tsx"],"sourcesContent":["/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise, SuppressedError, Symbol, Iterator */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\r\n function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\r\n var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\r\n var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\r\n var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\r\n var _, done = false;\r\n for (var i = decorators.length - 1; i >= 0; i--) {\r\n var context = {};\r\n for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\r\n for (var p in contextIn.access) context.access[p] = contextIn.access[p];\r\n context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\r\n var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\r\n if (kind === \"accessor\") {\r\n if (result === void 0) continue;\r\n if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\r\n if (_ = accept(result.get)) descriptor.get = _;\r\n if (_ = accept(result.set)) descriptor.set = _;\r\n if (_ = accept(result.init)) initializers.unshift(_);\r\n }\r\n else if (_ = accept(result)) {\r\n if (kind === \"field\") initializers.unshift(_);\r\n else descriptor[key] = _;\r\n }\r\n }\r\n if (target) Object.defineProperty(target, contextIn.name, descriptor);\r\n done = true;\r\n};\r\n\r\nexport function __runInitializers(thisArg, initializers, value) {\r\n var useValue = arguments.length > 2;\r\n for (var i = 0; i < initializers.length; i++) {\r\n value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\r\n }\r\n return useValue ? value : void 0;\r\n};\r\n\r\nexport function __propKey(x) {\r\n return typeof x === \"symbol\" ? x : \"\".concat(x);\r\n};\r\n\r\nexport function __setFunctionName(f, name, prefix) {\r\n if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\r\n return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\r\n};\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === \"function\" ? Iterator : Object).prototype);\r\n return g.next = verb(0), g[\"throw\"] = verb(1), g[\"return\"] = verb(2), typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n var desc = Object.getOwnPropertyDescriptor(m, k);\r\n if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n desc = { enumerable: true, get: function() { return m[k]; } };\r\n }\r\n Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = Object.create((typeof AsyncIterator === \"function\" ? AsyncIterator : Object).prototype), verb(\"next\"), verb(\"throw\"), verb(\"return\", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }\r\n function verb(n, f) { if (g[n]) { i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; if (f) i[n] = f(i[n]); } }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nvar ownKeys = function(o) {\r\n ownKeys = Object.getOwnPropertyNames || function (o) {\r\n var ar = [];\r\n for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;\r\n return ar;\r\n };\r\n return ownKeys(o);\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== \"default\") __createBinding(result, mod, k[i]);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n\r\nexport function __addDisposableResource(env, value, async) {\r\n if (value !== null && value !== void 0) {\r\n if (typeof value !== \"object\" && typeof value !== \"function\") throw new TypeError(\"Object expected.\");\r\n var dispose, inner;\r\n if (async) {\r\n if (!Symbol.asyncDispose) throw new TypeError(\"Symbol.asyncDispose is not defined.\");\r\n dispose = value[Symbol.asyncDispose];\r\n }\r\n if (dispose === void 0) {\r\n if (!Symbol.dispose) throw new TypeError(\"Symbol.dispose is not defined.\");\r\n dispose = value[Symbol.dispose];\r\n if (async) inner = dispose;\r\n }\r\n if (typeof dispose !== \"function\") throw new TypeError(\"Object not disposable.\");\r\n if (inner) dispose = function() { try { inner.call(this); } catch (e) { return Promise.reject(e); } };\r\n env.stack.push({ value: value, dispose: dispose, async: async });\r\n }\r\n else if (async) {\r\n env.stack.push({ async: true });\r\n }\r\n return value;\r\n\r\n}\r\n\r\nvar _SuppressedError = typeof SuppressedError === \"function\" ? SuppressedError : function (error, suppressed, message) {\r\n var e = new Error(message);\r\n return e.name = \"SuppressedError\", e.error = error, e.suppressed = suppressed, e;\r\n};\r\n\r\nexport function __disposeResources(env) {\r\n function fail(e) {\r\n env.error = env.hasError ? new _SuppressedError(e, env.error, \"An error was suppressed during disposal.\") : e;\r\n env.hasError = true;\r\n }\r\n var r, s = 0;\r\n function next() {\r\n while (r = env.stack.pop()) {\r\n try {\r\n if (!r.async && s === 1) return s = 0, env.stack.push(r), Promise.resolve().then(next);\r\n if (r.dispose) {\r\n var result = r.dispose.call(r.value);\r\n if (r.async) return s |= 2, Promise.resolve(result).then(next, function(e) { fail(e); return next(); });\r\n }\r\n else s |= 1;\r\n }\r\n catch (e) {\r\n fail(e);\r\n }\r\n }\r\n if (s === 1) return env.hasError ? Promise.reject(env.error) : Promise.resolve();\r\n if (env.hasError) throw env.error;\r\n }\r\n return next();\r\n}\r\n\r\nexport function __rewriteRelativeImportExtension(path, preserveJsx) {\r\n if (typeof path === \"string\" && /^\\.\\.?\\//.test(path)) {\r\n return path.replace(/\\.(tsx)$|((?:\\.d)?)((?:\\.[^./]+?)?)\\.([cm]?)ts$/i, function (m, tsx, d, ext, cm) {\r\n return tsx ? preserveJsx ? \".jsx\" : \".js\" : d && (!ext || !cm) ? m : (d + ext + \".\" + cm.toLowerCase() + \"js\");\r\n });\r\n }\r\n return path;\r\n}\r\n\r\nexport default {\r\n __extends: __extends,\r\n __assign: __assign,\r\n __rest: __rest,\r\n __decorate: __decorate,\r\n __param: __param,\r\n __esDecorate: __esDecorate,\r\n __runInitializers: __runInitializers,\r\n __propKey: __propKey,\r\n __setFunctionName: __setFunctionName,\r\n __metadata: __metadata,\r\n __awaiter: __awaiter,\r\n __generator: __generator,\r\n __createBinding: __createBinding,\r\n __exportStar: __exportStar,\r\n __values: __values,\r\n __read: __read,\r\n __spread: __spread,\r\n __spreadArrays: __spreadArrays,\r\n __spreadArray: __spreadArray,\r\n __await: __await,\r\n __asyncGenerator: __asyncGenerator,\r\n __asyncDelegator: __asyncDelegator,\r\n __asyncValues: __asyncValues,\r\n __makeTemplateObject: __makeTemplateObject,\r\n __importStar: __importStar,\r\n __importDefault: __importDefault,\r\n __classPrivateFieldGet: __classPrivateFieldGet,\r\n __classPrivateFieldSet: __classPrivateFieldSet,\r\n __classPrivateFieldIn: __classPrivateFieldIn,\r\n __addDisposableResource: __addDisposableResource,\r\n __disposeResources: __disposeResources,\r\n __rewriteRelativeImportExtension: __rewriteRelativeImportExtension,\r\n};\r\n","import React, { createContext, useContext, useMemo } from 'react';\n\nexport interface ThemeConfig {\n primaryColor?: string;\n}\n\nconst defaultTheme: ThemeConfig = {\n primaryColor: '#FB6011',\n};\n\nconst ThemeContext = createContext<ThemeConfig>(defaultTheme);\n\nexport interface ThemeProviderProps {\n theme?: ThemeConfig;\n children: React.ReactNode;\n}\n\nexport const ThemeProvider: React.FC<ThemeProviderProps> = ({ theme, children }) => {\n const themeValue = useMemo(() => {\n return {\n ...defaultTheme,\n ...theme,\n };\n }, [theme]);\n\n return (\n <ThemeContext.Provider value={themeValue}>\n {children}\n </ThemeContext.Provider>\n );\n};\n\nexport const useTheme = (): ThemeConfig => {\n const context = useContext(ThemeContext);\n if (!context) {\n // 如果没有 Provider,返回默认主题\n return defaultTheme;\n }\n return context;\n};\n\n// 导出默认主题色,供组件内部使用\nexport const getDefaultPrimaryColor = () => defaultTheme.primaryColor!;\n\n","import React, { forwardRef, useRef, useEffect } from 'react';\nimport { useTheme } from '../../theme/ThemeContext';\n\nexport interface InputProps\n extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'suffix'> {\n /** 输入框大小 */\n size?: 'small' | 'mediumSmall' | 'medium' | 'large';\n /** 是否禁用 */\n disabled?: boolean;\n /** 是否显示错误状态 */\n error?: boolean;\n /** 是否只读 */\n readOnly?: boolean;\n /** 输入框前缀图标 */\n prefix?: React.ReactNode;\n /** 输入框后缀图标 */\n suffix?: React.ReactNode;\n /** 允许清除 */\n allowClear?: boolean;\n /** 清除回调 */\n onClear?: () => void;\n /** 自定义类名 */\n className?: string;\n /** 自定义样式 */\n style?: React.CSSProperties;\n /** 输入框类型 */\n type?: string;\n /** 占位符 */\n placeholder?: string;\n /** 值 */\n value?: string;\n /** 默认值 */\n defaultValue?: string;\n /** 变化回调 */\n onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n /** 聚焦回调 */\n onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;\n /** 失焦回调 */\n onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;\n /** 按下回车回调 */\n onPressEnter?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n}\n\nconst Input = forwardRef<HTMLInputElement, InputProps>(\n (\n {\n size = 'medium',\n disabled = false,\n error = false,\n readOnly = false,\n prefix,\n suffix,\n allowClear = false,\n onClear,\n className = '',\n style,\n type = 'text',\n placeholder,\n value,\n defaultValue,\n onChange,\n onFocus,\n onBlur,\n onPressEnter,\n ...restProps\n },\n ref\n ) => {\n const { primaryColor = '#FB6011' } = useTheme();\n const inputRef = useRef<HTMLInputElement>(null);\n const [internalValue, setInternalValue] = React.useState(\n defaultValue || value || ''\n );\n const [focused, setFocused] = React.useState(false);\n\n // 合并 ref\n useEffect(() => {\n if (typeof ref === 'function') {\n ref(inputRef.current);\n } else if (ref) {\n (ref as React.MutableRefObject<HTMLInputElement | null>).current =\n inputRef.current;\n }\n }, [ref]);\n\n // 受控/非受控处理\n const isControlled = value !== undefined;\n const currentValue = isControlled ? value : internalValue;\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n if (!isControlled) {\n setInternalValue(e.target.value);\n }\n onChange?.(e);\n };\n\n const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n setFocused(true);\n onFocus?.(e);\n };\n\n const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n setFocused(false);\n onBlur?.(e);\n };\n\n const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n if (e.key === 'Enter' && onPressEnter) {\n onPressEnter(e);\n }\n restProps.onKeyDown?.(e);\n };\n\n const handleClear = (e: React.MouseEvent) => {\n e.stopPropagation();\n if (!isControlled) {\n setInternalValue('');\n }\n // 创建一个清除事件\n const syntheticEvent = {\n target: { value: '' },\n currentTarget: { value: '' },\n } as React.ChangeEvent<HTMLInputElement>;\n onChange?.(syntheticEvent);\n onClear?.();\n inputRef.current?.focus();\n };\n\n const showClear = allowClear && currentValue && !disabled;\n\n // 尺寸样式 - 高度包含边框(1px),实际内容区域需要减去上下边框(2px)\n // 字体 16px,line-height 24px,需要计算合适的 padding\n const sizeStyles = {\n small: {\n height: '32px', // 包含边框的实际高度\n paddingTop: '3px',\n paddingBottom: '3px',\n },\n mediumSmall: {\n height: '36px', // 包含边框的实际高度\n paddingTop: '5px',\n paddingBottom: '5px',\n },\n medium: {\n height: '40px', // 包含边框的实际高度\n paddingTop: '7px',\n paddingBottom: '7px',\n },\n large: {\n height: '48px', // 包含边框的实际高度\n paddingTop: '11px',\n paddingBottom: '11px',\n },\n };\n\n // 计算 padding-right\n const hasRightContent = suffix || showClear;\n const paddingRight = hasRightContent ? '40px' : '12px'; // 如果有后缀或清除按钮,右边留出空间\n\n const baseStyles: React.CSSProperties = {\n width: '100%',\n boxSizing: 'border-box',\n fontFamily: \"DM Sans, sans-serif\",\n borderRadius: '8px', // rounded-md (0.5rem)\n border: `1px solid ${error ? '#F04438' : focused ? primaryColor : '#D7D3D0'}`,\n backgroundColor: disabled ? '#FAFAF9' : readOnly ? '#FAFAF9' : '#FFFFFF',\n color: disabled ? '#98A2B3' : '#1C1917',\n fontSize: '16px', // text-base - 至少 16px 避免 iOS Safari 自动缩放\n fontWeight: 400,\n lineHeight: '24px',\n paddingLeft: prefix ? '40px' : '12px', // 所有情况下,如果没有前缀,padding-left 都是 12px\n paddingRight,\n paddingTop: sizeStyles[size].paddingTop,\n paddingBottom: sizeStyles[size].paddingBottom,\n transition: 'all 0.2s',\n outline: 'none',\n WebkitAppearance: 'none', // 移除 iOS Safari 默认样式\n MozAppearance: 'textfield', // 移除 Firefox 数字输入框的上下箭头\n appearance: 'none',\n ...style,\n };\n\n // 占位符样式通过 CSS 类名处理\n const placeholderStyles = `\n .aha-input-wrapper input::placeholder {\n color: #D7D3D0;\n font-size: 16px;\n font-weight: 400;\n opacity: 1;\n }\n .aha-input-wrapper input::-webkit-input-placeholder {\n color: #D7D3D0;\n font-size: 16px;\n font-weight: 400;\n opacity: 1;\n }\n .aha-input-wrapper input::-moz-placeholder {\n color: #D7D3D0;\n font-size: 16px;\n font-weight: 400;\n opacity: 1;\n }\n .aha-input-wrapper input:-ms-input-placeholder {\n color: #D7D3D0;\n font-size: 16px;\n font-weight: 400;\n opacity: 1;\n }\n /* 移动端优化 */\n .aha-input-wrapper input {\n -webkit-tap-highlight-color: transparent;\n -webkit-touch-callout: none;\n touch-action: manipulation;\n }\n /* 移除数字输入框的上下箭头 */\n .aha-input-wrapper input[type=\"number\"]::-webkit-inner-spin-button,\n .aha-input-wrapper input[type=\"number\"]::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n .aha-input-wrapper input[type=\"number\"] {\n -moz-appearance: textfield;\n }\n `;\n\n // 清除图标\n const ClearIcon = () => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n onClick={handleClear}\n style={{\n cursor: 'pointer',\n flexShrink: 0,\n color: '#78716C',\n }}\n >\n <path\n d=\"M12 4L4 12M4 4L12 12\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n );\n\n return (\n <>\n <style>{placeholderStyles}</style>\n <div\n className={`aha-input-wrapper ${className}`}\n style={{\n position: 'relative',\n display: 'inline-flex',\n alignItems: 'center',\n width: '100%',\n }}\n >\n {prefix && (\n <span\n style={{\n position: 'absolute',\n left: '12px',\n display: 'flex',\n alignItems: 'center',\n color: disabled ? '#98A2B3' : '#78716C',\n zIndex: 1,\n pointerEvents: 'none',\n }}\n >\n {prefix}\n </span>\n )}\n <input\n ref={inputRef}\n type={type}\n value={currentValue}\n placeholder={placeholder}\n disabled={disabled}\n readOnly={readOnly}\n onChange={handleChange}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onKeyDown={handleKeyDown}\n style={baseStyles}\n autoComplete={restProps.autoComplete || 'off'}\n autoCorrect={restProps.autoCorrect || 'off'}\n autoCapitalize={restProps.autoCapitalize || 'off'}\n spellCheck={restProps.spellCheck || false}\n {...restProps}\n />\n {(suffix || showClear) && (\n <span\n style={{\n position: 'absolute',\n right: '12px',\n display: 'flex',\n alignItems: 'center',\n gap: '4px',\n color: disabled ? '#98A2B3' : '#78716C',\n zIndex: 1,\n }}\n >\n {showClear && <ClearIcon />}\n {suffix && <span style={{ pointerEvents: 'none' }}>{suffix}</span>}\n </span>\n )}\n </div>\n </>\n );\n }\n);\n\nInput.displayName = 'Input';\n\nexport default Input;\n\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","SuppressedError","defaultTheme","primaryColor","ThemeContext","createContext","Input","forwardRef","_a","ref","_b","size","_c","disabled","_d","error","_e","readOnly","prefix","suffix","_f","allowClear","onClear","_g","className","style","_h","type","placeholder","value","defaultValue","onChange","onFocus","onBlur","onPressEnter","restProps","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","__rest","_j","useContext","inputRef","useRef","_k","React","useState","internalValue","setInternalValue","_l","focused","setFocused","useEffect","current","isControlled","undefined","currentValue","handleClear","stopPropagation","target","currentTarget","focus","showClear","sizeStyles","small","height","paddingTop","paddingBottom","mediumSmall","medium","large","paddingRight","baseStyles","width","boxSizing","fontFamily","borderRadius","border","concat","backgroundColor","color","fontSize","fontWeight","lineHeight","paddingLeft","transition","outline","WebkitAppearance","MozAppearance","appearance","_jsxs","_Fragment","children","_jsx","position","display","alignItems","left","zIndex","pointerEvents","onKeyDown","key","autoComplete","autoCorrect","autoCapitalize","spellCheck","right","gap","viewBox","fill","xmlns","onClick","cursor","flexShrink","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","displayName"],"mappings":"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","x_google_ignoreList":[0]}
|
|
1
|
+
{"version":3,"file":"Input.esm.js","sources":["../node_modules/tslib/tslib.es6.js","../src/components/Input/InputGroup.tsx","../src/theme/ThemeContext.tsx","../src/components/Tag/index.tsx","../src/components/Input/InputTags.tsx","../src/components/Input/index.tsx"],"sourcesContent":["/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise, SuppressedError, Symbol, Iterator */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\r\n function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\r\n var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\r\n var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\r\n var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\r\n var _, done = false;\r\n for (var i = decorators.length - 1; i >= 0; i--) {\r\n var context = {};\r\n for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\r\n for (var p in contextIn.access) context.access[p] = contextIn.access[p];\r\n context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\r\n var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\r\n if (kind === \"accessor\") {\r\n if (result === void 0) continue;\r\n if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\r\n if (_ = accept(result.get)) descriptor.get = _;\r\n if (_ = accept(result.set)) descriptor.set = _;\r\n if (_ = accept(result.init)) initializers.unshift(_);\r\n }\r\n else if (_ = accept(result)) {\r\n if (kind === \"field\") initializers.unshift(_);\r\n else descriptor[key] = _;\r\n }\r\n }\r\n if (target) Object.defineProperty(target, contextIn.name, descriptor);\r\n done = true;\r\n};\r\n\r\nexport function __runInitializers(thisArg, initializers, value) {\r\n var useValue = arguments.length > 2;\r\n for (var i = 0; i < initializers.length; i++) {\r\n value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\r\n }\r\n return useValue ? value : void 0;\r\n};\r\n\r\nexport function __propKey(x) {\r\n return typeof x === \"symbol\" ? x : \"\".concat(x);\r\n};\r\n\r\nexport function __setFunctionName(f, name, prefix) {\r\n if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\r\n return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\r\n};\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === \"function\" ? Iterator : Object).prototype);\r\n return g.next = verb(0), g[\"throw\"] = verb(1), g[\"return\"] = verb(2), typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n var desc = Object.getOwnPropertyDescriptor(m, k);\r\n if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n desc = { enumerable: true, get: function() { return m[k]; } };\r\n }\r\n Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = Object.create((typeof AsyncIterator === \"function\" ? AsyncIterator : Object).prototype), verb(\"next\"), verb(\"throw\"), verb(\"return\", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }\r\n function verb(n, f) { if (g[n]) { i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; if (f) i[n] = f(i[n]); } }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nvar ownKeys = function(o) {\r\n ownKeys = Object.getOwnPropertyNames || function (o) {\r\n var ar = [];\r\n for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;\r\n return ar;\r\n };\r\n return ownKeys(o);\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== \"default\") __createBinding(result, mod, k[i]);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n\r\nexport function __addDisposableResource(env, value, async) {\r\n if (value !== null && value !== void 0) {\r\n if (typeof value !== \"object\" && typeof value !== \"function\") throw new TypeError(\"Object expected.\");\r\n var dispose, inner;\r\n if (async) {\r\n if (!Symbol.asyncDispose) throw new TypeError(\"Symbol.asyncDispose is not defined.\");\r\n dispose = value[Symbol.asyncDispose];\r\n }\r\n if (dispose === void 0) {\r\n if (!Symbol.dispose) throw new TypeError(\"Symbol.dispose is not defined.\");\r\n dispose = value[Symbol.dispose];\r\n if (async) inner = dispose;\r\n }\r\n if (typeof dispose !== \"function\") throw new TypeError(\"Object not disposable.\");\r\n if (inner) dispose = function() { try { inner.call(this); } catch (e) { return Promise.reject(e); } };\r\n env.stack.push({ value: value, dispose: dispose, async: async });\r\n }\r\n else if (async) {\r\n env.stack.push({ async: true });\r\n }\r\n return value;\r\n\r\n}\r\n\r\nvar _SuppressedError = typeof SuppressedError === \"function\" ? SuppressedError : function (error, suppressed, message) {\r\n var e = new Error(message);\r\n return e.name = \"SuppressedError\", e.error = error, e.suppressed = suppressed, e;\r\n};\r\n\r\nexport function __disposeResources(env) {\r\n function fail(e) {\r\n env.error = env.hasError ? new _SuppressedError(e, env.error, \"An error was suppressed during disposal.\") : e;\r\n env.hasError = true;\r\n }\r\n var r, s = 0;\r\n function next() {\r\n while (r = env.stack.pop()) {\r\n try {\r\n if (!r.async && s === 1) return s = 0, env.stack.push(r), Promise.resolve().then(next);\r\n if (r.dispose) {\r\n var result = r.dispose.call(r.value);\r\n if (r.async) return s |= 2, Promise.resolve(result).then(next, function(e) { fail(e); return next(); });\r\n }\r\n else s |= 1;\r\n }\r\n catch (e) {\r\n fail(e);\r\n }\r\n }\r\n if (s === 1) return env.hasError ? Promise.reject(env.error) : Promise.resolve();\r\n if (env.hasError) throw env.error;\r\n }\r\n return next();\r\n}\r\n\r\nexport function __rewriteRelativeImportExtension(path, preserveJsx) {\r\n if (typeof path === \"string\" && /^\\.\\.?\\//.test(path)) {\r\n return path.replace(/\\.(tsx)$|((?:\\.d)?)((?:\\.[^./]+?)?)\\.([cm]?)ts$/i, function (m, tsx, d, ext, cm) {\r\n return tsx ? preserveJsx ? \".jsx\" : \".js\" : d && (!ext || !cm) ? m : (d + ext + \".\" + cm.toLowerCase() + \"js\");\r\n });\r\n }\r\n return path;\r\n}\r\n\r\nexport default {\r\n __extends: __extends,\r\n __assign: __assign,\r\n __rest: __rest,\r\n __decorate: __decorate,\r\n __param: __param,\r\n __esDecorate: __esDecorate,\r\n __runInitializers: __runInitializers,\r\n __propKey: __propKey,\r\n __setFunctionName: __setFunctionName,\r\n __metadata: __metadata,\r\n __awaiter: __awaiter,\r\n __generator: __generator,\r\n __createBinding: __createBinding,\r\n __exportStar: __exportStar,\r\n __values: __values,\r\n __read: __read,\r\n __spread: __spread,\r\n __spreadArrays: __spreadArrays,\r\n __spreadArray: __spreadArray,\r\n __await: __await,\r\n __asyncGenerator: __asyncGenerator,\r\n __asyncDelegator: __asyncDelegator,\r\n __asyncValues: __asyncValues,\r\n __makeTemplateObject: __makeTemplateObject,\r\n __importStar: __importStar,\r\n __importDefault: __importDefault,\r\n __classPrivateFieldGet: __classPrivateFieldGet,\r\n __classPrivateFieldSet: __classPrivateFieldSet,\r\n __classPrivateFieldIn: __classPrivateFieldIn,\r\n __addDisposableResource: __addDisposableResource,\r\n __disposeResources: __disposeResources,\r\n __rewriteRelativeImportExtension: __rewriteRelativeImportExtension,\r\n};\r\n","import React, { forwardRef, useRef, useEffect, useState } from 'react';\nimport { InputProps } from './index';\n\nexport interface InputGroupProps\n extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'suffix'> {\n size?: 'small' | 'mediumSmall' | 'medium' | 'large';\n error?: boolean;\n readOnly?: boolean;\n disabled?: boolean;\n prefix?: React.ReactNode;\n suffix?: React.ReactNode;\n /** Text addon on the left (e.g. \"https://\") — auto-styled with correct padding */\n leadingText?: React.ReactNode;\n /** Text addon on the right (e.g. \"USD\") — auto-styled with correct padding */\n trailingText?: React.ReactNode;\n /** Raw ReactNode on the left (dropdown, icon button, etc.) — no padding added */\n leadingAddon?: React.ReactNode;\n /** Raw ReactNode on the right (button, select, etc.) — no padding added */\n trailingAddon?: React.ReactNode;\n onPressEnter?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n className?: string;\n style?: React.CSSProperties;\n label?: string;\n required?: boolean;\n hintText?: string;\n}\n\nconst SHADOW_XS = 'var(--shadow-xs)';\n\nconst sizeMap: Record<NonNullable<InputGroupProps['size']>, { pt: string; pb: string }> = {\n small: { pt: '5px', pb: '5px' },\n mediumSmall: { pt: '7px', pb: '7px' },\n medium: { pt: '9px', pb: '9px' },\n large: { pt: '11px', pb: '11px' },\n};\n\nconst InputGroup = forwardRef<HTMLInputElement, InputGroupProps>(({\n size = 'mediumSmall',\n error = false,\n disabled = false,\n readOnly = false,\n prefix,\n suffix,\n leadingText,\n trailingText,\n leadingAddon,\n trailingAddon,\n className = '',\n style,\n onFocus,\n onBlur,\n onKeyDown,\n onPressEnter,\n value,\n defaultValue,\n onChange,\n placeholder,\n type = 'text',\n label,\n required,\n hintText,\n ...restProps\n}, ref) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const [focused, setFocused] = useState(false);\n const [internalValue, setInternalValue] = useState(defaultValue ?? '');\n\n useEffect(() => {\n if (typeof ref === 'function') ref(inputRef.current);\n else if (ref) (ref as React.MutableRefObject<HTMLInputElement | null>).current = inputRef.current;\n }, [ref]);\n\n const isControlled = value !== undefined;\n const currentValue = isControlled ? value : internalValue;\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n if (!isControlled) setInternalValue(e.target.value);\n onChange?.(e);\n };\n\n const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n setFocused(true);\n onFocus?.(e);\n };\n\n const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n setFocused(false);\n onBlur?.(e);\n };\n\n const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n if (e.key === 'Enter' && onPressEnter) onPressEnter(e);\n onKeyDown?.(e);\n };\n\n const getFocusStyles = (): React.CSSProperties => {\n if (disabled) return { border: '1px solid var(--color-border-disabled)', boxShadow: SHADOW_XS, outline: 'none' };\n if (error && focused) return { border: '1px solid var(--color-border-error)', boxShadow: SHADOW_XS, outline: '2px solid var(--color-border-error)', outlineOffset: '-2px' };\n if (error) return { border: '1px solid var(--color-border-error_subtle)', boxShadow: SHADOW_XS, outline: 'none' };\n if (focused) return { border: '1px solid var(--color-border-brand)', boxShadow: SHADOW_XS, outline: '2px solid var(--color-border-brand)', outlineOffset: '-2px' };\n return { border: '1px solid var(--color-border-primary)', boxShadow: SHADOW_XS, outline: 'none' };\n };\n\n const { border, boxShadow, outline, outlineOffset } = getFocusStyles();\n const { pt, pb } = sizeMap[size];\n const dividerColor = disabled ? 'var(--color-border-disabled)' : 'var(--color-border-primary)';\n const iconColor = disabled ? 'var(--color-fg-disabled)' : 'var(--color-fg-quaternary)';\n const hasPrefixIcon = !!prefix;\n const hasSuffixIcon = !!suffix;\n\n const iconSlotStyle: React.CSSProperties = {\n position: 'absolute',\n top: '50%',\n transform: 'translateY(-50%)',\n display: 'flex',\n alignItems: 'center',\n color: iconColor,\n zIndex: 1,\n pointerEvents: 'none',\n };\n\n const addonTextStyle: React.CSSProperties = {\n display: 'flex',\n alignItems: 'center',\n paddingTop: pt,\n paddingBottom: pb,\n paddingLeft: '14px',\n paddingRight: '12px',\n color: 'var(--color-text-tertiary)',\n fontFamily: 'var(--font-family-body)',\n fontSize: 'var(--font-size-text-md)',\n lineHeight: 'var(--line-height-text-md)',\n whiteSpace: 'nowrap',\n flexShrink: 0,\n backgroundColor: disabled ? 'var(--color-bg-disabled_subtle)' : 'transparent',\n };\n\n const groupEl = (\n <div\n className={`aha-input-group ${className}`}\n style={{\n display: 'flex',\n alignItems: 'stretch',\n width: '100%',\n border,\n boxShadow,\n outline,\n outlineOffset,\n borderRadius: 'var(--radius-md)',\n backgroundColor: disabled || readOnly ? 'var(--color-bg-disabled_subtle)' : 'var(--color-bg-primary)',\n overflow: 'hidden',\n boxSizing: 'border-box',\n transition: 'border-color 0.15s ease, box-shadow 0.15s ease',\n ...style,\n }}\n >\n {/* Leading text addon (auto-padded) */}\n {leadingText !== undefined && (\n <div style={{ ...addonTextStyle, borderRight: `1px solid ${dividerColor}` }}>\n {leadingText}\n </div>\n )}\n {/* Leading raw addon (no auto-padding) */}\n {leadingAddon !== undefined && (\n <div style={{ display: 'flex', alignItems: 'stretch', flexShrink: 0, borderRight: `1px solid ${dividerColor}` }}>\n {leadingAddon}\n </div>\n )}\n\n {/* Input area */}\n <div style={{ flex: 1, position: 'relative', display: 'flex', alignItems: 'stretch', minWidth: 0 }}>\n {hasPrefixIcon && (\n <span style={{ ...iconSlotStyle, left: '14px' }}>{prefix}</span>\n )}\n <input\n ref={inputRef}\n type={type}\n value={currentValue}\n placeholder={placeholder}\n disabled={disabled}\n readOnly={readOnly}\n onChange={handleChange}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onKeyDown={handleKeyDown}\n style={{\n flex: 1,\n border: 'none',\n outline: 'none',\n width: '100%',\n boxSizing: 'border-box',\n fontFamily: 'var(--font-family-body)',\n fontSize: 'var(--font-size-text-md)',\n fontWeight: 400,\n lineHeight: 'var(--line-height-text-md)',\n backgroundColor: 'transparent',\n color: disabled ? 'var(--color-text-disabled)' : 'var(--color-text-primary)',\n paddingTop: pt,\n paddingBottom: pb,\n paddingLeft: hasPrefixIcon ? '40px' : '14px',\n paddingRight: hasSuffixIcon ? '40px' : '14px',\n }}\n autoComplete={restProps.autoComplete || 'off'}\n {...restProps}\n />\n {hasSuffixIcon && (\n <span style={{ ...iconSlotStyle, right: '14px' }}>{suffix}</span>\n )}\n </div>\n\n {/* Trailing text addon (auto-padded) */}\n {trailingText !== undefined && (\n <div style={{ ...addonTextStyle, paddingLeft: '12px', paddingRight: '14px', borderLeft: `1px solid ${dividerColor}` }}>\n {trailingText}\n </div>\n )}\n {/* Trailing raw addon (no auto-padding) */}\n {trailingAddon !== undefined && (\n <div style={{ display: 'flex', alignItems: 'stretch', flexShrink: 0, borderLeft: `1px solid ${dividerColor}` }}>\n {trailingAddon}\n </div>\n )}\n </div>\n );\n\n if (!label && !hintText) return groupEl;\n\n const labelStyle: React.CSSProperties = {\n fontFamily: 'var(--font-family-body)',\n fontSize: 'var(--font-size-text-sm)',\n fontWeight: 500,\n lineHeight: '20px',\n color: 'var(--color-text-secondary)',\n };\n\n const hintStyle: React.CSSProperties = {\n margin: 0,\n fontFamily: 'var(--font-family-body)',\n fontSize: 'var(--font-size-text-sm)',\n fontWeight: 400,\n lineHeight: '20px',\n color: error ? 'var(--color-error-600)' : 'var(--color-text-tertiary)',\n };\n\n return (\n <div style={{ display: 'flex', flexDirection: 'column', gap: '6px', width: '100%' }}>\n {label && (\n <label style={labelStyle}>\n {label}\n {required && <span style={{ color: 'var(--color-error-600)', marginLeft: '2px' }}>*</span>}\n </label>\n )}\n {groupEl}\n {hintText && <p style={hintStyle}>{hintText}</p>}\n </div>\n );\n});\n\nInputGroup.displayName = 'InputGroup';\n\nexport default InputGroup;\n","import React, { createContext, useContext, useMemo } from 'react';\n\nexport interface ThemeConfig {\n primaryColor?: string;\n}\n\nconst defaultTheme: ThemeConfig = {\n primaryColor: '#FB6011',\n};\n\nconst ThemeContext = createContext<ThemeConfig>(defaultTheme);\n\nexport interface ThemeProviderProps {\n theme?: ThemeConfig;\n children: React.ReactNode;\n}\n\nexport const ThemeProvider: React.FC<ThemeProviderProps> = ({ theme, children }) => {\n const themeValue = useMemo(() => {\n return {\n ...defaultTheme,\n ...theme,\n };\n }, [theme]);\n\n return (\n <ThemeContext.Provider value={themeValue}>\n {children}\n </ThemeContext.Provider>\n );\n};\n\nexport const useTheme = (): ThemeConfig => {\n const context = useContext(ThemeContext);\n if (!context) {\n // 如果没有 Provider,返回默认主题\n return defaultTheme;\n }\n return context;\n};\n\n// 导出默认主题色,供组件内部使用\nexport const getDefaultPrimaryColor = () => defaultTheme.primaryColor!;\n\n","import React, { SVGProps, useState } from 'react';\nimport { useTheme } from '../../theme/ThemeContext';\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport type TagColor =\n | 'Green' | 'Red' | 'Orange' | 'Cyan' | 'Violet'\n | 'Pink' | 'Gray' | 'Yellow' | 'Blue' | string;\n\nexport type TagVariant = 'light' | 'fill';\n\n/** sm/md/lg are the canonical sizes; large/small are legacy aliases */\nexport type TagSize = 'sm' | 'md' | 'lg' | 'large' | 'small';\n\n/** Leading icon variant */\nexport type TagIconType = 'none' | 'dot' | 'avatar' | 'icon';\n\n/** Right-side action */\nexport type TagAction = 'none' | 'x-close' | 'count';\n\n/** @deprecated Use iconType instead */\nexport type IconPosition = 'leading' | 'after' | 'none';\n\nexport interface TagProps {\n children: React.ReactNode;\n color?: TagColor;\n variant?: TagVariant;\n size?: TagSize;\n stroke?: boolean;\n // Icon variants (mutually exclusive; avatar takes precedence over icon)\n iconType?: TagIconType;\n icon?: React.ReactElement;\n avatarSrc?: string;\n dotColor?: string;\n // Action variants\n action?: TagAction;\n count?: number;\n onClose?: () => void;\n // Checkbox variant\n checkbox?: boolean;\n checked?: boolean;\n onCheckedChange?: (checked: boolean) => void;\n /** @deprecated use iconType='icon' */\n iconPosition?: IconPosition;\n className?: string;\n onClick?: () => void;\n [key: string]: any;\n}\n\n// ─── Color Configs ────────────────────────────────────────────────────────────\n\nconst COLOR_CONFIG = {\n Green: { light: { bg: '#ECFDF5', text: '#006045', border: '#A4F4CF' }, fill: { bg: '#00BC7D', text: '#FFFFFF' } },\n Red: { light: { bg: '#FEF2F2', text: '#9F0712', border: '#FFC9C9' }, fill: { bg: '#FB2C36', text: '#FFFFFF' } },\n Orange: { light: { bg: '#FFF6ED', text: '#9B2911', border: '#FFD1A9' }, fill: { bg: '#FB6011', text: '#FFFFFF' } },\n Cyan: { light: { bg: '#ECFEFF', text: '#005F78', border: '#A2F4FD' }, fill: { bg: '#00B8DB', text: '#FFFFFF' } },\n Violet: { light: { bg: '#F5F3FF', text: '#5D0EC0', border: '#DDD6FF' }, fill: { bg: '#8E51FF', text: '#FFFFFF' } },\n Pink: { light: { bg: '#FDF2F8', text: '#A3004C', border: '#FCCEE8' }, fill: { bg: '#F6339A', text: '#FFFFFF' } },\n Gray: { light: { bg: '#F5F5F4', text: '#292524', border: '#E7E5E4' }, fill: { bg: '#292524', text: '#FFFFFF' } },\n Yellow: { light: { bg: '#FFFBEB', text: '#973C00', border: '#FEE685' }, fill: { bg: '#FE9A00', text: '#FFFFFF' } },\n Blue: { light: { bg: '#EFF6FF', text: '#193CB8', border: '#BEDBFF' }, fill: { bg: '#2B7FFF', text: '#FFFFFF' } },\n};\n\nconst getColorConfig = (color: TagColor, primaryColor?: string) => {\n if (color in COLOR_CONFIG) {\n const config = COLOR_CONFIG[color as keyof typeof COLOR_CONFIG];\n if (color === 'Orange' && primaryColor) {\n return { ...config, fill: { ...config.fill, bg: primaryColor } };\n }\n return config;\n }\n if (color.startsWith('#')) {\n const r = parseInt(color.slice(1, 3), 16);\n const g = parseInt(color.slice(3, 5), 16);\n const b = parseInt(color.slice(5, 7), 16);\n return {\n light: { bg: `rgba(${r},${g},${b},0.1)`, text: color, border: `rgba(${r},${g},${b},0.3)` },\n fill: { bg: color, text: '#FFFFFF' },\n };\n }\n return COLOR_CONFIG.Gray;\n};\n\nconst getIconColor = (color: TagColor, primaryColor?: string): string => {\n const map: Record<string, string> = {\n Green: '#009966', Red: '#E7000B', Orange: primaryColor || '#E17100',\n Blue: '#155DFC', Yellow: '#EC470A', Cyan: '#0092B8',\n Violet: '#7F22FE', Pink: '#E60076', Gray: '#57534D',\n };\n return map[color] ?? (color.startsWith('#') ? color : '#57534D');\n};\n\nconst getOutlineColor = (color: TagColor): string => {\n const map: Record<string, string> = {\n Green: '#A4F4CF', Red: '#FFC9C9', Orange: '#FFD1A9',\n Blue: '#BEDBFF', Yellow: '#FFD1A9', Cyan: '#A2F4FD',\n Violet: '#DDD6FF', Pink: '#FCCEE8', Gray: '#E7E5E4',\n };\n if (color in map) return map[color];\n if (color.startsWith('#')) {\n const r = parseInt(color.slice(1, 3), 16);\n const g = parseInt(color.slice(3, 5), 16);\n const b = parseInt(color.slice(5, 7), 16);\n return `rgba(${r},${g},${b},0.3)`;\n }\n return '#E7E5E4';\n};\n\n// ─── Size Config ──────────────────────────────────────────────────────────────\n// Values derived from Figma design (node 3307:417515)\n\ntype NSize = 'sm' | 'md' | 'lg';\n\nconst normalizeSize = (size: TagSize): NSize => {\n if (size === 'large') return 'lg';\n if (size === 'small') return 'sm';\n return size as NSize;\n};\n\nconst SIZE = {\n sm: {\n // Base padding: px-8px py-3px (h=24px with lh-18px)\n basePx: 8, basePy: 3,\n // Left padding adjustments per leading element (checkbox wins over icon)\n plCheckbox: 5, plAvatar: 4, plDot: 6, plIcon: 4,\n // Right padding adjustments per action\n prClose: 4, prCount: 4,\n fontSize: 12, lineHeight: '18px', height: 24,\n avatarSize: 16, checkboxSize: 14,\n contentGap: 4, rootGap: 3,\n countPx: 4, countFontSize: 12,\n closeSize: 10, closePad: 2,\n },\n md: {\n // Base padding: px-9px py-2px (h=24px with lh-20px)\n basePx: 9, basePy: 2,\n plCheckbox: 4, plAvatar: 5, plDot: 7, plIcon: 5,\n prClose: 4, prCount: 3,\n fontSize: 14, lineHeight: '20px', height: 24,\n avatarSize: 16, checkboxSize: 16,\n contentGap: 5, rootGap: 4,\n countPx: 5, countFontSize: 12,\n closeSize: 12, closePad: 2,\n },\n lg: {\n // Base padding: px-10px py-4px (h=28px with lh-20px)\n basePx: 10, basePy: 4,\n plCheckbox: 5, plAvatar: 7, plDot: 9, plIcon: 7,\n prClose: 4, prCount: 4,\n fontSize: 14, lineHeight: '20px', height: 28,\n avatarSize: 18, checkboxSize: 18,\n contentGap: 6, rootGap: 4,\n countPx: 6, countFontSize: 14,\n closeSize: 14, closePad: 3,\n },\n} as const;\n\n// ─── TagAvatar ────────────────────────────────────────────────────────────────\n\nexport interface TagAvatarProps {\n src?: string;\n alt?: string;\n size?: number;\n}\n\nexport const TagAvatar: React.FC<TagAvatarProps> = ({ src, alt = 'Avatar', size = 16 }) => {\n const [failed, setFailed] = useState(false);\n return (\n <div\n style={{\n width: size, height: size, borderRadius: '50%',\n overflow: 'hidden', flexShrink: 0,\n border: '0.667px solid rgba(0,0,0,0.08)',\n background: '#e5e5e4',\n display: 'flex', alignItems: 'center', justifyContent: 'center',\n }}\n >\n {src && !failed ? (\n <img\n src={src} alt={alt}\n onError={() => setFailed(true)}\n style={{ width: '100%', height: '100%', objectFit: 'cover', display: 'block' }}\n />\n ) : (\n <svg\n width={size * 0.625} height={size * 0.625}\n viewBox=\"0 0 10 10\" fill=\"none\"\n >\n <circle cx=\"5\" cy=\"3.5\" r=\"2\" stroke=\"#999\" strokeWidth=\"1.2\" />\n <path d=\"M1 9.5c0-2.2 1.8-4 4-4s4 1.8 4 4\" stroke=\"#999\" strokeWidth=\"1.2\" strokeLinecap=\"round\" />\n </svg>\n )}\n </div>\n );\n};\n\n// ─── Tag ──────────────────────────────────────────────────────────────────────\n\nconst Tag: React.FC<TagProps> = ({\n children,\n color,\n variant = 'light',\n size = 'md',\n stroke = false,\n iconType: iconTypeProp,\n icon,\n avatarSrc,\n dotColor,\n action = 'none',\n count,\n onClose,\n checkbox = false,\n checked: checkedProp,\n onCheckedChange,\n iconPosition,\n className = '',\n onClick,\n ...rest\n}) => {\n const { primaryColor } = useTheme();\n const [internalChecked, setInternalChecked] = useState(false);\n\n const nSize = normalizeSize(size);\n const s = SIZE[nSize];\n\n // Controlled/uncontrolled checkbox\n const isChecked = checkedProp !== undefined ? checkedProp : internalChecked;\n const handleCheckboxToggle = (e: React.MouseEvent) => {\n e.stopPropagation();\n const next = !isChecked;\n if (checkedProp === undefined) setInternalChecked(next);\n onCheckedChange?.(next);\n };\n\n // Resolve icon type; backward-compat: legacy iconPosition='leading' → iconType='icon'\n const iconType: TagIconType =\n iconTypeProp ??\n (icon && iconPosition === 'leading' ? 'icon' : 'none');\n\n const hasLeading = iconType !== 'none';\n const effectiveAction = action !== 'none' ? action : undefined;\n\n // Compute left padding (checkbox wins > dot > avatar/icon > base)\n const pl = checkbox ? s.plCheckbox\n : iconType === 'dot' ? s.plDot\n : iconType === 'avatar' || iconType === 'icon' ? s.plAvatar\n : s.basePx;\n\n // Compute right padding\n const pr = effectiveAction === 'x-close' ? s.prClose\n : effectiveAction === 'count' ? s.prCount\n : s.basePx;\n\n // Base neutral style matching Figma (white bg + gray border)\n const containerStyle: React.CSSProperties = {\n display: 'inline-flex',\n alignItems: 'center',\n gap: effectiveAction === 'x-close' ? s.rootGap : 0,\n paddingLeft: pl,\n paddingRight: pr,\n paddingTop: s.basePy,\n paddingBottom: s.basePy,\n height: s.height,\n borderRadius: 6,\n fontFamily: 'DM Sans, sans-serif',\n fontWeight: 500,\n fontSize: s.fontSize,\n lineHeight: s.lineHeight,\n transition: 'all 0.2s',\n cursor: onClick ? 'pointer' : 'default',\n boxSizing: 'border-box',\n backgroundColor: '#ffffff',\n color: '#44403c',\n // Inset outline matches Figma: outline-1 outline-offset-[-1px]\n outline: '1px solid #d7d3d0',\n outlineOffset: '-1px',\n };\n\n // Optional color override (keeps backward compat with color prop)\n if (color) {\n const colorConfig = getColorConfig(color, primaryColor);\n if (variant === 'light') {\n containerStyle.backgroundColor = colorConfig.light.bg;\n containerStyle.color = colorConfig.light.text;\n containerStyle.outline = stroke ? `1px solid ${getOutlineColor(color)}` : 'none';\n containerStyle.outlineOffset = stroke ? '-1px' : undefined;\n } else {\n containerStyle.backgroundColor = colorConfig.fill.bg;\n containerStyle.color = colorConfig.fill.text;\n containerStyle.outline = 'none';\n }\n }\n\n if (onClick) {\n containerStyle.cursor = 'pointer';\n }\n\n // Leading icon element\n const renderLeadingIcon = () => {\n if (iconType === 'avatar') {\n return <TagAvatar src={avatarSrc} size={s.avatarSize} />;\n }\n if (iconType === 'dot') {\n return (\n <svg width={8} height={8} viewBox=\"0 0 8 8\" fill=\"none\" style={{ flexShrink: 0 }}>\n <circle cx={4} cy={4} r={3.5} fill={dotColor || 'currentColor'} />\n </svg>\n );\n }\n if (iconType === 'icon' && icon) {\n return (\n <span style={{ display: 'flex', alignItems: 'center', flexShrink: 0 }}>\n {React.cloneElement(icon as React.ReactElement<SVGProps<SVGSVGElement>>, {\n width: s.avatarSize,\n height: s.avatarSize,\n })}\n </span>\n );\n }\n return null;\n };\n\n return (\n <div\n className={className}\n style={containerStyle}\n onClick={onClick}\n {...rest}\n >\n {/* Content row: checkbox + icon + text + count */}\n <div style={{ display: 'flex', alignItems: 'center', gap: s.contentGap, flexShrink: 0 }}>\n {/* Checkbox */}\n {checkbox && (\n <div\n role=\"checkbox\"\n aria-checked={isChecked}\n onClick={handleCheckboxToggle}\n style={{\n width: s.checkboxSize, height: s.checkboxSize,\n borderRadius: 4, flexShrink: 0,\n border: isChecked ? 'none' : '1px solid #d7d3d0',\n background: isChecked ? (primaryColor || '#7F56D9') : '#ffffff',\n display: 'flex', alignItems: 'center', justifyContent: 'center',\n cursor: 'pointer',\n }}\n >\n {isChecked && (\n <svg\n width={Math.round(s.checkboxSize * 0.65)}\n height={Math.round(s.checkboxSize * 0.65)}\n viewBox=\"0 0 10 10\" fill=\"none\"\n >\n <path d=\"M8.5 2L4 7.5 1.5 5\" stroke=\"#fff\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </svg>\n )}\n </div>\n )}\n\n {/* Leading icon (avatar / dot / generic icon) */}\n {renderLeadingIcon()}\n\n {/* Text label */}\n <span style={{ whiteSpace: 'nowrap' }}>{children}</span>\n\n {/* Count badge */}\n {effectiveAction === 'count' && typeof count === 'number' && (\n <span style={{\n display: 'flex', alignItems: 'center', justifyContent: 'center',\n paddingLeft: s.countPx, paddingRight: s.countPx,\n paddingTop: 1, paddingBottom: 1,\n background: 'rgba(0,0,0,0.07)',\n borderRadius: 3,\n fontSize: s.countFontSize,\n fontWeight: 500,\n lineHeight: '16px',\n flexShrink: 0,\n }}>\n {count}\n </span>\n )}\n </div>\n\n {/* Close X (outside content row, right side) */}\n {effectiveAction === 'x-close' && (\n <button\n aria-label=\"Remove\"\n onClick={(e) => { e.stopPropagation(); onClose?.(); }}\n style={{\n display: 'flex', alignItems: 'center', justifyContent: 'center',\n padding: s.closePad, borderRadius: 3,\n border: 'none', background: 'transparent',\n cursor: 'pointer', flexShrink: 0,\n color: 'inherit', opacity: 0.55,\n lineHeight: 0,\n }}\n >\n <svg width={s.closeSize} height={s.closeSize} viewBox=\"0 0 10 10\" fill=\"none\">\n <path d=\"M7.5 2.5l-5 5M2.5 2.5l5 5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n </svg>\n </button>\n )}\n\n {/* Legacy: icon rendered after text when iconPosition='after' */}\n {iconPosition === 'after' && icon && !iconTypeProp && (\n <span style={{ display: 'flex', alignItems: 'center', flexShrink: 0, marginLeft: s.contentGap }}>\n {icon}\n </span>\n )}\n </div>\n );\n};\n\nexport default Tag;\n","import React, { useState, useRef, KeyboardEvent } from 'react';\nimport Tag from '../Tag';\n\nexport interface InputTagsProps {\n value?: string[];\n defaultValue?: string[];\n onChange?: (tags: string[]) => void;\n placeholder?: string;\n disabled?: boolean;\n error?: boolean;\n size?: 'small' | 'mediumSmall' | 'medium' | 'large';\n className?: string;\n style?: React.CSSProperties;\n label?: string;\n required?: boolean;\n hintText?: string;\n}\n\nconst SHADOW_XS = 'var(--shadow-xs)';\n\nconst containerPadding = {\n small: '4px',\n mediumSmall: '6px',\n medium: '8px',\n large: '10px',\n};\n\nconst tagSizeMap = {\n small: 'sm',\n mediumSmall: 'sm',\n medium: 'md',\n large: 'lg',\n} as const;\n\nconst InputTags: React.FC<InputTagsProps> = ({\n value,\n defaultValue = [],\n onChange,\n placeholder = 'Add tag...',\n disabled = false,\n error = false,\n size = 'mediumSmall',\n className = '',\n style,\n label,\n required,\n hintText,\n}) => {\n const [internalTags, setInternalTags] = useState<string[]>(defaultValue);\n const [inputValue, setInputValue] = useState('');\n const [focused, setFocused] = useState(false);\n const inputRef = useRef<HTMLInputElement>(null);\n\n const isControlled = value !== undefined;\n const tags = isControlled ? value! : internalTags;\n\n const updateTags = (next: string[]) => {\n if (!isControlled) setInternalTags(next);\n onChange?.(next);\n };\n\n const addTag = (tag: string) => {\n const trimmed = tag.trim();\n if (!trimmed || tags.includes(trimmed)) return;\n updateTags([...tags, trimmed]);\n setInputValue('');\n };\n\n const removeTag = (index: number) => {\n updateTags(tags.filter((_, i) => i !== index));\n };\n\n const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n if ((e.key === 'Enter' || e.key === ',') && inputValue) {\n e.preventDefault();\n addTag(inputValue);\n }\n if (e.key === 'Backspace' && !inputValue && tags.length > 0) {\n removeTag(tags.length - 1);\n }\n };\n\n const getFocusStyles = (): React.CSSProperties => {\n if (disabled) return { border: '1px solid var(--color-border-disabled)', boxShadow: SHADOW_XS, outline: 'none' };\n if (error && focused) return { border: '1px solid var(--color-border-error)', boxShadow: SHADOW_XS, outline: '2px solid var(--color-border-error)', outlineOffset: '-2px' };\n if (error) return { border: '1px solid var(--color-border-error_subtle)', boxShadow: SHADOW_XS, outline: 'none' };\n if (focused) return { border: '1px solid var(--color-border-brand)', boxShadow: SHADOW_XS, outline: '2px solid var(--color-border-brand)', outlineOffset: '-2px' };\n return { border: '1px solid var(--color-border-primary)', boxShadow: SHADOW_XS, outline: 'none' };\n };\n\n const { border, boxShadow, outline, outlineOffset } = getFocusStyles();\n const p = containerPadding[size];\n const tagSize = tagSizeMap[size];\n\n const labelStyle: React.CSSProperties = {\n fontFamily: 'var(--font-family-body)',\n fontSize: 'var(--font-size-text-sm)',\n fontWeight: 500,\n lineHeight: '20px',\n color: 'var(--color-text-secondary)',\n };\n\n const tagsEl = (\n <div\n className={`aha-input-tags ${className}`}\n onClick={() => inputRef.current?.focus()}\n style={{\n display: 'flex',\n flexWrap: 'wrap',\n alignItems: 'center',\n gap: '6px',\n padding: p,\n border,\n boxShadow,\n outline,\n outlineOffset,\n borderRadius: 'var(--radius-md)',\n backgroundColor: disabled ? 'var(--color-bg-disabled_subtle)' : 'var(--color-bg-primary)',\n boxSizing: 'border-box',\n width: '100%',\n transition: 'border-color 0.15s ease, box-shadow 0.15s ease',\n cursor: disabled ? 'not-allowed' : 'text',\n ...style,\n }}\n >\n {tags.map((tag, i) => (\n <Tag\n key={i}\n size={tagSize}\n action={disabled ? 'none' : 'x-close'}\n onClose={() => removeTag(i)}\n >\n {tag}\n </Tag>\n ))}\n <input\n ref={inputRef}\n value={inputValue}\n onChange={(e) => setInputValue(e.target.value)}\n onKeyDown={handleKeyDown}\n onFocus={() => setFocused(true)}\n onBlur={() => { setFocused(false); if (inputValue) addTag(inputValue); }}\n disabled={disabled}\n placeholder={tags.length === 0 ? placeholder : ''}\n style={{\n flex: 1,\n minWidth: '80px',\n border: 'none',\n outline: 'none',\n padding: 0,\n fontFamily: 'var(--font-family-body)',\n fontSize: 'var(--font-size-text-md)',\n lineHeight: 'var(--line-height-text-md)',\n color: disabled ? 'var(--color-text-disabled)' : 'var(--color-text-primary)',\n backgroundColor: 'transparent',\n }}\n />\n <style>{`\n .aha-input-tags input::placeholder { color: var(--color-text-placeholder); }\n `}</style>\n </div>\n );\n\n if (!label && !hintText) return tagsEl;\n\n return (\n <div style={{ display: 'flex', flexDirection: 'column', gap: '6px', width: '100%' }}>\n {label && (\n <label style={labelStyle}>\n {label}\n {required && <span style={{ color: 'var(--color-error-600)', marginLeft: '2px' }}>*</span>}\n </label>\n )}\n {tagsEl}\n {hintText && (\n <p style={{\n margin: 0,\n fontFamily: 'var(--font-family-body)',\n fontSize: 'var(--font-size-text-sm)',\n fontWeight: 400,\n lineHeight: '20px',\n color: error ? 'var(--color-error-600)' : 'var(--color-text-tertiary)',\n }}>\n {hintText}\n </p>\n )}\n </div>\n );\n};\n\nexport default InputTags;\n","import React, { forwardRef, useRef, useEffect } from 'react';\n\nexport interface InputProps\n extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'suffix'> {\n size?: 'small' | 'mediumSmall' | 'medium' | 'large';\n disabled?: boolean;\n error?: boolean;\n readOnly?: boolean;\n prefix?: React.ReactNode;\n suffix?: React.ReactNode;\n allowClear?: boolean;\n onClear?: () => void;\n className?: string;\n style?: React.CSSProperties;\n type?: string;\n placeholder?: string;\n value?: string;\n defaultValue?: string;\n onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;\n onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;\n onPressEnter?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n label?: string;\n required?: boolean;\n hintText?: string;\n}\n\n// sm=36px, mediumSmall=40px, md=44px (matches Figma md), lg=48px\n// With box-sizing:border-box: height = 1px border × 2 + paddingTop + 24px lineHeight + paddingBottom\nconst sizeStyles: Record<NonNullable<InputProps['size']>, React.CSSProperties> = {\n small: { height: '36px', paddingTop: '5px', paddingBottom: '5px' },\n mediumSmall: { height: '40px', paddingTop: '7px', paddingBottom: '7px' },\n medium: { height: '44px', paddingTop: '9px', paddingBottom: '9px' },\n large: { height: '48px', paddingTop: '11px', paddingBottom: '11px' },\n};\n\nconst SHADOW_XS = 'var(--shadow-xs)';\n\nconst ClearIcon: React.FC<{ onClick: (e: React.MouseEvent) => void }> = ({ onClick }) => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n onClick={onClick}\n style={{ cursor: 'pointer', flexShrink: 0 }}\n >\n <path\n d=\"M12 4L4 12M4 4L12 12\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n);\n\nconst Input = forwardRef<HTMLInputElement, InputProps>(\n (\n {\n size = 'mediumSmall',\n disabled = false,\n error = false,\n readOnly = false,\n prefix,\n suffix,\n allowClear = false,\n onClear,\n className = '',\n style,\n type = 'text',\n placeholder,\n value,\n defaultValue,\n onChange,\n onFocus,\n onBlur,\n onPressEnter,\n label,\n required,\n hintText,\n ...restProps\n },\n ref\n ) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const [internalValue, setInternalValue] = React.useState(defaultValue || value || '');\n const [focused, setFocused] = React.useState(false);\n\n useEffect(() => {\n if (typeof ref === 'function') {\n ref(inputRef.current);\n } else if (ref) {\n (ref as React.MutableRefObject<HTMLInputElement | null>).current = inputRef.current;\n }\n }, [ref]);\n\n const isControlled = value !== undefined;\n const currentValue = isControlled ? value : internalValue;\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n if (!isControlled) setInternalValue(e.target.value);\n onChange?.(e);\n };\n\n const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n setFocused(true);\n onFocus?.(e);\n };\n\n const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n setFocused(false);\n onBlur?.(e);\n };\n\n const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n if (e.key === 'Enter' && onPressEnter) onPressEnter(e);\n restProps.onKeyDown?.(e);\n };\n\n const handleClear = (e: React.MouseEvent) => {\n e.stopPropagation();\n if (!isControlled) setInternalValue('');\n const syntheticEvent = {\n target: { value: '' },\n currentTarget: { value: '' },\n } as React.ChangeEvent<HTMLInputElement>;\n onChange?.(syntheticEvent);\n onClear?.();\n inputRef.current?.focus();\n };\n\n const showClear = allowClear && currentValue && !disabled;\n\n const getFocusStyles = (): React.CSSProperties => {\n if (disabled) return {\n border: '1px solid var(--color-border-disabled)',\n boxShadow: SHADOW_XS,\n outline: 'none',\n };\n if (error && focused) return {\n border: '1px solid var(--color-border-error)',\n boxShadow: SHADOW_XS,\n outline: '2px solid var(--color-border-error)',\n outlineOffset: '-2px',\n };\n if (error) return {\n border: '1px solid var(--color-border-error_subtle)',\n boxShadow: SHADOW_XS,\n outline: 'none',\n };\n if (focused) return {\n border: '1px solid var(--color-border-brand)',\n boxShadow: SHADOW_XS,\n outline: '2px solid var(--color-border-brand)',\n outlineOffset: '-2px',\n };\n return {\n border: '1px solid var(--color-border-primary)',\n boxShadow: SHADOW_XS,\n outline: 'none',\n };\n };\n\n const { border, boxShadow, outline, outlineOffset } = getFocusStyles();\n const { height, paddingTop, paddingBottom } = sizeStyles[size];\n\n const hasRightContent = suffix || showClear;\n const paddingLeft = prefix ? '40px' : '14px';\n const paddingRight = hasRightContent ? '40px' : '14px';\n\n const baseStyles: React.CSSProperties = {\n width: '100%',\n height,\n boxSizing: 'border-box',\n fontFamily: 'var(--font-family-body)',\n fontSize: 'var(--font-size-text-md)',\n fontWeight: 400,\n lineHeight: 'var(--line-height-text-md)',\n borderRadius: 'var(--radius-md)',\n border,\n boxShadow,\n backgroundColor:\n disabled || readOnly\n ? 'var(--color-bg-disabled_subtle)'\n : 'var(--color-bg-primary)',\n color: disabled ? 'var(--color-text-disabled)' : 'var(--color-text-primary)',\n paddingTop,\n paddingBottom,\n paddingLeft,\n paddingRight,\n transition: 'border-color 0.15s ease, box-shadow 0.15s ease, outline-color 0.15s ease',\n outline,\n outlineOffset,\n WebkitAppearance: 'none',\n MozAppearance: 'textfield',\n appearance: 'none',\n ...style,\n };\n\n const placeholderStyles = `\n .aha-input-wrapper input::placeholder {\n color: var(--color-text-placeholder);\n font-size: var(--font-size-text-md);\n font-weight: 400;\n opacity: 1;\n }\n .aha-input-wrapper input::-webkit-input-placeholder { color: var(--color-text-placeholder); }\n .aha-input-wrapper input::-moz-placeholder { color: var(--color-text-placeholder); }\n .aha-input-wrapper input:-ms-input-placeholder { color: var(--color-text-placeholder); }\n .aha-input-wrapper input {\n -webkit-tap-highlight-color: transparent;\n -webkit-touch-callout: none;\n touch-action: manipulation;\n }\n .aha-input-wrapper input[type=\"number\"]::-webkit-inner-spin-button,\n .aha-input-wrapper input[type=\"number\"]::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n .aha-input-wrapper input[type=\"number\"] { -moz-appearance: textfield; }\n `;\n\n const iconColor = disabled\n ? 'var(--color-fg-disabled)'\n : 'var(--color-fg-quaternary)';\n\n const iconSlotStyle: React.CSSProperties = {\n position: 'absolute',\n top: '50%',\n transform: 'translateY(-50%)',\n display: 'flex',\n alignItems: 'center',\n color: iconColor,\n zIndex: 1,\n };\n\n const inputEl = (\n <>\n <style>{placeholderStyles}</style>\n <div\n className={`aha-input-wrapper ${className}`}\n style={{ position: 'relative', display: 'block', width: '100%' }}\n >\n {prefix && (\n <span style={{ ...iconSlotStyle, left: '14px', pointerEvents: 'none' }}>\n {prefix}\n </span>\n )}\n <input\n ref={inputRef}\n type={type}\n value={currentValue}\n placeholder={placeholder}\n disabled={disabled}\n readOnly={readOnly}\n onChange={handleChange}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onKeyDown={handleKeyDown}\n style={baseStyles}\n autoComplete={restProps.autoComplete || 'off'}\n autoCorrect={restProps.autoCorrect || 'off'}\n autoCapitalize={restProps.autoCapitalize || 'off'}\n spellCheck={restProps.spellCheck || false}\n {...restProps}\n />\n {(suffix || showClear) && (\n <span style={{ ...iconSlotStyle, right: '14px', gap: 'var(--spacing-xs)' }}>\n {showClear && <ClearIcon onClick={handleClear} />}\n {suffix}\n </span>\n )}\n </div>\n </>\n );\n\n if (!label && !hintText) return inputEl;\n\n return (\n <div style={{ display: 'flex', flexDirection: 'column', gap: '6px', width: '100%' }}>\n {label && (\n <label style={{\n fontFamily: 'var(--font-family-body)',\n fontSize: 'var(--font-size-text-sm)',\n fontWeight: 500,\n lineHeight: '20px',\n color: 'var(--color-text-secondary)',\n }}>\n {label}\n {required && (\n <span style={{ color: 'var(--color-error-600)', marginLeft: '2px' }}>*</span>\n )}\n </label>\n )}\n {inputEl}\n {hintText && (\n <p style={{\n margin: 0,\n fontFamily: 'var(--font-family-body)',\n fontSize: 'var(--font-size-text-sm)',\n fontWeight: 400,\n lineHeight: '20px',\n color: error ? 'var(--color-error-600)' : 'var(--color-text-tertiary)',\n }}>\n {hintText}\n </p>\n )}\n </div>\n );\n }\n);\n\nInput.displayName = 'Input';\n\nexport default Input;\n\nexport { default as InputGroup } from './InputGroup';\nexport type { InputGroupProps } from './InputGroup';\nexport { default as InputTags } from './InputTags';\nexport type { InputTagsProps } from './InputTags';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","__spreadArray","to","from","pack","ar","l","Array","slice","concat","SuppressedError","SHADOW_XS","sizeMap","small","pt","pb","mediumSmall","medium","large","InputGroup","forwardRef","_a","ref","_b","size","_c","error","_d","disabled","_e","readOnly","prefix","suffix","leadingText","trailingText","leadingAddon","trailingAddon","_f","className","style","onFocus","onBlur","onKeyDown","onPressEnter","value","defaultValue","onChange","placeholder","_g","type","label","required","hintText","restProps","inputRef","useRef","_h","useState","focused","setFocused","_j","internalValue","setInternalValue","useEffect","current","isControlled","undefined","currentValue","_k","border","boxShadow","outline","outlineOffset","_l","dividerColor","hasPrefixIcon","hasSuffixIcon","iconSlotStyle","position","top","transform","display","alignItems","color","zIndex","pointerEvents","addonTextStyle","paddingTop","paddingBottom","paddingLeft","paddingRight","fontFamily","fontSize","lineHeight","whiteSpace","flexShrink","backgroundColor","groupEl","_jsxs","width","borderRadius","overflow","boxSizing","transition","children","_jsx","borderRight","flex","minWidth","left","target","key","fontWeight","autoComplete","right","borderLeft","hintStyle","margin","flexDirection","gap","marginLeft","displayName","defaultTheme","primaryColor","ThemeContext","createContext","COLOR_CONFIG","Green","light","bg","text","fill","Red","Orange","Cyan","Violet","Pink","Gray","Yellow","Blue","SIZE","sm","basePx","basePy","plCheckbox","plAvatar","plDot","plIcon","prClose","prCount","height","avatarSize","checkboxSize","contentGap","rootGap","countPx","countFontSize","closeSize","closePad","md","lg","TagAvatar","src","alt","failed","setFailed","background","justifyContent","onError","objectFit","viewBox","cx","cy","r","stroke","strokeWidth","d","strokeLinecap","Tag","variant","iconTypeProp","iconType","icon","avatarSrc","dotColor","action","count","onClose","checkbox","checkedProp","checked","onCheckedChange","iconPosition","onClick","rest","useContext","internalChecked","setInternalChecked","nSize","normalizeSize","isChecked","effectiveAction","pl","pr","containerStyle","cursor","colorConfig","config","startsWith","parseInt","g","b","getColorConfig","map","getOutlineColor","role","stopPropagation","next","Math","round","strokeLinejoin","React","cloneElement","padding","opacity","containerPadding","tagSizeMap","InputTags","internalTags","setInternalTags","inputValue","setInputValue","tags","updateTags","addTag","tag","trimmed","trim","includes","removeTag","index","filter","_","tagSize","tagsEl","focus","flexWrap","preventDefault","sizeStyles","ClearIcon","xmlns","Input","allowClear","onClear","showClear","_m","baseStyles","WebkitAppearance","MozAppearance","appearance","inputEl","_Fragment","autoCorrect","autoCapitalize","spellCheck","currentTarget"],"mappings":"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","x_google_ignoreList":[0]}
|
package/dist/Input.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),t=function(){return t=Object.assign||function(e){for(var n,t=1,o=arguments.length;t<o;t++)for(var r in n=arguments[t])Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r]);return e},t.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;var o={primaryColor:"#FB6011"},r=n.createContext(o),a=n.forwardRef(function(a,i){var p=a.size,l=void 0===p?"medium":p,u=a.disabled,s=void 0!==u&&u,d=a.error,c=void 0!==d&&d,f=a.readOnly,h=void 0!==f&&f,x=a.prefix,g=a.suffix,y=a.allowClear,m=void 0!==y&&y,v=a.onClear,w=a.className,b=void 0===w?"":w,C=a.style,j=a.type,D=void 0===j?"text":j,k=a.placeholder,F=a.value,O=a.defaultValue,z=a.onChange,B=a.onFocus,S=a.onBlur,E=a.onPressEnter,P=function(e,n){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&n.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)n.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(t[o[r]]=e[o[r]])}return t}(a,["size","disabled","error","readOnly","prefix","suffix","allowClear","onClear","className","style","type","placeholder","value","defaultValue","onChange","onFocus","onBlur","onPressEnter"]),A=(n.useContext(r)||o).primaryColor,I=void 0===A?"#FB6011":A,T=n.useRef(null),L=n.useState(O||F||""),M=L[0],N=L[1],R=n.useState(!1),W=R[0],q=R[1];n.useEffect(function(){"function"==typeof i?i(T.current):i&&(i.current=T.current)},[i]);var K=void 0!==F,V=K?F:M,_=function(e){var n;e.stopPropagation(),K||N("");null==z||z({target:{value:""},currentTarget:{value:""}}),null==v||v(),null===(n=T.current)||void 0===n||n.focus()},H=m&&V&&!s,G={small:{height:"32px",paddingTop:"3px",paddingBottom:"3px"},mediumSmall:{height:"36px",paddingTop:"5px",paddingBottom:"5px"},medium:{height:"40px",paddingTop:"7px",paddingBottom:"7px"},large:{height:"48px",paddingTop:"11px",paddingBottom:"11px"}},J=g||H?"40px":"12px",Q=t({width:"100%",boxSizing:"border-box",fontFamily:"DM Sans, sans-serif",borderRadius:"8px",border:"1px solid ".concat(c?"#F04438":W?I:"#D7D3D0"),backgroundColor:s||h?"#FAFAF9":"#FFFFFF",color:s?"#98A2B3":"#1C1917",fontSize:"16px",fontWeight:400,lineHeight:"24px",paddingLeft:x?"40px":"12px",paddingRight:J,paddingTop:G[l].paddingTop,paddingBottom:G[l].paddingBottom,transition:"all 0.2s",outline:"none",WebkitAppearance:"none",MozAppearance:"textfield",appearance:"none"},C);return e.jsxs(e.Fragment,{children:[e.jsx("style",{children:'\n .aha-input-wrapper input::placeholder {\n color: #D7D3D0;\n font-size: 16px;\n font-weight: 400;\n opacity: 1;\n }\n .aha-input-wrapper input::-webkit-input-placeholder {\n color: #D7D3D0;\n font-size: 16px;\n font-weight: 400;\n opacity: 1;\n }\n .aha-input-wrapper input::-moz-placeholder {\n color: #D7D3D0;\n font-size: 16px;\n font-weight: 400;\n opacity: 1;\n }\n .aha-input-wrapper input:-ms-input-placeholder {\n color: #D7D3D0;\n font-size: 16px;\n font-weight: 400;\n opacity: 1;\n }\n /* 移动端优化 */\n .aha-input-wrapper input {\n -webkit-tap-highlight-color: transparent;\n -webkit-touch-callout: none;\n touch-action: manipulation;\n }\n /* 移除数字输入框的上下箭头 */\n .aha-input-wrapper input[type="number"]::-webkit-inner-spin-button,\n .aha-input-wrapper input[type="number"]::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n .aha-input-wrapper input[type="number"] {\n -moz-appearance: textfield;\n }\n '}),e.jsxs("div",{className:"aha-input-wrapper ".concat(b),style:{position:"relative",display:"inline-flex",alignItems:"center",width:"100%"},children:[x&&e.jsx("span",{style:{position:"absolute",left:"12px",display:"flex",alignItems:"center",color:s?"#98A2B3":"#78716C",zIndex:1,pointerEvents:"none"},children:x}),e.jsx("input",t({ref:T,type:D,value:V,placeholder:k,disabled:s,readOnly:h,onChange:function(e){K||N(e.target.value),null==z||z(e)},onFocus:function(e){q(!0),null==B||B(e)},onBlur:function(e){q(!1),null==S||S(e)},onKeyDown:function(e){var n;"Enter"===e.key&&E&&E(e),null===(n=P.onKeyDown)||void 0===n||n.call(P,e)},style:Q,autoComplete:P.autoComplete||"off",autoCorrect:P.autoCorrect||"off",autoCapitalize:P.autoCapitalize||"off",spellCheck:P.spellCheck||!1},P)),(g||H)&&e.jsxs("span",{style:{position:"absolute",right:"12px",display:"flex",alignItems:"center",gap:"4px",color:s?"#98A2B3":"#78716C",zIndex:1},children:[H&&e.jsx(function(){return e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:_,style:{cursor:"pointer",flexShrink:0,color:"#78716C"},children:e.jsx("path",{d:"M12 4L4 12M4 4L12 12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})},{}),g&&e.jsx("span",{style:{pointerEvents:"none"},children:g})]})]})]})});a.displayName="Input",exports.default=a;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react"),r=function(){return r=Object.assign||function(e){for(var o,r=1,t=arguments.length;r<t;r++)for(var n in o=arguments[r])Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n]);return e},r.apply(this,arguments)};function t(e,o){var r={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&o.indexOf(t)<0&&(r[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(e);n<t.length;n++)o.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(r[t[n]]=e[t[n]])}return r}function n(e,o,r){if(r||2===arguments.length)for(var t,n=0,i=o.length;n<i;n++)!t&&n in o||(t||(t=Array.prototype.slice.call(o,0,n)),t[n]=o[n]);return e.concat(t||Array.prototype.slice.call(o))}"function"==typeof SuppressedError&&SuppressedError;var i="var(--shadow-xs)",l={small:{pt:"5px",pb:"5px"},mediumSmall:{pt:"7px",pb:"7px"},medium:{pt:"9px",pb:"9px"},large:{pt:"11px",pb:"11px"}},a=o.forwardRef(function(n,a){var d=n.size,s=void 0===d?"mediumSmall":d,c=n.error,p=void 0!==c&&c,u=n.disabled,x=void 0!==u&&u,f=n.readOnly,h=void 0!==f&&f,b=n.prefix,g=n.suffix,v=n.leadingText,y=n.trailingText,m=n.leadingAddon,F=n.trailingAddon,S=n.className,w=void 0===S?"":S,C=n.style,k=n.onFocus,z=n.onBlur,j=n.onKeyDown,E=n.onPressEnter,B=n.value,O=n.defaultValue,D=n.onChange,P=n.placeholder,I=n.type,A=void 0===I?"text":I,R=n.label,T=n.required,L=n.hintText,W=t(n,["size","error","disabled","readOnly","prefix","suffix","leadingText","trailingText","leadingAddon","trailingAddon","className","style","onFocus","onBlur","onKeyDown","onPressEnter","value","defaultValue","onChange","placeholder","type","label","required","hintText"]),H=o.useRef(null),G=o.useState(!1),N=G[0],M=G[1],q=o.useState(null!=O?O:""),_=q[0],V=q[1];o.useEffect(function(){"function"==typeof a?a(H.current):a&&(a.current=H.current)},[a]);var K=void 0!==B,Y=K?B:_,J=x?{border:"1px solid var(--color-border-disabled)",boxShadow:i,outline:"none"}:p&&N?{border:"1px solid var(--color-border-error)",boxShadow:i,outline:"2px solid var(--color-border-error)",outlineOffset:"-2px"}:p?{border:"1px solid var(--color-border-error_subtle)",boxShadow:i,outline:"none"}:N?{border:"1px solid var(--color-border-brand)",boxShadow:i,outline:"2px solid var(--color-border-brand)",outlineOffset:"-2px"}:{border:"1px solid var(--color-border-primary)",boxShadow:i,outline:"none"},Q=J.border,U=J.boxShadow,X=J.outline,Z=J.outlineOffset,$=l[s],ee=$.pt,oe=$.pb,re=x?"var(--color-border-disabled)":"var(--color-border-primary)",te=!!b,ne=!!g,ie={position:"absolute",top:"50%",transform:"translateY(-50%)",display:"flex",alignItems:"center",color:x?"var(--color-fg-disabled)":"var(--color-fg-quaternary)",zIndex:1,pointerEvents:"none"},le={display:"flex",alignItems:"center",paddingTop:ee,paddingBottom:oe,paddingLeft:"14px",paddingRight:"12px",color:"var(--color-text-tertiary)",fontFamily:"var(--font-family-body)",fontSize:"var(--font-size-text-md)",lineHeight:"var(--line-height-text-md)",whiteSpace:"nowrap",flexShrink:0,backgroundColor:x?"var(--color-bg-disabled_subtle)":"transparent"},ae=e.jsxs("div",{className:"aha-input-group ".concat(w),style:r({display:"flex",alignItems:"stretch",width:"100%",border:Q,boxShadow:U,outline:X,outlineOffset:Z,borderRadius:"var(--radius-md)",backgroundColor:x||h?"var(--color-bg-disabled_subtle)":"var(--color-bg-primary)",overflow:"hidden",boxSizing:"border-box",transition:"border-color 0.15s ease, box-shadow 0.15s ease"},C),children:[void 0!==v&&e.jsx("div",{style:r(r({},le),{borderRight:"1px solid ".concat(re)}),children:v}),void 0!==m&&e.jsx("div",{style:{display:"flex",alignItems:"stretch",flexShrink:0,borderRight:"1px solid ".concat(re)},children:m}),e.jsxs("div",{style:{flex:1,position:"relative",display:"flex",alignItems:"stretch",minWidth:0},children:[te&&e.jsx("span",{style:r(r({},ie),{left:"14px"}),children:b}),e.jsx("input",r({ref:H,type:A,value:Y,placeholder:P,disabled:x,readOnly:h,onChange:function(e){K||V(e.target.value),null==D||D(e)},onFocus:function(e){M(!0),null==k||k(e)},onBlur:function(e){M(!1),null==z||z(e)},onKeyDown:function(e){"Enter"===e.key&&E&&E(e),null==j||j(e)},style:{flex:1,border:"none",outline:"none",width:"100%",boxSizing:"border-box",fontFamily:"var(--font-family-body)",fontSize:"var(--font-size-text-md)",fontWeight:400,lineHeight:"var(--line-height-text-md)",backgroundColor:"transparent",color:x?"var(--color-text-disabled)":"var(--color-text-primary)",paddingTop:ee,paddingBottom:oe,paddingLeft:te?"40px":"14px",paddingRight:ne?"40px":"14px"},autoComplete:W.autoComplete||"off"},W)),ne&&e.jsx("span",{style:r(r({},ie),{right:"14px"}),children:g})]}),void 0!==y&&e.jsx("div",{style:r(r({},le),{paddingLeft:"12px",paddingRight:"14px",borderLeft:"1px solid ".concat(re)}),children:y}),void 0!==F&&e.jsx("div",{style:{display:"flex",alignItems:"stretch",flexShrink:0,borderLeft:"1px solid ".concat(re)},children:F})]});if(!R&&!L)return ae;var de={margin:0,fontFamily:"var(--font-family-body)",fontSize:"var(--font-size-text-sm)",fontWeight:400,lineHeight:"20px",color:p?"var(--color-error-600)":"var(--color-text-tertiary)"};return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"6px",width:"100%"},children:[R&&e.jsxs("label",{style:{fontFamily:"var(--font-family-body)",fontSize:"var(--font-size-text-sm)",fontWeight:500,lineHeight:"20px",color:"var(--color-text-secondary)"},children:[R,T&&e.jsx("span",{style:{color:"var(--color-error-600)",marginLeft:"2px"},children:"*"})]}),ae,L&&e.jsx("p",{style:de,children:L})]})});a.displayName="InputGroup";var d={primaryColor:"#FB6011"},s=o.createContext(d),c={Green:{light:{bg:"#ECFDF5",text:"#006045",border:"#A4F4CF"},fill:{bg:"#00BC7D",text:"#FFFFFF"}},Red:{light:{bg:"#FEF2F2",text:"#9F0712",border:"#FFC9C9"},fill:{bg:"#FB2C36",text:"#FFFFFF"}},Orange:{light:{bg:"#FFF6ED",text:"#9B2911",border:"#FFD1A9"},fill:{bg:"#FB6011",text:"#FFFFFF"}},Cyan:{light:{bg:"#ECFEFF",text:"#005F78",border:"#A2F4FD"},fill:{bg:"#00B8DB",text:"#FFFFFF"}},Violet:{light:{bg:"#F5F3FF",text:"#5D0EC0",border:"#DDD6FF"},fill:{bg:"#8E51FF",text:"#FFFFFF"}},Pink:{light:{bg:"#FDF2F8",text:"#A3004C",border:"#FCCEE8"},fill:{bg:"#F6339A",text:"#FFFFFF"}},Gray:{light:{bg:"#F5F5F4",text:"#292524",border:"#E7E5E4"},fill:{bg:"#292524",text:"#FFFFFF"}},Yellow:{light:{bg:"#FFFBEB",text:"#973C00",border:"#FEE685"},fill:{bg:"#FE9A00",text:"#FFFFFF"}},Blue:{light:{bg:"#EFF6FF",text:"#193CB8",border:"#BEDBFF"},fill:{bg:"#2B7FFF",text:"#FFFFFF"}}},p={sm:{basePx:8,basePy:3,plCheckbox:5,plAvatar:4,plDot:6,plIcon:4,prClose:4,prCount:4,fontSize:12,lineHeight:"18px",height:24,avatarSize:16,checkboxSize:14,contentGap:4,rootGap:3,countPx:4,countFontSize:12,closeSize:10,closePad:2},md:{basePx:9,basePy:2,plCheckbox:4,plAvatar:5,plDot:7,plIcon:5,prClose:4,prCount:3,fontSize:14,lineHeight:"20px",height:24,avatarSize:16,checkboxSize:16,contentGap:5,rootGap:4,countPx:5,countFontSize:12,closeSize:12,closePad:2},lg:{basePx:10,basePy:4,plCheckbox:5,plAvatar:7,plDot:9,plIcon:7,prClose:4,prCount:4,fontSize:14,lineHeight:"20px",height:28,avatarSize:18,checkboxSize:18,contentGap:6,rootGap:4,countPx:6,countFontSize:14,closeSize:14,closePad:3}},u=function(r){var t=r.src,n=r.alt,i=void 0===n?"Avatar":n,l=r.size,a=void 0===l?16:l,d=o.useState(!1),s=d[0],c=d[1];return e.jsx("div",{style:{width:a,height:a,borderRadius:"50%",overflow:"hidden",flexShrink:0,border:"0.667px solid rgba(0,0,0,0.08)",background:"#e5e5e4",display:"flex",alignItems:"center",justifyContent:"center"},children:t&&!s?e.jsx("img",{src:t,alt:i,onError:function(){return c(!0)},style:{width:"100%",height:"100%",objectFit:"cover",display:"block"}}):e.jsxs("svg",{width:.625*a,height:.625*a,viewBox:"0 0 10 10",fill:"none",children:[e.jsx("circle",{cx:"5",cy:"3.5",r:"2",stroke:"#999",strokeWidth:"1.2"}),e.jsx("path",{d:"M1 9.5c0-2.2 1.8-4 4-4s4 1.8 4 4",stroke:"#999",strokeWidth:"1.2",strokeLinecap:"round"})]})})},x=function(n){var i=n.children,l=n.color,a=n.variant,x=void 0===a?"light":a,f=n.size,h=void 0===f?"md":f,b=n.stroke,g=void 0!==b&&b,v=n.iconType,y=n.icon,m=n.avatarSrc,F=n.dotColor,S=n.action,w=void 0===S?"none":S,C=n.count,k=n.onClose,z=n.checkbox,j=void 0!==z&&z,E=n.checked,B=n.onCheckedChange,O=n.iconPosition,D=n.className,P=void 0===D?"":D,I=n.onClick,A=t(n,["children","color","variant","size","stroke","iconType","icon","avatarSrc","dotColor","action","count","onClose","checkbox","checked","onCheckedChange","iconPosition","className","onClick"]),R=(o.useContext(s)||d).primaryColor,T=o.useState(!1),L=T[0],W=T[1],H=function(e){return"large"===e?"lg":"small"===e?"sm":e}(h),G=p[H],N=void 0!==E?E:L,M=null!=v?v:y&&"leading"===O?"icon":"none",q="none"!==w?w:void 0,_=j?G.plCheckbox:"dot"===M?G.plDot:"avatar"===M||"icon"===M?G.plAvatar:G.basePx,V="x-close"===q?G.prClose:"count"===q?G.prCount:G.basePx,K={display:"inline-flex",alignItems:"center",gap:"x-close"===q?G.rootGap:0,paddingLeft:_,paddingRight:V,paddingTop:G.basePy,paddingBottom:G.basePy,height:G.height,borderRadius:6,fontFamily:"DM Sans, sans-serif",fontWeight:500,fontSize:G.fontSize,lineHeight:G.lineHeight,transition:"all 0.2s",cursor:I?"pointer":"default",boxSizing:"border-box",backgroundColor:"#ffffff",color:"#44403c",outline:"1px solid #d7d3d0",outlineOffset:"-1px"};if(l){var Y=function(e,o){if(e in c){var t=c[e];return"Orange"===e&&o?r(r({},t),{fill:r(r({},t.fill),{bg:o})}):t}if(e.startsWith("#")){var n=parseInt(e.slice(1,3),16),i=parseInt(e.slice(3,5),16),l=parseInt(e.slice(5,7),16);return{light:{bg:"rgba(".concat(n,",").concat(i,",").concat(l,",0.1)"),text:e,border:"rgba(".concat(n,",").concat(i,",").concat(l,",0.3)")},fill:{bg:e,text:"#FFFFFF"}}}return c.Gray}(l,R);"light"===x?(K.backgroundColor=Y.light.bg,K.color=Y.light.text,K.outline=g?"1px solid ".concat(function(e){var o={Green:"#A4F4CF",Red:"#FFC9C9",Orange:"#FFD1A9",Blue:"#BEDBFF",Yellow:"#FFD1A9",Cyan:"#A2F4FD",Violet:"#DDD6FF",Pink:"#FCCEE8",Gray:"#E7E5E4"};if(e in o)return o[e];if(e.startsWith("#")){var r=parseInt(e.slice(1,3),16),t=parseInt(e.slice(3,5),16),n=parseInt(e.slice(5,7),16);return"rgba(".concat(r,",").concat(t,",").concat(n,",0.3)")}return"#E7E5E4"}(l)):"none",K.outlineOffset=g?"-1px":void 0):(K.backgroundColor=Y.fill.bg,K.color=Y.fill.text,K.outline="none")}I&&(K.cursor="pointer");return e.jsxs("div",r({className:P,style:K,onClick:I},A,{children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:G.contentGap,flexShrink:0},children:[j&&e.jsx("div",{role:"checkbox","aria-checked":N,onClick:function(e){e.stopPropagation();var o=!N;void 0===E&&W(o),null==B||B(o)},style:{width:G.checkboxSize,height:G.checkboxSize,borderRadius:4,flexShrink:0,border:N?"none":"1px solid #d7d3d0",background:N?R||"#7F56D9":"#ffffff",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer"},children:N&&e.jsx("svg",{width:Math.round(.65*G.checkboxSize),height:Math.round(.65*G.checkboxSize),viewBox:"0 0 10 10",fill:"none",children:e.jsx("path",{d:"M8.5 2L4 7.5 1.5 5",stroke:"#fff",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),"avatar"===M?e.jsx(u,{src:m,size:G.avatarSize}):"dot"===M?e.jsx("svg",{width:8,height:8,viewBox:"0 0 8 8",fill:"none",style:{flexShrink:0},children:e.jsx("circle",{cx:4,cy:4,r:3.5,fill:F||"currentColor"})}):"icon"===M&&y?e.jsx("span",{style:{display:"flex",alignItems:"center",flexShrink:0},children:o.cloneElement(y,{width:G.avatarSize,height:G.avatarSize})}):null,e.jsx("span",{style:{whiteSpace:"nowrap"},children:i}),"count"===q&&"number"==typeof C&&e.jsx("span",{style:{display:"flex",alignItems:"center",justifyContent:"center",paddingLeft:G.countPx,paddingRight:G.countPx,paddingTop:1,paddingBottom:1,background:"rgba(0,0,0,0.07)",borderRadius:3,fontSize:G.countFontSize,fontWeight:500,lineHeight:"16px",flexShrink:0},children:C})]}),"x-close"===q&&e.jsx("button",{"aria-label":"Remove",onClick:function(e){e.stopPropagation(),null==k||k()},style:{display:"flex",alignItems:"center",justifyContent:"center",padding:G.closePad,borderRadius:3,border:"none",background:"transparent",cursor:"pointer",flexShrink:0,color:"inherit",opacity:.55,lineHeight:0},children:e.jsx("svg",{width:G.closeSize,height:G.closeSize,viewBox:"0 0 10 10",fill:"none",children:e.jsx("path",{d:"M7.5 2.5l-5 5M2.5 2.5l5 5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})})}),"after"===O&&y&&!v&&e.jsx("span",{style:{display:"flex",alignItems:"center",flexShrink:0,marginLeft:G.contentGap},children:y})]}))},f="var(--shadow-xs)",h={small:"4px",mediumSmall:"6px",medium:"8px",large:"10px"},b={small:"sm",mediumSmall:"sm",medium:"md",large:"lg"},g={small:{height:"36px",paddingTop:"5px",paddingBottom:"5px"},mediumSmall:{height:"40px",paddingTop:"7px",paddingBottom:"7px"},medium:{height:"44px",paddingTop:"9px",paddingBottom:"9px"},large:{height:"48px",paddingTop:"11px",paddingBottom:"11px"}},v="var(--shadow-xs)",y=function(o){var r=o.onClick;return e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:r,style:{cursor:"pointer",flexShrink:0},children:e.jsx("path",{d:"M12 4L4 12M4 4L12 12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})},m=o.forwardRef(function(n,i){var l=n.size,a=void 0===l?"mediumSmall":l,d=n.disabled,s=void 0!==d&&d,c=n.error,p=void 0!==c&&c,u=n.readOnly,x=void 0!==u&&u,f=n.prefix,h=n.suffix,b=n.allowClear,m=void 0!==b&&b,F=n.onClear,S=n.className,w=void 0===S?"":S,C=n.style,k=n.type,z=void 0===k?"text":k,j=n.placeholder,E=n.value,B=n.defaultValue,O=n.onChange,D=n.onFocus,P=n.onBlur,I=n.onPressEnter,A=n.label,R=n.required,T=n.hintText,L=t(n,["size","disabled","error","readOnly","prefix","suffix","allowClear","onClear","className","style","type","placeholder","value","defaultValue","onChange","onFocus","onBlur","onPressEnter","label","required","hintText"]),W=o.useRef(null),H=o.useState(B||E||""),G=H[0],N=H[1],M=o.useState(!1),q=M[0],_=M[1];o.useEffect(function(){"function"==typeof i?i(W.current):i&&(i.current=W.current)},[i]);var V=void 0!==E,K=V?E:G,Y=m&&K&&!s,J=s?{border:"1px solid var(--color-border-disabled)",boxShadow:v,outline:"none"}:p&&q?{border:"1px solid var(--color-border-error)",boxShadow:v,outline:"2px solid var(--color-border-error)",outlineOffset:"-2px"}:p?{border:"1px solid var(--color-border-error_subtle)",boxShadow:v,outline:"none"}:q?{border:"1px solid var(--color-border-brand)",boxShadow:v,outline:"2px solid var(--color-border-brand)",outlineOffset:"-2px"}:{border:"1px solid var(--color-border-primary)",boxShadow:v,outline:"none"},Q=J.border,U=J.boxShadow,X=J.outline,Z=J.outlineOffset,$=g[a],ee=$.height,oe=$.paddingTop,re=$.paddingBottom,te=r({width:"100%",height:ee,boxSizing:"border-box",fontFamily:"var(--font-family-body)",fontSize:"var(--font-size-text-md)",fontWeight:400,lineHeight:"var(--line-height-text-md)",borderRadius:"var(--radius-md)",border:Q,boxShadow:U,backgroundColor:s||x?"var(--color-bg-disabled_subtle)":"var(--color-bg-primary)",color:s?"var(--color-text-disabled)":"var(--color-text-primary)",paddingTop:oe,paddingBottom:re,paddingLeft:f?"40px":"14px",paddingRight:h||Y?"40px":"14px",transition:"border-color 0.15s ease, box-shadow 0.15s ease, outline-color 0.15s ease",outline:X,outlineOffset:Z,WebkitAppearance:"none",MozAppearance:"textfield",appearance:"none"},C),ne={position:"absolute",top:"50%",transform:"translateY(-50%)",display:"flex",alignItems:"center",color:s?"var(--color-fg-disabled)":"var(--color-fg-quaternary)",zIndex:1},ie=e.jsxs(e.Fragment,{children:[e.jsx("style",{children:'\n .aha-input-wrapper input::placeholder {\n color: var(--color-text-placeholder);\n font-size: var(--font-size-text-md);\n font-weight: 400;\n opacity: 1;\n }\n .aha-input-wrapper input::-webkit-input-placeholder { color: var(--color-text-placeholder); }\n .aha-input-wrapper input::-moz-placeholder { color: var(--color-text-placeholder); }\n .aha-input-wrapper input:-ms-input-placeholder { color: var(--color-text-placeholder); }\n .aha-input-wrapper input {\n -webkit-tap-highlight-color: transparent;\n -webkit-touch-callout: none;\n touch-action: manipulation;\n }\n .aha-input-wrapper input[type="number"]::-webkit-inner-spin-button,\n .aha-input-wrapper input[type="number"]::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n .aha-input-wrapper input[type="number"] { -moz-appearance: textfield; }\n '}),e.jsxs("div",{className:"aha-input-wrapper ".concat(w),style:{position:"relative",display:"block",width:"100%"},children:[f&&e.jsx("span",{style:r(r({},ne),{left:"14px",pointerEvents:"none"}),children:f}),e.jsx("input",r({ref:W,type:z,value:K,placeholder:j,disabled:s,readOnly:x,onChange:function(e){V||N(e.target.value),null==O||O(e)},onFocus:function(e){_(!0),null==D||D(e)},onBlur:function(e){_(!1),null==P||P(e)},onKeyDown:function(e){var o;"Enter"===e.key&&I&&I(e),null===(o=L.onKeyDown)||void 0===o||o.call(L,e)},style:te,autoComplete:L.autoComplete||"off",autoCorrect:L.autoCorrect||"off",autoCapitalize:L.autoCapitalize||"off",spellCheck:L.spellCheck||!1},L)),(h||Y)&&e.jsxs("span",{style:r(r({},ne),{right:"14px",gap:"var(--spacing-xs)"}),children:[Y&&e.jsx(y,{onClick:function(e){var o;e.stopPropagation(),V||N("");null==O||O({target:{value:""},currentTarget:{value:""}}),null==F||F(),null===(o=W.current)||void 0===o||o.focus()}}),h]})]})]});return A||T?e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"6px",width:"100%"},children:[A&&e.jsxs("label",{style:{fontFamily:"var(--font-family-body)",fontSize:"var(--font-size-text-sm)",fontWeight:500,lineHeight:"20px",color:"var(--color-text-secondary)"},children:[A,R&&e.jsx("span",{style:{color:"var(--color-error-600)",marginLeft:"2px"},children:"*"})]}),ie,T&&e.jsx("p",{style:{margin:0,fontFamily:"var(--font-family-body)",fontSize:"var(--font-size-text-sm)",fontWeight:400,lineHeight:"20px",color:p?"var(--color-error-600)":"var(--color-text-tertiary)"},children:T})]}):ie});m.displayName="Input",exports.InputGroup=a,exports.InputTags=function(t){var i=t.value,l=t.defaultValue,a=void 0===l?[]:l,d=t.onChange,s=t.placeholder,c=void 0===s?"Add tag...":s,p=t.disabled,u=void 0!==p&&p,g=t.error,v=void 0!==g&&g,y=t.size,m=void 0===y?"mediumSmall":y,F=t.className,S=void 0===F?"":F,w=t.style,C=t.label,k=t.required,z=t.hintText,j=o.useState(a),E=j[0],B=j[1],O=o.useState(""),D=O[0],P=O[1],I=o.useState(!1),A=I[0],R=I[1],T=o.useRef(null),L=void 0!==i,W=L?i:E,H=function(e){L||B(e),null==d||d(e)},G=function(e){var o=e.trim();o&&!W.includes(o)&&(H(n(n([],W,!0),[o],!1)),P(""))},N=function(e){H(W.filter(function(o,r){return r!==e}))},M=u?{border:"1px solid var(--color-border-disabled)",boxShadow:f,outline:"none"}:v&&A?{border:"1px solid var(--color-border-error)",boxShadow:f,outline:"2px solid var(--color-border-error)",outlineOffset:"-2px"}:v?{border:"1px solid var(--color-border-error_subtle)",boxShadow:f,outline:"none"}:A?{border:"1px solid var(--color-border-brand)",boxShadow:f,outline:"2px solid var(--color-border-brand)",outlineOffset:"-2px"}:{border:"1px solid var(--color-border-primary)",boxShadow:f,outline:"none"},q=M.border,_=M.boxShadow,V=M.outline,K=M.outlineOffset,Y=h[m],J=b[m],Q=e.jsxs("div",{className:"aha-input-tags ".concat(S),onClick:function(){var e;return null===(e=T.current)||void 0===e?void 0:e.focus()},style:r({display:"flex",flexWrap:"wrap",alignItems:"center",gap:"6px",padding:Y,border:q,boxShadow:_,outline:V,outlineOffset:K,borderRadius:"var(--radius-md)",backgroundColor:u?"var(--color-bg-disabled_subtle)":"var(--color-bg-primary)",boxSizing:"border-box",width:"100%",transition:"border-color 0.15s ease, box-shadow 0.15s ease",cursor:u?"not-allowed":"text"},w),children:[W.map(function(o,r){return e.jsx(x,{size:J,action:u?"none":"x-close",onClose:function(){return N(r)},children:o},r)}),e.jsx("input",{ref:T,value:D,onChange:function(e){return P(e.target.value)},onKeyDown:function(e){"Enter"!==e.key&&","!==e.key||!D||(e.preventDefault(),G(D)),"Backspace"===e.key&&!D&&W.length>0&&N(W.length-1)},onFocus:function(){return R(!0)},onBlur:function(){R(!1),D&&G(D)},disabled:u,placeholder:0===W.length?c:"",style:{flex:1,minWidth:"80px",border:"none",outline:"none",padding:0,fontFamily:"var(--font-family-body)",fontSize:"var(--font-size-text-md)",lineHeight:"var(--line-height-text-md)",color:u?"var(--color-text-disabled)":"var(--color-text-primary)",backgroundColor:"transparent"}}),e.jsx("style",{children:"\n .aha-input-tags input::placeholder { color: var(--color-text-placeholder); }\n "})]});return C||z?e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"6px",width:"100%"},children:[C&&e.jsxs("label",{style:{fontFamily:"var(--font-family-body)",fontSize:"var(--font-size-text-sm)",fontWeight:500,lineHeight:"20px",color:"var(--color-text-secondary)"},children:[C,k&&e.jsx("span",{style:{color:"var(--color-error-600)",marginLeft:"2px"},children:"*"})]}),Q,z&&e.jsx("p",{style:{margin:0,fontFamily:"var(--font-family-body)",fontSize:"var(--font-size-text-sm)",fontWeight:400,lineHeight:"20px",color:v?"var(--color-error-600)":"var(--color-text-tertiary)"},children:z})]}):Q},exports.default=m;
|
|
2
2
|
//# sourceMappingURL=Input.js.map
|