@lv-x-software-house/x_view 1.2.2-dev.20 → 1.2.2-dev.22

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.
Files changed (3) hide show
  1. package/dist/index.js +76 -11
  2. package/dist/index.mjs +76 -11
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -4021,6 +4021,70 @@ function DescriptionEditModal({
4021
4021
  setIsMentionModalOpen(true);
4022
4022
  }
4023
4023
  };
4024
+ const handleKeyDownTextarea = (e) => {
4025
+ const el = textareaRef.current;
4026
+ if (!el) return;
4027
+ if (e.key === "Enter") {
4028
+ const cursorPosition = el.selectionStart;
4029
+ const textBeforeCursor = text.substring(0, cursorPosition);
4030
+ const linesBeforeCursor = textBeforeCursor.split("\n");
4031
+ const currentLine = linesBeforeCursor[linesBeforeCursor.length - 1];
4032
+ const numberMatch = currentLine.match(/^(\s*)(\d+)\.\s(.*)/);
4033
+ if (numberMatch) {
4034
+ e.preventDefault();
4035
+ const space = numberMatch[1];
4036
+ const number = parseInt(numberMatch[2], 10);
4037
+ const content = numberMatch[3];
4038
+ if (content.trim() === "") {
4039
+ const newTextBeforeCursor = textBeforeCursor.substring(0, textBeforeCursor.length - currentLine.length);
4040
+ const newText = newTextBeforeCursor + "\n" + text.substring(el.selectionEnd);
4041
+ el.value = newText;
4042
+ el.setSelectionRange(newTextBeforeCursor.length + 1, newTextBeforeCursor.length + 1);
4043
+ setText(newText);
4044
+ return;
4045
+ }
4046
+ const nextNumber = number + 1;
4047
+ insertAtCursor(`
4048
+ ${space}${nextNumber}. `);
4049
+ return;
4050
+ }
4051
+ const checklistMatch = currentLine.match(/^(\s*)- \[[ xX]\]\s(.*)/);
4052
+ if (checklistMatch) {
4053
+ e.preventDefault();
4054
+ const space = checklistMatch[1];
4055
+ const content = checklistMatch[2];
4056
+ if (content.trim() === "") {
4057
+ const newTextBeforeCursor = textBeforeCursor.substring(0, textBeforeCursor.length - currentLine.length);
4058
+ const newText = newTextBeforeCursor + "\n" + text.substring(el.selectionEnd);
4059
+ el.value = newText;
4060
+ el.setSelectionRange(newTextBeforeCursor.length + 1, newTextBeforeCursor.length + 1);
4061
+ setText(newText);
4062
+ return;
4063
+ }
4064
+ insertAtCursor(`
4065
+ ${space}- [ ] `);
4066
+ return;
4067
+ }
4068
+ const bulletMatch = currentLine.match(/^(\s*)([-*])\s(.*)/);
4069
+ if (bulletMatch) {
4070
+ e.preventDefault();
4071
+ const space = bulletMatch[1];
4072
+ const bullet = bulletMatch[2];
4073
+ const content = bulletMatch[3];
4074
+ if (content.trim() === "") {
4075
+ const newTextBeforeCursor = textBeforeCursor.substring(0, textBeforeCursor.length - currentLine.length);
4076
+ const newText = newTextBeforeCursor + "\n" + text.substring(el.selectionEnd);
4077
+ el.value = newText;
4078
+ el.setSelectionRange(newTextBeforeCursor.length + 1, newTextBeforeCursor.length + 1);
4079
+ setText(newText);
4080
+ return;
4081
+ }
4082
+ insertAtCursor(`
4083
+ ${space}${bullet} `);
4084
+ return;
4085
+ }
4086
+ }
4087
+ };
4024
4088
  const openMentionModalViaButton = () => {
4025
4089
  setMentionTriggerIndex(null);
4026
4090
  setIsMentionModalOpen(true);
@@ -4053,11 +4117,11 @@ function DescriptionEditModal({
4053
4117
  ),
4054
4118
  /* @__PURE__ */ import_react6.default.createElement("div", { className: "h-[2px] bg-gradient-to-r from-indigo-400/0 via-indigo-400/70 to-indigo-400/0 shrink-0" }),
4055
4119
  /* @__PURE__ */ import_react6.default.createElement("div", { className: "px-6 pt-5 pb-3 flex items-center justify-between gap-4 shrink-0" }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react6.default.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-indigo-400/80" }), /* @__PURE__ */ import_react6.default.createElement("p", { className: "text-sm font-medium text-slate-200" }, title || "Editar Descri\xE7\xE3o")), /* @__PURE__ */ import_react6.default.createElement("button", { onClick: handleClose, className: "w-9 h-9 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl", title: "Fechar" }, "\xD7")),
4056
- /* @__PURE__ */ import_react6.default.createElement("div", { className: "px-6 py-3 flex flex-col gap-3 border-b border-white/5 bg-white/5 shrink-0" }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "flex items-center gap-2 overflow-x-auto custom-scrollbar" }, /* @__PURE__ */ import_react6.default.createElement(
4120
+ /* @__PURE__ */ import_react6.default.createElement("div", { className: "px-6 py-3 flex flex-col gap-3 border-b border-white/5 bg-white/5 shrink-0" }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "flex items-center gap-2 flex-wrap" }, /* @__PURE__ */ import_react6.default.createElement(
4057
4121
  "button",
4058
4122
  {
4059
4123
  onClick: () => insertAtCursor("# "),
4060
- className: "flex items-center gap-1 px-3 py-1.5 rounded bg-slate-800 hover:bg-slate-700 border border-white/10 text-xs font-medium transition-colors whitespace-nowrap",
4124
+ className: "flex items-center gap-1 px-3 py-1.5 rounded bg-indigo-600/30 hover:bg-indigo-600/50 border border-indigo-500/30 text-indigo-200 text-xs font-medium transition-colors whitespace-nowrap",
4061
4125
  title: "T\xEDtulo Principal"
4062
4126
  },
4063
4127
  /* @__PURE__ */ import_react6.default.createElement(import_fi4.FiType, { size: 12 }),
@@ -4066,7 +4130,7 @@ function DescriptionEditModal({
4066
4130
  "button",
4067
4131
  {
4068
4132
  onClick: () => insertAtCursor("## "),
4069
- className: "flex items-center gap-1 px-3 py-1.5 rounded bg-slate-800 hover:bg-slate-700 border border-white/10 text-xs font-medium transition-colors whitespace-nowrap",
4133
+ className: "flex items-center gap-1 px-3 py-1.5 rounded bg-indigo-600/30 hover:bg-indigo-600/50 border border-indigo-500/30 text-indigo-200 text-xs font-medium transition-colors whitespace-nowrap",
4070
4134
  title: "Subt\xEDtulo"
4071
4135
  },
4072
4136
  /* @__PURE__ */ import_react6.default.createElement(import_fi4.FiType, { size: 10 }),
@@ -4075,7 +4139,7 @@ function DescriptionEditModal({
4075
4139
  "button",
4076
4140
  {
4077
4141
  onClick: () => insertAtCursor("- "),
4078
- className: "flex items-center gap-1 px-3 py-1.5 rounded bg-slate-800 hover:bg-slate-700 border border-white/10 text-xs font-medium transition-colors whitespace-nowrap",
4142
+ className: "flex items-center gap-1 px-3 py-1.5 rounded bg-indigo-600/30 hover:bg-indigo-600/50 border border-indigo-500/30 text-indigo-200 text-xs font-medium transition-colors whitespace-nowrap",
4079
4143
  title: "Lista com bullets"
4080
4144
  },
4081
4145
  /* @__PURE__ */ import_react6.default.createElement(import_fi4.FiList, { size: 12 }),
@@ -4084,7 +4148,7 @@ function DescriptionEditModal({
4084
4148
  "button",
4085
4149
  {
4086
4150
  onClick: () => insertAtCursor("1. "),
4087
- className: "flex items-center gap-1 px-3 py-1.5 rounded bg-slate-800 hover:bg-slate-700 border border-white/10 text-xs font-medium transition-colors whitespace-nowrap",
4151
+ className: "flex items-center gap-1 px-3 py-1.5 rounded bg-indigo-600/30 hover:bg-indigo-600/50 border border-indigo-500/30 text-indigo-200 text-xs font-medium transition-colors whitespace-nowrap",
4088
4152
  title: "Lista Numerada"
4089
4153
  },
4090
4154
  /* @__PURE__ */ import_react6.default.createElement("span", { className: "text-[10px] font-bold" }, "1."),
@@ -4093,7 +4157,7 @@ function DescriptionEditModal({
4093
4157
  "button",
4094
4158
  {
4095
4159
  onClick: () => insertAtCursor("- [ ] "),
4096
- className: "flex items-center gap-1 px-3 py-1.5 rounded bg-slate-800 hover:bg-slate-700 border border-white/10 text-xs font-medium transition-colors whitespace-nowrap",
4160
+ className: "flex items-center gap-1 px-3 py-1.5 rounded bg-indigo-600/30 hover:bg-indigo-600/50 border border-indigo-500/30 text-indigo-200 text-xs font-medium transition-colors whitespace-nowrap",
4097
4161
  title: "Checklist (Checkbox)"
4098
4162
  },
4099
4163
  /* @__PURE__ */ import_react6.default.createElement(import_fi4.FiCheckSquare, { size: 12 }),
@@ -4102,7 +4166,7 @@ function DescriptionEditModal({
4102
4166
  "button",
4103
4167
  {
4104
4168
  onClick: () => insertAtCursor("``` ```"),
4105
- className: "flex items-center gap-1 px-3 py-1.5 rounded bg-slate-800 hover:bg-slate-700 border border-white/10 text-xs font-medium transition-colors whitespace-nowrap",
4169
+ className: "flex items-center gap-1 px-3 py-1.5 rounded bg-indigo-600/30 hover:bg-indigo-600/50 border border-indigo-500/30 text-indigo-200 text-xs font-medium transition-colors whitespace-nowrap",
4106
4170
  title: "Inserir Code Block"
4107
4171
  },
4108
4172
  /* @__PURE__ */ import_react6.default.createElement(import_fi4.FiCode, { size: 12 }),
@@ -4111,21 +4175,21 @@ function DescriptionEditModal({
4111
4175
  "button",
4112
4176
  {
4113
4177
  onClick: () => insertAtCursor("[Link Texto](https://)"),
4114
- className: "flex items-center gap-1 px-3 py-1.5 rounded bg-slate-800 hover:bg-slate-700 border border-white/10 text-xs font-medium transition-colors whitespace-nowrap",
4178
+ className: "flex items-center gap-1 px-3 py-1.5 rounded bg-indigo-600/30 hover:bg-indigo-600/50 border border-indigo-500/30 text-indigo-200 text-xs font-medium transition-colors whitespace-nowrap",
4115
4179
  title: "Inserir Link Web [Texto](Url)"
4116
4180
  },
4117
4181
  /* @__PURE__ */ import_react6.default.createElement(import_fi4.FiGlobe, { size: 12 }),
4118
4182
  " Link"
4119
- ), /* @__PURE__ */ import_react6.default.createElement(
4183
+ )), /* @__PURE__ */ import_react6.default.createElement("div", { className: "flex items-center gap-2 flex-wrap" }, /* @__PURE__ */ import_react6.default.createElement(
4120
4184
  "button",
4121
4185
  {
4122
4186
  onClick: () => setIsImageModalOpen(true),
4123
- className: "flex items-center gap-1 px-3 py-1.5 rounded bg-slate-800 hover:bg-slate-700 border border-white/10 text-xs font-medium transition-colors whitespace-nowrap",
4187
+ className: "flex items-center gap-1 px-3 py-1.5 rounded bg-indigo-600/30 hover:bg-indigo-600/50 border border-indigo-500/30 text-indigo-200 text-xs font-medium transition-colors whitespace-nowrap",
4124
4188
  title: "Inserir Imagem (Propriedade ou URL)"
4125
4189
  },
4126
4190
  /* @__PURE__ */ import_react6.default.createElement(import_fi4.FiImage, { size: 12 }),
4127
4191
  " Imagem"
4128
- )), /* @__PURE__ */ import_react6.default.createElement("div", { className: "flex items-center gap-2 overflow-x-auto custom-scrollbar" }, /* @__PURE__ */ import_react6.default.createElement(
4192
+ ), /* @__PURE__ */ import_react6.default.createElement(
4129
4193
  "button",
4130
4194
  {
4131
4195
  onClick: openMentionModalViaButton,
@@ -4158,6 +4222,7 @@ function DescriptionEditModal({
4158
4222
  ref: textareaRef,
4159
4223
  value: text,
4160
4224
  onChange: handleTextChange,
4225
+ onKeyDown: handleKeyDownTextarea,
4161
4226
  placeholder: "Escreva aqui... Use *// para dividir o texto em 'Sess\xF5es'... Digite @ para mencionar...",
4162
4227
  autoFocus: true,
4163
4228
  className: "w-full flex-1 h-full bg-slate-800/70 p-4 text-sm leading-relaxed rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-indigo-400/60 custom-scrollbar font-mono resize-none"
package/dist/index.mjs CHANGED
@@ -3977,6 +3977,70 @@ function DescriptionEditModal({
3977
3977
  setIsMentionModalOpen(true);
3978
3978
  }
3979
3979
  };
3980
+ const handleKeyDownTextarea = (e) => {
3981
+ const el = textareaRef.current;
3982
+ if (!el) return;
3983
+ if (e.key === "Enter") {
3984
+ const cursorPosition = el.selectionStart;
3985
+ const textBeforeCursor = text.substring(0, cursorPosition);
3986
+ const linesBeforeCursor = textBeforeCursor.split("\n");
3987
+ const currentLine = linesBeforeCursor[linesBeforeCursor.length - 1];
3988
+ const numberMatch = currentLine.match(/^(\s*)(\d+)\.\s(.*)/);
3989
+ if (numberMatch) {
3990
+ e.preventDefault();
3991
+ const space = numberMatch[1];
3992
+ const number = parseInt(numberMatch[2], 10);
3993
+ const content = numberMatch[3];
3994
+ if (content.trim() === "") {
3995
+ const newTextBeforeCursor = textBeforeCursor.substring(0, textBeforeCursor.length - currentLine.length);
3996
+ const newText = newTextBeforeCursor + "\n" + text.substring(el.selectionEnd);
3997
+ el.value = newText;
3998
+ el.setSelectionRange(newTextBeforeCursor.length + 1, newTextBeforeCursor.length + 1);
3999
+ setText(newText);
4000
+ return;
4001
+ }
4002
+ const nextNumber = number + 1;
4003
+ insertAtCursor(`
4004
+ ${space}${nextNumber}. `);
4005
+ return;
4006
+ }
4007
+ const checklistMatch = currentLine.match(/^(\s*)- \[[ xX]\]\s(.*)/);
4008
+ if (checklistMatch) {
4009
+ e.preventDefault();
4010
+ const space = checklistMatch[1];
4011
+ const content = checklistMatch[2];
4012
+ if (content.trim() === "") {
4013
+ const newTextBeforeCursor = textBeforeCursor.substring(0, textBeforeCursor.length - currentLine.length);
4014
+ const newText = newTextBeforeCursor + "\n" + text.substring(el.selectionEnd);
4015
+ el.value = newText;
4016
+ el.setSelectionRange(newTextBeforeCursor.length + 1, newTextBeforeCursor.length + 1);
4017
+ setText(newText);
4018
+ return;
4019
+ }
4020
+ insertAtCursor(`
4021
+ ${space}- [ ] `);
4022
+ return;
4023
+ }
4024
+ const bulletMatch = currentLine.match(/^(\s*)([-*])\s(.*)/);
4025
+ if (bulletMatch) {
4026
+ e.preventDefault();
4027
+ const space = bulletMatch[1];
4028
+ const bullet = bulletMatch[2];
4029
+ const content = bulletMatch[3];
4030
+ if (content.trim() === "") {
4031
+ const newTextBeforeCursor = textBeforeCursor.substring(0, textBeforeCursor.length - currentLine.length);
4032
+ const newText = newTextBeforeCursor + "\n" + text.substring(el.selectionEnd);
4033
+ el.value = newText;
4034
+ el.setSelectionRange(newTextBeforeCursor.length + 1, newTextBeforeCursor.length + 1);
4035
+ setText(newText);
4036
+ return;
4037
+ }
4038
+ insertAtCursor(`
4039
+ ${space}${bullet} `);
4040
+ return;
4041
+ }
4042
+ }
4043
+ };
3980
4044
  const openMentionModalViaButton = () => {
3981
4045
  setMentionTriggerIndex(null);
3982
4046
  setIsMentionModalOpen(true);
@@ -4009,11 +4073,11 @@ function DescriptionEditModal({
4009
4073
  ),
4010
4074
  /* @__PURE__ */ React5.createElement("div", { className: "h-[2px] bg-gradient-to-r from-indigo-400/0 via-indigo-400/70 to-indigo-400/0 shrink-0" }),
4011
4075
  /* @__PURE__ */ React5.createElement("div", { className: "px-6 pt-5 pb-3 flex items-center justify-between gap-4 shrink-0" }, /* @__PURE__ */ React5.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React5.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-indigo-400/80" }), /* @__PURE__ */ React5.createElement("p", { className: "text-sm font-medium text-slate-200" }, title || "Editar Descri\xE7\xE3o")), /* @__PURE__ */ React5.createElement("button", { onClick: handleClose, className: "w-9 h-9 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl", title: "Fechar" }, "\xD7")),
4012
- /* @__PURE__ */ React5.createElement("div", { className: "px-6 py-3 flex flex-col gap-3 border-b border-white/5 bg-white/5 shrink-0" }, /* @__PURE__ */ React5.createElement("div", { className: "flex items-center gap-2 overflow-x-auto custom-scrollbar" }, /* @__PURE__ */ React5.createElement(
4076
+ /* @__PURE__ */ React5.createElement("div", { className: "px-6 py-3 flex flex-col gap-3 border-b border-white/5 bg-white/5 shrink-0" }, /* @__PURE__ */ React5.createElement("div", { className: "flex items-center gap-2 flex-wrap" }, /* @__PURE__ */ React5.createElement(
4013
4077
  "button",
4014
4078
  {
4015
4079
  onClick: () => insertAtCursor("# "),
4016
- className: "flex items-center gap-1 px-3 py-1.5 rounded bg-slate-800 hover:bg-slate-700 border border-white/10 text-xs font-medium transition-colors whitespace-nowrap",
4080
+ className: "flex items-center gap-1 px-3 py-1.5 rounded bg-indigo-600/30 hover:bg-indigo-600/50 border border-indigo-500/30 text-indigo-200 text-xs font-medium transition-colors whitespace-nowrap",
4017
4081
  title: "T\xEDtulo Principal"
4018
4082
  },
4019
4083
  /* @__PURE__ */ React5.createElement(FiType, { size: 12 }),
@@ -4022,7 +4086,7 @@ function DescriptionEditModal({
4022
4086
  "button",
4023
4087
  {
4024
4088
  onClick: () => insertAtCursor("## "),
4025
- className: "flex items-center gap-1 px-3 py-1.5 rounded bg-slate-800 hover:bg-slate-700 border border-white/10 text-xs font-medium transition-colors whitespace-nowrap",
4089
+ className: "flex items-center gap-1 px-3 py-1.5 rounded bg-indigo-600/30 hover:bg-indigo-600/50 border border-indigo-500/30 text-indigo-200 text-xs font-medium transition-colors whitespace-nowrap",
4026
4090
  title: "Subt\xEDtulo"
4027
4091
  },
4028
4092
  /* @__PURE__ */ React5.createElement(FiType, { size: 10 }),
@@ -4031,7 +4095,7 @@ function DescriptionEditModal({
4031
4095
  "button",
4032
4096
  {
4033
4097
  onClick: () => insertAtCursor("- "),
4034
- className: "flex items-center gap-1 px-3 py-1.5 rounded bg-slate-800 hover:bg-slate-700 border border-white/10 text-xs font-medium transition-colors whitespace-nowrap",
4098
+ className: "flex items-center gap-1 px-3 py-1.5 rounded bg-indigo-600/30 hover:bg-indigo-600/50 border border-indigo-500/30 text-indigo-200 text-xs font-medium transition-colors whitespace-nowrap",
4035
4099
  title: "Lista com bullets"
4036
4100
  },
4037
4101
  /* @__PURE__ */ React5.createElement(FiList, { size: 12 }),
@@ -4040,7 +4104,7 @@ function DescriptionEditModal({
4040
4104
  "button",
4041
4105
  {
4042
4106
  onClick: () => insertAtCursor("1. "),
4043
- className: "flex items-center gap-1 px-3 py-1.5 rounded bg-slate-800 hover:bg-slate-700 border border-white/10 text-xs font-medium transition-colors whitespace-nowrap",
4107
+ className: "flex items-center gap-1 px-3 py-1.5 rounded bg-indigo-600/30 hover:bg-indigo-600/50 border border-indigo-500/30 text-indigo-200 text-xs font-medium transition-colors whitespace-nowrap",
4044
4108
  title: "Lista Numerada"
4045
4109
  },
4046
4110
  /* @__PURE__ */ React5.createElement("span", { className: "text-[10px] font-bold" }, "1."),
@@ -4049,7 +4113,7 @@ function DescriptionEditModal({
4049
4113
  "button",
4050
4114
  {
4051
4115
  onClick: () => insertAtCursor("- [ ] "),
4052
- className: "flex items-center gap-1 px-3 py-1.5 rounded bg-slate-800 hover:bg-slate-700 border border-white/10 text-xs font-medium transition-colors whitespace-nowrap",
4116
+ className: "flex items-center gap-1 px-3 py-1.5 rounded bg-indigo-600/30 hover:bg-indigo-600/50 border border-indigo-500/30 text-indigo-200 text-xs font-medium transition-colors whitespace-nowrap",
4053
4117
  title: "Checklist (Checkbox)"
4054
4118
  },
4055
4119
  /* @__PURE__ */ React5.createElement(FiCheckSquare, { size: 12 }),
@@ -4058,7 +4122,7 @@ function DescriptionEditModal({
4058
4122
  "button",
4059
4123
  {
4060
4124
  onClick: () => insertAtCursor("``` ```"),
4061
- className: "flex items-center gap-1 px-3 py-1.5 rounded bg-slate-800 hover:bg-slate-700 border border-white/10 text-xs font-medium transition-colors whitespace-nowrap",
4125
+ className: "flex items-center gap-1 px-3 py-1.5 rounded bg-indigo-600/30 hover:bg-indigo-600/50 border border-indigo-500/30 text-indigo-200 text-xs font-medium transition-colors whitespace-nowrap",
4062
4126
  title: "Inserir Code Block"
4063
4127
  },
4064
4128
  /* @__PURE__ */ React5.createElement(FiCode, { size: 12 }),
@@ -4067,21 +4131,21 @@ function DescriptionEditModal({
4067
4131
  "button",
4068
4132
  {
4069
4133
  onClick: () => insertAtCursor("[Link Texto](https://)"),
4070
- className: "flex items-center gap-1 px-3 py-1.5 rounded bg-slate-800 hover:bg-slate-700 border border-white/10 text-xs font-medium transition-colors whitespace-nowrap",
4134
+ className: "flex items-center gap-1 px-3 py-1.5 rounded bg-indigo-600/30 hover:bg-indigo-600/50 border border-indigo-500/30 text-indigo-200 text-xs font-medium transition-colors whitespace-nowrap",
4071
4135
  title: "Inserir Link Web [Texto](Url)"
4072
4136
  },
4073
4137
  /* @__PURE__ */ React5.createElement(FiGlobe, { size: 12 }),
4074
4138
  " Link"
4075
- ), /* @__PURE__ */ React5.createElement(
4139
+ )), /* @__PURE__ */ React5.createElement("div", { className: "flex items-center gap-2 flex-wrap" }, /* @__PURE__ */ React5.createElement(
4076
4140
  "button",
4077
4141
  {
4078
4142
  onClick: () => setIsImageModalOpen(true),
4079
- className: "flex items-center gap-1 px-3 py-1.5 rounded bg-slate-800 hover:bg-slate-700 border border-white/10 text-xs font-medium transition-colors whitespace-nowrap",
4143
+ className: "flex items-center gap-1 px-3 py-1.5 rounded bg-indigo-600/30 hover:bg-indigo-600/50 border border-indigo-500/30 text-indigo-200 text-xs font-medium transition-colors whitespace-nowrap",
4080
4144
  title: "Inserir Imagem (Propriedade ou URL)"
4081
4145
  },
4082
4146
  /* @__PURE__ */ React5.createElement(FiImage, { size: 12 }),
4083
4147
  " Imagem"
4084
- )), /* @__PURE__ */ React5.createElement("div", { className: "flex items-center gap-2 overflow-x-auto custom-scrollbar" }, /* @__PURE__ */ React5.createElement(
4148
+ ), /* @__PURE__ */ React5.createElement(
4085
4149
  "button",
4086
4150
  {
4087
4151
  onClick: openMentionModalViaButton,
@@ -4114,6 +4178,7 @@ function DescriptionEditModal({
4114
4178
  ref: textareaRef,
4115
4179
  value: text,
4116
4180
  onChange: handleTextChange,
4181
+ onKeyDown: handleKeyDownTextarea,
4117
4182
  placeholder: "Escreva aqui... Use *// para dividir o texto em 'Sess\xF5es'... Digite @ para mencionar...",
4118
4183
  autoFocus: true,
4119
4184
  className: "w-full flex-1 h-full bg-slate-800/70 p-4 text-sm leading-relaxed rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-indigo-400/60 custom-scrollbar font-mono resize-none"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lv-x-software-house/x_view",
3
- "version": "1.2.2-dev.20",
3
+ "version": "1.2.2-dev.22",
4
4
  "description": "Pacote privado contendo os componentes e lógica de renderização 3D do X View.",
5
5
  "author": "iv.x - Engenharia de Software - ivxsoftwarehouse@gmail.com",
6
6
  "license": "UNLICENSED",