@zonos/amino 5.4.5 → 5.4.6

package/components/input/MultiInput.d.ts

@@ -1,10 +1,12 @@
 export type MultiInputProps = {
     className?: string;
+    inputValue: string;
     placeholder?: string;
     style?: React.CSSProperties;
     tags: string[];
     setHasValidationError?: (hasValidationError: boolean) => void;
+    setInputValue: (input: string) => void;
     setTags: (tags: string[]) => void;
     tagValidation?: (tag: string) => boolean;
 };
-export declare const MultiInput: ({ className, placeholder, setHasValidationError, setTags, style, tags, tagValidation, }: MultiInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MultiInput: ({ className, inputValue, placeholder, setHasValidationError, setInputValue, setTags, style, tags, tagValidation, }: MultiInputProps) => import("react/jsx-runtime").JSX.Element;

package/components/input/MultiInput.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("clsx"),u=require("../flex/Flex.js"),a=require("../tag/Tag.js"),l=require("../../style-inject.es-d4ddeae4.js");function i(e){return e&&e.__esModule?e:{default:e}}require("../../icons/RemoveIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js");var o=i(r),s="Amino_MultiInput-module__tagInputWrapper--FTdAL",c="Amino_MultiInput-module__tagInput--cBsz8";l.styleInject(".Amino_MultiInput-module__tagInputWrapper--FTdAL.Amino_MultiInput-module__tagInputWrapper--FTdAL{border:var(--amino-border);border-radius:var(--amino-radius-10);overflow-x:auto;padding:6px}.Amino_MultiInput-module__tagInputWrapper--FTdAL.Amino_MultiInput-module__tagInputWrapper--FTdAL .Amino_MultiInput-module__tagInput--cBsz8{background-color:initial;border:none;flex:1 1 auto;flex-grow:1;font-size:var(--amino-font-size-base);font-weight:500;min-width:100px;min-width:50px;outline:none;padding:6px}");exports.MultiInput=function(r){var l=r.className,i=r.placeholder,d=void 0===i?"":i,p=r.setHasValidationError,g=r.setTags,_=r.style,f=r.tags,m=r.tagValidation,h=e.__read(t.useState(""),2),I=h[0],x=h[1],v=t.useRef(null),A=e.__read(t.useState(null),2),j=A[0],y=A[1];t.useEffect((function(){if(p&&m){var e=f.some((function(e){return!m(e)}));p(e)}}),[f,m,p]);var q=function(e){g(f.filter((function(n,t){return t!==e})))};return n.jsxs(u.Flex,{alignItems:"center",className:o.default([l,s]),flexWrap:"wrap",gap:4,style:_,children:[f.map((function(e,t){var r=!(!m||m(e)),l=j===t,i=r?"error":"default";return n.jsx(u.Flex,{alignItems:"center",gap:0,children:n.jsx(a.Tag,{highlighted:l,intent:i,onClick:function(){return y(t)},onClose:function(){return q(t)},size:"lg",children:e})},e)})),n.jsx("input",{ref:v,className:c,onChange:function(e){x(e.target.value)},onFocus:function(){v.current&&(v.current.selectionStart=v.current.value.length,v.current.selectionEnd=v.current.value.length)},onKeyDown:function(n){var t;"Enter"!==n.key&&","!==n.key&&" "!==n.key||!I?"Backspace"===n.key?""===I&&f.length>0&&(null===j?y(f.length-1):(q(j),y(null))):"ArrowLeft"===n.key?null===j&&f.length>0?y(f.length-1):null!==j&&j>0&&y(j-1):"ArrowRight"===n.key&&null!==j&&j<f.length-1?y(j+1):y(null):(n.preventDefault(),(t=I.trim())&&(g(e.__spreadArray(e.__spreadArray([],e.__read(f),!1),[t],!1)),x("")))},placeholder:f.length?"":d,value:I})]})};
+"use strict";var e=require("../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("clsx"),u=require("../flex/Flex.js"),l=require("../tag/Tag.js"),a=require("../../style-inject.es-d4ddeae4.js");function i(e){return e&&e.__esModule?e:{default:e}}require("../../icons/RemoveIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js");var o=i(r),s="Amino_MultiInput-module__tagInputWrapper--FTdAL",c="Amino_MultiInput-module__tagInput--cBsz8";a.styleInject(".Amino_MultiInput-module__tagInputWrapper--FTdAL.Amino_MultiInput-module__tagInputWrapper--FTdAL{border:var(--amino-border);border-radius:var(--amino-radius-10);overflow-x:auto;padding:6px}.Amino_MultiInput-module__tagInputWrapper--FTdAL.Amino_MultiInput-module__tagInputWrapper--FTdAL .Amino_MultiInput-module__tagInput--cBsz8{background-color:initial;border:none;flex:1 1 auto;flex-grow:1;font-size:var(--amino-font-size-base);font-weight:500;min-width:100px;min-width:50px;outline:none;padding:6px}");exports.MultiInput=function(r){var a=r.className,i=r.inputValue,p=r.placeholder,d=void 0===p?"":p,g=r.setHasValidationError,_=r.setInputValue,f=r.setTags,m=r.style,h=r.tags,I=r.tagValidation,x=t.useRef(null),v=e.__read(t.useState(null),2),A=v[0],j=v[1];t.useEffect((function(){if(g&&I){var e=h.some((function(e){return!I(e)}));g(e)}}),[h,I,g]);var y=function(e){f(h.filter((function(n,t){return t!==e})))};return n.jsxs(u.Flex,{alignItems:"center",className:o.default([a,s]),flexWrap:"wrap",gap:4,style:m,children:[h.map((function(e,t){var r=!(!I||I(e)),a=A===t,i=r?"error":"default";return n.jsx(u.Flex,{alignItems:"center",gap:0,children:n.jsx(l.Tag,{highlighted:a,intent:i,onClick:function(){return j(t)},onClose:function(){return y(t)},size:"lg",children:e})},e)})),n.jsx("input",{ref:x,className:c,onChange:function(e){_(e.target.value)},onFocus:function(){x.current&&(x.current.selectionStart=x.current.value.length,x.current.selectionEnd=x.current.value.length)},onKeyDown:function(n){var t;"Enter"!==n.key&&","!==n.key&&" "!==n.key||!i?"Backspace"===n.key?""===i&&h.length>0&&(null===A?j(h.length-1):(y(A),j(null))):"ArrowLeft"===n.key?null===A&&h.length>0?j(h.length-1):null!==A&&A>0&&j(A-1):"ArrowRight"===n.key&&null!==A&&A<h.length-1?j(A+1):j(null):(n.preventDefault(),(t=i.trim())&&(f(e.__spreadArray(e.__spreadArray([],e.__read(h),!1),[t],!1)),_("")))},placeholder:h.length?"":d,value:i})]})};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zonos/amino",
-  "version": "5.4.5",
+  "version": "5.4.6",
   "description": "Core UI components for Amino",
   "repository": "git@github.com:Zonos/amino.git",
   "license": "MIT",

package/utils/hooks/useDropdown.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-bd4862e8.js"),t=require("react"),i=require("@floating-ui/react");exports.useDropdown=function(n){var o=null!=n?n:{},s=o.floatingOptions,r=void 0===s?{}:s,u=o.offsetCrossAxis,a=void 0===u?0:u,d=o.offsetMainAxis,l=void 0===d?0:d,f=o.placement,c=void 0===f?"bottom-start":f,v=o.startOpen,p=void 0!==v&&v,m=e.__read(t.useState(p),2),b=m[0],g=m[1],w=b?"visible":"hidden",x=t.useRef(null),y=i.useFloating(e.__assign({middleware:[i.shift(),i.offset({crossAxis:a,mainAxis:l})],placement:c,whileElementsMounted:i.autoUpdate},r)),_=y.floatingStyles,A=y.refs,E=t.useCallback((function(e){var t,i=e.target;b&&0===e.button&&((null===(t=null==x?void 0:x.current)||void 0===t?void 0:t.contains(i))||(e.preventDefault(),e.stopPropagation(),g(!1)))}),[b]);return t.useEffect((function(){return"undefined"!=typeof document&&document.addEventListener("mousedown",E),function(){"undefined"!=typeof document&&document.removeEventListener("mousedown",E)}}),[E]),{floatingStyles:_,refs:A,setVisible:g,visibility:w,visible:b,wrapperRef:x}};
+"use strict";var e=require("../../_tslib-bd4862e8.js"),t=require("react"),i=require("@floating-ui/react");exports.useDropdown=function(n){var o=null!=n?n:{},s=o.floatingOptions,r=void 0===s?{}:s,u=o.offsetCrossAxis,a=void 0===u?0:u,l=o.offsetMainAxis,d=void 0===l?0:l,f=o.placement,c=void 0===f?"bottom-start":f,v=o.startOpen,p=void 0!==v&&v,m=e.__read(t.useState(p),2),b=m[0],g=m[1],w=b?"visible":"hidden",x=t.useRef(null),y=i.useFloating(e.__assign({middleware:[i.shift(),i.offset({crossAxis:a,mainAxis:d}),i.flip()],placement:c,whileElementsMounted:i.autoUpdate},r)),_=y.floatingStyles,A=y.refs,E=t.useCallback((function(e){var t,i=e.target;b&&0===e.button&&((null===(t=null==x?void 0:x.current)||void 0===t?void 0:t.contains(i))||(e.preventDefault(),e.stopPropagation(),g(!1)))}),[b]);return t.useEffect((function(){return"undefined"!=typeof document&&document.addEventListener("mousedown",E),function(){"undefined"!=typeof document&&document.removeEventListener("mousedown",E)}}),[E]),{floatingStyles:_,refs:A,setVisible:g,visibility:w,visible:b,wrapperRef:x}};