@newhighsco/storybook-preset 4.5.74 → 5.0.0

package/dist/addons/preset-svgr/index.js

@@ -6,7 +6,7 @@ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread n
 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; }
+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; }
 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; }

package/dist/components/DocsContainer/index.js

@@ -4,41 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _addonDocs = require("@storybook/addon-docs");
+var _blocks = require("@storybook/blocks");
 var _theming = require("@storybook/theming");
-var _propTypes = require("prop-types");
 var _react = _interopRequireDefault(require("react"));
 var _storybookDarkMode = require("storybook-dark-mode");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-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); }
-var DocsContainer = function DocsContainer(_ref) {
-  var context = _ref.context,
-    children = _ref.children;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 DocsContainer = function DocsContainer(props) {
   var dark = (0, _storybookDarkMode.useDarkMode)();
-  return /*#__PURE__*/_react["default"].createElement(_addonDocs.DocsContainer, {
-    context: _objectSpread(_objectSpread({}, context), {}, {
-      storyById: function storyById(id) {
-        var _storyContext$paramet;
-        var storyContext = context.storyById(id);
-        return _objectSpread(_objectSpread({}, storyContext), {}, {
-          parameters: _objectSpread(_objectSpread({}, storyContext === null || storyContext === void 0 ? void 0 : storyContext.parameters), {}, {
-            docs: _objectSpread(_objectSpread({}, storyContext === null || storyContext === void 0 ? void 0 : (_storyContext$paramet = storyContext.parameters) === null || _storyContext$paramet === void 0 ? void 0 : _storyContext$paramet.docs), {}, {
-              theme: dark ? _theming.themes.dark : _theming.themes.light
-            })
-          })
-        });
-      }
-    })
-  }, children);
-};
-DocsContainer.propTypes = {
-  context: _propTypes.object,
-  children: _propTypes.node
+  return /*#__PURE__*/_react["default"].createElement(_blocks.DocsContainer, _extends({}, props, {
+    theme: dark ? _theming.themes.dark : _theming.themes.light
+  }));
 };
 var _default = DocsContainer;
 exports["default"] = _default;

package/dist/components/DocsPage/DocsPage.js

@@ -5,20 +5,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DocsPage = void 0;
-var _addonDocs = require("@storybook/addon-docs");
+var _blocks = require("@storybook/blocks");
 var _theming = require("@storybook/theming");
 var _propTypes = require("prop-types");
 var _react = _interopRequireWildcard(require("react"));
 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); }
 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; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 DocsPage = function DocsPage(_ref) {
   var _stories;
   var _ref$theme = _ref.theme,
     theme = _ref$theme === void 0 ? {} : _ref$theme;
-  var _useContext = (0, _react.useContext)(_addonDocs.DocsContext),
+  var _useContext = (0, _react.useContext)(_blocks.DocsContext),
     componentStories = _useContext.componentStories;
-  var stories = componentStories();
+  var stories = componentStories().filter(function (story) {
+    var _story$parameters, _story$parameters$doc;
+    return !((_story$parameters = story.parameters) !== null && _story$parameters !== void 0 && (_story$parameters$doc = _story$parameters.docs) !== null && _story$parameters$doc !== void 0 && _story$parameters$doc.disable);
+  });
   var sourceStory = stories.find(function (_ref2) {
     var name = _ref2.name;
     return name === 'Source';
@@ -26,23 +28,23 @@ var DocsPage = function DocsPage(_ref) {
   stories = stories.filter(function (story) {
     return story !== sourceStory;
   });
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_addonDocs.Title, null), /*#__PURE__*/_react["default"].createElement(_addonDocs.Subtitle, null), /*#__PURE__*/_react["default"].createElement(_addonDocs.Description, null), /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_blocks.Title, null), /*#__PURE__*/_react["default"].createElement(_blocks.Subtitle, null), /*#__PURE__*/_react["default"].createElement(_blocks.Description, null), /*#__PURE__*/_react["default"].createElement("div", {
     style: {
       display: 'none'
     }
-  }, /*#__PURE__*/_react["default"].createElement(_addonDocs.Primary, {
-    name: sourceStory.name
-  })), /*#__PURE__*/_react["default"].createElement(_addonDocs.Source, {
-    id: sourceStory.id,
+  }, /*#__PURE__*/_react["default"].createElement(_blocks.DocsStory, {
+    of: sourceStory.moduleExport
+  })), /*#__PURE__*/_react["default"].createElement(_blocks.Source, {
+    of: sourceStory.moduleExport,
     dark: theme.base !== _theming.themes.dark.base
-  }), /*#__PURE__*/_react["default"].createElement(_addonDocs.ArgsTable, {
-    story: _addonDocs.PRIMARY_STORY
-  }), !!((_stories = stories) !== null && _stories !== void 0 && _stories.length) && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_addonDocs.Heading, null, "Stories"), stories.map(function (story) {
-    return story && /*#__PURE__*/_react["default"].createElement(_addonDocs.DocsStory, _extends({
-      key: story.id
-    }, story, {
+  }), /*#__PURE__*/_react["default"].createElement(_blocks.ArgTypes, {
+    of: sourceStory.moduleExport
+  }), !!((_stories = stories) !== null && _stories !== void 0 && _stories.length) && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_blocks.Heading, null, "Stories"), stories.map(function (story) {
+    return story && /*#__PURE__*/_react["default"].createElement(_blocks.DocsStory, {
+      key: story.id,
+      of: story.moduleExport,
       withToolbar: true
-    }));
+    });
   })));
 };
 exports.DocsPage = DocsPage;

