@anker-in/headless-ui 1.0.16-temp-09101 → 1.0.16-temp-09112

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.
Files changed (31) hide show
  1. package/dist/cjs/biz-components/CollectionsFilters/FilterHeader.d.ts +0 -5
  2. package/dist/cjs/biz-components/CollectionsFilters/FilterHeader.js +1 -1
  3. package/dist/cjs/biz-components/CollectionsFilters/FilterHeader.js.map +3 -3
  4. package/dist/cjs/biz-components/CollectionsFilters/FilterList.d.ts +0 -1
  5. package/dist/cjs/biz-components/CollectionsFilters/FilterList.js +1 -1
  6. package/dist/cjs/biz-components/CollectionsFilters/FilterList.js.map +3 -3
  7. package/dist/cjs/biz-components/CollectionsFilters/FiterTab.d.ts +7 -0
  8. package/dist/cjs/biz-components/CollectionsFilters/FiterTab.js +2 -0
  9. package/dist/cjs/biz-components/CollectionsFilters/FiterTab.js.map +7 -0
  10. package/dist/cjs/biz-components/CollectionsFilters/index.js +1 -1
  11. package/dist/cjs/biz-components/CollectionsFilters/index.js.map +3 -3
  12. package/dist/cjs/biz-components/index.d.ts +1 -0
  13. package/dist/cjs/biz-components/index.js +1 -1
  14. package/dist/cjs/biz-components/index.js.map +3 -3
  15. package/dist/cjs/tsconfig.tsbuildinfo +1 -1
  16. package/dist/esm/biz-components/CollectionsFilters/FilterHeader.d.ts +0 -5
  17. package/dist/esm/biz-components/CollectionsFilters/FilterHeader.js +1 -1
  18. package/dist/esm/biz-components/CollectionsFilters/FilterHeader.js.map +3 -3
  19. package/dist/esm/biz-components/CollectionsFilters/FilterList.d.ts +0 -1
  20. package/dist/esm/biz-components/CollectionsFilters/FilterList.js +1 -1
  21. package/dist/esm/biz-components/CollectionsFilters/FilterList.js.map +3 -3
  22. package/dist/esm/biz-components/CollectionsFilters/FiterTab.d.ts +7 -0
  23. package/dist/esm/biz-components/CollectionsFilters/FiterTab.js +2 -0
  24. package/dist/esm/biz-components/CollectionsFilters/FiterTab.js.map +7 -0
  25. package/dist/esm/biz-components/CollectionsFilters/index.js +1 -1
  26. package/dist/esm/biz-components/CollectionsFilters/index.js.map +3 -3
  27. package/dist/esm/biz-components/index.d.ts +1 -0
  28. package/dist/esm/biz-components/index.js +1 -1
  29. package/dist/esm/biz-components/index.js.map +2 -2
  30. package/dist/esm/tsconfig.tsbuildinfo +1 -1
  31. package/package.json +1 -1
@@ -1,14 +1,9 @@
1
1
  type FilterHeaderProps = {
2
- filtered: {
3
- [key: string]: string[];
4
- };
5
2
  total?: number;
6
- filtersPair: any[];
7
3
  sortKeyIndx: number;
8
4
  metafields: any;
9
5
  closeFilter: boolean;
10
6
  onClearFiltered: () => void;
11
- onTabChange?: (tab: any) => void;
12
7
  onSortChange: (sortKeyIndx: number) => void;
13
8
  onCloseFilter: (closeFilter: boolean) => void;
14
9
  onMobileOpenDrawer: (openDrawer: boolean) => void;
@@ -1,2 +1,2 @@
1
- "use strict";var I=Object.create;var b=Object.defineProperty;var D=Object.getOwnPropertyDescriptor;var O=Object.getOwnPropertyNames;var $=Object.getPrototypeOf,z=Object.prototype.hasOwnProperty;var H=(t,l)=>{for(var o in l)b(t,o,{get:l[o],enumerable:!0})},h=(t,l,o,d)=>{if(l&&typeof l=="object"||typeof l=="function")for(let n of O(l))!z.call(t,n)&&n!==o&&b(t,n,{get:()=>l[n],enumerable:!(d=D(l,n))||d.enumerable});return t};var M=(t,l,o)=>(o=t!=null?I($(t)):{},h(l||!t||!t.__esModule?b(o,"default",{value:t,enumerable:!0}):o,t)),L=t=>h(b({},"__esModule",{value:!0}),t);var E={};H(E,{default:()=>g});module.exports=L(E);var e=require("react/jsx-runtime"),c=require("../../helpers/utils"),i=require("../../components/index.js"),N=M(require("./component/TabFilter")),y=require("es-toolkit"),f=require("react");function g(t){const{total:l,filtered:o,filtersPair:d,closeFilter:n,metafields:C,onSortChange:F,onTabChange:k,onCloseFilter:_,onClearFiltered:w,onMobileOpenDrawer:P,sortKeyIndx:x}=t,{shop_filters_pair:s}=C,[p,u]=(0,f.useState)(!1),v=a=>_?.(a),S=(0,f.useMemo)(()=>d?.find(a=>a.mainPair),[d]);return(0,e.jsxs)("div",{className:"filter-header",children:[(0,e.jsx)("div",{className:"mb-6",children:(0,e.jsx)(N.default,{tabs:S,tabShape:"square",onTabClick:(a,r)=>{const m=(0,y.cloneDeep)(o),T=m?.[a?.value]||[];m[a?.value]=r?.value?[r?.value]:[],T.length<=0&&Reflect.deleteProperty(m,r?.label),k?.(m)}})}),(0,e.jsxs)("div",{className:(0,c.cn)("desktop:gap-x-16 tablet:gap-x-8","relative flex md-tablet:p-0 text-base font-bold box-border","tablet:border-b tablet:border-[#E4E5E6] tablet:pb-4 tablet:mb-4 mb-2"),children:[!n&&(0,e.jsxs)("div",{className:(0,c.cn)("md-tablet:hidden flex-shrink-0 flex justify-between items-center","desktop:w-60 tablet:w-48 laptop:w-[210px] md-tablet:w-fit box-border"),children:[(0,e.jsxs)("div",{className:"flex items-center cursor-pointer",onClick:()=>v(!0),children:[(0,e.jsx)(i.Picture,{className:"mb-1 size-5",source:"https://cdn.shopify.com/s/files/1/0508/1815/4652/files/icon_table-of-contents.svg?v=1694054638"}),(0,e.jsx)("span",{className:"font-bold inline-block pl-2 leading-none",children:s?.filter_txt?.filter||"Close Filter"})]}),(0,e.jsx)("span",{onClick:()=>w(),className:"text-center text-base md:hidden font-bold text-[#1D1D1F] cursor-pointer box-border",children:"Clear"})]}),(0,e.jsxs)("div",{className:"flex-1 flex items-center justify-between",children:[(0,e.jsxs)("div",{className:"md-tablet:hidden flex items-center gap-x-4",children:[n&&(0,e.jsxs)("div",{className:"flex items-center cursor-pointer",onClick:()=>v(!1),children:[(0,e.jsx)(i.Picture,{className:"mb-1 size-5",source:"https://cdn.shopify.com/s/files/1/0508/1815/4652/files/icon_table-of-contents.svg?v=1694054638"}),(0,e.jsx)("span",{className:"font-bold inline-block pl-2 leading-none",children:s?.filter_txt?.filter||"Open Filter"})]}),s?.filter_txt?.found?(0,e.jsx)(i.Text,{className:"text-base font-bold text-[#86868C] md:hidden",html:s?.filter_txt?.found?.replace("${number}",l||0)}):(0,e.jsx)(i.Text,{className:"text-base font-bold text-[#86868C] md:hidden",html:`${l||0} Item(s) Found`})]}),(0,e.jsx)("div",{className:"hidden md-tablet:block",children:(0,e.jsxs)("div",{className:"flex items-center",onClick:()=>P?.(!0),children:[(0,e.jsx)(i.Picture,{className:"inline-block size-[20px]",source:"https://cdn.shopify.com/s/files/1/0508/1815/4652/files/icon_table-of-contents.svg?v=1694054638"}),(0,e.jsx)("span",{className:"font-bold inline-block pl-2 leading-none",children:s?.filter_txt?.filter||"Close Filter"})]})}),(0,e.jsxs)("div",{className:"flex items-center relative cursor-pointer",onClick:()=>u(!p),children:[(0,e.jsx)("span",{className:"text-base pr-1 text-[#777]",dangerouslySetInnerHTML:{__html:`${s?.filter_txt?.sort}: `||"Sort by: "}}),(0,e.jsx)(i.Text,{html:s?.filter_txt.sortList?.[x]?.txt||"Recommended",className:"text-base font-[700] text-[#333]"}),(0,e.jsx)("div",{className:`ml-1 size-4 duration-300 ease-in-out ${p&&"rotate-180"}`,children:(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor","aria-hidden":"true","data-slot":"icon",children:(0,e.jsx)("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"m19.5 8.25-7.5 7.5-7.5-7.5"})})}),(0,e.jsx)("ul",{className:(0,c.cn)("w-full bg-[#FFFFFF] z-10 py-2 px-0 rounded-lg transition-all duration-400 ease-in-out","md-tablet:left-0 md-tablet:top-[120%] md-tablet:text-left absolute top-[110%] right-0",p?"visibility opacity-100":"invisible opacity-0"),children:s?.filter_txt?.sortList?.map((a,r)=>(0,e.jsx)("li",{className:(0,c.cn)("cursor-pointer w-full py-3 px-4 text-base font-semibold text-[#333] [&:hover]:bg-[#f7f8f9]",r===x?"opacity-60":""),children:(0,e.jsx)("button",{name:a?.txt,className:"md-tablet:text-left",dangerouslySetInnerHTML:{__html:a?.txt},onClick:()=>{u(!1),F(r)}})},a?.txt+r))})]})]})]}),(0,e.jsx)("div",{className:"mb-2 hidden md-tablet:block",children:s?.filter_txt?.found?(0,e.jsx)(i.Text,{className:"text-base font-bold text-[#86868C]",html:s?.filter_txt?.found?.replace("${number}",l||0)}):(0,e.jsx)(i.Text,{className:"text-base font-bold text-[#86868C]",html:`${l||0} Item(s) Found`})})]})}
1
+ "use strict";var b=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var _=(s,t)=>{for(var i in t)b(s,i,{get:t[i],enumerable:!0})},k=(s,t,i,d)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of y(t))!C.call(s,a)&&a!==i&&b(s,a,{get:()=>t[a],enumerable:!(d=g(t,a))||d.enumerable});return s};var w=s=>k(b({},"__esModule",{value:!0}),s);var S={};_(S,{default:()=>v});module.exports=w(S);var e=require("react/jsx-runtime"),r=require("../../helpers/utils"),o=require("../../components/index.js"),D=require("./component/TabFilter"),$=require("es-toolkit"),u=require("react");function v(s){const{total:t,closeFilter:i,metafields:d,onSortChange:a,onCloseFilter:h,onClearFiltered:N,onMobileOpenDrawer:F,sortKeyIndx:f}=s,{shop_filters_pair:l}=d,[m,p]=(0,u.useState)(!1),x=n=>h?.(n);return(0,e.jsxs)("div",{className:"filter-header",children:[(0,e.jsxs)("div",{className:(0,r.cn)("desktop:gap-x-16 tablet:gap-x-8","relative flex md-tablet:p-0 text-base font-bold box-border","tablet:border-b tablet:border-[#E4E5E6] tablet:pb-4 tablet:mb-4 mb-2"),children:[!i&&(0,e.jsxs)("div",{className:(0,r.cn)("md-tablet:hidden flex-shrink-0 flex justify-between items-center","desktop:w-60 tablet:w-48 laptop:w-[210px] md-tablet:w-fit box-border"),children:[(0,e.jsxs)("div",{className:"flex items-center cursor-pointer",onClick:()=>x(!0),children:[(0,e.jsx)(o.Picture,{className:"mb-1 size-5",source:"https://cdn.shopify.com/s/files/1/0508/1815/4652/files/icon_table-of-contents.svg?v=1694054638"}),(0,e.jsx)("span",{className:"font-bold inline-block pl-2 leading-none",children:l?.filter_txt?.filter||"Close Filter"})]}),(0,e.jsx)("span",{onClick:()=>N(),className:"text-center text-base md:hidden font-bold text-[#1D1D1F] cursor-pointer box-border",children:"Clear"})]}),(0,e.jsxs)("div",{className:"flex-1 flex items-center justify-between",children:[(0,e.jsxs)("div",{className:"md-tablet:hidden flex items-center gap-x-4",children:[i&&(0,e.jsxs)("div",{className:"flex items-center cursor-pointer",onClick:()=>x(!1),children:[(0,e.jsx)(o.Picture,{className:"mb-1 size-5",source:"https://cdn.shopify.com/s/files/1/0508/1815/4652/files/icon_table-of-contents.svg?v=1694054638"}),(0,e.jsx)("span",{className:"font-bold inline-block pl-2 leading-none",children:l?.filter_txt?.filter||"Open Filter"})]}),l?.filter_txt?.found?(0,e.jsx)(o.Text,{className:"text-base font-bold text-[#86868C] md:hidden",html:l?.filter_txt?.found?.replace("${number}",t||0)}):(0,e.jsx)(o.Text,{className:"text-base font-bold text-[#86868C] md:hidden",html:`${t||0} Item(s) Found`})]}),(0,e.jsx)("div",{className:"hidden md-tablet:block",children:(0,e.jsxs)("div",{className:"flex items-center",onClick:()=>F?.(!0),children:[(0,e.jsx)(o.Picture,{className:"inline-block size-[20px]",source:"https://cdn.shopify.com/s/files/1/0508/1815/4652/files/icon_table-of-contents.svg?v=1694054638"}),(0,e.jsx)("span",{className:"font-bold inline-block pl-2 leading-none",children:l?.filter_txt?.filter||"Close Filter"})]})}),(0,e.jsxs)("div",{className:"flex items-center relative cursor-pointer",onClick:()=>p(!m),children:[(0,e.jsx)("span",{className:"text-base pr-1 text-[#777]",dangerouslySetInnerHTML:{__html:`${l?.filter_txt?.sort}: `||"Sort by: "}}),(0,e.jsx)(o.Text,{html:l?.filter_txt.sortList?.[f]?.txt||"Recommended",className:"text-base font-[700] text-[#333]"}),(0,e.jsx)("div",{className:`ml-1 size-4 duration-300 ease-in-out ${m&&"rotate-180"}`,children:(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor","aria-hidden":"true","data-slot":"icon",children:(0,e.jsx)("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"m19.5 8.25-7.5 7.5-7.5-7.5"})})}),(0,e.jsx)("ul",{className:(0,r.cn)("w-full bg-[#FFFFFF] z-10 py-2 px-0 rounded-lg transition-all duration-400 ease-in-out","md-tablet:left-0 md-tablet:top-[120%] md-tablet:text-left absolute top-[110%] right-0",m?"visibility opacity-100":"invisible opacity-0"),children:l?.filter_txt?.sortList?.map((n,c)=>(0,e.jsx)("li",{className:(0,r.cn)("cursor-pointer w-full py-3 px-4 text-base font-semibold text-[#333] [&:hover]:bg-[#f7f8f9]",c===f?"opacity-60":""),children:(0,e.jsx)("button",{name:n?.txt,className:"md-tablet:text-left",dangerouslySetInnerHTML:{__html:n?.txt},onClick:()=>{p(!1),a(c)}})},n?.txt+c))})]})]})]}),(0,e.jsx)("div",{className:"mb-2 hidden md-tablet:block",children:l?.filter_txt?.found?(0,e.jsx)(o.Text,{className:"text-base font-bold text-[#86868C]",html:l?.filter_txt?.found?.replace("${number}",t||0)}):(0,e.jsx)(o.Text,{className:"text-base font-bold text-[#86868C]",html:`${t||0} Item(s) Found`})})]})}
2
2
  //# sourceMappingURL=FilterHeader.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/biz-components/CollectionsFilters/FilterHeader.tsx"],
