@televet/kibble-ui 5.0.21-alpha.hunter.24 → 5.0.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/dateTimePicker.component-BlWhC5aT.js +2 -0
- package/dist/chunks/{dateTimePicker.component-DNHQDiCU.js.map → dateTimePicker.component-BlWhC5aT.js.map} +1 -1
- package/dist/chunks/dateTimePicker.component-DnYStcAJ.js +317 -0
- package/dist/chunks/dateTimePicker.component-DnYStcAJ.js.map +1 -0
- package/dist/chunks/timePicker.component-BCMX6aqb.js +220 -0
- package/dist/chunks/timePicker.component-BCMX6aqb.js.map +1 -0
- package/dist/chunks/timePicker.component-D5hw80VV.js +2 -0
- package/dist/chunks/timePicker.component-D5hw80VV.js.map +1 -0
- package/dist/chunks/timeRange.component-BZHpZeAX.js +19 -0
- package/dist/chunks/{timeRange.component-dVkLMx88.js.map → timeRange.component-BZHpZeAX.js.map} +1 -1
- package/dist/chunks/timeRange.component-D3Db8lvh.js +2 -0
- package/dist/chunks/{timeRange.component-BXDDJFLL.js.map → timeRange.component-D3Db8lvh.js.map} +1 -1
- package/dist/cjs/components/DateTimePicker/index.cjs +1 -1
- package/dist/cjs/components/TimePicker/index.cjs +1 -1
- package/dist/cjs/components/TimeRange/index.cjs +1 -1
- package/dist/cjs/components/index.cjs +1 -1
- package/dist/cjs/index.cjs +1 -1
- package/dist/cjs/theme/tokens/colors/index.cjs +1 -1
- package/dist/cjs/theme/tokens/colors/index.cjs.map +1 -1
- package/dist/esm/components/DateTimePicker/index.js +1 -1
- package/dist/esm/components/TimePicker/index.js +1 -1
- package/dist/esm/components/TimeRange/index.js +1 -1
- package/dist/esm/components/index.js +3 -3
- package/dist/esm/index.js +3 -3
- package/dist/esm/theme/tokens/colors/index.js +10 -10
- package/dist/esm/theme/tokens/colors/index.js.map +1 -1
- package/dist/types/components/DateTimePicker/components/DateTimePickerCustomView/dateTimePickerCustomView.component.d.ts +1 -2
- package/dist/types/components/DateTimePicker/components/DateTimePickerRangeSelector/dateTimePickerRangeSelector.component.d.ts +1 -2
- package/dist/types/components/DateTimePicker/dateTimePicker.component.d.ts +1 -6
- package/dist/types/components/TimePicker/timePicker.component.d.ts +1 -9
- package/package.json +3 -6
- package/dist/chunks/dateTimePicker.component-D9yDO-pa.js +0 -331
- package/dist/chunks/dateTimePicker.component-D9yDO-pa.js.map +0 -1
- package/dist/chunks/dateTimePicker.component-DNHQDiCU.js +0 -2
- package/dist/chunks/timePicker.component-BMhu6LKv.js +0 -2
- package/dist/chunks/timePicker.component-BMhu6LKv.js.map +0 -1
- package/dist/chunks/timePicker.component-aSvdmOh7.js +0 -239
- package/dist/chunks/timePicker.component-aSvdmOh7.js.map +0 -1
- package/dist/chunks/timeRange.component-BXDDJFLL.js +0 -26
- package/dist/chunks/timeRange.component-dVkLMx88.js +0 -2
- package/dist/types/shared/utils/convertToTimezoneOverride.d.ts +0 -5
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F={primary:{50:"#F6FCEB",100:"#E5F9C6",200:"#CDF197",300:"#BDE87D",400:"#9FCF5D",500:"#6AAE0D",600:"#4F830F",700:"#3E660C",800:"#284309",900:"#1A2D06"},secondary:{50:"#F6FAFF",100:"#E9F2FF",200:"#CBE2FF",300:"#ADCFFF",400:"#7FAFF2",500:"#497CC3",600:"#305992",700:"#2B5082",800:"#122136",900:"#080E17"},tertiary:{50:"#FAF8F2",100:"#F6F3EA",200:"#EAE4DD",300:"#DCD1C6",400:"#BCAC9E",500:"#9D7E6B",600:"#7D5B48",700:"#5E3B28",800:"#381F12",900:"#170D07"},neutral:{50:"#FFFFFF",100:"#FCFBFA",200:"#EDEBEB",300:"#DCDBDA",400:"#BEBCB9",500:"#96928F",600:"#706E6C",700:"#504D4C",800:"#373331",900:"#000000"},danger:{50:"#FFF4F7",100:"#FFDFE6",200:"#FFC9D4",300:"#F9A7A6",400:"#F78C7F",500:"#EE634A",600:"#CA4038",700:"#A6333F",800:"#82314D",900:"#48091F"},warning:{50:"#
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F={primary:{50:"#F6FCEB",100:"#E5F9C6",200:"#CDF197",300:"#BDE87D",400:"#9FCF5D",500:"#6AAE0D",600:"#4F830F",700:"#3E660C",800:"#284309",900:"#1A2D06"},secondary:{50:"#F6FAFF",100:"#E9F2FF",200:"#CBE2FF",300:"#ADCFFF",400:"#7FAFF2",500:"#497CC3",600:"#305992",700:"#2B5082",800:"#122136",900:"#080E17"},tertiary:{50:"#FAF8F2",100:"#F6F3EA",200:"#EAE4DD",300:"#DCD1C6",400:"#BCAC9E",500:"#9D7E6B",600:"#7D5B48",700:"#5E3B28",800:"#381F12",900:"#170D07"},neutral:{50:"#FFFFFF",100:"#FCFBFA",200:"#EDEBEB",300:"#DCDBDA",400:"#BEBCB9",500:"#96928F",600:"#706E6C",700:"#504D4C",800:"#373331",900:"#000000"},danger:{50:"#FFF4F7",100:"#FFDFE6",200:"#FFC9D4",300:"#F9A7A6",400:"#F78C7F",500:"#EE634A",600:"#CA4038",700:"#A6333F",800:"#82314D",900:"#48091F"},warning:{50:"#FFFDFA",100:"#FFF7EB",200:"#FEE8C3",300:"#F6BE5E",400:"#ECB14B",500:"#D69E2E",600:"#B7791F",700:"#975A16",800:"#744210",900:"#5F370E"},success:{50:"#F6FCEB",100:"#E5F9C6",200:"#CDF197",300:"#BDE87D",400:"#9FCF5D",500:"#6AAE0D",600:"#4F830F",700:"#3E660C",800:"#284309",900:"#1A2D06"},primaryAlpha:{50:"#4F830F0A",100:"#4F830F0F",200:"#4F830F14",300:"#4F830F29",400:"#4F830F3D",500:"#4F830F5C",600:"#4F830F7A",700:"#4F830F9E",800:"#4F830FCC",900:"#4F830FEB"},primaryAlphaInverse:{50:"#CDF1970A",100:"#CDF1970F",200:"#CDF19714",300:"#CDF19729",400:"#CDF1973D",500:"#CDF1975C",600:"#CDF1977A",700:"#CDF1979E",800:"#CDF197CC",900:"#CDF197EB"},secondaryAlpha:{50:"#497CC30A",100:"#497CC30F",200:"#497CC314",300:"#497CC329",400:"#497CC33D",500:"#497CC35C",600:"#497CC37A",700:"#497CC39E",800:"#497CC3CC",900:"#497CC3EB"},secondaryAlphaInverse:{50:"#CBE2FF0A",100:"#CBE2FF0F",200:"#CBE2FF14",300:"#CBE2FF29",400:"#CBE2FF3D",500:"#CBE2FF5C",600:"#CBE2FF7A",700:"#CBE2FF9E",800:"#CBE2FFCC",900:"#CBE2FFEB"},blackAlpha:{50:"#0000000a",100:"#0000000f",200:"#00000014",300:"#00000029",400:"#0000003d",500:"#0000005c",600:"#0000007a",700:"#0000009e",800:"#000000cc",900:"#000000eb"},whiteAlpha:{50:"#FFFFFF0A",100:"#FFFFFF0F",200:"#FFFFFF14",300:"#FFFFFF29",400:"#FFFFFF3D",500:"#FFFFFF5C",600:"#FFFFFF7A",700:"#FFFFFF9E",800:"#FFFFFFCC",900:"#FFFFFFEB"},dangerAlpha:{50:"#CA40380A",100:"#CA40380F",200:"#CA403814",300:"#CA403829",400:"#CA40383D",500:"#CA40385C",600:"#CA40387A",700:"#CA40389E",800:"#CA4038CC",900:"#CA4038EB"},dangerAlphaInverse:{50:"#F9A7A60A",100:"#F9A7A60F",200:"#F9A7A614",300:"#F9A7A629",400:"#F9A7A63D",500:"#F9A7A65C",600:"#F9A7A67A",700:"#F9A7A69E",800:"#F9A7A6CC",900:"#F9A7A6EB"}};exports.coreColors=F;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../../packages/kibble-primitives/src/core/colors/colors.records.ts"],"sourcesContent":["import { CoreColor, ColorValue } from './colors.types';\n\nexport const coreColors: Record<CoreColor, Record<ColorValue, string>> = {\n primary: {\n 50: '#F6FCEB',\n 100: '#E5F9C6',\n 200: '#CDF197',\n 300: '#BDE87D',\n 400: '#9FCF5D',\n 500: '#6AAE0D',\n 600: '#4F830F',\n 700: '#3E660C',\n 800: '#284309',\n 900: '#1A2D06',\n },\n secondary: {\n 50: '#F6FAFF',\n 100: '#E9F2FF',\n 200: '#CBE2FF',\n 300: '#ADCFFF',\n 400: '#7FAFF2',\n 500: '#497CC3',\n 600: '#305992',\n 700: '#2B5082',\n 800: '#122136',\n 900: '#080E17',\n },\n tertiary: {\n 50: '#FAF8F2',\n 100: '#F6F3EA',\n 200: '#EAE4DD',\n 300: '#DCD1C6',\n 400: '#BCAC9E',\n 500: '#9D7E6B',\n 600: '#7D5B48',\n 700: '#5E3B28',\n 800: '#381F12',\n 900: '#170D07',\n },\n neutral: {\n 50: '#FFFFFF',\n 100: '#FCFBFA',\n 200: '#EDEBEB',\n 300: '#DCDBDA',\n 400: '#BEBCB9',\n 500: '#96928F',\n 600: '#706E6C',\n 700: '#504D4C',\n 800: '#373331',\n 900: '#000000',\n },\n danger: {\n 50: '#FFF4F7',\n 100: '#FFDFE6',\n 200: '#FFC9D4',\n 300: '#F9A7A6',\n 400: '#F78C7F',\n 500: '#EE634A',\n 600: '#CA4038',\n 700: '#A6333F',\n 800: '#82314D',\n 900: '#48091F',\n },\n warning: {\n 50: '#
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../../packages/kibble-primitives/src/core/colors/colors.records.ts"],"sourcesContent":["import { CoreColor, ColorValue } from './colors.types';\n\nexport const coreColors: Record<CoreColor, Record<ColorValue, string>> = {\n primary: {\n 50: '#F6FCEB',\n 100: '#E5F9C6',\n 200: '#CDF197',\n 300: '#BDE87D',\n 400: '#9FCF5D',\n 500: '#6AAE0D',\n 600: '#4F830F',\n 700: '#3E660C',\n 800: '#284309',\n 900: '#1A2D06',\n },\n secondary: {\n 50: '#F6FAFF',\n 100: '#E9F2FF',\n 200: '#CBE2FF',\n 300: '#ADCFFF',\n 400: '#7FAFF2',\n 500: '#497CC3',\n 600: '#305992',\n 700: '#2B5082',\n 800: '#122136',\n 900: '#080E17',\n },\n tertiary: {\n 50: '#FAF8F2',\n 100: '#F6F3EA',\n 200: '#EAE4DD',\n 300: '#DCD1C6',\n 400: '#BCAC9E',\n 500: '#9D7E6B',\n 600: '#7D5B48',\n 700: '#5E3B28',\n 800: '#381F12',\n 900: '#170D07',\n },\n neutral: {\n 50: '#FFFFFF',\n 100: '#FCFBFA',\n 200: '#EDEBEB',\n 300: '#DCDBDA',\n 400: '#BEBCB9',\n 500: '#96928F',\n 600: '#706E6C',\n 700: '#504D4C',\n 800: '#373331',\n 900: '#000000',\n },\n danger: {\n 50: '#FFF4F7',\n 100: '#FFDFE6',\n 200: '#FFC9D4',\n 300: '#F9A7A6',\n 400: '#F78C7F',\n 500: '#EE634A',\n 600: '#CA4038',\n 700: '#A6333F',\n 800: '#82314D',\n 900: '#48091F',\n },\n warning: {\n 50: '#FFFDFA',\n 100: '#FFF7EB',\n 200: '#FEE8C3',\n 300: '#F6BE5E',\n 400: '#ECB14B',\n 500: '#D69E2E',\n 600: '#B7791F',\n 700: '#975A16',\n 800: '#744210',\n 900: '#5F370E',\n },\n success: {\n 50: '#F6FCEB',\n 100: '#E5F9C6',\n 200: '#CDF197',\n 300: '#BDE87D',\n 400: '#9FCF5D',\n 500: '#6AAE0D',\n 600: '#4F830F',\n 700: '#3E660C',\n 800: '#284309',\n 900: '#1A2D06',\n },\n primaryAlpha: {\n 50: '#4F830F0A',\n 100: '#4F830F0F',\n 200: '#4F830F14',\n 300: '#4F830F29',\n 400: '#4F830F3D',\n 500: '#4F830F5C',\n 600: '#4F830F7A',\n 700: '#4F830F9E',\n 800: '#4F830FCC',\n 900: '#4F830FEB',\n },\n primaryAlphaInverse: {\n 50: '#CDF1970A',\n 100: '#CDF1970F',\n 200: '#CDF19714',\n 300: '#CDF19729',\n 400: '#CDF1973D',\n 500: '#CDF1975C',\n 600: '#CDF1977A',\n 700: '#CDF1979E',\n 800: '#CDF197CC',\n 900: '#CDF197EB',\n },\n secondaryAlpha: {\n 50: '#497CC30A',\n 100: '#497CC30F',\n 200: '#497CC314',\n 300: '#497CC329',\n 400: '#497CC33D',\n 500: '#497CC35C',\n 600: '#497CC37A',\n 700: '#497CC39E',\n 800: '#497CC3CC',\n 900: '#497CC3EB',\n },\n secondaryAlphaInverse: {\n 50: '#CBE2FF0A',\n 100: '#CBE2FF0F',\n 200: '#CBE2FF14',\n 300: '#CBE2FF29',\n 400: '#CBE2FF3D',\n 500: '#CBE2FF5C',\n 600: '#CBE2FF7A',\n 700: '#CBE2FF9E',\n 800: '#CBE2FFCC',\n 900: '#CBE2FFEB',\n },\n blackAlpha: {\n 50: '#0000000a',\n 100: '#0000000f',\n 200: '#00000014',\n 300: '#00000029',\n 400: '#0000003d',\n 500: '#0000005c',\n 600: '#0000007a',\n 700: '#0000009e',\n 800: '#000000cc',\n 900: '#000000eb',\n },\n whiteAlpha: {\n 50: '#FFFFFF0A',\n 100: '#FFFFFF0F',\n 200: '#FFFFFF14',\n 300: '#FFFFFF29',\n 400: '#FFFFFF3D',\n 500: '#FFFFFF5C',\n 600: '#FFFFFF7A',\n 700: '#FFFFFF9E',\n 800: '#FFFFFFCC',\n 900: '#FFFFFFEB',\n },\n dangerAlpha: {\n 50: '#CA40380A',\n 100: '#CA40380F',\n 200: '#CA403814',\n 300: '#CA403829',\n 400: '#CA40383D',\n 500: '#CA40385C',\n 600: '#CA40387A',\n 700: '#CA40389E',\n 800: '#CA4038CC',\n 900: '#CA4038EB',\n },\n dangerAlphaInverse: {\n 50: '#F9A7A60A',\n 100: '#F9A7A60F',\n 200: '#F9A7A614',\n 300: '#F9A7A629',\n 400: '#F9A7A63D',\n 500: '#F9A7A65C',\n 600: '#F9A7A67A',\n 700: '#F9A7A69E',\n 800: '#F9A7A6CC',\n 900: '#F9A7A6EB',\n },\n};\n"],"names":["coreColors"],"mappings":"gFAEO,MAAMA,EAA4D,CACvE,QAAS,CACP,GAAI,UACJ,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,SACP,EACA,UAAW,CACT,GAAI,UACJ,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,SACP,EACA,SAAU,CACR,GAAI,UACJ,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,SACP,EACA,QAAS,CACP,GAAI,UACJ,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,SACP,EACA,OAAQ,CACN,GAAI,UACJ,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,SACP,EACA,QAAS,CACP,GAAI,UACJ,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,SACP,EACA,QAAS,CACP,GAAI,UACJ,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,SACP,EACA,aAAc,CACZ,GAAI,YACJ,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,WACP,EACA,oBAAqB,CACnB,GAAI,YACJ,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,WACP,EACA,eAAgB,CACd,GAAI,YACJ,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,WACP,EACA,sBAAuB,CACrB,GAAI,YACJ,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,WACP,EACA,WAAY,CACV,GAAI,YACJ,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,WACP,EACA,WAAY,CACV,GAAI,YACJ,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,WACP,EACA,YAAa,CACX,GAAI,YACJ,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,WACP,EACA,mBAAoB,CAClB,GAAI,YACJ,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,YACL,IAAK,WAAA,CAET"}
|
|
@@ -14,7 +14,7 @@ import { W as h } from "../../chunks/checkboxGroup.component-DW9qUlSm.js";
|
|
|
14
14
|
import { C as R } from "../../chunks/conversationCard.component-HYxRoILR.js";
|
|
15
15
|
import { D as w } from "../../chunks/datePicker.component-Dq2vL7Mk.js";
|
|
16
16
|
import { D as N } from "../../chunks/datePicker.provider-CavuOZl4.js";
|
|
17
|
-
import { D as F, a as H, c as j } from "../../chunks/dateTimePicker.component-
|
|
17
|
+
import { D as F, a as H, c as j } from "../../chunks/dateTimePicker.component-DnYStcAJ.js";
|
|
18
18
|
import { D as E } from "../../chunks/divider.component-CFOh4Nw3.js";
|
|
19
19
|
import { d as K, a as Q, b as U } from "../../chunks/divider.types-6MEkMNbx.js";
|
|
20
20
|
import { W as Y } from "../../chunks/heading.component-CpSAN3cv.js";
|
|
@@ -48,8 +48,8 @@ import { T as da, a as la } from "../../chunks/tagBlock.component-R4FY7ytN.js";
|
|
|
48
48
|
import { W as Ta } from "../../chunks/text.component-DhuUgP3j.js";
|
|
49
49
|
import { W as ba } from "../../chunks/textInput.component-BeiTxTkS.js";
|
|
50
50
|
import { W as Ca } from "../../chunks/textarea.component-C6Wt1Pk8.js";
|
|
51
|
-
import { M as ga, T as Da } from "../../chunks/timePicker.component-
|
|
52
|
-
import { T as za } from "../../chunks/timeRange.component-
|
|
51
|
+
import { M as ga, T as Da } from "../../chunks/timePicker.component-BCMX6aqb.js";
|
|
52
|
+
import { T as za } from "../../chunks/timeRange.component-BZHpZeAX.js";
|
|
53
53
|
import { T as Aa } from "../../chunks/timestamp.component-DkLjxUsy.js";
|
|
54
54
|
import { useToast as Ba } from "./Toast/index.js";
|
|
55
55
|
import { T as Va } from "../../chunks/tooltip.component-CHohp2qn.js";
|
package/dist/esm/index.js
CHANGED
|
@@ -14,7 +14,7 @@ import { W as B } from "../chunks/checkboxGroup.component-DW9qUlSm.js";
|
|
|
14
14
|
import { C as I } from "../chunks/conversationCard.component-HYxRoILR.js";
|
|
15
15
|
import { D as R } from "../chunks/datePicker.component-Dq2vL7Mk.js";
|
|
16
16
|
import { D as K } from "../chunks/datePicker.provider-CavuOZl4.js";
|
|
17
|
-
import { D as O, a as F, c as H } from "../chunks/dateTimePicker.component-
|
|
17
|
+
import { D as O, a as F, c as H } from "../chunks/dateTimePicker.component-DnYStcAJ.js";
|
|
18
18
|
import { D as q } from "../chunks/divider.component-CFOh4Nw3.js";
|
|
19
19
|
import { d as J, a as Q, b as U } from "../chunks/divider.types-6MEkMNbx.js";
|
|
20
20
|
import { W as Y } from "../chunks/heading.component-CpSAN3cv.js";
|
|
@@ -48,8 +48,8 @@ import { T as lr, a as dr } from "../chunks/tagBlock.component-R4FY7ytN.js";
|
|
|
48
48
|
import { W as Tr } from "../chunks/text.component-DhuUgP3j.js";
|
|
49
49
|
import { W as br } from "../chunks/textInput.component-BeiTxTkS.js";
|
|
50
50
|
import { W as gr } from "../chunks/textarea.component-C6Wt1Pk8.js";
|
|
51
|
-
import { M as Dr, T as Pr } from "../chunks/timePicker.component-
|
|
52
|
-
import { T as kr } from "../chunks/timeRange.component-
|
|
51
|
+
import { M as Dr, T as Pr } from "../chunks/timePicker.component-BCMX6aqb.js";
|
|
52
|
+
import { T as kr } from "../chunks/timeRange.component-BZHpZeAX.js";
|
|
53
53
|
import { T as Wr } from "../chunks/timestamp.component-DkLjxUsy.js";
|
|
54
54
|
import { useToast as Mr } from "./components/Toast/index.js";
|
|
55
55
|
import { T as Ar } from "../chunks/tooltip.component-CHohp2qn.js";
|
|
@@ -60,16 +60,16 @@ const F = {
|
|
|
60
60
|
900: "#48091F"
|
|
61
61
|
},
|
|
62
62
|
warning: {
|
|
63
|
-
50: "#
|
|
64
|
-
100: "#
|
|
65
|
-
200: "#
|
|
66
|
-
300: "#
|
|
67
|
-
400: "#
|
|
68
|
-
500: "#
|
|
69
|
-
600: "#
|
|
70
|
-
700: "#
|
|
71
|
-
800: "#
|
|
72
|
-
900: "#
|
|
63
|
+
50: "#FFFDFA",
|
|
64
|
+
100: "#FFF7EB",
|
|
65
|
+
200: "#FEE8C3",
|
|
66
|
+
300: "#F6BE5E",
|
|
67
|
+
400: "#ECB14B",
|
|
68
|
+
500: "#D69E2E",
|
|
69
|
+
600: "#B7791F",
|
|
70
|
+
700: "#975A16",
|
|
71
|
+
800: "#744210",
|
|
72
|
+
900: "#5F370E"
|
|
73
73
|
},
|
|
74
74
|
success: {
|
|
75
75
|
50: "#F6FCEB",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../packages/kibble-primitives/src/core/colors/colors.records.ts"],"sourcesContent":["import { CoreColor, ColorValue } from './colors.types';\n\nexport const coreColors: Record<CoreColor, Record<ColorValue, string>> = {\n primary: {\n 50: '#F6FCEB',\n 100: '#E5F9C6',\n 200: '#CDF197',\n 300: '#BDE87D',\n 400: '#9FCF5D',\n 500: '#6AAE0D',\n 600: '#4F830F',\n 700: '#3E660C',\n 800: '#284309',\n 900: '#1A2D06',\n },\n secondary: {\n 50: '#F6FAFF',\n 100: '#E9F2FF',\n 200: '#CBE2FF',\n 300: '#ADCFFF',\n 400: '#7FAFF2',\n 500: '#497CC3',\n 600: '#305992',\n 700: '#2B5082',\n 800: '#122136',\n 900: '#080E17',\n },\n tertiary: {\n 50: '#FAF8F2',\n 100: '#F6F3EA',\n 200: '#EAE4DD',\n 300: '#DCD1C6',\n 400: '#BCAC9E',\n 500: '#9D7E6B',\n 600: '#7D5B48',\n 700: '#5E3B28',\n 800: '#381F12',\n 900: '#170D07',\n },\n neutral: {\n 50: '#FFFFFF',\n 100: '#FCFBFA',\n 200: '#EDEBEB',\n 300: '#DCDBDA',\n 400: '#BEBCB9',\n 500: '#96928F',\n 600: '#706E6C',\n 700: '#504D4C',\n 800: '#373331',\n 900: '#000000',\n },\n danger: {\n 50: '#FFF4F7',\n 100: '#FFDFE6',\n 200: '#FFC9D4',\n 300: '#F9A7A6',\n 400: '#F78C7F',\n 500: '#EE634A',\n 600: '#CA4038',\n 700: '#A6333F',\n 800: '#82314D',\n 900: '#48091F',\n },\n warning: {\n 50: '#
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../packages/kibble-primitives/src/core/colors/colors.records.ts"],"sourcesContent":["import { CoreColor, ColorValue } from './colors.types';\n\nexport const coreColors: Record<CoreColor, Record<ColorValue, string>> = {\n primary: {\n 50: '#F6FCEB',\n 100: '#E5F9C6',\n 200: '#CDF197',\n 300: '#BDE87D',\n 400: '#9FCF5D',\n 500: '#6AAE0D',\n 600: '#4F830F',\n 700: '#3E660C',\n 800: '#284309',\n 900: '#1A2D06',\n },\n secondary: {\n 50: '#F6FAFF',\n 100: '#E9F2FF',\n 200: '#CBE2FF',\n 300: '#ADCFFF',\n 400: '#7FAFF2',\n 500: '#497CC3',\n 600: '#305992',\n 700: '#2B5082',\n 800: '#122136',\n 900: '#080E17',\n },\n tertiary: {\n 50: '#FAF8F2',\n 100: '#F6F3EA',\n 200: '#EAE4DD',\n 300: '#DCD1C6',\n 400: '#BCAC9E',\n 500: '#9D7E6B',\n 600: '#7D5B48',\n 700: '#5E3B28',\n 800: '#381F12',\n 900: '#170D07',\n },\n neutral: {\n 50: '#FFFFFF',\n 100: '#FCFBFA',\n 200: '#EDEBEB',\n 300: '#DCDBDA',\n 400: '#BEBCB9',\n 500: '#96928F',\n 600: '#706E6C',\n 700: '#504D4C',\n 800: '#373331',\n 900: '#000000',\n },\n danger: {\n 50: '#FFF4F7',\n 100: '#FFDFE6',\n 200: '#FFC9D4',\n 300: '#F9A7A6',\n 400: '#F78C7F',\n 500: '#EE634A',\n 600: '#CA4038',\n 700: '#A6333F',\n 800: '#82314D',\n 900: '#48091F',\n },\n warning: {\n 50: '#FFFDFA',\n 100: '#FFF7EB',\n 200: '#FEE8C3',\n 300: '#F6BE5E',\n 400: '#ECB14B',\n 500: '#D69E2E',\n 600: '#B7791F',\n 700: '#975A16',\n 800: '#744210',\n 900: '#5F370E',\n },\n success: {\n 50: '#F6FCEB',\n 100: '#E5F9C6',\n 200: '#CDF197',\n 300: '#BDE87D',\n 400: '#9FCF5D',\n 500: '#6AAE0D',\n 600: '#4F830F',\n 700: '#3E660C',\n 800: '#284309',\n 900: '#1A2D06',\n },\n primaryAlpha: {\n 50: '#4F830F0A',\n 100: '#4F830F0F',\n 200: '#4F830F14',\n 300: '#4F830F29',\n 400: '#4F830F3D',\n 500: '#4F830F5C',\n 600: '#4F830F7A',\n 700: '#4F830F9E',\n 800: '#4F830FCC',\n 900: '#4F830FEB',\n },\n primaryAlphaInverse: {\n 50: '#CDF1970A',\n 100: '#CDF1970F',\n 200: '#CDF19714',\n 300: '#CDF19729',\n 400: '#CDF1973D',\n 500: '#CDF1975C',\n 600: '#CDF1977A',\n 700: '#CDF1979E',\n 800: '#CDF197CC',\n 900: '#CDF197EB',\n },\n secondaryAlpha: {\n 50: '#497CC30A',\n 100: '#497CC30F',\n 200: '#497CC314',\n 300: '#497CC329',\n 400: '#497CC33D',\n 500: '#497CC35C',\n 600: '#497CC37A',\n 700: '#497CC39E',\n 800: '#497CC3CC',\n 900: '#497CC3EB',\n },\n secondaryAlphaInverse: {\n 50: '#CBE2FF0A',\n 100: '#CBE2FF0F',\n 200: '#CBE2FF14',\n 300: '#CBE2FF29',\n 400: '#CBE2FF3D',\n 500: '#CBE2FF5C',\n 600: '#CBE2FF7A',\n 700: '#CBE2FF9E',\n 800: '#CBE2FFCC',\n 900: '#CBE2FFEB',\n },\n blackAlpha: {\n 50: '#0000000a',\n 100: '#0000000f',\n 200: '#00000014',\n 300: '#00000029',\n 400: '#0000003d',\n 500: '#0000005c',\n 600: '#0000007a',\n 700: '#0000009e',\n 800: '#000000cc',\n 900: '#000000eb',\n },\n whiteAlpha: {\n 50: '#FFFFFF0A',\n 100: '#FFFFFF0F',\n 200: '#FFFFFF14',\n 300: '#FFFFFF29',\n 400: '#FFFFFF3D',\n 500: '#FFFFFF5C',\n 600: '#FFFFFF7A',\n 700: '#FFFFFF9E',\n 800: '#FFFFFFCC',\n 900: '#FFFFFFEB',\n },\n dangerAlpha: {\n 50: '#CA40380A',\n 100: '#CA40380F',\n 200: '#CA403814',\n 300: '#CA403829',\n 400: '#CA40383D',\n 500: '#CA40385C',\n 600: '#CA40387A',\n 700: '#CA40389E',\n 800: '#CA4038CC',\n 900: '#CA4038EB',\n },\n dangerAlphaInverse: {\n 50: '#F9A7A60A',\n 100: '#F9A7A60F',\n 200: '#F9A7A614',\n 300: '#F9A7A629',\n 400: '#F9A7A63D',\n 500: '#F9A7A65C',\n 600: '#F9A7A67A',\n 700: '#F9A7A69E',\n 800: '#F9A7A6CC',\n 900: '#F9A7A6EB',\n },\n};\n"],"names":["coreColors"],"mappings":"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"}
|
|
@@ -2,7 +2,6 @@ import { default as React } from 'react';
|
|
|
2
2
|
interface DateTimePickerCustomViewProps {
|
|
3
3
|
/** Determines if the calendar view is single. */
|
|
4
4
|
isSingleView: boolean;
|
|
5
|
-
timezoneOverride?: string;
|
|
6
5
|
}
|
|
7
|
-
export declare const DateTimePickerCustomView: ({ isSingleView
|
|
6
|
+
export declare const DateTimePickerCustomView: ({ isSingleView }: DateTimePickerCustomViewProps) => React.JSX.Element;
|
|
8
7
|
export {};
|
|
@@ -5,7 +5,6 @@ interface DateTimePickerRangeSelectorProps {
|
|
|
5
5
|
label: string;
|
|
6
6
|
/** Type of range selector. */
|
|
7
7
|
rangeType: FocusedInput;
|
|
8
|
-
timezoneOverride?: string;
|
|
9
8
|
}
|
|
10
|
-
export declare const DateTimePickerRangeSelector: ({ label, rangeType,
|
|
9
|
+
export declare const DateTimePickerRangeSelector: ({ label, rangeType, }: DateTimePickerRangeSelectorProps) => React.JSX.Element;
|
|
11
10
|
export {};
|
|
@@ -25,14 +25,9 @@ export interface DateTimePickerProps extends DateProps {
|
|
|
25
25
|
* @default true
|
|
26
26
|
*/
|
|
27
27
|
showQuickOptions?: boolean;
|
|
28
|
-
/**
|
|
29
|
-
* Whether a specific timezone should override the default timezone we detect from the browser,
|
|
30
|
-
* typically used for impersonations
|
|
31
|
-
*/
|
|
32
|
-
timezoneOverride?: string;
|
|
33
28
|
/** Data test id for the date time picker.
|
|
34
29
|
* @default kibble-datetime-picker
|
|
35
30
|
*/
|
|
36
31
|
'data-testid'?: string;
|
|
37
32
|
}
|
|
38
|
-
export declare const DateTimePicker: ({ trigger, calendarView, portalled, showQuickOptions, ["data-testid"]: dataTestId,
|
|
33
|
+
export declare const DateTimePicker: ({ trigger, calendarView, portalled, showQuickOptions, ["data-testid"]: dataTestId, ...rest }: DateTimePickerProps) => React.JSX.Element;
|
|
@@ -20,18 +20,10 @@ export interface TimePickerProps {
|
|
|
20
20
|
* @default bottom
|
|
21
21
|
*/
|
|
22
22
|
placement?: Placement;
|
|
23
|
-
/**
|
|
24
|
-
* If set, displays and processes the time in a specific timezone (typically for impersonation)
|
|
25
|
-
*/
|
|
26
|
-
timezoneOverride?: string;
|
|
27
|
-
/**
|
|
28
|
-
* Show the timezone abbreviation (if available) beside the component
|
|
29
|
-
*/
|
|
30
|
-
showTimezoneAbr?: boolean;
|
|
31
23
|
/**
|
|
32
24
|
* Data test id for the time picker.
|
|
33
25
|
* @default kibble-timepicker
|
|
34
26
|
*/
|
|
35
27
|
'data-testid'?: string;
|
|
36
28
|
}
|
|
37
|
-
export declare const TimePicker: ({ initialTime, inputProps, minuteInterval, onTimeChange, onClose, placement,
|
|
29
|
+
export declare const TimePicker: ({ initialTime, inputProps, minuteInterval, onTimeChange, onClose, placement, ["data-testid"]: dataTestId, }: TimePickerProps) => React.JSX.Element;
|
package/package.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"packages/*"
|
|
5
5
|
],
|
|
6
6
|
"description": "Kibble Design System by Otto",
|
|
7
|
-
"version": "5.0.21
|
|
7
|
+
"version": "5.0.21",
|
|
8
8
|
"type": "module",
|
|
9
9
|
"main": "./dist/cjs/index.cjs",
|
|
10
10
|
"module": "./dist/esm/index.js",
|
|
@@ -36,8 +36,7 @@
|
|
|
36
36
|
"publishBeta": "npm run build && npm publish --tag beta",
|
|
37
37
|
"start": "WATCHPACK_POLLING=1 npm run generate:icons & WATCHPACK_POLLING=1 npm run generate:logos & WATCHPACK_POLLING=1 npm run theme:watch & WATCHPACK_POLLING=1 storybook dev -p 6006",
|
|
38
38
|
"test-storybook": "npm run build:preparation && vitest --project=storybook",
|
|
39
|
-
"theme:watch": "chakra typegen ./src/theme/theme.config.ts --watch"
|
|
40
|
-
"makeLocalPackage": "npm run build && npm pack"
|
|
39
|
+
"theme:watch": "chakra typegen ./src/theme/theme.config.ts --watch"
|
|
41
40
|
},
|
|
42
41
|
"engines": {
|
|
43
42
|
"node": ">=20.0.0",
|
|
@@ -176,18 +175,16 @@
|
|
|
176
175
|
"peerDependencies": {
|
|
177
176
|
"@emotion/react": "^11.14.0",
|
|
178
177
|
"date-fns": "^4.1.0",
|
|
179
|
-
"date-fns-tz": "^3.2.0",
|
|
180
178
|
"lodash-es": "^4.17.21",
|
|
181
|
-
"@date-fns/tz": "^1.4.1",
|
|
182
179
|
"react": "^19.0.0"
|
|
183
180
|
},
|
|
184
181
|
"dependencies": {
|
|
182
|
+
"@televet/kibble-primitives": "*",
|
|
185
183
|
"@chakra-ui/react": "^3.24.0",
|
|
186
184
|
"@datepicker-react/hooks": "^2.8.4",
|
|
187
185
|
"@dnd-kit/core": "^6.3.1",
|
|
188
186
|
"@dnd-kit/modifiers": "^9.0.0",
|
|
189
187
|
"@dnd-kit/sortable": "^10.0.0",
|
|
190
|
-
"@televet/kibble-primitives": "*",
|
|
191
188
|
"next-themes": "^0.4.6"
|
|
192
189
|
}
|
|
193
190
|
}
|
|
@@ -1,331 +0,0 @@
|
|
|
1
|
-
import { j as s } from "./jsx-runtime-C5mzlN2N.js";
|
|
2
|
-
import { useMemo as u, useEffect as R, useState as $ } from "react";
|
|
3
|
-
import { B as Y } from "./button.component-BO6oee_V.js";
|
|
4
|
-
import { e as L, d as A, f as G, u as v, F as p, b as Q, c as q, a as z } from "./datePicker.provider-CavuOZl4.js";
|
|
5
|
-
import { u as V } from "./usePortalContentRef-DO_jc4W9.js";
|
|
6
|
-
import { p as J } from "./popover.recipe-DPwwsWLb.js";
|
|
7
|
-
import { s as I, c as K, g as U, t as f, a as W, f as X } from "./format-CqTHHSak.js";
|
|
8
|
-
import { c as y } from "./isToday-iCYsPDMT.js";
|
|
9
|
-
import { u as Z } from "./popover-root-provider-CFn2dthZ.js";
|
|
10
|
-
import { F as S } from "./flex-CX-8gE9T.js";
|
|
11
|
-
import { useBreakpoint as ee } from "../esm/hooks/useBreakpoint/index.js";
|
|
12
|
-
import { B as g } from "./index-9BerxEcw.js";
|
|
13
|
-
import { W as te } from "./text.component-DhuUgP3j.js";
|
|
14
|
-
import { W as ae } from "./textInput.component-BeiTxTkS.js";
|
|
15
|
-
import { T as se, c as ne } from "./timePicker.component-aSvdmOh7.js";
|
|
16
|
-
import { G as re, a as j } from "./grid-item-BmCSQ38y.js";
|
|
17
|
-
import { D as oe } from "./divider.component-CFOh4Nw3.js";
|
|
18
|
-
import { u as ie } from "./create-slot-recipe-context-D_FXDJGp.js";
|
|
19
|
-
import { P as ce } from "./index-DcmJgLUo.js";
|
|
20
|
-
import { P as le, a as de, b as ue, c as me } from "./popover-Gb1fXSR7.js";
|
|
21
|
-
var n = /* @__PURE__ */ ((t) => (t.Today = "Today", t.Yesterday = "Yesterday", t.ThisWeek = "ThisWeek", t.LastWeek = "LastWeek", t.ThisMonth = "ThisMonth", t.LastMonth = "LastMonth", t.Custom = "Custom", t))(n || {});
|
|
22
|
-
const Qe = ["single", "double"], pe = [
|
|
23
|
-
{
|
|
24
|
-
label: "Today",
|
|
25
|
-
value: n.Today
|
|
26
|
-
},
|
|
27
|
-
{
|
|
28
|
-
label: "Yesterday",
|
|
29
|
-
value: n.Yesterday
|
|
30
|
-
},
|
|
31
|
-
{
|
|
32
|
-
label: "This Week",
|
|
33
|
-
value: n.ThisWeek
|
|
34
|
-
},
|
|
35
|
-
{
|
|
36
|
-
label: "Last Week",
|
|
37
|
-
value: n.LastWeek
|
|
38
|
-
},
|
|
39
|
-
{
|
|
40
|
-
label: "This Month",
|
|
41
|
-
value: n.ThisMonth
|
|
42
|
-
},
|
|
43
|
-
{
|
|
44
|
-
label: "Last Month",
|
|
45
|
-
value: n.LastMonth
|
|
46
|
-
},
|
|
47
|
-
{
|
|
48
|
-
label: "Custom",
|
|
49
|
-
value: n.Custom,
|
|
50
|
-
iconName: "calendarPen"
|
|
51
|
-
}
|
|
52
|
-
], fe = {
|
|
53
|
-
single: 1,
|
|
54
|
-
double: 2
|
|
55
|
-
};
|
|
56
|
-
function he(t) {
|
|
57
|
-
return I(Date.now(), t);
|
|
58
|
-
}
|
|
59
|
-
function De(t) {
|
|
60
|
-
return L(Date.now(), t);
|
|
61
|
-
}
|
|
62
|
-
function xe(t) {
|
|
63
|
-
const e = y(t?.in), a = e.getFullYear(), r = e.getMonth(), o = e.getDate(), c = y(t?.in);
|
|
64
|
-
return c.setFullYear(a, r, o - 1), c.setHours(0, 0, 0, 0), c;
|
|
65
|
-
}
|
|
66
|
-
function ke(t) {
|
|
67
|
-
const e = y(t?.in), a = K(t?.in, 0);
|
|
68
|
-
return a.setFullYear(e.getFullYear(), e.getMonth(), e.getDate() - 1), a.setHours(23, 59, 59, 999), a;
|
|
69
|
-
}
|
|
70
|
-
function M(t, e) {
|
|
71
|
-
const a = U(), r = e?.weekStartsOn ?? e?.locale?.options?.weekStartsOn ?? a.weekStartsOn ?? a.locale?.options?.weekStartsOn ?? 0, o = f(t, e?.in), c = o.getDay(), l = (c < r ? -7 : 0) + 6 - (c - r);
|
|
72
|
-
return o.setDate(o.getDate() + l), o.setHours(23, 59, 59, 999), o;
|
|
73
|
-
}
|
|
74
|
-
function _(t, e) {
|
|
75
|
-
const a = f(t, e?.in);
|
|
76
|
-
return a.setDate(1), a.setHours(0, 0, 0, 0), a;
|
|
77
|
-
}
|
|
78
|
-
function O(t, e) {
|
|
79
|
-
const a = f(t, e?.in), r = a.getMonth();
|
|
80
|
-
return a.setFullYear(a.getFullYear(), r + 1, 0), a.setHours(23, 59, 59, 999), a;
|
|
81
|
-
}
|
|
82
|
-
function ge(t, e, a) {
|
|
83
|
-
return A(t, e * 7, a);
|
|
84
|
-
}
|
|
85
|
-
function be(t, e, a) {
|
|
86
|
-
return ge(t, -1, a);
|
|
87
|
-
}
|
|
88
|
-
function Ce(t, e, a) {
|
|
89
|
-
return G(t, -1, a);
|
|
90
|
-
}
|
|
91
|
-
function F(t, e) {
|
|
92
|
-
return +f(t) == +f(e);
|
|
93
|
-
}
|
|
94
|
-
const B = (t) => {
|
|
95
|
-
const e = /* @__PURE__ */ new Date();
|
|
96
|
-
switch (t) {
|
|
97
|
-
case n.Today:
|
|
98
|
-
return {
|
|
99
|
-
startDate: he(),
|
|
100
|
-
endDate: De()
|
|
101
|
-
};
|
|
102
|
-
case n.Yesterday:
|
|
103
|
-
return {
|
|
104
|
-
startDate: xe(),
|
|
105
|
-
endDate: ke()
|
|
106
|
-
};
|
|
107
|
-
case n.ThisWeek:
|
|
108
|
-
return {
|
|
109
|
-
startDate: W(e, { weekStartsOn: 1 }),
|
|
110
|
-
endDate: M(e, { weekStartsOn: 1 })
|
|
111
|
-
};
|
|
112
|
-
case n.LastWeek: {
|
|
113
|
-
const a = be(e);
|
|
114
|
-
return {
|
|
115
|
-
startDate: W(a, { weekStartsOn: 1 }),
|
|
116
|
-
endDate: M(a, { weekStartsOn: 1 })
|
|
117
|
-
};
|
|
118
|
-
}
|
|
119
|
-
case n.ThisMonth:
|
|
120
|
-
return {
|
|
121
|
-
startDate: _(e),
|
|
122
|
-
endDate: O(e)
|
|
123
|
-
};
|
|
124
|
-
case n.LastMonth: {
|
|
125
|
-
const a = Ce(e);
|
|
126
|
-
return {
|
|
127
|
-
startDate: _(a),
|
|
128
|
-
endDate: O(a)
|
|
129
|
-
};
|
|
130
|
-
}
|
|
131
|
-
default:
|
|
132
|
-
return null;
|
|
133
|
-
}
|
|
134
|
-
}, Te = (t, e) => {
|
|
135
|
-
if (!t || !e)
|
|
136
|
-
return n.Today;
|
|
137
|
-
const a = [
|
|
138
|
-
n.Today,
|
|
139
|
-
n.Yesterday,
|
|
140
|
-
n.ThisWeek,
|
|
141
|
-
n.LastWeek,
|
|
142
|
-
n.ThisMonth,
|
|
143
|
-
n.LastMonth
|
|
144
|
-
];
|
|
145
|
-
for (const r of a) {
|
|
146
|
-
const o = B(r);
|
|
147
|
-
if (o && F(t, o.startDate) && F(e, o.endDate))
|
|
148
|
-
return r;
|
|
149
|
-
}
|
|
150
|
-
return n.Custom;
|
|
151
|
-
}, je = ({
|
|
152
|
-
selectedQuickOption: t,
|
|
153
|
-
setSelectedQuickOption: e,
|
|
154
|
-
["data-testid"]: a = "kibble-datetime-picker-quick-options"
|
|
155
|
-
}) => {
|
|
156
|
-
const { setFocusedInput: r, onQuickOptionSelect: o } = v(), { setOpen: c } = Z(), l = (i) => {
|
|
157
|
-
if (e(i), i === n.Custom) {
|
|
158
|
-
r(p.StartDate);
|
|
159
|
-
return;
|
|
160
|
-
}
|
|
161
|
-
const m = B(i);
|
|
162
|
-
m && (o(m), c(!1));
|
|
163
|
-
};
|
|
164
|
-
return /* @__PURE__ */ s.jsx(S, { className: "DateTimePicker__QuickFilters", flexDirection: "column", gap: 2, w: "100%", maxW: "120px", children: pe.map((i) => /* @__PURE__ */ s.jsx(
|
|
165
|
-
Y,
|
|
166
|
-
{
|
|
167
|
-
className: "DateTimePicker__Option",
|
|
168
|
-
"data-testid": `${a}-option-${i.value}`,
|
|
169
|
-
variant: "secondarySubtle",
|
|
170
|
-
...i.iconName && { iconName: i.iconName, iconPosition: "right" },
|
|
171
|
-
...t === i.value && { active: !0 },
|
|
172
|
-
onClick: () => l(i.value),
|
|
173
|
-
children: i.label
|
|
174
|
-
},
|
|
175
|
-
i.value
|
|
176
|
-
)) });
|
|
177
|
-
}, N = ({
|
|
178
|
-
label: t,
|
|
179
|
-
rangeType: e,
|
|
180
|
-
timezoneOverride: a
|
|
181
|
-
}) => {
|
|
182
|
-
const { startDate: r, endDate: o, dateFormat: c, focusedInput: l, setFocusedInput: i, onTimeChange: m } = v(), h = u(
|
|
183
|
-
() => (e === p.StartDate ? r : o) || /* @__PURE__ */ new Date(),
|
|
184
|
-
[r, o, e]
|
|
185
|
-
), b = u(() => X(h, c), [h, c]), D = (d) => {
|
|
186
|
-
d && (a && (d = ne({ date: d, timezoneOverride: a })), m(d, e));
|
|
187
|
-
};
|
|
188
|
-
return /* @__PURE__ */ s.jsxs(
|
|
189
|
-
re,
|
|
190
|
-
{
|
|
191
|
-
alignItems: "center",
|
|
192
|
-
templateColumns: "repeat(5, 1fr)",
|
|
193
|
-
gap: 1,
|
|
194
|
-
bgColor: "background.secondaryAlpha",
|
|
195
|
-
borderRadius: "md",
|
|
196
|
-
p: 1,
|
|
197
|
-
flex: "0 0 50%",
|
|
198
|
-
children: [
|
|
199
|
-
/* @__PURE__ */ s.jsx(j, { colSpan: 1, children: /* @__PURE__ */ s.jsx(te, { size: "sm", fontWeight: "semibold", textAlign: "center", children: t }) }),
|
|
200
|
-
/* @__PURE__ */ s.jsx(j, { colSpan: 2, children: /* @__PURE__ */ s.jsx(
|
|
201
|
-
ae,
|
|
202
|
-
{
|
|
203
|
-
readOnly: !0,
|
|
204
|
-
value: b,
|
|
205
|
-
onClick: () => i(e),
|
|
206
|
-
...l === e && {
|
|
207
|
-
"data-focus": !0
|
|
208
|
-
}
|
|
209
|
-
}
|
|
210
|
-
) }),
|
|
211
|
-
/* @__PURE__ */ s.jsx(j, { colSpan: 2, children: /* @__PURE__ */ s.jsx(
|
|
212
|
-
se,
|
|
213
|
-
{
|
|
214
|
-
minuteInterval: 1,
|
|
215
|
-
initialTime: h,
|
|
216
|
-
onClose: (d) => D(d),
|
|
217
|
-
inputProps: { rightElement: void 0, onClick: () => i(e) },
|
|
218
|
-
timezoneOverride: a,
|
|
219
|
-
showTimezoneAbr: !!a
|
|
220
|
-
}
|
|
221
|
-
) })
|
|
222
|
-
]
|
|
223
|
-
}
|
|
224
|
-
);
|
|
225
|
-
}, ye = ({
|
|
226
|
-
isSingleView: t,
|
|
227
|
-
timezoneOverride: e
|
|
228
|
-
}) => {
|
|
229
|
-
const { focusedInput: a, setFocusedInput: r } = v();
|
|
230
|
-
return R(() => {
|
|
231
|
-
a || r(p.StartDate);
|
|
232
|
-
}, [a, r]), /* @__PURE__ */ s.jsxs(g, { className: "DateTimePicker__CustomFilters", mt: -1, children: [
|
|
233
|
-
/* @__PURE__ */ s.jsxs(
|
|
234
|
-
S,
|
|
235
|
-
{
|
|
236
|
-
className: "DateTimePicker__CustomFilters__RangeSelectors",
|
|
237
|
-
flexDirection: t ? "column" : "row",
|
|
238
|
-
alignItems: "center",
|
|
239
|
-
gap: 2,
|
|
240
|
-
justifyContent: "space-between",
|
|
241
|
-
children: [
|
|
242
|
-
/* @__PURE__ */ s.jsx(
|
|
243
|
-
N,
|
|
244
|
-
{
|
|
245
|
-
label: "Start",
|
|
246
|
-
rangeType: p.StartDate,
|
|
247
|
-
timezoneOverride: e
|
|
248
|
-
}
|
|
249
|
-
),
|
|
250
|
-
/* @__PURE__ */ s.jsx(N, { label: "End", rangeType: p.EndDate, timezoneOverride: e })
|
|
251
|
-
]
|
|
252
|
-
}
|
|
253
|
-
),
|
|
254
|
-
/* @__PURE__ */ s.jsxs(g, { className: "CalendarView", bgColor: "background.secondaryAlpha", borderRadius: "md", p: 1, mt: 5, children: [
|
|
255
|
-
/* @__PURE__ */ s.jsx(g, { className: "CalendarView__Header", bgColor: "background.accent.subtle", borderRadius: "md", children: /* @__PURE__ */ s.jsx(Q, { triggerProps: { variant: "ghostNeutral" } }) }),
|
|
256
|
-
/* @__PURE__ */ s.jsx(g, { className: "CalendarView__Body", children: /* @__PURE__ */ s.jsx(q, { showMonthLabels: !0 }) })
|
|
257
|
-
] })
|
|
258
|
-
] });
|
|
259
|
-
}, qe = ({
|
|
260
|
-
trigger: t,
|
|
261
|
-
calendarView: e = "double",
|
|
262
|
-
portalled: a = !0,
|
|
263
|
-
showQuickOptions: r = !0,
|
|
264
|
-
["data-testid"]: o = "kibble-datetime-picker",
|
|
265
|
-
timezoneOverride: c,
|
|
266
|
-
...l
|
|
267
|
-
}) => {
|
|
268
|
-
const i = u(() => {
|
|
269
|
-
const P = /* @__PURE__ */ new Date();
|
|
270
|
-
return {
|
|
271
|
-
startDate: I(P),
|
|
272
|
-
endDate: L(P)
|
|
273
|
-
};
|
|
274
|
-
}, []), { contentRef: m } = V(), b = ie({ recipe: J })(), D = ee(), d = u(() => r ? Te(l.startDate || null, l.endDate || null) : n.Custom, [r, l.startDate, l.endDate]), [x, w] = $(d);
|
|
275
|
-
R(() => {
|
|
276
|
-
w(d);
|
|
277
|
-
}, [d]);
|
|
278
|
-
const k = u(
|
|
279
|
-
() => ["base", "sm"].includes(D) ? "single" : e,
|
|
280
|
-
[e, D]
|
|
281
|
-
), H = u(() => fe[k], [k]), C = u(() => k === "single", [k]), T = u(
|
|
282
|
-
() => x === n.Custom,
|
|
283
|
-
[x]
|
|
284
|
-
), E = u(() => T ? "max-content" : "160px", [T]);
|
|
285
|
-
return /* @__PURE__ */ s.jsxs(
|
|
286
|
-
z,
|
|
287
|
-
{
|
|
288
|
-
...l,
|
|
289
|
-
startDate: l.startDate || i.startDate,
|
|
290
|
-
endDate: l.endDate || i.endDate,
|
|
291
|
-
withDateRange: !0,
|
|
292
|
-
numberOfMonths: H,
|
|
293
|
-
sameWidth: !0,
|
|
294
|
-
children: [
|
|
295
|
-
/* @__PURE__ */ s.jsx(le, { asChild: !0, w: "max-content", children: t || /* @__PURE__ */ s.jsx(Y, { variant: "secondarySubtle", iconName: "calendarInfo", "data-testid": `${o}-default-trigger`, children: "Date/Time Range" }) }),
|
|
296
|
-
/* @__PURE__ */ s.jsx(ce, { container: m || void 0, disabled: !a, children: /* @__PURE__ */ s.jsx(de, { className: "DateTimePicker", "data-testid": o, children: /* @__PURE__ */ s.jsx(
|
|
297
|
-
ue,
|
|
298
|
-
{
|
|
299
|
-
className: "DateTimePicker__Content",
|
|
300
|
-
"data-testid": `${o}-content`,
|
|
301
|
-
css: {
|
|
302
|
-
...b.content,
|
|
303
|
-
"--popover-size": E,
|
|
304
|
-
maxW: r ? C ? "550px" : "890px" : C ? "390px" : "730px",
|
|
305
|
-
...T && { minW: r ? "550px" : "390px" }
|
|
306
|
-
},
|
|
307
|
-
children: /* @__PURE__ */ s.jsx(me, { css: { "--popover-padding": 0 }, children: /* @__PURE__ */ s.jsxs(S, { className: "DateTimePicker__Container", "data-testid": `${o}-container`, p: 5, children: [
|
|
308
|
-
r && /* @__PURE__ */ s.jsx(
|
|
309
|
-
je,
|
|
310
|
-
{
|
|
311
|
-
selectedQuickOption: x,
|
|
312
|
-
setSelectedQuickOption: w
|
|
313
|
-
}
|
|
314
|
-
),
|
|
315
|
-
x === n.Custom && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
|
|
316
|
-
r && /* @__PURE__ */ s.jsx(oe, { orientation: "vertical", my: -5, mx: 5 }),
|
|
317
|
-
/* @__PURE__ */ s.jsx(ye, { isSingleView: C, timezoneOverride: c })
|
|
318
|
-
] })
|
|
319
|
-
] }) })
|
|
320
|
-
}
|
|
321
|
-
) }) })
|
|
322
|
-
]
|
|
323
|
-
}
|
|
324
|
-
);
|
|
325
|
-
};
|
|
326
|
-
export {
|
|
327
|
-
qe as D,
|
|
328
|
-
n as a,
|
|
329
|
-
Qe as c
|
|
330
|
-
};
|
|
331
|
-
//# sourceMappingURL=dateTimePicker.component-D9yDO-pa.js.map
|