@ntbjs/react-components 1.1.0-beta.2 → 1.1.0-beta.21

package/{Tooltip-860530ff.js → Tooltip-8c51cc72.js}

@@ -4,7 +4,7 @@ var defaultTheme = require('./defaultTheme-870f7df1.js');
 var React = require('react');
 var styled = require('styled-components');
 var TippyTooltip = require('@tippyjs/react');
-require('./Popover-616682bf.js');
+require('./shift-away-subtle-0bdd3b0d.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -26,8 +26,9 @@ var Tooltip = React__default['default'].forwardRef(function Tooltip(_ref, ref) {
       interactive = _ref.interactive,
       placement = _ref.placement,
       duration = _ref.duration,
+      trigger = _ref.trigger,
       children = _ref.children,
-      props = defaultTheme._objectWithoutProperties(_ref, ["content", "interactive", "placement", "duration", "children"]);
+      props = defaultTheme._objectWithoutProperties(_ref, ["content", "interactive", "placement", "duration", "trigger", "children"]);
 
   return React__default['default'].createElement(Tooltip$1, defaultTheme._extends({
     ref: ref,
@@ -35,17 +36,10 @@ var Tooltip = React__default['default'].forwardRef(function Tooltip(_ref, ref) {
     interactive: interactive,
     placement: placement,
     duration: duration,
+    trigger: trigger,
     animation: 'shift-away-subtle'
   }, props), children);
 });
-Tooltip.propTypes = process.env.NODE_ENV !== "production" ? {
-  content: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.string, defaultTheme.PropTypes.element]).isRequired,
-  interactive: defaultTheme.PropTypes.bool,
-  placement: defaultTheme.PropTypes.oneOf(['top', 'top-start', 'top-end', 'right', 'right-start', 'right-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'auto', 'auto-start', 'auto-end']),
-  duration: defaultTheme.PropTypes.number,
-  trigger: defaultTheme.PropTypes.string,
-  children: defaultTheme.PropTypes.node.isRequired
-} : {};
 Tooltip.defaultProps = {
   content: 'Tooltip',
   interactive: false,
@@ -53,5 +47,13 @@ Tooltip.defaultProps = {
   duration: 350,
   trigger: 'mouseenter focus'
 };
+Tooltip.propTypes = process.env.NODE_ENV !== "production" ? {
+  content: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.string, defaultTheme.PropTypes.element]).isRequired,
+  interactive: defaultTheme.PropTypes.bool,
+  placement: defaultTheme.PropTypes.oneOf(['top', 'top-start', 'top-end', 'right', 'right-start', 'right-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'auto', 'auto-start', 'auto-end']),
+  duration: defaultTheme.PropTypes.number,
+  trigger: defaultTheme.PropTypes.oneOf(['mouseenter', 'mouseenter focus', 'click', 'focusin', 'mouseenter click']),
+  children: defaultTheme.PropTypes.node
+} : {};
 
 exports.Tooltip = Tooltip;

package/close-ebf2f3cf.js

@@ -0,0 +1,41 @@
+'use strict';
+
+var React = require('react');
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () {
+						return e[k];
+					}
+				});
+			}
+		});
+	}
+	n['default'] = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+function _extends() { _extends = 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.apply(this, arguments); }
+
+var _ref = /*#__PURE__*/React__namespace.createElement("path", {
+  fill: "currentColor",
+  d: "M2.1 27.3L0 25.2l11.55-11.55L0 2.1 2.1 0l11.55 11.55L25.2 0l2.1 2.1-11.55 11.55L27.3 25.2l-2.1 2.1-11.55-11.55L2.1 27.3z"
+});
+
+function SvgClose(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 27.3 27.3"
+  }, props), _ref);
+}
+
+exports.SvgClose = SvgClose;

package/data/Alert/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var Alert = require('../../Alert-fcc0bb50.js');
+require('../../defaultTheme-870f7df1.js');
+require('styled-components');
+require('react');
+
+
+
+module.exports = Alert.Alert;

package/data/Badge/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Badge = require('../../Badge-86593df4.js');
+var Badge = require('../../Badge-34ad2850.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');

package/data/Popover/index.js

@@ -1,12 +1,13 @@
 'use strict';
 
-var Popover = require('../../Popover-616682bf.js');
+var Popover = require('../../Popover-de874e41.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');
 require('lodash');
 require('polished');
 require('@tippyjs/react');
+require('../../shift-away-subtle-0bdd3b0d.js');
 
 
 

package/data/Tab/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Tab = require('../../Tab-06b7a58d.js');
+var Tab = require('../../Tab-fc380f0b.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');

