@trycourier/react-designer 0.3.0 → 0.5.0

package/dist/types/elemental.types.d.ts

@@ -25,6 +25,12 @@ export interface ElementalListNode extends IsElementalNode {
     /** Allows bullets to be rendered using an image */
     imgSrc?: string;
     imgHref?: string;
+    /** Border/marker color for list bullets or numbers */
+    border_color?: string;
+    /** Border width in pixels (e.g., "2px" or "2") */
+    border_size?: string;
+    /** Padding (e.g., "10px" or "10px 20px") */
+    padding?: string;
 }
 export interface ElementalListItemNode extends IsElementalNode {
     type: "list-item";

package/dist/types/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./tiptap.types";
 export * from "./elemental.types";
 export * from "./elemental.schema";
+export * from "./validation.types";

package/dist/types/validation.types.d.ts

@@ -0,0 +1,53 @@
+/**
+ * Configuration for custom variable validation in the editor.
+ * Allows consumers to restrict which variable names are allowed and
+ * define the behavior when validation fails.
+ */
+export interface VariableValidationConfig {
+    /**
+     * Custom validator function that runs AFTER built-in format validation passes
+     * (unless `overrideFormatValidation` is true).
+     *
+     * @param variableName - The variable name to validate (without curly braces)
+     * @returns true if the variable is allowed, false otherwise
+     *
+     * @example
+     * ```tsx
+     * // Only allow variables from a predefined list
+     * validate: (name) => ['user.name', 'user.email', 'order.total'].includes(name)
+     * ```
+     */
+    validate?: (variableName: string) => boolean;
+    /**
+     * Behavior when validation fails.
+     * - 'mark': Keep the chip with invalid styling (default, shows red styling)
+     * - 'remove': Delete the chip entirely
+     *
+     * @default 'mark'
+     */
+    onInvalid?: "mark" | "remove";
+    /**
+     * Message to show as a toast notification when validation fails.
+     * Can be a static string or a function that receives the variable name
+     * for dynamic messages.
+     *
+     * @example
+     * ```tsx
+     * // Static message
+     * invalidMessage: "This variable is not available"
+     *
+     * // Dynamic message
+     * invalidMessage: (name) => `Variable "${name}" is not in the allowed list`
+     * ```
+     */
+    invalidMessage?: string | ((variableName: string) => string);
+    /**
+     * If true, bypasses the built-in format validation entirely.
+     * Only the custom `validate` function will be used for validation.
+     *
+     * Use with caution - invalid formats may cause issues with downstream processing.
+     *
+     * @default false
+     */
+    overrideFormatValidation?: boolean;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trycourier/react-designer",
-  "version": "0.3.0",
+  "version": "0.5.0",
   "description": "React-based rich text designer component",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",

package/dist/components/ui-kit/Icon/BulletListIcon.d.ts

@@ -1,3 +0,0 @@
-import type { IconProps } from "./Icon";
-export declare const BulletListIcon: ({ color, active, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export default BulletListIcon;