xmlui 0.10.26 → 0.11.1

package/dist/scripts/src/testing/drivers/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TimerDriver = exports.TimeInputDriver = exports.DateInputDriver = void 0;
+var DateInputDriver_1 = require("./DateInputDriver");
+Object.defineProperty(exports, "DateInputDriver", { enumerable: true, get: function () { return DateInputDriver_1.DateInputDriver; } });
+var TimeInputDriver_1 = require("./TimeInputDriver");
+Object.defineProperty(exports, "TimeInputDriver", { enumerable: true, get: function () { return TimeInputDriver_1.TimeInputDriver; } });
+var TimerDriver_1 = require("./TimerDriver");
+Object.defineProperty(exports, "TimerDriver", { enumerable: true, get: function () { return TimerDriver_1.TimerDriver; } });

package/dist/scripts/src/testing/index.js

@@ -0,0 +1,69 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TimerDriver = exports.TimeInputDriver = exports.DateInputDriver = exports.getThemedStyle = exports.getThemedElementStyles = exports.getThemedElementStyle = exports.themedPixelStrToNum = exports.themedOverflows = exports.getFullRectangle = exports.getThemedBoundingRect = exports.scalePercentBy = exports.initThemedApp = exports.prepPage = exports.initApp = exports.ComponentDriver = exports.mapObject = exports.getComponentTagName = exports.scaleByPercent = exports.parseComponentIfNecessary = exports.parseAsCSSBorderStyle = exports.parseAsCSSColor = exports.numericCSSToString = exports.parseAsNumericCss = exports.parseAsCssBorder = exports.pixelStrToNum = exports.SKIP_REASON = exports.getBounds = exports.getMargins = exports.getBorders = exports.getPaddings = exports.getHtmlAttributes = exports.getPseudoStyles = exports.getStyles = exports.overflows = exports.isIndeterminate = exports.getElementStyles = exports.getElementStyle = exports.getBoundingRect = exports.expect = exports.test = void 0;
+// Main testing exports - test and expect with xmlui-specific fixtures
+var fixtures_1 = require("./fixtures");
+Object.defineProperty(exports, "test", { enumerable: true, get: function () { return fixtures_1.test; } });
+Object.defineProperty(exports, "expect", { enumerable: true, get: function () { return fixtures_1.expect; } });
+// Testing utilities and helpers
+var component_test_helpers_1 = require("./component-test-helpers");
+Object.defineProperty(exports, "getBoundingRect", { enumerable: true, get: function () { return component_test_helpers_1.getBoundingRect; } });
+Object.defineProperty(exports, "getElementStyle", { enumerable: true, get: function () { return component_test_helpers_1.getElementStyle; } });
+Object.defineProperty(exports, "getElementStyles", { enumerable: true, get: function () { return component_test_helpers_1.getElementStyles; } });
+Object.defineProperty(exports, "isIndeterminate", { enumerable: true, get: function () { return component_test_helpers_1.isIndeterminate; } });
+Object.defineProperty(exports, "overflows", { enumerable: true, get: function () { return component_test_helpers_1.overflows; } });
+Object.defineProperty(exports, "getStyles", { enumerable: true, get: function () { return component_test_helpers_1.getStyles; } });
+Object.defineProperty(exports, "getPseudoStyles", { enumerable: true, get: function () { return component_test_helpers_1.getPseudoStyles; } });
+Object.defineProperty(exports, "getHtmlAttributes", { enumerable: true, get: function () { return component_test_helpers_1.getHtmlAttributes; } });
+Object.defineProperty(exports, "getPaddings", { enumerable: true, get: function () { return component_test_helpers_1.getPaddings; } });
+Object.defineProperty(exports, "getBorders", { enumerable: true, get: function () { return component_test_helpers_1.getBorders; } });
+Object.defineProperty(exports, "getMargins", { enumerable: true, get: function () { return component_test_helpers_1.getMargins; } });
+Object.defineProperty(exports, "getBounds", { enumerable: true, get: function () { return component_test_helpers_1.getBounds; } });
+Object.defineProperty(exports, "SKIP_REASON", { enumerable: true, get: function () { return component_test_helpers_1.SKIP_REASON; } });
+Object.defineProperty(exports, "pixelStrToNum", { enumerable: true, get: function () { return component_test_helpers_1.pixelStrToNum; } });
+Object.defineProperty(exports, "parseAsCssBorder", { enumerable: true, get: function () { return component_test_helpers_1.parseAsCssBorder; } });
+Object.defineProperty(exports, "parseAsNumericCss", { enumerable: true, get: function () { return component_test_helpers_1.parseAsNumericCss; } });
+Object.defineProperty(exports, "numericCSSToString", { enumerable: true, get: function () { return component_test_helpers_1.numericCSSToString; } });
+Object.defineProperty(exports, "parseAsCSSColor", { enumerable: true, get: function () { return component_test_helpers_1.parseAsCSSColor; } });
+Object.defineProperty(exports, "parseAsCSSBorderStyle", { enumerable: true, get: function () { return component_test_helpers_1.parseAsCSSBorderStyle; } });
+Object.defineProperty(exports, "parseComponentIfNecessary", { enumerable: true, get: function () { return component_test_helpers_1.parseComponentIfNecessary; } });
+Object.defineProperty(exports, "scaleByPercent", { enumerable: true, get: function () { return component_test_helpers_1.scaleByPercent; } });
+Object.defineProperty(exports, "getComponentTagName", { enumerable: true, get: function () { return component_test_helpers_1.getComponentTagName; } });
+Object.defineProperty(exports, "mapObject", { enumerable: true, get: function () { return component_test_helpers_1.mapObject; } });
+// Component drivers
+var ComponentDrivers_1 = require("./ComponentDrivers");
+Object.defineProperty(exports, "ComponentDriver", { enumerable: true, get: function () { return ComponentDrivers_1.ComponentDriver; } });
+// Themed app test helpers
+var themed_app_test_helpers_1 = require("./themed-app-test-helpers");
+Object.defineProperty(exports, "initApp", { enumerable: true, get: function () { return themed_app_test_helpers_1.initApp; } });
+Object.defineProperty(exports, "prepPage", { enumerable: true, get: function () { return themed_app_test_helpers_1.prepPage; } });
+Object.defineProperty(exports, "initThemedApp", { enumerable: true, get: function () { return themed_app_test_helpers_1.initThemedApp; } });
+Object.defineProperty(exports, "scalePercentBy", { enumerable: true, get: function () { return themed_app_test_helpers_1.scalePercentBy; } });
+Object.defineProperty(exports, "getThemedBoundingRect", { enumerable: true, get: function () { return themed_app_test_helpers_1.getBoundingRect; } });
+Object.defineProperty(exports, "getFullRectangle", { enumerable: true, get: function () { return themed_app_test_helpers_1.getFullRectangle; } });
+Object.defineProperty(exports, "themedOverflows", { enumerable: true, get: function () { return themed_app_test_helpers_1.isElementOverflown; } });
+Object.defineProperty(exports, "themedPixelStrToNum", { enumerable: true, get: function () { return themed_app_test_helpers_1.pixelStrToNum; } });
+Object.defineProperty(exports, "getThemedElementStyle", { enumerable: true, get: function () { return themed_app_test_helpers_1.getElementStyle; } });
+Object.defineProperty(exports, "getThemedElementStyles", { enumerable: true, get: function () { return themed_app_test_helpers_1.getElementStyles; } });
+Object.defineProperty(exports, "getThemedStyle", { enumerable: true, get: function () { return themed_app_test_helpers_1.getStyle; } });
+// Assertions
+__exportStar(require("./assertions"), exports);
+// Driver exports
+var index_1 = require("./drivers/index");
+Object.defineProperty(exports, "DateInputDriver", { enumerable: true, get: function () { return index_1.DateInputDriver; } });
+Object.defineProperty(exports, "TimeInputDriver", { enumerable: true, get: function () { return index_1.TimeInputDriver; } });
+Object.defineProperty(exports, "TimerDriver", { enumerable: true, get: function () { return index_1.TimerDriver; } });

