@luomus/laji-form-builder 1.0.28
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/CHANGELOG.md +3 -0
- package/LICENSE +21 -0
- package/README.md +114 -0
- package/dist/laji-form-builder.js +2 -0
- package/dist/laji-form-builder.js.LICENSE.txt +82 -0
- package/dist/main.js +2 -0
- package/dist/main.js.LICENSE.txt +86 -0
- package/dist/styles.css +4 -0
- package/lib/api-client.d.ts +20 -0
- package/lib/api-client.js +60 -0
- package/lib/api-client.js.map +1 -0
- package/lib/client/LajiFormInterface.d.ts +44 -0
- package/lib/client/LajiFormInterface.js +39 -0
- package/lib/client/LajiFormInterface.js.map +1 -0
- package/lib/client/app.d.ts +9 -0
- package/lib/client/app.js +39 -0
- package/lib/client/app.js.map +1 -0
- package/lib/client/components/Builder.d.ts +101 -0
- package/lib/client/components/Builder.js +357 -0
- package/lib/client/components/Builder.js.map +1 -0
- package/lib/client/components/Context.d.ts +18 -0
- package/lib/client/components/Context.js +25 -0
- package/lib/client/components/Context.js.map +1 -0
- package/lib/client/components/Editor/BasicEditor.d.ts +29 -0
- package/lib/client/components/Editor/BasicEditor.js +185 -0
- package/lib/client/components/Editor/BasicEditor.js.map +1 -0
- package/lib/client/components/Editor/DiffViewer.d.ts +17 -0
- package/lib/client/components/Editor/DiffViewer.js +134 -0
- package/lib/client/components/Editor/DiffViewer.js.map +1 -0
- package/lib/client/components/Editor/Editor.d.ts +111 -0
- package/lib/client/components/Editor/Editor.js +344 -0
- package/lib/client/components/Editor/Editor.js.map +1 -0
- package/lib/client/components/Editor/ElemPicker.d.ts +13 -0
- package/lib/client/components/Editor/ElemPicker.js +170 -0
- package/lib/client/components/Editor/ElemPicker.js.map +1 -0
- package/lib/client/components/Editor/FieldEditor.d.ts +41 -0
- package/lib/client/components/Editor/FieldEditor.js +125 -0
- package/lib/client/components/Editor/FieldEditor.js.map +1 -0
- package/lib/client/components/Editor/Fields.d.ts +27 -0
- package/lib/client/components/Editor/Fields.js +185 -0
- package/lib/client/components/Editor/Fields.js.map +1 -0
- package/lib/client/components/Editor/OptionsEditor.d.ts +20 -0
- package/lib/client/components/Editor/OptionsEditor.js +207 -0
- package/lib/client/components/Editor/OptionsEditor.js.map +1 -0
- package/lib/client/components/Editor/UiSchemaEditor.d.ts +22 -0
- package/lib/client/components/Editor/UiSchemaEditor.js +368 -0
- package/lib/client/components/Editor/UiSchemaEditor.js.map +1 -0
- package/lib/client/components/LajiForm.d.ts +4 -0
- package/lib/client/components/LajiForm.js +32 -0
- package/lib/client/components/LajiForm.js.map +1 -0
- package/lib/client/components/Wizard.d.ts +11 -0
- package/lib/client/components/Wizard.js +364 -0
- package/lib/client/components/Wizard.js.map +1 -0
- package/lib/client/components/components.d.ts +103 -0
- package/lib/client/components/components.js +321 -0
- package/lib/client/components/components.js.map +1 -0
- package/lib/client/services/change-handler-service.d.ts +57 -0
- package/lib/client/services/change-handler-service.js +150 -0
- package/lib/client/services/change-handler-service.js.map +1 -0
- package/lib/client/services/form-service.d.ts +21 -0
- package/lib/client/services/form-service.js +77 -0
- package/lib/client/services/form-service.js.map +1 -0
- package/lib/client/styles.css +227 -0
- package/lib/client/styles.d.ts +2 -0
- package/lib/client/styles.js +5 -0
- package/lib/client/styles.js.map +1 -0
- package/lib/client/themes/bs3.d.ts +3 -0
- package/lib/client/themes/bs3.js +49 -0
- package/lib/client/themes/bs3.js.map +1 -0
- package/lib/client/themes/theme.d.ts +28 -0
- package/lib/client/themes/theme.js +14 -0
- package/lib/client/themes/theme.js.map +1 -0
- package/lib/client/translations.json +272 -0
- package/lib/client/utils.d.ts +63 -0
- package/lib/client/utils.js +370 -0
- package/lib/client/utils.js.map +1 -0
- package/lib/model.d.ts +205 -0
- package/lib/model.js +43 -0
- package/lib/model.js.map +1 -0
- package/lib/services/form-expander-service.d.ts +15 -0
- package/lib/services/form-expander-service.js +77 -0
- package/lib/services/form-expander-service.js.map +1 -0
- package/lib/services/has-cache.d.ts +8 -0
- package/lib/services/has-cache.js +22 -0
- package/lib/services/has-cache.js.map +1 -0
- package/lib/services/metadata-service.d.ts +23 -0
- package/lib/services/metadata-service.js +138 -0
- package/lib/services/metadata-service.js.map +1 -0
- package/lib/utils.d.ts +79 -0
- package/lib/utils.js +117 -0
- package/lib/utils.js.map +1 -0
- package/package.json +114 -0
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
3
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
4
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
5
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
6
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
7
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
8
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
12
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
13
|
+
};
|
|
14
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
15
|
+
const has_cache_1 = __importDefault(require("../../services/has-cache"));
|
|
16
|
+
class FormService extends has_cache_1.default {
|
|
17
|
+
constructor(apiClient, lang, formApiClient, personToken) {
|
|
18
|
+
super();
|
|
19
|
+
this.getMaster = this.cache((id, signal) => {
|
|
20
|
+
const query = { format: "json" };
|
|
21
|
+
if (!this.formApiClient) {
|
|
22
|
+
query.lang = "multi";
|
|
23
|
+
}
|
|
24
|
+
query.expand = false;
|
|
25
|
+
return this.fetchJSON(`/${id}`, query, { signal });
|
|
26
|
+
}, { length: 1 });
|
|
27
|
+
this.getSchemaFormatCache = this.cache((id) => this.cache((lang) => this.fetchJSON(`/${id}`, { format: "schema", lang })));
|
|
28
|
+
this.getSchemaFormat = (id) => this.getSchemaFormatCache(id)(this.lang);
|
|
29
|
+
this.getForms = this.cache((lang) => __awaiter(this, void 0, void 0, function* () {
|
|
30
|
+
const response = (yield this.fetchJSON("", lang ? { lang } : undefined));
|
|
31
|
+
return this.formApiClient ? response.forms : response.results;
|
|
32
|
+
}));
|
|
33
|
+
this.apiClient = apiClient;
|
|
34
|
+
this.formApiClient = formApiClient;
|
|
35
|
+
this.lang = lang;
|
|
36
|
+
this.personToken = personToken;
|
|
37
|
+
}
|
|
38
|
+
fetchJSON(path, query, options) {
|
|
39
|
+
return this.formApiClient
|
|
40
|
+
? this.formApiClient.fetchJSON(path, query, options)
|
|
41
|
+
: this.apiClient.fetchJSON(`/forms/${path}`, query, options);
|
|
42
|
+
}
|
|
43
|
+
update(form) {
|
|
44
|
+
return __awaiter(this, void 0, void 0, function* () {
|
|
45
|
+
const remoteForm = yield this.fetchJSON(`/${form.id}`, { personToken: this.personToken }, { method: "PUT", body: JSON.stringify(form), headers: {
|
|
46
|
+
"Content-Type": "application/json"
|
|
47
|
+
} });
|
|
48
|
+
this.getMaster.delete(form.id);
|
|
49
|
+
this.getSchemaFormatCache(form.id).clear();
|
|
50
|
+
return remoteForm;
|
|
51
|
+
});
|
|
52
|
+
}
|
|
53
|
+
create(form) {
|
|
54
|
+
return this.fetchJSON("", { personToken: this.personToken }, { method: "POST", body: JSON.stringify(form), headers: {
|
|
55
|
+
"Content-Type": "application/json"
|
|
56
|
+
} });
|
|
57
|
+
}
|
|
58
|
+
delete(id) {
|
|
59
|
+
return __awaiter(this, void 0, void 0, function* () {
|
|
60
|
+
const response = yield this.fetchJSON(`/${id}`, { personToken: this.personToken }, { method: "DELETE" });
|
|
61
|
+
this.getMaster.delete(id);
|
|
62
|
+
this.getSchemaFormatCache(id).clear();
|
|
63
|
+
this.getForms.clear();
|
|
64
|
+
return response;
|
|
65
|
+
});
|
|
66
|
+
}
|
|
67
|
+
masterToSchemaFormat(master, signal) {
|
|
68
|
+
return this.fetchJSON("/transform", { lang: this.lang, personToken: this.personToken }, { method: "POST", body: JSON.stringify(master), headers: {
|
|
69
|
+
"Content-Type": "application/json"
|
|
70
|
+
}, signal });
|
|
71
|
+
}
|
|
72
|
+
setLang(lang) {
|
|
73
|
+
this.lang = lang;
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
exports.default = FormService;
|
|
77
|
+
//# sourceMappingURL=form-service.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form-service.js","sourceRoot":"","sources":["../../../src/client/services/form-service.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,227 @@
|
|
|
1
|
+
@charset "UTF-8";
|
|
2
|
+
:export {
|
|
3
|
+
padding: 10px; }
|
|
4
|
+
|
|
5
|
+
.ljb {
|
|
6
|
+
font-size: 13px; }
|
|
7
|
+
.ljb-field {
|
|
8
|
+
padding-left: 10px; }
|
|
9
|
+
.ljb-field-chooser {
|
|
10
|
+
color: darkgray;
|
|
11
|
+
background: initial;
|
|
12
|
+
border: none; }
|
|
13
|
+
.ljb-field > span:hover {
|
|
14
|
+
color: white; }
|
|
15
|
+
.ljb-field-expanded, .ljb-field-contracted {
|
|
16
|
+
width: 0px; }
|
|
17
|
+
.ljb-field-expanded:before, .ljb-field-contracted:before {
|
|
18
|
+
color: darkgray;
|
|
19
|
+
margin-left: -13px; }
|
|
20
|
+
.ljb-field-expanded:hover::before, .ljb-field-contracted:hover::before {
|
|
21
|
+
color: white; }
|
|
22
|
+
.ljb-field-expanded:before {
|
|
23
|
+
content: "▼"; }
|
|
24
|
+
.ljb-field-contracted:before {
|
|
25
|
+
content: "►"; }
|
|
26
|
+
.ljb-field-delete {
|
|
27
|
+
margin-left: auto; }
|
|
28
|
+
.ljb-field-delete:before {
|
|
29
|
+
content: "✕";
|
|
30
|
+
font-weight: bold;
|
|
31
|
+
color: #e48181; }
|
|
32
|
+
.ljb-field-delete:hover:before {
|
|
33
|
+
color: #d22d2d; }
|
|
34
|
+
.ljb-field-add {
|
|
35
|
+
margin-left: 5px; }
|
|
36
|
+
.ljb-field-add:before {
|
|
37
|
+
content: "+";
|
|
38
|
+
font-weight: bold;
|
|
39
|
+
color: #a4ea6b; }
|
|
40
|
+
.ljb-field-add:hover:before {
|
|
41
|
+
color: #6ed21d; }
|
|
42
|
+
.ljb-field-item {
|
|
43
|
+
display: flex; }
|
|
44
|
+
.ljb-field-item-selected {
|
|
45
|
+
color: #c7ddef;
|
|
46
|
+
font-weight: bold; }
|
|
47
|
+
.ljb-field-label {
|
|
48
|
+
text-overflow: ellipsis;
|
|
49
|
+
white-space: nowrap;
|
|
50
|
+
overflow: hidden; }
|
|
51
|
+
.ljb-clickable {
|
|
52
|
+
cursor: pointer; }
|
|
53
|
+
.ljb-editor {
|
|
54
|
+
box-shadow: 0px -2px 6px 1px #0000004d;
|
|
55
|
+
background-color: #f5f5f5; }
|
|
56
|
+
.ljb-editor *:focus {
|
|
57
|
+
outline: none; }
|
|
58
|
+
.ljb-editor .ljb-error, .ljb-editor .ljb-warning {
|
|
59
|
+
padding: 0 10px;
|
|
60
|
+
border-bottom: 1px solid;
|
|
61
|
+
width: 100%; }
|
|
62
|
+
.ljb-editor .ljb-error {
|
|
63
|
+
background-color: #f6d5d5;
|
|
64
|
+
border-color: #a82424;
|
|
65
|
+
color: #a82424; }
|
|
66
|
+
.ljb-editor .ljb-warning {
|
|
67
|
+
background-color: #f7eec4;
|
|
68
|
+
border-color: #a58c17;
|
|
69
|
+
color: #a58c17; }
|
|
70
|
+
.ljb-editor-nav-bar {
|
|
71
|
+
padding: 10px;
|
|
72
|
+
background-color: #47494e; }
|
|
73
|
+
.ljb-editor-toolbar .glyphicon.active {
|
|
74
|
+
color: #337ab7; }
|
|
75
|
+
.ljb-elem-picker:focus {
|
|
76
|
+
outline: none; }
|
|
77
|
+
.ljb-field-editor {
|
|
78
|
+
padding: 10px; }
|
|
79
|
+
.ljb-field-editor fieldset .field-object > div > div > fieldset > div {
|
|
80
|
+
padding-left: 10px; }
|
|
81
|
+
.ljb-draggable-line {
|
|
82
|
+
background-color: #717171; }
|
|
83
|
+
.ljb-editor-toolbar {
|
|
84
|
+
background-color: gainsboro;
|
|
85
|
+
border-bottom: 1px solid #8f8f8f;
|
|
86
|
+
padding: 0px 2px; }
|
|
87
|
+
.ljb-editor-toolbar-separator {
|
|
88
|
+
padding: 0px 4px; }
|
|
89
|
+
.ljb-editor-toolbar-separator:before {
|
|
90
|
+
content: " ";
|
|
91
|
+
border: 1px solid #c2c2c2; }
|
|
92
|
+
.ljb-editor-toolbar .ljb-tab {
|
|
93
|
+
padding: 2px 6px; }
|
|
94
|
+
.ljb-editor-toolbar-info {
|
|
95
|
+
color: #47494e; }
|
|
96
|
+
.ljb-tabs {
|
|
97
|
+
color: #47494e; }
|
|
98
|
+
.ljb-tab {
|
|
99
|
+
padding: 0px 6px; }
|
|
100
|
+
.ljb-tab:hover, .ljb-tab.ljb-active {
|
|
101
|
+
border-bottom: 2px solid #337ab7;
|
|
102
|
+
margin-bottom: -1px;
|
|
103
|
+
color: black; }
|
|
104
|
+
.ljb-tab.ljb-active {
|
|
105
|
+
background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }
|
|
106
|
+
.ljb-pills .ljb-tab {
|
|
107
|
+
border: none;
|
|
108
|
+
margin: 2px;
|
|
109
|
+
padding: -2px;
|
|
110
|
+
font-size: 12px; }
|
|
111
|
+
.ljb-pills .ljb-tab.ljb-active {
|
|
112
|
+
border: 1px solid #c2c2c2;
|
|
113
|
+
border-radius: 10px; }
|
|
114
|
+
.ljb-spinner-black .react-spinner_bar {
|
|
115
|
+
background-color: black; }
|
|
116
|
+
.ljb-json-editor {
|
|
117
|
+
font-family: monospace;
|
|
118
|
+
font-size: 10px; }
|
|
119
|
+
.ljb-json-editor-invalid {
|
|
120
|
+
background-color: #edabab; }
|
|
121
|
+
.ljb-close-button {
|
|
122
|
+
background: none;
|
|
123
|
+
border: none;
|
|
124
|
+
margin-top: -10px;
|
|
125
|
+
margin-right: -13px; }
|
|
126
|
+
.ljb-close-button:before {
|
|
127
|
+
content: "✖";
|
|
128
|
+
color: #337ab7; }
|
|
129
|
+
.ljb-editor-content .ljb-tabs, .ljb-editor-content-toolbar {
|
|
130
|
+
color: #47494e;
|
|
131
|
+
background-color: gainsboro;
|
|
132
|
+
border-bottom: 1px solid #c2c2c2; }
|
|
133
|
+
.ljb-editor-content .ljb-tab {
|
|
134
|
+
padding: 1px 6px; }
|
|
135
|
+
.ljb-editor-content-toolbar {
|
|
136
|
+
padding: 2px; }
|
|
137
|
+
.ljb-editor-content-ui {
|
|
138
|
+
padding: 10px; }
|
|
139
|
+
.ljb-options-editor-clear {
|
|
140
|
+
background: white;
|
|
141
|
+
border: 1px solid #d22d2d;
|
|
142
|
+
border-radius: 2px;
|
|
143
|
+
color: #d22d2d;
|
|
144
|
+
font-weight: bold;
|
|
145
|
+
padding: 0 10px;
|
|
146
|
+
margin-right: -10px;
|
|
147
|
+
margin-left: -10px; }
|
|
148
|
+
.ljb-options-editor-clear:after {
|
|
149
|
+
content: "✖";
|
|
150
|
+
padding: 5px; }
|
|
151
|
+
.ljb-picker-highlighter {
|
|
152
|
+
background: #337ab7;
|
|
153
|
+
opacity: 0.3; }
|
|
154
|
+
.ljb-creator-wizard-create-create {
|
|
155
|
+
margin-bottom: 10px; }
|
|
156
|
+
.ljb-form-select-list {
|
|
157
|
+
max-height: 50vh;
|
|
158
|
+
overflow: auto; }
|
|
159
|
+
.ljb-form-select-list-item-delete {
|
|
160
|
+
color: #d22d2d;
|
|
161
|
+
float: right;
|
|
162
|
+
padding: 5px 10px;
|
|
163
|
+
margin: -5px;
|
|
164
|
+
border-radius: 15px; }
|
|
165
|
+
.ljb-form-select-list-item-delete:before {
|
|
166
|
+
content: "✖"; }
|
|
167
|
+
.ljb-form-select-list-item-delete:hover {
|
|
168
|
+
color: #7e1b1b;
|
|
169
|
+
background: #f6d5d5; }
|
|
170
|
+
.ljb-form-select-list-item .ljb-spinner-container {
|
|
171
|
+
float: right;
|
|
172
|
+
left: initial;
|
|
173
|
+
top: 10px; }
|
|
174
|
+
.ljb .modal-content {
|
|
175
|
+
background-color: #f5f5f5; }
|
|
176
|
+
.ljb .modal-content *:focus {
|
|
177
|
+
outline: none; }
|
|
178
|
+
.ljb-wide-modal {
|
|
179
|
+
width: 90%; }
|
|
180
|
+
.ljb-diff {
|
|
181
|
+
font-family: monospace;
|
|
182
|
+
font-size: 10px; }
|
|
183
|
+
.ljb-diff-delete {
|
|
184
|
+
background-color: #f6d5d5; }
|
|
185
|
+
.ljb-diff-edit {
|
|
186
|
+
background-color: #c7ddef; }
|
|
187
|
+
.ljb-diff-new {
|
|
188
|
+
background-color: #dbf7c4; }
|
|
189
|
+
.ljb-pretty-json {
|
|
190
|
+
margin: 0;
|
|
191
|
+
white-space: pre-wrap; }
|
|
192
|
+
.ljb-search-input {
|
|
193
|
+
position: relative; }
|
|
194
|
+
.ljb-search-input .glyphicon {
|
|
195
|
+
position: absolute;
|
|
196
|
+
right: 10px;
|
|
197
|
+
top: 10px; }
|
|
198
|
+
.ljb-ml-1 {
|
|
199
|
+
margin-left: 2px; }
|
|
200
|
+
.ljb-mr-1 {
|
|
201
|
+
margin-right: 2px; }
|
|
202
|
+
.ljb-mb-1 {
|
|
203
|
+
margin-bottom: 2px; }
|
|
204
|
+
.ljb-ml-2 {
|
|
205
|
+
margin-left: 4px; }
|
|
206
|
+
.ljb-mr-2 {
|
|
207
|
+
margin-right: 4px; }
|
|
208
|
+
.ljb-mb-2 {
|
|
209
|
+
margin-bottom: 4px; }
|
|
210
|
+
.ljb-ml-3 {
|
|
211
|
+
margin-left: 6px; }
|
|
212
|
+
.ljb-mr-3 {
|
|
213
|
+
margin-right: 6px; }
|
|
214
|
+
.ljb-mb-3 {
|
|
215
|
+
margin-bottom: 6px; }
|
|
216
|
+
.ljb-ml-4 {
|
|
217
|
+
margin-left: 8px; }
|
|
218
|
+
.ljb-mr-4 {
|
|
219
|
+
margin-right: 8px; }
|
|
220
|
+
.ljb-mb-4 {
|
|
221
|
+
margin-bottom: 8px; }
|
|
222
|
+
.ljb-ml-5 {
|
|
223
|
+
margin-left: 10px; }
|
|
224
|
+
.ljb-mr-5 {
|
|
225
|
+
margin-right: 10px; }
|
|
226
|
+
.ljb-mb-5 {
|
|
227
|
+
margin-bottom: 10px; }
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/client/styles.ts"],"names":[],"mappings":";;AAAA,6CAA2C;AAC3C,yBAAuB"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
+
}) : function(o, v) {
|
|
12
|
+
o["default"] = v;
|
|
13
|
+
});
|
|
14
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
+
if (mod && mod.__esModule) return mod;
|
|
16
|
+
var result = {};
|
|
17
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
+
__setModuleDefault(result, mod);
|
|
19
|
+
return result;
|
|
20
|
+
};
|
|
21
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
22
|
+
var t = {};
|
|
23
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
24
|
+
t[p] = s[p];
|
|
25
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
26
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
27
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
28
|
+
t[p[i]] = s[p[i]];
|
|
29
|
+
}
|
|
30
|
+
return t;
|
|
31
|
+
};
|
|
32
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
33
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
34
|
+
};
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
+
const React = __importStar(require("react"));
|
|
37
|
+
const ButtonGroup_1 = __importDefault(require("react-bootstrap/lib/ButtonGroup"));
|
|
38
|
+
const Button_1 = __importDefault(require("react-bootstrap/lib/Button"));
|
|
39
|
+
const bs3_1 = __importDefault(require("@luomus/laji-form/lib/themes/bs3"));
|
|
40
|
+
const _ButtonGroup = ButtonGroup_1.default;
|
|
41
|
+
const theme = Object.assign(Object.assign({}, bs3_1.default), { ButtonGroup: (_a) => {
|
|
42
|
+
var { small } = _a, props = __rest(_a, ["small"]);
|
|
43
|
+
return React.createElement(_ButtonGroup, Object.assign({ bsSize: small ? "xsmall" : undefined }, props));
|
|
44
|
+
}, Button: (_a) => {
|
|
45
|
+
var { small, variant } = _a, props = __rest(_a, ["small", "variant"]);
|
|
46
|
+
return React.createElement(Button_1.default, Object.assign({ bsStyle: variant, bsSize: small ? "xsmall" : undefined }, props));
|
|
47
|
+
} });
|
|
48
|
+
exports.default = theme;
|
|
49
|
+
//# sourceMappingURL=bs3.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bs3.js","sourceRoot":"","sources":["../../../src/client/themes/bs3.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,kFAA0D;AAC1D,wEAAgD;AAChD,2EAAmD;AAGnD,MAAM,YAAY,GAAG,qBAAkB,CAAC;AAExC,MAAM,KAAK,mCACP,aAAG,KACN,WAAW,EAAE,CAAC,EAAiB,EAAE,EAAE;YAArB,EAAC,KAAK,OAAW,EAAN,KAAK,cAAhB,SAAiB,CAAD;QAC7B,OAAA,oBAAC,YAAY,kBAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,IAAM,KAAK,EAAI,CAAA;KAAA,EAClE,MAAM,EAAE,CAAC,EAA0B,EAAE,EAAE;YAA9B,EAAC,KAAK,EAAE,OAAO,OAAW,EAAN,KAAK,cAAzB,oBAA0B,CAAD;QACjC,OAAA,oBAAC,gBAAM,kBAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,IAAM,KAAK,EAAI,CAAA;KAAA,GAC9E,CAAC;AACF,kBAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Theme as LajiFormTheme, ButtonGroupProps as LajiFormButtonGroupProps, ListGroupProps as LajiFormListGroupProps, BreadcrumbItem as LajiFormBreadcrumbItem, ButtonProps as LajiFormButtonProps } from "@luomus/laji-form/lib/themes/theme";
|
|
3
|
+
import { TooltipCompatible } from "../components/components";
|
|
4
|
+
export * from "@luomus/laji-form/lib/themes/theme";
|
|
5
|
+
interface HasMaybeClassName {
|
|
6
|
+
className?: string;
|
|
7
|
+
}
|
|
8
|
+
interface HasMaybeStyle {
|
|
9
|
+
style?: React.CSSProperties;
|
|
10
|
+
}
|
|
11
|
+
export declare type ButtonGroupProps = LajiFormButtonGroupProps & HasMaybeClassName & HasMaybeStyle & TooltipCompatible & {
|
|
12
|
+
small?: true;
|
|
13
|
+
vertical?: true;
|
|
14
|
+
block?: true;
|
|
15
|
+
};
|
|
16
|
+
export declare type Breadcrumb = React.ComponentType<any> & {
|
|
17
|
+
Item: React.ComponentType<LajiFormBreadcrumbItem & {
|
|
18
|
+
active?: boolean;
|
|
19
|
+
}>;
|
|
20
|
+
};
|
|
21
|
+
export declare type ListGroupProps = LajiFormListGroupProps & HasMaybeClassName;
|
|
22
|
+
export declare type ButtonProps = LajiFormButtonProps & TooltipCompatible;
|
|
23
|
+
export interface Theme extends LajiFormTheme {
|
|
24
|
+
Button: React.ComponentType<ButtonProps>;
|
|
25
|
+
ButtonGroup: React.ComponentType<ButtonGroupProps>;
|
|
26
|
+
ListGroup: React.ComponentType<ListGroupProps>;
|
|
27
|
+
Breadcrumb: Breadcrumb;
|
|
28
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
|
+
};
|
|
12
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
|
+
__exportStar(require("@luomus/laji-form/lib/themes/theme"), exports);
|
|
14
|
+
//# sourceMappingURL=theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/client/themes/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;AAQA,qEAAmD"}
|