@elliemae/ds-codeeditor 1.61.10 → 1.61.13
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/cjs/DSCodeEditor.js.map +1 -1
- package/cjs/components/DSCodeEditorForm.js.map +1 -1
- package/cjs/components/DSCodeEditorImpl.js.map +1 -1
- package/esm/DSCodeEditor.js.map +1 -1
- package/esm/components/DSCodeEditorForm.js.map +1 -1
- package/esm/components/DSCodeEditorImpl.js.map +1 -1
- package/package.json +5 -5
package/cjs/DSCodeEditor.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSCodeEditor.js","sources":["../../src/DSCodeEditor.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { useState, useRef } from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport DSModal, { modalTypes } from '@elliemae/ds-modal';\nimport AceEditor from 'react-ace';\nimport DSCodeEditorForm from './components/DSCodeEditorForm';\nimport 'brace/mode/javascript';\nimport 'brace/theme/tomorrow';\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}) => {\n const [{ value, errors }, setState] = useState({\n value: defaultValue,\n errors: [],\n });\n const reactAceComponent = useRef();\n\n const editor = (\n <>\n {showHeader && (\n <DSCodeEditorForm\n fileName={fileName}\n reactAceComponent={reactAceComponent}\n />\n )}\n <AceEditor\n ref={reactAceComponent}\n editorProps={{ $blockScrolling: true }}\n maxLines={maxLines}\n minLines={minLines}\n mode=\"javascript\"\n name=\"ace-code-edior\"\n onChange={(val) => {\n setState({ errors, value: val });\n onChange(val, errors);\n }}\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(\n 'Set of Properties attached to the main container',\n ),\n value: PropTypes.string.description('editors content').isRequired,\n onSave: PropTypes.func.description(\n 'function called when the user press save',\n ),\n onClose: PropTypes.func.description(\n 'function called when the user closes the modal',\n ),\n onReject: PropTypes.func.description('function called when is rejected'),\n onChange: PropTypes.func.description(\n 'function executed when code editor value changes',\n ).isRequired,\n isOpen: PropTypes.bool\n .description('Whether the modal is opened or not')\n .defaultValue(false),\n fileName: PropTypes.string.description('File name to open in the editor'),\n maxLines: PropTypes.number\n .description('Max lines in the editor content')\n .defaultValue(20),\n minLines: PropTypes.number\n .description('Min lines in the editor content')\n .defaultValue(20),\n modalTitle: PropTypes.string\n .description('Modal title')\n .defaultValue('Javascript Editor'),\n confirmLabel: PropTypes.string\n .description('Customize modal confirm label')\n .defaultValue('Save'),\n rejectLabel: PropTypes.string\n .description('Customize modal rejection label')\n .defaultValue('Close'),\n modalType: PropTypes.oneOf(modalTypes)\n .description('Modal type')\n .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\n .description('whether to use code editor inside modal or not')\n .defaultValue(true),\n showHeader: PropTypes.bool\n .description('show editors header')\n .defaultValue(true),\n showSyntaxChecks: PropTypes.bool\n .description('show syntax warnings and checks')\n .defaultValue(true),\n};\n\nDSCodeEditor.propTypes = codeEditorProps;\n\nconst CodeEditorWithSchema = describe(DSCodeEditor);\nCodeEditorWithSchema.propTypes = codeEditorProps;\n\nexport { CodeEditorWithSchema };\nexport default DSCodeEditor;\n"],"names":["DSCodeEditor","containerProps","value","defaultValue","onSave","onClose","onReject","onChange","isOpen","fileName","confirmLabel","maxLines","minLines","modalTitle","modalType","rejectLabel","size","style","useModal","showHeader","showSyntaxChecks","useState","errors","setState","reactAceComponent","useRef","editor","React","DSCodeEditorForm","AceEditor","$blockScrolling","val","annotations","useWorker","DSModal","codeEditorProps","PropTypes","object","description","string","isRequired","func","bool","number","oneOf","modalTypes","propTypes","CodeEditorWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;IASMA,YAAY,GAAG,SAAfA,YAAe,OAoBf;
|
|
1
|
+
{"version":3,"file":"DSCodeEditor.js","sources":["../../src/DSCodeEditor.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { useState, useRef } from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport DSModal, { modalTypes } from '@elliemae/ds-modal';\nimport AceEditor from 'react-ace';\nimport DSCodeEditorForm from './components/DSCodeEditorForm';\nimport 'brace/mode/javascript';\nimport 'brace/theme/tomorrow';\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}) => {\n const [{ value, errors }, setState] = useState({\n value: defaultValue,\n errors: [],\n });\n const reactAceComponent = useRef();\n\n const editor = (\n <>\n {showHeader && (\n <DSCodeEditorForm\n fileName={fileName}\n reactAceComponent={reactAceComponent}\n />\n )}\n <AceEditor\n ref={reactAceComponent}\n editorProps={{ $blockScrolling: true }}\n maxLines={maxLines}\n minLines={minLines}\n mode=\"javascript\"\n name=\"ace-code-edior\"\n onChange={(val) => {\n setState({ errors, value: val });\n onChange(val, errors);\n }}\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(\n 'Set of Properties attached to the main container',\n ),\n value: PropTypes.string.description('editors content').isRequired,\n onSave: PropTypes.func.description(\n 'function called when the user press save',\n ),\n onClose: PropTypes.func.description(\n 'function called when the user closes the modal',\n ),\n onReject: PropTypes.func.description('function called when is rejected'),\n onChange: PropTypes.func.description(\n 'function executed when code editor value changes',\n ).isRequired,\n isOpen: PropTypes.bool\n .description('Whether the modal is opened or not')\n .defaultValue(false),\n fileName: PropTypes.string.description('File name to open in the editor'),\n maxLines: PropTypes.number\n .description('Max lines in the editor content')\n .defaultValue(20),\n minLines: PropTypes.number\n .description('Min lines in the editor content')\n .defaultValue(20),\n modalTitle: PropTypes.string\n .description('Modal title')\n .defaultValue('Javascript Editor'),\n confirmLabel: PropTypes.string\n .description('Customize modal confirm label')\n .defaultValue('Save'),\n rejectLabel: PropTypes.string\n .description('Customize modal rejection label')\n .defaultValue('Close'),\n modalType: PropTypes.oneOf(modalTypes)\n .description('Modal type')\n .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\n .description('whether to use code editor inside modal or not')\n .defaultValue(true),\n showHeader: PropTypes.bool\n .description('show editors header')\n .defaultValue(true),\n showSyntaxChecks: PropTypes.bool\n .description('show syntax warnings and checks')\n .defaultValue(true),\n};\n\nDSCodeEditor.propTypes = codeEditorProps;\n\nconst CodeEditorWithSchema = describe(DSCodeEditor);\nCodeEditorWithSchema.propTypes = codeEditorProps;\n\nexport { CodeEditorWithSchema };\nexport default DSCodeEditor;\n"],"names":["DSCodeEditor","containerProps","value","defaultValue","onSave","onClose","onReject","onChange","isOpen","fileName","confirmLabel","maxLines","minLines","modalTitle","modalType","rejectLabel","size","style","useModal","showHeader","showSyntaxChecks","useState","errors","setState","reactAceComponent","useRef","editor","React","DSCodeEditorForm","AceEditor","$blockScrolling","val","annotations","useWorker","DSModal","codeEditorProps","PropTypes","object","description","string","isRequired","func","bool","number","oneOf","modalTypes","propTypes","CodeEditorWithSchema","describe"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSCodeEditorForm.js","sources":["../../../src/components/DSCodeEditorForm.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport DSButton from '@elliemae/ds-button';\nimport { DSCheckbox, DSTextBox, DSInputGroup } from '@elliemae/ds-form';\nimport { convertPropToCssClassName, aggregatedClasses } from '@elliemae/ds-classnames';\nimport { ChevronSmallLeft, ChevronSmallRight } from '@elliemae/ds-icons';\n\nconst blockName = 'code-editor';\n\nconst { cssClassName, classNameBlock } = convertPropToCssClassName(blockName);\n\nconst CheckOptionsGroup = aggregatedClasses('div')(`${blockName}-options-group`);\n\nclass DSCodeEditorForm extends Component {\n constructor(props) {\n super(props);\n this.state = {\n find: false,\n replace: false,\n isCaseSensitive: false,\n isWholeWord: false,\n filteredText: '',\n replaceText: '',\n };\n }\n\n searchWord(isReplace, all) {\n const {\n reactAceComponent: {\n current: { editor },\n },\n } = this.props;\n const { isCaseSensitive, isWholeWord, filteredText, replaceText } = this.state;\n const options = {\n backwards: false,\n wrap: true,\n caseSensitive: isCaseSensitive,\n wholeWord: isWholeWord,\n regExp: true,\n };\n editor.find(filteredText, options);\n const selectedContent = editor.getSelectedText();\n if (isReplace && replaceText && selectedContent) {\n if (all) {\n editor.findAll(filteredText, options);\n editor.replaceAll(replaceText);\n } else {\n const range = editor.selection.getRange();\n editor.session.replace(range, replaceText);\n }\n }\n }\n\n render() {\n const { fileName } = this.props;\n\n const { find, replace, isCaseSensitive, isWholeWord, filteredText, replaceText } = this.state;\n return (\n <div className={`${cssClassName}`}>\n {fileName ? (\n <div className={classNameBlock('file-name')}>\n File Name: <span> {fileName} </span>\n </div>\n ) : null}\n <div className={classNameBlock('find-replace-btn')}>\n {!find && !replace ? (\n <DSButton buttonType=\"secondary\" labelText=\"Find\" onClick={() => this.setState({ find: true })} size=\"m\" />\n ) : null}\n {!replace ? (\n <DSButton\n buttonType=\"secondary\"\n labelText=\"Find & Replace\"\n onClick={() => this.setState({ replace: true })}\n size=\"m\"\n />\n ) : null}\n </div>\n {find || replace ? (\n <DSInputGroup className={classNameBlock('find')}>\n <DSTextBox\n className=\"find-word\"\n fluidWidth={false}\n id=\"find-textbox\"\n onChange={(e) => this.setState({ filteredText: e.currentTarget.value })}\n placeholder=\"Find\"\n rightComponent={\n <div className={classNameBlock('next-back-btn')}>\n <DSButton icon={<ChevronSmallLeft />} size=\"m\" />\n <DSButton icon={<ChevronSmallRight />} onClick={() => this.searchWord()} size=\"m\" />\n </div>\n }\n value={filteredText}\n />\n <CheckOptionsGroup>\n <DSCheckbox\n checked={isCaseSensitive}\n id=\"case-sensitive-check\"\n labelText=\"Case Sensitive\"\n name=\"case-sensitive-check\"\n onChange={() => this.setState({ isCaseSensitive: !isCaseSensitive })}\n />\n <DSCheckbox\n checked={isWholeWord}\n id=\"whole-word-check\"\n labelText=\"Whole Word\"\n name=\"whole-word-check\"\n onChange={() => this.setState({ isWholeWord: !isWholeWord })}\n />\n <DSCheckbox\n checked={replace}\n id=\"replace-check\"\n labelText=\"Replace\"\n name=\"replace-check\"\n onChange={() => this.setState({ replace: !replace })}\n />\n </CheckOptionsGroup>\n <DSButton\n buttonType=\"secondary\"\n labelText=\"Done\"\n onClick={() => this.setState({ replace: false, find: false })}\n size=\"m\"\n />\n </DSInputGroup>\n ) : null}\n {replace ? (\n <div className={classNameBlock('replace')}>\n <DSTextBox\n className=\"find-word\"\n fluidWidth={false}\n id=\"replace-textbox\"\n onChange={(e) => this.setState({ replaceText: e.currentTarget.value })}\n placeholder=\"Replace\"\n value={replaceText}\n />\n <div className={classNameBlock('replace-btns')}>\n <DSButton\n buttonType=\"secondary\"\n labelText=\"Replace\"\n onClick={() => this.searchWord(true, false)}\n size=\"m\"\n />\n <DSButton\n buttonType=\"secondary\"\n labelText=\"Replace All\"\n onClick={() => this.searchWord(true, true)}\n size=\"m\"\n />\n </div>\n </div>\n ) : null}\n </div>\n );\n }\n}\n\nexport default DSCodeEditorForm;\n"],"names":["blockName","convertPropToCssClassName","cssClassName","classNameBlock","CheckOptionsGroup","aggregatedClasses","DSCodeEditorForm","props","state","find","replace","isCaseSensitive","isWholeWord","filteredText","replaceText","isReplace","all","editor","reactAceComponent","current","options","backwards","wrap","caseSensitive","wholeWord","regExp","selectedContent","getSelectedText","findAll","replaceAll","range","selection","getRange","session","fileName","React","DSButton","setState","DSInputGroup","DSTextBox","e","currentTarget","value","ChevronSmallLeft","ChevronSmallRight","searchWord","DSCheckbox","Component"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"DSCodeEditorForm.js","sources":["../../../src/components/DSCodeEditorForm.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport DSButton from '@elliemae/ds-button';\nimport { DSCheckbox, DSTextBox, DSInputGroup } from '@elliemae/ds-form';\nimport { convertPropToCssClassName, aggregatedClasses } from '@elliemae/ds-classnames';\nimport { ChevronSmallLeft, ChevronSmallRight } from '@elliemae/ds-icons';\n\nconst blockName = 'code-editor';\n\nconst { cssClassName, classNameBlock } = convertPropToCssClassName(blockName);\n\nconst CheckOptionsGroup = aggregatedClasses('div')(`${blockName}-options-group`);\n\nclass DSCodeEditorForm extends Component {\n constructor(props) {\n super(props);\n this.state = {\n find: false,\n replace: false,\n isCaseSensitive: false,\n isWholeWord: false,\n filteredText: '',\n replaceText: '',\n };\n }\n\n searchWord(isReplace, all) {\n const {\n reactAceComponent: {\n current: { editor },\n },\n } = this.props;\n const { isCaseSensitive, isWholeWord, filteredText, replaceText } = this.state;\n const options = {\n backwards: false,\n wrap: true,\n caseSensitive: isCaseSensitive,\n wholeWord: isWholeWord,\n regExp: true,\n };\n editor.find(filteredText, options);\n const selectedContent = editor.getSelectedText();\n if (isReplace && replaceText && selectedContent) {\n if (all) {\n editor.findAll(filteredText, options);\n editor.replaceAll(replaceText);\n } else {\n const range = editor.selection.getRange();\n editor.session.replace(range, replaceText);\n }\n }\n }\n\n render() {\n const { fileName } = this.props;\n\n const { find, replace, isCaseSensitive, isWholeWord, filteredText, replaceText } = this.state;\n return (\n <div className={`${cssClassName}`}>\n {fileName ? (\n <div className={classNameBlock('file-name')}>\n File Name: <span> {fileName} </span>\n </div>\n ) : null}\n <div className={classNameBlock('find-replace-btn')}>\n {!find && !replace ? (\n <DSButton buttonType=\"secondary\" labelText=\"Find\" onClick={() => this.setState({ find: true })} size=\"m\" />\n ) : null}\n {!replace ? (\n <DSButton\n buttonType=\"secondary\"\n labelText=\"Find & Replace\"\n onClick={() => this.setState({ replace: true })}\n size=\"m\"\n />\n ) : null}\n </div>\n {find || replace ? (\n <DSInputGroup className={classNameBlock('find')}>\n <DSTextBox\n className=\"find-word\"\n fluidWidth={false}\n id=\"find-textbox\"\n onChange={(e) => this.setState({ filteredText: e.currentTarget.value })}\n placeholder=\"Find\"\n rightComponent={\n <div className={classNameBlock('next-back-btn')}>\n <DSButton icon={<ChevronSmallLeft />} size=\"m\" />\n <DSButton icon={<ChevronSmallRight />} onClick={() => this.searchWord()} size=\"m\" />\n </div>\n }\n value={filteredText}\n />\n <CheckOptionsGroup>\n <DSCheckbox\n checked={isCaseSensitive}\n id=\"case-sensitive-check\"\n labelText=\"Case Sensitive\"\n name=\"case-sensitive-check\"\n onChange={() => this.setState({ isCaseSensitive: !isCaseSensitive })}\n />\n <DSCheckbox\n checked={isWholeWord}\n id=\"whole-word-check\"\n labelText=\"Whole Word\"\n name=\"whole-word-check\"\n onChange={() => this.setState({ isWholeWord: !isWholeWord })}\n />\n <DSCheckbox\n checked={replace}\n id=\"replace-check\"\n labelText=\"Replace\"\n name=\"replace-check\"\n onChange={() => this.setState({ replace: !replace })}\n />\n </CheckOptionsGroup>\n <DSButton\n buttonType=\"secondary\"\n labelText=\"Done\"\n onClick={() => this.setState({ replace: false, find: false })}\n size=\"m\"\n />\n </DSInputGroup>\n ) : null}\n {replace ? (\n <div className={classNameBlock('replace')}>\n <DSTextBox\n className=\"find-word\"\n fluidWidth={false}\n id=\"replace-textbox\"\n onChange={(e) => this.setState({ replaceText: e.currentTarget.value })}\n placeholder=\"Replace\"\n value={replaceText}\n />\n <div className={classNameBlock('replace-btns')}>\n <DSButton\n buttonType=\"secondary\"\n labelText=\"Replace\"\n onClick={() => this.searchWord(true, false)}\n size=\"m\"\n />\n <DSButton\n buttonType=\"secondary\"\n labelText=\"Replace All\"\n onClick={() => this.searchWord(true, true)}\n size=\"m\"\n />\n </div>\n </div>\n ) : null}\n </div>\n );\n }\n}\n\nexport default DSCodeEditorForm;\n"],"names":["blockName","convertPropToCssClassName","cssClassName","classNameBlock","CheckOptionsGroup","aggregatedClasses","DSCodeEditorForm","props","_classCallCheck","state","find","replace","isCaseSensitive","isWholeWord","filteredText","replaceText","isReplace","all","editor","reactAceComponent","current","options","backwards","wrap","caseSensitive","wholeWord","regExp","selectedContent","getSelectedText","findAll","replaceAll","range","selection","getRange","session","fileName","React","DSButton","setState","DSInputGroup","DSTextBox","e","currentTarget","value","ChevronSmallLeft","ChevronSmallRight","searchWord","DSCheckbox","Component"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSCodeEditorImpl.js","sources":["../../../src/components/DSCodeEditorImpl.tsx"],"sourcesContent":["import React, { Component } from 'react';\nimport AceEditor from 'react-ace';\nimport DSModal from '@elliemae/ds-modal';\nimport DSCodeEditorForm from './DSCodeEditorForm';\nimport 'brace/mode/javascript';\nimport 'brace/theme/tomorrow';\n\nclass DSCodeEditorImpl extends Component {\n constructor(props) {\n super(props);\n this.state = {\n value: props.value,\n errors: [],\n };\n this.reactAceComponent = React.createRef();\n }\n\n render() {\n const {\n onSave,\n onClose,\n onReject,\n isOpen,\n fileName,\n confirmLabel,\n maxLines,\n minLines,\n modalTitle,\n modalType,\n rejectLabel,\n size,\n style,\n containerProps,\n } = this.props;\n\n const { value, errors } = this.state;\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 <DSCodeEditorForm\n fileName={fileName}\n reactAceComponent={this.reactAceComponent}\n />\n <AceEditor\n ref={this.reactAceComponent}\n editorProps={{ $blockScrolling: true }}\n maxLines={maxLines}\n minLines={minLines}\n mode=\"javascript\"\n name=\"ace-code-edior\"\n onChange={val => this.setState({ value: val })}\n onValidate={annotations => this.setState({ errors: annotations })}\n theme=\"tomorrow\"\n value={value}\n />\n </DSModal>\n );\n }\n}\n\nexport default DSCodeEditorImpl;\n"],"names":["DSCodeEditorImpl","props","state","value","errors","reactAceComponent","React","createRef","onSave","onClose","onReject","isOpen","fileName","confirmLabel","maxLines","minLines","modalTitle","modalType","rejectLabel","size","style","containerProps","DSModal","DSCodeEditorForm","AceEditor","$blockScrolling","val","setState","annotations","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOMA;;;;;
|
|
1
|
+
{"version":3,"file":"DSCodeEditorImpl.js","sources":["../../../src/components/DSCodeEditorImpl.tsx"],"sourcesContent":["import React, { Component } from 'react';\nimport AceEditor from 'react-ace';\nimport DSModal from '@elliemae/ds-modal';\nimport DSCodeEditorForm from './DSCodeEditorForm';\nimport 'brace/mode/javascript';\nimport 'brace/theme/tomorrow';\n\nclass DSCodeEditorImpl extends Component {\n constructor(props) {\n super(props);\n this.state = {\n value: props.value,\n errors: [],\n };\n this.reactAceComponent = React.createRef();\n }\n\n render() {\n const {\n onSave,\n onClose,\n onReject,\n isOpen,\n fileName,\n confirmLabel,\n maxLines,\n minLines,\n modalTitle,\n modalType,\n rejectLabel,\n size,\n style,\n containerProps,\n } = this.props;\n\n const { value, errors } = this.state;\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 <DSCodeEditorForm\n fileName={fileName}\n reactAceComponent={this.reactAceComponent}\n />\n <AceEditor\n ref={this.reactAceComponent}\n editorProps={{ $blockScrolling: true }}\n maxLines={maxLines}\n minLines={minLines}\n mode=\"javascript\"\n name=\"ace-code-edior\"\n onChange={val => this.setState({ value: val })}\n onValidate={annotations => this.setState({ errors: annotations })}\n theme=\"tomorrow\"\n value={value}\n />\n </DSModal>\n );\n }\n}\n\nexport default DSCodeEditorImpl;\n"],"names":["DSCodeEditorImpl","props","_classCallCheck","state","value","errors","reactAceComponent","React","createRef","onSave","onClose","onReject","isOpen","fileName","confirmLabel","maxLines","minLines","modalTitle","modalType","rejectLabel","size","style","containerProps","DSModal","DSCodeEditorForm","AceEditor","$blockScrolling","val","setState","annotations","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOMA;;;;;EACJ,0BAAYC,KAAZ,EAAmB;IAAA;;IAAAC;;IACjB,0BAAMD,KAAN;IACA,MAAKE,KAAL,GAAa;MACXC,KAAK,EAAEH,KAAK,CAACG,KADF;MAEXC,MAAM,EAAE;KAFV;IAIA,MAAKC,iBAAL,gBAAyBC,yBAAK,CAACC,SAAN,EAAzB;IANiB;;;;;WASnB,kBAAS;MAAA;;MACP,kBAeI,KAAKP,KAfT;UACEQ,MADF,eACEA,MADF;UAEEC,QAFF,eAEEA,OAFF;UAGEC,SAHF,eAGEA,QAHF;UAIEC,MAJF,eAIEA,MAJF;UAKEC,QALF,eAKEA,QALF;UAMEC,YANF,eAMEA,YANF;UAOEC,QAPF,eAOEA,QAPF;UAQEC,QARF,eAQEA,QARF;UASEC,UATF,eASEA,UATF;UAUEC,SAVF,eAUEA,SAVF;UAWEC,WAXF,eAWEA,WAXF;UAYEC,IAZF,eAYEA,IAZF;UAaEC,KAbF,eAaEA,KAbF;UAcEC,cAdF,eAcEA,cAdF;MAiBA,kBAA0B,KAAKnB,KAA/B;UAAQC,KAAR,eAAQA,KAAR;UAAeC,MAAf,eAAeA,MAAf;MACA,oBACEE,wCAACgB,2BAAD;QACE,QAAQ,EAAE,KADZ;QAEE,YAAY,EAAET,YAFhB;QAGE,cAAc,EAAEQ,cAHlB;QAIE,MAAM,EAAEV,MAJV;QAKE,UAAU,EAAEK,UALd;QAME,SAAS,EAAEC,SANb;QAOE,OAAO,EAAE;UAAA,OAAMR,QAAO,CAACN,KAAD,EAAQS,QAAR,EAAkBR,MAAlB,CAAb;SAPX;QAQE,SAAS,EAAE;UAAA,OAAMI,MAAM,CAACL,KAAD,EAAQS,QAAR,EAAkBR,MAAlB,CAAZ;SARb;QASE,QAAQ,EAAE;UAAA,OAAMM,SAAQ,CAACP,KAAD,EAAQS,QAAR,EAAkBR,MAAlB,CAAd;SATZ;QAUE,WAAW,EAAEc,WAVf;QAWE,IAAI,EAAEC,IAXR;QAYE,KAAK,EAAEC;sBAEPd,wCAACiB,2BAAD;QACE,QAAQ,EAAEX,QADZ;QAEE,iBAAiB,EAAE,KAAKP;QAhB5B,eAkBEC,wCAACkB,6BAAD;QACE,GAAG,EAAE,KAAKnB,iBADZ;QAEE,WAAW,EAAE;UAAEoB,eAAe,EAAE;SAFlC;QAGE,QAAQ,EAAEX,QAHZ;QAIE,QAAQ,EAAEC,QAJZ;QAKE,IAAI,EAAC,YALP;QAME,IAAI,EAAC,gBANP;QAOE,QAAQ,EAAE,kBAAAW,GAAG;UAAA,OAAI,MAAI,CAACC,QAAL,CAAc;YAAExB,KAAK,EAAEuB;WAAvB,CAAJ;SAPf;QAQE,UAAU,EAAE,oBAAAE,WAAW;UAAA,OAAI,MAAI,CAACD,QAAL,CAAc;YAAEvB,MAAM,EAAEwB;WAAxB,CAAJ;SARzB;QASE,KAAK,EAAC,UATR;QAUE,KAAK,EAAEzB;QA5BX,CADF;;;;;EA7B2B0B;;;;"}
|
package/esm/DSCodeEditor.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSCodeEditor.js","sources":["../../src/DSCodeEditor.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { useState, useRef } from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport DSModal, { modalTypes } from '@elliemae/ds-modal';\nimport AceEditor from 'react-ace';\nimport DSCodeEditorForm from './components/DSCodeEditorForm';\nimport 'brace/mode/javascript';\nimport 'brace/theme/tomorrow';\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}) => {\n const [{ value, errors }, setState] = useState({\n value: defaultValue,\n errors: [],\n });\n const reactAceComponent = useRef();\n\n const editor = (\n <>\n {showHeader && (\n <DSCodeEditorForm\n fileName={fileName}\n reactAceComponent={reactAceComponent}\n />\n )}\n <AceEditor\n ref={reactAceComponent}\n editorProps={{ $blockScrolling: true }}\n maxLines={maxLines}\n minLines={minLines}\n mode=\"javascript\"\n name=\"ace-code-edior\"\n onChange={(val) => {\n setState({ errors, value: val });\n onChange(val, errors);\n }}\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(\n 'Set of Properties attached to the main container',\n ),\n value: PropTypes.string.description('editors content').isRequired,\n onSave: PropTypes.func.description(\n 'function called when the user press save',\n ),\n onClose: PropTypes.func.description(\n 'function called when the user closes the modal',\n ),\n onReject: PropTypes.func.description('function called when is rejected'),\n onChange: PropTypes.func.description(\n 'function executed when code editor value changes',\n ).isRequired,\n isOpen: PropTypes.bool\n .description('Whether the modal is opened or not')\n .defaultValue(false),\n fileName: PropTypes.string.description('File name to open in the editor'),\n maxLines: PropTypes.number\n .description('Max lines in the editor content')\n .defaultValue(20),\n minLines: PropTypes.number\n .description('Min lines in the editor content')\n .defaultValue(20),\n modalTitle: PropTypes.string\n .description('Modal title')\n .defaultValue('Javascript Editor'),\n confirmLabel: PropTypes.string\n .description('Customize modal confirm label')\n .defaultValue('Save'),\n rejectLabel: PropTypes.string\n .description('Customize modal rejection label')\n .defaultValue('Close'),\n modalType: PropTypes.oneOf(modalTypes)\n .description('Modal type')\n .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\n .description('whether to use code editor inside modal or not')\n .defaultValue(true),\n showHeader: PropTypes.bool\n .description('show editors header')\n .defaultValue(true),\n showSyntaxChecks: PropTypes.bool\n .description('show syntax warnings and checks')\n .defaultValue(true),\n};\n\nDSCodeEditor.propTypes = codeEditorProps;\n\nconst CodeEditorWithSchema = describe(DSCodeEditor);\nCodeEditorWithSchema.propTypes = codeEditorProps;\n\nexport { CodeEditorWithSchema };\nexport default DSCodeEditor;\n"],"names":["DSCodeEditor","containerProps","value","defaultValue","onSave","onClose","onReject","onChange","isOpen","fileName","confirmLabel","maxLines","minLines","modalTitle","modalType","rejectLabel","size","style","useModal","showHeader","showSyntaxChecks","useState","errors","setState","reactAceComponent","useRef","editor","$blockScrolling","val","annotations","useWorker","codeEditorProps","PropTypes","object","description","string","isRequired","func","bool","number","oneOf","modalTypes","propTypes","CodeEditorWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;IASMA,YAAY,GAAG,SAAfA,YAAe,OAoBf;
|
|
1
|
+
{"version":3,"file":"DSCodeEditor.js","sources":["../../src/DSCodeEditor.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { useState, useRef } from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport DSModal, { modalTypes } from '@elliemae/ds-modal';\nimport AceEditor from 'react-ace';\nimport DSCodeEditorForm from './components/DSCodeEditorForm';\nimport 'brace/mode/javascript';\nimport 'brace/theme/tomorrow';\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}) => {\n const [{ value, errors }, setState] = useState({\n value: defaultValue,\n errors: [],\n });\n const reactAceComponent = useRef();\n\n const editor = (\n <>\n {showHeader && (\n <DSCodeEditorForm\n fileName={fileName}\n reactAceComponent={reactAceComponent}\n />\n )}\n <AceEditor\n ref={reactAceComponent}\n editorProps={{ $blockScrolling: true }}\n maxLines={maxLines}\n minLines={minLines}\n mode=\"javascript\"\n name=\"ace-code-edior\"\n onChange={(val) => {\n setState({ errors, value: val });\n onChange(val, errors);\n }}\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(\n 'Set of Properties attached to the main container',\n ),\n value: PropTypes.string.description('editors content').isRequired,\n onSave: PropTypes.func.description(\n 'function called when the user press save',\n ),\n onClose: PropTypes.func.description(\n 'function called when the user closes the modal',\n ),\n onReject: PropTypes.func.description('function called when is rejected'),\n onChange: PropTypes.func.description(\n 'function executed when code editor value changes',\n ).isRequired,\n isOpen: PropTypes.bool\n .description('Whether the modal is opened or not')\n .defaultValue(false),\n fileName: PropTypes.string.description('File name to open in the editor'),\n maxLines: PropTypes.number\n .description('Max lines in the editor content')\n .defaultValue(20),\n minLines: PropTypes.number\n .description('Min lines in the editor content')\n .defaultValue(20),\n modalTitle: PropTypes.string\n .description('Modal title')\n .defaultValue('Javascript Editor'),\n confirmLabel: PropTypes.string\n .description('Customize modal confirm label')\n .defaultValue('Save'),\n rejectLabel: PropTypes.string\n .description('Customize modal rejection label')\n .defaultValue('Close'),\n modalType: PropTypes.oneOf(modalTypes)\n .description('Modal type')\n .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\n .description('whether to use code editor inside modal or not')\n .defaultValue(true),\n showHeader: PropTypes.bool\n .description('show editors header')\n .defaultValue(true),\n showSyntaxChecks: PropTypes.bool\n .description('show syntax warnings and checks')\n .defaultValue(true),\n};\n\nDSCodeEditor.propTypes = codeEditorProps;\n\nconst CodeEditorWithSchema = describe(DSCodeEditor);\nCodeEditorWithSchema.propTypes = codeEditorProps;\n\nexport { CodeEditorWithSchema };\nexport default DSCodeEditor;\n"],"names":["DSCodeEditor","containerProps","value","defaultValue","onSave","onClose","onReject","onChange","isOpen","fileName","confirmLabel","maxLines","minLines","modalTitle","modalType","rejectLabel","size","style","useModal","showHeader","showSyntaxChecks","useState","errors","setState","reactAceComponent","useRef","editor","$blockScrolling","val","annotations","useWorker","codeEditorProps","PropTypes","object","description","string","isRequired","func","bool","number","oneOf","modalTypes","propTypes","CodeEditorWithSchema","describe"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSCodeEditorForm.js","sources":["../../../src/components/DSCodeEditorForm.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport DSButton from '@elliemae/ds-button';\nimport { DSCheckbox, DSTextBox, DSInputGroup } from '@elliemae/ds-form';\nimport { convertPropToCssClassName, aggregatedClasses } from '@elliemae/ds-classnames';\nimport { ChevronSmallLeft, ChevronSmallRight } from '@elliemae/ds-icons';\n\nconst blockName = 'code-editor';\n\nconst { cssClassName, classNameBlock } = convertPropToCssClassName(blockName);\n\nconst CheckOptionsGroup = aggregatedClasses('div')(`${blockName}-options-group`);\n\nclass DSCodeEditorForm extends Component {\n constructor(props) {\n super(props);\n this.state = {\n find: false,\n replace: false,\n isCaseSensitive: false,\n isWholeWord: false,\n filteredText: '',\n replaceText: '',\n };\n }\n\n searchWord(isReplace, all) {\n const {\n reactAceComponent: {\n current: { editor },\n },\n } = this.props;\n const { isCaseSensitive, isWholeWord, filteredText, replaceText } = this.state;\n const options = {\n backwards: false,\n wrap: true,\n caseSensitive: isCaseSensitive,\n wholeWord: isWholeWord,\n regExp: true,\n };\n editor.find(filteredText, options);\n const selectedContent = editor.getSelectedText();\n if (isReplace && replaceText && selectedContent) {\n if (all) {\n editor.findAll(filteredText, options);\n editor.replaceAll(replaceText);\n } else {\n const range = editor.selection.getRange();\n editor.session.replace(range, replaceText);\n }\n }\n }\n\n render() {\n const { fileName } = this.props;\n\n const { find, replace, isCaseSensitive, isWholeWord, filteredText, replaceText } = this.state;\n return (\n <div className={`${cssClassName}`}>\n {fileName ? (\n <div className={classNameBlock('file-name')}>\n File Name: <span> {fileName} </span>\n </div>\n ) : null}\n <div className={classNameBlock('find-replace-btn')}>\n {!find && !replace ? (\n <DSButton buttonType=\"secondary\" labelText=\"Find\" onClick={() => this.setState({ find: true })} size=\"m\" />\n ) : null}\n {!replace ? (\n <DSButton\n buttonType=\"secondary\"\n labelText=\"Find & Replace\"\n onClick={() => this.setState({ replace: true })}\n size=\"m\"\n />\n ) : null}\n </div>\n {find || replace ? (\n <DSInputGroup className={classNameBlock('find')}>\n <DSTextBox\n className=\"find-word\"\n fluidWidth={false}\n id=\"find-textbox\"\n onChange={(e) => this.setState({ filteredText: e.currentTarget.value })}\n placeholder=\"Find\"\n rightComponent={\n <div className={classNameBlock('next-back-btn')}>\n <DSButton icon={<ChevronSmallLeft />} size=\"m\" />\n <DSButton icon={<ChevronSmallRight />} onClick={() => this.searchWord()} size=\"m\" />\n </div>\n }\n value={filteredText}\n />\n <CheckOptionsGroup>\n <DSCheckbox\n checked={isCaseSensitive}\n id=\"case-sensitive-check\"\n labelText=\"Case Sensitive\"\n name=\"case-sensitive-check\"\n onChange={() => this.setState({ isCaseSensitive: !isCaseSensitive })}\n />\n <DSCheckbox\n checked={isWholeWord}\n id=\"whole-word-check\"\n labelText=\"Whole Word\"\n name=\"whole-word-check\"\n onChange={() => this.setState({ isWholeWord: !isWholeWord })}\n />\n <DSCheckbox\n checked={replace}\n id=\"replace-check\"\n labelText=\"Replace\"\n name=\"replace-check\"\n onChange={() => this.setState({ replace: !replace })}\n />\n </CheckOptionsGroup>\n <DSButton\n buttonType=\"secondary\"\n labelText=\"Done\"\n onClick={() => this.setState({ replace: false, find: false })}\n size=\"m\"\n />\n </DSInputGroup>\n ) : null}\n {replace ? (\n <div className={classNameBlock('replace')}>\n <DSTextBox\n className=\"find-word\"\n fluidWidth={false}\n id=\"replace-textbox\"\n onChange={(e) => this.setState({ replaceText: e.currentTarget.value })}\n placeholder=\"Replace\"\n value={replaceText}\n />\n <div className={classNameBlock('replace-btns')}>\n <DSButton\n buttonType=\"secondary\"\n labelText=\"Replace\"\n onClick={() => this.searchWord(true, false)}\n size=\"m\"\n />\n <DSButton\n buttonType=\"secondary\"\n labelText=\"Replace All\"\n onClick={() => this.searchWord(true, true)}\n size=\"m\"\n />\n </div>\n </div>\n ) : null}\n </div>\n );\n }\n}\n\nexport default DSCodeEditorForm;\n"],"names":["blockName","convertPropToCssClassName","cssClassName","classNameBlock","CheckOptionsGroup","aggregatedClasses","DSCodeEditorForm","props","state","find","replace","isCaseSensitive","isWholeWord","filteredText","replaceText","isReplace","all","editor","reactAceComponent","current","options","backwards","wrap","caseSensitive","wholeWord","regExp","selectedContent","getSelectedText","findAll","replaceAll","range","selection","getRange","session","fileName","setState","e","currentTarget","value","searchWord","Component"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"DSCodeEditorForm.js","sources":["../../../src/components/DSCodeEditorForm.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport DSButton from '@elliemae/ds-button';\nimport { DSCheckbox, DSTextBox, DSInputGroup } from '@elliemae/ds-form';\nimport { convertPropToCssClassName, aggregatedClasses } from '@elliemae/ds-classnames';\nimport { ChevronSmallLeft, ChevronSmallRight } from '@elliemae/ds-icons';\n\nconst blockName = 'code-editor';\n\nconst { cssClassName, classNameBlock } = convertPropToCssClassName(blockName);\n\nconst CheckOptionsGroup = aggregatedClasses('div')(`${blockName}-options-group`);\n\nclass DSCodeEditorForm extends Component {\n constructor(props) {\n super(props);\n this.state = {\n find: false,\n replace: false,\n isCaseSensitive: false,\n isWholeWord: false,\n filteredText: '',\n replaceText: '',\n };\n }\n\n searchWord(isReplace, all) {\n const {\n reactAceComponent: {\n current: { editor },\n },\n } = this.props;\n const { isCaseSensitive, isWholeWord, filteredText, replaceText } = this.state;\n const options = {\n backwards: false,\n wrap: true,\n caseSensitive: isCaseSensitive,\n wholeWord: isWholeWord,\n regExp: true,\n };\n editor.find(filteredText, options);\n const selectedContent = editor.getSelectedText();\n if (isReplace && replaceText && selectedContent) {\n if (all) {\n editor.findAll(filteredText, options);\n editor.replaceAll(replaceText);\n } else {\n const range = editor.selection.getRange();\n editor.session.replace(range, replaceText);\n }\n }\n }\n\n render() {\n const { fileName } = this.props;\n\n const { find, replace, isCaseSensitive, isWholeWord, filteredText, replaceText } = this.state;\n return (\n <div className={`${cssClassName}`}>\n {fileName ? (\n <div className={classNameBlock('file-name')}>\n File Name: <span> {fileName} </span>\n </div>\n ) : null}\n <div className={classNameBlock('find-replace-btn')}>\n {!find && !replace ? (\n <DSButton buttonType=\"secondary\" labelText=\"Find\" onClick={() => this.setState({ find: true })} size=\"m\" />\n ) : null}\n {!replace ? (\n <DSButton\n buttonType=\"secondary\"\n labelText=\"Find & Replace\"\n onClick={() => this.setState({ replace: true })}\n size=\"m\"\n />\n ) : null}\n </div>\n {find || replace ? (\n <DSInputGroup className={classNameBlock('find')}>\n <DSTextBox\n className=\"find-word\"\n fluidWidth={false}\n id=\"find-textbox\"\n onChange={(e) => this.setState({ filteredText: e.currentTarget.value })}\n placeholder=\"Find\"\n rightComponent={\n <div className={classNameBlock('next-back-btn')}>\n <DSButton icon={<ChevronSmallLeft />} size=\"m\" />\n <DSButton icon={<ChevronSmallRight />} onClick={() => this.searchWord()} size=\"m\" />\n </div>\n }\n value={filteredText}\n />\n <CheckOptionsGroup>\n <DSCheckbox\n checked={isCaseSensitive}\n id=\"case-sensitive-check\"\n labelText=\"Case Sensitive\"\n name=\"case-sensitive-check\"\n onChange={() => this.setState({ isCaseSensitive: !isCaseSensitive })}\n />\n <DSCheckbox\n checked={isWholeWord}\n id=\"whole-word-check\"\n labelText=\"Whole Word\"\n name=\"whole-word-check\"\n onChange={() => this.setState({ isWholeWord: !isWholeWord })}\n />\n <DSCheckbox\n checked={replace}\n id=\"replace-check\"\n labelText=\"Replace\"\n name=\"replace-check\"\n onChange={() => this.setState({ replace: !replace })}\n />\n </CheckOptionsGroup>\n <DSButton\n buttonType=\"secondary\"\n labelText=\"Done\"\n onClick={() => this.setState({ replace: false, find: false })}\n size=\"m\"\n />\n </DSInputGroup>\n ) : null}\n {replace ? (\n <div className={classNameBlock('replace')}>\n <DSTextBox\n className=\"find-word\"\n fluidWidth={false}\n id=\"replace-textbox\"\n onChange={(e) => this.setState({ replaceText: e.currentTarget.value })}\n placeholder=\"Replace\"\n value={replaceText}\n />\n <div className={classNameBlock('replace-btns')}>\n <DSButton\n buttonType=\"secondary\"\n labelText=\"Replace\"\n onClick={() => this.searchWord(true, false)}\n size=\"m\"\n />\n <DSButton\n buttonType=\"secondary\"\n labelText=\"Replace All\"\n onClick={() => this.searchWord(true, true)}\n size=\"m\"\n />\n </div>\n </div>\n ) : null}\n </div>\n );\n }\n}\n\nexport default DSCodeEditorForm;\n"],"names":["blockName","convertPropToCssClassName","cssClassName","classNameBlock","CheckOptionsGroup","aggregatedClasses","DSCodeEditorForm","props","state","find","replace","isCaseSensitive","isWholeWord","filteredText","replaceText","isReplace","all","editor","reactAceComponent","current","options","backwards","wrap","caseSensitive","wholeWord","regExp","selectedContent","getSelectedText","findAll","replaceAll","range","selection","getRange","session","fileName","setState","e","currentTarget","value","searchWord","Component"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSCodeEditorImpl.js","sources":["../../../src/components/DSCodeEditorImpl.tsx"],"sourcesContent":["import React, { Component } from 'react';\nimport AceEditor from 'react-ace';\nimport DSModal from '@elliemae/ds-modal';\nimport DSCodeEditorForm from './DSCodeEditorForm';\nimport 'brace/mode/javascript';\nimport 'brace/theme/tomorrow';\n\nclass DSCodeEditorImpl extends Component {\n constructor(props) {\n super(props);\n this.state = {\n value: props.value,\n errors: [],\n };\n this.reactAceComponent = React.createRef();\n }\n\n render() {\n const {\n onSave,\n onClose,\n onReject,\n isOpen,\n fileName,\n confirmLabel,\n maxLines,\n minLines,\n modalTitle,\n modalType,\n rejectLabel,\n size,\n style,\n containerProps,\n } = this.props;\n\n const { value, errors } = this.state;\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 <DSCodeEditorForm\n fileName={fileName}\n reactAceComponent={this.reactAceComponent}\n />\n <AceEditor\n ref={this.reactAceComponent}\n editorProps={{ $blockScrolling: true }}\n maxLines={maxLines}\n minLines={minLines}\n mode=\"javascript\"\n name=\"ace-code-edior\"\n onChange={val => this.setState({ value: val })}\n onValidate={annotations => this.setState({ errors: annotations })}\n theme=\"tomorrow\"\n value={value}\n />\n </DSModal>\n );\n }\n}\n\nexport default DSCodeEditorImpl;\n"],"names":["DSCodeEditorImpl","props","state","value","errors","reactAceComponent","React","createRef","onSave","onClose","onReject","isOpen","fileName","confirmLabel","maxLines","minLines","modalTitle","modalType","rejectLabel","size","style","containerProps","$blockScrolling","val","setState","annotations","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;IAOMA;;;;;
|
|
1
|
+
{"version":3,"file":"DSCodeEditorImpl.js","sources":["../../../src/components/DSCodeEditorImpl.tsx"],"sourcesContent":["import React, { Component } from 'react';\nimport AceEditor from 'react-ace';\nimport DSModal from '@elliemae/ds-modal';\nimport DSCodeEditorForm from './DSCodeEditorForm';\nimport 'brace/mode/javascript';\nimport 'brace/theme/tomorrow';\n\nclass DSCodeEditorImpl extends Component {\n constructor(props) {\n super(props);\n this.state = {\n value: props.value,\n errors: [],\n };\n this.reactAceComponent = React.createRef();\n }\n\n render() {\n const {\n onSave,\n onClose,\n onReject,\n isOpen,\n fileName,\n confirmLabel,\n maxLines,\n minLines,\n modalTitle,\n modalType,\n rejectLabel,\n size,\n style,\n containerProps,\n } = this.props;\n\n const { value, errors } = this.state;\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 <DSCodeEditorForm\n fileName={fileName}\n reactAceComponent={this.reactAceComponent}\n />\n <AceEditor\n ref={this.reactAceComponent}\n editorProps={{ $blockScrolling: true }}\n maxLines={maxLines}\n minLines={minLines}\n mode=\"javascript\"\n name=\"ace-code-edior\"\n onChange={val => this.setState({ value: val })}\n onValidate={annotations => this.setState({ errors: annotations })}\n theme=\"tomorrow\"\n value={value}\n />\n </DSModal>\n );\n }\n}\n\nexport default DSCodeEditorImpl;\n"],"names":["DSCodeEditorImpl","props","state","value","errors","reactAceComponent","React","createRef","onSave","onClose","onReject","isOpen","fileName","confirmLabel","maxLines","minLines","modalTitle","modalType","rejectLabel","size","style","containerProps","$blockScrolling","val","setState","annotations","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;IAOMA;;;;;EACJ,0BAAYC,KAAZ,EAAmB;IAAA;;IAAA;;IACjB,0BAAMA,KAAN;IACA,MAAKC,KAAL,GAAa;MACXC,KAAK,EAAEF,KAAK,CAACE,KADF;MAEXC,MAAM,EAAE;KAFV;IAIA,MAAKC,iBAAL,gBAAyBC,KAAK,CAACC,SAAN,EAAzB;IANiB;;;;;WASnB,kBAAS;MAAA;;MACP,kBAeI,KAAKN,KAfT;UACEO,MADF,eACEA,MADF;UAEEC,QAFF,eAEEA,OAFF;UAGEC,SAHF,eAGEA,QAHF;UAIEC,MAJF,eAIEA,MAJF;UAKEC,QALF,eAKEA,QALF;UAMEC,YANF,eAMEA,YANF;UAOEC,QAPF,eAOEA,QAPF;UAQEC,QARF,eAQEA,QARF;UASEC,UATF,eASEA,UATF;UAUEC,SAVF,eAUEA,SAVF;UAWEC,WAXF,eAWEA,WAXF;UAYEC,IAZF,eAYEA,IAZF;UAaEC,KAbF,eAaEA,KAbF;UAcEC,cAdF,eAcEA,cAdF;MAiBA,kBAA0B,KAAKnB,KAA/B;UAAQC,KAAR,eAAQA,KAAR;UAAeC,MAAf,eAAeA,MAAf;MACA,oBACE,oBAAC,OAAD;QACE,QAAQ,EAAE,KADZ;QAEE,YAAY,EAAES,YAFhB;QAGE,cAAc,EAAEQ,cAHlB;QAIE,MAAM,EAAEV,MAJV;QAKE,UAAU,EAAEK,UALd;QAME,SAAS,EAAEC,SANb;QAOE,OAAO,EAAE;UAAA,OAAMR,QAAO,CAACN,KAAD,EAAQS,QAAR,EAAkBR,MAAlB,CAAb;SAPX;QAQE,SAAS,EAAE;UAAA,OAAMI,MAAM,CAACL,KAAD,EAAQS,QAAR,EAAkBR,MAAlB,CAAZ;SARb;QASE,QAAQ,EAAE;UAAA,OAAMM,SAAQ,CAACP,KAAD,EAAQS,QAAR,EAAkBR,MAAlB,CAAd;SATZ;QAUE,WAAW,EAAEc,WAVf;QAWE,IAAI,EAAEC,IAXR;QAYE,KAAK,EAAEC;sBAEP,oBAAC,gBAAD;QACE,QAAQ,EAAER,QADZ;QAEE,iBAAiB,EAAE,KAAKP;QAhB5B,eAkBE,oBAAC,SAAD;QACE,GAAG,EAAE,KAAKA,iBADZ;QAEE,WAAW,EAAE;UAAEiB,eAAe,EAAE;SAFlC;QAGE,QAAQ,EAAER,QAHZ;QAIE,QAAQ,EAAEC,QAJZ;QAKE,IAAI,EAAC,YALP;QAME,IAAI,EAAC,gBANP;QAOE,QAAQ,EAAE,kBAAAQ,GAAG;UAAA,OAAI,MAAI,CAACC,QAAL,CAAc;YAAErB,KAAK,EAAEoB;WAAvB,CAAJ;SAPf;QAQE,UAAU,EAAE,oBAAAE,WAAW;UAAA,OAAI,MAAI,CAACD,QAAL,CAAc;YAAEpB,MAAM,EAAEqB;WAAxB,CAAJ;SARzB;QASE,KAAK,EAAC,UATR;QAUE,KAAK,EAAEtB;QA5BX,CADF;;;;;EA7B2BuB;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-codeeditor",
|
|
3
|
-
"version": "1.61.
|
|
3
|
+
"version": "1.61.13",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "Ellie Mae - Dim Sum - Code Editor",
|
|
6
6
|
"main": "cjs/index.js",
|
|
@@ -16,10 +16,10 @@
|
|
|
16
16
|
"build": "node ../../scripts/build/build.js"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@elliemae/ds-basic": "1.61.
|
|
20
|
-
"@elliemae/ds-classnames": "1.61.
|
|
21
|
-
"@elliemae/ds-icons": "1.61.
|
|
22
|
-
"@elliemae/ds-modal": "1.61.
|
|
19
|
+
"@elliemae/ds-basic": "1.61.13",
|
|
20
|
+
"@elliemae/ds-classnames": "1.61.13",
|
|
21
|
+
"@elliemae/ds-icons": "1.61.13",
|
|
22
|
+
"@elliemae/ds-modal": "1.61.13",
|
|
23
23
|
"brace": "~0.11.1",
|
|
24
24
|
"react-ace": "~6.6.0",
|
|
25
25
|
"react-desc": "^4.1.2"
|