@storybook/addon-backgrounds 7.0.0-alpha.10 → 7.0.0-alpha.13

package/dist/cjs/containers/BackgroundSelector.js

@@ -60,9 +60,11 @@ const DEFAULT_BACKGROUNDS_CONFIG = {
   values: []
 };
 const BackgroundSelector = /*#__PURE__*/(0, _react.memo)(() => {
+  var _globals$BACKGROUNDS_;
+
   const backgroundsConfig = (0, _api.useParameter)(_constants.PARAM_KEY, DEFAULT_BACKGROUNDS_CONFIG);
   const [globals, updateGlobals] = (0, _api.useGlobals)();
-  const globalsBackgroundColor = globals[_constants.PARAM_KEY]?.value;
+  const globalsBackgroundColor = (_globals$BACKGROUNDS_ = globals[_constants.PARAM_KEY]) === null || _globals$BACKGROUNDS_ === void 0 ? void 0 : _globals$BACKGROUNDS_.value;
   const selectedBackgroundColor = (0, _react.useMemo)(() => {
     return (0, _helpers.getBackgroundColorByName)(globalsBackgroundColor, backgroundsConfig.values, backgroundsConfig.default);
   }, [backgroundsConfig, globalsBackgroundColor]);

package/dist/cjs/containers/GridSelector.js

@@ -18,6 +18,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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 GridSelector = /*#__PURE__*/(0, _react.memo)(() => {
+  var _globals$BACKGROUNDS_;
+
   const [globals, updateGlobals] = (0, _api.useGlobals)();
   const {
     grid
@@ -27,11 +29,11 @@ const GridSelector = /*#__PURE__*/(0, _react.memo)(() => {
     }
   });
 
-  if (grid?.disable) {
+  if (grid !== null && grid !== void 0 && grid.disable) {
     return null;
   }
 
-  const isActive = globals[_constants.PARAM_KEY]?.grid || false;
+  const isActive = ((_globals$BACKGROUNDS_ = globals[_constants.PARAM_KEY]) === null || _globals$BACKGROUNDS_ === void 0 ? void 0 : _globals$BACKGROUNDS_.grid) || false;
   return /*#__PURE__*/_react.default.createElement(_components.IconButton, {
     key: "background",
     active: isActive,

package/dist/cjs/decorators/withBackground.js

@@ -12,11 +12,13 @@ var _constants = require("../constants");
 var _helpers = require("../helpers");
 
 const withBackground = (StoryFn, context) => {
+  var _globals$BACKGROUNDS_;
+
   const {
     globals,
     parameters
   } = context;
-  const globalsBackgroundColor = globals[_constants.PARAM_KEY]?.value;
+  const globalsBackgroundColor = (_globals$BACKGROUNDS_ = globals[_constants.PARAM_KEY]) === null || _globals$BACKGROUNDS_ === void 0 ? void 0 : _globals$BACKGROUNDS_.value;
   const backgroundsConfig = parameters[_constants.PARAM_KEY];
   const selectedBackgroundColor = (0, _addons.useMemo)(() => {
     if (backgroundsConfig.disable) {

package/dist/cjs/decorators/withGrid.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.withGrid = void 0;
 
-var _tsDedent = _interopRequireDefault(require("ts-dedent"));
+var _tsDedent = require("ts-dedent");
 
 var _utilDeprecate = _interopRequireDefault(require("util-deprecate"));
 
@@ -17,7 +17,7 @@ var _constants = require("../constants");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const deprecatedCellSizeWarning = (0, _utilDeprecate.default)(() => {}, (0, _tsDedent.default)`
+const deprecatedCellSizeWarning = (0, _utilDeprecate.default)(() => {}, (0, _tsDedent.dedent)`
     Backgrounds Addon: The cell size parameter has been changed.
 
     - parameters.grid.cellSize should now be parameters.backgrounds.grid.cellSize
@@ -25,12 +25,14 @@ const deprecatedCellSizeWarning = (0, _utilDeprecate.default)(() => {}, (0, _tsD
   `);
 
 const withGrid = (StoryFn, context) => {
+  var _globals$BACKGROUNDS_, _parameters$grid;
+
   const {
     globals,
     parameters
   } = context;
   const gridParameters = parameters[_constants.PARAM_KEY].grid;
-  const isActive = globals[_constants.PARAM_KEY]?.grid === true && gridParameters.disable !== true;
+  const isActive = ((_globals$BACKGROUNDS_ = globals[_constants.PARAM_KEY]) === null || _globals$BACKGROUNDS_ === void 0 ? void 0 : _globals$BACKGROUNDS_.grid) === true && gridParameters.disable !== true;
   const {
     cellAmount,
     cellSize,
@@ -39,7 +41,7 @@ const withGrid = (StoryFn, context) => {
   const isInDocs = context.viewMode === 'docs';
   let gridSize;
 
-  if (parameters.grid?.cellSize) {
+  if ((_parameters$grid = parameters.grid) !== null && _parameters$grid !== void 0 && _parameters$grid.cellSize) {
     gridSize = parameters.grid.cellSize;
     deprecatedCellSizeWarning();
   } else {

package/dist/cjs/helpers/index.js

@@ -7,7 +7,7 @@ exports.isReduceMotionEnabled = exports.getBackgroundColorByName = exports.clear
 
 var _global = _interopRequireDefault(require("global"));
 
-var _tsDedent = _interopRequireDefault(require("ts-dedent"));
+var _tsDedent = require("ts-dedent");
 
 var _clientLogger = require("@storybook/client-logger");
 
@@ -43,7 +43,7 @@ const getBackgroundColorByName = (currentSelectedValue, backgrounds = [], defaul
   if (defaultName) {
     const availableColors = backgrounds.map(background => background.name).join(', ');
 
-    _clientLogger.logger.warn((0, _tsDedent.default)`
+    _clientLogger.logger.warn((0, _tsDedent.dedent)`
         Backgrounds Addon: could not find the default color "${defaultName}".
         These are the available colors for your story based on your configuration:
         ${availableColors}.

package/dist/esm/decorators/withGrid.js

@@ -1,4 +1,4 @@
-import dedent from 'ts-dedent';
+import { dedent } from 'ts-dedent';
 import deprecate from 'util-deprecate';
 import { useMemo, useEffect } from '@storybook/addons';
 import { clearStyles, addGridStyle } from '../helpers';

package/dist/esm/helpers/index.js

@@ -1,5 +1,5 @@
 import global from 'global';
-import dedent from 'ts-dedent';
+import { dedent } from 'ts-dedent';
 import { logger } from '@storybook/client-logger';
 const {
   document,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-backgrounds",
-  "version": "7.0.0-alpha.10",
+  "version": "7.0.0-alpha.13",
   "description": "Switch backgrounds to view components in different settings",
   "keywords": [
     "addon",
@@ -35,22 +35,26 @@
     "*.d.ts"
   ],
   "scripts": {
+    "check": "tsc --noEmit",
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.10",
-    "@storybook/api": "7.0.0-alpha.10",
-    "@storybook/client-logger": "7.0.0-alpha.10",
-    "@storybook/components": "7.0.0-alpha.10",
-    "@storybook/core-events": "7.0.0-alpha.10",
+    "@storybook/addons": "7.0.0-alpha.13",
+    "@storybook/api": "7.0.0-alpha.13",
+    "@storybook/client-logger": "7.0.0-alpha.13",
+    "@storybook/components": "7.0.0-alpha.13",
+    "@storybook/core-events": "7.0.0-alpha.13",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/theming": "7.0.0-alpha.10",
+    "@storybook/theming": "7.0.0-alpha.13",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "memoizerific": "^1.11.3",
     "ts-dedent": "^2.0.0",
     "util-deprecate": "^1.0.2"
   },
+  "devDependencies": {
+    "typescript": "~4.6.3"
+  },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
@@ -66,7 +70,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b13dd8fb52819d73d4983148af8ffc5d683e8b75",
+  "gitHead": "9ac4d2e0a05eb945713a0e6689abc3b12359e181",
   "storybook": {
     "displayName": "Backgrounds",
     "icon": "https://user-images.githubusercontent.com/263385/101991667-479cc600-3c7c-11eb-96d3-410e936252e7.png",