@steroidsjs/bootstrap 2.1.2 → 2.1.3

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 (9) hide show
  1. package/form/DateField/DateFieldView.scss +2 -3
  2. package/form/DateTimeField/DateTimeFieldView.scss +1 -1
  3. package/form/FieldList/FieldListView.js +8 -6
  4. package/form/NumberField/NumberFieldView.js +10 -12
  5. package/nav/Breadcrubms/BreadcrumbsView.d.ts +1 -2
  6. package/nav/Breadcrubms/BreadcrumbsView.js +1 -1
  7. package/nav/Breadcrubms/BreadcrumbsView.scss +1 -0
  8. package/nav/Nav/NavIconView.js +1 -1
  9. package/package.json +2 -2
package/form/DateField/DateFieldView.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  .DateFieldView {
2
2
  $root: &;
3
3
 
4
- padding: 0 8px;
4
+ padding-right: 8px;
5
5
  position: relative;
6
6
 
7
7
  background-color: $white;
@@ -46,8 +46,7 @@
46
46
  border: none;
47
47
  outline: none;
48
48
  background-color: transparent;
49
-
50
- padding: 10px 5px;
49
+ padding: $input-padding-y $input-padding-x;
51
50
  }
52
51
 
53
52
  &__icon-container {
package/form/DateTimeField/DateTimeFieldView.scss CHANGED
@@ -53,7 +53,7 @@
53
53
  outline: none;
54
54
  background-color: transparent;
55
55
 
56
- padding: 10px 5px;
56
+ padding: $input-padding-y $input-padding-x;
57
57
  }
58
58
 
59
59
  &__icon-container {
package/form/FieldList/FieldListView.js CHANGED
@@ -25,17 +25,19 @@ var form_1 = require("@steroidsjs/core/ui/form");
25
25
  function FieldListView(props) {
26
26
  var bem = hooks_1.useBem('FieldListView');
27
27
  return (React.createElement("div", { className: bem(bem.block(), props.className), style: props.style, ref: props.forwardedRef },
28
- React.createElement("table", { className: bem(bem.element('table'), 'table', props.size && 'table-' + props.size) },
28
+ React.createElement("table", { className: bem(bem.element('table'), 'table', props.size && 'table-' + props.size, props.tableClassName) },
29
29
  React.createElement("thead", null,
30
30
  React.createElement("tr", null,
31
31
  props.items.map(function (field, rowIndex) { return (React.createElement("th", { key: rowIndex, className: bem(bem.element('table-cell-header'), field.headerClassName) }, field.label)); }),
32
32
  props.showRemove && (
33
33
  // eslint-disable-next-line jsx-a11y/control-has-associated-label
34
34
  React.createElement("th", null)))),
35
- React.createElement("tbody", null, props.children)),
36
- props.showAdd && !props.disabled && (React.createElement(form_1.Button, { formId: false, layout: false, color: 'secondary', className: bem.element('button-add'), onClick: function (e) {
37
- e.preventDefault();
38
- props.onAdd();
39
- } }, __('Добавить ещё')))));
35
+ React.createElement("tbody", null, props.children),
36
+ React.createElement("tfoot", null,
37
+ React.createElement("tr", null,
38
+ React.createElement("td", { colSpan: props.items.length }, props.showAdd && !props.disabled && (React.createElement(form_1.Button, { formId: false, layout: false, color: 'secondary', className: bem.element('button-add'), onClick: function (e) {
39
+ e.preventDefault();
40
+ props.onAdd();
41
+ } }, __('Добавить ещё')))))))));
40
42
  }
41
43
  exports["default"] = FieldListView;
