superdesk-ui-framework 3.0.1-beta.14 → 3.0.1-beta.16
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/scripts/toggleBoxNext.js +1 -1
- package/app/styles/_buttons.scss +1 -1
- package/app/styles/_content-divider.scss +5 -5
- package/app/styles/_helpers.scss +24 -1
- package/app/styles/_icon-font.scss +9 -9
- package/app/styles/_modals.scss +3 -0
- package/app/styles/_normalize.scss +4 -0
- package/app/styles/_simple-list.scss +1 -0
- package/app/styles/_table-list.scss +14 -1
- package/app/styles/app.scss +1 -0
- package/app/styles/components/_list-item.scss +23 -16
- package/app/styles/components/_sd-collapse-box.scss +6 -6
- package/app/styles/design-tokens/_new-colors.scss +10 -5
- package/app/styles/form-elements/_input-wrap.scss +138 -0
- package/app/styles/form-elements/_inputs.scss +230 -61
- package/app/styles/interface-elements/_side-panel.scss +1 -1
- package/app/styles/layout/_editor.scss +1 -0
- package/app/styles/primereact/_pr-dialog.scss +1 -0
- package/app/styles/primereact/_pr-menu.scss +6 -5
- package/app-typescript/components/DurationInput.tsx +11 -17
- package/app-typescript/components/Form/FormLabel.tsx +8 -1
- package/app-typescript/components/Form/InputBase.tsx +12 -2
- package/app-typescript/components/Layouts/AuthoringInnerHeader.tsx +1 -1
- package/app-typescript/components/Layouts/AuthoringMain.tsx +4 -2
- package/app-typescript/components/Lists/ContentList.tsx +7 -3
- package/app-typescript/components/Lists/TableList.tsx +29 -16
- package/dist/examples.bundle.css +8 -8
- package/dist/examples.bundle.js +877 -856
- package/dist/playgrounds/react-playgrounds/CoreLayout.tsx +1 -1
- package/dist/playgrounds/react-playgrounds/RundownEditor.tsx +2 -1
- package/dist/playgrounds/react-playgrounds/Rundowns.tsx +11 -2
- package/dist/playgrounds/react-playgrounds/TestGround.tsx +198 -25
- package/dist/react/ContentDivider.tsx +4 -4
- package/dist/react/Inputs.tsx +1 -7
- package/dist/react/Togglebox.tsx +1 -1
- package/dist/superdesk-ui.bundle.css +462 -176
- package/dist/superdesk-ui.bundle.js +603 -687
- package/dist/vendor.bundle.js +2 -2
- package/examples/pages/playgrounds/react-playgrounds/CoreLayout.tsx +1 -1
- package/examples/pages/playgrounds/react-playgrounds/RundownEditor.tsx +2 -1
- package/examples/pages/playgrounds/react-playgrounds/Rundowns.tsx +11 -2
- package/examples/pages/playgrounds/react-playgrounds/TestGround.tsx +198 -25
- package/examples/pages/react/ContentDivider.tsx +4 -4
- package/examples/pages/react/Inputs.tsx +1 -7
- package/examples/pages/react/Togglebox.tsx +1 -1
- package/package.json +1 -1
- package/react/components/DurationInput.js +13 -18
- package/react/components/Form/FormLabel.d.ts +4 -1
- package/react/components/Form/FormLabel.js +9 -3
- package/react/components/Form/InputBase.d.ts +0 -1
- package/react/components/Form/InputBase.js +15 -1
- package/react/components/Layouts/AuthoringInnerHeader.js +1 -1
- package/react/components/Layouts/AuthoringMain.js +1 -1
- package/react/components/Lists/ContentList.js +2 -2
- package/react/components/Lists/TableList.d.ts +4 -0
- package/react/components/Lists/TableList.js +13 -11
package/dist/examples.bundle.js
CHANGED
@@ -5769,7 +5769,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE_0__;
|
|
5769
5769
|
|
5770
5770
|
})));
|
5771
5771
|
|
5772
|
-
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(
|
5772
|
+
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(50)(module)))
|
5773
5773
|
|
5774
5774
|
/***/ }),
|
5775
5775
|
/* 2 */
|
@@ -5860,7 +5860,7 @@ exports.TableListItem = exports.TableList = exports.TreeSelect = exports.BottomN
|
|
5860
5860
|
exports.ContentListItem = void 0;
|
5861
5861
|
var HelloWorld_1 = __webpack_require__(277);
|
5862
5862
|
Object.defineProperty(exports, "HelloWorld", { enumerable: true, get: function () { return HelloWorld_1.HelloWorld; } });
|
5863
|
-
var Button_1 = __webpack_require__(
|
5863
|
+
var Button_1 = __webpack_require__(52);
|
5864
5864
|
Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
|
5865
5865
|
var Input_1 = __webpack_require__(278);
|
5866
5866
|
Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return Input_1.Input; } });
|
@@ -5891,15 +5891,15 @@ var IconLabel_1 = __webpack_require__(306);
|
|
5891
5891
|
Object.defineProperty(exports, "IconLabel", { enumerable: true, get: function () { return IconLabel_1.IconLabel; } });
|
5892
5892
|
var Tooltip_1 = __webpack_require__(36);
|
5893
5893
|
Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
|
5894
|
-
var DurationInput_1 = __webpack_require__(
|
5894
|
+
var DurationInput_1 = __webpack_require__(75);
|
5895
5895
|
Object.defineProperty(exports, "DurationInput", { enumerable: true, get: function () { return DurationInput_1.DurationInput; } });
|
5896
|
-
var DurationInput_2 = __webpack_require__(
|
5896
|
+
var DurationInput_2 = __webpack_require__(75);
|
5897
5897
|
Object.defineProperty(exports, "getDurationString", { enumerable: true, get: function () { return DurationInput_2.getDurationString; } });
|
5898
|
-
var DatePicker_1 = __webpack_require__(
|
5898
|
+
var DatePicker_1 = __webpack_require__(56);
|
5899
5899
|
Object.defineProperty(exports, "DatePicker", { enumerable: true, get: function () { return DatePicker_1.DatePicker; } });
|
5900
|
-
var DatePicker_2 = __webpack_require__(
|
5900
|
+
var DatePicker_2 = __webpack_require__(56);
|
5901
5901
|
Object.defineProperty(exports, "DatePickerISO", { enumerable: true, get: function () { return DatePicker_2.DatePickerISO; } });
|
5902
|
-
var DatePicker_3 = __webpack_require__(
|
5902
|
+
var DatePicker_3 = __webpack_require__(56);
|
5903
5903
|
Object.defineProperty(exports, "DatePickerLocaleSettings", { enumerable: true, get: function () { return DatePicker_3.DatePickerLocaleSettings; } });
|
5904
5904
|
var TimePicker_1 = __webpack_require__(264);
|
5905
5905
|
Object.defineProperty(exports, "TimePicker", { enumerable: true, get: function () { return TimePicker_1.TimePicker; } });
|
@@ -5911,7 +5911,7 @@ var SwitchGroup_1 = __webpack_require__(339);
|
|
5911
5911
|
Object.defineProperty(exports, "SwitchGroup", { enumerable: true, get: function () { return SwitchGroup_1.SwitchGroup; } });
|
5912
5912
|
var ButtonGroup_1 = __webpack_require__(340);
|
5913
5913
|
Object.defineProperty(exports, "ButtonGroup", { enumerable: true, get: function () { return ButtonGroup_1.ButtonGroup; } });
|
5914
|
-
var Loader_1 = __webpack_require__(
|
5914
|
+
var Loader_1 = __webpack_require__(59);
|
5915
5915
|
Object.defineProperty(exports, "Loader", { enumerable: true, get: function () { return Loader_1.Loader; } });
|
5916
5916
|
var RadioGroup_1 = __webpack_require__(341);
|
5917
5917
|
Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function () { return RadioGroup_1.RadioGroup; } });
|
@@ -5983,7 +5983,7 @@ var TagInputTest_1 = __webpack_require__(417);
|
|
5983
5983
|
Object.defineProperty(exports, "TagInputTest", { enumerable: true, get: function () { return TagInputTest_1.TagInputTest; } });
|
5984
5984
|
var GridList_1 = __webpack_require__(418);
|
5985
5985
|
Object.defineProperty(exports, "GridList", { enumerable: true, get: function () { return GridList_1.GridList; } });
|
5986
|
-
var GridItem_1 = __webpack_require__(
|
5986
|
+
var GridItem_1 = __webpack_require__(71);
|
5987
5987
|
Object.defineProperty(exports, "GridItem", { enumerable: true, get: function () { return GridItem_1.GridItem; } });
|
5988
5988
|
Object.defineProperty(exports, "GridItemContent", { enumerable: true, get: function () { return GridItem_1.GridItemContent; } });
|
5989
5989
|
Object.defineProperty(exports, "GridItemMedia", { enumerable: true, get: function () { return GridItem_1.GridItemMedia; } });
|
@@ -6025,7 +6025,7 @@ var Skeleton_1 = __webpack_require__(246);
|
|
6025
6025
|
Object.defineProperty(exports, "Skeleton", { enumerable: true, get: function () { return Skeleton_1.Skeleton; } });
|
6026
6026
|
var ListItemLoader_1 = __webpack_require__(479);
|
6027
6027
|
Object.defineProperty(exports, "ListItemLoader", { enumerable: true, get: function () { return ListItemLoader_1.ListItemLoader; } });
|
6028
|
-
var Spinner_1 = __webpack_require__(
|
6028
|
+
var Spinner_1 = __webpack_require__(53);
|
6029
6029
|
Object.defineProperty(exports, "Spinner", { enumerable: true, get: function () { return Spinner_1.Spinner; } });
|
6030
6030
|
Object.defineProperty(exports, "LoadingOverlay", { enumerable: true, get: function () { return Spinner_1.LoadingOverlay; } });
|
6031
6031
|
var Text_1 = __webpack_require__(480);
|
@@ -7672,7 +7672,7 @@ var FormItem_1 = __webpack_require__(281);
|
|
7672
7672
|
Object.defineProperty(exports, "FormItem", { enumerable: true, get: function () { return FormItem_1.FormItem; } });
|
7673
7673
|
var FormText_1 = __webpack_require__(282);
|
7674
7674
|
Object.defineProperty(exports, "FormText", { enumerable: true, get: function () { return FormText_1.FormText; } });
|
7675
|
-
var FormLabel_1 = __webpack_require__(
|
7675
|
+
var FormLabel_1 = __webpack_require__(49);
|
7676
7676
|
Object.defineProperty(exports, "FormLabel", { enumerable: true, get: function () { return FormLabel_1.FormLabel; } });
|
7677
7677
|
var InputWrapper_1 = __webpack_require__(283);
|
7678
7678
|
Object.defineProperty(exports, "InputWrapper", { enumerable: true, get: function () { return InputWrapper_1.InputWrapper; } });
|
@@ -26208,7 +26208,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
26208
26208
|
}
|
26209
26209
|
}.call(this));
|
26210
26210
|
|
26211
|
-
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(35), __webpack_require__(
|
26211
|
+
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(35), __webpack_require__(50)(module)))
|
26212
26212
|
|
26213
26213
|
/***/ }),
|
26214
26214
|
/* 34 */
|
@@ -38021,6 +38021,75 @@ if (process.env.NODE_ENV === 'production') {
|
|
38021
38021
|
|
38022
38022
|
/***/ }),
|
38023
38023
|
/* 49 */
|
38024
|
+
/***/ (function(module, exports, __webpack_require__) {
|
38025
|
+
|
38026
|
+
"use strict";
|
38027
|
+
|
38028
|
+
var __extends = (this && this.__extends) || (function () {
|
38029
|
+
var extendStatics = function (d, b) {
|
38030
|
+
extendStatics = Object.setPrototypeOf ||
|
38031
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
38032
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
38033
|
+
return extendStatics(d, b);
|
38034
|
+
};
|
38035
|
+
return function (d, b) {
|
38036
|
+
if (typeof b !== "function" && b !== null)
|
38037
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
38038
|
+
extendStatics(d, b);
|
38039
|
+
function __() { this.constructor = d; }
|
38040
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
38041
|
+
};
|
38042
|
+
})();
|
38043
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
38044
|
+
if (k2 === undefined) k2 = k;
|
38045
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
38046
|
+
}) : (function(o, m, k, k2) {
|
38047
|
+
if (k2 === undefined) k2 = k;
|
38048
|
+
o[k2] = m[k];
|
38049
|
+
}));
|
38050
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
38051
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
38052
|
+
}) : function(o, v) {
|
38053
|
+
o["default"] = v;
|
38054
|
+
});
|
38055
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
38056
|
+
if (mod && mod.__esModule) return mod;
|
38057
|
+
var result = {};
|
38058
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
38059
|
+
__setModuleDefault(result, mod);
|
38060
|
+
return result;
|
38061
|
+
};
|
38062
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
38063
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
38064
|
+
};
|
38065
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
38066
|
+
exports.FormLabel = void 0;
|
38067
|
+
var React = __importStar(__webpack_require__(0));
|
38068
|
+
var classnames_1 = __importDefault(__webpack_require__(2));
|
38069
|
+
var FormLabel = /** @class */ (function (_super) {
|
38070
|
+
__extends(FormLabel, _super);
|
38071
|
+
function FormLabel() {
|
38072
|
+
return _super !== null && _super.apply(this, arguments) || this;
|
38073
|
+
}
|
38074
|
+
FormLabel.prototype.render = function () {
|
38075
|
+
var _a;
|
38076
|
+
var classes = (0, classnames_1.default)('form-label', (_a = {
|
38077
|
+
'form-label--light': this.props.style === 'light',
|
38078
|
+
'form-label--boxed': this.props.style === 'boxed',
|
38079
|
+
'form-label--required': this.props.required,
|
38080
|
+
'form-label--invalid': this.props.invalid
|
38081
|
+
},
|
38082
|
+
_a["form-label--".concat(this.props.state)] = this.props.state !== 'default' && this.props.state !== undefined,
|
38083
|
+
_a));
|
38084
|
+
return (React.createElement("label", { htmlFor: this.props.forId, className: classes }, this.props.text));
|
38085
|
+
};
|
38086
|
+
return FormLabel;
|
38087
|
+
}(React.PureComponent));
|
38088
|
+
exports.FormLabel = FormLabel;
|
38089
|
+
|
38090
|
+
|
38091
|
+
/***/ }),
|
38092
|
+
/* 50 */
|
38024
38093
|
/***/ (function(module, exports) {
|
38025
38094
|
|
38026
38095
|
module.exports = function(module) {
|
@@ -38048,7 +38117,7 @@ module.exports = function(module) {
|
|
38048
38117
|
|
38049
38118
|
|
38050
38119
|
/***/ }),
|
38051
|
-
/*
|
38120
|
+
/* 51 */
|
38052
38121
|
/***/ (function(module, exports, __webpack_require__) {
|
38053
38122
|
|
38054
38123
|
"use strict";
|
@@ -38067,7 +38136,7 @@ module.exports = ReactPropTypesSecret;
|
|
38067
38136
|
|
38068
38137
|
|
38069
38138
|
/***/ }),
|
38070
|
-
/*
|
38139
|
+
/* 52 */
|
38071
38140
|
/***/ (function(module, exports, __webpack_require__) {
|
38072
38141
|
|
38073
38142
|
"use strict";
|
@@ -38114,7 +38183,7 @@ exports.Button = void 0;
|
|
38114
38183
|
var React = __importStar(__webpack_require__(0));
|
38115
38184
|
var classnames_1 = __importDefault(__webpack_require__(2));
|
38116
38185
|
var Icon_1 = __webpack_require__(7);
|
38117
|
-
var Spinner_1 = __webpack_require__(
|
38186
|
+
var Spinner_1 = __webpack_require__(53);
|
38118
38187
|
var Button = /** @class */ (function (_super) {
|
38119
38188
|
__extends(Button, _super);
|
38120
38189
|
function Button() {
|
@@ -38145,7 +38214,7 @@ exports.Button = Button;
|
|
38145
38214
|
|
38146
38215
|
|
38147
38216
|
/***/ }),
|
38148
|
-
/*
|
38217
|
+
/* 53 */
|
38149
38218
|
/***/ (function(module, exports, __webpack_require__) {
|
38150
38219
|
|
38151
38220
|
"use strict";
|
@@ -38222,69 +38291,6 @@ var Spinner = /** @class */ (function (_super) {
|
|
38222
38291
|
exports.Spinner = Spinner;
|
38223
38292
|
|
38224
38293
|
|
38225
|
-
/***/ }),
|
38226
|
-
/* 53 */
|
38227
|
-
/***/ (function(module, exports, __webpack_require__) {
|
38228
|
-
|
38229
|
-
"use strict";
|
38230
|
-
|
38231
|
-
var __extends = (this && this.__extends) || (function () {
|
38232
|
-
var extendStatics = function (d, b) {
|
38233
|
-
extendStatics = Object.setPrototypeOf ||
|
38234
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
38235
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
38236
|
-
return extendStatics(d, b);
|
38237
|
-
};
|
38238
|
-
return function (d, b) {
|
38239
|
-
if (typeof b !== "function" && b !== null)
|
38240
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
38241
|
-
extendStatics(d, b);
|
38242
|
-
function __() { this.constructor = d; }
|
38243
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
38244
|
-
};
|
38245
|
-
})();
|
38246
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
38247
|
-
if (k2 === undefined) k2 = k;
|
38248
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
38249
|
-
}) : (function(o, m, k, k2) {
|
38250
|
-
if (k2 === undefined) k2 = k;
|
38251
|
-
o[k2] = m[k];
|
38252
|
-
}));
|
38253
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
38254
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
38255
|
-
}) : function(o, v) {
|
38256
|
-
o["default"] = v;
|
38257
|
-
});
|
38258
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
38259
|
-
if (mod && mod.__esModule) return mod;
|
38260
|
-
var result = {};
|
38261
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
38262
|
-
__setModuleDefault(result, mod);
|
38263
|
-
return result;
|
38264
|
-
};
|
38265
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
38266
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
38267
|
-
};
|
38268
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
38269
|
-
exports.FormLabel = void 0;
|
38270
|
-
var React = __importStar(__webpack_require__(0));
|
38271
|
-
var classnames_1 = __importDefault(__webpack_require__(2));
|
38272
|
-
var FormLabel = /** @class */ (function (_super) {
|
38273
|
-
__extends(FormLabel, _super);
|
38274
|
-
function FormLabel() {
|
38275
|
-
return _super !== null && _super.apply(this, arguments) || this;
|
38276
|
-
}
|
38277
|
-
FormLabel.prototype.render = function () {
|
38278
|
-
var classes = (0, classnames_1.default)('form-label', {
|
38279
|
-
'form-label--light': this.props.style === 'light',
|
38280
|
-
});
|
38281
|
-
return (React.createElement("label", { htmlFor: this.props.forId, className: classes }, this.props.text));
|
38282
|
-
};
|
38283
|
-
return FormLabel;
|
38284
|
-
}(React.PureComponent));
|
38285
|
-
exports.FormLabel = FormLabel;
|
38286
|
-
|
38287
|
-
|
38288
38294
|
/***/ }),
|
38289
38295
|
/* 54 */
|
38290
38296
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
@@ -38950,366 +38956,6 @@ Transition.EXITING = EXITING;
|
|
38950
38956
|
|
38951
38957
|
"use strict";
|
38952
38958
|
|
38953
|
-
var __extends = (this && this.__extends) || (function () {
|
38954
|
-
var extendStatics = function (d, b) {
|
38955
|
-
extendStatics = Object.setPrototypeOf ||
|
38956
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
38957
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
38958
|
-
return extendStatics(d, b);
|
38959
|
-
};
|
38960
|
-
return function (d, b) {
|
38961
|
-
if (typeof b !== "function" && b !== null)
|
38962
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
38963
|
-
extendStatics(d, b);
|
38964
|
-
function __() { this.constructor = d; }
|
38965
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
38966
|
-
};
|
38967
|
-
})();
|
38968
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
38969
|
-
if (k2 === undefined) k2 = k;
|
38970
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
38971
|
-
}) : (function(o, m, k, k2) {
|
38972
|
-
if (k2 === undefined) k2 = k;
|
38973
|
-
o[k2] = m[k];
|
38974
|
-
}));
|
38975
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
38976
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
38977
|
-
}) : function(o, v) {
|
38978
|
-
o["default"] = v;
|
38979
|
-
});
|
38980
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
38981
|
-
if (mod && mod.__esModule) return mod;
|
38982
|
-
var result = {};
|
38983
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
38984
|
-
__setModuleDefault(result, mod);
|
38985
|
-
return result;
|
38986
|
-
};
|
38987
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
38988
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
38989
|
-
};
|
38990
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
38991
|
-
exports.getDurationString = exports.DurationInput = void 0;
|
38992
|
-
var React = __importStar(__webpack_require__(0));
|
38993
|
-
var classnames_1 = __importDefault(__webpack_require__(2));
|
38994
|
-
var moment_1 = __importDefault(__webpack_require__(1));
|
38995
|
-
var react_id_generator_1 = __importDefault(__webpack_require__(8));
|
38996
|
-
var Form_1 = __webpack_require__(14);
|
38997
|
-
var DurationInput = /** @class */ (function (_super) {
|
38998
|
-
__extends(DurationInput, _super);
|
38999
|
-
function DurationInput(props) {
|
39000
|
-
var _this = _super.call(this, props) || this;
|
39001
|
-
_this.htmlId = (0, react_id_generator_1.default)();
|
39002
|
-
_this.state = {
|
39003
|
-
hours: _this.stateUpdate('hours', _this.props.hours, _this.props.minutes, _this.props.seconds),
|
39004
|
-
minutes: _this.stateUpdate('minutes', _this.props.minutes, _this.props.seconds),
|
39005
|
-
seconds: _this.stateUpdate('seconds', _this.props.seconds),
|
39006
|
-
blink: '',
|
39007
|
-
};
|
39008
|
-
_this.hourRef = React.createRef();
|
39009
|
-
_this.minuteRef = React.createRef();
|
39010
|
-
_this.secondRef = React.createRef();
|
39011
|
-
_this.handleKeyDown = _this.handleKeyDown.bind(_this);
|
39012
|
-
_this.zeroPad = _this.zeroPad.bind(_this);
|
39013
|
-
_this.handleChange = _this.handleChange.bind(_this);
|
39014
|
-
_this.handleFocusOnKeyUp = _this.handleFocusOnKeyUp.bind(_this);
|
39015
|
-
_this.handleKeyValue = _this.handleKeyValue.bind(_this);
|
39016
|
-
_this.valueUpdate = _this.valueUpdate.bind(_this);
|
39017
|
-
_this.stateUpdate = _this.stateUpdate.bind(_this);
|
39018
|
-
return _this;
|
39019
|
-
}
|
39020
|
-
DurationInput.prototype.stateUpdate = function (state, parametar1, parametar2, parametar3) {
|
39021
|
-
var value;
|
39022
|
-
if (state === 'hours') {
|
39023
|
-
value = parametar1
|
39024
|
-
? parametar1 + Math.floor((parametar2 || 0) / 60) + Math.floor((parametar3 || 0) / 3600)
|
39025
|
-
: Math.floor((parametar2 || 0) / 60) + Math.floor((parametar3 || 0) / 3600);
|
39026
|
-
}
|
39027
|
-
else if (state === 'minutes') {
|
39028
|
-
value = parametar1
|
39029
|
-
? (parametar1 % 60) + Math.floor((parametar2 || 0) % 3600 / 60)
|
39030
|
-
: Math.floor((parametar2 || 0) % 3600 / 60);
|
39031
|
-
}
|
39032
|
-
else {
|
39033
|
-
value = parametar1 ? parametar1 % 60 : 0;
|
39034
|
-
}
|
39035
|
-
return this.zeroPad(value);
|
39036
|
-
};
|
39037
|
-
DurationInput.prototype.componentDidUpdate = function (prevProps, prevState) {
|
39038
|
-
var _this = this;
|
39039
|
-
if (!this.hourRef.current || !this.minuteRef.current || !this.secondRef.current) {
|
39040
|
-
return;
|
39041
|
-
}
|
39042
|
-
if (this.state.hours !== prevState.hours) {
|
39043
|
-
if (Number(this.hourRef.current.value) > 99) {
|
39044
|
-
this.setState({
|
39045
|
-
hours: this.zeroPad(99),
|
39046
|
-
});
|
39047
|
-
}
|
39048
|
-
}
|
39049
|
-
if (this.state.minutes !== prevState.minutes) {
|
39050
|
-
if (Number(this.minuteRef.current.value) > 59) {
|
39051
|
-
this.setState({
|
39052
|
-
hours: this.zeroPad(Number(this.state.hours) + 1),
|
39053
|
-
minutes: this.zeroPad(this.state.minutes % 60),
|
39054
|
-
});
|
39055
|
-
this.setState({ blink: 'hour' });
|
39056
|
-
setTimeout(function () {
|
39057
|
-
_this.setState({ blink: '' });
|
39058
|
-
}, 500);
|
39059
|
-
}
|
39060
|
-
if (Number(this.minuteRef.current.value) < 0) {
|
39061
|
-
this.setState({
|
39062
|
-
hours: this.zeroPad(Number(this.state.hours)) > 0
|
39063
|
-
? this.zeroPad(Number(this.state.hours) - 1)
|
39064
|
-
: this.zeroPad(Number(this.state.hours)),
|
39065
|
-
minutes: 59,
|
39066
|
-
});
|
39067
|
-
this.setState({ blink: 'hour' });
|
39068
|
-
setTimeout(function () {
|
39069
|
-
_this.setState({ blink: '' });
|
39070
|
-
}, 500);
|
39071
|
-
}
|
39072
|
-
}
|
39073
|
-
if (this.state.seconds !== prevState.seconds) {
|
39074
|
-
if (Number(this.secondRef.current.value) > 59) {
|
39075
|
-
this.setState({
|
39076
|
-
minutes: this.zeroPad(Number(this.state.minutes) + 1),
|
39077
|
-
seconds: this.zeroPad(this.state.seconds % 60),
|
39078
|
-
});
|
39079
|
-
this.setState({ blink: 'minute' });
|
39080
|
-
setTimeout(function () {
|
39081
|
-
_this.setState({ blink: '' });
|
39082
|
-
}, 500);
|
39083
|
-
}
|
39084
|
-
if (Number(this.secondRef.current.value) < 0) {
|
39085
|
-
this.setState({
|
39086
|
-
minutes: this.zeroPad(Number(this.state.minutes) - 1),
|
39087
|
-
seconds: 59,
|
39088
|
-
});
|
39089
|
-
this.setState({ blink: 'minute' });
|
39090
|
-
setTimeout(function () {
|
39091
|
-
_this.setState({ blink: '' });
|
39092
|
-
}, 500);
|
39093
|
-
}
|
39094
|
-
}
|
39095
|
-
if ((this.props.hours !== prevProps.hours)
|
39096
|
-
|| (this.props.minutes !== prevProps.minutes)
|
39097
|
-
|| (this.props.seconds !== prevProps.seconds)) {
|
39098
|
-
this.setState({
|
39099
|
-
hours: this.stateUpdate('hours', this.props.hours, this.props.minutes, this.props.seconds),
|
39100
|
-
minutes: this.stateUpdate('minutes', this.props.minutes, this.props.seconds),
|
39101
|
-
seconds: this.stateUpdate('seconds', this.props.seconds),
|
39102
|
-
});
|
39103
|
-
}
|
39104
|
-
};
|
39105
|
-
DurationInput.prototype.valueUpdate = function () {
|
39106
|
-
if (this.props.onChange) {
|
39107
|
-
this.props.onChange(moment_1.default.duration("".concat(this.state.hours, ":").concat(this.state.minutes, ":").concat(this.state.seconds))
|
39108
|
-
.asSeconds());
|
39109
|
-
}
|
39110
|
-
};
|
39111
|
-
DurationInput.prototype.handleKeyDown = function (event) {
|
39112
|
-
if (!(event.target instanceof HTMLInputElement)) {
|
39113
|
-
return;
|
39114
|
-
}
|
39115
|
-
if (event.target.id === 'hours') {
|
39116
|
-
if (event.key === 'ArrowRight') {
|
39117
|
-
if (event.target.selectionEnd === event.target.value.length) {
|
39118
|
-
this.handleFocus(this.minuteRef.current, event.target.id);
|
39119
|
-
}
|
39120
|
-
}
|
39121
|
-
if (event.key === 'ArrowLeft') {
|
39122
|
-
if (event.target.selectionStart === 0) {
|
39123
|
-
this.handleFocus(this.secondRef.current, event.target.id);
|
39124
|
-
}
|
39125
|
-
}
|
39126
|
-
}
|
39127
|
-
if (event.target.id === 'minutes') {
|
39128
|
-
if (event.key === 'ArrowRight') {
|
39129
|
-
if (event.target.selectionEnd === event.target.value.length) {
|
39130
|
-
this.handleFocus(this.secondRef.current, event.target.id);
|
39131
|
-
}
|
39132
|
-
}
|
39133
|
-
if (event.key === 'ArrowLeft') {
|
39134
|
-
if (event.target.selectionStart === 0) {
|
39135
|
-
this.handleFocus(this.hourRef.current, event.target.id);
|
39136
|
-
}
|
39137
|
-
}
|
39138
|
-
}
|
39139
|
-
if (event.target.id === 'seconds') {
|
39140
|
-
if (event.key === 'ArrowRight') {
|
39141
|
-
if (event.target.selectionEnd === event.target.value.length) {
|
39142
|
-
this.handleFocus(this.hourRef.current, event.target.id);
|
39143
|
-
}
|
39144
|
-
}
|
39145
|
-
if (event.key === 'ArrowLeft') {
|
39146
|
-
if (event.target.selectionStart === 0) {
|
39147
|
-
this.handleFocus(this.minuteRef.current, event.target.id);
|
39148
|
-
}
|
39149
|
-
}
|
39150
|
-
}
|
39151
|
-
if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {
|
39152
|
-
this.handleKeyValue(event, event.target.id);
|
39153
|
-
setTimeout(this.valueUpdate);
|
39154
|
-
}
|
39155
|
-
if (event.key === 'ArrowRight' || event.key === 'ArrowLeft') {
|
39156
|
-
if (!this.state.hours || !this.state.minutes || !this.state.seconds) {
|
39157
|
-
setTimeout(this.valueUpdate);
|
39158
|
-
}
|
39159
|
-
}
|
39160
|
-
};
|
39161
|
-
DurationInput.prototype.handleKeyValue = function (event, state) {
|
39162
|
-
if (!(event.target instanceof HTMLInputElement)) {
|
39163
|
-
return;
|
39164
|
-
}
|
39165
|
-
if (!this.state[state]) {
|
39166
|
-
return;
|
39167
|
-
}
|
39168
|
-
event.preventDefault();
|
39169
|
-
event.stopPropagation();
|
39170
|
-
var stateClone = {};
|
39171
|
-
if (event.key === 'ArrowUp') {
|
39172
|
-
if (event.target.id === 'hours') {
|
39173
|
-
stateClone[state] = this.state[state] < 99
|
39174
|
-
? this.zeroPad(Number(this.state[state]) + 1)
|
39175
|
-
: this.zeroPad(99);
|
39176
|
-
}
|
39177
|
-
else {
|
39178
|
-
stateClone[state] = this.zeroPad(Number(this.state[state]) + 1);
|
39179
|
-
}
|
39180
|
-
}
|
39181
|
-
else if (event.key === 'ArrowDown') {
|
39182
|
-
if (event.target.id === 'hours') {
|
39183
|
-
stateClone[state] = this.state[state] > 0
|
39184
|
-
? this.zeroPad(Number(this.state[state]) - 1)
|
39185
|
-
: this.zeroPad(0);
|
39186
|
-
}
|
39187
|
-
else {
|
39188
|
-
stateClone[state] = this.zeroPad(Number(this.state[state]) - 1);
|
39189
|
-
}
|
39190
|
-
}
|
39191
|
-
this.setState(stateClone);
|
39192
|
-
};
|
39193
|
-
DurationInput.prototype.zeroPad = function (value) {
|
39194
|
-
if (value.toString().length === 1 || value === 0) {
|
39195
|
-
return "0".concat(value);
|
39196
|
-
}
|
39197
|
-
else if (!value) {
|
39198
|
-
return '00';
|
39199
|
-
}
|
39200
|
-
else {
|
39201
|
-
return value;
|
39202
|
-
}
|
39203
|
-
};
|
39204
|
-
DurationInput.prototype.handleChange = function (event, state) {
|
39205
|
-
var stateClone = {};
|
39206
|
-
if (event.target.value.length >= 2) {
|
39207
|
-
if (event.target.selectionStart === 1 && event.target.selectionEnd === 1) {
|
39208
|
-
stateClone[state] = event.target.value.slice(0, 1) + event.target.value.slice(2, 3);
|
39209
|
-
}
|
39210
|
-
else {
|
39211
|
-
stateClone[state] = event.target.value.slice(0, 2);
|
39212
|
-
}
|
39213
|
-
}
|
39214
|
-
else {
|
39215
|
-
stateClone[state] = event.target.value;
|
39216
|
-
}
|
39217
|
-
this.setState(stateClone);
|
39218
|
-
setTimeout(this.valueUpdate);
|
39219
|
-
};
|
39220
|
-
DurationInput.prototype.handleFocus = function (ref, state) {
|
39221
|
-
ref === null || ref === void 0 ? void 0 : ref.focus();
|
39222
|
-
setTimeout(function () {
|
39223
|
-
ref === null || ref === void 0 ? void 0 : ref.setSelectionRange(0, 2);
|
39224
|
-
});
|
39225
|
-
var stateClone = {};
|
39226
|
-
stateClone[state] = this.zeroPad(this.state[state]);
|
39227
|
-
this.setState(stateClone);
|
39228
|
-
};
|
39229
|
-
DurationInput.prototype.handleFocusOnKeyUp = function (event, ref) {
|
39230
|
-
if (event.key !== 'ArrowRight' && event.key !== 'ArrowLeft' && event.key !== 'ArrowUp' && event.key !== 'ArrowDown' && event.key !== 'Backspace') {
|
39231
|
-
if ((event.keyCode > 46 && event.keyCode < 58) || (event.keyCode > 95 && event.keyCode < 106)) {
|
39232
|
-
var target = event.target;
|
39233
|
-
if (target.value.length >= 2) {
|
39234
|
-
ref === null || ref === void 0 ? void 0 : ref.focus();
|
39235
|
-
setTimeout(function () {
|
39236
|
-
ref === null || ref === void 0 ? void 0 : ref.setSelectionRange(0, 2);
|
39237
|
-
});
|
39238
|
-
}
|
39239
|
-
}
|
39240
|
-
}
|
39241
|
-
};
|
39242
|
-
DurationInput.prototype.render = function () {
|
39243
|
-
var _this = this;
|
39244
|
-
var InputClasses = (0, classnames_1.default)('sd-input__duration-input');
|
39245
|
-
return (React.createElement(Form_1.InputWrapper, { label: this.props.label, error: this.props.error, required: this.props.required, disabled: this.props.disabled, invalid: this.props.invalid, info: this.props.info, inlineLabel: this.props.inlineLabel, labelHidden: this.props.labelHidden, fullWidth: this.props.fullWidth, htmlId: this.htmlId, tabindex: this.props.tabindex },
|
39246
|
-
React.createElement("div", { className: InputClasses },
|
39247
|
-
React.createElement("input", { className: "duration-input ".concat(this.state.blink === 'hour' ? 'blink_me' : ''), type: 'text', id: 'hours', max: 99, min: 0, ref: this.hourRef, value: this.state.hours, disabled: this.props.disabled, onKeyDown: function (event) { return _this.handleKeyDown(event); }, onKeyUp: function (event) { return _this.handleFocusOnKeyUp(event, _this.minuteRef.current); }, onChange: function (event) { _this.handleChange(event, 'hours'); }, onBlur: function (event) { return _this.setState({ hours: _this.zeroPad(event.target.value) }); }, onKeyPress: function (event) {
|
39248
|
-
if (!/[0-9]/.test(event.key)) {
|
39249
|
-
event.preventDefault();
|
39250
|
-
}
|
39251
|
-
} }),
|
39252
|
-
React.createElement("span", { className: 'sd-input__suffix' }, "h"),
|
39253
|
-
React.createElement("input", { className: "duration-input ".concat(this.state.blink === 'minute' ? 'blink_me' : ''), type: 'text', id: 'minutes', ref: this.minuteRef, value: this.state.minutes, disabled: this.props.disabled, onKeyDown: function (event) { return _this.handleKeyDown(event); }, onKeyUp: function (event) { return _this.handleFocusOnKeyUp(event, _this.secondRef.current); }, onChange: function (event) { _this.handleChange(event, 'minutes'); }, onBlur: function (event) { return _this.setState({ minutes: _this.zeroPad(event.target.value) }); }, onKeyPress: function (event) {
|
39254
|
-
if (!/[0-9]/.test(event.key)) {
|
39255
|
-
event.preventDefault();
|
39256
|
-
}
|
39257
|
-
} }),
|
39258
|
-
React.createElement("span", { className: 'sd-input__suffix' }, "m"),
|
39259
|
-
React.createElement("input", { className: 'duration-input', type: 'text', id: 'seconds', ref: this.secondRef, value: this.state.seconds, disabled: this.props.disabled, onKeyDown: function (event) { return _this.handleKeyDown(event); }, onKeyUp: function (event) { return _this.handleFocusOnKeyUp(event, _this.hourRef.current); }, onChange: function (event) { _this.handleChange(event, 'seconds'); }, onBlur: function (event) { return _this.setState({ seconds: _this.zeroPad(event.target.value) }); }, onKeyPress: function (event) {
|
39260
|
-
if (!/[0-9]/.test(event.key)) {
|
39261
|
-
event.preventDefault();
|
39262
|
-
}
|
39263
|
-
} }),
|
39264
|
-
React.createElement("span", { className: 'sd-input__suffix' }, "s"))));
|
39265
|
-
};
|
39266
|
-
return DurationInput;
|
39267
|
-
}(React.PureComponent));
|
39268
|
-
exports.DurationInput = DurationInput;
|
39269
|
-
function getDurationString(seconds, zero) {
|
39270
|
-
function zeroPad(value) {
|
39271
|
-
if (value.toString().length === 1 || value === 0) {
|
39272
|
-
return "0".concat(value);
|
39273
|
-
}
|
39274
|
-
else if (!value) {
|
39275
|
-
return '00';
|
39276
|
-
}
|
39277
|
-
else {
|
39278
|
-
return value;
|
39279
|
-
}
|
39280
|
-
}
|
39281
|
-
var hour;
|
39282
|
-
var minute;
|
39283
|
-
var second;
|
39284
|
-
if (zero) {
|
39285
|
-
hour = zeroPad(Math.floor(seconds / 3600));
|
39286
|
-
minute = zeroPad(Math.floor((seconds % 3600) / 60));
|
39287
|
-
second = zeroPad(Math.floor(seconds % 60));
|
39288
|
-
}
|
39289
|
-
else {
|
39290
|
-
hour = Math.floor(seconds / 3600);
|
39291
|
-
minute = Math.floor((seconds % 3600) / 60);
|
39292
|
-
second = Math.floor(seconds % 60);
|
39293
|
-
}
|
39294
|
-
if (Number(hour) === 0 && Number(minute) > 0) {
|
39295
|
-
return "".concat(minute, "m ").concat(second, "s");
|
39296
|
-
}
|
39297
|
-
else if (Number(hour) === 0 && Number(minute) === 0) {
|
39298
|
-
return "".concat(second, "s");
|
39299
|
-
}
|
39300
|
-
else {
|
39301
|
-
return "".concat(hour, "h ").concat(minute, "m ").concat(second, "s");
|
39302
|
-
}
|
39303
|
-
}
|
39304
|
-
exports.getDurationString = getDurationString;
|
39305
|
-
|
39306
|
-
|
39307
|
-
/***/ }),
|
39308
|
-
/* 57 */
|
39309
|
-
/***/ (function(module, exports, __webpack_require__) {
|
39310
|
-
|
39311
|
-
"use strict";
|
39312
|
-
|
39313
38959
|
var __extends = (this && this.__extends) || (function () {
|
39314
38960
|
var extendStatics = function (d, b) {
|
39315
38961
|
extendStatics = Object.setPrototypeOf ||
|
@@ -39495,7 +39141,7 @@ exports.DatePickerISO = DatePickerISO;
|
|
39495
39141
|
|
39496
39142
|
|
39497
39143
|
/***/ }),
|
39498
|
-
/*
|
39144
|
+
/* 57 */
|
39499
39145
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
39500
39146
|
|
39501
39147
|
"use strict";
|
@@ -39519,7 +39165,7 @@ function startOfUTCISOWeek(dirtyDate) {
|
|
39519
39165
|
}
|
39520
39166
|
|
39521
39167
|
/***/ }),
|
39522
|
-
/*
|
39168
|
+
/* 58 */
|
39523
39169
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
39524
39170
|
|
39525
39171
|
"use strict";
|
@@ -39554,7 +39200,7 @@ function startOfUTCWeek(dirtyDate, dirtyOptions) {
|
|
39554
39200
|
}
|
39555
39201
|
|
39556
39202
|
/***/ }),
|
39557
|
-
/*
|
39203
|
+
/* 59 */
|
39558
39204
|
/***/ (function(module, exports, __webpack_require__) {
|
39559
39205
|
|
39560
39206
|
"use strict";
|
@@ -39615,7 +39261,7 @@ exports.Loader = Loader;
|
|
39615
39261
|
|
39616
39262
|
|
39617
39263
|
/***/ }),
|
39618
|
-
/*
|
39264
|
+
/* 60 */
|
39619
39265
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
39620
39266
|
|
39621
39267
|
"use strict";
|
@@ -39655,7 +39301,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
39655
39301
|
/* harmony namespace reexport (by provided) */ __webpack_require__.d(__webpack_exports__, "offset", function() { return __WEBPACK_IMPORTED_MODULE_1__modifiers_index_js__["g"]; });
|
39656
39302
|
/* harmony namespace reexport (by provided) */ __webpack_require__.d(__webpack_exports__, "popperOffsets", function() { return __WEBPACK_IMPORTED_MODULE_1__modifiers_index_js__["h"]; });
|
39657
39303
|
/* harmony namespace reexport (by provided) */ __webpack_require__.d(__webpack_exports__, "preventOverflow", function() { return __WEBPACK_IMPORTED_MODULE_1__modifiers_index_js__["i"]; });
|
39658
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__createPopper_js__ = __webpack_require__(
|
39304
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__createPopper_js__ = __webpack_require__(70);
|
39659
39305
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "popperGenerator", function() { return __WEBPACK_IMPORTED_MODULE_2__createPopper_js__["c"]; });
|
39660
39306
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "detectOverflow", function() { return __WEBPACK_IMPORTED_MODULE_2__createPopper_js__["b"]; });
|
39661
39307
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "createPopperBase", function() { return __WEBPACK_IMPORTED_MODULE_2__createPopper_js__["a"]; });
|
@@ -39673,7 +39319,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
39673
39319
|
|
39674
39320
|
|
39675
39321
|
/***/ }),
|
39676
|
-
/*
|
39322
|
+
/* 61 */
|
39677
39323
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
39678
39324
|
|
39679
39325
|
"use strict";
|
@@ -39765,7 +39411,7 @@ function effect(_ref2) {
|
|
39765
39411
|
});
|
39766
39412
|
|
39767
39413
|
/***/ }),
|
39768
|
-
/*
|
39414
|
+
/* 62 */
|
39769
39415
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
39770
39416
|
|
39771
39417
|
"use strict";
|
@@ -39798,7 +39444,7 @@ function getLayoutRect(element) {
|
|
39798
39444
|
}
|
39799
39445
|
|
39800
39446
|
/***/ }),
|
39801
|
-
/*
|
39447
|
+
/* 63 */
|
39802
39448
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
39803
39449
|
|
39804
39450
|
"use strict";
|
@@ -39808,7 +39454,7 @@ function getMainAxisFromPlacement(placement) {
|
|
39808
39454
|
}
|
39809
39455
|
|
39810
39456
|
/***/ }),
|
39811
|
-
/*
|
39457
|
+
/* 64 */
|
39812
39458
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
39813
39459
|
|
39814
39460
|
"use strict";
|
@@ -40005,7 +39651,7 @@ function computeStyles(_ref5) {
|
|
40005
39651
|
/* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(4)))
|
40006
39652
|
|
40007
39653
|
/***/ }),
|
40008
|
-
/*
|
39654
|
+
/* 65 */
|
40009
39655
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
40010
39656
|
|
40011
39657
|
"use strict";
|
@@ -40061,14 +39707,14 @@ function effect(_ref) {
|
|
40061
39707
|
});
|
40062
39708
|
|
40063
39709
|
/***/ }),
|
40064
|
-
/*
|
39710
|
+
/* 66 */
|
40065
39711
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
40066
39712
|
|
40067
39713
|
"use strict";
|
40068
39714
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getWindowScrollBarX;
|
40069
39715
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getBoundingClientRect_js__ = __webpack_require__(37);
|
40070
39716
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getDocumentElement_js__ = __webpack_require__(22);
|
40071
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScroll_js__ = __webpack_require__(
|
39717
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScroll_js__ = __webpack_require__(67);
|
40072
39718
|
|
40073
39719
|
|
40074
39720
|
|
@@ -40084,7 +39730,7 @@ function getWindowScrollBarX(element) {
|
|
40084
39730
|
}
|
40085
39731
|
|
40086
39732
|
/***/ }),
|
40087
|
-
/*
|
39733
|
+
/* 67 */
|
40088
39734
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
40089
39735
|
|
40090
39736
|
"use strict";
|
@@ -40102,7 +39748,7 @@ function getWindowScroll(node) {
|
|
40102
39748
|
}
|
40103
39749
|
|
40104
39750
|
/***/ }),
|
40105
|
-
/*
|
39751
|
+
/* 68 */
|
40106
39752
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
40107
39753
|
|
40108
39754
|
"use strict";
|
@@ -40120,7 +39766,7 @@ function isScrollParent(element) {
|
|
40120
39766
|
}
|
40121
39767
|
|
40122
39768
|
/***/ }),
|
40123
|
-
/*
|
39769
|
+
/* 69 */
|
40124
39770
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
40125
39771
|
|
40126
39772
|
"use strict";
|
@@ -40152,14 +39798,14 @@ function popperOffsets(_ref) {
|
|
40152
39798
|
});
|
40153
39799
|
|
40154
39800
|
/***/ }),
|
40155
|
-
/*
|
39801
|
+
/* 70 */
|
40156
39802
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
40157
39803
|
|
40158
39804
|
"use strict";
|
40159
39805
|
/* WEBPACK VAR INJECTION */(function(process) {/* harmony export (immutable) */ __webpack_exports__["c"] = popperGenerator;
|
40160
39806
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return createPopper; });
|
40161
39807
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__dom_utils_getCompositeRect_js__ = __webpack_require__(382);
|
40162
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dom_utils_getLayoutRect_js__ = __webpack_require__(
|
39808
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dom_utils_getLayoutRect_js__ = __webpack_require__(62);
|
40163
39809
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__dom_utils_listScrollParents_js__ = __webpack_require__(235);
|
40164
39810
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__dom_utils_getOffsetParent_js__ = __webpack_require__(38);
|
40165
39811
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__dom_utils_getComputedStyle_js__ = __webpack_require__(34);
|
@@ -40435,7 +40081,7 @@ var createPopper = /*#__PURE__*/popperGenerator(); // eslint-disable-next-line i
|
|
40435
40081
|
/* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(4)))
|
40436
40082
|
|
40437
40083
|
/***/ }),
|
40438
|
-
/*
|
40084
|
+
/* 71 */
|
40439
40085
|
/***/ (function(module, exports, __webpack_require__) {
|
40440
40086
|
|
40441
40087
|
"use strict";
|
@@ -40657,7 +40303,7 @@ exports.default = GridItem;
|
|
40657
40303
|
|
40658
40304
|
|
40659
40305
|
/***/ }),
|
40660
|
-
/*
|
40306
|
+
/* 72 */
|
40661
40307
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
40662
40308
|
|
40663
40309
|
"use strict";
|
@@ -40791,7 +40437,7 @@ function createSubscription(store, parentSub) {
|
|
40791
40437
|
}
|
40792
40438
|
|
40793
40439
|
/***/ }),
|
40794
|
-
/*
|
40440
|
+
/* 73 */
|
40795
40441
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
40796
40442
|
|
40797
40443
|
"use strict";
|
@@ -40810,7 +40456,7 @@ function createSubscription(store, parentSub) {
|
|
40810
40456
|
var useIsomorphicLayoutEffect = typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined' ? __WEBPACK_IMPORTED_MODULE_0_react__["useLayoutEffect"] : __WEBPACK_IMPORTED_MODULE_0_react__["useEffect"];
|
40811
40457
|
|
40812
40458
|
/***/ }),
|
40813
|
-
/*
|
40459
|
+
/* 74 */
|
40814
40460
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
40815
40461
|
|
40816
40462
|
"use strict";
|
@@ -40833,6 +40479,361 @@ function invariant(condition, message) {
|
|
40833
40479
|
|
40834
40480
|
/* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(4)))
|
40835
40481
|
|
40482
|
+
/***/ }),
|
40483
|
+
/* 75 */
|
40484
|
+
/***/ (function(module, exports, __webpack_require__) {
|
40485
|
+
|
40486
|
+
"use strict";
|
40487
|
+
|
40488
|
+
var __extends = (this && this.__extends) || (function () {
|
40489
|
+
var extendStatics = function (d, b) {
|
40490
|
+
extendStatics = Object.setPrototypeOf ||
|
40491
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
40492
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
40493
|
+
return extendStatics(d, b);
|
40494
|
+
};
|
40495
|
+
return function (d, b) {
|
40496
|
+
if (typeof b !== "function" && b !== null)
|
40497
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
40498
|
+
extendStatics(d, b);
|
40499
|
+
function __() { this.constructor = d; }
|
40500
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
40501
|
+
};
|
40502
|
+
})();
|
40503
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
40504
|
+
if (k2 === undefined) k2 = k;
|
40505
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
40506
|
+
}) : (function(o, m, k, k2) {
|
40507
|
+
if (k2 === undefined) k2 = k;
|
40508
|
+
o[k2] = m[k];
|
40509
|
+
}));
|
40510
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
40511
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
40512
|
+
}) : function(o, v) {
|
40513
|
+
o["default"] = v;
|
40514
|
+
});
|
40515
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
40516
|
+
if (mod && mod.__esModule) return mod;
|
40517
|
+
var result = {};
|
40518
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
40519
|
+
__setModuleDefault(result, mod);
|
40520
|
+
return result;
|
40521
|
+
};
|
40522
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
40523
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
40524
|
+
};
|
40525
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
40526
|
+
exports.getDurationString = exports.DurationInput = void 0;
|
40527
|
+
var React = __importStar(__webpack_require__(0));
|
40528
|
+
var classnames_1 = __importDefault(__webpack_require__(2));
|
40529
|
+
var moment_1 = __importDefault(__webpack_require__(1));
|
40530
|
+
var react_id_generator_1 = __importDefault(__webpack_require__(8));
|
40531
|
+
var Form_1 = __webpack_require__(14);
|
40532
|
+
var DurationInput = /** @class */ (function (_super) {
|
40533
|
+
__extends(DurationInput, _super);
|
40534
|
+
function DurationInput(props) {
|
40535
|
+
var _this = _super.call(this, props) || this;
|
40536
|
+
_this.htmlId = (0, react_id_generator_1.default)();
|
40537
|
+
_this.state = {
|
40538
|
+
hours: _this.stateUpdate('hours', _this.props.hours, _this.props.minutes, _this.props.seconds),
|
40539
|
+
minutes: _this.stateUpdate('minutes', _this.props.minutes, _this.props.seconds),
|
40540
|
+
seconds: _this.stateUpdate('seconds', _this.props.seconds),
|
40541
|
+
blink: '',
|
40542
|
+
};
|
40543
|
+
_this.hourRef = React.createRef();
|
40544
|
+
_this.minuteRef = React.createRef();
|
40545
|
+
_this.secondRef = React.createRef();
|
40546
|
+
_this.handleKeyDown = _this.handleKeyDown.bind(_this);
|
40547
|
+
_this.zeroPad = _this.zeroPad.bind(_this);
|
40548
|
+
_this.handleChange = _this.handleChange.bind(_this);
|
40549
|
+
_this.handleFocusOnKeyUp = _this.handleFocusOnKeyUp.bind(_this);
|
40550
|
+
_this.handleKeyValue = _this.handleKeyValue.bind(_this);
|
40551
|
+
_this.valueUpdate = _this.valueUpdate.bind(_this);
|
40552
|
+
_this.stateUpdate = _this.stateUpdate.bind(_this);
|
40553
|
+
return _this;
|
40554
|
+
}
|
40555
|
+
DurationInput.prototype.stateUpdate = function (state, parametar1, parametar2, parametar3) {
|
40556
|
+
var value;
|
40557
|
+
if (state === 'hours') {
|
40558
|
+
value = parametar1
|
40559
|
+
? parametar1 + Math.floor((parametar2 || 0) / 60) + Math.floor((parametar3 || 0) / 3600)
|
40560
|
+
: Math.floor((parametar2 || 0) / 60) + Math.floor((parametar3 || 0) / 3600);
|
40561
|
+
}
|
40562
|
+
else if (state === 'minutes') {
|
40563
|
+
value = parametar1
|
40564
|
+
? (parametar1 % 60) + Math.floor((parametar2 || 0) % 3600 / 60)
|
40565
|
+
: Math.floor((parametar2 || 0) % 3600 / 60);
|
40566
|
+
}
|
40567
|
+
else {
|
40568
|
+
value = parametar1 ? parametar1 % 60 : 0;
|
40569
|
+
}
|
40570
|
+
return this.zeroPad(value);
|
40571
|
+
};
|
40572
|
+
DurationInput.prototype.componentDidUpdate = function (prevProps, prevState) {
|
40573
|
+
var _this = this;
|
40574
|
+
if (!this.hourRef.current || !this.minuteRef.current || !this.secondRef.current) {
|
40575
|
+
return;
|
40576
|
+
}
|
40577
|
+
if (this.state.hours !== prevState.hours) {
|
40578
|
+
if (Number(this.hourRef.current.value) > 99) {
|
40579
|
+
this.setState({
|
40580
|
+
hours: this.zeroPad(99),
|
40581
|
+
});
|
40582
|
+
}
|
40583
|
+
}
|
40584
|
+
if (this.state.minutes !== prevState.minutes) {
|
40585
|
+
if (Number(this.minuteRef.current.value) > 59) {
|
40586
|
+
this.setState({
|
40587
|
+
hours: this.zeroPad(Number(this.state.hours) + 1),
|
40588
|
+
minutes: this.zeroPad(this.state.minutes % 60),
|
40589
|
+
});
|
40590
|
+
this.setState({ blink: 'hour' });
|
40591
|
+
setTimeout(function () {
|
40592
|
+
_this.setState({ blink: '' });
|
40593
|
+
}, 500);
|
40594
|
+
}
|
40595
|
+
if (Number(this.minuteRef.current.value) < 0) {
|
40596
|
+
this.setState({
|
40597
|
+
hours: this.zeroPad(Number(this.state.hours)) > 0
|
40598
|
+
? this.zeroPad(Number(this.state.hours) - 1)
|
40599
|
+
: this.zeroPad(Number(this.state.hours)),
|
40600
|
+
minutes: 59,
|
40601
|
+
});
|
40602
|
+
this.setState({ blink: 'hour' });
|
40603
|
+
setTimeout(function () {
|
40604
|
+
_this.setState({ blink: '' });
|
40605
|
+
}, 500);
|
40606
|
+
}
|
40607
|
+
}
|
40608
|
+
if (this.state.seconds !== prevState.seconds) {
|
40609
|
+
if (Number(this.secondRef.current.value) > 59) {
|
40610
|
+
this.setState({
|
40611
|
+
minutes: this.zeroPad(Number(this.state.minutes) + 1),
|
40612
|
+
seconds: this.zeroPad(this.state.seconds % 60),
|
40613
|
+
});
|
40614
|
+
this.setState({ blink: 'minute' });
|
40615
|
+
setTimeout(function () {
|
40616
|
+
_this.setState({ blink: '' });
|
40617
|
+
}, 500);
|
40618
|
+
}
|
40619
|
+
if (Number(this.secondRef.current.value) < 0) {
|
40620
|
+
this.setState({
|
40621
|
+
minutes: this.zeroPad(Number(this.state.minutes) - 1),
|
40622
|
+
seconds: 59,
|
40623
|
+
});
|
40624
|
+
this.setState({ blink: 'minute' });
|
40625
|
+
setTimeout(function () {
|
40626
|
+
_this.setState({ blink: '' });
|
40627
|
+
}, 500);
|
40628
|
+
}
|
40629
|
+
}
|
40630
|
+
if ((this.props.hours !== prevProps.hours)
|
40631
|
+
|| (this.props.minutes !== prevProps.minutes)
|
40632
|
+
|| (this.props.seconds !== prevProps.seconds)) {
|
40633
|
+
this.setState({
|
40634
|
+
hours: this.stateUpdate('hours', this.props.hours, this.props.minutes, this.props.seconds),
|
40635
|
+
minutes: this.stateUpdate('minutes', this.props.minutes, this.props.seconds),
|
40636
|
+
seconds: this.stateUpdate('seconds', this.props.seconds),
|
40637
|
+
});
|
40638
|
+
}
|
40639
|
+
};
|
40640
|
+
DurationInput.prototype.valueUpdate = function () {
|
40641
|
+
if (this.props.onChange) {
|
40642
|
+
this.props.onChange(moment_1.default.duration("".concat(this.state.hours, ":").concat(this.state.minutes, ":").concat(this.state.seconds))
|
40643
|
+
.asSeconds());
|
40644
|
+
}
|
40645
|
+
};
|
40646
|
+
DurationInput.prototype.handleKeyDown = function (event) {
|
40647
|
+
if (!(event.target instanceof HTMLInputElement)) {
|
40648
|
+
return;
|
40649
|
+
}
|
40650
|
+
if (event.target.id === 'hours') {
|
40651
|
+
if (event.key === 'ArrowRight') {
|
40652
|
+
if (event.target.selectionEnd === event.target.value.length) {
|
40653
|
+
this.handleFocus(this.minuteRef.current, event.target.id);
|
40654
|
+
}
|
40655
|
+
}
|
40656
|
+
if (event.key === 'ArrowLeft') {
|
40657
|
+
if (event.target.selectionStart === 0) {
|
40658
|
+
this.handleFocus(this.secondRef.current, event.target.id);
|
40659
|
+
}
|
40660
|
+
}
|
40661
|
+
}
|
40662
|
+
if (event.target.id === 'minutes') {
|
40663
|
+
if (event.key === 'ArrowRight') {
|
40664
|
+
if (event.target.selectionEnd === event.target.value.length) {
|
40665
|
+
this.handleFocus(this.secondRef.current, event.target.id);
|
40666
|
+
}
|
40667
|
+
}
|
40668
|
+
if (event.key === 'ArrowLeft') {
|
40669
|
+
if (event.target.selectionStart === 0) {
|
40670
|
+
this.handleFocus(this.hourRef.current, event.target.id);
|
40671
|
+
}
|
40672
|
+
}
|
40673
|
+
}
|
40674
|
+
if (event.target.id === 'seconds') {
|
40675
|
+
if (event.key === 'ArrowRight') {
|
40676
|
+
if (event.target.selectionEnd === event.target.value.length) {
|
40677
|
+
this.handleFocus(this.hourRef.current, event.target.id);
|
40678
|
+
}
|
40679
|
+
}
|
40680
|
+
if (event.key === 'ArrowLeft') {
|
40681
|
+
if (event.target.selectionStart === 0) {
|
40682
|
+
this.handleFocus(this.minuteRef.current, event.target.id);
|
40683
|
+
}
|
40684
|
+
}
|
40685
|
+
}
|
40686
|
+
if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {
|
40687
|
+
this.handleKeyValue(event, event.target.id);
|
40688
|
+
setTimeout(this.valueUpdate);
|
40689
|
+
}
|
40690
|
+
if (event.key === 'ArrowRight' || event.key === 'ArrowLeft') {
|
40691
|
+
if (!this.state.hours || !this.state.minutes || !this.state.seconds) {
|
40692
|
+
setTimeout(this.valueUpdate);
|
40693
|
+
}
|
40694
|
+
}
|
40695
|
+
};
|
40696
|
+
DurationInput.prototype.handleKeyValue = function (event, state) {
|
40697
|
+
if (!(event.target instanceof HTMLInputElement)) {
|
40698
|
+
return;
|
40699
|
+
}
|
40700
|
+
if (!this.state[state]) {
|
40701
|
+
return;
|
40702
|
+
}
|
40703
|
+
event.preventDefault();
|
40704
|
+
event.stopPropagation();
|
40705
|
+
var stateClone = {};
|
40706
|
+
if (event.key === 'ArrowUp') {
|
40707
|
+
if (event.target.id === 'hours') {
|
40708
|
+
stateClone[state] = this.state[state] < 99
|
40709
|
+
? this.zeroPad(Number(this.state[state]) + 1)
|
40710
|
+
: this.zeroPad(99);
|
40711
|
+
}
|
40712
|
+
else {
|
40713
|
+
stateClone[state] = this.zeroPad(Number(this.state[state]) + 1);
|
40714
|
+
}
|
40715
|
+
}
|
40716
|
+
else if (event.key === 'ArrowDown') {
|
40717
|
+
if (event.target.id === 'hours') {
|
40718
|
+
stateClone[state] = this.state[state] > 0
|
40719
|
+
? this.zeroPad(Number(this.state[state]) - 1)
|
40720
|
+
: this.zeroPad(0);
|
40721
|
+
}
|
40722
|
+
else {
|
40723
|
+
stateClone[state] = this.zeroPad(Number(this.state[state]) - 1);
|
40724
|
+
}
|
40725
|
+
}
|
40726
|
+
this.setState(stateClone);
|
40727
|
+
};
|
40728
|
+
DurationInput.prototype.zeroPad = function (value) {
|
40729
|
+
if (value.toString().length === 1 || value === 0) {
|
40730
|
+
return "0".concat(value);
|
40731
|
+
}
|
40732
|
+
else if (!value) {
|
40733
|
+
return '00';
|
40734
|
+
}
|
40735
|
+
else {
|
40736
|
+
return value;
|
40737
|
+
}
|
40738
|
+
};
|
40739
|
+
DurationInput.prototype.handleChange = function (event, state) {
|
40740
|
+
var stateClone = {};
|
40741
|
+
if (event.target.value.length >= 2) {
|
40742
|
+
if (event.target.selectionStart === 1 && event.target.selectionEnd === 1) {
|
40743
|
+
stateClone[state] = event.target.value.slice(0, 1) + event.target.value.slice(2, 3);
|
40744
|
+
}
|
40745
|
+
else {
|
40746
|
+
stateClone[state] = event.target.value.slice(0, 2);
|
40747
|
+
}
|
40748
|
+
}
|
40749
|
+
else {
|
40750
|
+
stateClone[state] = event.target.value;
|
40751
|
+
}
|
40752
|
+
this.setState(stateClone);
|
40753
|
+
setTimeout(this.valueUpdate);
|
40754
|
+
};
|
40755
|
+
DurationInput.prototype.handleFocus = function (ref, state) {
|
40756
|
+
ref === null || ref === void 0 ? void 0 : ref.focus();
|
40757
|
+
setTimeout(function () {
|
40758
|
+
ref === null || ref === void 0 ? void 0 : ref.setSelectionRange(0, 2);
|
40759
|
+
});
|
40760
|
+
var stateClone = {};
|
40761
|
+
stateClone[state] = this.zeroPad(this.state[state]);
|
40762
|
+
this.setState(stateClone);
|
40763
|
+
};
|
40764
|
+
DurationInput.prototype.handleFocusOnKeyUp = function (event, ref) {
|
40765
|
+
if (event.key !== 'ArrowRight' && event.key !== 'ArrowLeft' && event.key !== 'ArrowUp' && event.key !== 'ArrowDown' && event.key !== 'Backspace') {
|
40766
|
+
if ((event.keyCode > 46 && event.keyCode < 58) || (event.keyCode > 95 && event.keyCode < 106)) {
|
40767
|
+
var target = event.target;
|
40768
|
+
if (target.value.length >= 2) {
|
40769
|
+
ref === null || ref === void 0 ? void 0 : ref.focus();
|
40770
|
+
setTimeout(function () {
|
40771
|
+
ref === null || ref === void 0 ? void 0 : ref.setSelectionRange(0, 2);
|
40772
|
+
});
|
40773
|
+
}
|
40774
|
+
}
|
40775
|
+
}
|
40776
|
+
};
|
40777
|
+
DurationInput.prototype.render = function () {
|
40778
|
+
var _this = this;
|
40779
|
+
var InputClasses = (0, classnames_1.default)('sd-input__duration-input');
|
40780
|
+
return (React.createElement(Form_1.InputWrapper, { label: this.props.label, error: this.props.error, required: this.props.required, disabled: this.props.disabled, invalid: this.props.invalid, info: this.props.info, inlineLabel: this.props.inlineLabel, labelHidden: this.props.labelHidden, fullWidth: this.props.fullWidth, htmlId: this.htmlId, tabindex: this.props.tabindex },
|
40781
|
+
React.createElement("div", { className: InputClasses },
|
40782
|
+
React.createElement("input", { className: "duration-input ".concat(this.state.blink === 'hour' ? 'blink_me' : ''), type: 'text', id: 'hours', max: 99, min: 0, ref: this.hourRef, value: this.state.hours, disabled: this.props.disabled, onKeyDown: function (event) { return _this.handleKeyDown(event); }, onKeyUp: function (event) { return _this.handleFocusOnKeyUp(event, _this.minuteRef.current); }, onChange: function (event) { _this.handleChange(event, 'hours'); }, onBlur: function (event) { return _this.setState({ hours: _this.zeroPad(event.target.value) }); }, onKeyPress: function (event) {
|
40783
|
+
if (!/[0-9]/.test(event.key)) {
|
40784
|
+
event.preventDefault();
|
40785
|
+
}
|
40786
|
+
} }),
|
40787
|
+
React.createElement("span", { className: 'sd-input__suffix' }, "h"),
|
40788
|
+
React.createElement("input", { className: "duration-input ".concat(this.state.blink === 'minute' ? 'blink_me' : ''), type: 'text', id: 'minutes', ref: this.minuteRef, value: this.state.minutes, disabled: this.props.disabled, onKeyDown: function (event) { return _this.handleKeyDown(event); }, onKeyUp: function (event) { return _this.handleFocusOnKeyUp(event, _this.secondRef.current); }, onChange: function (event) { _this.handleChange(event, 'minutes'); }, onBlur: function (event) { return _this.setState({ minutes: _this.zeroPad(event.target.value) }); }, onKeyPress: function (event) {
|
40789
|
+
if (!/[0-9]/.test(event.key)) {
|
40790
|
+
event.preventDefault();
|
40791
|
+
}
|
40792
|
+
} }),
|
40793
|
+
React.createElement("span", { className: 'sd-input__suffix' }, "m"),
|
40794
|
+
React.createElement("input", { className: 'duration-input', type: 'text', id: 'seconds', ref: this.secondRef, value: this.state.seconds, disabled: this.props.disabled, onKeyDown: function (event) { return _this.handleKeyDown(event); }, onKeyUp: function (event) { return _this.handleFocusOnKeyUp(event, _this.hourRef.current); }, onChange: function (event) { _this.handleChange(event, 'seconds'); }, onBlur: function (event) { return _this.setState({ seconds: _this.zeroPad(event.target.value) }); }, onKeyPress: function (event) {
|
40795
|
+
if (!/[0-9]/.test(event.key)) {
|
40796
|
+
event.preventDefault();
|
40797
|
+
}
|
40798
|
+
} }),
|
40799
|
+
React.createElement("span", { className: 'sd-input__suffix' }, "s"))));
|
40800
|
+
};
|
40801
|
+
return DurationInput;
|
40802
|
+
}(React.PureComponent));
|
40803
|
+
exports.DurationInput = DurationInput;
|
40804
|
+
function getDurationString(seconds, zero) {
|
40805
|
+
function zeroPad(value) {
|
40806
|
+
if (value.toString().length === 1 || value === 0) {
|
40807
|
+
return "0".concat(value);
|
40808
|
+
}
|
40809
|
+
else if (!value) {
|
40810
|
+
return '00';
|
40811
|
+
}
|
40812
|
+
else {
|
40813
|
+
return value;
|
40814
|
+
}
|
40815
|
+
}
|
40816
|
+
var hour = zeroPad(Math.floor(seconds / 3600));
|
40817
|
+
var minute = zeroPad(Math.floor((seconds % 3600) / 60));
|
40818
|
+
var second = zeroPad(Math.floor(seconds % 60));
|
40819
|
+
if (zero) {
|
40820
|
+
return "".concat(hour, "h ").concat(minute, "m ").concat(second, "s");
|
40821
|
+
}
|
40822
|
+
else {
|
40823
|
+
if (Number(hour) === 0 && Number(minute) > 0) {
|
40824
|
+
return "".concat(minute, "m ").concat(second, "s");
|
40825
|
+
}
|
40826
|
+
else if (Number(hour) === 0 && Number(minute) === 0) {
|
40827
|
+
return "".concat(second, "s");
|
40828
|
+
}
|
40829
|
+
else {
|
40830
|
+
return "".concat(hour, "h ").concat(minute, "m ").concat(second, "s");
|
40831
|
+
}
|
40832
|
+
}
|
40833
|
+
}
|
40834
|
+
exports.getDurationString = getDurationString;
|
40835
|
+
|
40836
|
+
|
40836
40837
|
/***/ }),
|
40837
40838
|
/* 76 */
|
40838
40839
|
/***/ (function(module, exports, __webpack_require__) {
|
@@ -41089,7 +41090,7 @@ var React = __importStar(__webpack_require__(0));
|
|
41089
41090
|
var classnames_1 = __importDefault(__webpack_require__(2));
|
41090
41091
|
var react_beautiful_dnd_1 = __webpack_require__(494);
|
41091
41092
|
var Tooltip_1 = __webpack_require__(36);
|
41092
|
-
var Button_1 = __webpack_require__(
|
41093
|
+
var Button_1 = __webpack_require__(52);
|
41093
41094
|
var Dropdown_1 = __webpack_require__(226);
|
41094
41095
|
var reorder = function (list, startIndex, endIndex) {
|
41095
41096
|
var result = Array.from(list);
|
@@ -41149,30 +41150,30 @@ var TableList = /** @class */ (function (_super) {
|
|
41149
41150
|
return (this.state.items.length > 0
|
41150
41151
|
? this.props.dragAndDrop
|
41151
41152
|
? React.createElement(react_beautiful_dnd_1.DragDropContext, { onDragEnd: this.onDragEnd },
|
41152
|
-
React.createElement(react_beautiful_dnd_1.Droppable, { droppableId: "droppable" }, function (provided, _snapshot) { return (React.createElement("
|
41153
|
+
React.createElement(react_beautiful_dnd_1.Droppable, { droppableId: "droppable" }, function (provided, _snapshot) { return (React.createElement("div", __assign({ role: 'list', className: classes, ref: provided.innerRef }, provided.droppableProps),
|
41153
41154
|
_this.state.items.map(function (item, index) { return (React.createElement(react_beautiful_dnd_1.Draggable, { key: index, draggableId: "".concat(index), index: index }, function (provided2, _snapshot2) { return (React.createElement("div", __assign({ ref: provided2.innerRef }, provided2.draggableProps, provided2.dragHandleProps),
|
41154
41155
|
React.createElement(TableListItem, { dragAndDrop: _this.props.dragAndDrop, start: item.start, center: item.center, end: item.end, action: item.action, onClick: item.onClick ? item.onClick : undefined, onDoubleClick: item.onDoubleClick
|
41155
41156
|
? item.onDoubleClick
|
41156
41157
|
: undefined, addItem: _this.props.addItem, itemsDropdown: function () { return _this.props.itemsDropdown
|
41157
41158
|
? _this.props.itemsDropdown(index)
|
41158
|
-
: []; }, hexColor: item.hexColor, onAddItem: function () { return _this.props.onAddItem
|
41159
|
+
: []; }, hexColor: item.hexColor, locked: item.locked, positionLocked: item.positionLocked, onAddItem: function () { return _this.props.onAddItem
|
41159
41160
|
&& _this.props.onAddItem(index, item); }, showDragHandle: _this.props.showDragHandle }))); })); }),
|
41160
41161
|
provided.placeholder,
|
41161
41162
|
(_this.props.addItem && !_this.props.readOnly) &&
|
41162
|
-
React.createElement("
|
41163
|
+
React.createElement("div", { className: "table-list__add-item table-list__item--margin" },
|
41163
41164
|
React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
|
41164
41165
|
React.createElement("div", { className: 'table-list__add-item--container sd-margin-x--auto' }, _this.dropDown()))))); }))
|
41165
|
-
: React.createElement("
|
41166
|
+
: React.createElement("div", { role: 'list', className: classes },
|
41166
41167
|
this.state.items.map(function (item, index) { return (React.createElement(TableListItem, { key: index, start: item.start, center: item.center, end: item.end, action: item.action, onClick: item.onClick ? item.onClick : undefined, onDoubleClick: item.onDoubleClick
|
41167
41168
|
? item.onDoubleClick
|
41168
|
-
: undefined, addItem: _this.props.addItem, itemsDropdown: function () { return _this.props.itemsDropdown ? _this.props.itemsDropdown(index) : []; }, hexColor: item.hexColor, onAddItem: function () { return _this.props.onAddItem
|
41169
|
+
: undefined, addItem: _this.props.addItem, itemsDropdown: function () { return _this.props.itemsDropdown ? _this.props.itemsDropdown(index) : []; }, hexColor: item.hexColor, locked: item.locked, positionLocked: item.positionLocked, onAddItem: function () { return _this.props.onAddItem
|
41169
41170
|
&& _this.props.onAddItem(index, item); } })); }),
|
41170
41171
|
(this.props.addItem && !this.props.readOnly) &&
|
41171
|
-
React.createElement("
|
41172
|
+
React.createElement("div", { className: "table-list__add-item table-list__item--margin" },
|
41172
41173
|
React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
|
41173
41174
|
React.createElement("div", { className: 'table-list__add-item--container sd-margin-x--auto' }, this.dropDown()))))
|
41174
|
-
: (this.props.addItem && !this.props.readOnly) ? React.createElement("
|
41175
|
-
React.createElement("
|
41175
|
+
: (this.props.addItem && !this.props.readOnly) ? React.createElement("div", { role: 'list', className: classes },
|
41176
|
+
React.createElement("div", { className: "table-list__add-item table-list__item--margin" },
|
41176
41177
|
React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
|
41177
41178
|
React.createElement("div", { className: 'table-list__add-item--container sd-margin-x--auto' }, this.dropDown()))))
|
41178
41179
|
: null);
|
@@ -41212,12 +41213,14 @@ var TableListItem = /** @class */ (function (_super) {
|
|
41212
41213
|
var classes = (0, classnames_1.default)('table-list__item', {
|
41213
41214
|
'table-list__item--clickable': this.props.onClick,
|
41214
41215
|
'table-list__item--draggable': this.props.dragAndDrop,
|
41216
|
+
'table-list__item--locked': this.props.locked,
|
41217
|
+
'table-list__item--position-locked': this.props.positionLocked,
|
41215
41218
|
'table-list__item--drag-handles-always': !this.props.showDragHandle,
|
41216
41219
|
'table-list__item--drag-handles-none': this.props.showDragHandle === 'none',
|
41217
41220
|
});
|
41218
41221
|
return (this.props.addItem ?
|
41219
|
-
React.createElement("
|
41220
|
-
React.createElement("div", { onClick: function () { return _this.onSingleClick(); }, onDoubleClick: function () { return _this.onDoubleClick(); }, className: classes },
|
41222
|
+
React.createElement("div", { className: 'table-list__item-container' },
|
41223
|
+
React.createElement("div", { role: 'listitem', onClick: function () { return _this.onSingleClick(); }, onDoubleClick: function () { return _this.onDoubleClick(); }, className: classes },
|
41221
41224
|
React.createElement("div", { className: 'table-list__item-border', style: { backgroundColor: this.props.hexColor } }),
|
41222
41225
|
React.createElement("div", { className: 'table-list__item-content' },
|
41223
41226
|
React.createElement("div", { className: 'table-list__item-content-block' }, this.props.start && this.props.start),
|
@@ -41229,7 +41232,7 @@ var TableListItem = /** @class */ (function (_super) {
|
|
41229
41232
|
React.createElement("div", { className: 'table-list__add-bar' },
|
41230
41233
|
React.createElement(Dropdown_1.Dropdown, { onChange: this.props.onAddItem, items: this.props.itemsDropdown ? this.props.itemsDropdown() : [] },
|
41231
41234
|
React.createElement(Button_1.Button, { type: "primary", icon: "plus-large", text: "Add item", size: "small", shape: "round", iconOnly: true, onClick: function () { return false; } }))))))
|
41232
|
-
: React.createElement("
|
41235
|
+
: React.createElement("div", { role: 'listitem', className: "".concat(classes, " table-list__item--margin"), onClick: function () { return _this.onSingleClick(); }, onDoubleClick: function () { return _this.onDoubleClick(); } },
|
41233
41236
|
React.createElement("div", { className: 'table-list__item-border', style: { backgroundColor: this.props.hexColor } }),
|
41234
41237
|
React.createElement("div", { className: 'table-list__item-content' },
|
41235
41238
|
React.createElement("div", { className: 'table-list__item-content-block' }, this.props.start && this.props.start),
|
@@ -56716,7 +56719,7 @@ function addLeadingZeros(number, targetLength) {
|
|
56716
56719
|
"use strict";
|
56717
56720
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getUTCISOWeekYear;
|
56718
56721
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toDate_index_js__ = __webpack_require__(15);
|
56719
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(
|
56722
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(57);
|
56720
56723
|
|
56721
56724
|
// This function will be a part of public API when UTC function will be implemented.
|
56722
56725
|
// See issue: https://github.com/date-fns/date-fns/issues/376
|
@@ -56754,7 +56757,7 @@ function getUTCISOWeekYear(dirtyDate) {
|
|
56754
56757
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getUTCWeekYear;
|
56755
56758
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toInteger_index_js__ = __webpack_require__(27);
|
56756
56759
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__toDate_index_js__ = __webpack_require__(15);
|
56757
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCWeek_index_js__ = __webpack_require__(
|
56760
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCWeek_index_js__ = __webpack_require__(58);
|
56758
56761
|
|
56759
56762
|
|
56760
56763
|
// This function will be a part of public API when UTC function will be implemented.
|
@@ -57394,7 +57397,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
57394
57397
|
exports.Dropdown = void 0;
|
57395
57398
|
var React = __importStar(__webpack_require__(0));
|
57396
57399
|
var ReactDOM = __importStar(__webpack_require__(9));
|
57397
|
-
var core_1 = __webpack_require__(
|
57400
|
+
var core_1 = __webpack_require__(60);
|
57398
57401
|
var react_id_generator_1 = __webpack_require__(8);
|
57399
57402
|
var DROPDOWN_ID_CONTAINER = "sd-dropdown-constainer";
|
57400
57403
|
var Dropdown = function (_a) {
|
@@ -57631,13 +57634,13 @@ var DropdownItemWithSubmenu = function (_a) {
|
|
57631
57634
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
57632
57635
|
|
57633
57636
|
"use strict";
|
57634
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__applyStyles_js__ = __webpack_require__(
|
57637
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__applyStyles_js__ = __webpack_require__(61);
|
57635
57638
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__applyStyles_js__["a"]; });
|
57636
57639
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__arrow_js__ = __webpack_require__(228);
|
57637
57640
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_1__arrow_js__["a"]; });
|
57638
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__computeStyles_js__ = __webpack_require__(
|
57641
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__computeStyles_js__ = __webpack_require__(64);
|
57639
57642
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return __WEBPACK_IMPORTED_MODULE_2__computeStyles_js__["a"]; });
|
57640
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__eventListeners_js__ = __webpack_require__(
|
57643
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__eventListeners_js__ = __webpack_require__(65);
|
57641
57644
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return __WEBPACK_IMPORTED_MODULE_3__eventListeners_js__["a"]; });
|
57642
57645
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__flip_js__ = __webpack_require__(234);
|
57643
57646
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return __WEBPACK_IMPORTED_MODULE_4__flip_js__["a"]; });
|
@@ -57645,7 +57648,7 @@ var DropdownItemWithSubmenu = function (_a) {
|
|
57645
57648
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return __WEBPACK_IMPORTED_MODULE_5__hide_js__["a"]; });
|
57646
57649
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__offset_js__ = __webpack_require__(239);
|
57647
57650
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return __WEBPACK_IMPORTED_MODULE_6__offset_js__["a"]; });
|
57648
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__popperOffsets_js__ = __webpack_require__(
|
57651
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__popperOffsets_js__ = __webpack_require__(69);
|
57649
57652
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return __WEBPACK_IMPORTED_MODULE_7__popperOffsets_js__["a"]; });
|
57650
57653
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__preventOverflow_js__ = __webpack_require__(240);
|
57651
57654
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "i", function() { return __WEBPACK_IMPORTED_MODULE_8__preventOverflow_js__["a"]; });
|
@@ -57665,10 +57668,10 @@ var DropdownItemWithSubmenu = function (_a) {
|
|
57665
57668
|
|
57666
57669
|
"use strict";
|
57667
57670
|
/* WEBPACK VAR INJECTION */(function(process) {/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils_getBasePlacement_js__ = __webpack_require__(21);
|
57668
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dom_utils_getLayoutRect_js__ = __webpack_require__(
|
57671
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dom_utils_getLayoutRect_js__ = __webpack_require__(62);
|
57669
57672
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__dom_utils_contains_js__ = __webpack_require__(229);
|
57670
57673
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__dom_utils_getOffsetParent_js__ = __webpack_require__(38);
|
57671
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_getMainAxisFromPlacement_js__ = __webpack_require__(
|
57674
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_getMainAxisFromPlacement_js__ = __webpack_require__(63);
|
57672
57675
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__utils_within_js__ = __webpack_require__(230);
|
57673
57676
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_mergePaddingObject_js__ = __webpack_require__(231);
|
57674
57677
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_expandToHashMap_js__ = __webpack_require__(233);
|
@@ -58034,7 +58037,7 @@ function flip(_ref) {
|
|
58034
58037
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getScrollParent_js__ = __webpack_require__(379);
|
58035
58038
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getParentNode_js__ = __webpack_require__(46);
|
58036
58039
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindow_js__ = __webpack_require__(19);
|
58037
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__isScrollParent_js__ = __webpack_require__(
|
58040
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__isScrollParent_js__ = __webpack_require__(68);
|
58038
58041
|
|
58039
58042
|
|
58040
58043
|
|
@@ -58085,7 +58088,7 @@ function rectToClientRect(rect) {
|
|
58085
58088
|
/* harmony export (immutable) */ __webpack_exports__["a"] = computeOffsets;
|
58086
58089
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getBasePlacement_js__ = __webpack_require__(21);
|
58087
58090
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getVariation_js__ = __webpack_require__(39);
|
58088
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getMainAxisFromPlacement_js__ = __webpack_require__(
|
58091
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getMainAxisFromPlacement_js__ = __webpack_require__(63);
|
58089
58092
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__enums_js__ = __webpack_require__(11);
|
58090
58093
|
|
58091
58094
|
|
@@ -58297,10 +58300,10 @@ function offset(_ref2) {
|
|
58297
58300
|
"use strict";
|
58298
58301
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__enums_js__ = __webpack_require__(11);
|
58299
58302
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_getBasePlacement_js__ = __webpack_require__(21);
|
58300
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_getMainAxisFromPlacement_js__ = __webpack_require__(
|
58303
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_getMainAxisFromPlacement_js__ = __webpack_require__(63);
|
58301
58304
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_getAltAxis_js__ = __webpack_require__(381);
|
58302
58305
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_within_js__ = __webpack_require__(230);
|
58303
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__dom_utils_getLayoutRect_js__ = __webpack_require__(
|
58306
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__dom_utils_getLayoutRect_js__ = __webpack_require__(62);
|
58304
58307
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__dom_utils_getOffsetParent_js__ = __webpack_require__(38);
|
58305
58308
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_detectOverflow_js__ = __webpack_require__(40);
|
58306
58309
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__utils_getVariation_js__ = __webpack_require__(39);
|
@@ -58456,11 +58459,11 @@ function preventOverflow(_ref) {
|
|
58456
58459
|
"use strict";
|
58457
58460
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return createPopper; });
|
58458
58461
|
/* unused harmony export defaultModifiers */
|
58459
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__createPopper_js__ = __webpack_require__(
|
58460
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__modifiers_eventListeners_js__ = __webpack_require__(
|
58461
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__modifiers_popperOffsets_js__ = __webpack_require__(
|
58462
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__modifiers_computeStyles_js__ = __webpack_require__(
|
58463
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__modifiers_applyStyles_js__ = __webpack_require__(
|
58462
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__createPopper_js__ = __webpack_require__(70);
|
58463
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__modifiers_eventListeners_js__ = __webpack_require__(65);
|
58464
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__modifiers_popperOffsets_js__ = __webpack_require__(69);
|
58465
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__modifiers_computeStyles_js__ = __webpack_require__(64);
|
58466
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__modifiers_applyStyles_js__ = __webpack_require__(61);
|
58464
58467
|
/* unused harmony reexport popperGenerator */
|
58465
58468
|
/* unused harmony reexport detectOverflow */
|
58466
58469
|
|
@@ -58532,7 +58535,7 @@ exports.SelectGrid = void 0;
|
|
58532
58535
|
var React = __importStar(__webpack_require__(0));
|
58533
58536
|
var react_id_generator_1 = __importDefault(__webpack_require__(8));
|
58534
58537
|
var overlaypanel_1 = __webpack_require__(429);
|
58535
|
-
var Loader_1 = __webpack_require__(
|
58538
|
+
var Loader_1 = __webpack_require__(59);
|
58536
58539
|
var SelectGrid = /** @class */ (function (_super) {
|
58537
58540
|
__extends(SelectGrid, _super);
|
58538
58541
|
function SelectGrid(props) {
|
@@ -58739,7 +58742,7 @@ exports.PanelTools = exports.PanelHeaderSlidingToolbar = exports.PanelFooter = e
|
|
58739
58742
|
var React = __importStar(__webpack_require__(0));
|
58740
58743
|
var Icon_1 = __webpack_require__(7);
|
58741
58744
|
var IconButton_1 = __webpack_require__(44);
|
58742
|
-
var Spinner_1 = __webpack_require__(
|
58745
|
+
var Spinner_1 = __webpack_require__(53);
|
58743
58746
|
var classnames_1 = __importDefault(__webpack_require__(2));
|
58744
58747
|
var Panel = /** @class */ (function (_super) {
|
58745
58748
|
__extends(Panel, _super);
|
@@ -59066,8 +59069,8 @@ var getBatch = function getBatch() {
|
|
59066
59069
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_react__);
|
59067
59070
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_is__ = __webpack_require__(501);
|
59068
59071
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_is___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react_is__);
|
59069
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__utils_Subscription__ = __webpack_require__(
|
59070
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_useIsomorphicLayoutEffect__ = __webpack_require__(
|
59072
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__utils_Subscription__ = __webpack_require__(72);
|
59073
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_useIsomorphicLayoutEffect__ = __webpack_require__(73);
|
59071
59074
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__Context__ = __webpack_require__(30);
|
59072
59075
|
|
59073
59076
|
|
@@ -59778,7 +59781,7 @@ var ContentListItem = /** @class */ (function (_super) {
|
|
59778
59781
|
'fetched': this.props.archived,
|
59779
59782
|
'actioning': this.props.loading,
|
59780
59783
|
});
|
59781
|
-
return (React.createElement("div", { className: classes, onClick: this.onSingleClick, onDoubleClick: this.onDoubleClick },
|
59784
|
+
return (React.createElement("div", { role: 'listitem', className: classes, onClick: this.onSingleClick, onDoubleClick: this.onDoubleClick },
|
59782
59785
|
this.props.locked
|
59783
59786
|
? React.createElement("div", { className: "sd-list-item__border sd-list-item__border--locked" })
|
59784
59787
|
: React.createElement("div", { className: "sd-list-item__border" }),
|
@@ -59801,7 +59804,7 @@ var ContentList = /** @class */ (function (_super) {
|
|
59801
59804
|
}
|
59802
59805
|
ContentList.prototype.render = function () {
|
59803
59806
|
var classes = (0, classnames_1.default)('sd-list-item-group sd-list-item-group--space-between-items');
|
59804
|
-
return (React.createElement("
|
59807
|
+
return (React.createElement("div", { role: 'list', className: classes }, this.props.items.map(function (item, index) {
|
59805
59808
|
return React.createElement(ContentListItem, { key: index, itemColum: item.itemColum, locked: item.locked, action: item.action, loading: item.loading, activated: item.activated, selected: item.selected, archived: item.archived, onClick: item.onClick, onDoubleClick: item.onDoubleClick });
|
59806
59809
|
})));
|
59807
59810
|
};
|
@@ -63255,11 +63258,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
63255
63258
|
exports.TreeSelect = void 0;
|
63256
63259
|
var React = __importStar(__webpack_require__(0));
|
63257
63260
|
var Icon_1 = __webpack_require__(7);
|
63258
|
-
var Loader_1 = __webpack_require__(
|
63261
|
+
var Loader_1 = __webpack_require__(59);
|
63259
63262
|
var react_id_generator_1 = __importDefault(__webpack_require__(8));
|
63260
63263
|
var debounce_1 = __importDefault(__webpack_require__(483));
|
63261
63264
|
var Form_1 = __webpack_require__(14);
|
63262
|
-
var core_1 = __webpack_require__(
|
63265
|
+
var core_1 = __webpack_require__(60);
|
63263
63266
|
var lodash_1 = __webpack_require__(33);
|
63264
63267
|
var TreeSelect = /** @class */ (function (_super) {
|
63265
63268
|
__extends(TreeSelect, _super);
|
@@ -63734,7 +63737,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
63734
63737
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_tiny_warning__ = __webpack_require__(259);
|
63735
63738
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__babel_runtime_helpers_esm_extends__ = __webpack_require__(24);
|
63736
63739
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__babel_runtime_helpers_esm_objectWithoutPropertiesLoose__ = __webpack_require__(20);
|
63737
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_tiny_invariant__ = __webpack_require__(
|
63740
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_tiny_invariant__ = __webpack_require__(74);
|
63738
63741
|
|
63739
63742
|
|
63740
63743
|
|
@@ -64300,7 +64303,7 @@ exports.typeOf = typeOf;
|
|
64300
64303
|
var ReactIs = __webpack_require__(48);
|
64301
64304
|
var assign = __webpack_require__(274);
|
64302
64305
|
|
64303
|
-
var ReactPropTypesSecret = __webpack_require__(
|
64306
|
+
var ReactPropTypesSecret = __webpack_require__(51);
|
64304
64307
|
var has = __webpack_require__(79);
|
64305
64308
|
var checkPropTypes = __webpack_require__(275);
|
64306
64309
|
|
@@ -65015,7 +65018,7 @@ module.exports = shouldUseNative() ? Object.assign : function (target, source) {
|
|
65015
65018
|
var printWarning = function() {};
|
65016
65019
|
|
65017
65020
|
if (process.env.NODE_ENV !== 'production') {
|
65018
|
-
var ReactPropTypesSecret = __webpack_require__(
|
65021
|
+
var ReactPropTypesSecret = __webpack_require__(51);
|
65019
65022
|
var loggedTypeFailures = {};
|
65020
65023
|
var has = __webpack_require__(79);
|
65021
65024
|
|
@@ -65123,7 +65126,7 @@ module.exports = checkPropTypes;
|
|
65123
65126
|
|
65124
65127
|
|
65125
65128
|
|
65126
|
-
var ReactPropTypesSecret = __webpack_require__(
|
65129
|
+
var ReactPropTypesSecret = __webpack_require__(51);
|
65127
65130
|
|
65128
65131
|
function emptyFunction() {}
|
65129
65132
|
function emptyFunctionWithReset() {}
|
@@ -65631,103 +65634,107 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
65631
65634
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
65632
65635
|
};
|
65633
65636
|
Object.defineProperty(exports, "__esModule", { value: true });
|
65634
|
-
exports.InputWrapper = void 0;
|
65635
|
-
var React = __importStar(__webpack_require__(0));
|
65636
|
-
var classnames_1 = __importDefault(__webpack_require__(2));
|
65637
|
-
var InputWrapper = /** @class */ (function (_super) {
|
65638
|
-
__extends(InputWrapper, _super);
|
65639
|
-
function InputWrapper(props) {
|
65640
|
-
var _a;
|
65641
|
-
var _this = _super.call(this, props) || this;
|
65642
|
-
_this.state = {
|
65643
|
-
value: (_a = _this.props.value) !== null && _a !== void 0 ? _a : '',
|
65644
|
-
};
|
65645
|
-
return _this;
|
65646
|
-
}
|
65647
|
-
InputWrapper.prototype.render = function () {
|
65648
|
-
var _a;
|
65649
|
-
var _b;
|
65650
|
-
var classes = (0, classnames_1.default)('sd-input', (_a = {
|
65651
|
-
'sd-input--inline-label': this.props.inlineLabel,
|
65652
|
-
'sd-input--required': this.props.required,
|
65653
|
-
'sd-input--disabled': this.props.disabled,
|
65654
|
-
'sd-input--full-width': this.props.fullWidth,
|
65655
|
-
'sd-input--invalid': this.props.invalid,
|
65656
|
-
'sd-input--medium': this.props.size === undefined
|
65657
|
-
},
|
65658
|
-
_a["sd-input--".concat(this.props.size)] = this.props.size || this.props.size !== undefined,
|
65659
|
-
_a['sd-input--boxed-style'] = this.props.boxedStyle,
|
65660
|
-
_a['sd-input--boxed-label'] = this.props.boxedLable,
|
65661
|
-
_a));
|
65662
|
-
var labelClasses = (0, classnames_1.default)('sd-input__label', {
|
65663
|
-
'a11y-only': this.props.labelHidden,
|
65664
|
-
'sd-input__label--boxed': this.props.boxedLable,
|
65665
|
-
});
|
65666
|
-
return (React.createElement("div", { className: classes },
|
65667
|
-
React.createElement("label", { className: labelClasses, htmlFor: this.props.htmlId, id: this.props.htmlId + 'label', tabIndex: this.props.tabindex === undefined ? undefined : -1 }, this.props.label),
|
65668
|
-
React.createElement("div", { className: "sd-input__input-container" }, this.props.children),
|
65669
|
-
this.props.maxLength
|
65670
|
-
? React.createElement("div", { className: 'sd-input__char-count' }, (_b = this.props.value) === null || _b === void 0 ? void 0 :
|
65671
|
-
_b.toString().length,
|
65672
|
-
" / ",
|
65673
|
-
this.props.maxLength)
|
65674
|
-
: null,
|
65675
|
-
React.createElement("div", { className: 'sd-input__message-box' },
|
65676
|
-
this.props.info && !this.props.invalid && !this.props.invalid
|
65677
|
-
? React.createElement("div", { className: 'sd-input__hint' }, this.props.info)
|
65678
|
-
: null,
|
65679
|
-
this.props.invalid || this.props.invalid
|
65680
|
-
? React.createElement("div", { className: 'sd-input__message' }, this.props.error)
|
65681
|
-
: null)));
|
65682
|
-
};
|
65683
|
-
return InputWrapper;
|
65684
|
-
}(React.Component));
|
65685
|
-
exports.InputWrapper = InputWrapper;
|
65686
|
-
|
65687
|
-
|
65688
|
-
/***/ }),
|
65689
|
-
/* 284 */
|
65690
|
-
/***/ (function(module, exports, __webpack_require__) {
|
65691
|
-
|
65692
|
-
"use strict";
|
65693
|
-
|
65694
|
-
var __extends = (this && this.__extends) || (function () {
|
65695
|
-
var extendStatics = function (d, b) {
|
65696
|
-
extendStatics = Object.setPrototypeOf ||
|
65697
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
65698
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
65699
|
-
return extendStatics(d, b);
|
65700
|
-
};
|
65701
|
-
return function (d, b) {
|
65702
|
-
if (typeof b !== "function" && b !== null)
|
65703
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
65704
|
-
extendStatics(d, b);
|
65705
|
-
function __() { this.constructor = d; }
|
65706
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
65707
|
-
};
|
65708
|
-
})();
|
65709
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
65710
|
-
if (k2 === undefined) k2 = k;
|
65711
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
65712
|
-
}) : (function(o, m, k, k2) {
|
65713
|
-
if (k2 === undefined) k2 = k;
|
65714
|
-
o[k2] = m[k];
|
65715
|
-
}));
|
65716
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
65717
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
65718
|
-
}) : function(o, v) {
|
65719
|
-
o["default"] = v;
|
65720
|
-
});
|
65721
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
65722
|
-
if (mod && mod.__esModule) return mod;
|
65723
|
-
var result = {};
|
65724
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
65725
|
-
__setModuleDefault(result, mod);
|
65726
|
-
return result;
|
65727
|
-
};
|
65728
|
-
|
65637
|
+
exports.InputWrapper = void 0;
|
65638
|
+
var React = __importStar(__webpack_require__(0));
|
65639
|
+
var classnames_1 = __importDefault(__webpack_require__(2));
|
65640
|
+
var InputWrapper = /** @class */ (function (_super) {
|
65641
|
+
__extends(InputWrapper, _super);
|
65642
|
+
function InputWrapper(props) {
|
65643
|
+
var _a;
|
65644
|
+
var _this = _super.call(this, props) || this;
|
65645
|
+
_this.state = {
|
65646
|
+
value: (_a = _this.props.value) !== null && _a !== void 0 ? _a : '',
|
65647
|
+
};
|
65648
|
+
return _this;
|
65649
|
+
}
|
65650
|
+
InputWrapper.prototype.render = function () {
|
65651
|
+
var _a;
|
65652
|
+
var _b;
|
65653
|
+
var classes = (0, classnames_1.default)('sd-input', (_a = {
|
65654
|
+
'sd-input--inline-label': this.props.inlineLabel,
|
65655
|
+
'sd-input--required': this.props.required,
|
65656
|
+
'sd-input--disabled': this.props.disabled,
|
65657
|
+
'sd-input--full-width': this.props.fullWidth,
|
65658
|
+
'sd-input--invalid': this.props.invalid,
|
65659
|
+
'sd-input--medium': this.props.size === undefined
|
65660
|
+
},
|
65661
|
+
_a["sd-input--".concat(this.props.size)] = this.props.size || this.props.size !== undefined,
|
65662
|
+
_a['sd-input--boxed-style'] = this.props.boxedStyle,
|
65663
|
+
_a['sd-input--boxed-label'] = this.props.boxedLable,
|
65664
|
+
_a));
|
65665
|
+
var labelClasses = (0, classnames_1.default)('sd-input__label', {
|
65666
|
+
'a11y-only': this.props.labelHidden,
|
65667
|
+
'sd-input__label--boxed': this.props.boxedLable,
|
65668
|
+
});
|
65669
|
+
return (React.createElement("div", { className: classes },
|
65670
|
+
React.createElement("label", { className: labelClasses, htmlFor: this.props.htmlId, id: this.props.htmlId + 'label', tabIndex: this.props.tabindex === undefined ? undefined : -1 }, this.props.label),
|
65671
|
+
React.createElement("div", { className: "sd-input__input-container" }, this.props.children),
|
65672
|
+
this.props.maxLength
|
65673
|
+
? React.createElement("div", { className: 'sd-input__char-count' }, (_b = this.props.value) === null || _b === void 0 ? void 0 :
|
65674
|
+
_b.toString().length,
|
65675
|
+
" / ",
|
65676
|
+
this.props.maxLength)
|
65677
|
+
: null,
|
65678
|
+
React.createElement("div", { className: 'sd-input__message-box' },
|
65679
|
+
this.props.info && !this.props.invalid && !this.props.invalid
|
65680
|
+
? React.createElement("div", { className: 'sd-input__hint' }, this.props.info)
|
65681
|
+
: null,
|
65682
|
+
this.props.invalid || this.props.invalid
|
65683
|
+
? React.createElement("div", { className: 'sd-input__message' }, this.props.error)
|
65684
|
+
: null)));
|
65685
|
+
};
|
65686
|
+
return InputWrapper;
|
65687
|
+
}(React.Component));
|
65688
|
+
exports.InputWrapper = InputWrapper;
|
65689
|
+
|
65690
|
+
|
65691
|
+
/***/ }),
|
65692
|
+
/* 284 */
|
65693
|
+
/***/ (function(module, exports, __webpack_require__) {
|
65694
|
+
|
65695
|
+
"use strict";
|
65696
|
+
|
65697
|
+
var __extends = (this && this.__extends) || (function () {
|
65698
|
+
var extendStatics = function (d, b) {
|
65699
|
+
extendStatics = Object.setPrototypeOf ||
|
65700
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
65701
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
65702
|
+
return extendStatics(d, b);
|
65703
|
+
};
|
65704
|
+
return function (d, b) {
|
65705
|
+
if (typeof b !== "function" && b !== null)
|
65706
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
65707
|
+
extendStatics(d, b);
|
65708
|
+
function __() { this.constructor = d; }
|
65709
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
65710
|
+
};
|
65711
|
+
})();
|
65712
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
65713
|
+
if (k2 === undefined) k2 = k;
|
65714
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
65715
|
+
}) : (function(o, m, k, k2) {
|
65716
|
+
if (k2 === undefined) k2 = k;
|
65717
|
+
o[k2] = m[k];
|
65718
|
+
}));
|
65719
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
65720
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
65721
|
+
}) : function(o, v) {
|
65722
|
+
o["default"] = v;
|
65723
|
+
});
|
65724
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
65725
|
+
if (mod && mod.__esModule) return mod;
|
65726
|
+
var result = {};
|
65727
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
65728
|
+
__setModuleDefault(result, mod);
|
65729
|
+
return result;
|
65730
|
+
};
|
65731
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
65732
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
65733
|
+
};
|
65734
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
65729
65735
|
exports.InputBase = void 0;
|
65730
65736
|
var React = __importStar(__webpack_require__(0));
|
65737
|
+
var classnames_1 = __importDefault(__webpack_require__(2));
|
65731
65738
|
var InputBase = /** @class */ (function (_super) {
|
65732
65739
|
__extends(InputBase, _super);
|
65733
65740
|
function InputBase(props) {
|
@@ -65757,7 +65764,17 @@ var InputBase = /** @class */ (function (_super) {
|
|
65757
65764
|
};
|
65758
65765
|
InputBase.prototype.render = function () {
|
65759
65766
|
var _a;
|
65760
|
-
|
65767
|
+
var _b;
|
65768
|
+
var classes = (0, classnames_1.default)('sd-input__input', (_a = {
|
65769
|
+
'sd-input__input--boxed-style': this.props.boxedStyle,
|
65770
|
+
'sd-input__input--required': this.props.required,
|
65771
|
+
'sd-input__input--invalid': this.props.invalid,
|
65772
|
+
'sd-input__input--disabled': this.props.disabled,
|
65773
|
+
'sd-input__input--medium': this.props.size === undefined
|
65774
|
+
},
|
65775
|
+
_a["sd-input__input--".concat(this.props.size)] = this.props.size || this.props.size !== undefined,
|
65776
|
+
_a));
|
65777
|
+
return (React.createElement("input", { className: classes, type: (_b = this.props.type) !== null && _b !== void 0 ? _b : 'text', id: this.props.htmlId, value: this.state.value, "aria-describedby": this.props.htmlId + 'label', tabIndex: this.props.tabIndex, onChange: this.handleChange, placeholder: this.props.placeholder, disabled: this.props.disabled }));
|
65761
65778
|
};
|
65762
65779
|
return InputBase;
|
65763
65780
|
}(React.Component));
|
@@ -71443,7 +71460,7 @@ function getUTCDayOfYear(dirtyDate) {
|
|
71443
71460
|
"use strict";
|
71444
71461
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getUTCISOWeek;
|
71445
71462
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toDate_index_js__ = __webpack_require__(15);
|
71446
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(
|
71463
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(57);
|
71447
71464
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCISOWeekYear_index_js__ = __webpack_require__(327);
|
71448
71465
|
|
71449
71466
|
|
@@ -71471,7 +71488,7 @@ function getUTCISOWeek(dirtyDate) {
|
|
71471
71488
|
"use strict";
|
71472
71489
|
/* harmony export (immutable) */ __webpack_exports__["a"] = startOfUTCISOWeekYear;
|
71473
71490
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getUTCISOWeekYear_index_js__ = __webpack_require__(220);
|
71474
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(
|
71491
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(57);
|
71475
71492
|
|
71476
71493
|
// This function will be a part of public API when UTC function will be implemented.
|
71477
71494
|
// See issue: https://github.com/date-fns/date-fns/issues/376
|
@@ -71496,7 +71513,7 @@ function startOfUTCISOWeekYear(dirtyDate) {
|
|
71496
71513
|
"use strict";
|
71497
71514
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getUTCWeek;
|
71498
71515
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toDate_index_js__ = __webpack_require__(15);
|
71499
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCWeek_index_js__ = __webpack_require__(
|
71516
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCWeek_index_js__ = __webpack_require__(58);
|
71500
71517
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCWeekYear_index_js__ = __webpack_require__(329);
|
71501
71518
|
|
71502
71519
|
|
@@ -71525,7 +71542,7 @@ function getUTCWeek(dirtyDate, options) {
|
|
71525
71542
|
/* harmony export (immutable) */ __webpack_exports__["a"] = startOfUTCWeekYear;
|
71526
71543
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toInteger_index_js__ = __webpack_require__(27);
|
71527
71544
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getUTCWeekYear_index_js__ = __webpack_require__(221);
|
71528
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCWeek_index_js__ = __webpack_require__(
|
71545
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCWeek_index_js__ = __webpack_require__(58);
|
71529
71546
|
|
71530
71547
|
|
71531
71548
|
// This function will be a part of public API when UTC function will be implemented.
|
@@ -75815,7 +75832,7 @@ exports.RadioButtonGroup = void 0;
|
|
75815
75832
|
var React = __importStar(__webpack_require__(0));
|
75816
75833
|
var classnames_1 = __importDefault(__webpack_require__(2));
|
75817
75834
|
var react_id_generator_1 = __importDefault(__webpack_require__(8));
|
75818
|
-
var FormLabel_1 = __webpack_require__(
|
75835
|
+
var FormLabel_1 = __webpack_require__(49);
|
75819
75836
|
var RadioButtonGroup = /** @class */ (function (_super) {
|
75820
75837
|
__extends(RadioButtonGroup, _super);
|
75821
75838
|
function RadioButtonGroup(props) {
|
@@ -76050,7 +76067,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
76050
76067
|
exports.CheckButtonGroup = void 0;
|
76051
76068
|
var React = __importStar(__webpack_require__(0));
|
76052
76069
|
var classnames_1 = __importDefault(__webpack_require__(2));
|
76053
|
-
var FormLabel_1 = __webpack_require__(
|
76070
|
+
var FormLabel_1 = __webpack_require__(49);
|
76054
76071
|
var CheckButtonGroup = /** @class */ (function (_super) {
|
76055
76072
|
__extends(CheckButtonGroup, _super);
|
76056
76073
|
function CheckButtonGroup() {
|
@@ -77311,7 +77328,7 @@ function getClippingRect(element, boundary, rootBoundary) {
|
|
77311
77328
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getViewportRect;
|
77312
77329
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getWindow_js__ = __webpack_require__(19);
|
77313
77330
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getDocumentElement_js__ = __webpack_require__(22);
|
77314
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScrollBarX_js__ = __webpack_require__(
|
77331
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScrollBarX_js__ = __webpack_require__(66);
|
77315
77332
|
|
77316
77333
|
|
77317
77334
|
|
@@ -77361,8 +77378,8 @@ function getViewportRect(element) {
|
|
77361
77378
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getDocumentRect;
|
77362
77379
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getDocumentElement_js__ = __webpack_require__(22);
|
77363
77380
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getComputedStyle_js__ = __webpack_require__(34);
|
77364
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScrollBarX_js__ = __webpack_require__(
|
77365
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__getWindowScroll_js__ = __webpack_require__(
|
77381
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScrollBarX_js__ = __webpack_require__(66);
|
77382
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__getWindowScroll_js__ = __webpack_require__(67);
|
77366
77383
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_math_js__ = __webpack_require__(29);
|
77367
77384
|
|
77368
77385
|
|
@@ -77401,7 +77418,7 @@ function getDocumentRect(element) {
|
|
77401
77418
|
"use strict";
|
77402
77419
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getScrollParent;
|
77403
77420
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getParentNode_js__ = __webpack_require__(46);
|
77404
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__isScrollParent_js__ = __webpack_require__(
|
77421
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__isScrollParent_js__ = __webpack_require__(68);
|
77405
77422
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getNodeName_js__ = __webpack_require__(28);
|
77406
77423
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__instanceOf_js__ = __webpack_require__(13);
|
77407
77424
|
|
@@ -77500,9 +77517,9 @@ function getAltAxis(axis) {
|
|
77500
77517
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getNodeScroll_js__ = __webpack_require__(383);
|
77501
77518
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getNodeName_js__ = __webpack_require__(28);
|
77502
77519
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__instanceOf_js__ = __webpack_require__(13);
|
77503
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__getWindowScrollBarX_js__ = __webpack_require__(
|
77520
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__getWindowScrollBarX_js__ = __webpack_require__(66);
|
77504
77521
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__getDocumentElement_js__ = __webpack_require__(22);
|
77505
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__isScrollParent_js__ = __webpack_require__(
|
77522
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__isScrollParent_js__ = __webpack_require__(68);
|
77506
77523
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_math_js__ = __webpack_require__(29);
|
77507
77524
|
|
77508
77525
|
|
@@ -77569,7 +77586,7 @@ function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
|
|
77569
77586
|
|
77570
77587
|
"use strict";
|
77571
77588
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getNodeScroll;
|
77572
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getWindowScroll_js__ = __webpack_require__(
|
77589
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getWindowScroll_js__ = __webpack_require__(67);
|
77573
77590
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getWindow_js__ = __webpack_require__(19);
|
77574
77591
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__instanceOf_js__ = __webpack_require__(13);
|
77575
77592
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__getHTMLElementScroll_js__ = __webpack_require__(384);
|
@@ -77824,11 +77841,11 @@ function mergeByName(modifiers) {
|
|
77824
77841
|
"use strict";
|
77825
77842
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return createPopper; });
|
77826
77843
|
/* unused harmony export defaultModifiers */
|
77827
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__createPopper_js__ = __webpack_require__(
|
77828
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__modifiers_eventListeners_js__ = __webpack_require__(
|
77829
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__modifiers_popperOffsets_js__ = __webpack_require__(
|
77830
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__modifiers_computeStyles_js__ = __webpack_require__(
|
77831
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__modifiers_applyStyles_js__ = __webpack_require__(
|
77844
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__createPopper_js__ = __webpack_require__(70);
|
77845
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__modifiers_eventListeners_js__ = __webpack_require__(65);
|
77846
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__modifiers_popperOffsets_js__ = __webpack_require__(69);
|
77847
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__modifiers_computeStyles_js__ = __webpack_require__(64);
|
77848
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__modifiers_applyStyles_js__ = __webpack_require__(61);
|
77832
77849
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__modifiers_offset_js__ = __webpack_require__(239);
|
77833
77850
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__modifiers_flip_js__ = __webpack_require__(234);
|
77834
77851
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__modifiers_preventOverflow_js__ = __webpack_require__(240);
|
@@ -97382,7 +97399,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
97382
97399
|
exports.TagInput = void 0;
|
97383
97400
|
var React = __importStar(__webpack_require__(0));
|
97384
97401
|
var classnames_1 = __importDefault(__webpack_require__(2));
|
97385
|
-
var core_1 = __webpack_require__(
|
97402
|
+
var core_1 = __webpack_require__(60);
|
97386
97403
|
var lodash_1 = __webpack_require__(33);
|
97387
97404
|
var TagInput = function (_a) {
|
97388
97405
|
var items = _a.items, label = _a.label, freetype = _a.freetype;
|
@@ -98209,7 +98226,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
|
|
98209
98226
|
Object.defineProperty(exports, "__esModule", {
|
98210
98227
|
value: true
|
98211
98228
|
});
|
98212
|
-
exports.TieredMenu =
|
98229
|
+
exports.TieredMenu = void 0;
|
98213
98230
|
|
98214
98231
|
var _react = _interopRequireWildcard(__webpack_require__(0));
|
98215
98232
|
|
@@ -98235,8 +98252,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
98235
98252
|
|
98236
98253
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
98237
98254
|
|
98238
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
98239
|
-
|
98240
98255
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
98241
98256
|
|
98242
98257
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
@@ -98257,97 +98272,27 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
|
|
98257
98272
|
|
98258
98273
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
98259
98274
|
|
98260
|
-
|
98261
|
-
// children(args: {direction: 'left' | 'right'}): JSX.Element;
|
98262
|
-
// }
|
98263
|
-
// interface IState {
|
98264
|
-
// direction: 'left' | 'right' | null;
|
98265
|
-
// }
|
98266
|
-
|
98267
|
-
/**
|
98268
|
-
* Checks whether there is more space on the left or right,
|
98269
|
-
* in order to choose which direction submenus open to.
|
98270
|
-
*/
|
98271
|
-
var LocationRetrieved = /*#__PURE__*/function (_React$PureComponent) {
|
98272
|
-
_inherits(LocationRetrieved, _React$PureComponent);
|
98273
|
-
|
98274
|
-
var _super = _createSuper(LocationRetrieved);
|
98275
|
-
|
98276
|
-
// <IProps, IState>
|
98277
|
-
function LocationRetrieved(props) {
|
98278
|
-
var _this;
|
98279
|
-
|
98280
|
-
_classCallCheck(this, LocationRetrieved);
|
98281
|
-
|
98282
|
-
_this = _super.call(this, props);
|
98283
|
-
_this.state = {
|
98284
|
-
direction: null
|
98285
|
-
};
|
98286
|
-
_this.recompute = _this.recompute.bind(_assertThisInitialized(_this));
|
98287
|
-
return _this;
|
98288
|
-
}
|
98289
|
-
|
98290
|
-
_createClass(LocationRetrieved, [{
|
98291
|
-
key: "recompute",
|
98292
|
-
value: function recompute(callback) {
|
98293
|
-
// public, used in TieredMenu#show
|
98294
|
-
this.setState({
|
98295
|
-
direction: null
|
98296
|
-
});
|
98297
|
-
setTimeout(callback, 0);
|
98298
|
-
}
|
98299
|
-
}, {
|
98300
|
-
key: "render",
|
98301
|
-
value: function render() {
|
98302
|
-
var _this2 = this;
|
98303
|
-
|
98304
|
-
if (this.state.direction == null) {
|
98305
|
-
return /*#__PURE__*/_react.default.createElement("span", {
|
98306
|
-
ref: function ref(el) {
|
98307
|
-
if (el != null) {
|
98308
|
-
var rect = el.getBoundingClientRect();
|
98309
|
-
var left = rect.left;
|
98310
|
-
var availableSpaceH = document.body.offsetWidth;
|
98311
|
-
var direction = left < availableSpaceH / 2 ? 'right' : 'left';
|
98312
|
-
|
98313
|
-
_this2.setState({
|
98314
|
-
direction: direction
|
98315
|
-
});
|
98316
|
-
}
|
98317
|
-
}
|
98318
|
-
});
|
98319
|
-
} else {
|
98320
|
-
return this.props.children({
|
98321
|
-
direction: this.state.direction
|
98322
|
-
});
|
98323
|
-
}
|
98324
|
-
}
|
98325
|
-
}]);
|
98326
|
-
|
98327
|
-
return LocationRetrieved;
|
98328
|
-
}(_react.default.PureComponent);
|
98329
|
-
|
98330
|
-
exports.LocationRetrieved = LocationRetrieved;
|
98275
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
98331
98276
|
|
98332
98277
|
var TieredMenu = /*#__PURE__*/function (_Component) {
|
98333
98278
|
_inherits(TieredMenu, _Component);
|
98334
98279
|
|
98335
|
-
var
|
98280
|
+
var _super = _createSuper(TieredMenu);
|
98336
98281
|
|
98337
98282
|
function TieredMenu(props) {
|
98338
|
-
var
|
98283
|
+
var _this;
|
98339
98284
|
|
98340
98285
|
_classCallCheck(this, TieredMenu);
|
98341
98286
|
|
98342
|
-
|
98343
|
-
|
98287
|
+
_this = _super.call(this, props);
|
98288
|
+
_this.state = {
|
98344
98289
|
visible: !props.popup
|
98345
98290
|
};
|
98346
|
-
|
98347
|
-
|
98348
|
-
|
98349
|
-
|
98350
|
-
return
|
98291
|
+
_this.onEnter = _this.onEnter.bind(_assertThisInitialized(_this));
|
98292
|
+
_this.onEntered = _this.onEntered.bind(_assertThisInitialized(_this));
|
98293
|
+
_this.onExit = _this.onExit.bind(_assertThisInitialized(_this));
|
98294
|
+
_this.id = _this.props.id || (0, _UniqueComponentId.default)();
|
98295
|
+
return _this;
|
98351
98296
|
}
|
98352
98297
|
|
98353
98298
|
_createClass(TieredMenu, [{
|
@@ -98360,31 +98305,29 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
|
|
98360
98305
|
}, {
|
98361
98306
|
key: "show",
|
98362
98307
|
value: function show(event) {
|
98363
|
-
var
|
98308
|
+
var _this2 = this;
|
98364
98309
|
|
98365
98310
|
this.target = event.currentTarget;
|
98366
98311
|
var currentEvent = event;
|
98367
|
-
this.
|
98368
|
-
|
98369
|
-
|
98370
|
-
|
98371
|
-
|
98372
|
-
|
98373
|
-
}
|
98374
|
-
});
|
98312
|
+
this.setState({
|
98313
|
+
visible: true
|
98314
|
+
}, function () {
|
98315
|
+
if (_this2.props.onShow) {
|
98316
|
+
_this2.props.onShow(currentEvent);
|
98317
|
+
}
|
98375
98318
|
});
|
98376
98319
|
}
|
98377
98320
|
}, {
|
98378
98321
|
key: "hide",
|
98379
98322
|
value: function hide(event) {
|
98380
|
-
var
|
98323
|
+
var _this3 = this;
|
98381
98324
|
|
98382
98325
|
var currentEvent = event;
|
98383
98326
|
this.setState({
|
98384
98327
|
visible: false
|
98385
98328
|
}, function () {
|
98386
|
-
if (
|
98387
|
-
|
98329
|
+
if (_this3.props.onHide) {
|
98330
|
+
_this3.props.onHide(currentEvent);
|
98388
98331
|
}
|
98389
98332
|
});
|
98390
98333
|
}
|
@@ -98425,12 +98368,12 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
|
|
98425
98368
|
}, {
|
98426
98369
|
key: "bindDocumentClickListener",
|
98427
98370
|
value: function bindDocumentClickListener() {
|
98428
|
-
var
|
98371
|
+
var _this4 = this;
|
98429
98372
|
|
98430
98373
|
if (!this.documentClickListener) {
|
98431
98374
|
this.documentClickListener = function (event) {
|
98432
|
-
if (
|
98433
|
-
|
98375
|
+
if (_this4.props.popup && _this4.state.visible && !_this4.container.contains(event.target)) {
|
98376
|
+
_this4.hide(event);
|
98434
98377
|
}
|
98435
98378
|
};
|
98436
98379
|
|
@@ -98448,12 +98391,12 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
|
|
98448
98391
|
}, {
|
98449
98392
|
key: "bindDocumentResizeListener",
|
98450
98393
|
value: function bindDocumentResizeListener() {
|
98451
|
-
var
|
98394
|
+
var _this5 = this;
|
98452
98395
|
|
98453
98396
|
if (!this.documentResizeListener) {
|
98454
98397
|
this.documentResizeListener = function (event) {
|
98455
|
-
if (
|
98456
|
-
|
98398
|
+
if (_this5.state.visible) {
|
98399
|
+
_this5.hide(event);
|
98457
98400
|
}
|
98458
98401
|
};
|
98459
98402
|
|
@@ -98471,12 +98414,12 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
|
|
98471
98414
|
}, {
|
98472
98415
|
key: "bindScrollListener",
|
98473
98416
|
value: function bindScrollListener() {
|
98474
|
-
var
|
98417
|
+
var _this6 = this;
|
98475
98418
|
|
98476
98419
|
if (!this.scrollHandler) {
|
98477
98420
|
this.scrollHandler = new _ConnectedOverlayScrollHandler.default(this.target, function (event) {
|
98478
|
-
if (
|
98479
|
-
|
98421
|
+
if (_this6.state.visible) {
|
98422
|
+
_this6.hide(event);
|
98480
98423
|
}
|
98481
98424
|
});
|
98482
98425
|
}
|
@@ -98502,8 +98445,8 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
|
|
98502
98445
|
}
|
98503
98446
|
}, {
|
98504
98447
|
key: "renderElement",
|
98505
|
-
value: function renderElement(
|
98506
|
-
var
|
98448
|
+
value: function renderElement() {
|
98449
|
+
var _this7 = this;
|
98507
98450
|
|
98508
98451
|
var className = (0, _ClassNames.classNames)('p-tieredmenu p-component', {
|
98509
98452
|
'p-tieredmenu-overlay': this.props.popup
|
@@ -98521,7 +98464,7 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
|
|
98521
98464
|
onExit: this.onExit
|
98522
98465
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
98523
98466
|
ref: function ref(el) {
|
98524
|
-
return
|
98467
|
+
return _this7.container = el;
|
98525
98468
|
},
|
98526
98469
|
id: this.id,
|
98527
98470
|
className: className,
|
@@ -98530,28 +98473,14 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
|
|
98530
98473
|
}, /*#__PURE__*/_react.default.createElement(_TieredMenuSub.TieredMenuSub, {
|
98531
98474
|
model: this.props.model,
|
98532
98475
|
root: true,
|
98533
|
-
popup: this.props.popup
|
98534
|
-
direction: direction
|
98476
|
+
popup: this.props.popup
|
98535
98477
|
})));
|
98536
98478
|
}
|
98537
98479
|
}, {
|
98538
98480
|
key: "render",
|
98539
98481
|
value: function render() {
|
98540
|
-
var
|
98541
|
-
|
98542
|
-
return /*#__PURE__*/_react.default.createElement(LocationRetrieved, {
|
98543
|
-
ref: function ref(instance) {
|
98544
|
-
if (instance != null) {
|
98545
|
-
_this10.locator = instance;
|
98546
|
-
}
|
98547
|
-
}
|
98548
|
-
}, function (_ref) {
|
98549
|
-
var direction = _ref.direction;
|
98550
|
-
|
98551
|
-
var element = _this10.renderElement(direction);
|
98552
|
-
|
98553
|
-
if (_this10.props.appendTo) return /*#__PURE__*/_reactDom.default.createPortal(element, _this10.props.appendTo);else return element;
|
98554
|
-
});
|
98482
|
+
var element = this.renderElement();
|
98483
|
+
if (this.props.appendTo) return /*#__PURE__*/_reactDom.default.createPortal(element, this.props.appendTo);else return element;
|
98555
98484
|
}
|
98556
98485
|
}]);
|
98557
98486
|
|
@@ -98715,8 +98644,6 @@ var TieredMenuSub = /*#__PURE__*/function (_Component) {
|
|
98715
98644
|
}, {
|
98716
98645
|
key: "onItemClick",
|
98717
98646
|
value: function onItemClick(event, item) {
|
98718
|
-
var _item$items$length, _item$items;
|
98719
|
-
|
98720
98647
|
if (item.disabled) {
|
98721
98648
|
event.preventDefault();
|
98722
98649
|
return;
|
@@ -98733,27 +98660,21 @@ var TieredMenuSub = /*#__PURE__*/function (_Component) {
|
|
98733
98660
|
});
|
98734
98661
|
}
|
98735
98662
|
|
98736
|
-
if (
|
98737
|
-
if (
|
98738
|
-
this.
|
98739
|
-
|
98740
|
-
|
98741
|
-
|
98742
|
-
|
98743
|
-
|
98744
|
-
|
98663
|
+
if (this.props.root) {
|
98664
|
+
if (item.items) {
|
98665
|
+
if (this.state.activeItem && item === this.state.activeItem) {
|
98666
|
+
this.setState({
|
98667
|
+
activeItem: null
|
98668
|
+
});
|
98669
|
+
} else {
|
98670
|
+
this.setState({
|
98671
|
+
activeItem: item
|
98672
|
+
});
|
98673
|
+
}
|
98745
98674
|
}
|
98746
98675
|
}
|
98747
98676
|
|
98748
|
-
|
98749
|
-
var isKeyboardEvent = event.clientX === 0 && event.clientY === 0;
|
98750
|
-
|
98751
|
-
if (isKeyboardEvent) {
|
98752
|
-
setTimeout(function () {
|
98753
|
-
var el = target.parentElement.querySelectorAll('.p-submenu-list > .p-menuitem')[0].querySelector('button');
|
98754
|
-
el.focus();
|
98755
|
-
}, 0);
|
98756
|
-
} else if (!item.items) {
|
98677
|
+
if (!item.items) {
|
98757
98678
|
this.onLeafClick();
|
98758
98679
|
}
|
98759
98680
|
}
|
@@ -98810,10 +98731,8 @@ var TieredMenuSub = /*#__PURE__*/function (_Component) {
|
|
98810
98731
|
}, {
|
98811
98732
|
key: "onChildItemKeyDown",
|
98812
98733
|
value: function onChildItemKeyDown(event, childListItem) {
|
98813
|
-
|
98814
|
-
|
98815
|
-
|
98816
|
-
if (leftArrow || escape) {
|
98734
|
+
//left
|
98735
|
+
if (event.which === 37) {
|
98817
98736
|
this.setState({
|
98818
98737
|
activeItem: null
|
98819
98738
|
});
|
@@ -98885,8 +98804,7 @@ var TieredMenuSub = /*#__PURE__*/function (_Component) {
|
|
98885
98804
|
onLeafClick: this.onLeafClick,
|
98886
98805
|
popup: this.props.popup,
|
98887
98806
|
onKeyDown: this.onChildItemKeyDown,
|
98888
|
-
parentActive: item === this.state.activeItem
|
98889
|
-
direction: this.props.direction
|
98807
|
+
parentActive: item === this.state.activeItem
|
98890
98808
|
});
|
98891
98809
|
}
|
98892
98810
|
|
@@ -98914,8 +98832,10 @@ var TieredMenuSub = /*#__PURE__*/function (_Component) {
|
|
98914
98832
|
return _this3.onItemMouseEnter(event, item);
|
98915
98833
|
},
|
98916
98834
|
role: "none"
|
98917
|
-
}, /*#__PURE__*/_react.default.createElement("
|
98835
|
+
}, /*#__PURE__*/_react.default.createElement("a", {
|
98836
|
+
href: item.url || '#',
|
98918
98837
|
className: linkClassName,
|
98838
|
+
target: item.target,
|
98919
98839
|
role: "menuitem",
|
98920
98840
|
"aria-haspopup": item.items != null,
|
98921
98841
|
onClick: function onClick(event) {
|
@@ -98961,10 +98881,7 @@ var TieredMenuSub = /*#__PURE__*/function (_Component) {
|
|
98961
98881
|
},
|
98962
98882
|
className: className,
|
98963
98883
|
role: this.props.root ? 'menubar' : 'menu',
|
98964
|
-
"aria-orientation": "horizontal"
|
98965
|
-
style: {
|
98966
|
-
left: this.props.direction === 'left' ? '-100%' : '100%'
|
98967
|
-
}
|
98884
|
+
"aria-orientation": "horizontal"
|
98968
98885
|
}, submenu);
|
98969
98886
|
}
|
98970
98887
|
}]);
|
@@ -98991,8 +98908,7 @@ _defineProperty(TieredMenuSub, "propTypes", {
|
|
98991
98908
|
popup: _propTypes.default.bool,
|
98992
98909
|
onLeafClick: _propTypes.default.func,
|
98993
98910
|
onKeyDown: _propTypes.default.func,
|
98994
|
-
parentActive: _propTypes.default.bool
|
98995
|
-
direction: _propTypes.default.string
|
98911
|
+
parentActive: _propTypes.default.bool
|
98996
98912
|
});
|
98997
98913
|
|
98998
98914
|
/***/ }),
|
@@ -99541,7 +99457,7 @@ exports.IconPicker = void 0;
|
|
99541
99457
|
var React = __importStar(__webpack_require__(0));
|
99542
99458
|
// @ts-ignore
|
99543
99459
|
var iconFont = __importStar(__webpack_require__(265));
|
99544
|
-
var Button_1 = __webpack_require__(
|
99460
|
+
var Button_1 = __webpack_require__(52);
|
99545
99461
|
var Icon_1 = __webpack_require__(7);
|
99546
99462
|
var SelectGrid_1 = __webpack_require__(243);
|
99547
99463
|
var IconPicker = /** @class */ (function (_super) {
|
@@ -101455,7 +101371,7 @@ var AuthoringMain = /** @class */ (function (_super) {
|
|
101455
101371
|
return (React.createElement(_1.AuthoringMainContainer, null,
|
101456
101372
|
this.props.toolBar && (React.createElement(_1.AuthoringMainToolBar, { toolbarCustom: this.props.toolbarCustom }, this.props.toolBar)),
|
101457
101373
|
React.createElement(_1.AuthoringMainContent, null,
|
101458
|
-
this.props.authoringHeader && (React.createElement(_1.AuthoringInnerHeader, { headerPadding: this.props.headerPadding }, this.props.authoringHeader)),
|
101374
|
+
this.props.authoringHeader && (React.createElement(_1.AuthoringInnerHeader, { headerPadding: this.props.headerPadding, collapsed: this.props.headerCollapsed }, this.props.authoringHeader)),
|
101459
101375
|
this.props.authoringBookmarks && (React.createElement(_1.AuthorinInnerSideBar, null, this.props.authoringBookmarks)),
|
101460
101376
|
React.createElement(_1.AuthoringInnerBody, null, this.props.children))));
|
101461
101377
|
};
|
@@ -101692,7 +101608,7 @@ var AuthoringInnerHeader = /** @class */ (function (_super) {
|
|
101692
101608
|
function AuthoringInnerHeader(props) {
|
101693
101609
|
var _this = _super.call(this, props) || this;
|
101694
101610
|
_this.state = {
|
101695
|
-
collapsed: false,
|
101611
|
+
collapsed: _this.props.collapsed ? _this.props.collapsed : false,
|
101696
101612
|
};
|
101697
101613
|
return _this;
|
101698
101614
|
}
|
@@ -113404,8 +113320,8 @@ Object(__WEBPACK_IMPORTED_MODULE_2__utils_batch__["b" /* setBatch */])(__WEBPACK
|
|
113404
113320
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types__ = __webpack_require__(5);
|
113405
113321
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_prop_types__);
|
113406
113322
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__Context__ = __webpack_require__(30);
|
113407
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_Subscription__ = __webpack_require__(
|
113408
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_useIsomorphicLayoutEffect__ = __webpack_require__(
|
113323
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_Subscription__ = __webpack_require__(72);
|
113324
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_useIsomorphicLayoutEffect__ = __webpack_require__(73);
|
113409
113325
|
|
113410
113326
|
|
113411
113327
|
|
@@ -114179,8 +114095,8 @@ var useDispatch = /*#__PURE__*/createDispatchHook();
|
|
114179
114095
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
|
114180
114096
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
|
114181
114097
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__useReduxContext__ = __webpack_require__(257);
|
114182
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_Subscription__ = __webpack_require__(
|
114183
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_useIsomorphicLayoutEffect__ = __webpack_require__(
|
114098
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_Subscription__ = __webpack_require__(72);
|
114099
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_useIsomorphicLayoutEffect__ = __webpack_require__(73);
|
114184
114100
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__components_Context__ = __webpack_require__(30);
|
114185
114101
|
|
114186
114102
|
|
@@ -114424,7 +114340,7 @@ var useCallback = useCallbackOne;
|
|
114424
114340
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return offset; });
|
114425
114341
|
/* unused harmony export shrink */
|
114426
114342
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return withScroll; });
|
114427
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_tiny_invariant__ = __webpack_require__(
|
114343
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_tiny_invariant__ = __webpack_require__(74);
|
114428
114344
|
|
114429
114345
|
|
114430
114346
|
var getRect = function getRect(_ref) {
|
@@ -114805,7 +114721,7 @@ exports.default = items;
|
|
114805
114721
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_history__ = __webpack_require__(522);
|
114806
114722
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_tiny_warning__ = __webpack_require__(259);
|
114807
114723
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_mini_create_react_context__ = __webpack_require__(554);
|
114808
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_tiny_invariant__ = __webpack_require__(
|
114724
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_tiny_invariant__ = __webpack_require__(74);
|
114809
114725
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__babel_runtime_helpers_esm_extends__ = __webpack_require__(24);
|
114810
114726
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_path_to_regexp__ = __webpack_require__(555);
|
114811
114727
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_path_to_regexp___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_8_path_to_regexp__);
|
@@ -115583,7 +115499,7 @@ if (process.env.NODE_ENV !== "production") {
|
|
115583
115499
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_resolve_pathname__ = __webpack_require__(552);
|
115584
115500
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_value_equal__ = __webpack_require__(553);
|
115585
115501
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_tiny_warning__ = __webpack_require__(259);
|
115586
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_tiny_invariant__ = __webpack_require__(
|
115502
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_tiny_invariant__ = __webpack_require__(74);
|
115587
115503
|
|
115588
115504
|
|
115589
115505
|
|
@@ -116717,9 +116633,9 @@ var RundownEditor = /** @class */ (function (_super) {
|
|
116717
116633
|
{ label: React.createElement(index_1.Label, { style: 'translucent', type: 'primary', text: 'prlg' }), onSelect: function () { return 1; } },
|
116718
116634
|
]; } }))),
|
116719
116635
|
React.createElement(Layout.RightPanel, { open: this.state.rightPanelOpen },
|
116720
|
-
React.createElement(Layout.Panel, { size: '
|
116636
|
+
React.createElement(Layout.Panel, { size: 'x-large', side: 'right' },
|
116721
116637
|
React.createElement(Layout.PanelContent, null,
|
116722
|
-
React.createElement(Layout.AuthoringFrame, { main: React.createElement(Layout.AuthoringMain, { headerPadding: 'medium', toolbarCustom: true, toolBar: (React.createElement(React.Fragment, null,
|
116638
|
+
React.createElement(Layout.AuthoringFrame, { main: React.createElement(Layout.AuthoringMain, { headerPadding: 'medium', toolbarCustom: true, headerCollapsed: true, toolBar: (React.createElement(React.Fragment, null,
|
116723
116639
|
React.createElement(index_1.SubNav, { className: 'sd-shadow--z0' },
|
116724
116640
|
React.createElement(index_1.SlidingToolbar, null,
|
116725
116641
|
React.createElement(index_1.ButtonGroup, { align: 'start' },
|
@@ -124744,7 +124660,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
124744
124660
|
var React = __importStar(__webpack_require__(0));
|
124745
124661
|
var Markup = __importStar(__webpack_require__(6));
|
124746
124662
|
var app_typescript_1 = __webpack_require__(3);
|
124747
|
-
var DurationInput_1 = __webpack_require__(56);
|
124748
124663
|
var InputsDoc = /** @class */ (function (_super) {
|
124749
124664
|
__extends(InputsDoc, _super);
|
124750
124665
|
function InputsDoc(props) {
|
@@ -124789,25 +124704,21 @@ var InputsDoc = /** @class */ (function (_super) {
|
|
124789
124704
|
React.createElement("p", { className: "docs-page__paragraph" }, "// Hidden label"),
|
124790
124705
|
React.createElement("div", { className: 'form__row' },
|
124791
124706
|
React.createElement(app_typescript_1.Input, { label: 'Input label', value: '', maxLength: 25, type: 'text', placeholder: 'Placeholder', error: 'This is error message', info: 'Donec id elit non mi porta gravida at eget metus.', inlineLabel: true, labelHidden: true, required: this.state.required, disabled: this.state.disabled, invalid: this.state.invalid, tabindex: 0, onChange: function (value) { return _this.setState({ value2: value }); } })),
|
124707
|
+
React.createElement("p", { className: "docs-page__paragraph" }, "// Boxed with hidden label"),
|
124792
124708
|
React.createElement("div", { className: 'form__row' },
|
124793
|
-
React.createElement(
|
124794
|
-
|
124795
|
-
|
124796
|
-
|
124797
|
-
React.createElement(
|
124798
|
-
|
124799
|
-
|
124800
|
-
|
124801
|
-
|
124802
|
-
|
124803
|
-
React.createElement(
|
124804
|
-
|
124805
|
-
|
124806
|
-
React.createElement("p", { className: "docs-page__paragraph" }, "// Boxed with boxed label"),
|
124807
|
-
React.createElement("div", { className: 'form__row' },
|
124808
|
-
React.createElement(app_typescript_1.Input, { label: 'Input label', value: '', boxedStyle: true, boxedLable: true, size: 'large', maxLength: 25, placeholder: 'Placeholder', type: 'text', error: 'This is error message', required: this.state.required, disabled: this.state.disabled, invalid: this.state.invalid, tabindex: 0, onChange: function (value) { return _this.setState({ value2: value }); } })),
|
124809
|
-
React.createElement("div", { className: 'form__row' },
|
124810
|
-
React.createElement(app_typescript_1.Input, { label: 'Input label', value: '', boxedStyle: true, boxedLable: true, size: 'large', placeholder: 'Hide my label', labelHidden: true, type: 'text', error: 'This is error message', required: this.state.required, disabled: this.state.disabled, invalid: this.state.invalid, tabindex: 0, onChange: function (value) { return _this.setState({ value2: value }); } }))))),
|
124709
|
+
React.createElement(app_typescript_1.Input, { label: 'Input label', value: '', boxedStyle: true, maxLength: 25, type: 'text', placeholder: 'Default boxed input', error: 'This is error message', inlineLabel: true, labelHidden: true, required: this.state.required, disabled: this.state.disabled, invalid: this.state.invalid, tabindex: 0, onChange: function (value) { return _this.setState({ value2: value }); } })),
|
124710
|
+
React.createElement("div", { className: 'form__row' },
|
124711
|
+
React.createElement(app_typescript_1.Input, { label: 'Input label', value: '', boxedStyle: true, size: 'large', maxLength: 25, type: 'text', placeholder: 'Large boxed input', error: 'This is error message', inlineLabel: true, labelHidden: true, required: this.state.required, disabled: this.state.disabled, invalid: this.state.invalid, tabindex: 0, onChange: function (value) { return _this.setState({ value2: value }); } })),
|
124712
|
+
React.createElement("div", { className: 'form__row' },
|
124713
|
+
React.createElement(app_typescript_1.Input, { label: 'Input label', value: '', boxedStyle: true, size: 'x-large', maxLength: 25, type: 'text', placeholder: 'Extra large boxed input', error: 'This is error message', inlineLabel: true, labelHidden: true, required: this.state.required, disabled: this.state.disabled, invalid: this.state.invalid, tabindex: 0, onChange: function (value) { return _this.setState({ value2: value }); } })),
|
124714
|
+
React.createElement("p", { className: "docs-page__paragraph" }, "// Boxed with default label"),
|
124715
|
+
React.createElement("div", { className: 'form__row' },
|
124716
|
+
React.createElement(app_typescript_1.Input, { label: 'Input label', value: '', boxedStyle: true, size: 'large', maxLength: 25, placeholder: 'Placeholder', type: 'text', error: 'This is error message', required: this.state.required, disabled: this.state.disabled, invalid: this.state.invalid, tabindex: 0, onChange: function (value) { return _this.setState({ value2: value }); } })),
|
124717
|
+
React.createElement("p", { className: "docs-page__paragraph" }, "// Boxed with boxed label"),
|
124718
|
+
React.createElement("div", { className: 'form__row' },
|
124719
|
+
React.createElement(app_typescript_1.Input, { label: 'Input label', value: '', boxedStyle: true, boxedLable: true, size: 'large', maxLength: 25, placeholder: 'Placeholder', type: 'text', error: 'This is error message', required: this.state.required, disabled: this.state.disabled, invalid: this.state.invalid, tabindex: 0, onChange: function (value) { return _this.setState({ value2: value }); } })),
|
124720
|
+
React.createElement("div", { className: 'form__row' },
|
124721
|
+
React.createElement(app_typescript_1.Input, { label: 'Input label', value: '', boxedStyle: true, boxedLable: true, size: 'large', placeholder: 'Hide my label', labelHidden: true, type: 'text', error: 'This is error message', required: this.state.required, disabled: this.state.disabled, invalid: this.state.invalid, tabindex: 0, onChange: function (value) { return _this.setState({ value2: value }); } })))),
|
124811
124722
|
React.createElement(Markup.ReactMarkupCode, null, "\n <Input label='Input label'\n value='This is some value'\n maxLength={30}\n error='This is error message'\n info='This is some hint message'\n inlineLabel={false}\n required={true}\n disabled={false}\n invalid={false}\n onChange={(value) => {}} />\n\n <Input label='Number Input'\n value={this.state.value}\n type='number'\n error='This is error message'\n info='Morbi leo risus porta ac consectetur ac.'\n inlineLabel={this.state.inlineLabel}\n required={this.state.required}\n disabled={this.state.disabled}\n invalid={this.state.invalid}\n tabindex={0}\n onChange={(value) => {}} />\n \n // Hidden label\n <Input label='Input label'\n value={''}\n maxLength={25}\n type='text'\n placeholder='Placeholder'\n error='This is error message'\n info='Donec id elit non mi porta gravida at eget metus.'\n inlineLabel={true}\n labelHidden={true}\n required={this.state.required}\n disabled={this.state.disabled}\n invalid={this.state.invalid}\n tabindex={0}\n onChange={(value) => {}} />\n\n // Boxed with hidden label\n <Input label='Input label'\n value={''}\n boxedStyle={true}\n maxLength={25}\n type='text'\n placeholder='Default boxed input'\n error='This is error message'\n inlineLabel={true}\n labelHidden={true}\n required={this.state.required}\n disabled={this.state.disabled}\n invalid={this.state.invalid}\n tabindex={0}\n onChange={(value) => {}} />\n\n <Input label='Input label'\n value={''}\n boxedStyle={true}\n size='large'\n maxLength={25}\n type='text'\n placeholder='Large boxed input'\n error='This is error message'\n inlineLabel={true}\n labelHidden={true}\n required={this.state.required}\n disabled={this.state.disabled}\n invalid={this.state.invalid}\n tabindex={0}\n onChange={(value) => {}} />\n\n <Input label='Input label'\n value={''}\n boxedStyle={true}\n size='x-large'\n maxLength={25}\n type='text'\n placeholder='Extra large boxed input'\n error='This is error message'\n inlineLabel={true}\n labelHidden={true}\n required={this.state.required}\n disabled={this.state.disabled}\n invalid={this.state.invalid}\n tabindex={0}\n onChange={(value) => {}} />\n\n // Boxed with default label\n <Input label='Input label'\n value={''}\n boxedStyle={true}\n size='large'\n maxLength={25}\n placeholder='Placeholder'\n type='text'\n error='This is error message'\n required={this.state.required}\n disabled={this.state.disabled}\n invalid={this.state.invalid}\n tabindex={0}\n onChange={(value) => {}} />\n \n // Boxed with boxed label\n <Input label='Input label'\n value={''}\n boxedStyle={true}\n boxedLable={true}\n size='large'\n maxLength={25}\n placeholder='Placeholder'\n type='text'\n error='This is error message'\n required={this.state.required}\n disabled={this.state.disabled}\n invalid={this.state.invalid}\n tabindex={0}\n onChange={(value) => {}} />\n \n <Input label='Input label'\n value={''}\n boxedStyle={true}\n boxedLable={true}\n size='large'\n placeholder='Hide my label'\n labelHidden={true}\n type='text'\n error='This is error message'\n required={this.state.required}\n disabled={this.state.disabled}\n invalid={this.state.invalid}\n tabindex={0}\n onChange={(value) => {}} />\n ")),
|
124812
124723
|
React.createElement("h3", { className: 'docs-page__h3' }, "Props"),
|
124813
124724
|
React.createElement(app_typescript_1.PropsList, null,
|
@@ -130673,7 +130584,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
130673
130584
|
var React = __importStar(__webpack_require__(0));
|
130674
130585
|
var Markup = __importStar(__webpack_require__(6));
|
130675
130586
|
var app_typescript_1 = __webpack_require__(3);
|
130676
|
-
var GridElements = __importStar(__webpack_require__(
|
130587
|
+
var GridElements = __importStar(__webpack_require__(71));
|
130677
130588
|
var GridItemDoc = /** @class */ (function (_super) {
|
130678
130589
|
__extends(GridItemDoc, _super);
|
130679
130590
|
function GridItemDoc(props) {
|
@@ -131190,10 +131101,10 @@ var ContentDividerDoc = /** @class */ (function (_super) {
|
|
131190
131101
|
React.createElement(Markup.ReactMarkupCode, null, "\n // Basic\n\n <span>Option one</span>\n <ContentDivider orientation=\"vertical\" type=\"dotted\" />\n <span>Option two</span>\n <ContentDivider orientation=\"vertical\" type=\"dotted\" />\n <span>Option three</span>\n\n // With text\n\n <div>\n Cras justo odio, dapibus ac facilisis in, egestas eget quam...\n </div>\n\n <ContentDivider orientation=\"vertical\">\n or\n </ContentDivider>\n\n <div>\n Praesent commodo cursus magna, vel scelerisque nisl consectetur et...\n </div>\n ")),
|
131191
131102
|
React.createElement("h3", { className: "docs-page__h3" }, "Props"),
|
131192
131103
|
React.createElement(app_typescript_1.PropsList, null,
|
131193
|
-
React.createElement(app_typescript_1.Prop, { name: 'type',
|
131194
|
-
React.createElement(app_typescript_1.Prop, { name: 'orientation',
|
131195
|
-
React.createElement(app_typescript_1.Prop, { name: 'align',
|
131196
|
-
React.createElement(app_typescript_1.Prop, { name: 'border',
|
131104
|
+
React.createElement(app_typescript_1.Prop, { name: 'type', isRequired: false, type: 'dashed | dotted | solid', default: 'solid', description: 'Border style of the divider.' }),
|
131105
|
+
React.createElement(app_typescript_1.Prop, { name: 'orientation', isRequired: false, type: 'horizontal | vertical', default: 'horizontal', description: 'Defines if the divider is horizontal or vertical. Default is horizontal.' }),
|
131106
|
+
React.createElement(app_typescript_1.Prop, { name: 'align', isRequired: false, type: 'center | left | right', default: 'right', description: 'Text alignment inside the divider. Should not be used without any text inside the divider. The vertical divider has no alignment options.' }),
|
131107
|
+
React.createElement(app_typescript_1.Prop, { name: 'border', isRequired: false, type: 'boolean', default: 'true', description: 'Removes the border if set to true. Should be generally avoided especially if there is textual content. It can be used to add space between elements if there is no other option.' }))));
|
131197
131108
|
};
|
131198
131109
|
return ContentDividerDoc;
|
131199
131110
|
}(React.Component));
|
@@ -131251,6 +131162,7 @@ var ToggleboxDocs = function () {
|
|
131251
131162
|
React.createElement(app_typescript_1.Prop, { name: 'hideUsingCSS', isRequired: false, type: 'boolean', default: 'false', description: 'Usefull when working with forms. Content of togglebox will be hidden but remain rendered.' }),
|
131252
131163
|
React.createElement(app_typescript_1.Prop, { name: 'initiallyOpen', isRequired: false, type: 'boolean', default: 'false', description: 'Opens togglebox on initial render' }),
|
131253
131164
|
React.createElement(app_typescript_1.Prop, { name: 'className', isRequired: false, type: 'string', default: 'null', description: 'Style class of the component' }),
|
131165
|
+
React.createElement(app_typescript_1.Prop, { name: 'margin', isRequired: false, type: 'none | small | normal | large', default: 'normal', description: 'Defines the bottom margin of the toggle box.' }),
|
131254
131166
|
React.createElement(app_typescript_1.Prop, { name: 'onOpen', isRequired: false, type: 'function', default: 'null', description: 'Callback on open event' }),
|
131255
131167
|
React.createElement(app_typescript_1.Prop, { name: 'onClose', isRequired: false, type: 'function', default: 'null', description: 'Callback on close event' }))));
|
131256
131168
|
};
|
@@ -132897,7 +132809,7 @@ exports.SamsPlayground = void 0;
|
|
132897
132809
|
var React = __importStar(__webpack_require__(0));
|
132898
132810
|
var Components = __importStar(__webpack_require__(47));
|
132899
132811
|
var index_1 = __webpack_require__(3);
|
132900
|
-
var GridElements = __importStar(__webpack_require__(
|
132812
|
+
var GridElements = __importStar(__webpack_require__(71));
|
132901
132813
|
var items_1 = __importDefault(__webpack_require__(519));
|
132902
132814
|
var SamsPlayground = /** @class */ (function (_super) {
|
132903
132815
|
__extends(SamsPlayground, _super);
|
@@ -133138,6 +133050,7 @@ exports.TestGround = void 0;
|
|
133138
133050
|
var React = __importStar(__webpack_require__(0));
|
133139
133051
|
var Components = __importStar(__webpack_require__(47));
|
133140
133052
|
var index_1 = __webpack_require__(3);
|
133053
|
+
var FormLabel_1 = __webpack_require__(49);
|
133141
133054
|
var TestGround = /** @class */ (function (_super) {
|
133142
133055
|
__extends(TestGround, _super);
|
133143
133056
|
function TestGround(props) {
|
@@ -133173,6 +133086,25 @@ var TestGround = /** @class */ (function (_super) {
|
|
133173
133086
|
return (React.createElement(Components.Layout, { header: 'Testing Ground' },
|
133174
133087
|
React.createElement(Components.LayoutContainer, null,
|
133175
133088
|
React.createElement(Components.MainPanel, null,
|
133089
|
+
React.createElement("h3", { className: "docs-page__h3 sd-margin-y--0" }, "Form test"),
|
133090
|
+
React.createElement("hr", null),
|
133091
|
+
React.createElement("div", { className: "input-wrap" },
|
133092
|
+
React.createElement(FormLabel_1.FormLabel, { invalid: true, required: true, state: 'focused', text: "Form Label", forId: "input1" }),
|
133093
|
+
React.createElement(index_1.IconButton, { size: 'small', icon: "settings", ariaValue: "Screen-reader text", onClick: function () { return false; } }),
|
133094
|
+
React.createElement(index_1.InputBase, { placeholder: 'Test placeholder', boxedStyle: true, invalid: true, type: 'text', id: "input1", value: '', onChange: function (value) { } }),
|
133095
|
+
React.createElement("div", { className: "input-wrap__message-box" },
|
133096
|
+
React.createElement("div", { className: "sd-input__hint" }, "Error message")),
|
133097
|
+
React.createElement("span", { className: "sd-input__char-count" }, "0 / 40")),
|
133098
|
+
React.createElement("hr", null),
|
133099
|
+
React.createElement("div", { className: "input-wrap input-wrap--boxed" },
|
133100
|
+
React.createElement(FormLabel_1.FormLabel, { style: 'boxed', text: "Form Label", required: true, forId: "input2" }),
|
133101
|
+
React.createElement(index_1.IconButton, { size: 'small', icon: "settings", ariaValue: "Screen-reader text", onClick: function () { return false; } }),
|
133102
|
+
React.createElement(index_1.InputBase, { disabled: true, size: 'medium', placeholder: 'Test placeholder', boxedStyle: true, type: 'text', id: "input2", value: '', onChange: function (value) { } }),
|
133103
|
+
React.createElement("div", { className: "input-wrap__message-box" },
|
133104
|
+
React.createElement("div", { className: "sd-input__hint" }, "Error message")),
|
133105
|
+
React.createElement("span", { className: "sd-input__char-count" }, "0 / 40")),
|
133106
|
+
React.createElement("hr", null),
|
133107
|
+
React.createElement("hr", null),
|
133176
133108
|
React.createElement(index_1.InputNew, { label: 'test', value: '', onChange: function (value) { return false; }, placeholder: 'test', required: true, info: 'Nullam Sollicitudin', maxLength: 20, error: 'Error message', inlineLabel: true, labelHidden: true, type: 'text' }),
|
133177
133109
|
React.createElement("hr", null),
|
133178
133110
|
React.createElement("div", { className: 'form__group-new' },
|
@@ -133229,65 +133161,162 @@ var TestGround = /** @class */ (function (_super) {
|
|
133229
133161
|
} }),
|
133230
133162
|
React.createElement(index_1.Button, { text: "Save", type: 'primary', onClick: function () { return false; } })),
|
133231
133163
|
React.createElement("hr", null),
|
133232
|
-
React.createElement("h3", { className: "docs-page__h3 sd-margin-y--0" }, "Table list"),
|
133164
|
+
React.createElement("h3", { className: "docs-page__h3 sd-margin-y--0" }, "Table list (draggable)"),
|
133233
133165
|
React.createElement("hr", null),
|
133234
|
-
React.createElement("
|
133235
|
-
|
133166
|
+
React.createElement("h4", { className: "docs-page__h4 sd-margin-y--1" }, "Handles visible"),
|
133167
|
+
React.createElement("ul", { className: 'table-list table-list--gap-s' },
|
133168
|
+
React.createElement("li", { className: 'table-list__item table-list__item--clickable table-list__item--draggable table-list__item--drag-handles-always' },
|
133169
|
+
React.createElement("div", { className: 'table-list__item-border' }),
|
133170
|
+
React.createElement("div", { className: 'table-list__item-content' },
|
133171
|
+
React.createElement("div", { className: 'table-list__item-content-block' },
|
133172
|
+
React.createElement(index_1.Label, { text: 'Uvod' }),
|
133173
|
+
React.createElement(index_1.Label, { type: 'primary', text: 'prlg' })),
|
133174
|
+
React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' },
|
133175
|
+
React.createElement("span", null, "Handle visible. Nisi erat porttitor ligula, eget lacinia odio sem nec elit.")),
|
133176
|
+
React.createElement("div", { className: 'table-list__item-content-block' },
|
133177
|
+
React.createElement(index_1.IconLabel, { style: 'translucent', text: 'Label success', type: 'success', icon: 'time' }))),
|
133178
|
+
React.createElement("div", { className: 'table-list__slide-in-actions' },
|
133179
|
+
React.createElement(index_1.IconButton, { icon: 'dots-vertical', size: 'small', ariaValue: 'More actions', onClick: function () { return false; } }))),
|
133180
|
+
React.createElement("li", { className: 'table-list__item table-list__item--clickable table-list__item--draggable table-list__item--drag-handles-always' },
|
133181
|
+
React.createElement("div", { className: 'table-list__item-border' }),
|
133182
|
+
React.createElement("div", { className: 'table-list__item-content' },
|
133183
|
+
React.createElement("div", { className: 'table-list__item-content-block' },
|
133184
|
+
React.createElement(index_1.Label, { text: 'Gost' }),
|
133185
|
+
React.createElement(index_1.Label, { type: 'primary', text: 'prlg' })),
|
133186
|
+
React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' },
|
133187
|
+
React.createElement("span", null, "Handle visible. Duis mollis, est non commodo luctus, nisi erat porttitor ligula..")),
|
133188
|
+
React.createElement("div", { className: 'table-list__item-content-block' },
|
133189
|
+
React.createElement(index_1.IconLabel, { style: 'translucent', text: 'Label success', type: 'success', icon: 'time' }))),
|
133190
|
+
React.createElement("div", { className: 'table-list__slide-in-actions' },
|
133191
|
+
React.createElement(index_1.IconButton, { icon: 'dots-vertical', size: 'small', ariaValue: 'More actions', onClick: function () { return false; } }))),
|
133192
|
+
React.createElement("li", { className: 'table-list__item table-list__item--clickable table-list__item--draggable table-list__item--drag-handles-always' },
|
133193
|
+
React.createElement("div", { style: { background: '#83cf7e', }, className: 'table-list__item-border' }),
|
133194
|
+
React.createElement("div", { className: 'table-list__item-content' },
|
133195
|
+
React.createElement("div", { className: 'table-list__item-content-block' },
|
133196
|
+
React.createElement(index_1.Label, { text: 'Podatak' }),
|
133197
|
+
React.createElement(index_1.Label, { type: 'primary', text: 'Gost' })),
|
133198
|
+
React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' },
|
133199
|
+
React.createElement("span", null, "Handle visible. Mollis est non commodo luctus, nisi erat porttitor ligula.")),
|
133200
|
+
React.createElement("div", { className: 'table-list__item-content-block' },
|
133201
|
+
React.createElement(index_1.IconLabel, { style: 'translucent', text: 'Label success', type: 'success', icon: 'time' }))),
|
133202
|
+
React.createElement("div", { className: 'table-list__slide-in-actions' },
|
133203
|
+
React.createElement(index_1.IconButton, { icon: 'dots-vertical', size: 'small', ariaValue: 'More actions', onClick: function () { return false; } }))),
|
133204
|
+
React.createElement("li", { className: 'table-list__item table-list__item--clickable table-list__item--draggable table-list__item--drag-handles-always table-list__item--selected' },
|
133205
|
+
React.createElement("div", { className: 'table-list__item-border' }),
|
133206
|
+
React.createElement("div", { className: 'table-list__item-content' },
|
133207
|
+
React.createElement("div", { className: 'table-list__item-content-block' },
|
133208
|
+
React.createElement(index_1.Label, { text: 'Odjava' }),
|
133209
|
+
React.createElement(index_1.Label, { type: 'warning', text: 'Slika' })),
|
133210
|
+
React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' },
|
133211
|
+
React.createElement("span", null, "Handle visible. Nullam id dolor id nibh ultricies vehicula ut id elit.")),
|
133212
|
+
React.createElement("div", { className: 'table-list__item-content-block' },
|
133213
|
+
React.createElement(index_1.IconLabel, { style: 'translucent', text: 'Label success', type: 'success', icon: 'time' }))),
|
133214
|
+
React.createElement("div", { className: 'table-list__slide-in-actions' },
|
133215
|
+
React.createElement(index_1.IconButton, { icon: 'dots-vertical', size: 'small', ariaValue: 'More actions', onClick: function () { return false; } })))),
|
133216
|
+
React.createElement("hr", null),
|
133217
|
+
React.createElement("h4", { className: "docs-page__h4 sd-margin-y--1" }, "Handles hidden"),
|
133218
|
+
React.createElement("ul", { className: 'table-list table-list--gap-s' },
|
133219
|
+
React.createElement("li", { className: 'table-list__item table-list__item--clickable table-list__item--draggable table-list__item--drag-handles-none' },
|
133220
|
+
React.createElement("div", { className: 'table-list__item-border' }),
|
133221
|
+
React.createElement("div", { className: 'table-list__item-content' },
|
133222
|
+
React.createElement("div", { className: 'table-list__item-content-block' },
|
133223
|
+
React.createElement(index_1.Label, { text: 'Uvod' }),
|
133224
|
+
React.createElement(index_1.Label, { type: 'primary', text: 'prlg' })),
|
133225
|
+
React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' },
|
133226
|
+
React.createElement("span", null, "Handle hidden. Nisi erat porttitor ligula, eget lacinia odio sem nec elit.")),
|
133227
|
+
React.createElement("div", { className: 'table-list__item-content-block' },
|
133228
|
+
React.createElement(index_1.IconLabel, { style: 'translucent', text: 'Label success', type: 'success', icon: 'time' }))),
|
133229
|
+
React.createElement("div", { className: 'table-list__slide-in-actions' },
|
133230
|
+
React.createElement(index_1.IconButton, { icon: 'dots-vertical', size: 'small', ariaValue: 'More actions', onClick: function () { return false; } }))),
|
133231
|
+
React.createElement("li", { className: 'table-list__item table-list__item--clickable table-list__item--draggable table-list__item--drag-handles-none' },
|
133232
|
+
React.createElement("div", { className: 'table-list__item-border' }),
|
133233
|
+
React.createElement("div", { className: 'table-list__item-content' },
|
133234
|
+
React.createElement("div", { className: 'table-list__item-content-block' },
|
133235
|
+
React.createElement(index_1.Label, { text: 'Gost' }),
|
133236
|
+
React.createElement(index_1.Label, { type: 'primary', text: 'prlg' })),
|
133237
|
+
React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' },
|
133238
|
+
React.createElement("span", null, "Handle hidden. Duis mollis, est non commodo luctus, nisi erat porttitor ligula..")),
|
133239
|
+
React.createElement("div", { className: 'table-list__item-content-block' },
|
133240
|
+
React.createElement(index_1.IconLabel, { style: 'translucent', text: 'Label success', type: 'success', icon: 'time' }))),
|
133241
|
+
React.createElement("div", { className: 'table-list__slide-in-actions' },
|
133242
|
+
React.createElement(index_1.IconButton, { icon: 'dots-vertical', size: 'small', ariaValue: 'More actions', onClick: function () { return false; } }))),
|
133243
|
+
React.createElement("li", { className: 'table-list__item table-list__item--clickable table-list__item--draggable table-list__item--drag-handles-none' },
|
133244
|
+
React.createElement("div", { style: { background: '#83cf7e', }, className: 'table-list__item-border' }),
|
133236
133245
|
React.createElement("div", { className: 'table-list__item-content' },
|
133237
133246
|
React.createElement("div", { className: 'table-list__item-content-block' },
|
133238
|
-
React.createElement(index_1.Label, {
|
133239
|
-
React.createElement(index_1.Label, {
|
133247
|
+
React.createElement(index_1.Label, { text: 'Podatak' }),
|
133248
|
+
React.createElement(index_1.Label, { type: 'primary', text: 'Gost' })),
|
133240
133249
|
React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' },
|
133241
|
-
React.createElement("span", null, "
|
133250
|
+
React.createElement("span", null, "Handle hidden. Mollis est non commodo luctus, nisi erat porttitor ligula.")),
|
133242
133251
|
React.createElement("div", { className: 'table-list__item-content-block' },
|
133243
133252
|
React.createElement(index_1.IconLabel, { style: 'translucent', text: 'Label success', type: 'success', icon: 'time' }))),
|
133244
133253
|
React.createElement("div", { className: 'table-list__slide-in-actions' },
|
133245
133254
|
React.createElement(index_1.IconButton, { icon: 'dots-vertical', size: 'small', ariaValue: 'More actions', onClick: function () { return false; } }))),
|
133255
|
+
React.createElement("li", { className: 'table-list__item table-list__item--clickable table-list__item--draggable table-list__item--drag-handles-none table-list__item--selected' },
|
133256
|
+
React.createElement("div", { className: 'table-list__item-border' }),
|
133257
|
+
React.createElement("div", { className: 'table-list__item-content' },
|
133258
|
+
React.createElement("div", { className: 'table-list__item-content-block' },
|
133259
|
+
React.createElement(index_1.Label, { text: 'Odjava' }),
|
133260
|
+
React.createElement(index_1.Label, { type: 'warning', text: 'Slika' })),
|
133261
|
+
React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' },
|
133262
|
+
React.createElement("span", null, "Handle hidden. Nullam id dolor id nibh ultricies vehicula ut id elit.")),
|
133263
|
+
React.createElement("div", { className: 'table-list__item-content-block' },
|
133264
|
+
React.createElement(index_1.IconLabel, { style: 'translucent', text: 'Label success', type: 'success', icon: 'time' }))),
|
133265
|
+
React.createElement("div", { className: 'table-list__slide-in-actions' },
|
133266
|
+
React.createElement(index_1.IconButton, { icon: 'dots-vertical', size: 'small', ariaValue: 'More actions', onClick: function () { return false; } })))),
|
133267
|
+
React.createElement("hr", null),
|
133268
|
+
React.createElement("h4", { className: "docs-page__h4 sd-margin-y--1" }, "Handles on hover"),
|
133269
|
+
React.createElement("ul", { className: 'table-list table-list--gap-s' },
|
133246
133270
|
React.createElement("li", { className: 'table-list__item table-list__item--clickable table-list__item--draggable' },
|
133271
|
+
React.createElement("div", { className: 'table-list__item-border' }),
|
133247
133272
|
React.createElement("div", { className: 'table-list__item-content' },
|
133248
133273
|
React.createElement("div", { className: 'table-list__item-content-block' },
|
133249
|
-
React.createElement(index_1.Label, {
|
133250
|
-
React.createElement(index_1.Label, {
|
133274
|
+
React.createElement(index_1.Label, { text: 'Uvod' }),
|
133275
|
+
React.createElement(index_1.Label, { type: 'primary', text: 'prlg' })),
|
133251
133276
|
React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' },
|
133252
|
-
React.createElement("span", null, "
|
133277
|
+
React.createElement("span", null, "Handle on hover. Nisi erat porttitor ligula, eget lacinia odio sem nec elit.")),
|
133253
133278
|
React.createElement("div", { className: 'table-list__item-content-block' },
|
133254
133279
|
React.createElement(index_1.IconLabel, { style: 'translucent', text: 'Label success', type: 'success', icon: 'time' }))),
|
133255
133280
|
React.createElement("div", { className: 'table-list__slide-in-actions' },
|
133256
133281
|
React.createElement(index_1.IconButton, { icon: 'dots-vertical', size: 'small', ariaValue: 'More actions', onClick: function () { return false; } }))),
|
133257
|
-
React.createElement("li", { className: 'table-list__item table-list__item--clickable' },
|
133282
|
+
React.createElement("li", { className: 'table-list__item table-list__item--clickable table-list__item--draggable' },
|
133283
|
+
React.createElement("div", { className: 'table-list__item-border' }),
|
133258
133284
|
React.createElement("div", { className: 'table-list__item-content' },
|
133259
133285
|
React.createElement("div", { className: 'table-list__item-content-block' },
|
133260
|
-
React.createElement(index_1.Label, {
|
133261
|
-
React.createElement(index_1.Label, {
|
133286
|
+
React.createElement(index_1.Label, { text: 'Gost' }),
|
133287
|
+
React.createElement(index_1.Label, { type: 'primary', text: 'prlg' })),
|
133262
133288
|
React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' },
|
133263
|
-
React.createElement("span", null, "
|
133289
|
+
React.createElement("span", null, "Handle on hover. Duis mollis, est non commodo luctus, nisi erat porttitor ligula..")),
|
133264
133290
|
React.createElement("div", { className: 'table-list__item-content-block' },
|
133265
133291
|
React.createElement(index_1.IconLabel, { style: 'translucent', text: 'Label success', type: 'success', icon: 'time' }))),
|
133266
133292
|
React.createElement("div", { className: 'table-list__slide-in-actions' },
|
133267
|
-
React.createElement(index_1.IconButton, { icon: '
|
133268
|
-
|
133269
|
-
|
133293
|
+
React.createElement(index_1.IconButton, { icon: 'dots-vertical', size: 'small', ariaValue: 'More actions', onClick: function () { return false; } }))),
|
133294
|
+
React.createElement("li", { className: 'table-list__item table-list__item--clickable table-list__item--draggable' },
|
133295
|
+
React.createElement("div", { style: { background: '#83cf7e', }, className: 'table-list__item-border' }),
|
133270
133296
|
React.createElement("div", { className: 'table-list__item-content' },
|
133271
133297
|
React.createElement("div", { className: 'table-list__item-content-block' },
|
133272
|
-
React.createElement(index_1.Label, {
|
133273
|
-
React.createElement(index_1.Label, {
|
133298
|
+
React.createElement(index_1.Label, { text: 'Podatak' }),
|
133299
|
+
React.createElement(index_1.Label, { type: 'primary', text: 'Gost' })),
|
133274
133300
|
React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' },
|
133275
|
-
React.createElement("span", null, "
|
133301
|
+
React.createElement("span", null, "Handle on hover. Mollis est non commodo luctus, nisi erat porttitor ligula.")),
|
133276
133302
|
React.createElement("div", { className: 'table-list__item-content-block' },
|
133277
133303
|
React.createElement(index_1.IconLabel, { style: 'translucent', text: 'Label success', type: 'success', icon: 'time' }))),
|
133278
133304
|
React.createElement("div", { className: 'table-list__slide-in-actions' },
|
133279
133305
|
React.createElement(index_1.IconButton, { icon: 'dots-vertical', size: 'small', ariaValue: 'More actions', onClick: function () { return false; } }))),
|
133280
|
-
React.createElement("li", { className: 'table-list__item table-list__item--clickable' },
|
133306
|
+
React.createElement("li", { className: 'table-list__item table-list__item--clickable table-list__item--draggable table-list__item--selected' },
|
133307
|
+
React.createElement("div", { className: 'table-list__item-border' }),
|
133281
133308
|
React.createElement("div", { className: 'table-list__item-content' },
|
133282
133309
|
React.createElement("div", { className: 'table-list__item-content-block' },
|
133283
|
-
React.createElement(index_1.Label, {
|
133284
|
-
React.createElement(index_1.Label, {
|
133310
|
+
React.createElement(index_1.Label, { text: 'Odjava' }),
|
133311
|
+
React.createElement(index_1.Label, { type: 'warning', text: 'Slika' })),
|
133285
133312
|
React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' },
|
133286
|
-
React.createElement("span", null, "Nullam id dolor id nibh ultricies vehicula ut id elit.")),
|
133313
|
+
React.createElement("span", null, "Handle on hover. Nullam id dolor id nibh ultricies vehicula ut id elit.")),
|
133287
133314
|
React.createElement("div", { className: 'table-list__item-content-block' },
|
133288
133315
|
React.createElement(index_1.IconLabel, { style: 'translucent', text: 'Label success', type: 'success', icon: 'time' }))),
|
133289
133316
|
React.createElement("div", { className: 'table-list__slide-in-actions' },
|
133290
133317
|
React.createElement(index_1.IconButton, { icon: 'dots-vertical', size: 'small', ariaValue: 'More actions', onClick: function () { return false; } })))),
|
133318
|
+
React.createElement("hr", null),
|
133319
|
+
React.createElement("hr", null),
|
133291
133320
|
React.createElement("h3", { className: "docs-page__h3 sd-margin-y--0 sd-margin-t--3" }, "Table list with items between"),
|
133292
133321
|
React.createElement("hr", null),
|
133293
133322
|
React.createElement("ul", { className: 'table-list table-list--contained' },
|
@@ -133526,7 +133555,7 @@ exports.UiPlayground = void 0;
|
|
133526
133555
|
var React = __importStar(__webpack_require__(0));
|
133527
133556
|
var Components = __importStar(__webpack_require__(47));
|
133528
133557
|
var index_1 = __webpack_require__(3);
|
133529
|
-
var GridElements = __importStar(__webpack_require__(
|
133558
|
+
var GridElements = __importStar(__webpack_require__(71));
|
133530
133559
|
var items_1 = __importDefault(__webpack_require__(519));
|
133531
133560
|
var UiPlayground = /** @class */ (function (_super) {
|
133532
133561
|
__extends(UiPlayground, _super);
|
@@ -133767,7 +133796,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
133767
133796
|
exports.PageLayoutTest = void 0;
|
133768
133797
|
var React = __importStar(__webpack_require__(0));
|
133769
133798
|
var index_1 = __webpack_require__(3);
|
133770
|
-
var GridElements = __importStar(__webpack_require__(
|
133799
|
+
var GridElements = __importStar(__webpack_require__(71));
|
133771
133800
|
var Layout = __importStar(__webpack_require__(16));
|
133772
133801
|
var items_1 = __importDefault(__webpack_require__(519));
|
133773
133802
|
var PageLayoutTest = /** @class */ (function (_super) {
|
@@ -134597,6 +134626,9 @@ var Rundowns = /** @class */ (function (_super) {
|
|
134597
134626
|
theme: newTheme
|
134598
134627
|
});
|
134599
134628
|
};
|
134629
|
+
Rundowns.prototype.componentDidUpdate = function () {
|
134630
|
+
console.log(this.state);
|
134631
|
+
};
|
134600
134632
|
Rundowns.prototype.changeStatus = function (item, status) {
|
134601
134633
|
if (item.status.includes(status)) {
|
134602
134634
|
item.status.splice(item.status.indexOf(status), 1);
|
@@ -134816,18 +134848,7 @@ var Rundowns = /** @class */ (function (_super) {
|
|
134816
134848
|
React.createElement(index_1.Container, { direction: 'row', gap: 'small' },
|
134817
134849
|
React.createElement(index_1.Text, { color: 'light' }, "Updated 3 hours ago by "),
|
134818
134850
|
React.createElement(index_1.Text, { weight: 'medium' }, "John Doe"))),
|
134819
|
-
React.createElement(index_1.Container, { className: 'sd-margin-s--auto sd-flex--items-center' },
|
134820
|
-
React.createElement(index_1.Dropdown, { align: 'right', append: true, items: [
|
134821
|
-
{
|
134822
|
-
type: 'group', label: 'Actions', items: [
|
134823
|
-
'divider',
|
134824
|
-
{ label: 'Edit', icon: 'pencil', onSelect: function () { return _this.setState({ dropDownState: 'Edit ' }); } },
|
134825
|
-
{ label: 'Download', icon: 'download', onSelect: function () { return _this.setState({ dropDownState: 'Download' }); } },
|
134826
|
-
{ label: 'Delete', icon: 'trash', onSelect: function () { return _this.setState({ dropDownState: 'Delete' }); } },
|
134827
|
-
]
|
134828
|
-
}
|
134829
|
-
] },
|
134830
|
-
React.createElement(index_1.IconButton, { ariaValue: 'dropdown-more-options', icon: 'dots-vertical', onClick: function () { return false; } })))),
|
134851
|
+
React.createElement(index_1.Container, { className: 'sd-margin-s--auto sd-flex--items-center' })),
|
134831
134852
|
React.createElement(Layout.PanelContentBlock, null,
|
134832
134853
|
React.createElement(index_1.Container, { direction: 'row', gap: 'large', className: 'sd-margin-b--3' },
|
134833
134854
|
React.createElement(index_1.Label, { size: 'large', text: 'Tabu', color: 'blue--800' }),
|
@@ -134850,7 +134871,7 @@ var Rundowns = /** @class */ (function (_super) {
|
|
134850
134871
|
React.createElement(Layout.ContentSplitter, { visible: this.state.openEditor }),
|
134851
134872
|
React.createElement(Layout.AuthoringContainer, { open: this.state.openEditor },
|
134852
134873
|
React.createElement(RundownEditor_1.RundownEditor, null))),
|
134853
|
-
React.createElement(index_1.Modal, { headerTemplate: "Manage Templates", visible: this.state.modalManageTemplate, contentBg: 'medium', contentPadding: 'none', size: 'x-large', onHide: function () { _this.setState({ modalManageTemplate: false }); } },
|
134874
|
+
React.createElement(index_1.Modal, { headerTemplate: "Manage Templates", visible: this.state.modalManageTemplate, zIndex: 1000, contentBg: 'medium', contentPadding: 'none', size: 'x-large', onHide: function () { _this.setState({ modalManageTemplate: false }); } },
|
134854
134875
|
React.createElement(Layout.LayoutContainer, null,
|
134855
134876
|
React.createElement(Layout.LeftPanel, { open: true },
|
134856
134877
|
React.createElement(Layout.Panel, { side: 'left', background: 'grey' },
|
@@ -134864,14 +134885,14 @@ var Rundowns = /** @class */ (function (_super) {
|
|
134864
134885
|
React.createElement(index_1.EmptyState, { title: 'No show is selected', description: 'Please select a Show from the dropdown at the top.', size: "small", illustration: "1" })))),
|
134865
134886
|
React.createElement(Layout.MainPanel, null,
|
134866
134887
|
React.createElement(index_1.EmptyState, { title: 'No Template selected', description: 'Please select a Show and Template frome the side panel.', size: "large", illustration: "1" })))),
|
134867
|
-
React.createElement(index_1.Modal, { headerTemplate: "Create new Show", visible: this.state.modalNewShow, footerTemplate: newShowFooter, contentBg: 'medium', size: 'medium', onHide: function () { _this.setState({ modalNewShow: false }); } },
|
134888
|
+
React.createElement(index_1.Modal, { headerTemplate: "Create new Show", visible: this.state.modalNewShow, zIndex: 1000, footerTemplate: newShowFooter, contentBg: 'medium', size: 'medium', onHide: function () { _this.setState({ modalNewShow: false }); } },
|
134868
134889
|
React.createElement(Form.FormGroup, null,
|
134869
134890
|
React.createElement(Form.FormItem, null,
|
134870
134891
|
React.createElement(index_1.Input, { label: 'Show name', type: 'text', value: '', error: 'This is error message', required: true, onChange: function () { } }))),
|
134871
134892
|
React.createElement(Form.FormGroup, null,
|
134872
134893
|
React.createElement(Form.FormItem, null,
|
134873
134894
|
React.createElement(index_1.Input, { label: 'Description', type: 'text', value: '', error: 'This is error message', required: false, onChange: function () { } })))),
|
134874
|
-
React.createElement(index_1.Modal, { headerTemplate: "Create new Show", visible: this.state.modalNewShowSuccess, footerTemplate: newShowFooter2, contentBg: 'medium', size: 'medium', onHide: function () { _this.setState({ modalNewShowSuccess: false }); } },
|
134895
|
+
React.createElement(index_1.Modal, { headerTemplate: "Create new Show", visible: this.state.modalNewShowSuccess, zIndex: 1000, footerTemplate: newShowFooter2, contentBg: 'medium', size: 'medium', onHide: function () { _this.setState({ modalNewShowSuccess: false }); } },
|
134875
134896
|
React.createElement(index_1.Container, { direction: 'column', className: 'sd-flex--justify-center sd-flex--items-center sd-padding-y--2', gap: 'medium' },
|
134876
134897
|
React.createElement(index_1.Icon, { name: 'checkmark-circle', type: 'success', size: 'big', scale: '3x' }),
|
134877
134898
|
React.createElement(index_1.Text, { align: 'center', size: 'medium' },
|
@@ -134880,7 +134901,7 @@ var Rundowns = /** @class */ (function (_super) {
|
|
134880
134901
|
" has been successfully created.",
|
134881
134902
|
React.createElement("br", null),
|
134882
134903
|
"Do you want to cretate a template for this show right away?"))),
|
134883
|
-
React.createElement(index_1.Modal, { headerTemplate: "Create new Template", visible: this.state.modalNewTemplate, contentBg: 'medium', contentPadding: 'none', size: 'x-large', onHide: function () { _this.setState({ modalNewTemplate: false }); } },
|
134904
|
+
React.createElement(index_1.Modal, { headerTemplate: "Create new Template", visible: this.state.modalNewTemplate, zIndex: 1000, contentBg: 'medium', contentPadding: 'none', size: 'x-large', onHide: function () { _this.setState({ modalNewTemplate: false }); } },
|
134884
134905
|
React.createElement(Layout.LayoutContainer, null,
|
134885
134906
|
React.createElement(Layout.LeftPanel, { open: true },
|
134886
134907
|
React.createElement(Layout.Panel, { side: 'left', background: 'grey' },
|
@@ -134914,7 +134935,7 @@ var Rundowns = /** @class */ (function (_super) {
|
|
134914
134935
|
React.createElement("span", null, "Marker Special")))))))),
|
134915
134936
|
React.createElement(Layout.MainPanel, { padding: 'none' },
|
134916
134937
|
React.createElement(RundownEditor_1.RundownEditor, null)))),
|
134917
|
-
React.createElement(index_1.Modal, { headerTemplate: "Manage Shows", visible: this.state.modalManageShow, contentBg: 'medium', contentPadding: 'none', size: 'x-large', onHide: function () { _this.setState({ modalManageShow: false }); } },
|
134938
|
+
React.createElement(index_1.Modal, { headerTemplate: "Manage Shows", visible: this.state.modalManageShow, zIndex: 1000, contentBg: 'medium', contentPadding: 'none', size: 'x-large', onHide: function () { _this.setState({ modalManageShow: false }); } },
|
134918
134939
|
React.createElement(Layout.LayoutContainer, null,
|
134919
134940
|
React.createElement(Layout.HeaderPanel, null,
|
134920
134941
|
React.createElement(index_1.SubNav, { zIndex: 2 },
|
@@ -135083,7 +135104,7 @@ var CoreLayout = /** @class */ (function (_super) {
|
|
135083
135104
|
});
|
135084
135105
|
};
|
135085
135106
|
CoreLayout.prototype.render = function () {
|
135086
|
-
return (React.createElement(Layout.CoreLayout, { heading: 'Core Layout', menuOpen: this.state.mainMenuOpen, onClick: this.handleMainMenu, active: this.state.mainMenuOpen, ariaControls: 'main-menu', menuId: 'main-menu', editorFullWidth:
|
135107
|
+
return (React.createElement(Layout.CoreLayout, { heading: 'Core Layout', menuOpen: this.state.mainMenuOpen, onClick: this.handleMainMenu, active: this.state.mainMenuOpen, ariaControls: 'main-menu', menuId: 'main-menu', editorFullWidth: false, slideInMenu: (React.createElement(Layout.MainMenu, { headerTitle: 'Main Menu', poweredBy: 'Powered by Superdesk technology', header: (null), footerContent: true, footer: (React.createElement("p", null, "Menu footer testing")) },
|
135087
135108
|
React.createElement(index_1.LeftMenu, { style: 'blanc', reverseItemBorder: true, size: 'large', ariaLabel: 'Left navigation', activeItemId: '1', groups: [
|
135088
135109
|
{ label: 'MAIN SECTIONS', items: [
|
135089
135110
|
{ id: '1', label: 'Section 1', ref: 'section1' },
|
@@ -137401,7 +137422,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
137401
137422
|
var React = __importStar(__webpack_require__(0));
|
137402
137423
|
var Markup = __importStar(__webpack_require__(6));
|
137403
137424
|
var app_typescript_1 = __webpack_require__(3);
|
137404
|
-
var DurationInput_1 = __webpack_require__(
|
137425
|
+
var DurationInput_1 = __webpack_require__(75);
|
137405
137426
|
var DurationInputDoc = /** @class */ (function (_super) {
|
137406
137427
|
__extends(DurationInputDoc, _super);
|
137407
137428
|
function DurationInputDoc(props) {
|
@@ -137747,7 +137768,7 @@ exports.WithSizeObserverDocs = WithSizeObserverDocs;
|
|
137747
137768
|
/* 649 */
|
137748
137769
|
/***/ (function(module, exports) {
|
137749
137770
|
|
137750
|
-
module.exports = {"name":"superdesk-ui-framework","version":"3.0.1-beta.
|
137771
|
+
module.exports = {"name":"superdesk-ui-framework","version":"3.0.1-beta.16","license":"AGPL-3.0","repository":{"type":"git","url":"https://github.com/superdesk/superdesk-ui-framework.git"},"main":"dist/superdesk-ui.bundle.js","types":"react/index.d.ts","contributors":["Nemanja Pavlovic","Vladimir Stefanovic","Darko Tomic","Aleksandar Jelicic","Tomas Kikutis","Dragana Zivkovic"],"scripts":{"start":"webpack-dev-server --config tasks/webpack.dev.js","server":"webpack --watch --config tasks/webpack.prod.js && tsc-watch","build":"webpack --config tasks/webpack.prod.js && tsc","build-ui":"webpack && tsc && npm run lint","lint":"eslint --parser=@typescript-eslint/parser app && tslint -c tslint.json 'app-typescript/**/*.{ts,tsx}'","lint-fix":"tsc -p tsconfig.json --noEmit && tslint --fix -c tslint.json 'app-typescript/**/*.{ts,tsx}'","prepublishOnly":"npm run build"},"devDependencies":{"@types/chart.js":"^2.9.24","@types/classnames":"^2.2.9","@types/lodash":"^4.14.161","@types/react":"16.8.23","@types/react-beautiful-dnd":"^13.1.2","@types/react-dom":"16.8.0","@types/react-router-dom":"^5.1.2","@types/react-scrollspy":"^3.3.5","@typescript-eslint/parser":"5.14.0","angular":"^1.7.9","angular-animate":"^1.7.9","angular-route":"^1.7.9","babel-core":"^6.26.0","babel-loader":"^7.1.2","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","classnames":"^2.2.5","clean-webpack-plugin":"^1.0.0","code-prettify":"^0.1.0","copy-webpack-plugin":"^4.6.0","css-loader":"^2.1.1","eslint":"^4.6.1","eslint-loader":"^1.9.0","eslint-plugin-angular":"^3.1.1","eslint-plugin-react":"^7.3.0","extract-text-webpack-plugin":"^3.0.2","file-loader":"^0.11.2","html-loader":"^0.5.1","html-webpack-plugin":"^2.30.1","jquery":"^3.1.1","jquery-ui":"^1.12.1","lodash":"4.17.21","node-sass":"6.0","prismjs":"^1.28.0","prop-types":"^15.6.0","react":"16.8.6","react-bootstrap":"^0.31.2","react-dom":"16.8.6","react-redux":"^5.0.6","react-router-dom":"^5.1.2","redux":"^3.7.2","redux-form":"^7.0.4","sass-loader":"^6.0.6","style-loader":"^0.18.2","superdesk-code-style":"^1.1.2","ts-loader":"^6.0.2","tslint":"^5.18.0","typescript":"4.5.2","url-loader":"^1.1.2","webpack":"^3.5.5","webpack-cli":"3.3.10","webpack-dev-server":"2.11.1","webpack-merge":"^4.2.1"},"dependencies":{"@material-ui/lab":"^4.0.0-alpha.56","@popperjs/core":"^2.4.0","@superdesk/primereact":"^5.0.2-6","@types/node":"^14.10.2","chart.js":"^2.9.3","date-fns":"2.7.0","moment":"^2.29.3","popper.js":"1.14.4","primeicons":"2.0.0","react-beautiful-dnd":"^13.0.0","react-id-generator":"^3.0.0","react-popper":"^2.2.3","react-scrollspy":"^3.4.3"}}
|
137751
137772
|
|
137752
137773
|
/***/ }),
|
137753
137774
|
/* 650 */
|