@steroidsjs/bootstrap 3.0.0-beta.34 → 3.0.0-beta.37
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/content/Accordion/AccordionItemView.js +4 -11
- package/content/Avatar/AvatarView.scss +4 -4
- package/content/Card/CardView.js +5 -3
- package/content/Card/CardView.scss +21 -5
- package/form/Button/ButtonView.scss +20 -8
- package/form/CheckboxField/CheckboxFieldView.js +2 -2
- package/form/CheckboxField/CheckboxFieldView.scss +3 -5
- package/form/CheckboxListField/CheckboxListFieldView.js +19 -15
- package/form/CheckboxListField/CheckboxListFieldView.scss +7 -41
- package/form/DropDownField/DropDownFieldView.js +4 -19
- package/form/DropDownField/DropDownFieldView.scss +14 -16
- package/form/DropDownField/utils.d.ts +2 -0
- package/form/DropDownField/utils.js +15 -0
- package/form/DropDownFieldItem/DropDownFieldItemView.d.ts +2 -0
- package/form/DropDownFieldItem/DropDownFieldItemView.js +78 -0
- package/form/{DropDownField/views/DropDownItem/DropDownItemView.scss → DropDownFieldItem/DropDownFieldItemView.scss} +4 -5
- package/form/InputField/InputFieldView.js +5 -7
- package/form/RadioField/RadioFieldView.d.ts +3 -0
- package/form/RadioField/RadioFieldView.js +57 -0
- package/form/RadioField/RadioFieldView.scss +226 -0
- package/form/RadioListField/RadioListFieldView.js +20 -23
- package/form/RadioListField/RadioListFieldView.scss +7 -225
- package/icons/index.js +3 -0
- package/icons/svgs/arrow-left.svg +3 -0
- package/icons/svgs/double-arrow-left.svg +4 -0
- package/icons/svgs/home.svg +4 -0
- package/index.scss +2 -0
- package/list/List/ListView.d.ts +1 -0
- package/list/List/ListView.js +5 -5
- package/list/List/ListView.scss +9 -0
- package/list/Pagination/PaginationButtonView.js +34 -5
- package/list/Pagination/PaginationButtonView.scss +258 -1
- package/list/Pagination/PaginationMoreView.js +1 -1
- package/list/Pagination/PaginationMoreView.scss +4 -1
- package/nav/Breadcrubms/BreadcrumbsView.js +9 -1
- package/nav/Breadcrubms/BreadcrumbsView.scss +51 -0
- package/package.json +3 -3
- package/scss/mixins/button.scss +18 -7
- package/scss/variables/common/colors.scss +10 -5
- package/scss/variables/normalize.scss +4 -0
- package/utils/renderIcon.d.ts +9 -0
- package/utils/renderIcon.js +27 -0
- package/form/DropDownField/views/DropDownItem/DropDownItemView.d.ts +0 -3
- package/form/DropDownField/views/DropDownItem/DropDownItemView.js +0 -80
- package/form/DropDownField/views/DropDownItem/index.d.ts +0 -2
- package/form/DropDownField/views/DropDownItem/index.js +0 -7
- package/list/List/ListItemView.scss +0 -3
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
-
};
|
|
16
|
-
exports.__esModule = true;
|
|
17
|
-
var react_1 = __importDefault(require("react"));
|
|
18
|
-
var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
|
|
19
|
-
var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
|
|
20
|
-
var form_1 = require("@steroidsjs/core/ui/form");
|
|
21
|
-
var content_1 = require("@steroidsjs/core/ui/content");
|
|
22
|
-
require("./DropDownItemView.scss");
|
|
23
|
-
var GROUP_CONTENT_TYPE = 'group';
|
|
24
|
-
function DropDownItemView(props) {
|
|
25
|
-
var bem = (0, useBem_1["default"])('DropDownItemView');
|
|
26
|
-
var groupProps = props;
|
|
27
|
-
var commonProps = {
|
|
28
|
-
className: bem.element('option', {
|
|
29
|
-
hover: props.hoveredId === props.item[props.primaryKey],
|
|
30
|
-
select: props.selectedIds.includes(props.item[props.primaryKey]),
|
|
31
|
-
size: props.size
|
|
32
|
-
}),
|
|
33
|
-
onFocus: function () { return props.onItemHover(props.item[props.primaryKey]); },
|
|
34
|
-
onMouseOver: function () { return props.onItemHover(props.item[props.primaryKey]); },
|
|
35
|
-
onClick: function (e) {
|
|
36
|
-
e.preventDefault();
|
|
37
|
-
props.onItemSelect(props.item[props.primaryKey]);
|
|
38
|
-
}
|
|
39
|
-
};
|
|
40
|
-
var renderTypeCases = function (type, src) {
|
|
41
|
-
switch (type) {
|
|
42
|
-
case 'icon':
|
|
43
|
-
return (react_1["default"].createElement("div", __assign({}, commonProps),
|
|
44
|
-
typeof src === 'string' ? (react_1["default"].createElement(Icon_1["default"], { name: src, className: bem.element('icon') })) : (react_1["default"].createElement("span", { className: bem.element('icon') }, src)),
|
|
45
|
-
react_1["default"].createElement("span", null, props.item.label)));
|
|
46
|
-
case 'checkbox':
|
|
47
|
-
return (react_1["default"].createElement("div", __assign({}, commonProps),
|
|
48
|
-
react_1["default"].createElement(form_1.CheckboxField, { label: props.item.label, className: bem.element('checkbox'), size: props.size, inputProps: {
|
|
49
|
-
checked: props.selectedIds.includes(props.item[props.primaryKey])
|
|
50
|
-
} })));
|
|
51
|
-
case 'img':
|
|
52
|
-
return (react_1["default"].createElement("div", __assign({}, commonProps),
|
|
53
|
-
react_1["default"].createElement("span", { className: bem.element('img') },
|
|
54
|
-
react_1["default"].createElement("img", { src: src, alt: "custom source for item" })),
|
|
55
|
-
react_1["default"].createElement("span", null, props.item.label)));
|
|
56
|
-
case 'radio':
|
|
57
|
-
return (react_1["default"].createElement("div", __assign({}, commonProps),
|
|
58
|
-
react_1["default"].createElement(form_1.RadioListField, { items: [props.item], selectedIds: props.selectedIds, className: bem.element('radio', {
|
|
59
|
-
size: props.size
|
|
60
|
-
}), size: props.size })));
|
|
61
|
-
case 'group':
|
|
62
|
-
return (react_1["default"].createElement(content_1.AccordionItem, { childIndex: groupProps.childIndex, isShowMore: groupProps.isShowMore, toggleAccordion: groupProps.toggleAccordion, toggleCollapse: groupProps.toggleCollapse, title: props.item.label, position: "middle", className: bem.element('group', {
|
|
63
|
-
size: props.size
|
|
64
|
-
}) }, props.item[props.groupAttribute].map(function (subItem, itemIndex) { return (react_1["default"].createElement(DropDownItemView, __assign({}, props, { key: itemIndex, item: subItem }))); })));
|
|
65
|
-
default:
|
|
66
|
-
return null;
|
|
67
|
-
}
|
|
68
|
-
};
|
|
69
|
-
if (props.groupAttribute && Array.isArray(props.item[props.groupAttribute])) {
|
|
70
|
-
return renderTypeCases(GROUP_CONTENT_TYPE, props.item[props.groupAttribute]);
|
|
71
|
-
}
|
|
72
|
-
if (props.item.contentType) {
|
|
73
|
-
return renderTypeCases(props.item.contentType, props.item.contentSrc);
|
|
74
|
-
}
|
|
75
|
-
if (props.itemsContent) {
|
|
76
|
-
return renderTypeCases(props.itemsContent.type, props.itemsContent.src);
|
|
77
|
-
}
|
|
78
|
-
return (react_1["default"].createElement("div", __assign({}, commonProps), props.item.label));
|
|
79
|
-
}
|
|
80
|
-
exports["default"] = DropDownItemView;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
exports.__esModule = true;
|
|
6
|
-
var DropDownItemView_1 = __importDefault(require("./DropDownItemView"));
|
|
7
|
-
exports["default"] = DropDownItemView_1["default"];
|