@balena/ui-shared-components 13.0.0-build-rename-and-require-widget-extracontext-e171aab42694be794a4f90dd4cac672b0d41c56e-1 → 13.0.0-build-rename-and-require-widget-extracontext-37df890fe262ef54dc0d361d32b076c7eeccd84b-1

package/dist/components/RJST/components/Widget/Formats/BooleanAsIconWidget.d.ts

@@ -1 +1 @@
-export declare const BooleanAsIconWidget: import("../utils").Widget<object>;
+export declare const BooleanAsIconWidget: import("../utils").Widget<object, object>;

package/dist/components/RJST/components/Widget/Formats/CodeWidget.d.ts

@@ -1 +1 @@
-export declare const CodeWidget: import("../utils").Widget<object>;
+export declare const CodeWidget: import("../utils").Widget<object, object>;

package/dist/components/RJST/components/Widget/Formats/DisabledTextWidget.d.ts

@@ -1 +1 @@
-export declare const DisabledTextWidget: import("../utils").Widget<object>;
+export declare const DisabledTextWidget: import("../utils").Widget<object, object>;

package/dist/components/RJST/components/Widget/Formats/DurationWidget.d.ts

@@ -1 +1 @@
-export declare const DurationWidget: import("../utils").Widget<object>;
+export declare const DurationWidget: import("../utils").Widget<object, object>;

package/dist/components/RJST/components/Widget/Formats/DurationWidget.js

@@ -3,7 +3,7 @@ import React from 'react';
 import { intervalToDuration } from 'date-fns';
 import { JsonTypes, widgetFactory } from '../utils';
 import { Typography } from '@mui/material';