4
- "sourcesContent": ["import { cn } from '../../helpers/utils'\nimport { Picture, Text } from '../../components/index.js'\nimport TabFilter from './component/TabFilter'\nimport { cloneDeep } from 'es-toolkit'\nimport { useState, useMemo } from 'react'\n\ntype FilterHeaderProps = {\n filtered: {\n [key: string]: string[]\n }\n total?: number\n filtersPair: any[]\n sortKeyIndx: number\n metafields: any\n closeFilter: boolean\n onClearFiltered: () => void\n onTabChange?: (tab: any) => void\n onSortChange: (sortKeyIndx: number) => void\n onCloseFilter: (closeFilter: boolean) => void\n onMobileOpenDrawer: (openDrawer: boolean) => void\n}\n\nexport default function FilterHeader(props: FilterHeaderProps) {\n const {\n total,\n filtered,\n filtersPair,\n closeFilter,\n metafields,\n onSortChange,\n onTabChange,\n onCloseFilter,\n onClearFiltered,\n onMobileOpenDrawer,\n sortKeyIndx,\n } = props\n\n const { shop_filters_pair: shopFiltersPair } = metafields\n\n const [openSort, setOpenSort] = useState<boolean>(false)\n\n const onCloseOrOpenFilter = (closeFilter: boolean) => onCloseFilter?.(closeFilter)\n\n const mainPair = useMemo(() => {\n return filtersPair?.find(item => item.mainPair)\n }, [filtersPair])\n\n const onTabClick = (tabs: any, tab: any) => {\n const clonefiltered = cloneDeep(filtered)\n const current = clonefiltered?.[tabs?.value] || []\n clonefiltered[tabs?.value] = tab?.value ? [tab?.value] : []\n if (current.length <= 0) {\n Reflect.deleteProperty(clonefiltered, tab?.label)\n }\n onTabChange?.(clonefiltered)\n }\n\n return (\n <div className=\"filter-header\">\n <div className=\"mb-6\">\n <TabFilter tabs={mainPair} tabShape=\"square\" onTabClick={onTabClick} />\n </div>\n <div\n className={cn(\n 'desktop:gap-x-16 tablet:gap-x-8',\n 'relative flex md-tablet:p-0 text-base font-bold box-border',\n 'tablet:border-b tablet:border-[#E4E5E6] tablet:pb-4 tablet:mb-4 mb-2'\n )}\n >\n {/* pc\u5C55\u793A\u7684\u7B5B\u9009(open\u72B6\u6001) */}\n {!closeFilter && (\n <div\n className={cn(\n 'md-tablet:hidden flex-shrink-0 flex justify-between items-center',\n 'desktop:w-60 tablet:w-48 laptop:w-[210px] md-tablet:w-fit box-border'\n )}\n >\n <div className=\"flex items-center cursor-pointer\" onClick={() => onCloseOrOpenFilter(true)}>\n <Picture\n className=\"mb-1 size-5\"\n source=\"https://cdn.shopify.com/s/files/1/0508/1815/4652/files/icon_table-of-contents.svg?v=1694054638\"\n />\n <span className=\"font-bold inline-block pl-2 leading-none\">\n {shopFiltersPair?.filter_txt?.filter || 'Close Filter'}\n </span>\n </div>\n <span\n onClick={() => onClearFiltered()}\n className=\"text-center text-base md:hidden font-bold text-[#1D1D1F] cursor-pointer box-border\"\n >\n Clear\n </span>\n </div>\n )}\n <div className=\"flex-1 flex items-center justify-between\">\n {/* pc\u7AEF\u5C55\u793A\u7684\u7B5B\u9009\uFF08close\u72B6\u6001\uFF09 */}\n <div className=\"md-tablet:hidden flex items-center gap-x-4\">\n {closeFilter && (\n <div className=\"flex items-center cursor-pointer\" onClick={() => onCloseOrOpenFilter(false)}>\n <Picture\n className=\"mb-1 size-5\"\n source=\"https://cdn.shopify.com/s/files/1/0508/1815/4652/files/icon_table-of-contents.svg?v=1694054638\"\n />\n <span className=\"font-bold inline-block pl-2 leading-none\">\n {shopFiltersPair?.filter_txt?.filter || 'Open Filter'}\n </span>\n </div>\n )}\n {shopFiltersPair?.filter_txt?.found ? (\n <Text\n className=\"text-base font-bold text-[#86868C] md:hidden\"\n html={shopFiltersPair?.filter_txt?.found?.replace('${number}', total || 0)}\n />\n ) : (\n <Text className=\"text-base font-bold text-[#86868C] md:hidden\" html={`${total || 0} Item(s) Found`} />\n )}\n </div>\n {/* \u79FB\u52A8\u7AEF\u5C55\u793A\u7684\u7B5B\u9009 */}\n <div className=\"hidden md-tablet:block\">\n <div className=\"flex items-center\" onClick={() => onMobileOpenDrawer?.(true)}>\n <Picture\n className=\"inline-block size-[20px]\"\n source=\"https://cdn.shopify.com/s/files/1/0508/1815/4652/files/icon_table-of-contents.svg?v=1694054638\"\n />\n <span className=\"font-bold inline-block pl-2 leading-none\">\n {shopFiltersPair?.filter_txt?.filter || 'Close Filter'}\n </span>\n </div>\n </div>\n {/* \u6392\u5E8F */}\n <div className=\"flex items-center relative cursor-pointer\" onClick={() => setOpenSort(!openSort)}>\n <span\n className=\"text-base pr-1 text-[#777]\"\n dangerouslySetInnerHTML={{\n __html: `${shopFiltersPair?.filter_txt?.sort}: ` || 'Sort by: ',\n }}\n />\n <Text\n html={shopFiltersPair?.filter_txt.sortList?.[sortKeyIndx]?.txt || 'Recommended'}\n className=\"text-base font-[700] text-[#333]\"\n />\n <div className={`ml-1 size-4 duration-300 ease-in-out ${openSort && 'rotate-180'}`}>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n stroke-width=\"1.5\"\n stroke=\"currentColor\"\n aria-hidden=\"true\"\n data-slot=\"icon\"\n >\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m19.5 8.25-7.5 7.5-7.5-7.5\" />\n </svg>\n </div>\n <ul\n className={cn(\n 'w-full bg-[#FFFFFF] z-10 py-2 px-0 rounded-lg transition-all duration-400 ease-in-out',\n 'md-tablet:left-0 md-tablet:top-[120%] md-tablet:text-left absolute top-[110%] right-0',\n openSort ? 'visibility opacity-100' : 'invisible opacity-0'\n )}\n >\n {shopFiltersPair?.filter_txt?.sortList?.map((l: any, k: number) => (\n <li\n key={l?.txt + k}\n className={cn(\n 'cursor-pointer w-full py-3 px-4 text-base font-semibold text-[#333] [&:hover]:bg-[#f7f8f9]',\n k === sortKeyIndx ? 'opacity-60' : ''\n )}\n >\n <button\n name={l?.txt}\n className={'md-tablet:text-left'}\n dangerouslySetInnerHTML={{ __html: l?.txt }}\n onClick={() => {\n setOpenSort(false)\n onSortChange(k)\n }}\n />\n </li>\n ))}\n </ul>\n </div>\n </div>\n </div>\n <div className=\"mb-2 hidden md-tablet:block\">\n {shopFiltersPair?.filter_txt?.found ? (\n <Text\n className=\"text-base font-bold text-[#86868C]\"\n html={shopFiltersPair?.filter_txt?.found?.replace('${number}', total || 0)}\n />\n ) : (\n <Text className=\"text-base font-bold text-[#86868C]\" html={`${total || 0} Item(s) Found`} />\n )}\n </div>\n </div>\n )\n}\n"],
5
- "mappings": "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",
6
- "names": ["FilterHeader_exports", "__export", "FilterHeader", "__toCommonJS", "import_jsx_runtime", "import_utils", "import_components", "import_TabFilter", "import_es_toolkit", "import_react", "props", "total", "filtered", "filtersPair", "closeFilter", "metafields", "onSortChange", "onTabChange", "onCloseFilter", "onClearFiltered", "onMobileOpenDrawer", "sortKeyIndx", "shopFiltersPair", "openSort", "setOpenSort", "onCloseOrOpenFilter", "mainPair", "item", "TabFilter", "tabs", "tab", "clonefiltered", "current", "l", "k"]
4
+ "sourcesContent": ["import { cn } from '../../helpers/utils'\nimport { Picture, Text } from '../../components/index.js'\nimport TabFilter from './component/TabFilter'\nimport { cloneDeep } from 'es-toolkit'\nimport { useState, useMemo } from 'react'\n\ntype FilterHeaderProps = {\n total?: number\n sortKeyIndx: number\n metafields: any\n closeFilter: boolean\n onClearFiltered: () => void\n onSortChange: (sortKeyIndx: number) => void\n onCloseFilter: (closeFilter: boolean) => void\n onMobileOpenDrawer: (openDrawer: boolean) => void\n}\n\nexport default function FilterHeader(props: FilterHeaderProps) {\n const {\n total,\n closeFilter,\n metafields,\n onSortChange,\n onCloseFilter,\n onClearFiltered,\n onMobileOpenDrawer,\n sortKeyIndx,\n } = props\n\n const { shop_filters_pair: shopFiltersPair } = metafields\n\n const [openSort, setOpenSort] = useState<boolean>(false)\n\n const onCloseOrOpenFilter = (closeFilter: boolean) => onCloseFilter?.(closeFilter)\n\n return (\n <div className=\"filter-header\">\n <div\n className={cn(\n 'desktop:gap-x-16 tablet:gap-x-8',\n 'relative flex md-tablet:p-0 text-base font-bold box-border',\n 'tablet:border-b tablet:border-[#E4E5E6] tablet:pb-4 tablet:mb-4 mb-2'\n )}\n >\n {/* pc\u5C55\u793A\u7684\u7B5B\u9009(open\u72B6\u6001) */}\n {!closeFilter && (\n <div\n className={cn(\n 'md-tablet:hidden flex-shrink-0 flex justify-between items-center',\n 'desktop:w-60 tablet:w-48 laptop:w-[210px] md-tablet:w-fit box-border'\n )}\n >\n <div className=\"flex items-center cursor-pointer\" onClick={() => onCloseOrOpenFilter(true)}>\n <Picture\n className=\"mb-1 size-5\"\n source=\"https://cdn.shopify.com/s/files/1/0508/1815/4652/files/icon_table-of-contents.svg?v=1694054638\"\n />\n <span className=\"font-bold inline-block pl-2 leading-none\">\n {shopFiltersPair?.filter_txt?.filter || 'Close Filter'}\n </span>\n </div>\n <span\n onClick={() => onClearFiltered()}\n className=\"text-center text-base md:hidden font-bold text-[#1D1D1F] cursor-pointer box-border\"\n >\n Clear\n </span>\n </div>\n )}\n <div className=\"flex-1 flex items-center justify-between\">\n {/* pc\u7AEF\u5C55\u793A\u7684\u7B5B\u9009\uFF08close\u72B6\u6001\uFF09 */}\n <div className=\"md-tablet:hidden flex items-center gap-x-4\">\n {closeFilter && (\n <div className=\"flex items-center cursor-pointer\" onClick={() => onCloseOrOpenFilter(false)}>\n <Picture\n className=\"mb-1 size-5\"\n source=\"https://cdn.shopify.com/s/files/1/0508/1815/4652/files/icon_table-of-contents.svg?v=1694054638\"\n />\n <span className=\"font-bold inline-block pl-2 leading-none\">\n {shopFiltersPair?.filter_txt?.filter || 'Open Filter'}\n </span>\n </div>\n )}\n {shopFiltersPair?.filter_txt?.found ? (\n <Text\n className=\"text-base font-bold text-[#86868C] md:hidden\"\n html={shopFiltersPair?.filter_txt?.found?.replace('${number}', total || 0)}\n />\n ) : (\n <Text className=\"text-base font-bold text-[#86868C] md:hidden\" html={`${total || 0} Item(s) Found`} />\n )}\n </div>\n {/* \u79FB\u52A8\u7AEF\u5C55\u793A\u7684\u7B5B\u9009 */}\n <div className=\"hidden md-tablet:block\">\n <div className=\"flex items-center\" onClick={() => onMobileOpenDrawer?.(true)}>\n <Picture\n className=\"inline-block size-[20px]\"\n source=\"https://cdn.shopify.com/s/files/1/0508/1815/4652/files/icon_table-of-contents.svg?v=1694054638\"\n />\n <span className=\"font-bold inline-block pl-2 leading-none\">\n {shopFiltersPair?.filter_txt?.filter || 'Close Filter'}\n </span>\n </div>\n </div>\n {/* \u6392\u5E8F */}\n <div className=\"flex items-center relative cursor-pointer\" onClick={() => setOpenSort(!openSort)}>\n <span\n className=\"text-base pr-1 text-[#777]\"\n dangerouslySetInnerHTML={{\n __html: `${shopFiltersPair?.filter_txt?.sort}: ` || 'Sort by: ',\n }}\n />\n <Text\n html={shopFiltersPair?.filter_txt.sortList?.[sortKeyIndx]?.txt || 'Recommended'}\n className=\"text-base font-[700] text-[#333]\"\n />\n <div className={`ml-1 size-4 duration-300 ease-in-out ${openSort && 'rotate-180'}`}>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n stroke-width=\"1.5\"\n stroke=\"currentColor\"\n aria-hidden=\"true\"\n data-slot=\"icon\"\n >\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m19.5 8.25-7.5 7.5-7.5-7.5\" />\n </svg>\n </div>\n <ul\n className={cn(\n 'w-full bg-[#FFFFFF] z-10 py-2 px-0 rounded-lg transition-all duration-400 ease-in-out',\n 'md-tablet:left-0 md-tablet:top-[120%] md-tablet:text-left absolute top-[110%] right-0',\n openSort ? 'visibility opacity-100' : 'invisible opacity-0'\n )}\n >\n {shopFiltersPair?.filter_txt?.sortList?.map((l: any, k: number) => (\n <li\n key={l?.txt + k}\n className={cn(\n 'cursor-pointer w-full py-3 px-4 text-base font-semibold text-[#333] [&:hover]:bg-[#f7f8f9]',\n k === sortKeyIndx ? 'opacity-60' : ''\n )}\n >\n <button\n name={l?.txt}\n className={'md-tablet:text-left'}\n dangerouslySetInnerHTML={{ __html: l?.txt }}\n onClick={() => {\n setOpenSort(false)\n onSortChange(k)\n }}\n />\n </li>\n ))}\n </ul>\n </div>\n </div>\n </div>\n <div className=\"mb-2 hidden md-tablet:block\">\n {shopFiltersPair?.filter_txt?.found ? (\n <Text\n className=\"text-base font-bold text-[#86868C]\"\n html={shopFiltersPair?.filter_txt?.found?.replace('${number}', total || 0)}\n />\n ) : (\n <Text className=\"text-base font-bold text-[#86868C]\" html={`${total || 0} Item(s) Found`} />\n )}\n </div>\n </div>\n )\n}\n"],
5
+ "mappings": "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",
6
+ "names": ["FilterHeader_exports", "__export", "FilterHeader", "__toCommonJS", "import_jsx_runtime", "import_utils", "import_components", "import_TabFilter", "import_es_toolkit", "import_react", "props", "total", "closeFilter", "metafields", "onSortChange", "onCloseFilter", "onClearFiltered", "onMobileOpenDrawer", "sortKeyIndx", "shopFiltersPair", "openSort", "setOpenSort", "onCloseOrOpenFilter", "l", "k"]
7
7
  }
