@newhighsco/storybook-preset 5.1.0 → 5.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/README.md +1 -1
  2. package/dist/components/DocsPage/index.js +53 -5
  3. package/package.json +11 -11
  4. package/dist/components/DocsPage/DocsPage.js +0 -53
package/README.md CHANGED
@@ -1,4 +1,4 @@
1
- # storybook-preset [![NPM version](https://img.shields.io/npm/v/@newhighsco/storybook-preset.svg)](https://www.npmjs.com/package/@newhighsco/storybook-preset)
1
+ # storybook-preset [![NPM version](https://img.shields.io/npm/v/@newhighsco/storybook-preset.svg)](https://www.npmjs.com/package/@newhighsco/storybook-preset) [![Storybook](https://raw.githubusercontent.com/storybooks/brand/master/badge/badge-storybook.svg)](https://storybook-preset.newhighsco.re/)
2
2
 
3
3
  New High Score [shareable preset](https://storybook.js.org/docs/presets/introduction/) for [Storybook](https://storybook.js.org/)
4
4
 
package/dist/components/DocsPage/index.js CHANGED
@@ -1,12 +1,60 @@
1
1
  "use strict";
2
2
 
3
+ 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); }
3
4
  Object.defineProperty(exports, "__esModule", {
4
5
  value: true
5
6
  });
6
- exports["default"] = exports.DocsPage = void 0;
7
+ exports["default"] = void 0;
8
+ var _blocks = require("@storybook/blocks");
7
9
  var _theming = require("@storybook/theming");
8
- var _DocsPage = require("./DocsPage");
9
- var WithTheme = (0, _theming.withTheme)(_DocsPage.DocsPage);
10
- exports.DocsPage = WithTheme;
11
- var _default = WithTheme;
10
+ var _propTypes = require("prop-types");
11
+ var _react = _interopRequireWildcard(require("react"));
12
+ var _storybookDarkMode = require("storybook-dark-mode");
13
+ 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); }
14
+ 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; }
15
+ var DocsPage = function DocsPage(_ref) {
16
+ var _stories;
17
+ var _ref$theme = _ref.theme,
18
+ theme = _ref$theme === void 0 ? {} : _ref$theme;
19
+ var dark = (0, _storybookDarkMode.useDarkMode)();
20
+ var _useContext = (0, _react.useContext)(_blocks.DocsContext),
21
+ componentStories = _useContext.componentStories;
22
+ var stories = componentStories().filter(function (story) {
23
+ var _story$parameters, _story$parameters$doc;
24
+ 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);
25
+ });
26
+ var sourceStory = stories.find(function (_ref2) {
27
+ var name = _ref2.name;
28
+ return name === 'Source';
29
+ }) || stories[0];
30
+ var source = sourceStory.moduleExport;
31
+ stories = stories.filter(function (story) {
32
+ return story !== sourceStory;
33
+ });
34
+ 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", {
35
+ style: {
36
+ display: 'none'
37
+ }
38
+ }, /*#__PURE__*/_react["default"].createElement(_blocks.Story, {
39
+ of: source
40
+ })), /*#__PURE__*/_react["default"].createElement(_blocks.Source, {
41
+ of: source,
42
+ dark: !dark
43
+ }), /*#__PURE__*/_react["default"].createElement(_blocks.Controls, {
44
+ of: source
45
+ }), !!((_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 (_ref3) {
46
+ var id = _ref3.id,
47
+ moduleExport = _ref3.moduleExport;
48
+ return /*#__PURE__*/_react["default"].createElement(_blocks.Canvas, {
49
+ key: id,
50
+ of: moduleExport,
51
+ withToolbar: true,
52
+ className: theme.base
53
+ });
54
+ })));
55
+ };
56
+ DocsPage.propTypes = {
57
+ theme: _propTypes.object
58
+ };
59
+ var _default = (0, _theming.withTheme)(DocsPage);
12
60
  exports["default"] = _default;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@newhighsco/storybook-preset",
3
3
  "description": "New High Score shareable Storybook preset",
4
- "version": "5.1.0",
4
+ "version": "5.1.2",
5
5
  "author": "New High Score <hello@newhighsco.re>",
6
6
  "license": "ISC",
7
7
  "repository": {
@@ -36,12 +36,12 @@
36
36
  "format:js": "yarn lint:js --fix"
37
37
  },
