@inshapardaz/likhari-react 0.1.13 → 0.1.14

package/dist/components/Toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../src/components/Toolbar.tsx"],"names":[],"mappings":"AAuDA,OAAO,EAAgB,KAAK,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAEzE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAA6D,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAItG,OAAO,KAAK,EAAE,MAAM,EAAW,MAAM,iBAAiB,CAAC;AA+YvD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,2BAA2B,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sEAAsE;IACtE,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,wFAAwF;IACxF,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC1B,oFAAoF;IACpF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kGAAkG;IAClG,MAAM,CAAC,EAAE,oBAAoB,CAAC;CAC/B;AAED,wBAAgB,OAAO,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAkC,EAAE,SAAiB,EAAE,MAAa,EAAE,MAAM,EAAE,EAAE,YAAY,+BAg7BxJ"}
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../src/components/Toolbar.tsx"],"names":[],"mappings":"AAuDA,OAAO,EAAgB,KAAK,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAEzE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAA6D,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAItG,OAAO,KAAK,EAAE,MAAM,EAAW,MAAM,iBAAiB,CAAC;AAwZvD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,2BAA2B,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sEAAsE;IACtE,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,wFAAwF;IACxF,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC1B,oFAAoF;IACpF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kGAAkG;IAClG,MAAM,CAAC,EAAE,oBAAoB,CAAC;CAC/B;AAED,wBAAgB,OAAO,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAkC,EAAE,SAAiB,EAAE,MAAa,EAAE,MAAM,EAAE,EAAE,YAAY,+BAo7BxJ"}

package/dist/components/Toolbar.js

@@ -45,7 +45,7 @@ const INITIAL_STATE = {
 };
 const ICON_SIZE = 17;
 const ICON_STROKE = 1.75;
-const ALIGN_ICONS = {
+const ALIGN_ICONS_LTR = {
     start: IconAlignLeft,
     left: IconAlignLeft,
     center: IconAlignCenter,
@@ -53,6 +53,14 @@ const ALIGN_ICONS = {
     right: IconAlignRight,
     justify: IconAlignJustified,
 };
+// UI spec §5: "start"/"end" are direction-relative — in RTL, start points
+// right, so the icon has to swap glyphs. "left"/"right" are the poetry
+// preset's literal per-couplet overrides and never mirror.
+const ALIGN_ICONS_RTL = {
+    ...ALIGN_ICONS_LTR,
+    start: IconAlignRight,
+    end: IconAlignLeft,
+};
 const HEADING_ICONS = {
     1: IconH1,
     2: IconH2,
@@ -149,6 +157,8 @@ export function Toolbar({ config, onSave, isDirty, showSave, fontOptions = DEFAU
     const strings = useStrings(locale);
     const portalTarget = usePortalTarget();
     const [draftsOpen, setDraftsOpen] = useState(false);
+    const rtl = direction === 'rtl';
+    const ALIGN_ICONS = rtl ? ALIGN_ICONS_RTL : ALIGN_ICONS_LTR;
     // Responsive "priority+" overflow: the toolbar's outer container and a
     // hidden nowrap clone (rendered with every movable group forced inline)
     // are both measured; whenever the clone's natural width exceeds the
@@ -573,17 +583,19 @@ export function Toolbar({ config, onSave, isDirty, showSave, fontOptions = DEFAU
     if (fmt.clearFormatting) {
         scriptCleanupItems.push({ key: 'clear', icon: IconClearFormatting, label: strings.toolbar.clearFormatting, onClick: clearFormatting });
     }
+    // UI spec §5: indent/outdent arrows are direction-relative and swap in RTL
+    // (outdent moves content toward the start edge, which is the right in RTL).
     const indentItems = config.indent
         ? [
             {
                 key: 'outdent',
-                icon: IconIndentDecrease,
+                icon: rtl ? IconIndentIncrease : IconIndentDecrease,
                 label: strings.toolbar.outdent,
                 onClick: () => editor.dispatchCommand(OUTDENT_CONTENT_COMMAND, undefined),
             },
             {
                 key: 'indent',
-                icon: IconIndentIncrease,
+                icon: rtl ? IconIndentDecrease : IconIndentIncrease,
                 label: strings.toolbar.indent,
                 onClick: () => editor.dispatchCommand(INDENT_CONTENT_COMMAND, undefined),
             },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inshapardaz/likhari-react",
-  "version": "0.1.13",
+  "version": "0.1.14",
   "description": "React implementation of the Likhari editor, built on @lexical/react.",
   "license": "MIT",
   "repository": {