@@ -1,7 +1,6 @@
1
1
  interface FilterListProps {
2
2
  onFilteredChange: (filtered: any, filter: any, opt: any) => void;
3
3
  onOpenOptions: (openOpt: any[]) => void;
4
- noShowList: any[];
5
4
  closeFilter: boolean;
6
5
  filtersPair: any[];
7
6
  filtered: any;
@@ -1,2 +1,2 @@
1
- "use strict";var M=Object.create;var h=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var H=Object.getPrototypeOf,S=Object.prototype.hasOwnProperty;var z=(n,l)=>{for(var r in l)h(n,r,{get:l[r],enumerable:!0})},k=(n,l,r,p)=>{if(l&&typeof l=="object"||typeof l=="function")for(let m of A(l))!S.call(n,m)&&m!==r&&h(n,m,{get:()=>l[m],enumerable:!(p=P(l,m))||p.enumerable});return n};var T=(n,l,r)=>(r=n!=null?M(H(n)):{},k(l||!n||!n.__esModule?h(r,"default",{value:n,enumerable:!0}):r,n)),j=n=>k(h({},"__esModule",{value:!0}),n);var U={};z(U,{default:()=>F});module.exports=j(U);var e=require("react/jsx-runtime"),C=T(require("./component/AnimatedUL")),b=require("../../helpers/utils"),f=require("es-toolkit"),y=require("react"),D=require("react-responsive"),i=require("../../components/index.js");function F(n){const l=(0,D.useMediaQuery)({query:"(max-width: 768px)"}),{noShowList:r,filtersPair:p,closeFilter:m,filtered:O,openOptions:v,mobileDrawerVisible:L,onCloseDrawer:g,onFilteredChange:$,onOpenOptions:x}=n,B=(t,s,o,d)=>{const a=t.target,c=(0,f.cloneDeep)(O);let u=c?.[a.name]||[];a.checked?d==="checkbox"?u.push(a.value):u=[a.value]:(0,f.remove)(u,w=>w===a.value),c[a.name]=u,u.length<=0&&Reflect.deleteProperty(c,a.name),$?.({...c},s,o)},E=t=>{let s=v.concat();s.map(o=>o.label===t?o.show=!o.show:o),x(s)},N=()=>p?.length>0&&(0,e.jsx)("div",{className:"filter-list",children:p.map((t,s)=>{if(r?.indexOf?.(t?.value)>-1)return null;const d=v?.find?.(a=>a.label==t.label);return(0,e.jsxs)("div",{className:(0,b.cn)("mb-6 flex-1 overflow-hidden text-left duration-300 ease-in-out"),children:[(0,e.jsxs)("div",{onClick:()=>E(t.label),className:"relative flex items-center justify-between md-tablet:justify-center text-base font-bold cursor-pointer leading-none",children:[(0,e.jsx)("button",{className:"w-full whitespace-nowrap text-left font-medium overflow-hidden box-border",children:(0,e.jsx)("span",{className:"pr-2 font-bold truncate",children:t.label})}),(0,e.jsx)("div",{className:`size-4 duration-300 ease-in-out ${d?.show&&"rotate-180"}`,children:(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor","aria-hidden":"true","data-slot":"icon",children:(0,e.jsx)("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"m19.5 8.25-7.5 7.5-7.5-7.5"})})})]}),(0,e.jsx)("div",{className:"transition-all duration-400 ease-in-out overflow-hidden",children:(0,e.jsx)(C.default,{className:"pt-5 transition-all duration-400 ease-in-out","data-label":t.label,isOpen:!!d?.show,children:t.options.map((a,c)=>{const u=t.type?t.type==="checkbox"?"checkbox":"radio":"checkbox";return(0,e.jsx)("li",{className:(0,b.cn)("w-full mb-3 box-border",{disabled:a?.count<=0,"mb-0":c>=t?.options?.length-1}),children:(0,e.jsxs)("label",{className:"flex items-center overflow-hidden box-border",htmlFor:`${t.value}-${c}`,children:[(0,e.jsx)("input",{type:u,name:t.value,value:a.value,id:`${t.value}-${c}`,disabled:a?.count<=0,checked:a.checked,className:"size-4 cursor-pointer accent-[#000000]",onChange:w=>B(w,t,a,u)}),(0,e.jsx)("p",{className:(0,b.cn)("pt-0.5 pl-3 inline-block cursor-pointer font-bold leading-none text-base"),children:a.label})]})},a.value)})})})]},`${t.label}${s}`)})});return(0,y.useEffect)(()=>{if(v?.length===0){let t=[];const s=document?.getElementsByClassName("pt-5 transition-all duration-400 ease-in-out");for(let o=0;o<s.length;o++){let d={};d.label=s[o]?.getAttribute("data-label"),d.show=l?!1:o<6,d.height=document?.getElementsByClassName("pt-5 transition-all duration-400 ease-in-out")?.[o]?.clientHeight,t.push(d)}x?.(t)}},[p]),(0,y.useEffect)(()=>{!l&&g(!1)},[l]),(0,e.jsxs)("div",{className:(0,b.cn)("transition-all duration-400 ease-in-out","desktop:w-60 tablet:w-48 laptop:w-[210px] md-tablet:hidden","md-tablet:fixed md-tablet:bottom-0 md-tablet:left-0 md-tablet:right-0 md-tablet:top-0 md-tablet:z-[99]",m?"md-tablet:pointer-events-auto md-tablet:opacity-100":"md-tablet:pointer-events-none md-tablet:opacity-0"),children:[(0,e.jsx)("div",{className:(0,b.cn)("transition-all duration-400 ease-in-out md-tablet:absolute md-tablet:bottom-0 md-tablet:h-[90vh] md-tablet:w-full",m?"md-tablet:translate-y-0":"md-tablet:translate-y-[100%]"),children:N()}),(0,e.jsx)(i.Drawer,{open:L,onOpenChange:()=>g(!1),children:(0,e.jsxs)(i.DrawerContent,{className:"px-4 pb-4 max-h-[94.5vh] flex flex-col",children:[(0,e.jsx)(i.DrawerHeader,{className:"sticky top-0 inset-x-0 py-0 mb-6",children:(0,e.jsx)(i.DrawerTitle,{children:"Mobile Filter"})}),(0,e.jsx)("div",{className:"flex-1 overflow-y-auto",children:N()}),(0,e.jsx)(i.DrawerFooter,{className:"py-0 pt-4",children:(0,e.jsxs)("div",{className:(0,b.cn)("shelf-flex-button-group","lg-desktop:gap-3 flex items-center gap-2"),children:[(0,e.jsx)(i.Button,{variant:"secondary",className:"m-tablet:w-full",children:"Clear"}),(0,e.jsx)(i.Button,{variant:"primary",className:"m-tablet:w-full",children:"Apply"})]})})]})})]})}
1
+ "use strict";var E=Object.create;var f=Object.defineProperty;var M=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var A=Object.getPrototypeOf,H=Object.prototype.hasOwnProperty;var z=(a,n)=>{for(var i in n)f(a,i,{get:n[i],enumerable:!0})},N=(a,n,i,u)=>{if(n&&typeof n=="object"||typeof n=="function")for(let m of P(n))!H.call(a,m)&&m!==i&&f(a,m,{get:()=>n[m],enumerable:!(u=M(n,m))||u.enumerable});return a};var T=(a,n,i)=>(i=a!=null?E(A(a)):{},N(n||!a||!a.__esModule?f(i,"default",{value:a,enumerable:!0}):i,a)),j=a=>N(f({},"__esModule",{value:!0}),a);var U={};z(U,{default:()=>D});module.exports=j(U);var e=require("react/jsx-runtime"),k=T(require("./component/AnimatedUL")),p=require("../../helpers/utils"),v=require("es-toolkit"),w=require("react"),C=require("react-responsive"),r=require("../../components/index.js");function D(a){const n=(0,C.useMediaQuery)({query:"(max-width: 768px)"}),{filtersPair:i,closeFilter:u,filtered:m,openOptions:h,mobileDrawerVisible:F,onCloseDrawer:y,onFilteredChange:O,onOpenOptions:g}=a,L=(t,d,o,l)=>{const s=t.target,c=(0,v.cloneDeep)(m);let b=c?.[s.name]||[];s.checked?l==="checkbox"?b.push(s.value):b=[s.value]:(0,v.remove)(b,B=>B===s.value),c[s.name]=b,b.length<=0&&Reflect.deleteProperty(c,s.name),O?.({...c},d,o)},$=t=>{let d=h.concat();d.map(o=>o.label===t?o.show=!o.show:o),g(d)},x=()=>i?.length>0&&(0,e.jsx)("div",{className:"filter-list",children:i.map((t,d)=>{const o=h?.find?.(l=>l.label==t.label);return(0,e.jsxs)("div",{className:(0,p.cn)("mb-6 flex-1 overflow-hidden text-left duration-300 ease-in-out"),children:[(0,e.jsxs)("div",{onClick:()=>$(t.label),className:"relative flex items-center justify-between md-tablet:justify-center text-base font-bold cursor-pointer leading-none",children:[(0,e.jsx)("button",{className:"w-full whitespace-nowrap text-left font-medium overflow-hidden box-border",children:(0,e.jsx)("span",{className:"pr-2 font-bold truncate",children:t.label})}),(0,e.jsx)("div",{className:`size-4 duration-300 ease-in-out ${o?.show&&"rotate-180"}`,children:(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor","aria-hidden":"true","data-slot":"icon",children:(0,e.jsx)("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"m19.5 8.25-7.5 7.5-7.5-7.5"})})})]}),(0,e.jsx)("div",{className:"transition-all duration-400 ease-in-out overflow-hidden",children:(0,e.jsx)(k.default,{className:"pt-5 transition-all duration-400 ease-in-out","data-label":t.label,isOpen:!!o?.show,children:t.options.map((l,s)=>{const c=t.type?t.type==="checkbox"?"checkbox":"radio":"checkbox";return(0,e.jsx)("li",{className:(0,p.cn)("w-full mb-3 box-border",{disabled:l?.count<=0,"mb-0":s>=t?.options?.length-1}),children:(0,e.jsxs)("label",{className:"flex items-center overflow-hidden box-border",htmlFor:`${t.value}-${s}`,children:[(0,e.jsx)("input",{type:c,name:t.value,value:l.value,id:`${t.value}-${s}`,disabled:l?.count<=0,checked:l.checked,className:"size-4 cursor-pointer accent-[#000000]",onChange:b=>L(b,t,l,c)}),(0,e.jsx)("p",{className:(0,p.cn)("pt-0.5 pl-3 inline-block cursor-pointer font-bold leading-none text-base"),children:l.label})]})},l.value)})})})]},`${t.label}${d}`)})});return(0,w.useEffect)(()=>{if(h?.length===0){let t=[];const d=document?.getElementsByClassName("pt-5 transition-all duration-400 ease-in-out");for(let o=0;o<d.length;o++){let l={};l.label=d[o]?.getAttribute("data-label"),l.show=n?!1:o<6,l.height=document?.getElementsByClassName("pt-5 transition-all duration-400 ease-in-out")?.[o]?.clientHeight,t.push(l)}g?.(t)}},[i]),(0,w.useEffect)(()=>{!n&&y(!1)},[n]),(0,e.jsxs)("div",{className:(0,p.cn)("transition-all duration-400 ease-in-out","desktop:w-60 tablet:w-48 laptop:w-[210px] md-tablet:hidden","md-tablet:fixed md-tablet:bottom-0 md-tablet:left-0 md-tablet:right-0 md-tablet:top-0 md-tablet:z-[99]",u?"md-tablet:pointer-events-auto md-tablet:opacity-100":"md-tablet:pointer-events-none md-tablet:opacity-0"),children:[(0,e.jsx)("div",{className:(0,p.cn)("transition-all duration-400 ease-in-out md-tablet:absolute md-tablet:bottom-0 md-tablet:h-[90vh] md-tablet:w-full",u?"md-tablet:translate-y-0":"md-tablet:translate-y-[100%]"),children:x()}),(0,e.jsx)(r.Drawer,{open:F,onOpenChange:()=>y(!1),children:(0,e.jsxs)(r.DrawerContent,{className:"px-4 pb-4 max-h-[94.5vh] flex flex-col",children:[(0,e.jsx)(r.DrawerHeader,{className:"sticky top-0 inset-x-0 py-0 mb-6",children:(0,e.jsx)(r.DrawerTitle,{children:"Mobile Filter"})}),(0,e.jsx)("div",{className:"flex-1 overflow-y-auto",children:x()}),(0,e.jsx)(r.DrawerFooter,{className:"py-0 pt-4",children:(0,e.jsxs)("div",{className:(0,p.cn)("shelf-flex-button-group","lg-desktop:gap-3 flex items-center gap-2"),children:[(0,e.jsx)(r.Button,{variant:"secondary",className:"m-tablet:w-full",children:"Clear"}),(0,e.jsx)(r.Button,{variant:"primary",className:"m-tablet:w-full",children:"Apply"})]})})]})})]})}
2
2
  //# sourceMappingURL=FilterList.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/biz-components/CollectionsFilters/FilterList.tsx"],
