@spothero/ui 21.2.2-beta.0 → 21.3.0

package/dist/components/Alert/Alert.js

@@ -10,20 +10,20 @@ var _react = _interopRequireWildcard(require("react"));
 var _merge = _interopRequireDefault(require("lodash/merge"));
 var _react2 = require("@chakra-ui/react");
 var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
-var _Times = _interopRequireDefault(require("../../../../fe-icons/dist/Times.js"));
-var _FilledInfoCircle = _interopRequireDefault(require("../../../../fe-icons/dist/FilledInfoCircle.js"));
-var _FilledExclamationCircle = _interopRequireDefault(require("../../../../fe-icons/dist/FilledExclamationCircle.js"));
-var _FilledCheckCircle = _interopRequireDefault(require("../../../../fe-icons/dist/FilledCheckCircle.js"));
+var _times = _interopRequireDefault(require("@spothero/icons/times"));
+var _filledInfoCircle = _interopRequireDefault(require("@spothero/icons/filled-info-circle"));
+var _filledExclamationCircle = _interopRequireDefault(require("@spothero/icons/filled-exclamation-circle"));
+var _filledCheckCircle = _interopRequireDefault(require("@spothero/icons/filled-check-circle"));
 var _Button = _interopRequireDefault(require("../Button/Button"));
 var _Icon = _interopRequireDefault(require("../Icon/Icon"));
 var _notifications = require("../../theme/base/notifications");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 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; }
 const statusIconMapping = {
-  [_notifications.NOTIFICATION_STATUSES.WARNING]: _FilledExclamationCircle.default,
-  [_notifications.NOTIFICATION_STATUSES.SUCCESS]: _FilledCheckCircle.default,
-  [_notifications.NOTIFICATION_STATUSES.ERROR]: _FilledExclamationCircle.default,
-  [_notifications.NOTIFICATION_STATUSES.NEUTRAL]: _FilledInfoCircle.default
+  [_notifications.NOTIFICATION_STATUSES.WARNING]: _filledExclamationCircle.default,
+  [_notifications.NOTIFICATION_STATUSES.SUCCESS]: _filledCheckCircle.default,
+  [_notifications.NOTIFICATION_STATUSES.ERROR]: _filledExclamationCircle.default,
+  [_notifications.NOTIFICATION_STATUSES.NEUTRAL]: _filledInfoCircle.default
 };
 const Alert = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
