@measured/puck-plugin-heading-analyzer 0.20.0-canary.93d525c5 → 0.20.0-canary.aee5fc96

package/dist/index.css

@@ -1,162 +1,18 @@
 /* css-module:/home/runner/work/puck/puck/packages/plugin-heading-analyzer/src/HeadingAnalyzer.module.css/#css-module-data */
-._HeadingAnalyzer_116v6_1 {
+._HeadingAnalyzer_yg0s7_1 {
   display: block;
+  padding: 16px;
 }
-._HeadingAnalyzer-cssWarning_116v6_5 {
+._HeadingAnalyzer-cssWarning_yg0s7_6 {
   display: none !important;
 }
-._HeadingAnalyzerItem_116v6_9 {
+._HeadingAnalyzerItem_yg0s7_10 {
   display: inline;
 }
-._HeadingAnalyzerItem--missing_116v6_13 {
+._HeadingAnalyzerItem--missing_yg0s7_14 {
   color: var(--puck-color-red-04);
 }
 
-/* css-module:/home/runner/work/puck/puck/packages/core/components/SidebarSection/styles.module.css/#css-module-data */
-._SidebarSection_8boj8_1 {
-  display: flex;
-  position: relative;
-  flex-direction: column;
-  color: var(--puck-color-black);
-}
-._SidebarSection_8boj8_1:last-of-type {
-  flex-grow: 1;
-}
-._SidebarSection-title_8boj8_12 {
-  background: var(--puck-color-white);
-  padding: 16px;
-  border-bottom: 1px solid var(--puck-color-grey-09);
-  border-top: 1px solid var(--puck-color-grey-09);
-  overflow-x: auto;
-}
-._SidebarSection--noBorderTop_8boj8_20 > ._SidebarSection-title_8boj8_12 {
-  border-top: 0px;
-}
-._SidebarSection-content_8boj8_24 {
-  padding: 16px;
-}
-._SidebarSection--noPadding_8boj8_28 > ._SidebarSection-content_8boj8_24 {
-  padding: 0px;
-}
-._SidebarSection--noPadding_8boj8_28 > ._SidebarSection-content_8boj8_24:last-child {
-  padding-bottom: 4px;
-}
-._SidebarSection_8boj8_1:last-of-type ._SidebarSection-content_8boj8_24 {
-  border-bottom: none;
-  flex-grow: 1;
-}
-._SidebarSection-breadcrumbLabel_8boj8_41 {
-  background: none;
-  border: 0;
-  border-radius: 2px;
-  color: var(--puck-color-azure-04);
-  cursor: pointer;
-  font: inherit;
-  flex-shrink: 0;
-  padding: 0;
-  transition: color 50ms ease-in;
-}
-._SidebarSection-breadcrumbLabel_8boj8_41:focus-visible {
-  outline: 2px solid var(--puck-color-azure-05);
-  outline-offset: 2px;
-}
-@media (hover: hover) and (pointer: fine) {
-  ._SidebarSection-breadcrumbLabel_8boj8_41:hover {
-    color: var(--puck-color-azure-03);
-    transition: none;
-  }
-}
-._SidebarSection-breadcrumbLabel_8boj8_41:active {
-  color: var(--puck-color-azure-02);
-  transition: none;
-}
-._SidebarSection-breadcrumbs_8boj8_70 {
-  align-items: center;
-  display: flex;
-  gap: 4px;
-}
-._SidebarSection-breadcrumb_8boj8_41 {
-  align-items: center;
-  display: flex;
-  gap: 4px;
-}
-._SidebarSection-heading_8boj8_82 {
-  padding-inline-end: 16px;
-}
-._SidebarSection-loadingOverlay_8boj8_86 {
-  background: var(--puck-color-white);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 100%;
-  width: 100%;
-  top: 0;
-  position: absolute;
-  z-index: 1;
-  pointer-events: all;
-  box-sizing: border-box;
-  opacity: 0.8;
-}
-
-/* css-module:/home/runner/work/puck/puck/packages/core/components/Heading/styles.module.css/#css-module-data */
-._Heading_qxrry_1 {
-  display: block;
-  color: var(--puck-color-black);
-  font-weight: 700;
-  margin: 0;
-}
-._Heading_qxrry_1 b {
-  font-weight: 700;
-}
-._Heading--xxxxl_qxrry_12 {
-  font-size: var(--puck-font-size-xxxxl);
-  letter-spacing: 0.08ch;
-  font-weight: 800;
-}
-._Heading--xxxl_qxrry_18 {
-  font-size: var(--puck-font-size-xxxl);
-}
-._Heading--xxl_qxrry_22 {
-  font-size: var(--puck-font-size-xxl);
-}
-._Heading--xl_qxrry_26 {
-  font-size: var(--puck-font-size-xl);
-}
-._Heading--l_qxrry_30 {
-  font-size: var(--puck-font-size-l);
-}
-._Heading--m_qxrry_34 {
-  font-size: var(--puck-font-size-m);
-}
-._Heading--s_qxrry_38 {
-  font-size: var(--puck-font-size-s);
-}
-._Heading--xs_qxrry_42 {
-  font-size: var(--puck-font-size-xs);
-}
-
-/* css-module:/home/runner/work/puck/puck/packages/core/components/Loader/styles.module.css/#css-module-data */
-@keyframes _loader-animation_nacdm_1 {
-  0% {
-    transform: rotate(0deg) scale(1);
-  }
-  50% {
-    transform: rotate(180deg) scale(0.8);
-  }
-  100% {
-    transform: rotate(360deg) scale(1);
-  }
-}
-._Loader_nacdm_13 {
-  background: transparent;
-  border-radius: 100%;
-  border: 2px solid currentColor;
-  border-bottom-color: transparent;
-  display: inline-block;
-  animation: _loader-animation_nacdm_1 1s 0s infinite linear;
-  animation-fill-mode: both;
-}
-
 /* css-module:/home/runner/work/puck/puck/packages/core/components/OutlineList/styles.module.css/#css-module-data */
 ._OutlineList_w4lzv_1 {
   color: var(--puck-color-grey-03);

package/dist/index.d.mts

@@ -7,7 +7,7 @@ type ItemSelector = {
 
 type FieldOption = {
     label: string;
-    value: string | number | boolean;
+    value: string | number | boolean | undefined | null | object;
 };
 type FieldOptions = Array<FieldOption> | ReadonlyArray<FieldOption>;
 type BaseField = {
@@ -19,6 +19,7 @@ type BaseField = {
 type TextField = BaseField & {
     type: "text";
     placeholder?: string;
+    contentEditable?: boolean;
 };
 type NumberField = BaseField & {
     type: "number";
@@ -30,6 +31,7 @@ type NumberField = BaseField & {
 type TextareaField = BaseField & {
     type: "textarea";
     placeholder?: string;
+    contentEditable?: boolean;
 };
 type SelectField = BaseField & {
     type: "select";
@@ -107,6 +109,7 @@ type CustomFieldRender<Value extends any> = (props: {
 type CustomField<Value extends any> = BaseField & {
     type: "custom";
     render: CustomFieldRender<Value>;
+    contentEditable?: boolean;
 };
 type SlotField = BaseField & {
     type: "slot";
@@ -122,6 +125,10 @@ type FieldProps<F = Field<any>, ValueType = any> = {
     readOnly?: boolean;
 };
 
+type ExtractField<T extends Field["type"]> = Extract<Field, {
+    type: T;
+}>;
+
 type Metadata = {
     [key: string]: any;
 };
@@ -129,6 +136,7 @@ type Metadata = {
 type ItemWithId = {
     _arrayId: string;
     _originalIndex: number;
+    _currentIndex: number;
 };
 type ArrayState = {
     items: ItemWithId[];
@@ -137,6 +145,8 @@ type ArrayState = {
 type UiState = {
     leftSideBarVisible: boolean;
     rightSideBarVisible: boolean;
+    leftSideBarWidth?: number | null;
+    rightSideBarWidth?: number | null;
     itemSelector: ItemSelector | null;
     arrayState: Record<string, ArrayState | undefined>;
     previewMode: "interactive" | "edit";
@@ -158,6 +168,9 @@ type UiState = {
     field: {
         focus?: string | null;
     };
+    plugin: {
+        current: string | null;
+    };
 };
 
 type RenderFunc<Props extends {
@@ -165,7 +178,25 @@ type RenderFunc<Props extends {
 } = {
     children: ReactNode;
 }> = (props: Props) => ReactElement;
-declare const overrideKeys: readonly ["header", "headerActions", "fields", "fieldLabel", "components", "componentItem", "outline", "puck", "preview"];
+
+type MapFnParams<ThisField = Field> = {
+    value: any;
+    parentId: string;
+    propName: string;
+    field: ThisField;
+    propPath: string;
+};
+
+type FieldTransformFnParams<T> = Omit<MapFnParams<T>, "parentId"> & {
+    isReadOnly: boolean;
+    componentId: string;
+};
+type FieldTransformFn<T = any> = (params: FieldTransformFnParams<T>) => any;
+type FieldTransforms = Partial<{
+    [FieldType in Field["type"]]: FieldTransformFn<ExtractField<FieldType>>;
+}>;
+
+declare const overrideKeys: readonly ["header", "headerActions", "fields", "fieldLabel", "drawer", "drawerItem", "componentOverlay", "outline", "puck", "preview"];
 type OverrideKey = (typeof overrideKeys)[number];
 type OverridesGeneric<Shape extends {
     [key in OverrideKey]: any;
@@ -203,11 +234,23 @@ type Overrides = OverridesGeneric<{
         children: ReactNode;
         name: string;
     }>;
+    drawer: RenderFunc;
+    drawerItem: RenderFunc<{
+        children: ReactNode;
+        name: string;
+    }>;
     iframe: RenderFunc<{
         children: ReactNode;
         document?: Document;
     }>;
     outline: RenderFunc;
+    componentOverlay: RenderFunc<{
+        children: ReactNode;
+        hover: boolean;
+        isSelected: boolean;
+        componentId: string;
+        componentType: string;
+    }>;
     puck: RenderFunc;
 }>;
 type FieldRenderFunctions = Omit<{
@@ -233,7 +276,12 @@ type Viewport = {
 };
 
 type Plugin = {
-    overrides: Partial<Overrides>;
+    name?: string;
+    label?: string;
+    icon?: ReactNode;
+    render?: () => ReactElement;
+    overrides?: Partial<Overrides>;
+    fieldTransforms?: FieldTransforms;
 };
 
 declare const headingAnalyzer: Plugin;

package/dist/index.d.ts

@@ -7,7 +7,7 @@ type ItemSelector = {
 
 type FieldOption = {
     label: string;
-    value: string | number | boolean;
+    value: string | number | boolean | undefined | null | object;
 };
 type FieldOptions = Array<FieldOption> | ReadonlyArray<FieldOption>;
 type BaseField = {
@@ -19,6 +19,7 @@ type BaseField = {
 type TextField = BaseField & {
     type: "text";
     placeholder?: string;
+    contentEditable?: boolean;
 };
 type NumberField = BaseField & {
     type: "number";
@@ -30,6 +31,7 @@ type NumberField = BaseField & {
 type TextareaField = BaseField & {
     type: "textarea";
     placeholder?: string;
+    contentEditable?: boolean;
 };
 type SelectField = BaseField & {
     type: "select";
@@ -107,6 +109,7 @@ type CustomFieldRender<Value extends any> = (props: {
 type CustomField<Value extends any> = BaseField & {
     type: "custom";
     render: CustomFieldRender<Value>;
+    contentEditable?: boolean;
 };
 type SlotField = BaseField & {
     type: "slot";
@@ -122,6 +125,10 @@ type FieldProps<F = Field<any>, ValueType = any> = {
     readOnly?: boolean;
 };
 
+type ExtractField<T extends Field["type"]> = Extract<Field, {
+    type: T;
+}>;
+
 type Metadata = {
     [key: string]: any;
 };
@@ -129,6 +136,7 @@ type Metadata = {
 type ItemWithId = {
     _arrayId: string;
     _originalIndex: number;
+    _currentIndex: number;
 };
 type ArrayState = {
     items: ItemWithId[];
@@ -137,6 +145,8 @@ type ArrayState = {
 type UiState = {
     leftSideBarVisible: boolean;
     rightSideBarVisible: boolean;
+    leftSideBarWidth?: number | null;
+    rightSideBarWidth?: number | null;
     itemSelector: ItemSelector | null;
     arrayState: Record<string, ArrayState | undefined>;
     previewMode: "interactive" | "edit";
@@ -158,6 +168,9 @@ type UiState = {
     field: {
         focus?: string | null;
     };
+    plugin: {
+        current: string | null;
+    };
 };
 
 type RenderFunc<Props extends {
@@ -165,7 +178,25 @@ type RenderFunc<Props extends {
 } = {
     children: ReactNode;
 }> = (props: Props) => ReactElement;
-declare const overrideKeys: readonly ["header", "headerActions", "fields", "fieldLabel", "components", "componentItem", "outline", "puck", "preview"];
+
+type MapFnParams<ThisField = Field> = {
+    value: any;
+    parentId: string;
+    propName: string;
+    field: ThisField;
+    propPath: string;
+};
+
+type FieldTransformFnParams<T> = Omit<MapFnParams<T>, "parentId"> & {
+    isReadOnly: boolean;
+    componentId: string;
+};
+type FieldTransformFn<T = any> = (params: FieldTransformFnParams<T>) => any;
+type FieldTransforms = Partial<{
+    [FieldType in Field["type"]]: FieldTransformFn<ExtractField<FieldType>>;
+}>;
+
+declare const overrideKeys: readonly ["header", "headerActions", "fields", "fieldLabel", "drawer", "drawerItem", "componentOverlay", "outline", "puck", "preview"];
 type OverrideKey = (typeof overrideKeys)[number];
 type OverridesGeneric<Shape extends {
     [key in OverrideKey]: any;
@@ -203,11 +234,23 @@ type Overrides = OverridesGeneric<{
         children: ReactNode;
         name: string;
     }>;
+    drawer: RenderFunc;
+    drawerItem: RenderFunc<{
+        children: ReactNode;
+        name: string;
+    }>;
     iframe: RenderFunc<{
         children: ReactNode;
         document?: Document;
     }>;
     outline: RenderFunc;
+    componentOverlay: RenderFunc<{
+        children: ReactNode;
+        hover: boolean;
+        isSelected: boolean;
+        componentId: string;
+        componentType: string;
+    }>;
     puck: RenderFunc;
 }>;
 type FieldRenderFunctions = Omit<{
@@ -233,7 +276,12 @@ type Viewport = {
 };
 
 type Plugin = {
-    overrides: Partial<Overrides>;
+    name?: string;
+    label?: string;
+    icon?: ReactNode;
+    render?: () => ReactElement;
+    overrides?: Partial<Overrides>;
+    fieldTransforms?: FieldTransforms;
 };
 
 declare const headingAnalyzer: Plugin;