@semcore/skeleton 16.0.1 → 16.0.2-prerelease.3

package/lib/esm/Skeleton.mjs

@@ -1,37 +1,41 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
-import React from "react";
-import { Box } from "@semcore/flex-box";
-import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
 import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
+import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
+import { Box } from "@semcore/flex-box";
+import React from "react";
 import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
 var _excluded = ["y", "x", "amount", "width", "styles", "forwardRef"];
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
 /*!__reshadow-styles__:"./style/skeleton.shadow.css"*/
 var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    "@keyframes pulse_16fxm{0%,to{opacity:1}50%{opacity:.4}}.___SSkeleton_16fxm_gg_{animation-name:pulse_16fxm;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_16fxm);will-change:opacity}.___SSkeletonSVG_16fxm_gg_._theme_invert_16fxm_gg_{fill:var(--intergalactic-skeleton-bg, rgba(224, 225, 233, 0.8))}.___SSkeletonSVG_16fxm_gg_._theme_dark_16fxm_gg_{fill:var(--intergalactic-skeleton-bg-invert, rgba(255, 255, 255, 0.3))}.___SText_16fxm_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_16fxm_gg_{animation-name:none}}",
+    "@keyframes pulse_1p0y7{0%,to{opacity:1}50%{opacity:.4}}.___SSkeleton_1p0y7_gg_{animation-name:pulse_1p0y7;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_1p0y7);will-change:opacity}.___SSkeletonSVG_1p0y7_gg_._theme_invert_1p0y7_gg_{fill:var(--intergalactic-skeleton-bg, rgba(224, 225, 233, 0.8))}.___SSkeletonSVG_1p0y7_gg_._theme_dark_1p0y7_gg_{fill:var(--intergalactic-skeleton-bg-invert, rgba(255, 255, 255, 0.3))}.___SText_1p0y7_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_1p0y7_gg_{animation-name:none}}",
     /*__inner_css_end__*/
-    "16fxm_gg_"
+    "1p0y7_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SSkeleton": "___SSkeleton_16fxm_gg_",
-    "--durationAnim": "--durationAnim_16fxm",
-    "@pulse": "pulse_16fxm",
-    "__SSkeletonSVG": "___SSkeletonSVG_16fxm_gg_",
-    "_theme_invert": "_theme_invert_16fxm_gg_",
-    "_theme_dark": "_theme_dark_16fxm_gg_",
-    "__SText": "___SText_16fxm_gg_"
+    "__SSkeleton": "___SSkeleton_1p0y7_gg_",
+    "--durationAnim": "--durationAnim_1p0y7",
+    "@pulse": "pulse_1p0y7",
+    "__SSkeletonSVG": "___SSkeletonSVG_1p0y7_gg_",
+    "_theme_invert": "_theme_invert_1p0y7_gg_",
+    "_theme_dark": "_theme_dark_1p0y7_gg_",
+    "__SText": "___SText_1p0y7_gg_"
   })
 );
 var MAP_COLOR_THEME = {
@@ -39,21 +43,17 @@ var MAP_COLOR_THEME = {
   invert: "rgba(224, 225, 233, 0.8)"
 };
 var SkeletonRoot = /* @__PURE__ */ function(_Component) {
-  _inherits(SkeletonRoot2, _Component);
-  var _super = _createSuper(SkeletonRoot2);
   function SkeletonRoot2() {
     _classCallCheck(this, SkeletonRoot2);
-    return _super.apply(this, arguments);
+    return _callSuper(this, SkeletonRoot2, arguments);
   }
-  _createClass(SkeletonRoot2, [{
+  _inherits(SkeletonRoot2, _Component);
+  return _createClass(SkeletonRoot2, [{
     key: "render",
     value: function render() {
       var _ref = this.asProps, _ref3;
       var SSkeleton = Box;
-      var _this$asProps = this.asProps;
-      _this$asProps.Children;
-      var styles = _this$asProps.styles, duration = _this$asProps.duration, hidden = _this$asProps.hidden, getI18nText = _this$asProps.getI18nText;
-      _this$asProps.tag;
+      var _this$asProps = this.asProps, styles = _this$asProps.styles, duration = _this$asProps.duration, hidden = _this$asProps.hidden, getI18nText = _this$asProps.getI18nText;
       if (hidden) return null;
       return _ref3 = sstyled(styles), /* @__PURE__ */ React.createElement(SSkeleton, _ref3.cn("SSkeleton", _objectSpread({}, assignProps({
         "durationAnim": "".concat(duration, "ms"),
@@ -62,7 +62,6 @@ var SkeletonRoot = /* @__PURE__ */ function(_Component) {
       }, _ref))));
     }
   }]);
-  return SkeletonRoot2;
 }(Component);
 _defineProperty(SkeletonRoot, "displayName", "Skeleton");
 _defineProperty(SkeletonRoot, "style", style);
@@ -73,29 +72,28 @@ _defineProperty(SkeletonRoot, "defaultProps", {
   duration: 2e3
 });
 var SkeletonSVG = /* @__PURE__ */ function(_Component2) {
-  _inherits(SkeletonSVG2, _Component2);
-  var _super2 = _createSuper(SkeletonSVG2);
   function SkeletonSVG2(props) {
     var _this;
     _classCallCheck(this, SkeletonSVG2);
-    _this = _super2.call(this, props);
-    _defineProperty(_assertThisInitialized(_this), "svgRef", /* @__PURE__ */ React.createRef());
+    _this = _callSuper(this, SkeletonSVG2, [props]);
+    _defineProperty(_this, "svgRef", /* @__PURE__ */ React.createRef());
     if (canUseDOM() && props.observeParentSize) {
-      _this.observer = new ResizeObserver(_this.handleResize.bind(_assertThisInitialized(_this)));
+      _this.observer = new ResizeObserver(_this.handleResize.bind(_this));
     }
     return _this;
   }
-  _createClass(SkeletonSVG2, [{
+  _inherits(SkeletonSVG2, _Component2);
+  return _createClass(SkeletonSVG2, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this$observer, _this$svgRef$current;
-      (_this$observer = this.observer) === null || _this$observer === void 0 ? void 0 : _this$observer.observe((_this$svgRef$current = this.svgRef.current) === null || _this$svgRef$current === void 0 ? void 0 : _this$svgRef$current.parentElement);
+      (_this$observer = this.observer) === null || _this$observer === void 0 || _this$observer.observe((_this$svgRef$current = this.svgRef.current) === null || _this$svgRef$current === void 0 ? void 0 : _this$svgRef$current.parentElement);
     }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       var _this$observer2;
-      (_this$observer2 = this.observer) === null || _this$observer2 === void 0 ? void 0 : _this$observer2.disconnect();
+      (_this$observer2 = this.observer) === null || _this$observer2 === void 0 || _this$observer2.disconnect();
     }
   }, {
     key: "handleResize",
@@ -137,7 +135,6 @@ var SkeletonSVG = /* @__PURE__ */ function(_Component2) {
       })));
     }
   }]);
-  return SkeletonSVG2;
 }(Component);
 _defineProperty(SkeletonSVG, "displayName", "SkeletonSVG");
 _defineProperty(SkeletonSVG, "enhance", [uniqueIDEnhancement()]);
