@steroidsjs/bootstrap 2.1.21 → 3.0.0-beta.2

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 (77) hide show
  1. package/content/Alert/AlertView.js +1 -1
  2. package/content/Avatar/AvatarGroupView.js +6 -2
  3. package/content/Avatar/AvatarView.d.ts +5 -1
  4. package/content/Avatar/AvatarView.js +5 -4
  5. package/content/Calendar/CalendarView.js +8 -4
  6. package/content/Calendar/CaptionElement.js +9 -5
  7. package/content/Card/CardView.js +4 -3
  8. package/content/Collapse/CollapseItemView.js +6 -2
  9. package/content/Collapse/CollapseView.js +6 -2
  10. package/content/Detail/DetailView.js +1 -1
  11. package/content/DropDown/DropDownView.js +11 -7
  12. package/crud/Crud/CrudView.js +6 -2
  13. package/form/AutoCompleteField/AutoCompleteFieldView.js +6 -2
  14. package/form/Button/ButtonView.js +10 -6
  15. package/form/CheckboxField/CheckboxFieldView.js +7 -3
  16. package/form/CheckboxListField/CheckboxListFieldView.js +9 -5
  17. package/form/DateField/DateFieldView.js +7 -3
  18. package/form/DateRangeField/DateRangeFieldView.js +8 -4
  19. package/form/DateTimeField/DateTimeFieldView.js +7 -3
  20. package/form/DateTimeRangeField/DateTimeRangeFieldView.js +8 -4
  21. package/form/DropDownField/DropDownFieldView.js +30 -21
  22. package/form/FieldLayout/FieldLayoutView.js +8 -4
  23. package/form/FieldList/FieldListItemView.js +6 -2
  24. package/form/FieldList/FieldListView.js +6 -2
  25. package/form/FieldSet/FieldSetView.js +5 -1
  26. package/form/FileField/FileFieldItemView.js +6 -2
  27. package/form/FileField/FileFieldView.js +6 -2
  28. package/form/Form/FormView.js +9 -5
  29. package/form/HtmlField/HtmlFieldView.js +6 -2
  30. package/form/ImageField/ImageFieldModalView.js +7 -3
  31. package/form/ImageField/ImageFieldView.js +7 -3
  32. package/form/InputField/InputFieldView.js +6 -2
  33. package/form/NumberField/NumberFieldView.js +9 -5
  34. package/form/PasswordField/PasswordFieldView.js +6 -2
  35. package/form/RadioListField/RadioListFieldView.js +9 -5
  36. package/form/RateField/RateFieldView.js +6 -2
  37. package/form/ReCaptchaField/ReCaptchaFieldView.js +6 -2
  38. package/form/SliderField/SliderFieldView.js +8 -4
  39. package/form/SwitcherField/SwitcherFieldView.js +7 -3
  40. package/form/TextField/TextFieldView.js +6 -2
  41. package/form/TimeField/TimeFieldView.js +7 -3
  42. package/form/TimeField/TimePanelView.js +9 -5
  43. package/format/DefaultFormatter/DefaultFormatterView.d.ts +2 -1
  44. package/icon/Icon/IconView.js +6 -2
  45. package/icon/Icon/index.js +5 -1
  46. package/icon/fontawesome.js +1 -1
  47. package/layout/Header/HeaderView.js +6 -2
  48. package/layout/Loader/LoaderView.js +6 -2
  49. package/layout/Notifications/NotificationsItemView.js +8 -4
  50. package/layout/Notifications/NotificationsView.js +6 -2
  51. package/layout/ProgressBar/CircleProgressBarView.js +6 -2
  52. package/layout/ProgressBar/LineProgressBarView.js +7 -3
  53. package/layout/Skeleton/SkeletonView.js +6 -2
  54. package/layout/Tooltip/TooltipView.js +9 -5
  55. package/list/CheckboxColumn/CheckboxColumnView.js +6 -2
  56. package/list/ControlsColumnView/ControlsColumnView.js +6 -2
  57. package/list/Empty/EmptyView.js +6 -2
  58. package/list/Grid/GridView.js +12 -8
  59. package/list/List/ListItemView.js +6 -2
  60. package/list/List/ListView.js +6 -2
  61. package/list/Pagination/PaginationButtonView.js +7 -3
  62. package/list/Pagination/PaginationMoreView.js +6 -2
  63. package/list/PaginationSize/PaginationSizeView.js +7 -3
  64. package/list/Steps/StepItemView.js +7 -3
  65. package/list/Steps/StepsView.js +6 -2
  66. package/modal/Modal/ModalView.js +6 -2
  67. package/modal/TwoFactorModal/TwoFactorModalView.js +1 -1
  68. package/nav/Breadcrubms/BreadcrumbsView.js +6 -2
  69. package/nav/Controls/ControlsView.js +6 -2
  70. package/nav/Nav/NavBarView.js +6 -2
  71. package/nav/Nav/NavButtonView.js +6 -2
  72. package/nav/Nav/NavIconView.js +6 -2
  73. package/nav/Nav/NavLinkView.js +6 -2
  74. package/nav/Nav/NavListView.js +6 -2
  75. package/nav/Nav/NavTabsView.js +6 -2
  76. package/nav/Tree/TreeView.js +6 -2
  77. package/package.json +9 -5
