@ntbjs/react-components 1.3.0-rc.44 → 1.3.0-rc.46

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/{AssetAction-d0ed95a3.js → AssetAction-58601bf1.js} +1 -1
  2. package/{Button-44c7e0cd.js → Button-ea6a3414.js} +8 -7
  3. package/inputs/Button/index.js +1 -1
  4. package/inputs/index.js +1 -1
  5. package/package.json +1 -1
  6. package/widgets/AssetGallery/index.js +2 -2
  7. package/widgets/index.js +2 -2
package/{AssetAction-d0ed95a3.js → AssetAction-58601bf1.js} RENAMED
@@ -21,7 +21,7 @@ var polished = require('polished');
21
21
  var ContextMenu = require('./ContextMenu-4eb8fdc5.js');
22
22
  require('./AssetPreviewTopBar-b1fe3188.js');
23
23
  var ActionButton = require('./ActionButton-b2345555.js');
24
- require('./Button-44c7e0cd.js');
24
+ require('./Button-ea6a3414.js');
25
25
  require('./Checkbox-ad9c9e54.js');
26
26
  require('./CompactAutocompleteSelect-5676b507.js');
27
27
  require('./CompactStarRating-d4cfae17.js');
package/{Button-44c7e0cd.js → Button-ea6a3414.js} RENAMED
@@ -16,7 +16,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
16
16
  var MainContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n width: ", ";\n"])), function (props) {
17
17
  return props.dynamic ? '150px' : 'auto';
18
18
  });
