@newhighsco/storybook-preset 5.0.3 → 5.1.0

package/README.md

@@ -7,7 +7,7 @@ New High Score [shareable preset](https://storybook.js.org/docs/presets/introduc
 Install Storybook and `@newhighsco/storybook-preset`:
 
 ```
-yarn add -D babel-loader @storybook/react @newhighsco/storybook-preset @storybook/builder-webpack5 @storybook/manager-webpack5
+yarn add -D storybook @newhighsco/storybook-preset @storybook/react-webpack5
 ```
 
 ## Usage
@@ -16,12 +16,13 @@ Create a `.storybook/main.js` in your project:
 
 ```js
 // .storybook/main.js
-module.exports = {
-  core: {
-    builder: 'webpack5'
-  },
+/** @type { import('@storybook/react-webpack5').StorybookConfig } */
+const config = {
+  framework: '@storybook/react-webpack5',
   presets: ['@newhighsco/storybook-preset']
 }
+
+export default config
 ```
 
 ## [CHANGELOG](CHANGELOG.md)

package/dist/addons/addon-transpile-modules/index.js

@@ -1,5 +1,12 @@
 "use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.webpackFinal = void 0;
+/** @typedef { import('@storybook/react-webpack5').StorybookConfig } StorybookConfig */
+
+/** @type { StorybookConfig['webpackFinal'] } */
 var webpackFinal = function webpackFinal() {
   var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -19,6 +26,4 @@ var webpackFinal = function webpackFinal() {
   }
   return config;
 };
-module.exports = {
-  webpackFinal: webpackFinal
-};
+exports.webpackFinal = webpackFinal;

package/dist/index.js

@@ -1,19 +1,25 @@
 "use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.previewAnnotations = exports.core = exports.addons = void 0;
+var _path = require("path");
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(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) { _defineProperty(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; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-var _require = require('path'),
-  resolve = _require.resolve;
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(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) { _defineProperty(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; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+/** @typedef { import('@storybook/react-webpack5').StorybookConfig } StorybookConfig */
+
+/** @type { StorybookConfig['addons'] } */
 var addons = ['@storybook/addon-actions', '@storybook/addon-backgrounds', '@storybook/addon-docs', '@storybook/addon-links', {
   name: '@storybook/addon-postcss',
   options: {
@@ -30,23 +36,25 @@ var addons = ['@storybook/addon-actions', '@storybook/addon-backgrounds', '@stor
       }
     }
   }
-}, 'storybook-dark-mode', resolve(__dirname, './addons/preset-svgr'), {
-  name: resolve(__dirname, './addons/addon-transpile-modules'),
+}, 'storybook-dark-mode', (0, _path.resolve)(__dirname, './presets/preset-svgr'), {
+  name: (0, _path.resolve)(__dirname, './addons/addon-transpile-modules'),
   options: {
     transpileModules: ['@newhighsco/chipset']
   }
 }];
-var previewAnnotations = function previewAnnotations() {
-  var entry = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  return [].concat(_toConsumableArray(entry), [resolve(__dirname, './preview')]);
-};
+
+/** @type { StorybookConfig['core'] } */
+exports.addons = addons;
 var core = function core(config) {
   return _objectSpread(_objectSpread({}, config), {}, {
     disableTelemetry: true
   });
 };
-module.exports = {
-  addons: addons,
-  previewAnnotations: previewAnnotations,
-  core: core
-};
+
+/** @type { StorybookConfig['previewAnnotations'] } */
+exports.core = core;
+var previewAnnotations = function previewAnnotations() {
+  var entry = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  return [].concat(_toConsumableArray(entry), [(0, _path.resolve)(__dirname, './preview')]);
+};
+exports.previewAnnotations = previewAnnotations;

package/dist/{addons → presets}/preset-svgr/index.js

@@ -1,5 +1,9 @@
 "use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.webpackFinal = void 0;
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -12,6 +16,8 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+/** @typedef { import('@storybook/react-webpack5').StorybookConfig } StorybookConfig */
+
 var svgRegExp = /\.svg$/;
 var svgrLoaders = function svgrLoaders(_ref) {
   var svgrLoaderOptions = _ref.svgrLoaderOptions,
@@ -30,6 +36,8 @@ var svgrLoaders = function svgrLoaders(_ref) {
     }, assetLoader]
   }];
 };
+
+/** @type { StorybookConfig['webpackFinal'] } */
 var webpackFinal = function webpackFinal() {
   var _module$rules;
   var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -60,6 +68,4 @@ var webpackFinal = function webpackFinal() {
     })
   });
 };
