@mmlogic/components 0.1.0

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

@@ -0,0 +1,76 @@
+export declare enum ClientLayoutItemType {
+    FIELD = "FIELD",
+    RELATION = "RELATION",
+    SECTION = "SECTION",
+    GROUP = "GROUP"
+}
+export declare enum ClientLayoutItemFieldDataType {
+    TEXT = "TEXT",
+    TEXTBLOCK = "TEXTBLOCK",
+    INTEGER = "INTEGER",
+    DECIMAL = "DECIMAL",
+    PERCENTAGE = "PERCENTAGE",
+    CURRENCY = "CURRENCY",
+    BOOLEAN = "BOOLEAN",
+    DATE = "DATE",
+    DATETIME = "DATETIME",
+    TIME = "TIME",
+    EMAIL = "EMAIL",
+    HYPERLINK = "HYPERLINK",
+    LIST = "LIST",
+    FILE = "FILE",
+    IMAGE = "IMAGE"
+}
+export declare enum ClientLayoutItemRelationDisplayType {
+    SEARCH = "SEARCH",
+    DROPDOWN = "DROPDOWN"
+}
+export interface ClientListValue {
+    value: string;
+    label: string;
+    color?: string;
+}
+export interface ClientLayoutItemField {
+    name: string;
+    label: string;
+    dataType: ClientLayoutItemFieldDataType;
+    required: boolean;
+    disabled?: boolean;
+    multiple?: boolean;
+    placeholder?: string;
+    listValues?: ClientListValue[];
+    accept?: string;
+    maxSize?: number;
+    decimalPrecision?: number;
+    currencyCode?: string;
+}
+export interface ClientLayoutItemRelation {
+    name: string;
+    label: string;
+    relatedClass: string;
+    displayType: ClientLayoutItemRelationDisplayType;
+    required: boolean;
+    disabled?: boolean;
+    multiple?: boolean;
+    dropdownValues?: ClientListValue[];
+}
+export interface ClientLayoutItem {
+    type: ClientLayoutItemType;
+    field?: ClientLayoutItemField;
+    relation?: ClientLayoutItemRelation;
+    label?: string;
+    items?: ClientLayoutItem[];
+}
+export interface ClientLayout {
+    title?: string;
+    items: ClientLayoutItem[];
+}
+export interface RelationSearchResult {
+    id: string;
+    label: string;
+    description?: string;
+}
+export interface CurrencyValue {
+    amount: number | null;
+    currency: string;
+}

package/dist/types/types/index.d.ts

@@ -0,0 +1 @@
+export * from './client-layout';

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

@@ -0,0 +1,14 @@
+export interface TableColumn {
+    type: 'FIELD' | 'RELATION';
+    name: string;
+    label: string;
+    dataType?: string;
+    listItems?: Array<{
+        key: string;
+        label: string;
+    }>;
+}
+export declare class CellRenderer {
+    static render(column: TableColumn, row: Record<string, any>, locale: string): string;
+    private static renderValue;
+}

package/dist/types/utils/format.d.ts

@@ -0,0 +1,7 @@
+export declare function formatNumber(value: number, locale: string, options?: Intl.NumberFormatOptions): string;
+export declare function formatCurrency(amount: number, currency: string, locale: string): string;
+export declare function formatPercentage(value: number, locale: string, decimalPrecision?: number): string;
+export declare function formatDate(value: string | Date, locale: string): string;
+export declare function formatDateTime(value: string | Date, locale: string): string;
+export declare function formatTime(value: string, locale: string): string;
+export declare function parseLocalizedNumber(str: string, locale: string): number | null;

package/dist/types/utils/i18n.d.ts

@@ -0,0 +1 @@
+export declare function t(key: string, locale: string): string;

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

@@ -0,0 +1,5 @@
+import { ClientLayoutItemFieldDataType } from '../types';
+export declare function validateRequired(value: unknown): boolean;
+export declare function validateEmail(value: string): boolean;
+export declare function validateUrl(value: string): boolean;
+export declare function validateNumber(value: unknown, dataType: ClientLayoutItemFieldDataType): boolean;

package/loader/cdn.js

@@ -0,0 +1 @@
+module.exports = require('../dist/cjs/loader.cjs.js');

package/loader/index.cjs.js

@@ -0,0 +1 @@
+module.exports = require('../dist/cjs/loader.cjs.js');

package/loader/index.d.ts

@@ -0,0 +1,24 @@
+export * from '../dist/types/components';
+export interface CustomElementsDefineOptions {
+  exclude?: string[];
+  resourcesUrl?: string;
+  syncQueue?: boolean;
+  jmp?: (c: Function) => any;
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): void;
+/**
+ * @deprecated
+ */
+export declare function applyPolyfills(): Promise<void>;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare function setNonce(nonce: string): void;

package/loader/index.es2017.js

@@ -0,0 +1 @@
+export * from '../dist/esm/loader.js';

package/loader/index.js

@@ -0,0 +1,2 @@
+(function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
+export * from '../dist/esm/loader.js';

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@mmlogic/components",
+  "version": "0.1.0",
+  "description": "Stencil.js web component library for dynamic forms and virtual-scroll data tables",
+  "license": "MIT",
+  "author": "Mosterd",
+  "keywords": [
+    "web-components",
+    "stencil",
+    "form",
+    "table",
+    "virtual-scroll",
+    "pagination",
+    "custom-elements",
+    "angular"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://bitbucket.org/rulebooks/mrd-components"
+  },
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.js",
+  "es2015": "dist/esm/index.mjs",
+  "es2017": "dist/esm/index.mjs",
+  "types": "dist/types/index.d.ts",
+  "collection": "dist/collection/collection-manifest.json",
+  "collection:main": "dist/collection/index.js",
+  "unpkg": "dist/mosterd-components/mosterd-components.esm.js",
+  "files": [
+    "dist/",
+    "loader/",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "stencil build --docs",
+    "start": "stencil build --dev --watch --serve",
+    "test": "stencil test --spec --e2e",
+    "test.watch": "stencil test --spec --e2e --watchAll",
+    "generate": "stencil generate"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@stencil/core": "^4.22.0",
+    "quill": "^2.0.3"
+  },
+  "devDependencies": {
+    "@types/quill": "^2.0.14",
+    "@stencil/angular-output-target": "^1.3.0",
+    "sass": "^1.69.7",
+    "typescript": "^5.3.3"
+  }
+}