@zonos/amino 5.1.78 → 5.1.79

package/components/filter/FilterWrapper.d.ts

@@ -9,11 +9,10 @@ type FilterWrapperProps = BaseProps & {
     filterText: string;
     hasFilter: boolean;
     label: string;
-    ref: RefObject<HTMLDivElement>;
     handleApply: () => void;
     handleKeyDown: (event: KeyboardEvent) => void;
     handleOpenDropdown: (e: MouseEvent) => void;
     handleToggle: () => void;
 };
-export declare const FilterWrapper: ({ active, children, className, dropDownOpen, dropdownRef, dropdownTitle, filterText, handleApply, handleKeyDown, handleOpenDropdown, handleToggle, hasFilter, label, ref, style, }: FilterWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FilterWrapper: ({ active, children, className, dropDownOpen, dropdownRef, dropdownTitle, filterText, handleApply, handleKeyDown, handleOpenDropdown, handleToggle, hasFilter, label, style, }: FilterWrapperProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/filter/FilterWrapper.js

@@ -1 +1 @@
-"use strict";var r=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),o=require("clsx"),i=require("../button/Button.js"),a=require("../text/Text.js"),n=require("../../icons/ChevronDownIcon.js"),l=require("../../icons/MinusCircleDuotoneIcon.js"),t=require("../../icons/PlusCircleDuotoneIcon.js"),p=require("../../styles/constants/theme.js"),s=require("../../style-inject.es-d4ddeae4.js");function d(r){return r&&r.__esModule?r:{default:r}}require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("styled-components"),require("../../icons/icon-base/_IconBase.js");var u=d(o),c="Amino_FilterWrapper-module__filterWrapper--u-lhr",m="Amino_FilterWrapper-module__badgeWrapper--wljBB",g="Amino_FilterWrapper-module__toggleWrapper--gqVoy",_="Amino_FilterWrapper-module__styledDropdownTrigger--YXu5i",x="Amino_FilterWrapper-module__dropdownWrapper--dPZ9C",b="Amino_FilterWrapper-module__controlsWrapper--j4AT5";s.styleInject(".Amino_FilterWrapper-module__filterWrapper--u-lhr{position:relative}.Amino_FilterWrapper-module__badgeWrapper--wljBB{align-items:center;background-color:initial;border:1px dashed var(--amino-gray-200);border-radius:100px;color:var(--amino-gray-700);display:inline-flex}.Amino_FilterWrapper-module__badgeWrapper--wljBB.active{border:var(--amino-border)}.Amino_FilterWrapper-module__toggleWrapper--gqVoy{align-items:center;border-radius:100px;border-bottom-right-radius:var(--amino-filter-wrapper-border-bottom-right-radius);border-right:1px solid var(--amino-filter-wrapper-border-right-color);border-top-right-radius:var(--amino-filter-wrapper-border-top-right-radius);cursor:pointer;display:flex;gap:var(--amino-space-8);padding:var(--amino-space-4) var(--amino-space-8)}.Amino_FilterWrapper-module__toggleWrapper--gqVoy:hover{background-color:var(--amino-gray-100)}.Amino_FilterWrapper-module__styledDropdownTrigger--YXu5i{align-items:center;border-radius:100px;border-bottom-left-radius:0;border-top-left-radius:0;cursor:pointer;display:flex;gap:var(--amino-space-8);padding:var(--amino-space-4) var(--amino-space-8)}.Amino_FilterWrapper-module__styledDropdownTrigger--YXu5i:hover{background-color:var(--amino-gray-100)}.Amino_FilterWrapper-module__dropdownWrapper--dPZ9C{background-color:var(--amino-surface-color);border-radius:var(--amino-radius-12);box-shadow:var(--amino-v3-shadow-xl);display:flex;flex-direction:column;gap:var(--amino-space-24);min-width:400px;outline:none;padding:var(--amino-space-24);position:absolute;z-index:1}.Amino_FilterWrapper-module__controlsWrapper--j4AT5{display:flex;flex-direction:column;gap:var(--amino-space-8);max-height:400px}");exports.FilterWrapper=function(o){var s=o.active,d=o.children,h=o.className,v=o.dropDownOpen,j=o.dropdownRef,y=o.dropdownTitle,f=o.filterText,W=o.handleApply,w=o.handleKeyDown,q=o.handleOpenDropdown,A=o.handleToggle,F=o.hasFilter,C=o.label,D=o.ref,T=o.style;return e.jsxs("div",{ref:D,className:u.default(h,c),style:r.__assign(r.__assign({},T),{"--amino-filter-wrapper-border-bottom-right-radius":F?"0px":"100px","--amino-filter-wrapper-border-right-color":s?p.theme.borderColor:p.theme.gray200,"--amino-filter-wrapper-border-top-right-radius":F?"0px":"100px"}),children:[e.jsxs("div",{className:u.default(s&&"active",m),onClick:A,children:[e.jsxs("div",{className:g,children:[s?e.jsx(l.MinusCircleDuotoneIcon,{color:"gray0",secondaryColor:"gray600",size:24}):e.jsx(t.PlusCircleDuotoneIcon,{color:"gray0",secondaryColor:"gray600",size:24}),e.jsx(a.Text,{fontWeight:600,children:C})]}),F&&e.jsxs("div",{className:_,onClick:q,children:[e.jsx(a.Text,{color:"blue600",fontWeight:600,children:f}),e.jsx(n.ChevronDownIcon,{size:24})]})]}),v&&e.jsxs("div",{ref:j,className:x,onKeyDown:w,tabIndex:-1,children:[e.jsx(a.Text,{type:"bold-subheader",children:y}),e.jsx("div",{className:b,children:d}),e.jsx(i.Button,{onClick:W,size:"md",variant:"primary",children:"Apply"})]})]})};
+"use strict";var r=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),o=require("clsx"),i=require("../button/Button.js"),a=require("../text/Text.js"),n=require("../../icons/ChevronDownIcon.js"),l=require("../../icons/MinusCircleDuotoneIcon.js"),t=require("../../icons/PlusCircleDuotoneIcon.js"),p=require("../../styles/constants/theme.js"),s=require("../../style-inject.es-d4ddeae4.js");function d(r){return r&&r.__esModule?r:{default:r}}require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("styled-components"),require("../../icons/icon-base/_IconBase.js");var u=d(o),c="Amino_FilterWrapper-module__filterWrapper--u-lhr",m="Amino_FilterWrapper-module__badgeWrapper--wljBB",g="Amino_FilterWrapper-module__toggleWrapper--gqVoy",_="Amino_FilterWrapper-module__styledDropdownTrigger--YXu5i",x="Amino_FilterWrapper-module__dropdownWrapper--dPZ9C",b="Amino_FilterWrapper-module__controlsWrapper--j4AT5";s.styleInject(".Amino_FilterWrapper-module__filterWrapper--u-lhr{position:relative}.Amino_FilterWrapper-module__badgeWrapper--wljBB{align-items:center;background-color:initial;border:1px dashed var(--amino-gray-200);border-radius:100px;color:var(--amino-gray-700);display:inline-flex}.Amino_FilterWrapper-module__badgeWrapper--wljBB.active{border:var(--amino-border)}.Amino_FilterWrapper-module__toggleWrapper--gqVoy{align-items:center;border-radius:100px;border-bottom-right-radius:var(--amino-filter-wrapper-border-bottom-right-radius);border-right:1px solid var(--amino-filter-wrapper-border-right-color);border-top-right-radius:var(--amino-filter-wrapper-border-top-right-radius);cursor:pointer;display:flex;gap:var(--amino-space-8);padding:var(--amino-space-4) var(--amino-space-8)}.Amino_FilterWrapper-module__toggleWrapper--gqVoy:hover{background-color:var(--amino-gray-100)}.Amino_FilterWrapper-module__styledDropdownTrigger--YXu5i{align-items:center;border-radius:100px;border-bottom-left-radius:0;border-top-left-radius:0;cursor:pointer;display:flex;gap:var(--amino-space-8);padding:var(--amino-space-4) var(--amino-space-8)}.Amino_FilterWrapper-module__styledDropdownTrigger--YXu5i:hover{background-color:var(--amino-gray-100)}.Amino_FilterWrapper-module__dropdownWrapper--dPZ9C{background-color:var(--amino-surface-color);border-radius:var(--amino-radius-12);box-shadow:var(--amino-v3-shadow-xl);display:flex;flex-direction:column;gap:var(--amino-space-24);min-width:400px;outline:none;padding:var(--amino-space-24);position:absolute;z-index:1}.Amino_FilterWrapper-module__controlsWrapper--j4AT5{display:flex;flex-direction:column;gap:var(--amino-space-8);max-height:400px}");exports.FilterWrapper=function(o){var s=o.active,d=o.children,h=o.className,v=o.dropDownOpen,j=o.dropdownRef,y=o.dropdownTitle,W=o.filterText,f=o.handleApply,w=o.handleKeyDown,q=o.handleOpenDropdown,A=o.handleToggle,F=o.hasFilter,C=o.label,D=o.style;return e.jsxs("div",{className:u.default(h,c),style:r.__assign(r.__assign({},D),{"--amino-filter-wrapper-border-bottom-right-radius":F?"0px":"100px","--amino-filter-wrapper-border-right-color":s?p.theme.borderColor:p.theme.gray200,"--amino-filter-wrapper-border-top-right-radius":F?"0px":"100px"}),children:[e.jsxs("div",{className:u.default(s&&"active",m),onClick:A,children:[e.jsxs("div",{className:g,children:[s?e.jsx(l.MinusCircleDuotoneIcon,{color:"gray0",secondaryColor:"gray600",size:24}):e.jsx(t.PlusCircleDuotoneIcon,{color:"gray0",secondaryColor:"gray600",size:24}),e.jsx(a.Text,{fontWeight:600,children:C})]}),F&&e.jsxs("div",{className:_,onClick:q,children:[e.jsx(a.Text,{color:"blue600",fontWeight:600,children:W}),e.jsx(n.ChevronDownIcon,{size:24})]})]}),v&&e.jsxs("div",{ref:j,className:x,onKeyDown:w,tabIndex:-1,children:[e.jsx(a.Text,{type:"bold-subheader",children:y}),e.jsx("div",{className:b,children:d}),e.jsx(i.Button,{onClick:f,size:"md",variant:"primary",children:"Apply"})]})]})};