package/form/NumberField/NumberFieldView.js CHANGED
@@ -36,16 +36,14 @@ var hooks_1 = require("@steroidsjs/core/hooks");
36
36
  function NumberFieldView(props) {
37
37
  // Input ref
38
38
  var inputRef = react_1.useRef(null);
39
- // Value state
40
- var _a = react_1.useState(null), value = _a[0], setValue = _a[1];
41
- var onStepUp = function () {
39
+ var onStepUp = react_1.useCallback(function () {
42
40
  inputRef.current.stepUp();
43
- setValue(inputRef.current.value);
44
- };
45
- var onStepDown = function () {
41
+ props.inputProps.onChange(inputRef.current.value);
42
+ }, [inputRef.current]);
43
+ var onStepDown = react_1.useCallback(function () {
46
44
  inputRef.current.stepDown();
47
- setValue(inputRef.current.value);
48
- };
45
+ props.inputProps.onChange(inputRef.current.value);
46
+ }, [inputRef.current]);
49
47
  var bem = hooks_1.useBem('NumberFieldView');
50
48
  return (React.createElement("div", { className: bem(bem.block({
51
49
  disabled: props.inputProps.disabled
@@ -55,13 +53,13 @@ function NumberFieldView(props) {
55
53
  }), !!props.errors && 'is-invalid') }, props.inputProps)),
56
54
  !props.disabled && !props.errors && (React.createElement("div", { className: bem.element('arrows-container') },
57
55
  React.createElement("button", { className: bem.element('arrow', {
58
- disabled: props.inputProps.max && value >= props.inputProps.max
59
- }), onClick: onStepUp },
56
+ disabled: props.inputProps.max && props.inputProps.value >= props.inputProps.max
57
+ }), type: 'button', onClick: onStepUp },
60
58
  React.createElement("svg", { viewBox: '64 64 896 896', width: '1em', height: '1em' },
61
59
  React.createElement("path", { d: 'M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140\n 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1\n 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z' }))),
62
60
  React.createElement("button", { className: bem.element('arrow', {
63
- disabled: props.inputProps.min && value <= props.inputProps.min
64
- }), onClick: onStepDown },
61
+ disabled: props.inputProps.min && props.inputProps.value <= props.inputProps.min
62
+ }), type: 'button', onClick: onStepDown },
65
63
  React.createElement("svg", { viewBox: '64 64 896 896', width: '1em', height: '1em' },
66
64
  React.createElement("path", { d: 'M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5\n 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39\n 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z' })))))));
67
65
  }
package/nav/Breadcrubms/BreadcrumbsView.d.ts CHANGED
@@ -1,4 +1,3 @@
1
1
  /// <reference types="react" />
2
- import { IBemHocOutput } from '@steroidsjs/core/hoc/bem';
3
2
  import { IBreadcrumbsViewProps } from '@steroidsjs/core/ui/nav/Breadcrumbs/Breadcrumbs';
4
- export default function BreadcrumbsView(props: IBreadcrumbsViewProps & IBemHocOutput): JSX.Element;
3
+ export default function BreadcrumbsView(props: IBreadcrumbsViewProps): JSX.Element;
package/nav/Breadcrubms/BreadcrumbsView.js CHANGED
@@ -32,7 +32,7 @@ function BreadcrumbsView(props) {
32
32
  React.createElement("ol", { className: bem.element('list') }, items.map(function (item, index) {
33
33
  var isLastItem = items.length === index + 1;
34
34
  return (React.createElement("li", { key: item.id || index, className: bem.element('item') },
35
- !isLastItem && item.id && (React.createElement(Link_1["default"], { toRoute: item.id, href: item.id }, item.title)),
35
+ !isLastItem && item.id && (React.createElement(Link_1["default"], { toRoute: item.id, toRouteParams: props.routeParams, href: item.id }, item.title)),
36
36
  (isLastItem || !item.id) && (React.createElement("span", null, props.pageTitle || item.title))));
37
37
  }))));
38
38
  }
package/nav/Breadcrubms/BreadcrumbsView.scss CHANGED
@@ -4,6 +4,7 @@
4
4
  &__list {
5
5
  display: flex;
6
6
  list-style: none;
7
+ padding: 0;
7
8
  }
8
9
 
9
10
  &__item {
package/nav/Nav/NavIconView.js CHANGED
@@ -39,7 +39,7 @@ var hooks_1 = require("@steroidsjs/core/hooks");
39
39
  function NavIconView(props) {
40
40
  var bem = hooks_1.useBem('NavIconView');
41
41
  return (React.createElement("div", { className: bem(bem.block(), props.className) },
42
- props.items.map(function (item, index) { return (React.createElement(Button_1["default"], __assign({ icon: props.icon ? props.icon : 'circle-notch', key: item.id || index, link: true, onClick: function () { return props.onClick(item, index); } }, item, { label: null, hint: item.hint || item.label || null }))); }),
42
+ props.items.map(function (item, index) { return (React.createElement(Button_1["default"], __assign({ icon: props.icon ? props.icon : 'circle-notch', key: item.id || index, link: true, onClick: function () { return props.onClick(item, index); }, layout: false }, item, { label: null, hint: item.hint || item.label || null }))); }),
43
43
  props.children));
44
44
  }
45
45
  exports["default"] = NavIconView;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@steroidsjs/bootstrap",
3
- "version": "2.1.2",
3
+ "version": "2.1.3",
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.8",
22
+ "@steroidsjs/core": "^2.2.9",
23
23
  "bootstrap": "^4.5.2",
24
24
  "lodash": "^4.17.20",
25
25
  "lodash-es": "^4.17.20",