intlayer-editor 3.4.8 → 3.5.0

package/dist/cjs/IntlayerEditorProvider.cjs

@@ -1,92 +0,0 @@
-"use strict";
-"use client";
-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);
-var IntlayerEditorProvider_exports = {};
-__export(IntlayerEditorProvider_exports, {
-  IntlayerEditorContext: () => IntlayerEditorContext,
-  IntlayerEditorProvider: () => IntlayerEditorProvider,
-  useIntlayerEditorContext: () => useIntlayerEditorContext
-});
-module.exports = __toCommonJS(IntlayerEditorProvider_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_client = require("@intlayer/config/client");
-var import_DictionaryEditionDrawer = require('./DictionaryEditionDrawer/index.cjs');
-var import_DictionaryListDrawer = require('./DictionaryListDrawer/index.cjs');
-var import_react_intlayer = require("react-intlayer");
-var import_editor = require("react-intlayer/editor");
-var import_ContentSelectorWrapper = require('./ContentSelectorWrapper.cjs');
-var import_react = require("react");
-const IntlayerEditorContext = (0, import_react.createContext)({
-  isEditorEnabled: false
-});
-const useIntlayerEditorContext = () => (0, import_react.useContext)(IntlayerEditorContext);
-const IntlayerEditorProvider = ({
-  children,
-  isEnabled = true
-}) => {
-  const { editor, internationalization } = (0, import_client.getConfiguration)();
-  const { setState } = (0, import_editor.useContentSelectorContext)();
-  const { locale, setLocale } = (0, import_react_intlayer.useIntlayerContext)();
-  const isEditorEnabled = (0, import_react.useMemo)(
-    () => Boolean(
-      editor.enabled && editor.clientId && editor.clientSecret && isEnabled
-    ),
-    [editor.enabled && editor.clientId && editor.clientSecret && isEnabled]
-  );
-  (0, import_react.useEffect)(() => {
-    setState({
-      ContentSelectorWrapper: import_ContentSelectorWrapper.ContentSelectorWrapper
-    });
-  }, [setState]);
-  (0, import_react.useEffect)(() => {
-    if (isEnabled && editor.enabled) {
-      if (!editor.clientId) {
-        console.error(
-          "Editor is enabled but clientId is not set. Please set it in the editor configuration. See http://localhost:3000/doc/concept/editor."
-        );
-      }
-      if (!editor.clientSecret) {
-        console.error(
-          "Editor is enabled but clientSecret is not set. Please set it in the editor configuration. See http://localhost:3000/doc/concept/editor."
-        );
-      }
-    }
-  }, [isEnabled, editor.enabled, editor.clientId, editor.clientSecret]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(IntlayerEditorContext.Provider, { value: { isEditorEnabled }, children: [
-    children,
-    isEditorEnabled && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_DictionaryEditionDrawer.DictionaryEditionDrawerController,
-        {
-          locale,
-          localeList: internationalization.locales,
-          setLocale
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DictionaryListDrawer.DictionaryListDrawer, {})
-    ] })
-  ] });
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  IntlayerEditorContext,
-  IntlayerEditorProvider,
-  useIntlayerEditorContext
-});
-//# sourceMappingURL=IntlayerEditorProvider.cjs.map

