@hkyhy/marsun-components-core 0.1.50 → 0.1.52

package/dist/components/ReactFilter/AdvancedFilter/fields/ListFilterItem.js

@@ -1,32 +1,30 @@
-import { jsx as f } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import { App as h, Space as x, Tag as b } from "antd";
-import l from "../../../../_virtual/isEqual.js";
-import "../../../../node_modules/@kne/react-intl/dist/index.modern.js";
-import g from "../../withLocale.js";
-import w from "../../../../node_modules/@kne/react-intl/node_modules/react-intl/lib/src/components/useIntl.js";
-import "../../../../node_modules/@kne/react-intl/node_modules/react-intl/lib/index.js";
-const { CheckableTag: I } = b, E = g(
-  ({ value: r, onChange: n, label: k, single: i = !1, maxLength: p = 5, items: a = [] }) => {
-    const { message: u } = h.useApp(), { formatMessage: m } = w();
-    return /* @__PURE__ */ f(x, { size: 4, wrap: !0, block: !0, children: a.map(({ label: s, value: e }) => /* @__PURE__ */ f(
+import t from "lodash/isEqual";
+import { useIntl as g } from "@kne/react-intl";
+import w from "../../withLocale.js";
+const { CheckableTag: I } = b, T = w(
+  ({ value: r, onChange: n, label: k, single: c = !1, maxLength: i = 5, items: f = [] }) => {
+    const { message: u } = h.useApp(), { formatMessage: d } = g({ moduleName: "Filter" });
+    return /* @__PURE__ */ a(x, { size: 4, wrap: !0, block: !0, children: f.map(({ label: s, value: e }) => /* @__PURE__ */ a(
       I,
       {
         size: "small",
-        checked: i ? l(e, r == null ? void 0 : r.value) : !!(r || []).find(({ value: t }) => l(e, t)),
-        onChange: (t) => {
-          if (i) {
-            n(t ? { value: e, label: s } : null);
+        checked: c ? t(e, r == null ? void 0 : r.value) : !!(r || []).find(({ value: l }) => t(e, l)),
+        onChange: (l) => {
+          if (c) {
+            n(l ? { value: e, label: s } : null);
             return;
           }
           const o = (r || []).slice(0);
-          if (t)
+          if (l)
             o.push({ value: e, label: s });
           else {
-            const c = o.findIndex(({ value: d }) => l(e, d));
-            c > -1 && o.splice(c, 1);
+            const p = o.findIndex(({ value: m }) => t(e, m));
+            p > -1 && o.splice(p, 1);
           }
-          if (o.length > p) {
-            u.error(m({ id: "maxSelectedCount" }, { count: p }));
+          if (o.length > i) {
+            u.error(d({ id: "maxSelectedCount" }, { count: i }));
             return;
           }
           n(o);
@@ -38,6 +36,6 @@ const { CheckableTag: I } = b, E = g(
   }
 );
 export {
-  E as default
+  T as default
 };
 //# sourceMappingURL=ListFilterItem.js.map

package/dist/components/ReactFilter/AdvancedFilter/fields/ListFilterItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListFilterItem.js","sources":["../../../../../src/components/ReactFilter/AdvancedFilter/fields/ListFilterItem.jsx"],"sourcesContent":["// @ts-nocheck\nimport { Tag, App, Space } from 'antd';\nimport isEqual from 'lodash/isEqual';\nimport { useIntl } from '@kne/react-intl';\nimport withLocale from '../../withLocale';\n\nconst { CheckableTag } = Tag;\n\nconst ListFilterItem = withLocale(\n  ({ value, onChange, label, single = false, maxLength = 5, items = [] }) => {\n    const { message } = App.useApp();\n    const { formatMessage } = useIntl({ moduleName: 'Filter' });\n\n    return (\n      <Space size={4} wrap block>\n        {items.map(({ label: itemLabel, value: itemValue }) => {\n          return (\n            <CheckableTag\n              key={itemLabel}\n              size=\"small\"\n              checked={\n                single\n                  ? isEqual(itemValue, value?.value)\n                  : !!(value || []).find(({ value }) => isEqual(itemValue, value))\n              }\n              onChange={(checked) => {\n                if (single) {\n                  onChange(checked ? { value: itemValue, label: itemLabel } : null);\n                  return;\n                }\n                const newValue = (value || []).slice(0);\n                if (checked) {\n                  newValue.push({ value: itemValue, label: itemLabel });\n                } else {\n                  const index = newValue.findIndex(({ value }) => isEqual(itemValue, value));\n                  if (index > -1) {\n                    newValue.splice(index, 1);\n                  }\n                }\n                if (newValue.length > maxLength) {\n                  message.error(formatMessage({ id: 'maxSelectedCount' }, { count: maxLength }));\n                  return;\n                }\n                onChange(newValue);\n              }}\n            >\n              {itemLabel}\n            </CheckableTag>\n          );\n        })}\n      </Space>\n    );\n  },\n);\n\nexport default ListFilterItem;\n"],"names":["CheckableTag","Tag","ListFilterItem","withLocale","value","onChange","label","single","maxLength","items","message","App","formatMessage","useIntl","Space","itemLabel","itemValue","jsx","isEqual","checked","newValue","index"],"mappings":";;;;;;;AAMA,MAAM,EAAE,cAAAA,MAAiBC,GAEnBC,IAAiBC;AAAA,EACrB,CAAC,EAAE,OAAAC,GAAO,UAAAC,GAAU,OAAAC,GAAO,QAAAC,IAAS,IAAO,WAAAC,IAAY,GAAG,OAAAC,IAAQ,CAAA,QAAS;AACzE,UAAM,EAAE,SAAAC,EAAA,IAAYC,EAAI,OAAA,GAClB,EAAE,eAAAC,MAAkBC,EAAgC;AAE1D,6BACGC,GAAA,EAAM,MAAM,GAAG,MAAI,IAAC,OAAK,IACvB,UAAAL,EAAM,IAAI,CAAC,EAAE,OAAOM,GAAW,OAAOC,QAEnC,gBAAAC;AAAA,MAACjB;AAAA,MAAA;AAAA,QAEC,MAAK;AAAA,QACL,SACEO,IACIW,EAAQF,GAAWZ,KAAA,gBAAAA,EAAO,KAAK,IAC/B,CAAC,EAAEA,KAAS,CAAA,GAAI,KAAK,CAAC,EAAE,OAAAA,QAAYc,EAAQF,GAAWZ,CAAK,CAAC;AAAA,QAEnE,UAAU,CAACe,MAAY;AACrB,cAAIZ,GAAQ;AACV,YAAAF,EAASc,IAAU,EAAE,OAAOH,GAAW,OAAOD,EAAA,IAAc,IAAI;AAChE;AAAA,UACF;AACA,gBAAMK,KAAYhB,KAAS,CAAA,GAAI,MAAM,CAAC;AACtC,cAAIe;AACF,YAAAC,EAAS,KAAK,EAAE,OAAOJ,GAAW,OAAOD,GAAW;AAAA,eAC/C;AACL,kBAAMM,IAAQD,EAAS,UAAU,CAAC,EAAE,OAAAhB,EAAAA,MAAYc,EAAQF,GAAWZ,CAAK,CAAC;AACzE,YAAIiB,IAAQ,MACVD,EAAS,OAAOC,GAAO,CAAC;AAAA,UAE5B;AACA,cAAID,EAAS,SAASZ,GAAW;AAC/B,YAAAE,EAAQ,MAAME,EAAc,EAAE,IAAI,mBAAA,GAAsB,EAAE,OAAOJ,EAAA,CAAW,CAAC;AAC7E;AAAA,UACF;AACA,UAAAH,EAASe,CAAQ;AAAA,QACnB;AAAA,QAEC,UAAAL;AAAA,MAAA;AAAA,MA5BIA;AAAA,IAAA,CA+BV,EAAA,CACH;AAAA,EAEJ;AACF;"}
+{"version":3,"file":"ListFilterItem.js","sources":["../../../../../src/components/ReactFilter/AdvancedFilter/fields/ListFilterItem.jsx"],"sourcesContent":["// @ts-nocheck\nimport { Tag, App, Space } from 'antd';\nimport isEqual from 'lodash/isEqual';\nimport { useIntl } from '@kne/react-intl';\nimport withLocale from '../../withLocale';\n\nconst { CheckableTag } = Tag;\n\nconst ListFilterItem = withLocale(\n  ({ value, onChange, label, single = false, maxLength = 5, items = [] }) => {\n    const { message } = App.useApp();\n    const { formatMessage } = useIntl({ moduleName: 'Filter' });\n\n    return (\n      <Space size={4} wrap block>\n        {items.map(({ label: itemLabel, value: itemValue }) => {\n          return (\n            <CheckableTag\n              key={itemLabel}\n              size=\"small\"\n              checked={\n                single\n                  ? isEqual(itemValue, value?.value)\n                  : !!(value || []).find(({ value }) => isEqual(itemValue, value))\n              }\n              onChange={(checked) => {\n                if (single) {\n                  onChange(checked ? { value: itemValue, label: itemLabel } : null);\n                  return;\n                }\n                const newValue = (value || []).slice(0);\n                if (checked) {\n                  newValue.push({ value: itemValue, label: itemLabel });\n                } else {\n                  const index = newValue.findIndex(({ value }) => isEqual(itemValue, value));\n                  if (index > -1) {\n                    newValue.splice(index, 1);\n                  }\n                }\n                if (newValue.length > maxLength) {\n                  message.error(formatMessage({ id: 'maxSelectedCount' }, { count: maxLength }));\n                  return;\n                }\n                onChange(newValue);\n              }}\n            >\n              {itemLabel}\n            </CheckableTag>\n          );\n        })}\n      </Space>\n    );\n  },\n);\n\nexport default ListFilterItem;\n"],"names":["CheckableTag","Tag","ListFilterItem","withLocale","value","onChange","label","single","maxLength","items","message","App","formatMessage","useIntl","Space","itemLabel","itemValue","jsx","isEqual","checked","newValue","index"],"mappings":";;;;;AAMA,MAAM,EAAE,cAAAA,MAAiBC,GAEnBC,IAAiBC;AAAA,EACrB,CAAC,EAAE,OAAAC,GAAO,UAAAC,GAAU,OAAAC,GAAO,QAAAC,IAAS,IAAO,WAAAC,IAAY,GAAG,OAAAC,IAAQ,CAAA,QAAS;AACzE,UAAM,EAAE,SAAAC,EAAA,IAAYC,EAAI,OAAA,GAClB,EAAE,eAAAC,EAAA,IAAkBC,EAAQ,EAAE,YAAY,UAAU;AAE1D,6BACGC,GAAA,EAAM,MAAM,GAAG,MAAI,IAAC,OAAK,IACvB,UAAAL,EAAM,IAAI,CAAC,EAAE,OAAOM,GAAW,OAAOC,QAEnC,gBAAAC;AAAA,MAACjB;AAAA,MAAA;AAAA,QAEC,MAAK;AAAA,QACL,SACEO,IACIW,EAAQF,GAAWZ,KAAA,gBAAAA,EAAO,KAAK,IAC/B,CAAC,EAAEA,KAAS,CAAA,GAAI,KAAK,CAAC,EAAE,OAAAA,QAAYc,EAAQF,GAAWZ,CAAK,CAAC;AAAA,QAEnE,UAAU,CAACe,MAAY;AACrB,cAAIZ,GAAQ;AACV,YAAAF,EAASc,IAAU,EAAE,OAAOH,GAAW,OAAOD,EAAA,IAAc,IAAI;AAChE;AAAA,UACF;AACA,gBAAMK,KAAYhB,KAAS,CAAA,GAAI,MAAM,CAAC;AACtC,cAAIe;AACF,YAAAC,EAAS,KAAK,EAAE,OAAOJ,GAAW,OAAOD,GAAW;AAAA,eAC/C;AACL,kBAAMM,IAAQD,EAAS,UAAU,CAAC,EAAE,OAAAhB,EAAAA,MAAYc,EAAQF,GAAWZ,CAAK,CAAC;AACzE,YAAIiB,IAAQ,MACVD,EAAS,OAAOC,GAAO,CAAC;AAAA,UAE5B;AACA,cAAID,EAAS,SAASZ,GAAW;AAC/B,YAAAE,EAAQ,MAAME,EAAc,EAAE,IAAI,mBAAA,GAAsB,EAAE,OAAOJ,EAAA,CAAW,CAAC;AAC7E;AAAA,UACF;AACA,UAAAH,EAASe,CAAQ;AAAA,QACnB;AAAA,QAEC,UAAAL;AAAA,MAAA;AAAA,MA5BIA;AAAA,IAAA,CA+BV,EAAA,CACH;AAAA,EAEJ;AACF;"}

package/dist/components/ReactFilter/AdvancedFilter/index.js

@@ -1,72 +1,70 @@
-import { jsx as e, jsxs as p } from "react/jsx-runtime";
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
 import g from "../FilterOuter.js";
 import h from "../FilterLines.js";
 import { Flex as n } from "antd";
 import v from "./fields/index.js";
-import "../../../node_modules/@kne/react-intl/dist/index.modern.js";
-import { useContext as F } from "../context.js";
+import { useIntl as F } from "@kne/react-intl";
+import { useContext as b } from "../context.js";
 import m from "../style.module.scss.js";
-import b from "../FilterValueDisplay.js";
-import x from "../withLocale.js";
-import C from "../../../_virtual/get.js";
+import x from "../FilterValueDisplay.js";
+import C from "../withLocale.js";
+import L from "lodash/get";
 import c from "classnames";
 import { FILTER_CLASS as d } from "../filterClassNames.js";
-import L from "../../../node_modules/@kne/react-intl/node_modules/react-intl/lib/src/components/useIntl.js";
-import "../../../node_modules/@kne/react-intl/node_modules/react-intl/lib/index.js";
-const y = ({ list: s }) => {
-  const { value: a, onChange: o } = F();
-  return /* @__PURE__ */ e(n, { gap: 8, children: s.map((r, i) => {
-    const l = r.type;
-    return /* @__PURE__ */ p(n, { gap: 16, align: "center", children: [
-      /* @__PURE__ */ p("div", { className: c(m["filter-label"], d.label), children: [
-        r.props.label,
+const N = ({ list: p }) => {
+  const { value: l, onChange: o } = b();
+  return /* @__PURE__ */ r(n, { gap: 8, children: p.map((e, i) => {
+    const a = e.type;
+    return /* @__PURE__ */ s(n, { gap: 16, align: "center", children: [
+      /* @__PURE__ */ s("div", { className: c(m["filter-label"], d.label), children: [
+        e.props.label,
         ":"
       ] }),
-      /* @__PURE__ */ e(n, { wrap: !0, align: "center", children: /* @__PURE__ */ e(
-        l,
+      /* @__PURE__ */ r(n, { wrap: !0, align: "center", children: /* @__PURE__ */ r(
+        a,
         {
-          ...r.props,
-          value: a ? C(a.get(r.props.name), "value") : r.props.value,
+          ...e.props,
+          value: l ? L(l.get(e.props.name), "value") : e.props.value,
           onChange: o ? (t) => o({
-            name: r.props.name,
-            label: r.props.label,
+            name: e.props.name,
+            label: e.props.label,
             value: t
-          }) : r.props.onChange
+          }) : e.props.onChange
         }
       ) })
-    ] }, r.key || r.props.name || i);
+    ] }, e.key || e.props.name || i);
   }) });
-}, N = x((s) => {
-  const { formatMessage: a } = L();
-  return /* @__PURE__ */ e(g, { ...s, children: ({ value: o, onChange: r, props: i = {} }) => {
-    const { list: l, more: t } = i;
-    return /* @__PURE__ */ p("div", { children: [
-      /* @__PURE__ */ p(
+}, y = C((p) => {
+  const { formatMessage: l } = F({ moduleName: "Filter" });
+  return /* @__PURE__ */ r(g, { ...p, children: ({ value: o, onChange: e, props: i = {} }) => {
+    const { list: a, more: t } = i;
+    return /* @__PURE__ */ s("div", { children: [
+      /* @__PURE__ */ s(
         n,
         {
           gap: 8,
           vertical: !0,
           className: c(m["filter-advanced"], d.advanced),
           children: [
-            l && l.map((f, u) => /* @__PURE__ */ e(y, { list: f }, u)),
-            t && /* @__PURE__ */ e(
+            a && a.map((f, u) => /* @__PURE__ */ r(N, { list: f }, u)),
+            t && /* @__PURE__ */ r(
               h,
               {
                 className: m["filter-advanced-more"],
-                label: `${a({ id: "moreText" })}:`,
+                label: `${l({ id: "moreText" })}:`,
                 list: [t]
               }
             )
           ]
         }
       ),
-      o && o.length > 0 && /* @__PURE__ */ e(b, { value: o, onChange: r })
+      o && o.length > 0 && /* @__PURE__ */ r(x, { value: o, onChange: e })
     ] });
   } });
 });
-N.fields = v;
+y.fields = v;
 export {
   v as advancedFields,
-  N as default
+  y as default
 };
 //# sourceMappingURL=index.js.map

package/dist/components/ReactFilter/AdvancedFilter/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/ReactFilter/AdvancedFilter/index.jsx"],"sourcesContent":["// @ts-nocheck\nimport FilterOuter from '../FilterOuter';\nimport FilterLines from '../FilterLines';\nimport { Flex } from 'antd';\nimport advancedFields from './fields';\nimport { useIntl } from '@kne/react-intl';\nimport { useContext } from '../context';\nimport style from '../style.module.scss';\nimport FilterValueDisplay from '../FilterValueDisplay';\nimport withLocale from '../withLocale';\nimport get from 'lodash/get';\nimport classnames from 'classnames';\nimport { FILTER_CLASS } from '../filterClassNames';\n\nconst Line = ({ list }) => {\n  const { value, onChange } = useContext();\n  return (\n    <Flex gap={8}>\n      {list.map((item, index) => {\n        const ComponentItem = item.type;\n        return (\n          <Flex gap={16} key={item.key || item.props.name || index} align=\"center\">\n            <div className={classnames(style['filter-label'], FILTER_CLASS.label)}>\n              {item.props.label}:\n            </div>\n            <Flex wrap={true} align=\"center\">\n              <ComponentItem\n                {...item.props}\n                value={value ? get(value.get(item.props.name), 'value') : item.props.value}\n                onChange={\n                  onChange\n                    ? (value) =>\n                        onChange({\n                          name: item.props.name,\n                          label: item.props.label,\n                          value,\n                        })\n                    : item.props.onChange\n                }\n              />\n            </Flex>\n          </Flex>\n        );\n      })}\n    </Flex>\n  );\n};\n\nconst AdvancedFilter = withLocale((props) => {\n  const { formatMessage } = useIntl({ moduleName: 'Filter' });\n  return (\n    <FilterOuter {...props}>\n      {({ value, onChange, props: filterProps = {} }) => {\n        const { list, more } = filterProps;\n        return (\n          <div>\n            <Flex\n              gap={8}\n              vertical\n              className={classnames(style['filter-advanced'], FILTER_CLASS.advanced)}\n            >\n              {list &&\n                list.map((item, index) => {\n                  return <Line key={index} list={item} />;\n                })}\n              {more && (\n                <FilterLines\n                  className={style['filter-advanced-more']}\n                  label={`${formatMessage({ id: 'moreText' })}:`}\n                  list={[more]}\n                />\n              )}\n            </Flex>\n            {value && value.length > 0 && <FilterValueDisplay value={value} onChange={onChange} />}\n          </div>\n        );\n      }}\n    </FilterOuter>\n  );\n});\n\nAdvancedFilter.fields = advancedFields;\nexport default AdvancedFilter;\n\nexport { advancedFields };\n"],"names":["Line","list","value","onChange","useContext","jsx","Flex","item","index","ComponentItem","jsxs","classnames","style","FILTER_CLASS","get","AdvancedFilter","withLocale","props","formatMessage","useIntl","FilterOuter","filterProps","more","FilterLines","FilterValueDisplay","advancedFields"],"mappings":";;;;;;;;;;;;;;;AAcA,MAAMA,IAAO,CAAC,EAAE,MAAAC,QAAW;AACzB,QAAM,EAAE,OAAAC,GAAO,UAAAC,EAAA,IAAaC,EAAA;AAC5B,SACE,gBAAAC,EAACC,KAAK,KAAK,GACR,YAAK,IAAI,CAACC,GAAMC,MAAU;AACzB,UAAMC,IAAgBF,EAAK;AAC3B,WACE,gBAAAG,EAACJ,GAAA,EAAK,KAAK,IAA+C,OAAM,UAC9D,UAAA;AAAA,MAAA,gBAAAI,EAAC,OAAA,EAAI,WAAWC,EAAWC,EAAM,cAAc,GAAGC,EAAa,KAAK,GACjE,UAAA;AAAA,QAAAN,EAAK,MAAM;AAAA,QAAM;AAAA,MAAA,GACpB;AAAA,MACA,gBAAAF,EAACC,GAAA,EAAK,MAAM,IAAM,OAAM,UACtB,UAAA,gBAAAD;AAAA,QAACI;AAAA,QAAA;AAAA,UACE,GAAGF,EAAK;AAAA,UACT,OAAOL,IAAQY,EAAIZ,EAAM,IAAIK,EAAK,MAAM,IAAI,GAAG,OAAO,IAAIA,EAAK,MAAM;AAAA,UACrE,UACEJ,IACI,CAACD,MACCC,EAAS;AAAA,YACP,MAAMI,EAAK,MAAM;AAAA,YACjB,OAAOA,EAAK,MAAM;AAAA,YAClB,OAAAL;AAAAA,UAAA,CACD,IACHK,EAAK,MAAM;AAAA,QAAA;AAAA,MAAA,EAEnB,CACF;AAAA,IAAA,EAAA,GAnBkBA,EAAK,OAAOA,EAAK,MAAM,QAAQC,CAoBnD;AAAA,EAEJ,CAAC,EAAA,CACH;AAEJ,GAEMO,IAAiBC,EAAW,CAACC,MAAU;AAC3C,QAAM,EAAE,eAAAC,MAAkBC,EAAgC;AAC1D,SACE,gBAAAd,EAACe,GAAA,EAAa,GAAGH,GACd,UAAA,CAAC,EAAE,OAAAf,GAAO,UAAAC,GAAU,OAAOkB,IAAc,CAAA,EAAC,MAAQ;AACjD,UAAM,EAAE,MAAApB,GAAM,MAAAqB,EAAA,IAASD;AACvB,6BACG,OAAA,EACC,UAAA;AAAA,MAAA,gBAAAX;AAAA,QAACJ;AAAA,QAAA;AAAA,UACC,KAAK;AAAA,UACL,UAAQ;AAAA,UACR,WAAWK,EAAWC,EAAM,iBAAiB,GAAGC,EAAa,QAAQ;AAAA,UAEpE,UAAA;AAAA,YAAAZ,KACCA,EAAK,IAAI,CAACM,GAAMC,MACP,gBAAAH,EAACL,GAAA,EAAiB,MAAMO,EAAA,GAAbC,CAAmB,CACtC;AAAA,YACFc,KACC,gBAAAjB;AAAA,cAACkB;AAAA,cAAA;AAAA,gBACC,WAAWX,EAAM,sBAAsB;AAAA,gBACvC,OAAO,GAAGM,EAAc,EAAE,IAAI,WAAA,CAAY,CAAC;AAAA,gBAC3C,MAAM,CAACI,CAAI;AAAA,cAAA;AAAA,YAAA;AAAA,UACb;AAAA,QAAA;AAAA,MAAA;AAAA,MAGHpB,KAASA,EAAM,SAAS,KAAK,gBAAAG,EAACmB,GAAA,EAAmB,OAAAtB,GAAc,UAAAC,EAAA,CAAoB;AAAA,IAAA,GACtF;AAAA,EAEJ,GACF;AAEJ,CAAC;AAEDY,EAAe,SAASU;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/ReactFilter/AdvancedFilter/index.jsx"],"sourcesContent":["// @ts-nocheck\nimport FilterOuter from '../FilterOuter';\nimport FilterLines from '../FilterLines';\nimport { Flex } from 'antd';\nimport advancedFields from './fields';\nimport { useIntl } from '@kne/react-intl';\nimport { useContext } from '../context';\nimport style from '../style.module.scss';\nimport FilterValueDisplay from '../FilterValueDisplay';\nimport withLocale from '../withLocale';\nimport get from 'lodash/get';\nimport classnames from 'classnames';\nimport { FILTER_CLASS } from '../filterClassNames';\n\nconst Line = ({ list }) => {\n  const { value, onChange } = useContext();\n  return (\n    <Flex gap={8}>\n      {list.map((item, index) => {\n        const ComponentItem = item.type;\n        return (\n          <Flex gap={16} key={item.key || item.props.name || index} align=\"center\">\n            <div className={classnames(style['filter-label'], FILTER_CLASS.label)}>\n              {item.props.label}:\n            </div>\n            <Flex wrap={true} align=\"center\">\n              <ComponentItem\n                {...item.props}\n                value={value ? get(value.get(item.props.name), 'value') : item.props.value}\n                onChange={\n                  onChange\n                    ? (value) =>\n                        onChange({\n                          name: item.props.name,\n                          label: item.props.label,\n                          value,\n                        })\n                    : item.props.onChange\n                }\n              />\n            </Flex>\n          </Flex>\n        );\n      })}\n    </Flex>\n  );\n};\n\nconst AdvancedFilter = withLocale((props) => {\n  const { formatMessage } = useIntl({ moduleName: 'Filter' });\n  return (\n    <FilterOuter {...props}>\n      {({ value, onChange, props: filterProps = {} }) => {\n        const { list, more } = filterProps;\n        return (\n          <div>\n            <Flex\n              gap={8}\n              vertical\n              className={classnames(style['filter-advanced'], FILTER_CLASS.advanced)}\n            >\n              {list &&\n                list.map((item, index) => {\n                  return <Line key={index} list={item} />;\n                })}\n              {more && (\n                <FilterLines\n                  className={style['filter-advanced-more']}\n                  label={`${formatMessage({ id: 'moreText' })}:`}\n                  list={[more]}\n                />\n              )}\n            </Flex>\n            {value && value.length > 0 && <FilterValueDisplay value={value} onChange={onChange} />}\n          </div>\n        );\n      }}\n    </FilterOuter>\n  );\n});\n\nAdvancedFilter.fields = advancedFields;\nexport default AdvancedFilter;\n\nexport { advancedFields };\n"],"names":["Line","list","value","onChange","useContext","jsx","Flex","item","index","ComponentItem","jsxs","classnames","style","FILTER_CLASS","get","AdvancedFilter","withLocale","props","formatMessage","useIntl","FilterOuter","filterProps","more","FilterLines","FilterValueDisplay","advancedFields"],"mappings":";;;;;;;;;;;;;AAcA,MAAMA,IAAO,CAAC,EAAE,MAAAC,QAAW;AACzB,QAAM,EAAE,OAAAC,GAAO,UAAAC,EAAA,IAAaC,EAAA;AAC5B,SACE,gBAAAC,EAACC,KAAK,KAAK,GACR,YAAK,IAAI,CAACC,GAAMC,MAAU;AACzB,UAAMC,IAAgBF,EAAK;AAC3B,WACE,gBAAAG,EAACJ,GAAA,EAAK,KAAK,IAA+C,OAAM,UAC9D,UAAA;AAAA,MAAA,gBAAAI,EAAC,OAAA,EAAI,WAAWC,EAAWC,EAAM,cAAc,GAAGC,EAAa,KAAK,GACjE,UAAA;AAAA,QAAAN,EAAK,MAAM;AAAA,QAAM;AAAA,MAAA,GACpB;AAAA,MACA,gBAAAF,EAACC,GAAA,EAAK,MAAM,IAAM,OAAM,UACtB,UAAA,gBAAAD;AAAA,QAACI;AAAA,QAAA;AAAA,UACE,GAAGF,EAAK;AAAA,UACT,OAAOL,IAAQY,EAAIZ,EAAM,IAAIK,EAAK,MAAM,IAAI,GAAG,OAAO,IAAIA,EAAK,MAAM;AAAA,UACrE,UACEJ,IACI,CAACD,MACCC,EAAS;AAAA,YACP,MAAMI,EAAK,MAAM;AAAA,YACjB,OAAOA,EAAK,MAAM;AAAA,YAClB,OAAAL;AAAAA,UAAA,CACD,IACHK,EAAK,MAAM;AAAA,QAAA;AAAA,MAAA,EAEnB,CACF;AAAA,IAAA,EAAA,GAnBkBA,EAAK,OAAOA,EAAK,MAAM,QAAQC,CAoBnD;AAAA,EAEJ,CAAC,EAAA,CACH;AAEJ,GAEMO,IAAiBC,EAAW,CAACC,MAAU;AAC3C,QAAM,EAAE,eAAAC,EAAA,IAAkBC,EAAQ,EAAE,YAAY,UAAU;AAC1D,SACE,gBAAAd,EAACe,GAAA,EAAa,GAAGH,GACd,UAAA,CAAC,EAAE,OAAAf,GAAO,UAAAC,GAAU,OAAOkB,IAAc,CAAA,EAAC,MAAQ;AACjD,UAAM,EAAE,MAAApB,GAAM,MAAAqB,EAAA,IAASD;AACvB,6BACG,OAAA,EACC,UAAA;AAAA,MAAA,gBAAAX;AAAA,QAACJ;AAAA,QAAA;AAAA,UACC,KAAK;AAAA,UACL,UAAQ;AAAA,UACR,WAAWK,EAAWC,EAAM,iBAAiB,GAAGC,EAAa,QAAQ;AAAA,UAEpE,UAAA;AAAA,YAAAZ,KACCA,EAAK,IAAI,CAACM,GAAMC,MACP,gBAAAH,EAACL,GAAA,EAAiB,MAAMO,EAAA,GAAbC,CAAmB,CACtC;AAAA,YACFc,KACC,gBAAAjB;AAAA,cAACkB;AAAA,cAAA;AAAA,gBACC,WAAWX,EAAM,sBAAsB;AAAA,gBACvC,OAAO,GAAGM,EAAc,EAAE,IAAI,WAAA,CAAY,CAAC;AAAA,gBAC3C,MAAM,CAACI,CAAI;AAAA,cAAA;AAAA,YAAA;AAAA,UACb;AAAA,QAAA;AAAA,MAAA;AAAA,MAGHpB,KAASA,EAAM,SAAS,KAAK,gBAAAG,EAACmB,GAAA,EAAmB,OAAAtB,GAAc,UAAAC,EAAA,CAAoB;AAAA,IAAA,GACtF;AAAA,EAEJ,GACF;AAEJ,CAAC;AAEDY,EAAe,SAASU;"}

package/dist/components/ReactFilter/FilterLines.js

@@ -1,25 +1,23 @@
-import { jsxs as f, Fragment as F, jsx as l } from "react/jsx-runtime";
+import { jsxs as f, Fragment as y, jsx as t } from "react/jsx-runtime";
 import { useMemo as V, useState as oe, useCallback as b, createElement as ae } from "react";
 import s from "classnames";
 import e from "./style.module.scss.js";
 import { Space as u, Row as ce, Col as W } from "antd";
-import "../../node_modules/@kne/react-intl/dist/index.modern.js";
-import { useContext as me } from "./context.js";
-import $ from "../../_virtual/get.js";
-import fe from "./hooks/useFilterIsMobile.js";
-import de from "./hooks/useHorizontalScrollShadows.js";
-import ue from "./hooks/useVisibleItemCount.js";
-import { normalizeFilterList as he, getMobileFilterList as pe } from "./normalizeFilterList.js";
+import { useIntl as me } from "@kne/react-intl";
+import { useContext as fe } from "./context.js";
+import $ from "lodash/get";
+import de from "./hooks/useFilterIsMobile.js";
+import ue from "./hooks/useHorizontalScrollShadows.js";
+import he from "./hooks/useVisibleItemCount.js";
+import { normalizeFilterList as pe, getMobileFilterList as be } from "./normalizeFilterList.js";
 import { FILTER_CLASS as r } from "./filterClassNames.js";
-import be from "../../node_modules/@kne/react-intl/node_modules/react-intl/lib/src/components/useIntl.js";
-import "../../node_modules/@kne/react-intl/node_modules/react-intl/lib/index.js";
 const P = (c) => !!c && (c.type || typeof c == "function"), U = () => {
-  const { value: c, onChange: o } = me();
+  const { value: c, onChange: o } = fe();
   return b(
-    (i, g) => {
+    (i, N) => {
       if (typeof i == "function")
         return i((n) => ({
-          index: g,
+          index: N,
           value: c ? $(c.get(n == null ? void 0 : n.name), "value") : n == null ? void 0 : n.value,
           onChange: o ? (C) => o({
             name: n == null ? void 0 : n.name,
@@ -39,20 +37,20 @@ const P = (c) => !!c && (c.type || typeof c == "function"), U = () => {
               value: n
             }) : i.props.onChange
           }),
-          key: i.key || i.props.name || g
+          key: i.key || i.props.name || N
         }
       );
     },
     [o, c]
   );
-}, M = ({ list: c, children: o, innerRef: i, nowrap: g }) => {
+}, M = ({ list: c, children: o, innerRef: i, nowrap: N }) => {
   const v = U();
   return /* @__PURE__ */ f(
     "div",
     {
       ref: i,
       className: s(e["filter-line"], r.line, {
-        [e["filter-line-nowrap"]]: g
+        [e["filter-line-nowrap"]]: N
       }),
       children: [
         c.filter(P).map((n, C) => v(n, C)),
@@ -60,71 +58,71 @@ const P = (c) => !!c && (c.type || typeof c == "function"), U = () => {
       ]
     }
   );
-}, ge = ({ onClick: c, toggleUpText: o }) => /* @__PURE__ */ f(F, { children: [
-  /* @__PURE__ */ l(u, { size: 4, className: s(e["un-expand-shadow"]), children: /* @__PURE__ */ f(
+}, Ne = ({ onClick: c, toggleUpText: o }) => /* @__PURE__ */ f(y, { children: [
+  /* @__PURE__ */ t(u, { size: 4, className: s(e["un-expand-shadow"]), children: /* @__PURE__ */ f(
     u,
     {
       size: 4,
       className: s(e.option, e["filter-item"], r.item),
       children: [
         o,
-        /* @__PURE__ */ l("span", { className: e["filter-item-option-icon"], children: "▲" })
+        /* @__PURE__ */ t("span", { className: e["filter-item-option-icon"], children: "▲" })
       ]
     }
   ) }),
-  /* @__PURE__ */ l(u, { size: 4, className: s(e["un-expand"]), onClick: c, children: /* @__PURE__ */ f(
+  /* @__PURE__ */ t(u, { size: 4, className: s(e["un-expand"]), onClick: c, children: /* @__PURE__ */ f(
     u,
     {
       size: 4,
       className: s(e.option, e["filter-item"], r.item),
       children: [
         o,
-        /* @__PURE__ */ l("span", { className: e["filter-item-option-icon"], children: "▲" })
+        /* @__PURE__ */ t("span", { className: e["filter-item-option-icon"], children: "▲" })
       ]
     }
   ) })
-] }), Ee = ({
+] }), Re = ({
   className: c,
   list: o = [],
   displayLine: i = 1,
-  label: g,
+  label: N,
   extra: v,
   children: n,
   visibleCountStrategy: C = "asc"
 }) => {
-  const { mode: A, items: N, lines: I } = V(() => he(o), [o]), D = V(() => pe(o), [o]), a = A === "flat", [p, H] = oe(!1), m = fe(), { scrollRef: h, showScrollPrev: S, showScrollNext: K } = de({
+  const { mode: A, items: g, lines: I } = V(() => pe(o), [o]), D = V(() => be(o), [o]), a = A === "flat", [p, H] = oe(!1), m = de(), { scrollRef: h, showScrollPrev: S, showScrollNext: K } = ue({
     enabled: m,
     refreshKey: o
-  }), { setContainerRef: k, setMeasureRef: O, setMoreMeasureRef: _, visibleCount: L, ready: R } = ue({
-    items: N,
+  }), { setContainerRef: k, setMeasureRef: O, setMoreMeasureRef: _, visibleCount: L, ready: R } = he({
+    items: g,
     enabled: !m && a,
     strategy: C
-  }), q = U(), { formatMessage: x } = be(), z = a && R && L < N.length, G = a ? p || !R ? N : N.slice(0, L) : [], J = a && !p, T = !a && I.length > i, Q = a ? z : T, X = a ? [] : I.slice(0, i), E = a ? [] : I.slice(i), Y = a ? N.length > 0 : I.length > 0, Z = b(
-    (t) => {
-      h.current = t;
+  }), q = U(), { formatMessage: x } = me({ moduleName: "Filter" }), z = a && R && L < g.length, G = a ? p || !R ? g : g.slice(0, L) : [], J = a && !p, T = !a && I.length > i, Q = a ? z : T, X = a ? [] : I.slice(0, i), E = a ? [] : I.slice(i), Y = a ? g.length > 0 : I.length > 0, Z = b(
+    (l) => {
+      h.current = l;
     },
     [h]
   ), ee = b(
-    (t) => {
-      k(!m && a ? t : null);
+    (l) => {
+      k(!m && a ? l : null);
     },
     [a, m, k]
-  ), te = b(() => {
-    const t = h.current;
-    t && t.scrollTo({
-      left: t.scrollLeft + t.clientWidth * 0.8,
+  ), le = b(() => {
+    const l = h.current;
+    l && l.scrollTo({
+      left: l.scrollLeft + l.clientWidth * 0.8,
       behavior: "smooth"
     });
-  }, [h]), le = b(() => {
-    const t = h.current;
-    t && t.scrollTo({
-      left: Math.max(t.scrollLeft - t.clientWidth * 0.8, 0),
+  }, [h]), te = b(() => {
+    const l = h.current;
+    l && l.scrollTo({
+      left: Math.max(l.scrollLeft - l.clientWidth * 0.8, 0),
       behavior: "smooth"
     });
   }, [h]), ne = b(
-    (t) => {
+    (l) => {
       if (!m) return;
-      const d = h.current, w = t.target.closest(`.${r.itemWrap}`) || t.target.closest(`.${e["filter-item-wrap"]}`) || t.target.closest(`.${r.item}`) || t.target.closest(`.${e["filter-item"]}`);
+      const d = h.current, w = l.target.closest(`.${r.itemWrap}`) || l.target.closest(`.${e["filter-item-wrap"]}`) || l.target.closest(`.${r.item}`) || l.target.closest(`.${e["filter-item"]}`);
       !d || !w || w.scrollIntoView({
         behavior: "smooth",
         block: "nearest",
@@ -132,12 +130,12 @@ const P = (c) => !!c && (c.type || typeof c == "function"), U = () => {
       });
     },
     [m, h]
-  ), y = b(() => {
-    H((t) => !t);
-  }, []), j = /* @__PURE__ */ f(F, { children: [
+  ), F = b(() => {
+    H((l) => !l);
+  }, []), j = /* @__PURE__ */ f(y, { children: [
     x({ id: "moreText" }),
-    /* @__PURE__ */ l("span", { className: e["filter-item-option-icon"], children: "▼" })
-  ] }), B = /* @__PURE__ */ l(
+    /* @__PURE__ */ t("span", { className: e["filter-item-option-icon"], children: "▼" })
+  ] }), B = /* @__PURE__ */ t(
     u,
     {
       size: 4,
@@ -147,7 +145,7 @@ const P = (c) => !!c && (c.type || typeof c == "function"), U = () => {
         r.item,
         r.more
       ),
-      onClick: y,
+      onClick: F,
       children: j
     }
   ), re = /* @__PURE__ */ f(
@@ -160,23 +158,23 @@ const P = (c) => !!c && (c.type || typeof c == "function"), U = () => {
         r.item,
         r.more
       ),
-      onClick: y,
+      onClick: F,
       children: [
         x({ id: "toggleUpText" }),
-        /* @__PURE__ */ l("span", { className: e["filter-item-option-icon"], children: "▲" })
+        /* @__PURE__ */ t("span", { className: e["filter-item-option-icon"], children: "▲" })
       ]
     }
   ), ie = () => a ? /* @__PURE__ */ f(M, { list: G, nowrap: J, children: [
-    z && !p ? /* @__PURE__ */ l("span", { "data-filter-more": !0, children: B }) : null,
-    z && p ? /* @__PURE__ */ l("span", { "data-filter-more": !0, children: re }) : null
-  ] }) : X.map((t, d) => /* @__PURE__ */ l(M, { list: t, children: T && !p && d === i - 1 ? B : null }, d)), se = () => a ? null : E.map((t, d) => /* @__PURE__ */ l(M, { list: t, children: d === E.length - 1 ? /* @__PURE__ */ l(
-    ge,
+    z && !p ? /* @__PURE__ */ t("span", { "data-filter-more": !0, children: B }) : null,
+    z && p ? /* @__PURE__ */ t("span", { "data-filter-more": !0, children: re }) : null
+  ] }) : X.map((l, d) => /* @__PURE__ */ t(M, { list: l, children: T && !p && d === i - 1 ? B : null }, d)), se = () => a ? null : E.map((l, d) => /* @__PURE__ */ t(M, { list: l, children: d === E.length - 1 ? /* @__PURE__ */ t(
+    Ne,
     {
-      onClick: y,
+      onClick: F,
       toggleUpText: x({ id: "toggleUpText" })
     }
   ) : null }, d));
-  return /* @__PURE__ */ f(F, { children: [
+  return /* @__PURE__ */ f(y, { children: [
     /* @__PURE__ */ f(
       u,
       {
@@ -184,9 +182,9 @@ const P = (c) => !!c && (c.type || typeof c == "function"), U = () => {
         align: "top",
         size: 16,
         children: [
-          /* @__PURE__ */ l("span", { className: s(e["filter-label"], r.label), children: Y && (g || x({ id: "filterText" })) }),
+          /* @__PURE__ */ t("span", { className: s(e["filter-label"], r.label), children: Y && (N || x({ id: "filterText" })) }),
           /* @__PURE__ */ f(ce, { justify: "space-between", wrap: !1, align: "top", children: [
-            /* @__PURE__ */ l(W, { className: s(e["filter-list"], r.list), flex: 1, children: /* @__PURE__ */ f(
+            /* @__PURE__ */ t(W, { className: s(e["filter-list"], r.list), flex: 1, children: /* @__PURE__ */ f(
               "div",
               {
                 ref: ee,
@@ -207,11 +205,11 @@ const P = (c) => !!c && (c.type || typeof c == "function"), U = () => {
                       ),
                       "aria-hidden": !0,
                       children: [
-                        N.filter(P).map((t, d) => {
+                        g.filter(P).map((l, d) => {
                           var w;
-                          return /* @__PURE__ */ l("div", { "data-filter-measure-item": !0, children: q(t, d) }, t.key || ((w = t.props) == null ? void 0 : w.name) || d);
+                          return /* @__PURE__ */ t("div", { "data-filter-measure-item": !0, children: q(l, d) }, l.key || ((w = l.props) == null ? void 0 : w.name) || d);
                         }),
-                        /* @__PURE__ */ l("div", { ref: _, "data-filter-measure-more": !0, children: /* @__PURE__ */ l(
+                        /* @__PURE__ */ t("div", { ref: _, "data-filter-measure-more": !0, children: /* @__PURE__ */ t(
                           u,
                           {
                             size: 4,
@@ -227,44 +225,44 @@ const P = (c) => !!c && (c.type || typeof c == "function"), U = () => {
                       ]
                     }
                   ) : null,
-                  m && S ? /* @__PURE__ */ l(
+                  m && S ? /* @__PURE__ */ t(
                     "button",
                     {
                       type: "button",
                       className: e["filter-scroll-prev"],
-                      onClick: le,
+                      onClick: te,
                       "aria-label": "scroll prev",
-                      children: /* @__PURE__ */ l("span", { className: e["filter-scroll-prev-icon"], children: "‹" })
+                      children: /* @__PURE__ */ t("span", { className: e["filter-scroll-prev-icon"], children: "‹" })
                     }
                   ) : null,
-                  /* @__PURE__ */ l(
+                  /* @__PURE__ */ t(
                     "div",
                     {
                       className: s(e["filter-list-scroll"], r.listScroll),
                       ref: Z,
                       onClick: ne,
-                      children: m ? D.map((t, d) => /* @__PURE__ */ l(M, { list: [t] }, d)) : ie()
+                      children: m ? D.map((l, d) => /* @__PURE__ */ t(M, { list: [l] }, d)) : ie()
                     }
                   ),
-                  m && K ? /* @__PURE__ */ l(
+                  m && K ? /* @__PURE__ */ t(
                     "button",
                     {
                       type: "button",
                       className: e["filter-scroll-next"],
-                      onClick: te,
+                      onClick: le,
                       "aria-label": "scroll next",
-                      children: /* @__PURE__ */ l("span", { className: e["filter-scroll-next-icon"], children: "›" })
+                      children: /* @__PURE__ */ t("span", { className: e["filter-scroll-next-icon"], children: "›" })
                     }
                   ) : null
                 ]
               }
             ) }),
-            /* @__PURE__ */ l(W, { className: r.extra, children: v })
+            /* @__PURE__ */ t(W, { className: r.extra, children: v })
           ] })
         ]
       }
     ),
-    n ? /* @__PURE__ */ l(
+    n ? /* @__PURE__ */ t(
       u,
       {
         className: s(e["filter-title"], r.children),
@@ -282,14 +280,14 @@ const P = (c) => !!c && (c.type || typeof c == "function"), U = () => {
         align: "top",
         size: 16,
         children: [
-          /* @__PURE__ */ l("span", { className: s(e["filter-label"], r.label), children: x({ id: "moreText" }) }),
-          /* @__PURE__ */ l("div", { className: s(e["filter-list"], r.list), children: se() })
+          /* @__PURE__ */ t("span", { className: s(e["filter-label"], r.label), children: x({ id: "moreText" }) }),
+          /* @__PURE__ */ t("div", { className: s(e["filter-list"], r.list), children: se() })
         ]
       }
     )
   ] });
 };
 export {
-  Ee as default
+  Re as default
 };
 //# sourceMappingURL=FilterLines.js.map