triafly-ui-kit 1.0.30 → 1.0.31

package/dist/components/Ui/DateRangePicker/hooks/useQuickRange.js

@@ -0,0 +1,77 @@
+import b from "../../../../_virtual/dayjs.min.js";
+import { useState as h } from "react";
+const Q = (u, i, o, n, k, d) => {
+  const a = b(), [y, f] = h(null);
+  return {
+    activeQuickRange: y,
+    setQuickRange: (r) => {
+      let t, e = a;
+      switch (r) {
+        case "yesterday":
+          t = a.subtract(1, "day"), e = t;
+          break;
+        case "thisWeek":
+          t = a.startOf("week");
+          break;
+        case "lastWeek":
+          t = a.subtract(1, "week").startOf("week"), e = t.add(6, "day");
+          break;
+        case "thisMonth":
+          t = a.startOf("month");
+          break;
+        case "lastMonth":
+          t = a.subtract(1, "month").startOf("month"), e = t.endOf("month");
+          break;
+        case "thisYear":
+          t = a.startOf("year");
+          break;
+        case "lastYear":
+          t = a.subtract(1, "year").startOf("year"), e = t.endOf("year");
+          break;
+        default:
+          t = a;
+      }
+      if (f(r), u({ start: t, end: e }), d && d({ start: t, end: e }), t && e) {
+        const s = t.startOf("month"), c = e.startOf("month");
+        s.isSame(c) ? (i(s), o(s.add(1, "month"))) : (i(s), o(c));
+      }
+    },
+    isQuickRangeDisabled: (r) => {
+      let t, e = a;
+      switch (r) {
+        case "today":
+          t = a, e = a;
+          break;
+        case "yesterday":
+          t = a.subtract(1, "day"), e = t;
+          break;
+        case "thisWeek":
+          t = a.startOf("week");
+          break;
+        case "lastWeek":
+          t = a.subtract(1, "week").startOf("week"), e = t.add(6, "day");
+          break;
+        case "thisMonth":
+          t = a.startOf("month");
+          break;
+        case "lastMonth":
+          t = a.subtract(1, "month").startOf("month"), e = t.endOf("month");
+          break;
+        case "thisYear":
+          t = a.startOf("year");
+          break;
+        case "lastYear":
+          t = a.subtract(1, "year").startOf("year"), e = t.endOf("year");
+          break;
+        default:
+          return !1;
+      }
+      const s = !n || t.isAfter(n, "day") || t.isSame(n, "day"), c = !k || e.isBefore(k, "day") || e.isSame(k, "day");
+      return !s || !c;
+    },
+    setActiveQuickRange: f
+  };
+};
+export {
+  Q as useQuickRange
+};

package/dist/components/Ui/DateRangePicker/index.js

@@ -0,0 +1,4 @@
+import { DateRangePicker as a } from "./DateRangePicker.js";
+export {
+  a as DateRangePicker
+};

package/dist/main.d.ts

@@ -1,5 +1,6 @@
 import { ComponentType } from 'react';
 import { Context } from 'react';
+import { Dayjs } from 'dayjs';
 import { default as default_2 } from 'react';
 import { FC } from 'react';
 import { ForwardRefExoticComponent } from 'react';
