@spothero/ui 17.0.1 → 17.0.2

package/dist/components/Alert/Alert.js

@@ -11,7 +11,7 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.STATUSES = void 0;
+exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 
@@ -35,7 +35,9 @@ var _Button = _interopRequireDefault(require("../Button/Button"));
 
 var _Icon = _interopRequireDefault(require("../Icon/Icon"));
 
-var _excluded = ["status", "title", "buttonProps", "buttonText", "buttonOnBottom", "showDismiss", "onDismissClick", "showIcon", "description", "ref"];
+var _styles = require("./styles");
+
+var _excluded = ["status", "title", "buttonProps", "buttonText", "buttonOnBottom", "showDismiss", "onDismissClick", "showIcon", "description"];
 
 var _statusIconMapping;
 
@@ -43,16 +45,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "functi
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var STATUSES = {
-  NEUTRAL: 'neutral',
-  ERROR: 'error',
-  WARNING: 'warning',
-  SUCCESS: 'success'
-};
-exports.STATUSES = STATUSES;
-var statusIconMapping = (_statusIconMapping = {}, (0, _defineProperty2.default)(_statusIconMapping, STATUSES.WARNING, _filledExclamationCircle.default), (0, _defineProperty2.default)(_statusIconMapping, STATUSES.SUCCESS, _filledCheckCircle.default), (0, _defineProperty2.default)(_statusIconMapping, STATUSES.ERROR, _filledExclamationCircle.default), (0, _defineProperty2.default)(_statusIconMapping, STATUSES.NEUTRAL, _filledInfoCircle.default), _statusIconMapping);
-
-var Alert = function Alert(_ref) {
+var statusIconMapping = (_statusIconMapping = {}, (0, _defineProperty2.default)(_statusIconMapping, _styles.STATUSES.WARNING, _filledExclamationCircle.default), (0, _defineProperty2.default)(_statusIconMapping, _styles.STATUSES.SUCCESS, _filledCheckCircle.default), (0, _defineProperty2.default)(_statusIconMapping, _styles.STATUSES.ERROR, _filledExclamationCircle.default), (0, _defineProperty2.default)(_statusIconMapping, _styles.STATUSES.NEUTRAL, _filledInfoCircle.default), _statusIconMapping);
+var Alert = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var status = _ref.status,
       title = _ref.title,
       buttonProps = _ref.buttonProps,
@@ -62,7 +56,6 @@ var Alert = function Alert(_ref) {
       onDismissClick = _ref.onDismissClick,
       showIcon = _ref.showIcon,
       description = _ref.description,
-      ref = _ref.ref,
       props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var style = (0, _react2.useStyleConfig)('Alert', {
     'data-status': status
@@ -95,8 +88,7 @@ var Alert = function Alert(_ref) {
     height: "auto",
     as: _times.default
   })) : null));
-};
-
+});
 Alert.defaultProps = {
   status: 'neutral',
   title: null,
@@ -109,11 +101,5 @@ Alert.defaultProps = {
   description: null,
   size: 'md'
 };
-
-var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  return /*#__PURE__*/_react.default.createElement(Alert, (0, _extends2.default)({
-    ref: ref
-  }, props));
-});
-
+var _default = Alert;
 exports.default = _default;

package/dist/components/Alert/Alert.stories.js

@@ -1,15 +1,5 @@
 "use strict";
 
-var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
-var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-
-var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
@@ -17,27 +7,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Alert = void 0;
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
 
 var _react2 = require("@chakra-ui/react");
 