package/dist/cjs/IntlayerEditorProvider.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/IntlayerEditorProvider.tsx"],"sourcesContent":["'use client';\n\nimport { getConfiguration } from '@intlayer/config/client';\nimport { DictionaryEditionDrawerController } from './DictionaryEditionDrawer/index';\nimport { DictionaryListDrawer } from './DictionaryListDrawer/index';\nimport { useIntlayerContext } from 'react-intlayer';\nimport { useContentSelectorContext } from 'react-intlayer/editor';\nimport { ContentSelectorWrapper } from './ContentSelectorWrapper';\nimport {\n  type FC,\n  type PropsWithChildren,\n  createContext,\n  useContext,\n  useEffect,\n  useMemo,\n} from 'react';\n\ntype IntlayerEditorValue = {\n  isEditorEnabled: boolean;\n};\n\n/**\n * Context that store the current locale on the client side\n */\nexport const IntlayerEditorContext = createContext<IntlayerEditorValue>({\n  isEditorEnabled: false,\n});\n\n/**\n * Hook that provides the current locale\n */\nexport const useIntlayerEditorContext = () => useContext(IntlayerEditorContext);\n\nexport type IntlayerEditorProviderProps = PropsWithChildren<{\n  isEnabled?: boolean;\n}>;\n\n/**\n * Provider that store the current locale on the client side\n */\nexport const IntlayerEditorProvider: FC<IntlayerEditorProviderProps> = ({\n  children,\n  isEnabled = true,\n}) => {\n  const { editor, internationalization } = getConfiguration();\n\n  const { setState } = useContentSelectorContext();\n\n  const { locale, setLocale } = useIntlayerContext();\n\n  const isEditorEnabled = useMemo(\n    () =>\n      Boolean(\n        editor.enabled && editor.clientId && editor.clientSecret && isEnabled\n      ),\n    [editor.enabled && editor.clientId && editor.clientSecret && isEnabled]\n  );\n\n  useEffect(() => {\n    setState({\n      ContentSelectorWrapper,\n    });\n  }, [setState]);\n\n  useEffect(() => {\n    if (isEnabled && editor.enabled) {\n      if (!editor.clientId) {\n        console.error(\n          'Editor is enabled but clientId is not set. Please set it in the editor configuration. See http://localhost:3000/doc/concept/editor.'\n        );\n      }\n\n      if (!editor.clientSecret) {\n        console.error(\n          'Editor is enabled but clientSecret is not set. Please set it in the editor configuration. See http://localhost:3000/doc/concept/editor.'\n        );\n      }\n    }\n  }, [isEnabled, editor.enabled, editor.clientId, editor.clientSecret]);\n\n  return (\n    <IntlayerEditorContext.Provider value={{ isEditorEnabled }}>\n      {children}\n\n      {isEditorEnabled && (\n        <>\n          <DictionaryEditionDrawerController\n            locale={locale}\n            localeList={internationalization.locales}\n            setLocale={setLocale}\n          />\n          <DictionaryListDrawer />\n        </>\n      )}\n    </IntlayerEditorContext.Provider>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqFQ;AAnFR,oBAAiC;AACjC,qCAAkD;AAClD,kCAAqC;AACrC,4BAAmC;AACnC,oBAA0C;AAC1C,oCAAuC;AACvC,mBAOO;AASA,MAAM,4BAAwB,4BAAmC;AAAA,EACtE,iBAAiB;AACnB,CAAC;AAKM,MAAM,2BAA2B,UAAM,yBAAW,qBAAqB;AASvE,MAAM,yBAA0D,CAAC;AAAA,EACtE;AAAA,EACA,YAAY;AACd,MAAM;AACJ,QAAM,EAAE,QAAQ,qBAAqB,QAAI,gCAAiB;AAE1D,QAAM,EAAE,SAAS,QAAI,yCAA0B;AAE/C,QAAM,EAAE,QAAQ,UAAU,QAAI,0CAAmB;AAEjD,QAAM,sBAAkB;AAAA,IACtB,MACE;AAAA,MACE,OAAO,WAAW,OAAO,YAAY,OAAO,gBAAgB;AAAA,IAC9D;AAAA,IACF,CAAC,OAAO,WAAW,OAAO,YAAY,OAAO,gBAAgB,SAAS;AAAA,EACxE;AAEA,8BAAU,MAAM;AACd,aAAS;AAAA,MACP;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,QAAQ,CAAC;AAEb,8BAAU,MAAM;AACd,QAAI,aAAa,OAAO,SAAS;AAC/B,UAAI,CAAC,OAAO,UAAU;AACpB,gBAAQ;AAAA,UACN;AAAA,QACF;AAAA,MACF;AAEA,UAAI,CAAC,OAAO,cAAc;AACxB,gBAAQ;AAAA,UACN;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF,GAAG,CAAC,WAAW,OAAO,SAAS,OAAO,UAAU,OAAO,YAAY,CAAC;AAEpE,SACE,6CAAC,sBAAsB,UAAtB,EAA+B,OAAO,EAAE,gBAAgB,GACtD;AAAA;AAAA,IAEA,mBACC,4EACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,YAAY,qBAAqB;AAAA,UACjC;AAAA;AAAA,MACF;AAAA,MACA,4CAAC,oDAAqB;AAAA,OACxB;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/cjs/index.cjs

@@ -1,27 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var src_exports = {};
-module.exports = __toCommonJS(src_exports);
-__reExport(src_exports, require('./DictionaryEditionDrawer/index.cjs'), module.exports);
-__reExport(src_exports, require('./DictionaryListDrawer/index.cjs'), module.exports);
-__reExport(src_exports, require('./IntlayerEditorProvider.cjs'), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require('./DictionaryEditionDrawer/index.cjs'),
-  ...require('./DictionaryListDrawer/index.cjs'),
-  ...require('./IntlayerEditorProvider.cjs')
-});
-//# sourceMappingURL=index.cjs.map

package/dist/cjs/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export * from './DictionaryEditionDrawer/index';\nexport * from './DictionaryListDrawer/index';\nexport * from './IntlayerEditorProvider';\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,4CAAd;AACA,wBAAc,yCADd;AAEA,wBAAc,qCAFd;","names":[]}

package/dist/cjs/styles/style.css

@@ -1,2 +0,0 @@
-@import "@intlayer/design-system/css";
-/*# sourceMappingURL=style.css.map */

package/dist/cjs/styles/style.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/cjs/styles/tailwind.cjs

@@ -1,41 +0,0 @@
-"use strict";
-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);
-var tailwind_exports = {};
-__export(tailwind_exports, {
-  intlayerTailwindContent: () => import_tailwind_config.intlayerTailwindContent,
-  tailwindConfig: () => import_tailwind_config.default
-});
-module.exports = __toCommonJS(tailwind_exports);
-var import_tailwind_config = __toESM(require("@intlayer/design-system/tailwind-config"));
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  intlayerTailwindContent,
-  tailwindConfig
-});
-//# sourceMappingURL=tailwind.cjs.map