-module.exports = {
-  webpackFinal: webpackFinal
-};
+exports.webpackFinal = webpackFinal;

package/dist/preview.js

@@ -3,25 +3,29 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.parameters = void 0;
+exports["default"] = void 0;
 var _components = require("./components");
-var parameters = {
-  actions: {
-    argTypesRegex: '^on[A-Z].*'
-  },
-  controls: {
-    matchers: {
-      color: /(background|color)$/i,
-      date: /Date$/
-    }
-  },
-  darkMode: {
-    stylePreview: true
-  },
-  docs: {
-    container: _components.DocsContainer,
-    page: _components.DocsPage
-  },
-  viewMode: 'docs'
+/** @type { import('@storybook/react').Preview } */
+var preview = {
+  parameters: {
+    actions: {
+      argTypesRegex: '^on[A-Z].*'
+    },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/
+      }
+    },
+    darkMode: {
+      stylePreview: true
+    },
+    docs: {
+      container: _components.DocsContainer,
+      page: _components.DocsPage
+    },
+    viewMode: 'docs'
+  }
 };
-exports.parameters = parameters;
+var _default = preview;
+exports["default"] = _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@newhighsco/storybook-preset",
   "description": "New High Score shareable Storybook preset",
-  "version": "5.0.3",
+  "version": "5.1.0",
   "author": "New High Score <hello@newhighsco.re>",
   "license": "ISC",
   "repository": {
@@ -23,7 +23,7 @@
     "prepare": "(is-ci || husky install) && yarn build",
     "prebuild": "rm -rf dist",
     "build": "babel src --out-dir dist --ignore '**/__mocks__','**/__tests__','**/*.spec.jsx'",
-    "prebuild:storybook": "rm -rf build",
+    "prebuild:storybook": "yarn build",
     "build:storybook": "storybook build --output-dir build --docs --quiet",
     "pretest": "yarn lint",
     "test": "npm-run-all --parallel test:*",
@@ -36,12 +36,12 @@
     "format:js": "yarn lint:js --fix"
   },
   "dependencies": {
-    "@storybook/addon-actions": "7.0.2",
-    "@storybook/addon-backgrounds": "7.0.2",
-    "@storybook/addon-docs": "7.0.2",
-    "@storybook/addon-links": "7.0.2",
+    "@storybook/addon-actions": "7.0.4",
+    "@storybook/addon-backgrounds": "7.0.4",
+    "@storybook/addon-docs": "7.0.4",
+    "@storybook/addon-links": "7.0.4",
     "@storybook/addon-postcss": "2.0.0",
-    "@storybook/addons": "7.0.2",
+    "@storybook/addons": "7.0.4",
     "@storybook/preset-scss": "1.0.3",
     "@svgr/webpack": "7.0.0",
     "new-url-loader": "0.1.1",
@@ -62,8 +62,7 @@
     "@newhighsco/eslint-config": "4.0.27",
     "@newhighsco/prettier-config": "2.1.10",
     "@newhighsco/release-config": "1.3.17",
-    "@storybook/react-webpack5": "7.0.2",
-    "babel-loader": "9.1.2",
+    "@storybook/react-webpack5": "7.0.4",
     "chromatic": "6.17.3",
     "eslint": "8.38.0",
     "husky": "8.0.3",
@@ -74,12 +73,12 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "semantic-release": "21.0.1",
-    "storybook": "7.0.2",
-    "webpack": "5.78.0"
+    "storybook": "7.0.4",
+    "webpack": "5.79.0"
   },
   "peerDependencies": {
-    "@storybook/react-webpack5": "7.0.2",
-    "storybook": "7.0.2"
+    "@storybook/react-webpack5": "7.0.4",
+    "storybook": "7.0.4"
   },
   "commitlint": {
     "extends": [