@activecollab/components 2.0.259 → 2.0.261

package/dist/cjs/components/EditableContent/Styles.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledSpan = exports.StyledInput = exports.StyledDiv = void 0;
+exports.StyledTextareaSpan = exports.StyledSpan = exports.StyledMultilineSpan = exports.StyledInput = exports.StyledDiv = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _BoxSizingStyle = require("../BoxSizingStyle");
 var _FontStyle = require("../FontStyle");
@@ -13,19 +13,22 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var StyledDiv = exports.StyledDiv = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledDiv",
   componentId: "sc-1wapx2a-0"
-})(["", " ", " ", ""], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, {
+})(["", " ", " ", " ", ""], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, {
   "position": "relative",
   "display": "inline-block",
   "maxWidth": "100%"
+}, function (_ref) {
+  var $multiline = _ref.$multiline;
+  return $multiline && (0, _styledComponents.css)(["position:relative;display:flex;"]);
 });
 var StyledSpan = exports.StyledSpan = (0, _styledComponents.default)(_Typography.Typography).withConfig({
   displayName: "Styles__StyledSpan",
   componentId: "sc-1wapx2a-1"
-})(["visibility:hidden;display:block;padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;position:relative;border:1px solid transparent;border-radius:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:pre;font-variant-numeric:tabular-nums;", " ", " &:empty:before{content:\" \";}"], function (_ref) {
-  var $disabled = _ref.$disabled;
-  return $disabled && (0, _styledComponents.css)(["visibility:visible;"]);
-}, function (_ref2) {
-  var invalid = _ref2.invalid;
+})(["visibility:hidden;display:block;padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;position:relative;border:1px solid transparent;border-radius:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:pre;font-variant-numeric:tabular-nums;", " ", " &:empty:before{content:\" \";}"], function (_ref2) {
+  var $disabled = _ref2.$disabled;
+  return $disabled && (0, _styledComponents.css)(["visibility:visible;cursor:default !important;"]);
+}, function (_ref3) {
+  var invalid = _ref3.invalid;
   return invalid && (0, _styledComponents.css)(["border:1px solid var(--red-alert);"]);
 });
 StyledSpan.displayName = "StyledSpan";
@@ -50,9 +53,37 @@ var StyledInput = exports.StyledInput = (0, _styledComponents.default)(_Typograp
   ":hover": {
     "borderColor": "var(--color-theme-700)"
   }
-}, function (_ref3) {
-  var invalid = _ref3.invalid;
+}, function (_ref4) {
+  var invalid = _ref4.invalid;
   return invalid && (0, _styledComponents.css)(["border-color:var(--red-alert) !important;"]);
 });
 StyledInput.displayName = "StyledInput";
+var StyledMultilineSpan = exports.StyledMultilineSpan = (0, _styledComponents.default)(StyledSpan).withConfig({
+  displayName: "Styles__StyledMultilineSpan",
+  componentId: "sc-1wapx2a-3"
+})(["cursor:", ";z-index:2;width:100%;visibility:visible !important;&:hover{border-color:", ";}"], function (_ref5) {
+  var $disabled = _ref5.$disabled;
+  return $disabled ? "default" : "text !important";
+}, function (_ref6) {
+  var invalid = _ref6.invalid,
+    $disabled = _ref6.$disabled;
+  return invalid ? "var(--red-alert)" : $disabled ? "transparent" : "var(--border-primary)";
+});
+StyledMultilineSpan.displayName = "StyledMultilineSpan";
+var StyledTextareaSpan = exports.StyledTextareaSpan = (0, _styledComponents.default)(_Typography.Typography).withConfig({
+  displayName: "Styles__StyledTextareaSpan",
+  componentId: "sc-1wapx2a-4"
+})(["", " background-color:var(--input-background-color);border-color:var(--color-theme-500);padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;font-variant-numeric:tabular-nums;outline-width:0px;outline:none;resize:none;white-space:pre-wrap;overflow-wrap:break-word;height:calc(1.5em * 3 + 2px);min-height:calc(1.5em * 3 + 2px);opacity:0;pointer-events:none;z-index:1;&:focus{opacity:1;pointer-events:auto;background-color:var(--input-background-color);border-color:var(--color-primary);outline:none;z-index:3;}&:disabled{opacity:0;pointer-events:none;}", ""], {
+  "position": "absolute",
+  "inset": "0px",
+  "boxSizing": "border-box",
+  "width": "100%",
+  "borderRadius": "0.375rem",
+  "borderWidth": "1px",
+  "borderStyle": "solid"
+}, function (_ref7) {
+  var invalid = _ref7.invalid;
+  return invalid && (0, _styledComponents.css)(["border-color:var(--red-alert) !important;"]);
+});
+StyledTextareaSpan.displayName = "StyledTextareaSpan";
 //# sourceMappingURL=Styles.js.map

