@keboola/design 6.3.0 → 6.5.0

package/dist/editors.js

@@ -241,6 +241,7 @@ var Tooltip = ({
   placement = "right",
   forceHide = false,
   forceShow = false,
+  delayDuration,
   // trigger props
   triggerAsChild = false
 }) => {
@@ -260,6 +261,7 @@ var Tooltip = ({
     {
       open: !!tooltip && (open || forceShow) && !forceHide,
       onOpenChange: setOpen,
+      delayDuration,
       disableHoverableContent: isActionVariant,
       children: [
         /* @__PURE__ */ jsx(
@@ -311,7 +313,8 @@ var HelpBlock = ({ children, className, state = "default", ...rest }) => {
 var icons_exports = {};
 __export(icons_exports, {
   Google: () => Google,
-  Keboola: () => Keboola
+  Keboola: () => Keboola,
+  Microsoft: () => Microsoft
 });
 __reExport(icons_exports, lucide_react_star);
 var Google = forwardRef(
@@ -370,6 +373,7 @@ var Keboola = forwardRef(
       width: size,
       height: size,
       viewBox: "0 0 300 512",
+      overflow: "visible",
       fill: color,
       className: cn("lucide", className),
       ...rest,
@@ -381,6 +385,29 @@ var Keboola = forwardRef(
   )
 );
 Keboola.displayName = "Keboola";
+var Microsoft = forwardRef(
+  ({ size = 24, className, children, ...rest }, ref) => /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      ref,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 21 21",
+      fill: "none",
+      className: cn("lucide", className),
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx("rect", { x: "0", y: "0", width: "10", height: "10", fill: "#F25022" }),
+        /* @__PURE__ */ jsx("rect", { x: "11", y: "0", width: "10", height: "10", fill: "#7FBA00" }),
+        /* @__PURE__ */ jsx("rect", { x: "0", y: "11", width: "10", height: "10", fill: "#00A4EF" }),
+        /* @__PURE__ */ jsx("rect", { x: "11", y: "11", width: "10", height: "10", fill: "#FFB900" }),
+        children
+      ]
+    }
+  )
+);
+Microsoft.displayName = "Microsoft";
 var variants = cva(
   [
     "tailwindcss-preflight",
@@ -911,14 +938,9 @@ var getLanguageMode = (mode) => {
       return json();
   }
 };
+var shouldLintJson = (mode, readOnly) => mode === "application/json" && !readOnly;
 var KbdSeparator = ({ className, ...props }) => /* @__PURE__ */ jsx("span", { ...props, className: cn("tw-text-xs tw-text-muted-foreground", className) });
-var KbdGroup = ({
-  ref,
-  className,
-  children,
-  separator,
-  ...props
-}) => {
+var KbdGroup = ({ ref, className, children, separator, ...props }) => {
   return /* @__PURE__ */ jsx(
     "kbd",
     {
@@ -1009,7 +1031,7 @@ var CodeEditor = ({
   const commonExtensions = useMemo(() => {
     return [
       getLanguageMode(mode),
-      mode === "application/json" && linter(jsonParseLinter()),
+      shouldLintJson(mode, readOnly) && linter(jsonParseLinter()),
       withLineWrapping ? EditorView.lineWrapping : [],
       EditorState.languageData.of(() => [
         { autocomplete: completeAny ? completeAnyWord : autocompletions }
@@ -1027,7 +1049,7 @@ var CodeEditor = ({
       autocompletion({ activateOnTyping: completeAny }),
       baseTheme
     ].filter(Boolean);
-  }, [autocompletions, completeAny, extraKeys, mode, withLineWrapping, baseTheme]);
+  }, [autocompletions, completeAny, extraKeys, mode, readOnly, withLineWrapping, baseTheme]);
   const extensions = useMemo(() => {
     return [
       ...commonExtensions,