ywana-core8 0.0.254 → 0.0.257
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/dist/index.cjs +25 -13
- package/dist/index.cjs.map +1 -1
- package/dist/index.modern.js +25 -13
- package/dist/index.modern.js.map +1 -1
- package/dist/index.umd.js +25 -13
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/domain/CollectionPage.js +6 -4
- package/src/domain/ContentViewer.js +1 -4
- package/src/html/tab.js +5 -5
- package/src/html/tab.test.js +16 -0
- package/src/html/table.js +8 -1
- package/src/widgets/ide/editor.css +31 -0
- package/src/widgets/ide/editor.js +74 -0
- package/src/widgets/ide/editor.test.js +33 -0
package/dist/index.modern.js
CHANGED
@@ -843,12 +843,12 @@ var Tabs = function Tabs(props) {
|
|
843
843
|
selected = props.selected,
|
844
844
|
onChange = props.onChange;
|
845
845
|
var tabs = React.Children.map(children, function (child, index) {
|
846
|
-
function select() {
|
847
|
-
if (onChange) onChange(index);
|
846
|
+
function select(id) {
|
847
|
+
if (onChange) onChange(id || index);
|
848
848
|
}
|
849
849
|
|
850
850
|
return React.cloneElement(child, {
|
851
|
-
selected: index === selected,
|
851
|
+
selected: index === selected || selected === child.props.id,
|
852
852
|
onSelect: select
|
853
853
|
});
|
854
854
|
});
|
@@ -863,13 +863,14 @@ var Tabs = function Tabs(props) {
|
|
863
863
|
*/
|
864
864
|
|
865
865
|
var Tab = function Tab(props) {
|
866
|
-
var
|
866
|
+
var id = props.id,
|
867
|
+
label = props.label,
|
867
868
|
selected = props.selected,
|
868
869
|
actions = props.actions,
|
869
870
|
onSelect = props.onSelect;
|
870
871
|
|
871
872
|
function select() {
|
872
|
-
if (onSelect) onSelect();
|
873
|
+
if (onSelect) onSelect(id);
|
873
874
|
}
|
874
875
|
|
875
876
|
var style = selected ? "selected" : "";
|
@@ -1742,7 +1743,13 @@ var StringCellViewer = function StringCellViewer(_ref7) {
|
|
1742
1743
|
var value = _ref7.value,
|
1743
1744
|
format = _ref7.format,
|
1744
1745
|
options = _ref7.options;
|
1745
|
-
|
1746
|
+
|
1747
|
+
function buildOptions() {
|
1748
|
+
var opts = typeof options === 'function' ? options() : options;
|
1749
|
+
return opts;
|
1750
|
+
}
|
1751
|
+
|
1752
|
+
var option = options ? buildOptions().find(function (o) {
|
1746
1753
|
return o.value === value;
|
1747
1754
|
}) : null;
|
1748
1755
|
var text = option ? option.label : value;
|
@@ -4130,7 +4137,8 @@ var CollectionPage = function CollectionPage(props) {
|
|
4130
4137
|
_props$delay = props.delay,
|
4131
4138
|
delay = _props$delay === void 0 ? 1000 : _props$delay,
|
4132
4139
|
actions = props.actions,
|
4133
|
-
levels = props.levels
|
4140
|
+
levels = props.levels,
|
4141
|
+
onSelect = props.onSelect;
|
4134
4142
|
|
4135
4143
|
var _useContext = useContext(PageContext),
|
4136
4144
|
pageContext = _useContext[0],
|
@@ -4194,9 +4202,11 @@ var CollectionPage = function CollectionPage(props) {
|
|
4194
4202
|
}, /*#__PURE__*/React.createElement(Header, {
|
4195
4203
|
title: /*#__PURE__*/React.createElement(Text$1, null, "Lista de ", name)
|
4196
4204
|
}), levels ? /*#__PURE__*/React.createElement(CollectionTree, {
|
4197
|
-
levels: levels
|
4205
|
+
levels: levels,
|
4206
|
+
onSelect: onSelect
|
4198
4207
|
}) : /*#__PURE__*/React.createElement(CollectionList, {
|
4199
|
-
groupBy: groupBy
|
4208
|
+
groupBy: groupBy,
|
4209
|
+
onSelect: onSelect
|
4200
4210
|
})), /*#__PURE__*/React.createElement("main", {
|
4201
4211
|
key: id,
|
4202
4212
|
className: "collection-page"
|
@@ -4218,13 +4228,15 @@ var CollectionList = function CollectionList(props) {
|
|
4218
4228
|
clear();
|
4219
4229
|
return Promise.resolve(pageContext.select(id)).then(function () {
|
4220
4230
|
setPageContext(Object.assign({}, pageContext));
|
4231
|
+
if (onSelect) onSelect(id);
|
4221
4232
|
});
|
4222
4233
|
} catch (e) {
|
4223
4234
|
return Promise.reject(e);
|
4224
4235
|
}
|
4225
4236
|
};
|
4226
4237
|
|
4227
|
-
var groupBy = props.groupBy
|
4238
|
+
var groupBy = props.groupBy,
|
4239
|
+
onSelect = props.onSelect;
|
4228
4240
|
|
4229
4241
|
var _useContext2 = useContext(PageContext),
|
4230
4242
|
pageContext = _useContext2[0],
|
@@ -4263,13 +4275,15 @@ var CollectionTree = function CollectionTree(props) {
|
|
4263
4275
|
clear();
|
4264
4276
|
return Promise.resolve(pageContext.select(id)).then(function () {
|
4265
4277
|
setPageContext(Object.assign({}, pageContext));
|
4278
|
+
if (onSelect) onSelect(id);
|
4266
4279
|
});
|
4267
4280
|
} catch (e) {
|
4268
4281
|
return Promise.reject(e);
|
4269
4282
|
}
|
4270
4283
|
};
|
4271
4284
|
|
4272
|
-
var levels = props.levels
|
4285
|
+
var levels = props.levels,
|
4286
|
+
onSelect = props.onSelect;
|
4273
4287
|
|
4274
4288
|
var _useContext3 = useContext(PageContext),
|
4275
4289
|
pageContext = _useContext3[0],
|
@@ -4641,7 +4655,6 @@ var ContentViewer = function ContentViewer(props) {
|
|
4641
4655
|
if (!content) return /*#__PURE__*/React.createElement("div", null, "No Content...");
|
4642
4656
|
var sections = content.sections();
|
4643
4657
|
var value = content.value();
|
4644
|
-
console.log(value);
|
4645
4658
|
return /*#__PURE__*/React.createElement("div", {
|
4646
4659
|
className: "content-viewer"
|
4647
4660
|
}, sections.map(function (section) {
|
@@ -4671,7 +4684,6 @@ var FieldViewer = function FieldViewer(props) {
|
|
4671
4684
|
value = props.value;
|
4672
4685
|
var type = field.type,
|
4673
4686
|
label = field.label;
|
4674
|
-
console.log('FieldViewer', field, value);
|
4675
4687
|
|
4676
4688
|
switch (type) {
|
4677
4689
|
case TYPES.STRING:
|