@ntbjs/react-components 0.0.1-beta.34 → 0.0.1-beta.38

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/{AssetGallery-ce490965.js → AssetGallery-967c57ed.js} +209 -42
  2. package/{TextInput-bee0814c.js → TextInput-1ed37e22.js} +3 -3
  3. package/inputs/TextInput/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/{AssetGallery-ce490965.js → AssetGallery-967c57ed.js} RENAMED
@@ -9,7 +9,7 @@ require('./Button-89056918.js');
9
9
  require('./Checkbox-791a409f.js');
10
10
  require('./Radio-9271a4b6.js');
11
11
  require('./TextArea-70a74014.js');
12
- require('./TextInput-bee0814c.js');
12
+ require('./TextInput-1ed37e22.js');
13
13
  require('./Popover-0ff13419.js');
14
14
  var Tooltip = require('./Tooltip-85e7d561.js');
15
15
  var styled = require('styled-components');
@@ -120,8 +120,8 @@ var assetShapeWithLayout = defaultTheme._objectSpread2(defaultTheme._objectSprea
120
120
  var css_248z = ".lazy-load-image-background.opacity {\n opacity: 0;\n}\n\n.lazy-load-image-background.opacity.lazy-load-image-loaded {\n opacity: 1;\n transition: opacity .3s;\n}\n";
121
121
  defaultTheme.styleInject(css_248z);
122
122
 
123
- var _templateObject$2, _templateObject2$2, _templateObject3$2, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28;
124
- var AssetGalleryCompactCard$2 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject$2 || (_templateObject$2 = defaultTheme._taggedTemplateLiteral(["\n display: block;\n height: 100%;\n ", ";\n ", ";\n\n ", "\n\n video {\n width: 100%;\n height: 100%;\n }\n"])), function (props) {
123
+ var _templateObject$2, _templateObject2$2, _templateObject3$2, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30;
124
+ var AssetGalleryCompactCard$2 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject$2 || (_templateObject$2 = defaultTheme._taggedTemplateLiteral(["\n display: block;\n height: 100%;\n ", ";\n ", ";\n\n ", "\n video {\n width: 100%;\n height: 100%;\n }\n"])), function (props) {
125
125
  return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-300'));
126
126
  }, function (props) {
127
127
  return props.disabled && styled.css(_templateObject2$2 || (_templateObject2$2 = defaultTheme._taggedTemplateLiteral(["\n pointer-events: none;\n opacity: 0.4;\n "])));
@@ -132,47 +132,51 @@ var Figure = styled__default['default'].figure(_templateObject4$1 || (_templateO
132
132
  return props.hasHeightAndWidth ? styled.css(_templateObject5$1 || (_templateObject5$1 = defaultTheme._taggedTemplateLiteral(["\n object-fit: cover;\n "]))) : styled.css(_templateObject6$1 || (_templateObject6$1 = defaultTheme._taggedTemplateLiteral(["\n object-fit: contain;\n "])));
133
133
  });
134
134
  var Overlay = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject7$1 || (_templateObject7$1 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n"])));
135
- var OverlayBackdrop = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject8$1 || (_templateObject8$1 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n opacity: 0;\n background: linear-gradient(rgba(0, 0, 0, 0.6), transparent 70%, rgba(0, 0, 0, 0.6));\n transition: opacity 220ms;\n\n ", ":hover & {\n opacity: 1;\n }\n"])), Overlay);
136
- var OverlayInfo = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject9$1 || (_templateObject9$1 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n padding: 15px 12px 10px;\n color: ", ";\n"])), function (props) {
135
+ var OverlayBackdrop = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject8$1 || (_templateObject8$1 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n opacity: 0;\n background: linear-gradient(rgba(0, 0, 0, 0.6), transparent 70%, rgba(0, 0, 0, 0.6));\n transition: opacity 220ms;\n\n ", "\n\n ", ":hover & {\n opacity: 1;\n }\n"])), function (props) {
136
+ return props.softSelected && styled.css(_templateObject9$1 || (_templateObject9$1 = defaultTheme._taggedTemplateLiteral(["\n opacity: 1;\n "])));
137
+ }, Overlay);
138
+ var OverlayInfo = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject10$1 || (_templateObject10$1 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n padding: 15px 12px 10px;\n color: ", ";\n"])), function (props) {
137
139
  return props.theme.getColor('gray-100');
138
140
  });
139
- var OverlayInfoTopTitleAndFileType = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject10$1 || (_templateObject10$1 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n"])));
140
- var OverlayInfoTopTitle = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject11$1 || (_templateObject11$1 = defaultTheme._taggedTemplateLiteral(["\n flex-grow: 1;\n font-family: ", ";\n font-weight: 400;\n line-height: 1.4;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n margin-right: 20px;\n opacity: 0;\n transition: opacity 220ms;\n\n ", ":hover & {\n opacity: 1;\n }\n"])), function (props) {
141
+ var OverlayInfoTopTitleAndFileType = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject11$1 || (_templateObject11$1 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n"])));
142
+ var OverlayInfoTopTitle = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject12$1 || (_templateObject12$1 = defaultTheme._taggedTemplateLiteral(["\n flex-grow: 1;\n font-family: ", ";\n font-weight: 400;\n line-height: 1.4;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n margin-right: 20px;\n opacity: 0;\n transition: opacity 220ms;\n\n ", "\n\n ", ":hover & {\n opacity: 1;\n }\n"])), function (props) {
141
143
  return props.theme.primaryFontFamily;
144
+ }, function (props) {
145
+ return props.softSelected && styled.css(_templateObject13$1 || (_templateObject13$1 = defaultTheme._taggedTemplateLiteral(["\n opacity: 1;\n "])));
142
146
  }, Overlay);
143
- var OverlayInfoTopFileType = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject12$1 || (_templateObject12$1 = defaultTheme._taggedTemplateLiteral(["\n flex-shrink: 0;\n width: auto;\n max-width: 19px;\n max-height: 19px;\n"])));
144
- var OverlayInfoTopNoteAndFileType = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject13$1 || (_templateObject13$1 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n"])));
145
- var OverlayInfoTopNote = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject14$1 || (_templateObject14$1 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n padding-top: 5px;\n transform: translate3d(0, -100%, 0);\n transition: transform 250ms;\n\n svg {\n max-width: 20px;\n max-height: 20px;\n width: 100%;\n flex-shrink: 0;\n }\n\n ", ":hover && {\n ", "\n }\n"])), Overlay, function (props) {
147
+ var OverlayInfoTopFileType = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject14$1 || (_templateObject14$1 = defaultTheme._taggedTemplateLiteral(["\n flex-shrink: 0;\n width: auto;\n max-width: 19px;\n max-height: 19px;\n"])));
148
+ var OverlayInfoTopNoteAndFileType = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject15$1 || (_templateObject15$1 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n"])));
149
+ var OverlayInfoTopNote = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject16$1 || (_templateObject16$1 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n padding-top: 5px;\n transform: translate3d(0, -100%, 0);\n transition: transform 250ms;\n\n svg {\n max-width: 20px;\n max-height: 20px;\n width: 100%;\n flex-shrink: 0;\n }\n\n ", ":hover && {\n ", "\n }\n"])), Overlay, function (props) {
146
150
  var _props$assetTitle;
147
151
 
148
- return ((_props$assetTitle = props.assetTitle) === null || _props$assetTitle === void 0 ? void 0 : _props$assetTitle.trim().length) > 0 ? styled.css(_templateObject15$1 || (_templateObject15$1 = defaultTheme._taggedTemplateLiteral(["\n transform: translate3d(0, 0, 0);\n "]))) : styled.css(_templateObject16$1 || (_templateObject16$1 = defaultTheme._taggedTemplateLiteral(["\n transform: translate3d(0, -100%, 0);\n "])));
152
+ return ((_props$assetTitle = props.assetTitle) === null || _props$assetTitle === void 0 ? void 0 : _props$assetTitle.trim().length) > 0 ? styled.css(_templateObject17$1 || (_templateObject17$1 = defaultTheme._taggedTemplateLiteral(["\n transform: translate3d(0, 0, 0);\n "]))) : styled.css(_templateObject18$1 || (_templateObject18$1 = defaultTheme._taggedTemplateLiteral(["\n transform: translate3d(0, -100%, 0);\n "])));
149
153
  });
150
- var OverlayInfoTopFileTypeTopLeft = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject17$1 || (_templateObject17$1 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n padding-top: 5px;\n transform: translate3d(0, -100%, 0);\n transition: transform 250ms;\n margin-right: 5px;\n\n svg {\n max-width: 20px;\n max-height: 20px;\n width: 100%;\n flex-shrink: 0;\n }\n\n ", ":hover && {\n ", "\n }\n"])), Overlay, function (props) {
154
+ var OverlayInfoTopFileTypeTopLeft = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject19$1 || (_templateObject19$1 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n padding-top: 5px;\n transform: translate3d(0, -100%, 0);\n transition: transform 250ms;\n margin-right: 5px;\n\n svg {\n max-width: 20px;\n max-height: 20px;\n width: 100%;\n flex-shrink: 0;\n }\n\n ", ":hover && {\n ", "\n }\n"])), Overlay, function (props) {
151
155
  var _props$assetTitle2;
152
156
 
153
- return ((_props$assetTitle2 = props.assetTitle) === null || _props$assetTitle2 === void 0 ? void 0 : _props$assetTitle2.trim().length) > 0 ? styled.css(_templateObject18$1 || (_templateObject18$1 = defaultTheme._taggedTemplateLiteral(["\n transform: translate3d(0, 0, 0);\n "]))) : styled.css(_templateObject19$1 || (_templateObject19$1 = defaultTheme._taggedTemplateLiteral(["\n transform: translate3d(0, -100%, 0);\n "])));
157
+ return ((_props$assetTitle2 = props.assetTitle) === null || _props$assetTitle2 === void 0 ? void 0 : _props$assetTitle2.trim().length) > 0 ? styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n transform: translate3d(0, 0, 0);\n "]))) : styled.css(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n transform: translate3d(0, -100%, 0);\n "])));
154
158
  });
155
- var OverlayInfoTopNoteTitle = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n font-family: ", ";\n font-weight: 400;\n line-height: 1.4;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n margin-left: 5px;\n opacity: 0;\n transition: opacity 250ms;\n\n ", ":hover & {\n opacity: 1;\n }\n"])), function (props) {
159
+ var OverlayInfoTopNoteTitle = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n font-family: ", ";\n font-weight: 400;\n line-height: 1.4;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n margin-left: 5px;\n opacity: 0;\n transition: opacity 250ms;\n\n ", ":hover & {\n opacity: 1;\n }\n"])), function (props) {
156
160
  return props.theme.primaryFontFamily;
157
161
  }, Overlay);
