@pisell/date-picker 1.0.72 → 1.0.73

package/es/ActionBar/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonProps } from "antd";
 import { Dayjs } from "dayjs";
 import "./index.less";

package/es/PisellDateRangePicker/CloseCircle.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const CloseCircle: (props: {
     className: string;
     onClick: any;

package/es/PisellDateRangePicker/LocaleContext.js

@@ -0,0 +1,6 @@
+import { createContext } from 'react';
+var initialContext = {
+  locale: 'en'
+};
+export var LocaleContext = /*#__PURE__*/createContext(initialContext);
+export var LocaleProvider = LocaleContext.Provider;

package/es/PisellDateRangePicker/index.js

@@ -10,7 +10,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useState, useEffect, useMemo } from "react";
+import React, { useState, useEffect, useMemo, useContext } from "react";
 import { DateRangePicker } from "../DateRangePicker";
 import ActionBar from "../ActionBar";
 import Shortcuts from "../Shortcuts";
@@ -19,11 +19,13 @@ import classNames from "classnames";
 import { isArr, isBoolean } from "@pisell/utils";
 import useCssVariables from "./useCssVariables";
 import CloseCircle from "./CloseCircle";
-import 'dayjs/locale/zh-cn';
-import 'dayjs/locale/en';
-import 'dayjs/locale/zh-tw';
+import "dayjs/locale/zh-cn";
+import "dayjs/locale/en";
+import "dayjs/locale/zh-tw";
 import "./index.less";
-import { isMobile } from "../utils";
+import { getCurrentLocale, isMobile } from "../utils";
+import { LocaleContext } from "./LocaleContext";
+import { pLocaleMap } from "../locales";
 var transDayjsArr = function transDayjsArr(dayjsArr, defaultValue) {
   var _newArr;
   var newArr = dayjsArr || defaultValue || [null, null];
@@ -45,7 +47,7 @@ var PisellDateRangePicker = function PisellDateRangePicker(props) {
     showTime = props.showTime,
     placeholder = props.placeholder,
     disabledDate = props.disabledDate,
-    format = props.format,
+    propsFormat = props.format,
     defaultValue = props.defaultValue,
     suffixIcon = props.suffixIcon,
     _props$bordered = props.bordered,
@@ -75,6 +77,8 @@ var PisellDateRangePicker = function PisellDateRangePicker(props) {
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
     setOpen = _useState2[1];
+  var _ref = useContext(LocaleContext) || {},
+    locale = _ref.locale;
   useEffect(function () {
     isBoolean(propsOpen) && setOpen(propsOpen);
   }, [propsOpen]);
@@ -171,6 +175,16 @@ var PisellDateRangePicker = function PisellDateRangePicker(props) {
     }
     return {};
   }, [inputReadOnly]);
+  var format = useMemo(function () {
+    if (propsFormat) {
+      return propsFormat;
+    }
+    var localeValue = locale;
+    if (!localeValue) {
+      localeValue = pLocaleMap[getCurrentLocale()];
+    }
+    return localeValue === "en" || localeValue === "en-US" ? "DD/MM/YYYY" : "YYYY/MM/DD";
+  }, [propsFormat, locale]);
   return /*#__PURE__*/React.createElement("span", {
     className: classNames(className, "pisell-date-range-picker", {
       "pisell-date-range-picker-no-border": !bordered

package/es/Shortcuts/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 import { Dayjs } from "dayjs";
 export declare type PresetType = {

package/es/dateRangeViewRenderers/dateRangeViewRenderers.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
 import { DateRangeCalendarProps } from '../DateRangeCalendar';
 export interface DateRangeViewRendererProps<TDate, TView extends DateOrTimeViewWithMeridiem> extends DateRangeCalendarProps<TDate> {

package/es/index.js

@@ -1,4 +1,5 @@
 import PisellDateRangePicker from "./PisellDateRangePicker";
+import { LocaleContext, LocaleProvider } from "./PisellDateRangePicker/LocaleContext";
 export * from "@mui/x-date-pickers";
 export * from "@mui/material/styles";
 export * from "./DateRangePickerDay";
@@ -22,4 +23,5 @@ export * from "./StaticDateRangePicker";
 // View renderers
 export * from "./dateRangeViewRenderers";
 export { PisellDateRangePicker as RangePicker };
+export { LocaleContext, LocaleProvider };
 export * from "./models";

package/es/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
 import { UseDesktopRangePickerParams, UseDesktopRangePickerProps } from './useDesktopRangePicker.types';
 export declare const useDesktopRangePicker: <TDate, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseDesktopRangePickerProps<TDate, TView, any, TExternalProps>>({ props, ...pickerParams }: UseDesktopRangePickerParams<TDate, TView, TExternalProps>) => {

package/es/internals/hooks/useMobileRangePicker/useMobileRangePicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
 import { UseMobileRangePickerParams, UseMobileRangePickerProps } from './useMobileRangePicker.types';
 export declare const useMobileRangePicker: <TDate, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseMobileRangePickerProps<TDate, TView, any, TExternalProps>>({ props, ...pickerParams }: UseMobileRangePickerParams<TDate, TView, TExternalProps>) => {

package/es/internals/hooks/useStaticRangePicker/useStaticRangePicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
 import { UseStaticRangePickerParams, UseStaticRangePickerProps } from './useStaticRangePicker.types';
 /**

package/es/internals/utils/date-fields-utils.d.ts

@@ -5,7 +5,7 @@ export declare const splitDateRangeSections: (sections: RangeFieldSection[]) =>
 };
 export declare const removeLastSeparator: (dateSections: RangeFieldSection[]) => (RangeFieldSection | {
     separator: null;
-    dateName: "end" | "start";
+    dateName: "start" | "end";
     value: string;
     format: string;
     maxLength: number | null;

package/es/locales/index.js

@@ -10,7 +10,10 @@ var langMap = {
 export var pLocaleMap = {
   "en": "en-US",
   "zh-cn": "zh-CN",
-  "zh-tw": "zh-TW"
+  "zh-tw": "zh-TW",
+  "en-US": "en-US",
+  "zh-CN": "zh-CN",
+  "zh-TW": "zh-TW"
 };
 export var getText = function getText(id, pLocale) {
   if (!id) {

package/lib/ActionBar/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonProps } from "antd";
 import { Dayjs } from "dayjs";
 import "./index.less";

package/lib/PisellDateRangePicker/CloseCircle.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const CloseCircle: (props: {
     className: string;
     onClick: any;

package/lib/PisellDateRangePicker/LocaleContext.js

@@ -0,0 +1,36 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/PisellDateRangePicker/LocaleContext.ts
+var LocaleContext_exports = {};
+__export(LocaleContext_exports, {
+  LocaleContext: () => LocaleContext,
+  LocaleProvider: () => LocaleProvider
+});
+module.exports = __toCommonJS(LocaleContext_exports);
+var import_react = require("react");
+var initialContext = {
+  locale: "en"
+};
+var LocaleContext = (0, import_react.createContext)(initialContext);
+var LocaleProvider = LocaleContext.Provider;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LocaleContext,
+  LocaleProvider
+});

package/lib/PisellDateRangePicker/index.js

@@ -46,6 +46,8 @@ var import_en = require("dayjs/locale/en");
 var import_zh_tw = require("dayjs/locale/zh-tw");
 var import_index = require("./index.less");
 var import_utils2 = require("../utils");
+var import_LocaleContext = require("./LocaleContext");
+var import_locales = require("../locales");
 var transDayjsArr = (dayjsArr, defaultValue) => {
   let newArr = dayjsArr || defaultValue || [null, null];
   if ((dayjsArr == null ? void 0 : dayjsArr.length) === 0) {
@@ -64,7 +66,7 @@ var PisellDateRangePicker = (props) => {
     showTime,
     placeholder,
     disabledDate,
-    format,
+    format: propsFormat,
     defaultValue,
     suffixIcon,
     bordered = true,
@@ -89,6 +91,7 @@ var PisellDateRangePicker = (props) => {
     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]);
@@ -183,6 +186,16 @@ var PisellDateRangePicker = (props) => {
     }
     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]);
   return /* @__PURE__ */ import_react.default.createElement(
     "span",
     {

package/lib/Shortcuts/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 import { Dayjs } from "dayjs";
 export declare type PresetType = {

package/lib/dateRangeViewRenderers/dateRangeViewRenderers.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
 import { DateRangeCalendarProps } from '../DateRangeCalendar';
 export interface DateRangeViewRendererProps<TDate, TView extends DateOrTimeViewWithMeridiem> extends DateRangeCalendarProps<TDate> {

package/lib/index.js

@@ -30,10 +30,13 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+  LocaleContext: () => import_LocaleContext.LocaleContext,
+  LocaleProvider: () => import_LocaleContext.LocaleProvider,
   RangePicker: () => import_PisellDateRangePicker.default
 });
 module.exports = __toCommonJS(src_exports);
 var import_PisellDateRangePicker = __toESM(require("./PisellDateRangePicker"));
+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);
 __reExport(src_exports, require("./DateRangePickerDay"), module.exports);
@@ -51,6 +54,8 @@ __reExport(src_exports, require("./dateRangeViewRenderers"), module.exports);
 __reExport(src_exports, require("./models"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  LocaleContext,
+  LocaleProvider,
   RangePicker,
   ...require("@mui/x-date-pickers"),
   ...require("@mui/material/styles"),

package/lib/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
 import { UseDesktopRangePickerParams, UseDesktopRangePickerProps } from './useDesktopRangePicker.types';
 export declare const useDesktopRangePicker: <TDate, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseDesktopRangePickerProps<TDate, TView, any, TExternalProps>>({ props, ...pickerParams }: UseDesktopRangePickerParams<TDate, TView, TExternalProps>) => {

package/lib/internals/hooks/useMobileRangePicker/useMobileRangePicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
 import { UseMobileRangePickerParams, UseMobileRangePickerProps } from './useMobileRangePicker.types';
 export declare const useMobileRangePicker: <TDate, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseMobileRangePickerProps<TDate, TView, any, TExternalProps>>({ props, ...pickerParams }: UseMobileRangePickerParams<TDate, TView, TExternalProps>) => {

package/lib/internals/hooks/useStaticRangePicker/useStaticRangePicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
 import { UseStaticRangePickerParams, UseStaticRangePickerProps } from './useStaticRangePicker.types';
 /**

package/lib/internals/utils/date-fields-utils.d.ts

@@ -5,7 +5,7 @@ export declare const splitDateRangeSections: (sections: RangeFieldSection[]) =>
 };
 export declare const removeLastSeparator: (dateSections: RangeFieldSection[]) => (RangeFieldSection | {
     separator: null;
-    dateName: "end" | "start";
+    dateName: "start" | "end";
     value: string;
     format: string;
     maxLength: number | null;

package/lib/locales/index.js

@@ -45,7 +45,10 @@ var langMap = {
 var pLocaleMap = {
   "en": "en-US",
   "zh-cn": "zh-CN",
-  "zh-tw": "zh-TW"
+  "zh-tw": "zh-TW",
+  "en-US": "en-US",
+  "zh-CN": "zh-CN",
+  "zh-TW": "zh-TW"
 };
 var getText = (id, pLocale) => {
   if (!id) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/date-picker",
-  "version": "1.0.72",
+  "version": "1.0.73",
   "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.24"
   },
   "files": [
     "es",

package/es/index.d.ts

@@ -1,20 +0,0 @@
-import PisellDateRangePicker from "./PisellDateRangePicker";
-export * from "@mui/x-date-pickers";
-export * from "@mui/material/styles";
-export * from "./DateRangePickerDay";
-export * from "./MultiInputDateRangeField";
-export * from "./MultiInputTimeRangeField";
-export * from "./MultiInputDateTimeRangeField";
-export * from "./SingleInputDateRangeField";
-export * from "./SingleInputTimeRangeField";
-export * from "./SingleInputDateTimeRangeField";
-export type { RangeFieldSection, BaseMultiInputFieldProps, MultiInputFieldSlotTextFieldProps, } from "./internals/models/fields";
-export * from "./DateRangeCalendar";
-export * from "./DesktopDateRangePicker";
-export * from "./MobileDateRangePicker";
-export * from "./StaticDateRangePicker";
-export * from "./dateRangeViewRenderers";
-export type { DateRange, RangePosition } from "./internals/models/range";
-export type { UseDateRangeFieldProps } from "./internals/models/dateRange";
-export { PisellDateRangePicker as RangePicker };
-export * from "./models";

package/es/locales/index.d.ts

@@ -1,2 +0,0 @@
-export declare const pLocaleMap: Record<string, any>;
-export declare const getText: (id: string, pLocale?: string) => any;

package/lib/index.d.ts

@@ -1,20 +0,0 @@
-import PisellDateRangePicker from "./PisellDateRangePicker";
-export * from "@mui/x-date-pickers";
-export * from "@mui/material/styles";
-export * from "./DateRangePickerDay";
-export * from "./MultiInputDateRangeField";
-export * from "./MultiInputTimeRangeField";
-export * from "./MultiInputDateTimeRangeField";
-export * from "./SingleInputDateRangeField";
-export * from "./SingleInputTimeRangeField";
-export * from "./SingleInputDateTimeRangeField";
-export type { RangeFieldSection, BaseMultiInputFieldProps, MultiInputFieldSlotTextFieldProps, } from "./internals/models/fields";
-export * from "./DateRangeCalendar";
-export * from "./DesktopDateRangePicker";
-export * from "./MobileDateRangePicker";
-export * from "./StaticDateRangePicker";
-export * from "./dateRangeViewRenderers";
-export type { DateRange, RangePosition } from "./internals/models/range";
-export type { UseDateRangeFieldProps } from "./internals/models/dateRange";
-export { PisellDateRangePicker as RangePicker };
-export * from "./models";

package/lib/locales/index.d.ts

@@ -1,2 +0,0 @@
-export declare const pLocaleMap: Record<string, any>;
-export declare const getText: (id: string, pLocale?: string) => any;