@snack-uikit/code-editor 0.4.3 → 0.4.4

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.4.4 (2024-11-27)
+
+
+### Bug Fixes
+
+* **PDS-1023:** fix calc isDark ([8c34b37](https://git.sbercloud.tech/sbercloud-ui/tokens-design-system/snack-uikit/commits/8c34b3758b20ef57c4f68e1dbc0472acf6ef611c))
+
+
+
+
+
 ## 0.4.3 (2024-11-14)
 
 ### Only dependencies have been changed

package/dist/cjs/components/CodeEditor.js

@@ -111,7 +111,7 @@ function CodeEditor(_a) {
   }, (0, utils_1.extractSupportProps)(props), {
     ref: setWrapperElement,
     children: (0, jsx_runtime_1.jsx)(react_1.Editor, Object.assign({}, props, {
-      theme: (theme !== null && theme !== void 0 ? theme : dark) ? 'snackDark' : 'snack',
+      theme: theme !== null && theme !== void 0 ? theme : dark ? 'snackDark' : 'snack',
       className: (0, classnames_1.default)({
         [styles_module_scss_1.default.editor]: hasBackground
       }),

package/dist/cjs/components/utils.js

@@ -1,5 +1,10 @@
 "use strict";
 
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -7,10 +12,9 @@ exports.rgb2hsl = rgb2hsl;
 exports.isDark = isDark;
 exports.initLoaderConfig = initLoaderConfig;
 const react_1 = require("@monaco-editor/react");
+const chroma_js_1 = __importDefault(require("chroma-js"));
 function rgb2hsl(HTMLcolor) {
-  const r = parseInt(HTMLcolor.substring(1, 3), 16) / 255;
-  const g = parseInt(HTMLcolor.substring(3, 5), 16) / 255;
-  const b = parseInt(HTMLcolor.substring(5, 7), 16) / 255;
+  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 max = Math.max(r, g, b),
     min = Math.min(r, g, b);
   let h, s;

package/dist/esm/components/CodeEditor.js

@@ -86,5 +86,5 @@ export function CodeEditor(_a) {
             fontFamily: themeValues.mono.body.s['font-family'],
         }
         : DEFAULT_THEME_OPTIONS.mono.s)), options)), [options, themeValues === null || themeValues === void 0 ? void 0 : themeValues.mono]);
-    return (_jsx("div", Object.assign({ className: className }, extractSupportProps(props), { ref: setWrapperElement, children: _jsx(Editor, Object.assign({}, props, { theme: (theme !== null && theme !== void 0 ? theme : dark) ? 'snackDark' : 'snack', className: cn({ [styles.editor]: hasBackground }), loading: loading !== null && loading !== void 0 ? loading : _jsx(Spinner, {}), options: mergedOptions, onMount: onEditorMount })) })));
+    return (_jsx("div", Object.assign({ className: className }, extractSupportProps(props), { ref: setWrapperElement, children: _jsx(Editor, Object.assign({}, props, { theme: theme !== null && theme !== void 0 ? theme : (dark ? 'snackDark' : 'snack'), className: cn({ [styles.editor]: hasBackground }), loading: loading !== null && loading !== void 0 ? loading : _jsx(Spinner, {}), options: mergedOptions, onMount: onEditorMount })) })));
 }

package/dist/esm/components/utils.js

@@ -1,8 +1,11 @@
 import { loader } from '@monaco-editor/react';
+import chroma from 'chroma-js';
 export function rgb2hsl(HTMLcolor) {
-    const r = parseInt(HTMLcolor.substring(1, 3), 16) / 255;
-    const g = parseInt(HTMLcolor.substring(3, 5), 16) / 255;
-    const b = parseInt(HTMLcolor.substring(5, 7), 16) / 255;
+    const [r, g, b] = chroma.valid(HTMLcolor)
+        ? chroma(HTMLcolor)
+            .rgb()
+            .map(c => c / 255)
+        : [0, 0, 0];
     const max = Math.max(r, g, b), min = Math.min(r, g, b);
     let h, s;
     const l = (max + min) / 2;

package/package.json

@@ -4,7 +4,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.4.3",
+  "version": "0.4.4",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -39,7 +39,11 @@
     "@monaco-editor/react": "4.6.0",
     "@snack-uikit/loaders": "0.8.1",
     "@snack-uikit/utils": "3.5.0",
+    "chroma-js": "3.1.2",
     "classnames": "2.5.1"
   },
-  "gitHead": "b9670e68c6af5fdd5dfceeae29ef3af8c89e5e6b"
+  "devDependencies": {
+    "@types/chroma-js": "2.4.4"
+  },
+  "gitHead": "384206758e2e0c36e025557821f55035662cc9f5"
 }

package/src/components/CodeEditor.tsx

@@ -127,7 +127,7 @@ export function CodeEditor({
     <div className={className} {...extractSupportProps(props)} ref={setWrapperElement}>
       <Editor
         {...props}
-        theme={theme ?? dark ? 'snackDark' : 'snack'}
+        theme={theme ?? (dark ? 'snackDark' : 'snack')}
         className={cn({ [styles.editor]: hasBackground })}
         loading={loading ?? <Spinner />}
         options={mergedOptions}

package/src/components/utils.ts

@@ -1,9 +1,12 @@
 import { loader } from '@monaco-editor/react';
+import chroma from 'chroma-js';
 
 export function rgb2hsl(HTMLcolor: string) {
-  const r = parseInt(HTMLcolor.substring(1, 3), 16) / 255;
-  const g = parseInt(HTMLcolor.substring(3, 5), 16) / 255;
-  const b = parseInt(HTMLcolor.substring(5, 7), 16) / 255;
+  const [r, g, b] = chroma.valid(HTMLcolor)
+    ? chroma(HTMLcolor)
+        .rgb()
+        .map(c => c / 255)
+    : [0, 0, 0];
 
   const max = Math.max(r, g, b),
     min = Math.min(r, g, b);