4
- "sourcesContent": ["import AnimatedUL from './component/AnimatedUL'\nimport { cn } from '../../helpers/utils'\nimport type { ChangeEvent } from 'react'\nimport { remove, cloneDeep } from 'es-toolkit'\nimport { useEffect } from 'react'\nimport { useMediaQuery } from 'react-responsive'\nimport { Button, Drawer, DrawerContent, DrawerHeader, DrawerTitle, DrawerFooter } from '../../components/index.js'\n\ninterface FilterListProps {\n onFilteredChange: (filtered: any, filter: any, opt: any) => void\n onOpenOptions: (openOpt: any[]) => void\n noShowList: any[] // \u4E0D\u663E\u793A\u7684\u7B5B\u9009\u9879\n closeFilter: boolean // \u662F\u5426\u5173\u95ED\u7B5B\u9009\u9879\u5C55\u793A\n filtersPair: any[] // \u7B5B\u9009\u9879\n filtered: any // \u9009\u62E9\u7684\u7B5B\u9009\u9009\u9879\n openOptions: any[] // \u5C55\u5F00\u7B5B\u9009\u9879\n mobileDrawerVisible: boolean\n onCloseDrawer: (closeDrawer: boolean) => void\n}\n\nexport default function FilterList(props: FilterListProps) {\n const isMobile = useMediaQuery({ query: '(max-width: 768px)' })\n\n const {\n noShowList,\n filtersPair,\n closeFilter,\n filtered,\n openOptions,\n mobileDrawerVisible,\n onCloseDrawer,\n onFilteredChange,\n onOpenOptions,\n } = props\n\n const filterChange = (event: ChangeEvent<HTMLInputElement>, filter: any, opt: any, type: string) => {\n const target = event.target\n const clonefiltered = cloneDeep(filtered)\n let current = clonefiltered?.[target.name] || []\n if (target.checked) {\n type === 'checkbox' ? current.push(target.value) : current = [target.value]\n } else {\n remove(current, (v: string) => v === target.value)\n }\n clonefiltered[target.name] = current\n if (current.length <= 0) {\n Reflect.deleteProperty(clonefiltered, target.name)\n }\n onFilteredChange?.({ ...clonefiltered }, filter, opt)\n }\n\n const handleFilterOpt = (label: string) => {\n let res = openOptions.concat()\n res.map((item: any) => {\n if (item.label === label) return (item.show = !item.show)\n return item\n })\n onOpenOptions(res)\n }\n\n const MobileFilterList = () => {\n return (\n filtersPair?.length > 0 && (\n <div className=\"filter-list\">\n {filtersPair.map((filter: any, i: number) => {\n const isNoShow = noShowList?.indexOf?.(filter?.value) > -1\n if (isNoShow) return null\n const openOption = openOptions?.find?.((item: any) => item.label == filter.label) as any\n return (\n <div\n key={`${filter.label}${i}`}\n className={cn('mb-6 flex-1 overflow-hidden text-left duration-300 ease-in-out')}\n >\n <div\n onClick={() => handleFilterOpt(filter.label)}\n className={\n 'relative flex items-center justify-between md-tablet:justify-center text-base font-bold cursor-pointer leading-none'\n }\n >\n <button className=\"w-full whitespace-nowrap text-left font-medium overflow-hidden box-border\">\n <span className=\"pr-2 font-bold truncate\">{filter.label}</span>\n </button>\n <div className={`size-4 duration-300 ease-in-out ${openOption?.show && 'rotate-180'}`}>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n stroke-width=\"1.5\"\n stroke=\"currentColor\"\n aria-hidden=\"true\"\n data-slot=\"icon\"\n >\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m19.5 8.25-7.5 7.5-7.5-7.5\" />\n </svg>\n </div>\n </div>\n <div className={'transition-all duration-400 ease-in-out overflow-hidden'}>\n <AnimatedUL\n className={'pt-5 transition-all duration-400 ease-in-out'}\n data-label={filter.label}\n isOpen={!!openOption?.show}\n >\n {filter.options.map((opt: any, p: number) => {\n const type = filter.type ? (filter.type === 'checkbox' ? 'checkbox' : 'radio') : 'checkbox'\n return (\n <li\n key={opt.value}\n className={cn('w-full mb-3 box-border', {\n ['disabled']: opt?.count <= 0,\n 'mb-0': p >= filter?.options?.length - 1,\n })}\n >\n <label\n className=\"flex items-center overflow-hidden box-border\"\n htmlFor={`${filter.value}-${p}`}\n >\n <input\n type={type}\n name={filter.value}\n value={opt.value}\n id={`${filter.value}-${p}`}\n disabled={opt?.count <= 0}\n checked={opt.checked}\n className=\"size-4 cursor-pointer accent-[#000000]\"\n onChange={e => filterChange(e, filter, opt, type)}\n />\n <p\n className={cn('pt-0.5 pl-3 inline-block cursor-pointer font-bold leading-none text-base')}\n >\n {opt.label}\n </p>\n </label>\n </li>\n )\n })}\n </AnimatedUL>\n </div>\n </div>\n )\n })}\n </div>\n )\n )\n }\n\n useEffect(() => {\n if (openOptions?.length === 0) {\n let res = []\n const domList = document?.getElementsByClassName('pt-5 transition-all duration-400 ease-in-out')\n for (let index = 0; index < domList.length; index++) {\n let data = {} as any\n data.label = domList[index]?.getAttribute('data-label')\n data.show = isMobile ? false : index < 6 ? true : false\n data.height = document?.getElementsByClassName('pt-5 transition-all duration-400 ease-in-out')?.[\n index\n ]?.clientHeight\n res.push(data)\n }\n onOpenOptions?.(res)\n }\n }, [filtersPair])\n\n useEffect(() => {\n !isMobile && onCloseDrawer(false)\n }, [isMobile])\n\n return (\n <div\n className={cn(\n 'transition-all duration-400 ease-in-out',\n 'desktop:w-60 tablet:w-48 laptop:w-[210px] md-tablet:hidden',\n 'md-tablet:fixed md-tablet:bottom-0 md-tablet:left-0 md-tablet:right-0 md-tablet:top-0 md-tablet:z-[99]',\n closeFilter\n ? 'md-tablet:pointer-events-auto md-tablet:opacity-100'\n : 'md-tablet:pointer-events-none md-tablet:opacity-0'\n )}\n >\n <div\n className={cn(\n 'transition-all duration-400 ease-in-out md-tablet:absolute md-tablet:bottom-0 md-tablet:h-[90vh] md-tablet:w-full',\n closeFilter ? 'md-tablet:translate-y-0' : 'md-tablet:translate-y-[100%]'\n )}\n >\n {MobileFilterList()}\n </div>\n <Drawer open={mobileDrawerVisible} onOpenChange={() => onCloseDrawer(false)}>\n <DrawerContent className=\"px-4 pb-4 max-h-[94.5vh] flex flex-col\">\n <DrawerHeader className=\"sticky top-0 inset-x-0 py-0 mb-6\">\n <DrawerTitle>Mobile Filter</DrawerTitle>\n </DrawerHeader>\n <div className=\"flex-1 overflow-y-auto\">\n {MobileFilterList()}\n </div>\n <DrawerFooter className=\"py-0 pt-4\">\n <div className={cn('shelf-flex-button-group', 'lg-desktop:gap-3 flex items-center gap-2')}>\n <Button variant=\"secondary\" className=\"m-tablet:w-full\">\n {'Clear'}\n </Button>\n <Button variant=\"primary\" className=\"m-tablet:w-full\">\n {'Apply'}\n </Button>\n </div>\n </DrawerFooter>\n </DrawerContent>\n </Drawer>\n </div>\n )\n}\n"],
5
- "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAyEgB,IAAAI,EAAA,6BAzEhBC,EAAuB,qCACvBC,EAAmB,+BAEnBC,EAAkC,sBAClCC,EAA0B,iBAC1BC,EAA8B,4BAC9BC,EAAuF,qCAcxE,SAARR,EAA4BS,EAAwB,CACzD,MAAMC,KAAW,iBAAc,CAAE,MAAO,oBAAqB,CAAC,EAExD,CACJ,WAAAC,EACA,YAAAC,EACA,YAAAC,EACA,SAAAC,EACA,YAAAC,EACA,oBAAAC,EACA,cAAAC,EACA,iBAAAC,EACA,cAAAC,CACF,EAAIV,EAEEW,EAAe,CAACC,EAAsCC,EAAaC,EAAUC,IAAiB,CAClG,MAAMC,EAASJ,EAAM,OACfK,KAAgB,aAAUZ,CAAQ,EACxC,IAAIa,EAAUD,IAAgBD,EAAO,IAAI,GAAK,CAAC,EAC3CA,EAAO,QACTD,IAAS,WAAaG,EAAQ,KAAKF,EAAO,KAAK,EAAIE,EAAU,CAACF,EAAO,KAAK,KAE1E,UAAOE,EAAUC,GAAcA,IAAMH,EAAO,KAAK,EAEnDC,EAAcD,EAAO,IAAI,EAAIE,EACzBA,EAAQ,QAAU,GACpB,QAAQ,eAAeD,EAAeD,EAAO,IAAI,EAEnDP,IAAmB,CAAE,GAAGQ,CAAc,EAAGJ,EAAQC,CAAG,CACtD,EAEMM,EAAmBC,GAAkB,CACzC,IAAIC,EAAMhB,EAAY,OAAO,EAC7BgB,EAAI,IAAKC,GACHA,EAAK,QAAUF,EAAeE,EAAK,KAAO,CAACA,EAAK,KAC7CA,CACR,EACDb,EAAcY,CAAG,CACnB,EAEME,EAAmB,IAErBrB,GAAa,OAAS,MACpB,OAAC,OAAI,UAAU,cACZ,SAAAA,EAAY,IAAI,CAACU,EAAaY,IAAc,CAE3C,GADiBvB,GAAY,UAAUW,GAAQ,KAAK,EAAI,GAC1C,OAAO,KACrB,MAAMa,EAAapB,GAAa,OAAQiB,GAAcA,EAAK,OAASV,EAAO,KAAK,EAChF,SACE,QAAC,OAEC,aAAW,MAAG,gEAAgE,EAE9E,qBAAC,OACC,QAAS,IAAMO,EAAgBP,EAAO,KAAK,EAC3C,UACE,sHAGF,oBAAC,UAAO,UAAU,4EAChB,mBAAC,QAAK,UAAU,0BAA2B,SAAAA,EAAO,MAAM,EAC1D,KACA,OAAC,OAAI,UAAW,mCAAmCa,GAAY,MAAQ,YAAY,GACjF,mBAAC,OACC,MAAM,6BACN,KAAK,OACL,QAAQ,YACR,eAAa,MACb,OAAO,eACP,cAAY,OACZ,YAAU,OAEV,mBAAC,QAAK,iBAAe,QAAQ,kBAAgB,QAAQ,EAAE,6BAA6B,EACtF,EACF,GACF,KACA,OAAC,OAAI,UAAW,0DACd,mBAAC,EAAAC,QAAA,CACC,UAAW,+CACX,aAAYd,EAAO,MACnB,OAAQ,CAAC,CAACa,GAAY,KAErB,SAAAb,EAAO,QAAQ,IAAI,CAACC,EAAUc,IAAc,CAC3C,MAAMb,EAAOF,EAAO,KAAQA,EAAO,OAAS,WAAa,WAAa,QAAW,WACjF,SACE,OAAC,MAEC,aAAW,MAAG,yBAA0B,CACrC,SAAaC,GAAK,OAAS,EAC5B,OAAQc,GAAKf,GAAQ,SAAS,OAAS,CACzC,CAAC,EAED,oBAAC,SACC,UAAU,+CACV,QAAS,GAAGA,EAAO,KAAK,IAAIe,CAAC,GAE7B,oBAAC,SACC,KAAMb,EACN,KAAMF,EAAO,MACb,MAAOC,EAAI,MACX,GAAI,GAAGD,EAAO,KAAK,IAAIe,CAAC,GACxB,SAAUd,GAAK,OAAS,EACxB,QAASA,EAAI,QACb,UAAU,yCACV,SAAUe,GAAKlB,EAAakB,EAAGhB,EAAQC,EAAKC,CAAI,EAClD,KACA,OAAC,KACC,aAAW,MAAG,0EAA0E,EAEvF,SAAAD,EAAI,MACP,GACF,GAzBKA,EAAI,KA0BX,CAEJ,CAAC,EACH,EACF,IAlEK,GAAGD,EAAO,KAAK,GAAGY,CAAC,EAmE1B,CAEJ,CAAC,EACH,EAKN,sBAAU,IAAM,CACd,GAAInB,GAAa,SAAW,EAAG,CAC7B,IAAIgB,EAAM,CAAC,EACX,MAAMQ,EAAU,UAAU,uBAAuB,8CAA8C,EAC/F,QAASC,EAAQ,EAAGA,EAAQD,EAAQ,OAAQC,IAAS,CACnD,IAAIC,EAAO,CAAC,EACZA,EAAK,MAAQF,EAAQC,CAAK,GAAG,aAAa,YAAY,EACtDC,EAAK,KAAO/B,EAAW,GAAQ8B,EAAQ,EACvCC,EAAK,OAAS,UAAU,uBAAuB,8CAA8C,IAC3FD,CACF,GAAG,aACHT,EAAI,KAAKU,CAAI,CACf,CACAtB,IAAgBY,CAAG,CACrB,CACF,EAAG,CAACnB,CAAW,CAAC,KAEhB,aAAU,IAAM,CACd,CAACF,GAAYO,EAAc,EAAK,CAClC,EAAG,CAACP,CAAQ,CAAC,KAGX,QAAC,OACC,aAAW,MACT,0CACA,6DACA,yGACAG,EACI,sDACA,mDACN,EAEA,oBAAC,OACC,aAAW,MACT,oHACAA,EAAc,0BAA4B,8BAC5C,EAEC,SAAAoB,EAAiB,EACpB,KACA,OAAC,UAAO,KAAMjB,EAAqB,aAAc,IAAMC,EAAc,EAAK,EACxE,oBAAC,iBAAc,UAAU,yCACvB,oBAAC,gBAAa,UAAU,mCACtB,mBAAC,eAAY,yBAAa,EAC5B,KACA,OAAC,OAAI,UAAU,yBACZ,SAAAgB,EAAiB,EACpB,KACA,OAAC,gBAAa,UAAU,YACtB,oBAAC,OAAI,aAAW,MAAG,0BAA2B,0CAA0C,EACtF,oBAAC,UAAO,QAAQ,YAAY,UAAU,kBACnC,iBACH,KACA,OAAC,UAAO,QAAQ,UAAU,UAAU,kBACjC,iBACH,GACF,EACF,GACF,EACF,GACF,CAEJ",
6
- "names": ["FilterList_exports", "__export", "FilterList", "__toCommonJS", "import_jsx_runtime", "import_AnimatedUL", "import_utils", "import_es_toolkit", "import_react", "import_react_responsive", "import_components", "props", "isMobile", "noShowList", "filtersPair", "closeFilter", "filtered", "openOptions", "mobileDrawerVisible", "onCloseDrawer", "onFilteredChange", "onOpenOptions", "filterChange", "event", "filter", "opt", "type", "target", "clonefiltered", "current", "v", "handleFilterOpt", "label", "res", "item", "MobileFilterList", "i", "openOption", "AnimatedUL", "p", "e", "domList", "index", "data"]
4
+ "sourcesContent": ["import AnimatedUL from './component/AnimatedUL'\nimport { cn } from '../../helpers/utils'\nimport type { ChangeEvent } from 'react'\nimport { remove, cloneDeep } from 'es-toolkit'\nimport { useEffect } from 'react'\nimport { useMediaQuery } from 'react-responsive'\nimport { Button, Drawer, DrawerContent, DrawerHeader, DrawerTitle, DrawerFooter } from '../../components/index.js'\n\ninterface FilterListProps {\n onFilteredChange: (filtered: any, filter: any, opt: any) => void\n onOpenOptions: (openOpt: any[]) => void\n closeFilter: boolean // \u662F\u5426\u5173\u95ED\u7B5B\u9009\u9879\u5C55\u793A\n filtersPair: any[] // \u7B5B\u9009\u9879\n filtered: any // \u9009\u62E9\u7684\u7B5B\u9009\u9009\u9879\n openOptions: any[] // \u5C55\u5F00\u7B5B\u9009\u9879\n mobileDrawerVisible: boolean\n onCloseDrawer: (closeDrawer: boolean) => void\n}\n\nexport default function FilterList(props: FilterListProps) {\n const isMobile = useMediaQuery({ query: '(max-width: 768px)' })\n\n const {\n filtersPair,\n closeFilter,\n filtered,\n openOptions,\n mobileDrawerVisible,\n onCloseDrawer,\n onFilteredChange,\n onOpenOptions,\n } = props\n\n const filterChange = (event: ChangeEvent<HTMLInputElement>, filter: any, opt: any, type: string) => {\n const target = event.target\n const clonefiltered = cloneDeep(filtered)\n let current = clonefiltered?.[target.name] || []\n if (target.checked) {\n type === 'checkbox' ? current.push(target.value) : current = [target.value]\n } else {\n remove(current, (v: string) => v === target.value)\n }\n clonefiltered[target.name] = current\n if (current.length <= 0) {\n Reflect.deleteProperty(clonefiltered, target.name)\n }\n onFilteredChange?.({ ...clonefiltered }, filter, opt)\n }\n\n const handleFilterOpt = (label: string) => {\n let res = openOptions.concat()\n res.map((item: any) => {\n if (item.label === label) return (item.show = !item.show)\n return item\n })\n onOpenOptions(res)\n }\n\n const MobileFilterList = () => {\n return (\n filtersPair?.length > 0 && (\n <div className=\"filter-list\">\n {filtersPair.map((filter: any, i: number) => {\n const openOption = openOptions?.find?.((item: any) => item.label == filter.label) as any\n return (\n <div\n key={`${filter.label}${i}`}\n className={cn('mb-6 flex-1 overflow-hidden text-left duration-300 ease-in-out')}\n >\n <div\n onClick={() => handleFilterOpt(filter.label)}\n className={\n 'relative flex items-center justify-between md-tablet:justify-center text-base font-bold cursor-pointer leading-none'\n }\n >\n <button className=\"w-full whitespace-nowrap text-left font-medium overflow-hidden box-border\">\n <span className=\"pr-2 font-bold truncate\">{filter.label}</span>\n </button>\n <div className={`size-4 duration-300 ease-in-out ${openOption?.show && 'rotate-180'}`}>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n stroke-width=\"1.5\"\n stroke=\"currentColor\"\n aria-hidden=\"true\"\n data-slot=\"icon\"\n >\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m19.5 8.25-7.5 7.5-7.5-7.5\" />\n </svg>\n </div>\n </div>\n <div className={'transition-all duration-400 ease-in-out overflow-hidden'}>\n <AnimatedUL\n className={'pt-5 transition-all duration-400 ease-in-out'}\n data-label={filter.label}\n isOpen={!!openOption?.show}\n >\n {filter.options.map((opt: any, p: number) => {\n const type = filter.type ? (filter.type === 'checkbox' ? 'checkbox' : 'radio') : 'checkbox'\n return (\n <li\n key={opt.value}\n className={cn('w-full mb-3 box-border', {\n ['disabled']: opt?.count <= 0,\n 'mb-0': p >= filter?.options?.length - 1,\n })}\n >\n <label\n className=\"flex items-center overflow-hidden box-border\"\n htmlFor={`${filter.value}-${p}`}\n >\n <input\n type={type}\n name={filter.value}\n value={opt.value}\n id={`${filter.value}-${p}`}\n disabled={opt?.count <= 0}\n checked={opt.checked}\n className=\"size-4 cursor-pointer accent-[#000000]\"\n onChange={e => filterChange(e, filter, opt, type)}\n />\n <p\n className={cn('pt-0.5 pl-3 inline-block cursor-pointer font-bold leading-none text-base')}\n >\n {opt.label}\n </p>\n </label>\n </li>\n )\n })}\n </AnimatedUL>\n </div>\n </div>\n )\n })}\n </div>\n )\n )\n }\n\n useEffect(() => {\n if (openOptions?.length === 0) {\n let res = []\n const domList = document?.getElementsByClassName('pt-5 transition-all duration-400 ease-in-out')\n for (let index = 0; index < domList.length; index++) {\n let data = {} as any\n data.label = domList[index]?.getAttribute('data-label')\n data.show = isMobile ? false : index < 6 ? true : false\n data.height = document?.getElementsByClassName('pt-5 transition-all duration-400 ease-in-out')?.[\n index\n ]?.clientHeight\n res.push(data)\n }\n onOpenOptions?.(res)\n }\n }, [filtersPair])\n\n useEffect(() => {\n !isMobile && onCloseDrawer(false)\n }, [isMobile])\n\n return (\n <div\n className={cn(\n 'transition-all duration-400 ease-in-out',\n 'desktop:w-60 tablet:w-48 laptop:w-[210px] md-tablet:hidden',\n 'md-tablet:fixed md-tablet:bottom-0 md-tablet:left-0 md-tablet:right-0 md-tablet:top-0 md-tablet:z-[99]',\n closeFilter\n ? 'md-tablet:pointer-events-auto md-tablet:opacity-100'\n : 'md-tablet:pointer-events-none md-tablet:opacity-0'\n )}\n >\n <div\n className={cn(\n 'transition-all duration-400 ease-in-out md-tablet:absolute md-tablet:bottom-0 md-tablet:h-[90vh] md-tablet:w-full',\n closeFilter ? 'md-tablet:translate-y-0' : 'md-tablet:translate-y-[100%]'\n )}\n >\n {MobileFilterList()}\n </div>\n <Drawer open={mobileDrawerVisible} onOpenChange={() => onCloseDrawer(false)}>\n <DrawerContent className=\"px-4 pb-4 max-h-[94.5vh] flex flex-col\">\n <DrawerHeader className=\"sticky top-0 inset-x-0 py-0 mb-6\">\n <DrawerTitle>Mobile Filter</DrawerTitle>\n </DrawerHeader>\n <div className=\"flex-1 overflow-y-auto\">\n {MobileFilterList()}\n </div>\n <DrawerFooter className=\"py-0 pt-4\">\n <div className={cn('shelf-flex-button-group', 'lg-desktop:gap-3 flex items-center gap-2')}>\n <Button variant=\"secondary\" className=\"m-tablet:w-full\">\n {'Clear'}\n </Button>\n <Button variant=\"primary\" className=\"m-tablet:w-full\">\n {'Apply'}\n </Button>\n </div>\n </DrawerFooter>\n </DrawerContent>\n </Drawer>\n </div>\n )\n}\n"],
5
+ "mappings": "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",
6
+ "names": ["FilterList_exports", "__export", "FilterList", "__toCommonJS", "import_jsx_runtime", "import_AnimatedUL", "import_utils", "import_es_toolkit", "import_react", "import_react_responsive", "import_components", "props", "isMobile", "filtersPair", "closeFilter", "filtered", "openOptions", "mobileDrawerVisible", "onCloseDrawer", "onFilteredChange", "onOpenOptions", "filterChange", "event", "filter", "opt", "type", "target", "clonefiltered", "current", "v", "handleFilterOpt", "label", "res", "item", "MobileFilterList", "i", "openOption", "AnimatedUL", "p", "e", "domList", "index", "data"]
7
7
  }
