@reacteditor/core 0.0.4 → 0.0.6

package/dist/index.mjs

@@ -19,14 +19,14 @@ import {
   setDeep,
   useEditor,
   useGetEditor
-} from "./chunk-D2RG73WI.mjs";
-import "./chunk-TCVU3WEN.mjs";
+} from "./chunk-HCFEY5Y7.mjs";
+import "./chunk-DB4R5IWG.mjs";
 import {
   migrate,
   resolveAllData,
   transformProps
-} from "./chunk-VD3EVRUF.mjs";
-import "./chunk-MFI3RDA4.mjs";
+} from "./chunk-275EJPEB.mjs";
+import "./chunk-6QJ2HF4O.mjs";
 import {
   Action,
   ActionBar,
@@ -35,12 +35,12 @@ import {
   Label,
   RichTextMenu,
   Separator
-} from "./chunk-6Q6A3BQH.mjs";
-import "./chunk-HMTHZBH6.mjs";
-import "./chunk-ZHNRSSMW.mjs";
-import "./chunk-M2RKJTNY.mjs";
-import "./chunk-2LVYDXZS.mjs";
-import "./chunk-VUEM62JF.mjs";
+} from "./chunk-BRDUM7MJ.mjs";
+import "./chunk-Z6IIVDFY.mjs";
+import "./chunk-6LG4Q4HO.mjs";
+import "./chunk-WGPCLAZR.mjs";
+import "./chunk-CRF2GWQA.mjs";
+import "./chunk-UB2DES2O.mjs";
 import "./chunk-VOLQMQPK.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import {

package/dist/internal.d.mts

@@ -1,6 +1,6 @@
 import { Reducer } from 'react';
-import { D as Data, A as AppState, O as OnAction, P as PrivateAppState, E as EditorAction } from './actions-BCDhqbeL.mjs';
-import { A as AppStore } from './index-DVwiIwYU.mjs';
+import { D as Data, A as AppState, O as OnAction, P as PrivateAppState, E as EditorAction } from './actions-CQmL3wwa.mjs';
+import { A as AppStore } from './index-BOP2qNVA.mjs';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';
 import '@tiptap/extension-bold';

package/dist/internal.d.ts

@@ -1,6 +1,6 @@
 import { Reducer } from 'react';
-import { D as Data, A as AppState, O as OnAction, P as PrivateAppState, E as EditorAction } from './actions-BCDhqbeL.js';
-import { A as AppStore } from './index-ComBHfdn.js';
+import { D as Data, A as AppState, O as OnAction, P as PrivateAppState, E as EditorAction } from './actions-CQmL3wwa.js';
+import { A as AppStore } from './index-_G46lHpL.js';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';
 import '@tiptap/extension-bold';

package/dist/internal.js

@@ -491,20 +491,31 @@ var populateIds = (data, config, override = false) => {
 
 // reducer/actions/insert.ts
 function insertAction(state, action, appStore) {
+  var _a, _b;
   const id = action.id || generateId(action.componentType);
+  const componentConfig = appStore.config.components[action.componentType];
+  const isGlobalType = (componentConfig == null ? void 0 : componentConfig.global) === true;
+  const defaultProps = (componentConfig == null ? void 0 : componentConfig.defaultProps) || {};
   const emptyComponentData = populateIds(
-    {
+    __spreadValues({
       type: action.componentType,
-      props: __spreadProps(__spreadValues({}, appStore.config.components[action.componentType].defaultProps || {}), {
-        id
-      })
-    },
+      props: __spreadProps(__spreadValues({}, defaultProps), { id })
+    }, isGlobalType ? { synced: true } : {}),
     appStore.config
   );
   const [parentId] = action.destinationZone.split(":");
   const idsInPath = getIdsForParent(action.destinationZone, state);
+  let nextData = state.data;
+  if (isGlobalType && !((_a = nextData.globals) != null ? _a : {})[action.componentType]) {
+    nextData = __spreadProps(__spreadValues({}, nextData), {
+      globals: __spreadProps(__spreadValues({}, (_b = nextData.globals) != null ? _b : {}), {
+        [action.componentType]: { props: __spreadValues({}, defaultProps) }
+      })
+    });
+  }
+  const seededState = nextData === state.data ? state : __spreadProps(__spreadValues({}, state), { data: nextData });
   return walkAppState(
-    state,
+    seededState,
     appStore.config,
     (content, zoneCompound) => {
       if (zoneCompound === action.destinationZone) {

package/dist/internal.mjs

@@ -1,6 +1,6 @@
 import {
   createReducer
-} from "./chunk-VUEM62JF.mjs";
+} from "./chunk-UB2DES2O.mjs";
 import "./chunk-GAUBBDIR.mjs";
 import {
   init_react_import

package/dist/{loaded-DGSPK47E.mjs → loaded-6IBSSOXD.mjs}

@@ -1,12 +1,12 @@
 import {
   useListOptions
-} from "./chunk-M2RKJTNY.mjs";
+} from "./chunk-WGPCLAZR.mjs";
 import {
   List,
   SelectControl,
   useControlContext
-} from "./chunk-2LVYDXZS.mjs";
-import "./chunk-VUEM62JF.mjs";
+} from "./chunk-CRF2GWQA.mjs";
+import "./chunk-UB2DES2O.mjs";
 import "./chunk-VOLQMQPK.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import "./chunk-GAUBBDIR.mjs";

package/dist/{loaded-IJNA4SY5.mjs → loaded-6NPDD7SF.mjs}

@@ -1,12 +1,12 @@
 import {
   useHeadingOptions
-} from "./chunk-ZHNRSSMW.mjs";
+} from "./chunk-6LG4Q4HO.mjs";
 import {
   Heading,
   SelectControl,
   useControlContext
-} from "./chunk-2LVYDXZS.mjs";
-import "./chunk-VUEM62JF.mjs";
+} from "./chunk-CRF2GWQA.mjs";
+import "./chunk-UB2DES2O.mjs";
 import "./chunk-VOLQMQPK.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import "./chunk-GAUBBDIR.mjs";

package/dist/{loaded-CBJRWD4Z.mjs → loaded-BQVZGQG2.mjs}

@@ -1,12 +1,12 @@
 import {
   useAlignOptions
-} from "./chunk-HMTHZBH6.mjs";
+} from "./chunk-Z6IIVDFY.mjs";
 import {
   AlignLeft,
   SelectControl,
   useControlContext
-} from "./chunk-2LVYDXZS.mjs";
-import "./chunk-VUEM62JF.mjs";
+} from "./chunk-CRF2GWQA.mjs";
+import "./chunk-UB2DES2O.mjs";
 import "./chunk-VOLQMQPK.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import "./chunk-GAUBBDIR.mjs";

