@omnia/velcron 8.0.322-dev → 8.0.324-dev

package/formatters/CapitalizeFormatter.d.ts

@@ -0,0 +1,2 @@
+import { InterpolationFormatter } from "./InterpolationFormatter";
+export declare const capitalizeFormatter: InterpolationFormatter;

package/formatters/CapitalizeFormatter.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.capitalizeFormatter = void 0;
+const parser_1 = require("../parser");
+exports.capitalizeFormatter = {
+    name: "capitalize",
+    format: (value) => {
+        if (typeof value === "string") {
+            return value.replace(/\b\w/g, (char) => char.toUpperCase());
+        }
+        return value;
+    }
+};
+parser_1.VelcronFormatters.registerFormatter(exports.capitalizeFormatter);

package/formatters/DateFormatter.d.ts

@@ -0,0 +1,2 @@
+import { InterpolationFormatter } from "./InterpolationFormatter";
+export declare const dateFormatter: InterpolationFormatter;

package/formatters/DateFormatter.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dateFormatter = void 0;
+const tslib_1 = require("tslib");
+const dayjs_1 = tslib_1.__importDefault(require("dayjs"));
+const parser_1 = require("../parser");
+exports.dateFormatter = {
+    name: "date",
+    format: (value, formatStr = "YYYY-MM-DD") => {
+        if (typeof value === "string" || value instanceof Date) {
+            const date = (0, dayjs_1.default)(value);
+            if (date.isValid()) {
+                return date.format(formatStr);
+            }
+        }
+        return value;
+    }
+};
+parser_1.VelcronFormatters.registerFormatter(exports.dateFormatter);

package/formatters/InterpolationFormatter.d.ts

@@ -0,0 +1,4 @@
+export interface InterpolationFormatter {
+    name: string;
+    format: (value: unknown, ...parameters: any) => string | number;
+}

package/formatters/JsonFormatter.d.ts

@@ -0,0 +1,2 @@
+import { InterpolationFormatter } from "./InterpolationFormatter";
+export declare const jsonFormatter: InterpolationFormatter;

package/formatters/JsonFormatter.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.jsonFormatter = void 0;
+const parser_1 = require("../parser");
+exports.jsonFormatter = {
+    name: "json",
+    format: (value) => {
+        return JSON.stringify(value, null, 2);
+    },
+};
+parser_1.VelcronFormatters.registerFormatter(exports.jsonFormatter);

package/formatters/LengthFormatter.d.ts

@@ -0,0 +1,2 @@
+import { InterpolationFormatter } from "./InterpolationFormatter";
+export declare const lengthFormatter: InterpolationFormatter;

package/formatters/LengthFormatter.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.lengthFormatter = void 0;
+const parser_1 = require("../parser");
+exports.lengthFormatter = {
+    name: "length",
+    format: (value) => {
+        if (typeof value === "string" || Array.isArray(value)) {
+            return value.length;
+        }
+        return 0;
+    },
+};
+parser_1.VelcronFormatters.registerFormatter(exports.lengthFormatter);

package/formatters/ReplaceFormatter.d.ts

@@ -0,0 +1,2 @@
+import { InterpolationFormatter } from "./InterpolationFormatter";
+export declare const replaceFormatter: InterpolationFormatter;

package/formatters/ReplaceFormatter.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.replaceFormatter = void 0;
+const parser_1 = require("../parser");
+exports.replaceFormatter = {
+    name: "replace",
+    format: (value, search, replacement) => {
+        if (typeof value === "string") {
+            return value.split(search).join(replacement);
+        }
+        return value;
+    },
+};
+parser_1.VelcronFormatters.registerFormatter(exports.replaceFormatter);

package/formatters/SubStringFormatter.d.ts

@@ -0,0 +1,2 @@
+import { InterpolationFormatter } from "./InterpolationFormatter";
+export declare const substringFormatter: InterpolationFormatter;

package/formatters/SubStringFormatter.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.substringFormatter = void 0;
+const parser_1 = require("../parser");
+exports.substringFormatter = {
+    name: "substring",
+    format: (value, start, end) => {
+        if (typeof value === "string") {
+            return value.substring(start, end);
+        }
+        return value;
+    },
+};
+parser_1.VelcronFormatters.registerFormatter(exports.substringFormatter);

package/formatters/TrimFormatter.d.ts

@@ -0,0 +1,2 @@
+import { InterpolationFormatter } from "./InterpolationFormatter";
+export declare const trimFormatter: InterpolationFormatter;

