@zonos/amino 6.0.0-alpha.13 → 6.0.0-alpha.14
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_rollupPluginBabelHelpers-4522587c.js"),n=require("../../tslib.es6-cdc5f922.js"),o=require("react"),i=require("react-intersection-observer"),r=require("react-select"),t=require("../checkbox/Checkbox.js"),a=require("../help-text/HelpText.js"),s=require("../../icons/CheckmarkIcon.js"),l=require("../../icons/DoubleChevronIcon.js"),c=require("../../icons/RemoveCircleIcon.js"),d=require("../../icons/RemoveIcon.js"),u=require("../../styles/constants/theme.js"),p=require("../../utils/cn.js"),_=require("../../utils/getTestId.js"),m=require("react/jsx-runtime");function g(e){return e&&e.__esModule?e:{default:e}}require("framer-motion"),require("../text/Text.js"),require("clsx"),require("tailwind-merge"),require("../../icons/icon-base/_IconBase.js");var v=g(r),h=function(e){switch(e){case"sm":return"".concat(u.theme.radius6);case"lg":case"xl":return"".concat(u.theme.radius10);default:return"".concat(u.theme.radius8)}},x=function(n){return m.jsx(r.components.ClearIndicator,e._objectSpread2(e._objectSpread2({},n),{},{children:m.jsx(c.RemoveCircleIcon,{size:24})}))},f=function(n){return m.jsx(r.components.DropdownIndicator,e._objectSpread2(e._objectSpread2({},n),{},{children:m.jsx(l.DoubleChevronIcon,{size:24})}))},b=function(n){var o=n.children,i=n.className,r=n.getStyles,t=n.hasValue,a=n.innerProps,s=n.innerRef,l=n.isDisabled,c=n.isFocused,d=n.menuIsOpen,u=n.selectProps,_=u.icon,g=u.label,v=u.size,h=u.value;return m.jsxs("div",e._objectSpread2(e._objectSpread2({ref:s,className:p.cn(i,"react-select-control",t&&"flex items-center",_&&"flex items-center has-icon",c&&"is-focused",l&&"opacity-disabled",d&&"menu-is-open",g||Array.isArray(h)&&h.length>1?"has-label":"","sm"===v&&"h-8","md"===v&&"h-10","lg"===v&&"h-12","xl"===v&&"h-14"),style:r("control",n)},a),{},{children:[_&&m.jsx("div",{className:"flex justify-evenly items-center text-gray-700 ml-amino-8 -mr-[2px] h-6 w-6",children:_}),o]}))},j=function(e){var n=e.children,o=e.color,i=e.icon;return m.jsxs("div",{className:"flex items-center [&_svg]:mr-1 [&_svg]:text-gray-1000",style:{color:o||"inherit"},children:[i,n]})},y=function(o){var i=o.children,t=n.__rest(o,["children"]);return m.jsx(r.components.MultiValueLabel,e._objectSpread2(e._objectSpread2({},t),{},{children:m.jsx(j,{icon:t.data.icon,children:i})}))},S=function(n){var o=n.innerProps;return m.jsx("div",e._objectSpread2(e._objectSpread2({},o),{},{role:"button",children:m.jsx(d.RemoveIcon,{size:14})}))},w=function(o){var r=o.children,a=o.className,l=o.data,c=o.getStyles,d=o.innerProps,u=o.innerRef,_=o.isDisabled,g=o.isFocused,v=o.isSelected,h=o.selectProps,x=i.useInView({fallbackInView:!0,triggerOnce:!0}),f=x.inView,b=x.ref,y=h,S=y.customOption,w=y.hasGroups,C=c("option",o),I=C.color,q=n.__rest(C,["color"]);w&&(q.paddingLeft=48);return m.jsx("div",e._objectSpread2(e._objectSpread2({ref:u},d),{},{children:m.jsx("div",{className:p.cn(a,"rounded-lg",g&&!_&&"bg-gray-50 dark:bg-gray-100 [background-color:var(--amino-gray-50)!important] dark:[background-color:var(--amino-gray-100)!important]",_&&"opacity-disabled"),style:q,children:h.isMulti?m.jsx(t.Checkbox,{checked:v,disabled:_,icon:l.icon,label:l.label,labelDescription:l.labelDescription,onChange:function(){}}):S?S(l.value):m.jsxs("div",{ref:b,className:"flex items-center justify-between",children:[f&&m.jsx(j,{color:I,icon:l.icon,children:r}),v&&m.jsx(s.CheckmarkIcon,{color:"blue600",size:24})]})})}))};exports.CheckboxOptionComponent=w,exports.StyledReactSelect=function(i){var r=i.closeOnOutsideScroll,t=void 0!==r&&r,s=i.components,l=i.customOption,c=i.error,d=i.hasGroups,g=i.helpText,j=i.icon,C=i.label,I=i.menuPosition,q=void 0===I?"fixed":I,k=i.placeholder,R=i.size,z=void 0===R?"md":R,L=i.style,O=n.__rest(i,["closeOnOutsideScroll","components","customOption","error","hasGroups","helpText","icon","label","menuPosition","placeholder","size","style"]),V={customOption:l,hasGroups:d,icon:j,label:C,size:z},
|
|
1
|
+
"use strict";var e=require("../../_rollupPluginBabelHelpers-4522587c.js"),n=require("../../tslib.es6-cdc5f922.js"),o=require("react"),i=require("react-intersection-observer"),r=require("react-select"),t=require("../checkbox/Checkbox.js"),a=require("../help-text/HelpText.js"),s=require("../../icons/CheckmarkIcon.js"),l=require("../../icons/DoubleChevronIcon.js"),c=require("../../icons/RemoveCircleIcon.js"),d=require("../../icons/RemoveIcon.js"),u=require("../../styles/constants/theme.js"),p=require("../../utils/cn.js"),_=require("../../utils/getTestId.js"),m=require("react/jsx-runtime");function g(e){return e&&e.__esModule?e:{default:e}}require("framer-motion"),require("../text/Text.js"),require("clsx"),require("tailwind-merge"),require("../../icons/icon-base/_IconBase.js");var v=g(r),h=function(e){switch(e){case"sm":return"".concat(u.theme.radius6);case"lg":case"xl":return"".concat(u.theme.radius10);default:return"".concat(u.theme.radius8)}},x=function(n){return m.jsx(r.components.ClearIndicator,e._objectSpread2(e._objectSpread2({},n),{},{children:m.jsx(c.RemoveCircleIcon,{size:24})}))},f=function(n){return m.jsx(r.components.DropdownIndicator,e._objectSpread2(e._objectSpread2({},n),{},{children:m.jsx(l.DoubleChevronIcon,{size:24})}))},b=function(n){var o=n.children,i=n.className,r=n.getStyles,t=n.hasValue,a=n.innerProps,s=n.innerRef,l=n.isDisabled,c=n.isFocused,d=n.menuIsOpen,u=n.selectProps,_=u.icon,g=u.label,v=u.size,h=u.value;return m.jsxs("div",e._objectSpread2(e._objectSpread2({ref:s,className:p.cn(i,"react-select-control",t&&"flex items-center",_&&"flex items-center has-icon",c&&"is-focused",l&&"opacity-disabled",d&&"menu-is-open",g||Array.isArray(h)&&h.length>1?"has-label":"","sm"===v&&"h-8","md"===v&&"h-10","lg"===v&&"h-12","xl"===v&&"h-14"),style:r("control",n)},a),{},{children:[_&&m.jsx("div",{className:"flex justify-evenly items-center text-gray-700 ml-amino-8 -mr-[2px] h-6 w-6",children:_}),o]}))},j=function(e){var n=e.children,o=e.color,i=e.icon;return m.jsxs("div",{className:"flex items-center [&_svg]:mr-1 [&_svg]:text-gray-1000",style:{color:o||"inherit"},children:[i,n]})},y=function(o){var i=o.children,t=n.__rest(o,["children"]);return m.jsx(r.components.MultiValueLabel,e._objectSpread2(e._objectSpread2({},t),{},{children:m.jsx(j,{icon:t.data.icon,children:i})}))},S=function(n){var o=n.innerProps;return m.jsx("div",e._objectSpread2(e._objectSpread2({},o),{},{role:"button",children:m.jsx(d.RemoveIcon,{size:14})}))},w=function(o){var r=o.children,a=o.className,l=o.data,c=o.getStyles,d=o.innerProps,u=o.innerRef,_=o.isDisabled,g=o.isFocused,v=o.isSelected,h=o.selectProps,x=i.useInView({fallbackInView:!0,triggerOnce:!0}),f=x.inView,b=x.ref,y=h,S=y.customOption,w=y.hasGroups,C=c("option",o),I=C.color,q=n.__rest(C,["color"]);w&&(q.paddingLeft=48);return m.jsx("div",e._objectSpread2(e._objectSpread2({ref:u},d),{},{children:m.jsx("div",{className:p.cn(a,"rounded-lg",g&&!_&&"bg-gray-50 dark:bg-gray-100 [background-color:var(--amino-gray-50)!important] dark:[background-color:var(--amino-gray-100)!important]",_&&"opacity-disabled"),style:q,children:h.isMulti?m.jsx(t.Checkbox,{checked:v,disabled:_,icon:l.icon,label:l.label,labelDescription:l.labelDescription,onChange:function(){}}):S?S(l.value):m.jsxs("div",{ref:b,className:"flex items-center justify-between",children:[f&&m.jsx(j,{color:I,icon:l.icon,children:r}),v&&m.jsx(s.CheckmarkIcon,{color:"blue600",size:24})]})})}))};exports.CheckboxOptionComponent=w,exports.StyledReactSelect=function(i){var r=i.closeOnOutsideScroll,t=void 0!==r&&r,s=i.components,l=i.customOption,c=i.error,d=i.hasGroups,g=i.helpText,j=i.icon,C=i.label,I=i.menuPosition,q=void 0===I?"fixed":I,k=i.placeholder,R=i.size,z=void 0===R?"md":R,L=i.style,O=n.__rest(i,["closeOnOutsideScroll","components","customOption","error","hasGroups","helpText","icon","label","menuPosition","placeholder","size","style"]),V={customOption:l,hasGroups:d,icon:j,label:C,size:z},P=o.useMemo(function(){return _.getTestId({componentName:"select",name:C})},[C]),T=o.useRef(null),N=o.useMemo(function(){return!!t&&function(e){var n,o;return!(e.target instanceof HTMLElement)||!(null===(o=null===(n=T.current)||void 0===n?void 0:n.menuListRef)||void 0===o?void 0:o.isEqualNode(e.target))}},[t]),M=O.styles,D=n.__rest(O,["styles"]),W=function(e){return{clearIndicator:function(o,i){var r;return n.__assign(n.__assign(n.__assign({},o),{color:u.theme.gray700,paddingLeft:"14px !important",paddingRight:"4px !important"}),null===(r=null==e?void 0:e.clearIndicator)||void 0===r?void 0:r.call(e,o,i))},control:function(o,i){var r,t=i.selectProps.size;return n.__assign(n.__assign(n.__assign({},o),{backgroundColor:u.theme.raisedSurfaceColor,borderColor:"unset",borderRadius:h(t),borderWidth:0,boxShadow:i.isFocused?"".concat(u.theme.shadowRaisedFocus):"".concat(u.theme.shadowRaisedStandard),color:u.theme.gray800,cursor:"pointer",flexWrap:"inherit",height:"var(--amino-size-".concat(t,")"),minHeight:"var(--amino-size-".concat(t,")")}),null===(r=null==e?void 0:e.control)||void 0===r?void 0:r.call(e,o,i))},dropdownIndicator:function(o,i){var r;return n.__assign(n.__assign(n.__assign({},o),{color:u.theme.gray900,paddingLeft:"4px !important",paddingRight:"10px !important"}),null===(r=null==e?void 0:e.dropdownIndicator)||void 0===r?void 0:r.call(e,o,i))},group:function(o,i){var r;return n.__assign(n.__assign(n.__assign({},o),{paddingBottom:"0px !important",paddingTop:"0px !important"}),null===(r=null==e?void 0:e.group)||void 0===r?void 0:r.call(e,o,i))},indicatorSeparator:function(o,i){var r;return n.__assign(n.__assign(n.__assign({},o),{width:0}),null===(r=null==e?void 0:e.indicatorSeparator)||void 0===r?void 0:r.call(e,o,i))},input:function(o,i){var r;return n.__assign(n.__assign(n.__assign({},o),{color:u.theme.textColor,opacity:.8}),null===(r=null==e?void 0:e.input)||void 0===r?void 0:r.call(e,o,i))},menu:function(o,i){var r;return n.__assign(n.__assign(n.__assign({},o),{background:u.theme.surfaceColor,borderRadius:12,boxShadow:u.theme.v3ShadowLarge,marginTop:"8px !important",zIndex:20}),null===(r=null==e?void 0:e.menu)||void 0===r?void 0:r.call(e,o,i))},menuList:function(o,i){var r;return n.__assign(n.__assign(n.__assign({},o),{padding:"8px !important"}),null===(r=null==e?void 0:e.menuList)||void 0===r?void 0:r.call(e,o,i))},menuPortal:function(o,i){var r;return n.__assign(n.__assign(n.__assign({},o),{zIndex:20}),null===(r=null==e?void 0:e.menuPortal)||void 0===r?void 0:r.call(e,o,i))},multiValue:function(o,i){var r;return n.__assign(n.__assign(n.__assign({},o),{alignItems:"center",background:u.theme.gray100,borderRadius:u.theme.radius4,fontWeight:600,maxHeight:20,minWidth:"inherit",paddingRight:"2px !important"}),null===(r=null==e?void 0:e.multiValue)||void 0===r?void 0:r.call(e,o,i))},multiValueLabel:function(o,i){var r;return n.__assign(n.__assign(n.__assign({},o),{color:u.theme.textColor}),null===(r=null==e?void 0:e.multiValueLabel)||void 0===r?void 0:r.call(e,o,i))},option:function(o,i){var r;return n.__assign(n.__assign(n.__assign({},o),{backgroundColor:"inherit",borderRadius:"8px",color:i.isSelected?u.theme.blue600:u.theme.textColor,cursor:"pointer",fontWeight:i.isSelected?500:400,paddingBottom:"7px !important",paddingLeft:"8px !important",paddingRight:"12px !important",paddingTop:"7px !important"}),null===(r=null==e?void 0:e.option)||void 0===r?void 0:r.call(e,o,i))},placeholder:function(o,i){var r;return n.__assign(n.__assign(n.__assign({},o),{".has-label.is-focused &":{opacity:1},color:"var(--amino-gray-500)",fontSize:"var(--amino-font-size-base)",fontWeight:400,opacity:1}),null===(r=null==e?void 0:e.placeholder)||void 0===r?void 0:r.call(e,o,i))},singleValue:function(o,i){var r;return n.__assign(n.__assign(n.__assign({},o),{color:u.theme.textColor,fontWeight:500}),null===(r=null==e?void 0:e.singleValue)||void 0===r?void 0:r.call(e,o,i))},valueContainer:function(o,i){var r;return n.__assign(n.__assign(n.__assign({},o),{flexWrap:"nowrap",padding:"unset",paddingLeft:"12px !important"}),null===(r=null==e?void 0:e.valueContainer)||void 0===r?void 0:r.call(e,o,i))}}}(M);return m.jsxs("div",{className:p.cn("relative","[&_.react-select-control+div]:z-20","[&_.react-select-control.is-focused]:shadow-[var(--amino-shadow-raised-standard)]","[&_.react-select-control.is-focused:not(.menu-is-open)]:shadow-[var(--amino-shadow-raised-focus)]",c&&["[&_.has-label]:text-red-600","[&_.react-select-control]:shadow-[var(--amino-shadow-raised-error)]","[&_.react-select-control.is-focused:not(.menu-is-open)]:shadow-[var(--amino-shadow-raised-error-focus)]"]),"data-testid":P,children:[C&&m.jsx("label",{className:"text-amino-secondary block mb-2",children:C}),m.jsx(v.default,e._objectSpread2(e._objectSpread2({ref:T,closeMenuOnScroll:N,components:n.__assign({ClearIndicator:x,Control:b,DropdownIndicator:f,MultiValueLabel:y,MultiValueRemove:S,Option:w},s),menuPosition:q,placeholder:k||"",styles:n.__assign(n.__assign({},L),W)},D),V)),m.jsx(a.HelpText,{error:c,helpText:g})]})};
|