@superblocksteam/library 2.0.0-next.9 → 2.0.0-next.90

package/dist-types/lib/user-facing/components/text/index.d.ts

@@ -5,7 +5,7 @@ export declare const SbText: import("react").FC<import("../../properties-panel/p
     }>;
     appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & ({
         textStyle: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
-        textAlign: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/props").TextAlign, true>;
+        horizontalAlign: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/props").HorizontalAlign, true>;
         verticalAlign: import("../../properties-panel/props-builder.js").Prop<import("./props.js").VerticalAlign, true>;
         wrapText: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
         animateLoading: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
@@ -14,16 +14,16 @@ export declare const SbText: import("react").FC<import("../../properties-panel/p
     } & (Omit<{
         textType: import("../../properties-panel/props-builder.js").Prop<"number" | "time" | "text" | "date" | "currency", false>;
     }, "textType" | "dateInputFormat" | "dateOutputFormat"> & ({
-        minimumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, true>;
-        maximumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, true>;
+        minimumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, false>;
+        maximumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, false>;
         textType: import("../../properties-panel/props-builder.js").Prop<"currency", true>;
         currency: import("../../properties-panel/props-builder.js").Prop<string, true>;
         notation: import("../../properties-panel/props-builder.js").Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", true>;
         dateInputFormat?: undefined;
         dateOutputFormat?: undefined;
     } | {
-        minimumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, true>;
-        maximumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, true>;
+        minimumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, false>;
+        maximumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, false>;
         textType: import("../../properties-panel/props-builder.js").Prop<"number", true>;
         notation: import("../../properties-panel/props-builder.js").Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", true>;
         dateInputFormat?: undefined;

package/dist-types/lib/user-facing/components/text/props.d.ts

@@ -1,5 +1,5 @@
 import { Prop, Section } from "../../properties-panel/props-builder.js";
-import type { TextAlign } from "@superblocksteam/library-shared/props";
+import type { HorizontalAlign } from "@superblocksteam/library-shared/props";
 import type { Typographies } from "@superblocksteam/library-shared/types";
 /**
  * TODO:
@@ -14,7 +14,7 @@ export declare const propertiesDefinition: {
     }>;
     appearance: Section<Record<string, Prop<any, any>> & ({
         textStyle: Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
-        textAlign: Prop<TextAlign, true>;
+        horizontalAlign: Prop<HorizontalAlign, true>;
         verticalAlign: Prop<VerticalAlign, true>;
         wrapText: Prop<boolean, true>;
         animateLoading: Prop<boolean, false>;
@@ -23,16 +23,16 @@ export declare const propertiesDefinition: {
     } & (Omit<{
         textType: Prop<"number" | "time" | "text" | "date" | "currency", false>;
     }, "textType" | "dateInputFormat" | "dateOutputFormat"> & ({
-        minimumFractionDigits: Prop<number, true>;
-        maximumFractionDigits: Prop<number, true>;
+        minimumFractionDigits: Prop<number, false>;
+        maximumFractionDigits: Prop<number, false>;
         textType: Prop<"currency", true>;
         currency: Prop<string, true>;
         notation: Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", true>;
         dateInputFormat?: undefined;
         dateOutputFormat?: undefined;
     } | {
-        minimumFractionDigits: Prop<number, true>;
-        maximumFractionDigits: Prop<number, true>;
+        minimumFractionDigits: Prop<number, false>;
+        maximumFractionDigits: Prop<number, false>;
         textType: Prop<"number", true>;
         notation: Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", true>;
         dateInputFormat?: undefined;

package/dist-types/lib/user-facing/components/text/utils.d.ts

@@ -1,6 +1,6 @@
 import type { propertiesDefinition } from "./props.js";
 import type { InternalProps } from "../../properties-panel/props-builder.js";
-import type { TextAlign } from "@superblocksteam/library-shared/props";
+import type { HorizontalAlign } from "@superblocksteam/library-shared/props";
 import type { TextStyleWithVariant, Typographies, UserAccessibleTheme } from "@superblocksteam/library-shared/types";
 type TextWidgetProps = InternalProps<typeof propertiesDefinition>;
 export declare const useText: ({ text, notation, minimumFractionDigits, maximumFractionDigits, textType, currency, dateInputFormat, dateOutputFormat, }: Pick<TextWidgetProps, "text" | "notation" | "minimumFractionDigits" | "maximumFractionDigits" | "textType" | "currency" | "dateInputFormat" | "dateOutputFormat">) => string | undefined;
@@ -18,8 +18,8 @@ export declare const useIcon: ({ textStyleWithVariant, }: {
     iconSize: number;
 };
 export declare const useStyle: (props: TextWidgetProps) => any;
-export declare const useIconContainerStyles: ({ iconGap, textAlign, }: {
+export declare const useIconContainerStyles: ({ iconGap, horizontalAlign, }: {
     iconGap: any;
-    textAlign: TextAlign;
+    horizontalAlign: HorizontalAlign;
 }) => any;
 export {};

package/dist-types/lib/user-facing/properties-panel/mixins/appearance.d.ts

@@ -1,12 +1,8 @@
-import { Dim } from "@superblocksteam/library-shared";
 import { Prop } from "../props-builder.js";
+import type { Dim } from "@superblocksteam/library-shared";
 import type { PropertiesPanelDisplay } from "@superblocksteam/library-shared/props";
-import type { PerCornerBorderRadius, PerSideBorder } from "@superblocksteam/library-shared/types";
-export declare const perSideBorderDef: () => import("../props-builder.js").CompositeProp<{
-    color: Prop<string, false>;
-    width: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
-    style: Prop<string, false>;
-}>;
-export declare const border: (propertiesPanelConfig?: Partial<Partial<PropertiesPanelDisplay<"unknown", "BORDER_CONTROL">>>) => Prop<PerSideBorder, true>;
+import type { BorderStyleBlock, PerCornerBorderRadius, PerSideBorder } from "@superblocksteam/library-shared/types";
+export declare const createPerSideBorder: (border: BorderStyleBlock) => PerSideBorder;
+export declare const border: (propertiesPanelConfig?: Partial<Partial<PropertiesPanelDisplay<PerSideBorder, "BORDER_CONTROL">>>) => Prop<PerSideBorder, false>;
 export declare const createBorderRadiusObject: (borderRadius: Dim<"px" | "%">) => PerCornerBorderRadius;
 export declare const borderRadius: (propertiesPanelConfig?: Partial<Partial<PropertiesPanelDisplay<PerCornerBorderRadius, "BORDER_RADIUS_CONTROL">>>) => Prop<PerCornerBorderRadius, true>;

package/dist-types/lib/user-facing/properties-panel/mixins/form-inputs-properties.d.ts

@@ -8,7 +8,7 @@ export declare const customValidationProperties: {
     customValidationRule: Prop<string, true>;
     customErrorMessage: Prop<string, true>;
 };
-export declare const labelPosition: Prop<"left" | "top", true>;
+export declare const labelPosition: () => Prop<"left" | "top", true>;
 export declare const getTypographyOptions: () => {
     label: string;
     value: {
@@ -39,6 +39,6 @@ export declare const getCustomValidationProperties: ({ errorMessagePlacementSche
 export declare const getFractionDigitsProperties: ({ schema, }?: {
     schema?: Omit<Partial<PropertiesPanelDisplay<number, "INPUT_TEXT">>, "controlType">;
 }) => {
-    minimumFractionDigits: Prop<number, true>;
-    maximumFractionDigits: Prop<number, true>;
+    minimumFractionDigits: Prop<number, false>;
+    maximumFractionDigits: Prop<number, false>;
 };

package/dist-types/lib/user-facing/properties-panel/mixins/layout-section.d.ts

@@ -40,6 +40,9 @@ export declare const size: ({ defaults, defaultsOnAdd, hasMinWidth, hasMaxWidth,
     width: Prop<Dim<DimModes>, false>;
     height: Prop<Dim<DimModes>, false>;
 };
+export declare const widthWithoutFit: () => {
+    width: Prop<Dim<"px" | "fill" | "%" | "rows" | "columns">, false>;
+};
 export declare const shouldScrollContents: (defaultValue?: boolean) => {
     shouldScrollContents: Prop<boolean, true>;
 };
@@ -52,7 +55,7 @@ export declare const spacing: (options?: {
     spacing: Prop<Dim<"px">, true>;
 };
 export declare const padding: (options?: {
-    default?: Padding;
+    default?: Padding | ((this: any) => Padding);
 } & Partial<PropertiesPanelDisplay<Padding, "PADDING_CONTROL">>) => {
     padding: Prop<import("@superblocksteam/library-shared/types").Spacing, true>;
 };
@@ -63,14 +66,9 @@ export declare const getAlignmentProps: <LayoutType extends "vertical" | "horizo
     verticalAlign: Prop<VerticalAlignment<LayoutType>, true>;
     horizontalAlign: Prop<HorizontalAlignment<LayoutType>, true>;
 };
-export declare const containerLayout: () => import("../props-builder.js").UnionProp<{
+export declare const containerLayout: (sizeProps?: Record<string, Prop<any, any>>) => import("../props-builder.js").UnionProp<{
     layout: Prop<ContainerLayout, true>;
 }, [{
-    readonly layout: Prop<"freeform", true>;
-    readonly columns: Prop<number, true>;
-    readonly rows: Prop<number, false>;
-    readonly rowSize: Prop<number, false>;
-}, {
     readonly verticalAlign: Prop<"center" | "space-around" | "space-between" | "bottom" | "top", true>;
     readonly horizontalAlign: Prop<"center" | "left" | "right", true>;
     readonly layout: Prop<"vertical", true>;
@@ -78,14 +76,11 @@ export declare const containerLayout: () => import("../props-builder.js").UnionP
     readonly verticalAlign: Prop<"center" | "bottom" | "top", true>;
     readonly horizontalAlign: Prop<"center" | "space-around" | "space-between" | "left" | "right", true>;
     readonly layout: Prop<"horizontal", true>;
-}], ({
-    layout: Prop<ContainerLayout, true>;
-} & {
-    readonly layout: Prop<"freeform", true>;
+}, {
     readonly columns: Prop<number, true>;
-    readonly rows: Prop<number, false>;
-    readonly rowSize: Prop<number, false>;
-}) | ({
+    readonly rowHeight: Prop<Dim<"px">, true>;
+    readonly layout: Prop<"freeform", true>;
+}], ({
     layout: Prop<ContainerLayout, true>;
 } & {
     readonly verticalAlign: Prop<"center" | "space-around" | "space-between" | "bottom" | "top", true>;
@@ -97,6 +92,12 @@ export declare const containerLayout: () => import("../props-builder.js").UnionP
     readonly verticalAlign: Prop<"center" | "bottom" | "top", true>;
     readonly horizontalAlign: Prop<"center" | "space-around" | "space-between" | "left" | "right", true>;
     readonly layout: Prop<"horizontal", true>;
+}) | ({
+    layout: Prop<ContainerLayout, true>;
+} & {
+    readonly columns: Prop<number, true>;
+    readonly rowHeight: Prop<Dim<"px">, true>;
+    readonly layout: Prop<"freeform", true>;
 })>;
 export declare const basicLayout: () => Section<Record<string, Prop<any, any>> & {
     maxHeight?: Prop<Dim<DimModes>, false> | undefined;

package/dist-types/lib/user-facing/properties-panel/props-builder.d.ts

@@ -99,13 +99,13 @@ type EntityProps<Definition extends PropertiesDefinition, MergedSections = Merge
  * - Properties are fully evaluated to their final types
  */
 type InternalProps<Definition extends PropertiesDefinition, FlattenedProps = EntityProps<Definition>, BaseProps = Omit<SbComponentProps, keyof FlattenedProps>> = FlattenedProps & BaseProps;
-type MakeOptional<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
+type MakeOptional<T, K extends string> = Omit<T, K & keyof T> & Partial<Pick<T, K & keyof T>>;
 type CleanProps<T> = {
     [K in keyof T as string extends K ? never : K]: T[K];
 };
-type InternalPropsWithOptional<Definition extends PropertiesDefinition, OptionalProps extends keyof CleanProps<InternalPropsWithDefinition>, InternalPropsWithDefinition = InternalProps<Definition>> = MakeOptional<CleanProps<InternalPropsWithDefinition>, OptionalProps> & {
+type InternalPropsWithOptional<Definition extends PropertiesDefinition, OptionalProps extends string, InternalPropsWithDefinition = InternalProps<Definition>> = InternalPropsWithDefinition extends infer U ? U extends any ? MakeOptional<CleanProps<U>, OptionalProps> & {
     [key: string]: any;
-};
+} : never : never;
 /**
  * External props exposed to component consumers
  * - All properties are optional regardless of defaults
@@ -131,7 +131,7 @@ declare class Section<T extends Record<string, Prop<any, any>> = Record<string,
     }[number] : never : INP>(props: INP): Section<T & OUT>;
     add: <INP extends Record<string, Prop<any, any>> | CompositeProp<any> | UnionProp<any, any>, OUT extends INP extends CompositeProp<infer CU> ? CU : INP extends UnionProp<infer SHARED, infer VARIANTS> ? VARIANTS extends readonly any[] ? { [I in keyof VARIANTS]: MergeUnionVariant<SHARED, VARIANTS[I]>; }[number] : never : INP>(props: INP) => Section<T & OUT>;
     propertiesPanel(config: Omit<SectionDefinition<any>, "props">): this;
-    get name(): "Content" | "Routing" | "Interaction" | "Layout" | "Appearance" | "Permissions" | "Event handlers" | "Uncategorized";
+    get name(): "Content" | "Routing" | "Interaction" | "Layout" | "Appearance" | "Permissions" | "Uncategorized" | "Event handlers";
 }
 declare class Prop<Type extends DataType, _HasDefault extends boolean = false> {
     protected prop: ManagedProp<Type>;
@@ -141,6 +141,7 @@ declare class Prop<Type extends DataType, _HasDefault extends boolean = false> {
      */
     protected relations: Relation[][];
     protected constructor(typeString: DataTypeString, defaultValidator?: ValidateFn<Type | undefined>);
+    static unset(): Prop<undefined>;
     static string<T extends string>(): Prop<T>;
     static number<T extends number>(): Prop<T>;
     static boolean<T extends boolean>(): Prop<T>;

package/dist-types/lib/user-facing/properties-panel/validators.d.ts

@@ -2,13 +2,14 @@ import type { Entity } from "../../internal-details/lib/evaluator/base-entity-ma
 type ValidationResult<T = any> = {
     valid: false;
     message: string;
+    invalidValue: any;
 } | {
     valid: true;
     result: T;
 };
 type ValidateFn<T> = (value: any, entity: Entity) => ValidationResult<T>;
 declare const Valid: <T>(result: T) => ValidationResult<T>;
-declare const Invalid: <T>(message?: string) => ValidationResult<T>;
+declare const Invalid: <T>(message: string | undefined, invalidValue: any) => ValidationResult<T>;
 type VALIDATION_TYPES = {
     TEXT: ValidateFn<string | undefined>;
     TEXT_EMPTY_NULL: ValidateFn<string | undefined | null>;

package/dist-types/lib/user-facing/state/sb-computed.d.ts

@@ -1,2 +1,2 @@
 import type { ComputedProperty } from "@superblocksteam/library-shared";
-export declare function sbComputed<T>(fn: (...args: any[]) => T): ComputedProperty<T>;
+export declare function sbComputed<T = any>(fn: (...args: any[]) => T): ComputedProperty<T>;

package/dist-types/lib/user-facing/themes/constants.d.ts

@@ -5,6 +5,7 @@ export declare const LIGHT_APP_BG: "#F9FAFB";
 export declare const DARK_APP_BG = "#131516";
 export declare const noBorder: (theme: UserAccessibleTheme) => Border;
 export declare const noBorderOject: (theme: UserAccessibleTheme) => PerSideBorder;
+export declare const onePixelTransparentBorderObject: () => PerSideBorder;
 export declare const EMPTY_RADIUS: PerCornerBorderRadius;
 export declare const DEFAULT_SYSTEM_RADIUS: PerCornerBorderRadius;
 export declare const defaultContainerBorderObject: (theme: UserAccessibleTheme) => PerSideBorder;
@@ -77,4 +78,5 @@ export declare const KEY_VALUE_PADDING: {
     bottom: Dim<"px">;
 };
 export declare const KEY_VALUE_SPACING: Dim<"px">;
+export declare const DEFAULT_GRID_ROW_SIZE = 12;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@superblocksteam/library",
-  "version": "2.0.0-next.9",
+  "version": "2.0.0-next.90",
   "type": "module",
   "exports": {
     ".": {
@@ -26,14 +26,15 @@
     "@dnd-kit/modifiers": "^9.0.0",
     "@mobx-devtools/tools": "^0.0.4",
     "@oddbird/css-anchor-positioning": "^0.4.0",
+    "@opentelemetry/api": "^1.9.0",
     "@popperjs/core": "^2.11.7",
     "@radix-ui/colors": "^3.0.0",
     "@radix-ui/react-context-menu": "^2.2.2",
     "@react-hook/resize-observer": "1.2.6",
     "@superblocksteam/fast-deep-equal": "3.1.4",
     "@superblocksteam/iso-currency": "2.0.0",
-    "@superblocksteam/library-shared": "2.0.0-next.9",
-    "@superblocksteam/shared": "0.9122.0",
+    "@superblocksteam/library-shared": "2.0.0-next.90",
+    "@superblocksteam/shared": "0.9149.0",
     "antd": "4.24.15",
     "apca-w3": "^0.1.9",
     "clsx": "^2.1.1",