158
- var OverlayCompleted$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n pointer-events: none;\n transition: border-color 120ms;\n border: 4px solid ", ";\n"])), function (props) {
159
- return polished.rgba(props.theme.getColor('emerald-500'), 0.7);
162
+ var OverlayCompleted$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n pointer-events: none;\n transition: border-color 120ms;\n border: 4px solid\n ", ";\n"])), function (props) {
163
+ return !props.softSelected && polished.rgba(props.theme.getColor('emerald-500'), 0.7);
160
164
  });
161
- var OverlayHasError$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n pointer-events: none;\n transition: border-color 120ms;\n border: 4px solid ", ";\n"])), function (props) {
162
- return polished.rgba(props.theme.getColor('red-500'), 0.7);
165
+ var OverlayHasError$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n pointer-events: none;\n transition: border-color 120ms;\n border: 4px solid ", ";\n"])), function (props) {
166
+ return !props.softSelected && polished.rgba(props.theme.getColor('red-500'), 0.7);
163
167
  });
164
- var OverlaySelected$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n pointer-events: none;\n transition: border-color 120ms;\n border: 4px solid\n ", ";\n"])), function (props) {
165
- return props.selected ? props.theme.getColor('orange-500') : 'transparent';
168
+ var OverlaySelected$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n pointer-events: none;\n transition: border-color 120ms;\n border: 4px solid\n ", ";\n"])), function (props) {
169
+ return props.softSelected ? polished.rgba(props.theme.getColor('orange-500'), 0.5) : props.selected ? props.theme.getColor('orange-500') : 'transparent';
166
170
  });
