@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/esm/index.js
CHANGED
|
@@ -1488,7 +1488,7 @@ var stringToPath = function stringToPath(string) {
|
|
|
1488
1488
|
|
|
1489
1489
|
/**
|
|
1490
1490
|
* Gets the value at `path` of `object`. If the resolved value is
|
|
1491
|
-
* `undefined`, the `defaultValue` is returned in its place
|
|
1491
|
+
* `undefined`, the `defaultValue` is returned in its place..
|
|
1492
1492
|
*
|
|
1493
1493
|
* @param {Object} object The object to query.
|
|
1494
1494
|
* @param {Array|string} path The path of the property to get.
|
|
@@ -33102,8 +33102,8 @@ var dracula = {
|
|
|
33102
33102
|
numberColor: "#bd93f9"
|
|
33103
33103
|
};
|
|
33104
33104
|
|
|
33105
|
-
var css$I = ".
|
|
33106
|
-
var modules_c548043f = {"root":"
|
|
33105
|
+
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}";
|
|
33106
|
+
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"};
|
|
33107
33107
|
n(css$I,{});
|
|
33108
33108
|
|
|
33109
33109
|
var CodeSnippet = function CodeSnippet(props) {
|
|
@@ -35065,6 +35065,7 @@ var isValidUnit = function isValidUnit(_ref) {
|
|
|
35065
35065
|
if (value >= 0 && value < 13) {
|
|
35066
35066
|
return true;
|
|
35067
35067
|
}
|
|
35068
|
+
return false;
|
|
35068
35069
|
}
|
|
35069
35070
|
if (value >= 0 && value < 60) {
|
|
35070
35071
|
return true;
|
|
@@ -35090,7 +35091,7 @@ var TimePicker = function TimePicker(props) {
|
|
|
35090
35091
|
seconds: useRef(),
|
|
35091
35092
|
meridian: useRef()
|
|
35092
35093
|
};
|
|
35093
|
-
var _useState = useState({
|
|
35094
|
+
var _useState = useState(props.value || {
|
|
35094
35095
|
hours: doubleDigitted(today.hours),
|
|
35095
35096
|
minutes: doubleDigitted(today.minutes),
|
|
35096
35097
|
seconds: doubleDigitted(today.seconds),
|
|
@@ -35103,11 +35104,6 @@ var TimePicker = function TimePicker(props) {
|
|
|
35103
35104
|
minutes = timePickerValue.minutes,
|
|
35104
35105
|
seconds = timePickerValue.seconds,
|
|
35105
35106
|
meridian = timePickerValue.meridian;
|
|
35106
|
-
useEffect(function () {
|
|
35107
|
-
if (props.value) {
|
|
35108
|
-
setTimePickerValue(props.value);
|
|
35109
|
-
}
|
|
35110
|
-
}, []);
|
|
35111
35107
|
useEffect(function () {
|
|
35112
35108
|
props.onChange(timePickerValue);
|
|
35113
35109
|
}, [timePickerValue]);
|
|
@@ -35123,14 +35119,14 @@ var TimePicker = function TimePicker(props) {
|
|
|
35123
35119
|
var target = event.target;
|
|
35124
35120
|
var id = target.id,
|
|
35125
35121
|
value = target.value;
|
|
35126
|
-
if (id !== 'meridian' && !Number(value) > 0) {
|
|
35127
|
-
setTimePickerValue(_objectSpread2(_objectSpread2({}, timePickerValue), {}, _defineProperty$1({}, id, '01')));
|
|
35128
|
-
return;
|
|
35129
|
-
}
|
|
35130
35122
|
if (id === 'meridian' && !['AM', 'PM'].includes(value)) {
|
|
35131
35123
|
setTimePickerValue(_objectSpread2(_objectSpread2({}, timePickerValue), {}, _defineProperty$1({}, id, 'AM')));
|
|
35132
35124
|
return;
|
|
35133
35125
|
}
|
|
35126
|
+
if (id === 'hours' && !Number(value) > 0) {
|
|
35127
|
+
setTimePickerValue(_objectSpread2(_objectSpread2({}, timePickerValue), {}, _defineProperty$1({}, id, '01')));
|
|
35128
|
+
return;
|
|
35129
|
+
}
|
|
35134
35130
|
setTimePickerValue(_objectSpread2(_objectSpread2({}, timePickerValue), {}, _defineProperty$1({}, id, doubleDigitted(value))));
|
|
35135
35131
|
};
|
|
35136
35132
|
var _onKeyDown = function onKeyDown(event) {
|
|
@@ -35329,16 +35325,54 @@ var Footer = function Footer(props) {
|
|
|
35329
35325
|
var clearRangeSelection = function clearRangeSelection() {
|
|
35330
35326
|
setSelectedRange({});
|
|
35331
35327
|
};
|
|
35328
|
+
var datePassed = fromUnixTime(selectedDate.unix);
|
|
35332
35329
|
var onTimeChange = function onTimeChange(time) {
|
|
35333
|
-
var monthNumber =
|
|
35334
|
-
var
|
|
35330
|
+
var monthNumber = datePassed.getMonth();
|
|
35331
|
+
var hours = null;
|
|
35332
|
+
hours = time.hours;
|
|
35333
|
+
if (time.hours === '12') {
|
|
35334
|
+
hours = '00';
|
|
35335
|
+
}
|
|
35336
|
+
if (time.meridian === 'PM') {
|
|
35337
|
+
hours = 12 + parseInt(time.hours, 10);
|
|
35338
|
+
}
|
|
35339
|
+
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)));
|
|
35335
35340
|
setSelectedDate(_objectSpread2(_objectSpread2({}, selectedDate), {}, {
|
|
35336
35341
|
unix: unix
|
|
35337
35342
|
}));
|
|
35338
35343
|
};
|
|
35344
|
+
var getTimePickerValue = function getTimePickerValue() {
|
|
35345
|
+
if (datePassed.getDate()) {
|
|
35346
|
+
var _hours = ((datePassed.getHours() + 11) % 12 + 1).toString();
|
|
35347
|
+
var _minutes = datePassed.getMinutes().toString();
|
|
35348
|
+
var _seconds = datePassed.getSeconds().toString();
|
|
35349
|
+
var _meridian = datePassed.getHours() >= 12 ? 'PM' : 'AM';
|
|
35350
|
+
return {
|
|
35351
|
+
hours: doubleDigitted(_hours),
|
|
35352
|
+
minutes: doubleDigitted(_minutes),
|
|
35353
|
+
seconds: doubleDigitted(_seconds),
|
|
35354
|
+
meridian: _meridian
|
|
35355
|
+
};
|
|
35356
|
+
}
|
|
35357
|
+
var _getDayInfo = getDayInfo(new Date()),
|
|
35358
|
+
hours = _getDayInfo.hours;
|
|
35359
|
+
var _getDayInfo2 = getDayInfo(new Date()),
|
|
35360
|
+
minutes = _getDayInfo2.minutes;
|
|
35361
|
+
var _getDayInfo3 = getDayInfo(new Date()),
|
|
35362
|
+
seconds = _getDayInfo3.seconds;
|
|
35363
|
+
var meridian = getDayInfo(new Date()).hours >= 12 ? 'PM' : 'AM';
|
|
35364
|
+
return {
|
|
35365
|
+
hours: doubleDigitted(hours),
|
|
35366
|
+
minutes: doubleDigitted(minutes),
|
|
35367
|
+
seconds: doubleDigitted(seconds),
|
|
35368
|
+
meridian: meridian
|
|
35369
|
+
};
|
|
35370
|
+
};
|
|
35371
|
+
var timeValue = "".concat(getTimePickerValue().hours, ":").concat(getTimePickerValue().minutes, " ").concat(getTimePickerValue().meridian);
|
|
35339
35372
|
return /*#__PURE__*/jsxs("div", {
|
|
35340
35373
|
className: modules_b490bd5d.root,
|
|
35341
35374
|
children: [/*#__PURE__*/jsx$1(TimePicker, {
|
|
35375
|
+
value: getTimePickerValue(),
|
|
35342
35376
|
onChange: onTimeChange,
|
|
35343
35377
|
className: modules_b490bd5d['time-picker']
|
|
35344
35378
|
}), datesSelected && (dates === null || dates === void 0 ? void 0 : dates.length) === 2 ? /*#__PURE__*/jsx$1(SelectedDateView, {
|
|
@@ -35351,7 +35385,7 @@ var Footer = function Footer(props) {
|
|
|
35351
35385
|
},
|
|
35352
35386
|
action: clearRangeSelection
|
|
35353
35387
|
}) : datesSelected && /*#__PURE__*/jsx$1(SelectedDateView, {
|
|
35354
|
-
value: "".concat(doubleDigitted(date), " ").concat(monthInShort, " ").concat(year),
|
|
35388
|
+
value: "".concat(doubleDigitted(date), " ").concat(monthInShort, " ").concat(year, " - ").concat(timeValue),
|
|
35355
35389
|
icon: function icon() {
|
|
35356
35390
|
return /*#__PURE__*/jsx$1(Reset, {});
|
|
35357
35391
|
},
|
|
@@ -35425,7 +35459,7 @@ var Calender = function Calender(props) {
|
|
|
35425
35459
|
month: selectedDateMonth.month,
|
|
35426
35460
|
year: selectedDateMonth.year,
|
|
35427
35461
|
date: dateAsNumber,
|
|
35428
|
-
unix: getUnixTime(_date
|
|
35462
|
+
unix: getUnixTime(_date)
|
|
35429
35463
|
}));
|
|
35430
35464
|
return;
|
|
35431
35465
|
}
|
|
@@ -35436,7 +35470,7 @@ var Calender = function Calender(props) {
|
|
|
35436
35470
|
month: selectedMonth.month,
|
|
35437
35471
|
year: selectedMonth.year,
|
|
35438
35472
|
date: _dateAsNumber,
|
|
35439
|
-
unix: getUnixTime(date
|
|
35473
|
+
unix: getUnixTime(date)
|
|
35440
35474
|
}));
|
|
35441
35475
|
}
|
|
35442
35476
|
}, []);
|
|
@@ -35451,7 +35485,7 @@ var Calender = function Calender(props) {
|
|
|
35451
35485
|
month: dayInfo.month,
|
|
35452
35486
|
year: dayInfo.year,
|
|
35453
35487
|
date: dayInfo.dateAsNumber,
|
|
35454
|
-
unix: getUnixTime(new Date(unix * 1000)
|
|
35488
|
+
unix: getUnixTime(new Date(unix * 1000))
|
|
35455
35489
|
}));
|
|
35456
35490
|
};
|
|
35457
35491
|
var onMonthChange = function onMonthChange(switchSide) {
|
|
@@ -35519,8 +35553,8 @@ var Calender = function Calender(props) {
|
|
|
35519
35553
|
});
|
|
35520
35554
|
};
|
|
35521
35555
|
|
|
35522
|
-
var css$v = ".
|
|
35523
|
-
var modules_5b831cd1 = {"root":"
|
|
35556
|
+
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}";
|
|
35557
|
+
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"};
|
|
35524
35558
|
n(css$v,{});
|
|
35525
35559
|
|
|
35526
35560
|
var isMaxRangeExceeded = function isMaxRangeExceeded(_ref) {
|
|
@@ -35589,7 +35623,8 @@ var DatePicker = function DatePicker(props) {
|
|
|
35589
35623
|
var displayValue = '';
|
|
35590
35624
|
if (!range && value) {
|
|
35591
35625
|
var _sDate$getMonth$toStr;
|
|
35592
|
-
|
|
35626
|
+
var timeValue = "".concat((sDate.getHours() + 11) % 12 + 1, ":").concat(sDate.getMinutes(), " ").concat(sDate.getHours() >= 12 ? 'PM' : 'AM');
|
|
35627
|
+
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);
|
|
35593
35628
|
}
|
|
35594
35629
|
var _useFloating = useFloating({
|
|
35595
35630
|
open: open,
|