@zonos/amino 5.4.27 → 5.4.28

package/components/filter/filter-select/FilterSelect.js

@@ -1 +1 @@
-"use strict";var e=require("../../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),n=require("react"),t=require("../useFilterWrapper.js"),i=require("../../select/Select.js"),u=require("../../../utils/truncateText.js");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("../../../utils/getTestId.js"),require("../../text/Text.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js"),require("../../../global.module-569e4fd5.js"),require("../../select/_StyledReactSelect.js"),require("react-select"),require("../../checkbox/Checkbox.js"),require("../../help-text/HelpText.js"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");exports.FilterSelect=function(o){var s=o.filterTextCharacterLimit,l=void 0===s?20:s,c=o.getFilterText,a=o.onChange,q=o.options,p=o.selectProps,j=o.value,f=e.__rest(o,["filterTextCharacterLimit","getFilterText","onChange","options","selectProps","value"]),C=e.__read(n.useState(j),2),v=C[0],x=C[1],m=e.__read(n.useState(!1),2),_=m[0],b=m[1],h=n.useMemo((function(){return c||function(e){return"is ".concat(e.label)}}),[c]),g=n.useMemo((function(){return q.find((function(e){return e.value===v}))||null}),[v,q]),d=n.useCallback((function(e){if(v){var r=q.find((function(e){return e.value===v}));if(r){var n=h(r);e(u.truncateText({length:l,text:n}))}}}),[v,l,h,q]),I=n.useCallback((function(e){a(v),d(e)}),[v,d,a]),T=t.useFilterWrapper(e.__assign(e.__assign({},f),{isActive:!!j,onApply:I,onApplyFilterText:d,onClose:function(){x(j)},onRemove:function(){a(null),x(null)}})).renderWrapper,k=n.useMemo((function(){return"function"==typeof p?p(g):p}),[p,g]);return T(r.jsx(i.Select,e.__assign({isClearable:!1,onChange:function(e){return x((null==e?void 0:e.value)||null)},onKeyDown:function(e){"Enter"===e.key&&_&&e.stopPropagation()},onMenuClose:function(){return b(!1)},onMenuOpen:function(){return b(!0)},options:q,size:"sm",value:q.filter((function(e){return e.value===v}))},k)))};
+"use strict";var e=require("../../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),t=require("react"),n=require("../useFilterWrapper.js"),i=require("../../select/Select.js"),u=require("../../../utils/truncateText.js");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("../../../utils/getTestId.js"),require("../../text/Text.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js"),require("../../../global.module-569e4fd5.js"),require("../../select/_StyledReactSelect.js"),require("react-select"),require("../../checkbox/Checkbox.js"),require("../../help-text/HelpText.js"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");exports.FilterSelect=function(o){var s=o.filterTextCharacterLimit,l=void 0===s?20:s,c=o.getFilterText,a=o.onChange,q=o.options,p=o.selectProps,j=o.value,f=e.__rest(o,["filterTextCharacterLimit","getFilterText","onChange","options","selectProps","value"]),v=e.__read(t.useState(j),2),C=v[0],x=v[1],m=e.__read(t.useState(!1),2),_=m[0],b=m[1],h=t.useMemo((function(){return c||function(e){return"is ".concat(e.label)}}),[c]),g=t.useMemo((function(){return q.find((function(e){return e.value===C}))||null}),[C,q]),d=t.useCallback((function(e){if(C){var r=q.find((function(e){return e.value===C}));if(r){var t=h(r);e(u.truncateText({length:l,text:t}))}}}),[C,l,h,q]),T=t.useCallback((function(e){a(C),d(e)}),[C,d,a]),I=n.useFilterWrapper(e.__assign(e.__assign({},f),{initialFilterText:j?"is ".concat(j):void 0,isActive:!!j,onApply:T,onApplyFilterText:d,onClose:function(){x(j)},onRemove:function(){a(null),x(null)}})).renderWrapper,k=t.useMemo((function(){return"function"==typeof p?p(g):p}),[p,g]);return I(r.jsx(i.Select,e.__assign({isClearable:!1,onChange:function(e){return x((null==e?void 0:e.value)||null)},onKeyDown:function(e){"Enter"===e.key&&_&&e.stopPropagation()},onMenuClose:function(){return b(!1)},onMenuOpen:function(){return b(!0)},options:q,size:"sm",value:q.filter((function(e){return e.value===C}))},k)))};

package/components/filter/useFilterWrapper.d.ts

