@cloudflare/style-container 8.0.3 → 8.0.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Change Log
 
+## 8.0.5
+
+### Patch Changes
+
+- 1bc29ca267: Fix: Use IS_RELEASE_CANDIDATE to enable a11y source file attributes in preview builds
+
+## 8.0.4
+
+### Patch Changes
+
+- 625b95cb19: Add data-source-file attributes to JSX elements for a11y debugging (non-production only)
+
 ## 8.0.3
 
 ## 8.0.2

package/es/applyStaticStyles.js

@@ -1,5 +1,7 @@
 var _excluded = ["theme"];
 
+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); }
+
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -23,7 +25,9 @@ function applyStaticStyles(staticStyles, ComponentToWrap) {
     var contextTheme = theme || {};
     var result = typeof staticStyles === 'function' ? staticStyles(contextTheme) : staticStyles;
     renderer === null || renderer === void 0 ? void 0 : (_renderer$renderStati = renderer.renderStatic) === null || _renderer$renderStati === void 0 ? void 0 : _renderer$renderStati.call(renderer, result);
-    return /*#__PURE__*/React.createElement(ComponentToWrap, passThroughProps);
+    return /*#__PURE__*/React.createElement(ComponentToWrap, _extends({}, passThroughProps, {
+      "data-source-file": "@cloudflare/style-container:src/applyStaticStyles.tsx:26"
+    }));
   };
 
   var WithThemeHOC = withTheme(CompWithStaticStyles);

package/es/applyTheme.js

@@ -1,3 +1,5 @@
+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); }
+
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 /* eslint-disable behance/no-deprecated */
@@ -19,8 +21,11 @@ function applyTheme(ComponentToWrap) {
   class ThemedComponent extends Component {
     render() {
       return /*#__PURE__*/React.createElement(ThemeProvider, {
-        theme: mergeThemes(this.props.theme || {}, ...themes)
-      }, /*#__PURE__*/React.createElement(ComponentToWrap, this.props));
+        theme: mergeThemes(this.props.theme || {}, ...themes),
+        "data-source-file": "@cloudflare/style-container:src/applyTheme.tsx:31"
+      }, /*#__PURE__*/React.createElement(ComponentToWrap, _extends({}, this.props, {
+        "data-source-file": "@cloudflare/style-container:src/applyTheme.tsx:32"
+      })));
     }
 
   }

package/es/withRenderer.js

@@ -10,7 +10,9 @@ function withRenderer(ComponentToWrap) {
     var renderer = useContext(RendererContext);
     return /*#__PURE__*/React.createElement(ComponentToWrap, _extends({
       renderer: renderer
-    }, props));
+    }, props, {
+      "data-source-file": "@cloudflare/style-container:src/withRenderer.tsx:17"
+    }));
   };
 
   WithRendererComponent.displayName = getReactDisplayName(ComponentToWrap);

package/lib/applyStaticStyles.js

@@ -21,6 +21,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; }
 
+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); }
+
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -36,7 +38,9 @@ function applyStaticStyles(staticStyles, ComponentToWrap) {
     var contextTheme = theme || {};
     var result = typeof staticStyles === 'function' ? staticStyles(contextTheme) : staticStyles;
     renderer === null || renderer === void 0 ? void 0 : (_renderer$renderStati = renderer.renderStatic) === null || _renderer$renderStati === void 0 ? void 0 : _renderer$renderStati.call(renderer, result);
-    return /*#__PURE__*/_react.default.createElement(ComponentToWrap, passThroughProps);
+    return /*#__PURE__*/_react.default.createElement(ComponentToWrap, _extends({}, passThroughProps, {
+      "data-source-file": "@cloudflare/style-container:src/applyStaticStyles.tsx:26"
+    }));
   };
 
   var WithThemeHOC = (0, _reactFela.withTheme)(CompWithStaticStyles);

package/lib/applyTheme.js

@@ -27,6 +27,8 @@ function _construct(Parent, args, Class) { if (_isNativeReflectConstruct()) { _c
 
 function _isNativeFunction(fn) { return Function.toString.call(fn).indexOf("[native code]") !== -1; }
 
+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); }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -73,8 +75,11 @@ function applyTheme(ComponentToWrap) {
       key: "render",
       value: function render() {
         return /*#__PURE__*/_react.default.createElement(_reactFela.ThemeProvider, {
-          theme: _mergeThemes.default.apply(void 0, [this.props.theme || {}].concat(themes))
-        }, /*#__PURE__*/_react.default.createElement(ComponentToWrap, this.props));
+          theme: _mergeThemes.default.apply(void 0, [this.props.theme || {}].concat(themes)),
+          "data-source-file": "@cloudflare/style-container:src/applyTheme.tsx:31"
+        }, /*#__PURE__*/_react.default.createElement(ComponentToWrap, _extends({}, this.props, {
+          "data-source-file": "@cloudflare/style-container:src/applyTheme.tsx:32"
+        })));
       }
     }]);
 

package/lib/withRenderer.js

@@ -26,7 +26,9 @@ function withRenderer(ComponentToWrap) {
     var renderer = (0, _react.useContext)(_reactFela.RendererContext);
     return /*#__PURE__*/_react.default.createElement(ComponentToWrap, _extends({
       renderer: renderer
-    }, props));
+    }, props, {
+      "data-source-file": "@cloudflare/style-container:src/withRenderer.tsx:17"
+    }));
   };
 
   WithRendererComponent.displayName = (0, _reactDisplayName.default)(ComponentToWrap);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudflare/style-container",
   "description": "Cloudflare Style Container",
-  "version": "8.0.3",
+  "version": "8.0.5",
   "main": "lib/index.js",
   "module": "es/index.js",
   "author": "Vojtech Miksu <vojtech@cloudflare.com>",