167
- var OverlayInfoBottom = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n"])));
168
- var OverlayInfoBottomSelectButton = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n opacity: ", ";\n flex-shrink: 0;\n cursor: pointer;\n transition: opacity 220ms;\n\n > svg {\n width: 23px;\n height: 100%;\n transition: color 120ms;\n color: ", ";\n }\n\n ", ":hover & {\n opacity: 1;\n }\n"])), function (props) {
171
+ var OverlayInfoBottom = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n"])));
172
+ var OverlayInfoBottomSelectButton = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n opacity: ", ";\n flex-shrink: 0;\n cursor: pointer;\n transition: opacity 220ms;\n\n > svg {\n width: 23px;\n height: 100%;\n transition: color 120ms;\n color: ", ";\n }\n\n ", ":hover & {\n opacity: 1;\n }\n"])), function (props) {
169
173
  return props.selected ? 1 : 0;
170
174
  }, function (props) {
171
175
  return props.selected ? props.theme.getColor('orange-500') : 'inherit';
172
176
  }, Overlay);
173
- var OverlayInfoBottomActions = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n margin-left: auto;\n opacity: 0;\n transition: opacity 220ms;\n\n ", ":hover & {\n opacity: 1;\n }\n"])), Overlay);
174
- var ConsumerDefinedOverlay$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n pointer-events: none;\n"])));
175
- var Fragment$1 = styled__default['default'].div(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral([""])));
177
+ var OverlayInfoBottomActions = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n margin-left: auto;\n opacity: 0;\n transition: opacity 220ms;\n\n ", ":hover & {\n opacity: 1;\n }\n"])), Overlay);
178
+ var ConsumerDefinedOverlay$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n pointer-events: none;\n"])));
179
+ var Fragment$1 = styled__default['default'].div(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral([""])));
176
180
 
177
181
  function _extends$4() { _extends$4 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
178
182
 
@@ -297,6 +301,7 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
297
301
  extendedSelectMode = props.extendedSelectMode,
298
302
  onAssetSelected = props.onAssetSelected,
299
303
  onAssetUnselected = props.onAssetUnselected,
304
+ softSelected = props.softSelected,
300
305
  component = props.component,
301
306
  scrollPosition = props.scrollPosition;
302
307
 
@@ -403,6 +408,14 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
403
408
  }
404
409
  }
405
410
  }, [asset.fileType]);
