antd-mobile 5.6.0 → 5.7.1

package/2x/es/components/image-viewer/methods.js

@@ -1,5 +1,4 @@
-import React, { createRef, forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';
-import { renderToBody } from '../../utils/render-to-body';
+import React from 'react';
 import { ImageViewer, MultiImageViewer } from './image-viewer';
 import { renderImperatively } from '../../utils/render-imperatively';
 const handlerSet = new Set();
@@ -18,54 +17,14 @@ export function showImageViewer(props) {
 }
 export function showMultiImageViewer(props) {
   clearImageViewer();
-  const Wrapper = forwardRef((_, ref) => {
-    const [visible, setVisible] = useState(false);
-    const closedRef = useRef(false);
-    useEffect(() => {
-      if (!closedRef.current) {
-        setVisible(true);
-      } else {
-        handleAfterClose();
-      }
-    }, []);
-
-    function handleClose() {
-      var _a;
-
-      closedRef.current = true;
-      (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
-      setVisible(false);
-    }
-
-    useImperativeHandle(ref, () => ({
-      close: handleClose
-    }));
-
-    function handleAfterClose() {
+  const handler = renderImperatively(React.createElement(MultiImageViewer, Object.assign({}, props, {
+    afterClose: () => {
       var _a;
 
-      (_a = props.afterClose) === null || _a === void 0 ? void 0 : _a.call(props);
-      unmount();
       handlerSet.delete(handler);
+      (_a = props.afterClose) === null || _a === void 0 ? void 0 : _a.call(props);
     }
-
-    return React.createElement(MultiImageViewer, Object.assign({}, props, {
-      visible: visible,
-      onClose: handleClose,
-      afterClose: handleAfterClose
-    }));
-  });
-  const ref = createRef();
-  const unmount = renderToBody(React.createElement(Wrapper, {
-    ref: ref
-  }));
-  const handler = {
-    close: () => {
-      var _a;
-
-      (_a = ref.current) === null || _a === void 0 ? void 0 : _a.close();
-    }
-  };
+  })));
   handlerSet.add(handler);
   return handler;
 }
@@ -74,7 +33,4 @@ export function clearImageViewer() {
     handler.close();
   });
   handlerSet.clear();
-}
-export const getH = () => {
-  console.log(handlerSet);
-};
+}

package/2x/es/components/picker/picker.js

@@ -4,9 +4,8 @@ import { mergeProps } from '../../utils/with-default-props';
 import { withNativeProps } from '../../utils/native-props';
 import { usePropsValue } from '../../utils/use-props-value';
 import PickerView from '../picker-view';
-import { useColumns } from '../picker-view/use-columns';
+import { generateColumnsExtend, useColumnsExtend } from '../picker-view/columns-extend';
 import { useConfig } from '../config-provider';
-import { usePickerValueExtend } from '../picker-view/use-picker-value-extend';
 import { useMemoizedFn } from 'ahooks';
 import SafeArea from '../safe-area';
 const classPrefix = `adm-picker`;
