@steroidsjs/bootstrap 2.1.7 → 2.1.10

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 (5) 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/DropDownField/DropDownFieldView.scss +1 -1
  5. 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/DropDownField/DropDownFieldView.scss CHANGED
@@ -138,7 +138,7 @@
138
138
  left: 50%;
139
139
  width: 1px;
140
140
  height: 10px;
141
- // background-color: $text-muted;
141
+ background-color: $text-muted;
142
142
  content: '';
143
143
  }
144
144
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@steroidsjs/bootstrap",
3
- "version": "2.1.7",
3
+ "version": "2.1.10",
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.19",
22
+ "@steroidsjs/core": "^2.2.32",
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",