q2-tecton-elements 1.59.1 → 1.60.0

package/dist/esm/shapes-ElQYMSyu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shapes-ElQYMSyu.js","sources":["src/components/q2-loading/skeleton/shapes.tsx"],"sourcesContent":["import { h } from '@stencil/core';\nimport { JSX } from './../../../components';\n\ninterface AtomOptions {\n    width?: string;\n    height?: string;\n    borderRadius?: string;\n    additionalClasses?: string;\n}\n\nexport const atoms = {\n    circle: ({ width, additionalClasses }: AtomOptions): JSX.IntrinsicElements => (\n        <div\n            class={`skeleton-shape circle ${additionalClasses || ''}`}\n            style={{ width, height: width }}\n        ></div>\n    ),\n    rectangle: ({ width, height, borderRadius, additionalClasses }: AtomOptions): JSX.IntrinsicElements => (\n        <div\n            class={`skeleton-shape rectangle ${additionalClasses || ''}`}\n            style={{ width, height, borderRadius }}\n        ></div>\n    ),\n};\n\nexport const molecules = {\n    field: (): JSX.IntrinsicElements => (\n        <div class=\"skeleton-shape field\">\n            <div class=\"skeleton-field-label\">{atoms.rectangle({ height: '1rem', width: '50%' })}</div>\n            {atoms.rectangle({\n                height: 'var(--tct-input-height, 42px)',\n                borderRadius: '3px',\n            })}\n        </div>\n    ),\n    text: (counts?: number[], modifiers?: Set<string>): JSX.IntrinsicElements => {\n        const rows = counts?.[0] ?? 1;\n        const hasHeader = modifiers?.has('header');\n        const alignment = (modifiers?.has('center') && 'center') || (modifiers?.has('right') && 'right') || 'left';\n        const smallHeaderClass = modifiers?.has('smallheader') ? ' smaller' : '';\n        const additionalClasses = hasHeader ? `header ${alignment}${smallHeaderClass}` : '';\n        return (\n            <div class=\"skeleton-shape text\">\n                {hasHeader && atoms.rectangle({ width: '60%', additionalClasses })}\n                {!!rows &&\n                    Array(rows)\n                        .fill(undefined)\n                        .map(() =>\n                            atoms.rectangle({\n                                height: '1rem',\n                                borderRadius: 'var(--tct-border-radius-1, var(--app-border-radius-1, 4px))',\n                            })\n                        )}\n            </div>\n        );\n    },\n};\n\nexport const shapes = {\n    circle: (): JSX.IntrinsicElements => {\n        return atoms.circle({ width: '100%' });\n    },\n    rectangle: (): JSX.IntrinsicElements => {\n        return atoms.rectangle({\n            height: '100%',\n            borderRadius: 'var(--tct-border-radius-1, var(--app-border-radius-1, 4px))',\n        });\n    },\n    table: (counts?: number[], modifiers?: Set<string>): JSX.IntrinsicElements => {\n        const columnCount = counts?.[0] ?? 5;\n        const rowCount = counts?.[1] ?? 5;\n        const headless = modifiers?.has('headless');\n        const bordered = modifiers?.has('bordered');\n        return (\n            <div class=\"skeleton-shape table\">\n                {!headless && (\n                    <div class=\"skeleton-table-head\">\n                        <div class=\"skeleton-table-row skeleton-table-header flex\">\n                            {!!columnCount &&\n                                Array(columnCount)\n                                    .fill(undefined)\n                                    .map(() => atoms.rectangle({ height: '1rem' }))}\n                        </div>\n                        <div class=\"skeleton-table-row-border\">{atoms.rectangle({ height: '3px' })}</div>\n                    </div>\n                )}\n                <div class=\"skeleton-table-body\">\n                    {!!rowCount &&\n                        Array(rowCount)\n                            .fill(undefined)\n                            .map(() => (\n                                <div class=\"skeleton-table-row-wrapper\">\n                                    <div class=\"skeleton-table-row flex\">\n                                        {!!columnCount &&\n                                            Array(columnCount)\n                                                .fill(undefined)\n                                                .map(() => atoms.rectangle({ height: '1.5rem' }))}\n                                    </div>\n                                    {bordered && (\n                                        <div class=\"skeleton-table-row-border\">\n                                            {atoms.rectangle({\n                                                height: '1px',\n                                                additionalClasses: 'no-margin',\n                                            })}\n                                        </div>\n                                    )}\n                                </div>\n                            ))}\n                </div>\n            </div>\n        );\n    },\n    field: molecules.field,\n    form: (counts?: number[]): JSX.IntrinsicElements => {\n        const columns = (counts?.[1] && counts?.[0]) ?? 1;\n        const rows = counts?.[1] ?? counts?.[0] ?? 1;\n        const totalItems = columns * rows;\n        return (\n            <div class={`skeleton-shape form flex columns-${columns}`}>\n                {!!totalItems && Array(totalItems).fill(undefined).map(molecules.field)}\n            </div>\n        );\n    },\n    text: molecules.text,\n    'detailed-item': (counts?: number[], modifiers?: Set<string>): JSX.IntrinsicElements => {\n        const isSquare = modifiers?.has('square');\n        const alignment = (modifiers?.has('center') && 'center') || (modifiers?.has('right') && 'right') || 'left';\n        return (\n            <div class={`skeleton-shape detailed-item flex ${alignment}`}>\n                <div class={`detailed-item-image flex-${alignment}`}>\n                    {isSquare\n                        ? atoms.rectangle({ width: '1.5em', height: '1.5em', borderRadius: '3px' })\n                        : atoms.circle({ width: '1.5em' })}\n                </div>\n                <div class={`detailed-item-text flex flex-v-center flex-${alignment}`}>\n                    <div>{molecules.text(counts, modifiers)}</div>\n                </div>\n            </div>\n        );\n    },\n    'label-value': (counts?: number[]): JSX.IntrinsicElements => {\n        const cells = 2 * (counts?.[0] ?? 1);\n        return (\n            <div class=\"skeleton-shape label-value flex\">\n                {!!cells &&\n                    Array(cells)\n                        .fill(undefined)\n                        .map(() => atoms.rectangle({ height: '1rem' }))}\n            </div>\n        );\n    },\n};\n\nexport default shapes;\n"],"names":[],"mappings":"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"}

