@kopexa/editable-text 0.0.28 → 0.0.29

package/dist/chunk-7R3VDDDJ.mjs

@@ -0,0 +1,22 @@
+"use client";
+
+// src/messages.ts
+import { defineMessages } from "@kopexa/i18n";
+var messages = defineMessages({
+  edit: {
+    id: "editable-text.edit",
+    defaultMessage: "Edit"
+  },
+  save: {
+    id: "editable-text.save",
+    defaultMessage: "Save"
+  },
+  cancel: {
+    id: "editable-text.cancel",
+    defaultMessage: "Cancel"
+  }
+});
+
+export {
+  messages
+};

package/dist/{chunk-BPK7SFVL.mjs → chunk-LLKYOZXL.mjs}

@@ -1,7 +1,12 @@
 "use client";
+import {
+  messages
+} from "./chunk-7R3VDDDJ.mjs";
 
 // src/editable-text.tsx
+import { useSafeIntl } from "@kopexa/i18n";
 import { editableText } from "@kopexa/theme";
+import { Tooltip } from "@kopexa/tooltip";
 import {
   useCallback,
   useEffect,
@@ -81,6 +86,7 @@ var EditableText = ({
   inputProps,
   textareaProps
 }) => {
+  const intl = useSafeIntl();
   const [isEditing, setIsEditing] = useState(false);
   const [editedValue, setEditedValue] = useState(value);
   const inputRef = useRef(null);
@@ -208,43 +214,43 @@ var EditableText = ({
         }
       ),
       showButtons && /* @__PURE__ */ jsxs("div", { className: styles.actions(), children: [
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(Tooltip, { content: intl.formatMessage(messages.save), children: /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
             onClick: handleSave,
             className: styles.saveButton(),
             "data-editable-text-action": "save",
-            "aria-label": "Save",
+            "aria-label": intl.formatMessage(messages.save),
             children: /* @__PURE__ */ jsx(CheckIcon, {})
           }
-        ),
-        /* @__PURE__ */ jsx(
+        ) }),
+        /* @__PURE__ */ jsx(Tooltip, { content: intl.formatMessage(messages.cancel), children: /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
             onClick: handleCancel,
             className: styles.cancelButton(),
             "data-editable-text-action": "cancel",
-            "aria-label": "Cancel",
+            "aria-label": intl.formatMessage(messages.cancel),
             children: /* @__PURE__ */ jsx(XIcon, {})
           }
-        )
+        ) })
       ] })
     ] });
   }
   const displayValue = value || placeholder;
   const isEmpty = !value && placeholder;