@@ -0,0 +1,7 @@
1
+ type FiterTabProps = {
2
+ filtered: any;
3
+ filtersPair: any;
4
+ onTabChange: (filtered: any) => void;
5
+ };
6
+ export default function FiterTab(props: FiterTabProps): import("react/jsx-runtime").JSX.Element;
7
+ export {};
@@ -0,0 +1,2 @@
1
+ "use strict";var T=Object.create;var l=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,C=Object.prototype.hasOwnProperty;var F=(e,r)=>{for(var a in r)l(e,a,{get:r[a],enumerable:!0})},c=(e,r,a,t)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of v(r))!C.call(e,n)&&n!==a&&l(e,n,{get:()=>r[n],enumerable:!(t=P(r,n))||t.enumerable});return e};var g=(e,r,a)=>(a=e!=null?T(h(e)):{},c(r||!e||!e.__esModule?l(a,"default",{value:e,enumerable:!0}):a,e)),k=e=>c(l({},"__esModule",{value:!0}),e);var q={};F(q,{default:()=>b});module.exports=k(q);var d=require("react/jsx-runtime"),p=g(require("./component/TabFilter")),s=require("es-toolkit"),u=require("react");function b(e){const{filtered:r,filtersPair:a,onTabChange:t}=e,n=(i,f)=>{const o=(0,s.cloneDeep)(r),y=o?.[i?.value]||[];o[i?.value]=f?.value?[f?.value]:[],y.length<=0&&Reflect.deleteProperty(o,f?.label),t?.(o)},m=(0,u.useMemo)(()=>a?.find(i=>i.mainPair),[a]);return(0,d.jsx)(p.default,{tabs:m,tabShape:"square",onTabClick:n})}
2
+ //# sourceMappingURL=FiterTab.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../src/biz-components/CollectionsFilters/FiterTab.tsx"],
4
+ "sourcesContent": ["import TabFilter from './component/TabFilter'\nimport { cloneDeep } from 'es-toolkit'\nimport { useMemo } from 'react'\n\ntype FiterTabProps = {\n filtered: any\n filtersPair: any\n onTabChange: (filtered: any) => void\n}\n\nexport default function FiterTab(props: FiterTabProps) {\n const {\n filtered,\n filtersPair,\n onTabChange,\n } = props\n\n const onTabClick = (tabs: any, tab: any) => {\n const clonefiltered = cloneDeep(filtered)\n const current = clonefiltered?.[tabs?.value] || []\n clonefiltered[tabs?.value] = tab?.value ? [tab?.value] : []\n if (current.length <= 0) {\n Reflect.deleteProperty(clonefiltered, tab?.label)\n }\n onTabChange?.(clonefiltered)\n }\n\n const mainPair = useMemo(() => {\n return filtersPair?.find((item: any) => item.mainPair)\n }, [filtersPair])\n\n return <TabFilter tabs={mainPair} tabShape=\"square\" onTabClick={onTabClick} />\n}\n"],
5
+ "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GA+BW,IAAAI,EAAA,6BA/BXC,EAAsB,oCACtBC,EAA0B,sBAC1BC,EAAwB,iBAQT,SAARL,EAA0BM,EAAsB,CACnD,KAAM,CACJ,SAAAC,EACA,YAAAC,EACA,YAAAC,CACF,EAAIH,EAEEI,EAAa,CAACC,EAAWC,IAAa,CAC1C,MAAMC,KAAgB,aAAUN,CAAQ,EAClCO,EAAUD,IAAgBF,GAAM,KAAK,GAAK,CAAC,EACjDE,EAAcF,GAAM,KAAK,EAAIC,GAAK,MAAQ,CAACA,GAAK,KAAK,EAAI,CAAC,EACtDE,EAAQ,QAAU,GACpB,QAAQ,eAAeD,EAAeD,GAAK,KAAK,EAElDH,IAAcI,CAAa,CAC7B,EAEME,KAAW,WAAQ,IAChBP,GAAa,KAAMQ,GAAcA,EAAK,QAAQ,EACpD,CAACR,CAAW,CAAC,EAEhB,SAAO,OAAC,EAAAS,QAAA,CAAU,KAAMF,EAAU,SAAS,SAAS,WAAYL,EAAY,CAChF",
6
+ "names": ["FiterTab_exports", "__export", "FiterTab", "__toCommonJS", "import_jsx_runtime", "import_TabFilter", "import_es_toolkit", "import_react", "props", "filtered", "filtersPair", "onTabChange", "onTabClick", "tabs", "tab", "clonefiltered", "current", "mainPair", "item", "TabFilter"]
7
+ }
@@ -1,2 +1,2 @@
1
- "use strict";var z=Object.create;var f=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var H=Object.getOwnPropertyNames;var T=Object.getPrototypeOf,q=Object.prototype.hasOwnProperty;var A=(e,o)=>{for(var n in o)f(e,n,{get:o[n],enumerable:!0})},x=(e,o,n,a)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of H(o))!q.call(e,r)&&r!==n&&f(e,r,{get:()=>o[r],enumerable:!(a=E(o,r))||a.enumerable});return e};var p=(e,o,n)=>(n=e!=null?z(T(e)):{},x(o||!e||!e.__esModule?f(n,"default",{value:e,enumerable:!0}):n,e)),B=e=>x(f({},"__esModule",{value:!0}),e);var G={};A(G,{default:()=>I});module.exports=B(G);var l=require("react/jsx-runtime"),t=require("react"),S=p(require("./FilterList")),O=p(require("./FilterHeader")),P=p(require("./FilterCardWrap")),D=p(require("./FilterCardWrapItem"));function I(e){const{filters:o,noShowList:n=[],metafields:a={},data:r=[]}=e,[c,M]=(0,t.useState)(!1),[V,b]=(0,t.useState)(!1),[k,K]=(0,t.useState)([]),[d,m]=(0,t.useState)({}),[L,N]=(0,t.useState)(0),[h,R]=(0,t.useState)(1),[u,F]=(0,t.useState)([]),C=(0,t.useRef)(18),w=(0,t.useRef)(!1),y=r?.length<=u?.length,v=(0,t.useMemo)(()=>o?.map?.(s=>({...s,options:s?.options?.map?.(i=>({...i,checked:d?.[s?.value]?.indexOf?.(i?.value)>-1}))})),[d,o]),W=()=>m?.({});return(0,t.useEffect)(()=>{if(!(r?.length<=0))if(!w.current)w.current=!0,F(r?.slice(0,C.current));else{const s=r?.slice?.(C.current,r?.length)||[];F([...u,...s])}},[r,h]),(0,l.jsxs)("div",{className:"size-full box-border",children:[(0,l.jsx)(O.default,{filtered:d,total:r?.length,metafields:a,filtersPair:v,closeFilter:c,sortKeyIndx:L,onTabChange:m,onSortChange:N,onCloseFilter:M,onClearFiltered:W,onMobileOpenDrawer:b}),(0,l.jsxs)("div",{className:"flex-1 overflow-hidden tablet:flex desktop:gap-x-16 tablet:gap-x-8",children:[!c&&(0,l.jsx)(S.default,{filtered:d,noShowList:n,openOptions:k,filtersPair:v,closeFilter:c,mobileDrawerVisible:V,onFilteredChange:m,onOpenOptions:K,onCloseDrawer:b}),(0,l.jsx)("div",{className:"flex-1 overflow-y-auto",children:(0,l.jsx)(P.default,{closeFilter:c,isShowMore:y,onViewMoreChange:()=>{y||R(h+1)},children:u.map(s=>(0,l.jsx)(D.default,{data:s,onPrimaryChange:(i,g)=>console.log("e",i,g),onSecondaryChange:(i,g)=>console.log("e",i,g)},s.id))})})]})]})}
1
+ "use strict";var T=Object.create;var f=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var H=Object.getOwnPropertyNames;var L=Object.getPrototypeOf,q=Object.prototype.hasOwnProperty;var A=(e,t)=>{for(var n in t)f(e,n,{get:t[n],enumerable:!0})},w=(e,t,n,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of H(t))!q.call(e,s)&&s!==n&&f(e,s,{get:()=>t[s],enumerable:!(l=E(t,s))||l.enumerable});return e};var c=(e,t,n)=>(n=e!=null?T(L(e)):{},w(t||!e||!e.__esModule?f(n,"default",{value:e,enumerable:!0}):n,e)),B=e=>w(f({},"__esModule",{value:!0}),e);var G={};A(G,{default:()=>I});module.exports=B(G);var o=require("react/jsx-runtime"),r=require("react"),x=c(require("./FilterList")),O=c(require("./FilterHeader")),P=c(require("./FilterCardWrap")),S=c(require("./FilterCardWrapItem")),D=c(require("./FiterTab"));function I(e){const{filters:t,metafields:n={},data:l=[]}=e,[s,M]=(0,r.useState)(!1),[N,b]=(0,r.useState)(!1),[V,k]=(0,r.useState)([]),[d,m]=(0,r.useState)({}),[K,R]=(0,r.useState)(0),[F,W]=(0,r.useState)(1),[p,h]=(0,r.useState)([]),C=(0,r.useRef)(18),y=(0,r.useRef)(!1),v=l?.length<=p?.length,u=(0,r.useMemo)(()=>t?.map?.(i=>({...i,options:i?.options?.map?.(a=>({...a,checked:d?.[i?.value]?.indexOf?.(a?.value)>-1}))})),[d,t]);console.log("filtersPair",u);const z=()=>m?.({});return(0,r.useEffect)(()=>{if(!(l?.length<=0))if(!y.current)y.current=!0,h(l?.slice(0,C.current));else{const i=l?.slice?.(C.current,l?.length)||[];h([...p,...i])}},[l,F]),(0,o.jsxs)("div",{className:"size-full box-border",children:[(0,o.jsx)("div",{className:"mb-6",children:(0,o.jsx)(D.default,{filtered:d,filtersPair:u,onTabChange:m})}),(0,o.jsx)(O.default,{total:l?.length,metafields:n,closeFilter:s,sortKeyIndx:K,onSortChange:R,onCloseFilter:M,onClearFiltered:z,onMobileOpenDrawer:b}),(0,o.jsxs)("div",{className:"flex-1 overflow-hidden tablet:flex desktop:gap-x-16 tablet:gap-x-8",children:[!s&&(0,o.jsx)(x.default,{filtered:d,openOptions:V,filtersPair:u,closeFilter:s,mobileDrawerVisible:N,onFilteredChange:m,onOpenOptions:k,onCloseDrawer:b}),(0,o.jsx)("div",{className:"flex-1 overflow-y-auto",children:(0,o.jsx)(P.default,{closeFilter:s,isShowMore:v,onViewMoreChange:()=>{v||W(F+1)},children:p.map(i=>(0,o.jsx)(S.default,{data:i,onPrimaryChange:(a,g)=>console.log("e",a,g),onSecondaryChange:(a,g)=>console.log("e",a,g)},i.id))})})]})]})}
2
2
  //# sourceMappingURL=index.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/biz-components/CollectionsFilters/index.tsx"],