package/dist/cjs/styles/tailwind.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/styles/tailwind.ts"],"sourcesContent":["import tailwindConfig, {\n  intlayerTailwindContent,\n} from '@intlayer/design-system/tailwind-config';\n\nexport { intlayerTailwindContent, tailwindConfig };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,+CAAAA;AAAA;AAAA;AAAA,6BAEO;","names":["tailwindConfig"]}

package/dist/esm/ContentSelectorWrapper.mjs

@@ -1,48 +0,0 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { isSameKeyPath } from "@intlayer/core";
-import { ContentSelector } from "@intlayer/design-system";
-import {
-  useCallback,
-  useEffect,
-  useState,
-  useMemo
-} from "react";
-import { useIntlayerEditorContext } from './IntlayerEditorProvider.mjs';
-import { useDictionaryEditionDrawer } from './DictionaryEditionDrawer/useDictionaryEditionDrawer.mjs';
-const ContentSelectorWrapper = ({
-  children,
-  dictionaryId,
-  dictionaryPath,
-  keyPath
-}) => {
-  const { open, getEditedContentValue, focusedContent, isOpen } = useDictionaryEditionDrawer(dictionaryId);
-  const editedValue = getEditedContentValue(dictionaryId, keyPath);
-  const { isEditorEnabled } = useIntlayerEditorContext();
-  const [displayedChildren, setDisplayedChildren] = useState(children);
-  const handleSelect = useCallback(
-    () => open({
-      dictionaryId,
-      dictionaryPath,
-      keyPath
-    }),
-    [dictionaryId, dictionaryPath, keyPath, open]
-  );
-  const isSelected = useMemo(
-    () => (isOpen && (focusedContent?.keyPath?.length ?? 0) > 0 && isSameKeyPath(focusedContent?.keyPath ?? [], keyPath)) ?? false,
-    [focusedContent, isOpen, keyPath]
-  );
-  useEffect(() => {
-    if (isEditorEnabled && editedValue && typeof editedValue === "string") {
-      setDisplayedChildren(editedValue);
-    }
-  }, [editedValue, isEditorEnabled]);
-  if (!isEditorEnabled) {
-    return children;
-  }
-  return /* @__PURE__ */ jsx(ContentSelector, { onSelect: handleSelect, isSelecting: isSelected, children: displayedChildren });
-};
-export {
-  ContentSelectorWrapper
-};
-//# sourceMappingURL=ContentSelectorWrapper.mjs.map

