@ntbjs/react-components 1.1.0-beta.80 → 1.1.0-beta.82

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.
@@ -3,19 +3,19 @@
3
3
  var defaultTheme = require('./defaultTheme-50f2b88f.js');
4
4
  var React = require('react');
5
5
  var lodash = require('lodash');
6
- var TextInput = require('./TextInput-a1083be3.js');
6
+ var TextInput = require('./TextInput-8ea31a7b.js');
7
7
  var ResizeObserver = require('resize-observer-polyfill');
8
8
  var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
9
9
  var ActionButton = require('./ActionButton-c3f5ed94.js');
10
10
  require('./Button-432f87c6.js');
11
- require('./Checkbox-012bbd3f.js');
11
+ require('./Checkbox-85394137.js');
12
12
  require('./CompactAutocompleteSelect-160b1620.js');
13
13
  require('./CompactStarRating-53593d92.js');
14
14
  require('./CompactTextInput-9980612c.js');
15
15
  require('./MultiSelect-9729cedf.js');
16
- require('./Radio-0594409d.js');
17
- require('./TextArea-b2af91e6.js');
18
- require('./Switch-cd165c8c.js');
16
+ require('./Radio-c811ce4a.js');
17
+ require('./TextArea-45d39ab0.js');
18
+ require('./Switch-3ac11c97.js');
19
19
  require('./Alert-3e4f8be1.js');
20
20
  require('./Badge-9bcebe96.js');
21
21
  require('./Popover-d3a4b72e.js');
@@ -3,8 +3,8 @@
3
3
  var defaultTheme = require('./defaultTheme-50f2b88f.js');
4
4
  var React = require('react');
5
5
  var nanoid = require('nanoid');
6
- var styled = require('styled-components');
7
6
  var lodash = require('lodash');
7
+ var styled = require('styled-components');
8
8
 
9
9
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
10
 