package/dist/jest.setup.js

@@ -2,6 +2,39 @@ import { MockHTMLElement } from "@stencil/core/mock-doc";
 /**
  * mocks for specPage tests
  */
+global.IntersectionObserver = class {
+    constructor(callback, options) {
+        this.root = null;
+        this.rootMargin = '0px';
+        this.thresholds = [0];
+        this.observe = () => {
+            const mockEntry = {
+                isIntersecting: global.IntersectionElementIsIntersecting !== undefined
+                    ? global.IntersectionElementIsIntersecting
+                    : true,
+                boundingClientRect: {},
+                intersectionRatio: 1,
+                intersectionRect: {},
+                rootBounds: {},
+                target: {},
+                time: 0,
+            };
+            this.callback([mockEntry], this);
+        };
+        this.disconnect = jest.fn();
+        this.unobserve = jest.fn();
+        this.takeRecords = jest.fn(() => []);
+        this.callback = callback;
+        this.options = options;
+        if (options === null || options === void 0 ? void 0 : options.root)
+            this.root = options.root;
+        if (options === null || options === void 0 ? void 0 : options.rootMargin)
+            this.rootMargin = options.rootMargin;
+        if (options === null || options === void 0 ? void 0 : options.threshold) {
+            this.thresholds = Array.isArray(options.threshold) ? options.threshold : [options.threshold];
+        }
+    }
+};
 global.MutationObserver = class {
     constructor() {
         this.observe = jest.fn();

package/dist/jest.setup.js.map

@@ -1 +1 @@
-{"version":3,"file":"jest.setup.js","sourceRoot":"","sources":["../jest.setup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD;;GAEG;AAEH,MAAM,CAAC,gBAAgB,GAAG;IAAA;QACtB,YAAO,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QACpB,eAAU,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QACvB,gBAAW,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;IACpC,CAAC;CAAsC,CAAC;AAExC,MAAM,CAAC,cAAc,GAAG;IAAA;QACpB,YAAO,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QACpB,eAAU,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QACvB,gBAAW,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;IACpC,CAAC;CAAoC,CAAC;AAEtC,MAAM,CAAC,cAAc,CAAC,eAAe,CAAC,SAAS,EAAE,kBAAkB,EAAE;IACjE,KAAK,EAAE,GAAG,EAAE,CAAC,EAAE;IACf,YAAY,EAAE,IAAI;IAClB,QAAQ,EAAE,IAAI;CACjB,CAAC,CAAC;AAEH,MAAM,CAAC,cAAc,CAAC,eAAe,CAAC,SAAS,EAAE,eAAe,EAAE;IAC9D,KAAK,EAAE,GAAG,EAAE,CAAC,EAAE;IACf,YAAY,EAAE,IAAI;IAClB,QAAQ,EAAE,IAAI;CACjB,CAAC,CAAC;AAYH,MAAM,CAAC,UAAU,GAAG,MAAM,UAAW,SAAQ,KAAK;IAC9C,YAAY,IAAY,EAAE,aAA8B;QACpD,KAAK,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;QAC3B,IAAI,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,EAAE,CAAC;YACxB,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,QAAQ,EAAE;gBAClC,KAAK,EAAE,aAAa,CAAC,MAAM;gBAC3B,YAAY,EAAE,IAAI;aACrB,CAAC,CAAC;QACP,CAAC;IACL,CAAC;CAC4B,CAAC","sourcesContent":["import { MockHTMLElement } from '@stencil/core/mock-doc';\n\n/**\n * mocks for specPage tests\n */\n\nglobal.MutationObserver = class {\n    observe = jest.fn();\n    disconnect = jest.fn();\n    takeRecords = jest.fn(() => []);\n} as unknown as typeof MutationObserver;\n\nglobal.ResizeObserver = class {\n    observe = jest.fn();\n    disconnect = jest.fn();\n    takeRecords = jest.fn(() => []);\n} as unknown as typeof ResizeObserver;\n\nObject.defineProperty(MockHTMLElement.prototype, 'assignedElements', {\n    value: () => [],\n    configurable: true,\n    writable: true,\n});\n\nObject.defineProperty(MockHTMLElement.prototype, 'assignedNodes', {\n    value: () => [],\n    configurable: true,\n    writable: true,\n});\n\n/**\n * TouchEvent mock for testing\n * Extends the global TouchEventInit to allow setting a target HTMLElement\n */\ndeclare global {\n    interface TouchEventInit {\n        target?: HTMLElement;\n    }\n}\n\nglobal.TouchEvent = class TouchEvent extends Event {\n    constructor(type: string, eventInitDict?: TouchEventInit) {\n        super(type, eventInitDict);\n        if (eventInitDict?.target) {\n            Object.defineProperty(this, 'target', {\n                value: eventInitDict.target,\n                configurable: true,\n            });\n        }\n    }\n} as unknown as typeof TouchEvent;\n"]}
+{"version":3,"file":"jest.setup.js","sourceRoot":"","sources":["../jest.setup.ts"],"names":[],"mappings":"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","sourcesContent":["import { MockHTMLElement } from '@stencil/core/mock-doc';\n\n/**\n * mocks for specPage tests\n */\n\nglobal.IntersectionObserver = class {\n    callback: IntersectionObserverCallback;\n    options: IntersectionObserverInit;\n    root: Element | Document | null = null;\n    rootMargin: string = '0px';\n    thresholds: ReadonlyArray<number> = [0];\n\n    constructor(callback: IntersectionObserverCallback, options?: IntersectionObserverInit) {\n        this.callback = callback;\n        this.options = options;\n        if (options?.root) this.root = options.root;\n        if (options?.rootMargin) this.rootMargin = options.rootMargin;\n        if (options?.threshold) {\n            this.thresholds = Array.isArray(options.threshold) ? options.threshold : [options.threshold];\n        }\n    }\n\n    observe = () => {\n        const mockEntry: IntersectionObserverEntry = {\n            isIntersecting:\n                global.IntersectionElementIsIntersecting !== undefined\n                    ? global.IntersectionElementIsIntersecting\n                    : true,\n            boundingClientRect: {} as DOMRectReadOnly,\n            intersectionRatio: 1,\n            intersectionRect: {} as DOMRectReadOnly,\n            rootBounds: {} as DOMRectReadOnly,\n            target: {} as Element,\n            time: 0,\n        };\n        this.callback([mockEntry], this);\n    };\n    disconnect = jest.fn();\n    unobserve = jest.fn();\n    takeRecords = jest.fn(() => []);\n} as unknown as typeof IntersectionObserver;\n\nglobal.MutationObserver = class {\n    observe = jest.fn();\n    disconnect = jest.fn();\n    takeRecords = jest.fn(() => []);\n} as unknown as typeof MutationObserver;\n\nglobal.ResizeObserver = class {\n    observe = jest.fn();\n    disconnect = jest.fn();\n    takeRecords = jest.fn(() => []);\n} as unknown as typeof ResizeObserver;\n\nObject.defineProperty(MockHTMLElement.prototype, 'assignedElements', {\n    value: () => [],\n    configurable: true,\n    writable: true,\n});\n\nObject.defineProperty(MockHTMLElement.prototype, 'assignedNodes', {\n    value: () => [],\n    configurable: true,\n    writable: true,\n});\n\n/**\n * TouchEvent mock for testing\n * Extends the global TouchEventInit to allow setting a target HTMLElement\n */\ndeclare global {\n    interface TouchEventInit {\n        target?: HTMLElement;\n    }\n}\n\nglobal.TouchEvent = class TouchEvent extends Event {\n    constructor(type: string, eventInitDict?: TouchEventInit) {\n        super(type, eventInitDict);\n        if (eventInitDict?.target) {\n            Object.defineProperty(this, 'target', {\n                value: eventInitDict.target,\n                configurable: true,\n            });\n        }\n    }\n} as unknown as typeof TouchEvent;\n"]}