@galaxy-ds/core 2.1.7 → 2.1.9

package/dist/index.js

@@ -18749,12 +18749,13 @@ var StyledFormHelperText = styles$1.styled(FormHelperText)(function (_a) {
 });
 
 var Input = React.forwardRef(function Input(props, ref) {
-    var _a = props.error, error = _a === void 0 ? false : _a, helperText = props.helperText, _b = props.textAlignRight, textAlignRight = _b === void 0 ? false : _b, label = props.label, _c = props.size, size = _c === void 0 ? 'medium' : _c, _d = props.background, background = _d === void 0 ? 'default' : _d, className = props.className, inputPropStyles = props.inputPropStyles, rest = __rest(props, ["error", "helperText", "textAlignRight", "label", "size", "background", "className", "inputPropStyles"]);
+    var _a = props.error, error = _a === void 0 ? false : _a, helperText = props.helperText, _b = props.textAlignRight, textAlignRight = _b === void 0 ? false : _b, label = props.label, _c = props.size, size = _c === void 0 ? 'medium' : _c, _d = props.background, background = _d === void 0 ? 'default' : _d, className = props.className, inputPropStyles = props.inputPropStyles, minRows = props.minRows, maxRows = props.maxRows, rows = props.rows, rest = __rest(props, ["error", "helperText", "textAlignRight", "label", "size", "background", "className", "inputPropStyles", "minRows", "maxRows", "rows"]);
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [label && jsxRuntime.jsx(FormLabelBlock, { children: label }), jsxRuntime.jsx(StyledInputBase, __assign({ ref: ref, error: error, textAlignRight: textAlignRight, className: clsx(size === 'large' && 'customLargeSize', background === 'light' && 'customLightColor', className), inputProps: {
                     style: __assign({ 
-                        // EDGECASE: When we use multiline and set minRows, maxRows, rows we need to define the width of the input. By default we set this to 162.
-                        width: inputPropStyles ? inputPropStyles.width : 162 }, inputPropStyles),
-                } }, rest)), helperText && (jsxRuntime.jsx(StyledFormHelperText, { error: error, children: helperText }))] }));
+                        // EDGECASE: When we use multiline and set minRows, maxRows, rows we need to define the width of the input. 100% here will inherit parent container.
+                        // If there's no container we need to define the width. Otherwise the input will fluctate in size on keydown when rows param exist.
+                        width: inputPropStyles ? inputPropStyles.width : '100%' }, inputPropStyles),
+                }, rows: rows, minRows: minRows, maxRows: maxRows }, rest)), helperText && (jsxRuntime.jsx(StyledFormHelperText, { error: error, children: helperText }))] }));
 });
 
 var ListItemAvatar = function (props) {
@@ -40879,10 +40880,61 @@ var ExtensionPlaceholders = Node.create({
     },
 });
 
+var TAB_CHAR = '\u0009';
+var TabIndent = Extension.create({
+    name: 'tabIndent',
+    addKeyboardShortcuts: function () {
+        return {
+            Tab: function (_a) {
+                var editor = _a.editor;
+                var selection = editor.state.selection;
+                var $from = selection.$from;
+                if (editor.isActive('listItem') && $from.parentOffset === 0) {
+                    var sinkResult = editor.chain().sinkListItem('listItem').run();
+                    if (sinkResult) {
+                        return true;
+                    }
+                }
+                editor
+                    .chain()
+                    .command(function (_a) {
+                    var tr = _a.tr;
+                    tr.insertText(TAB_CHAR);
+                    return true;
+                })
+                    .run();
+                return true;
+            },
+            'Shift-Tab': function (_a) {
+                var editor = _a.editor;
+                var _b = editor.state, selection = _b.selection, doc = _b.doc;
+                var $from = selection.$from;
+                var pos = $from.pos;
+                if (editor.isActive('listItem') && $from.parentOffset === 0) {
+                    return editor.chain().liftListItem('listItem').run();
+                }
+                if (doc.textBetween(pos - 1, pos) === TAB_CHAR) {
+                    editor
+                        .chain()
+                        .command(function (_a) {
+                        var tr = _a.tr;
+                        tr.delete(pos - 1, pos);
+                        return true;
+                    })
+                        .run();
+                    return true;
+                }
+                return true;
+            },
+        };
+    },
+});
+
 var index = /*#__PURE__*/Object.freeze({
     __proto__: null,
     ExtensionPlaceholders: ExtensionPlaceholders,
-    Placeholder: Placeholder
+    Placeholder: Placeholder,
+    TabIndent: TabIndent
 });
 
 var useEditor = function () {
@@ -45419,9 +45471,9 @@ var TextEditorContainer = material.styled('div')(function (_a) {
 
 var TextEditor = function (props) {
     var _a, _b, _c, _d;
-    var extensions = __spreadArray([
+    var extensions = __spreadArray(__spreadArray([
         StarterKit.configure(__assign({ blockquote: false, bold: false, bulletList: false, code: false, codeBlock: false, dropcursor: {}, hardBreak: false, heading: false, horizontalRule: false, italic: false, listItem: false, orderedList: false, strike: false }, ((_a = props.formatting) !== null && _a !== void 0 ? _a : {})))
-    ], ((_b = props.extensions) !== null && _b !== void 0 ? _b : []), true);
+    ], (props.disableTabIndent ? [] : [TabIndent]), true), ((_b = props.extensions) !== null && _b !== void 0 ? _b : []), true);
     var editor = useEditor$1({
         extensions: extensions,
         content: props.initialContent,