@spothero/ui 15.2.0-beta.2 → 15.3.0-beta.0

package/CHANGELOG.md

@@ -2,28 +2,10 @@
 
 ## Miscellaneous Updates
 * [[bff3c9d](https://github.com/spothero/fe-ui/commit/bff3c9d)] - `fix:` Fix imports in v1 modal ([#302](https://github.com/spothero/fe-ui/pull/302)) (Mick Johnson)
-	* `fix:` Fix imports in v1 modal
-	* `publish:` Changelog update for 14.8.5-beta.0 release
-	* 14.8.5-beta.0
-	* `squash:` Remove beta release stuffCo-authored-by: sh-devtools-bot <sh-dev-tools-bot@spothero.com>
 
 # 14.8.4 - 06/21/2022
 ## Miscellaneous Updates
 * [[2809609](https://github.com/spothero/fe-ui/commit/2809609)] - `feature:` Add Modal to V2 ([#299](https://github.com/spothero/fe-ui/pull/299)) (Mick Johnson)
-	* `squash:` Add new Modal component
-	* `squash:` More specific styling and scroll behavior
-	* `squash:` Mobile styling
-	* `squash:` Add Accordion Story
-	* `squash:` Cleanup stories and add focus state to close button
-	* `squash:` Story name cleanup
-	* `squash:` Design review feedback
-	* `squash:` Add jsdoc comments
-	* `squash:` Move v1 Modal to right place and export the subcomponents
-	* `squash:` Fix stylesheet import
-	* `squash:` Add hideCloseButton Prop, Render Box with header styles if header not passed in, Adjust visuals based on presence of header and close button
-	* `squash:` Proptypes type
-	* `squash:` Fixing the old modal export
-	* `squash:` Make onClose not required, tweak header styling
 
 # 14.8.3 - 06/21/2022
 

package/backlog/v1/components/Image/Image.js

@@ -45,7 +45,7 @@ var _reactLazyLoad = _interopRequireDefault(require("react-lazy-load"));
 
 var _environment = _interopRequireDefault(require("@spothero/utils/environment"));
 
-var _PulseLoader = _interopRequireDefault(require("#backlog/PulseLoader"));
+var _PulseLoader = _interopRequireDefault(require("../../../PulseLoader/PulseLoader"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 

package/backlog/v1/components/Modal/Modal.js

@@ -45,7 +45,7 @@ var _dom = _interopRequireDefault(require("@spothero/utils/dom"));
 
 var _Button = _interopRequireDefault(require("../Button/Button"));
 
-var _Portal = _interopRequireDefault(require("#backlog/Portal"));
+var _Portal = _interopRequireDefault(require("../../../Portal/Portal"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 

package/backlog/v1/components/Table/TableControls.js

@@ -17,7 +17,7 @@ var _chevronRight = _interopRequireDefault(require("@spothero/icons/chevron-righ
 
 var _Button = _interopRequireDefault(require("../Button/Button"));
 
-var _Select = require("#backlog/Select");
+var _Select = _interopRequireDefault(require("../../../Select/Select"));
 
 var TableControls = function TableControls(_ref) {
   var currentPage = _ref.currentPage,
@@ -40,7 +40,7 @@ var TableControls = function TableControls(_ref) {
     color: "secondary",
     disabled: currentPage === 1,
     onClick: onPreviousPage
-  }, /*#__PURE__*/_react.default.createElement(_chevronLeft.default, null)), /*#__PURE__*/_react.default.createElement(_Select.Select, {
+  }, /*#__PURE__*/_react.default.createElement(_chevronLeft.default, null)), /*#__PURE__*/_react.default.createElement(_Select.default, {
     key: new Date(),
     defaultValue: currentPage.toString(),
     items: pages,

package/backlog/v1/components/Table/TableSortSelector.js

@@ -37,7 +37,7 @@ var _forEach = _interopRequireDefault(require("lodash/forEach"));
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _Select = require("#backlog/Select");
+var _Select = _interopRequireDefault(require("../../../Select/Select"));
 
 var _TableSortType = _interopRequireDefault(require("./TableSortType"));
 
@@ -110,7 +110,7 @@ var TableSortSelector = /*#__PURE__*/function (_Component) {
       var defaultSortValue = sortDataKey && sortOrder ? (0, _concat.default)(_context5 = "".concat(sortDataKey, "-")).call(_context5, sortOrder) : null;
       return /*#__PURE__*/_react.default.createElement("div", {
         className: "TableSortSelector"
-      }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      }, /*#__PURE__*/_react.default.createElement(_Select.default, {
         key: defaultSortValue,
         className: "TableSortSelector-Select",
         defaultValue: defaultSortValue,

package/dex.config.js

@@ -0,0 +1,45 @@
+const path = require('path');
+
+const targetEntry = process.env.TARGET_ENTRY;
+
+module.exports = {
+    client: {
+        plugins: [],
+    },
+    production: {
+        client: {
+            entry: [`./src/${targetEntry}/components/index.js`],
+            output: {
+                filename: 'index.js',
+                path: path.resolve(__dirname, targetEntry),
+                library: {
+                    name: '@spothero/ui',
+                    type: 'umd',
+                },
+                globalObject: 'this',
+            },
+            externals: {
+                react: {
+                    root: 'React',
+                    commonjs2: 'react',
+                    commonjs: 'react',
+                    amd: 'react',
+                },
+                'react-dom': {
+                    root: 'ReactDOM',
+                    commonjs2: 'react-dom',
+                    commonjs: 'react-dom',
+                    amd: 'react-dom',
+                },
+                lodash: {
+                    commonjs2: 'lodash',
+                    commonjs: 'lodash',
+                    amd: 'lodash',
+                    root: '_',
+                },
+                'prop-types': 'prop-types',
+                '@chakra-ui/react': '@chakra-ui/react',
+            },
+        },
+    },
+};

package/package.json

@@ -1,24 +1,8 @@
 {
   "name": "@spothero/ui",
-  "version": "15.2.0-beta.2",
+  "version": "15.3.0-beta.0",
   "description": "SpotHero's React component UI library.",
-  "main": "v2/components/index.js",
-  "exports": {
-    ".": "./v2/components/index.js",
-    "./backlog": "./backlog/index.js",
-    "./backlog/*": "./backlog/*.js",
-    "./styles": "./styles/_index.scss",
-    "./styles/*": "./styles/*.scss",
-    "./v1": "./v1/components/index.js",
-    "./v1/*": "./v1/components/*.js",
-    "./v2": "./v2/components/index.js",
-    "./v2/*": "./v2/components/*.js"
-  },
-  "imports": {
-    "#backlog/Select": "./src/Select/index.js",
-    "#backlog/Portal": "./src/Portal/index.js",
-    "#backlog/PulseLoader": "./src/PulseLoader/index.js"
-  },
+  "main": "v2/index.js",
   "repository": "https://github.com/spothero/fe-monorepo",
   "babel": {
     "presets": [
@@ -77,8 +61,8 @@
     "test:unit": "npm run test:template -- --coverage",
     "test:unit:watch": "DEBUG_PRINT_LIMIT=-1 npm run test:template -- --watch",
     "clone:styles": "rsync -a src/ styles && rm -rf styles/**/*.{js,jsx} styles/**/stories",
-    "build:v1": "NODE_ENV=production babel src/v1 -d v1 --ignore \"**/*.spec.js\",\"**/stories/**\"",
-    "build:v2": "NODE_ENV=production babel src/v2 -d v2 --ignore \"**/*.spec.js\",\"**/stories/**\"",
+    "build:v1": "TARGET_ENTRY=v1 NODE_ENV=production dex",
+    "build:v2": "TARGET_ENTRY=v2 NODE_ENV=production dex",
     "build:backlog": "NODE_ENV=production babel src -d backlog --ignore \"**/*.spec.js\",\"**/stories/**\",\"**/v2/**\"",
     "build": "npm run clean && npm run clone:styles && npm run build:backlog && npm run build:v1 && npm run build:v2",
     "build:storybook": "build-storybook -o ./docs",

package/styles/v1/components/Image/Image.jsx

@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import LazyLoad from 'react-lazy-load';
 import EnvironmentUtils from '@spothero/utils/environment';
-import PulseLoader from '#backlog/PulseLoader';
+import PulseLoader from '../../../PulseLoader/PulseLoader';
 
 export default class Image extends Component {
     static propTypes = {

package/styles/v1/components/Modal/Modal.jsx

@@ -7,7 +7,7 @@ import IconChevronLeft from '@spothero/icons/chevron-left';
 import IconTimes from '@spothero/icons/times';
 import DOMUtils from '@spothero/utils/dom';
 import Button from 'v1/components/Button/Button';
-import Portal from '#backlog/Portal';
+import Portal from '../../../Portal/Portal';
 
 export default class Modal extends PureComponent {
     static propTypes = {

package/styles/v1/components/Table/TableControls.jsx

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import IconChevronLeft from '@spothero/icons/chevron-left';
 import IconChevronRight from '@spothero/icons/chevron-right';
 import Button from 'v1/components/Button/Button';
-import {Select} from '#backlog/Select';
+import Select from '../../../Select/Select';
 
 const TableControls = ({
     currentPage,

package/styles/v1/components/Table/TableSortSelector.jsx

@@ -1,7 +1,7 @@
 import forEach from 'lodash/forEach';
 import React, {Component} from 'react';
 import PropTypes from 'prop-types';
-import {Select} from '#backlog/Select';
+import Select from '../../../Select/Select';
 import TableSortType from './TableSortType';
 
 const {ASC, DESC} = TableSortType;

package/styles/v2/components/Modal/styles/dialogContainer.js

@@ -3,5 +3,4 @@ export default {
     zIndex: 'layer8',
     justifyContent: 'center',
     alignItems: {base: 'flex-end', tablet: 'center'},
-    overflow: 'hidden',
 };

package/styles/v2/components/Radio/Radio.jsx

@@ -23,8 +23,8 @@ const Radio = forwardRef(
                 isDisabled={isDisabled}
                 isFocusable={!isDisabled}
                 value={value}
-                {...props}
                 alignItems="start"
+                {...props}
             >
                 {children}
                 {helperText && (

package/styles/v2/components/Radio/RadioGroup.jsx

@@ -29,7 +29,7 @@ const RadioGroup = forwardRef(
                 errorMessage={errorMessage}
                 label={label}
                 inputId={props.id}
-                isRadio
+                isFieldset
             >
                 <ChakraRadioGroup
                     ref={ref}

package/v1/assets-manifest.json

@@ -0,0 +1,5 @@
+{
+  "index.html": "index.html",
+  "index.js.license.txt": "index.js.LICENSE.txt",
+  "main.js": "index.js"
+}

package/v1/index.html

@@ -0,0 +1 @@
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="x-ua-compatible" content="ie=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><script defer="defer" src="/index.js"></script></head><body><div id="root"></div></body></html>