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.
@@ -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__(14), exports);
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__(13);
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__(13);
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__(13);
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__(14);
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__(13);
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__(13);
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__(14);
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__(14);
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__(13);
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__(13);
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__(13);
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__(13);
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__(13);
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__(13);
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__(14);
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__(14);
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__(14);
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__(13);
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__(13);
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__(13);
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__(13);
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__(14);
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__(14);
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__(14);
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 MIN_WIDTH = 348;
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.split(':').map(function (x) { return (0, lodash_1.defaultTo)(parseInt(x, 10), 0); }), hours = _a[0], minutes = _a[1]; // handle NaN value
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, '0');
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("div", { style: { width: this.props.width ? this.props.width : MIN_WIDTH } },
124927
- React.createElement(common_1.Spacer, { h: true, gap: "8", alignItems: 'end', noWrap: true },
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, label: this.props.label.text, inlineLabel: (_a = this.props.label.hidden) !== null && _a !== void 0 ? _a : false, labelHidden: (_b = this.props.label.hidden) !== null && _b !== void 0 ? _b : false, fullWidth: this.props.fullWidth })),
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: 'remove-sign', onClick: function () {
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: 'Clear' })))));
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__(14);
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={{text: "Planning date"}}
17
+ label="Planning date"
18
+ labelHidden
19
+ inlineLabel
18
20
  value={this.state.dateTime}
19
21
  dateFormat="YYYY-MM-DD"
20
- width="100%"
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 datetime"
53
- value={this.state.date}
54
+ label="Planning date"
55
+ value={this.state.dateTime}
54
56
  dateFormat="YYYY-MM-DD"
55
- onChange={(date) => {
56
- this.setState({date});
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
- value={this.state.date}
69
- onChange={(date) => {
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,6 +1,6 @@
1
1
  {
2
2
  "name": "superdesk-ui-framework",
3
- "version": "4.0.34",
3
+ "version": "4.0.35",
4
4
  "license": "AGPL-3.0",
5
5
  "repository": {
6
6
  "type": "git",
@@ -1,20 +1,20 @@
1
- import * as React from 'react';
2
- interface IProps {
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 MIN_WIDTH = 348;
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.split(':').map(function (x) { return (0, lodash_1.defaultTo)(parseInt(x, 10), 0); }), hours = _a[0], minutes = _a[1]; // handle NaN value
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, '0');
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("div", { style: { width: this.props.width ? this.props.width : MIN_WIDTH } },
82
- React.createElement(common_1.Spacer, { h: true, gap: "8", alignItems: 'end', noWrap: true },
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, label: this.props.label.text, inlineLabel: (_a = this.props.label.hidden) !== null && _a !== void 0 ? _a : false, labelHidden: (_b = this.props.label.hidden) !== null && _b !== void 0 ? _b : false, fullWidth: this.props.fullWidth })),
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: 'remove-sign', onClick: function () {
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: 'Clear' })))));
99
+ }, ariaValue: "Clear" })))));
94
100
  };
95
101
  return DateTimePicker;
96
102
  }(React.PureComponent));