@pisell/date-picker 1.0.87 → 1.0.89

package/lib/OldActionBar/index.less

@@ -0,0 +1,18 @@
+.date-picker-action-bar {
+  display: flex;
+  .date-picker-action-bar-left {
+    width: 192px;
+    border-right: 1px solid rgba(0, 0, 0, 0.12);
+  }
+  .date-picker-action-bar-right {
+    flex: 1;
+    display: flex;
+    justify-content: space-between;
+    padding: 16px;
+    border-top: 1px solid rgba(0, 0, 0, 0.12);
+  }
+}
+
+.date-picker-action-bar-time-picker-popup {
+  z-index: 1400;
+}

package/lib/OldPisellDateRangePicker/index.js

@@ -0,0 +1,281 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/OldPisellDateRangePicker/index.tsx
+var OldPisellDateRangePicker_exports = {};
+__export(OldPisellDateRangePicker_exports, {
+  default: () => OldPisellDateRangePicker_default
+});
+module.exports = __toCommonJS(OldPisellDateRangePicker_exports);
+var import_react = __toESM(require("react"));
+var import_DateRangePicker = require("../DateRangePicker");
+var import_OldActionBar = __toESM(require("../OldActionBar"));
+var import_Shortcuts = __toESM(require("../Shortcuts"));
+var import_SingleInputDateRangeField = require("../SingleInputDateRangeField");
+var import_classnames = __toESM(require("classnames"));
+var import_utils = require("@pisell/utils");
+var import_useCssVariables = __toESM(require("../PisellDateRangePicker/useCssVariables"));
+var import_CloseCircle = __toESM(require("../icon/CloseCircle"));
+var import_zh_cn = require("dayjs/locale/zh-cn");
+var import_en = require("dayjs/locale/en");
+var import_zh_tw = require("dayjs/locale/zh-tw");
+var import_utils2 = require("../utils");
+var import_LocaleContext = require("../PisellDateRangePicker/LocaleContext");
+var import_locales = require("../locales");
+var import_index = require("./index.less");
+var transDayjsArr = (dayjsArr, defaultValue) => {
+  let newArr = dayjsArr || defaultValue || [null, null];
+  if ((dayjsArr == null ? void 0 : dayjsArr.length) === 0) {
+    newArr = defaultValue || [null, null];
+  }
+  return newArr == null ? void 0 : newArr.map((item) => {
+    return item ? item : null;
+  });
+};
+var PisellDateRangePicker = (props) => {
+  const {
+    onChange: propsOnChange,
+    value: propsValue,
+    presets = [],
+    className,
+    showTime,
+    placeholder,
+    disabledDate,
+    format: propsFormat,
+    defaultValue,
+    suffixIcon,
+    bordered = true,
+    open: propsOpen,
+    onClose,
+    popupWidth = 625,
+    clearEndOnSelection,
+    minDate,
+    maxDate,
+    onOpen,
+    onMonthChange,
+    popupClassName,
+    defaultCalendarMonth,
+    okButtonProps,
+    cancelButtonProps,
+    onDateChange,
+    desktopModeMediaQuery,
+    style,
+    allowClear,
+    disablePortal,
+    placement = "auto",
+    inputReadOnly
+  } = props;
+  const [open, setOpen] = (0, import_react.useState)(propsOpen ?? false);
+  const { locale } = (0, import_react.useContext)(import_LocaleContext.LocaleContext) || {};
+  (0, import_react.useEffect)(() => {
+    (0, import_utils.isBoolean)(propsOpen) && setOpen(propsOpen);
+  }, [propsOpen]);
+  const [_value, setValue] = (0, import_react.useState)(
+    () => transDayjsArr(propsValue, defaultValue)
+  );
+  (0, import_react.useEffect)(() => {
+    setValue(transDayjsArr(propsValue, defaultValue));
+  }, [propsValue]);
+  const handleOpen = () => {
+    setOpen(true);
+    onOpen == null ? void 0 : onOpen();
+  };
+  const handleClose = () => {
+    setOpen(false);
+    onClose == null ? void 0 : onClose();
+    onDateChange == null ? void 0 : onDateChange(transDayjsArr(propsValue, defaultValue));
+    setValue(transDayjsArr(propsValue, defaultValue));
+  };
+  const handleOk = () => {
+    setOpen(false);
+    onClose == null ? void 0 : onClose();
+    propsOnChange == null ? void 0 : propsOnChange(_value);
+  };
+  const _presets = (0, import_react.useMemo)(() => {
+    if ((0, import_utils2.isMobile)())
+      return [];
+    return presets.map((item) => {
+      const getValue = () => {
+        if (typeof item.getValue === "function") {
+          return item.getValue();
+        }
+        return item == null ? void 0 : item.value;
+      };
+      return {
+        label: item.label,
+        getValue
+      };
+    });
+  }, [presets]);
+  const handleChange = (val, type) => {
+    let newVal = val;
+    if ((0, import_utils.isArr)(showTime) && type !== "time") {
+      newVal = newVal.map((item, index) => {
+        var _a, _b, _c, _d, _e, _f, _g;
+        if ((_a = showTime == null ? void 0 : showTime[index]) == null ? void 0 : _a.defaultValue) {
+          return (item == null ? void 0 : item.set("hour", (_c = (_b = showTime[index]) == null ? void 0 : _b.defaultValue) == null ? void 0 : _c.get("hour")).set("minute", (_e = (_d = showTime[index]) == null ? void 0 : _d.defaultValue) == null ? void 0 : _e.get("minute")).set("second", (_g = (_f = showTime[index]) == null ? void 0 : _f.defaultValue) == null ? void 0 : _g.get("second"))) || null;
+        }
+        return item || null;
+      });
+    }
+    if (clearEndOnSelection && type !== "set" && _value.filter(Boolean).length === 2) {
+      newVal = [newVal[0], null];
+    }
+    onDateChange == null ? void 0 : onDateChange(newVal);
+    setValue(newVal);
+  };
+  const hasPreset = (_presets == null ? void 0 : _presets.length) > 0;
+  (0, import_useCssVariables.default)({
+    variables: {
+      "--pisell-date-range-picker-popup-width": `${hasPreset ? popupWidth + 192 : popupWidth}px`
+    },
+    dom: document.body
+  });
+  const handleClear = (e) => {
+    e.stopPropagation();
+    setValue([null, null]);
+    setOpen(false);
+    onClose == null ? void 0 : onClose();
+    propsOnChange == null ? void 0 : propsOnChange([null, null]);
+  };
+  const endAdornment = (0, import_react.useMemo)(() => {
+    if (!allowClear) {
+      return suffixIcon;
+    }
+    if (_value == null ? void 0 : _value.some((item) => !!item)) {
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_CloseCircle.default,
+        {
+          className: "pisell-date-range-picker-clear",
+          onClick: handleClear
+        }
+      );
+    }
+  }, [suffixIcon, allowClear, _value]);
+  const readOnlyProps = (0, import_react.useMemo)(() => {
+    if (inputReadOnly) {
+      return {
+        readOnly: true,
+        selectedSections: null
+      };
+    }
+    return {};
+  }, [inputReadOnly]);
+  const format = (0, import_react.useMemo)(() => {
+    if (propsFormat) {
+      return propsFormat;
+    }
+    let localeValue = locale;
+    if (!localeValue) {
+      localeValue = import_locales.pLocaleMap[(0, import_utils2.getCurrentLocale)()];
+    }
+    return localeValue === "en" || localeValue === "en-US" ? "DD/MM/YYYY" : "YYYY/MM/DD";
+  }, [propsFormat, locale]);
+  console.log(_presets, presets, "_presets");
+  return /* @__PURE__ */ import_react.default.createElement(
+    "span",
+    {
+      className: (0, import_classnames.default)(
+        className,
+        "pisell-date-range-picker",
+        "pisell-date-range-picker-old",
+        {
+          "pisell-date-range-picker-no-border": !bordered
+        }
+      ),
+      style,
+      onClick: (e) => e.stopPropagation()
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_DateRangePicker.DateRangePicker,
+      {
+        desktopModeMediaQuery,
+        onMonthChange,
+        minDate,
+        maxDate,
+        format,
+        label: placeholder,
+        value: _value,
+        closeOnSelect: false,
+        onClose: handleClose,
+        onChange: handleChange,
+        onOpen: handleOpen,
+        open,
+        defaultCalendarMonth,
+        shouldDisableDate: (current, position) => disabledDate == null ? void 0 : disabledDate(current, position, _value),
+        slots: {
+          actionBar: import_OldActionBar.default,
+          shortcuts: import_Shortcuts.default,
+          field: import_SingleInputDateRangeField.SingleInputDateRangeField
+        },
+        dayOfWeekFormatter: (day) => {
+          return day;
+        },
+        slotProps: {
+          shortcuts: {
+            items: _presets,
+            changeImportance: "set",
+            onChange: handleChange
+          },
+          actionBar: {
+            onOk: handleOk,
+            onCancel: handleClose,
+            showTime,
+            onChange: handleChange,
+            value: _value,
+            okButtonProps,
+            cancelButtonProps
+          },
+          field: {
+            value: _value,
+            size: "small",
+            fullWidth: true,
+            // variant: "standard",
+            // hiddenLabel: true,
+            InputProps: {
+              endAdornment
+            },
+            ...readOnlyProps
+          },
+          popper: {
+            className: (0, import_classnames.default)(popupClassName, "pisell-date-range-picker-popper-old"),
+            disablePortal,
+            placement
+          },
+          dialog: {
+            disablePortal
+          },
+          mobilePaper: {
+            className: popupClassName
+          }
+        }
+      }
+    )
+  );
+};
+var OldPisellDateRangePicker_default = PisellDateRangePicker;