package/dist/esm/ContentSelectorWrapper.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/ContentSelectorWrapper.tsx"],"sourcesContent":["'use client';\n\nimport { isSameKeyPath, type KeyPath } from '@intlayer/core';\nimport { ContentSelector } from '@intlayer/design-system';\nimport {\n  useCallback,\n  useEffect,\n  useState,\n  useMemo,\n  type FC,\n  type ReactNode,\n} from 'react';\nimport { useIntlayerEditorContext } from './IntlayerEditorProvider';\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 { isEditorEnabled } = useIntlayerEditorContext();\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 = useMemo(\n    () =>\n      (isOpen &&\n        (focusedContent?.keyPath?.length ?? 0) > 0 &&\n        isSameKeyPath(focusedContent?.keyPath ?? [], keyPath)) ??\n      false,\n    [focusedContent, isOpen, keyPath]\n  );\n\n  useEffect(() => {\n    // Use useEffect to avoid 'Text content does not match server-rendered HTML' error\n    if (isEditorEnabled && editedValue && typeof editedValue === 'string') {\n      setDisplayedChildren(editedValue);\n    }\n  }, [editedValue, isEditorEnabled]);\n\n  if (!isEditorEnabled) {\n    return children;\n  }\n\n  return (\n    <ContentSelector onSelect={handleSelect} isSelecting={isSelected}>\n      {displayedChildren}\n    </ContentSelector>\n  );\n};\n"],"mappings":";AAkEI;AAhEJ,SAAS,qBAAmC;AAC5C,SAAS,uBAAuB;AAChC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AACP,SAAS,gCAAgC;AACzC,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,gBAAgB,IAAI,yBAAyB;AACrD,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,aAAa;AAAA,IACjB,OACG,WACE,gBAAgB,SAAS,UAAU,KAAK,KACzC,cAAc,gBAAgB,WAAW,CAAC,GAAG,OAAO,MACtD;AAAA,IACF,CAAC,gBAAgB,QAAQ,OAAO;AAAA,EAClC;AAEA,YAAU,MAAM;AAEd,QAAI,mBAAmB,eAAe,OAAO,gBAAgB,UAAU;AACrE,2BAAqB,WAAW;AAAA,IAClC;AAAA,EACF,GAAG,CAAC,aAAa,eAAe,CAAC;AAEjC,MAAI,CAAC,iBAAiB;AACpB,WAAO;AAAA,EACT;AAEA,SACE,oBAAC,mBAAgB,UAAU,cAAc,aAAa,YACnD,6BACH;AAEJ;","names":[]}

package/dist/esm/DictionaryEditionDrawer/DictionaryEditionDrawer.mjs

@@ -1,141 +0,0 @@
-"use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import {
-  RightDrawer,
-  DictionaryEditor,
-  LocaleSwitcher,
-  Modal,
-  useEditionPanelStore,
-  DictionaryFieldEditor,
-  useRightDrawerStore
-} from "@intlayer/design-system";
-import { useGetAllDictionaries } from "@intlayer/design-system/hooks";
-import { useCallback, useEffect, useState } from "react";
-import { t } from "react-intlayer";
-import { useShallow } from "zustand/shallow";
-import { dictionaryListDrawerIdentifier } from '../DictionaryListDrawer/dictionaryListDrawerIdentifier.mjs';
-import {
-  useDictionaryEditionDrawer,
-  getDrawerIdentifier
-} from './useDictionaryEditionDrawer.mjs';
-const DictionaryEditionDrawerContent = ({ locale, identifier, handleOnBack }) => {
-  const [keyPathEditionModal, setKeyPathEditionModal] = useState(null);
-  const { setDictionariesRecord, focusedContent } = useDictionaryEditionDrawer(identifier);
-  const { all: dictionaries } = useGetAllDictionaries();
-  const onClickDictionaryList = useCallback(() => {
-    setKeyPathEditionModal(null);
-    handleOnBack();
-  }, [handleOnBack]);
-  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: t({
-          en: "Edit field",
-          fr: "Modifier le champ",
-          es: "Editar campo"
-        }),
-        size: "xl",
-        transparency: "lg",
-        children: dictionary && /* @__PURE__ */ jsx(
-          DictionaryFieldEditor,
-          {
-            dictionary,
-            onClickDictionaryList
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      DictionaryEditor,
-      {
-        dictionary,
-        locale,
-        onClickEdit: setKeyPathEditionModal
-      }
-    )
-  ] });
-};
-const DictionaryEditionDrawer = ({
-  locale,
-  localeList,
-  setLocale,
-  dictionaryId
-}) => {
-  const id = getDrawerIdentifier(dictionaryId);
-  const { focusedContent, close } = useDictionaryEditionDrawer(dictionaryId);
-  const { openDictionaryListDrawer } = useRightDrawerStore((s) => ({
-    openDictionaryListDrawer: () => s.open(dictionaryListDrawerIdentifier)
-  }));
-  const handleOnBack = () => {
-    close();
-    openDictionaryListDrawer();
-  };
-  return /* @__PURE__ */ jsx(
-    RightDrawer,
-    {
-      title: dictionaryId,
-      identifier: id,
-      header: /* @__PURE__ */ jsx(
-        LocaleSwitcher,
-        {
-          setLocale,
-          locale,
-          localeList
-        }
-      ),
-      backButton: {
-        onBack: handleOnBack,
-        text: t({
-          en: "Dictionary list",
-          fr: "Liste des dictionnaires",
-          es: "Lista de diccionarios"
-        })
-      },
-      children: focusedContent && /* @__PURE__ */ jsx(
-        DictionaryEditionDrawerContent,
-        {
-          focusedContent,
-          locale,
-          identifier: id,
-          handleOnBack
-        }
-      )
-    }
-  );
-};
-const DictionaryEditionDrawerController = ({ locale, localeList, setLocale }) => {
-  const focusedContent = useEditionPanelStore(
-    useShallow((s) => s.focusedContent)
-  );
-  const dictionaryId = focusedContent?.dictionaryId;
-  if (!dictionaryId) {
-    return /* @__PURE__ */ jsx(Fragment, {});
-  }
-  return /* @__PURE__ */ jsx(
-    DictionaryEditionDrawer,
-    {
-      locale,
-      localeList,
-      setLocale,
-      dictionaryId
-    }
-  );
-};
-export {
-  DictionaryEditionDrawer,
-  DictionaryEditionDrawerContent,
-  DictionaryEditionDrawerController
-};
-//# sourceMappingURL=DictionaryEditionDrawer.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/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  useRightDrawerStore,\n} from '@intlayer/design-system';\nimport { useGetAllDictionaries } from '@intlayer/design-system/hooks';\nimport { useCallback, useEffect, useState, type FC } from 'react';\nimport { t } from 'react-intlayer';\nimport { useShallow } from 'zustand/shallow';\nimport { dictionaryListDrawerIdentifier } from '../DictionaryListDrawer/dictionaryListDrawerIdentifier';\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  handleOnBack: () => void;\n};\n\nexport const DictionaryEditionDrawerContent: FC<\n  DictionaryEditionDrawerContentProps\n> = ({ locale, identifier, handleOnBack }) => {\n  const [keyPathEditionModal, setKeyPathEditionModal] = useState<\n    KeyPath[] | null\n  >(null);\n  const { setDictionariesRecord, focusedContent } =\n    useDictionaryEditionDrawer(identifier);\n  const { all: dictionaries } = useGetAllDictionaries();\n\n  const onClickDictionaryList = useCallback(() => {\n    setKeyPathEditionModal(null);\n    handleOnBack();\n  }, [handleOnBack]);\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={t({\n          en: 'Edit field',\n          fr: 'Modifier le champ',\n          es: 'Editar campo',\n        })}\n        size=\"xl\"\n        transparency=\"lg\"\n      >\n        {dictionary && (\n          <DictionaryFieldEditor\n            dictionary={dictionary}\n            onClickDictionaryList={onClickDictionaryList}\n          />\n        )}\n      </Modal>\n      <DictionaryEditor\n        dictionary={dictionary}\n        locale={locale}\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 { openDictionaryListDrawer } = useRightDrawerStore((s) => ({\n    openDictionaryListDrawer: () => s.open(dictionaryListDrawerIdentifier),\n  }));\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: t({\n          en: 'Dictionary list',\n          fr: 'Liste des dictionnaires',\n          es: 'Lista de diccionarios',\n        }),\n      }}\n    >\n      {focusedContent && (\n        <DictionaryEditionDrawerContent\n          focusedContent={focusedContent}\n          locale={locale}\n          identifier={id}\n          handleOnBack={handleOnBack}\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(\n    useShallow((s) => s.focusedContent)\n  );\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":"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","names":[]}

