@mmlogic/components 0.3.2 → 0.3.4

package/dist/types/components/mrd-hyperlink-field/mrd-hyperlink-field.d.ts

@@ -1,22 +1,30 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import { HyperlinkValue } from '../../types/client-layout';
 export declare class MrdHyperlinkField {
     name: string;
     label: string;
-    value: string;
+    value: HyperlinkValue | string;
     placeholder: string;
     required: boolean;
     disabled: boolean;
     locale: string;
+    internalHref: string;
+    internalName: string;
     error: string;
     mrdChange: EventEmitter<{
         name: string;
-        value: string;
+        value: HyperlinkValue;
     }>;
     mrdBlur: EventEmitter<{
         name: string;
-        value: string;
+        value: HyperlinkValue;
     }>;
-    private handleInput;
+    componentWillLoad(): void;
+    valueChanged(val: HyperlinkValue | string): void;
+    private parseValue;
+    private buildValue;
+    private handleHrefInput;
+    private handleNameInput;
     private handleBlur;
     render(): any;
 }

package/dist/types/components/mrd-layout-section/mrd-layout-section.d.ts

@@ -17,6 +17,8 @@ export declare class MrdLayoutSection {
     private searchResultsMap;
     private imagePreviewUrl;
     private imagePreviews;
+    private openHistoryField;
+    private historyClickOutside;
     mrdNavigate: EventEmitter<{
         href?: string;
         label: string;
@@ -51,6 +53,7 @@ export declare class MrdLayoutSection {
         path?: string;
         qs?: string;
         parentPath?: string | null;
+        basicType?: string;
     }>;
     /** Re-emitted from an embedded mrd-table's mrdLoadAggregations; host calls setViewAggregations() with the result. */
     mrdLoadViewAggregations: EventEmitter<{
@@ -62,6 +65,7 @@ export declare class MrdLayoutSection {
     }>;
     private searchTimers;
     componentDidLoad(): void;
+    disconnectedCallback(): void;
     dataChanged(newVal: Record<string, unknown>): void;
     private initEmbeddedTables;
     private viewKeyFor;
@@ -86,6 +90,7 @@ export declare class MrdLayoutSection {
     private handleSearchInput;
     private renderSingleFieldValue;
     private renderFieldValue;
+    private renderHistoryBadge;
     private renderField;
     private renderRelation;
     private renderSearch;

package/dist/types/components/mrd-secret-field/mrd-secret-field.d.ts

@@ -0,0 +1,22 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class MrdSecretField {
+    name: string;
+    label: string;
+    value: string;
+    placeholder: string;
+    required: boolean;
+    disabled: boolean;
+    locale: string;
+    error: string;
+    mrdChange: EventEmitter<{
+        name: string;
+        value: string;
+    }>;
+    mrdBlur: EventEmitter<{
+        name: string;
+        value: string;
+    }>;
+    private handleInput;
+    private handleBlur;
+    render(): any;
+}

package/dist/types/components/mrd-table/mrd-table.d.ts

@@ -7,6 +7,7 @@ export declare class MrdTable {
     private debounceTimer;
     private outsideClickHandler;
     private keydownHandler;
+    private createPickerClickHandler;
     /** The VIEW or RELATED_VIEW layout item. Contains view config, dataClass, fromClass, actions etc. */
     item: ClientLayoutItem | null;
     /** Parent record id — required for RELATED_VIEW to build /{fromClass}/{parentId}/{dataClass}. */
@@ -48,6 +49,8 @@ export declare class MrdTable {
         top: number;
         left: number;
     };
+    /** Whether the create-type picker dropdown is open. */
+    createPickerOpen: boolean;
     /** Current scroll offset of the scroll container — drives pagination footer. */
     scrollTop: number;
     /** Full text shown in the TEXTBLOCK expand modal (null = closed). */
@@ -81,6 +84,7 @@ export declare class MrdTable {
         qs?: string;
         dataClass?: string;
         parentPath?: string | null;
+        basicType?: string;
     }>;
     /** Fired when a FILE or IMAGE cell is clicked. Host resolves the href to a signed download URL. */
     mrdDownload: EventEmitter<{
@@ -136,6 +140,8 @@ export declare class MrdTable {
     private buildQueryParams;
     private get columns();
     private get tableActions();
+    private toggleCreatePicker;
+    private closeCreatePicker;
     private colName;
     private colDataType;
     /** True when we have a reliable total: either from the aggregations response or because

package/dist/types/components.d.ts

@@ -6,9 +6,9 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { ClientLayout, ClientLayoutItem, ClientLayoutItemFieldDataType, ClientLayoutItemRelationDisplayType, ClientLayoutItemRelationEditBehavior, ClientListValue, CurrencyValue, RelationSearchResult as RelationSearchResult1 } from "./types";
-import { AggregationResult, ClientLayoutItem as ClientLayoutItem1, ClientLayoutItemNavigate, ClientViewMetadata, RelationSearchResult } from "./types/client-layout";
+import { AggregationResult, ClientLayoutItem as ClientLayoutItem1, ClientLayoutItemNavigate, ClientViewMetadata, HyperlinkValue, RelationSearchResult } from "./types/client-layout";
 export { ClientLayout, ClientLayoutItem, ClientLayoutItemFieldDataType, ClientLayoutItemRelationDisplayType, ClientLayoutItemRelationEditBehavior, ClientListValue, CurrencyValue, RelationSearchResult as RelationSearchResult1 } from "./types";
-export { AggregationResult, ClientLayoutItem as ClientLayoutItem1, ClientLayoutItemNavigate, ClientViewMetadata, RelationSearchResult } from "./types/client-layout";
+export { AggregationResult, ClientLayoutItem as ClientLayoutItem1, ClientLayoutItemNavigate, ClientViewMetadata, HyperlinkValue, RelationSearchResult } from "./types/client-layout";
 export namespace Components {
     interface MrdBooleanField {
         /**
@@ -241,7 +241,7 @@ export namespace Components {
         /**
           * @default ''
          */
-        "value": string;
+        "value": HyperlinkValue | string;
     }
     interface MrdImageField {
         /**
@@ -479,6 +479,36 @@ export namespace Components {
          */
         "value": string | string[] | RelationSearchResult1 | RelationSearchResult1[] | null;
     }
+    interface MrdSecretField {
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * @default ''
+         */
+        "label": string;
+        /**
+          * @default navigator.language
+         */
+        "locale": string;
+        /**
+          * @default ''
+         */
+        "name": string;
+        /**
+          * @default ''
+         */
+        "placeholder": string;
+        /**
+          * @default false
+         */
+        "required": boolean;
+        /**
+          * @default ''
+         */
+        "value": string;
+    }
     interface MrdTable {
         /**
           * Initialise (or reset) the virtual scroll. Call after setting all props and registering the mrdLoadPage listener, but before calling setPage(0, rows).
@@ -679,6 +709,10 @@ export interface MrdRelationFieldCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLMrdRelationFieldElement;
 }
+export interface MrdSecretFieldCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLMrdSecretFieldElement;
+}
 export interface MrdTableCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLMrdTableElement;
@@ -848,8 +882,8 @@ declare global {
         new (): HTMLMrdFormElement;
     };
     interface HTMLMrdHyperlinkFieldElementEventMap {
-        "mrdChange": { name: string; value: string };
-        "mrdBlur": { name: string; value: string };
+        "mrdChange": { name: string; value: HyperlinkValue };
+        "mrdBlur": { name: string; value: HyperlinkValue };
     }
     interface HTMLMrdHyperlinkFieldElement extends Components.MrdHyperlinkField, HTMLStencilElement {
         addEventListener<K extends keyof HTMLMrdHyperlinkFieldElementEventMap>(type: K, listener: (this: HTMLMrdHyperlinkFieldElement, ev: MrdHyperlinkFieldCustomEvent<HTMLMrdHyperlinkFieldElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -890,7 +924,7 @@ declare global {
         "mrdDownload": { href: string; fileName: string };
         "mrdLoadViewPage": { name: string; page: number; sort: string; path: string; qs: string };
         "mrdLoadImage": { fieldName: string; href: string };
-        "mrdViewAction": { name: string; action: string; dataClass: string; path?: string; qs?: string; parentPath?: string | null };
+        "mrdViewAction": { name: string; action: string; dataClass: string; path?: string; qs?: string; parentPath?: string | null; basicType?: string };
         "mrdLoadViewAggregations": { name: string; dataClass: string; path: string; qs: string; aggQs: string };
     }
     interface HTMLMrdLayoutSectionElement extends Components.MrdLayoutSection, HTMLStencilElement {
@@ -981,10 +1015,28 @@ declare global {
         prototype: HTMLMrdRelationFieldElement;
         new (): HTMLMrdRelationFieldElement;
     };
+    interface HTMLMrdSecretFieldElementEventMap {
+        "mrdChange": { name: string; value: string };
+        "mrdBlur": { name: string; value: string };
+    }
+    interface HTMLMrdSecretFieldElement extends Components.MrdSecretField, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLMrdSecretFieldElementEventMap>(type: K, listener: (this: HTMLMrdSecretFieldElement, ev: MrdSecretFieldCustomEvent<HTMLMrdSecretFieldElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLMrdSecretFieldElementEventMap>(type: K, listener: (this: HTMLMrdSecretFieldElement, ev: MrdSecretFieldCustomEvent<HTMLMrdSecretFieldElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLMrdSecretFieldElement: {
+        prototype: HTMLMrdSecretFieldElement;
+        new (): HTMLMrdSecretFieldElement;
+    };
     interface HTMLMrdTableElementEventMap {
         "mrdLoadPage": { page: number; sort: string; path: string; qs: string };
         "mrdRowClick": Record<string, any>;
-        "mrdAction": { action: string; path?: string; qs?: string; dataClass?: string; parentPath?: string | null };
+        "mrdAction": { action: string; path?: string; qs?: string; dataClass?: string; parentPath?: string | null; basicType?: string };
         "mrdDownload": { href: string; fileName: string };
         "mrdLoadAggregations": { path: string; qs: string; aggQs: string };
     }
@@ -1072,6 +1124,7 @@ declare global {
         "mrd-longtext-field": HTMLMrdLongtextFieldElement;
         "mrd-number-field": HTMLMrdNumberFieldElement;
         "mrd-relation-field": HTMLMrdRelationFieldElement;
+        "mrd-secret-field": HTMLMrdSecretFieldElement;
         "mrd-table": HTMLMrdTableElement;
         "mrd-text-field": HTMLMrdTextFieldElement;
         "mrd-textarea-field": HTMLMrdTextareaFieldElement;
@@ -1324,8 +1377,8 @@ declare namespace LocalJSX {
           * @default ''
          */
         "name"?: string;
-        "onMrdBlur"?: (event: MrdHyperlinkFieldCustomEvent<{ name: string; value: string }>) => void;
-        "onMrdChange"?: (event: MrdHyperlinkFieldCustomEvent<{ name: string; value: string }>) => void;
+        "onMrdBlur"?: (event: MrdHyperlinkFieldCustomEvent<{ name: string; value: HyperlinkValue }>) => void;
+        "onMrdChange"?: (event: MrdHyperlinkFieldCustomEvent<{ name: string; value: HyperlinkValue }>) => void;
         /**
           * @default ''
          */
@@ -1337,7 +1390,7 @@ declare namespace LocalJSX {
         /**
           * @default ''
          */
-        "value"?: string;
+        "value"?: HyperlinkValue | string;
     }
     interface MrdImageField {
         /**
@@ -1417,7 +1470,7 @@ declare namespace LocalJSX {
         /**
           * Re-emitted from an embedded mrd-table's mrdAction; host builds the target URL from dataClass.
          */
-        "onMrdViewAction"?: (event: MrdLayoutSectionCustomEvent<{ name: string; action: string; dataClass: string; path?: string; qs?: string; parentPath?: string | null }>) => void;
+        "onMrdViewAction"?: (event: MrdLayoutSectionCustomEvent<{ name: string; action: string; dataClass: string; path?: string; qs?: string; parentPath?: string | null; basicType?: string }>) => void;
         /**
           * Legacy: view metadata map (ClientDashboardMetadata.views). Not needed in new flat format.
           * @default {}
@@ -1587,6 +1640,38 @@ declare namespace LocalJSX {
          */
         "value"?: string | string[] | RelationSearchResult1 | RelationSearchResult1[] | null;
     }
+    interface MrdSecretField {
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * @default navigator.language
+         */
+        "locale"?: string;
+        /**
+          * @default ''
+         */
+        "name"?: string;
+        "onMrdBlur"?: (event: MrdSecretFieldCustomEvent<{ name: string; value: string }>) => void;
+        "onMrdChange"?: (event: MrdSecretFieldCustomEvent<{ name: string; value: string }>) => void;
+        /**
+          * @default ''
+         */
+        "placeholder"?: string;
+        /**
+          * @default false
+         */
+        "required"?: boolean;
+        /**
+          * @default ''
+         */
+        "value"?: string;
+    }
     interface MrdTable {
         /**
           * The VIEW or RELATED_VIEW layout item. Contains view config, dataClass, fromClass, actions etc.
@@ -1600,7 +1685,7 @@ declare namespace LocalJSX {
         /**
           * Fired when a toolbar action button is clicked. For 'export': includes `path` (relative excel path) and `qs` (current sort+filter params). For 'create': includes `dataClass` (target type) and `parentPath` (e.g. /buyers/123 for RELATED_VIEW).
          */
-        "onMrdAction"?: (event: MrdTableCustomEvent<{ action: string; path?: string; qs?: string; dataClass?: string; parentPath?: string | null }>) => void;
+        "onMrdAction"?: (event: MrdTableCustomEvent<{ action: string; path?: string; qs?: string; dataClass?: string; parentPath?: string | null; basicType?: string }>) => void;
         /**
           * Fired when a FILE or IMAGE cell is clicked. Host resolves the href to a signed download URL.
          */
@@ -1802,7 +1887,7 @@ declare namespace LocalJSX {
     interface MrdHyperlinkFieldAttributes {
         "name": string;
         "label": string;
-        "value": string;
+        "value": HyperlinkValue | string;
         "placeholder": string;
         "required": boolean;
         "disabled": boolean;
@@ -1863,6 +1948,15 @@ declare namespace LocalJSX {
         "multiple": boolean;
         "value": string | string[] | RelationSearchResult | RelationSearchResult[] | null;
     }
+    interface MrdSecretFieldAttributes {
+        "name": string;
+        "label": string;
+        "value": string;
+        "placeholder": string;
+        "required": boolean;
+        "disabled": boolean;
+        "locale": string;
+    }
     interface MrdTableAttributes {
         "parentId": string;
         "locale": string;
@@ -1914,6 +2008,7 @@ declare namespace LocalJSX {
         "mrd-longtext-field": Omit<MrdLongtextField, keyof MrdLongtextFieldAttributes> & { [K in keyof MrdLongtextField & keyof MrdLongtextFieldAttributes]?: MrdLongtextField[K] } & { [K in keyof MrdLongtextField & keyof MrdLongtextFieldAttributes as `attr:${K}`]?: MrdLongtextFieldAttributes[K] } & { [K in keyof MrdLongtextField & keyof MrdLongtextFieldAttributes as `prop:${K}`]?: MrdLongtextField[K] };
         "mrd-number-field": Omit<MrdNumberField, keyof MrdNumberFieldAttributes> & { [K in keyof MrdNumberField & keyof MrdNumberFieldAttributes]?: MrdNumberField[K] } & { [K in keyof MrdNumberField & keyof MrdNumberFieldAttributes as `attr:${K}`]?: MrdNumberFieldAttributes[K] } & { [K in keyof MrdNumberField & keyof MrdNumberFieldAttributes as `prop:${K}`]?: MrdNumberField[K] };
         "mrd-relation-field": Omit<MrdRelationField, keyof MrdRelationFieldAttributes> & { [K in keyof MrdRelationField & keyof MrdRelationFieldAttributes]?: MrdRelationField[K] } & { [K in keyof MrdRelationField & keyof MrdRelationFieldAttributes as `attr:${K}`]?: MrdRelationFieldAttributes[K] } & { [K in keyof MrdRelationField & keyof MrdRelationFieldAttributes as `prop:${K}`]?: MrdRelationField[K] };
+        "mrd-secret-field": Omit<MrdSecretField, keyof MrdSecretFieldAttributes> & { [K in keyof MrdSecretField & keyof MrdSecretFieldAttributes]?: MrdSecretField[K] } & { [K in keyof MrdSecretField & keyof MrdSecretFieldAttributes as `attr:${K}`]?: MrdSecretFieldAttributes[K] } & { [K in keyof MrdSecretField & keyof MrdSecretFieldAttributes as `prop:${K}`]?: MrdSecretField[K] };
         "mrd-table": Omit<MrdTable, keyof MrdTableAttributes> & { [K in keyof MrdTable & keyof MrdTableAttributes]?: MrdTable[K] } & { [K in keyof MrdTable & keyof MrdTableAttributes as `attr:${K}`]?: MrdTableAttributes[K] } & { [K in keyof MrdTable & keyof MrdTableAttributes as `prop:${K}`]?: MrdTable[K] };
         "mrd-text-field": Omit<MrdTextField, keyof MrdTextFieldAttributes> & { [K in keyof MrdTextField & keyof MrdTextFieldAttributes]?: MrdTextField[K] } & { [K in keyof MrdTextField & keyof MrdTextFieldAttributes as `attr:${K}`]?: MrdTextFieldAttributes[K] } & { [K in keyof MrdTextField & keyof MrdTextFieldAttributes as `prop:${K}`]?: MrdTextField[K] };
         "mrd-textarea-field": Omit<MrdTextareaField, keyof MrdTextareaFieldAttributes> & { [K in keyof MrdTextareaField & keyof MrdTextareaFieldAttributes]?: MrdTextareaField[K] } & { [K in keyof MrdTextareaField & keyof MrdTextareaFieldAttributes as `attr:${K}`]?: MrdTextareaFieldAttributes[K] } & { [K in keyof MrdTextareaField & keyof MrdTextareaFieldAttributes as `prop:${K}`]?: MrdTextareaField[K] };
@@ -1939,6 +2034,7 @@ declare module "@stencil/core" {
             "mrd-longtext-field": LocalJSX.IntrinsicElements["mrd-longtext-field"] & JSXBase.HTMLAttributes<HTMLMrdLongtextFieldElement>;
             "mrd-number-field": LocalJSX.IntrinsicElements["mrd-number-field"] & JSXBase.HTMLAttributes<HTMLMrdNumberFieldElement>;
             "mrd-relation-field": LocalJSX.IntrinsicElements["mrd-relation-field"] & JSXBase.HTMLAttributes<HTMLMrdRelationFieldElement>;
+            "mrd-secret-field": LocalJSX.IntrinsicElements["mrd-secret-field"] & JSXBase.HTMLAttributes<HTMLMrdSecretFieldElement>;
             "mrd-table": LocalJSX.IntrinsicElements["mrd-table"] & JSXBase.HTMLAttributes<HTMLMrdTableElement>;
             "mrd-text-field": LocalJSX.IntrinsicElements["mrd-text-field"] & JSXBase.HTMLAttributes<HTMLMrdTextFieldElement>;
             "mrd-textarea-field": LocalJSX.IntrinsicElements["mrd-textarea-field"] & JSXBase.HTMLAttributes<HTMLMrdTextareaFieldElement>;

package/dist/types/types/client-layout.d.ts

@@ -35,7 +35,8 @@ export declare enum ClientLayoutItemFieldDataType {
     FILE = "FILE",
     IMAGE = "IMAGE",
     LONGTEXT = "LONGTEXT",
-    JSON = "JSON"
+    JSON = "JSON",
+    SECRET = "SECRET"
 }
 export declare enum ClientLayoutItemRelationDisplayType {
     SEARCH = "SEARCH",
@@ -71,6 +72,10 @@ export interface CurrencyValue {
     currency: string;
     decimals?: number;
 }
+export interface HyperlinkValue {
+    href: string;
+    name?: string;
+}
 export interface RelationSearchResult {
     id: string;
     label: string;
@@ -93,6 +98,7 @@ export interface ClientLayoutItemField {
     currencyCode?: string;
     /** Aggregate function to render in the table totals row. */
     aggregate?: 'sum' | 'avg' | 'count' | null;
+    historyEnabled?: boolean;
 }
 /** Response shape from the /aggregations endpoint.
  *  `count` is a plain number (total record count) when returned at the top level. */
@@ -136,6 +142,10 @@ export interface ClientLayoutItemSearch {
     dataClass: string;
     showTitle: boolean;
 }
+export interface ClientCreateType {
+    type: string;
+    label: string;
+}
 /**
  * A single item in a ClientLayout. The `type` discriminator determines which
  * optional fields are present. Components should only act on types they
@@ -164,6 +174,8 @@ export interface ClientLayoutItem {
     }>;
     /** Toolbar buttons for embedded views. null/omitted = ["NEW","EXPORT"]; [] = none. */
     actions?: string[] | null;
+    /** Concrete subtypes available for create. When set, the NEW button expands into one button per entry. */
+    createTypes?: ClientCreateType[] | null;
     dataType?: ClientLayoutItemFieldDataType;
     required?: boolean;
     disabled?: boolean;
@@ -177,6 +189,7 @@ export interface ClientLayoutItem {
     maxSize?: number;
     decimalPrecision?: number;
     currencyCode?: string;
+    historyEnabled?: boolean;
     relatedClass?: string;
     mostSignificantClass?: string;
     displayType?: ClientLayoutItemRelationDisplayType;

package/dist/types/utils/cell-renderer.d.ts

@@ -21,6 +21,7 @@ export interface TableAction {
     /** Button style variant. Defaults to 'secondary'. */
     variant?: 'primary' | 'secondary' | 'danger';
     disabled?: boolean;
+    basicType?: string;
 }
 /** Represents an active filter on a single column. */
 export interface ColumnFilter {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mmlogic/components",
-  "version": "0.3.2",
+  "version": "0.3.4",
   "description": "Stencil.js web component library for dynamic forms and virtual-scroll data tables",
   "license": "MIT",
   "author": "Mosterd",