superdesk-ui-framework 4.0.34 → 4.0.35
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/app-typescript/components/DateTimePicker.tsx +112 -94
- package/dist/components/DateTimePicker.tsx +19 -10
- package/dist/examples.bundle.js +81 -75
- package/dist/superdesk-ui.bundle.js +70 -64
- package/examples/pages/components/DateTimePicker.tsx +19 -10
- package/package.json +1 -1
- package/react/components/DateTimePicker.d.ts +7 -7
- package/react/components/DateTimePicker.js +16 -10
@@ -6116,7 +6116,7 @@ Object.defineProperty(exports, "SvgIconIllustration", { enumerable: true, get: f
|
|
6116
6116
|
var IllustrationButton_1 = __webpack_require__(691);
|
6117
6117
|
Object.defineProperty(exports, "IllustrationButton", { enumerable: true, get: function () { return IllustrationButton_1.IllustrationButton; } });
|
6118
6118
|
__exportStar(__webpack_require__(17), exports);
|
6119
|
-
__exportStar(__webpack_require__(
|
6119
|
+
__exportStar(__webpack_require__(13), exports);
|
6120
6120
|
__exportStar(__webpack_require__(78), exports);
|
6121
6121
|
__exportStar(__webpack_require__(119), exports);
|
6122
6122
|
var Skeleton_1 = __webpack_require__(350);
|
@@ -6576,6 +6576,34 @@ function classNames() {
|
|
6576
6576
|
|
6577
6577
|
/***/ }),
|
6578
6578
|
/* 13 */
|
6579
|
+
/***/ (function(module, exports, __webpack_require__) {
|
6580
|
+
|
6581
|
+
"use strict";
|
6582
|
+
|
6583
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
6584
|
+
exports.FormRowNew = exports.InputNew = exports.InputBase = exports.InputWrapper = exports.FormLabel = exports.FormText = exports.FormItem = exports.FormGroup = exports.FormRow = void 0;
|
6585
|
+
var FormRow_1 = __webpack_require__(413);
|
6586
|
+
Object.defineProperty(exports, "FormRow", { enumerable: true, get: function () { return FormRow_1.FormRow; } });
|
6587
|
+
var FormGroup_1 = __webpack_require__(414);
|
6588
|
+
Object.defineProperty(exports, "FormGroup", { enumerable: true, get: function () { return FormGroup_1.FormGroup; } });
|
6589
|
+
var FormItem_1 = __webpack_require__(415);
|
6590
|
+
Object.defineProperty(exports, "FormItem", { enumerable: true, get: function () { return FormItem_1.FormItem; } });
|
6591
|
+
var FormText_1 = __webpack_require__(416);
|
6592
|
+
Object.defineProperty(exports, "FormText", { enumerable: true, get: function () { return FormText_1.FormText; } });
|
6593
|
+
var FormLabel_1 = __webpack_require__(77);
|
6594
|
+
Object.defineProperty(exports, "FormLabel", { enumerable: true, get: function () { return FormLabel_1.FormLabel; } });
|
6595
|
+
var InputWrapper_1 = __webpack_require__(138);
|
6596
|
+
Object.defineProperty(exports, "InputWrapper", { enumerable: true, get: function () { return InputWrapper_1.InputWrapper; } });
|
6597
|
+
var InputBase_1 = __webpack_require__(417);
|
6598
|
+
Object.defineProperty(exports, "InputBase", { enumerable: true, get: function () { return InputBase_1.InputBase; } });
|
6599
|
+
var InputNew_1 = __webpack_require__(418);
|
6600
|
+
Object.defineProperty(exports, "InputNew", { enumerable: true, get: function () { return InputNew_1.InputNew; } });
|
6601
|
+
var FormRowNew_1 = __webpack_require__(419);
|
6602
|
+
Object.defineProperty(exports, "FormRowNew", { enumerable: true, get: function () { return FormRowNew_1.FormRowNew; } });
|
6603
|
+
|
6604
|
+
|
6605
|
+
/***/ }),
|
6606
|
+
/* 14 */
|
6579
6607
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
6580
6608
|
|
6581
6609
|
"use strict";
|
@@ -6635,34 +6663,6 @@ var write = 'write';
|
|
6635
6663
|
var afterWrite = 'afterWrite';
|
6636
6664
|
var modifierPhases = [beforeRead, read, afterRead, beforeMain, main, afterMain, beforeWrite, write, afterWrite];
|
6637
6665
|
|
6638
|
-
/***/ }),
|
6639
|
-
/* 14 */
|
6640
|
-
/***/ (function(module, exports, __webpack_require__) {
|
6641
|
-
|
6642
|
-
"use strict";
|
6643
|
-
|
6644
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
6645
|
-
exports.FormRowNew = exports.InputNew = exports.InputBase = exports.InputWrapper = exports.FormLabel = exports.FormText = exports.FormItem = exports.FormGroup = exports.FormRow = void 0;
|
6646
|
-
var FormRow_1 = __webpack_require__(413);
|
6647
|
-
Object.defineProperty(exports, "FormRow", { enumerable: true, get: function () { return FormRow_1.FormRow; } });
|
6648
|
-
var FormGroup_1 = __webpack_require__(414);
|
6649
|
-
Object.defineProperty(exports, "FormGroup", { enumerable: true, get: function () { return FormGroup_1.FormGroup; } });
|
6650
|
-
var FormItem_1 = __webpack_require__(415);
|
6651
|
-
Object.defineProperty(exports, "FormItem", { enumerable: true, get: function () { return FormItem_1.FormItem; } });
|
6652
|
-
var FormText_1 = __webpack_require__(416);
|
6653
|
-
Object.defineProperty(exports, "FormText", { enumerable: true, get: function () { return FormText_1.FormText; } });
|
6654
|
-
var FormLabel_1 = __webpack_require__(77);
|
6655
|
-
Object.defineProperty(exports, "FormLabel", { enumerable: true, get: function () { return FormLabel_1.FormLabel; } });
|
6656
|
-
var InputWrapper_1 = __webpack_require__(138);
|
6657
|
-
Object.defineProperty(exports, "InputWrapper", { enumerable: true, get: function () { return InputWrapper_1.InputWrapper; } });
|
6658
|
-
var InputBase_1 = __webpack_require__(417);
|
6659
|
-
Object.defineProperty(exports, "InputBase", { enumerable: true, get: function () { return InputBase_1.InputBase; } });
|
6660
|
-
var InputNew_1 = __webpack_require__(418);
|
6661
|
-
Object.defineProperty(exports, "InputNew", { enumerable: true, get: function () { return InputNew_1.InputNew; } });
|
6662
|
-
var FormRowNew_1 = __webpack_require__(419);
|
6663
|
-
Object.defineProperty(exports, "FormRowNew", { enumerable: true, get: function () { return FormRowNew_1.FormRowNew; } });
|
6664
|
-
|
6665
|
-
|
6666
6666
|
/***/ }),
|
6667
6667
|
/* 15 */
|
6668
6668
|
/***/ (function(module, exports, __webpack_require__) {
|
@@ -25140,7 +25140,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
|
|
25140
25140
|
|
25141
25141
|
"use strict";
|
25142
25142
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getBasePlacement;
|
25143
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__enums_js__ = __webpack_require__(
|
25143
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__enums_js__ = __webpack_require__(14);
|
25144
25144
|
|
25145
25145
|
function getBasePlacement(placement) {
|
25146
25146
|
return placement.split('-')[0];
|
@@ -26231,7 +26231,7 @@ exports.Tooltip = Tooltip;
|
|
26231
26231
|
|
26232
26232
|
"use strict";
|
26233
26233
|
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
26234
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__enums_js__ = __webpack_require__(
|
26234
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__enums_js__ = __webpack_require__(14);
|
26235
26235
|
/* harmony namespace reexport (by provided) */ __webpack_require__.d(__webpack_exports__, "top", function() { return __WEBPACK_IMPORTED_MODULE_0__enums_js__["u"]; });
|
26236
26236
|
/* harmony namespace reexport (by provided) */ __webpack_require__.d(__webpack_exports__, "bottom", function() { return __WEBPACK_IMPORTED_MODULE_0__enums_js__["i"]; });
|
26237
26237
|
/* harmony namespace reexport (by provided) */ __webpack_require__.d(__webpack_exports__, "right", function() { return __WEBPACK_IMPORTED_MODULE_0__enums_js__["s"]; });
|
@@ -26503,7 +26503,7 @@ function getVariation(placement) {
|
|
26503
26503
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__dom_utils_getBoundingClientRect_js__ = __webpack_require__(47);
|
26504
26504
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__computeOffsets_js__ = __webpack_require__(133);
|
26505
26505
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__rectToClientRect_js__ = __webpack_require__(132);
|
26506
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__enums_js__ = __webpack_require__(
|
26506
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__enums_js__ = __webpack_require__(14);
|
26507
26507
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__dom_utils_instanceOf_js__ = __webpack_require__(16);
|
26508
26508
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__mergePaddingObject_js__ = __webpack_require__(127);
|
26509
26509
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__expandToHashMap_js__ = __webpack_require__(129);
|
@@ -27706,7 +27706,7 @@ var moment_1 = __importDefault(__webpack_require__(1));
|
|
27706
27706
|
var calendar_1 = __webpack_require__(605);
|
27707
27707
|
var lodash_1 = __webpack_require__(18);
|
27708
27708
|
var react_id_generator_1 = __importDefault(__webpack_require__(11));
|
27709
|
-
var Form_1 = __webpack_require__(
|
27709
|
+
var Form_1 = __webpack_require__(13);
|
27710
27710
|
var Button_1 = __webpack_require__(60);
|
27711
27711
|
var internalPrimereactClassnames = {
|
27712
27712
|
overlayVisible: 'p-input-overlay-visible',
|
@@ -39290,7 +39290,7 @@ function getMainAxisFromPlacement(placement) {
|
|
39290
39290
|
|
39291
39291
|
"use strict";
|
39292
39292
|
/* WEBPACK VAR INJECTION */(function(process) {/* unused harmony export mapToStyles */
|
39293
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__enums_js__ = __webpack_require__(
|
39293
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__enums_js__ = __webpack_require__(14);
|
39294
39294
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dom_utils_getOffsetParent_js__ = __webpack_require__(48);
|
39295
39295
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__dom_utils_getWindow_js__ = __webpack_require__(22);
|
39296
39296
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__dom_utils_getDocumentElement_js__ = __webpack_require__(28);
|
@@ -39648,7 +39648,7 @@ function popperOffsets(_ref) {
|
|
39648
39648
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__utils_mergeByName_js__ = __webpack_require__(409);
|
39649
39649
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__utils_detectOverflow_js__ = __webpack_require__(50);
|
39650
39650
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__dom_utils_instanceOf_js__ = __webpack_require__(16);
|
39651
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__enums_js__ = __webpack_require__(
|
39651
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__enums_js__ = __webpack_require__(14);
|
39652
39652
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_11__utils_detectOverflow_js__["a"]; });
|
39653
39653
|
|
39654
39654
|
|
@@ -42819,7 +42819,7 @@ exports.getDurationString = exports.DurationInput = void 0;
|
|
42819
42819
|
var React = __importStar(__webpack_require__(0));
|
42820
42820
|
var moment_1 = __importDefault(__webpack_require__(1));
|
42821
42821
|
var react_id_generator_1 = __importDefault(__webpack_require__(11));
|
42822
|
-
var Form_1 = __webpack_require__(
|
42822
|
+
var Form_1 = __webpack_require__(13);
|
42823
42823
|
var DurationInput = /** @class */ (function (_super) {
|
42824
42824
|
__extends(DurationInput, _super);
|
42825
42825
|
function DurationInput(props) {
|
@@ -43207,7 +43207,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
43207
43207
|
exports.TimePicker = void 0;
|
43208
43208
|
var React = __importStar(__webpack_require__(0));
|
43209
43209
|
var react_id_generator_1 = __importDefault(__webpack_require__(11));
|
43210
|
-
var Form_1 = __webpack_require__(
|
43210
|
+
var Form_1 = __webpack_require__(13);
|
43211
43211
|
var TimePicker = /** @class */ (function (_super) {
|
43212
43212
|
__extends(TimePicker, _super);
|
43213
43213
|
function TimePicker() {
|
@@ -43433,7 +43433,7 @@ module.exports = Function.call.bind(Object.prototype.hasOwnProperty);
|
|
43433
43433
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__utils_within_js__ = __webpack_require__(126);
|
43434
43434
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_mergePaddingObject_js__ = __webpack_require__(127);
|
43435
43435
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_expandToHashMap_js__ = __webpack_require__(129);
|
43436
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__enums_js__ = __webpack_require__(
|
43436
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__enums_js__ = __webpack_require__(14);
|
43437
43437
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__dom_utils_instanceOf_js__ = __webpack_require__(16);
|
43438
43438
|
|
43439
43439
|
|
@@ -43636,7 +43636,7 @@ function expandToHashMap(value, keys) {
|
|
43636
43636
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_getOppositeVariationPlacement_js__ = __webpack_require__(394);
|
43637
43637
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_detectOverflow_js__ = __webpack_require__(50);
|
43638
43638
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_computeAutoPlacement_js__ = __webpack_require__(399);
|
43639
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__enums_js__ = __webpack_require__(
|
43639
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__enums_js__ = __webpack_require__(14);
|
43640
43640
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_getVariation_js__ = __webpack_require__(49);
|
43641
43641
|
|
43642
43642
|
|
@@ -43847,7 +43847,7 @@ function rectToClientRect(rect) {
|
|
43847
43847
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getBasePlacement_js__ = __webpack_require__(27);
|
43848
43848
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getVariation_js__ = __webpack_require__(49);
|
43849
43849
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getMainAxisFromPlacement_js__ = __webpack_require__(83);
|
43850
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__enums_js__ = __webpack_require__(
|
43850
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__enums_js__ = __webpack_require__(14);
|
43851
43851
|
|
43852
43852
|
|
43853
43853
|
|
@@ -43924,7 +43924,7 @@ function computeOffsets(_ref) {
|
|
43924
43924
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
43925
43925
|
|
43926
43926
|
"use strict";
|
43927
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__enums_js__ = __webpack_require__(
|
43927
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__enums_js__ = __webpack_require__(14);
|
43928
43928
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_detectOverflow_js__ = __webpack_require__(50);
|
43929
43929
|
|
43930
43930
|
|
@@ -43995,7 +43995,7 @@ function hide(_ref) {
|
|
43995
43995
|
"use strict";
|
43996
43996
|
/* unused harmony export distanceAndSkiddingToXY */
|
43997
43997
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils_getBasePlacement_js__ = __webpack_require__(27);
|
43998
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__enums_js__ = __webpack_require__(
|
43998
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__enums_js__ = __webpack_require__(14);
|
43999
43999
|
|
44000
44000
|
// eslint-disable-next-line import/no-unused-modules
|
44001
44001
|
|
@@ -44056,7 +44056,7 @@ function offset(_ref2) {
|
|
44056
44056
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
44057
44057
|
|
44058
44058
|
"use strict";
|
44059
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__enums_js__ = __webpack_require__(
|
44059
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__enums_js__ = __webpack_require__(14);
|
44060
44060
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_getBasePlacement_js__ = __webpack_require__(27);
|
44061
44061
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_getMainAxisFromPlacement_js__ = __webpack_require__(83);
|
44062
44062
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_getAltAxis_js__ = __webpack_require__(400);
|
@@ -77179,7 +77179,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
77179
77179
|
Object.defineProperty(exports, "__esModule", { value: true });
|
77180
77180
|
exports.TimePickerV2 = void 0;
|
77181
77181
|
var React = __importStar(__webpack_require__(0));
|
77182
|
-
var Form_1 = __webpack_require__(
|
77182
|
+
var Form_1 = __webpack_require__(13);
|
77183
77183
|
var lodash_1 = __webpack_require__(18);
|
77184
77184
|
var TimePickerV2 = /** @class */ (function (_super) {
|
77185
77185
|
__extends(TimePickerV2, _super);
|
@@ -77379,7 +77379,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
77379
77379
|
exports.TagInput = void 0;
|
77380
77380
|
var React = __importStar(__webpack_require__(0));
|
77381
77381
|
var chips_1 = __webpack_require__(646);
|
77382
|
-
var Form_1 = __webpack_require__(
|
77382
|
+
var Form_1 = __webpack_require__(13);
|
77383
77383
|
var react_id_generator_1 = __importDefault(__webpack_require__(11));
|
77384
77384
|
var SelectPreview_1 = __webpack_require__(111);
|
77385
77385
|
var TagInput = /** @class */ (function (_super) {
|
@@ -77762,7 +77762,7 @@ var Icon_1 = __webpack_require__(10);
|
|
77762
77762
|
var Loader_1 = __webpack_require__(109);
|
77763
77763
|
var react_id_generator_1 = __importDefault(__webpack_require__(11));
|
77764
77764
|
var debounce_1 = __importDefault(__webpack_require__(739));
|
77765
|
-
var Form_1 = __webpack_require__(
|
77765
|
+
var Form_1 = __webpack_require__(13);
|
77766
77766
|
var core_1 = __webpack_require__(44);
|
77767
77767
|
var lodash_1 = __webpack_require__(18);
|
77768
77768
|
var helpers_1 = __webpack_require__(23);
|
@@ -82568,7 +82568,7 @@ function getOppositeVariationPlacement(placement) {
|
|
82568
82568
|
|
82569
82569
|
"use strict";
|
82570
82570
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getClippingRect;
|
82571
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__enums_js__ = __webpack_require__(
|
82571
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__enums_js__ = __webpack_require__(14);
|
82572
82572
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getViewportRect_js__ = __webpack_require__(396);
|
82573
82573
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getDocumentRect_js__ = __webpack_require__(397);
|
82574
82574
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__listScrollParents_js__ = __webpack_require__(131);
|
@@ -82778,7 +82778,7 @@ function getScrollParent(node) {
|
|
82778
82778
|
"use strict";
|
82779
82779
|
/* WEBPACK VAR INJECTION */(function(process) {/* harmony export (immutable) */ __webpack_exports__["a"] = computeAutoPlacement;
|
82780
82780
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getVariation_js__ = __webpack_require__(49);
|
82781
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__enums_js__ = __webpack_require__(
|
82781
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__enums_js__ = __webpack_require__(14);
|
82782
82782
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__detectOverflow_js__ = __webpack_require__(50);
|
82783
82783
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__getBasePlacement_js__ = __webpack_require__(27);
|
82784
82784
|
|
@@ -82954,7 +82954,7 @@ function getHTMLElementScroll(element) {
|
|
82954
82954
|
|
82955
82955
|
"use strict";
|
82956
82956
|
/* harmony export (immutable) */ __webpack_exports__["a"] = orderModifiers;
|
82957
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__enums_js__ = __webpack_require__(
|
82957
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__enums_js__ = __webpack_require__(14);
|
82958
82958
|
// source: https://stackoverflow.com/questions/49875255
|
82959
82959
|
|
82960
82960
|
function order(modifiers) {
|
@@ -83029,7 +83029,7 @@ function debounce(fn) {
|
|
83029
83029
|
"use strict";
|
83030
83030
|
/* harmony export (immutable) */ __webpack_exports__["a"] = validateModifiers;
|
83031
83031
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__format_js__ = __webpack_require__(407);
|
83032
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__enums_js__ = __webpack_require__(
|
83032
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__enums_js__ = __webpack_require__(14);
|
83033
83033
|
|
83034
83034
|
|
83035
83035
|
var INVALID_MODIFIER_ERROR = 'Popper: modifier "%s" provided an invalid %s property, expected %s but got %s';
|
@@ -83344,7 +83344,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
83344
83344
|
exports.Option = exports.Select = void 0;
|
83345
83345
|
var React = __importStar(__webpack_require__(0));
|
83346
83346
|
var react_id_generator_1 = __importDefault(__webpack_require__(11));
|
83347
|
-
var Form_1 = __webpack_require__(
|
83347
|
+
var Form_1 = __webpack_require__(13);
|
83348
83348
|
var Select = /** @class */ (function (_super) {
|
83349
83349
|
__extends(Select, _super);
|
83350
83350
|
function Select(props) {
|
@@ -83806,7 +83806,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
83806
83806
|
exports.InputNew = void 0;
|
83807
83807
|
var React = __importStar(__webpack_require__(0));
|
83808
83808
|
var react_id_generator_1 = __importDefault(__webpack_require__(11));
|
83809
|
-
var _1 = __webpack_require__(
|
83809
|
+
var _1 = __webpack_require__(13);
|
83810
83810
|
var InputNew = /** @class */ (function (_super) {
|
83811
83811
|
__extends(InputNew, _super);
|
83812
83812
|
function InputNew(props) {
|
@@ -83972,7 +83972,7 @@ exports.SelectWithTemplate = void 0;
|
|
83972
83972
|
var React = __importStar(__webpack_require__(0));
|
83973
83973
|
var dropdown_1 = __webpack_require__(421);
|
83974
83974
|
var react_id_generator_1 = __importDefault(__webpack_require__(11));
|
83975
|
-
var Form_1 = __webpack_require__(
|
83975
|
+
var Form_1 = __webpack_require__(13);
|
83976
83976
|
var labelKey = 'label';
|
83977
83977
|
/**
|
83978
83978
|
* @deprecated use MultiSelect or TreeSelect
|
@@ -124882,6 +124882,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
124882
124882
|
__setModuleDefault(result, mod);
|
124883
124883
|
return result;
|
124884
124884
|
};
|
124885
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
124886
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
124887
|
+
};
|
124885
124888
|
Object.defineProperty(exports, "__esModule", { value: true });
|
124886
124889
|
exports.DateTimePicker = void 0;
|
124887
124890
|
var React = __importStar(__webpack_require__(0));
|
@@ -124890,13 +124893,17 @@ var common_1 = __webpack_require__(57);
|
|
124890
124893
|
var lodash_1 = __webpack_require__(18);
|
124891
124894
|
var TimePicker_1 = __webpack_require__(118);
|
124892
124895
|
var IconButton_1 = __webpack_require__(56);
|
124893
|
-
var
|
124896
|
+
var Form_1 = __webpack_require__(13);
|
124897
|
+
var react_id_generator_1 = __importDefault(__webpack_require__(11));
|
124894
124898
|
var DateTimePicker = /** @class */ (function (_super) {
|
124895
124899
|
__extends(DateTimePicker, _super);
|
124896
124900
|
function DateTimePicker() {
|
124897
124901
|
var _this = _super !== null && _super.apply(this, arguments) || this;
|
124902
|
+
_this.htmlId = (0, react_id_generator_1.default)();
|
124898
124903
|
_this.handleTimeChange = function (time) {
|
124899
|
-
var _a = time
|
124904
|
+
var _a = time
|
124905
|
+
.split(":")
|
124906
|
+
.map(function (x) { return (0, lodash_1.defaultTo)(parseInt(x, 10), 0); }), hours = _a[0], minutes = _a[1]; // handle NaN value
|
124900
124907
|
var origDate = _this.props.value ? new Date(_this.props.value) : new Date();
|
124901
124908
|
origDate.setHours(hours, minutes);
|
124902
124909
|
_this.props.onChange(origDate);
|
@@ -124915,27 +124922,26 @@ var DateTimePicker = /** @class */ (function (_super) {
|
|
124915
124922
|
return _this;
|
124916
124923
|
}
|
124917
124924
|
DateTimePicker.prototype.prepareFormat = function (unitOfTime) {
|
124918
|
-
return unitOfTime.toString().padStart(2,
|
124925
|
+
return unitOfTime.toString().padStart(2, "0");
|
124919
124926
|
};
|
124920
124927
|
DateTimePicker.prototype.render = function () {
|
124921
124928
|
var _this = this;
|
124922
|
-
var _a, _b;
|
124923
124929
|
var convertedTimeValue = this.props.value != null
|
124924
124930
|
? "".concat(this.prepareFormat(this.props.value.getHours()), ":").concat(this.prepareFormat(this.props.value.getMinutes()))
|
124925
|
-
:
|
124926
|
-
return (React.createElement(
|
124927
|
-
React.createElement(common_1.Spacer, { h: true, gap: "8", alignItems:
|
124931
|
+
: "";
|
124932
|
+
return (React.createElement(Form_1.InputWrapper, { label: this.props.label, error: this.props.error, invalid: this.props.error != null, required: this.props.required, disabled: this.props.disabled, info: this.props.info, inlineLabel: this.props.inlineLabel, labelHidden: this.props.labelHidden, htmlId: this.htmlId, tabindex: this.props.tabindex, fullWidth: this.props.fullWidth, "data-test-id": this.props["data-test-id"], ref: this.props.ref },
|
124933
|
+
React.createElement(common_1.Spacer, { h: true, gap: "8", alignItems: "end", noWrap: true },
|
124928
124934
|
React.createElement("div", { style: { flexGrow: 1 } },
|
124929
124935
|
React.createElement(DatePicker_1.DatePicker, { disabled: this.props.disabled, preview: this.props.preview, required: this.props.required, hideClearButton: true, value: this.props.value, onChange: function (val) {
|
124930
124936
|
_this.handleDateChange(val);
|
124931
|
-
}, dateFormat: this.props.dateFormat,
|
124937
|
+
}, dateFormat: this.props.dateFormat, inlineLabel: true, labelHidden: true, fullWidth: this.props.fullWidth })),
|
124932
124938
|
React.createElement("div", { style: { flexGrow: 1 } },
|
124933
124939
|
React.createElement(TimePicker_1.TimePicker, { disabled: this.props.disabled, preview: this.props.preview, value: convertedTimeValue, onChange: function (val) {
|
124934
124940
|
_this.handleTimeChange(val);
|
124935
124941
|
}, inlineLabel: true, labelHidden: true, allowSeconds: this.props.allowSeconds, fullWidth: this.props.fullWidth, required: this.props.required })),
|
124936
|
-
this.props.preview !== true && (React.createElement(IconButton_1.IconButton, { disabled: this.props.disabled, icon:
|
124942
|
+
this.props.preview !== true && (React.createElement(IconButton_1.IconButton, { disabled: this.props.disabled, icon: "remove-sign", onClick: function () {
|
124937
124943
|
_this.props.onChange(null);
|
124938
|
-
}, ariaValue:
|
124944
|
+
}, ariaValue: "Clear" })))));
|
124939
124945
|
};
|
124940
124946
|
return DateTimePicker;
|
124941
124947
|
}(React.PureComponent));
|
@@ -155477,7 +155483,7 @@ var React = __importStar(__webpack_require__(0));
|
|
155477
155483
|
var multiselect_1 = __webpack_require__(775);
|
155478
155484
|
var classnames_1 = __importDefault(__webpack_require__(3));
|
155479
155485
|
var react_id_generator_1 = __importDefault(__webpack_require__(11));
|
155480
|
-
var Form_1 = __webpack_require__(
|
155486
|
+
var Form_1 = __webpack_require__(13);
|
155481
155487
|
var SelectPreview_1 = __webpack_require__(111);
|
155482
155488
|
var zIndex_1 = __webpack_require__(24);
|
155483
155489
|
var MultiSelect = /** @class */ (function (_super) {
|
@@ -14,10 +14,12 @@ class DateTimePickerExample extends React.PureComponent<{}, {dateTime: Date | nu
|
|
14
14
|
render() {
|
15
15
|
return (
|
16
16
|
<DateTimePicker
|
17
|
-
label=
|
17
|
+
label="Planning date"
|
18
|
+
labelHidden
|
19
|
+
inlineLabel
|
18
20
|
value={this.state.dateTime}
|
19
21
|
dateFormat="YYYY-MM-DD"
|
20
|
-
|
22
|
+
fullWidth
|
21
23
|
onChange={(val) => {
|
22
24
|
const parsedVal = val != null ? new Date(val) : null;
|
23
25
|
|
@@ -49,11 +51,14 @@ export default class DateTimePickerDoc extends React.Component<{}, IState> {
|
|
49
51
|
<h2 className="docs-page__h2">Date picker</h2>
|
50
52
|
<Markup.ReactMarkupCodePreview>{`
|
51
53
|
<DateTimePicker
|
52
|
-
label="Planning
|
53
|
-
value={this.state.
|
54
|
+
label="Planning date"
|
55
|
+
value={this.state.dateTime}
|
54
56
|
dateFormat="YYYY-MM-DD"
|
55
|
-
|
56
|
-
|
57
|
+
fullWidth
|
58
|
+
onChange={(val) => {
|
59
|
+
const parsedVal = val != null ? new Date(val) : null;
|
60
|
+
|
61
|
+
this.setState({dateTime: parsedVal});
|
57
62
|
}}
|
58
63
|
/>
|
59
64
|
`}</Markup.ReactMarkupCodePreview>
|
@@ -65,11 +70,15 @@ export default class DateTimePickerDoc extends React.Component<{}, IState> {
|
|
65
70
|
</Markup.ReactMarkupPreview>
|
66
71
|
<Markup.ReactMarkupCode>{`
|
67
72
|
<DateTimePicker
|
68
|
-
|
69
|
-
|
70
|
-
this.setState({date});
|
71
|
-
}}
|
73
|
+
label="Planning date"
|
74
|
+
value={this.state.dateTime}
|
72
75
|
dateFormat="YYYY-MM-DD"
|
76
|
+
fullWidth
|
77
|
+
onChange={(val) => {
|
78
|
+
const parsedVal = val != null ? new Date(val) : null;
|
79
|
+
|
80
|
+
this.setState({dateTime: parsedVal});
|
81
|
+
}}
|
73
82
|
/>
|
74
83
|
`}</Markup.ReactMarkupCode>
|
75
84
|
</Markup.ReactMarkup>
|
package/package.json
CHANGED
@@ -1,20 +1,20 @@
|
|
1
|
-
import * as React from
|
2
|
-
|
1
|
+
import * as React from "react";
|
2
|
+
import { InputWrapper } from "./Form";
|
3
|
+
import { IInputWrapper } from "./Form/InputWrapper";
|
4
|
+
interface IProps extends IInputWrapper {
|
3
5
|
value: Date | null;
|
4
|
-
label: {
|
5
|
-
text: string;
|
6
|
-
hidden?: boolean;
|
7
|
-
};
|
8
6
|
dateFormat: string;
|
9
7
|
onChange: (value: Date | null) => void;
|
10
8
|
preview?: boolean;
|
11
9
|
fullWidth?: boolean;
|
12
10
|
allowSeconds?: boolean;
|
13
11
|
required?: boolean;
|
14
|
-
width?: React.CSSProperties['width'];
|
15
12
|
disabled?: boolean;
|
13
|
+
ref?: React.LegacyRef<InputWrapper>;
|
14
|
+
'data-test-id'?: string;
|
16
15
|
}
|
17
16
|
export declare class DateTimePicker extends React.PureComponent<IProps> {
|
17
|
+
private htmlId;
|
18
18
|
handleTimeChange: (time: string) => void;
|
19
19
|
handleDateChange: (date: Date | null) => void;
|
20
20
|
prepareFormat(unitOfTime: number): string;
|
@@ -37,6 +37,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
37
37
|
__setModuleDefault(result, mod);
|
38
38
|
return result;
|
39
39
|
};
|
40
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
41
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
42
|
+
};
|
40
43
|
Object.defineProperty(exports, "__esModule", { value: true });
|
41
44
|
exports.DateTimePicker = void 0;
|
42
45
|
var React = __importStar(require("react"));
|
@@ -45,13 +48,17 @@ var common_1 = require("@superdesk/common");
|
|
45
48
|
var lodash_1 = require("lodash");
|
46
49
|
var TimePicker_1 = require("./TimePicker");
|
47
50
|
var IconButton_1 = require("./IconButton");
|
48
|
-
var
|
51
|
+
var Form_1 = require("./Form");
|
52
|
+
var react_id_generator_1 = __importDefault(require("react-id-generator"));
|
49
53
|
var DateTimePicker = /** @class */ (function (_super) {
|
50
54
|
__extends(DateTimePicker, _super);
|
51
55
|
function DateTimePicker() {
|
52
56
|
var _this = _super !== null && _super.apply(this, arguments) || this;
|
57
|
+
_this.htmlId = (0, react_id_generator_1.default)();
|
53
58
|
_this.handleTimeChange = function (time) {
|
54
|
-
var _a = time
|
59
|
+
var _a = time
|
60
|
+
.split(":")
|
61
|
+
.map(function (x) { return (0, lodash_1.defaultTo)(parseInt(x, 10), 0); }), hours = _a[0], minutes = _a[1]; // handle NaN value
|
55
62
|
var origDate = _this.props.value ? new Date(_this.props.value) : new Date();
|
56
63
|
origDate.setHours(hours, minutes);
|
57
64
|
_this.props.onChange(origDate);
|
@@ -70,27 +77,26 @@ var DateTimePicker = /** @class */ (function (_super) {
|
|
70
77
|
return _this;
|
71
78
|
}
|
72
79
|
DateTimePicker.prototype.prepareFormat = function (unitOfTime) {
|
73
|
-
return unitOfTime.toString().padStart(2,
|
80
|
+
return unitOfTime.toString().padStart(2, "0");
|
74
81
|
};
|
75
82
|
DateTimePicker.prototype.render = function () {
|
76
83
|
var _this = this;
|
77
|
-
var _a, _b;
|
78
84
|
var convertedTimeValue = this.props.value != null
|
79
85
|
? "".concat(this.prepareFormat(this.props.value.getHours()), ":").concat(this.prepareFormat(this.props.value.getMinutes()))
|
80
|
-
:
|
81
|
-
return (React.createElement(
|
82
|
-
React.createElement(common_1.Spacer, { h: true, gap: "8", alignItems:
|
86
|
+
: "";
|
87
|
+
return (React.createElement(Form_1.InputWrapper, { label: this.props.label, error: this.props.error, invalid: this.props.error != null, required: this.props.required, disabled: this.props.disabled, info: this.props.info, inlineLabel: this.props.inlineLabel, labelHidden: this.props.labelHidden, htmlId: this.htmlId, tabindex: this.props.tabindex, fullWidth: this.props.fullWidth, "data-test-id": this.props["data-test-id"], ref: this.props.ref },
|
88
|
+
React.createElement(common_1.Spacer, { h: true, gap: "8", alignItems: "end", noWrap: true },
|
83
89
|
React.createElement("div", { style: { flexGrow: 1 } },
|
84
90
|
React.createElement(DatePicker_1.DatePicker, { disabled: this.props.disabled, preview: this.props.preview, required: this.props.required, hideClearButton: true, value: this.props.value, onChange: function (val) {
|
85
91
|
_this.handleDateChange(val);
|
86
|
-
}, dateFormat: this.props.dateFormat,
|
92
|
+
}, dateFormat: this.props.dateFormat, inlineLabel: true, labelHidden: true, fullWidth: this.props.fullWidth })),
|
87
93
|
React.createElement("div", { style: { flexGrow: 1 } },
|
88
94
|
React.createElement(TimePicker_1.TimePicker, { disabled: this.props.disabled, preview: this.props.preview, value: convertedTimeValue, onChange: function (val) {
|
89
95
|
_this.handleTimeChange(val);
|
90
96
|
}, inlineLabel: true, labelHidden: true, allowSeconds: this.props.allowSeconds, fullWidth: this.props.fullWidth, required: this.props.required })),
|
91
|
-
this.props.preview !== true && (React.createElement(IconButton_1.IconButton, { disabled: this.props.disabled, icon:
|
97
|
+
this.props.preview !== true && (React.createElement(IconButton_1.IconButton, { disabled: this.props.disabled, icon: "remove-sign", onClick: function () {
|
92
98
|
_this.props.onChange(null);
|
93
|
-
}, ariaValue:
|
99
|
+
}, ariaValue: "Clear" })))));
|
94
100
|
};
|
95
101
|
return DateTimePicker;
|
96
102
|
}(React.PureComponent));
|