@dataloop-ai/components 0.18.31 → 0.18.33

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dataloop-ai/components",
3
- "version": "0.18.31",
3
+ "version": "0.18.33",
4
4
  "exports": {
5
5
  ".": "./index.ts",
6
6
  "./models": "./models.ts",
@@ -111,7 +111,9 @@ export default defineComponent({
111
111
  '--dl-code-editor-header-border-bottom': !options.value
112
112
  ?.lineNumbers
113
113
  ? `1px solid var(--dl-color-separator)`
114
- : `none`
114
+ : `none`,
115
+ '--dl-colde-editor-width': styleWidth.value,
116
+ '--dl-colde-editor-height': styleHeight.value
115
117
  } as Record<string, any>
116
118
  })
117
119
 
@@ -154,8 +156,8 @@ export default defineComponent({
154
156
  .dl-code-editor-wrapper {
155
157
  border: 1px solid var(--dl-color-separator);
156
158
  border-radius: 2px;
157
- width: fit-content;
158
- height: fit-content;
159
+ width: var(--dl-colde-editor-width, fit-content);
160
+ height: var(--dl-colde-editor-height, fit-content);
159
161
  }
160
162
  </style>
161
163
 
@@ -116,6 +116,7 @@ export default defineComponent({
116
116
  onChange: debouncedHandleJSONChange,
117
117
  indentation: indentation.value,
118
118
  mode: mode.value,
119
+ readOnly: readonly.value || mode.value === Mode.tree,
119
120
  mainMenuBar: false,
120
121
  navigationBar: false,
121
122
  statusBar: false
@@ -138,7 +139,7 @@ export default defineComponent({
138
139
 
139
140
  watch(readonly, (val) => {
140
141
  jsonEditor.value?.updateProps({
141
- readOnly: val
142
+ readOnly: val || mode.value === Mode.tree
142
143
  })
143
144
  })
144
145