@ant-design/pro-components 3.0.0-beta.1 → 3.0.0-beta.3

package/es/layout/components/SettingDrawer/LayoutChange.js

@@ -1,107 +1,117 @@
-// src/layout/components/SettingDrawer/LayoutChange.tsx
-import { List, Select, Switch, Tooltip } from "antd";
-import React from "react";
+import { List, Select, Switch, Tooltip } from 'antd';
+import React from 'react';
 import { defaultSettings } from "../../defaultSettings";
 import { getFormatMessage } from "./index";
-var renderLayoutSettingItem = (item) => {
-  const action = React.cloneElement(item.action, {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var renderLayoutSettingItem = function renderLayoutSettingItem(item) {
+  var action = /*#__PURE__*/React.cloneElement(item.action, {
     disabled: item.disabled
   });
-  return /* @__PURE__ */ React.createElement(Tooltip, { title: item.disabled ? item.disabledReason : "", placement: "left" }, /* @__PURE__ */ React.createElement(List.Item, { actions: [action] }, /* @__PURE__ */ React.createElement("span", { style: { opacity: item.disabled ? 0.5 : 1 } }, item.title)));
-};
-var LayoutSetting = ({ settings, prefixCls, changeSetting, hashId }) => {
-  const formatMessage = getFormatMessage();
-  const { contentWidth, splitMenus, fixedHeader, layout, fixSiderbar } = settings || defaultSettings;
-  return /* @__PURE__ */ React.createElement(
-    List,
-    {
-      className: `${prefixCls}-list ${hashId}`.trim(),
-      split: false,
-      dataSource: [
-        {
-          title: formatMessage({
-            id: "app.setting.content-width",
-            defaultMessage: "Content Width"
-          }),
-          action: /* @__PURE__ */ React.createElement(
-            Select,
-            {
-              value: contentWidth || "Fixed",
-              size: "small",
-              className: `content-width ${hashId}`.trim(),
-              onSelect: (value) => {
-                changeSetting("contentWidth", value);
-              },
-              style: { width: 80 }
-            },
-            layout === "side" ? null : /* @__PURE__ */ React.createElement(Select.Option, { value: "Fixed" }, formatMessage({
-              id: "app.setting.content-width.fixed",
-              defaultMessage: "Fixed"
-            })),
-            /* @__PURE__ */ React.createElement(Select.Option, { value: "Fluid" }, formatMessage({
-              id: "app.setting.content-width.fluid",
-              defaultMessage: "Fluid"
-            }))
-          )
+  return /*#__PURE__*/_jsx(Tooltip, {
+    title: item.disabled ? item.disabledReason : '',
+    placement: "left",
+    children: /*#__PURE__*/_jsx(List.Item, {
+      actions: [action],
+      children: /*#__PURE__*/_jsx("span", {
+        style: {
+          opacity: item.disabled ? 0.5 : 1
         },
-        {
-          title: formatMessage({
-            id: "app.setting.fixedheader",
-            defaultMessage: "Fixed Header"
-          }),
-          action: /* @__PURE__ */ React.createElement(
-            Switch,
-            {
-              size: "small",
-              className: "fixed-header",
-              checked: !!fixedHeader,
-              onChange: (checked) => {
-                changeSetting("fixedHeader", checked);
-              }
-            }
-          )
+        children: item.title
+      })
+    })
+  });
+};
+var LayoutSetting = function LayoutSetting(_ref) {
+  var settings = _ref.settings,
+    prefixCls = _ref.prefixCls,
+    changeSetting = _ref.changeSetting,
+    hashId = _ref.hashId;
+  var formatMessage = getFormatMessage();
+  var _ref2 = settings || defaultSettings,
+    contentWidth = _ref2.contentWidth,
+    splitMenus = _ref2.splitMenus,
+    fixedHeader = _ref2.fixedHeader,
+    layout = _ref2.layout,
+    fixSiderbar = _ref2.fixSiderbar;
+  return /*#__PURE__*/_jsx(List, {
+    className: "".concat(prefixCls, "-list ").concat(hashId).trim(),
+    split: false,
+    dataSource: [{
+      title: formatMessage({
+        id: 'app.setting.content-width',
+        defaultMessage: 'Content Width'
+      }),
+      action: /*#__PURE__*/_jsxs(Select, {
+        value: contentWidth || 'Fixed',
+        size: "small",
+        className: "content-width ".concat(hashId).trim(),
+        onSelect: function onSelect(value) {
+          changeSetting('contentWidth', value);
         },
-        {
-          title: formatMessage({
-            id: "app.setting.fixedsidebar",
-            defaultMessage: "Fixed Sidebar"
-          }),
-          disabled: layout === "top",
-          disabledReason: formatMessage({
-            id: "app.setting.fixedsidebar.hint",
-            defaultMessage: "Works on Side Menu Layout"
-          }),
-          action: /* @__PURE__ */ React.createElement(
-            Switch,
-            {
-              size: "small",
-              className: "fix-siderbar",
-              checked: !!fixSiderbar,
-              onChange: (checked) => changeSetting("fixSiderbar", checked)
-            }
-          )
+        style: {
+          width: 80
         },
-        {
-          title: formatMessage({ id: "app.setting.splitMenus" }),
-          disabled: layout !== "mix",
-          action: /* @__PURE__ */ React.createElement(
-            Switch,
-            {
-              size: "small",
-              checked: !!splitMenus,
-              className: "split-menus",
-              onChange: (checked) => {
-                changeSetting("splitMenus", checked);
-              }
-            }
-          )
+        children: [layout === 'side' ? null : /*#__PURE__*/_jsx(Select.Option, {
+          value: "Fixed",
+          children: formatMessage({
+            id: 'app.setting.content-width.fixed',
+            defaultMessage: 'Fixed'
+          })
+        }), /*#__PURE__*/_jsx(Select.Option, {
+          value: "Fluid",
+          children: formatMessage({
+            id: 'app.setting.content-width.fluid',
+            defaultMessage: 'Fluid'
+          })
+        })]
+      })
+    }, {
+      title: formatMessage({
+        id: 'app.setting.fixedheader',
+        defaultMessage: 'Fixed Header'
+      }),
+      action: /*#__PURE__*/_jsx(Switch, {
+        size: "small",
+        className: "fixed-header",
+        checked: !!fixedHeader,
+        onChange: function onChange(checked) {
+          changeSetting('fixedHeader', checked);
         }
-      ],
-      renderItem: renderLayoutSettingItem
-    }
-  );
-};
-export {
-  LayoutSetting,
-  renderLayoutSettingItem
+      })
+    }, {
+      title: formatMessage({
+        id: 'app.setting.fixedsidebar',
+        defaultMessage: 'Fixed Sidebar'
+      }),
+      disabled: layout === 'top',
+      disabledReason: formatMessage({
+        id: 'app.setting.fixedsidebar.hint',
+        defaultMessage: 'Works on Side Menu Layout'
+      }),
+      action: /*#__PURE__*/_jsx(Switch, {
+        size: "small",
+        className: "fix-siderbar",
+        checked: !!fixSiderbar,
+        onChange: function onChange(checked) {
+          return changeSetting('fixSiderbar', checked);
+        }
+      })
+    }, {
+      title: formatMessage({
+        id: 'app.setting.splitMenus'
+      }),
+      disabled: layout !== 'mix',
+      action: /*#__PURE__*/_jsx(Switch, {
+        size: "small",
+        checked: !!splitMenus,
+        className: "split-menus",
+        onChange: function onChange(checked) {
+          changeSetting('splitMenus', checked);
+        }
+      })
+    }],
+    renderItem: renderLayoutSettingItem
+  });
 };
+export { LayoutSetting };

package/es/layout/components/SettingDrawer/RegionalChange.js

@@ -1,37 +1,34 @@
-// src/layout/components/SettingDrawer/RegionalChange.tsx
-import { List, Switch } from "antd";
-import React from "react";
+import { List, Switch } from 'antd';
+import React from 'react';
 import { getFormatMessage } from "./index";
 import { renderLayoutSettingItem } from "./LayoutChange";
-var RegionalSetting = ({ settings, prefixCls, changeSetting, hashId }) => {
-  const formatMessage = getFormatMessage();
-  const regionalSetting = ["header", "footer", "menu", "menuHeader"];
-  return /* @__PURE__ */ React.createElement(
-    List,
-    {
-      className: `${prefixCls}-list ${hashId}`.trim(),
-      split: false,
-      renderItem: renderLayoutSettingItem,
-      dataSource: regionalSetting.map((key) => {
-        return {
-          title: formatMessage({ id: `app.setting.regionalsettings.${key}` }),
-          action: /* @__PURE__ */ React.createElement(
-            Switch,
-            {
-              size: "small",
-              className: `regional-${key} ${hashId}`.trim(),
-              checked: settings[`${key}Render`] || settings[`${key}Render`] === void 0,
-              onChange: (checked) => changeSetting(
-                `${key}Render`,
-                checked === true ? void 0 : false
-              )
-            }
-          )
-        };
-      })
-    }
-  );
-};
-export {
-  RegionalSetting
+import { jsx as _jsx } from "react/jsx-runtime";
+var RegionalSetting = function RegionalSetting(_ref) {
+  var settings = _ref.settings,
+    prefixCls = _ref.prefixCls,
+    changeSetting = _ref.changeSetting,
+    hashId = _ref.hashId;
+  var formatMessage = getFormatMessage();
+  var regionalSetting = ['header', 'footer', 'menu', 'menuHeader'];
+  return /*#__PURE__*/_jsx(List, {
+    className: "".concat(prefixCls, "-list ").concat(hashId).trim(),
+    split: false,
+    renderItem: renderLayoutSettingItem,
+    dataSource: regionalSetting.map(function (key) {
+      return {
+        title: formatMessage({
+          id: "app.setting.regionalsettings.".concat(key)
+        }),
+        action: /*#__PURE__*/_jsx(Switch, {
+          size: "small",
+          className: "regional-".concat(key, " ").concat(hashId).trim(),
+          checked: settings["".concat(key, "Render")] || settings["".concat(key, "Render")] === undefined,
+          onChange: function onChange(checked) {
+            return changeSetting("".concat(key, "Render"), checked === true ? undefined : false);
+          }
+        })
+      };
+    })
+  });
 };
+export { RegionalSetting };

package/es/layout/components/SettingDrawer/ThemeColor.js

@@ -1,73 +1,54 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-
-// src/layout/components/SettingDrawer/ThemeColor.tsx
-import { CheckOutlined } from "@ant-design/icons";
-import { Tooltip } from "antd";
-import React from "react";
-var Tag = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { color, check } = _b, rest = __objRest(_b, ["color", "check"]);
-    return /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({}, rest), { style: { backgroundColor: color }, ref }), check ? /* @__PURE__ */ React.createElement(CheckOutlined, null) : "");
-  }
-);
-var ThemeColor = ({ value, colorList, onChange, prefixCls, formatMessage, hashId }) => {
-  if (!colorList || (colorList == null ? void 0 : colorList.length) < 1) {
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["color", "check"];
+import { CheckOutlined } from '@ant-design/icons';
+import { Tooltip } from 'antd';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var Tag = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var color = _ref.color,
+    check = _ref.check,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, rest), {}, {
+    style: {
+      backgroundColor: color
+    },
+    ref: ref,
+    children: check ? /*#__PURE__*/_jsx(CheckOutlined, {}) : ''
+  }));
+});
+var ThemeColor = function ThemeColor(_ref2) {
+  var value = _ref2.value,
+    colorList = _ref2.colorList,
+    onChange = _ref2.onChange,
+    prefixCls = _ref2.prefixCls,
+    formatMessage = _ref2.formatMessage,
+    hashId = _ref2.hashId;
+  if (!colorList || (colorList === null || colorList === void 0 ? void 0 : colorList.length) < 1) {
     return null;
   }
-  const baseClassName = `${prefixCls}-theme-color`;
-  return /* @__PURE__ */ React.createElement("div", { className: `${baseClassName} ${hashId}`.trim() }, colorList == null ? void 0 : colorList.map(({ key, color, title }) => {
-    if (!key)
-      return null;
-    return /* @__PURE__ */ React.createElement(
-      Tooltip,
-      {
-        key: color,
-        title: title != null ? title : formatMessage({
-          id: `app.setting.themecolor.${key}`
-        })
-      },
-      /* @__PURE__ */ React.createElement(
-        Tag,
-        {
-          className: `${baseClassName}-block ${hashId}`.trim(),
-          color,
+  var baseClassName = "".concat(prefixCls, "-theme-color");
+  return /*#__PURE__*/_jsx("div", {
+    className: "".concat(baseClassName, " ").concat(hashId).trim(),
+    children: colorList === null || colorList === void 0 ? void 0 : colorList.map(function (_ref3) {
+      var key = _ref3.key,
+        color = _ref3.color,
+        title = _ref3.title;
+      if (!key) return null;
+      return /*#__PURE__*/_jsx(Tooltip, {
+        title: title !== null && title !== void 0 ? title : formatMessage({
+          id: "app.setting.themecolor.".concat(key)
+        }),
+        children: /*#__PURE__*/_jsx(Tag, {
+          className: "".concat(baseClassName, "-block ").concat(hashId).trim(),
+          color: color,
           check: value === color,
-          onClick: () => onChange && onChange(color)
-        }
-      )
-    );
-  }));
-};
-export {
-  ThemeColor
+          onClick: function onClick() {
+            return onChange && onChange(color);
+          }
+        })
+      }, color);
+    })
+  });
 };
+export { ThemeColor };

package/es/layout/components/SettingDrawer/icon/group.js

@@ -1,132 +1,153 @@
-// src/layout/components/SettingDrawer/icon/group.tsx
-function GroupIcon() {
-  return /* @__PURE__ */ React.createElement(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      xmlnsXlink: "http://www.w3.org/1999/xlink",
-      width: "1em",
-      height: "1em",
-      viewBox: "0 0 104 104"
-    },
-    /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("rect", { id: "path-1", width: "90", height: "72", x: "0", y: "0", rx: "10" }), /* @__PURE__ */ React.createElement(
-      "filter",
-      {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export function GroupIcon() {
+  return /*#__PURE__*/_jsxs("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 104 104",
+    children: [/*#__PURE__*/_jsxs("defs", {
+      children: [/*#__PURE__*/_jsx("rect", {
+        id: "path-1",
+        width: "90",
+        height: "72",
+        x: "0",
+        y: "0",
+        rx: "10"
+      }), /*#__PURE__*/_jsxs("filter", {
         id: "filter-2",
         width: "152.2%",
         height: "165.3%",
         x: "-26.1%",
         y: "-27.1%",
-        filterUnits: "objectBoundingBox"
-      },
-      /* @__PURE__ */ React.createElement(
-        "feMorphology",
-        {
+        filterUnits: "objectBoundingBox",
+        children: [/*#__PURE__*/_jsx("feMorphology", {
           in: "SourceAlpha",
           radius: "0.25",
           result: "shadowSpreadOuter1"
-        }
-      ),
-      /* @__PURE__ */ React.createElement(
-        "feOffset",
-        {
+        }), /*#__PURE__*/_jsx("feOffset", {
           dy: "1",
           in: "shadowSpreadOuter1",
           result: "shadowOffsetOuter1"
-        }
-      ),
-      /* @__PURE__ */ React.createElement(
-        "feGaussianBlur",
-        {
+        }), /*#__PURE__*/_jsx("feGaussianBlur", {
           in: "shadowOffsetOuter1",
           result: "shadowBlurOuter1",
           stdDeviation: "1"
-        }
-      ),
-      /* @__PURE__ */ React.createElement(
-        "feColorMatrix",
-        {
+        }), /*#__PURE__*/_jsx("feColorMatrix", {
           in: "shadowBlurOuter1",
           result: "shadowMatrixOuter1",
           values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"
-        }
-      ),
-      /* @__PURE__ */ React.createElement(
-        "feMorphology",
-        {
+        }), /*#__PURE__*/_jsx("feMorphology", {
           in: "SourceAlpha",
           radius: "1",
           result: "shadowSpreadOuter2"
-        }
-      ),
-      /* @__PURE__ */ React.createElement(
-        "feOffset",
-        {
+        }), /*#__PURE__*/_jsx("feOffset", {
           dy: "2",
           in: "shadowSpreadOuter2",
           result: "shadowOffsetOuter2"
-        }
-      ),
-      /* @__PURE__ */ React.createElement(
-        "feGaussianBlur",
-        {
+        }), /*#__PURE__*/_jsx("feGaussianBlur", {
           in: "shadowOffsetOuter2",
           result: "shadowBlurOuter2",
           stdDeviation: "4"
-        }
-      ),
-      /* @__PURE__ */ React.createElement(
-        "feColorMatrix",
-        {
+        }), /*#__PURE__*/_jsx("feColorMatrix", {
           in: "shadowBlurOuter2",
           result: "shadowMatrixOuter2",
           values: "0 0 0 0 0.098466735 0 0 0 0 0.0599695403 0 0 0 0 0.0599695403 0 0 0 0.07 0"
-        }
-      ),
-      /* @__PURE__ */ React.createElement(
-        "feMorphology",
-        {
+        }), /*#__PURE__*/_jsx("feMorphology", {
           in: "SourceAlpha",
           radius: "2",
           result: "shadowSpreadOuter3"
-        }
-      ),
-      /* @__PURE__ */ React.createElement(
-        "feOffset",
-        {
+        }), /*#__PURE__*/_jsx("feOffset", {
           dy: "4",
           in: "shadowSpreadOuter3",
           result: "shadowOffsetOuter3"
-        }
-      ),
-      /* @__PURE__ */ React.createElement(
-        "feGaussianBlur",
-        {
+        }), /*#__PURE__*/_jsx("feGaussianBlur", {
           in: "shadowOffsetOuter3",
           result: "shadowBlurOuter3",
           stdDeviation: "8"
-        }
-      ),
-      /* @__PURE__ */ React.createElement(
-        "feColorMatrix",
-        {
+        }), /*#__PURE__*/_jsx("feColorMatrix", {
           in: "shadowBlurOuter3",
           result: "shadowMatrixOuter3",
           values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"
-        }
-      ),
-      /* @__PURE__ */ React.createElement("feMerge", null, /* @__PURE__ */ React.createElement("feMergeNode", { in: "shadowMatrixOuter1" }), /* @__PURE__ */ React.createElement("feMergeNode", { in: "shadowMatrixOuter2" }), /* @__PURE__ */ React.createElement("feMergeNode", { in: "shadowMatrixOuter3" }))
-    )),
-    /* @__PURE__ */ React.createElement("g", { fill: "none", fillRule: "evenodd", stroke: "none", strokeWidth: "1" }, /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("use", { fill: "#000", filter: "url(#filter-2)", xlinkHref: "#path-1" }), /* @__PURE__ */ React.createElement("use", { fill: "#F0F2F5", xlinkHref: "#path-1" })), /* @__PURE__ */ React.createElement("path", { fill: "#FFF", d: "M25 15h65v47c0 5.523-4.477 10-10 10H25V15z" }), /* @__PURE__ */ React.createElement("path", { stroke: "#E6EAF0", strokeLinecap: "square", d: "M0.5 15.5L90.5 15.5" }), /* @__PURE__ */ React.createElement("rect", { width: "14", height: "3", x: "4", y: "26", fill: "#D7DDE6", rx: "1.5" }), /* @__PURE__ */ React.createElement("rect", { width: "9", height: "3", x: "4", y: "32", fill: "#D7DDE6", rx: "1.5" }), /* @__PURE__ */ React.createElement("rect", { width: "9", height: "3", x: "4", y: "42", fill: "#E6EAF0", rx: "1.5" }), /* @__PURE__ */ React.createElement("rect", { width: "9", height: "3", x: "4", y: "21", fill: "#E6EAF0", rx: "1.5" }), /* @__PURE__ */ React.createElement("rect", { width: "9", height: "3", x: "4", y: "53", fill: "#D7DDE6", rx: "1.5" }), /* @__PURE__ */ React.createElement("rect", { width: "14", height: "3", x: "4", y: "47", fill: "#D7DDE6", rx: "1.5" }), /* @__PURE__ */ React.createElement(
-      "path",
-      {
+        }), /*#__PURE__*/_jsxs("feMerge", {
+          children: [/*#__PURE__*/_jsx("feMergeNode", {
+            in: "shadowMatrixOuter1"
+          }), /*#__PURE__*/_jsx("feMergeNode", {
+            in: "shadowMatrixOuter2"
+          }), /*#__PURE__*/_jsx("feMergeNode", {
+            in: "shadowMatrixOuter3"
+          })]
+        })]
+      })]
+    }), /*#__PURE__*/_jsxs("g", {
+      fill: "none",
+      fillRule: "evenodd",
+      stroke: "none",
+      strokeWidth: "1",
+      children: [/*#__PURE__*/_jsxs("g", {
+        children: [/*#__PURE__*/_jsx("use", {
+          fill: "#000",
+          filter: "url(#filter-2)",
+          xlinkHref: "#path-1"
+        }), /*#__PURE__*/_jsx("use", {
+          fill: "#F0F2F5",
+          xlinkHref: "#path-1"
+        })]
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "#FFF",
+        d: "M25 15h65v47c0 5.523-4.477 10-10 10H25V15z"
+      }), /*#__PURE__*/_jsx("path", {
+        stroke: "#E6EAF0",
+        strokeLinecap: "square",
+        d: "M0.5 15.5L90.5 15.5"
+      }), /*#__PURE__*/_jsx("rect", {
+        width: "14",
+        height: "3",
+        x: "4",
+        y: "26",
+        fill: "#D7DDE6",
+        rx: "1.5"
+      }), /*#__PURE__*/_jsx("rect", {
+        width: "9",
+        height: "3",
+        x: "4",
+        y: "32",
+        fill: "#D7DDE6",
+        rx: "1.5"
+      }), /*#__PURE__*/_jsx("rect", {
+        width: "9",
+        height: "3",
+        x: "4",
+        y: "42",
+        fill: "#E6EAF0",
+        rx: "1.5"
+      }), /*#__PURE__*/_jsx("rect", {
+        width: "9",
+        height: "3",
+        x: "4",
+        y: "21",
+        fill: "#E6EAF0",
+        rx: "1.5"
+      }), /*#__PURE__*/_jsx("rect", {
+        width: "9",
+        height: "3",
+        x: "4",
+        y: "53",
+        fill: "#D7DDE6",
+        rx: "1.5"
+      }), /*#__PURE__*/_jsx("rect", {
+        width: "14",
+        height: "3",
+        x: "4",
+        y: "47",
+        fill: "#D7DDE6",
+        rx: "1.5"
+      }), /*#__PURE__*/_jsx("path", {
         stroke: "#E6EAF0",
         strokeLinecap: "square",
         d: "M25.5 15.5L25.5 72.5"
-      }
-    ))
-  );
-}
-export {
-  GroupIcon
-};
+      })]
+    })]
+  });
+}