@luminati-io/uikit 3.0.8-beta.0 → 3.0.8-beta.1

package/dist/umd/uikit.development.js

@@ -22264,6 +22264,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
 /* harmony import */ var _code__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./code */ "./src/code/code.js");
 /* harmony import */ var _copy_button__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./copy_button */ "./src/code/copy_button.js");
+/* harmony import */ var _skeleton__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./skeleton */ "./src/code/skeleton.js");
 // LICENSE_CODE ZON
 
 
@@ -22275,6 +22276,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 var CodeSnippet = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (props, ref) {
   var code = props.code,
     lang = props.lang,
@@ -22282,14 +22284,15 @@ var CodeSnippet = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)
     className = props.className,
     themeProp = props.theme,
     lineNumbers = props.lineNumbers,
-    copyButton = props.copyButton;
+    copyButton = props.copyButton,
+    loading = props.loading;
   var codeRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CodeBlockBody, {
     ref: ref,
     className: className,
     max_height: max_height,
     $theme: themeProp
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_code__WEBPACK_IMPORTED_MODULE_5__["default"], {
+  }, !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_code__WEBPACK_IMPORTED_MODULE_5__["default"], {
     ref: codeRef,
     lang: lang,
     text: code,
@@ -22299,6 +22302,8 @@ var CodeSnippet = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)
     code: code,
     theme: themeProp,
     codeRef: codeRef
+  })), !!loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_7__["default"], {
+    theme: themeProp
   }));
 });
 CodeSnippet.displayName = 'CodeSnippet';
@@ -22311,7 +22316,8 @@ CodeSnippet.propTypes = {
   max_height: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),
   theme: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['black', 'white']),
   lineNumbers: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
-  copyButton: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool)
+  copyButton: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
+  loading: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool)
 };
 var CodeBlockBody = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_layout__WEBPACK_IMPORTED_MODULE_4__.Flex).attrs({
   align_items: 'flex-start',
@@ -22502,6 +22508,78 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+/***/ }),
+
+/***/ "./src/code/skeleton.js":
+/*!******************************!*\
+  !*** ./src/code/skeleton.js ***!
+  \******************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+
+
+var Skeleton = function Skeleton(props) {
+  var themeProp = props.theme;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledSkeleton, {
+    $theme: themeProp
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SkeletonBox, {
+    $theme: themeProp,
+    $width: "53px"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SkeletonBox, {
+    $theme: themeProp,
+    $width: "223px"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SkeletonBox, {
+    $theme: themeProp,
+    $width: "93px"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SkeletonBox, {
+    $theme: themeProp,
+    $width: "93px"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SkeletonBox, {
+    $theme: themeProp,
+    $width: "157px"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SkeletonBox, {
+    $theme: themeProp,
+    $width: "53px"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SkeletonBox, {
+    $theme: themeProp,
+    $width: "90px"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SkeletonBox, {
+    $theme: themeProp,
+    $width: "187px"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SkeletonBox, {
+    $theme: themeProp,
+    $width: "188px"
+  }));
+};
+var StyledSkeleton = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
+  displayName: "StyledSkeleton",
+  componentId: "sc-1v7xkdy-0"
+})(["flex:1;display:flex;flex-wrap:wrap;column-gap:16px;row-gap:12px;}"]);
+var SkeletonBox = styled_components__WEBPACK_IMPORTED_MODULE_1___default().span.withConfig({
+  displayName: "SkeletonBox",
+  componentId: "sc-1v7xkdy-1"
+})(["display:inline-block;height:10px;width:", ";max-width:100%;background:", ";position:relative;overflow:hidden;&::after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);border-radius:2px;background:", ";animation:shimmer 5s infinite;content:'';}@keyframes shimmer{100%{transform:translateX(100%);}}"], function (props) {
+  return props.$width;
+}, function (props) {
+  return props.$theme == 'white' ? '#B4B9BD' : '#333335';
+}, function (props) {
+  return props.$theme == 'white' ? 'linear-gradient(90deg, #B4B9BD 3.16%, #B5BCC6 50.83%, #889096 99.97%,' + ' #B4B9BD 99.97%)' : 'linear-gradient(90deg, #333335 3.16%, #525252 57.39%, #333335 99.97%)';
+});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Skeleton);
+
 /***/ }),
 
 /***/ "./src/combo_button/combo_button.js":