@steroidsjs/bootstrap 2.1.8 → 2.1.12

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 (6) hide show
  1. package/content/Calendar/CalendarView.js +13 -2
  2. package/content/Calendar/CalendarView.scss +10 -0
  3. package/form/DropDownField/DropDownFieldView.js +2 -6
  4. package/form/RadioListField/RadioListFieldView.js +1 -1
  5. package/list/Grid/GridView.js +4 -1
  6. package/package.json +3 -3
package/content/Calendar/CalendarView.js CHANGED
@@ -1,4 +1,15 @@
1
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
+ };
2
13
  var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
14
  if (k2 === undefined) k2 = k;
4
15
  Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
@@ -50,7 +61,7 @@ function CalendarView(props) {
50
61
  : undefined
51
62
  };
52
63
  }, [isRange, selectedDates]), selectedDays = _a.selectedDays, modifiers = _a.modifiers;
53
- return (React.createElement(react_day_picker_1["default"], { className: bem(bem.block({ ranged: isRange }), props.className), captionElement: react_1.useCallback(function (_a) {
64
+ return (React.createElement(react_day_picker_1["default"], __assign({}, props, { className: bem(bem.block({ ranged: isRange }), props.className), captionElement: react_1.useCallback(function (_a) {
54
65
  var classNames = _a.classNames, date = _a.date, localeUtils = _a.localeUtils, locale = _a.locale;
55
66
  return (React.createElement(CaptionElement_1["default"], { date: date, locale: locale, toYear: toYear, fromYear: fromYear, classNames: classNames, onChange: onMonthSelect, localeUtils: localeUtils, showCalendarFooter: showFooter, toggleCaptionPanel: toggleCaptionPanel, isCaptionPanelVisible: isCaptionPanelVisible }));
56
67
  }, [fromYear, isCaptionPanelVisible, onMonthSelect, showFooter, toYear, toggleCaptionPanel]), renderDay: function (day) {
@@ -63,6 +74,6 @@ function CalendarView(props) {
63
74
  else {
64
75
  onDaySelect(day);
65
76
  }
66
- }, fixedWeeks: true, month: month, firstDayOfWeek: 1, modifiers: modifiers, canChangeMonth: false, onDayClick: onDaySelect, selectedDays: selectedDays, numberOfMonths: numberOfMonths, localeUtils: moment_1["default"], locale: 'ru' }));
77
+ }, fixedWeeks: true, month: month, firstDayOfWeek: 1, modifiers: modifiers, canChangeMonth: false, onDayClick: onDaySelect, selectedDays: selectedDays, numberOfMonths: numberOfMonths, localeUtils: moment_1["default"], locale: 'ru' })));
67
78
  }
68
79
  exports["default"] = CalendarView;
package/content/Calendar/CalendarView.scss CHANGED
@@ -49,6 +49,11 @@
49
49
  }
50
50
  .DayPicker-Week {
51
51
  display: table-row;
52
+
53
+ &--disabled {
54
+ pointer-events: none;
55
+ opacity: .5;
56
+ }
52
57
  }
53
58
  .DayPicker-Day {
54
59
  position: relative;
@@ -85,6 +90,11 @@
85
90
  box-shadow: $calendar-today-shadow;
86
91
  }
87
92
  }
93
+
94
+ &--disabled {
95
+ pointer-events: none;
96
+ opacity: .5;
97
+ }
88
98
  }
89
99
 
90
100
  // Footer
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/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.8",
3
+ "version": "2.1.12",
4
4
  "description": "",
5
5
  "main": "index.js",
6
6
  "author": "Vladimir Kozhin <hello@kozhindev.com>",
@@ -19,14 +19,14 @@
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.25",
22
+ "@steroidsjs/core": "^2.2.39",
23
23
  "bootstrap": "^4.5.2",
24
24
  "lodash": "^4.17.20",
25
25
  "lodash-es": "^4.17.20",
26
26
  "rc-slider": "^9.7.4",
27
27
  "react": "^17.0.2",
28
28
  "react-collapse": "^5.0.1",
29
- "react-day-picker": "^7.4.8",
29
+ "react-day-picker": "^7.4.10",
30
30
  "react-dom": "^17.0.2",
31
31
  "react-image-crop": "^9.0.2",
32
32
  "react-modal": "^3.11.2",