package/dist/standalone/xmlui-standalone.es.d.ts

@@ -1,3 +1,8 @@
+import { AlignmentOptions as AlignmentOptions_2 } from './components/abstractions';
+import { BreakMode as BreakMode_2 } from './components/abstractions';
+import { ButtonThemeColor as ButtonThemeColor_2 } from './components/abstractions';
+import { ButtonType as ButtonType_2 } from './components/abstractions';
+import { ButtonVariant as ButtonVariant_2 } from './components/abstractions';
 import { CSSProperties } from 'react';
 import { default as default_2 } from 'react';
 import { default as default_3 } from 'react/jsx-runtime';
@@ -7,8 +12,12 @@ import { Dispatch } from 'react';
 import { ErrorInfo } from 'react';
 import { ForwardedRef } from 'react';
 import { ForwardRefExoticComponent } from 'react';
+import { IconBaseProps as IconBaseProps_2 } from './components/Icon/IconNative';
+import { IconPosition as IconPosition_2 } from './components/abstractions';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { NavigateOptions } from 'react-router-dom';
+import { OrientationOptions as OrientationOptions_2 } from './components/abstractions';
+import { OverflowMode as OverflowMode_2 } from './components/abstractions';
 import { PathParams } from 'msw';
 import { QueryClient } from '@tanstack/react-query';
 import { ReactNode } from 'react';
@@ -18,10 +27,16 @@ import { Renderable } from 'react-hot-toast';
 import { Root } from 'react-dom/client';
 import { SetStateAction } from 'react';
 import { SetupWorker } from 'msw/browser';
+import { SizeType as SizeType_2 } from './components/abstractions';
 import { StrictRequest } from 'msw';
+import { Tab as Tab_2 } from './components/abstractions';
+import { TextVariant as TextVariant_2 } from './components/abstractions';
 import { To } from 'react-router-dom';
 import { Toast } from 'react-hot-toast';
 import { ToastOptions } from 'react-hot-toast';