-  const editButton = showButtons && !disabled && /* @__PURE__ */ jsx(
+  const editButton = showButtons && !disabled && /* @__PURE__ */ jsx(Tooltip, { content: intl.formatMessage(messages.edit), children: /* @__PURE__ */ jsx(
     "button",
     {
       type: "button",
       onClick: handleEditClick,
       className: styles.editButton(),
-      "aria-label": "Edit",
+      "aria-label": intl.formatMessage(messages.edit),
       children: /* @__PURE__ */ jsx(EditIcon, {})
     }
-  );
+  ) });
   return /* @__PURE__ */ jsxs("div", { className: styles.root({ className }), children: [
     /* @__PURE__ */ jsxs(
       Component,

package/dist/editable-text.js

@@ -25,8 +25,29 @@ __export(editable_text_exports, {
   EditableText: () => EditableText
 });
 module.exports = __toCommonJS(editable_text_exports);
+var import_i18n2 = require("@kopexa/i18n");
 var import_theme = require("@kopexa/theme");
+var import_tooltip = require("@kopexa/tooltip");
 var import_react = require("react");
+
+// src/messages.ts
+var import_i18n = require("@kopexa/i18n");
+var messages = (0, import_i18n.defineMessages)({
+  edit: {
+    id: "editable-text.edit",
+    defaultMessage: "Edit"
+  },
+  save: {
+    id: "editable-text.save",
+    defaultMessage: "Save"
+  },
+  cancel: {
+    id: "editable-text.cancel",
+    defaultMessage: "Cancel"
+  }
+});
+
+// src/editable-text.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var EditIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
   "svg",
@@ -100,6 +121,7 @@ var EditableText = ({
   inputProps,
   textareaProps
 }) => {
+  const intl = (0, import_i18n2.useSafeIntl)();
   const [isEditing, setIsEditing] = (0, import_react.useState)(false);
   const [editedValue, setEditedValue] = (0, import_react.useState)(value);
   const inputRef = (0, import_react.useRef)(null);
@@ -227,43 +249,43 @@ var EditableText = ({
         }
       ),
       showButtons && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.actions(), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tooltip.Tooltip, { content: intl.formatMessage(messages.save), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "button",
           {
             type: "button",
             onClick: handleSave,
             className: styles.saveButton(),
             "data-editable-text-action": "save",
-            "aria-label": "Save",
+            "aria-label": intl.formatMessage(messages.save),
             children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckIcon, {})
           }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tooltip.Tooltip, { content: intl.formatMessage(messages.cancel), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "button",
           {
             type: "button",
             onClick: handleCancel,
             className: styles.cancelButton(),
             "data-editable-text-action": "cancel",
-            "aria-label": "Cancel",
+            "aria-label": intl.formatMessage(messages.cancel),
             children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(XIcon, {})
           }
-        )
+        ) })
       ] })
     ] });
   }
   const displayValue = value || placeholder;
   const isEmpty = !value && placeholder;
-  const editButton = showButtons && !disabled && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  const editButton = showButtons && !disabled && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tooltip.Tooltip, { content: intl.formatMessage(messages.edit), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "button",
     {
       type: "button",
       onClick: handleEditClick,
       className: styles.editButton(),
-      "aria-label": "Edit",
+      "aria-label": intl.formatMessage(messages.edit),
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EditIcon, {})
     }
-  );
+  ) });
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.root({ className }), children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       Component,

package/dist/editable-text.mjs

@@ -2,7 +2,8 @@
 "use client";
 import {
   EditableText
-} from "./chunk-BPK7SFVL.mjs";
+} from "./chunk-LLKYOZXL.mjs";
+import "./chunk-7R3VDDDJ.mjs";
 export {
   EditableText
 };

package/dist/index.js

@@ -26,8 +26,29 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/editable-text.tsx
+var import_i18n2 = require("@kopexa/i18n");
 var import_theme = require("@kopexa/theme");
+var import_tooltip = require("@kopexa/tooltip");
 var import_react = require("react");
+
+// src/messages.ts
+var import_i18n = require("@kopexa/i18n");
+var messages = (0, import_i18n.defineMessages)({
+  edit: {
+    id: "editable-text.edit",
+    defaultMessage: "Edit"
+  },
+  save: {
+    id: "editable-text.save",
+    defaultMessage: "Save"
+  },
+  cancel: {
+    id: "editable-text.cancel",
+    defaultMessage: "Cancel"
+  }
+});
+
+// src/editable-text.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var EditIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
   "svg",
@@ -101,6 +122,7 @@ var EditableText = ({
   inputProps,
   textareaProps
 }) => {
+  const intl = (0, import_i18n2.useSafeIntl)();
   const [isEditing, setIsEditing] = (0, import_react.useState)(false);
   const [editedValue, setEditedValue] = (0, import_react.useState)(value);
   const inputRef = (0, import_react.useRef)(null);
@@ -228,43 +250,43 @@ var EditableText = ({
         }
       ),
       showButtons && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.actions(), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tooltip.Tooltip, { content: intl.formatMessage(messages.save), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "button",
           {
             type: "button",
             onClick: handleSave,
             className: styles.saveButton(),
             "data-editable-text-action": "save",
-            "aria-label": "Save",
+            "aria-label": intl.formatMessage(messages.save),
             children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckIcon, {})
           }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tooltip.Tooltip, { content: intl.formatMessage(messages.cancel), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "button",
           {
             type: "button",
             onClick: handleCancel,
             className: styles.cancelButton(),
             "data-editable-text-action": "cancel",
-            "aria-label": "Cancel",
+            "aria-label": intl.formatMessage(messages.cancel),
             children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(XIcon, {})
           }
-        )
+        ) })
       ] })
     ] });
   }
   const displayValue = value || placeholder;
   const isEmpty = !value && placeholder;