4
- "sourcesContent": ["import { useState, useMemo, useEffect, useRef } from 'react'\nimport FilterList from './FilterList'\nimport FilterHeader from './FilterHeader'\nimport FilterCardWrap from './FilterCardWrap'\nimport FilterCardWrapItem from './FilterCardWrapItem'\n\nexport default function CollectionsFilters(props: any) {\n const {\n filters, // \u7B5B\u9009\u9879\n noShowList = [], // \u4E0D\u663E\u793A\u7684\u7B5B\u9009\u9879\n metafields = {},\n data = [], // \u5361\u7247\u6570\u636E\n } = props\n const [closeFilter, setCloseFilter] = useState<boolean>(false)\n const [mobileDrawerVisible, setMobileDrawerVisible] = useState<boolean>(false) // \u79FB\u52A8\u7AEF\u7B5B\u9009\u9009\u9879\u5C55\u793A\u72B6\u6001\n const [openOptions, setOpenOptions] = useState<any[]>([]) // \u5C55\u5F00\u7684\u7B5B\u9009\u9879\n const [filtered, setFiltered] = useState<any>({}) // \u9009\u62E9\u7684\u7B5B\u9009\u9009\u9879\n const [sortKeyIndx, setSortKeyIndx] = useState<number>(0) // \u6392\u5E8F\u65B9\u5F0F\n const [currentPage, setCurrentPage] = useState<number>(1) // \u5F53\u524D\u9875\u7801\n const [pageItems, setPageItems] = useState<any[]>([]) // \u5F53\u524D\u5C55\u793A\u7684\u6570\u636E\n\n const pageSizeRef = useRef<number>(18)\n const onceRef = useRef<boolean>(false)\n\n const isShowMore = data?.length <= pageItems?.length\n\n // \u5904\u7406\u7B5B\u9009\u9879\u6570\u636E\n const filtersPair = useMemo(() => {\n return filters?.map?.((filter: any) => {\n return {\n ...filter,\n options: filter?.options?.map?.((opt: any) => {\n return {\n ...opt,\n checked: filtered?.[filter?.value]?.indexOf?.(opt?.value) > -1,\n }\n }),\n }\n })\n }, [filtered, filters])\n\n const clearFiltered = () => setFiltered?.({})\n\n useEffect(() => {\n if (data?.length <= 0) return\n if (!onceRef.current) {\n onceRef.current = true\n setPageItems(data?.slice(0, pageSizeRef.current))\n } else {\n const newData = data?.slice?.(pageSizeRef.current, data?.length) || []\n setPageItems([...pageItems, ...newData])\n }\n }, [data, currentPage])\n\n return (\n <div className=\"size-full box-border\">\n {/* \u5934\u90E8 */}\n <FilterHeader\n filtered={filtered}\n total={data?.length}\n metafields={metafields}\n filtersPair={filtersPair}\n closeFilter={closeFilter}\n sortKeyIndx={sortKeyIndx}\n onTabChange={setFiltered}\n onSortChange={setSortKeyIndx}\n onCloseFilter={setCloseFilter}\n onClearFiltered={clearFiltered}\n onMobileOpenDrawer={setMobileDrawerVisible}\n />\n {/* PC\u7B5B\u9009\u9009\u9879 */}\n <div className=\"flex-1 overflow-hidden tablet:flex desktop:gap-x-16 tablet:gap-x-8\">\n {!closeFilter && (\n <FilterList\n filtered={filtered}\n noShowList={noShowList}\n openOptions={openOptions}\n filtersPair={filtersPair}\n closeFilter={closeFilter}\n mobileDrawerVisible={mobileDrawerVisible}\n onFilteredChange={setFiltered}\n onOpenOptions={setOpenOptions}\n onCloseDrawer={setMobileDrawerVisible}\n />\n )}\n <div className=\"flex-1 overflow-y-auto\">\n <FilterCardWrap\n closeFilter={closeFilter}\n isShowMore={isShowMore}\n onViewMoreChange={() => {\n if (isShowMore) return\n setCurrentPage(currentPage + 1)\n }}\n >\n {pageItems.map(item => (\n <FilterCardWrapItem\n key={item.id}\n data={item}\n onPrimaryChange={(e, data) => console.log('e', e, data)}\n onSecondaryChange={(e, data) => console.log('e', e, data)}\n />\n ))}\n </FilterCardWrap>\n </div>\n </div>\n </div>\n )\n}\n"],
5
- "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAyDM,IAAAI,EAAA,6BAzDNC,EAAqD,iBACrDC,EAAuB,2BACvBC,EAAyB,6BACzBC,EAA2B,+BAC3BC,EAA+B,mCAEhB,SAARP,EAAoCQ,EAAY,CACrD,KAAM,CACJ,QAAAC,EACA,WAAAC,EAAa,CAAC,EACd,WAAAC,EAAa,CAAC,EACd,KAAAC,EAAO,CAAC,CACV,EAAIJ,EACE,CAACK,EAAaC,CAAc,KAAI,YAAkB,EAAK,EACvD,CAACC,EAAqBC,CAAsB,KAAI,YAAkB,EAAK,EACvE,CAACC,EAAaC,CAAc,KAAI,YAAgB,CAAC,CAAC,EAClD,CAACC,EAAUC,CAAW,KAAI,YAAc,CAAC,CAAC,EAC1C,CAACC,EAAaC,CAAc,KAAI,YAAiB,CAAC,EAClD,CAACC,EAAaC,CAAc,KAAI,YAAiB,CAAC,EAClD,CAACC,EAAWC,CAAY,KAAI,YAAgB,CAAC,CAAC,EAE9CC,KAAc,UAAe,EAAE,EAC/BC,KAAU,UAAgB,EAAK,EAE/BC,EAAajB,GAAM,QAAUa,GAAW,OAGxCK,KAAc,WAAQ,IACnBrB,GAAS,MAAOsB,IACd,CACL,GAAGA,EACH,QAASA,GAAQ,SAAS,MAAOC,IACxB,CACL,GAAGA,EACH,QAASb,IAAWY,GAAQ,KAAK,GAAG,UAAUC,GAAK,KAAK,EAAI,EAC9D,EACD,CACH,EACD,EACA,CAACb,EAAUV,CAAO,CAAC,EAEhBwB,EAAgB,IAAMb,IAAc,CAAC,CAAC,EAE5C,sBAAU,IAAM,CACd,GAAI,EAAAR,GAAM,QAAU,GACpB,GAAI,CAACgB,EAAQ,QACXA,EAAQ,QAAU,GAClBF,EAAad,GAAM,MAAM,EAAGe,EAAY,OAAO,CAAC,MAC3C,CACL,MAAMO,EAAUtB,GAAM,QAAQe,EAAY,QAASf,GAAM,MAAM,GAAK,CAAC,EACrEc,EAAa,CAAC,GAAGD,EAAW,GAAGS,CAAO,CAAC,CACzC,CACF,EAAG,CAACtB,EAAMW,CAAW,CAAC,KAGpB,QAAC,OAAI,UAAU,uBAEb,oBAAC,EAAAY,QAAA,CACC,SAAUhB,EACV,MAAOP,GAAM,OACb,WAAYD,EACZ,YAAamB,EACb,YAAajB,EACb,YAAaQ,EACb,YAAaD,EACb,aAAcE,EACd,cAAeR,EACf,gBAAiBmB,EACjB,mBAAoBjB,EACtB,KAEA,QAAC,OAAI,UAAU,qEACZ,WAACH,MACA,OAAC,EAAAuB,QAAA,CACC,SAAUjB,EACV,WAAYT,EACZ,YAAaO,EACb,YAAaa,EACb,YAAajB,EACb,oBAAqBE,EACrB,iBAAkBK,EAClB,cAAeF,EACf,cAAeF,EACjB,KAEF,OAAC,OAAI,UAAU,yBACb,mBAAC,EAAAqB,QAAA,CACC,YAAaxB,EACb,WAAYgB,EACZ,iBAAkB,IAAM,CAClBA,GACJL,EAAeD,EAAc,CAAC,CAChC,EAEC,SAAAE,EAAU,IAAIa,MACb,OAAC,EAAAC,QAAA,CAEC,KAAMD,EACN,gBAAiB,CAACE,EAAG5B,IAAS,QAAQ,IAAI,IAAK4B,EAAG5B,CAAI,EACtD,kBAAmB,CAAC4B,EAAG5B,IAAS,QAAQ,IAAI,IAAK4B,EAAG5B,CAAI,GAHnD0B,EAAK,EAIZ,CACD,EACH,EACF,GACF,GACF,CAEJ",
6
- "names": ["CollectionsFilters_exports", "__export", "CollectionsFilters", "__toCommonJS", "import_jsx_runtime", "import_react", "import_FilterList", "import_FilterHeader", "import_FilterCardWrap", "import_FilterCardWrapItem", "props", "filters", "noShowList", "metafields", "data", "closeFilter", "setCloseFilter", "mobileDrawerVisible", "setMobileDrawerVisible", "openOptions", "setOpenOptions", "filtered", "setFiltered", "sortKeyIndx", "setSortKeyIndx", "currentPage", "setCurrentPage", "pageItems", "setPageItems", "pageSizeRef", "onceRef", "isShowMore", "filtersPair", "filter", "opt", "clearFiltered", "newData", "FilterHeader", "FilterList", "FilterCardWrap", "item", "FilterCardWrapItem", "e"]
4
+ "sourcesContent": ["import { useState, useMemo, useEffect, useRef } from 'react'\nimport FilterList from './FilterList'\nimport FilterHeader from './FilterHeader'\nimport FilterCardWrap from './FilterCardWrap'\nimport FilterCardWrapItem from './FilterCardWrapItem'\nimport FiterTab from './FiterTab'\n\nexport default function CollectionsFilters(props: any) {\n const {\n filters, // \u7B5B\u9009\u9879\n metafields = {},\n data = [], // \u5361\u7247\u6570\u636E\n } = props\n const [closeFilter, setCloseFilter] = useState<boolean>(false)\n const [mobileDrawerVisible, setMobileDrawerVisible] = useState<boolean>(false) // \u79FB\u52A8\u7AEF\u7B5B\u9009\u9009\u9879\u5C55\u793A\u72B6\u6001\n const [openOptions, setOpenOptions] = useState<any[]>([]) // \u5C55\u5F00\u7684\u7B5B\u9009\u9879\n const [filtered, setFiltered] = useState<any>({}) // \u9009\u62E9\u7684\u7B5B\u9009\u9009\u9879\n const [sortKeyIndx, setSortKeyIndx] = useState<number>(0) // \u6392\u5E8F\u65B9\u5F0F\n const [currentPage, setCurrentPage] = useState<number>(1) // \u5F53\u524D\u9875\u7801\n const [pageItems, setPageItems] = useState<any[]>([]) // \u5F53\u524D\u5C55\u793A\u7684\u6570\u636E\n\n const pageSizeRef = useRef<number>(18)\n const onceRef = useRef<boolean>(false)\n\n const isShowMore = data?.length <= pageItems?.length\n\n // \u5904\u7406\u7B5B\u9009\u9879\u6570\u636E\n const filtersPair = useMemo(() => {\n return filters?.map?.((filter: any) => {\n return {\n ...filter,\n options: filter?.options?.map?.((opt: any) => {\n return {\n ...opt,\n checked: filtered?.[filter?.value]?.indexOf?.(opt?.value) > -1,\n }\n }),\n }\n })\n }, [filtered, filters])\n\n console.log('filtersPair', filtersPair)\n\n const clearFiltered = () => setFiltered?.({})\n\n useEffect(() => {\n if (data?.length <= 0) return\n if (!onceRef.current) {\n onceRef.current = true\n setPageItems(data?.slice(0, pageSizeRef.current))\n } else {\n const newData = data?.slice?.(pageSizeRef.current, data?.length) || []\n setPageItems([...pageItems, ...newData])\n }\n }, [data, currentPage])\n\n return (\n <div className=\"size-full box-border\">\n {/* \u5934\u90E8 */}\n <div className=\"mb-6\">\n <FiterTab filtered={filtered} filtersPair={filtersPair} onTabChange={setFiltered} />\n </div>\n <FilterHeader\n total={data?.length}\n metafields={metafields}\n closeFilter={closeFilter}\n sortKeyIndx={sortKeyIndx}\n onSortChange={setSortKeyIndx}\n onCloseFilter={setCloseFilter}\n onClearFiltered={clearFiltered}\n onMobileOpenDrawer={setMobileDrawerVisible}\n />\n {/* PC\u7B5B\u9009\u9009\u9879 */}\n <div className=\"flex-1 overflow-hidden tablet:flex desktop:gap-x-16 tablet:gap-x-8\">\n {!closeFilter && (\n <FilterList\n filtered={filtered}\n openOptions={openOptions}\n filtersPair={filtersPair}\n closeFilter={closeFilter}\n mobileDrawerVisible={mobileDrawerVisible}\n onFilteredChange={setFiltered}\n onOpenOptions={setOpenOptions}\n onCloseDrawer={setMobileDrawerVisible}\n />\n )}\n <div className=\"flex-1 overflow-y-auto\">\n <FilterCardWrap\n closeFilter={closeFilter}\n isShowMore={isShowMore}\n onViewMoreChange={() => {\n if (isShowMore) return\n setCurrentPage(currentPage + 1)\n }}\n >\n {pageItems.map(item => (\n <FilterCardWrapItem\n key={item.id}\n data={item}\n onPrimaryChange={(e, data) => console.log('e', e, data)}\n onSecondaryChange={(e, data) => console.log('e', e, data)}\n />\n ))}\n </FilterCardWrap>\n </div>\n </div>\n </div>\n )\n}\n"],
5
+ "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GA4DQ,IAAAI,EAAA,6BA5DRC,EAAqD,iBACrDC,EAAuB,2BACvBC,EAAyB,6BACzBC,EAA2B,+BAC3BC,EAA+B,mCAC/BC,EAAqB,yBAEN,SAARR,EAAoCS,EAAY,CACrD,KAAM,CACJ,QAAAC,EACA,WAAAC,EAAa,CAAC,EACd,KAAAC,EAAO,CAAC,CACV,EAAIH,EACE,CAACI,EAAaC,CAAc,KAAI,YAAkB,EAAK,EACvD,CAACC,EAAqBC,CAAsB,KAAI,YAAkB,EAAK,EACvE,CAACC,EAAaC,CAAc,KAAI,YAAgB,CAAC,CAAC,EAClD,CAACC,EAAUC,CAAW,KAAI,YAAc,CAAC,CAAC,EAC1C,CAACC,EAAaC,CAAc,KAAI,YAAiB,CAAC,EAClD,CAACC,EAAaC,CAAc,KAAI,YAAiB,CAAC,EAClD,CAACC,EAAWC,CAAY,KAAI,YAAgB,CAAC,CAAC,EAE9CC,KAAc,UAAe,EAAE,EAC/BC,KAAU,UAAgB,EAAK,EAE/BC,EAAajB,GAAM,QAAUa,GAAW,OAGxCK,KAAc,WAAQ,IACnBpB,GAAS,MAAOqB,IACd,CACL,GAAGA,EACH,QAASA,GAAQ,SAAS,MAAOC,IACxB,CACL,GAAGA,EACH,QAASb,IAAWY,GAAQ,KAAK,GAAG,UAAUC,GAAK,KAAK,EAAI,EAC9D,EACD,CACH,EACD,EACA,CAACb,EAAUT,CAAO,CAAC,EAEtB,QAAQ,IAAI,cAAeoB,CAAW,EAEtC,MAAMG,EAAgB,IAAMb,IAAc,CAAC,CAAC,EAE5C,sBAAU,IAAM,CACd,GAAI,EAAAR,GAAM,QAAU,GACpB,GAAI,CAACgB,EAAQ,QACXA,EAAQ,QAAU,GAClBF,EAAad,GAAM,MAAM,EAAGe,EAAY,OAAO,CAAC,MAC3C,CACL,MAAMO,EAAUtB,GAAM,QAAQe,EAAY,QAASf,GAAM,MAAM,GAAK,CAAC,EACrEc,EAAa,CAAC,GAAGD,EAAW,GAAGS,CAAO,CAAC,CACzC,CACF,EAAG,CAACtB,EAAMW,CAAW,CAAC,KAGpB,QAAC,OAAI,UAAU,uBAEb,oBAAC,OAAI,UAAU,OACb,mBAAC,EAAAY,QAAA,CAAS,SAAUhB,EAAU,YAAaW,EAAa,YAAaV,EAAa,EACpF,KACA,OAAC,EAAAgB,QAAA,CACC,MAAOxB,GAAM,OACb,WAAYD,EACZ,YAAaE,EACb,YAAaQ,EACb,aAAcC,EACd,cAAeR,EACf,gBAAiBmB,EACjB,mBAAoBjB,EACtB,KAEA,QAAC,OAAI,UAAU,qEACZ,WAACH,MACA,OAAC,EAAAwB,QAAA,CACC,SAAUlB,EACV,YAAaF,EACb,YAAaa,EACb,YAAajB,EACb,oBAAqBE,EACrB,iBAAkBK,EAClB,cAAeF,EACf,cAAeF,EACjB,KAEF,OAAC,OAAI,UAAU,yBACb,mBAAC,EAAAsB,QAAA,CACC,YAAazB,EACb,WAAYgB,EACZ,iBAAkB,IAAM,CAClBA,GACJL,EAAeD,EAAc,CAAC,CAChC,EAEC,SAAAE,EAAU,IAAIc,MACb,OAAC,EAAAC,QAAA,CAEC,KAAMD,EACN,gBAAiB,CAACE,EAAG7B,IAAS,QAAQ,IAAI,IAAK6B,EAAG7B,CAAI,EACtD,kBAAmB,CAAC6B,EAAG7B,IAAS,QAAQ,IAAI,IAAK6B,EAAG7B,CAAI,GAHnD2B,EAAK,EAIZ,CACD,EACH,EACF,GACF,GACF,CAEJ",
6
+ "names": ["CollectionsFilters_exports", "__export", "CollectionsFilters", "__toCommonJS", "import_jsx_runtime", "import_react", "import_FilterList", "import_FilterHeader", "import_FilterCardWrap", "import_FilterCardWrapItem", "import_FiterTab", "props", "filters", "metafields", "data", "closeFilter", "setCloseFilter", "mobileDrawerVisible", "setMobileDrawerVisible", "openOptions", "setOpenOptions", "filtered", "setFiltered", "sortKeyIndx", "setSortKeyIndx", "currentPage", "setCurrentPage", "pageItems", "setPageItems", "pageSizeRef", "onceRef", "isShowMore", "filtersPair", "filter", "opt", "clearFiltered", "newData", "FiterTab", "FilterHeader", "FilterList", "FilterCardWrap", "item", "FilterCardWrapItem", "e"]
7
7
  }