@@ -85,7 +85,7 @@ var Checkbox = React__default['default'].forwardRef(function Checkbox(_ref, forw
85
85
  className: className,
86
86
  style: style
87
87
  }, React__default['default'].createElement(CheckboxLabel, {
88
- disabled: disabled || readOnly,
88
+ disabled: disabled,
89
89
  htmlFor: uniqueId,
90
90
  onClick: onClick
91
91
  }, React__default['default'].createElement("input", {
@@ -5,7 +5,7 @@ var lodash = require('lodash');
5
5
  var React = require('react');
6
6
  var warningCircle = require('./warning-circle-24522402.js');
7
7
  var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-160b1620.js');
8
- var TextArea = require('./TextArea-b2af91e6.js');
8
+ var TextArea = require('./TextArea-45d39ab0.js');
9
9
  var styled = require('styled-components');
10
10
 
11
11
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -14,7 +14,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
14
  var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
15
15
 
16
16
  var _templateObject, _templateObject2, _templateObject3, _templateObject4;
17
- var Instructions$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n margin-top: 50px;\n display: flex;\n position: relative;\n flex-direction: column;\n ", ";\n"])), function (props) {
17
+ var Instructions$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n position: relative;\n flex-direction: column;\n ", ";\n"])), function (props) {
18
18
  return props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400'));
19
19
  });
20
20
  var TopBarContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n display: flex;\n width: 100%;\n margin-top: 0;\n transition: margin-top 120ms;\n &&.slide-in {\n margin-top: -24px;\n }\n ", ";\n\n ", ";\n"])), function (props) {
@@ -46,7 +46,7 @@ var Radio = React__default['default'].forwardRef(function Radio(_ref, forwardedR
46
46
 
47
47
  return React__default['default'].createElement(Radio$1, {
48
48
  htmlFor: uniqueId,
49
- disabled: disabled || readOnly,
49
+ disabled: disabled,
50
50
  className: className,
51
51
  style: style
52
52
  }, React__default['default'].createElement("input", defaultTheme._extends({
@@ -56,7 +56,7 @@ var Radio = React__default['default'].forwardRef(function Radio(_ref, forwardedR
56
56
  value: value,
57
57
  checked: checked,
58
58
  defaultChecked: defaultChecked,
59
- disabled: disabled || readOnly,
59
+ disabled: disabled,
60
60
  readOnly: readOnly,
61
61
  id: uniqueId,
62
62
  onChange: onChange,
@@ -61,7 +61,7 @@ var Switch = React__default['default'].forwardRef(function Switch(_ref, forwarde
61
61
  uniqueId = _useState2[0];
62
62
 
63
63
  return React__default['default'].createElement(Switch$1, {
64
- disabled: disabled || readOnly,
64
+ disabled: disabled,
65
65
  className: className,
66
66
  style: style
67
67
  }, React__default['default'].createElement(SwitchLabel, {
@@ -70,7 +70,7 @@ var Switch = React__default['default'].forwardRef(function Switch(_ref, forwarde
70
70
  ref: forwardedRef,
71
71
  checked: checked,
72
72
  defaultChecked: defaultChecked,
73
- disabled: disabled || readOnly,
73
+ disabled: disabled,
74
74
  readOnly: readOnly,
75
75
  id: uniqueId,
76
76
  name: name,
@@ -262,7 +262,7 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
262
262
  name: name,
263
263
  placeholder: placeholder || ' ',
264
264
  required: required,
265
- disabled: disabled || readOnly,
265
+ disabled: disabled,
266
266
  readOnly: readOnly,
267
267
  edit: edit,
268
268
  editWarning: editWarning,
@@ -3,18 +3,55 @@
3
3
  var defaultTheme = require('./defaultTheme-50f2b88f.js');
4
4
  var React = require('react');
5
5
  var nanoid = require('nanoid');
6
- var styled = require('styled-components');
7
6
  var lodash = require('lodash');
8
7
  var editNote = require('./edit-note-c47d292e.js');
8
+ var styled = require('styled-components');
9
9
 
10
10
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
11
 
12
12
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
13
  var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
14
14
 
15
+ var toFnRef = function toFnRef(ref) {
16
+ return !ref || typeof ref === 'function' ? ref : function (value) {
17
+ ref.current = value;
18
+ };
19
+ };
20
+
21
+ function mergeRefs(refA, refB) {
22
+ var a = toFnRef(refA);
23
+ var b = toFnRef(refB);
24
+ return function (value) {
25
+ if (a) a(value);
26
+ if (b) b(value);
27
+ };
28
+ }
29
+ /**
30
+ * Create and returns a single callback ref composed from two other Refs.
31
+ *
32
+ * ```tsx
33
+ * const Button = React.forwardRef((props, ref) => {
34
+ * const [element, attachRef] = useCallbackRef<HTMLButtonElement>();
35
+ * const mergedRef = useMergedRefs(ref, attachRef);
36
+ *
37
+ * return <button ref={mergedRef} {...props}/>
38
+ * })
39
+ * ```
40
+ *
41
+ * @param refA A Callback or mutable Ref
42
+ * @param refB A Callback or mutable Ref
43
+ * @category refs
44
+ */
45
+
46
+ function useMergedRefs(refA, refB) {
47
+ return React.useMemo(function () {
48
+ return mergeRefs(refA, refB);
49
+ }, [refA, refB]);
50
+ }
51
+
15
52
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24;
16
53
  var activeLabel = styled.css(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n font-size: 0.75rem;\n padding: 0 3px;\n top: -7px;\n letter-spacing: 0.03em;\n left: 8px !important;\n opacity: 1 !important;\n"])));
17
- var Adornment = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n flex-shrink: 0;\n font-family: inherit;\n font-size: 0.875rem;\n line-height: initial;\n padding: 13px 10px;\n ", "\n ", "\n border: 1px solid;\n ", "\n border-radius: 3px;\n z-index: 1;\n ", "\n box-sizing: border-box;\n appearance: none;\n transition: border-color 350ms;\n height: 2.75rem;\n\n ", "\n ", "\n"])), function (props) {
54
+ var Adornment = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n flex-shrink: 0;\n font-family: inherit;\n font-size: 0.875rem;\n line-height: initial;\n padding: 13px 10px;\n ", "\n ", "\n border: 1px solid;\n ", "\n border-radius: 3px;\n ", "\n box-sizing: border-box;\n appearance: none;\n transition: border-color 350ms;\n height: 2.75rem;\n\n ", "\n ", "\n"])), function (props) {
18
55
  return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
19
56
  }, function (props) {
20
57
  return props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'));
@@ -60,7 +97,7 @@ var TextInputField = styled__default['default'].input.attrs(defaultTheme.applyDe
60
97
  }, InputIconContainer, function (props) {
61
98
  return props.theme.getColor('gray-600');
62
99
  });
63
- var TextInputLabel = styled__default['default'].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n z-index: 1;\n top: 15px;\n left: 11px;\n line-height: 1.2;\n font-size: 0.875rem;\n transition: all 150ms;\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n content: \"\";\n\n ", "\n"])), function (props) {
100
+ var TextInputLabel = styled__default['default'].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 15px;\n left: 11px;\n line-height: 1.2;\n font-size: 0.875rem;\n transition: all 150ms;\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n content: \"\";\n\n ", "\n"])), function (props) {
64
101
  return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'));
65
102
  }, function (props) {
66
103
  return props.theme.themeProp('opacity', 0.6, 0.5);
@@ -87,43 +124,6 @@ var Description = styled__default['default'].p.attrs(defaultTheme.applyDefaultTh
87
124
  return props.error && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n content: 'error';\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
88
125
  });
89
126
 
90
- var toFnRef = function toFnRef(ref) {
91
- return !ref || typeof ref === 'function' ? ref : function (value) {
92
- ref.current = value;
93
- };
94
- };
95
-
96
- function mergeRefs(refA, refB) {
97
- var a = toFnRef(refA);
98
- var b = toFnRef(refB);
99
- return function (value) {
100
- if (a) a(value);
101
- if (b) b(value);
102
- };
103
- }
104
- /**
105
- * Create and returns a single callback ref composed from two other Refs.
106
- *
107
- * ```tsx
108
- * const Button = React.forwardRef((props, ref) => {
109
- * const [element, attachRef] = useCallbackRef<HTMLButtonElement>();
110
- * const mergedRef = useMergedRefs(ref, attachRef);
111
- *
112
- * return <button ref={mergedRef} {...props}/>
113
- * })
114
- * ```
115
- *
116
- * @param refA A Callback or mutable Ref
117
- * @param refB A Callback or mutable Ref
118
- * @category refs
119
- */
120
-
121
- function useMergedRefs(refA, refB) {
122
- return React.useMemo(function () {
123
- return mergeRefs(refA, refB);
124
- }, [refA, refB]);
125
- }
126
-
127
127
  var TextInput = React__default['default'].forwardRef(function TextInput(_ref, forwardedRef) {
128
128
  var value = _ref.value,
129
129
  defaultValue = _ref.defaultValue,
@@ -184,7 +184,7 @@ var TextInput = React__default['default'].forwardRef(function TextInput(_ref, fo
184
184
  return null;
185
185
  }, [description, error, warning]);
186
186
  return React__default['default'].createElement(TextInput$1, {
187
- disabled: disabled || readOnly,
187
+ disabled: disabled,
188
188
  error: hasError,
189
189
  warning: hasWarning,
190
190
  className: className,
@@ -205,7 +205,7 @@ var TextInput = React__default['default'].forwardRef(function TextInput(_ref, fo
205
205
  placeholder: placeholder || ' ',
206
206
  type: type,
207
207
  required: required,
208
- disabled: disabled || readOnly,
208
+ disabled: disabled,
209
209
  readOnly: readOnly,
210
210
  autoComplete: autoComplete,
211
211
  hasIcon: Boolean(icon),
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Checkbox = require('../../Checkbox-012bbd3f.js');
3
+ var Checkbox = require('../../Checkbox-85394137.js');
4
4
  require('../../defaultTheme-50f2b88f.js');
5
5
  require('styled-components');
6
6
  require('react');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Radio = require('../../Radio-0594409d.js');
3
+ var Radio = require('../../Radio-c811ce4a.js');
4
4
  require('../../defaultTheme-50f2b88f.js');
5
5
  require('styled-components');
6
6
  require('react');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Switch = require('../../Switch-cd165c8c.js');
3
+ var Switch = require('../../Switch-3ac11c97.js');
4
4
  require('../../defaultTheme-50f2b88f.js');
5
5
  require('styled-components');
6
6
  require('react');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var TextArea = require('../../TextArea-b2af91e6.js');
3
+ var TextArea = require('../../TextArea-45d39ab0.js');
4
4
  require('../../defaultTheme-50f2b88f.js');
5
5
  require('styled-components');
6
6
  require('react');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var TextInput = require('../../TextInput-a1083be3.js');
3
+ var TextInput = require('../../TextInput-8ea31a7b.js');
4
4
  require('../../defaultTheme-50f2b88f.js');
5
5
  require('styled-components');
6
6
  require('react');
package/inputs/index.js CHANGED
@@ -4,15 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var ActionButton = require('../ActionButton-c3f5ed94.js');
6
6
  var Button = require('../Button-432f87c6.js');
7
- var Checkbox = require('../Checkbox-012bbd3f.js');
7
+ var Checkbox = require('../Checkbox-85394137.js');
8
8
  var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-160b1620.js');
9
9
  var CompactStarRating = require('../CompactStarRating-53593d92.js');
10
10
  var CompactTextInput = require('../CompactTextInput-9980612c.js');
11
11
  var MultiSelect = require('../MultiSelect-9729cedf.js');
12
- var Radio = require('../Radio-0594409d.js');
13
- var TextArea = require('../TextArea-b2af91e6.js');
14
- var TextInput = require('../TextInput-a1083be3.js');
15
- var Switch = require('../Switch-cd165c8c.js');
12
+ var Radio = require('../Radio-c811ce4a.js');
13
+ var TextArea = require('../TextArea-45d39ab0.js');
14
+ var TextInput = require('../TextInput-8ea31a7b.js');
15
+ var Switch = require('../Switch-3ac11c97.js');
16
16
  require('../defaultTheme-50f2b88f.js');
17
17
  require('styled-components');
18
18
  require('react');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ntbjs/react-components",
3
- "version": "1.1.0-beta.80",
3
+ "version": "1.1.0-beta.82",
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",
@@ -1,11 +1,11 @@
1
1
  'use strict';
2
2
 
3
- var AssetGallery = require('../../AssetGallery-6824b3cc.js');
3
+ var AssetGallery = require('../../AssetGallery-6a6fbfc5.js');
4
4
  require('../../defaultTheme-50f2b88f.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7
  require('lodash');
8
- require('../../TextInput-a1083be3.js');
8
+ require('../../TextInput-8ea31a7b.js');
9
9
  require('nanoid');
10
10
  require('../../edit-note-c47d292e.js');
11
11
  require('resize-observer-polyfill');
@@ -18,7 +18,7 @@ require('@tippyjs/react');
18
18
  require('../../shift-away-subtle-cfdf1dbe.js');
19
19
  require('../../ContextMenu-d088833b.js');
20
20
  require('../../expand-more-94585605.js');
21
- require('../../Checkbox-012bbd3f.js');
21
+ require('../../Checkbox-85394137.js');
22
22
  require('../../CompactAutocompleteSelect-160b1620.js');
23
23
  require('react-select');
24
24
  require('react-select-async-paginate');
@@ -34,9 +34,9 @@ require('../../Tab-bd0f3345.js');
34
34
  require('../../Tabs-bf42275e.js');
35
35
  require('../../Tooltip-f4f9ab8f.js');
36
36
  require('../../MultiSelect-9729cedf.js');
37
- require('../../Radio-0594409d.js');
38
- require('../../TextArea-b2af91e6.js');
39
- require('../../Switch-cd165c8c.js');
37
+ require('../../Radio-c811ce4a.js');
38
+ require('../../TextArea-45d39ab0.js');
39
+ require('../../Switch-3ac11c97.js');
40
40
  require('../../warning-circle-24522402.js');
41
41
 
42
42
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Instructions = require('../../Instructions-34009106.js');
3
+ var Instructions = require('../../Instructions-3de89071.js');
4
4
  require('../../defaultTheme-50f2b88f.js');
5
5
  require('styled-components');
6
6
  require('lodash');
@@ -15,7 +15,7 @@ require('react-dom');
15
15
  require('../../close-ebf2f3cf.js');
16
16
  require('../../expand-more-94585605.js');
17
17
  require('../../check-circle-filled-1640873e.js');
18
- require('../../TextArea-b2af91e6.js');
18
+ require('../../TextArea-45d39ab0.js');
19
19
  require('../../edit-note-c47d292e.js');
20
20
 
21
21
 
package/widgets/index.js CHANGED
@@ -2,15 +2,15 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var AssetGallery = require('../AssetGallery-6824b3cc.js');
5
+ var AssetGallery = require('../AssetGallery-6a6fbfc5.js');
6
6
  var ContextMenu = require('../ContextMenu-d088833b.js');
7
7
  var AssetPreviewTopBar = require('../AssetPreviewTopBar-449e6019.js');
8
- var Instructions = require('../Instructions-34009106.js');
8
+ var Instructions = require('../Instructions-3de89071.js');
9
9
  require('../defaultTheme-50f2b88f.js');
10
10
  require('styled-components');
11
11
  require('react');
12
12
  require('lodash');
13
- require('../TextInput-a1083be3.js');
13
+ require('../TextInput-8ea31a7b.js');
14
14
  require('nanoid');
15
15
  require('../edit-note-c47d292e.js');
16
16
  require('resize-observer-polyfill');
@@ -22,7 +22,7 @@ require('polished');
22
22
  require('@tippyjs/react');
23
23
  require('../shift-away-subtle-cfdf1dbe.js');
24
24
  require('../expand-more-94585605.js');
25
- require('../Checkbox-012bbd3f.js');
25
+ require('../Checkbox-85394137.js');
26
26
  require('../CompactAutocompleteSelect-160b1620.js');
27
27
  require('react-select');
28
28
  require('react-select-async-paginate');
@@ -38,9 +38,9 @@ require('../Tab-bd0f3345.js');
38
38
  require('../Tabs-bf42275e.js');
39
39
  require('../Tooltip-f4f9ab8f.js');
40
40
  require('../MultiSelect-9729cedf.js');
41
- require('../Radio-0594409d.js');
42
- require('../TextArea-b2af91e6.js');
43
- require('../Switch-cd165c8c.js');
41
+ require('../Radio-c811ce4a.js');
42
+ require('../TextArea-45d39ab0.js');
43
+ require('../Switch-3ac11c97.js');
44
44
  require('../warning-circle-24522402.js');
45
45
 
46
46