19
- var Button$1 = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n width: ", ";\n transition: width 0.3s ease;\n position: relative;\n border-radius: 3px;\n font-family: inherit;\n font-size: 0.875rem;\n font-weight: 400;\n padding: 12px 16px;\n cursor: pointer;\n background: ", ";\n border: 2px solid ", ";\n transition: all 250ms, opacity 200ms;\n\n &:hover,\n &.dropdown-is-active {\n background: #296c58;\n border-color: #296c58;\n }\n\n ", "\n\n && {\n ", ";\n }\n\n && {\n ", ";\n }\n\n && {\n ", ";\n }\n\n && {\n ", ";\n }\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"])), function (props) {
19
+ var Button$1 = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n width: ", ";\n position: relative;\n border-radius: 3px;\n font-family: inherit;\n font-size: 0.875rem;\n font-weight: 400;\n padding: 12px 16px;\n cursor: pointer;\n background: ", ";\n border: 2px solid ", ";\n transition: all 250ms, opacity 200ms;\n\n &:hover,\n &.dropdown-is-active {\n background: #296c58;\n border-color: #296c58;\n }\n\n ", "\n\n && {\n ", ";\n }\n\n && {\n ", ";\n }\n\n && {\n ", ";\n }\n\n && {\n ", ";\n }\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"])), function (props) {
20
20
  return props.dynamic ? '100%' : 'auto';
21
21
  }, function (props) {
22
22
  return props.theme.getColor('emerald-500');
@@ -53,7 +53,7 @@ var Button$1 = styled__default["default"].button.attrs(defaultTheme.applyDefault
53
53
  }, function (props) {
54
54
  return props.singleAction && styled.css(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n gap: 34px;\n border-radius: 3px !important;\n transition: all 250ms, opacity 200ms;\n "])));
55
55
  });
56
- var ButtonContent = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n transition: width 0.3s ease;\n align-items: center;\n transform: scale(1);\n opacity: 1;\n transition: all 200ms;\n\n > svg {\n width: 100%;\n max-width: 16px;\n max-height: 16px;\n margin-right: 8px;\n\n ", ";\n\n ", ";\n }\n\n ", "\n\n ", ";\n"])), function (props) {
56
+ var ButtonContent = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n align-items: center;\n transform: scale(1);\n opacity: 1;\n transition: all 200ms;\n\n > svg {\n width: 100%;\n max-width: 16px;\n max-height: 16px;\n margin-right: 8px;\n\n ", ";\n\n ", ";\n }\n\n ", "\n\n ", ";\n"])), function (props) {
57
57
  return props.size === 'small' && styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n max-width: 13px;\n max-height: 13px;\n "])));
58
58
  }, function (props) {
59
59
  return props.size === 'x-small' && styled.css(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n max-width: 11px;\n max-height: 11px;\n "])));
@@ -68,9 +68,7 @@ var LoadingIndicator = styled__default["default"].div.attrs(defaultTheme.applyDe
68
68
  var LoadingIndicatorSvg = styled__default["default"].svg.attrs(defaultTheme.applyDefaultTheme)(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n height: 100%;\n color: inherit;\n transform: rotate(-88deg);\n"])));
69
69
  var LoadingIndicatorSvgCircle = styled__default["default"].circle.attrs(defaultTheme.applyDefaultTheme)(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n transition: stroke-dashoffset 300ms linear;\n stroke-dasharray: 113;\n"])));
70
70
  var ButtonWrapper = styled__default["default"].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n white-space: nowrap;\n"])));
71
- var MainButtonContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n display: inline-block;\n width: ", ";\n transition: width 0.3s ease;\n button {\n ", ";\n\n ", ";\n }\n"])), function (props) {
72
- return !props.dropdownItems ? '100%' : '69.2%';
73
- }, function (props) {
71
+ var MainButtonContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n display: inline-block;\n button {\n ", ";\n\n ", ";\n }\n"])), function (props) {
74
72
  return props.dropdownItems && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n "])));
75
73
  }, function (props) {
76
74
  return props.dropdownItems && props.outlined && styled.css(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n border-right: none;\n "])));
@@ -89,11 +87,13 @@ Button$1.defaultProps = {
89
87
  dynamic: false
90
88
  };
91
89
 
92
- var _excluded = ["onClickEffect", "singleAction", "dropdownItems", "secondary", "outlined", "block", "icon", "size", "disabled", "loading", "className", "children", "dynamic"];
90
+ var _excluded = ["onClickEffect", "singleAction", "activeDropdown", "dropdownItems", "secondary", "outlined", "block", "icon", "size", "disabled", "loading", "className", "children", "dynamic"];
93
91
  var Button = React__default["default"].forwardRef(function Button(_ref, forwardedRef) {
94
92
  var onClickEffect = _ref.onClickEffect,
95
93
  _ref$singleAction = _ref.singleAction,
96
94
  singleAction = _ref$singleAction === void 0 ? false : _ref$singleAction,
95
+ _ref$activeDropdown = _ref.activeDropdown,
96
+ activeDropdown = _ref$activeDropdown === void 0 ? false : _ref$activeDropdown,
97
97
  dropdownItems = _ref.dropdownItems,
98
98
  secondary = _ref.secondary,
99
99
  outlined = _ref.outlined,
@@ -197,7 +197,7 @@ var Button = React__default["default"].forwardRef(function Button(_ref, forwarde
197
197
  style: {
198
198
  strokeDashoffset: "".concat(loadingStep, "px")
199
199
  }
200
- }))))), dropdownItems && React__default["default"].createElement(DropdownButtonContainer, {
200
+ }))))), (dropdownItems || activeDropdown || dynamic) && React__default["default"].createElement(DropdownButtonContainer, {
201
201
  dropdownItems: dropdownItems,
202
202
  secondary: secondary,
203
203
  outlined: outlined
@@ -251,6 +251,7 @@ var Button = React__default["default"].forwardRef(function Button(_ref, forwarde
251
251
  Button.propTypes = process.env.NODE_ENV !== "production" ? {
252
252
  onClickEffect: defaultTheme.PropTypes.func,
253
253
  singleAction: defaultTheme.PropTypes.bool,
254
+ activeDropdown: defaultTheme.PropTypes.bool,
254
255
  dropdownItems: defaultTheme.PropTypes.node,
255
256
  secondary: defaultTheme.PropTypes.bool,
256
257
  outlined: defaultTheme.PropTypes.bool,
package/inputs/Button/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Button = require('../../Button-44c7e0cd.js');
3
+ var Button = require('../../Button-ea6a3414.js');
4
4
  require('../../defaultTheme-cd01e6c2.js');
5
5
  require('styled-components');
6
6
  require('react');
package/inputs/index.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var ActionButton = require('../ActionButton-b2345555.js');
6
- var Button = require('../Button-44c7e0cd.js');
6
+ var Button = require('../Button-ea6a3414.js');
7
7
  var Checkbox = require('../Checkbox-ad9c9e54.js');
8
8
  var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-5676b507.js');
9
9
  var CompactStarRating = require('../CompactStarRating-d4cfae17.js');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ntbjs/react-components",
3
- "version": "1.3.0-rc.44",
3
+ "version": "1.3.0-rc.46",
4
4
  "description": "NTBs common front-end design utilities and React components.",
5
5
  "scripts": {
6
6
  "build": "cross-env NODE_ENV=production rollup -c",
package/widgets/AssetGallery/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var AssetAction = require('../../AssetAction-d0ed95a3.js');
3
+ var AssetAction = require('../../AssetAction-58601bf1.js');
4
4
  require('../../defaultTheme-cd01e6c2.js');
5
5
  require('styled-components');
6
6
  require('lodash');
@@ -39,7 +39,7 @@ require('@floating-ui/react');
39
39
  require('../../ContextMenu-4eb8fdc5.js');
40
40
  require('../../AssetPreviewTopBar-b1fe3188.js');
41
41
  require('../../ActionButton-b2345555.js');
42
- require('../../Button-44c7e0cd.js');
42
+ require('../../Button-ea6a3414.js');
43
43
  require('../../CompactStarRating-d4cfae17.js');
44
44
  require('../../CompactTextInput-f89988be.js');
45
45
  require('../../MultiSelect-f87624b5.js');
package/widgets/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var AssetAction = require('../AssetAction-d0ed95a3.js');
5
+ var AssetAction = require('../AssetAction-58601bf1.js');
6
6
  var ContextMenu = require('../ContextMenu-4eb8fdc5.js');
7
7
  var AssetPreviewTopBar = require('../AssetPreviewTopBar-b1fe3188.js');
8
8
  var Instructions = require('../Instructions-d1545bd4.js');
@@ -34,7 +34,7 @@ require('../close-1751121a.js');
34
34
  require('react-lazy-load-image-component');
35
35
  require('@floating-ui/react');
36
36
  require('../ActionButton-b2345555.js');
37
- require('../Button-44c7e0cd.js');
37
+ require('../Button-ea6a3414.js');
38
38
  require('../expand-more-d74e2bd2.js');
39
39
  require('../CompactAutocompleteSelect-5676b507.js');
40
40
  require('react-select');