@@ -28,12 +27,11 @@ export const Picker = memo(p => {
     onChange: val => {
       var _a;
 
-      (_a = props.onConfirm) === null || _a === void 0 ? void 0 : _a.call(props, val, generateValueExtend(val));
+      const extend = generateColumnsExtend(props.columns, val);
+      (_a = props.onConfirm) === null || _a === void 0 ? void 0 : _a.call(props, val, extend);
     }
-  })); // TODO: columns generated twice in Picker and PickerView, which can be improved
-
-  const columns = useColumns(props.columns, value);
-  const generateValueExtend = usePickerValueExtend(columns);
+  }));
+  const extend = useColumnsExtend(props.columns, value);
   const [innerValue, setInnerValue] = useState(value);
   useEffect(() => {
     if (innerValue !== value) {
@@ -104,6 +102,6 @@ export const Picker = memo(p => {
   }, pickerElement, React.createElement(SafeArea, {
     position: 'bottom'
   }));
-  return React.createElement(React.Fragment, null, popupElement, (_a = props.children) === null || _a === void 0 ? void 0 : _a.call(props, generateValueExtend(value).items));
+  return React.createElement(React.Fragment, null, popupElement, (_a = props.children) === null || _a === void 0 ? void 0 : _a.call(props, extend.items));
 });
 Picker.displayName = 'Picker';

package/2x/es/components/picker-view/columns-extend.d.ts

@@ -0,0 +1,3 @@
+import type { PickerViewProps, PickerValue, PickerValueExtend } from './picker-view';
+export declare function generateColumnsExtend(rawColumns: PickerViewProps['columns'], val: PickerValue[]): PickerValueExtend;
+export declare function useColumnsExtend(rawColumns: PickerViewProps['columns'], value: PickerValue[]): PickerValueExtend;

package/2x/es/components/picker-view/columns-extend.js

@@ -0,0 +1,34 @@
+import { useMemo } from 'react';
+import { withCache } from '../../utils/with-cache';
+export function generateColumnsExtend(rawColumns, val) {
+  const columns = withCache(() => {
+    const c = typeof rawColumns === 'function' ? rawColumns(val) : rawColumns;
+    return c.map(column => column.map(item => typeof item === 'string' ? {
+      label: item,
+      value: item
+    } : item));
+  });
+  const items = withCache(() => {
+    return val.map((v, index) => {
+      var _a;
+
+      const column = columns()[index];
+      if (!column) return null;
+      return (_a = column.find(item => item.value === v)) !== null && _a !== void 0 ? _a : null;
+    });
+  });
+  const extend = {
+    get columns() {
+      return columns();
+    },
+
+    get items() {
+      return items();
+    }
+
+  };
+  return extend;
+}
+export function useColumnsExtend(rawColumns, value) {
+  return useMemo(() => generateColumnsExtend(rawColumns, value), [rawColumns, value]);
+}

package/2x/es/components/picker-view/picker-view.d.ts

@@ -2,6 +2,7 @@ import React, { ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type PickerValue = string | null;
 export declare type PickerValueExtend = {
+    columns: PickerColumnItem[][];
     items: (PickerColumnItem | null)[];
 };
 export declare type PickerColumnItem = {

package/2x/es/components/picker-view/picker-view.js

@@ -1,9 +1,8 @@
 import React, { memo, useCallback, useEffect, useState } from 'react';
 import { mergeProps } from '../../utils/with-default-props';
 import { Wheel } from './wheel';
-import { useColumns } from './use-columns';
+import { useColumnsExtend } from './columns-extend';
 import { withNativeProps } from '../../utils/native-props';
-import { usePickerValueExtend } from './use-picker-value-extend';
 import { useDebounceEffect } from 'ahooks';
 const classPrefix = `adm-picker-view`;
 const defaultProps = {
@@ -11,17 +10,7 @@ const defaultProps = {
 };
 export const PickerView = memo(p => {
   const props = mergeProps(defaultProps, p);
-  const [innerValue, setInnerValue] = useState(props.value === undefined ? props.defaultValue : props.value);
-  useDebounceEffect(() => {
-    var _a;
-
-    if (props.value === innerValue) return;
-    (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, innerValue, generateValueExtend(innerValue));
-  }, [innerValue], {
-    wait: 0,
-    leading: false,
-    trailing: true
-  }); // Sync `value` to `innerValue`
+  const [innerValue, setInnerValue] = useState(props.value === undefined ? props.defaultValue : props.value); // Sync `value` to `innerValue`
 
   useEffect(() => {
     if (props.value === undefined) return; // Uncontrolled mode
@@ -40,8 +29,18 @@ export const PickerView = memo(p => {
       window.clearTimeout(timeout);
     };
   }, [props.value, innerValue]);
-  const columns = useColumns(props.columns, innerValue);
-  const generateValueExtend = usePickerValueExtend(columns);
+  const extend = useColumnsExtend(props.columns, innerValue);
+  const columns = extend.columns;
+  useDebounceEffect(() => {
+    var _a;
+
+    if (props.value === innerValue) return;
+    (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, innerValue, extend);
+  }, [innerValue], {
+    wait: 0,
+    leading: false,
+    trailing: true
+  });
   const handleSelect = useCallback((val, index) => {
     setInnerValue(prev => {
       const next = [...prev];

package/2x/es/components/popover/popover.css

@@ -41,6 +41,7 @@
   box-shadow: 0 0 60px 0 rgba(51, 51, 51, 0.2);
   font-size: 30px;
   min-width: 64px;
+  max-width: calc(100vw - 48px);
   overflow-y: hidden;
 }
 

package/2x/es/components/result/result.d.ts

@@ -2,8 +2,8 @@ import { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type ResultProps = {
     status: 'success' | 'error' | 'info' | 'waiting' | 'warning';
-    title: string;
-    description?: string;
+    title: ReactNode;
+    description?: ReactNode;
     icon?: ReactNode;
 } & NativeProps;
 export declare const Result: FC<ResultProps>;

package/2x/es/components/virtual-input/virtual-input.js

@@ -64,6 +64,28 @@ export const VirtualInput = forwardRef((p, ref) => {
     (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props);
   }
 
+  const keyboard = props.keyboard;
+  const keyboardElement = keyboard && React.cloneElement(keyboard, {
+    onInput: v => {
+      var _a, _b;
+
+      setValue(value + v);
+      (_b = (_a = keyboard.props).onInput) === null || _b === void 0 ? void 0 : _b.call(_a, v);
+    },
+    onDelete: () => {
+      var _a, _b;
+
+      setValue(value.slice(0, -1));
+      (_b = (_a = keyboard.props).onDelete) === null || _b === void 0 ? void 0 : _b.call(_a);
+    },
+    visible: hasFocus,
+    onClose: () => {
+      var _a, _b, _c;
+
+      (_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+      (_c = (_b = keyboard.props).onClose) === null || _c === void 0 ? void 0 : _c.call(_b);
+    }
+  });
   return withNativeProps(props, React.createElement("div", {
     ref: rootRef,
     className: classNames(classPrefix, {
@@ -91,18 +113,5 @@ export const VirtualInput = forwardRef((p, ref) => {
     }
   }, React.createElement(CloseCircleFill, null)), !value && React.createElement("div", {
     className: `${classPrefix}-placeholder`
-  }, props.placeholder), props.keyboard && React.cloneElement(props.keyboard, {
-    onInput: v => {
-      setValue(value + v);
-    },
-    onDelete: () => {
-      setValue(value.slice(0, -1));
-    },
-    visible: hasFocus,
-    onClose: () => {
-      var _a;
-
-      (_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.blur();
-    }
-  })));
+  }, props.placeholder), keyboardElement));
 });

package/2x/es/utils/render-imperatively.js

@@ -1,9 +1,7 @@
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useEffect, useImperativeHandle, useRef, useState } from 'react';
 import { renderToBody } from './render-to-body';
 export function renderImperatively(element) {
-  let close = () => {};
-
-  const Wrapper = () => {
+  const Wrapper = React.forwardRef((_, ref) => {
     const [visible, setVisible] = useState(false);
     const closedRef = useRef(false);
     useEffect(() => {
@@ -22,8 +20,6 @@ export function renderImperatively(element) {
       (_b = (_a = element.props).onClose) === null || _b === void 0 ? void 0 : _b.call(_a);
     }
 
-    close = onClose;
-
     function afterClose() {
       var _a, _b;
 
@@ -31,14 +27,26 @@ export function renderImperatively(element) {
       (_b = (_a = element.props).afterClose) === null || _b === void 0 ? void 0 : _b.call(_a);
     }
 
+    useImperativeHandle(ref, () => ({
+      close: onClose
+    }));
     return React.cloneElement(element, Object.assign(Object.assign({}, element.props), {
       visible,
       onClose,
       afterClose
     }));
-  };
+  });
+  const wrapperRef = React.createRef();
+  const unmount = renderToBody(React.createElement(Wrapper, {
+    ref: wrapperRef
+  }));
+
+  function close() {
+    var _a;
+
+    (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.close();
+  }
 
-  const unmount = renderToBody(React.createElement(Wrapper, null));
   return {
     close
   };

package/2x/es/utils/with-cache.d.ts

@@ -0,0 +1 @@
+export declare function withCache<T>(generate: () => T): () => T;

package/2x/es/utils/with-cache.js

@@ -0,0 +1,10 @@
+export function withCache(generate) {
+  let cache = null;
+  return () => {
+    if (cache === null) {
+      cache = generate();
+    }
+
+    return cache;
+  };
+}

package/2x/package.json

@@ -1,6 +1,6 @@
 {
   "name": "antd-mobile",
-  "version": "5.6.0",
+  "version": "5.7.1",
   "dependencies": {
     "@floating-ui/dom": "^0.3.1",
     "@react-spring/web": "^9.4.3",

package/cjs/components/calendar/calendar.d.ts

@@ -9,9 +9,10 @@ export declare type CalenderRef = {
     jumpToToday: () => void;
 };
 export declare type CalendarProps = {
+    onPageChange?: (year: number, month: number) => void;
     weekStartsOn?: 'Monday' | 'Sunday';
     renderLabel?: (date: Date) => string | null | undefined;
-    onPageChange?: (year: number, month: number) => void;
+    allowClear?: boolean;
 } & ({
     selectionMode?: undefined;
     value?: undefined;
@@ -21,12 +22,12 @@ export declare type CalendarProps = {
     selectionMode: 'single';
     value?: Date | null;
     defaultValue?: Date | null;
-    onChange?: (val: Date) => void;
+    onChange?: (val: Date | null) => void;
 } | {
     selectionMode: 'range';
     value?: [Date, Date] | null;
     defaultValue?: [Date, Date] | null;
-    onChange?: (val: [Date, Date]) => void;
+    onChange?: (val: [Date, Date] | null) => void;
 }) & NativeProps;
 export declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<CalenderRef>>;
 export {};

package/cjs/components/calendar/calendar.js

@@ -25,6 +25,10 @@ var _isoWeek = _interopRequireDefault(require("dayjs/plugin/isoWeek"));
 
 var _ahooks = require("ahooks");
 
+var _usePropsValue = require("../../utils/use-props-value");
+
+var _convert = require("./convert");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -35,7 +39,9 @@ _dayjs.default.extend(_isoWeek.default);
 
 const classPrefix = 'adm-calendar';
 const defaultProps = {
-  weekStartsOn: 'Sunday'
+  weekStartsOn: 'Sunday',
+  defaultValue: null,
+  allowClear: true
 };
 const Calendar = (0, _react.forwardRef)((p, ref) => {
   const today = (0, _dayjs.default)();
@@ -50,29 +56,21 @@ const Calendar = (0, _react.forwardRef)((p, ref) => {
     if (item) markItems.unshift(item);
   }
 
-  const dateRange = (0, _react.useMemo)(() => {
-    var _a, _b, _c, _d;
+  const [dateRange, setDateRange] = (0, _usePropsValue.usePropsValue)({
+    value: props.value === undefined ? undefined : (0, _convert.convertValueToRange)(props.selectionMode, props.value),
+    defaultValue: (0, _convert.convertValueToRange)(props.selectionMode, props.defaultValue),
+    onChange: v => {
+      var _a, _b;
 
-    if (props.selectionMode === 'single') {
-      const value = (_b = (_a = props.value) !== null && _a !== void 0 ? _a : props.defaultValue) !== null && _b !== void 0 ? _b : null;
-      return [value, value];
-    } else if (props.selectionMode === 'range') {
-      return (_d = (_c = props.value) !== null && _c !== void 0 ? _c : props.defaultValue) !== null && _d !== void 0 ? _d : [null, null];
-    } else {
-      return [null, null];
+      if (props.selectionMode === 'single') {
+        (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, v ? v[0] : null);
+      } else if (props.selectionMode === 'range') {
+        (_b = props.onChange) === null || _b === void 0 ? void 0 : _b.call(props, v);
+      }
     }
-  }, [props.selectionMode, props.value, props.defaultValue]);
-  const [begin, setBegin] = (0, _react.useState)(null);
-  const [end, setEnd] = (0, _react.useState)(null);
-  (0, _ahooks.useIsomorphicLayoutEffect)(() => {
-    setBegin(dateRange[0] ? (0, _dayjs.default)(dateRange[0]) : null);
-    setEnd(dateRange[1] ? (0, _dayjs.default)(dateRange[1]) : null);
-  }, [dateRange[0], dateRange[1]]);
-  const [current, setCurrent] = (0, _react.useState)(() => {
-    var _a;
-
-    return (0, _dayjs.default)((_a = dateRange[0]) !== null && _a !== void 0 ? _a : today).date(1);
   });
+  const [intermediate, setIntermediate] = (0, _react.useState)(false);
+  const [current, setCurrent] = (0, _react.useState)(() => (0, _dayjs.default)(dateRange ? dateRange[0] : today).date(1));
   (0, _ahooks.useUpdateEffect)(() => {
     var _a;
 
@@ -136,14 +134,16 @@ const Calendar = (0, _react.forwardRef)((p, ref) => {
 
     while (cells.length < 6 * 7) {
       const d = iterator;
-
-      const isSelect = (() => {
-        if (!begin) return false;
-        if (d.isSame(begin, 'day')) return true;
-        if (!end) return false;
-        if (d.isSame(end, 'day')) return true;
-        return d.isAfter(begin, 'day') && d.isBefore(end, 'day');
-      })();
+      let isSelect = false;
+      let isBegin = false;
+      let isEnd = false;
+
+      if (dateRange) {
+        const [begin, end] = dateRange;
+        isBegin = d.isSame(begin, 'day');
+        isEnd = d.isSame(end, 'day');
+        isSelect = isBegin || isEnd || d.isAfter(begin, 'day') && d.isBefore(end, 'day');
+      }
 
       const inThisMonth = d.month() === current.month();
       cells.push(_react.default.createElement("div", {
@@ -151,41 +151,52 @@ const Calendar = (0, _react.forwardRef)((p, ref) => {
         className: (0, _classnames.default)(`${classPrefix}-cell`, inThisMonth ? `${classPrefix}-cell-in` : `${classPrefix}-cell-out`, inThisMonth && {
           [`${classPrefix}-cell-today`]: d.isSame(today, 'day'),
           [`${classPrefix}-cell-selected`]: isSelect,
-          [`${classPrefix}-cell-selected-begin`]: isSelect && d.isSame(begin, 'day'),
-          [`${classPrefix}-cell-selected-end`]: isSelect && (!end || d.isSame(end, 'day'))
+          [`${classPrefix}-cell-selected-begin`]: isBegin,
+          [`${classPrefix}-cell-selected-end`]: isEnd
         }),
         onClick: () => {
-          var _a, _b, _c;
-
           if (!props.selectionMode) return;
+          const date = d.toDate();
+
+          if (!inThisMonth) {
+            setCurrent(d.clone().date(1));
+          }
+
+          function shouldClear() {
+            if (!props.allowClear) return false;
+            if (!dateRange) return false;
+            const [begin, end] = dateRange;
+            return d.isSame(begin, 'date') && d.isSame(end, 'day');
+          }
 
           if (props.selectionMode === 'single') {
-            setBegin(d);
-            setEnd(d);
-            (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, d.toDate());
+            if (props.allowClear && shouldClear()) {
+              setDateRange(null);
+              return;
+            }
+
+            setDateRange([date, date]);
           } else if (props.selectionMode === 'range') {
-            if (begin !== null && end === null) {
-              if (begin.isSame(d.toDate())) {
-                setBegin(null);
-                setEnd(null);
-              } else {
-                if (d.isBefore(begin)) {
-                  setEnd(begin);
-                  setBegin(d);
-                  (_b = props.onChange) === null || _b === void 0 ? void 0 : _b.call(props, [d.toDate(), begin.toDate()]);
-                } else {
-                  setEnd(d);
-                  (_c = props.onChange) === null || _c === void 0 ? void 0 : _c.call(props, [begin.toDate(), d.toDate()]);
-                }
-              }
-            } else {
-              setBegin(d);
-              setEnd(null);
+            if (!dateRange) {
+              setDateRange([date, date]);
+              setIntermediate(true);
+              return;
             }
-          }
 
-          if (!inThisMonth) {
-            setCurrent(d.clone().date(1));
+            if (shouldClear()) {
+              setDateRange(null);
+              setIntermediate(false);
+              return;
+            }
+
+            if (intermediate) {
+              const another = dateRange[0];
+              setDateRange(another > date ? [date, another] : [another, date]);
+              setIntermediate(false);
+            } else {
+              setDateRange([date, date]);
+              setIntermediate(true);
+            }
           }
         }
       }, _react.default.createElement("div", {

package/cjs/components/calendar/convert.d.ts

@@ -0,0 +1,2 @@
+export declare type DateRange = [Date, Date] | null;
+export declare function convertValueToRange(selectionMode: 'single' | 'range' | undefined, value: Date | [Date, Date] | null): DateRange;

package/cjs/components/calendar/convert.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.convertValueToRange = convertValueToRange;
+
+function convertValueToRange(selectionMode, value) {
+  if (selectionMode === undefined) {
+    return null;
+  }
+
+  if (value === null) {
+    return null;
+  }
+
+  if (Array.isArray(value)) {
+    return value;
+  }
+
+  return [value, value];
+}

package/cjs/components/collapse/collapse.js

@@ -50,6 +50,13 @@ const CollapsePanelContent = props => {
   }, api] = (0, _web.useSpring)(() => ({
     from: {
       height: 0
+    },
+    config: {
+      precision: 0.01,
+      mass: 1,
+      tension: 200,
+      friction: 25,
+      clamp: true
     }
   }));
   (0, _ahooks.useMount)(() => {

package/cjs/components/empty/empty-icon.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { NativeProps } from '../../utils/native-props';
+export declare const EmptyIcon: FC<NativeProps>;

package/cjs/components/empty/empty-icon.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EmptyIcon = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _nativeProps = require("../../utils/native-props");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const EmptyIcon = props => {
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("svg", {
+    viewBox: '0 0 64 41'
+  }, _react.default.createElement("g", {
+    transform: 'translate(0 1)',
+    fill: 'none',
+    fillRule: 'evenodd'
+  }, _react.default.createElement("ellipse", {
+    fill: '#f5f5f5',
+    cx: '32',
+    cy: '33',
+    rx: '32',
+    ry: '7'
+  }), _react.default.createElement("g", {
+    stroke: '#d9d9d9'
+  }, _react.default.createElement("path", {
+    d: 'M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z'
+  }), _react.default.createElement("path", {
+    d: 'M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z',
+    fill: '#fafafa'
+  })))));
+};
+
+exports.EmptyIcon = EmptyIcon;