@lobehub/ui 1.11.0 → 1.11.1

package/lib/DraggablePanel/style.js

@@ -1,286 +1,38 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/DraggablePanel/style.ts
-var style_exports = {};
-__export(style_exports, {
-  useStyle: () => useStyle
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(style_exports);
-var import_antd_style = require("antd-style");
+exports.useStyle = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _antdStyle = require("antd-style");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19;
 var offset = 16;
 var toggleLength = 40;
 var toggleShort = 16;
-var useStyle = (0, import_antd_style.createStyles)(({ token }, prefix) => {
-  const commonHandle = import_antd_style.css`
-    position: relative;
-    &::before {
-      content: '';
-      position: absolute;
-      z-index: 50;
-      transition: all 0.2s ${token.motionEaseOut};
-    }
-
-    &:hover,
-    &:active {
-      &::before {
-        background: ${token.colorPrimary};
-      }
-    }
-  `;
-  const commonToggle = import_antd_style.css`
-    position: absolute;
-    z-index: 1001;
-    opacity: 0;
-    transition: all 0.2s ${token.motionEaseOut};
-
-    &:hover {
-      opacity: 1 !important;
-    }
-
-    &:active {
-      opacity: 1 !important;
-    }
-
-    > div {
-      cursor: pointer;
-
-      position: absolute;
-
-      color: ${token.colorTextTertiary};
-
-      background: ${token.colorFillTertiary};
-      border-color: ${token.colorBorderSecondary};
-      border-style: solid;
-      border-width: 1px;
-      border-radius: 4px;
-
-      transition: all 0.2s ${token.motionEaseOut};
-
-      &:hover {
-        color: ${token.colorTextSecondary};
-        background: ${token.colorFillSecondary};
-      }
-
-      &:active {
-        color: ${token.colorText};
-        background: ${token.colorFill};
-      }
-    }
-  `;
-  const float = import_antd_style.css`
-    position: absolute;
-    z-index: 2000;
-  `;
+var useStyle = (0, _antdStyle.createStyles)(function (_ref, prefix) {
+  var token = _ref.token;
+  var commonHandle = (0, _antdStyle.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    position: relative;\n    &::before {\n      content: '';\n      position: absolute;\n      z-index: 50;\n      transition: all 0.2s ", ";\n    }\n\n    &:hover,\n    &:active {\n      &::before {\n        background: ", ";\n      }\n    }\n  "])), token.motionEaseOut, token.colorPrimary);
+  var commonToggle = (0, _antdStyle.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    position: absolute;\n    z-index: 1001;\n    opacity: 0;\n    transition: all 0.2s ", ";\n\n    &:hover {\n      opacity: 1 !important;\n    }\n\n    &:active {\n      opacity: 1 !important;\n    }\n\n    > div {\n      cursor: pointer;\n\n      position: absolute;\n\n      color: ", ";\n\n      background: ", ";\n      border-color: ", ";\n      border-style: solid;\n      border-width: 1px;\n      border-radius: 4px;\n\n      transition: all 0.2s ", ";\n\n      &:hover {\n        color: ", ";\n        background: ", ";\n      }\n\n      &:active {\n        color: ", ";\n        background: ", ";\n      }\n    }\n  "])), token.motionEaseOut, token.colorTextTertiary, token.colorFillTertiary, token.colorBorderSecondary, token.motionEaseOut, token.colorTextSecondary, token.colorFillSecondary, token.colorText, token.colorFill);
+  var float = (0, _antdStyle.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n    position: absolute;\n    z-index: 2000;\n  "])));
   return {
-    container: (0, import_antd_style.cx)(
-      prefix,
-      import_antd_style.css`
-        flex-shrink: 0;
-        border: 0 solid ${token.colorBorderSecondary};
-
-        &:hover {
-          .${prefix}-toggle {
-            opacity: 1;
-          }
-        }
-      `
-    ),
-    fixed: import_antd_style.css`
-      position: relative;
-    `,
-    leftFloat: (0, import_antd_style.cx)(
-      float,
-      import_antd_style.css`
-        top: 0;
-        bottom: 0;
-        left: 0;
-        height: 100%;
-      `
-    ),
-    rightFloat: (0, import_antd_style.cx)(
-      float,
-      import_antd_style.css`
-        top: 0;
-        right: 0;
-        bottom: 0;
-        height: 100%;
-      `
-    ),
-    topFloat: (0, import_antd_style.cx)(
-      float,
-      import_antd_style.css`
-        top: 0;
-        right: 0;
-        left: 0;
-        width: 100%;
-      `
-    ),
-    bottomFloat: (0, import_antd_style.cx)(
-      float,
-      import_antd_style.css`
-        right: 0;
-        bottom: 0;
-        left: 0;
-        width: 100%;
-      `
-    ),
-    toggleLeft: (0, import_antd_style.cx)(
-      `${prefix}-toggle`,
-      `${prefix}-toggle-left`,
-      commonToggle,
-      import_antd_style.css`
-        left: -${offset}px;
-        width: ${toggleShort}px;
-        height: 100%;
-        > div {
-          top: 50%;
-
-          width: ${toggleShort}px;
-          height: ${toggleLength}px;
-          margin-top: -20px;
-
-          border-radius: 4px 0 0 4px;
-        }
-      `
-    ),
-    toggleRight: (0, import_antd_style.cx)(
-      `${prefix}-toggle`,
-      `${prefix}-toggle-right`,
-      commonToggle,
-      import_antd_style.css`
-        right: -${offset}px;
-        width: ${toggleShort}px;
-        height: 100%;
-        > div {
-          top: 50%;
-
-          width: ${toggleShort}px;
-          height: ${toggleLength}px;
-          margin-top: -20px;
-
-          border-radius: 0 4px 4px 0;
-        }
-      `
-    ),
-    toggleTop: (0, import_antd_style.cx)(
-      `${prefix}-toggle`,
-      `${prefix}-toggle-top`,
-      commonToggle,
-      import_antd_style.css`
-        top: -${offset}px;
-        width: 100%;
-        height: ${toggleShort}px;
-
-        > div {
-          left: 50%;
-
-          width: ${toggleLength}px;
-          height: ${toggleShort}px;
-          margin-left: -20px;
-
-          border-radius: 4px 4px 0 0;
-        }
-      `
-    ),
-    toggleBottom: (0, import_antd_style.cx)(
-      `${prefix}-toggle`,
-      `${prefix}-toggle-bottom`,
-      commonToggle,
-      import_antd_style.css`
-        bottom: -${offset}px;
-        width: 100%;
-        height: ${toggleShort}px;
-
-        > div {
-          left: 50%;
-
-          width: ${toggleLength}px;
-          height: 16px;
-          margin-left: -20px;
-
-          border-radius: 0 0 4px 4px;
-        }
-      `
-    ),
-    panel: (0, import_antd_style.cx)(
-      `${prefix}-fixed`,
-      import_antd_style.css`
-        overflow: hidden;
-        transition: all 0.2s ${token.motionEaseOut};
-      `
-    ),
-    handlerIcon: import_antd_style.css`
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      transition: all 0.2s ${token.motionEaseOut};
-    `,
-    leftHandle: (0, import_antd_style.cx)(
-      import_antd_style.css`
-        ${commonHandle};
-
-        &::before {
-          left: 50%;
-          width: 2px;
-          height: 100%;
-        }
-      `,
-      `${prefix}-left-handle`
-    ),
-    rightHandle: (0, import_antd_style.cx)(
-      import_antd_style.css`
-        ${commonHandle};
-        &::before {
-          right: 50%;
-          width: 2px;
-          height: 100%;
-        }
-      `,
-      `${prefix}-right-handle`
-    ),
-    topHandle: (0, import_antd_style.cx)(
-      `${prefix}-top-handle`,
-      import_antd_style.css`
-        ${commonHandle};
-
-        &::before {
-          top: 50%;
-          width: 100%;
-          height: 2px;
-        }
-      `
-    ),
-    bottomHandle: (0, import_antd_style.cx)(
-      `${prefix}-bottom-handle`,
-      import_antd_style.css`
-        ${commonHandle};
-
-        &::before {
-          bottom: 50%;
-          width: 100%;
-          height: 2px;
-        }
-      `
-    )
+    container: (0, _antdStyle.cx)(prefix, (0, _antdStyle.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n        flex-shrink: 0;\n        border: 0 solid ", ";\n\n        &:hover {\n          .", "-toggle {\n            opacity: 1;\n          }\n        }\n      "])), token.colorBorderSecondary, prefix)),
+    fixed: (0, _antdStyle.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n      position: relative;\n    "]))),
+    leftFloat: (0, _antdStyle.cx)(float, (0, _antdStyle.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n        top: 0;\n        bottom: 0;\n        left: 0;\n        height: 100%;\n      "])))),
+    rightFloat: (0, _antdStyle.cx)(float, (0, _antdStyle.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n        top: 0;\n        right: 0;\n        bottom: 0;\n        height: 100%;\n      "])))),
+    topFloat: (0, _antdStyle.cx)(float, (0, _antdStyle.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n        top: 0;\n        right: 0;\n        left: 0;\n        width: 100%;\n      "])))),
+    bottomFloat: (0, _antdStyle.cx)(float, (0, _antdStyle.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n      "])))),
+    toggleLeft: (0, _antdStyle.cx)("".concat(prefix, "-toggle"), "".concat(prefix, "-toggle-left"), commonToggle, (0, _antdStyle.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n        left: -", "px;\n        width: ", "px;\n        height: 100%;\n        > div {\n          top: 50%;\n\n          width: ", "px;\n          height: ", "px;\n          margin-top: -20px;\n\n          border-radius: 4px 0 0 4px;\n        }\n      "])), offset, toggleShort, toggleShort, toggleLength)),
+    toggleRight: (0, _antdStyle.cx)("".concat(prefix, "-toggle"), "".concat(prefix, "-toggle-right"), commonToggle, (0, _antdStyle.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n        right: -", "px;\n        width: ", "px;\n        height: 100%;\n        > div {\n          top: 50%;\n\n          width: ", "px;\n          height: ", "px;\n          margin-top: -20px;\n\n          border-radius: 0 4px 4px 0;\n        }\n      "])), offset, toggleShort, toggleShort, toggleLength)),
+    toggleTop: (0, _antdStyle.cx)("".concat(prefix, "-toggle"), "".concat(prefix, "-toggle-top"), commonToggle, (0, _antdStyle.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n        top: -", "px;\n        width: 100%;\n        height: ", "px;\n\n        > div {\n          left: 50%;\n\n          width: ", "px;\n          height: ", "px;\n          margin-left: -20px;\n\n          border-radius: 4px 4px 0 0;\n        }\n      "])), offset, toggleShort, toggleLength, toggleShort)),
+    toggleBottom: (0, _antdStyle.cx)("".concat(prefix, "-toggle"), "".concat(prefix, "-toggle-bottom"), commonToggle, (0, _antdStyle.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n        bottom: -", "px;\n        width: 100%;\n        height: ", "px;\n\n        > div {\n          left: 50%;\n\n          width: ", "px;\n          height: 16px;\n          margin-left: -20px;\n\n          border-radius: 0 0 4px 4px;\n        }\n      "])), offset, toggleShort, toggleLength)),
+    panel: (0, _antdStyle.cx)("".concat(prefix, "-fixed"), (0, _antdStyle.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n        overflow: hidden;\n        transition: all 0.2s ", ";\n      "])), token.motionEaseOut)),
+    handlerIcon: (0, _antdStyle.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.2s ", ";\n    "])), token.motionEaseOut),
+    leftHandle: (0, _antdStyle.cx)((0, _antdStyle.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\n        ", ";\n\n        &::before {\n          left: 50%;\n          width: 2px;\n          height: 100%;\n        }\n      "])), commonHandle), "".concat(prefix, "-left-handle")),
+    rightHandle: (0, _antdStyle.cx)((0, _antdStyle.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n        ", ";\n        &::before {\n          right: 50%;\n          width: 2px;\n          height: 100%;\n        }\n      "])), commonHandle), "".concat(prefix, "-right-handle")),
+    topHandle: (0, _antdStyle.cx)("".concat(prefix, "-top-handle"), (0, _antdStyle.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["\n        ", ";\n\n        &::before {\n          top: 50%;\n          width: 100%;\n          height: 2px;\n        }\n      "])), commonHandle)),
+    bottomHandle: (0, _antdStyle.cx)("".concat(prefix, "-bottom-handle"), (0, _antdStyle.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\n        ", ";\n\n        &::before {\n          bottom: 50%;\n          width: 100%;\n          height: 2px;\n        }\n      "])), commonHandle))
   };
 });
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useStyle
-});
+exports.useStyle = useStyle;

package/lib/DraggablePanel/utils.js

@@ -1,40 +1,19 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/DraggablePanel/utils.ts
-var utils_exports = {};
-__export(utils_exports, {
-  revesePlacement: () => revesePlacement
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(utils_exports);
-var revesePlacement = (placement) => {
+exports.revesePlacement = void 0;
+var revesePlacement = function revesePlacement(placement) {
   switch (placement) {
-    case "bottom":
-      return "top";
-    case "top":
-      return "bottom";
-    case "right":
-      return "left";
-    case "left":
-      return "right";
+    case 'bottom':
+      return 'top';
+    case 'top':
+      return 'bottom';
+    case 'right':
+      return 'left';
+    case 'left':
+      return 'right';
   }
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  revesePlacement
-});
+exports.revesePlacement = revesePlacement;

package/lib/EditableMessage/index.js

@@ -1,96 +1,73 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/EditableMessage/index.tsx
-var EditableMessage_exports = {};
-__export(EditableMessage_exports, {
-  default: () => EditableMessage_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(EditableMessage_exports);
-var import_Markdown = __toESM(require("../Markdown"));
-var import_MessageInput = __toESM(require("../MessageInput"));
-var import_MessageModal = __toESM(require("../MessageModal"));
-var import_react = require("react");
-var import_use_merge_value = __toESM(require("use-merge-value"));
-var EditableMessage = (0, import_react.memo)(
-  ({
-    value,
-    onChange,
-    classNames = {},
-    onEditingChange,
-    editing,
-    openModal,
-    onOpenChange,
-    showEditWhenEmpty = false
-  }) => {
-    const [isEdit, setTyping] = (0, import_use_merge_value.default)(false, {
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _Markdown = _interopRequireDefault(require("../Markdown"));
+var _MessageInput = _interopRequireDefault(require("../MessageInput"));
+var _MessageModal = _interopRequireDefault(require("../MessageModal"));
+var _react = require("react");
+var _useMergeValue = _interopRequireDefault(require("use-merge-value"));
+var _jsxRuntime = require("react/jsx-runtime");
+var EditableMessage = /*#__PURE__*/(0, _react.memo)(function (_ref) {
+  var value = _ref.value,
+    _onChange = _ref.onChange,
+    _ref$classNames = _ref.classNames,
+    classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
+    onEditingChange = _ref.onEditingChange,
+    editing = _ref.editing,
+    openModal = _ref.openModal,
+    onOpenChange = _ref.onOpenChange,
+    _ref$showEditWhenEmpt = _ref.showEditWhenEmpty,
+    showEditWhenEmpty = _ref$showEditWhenEmpt === void 0 ? false : _ref$showEditWhenEmpt;
+  var _useControlledState = (0, _useMergeValue.default)(false, {
       value: editing,
       onChange: onEditingChange
-    });
-    const [expand, setExpand] = (0, import_use_merge_value.default)(false, {
+    }),
+    _useControlledState2 = (0, _slicedToArray2.default)(_useControlledState, 2),
+    isEdit = _useControlledState2[0],
+    setTyping = _useControlledState2[1];
+  var _useControlledState3 = (0, _useMergeValue.default)(false, {
       value: openModal,
       onChange: onOpenChange
-    });
-    return !value && showEditWhenEmpty ? /* @__PURE__ */ React.createElement(
-      import_MessageInput.default,
-      {
-        onConfirm: (text) => {
-          onChange == null ? void 0 : onChange(text);
-          setTyping(false);
-        },
-        className: classNames.input
+    }),
+    _useControlledState4 = (0, _slicedToArray2.default)(_useControlledState3, 2),
+    expand = _useControlledState4[0],
+    setExpand = _useControlledState4[1];
+  return !value && showEditWhenEmpty ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageInput.default, {
+    onConfirm: function onConfirm(text) {
+      _onChange === null || _onChange === void 0 ? void 0 : _onChange(text);
+      setTyping(false);
+    },
+    className: classNames.input
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageModal.default, {
+      open: expand,
+      onOpenChange: setExpand,
+      value: value,
+      editing: isEdit,
+      onEditingChange: setTyping,
+      onChange: function onChange(text) {
+        _onChange === null || _onChange === void 0 ? void 0 : _onChange(text);
       }
-    ) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-      import_MessageModal.default,
-      {
-        open: expand,
-        onOpenChange: setExpand,
-        value,
-        editing: isEdit,
-        onEditingChange: setTyping,
-        onChange: (text) => {
-          onChange == null ? void 0 : onChange(text);
-        }
-      }
-    ), !expand && isEdit ? /* @__PURE__ */ React.createElement(
-      import_MessageInput.default,
-      {
-        onConfirm: (text) => {
-          onChange == null ? void 0 : onChange(text);
-          setTyping(false);
-        },
-        onCancel: () => setTyping(false),
-        defaultValue: value,
-        className: classNames.input
-      }
-    ) : /* @__PURE__ */ React.createElement(import_Markdown.default, { className: classNames.markdown }, value));
-  }
-);
-var EditableMessage_default = EditableMessage;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+    }), !expand && isEdit ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageInput.default, {
+      onConfirm: function onConfirm(text) {
+        _onChange === null || _onChange === void 0 ? void 0 : _onChange(text);
+        setTyping(false);
+      },
+      onCancel: function onCancel() {
+        return setTyping(false);
+      },
+      defaultValue: value,
+      className: classNames.input
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Markdown.default, {
+      className: classNames.markdown,
+      children: value
+    })]
+  });
+});
+var _default = EditableMessage;
+exports.default = _default;