@ntbjs/react-components 1.1.0-beta.53 → 1.1.0-beta.54

package/{AssetGallery-739e5b24.js → AssetGallery-a1437499.js}

@@ -10,11 +10,11 @@ var ActionButton = require('./ActionButton-c3f5ed94.js');
 require('./AutocompleteSelect-45be3cb4.js');
 require('./Button-dd271c4b.js');
 require('./Checkbox-012bbd3f.js');
-require('./CompactStarRating-364ca893.js');
-require('./CompactTextInput-08cbe4e5.js');
-require('./MultiSelect-e6453833.js');
+require('./CompactStarRating-942afff1.js');
+require('./CompactTextInput-6519bc80.js');
+require('./MultiSelect-5b008b32.js');
 require('./Radio-0594409d.js');
-require('./TextArea-8cffb1e7.js');
+require('./TextArea-a5226b8d.js');
 require('./Switch-cd165c8c.js');
 require('./Alert-3e4f8be1.js');
 require('./Badge-9bcebe96.js');

package/{CompactStarRating-364ca893.js → CompactStarRating-942afff1.js}

@@ -108,8 +108,9 @@ var CompactStarRating = React__default['default'].forwardRef(function CompactSta
       error = _ref.error,
       warning = _ref.warning,
       readOnly = _ref.readOnly,
+      hidden = _ref.hidden,
       getRatingProp = _ref.getRating,
-      props = defaultTheme._objectWithoutProperties(_ref, ["label", "icon", "iconFill", "max", "defaultValue", "value", "name", "viewEmpty", "onChange", "onBlur", "error", "warning", "readOnly", "getRating"]);
+      props = defaultTheme._objectWithoutProperties(_ref, ["label", "icon", "iconFill", "max", "defaultValue", "value", "name", "viewEmpty", "onChange", "onBlur", "error", "warning", "readOnly", "hidden", "getRating"]);
 
   var stars = Array.from(Array(max).keys());
 
@@ -209,6 +210,7 @@ var CompactStarRating = React__default['default'].forwardRef(function CompactSta
     }
   };
 
+  if (hidden) return null;
   return React__default['default'].createElement(CompactStarRating$1, defaultTheme._extends({
     ref: forwardedRef,
     onChange: onChange,
@@ -233,7 +235,8 @@ CompactStarRating.defaultProps = {
   defaultValue: 0,
   viewEmpty: true,
   icon: React__default['default'].createElement(SvgStar, null),
-  iconFill: React__default['default'].createElement(SvgStarFilled, null)
+  iconFill: React__default['default'].createElement(SvgStarFilled, null),
+  hidden: false
 };
 CompactStarRating.propTypes = process.env.NODE_ENV !== "production" ? {
   value: defaultTheme.PropTypes.number,
@@ -249,6 +252,7 @@ CompactStarRating.propTypes = process.env.NODE_ENV !== "production" ? {
   error: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.bool, defaultTheme.PropTypes.string]),
   warning: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.bool, defaultTheme.PropTypes.string]),
   readOnly: defaultTheme.PropTypes.bool,
+  hidden: defaultTheme.PropTypes.bool,
   getRating: defaultTheme.PropTypes.func
 } : {};
 

package/{CompactTextInput-08cbe4e5.js → CompactTextInput-6519bc80.js}

@@ -136,10 +136,11 @@ var CompactTextInput = React__default['default'].forwardRef(function CompactText
       error = _ref2.error,
       warning = _ref2.warning,
       bold = _ref2.bold,
+      hidden = _ref2.hidden,
       onChangeProp = _ref2.onChange,
       onFocusProp = _ref2.onFocus,
       onBlurProp = _ref2.onBlur,
-      props = defaultTheme._objectWithoutProperties(_ref2, ["label", "type", "name", "defaultValue", "value", "placeholder", "link", "linkTarget", "autoSelect", "readOnly", "error", "warning", "bold", "onChange", "onFocus", "onBlur"]);
+      props = defaultTheme._objectWithoutProperties(_ref2, ["label", "type", "name", "defaultValue", "value", "placeholder", "link", "linkTarget", "autoSelect", "readOnly", "error", "warning", "bold", "hidden", "onChange", "onFocus", "onBlur"]);
 
   var _useState = React.useState(nanoid.nanoid()),
       _useState2 = defaultTheme._slicedToArray(_useState, 1),
@@ -180,6 +181,7 @@ var CompactTextInput = React__default['default'].forwardRef(function CompactText
 
     setShowPopover(false);
   }, [onBlurProp]);