package/formatters/TrimFormatter.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.trimFormatter = void 0;
+const parser_1 = require("../parser");
+exports.trimFormatter = {
+    name: "trim",
+    format: (value, lengthStr = "100") => {
+        if (typeof value === "string") {
+            const maxLength = parseInt(lengthStr, 10);
+            if (isNaN(maxLength))
+                return value;
+            return value.length > maxLength ? value.substring(0, maxLength) + "..." : value;
+        }
+        return value;
+    }
+};
+parser_1.VelcronFormatters.registerFormatter(exports.trimFormatter);

package/formatters/UppercaseFormatter.d.ts

@@ -0,0 +1,2 @@
+import { InterpolationFormatter } from "./InterpolationFormatter";
+export declare const uppercaseFormatter: InterpolationFormatter;

package/formatters/UppercaseFormatter.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.uppercaseFormatter = void 0;
+const parser_1 = require("../parser");
+exports.uppercaseFormatter = {
+    name: "uppercase",
+    format: (value) => {
+        if (typeof value === "string") {
+            return value.toUpperCase();
+        }
+        return value;
+    }
+};
+parser_1.VelcronFormatters.registerFormatter(exports.uppercaseFormatter);

package/formatters/index.d.ts

@@ -0,0 +1,9 @@
+export * from "./InterpolationFormatter";
+export * from "./DateFormatter";
+export * from "./CapitalizeFormatter";
+export * from "./UppercaseFormatter";
+export * from "./TrimFormatter";
+export * from "./JsonFormatter";
+export * from "./LengthFormatter";
+export * from "./ReplaceFormatter";
+export * from "./SubStringFormatter";

package/formatters/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./InterpolationFormatter"), exports);
+tslib_1.__exportStar(require("./DateFormatter"), exports);
+tslib_1.__exportStar(require("./CapitalizeFormatter"), exports);
+tslib_1.__exportStar(require("./UppercaseFormatter"), exports);
+tslib_1.__exportStar(require("./TrimFormatter"), exports);
+tslib_1.__exportStar(require("./JsonFormatter"), exports);
+tslib_1.__exportStar(require("./LengthFormatter"), exports);
+tslib_1.__exportStar(require("./ReplaceFormatter"), exports);
+tslib_1.__exportStar(require("./SubStringFormatter"), exports);

package/index.d.ts

@@ -7,3 +7,4 @@ export * from "./rules";
 export * from "./templatebuilder";
 export * from "./events";
 export * from "./providers";
+export * from "./formatters";

package/index.js

@@ -10,3 +10,4 @@ tslib_1.__exportStar(require("./rules"), exports);
 tslib_1.__exportStar(require("./templatebuilder"), exports);
 tslib_1.__exportStar(require("./events"), exports);
 tslib_1.__exportStar(require("./providers"), exports);
+tslib_1.__exportStar(require("./formatters"), exports);

package/internal-do-not-import-from-here/shared/models/OmniaHub.d.ts

@@ -0,0 +1,5 @@
+import { guid } from "./Guid";
+import { Id } from "./Id";
+export type ActorId = Id<number, "ActorId">;
+export declare function ActorId(id: number): ActorId;
+export declare const ActivityHubServiceId: guid;

package/internal-do-not-import-from-here/shared/models/{hub/activities/ActivityHubServiceId.js → OmniaHub.js}

@@ -1,5 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ActivityHubServiceId = void 0;
-const Guid_1 = require("../../Guid");
+exports.ActorId = ActorId;
+const Guid_1 = require("./Guid");
+function ActorId(id) { return id; }
 exports.ActivityHubServiceId = (0, Guid_1.guid)("92fab26a-90c4-45e2-9b5e-9bdf0e26ea14");

package/internal-do-not-import-from-here/shared/models/OmniaSharedBootstrapData.d.ts

@@ -1,7 +1,7 @@
 import { OmniaToken } from "./Tokens";
 import { guid } from "./Guid";
 import { TenantIdentifier } from "./Tenant";