package/dist/index.js

@@ -1,18 +1,23 @@
 "use strict";
 
+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; }
+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;
 var addons = ['@storybook/addon-actions', '@storybook/addon-backgrounds', {
   name: '@storybook/addon-docs',
   options: {
-    configureJSX: true,
-    transcludeMarkdown: true
+    configureJSX: true
   }
 }, '@storybook/addon-links', {
   name: '@storybook/addon-postcss',
@@ -36,11 +41,17 @@ var addons = ['@storybook/addon-actions', '@storybook/addon-backgrounds', {
     transpileModules: ['@newhighsco/chipset']
   }
 }];
-var config = function config() {
+var previewAnnotations = function previewAnnotations() {
   var entry = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   return [].concat(_toConsumableArray(entry), [resolve(__dirname, './preview')]);
 };
+var core = function core(config) {
+  return _objectSpread(_objectSpread({}, config), {}, {
+    disableTelemetry: true
+  });
+};
 module.exports = {
   addons: addons,
-  config: config
+  previewAnnotations: previewAnnotations,
+  core: core
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@newhighsco/storybook-preset",
   "description": "New High Score shareable Storybook preset",
-  "version": "4.5.74",
+  "version": "5.0.0",
   "author": "New High Score <hello@newhighsco.re>",
   "license": "ISC",
   "repository": {
@@ -19,12 +19,12 @@
   ],
   "scripts": {
     "prestart": "yarn build",
-    "start": "start-storybook --port 6006 --docs --no-manager-cache",
+    "start": "storybook dev --port 6006 --docs",
     "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",
-    "build:storybook": "build-storybook --output-dir build --docs --quiet",
+    "build:storybook": "storybook build --output-dir build --docs --quiet",
     "pretest": "yarn lint",
     "test": "npm-run-all --parallel test:*",
     "test:js": "jest --coverage",
@@ -36,38 +36,37 @@
     "format:js": "yarn lint:js --fix"
   },
   "dependencies": {
-    "@storybook/addon-actions": "6.5.16",
-    "@storybook/addon-backgrounds": "6.5.16",
-    "@storybook/addon-docs": "6.5.16",
-    "@storybook/addon-links": "6.5.16",
+    "@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-postcss": "2.0.0",
-    "@storybook/addons": "6.5.16",
+    "@storybook/addons": "7.0.2",
     "@storybook/preset-scss": "1.0.3",
     "@svgr/webpack": "7.0.0",
     "new-url-loader": "0.1.1",
     "postcss": "8.4.21",
     "react-is": "18.2.0",
-    "sass": "1.60.0",
+    "sass": "1.61.0",
     "sass-loader": "13.2.2",
-    "storybook-dark-mode": "2.1.1"
+    "storybook-dark-mode": "3.0.0"
   },
   "devDependencies": {
     "@babel/cli": "7.21.0",
-    "@babel/core": "7.21.3",
-    "@babel/preset-env": "7.20.2",
+    "@babel/core": "7.21.4",
+    "@babel/preset-env": "7.21.4",
     "@babel/preset-react": "7.18.6",
-    "@commitlint/cli": "17.5.0",
+    "@commitlint/cli": "17.5.1",
     "@newhighsco/commitlint-config": "1.1.15",
     "@newhighsco/editor-config": "1.2.0",
     "@newhighsco/eslint-config": "4.0.27",
     "@newhighsco/prettier-config": "2.1.10",
     "@newhighsco/release-config": "1.3.17",
-    "@storybook/builder-webpack5": "6.5.16",
-    "@storybook/manager-webpack5": "6.5.16",
-    "@storybook/react": "6.5.16",
+    "@storybook/react": "7.0.2",
+    "@storybook/react-webpack5": "7.0.2",
     "babel-loader": "9.1.2",
-    "chromatic": "6.17.2",
-    "eslint": "8.36.0",
+    "chromatic": "6.17.3",
+    "eslint": "8.38.0",
     "husky": "8.0.3",
     "is-ci": "3.0.1",
     "jest": "29.5.0",
@@ -75,11 +74,14 @@
     "prettier": "2.8.7",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "semantic-release": "21.0.0",
-    "webpack": "5.76.3"
+    "semantic-release": "21.0.1",
+    "storybook": "7.0.2",
+    "webpack": "5.78.0"
   },
   "peerDependencies": {
-    "@storybook/react": "6.5.16"
+    "@storybook/react": "7.0.2",
+    "@storybook/react-webpack5": "7.0.2",
+    "storybook": "7.0.2"
   },
   "commitlint": {
     "extends": [