package/dist/esm/DictionaryEditionDrawer/index.mjs

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

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

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

package/dist/esm/DictionaryEditionDrawer/useDictionaryEditionDrawer.mjs

@@ -1,58 +0,0 @@
-import {
-  useRightDrawerStore,
-  useEditedContentStore,
-  useEditionPanelStore
-} from "@intlayer/design-system";
-import { useCallback } from "react";
-import { useShallow } from "zustand/shallow";
-const getDrawerIdentifier = (dictionaryId) => `dictionary_edition_${dictionaryId}`;
-const useDictionaryEditionDrawer = (dictionaryId) => {
-  const id = getDrawerIdentifier(dictionaryId);
-  const { isOpenDrawer, openDrawer, closeDrawer } = useRightDrawerStore(
-    useShallow((e) => ({
-      isOpenDrawer: e.isOpen,
-      openDrawer: e.open,
-      closeDrawer: e.close
-    }))
-  );
-  const { setDictionariesRecord, getEditedContentValue } = useEditedContentStore(
-    useShallow((s) => ({
-      setDictionariesRecord: s.setDictionariesRecord,
-      getEditedContentValue: s.getEditedContentValue
-    }))
-  );
-  const { setFocusedContent, focusedContent } = useEditionPanelStore(
-    useShallow((s) => ({
-      focusedContent: s.focusedContent,
-      setFocusedContent: s.setFocusedContent
-    }))
-  );
-  const openDictionaryEditionDrawer = useCallback(
-    ({
-      dictionaryId: dictionaryId2,
-      dictionaryPath,
-      keyPath = []
-    }) => {
-      setFocusedContent({
-        dictionaryId: dictionaryId2,
-        dictionaryPath,
-        keyPath
-      });
-      openDrawer(id);
-    },
-    [openDrawer, setFocusedContent]
-  );
-  return {
-    isOpen: isOpenDrawer(id),
-    focusedContent,
-    setDictionariesRecord,
-    getEditedContentValue,
-    open: openDictionaryEditionDrawer,
-    close: () => closeDrawer(id)
-  };
-};
-export {
-  getDrawerIdentifier,
-  useDictionaryEditionDrawer
-};
-//# sourceMappingURL=useDictionaryEditionDrawer.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/DictionaryEditionDrawer/useDictionaryEditionDrawer.ts"],"sourcesContent":["import type { Dictionary, DictionaryValue, KeyPath } from '@intlayer/core';\nimport {\n  useRightDrawerStore,\n  useEditedContentStore,\n  useEditionPanelStore,\n} from '@intlayer/design-system';\nimport { useCallback } from 'react';\nimport { useShallow } from 'zustand/shallow';\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  isOpen: boolean;\n  open: (content: FileContent) => void;\n  close: () => void;\n  setDictionariesRecord: (\n    dictionariesRecord: Record<DictionaryId, Dictionary>\n  ) => void;\n  getEditedContentValue: (\n    dictionaryId: DictionaryId,\n    keyPath: KeyPath[]\n  ) => DictionaryValue | undefined;\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 { isOpenDrawer, openDrawer, closeDrawer } = useRightDrawerStore(\n    useShallow((e) => ({\n      isOpenDrawer: e.isOpen,\n      openDrawer: e.open,\n      closeDrawer: e.close,\n    }))\n  );\n  const { setDictionariesRecord, getEditedContentValue } =\n    useEditedContentStore(\n      useShallow((s) => ({\n        setDictionariesRecord: s.setDictionariesRecord,\n        getEditedContentValue: s.getEditedContentValue,\n      }))\n    );\n  const { setFocusedContent, focusedContent } = useEditionPanelStore(\n    useShallow((s) => ({\n      focusedContent: s.focusedContent,\n      setFocusedContent: s.setFocusedContent,\n    }))\n  );\n\n  const openDictionaryEditionDrawer = useCallback(\n    ({\n      dictionaryId,\n      dictionaryPath,\n      keyPath = [],\n    }: OpenDictionaryEditionDrawerProps) => {\n      setFocusedContent({\n        dictionaryId,\n        dictionaryPath,\n        keyPath,\n      });\n\n      openDrawer(id);\n    },\n    [openDrawer, setFocusedContent]\n  );\n\n  return {\n    isOpen: isOpenDrawer(id),\n    focusedContent,\n    setDictionariesRecord,\n    getEditedContentValue,\n    open: openDictionaryEditionDrawer,\n    close: () => closeDrawer(id),\n  };\n};\n"],"mappings":"AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAEpB,MAAM,sBAAsB,CAAC,iBAClC,sBAAsB,YAAY;AA+B7B,MAAM,6BAA6B,CACxC,iBAC4B;AAC5B,QAAM,KAAK,oBAAoB,YAAY;AAC3C,QAAM,EAAE,cAAc,YAAY,YAAY,IAAI;AAAA,IAChD,WAAW,CAAC,OAAO;AAAA,MACjB,cAAc,EAAE;AAAA,MAChB,YAAY,EAAE;AAAA,MACd,aAAa,EAAE;AAAA,IACjB,EAAE;AAAA,EACJ;AACA,QAAM,EAAE,uBAAuB,sBAAsB,IACnD;AAAA,IACE,WAAW,CAAC,OAAO;AAAA,MACjB,uBAAuB,EAAE;AAAA,MACzB,uBAAuB,EAAE;AAAA,IAC3B,EAAE;AAAA,EACJ;AACF,QAAM,EAAE,mBAAmB,eAAe,IAAI;AAAA,IAC5C,WAAW,CAAC,OAAO;AAAA,MACjB,gBAAgB,EAAE;AAAA,MAClB,mBAAmB,EAAE;AAAA,IACvB,EAAE;AAAA,EACJ;AAEA,QAAM,8BAA8B;AAAA,IAClC,CAAC;AAAA,MACC,cAAAA;AAAA,MACA;AAAA,MACA,UAAU,CAAC;AAAA,IACb,MAAwC;AACtC,wBAAkB;AAAA,QAChB,cAAAA;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAED,iBAAW,EAAE;AAAA,IACf;AAAA,IACA,CAAC,YAAY,iBAAiB;AAAA,EAChC;AAEA,SAAO;AAAA,IACL,QAAQ,aAAa,EAAE;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN,OAAO,MAAM,YAAY,EAAE;AAAA,EAC7B;AACF;","names":["dictionaryId"]}

