intlayer-editor 2.1.12 → 3.0.2

package/dist/esm/{client/ContentEditorProvider.mjs → ContentEditorProvider.mjs}

@@ -3,7 +3,8 @@ import { jsx } from "react/jsx-runtime";
 import { getConfiguration } from "@intlayer/config/client";
 import {
   createContext,
-  useContext
+  useContext,
+  useMemo
 } from "react";
 const IntlayerEditorContext = createContext({
   editorEnabled: false
@@ -15,7 +16,15 @@ const {
 const IntlayerEditorProvider = ({
   children,
   editorEnabled = enabled
-}) => /* @__PURE__ */ jsx(IntlayerEditorContext.Provider, { value: { editorEnabled }, children });
+}) => {
+  const memoValue = useMemo(
+    () => ({
+      editorEnabled
+    }),
+    [editorEnabled]
+  );
+  return /* @__PURE__ */ jsx(IntlayerEditorContext.Provider, { value: memoValue, children });
+};
 export {
   IntlayerEditorContext,
   IntlayerEditorProvider,

package/dist/esm/ContentEditorProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/client/ContentEditorProvider.tsx"],"sourcesContent":["'use client';\n\nimport { getConfiguration } from '@intlayer/config/client';\nimport {\n  type PropsWithChildren,\n  createContext,\n  useContext,\n  type FC,\n  useMemo,\n} from 'react';\n\ntype IntlayerEditorValue = {\n  editorEnabled: boolean;\n};\n\n/**\n * Context that store the current locale on the client side\n */\nexport const IntlayerEditorContext = createContext<IntlayerEditorValue>({\n  editorEnabled: false,\n});\n\n/**\n * Hook that provides the current locale\n */\nexport const useIntlayerEditorContext = () => useContext(IntlayerEditorContext);\n\nexport type IntlayerEditorProviderProps = PropsWithChildren<{\n  editorEnabled?: boolean;\n}>;\n\nconst {\n  editor: { enabled },\n} = getConfiguration();\n\n/**\n * Provider that store the current locale on the client side\n */\nexport const IntlayerEditorProvider: FC<IntlayerEditorProviderProps> = ({\n  children,\n  editorEnabled = enabled,\n}) => {\n  const memoValue = useMemo(\n    () => ({\n      editorEnabled,\n    }),\n    [editorEnabled]\n  );\n\n  return (\n    <IntlayerEditorContext.Provider value={memoValue}>\n      {children}\n    </IntlayerEditorContext.Provider>\n  );\n};\n"],"mappings":";AAkDI;AAhDJ,SAAS,wBAAwB;AACjC;AAAA,EAEE;AAAA,EACA;AAAA,EAEA;AAAA,OACK;AASA,MAAM,wBAAwB,cAAmC;AAAA,EACtE,eAAe;AACjB,CAAC;AAKM,MAAM,2BAA2B,MAAM,WAAW,qBAAqB;AAM9E,MAAM;AAAA,EACJ,QAAQ,EAAE,QAAQ;AACpB,IAAI,iBAAiB;AAKd,MAAM,yBAA0D,CAAC;AAAA,EACtE;AAAA,EACA,gBAAgB;AAClB,MAAM;AACJ,QAAM,YAAY;AAAA,IAChB,OAAO;AAAA,MACL;AAAA,IACF;AAAA,IACA,CAAC,aAAa;AAAA,EAChB;AAEA,SACE,oBAAC,sBAAsB,UAAtB,EAA+B,OAAO,WACpC,UACH;AAEJ;","names":[]}

package/dist/esm/{client/ContentSelectorWrapper.mjs → ContentSelectorWrapper.mjs}

@@ -2,7 +2,12 @@
 import { jsx } from "react/jsx-runtime";
 import { isSameKeyPath } from "@intlayer/core";
 import { ContentSelector } from "@intlayer/design-system";
-import { useCallback, useContext } from "react";
+import {
+  useCallback,
+  useContext,
+  useEffect,
+  useState
+} from "react";
 import { IntlayerEditorContext } from './ContentEditorProvider.mjs';
 import { useDictionaryEditionDrawer } from './DictionaryEditionDrawer/useDictionaryEditionDrawer.mjs';
 const ContentSelectorWrapper = ({
@@ -12,8 +17,9 @@ const ContentSelectorWrapper = ({
   keyPath
 }) => {
   const { open, getEditedContentValue, focusedContent, isOpen } = useDictionaryEditionDrawer(dictionaryId);
-  const editedValue = getEditedContentValue(dictionaryPath, keyPath);
+  const editedValue = getEditedContentValue(dictionaryId, keyPath);
   const { editorEnabled } = useContext(IntlayerEditorContext);
+  const [displayedChildren, setDisplayedChildren] = useState(children);
   const handleSelect = useCallback(
     () => open({
       dictionaryId,
@@ -23,18 +29,15 @@ const ContentSelectorWrapper = ({
     [dictionaryId, dictionaryPath, keyPath, open]
   );
   const isSelected = (isOpen && (focusedContent?.keyPath?.length ?? 0) > 0 && isSameKeyPath(focusedContent?.keyPath ?? [], keyPath)) ?? false;
+  useEffect(() => {
+    if (editorEnabled && editedValue && typeof editedValue === "string") {
+      setDisplayedChildren(editedValue);
+    }
+  }, [editedValue, editorEnabled]);
   if (!editorEnabled) {
     return children;
   }
-  return /* @__PURE__ */ jsx(
-    ContentSelector,
-    {
-      onSelect: handleSelect,
-      isSelecting: isSelected,
-      popoverContent: "Long press to edit",
-      children: editedValue ?? children
-    }
-  );
+  return /* @__PURE__ */ jsx(ContentSelector, { onSelect: handleSelect, isSelecting: isSelected, children: displayedChildren });
 };
 export {
   ContentSelectorWrapper

package/dist/esm/ContentSelectorWrapper.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/client/ContentSelectorWrapper.tsx"],"sourcesContent":["'use client';\n\nimport { isSameKeyPath, type KeyPath } from '@intlayer/core';\nimport { ContentSelector } from '@intlayer/design-system';\nimport {\n  useCallback,\n  useContext,\n  useEffect,\n  useState,\n  type FC,\n  type ReactNode,\n} from 'react';\nimport { IntlayerEditorContext } from './ContentEditorProvider';\nimport { useDictionaryEditionDrawer } from './DictionaryEditionDrawer/useDictionaryEditionDrawer';\n\ntype ContentSelectorWrapperProps = {\n  children: ReactNode;\n  dictionaryId: string;\n  dictionaryPath: string;\n  keyPath: KeyPath[];\n};\n\nexport const ContentSelectorWrapper: FC<ContentSelectorWrapperProps> = ({\n  children,\n  dictionaryId,\n  dictionaryPath,\n  keyPath,\n}) => {\n  const { open, getEditedContentValue, focusedContent, isOpen } =\n    useDictionaryEditionDrawer(dictionaryId);\n  const editedValue = getEditedContentValue(dictionaryId, keyPath);\n  const { editorEnabled } = useContext(IntlayerEditorContext);\n  const [displayedChildren, setDisplayedChildren] =\n    useState<ReactNode>(children);\n\n  const handleSelect = useCallback(\n    () =>\n      open({\n        dictionaryId,\n        dictionaryPath,\n        keyPath,\n      }),\n    [dictionaryId, dictionaryPath, keyPath, open]\n  );\n\n  const isSelected =\n    (isOpen &&\n      (focusedContent?.keyPath?.length ?? 0) > 0 &&\n      isSameKeyPath(focusedContent?.keyPath ?? [], keyPath)) ??\n    false;\n\n  useEffect(() => {\n    // Use useEffect to avoid 'Text content does not match server-rendered HTML' error\n    if (editorEnabled && editedValue && typeof editedValue === 'string') {\n      setDisplayedChildren(editedValue);\n    }\n  }, [editedValue, editorEnabled]);\n\n  if (!editorEnabled) {\n    return children;\n  }\n\n  return (\n    <ContentSelector onSelect={handleSelect} isSelecting={isSelected}>\n      {displayedChildren}\n    </ContentSelector>\n  );\n};\n"],"mappings":";AA+DI;AA7DJ,SAAS,qBAAmC;AAC5C,SAAS,uBAAuB;AAChC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AACP,SAAS,6BAA6B;AACtC,SAAS,kCAAkC;AASpC,MAAM,yBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,MAAM,uBAAuB,gBAAgB,OAAO,IAC1D,2BAA2B,YAAY;AACzC,QAAM,cAAc,sBAAsB,cAAc,OAAO;AAC/D,QAAM,EAAE,cAAc,IAAI,WAAW,qBAAqB;AAC1D,QAAM,CAAC,mBAAmB,oBAAoB,IAC5C,SAAoB,QAAQ;AAE9B,QAAM,eAAe;AAAA,IACnB,MACE,KAAK;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,CAAC,cAAc,gBAAgB,SAAS,IAAI;AAAA,EAC9C;AAEA,QAAM,cACH,WACE,gBAAgB,SAAS,UAAU,KAAK,KACzC,cAAc,gBAAgB,WAAW,CAAC,GAAG,OAAO,MACtD;AAEF,YAAU,MAAM;AAEd,QAAI,iBAAiB,eAAe,OAAO,gBAAgB,UAAU;AACnE,2BAAqB,WAAW;AAAA,IAClC;AAAA,EACF,GAAG,CAAC,aAAa,aAAa,CAAC;AAE/B,MAAI,CAAC,eAAe;AAClB,WAAO;AAAA,EACT;AAEA,SACE,oBAAC,mBAAgB,UAAU,cAAc,aAAa,YACnD,6BACH;AAEJ;","names":[]}

package/dist/esm/{client/DictionaryEditionDrawer → DictionaryEditionDrawer}/DictionaryEditionDrawer.mjs

@@ -1,43 +1,68 @@
 "use client";
-import { Fragment, jsx } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import {
   RightDrawer,
   DictionaryEditor,
-  LocaleSwitcher
+  LocaleSwitcher,
+  Modal,
+  useEditionPanelStore,
+  DictionaryFieldEditor
 } from "@intlayer/design-system";
-import dictionaries from "@intlayer/dictionaries-entry";
-import { useDictionaryListDrawer } from '../DictionaryListDrawer/index.mjs';
+import { useGetAllDictionaries } from "@intlayer/design-system/hooks";
+import { useEffect, useState } from "react";
+import { useDictionaryListDrawer } from '../DictionaryListDrawer/useDictionaryListDrawer.mjs';
 import {
-  useDictionaryEditionDrawer
+  useDictionaryEditionDrawer,
+  getDrawerIdentifier
 } from './useDictionaryEditionDrawer.mjs';
-import { useEditionPanelStore } from './useFocusContentStore.mjs';
-const DictionaryEditionDrawerContent = ({ focusedContent, locale, identifier }) => {
+const DictionaryEditionDrawerContent = ({ locale, identifier }) => {
+  const [keyPathEditionModal, setKeyPathEditionModal] = useState(null);
   const {
     setFocusedContent,
+    setDictionariesRecord,
     editContentRequest,
     editedContent,
+    focusedContent,
     addEditedContent,
     clearEditedDictionaryContent
   } = useDictionaryEditionDrawer(identifier);
-  const dictionaryId = focusedContent.dictionaryId;
-  const dictionary = dictionaries[dictionaryId];
-  const dictionaryPath = dictionary.filePath;
-  const editedDictionaryContent = editedContent[dictionaryPath];
-  return /* @__PURE__ */ jsx(
-    DictionaryEditor,
-    {
-      dictionary,
-      locale,
-      focusedKeyPath: focusedContent.keyPath,
-      editedContent: editedDictionaryContent,
-      onFocusKeyPath: (keyPath) => setFocusedContent({ ...focusedContent, keyPath }),
-      onContentChange: (keyPath, newValue) => addEditedContent(dictionaryPath, keyPath, newValue),
-      onValidEdition: editContentRequest,
-      onCancelEdition: () => clearEditedDictionaryContent(dictionaryPath)
+  const { all: dictionaries } = useGetAllDictionaries();
+  useEffect(() => {
+    if (dictionaries) {
+      setDictionariesRecord(dictionaries);
     }
-  );
+  }, [setDictionariesRecord, dictionaries]);
+  const dictionaryId = focusedContent?.dictionaryId;
+  if (!dictionaryId) return /* @__PURE__ */ jsx(Fragment, { children: "No dictionary focused" });
+  const dictionary = dictionaries[dictionaryId];
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Modal,
+      {
+        isOpen: keyPathEditionModal !== null,
+        onClose: () => setKeyPathEditionModal(null),
+        hasCloseButton: true,
+        title: "Edit field",
+        size: "xl",
+        children: dictionary && /* @__PURE__ */ jsx(DictionaryFieldEditor, { dictionary })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DictionaryEditor,
+      {
+        dictionary,
+        locale,
+        focusedKeyPath: focusedContent.keyPath,
+        editedContent: editedContent[dictionaryId],
+        onFocusKeyPath: (keyPath) => setFocusedContent({ ...focusedContent, keyPath }),
+        onContentChange: (keyPath, newValue) => addEditedContent(dictionaryId, newValue, keyPath),
+        onValidEdition: editContentRequest,
+        onCancelEdition: () => clearEditedDictionaryContent(dictionaryId),
+        onClickEdit: setKeyPathEditionModal
+      }
+    )
+  ] });
 };
-const getDrawerIdentifier = (dictionaryId) => `dictionary_edition_${dictionaryId}`;
 const DictionaryEditionDrawer = ({
   locale,
   localeList,
@@ -98,7 +123,6 @@ const DictionaryEditionDrawerController = ({ locale, localeList, setLocale }) =>
 export {
   DictionaryEditionDrawer,
   DictionaryEditionDrawerContent,
-  DictionaryEditionDrawerController,
-  getDrawerIdentifier
+  DictionaryEditionDrawerController
 };
 //# sourceMappingURL=DictionaryEditionDrawer.mjs.map

package/dist/esm/DictionaryEditionDrawer/DictionaryEditionDrawer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/DictionaryEditionDrawer/DictionaryEditionDrawer.tsx"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport type { Dictionary, KeyPath } from '@intlayer/core';\nimport {\n  RightDrawer,\n  DictionaryEditor,\n  LocaleSwitcher,\n  Modal,\n  useEditionPanelStore,\n  DictionaryFieldEditor,\n} from '@intlayer/design-system';\nimport { useGetAllDictionaries } from '@intlayer/design-system/hooks';\nimport { useEffect, useState, type FC } from 'react';\nimport { useDictionaryListDrawer } from '../DictionaryListDrawer/useDictionaryListDrawer';\nimport {\n  type FileContent as FileContentWithDictionaryPath,\n  useDictionaryEditionDrawer,\n  getDrawerIdentifier,\n} from './useDictionaryEditionDrawer';\n\ntype DictionaryEditionDrawerContentProps = {\n  focusedContent: FileContentWithDictionaryPath;\n  locale: Locales;\n  identifier: string;\n};\n\nexport const DictionaryEditionDrawerContent: FC<\n  DictionaryEditionDrawerContentProps\n> = ({ locale, identifier }) => {\n  const [keyPathEditionModal, setKeyPathEditionModal] = useState<\n    KeyPath[] | null\n  >(null);\n  const {\n    setFocusedContent,\n    setDictionariesRecord,\n    editContentRequest,\n    editedContent,\n    focusedContent,\n    addEditedContent,\n    clearEditedDictionaryContent,\n  } = useDictionaryEditionDrawer(identifier);\n  const { all: dictionaries } = useGetAllDictionaries();\n\n  useEffect(() => {\n    if (dictionaries) {\n      setDictionariesRecord(dictionaries);\n    }\n  }, [setDictionariesRecord, dictionaries]);\n\n  const dictionaryId = focusedContent?.dictionaryId;\n\n  if (!dictionaryId) return <>No dictionary focused</>;\n\n  const dictionary: Dictionary = dictionaries[dictionaryId];\n\n  return (\n    <>\n      <Modal\n        isOpen={keyPathEditionModal !== null}\n        onClose={() => setKeyPathEditionModal(null)}\n        hasCloseButton\n        title=\"Edit field\"\n        size=\"xl\"\n      >\n        {dictionary && <DictionaryFieldEditor dictionary={dictionary} />}\n      </Modal>\n      <DictionaryEditor\n        dictionary={dictionary}\n        locale={locale}\n        focusedKeyPath={focusedContent.keyPath}\n        editedContent={editedContent[dictionaryId]}\n        onFocusKeyPath={(keyPath) =>\n          setFocusedContent({ ...focusedContent, keyPath })\n        }\n        onContentChange={(keyPath, newValue) =>\n          addEditedContent(dictionaryId, newValue, keyPath)\n        }\n        onValidEdition={editContentRequest}\n        onCancelEdition={() => clearEditedDictionaryContent(dictionaryId)}\n        onClickEdit={setKeyPathEditionModal}\n      />\n    </>\n  );\n};\n\ntype DictionaryEditionDrawerProps = DictionaryEditionDrawerControllerProps & {\n  dictionaryId: string;\n};\n\nexport const DictionaryEditionDrawer: FC<DictionaryEditionDrawerProps> = ({\n  locale,\n  localeList,\n  setLocale,\n  dictionaryId,\n}) => {\n  const id = getDrawerIdentifier(dictionaryId);\n\n  const { focusedContent, close } = useDictionaryEditionDrawer(dictionaryId);\n  const { open: openDictionaryListDrawer } = useDictionaryListDrawer();\n\n  const handleOnBack = () => {\n    close();\n    openDictionaryListDrawer();\n  };\n\n  return (\n    <RightDrawer\n      title={dictionaryId}\n      identifier={id}\n      header={\n        <LocaleSwitcher\n          setLocale={setLocale}\n          locale={locale}\n          localeList={localeList}\n        />\n      }\n      backButton={{\n        onBack: handleOnBack,\n        text: 'Dictionary list',\n      }}\n    >\n      {focusedContent && (\n        <DictionaryEditionDrawerContent\n          focusedContent={focusedContent}\n          locale={locale}\n          identifier={id}\n        />\n      )}\n    </RightDrawer>\n  );\n};\n\ntype DictionaryEditionDrawerControllerProps = {\n  locale: Locales;\n  localeList: Locales[];\n  setLocale: (locale: Locales) => void;\n};\n\nexport const DictionaryEditionDrawerController: FC<\n  DictionaryEditionDrawerControllerProps\n> = ({ locale, localeList, setLocale }) => {\n  const focusedContent = useEditionPanelStore((s) => s.focusedContent);\n  const dictionaryId: string | undefined = focusedContent?.dictionaryId;\n\n  if (!dictionaryId) {\n    return <></>;\n  }\n\n  return (\n    <DictionaryEditionDrawer\n      locale={locale}\n      localeList={localeList}\n      setLocale={setLocale}\n      dictionaryId={dictionaryId}\n    />\n  );\n};\n"],"mappings":";AAoD4B,wBAKxB,YALwB;AAhD5B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,6BAA6B;AACtC,SAAS,WAAW,gBAAyB;AAC7C,SAAS,+BAA+B;AACxC;AAAA,EAEE;AAAA,EACA;AAAA,OACK;AAQA,MAAM,iCAET,CAAC,EAAE,QAAQ,WAAW,MAAM;AAC9B,QAAM,CAAC,qBAAqB,sBAAsB,IAAI,SAEpD,IAAI;AACN,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,2BAA2B,UAAU;AACzC,QAAM,EAAE,KAAK,aAAa,IAAI,sBAAsB;AAEpD,YAAU,MAAM;AACd,QAAI,cAAc;AAChB,4BAAsB,YAAY;AAAA,IACpC;AAAA,EACF,GAAG,CAAC,uBAAuB,YAAY,CAAC;AAExC,QAAM,eAAe,gBAAgB;AAErC,MAAI,CAAC,aAAc,QAAO,gCAAE,mCAAqB;AAEjD,QAAM,aAAyB,aAAa,YAAY;AAExD,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,wBAAwB;AAAA,QAChC,SAAS,MAAM,uBAAuB,IAAI;AAAA,QAC1C,gBAAc;AAAA,QACd,OAAM;AAAA,QACN,MAAK;AAAA,QAEJ,wBAAc,oBAAC,yBAAsB,YAAwB;AAAA;AAAA,IAChE;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,gBAAgB,eAAe;AAAA,QAC/B,eAAe,cAAc,YAAY;AAAA,QACzC,gBAAgB,CAAC,YACf,kBAAkB,EAAE,GAAG,gBAAgB,QAAQ,CAAC;AAAA,QAElD,iBAAiB,CAAC,SAAS,aACzB,iBAAiB,cAAc,UAAU,OAAO;AAAA,QAElD,gBAAgB;AAAA,QAChB,iBAAiB,MAAM,6BAA6B,YAAY;AAAA,QAChE,aAAa;AAAA;AAAA,IACf;AAAA,KACF;AAEJ;AAMO,MAAM,0BAA4D,CAAC;AAAA,EACxE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,KAAK,oBAAoB,YAAY;AAE3C,QAAM,EAAE,gBAAgB,MAAM,IAAI,2BAA2B,YAAY;AACzE,QAAM,EAAE,MAAM,yBAAyB,IAAI,wBAAwB;AAEnE,QAAM,eAAe,MAAM;AACzB,UAAM;AACN,6BAAyB;AAAA,EAC3B;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,QACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,MAEF,YAAY;AAAA,QACV,QAAQ;AAAA,QACR,MAAM;AAAA,MACR;AAAA,MAEC,4BACC;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,YAAY;AAAA;AAAA,MACd;AAAA;AAAA,EAEJ;AAEJ;AAQO,MAAM,oCAET,CAAC,EAAE,QAAQ,YAAY,UAAU,MAAM;AACzC,QAAM,iBAAiB,qBAAqB,CAAC,MAAM,EAAE,cAAc;AACnE,QAAM,eAAmC,gBAAgB;AAEzD,MAAI,CAAC,cAAc;AACjB,WAAO,gCAAE;AAAA,EACX;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/esm/{client/DictionaryEditionDrawer → DictionaryEditionDrawer}/index.mjs

@@ -1,4 +1,3 @@
 export * from './DictionaryEditionDrawer.mjs';
 export * from './useDictionaryEditionDrawer.mjs';
-export * from './useEditedContentStore.mjs';
 //# sourceMappingURL=index.mjs.map

package/dist/esm/DictionaryEditionDrawer/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/DictionaryEditionDrawer/index.ts"],"sourcesContent":["export * from './DictionaryEditionDrawer';\nexport * from './useDictionaryEditionDrawer';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}

package/dist/esm/{client/DictionaryEditionDrawer → DictionaryEditionDrawer}/useDictionaryEditionDrawer.mjs

@@ -1,20 +1,22 @@
-import { useRightDrawerStore } from "@intlayer/design-system";
-import { useEditorServer } from '../useEditorServer.mjs';
-import { getDrawerIdentifier } from './DictionaryEditionDrawer.mjs';
 import {
-  useEditedContentStore
-} from './useEditedContentStore.mjs';
-import { useEditionPanelStore } from './useFocusContentStore.mjs';
+  useRightDrawerStore,
+  useEditedContentStore,
+  useEditionPanelStore
+} from "@intlayer/design-system";
+import { useEditorServer } from '../useEditorServer.mjs';
+const getDrawerIdentifier = (dictionaryId) => `dictionary_edition_${dictionaryId}`;
 const useDictionaryEditionDrawer = (dictionaryId) => {
   const id = getDrawerIdentifier(dictionaryId);
   const { isOpen, open, close } = useRightDrawerStore(id)();
   const {
     editedContent,
+    setDictionariesRecord,
     getEditedContentValue,
     addEditedContent,
     clearEditedDictionaryContent
   } = useEditedContentStore((s) => ({
     editedContent: s.editedContent,
+    setDictionariesRecord: s.setDictionariesRecord,
     addEditedContent: s.addEditedContent,
     getEditedContentValue: s.getEditedContentValue,
     clearEditedDictionaryContent: s.clearEditedDictionaryContent
@@ -40,6 +42,7 @@ const useDictionaryEditionDrawer = (dictionaryId) => {
     isOpen,
     focusedContent,
     setFocusedContent,
+    setDictionariesRecord,
     open: openDictionaryEditionDrawer,
     close,
     getEditedContentValue,
@@ -74,6 +77,7 @@ const useDictionaryEditionDrawerControl = () => {
   };
 };
 export {
+  getDrawerIdentifier,
   useDictionaryEditionDrawer,
   useDictionaryEditionDrawerControl
 };

package/dist/esm/DictionaryEditionDrawer/useDictionaryEditionDrawer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/DictionaryEditionDrawer/useDictionaryEditionDrawer.ts"],"sourcesContent":["import type { Dictionary, DictionaryValue, KeyPath } from '@intlayer/core';\nimport {\n  useRightDrawerStore,\n  useEditedContentStore,\n  useEditionPanelStore,\n  type DictionaryContent,\n} from '@intlayer/design-system';\nimport { useEditorServer } from '../useEditorServer';\n\nexport const getDrawerIdentifier = (dictionaryId: string) =>\n  `dictionary_edition_${dictionaryId}`;\n\ntype DictionaryId = string;\ntype DictionaryPath = string;\n\nexport type FileContent = {\n  dictionaryPath?: DictionaryPath;\n  dictionaryId: string;\n  keyPath?: KeyPath[];\n};\n\ntype DictionaryEditionDrawer = {\n  focusedContent: FileContent | null;\n  setFocusedContent: (content: FileContent | null) => void;\n  isOpen: boolean;\n  open: (content: FileContent) => void;\n  close: () => void;\n  editContentRequest: () => Promise<void>;\n  editedContent: DictionaryContent;\n  addEditedContent: (\n    dictionaryId: DictionaryId,\n    newValue: DictionaryValue,\n    keyPath: KeyPath[]\n  ) => void;\n  setDictionariesRecord: (\n    dictionariesRecord: Record<DictionaryId, Dictionary>\n  ) => void;\n  getEditedContentValue: (\n    dictionaryId: DictionaryId,\n    keyPath: KeyPath[]\n  ) => DictionaryValue | undefined;\n  clearEditedDictionaryContent: (dictionaryPath: DictionaryPath) => void;\n};\n\ntype OpenDictionaryEditionDrawerProps = {\n  dictionaryId: string;\n  dictionaryPath?: string;\n  keyPath?: KeyPath[];\n};\n\nexport const useDictionaryEditionDrawer = (\n  dictionaryId: string\n): DictionaryEditionDrawer => {\n  const id = getDrawerIdentifier(dictionaryId);\n  const { isOpen, open, close } = useRightDrawerStore(id)();\n  const {\n    editedContent,\n    setDictionariesRecord,\n    getEditedContentValue,\n    addEditedContent,\n    clearEditedDictionaryContent,\n  } = useEditedContentStore((s) => ({\n    editedContent: s.editedContent,\n    setDictionariesRecord: s.setDictionariesRecord,\n    addEditedContent: s.addEditedContent,\n    getEditedContentValue: s.getEditedContentValue,\n    clearEditedDictionaryContent: s.clearEditedDictionaryContent,\n  }));\n  const { setFocusedContent, focusedContent } = useEditionPanelStore((s) => ({\n    focusedContent: s.focusedContent,\n    setFocusedContent: s.setFocusedContent,\n  }));\n  const { editContentRequest } = useEditorServer();\n\n  const openDictionaryEditionDrawer = ({\n    dictionaryId,\n    dictionaryPath,\n    keyPath = [],\n  }: OpenDictionaryEditionDrawerProps) => {\n    setFocusedContent({\n      dictionaryId,\n      dictionaryPath,\n      keyPath,\n    });\n\n    open();\n  };\n\n  return {\n    isOpen,\n    focusedContent,\n    setFocusedContent,\n    setDictionariesRecord,\n    open: openDictionaryEditionDrawer,\n    close,\n    getEditedContentValue,\n    editContentRequest,\n    editedContent,\n    addEditedContent,\n    clearEditedDictionaryContent,\n  };\n};\n\ntype DictionaryEditionDrawerControl = {\n  open: (content: FileContent) => void;\n  close: (dictionaryId: string) => void;\n};\n\nexport const useDictionaryEditionDrawerControl =\n  (): DictionaryEditionDrawerControl => {\n    const setFocusedContent = useEditionPanelStore((s) => s.setFocusedContent);\n\n    const open = ({\n      dictionaryId,\n      dictionaryPath,\n      keyPath = [],\n    }: OpenDictionaryEditionDrawerProps) => {\n      setFocusedContent({\n        dictionaryId,\n        dictionaryPath,\n        keyPath,\n      });\n\n      const id = getDrawerIdentifier(dictionaryId);\n\n      useRightDrawerStore(id).getState().open();\n    };\n\n    const close = (dictionaryId: string) => {\n      const id = getDrawerIdentifier(dictionaryId);\n\n      useRightDrawerStore(id).getState().close();\n    };\n\n    return {\n      open,\n      close,\n    };\n  };\n"],"mappings":"AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,uBAAuB;AAEzB,MAAM,sBAAsB,CAAC,iBAClC,sBAAsB,YAAY;AAwC7B,MAAM,6BAA6B,CACxC,iBAC4B;AAC5B,QAAM,KAAK,oBAAoB,YAAY;AAC3C,QAAM,EAAE,QAAQ,MAAM,MAAM,IAAI,oBAAoB,EAAE,EAAE;AACxD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,sBAAsB,CAAC,OAAO;AAAA,IAChC,eAAe,EAAE;AAAA,IACjB,uBAAuB,EAAE;AAAA,IACzB,kBAAkB,EAAE;AAAA,IACpB,uBAAuB,EAAE;AAAA,IACzB,8BAA8B,EAAE;AAAA,EAClC,EAAE;AACF,QAAM,EAAE,mBAAmB,eAAe,IAAI,qBAAqB,CAAC,OAAO;AAAA,IACzE,gBAAgB,EAAE;AAAA,IAClB,mBAAmB,EAAE;AAAA,EACvB,EAAE;AACF,QAAM,EAAE,mBAAmB,IAAI,gBAAgB;AAE/C,QAAM,8BAA8B,CAAC;AAAA,IACnC,cAAAA;AAAA,IACA;AAAA,IACA,UAAU,CAAC;AAAA,EACb,MAAwC;AACtC,sBAAkB;AAAA,MAChB,cAAAA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,SAAK;AAAA,EACP;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAOO,MAAM,oCACX,MAAsC;AACpC,QAAM,oBAAoB,qBAAqB,CAAC,MAAM,EAAE,iBAAiB;AAEzE,QAAM,OAAO,CAAC;AAAA,IACZ;AAAA,IACA;AAAA,IACA,UAAU,CAAC;AAAA,EACb,MAAwC;AACtC,sBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,UAAM,KAAK,oBAAoB,YAAY;AAE3C,wBAAoB,EAAE,EAAE,SAAS,EAAE,KAAK;AAAA,EAC1C;AAEA,QAAM,QAAQ,CAAC,iBAAyB;AACtC,UAAM,KAAK,oBAAoB,YAAY;AAE3C,wBAAoB,EAAE,EAAE,SAAS,EAAE,MAAM;AAAA,EAC3C;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;","names":["dictionaryId"]}

package/dist/esm/{client/DictionaryListDrawer → DictionaryListDrawer}/DictionaryListDrawer.mjs

@@ -1,15 +1,18 @@
 import { jsx } from "react/jsx-runtime";
-import { RightDrawer, RedirectionButton } from "@intlayer/design-system";
-import dictionaries from "@intlayer/dictionaries-entry";
 import {
-  useDictionaryEditionDrawerControl,
+  RightDrawer,
+  Button,
   useEditedContentStore
-} from '../DictionaryEditionDrawer/index.mjs';
+} from "@intlayer/design-system";
+import { useGetAllDictionaries } from "@intlayer/design-system/hooks";
+import { ChevronRight } from "lucide-react";
+import { useDictionaryEditionDrawerControl } from '../DictionaryEditionDrawer/index.mjs';
 import {
   dictionaryListDrawerIdentifier,
   useDictionaryListDrawer
 } from './useDictionaryListDrawer.mjs';
 const DictionaryListDrawer = () => {
+  const { all: dictionaries } = useGetAllDictionaries();
   const dictionaryKeyList = Object.keys(dictionaries);
   const { open: openDictionaryEditionDrawer } = useDictionaryEditionDrawerControl();
   const { close } = useDictionaryListDrawer();
@@ -19,24 +22,25 @@ const DictionaryListDrawer = () => {
     close();
     openDictionaryEditionDrawer({ dictionaryId, dictionaryPath: filePath });
   };
-  const isDictionaryEdited = (dictionaryId) => {
-    const dictionaryPath = dictionaries[dictionaryId].filePath;
-    return Object.keys(editedContent).includes(dictionaryPath);
-  };
+  const isDictionaryEdited = (dictionaryId) => Object.keys(editedContent).includes(dictionaryId);
   return /* @__PURE__ */ jsx(
     RightDrawer,
     {
       title: "Dictionary list",
       identifier: dictionaryListDrawerIdentifier,
-      children: dictionaryKeyList.map((dictionaryId) => /* @__PURE__ */ jsx(
-        RedirectionButton,
+      children: dictionaryKeyList.map((dictionaryId) => /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+        Button,
         {
           label: `Open dictionary editor ${dictionaryId}`,
           onClick: () => handleClickDictionary(dictionaryId),
+          variant: "hoverable",
+          color: "text",
+          IconRight: ChevronRight,
+          size: "md",
+          isFullWidth: true,
           children: isDictionaryEdited(dictionaryId) ? `\u270E ${dictionaryId}` : dictionaryId
-        },
-        dictionaryId
-      ))
+        }
+      ) }, dictionaryId))
     }
   );
 };

package/dist/esm/DictionaryListDrawer/DictionaryListDrawer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/DictionaryListDrawer/DictionaryListDrawer.tsx"],"sourcesContent":["import type { Locales } from '@intlayer/config/client';\nimport {\n  RightDrawer,\n  Button,\n  useEditedContentStore,\n} from '@intlayer/design-system';\nimport { useGetAllDictionaries } from '@intlayer/design-system/hooks';\nimport { ChevronRight } from 'lucide-react';\nimport type { FC } from 'react';\nimport { useDictionaryEditionDrawerControl } from '../DictionaryEditionDrawer/index';\nimport {\n  dictionaryListDrawerIdentifier,\n  useDictionaryListDrawer,\n} from './useDictionaryListDrawer';\n\nexport const DictionaryListDrawer: FC = () => {\n  const { all: dictionaries } = useGetAllDictionaries();\n  const dictionaryKeyList = Object.keys(dictionaries) as Locales[];\n  const { open: openDictionaryEditionDrawer } =\n    useDictionaryEditionDrawerControl();\n  const { close } = useDictionaryListDrawer();\n  const editedContent = useEditedContentStore((s) => s.editedContent);\n\n  const handleClickDictionary = (dictionaryId: string) => {\n    const { filePath } = dictionaries[dictionaryId];\n\n    close();\n    openDictionaryEditionDrawer({ dictionaryId, dictionaryPath: filePath });\n  };\n\n  const isDictionaryEdited = (dictionaryId: string) =>\n    Object.keys(editedContent).includes(dictionaryId);\n\n  return (\n    <RightDrawer\n      title=\"Dictionary list\"\n      identifier={dictionaryListDrawerIdentifier}\n    >\n      {dictionaryKeyList.map((dictionaryId) => (\n        <div key={dictionaryId}>\n          <Button\n            label={`Open dictionary editor ${dictionaryId}`}\n            onClick={() => handleClickDictionary(dictionaryId)}\n            variant=\"hoverable\"\n            color=\"text\"\n            IconRight={ChevronRight}\n            size=\"md\"\n            isFullWidth\n          >\n            {isDictionaryEdited(dictionaryId)\n              ? `✎ ${dictionaryId}`\n              : dictionaryId}\n          </Button>\n        </div>\n      ))}\n    </RightDrawer>\n  );\n};\n"],"mappings":"AAwCU;AAvCV;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,6BAA6B;AACtC,SAAS,oBAAoB;AAE7B,SAAS,yCAAyC;AAClD;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEA,MAAM,uBAA2B,MAAM;AAC5C,QAAM,EAAE,KAAK,aAAa,IAAI,sBAAsB;AACpD,QAAM,oBAAoB,OAAO,KAAK,YAAY;AAClD,QAAM,EAAE,MAAM,4BAA4B,IACxC,kCAAkC;AACpC,QAAM,EAAE,MAAM,IAAI,wBAAwB;AAC1C,QAAM,gBAAgB,sBAAsB,CAAC,MAAM,EAAE,aAAa;AAElE,QAAM,wBAAwB,CAAC,iBAAyB;AACtD,UAAM,EAAE,SAAS,IAAI,aAAa,YAAY;AAE9C,UAAM;AACN,gCAA4B,EAAE,cAAc,gBAAgB,SAAS,CAAC;AAAA,EACxE;AAEA,QAAM,qBAAqB,CAAC,iBAC1B,OAAO,KAAK,aAAa,EAAE,SAAS,YAAY;AAElD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,YAAY;AAAA,MAEX,4BAAkB,IAAI,CAAC,iBACtB,oBAAC,SACC;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,0BAA0B,YAAY;AAAA,UAC7C,SAAS,MAAM,sBAAsB,YAAY;AAAA,UACjD,SAAQ;AAAA,UACR,OAAM;AAAA,UACN,WAAW;AAAA,UACX,MAAK;AAAA,UACL,aAAW;AAAA,UAEV,6BAAmB,YAAY,IAC5B,UAAK,YAAY,KACjB;AAAA;AAAA,MACN,KAbQ,YAcV,CACD;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/esm/DictionaryListDrawer/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/DictionaryListDrawer/index.ts"],"sourcesContent":["export * from './DictionaryListDrawer';\nexport * from './useDictionaryListDrawer';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}

package/dist/esm/DictionaryListDrawer/useDictionaryListDrawer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/DictionaryListDrawer/useDictionaryListDrawer.ts"],"sourcesContent":["import { useRightDrawerStore } from '@intlayer/design-system';\n\nexport const dictionaryListDrawerIdentifier = 'dictionaryList';\n\nexport const useDictionaryListDrawer = () =>\n  useRightDrawerStore(dictionaryListDrawerIdentifier)();\n"],"mappings":"AAAA,SAAS,2BAA2B;AAE7B,MAAM,iCAAiC;AAEvC,MAAM,0BAA0B,MACrC,oBAAoB,8BAA8B,EAAE;","names":[]}

package/dist/esm/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/client/index.ts"],"sourcesContent":["export * from './DictionaryEditionDrawer/index';\nexport * from './DictionaryListDrawer/index';\nexport * from './ContentEditionLayout';\nexport * from './useEditorServer';\nexport * from './renderContentEditor';\nexport * from './ContentEditorProvider';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/esm/{client/renderContentEditor.mjs → renderContentEditor.mjs}

@@ -6,16 +6,22 @@ const {
 } = getConfiguration();
 const IntlayerEditorElement = ({
   content,
+  isContentSelectable,
   ...props
 }) => {
-  if (enabled) {
+  if (enabled && isContentSelectable) {
     return /* @__PURE__ */ jsx(ContentSelectorWrapper, { ...props, children: content });
   }
   return content;
 };
-IntlayerEditorElement.content = "";
-const renderIntlayerEditor = (data) => {
-  const Result = /* @__PURE__ */ jsx(IntlayerEditorElement, { ...data });
+const renderIntlayerEditor = (data, isContentSelectable) => {
+  const Result = /* @__PURE__ */ jsx(
+    IntlayerEditorElement,
+    {
+      ...data,
+      isContentSelectable
+    }
+  );
   return { ...Result, value: data.content };
 };
 export {

package/dist/esm/renderContentEditor.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/client/renderContentEditor.tsx"],"sourcesContent":["import { getConfiguration } from '@intlayer/config/client';\nimport type { KeyPath } from '@intlayer/core';\nimport type { FC, ReactNode } from 'react';\nimport { ContentSelectorWrapper } from './ContentSelectorWrapper';\n\nconst {\n  editor: { enabled },\n} = getConfiguration();\n\nexport type IntlayerEditorElementProps = {\n  content: string;\n  dictionaryId: string;\n  dictionaryPath: string;\n  keyPath: KeyPath[];\n  isContentSelectable: boolean;\n};\n\nconst IntlayerEditorElement: FC<IntlayerEditorElementProps> = ({\n  content,\n  isContentSelectable,\n  ...props\n}) => {\n  if (enabled && isContentSelectable) {\n    return (\n      <ContentSelectorWrapper {...props}>{content}</ContentSelectorWrapper>\n    );\n  }\n  return content;\n};\n\nexport type RenderIntlayerEditorResult = ReactNode & { value: string };\n\nexport const renderIntlayerEditor = (\n  data: IntlayerEditorElementProps,\n  isContentSelectable: boolean\n): RenderIntlayerEditorResult => {\n  const Result = (\n    <IntlayerEditorElement\n      {...data}\n      isContentSelectable={isContentSelectable}\n    />\n  );\n\n  return { ...Result, value: data.content };\n};\n"],"mappings":"AAwBM;AAxBN,SAAS,wBAAwB;AAGjC,SAAS,8BAA8B;AAEvC,MAAM;AAAA,EACJ,QAAQ,EAAE,QAAQ;AACpB,IAAI,iBAAiB;AAUrB,MAAM,wBAAwD,CAAC;AAAA,EAC7D;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,MAAI,WAAW,qBAAqB;AAClC,WACE,oBAAC,0BAAwB,GAAG,OAAQ,mBAAQ;AAAA,EAEhD;AACA,SAAO;AACT;AAIO,MAAM,uBAAuB,CAClC,MACA,wBAC+B;AAC/B,QAAM,SACJ;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA;AAAA,EACF;AAGF,SAAO,EAAE,GAAG,QAAQ,OAAO,KAAK,QAAQ;AAC1C;","names":[]}

package/dist/esm/{client/useEditorServer.mjs → useEditorServer.mjs}

@@ -1,5 +1,5 @@
 import { getConfiguration } from "@intlayer/config/client";
-import { useEditedContentStore } from './DictionaryEditionDrawer/useEditedContentStore.mjs';
+import { useEditedContentStore } from "@intlayer/design-system";
 const useEditorServer = () => {
   const { editedContent, clearEditedContent } = useEditedContentStore((s) => ({
     editedContent: s.editedContent,
@@ -7,9 +7,9 @@ const useEditorServer = () => {
   }));
   const editContentRequest = async () => {
     const {
-      editor: { port }
+      editor: { backendURL }
     } = getConfiguration();
-    await fetch(`http://localhost:${port}`, {
+    await fetch(backendURL, {
       method: "POST",
       headers: {
         "Content-Type": "application/json"

package/dist/esm/useEditorServer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/client/useEditorServer.ts"],"sourcesContent":["import { getConfiguration } from '@intlayer/config/client';\nimport { useEditedContentStore } from '@intlayer/design-system';\n\nexport const useEditorServer = () => {\n  const { editedContent, clearEditedContent } = useEditedContentStore((s) => ({\n    editedContent: s.editedContent,\n    clearEditedContent: s.clearEditedContent,\n  }));\n\n  const editContentRequest = async () => {\n    const {\n      editor: { backendURL },\n    } = getConfiguration();\n\n    await fetch(backendURL, {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n      body: JSON.stringify(editedContent),\n    })\n      .then((response) => {\n        if (!response.ok) {\n          throw new Error('Failed to edit content');\n        }\n        clearEditedContent();\n      })\n      .catch((error) => {\n        console.error('Failed to edit content:', error);\n      });\n  };\n\n  return { editContentRequest };\n};\n"],"mappings":"AAAA,SAAS,wBAAwB;AACjC,SAAS,6BAA6B;AAE/B,MAAM,kBAAkB,MAAM;AACnC,QAAM,EAAE,eAAe,mBAAmB,IAAI,sBAAsB,CAAC,OAAO;AAAA,IAC1E,eAAe,EAAE;AAAA,IACjB,oBAAoB,EAAE;AAAA,EACxB,EAAE;AAEF,QAAM,qBAAqB,YAAY;AACrC,UAAM;AAAA,MACJ,QAAQ,EAAE,WAAW;AAAA,IACvB,IAAI,iBAAiB;AAErB,UAAM,MAAM,YAAY;AAAA,MACtB,QAAQ;AAAA,MACR,SAAS;AAAA,QACP,gBAAgB;AAAA,MAClB;AAAA,MACA,MAAM,KAAK,UAAU,aAAa;AAAA,IACpC,CAAC,EACE,KAAK,CAAC,aAAa;AAClB,UAAI,CAAC,SAAS,IAAI;AAChB,cAAM,IAAI,MAAM,wBAAwB;AAAA,MAC1C;AACA,yBAAmB;AAAA,IACrB,CAAC,EACA,MAAM,CAAC,UAAU;AAChB,cAAQ,MAAM,2BAA2B,KAAK;AAAA,IAChD,CAAC;AAAA,EACL;AAEA,SAAO,EAAE,mBAAmB;AAC9B;","names":[]}

package/dist/types/ContentEditionLayout.d.ts

@@ -0,0 +1,11 @@
+import type { Locales } from '@intlayer/config/client';
+import type { FC, ReactNode } from 'react';
+export type ContentEditionLayoutProps = {
+    children?: ReactNode;
+    locale: Locales;
+    localeList: Locales[];
+    setLocale: (locale: Locales) => void;
+    editorEnabled?: boolean;
+};
+export declare const ContentEditionLayout: FC<ContentEditionLayoutProps>;
+//# sourceMappingURL=ContentEditionLayout.d.ts.map

package/dist/types/ContentEditionLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentEditionLayout.d.ts","sourceRoot":"","sources":["../../src/client/ContentEditionLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK3C,MAAM,MAAM,yBAAyB,GAAG;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,OAAO,EAAE,CAAC;IACtB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAuB9D,CAAC"}

package/dist/types/ContentEditorProvider.d.ts

@@ -0,0 +1,21 @@
+import { type PropsWithChildren, type FC } from 'react';
+type IntlayerEditorValue = {
+    editorEnabled: boolean;
+};
+/**
+ * Context that store the current locale on the client side
+ */
+export declare const IntlayerEditorContext: import("react").Context<IntlayerEditorValue>;
+/**
+ * Hook that provides the current locale
+ */
+export declare const useIntlayerEditorContext: () => IntlayerEditorValue;
+export type IntlayerEditorProviderProps = PropsWithChildren<{
+    editorEnabled?: boolean;
+}>;
+/**
+ * Provider that store the current locale on the client side
+ */
+export declare const IntlayerEditorProvider: FC<IntlayerEditorProviderProps>;
+export {};
+//# sourceMappingURL=ContentEditorProvider.d.ts.map

package/dist/types/ContentEditorProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentEditorProvider.d.ts","sourceRoot":"","sources":["../../src/client/ContentEditorProvider.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,iBAAiB,EAGtB,KAAK,EAAE,EAER,MAAM,OAAO,CAAC;AAEf,KAAK,mBAAmB,GAAG;IACzB,aAAa,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,8CAEhC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,wBAAwB,2BAA0C,CAAC;AAEhF,MAAM,MAAM,2BAA2B,GAAG,iBAAiB,CAAC;IAC1D,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC,CAAC;AAMH;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CAgBlE,CAAC"}

package/dist/types/ContentSelectorWrapper.d.ts

@@ -0,0 +1,11 @@
+import { type KeyPath } from '@intlayer/core';
+import { type FC, type ReactNode } from 'react';
+type ContentSelectorWrapperProps = {
+    children: ReactNode;
+    dictionaryId: string;
+    dictionaryPath: string;
+    keyPath: KeyPath[];
+};
+export declare const ContentSelectorWrapper: FC<ContentSelectorWrapperProps>;
+export {};
+//# sourceMappingURL=ContentSelectorWrapper.d.ts.map

package/dist/types/ContentSelectorWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentSelectorWrapper.d.ts","sourceRoot":"","sources":["../../src/client/ContentSelectorWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAE7D,OAAO,EAKL,KAAK,EAAE,EACP,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,KAAK,2BAA2B,GAAG;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,OAAO,EAAE,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CA6ClE,CAAC"}

package/dist/types/DictionaryEditionDrawer/DictionaryEditionDrawer.d.ts

@@ -0,0 +1,21 @@
+import type { Locales } from '@intlayer/config/client';
+import { type FC } from 'react';
+import { type FileContent as FileContentWithDictionaryPath } from './useDictionaryEditionDrawer';
+type DictionaryEditionDrawerContentProps = {
+    focusedContent: FileContentWithDictionaryPath;
+    locale: Locales;
+    identifier: string;
+};
+export declare const DictionaryEditionDrawerContent: FC<DictionaryEditionDrawerContentProps>;
+type DictionaryEditionDrawerProps = DictionaryEditionDrawerControllerProps & {
+    dictionaryId: string;
+};
+export declare const DictionaryEditionDrawer: FC<DictionaryEditionDrawerProps>;
+type DictionaryEditionDrawerControllerProps = {
+    locale: Locales;
+    localeList: Locales[];
+    setLocale: (locale: Locales) => void;
+};
+export declare const DictionaryEditionDrawerController: FC<DictionaryEditionDrawerControllerProps>;
+export {};
+//# sourceMappingURL=DictionaryEditionDrawer.d.ts.map

package/dist/types/DictionaryEditionDrawer/DictionaryEditionDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DictionaryEditionDrawer.d.ts","sourceRoot":"","sources":["../../../src/client/DictionaryEditionDrawer/DictionaryEditionDrawer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAWvD,OAAO,EAAuB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EACL,KAAK,WAAW,IAAI,6BAA6B,EAGlD,MAAM,8BAA8B,CAAC;AAEtC,KAAK,mCAAmC,GAAG;IACzC,cAAc,EAAE,6BAA6B,CAAC;IAC9C,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,EAAE,CAC7C,mCAAmC,CAwDpC,CAAC;AAEF,KAAK,4BAA4B,GAAG,sCAAsC,GAAG;IAC3E,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,4BAA4B,CAyCpE,CAAC;AAEF,KAAK,sCAAsC,GAAG;IAC5C,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,OAAO,EAAE,CAAC;IACtB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,EAAE,CAChD,sCAAsC,CAiBvC,CAAC"}

package/dist/types/DictionaryEditionDrawer/index.d.ts

@@ -0,0 +1,3 @@
+export * from './DictionaryEditionDrawer';
+export * from './useDictionaryEditionDrawer';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/DictionaryEditionDrawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/client/DictionaryEditionDrawer/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC"}

package/dist/types/DictionaryEditionDrawer/useDictionaryEditionDrawer.d.ts

@@ -0,0 +1,31 @@
+import type { Dictionary, DictionaryValue, KeyPath } from '@intlayer/core';
+import { type DictionaryContent } from '@intlayer/design-system';
+export declare const getDrawerIdentifier: (dictionaryId: string) => string;
+type DictionaryId = string;
+type DictionaryPath = string;
+export type FileContent = {
+    dictionaryPath?: DictionaryPath;
+    dictionaryId: string;
+    keyPath?: KeyPath[];
+};
+type DictionaryEditionDrawer = {
+    focusedContent: FileContent | null;
+    setFocusedContent: (content: FileContent | null) => void;
+    isOpen: boolean;
+    open: (content: FileContent) => void;
+    close: () => void;
+    editContentRequest: () => Promise<void>;
+    editedContent: DictionaryContent;
+    addEditedContent: (dictionaryId: DictionaryId, newValue: DictionaryValue, keyPath: KeyPath[]) => void;
+    setDictionariesRecord: (dictionariesRecord: Record<DictionaryId, Dictionary>) => void;
+    getEditedContentValue: (dictionaryId: DictionaryId, keyPath: KeyPath[]) => DictionaryValue | undefined;
+    clearEditedDictionaryContent: (dictionaryPath: DictionaryPath) => void;
+};
+export declare const useDictionaryEditionDrawer: (dictionaryId: string) => DictionaryEditionDrawer;
+type DictionaryEditionDrawerControl = {
+    open: (content: FileContent) => void;
+    close: (dictionaryId: string) => void;
+};
+export declare const useDictionaryEditionDrawerControl: () => DictionaryEditionDrawerControl;
+export {};
+//# sourceMappingURL=useDictionaryEditionDrawer.d.ts.map

package/dist/types/DictionaryEditionDrawer/useDictionaryEditionDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDictionaryEditionDrawer.d.ts","sourceRoot":"","sources":["../../../src/client/DictionaryEditionDrawer/useDictionaryEditionDrawer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EAIL,KAAK,iBAAiB,EACvB,MAAM,yBAAyB,CAAC;AAGjC,eAAO,MAAM,mBAAmB,iBAAkB,MAAM,WAClB,CAAC;AAEvC,KAAK,YAAY,GAAG,MAAM,CAAC;AAC3B,KAAK,cAAc,GAAG,MAAM,CAAC;AAE7B,MAAM,MAAM,WAAW,GAAG;IACxB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;CACrB,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAC7B,cAAc,EAAE,WAAW,GAAG,IAAI,CAAC;IACnC,iBAAiB,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACzD,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACrC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,kBAAkB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACxC,aAAa,EAAE,iBAAiB,CAAC;IACjC,gBAAgB,EAAE,CAChB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,eAAe,EACzB,OAAO,EAAE,OAAO,EAAE,KACf,IAAI,CAAC;IACV,qBAAqB,EAAE,CACrB,kBAAkB,EAAE,MAAM,CAAC,YAAY,EAAE,UAAU,CAAC,KACjD,IAAI,CAAC;IACV,qBAAqB,EAAE,CACrB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAAE,KACf,eAAe,GAAG,SAAS,CAAC;IACjC,4BAA4B,EAAE,CAAC,cAAc,EAAE,cAAc,KAAK,IAAI,CAAC;CACxE,CAAC;AAQF,eAAO,MAAM,0BAA0B,iBACvB,MAAM,KACnB,uBAiDF,CAAC;AAEF,KAAK,8BAA8B,GAAG;IACpC,IAAI,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACrC,KAAK,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF,eAAO,MAAM,iCAAiC,QACxC,8BA6BH,CAAC"}

package/dist/types/DictionaryListDrawer/DictionaryListDrawer.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+export declare const DictionaryListDrawer: FC;
+//# sourceMappingURL=DictionaryListDrawer.d.ts.map

package/dist/types/DictionaryListDrawer/DictionaryListDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DictionaryListDrawer.d.ts","sourceRoot":"","sources":["../../../src/client/DictionaryListDrawer/DictionaryListDrawer.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAOhC,eAAO,MAAM,oBAAoB,EAAE,EA0ClC,CAAC"}

package/dist/types/DictionaryListDrawer/index.d.ts

@@ -0,0 +1,3 @@
+export * from './DictionaryListDrawer';
+export * from './useDictionaryListDrawer';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/DictionaryListDrawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/client/DictionaryListDrawer/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC"}

package/dist/types/DictionaryListDrawer/useDictionaryListDrawer.d.ts

@@ -0,0 +1,7 @@
+export declare const dictionaryListDrawerIdentifier = "dictionaryList";
+export declare const useDictionaryListDrawer: () => {
+    isOpen: boolean;
+    open: () => void;
+    close: () => void;
+};
+//# sourceMappingURL=useDictionaryListDrawer.d.ts.map

package/dist/types/DictionaryListDrawer/useDictionaryListDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDictionaryListDrawer.d.ts","sourceRoot":"","sources":["../../../src/client/DictionaryListDrawer/useDictionaryListDrawer.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,8BAA8B,mBAAmB,CAAC;AAE/D,eAAO,MAAM,uBAAuB;;;;CACmB,CAAC"}

package/dist/types/index.d.ts

@@ -0,0 +1,7 @@
+export * from './DictionaryEditionDrawer/index';
+export * from './DictionaryListDrawer/index';
+export * from './ContentEditionLayout';
+export * from './useEditorServer';
+export * from './renderContentEditor';
+export * from './ContentEditorProvider';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/client/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC;AAChD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC"}

package/dist/types/renderContentEditor.d.ts

@@ -0,0 +1,14 @@
+import type { KeyPath } from '@intlayer/core';
+import type { ReactNode } from 'react';
+export type IntlayerEditorElementProps = {
+    content: string;
+    dictionaryId: string;
+    dictionaryPath: string;
+    keyPath: KeyPath[];
+    isContentSelectable: boolean;
+};
+export type RenderIntlayerEditorResult = ReactNode & {
+    value: string;
+};
+export declare const renderIntlayerEditor: (data: IntlayerEditorElementProps, isContentSelectable: boolean) => RenderIntlayerEditorResult;
+//# sourceMappingURL=renderContentEditor.d.ts.map

package/dist/types/renderContentEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderContentEditor.d.ts","sourceRoot":"","sources":["../../src/client/renderContentEditor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,KAAK,EAAM,SAAS,EAAE,MAAM,OAAO,CAAC;AAO3C,MAAM,MAAM,0BAA0B,GAAG;IACvC,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,mBAAmB,EAAE,OAAO,CAAC;CAC9B,CAAC;AAeF,MAAM,MAAM,0BAA0B,GAAG,SAAS,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAEvE,eAAO,MAAM,oBAAoB,SACzB,0BAA0B,uBACX,OAAO,KAC3B,0BASF,CAAC"}

package/dist/types/useEditorServer.d.ts

@@ -0,0 +1,4 @@
+export declare const useEditorServer: () => {
+    editContentRequest: () => Promise<void>;
+};
+//# sourceMappingURL=useEditorServer.d.ts.map