superdesk-ui-framework 3.1.21 → 3.1.22
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/styles/_animations.scss +21 -0
- package/app/styles/components/_sd-collapse-box.scss +32 -0
- package/app/styles/primereact/_pr-datepicker.scss +10 -0
- package/dist/examples.bundle.js +231 -1
- package/dist/playgrounds/react-playgrounds/TestGround.tsx +499 -4
- package/dist/superdesk-ui.bundle.css +40 -0
- package/examples/pages/playgrounds/react-playgrounds/TestGround.tsx +499 -4
- package/package.json +8 -6
|
@@ -50,3 +50,24 @@
|
|
|
50
50
|
opacity: 0;
|
|
51
51
|
height: 0.1rem !important;
|
|
52
52
|
}
|
|
53
|
+
|
|
54
|
+
@keyframes appear {
|
|
55
|
+
from {
|
|
56
|
+
display: none;
|
|
57
|
+
opacity: 0;
|
|
58
|
+
}
|
|
59
|
+
to {
|
|
60
|
+
display: flex;
|
|
61
|
+
opacity: 1;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
@keyframes vanish {
|
|
65
|
+
from {
|
|
66
|
+
display: flex;
|
|
67
|
+
opacity: 1;
|
|
68
|
+
}
|
|
69
|
+
to {
|
|
70
|
+
display: none;
|
|
71
|
+
opacity: 0;
|
|
72
|
+
}
|
|
73
|
+
}
|
|
@@ -159,6 +159,10 @@
|
|
|
159
159
|
padding: 0;
|
|
160
160
|
overflow: hidden;
|
|
161
161
|
transition: all 0.2s ease;
|
|
162
|
+
min
|
|
163
|
+
.hide-on-open {
|
|
164
|
+
display: none;
|
|
165
|
+
}
|
|
162
166
|
}
|
|
163
167
|
.new-collapse-box__content {
|
|
164
168
|
grid-row: 2 / 3;
|
|
@@ -253,3 +257,31 @@
|
|
|
253
257
|
}
|
|
254
258
|
}
|
|
255
259
|
}
|
|
260
|
+
|
|
261
|
+
.new-collapse-box {
|
|
262
|
+
> .new-collapse-box__header {
|
|
263
|
+
.new-collapse-box__header-inner {
|
|
264
|
+
transition: all .2s ease;
|
|
265
|
+
min-height: auto;
|
|
266
|
+
.hide-on-open {
|
|
267
|
+
animation: appear .2s;
|
|
268
|
+
display: flex;
|
|
269
|
+
opacity: 1;
|
|
270
|
+
}
|
|
271
|
+
}
|
|
272
|
+
}
|
|
273
|
+
&.new-collapse-box--open {
|
|
274
|
+
> .new-collapse-box__header {
|
|
275
|
+
.new-collapse-box__header-inner {
|
|
276
|
+
min-height: var(--space--4);
|
|
277
|
+
background-color: var(--sd-item__main-Bg);
|
|
278
|
+
.hide-on-open {
|
|
279
|
+
display: none;
|
|
280
|
+
opacity: 0;
|
|
281
|
+
animation: vanish .2s;
|
|
282
|
+
}
|
|
283
|
+
}
|
|
284
|
+
}
|
|
285
|
+
}
|
|
286
|
+
}
|
|
287
|
+
|
|
@@ -220,3 +220,13 @@
|
|
|
220
220
|
.p-datepicker-today > span {
|
|
221
221
|
background-color: var(--sd-colour-interactive--alpha-20);
|
|
222
222
|
}
|
|
223
|
+
|
|
224
|
+
.sd-input__input-container {
|
|
225
|
+
.p-calendar {
|
|
226
|
+
display: flex;
|
|
227
|
+
&.p-calendar-w-btn {
|
|
228
|
+
min-width: 116px;
|
|
229
|
+
width: auto;
|
|
230
|
+
}
|
|
231
|
+
}
|
|
232
|
+
}
|
package/dist/examples.bundle.js
CHANGED
|
@@ -177598,6 +177598,7 @@ exports.TestGround = void 0;
|
|
|
177598
177598
|
var React = __importStar(__webpack_require__(0));
|
|
177599
177599
|
var Components = __importStar(__webpack_require__(55));
|
|
177600
177600
|
var index_1 = __webpack_require__(5);
|
|
177601
|
+
var Form = __importStar(__webpack_require__(14));
|
|
177601
177602
|
var FormLabel_1 = __webpack_require__(74);
|
|
177602
177603
|
var options2 = [
|
|
177603
177604
|
{
|
|
@@ -177610,6 +177611,28 @@ var options2 = [
|
|
|
177610
177611
|
value: { name: 'Category3' },
|
|
177611
177612
|
},
|
|
177612
177613
|
];
|
|
177614
|
+
var options3 = [
|
|
177615
|
+
{
|
|
177616
|
+
value: { name: 'Norvegian' },
|
|
177617
|
+
},
|
|
177618
|
+
{
|
|
177619
|
+
value: { name: 'Suomi' },
|
|
177620
|
+
},
|
|
177621
|
+
{
|
|
177622
|
+
value: { name: 'English' },
|
|
177623
|
+
},
|
|
177624
|
+
];
|
|
177625
|
+
var options4 = [
|
|
177626
|
+
{
|
|
177627
|
+
value: { name: 'Turku, Finland' },
|
|
177628
|
+
},
|
|
177629
|
+
{
|
|
177630
|
+
value: { name: 'Helsinki, Finland' },
|
|
177631
|
+
},
|
|
177632
|
+
{
|
|
177633
|
+
value: { name: 'Rovaniemi, Finland' },
|
|
177634
|
+
},
|
|
177635
|
+
];
|
|
177613
177636
|
var TestGround = /** @class */ (function (_super) {
|
|
177614
177637
|
__extends(TestGround, _super);
|
|
177615
177638
|
function TestGround(props) {
|
|
@@ -177650,6 +177673,8 @@ var TestGround = /** @class */ (function (_super) {
|
|
|
177650
177673
|
openCollapsibleOne: false,
|
|
177651
177674
|
openCollapsibleTwo: false,
|
|
177652
177675
|
openCollapsibleThree: false,
|
|
177676
|
+
openCollapsibleFour: false,
|
|
177677
|
+
openCollapsibleFive: false,
|
|
177653
177678
|
};
|
|
177654
177679
|
return _this;
|
|
177655
177680
|
}
|
|
@@ -177711,6 +177736,211 @@ var TestGround = /** @class */ (function (_super) {
|
|
|
177711
177736
|
React.createElement(Components.MainPanel, null,
|
|
177712
177737
|
React.createElement(index_1.ButtonGroup, { align: 'end' },
|
|
177713
177738
|
React.createElement(index_1.IconButton, { icon: "adjust", ariaValue: "Toggle theme", onClick: this.toggleTheme, toolTipFlow: 'left' })),
|
|
177739
|
+
React.createElement("div", { style: { maxWidth: '600px' }, className: "sd-shadow--z1 new-collapse-box ".concat(this.state.openCollapsibleFour ? 'new-collapse-box--open' : '') },
|
|
177740
|
+
React.createElement("div", { className: 'new-collapse-box__header' },
|
|
177741
|
+
React.createElement("div", { className: 'new-collapse-box__header-inner' },
|
|
177742
|
+
React.createElement("div", { role: "listitem", className: "sd-list-item sd-list-item--no-hover" },
|
|
177743
|
+
React.createElement("div", { className: "sd-list-item__border sd-list-item__border--locked" }),
|
|
177744
|
+
React.createElement("div", { className: "sd-list-item__column sd-list-item__column--no-border pe-0-5" },
|
|
177745
|
+
React.createElement(index_1.Icon, { type: 'primary', name: 'calendar', scale: '1.5x', ariaHidden: true })),
|
|
177746
|
+
React.createElement("div", { className: "sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border pe-1" },
|
|
177747
|
+
React.createElement("div", { className: "sd-list-item__row" },
|
|
177748
|
+
React.createElement("span", { className: "sd-list-item__slugline" }, "Planning Slug"),
|
|
177749
|
+
React.createElement("span", { className: "sd-overflow-ellipsis sd-list-item--element-grow" },
|
|
177750
|
+
React.createElement("span", { className: "sd-list-item__text-strong" }, "Cras justo odio, dapibus ac facilisis in."))),
|
|
177751
|
+
React.createElement("div", { className: "sd-list-item__row sd-list-item__row--overflow-visible me-1 mb-1-5" },
|
|
177752
|
+
React.createElement(index_1.Label, { text: 'draft', style: 'translucent' }),
|
|
177753
|
+
React.createElement("span", { className: "sd-margin-s--auto" },
|
|
177754
|
+
React.createElement(index_1.AvatarGroup, { size: "x-small", items: avatars })))),
|
|
177755
|
+
React.createElement("div", { className: "sd-list-item__action-menu sd-list-item__action-menu--direction-row ps-0" },
|
|
177756
|
+
React.createElement(index_1.ButtonGroup, { orientation: 'vertical', spaces: 'compact' },
|
|
177757
|
+
React.createElement(index_1.IconButton, { size: 'small', icon: 'external', ariaValue: 'Open in modal', onClick: function () { return false; } }),
|
|
177758
|
+
React.createElement(index_1.IconButton, { size: 'small', icon: 'trash', ariaValue: 'Delete Coverage', onClick: function () { return false; } }))))),
|
|
177759
|
+
React.createElement("button", { className: 'new-collapse-box__divider', onClick: function () { return _this.setState(function (prevState) { return ({ openCollapsibleFour: !prevState.openCollapsibleFour }); }); } },
|
|
177760
|
+
React.createElement("span", { className: 'label label--translucent new-collapse-box__divider-label' }, this.state.openCollapsibleFour ? 'Show less' : 'Show more'))),
|
|
177761
|
+
React.createElement("div", { className: 'new-collapse-box__content' },
|
|
177762
|
+
React.createElement("div", { className: 'new-collapse-box__content-inner p-2 pt-0-5' },
|
|
177763
|
+
React.createElement(Form.FormGroup, null,
|
|
177764
|
+
React.createElement(Form.FormItem, null,
|
|
177765
|
+
React.createElement(index_1.TreeSelect, { kind: 'synchronous', value: this.state.treeSelectValue, getOptions: function () { return options3; }, getLabel: function (item) { return item.name; }, getId: function (item) { return item.name; }, allowMultiple: true, sortable: true, required: true, label: 'Language', onChange: function () { return false; }, placeholder: 'Add language', width: 'medium' }))),
|
|
177766
|
+
React.createElement(Form.FormGroup, null,
|
|
177767
|
+
React.createElement(Form.FormItem, null,
|
|
177768
|
+
React.createElement(index_1.DatePicker, { value: this.state.date, dateFormat: "YYYY-MM-DD", onChange: function (date) {
|
|
177769
|
+
_this.setState({ date: date });
|
|
177770
|
+
}, label: 'Planning date' })),
|
|
177771
|
+
React.createElement(Form.FormItem, null,
|
|
177772
|
+
React.createElement(index_1.TimePicker, { value: this.state.time, onChange: function (time) {
|
|
177773
|
+
_this.setState({ time: time });
|
|
177774
|
+
}, allowSeconds: true, label: 'Planning time', labelHidden: true }))),
|
|
177775
|
+
React.createElement(Form.FormGroup, null,
|
|
177776
|
+
React.createElement(Form.FormItem, null,
|
|
177777
|
+
React.createElement(index_1.Input, { label: 'Slugline', value: '', type: 'text', tabindex: 0, onChange: function (value) { return _this.setState({ value: value }); } }))),
|
|
177778
|
+
React.createElement(Form.FormGroup, null,
|
|
177779
|
+
React.createElement(Form.FormItem, null,
|
|
177780
|
+
React.createElement(index_1.Input, { label: 'Name', value: '', type: 'text', tabindex: 0, onChange: function (value) { return _this.setState({ value: value }); } }))),
|
|
177781
|
+
React.createElement(Form.FormGroup, null,
|
|
177782
|
+
React.createElement(Form.FormItem, null,
|
|
177783
|
+
React.createElement(index_1.Input, { label: 'Headline', value: '', type: 'text', tabindex: 0, onChange: function (value) { return _this.setState({ value: value }); } }))),
|
|
177784
|
+
React.createElement(Form.FormGroup, null,
|
|
177785
|
+
React.createElement(Form.FormItem, null,
|
|
177786
|
+
React.createElement(index_1.Select, { value: this.state.value, label: 'Priority', onChange: function (value) {
|
|
177787
|
+
_this.setState({
|
|
177788
|
+
value: value,
|
|
177789
|
+
});
|
|
177790
|
+
} },
|
|
177791
|
+
React.createElement(index_1.Option, null, "None"),
|
|
177792
|
+
React.createElement(index_1.Option, null, "1"),
|
|
177793
|
+
React.createElement(index_1.Option, null, "2"),
|
|
177794
|
+
React.createElement(index_1.Option, null, "3"),
|
|
177795
|
+
React.createElement(index_1.Option, null, "4"),
|
|
177796
|
+
React.createElement(index_1.Option, null, "5"),
|
|
177797
|
+
React.createElement(index_1.Option, null, "6")))),
|
|
177798
|
+
React.createElement(Form.FormGroup, null,
|
|
177799
|
+
React.createElement(Form.FormItem, null,
|
|
177800
|
+
React.createElement(index_1.TreeSelect, { kind: 'synchronous', value: this.state.treeSelectValue, getOptions: function () { return options4; }, getLabel: function (item) { return item.name; }, getId: function (item) { return item.name; }, label: 'Place', onChange: function () { return false; }, placeholder: 'Select place', width: 'match-input' }))),
|
|
177801
|
+
React.createElement(Form.FormGroup, null,
|
|
177802
|
+
React.createElement(Form.FormItem, null,
|
|
177803
|
+
React.createElement(index_1.Input, { label: 'Description', value: '', type: 'text', tabindex: 0, onChange: function (value) { return _this.setState({ value: value }); } }))),
|
|
177804
|
+
React.createElement(Form.FormGroup, null,
|
|
177805
|
+
React.createElement(Form.FormItem, null,
|
|
177806
|
+
React.createElement(index_1.Input, { label: 'Internal note', value: '', type: 'text', tabindex: 0, onChange: function (value) { return _this.setState({ value: value }); } }))),
|
|
177807
|
+
React.createElement("div", { className: 'd-flex items-center justify-between mb-1-5' },
|
|
177808
|
+
React.createElement(index_1.Heading, { type: 'h4' }, "Coverages"),
|
|
177809
|
+
React.createElement(index_1.Button, { type: "primary", icon: "plus-large", text: "plus-large", size: 'small', shape: "round", iconOnly: true, onClick: function () { return false; } })),
|
|
177810
|
+
React.createElement("div", { className: 'sd-border--medium border-dashed p-1-5 radius-md d-flex items-center justify-center' },
|
|
177811
|
+
React.createElement("span", { className: 'text-sm text-color-subdued' }, "No Coverages yet")),
|
|
177812
|
+
React.createElement("div", { className: "sd-shadow--z1 new-collapse-box ".concat(this.state.openCollapsibleFive ? 'new-collapse-box--open' : '') },
|
|
177813
|
+
React.createElement("div", { className: 'new-collapse-box__header' },
|
|
177814
|
+
React.createElement("div", { className: 'new-collapse-box__header-inner' },
|
|
177815
|
+
React.createElement("div", { role: "listitem", className: "sd-list-item sd-list-item--no-hover hide-on-open" },
|
|
177816
|
+
React.createElement("div", { className: "sd-list-item__column sd-list-item__column--no-border pe-1" },
|
|
177817
|
+
React.createElement(index_1.Avatar, { displayName: "Jeffrey Lebowski", imageUrl: null, initials: 'JL', size: "medium", icon: { name: 'photo', color: 'var(--sd-colour-highlight)' } })),
|
|
177818
|
+
React.createElement("div", { className: "sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border" },
|
|
177819
|
+
React.createElement("div", { className: "sd-list-item__row" },
|
|
177820
|
+
React.createElement("span", { className: "sd-overflow-ellipsis sd-list-item--element-grow" },
|
|
177821
|
+
React.createElement("span", { className: "sd-list-item__compound-text" },
|
|
177822
|
+
React.createElement("span", { className: "sd-list-item__text-strong" }, "Photo"),
|
|
177823
|
+
React.createElement("span", { className: "sd-list-item__text-light" }, "//"),
|
|
177824
|
+
React.createElement("span", { className: "sd-list-item__text" }, "Archive"))),
|
|
177825
|
+
React.createElement("time", { className: "sd-margin-s--auto", title: "June 01, 2022 11:08 AM" }, "11:08, 01.06.2022")),
|
|
177826
|
+
React.createElement("div", { className: "sd-list-item__row sd-list-item__row--overflow-visible mb-1-5" },
|
|
177827
|
+
React.createElement("span", { className: "sd-list-item__compound-text" },
|
|
177828
|
+
React.createElement("span", { className: "sd-list-item__text-label" }, "Desk:"),
|
|
177829
|
+
React.createElement("span", null, "Sports")),
|
|
177830
|
+
React.createElement("span", { className: "sd-list-item__compound-text" },
|
|
177831
|
+
React.createElement("span", { className: "sd-list-item__text-label" }, "Assignee:"),
|
|
177832
|
+
React.createElement("span", null, "Jeffrey Lebowski")),
|
|
177833
|
+
React.createElement("span", { className: 'sd-margin-s--auto' },
|
|
177834
|
+
React.createElement(index_1.Label, { text: 'draft', style: 'translucent', type: 'default' })))),
|
|
177835
|
+
React.createElement("div", { className: "sd-list-item__action-menu sd-list-item__action-menu--direction-row" },
|
|
177836
|
+
React.createElement("div", { className: "side-panel__top-tools-right" },
|
|
177837
|
+
React.createElement("button", { id: "coverages[0]-item-actions", className: "icn-btn dropdown__toggle", title: "Actions", "aria-label": "More actions" },
|
|
177838
|
+
React.createElement("i", { className: "icon-dots-vertical" })))))),
|
|
177839
|
+
React.createElement("button", { className: 'new-collapse-box__divider', onClick: function () { return _this.setState(function (prevState) { return ({ openCollapsibleFive: !prevState.openCollapsibleFive }); }); } },
|
|
177840
|
+
React.createElement("span", { className: 'label label--translucent new-collapse-box__divider-label' }, this.state.openCollapsibleFive ? 'Show less' : 'Show more'))),
|
|
177841
|
+
React.createElement("div", { className: 'new-collapse-box__content' },
|
|
177842
|
+
React.createElement("div", { className: 'new-collapse-box__content-inner p-2 pt-0-5' },
|
|
177843
|
+
React.createElement(index_1.Container, { className: 'sd-border--mediu sd-panel-bg--000 p-1-5 radius-lg sd-shadow--z1 mb-3' },
|
|
177844
|
+
React.createElement("div", { role: "listitem", className: "sd-list-item sd-list-item--no-hover flex-grow" },
|
|
177845
|
+
React.createElement("div", { className: "sd-list-item__column sd-list-item__column--no-border px-0" },
|
|
177846
|
+
React.createElement(index_1.Avatar, { displayName: "Jeffrey Lebowski", imageUrl: null, initials: 'JL', size: "large" })),
|
|
177847
|
+
React.createElement("div", { className: "sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border gap-0-5" },
|
|
177848
|
+
React.createElement("div", { className: "sd-list-item__row m-0 flex-grow" },
|
|
177849
|
+
React.createElement("span", { className: "sd-overflow-ellipsis flex-grow" },
|
|
177850
|
+
React.createElement("span", { className: "sd-list-item__compound-text" },
|
|
177851
|
+
React.createElement("span", { className: "sd-list-item__text-strong" }, "Photo"),
|
|
177852
|
+
React.createElement("span", { className: "sd-list-item__text-light" }, "//"),
|
|
177853
|
+
React.createElement("span", { className: "sd-list-item__text" }, "Archive"))),
|
|
177854
|
+
React.createElement(index_1.Label, { text: 'Draft', style: 'translucent', type: 'default' })),
|
|
177855
|
+
React.createElement("div", { className: "sd-list-item__row sd-list-item__row--overflow-visible m-0 flex-grow" },
|
|
177856
|
+
React.createElement("span", { className: "sd-list-item__compound-text" },
|
|
177857
|
+
React.createElement("span", { className: "sd-list-item__text-label" }, "Desk:"),
|
|
177858
|
+
React.createElement("span", null, "Sports")),
|
|
177859
|
+
React.createElement("span", { className: "sd-list-item__compound-text" },
|
|
177860
|
+
React.createElement("span", { className: "sd-list-item__text-label" }, "Assignee:"),
|
|
177861
|
+
React.createElement("span", null, "Jeffrey Lebowski")))),
|
|
177862
|
+
React.createElement("div", { className: "sd-list-item__column px-0 gap-0-5" },
|
|
177863
|
+
React.createElement("div", { className: "sd-list-item__row justify-end m-0 flex-grow" },
|
|
177864
|
+
React.createElement("button", { className: "btn btn btn--hollow btn--small" }, "Reassign")),
|
|
177865
|
+
React.createElement("div", { className: "sd-list-item__row justify-end m-0 flex-grow" },
|
|
177866
|
+
React.createElement("button", { className: "btn btn btn--hollow btn--small" }, "Remove"))))),
|
|
177867
|
+
React.createElement(Form.FormGroup, null,
|
|
177868
|
+
React.createElement(Form.FormItem, null,
|
|
177869
|
+
React.createElement(index_1.Select, { value: this.state.value, label: 'Coverage type', required: true, onChange: function (value) {
|
|
177870
|
+
_this.setState({
|
|
177871
|
+
value: value,
|
|
177872
|
+
});
|
|
177873
|
+
} },
|
|
177874
|
+
React.createElement(index_1.Option, null, "None"),
|
|
177875
|
+
React.createElement(index_1.Option, null, "Text"),
|
|
177876
|
+
React.createElement(index_1.Option, null, "Picture"),
|
|
177877
|
+
React.createElement(index_1.Option, null, "Video"),
|
|
177878
|
+
React.createElement(index_1.Option, null, "Audio"),
|
|
177879
|
+
React.createElement(index_1.Option, null, "Infographic"),
|
|
177880
|
+
React.createElement(index_1.Option, null, "Live video"),
|
|
177881
|
+
React.createElement(index_1.Option, null, "Live blog")))),
|
|
177882
|
+
React.createElement(Form.FormGroup, null,
|
|
177883
|
+
React.createElement(Form.FormItem, null,
|
|
177884
|
+
React.createElement(index_1.Select, { value: this.state.value, label: 'Genre', onChange: function (value) {
|
|
177885
|
+
_this.setState({
|
|
177886
|
+
value: value,
|
|
177887
|
+
});
|
|
177888
|
+
} },
|
|
177889
|
+
React.createElement(index_1.Option, null, "Article (news)"),
|
|
177890
|
+
React.createElement(index_1.Option, null, "Sidebar"),
|
|
177891
|
+
React.createElement(index_1.Option, null, "Factbox"),
|
|
177892
|
+
React.createElement(index_1.Option, null, "Feature"),
|
|
177893
|
+
React.createElement(index_1.Option, null, "Newsfeature"),
|
|
177894
|
+
React.createElement(index_1.Option, null, "Backgrounder"),
|
|
177895
|
+
React.createElement(index_1.Option, null, "Opinion"),
|
|
177896
|
+
React.createElement(index_1.Option, null, "Modular")))),
|
|
177897
|
+
React.createElement(Form.FormGroup, null,
|
|
177898
|
+
React.createElement(Form.FormItem, null,
|
|
177899
|
+
React.createElement(index_1.Input, { label: 'Slugline', value: '', type: 'text', tabindex: 0, onChange: function (value) { return _this.setState({ value: value }); } }))),
|
|
177900
|
+
React.createElement(Form.FormGroup, null,
|
|
177901
|
+
React.createElement(Form.FormItem, null,
|
|
177902
|
+
React.createElement(index_1.Input, { label: 'Ed note', value: '', type: 'text', tabindex: 0, onChange: function (value) { return _this.setState({ value: value }); } }))),
|
|
177903
|
+
React.createElement(Form.FormGroup, null,
|
|
177904
|
+
React.createElement(Form.FormItem, null,
|
|
177905
|
+
React.createElement(index_1.Input, { label: 'Internal note', value: '', type: 'text', tabindex: 0, onChange: function (value) { return _this.setState({ value: value }); } }))),
|
|
177906
|
+
React.createElement(Form.FormGroup, null,
|
|
177907
|
+
React.createElement(Form.FormItem, null,
|
|
177908
|
+
React.createElement(index_1.Select, { value: this.state.value, label: 'Coverage Status', onChange: function (value) {
|
|
177909
|
+
_this.setState({
|
|
177910
|
+
value: value,
|
|
177911
|
+
});
|
|
177912
|
+
} },
|
|
177913
|
+
React.createElement(index_1.Option, null, "Planned"),
|
|
177914
|
+
React.createElement(index_1.Option, null, "On merit"),
|
|
177915
|
+
React.createElement(index_1.Option, null, "Not planned"),
|
|
177916
|
+
React.createElement(index_1.Option, null, "On request")))),
|
|
177917
|
+
React.createElement(Form.FormGroup, null,
|
|
177918
|
+
React.createElement(Form.FormItem, null,
|
|
177919
|
+
React.createElement(index_1.DatePicker, { value: this.state.date, dateFormat: "YYYY-MM-DD", required: true, onChange: function (date) {
|
|
177920
|
+
_this.setState({ date: date });
|
|
177921
|
+
}, label: 'Due' })),
|
|
177922
|
+
React.createElement(Form.FormItem, null,
|
|
177923
|
+
React.createElement(index_1.TimePicker, { value: this.state.time, onChange: function (time) {
|
|
177924
|
+
_this.setState({ time: time });
|
|
177925
|
+
}, allowSeconds: true, label: 'Planning time', labelHidden: true }))),
|
|
177926
|
+
React.createElement(Form.FormGroup, null,
|
|
177927
|
+
React.createElement(Form.FormItem, null,
|
|
177928
|
+
React.createElement(index_1.TreeSelect, { kind: 'synchronous', value: this.state.treeSelectValue, getOptions: function () { return options3; }, getLabel: function (item) { return item.name; }, getId: function (item) { return item.name; }, label: 'Language', onChange: function () { return false; }, placeholder: 'Select place', required: true, width: 'match-input' }))),
|
|
177929
|
+
React.createElement(Form.FormGroup, null,
|
|
177930
|
+
React.createElement(Form.FormItem, null,
|
|
177931
|
+
React.createElement(index_1.Input, { label: 'Coverage contact', value: '', type: 'text', tabindex: 0, onChange: function (value) { return _this.setState({ value: value }); } }))),
|
|
177932
|
+
React.createElement(Form.FormGroup, null,
|
|
177933
|
+
React.createElement(Form.FormItem, null,
|
|
177934
|
+
React.createElement(index_1.Input, { label: 'Headline', value: '', type: 'text', tabindex: 0, onChange: function (value) { return _this.setState({ value: value }); } }))),
|
|
177935
|
+
React.createElement("div", { className: 'mb-1' },
|
|
177936
|
+
React.createElement(FormLabel_1.FormLabel, { text: 'Attachments' }),
|
|
177937
|
+
React.createElement("div", { className: "basic-drag-block mt-0-5" },
|
|
177938
|
+
React.createElement(index_1.Icon, { size: 'big', name: 'upload-alt' }),
|
|
177939
|
+
" ",
|
|
177940
|
+
React.createElement("span", { className: "basic-drag-block__text" }, " Drag files here or"),
|
|
177941
|
+
" ",
|
|
177942
|
+
React.createElement("a", { className: "text-link", href: "" }, "browse"),
|
|
177943
|
+
".")))))))),
|
|
177714
177944
|
React.createElement("hr", null),
|
|
177715
177945
|
React.createElement(index_1.Avatar, { displayName: "Jeffrey Lebowski", imageUrl: null, initials: 'JL', size: "small", statusDot: { color: 'var(--sd-colour-coverage-state--on-merit)' }, icon: { name: 'text' } }),
|
|
177716
177946
|
React.createElement("hr", null),
|
|
@@ -185269,7 +185499,7 @@ exports.ThreePaneLayoutPattern = ThreePaneLayoutPattern;
|
|
|
185269
185499
|
/* 935 */
|
|
185270
185500
|
/***/ (function(module, exports) {
|
|
185271
185501
|
|
|
185272
|
-
module.exports = {"name":"superdesk-ui-framework","version":"3.1.
|
|
185502
|
+
module.exports = {"name":"superdesk-ui-framework","version":"3.1.22","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","playground-lint":"tsc -p examples/pages/playgrounds/react-playgrounds --noEmit","lint":"eslint --parser=@typescript-eslint/parser app && tslint -c tslint.json 'app-typescript/**/*.{ts,tsx}' && npm run playground-lint","lint-fix":"tsc -p tsconfig.json --noEmit && tslint --fix -c tslint.json 'app-typescript/**/*.{ts,tsx}'","prepublishOnly":"npm run build","unit-test":"mocha","debug-unit-tests":"mocha --inspect-brk"},"devDependencies":{"@types/assert":"^1.5.6","@types/chart.js":"^2.9.24","@types/classnames":"^2.2.9","@types/enzyme":"^3.10.12","@types/enzyme-adapter-react-16":"^1.0.6","@types/lodash":"^4.14.161","@types/mocha":"^9.1.1","@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.58.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","enzyme":"^3.11.0","enzyme-adapter-react-16":"^1.15.7","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","jsdom":"20.0.3","jsdom-global":"3.0.2","lodash":"4.17.21","mocha":"^8.4.0","moment":"^2.29.3","node-sass":"6.0","prismjs":"^1.28.0","prop-types":"^15.6.0","react":"16.8.6","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","ts-node":"^10.9.1","tslint":"^5.18.0","typescript":"4.9.5","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":{"@popperjs/core":"^2.4.0","@superdesk/common":"0.0.28","@superdesk/primereact":"^5.0.2-12","@superdesk/react-resizable-panels":"0.0.39","chart.js":"^2.9.3","date-fns":"2.7.0","popper-max-size-modifier":"^0.2.0","popper.js":"1.14.4","primeicons":"2.0.0","react-beautiful-dnd":"^13.0.0","react-id-generator":"^3.0.0","react-scrollspy":"^3.4.3"},"peerDependencies":{"moment":"*"}}
|
|
185273
185503
|
|
|
185274
185504
|
/***/ }),
|
|
185275
185505
|
/* 936 */
|