package/data/Tabs/index.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var Tabs = require('../../Tabs-cfbf45fe.js');
+var Tabs = require('../../Tabs-0aa159fa.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');
-require('../../Tab-06b7a58d.js');
+require('../../Tab-fc380f0b.js');
 require('lodash');
 
 

package/data/Tooltip/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var Tooltip = require('../../Tooltip-8c51cc72.js');
+require('../../defaultTheme-870f7df1.js');
+require('styled-components');
+require('react');
+require('@tippyjs/react');
+require('../../shift-away-subtle-0bdd3b0d.js');
+
+
+
+module.exports = Tooltip.Tooltip;

package/data/index.js

@@ -2,22 +2,25 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Popover = require('../Popover-616682bf.js');
-var Tooltip = require('../Tooltip-860530ff.js');
-var Tab = require('../Tab-06b7a58d.js');
-var Tabs = require('../Tabs-cfbf45fe.js');
-var Badge = require('../Badge-86593df4.js');
+var Alert = require('../Alert-fcc0bb50.js');
+var Badge = require('../Badge-34ad2850.js');
+var Popover = require('../Popover-de874e41.js');
+var Tab = require('../Tab-fc380f0b.js');
+var Tabs = require('../Tabs-0aa159fa.js');
+var Tooltip = require('../Tooltip-8c51cc72.js');
 require('../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');
 require('lodash');
 require('polished');
 require('@tippyjs/react');
+require('../shift-away-subtle-0bdd3b0d.js');
 
 
 
+exports.Alert = Alert.Alert;
+exports.Badge = Badge.Badge;
 exports.Popover = Popover.Popover;
-exports.Tooltip = Tooltip.Tooltip;
 exports.Tab = Tab.Tab;
 exports.Tabs = Tabs.Tabs;
-exports.Badge = Badge.Badge;
+exports.Tooltip = Tooltip.Tooltip;

package/expand-more-94585605.js

@@ -0,0 +1,41 @@
+'use strict';
+
+var React = require('react');
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () {
+						return e[k];
+					}
+				});
+			}
+		});
+	}
+	n['default'] = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+function _extends() { _extends = 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.apply(this, arguments); }
+
+var _ref = /*#__PURE__*/React__namespace.createElement("path", {
+  fill: "currentColor",
+  d: "M12 14.15l-12-12L2.15 0 12 9.9 21.85.05 24 2.2 12 14.15z"
+});
+
+function SvgExpandMore(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 14.15"
+  }, props), _ref);
+}
+
+exports.SvgExpandMore = SvgExpandMore;

package/icons/arrow-drop-down.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg fill="currentColor" id="a" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 4">
+  <path d="m4,4L0,0h8l-4,4Z"/>
+</svg>

package/inputs/AutocompleteSelect/index.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var AutocompleteSelect = require('../../AutocompleteSelect-e82bd937.js');
+require('../../defaultTheme-870f7df1.js');
+require('styled-components');
+require('react');
+require('nanoid');
+require('lodash');
+require('react-select');
+require('../../react-select-creatable.esm-eb462367.js');
+require('react-dom');
+require('react-select-async-paginate');
+require('../../close-ebf2f3cf.js');
+require('../../expand-more-94585605.js');
+
+
+
+module.exports = AutocompleteSelect.AutocompleteSelect;

package/inputs/Button/index.js

@@ -1,14 +1,16 @@
 'use strict';
 
-var Button = require('../../Button-00ce7d0f.js');
+var Button = require('../../Button-0df54220.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');
-require('../../Popover-616682bf.js');
+require('../../Popover-de874e41.js');
 require('lodash');
 require('polished');
 require('@tippyjs/react');
-require('../../ContextMenu-a68d4f28.js');
+require('../../shift-away-subtle-0bdd3b0d.js');
+require('../../ContextMenu-ccb7a26a.js');
+require('../../expand-more-94585605.js');
 
 
 

package/inputs/CompactStarRating/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var CompactStarRating = require('../../CompactStarRating-f9997240.js');
+var CompactStarRating = require('../../CompactStarRating-b379f623.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');

package/inputs/CompactTextInput/index.js

@@ -1,19 +1,21 @@
 'use strict';
 
-var CompactTextInput = require('../../CompactTextInput-f00e46a3.js');
+var CompactTextInput = require('../../CompactTextInput-46a00295.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');
 require('nanoid');
 require('lodash');
 require('../../edit-note-c47d292e.js');
-require('../../Popover-616682bf.js');
+require('../../Alert-fcc0bb50.js');
+require('../../Badge-34ad2850.js');
+require('../../Popover-de874e41.js');
 require('polished');
 require('@tippyjs/react');