@@ -65,7 +65,7 @@ const Alert = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   }), /*#__PURE__*/_react.default.createElement(_Icon.default, {
     width: 3,
     height: "auto",
-    as: _Times.default
+    as: _times.default
   })) : null));
 });
 Alert.defaultProps = {

package/dist/components/AutoSuggestSelect/AutoSuggestSelect.js

@@ -10,7 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _FormControl = _interopRequireDefault(require("../FormControl/FormControl"));
 var _async = _interopRequireDefault(require("react-select/async"));
 var _react2 = require("@chakra-ui/react");
-var _TimesCircle = _interopRequireDefault(require("../../../../fe-icons/dist/TimesCircle.js"));
+var _timesCircle = _interopRequireDefault(require("@spothero/icons/times-circle"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 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; }
 const AutoSuggestSelect = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
@@ -123,7 +123,7 @@ const AutoSuggestSelect = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
       style: clearIndicatorStyles,
       ref: innerRef
-    }, innerProps), /*#__PURE__*/_react.default.createElement(_TimesCircle.default, null));
+    }, innerProps), /*#__PURE__*/_react.default.createElement(_timesCircle.default, null));
   };
   return /*#__PURE__*/_react.default.createElement(_FormControl.default, {
     errorMessage: errorMessage,

package/dist/components/Button/stories/button.js

@@ -9,7 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
 var _react = _interopRequireDefault(require("react"));
 var _capitalize = _interopRequireDefault(require("lodash/capitalize"));
 var _react2 = require("@chakra-ui/react");
-var _Check = _interopRequireDefault(require("../../../../../fe-icons/dist/Check.js"));
+var _check = _interopRequireDefault(require("@spothero/icons/check"));
 var _Button = _interopRequireDefault(require("../Button"));
 var _buttonProps = _interopRequireDefault(require("../button-props"));
 const ButtonTemplate = (props, _ref) => {
@@ -27,7 +27,7 @@ const ButtonTemplate = (props, _ref) => {
     mr: 4,
     mb: 4
   }), props.variant, " Variant"), /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({
-    leftIcon: /*#__PURE__*/_react.default.createElement(_Check.default, {
+    leftIcon: /*#__PURE__*/_react.default.createElement(_check.default, {
       width: "1rem"
     })
   }, props, {

package/dist/components/Button/stories/overview.js

@@ -9,7 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
 var _react = _interopRequireDefault(require("react"));
 var _capitalize = _interopRequireDefault(require("lodash/capitalize"));
 var _react2 = require("@chakra-ui/react");
-var _Check = _interopRequireDefault(require("../../../../../fe-icons/dist/Check.js"));
+var _check = _interopRequireDefault(require("@spothero/icons/check"));
 var _Button = _interopRequireDefault(require("../Button"));
 var _Button2 = require("../Button.styles");
 var _Text = _interopRequireDefault(require("../../Text/Text"));
@@ -34,7 +34,7 @@ const variationsArray = _ref => {
   }, {
     variant,
     children: `leftIcon`,
-    leftIcon: /*#__PURE__*/_react.default.createElement(_Check.default, {
+    leftIcon: /*#__PURE__*/_react.default.createElement(_check.default, {
       width: "1rem"
     })
   }, {

package/dist/components/FormControl/FormControl.js

@@ -20,6 +20,7 @@ const FormControl = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     errorMessage,
     isFieldset,
     isOptional,
+    customRequiredText,
     ...props
   } = _ref;
   return /*#__PURE__*/_react.default.createElement(_react2.FormControl, (0, _extends2.default)({}, props, {
@@ -33,7 +34,12 @@ const FormControl = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     fontSize: "sm",
     htmlFor: inputId,
     as: isFieldset ? 'legend' : 'label',
-    requiredIndicator: "",
+    requiredIndicator: props?.isRequired && customRequiredText ? /*#__PURE__*/_react.default.createElement(_react2.Text, {
+      marginLeft: 1,
+      as: "span",
+      variant: "caption",
+      color: "text.secondary.light"
+    }, customRequiredText) : null,
     optionalIndicator: isOptional && !props?.isRequired ? /*#__PURE__*/_react.default.createElement(_react2.Text, {
       marginLeft: 1,
       as: "span",
@@ -58,7 +64,8 @@ FormControl.propTypes = {
   children: _propTypes.default.element,
   isFieldset: _propTypes.default.bool,
   isOptional: _propTypes.default.bool,
-  isRequired: _propTypes.default.bool
+  isRequired: _propTypes.default.bool,
+  customRequiredText: _propTypes.default.string
 };
 var _default = FormControl;
 exports.default = _default;

package/dist/components/Icon/Icon.stories.js

@@ -6,10 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Icon = void 0;
 var _react = _interopRequireDefault(require("react"));
-var icons = _interopRequireWildcard(require("@spothero/icons"));
+var _icons = require("@spothero/icons");
 var _Icon = _interopRequireDefault(require("./Icon"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-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 _default = {
   title: 'v2/Icon',
   component: _Icon.default,
@@ -18,13 +16,23 @@ var _default = {
   }
 };
 exports.default = _default;
-const Template = props => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, Object.keys(icons).map(icon => /*#__PURE__*/_react.default.createElement(_Icon.default, {
-  key: icon,
-  as: icons[icon],
+const Template = props => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+  as: _icons.HeroCar,
   color: "primary.default",
   height: "24",
+  width: "24"
+}), /*#__PURE__*/_react.default.createElement(_Icon.default, {
+  as: _icons.S4BLogo,
+  color: "gray.dark",
+  height: "24",
+  width: "24",
+  paddingLeft: "16"
+}), /*#__PURE__*/_react.default.createElement(_Icon.default, {
+  as: _icons.Shield,
+  color: "green.default",
+  height: "24",
   width: "24",
   paddingLeft: "16"
-})));
+}));
 const Icon = Template.bind({});
 exports.Icon = Icon;

package/dist/components/Input/Input.js

@@ -21,6 +21,7 @@ const Input = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     isDisabled,
     isRequired,
     isOptional,
+    customRequiredText,
     ...props
   } = _ref;
   const classes = (0, _classnames.default)({
@@ -34,7 +35,8 @@ const Input = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     errorMessage: errorMessage,
     helperText: helperText,
     label: label,
-    inputId: props.id
+    inputId: props.id,
+    customRequiredText: customRequiredText
   }, /*#__PURE__*/_react.default.createElement(_react2.Input, (0, _extends2.default)({
     ref: ref,
     className: classes

package/dist/components/Link/Link.stories.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.Overview = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@chakra-ui/react");
-var _Share = _interopRequireDefault(require("../../../../fe-icons/dist/Share.js"));
+var _share = _interopRequireDefault(require("@spothero/icons/share"));
 var _Text = _interopRequireDefault(require("../Text/Text"));
 var _Link = _interopRequireDefault(require("./Link"));
 var _default = {
@@ -37,7 +37,7 @@ const OverviewTemplate = (props, _ref) => {
   }, "Links can have", ' ', /*#__PURE__*/_react.default.createElement(_Link.default, {
     href: "#",
     variant: hasDarkBackground ? 'onDark' : 'standard'
-  }, "icons inline ", /*#__PURE__*/_react.default.createElement(_Share.default, {
+  }, "icons inline ", /*#__PURE__*/_react.default.createElement(_share.default, {
     width: "1rem"
   }))), /*#__PURE__*/_react.default.createElement(_Text.default, {
     color: hasDarkBackground ? 'text.primary.dark' : 'text.primary.light'

package/dist/components/Select/Select.js

@@ -9,7 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@chakra-ui/react");
-var _ChevronDown = _interopRequireDefault(require("../../../../fe-icons/dist/ChevronDown.js"));
+var _chevronDown = _interopRequireDefault(require("@spothero/icons/chevron-down"));
 var _Icon = _interopRequireDefault(require("../Icon/Icon"));
 var _FormControl = _interopRequireDefault(require("../FormControl/FormControl"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -39,7 +39,7 @@ const Select = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     inputId: props.id
   }, /*#__PURE__*/_react.default.createElement(_react2.Select, (0, _extends2.default)({
     icon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      as: _ChevronDown.default
+      as: _chevronDown.default
     }),
     iconSize: 12,
     fontWeight: "regular",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spothero/ui",
-  "version": "21.2.2-beta.0",
+  "version": "21.3.0",
   "description": "SpotHero's React component UI library.",
   "main": "./dist/components/index.js",
   "exports": "./dist/components/index.js",
@@ -8,6 +8,23 @@
   "files": [
     "dist"
   ],
+  "babel": {
+    "presets": [
+      "@spothero/spothero"
+    ],
+    "plugins": [
+      [
+        "module-resolver",
+        {
+          "alias": {
+            "components": "./src/components",
+            "theme": "./src/theme",
+            "utils": "./src/utils"
+          }
+        }
+      ]
+    ]
+  },
   "browserslist": [
     "extends @spothero/browserslist-config"
   ],
@@ -66,7 +83,6 @@
     "moment-timezone": "0.5.40",
     "msw": "0.27.0",
     "prop-types": "15.7.2",
-    "push-dir": "0.4.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-hot-loader": "4.12.21",
@@ -78,14 +94,14 @@
     "webpack-merge": "5.1.4",
     "css-loader": "5.1.3",
     "sass-loader": "10.2.1",
-    "@spothero/babel-preset-spothero": "5.0.0",
     "@spothero/browserslist-config": "4.0.0",
     "@spothero/core": "7.0.0",
+    "@spothero/babel-preset-spothero": "5.0.0",
     "@spothero/eslint-config": "6.0.0",
-    "@spothero/icons": "8.0.2-beta.0",
-    "@spothero/npm-publisher": "7.0.0",
+    "@spothero/icons": "8.0.1",
     "@spothero/prettier-config": "4.0.0",
-    "@spothero/stylelint-config": "6.0.0"
+    "@spothero/stylelint-config": "6.0.0",
+    "@spothero/npm-publisher": "7.0.0"
   },
   "dependencies": {
     "@chakra-ui/react": "1.8.8",
@@ -122,8 +138,8 @@
     "test:unit:watch": "DEBUG_PRINT_LIMIT=-1 pnpm run test:template -- --watch",
     "build:v2": "BABEL_ENV=production babel src -d dist",
     "build": "pnpm run clean && pnpm run build:v2",
-    "build:storybook": "NODE_OPTIONS=--openssl-legacy-provider build-storybook -o ./docs/v2",
     "release": "npm-release",
-    "publish-storybook": "pnpm run build:storybook && push-dir --dir=docs/v2 --branch=gh-pages --allow-unclean"
+    "build-storybook": "NODE_OPTIONS=--openssl-legacy-provider build-storybook -o ./docs/v2",
+    "publish-storybook": "pnpm run build:storybook"
   }
 }