package/dist/cjs/components/EditableContent/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_FontStyle","_Typography","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledDiv","exports","styled","div","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","StyledSpan","Typography","_ref","$disabled","css","_ref2","invalid","StyledInput","_ref3"],"sources":["../../../../src/components/EditableContent/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const StyledDiv = styled.div`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${tw`tw-relative tw-inline-block tw-max-w-full`}\n`;\n\nexport const StyledSpan = styled(Typography)<{ $disabled?: boolean }>`\n  visibility: hidden;\n  display: block;\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  position: relative;\n  border: 1px solid transparent;\n  border-radius: 6px;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: pre;\n  font-variant-numeric: tabular-nums;\n\n  ${({ $disabled }) =>\n    $disabled &&\n    css`\n      visibility: visible;\n    `}\n\n  ${({ invalid }) =>\n    invalid &&\n    css`\n      border: 1px solid var(--red-alert);\n    `}\n\n  &:empty:before {\n    content: \" \";\n  }\n`;\n\nStyledSpan.displayName = \"StyledSpan\";\n\nexport const StyledInput = styled(Typography)`\n  ${tw`\n    tw-absolute\n    tw-inset-0\n    tw-border\n    tw-border-transparent\n    tw-border-solid\n    hover:tw-border-theme-700\n    focus-within:tw-border-theme-700\n    tw-rounded-md\n    tw-box-border\n    tw-overflow-hidden\n    tw-whitespace-nowrap\n    focus-within:tw-overflow-scroll\n    tw-w-full`}\n\n  background-color: inherit;\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  text-overflow: ellipsis;\n  font-variant-numeric: tabular-nums;\n  &:focus-whitin {\n    text-overflow: clip;\n  }\n  outline-width: 0px;\n  outline: none;\n  &:disabled {\n    opacity: 0;\n  }\n\n  ${({ invalid }) =>\n    invalid &&\n    css`\n      border-color: var(--red-alert) !important;\n    `}\n`;\n\nStyledInput.displayName = \"StyledInput\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAAsD,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAE/C,IAAMY,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uBAC/BC,oBAAS,EACTC,8BAAc,EAEZ;EAAA;EAAA;EAAA;AAA0C,CAAC,CAChD;AAEM,IAAMC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,IAAAP,yBAAM,EAACQ,sBAAU,CAAC,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gUAgBxC,UAAAK,IAAA;EAAA,IAAGC,SAAS,GAAAD,IAAA,CAATC,SAAS;EAAA,OACZA,SAAS,QACTC,qBAAG,0BAEF;AAAA,GAED,UAAAC,KAAA;EAAA,IAAGC,OAAO,GAAAD,KAAA,CAAPC,OAAO;EAAA,OACVA,OAAO,QACPF,qBAAG,yCAEF;AAAA,EAKJ;AAEDJ,UAAU,CAACJ,WAAW,GAAG,YAAY;AAE9B,IAAMW,WAAW,GAAAf,OAAA,CAAAe,WAAA,GAAG,IAAAd,yBAAM,EAACQ,sBAAU,CAAC,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kQACvC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAaO,CAAC,EAkBV,UAAAW,KAAA;EAAA,IAAGF,OAAO,GAAAE,KAAA,CAAPF,OAAO;EAAA,OACVA,OAAO,QACPF,qBAAG,gDAEF;AAAA,EACJ;AAEDG,WAAW,CAACX,WAAW,GAAG,aAAa"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_FontStyle","_Typography","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledDiv","exports","styled","div","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","_ref","$multiline","css","StyledSpan","Typography","_ref2","$disabled","_ref3","invalid","StyledInput","_ref4","StyledMultilineSpan","_ref5","_ref6","StyledTextareaSpan","_ref7"],"sources":["../../../../src/components/EditableContent/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const StyledDiv = styled.div<{ $multiline?: boolean }>`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n\n\n  ${tw`tw-relative tw-inline-block tw-max-w-full`}\n  ${({ $multiline }) =>\n    $multiline &&\n    css`\n      position: relative;\n      display: flex;\n    `}\n`;\n\nexport const StyledSpan = styled(Typography)<{ $disabled?: boolean }>`\n  visibility: hidden;\n  display: block;\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  position: relative;\n  border: 1px solid transparent;\n  border-radius: 6px;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: pre;\n  font-variant-numeric: tabular-nums;\n\n  ${({ $disabled }) =>\n    $disabled &&\n    css`\n      visibility: visible;\n      cursor: default !important;\n    `}\n\n  ${({ invalid }) =>\n    invalid &&\n    css`\n      border: 1px solid var(--red-alert);\n    `}\n\n  &:empty:before {\n    content: \" \";\n  }\n`;\n\nStyledSpan.displayName = \"StyledSpan\";\n\nexport const StyledInput = styled(Typography)`\n  ${tw`\n    tw-absolute\n    tw-inset-0\n    tw-border\n    tw-border-transparent\n    tw-border-solid\n    hover:tw-border-theme-700\n    focus-within:tw-border-theme-700\n    tw-rounded-md\n    tw-box-border\n    tw-overflow-hidden\n    tw-whitespace-nowrap\n    focus-within:tw-overflow-scroll\n    tw-w-full`}\n\n  background-color: inherit;\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  text-overflow: ellipsis;\n  font-variant-numeric: tabular-nums;\n  &:focus-whitin {\n    text-overflow: clip;\n  }\n  outline-width: 0px;\n  outline: none;\n  &:disabled {\n    opacity: 0;\n  }\n\n  ${({ invalid }) =>\n    invalid &&\n    css`\n      border-color: var(--red-alert) !important;\n    `}\n`;\n\nStyledInput.displayName = \"StyledInput\";\n\nexport const StyledMultilineSpan = styled(StyledSpan)`\n  cursor: ${({ $disabled }) => ($disabled ? \"default\" : \"text !important\")};\n  z-index: 2;\n  width: 100%;\n  visibility: visible !important;\n\n  &:hover {\n    border-color: ${({ invalid, $disabled }) =>\n      invalid\n        ? \"var(--red-alert)\"\n        : $disabled\n        ? \"transparent\"\n        : \"var(--border-primary)\"};\n  }\n`;\n\nStyledMultilineSpan.displayName = \"StyledMultilineSpan\";\n\nexport const StyledTextareaSpan = styled(Typography)`\n  ${tw`\n    tw-absolute\n    tw-inset-0\n    tw-border\n    tw-border-solid\n    tw-rounded-md\n    tw-box-border\n    tw-w-full`}\n\n  background-color: var(--input-background-color);\n  border-color: var(--color-theme-500);\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  font-variant-numeric: tabular-nums;\n  outline-width: 0px;\n  outline: none;\n  resize: none;\n  white-space: pre-wrap;\n  overflow-wrap: break-word;\n  height: calc(1.5em * 3 + 2px); /* 3 rows height: line-height * 3 + padding */\n  min-height: calc(1.5em * 3 + 2px);\n  opacity: 0;\n  pointer-events: none;\n  z-index: 1;\n\n  &:focus {\n    opacity: 1;\n    pointer-events: auto;\n    background-color: var(--input-background-color);\n    border-color: var(--color-primary);\n    outline: none;\n    z-index: 3;\n  }\n\n  &:disabled {\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  ${({ invalid }) =>\n    invalid &&\n    css`\n      border-color: var(--red-alert) !important;\n    `}\n`;\n\nStyledTextareaSpan.displayName = \"StyledTextareaSpan\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAAsD,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAE/C,IAAMY,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4BAC/BC,oBAAS,EACTC,8BAAc,EAIZ;EAAA;EAAA;EAAA;AAA0C,CAAC,EAC7C,UAAAC,IAAA;EAAA,IAAGC,UAAU,GAAAD,IAAA,CAAVC,UAAU;EAAA,OACbA,UAAU,QACVC,qBAAG,sCAGF;AAAA,EACJ;AAEM,IAAMC,UAAU,GAAAX,OAAA,CAAAW,UAAA,GAAG,IAAAV,yBAAM,EAACW,sBAAU,CAAC,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gUAgBxC,UAAAQ,KAAA;EAAA,IAAGC,SAAS,GAAAD,KAAA,CAATC,SAAS;EAAA,OACZA,SAAS,QACTJ,qBAAG,oDAGF;AAAA,GAED,UAAAK,KAAA;EAAA,IAAGC,OAAO,GAAAD,KAAA,CAAPC,OAAO;EAAA,OACVA,OAAO,QACPN,qBAAG,yCAEF;AAAA,EAKJ;AAEDC,UAAU,CAACP,WAAW,GAAG,YAAY;AAE9B,IAAMa,WAAW,GAAAjB,OAAA,CAAAiB,WAAA,GAAG,IAAAhB,yBAAM,EAACW,sBAAU,CAAC,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kQACvC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAaO,CAAC,EAkBV,UAAAa,KAAA;EAAA,IAAGF,OAAO,GAAAE,KAAA,CAAPF,OAAO;EAAA,OACVA,OAAO,QACPN,qBAAG,gDAEF;AAAA,EACJ;AAEDO,WAAW,CAACb,WAAW,GAAG,aAAa;AAEhC,IAAMe,mBAAmB,GAAAnB,OAAA,CAAAmB,mBAAA,GAAG,IAAAlB,yBAAM,EAACU,UAAU,CAAC,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mGACzC,UAAAe,KAAA;EAAA,IAAGN,SAAS,GAAAM,KAAA,CAATN,SAAS;EAAA,OAAQA,SAAS,GAAG,SAAS,GAAG,iBAAiB;AAAA,CAAC,EAMtD,UAAAO,KAAA;EAAA,IAAGL,OAAO,GAAAK,KAAA,CAAPL,OAAO;IAAEF,SAAS,GAAAO,KAAA,CAATP,SAAS;EAAA,OACnCE,OAAO,GACH,kBAAkB,GAClBF,SAAS,GACT,aAAa,GACb,uBAAuB;AAAA,EAEhC;AAEDK,mBAAmB,CAACf,WAAW,GAAG,qBAAqB;AAEhD,IAAMkB,kBAAkB,GAAAtB,OAAA,CAAAsB,kBAAA,GAAG,IAAArB,yBAAM,EAACW,sBAAU,CAAC,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qkBAC9C;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAOO,CAAC,EAkCV,UAAAkB,KAAA;EAAA,IAAGP,OAAO,GAAAO,KAAA,CAAPP,OAAO;EAAA,OACVA,OAAO,QACPN,qBAAG,gDAEF;AAAA,EACJ;AAEDY,kBAAkB,CAAClB,WAAW,GAAG,oBAAoB"}