-import { ActorId } from "./hub";
+import { ActorId } from "./OmniaHub";
 export interface OmniaSharedBootstrapData {
     uiThreadId: guid;
     workerThreadId: guid;

package/internal-do-not-import-from-here/shared/models/Realtime.d.ts

@@ -1,19 +1,4 @@
 import { guid } from "./Guid";
-export declare abstract class RealtimeChannel {
-    /**
-     * Construct a unique channel id that can be targeted to users who are set to be in that channel on the client
-     * @returns id
-     */
-    abstract getId(): string;
-}
-export declare abstract class RealtimeData<TRealtimeChannel extends RealtimeChannel, TRealtimeData> {
-    private _channel;
-    private _value;
-    get channel(): TRealtimeChannel;
-    get value(): TRealtimeData;
-    abstract getId(): guid;
-    constructor(channel: TRealtimeChannel, value?: TRealtimeData);
-}
 export type RealtimeChannelUpdateTypes = "activate" | "deactivate";
 export interface RealtimeChannelUpdateMessage extends RealtimChannelMessage {
     threadId: guid;

package/internal-do-not-import-from-here/shared/models/Realtime.js

@@ -1,19 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RealtimeData = exports.RealtimeChannel = void 0;
-class RealtimeChannel {
-}
-exports.RealtimeChannel = RealtimeChannel;
-class RealtimeData {
-    get channel() {
-        return this._channel;
-    }
-    get value() {
-        return this._value;
-    }
-    constructor(channel, value) {
-        this._channel = channel;
-        this._value = value;
-    }
-}
-exports.RealtimeData = RealtimeData;

package/internal-do-not-import-from-here/shared/models/index.d.ts

@@ -15,9 +15,9 @@ export * from "./StringExtensions";
 export * from "./DynamicState";
 export * from "./Id";
 export * from "./theme";
-export * from "./hub";
 export * from "./velcron";
 export * from "./DependencyInjection";
 export * from "./Messaging";
 export * from "./EventHook";
 export * from "./ShortId";
+export * from "./OmniaHub";

package/internal-do-not-import-from-here/shared/models/index.js

@@ -19,9 +19,9 @@ tslib_1.__exportStar(require("./StringExtensions"), exports);
 tslib_1.__exportStar(require("./DynamicState"), exports);
 tslib_1.__exportStar(require("./Id"), exports);
 tslib_1.__exportStar(require("./theme"), exports);
-tslib_1.__exportStar(require("./hub"), exports);
 tslib_1.__exportStar(require("./velcron"), exports);
 tslib_1.__exportStar(require("./DependencyInjection"), exports);
 tslib_1.__exportStar(require("./Messaging"), exports);
 tslib_1.__exportStar(require("./EventHook"), exports);
 tslib_1.__exportStar(require("./ShortId"), exports);
+tslib_1.__exportStar(require("./OmniaHub"), exports);

package/internal-do-not-import-from-here/shared/models/theme/Blueprints.d.ts

@@ -1,7 +1,6 @@
 import { BackgroundDefinition, BlueprintsReference, ColorValue, FillDefinitionValue } from "./ThemeDefinition";
 import { SpacingDefinition, Spacing } from "./Spacing";
 import { TypographyFontDefinition, TypographyValue } from "./Typography";
-import { TypographyBlueprint } from "./Typography";
 import { ThemeBase } from "./ThemeBase";
 import { VelcronRendererResolverReference } from "../velcron";
 export interface BlueprintStrategy {
@@ -43,15 +42,9 @@ export interface ContainerFillBlueprint extends Blueprints, BlueprintsReference
     name?: string;
     background?: BackgroundDefinition;
 }
-export interface TypographyBlueprints extends ThemeBase {
-    primary: TypographyBlueprint;
-}
 export interface IFontBlueprints extends Blueprints, BlueprintsReference {
     fonts: Array<TypographyFontDefinition>;
 }
-export interface SpacingBlueprints extends ThemeBase {
-    primary: SpacingBlueprint;
-}
 export interface ComponentBlueprints extends ThemeBase {
     strategy?: "MD2" | "MD3";
     buttons?: ButtonBlueprints;
@@ -60,8 +53,9 @@ export interface ComponentBlueprints extends ThemeBase {
     chips?: ChipBlueprint;
     fills?: ContainerFillBlueprints;
     headers?: HeaderBlueprints;
+    inputs?: InputBlueprints;
 }
-export interface SpacingBlueprint {
+export interface SpacingBlueprint extends ThemeBase {
     l?: SpacingDefinition;
     s?: SpacingDefinition;
 }
@@ -120,6 +114,13 @@ export interface ButtonBlueprints extends Blueprints {
         close?: ButtonBlueprint;
     } & VariantBlueprints<ButtonBlueprint>;
 }
+export interface InputBlueprints extends Blueprints, VariantBlueprints<InputBlueprint> {
+    primary?: InputBlueprint;
+}
+export interface InputBlueprint extends Blueprint {
+    variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
+    density?: "large" | "comfortable" | "compact";
+}
 export interface TabsBlueprints extends Blueprints, VariantBlueprints<TabsBlueprint> {
     primary?: TabsBlueprint;
 }

package/internal-do-not-import-from-here/shared/models/theme/SharedBlueprintMethods.d.ts

@@ -1,3 +1,5 @@
 import { SpacingBlueprint } from "./Blueprints";
 import { SpacingScale } from "./Spacing";
-export declare function getSpacingValueFromBlueprint(spacingValue: any, blueprint: SpacingBlueprint, scale?: SpacingScale): number;
+export declare namespace SpacingMethods {
+    function getSpacingValueFromBlueprint(spacingValue: any, blueprint: SpacingBlueprint, scale?: SpacingScale): number;
+}

package/internal-do-not-import-from-here/shared/models/theme/SharedBlueprintMethods.js

@@ -1,44 +1,48 @@
 "use strict";
 // import { SpacingDefinition, SpacingTypes } from "@omnia/fx-models";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getSpacingValueFromBlueprint = getSpacingValueFromBlueprint;
+exports.SpacingMethods = void 0;
 const Spacing_1 = require("./Spacing");
 const useSpacingScaling_1 = require("./useSpacingScaling");
 const spacingScaling = (0, useSpacingScaling_1.useSpacingScaling)();
-function getSpacingValueFromBlueprint(spacingValue, blueprint, scale) {
-    if (!spacingValue) {
-        return 0;
-    }
-    if (!scale) {
-        scale = spacingScaling.get.scale(spacingValue);
-    }
-    const definition = scale === "l" ? blueprint.l : blueprint.s;
-    let negative = false;
-    let result = spacingValue;
-    if (isNaN(spacingValue)) {
-        let strippedValue = spacingScaling.get.valueWithoutScale(spacingValue);
-        if (strippedValue.startsWith("-")) {
-            negative = true;
-        }
-        strippedValue = strippedValue.replace("-", "");
-        if (strippedValue === Spacing_1.SpacingTypes.xs) {
-            result = definition.xs;
-        }
-        else if (strippedValue === Spacing_1.SpacingTypes.s) {
-            result = definition.s;
-        }
-        else if (strippedValue === Spacing_1.SpacingTypes.m) {
-            result = definition.m;
-        }
-        else if (strippedValue === Spacing_1.SpacingTypes.l) {
-            result = definition.l;
+var SpacingMethods;
+(function (SpacingMethods) {
+    function getSpacingValueFromBlueprint(spacingValue, blueprint, scale) {
+        if (!spacingValue) {
+            return 0;
         }
-        else if (strippedValue === Spacing_1.SpacingTypes.xl) {
-            result = definition.xl;
+        if (!scale) {
+            scale = spacingScaling.get.scale(spacingValue);
         }
-        else {
-            result = 0;
+        const definition = scale === "l" ? blueprint.l : blueprint.s;
+        let negative = false;
+        let result = spacingValue;
+        if (isNaN(spacingValue)) {
+            let strippedValue = spacingScaling.get.valueWithoutScale(spacingValue);
+            if (strippedValue.startsWith("-")) {
+                negative = true;
+            }
+            strippedValue = strippedValue.replace("-", "");
+            if (strippedValue === Spacing_1.SpacingTypes.xs) {
+                result = definition.xs;
+            }
+            else if (strippedValue === Spacing_1.SpacingTypes.s) {
+                result = definition.s;
+            }
+            else if (strippedValue === Spacing_1.SpacingTypes.m) {
+                result = definition.m;
+            }
+            else if (strippedValue === Spacing_1.SpacingTypes.l) {
+                result = definition.l;
+            }
+            else if (strippedValue === Spacing_1.SpacingTypes.xl) {
+                result = definition.xl;
+            }
+            else {
+                result = 0;
+            }
         }
+        return negative ? -result : result;
     }
-    return negative ? -result : result;
-}
+    SpacingMethods.getSpacingValueFromBlueprint = getSpacingValueFromBlueprint;
+})(SpacingMethods || (exports.SpacingMethods = SpacingMethods = {}));

package/internal-do-not-import-from-here/shared/models/theme/ThemeDefinition.d.ts

@@ -1,9 +1,10 @@
 import { guid } from "../Guid";
 import { Id } from "../Id";
-import { BlueprintVariant, BoxDimensions, ButtonBlueprint, ComponentBlueprints, SpacingBlueprints, TypographyBlueprints } from "./Blueprints";
+import { BlueprintVariant, BoxDimensions, ButtonBlueprint, ComponentBlueprints, SpacingBlueprint } from "./Blueprints";
 import { Color } from "./Color";
 import { LegacyBorderDefinition, LegacyThemeDefinition } from "./LegacyThemeDefinition";
 import { ThemeBase } from "./ThemeBase";
+import { TypographyBlueprint } from "./Typography";
 export type ThemeContextType = "default" | "admin" | "preview" | "color-context" | "designer";
 export interface ColorTypeResult<resultType> {
     base: resultType;
@@ -73,8 +74,8 @@ export interface ThemeDefinitionReference {
 }
 export interface ResolvedThemeDefinition extends ThemeBase {
     colors?: ColorSchemas;
-    typography?: TypographyBlueprints;
-    spacing?: SpacingBlueprints;
+    typography?: TypographyBlueprint;
+    spacing?: SpacingBlueprint;
     components?: ComponentBlueprints;
 }
 export interface ThemeSelection {

package/internal-do-not-import-from-here/shared/models/theme/Typography.d.ts

@@ -7,8 +7,7 @@ export interface TypographyFontDefinition extends ThemeBase {
     cdn?: string;
     manifestId?: guid;
 }
-export interface TypographyBlueprint {
-    name: string;
+export interface TypographyBlueprint extends ThemeBase {
     font?: TypographyFontRef;
     fills?: VariantBlueprints<FillDefinition>;
     variants?: VariantBlueprints<TypographyDefinition>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/velcron",
   "license": "MIT",
-  "version": "8.0.322-dev",
+  "version": "8.0.324-dev",
   "description": "Provide Omnia Velcron Stuffs.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/parser/VelcronDataBinder.d.ts

@@ -1,12 +1,62 @@
 import { VelcronRenderContext } from "../models";
 import { VelcronBindableProp } from "..";
 export declare class VelcronDataBinder {
+    /**
+     * Binds a value based on the provided binding expression.
+     * @param renderContext The render context containing state and other data.
+     * @param bindTo The binding expression or value.
+     * @returns The bound value after applying formatters and other logic.
+     */
     static bind<T = string>(renderContext: VelcronRenderContext, bindTo: VelcronBindableProp<any>): T;
+    /**
+     * Interpolates tokens within a binding string and applies formatters.
+     * @param bindTo The binding string containing tokens.
+     * @param renderContext The render context.
+     * @returns The interpolated string with formatters applied.
+     */
     private static interpolateTokens;
+    /**
+     * Parses an interpolation string to extract the variable and its formatters.
+     * @param match The interpolation string, e.g., "{{ variable | formatter1:'arg1','arg2' | formatter2 }}"
+     * @returns An Interpolation object or null if parsing fails.
+     */
+    private static parseInterpolation;
+    /**
+     * Processes a token that might represent an action or a state variable.
+     * @param tokenWithoutBrackets The token string without the surrounding {{ }}.
+     * @param renderContext The render context.
+     * @returns The result of processing the token.
+     */
     private static processToken;
+    /**
+     * Evaluates a switch expression based on the render context.
+     * @param expression The switch expression object.
+     * @param renderContext The render context.
+     * @returns The result of the switch expression.
+     */
     private static evaluateSwitchExpression;
+    /**
+     * Recursively evaluates an expression which can be a string, object, or other types.
+     * @param expr The expression to evaluate.
+     * @param renderContext The render context.
+     * @returns The evaluated result.
+     */
     private static evaluateExpression;
+    /**
+     * Attempts to update a bound value in the render context.
+     * @param renderContext The render context.
+     * @param bindPath The binding path string.
+     * @param value The new value to set.
+     */
     static tryUpdateBoundValue(renderContext: VelcronRenderContext, bindPath: string, value: unknown): void;
+    /**
+     * Binds multiple properties at once based on the provided definitions.
+     * @param renderContext The render context.
+     * @param definition The binding definitions for each property.
+     * @param propertiesToBind The list of property keys to bind.
+     * @param objectToBindTo The target object where properties will be bound.
+     * @returns The object with bound properties.
+     */
     static bindMany<T>(renderContext: VelcronRenderContext, definition: {
         [P in keyof T]?: VelcronBindableProp<T[P]>;
     }, propertiesToBind: Array<keyof T>, objectToBindTo: Partial<T>): T;