+import { UpdateStateFn as UpdateStateFn_2 } from './abstractions/RendererDefs';
+import { UseEventOverload as UseEventOverload_2 } from './components-core/utils/misc';
+import { ValidationStatus as ValidationStatus_2 } from './components/abstractions';
 import { ValueOrFunction } from 'react-hot-toast';
 
 declare interface ActionExecutionContext {
@@ -137,6 +152,7 @@ declare type AppContextObject = {
     capitalize: (s?: string) => string;
     pluralize: (number: number, singular: string, plural: string) => string;
     delay: (timeInMs: number, callback?: any) => Promise<void>;
+    debounce: <F extends (...args: any[]) => any>(delayMs: number, func: F, ...args: any[]) => void;
     toHashObject: (arr: any[], keyProp: string, valueProp: string) => any;
     findByField: (arr: any[], field: string, value: any) => any;
     readonly embed: {
@@ -1525,7 +1541,7 @@ declare const standaloneExports: {
     useTheme: typeof xmluiExports.useTheme;
     AppRoot: typeof xmluiExports.AppRoot;
     ErrorBoundary: typeof xmluiExports.ErrorBoundary;
-    Icon: default_2.ForwardRefExoticComponent<IconBaseProps & default_2.RefAttributes<HTMLElement>>;
+    Icon: default_2.ForwardRefExoticComponent<IconBaseProps_2 & default_2.RefAttributes<HTMLElement>>;
     Stack: default_2.ForwardRefExoticComponent<{
         children: default_2.ReactNode;
         orientation?: string;
@@ -1542,16 +1558,16 @@ declare const standaloneExports: {
     } & default_2.RefAttributes<any>>;
     Button: default_2.ForwardRefExoticComponent<{
         id?: string;
-        type?: ButtonType;
-        variant?: ButtonVariant;
-        themeColor?: ButtonThemeColor;
-        size?: SizeType;
+        type?: ButtonType_2;
+        variant?: ButtonVariant_2;
+        themeColor?: ButtonThemeColor_2;
+        size?: SizeType_2;
         disabled?: boolean;
         children?: default_2.ReactNode | default_2.ReactNode[];
         icon?: default_2.ReactNode;
-        iconPosition?: IconPosition;
-        contentPosition?: AlignmentOptions;
-        orientation?: OrientationOptions;
+        iconPosition?: IconPosition_2;
+        contentPosition?: AlignmentOptions_2;
+        orientation?: OrientationOptions_2;
         formId?: string;
         style?: default_2.CSSProperties;
         gap?: string | number;
@@ -1563,7 +1579,7 @@ declare const standaloneExports: {
         style?: default_2.CSSProperties;
         className?: string;
         splitterTemplate?: default_2.ReactNode;
-        orientation?: OrientationOptions;
+        orientation?: OrientationOptions_2;
         floating?: boolean;
         resize?: (sizes: [number, number]) => void;
         swapped?: boolean;
@@ -1572,7 +1588,7 @@ declare const standaloneExports: {
         maxPrimarySize?: string;
     }) => default_3.JSX.Element;
     getColor: typeof xmluiExports.getColor;
-    TabItem: default_2.ForwardRefExoticComponent<Tab & default_2.RefAttributes<HTMLDivElement>>;
+    TabItem: default_2.ForwardRefExoticComponent<Tab_2 & default_2.RefAttributes<HTMLDivElement>>;
     Tabs: default_2.ForwardRefExoticComponent<{
         id?: string;
         activeTab?: number;
@@ -1618,12 +1634,12 @@ declare const standaloneExports: {
         [variantSpecificProps: string]: any;
         uid?: string;
         children?: default_2.ReactNode;
-        variant?: TextVariant;
+        variant?: TextVariant_2;
         maxLines?: number;
         preserveLinebreaks?: boolean;
         ellipses?: boolean;
-        overflowMode?: OverflowMode;
-        breakMode?: BreakMode;
+        overflowMode?: OverflowMode_2;
+        breakMode?: BreakMode_2;
         style?: default_2.CSSProperties;
         className?: string;
         registerComponentApi?: xmluiExports.RegisterComponentApiFn;
@@ -1632,14 +1648,14 @@ declare const standaloneExports: {
         id?: string;
         type?: "text" | "password" | "search";
         value?: string;
-        updateState?: UpdateStateFn;
+        updateState?: UpdateStateFn_2;
         initialValue?: string;
         style?: default_2.CSSProperties;
         className?: string;
         maxLength?: number;
         enabled?: boolean;
         placeholder?: string;
-        validationStatus?: ValidationStatus;
+        validationStatus?: ValidationStatus_2;
         onDidChange?: (newValue: string) => void;
         onFocus?: () => void;
         onBlur?: () => void;
@@ -1694,7 +1710,7 @@ declare const standaloneExports: {
     useAppLayoutContext: typeof xmluiExports.useAppLayoutContext;
     StyleProvider: typeof xmluiExports.StyleProvider;
     StyleRegistry: typeof xmluiExports.StyleRegistry;
-    useEvent: UseEventOverload;
+    useEvent: UseEventOverload_2;
     StandaloneComponent: typeof xmluiExports.StandaloneComponent;
     Theme: typeof xmluiExports.Theme;
 };