@zonos/amino 5.4.5 → 5.4.7
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/all.d.ts +1 -0
- package/components/input/MultiInput.d.ts +3 -1
- package/components/input/MultiInput.js +1 -1
- package/components/textarea/Textarea.d.ts +5 -5
- package/components/textarea/Textarea.js +1 -1
- package/package.json +1 -1
- package/reset.css +1 -1
- package/utils/hooks/useDropdown.js +1 -1
- package/utils/hooks/useHeightAdjustTextarea.js +1 -1
- package/utils/multiinput/parseStringIntoTags.d.ts +2 -0
- package/utils/multiinput/parseStringIntoTags.js +1 -0
package/all.d.ts
CHANGED
|
@@ -755,6 +755,7 @@ import './utils/hooks/useSwr';
|
|
|
755
755
|
import './utils/hooks/useSwrt';
|
|
756
756
|
import './utils/isKeyInObj';
|
|
757
757
|
import './utils/jsonParse';
|
|
758
|
+
import './utils/multiinput/parseStringIntoTags';
|
|
758
759
|
import './utils/prepCountryOptions';
|
|
759
760
|
import './utils/prepRegionCountryOptions';
|
|
760
761
|
import './utils/setupNestedData';
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
export type MultiInputProps = {
|
|
2
2
|
className?: string;
|
|
3
|
+
inputValue: string;
|
|
3
4
|
placeholder?: string;
|
|
4
5
|
style?: React.CSSProperties;
|
|
5
6
|
tags: string[];
|
|
6
7
|
setHasValidationError?: (hasValidationError: boolean) => void;
|
|
8
|
+
setInputValue: (input: string) => void;
|
|
7
9
|
setTags: (tags: string[]) => void;
|
|
8
10
|
tagValidation?: (tag: string) => boolean;
|
|
9
11
|
};
|
|
10
|
-
export declare const MultiInput: ({ className, placeholder, setHasValidationError, setTags, style, tags, tagValidation, }: MultiInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export declare const MultiInput: ({ className, inputValue, placeholder, setHasValidationError, setInputValue, setTags, style, tags, tagValidation, }: MultiInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-bd4862e8.js"),
|
|
1
|
+
"use strict";var e=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),t=require("react"),n=require("clsx"),a=require("../flex/Flex.js"),u=require("../tag/Tag.js"),i=require("../../utils/multiinput/parseStringIntoTags.js"),l=require("../../style-inject.es-d4ddeae4.js");function o(e){return e&&e.__esModule?e:{default:e}}require("../../icons/RemoveIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js");var s=o(n),p="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}");var d=e.__spreadArray(e.__spreadArray([],e.__read(i.symbolDelimiters),!1),[" ","Enter"],!1);exports.MultiInput=function(n){var l=n.className,o=n.inputValue,_=n.placeholder,g=void 0===_?"":_,f=n.setHasValidationError,m=n.setInputValue,I=n.setTags,h=n.style,v=n.tags,x=n.tagValidation,A=t.useRef(null),y=e.__read(t.useState(null),2),j=y[0],q=y[1];t.useEffect((function(){if(f&&x){var e=v.some((function(e){return!x(e)}));f(e)}}),[v,x,f]);var b=function(e){I(v.filter((function(r,t){return t!==e})))};return r.jsxs(a.Flex,{alignItems:"center",className:s.default([l,p]),flexWrap:"wrap",gap:4,style:h,children:[v.map((function(e,t){var n=!(!x||x(e)),i=j===t,l=n?"error":"default";return r.jsx(a.Flex,{alignItems:"center",gap:0,children:r.jsx(u.Tag,{highlighted:i,intent:l,onClick:function(){return q(t)},onClose:function(){return b(t)},size:"lg",children:e})},e+t)})),r.jsx("input",{ref:A,className:c,onChange:function(e){m(e.target.value)},onFocus:function(){A.current&&(A.current.selectionStart=A.current.value.length,A.current.selectionEnd=A.current.value.length)},onKeyDown:function(r){var t;d.includes(r.key)&&o?(r.preventDefault(),(t=o.trim())&&(I(e.__spreadArray(e.__spreadArray([],e.__read(v),!1),[t],!1)),m(""))):"Backspace"===r.key?""===o&&v.length>0&&(null===j?q(v.length-1):(b(j),q(null))):"ArrowLeft"===r.key?null===j&&v.length>0?q(v.length-1):null!==j&&j>0&&q(j-1):"ArrowRight"===r.key&&null!==j&&j<v.length-1?q(j+1):q(null)},onPaste:function(r){r.preventDefault();var t=r.clipboardData.getData("text"),n=i.parseStringIntoTags(t);I(e.__spreadArray(e.__spreadArray([],e.__read(v),!1),e.__read(n),!1)),m("")},placeholder:v.length?"":g,value:o})]})};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { type ReactNode, type TextareaHTMLAttributes } from 'react';
|
|
2
2
|
type TextareaAdjustableHeightType = {
|
|
3
3
|
/**
|
|
4
|
-
* @param
|
|
5
|
-
* @desc if set to true, the textarea will expand to fit the content.
|
|
4
|
+
* @param disableExpand
|
|
5
|
+
* @desc if set to true, the textarea will not expand to fit the content.
|
|
6
6
|
*/
|
|
7
|
-
|
|
7
|
+
disableExpand?: boolean;
|
|
8
8
|
/**
|
|
9
9
|
* @param maxRows
|
|
10
|
-
* @desc max rows that the textarea can expand to when
|
|
11
|
-
* @default
|
|
10
|
+
* @desc max rows that the textarea can expand to when disableExpand is not set. If nothing is passed, it defaults to 5
|
|
11
|
+
* @default 20 (large)
|
|
12
12
|
*/
|
|
13
13
|
maxRows?: number;
|
|
14
14
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-bd4862e8.js"),a=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";var e=require("../../_tslib-bd4862e8.js"),a=require("react/jsx-runtime"),t=require("react"),o=require("clsx"),r=require("../flex/Flex.js"),i=require("../help-text/HelpText.js"),n=require("../../utils/hooks/useHeightAdjustTextarea.js"),l=require("../../style-inject.es-d4ddeae4.js");function s(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("../../styles/constants/theme.js");var d=s(o),_="Amino_Textarea-module__textareaWrapper--cwLhP",m="Amino_Textarea-module__aminoInputWrapper--h9Y-6",u="Amino_Textarea-module__disabled--YH6dm",x="Amino_Textarea-module__fields--z7afT",p="Amino_Textarea-module__styledTextarea--Mk9DH",c="Amino_Textarea-module__hasLabel--qqvuZ",T="Amino_Textarea-module__hasContent--xpSft",f="Amino_Textarea-module__styledLabelInput--Q6-k8",h="Amino_Textarea-module__hasError--LdKr8",b="Amino_Textarea-module__actions--2J3kv";l.styleInject('.Amino_Textarea-module__textareaWrapper--cwLhP{width:var(--amino-textarea-width)}.Amino_Textarea-module__aminoInputWrapper--h9Y-6{border:1px solid var(--amino-border-color);border-radius:var(--amino-radius-12);overflow:hidden;padding:0;position:relative;width:100%}.Amino_Textarea-module__aminoInputWrapper--h9Y-6.Amino_Textarea-module__disabled--YH6dm *{cursor:not-allowed}.Amino_Textarea-module__aminoInputWrapper--h9Y-6.Amino_Textarea-module__disabled--YH6dm .Amino_Textarea-module__fields--z7afT{opacity:var(--amino-opacity-disabled)}.Amino_Textarea-module__aminoInputWrapper--h9Y-6.Amino_Textarea-module__disabled--YH6dm .Amino_Textarea-module__styledTextarea--Mk9DH{-webkit-user-select:none;user-select:none}.Amino_Textarea-module__fields--z7afT{display:flex;flex-direction:column;position:relative;width:100%}.Amino_Textarea-module__fields--z7afT:hover{border-color:var(--amino-gray-300)}.Amino_Textarea-module__styledTextarea--Mk9DH{background:var(--amino-input-background);border:none;box-sizing:border-box;flex-grow:1;font-size:var(--amino-font-size-base);font-weight:500;min-height:50px;outline:none;padding:8px 16px;resize:none;width:100%}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ{margin-top:24px;padding-top:0}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ::placeholder{opacity:0}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ.Amino_Textarea-module__hasContent--xpSft::placeholder,.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ:focus::placeholder{opacity:.6}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ.Amino_Textarea-module__hasContent--xpSft+.Amino_Textarea-module__styledLabelInput--Q6-k8,.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ:focus+.Amino_Textarea-module__styledLabelInput--Q6-k8{top:11px;transform:scale(.8)}.Amino_Textarea-module__styledTextarea--Mk9DH::placeholder{color:var(--amino-gray-400);font-weight:400;opacity:.6;transition:var(--amino-transition)}.Amino_Textarea-module__styledTextarea--Mk9DH:focus{outline:none}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasError--LdKr8~.Amino_Textarea-module__styledBorder--yOPdL:after{box-shadow:var(--amino-glow-error)}.Amino_Textarea-module__styledLabelInput--Q6-k8{color:var(--amino-gray-800);font-size:var(--amino-font-size-base);left:16px;line-height:var(--amino-font-size-base);position:absolute;top:calc(var(--amino-font-size-base) + 6px);transform-origin:left top;transition:var(--amino-transition)}.Amino_Textarea-module__styledBorder--yOPdL:after{border-radius:var(--amino-radius-12);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.Amino_Textarea-module__actions--2J3kv{align-items:center;background:var(--amino-page-background);display:flex;justify-content:flex-end;padding:16px}');var A=t.forwardRef((function(o,l){var s=o.actions,A=o.className,v=o.disabled,y=o.disableExpand,g=o.error,w=o.helpText,k=o.label,q=o.maxRows,j=o.rows,H=o.style,L=o.value,M=o.width,D=e.__rest(o,["actions","className","disabled","disableExpand","error","helpText","label","maxRows","rows","style","value","width"]),z=t.useId(),I=!!L,Y=t.useRef(null),N=t.useRef(null);return n.useHeightAdjustTextarea({maxRows:q,ref:Y,shouldExpand:!y,textareaValue:(null==L?void 0:L.toString())||""}),a.jsxs(r.Flex,{className:_,flexDirection:"column",gap:4,justifyContent:"space-between",style:e.__assign(e.__assign({},H),{"--amino-textarea-width":M||"100%"}),children:[a.jsxs("div",{className:d.default(A,m,"amino-input-wrapper",v&&u),children:[a.jsxs("button",{className:x,onClick:function(){var e;return null===(e=null==Y?void 0:Y.current)||void 0===e?void 0:e.focus()},type:"button",children:[a.jsx("textarea",e.__assign({ref:function(e){l&&"function"==typeof l?l(e):l&&(l.current=e),Y.current=e},className:d.default(p,g&&h,k&&c,I&&T),disabled:v,id:z,rows:j,value:L},D)),k&&a.jsx("label",{className:f,"data-label":k,htmlFor:D.id||z,children:k})]}),s&&a.jsx("div",{ref:N,className:b,children:a.jsx(r.Flex,{alignItems:"center",fullHeight:!0,justifyContent:"flex-end",children:s})})]}),a.jsx(i.HelpText,{error:g,helpText:w,withoutMargin:!0})]})}));exports.Textarea=A;
|
package/package.json
CHANGED
package/reset.css
CHANGED
|
@@ -1 +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,
|
|
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,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}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-bd4862e8.js"),t=require("react"),a=function(e,t){return window.getComputedStyle(e)[t]};exports.useHeightAdjustTextarea=function(i){var o=i.additionalHeight,r=void 0===o?0:o,s=i.initialRows,l=void 0===s?2:s,n=i.maxRows,d=void 0===n?
|
|
1
|
+
"use strict";var e=require("../../_tslib-bd4862e8.js"),t=require("react"),a=function(e,t){return window.getComputedStyle(e)[t]};exports.useHeightAdjustTextarea=function(i){var o=i.additionalHeight,r=void 0===o?0:o,s=i.initialRows,l=void 0===s?2:s,n=i.maxRows,d=void 0===n?20:n,h=i.ref,u=i.shouldExpand,c=i.textareaValue,g=e.__read(t.useState(0),2),p=g[0],v=g[1];t.useEffect((function(){var e=h.current;if(e&&u){var t=parseFloat(a(e,"height")),i=parseFloat(a(e,"lineHeight")),o=parseFloat(a(e,"paddingTop"))||0,s=parseFloat(a(e,"paddingBottom"))||0;p||v(t);var l=i*d+o+s;if(e.style.height="0",e.scrollHeight+r<=l){var n=Math.max(p,e.scrollHeight+r);e.style.height="".concat(n,"px"),e.style.overflow="hidden"}else e.style.height="".concat(l+r,"px"),e.style.overflow="auto"}}),[h,d,c,u,p,l,r])};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var t=["|",","," "];exports.parseStringIntoTags=function(n){return n.split(new RegExp("[".concat(t.join(""),"]"))).map((function(t){return t.trim()})).filter((function(t){return!!t.length}))},exports.symbolDelimiters=t;
|