@@ -28,6 +28,7 @@ export { default as Tabs } from './Tabs/index.js';
28
28
  export { default as CreativeModule } from './CreativeModule/index.js';
29
29
  export { default as GraphicOverlay } from './GraphicOverlay/index.js';
30
30
  export { default as CollectionsFilters } from './CollectionsFilters/index.js';
31
+ export { default as FiterTab } from './CollectionsFilters/FiterTab.js';
31
32
  export { default as FilterList } from './CollectionsFilters/FilterList.js';
32
33
  export { default as FilterHeader } from './CollectionsFilters/FilterHeader.js';
33
34
  export { default as FilterCardWrap } from './CollectionsFilters/FilterCardWrap.js';
@@ -1,2 +1,2 @@
1
- "use strict";var D=Object.create;var l=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var z=Object.getOwnPropertyNames;var J=Object.getPrototypeOf,K=Object.prototype.hasOwnProperty;var Q=(r,a)=>{for(var t in a)l(r,t,{get:a[t],enumerable:!0})},u=(r,a,t,p)=>{if(a&&typeof a=="object"||typeof a=="function")for(let f of z(a))!K.call(r,f)&&f!==t&&l(r,f,{get:()=>a[f],enumerable:!(p=O(a,f))||p.enumerable});return r};var e=(r,a,t)=>(t=r!=null?D(J(r)):{},u(a||!r||!r.__esModule?l(t,"default",{value:r,enumerable:!0}):t,r)),R=r=>u(l({},"__esModule",{value:!0}),r);var U={};Q(U,{AccordionCards:()=>h.default,AiuiProvider:()=>E.default,BrandEquity:()=>d.default,Category:()=>y.default,CollectionsFilters:()=>W.default,CreativeModule:()=>I.default,Evaluate:()=>n.default,Faq:()=>v.default,FilterCardWrap:()=>N.default,FilterCardWrapItem:()=>w.default,FilterHeader:()=>j.default,FilterList:()=>b.default,FooterNavigation:()=>L.default,Graphic:()=>B.default,GraphicAttractionBlock:()=>g.default,GraphicOverlay:()=>T.default,HeaderNavigation:()=>A.default,HeroBanner:()=>M.default,Marquee:()=>q.default,MarqueeImageContent:()=>o.MarqueeImageContent,MarqueeItem:()=>o.MarqueeItem,MarqueeTextContent:()=>o.MarqueeTextContent,MediaPlayerBase:()=>C.default,MediaPlayerMulti:()=>k.default,MediaPlayerSticky:()=>G.default,MemberEquity:()=>i.default,MultiLayoutGraphicBlock:()=>P.default,ShelfDisplay:()=>c.default,Slogan:()=>s.default,Spacer:()=>x.default,Tabs:()=>H.default,Title:()=>m.default,WhyChoose:()=>F.default,withLayout:()=>S.withLayout});module.exports=R(U);var d=e(require("./BrandEquity/index.js")),i=e(require("./MemberEquity/index.js")),s=e(require("./Slogan/index.js")),m=e(require("./Title/index.js")),x=e(require("./Spacer/index.js")),c=e(require("./ShelfDisplay/index.js")),n=e(require("./Evaluate/index.js")),y=e(require("./Category/index.js")),M=e(require("./HeroBanner/index.js")),h=e(require("./AccordionCards/index.js")),B=e(require("./Graphic/index.js")),C=e(require("./MediaPlayerBase/index.js")),G=e(require("./MediaPlayerSticky/index.js")),k=e(require("./MediaPlayerMulti/index.js")),q=e(require("./Marquee/index.js")),F=e(require("./WhyChoose/index.js")),v=e(require("./Faq/index.js")),o=require("./Marquee/index.js"),P=e(require("./MultiLayoutGraphicBlock/index.js")),g=e(require("./GraphicAttractionBlock/index.js")),A=e(require("./HeaderNavigation/index.js")),L=e(require("./FooterNavigation/index.js")),S=require("../shared/Styles.js"),E=e(require("./AiuiProvider/index.js")),H=e(require("./Tabs/index.js")),I=e(require("./CreativeModule/index.js")),T=e(require("./GraphicOverlay/index.js")),W=e(require("./CollectionsFilters/index.js")),b=e(require("./CollectionsFilters/FilterList.js")),j=e(require("./CollectionsFilters/FilterHeader.js")),N=e(require("./CollectionsFilters/FilterCardWrap.js")),w=e(require("./CollectionsFilters/FilterCardWrapItem.js"));
1
+ "use strict";var O=Object.create;var l=Object.defineProperty;var z=Object.getOwnPropertyDescriptor;var J=Object.getOwnPropertyNames;var K=Object.getPrototypeOf,Q=Object.prototype.hasOwnProperty;var R=(r,a)=>{for(var t in a)l(r,t,{get:a[t],enumerable:!0})},u=(r,a,t,p)=>{if(a&&typeof a=="object"||typeof a=="function")for(let f of J(a))!Q.call(r,f)&&f!==t&&l(r,f,{get:()=>a[f],enumerable:!(p=z(a,f))||p.enumerable});return r};var e=(r,a,t)=>(t=r!=null?O(K(r)):{},u(a||!r||!r.__esModule?l(t,"default",{value:r,enumerable:!0}):t,r)),U=r=>u(l({},"__esModule",{value:!0}),r);var V={};R(V,{AccordionCards:()=>h.default,AiuiProvider:()=>T.default,BrandEquity:()=>d.default,Category:()=>y.default,CollectionsFilters:()=>I.default,CreativeModule:()=>E.default,Evaluate:()=>n.default,Faq:()=>v.default,FilterCardWrap:()=>w.default,FilterCardWrapItem:()=>D.default,FilterHeader:()=>N.default,FilterList:()=>j.default,FiterTab:()=>W.default,FooterNavigation:()=>L.default,Graphic:()=>B.default,GraphicAttractionBlock:()=>g.default,GraphicOverlay:()=>H.default,HeaderNavigation:()=>A.default,HeroBanner:()=>M.default,Marquee:()=>k.default,MarqueeImageContent:()=>o.MarqueeImageContent,MarqueeItem:()=>o.MarqueeItem,MarqueeTextContent:()=>o.MarqueeTextContent,MediaPlayerBase:()=>C.default,MediaPlayerMulti:()=>G.default,MediaPlayerSticky:()=>F.default,MemberEquity:()=>i.default,MultiLayoutGraphicBlock:()=>P.default,ShelfDisplay:()=>c.default,Slogan:()=>s.default,Spacer:()=>x.default,Tabs:()=>b.default,Title:()=>m.default,WhyChoose:()=>q.default,withLayout:()=>S.withLayout});module.exports=U(V);var d=e(require("./BrandEquity/index.js")),i=e(require("./MemberEquity/index.js")),s=e(require("./Slogan/index.js")),m=e(require("./Title/index.js")),x=e(require("./Spacer/index.js")),c=e(require("./ShelfDisplay/index.js")),n=e(require("./Evaluate/index.js")),y=e(require("./Category/index.js")),M=e(require("./HeroBanner/index.js")),h=e(require("./AccordionCards/index.js")),B=e(require("./Graphic/index.js")),C=e(require("./MediaPlayerBase/index.js")),F=e(require("./MediaPlayerSticky/index.js")),G=e(require("./MediaPlayerMulti/index.js")),k=e(require("./Marquee/index.js")),q=e(require("./WhyChoose/index.js")),v=e(require("./Faq/index.js")),o=require("./Marquee/index.js"),P=e(require("./MultiLayoutGraphicBlock/index.js")),g=e(require("./GraphicAttractionBlock/index.js")),A=e(require("./HeaderNavigation/index.js")),L=e(require("./FooterNavigation/index.js")),S=require("../shared/Styles.js"),T=e(require("./AiuiProvider/index.js")),b=e(require("./Tabs/index.js")),E=e(require("./CreativeModule/index.js")),H=e(require("./GraphicOverlay/index.js")),I=e(require("./CollectionsFilters/index.js")),W=e(require("./CollectionsFilters/FiterTab.js")),j=e(require("./CollectionsFilters/FilterList.js")),N=e(require("./CollectionsFilters/FilterHeader.js")),w=e(require("./CollectionsFilters/FilterCardWrap.js")),D=e(require("./CollectionsFilters/FilterCardWrapItem.js"));
2
2
  //# sourceMappingURL=index.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/biz-components/index.ts"],