@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
12
12
  };
13
13
  var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
14
  if (k2 === undefined) k2 = k;
15
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
15
+ var desc = Object.getOwnPropertyDescriptor(m, k);
16
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
17
+ desc = { enumerable: true, get: function() { return m[k]; } };
18
+ }
19
+ Object.defineProperty(o, k2, desc);
16
20
  }) : (function(o, m, k, k2) {
17
21
  if (k2 === undefined) k2 = k;
18
22
  o[k2] = m[k];
@@ -37,7 +41,7 @@ var React = __importStar(require("react"));
37
41
  var Button_1 = __importDefault(require("@steroidsjs/core/ui/form/Button"));
38
42
  var hooks_1 = require("@steroidsjs/core/hooks");
39
43
  function NavIconView(props) {
40
- var bem = hooks_1.useBem('NavIconView');
44
+ var bem = (0, hooks_1.useBem)('NavIconView');
41
45
  return (React.createElement("div", { className: bem(bem.block(), props.className) },
42
46
  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
47
  props.children));
@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
12
12
  };
13
13
  var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
14
  if (k2 === undefined) k2 = k;
15
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
15
+ var desc = Object.getOwnPropertyDescriptor(m, k);
16
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
17
+ desc = { enumerable: true, get: function() { return m[k]; } };
18
+ }
19
+ Object.defineProperty(o, k2, desc);
16
20
  }) : (function(o, m, k, k2) {
17
21
  if (k2 === undefined) k2 = k;
18
22
  o[k2] = m[k];
@@ -37,7 +41,7 @@ var React = __importStar(require("react"));
37
41
  var Button_1 = __importDefault(require("@steroidsjs/core/ui/form/Button"));
38
42
  var hooks_1 = require("@steroidsjs/core/hooks");
39
43
  function NavLinkView(props) {
40
- var bem = hooks_1.useBem('NavLinkView');
44
+ var bem = (0, hooks_1.useBem)('NavLinkView');
41
45
  return (React.createElement("div", { className: bem(bem.block(), props.className) },
42
46
  React.createElement("div", { className: bem.element('nav mb-3') }, props.items.map(function (item, index) { return (React.createElement(Button_1["default"], __assign({ key: item.id || index, link: true, onClick: function () { return props.onClick(item, index); }, className: bem.element('nav-item') }, item))); })),
43
47
  React.createElement("div", { className: bem.element('content') }, props.children)));
@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
12
12
  };
13
13
  var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
14
  if (k2 === undefined) k2 = k;
15
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
15
+ var desc = Object.getOwnPropertyDescriptor(m, k);
16
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
17
+ desc = { enumerable: true, get: function() { return m[k]; } };
18
+ }
19
+ Object.defineProperty(o, k2, desc);
16
20
  }) : (function(o, m, k, k2) {
17
21
  if (k2 === undefined) k2 = k;
18
22
  o[k2] = m[k];
@@ -37,7 +41,7 @@ var React = __importStar(require("react"));
37
41
  var Link_1 = __importDefault(require("@steroidsjs/core/ui/nav/Link"));
38
42
  var hooks_1 = require("@steroidsjs/core/hooks");
39
43
  function NavListView(props) {
40
- var bem = hooks_1.useBem('NavListView');
44
+ var bem = (0, hooks_1.useBem)('NavListView');
41
45
  var renderItems = function (items) {
42
46
  if (!items || items.length === 0) {
43
47
  return null;
@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
12
12
  };
13
13
  var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
14
  if (k2 === undefined) k2 = k;
15
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
15
+ var desc = Object.getOwnPropertyDescriptor(m, k);
16
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
17
+ desc = { enumerable: true, get: function() { return m[k]; } };
18
+ }
19
+ Object.defineProperty(o, k2, desc);
16
20
  }) : (function(o, m, k, k2) {
17
21
  if (k2 === undefined) k2 = k;
18
22
  o[k2] = m[k];
@@ -37,7 +41,7 @@ var React = __importStar(require("react"));
37
41
  var Button_1 = __importDefault(require("@steroidsjs/core/ui/form/Button"));
38
42
  var hooks_1 = require("@steroidsjs/core/hooks");
39
43
  function NavTabsView(props) {
40
- var bem = hooks_1.useBem('NavTabsView');
44
+ var bem = (0, hooks_1.useBem)('NavTabsView');
41
45
  return (React.createElement("div", { className: bem(bem.block(), props.className) },
42
46
  React.createElement("div", { className: bem('nav nav-tabs', !props.children && 'mb-3') }, props.items.map(function (item, index) { return (React.createElement("li", { key: item.id || index, className: 'nav-item' },
43
47
  React.createElement(Button_1["default"], __assign({ link: true, onClick: function () { return props.onClick(item, index); }, layout: false }, item, { className: bem('nav-link', item.isActive && 'active', item.className) })))); })),
@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
12
12
  };
13
13
  var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
14
  if (k2 === undefined) k2 = k;
15
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
15
+ var desc = Object.getOwnPropertyDescriptor(m, k);
16
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
17
+ desc = { enumerable: true, get: function() { return m[k]; } };
18
+ }
19
+ Object.defineProperty(o, k2, desc);
16
20
  }) : (function(o, m, k, k2) {
17
21
  if (k2 === undefined) k2 = k;
18
22
  o[k2] = m[k];
@@ -38,7 +42,7 @@ var Link_1 = __importDefault(require("@steroidsjs/core/ui/nav/Link"));
38
42
  var hooks_1 = require("@steroidsjs/core/hooks");
39
43
  function TreeView(props) {
40
44
  var levelPadding = props.levelPadding || 20;
41
- var bem = hooks_1.useBem('TreeView');
45
+ var bem = (0, hooks_1.useBem)('TreeView');
42
46
  return (React.createElement("div", { className: bem(bem.block(), props.className) }, props.items.map(function (item) { return (React.createElement("div", { key: item.uniqId, onClick: item.onClick, onKeyPress: item.onClick, className: bem(bem.element('item', {
43
47
  selected: item.isSelected,
44
48
  opened: item.isOpened,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@steroidsjs/bootstrap",
3
- "version": "2.1.21",
3
+ "version": "3.0.0-beta.2",
4
4
  "description": "",
5
5
  "main": "index.js",
6
6
  "author": "Vladimir Kozhin <hello@kozhindev.com>",
@@ -19,20 +19,21 @@
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",
23
22
  "bootstrap": "^4.5.2",
23
+ "date-fns": "^2.29.3",
24
24
  "lodash": "^4.17.20",
25
25
  "lodash-es": "^4.17.20",
26
26
  "rc-slider": "^9.7.4",
27
- "react": "^17.0.2",
27
+ "react": "^18.2.0",
28
28
  "react-collapse": "^5.0.1",
29
29
  "react-day-picker": "^7.4.10",
30
- "react-dom": "^17.0.2",
30
+ "react-dom": "^18.2.0",
31
31
  "react-image-crop": "^9.0.2",
32
32
  "react-modal": "^3.11.2",
33
33
  "react-transition-group": "^2.9.0"
34
34
  },
35
35
  "devDependencies": {
36
+ "@steroidsjs/core": "^3.0 || >=3.0.0-beta.1",
36
37
  "@types/enzyme": "^3.10.8",
37
38
  "@types/googlemaps": "^3.43.3",
38
39
  "@types/jest": "^26.0.22",
@@ -40,11 +41,14 @@
40
41
  "@types/node": "^14.14.37",
41
42
  "@types/overlayscrollbars": "^1.12.0",
42
43
  "@types/reach__router": "^1.3.7",
43
- "@types/react": "^17.0.3",
44
+ "@types/react": "^18.0.27",
44
45
  "@types/react-color": "^3.0.4",
45
46
  "@types/react-syntax-highlighter": "^13.5.0",
46
47
  "@types/webpack-env": "^1.16.0",
47
48
  "copyfiles": "^2.4.1",
48
49
  "typescript": "^4.3.4"
50
+ },
51
+ "peerDependencies": {
52
+ "@steroidsjs/core": "^3.0 || >=3.0.0-beta.1"
49
53
  }
50
54
  }