@steroidsjs/bootstrap 2.1.9 → 2.1.13

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 (7) hide show
  1. package/form/DropDownField/DropDownFieldView.js +2 -6
  2. package/form/FileField/FileFieldItemView.js +1 -1
  3. package/form/FileField/FileFieldView.js +1 -1
  4. package/form/FileField/FileFieldView.scss +2 -0
  5. package/form/RadioListField/RadioListFieldView.js +1 -1
  6. package/list/Grid/GridView.js +4 -1
  7. package/package.json +2 -2
package/form/DropDownField/DropDownFieldView.js CHANGED
@@ -38,7 +38,6 @@ 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");
42
41
  function DropDownFieldView(props) {
43
42
  var inputRef = react_1.useRef(null);
44
43
  // Auto focus on search
@@ -70,10 +69,7 @@ function DropDownFieldView(props) {
70
69
  'no-border': props.noBorder,
71
70
  'is-invalid': !!props.errors,
72
71
  disabled: props.disabled
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
72
+ }), onClick: props.onOpen, onKeyPress: props.onOpen, tabIndex: 0, role: 'button' }, props.selectedItems.map(function (item) { return (props.multiple
77
73
  ? (React.createElement("span", { key: String(item.id), className: bem.element('selected-item-multiple') },
78
74
  item.label,
79
75
  React.createElement("span", { className: bem.element('selected-item-multiple-remove'), onClick: function (e) {
@@ -86,7 +82,7 @@ function DropDownFieldView(props) {
86
82
  props.onItemRemove(item[props.primaryKey]);
87
83
  }, tabIndex: 0, role: 'button' },
88
84
  React.createElement("svg", { viewBox: "64 64 896 896", className: "", width: "1em", height: "1em" },
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" })))))
85
+ 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
86
  : (React.createElement("span", { key: item.id, className: bem.element('selected-item') }, item.label))); })),
91
87
  props.showReset && props.selectedIds.length > 0 && (React.createElement("button", { className: bem.element('reset'), onClick: props.onReset, "aria-label": __('Сбросить') })),
92
88
  props.isOpened && (React.createElement("div", { className: bem.element('drop-down') },
package/form/FileField/FileFieldItemView.js CHANGED
@@ -27,7 +27,7 @@ var hooks_1 = require("@steroidsjs/core/hooks");
27
27
  var Icon_1 = __importDefault(require("@steroidsjs/core/ui/icon/Icon"));
28
28
  function FileFieldItemView(props) {
29
29
  var bem = hooks_1.useBem('FileFieldItemView');
30
- return (React.createElement("div", { className: bem(bem.block(), 'card float-left mb-1 mr-1', props.error && 'border-danger') },
30
+ return (React.createElement("div", { className: bem(bem.block(), 'card mb-1 mr-1', props.error && 'border-danger') },
31
31
  props.image
32
32
  ? (React.createElement("img", { src: props.image.url, className: 'card-img-top', width: props.image.width, height: props.image.height, alt: props.title }))
33
33
  : (React.createElement(Icon_1["default"], { className: bem.element('blank-img'), name: props.imagesOnly ? 'file-image' : 'file' })),
package/form/FileField/FileFieldView.js CHANGED
@@ -42,7 +42,7 @@ function FileFieldView(props) {
42
42
  var ButtonComponent = props.buttonComponent || Button_1["default"];
43
43
  var FileItemView = props.itemView;
44
44
  return (React.createElement("div", { className: bem.block() },
45
- React.createElement("div", { className: bem(bem.element('files'), 'clearfix') }, props.items.map(function (item) { return (React.createElement(FileItemView, __assign({ key: item.uid }, item, props.itemProps))); })),
45
+ React.createElement("div", { className: bem(bem.element('files')) }, props.items.map(function (item) { return (React.createElement(FileItemView, __assign({ key: item.uid }, item, props.itemProps))); })),
46
46
  React.createElement("div", { className: bem.element('button') },
47
47
  React.createElement(ButtonComponent, __assign({}, props.buttonProps, { layout: false, label: null }),
48
48
  React.createElement(Icon_1["default"], { className: bem.element('button-icon'), name: props.imagesOnly ? 'file-image' : 'upload' }),
package/form/FileField/FileFieldView.scss CHANGED
@@ -1,6 +1,8 @@
1
1
  .FileFieldView {
2
2
  &__files {
3
3
  margin-bottom: 1em;
4
+ display: flex;
5
+ flex-wrap: wrap;
4
6
  }
5
7
 
6
8
  &__button-label {
package/form/RadioListField/RadioListFieldView.js CHANGED
@@ -40,7 +40,7 @@ function RadioListFieldView(props) {
40
40
  var bem = hooks_1.useBem('RadioListFieldView');
41
41
  var prefix = useUniqueId_1["default"]('radio');
42
42
  return (React.createElement("div", { className: bem.block() }, props.items.map(function (item, index) { return (React.createElement("div", { key: typeof item.id !== 'boolean' ? item.id : (item.id ? 'true' : 'false'), className: 'custom-control custom-radio' },
43
- React.createElement("input", __assign({}, props.inputProps, { id: prefix + "_" + item.id, className: bem(bem.element('input'), 'custom-control-input', !!props.errors && 'is-invalid'), checked: props.selectedIds.includes(item.id), disabled: props.disabled, onChange: function (e) {
43
+ React.createElement("input", __assign({}, props.inputProps, { id: prefix + "_" + item.id, className: bem(bem.element('input'), 'custom-control-input', !!props.errors && 'is-invalid'), checked: props.selectedIds.includes(item.id), disabled: props.disabled || item.disabled, onChange: function (e) {
44
44
  props.inputProps.onChange(e.target.value);
45
45
  props.onItemSelect(item.id);
46
46
  } })),
package/list/Grid/GridView.js CHANGED
@@ -52,7 +52,10 @@ function GridView(props) {
52
52
  return null;
53
53
  }
54
54
  var fields = keyBy_1["default"](props.searchForm.fields.map(function (column) { return isString_1["default"](column) ? { attribute: column } : column; }), 'attribute');
55
- return (React.createElement("tr", null, props.columns.map(function (column, columnIndex) { return (React.createElement("td", { key: columnIndex, className: column.headerClassName }, column.attribute && fields[column.attribute] && (React.createElement(Field_1["default"], __assign({ layout: 'inline' }, fields[column.attribute]))))); })));
55
+ return (React.createElement("tr", null, props.columns.map(function (column, columnIndex) {
56
+ var _a;
57
+ return (React.createElement("td", { key: columnIndex, className: column.headerClassName }, column.attribute && fields[column.attribute] && (React.createElement(Field_1["default"], __assign({ layout: 'inline', size: (_a = props.searchForm) === null || _a === void 0 ? void 0 : _a.size }, fields[column.attribute])))));
58
+ })));
56
59
  }, [props.searchForm, props.columns]);
57
60
  var renderSortButton = react_1.useCallback(function (attribute, direction) {
58
61
  var _a;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@steroidsjs/bootstrap",
3
- "version": "2.1.9",
3
+ "version": "2.1.13",
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.27",
22
+ "@steroidsjs/core": "^2.2.40",
23
23
  "bootstrap": "^4.5.2",
24
24
  "lodash": "^4.17.20",
25
25
  "lodash-es": "^4.17.20",