411
+ React.useEffect(function () {
412
+ if (softSelected) {
413
+ cardRef.current.scrollIntoView({
414
+ behavior: 'smooth',
415
+ block: 'nearest'
416
+ });
417
+ }
418
+ }, [softSelected]);
406
419
  return React__default['default'].createElement(AssetGalleryCompactCard$2, {
407
420
  as: ComputedRootComponent$1,
408
421
  component: component,
@@ -434,8 +447,11 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
434
447
  scrollPosition: scrollPosition
435
448
  }))), React__default['default'].createElement(Overlay, {
436
449
  ref: cardRef
437
- }, React__default['default'].createElement(OverlayBackdrop, null), React__default['default'].createElement(OverlayInfo, null, React__default['default'].createElement("div", null, React__default['default'].createElement(OverlayInfoTopTitleAndFileType, null, React__default['default'].createElement(OverlayInfoTopTitle, {
438
- title: asset.title
450
+ }, React__default['default'].createElement(OverlayBackdrop, {
451
+ softSelected: softSelected
452
+ }), React__default['default'].createElement(OverlayInfo, null, React__default['default'].createElement("div", null, React__default['default'].createElement(OverlayInfoTopTitleAndFileType, null, React__default['default'].createElement(OverlayInfoTopTitle, {
453
+ title: asset.title,
454
+ softSelected: softSelected
439
455
  }, asset.title || "\xA0"), (!asset.fileTypeIconPosition || asset.fileTypeIconPosition === 'top-right') && typeIcon), React__default['default'].createElement(OverlayInfoTopNoteAndFileType, null, asset.fileTypeIconPosition === 'top-left' && React__default['default'].createElement(OverlayInfoTopFileTypeTopLeft, {
440
456
  assetTitle: asset.title
441
457
  }, typeIcon), ((_asset$note = asset.note) === null || _asset$note === void 0 ? void 0 : _asset$note.title) && React__default['default'].createElement(OverlayInfoTopNote, {
@@ -458,8 +474,13 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
458
474
  return onActionClick(event, action);
459
475
  }
460
476
  }));
461
- })))), asset.completed && React__default['default'].createElement(OverlayCompleted$1, null), asset.hasError && React__default['default'].createElement(OverlayHasError$1, null), selectable && React__default['default'].createElement(OverlaySelected$1, {
462
- selected: selected
477
+ })))), asset.completed && React__default['default'].createElement(OverlayCompleted$1, {
478
+ softSelected: softSelected
479
+ }), asset.hasError && React__default['default'].createElement(OverlayHasError$1, {
480
+ softSelected: softSelected
481
+ }), selectable && React__default['default'].createElement(OverlaySelected$1, {
482
+ selected: selected,
483
+ softSelected: softSelected
463
484
  })), asset.overlay && React__default['default'].createElement(ConsumerDefinedOverlay$1, null, asset.overlay));
464
485
  };
465
486
 
@@ -471,12 +492,13 @@ AssetGalleryCompactCard.propTypes = process.env.NODE_ENV !== "production" ? {
471
492
  extendedSelectMode: defaultTheme.PropTypes.bool,
472
493
  onAssetSelected: defaultTheme.PropTypes.func.isRequired,
473
494
  onAssetUnselected: defaultTheme.PropTypes.func.isRequired,
495
+ softSelected: defaultTheme.PropTypes.bool.isRequired,
474
496
  component: defaultTheme.PropTypes.func,
475
497
  scrollPosition: defaultTheme.PropTypes.number
476
498
  } : {};
477
499
  AssetGalleryCompactCard.defaultProps = {};
478
500
  var AssetGalleryCompactCard$1 = reactLazyLoadImageComponent.trackWindowScroll(React__default['default'].memo(AssetGalleryCompactCard, function (prevProps, nextProps) {
479
- var reactiveProps = ['selectable', 'selected', 'extendedSelectMode', 'asset.previewUrl', 'asset.overlay', 'hasHeightAndWidth'];
501
+ var reactiveProps = ['selectable', 'selected', 'extendedSelectMode', 'softSelected', 'asset.previewUrl', 'asset.overlay', 'hasHeightAndWidth'];
480
502
  return reactiveProps.every(function (propKey) {
481
503
  return lodash.get(prevProps, propKey) === lodash.get(nextProps, propKey);
482
504
  });
@@ -512,14 +534,14 @@ var BottomSelectButton = styled__default['default'].div.attrs(defaultTheme.apply
512
534
  return props.selected ? props.theme.getColor('orange-500') : 'inherit';
513
535
  }, AssetGalleryGridCard$2);
514
536
  var BottomActions = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n margin-left: auto;\n opacity: 0;\n transition: opacity 220ms;\n\n ", ":hover & {\n opacity: 1;\n }\n"])), AssetGalleryGridCard$2);
515
- var OverlayCompleted = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: -1px;\n bottom: -1px;\n left: -1px;\n right: -1px;\n pointer-events: none;\n transition: border-color 120ms;\n border: 4px solid ", ";\n"])), function (props) {
516
- return polished.rgba(props.theme.getColor('emerald-500'), 0.7);
537
+ var OverlayCompleted = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: -1px;\n bottom: -1px;\n left: -1px;\n right: -1px;\n pointer-events: none;\n transition: border-color 120ms;\n border: 4px solid\n ", ";\n"])), function (props) {
538
+ return !props.softSelected && polished.rgba(props.theme.getColor('emerald-500'), 0.7);
517
539
  });
518
540
  var OverlayHasError = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: -1px;\n bottom: -1px;\n left: -1px;\n right: -1px;\n pointer-events: none;\n transition: border-color 120ms;\n border: 4px solid ", ";\n"])), function (props) {
519
- return polished.rgba(props.theme.getColor('red-500'), 0.7);
541
+ return !props.softSelected && polished.rgba(props.theme.getColor('red-500'), 0.7);
520
542
  });
521
543
  var OverlaySelected = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: -1px;\n bottom: -1px;\n left: -1px;\n right: -1px;\n pointer-events: none;\n transition: border-color 120ms;\n border: 4px solid\n ", ";\n"])), function (props) {
522
- return props.selected ? props.theme.getColor('orange-500') : 'transparent';
544
+ return props.softSelected ? polished.rgba(props.theme.getColor('orange-500'), 0.5) : props.selected ? props.theme.getColor('orange-500') : 'transparent';
523
545
  });