-export const DurationWidget = widgetFactory('Duration', [JsonTypes.object])(({ value, }) => {
+export const DurationWidget = widgetFactory('Duration', [JsonTypes.object])(({ value }) => {
     const duration = React.useMemo(() => {
         var _a, _b, _c;
         if (!value.start || !value.end) {

package/dist/components/RJST/components/Widget/Formats/ElapsedTimeWidget.d.ts

@@ -1 +1 @@
-export declare const ElapsedTimeWidget: import("../utils").Widget<object>;
+export declare const ElapsedTimeWidget: import("../utils").Widget<object, object>;

package/dist/components/RJST/components/Widget/Formats/ElapsedTimeWidget.js

@@ -1,11 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { JsonTypes, widgetFactory, formatTimestamp, timeSince } from '../utils';
+import { UiOption, JsonTypes, widgetFactory, formatTimestamp, timeSince, } from '../utils';
 import { Material, Tooltip } from '../../../../..';
 const { Typography } = Material;
-export const ElapsedTimeWidget = widgetFactory('ElapsedTime', [
-    JsonTypes.string,
-    JsonTypes.number,
-])(({ value }) => {
+export const ElapsedTimeWidget = widgetFactory('ElapsedTime', [JsonTypes.string, JsonTypes.number], {
+    dtFormat: UiOption.string,
+})(({ value }) => {
     if (!value) {
         return null;
     }

package/dist/components/RJST/components/Widget/Formats/HashWidget.d.ts

@@ -1 +1 @@
-export declare const HashWidget: import("../utils").Widget<object>;
+export declare const HashWidget: import("../utils").Widget<object, object>;

package/dist/components/RJST/components/Widget/Formats/PercentageWidget.d.ts

@@ -1 +1 @@
-export declare const PercentageWidget: import("../utils").Widget<object>;
+export declare const PercentageWidget: import("../utils").Widget<object, object>;

package/dist/components/RJST/components/Widget/Formats/PlaceholderTextWidget.d.ts

@@ -1 +1 @@
-export declare const PlaceholderTextWidget: import("../utils").Widget<object>;
+export declare const PlaceholderTextWidget: import("../utils").Widget<object, object>;

package/dist/components/RJST/components/Widget/Formats/TemperatureWidget.d.ts

@@ -1 +1 @@
-export declare const TemperatureWidget: import("../utils").Widget<object>;
+export declare const TemperatureWidget: import("../utils").Widget<object, object>;

package/dist/components/RJST/components/Widget/Formats/TxtWidget.d.ts

@@ -1,2 +1,2 @@
-declare const TxtWidget: import("../utils").Widget<object>;
+declare const TxtWidget: import("../utils").Widget<object, object>;
 export default TxtWidget;

package/dist/components/RJST/components/Widget/Formats/TxtWidget.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import get from 'lodash/get';
 import invokeMap from 'lodash/invokeMap';
 import isArray from 'lodash/isArray';
-import { JsonTypes, widgetFactory, formatTimestamp } from '../utils';
+import { UiOption, JsonTypes, widgetFactory, formatTimestamp } from '../utils';
 import { Truncate } from '../../../../Truncate';
 import { Typography } from '@mui/material';
 const getArrayValue = (value, uiSchema) => {
@@ -26,7 +26,15 @@ const TxtWidget = widgetFactory('Txt', [
     JsonTypes.number,
     JsonTypes.boolean,
     JsonTypes.array,
-])(({ value, schema, uiSchema }) => {
+], {
+    dtFormat: UiOption.string,
+    align: Object.assign(Object.assign({}, UiOption.string), { enum: ['inherit', 'left', 'center', 'right', 'justify'] }),
+    gutterBottom: UiOption.bolean,
+    noWrap: UiOption.boolean,
+    paragraph: UiOption.boolean,
+    sx: UiOption.object,
+    variant: UiOption.string,
+})(({ value, schema, uiSchema }) => {
     var _a;
     let displayValue = isArray(value)
         ? getArrayValue(value, uiSchema)

package/dist/components/RJST/components/Widget/Formats/WrapWidget.d.ts

@@ -1 +1 @@
-export declare const WrapWidget: import("../utils").Widget<object>;
+export declare const WrapWidget: import("../utils").Widget<object, object>;

package/dist/components/RJST/components/Widget/utils.d.ts

@@ -21,11 +21,11 @@ export interface WidgetProps<T extends object = object> {
     uiSchema?: UiSchema;
     resource: T;
 }
-export interface Widget<T extends object = object> {
-    uiOptions?: Record<string, JSONSchema>;
+export interface Widget<T extends object = object, ExtraProps = object> {
+    uiOptions?: UiOptions;
     supportedTypes?: string[];
     displayName: string;
-    (props: WidgetProps<T>): JSX.Element | null;
+    (props: WidgetProps<T> & ExtraProps): JSX.Element | null;
 }
 export declare const JsonTypes: {
     readonly array: "array";
@@ -45,9 +45,13 @@ export interface JsonTypesTypeMap {
     boolean: boolean;
     null: null;
 }
-export declare const widgetFactory: <ST extends Array<keyof JsonTypesTypeMap>>(displayName: string, supportedTypes: ST) => <T extends object, V extends WidgetProps["value"] | null = JsonTypesTypeMap[ST[number]]>(widgetFn: (props: Overwrite<WidgetProps<T>, {
+export type UiOptions = {
+    [key: string]: JSONSchema;
+};
+export declare const UiOption: UiOptions;
+export declare const widgetFactory: <ST extends Array<keyof JsonTypesTypeMap>>(displayName: string, supportedTypes: ST, uiOptions?: Widget["uiOptions"]) => <T extends object, ExtraProps extends object = object, V extends WidgetProps["value"] | null = JsonTypesTypeMap[ST[number]]>(widgetFn: (props: Overwrite<WidgetProps<T>, {
     value: V;
-}>) => JSX.Element | null) => Widget<T>;
+}> & ExtraProps) => JSX.Element | null) => Widget<T, ExtraProps>;
 export declare const formatTimestamp: (timestamp: string | number, uiSchema?: UiSchema) => string;
 export declare const truncateHash: (str: string, maxLength?: number) => string;
 export declare const timeSince: (timestamp: string | number, suffix?: boolean) => string;

package/dist/components/RJST/components/Widget/utils.js

@@ -12,14 +12,35 @@ export const JsonTypes = {
     boolean: 'boolean',
     null: 'null',
 };
+// Convenience object for common UI option schemas
+export const UiOption = {
+    string: {
+        type: 'string',
+    },
+    boolean: {
+        type: 'boolean',
+    },
+    number: {
+        type: 'number',
+    },
+    integer: {
+        type: 'integer',
+    },
+    object: {
+        type: 'object',
+    },
+};
 // TODO: Replace the HOF with a plain function once TS supports optional generic types
 // See: https://github.com/microsoft/TypeScript/issues/14400
 // TODO: convert the fn args to an object once we bump TS
-export const widgetFactory = (displayName, supportedTypes) => {
+export const widgetFactory = (displayName, supportedTypes, 
+// TODO: Implement a way to pass these from RJST to widgets. Likely by adding a uiSchema property or something
+uiOptions = {}) => {
     return (widgetFn) => {
         const widget = widgetFn;
         Object.assign(widget, {
             displayName,
+            uiOptions,
             supportedTypes,
         });
         return widget;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@balena/ui-shared-components",
-  "version": "13.0.0-build-rename-and-require-widget-extracontext-e171aab42694be794a4f90dd4cac672b0d41c56e-1",
+  "version": "13.0.0-build-rename-and-require-widget-extracontext-37df890fe262ef54dc0d361d32b076c7eeccd84b-1",
   "main": "./dist/index.js",
   "sideEffects": false,
   "files": [
@@ -32,7 +32,7 @@
     "ajv": "^8.17.1",
     "ajv-formats": "^3.0.1",
     "ajv-keywords": "^5.1.0",
-    "analytics-client": "^3.0.0",
+    "analytics-client": "^3.1.0",
     "color": "^5.0.0",
     "color-hash": "^2.0.2",
     "date-fns": "^4.1.0",
@@ -138,6 +138,6 @@
   },
   "homepage": "https://github.com/balena-io/ui-shared-components#readme",
   "versionist": {
-    "publishedAt": "2025-05-08T19:09:01.290Z"
+    "publishedAt": "2025-05-15T18:17:53.484Z"
   }
 }