package/lib/OldPisellDateRangePicker/index.less

@@ -0,0 +1,102 @@
+.pisell-date-range-picker {
+  display: inline-block;
+  width: 100%;
+  //width: 350px;
+  //.MuiInputBase-input {
+  //  padding: 10px;
+  //}
+  label {
+    font-size: 14px;
+  }
+  .pisell-date-range-picker-clear {
+    color: rgba(0, 0, 0, 0.25);
+    cursor: pointer;
+    display: none;
+    line-height: 0;
+    :hover {
+      color: rgba(0, 0, 0, 0.45);
+    }
+  }
+  :hover {
+    .pisell-date-range-picker-clear {
+      display: block;
+    }
+  }
+}
+.pisell-date-range-picker-no-border {
+  .MuiOutlinedInput-notchedOutline {
+    border: none;
+  }
+}
+.MuiOutlinedInput-notchedOutline {
+  legend {
+    color: inherit !important;
+    width: auto !important;
+    margin-bottom: 0.5em !important;
+    font-size: 1.5em !important;
+    line-height: 11px !important;
+    border: none !important;
+  }
+}
+
+.MuiPickersPopper-root {
+  .MuiPickersLayout-root {
+    width: var(--pisell-date-range-picker-popup-width, 625px);
+    .MuiDateRangeCalendar-root {
+      width: 100%;
+      flex: 1;
+      .MuiDateRangeCalendar-monthContainer {
+        width: 50%;
+        .MuiDayCalendar-header {
+          padding: 0 20px;
+          .MuiDayCalendar-weekDayLabel {
+            flex: 1;
+            width: 100%;
+          }
+        }
+        .MuiPickersSlideTransition-root {
+          min-width: 200px;
+          //min-height: auto;
+          &::before {
+            content: "";
+            display: block;
+            padding-top: 67%;
+          }
+        }
+        .MuiDayCalendar-monthContainer {
+          padding: 0 20px;
+        }
+        .MuiDayCalendar-weekContainer {
+          .MuiDateRangePickerDay-root {
+            flex: 1;
+            .MuiDateRangePickerDay-day {
+              width: 100%;
+              height: auto;
+              &::before {
+                content: "";
+                display: block;
+                padding-top: 100%;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+.MuiDialog-root {
+  .MuiPickersLayout-toolbar {
+    display: none;
+  }
+}
+
+.MuiPickersLayout-shortcuts {
+  grid-column: 1 !important;
+  grid-row: 1/3 !important;
+}
+.pisell-date-range-picker-popper-old {
+  .MuiPickersLayout-root {
+    display: grid !important;
+  }
+}

package/lib/index.js

@@ -33,6 +33,7 @@ __export(src_exports, {
   ConfigProvider: () => import_antd.ConfigProvider,
   LocaleContext: () => import_LocaleContext.LocaleContext,
   LocaleProvider: () => import_LocaleContext.LocaleProvider,
+  OldPisellDateRangePicker: () => import_OldPisellDateRangePicker.default,
   RangePicker: () => import_PisellDateRangePicker.default,
   formatPresets: () => import_utils.formatPresets,
   getDatePickerValue: () => import_utils.getDatePickerValue,
@@ -43,6 +44,7 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 var import_antd = require("antd");
 var import_PisellDateRangePicker = __toESM(require("./PisellDateRangePicker"));
+var import_OldPisellDateRangePicker = __toESM(require("./OldPisellDateRangePicker"));
 var import_LocaleContext = require("./PisellDateRangePicker/LocaleContext");
 __reExport(src_exports, require("@mui/x-date-pickers"), module.exports);
 __reExport(src_exports, require("@mui/material/styles"), module.exports);
@@ -65,6 +67,7 @@ __reExport(src_exports, require("./models"), module.exports);
   ConfigProvider,
   LocaleContext,
   LocaleProvider,
+  OldPisellDateRangePicker,
   RangePicker,
   formatPresets,
   getDatePickerValue,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/date-picker",
-  "version": "1.0.87",
+  "version": "1.0.89",
   "sideEffects": [
     "*.less"
   ],
@@ -26,7 +26,7 @@
     "antd": "^5.5.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "@pisell/utils": "1.0.25"
+    "@pisell/utils": "1.0.28"
   },
   "files": [
     "es",

package/es/ActionBar/index.d.ts

@@ -1,18 +0,0 @@
-import { ButtonProps } from "antd";
-import { Dayjs } from "dayjs";
-import "./index.less";
-interface ActionBarProps {
-    ownerState: any;
-    onCancel: () => void;
-    onChange: (val: any[], type?: "time") => void;
-    onOk: () => void;
-    value: any[];
-    showTime?: boolean | {
-        defaultValue: Dayjs;
-        [key: string]: any;
-    }[];
-    okButtonProps?: ButtonProps;
-    cancelButtonProps?: ButtonProps;
-}
-declare const ActionBar: (props: ActionBarProps) => JSX.Element;
-export default ActionBar;

package/es/CustomCalendarHeader/index.d.ts

@@ -1,2 +0,0 @@
-declare const CustomCalendarHeader: (props: any) => JSX.Element;
-export default CustomCalendarHeader;

package/es/Dialog/index.d.ts

@@ -1,2 +0,0 @@
-declare const Dialog: (props: any) => JSX.Element;
-export default Dialog;

package/es/Drawer/index.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import "./index.less";
-interface DrawerProps {
-    open: boolean;
-    className?: string;
-    height?: number;
-    children: React.ReactNode;
-    onClose: () => void;
-}
-declare const Drawer: (props: DrawerProps) => JSX.Element | null;
-export default Drawer;

package/es/PisellDateRangePicker/LocaleContext.d.ts

@@ -1,2 +0,0 @@
-export declare const LocaleContext: any;
-export declare const LocaleProvider: any;

package/es/PisellDateRangePicker/index.d.ts

@@ -1,81 +0,0 @@
-import { Dayjs } from "dayjs";
-import React from "react";
-import { ButtonProps } from "antd";
-import { PopperPlacementType } from "@mui/base/Popper/Popper.types";
-import { PresetType } from "../Shortcuts";
-import "dayjs/locale/zh-cn";
-import "dayjs/locale/en";
-import "dayjs/locale/zh-tw";
-import "./index.less";
-export interface PisellDateRangePickerProps {
-    /** 再次选择日期时是否清除结束时间 */
-    clearEndOnSelection?: boolean;
-    /** 日期选择确认回调 */
-    onChange?: (day: (Dayjs | null)[] | string) => void;
-    /** 日期改变回调 此处只为了组件外拿到当前日期项进行状态操作 通常情况下只使用onChange来拿value */
-    onDateChange?: (day: (Dayjs | null)[]) => void;
-    /** 日期选择值 */
-    value?: Dayjs[] | string;
-    /** 日期选择默认值 */
-    defaultValue?: Dayjs[];
-    /** 快捷选择项 */
-    presets?: PresetType[];
-    /** 类名 */
-    className?: string;
-    /** 是否显示时间选择 这里参数为antd TimePickerProps */
-    showTime?: boolean | {
-        defaultValue: Dayjs;
-        [key: string]: any;
-    }[];
-    /** 占位符 */
-    placeholder?: string;
-    /** 是否禁用日期 */
-    disabledDate?: (day: Dayjs, position: "start" | "end", value: Dayjs[]) => boolean;
-    /** 日期格式 */
-    format?: string;
-    /** 后缀图标 */
-    suffixIcon?: React.ReactNode;
-    /** 是否显示边框 */
-    bordered?: boolean;
-    /** 是否打开日期选择 */
-    open?: boolean;
-    /** 关闭回调 */
-    onClose?: () => void;
-    /** 打开回调 */
-    onOpen?: () => void;
-    /** 弹窗宽度 */
-    popupWidth?: number;
-    /** 最小日期 */
-    minDate?: Dayjs;
-    /** 最大日期 */
-    maxDate?: Dayjs;
-    /** 月份切换事件 */
-    onMonthChange?: (value: Dayjs) => void;
-    /** 额外的弹出日历 className	 */
-    popupClassName?: string;
-    /** 默认显示月份	 */
-    defaultCalendarMonth?: Dayjs;
-    /** ok 按钮 props		 */
-    okButtonProps?: ButtonProps;
-    /** cancel 按钮 props		 */
-    cancelButtonProps?: ButtonProps;
-    /**
-     * CSS media query when `Mobile` mode will be changed to `Desktop`.
-     * @default '@media (pointer: fine)'
-     * @example '@media (min-width: 720px)' or theme.breakpoints.up("sm")
-     */
-    desktopModeMediaQuery?: string;
-    style?: React.CSSProperties;
-    /** 是否展示清除按钮 */
-    allowClear?: boolean;
-    /** true 将弹窗当前DOM层次结构下 false 追加到body */
-    disablePortal?: boolean;
-    /** 弹窗放置位置 */
-    placement?: PopperPlacementType;
-    /** 输入框只读 */
-    inputReadOnly: boolean;
-    /** 使用快捷筛选时返回快捷字符串 */
-    returnShortcutString?: boolean;
-}
-declare const PisellDateRangePicker: (props: PisellDateRangePickerProps) => JSX.Element;
-export default PisellDateRangePicker;

package/es/Shortcuts/index.d.ts

@@ -1,15 +0,0 @@
-import "./index.less";
-import { Dayjs } from "dayjs";
-export declare type PresetType = {
-    label?: string;
-    getValue?: () => [Dayjs, Dayjs];
-    value: [Dayjs, Dayjs] | "today" | "yesterday" | "last_3_days" | "last_7_days" | "last_30_days" | "last_90_days" | "last_180_days" | "tomorrow" | "next_3_days" | "next_7_days" | "next_30_days" | "next_90_days" | "next_180_days";
-    key?: string;
-};
-interface ShortcutsProps {
-    items: PresetType[];
-    onChange: (day: [Dayjs, Dayjs], changeImportance?: "accept" | "set") => void;
-    changeImportance?: "accept" | "set";
-}
-declare const Shortcuts: (props: ShortcutsProps) => JSX.Element | null;
-export default Shortcuts;

package/es/Toolbar/index.d.ts

@@ -1,3 +0,0 @@
-import './index.less';
-declare const Toolbar: (props: any) => JSX.Element;
-export default Toolbar;

package/es/browserSelect/index.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-import "./index.less";
-interface BrowserSelectProps extends React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement> {
-    options: any[];
-}
-/**
- * @title: 系统级别的下拉框
- * @description:
- * @param {BrowserSelectProps} props
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-01-30 16:43
- */
-declare const BrowserSelect: (props: BrowserSelectProps) => JSX.Element;
-export default BrowserSelect;

package/es/constants.d.ts

@@ -1,58 +0,0 @@
-import dayjs from 'dayjs';
-import { PresetType } from './Shortcuts';
-export declare const presetValueArr: string[];
-export declare const presetDetailMap: {
-    today: {
-        getValue: () => dayjs.Dayjs[];
-        label: (locale?: string) => any;
-    };
-    yesterday: {
-        getValue: () => dayjs.Dayjs[];
-        label: (locale?: string) => any;
-    };
-    last_3_days: {
-        getValue: () => dayjs.Dayjs[];
-        label: (locale?: string) => any;
-    };
-    last_7_days: {
-        getValue: () => dayjs.Dayjs[];
-        label: (locale?: string) => any;
-    };
-    last_30_days: {
-        getValue: () => dayjs.Dayjs[];
-        label: (locale?: string) => any;
-    };
-    last_90_days: {
-        getValue: () => dayjs.Dayjs[];
-        label: (locale?: string) => any;
-    };
-    last_180_days: {
-        getValue: () => dayjs.Dayjs[];
-        label: (locale?: string) => any;
-    };
-    tomorrow: {
-        getValue: () => dayjs.Dayjs[];
-        label: (locale?: string) => any;
-    };
-    next_3_days: {
-        getValue: () => dayjs.Dayjs[];
-        label: (locale?: string) => any;
-    };
-    next_7_days: {
-        getValue: () => dayjs.Dayjs[];
-        label: (locale?: string) => any;
-    };
-    next_30_days: {
-        getValue: () => dayjs.Dayjs[];
-        label: (locale?: string) => any;
-    };
-    next_90_days: {
-        getValue: () => dayjs.Dayjs[];
-        label: (locale?: string) => any;
-    };
-    next_180_days: {
-        getValue: () => dayjs.Dayjs[];
-        label: (locale?: string) => any;
-    };
-};
-export declare const defaultPresets: PresetType[];

package/es/hooks/useDocumentVisibility.d.ts

@@ -1,2 +0,0 @@
-declare const useDocumentVisibility: () => any;
-export default useDocumentVisibility;

package/es/hooks/useNextDay.d.ts

@@ -1,2 +0,0 @@
-declare const useNextDay: (fn: Function) => void;
-export default useNextDay;

package/es/hooks/useUpdateEffect.d.ts

@@ -1,2 +0,0 @@
-declare const useUpdateEffect: (fn: Function, deps: any[]) => void;
-export default useUpdateEffect;

package/es/icon/ChevronLeft.d.ts

@@ -1,5 +0,0 @@
-declare const ChevronLeft: (props: {
-    className?: string | undefined;
-    onClick?: any;
-}) => JSX.Element;
-export default ChevronLeft;