@hkyhy/marsun-components-core 0.1.42 → 0.1.44

package/dist/components/OrgTree/OrgTree.js

@@ -1,99 +1,113 @@
-import { jsx as a, jsxs as c } from "react/jsx-runtime";
-import { Plus as C, Pencil as E, Trash2 as K } from "../Icons/index.js";
-import { Spin as w, Tree as S, Tooltip as j, Space as v, Button as p, Popconfirm as I } from "antd";
-import l from "classnames";
-import { useMemo as B, useState as L, useEffect as M } from "react";
-import i from "./style.module.scss.js";
-function P(t) {
-  var o;
-  const n = [];
-  for (const s of t)
-    n.push(s.id), (o = s.children) != null && o.length && n.push(...P(s.children));
-  return n;
+import { jsx as t, jsxs as u } from "react/jsx-runtime";
+import { Plus as K, Pencil as S, Trash2 as w } from "../Icons/index.js";
+import { Spin as j, Tree as v, Tooltip as B, Space as L, Button as p, Popconfirm as M } from "antd";
+import o from "classnames";
+import { useMemo as O, useState as q, useEffect as A } from "react";
+import c from "./style.module.scss.js";
+function T(a) {
+  var l;
+  const i = [];
+  for (const n of a)
+    i.push(n.id), (l = n.children) != null && l.length && i.push(...T(n.children));
+  return i;
 }
-const J = ({
-  nodes: t,
-  loading: n = !1,
-  editable: o = !1,
-  className: s,
-  onAdd: u,
+function k(a, i) {
+  var l;
+  for (const n of a) {
+    if (n.id === i)
+      return { id: n.id, name: n.name, parentId: n.parentId ?? null };
+    if ((l = n.children) != null && l.length) {
+      const m = k(n.children, i);
+      if (m) return m;
+    }
+  }
+  return null;
+}
+const R = ({
+  nodes: a,
+  loading: i = !1,
+  editable: l = !1,
+  className: n,
+  selectedKeys: m,
+  onSelect: f,
+  onAdd: d,
   onEdit: g,
   onDelete: h,
-  deleteConfirmTitle: k = "确认删除该节点？",
-  deleteOkText: f = "删除",
-  deleteOkType: z = "danger"
+  deleteConfirmTitle: b = "确认删除该节点？",
+  deleteOkText: x = "删除",
+  deleteOkType: C = "danger"
 }) => {
-  const d = B(() => P(t), [t]), [T, x] = L([]);
-  M(() => {
-    x(d);
-  }, [d]);
-  const y = (m) => m.map((e) => {
-    var N;
+  const y = O(() => T(a), [a]), [E, N] = q([]);
+  A(() => {
+    N(y);
+  }, [y]);
+  const P = (s) => s.map((r) => {
+    var z;
     return {
-      key: e.id,
-      title: /* @__PURE__ */ c("div", { className: l("marsun-org-tree-row", i["marsun-org-tree-row"]), children: [
-        /* @__PURE__ */ a(j, { title: e.name, children: /* @__PURE__ */ c("span", { className: l("marsun-org-tree-name", i["marsun-org-tree-name"]), children: [
-          e.name,
-          e.nameExtra ? /* @__PURE__ */ a(
+      key: r.id,
+      title: /* @__PURE__ */ u("div", { className: o("marsun-org-tree-row", c["marsun-org-tree-row"]), children: [
+        /* @__PURE__ */ t(B, { title: r.name, children: /* @__PURE__ */ u("span", { className: o("marsun-org-tree-name", c["marsun-org-tree-name"]), children: [
+          r.name,
+          r.nameExtra ? /* @__PURE__ */ t(
             "span",
             {
-              className: l("marsun-org-tree-extra", i["marsun-org-tree-extra"]),
-              children: e.nameExtra
+              className: o("marsun-org-tree-extra", c["marsun-org-tree-extra"]),
+              children: r.nameExtra
             }
           ) : null
         ] }) }),
-        o ? /* @__PURE__ */ c(
-          v,
+        l ? /* @__PURE__ */ u(
+          L,
           {
             size: 0,
-            className: l("marsun-org-tree-actions", i["marsun-org-tree-actions"]),
+            className: o("marsun-org-tree-actions", c["marsun-org-tree-actions"]),
             children: [
-              u ? /* @__PURE__ */ a(
+              d ? /* @__PURE__ */ t(
                 p,
                 {
                   type: "text",
                   size: "small",
                   "aria-label": "添加子节点",
-                  icon: /* @__PURE__ */ a(C, { size: 14 }),
-                  onClick: (r) => {
-                    r.stopPropagation(), u(e.id);
+                  icon: /* @__PURE__ */ t(K, { size: 14 }),
+                  onClick: (e) => {
+                    e.stopPropagation(), d(r.id);
                   }
                 }
               ) : null,
-              g ? /* @__PURE__ */ a(
+              g ? /* @__PURE__ */ t(
                 p,
                 {
                   type: "text",
                   size: "small",
                   "aria-label": "编辑",
-                  icon: /* @__PURE__ */ a(E, { size: 14 }),
-                  onClick: (r) => {
-                    r.stopPropagation(), g({
-                      id: e.id,
-                      name: e.name,
-                      parentId: e.parentId ?? null
+                  icon: /* @__PURE__ */ t(S, { size: 14 }),
+                  onClick: (e) => {
+                    e.stopPropagation(), g({
+                      id: r.id,
+                      name: r.name,
+                      parentId: r.parentId ?? null
                     });
                   }
                 }
               ) : null,
-              h ? /* @__PURE__ */ a(
-                I,
+              h ? /* @__PURE__ */ t(
+                M,
                 {
-                  title: k,
-                  okText: f,
-                  okType: z,
+                  title: b,
+                  okText: x,
+                  okType: C,
                   cancelText: "取消",
-                  onConfirm: (r) => (r == null || r.stopPropagation(), h({ id: e.id, name: e.name })),
-                  onCancel: (r) => r == null ? void 0 : r.stopPropagation(),
-                  children: /* @__PURE__ */ a(
+                  onConfirm: (e) => (e == null || e.stopPropagation(), h({ id: r.id, name: r.name })),
+                  onCancel: (e) => e == null ? void 0 : e.stopPropagation(),
+                  children: /* @__PURE__ */ t(
                     p,
                     {
                       type: "text",
                       size: "small",
                       danger: !0,
-                      "aria-label": f,
-                      icon: /* @__PURE__ */ a(K, { size: 14 }),
-                      onClick: (r) => r.stopPropagation()
+                      "aria-label": x,
+                      icon: /* @__PURE__ */ t(w, { size: 14 }),
+                      onClick: (e) => e.stopPropagation()
                     }
                   )
                 }
@@ -102,22 +116,28 @@ const J = ({
           }
         ) : null
       ] }),
-      children: (N = e.children) != null && N.length ? y(e.children) : void 0
+      children: (z = r.children) != null && z.length ? P(r.children) : void 0
     };
-  }), b = y(t);
-  return /* @__PURE__ */ a(w, { spinning: n, children: /* @__PURE__ */ a(
-    S,
+  }), I = P(a);
+  return /* @__PURE__ */ t(j, { spinning: i, children: /* @__PURE__ */ t(
+    v,
     {
-      className: l("marsun-org-tree", i["marsun-org-tree"], s),
-      treeData: b,
-      expandedKeys: T,
-      onExpand: (m) => x(m),
+      className: o("marsun-org-tree", c["marsun-org-tree"], n),
+      treeData: I,
+      expandedKeys: E,
+      onExpand: (s) => N(s),
+      selectedKeys: m,
+      onSelect: (s) => {
+        if (!f) return;
+        const r = s[0] != null ? String(s[0]) : "";
+        f(r ? k(a, r) : null);
+      },
       showLine: !0,
       blockNode: !0
     }
   ) });
 };
 export {
-  J as default
+  R as default
 };
 //# sourceMappingURL=OrgTree.js.map

package/dist/components/OrgTree/OrgTree.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrgTree.js","sources":["../../../src/components/OrgTree/OrgTree.tsx"],"sourcesContent":["import { Pencil, Plus, Trash2 } from '../Icons';\nimport { Button, Popconfirm, Space, Spin, Tooltip, Tree } from 'antd';\nimport type { DataNode } from 'antd/es/tree';\nimport classNames from 'classnames';\nimport React, { useEffect, useMemo, useState, type Key, type ReactNode } from 'react';\nimport styles from './style.module.scss';\n\nexport type OrgTreeNode = {\n  id: string;\n  name: string;\n  parentId?: string | null;\n  children?: OrgTreeNode[];\n  /** 名称旁附加文案（如 mapped） */\n  nameExtra?: ReactNode;\n};\n\nexport type OrgTreeProps = {\n  nodes: OrgTreeNode[];\n  loading?: boolean;\n  /** 展示节点内增删改操作 */\n  editable?: boolean;\n  className?: string;\n  onAdd?: (parentId: string) => void;\n  onEdit?: (node: { id: string; name: string; parentId: string | null }) => void;\n  /** 确认删除后回调；由业务执行 API */\n  onDelete?: (node: { id: string; name: string }) => void | Promise<void>;\n  /** 删除确认文案 */\n  deleteConfirmTitle?: string;\n  /** 确认钮文案（软禁用场景可传「禁用」） */\n  deleteOkText?: string;\n  deleteOkType?: 'primary' | 'danger';\n};\n\nfunction collectAllKeys(nodes: OrgTreeNode[]): string[] {\n  const keys: string[] = [];\n  for (const n of nodes) {\n    keys.push(n.id);\n    if (n.children?.length) keys.push(...collectAllKeys(n.children));\n  }\n  return keys;\n}\n\n/**\n * 组织树（对齐 Assets 组织架构行为）：默认展开、节点 hover 增删改。\n * 纯 UI，无业务 API。\n */\nconst OrgTree: React.FC<OrgTreeProps> = ({\n  nodes,\n  loading = false,\n  editable = false,\n  className,\n  onAdd,\n  onEdit,\n  onDelete,\n  deleteConfirmTitle = '确认删除该节点？',\n  deleteOkText = '删除',\n  deleteOkType = 'danger',\n}) => {\n  const allKeys = useMemo(() => collectAllKeys(nodes), [nodes]);\n  const [expandedKeys, setExpandedKeys] = useState<Key[]>([]);\n\n  useEffect(() => {\n    setExpandedKeys(allKeys);\n  }, [allKeys]);\n\n  const buildTreeNodes = (list: OrgTreeNode[]): DataNode[] =>\n    list.map((node) => ({\n      key: node.id,\n      title: (\n        <div className={classNames('marsun-org-tree-row', styles['marsun-org-tree-row'])}>\n          <Tooltip title={node.name}>\n            <span className={classNames('marsun-org-tree-name', styles['marsun-org-tree-name'])}>\n              {node.name}\n              {node.nameExtra ? (\n                <span\n                  className={classNames('marsun-org-tree-extra', styles['marsun-org-tree-extra'])}\n                >\n                  {node.nameExtra}\n                </span>\n              ) : null}\n            </span>\n          </Tooltip>\n          {editable ? (\n            <Space\n              size={0}\n              className={classNames('marsun-org-tree-actions', styles['marsun-org-tree-actions'])}\n            >\n              {onAdd ? (\n                <Button\n                  type=\"text\"\n                  size=\"small\"\n                  aria-label=\"添加子节点\"\n                  icon={<Plus size={14} />}\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    onAdd(node.id);\n                  }}\n                />\n              ) : null}\n              {onEdit ? (\n                <Button\n                  type=\"text\"\n                  size=\"small\"\n                  aria-label=\"编辑\"\n                  icon={<Pencil size={14} />}\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    onEdit({\n                      id: node.id,\n                      name: node.name,\n                      parentId: node.parentId ?? null,\n                    });\n                  }}\n                />\n              ) : null}\n              {onDelete ? (\n                <Popconfirm\n                  title={deleteConfirmTitle}\n                  okText={deleteOkText}\n                  okType={deleteOkType}\n                  cancelText=\"取消\"\n                  onConfirm={(e) => {\n                    e?.stopPropagation();\n                    return onDelete({ id: node.id, name: node.name });\n                  }}\n                  onCancel={(e) => e?.stopPropagation()}\n                >\n                  <Button\n                    type=\"text\"\n                    size=\"small\"\n                    danger\n                    aria-label={deleteOkText}\n                    icon={<Trash2 size={14} />}\n                    onClick={(e) => e.stopPropagation()}\n                  />\n                </Popconfirm>\n              ) : null}\n            </Space>\n          ) : null}\n        </div>\n      ),\n      children: node.children?.length ? buildTreeNodes(node.children) : undefined,\n    }));\n\n  const treeData = buildTreeNodes(nodes);\n\n  return (\n    <Spin spinning={loading}>\n      <Tree\n        className={classNames('marsun-org-tree', styles['marsun-org-tree'], className)}\n        treeData={treeData}\n        expandedKeys={expandedKeys}\n        onExpand={(keys) => setExpandedKeys(keys)}\n        showLine\n        blockNode\n      />\n    </Spin>\n  );\n};\n\nexport default OrgTree;\n"],"names":["collectAllKeys","nodes","keys","n","_a","OrgTree","loading","editable","className","onAdd","onEdit","onDelete","deleteConfirmTitle","deleteOkText","deleteOkType","allKeys","useMemo","expandedKeys","setExpandedKeys","useState","useEffect","buildTreeNodes","list","node","classNames","styles","jsx","Tooltip","jsxs","Space","Button","Plus","e","Pencil","Popconfirm","Trash2","treeData","Spin","Tree"],"mappings":"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"}
+{"version":3,"file":"OrgTree.js","sources":["../../../src/components/OrgTree/OrgTree.tsx"],"sourcesContent":["import { Pencil, Plus, Trash2 } from '../Icons';\nimport { Button, Popconfirm, Space, Spin, Tooltip, Tree } from 'antd';\nimport type { DataNode } from 'antd/es/tree';\nimport classNames from 'classnames';\nimport React, { useEffect, useMemo, useState, type Key, type ReactNode } from 'react';\nimport styles from './style.module.scss';\n\nexport type OrgTreeNode = {\n  id: string;\n  name: string;\n  parentId?: string | null;\n  children?: OrgTreeNode[];\n  /** 名称旁附加文案（如 mapped） */\n  nameExtra?: ReactNode;\n};\n\nexport type OrgTreeProps = {\n  nodes: OrgTreeNode[];\n  loading?: boolean;\n  /** 展示节点内增删改操作 */\n  editable?: boolean;\n  className?: string;\n  /** 受控选中（点选节点，如右侧岗位面板） */\n  selectedKeys?: Key[];\n  onSelect?: (node: { id: string; name: string; parentId: string | null } | null) => void;\n  onAdd?: (parentId: string) => void;\n  onEdit?: (node: { id: string; name: string; parentId: string | null }) => void;\n  /** 确认删除后回调；由业务执行 API */\n  onDelete?: (node: { id: string; name: string }) => void | Promise<void>;\n  /** 删除确认文案 */\n  deleteConfirmTitle?: string;\n  /** 确认钮文案（软禁用场景可传「禁用」） */\n  deleteOkText?: string;\n  deleteOkType?: 'primary' | 'danger';\n};\n\nfunction collectAllKeys(nodes: OrgTreeNode[]): string[] {\n  const keys: string[] = [];\n  for (const n of nodes) {\n    keys.push(n.id);\n    if (n.children?.length) keys.push(...collectAllKeys(n.children));\n  }\n  return keys;\n}\n\nfunction findOrgNode(\n  list: OrgTreeNode[],\n  id: string,\n): { id: string; name: string; parentId: string | null } | null {\n  for (const n of list) {\n    if (n.id === id) {\n      return { id: n.id, name: n.name, parentId: n.parentId ?? null };\n    }\n    if (n.children?.length) {\n      const hit = findOrgNode(n.children, id);\n      if (hit) return hit;\n    }\n  }\n  return null;\n}\n\n/**\n * 组织树（对齐 Assets 组织架构行为）：默认展开、节点 hover 增删改。\n * 纯 UI，无业务 API。\n */\nconst OrgTree: React.FC<OrgTreeProps> = ({\n  nodes,\n  loading = false,\n  editable = false,\n  className,\n  selectedKeys,\n  onSelect,\n  onAdd,\n  onEdit,\n  onDelete,\n  deleteConfirmTitle = '确认删除该节点？',\n  deleteOkText = '删除',\n  deleteOkType = 'danger',\n}) => {\n  const allKeys = useMemo(() => collectAllKeys(nodes), [nodes]);\n  const [expandedKeys, setExpandedKeys] = useState<Key[]>([]);\n\n  useEffect(() => {\n    setExpandedKeys(allKeys);\n  }, [allKeys]);\n\n  const buildTreeNodes = (list: OrgTreeNode[]): DataNode[] =>\n    list.map((node) => ({\n      key: node.id,\n      title: (\n        <div className={classNames('marsun-org-tree-row', styles['marsun-org-tree-row'])}>\n          <Tooltip title={node.name}>\n            <span className={classNames('marsun-org-tree-name', styles['marsun-org-tree-name'])}>\n              {node.name}\n              {node.nameExtra ? (\n                <span\n                  className={classNames('marsun-org-tree-extra', styles['marsun-org-tree-extra'])}\n                >\n                  {node.nameExtra}\n                </span>\n              ) : null}\n            </span>\n          </Tooltip>\n          {editable ? (\n            <Space\n              size={0}\n              className={classNames('marsun-org-tree-actions', styles['marsun-org-tree-actions'])}\n            >\n              {onAdd ? (\n                <Button\n                  type=\"text\"\n                  size=\"small\"\n                  aria-label=\"添加子节点\"\n                  icon={<Plus size={14} />}\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    onAdd(node.id);\n                  }}\n                />\n              ) : null}\n              {onEdit ? (\n                <Button\n                  type=\"text\"\n                  size=\"small\"\n                  aria-label=\"编辑\"\n                  icon={<Pencil size={14} />}\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    onEdit({\n                      id: node.id,\n                      name: node.name,\n                      parentId: node.parentId ?? null,\n                    });\n                  }}\n                />\n              ) : null}\n              {onDelete ? (\n                <Popconfirm\n                  title={deleteConfirmTitle}\n                  okText={deleteOkText}\n                  okType={deleteOkType}\n                  cancelText=\"取消\"\n                  onConfirm={(e) => {\n                    e?.stopPropagation();\n                    return onDelete({ id: node.id, name: node.name });\n                  }}\n                  onCancel={(e) => e?.stopPropagation()}\n                >\n                  <Button\n                    type=\"text\"\n                    size=\"small\"\n                    danger\n                    aria-label={deleteOkText}\n                    icon={<Trash2 size={14} />}\n                    onClick={(e) => e.stopPropagation()}\n                  />\n                </Popconfirm>\n              ) : null}\n            </Space>\n          ) : null}\n        </div>\n      ),\n      children: node.children?.length ? buildTreeNodes(node.children) : undefined,\n    }));\n\n  const treeData = buildTreeNodes(nodes);\n\n  return (\n    <Spin spinning={loading}>\n      <Tree\n        className={classNames('marsun-org-tree', styles['marsun-org-tree'], className)}\n        treeData={treeData}\n        expandedKeys={expandedKeys}\n        onExpand={(keys) => setExpandedKeys(keys)}\n        selectedKeys={selectedKeys}\n        onSelect={(keys) => {\n          if (!onSelect) return;\n          const id = keys[0] != null ? String(keys[0]) : '';\n          onSelect(id ? findOrgNode(nodes, id) : null);\n        }}\n        showLine\n        blockNode\n      />\n    </Spin>\n  );\n};\n\nexport default OrgTree;\n"],"names":["collectAllKeys","nodes","keys","_a","findOrgNode","list","id","hit","OrgTree","loading","editable","className","selectedKeys","onSelect","onAdd","onEdit","onDelete","deleteConfirmTitle","deleteOkText","deleteOkType","allKeys","useMemo","expandedKeys","setExpandedKeys","useState","useEffect","buildTreeNodes","node","classNames","styles","jsx","Tooltip","jsxs","Space","Button","Plus","Pencil","Popconfirm","Trash2","treeData","Spin","Tree"],"mappings":"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"}

package/dist/components/ReactFilter/AdvancedFilter/fields/CityFilterItem.d.ts

@@ -0,0 +1,10 @@
+export default CityFilterItem;
+declare const CityFilterItem: import('@kne/react-intl/node_modules/@types/react').ForwardRefExoticComponent<Omit<{
+    [x: string]: any;
+    value: any;
+    onChange: any;
+    single?: boolean | undefined;
+    maxLength?: number | undefined;
+} & {
+    locale?: string;
+}, "ref"> & import('@kne/react-intl/node_modules/@types/react').RefAttributes<any>>;

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

@@ -0,0 +1,88 @@
+import { jsxs as a, jsx as m } from "react/jsx-runtime";
+import { App as g, Space as j, Tag as k } from "antd";
+import { SelectAddress as u, createAddressApi as z } from "@kne/super-select-plus";
+import "@kne/super-select-plus/dist/index.css";
+import "../../../../node_modules/@kne/react-intl/dist/index.modern.js";
+import { useState as N, useEffect as T, useMemo as M } from "react";
+import P from "../../withLocale.js";
+import D from "../../hooks/useFilterPopupContainer.js";
+import h from "../../style.module.scss.js";
+import C 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: A } = k, E = (e, o) => o === "en-US" && (e == null ? void 0 : e.enName) || (e == null ? void 0 : e.name), H = ({ value: e, onChange: o, single: n = !1, maxLength: s = 5, ...S }) => {
+  const { message: p } = g.useApp(), { getPopupContainer: b } = D(), { locale: I } = C(), { formatMessage: i } = C(), [l, w] = N(null);
+  T(() => {
+    let r = !1;
+    return u.defaultData().then((t) => {
+      !r && t && w(z(t));
+    }), () => {
+      r = !0;
+    };
+  }, []);
+  const f = M(() => l ? l.getChinaHotCities() : [], [l]);
+  return /* @__PURE__ */ a(j, { size: 4, wrap: !0, block: !0, children: [
+    f.map((r) => {
+      const t = E(r, I);
+      return /* @__PURE__ */ m(
+        A,
+        {
+          size: "small",
+          checked: n ? (e == null ? void 0 : e.value) === r.code : !!(e || []).find(({ value: d }) => d === r.code),
+          onChange: (d) => {
+            if (n) {
+              o(d ? r : null);
+              return;
+            }
+            const c = (e || []).slice(0);
+            if (d ? c.push(Object.assign({}, r, { label: t, value: r.code })) : (() => {
+              const x = c.findIndex(({ value: F }) => F === r.code);
+              c.splice(x, 1);
+            })(), c.length > s) {
+              p.error(i({ id: "maxSelectedCount" }, { count: s }));
+              return;
+            }
+            o(c);
+          },
+          children: t
+        },
+        r.code
+      );
+    }),
+    /* @__PURE__ */ a(
+      A,
+      {
+        className: h["filter-advanced-item-other"],
+        size: "small",
+        checked: (n ? e == null ? void 0 : e.value : (e == null ? void 0 : e.length) > 0) && !f.find(
+          ({ code: r }) => n ? (e == null ? void 0 : e.value) === r : !!(e || []).find(({ value: t }) => t === r)
+        ),
+        children: [
+          i({ id: "otherText" }),
+          /* @__PURE__ */ m(
+            u,
+            {
+              ...S,
+              getPopupContainer: b,
+              className: h["filter-advanced-item-other-inner"],
+              maxLength: s,
+              allowClear: !1,
+              value: e,
+              single: n,
+              onChange: (r) => {
+                if (r.length > s) {
+                  p.error(i({ id: "maxSelectedCount" }, { count: s }));
+                  return;
+                }
+                o(r);
+              }
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}, W = P(H);
+export {
+  W as default
+};
+//# sourceMappingURL=CityFilterItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CityFilterItem.js","sources":["../../../../../src/components/ReactFilter/AdvancedFilter/fields/CityFilterItem.jsx"],"sourcesContent":["// @ts-nocheck\nimport { App, Tag, Space } from 'antd';\nimport { SelectAddress, createAddressApi } from '@kne/super-select-plus';\nimport '@kne/super-select-plus/dist/index.css';\nimport { useIntl } from '@kne/react-intl';\nimport { useMemo, useState, useEffect } from 'react';\nimport withLocale from '../../withLocale';\nimport useFilterPopupContainer from '../../hooks/useFilterPopupContainer';\nimport style from '../../style.module.scss';\n\nconst { CheckableTag } = Tag;\n\nconst getLabelForLocal = (item, locale) => {\n  if (locale === 'en-US') {\n    return item?.enName || item?.name;\n  }\n  return item?.name;\n};\n\nconst CityFilterItemInner = ({ value, onChange, single = false, maxLength = 5, ...props }) => {\n  const { message } = App.useApp();\n  const { getPopupContainer } = useFilterPopupContainer();\n  const { locale } = useIntl();\n  const { formatMessage } = useIntl({ moduleName: 'Filter' });\n  const [addressApi, setAddressApi] = useState(null);\n\n  useEffect(() => {\n    let cancelled = false;\n    SelectAddress.defaultData().then((data) => {\n      if (!cancelled && data) {\n        setAddressApi(createAddressApi(data));\n      }\n    });\n    return () => {\n      cancelled = true;\n    };\n  }, []);\n\n  const cityList = useMemo(() => {\n    return addressApi ? addressApi.getChinaHotCities() : [];\n  }, [addressApi]);\n\n  return (\n    <Space size={4} wrap block>\n      {cityList.map((city) => {\n        const label = getLabelForLocal(city, locale);\n        return (\n          <CheckableTag\n            key={city.code}\n            size=\"small\"\n            checked={\n              single\n                ? value?.value === city.code\n                : !!(value || []).find(({ value }) => value === city.code)\n            }\n            onChange={(checked) => {\n              if (single) {\n                onChange(checked ? city : null);\n                return;\n              }\n              const newValue = (value || []).slice(0);\n              checked\n                ? newValue.push(Object.assign({}, city, { label, value: city.code }))\n                : (() => {\n                    const index = newValue.findIndex(({ value }) => value === city.code);\n                    newValue.splice(index, 1);\n                  })();\n              if (newValue.length > maxLength) {\n                message.error(formatMessage({ id: 'maxSelectedCount' }, { count: maxLength }));\n                return;\n              }\n              onChange(newValue);\n            }}\n          >\n            {label}\n          </CheckableTag>\n        );\n      })}\n      <CheckableTag\n        className={style['filter-advanced-item-other']}\n        size=\"small\"\n        checked={\n          (single ? value?.value : value?.length > 0) &&\n          !cityList.find(({ code }) =>\n            single ? value?.value === code : !!(value || []).find(({ value }) => value === code),\n          )\n        }\n      >\n        {formatMessage({ id: 'otherText' })}\n        <SelectAddress\n          {...props}\n          getPopupContainer={getPopupContainer}\n          className={style['filter-advanced-item-other-inner']}\n          maxLength={maxLength}\n          allowClear={false}\n          value={value}\n          single={single}\n          onChange={(value) => {\n            if (value.length > maxLength) {\n              message.error(formatMessage({ id: 'maxSelectedCount' }, { count: maxLength }));\n              return;\n            }\n            onChange(value);\n          }}\n        />\n      </CheckableTag>\n    </Space>\n  );\n};\n\nconst CityFilterItem = withLocale(CityFilterItemInner);\n\nexport default CityFilterItem;\n"],"names":["CheckableTag","Tag","getLabelForLocal","item","locale","CityFilterItemInner","value","onChange","single","maxLength","props","message","App","getPopupContainer","useFilterPopupContainer","useIntl","formatMessage","addressApi","setAddressApi","useState","useEffect","cancelled","SelectAddress","data","createAddressApi","cityList","useMemo","Space","city","label","jsx","checked","newValue","index","jsxs","style","code","CityFilterItem","withLocale"],"mappings":"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"}

package/dist/components/ReactFilter/AdvancedFilter/fields/InputFilterItem.d.ts

@@ -0,0 +1,4 @@
+export default InputFilterItem;
+declare const InputFilterItem: import('@kne/react-intl/node_modules/@types/react').ForwardRefExoticComponent<object & {
+    locale?: string;
+} & import('@kne/react-intl/node_modules/@types/react').RefAttributes<any>>;

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

@@ -0,0 +1,40 @@
+import { jsxs as I, jsx as u } from "react/jsx-runtime";
+import { Space as x, Input as V, Button as g } from "antd";
+import { useState as i, useRef as B, useEffect as C } from "react";
+import "../../../../node_modules/@kne/react-intl/dist/index.modern.js";
+import j from "../../withLocale.js";
+import v 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 b = j(({ value: r, label: c, onChange: p, ...m }) => {
+  const t = r == null ? void 0 : r.value, [e, n] = i(t || ""), [f, s] = i(!1), { formatMessage: l } = v(), o = () => {
+    p(e ? { label: e, value: e } : null);
+  }, d = () => {
+    s(!1), o();
+  }, a = B("");
+  return a.current = e, C(() => {
+    t !== a.current && n(t);
+  }, [t]), /* @__PURE__ */ I(x.Compact, { children: [
+    /* @__PURE__ */ u(
+      V,
+      {
+        placeholder: `${l({ id: "pleaseInput" })}${c}`,
+        ...m,
+        size: "small",
+        value: e,
+        onFocus: () => {
+          s(!0);
+        },
+        onBlur: d,
+        onChange: (h) => {
+          n(h.target.value);
+        },
+        onPressEnter: o
+      }
+    ),
+    f && /* @__PURE__ */ u(g, { size: "small", type: "primary", onClick: o, children: l({ id: "determineText" }) })
+  ] });
+});
+export {
+  b as default
+};
+//# sourceMappingURL=InputFilterItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputFilterItem.js","sources":["../../../../../src/components/ReactFilter/AdvancedFilter/fields/InputFilterItem.jsx"],"sourcesContent":["// @ts-nocheck\nimport { Input, Space, Button } from 'antd';\nimport { useState, useEffect, useRef } from 'react';\nimport { useIntl } from '@kne/react-intl';\nimport withLocale from '../../withLocale';\n\nconst InputFilterItem = withLocale(({ value, label, onChange, ...props }) => {\n  const propsValue = value?.value;\n  const [inputValue, setInputValue] = useState(propsValue || '');\n  const [active, setActive] = useState(false);\n  const { formatMessage } = useIntl({ moduleName: 'Filter' });\n\n  const searchHandler = () => {\n    onChange(inputValue ? { label: inputValue, value: inputValue } : null);\n  };\n\n  const handleBlur = () => {\n    setActive(false);\n    searchHandler();\n  };\n\n  const inputValueRef = useRef('');\n  inputValueRef.current = inputValue;\n\n  useEffect(() => {\n    if (propsValue !== inputValueRef.current) {\n      setInputValue(propsValue);\n    }\n  }, [propsValue]);\n\n  return (\n    <Space.Compact>\n      <Input\n        placeholder={`${formatMessage({ id: 'pleaseInput' })}${label}`}\n        {...props}\n        size=\"small\"\n        value={inputValue}\n        onFocus={() => {\n          setActive(true);\n        }}\n        onBlur={handleBlur}\n        onChange={(e) => {\n          setInputValue(e.target.value);\n        }}\n        onPressEnter={searchHandler}\n      />\n      {active && (\n        <Button size=\"small\" type=\"primary\" onClick={searchHandler}>\n          {formatMessage({ id: 'determineText' })}\n        </Button>\n      )}\n    </Space.Compact>\n  );\n});\n\nexport default InputFilterItem;\n"],"names":["InputFilterItem","withLocale","value","label","onChange","props","propsValue","inputValue","setInputValue","useState","active","setActive","formatMessage","useIntl","searchHandler","handleBlur","inputValueRef","useRef","useEffect","jsxs","Space","jsx","Input","e","Button"],"mappings":";;;;;;;AAMA,MAAMA,IAAkBC,EAAW,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,UAAAC,GAAU,GAAGC,QAAY;AAC3E,QAAMC,IAAaJ,KAAA,gBAAAA,EAAO,OACpB,CAACK,GAAYC,CAAa,IAAIC,EAASH,KAAc,EAAE,GACvD,CAACI,GAAQC,CAAS,IAAIF,EAAS,EAAK,GACpC,EAAE,eAAAG,MAAkBC,EAAgC,GAEpDC,IAAgB,MAAM;AAC1B,IAAAV,EAASG,IAAa,EAAE,OAAOA,GAAY,OAAOA,EAAA,IAAe,IAAI;AAAA,EACvE,GAEMQ,IAAa,MAAM;AACvB,IAAAJ,EAAU,EAAK,GACfG,EAAA;AAAA,EACF,GAEME,IAAgBC,EAAO,EAAE;AAC/B,SAAAD,EAAc,UAAUT,GAExBW,EAAU,MAAM;AACd,IAAIZ,MAAeU,EAAc,WAC/BR,EAAcF,CAAU;AAAA,EAE5B,GAAG,CAACA,CAAU,CAAC,GAGb,gBAAAa,EAACC,EAAM,SAAN,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,aAAa,GAAGV,EAAc,EAAE,IAAI,eAAe,CAAC,GAAGT,CAAK;AAAA,QAC3D,GAAGE;AAAA,QACJ,MAAK;AAAA,QACL,OAAOE;AAAA,QACP,SAAS,MAAM;AACb,UAAAI,EAAU,EAAI;AAAA,QAChB;AAAA,QACA,QAAQI;AAAA,QACR,UAAU,CAACQ,MAAM;AACf,UAAAf,EAAce,EAAE,OAAO,KAAK;AAAA,QAC9B;AAAA,QACA,cAAcT;AAAA,MAAA;AAAA,IAAA;AAAA,IAEfJ,KACC,gBAAAW,EAACG,GAAA,EAAO,MAAK,SAAQ,MAAK,WAAU,SAASV,GAC1C,UAAAF,EAAc,EAAE,IAAI,gBAAA,CAAiB,EAAA,CACxC;AAAA,EAAA,GAEJ;AAEJ,CAAC;"}

package/dist/components/ReactFilter/AdvancedFilter/fields/ListFilterItem.d.ts

@@ -0,0 +1,4 @@
+export default ListFilterItem;
+declare const ListFilterItem: import('@kne/react-intl/node_modules/@types/react').ForwardRefExoticComponent<object & {
+    locale?: string;
+} & import('@kne/react-intl/node_modules/@types/react').RefAttributes<any>>;

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

@@ -0,0 +1,43 @@
+import { jsx as f } 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(
+      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);
+            return;
+          }
+          const o = (r || []).slice(0);
+          if (t)
+            o.push({ value: e, label: s });
+          else {
+            const c = o.findIndex(({ value: d }) => l(e, d));
+            c > -1 && o.splice(c, 1);
+          }
+          if (o.length > p) {
+            u.error(m({ id: "maxSelectedCount" }, { count: p }));
+            return;
+          }
+          n(o);
+        },
+        children: s
+      },
+      s
+    )) });
+  }
+);
+export {
+  E as default
+};
+//# sourceMappingURL=ListFilterItem.js.map

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

@@ -0,0 +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;"}

package/dist/components/ReactFilter/AdvancedFilter/fields/index.d.ts

@@ -0,0 +1,9 @@
+import { default as InputFilterItem } from './InputFilterItem';
+import { default as ListFilterItem } from './ListFilterItem';
+import { default as CityFilterItem } from './CityFilterItem';
+export default fields;
+declare namespace fields {
+    export { InputFilterItem };
+    export { ListFilterItem };
+    export { CityFilterItem };
+}

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

@@ -0,0 +1,8 @@
+import t from "./InputFilterItem.js";
+import r from "./ListFilterItem.js";
+import e from "./CityFilterItem.js";
+const f = { InputFilterItem: t, ListFilterItem: r, CityFilterItem: e };
+export {
+  f as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/ReactFilter/AdvancedFilter/fields/index.js"],"sourcesContent":["// @ts-nocheck\nimport InputFilterItem from './InputFilterItem';\nimport ListFilterItem from './ListFilterItem';\nimport CityFilterItem from './CityFilterItem';\n\nconst fields = { InputFilterItem, ListFilterItem, CityFilterItem };\n\nexport default fields;\n"],"names":["fields","InputFilterItem","ListFilterItem","CityFilterItem"],"mappings":";;;AAKK,MAACA,IAAS,EAAE,iBAAAC,GAAiB,gBAAAC,GAAgB,gBAAAC,EAAc;"}

package/dist/components/ReactFilter/AdvancedFilter/index.d.ts

@@ -0,0 +1,6 @@
+import { default as advancedFields } from './fields';
+export default AdvancedFilter;
+export { advancedFields };
+declare const AdvancedFilter: import('@kne/react-intl/node_modules/@types/react').ForwardRefExoticComponent<object & {
+    locale?: string;
+} & import('@kne/react-intl/node_modules/@types/react').RefAttributes<any>>;

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

@@ -0,0 +1,72 @@
+import { jsx as e, jsxs as p } 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 m from "../style.module.scss.js";
+import b from "../FilterValueDisplay.js";
+import x from "../withLocale.js";
+import C from "../../../_virtual/get.js";
+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,
+        ":"
+      ] }),
+      /* @__PURE__ */ e(n, { wrap: !0, align: "center", children: /* @__PURE__ */ e(
+        l,
+        {
+          ...r.props,
+          value: a ? C(a.get(r.props.name), "value") : r.props.value,
+          onChange: o ? (t) => o({
+            name: r.props.name,
+            label: r.props.label,
+            value: t
+          }) : r.props.onChange
+        }
+      ) })
+    ] }, r.key || r.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(
+        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(
+              h,
+              {
+                className: m["filter-advanced-more"],
+                label: `${a({ id: "moreText" })}:`,
+                list: [t]
+              }
+            )
+          ]
+        }
+      ),
+      o && o.length > 0 && /* @__PURE__ */ e(b, { value: o, onChange: r })
+    ] });
+  } });
+});
+N.fields = v;
+export {
+  v as advancedFields,
+  N as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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;"}

package/dist/components/ReactFilter/Filter.d.ts

@@ -0,0 +1,4 @@
+export default Filter;
+declare const Filter: import('@kne/react-intl/node_modules/@types/react').ForwardRefExoticComponent<object & {
+    locale?: string;
+} & import('@kne/react-intl/node_modules/@types/react').RefAttributes<any>>;