@maif/react-forms 1.0.30 → 1.0.31

package/lib/form.js

@@ -654,6 +654,8 @@ var Step = function Step(_ref4) {
           }, inputProps)));
 
         case _format.format.code:
+        case _format.format.singleLineCode:
+          var Component = step.format === _format.format.code ? _index.CodeInput : _index.SingleLineCode;
           return /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
             name: entry,
             control: control,
@@ -668,7 +670,7 @@ var Step = function Step(_ref4) {
                   rawValues: getValues()
                 }, field),
                 error: error
-              }, /*#__PURE__*/_react["default"].createElement(_index.CodeInput, _extends({
+              }, /*#__PURE__*/_react["default"].createElement(Component, _extends({
                 className: (0, _classnames["default"])(_defineProperty({}, classes.input__invalid, error)),
                 readOnly: functionalProperty(entry, step.disabled) ? true : false,
                 onChange: function onChange(e) {

package/lib/format.d.ts

@@ -9,4 +9,5 @@ export declare const format: {
     hidden: string;
     form: string;
     buttonsSelect: string;
+    singleLineCode: string;
 };

package/lib/format.js

@@ -14,6 +14,7 @@ var format = {
   password: 'password',
   hidden: 'hidden',
   form: 'form',
-  buttonsSelect: 'buttons'
+  buttonsSelect: 'buttons',
+  singleLineCode: 'singleLineCode'
 };
 exports.format = format;

package/lib/inputs/SingleLineCode.d.ts

@@ -0,0 +1,9 @@
+export function SingleLineCode({ onChange, value, className, readOnly, theme, mode, ...props }: {
+    [x: string]: any;
+    onChange: any;
+    value: any;
+    className?: string | undefined;
+    readOnly: any;
+    theme?: string | undefined;
+    mode?: string | undefined;
+}): JSX.Element;

package/lib/inputs/SingleLineCode.js

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SingleLineCode = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactAce = _interopRequireDefault(require("react-ace"));
+
+var _beautify = _interopRequireDefault(require("brace/ext/beautify"));
+
+require("brace/mode/html");
+
+require("brace/mode/javascript");
+
+require("brace/mode/json");
+
+require("brace/mode/css");
+
+require("brace/mode/markdown");
+
+require("brace/theme/monokai");
+
+require("brace/theme/tomorrow");
+
+require("brace/ext/searchbox");
+
+require("brace/ext/language_tools");
+
+var _excluded = ["onChange", "value", "className", "readOnly", "theme", "mode"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var SingleLineCode = function SingleLineCode(_ref) {
+  var onChange = _ref.onChange,
+      value = _ref.value,
+      _ref$className = _ref.className,
+      className = _ref$className === void 0 ? '' : _ref$className,
+      readOnly = _ref.readOnly,
+      _ref$theme = _ref.theme,
+      theme = _ref$theme === void 0 ? 'monokai' : _ref$theme,
+      _ref$mode = _ref.mode,
+      mode = _ref$mode === void 0 ? 'javascript' : _ref$mode,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      padding: '6px',
+      backgroundColor: theme === 'monokai' ? "#272822" : '#fff'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_reactAce["default"], _extends({
+    commands: _beautify["default"].commands,
+    className: className,
+    readOnly: readOnly,
+    style: {
+      zIndex: 0,
+      isolation: 'isolate'
+    },
+    width: "-1",
+    mode: mode,
+    theme: theme,
+    onChange: onChange,
+    value: value,
+    name: "scriptParam",
+    setOptions: {
+      maxLines: 1,
+      fontSize: '15px'
+    },
+    editorProps: {
+      $blockScrolling: true
+    },
+    showGutter: false,
+    highlightActiveLine: false,
+    enableBasicAutocompletion: true,
+    enableLiveAutocompletion: true,
+    ref: props.setRef
+  }, props)));
+};
+
+exports.SingleLineCode = SingleLineCode;

package/lib/inputs/index.d.ts

@@ -5,3 +5,4 @@ export * from "./ArrayInput";
 export * from "./objectInput";
 export * from "./CodeInput";
 export * from "./MarkdownInput";
+export * from "./SingleLineCode";

package/lib/inputs/index.js

@@ -93,4 +93,17 @@ Object.keys(_MarkdownInput).forEach(function (key) {
       return _MarkdownInput[key];
     }
   });
+});
+
+var _SingleLineCode = require("./SingleLineCode");
+
+Object.keys(_SingleLineCode).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SingleLineCode[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _SingleLineCode[key];
+    }
+  });
 });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maif/react-forms",
   "description": "Build react safe forms as fast as possible",
-  "version": "1.0.30",
+  "version": "1.0.31",
   "main": "lib/index.js",
   "author": "MAIF team",
   "keywords": [