@crediblemark/build 0.25.6 → 0.25.8

package/dist/rsc.mjs

@@ -1,13 +1,26 @@
 import {
+  ColorPickerField,
+  DropZone,
+  ResponsiveSliderField,
+  SliderField,
   SlotRenderPure,
   migrate,
   resolveAllData,
   transformProps,
   useRichtextProps,
   useSlots
-} from "./chunk-HIE6KXP6.mjs";
-import "./chunk-H6RPI3T6.mjs";
-import "./chunk-SMAWAXVX.mjs";
+} from "./chunk-HHKM5MBJ.mjs";
+import "./chunk-Z7DDX2XU.mjs";
+import "./chunk-44PQTFGV.mjs";
+import "./chunk-P2AZFZ7Q.mjs";
+import "./chunk-T2LBDQLG.mjs";
+import "./chunk-E4F5M5JH.mjs";
+import "./chunk-ISXFLTBM.mjs";
+import "./chunk-AZFZRLP7.mjs";
+import "./chunk-XLRMLBFR.mjs";
+import "./chunk-PFHKXXSV.mjs";
+import "./chunk-S32JZ2HU.mjs";
+import "./chunk-KN26YZZJ.mjs";
 import "./chunk-BFHV72KK.mjs";
 import {
   rootAreaId,
@@ -15,7 +28,7 @@ import {
   rootZone,
   setupZone,
   walkTree
-} from "./chunk-7LXZOPYT.mjs";
+} from "./chunk-O44M27KT.mjs";
 import "./chunk-AFVEAZTD.mjs";
 
 // components/ServerRender/index.tsx
