@pisell/date-picker 1.0.143 → 1.0.145

package/lib/OldPisellDateRangePicker/index.less

@@ -1,102 +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;
-  }
-}
+.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/PisellDateRangePicker/LocaleContext.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-interface LocaleContextType {
-    locale?: string;
-}
-export declare const LocaleContext: import("react").Context<LocaleContextType>;
-export declare const LocaleProvider: import("react").Provider<LocaleContextType>;
-export {};
+/// <reference types="react" />
+interface LocaleContextType {
+    locale?: string;
+}
+export declare const LocaleContext: import("react").Context<LocaleContextType>;
+export declare const LocaleProvider: import("react").Provider<LocaleContextType>;
+export {};

package/lib/PisellDateRangePicker/index.less

@@ -1,184 +1,184 @@
-.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 {
-  font-size: 14px;
-  .MuiPickersLayout-root {
-    width: var(--pisell-date-range-picker-popup-width, 625px);
-    display: block;
-    .MuiDateRangeCalendar-root {
-      width: 100%;
-      flex: 1;
-      .MuiDateRangeCalendar-monthContainer {
-        width: 50%;
-        border: none;
-        .MuiDayCalendar-header {
-          padding: 0 20px;
-          .MuiDayCalendar-weekDayLabel {
-            flex: 1;
-            width: 100%;
-          }
-        }
-        .MuiPickersSlideTransition-root {
-          min-width: 200px;
-          min-height: 235px;
-          //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;
-              font-size: 14px;
-              &::before {
-                content: "";
-                display: block;
-                padding-top: 100%;
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
-.MuiDialog-root {
-  font-size: 14px;
-  .MuiPickersLayout-toolbar {
-    display: none;
-  }
-}
-
-.MuiPickersLayout-shortcuts {
-  grid-column: 1 !important;
-  grid-row: 1/3 !important;
-}
-
-.date-picker-custom-drawer {
-  font-size: 14px;
-  .MuiPickersCalendarHeader-root {
-    padding-left: 35px;
-    padding-right: 22px;
-  }
-  .MuiPickersLayout-root {
-    display: block;
-  }
-  .MuiPickersLayout-toolbar {
-    display: none;
-  }
-  .MuiDayCalendar-header {
-    padding: 0 20px;
-    .MuiDayCalendar-weekDayLabel {
-      flex: 1;
-      max-width: 46px;
-    }
-  }
-  .MuiDayCalendar-slideTransition {
-    height: 315px;
-    .MuiDayCalendar-monthContainer {
-      padding: 0 20px;
-    }
-  }
-  .MuiDateRangeCalendar-monthContainer {
-    width: 100%;
-    .MuiDateRangePickerDay-root {
-      flex: 1;
-      max-width: 50px;
-      max-height: 50px;
-      .MuiDateRangePickerDay-day {
-        width: 100%;
-        height: auto;
-        font-size: 14px;
-        &::before {
-          content: "";
-          display: block;
-          padding-top: 100%;
-        }
-      }
-    }
-  }
-  .MuiDrawer-paperAnchorBottom {
-    border-top-left-radius: 8px;
-    border-top-right-radius: 8px;
-  }
-}
-
-
-.date-picker-paid-drawer {
-  font-size: 14px;
-  .MuiPickersLayout-root {
-    display: block;
-    .MuiPickersLayout-contentWrapper {
-      max-height: calc(100vh - 245px - 64px);
-      overflow: auto;
-    }
-  }
-  .MuiDayCalendar-slideTransition {
-    height: 370px;
-  }
-  .MuiDateRangeCalendar-monthContainer {
-    .MuiDateRangePickerDay-root {
-      max-width: 60px;
-      max-height: 60px;
-      .MuiDateRangePickerDay-day {
-        width: 100%;
-        height: auto;
-        font-size: 14px;
-        &::before {
-          content: "";
-          display: block;
-          padding-top: 100%;
-        }
-      }
-    }
-  }
+.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 {
+  font-size: 14px;
+  .MuiPickersLayout-root {
+    width: var(--pisell-date-range-picker-popup-width, 625px);
+    display: block;
+    .MuiDateRangeCalendar-root {
+      width: 100%;
+      flex: 1;
+      .MuiDateRangeCalendar-monthContainer {
+        width: 50%;
+        border: none;
+        .MuiDayCalendar-header {
+          padding: 0 20px;
+          .MuiDayCalendar-weekDayLabel {
+            flex: 1;
+            width: 100%;
+          }
+        }
+        .MuiPickersSlideTransition-root {
+          min-width: 200px;
+          min-height: 235px;
+          //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;
+              font-size: 14px;
+              &::before {
+                content: "";
+                display: block;
+                padding-top: 100%;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+.MuiDialog-root {
+  font-size: 14px;
+  .MuiPickersLayout-toolbar {
+    display: none;
+  }
+}
+
+.MuiPickersLayout-shortcuts {
+  grid-column: 1 !important;
+  grid-row: 1/3 !important;
+}
+
+.date-picker-custom-drawer {
+  font-size: 14px;
+  .MuiPickersCalendarHeader-root {
+    padding-left: 35px;
+    padding-right: 22px;
+  }
+  .MuiPickersLayout-root {
+    display: block;
+  }
+  .MuiPickersLayout-toolbar {
+    display: none;
+  }
+  .MuiDayCalendar-header {
+    padding: 0 20px;
+    .MuiDayCalendar-weekDayLabel {
+      flex: 1;
+      max-width: 46px;
+    }
+  }
+  .MuiDayCalendar-slideTransition {
+    height: 315px;
+    .MuiDayCalendar-monthContainer {
+      padding: 0 20px;
+    }
+  }
+  .MuiDateRangeCalendar-monthContainer {
+    width: 100%;
+    .MuiDateRangePickerDay-root {
+      flex: 1;
+      max-width: 50px;
+      max-height: 50px;
+      .MuiDateRangePickerDay-day {
+        width: 100%;
+        height: auto;
+        font-size: 14px;
+        &::before {
+          content: "";
+          display: block;
+          padding-top: 100%;
+        }
+      }
+    }
+  }
+  .MuiDrawer-paperAnchorBottom {
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+  }
+}
+
+
+.date-picker-paid-drawer {
+  font-size: 14px;
+  .MuiPickersLayout-root {
+    display: block;
+    .MuiPickersLayout-contentWrapper {
+      max-height: calc(100vh - 245px - 64px);
+      overflow: auto;
+    }
+  }
+  .MuiDayCalendar-slideTransition {
+    height: 370px;
+  }
+  .MuiDateRangeCalendar-monthContainer {
+    .MuiDateRangePickerDay-root {
+      max-width: 60px;
+      max-height: 60px;
+      .MuiDateRangePickerDay-day {
+        width: 100%;
+        height: auto;
+        font-size: 14px;
+        &::before {
+          content: "";
+          display: block;
+          padding-top: 100%;
+        }
+      }
+    }
+  }
 }

package/lib/PisellDateRangePicker/useCssVariables.d.ts

@@ -1,8 +1,8 @@
-interface Props {
-    variables: {
-        [key: string]: string;
-    };
-    dom: any;
-}
-declare const useCssVariables: (props: Props) => void;
-export default useCssVariables;
+interface Props {
+    variables: {
+        [key: string]: string;
+    };
+    dom: any;
+}
+declare const useCssVariables: (props: Props) => void;
+export default useCssVariables;

package/lib/Shortcuts/index.d.ts

@@ -1,16 +1,15 @@
-import React from "react";
-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) => React.JSX.Element | null;
-export default Shortcuts;
+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/lib/Shortcuts/index.less

@@ -1,18 +1,18 @@
-.date-picker-shortcuts {
-  width: 192px;
-  padding: 12px 16px;
-  border-right: 1px solid rgba(0, 0, 0, 0.12);
-  .date-picker-shortcuts-item {
-    cursor: pointer;
-    padding: 10px 16px;
-    align-items: center;
-    color: var(--gray-700, #344054);
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 500;
-    line-height: 20px; /* 142.857% */
-    &:hover {
-      background-color: rgb(249, 250, 251);
-    }
-  }
+.date-picker-shortcuts {
+  width: 192px;
+  padding: 12px 16px;
+  border-right: 1px solid rgba(0, 0, 0, 0.12);
+  .date-picker-shortcuts-item {
+    cursor: pointer;
+    padding: 10px 16px;
+    align-items: center;
+    color: var(--gray-700, #344054);
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 20px; /* 142.857% */
+    &:hover {
+      background-color: rgb(249, 250, 251);
+    }
+  }
 }