package/dist/esm/DictionaryListDrawer/DictionaryListDrawer.mjs

@@ -1,71 +0,0 @@
-"use client";
-import { Fragment, jsx } from "react/jsx-runtime";
-import {
-  RightDrawer,
-  Button,
-  useEditedContentStore,
-  useEditionPanelStore,
-  useRightDrawerStore
-} from "@intlayer/design-system";
-import { useGetAllDictionaries } from "@intlayer/design-system/hooks";
-import { ChevronRight } from "lucide-react";
-import { useCallback, useMemo } from "react";
-import { useShallow } from "zustand/shallow";
-import { getDrawerIdentifier } from '../DictionaryEditionDrawer/useDictionaryEditionDrawer.mjs';
-import { dictionaryListDrawerIdentifier } from './dictionaryListDrawerIdentifier.mjs';
-const DictionaryListDrawer = () => {
-  const { all: dictionaries } = useGetAllDictionaries();
-  const dictionaryKeyList = useMemo(
-    () => Object.keys(dictionaries),
-    [dictionaries]
-  );
-  const { closeDrawer, openDrawer } = useRightDrawerStore(
-    useShallow((s) => ({
-      closeDrawer: s.close,
-      openDrawer: s.open
-    }))
-  );
-  const editedContent = useEditedContentStore(
-    useShallow((s) => s.editedContent)
-  );
-  const setFocusedContent = useEditionPanelStore(
-    useShallow((s) => s.setFocusedContent)
-  );
-  const handleClickDictionary = (dictionaryId) => {
-    closeDrawer(dictionaryListDrawerIdentifier);
-    const { filePath } = dictionaries[dictionaryId];
-    setFocusedContent({
-      dictionaryId,
-      dictionaryPath: filePath
-    });
-    openDrawer(getDrawerIdentifier(dictionaryId));
-  };
-  const isDictionaryEdited = useCallback(
-    (dictionaryId) => Object.keys(editedContent).includes(dictionaryId),
-    [editedContent]
-  );
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-    RightDrawer,
-    {
-      title: "Dictionary list",
-      identifier: dictionaryListDrawerIdentifier,
-      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))
-    }
-  ) });
-};
-export {
-  DictionaryListDrawer
-};
-//# sourceMappingURL=DictionaryListDrawer.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/DictionaryListDrawer/DictionaryListDrawer.tsx"],"sourcesContent":["'use client';\n\nimport { Locales } from '@intlayer/config';\nimport {\n  RightDrawer,\n  Button,\n  useEditedContentStore,\n  useEditionPanelStore,\n  useRightDrawerStore,\n} from '@intlayer/design-system';\nimport { useGetAllDictionaries } from '@intlayer/design-system/hooks';\nimport { ChevronRight } from 'lucide-react';\nimport { useCallback, useMemo, FC } from 'react';\nimport { useShallow } from 'zustand/shallow';\nimport { getDrawerIdentifier } from '../DictionaryEditionDrawer/useDictionaryEditionDrawer';\nimport { dictionaryListDrawerIdentifier } from './dictionaryListDrawerIdentifier';\n\nexport const DictionaryListDrawer: FC = () => {\n  const { all: dictionaries } = useGetAllDictionaries();\n  const dictionaryKeyList = useMemo(\n    () => Object.keys(dictionaries) as Locales[],\n    [dictionaries]\n  );\n\n  const { closeDrawer, openDrawer } = useRightDrawerStore(\n    useShallow((s) => ({\n      closeDrawer: s.close,\n      openDrawer: s.open,\n    }))\n  );\n\n  const editedContent = useEditedContentStore(\n    useShallow((s) => s.editedContent)\n  );\n  const setFocusedContent = useEditionPanelStore(\n    useShallow((s) => s.setFocusedContent)\n  );\n\n  const handleClickDictionary = (dictionaryId: string) => {\n    closeDrawer(dictionaryListDrawerIdentifier);\n\n    const { filePath } = dictionaries[dictionaryId];\n    setFocusedContent({\n      dictionaryId,\n      dictionaryPath: filePath,\n    });\n\n    openDrawer(getDrawerIdentifier(dictionaryId));\n  };\n\n  const isDictionaryEdited = useCallback(\n    (dictionaryId: string) => Object.keys(editedContent).includes(dictionaryId),\n    [editedContent]\n  );\n\n  return (\n    <>\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};\n"],"mappings":";AAwDI,mBAOQ,WAPR;AArDJ;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,6BAA6B;AACtC,SAAS,oBAAoB;AAC7B,SAAS,aAAa,eAAmB;AACzC,SAAS,kBAAkB;AAC3B,SAAS,2BAA2B;AACpC,SAAS,sCAAsC;AAExC,MAAM,uBAA2B,MAAM;AAC5C,QAAM,EAAE,KAAK,aAAa,IAAI,sBAAsB;AACpD,QAAM,oBAAoB;AAAA,IACxB,MAAM,OAAO,KAAK,YAAY;AAAA,IAC9B,CAAC,YAAY;AAAA,EACf;AAEA,QAAM,EAAE,aAAa,WAAW,IAAI;AAAA,IAClC,WAAW,CAAC,OAAO;AAAA,MACjB,aAAa,EAAE;AAAA,MACf,YAAY,EAAE;AAAA,IAChB,EAAE;AAAA,EACJ;AAEA,QAAM,gBAAgB;AAAA,IACpB,WAAW,CAAC,MAAM,EAAE,aAAa;AAAA,EACnC;AACA,QAAM,oBAAoB;AAAA,IACxB,WAAW,CAAC,MAAM,EAAE,iBAAiB;AAAA,EACvC;AAEA,QAAM,wBAAwB,CAAC,iBAAyB;AACtD,gBAAY,8BAA8B;AAE1C,UAAM,EAAE,SAAS,IAAI,aAAa,YAAY;AAC9C,sBAAkB;AAAA,MAChB;AAAA,MACA,gBAAgB;AAAA,IAClB,CAAC;AAED,eAAW,oBAAoB,YAAY,CAAC;AAAA,EAC9C;AAEA,QAAM,qBAAqB;AAAA,IACzB,CAAC,iBAAyB,OAAO,KAAK,aAAa,EAAE,SAAS,YAAY;AAAA,IAC1E,CAAC,aAAa;AAAA,EAChB;AAEA,SACE,gCACE;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,GACF;AAEJ;","names":[]}