524
546
  var ConsumerDefinedOverlay = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n pointer-events: none;\n"])));
525
547
  var Fragment = styled__default['default'].div(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral([""])));
@@ -576,6 +598,7 @@ var AssetGalleryGridCard = function AssetGalleryGridCard(props) {
576
598
  extendedSelectMode = props.extendedSelectMode,
577
599
  onAssetSelected = props.onAssetSelected,
578
600
  onAssetUnselected = props.onAssetUnselected,
601
+ softSelected = props.softSelected,
579
602
  component = props.component,
580
603
  scrollPosition = props.scrollPosition;
581
604
  var videoPlayerRef = React.useRef();
@@ -650,6 +673,14 @@ var AssetGalleryGridCard = function AssetGalleryGridCard(props) {
650
673
  };
651
674
  }
652
675
  }, []);
676
+ React.useEffect(function () {
677
+ if (softSelected) {
678
+ cardRef.current.scrollIntoView({
679
+ behavior: 'smooth',
680
+ block: 'nearest'
681
+ });
682
+ }
683
+ }, [softSelected]);
653
684
  return React__default['default'].createElement(AssetGalleryGridCard$2, {
654
685
  as: ComputedRootComponent,
655
686
  component: component,
@@ -714,8 +745,13 @@ var AssetGalleryGridCard = function AssetGalleryGridCard(props) {
714
745
  return onActionClick(event, action);
715
746
  }
716
747
  }));
717
- })))), asset.completed && React__default['default'].createElement(OverlayCompleted, null), asset.hasError && React__default['default'].createElement(OverlayHasError, null), selectable && React__default['default'].createElement(OverlaySelected, {
718
- selected: selected
748
+ })))), asset.completed && React__default['default'].createElement(OverlayCompleted, {
749
+ softSelected: softSelected
750
+ }), asset.hasError && React__default['default'].createElement(OverlayHasError, {
751
+ softSelected: softSelected
752
+ }), selectable && React__default['default'].createElement(OverlaySelected, {
753
+ selected: selected,
754
+ softSelected: softSelected
719
755
  }), asset.overlay && React__default['default'].createElement(ConsumerDefinedOverlay, null, asset.overlay));
720
756
  };
721
757
 
@@ -726,12 +762,13 @@ AssetGalleryGridCard.propTypes = process.env.NODE_ENV !== "production" ? {
726
762
  extendedSelectMode: defaultTheme.PropTypes.bool,
727
763
  onAssetSelected: defaultTheme.PropTypes.func.isRequired,
728
764
  onAssetUnselected: defaultTheme.PropTypes.func.isRequired,
765
+ softSelected: defaultTheme.PropTypes.bool.isRequired,
729
766
  component: defaultTheme.PropTypes.func,
730
767
  scrollPosition: defaultTheme.PropTypes.number
731
768
  } : {};
732
769
  AssetGalleryGridCard.defaultProps = {};
