myrta-ui 17.0.5 → 17.0.7

package/lib/components/form/json-editor/json-editor.component.d.ts

@@ -0,0 +1,58 @@
+import { ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { Field } from '../../../services';
+import { JsonEditorMode, JsonEditorOptions } from './utils/jsoneditoroptions';
+import { JsonEditorValueTypes, JsonEditorValueWithId } from './json-editor.enum';
+import * as i0 from "@angular/core";
+export declare class JsonEditorComponent implements ControlValueAccessor, OnInit, OnDestroy {
+    private _data;
+    private editor;
+    optionsChanged: boolean;
+    disabled: boolean;
+    isFocused: boolean;
+    uuid: string;
+    fields: Field[];
+    options: JsonEditorOptions;
+    debug: boolean;
+    set data(value: Object);
+    changed: EventEmitter<JsonEditorValueTypes>;
+    modelChange: EventEmitter<JsonEditorValueWithId>;
+    jsonChange: EventEmitter<any>;
+    jsonEditorContainer: ElementRef;
+    constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    onChangeJSON: () => void;
+    onChange: () => void;
+    /**
+     * JSON EDITOR FUNCTIONS
+     */
+    collapseAll(): void;
+    expandAll(): void;
+    focus(): void;
+    get(): JSON;
+    getMode(): JsonEditorMode;
+    getName(): string;
+    getText(): string;
+    set(json: JSON): void;
+    setMode(mode: JsonEditorMode): void;
+    setName(name: string): void;
+    setSelection(start: any, end: any): void;
+    getSelection(): any;
+    getValidateSchema(): any;
+    setSchema(schema: any, schemaRefs: any): void;
+    search(query: string): void;
+    setOptions(newOptions: JsonEditorOptions): void;
+    update(json: JSON): void;
+    destroy(): void;
+    getEditor(): any;
+    isValidJson(): boolean;
+    writeValue(value: any): void;
+    updateValue(insideValue: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: () => {}): void;
+    private onChangeFn;
+    private onTouchedFn;
+    static ɵfac: i0.ɵɵFactoryDeclaration<JsonEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<JsonEditorComponent, "mrx-json-editor", never, { "fields": { "alias": "fields"; "required": false; }; "options": { "alias": "options"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, { "changed": "changed"; "modelChange": "modelChange"; "jsonChange": "jsonChange"; }, never, never, false, never>;
+}

package/lib/components/form/json-editor/json-editor.enum.d.ts

@@ -0,0 +1,5 @@
+export type JsonEditorValueTypes = string;
+export interface JsonEditorValueWithId {
+    value: JsonEditorValueTypes;
+    id: string;
+}

package/lib/components/form/json-editor/json-editor.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./json-editor.component";
+import * as i2 from "@angular/common";
+export declare class JsonEditorModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<JsonEditorModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<JsonEditorModule, [typeof i1.JsonEditorComponent], [typeof i2.CommonModule], [typeof i1.JsonEditorComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<JsonEditorModule>;
+}

package/lib/components/form/json-editor/utils/jsoneditoroptions.d.ts

@@ -0,0 +1,128 @@
+export type JsonEditorMode = 'tree' | 'view' | 'form' | 'code' | 'text';
+export interface JsonEditorTreeNode {
+    field: String;
+    value: String;
+    path: String[];
+}
+export interface IError {
+    path: (string | number)[];
+    message: string;
+}
+export declare class JsonEditorOptions {
+    ace: any;
+    ajv: Object;
+    /**
+     *   {function} onChange  Callback method, triggered
+     on change of contents.
+     Does not pass the contents itself.
+     See also `onChangeJSON` and
+     `onChangeText`.
+     */
+    onChange: () => void;
+    /**
+     *   // {function} onChangeJSON  Callback method, triggered
+     //     in modes on change of contents,
+     //     passing the changed contents
+     //     as JSON.
+     //     Only applicable for modes
+     //     'tree', 'view', and 'form'.
+     */
+    onChangeJSON?: () => void;
+    onNodeName: () => void;
+    onCreateMenu: (items: Array<any>, node: object) => Array<any>;
+    onColorPicker: () => void;
+    /**
+     // {function} onChangeText  Callback method, triggered
+     //     in modes on change of contents,
+     //     passing the changed contents
+     //     as stringified JSON.
+     */
+    onChangeText: (jsonstr: string) => void;
+    /**
+     *   {function} onSelectionChange Callback method,
+     triggered on node selection change
+     Only applicable for modes
+     'tree', 'view', and 'form'
+     */
+    onSelectionChange: () => void;
+    /**
+     *     {function} onTextSelectionChange Callback method,
+     triggered on text selection change
+     Only applicable for modes
+     */
+    onTextSelectionChange: () => void;
+    /**
+     *   // {function} onEvent Callback method, triggered
+     // when an event occurs in
+     // a JSON field or value.
+     // Only applicable for
+     // modes 'form', 'tree' and
+     // 'view'
+     */
+    onEvent: () => void;
+    /**
+     * // *   {function} onFocus  Callback method, triggered
+     //  when the editor comes into focus,
+     //  passing an object {type, target},
+     //  Applicable for all modes
+     */
+    onFocus: () => void;
+    onBlur: () => void;
+    /**
+     *  // *   {function} onClassName Callback method, triggered
+     // when a Node DOM is rendered. Function returns
+     // a css class name to be set on a node.
+     // Only applicable for
+     // modes 'form', 'tree' and
+     // 'view'
+     */
+    onClassName: (node: JsonEditorTreeNode) => void;
+    onEditable: (node: JsonEditorTreeNode | {}) => boolean | {
+        field: boolean;
+        value: boolean;
+    };
+    /**
+     *   {function} onError   Callback method, triggered
+     when an error occurs
+     */
+    onError: (error: any) => void;
+    onModeChange: (newMode: JsonEditorMode, oldMode: JsonEditorMode) => void;
+    onValidate: (json: Object) => IError[];
+    onValidationError: (errors: object[]) => void;
+    enableSort: boolean;
+    enableTransform: boolean;
+    escapeUnicode: boolean;
+    expandAll?: boolean;
+    sortObjectKeys: boolean;
+    history: boolean;
+    mode: JsonEditorMode;
+    modes: JsonEditorMode[];
+    name: String;
+    schema: Object;
+    search: boolean;
+    indentation: Number;
+    templates: Object;
+    theme: Number;
+    language: String;
+    languages: Object;
+    /**
+     * Adds main menu bar - Contains format, sort, transform, search etc. functionality. True
+     * by default. Applicable in all types of mode.
+     */
+    mainMenuBar: boolean;
+    /**
+     * Adds navigation bar to the menu - the navigation bar visualize the current position on
+     * the tree structure as well as allows breadcrumbs navigation.
+     * True by default.
+     * Only applicable when mode is 'tree', 'form' or 'view'.
+     */
+    navigationBar: boolean;
+    /**
+     * Adds status bar to the bottom of the editor - the status bar shows the cursor position
+     * and a count of the selected characters.
+     * True by default.
+     * Only applicable when mode is 'code' or 'text'.
+     */
+    statusBar: boolean;
+    constructor();
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "myrta-ui",
-  "version": "17.0.5",
+  "version": "17.0.7",
   "peerDependencies": {
     "@angular/common": "^17.3.0",
     "@angular/core": "^17.3.0",
@@ -20,7 +20,8 @@
     "lodash-es": "^4.17.21",
     "uuid": "^10.0.0",
     "@popperjs/core": "^2.11.5",
-    "mrx-gallery-lib": "^1.0.2"
+    "mrx-gallery-lib": "^1.0.2",
+    "jsoneditor": "^10.1.2"
   },
   "dependencies": {
     "@angular/cdk": "^17.3.0",
@@ -40,6 +41,7 @@
     "uuid": "^10.0.0",
     "@popperjs/core": "^2.11.5",
     "mrx-gallery-lib": "^1.0.2",
+    "jsoneditor": "^10.1.2",
     "tslib": "^2.3.0"
   },
   "module": "fesm2022/myrta-ui.mjs",

package/public-api.d.ts

@@ -96,6 +96,10 @@ export * from './lib/components/form/input-timepicker/input-timepicker.component
 export * from './lib/components/form/editor/editor.module';
 export * from './lib/components/form/editor/editor.component';
 export * from './lib/components/form/editor/models/toolbar.model';
+export * from './lib/components/form/json-editor/json-editor.module';
+export * from './lib/components/form/json-editor/json-editor.component';
+export * from './lib/components/form/json-editor/json-editor.enum';
+export * from './lib/components/form/json-editor/utils/jsoneditoroptions';
 export * from './lib/components/form/rating/rating.module';
 export * from './lib/components/form/rating/rating.component';
 export * from './lib/components/form/rating/rating.enum';