@dovetail-v2/refine 0.2.2 → 0.2.3

package/dist/style.css

@@ -1679,202 +1679,6 @@
 
 .v1ixr1me {
   color: #00122E;
-}.pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main {
-  --pf-v5-global--Color--100: var(--pf-v5-global--Color--light-100);
-  --pf-v5-global--Color--200: var(--pf-v5-global--Color--light-200);
-  --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--light-100);
-  --pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--light-100);
-  --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--light);
-  --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--light);
-  --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--dark-100);
-  --pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--light);
-  --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--light);
-}
-.pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
-  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--dark-100);
-}
-
-.pf-v5-c-log-viewer {
-  --pf-v5-c-log-viewer--Height: 100%;
-  --pf-v5-c-log-viewer--MaxHeight: auto;
-  --pf-v5-c-log-viewer--m-line-numbers__index--Display: inline;
-  --pf-v5-c-log-viewer__header--MarginBottom: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-log-viewer__main--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-  --pf-v5-c-log-viewer__main--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
-  --pf-v5-c-log-viewer__main--BorderColor: var(--pf-v5-global--BorderColor--100);
-  --pf-v5-c-log-viewer__scroll-container--Height: 37.5rem;
-  --pf-v5-c-log-viewer__scroll-container--PaddingTop: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-log-viewer__scroll-container--PaddingBottom: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-log-viewer--m-line-numbers__main--before--Top: 0;
-  --pf-v5-c-log-viewer--m-line-numbers__main--before--Bottom: 0;
-  --pf-v5-c-log-viewer--m-line-numbers__main--before--Width: var(--pf-v5-global--BorderWidth--sm);
-  --pf-v5-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-v5-global--BorderColor--100);
-  --pf-v5-c-log-viewer__list--Height: auto;
-  --pf-v5-c-log-viewer--m-line-numbers__list--Left: var(--pf-v5-c-log-viewer__index--Width);
-  --pf-v5-c-log-viewer__list--FontFamily: var(--pf-v5-global--FontFamily--monospace);
-  --pf-v5-c-log-viewer__list--FontSize: var(--pf-v5-global--FontSize--sm);
-  --pf-v5-c-log-viewer__index--Display: none;
-  --pf-v5-c-log-viewer__index--Width: 4.0625rem;
-  --pf-v5-c-log-viewer__index--PaddingRight: var(--pf-v5-global--spacer--xl);
-  --pf-v5-c-log-viewer__index--PaddingLeft: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-log-viewer__index--Color: var(--pf-v5-global--Color--200);
-  --pf-v5-c-log-viewer__index--BackgroundColor: transparent;
-  --pf-v5-c-log-viewer--line-number-chars: 4.4;
-  --pf-v5-c-log-viewer--m-line-number-chars__index--PaddingRight: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-log-viewer--m-line-number-chars__index--Width: calc(1ch * var(--pf-v5-c-log-viewer--line-number-chars) + var(--pf-v5-c-log-viewer__index--PaddingRight) + var(--pf-v5-c-log-viewer__index--PaddingLeft));
-  --pf-v5-c-log-viewer__text--PaddingRight: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-log-viewer__text--PaddingLeft: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-log-viewer__text--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-log-viewer__text--WordBreak: break-all;
-  --pf-v5-c-log-viewer__text--WhiteSpace: break-spaces;
-  --pf-v5-c-log-viewer__text--LineBreak: anywhere;
-  --pf-v5-c-log-viewer--m-nowrap__text--WhiteSpace: nowrap;
-  --pf-v5-c-log-viewer__string--m-match--Color: var(--pf-v5-global--palette--gold-700);
-  --pf-v5-c-log-viewer__string--m-match--BackgroundColor: var(--pf-v5-global--palette--gold-100);
-  --pf-v5-c-log-viewer__string--m-current--Color: var(--pf-v5-global--palette--gold-700);
-  --pf-v5-c-log-viewer__string--m-current--BackgroundColor: var(--pf-v5-global--palette--gold-400);
-  --pf-v5-c-log-viewer__timestamp--FontWeight: var(--pf-v5-global--FontWeight--bold);
-  --pf-v5-c-log-viewer--c-toolbar--PaddingTop: 0;
-  --pf-v5-c-log-viewer--c-toolbar--PaddingBottom: 0;
-  --pf-v5-c-log-viewer--c-toolbar__content--PaddingRight: 0;
-  --pf-v5-c-log-viewer--c-toolbar__content--PaddingLeft: 0;
-  --pf-v5-c-log-viewer--c-toolbar__group--m-toggle-group--spacer: 0;
-  --pf-v5-c-log-viewer--c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-log-viewer--m-dark__main--BorderWidth: 0;
-  display: flex;
-  flex-direction: column;
-  height: var(--pf-v5-c-log-viewer--Height);
-  max-height: var(--pf-v5-c-log-viewer--MaxHeight);
-}
-.pf-v5-c-log-viewer.pf-m-dark {
-  --pf-v5-c-log-viewer__main--BorderWidth: var(--pf-v5-c-log-viewer--m-dark__main--BorderWidth);
-}
-.pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main {
-  color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-log-viewer__main--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-  --pf-v5-c-log-viewer__main--BorderColor: var(--pf-v5-global--BorderColor--100);
-  --pf-v5-c-log-viewer__text--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-log-viewer__index--Color: var(--pf-v5-global--Color--200);
-  --pf-v5-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-v5-global--BorderColor--100);
-}
-.pf-v5-c-log-viewer.pf-m-wrap-text {
-  word-break: break-all;
-}
-.pf-v5-c-log-viewer.pf-m-nowrap {
-  --pf-v5-c-log-viewer__text--WhiteSpace: var(--pf-v5-c-log-viewer--m-nowrap__text--WhiteSpace);
-}
-.pf-v5-c-log-viewer.pf-m-line-numbers {
-  --pf-v5-c-log-viewer__index--Display: var(--pf-v5-c-log-viewer--m-line-numbers__index--Display);
-}
-.pf-v5-c-log-viewer.pf-m-line-numbers .pf-v5-c-log-viewer__list {
-  position: absolute;
-  inset-inline-start: var(--pf-v5-c-log-viewer--m-line-numbers__list--Left);
-  inset-inline-end: 0;
-}
-.pf-v5-c-log-viewer.pf-m-line-numbers .pf-v5-c-log-viewer__list::before {
-  position: absolute;
-  inset-block-start: var(--pf-v5-c-log-viewer--m-line-numbers__main--before--Top);
-  inset-block-end: var(--pf-v5-c-log-viewer--m-line-numbers__main--before--Bottom);
-  inset-inline-start: 0;
-  width: var(--pf-v5-c-log-viewer--m-line-numbers__main--before--Width);
-  content: "";
-  background: var(--pf-v5-c-log-viewer--m-line-numbers__main--before--BackgroundColor);
-}
-.pf-v5-c-log-viewer.pf-m-line-number-chars {
-  --pf-v5-c-log-viewer__index--PaddingRight: var(--pf-v5-c-log-viewer--m-line-number-chars__index--PaddingRight);
-  --pf-v5-c-log-viewer__index--Width: var(--pf-v5-c-log-viewer--m-line-number-chars__index--Width);
-}
-.pf-v5-c-log-viewer .pf-v5-c-toolbar {
-  --pf-v5-c-toolbar--PaddingTop: var(--pf-v5-c-log-viewer--c-toolbar--PaddingTop);
-  --pf-v5-c-toolbar--PaddingBottom: var(--pf-v5-c-log-viewer--c-toolbar--PaddingBottom);
-  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-log-viewer--c-toolbar__content--PaddingRight);
-  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-log-viewer--c-toolbar__content--PaddingLeft);
-  --pf-v5-c-toolbar__group--m-toggle-group--spacer: 0;
-  --pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-v5-c-log-viewer--c-toolbar__group--m-toggle-group--m-show--spacer);
-}
-.pf-v5-c-log-viewer .pf-v5-c-toolbar__content-section {
-  flex-wrap: nowrap;
-}
-
-.pf-v5-c-log-viewer__header {
-  margin-block-end: var(--pf-v5-c-log-viewer__header--MarginBottom);
-}
-
-.pf-v5-c-log-viewer__main {
-  display: flex;
-  flex-direction: column;
-  min-height: 0;
-  background-color: var(--pf-v5-c-log-viewer__main--BackgroundColor);
-  border: var(--pf-v5-c-log-viewer__main--BorderWidth) solid var(--pf-v5-c-log-viewer__main--BorderColor);
-}
-
-.pf-v5-c-log-viewer__scroll-container {
-  position: relative;
-  height: var(--pf-v5-c-log-viewer__scroll-container--Height);
-  padding-block-start: var(--pf-v5-c-log-viewer__scroll-container--PaddingTop);
-  padding-block-end: var(--pf-v5-c-log-viewer__scroll-container--PaddingBottom);
-  overflow: auto;
-  will-change: transform;
-  direction: ltr;
-}
-
-.pf-v5-c-log-viewer__list {
-  position: relative;
-  height: var(--pf-v5-c-log-viewer__list--Height);
-  font-family: var(--pf-v5-c-log-viewer__list--FontFamily);
-  font-size: var(--pf-v5-c-log-viewer__list--FontSize);
-}
-
-.pf-v5-c-log-viewer__list-item {
-  inset-inline-start: 0;
-  width: 100%;
-}
-
-.pf-v5-c-log-viewer__string.pf-m-match {
-  color: var(--pf-v5-c-log-viewer__string--m-match--Color, inherit);
-  background-color: var(--pf-v5-c-log-viewer__string--m-match--BackgroundColor);
-}
-.pf-v5-c-log-viewer__string.pf-m-current {
-  color: var(--pf-v5-c-log-viewer__string--m-current--Color, inherit);
-  background-color: var(--pf-v5-c-log-viewer__string--m-current--BackgroundColor);
-}
-
-.pf-v5-c-log-viewer__index {
-  position: fixed;
-  inset-inline-start: 0;
-  display: var(--pf-v5-c-log-viewer__index--Display);
-  width: var(--pf-v5-c-log-viewer__index--Width);
-  padding-inline-start: var(--pf-v5-c-log-viewer__index--PaddingLeft);
-  padding-inline-end: var(--pf-v5-c-log-viewer__index--PaddingRight);
-  font-family: var(--pf-v5-c-log-viewer__index--FontFamily, inherit);
-  font-size: var(--pf-v5-c-log-viewer__index--FontSize, inherit);
-  color: var(--pf-v5-c-log-viewer__index--Color);
-  user-select: none;
-  background-color: var(--pf-v5-c-log-viewer__index--BackgroundColor);
-}
-
-.pf-v5-c-log-viewer__text {
-  display: block;
-  padding-inline-start: var(--pf-v5-c-log-viewer__text--PaddingLeft);
-  padding-inline-end: var(--pf-v5-c-log-viewer__text--PaddingRight);
-  font-family: var(--pf-v5-c-log-viewer__text--FontFamily, inherit);
-  font-size: var(--pf-v5-c-log-viewer__text--FontSize, inherit);
-  color: var(--pf-v5-c-log-viewer__text--Color);
-  word-break: var(--pf-v5-c-log-viewer__text--WordBreak);
-  white-space: var(--pf-v5-c-log-viewer__text--WhiteSpace);
-  line-break: var(--pf-v5-c-log-viewer__text--LineBreak);
-}
-
-.pf-v5-c-log-viewer__timestamp {
-  font-weight: var(--pf-v5-c-log-viewer__timestamp--FontWeight);
-}
-
-:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
-  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
-}
-
-:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main {
-  color: var(--pf-v5-global--Color--100);
 }.pf-v5-t-light {
   --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
   --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
@@ -3234,151 +3038,6 @@
 /*  box shadow   */
 /*  fisheye   */
 /* z-index */
-.t1joof7s {
-  width: 100%;
-  padding: 11px;
-  border-bottom: 1px solid rgba(211, 218, 235, 0.6);
-  background: rgba(225, 230, 241, 0.6);
-  border-radius: 8px;
-}
-.t1joof7s.collapsed {
-  border-bottom: 0;
-}
-.t1joof7s svg {
-  margin: auto;
-}
-.t1joof7s > .dovetail-ant-space-item {
-  line-height: 16px;
-}
-
-.tti58uh {
-  display: flex;
-  width: 100%;
-  height: 20px;
-  justify-content: space-between;
-}
-.tti58uh .ant-space-item {
-  line-height: 1;
-}
-
-.e15yt16p {
-  margin-top: 1px;
-}
-
-.w3ccqks {
-  width: 100%;
-  border: 1px solid rgba(211, 218, 235, 0.6);
-  border-radius: 8px;
-}
-.w3ccqks[data-is-error=true] {
-  border-color: #f0483e;
-}
-.w3ccqks[data-is-error=true] .t1joof7s {
-  padding-bottom: 7px;
-  background: #ffecec;
-}
-
-.t7zbd78 {
-  color: #00122e;
-  font-size: 13px;
-  font-weight: 700;
-  line-height: 20px;
-}
-
-.i1e4ouxy {
-  cursor: pointer;
-  margin: auto 0;
-}
-.i1e4ouxy.arrow-down svg {
-  transform: rotate(90deg);
-}
-.i1e4ouxy[data-disabled=true] {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-
-.d1g21822 {
-  fill: rgba(44, 56, 82, 0.6);
-  cursor: not-allowed;
-}
-
-.pqch97v {
-  font-family: Menlo, Monaco, "Courier New", monospace;
-  font-size: 12px;
-  font-style: normal;
-  font-weight: 400;
-  padding-left: 62px;
-  overflow: auto;
-}
-
-.eh2qjnl {
-  color: #f0483e;
-  font-size: 12px;
-  line-height: 18px;
-  word-break: break-all;
-  margin-bottom: 0;
-}
-
-.e19q2bnp {
-  margin-top: 8px;
-}
-
-.y16u5v3w .monaco-editor {
-  border-bottom-left-radius: 8px;
-  border-bottom-right-radius: 8px;
-}
-.y16u5v3w .monaco-editor .margin {
-  border-bottom-left-radius: 8px;
-}
-.y16u5v3w .monaco-editor .monaco-scrollable-element {
-  border-bottom-right-radius: 8px;
-}/* // basic */
-/* FishEye Color Variables and Functions */
-/*
- --------------------------- Primary Color ---------------------------
-*/
-/*
- ---------------------------When necessary to add at any time---------------------------
-*/
-/* computed */
-/* blue */
-/* green */
-/* yellow */
-/* red */
-/* purple */
-/*  palette    global token*/
-/* color opaque */
-/* color transparent */
-/* blue transparent  */
-/* green transparent  */
-/* yellow transparent  */
-/* red transparent  */
-/* gray transparent */
-/* white transparent */
-/* gradient opaque */
-/* blue radial gradient */
-/* blue linear gradient */
-/* green radial gradient */
-/* yellow radial gradient */
-/* red radial gradient */
-/* gray radial gradient */
-/* white to gray radial gradient */
-/*  white to gray  linear gradient */
-/* gradient transparent */
-/* secondary palette */
-/* purple radial gradient */
-/*  refine alias color   */
-/*  text   */
-/*  link   */
-/*  fill   */
-/*  fill  element  */
-/*  fill  interaction  */
-/*  stroke   */
-/*  background   */
-/*  dim   */
-/*  box shadow   */
-/*  fisheye   */
-/* z-index */
 .e1cjl2b8 {
   border-radius: 8px;
   border: 1px solid rgba(211, 218, 235, 0.6);
@@ -4226,6 +3885,153 @@
 /*  box shadow   */
 /*  fisheye   */
 /* z-index */
+.t1joof7s {
+  width: 100%;
+  padding: 11px;
+  border-bottom: 1px solid rgba(211, 218, 235, 0.6);
+  background: rgba(225, 230, 241, 0.6);
+  border-radius: 8px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.t1joof7s.collapsed {
+  border-bottom: 0;
+}
+.t1joof7s svg {
+  margin: auto;
+}
+.t1joof7s > .dovetail-ant-space-item {
+  line-height: 16px;
+}
+
+.tti58uh {
+  display: flex;
+  width: 100%;
+  height: 20px;
+  justify-content: space-between;
+}
+.tti58uh .ant-space-item {
+  line-height: 1;
+}
+
+.e15yt16p {
+  margin-top: 1px;
+}
+
+.w3ccqks {
+  width: 100%;
+  border: 1px solid rgba(211, 218, 235, 0.6);
+  border-radius: 8px;
+}
+.w3ccqks[data-is-error=true] {
+  border-color: #f0483e;
+}
+.w3ccqks[data-is-error=true] .t1joof7s {
+  padding-bottom: 7px;
+  background: #ffecec;
+}
+
+.t7zbd78 {
+  color: #00122e;
+  font-size: 13px;
+  font-weight: 700;
+  line-height: 20px;
+}
+
+.i1e4ouxy {
+  cursor: pointer;
+  margin: auto 0;
+}
+.i1e4ouxy.arrow-down svg {
+  transform: rotate(90deg);
+}
+.i1e4ouxy[data-disabled=true] {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+
+.d1g21822 {
+  fill: rgba(44, 56, 82, 0.6);
+  cursor: not-allowed;
+}
+
+.pqch97v {
+  font-family: Menlo, Monaco, "Courier New", monospace;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  padding-left: 62px;
+  overflow: auto;
+}
+
+.eh2qjnl {
+  color: #f0483e;
+  font-size: 12px;
+  line-height: 18px;
+  word-break: break-all;
+  margin-bottom: 0;
+}
+
+.e19q2bnp {
+  margin-top: 8px;
+}
+
+.y16u5v3w .monaco-editor {
+  border-bottom-left-radius: 8px;
+  border-bottom-right-radius: 8px;
+}
+.y16u5v3w .monaco-editor .margin {
+  border-bottom-left-radius: 8px;
+}
+.y16u5v3w .monaco-editor .monaco-scrollable-element {
+  border-bottom-right-radius: 8px;
+}/* // basic */
+/* FishEye Color Variables and Functions */
+/*
+ --------------------------- Primary Color ---------------------------
+*/
+/*
+ ---------------------------When necessary to add at any time---------------------------
+*/
+/* computed */
+/* blue */
+/* green */
+/* yellow */
+/* red */
+/* purple */
+/*  palette    global token*/
+/* color opaque */
+/* color transparent */
+/* blue transparent  */
+/* green transparent  */
+/* yellow transparent  */
+/* red transparent  */
+/* gray transparent */
+/* white transparent */
+/* gradient opaque */
+/* blue radial gradient */
+/* blue linear gradient */
+/* green radial gradient */
+/* yellow radial gradient */
+/* red radial gradient */
+/* gray radial gradient */
+/* white to gray radial gradient */
+/*  white to gray  linear gradient */
+/* gradient transparent */
+/* secondary palette */
+/* purple radial gradient */
+/*  refine alias color   */
+/*  text   */
+/*  link   */
+/*  fill   */
+/*  fill  element  */
+/*  fill  interaction  */
+/*  stroke   */
+/*  background   */
+/*  dim   */
+/*  box shadow   */
+/*  fisheye   */
+/* z-index */
 .e1guqlj2 {
   flex: 1;
   height: 100%;

package/lib/components/YamlEditor/YamlEditorComponent.d.ts

@@ -1,5 +1,5 @@
 import { JSONSchema7 } from 'json-schema';
-import type * as monaco from 'monaco-editor';
+import { type editor } from 'monaco-editor';
 import React from 'react';
 export type YamlEditorProps = {
     eleRef?: React.MutableRefObject<HTMLDivElement>;
@@ -18,13 +18,13 @@ export type YamlEditorProps = {
     isScrollOnFocus?: boolean;
     onChange?: (value: string) => void;
     onValidate?: (valid: boolean, schemaValid: boolean) => void;
-    onEditorCreate?: (editor: monaco.editor.IStandaloneCodeEditor) => void;
+    onEditorCreate?: (editor: editor.IStandaloneCodeEditor) => void;
     onBlur?: () => void;
 };
 export type YamlEditorHandle = {
     setValue: (value: string) => void;
     setEditorValue: (value: string) => void;
     getEditorValue: () => string;
-    getEditorInstance: () => monaco.editor.IStandaloneCodeEditor | null;
+    getEditorInstance: () => editor.IStandaloneCodeEditor | null;
 };
 export declare const YamlEditorComponent: React.ForwardRefExoticComponent<YamlEditorProps & React.RefAttributes<YamlEditorHandle>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dovetail-v2/refine",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "type": "module",
   "files": [
     "dist",
@@ -58,6 +58,7 @@
     "@playwright/test": "^1.39.0",
     "@refinedev/cli": "^2.9.0",
     "@rollup/pluginutils": "^4.2.1",
+    "@testing-library/react-hooks": "7",
     "@types/body-parser": "^1.19.5",
     "@types/jest": "^29",
     "@types/js-yaml": "^4.0.6",
@@ -76,6 +77,7 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.3.4",
     "jest": "^29",
+    "jest-environment-jsdom": "^30.0.0",
     "kubernetes-types": "^1.26.0",
     "sass": "1.51.0",
     "ts-jest": "^29",