@@ -132,6 +133,38 @@ export declare type Column<T extends object = Record<string, unknown>> = {
 
 export declare const CustomLink: default_2.FC<LinkProps>;
 
+export declare const DatePicker: default_2.FC<DatePickerProps>;
+
+declare interface DatePickerProps {
+    name?: string;
+    value?: Date | null;
+    onChange?: (date: Date | null) => void;
+    placeholder?: string;
+    className?: string;
+    inputClassName?: string;
+    calendarClassName?: string;
+    minDate?: Date;
+    maxDate?: Date;
+}
+
+export declare const DateRangePicker: default_2.FC<DateRangePickerProps>;
+
+declare interface DateRangePickerProps {
+    disabledBefore?: Dayjs;
+    disabledAfter?: Dayjs;
+    onChange?: (range: {
+        start: Dayjs;
+        end: Dayjs;
+    }) => void;
+    initialRange?: {
+        start: Dayjs;
+        end: Dayjs;
+    };
+    className?: string;
+    placeholder: string;
+    autoCompleteWithToday?: boolean;
+}
+
 export declare const DropdownInput: default_2.FC<DropdownInputProps>;
 
 declare type DropdownInputProps = {

package/dist/main.js

@@ -1,162 +1,166 @@
 import { Accordeon as e } from "./components/Ui/Accordeon/Accordeon.js";
-import { Alert as I } from "./components/Ui/Alert/Alert.js";
-import { Avatar as i } from "./components/Ui/Avatar/Avatar.js";
+import { Alert as t } from "./components/Ui/Alert/Alert.js";
+import { Avatar as a } from "./components/Ui/Avatar/Avatar.js";
 import { ModalWindow as p } from "./components/Ui/ModalWindow/ModalWindow.js";
 import { Badge as f } from "./components/Ui/Badge/Badge.js";
-import { Button as x } from "./components/Ui/Button/Button.js";
-import { ButtonsArray as u } from "./components/Ui/ButtonsArray/ButtonsArray.js";
-import { Checkbox as C } from "./components/Ui/Checkbox/Checkbox.js";
-import { CliTextareaInput as h } from "./components/Ui/CliTextareaInput/CliTextareaInput.js";
+import { DatePicker as x } from "./components/Ui/DatePicker/DatePicker.js";
+import { DateRangePicker as u } from "./components/Ui/DateRangePicker/DateRangePicker.js";
+import { Button as C } from "./components/Ui/Button/Button.js";
+import { ButtonsArray as h } from "./components/Ui/ButtonsArray/ButtonsArray.js";
+import { Checkbox as S } from "./components/Ui/Checkbox/Checkbox.js";
+import { CliTextareaInput as k } from "./components/Ui/CliTextareaInput/CliTextareaInput.js";
 import "react";
-import { CustomLink as T } from "./components/Ui/CustomLink/CustomLink.js";
-import { DropdownInput as A } from "./components/Ui/DropdownInput/DropdownInput.js";
-import { DropdownMenu as k } from "./components/Ui/DropdownMenu/DropdownMenu.js";
-import { FileUpload as P } from "./components/Ui/FileUpload/FileUpload.js";
-import { Form as U } from "./components/Ui/Form/FormRoot/FormRoot.js";
-import { useForm as F } from "./components/Ui/Form/useForm/useForm.js";
-import { Loader as v } from "./components/Ui/Loader/Loader.js";
-import { Pagination as X } from "./components/Ui/Pagination/Pagination.js";
-import { Radio as H } from "./components/Ui/Radio/Radio.js";
-import { SearchInput as O } from "./components/Ui/SearchInput/SearchInput.js";
-import { Skeleton as E } from "./components/Ui/Skeleton/Skeleton.js";
-import { Switch as W } from "./components/Ui/Switch/Switch.js";
-import { Table as z } from "./components/Ui/Table/Table.js";
-import { TextInput as Y } from "./components/Ui/TextInput/TextInput.js";
-import { TextareaInput as q } from "./components/Ui/TextareaInput/TextareaInput.js";
-import { Tooltip as Z } from "./components/Ui/Tooltip/Tooltip.js";
-import { Tabs as $ } from "./components/Ui/Tabs/Tabs.js";
-import { IconArrowBendUpRight as no, IconArrowClockwise as ro, IconArrowDown as eo, IconArrowLeft as co, IconArrowLineDown as Io, IconArrowLineLeft as to, IconArrowLineRight as io, IconArrowLineUp as ao, IconArrowRight as po, IconArrowUp as lo, IconArrowsOut as fo, IconArticle as mo, IconAt as xo, IconBellSimple as so, IconBookOpenText as uo, IconCalendarBlank as Co, IconCaretDown as wo, IconCaretLeft as ho, IconCaretRight as So, IconCaretUp as To, IconCaretUpDown as go, IconChartPieSlice as Ao, IconChatText as Lo, IconCheck as ko, IconCheckCircle as Do, IconChecks as Po, IconCircleNotch as yo, IconCopy as Uo, IconCornersOut as Bo, IconCsv as Fo, IconCube as Mo, IconDatabase as vo, IconDotsNine as Ro, IconDotsThreeVertical as Xo, IconExport as bo, IconEye as Ho, IconEyeSlash as No, IconFile as Oo, IconFiles as Qo, IconFloppyDisk as Eo, IconFolderSimple as Go, IconFolderSimpleX as Wo, IconFunnel as Vo, IconGauge as zo, IconGear as Jo, IconGoogleDrive as Yo, IconHand as jo, IconHeadCircuit as qo, IconHouse as Ko, IconIcon as Zo, IconInfo as _o, IconJoin as $o, IconLanguage as on, IconLink as nn, IconList as rn, IconLock as en, IconLockOpen as cn, IconMariaDB as In, IconMinus as tn, IconMongoDB as an, IconMoon as pn, IconMySQL as ln, IconNavigationArrow as fn, IconNotePencil as mn, IconPassword as xn, IconPen as sn, IconPlay as un, IconPlugsX as dn, IconPlus as Cn, IconPorsgteSQL as wn, IconPresentationChart as hn, IconQuestion as Sn, IconQuestionFullfilled as Tn, IconRedo as gn, IconRoleX as An, IconSearch as Ln, IconSearchX as kn, IconSelection as Dn, IconServer as Pn, IconSlidersHorizontal as yn, IconSticker as Un, IconSun as Bn, IconThreeDot as Fn, IconTrash as Mn, IconTriangleDown as vn, IconTriangleUp as Rn, IconUndo as Xn, IconUploadSimple as bn, IconUser as Hn, IconUserX as Nn, IconWarningCircle as On, IconWrench as Qn, IconX as En, IconYandexDisk as Gn } from "./components/Ui/Icons/Icons.js";
-import { ToastProvider as Vn } from "./context/ToastContext/ToastContext.js";
-import { TriaflyContext as Jn, TriaflyProvider as Yn, useTriafly as jn } from "./context/TriaflyContext/TriaflyProvider.js";
-import { useBreakpointValueTriafly as Kn } from "./context/TriaflyContext/hooks/useBreakpointValue/useBreakpointValue.js";
-import { useThemeLogic as _n } from "./context/TriaflyContext/hooks/useTheme/useTheme.js";
-import { useModalState as or } from "./context/TriaflyContext/hooks/useModal/useModal.js";
+import { CustomLink as D } from "./components/Ui/CustomLink/CustomLink.js";
+import { DropdownInput as P } from "./components/Ui/DropdownInput/DropdownInput.js";
+import { DropdownMenu as U } from "./components/Ui/DropdownMenu/DropdownMenu.js";
+import { FileUpload as F } from "./components/Ui/FileUpload/FileUpload.js";
+import { Form as R } from "./components/Ui/Form/FormRoot/FormRoot.js";
+import { useForm as X } from "./components/Ui/Form/useForm/useForm.js";
+import { Loader as H } from "./components/Ui/Loader/Loader.js";
+import { Pagination as O } from "./components/Ui/Pagination/Pagination.js";
+import { Radio as E } from "./components/Ui/Radio/Radio.js";
+import { SearchInput as W } from "./components/Ui/SearchInput/SearchInput.js";
+import { Skeleton as z } from "./components/Ui/Skeleton/Skeleton.js";
+import { Switch as Y } from "./components/Ui/Switch/Switch.js";
+import { Table as q } from "./components/Ui/Table/Table.js";
+import { TextInput as Z } from "./components/Ui/TextInput/TextInput.js";
+import { TextareaInput as $ } from "./components/Ui/TextareaInput/TextareaInput.js";
+import { Tooltip as ro } from "./components/Ui/Tooltip/Tooltip.js";
+import { Tabs as eo } from "./components/Ui/Tabs/Tabs.js";
+import { IconArrowBendUpRight as to, IconArrowClockwise as Io, IconArrowDown as ao, IconArrowLeft as io, IconArrowLineDown as po, IconArrowLineLeft as lo, IconArrowLineRight as fo, IconArrowLineUp as mo, IconArrowRight as xo, IconArrowUp as so, IconArrowsOut as uo, IconArticle as Co, IconAt as wo, IconBellSimple as ho, IconBookOpenText as go, IconCalendarBlank as So, IconCaretDown as To, IconCaretLeft as ko, IconCaretRight as Ao, IconCaretUp as Do, IconCaretUpDown as Lo, IconChartPieSlice as Po, IconChatText as yo, IconCheck as Uo, IconCheckCircle as Bo, IconChecks as Fo, IconCircleNotch as Mo, IconCopy as Ro, IconCornersOut as vo, IconCsv as Xo, IconCube as bo, IconDatabase as Ho, IconDotsNine as No, IconDotsThreeVertical as Oo, IconExport as Qo, IconEye as Eo, IconEyeSlash as Go, IconFile as Wo, IconFiles as Vo, IconFloppyDisk as zo, IconFolderSimple as Jo, IconFolderSimpleX as Yo, IconFunnel as jo, IconGauge as qo, IconGear as Ko, IconGoogleDrive as Zo, IconHand as _o, IconHeadCircuit as $o, IconHouse as or, IconIcon as rr, IconInfo as nr, IconJoin as er, IconLanguage as cr, IconLink as tr, IconList as Ir, IconLock as ar, IconLockOpen as ir, IconMariaDB as pr, IconMinus as lr, IconMongoDB as fr, IconMoon as mr, IconMySQL as xr, IconNavigationArrow as sr, IconNotePencil as ur, IconPassword as dr, IconPen as Cr, IconPlay as wr, IconPlugsX as hr, IconPlus as gr, IconPorsgteSQL as Sr, IconPresentationChart as Tr, IconQuestion as kr, IconQuestionFullfilled as Ar, IconRedo as Dr, IconRoleX as Lr, IconSearch as Pr, IconSearchX as yr, IconSelection as Ur, IconServer as Br, IconSlidersHorizontal as Fr, IconSticker as Mr, IconSun as Rr, IconThreeDot as vr, IconTrash as Xr, IconTriangleDown as br, IconTriangleUp as Hr, IconUndo as Nr, IconUploadSimple as Or, IconUser as Qr, IconUserX as Er, IconWarningCircle as Gr, IconWrench as Wr, IconX as Vr, IconYandexDisk as zr } from "./components/Ui/Icons/Icons.js";
+import { ToastProvider as Yr } from "./context/ToastContext/ToastContext.js";
+import { TriaflyContext as qr, TriaflyProvider as Kr, useTriafly as Zr } from "./context/TriaflyContext/TriaflyProvider.js";
+import { useBreakpointValueTriafly as $r } from "./context/TriaflyContext/hooks/useBreakpointValue/useBreakpointValue.js";
+import { useThemeLogic as rn } from "./context/TriaflyContext/hooks/useTheme/useTheme.js";
+import { useModalState as en } from "./context/TriaflyContext/hooks/useModal/useModal.js";
 export {
   e as Accordeon,
-  I as Alert,
-  i as Avatar,
+  t as Alert,
+  a as Avatar,
   f as Badge,
-  x as Button,
-  u as ButtonsArray,
-  C as Checkbox,
-  h as CliTextareaInput,
-  T as CustomLink,
-  A as DropdownInput,
-  k as DropdownMenu,
-  P as FileUpload,
-  U as Form,
-  no as IconArrowBendUpRight,
-  ro as IconArrowClockwise,
-  eo as IconArrowDown,
-  co as IconArrowLeft,
-  Io as IconArrowLineDown,
-  to as IconArrowLineLeft,
-  io as IconArrowLineRight,
-  ao as IconArrowLineUp,
-  po as IconArrowRight,
-  lo as IconArrowUp,
-  fo as IconArrowsOut,
-  mo as IconArticle,
-  xo as IconAt,
-  so as IconBellSimple,
-  uo as IconBookOpenText,
-  Co as IconCalendarBlank,
-  wo as IconCaretDown,
-  ho as IconCaretLeft,
-  So as IconCaretRight,
-  To as IconCaretUp,
-  go as IconCaretUpDown,
-  Ao as IconChartPieSlice,
-  Lo as IconChatText,
-  ko as IconCheck,
-  Do as IconCheckCircle,
-  Po as IconChecks,
-  yo as IconCircleNotch,
-  Uo as IconCopy,
-  Bo as IconCornersOut,
-  Fo as IconCsv,
-  Mo as IconCube,
-  vo as IconDatabase,
-  Ro as IconDotsNine,
-  Xo as IconDotsThreeVertical,
-  bo as IconExport,
-  Ho as IconEye,
-  No as IconEyeSlash,
-  Oo as IconFile,
-  Qo as IconFiles,
-  Eo as IconFloppyDisk,
-  Go as IconFolderSimple,
-  Wo as IconFolderSimpleX,
-  Vo as IconFunnel,
-  zo as IconGauge,
-  Jo as IconGear,
-  Yo as IconGoogleDrive,
-  jo as IconHand,
-  qo as IconHeadCircuit,
-  Ko as IconHouse,
-  Zo as IconIcon,
-  _o as IconInfo,
-  $o as IconJoin,
-  on as IconLanguage,
-  nn as IconLink,
-  rn as IconList,
-  en as IconLock,
-  cn as IconLockOpen,
-  In as IconMariaDB,
-  tn as IconMinus,
-  an as IconMongoDB,
-  pn as IconMoon,
-  ln as IconMySQL,
-  fn as IconNavigationArrow,
-  mn as IconNotePencil,
-  xn as IconPassword,
-  sn as IconPen,
-  un as IconPlay,
-  dn as IconPlugsX,
-  Cn as IconPlus,
-  wn as IconPorsgteSQL,
-  hn as IconPresentationChart,
-  Sn as IconQuestion,
-  Tn as IconQuestionFullfilled,
-  gn as IconRedo,
-  An as IconRoleX,
-  Ln as IconSearch,
-  kn as IconSearchX,
-  Dn as IconSelection,
-  Pn as IconServer,
-  yn as IconSlidersHorizontal,
-  Un as IconSticker,
-  Bn as IconSun,
-  Fn as IconThreeDot,
-  Mn as IconTrash,
-  vn as IconTriangleDown,
-  Rn as IconTriangleUp,
-  Xn as IconUndo,
-  bn as IconUploadSimple,
-  Hn as IconUser,
-  Nn as IconUserX,
-  On as IconWarningCircle,
-  Qn as IconWrench,
-  En as IconX,
-  Gn as IconYandexDisk,
-  v as Loader,
+  C as Button,
+  h as ButtonsArray,
+  S as Checkbox,
+  k as CliTextareaInput,
+  D as CustomLink,
+  x as DatePicker,
+  u as DateRangePicker,
+  P as DropdownInput,
+  U as DropdownMenu,
+  F as FileUpload,
+  R as Form,
+  to as IconArrowBendUpRight,
+  Io as IconArrowClockwise,
+  ao as IconArrowDown,
+  io as IconArrowLeft,
+  po as IconArrowLineDown,
+  lo as IconArrowLineLeft,
+  fo as IconArrowLineRight,
+  mo as IconArrowLineUp,
+  xo as IconArrowRight,
+  so as IconArrowUp,
+  uo as IconArrowsOut,
+  Co as IconArticle,
+  wo as IconAt,
+  ho as IconBellSimple,
+  go as IconBookOpenText,
+  So as IconCalendarBlank,
+  To as IconCaretDown,
+  ko as IconCaretLeft,
+  Ao as IconCaretRight,
+  Do as IconCaretUp,
+  Lo as IconCaretUpDown,
+  Po as IconChartPieSlice,
+  yo as IconChatText,
+  Uo as IconCheck,
+  Bo as IconCheckCircle,
+  Fo as IconChecks,
+  Mo as IconCircleNotch,
+  Ro as IconCopy,
+  vo as IconCornersOut,
+  Xo as IconCsv,
+  bo as IconCube,
+  Ho as IconDatabase,
+  No as IconDotsNine,
+  Oo as IconDotsThreeVertical,
+  Qo as IconExport,
+  Eo as IconEye,
+  Go as IconEyeSlash,
+  Wo as IconFile,
+  Vo as IconFiles,
+  zo as IconFloppyDisk,
+  Jo as IconFolderSimple,
+  Yo as IconFolderSimpleX,
+  jo as IconFunnel,
+  qo as IconGauge,
+  Ko as IconGear,
+  Zo as IconGoogleDrive,
+  _o as IconHand,
+  $o as IconHeadCircuit,
+  or as IconHouse,
+  rr as IconIcon,
+  nr as IconInfo,
+  er as IconJoin,
+  cr as IconLanguage,
+  tr as IconLink,
+  Ir as IconList,
+  ar as IconLock,
+  ir as IconLockOpen,
+  pr as IconMariaDB,
+  lr as IconMinus,
+  fr as IconMongoDB,
+  mr as IconMoon,
+  xr as IconMySQL,
+  sr as IconNavigationArrow,
+  ur as IconNotePencil,
+  dr as IconPassword,
+  Cr as IconPen,
+  wr as IconPlay,
+  hr as IconPlugsX,
+  gr as IconPlus,
+  Sr as IconPorsgteSQL,
+  Tr as IconPresentationChart,
+  kr as IconQuestion,
+  Ar as IconQuestionFullfilled,
+  Dr as IconRedo,
+  Lr as IconRoleX,
+  Pr as IconSearch,
+  yr as IconSearchX,
+  Ur as IconSelection,
+  Br as IconServer,
+  Fr as IconSlidersHorizontal,
+  Mr as IconSticker,
+  Rr as IconSun,
+  vr as IconThreeDot,
+  Xr as IconTrash,
+  br as IconTriangleDown,
+  Hr as IconTriangleUp,
+  Nr as IconUndo,
+  Or as IconUploadSimple,
+  Qr as IconUser,
+  Er as IconUserX,
+  Gr as IconWarningCircle,
+  Wr as IconWrench,
+  Vr as IconX,
+  zr as IconYandexDisk,
+  H as Loader,
   p as ModalWindow,
-  X as Pagination,
-  H as Radio,
-  O as SearchInput,
-  E as Skeleton,
-  W as Switch,
-  z as Table,
-  $ as Tabs,
-  Y as TextInput,
-  q as TextareaInput,
-  Vn as ToastProvider,
-  Z as Tooltip,
-  Jn as TriaflyContext,
-  Yn as TriaflyProvider,
-  Kn as useBreakpointValueTriafly,
-  F as useForm,
-  or as useModalState,
-  _n as useThemeLogic,
-  jn as useTriafly
+  O as Pagination,
+  E as Radio,
+  W as SearchInput,
+  z as Skeleton,
+  Y as Switch,
+  q as Table,
+  eo as Tabs,
+  Z as TextInput,
+  $ as TextareaInput,
+  Yr as ToastProvider,
+  ro as Tooltip,
+  qr as TriaflyContext,
+  Kr as TriaflyProvider,
+  $r as useBreakpointValueTriafly,
+  X as useForm,
+  en as useModalState,
+  rn as useThemeLogic,
+  Zr as useTriafly
 };