@@ -6,6 +6,7 @@ export type BaseFilterProps = BaseProps & {
 };
 export type FilterApplyCallback = (setFilterText: (newFilterText: string) => void) => void;
 type UseFilterProps = {
+    initialFilterText?: string;
     isActive: boolean;
     onApply: FilterApplyCallback;
     /**
@@ -20,7 +21,7 @@ type UseFilterProps = {
     setActive?: (active: boolean) => void;
 };
 export type FilterProps = BaseFilterProps & UseFilterProps;
-export declare const useFilterWrapper: ({ className, dropdownTitle, isActive, label, onApply, onApplyFilterText, onClose, onRemove, setActive, style, }: FilterProps) => {
+export declare const useFilterWrapper: ({ className, dropdownTitle, initialFilterText, isActive, label, onApply, onApplyFilterText, onClose, onRemove, setActive, style, }: FilterProps) => {
     handleApplyFilter: () => void;
     renderWrapper: (control: ReactNode) => import("react/jsx-runtime").JSX.Element;
     setFilterText: import("react").Dispatch<import("react").SetStateAction<string>>;

package/components/filter/useFilterWrapper.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-bd4862e8.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("../../utils/getTestId.js"),require("../text/Text.js"),require("../../icons/ChevronDownIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/MinusCircleDuotoneIcon.js"),require("../../icons/PlusCircleDuotoneIcon.js"),require("../../global.module-569e4fd5.js");exports.useFilterWrapper=function(i){var o=i.className,u=i.dropdownTitle,s=i.isActive,l=i.label,c=i.onApply,a=i.onApplyFilterText,d=i.onClose,p=i.onRemove,v=i.setActive,f=i.style,q=e.__read(n.useState(!1),2),j=q[0],m=q[1],y=e.__read(n.useState("Filter"),2),b=y[0],h=y[1],w=n.useRef(null),x=function(){c(h),m(!1)},E=function(e){"Escape"===e.key&&(m(!1),d()),"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))&&j&&(m(!1),d())}),[j,d]);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)}}),[j,F]),n.useEffect((function(){var e;if(j){var r=null===(e=w.current)||void 0===e?void 0:e.querySelector("input");null==r||r.focus()}}),[j]);var T=function(e){e.stopPropagation(),m(!0)},g=function(){s?(null==v||v(!1),p()):m(!0)};n.useEffect((function(){s&&a(h)}),[s,a]);return{handleApplyFilter:x,renderWrapper:function(e){return r.jsx(t.FilterWrapper,{active:s,className:o,dropDownOpen:j,dropdownRef:w,dropdownTitle:u,filterText:b,handleApply:x,handleKeyDown:E,handleOpenDropdown:T,handleToggle:g,hasFilter:s,label:l,style:f,children:e})},setFilterText:h}};
+"use strict";var e=require("../../_tslib-bd4862e8.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("../../utils/getTestId.js"),require("../text/Text.js"),require("../../icons/ChevronDownIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/MinusCircleDuotoneIcon.js"),require("../../icons/PlusCircleDuotoneIcon.js"),require("../../global.module-569e4fd5.js");exports.useFilterWrapper=function(i){var o=i.className,u=i.dropdownTitle,l=i.initialFilterText,s=void 0===l?"Filter":l,c=i.isActive,a=i.label,d=i.onApply,p=i.onApplyFilterText,v=i.onClose,f=i.onRemove,q=i.setActive,j=i.style,m=e.__read(n.useState(!1),2),y=m[0],b=m[1],x=e.__read(n.useState(s),2),h=x[0],w=x[1],E=n.useRef(null),F=function(){d(w),b(!1)},T=function(e){"Escape"===e.key&&(b(!1),v()),"Enter"===e.key&&F()},g=n.useCallback((function(e){var r,n=e.target;n instanceof Element&&!(null===(r=E.current)||void 0===r?void 0:r.contains(n))&&y&&(b(!1),v())}),[y,v]);n.useEffect((function(){var e,r,n;return null===(e=document.querySelector("body"))||void 0===e||e.addEventListener("mousedown",g),(null===(r=E.current)||void 0===r?void 0:r.contains(document.activeElement))||null===(n=E.current)||void 0===n||n.focus(),function(){var e;null===(e=document.querySelector("body"))||void 0===e||e.removeEventListener("mousedown",g)}}),[y,g]),n.useEffect((function(){var e;if(y){var r=null===(e=E.current)||void 0===e?void 0:e.querySelector("input");null==r||r.focus()}}),[y]);var A=function(e){e.stopPropagation(),b(!0)},_=function(){c?(null==q||q(!1),f()):b(!0)};n.useEffect((function(){c&&p(w)}),[c,p]);return{handleApplyFilter:F,renderWrapper:function(e){return r.jsx(t.FilterWrapper,{active:c,className:o,dropDownOpen:y,dropdownRef:E,dropdownTitle:u,filterText:h,handleApply:F,handleKeyDown:T,handleOpenDropdown:A,handleToggle:_,hasFilter:c,label:a,style:j,children:e})},setFilterText:w}};

package/package.json

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