@snack-uikit/code-editor 0.7.17 → 0.7.18-preview-4e8bfebd.0

package/dist/cjs/components/CodeEditor.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -30,25 +32,26 @@ const hooks_1 = require("./hooks");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 const utils_2 = require("./utils");
 function CodeEditor(_a) {
-  var {
-      themeName,
-      className,
-      theme,
-      options,
-      loading,
-      hasBackground = true,
-      onMount,
-      language,
-      onCopyClick,
-      hasHeader
-    } = _a,
+  var themeName = _a.themeName,
+    className = _a.className,
+    theme = _a.theme,
+    options = _a.options,
+    loading = _a.loading,
+    _a$hasBackground = _a.hasBackground,
+    hasBackground = _a$hasBackground === void 0 ? true : _a$hasBackground,
+    onMount = _a.onMount,
+    language = _a.language,
+    onCopyClick = _a.onCopyClick,
+    hasHeader = _a.hasHeader,
     props = __rest(_a, ["themeName", "className", "theme", "options", "loading", "hasBackground", "onMount", "language", "onCopyClick", "hasHeader"]);
   const monaco = (0, react_1.useMonaco)();
-  const [wrapperElement, setWrapperElement] = (0, react_2.useState)(null);
-  const {
-    jsonSchemaProps,
-    jsonSchemaOptions
-  } = (0, hooks_1.useApplyJsonSchema)(language, 'jsonSchema' in props ? props.jsonSchema : undefined);
+  const _ref = (0, react_2.useState)(null),
+    _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+    wrapperElement = _ref2[0],
+    setWrapperElement = _ref2[1];
+  const _ref3 = (0, hooks_1.useApplyJsonSchema)(language, 'jsonSchema' in props ? props.jsonSchema : undefined),
+    jsonSchemaProps = _ref3.jsonSchemaProps,
+    jsonSchemaOptions = _ref3.jsonSchemaOptions;
   const onEditorMount = (0, react_2.useCallback)((editor, monaco) => {
     var _a;
     monaco && (0, utils_1.isBrowser)() && ((_a = document === null || document === void 0 ? void 0 : document.fonts) === null || _a === void 0 ? void 0 : _a.ready.finally(monaco.editor.remeasureFonts));

package/dist/cjs/components/CopyButton/CopyButton.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -25,14 +27,16 @@ const icons_1 = require("@snack-uikit/icons");
 const utils_1 = require("@snack-uikit/utils");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 function CopyButton(_a) {
-  var {
-      valueToCopy,
-      size = 's',
-      className,
-      onClick
-    } = _a,
+  var valueToCopy = _a.valueToCopy,
+    _a$size = _a.size,
+    size = _a$size === void 0 ? 's' : _a$size,
+    className = _a.className,
+    onClick = _a.onClick,
     rest = __rest(_a, ["valueToCopy", "size", "className", "onClick"]);
-  const [isChecked, setIsCheckedOpen] = (0, react_1.useState)(false);
+  const _ref = (0, react_1.useState)(false),
+    _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+    isChecked = _ref2[0],
+    setIsCheckedOpen = _ref2[1];
   const timerId = (0, react_1.useRef)();
   const openChecked = () => setIsCheckedOpen(true);
   const closeChecked = () => setIsCheckedOpen(false);

package/dist/cjs/components/hooks.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -25,14 +27,14 @@ function getThemeVars(styles) {
   };
 }
 function useCalculatedThemeValues(_ref) {
-  let {
-    stylesOriginNode,
-    themeName
-  } = _ref;
-  const [values, setValues] = (0, react_2.useState)(undefined);
-  const {
-    themeClassName
-  } = (0, utils_1.useThemeContext)();
+  let stylesOriginNode = _ref.stylesOriginNode,
+    themeName = _ref.themeName;
+  const _ref2 = (0, react_2.useState)(undefined),
+    _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
+    values = _ref3[0],
+    setValues = _ref3[1];
+  const _ref4 = (0, utils_1.useThemeContext)(),
+    themeClassName = _ref4.themeClassName;
   const trigger = themeName !== null && themeName !== void 0 ? themeName : themeClassName;
   (0, react_2.useEffect)(() => {
     if (stylesOriginNode) {
@@ -44,7 +46,10 @@ function useCalculatedThemeValues(_ref) {
 }
 function useApplyJsonSchema(language, jsonSchema) {
   const monaco = (0, react_1.useMonaco)();
-  const [jsonSchemaOptions, setJsonSchemaOptions] = (0, react_2.useState)({});
+  const _ref5 = (0, react_2.useState)({}),
+    _ref6 = (0, _slicedToArray2.default)(_ref5, 2),
+    jsonSchemaOptions = _ref6[0],
+    setJsonSchemaOptions = _ref6[1];
   const modelPath = jsonSchema === null || jsonSchema === void 0 ? void 0 : jsonSchema.fileMatch;
   const preparedJsonSchema = (0, react_2.useMemo)(() => (0, utils_2.getJsonSchema)(jsonSchema), [jsonSchema]);
   const configureYamlLanguage = (0, react_2.useCallback)(() => {

package/dist/cjs/components/utils.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
   return mod && mod.__esModule ? mod : {
     "default": mod
@@ -15,7 +17,11 @@ exports.uppercaseFirstLetter = uppercaseFirstLetter;
 const chroma_js_1 = __importDefault(require("chroma-js"));
 const constants_1 = require("./constants");
 function rgb2hsl(HTMLcolor) {
-  const [r, g, b] = chroma_js_1.default.valid(HTMLcolor) ? (0, chroma_js_1.default)(HTMLcolor).rgb().map(c => c / 255) : [0, 0, 0];
+  const _ref = chroma_js_1.default.valid(HTMLcolor) ? (0, chroma_js_1.default)(HTMLcolor).rgb().map(c => c / 255) : [0, 0, 0],
+    _ref2 = (0, _slicedToArray2.default)(_ref, 3),
+    r = _ref2[0],
+    g = _ref2[1],
+    b = _ref2[2];
   const max = Math.max(r, g, b),
     min = Math.min(r, g, b);
   let h, s;
@@ -44,7 +50,11 @@ function rgb2hsl(HTMLcolor) {
   return [h, s, l]; // H - цветовой тон, S - насыщенность, L - светлота
 }
 function isDark(color) {
-  const [h, _, l] = rgb2hsl(color);
+  const _rgb2hsl = rgb2hsl(color),
+    _rgb2hsl2 = (0, _slicedToArray2.default)(_rgb2hsl, 3),
+    h = _rgb2hsl2[0],
+    _ = _rgb2hsl2[1],
+    l = _rgb2hsl2[2];
   return h < 0.55 && l >= 0.5 || h >= 0.55 && l >= 0.75;
 }
 const getJsonSchema = jsonSchema => jsonSchema && Object.assign(Object.assign({}, jsonSchema), {

package/package.json

@@ -4,7 +4,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.7.17",
+  "version": "0.7.18-preview-4e8bfebd.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -39,7 +39,7 @@
     "@cloud-ru/ft-copy-to-clipboard": "0.1.0",
     "@monaco-editor/react": "4.6.0",
     "@snack-uikit/button": "0.19.19",
-    "@snack-uikit/icons": "0.27.7",
+    "@snack-uikit/icons": "0.27.8-preview-4e8bfebd.0",
     "@snack-uikit/loaders": "0.9.11",
     "@snack-uikit/typography": "0.8.13",
     "@snack-uikit/utils": "4.0.2",
@@ -50,5 +50,5 @@
   "devDependencies": {
     "@types/chroma-js": "2.4.4"
   },
-  "gitHead": "dfbff14ac89d87d7a86abd70d307e92bf11906cb"
+  "gitHead": "d52534cac02c3b621615686607bfba56762150ac"
 }