package/components/filter/useFilterWrapper.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("react"),t=require("./FilterWrapper.js");require("clsx"),require("../button/Button.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../../style-inject.es-d4ddeae4.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("styled-components"),require("../text/Text.js"),require("../../icons/ChevronDownIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/MinusCircleDuotoneIcon.js"),require("../../icons/PlusCircleDuotoneIcon.js");exports.useFilterWrapper=function(o){var i=o.className,u=o.dropdownTitle,s=o.filterExists,l=o.label,c=o.onApply,a=o.onClose,d=o.onRemove,p=o.style,f=e.__read(n.useState(!1),2),q=f[0],v=f[1],j=e.__read(n.useState(!1),2),m=j[0],y=j[1],b=e.__read(n.useState("Filter"),2),E=b[0],h=b[1],w=n.useRef(null),x=n.useRef(null),_=function(){v(!0),c(h),y(!1)},F=function(e){"Escape"===e.key&&(y(!1),a()),"Enter"===e.key&&_()},R=n.useCallback((function(e){var r,n=e.target;n instanceof Element&&!(null===(r=w.current)||void 0===r?void 0:r.contains(n))&&(y(!1),a())}),[a]);n.useEffect((function(){var e,r,n;return null===(e=document.querySelector("body"))||void 0===e||e.addEventListener("mousedown",R),(null===(r=w.current)||void 0===r?void 0:r.contains(document.activeElement))||null===(n=w.current)||void 0===n||n.focus(),function(){var e;null===(e=document.querySelector("body"))||void 0===e||e.removeEventListener("mousedown",R)}}),[m,R]),n.useEffect((function(){var e;if(m){var r=null===(e=w.current)||void 0===e?void 0:e.querySelector("input");null==r||r.focus()}}),[m]);var S=function(e){e.stopPropagation(),y(!0)},C=function(){s?(v(!q),d()):y(!0)};n.useEffect((function(){s||v(!1)}),[s]);return{handleApplyFilter:_,renderWrapper:function(e){return r.jsx(t.FilterWrapper,{ref:x,active:q,className:i,dropDownOpen:m,dropdownRef:w,dropdownTitle:u,filterText:E,handleApply:_,handleKeyDown:F,handleOpenDropdown:S,handleToggle:C,hasFilter:q&&s,label:l,style:p,children:e})},setFilterText:h}};
+"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("react"),t=require("./FilterWrapper.js");require("clsx"),require("../button/Button.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../../style-inject.es-d4ddeae4.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("styled-components"),require("../text/Text.js"),require("../../icons/ChevronDownIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/MinusCircleDuotoneIcon.js"),require("../../icons/PlusCircleDuotoneIcon.js");exports.useFilterWrapper=function(o){var i=o.className,u=o.dropdownTitle,s=o.filterExists,l=o.label,c=o.onApply,a=o.onClose,d=o.onRemove,p=o.style,f=e.__read(n.useState(!1),2),q=f[0],v=f[1],j=e.__read(n.useState(!1),2),m=j[0],y=j[1],b=e.__read(n.useState("Filter"),2),E=b[0],h=b[1],w=n.useRef(null),x=function(){v(!0),c(h),y(!1)},_=function(e){"Escape"===e.key&&(y(!1),a()),"Enter"===e.key&&x()},F=n.useCallback((function(e){var r,n=e.target;n instanceof Element&&!(null===(r=w.current)||void 0===r?void 0:r.contains(n))&&(y(!1),a())}),[a]);n.useEffect((function(){var e,r,n;return null===(e=document.querySelector("body"))||void 0===e||e.addEventListener("mousedown",F),(null===(r=w.current)||void 0===r?void 0:r.contains(document.activeElement))||null===(n=w.current)||void 0===n||n.focus(),function(){var e;null===(e=document.querySelector("body"))||void 0===e||e.removeEventListener("mousedown",F)}}),[m,F]),n.useEffect((function(){var e;if(m){var r=null===(e=w.current)||void 0===e?void 0:e.querySelector("input");null==r||r.focus()}}),[m]);var S=function(e){e.stopPropagation(),y(!0)},C=function(){s?(v(!q),d()):y(!0)};n.useEffect((function(){s||v(!1)}),[s]);return{handleApplyFilter:x,renderWrapper:function(e){return r.jsx(t.FilterWrapper,{active:q,className:i,dropDownOpen:m,dropdownRef:w,dropdownTitle:u,filterText:E,handleApply:x,handleKeyDown:_,handleOpenDropdown:S,handleToggle:C,hasFilter:q&&s,label:l,style:p,children:e})},setFilterText:h}};

package/package.json

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