package/dist/esm/DictionaryListDrawer/dictionaryListDrawerIdentifier.mjs

@@ -1,5 +0,0 @@
-const dictionaryListDrawerIdentifier = "dictionaryList";
-export {
-  dictionaryListDrawerIdentifier
-};
-//# sourceMappingURL=dictionaryListDrawerIdentifier.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/DictionaryListDrawer/dictionaryListDrawerIdentifier.ts"],"sourcesContent":["export const dictionaryListDrawerIdentifier = 'dictionaryList';\n"],"mappings":"AAAO,MAAM,iCAAiC;","names":[]}

package/dist/esm/DictionaryListDrawer/index.mjs

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

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

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

package/dist/esm/IntlayerEditorProvider.mjs

@@ -1,71 +0,0 @@
-"use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { getConfiguration } from "@intlayer/config/client";
-import { DictionaryEditionDrawerController } from './DictionaryEditionDrawer/index.mjs';
-import { DictionaryListDrawer } from './DictionaryListDrawer/index.mjs';
-import { useIntlayerContext } from "react-intlayer";
-import { useContentSelectorContext } from "react-intlayer/editor";
-import { ContentSelectorWrapper } from './ContentSelectorWrapper.mjs';
-import {
-  createContext,
-  useContext,
-  useEffect,
-  useMemo
-} from "react";
-const IntlayerEditorContext = createContext({
-  isEditorEnabled: false
-});
-const useIntlayerEditorContext = () => useContext(IntlayerEditorContext);
-const IntlayerEditorProvider = ({
-  children,
-  isEnabled = true
-}) => {
-  const { editor, internationalization } = getConfiguration();
-  const { setState } = useContentSelectorContext();
-  const { locale, setLocale } = useIntlayerContext();
-  const isEditorEnabled = useMemo(
-    () => Boolean(
-      editor.enabled && editor.clientId && editor.clientSecret && isEnabled
-    ),
-    [editor.enabled && editor.clientId && editor.clientSecret && isEnabled]
-  );
-  useEffect(() => {
-    setState({
-      ContentSelectorWrapper
-    });
-  }, [setState]);
-  useEffect(() => {
-    if (isEnabled && editor.enabled) {
-      if (!editor.clientId) {
-        console.error(
-          "Editor is enabled but clientId is not set. Please set it in the editor configuration. See http://localhost:3000/doc/concept/editor."
-        );
-      }
-      if (!editor.clientSecret) {
-        console.error(
-          "Editor is enabled but clientSecret is not set. Please set it in the editor configuration. See http://localhost:3000/doc/concept/editor."
-        );
-      }
-    }
-  }, [isEnabled, editor.enabled, editor.clientId, editor.clientSecret]);
-  return /* @__PURE__ */ jsxs(IntlayerEditorContext.Provider, { value: { isEditorEnabled }, children: [
-    children,
-    isEditorEnabled && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        DictionaryEditionDrawerController,
-        {
-          locale,
-          localeList: internationalization.locales,
-          setLocale
-        }
-      ),
-      /* @__PURE__ */ jsx(DictionaryListDrawer, {})
-    ] })
-  ] });
-};
-export {
-  IntlayerEditorContext,
-  IntlayerEditorProvider,
-  useIntlayerEditorContext
-};
-//# sourceMappingURL=IntlayerEditorProvider.mjs.map