-  const editButton = showButtons && !disabled && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  const editButton = showButtons && !disabled && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tooltip.Tooltip, { content: intl.formatMessage(messages.edit), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "button",
     {
       type: "button",
       onClick: handleEditClick,
       className: styles.editButton(),
-      "aria-label": "Edit",
+      "aria-label": intl.formatMessage(messages.edit),
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EditIcon, {})
     }
-  );
+  ) });
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.root({ className }), children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       Component,

package/dist/index.mjs

@@ -1,7 +1,8 @@
 "use client";
 import {
   EditableText
-} from "./chunk-BPK7SFVL.mjs";
+} from "./chunk-LLKYOZXL.mjs";
+import "./chunk-7R3VDDDJ.mjs";
 export {
   EditableText
 };

package/dist/messages.d.mts

@@ -0,0 +1,16 @@
+declare const messages: {
+    edit: {
+        id: string;
+        defaultMessage: string;
+    };
+    save: {
+        id: string;
+        defaultMessage: string;
+    };
+    cancel: {
+        id: string;
+        defaultMessage: string;
+    };
+};
+
+export { messages };

package/dist/messages.d.ts

@@ -0,0 +1,16 @@
+declare const messages: {
+    edit: {
+        id: string;
+        defaultMessage: string;
+    };
+    save: {
+        id: string;
+        defaultMessage: string;
+    };
+    cancel: {
+        id: string;
+        defaultMessage: string;
+    };
+};
+
+export { messages };

package/dist/messages.js

@@ -0,0 +1,45 @@
+"use client";
+"use strict";
+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);
+
+// src/messages.ts
+var messages_exports = {};
+__export(messages_exports, {
+  messages: () => messages
+});
+module.exports = __toCommonJS(messages_exports);
+var import_i18n = require("@kopexa/i18n");
+var messages = (0, import_i18n.defineMessages)({
+  edit: {
+    id: "editable-text.edit",
+    defaultMessage: "Edit"
+  },
+  save: {
+    id: "editable-text.save",
+    defaultMessage: "Save"
+  },
+  cancel: {
+    id: "editable-text.cancel",
+    defaultMessage: "Cancel"
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  messages
+});

package/dist/messages.mjs

@@ -0,0 +1,7 @@
+"use client";
+import {
+  messages
+} from "./chunk-7R3VDDDJ.mjs";
+export {
+  messages
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kopexa/editable-text",
-  "version": "0.0.28",
+  "version": "0.0.29",
   "description": "Inline editable text component",
   "keywords": [
     "editable-text",
@@ -28,11 +28,13 @@
   "peerDependencies": {
     "react": ">=19.0.0-rc.0",
     "react-dom": ">=19.0.0-rc.0",
-    "@kopexa/theme": "17.26.0"
+    "@kopexa/theme": "17.26.1",
+    "@kopexa/tooltip": "17.2.29",
+    "@kopexa/i18n": "17.11.0"
   },
   "dependencies": {
-    "@kopexa/shared-utils": "17.0.63",
-    "@kopexa/react-utils": "17.1.5"
+    "@kopexa/shared-utils": "17.0.64",
+    "@kopexa/react-utils": "17.1.6"
   },
   "clean-package": "../../../clean-package.config.json",
   "module": "dist/index.mjs",