+  if (hidden) return null;
   return React__default['default'].createElement(CompactTextInput$1, props, label && React__default['default'].createElement(Label, {
     htmlFor: uniqueId
   }, label), React__default['default'].createElement(ConditionalWrapper, {
@@ -249,6 +251,7 @@ CompactTextInput.propTypes = process.env.NODE_ENV !== "production" ? {
   error: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.bool, defaultTheme.PropTypes.string]),
   warning: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.bool, defaultTheme.PropTypes.string]),
   bold: defaultTheme.PropTypes.bool,
+  hidden: defaultTheme.PropTypes.bool,
   onChange: defaultTheme.PropTypes.func,
   onFocus: defaultTheme.PropTypes.func,
   onBlur: defaultTheme.PropTypes.func
@@ -260,7 +263,8 @@ CompactTextInput.defaultProps = {
   bold: false,
   readOnly: false,
   error: false,
-  warning: false
+  warning: false,
+  hidden: false
 };
 
 exports.CompactTextInput = CompactTextInput;

package/{Instructions-d8ab91c2.js → Instructions-a1a904c4.js}

@@ -3,7 +3,7 @@
 var defaultTheme = require('./defaultTheme-50f2b88f.js');
 var React = require('react');
 var styled = require('styled-components');
-var TextArea = require('./TextArea-8cffb1e7.js');
+var TextArea = require('./TextArea-a5226b8d.js');
 var AutocompleteSelect = require('./AutocompleteSelect-45be3cb4.js');
 var warningCircle = require('./warning-circle-24522402.js');
 var lodash = require('lodash');