4
- "sourcesContent": ["export { default as BrandEquity } from './BrandEquity/index.js'\nexport { default as MemberEquity } from './MemberEquity/index.js'\nexport { default as Slogan } from './Slogan/index.js'\nexport { default as Title } from './Title/index.js'\nexport { default as Spacer } from './Spacer/index.js'\nexport { default as ShelfDisplay } from './ShelfDisplay/index.js'\nexport { default as Evaluate } from './Evaluate/index.js'\nexport { default as Category } from './Category/index.js'\nexport { default as HeroBanner } from './HeroBanner/index.js'\nexport { default as AccordionCards } from './AccordionCards/index.js'\nexport { default as Graphic } from './Graphic/index.js'\nexport { default as MediaPlayerBase } from './MediaPlayerBase/index.js'\nexport { default as MediaPlayerSticky } from './MediaPlayerSticky/index.js'\nexport { default as MediaPlayerMulti } from './MediaPlayerMulti/index.js'\nexport { default as Marquee } from './Marquee/index.js'\nexport { default as WhyChoose } from './WhyChoose/index.js'\nexport { default as Faq } from './Faq/index.js'\nexport { MarqueeItem, MarqueeImageContent, MarqueeTextContent } from './Marquee/index.js'\nexport { default as MultiLayoutGraphicBlock } from './MultiLayoutGraphicBlock/index.js'\nexport type { MultiLayoutGraphicBlockProps } from './MultiLayoutGraphicBlock/index.js'\nexport { default as GraphicAttractionBlock } from './GraphicAttractionBlock/index.js'\nexport type { GraphicAttractionBlockProps } from './GraphicAttractionBlock/index.js'\nexport { default as HeaderNavigation } from './HeaderNavigation/index.js'\nexport { default as FooterNavigation } from './FooterNavigation/index.js'\n\nexport { withLayout } from '../shared/Styles.js'\nexport { default as AiuiProvider } from './AiuiProvider/index.js'\nexport { default as Tabs } from './Tabs/index.js'\nexport { default as CreativeModule } from './CreativeModule/index.js'\nexport { default as GraphicOverlay } from './GraphicOverlay/index.js'\nexport { default as CollectionsFilters } from './CollectionsFilters/index.js'\nexport { default as FilterList } from './CollectionsFilters/FilterList.js'\nexport { default as FilterHeader } from './CollectionsFilters/FilterHeader.js'\nexport { default as FilterCardWrap } from './CollectionsFilters/FilterCardWrap.js'\nexport { default as FilterCardWrapItem } from './CollectionsFilters/FilterCardWrapItem.js'"],
5
- "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,+8BAAAE,EAAAF,GAAA,IAAAG,EAAuC,qCACvCC,EAAwC,sCACxCC,EAAkC,gCAClCC,EAAiC,+BACjCC,EAAkC,gCAClCC,EAAwC,sCACxCC,EAAoC,kCACpCC,EAAoC,kCACpCC,EAAsC,oCACtCC,EAA0C,wCAC1CC,EAAmC,iCACnCC,EAA2C,yCAC3CC,EAA6C,2CAC7CC,EAA4C,0CAC5CC,EAAmC,iCACnCC,EAAqC,mCACrCC,EAA+B,6BAC/BF,EAAqE,8BACrEG,EAAmD,iDAEnDC,EAAkD,gDAElDC,EAA4C,0CAC5CC,EAA4C,0CAE5CC,EAA2B,+BAC3BC,EAAwC,sCACxCC,EAAgC,8BAChCC,EAA0C,wCAC1CC,EAA0C,wCAC1CC,EAA8C,4CAC9CC,EAAsC,iDACtCC,EAAwC,mDACxCC,EAA0C,qDAC1CC,EAA8C",
6
- "names": ["biz_components_exports", "__export", "__toCommonJS", "import_BrandEquity", "import_MemberEquity", "import_Slogan", "import_Title", "import_Spacer", "import_ShelfDisplay", "import_Evaluate", "import_Category", "import_HeroBanner", "import_AccordionCards", "import_Graphic", "import_MediaPlayerBase", "import_MediaPlayerSticky", "import_MediaPlayerMulti", "import_Marquee", "import_WhyChoose", "import_Faq", "import_MultiLayoutGraphicBlock", "import_GraphicAttractionBlock", "import_HeaderNavigation", "import_FooterNavigation", "import_Styles", "import_AiuiProvider", "import_Tabs", "import_CreativeModule", "import_GraphicOverlay", "import_CollectionsFilters", "import_FilterList", "import_FilterHeader", "import_FilterCardWrap", "import_FilterCardWrapItem"]
4
+ "sourcesContent": ["export { default as BrandEquity } from './BrandEquity/index.js'\nexport { default as MemberEquity } from './MemberEquity/index.js'\nexport { default as Slogan } from './Slogan/index.js'\nexport { default as Title } from './Title/index.js'\nexport { default as Spacer } from './Spacer/index.js'\nexport { default as ShelfDisplay } from './ShelfDisplay/index.js'\nexport { default as Evaluate } from './Evaluate/index.js'\nexport { default as Category } from './Category/index.js'\nexport { default as HeroBanner } from './HeroBanner/index.js'\nexport { default as AccordionCards } from './AccordionCards/index.js'\nexport { default as Graphic } from './Graphic/index.js'\nexport { default as MediaPlayerBase } from './MediaPlayerBase/index.js'\nexport { default as MediaPlayerSticky } from './MediaPlayerSticky/index.js'\nexport { default as MediaPlayerMulti } from './MediaPlayerMulti/index.js'\nexport { default as Marquee } from './Marquee/index.js'\nexport { default as WhyChoose } from './WhyChoose/index.js'\nexport { default as Faq } from './Faq/index.js'\nexport { MarqueeItem, MarqueeImageContent, MarqueeTextContent } from './Marquee/index.js'\nexport { default as MultiLayoutGraphicBlock } from './MultiLayoutGraphicBlock/index.js'\nexport type { MultiLayoutGraphicBlockProps } from './MultiLayoutGraphicBlock/index.js'\nexport { default as GraphicAttractionBlock } from './GraphicAttractionBlock/index.js'\nexport type { GraphicAttractionBlockProps } from './GraphicAttractionBlock/index.js'\nexport { default as HeaderNavigation } from './HeaderNavigation/index.js'\nexport { default as FooterNavigation } from './FooterNavigation/index.js'\n\nexport { withLayout } from '../shared/Styles.js'\nexport { default as AiuiProvider } from './AiuiProvider/index.js'\nexport { default as Tabs } from './Tabs/index.js'\nexport { default as CreativeModule } from './CreativeModule/index.js'\nexport { default as GraphicOverlay } from './GraphicOverlay/index.js'\nexport { default as CollectionsFilters } from './CollectionsFilters/index.js'\nexport { default as FiterTab } from './CollectionsFilters/FiterTab.js'\nexport { default as FilterList } from './CollectionsFilters/FilterList.js'\nexport { default as FilterHeader } from './CollectionsFilters/FilterHeader.js'\nexport { default as FilterCardWrap } from './CollectionsFilters/FilterCardWrap.js'\nexport { default as FilterCardWrapItem } from './CollectionsFilters/FilterCardWrapItem.js'"],
5
+ "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,s+BAAAE,EAAAF,GAAA,IAAAG,EAAuC,qCACvCC,EAAwC,sCACxCC,EAAkC,gCAClCC,EAAiC,+BACjCC,EAAkC,gCAClCC,EAAwC,sCACxCC,EAAoC,kCACpCC,EAAoC,kCACpCC,EAAsC,oCACtCC,EAA0C,wCAC1CC,EAAmC,iCACnCC,EAA2C,yCAC3CC,EAA6C,2CAC7CC,EAA4C,0CAC5CC,EAAmC,iCACnCC,EAAqC,mCACrCC,EAA+B,6BAC/BF,EAAqE,8BACrEG,EAAmD,iDAEnDC,EAAkD,gDAElDC,EAA4C,0CAC5CC,EAA4C,0CAE5CC,EAA2B,+BAC3BC,EAAwC,sCACxCC,EAAgC,8BAChCC,EAA0C,wCAC1CC,EAA0C,wCAC1CC,EAA8C,4CAC9CC,EAAoC,+CACpCC,EAAsC,iDACtCC,EAAwC,mDACxCC,EAA0C,qDAC1CC,EAA8C",
6
+ "names": ["biz_components_exports", "__export", "__toCommonJS", "import_BrandEquity", "import_MemberEquity", "import_Slogan", "import_Title", "import_Spacer", "import_ShelfDisplay", "import_Evaluate", "import_Category", "import_HeroBanner", "import_AccordionCards", "import_Graphic", "import_MediaPlayerBase", "import_MediaPlayerSticky", "import_MediaPlayerMulti", "import_Marquee", "import_WhyChoose", "import_Faq", "import_MultiLayoutGraphicBlock", "import_GraphicAttractionBlock", "import_HeaderNavigation", "import_FooterNavigation", "import_Styles", "import_AiuiProvider", "import_Tabs", "import_CreativeModule", "import_GraphicOverlay", "import_CollectionsFilters", "import_FiterTab", "import_FilterList", "import_FilterHeader", "import_FilterCardWrap", "import_FilterCardWrapItem"]
7
7
  }