-var _createControl = require("storybook/utils/create-control");
-
-var _disableArgs = _interopRequireDefault(require("storybook/utils/disable-args"));
-
-var _Alert = _interopRequireDefault(require("./Alert"));
-
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
+// import {createSelectControl} from 'storybook/utils/create-control';
+// import disableArgs from 'storybook/utils/disable-args';
+// import Component from './Alert';
 var _default = {
   title: 'v2/Alert',
-  component: _Alert.default,
+  // component: Component,
   parameters: {
     removeBaseHtmlClass: true
   }
@@ -47,34 +26,38 @@ exports.default = _default;
 var AlertTemplate = function AlertTemplate(props) {
   return /*#__PURE__*/_react.default.createElement(_react2.VStack, {
     alignItems: "flex-start"
-  }, /*#__PURE__*/_react.default.createElement(_react2.Text, null, "Status: Success"), /*#__PURE__*/_react.default.createElement(_Alert.default, (0, _extends2.default)({
-    status: "success"
-  }, props)), /*#__PURE__*/_react.default.createElement(_react2.Text, null, "Status: Error"), /*#__PURE__*/_react.default.createElement(_Alert.default, (0, _extends2.default)({
-    status: "error"
-  }, props)), /*#__PURE__*/_react.default.createElement(_react2.Text, null, "Status: Warning"), /*#__PURE__*/_react.default.createElement(_Alert.default, (0, _extends2.default)({
-    status: "warning"
-  }, props)), /*#__PURE__*/_react.default.createElement(_react2.Text, null, "Status: Neutral"), /*#__PURE__*/_react.default.createElement(_Alert.default, (0, _extends2.default)({
-    status: "neutral"
-  }, props)));
-};
-
-var Alert = AlertTemplate.bind({});
-exports.Alert = Alert;
-Alert.argTypes = _objectSpread(_objectSpread({}, (0, _createControl.createSelectControl)('size', ['sm', 'md', 'lg'])), (0, _disableArgs.default)(['buttonProps', 'onDismissClick', 'status']));
-Alert.args = {
-  title: 'Hello',
-  buttonOnBottom: false,
-  buttonText: 'Action',
-  description: 'This is an alert.',
-  buttonProps: {
-    onClick: function onClick() {
-      return console.log('Action clicked');
-    }
-  },
-  showDismiss: true,
-  onDismissClick: function onDismissClick() {
-    return console.log('dismissed');
-  },
-  showIcon: true,
-  size: 'md'
-};
+  }, /*#__PURE__*/_react.default.createElement(_react2.Text, null, "Alert story currently broken due to issues between current version of storybook, forwardref, and hooks. Updating storybook will likely help."));
+}; // const AlertTemplate = props => (
+//     <VStack alignItems="flex-start">
+//         <Text>Status: Success</Text>
+//         <Component status="success" {...props} />
+//         <Text>Status: Error</Text>
+//         <Component status="error" {...props} />
+//         <Text>Status: Warning</Text>
+//         <Component status="warning" {...props} />
+//         <Text>Status: Neutral</Text>
+//         <Component status="neutral" {...props} />
+//     </VStack>
+// );
+// AlertTemplate.propTypes = {};
+
+
+var Alert = AlertTemplate.bind({}); // Alert.argTypes = {
+//     ...createSelectControl('size', ['sm', 'md', 'lg']),
+//     ...disableArgs(['buttonProps', 'onDismissClick', 'status']),
+// };
+// Alert.args = {
+//     title: 'Hello',
+//     buttonOnBottom: false,
+//     buttonText: 'Action',
+//     description: 'This is an alert.',
+//     buttonProps: {
+//         onClick: () => console.log('Action clicked'),
+//     },
+//     showDismiss: true,
+//     onDismissClick: () => console.log('dismissed'),
+//     showIcon: true,
+//     size: 'md',
+// };
+
+exports.Alert = Alert;

package/dist/components/Alert/styles/index.js

@@ -15,7 +15,7 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.STATUSES = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 
@@ -23,12 +23,17 @@ var _merge = _interopRequireDefault(require("lodash/merge"));
 
 var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
 
-var _Alert = require("../Alert");
-
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 
+var STATUSES = {
+  NEUTRAL: 'neutral',
+  ERROR: 'error',
+  WARNING: 'warning',
+  SUCCESS: 'success'
+};
+exports.STATUSES = STATUSES;
 var _baseStyle = {
   container: {
     paddingY: 2,
@@ -77,7 +82,7 @@ var _baseStyle = {
 
 var statusStyles = function statusStyles(status) {
   switch (status) {
-    case _Alert.STATUSES.NEUTRAL:
+    case STATUSES.NEUTRAL:
       return {
         container: {
           background: 'gray.light'
@@ -95,7 +100,7 @@ var statusStyles = function statusStyles(status) {
         }
       };
 
-    case _Alert.STATUSES.WARNING:
+    case STATUSES.WARNING:
       return {
         container: {
           background: 'yellow.100'
@@ -113,7 +118,7 @@ var statusStyles = function statusStyles(status) {
         }
       };
 
-    case _Alert.STATUSES.ERROR:
+    case STATUSES.ERROR:
       return {
         container: {
           background: 'red.100'
@@ -131,7 +136,7 @@ var statusStyles = function statusStyles(status) {
         }
       };
 
-    case _Alert.STATUSES.SUCCESS:
+    case STATUSES.SUCCESS:
       return {
         container: {
           background: 'green.100'

package/dist/components/AutoSuggestSelect/AutoSuggestSelect.stories.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.AutoSuggestSelect = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@chakra-ui/react");
+
+var _default = {
+  title: 'v2/AutoSuggestSelect',
+  parameters: {
+    removeBaseHtmlClass: true
+  }
+};
+exports.default = _default;
+
+var AutoSuggestSelectTemplate = function AutoSuggestSelectTemplate(props) {
+  return /*#__PURE__*/_react.default.createElement(_react2.VStack, {
+    alignItems: "flex-start"
+  }, /*#__PURE__*/_react.default.createElement(_react2.Text, null, "AutoSuggestSelect story currently broken due to issues between current version of storybook, forwardref, and hooks. Updating storybook will likely help."));
+};
+
+var AutoSuggestSelect = AutoSuggestSelectTemplate.bind({});
+exports.AutoSuggestSelect = AutoSuggestSelect;

package/package.json

@@ -1,11 +1,13 @@
 {
   "name": "@spothero/ui",
-  "version": "17.0.1",
+  "version": "17.0.2",
   "description": "SpotHero's React component UI library.",
   "main": "./dist/components/index.js",
   "exports": "./dist/components/index.js",
   "repository": "https://github.com/spothero/fe-monorepo",
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "babel": {
     "presets": [
       "@spothero/spothero"