ywana-core8 0.0.704 → 0.0.706
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 +12 -3
- package/dist/index.cjs.map +1 -1
- package/dist/index.modern.js +47 -38
- package/dist/index.modern.js.map +1 -1
- package/dist/index.umd.js +12 -3
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/domain2/CollectionFilters.js +15 -6
package/dist/index.modern.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
import 'material-design-icons-iconfont/dist/material-design-icons.css';
|
2
|
-
import React, { useState, useEffect, useContext, Fragment
|
2
|
+
import React, { useState, useEffect, useContext, Fragment, useRef, useMemo, Children } from 'react';
|
3
3
|
import RSwitch from 'react-switch';
|
4
4
|
import moment$1 from 'moment';
|
5
5
|
import { extendMoment } from 'moment-range';
|
@@ -603,7 +603,7 @@ var Form = function Form(_ref) {
|
|
603
603
|
var gridLayout = {
|
604
604
|
gridTemplateColumns: "repeat(" + columns + ", 1fr)"
|
605
605
|
};
|
606
|
-
return /*#__PURE__*/React.createElement(Fragment
|
606
|
+
return /*#__PURE__*/React.createElement(Fragment, null, title ? /*#__PURE__*/React.createElement("header", {
|
607
607
|
className: "form-header"
|
608
608
|
}, /*#__PURE__*/React.createElement(Text, {
|
609
609
|
use: "headline6"
|
@@ -712,7 +712,7 @@ var GroupedList = function GroupedList(props) {
|
|
712
712
|
return /*#__PURE__*/React.createElement("div", {
|
713
713
|
className: "list"
|
714
714
|
}, groups.map(function (group) {
|
715
|
-
return /*#__PURE__*/React.createElement(Fragment
|
715
|
+
return /*#__PURE__*/React.createElement(Fragment, {
|
716
716
|
key: group.name
|
717
717
|
}, /*#__PURE__*/React.createElement("header", {
|
718
718
|
key: group.name + "-header"
|
@@ -1069,7 +1069,7 @@ var Stack = function Stack(props) {
|
|
1069
1069
|
var child = React.Children.toArray(props.children).filter(function (child, index) {
|
1070
1070
|
return index === selected;
|
1071
1071
|
})[0];
|
1072
|
-
return /*#__PURE__*/React.createElement(Fragment
|
1072
|
+
return /*#__PURE__*/React.createElement(Fragment, null, child);
|
1073
1073
|
};
|
1074
1074
|
|
1075
1075
|
/**
|
@@ -1821,7 +1821,7 @@ var DataTableRow = function DataTableRow(props) {
|
|
1821
1821
|
var infoIcon = isInfoOpen ? 'expand_more' : 'expand_less';
|
1822
1822
|
var style = isInfoOpen ? "expanded" : "";
|
1823
1823
|
if (selected) style += " selected";
|
1824
|
-
return /*#__PURE__*/React.createElement(Fragment
|
1824
|
+
return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("tr", {
|
1825
1825
|
className: style + " " + className,
|
1826
1826
|
onClick: function onClick(ev) {
|
1827
1827
|
return onSelect(row, ev);
|
@@ -3379,7 +3379,7 @@ var UploadFile = function UploadFile(_ref) {
|
|
3379
3379
|
state = file.state,
|
3380
3380
|
progress = file.progress,
|
3381
3381
|
error = file.error;
|
3382
|
-
return /*#__PURE__*/React.createElement(Fragment
|
3382
|
+
return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
|
3383
3383
|
className: "upload-file"
|
3384
3384
|
}, icon ? /*#__PURE__*/React.createElement(Icon, {
|
3385
3385
|
icon: icon
|
@@ -3827,7 +3827,7 @@ var SiteMenu = function SiteMenu(_ref6) {
|
|
3827
3827
|
}, /*#__PURE__*/React.createElement(Header, {
|
3828
3828
|
title: menutTitle
|
3829
3829
|
}), /*#__PURE__*/React.createElement("main", null, Object.keys(sections).map(function (title) {
|
3830
|
-
return /*#__PURE__*/React.createElement(Fragment
|
3830
|
+
return /*#__PURE__*/React.createElement(Fragment, {
|
3831
3831
|
key: title
|
3832
3832
|
}, /*#__PURE__*/React.createElement("div", {
|
3833
3833
|
className: "section-title " + style
|
@@ -3969,7 +3969,7 @@ var Dialog = function Dialog(props) {
|
|
3969
3969
|
}
|
3970
3970
|
}
|
3971
3971
|
|
3972
|
-
return /*#__PURE__*/React.createElement(Fragment
|
3972
|
+
return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
|
3973
3973
|
className: "overlay " + className,
|
3974
3974
|
onMouseDown: close
|
3975
3975
|
}), /*#__PURE__*/React.createElement("dialog", {
|
@@ -4093,7 +4093,7 @@ var UploadDialog = function UploadDialog(_ref) {
|
|
4093
4093
|
}
|
4094
4094
|
}
|
4095
4095
|
|
4096
|
-
var actions = /*#__PURE__*/React.createElement(Fragment
|
4096
|
+
var actions = /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Button, {
|
4097
4097
|
label: "CERRAR",
|
4098
4098
|
action: function action() {
|
4099
4099
|
return onAction("CLOSE");
|
@@ -4462,7 +4462,7 @@ var TabbedContentEditor = function TabbedContentEditor(_ref3) {
|
|
4462
4462
|
return /*#__PURE__*/React.createElement("section", {
|
4463
4463
|
key: title
|
4464
4464
|
}, grouped ? group(section).map(function (group) {
|
4465
|
-
return /*#__PURE__*/React.createElement(Fragment
|
4465
|
+
return /*#__PURE__*/React.createElement(Fragment, null, group.name.length > 0 ? /*#__PURE__*/React.createElement("div", {
|
4466
4466
|
className: "group-caption"
|
4467
4467
|
}, group.name) : null, group.fields.filter(function (field) {
|
4468
4468
|
return field.id !== 'id';
|
@@ -5211,7 +5211,7 @@ var TableEditor$3 = function TableEditor(props) {
|
|
5211
5211
|
var title = /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("span", {
|
5212
5212
|
className: "size"
|
5213
5213
|
}, groupSize), renderGroupLabel(groupName));
|
5214
|
-
return /*#__PURE__*/React.createElement(Fragment
|
5214
|
+
return /*#__PURE__*/React.createElement(Fragment, {
|
5215
5215
|
key: groupName
|
5216
5216
|
}, /*#__PURE__*/React.createElement(Header, {
|
5217
5217
|
title: title
|
@@ -5236,7 +5236,7 @@ var TableEditor$3 = function TableEditor(props) {
|
|
5236
5236
|
});
|
5237
5237
|
}
|
5238
5238
|
|
5239
|
-
return /*#__PURE__*/React.createElement(Fragment
|
5239
|
+
return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Header, {
|
5240
5240
|
icon: icon,
|
5241
5241
|
title: /*#__PURE__*/React.createElement(Text, null, title)
|
5242
5242
|
}, /*#__PURE__*/React.createElement(DropDown, {
|
@@ -5511,7 +5511,7 @@ var CreateContentDialog = function CreateContentDialog(_ref) {
|
|
5511
5511
|
return filter ? visible && filter(field, content) : visible;
|
5512
5512
|
}
|
5513
5513
|
|
5514
|
-
var actions = /*#__PURE__*/React.createElement(Fragment
|
5514
|
+
var actions = /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Button, {
|
5515
5515
|
label: "CLOSE",
|
5516
5516
|
action: function action() {
|
5517
5517
|
return onAction("CLOSE");
|
@@ -5602,7 +5602,7 @@ var EditContentDialog = function EditContentDialog(_ref) {
|
|
5602
5602
|
return filter ? visible && filter(field, content) : visible;
|
5603
5603
|
}
|
5604
5604
|
|
5605
|
-
var actions = /*#__PURE__*/React.createElement(Fragment
|
5605
|
+
var actions = /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Button, {
|
5606
5606
|
label: "CLOSE",
|
5607
5607
|
action: function action() {
|
5608
5608
|
return onAction("CLOSE");
|
@@ -5858,11 +5858,11 @@ var CollectionPage$1 = function CollectionPage(props) {
|
|
5858
5858
|
}
|
5859
5859
|
|
5860
5860
|
var total = all ? all.length : 0;
|
5861
|
-
var title2 = /*#__PURE__*/React.createElement(Fragment
|
5861
|
+
var title2 = /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("span", {
|
5862
5862
|
className: "size"
|
5863
5863
|
}, total), " ", title);
|
5864
5864
|
var hiddenStyle = pageContext.selected ? "hidden" : "";
|
5865
|
-
return /*#__PURE__*/React.createElement(Fragment
|
5865
|
+
return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Header, {
|
5866
5866
|
className: "collection-page " + className,
|
5867
5867
|
title: /*#__PURE__*/React.createElement(Text, null, title2)
|
5868
5868
|
}, canAdd ? /*#__PURE__*/React.createElement(Button, {
|
@@ -5965,7 +5965,7 @@ var CollectionFilters$1 = function CollectionFilters(props) {
|
|
5965
5965
|
|
5966
5966
|
var content = new Content(filterSchema, form);
|
5967
5967
|
var expanded = showFilters ? "expanded" : "";
|
5968
|
-
return /*#__PURE__*/React.createElement(Fragment
|
5968
|
+
return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Header, {
|
5969
5969
|
icon: "filter_list",
|
5970
5970
|
className: "filters-header " + expanded
|
5971
5971
|
}, showFilters ? /*#__PURE__*/React.createElement(Icon, {
|
@@ -5998,7 +5998,7 @@ var FilterResume = function FilterResume(props) {
|
|
5998
5998
|
var fields = Object.keys(form).filter(function (key) {
|
5999
5999
|
return form[key] !== undefined && form[key] !== null && form[key] !== "";
|
6000
6000
|
});
|
6001
|
-
return /*#__PURE__*/React.createElement(Fragment
|
6001
|
+
return /*#__PURE__*/React.createElement(Fragment, null, fields.length > 0 ? /*#__PURE__*/React.createElement(Tooltip, {
|
6002
6002
|
text: "Limpiar Filtros"
|
6003
6003
|
}, /*#__PURE__*/React.createElement(Icon, {
|
6004
6004
|
icon: "clear_all",
|
@@ -6081,7 +6081,7 @@ var CollectionList$1 = function CollectionList(props) {
|
|
6081
6081
|
content: content
|
6082
6082
|
};
|
6083
6083
|
});
|
6084
|
-
return /*#__PURE__*/React.createElement(Fragment
|
6084
|
+
return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(List, {
|
6085
6085
|
items: items2,
|
6086
6086
|
onSelect: select,
|
6087
6087
|
groupBy: groupBy
|
@@ -6222,7 +6222,7 @@ var CollectionTree = function CollectionTree(props) {
|
|
6222
6222
|
var items = search();
|
6223
6223
|
var items2 = sorter ? sorter(items) : items;
|
6224
6224
|
var nodes = generateNodes(levels, items2);
|
6225
|
-
return /*#__PURE__*/React.createElement(Fragment
|
6225
|
+
return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(Tree, null, renderNodes(nodes))), /*#__PURE__*/React.createElement("footer", null, /*#__PURE__*/React.createElement("div", {
|
6226
6226
|
className: "search-box"
|
6227
6227
|
}, /*#__PURE__*/React.createElement(TextField, {
|
6228
6228
|
label: "Search",
|
@@ -6366,7 +6366,7 @@ var CollectionEditor$1 = function CollectionEditor(props) {
|
|
6366
6366
|
}
|
6367
6367
|
}
|
6368
6368
|
|
6369
|
-
return selected && form ? /*#__PURE__*/React.createElement(Fragment
|
6369
|
+
return selected && form ? /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Header, {
|
6370
6370
|
icon: icon,
|
6371
6371
|
title: renderTitle()
|
6372
6372
|
}, /*#__PURE__*/React.createElement(Icon, {
|
@@ -6839,10 +6839,10 @@ var TablePage = function TablePage(props) {
|
|
6839
6839
|
}
|
6840
6840
|
|
6841
6841
|
var total = all ? all.length : 0;
|
6842
|
-
var title2 = /*#__PURE__*/React.createElement(Fragment
|
6842
|
+
var title2 = /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("span", {
|
6843
6843
|
className: "size"
|
6844
6844
|
}, total), " ", title);
|
6845
|
-
return /*#__PURE__*/React.createElement(Fragment
|
6845
|
+
return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Header, {
|
6846
6846
|
className: "table-page",
|
6847
6847
|
title: /*#__PURE__*/React.createElement(Text, null, title2)
|
6848
6848
|
}, canAdd ? /*#__PURE__*/React.createElement(Button, {
|
@@ -7009,7 +7009,7 @@ var TableQueries$2 = function TableQueries(props) {
|
|
7009
7009
|
setPageContext(Object.assign({}, pageContext));
|
7010
7010
|
}
|
7011
7011
|
|
7012
|
-
return /*#__PURE__*/React.createElement(Fragment
|
7012
|
+
return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Header, {
|
7013
7013
|
className: "table-queries",
|
7014
7014
|
title: /*#__PURE__*/React.createElement(Text, null, "Queries")
|
7015
7015
|
}), /*#__PURE__*/React.createElement("main", {
|
@@ -7119,7 +7119,7 @@ var TableFilters$2 = function TableFilters(props) {
|
|
7119
7119
|
}
|
7120
7120
|
|
7121
7121
|
var content = new Content(filterSchema, form);
|
7122
|
-
return /*#__PURE__*/React.createElement(Fragment
|
7122
|
+
return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Header, {
|
7123
7123
|
className: "table-filters",
|
7124
7124
|
title: /*#__PURE__*/React.createElement(Text, null, "Filters")
|
7125
7125
|
}, /*#__PURE__*/React.createElement(Icon, {
|
@@ -7336,7 +7336,7 @@ var TableEditor$2 = function TableEditor(props) {
|
|
7336
7336
|
var title = /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("span", {
|
7337
7337
|
className: "size"
|
7338
7338
|
}, groupSize), renderGroupLabel(groupName));
|
7339
|
-
return /*#__PURE__*/React.createElement(Fragment
|
7339
|
+
return /*#__PURE__*/React.createElement(Fragment, {
|
7340
7340
|
key: groupName
|
7341
7341
|
}, /*#__PURE__*/React.createElement(Header, {
|
7342
7342
|
title: title
|
@@ -7362,7 +7362,7 @@ var TableEditor$2 = function TableEditor(props) {
|
|
7362
7362
|
});
|
7363
7363
|
}
|
7364
7364
|
|
7365
|
-
return /*#__PURE__*/React.createElement(Fragment
|
7365
|
+
return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Header, {
|
7366
7366
|
icon: icon,
|
7367
7367
|
title: /*#__PURE__*/React.createElement(Text, null, title)
|
7368
7368
|
}, groupBy ? /*#__PURE__*/React.createElement(DropDown, {
|
@@ -7853,7 +7853,7 @@ var TablePage2 = function TablePage2(props) {
|
|
7853
7853
|
});
|
7854
7854
|
}
|
7855
7855
|
|
7856
|
-
return /*#__PURE__*/React.createElement(Fragment
|
7856
|
+
return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Header, {
|
7857
7857
|
className: "table-page",
|
7858
7858
|
title: /*#__PURE__*/React.createElement(Text, null, title)
|
7859
7859
|
}, canAdd ? /*#__PURE__*/React.createElement(Button, {
|
@@ -8014,7 +8014,7 @@ var TableQueries$1 = function TableQueries(props) {
|
|
8014
8014
|
setPageContext(Object.assign({}, pageContext));
|
8015
8015
|
}
|
8016
8016
|
|
8017
|
-
return /*#__PURE__*/React.createElement(Fragment
|
8017
|
+
return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Header, {
|
8018
8018
|
className: "table-queries",
|
8019
8019
|
title: /*#__PURE__*/React.createElement(Text, null, "Queries")
|
8020
8020
|
}), /*#__PURE__*/React.createElement("main", {
|
@@ -8110,7 +8110,7 @@ var TableFilters$1 = function TableFilters(props) {
|
|
8110
8110
|
}
|
8111
8111
|
|
8112
8112
|
var content = new Content(filterSchema, form);
|
8113
|
-
return /*#__PURE__*/React.createElement(Fragment
|
8113
|
+
return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Header, {
|
8114
8114
|
className: "table-filters",
|
8115
8115
|
title: /*#__PURE__*/React.createElement(Text, null, "Filters")
|
8116
8116
|
}, /*#__PURE__*/React.createElement(Icon, {
|
@@ -8395,7 +8395,7 @@ var TableEditor$1 = function TableEditor(props) {
|
|
8395
8395
|
}))
|
8396
8396
|
};
|
8397
8397
|
});
|
8398
|
-
return /*#__PURE__*/React.createElement(Fragment
|
8398
|
+
return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Header, {
|
8399
8399
|
icon: icon,
|
8400
8400
|
title: /*#__PURE__*/React.createElement(Text, null, title)
|
8401
8401
|
}, groupBy ? /*#__PURE__*/React.createElement(DropDown, {
|
@@ -8978,7 +8978,7 @@ var TabbedTablePage = function TabbedTablePage(props) {
|
|
8978
8978
|
}));
|
8979
8979
|
}
|
8980
8980
|
|
8981
|
-
return /*#__PURE__*/React.createElement(Fragment
|
8981
|
+
return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Header, {
|
8982
8982
|
className: "table-page",
|
8983
8983
|
title: /*#__PURE__*/React.createElement(Text, null, title)
|
8984
8984
|
}, canAdd ? /*#__PURE__*/React.createElement(Button, {
|
@@ -9145,7 +9145,7 @@ var TableQueries = function TableQueries(props) {
|
|
9145
9145
|
setPageContext(Object.assign({}, pageContext));
|
9146
9146
|
}
|
9147
9147
|
|
9148
|
-
return /*#__PURE__*/React.createElement(Fragment
|
9148
|
+
return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Header, {
|
9149
9149
|
className: "table-queries",
|
9150
9150
|
title: /*#__PURE__*/React.createElement(Text, null, "Queries")
|
9151
9151
|
}), /*#__PURE__*/React.createElement("main", {
|
@@ -9255,7 +9255,7 @@ var TableFilters = function TableFilters(props) {
|
|
9255
9255
|
}
|
9256
9256
|
|
9257
9257
|
var content = new Content(filterSchema, form);
|
9258
|
-
return /*#__PURE__*/React.createElement(Fragment
|
9258
|
+
return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Header, {
|
9259
9259
|
className: "table-filters",
|
9260
9260
|
title: /*#__PURE__*/React.createElement(Text, null, "Filters")
|
9261
9261
|
}, /*#__PURE__*/React.createElement(Icon, {
|
@@ -9470,7 +9470,7 @@ var TableEditor = function TableEditor(props) {
|
|
9470
9470
|
var title = /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("span", {
|
9471
9471
|
className: "size"
|
9472
9472
|
}, groupSize), renderGroupLabel(groupName));
|
9473
|
-
return /*#__PURE__*/React.createElement(Fragment
|
9473
|
+
return /*#__PURE__*/React.createElement(Fragment, {
|
9474
9474
|
key: groupName
|
9475
9475
|
}, /*#__PURE__*/React.createElement(Header, {
|
9476
9476
|
title: title
|
@@ -9496,7 +9496,7 @@ var TableEditor = function TableEditor(props) {
|
|
9496
9496
|
});
|
9497
9497
|
}
|
9498
9498
|
|
9499
|
-
return /*#__PURE__*/React.createElement(Fragment
|
9499
|
+
return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Header, {
|
9500
9500
|
icon: icon,
|
9501
9501
|
title: /*#__PURE__*/React.createElement(Text, null, title)
|
9502
9502
|
}, /*#__PURE__*/React.createElement(DropDown, {
|
@@ -10227,7 +10227,7 @@ var CollectionFilters = function CollectionFilters(props) {
|
|
10227
10227
|
|
10228
10228
|
useEffect(function () {
|
10229
10229
|
var likes = Object.keys(schema).filter(function (id) {
|
10230
|
-
return schema[id].
|
10230
|
+
return schema[id].like === true;
|
10231
10231
|
});
|
10232
10232
|
context.setLikes(likes);
|
10233
10233
|
}, [schema]);
|
@@ -10243,6 +10243,15 @@ var CollectionFilters = function CollectionFilters(props) {
|
|
10243
10243
|
}
|
10244
10244
|
|
10245
10245
|
var toggleIcon = open ? "expand_less" : "expand_more";
|
10246
|
+
var schema2 = Object.keys(schema).reduce(function (acc, id) {
|
10247
|
+
var item = schema[id];
|
10248
|
+
|
10249
|
+
if (item.filter === true) {
|
10250
|
+
acc[id] = item;
|
10251
|
+
}
|
10252
|
+
|
10253
|
+
return acc;
|
10254
|
+
}, {});
|
10246
10255
|
return /*#__PURE__*/React.createElement("div", {
|
10247
10256
|
className: "collection-filters"
|
10248
10257
|
}, /*#__PURE__*/React.createElement("header", null, /*#__PURE__*/React.createElement("div", {
|
@@ -10256,7 +10265,7 @@ var CollectionFilters = function CollectionFilters(props) {
|
|
10256
10265
|
})), open ? /*#__PURE__*/React.createElement("div", {
|
10257
10266
|
className: "dynamic-filters"
|
10258
10267
|
}, /*#__PURE__*/React.createElement(DynamicForm, {
|
10259
|
-
schema:
|
10268
|
+
schema: schema2,
|
10260
10269
|
values: filters,
|
10261
10270
|
onChange: change
|
10262
10271
|
})) : null);
|