@banyan_cloud/roots 1.0.35 → 1.0.37
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/cjs/index.js +57 -22
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +57 -22
- package/dist/esm/index.js.map +1 -1
- package/dist/index.js +57 -22
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -1508,7 +1508,7 @@ var stringToPath = function stringToPath(string) {
|
|
|
1508
1508
|
|
|
1509
1509
|
/**
|
|
1510
1510
|
* Gets the value at `path` of `object`. If the resolved value is
|
|
1511
|
-
* `undefined`, the `defaultValue` is returned in its place
|
|
1511
|
+
* `undefined`, the `defaultValue` is returned in its place..
|
|
1512
1512
|
*
|
|
1513
1513
|
* @param {Object} object The object to query.
|
|
1514
1514
|
* @param {Array|string} path The path of the property to get.
|
|
@@ -33122,8 +33122,8 @@ var dracula = {
|
|
|
33122
33122
|
numberColor: "#bd93f9"
|
|
33123
33123
|
};
|
|
33124
33124
|
|
|
33125
|
-
var css$I = ".
|
|
33126
|
-
var modules_c548043f = {"root":"
|
|
33125
|
+
var css$I = ".CodeSnippet_module_root__5d60e927 {\n padding: 0.5rem, 1rem;\n position: relative;\n font-family: monospace;\n}\n.CodeSnippet_module_root__5d60e927 .CodeSnippet_module_copy__5d60e927 {\n position: absolute;\n right: 1rem;\n top: 0.5rem;\n cursor: pointer;\n}\n.CodeSnippet_module_root__5d60e927 .CodeSnippet_module_copy__5d60e927 .CodeSnippet_module_icon__5d60e927 {\n width: 1.5rem;\n height: 1.5rem;\n}\n.CodeSnippet_module_root__5d60e927 .CodeSnippet_module_copy__5d60e927 .CodeSnippet_module_icon__5d60e927.CodeSnippet_module_dark__5d60e927 {\n fill: var(--white);\n}\n.CodeSnippet_module_root__5d60e927 .CodeSnippet_module_copy__5d60e927 .CodeSnippet_module_icon__5d60e927.CodeSnippet_module_light__5d60e927 {\n fill: var(--black);\n}\n.CodeSnippet_module_root__5d60e927 .CodeSnippet_module_copy__5d60e927 .CodeSnippet_module_notCopied__5d60e927 {\n display: none;\n}\n.CodeSnippet_module_root__5d60e927 .CodeSnippet_module_copy__5d60e927 .CodeSnippet_module_copied__5d60e927 {\n position: absolute;\n right: 1.375rem;\n top: 2.188rem;\n padding: 0.5rem;\n border-radius: 0.25rem;\n background-color: var(--highlight);\n color: var(--grey10);\n}";
|
|
33126
|
+
var modules_c548043f = {"root":"CodeSnippet_module_root__5d60e927","copy":"CodeSnippet_module_copy__5d60e927","icon":"CodeSnippet_module_icon__5d60e927","dark":"CodeSnippet_module_dark__5d60e927","light":"CodeSnippet_module_light__5d60e927","notCopied":"CodeSnippet_module_notCopied__5d60e927","copied":"CodeSnippet_module_copied__5d60e927"};
|
|
33127
33127
|
n(css$I,{});
|
|
33128
33128
|
|
|
33129
33129
|
var CodeSnippet = function CodeSnippet(props) {
|
|
@@ -35085,6 +35085,7 @@ var isValidUnit = function isValidUnit(_ref) {
|
|
|
35085
35085
|
if (value >= 0 && value < 13) {
|
|
35086
35086
|
return true;
|
|
35087
35087
|
}
|
|
35088
|
+
return false;
|
|
35088
35089
|
}
|
|
35089
35090
|
if (value >= 0 && value < 60) {
|
|
35090
35091
|
return true;
|
|
@@ -35110,7 +35111,7 @@ var TimePicker = function TimePicker(props) {
|
|
|
35110
35111
|
seconds: React.useRef(),
|
|
35111
35112
|
meridian: React.useRef()
|
|
35112
35113
|
};
|
|
35113
|
-
var _useState = React.useState({
|
|
35114
|
+
var _useState = React.useState(props.value || {
|
|
35114
35115
|
hours: doubleDigitted(today.hours),
|
|
35115
35116
|
minutes: doubleDigitted(today.minutes),
|
|
35116
35117
|
seconds: doubleDigitted(today.seconds),
|
|
@@ -35123,11 +35124,6 @@ var TimePicker = function TimePicker(props) {
|
|
|
35123
35124
|
minutes = timePickerValue.minutes,
|
|
35124
35125
|
seconds = timePickerValue.seconds,
|
|
35125
35126
|
meridian = timePickerValue.meridian;
|
|
35126
|
-
React.useEffect(function () {
|
|
35127
|
-
if (props.value) {
|
|
35128
|
-
setTimePickerValue(props.value);
|
|
35129
|
-
}
|
|
35130
|
-
}, []);
|
|
35131
35127
|
React.useEffect(function () {
|
|
35132
35128
|
props.onChange(timePickerValue);
|
|
35133
35129
|
}, [timePickerValue]);
|
|
@@ -35143,14 +35139,14 @@ var TimePicker = function TimePicker(props) {
|
|
|
35143
35139
|
var target = event.target;
|
|
35144
35140
|
var id = target.id,
|
|
35145
35141
|
value = target.value;
|
|
35146
|
-
if (id !== 'meridian' && !Number(value) > 0) {
|
|
35147
|
-
setTimePickerValue(_objectSpread2(_objectSpread2({}, timePickerValue), {}, _defineProperty$1({}, id, '01')));
|
|
35148
|
-
return;
|
|
35149
|
-
}
|
|
35150
35142
|
if (id === 'meridian' && !['AM', 'PM'].includes(value)) {
|
|
35151
35143
|
setTimePickerValue(_objectSpread2(_objectSpread2({}, timePickerValue), {}, _defineProperty$1({}, id, 'AM')));
|
|
35152
35144
|
return;
|
|
35153
35145
|
}
|
|
35146
|
+
if (id === 'hours' && !Number(value) > 0) {
|
|
35147
|
+
setTimePickerValue(_objectSpread2(_objectSpread2({}, timePickerValue), {}, _defineProperty$1({}, id, '01')));
|
|
35148
|
+
return;
|
|
35149
|
+
}
|
|
35154
35150
|
setTimePickerValue(_objectSpread2(_objectSpread2({}, timePickerValue), {}, _defineProperty$1({}, id, doubleDigitted(value))));
|
|
35155
35151
|
};
|
|
35156
35152
|
var _onKeyDown = function onKeyDown(event) {
|
|
@@ -35349,16 +35345,54 @@ var Footer = function Footer(props) {
|
|
|
35349
35345
|
var clearRangeSelection = function clearRangeSelection() {
|
|
35350
35346
|
setSelectedRange({});
|
|
35351
35347
|
};
|
|
35348
|
+
var datePassed = fromUnixTime(selectedDate.unix);
|
|
35352
35349
|
var onTimeChange = function onTimeChange(time) {
|
|
35353
|
-
var monthNumber =
|
|
35354
|
-
var
|
|
35350
|
+
var monthNumber = datePassed.getMonth();
|
|
35351
|
+
var hours = null;
|
|
35352
|
+
hours = time.hours;
|
|
35353
|
+
if (time.hours === '12') {
|
|
35354
|
+
hours = '00';
|
|
35355
|
+
}
|
|
35356
|
+
if (time.meridian === 'PM') {
|
|
35357
|
+
hours = 12 + parseInt(time.hours, 10);
|
|
35358
|
+
}
|
|
35359
|
+
var unix = getUnixTime(new Date(selectedDate.year || getDayInfo(new Date()).year, monthNumber || getDayInfo(new Date()).monthAsNumber, selectedDate.date || getDayInfo(new Date()).dateAsNumber, Number(hours), Number(time.minutes), Number(time.seconds)));
|
|
35355
35360
|
setSelectedDate(_objectSpread2(_objectSpread2({}, selectedDate), {}, {
|
|
35356
35361
|
unix: unix
|
|
35357
35362
|
}));
|
|
35358
35363
|
};
|
|
35364
|
+
var getTimePickerValue = function getTimePickerValue() {
|
|
35365
|
+
if (datePassed.getDate()) {
|
|
35366
|
+
var _hours = ((datePassed.getHours() + 11) % 12 + 1).toString();
|
|
35367
|
+
var _minutes = datePassed.getMinutes().toString();
|
|
35368
|
+
var _seconds = datePassed.getSeconds().toString();
|
|
35369
|
+
var _meridian = datePassed.getHours() >= 12 ? 'PM' : 'AM';
|
|
35370
|
+
return {
|
|
35371
|
+
hours: doubleDigitted(_hours),
|
|
35372
|
+
minutes: doubleDigitted(_minutes),
|
|
35373
|
+
seconds: doubleDigitted(_seconds),
|
|
35374
|
+
meridian: _meridian
|
|
35375
|
+
};
|
|
35376
|
+
}
|
|
35377
|
+
var _getDayInfo = getDayInfo(new Date()),
|
|
35378
|
+
hours = _getDayInfo.hours;
|
|
35379
|
+
var _getDayInfo2 = getDayInfo(new Date()),
|
|
35380
|
+
minutes = _getDayInfo2.minutes;
|
|
35381
|
+
var _getDayInfo3 = getDayInfo(new Date()),
|
|
35382
|
+
seconds = _getDayInfo3.seconds;
|
|
35383
|
+
var meridian = getDayInfo(new Date()).hours >= 12 ? 'PM' : 'AM';
|
|
35384
|
+
return {
|
|
35385
|
+
hours: doubleDigitted(hours),
|
|
35386
|
+
minutes: doubleDigitted(minutes),
|
|
35387
|
+
seconds: doubleDigitted(seconds),
|
|
35388
|
+
meridian: meridian
|
|
35389
|
+
};
|
|
35390
|
+
};
|
|
35391
|
+
var timeValue = "".concat(getTimePickerValue().hours, ":").concat(getTimePickerValue().minutes, " ").concat(getTimePickerValue().meridian);
|
|
35359
35392
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
35360
35393
|
className: modules_b490bd5d.root,
|
|
35361
35394
|
children: [/*#__PURE__*/jsxRuntime.jsx(TimePicker, {
|
|
35395
|
+
value: getTimePickerValue(),
|
|
35362
35396
|
onChange: onTimeChange,
|
|
35363
35397
|
className: modules_b490bd5d['time-picker']
|
|
35364
35398
|
}), datesSelected && (dates === null || dates === void 0 ? void 0 : dates.length) === 2 ? /*#__PURE__*/jsxRuntime.jsx(SelectedDateView, {
|
|
@@ -35371,7 +35405,7 @@ var Footer = function Footer(props) {
|
|
|
35371
35405
|
},
|
|
35372
35406
|
action: clearRangeSelection
|
|
35373
35407
|
}) : datesSelected && /*#__PURE__*/jsxRuntime.jsx(SelectedDateView, {
|
|
35374
|
-
value: "".concat(doubleDigitted(date), " ").concat(monthInShort, " ").concat(year),
|
|
35408
|
+
value: "".concat(doubleDigitted(date), " ").concat(monthInShort, " ").concat(year, " - ").concat(timeValue),
|
|
35375
35409
|
icon: function icon() {
|
|
35376
35410
|
return /*#__PURE__*/jsxRuntime.jsx(Reset, {});
|
|
35377
35411
|
},
|
|
@@ -35445,7 +35479,7 @@ var Calender = function Calender(props) {
|
|
|
35445
35479
|
month: selectedDateMonth.month,
|
|
35446
35480
|
year: selectedDateMonth.year,
|
|
35447
35481
|
date: dateAsNumber,
|
|
35448
|
-
unix: getUnixTime(_date
|
|
35482
|
+
unix: getUnixTime(_date)
|
|
35449
35483
|
}));
|
|
35450
35484
|
return;
|
|
35451
35485
|
}
|
|
@@ -35456,7 +35490,7 @@ var Calender = function Calender(props) {
|
|
|
35456
35490
|
month: selectedMonth.month,
|
|
35457
35491
|
year: selectedMonth.year,
|
|
35458
35492
|
date: _dateAsNumber,
|
|
35459
|
-
unix: getUnixTime(date
|
|
35493
|
+
unix: getUnixTime(date)
|
|
35460
35494
|
}));
|
|
35461
35495
|
}
|
|
35462
35496
|
}, []);
|
|
@@ -35471,7 +35505,7 @@ var Calender = function Calender(props) {
|
|
|
35471
35505
|
month: dayInfo.month,
|
|
35472
35506
|
year: dayInfo.year,
|
|
35473
35507
|
date: dayInfo.dateAsNumber,
|
|
35474
|
-
unix: getUnixTime(new Date(unix * 1000)
|
|
35508
|
+
unix: getUnixTime(new Date(unix * 1000))
|
|
35475
35509
|
}));
|
|
35476
35510
|
};
|
|
35477
35511
|
var onMonthChange = function onMonthChange(switchSide) {
|
|
@@ -35539,8 +35573,8 @@ var Calender = function Calender(props) {
|
|
|
35539
35573
|
});
|
|
35540
35574
|
};
|
|
35541
35575
|
|
|
35542
|
-
var css$v = ".
|
|
35543
|
-
var modules_5b831cd1 = {"root":"
|
|
35576
|
+
var css$v = ".DatePicker_module_root__cd4565ac {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n gap: 0.5rem;\n max-width: 100%;\n overflow: visible;\n}\n.DatePicker_module_root__cd4565ac .DatePicker_module_label__cd4565ac {\n font-weight: 400;\n font-size: 0.75rem;\n}\n.DatePicker_module_root__cd4565ac .DatePicker_module_label__cd4565ac.DatePicker_module_light__cd4565ac {\n color: var(--black);\n}\n.DatePicker_module_root__cd4565ac .DatePicker_module_label__cd4565ac.DatePicker_module_dark__cd4565ac {\n color: var(--white);\n}\n.DatePicker_module_root__cd4565ac .DatePicker_module_container__cd4565ac {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n position: relative;\n background: transparent;\n border: 0.0625rem solid #d9d9d9;\n border-radius: 0.25rem;\n width: auto;\n border: 0.0625rem solid var(--grey5);\n padding: 0.75rem 1rem;\n cursor: pointer;\n}\n.DatePicker_module_root__cd4565ac .DatePicker_module_container__cd4565ac > div {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n font-size: 0px;\n letter-spacing: 0px;\n word-spacing: 0px;\n}\n.DatePicker_module_root__cd4565ac .DatePicker_module_container__cd4565ac .DatePicker_module_placeholder__cd4565ac {\n font-weight: 400;\n font-size: 1rem;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n margin-left: 0.9375rem;\n color: var(--grey1);\n}\n.DatePicker_module_root__cd4565ac .DatePicker_module_container__cd4565ac .DatePicker_module_value__cd4565ac {\n font-weight: 400;\n font-size: 1rem;\n margin-left: 0.9375rem;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.DatePicker_module_root__cd4565ac .DatePicker_module_container__cd4565ac .DatePicker_module_value__cd4565ac.DatePicker_module_light__cd4565ac {\n color: var(--black);\n}\n.DatePicker_module_root__cd4565ac .DatePicker_module_container__cd4565ac .DatePicker_module_value__cd4565ac.DatePicker_module_dark__cd4565ac {\n color: var(--white);\n}\n.DatePicker_module_root__cd4565ac .DatePicker_module_container__cd4565ac .DatePicker_module_value__cd4565ac span {\n max-width: 200px;\n display: inline-block;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n font-weight: 500;\n}\n.DatePicker_module_root__cd4565ac .DatePicker_module_container__cd4565ac .DatePicker_module_input__cd4565ac {\n display: none;\n}\n.DatePicker_module_root__cd4565ac .DatePicker_module_container__cd4565ac .DatePicker_module_icon__cd4565ac {\n width: 1.25rem;\n height: 1.25rem;\n}\n.DatePicker_module_root__cd4565ac .DatePicker_module_container__cd4565ac .DatePicker_module_icon__cd4565ac.DatePicker_module_light__cd4565ac > path {\n fill: var(--dark-grey);\n}\n.DatePicker_module_root__cd4565ac .DatePicker_module_container__cd4565ac .DatePicker_module_icon__cd4565ac.DatePicker_module_dark__cd4565ac > path {\n fill: var(--white);\n}\n.DatePicker_module_root__cd4565ac .DatePicker_module_container__cd4565ac .DatePicker_module_down__cd4565ac {\n transform: rotate(270deg);\n}\n.DatePicker_module_root__cd4565ac .DatePicker_module_container__cd4565ac .DatePicker_module_up__cd4565ac {\n transform: rotate(90deg);\n}\n.DatePicker_module_root__cd4565ac .DatePicker_module_disabled__cd4565ac {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n position: relative;\n background: var(--grey10);\n border: 0.0625rem solid #d9d9d9;\n border-radius: 0.25rem;\n border: 0.0625rem solid var(--grey5);\n padding: 0.75rem 1rem;\n cursor: pointer;\n}\n.DatePicker_module_root__cd4565ac .DatePicker_module_disabled__cd4565ac .DatePicker_module_downArrow__cd4565ac {\n transform: rotate(270deg);\n fill: var(--grey3);\n}\n.DatePicker_module_root__cd4565ac .DatePicker_module_disabled__cd4565ac .DatePicker_module_placeholder__cd4565ac {\n font-weight: 400;\n font-size: 1rem;\n color: var(--grey3);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.DatePicker_module_root__cd4565ac.DatePicker_module_open__cd4565ac {\n border-color: var(--highlight);\n}\n.DatePicker_module_root__cd4565ac .DatePicker_module_error__cd4565ac {\n border: 0.0938rem solid var(--error);\n}\n.DatePicker_module_root__cd4565ac .DatePicker_module_errorText__cd4565ac {\n font-weight: 400;\n font-size: 0.75rem;\n line-height: 0.9375rem;\n color: var(--error);\n}\n\n.DatePicker_module_popper__cd4565ac {\n display: none;\n background: var(--white);\n border: 0.0625rem solid #d9d9d9;\n box-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n border-radius: 0.25rem;\n overflow: auto;\n}\n.DatePicker_module_popper__cd4565ac.DatePicker_module_open__cd4565ac {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n position: absolute;\n}";
|
|
35577
|
+
var modules_5b831cd1 = {"root":"DatePicker_module_root__cd4565ac","label":"DatePicker_module_label__cd4565ac","light":"DatePicker_module_light__cd4565ac","dark":"DatePicker_module_dark__cd4565ac","container":"DatePicker_module_container__cd4565ac","placeholder":"DatePicker_module_placeholder__cd4565ac","value":"DatePicker_module_value__cd4565ac","input":"DatePicker_module_input__cd4565ac","icon":"DatePicker_module_icon__cd4565ac","down":"DatePicker_module_down__cd4565ac","up":"DatePicker_module_up__cd4565ac","disabled":"DatePicker_module_disabled__cd4565ac","down-arrow":"DatePicker_module_downArrow__cd4565ac","open":"DatePicker_module_open__cd4565ac","error":"DatePicker_module_error__cd4565ac","error-text":"DatePicker_module_errorText__cd4565ac","popper":"DatePicker_module_popper__cd4565ac"};
|
|
35544
35578
|
n(css$v,{});
|
|
35545
35579
|
|
|
35546
35580
|
var isMaxRangeExceeded = function isMaxRangeExceeded(_ref) {
|
|
@@ -35609,7 +35643,8 @@ var DatePicker = function DatePicker(props) {
|
|
|
35609
35643
|
var displayValue = '';
|
|
35610
35644
|
if (!range && value) {
|
|
35611
35645
|
var _sDate$getMonth$toStr;
|
|
35612
|
-
|
|
35646
|
+
var timeValue = "".concat((sDate.getHours() + 11) % 12 + 1, ":").concat(sDate.getMinutes(), " ").concat(sDate.getHours() >= 12 ? 'PM' : 'AM');
|
|
35647
|
+
displayValue = " ".concat(sDate.getDate(), " ").concat(MONTHS[(_sDate$getMonth$toStr = sDate.getMonth().toString()) === null || _sDate$getMonth$toStr === void 0 ? void 0 : _sDate$getMonth$toStr.substring(0, 3)], " ").concat(sDate.getFullYear(), " ").concat(timeValue);
|
|
35613
35648
|
}
|
|
35614
35649
|
var _useFloating = useFloating({
|
|
35615
35650
|
open: open,
|