@@ -33,6 +33,7 @@ var Instructions = React__default['default'].forwardRef(function Instructions(_r
       selectedOption = _ref.selectedOption,
       loadOptions = _ref.loadOptions,
       readOnly = _ref.readOnly,
+      hidden = _ref.hidden,
       name = _ref.name,
       lightBackground = _ref.lightBackground,
       autoSelect = _ref.autoSelect,
@@ -44,7 +45,7 @@ var Instructions = React__default['default'].forwardRef(function Instructions(_r
       availableOptions = _ref.availableOptions,
       loadingMessageFunc = _ref.loadingMessageFunc,
       placeholder = _ref.placeholder,
-      props = defaultTheme._objectWithoutProperties(_ref, ["clickToAdd", "customAddMessage", "selectedOption", "loadOptions", "readOnly", "name", "lightBackground", "autoSelect", "subscribeCurrentValue", "onChange", "onFocus", "onBlur", "onUpdateCallback", "availableOptions", "loadingMessageFunc", "placeholder"]);
+      props = defaultTheme._objectWithoutProperties(_ref, ["clickToAdd", "customAddMessage", "selectedOption", "loadOptions", "readOnly", "hidden", "name", "lightBackground", "autoSelect", "subscribeCurrentValue", "onChange", "onFocus", "onBlur", "onUpdateCallback", "availableOptions", "loadingMessageFunc", "placeholder"]);
 
   var _useState = React.useState(false),
       _useState2 = defaultTheme._slicedToArray(_useState, 2),
@@ -163,6 +164,7 @@ var Instructions = React__default['default'].forwardRef(function Instructions(_r
     loadingMessage: loadingMessageFunc,
     placeholder: placeholder
   };
+  if (hidden) return null;
   return React__default['default'].createElement(Instructions$1, defaultTheme._extends({
     ref: forwardedRef,
     initialHover: initialHover,
@@ -192,7 +194,8 @@ var Instructions = React__default['default'].forwardRef(function Instructions(_r
 Instructions.defaultProps = {
   clickToAdd: false,
   lightBackground: false,
-  autoSelect: true
+  autoSelect: true,
+  hidden: false
 };
 Instructions.propTypes = process.env.NODE_ENV !== "production" ? {
   name: defaultTheme.PropTypes.string,
@@ -204,6 +207,7 @@ Instructions.propTypes = process.env.NODE_ENV !== "production" ? {
   customAddMessage: defaultTheme.PropTypes.string,
   autoSelect: defaultTheme.PropTypes.bool,
   readOnly: defaultTheme.PropTypes.bool,
+  hidden: defaultTheme.PropTypes.bool,
   availableOptions: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.object),
   lightBackground: defaultTheme.PropTypes.bool,
   options: defaultTheme.PropTypes.array,

package/{MultiSelect-e6453833.js → MultiSelect-5b008b32.js}

@@ -107,10 +107,11 @@ var MultiSelect = React__default['default'].forwardRef(function MultiSelect(_ref
       displayTotalOnShowMore = _ref.displayTotalOnShowMore,
       creatable = _ref.creatable,
       readOnly = _ref.readOnly,
+      hidden = _ref.hidden,
       disabled = _ref.disabled,
       error = _ref.error,
       warning = _ref.warning,
-      props = defaultTheme._objectWithoutProperties(_ref, ["label", "selectedOptions", "availableOptions", "loadOptions", "loadingMessageFunc", "onUpdateCallback", "editText", "createNewOptionMessageFunc", "noOptionsMessageFunc", "onMultiValueClick", "showMore", "showMoreText", "displayTotalOnShowMore", "creatable", "readOnly", "disabled", "error", "warning"]);
+      props = defaultTheme._objectWithoutProperties(_ref, ["label", "selectedOptions", "availableOptions", "loadOptions", "loadingMessageFunc", "onUpdateCallback", "editText", "createNewOptionMessageFunc", "noOptionsMessageFunc", "onMultiValueClick", "showMore", "showMoreText", "displayTotalOnShowMore", "creatable", "readOnly", "hidden", "disabled", "error", "warning"]);
 
   var _useState = React.useState(nanoid.nanoid()),
       _useState2 = defaultTheme._slicedToArray(_useState, 1),
@@ -302,6 +303,7 @@ var MultiSelect = React__default['default'].forwardRef(function MultiSelect(_ref
       }
     }
   };
+  if (hidden) return null;
   return React__default['default'].createElement(MultiSelectWrapper, {
     error: error,
     warning: warning
@@ -328,6 +330,7 @@ MultiSelect.propTypes = process.env.NODE_ENV !== "production" ? {
   showMoreText: defaultTheme.PropTypes.string,
   displayTotalOnShowMore: defaultTheme.PropTypes.bool,
   readOnly: defaultTheme.PropTypes.bool,
+  hidden: defaultTheme.PropTypes.bool,
   disabled: defaultTheme.PropTypes.bool,
   error: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.bool, defaultTheme.PropTypes.string]),
   warning: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.bool, defaultTheme.PropTypes.string])
@@ -347,7 +350,8 @@ MultiSelect.defaultProps = {
   creatable: false,
   error: false,
   warning: false,
-  showMoreText: 'Show more'
+  showMoreText: 'Show more',
+  hidden: false
 };
 
 var _MultiValueRemove = function _MultiValueRemove(innerProps) {

package/{TextArea-8cffb1e7.js → TextArea-a5226b8d.js}

@@ -87,6 +87,7 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
       placeholder = _ref.placeholder,
       required = _ref.required,
       disabled = _ref.disabled,
+      hidden = _ref.hidden,
       readOnly = _ref.readOnly,
       autoComplete = _ref.autoComplete,
       description = _ref.description,
@@ -102,7 +103,7 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
       noBorder = _ref.noBorder,
       warningAlert = _ref.warningAlert,
       errorAlert = _ref.errorAlert,
-      rest = defaultTheme._objectWithoutProperties(_ref, ["value", "defaultValue", "name", "label", "placeholder", "required", "disabled", "readOnly", "autoComplete", "description", "error", "warning", "icon", "rows", "className", "style", "onChange", "onBlur", "lightBackground", "noBorder", "warningAlert", "errorAlert"]);
+      rest = defaultTheme._objectWithoutProperties(_ref, ["value", "defaultValue", "name", "label", "placeholder", "required", "disabled", "hidden", "readOnly", "autoComplete", "description", "error", "warning", "icon", "rows", "className", "style", "onChange", "onBlur", "lightBackground", "noBorder", "warningAlert", "errorAlert"]);
 
   var _useState = React.useState(nanoid.nanoid()),
       _useState2 = defaultTheme._slicedToArray(_useState, 1),
@@ -137,6 +138,7 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
 
     return null;
   }, [description, error, warning]);
+  if (hidden) return null;
   return React__default['default'].createElement(TextInput, {
     disabled: disabled,
     readOnly: readOnly,
@@ -183,7 +185,8 @@ TextArea.defaultProps = {
   noBorder: false,
   readOnly: false,
   warningAlert: false,
-  errorAlert: false
+  errorAlert: false,
+  hidden: false
 };
 TextArea.propTypes = process.env.NODE_ENV !== "production" ? {
   value: defaultTheme.PropTypes.string,
@@ -193,6 +196,7 @@ TextArea.propTypes = process.env.NODE_ENV !== "production" ? {
   placeholder: defaultTheme.PropTypes.string,
   required: defaultTheme.PropTypes.bool,
   disabled: defaultTheme.PropTypes.bool,
+  hidden: defaultTheme.PropTypes.bool,
   readOnly: defaultTheme.PropTypes.bool,
   autoComplete: defaultTheme.PropTypes.string,
   description: defaultTheme.PropTypes.string,

package/inputs/CompactStarRating/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var CompactStarRating = require('../../CompactStarRating-364ca893.js');
+var CompactStarRating = require('../../CompactStarRating-942afff1.js');
 require('../../defaultTheme-50f2b88f.js');
 require('styled-components');
 require('react');

package/inputs/CompactTextInput/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var CompactTextInput = require('../../CompactTextInput-08cbe4e5.js');
+var CompactTextInput = require('../../CompactTextInput-6519bc80.js');
 require('../../defaultTheme-50f2b88f.js');
 require('styled-components');
 require('react');

package/inputs/MultiSelect/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var MultiSelect = require('../../MultiSelect-e6453833.js');
+var MultiSelect = require('../../MultiSelect-5b008b32.js');
 require('../../defaultTheme-50f2b88f.js');
 require('styled-components');
 require('react');

package/inputs/TextArea/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var TextArea = require('../../TextArea-8cffb1e7.js');
+var TextArea = require('../../TextArea-a5226b8d.js');
 require('../../defaultTheme-50f2b88f.js');
 require('styled-components');
 require('react');

package/inputs/index.js

@@ -6,11 +6,11 @@ var ActionButton = require('../ActionButton-c3f5ed94.js');
 var AutocompleteSelect = require('../AutocompleteSelect-45be3cb4.js');
 var Button = require('../Button-dd271c4b.js');
 var Checkbox = require('../Checkbox-012bbd3f.js');
-var CompactStarRating = require('../CompactStarRating-364ca893.js');
-var CompactTextInput = require('../CompactTextInput-08cbe4e5.js');
-var MultiSelect = require('../MultiSelect-e6453833.js');
+var CompactStarRating = require('../CompactStarRating-942afff1.js');
+var CompactTextInput = require('../CompactTextInput-6519bc80.js');
+var MultiSelect = require('../MultiSelect-5b008b32.js');
 var Radio = require('../Radio-0594409d.js');
-var TextArea = require('../TextArea-8cffb1e7.js');
+var TextArea = require('../TextArea-a5226b8d.js');
 var TextInput = require('../TextInput-a1083be3.js');
 var Switch = require('../Switch-cd165c8c.js');
 require('../defaultTheme-50f2b88f.js');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "1.1.0-beta.53",
+  "version": "1.1.0-beta.54",
   "description": "NTBs common front-end design utilities and React components.",
   "scripts": {
     "build": "cross-env NODE_ENV=production rollup -c",

package/widgets/AssetGallery/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var AssetGallery = require('../../AssetGallery-739e5b24.js');
+var AssetGallery = require('../../AssetGallery-a1437499.js');
 require('../../defaultTheme-50f2b88f.js');
 require('styled-components');
 require('react');
@@ -25,16 +25,16 @@ require('@tippyjs/react');
 require('../../shift-away-subtle-cfdf1dbe.js');
 require('../../ContextMenu-d088833b.js');
 require('../../Checkbox-012bbd3f.js');
-require('../../CompactStarRating-364ca893.js');
-require('../../CompactTextInput-08cbe4e5.js');
+require('../../CompactStarRating-942afff1.js');
+require('../../CompactTextInput-6519bc80.js');
 require('../../Alert-3e4f8be1.js');
 require('../../Badge-9bcebe96.js');
 require('../../Tab-bd0f3345.js');
 require('../../Tabs-371d1fd0.js');
 require('../../Tooltip-e4e5e0e5.js');
-require('../../MultiSelect-e6453833.js');
+require('../../MultiSelect-5b008b32.js');
 require('../../Radio-0594409d.js');
-require('../../TextArea-8cffb1e7.js');
+require('../../TextArea-a5226b8d.js');
 require('../../Switch-cd165c8c.js');
 require('../../warning-circle-24522402.js');
 

package/widgets/Instructions/index.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var Instructions = require('../../Instructions-d8ab91c2.js');
+var Instructions = require('../../Instructions-a1a904c4.js');
 require('../../defaultTheme-50f2b88f.js');
 require('styled-components');
 require('react');
-require('../../TextArea-8cffb1e7.js');
+require('../../TextArea-a5226b8d.js');
 require('nanoid');
 require('lodash');
 require('../../edit-note-c47d292e.js');

package/widgets/index.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AssetGallery = require('../AssetGallery-739e5b24.js');
+var AssetGallery = require('../AssetGallery-a1437499.js');
 var ContextMenu = require('../ContextMenu-d088833b.js');
 var AssetPreviewTopBar = require('../AssetPreviewTopBar-159b9885.js');
-var Instructions = require('../Instructions-d8ab91c2.js');
+var Instructions = require('../Instructions-a1a904c4.js');
 require('../defaultTheme-50f2b88f.js');
 require('styled-components');
 require('react');
@@ -29,16 +29,16 @@ require('polished');
 require('@tippyjs/react');
 require('../shift-away-subtle-cfdf1dbe.js');
 require('../Checkbox-012bbd3f.js');
-require('../CompactStarRating-364ca893.js');
-require('../CompactTextInput-08cbe4e5.js');
+require('../CompactStarRating-942afff1.js');
+require('../CompactTextInput-6519bc80.js');
 require('../Alert-3e4f8be1.js');
 require('../Badge-9bcebe96.js');
 require('../Tab-bd0f3345.js');
 require('../Tabs-371d1fd0.js');
 require('../Tooltip-e4e5e0e5.js');
-require('../MultiSelect-e6453833.js');
+require('../MultiSelect-5b008b32.js');
 require('../Radio-0594409d.js');
-require('../TextArea-8cffb1e7.js');
+require('../TextArea-a5226b8d.js');
 require('../Switch-cd165c8c.js');
 require('../warning-circle-24522402.js');