-require('../../Tooltip-860530ff.js');
-require('../../Tab-06b7a58d.js');
-require('../../Tabs-cfbf45fe.js');
-require('../../Badge-86593df4.js');
+require('../../shift-away-subtle-0bdd3b0d.js');
+require('../../Tab-fc380f0b.js');
+require('../../Tabs-0aa159fa.js');
+require('../../Tooltip-8c51cc72.js');
 
 
 

package/inputs/MultiSelect/index.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var MultiSelect = require('../../MultiSelect-3eca3c3e.js');
+require('../../defaultTheme-870f7df1.js');
+require('styled-components');
+require('react');
+require('../../close-ebf2f3cf.js');
+require('react-select');
+require('../../react-select-creatable.esm-eb462367.js');
+require('react-dom');
+require('react-select-async-paginate');
+
+
+
+module.exports = MultiSelect.MultiSelect;

package/inputs/TextArea/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var TextArea = require('../../TextArea-06d9e80b.js');
+var TextArea = require('../../TextArea-efe4fa88.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');

package/inputs/index.js

@@ -3,36 +3,48 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var ActionButton = require('../ActionButton-90485300.js');
-var Button = require('../Button-00ce7d0f.js');
+var AutocompleteSelect = require('../AutocompleteSelect-e82bd937.js');
+var Button = require('../Button-0df54220.js');
 var Checkbox = require('../Checkbox-50f1f3c7.js');
-var CompactStarRating = require('../CompactStarRating-f9997240.js');
-var CompactTextInput = require('../CompactTextInput-f00e46a3.js');
+var CompactStarRating = require('../CompactStarRating-b379f623.js');
+var CompactTextInput = require('../CompactTextInput-46a00295.js');
+var MultiSelect = require('../MultiSelect-3eca3c3e.js');
 var Radio = require('../Radio-0b46b2a8.js');
-var TextArea = require('../TextArea-06d9e80b.js');
+var TextArea = require('../TextArea-efe4fa88.js');
 var TextInput = require('../TextInput-e4c6d536.js');
 var Switch = require('../Switch-aa384260.js');
 require('../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');
-require('../Popover-616682bf.js');
+require('nanoid');
 require('lodash');
+require('react-select');
+require('../react-select-creatable.esm-eb462367.js');
+require('react-dom');
+require('react-select-async-paginate');
+require('../close-ebf2f3cf.js');
+require('../expand-more-94585605.js');
+require('../Popover-de874e41.js');
 require('polished');
 require('@tippyjs/react');
-require('../ContextMenu-a68d4f28.js');
-require('nanoid');
+require('../shift-away-subtle-0bdd3b0d.js');
+require('../ContextMenu-ccb7a26a.js');
 require('../edit-note-c47d292e.js');
-require('../Tooltip-860530ff.js');
-require('../Tab-06b7a58d.js');
-require('../Tabs-cfbf45fe.js');
-require('../Badge-86593df4.js');
+require('../Alert-fcc0bb50.js');
+require('../Badge-34ad2850.js');
+require('../Tab-fc380f0b.js');
+require('../Tabs-0aa159fa.js');
+require('../Tooltip-8c51cc72.js');
 
 
 
 exports.ActionButton = ActionButton.ActionButton;
+exports.AutocompleteSelect = AutocompleteSelect.AutocompleteSelect;
 exports.Button = Button.Button;
 exports.Checkbox = Checkbox.Checkbox;
 exports.CompactStarRating = CompactStarRating.CompactStarRating;
 exports.CompactTextInput = CompactTextInput.CompactTextInput;
+exports.MultiSelect = MultiSelect.MultiSelect;
 exports.Radio = Radio.Radio;
 exports.TextArea = TextArea.TextArea;
 exports.TextInput = TextInput.TextInput;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "1.1.0-beta.2",
+  "version": "1.1.0-beta.21",
   "description": "NTBs common front-end design utilities and React components.",
   "scripts": {
     "build": "cross-env NODE_ENV=production rollup -c",
@@ -74,11 +74,13 @@
     "@restart/hooks": "^0.3.26",
     "@storybook/addons": "^6.5.14",
     "@storybook/theming": "^6.5.14",
-    "@tippyjs/react": "^4.2.5",
+    "@tippyjs/react": "^4.2.6",
     "lodash": "^4.17.21",
     "nanoid": "^3.1.25",
     "polished": "^4.1.3",
     "react-lazy-load-image-component": "^1.5.1",
+    "react-select": "^5.7.4",
+    "react-select-async-paginate": "^0.7.3",
     "resize-observer-polyfill": "^1.5.1",
     "styled-components": "^5.3.5"
   }