@steroidsjs/bootstrap 2.1.4 → 2.1.7

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.
Files changed (4) hide show
  1. package/form/DropDownField/DropDownFieldView.js +8 -10
  2. package/form/NumberField/NumberFieldView.js +1 -1
  3. package/nav/Breadcrubms/BreadcrumbsView.scss +1 -0
  4. package/package.json +2 -2
package/form/DropDownField/DropDownFieldView.js CHANGED
@@ -38,6 +38,7 @@ exports.__esModule = true;
38
38
  var React = __importStar(require("react"));
39
39
  var react_1 = require("react");
40
40
  var hooks_1 = require("@steroidsjs/core/hooks");
41
+ var useDataSelect_1 = require("@steroidsjs/core/hooks/useDataSelect");
41
42
  function DropDownFieldView(props) {
42
43
  var inputRef = react_1.useRef(null);
43
44
  // Auto focus on search
@@ -69,11 +70,11 @@ function DropDownFieldView(props) {
69
70
  'no-border': props.noBorder,
70
71
  'is-invalid': !!props.errors,
71
72
  disabled: props.disabled
72
- }), onClick: props.onOpen, onKeyPress: props.onOpen, tabIndex: 0, role: 'button' }, props.multiple
73
- ? props.selectedIds
74
- .map(function (id) { return props.items.find(function (item) { return item[props.primaryKey] === id; }); })
75
- .filter(Boolean)
76
- .map(function (item) { return (React.createElement("span", { key: String(item.id), className: bem.element('selected-item-multiple') },
73
+ }), onClick: props.onOpen, onKeyPress: props.onOpen, tabIndex: 0, role: 'button' }, props.selectedIds
74
+ .map(function (id) { return useDataSelect_1.getLinearItems(props.items, props.groupAttribute).find(function (item) { return item[props.primaryKey] === id; }); })
75
+ .filter(Boolean)
76
+ .map(function (item) { return (props.multiple
77
+ ? (React.createElement("span", { key: String(item.id), className: bem.element('selected-item-multiple') },
77
78
  item.label,
78
79
  React.createElement("span", { className: bem.element('selected-item-multiple-remove'), onClick: function (e) {
79
80
  e.preventDefault();
@@ -85,11 +86,8 @@ function DropDownFieldView(props) {
85
86
  props.onItemRemove(item[props.primaryKey]);
86
87
  }, tabIndex: 0, role: 'button' },
87
88
  React.createElement("svg", { viewBox: "64 64 896 896", className: "", width: "1em", height: "1em" },
88
- React.createElement("path", { d: "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3\n 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4\n 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3\n 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z" }))))); })
89
- : props.selectedIds
90
- .map(function (id) { return props.items.find(function (item) { return item[props.primaryKey] === id; }); })
91
- .filter(Boolean)
92
- .map(function (item) { return (React.createElement("span", { key: item.id, className: bem.element('selected-item') }, item.label)); })),
89
+ React.createElement("path", { d: "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3\n 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4\n 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3\n 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z" })))))
90
+ : (React.createElement("span", { key: item.id, className: bem.element('selected-item') }, item.label))); })),
93
91
  props.showReset && props.selectedIds.length > 0 && (React.createElement("button", { className: bem.element('reset'), onClick: props.onReset, "aria-label": __('Сбросить') })),
94
92
  props.isOpened && (React.createElement("div", { className: bem.element('drop-down') },
95
93
  props.isAutoComplete && (React.createElement("div", { className: bem.element('search') },
package/form/NumberField/NumberFieldView.js CHANGED
@@ -50,7 +50,7 @@ function NumberFieldView(props) {
50
50
  }), 'form-control', 'form-control-' + props.size, !!props.errors && 'is-invalid', props.className) },
51
51
  React.createElement("input", __assign({ ref: inputRef, className: bem(bem.element('input', {
52
52
  size: props.size
53
- }), !!props.errors && 'is-invalid') }, props.inputProps)),
53
+ }), !!props.errors && 'is-invalid') }, props.inputProps, { onChange: function (e) { return props.input.onChange(e.target.value); } })),
54
54
  !props.disabled && !props.errors && (React.createElement("div", { className: bem.element('arrows-container') },
55
55
  React.createElement("button", { className: bem.element('arrow', {
56
56
  disabled: props.inputProps.max && props.inputProps.value >= props.inputProps.max
package/nav/Breadcrubms/BreadcrumbsView.scss CHANGED
@@ -3,6 +3,7 @@
3
3
 
4
4
  &__list {
5
5
  display: flex;
6
+ flex-wrap: wrap;
6
7
  list-style: none;
7
8
  padding: 0;
8
9
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@steroidsjs/bootstrap",
3
- "version": "2.1.4",
3
+ "version": "2.1.7",
4
4
  "description": "",
5
5
  "main": "index.js",
6
6
  "author": "Vladimir Kozhin <hello@kozhindev.com>",
@@ -19,7 +19,7 @@
19
19
  "dependencies": {
20
20
  "@ckeditor/ckeditor5-react": "^3.0.2",
21
21
  "@steroidsjs/ckeditor5": "^27.0.2-rc.2",
22
- "@steroidsjs/core": "^2.2.9",
22
+ "@steroidsjs/core": "^2.2.19",
23
23
  "bootstrap": "^4.5.2",
24
24
  "lodash": "^4.17.20",
25
25
  "lodash-es": "^4.17.20",