package/dist/loaded-N4KWL7FV.css

@@ -0,0 +1,90 @@
+/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Select/styles.module.css/#css-module-data */
+._Select_1hzg4_1 {
+  position: relative;
+  z-index: 1;
+}
+._Select-button_1hzg4_6 {
+  align-items: center;
+  background: transparent;
+  border: none;
+  border-radius: var(--editor-radius-sm);
+  display: flex;
+  justify-content: center;
+  gap: 0px;
+  height: 100%;
+  padding: 4px;
+  padding-right: 2px;
+  transition: background-color var(--editor-motion-fast) var(--editor-ease), color var(--editor-motion-fast) var(--editor-ease);
+}
+._Select--hasOptions_1hzg4_21 ._Select-button_1hzg4_6 {
+  color: currentColor;
+}
+._Select--hasOptions_1hzg4_21:not(._Select--disabled_1hzg4_25) ._Select-button_1hzg4_6 {
+  cursor: pointer;
+}
+._Select-buttonIcon_1hzg4_29 {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+._Select--standalone_1hzg4_35 ._Select-buttonIcon_1hzg4_29 .lucide {
+  height: 18px;
+  width: 18px;
+}
+._Select--actionBar_1hzg4_40 ._Select-buttonIcon_1hzg4_29 .lucide {
+  height: 16px;
+  width: 16px;
+}
+._Select--hasOptions_1hzg4_21:not(._Select--disabled_1hzg4_25) ._Select-button_1hzg4_6:hover,
+._Select--hasValue_1hzg4_46 ._Select-button_1hzg4_6 {
+  background: var(--editor-surface-hover);
+  color: var(--editor-text-accent);
+}
+._Select--disabled_1hzg4_25 ._Select-button_1hzg4_6 {
+  color: var(--editor-text-tertiary);
+}
+._Select--actionBar_1hzg4_40 {
+  &._Select--hasOptions_1hzg4_21 ._Select-button_1hzg4_6:hover,
+  &._Select--hasValue_1hzg4_46 ._Select-button_1hzg4_6 {
+    background: rgba(255, 255, 255, 0.12);
+    color: var(--editor-text-inverse);
+  }
+}
+._Select-items_1hzg4_63 {
+  background: var(--editor-surface-panel);
+  border: 1px solid var(--editor-border-subtle);
+  border-radius: var(--editor-radius-lg);
+  box-shadow: var(--editor-shadow-lg);
+  margin: 10px 8px;
+  margin-left: 0;
+  padding: 4px;
+  z-index: 2;
+  list-style: none;
+}
+._SelectItem_1hzg4_75 {
+  background: transparent;
+  border-radius: var(--editor-radius-sm);
+  border: none;
+  color: var(--editor-text-secondary);
+  cursor: pointer;
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  font-size: var(--editor-font-size-xxs);
+  margin: 0;
+  padding: 8px 12px;
+  width: 100%;
+  transition: background-color var(--editor-motion-fast) var(--editor-ease), color var(--editor-motion-fast) var(--editor-ease);
+}
+._SelectItem--isSelected_1hzg4_92 {
+  background: var(--editor-accent-soft);
+  color: var(--editor-text-accent);
+  font-weight: 500;
+}
+._SelectItem--isSelected_1hzg4_92 ._SelectItem-icon_1hzg4_98 {
+  color: var(--editor-text-accent);
+}
+._SelectItem_1hzg4_75:hover {
+  background: var(--editor-surface-hover);
+  color: var(--editor-text-accent);
+}