@soul-refiner/design-system 2.11.6 → 2.11.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.
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var React=require("react"),styled=require("styled-components"),box=require("../../atoms/box/box.js"),button=require("../../actions/button/button.js"),paragraph=require("../../atoms/typography/paragraph.js"),chevron_down=require("../../../icons/arrow/chevron_down.js"),chevron_up=require("../../../icons/arrow/chevron_up.js"),close=require("../../../icons/basic/close.js"),styles=require("../../../common/styles.js"),filter_option=require("./filter_option.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),styled__default=_interopDefaultCompat(styled);const Filter=({closeOnBlur:t=!0,disabled:e,graphic:r,graphicAlignment:a="left",resetGraphic:l,label:o="",sx:n,triggerType:c,options:d,defaultValue:i="",closeOnChange:u=!0,optionOnChange:s,optionShowClose:p,checkbox:f,isRadio:_,applyOnClick:g,resetOnClick:v,applyResetActions:y,customerOptionWrapper:h,onReset:b,shouldReset:m=!1})=>{const[x,R]=React.useState([]),E=!!f,$=React.useRef(null);var C=React.useRef(null);const[k,w]=React.useState(!1),[P,S]=React.useState(()=>i||(E?[]:"")),[A,j]=React.useState("");React.useEffect(()=>{R(d)},[d]),React.useEffect(()=>{e&&w(!1)},[e]),React.useEffect(()=>{m&&(S(E?[]:""),w(!1),j(o),b?.())},[m,E,o,b]),React.useEffect(()=>{"outlined"===c&&void 0===i&&S(E?[x[0]?.value]:x[0]?.value)},[c,i]),React.useEffect(()=>{if(!k)if(!P||Array.isArray(P)&&0===P.length)j(o);else{const a=e=>{for(const r of e)if("string"!=typeof r){if(r.value===P||Array.isArray(P)&&P.includes(r.value))return r;if(r.children?.length){var t=a(r.children);if(t)return t}}};var e=a(x);"string"==typeof P?j(e?.label??o):Array.isArray(P)&&j(1<P.length?`${e?.label??o} +`+(P.length-1):e?.label??o)}},[P,x,k,o]);var q=[...x.map((a,e)=>{var t;return"string"==typeof a&&"break"===a?React__default.default.createElement(filter_option.Spacer,{key:React__default.default.useId()+"-spacer-"+e}):React__default.default.createElement(filter_option.Option,{key:a.value,onClick:e=>{if(a.children?.length)R(a.children);else if(E){var t=e;t.stopPropagation();const r=t.target.getAttribute("data-value")??"";Array.isArray(P)&&P.includes(r)?S(e=>e.filter(e=>e!==r)):S(e=>[r,...e]),u&&!g&&w(!1),s&&s(t)}else(t=e).stopPropagation(),e=t.target.getAttribute("data-value")??"",P!==e?S(e):S(""),u&&!g&&w(!1),s&&s(t)},selected:(t=a.value,E?P.includes(t):t===P),checkbox:f,radio:!E&&"pill"===c&&_,showClose:void 0===p?0===e&&"pill"===c:p,onClose:()=>w(!1),...a})}),"pill"===c&&React__default.default.createElement(filter_option.Spacer,{key:"spacer-"+d.length})],D=l&&("string"==typeof P?!!P:!!P.length);return React__default.default.createElement(Wrapper,{$sx:n,tabIndex:0,ref:$,onBlurCapture:e=>{t&&$?.current&&!$?.current?.contains(e.relatedTarget)&&w(!1)}},React__default.default.createElement(FilterTrigger,{disabled:e,graphic:r,graphicAlignment:a,label:o,onClick:()=>{e||w(e=>!e)},onReset:l?e=>{e.stopPropagation(),v&&v(e),S(E?[]:""),w(!1)}:void 0,open:k,resetGraphic:D,type:c,value:A}),k&&React__default.default.createElement(Container,{ref:C},React__default.default.createElement(React__default.default.Fragment,null,h?h({children:q}):q,"pill"===c&&y&&React__default.default.createElement(box.Box,{$display:"flex",$dir:"row",$align:"center",$justify:"flex-end",$gap:8,sx:"margin-top: 8px; padding-right: 8px; padding-bottom: 8px"},React__default.default.createElement(button.Button,{onClick:e=>{v&&v(e),S(E?[]:""),w(!1)},size:"small",type:"text"},"Reset"),React__default.default.createElement(button.Button,{onClick:e=>{g&&g(e),w(!1)},size:"small",type:"primary"},"Apply")))))},Wrapper=styled__default.default.div`
|
|
2
|
+
"use strict";var React=require("react"),styled=require("styled-components"),box=require("../../atoms/box/box.js"),button=require("../../actions/button/button.js"),paragraph=require("../../atoms/typography/paragraph.js"),chevron_down=require("../../../icons/arrow/chevron_down.js"),chevron_up=require("../../../icons/arrow/chevron_up.js"),close=require("../../../icons/basic/close.js"),styles=require("../../../common/styles.js"),filter_option=require("./filter_option.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),styled__default=_interopDefaultCompat(styled);const Filter=({closeOnBlur:t=!0,disabled:e,graphic:r,graphicAlignment:a="left",resetGraphic:l,label:o="",sx:n,triggerType:c,options:d,defaultValue:i="",closeOnChange:u=!0,optionOnChange:s,optionShowClose:p,checkbox:f,isRadio:_,applyOnClick:g,resetOnClick:v,applyResetActions:y,customerOptionWrapper:h,onReset:b,shouldReset:m=!1})=>{const[x,R]=React.useState([]),E=!!f,$=React.useRef(null);var C=React.useRef(null);const[k,w]=React.useState(!1),[P,S]=React.useState(()=>i||(E?[]:"")),[A,j]=React.useState("");React.useEffect(()=>{R(d)},[d]),React.useEffect(()=>{e&&w(!1)},[e]),React.useEffect(()=>{m&&(S(E?[]:""),w(!1),j(o),b?.())},[m,E,o,b]),React.useEffect(()=>{"outlined"===c&&void 0===i&&S(E?[x[0]?.value]:x[0]?.value)},[c,i]),React.useEffect(()=>{if(!k)if(!P||Array.isArray(P)&&0===P.length)j(o);else{const a=e=>{for(const r of e)if("string"!=typeof r){if(r.value===P||Array.isArray(P)&&P.includes(r.value))return r;if(r.children?.length){var t=a(r.children);if(t)return t}}};var e=a(x);"string"==typeof P?j(e?.label??o):Array.isArray(P)&&j(1<P.length?`${e?.label??o} +`+(P.length-1):e?.label??o)}},[P,x,k,o]);React.useEffect(()=>{k||R(d)},[k]);var q=[...x.map((a,e)=>{var t;return"string"==typeof a&&"break"===a?React__default.default.createElement(filter_option.Spacer,{key:React__default.default.useId()+"-spacer-"+e}):React__default.default.createElement(filter_option.Option,{key:a.value,onClick:e=>{if(a.children?.length)R(a.children);else if(E){var t=e;t.stopPropagation();const r=t.target.getAttribute("data-value")??"";Array.isArray(P)&&P.includes(r)?S(e=>e.filter(e=>e!==r)):S(e=>[r,...e]),u&&!g&&w(!1),s&&s(t)}else(t=e).stopPropagation(),e=t.target.getAttribute("data-value")??"",P!==e?S(e):S(""),u&&!g&&w(!1),s&&s(t)},selected:(t=a.value,E?P.includes(t):t===P),checkbox:f,radio:!E&&"pill"===c&&_,showClose:void 0===p?0===e&&"pill"===c:p,onClose:()=>w(!1),...a})}),"pill"===c&&React__default.default.createElement(filter_option.Spacer,{key:"spacer-"+d.length})],D=l&&("string"==typeof P?!!P:!!P.length);return React__default.default.createElement(Wrapper,{$sx:n,tabIndex:0,ref:$,onBlurCapture:e=>{t&&$?.current&&!$?.current?.contains(e.relatedTarget)&&w(!1)}},React__default.default.createElement(FilterTrigger,{disabled:e,graphic:r,graphicAlignment:a,label:o,onClick:()=>{e||w(e=>!e)},onReset:l?e=>{e.stopPropagation(),v&&v(e),S(E?[]:""),w(!1)}:void 0,open:k,resetGraphic:D,type:c,value:A}),k&&React__default.default.createElement(Container,{ref:C},React__default.default.createElement(React__default.default.Fragment,null,h?h({children:q}):q,"pill"===c&&y&&React__default.default.createElement(box.Box,{$display:"flex",$dir:"row",$align:"center",$justify:"flex-end",$gap:8,sx:"margin-top: 8px; padding-right: 8px; padding-bottom: 8px"},React__default.default.createElement(button.Button,{onClick:e=>{v&&v(e),S(E?[]:""),w(!1)},size:"small",type:"text"},"Reset"),React__default.default.createElement(button.Button,{onClick:e=>{g&&g(e),w(!1)},size:"small",type:"primary"},"Apply")))))},Wrapper=styled__default.default.div`
|
|
3
3
|
position: relative;
|
|
4
4
|
display: block;
|
|
5
5
|
outline: none;
|