733
770
  var AssetGalleryGridCard$1 = reactLazyLoadImageComponent.trackWindowScroll(React__default['default'].memo(AssetGalleryGridCard, function (prevProps, nextProps) {
734
- var reactiveProps = ['selectable', 'selected', 'extendedSelectMode', 'asset.previewUrl', 'asset.overlay', 'asset.layout'];
771
+ var reactiveProps = ['selectable', 'selected', 'extendedSelectMode', 'softSelected', 'asset.previewUrl', 'asset.overlay', 'asset.layout'];
735
772
  return reactiveProps.every(function (propKey) {
736
773
  return lodash.get(prevProps, propKey) === lodash.get(nextProps, propKey);
737
774
  });
@@ -754,8 +791,11 @@ var AssetGalleryBase = React__default['default'].forwardRef(function AssetGaller
754
791
  selectedAssetKeys = _ref.selectedAssetKeys,
755
792
  onAssetSelected = _ref.onAssetSelected,
756
793
  onAssetUnselected = _ref.onAssetUnselected,
794
+ softSelectable = _ref.softSelectable,
795
+ softSelectedAssetKey = _ref.softSelectedAssetKey,
796
+ onAssetSoftSelectedChanged = _ref.onAssetSoftSelectedChanged,
757
797
  component = _ref.component,
758
- props = defaultTheme._objectWithoutProperties(_ref, ["assets", "viewMode", "thumbnailMaxHeight", "selectable", "selectedAssetKeys", "onAssetSelected", "onAssetUnselected", "component"]);
798
+ props = defaultTheme._objectWithoutProperties(_ref, ["assets", "viewMode", "thumbnailMaxHeight", "selectable", "selectedAssetKeys", "onAssetSelected", "onAssetUnselected", "softSelectable", "softSelectedAssetKey", "onAssetSoftSelectedChanged", "component"]);
759
799
 
760
800
  var assetGalleryDOMNode = React.useRef();
761
801
  var assetGalleryCompactRef = useMergedRefs(forwardedRef, assetGalleryDOMNode);
@@ -779,10 +819,11 @@ var AssetGalleryBase = React__default['default'].forwardRef(function AssetGaller
779
819
  var GRID_VIEW_MODE_ASSET_HEIGHT = 403;
780
820
  var MISSING_WIDTH_PLACEHOLDER = 1920;
781
821
  var MISSING_HEIGHT_PLACEHOLDER = 1080;
782
- var previousYOffset = React.useRef(window.pageYOffset);
783
- var latestYOffset = React.useRef(window.pageYOffset);
822
+ var isBrowser = typeof window !== 'undefined';
823
+ var previousYOffset = React.useRef(isBrowser ? window.pageYOffset : 0);
824
+ var latestYOffset = React.useRef(isBrowser ? window.pageYOffset : 0);
784
825
  var scrollDirection = React.useRef('down');
785
- React.useLayoutEffect(function () {
826
+ React.useEffect(function () {
786
827
  if (!assetGalleryDOMNode.current) return;
787
828
  var throttledOnResize = lodash.throttle(onResize, 1);
788
829
  var resizeObserver = new ResizeObserver(throttledOnResize);
@@ -997,6 +1038,106 @@ var AssetGalleryBase = React__default['default'].forwardRef(function AssetGaller
997
1038
  return offsetTop;
998
1039
  }
999
1040
 
1041
+ var handleKeyPress = React.useCallback(function (e) {
1042
+ function isElementVisible(el) {
1043
+ var rect = el.getBoundingClientRect(),
1044
+ vWidth = window.innerWidth || document.documentElement.clientWidth,
1045
+ vHeight = window.innerHeight || document.documentElement.clientHeight,
1046
+ efp = function efp(x, y) {
1047
+ return document.elementFromPoint(x, y);
1048
+ };
1049
+
1050
+ if (rect.right < 0 || rect.bottom < 0 || rect.left > vWidth || rect.top > vHeight) return false;
1051
+ return el.contains(efp(rect.left, rect.top)) || el.contains(efp(rect.right, rect.top)) || el.contains(efp(rect.right, rect.bottom)) || el.contains(efp(rect.left, rect.bottom));
1052
+ }
1053
+
1054
+ function softSelectFirstVisibleAsset() {
1055
+ var visibleAssets = assets.filter(function (asset) {
1056
+ return asset.layout.show;
1057
+ });
1058
+
1059
+ for (var i = 0; i < assetGalleryDOMNode.current.children.length; i++) {
1060
+ if (isElementVisible(assetGalleryDOMNode.current.children[i])) {
1061
+ onAssetSoftSelectedChanged(visibleAssets[i].key);
1062
+ break;
1063
+ }
1064
+ }
1065
+ }
1066
+
1067
+ if (assets.length === 0) return;
1068
+
1069
+ if (e.key === 'ArrowLeft' || e.key === 'ArrowRight') {
1070
+ if (softSelectedAssetKey === null) {
1071
+ softSelectFirstVisibleAsset();
1072
+ return;
1073
+ }
1074
+ }
1075
+
1076
+ if (e.key === 'ArrowLeft') {
1077
+ var previousAssetIndex = assets.findIndex(function (asset) {
1078
+ return asset.key === softSelectedAssetKey;
1079
+ }) - 1;
1080
+ var previousAsset = assets[previousAssetIndex];
1081
+
1082
+ if (previousAsset) {
1083
+ if (previousAsset.layout.show) {
1084
+ onAssetSoftSelectedChanged(previousAsset.key);
1085
+ } else {
1086
+ softSelectFirstVisibleAsset();
1087
+ }
1088
+ }
1089
+
1090
+ return;
1091
+ }
1092
+
1093
+ if (e.key === 'ArrowRight') {
1094
+ var nextAssetIndex = assets.findIndex(function (asset) {
1095
+ return asset.key === softSelectedAssetKey;
1096
+ }) + 1;
1097
+ var nextAsset = assets[nextAssetIndex];
1098
+
1099
+ if (nextAsset) {
1100
+ if (nextAsset.layout.show) {
1101
+ onAssetSoftSelectedChanged(nextAsset.key);
1102
+ } else {
1103
+ softSelectFirstVisibleAsset();
1104
+ }
1105
+ }
1106
+
1107
+ return;
1108
+ }
1109
+
1110
+ if (e.key === 'Enter') {
1111
+ if (softSelectedAssetKey === null) return;
1112
+
1113
+ if (selectedAssetKeys.includes(softSelectedAssetKey)) {
1114
+ onAssetUnselected(softSelectedAssetKey);
1115
+ } else {
1116
+ onAssetSelected(softSelectedAssetKey);
1117
+ }
1118
+ }
1119
+ }, [assets, softSelectedAssetKey, onAssetSoftSelectedChanged, selectedAssetKeys, assetGalleryCompactRef]);
1120
+ var handleClick = React.useCallback(function () {
1121
+ onAssetSoftSelectedChanged(null);
1122
+ }, []);
1123
+ React.useEffect(function () {
1124
+ if (softSelectable) {
1125
+ document.addEventListener('keydown', handleKeyPress);
1126
+ }
1127
+
1128
+ return function () {
1129
+ return document.removeEventListener('keydown', handleKeyPress);
1130
+ };
1131
+ }, [softSelectable, handleKeyPress]);
1132
+ React.useEffect(function () {
1133
+ if (softSelectable && softSelectedAssetKey !== null) {
1134
+ document.addEventListener('click', handleClick, true);
1135
+ }
1136
+
1137
+ return function () {
1138
+ return document.removeEventListener('click', handleClick, true);
1139
+ };
1140
+ }, [softSelectable, softSelectedAssetKey, handleClick]);
1000
1141
  return React__default['default'].createElement(React__default['default'].Fragment, null, React__default['default'].createElement(AssetGalleryBase$1, defaultTheme._extends({
1001
1142
  ref: assetGalleryCompactRef,
1002
1143
  style: {
@@ -1024,6 +1165,7 @@ var AssetGalleryBase = React__default['default'].forwardRef(function AssetGaller
1024
1165
  extendedSelectMode: Boolean(selectedAssetKeys.length),
1025
1166
  onAssetSelected: onAssetSelected,
1026
1167
  onAssetUnselected: onAssetUnselected,
1168
+ softSelected: softSelectedAssetKey === asset.key,
1027
1169
  component: component
1028
1170
  }) : React__default['default'].createElement(AssetGalleryCompactCard$1, {
1029
1171
  asset: asset,
@@ -1033,6 +1175,7 @@ var AssetGalleryBase = React__default['default'].forwardRef(function AssetGaller
1033
1175
  extendedSelectMode: Boolean(selectedAssetKeys.length),
1034
1176
  onAssetSelected: onAssetSelected,
1035
1177
  onAssetUnselected: onAssetUnselected,
1178
+ softSelected: softSelectedAssetKey === asset.key,
1036
1179
  component: component
1037
1180
  })));
1038
1181
  })));
@@ -1045,6 +1188,9 @@ AssetGalleryBase.propTypes = process.env.NODE_ENV !== "production" ? {
1045
1188
  selectedAssetKeys: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.string), defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.number)]).isRequired,
1046
1189
  onAssetSelected: defaultTheme.PropTypes.func.isRequired,
1047
1190
  onAssetUnselected: defaultTheme.PropTypes.func.isRequired,
1191
+ softSelectable: defaultTheme.PropTypes.bool,
1192
+ softSelectedAssetKey: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.string, defaultTheme.PropTypes.number]),
1193
+ onAssetSoftSelectedChanged: defaultTheme.PropTypes.func.isRequired,
1048
1194
  component: defaultTheme.PropTypes.func,
1049
1195
  className: defaultTheme.PropTypes.string
1050
1196
  } : {};
@@ -1056,14 +1202,21 @@ var AssetGallery = React__default['default'].forwardRef(function AssetGallery(_r
1056
1202
  selectable = _ref.selectable,
1057
1203
  selectedAssetKeys = _ref.selectedAssetKeys,
1058
1204
  onSelectedChanged = _ref.onSelectedChanged,
1205
+ softSelectable = _ref.softSelectable,
1206
+ onSoftSelectedChanged = _ref.onSoftSelectedChanged,
1059
1207
  component = _ref.component,
1060
- props = defaultTheme._objectWithoutProperties(_ref, ["assets", "viewMode", "thumbnailMaxHeight", "selectable", "selectedAssetKeys", "onSelectedChanged", "component"]);
1208
+ props = defaultTheme._objectWithoutProperties(_ref, ["assets", "viewMode", "thumbnailMaxHeight", "selectable", "selectedAssetKeys", "onSelectedChanged", "softSelectable", "onSoftSelectedChanged", "component"]);
1061
1209
 
1062
1210
  var _useState = React.useState(selectedAssetKeys || []),
1063
1211
  _useState2 = defaultTheme._slicedToArray(_useState, 2),
1064
1212
  selectedAssetKeysInternalState = _useState2[0],
1065
1213
  setSelectedAssetKeysInternalState = _useState2[1];
1066
1214
 
1215
+ var _useState3 = React.useState(null),
1216
+ _useState4 = defaultTheme._slicedToArray(_useState3, 2),
1217
+ softSelectedAssetKeyInternalState = _useState4[0],
1218
+ setSoftSelectedAssetKeyInternalState = _useState4[1];
1219
+
1067
1220
  React.useEffect(function () {
1068
1221
  setSelectedAssetKeysInternalState(selectedAssetKeys || []);
1069
1222
  }, [selectedAssetKeys]);
@@ -1074,6 +1227,11 @@ var AssetGallery = React__default['default'].forwardRef(function AssetGallery(_r
1074
1227
  onSelectedChanged(selectedAssetKeysInternalState);
1075
1228
  }
1076
1229
  }, [selectedAssetKeysInternalState]);
1230
+ React.useEffect(function () {
1231
+ if (lodash.isFunction(onSoftSelectedChanged)) {
1232
+ onSoftSelectedChanged(softSelectedAssetKeyInternalState);
1233
+ }
1234
+ }, [softSelectedAssetKeyInternalState]);
1077
1235
  var onSelected = React.useCallback(function (assetKey) {
1078
1236
  setSelectedAssetKeysInternalState(function (currentState) {
1079
1237
  return [].concat(defaultTheme._toConsumableArray(currentState), [assetKey]);
@@ -1086,6 +1244,10 @@ var AssetGallery = React__default['default'].forwardRef(function AssetGallery(_r
1086
1244
  });
1087
1245
  });
1088
1246
  }, []);
1247
+ var onAssetSoftSelectedChanged = React.useCallback(function () {
1248
+ var assetKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
1249
+ setSoftSelectedAssetKeyInternalState(assetKey);
1250
+ }, []);
1089
1251
  return React__default['default'].createElement(AssetGalleryBase, defaultTheme._extends({
1090
1252
  ref: forwardedRef,
1091
1253
  assets: assets,
@@ -1094,6 +1256,9 @@ var AssetGallery = React__default['default'].forwardRef(function AssetGallery(_r
1094
1256
  selectedAssetKeys: selectedAssetKeysInternalState,
1095
1257
  onAssetSelected: onSelected,
1096
1258
  onAssetUnselected: onUnselected,
1259
+ softSelectable: softSelectable,
1260
+ softSelectedAssetKey: softSelectedAssetKeyInternalState,
1261
+ onAssetSoftSelectedChanged: onAssetSoftSelectedChanged,
1097
1262
  component: component,
1098
1263
  viewMode: viewMode
1099
1264
  }, props));
@@ -1105,6 +1270,8 @@ AssetGallery.propTypes = process.env.NODE_ENV !== "production" ? {
1105
1270
  selectable: defaultTheme.PropTypes.bool,
1106
1271
  selectedAssetKeys: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.string), defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.number)]),
1107
1272
  onSelectedChanged: defaultTheme.PropTypes.func,
1273
+ softSelectable: defaultTheme.PropTypes.bool,
1274
+ onSoftSelectedChanged: defaultTheme.PropTypes.func,
1108
1275
  component: defaultTheme.PropTypes.func
1109
1276
  } : {};
1110
1277
  AssetGallery.defaultProps = {
package/{TextInput-bee0814c.js → TextInput-1ed37e22.js} RENAMED
@@ -42,7 +42,7 @@ var TextInput = React__default['default'].forwardRef(function TextInput(_ref, fo
42
42
  placeholder = _ref.placeholder,
43
43
  required = _ref.required,
44
44
  disabled = _ref.disabled,
45
- autocomplete = _ref.autocomplete,
45
+ autoComplete = _ref.autoComplete,
46
46
  error = _ref.error,
47
47
  onChange = _ref.onChange,
48
48
  onBlur = _ref.onBlur;
@@ -83,7 +83,7 @@ var TextInput = React__default['default'].forwardRef(function TextInput(_ref, fo
83
83
  placeholder: placeholder,
84
84
  required: required,
85
85
  disabled: disabled,
86
- autocomplete: autocomplete,
86
+ autoComplete: autoComplete,
87
87
  error: error,
88
88
  id: "text-input-".concat(uniqueId),
89
89
  onChange: onInputChange,
@@ -98,7 +98,7 @@ TextInput.propTypes = process.env.NODE_ENV !== "production" ? {
98
98
  placeholder: defaultTheme.PropTypes.string,
99
99
  required: defaultTheme.PropTypes.bool,
100
100
  disabled: defaultTheme.PropTypes.bool,
101
- autocomplete: defaultTheme.PropTypes.string,
101
+ autoComplete: defaultTheme.PropTypes.string,
102
102
  error: defaultTheme.PropTypes.bool,
103
103
  onChange: defaultTheme.PropTypes.func,
104
104
  onBlur: defaultTheme.PropTypes.func
package/inputs/TextInput/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var TextInput = require('../../TextInput-bee0814c.js');
3
+ var TextInput = require('../../TextInput-1ed37e22.js');
4
4
  require('../../defaultTheme-18d7c1ee.js');
5
5
  require('styled-components');
6
6
  require('react');
package/inputs/index.js CHANGED
@@ -7,7 +7,7 @@ var Button = require('../Button-89056918.js');
7
7
  var Checkbox = require('../Checkbox-791a409f.js');
8
8
  var Radio = require('../Radio-9271a4b6.js');
9
9
  var TextArea = require('../TextArea-70a74014.js');
10
- var TextInput = require('../TextInput-bee0814c.js');
10
+ var TextInput = require('../TextInput-1ed37e22.js');
11
11
  require('../defaultTheme-18d7c1ee.js');
12
12
  require('styled-components');
13
13
  require('react');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ntbjs/react-components",
3
- "version": "0.0.1-beta.34",
3
+ "version": "0.0.1-beta.38",
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 AssetGallery = require('../../AssetGallery-ce490965.js');
3
+ var AssetGallery = require('../../AssetGallery-967c57ed.js');
4
4
  require('../../defaultTheme-18d7c1ee.js');
5
5
  require('styled-components');
6
6
  require('react');
@@ -13,7 +13,7 @@ require('nanoid');
13
13
  require('../../Radio-9271a4b6.js');
14
14
  require('polished');
15
15
  require('../../TextArea-70a74014.js');
16
- require('../../TextInput-bee0814c.js');
16
+ require('../../TextInput-1ed37e22.js');
17
17
  require('../../Popover-0ff13419.js');
18
18
  require('@tippyjs/react');
19
19
  require('../../Tooltip-85e7d561.js');
package/widgets/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var AssetGallery = require('../AssetGallery-ce490965.js');
5
+ var AssetGallery = require('../AssetGallery-967c57ed.js');
6
6
  require('../defaultTheme-18d7c1ee.js');
7
7
  require('styled-components');
8
8
  require('react');
@@ -15,7 +15,7 @@ require('nanoid');
15
15
  require('../Radio-9271a4b6.js');
16
16
  require('polished');
17
17
  require('../TextArea-70a74014.js');
18
- require('../TextInput-bee0814c.js');
18
+ require('../TextInput-1ed37e22.js');
19
19
  require('../Popover-0ff13419.js');
20
20
  require('@tippyjs/react');
21
21
  require('../Tooltip-85e7d561.js');