package/dist/cjs/components/EditableText/EditableText.js

@@ -6,10 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.EditableText = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _EditableContent = require("../EditableContent/EditableContent");
 var _Styles = require("../EditableContent/Styles");
-var _Typography = require("../Typography/Typography");
 var _excluded = ["onSave", "onCancel", "value", "inputProps", "allowEmptyString", "multiline", "variant", "weight", "disabled", "invalid", "wrapRef", "children"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -28,45 +26,23 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 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 StyledTextareaSpan = (0, _styledComponents.default)(_Typography.Typography).withConfig({
-  displayName: "EditableText__StyledTextareaSpan",
-  componentId: "sc-j2ewzm-0"
-})(["", " background-color:var(--input-background-color,#ffffff);padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;font-variant-numeric:tabular-nums;outline-width:0px;outline:none;resize:none;white-space:pre-wrap;overflow-wrap:break-word;height:calc(1.5em * 3 + 2px);min-height:calc(1.5em * 3 + 2px);opacity:0;&:focus{opacity:1;background-color:var(--input-background-color,#f8f9fa);}&:disabled{opacity:0;}", ""], {
-  "position": "absolute",
-  "inset": "0px",
-  "boxSizing": "border-box",
-  "width": "100%",
-  "borderRadius": "0.375rem",
-  "borderWidth": "1px",
-  "borderStyle": "solid",
-  "borderColor": "transparent",
-  ":focus-within": {
-    "borderColor": "var(--color-theme-700)"
-  },
-  ":hover": {
-    "borderColor": "var(--color-theme-700)"
-  }
-}, function (_ref) {
-  var invalid = _ref.invalid;
-  return invalid && (0, _styledComponents.css)(["border-color:var(--red-alert) !important;"]);
-});
-var EditableText = exports.EditableText = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
-  var onSave = _ref2.onSave,
-    onCancel = _ref2.onCancel,
-    value = _ref2.value,
-    inputProps = _ref2.inputProps,
-    allowEmptyString = _ref2.allowEmptyString,
-    _ref2$multiline = _ref2.multiline,
-    multiline = _ref2$multiline === void 0 ? false : _ref2$multiline,
-    _ref2$variant = _ref2.variant,
-    variant = _ref2$variant === void 0 ? "Body 2" : _ref2$variant,
-    weight = _ref2.weight,
-    _ref2$disabled = _ref2.disabled,
-    disabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
-    invalid = _ref2.invalid,
-    wrapRef = _ref2.wrapRef,
-    children = _ref2.children,
-    props = _objectWithoutProperties(_ref2, _excluded);
+var EditableText = exports.EditableText = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var onSave = _ref.onSave,
+    onCancel = _ref.onCancel,
+    value = _ref.value,
+    inputProps = _ref.inputProps,
+    allowEmptyString = _ref.allowEmptyString,
+    _ref$multiline = _ref.multiline,
+    multiline = _ref$multiline === void 0 ? false : _ref$multiline,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "Body 2" : _ref$variant,
+    weight = _ref.weight,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    invalid = _ref.invalid,
+    wrapRef = _ref.wrapRef,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
   var _useState = (0, _react.useState)(value),
     _useState2 = _slicedToArray(_useState, 2),
     currentValue = _useState2[0],
@@ -77,10 +53,6 @@ var EditableText = exports.EditableText = /*#__PURE__*/(0, _react.forwardRef)(fu
     setPrevValue = _useState4[1];
   var escapeRef = (0, _react.useRef)(false);
   var intTextareaRef = (0, _react.useRef)(null);
-  var _useState5 = (0, _react.useState)(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    isTextareaFocused = _useState6[0],
-    setIsTextareaFocused = _useState6[1];
   (0, _react.useEffect)(function () {
     if (currentValue !== value) {
       setCurrentValue(value);
@@ -89,7 +61,6 @@ var EditableText = exports.EditableText = /*#__PURE__*/(0, _react.forwardRef)(fu
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [value]);
   var handleBlur = (0, _react.useCallback)(function (e) {
-    setIsTextareaFocused(false);
     if (escapeRef.current) {
       setCurrentValue(prevValue);
       escapeRef.current = false;
@@ -107,9 +78,13 @@ var EditableText = exports.EditableText = /*#__PURE__*/(0, _react.forwardRef)(fu
       intTextareaRef.current.scrollLeft = 0;
     }
   }, [allowEmptyString, onSave, prevValue, multiline]);
-  var handleFocus = (0, _react.useCallback)(function () {
-    setIsTextareaFocused(true);
-  }, []);
+  var handleFocus = (0, _react.useCallback)(function (e) {
+    if (multiline) {
+      var textarea = e.target;
+      var length = textarea.value.length;
+      textarea.setSelectionRange(length, length);
+    }
+  }, [multiline]);
   var handleKeyDown = (0, _react.useCallback)(function (e) {
     if (e.key === "Enter" && !multiline) {
       e.target.blur();
@@ -126,13 +101,21 @@ var EditableText = exports.EditableText = /*#__PURE__*/(0, _react.forwardRef)(fu
   if (multiline) {
     return /*#__PURE__*/_react.default.createElement(_Styles.StyledDiv, _extends({
       ref: wrapRef
-    }, props), /*#__PURE__*/_react.default.createElement(_Styles.StyledSpan, {
+    }, props, {
+      $multiline: multiline
+    }), /*#__PURE__*/_react.default.createElement(_Styles.StyledMultilineSpan, {
       variant: variant,
       forwardedAs: "span",
       weight: weight,
-      $disabled: !isTextareaFocused,
-      className: "presentation"
-    }, children ? children : String(currentValue || "").replace(/\n/g, " ")), /*#__PURE__*/_react.default.createElement(StyledTextareaSpan, _extends({
+      $disabled: disabled,
+      invalid: invalid,
+      className: "presentation",
+      onClick: function onClick() {
+        if (!disabled && intTextareaRef.current) {
+          intTextareaRef.current.focus();
+        }
+      }
+    }, children ? children : String(currentValue || "").replace(/\n/g, " ")), /*#__PURE__*/_react.default.createElement(_Styles.StyledTextareaSpan, _extends({
       ref: intTextareaRef,
       forwardedAs: "textarea",
       variant: variant,

package/dist/cjs/components/EditableText/EditableText.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditableText.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_styledComponents","_EditableContent","_Styles","_Typography","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","key","value","_toPropertyKey","configurable","writable","_toPrimitive","String","Symbol","toPrimitive","TypeError","Number","_extends","assign","bind","target","source","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","arr2","l","iterator","f","next","done","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","StyledTextareaSpan","styled","Typography","withConfig","displayName","componentId","_ref","invalid","css","EditableText","exports","forwardRef","_ref2","ref","onSave","onCancel","inputProps","allowEmptyString","_ref2$multiline","multiline","_ref2$variant","variant","weight","_ref2$disabled","disabled","wrapRef","children","props","_useState","useState","_useState2","currentValue","setCurrentValue","_useState3","_useState4","prevValue","setPrevValue","escapeRef","useRef","intTextareaRef","_useState5","_useState6","isTextareaFocused","setIsTextareaFocused","useEffect","handleBlur","useCallback","current","trim","scrollLeft","handleFocus","handleKeyDown","blur","handleChange","createElement","StyledDiv","StyledSpan","forwardedAs","$disabled","className","replace","onFocus","onBlur","onKeyDown","onChange","placeholder","classNames","rows","EditableContent","type"],"sources":["../../../../src/components/EditableText/EditableText.tsx"],"sourcesContent":["import React, {\n  ChangeEvent,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport classNames from \"classnames\";\nimport styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport {\n  EditableContent,\n  EditableContentInterface,\n} from \"../EditableContent/EditableContent\";\nimport { StyledDiv, StyledSpan } from \"../EditableContent/Styles\";\nimport { Typography } from \"../Typography/Typography\";\n\nconst StyledTextareaSpan = styled(Typography)`\n  ${tw`\n    tw-absolute\n    tw-inset-0\n    tw-border\n    tw-border-transparent\n    tw-border-solid\n    hover:tw-border-theme-700\n    focus-within:tw-border-theme-700\n    tw-rounded-md\n    tw-box-border\n    tw-w-full`}\n\n  background-color: var(--input-background-color, #ffffff);\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  font-variant-numeric: tabular-nums;\n  outline-width: 0px;\n  outline: none;\n  resize: none;\n  white-space: pre-wrap;\n  overflow-wrap: break-word;\n  height: calc(1.5em * 3 + 2px); /* 3 rows height: line-height * 3 + padding */\n  min-height: calc(1.5em * 3 + 2px);\n  opacity: 0;\n\n  &:focus {\n    opacity: 1;\n    background-color: var(--input-background-color, #f8f9fa);\n  }\n\n  &:disabled {\n    opacity: 0;\n  }\n\n  ${({ invalid }) =>\n    invalid &&\n    css`\n      border-color: var(--red-alert) !important;\n    `}\n`;\n\nexport interface EditableTextInterface extends EditableContentInterface {\n  /** Value to display. */\n  value?: string | null;\n  /** Optional callback called on enter, click outside and tab. */\n  onSave?: (e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;\n  /** Optional callback called on input reset. */\n  onCancel?: () => void;\n  /** If true, setting empty value will save it, instead of revert to previous value. */\n  allowEmptyString?: boolean;\n  /** If true, shows a textarea instead of input for multiline editing. */\n  multiline?: boolean;\n  /** Children content to display */\n  children?: React.ReactNode;\n}\n\nexport const EditableText = forwardRef<HTMLDivElement, EditableTextInterface>(\n  (\n    {\n      onSave,\n      onCancel,\n      value,\n      inputProps,\n      allowEmptyString,\n      multiline = false,\n      variant = \"Body 2\",\n      weight,\n      disabled = false,\n      invalid,\n      wrapRef,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const [currentValue, setCurrentValue] = useState(value);\n    const [prevValue, setPrevValue] = useState(value);\n    const escapeRef = useRef(false);\n    const intTextareaRef = useRef<HTMLTextAreaElement>(null);\n    const [isTextareaFocused, setIsTextareaFocused] = useState(false);\n\n    useEffect(() => {\n      if (currentValue !== value) {\n        setCurrentValue(value);\n        setPrevValue(value);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value]);\n\n    const handleBlur = useCallback(\n      (e) => {\n        setIsTextareaFocused(false);\n        if (escapeRef.current) {\n          setCurrentValue(prevValue);\n          escapeRef.current = false;\n        } else {\n          if (\n            e.target.value.trim().length > 0 &&\n            prevValue !== e.target.value\n          ) {\n            setPrevValue(e.target.value);\n            setCurrentValue(e.target.value);\n            typeof onSave === \"function\" && onSave(e);\n          } else {\n            !allowEmptyString\n              ? setCurrentValue(prevValue)\n              : typeof onSave === \"function\" &&\n                prevValue !== e.target.value &&\n                onSave(e);\n          }\n        }\n        // Reset scroll position for textarea\n        if (multiline && intTextareaRef?.current) {\n          intTextareaRef.current.scrollLeft = 0;\n        }\n      },\n      [allowEmptyString, onSave, prevValue, multiline]\n    );\n\n    const handleFocus = useCallback(() => {\n      setIsTextareaFocused(true);\n    }, []);\n\n    const handleKeyDown = useCallback(\n      (e) => {\n        if (e.key === \"Enter\" && !multiline) {\n          e.target.blur();\n        }\n        if (e.key === \"Escape\") {\n          escapeRef.current = true;\n          e.target.blur();\n          typeof onCancel === \"function\" && onCancel();\n        }\n      },\n      [onCancel, multiline]\n    );\n\n    const handleChange = useCallback((e) => {\n      setCurrentValue(e.target.value);\n    }, []);\n\n    if (multiline) {\n      return (\n        <StyledDiv ref={wrapRef} {...props}>\n          <StyledSpan\n            variant={variant}\n            forwardedAs=\"span\"\n            weight={weight}\n            $disabled={!isTextareaFocused}\n            className=\"presentation\"\n          >\n            {children\n              ? children\n              : String(currentValue || \"\").replace(/\\n/g, \" \")}\n          </StyledSpan>\n          <StyledTextareaSpan\n            ref={intTextareaRef}\n            forwardedAs=\"textarea\"\n            variant={variant}\n            weight={weight}\n            value={currentValue ?? \"\"}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            onKeyDown={handleKeyDown}\n            onChange={handleChange}\n            disabled={disabled}\n            invalid={invalid}\n            data-form-type=\"other\"\n            placeholder={inputProps?.placeholder}\n            className={classNames(\"c-textarea\", inputProps?.className)}\n            rows={3}\n            {...inputProps}\n          />\n        </StyledDiv>\n      );\n    }\n\n    return (\n      <EditableContent\n        {...props}\n        variant={variant}\n        weight={weight}\n        disabled={disabled}\n        invalid={invalid}\n        wrapRef={wrapRef}\n        ref={ref}\n        inputProps={{\n          ...inputProps,\n          value: currentValue ?? \"\",\n          onBlur: handleBlur,\n          onKeyDown: handleKeyDown,\n          onChange: handleChange,\n          type: \"text\",\n          className: classNames(\"c-input\", inputProps?.className),\n        }}\n      >\n        {children}\n      </EditableContent>\n    );\n  }\n);\n\nEditableText.displayName = \"EditableText\";\n"],"mappings":"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"}
+{"version":3,"file":"EditableText.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_EditableContent","_Styles","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","key","value","_toPropertyKey","configurable","writable","_toPrimitive","String","Symbol","toPrimitive","TypeError","Number","_extends","assign","bind","target","source","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","arr2","l","iterator","f","next","done","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","EditableText","exports","forwardRef","_ref","ref","onSave","onCancel","inputProps","allowEmptyString","_ref$multiline","multiline","_ref$variant","variant","weight","_ref$disabled","disabled","invalid","wrapRef","children","props","_useState","useState","_useState2","currentValue","setCurrentValue","_useState3","_useState4","prevValue","setPrevValue","escapeRef","useRef","intTextareaRef","useEffect","handleBlur","useCallback","current","trim","scrollLeft","handleFocus","textarea","setSelectionRange","handleKeyDown","blur","handleChange","createElement","StyledDiv","$multiline","StyledMultilineSpan","forwardedAs","$disabled","className","onClick","focus","replace","StyledTextareaSpan","onFocus","onBlur","onKeyDown","onChange","placeholder","classNames","rows","EditableContent","type","displayName"],"sources":["../../../../src/components/EditableText/EditableText.tsx"],"sourcesContent":["import React, {\n  ChangeEvent,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport classNames from \"classnames\";\n\nimport {\n  EditableContent,\n  EditableContentInterface,\n} from \"../EditableContent/EditableContent\";\nimport {\n  StyledDiv,\n  StyledMultilineSpan,\n  StyledTextareaSpan,\n} from \"../EditableContent/Styles\";\n\nexport interface EditableTextInterface extends EditableContentInterface {\n  /** Value to display. */\n  value?: string | null;\n  /** Optional callback called on enter, click outside and tab. */\n  onSave?: (e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;\n  /** Optional callback called on input reset. */\n  onCancel?: () => void;\n  /** If true, setting empty value will save it, instead of revert to previous value. */\n  allowEmptyString?: boolean;\n  /** If true, shows a textarea instead of input for multiline editing. */\n  multiline?: boolean;\n  /** Children content to display */\n  children?: React.ReactNode;\n}\n\nexport const EditableText = forwardRef<HTMLDivElement, EditableTextInterface>(\n  (\n    {\n      onSave,\n      onCancel,\n      value,\n      inputProps,\n      allowEmptyString,\n      multiline = false,\n      variant = \"Body 2\",\n      weight,\n      disabled = false,\n      invalid,\n      wrapRef,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const [currentValue, setCurrentValue] = useState(value);\n    const [prevValue, setPrevValue] = useState(value);\n    const escapeRef = useRef(false);\n    const intTextareaRef = useRef<HTMLTextAreaElement>(null);\n\n    useEffect(() => {\n      if (currentValue !== value) {\n        setCurrentValue(value);\n        setPrevValue(value);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value]);\n\n    const handleBlur = useCallback(\n      (e) => {\n        if (escapeRef.current) {\n          setCurrentValue(prevValue);\n          escapeRef.current = false;\n        } else {\n          if (\n            e.target.value.trim().length > 0 &&\n            prevValue !== e.target.value\n          ) {\n            setPrevValue(e.target.value);\n            setCurrentValue(e.target.value);\n            typeof onSave === \"function\" && onSave(e);\n          } else {\n            !allowEmptyString\n              ? setCurrentValue(prevValue)\n              : typeof onSave === \"function\" &&\n                prevValue !== e.target.value &&\n                onSave(e);\n          }\n        }\n        // Reset scroll position for textarea\n        if (multiline && intTextareaRef?.current) {\n          intTextareaRef.current.scrollLeft = 0;\n        }\n      },\n      [allowEmptyString, onSave, prevValue, multiline]\n    );\n\n    const handleFocus = useCallback(\n      (e) => {\n        if (multiline) {\n          const textarea = e.target;\n          const length = textarea.value.length;\n          textarea.setSelectionRange(length, length);\n        }\n      },\n      [multiline]\n    );\n\n    const handleKeyDown = useCallback(\n      (e) => {\n        if (e.key === \"Enter\" && !multiline) {\n          e.target.blur();\n        }\n        if (e.key === \"Escape\") {\n          escapeRef.current = true;\n          e.target.blur();\n          typeof onCancel === \"function\" && onCancel();\n        }\n      },\n      [onCancel, multiline]\n    );\n\n    const handleChange = useCallback((e) => {\n      setCurrentValue(e.target.value);\n    }, []);\n\n    if (multiline) {\n      return (\n        <StyledDiv ref={wrapRef} {...props} $multiline={multiline}>\n          <StyledMultilineSpan\n            variant={variant}\n            forwardedAs=\"span\"\n            weight={weight}\n            $disabled={disabled}\n            invalid={invalid}\n            className=\"presentation\"\n            onClick={() => {\n              if (!disabled && intTextareaRef.current) {\n                intTextareaRef.current.focus();\n              }\n            }}\n          >\n            {children\n              ? children\n              : String(currentValue || \"\").replace(/\\n/g, \" \")}\n          </StyledMultilineSpan>\n          <StyledTextareaSpan\n            ref={intTextareaRef}\n            forwardedAs=\"textarea\"\n            variant={variant}\n            weight={weight}\n            value={currentValue ?? \"\"}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            onKeyDown={handleKeyDown}\n            onChange={handleChange}\n            disabled={disabled}\n            invalid={invalid}\n            data-form-type=\"other\"\n            placeholder={inputProps?.placeholder}\n            className={classNames(\"c-textarea\", inputProps?.className)}\n            rows={3}\n            {...inputProps}\n          />\n        </StyledDiv>\n      );\n    }\n\n    return (\n      <EditableContent\n        {...props}\n        variant={variant}\n        weight={weight}\n        disabled={disabled}\n        invalid={invalid}\n        wrapRef={wrapRef}\n        ref={ref}\n        inputProps={{\n          ...inputProps,\n          value: currentValue ?? \"\",\n          onBlur: handleBlur,\n          onKeyDown: handleKeyDown,\n          onChange: handleChange,\n          type: \"text\",\n          className: classNames(\"c-input\", inputProps?.className),\n        }}\n      >\n        {children}\n      </EditableContent>\n    );\n  }\n);\n\nEditableText.displayName = \"EditableText\";\n"],"mappings":"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"}

package/dist/esm/components/EditableContent/Styles.d.ts

@@ -1,4 +1,6 @@
-export declare const StyledDiv: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledDiv: import("styled-components").StyledComponent<"div", any, {
+    $multiline?: boolean | undefined;
+}, never>;
 export declare const StyledSpan: import("styled-components").StyledComponent<import("../Typography/Typography").TypographyComponent & {
     displayName?: string | undefined;
 }, any, {
@@ -7,4 +9,12 @@ export declare const StyledSpan: import("styled-components").StyledComponent<imp
 export declare const StyledInput: import("styled-components").StyledComponent<import("../Typography/Typography").TypographyComponent & {
     displayName?: string | undefined;
 }, any, {}, never>;
+export declare const StyledMultilineSpan: import("styled-components").StyledComponent<import("../Typography/Typography").TypographyComponent & {
+    displayName?: string | undefined;
+}, any, {
+    $disabled?: boolean | undefined;
+}, never>;
+export declare const StyledTextareaSpan: import("styled-components").StyledComponent<import("../Typography/Typography").TypographyComponent & {
+    displayName?: string | undefined;
+}, any, {}, never>;
 //# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/EditableContent/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/EditableContent/Styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS,oEAKrB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;SA+BtB,CAAC;AAIF,eAAO,MAAM,WAAW;;kBAqCvB,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/EditableContent/Styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS;;SAarB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;SAgCtB,CAAC;AAIF,eAAO,MAAM,WAAW;;kBAqCvB,CAAC;AAIF,eAAO,MAAM,mBAAmB;;;;SAc/B,CAAC;AAIF,eAAO,MAAM,kBAAkB;;kBA+C9B,CAAC"}

package/dist/esm/components/EditableContent/Styles.js

@@ -5,23 +5,28 @@ import { Typography } from "../Typography/Typography";
 export const StyledDiv = styled.div.withConfig({
   displayName: "Styles__StyledDiv",
   componentId: "sc-1wapx2a-0"
-})(["", " ", " ", ""], FontStyle, BoxSizingStyle, {
+})(["", " ", " ", " ", ""], FontStyle, BoxSizingStyle, {
   "position": "relative",
   "display": "inline-block",
   "maxWidth": "100%"
+}, _ref => {
+  let {
+    $multiline
+  } = _ref;
+  return $multiline && css(["position:relative;display:flex;"]);
 });
 export const StyledSpan = styled(Typography).withConfig({
   displayName: "Styles__StyledSpan",
   componentId: "sc-1wapx2a-1"
-})(["visibility:hidden;display:block;padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;position:relative;border:1px solid transparent;border-radius:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:pre;font-variant-numeric:tabular-nums;", " ", " &:empty:before{content:\" \";}"], _ref => {
+})(["visibility:hidden;display:block;padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;position:relative;border:1px solid transparent;border-radius:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:pre;font-variant-numeric:tabular-nums;", " ", " &:empty:before{content:\" \";}"], _ref2 => {
   let {
     $disabled
-  } = _ref;
-  return $disabled && css(["visibility:visible;"]);
-}, _ref2 => {
+  } = _ref2;
+  return $disabled && css(["visibility:visible;cursor:default !important;"]);
+}, _ref3 => {
   let {
     invalid
-  } = _ref2;
+  } = _ref3;
   return invalid && css(["border:1px solid var(--red-alert);"]);
 });
 StyledSpan.displayName = "StyledSpan";
@@ -46,11 +51,45 @@ export const StyledInput = styled(Typography).withConfig({
   ":hover": {
     "borderColor": "var(--color-theme-700)"
   }
-}, _ref3 => {
+}, _ref4 => {
   let {
     invalid
-  } = _ref3;
+  } = _ref4;
   return invalid && css(["border-color:var(--red-alert) !important;"]);
 });
 StyledInput.displayName = "StyledInput";
+export const StyledMultilineSpan = styled(StyledSpan).withConfig({
+  displayName: "Styles__StyledMultilineSpan",
+  componentId: "sc-1wapx2a-3"
+})(["cursor:", ";z-index:2;width:100%;visibility:visible !important;&:hover{border-color:", ";}"], _ref5 => {
+  let {
+    $disabled
+  } = _ref5;
+  return $disabled ? "default" : "text !important";
+}, _ref6 => {
+  let {
+    invalid,
+    $disabled
+  } = _ref6;
+  return invalid ? "var(--red-alert)" : $disabled ? "transparent" : "var(--border-primary)";
+});
+StyledMultilineSpan.displayName = "StyledMultilineSpan";
+export const StyledTextareaSpan = styled(Typography).withConfig({
+  displayName: "Styles__StyledTextareaSpan",
+  componentId: "sc-1wapx2a-4"
+})(["", " background-color:var(--input-background-color);border-color:var(--color-theme-500);padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;font-variant-numeric:tabular-nums;outline-width:0px;outline:none;resize:none;white-space:pre-wrap;overflow-wrap:break-word;height:calc(1.5em * 3 + 2px);min-height:calc(1.5em * 3 + 2px);opacity:0;pointer-events:none;z-index:1;&:focus{opacity:1;pointer-events:auto;background-color:var(--input-background-color);border-color:var(--color-primary);outline:none;z-index:3;}&:disabled{opacity:0;pointer-events:none;}", ""], {
+  "position": "absolute",
+  "inset": "0px",
+  "boxSizing": "border-box",
+  "width": "100%",
+  "borderRadius": "0.375rem",
+  "borderWidth": "1px",
+  "borderStyle": "solid"
+}, _ref7 => {
+  let {
+    invalid
+  } = _ref7;
+  return invalid && css(["border-color:var(--red-alert) !important;"]);
+});
+StyledTextareaSpan.displayName = "StyledTextareaSpan";
 //# sourceMappingURL=Styles.js.map

package/dist/esm/components/EditableContent/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","Typography","StyledDiv","div","withConfig","displayName","componentId","StyledSpan","_ref","$disabled","_ref2","invalid","StyledInput","_ref3"],"sources":["../../../../src/components/EditableContent/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const StyledDiv = styled.div`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${tw`tw-relative tw-inline-block tw-max-w-full`}\n`;\n\nexport const StyledSpan = styled(Typography)<{ $disabled?: boolean }>`\n  visibility: hidden;\n  display: block;\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  position: relative;\n  border: 1px solid transparent;\n  border-radius: 6px;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: pre;\n  font-variant-numeric: tabular-nums;\n\n  ${({ $disabled }) =>\n    $disabled &&\n    css`\n      visibility: visible;\n    `}\n\n  ${({ invalid }) =>\n    invalid &&\n    css`\n      border: 1px solid var(--red-alert);\n    `}\n\n  &:empty:before {\n    content: \" \";\n  }\n`;\n\nStyledSpan.displayName = \"StyledSpan\";\n\nexport const StyledInput = styled(Typography)`\n  ${tw`\n    tw-absolute\n    tw-inset-0\n    tw-border\n    tw-border-transparent\n    tw-border-solid\n    hover:tw-border-theme-700\n    focus-within:tw-border-theme-700\n    tw-rounded-md\n    tw-box-border\n    tw-overflow-hidden\n    tw-whitespace-nowrap\n    focus-within:tw-overflow-scroll\n    tw-w-full`}\n\n  background-color: inherit;\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  text-overflow: ellipsis;\n  font-variant-numeric: tabular-nums;\n  &:focus-whitin {\n    text-overflow: clip;\n  }\n  outline-width: 0px;\n  outline: none;\n  &:disabled {\n    opacity: 0;\n  }\n\n  ${({ invalid }) =>\n    invalid &&\n    css`\n      border-color: var(--red-alert) !important;\n    `}\n`;\n\nStyledInput.displayName = \"StyledInput\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,UAAU,QAAQ,0BAA0B;AAErD,OAAO,MAAMC,SAAS,GAAGL,MAAM,CAACM,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uBAC/BN,SAAS,EACTD,cAAc,EAEZ;EAAA;EAAA;EAAA;AAA0C,CAAC,CAChD;AAED,OAAO,MAAMQ,UAAU,GAAGV,MAAM,CAACI,UAAU,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gUAgBxCE,IAAA;EAAA,IAAC;IAAEC;EAAU,CAAC,GAAAD,IAAA;EAAA,OACdC,SAAS,IACTX,GAAG,yBAEF;AAAA,GAEDY,KAAA;EAAA,IAAC;IAAEC;EAAQ,CAAC,GAAAD,KAAA;EAAA,OACZC,OAAO,IACPb,GAAG,wCAEF;AAAA,EAKJ;AAEDS,UAAU,CAACF,WAAW,GAAG,YAAY;AAErC,OAAO,MAAMO,WAAW,GAAGf,MAAM,CAACI,UAAU,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kQACvC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAaO,CAAC,EAkBVO,KAAA;EAAA,IAAC;IAAEF;EAAQ,CAAC,GAAAE,KAAA;EAAA,OACZF,OAAO,IACPb,GAAG,+CAEF;AAAA,EACJ;AAEDc,WAAW,CAACP,WAAW,GAAG,aAAa"}
+{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","Typography","StyledDiv","div","withConfig","displayName","componentId","_ref","$multiline","StyledSpan","_ref2","$disabled","_ref3","invalid","StyledInput","_ref4","StyledMultilineSpan","_ref5","_ref6","StyledTextareaSpan","_ref7"],"sources":["../../../../src/components/EditableContent/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const StyledDiv = styled.div<{ $multiline?: boolean }>`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n\n\n  ${tw`tw-relative tw-inline-block tw-max-w-full`}\n  ${({ $multiline }) =>\n    $multiline &&\n    css`\n      position: relative;\n      display: flex;\n    `}\n`;\n\nexport const StyledSpan = styled(Typography)<{ $disabled?: boolean }>`\n  visibility: hidden;\n  display: block;\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  position: relative;\n  border: 1px solid transparent;\n  border-radius: 6px;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: pre;\n  font-variant-numeric: tabular-nums;\n\n  ${({ $disabled }) =>\n    $disabled &&\n    css`\n      visibility: visible;\n      cursor: default !important;\n    `}\n\n  ${({ invalid }) =>\n    invalid &&\n    css`\n      border: 1px solid var(--red-alert);\n    `}\n\n  &:empty:before {\n    content: \" \";\n  }\n`;\n\nStyledSpan.displayName = \"StyledSpan\";\n\nexport const StyledInput = styled(Typography)`\n  ${tw`\n    tw-absolute\n    tw-inset-0\n    tw-border\n    tw-border-transparent\n    tw-border-solid\n    hover:tw-border-theme-700\n    focus-within:tw-border-theme-700\n    tw-rounded-md\n    tw-box-border\n    tw-overflow-hidden\n    tw-whitespace-nowrap\n    focus-within:tw-overflow-scroll\n    tw-w-full`}\n\n  background-color: inherit;\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  text-overflow: ellipsis;\n  font-variant-numeric: tabular-nums;\n  &:focus-whitin {\n    text-overflow: clip;\n  }\n  outline-width: 0px;\n  outline: none;\n  &:disabled {\n    opacity: 0;\n  }\n\n  ${({ invalid }) =>\n    invalid &&\n    css`\n      border-color: var(--red-alert) !important;\n    `}\n`;\n\nStyledInput.displayName = \"StyledInput\";\n\nexport const StyledMultilineSpan = styled(StyledSpan)`\n  cursor: ${({ $disabled }) => ($disabled ? \"default\" : \"text !important\")};\n  z-index: 2;\n  width: 100%;\n  visibility: visible !important;\n\n  &:hover {\n    border-color: ${({ invalid, $disabled }) =>\n      invalid\n        ? \"var(--red-alert)\"\n        : $disabled\n        ? \"transparent\"\n        : \"var(--border-primary)\"};\n  }\n`;\n\nStyledMultilineSpan.displayName = \"StyledMultilineSpan\";\n\nexport const StyledTextareaSpan = styled(Typography)`\n  ${tw`\n    tw-absolute\n    tw-inset-0\n    tw-border\n    tw-border-solid\n    tw-rounded-md\n    tw-box-border\n    tw-w-full`}\n\n  background-color: var(--input-background-color);\n  border-color: var(--color-theme-500);\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  font-variant-numeric: tabular-nums;\n  outline-width: 0px;\n  outline: none;\n  resize: none;\n  white-space: pre-wrap;\n  overflow-wrap: break-word;\n  height: calc(1.5em * 3 + 2px); /* 3 rows height: line-height * 3 + padding */\n  min-height: calc(1.5em * 3 + 2px);\n  opacity: 0;\n  pointer-events: none;\n  z-index: 1;\n\n  &:focus {\n    opacity: 1;\n    pointer-events: auto;\n    background-color: var(--input-background-color);\n    border-color: var(--color-primary);\n    outline: none;\n    z-index: 3;\n  }\n\n  &:disabled {\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  ${({ invalid }) =>\n    invalid &&\n    css`\n      border-color: var(--red-alert) !important;\n    `}\n`;\n\nStyledTextareaSpan.displayName = \"StyledTextareaSpan\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,UAAU,QAAQ,0BAA0B;AAErD,OAAO,MAAMC,SAAS,GAAGL,MAAM,CAACM,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4BAC/BN,SAAS,EACTD,cAAc,EAIZ;EAAA;EAAA;EAAA;AAA0C,CAAC,EAC7CQ,IAAA;EAAA,IAAC;IAAEC;EAAW,CAAC,GAAAD,IAAA;EAAA,OACfC,UAAU,IACVV,GAAG,qCAGF;AAAA,EACJ;AAED,OAAO,MAAMW,UAAU,GAAGZ,MAAM,CAACI,UAAU,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gUAgBxCI,KAAA;EAAA,IAAC;IAAEC;EAAU,CAAC,GAAAD,KAAA;EAAA,OACdC,SAAS,IACTb,GAAG,mDAGF;AAAA,GAEDc,KAAA;EAAA,IAAC;IAAEC;EAAQ,CAAC,GAAAD,KAAA;EAAA,OACZC,OAAO,IACPf,GAAG,wCAEF;AAAA,EAKJ;AAEDW,UAAU,CAACJ,WAAW,GAAG,YAAY;AAErC,OAAO,MAAMS,WAAW,GAAGjB,MAAM,CAACI,UAAU,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kQACvC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAaO,CAAC,EAkBVS,KAAA;EAAA,IAAC;IAAEF;EAAQ,CAAC,GAAAE,KAAA;EAAA,OACZF,OAAO,IACPf,GAAG,+CAEF;AAAA,EACJ;AAEDgB,WAAW,CAACT,WAAW,GAAG,aAAa;AAEvC,OAAO,MAAMW,mBAAmB,GAAGnB,MAAM,CAACY,UAAU,CAAC,CAAAL,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mGACzCW,KAAA;EAAA,IAAC;IAAEN;EAAU,CAAC,GAAAM,KAAA;EAAA,OAAMN,SAAS,GAAG,SAAS,GAAG,iBAAiB;AAAA,CAAC,EAMtDO,KAAA;EAAA,IAAC;IAAEL,OAAO;IAAEF;EAAU,CAAC,GAAAO,KAAA;EAAA,OACrCL,OAAO,GACH,kBAAkB,GAClBF,SAAS,GACT,aAAa,GACb,uBAAuB;AAAA,EAEhC;AAEDK,mBAAmB,CAACX,WAAW,GAAG,qBAAqB;AAEvD,OAAO,MAAMc,kBAAkB,GAAGtB,MAAM,CAACI,UAAU,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qkBAC9C;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAOO,CAAC,EAkCVc,KAAA;EAAA,IAAC;IAAEP;EAAQ,CAAC,GAAAO,KAAA;EAAA,OACZP,OAAO,IACPf,GAAG,+CAEF;AAAA,EACJ;AAEDqB,kBAAkB,CAACd,WAAW,GAAG,oBAAoB"}

package/dist/esm/components/EditableText/EditableText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditableText.d.ts","sourceRoot":"","sources":["../../../../src/components/EditableText/EditableText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,WAAW,EAMZ,MAAM,OAAO,CAAC;AAMf,OAAO,EAEL,wBAAwB,EACzB,MAAM,oCAAoC,CAAC;AAgD5C,MAAM,WAAW,qBAAsB,SAAQ,wBAAwB;IACrE,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,gEAAgE;IAChE,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC1E,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,sFAAsF;IACtF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,YAAY,8FAgJxB,CAAC"}
+{"version":3,"file":"EditableText.d.ts","sourceRoot":"","sources":["../../../../src/components/EditableText/EditableText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,WAAW,EAMZ,MAAM,OAAO,CAAC;AAIf,OAAO,EAEL,wBAAwB,EACzB,MAAM,oCAAoC,CAAC;AAO5C,MAAM,WAAW,qBAAsB,SAAQ,wBAAwB;IACrE,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,gEAAgE;IAChE,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC1E,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,sFAAsF;IACtF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,YAAY,8FA2JxB,CAAC"}

package/dist/esm/components/EditableText/EditableText.js

@@ -1,35 +1,9 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { forwardRef, useCallback, useEffect, useRef, useState } from "react";
 import classNames from "classnames";
-import styled, { css } from "styled-components";
 import { EditableContent } from "../EditableContent/EditableContent";
-import { StyledDiv, StyledSpan } from "../EditableContent/Styles";
-import { Typography } from "../Typography/Typography";
-const StyledTextareaSpan = styled(Typography).withConfig({
-  displayName: "EditableText__StyledTextareaSpan",
-  componentId: "sc-j2ewzm-0"
-})(["", " background-color:var(--input-background-color,#ffffff);padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;font-variant-numeric:tabular-nums;outline-width:0px;outline:none;resize:none;white-space:pre-wrap;overflow-wrap:break-word;height:calc(1.5em * 3 + 2px);min-height:calc(1.5em * 3 + 2px);opacity:0;&:focus{opacity:1;background-color:var(--input-background-color,#f8f9fa);}&:disabled{opacity:0;}", ""], {
-  "position": "absolute",
-  "inset": "0px",
-  "boxSizing": "border-box",
-  "width": "100%",
-  "borderRadius": "0.375rem",
-  "borderWidth": "1px",
-  "borderStyle": "solid",
-  "borderColor": "transparent",
-  ":focus-within": {
-    "borderColor": "var(--color-theme-700)"
-  },
-  ":hover": {
-    "borderColor": "var(--color-theme-700)"
-  }
-}, _ref => {
-  let {
-    invalid
-  } = _ref;
-  return invalid && css(["border-color:var(--red-alert) !important;"]);
-});
-export const EditableText = /*#__PURE__*/forwardRef((_ref2, ref) => {
+import { StyledDiv, StyledMultilineSpan, StyledTextareaSpan } from "../EditableContent/Styles";
+export const EditableText = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     onSave,
     onCancel,
@@ -44,12 +18,11 @@ export const EditableText = /*#__PURE__*/forwardRef((_ref2, ref) => {
     wrapRef,
     children,
     ...props
-  } = _ref2;
+  } = _ref;
   const [currentValue, setCurrentValue] = useState(value);
   const [prevValue, setPrevValue] = useState(value);
   const escapeRef = useRef(false);
   const intTextareaRef = useRef(null);
-  const [isTextareaFocused, setIsTextareaFocused] = useState(false);
   useEffect(() => {
     if (currentValue !== value) {
       setCurrentValue(value);
@@ -58,7 +31,6 @@ export const EditableText = /*#__PURE__*/forwardRef((_ref2, ref) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [value]);
   const handleBlur = useCallback(e => {
-    setIsTextareaFocused(false);
     if (escapeRef.current) {
       setCurrentValue(prevValue);
       escapeRef.current = false;
@@ -76,9 +48,13 @@ export const EditableText = /*#__PURE__*/forwardRef((_ref2, ref) => {
       intTextareaRef.current.scrollLeft = 0;
     }
   }, [allowEmptyString, onSave, prevValue, multiline]);
-  const handleFocus = useCallback(() => {
-    setIsTextareaFocused(true);
-  }, []);
+  const handleFocus = useCallback(e => {
+    if (multiline) {
+      const textarea = e.target;
+      const length = textarea.value.length;
+      textarea.setSelectionRange(length, length);
+    }
+  }, [multiline]);
   const handleKeyDown = useCallback(e => {
     if (e.key === "Enter" && !multiline) {
       e.target.blur();
@@ -95,12 +71,20 @@ export const EditableText = /*#__PURE__*/forwardRef((_ref2, ref) => {
   if (multiline) {
     return /*#__PURE__*/React.createElement(StyledDiv, _extends({
       ref: wrapRef
-    }, props), /*#__PURE__*/React.createElement(StyledSpan, {
+    }, props, {
+      $multiline: multiline
+    }), /*#__PURE__*/React.createElement(StyledMultilineSpan, {
       variant: variant,
       forwardedAs: "span",
       weight: weight,
-      $disabled: !isTextareaFocused,
-      className: "presentation"
+      $disabled: disabled,
+      invalid: invalid,
+      className: "presentation",
+      onClick: () => {
+        if (!disabled && intTextareaRef.current) {
+          intTextareaRef.current.focus();
+        }
+      }
     }, children ? children : String(currentValue || "").replace(/\n/g, " ")), /*#__PURE__*/React.createElement(StyledTextareaSpan, _extends({
       ref: intTextareaRef,
       forwardedAs: "textarea",