@@ -159,7 +156,7 @@ function Text(props) {
       "height": "8"
     }, props2)));
   };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, _toConsumableArray(Array(amountLine)).map(function(el, index) {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, _toConsumableArray(Array(amountLine)).map(function(_el, index) {
     return renderRect(_objectSpread({
       key: index,
       y: y || 20 * index,

package/lib/esm/translations/__intergalactic-dynamic-locales.mjs

@@ -6,12 +6,12 @@ import it from "./it.json.mjs";
 import ja from "./ja.json.mjs";
 import ko from "./ko.json.mjs";
 import nl from "./nl.json.mjs";
+import pl from "./pl.json.mjs";
 import pt from "./pt.json.mjs";
+import sv from "./sv.json.mjs";
 import tr from "./tr.json.mjs";
 import vi from "./vi.json.mjs";
 import zh from "./zh.json.mjs";
-import pl from "./pl.json.mjs";
-import sv from "./sv.json.mjs";
 var localizedMessages = {
   de,
   en,

package/lib/types/index.d.ts

@@ -1,6 +1,6 @@
-import { BoxProps } from '@semcore/flex-box';
-import { Intergalactic, UnknownProperties } from '@semcore/core';
-import { UniqueIDProps } from '@semcore/core/lib/utils/uniqueID';
+import type { Intergalactic, UnknownProperties } from '@semcore/core';
+import type { UniqueIDProps } from '@semcore/core/lib/utils/uniqueID';
+import type { BoxProps } from '@semcore/flex-box';
 
 /** @deprecated */
 export interface ISkeletonProps extends SkeletonProps, UnknownProperties {}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/skeleton",
   "description": "Semrush Skeleton Component",
-  "version": "16.0.1",
+  "version": "16.0.2-prerelease.3",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "types": "lib/types/index.d.ts",
@@ -14,10 +14,10 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/flex-box": "16.0.1"
+    "@semcore/flex-box": "16.0.2-prerelease.3"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^16.0.0"
+    "@semcore/base-components": "^16.0.2-prerelease.3"
   },
   "repository": {
     "type": "git",
@@ -25,7 +25,7 @@
     "directory": "semcore/skeleton"
   },
   "devDependencies": {
-    "@types/react": "18.0.21",
+    "@semcore/core": "16.0.0",
     "@semcore/testing-utils": "1.0.0"
   },
   "scripts": {