@@ -133,7 +146,11 @@ function Render({
   );
 }
 export {
+  ColorPickerField,
+  DropZone,
   Render,
+  ResponsiveSliderField,
+  SliderField,
   migrate,
   resolveAllData,
   transformProps,

package/dist/{walk-tree-BO8uRNcW.d.mts → walk-tree-B_jHFa3L.d.mts}

@@ -1,4 +1,41 @@
-import { a as Config, D as Data, W as WithId, U as UserGenerics, b as Content, c as ComponentData, d as DefaultComponents, e as DefaultComponentProps, f as DefaultRootFieldProps, M as Metadata, R as RootData } from './actions-LaZpJ1KE.mjs';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import react__default from 'react';
+import { k as ResponsiveValue, l as DropZoneProps, a as Config, D as Data, W as WithId, U as UserGenerics, m as Content, c as ComponentData, n as DefaultComponents, o as DefaultComponentProps, p as DefaultRootFieldProps, M as Metadata, q as RootData } from './actions-CKSDxt4l.mjs';
+
+type SliderFieldProps = {
+    value: string | number;
+    onChange: (value: string | number) => void;
+    label?: string;
+    min?: number;
+    max?: number;
+    step?: number;
+    unit?: string;
+    defaultValue?: string | number;
+    useUnits?: boolean;
+    style?: react__default.CSSProperties;
+};
+declare const SliderField: ({ value, onChange, min, max, step, unit, defaultValue, useUnits, style }: SliderFieldProps) => react_jsx_runtime.JSX.Element;
+
+type ResponsiveSliderFieldProps = {
+    value: ResponsiveValue;
+    onChange: (value: ResponsiveValue) => void;
+    label?: string;
+    unit?: string;
+    max?: number;
+    min?: number;
+    step?: number;
+    defaultValue?: number | ResponsiveValue;
+};
+declare const ResponsiveSliderField: ({ value, onChange, label, unit, max, min, step, defaultValue }: ResponsiveSliderFieldProps) => react_jsx_runtime.JSX.Element;
+
+type ColorPickerFieldProps = {
+    value: string;
+    onChange: (value: string) => void;
+};
+declare const ColorPickerField: ({ value, onChange }: ColorPickerFieldProps) => react_jsx_runtime.JSX.Element;
+
+declare const DropZone: react.ForwardRefExoticComponent<Omit<DropZoneProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 type MigrationOptions<UserConfig extends Config> = {
     migrateDynamicZonesForComponent?: {
@@ -26,4 +63,4 @@ type WalkTreeOptions = {
 };
 declare function walkTree<T extends ComponentData | RootData | G["UserData"], UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>(data: T, config: UserConfig, callbackFn: (data: Content, options: WalkTreeOptions) => Content | null | void): T;
 
-export { migrate as m, resolveAllData as r, transformProps as t, walkTree as w };
+export { ColorPickerField as C, DropZone as D, ResponsiveSliderField as R, SliderField as S, migrate as m, resolveAllData as r, transformProps as t, walkTree as w };

package/dist/{walk-tree-BEw6kTXm.d.ts → walk-tree-DHMRjk5Z.d.ts}

@@ -1,4 +1,41 @@
-import { a as Config, D as Data, W as WithId, U as UserGenerics, b as Content, c as ComponentData, d as DefaultComponents, e as DefaultComponentProps, f as DefaultRootFieldProps, M as Metadata, R as RootData } from './actions-LaZpJ1KE.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import react__default from 'react';
+import { k as ResponsiveValue, l as DropZoneProps, a as Config, D as Data, W as WithId, U as UserGenerics, m as Content, c as ComponentData, n as DefaultComponents, o as DefaultComponentProps, p as DefaultRootFieldProps, M as Metadata, q as RootData } from './actions-CKSDxt4l.js';
+
+type SliderFieldProps = {
+    value: string | number;
+    onChange: (value: string | number) => void;
+    label?: string;
+    min?: number;
+    max?: number;
+    step?: number;
+    unit?: string;
+    defaultValue?: string | number;
+    useUnits?: boolean;
+    style?: react__default.CSSProperties;
+};
+declare const SliderField: ({ value, onChange, min, max, step, unit, defaultValue, useUnits, style }: SliderFieldProps) => react_jsx_runtime.JSX.Element;
+
+type ResponsiveSliderFieldProps = {
+    value: ResponsiveValue;
+    onChange: (value: ResponsiveValue) => void;
+    label?: string;
+    unit?: string;
+    max?: number;
+    min?: number;
+    step?: number;
+    defaultValue?: number | ResponsiveValue;
+};
+declare const ResponsiveSliderField: ({ value, onChange, label, unit, max, min, step, defaultValue }: ResponsiveSliderFieldProps) => react_jsx_runtime.JSX.Element;
+
+type ColorPickerFieldProps = {
+    value: string;
+    onChange: (value: string) => void;
+};
+declare const ColorPickerField: ({ value, onChange }: ColorPickerFieldProps) => react_jsx_runtime.JSX.Element;
+
+declare const DropZone: react.ForwardRefExoticComponent<Omit<DropZoneProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 type MigrationOptions<UserConfig extends Config> = {
     migrateDynamicZonesForComponent?: {
@@ -26,4 +63,4 @@ type WalkTreeOptions = {
 };
 declare function walkTree<T extends ComponentData | RootData | G["UserData"], UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>(data: T, config: UserConfig, callbackFn: (data: Content, options: WalkTreeOptions) => Content | null | void): T;
 
-export { migrate as m, resolveAllData as r, transformProps as t, walkTree as w };
+export { ColorPickerField as C, DropZone as D, ResponsiveSliderField as R, SliderField as S, migrate as m, resolveAllData as r, transformProps as t, walkTree as w };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crediblemark/build",
-  "version": "0.25.6",
+  "version": "0.25.8",
   "description": "The open-source visual editor for React",
   "author": "Rasyiqi Crediblemark",
   "repository": {

package/dist/ArrayField-PGZLQW7G.mjs

@@ -1,19 +0,0 @@
-import {
-  ArrayField
-} from "./chunk-QHJGER7I.mjs";
-import "./chunk-KAOWYQIB.mjs";
-import "./chunk-JX7LICWE.mjs";
-import "./chunk-H6RPI3T6.mjs";
-import "./chunk-STIUFJT2.mjs";
-import "./chunk-4NZUDTR6.mjs";
-import "./chunk-SLKHXT3Q.mjs";
-import "./chunk-RUJOMPX6.mjs";
-import "./chunk-MZXW5F5R.mjs";
-import "./chunk-64A37UUC.mjs";
-import "./chunk-SMAWAXVX.mjs";
-import "./chunk-BFHV72KK.mjs";
-import "./chunk-7LXZOPYT.mjs";
-import "./chunk-AFVEAZTD.mjs";
-export {
-  ArrayField
-};

package/dist/ObjectField-N7ES6H3B.mjs

@@ -1,19 +0,0 @@
-import {
-  ObjectField
-} from "./chunk-XAD7XPP2.mjs";
-import "./chunk-KAOWYQIB.mjs";
-import "./chunk-JX7LICWE.mjs";
-import "./chunk-H6RPI3T6.mjs";
-import "./chunk-STIUFJT2.mjs";
-import "./chunk-4NZUDTR6.mjs";
-import "./chunk-SLKHXT3Q.mjs";
-import "./chunk-RUJOMPX6.mjs";
-import "./chunk-MZXW5F5R.mjs";
-import "./chunk-64A37UUC.mjs";
-import "./chunk-SMAWAXVX.mjs";
-import "./chunk-BFHV72KK.mjs";
-import "./chunk-7LXZOPYT.mjs";
-import "./chunk-AFVEAZTD.mjs";
-export {
-  ObjectField
-};

package/dist/chunk-7LXZOPYT.mjs

@@ -1,445 +0,0 @@
-// lib/data/default-slots.ts
-var defaultSlots = (value, fields) => Object.keys(fields).reduce(
-  (acc, fieldName) => fields[fieldName].type === "slot" ? { [fieldName]: [], ...acc } : acc,
-  value
-);
-
-// lib/data/map-fields.ts
-var isPromise = (v) => !!v && typeof v.then === "function";
-var flatten = (values) => values.reduce((acc, item) => ({ ...acc, ...item }), {});
-var containsPromise = (arr) => arr.some(isPromise);
-var walkField = ({
-  value,
-  fields,
-  mappers,
-  propKey = "",
-  propPath = "",
-  id = "",
-  config,
-  recurseSlots = false
-}) => {
-  const fieldType = fields[propKey]?.type;
-  const map = mappers[fieldType];
-  if (map && fieldType === "slot") {
-    const content = value || [];
-    const mappedContent = recurseSlots ? content.map((el) => {
-      const componentConfig = config.components[el.type];
-      if (!componentConfig) {
-        throw new Error(`Could not find component config for ${el.type}`);
-      }
-      const fields2 = componentConfig.fields ?? {};
-      return walkField({
-        value: { ...el, props: defaultSlots(el.props, fields2) },
-        fields: fields2,
-        mappers,
-        id: el.props.id,
-        config,
-        recurseSlots
-      });
-    }) : content;
-    if (containsPromise(mappedContent)) {
-      return Promise.all(mappedContent);
-    }
-    return map({
-      value: mappedContent,
-      parentId: id,
-      propName: propPath,
-      field: fields[propKey],
-      propPath
-    });
-  } else if (map && fields[propKey]) {
-    return map({
-      value,
-      parentId: id,
-      propName: propKey,
-      field: fields[propKey],
-      propPath
-    });
-  }
-  if (value && typeof value === "object") {
-    if (Array.isArray(value)) {
-      const arrayFields = fields[propKey]?.type === "array" ? fields[propKey].arrayFields : null;
-      if (!arrayFields) return value;
-      const newValue = value.map(
-        (el, idx) => walkField({
-          value: el,
-          fields: arrayFields,
-          mappers,
-          propKey,
-          propPath: `${propPath}[${idx}]`,
-          id,
-          config,
-          recurseSlots
-        })
-      );
-      if (containsPromise(newValue)) {
-        return Promise.all(newValue);
-      }
-      return newValue;
-    } else if ("$$typeof" in value) {
-      return value;
-    } else {
-      const objectFields = fields[propKey]?.type === "object" ? fields[propKey].objectFields : fields;
-      return walkObject({
-        value,
-        fields: objectFields,
-        mappers,
-        id,
-        getPropPath: (k) => `${propPath}.${k}`,
-        config,
-        recurseSlots
-      });
-    }
-  }
-  return value;
-};
-var walkObject = ({
-  value,
-  fields,
-  mappers,
-  id,
-  getPropPath,
-  config,
-  recurseSlots
-}) => {
-  const newProps = Object.entries(value).map(([k, v]) => {
-    const opts = {
-      value: v,
-      fields,
-      mappers,
-      propKey: k,
-      propPath: getPropPath(k),
-      id,
-      config,
-      recurseSlots
-    };
-    const newValue = walkField(opts);
-    if (isPromise(newValue)) {
-      return newValue.then((resolvedValue) => ({
-        [k]: resolvedValue
-      }));
-    }
-    return {
-      [k]: newValue
-    };
-  }, {});
-  if (containsPromise(newProps)) {
-    return Promise.all(newProps).then(flatten);
-  }
-  return flatten(newProps);
-};
-function mapFields(item, mappers, config, recurseSlots = false, shouldDefaultSlots = true) {
-  const itemType = "type" in item ? item.type : "root";
-  const componentConfig = itemType === "root" ? config.root : config.components?.[itemType];
-  const newProps = walkObject({
-    value: shouldDefaultSlots ? defaultSlots(item.props ?? {}, componentConfig?.fields ?? {}) : item.props,
-    fields: componentConfig?.fields ?? {},
-    mappers,
-    id: item.props ? item.props.id ?? "root" : "root",
-    getPropPath: (k) => k,
-    config,
-    recurseSlots
-  });
-  if (isPromise(newProps)) {
-    return newProps.then((resolvedProps) => ({
-      ...item,
-      props: resolvedProps
-    }));
-  }
-  return {
-    ...item,
-    props: newProps
-  };
-}
-
-// lib/data/walk-tree.ts
-function walkTree(data, config, callbackFn) {
-  const walkItem = (item) => {
-    return mapFields(
-      item,
-      {
-        slot: ({ value, parentId, propName }) => {
-          const content = value;
-          return callbackFn(content, { parentId, propName }) ?? content;
-        }
-      },
-      config,
-      true
-    );
-  };
-  if ("props" in data) {
-    return walkItem(data);
-  }
-  const _data = data;
-  const zones = _data.zones ?? {};
-  const mappedContent = _data.content.map(walkItem);
-  return {
-    root: walkItem(_data.root),
-    content: callbackFn(mappedContent, {
-      parentId: "root",
-      propName: "default-zone"
-    }) ?? mappedContent,
-    zones: Object.keys(zones).reduce(
-      (acc, zoneCompound) => ({
-        ...acc,
-        [zoneCompound]: zones[zoneCompound].map(walkItem)
-      }),
-      {}
-    )
-  };
-}
-
-// lib/generate-id.ts
-import { v4 as uuidv4 } from "uuid";
-var generateId = (type) => type ? `${type}-${uuidv4()}` : uuidv4();
-
-// lib/root-droppable-id.ts
-var rootAreaId = "root";
-var rootZone = "default-zone";
-var rootDroppableId = `${rootAreaId}:${rootZone}`;
-
-// lib/data/flatten-node.ts
-import flat from "flat";
-
-// lib/data/strip-slots.ts
-var stripSlots = (data, config) => {
-  return mapFields(data, { slot: () => null }, config);
-};
-
-// lib/data/flatten-node.ts
-var { flatten: flatten2, unflatten } = flat;
-var isPureObject = (val) => val != null && Object.prototype.toString.call(val) === "[object Object]";
-var emptyArrayStr = "__credbuild_[]";
-var emptyObjectStr = "__credbuild_{}";
-function encodeEmptyObjects(props = {}) {
-  const result = {};
-  for (const key in props) {
-    if (!Object.prototype.hasOwnProperty.call(props, key)) continue;
-    const val = props[key];
-    if (Array.isArray(val) && val.length === 0) {
-      result[key] = emptyArrayStr;
-    } else if (isPureObject(val) && Object.keys(val).length === 0) {
-      result[key] = emptyObjectStr;
-    } else {
-      result[key] = val;
-    }
-  }
-  return result;
-}
-function decodeEmptyObjects(props = {}) {
-  const result = {};
-  for (const key in props) {
-    if (!Object.prototype.hasOwnProperty.call(props, key)) continue;
-    const val = props[key];
-    if (val === emptyArrayStr) {
-      result[key] = [];
-    } else if (val === emptyObjectStr) {
-      result[key] = {};
-    } else {
-      result[key] = val;
-    }
-  }
-  return result;
-}
-var flattenNode = (node, config) => {
-  return {
-    ...node,
-    props: encodeEmptyObjects(flatten2(stripSlots(node, config).props))
-  };
-};
-var expandNode = (node) => {
-  const props = unflatten(decodeEmptyObjects(node.props));
-  return {
-    ...node,
-    props
-  };
-};
-
-// lib/data/to-component.ts
-var toComponent = (item) => {
-  return "type" in item ? item : {
-    ...item,
-    props: { ...item.props, id: "root" },
-    type: "root"
-  };
-};
-
-// lib/get-zone-id.ts
-var getZoneId = (zoneCompound) => {
-  if (!zoneCompound) {
-    return [];
-  }
-  if (zoneCompound && zoneCompound.indexOf(":") > -1) {
-    return zoneCompound.split(":");
-  }
-  return [rootDroppableId, zoneCompound];
-};
-
-// lib/data/for-related-zones.ts
-function forRelatedZones(item, data, cb, path = []) {
-  Object.entries(data.zones || {}).forEach(([zoneCompound, content]) => {
-    const [parentId] = getZoneId(zoneCompound);
-    if (parentId === item.props.id) {
-      cb(path, zoneCompound, content);
-    }
-  });
-}
-
-// lib/data/walk-app-state.ts
-function walkAppState(state, config, mapContent = (content) => content, mapNodeOrSkip = (item) => item) {
-  let newZones = {};
-  const newZoneIndex = {};
-  const newNodeIndex = {};
-  const processContent = (path, zoneCompound, content, zoneType, newId) => {
-    const [parentId] = zoneCompound.split(":");
-    const mappedContent = (mapContent(content, zoneCompound, zoneType) ?? content) || [];
-    const [_2, zone] = zoneCompound.split(":");
-    const newZoneCompound = `${newId || parentId}:${zone}`;
-    const newContent2 = mappedContent.map(
-      (zoneChild, index) => processItem(zoneChild, [...path, newZoneCompound], index)
-    );
-    newZoneIndex[newZoneCompound] = {
-      contentIds: newContent2.map((item) => item.props.id),
-      type: zoneType
-    };
-    return [newZoneCompound, newContent2];
-  };
-  const processRelatedZones = (item, newId, initialPath) => {
-    forRelatedZones(
-      item,
-      state.data,
-      (relatedPath, relatedZoneCompound, relatedContent) => {
-        const [zoneCompound, newContent2] = processContent(
-          relatedPath,
-          relatedZoneCompound,
-          relatedContent,
-          "dropzone",
-          newId
-        );
-        newZones[zoneCompound] = newContent2;
-      },
-      initialPath
-    );
-  };
-  const processItem = (item, path, index) => {
-    const mappedItem = mapNodeOrSkip(item, path, index);
-    if (!mappedItem) return item;
-    const id = mappedItem.props.id;
-    const newProps = {
-      ...mapFields(
-        mappedItem,
-        {
-          slot: ({ value, parentId: parentId2, propPath }) => {
-            const content = value;
-            const zoneCompound = `${parentId2}:${propPath}`;
-            const [_2, newContent2] = processContent(
-              path,
-              zoneCompound,
-              content,
-              "slot",
-              parentId2
-            );
-            return newContent2;
-          }
-        },
-        config
-      ).props,
-      id
-    };
-    processRelatedZones(item, id, path);
-    const newItem = { ...mappedItem, props: newProps };
-    const thisZoneCompound = path[path.length - 1];
-    const [parentId, zone] = thisZoneCompound ? thisZoneCompound.split(":") : [null, ""];
-    newNodeIndex[id] = {
-      data: newItem,
-      flatData: flattenNode(newItem, config),
-      path,
-      parentId,
-      zone
-    };
-    const finalData = { ...newItem, props: { ...newItem.props } };
-    if (newProps.id === "root") {
-      delete finalData["type"];
-      delete finalData.props["id"];
-    }
-    return finalData;
-  };
-  const zones = state.data.zones || {};
-  const [_, newContent] = processContent(
-    [],
-    rootDroppableId,
-    state.data.content,
-    "root"
-  );
-  const processedContent = newContent;
-  const zonesAlreadyProcessed = Object.keys(newZones);
-  Object.keys(zones || {}).forEach((zoneCompound) => {
-    const [parentId] = zoneCompound.split(":");
-    if (zonesAlreadyProcessed.includes(zoneCompound)) {
-      return;
-    }
-    const [_2, newContent2] = processContent(
-      [rootDroppableId],
-      zoneCompound,
-      zones[zoneCompound],
-      "dropzone",
-      parentId
-    );
-    newZones[zoneCompound] = newContent2;
-  }, newZones);
-  let rootAsComponent = toComponent({
-    props: { ...state.data.root.props ?? state.data.root }
-  });
-  if (state.data.root.readOnly) {
-    rootAsComponent.readOnly = state.data.root.readOnly;
-  }
-  const processedRoot = processItem(rootAsComponent, [], -1);
-  const root = {
-    ...state.data.root,
-    ...processedRoot
-  };
-  return {
-    ...state,
-    data: {
-      root,
-      content: processedContent,
-      zones: {
-        ...state.data.zones,
-        ...newZones
-      }
-    },
-    indexes: {
-      nodes: { ...state.indexes.nodes, ...newNodeIndex },
-      zones: { ...state.indexes.zones, ...newZoneIndex }
-    }
-  };
-}
-
-// lib/data/setup-zone.ts
-var setupZone = (data, zoneKey) => {
-  if (zoneKey === rootDroppableId) {
-    return data;
-  }
-  const newData = {
-    ...data,
-    zones: data.zones ? { ...data.zones } : {}
-  };
-  newData.zones[zoneKey] = newData.zones[zoneKey] || [];
-  return newData;
-};
-
-export {
-  generateId,
-  rootAreaId,
-  rootZone,
-  rootDroppableId,
-  getZoneId,
-  defaultSlots,
-  walkField,
-  mapFields,
-  expandNode,
-  toComponent,
-  walkAppState,
-  walkTree,
-  setupZone
-};