@elliemae/ds-codeeditor 3.46.0-rc.0 → 3.46.0-rc.10
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/dist/cjs/DSCodeEditor.js +2 -2
- package/dist/cjs/DSCodeEditor.js.map +2 -2
- package/dist/cjs/index.js +6 -4
- package/dist/cjs/index.js.map +3 -3
- package/dist/esm/DSCodeEditor.js +2 -2
- package/dist/esm/DSCodeEditor.js.map +2 -2
- package/dist/esm/index.js +5 -3
- package/dist/esm/index.js.map +3 -3
- package/dist/types/DSCodeEditor.d.ts +23 -42
- package/dist/types/index.d.ts +3 -1
- package/package.json +8 -8
package/dist/cjs/DSCodeEditor.js
CHANGED
|
@@ -35,9 +35,9 @@ __export(DSCodeEditor_exports, {
|
|
|
35
35
|
module.exports = __toCommonJS(DSCodeEditor_exports);
|
|
36
36
|
var React = __toESM(require("react"));
|
|
37
37
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
38
|
-
var import_react = require("react");
|
|
39
|
-
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
40
38
|
var import_ds_modal = require("@elliemae/ds-modal");
|
|
39
|
+
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
40
|
+
var import_react = require("react");
|
|
41
41
|
var import_react_ace = __toESM(require("react-ace"));
|
|
42
42
|
var import_DSCodeEditorForm = __toESM(require("./components/DSCodeEditorForm.js"));
|
|
43
43
|
var import_mode_javascript = require("ace-builds/src-noconflict/mode-javascript.js");
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DSCodeEditor.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable max-lines */\nimport
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
4
|
+
"sourcesContent": ["/* eslint-disable @typescript-eslint/no-unsafe-argument */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-unsafe-assignment */\n/* eslint-disable max-lines */\nimport { DSModal, modalTypes } from '@elliemae/ds-modal';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { useRef, useState } from 'react';\nimport AceEditor from 'react-ace';\nimport DSCodeEditorForm from './components/DSCodeEditorForm.js';\n// https://github.com/securingsincity/react-ace/issues/1233\n// THE FOLLOWING IMPORTS MUST HAPPEN AS LAST IMPORTS OR ACE EDITOR WILL NOT WORK\nimport 'ace-builds/src-noconflict/mode-javascript.js';\nimport 'ace-builds/src-noconflict/theme-tomorrow.js';\n\ntype DSCodeEditorProps = {\n containerProps?: object;\n value: string;\n onSave?: (value: string, fileName: string, errors: unknown) => void;\n onClose?: (value: string, fileName: string, errors: unknown) => void;\n onReject?: (value: string, fileName: string, errors: unknown) => void;\n onChange?: (value: string, errors: unknown) => void;\n isOpen?: boolean;\n fileName?: string;\n confirmLabel?: string;\n maxLines?: number;\n minLines?: number;\n modalTitle?: string;\n modalType?: 'confirm' | 'alert';\n rejectLabel?: string;\n size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';\n style?: object;\n useModal?: boolean;\n showHeader?: boolean;\n showSyntaxChecks?: boolean;\n};\n\nconst DSCodeEditor = ({\n containerProps = {},\n value: defaultValue = '',\n onSave = () => null,\n onClose = () => null,\n onReject = () => null,\n onChange = () => null,\n isOpen = false,\n fileName = '',\n confirmLabel = 'Save',\n maxLines = 20,\n minLines = 20,\n modalTitle = 'Javascript Editor',\n modalType = 'confirm',\n rejectLabel = 'Close',\n size = 'large',\n style = {},\n useModal = true,\n showHeader = true,\n showSyntaxChecks = true,\n}: DSCodeEditorProps) => {\n const [{ value, errors }, setState] = useState({\n value: defaultValue,\n errors: [],\n });\n const reactAceComponent = useRef();\n\n const Comp = (AceEditor as any)?.default ?? AceEditor;\n const editor = (\n <>\n {/* @ts-expect-error - code-editor typescript compliancy is not a priority */}\n {showHeader && <DSCodeEditorForm fileName={fileName} reactAceComponent={reactAceComponent} />}\n <Comp\n ref={reactAceComponent}\n editorProps={{ $blockScrolling: true }}\n maxLines={maxLines}\n minLines={minLines}\n mode=\"javascript\"\n name=\"ace-code-edior\"\n // @ts-expect-error - code-editor typescript compliancy is not a priority\n onChange={(val) => {\n setState({ errors, value: val });\n onChange(val, errors);\n }}\n // @ts-expect-error - code-editor typescript compliancy is not a priority\n onValidate={(annotations) => setState({ value, errors: annotations })}\n theme=\"tomorrow\"\n setOptions={{\n useWorker: showSyntaxChecks,\n }}\n value={value}\n />\n </>\n );\n if (!useModal) return editor;\n return (\n <DSModal\n centered={false}\n confirmLabel={confirmLabel}\n containerProps={containerProps}\n isOpen={isOpen}\n modalTitle={modalTitle}\n modalType={modalType}\n onClose={() => onClose(value, fileName, errors)}\n onConfirm={() => onSave(value, fileName, errors)}\n onReject={() => onReject(value, fileName, errors)}\n rejectLabel={rejectLabel}\n size={size}\n style={style}\n >\n {editor}\n </DSModal>\n );\n};\n\nconst codeEditorProps = {\n containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n value: PropTypes.string.description('editors content').isRequired,\n onSave: PropTypes.func.description('function called when the user press save'),\n onClose: PropTypes.func.description('function called when the user closes the modal'),\n onReject: PropTypes.func.description('function called when is rejected'),\n onChange: PropTypes.func.description('function executed when code editor value changes').isRequired,\n isOpen: PropTypes.bool.description('Whether the modal is opened or not').defaultValue(false),\n fileName: PropTypes.string.description('File name to open in the editor'),\n maxLines: PropTypes.number.description('Max lines in the editor content').defaultValue(20),\n minLines: PropTypes.number.description('Min lines in the editor content').defaultValue(20),\n modalTitle: PropTypes.string.description('Modal title').defaultValue('Javascript Editor'),\n confirmLabel: PropTypes.string.description('Customize modal confirm label').defaultValue('Save'),\n rejectLabel: PropTypes.string.description('Customize modal rejection label').defaultValue('Close'),\n modalType: PropTypes.oneOf(modalTypes).description('Modal type').defaultValue('confirm'),\n size: PropTypes.oneOf(['xsmall', 'small', 'medium', 'large', 'xlarge'])\n .description('modal size')\n .defaultValue('large'),\n style: PropTypes.object.description('css inline style'),\n useModal: PropTypes.bool.description('whether to use code editor inside modal or not').defaultValue(true),\n showHeader: PropTypes.bool.description('show editors header').defaultValue(true),\n showSyntaxChecks: PropTypes.bool.description('show syntax warnings and checks').defaultValue(true),\n};\n\nDSCodeEditor.displayName = 'DSCodeEditor';\nconst CodeEditorWithSchema = describe(DSCodeEditor);\n\n// @ts-expect-error - code-editor typescript compliancy is not a priority\nCodeEditorWithSchema.propTypes = codeEditorProps;\n\nexport { CodeEditorWithSchema, DSCodeEditor };\nexport default DSCodeEditor;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["AceEditor", "DSCodeEditorForm"]
|
|
7
7
|
}
|
package/dist/cjs/index.js
CHANGED
|
@@ -28,11 +28,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
28
28
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
29
|
var src_exports = {};
|
|
30
30
|
__export(src_exports, {
|
|
31
|
-
CodeEditorWithSchema: () =>
|
|
32
|
-
DSCodeEditor: () =>
|
|
33
|
-
default: () =>
|
|
31
|
+
CodeEditorWithSchema: () => import_DSCodeEditor2.CodeEditorWithSchema,
|
|
32
|
+
DSCodeEditor: () => import_DSCodeEditor2.DSCodeEditor,
|
|
33
|
+
default: () => src_default
|
|
34
34
|
});
|
|
35
35
|
module.exports = __toCommonJS(src_exports);
|
|
36
36
|
var React = __toESM(require("react"));
|
|
37
|
-
var import_DSCodeEditor =
|
|
37
|
+
var import_DSCodeEditor = require("./DSCodeEditor.js");
|
|
38
|
+
var import_DSCodeEditor2 = require("./DSCodeEditor.js");
|
|
39
|
+
var src_default = import_DSCodeEditor.DSCodeEditor;
|
|
38
40
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,
|
|
6
|
-
"names": []
|
|
4
|
+
"sourcesContent": ["import { DSCodeEditor } from './DSCodeEditor.js';\n\nexport { CodeEditorWithSchema, DSCodeEditor } from './DSCodeEditor.js';\nexport default DSCodeEditor;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA6B;AAE7B,IAAAA,uBAAmD;AACnD,IAAO,cAAQ;",
|
|
6
|
+
"names": ["import_DSCodeEditor"]
|
|
7
7
|
}
|
package/dist/esm/DSCodeEditor.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { useState, useRef } from "react";
|
|
4
|
-
import { describe, PropTypes } from "@elliemae/ds-props-helpers";
|
|
5
3
|
import { DSModal, modalTypes } from "@elliemae/ds-modal";
|
|
4
|
+
import { PropTypes, describe } from "@elliemae/ds-props-helpers";
|
|
5
|
+
import { useRef, useState } from "react";
|
|
6
6
|
import AceEditor from "react-ace";
|
|
7
7
|
import DSCodeEditorForm from "./components/DSCodeEditorForm.js";
|
|
8
8
|
import "ace-builds/src-noconflict/mode-javascript.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSCodeEditor.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unsafe-argument */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-unsafe-assignment */\n/* eslint-disable max-lines */\nimport { DSModal, modalTypes } from '@elliemae/ds-modal';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { useRef, useState } from 'react';\nimport AceEditor from 'react-ace';\nimport DSCodeEditorForm from './components/DSCodeEditorForm.js';\n// https://github.com/securingsincity/react-ace/issues/1233\n// THE FOLLOWING IMPORTS MUST HAPPEN AS LAST IMPORTS OR ACE EDITOR WILL NOT WORK\nimport 'ace-builds/src-noconflict/mode-javascript.js';\nimport 'ace-builds/src-noconflict/theme-tomorrow.js';\n\ntype DSCodeEditorProps = {\n containerProps?: object;\n value: string;\n onSave?: (value: string, fileName: string, errors: unknown) => void;\n onClose?: (value: string, fileName: string, errors: unknown) => void;\n onReject?: (value: string, fileName: string, errors: unknown) => void;\n onChange?: (value: string, errors: unknown) => void;\n isOpen?: boolean;\n fileName?: string;\n confirmLabel?: string;\n maxLines?: number;\n minLines?: number;\n modalTitle?: string;\n modalType?: 'confirm' | 'alert';\n rejectLabel?: string;\n size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';\n style?: object;\n useModal?: boolean;\n showHeader?: boolean;\n showSyntaxChecks?: boolean;\n};\n\nconst DSCodeEditor = ({\n containerProps = {},\n value: defaultValue = '',\n onSave = () => null,\n onClose = () => null,\n onReject = () => null,\n onChange = () => null,\n isOpen = false,\n fileName = '',\n confirmLabel = 'Save',\n maxLines = 20,\n minLines = 20,\n modalTitle = 'Javascript Editor',\n modalType = 'confirm',\n rejectLabel = 'Close',\n size = 'large',\n style = {},\n useModal = true,\n showHeader = true,\n showSyntaxChecks = true,\n}: DSCodeEditorProps) => {\n const [{ value, errors }, setState] = useState({\n value: defaultValue,\n errors: [],\n });\n const reactAceComponent = useRef();\n\n const Comp = (AceEditor as any)?.default ?? AceEditor;\n const editor = (\n <>\n {/* @ts-expect-error - code-editor typescript compliancy is not a priority */}\n {showHeader && <DSCodeEditorForm fileName={fileName} reactAceComponent={reactAceComponent} />}\n <Comp\n ref={reactAceComponent}\n editorProps={{ $blockScrolling: true }}\n maxLines={maxLines}\n minLines={minLines}\n mode=\"javascript\"\n name=\"ace-code-edior\"\n // @ts-expect-error - code-editor typescript compliancy is not a priority\n onChange={(val) => {\n setState({ errors, value: val });\n onChange(val, errors);\n }}\n // @ts-expect-error - code-editor typescript compliancy is not a priority\n onValidate={(annotations) => setState({ value, errors: annotations })}\n theme=\"tomorrow\"\n setOptions={{\n useWorker: showSyntaxChecks,\n }}\n value={value}\n />\n </>\n );\n if (!useModal) return editor;\n return (\n <DSModal\n centered={false}\n confirmLabel={confirmLabel}\n containerProps={containerProps}\n isOpen={isOpen}\n modalTitle={modalTitle}\n modalType={modalType}\n onClose={() => onClose(value, fileName, errors)}\n onConfirm={() => onSave(value, fileName, errors)}\n onReject={() => onReject(value, fileName, errors)}\n rejectLabel={rejectLabel}\n size={size}\n style={style}\n >\n {editor}\n </DSModal>\n );\n};\n\nconst codeEditorProps = {\n containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n value: PropTypes.string.description('editors content').isRequired,\n onSave: PropTypes.func.description('function called when the user press save'),\n onClose: PropTypes.func.description('function called when the user closes the modal'),\n onReject: PropTypes.func.description('function called when is rejected'),\n onChange: PropTypes.func.description('function executed when code editor value changes').isRequired,\n isOpen: PropTypes.bool.description('Whether the modal is opened or not').defaultValue(false),\n fileName: PropTypes.string.description('File name to open in the editor'),\n maxLines: PropTypes.number.description('Max lines in the editor content').defaultValue(20),\n minLines: PropTypes.number.description('Min lines in the editor content').defaultValue(20),\n modalTitle: PropTypes.string.description('Modal title').defaultValue('Javascript Editor'),\n confirmLabel: PropTypes.string.description('Customize modal confirm label').defaultValue('Save'),\n rejectLabel: PropTypes.string.description('Customize modal rejection label').defaultValue('Close'),\n modalType: PropTypes.oneOf(modalTypes).description('Modal type').defaultValue('confirm'),\n size: PropTypes.oneOf(['xsmall', 'small', 'medium', 'large', 'xlarge'])\n .description('modal size')\n .defaultValue('large'),\n style: PropTypes.object.description('css inline style'),\n useModal: PropTypes.bool.description('whether to use code editor inside modal or not').defaultValue(true),\n showHeader: PropTypes.bool.description('show editors header').defaultValue(true),\n showSyntaxChecks: PropTypes.bool.description('show syntax warnings and checks').defaultValue(true),\n};\n\nDSCodeEditor.displayName = 'DSCodeEditor';\nconst CodeEditorWithSchema = describe(DSCodeEditor);\n\n// @ts-expect-error - code-editor typescript compliancy is not a priority\nCodeEditorWithSchema.propTypes = codeEditorProps;\n\nexport { CodeEditorWithSchema, DSCodeEditor };\nexport default DSCodeEditor;\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/index.js
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import {
|
|
2
|
+
import { DSCodeEditor } from "./DSCodeEditor.js";
|
|
3
|
+
import { CodeEditorWithSchema, DSCodeEditor as DSCodeEditor2 } from "./DSCodeEditor.js";
|
|
4
|
+
var src_default = DSCodeEditor;
|
|
3
5
|
export {
|
|
4
6
|
CodeEditorWithSchema,
|
|
5
|
-
DSCodeEditor,
|
|
6
|
-
|
|
7
|
+
DSCodeEditor2 as DSCodeEditor,
|
|
8
|
+
src_default as default
|
|
7
9
|
};
|
|
8
10
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,
|
|
6
|
-
"names": ["
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { DSCodeEditor } from './DSCodeEditor.js';\n\nexport { CodeEditorWithSchema, DSCodeEditor } from './DSCodeEditor.js';\nexport default DSCodeEditor;\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,oBAAoB;AAE7B,SAAS,sBAAsB,gBAAAA,qBAAoB;AACnD,IAAO,cAAQ;",
|
|
6
|
+
"names": ["DSCodeEditor"]
|
|
7
7
|
}
|
|
@@ -1,49 +1,30 @@
|
|
|
1
1
|
import 'ace-builds/src-noconflict/mode-javascript.js';
|
|
2
2
|
import 'ace-builds/src-noconflict/theme-tomorrow.js';
|
|
3
|
+
type DSCodeEditorProps = {
|
|
4
|
+
containerProps?: object;
|
|
5
|
+
value: string;
|
|
6
|
+
onSave?: (value: string, fileName: string, errors: unknown) => void;
|
|
7
|
+
onClose?: (value: string, fileName: string, errors: unknown) => void;
|
|
8
|
+
onReject?: (value: string, fileName: string, errors: unknown) => void;
|
|
9
|
+
onChange?: (value: string, errors: unknown) => void;
|
|
10
|
+
isOpen?: boolean;
|
|
11
|
+
fileName?: string;
|
|
12
|
+
confirmLabel?: string;
|
|
13
|
+
maxLines?: number;
|
|
14
|
+
minLines?: number;
|
|
15
|
+
modalTitle?: string;
|
|
16
|
+
modalType?: 'confirm' | 'alert';
|
|
17
|
+
rejectLabel?: string;
|
|
18
|
+
size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
|
|
19
|
+
style?: object;
|
|
20
|
+
useModal?: boolean;
|
|
21
|
+
showHeader?: boolean;
|
|
22
|
+
showSyntaxChecks?: boolean;
|
|
23
|
+
};
|
|
3
24
|
declare const DSCodeEditor: {
|
|
4
|
-
({ containerProps, value: defaultValue, onSave, onClose, onReject, onChange, isOpen, fileName, confirmLabel, maxLines, minLines, modalTitle, modalType, rejectLabel, size, style, useModal, showHeader, showSyntaxChecks, }:
|
|
5
|
-
containerProps?: {} | undefined;
|
|
6
|
-
value?: string | undefined;
|
|
7
|
-
onSave?: (() => null) | undefined;
|
|
8
|
-
onClose?: (() => null) | undefined;
|
|
9
|
-
onReject?: (() => null) | undefined;
|
|
10
|
-
onChange?: (() => null) | undefined;
|
|
11
|
-
isOpen?: boolean | undefined;
|
|
12
|
-
fileName?: string | undefined;
|
|
13
|
-
confirmLabel?: string | undefined;
|
|
14
|
-
maxLines?: number | undefined;
|
|
15
|
-
minLines?: number | undefined;
|
|
16
|
-
modalTitle?: string | undefined;
|
|
17
|
-
modalType?: string | undefined;
|
|
18
|
-
rejectLabel?: string | undefined;
|
|
19
|
-
size?: string | undefined;
|
|
20
|
-
style?: {} | undefined;
|
|
21
|
-
useModal?: boolean | undefined;
|
|
22
|
-
showHeader?: boolean | undefined;
|
|
23
|
-
showSyntaxChecks?: boolean | undefined;
|
|
24
|
-
}): import("react/jsx-runtime.js").JSX.Element;
|
|
25
|
+
({ containerProps, value: defaultValue, onSave, onClose, onReject, onChange, isOpen, fileName, confirmLabel, maxLines, minLines, modalTitle, modalType, rejectLabel, size, style, useModal, showHeader, showSyntaxChecks, }: DSCodeEditorProps): import("react/jsx-runtime.js").JSX.Element;
|
|
25
26
|
displayName: string;
|
|
26
27
|
};
|
|
27
|
-
declare const CodeEditorWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<
|
|
28
|
-
containerProps?: {} | undefined;
|
|
29
|
-
value?: string | undefined;
|
|
30
|
-
onSave?: (() => null) | undefined;
|
|
31
|
-
onClose?: (() => null) | undefined;
|
|
32
|
-
onReject?: (() => null) | undefined;
|
|
33
|
-
onChange?: (() => null) | undefined;
|
|
34
|
-
isOpen?: boolean | undefined;
|
|
35
|
-
fileName?: string | undefined;
|
|
36
|
-
confirmLabel?: string | undefined;
|
|
37
|
-
maxLines?: number | undefined;
|
|
38
|
-
minLines?: number | undefined;
|
|
39
|
-
modalTitle?: string | undefined;
|
|
40
|
-
modalType?: string | undefined;
|
|
41
|
-
rejectLabel?: string | undefined;
|
|
42
|
-
size?: string | undefined;
|
|
43
|
-
style?: {} | undefined;
|
|
44
|
-
useModal?: boolean | undefined;
|
|
45
|
-
showHeader?: boolean | undefined;
|
|
46
|
-
showSyntaxChecks?: boolean | undefined;
|
|
47
|
-
}>;
|
|
28
|
+
declare const CodeEditorWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSCodeEditorProps>;
|
|
48
29
|
export { CodeEditorWithSchema, DSCodeEditor };
|
|
49
30
|
export default DSCodeEditor;
|
package/dist/types/index.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-codeeditor",
|
|
3
|
-
"version": "3.46.0-rc.
|
|
3
|
+
"version": "3.46.0-rc.10",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Code Editor",
|
|
6
6
|
"files": [
|
|
@@ -38,17 +38,17 @@
|
|
|
38
38
|
"dependencies": {
|
|
39
39
|
"ace-builds": "~1.16.0",
|
|
40
40
|
"react-ace": "~10.1.0",
|
|
41
|
-
"@elliemae/ds-
|
|
42
|
-
"@elliemae/ds-
|
|
43
|
-
"@elliemae/ds-
|
|
44
|
-
"@elliemae/ds-button": "3.46.0-rc.
|
|
45
|
-
"@elliemae/ds-
|
|
46
|
-
"@elliemae/ds-
|
|
41
|
+
"@elliemae/ds-form": "3.46.0-rc.10",
|
|
42
|
+
"@elliemae/ds-classnames": "3.46.0-rc.10",
|
|
43
|
+
"@elliemae/ds-modal": "3.46.0-rc.10",
|
|
44
|
+
"@elliemae/ds-button": "3.46.0-rc.10",
|
|
45
|
+
"@elliemae/ds-props-helpers": "3.46.0-rc.10",
|
|
46
|
+
"@elliemae/ds-icons": "3.46.0-rc.10"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
49
49
|
"@elliemae/pui-cli": "9.0.0-next.50",
|
|
50
50
|
"styled-components": "~5.3.9",
|
|
51
|
-
"@elliemae/ds-monorepo-devops": "3.46.0-rc.
|
|
51
|
+
"@elliemae/ds-monorepo-devops": "3.46.0-rc.10"
|
|
52
52
|
},
|
|
53
53
|
"peerDependencies": {
|
|
54
54
|
"lodash": "^4.17.21",
|