38
38
  "dependencies": {
39
- "@storybook/addon-actions": "7.0.4",
40
- "@storybook/addon-backgrounds": "7.0.4",
41
- "@storybook/addon-docs": "7.0.4",
42
- "@storybook/addon-links": "7.0.4",
39
+ "@storybook/addon-actions": "7.0.5",
40
+ "@storybook/addon-backgrounds": "7.0.5",
41
+ "@storybook/addon-docs": "7.0.5",
42
+ "@storybook/addon-links": "7.0.5",
43
43
  "@storybook/addon-postcss": "2.0.0",
44
- "@storybook/addons": "7.0.4",
44
+ "@storybook/addons": "7.0.5",
45
45
  "@storybook/preset-scss": "1.0.3",
46
46
  "@svgr/webpack": "7.0.0",
47
47
  "new-url-loader": "0.1.1",
@@ -56,13 +56,13 @@
56
56
  "@babel/core": "7.21.4",
57
57
  "@babel/preset-env": "7.21.4",
58
58
  "@babel/preset-react": "7.18.6",
59
- "@commitlint/cli": "17.5.1",
59
+ "@commitlint/cli": "17.6.1",
60
60
  "@newhighsco/commitlint-config": "1.1.15",
61
61
  "@newhighsco/editor-config": "1.2.0",
62
62
  "@newhighsco/eslint-config": "4.0.27",
63
63
  "@newhighsco/prettier-config": "2.1.10",
64
64
  "@newhighsco/release-config": "1.3.17",
65
- "@storybook/react-webpack5": "7.0.4",
65
+ "@storybook/react-webpack5": "7.0.5",
66
66
  "chromatic": "6.17.3",
67
67
  "eslint": "8.38.0",
68
68
  "husky": "8.0.3",
@@ -73,12 +73,12 @@
73
73
  "react": "18.2.0",
74
74
  "react-dom": "18.2.0",
75
75
  "semantic-release": "21.0.1",
76
- "storybook": "7.0.4",
76
+ "storybook": "7.0.5",
77
77
  "webpack": "5.79.0"
78
78
  },
79
79
  "peerDependencies": {
80
- "@storybook/react-webpack5": "7.0.4",
81
- "storybook": "7.0.4"
80
+ "@storybook/react-webpack5": "7.0.5",
81
+ "storybook": "7.0.5"
82
82
  },
83
83
  "commitlint": {
84
84
  "extends": [
package/dist/components/DocsPage/DocsPage.js DELETED
@@ -1,53 +0,0 @@
1
- "use strict";
2
-
3
- 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); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.DocsPage = void 0;
8
- var _blocks = require("@storybook/blocks");
9
- var _theming = require("@storybook/theming");
10
- var _propTypes = require("prop-types");
11
- var _react = _interopRequireWildcard(require("react"));
12
- 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); }
13
- 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; }
14
- var DocsPage = function DocsPage(_ref) {
15
- var _stories;
16
- var _ref$theme = _ref.theme,
17
- theme = _ref$theme === void 0 ? {} : _ref$theme;
18
- var _useContext = (0, _react.useContext)(_blocks.DocsContext),
19
- componentStories = _useContext.componentStories;
20
- var stories = componentStories().filter(function (story) {
21
- var _story$parameters, _story$parameters$doc;
22
- 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);
23
- });
24
- var sourceStory = stories.find(function (_ref2) {
25
- var name = _ref2.name;
26
- return name === 'Source';
27
- }) || stories[0];
28
- stories = stories.filter(function (story) {
29
- return story !== sourceStory;
30
- });
31
- 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", {
32
- style: {
33
- display: 'none'
34
- }
35
- }, /*#__PURE__*/_react["default"].createElement(_blocks.DocsStory, {
36
- of: sourceStory.moduleExport
37
- })), /*#__PURE__*/_react["default"].createElement(_blocks.Source, {
38
- of: sourceStory.moduleExport,
39
- dark: theme.base !== _theming.themes.dark.base
40
- }), /*#__PURE__*/_react["default"].createElement(_blocks.Controls, {
41
- sof: sourceStory.moduleExport
42
- }), !!((_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) {
43
- return story && /*#__PURE__*/_react["default"].createElement(_blocks.DocsStory, {
44
- key: story.id,
45
- of: story.moduleExport,
46
- withToolbar: true
47
- });
48
- })));
49
- };
50
- exports.DocsPage = DocsPage;
51
- DocsPage.propTypes = {
52
- theme: _propTypes.object
53
- };