xmlui 0.11.4 → 0.11.6

package/dist/scripts/src/components/Timer/TimerNative.js

@@ -1,178 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Timer = exports.defaultProps = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-exports.defaultProps = {
-    enabled: true,
-    interval: 1000,
-    once: false,
-    initialDelay: 0,
-};
-exports.Timer = (0, react_1.forwardRef)(function Timer(_a, forwardedRef) {
-    var { enabled = exports.defaultProps.enabled, interval = exports.defaultProps.interval, once = exports.defaultProps.once, initialDelay = exports.defaultProps.initialDelay, onTick, registerComponentApi, style, className } = _a, rest = __rest(_a, ["enabled", "interval", "once", "initialDelay", "onTick", "registerComponentApi", "style", "className"]);
-    const [isPaused, setIsPaused] = (0, react_1.useState)(false);
-    const [hasExecutedOnce, setHasExecutedOnce] = (0, react_1.useState)(false);
-    const [hasEverStarted, setHasEverStarted] = (0, react_1.useState)(false);
-    const intervalRef = (0, react_1.useRef)(null);
-    const initialDelayRef = (0, react_1.useRef)(null);
-    const handlerRunningRef = (0, react_1.useRef)(false);
-    // Refs for current values to ensure handleTick has stable dependencies
-    const enabledRef = (0, react_1.useRef)(enabled);
-    const isPausedRef = (0, react_1.useRef)(isPaused);
-    const intervalRef2 = (0, react_1.useRef)(interval);
-    const onTickRef = (0, react_1.useRef)(onTick);
-    const onceRef = (0, react_1.useRef)(once);
-    const hasExecutedOnceRef = (0, react_1.useRef)(hasExecutedOnce);
-    const hasEverStartedRef = (0, react_1.useRef)(hasEverStarted);
-    // Update refs when values change
-    enabledRef.current = enabled;
-    isPausedRef.current = isPaused;
-    intervalRef2.current = interval;
-    onTickRef.current = onTick;
-    onceRef.current = once;
-    hasExecutedOnceRef.current = hasExecutedOnce;
-    hasEverStartedRef.current = hasEverStarted;
-    // Derived state
-    const isRunning = enabled && !isPaused && (intervalRef.current !== null || initialDelayRef.current !== null);
-    const isInInitialDelay = initialDelayRef.current !== null;
-    // Timer API methods
-    const pause = (0, react_1.useCallback)(() => {
-        // Pause if timer is enabled and currently running (not already paused)
-        if (enabled && !isPaused) {
-            setIsPaused(true);
-            if (intervalRef.current) {
-                clearInterval(intervalRef.current);
-                intervalRef.current = null;
-            }
-            if (initialDelayRef.current) {
-                clearTimeout(initialDelayRef.current);
-                initialDelayRef.current = null;
-            }
-        }
-    }, [enabled, isPaused]);
-    const resume = (0, react_1.useCallback)(() => {
-        // Resume if timer is enabled and currently paused
-        if (enabled && isPaused) {
-            setIsPaused(false);
-            // The useEffect will handle restarting the timer
-        }
-    }, [enabled, isPaused]);
-    // Create API object once
-    const timerApi = (0, react_1.useMemo)(() => ({
-        pause,
-        resume,
-        isPaused: () => isPaused,
-        isRunning: () => isRunning && !isPaused,
-    }), [pause, resume, isPaused, isRunning]);
-    // Register both APIs together
-    (0, react_1.useEffect)(() => {
-        if (registerComponentApi) {
-            registerComponentApi(timerApi);
-        }
-    }, [registerComponentApi, timerApi]);
-    const handleTick = (0, react_1.useCallback)(() => __awaiter(this, void 0, void 0, function* () {
-        // Check if timer should still be running (enabled, not paused, valid interval)
-        if (!enabledRef.current || isPausedRef.current || intervalRef2.current <= 0) {
-            return;
-        }
-        // Prevent re-firing if the previous event hasn't completed yet
-        if (handlerRunningRef.current) {
-            return;
-        }
-        if (onTickRef.current) {
-            handlerRunningRef.current = true;
-            try {
-                yield onTickRef.current();
-                // Mark that the timer has actually started executing (for initial delay logic)
-                if (!hasEverStartedRef.current) {
-                    setHasEverStarted(true);
-                }
-                // If this is a "once" timer and it's the very first execution, mark it as executed
-                // After the first execution, the timer becomes a regular timer that can be paused/resumed
-                if (onceRef.current && !hasExecutedOnceRef.current) {
-                    setHasExecutedOnce(true);
-                }
-            }
-            finally {
-                handlerRunningRef.current = false;
-            }
-        }
-    }), []);
-    (0, react_1.useEffect)(() => {
-        // Clear any existing timers first
-        if (intervalRef.current) {
-            clearInterval(intervalRef.current);
-            intervalRef.current = null;
-        }
-        if (initialDelayRef.current) {
-            clearTimeout(initialDelayRef.current);
-            initialDelayRef.current = null;
-        }
-        // If "once" is true and the timer has already executed, don't start the timer
-        if (once && hasExecutedOnce) {
-            return;
-        }
-        if (enabled && !isPaused && interval > 0) {
-            // Helper to start the actual timer
-            const startTicking = () => {
-                intervalRef.current = (once && !hasExecutedOnce)
-                    ? setTimeout(handleTick, interval)
-                    : setInterval(handleTick, interval);
-            };
-            // Only apply initial delay if timer has never been started before
-            if (initialDelay > 0 && !hasEverStarted) {
-                initialDelayRef.current = setTimeout(() => {
-                    initialDelayRef.current = null;
-                    startTicking();
-                }, initialDelay);
-            }
-            else {
-                startTicking();
-            }
-        }
-        return () => {
-            if (intervalRef.current) {
-                clearInterval(intervalRef.current);
-                intervalRef.current = null;
-            }
-            if (initialDelayRef.current) {
-                clearTimeout(initialDelayRef.current);
-                initialDelayRef.current = null;
-            }
-        };
-    }, [enabled, interval, once, hasExecutedOnce, isPaused, initialDelay, hasEverStarted]);
-    // Reset state when enabled changes
-    (0, react_1.useEffect)(() => {
-        if (enabled && once) {
-            // Reset hasExecutedOnce when enabled changes from false to true for "once" timers
-            setHasExecutedOnce(false);
-        }
-        if (!enabled) {
-            // Reset pause state when timer is disabled
-            setIsPaused(false);
-        }
-    }, [enabled, once]);
-    // Timer is a non-visual component
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: forwardedRef, style: Object.assign({ display: "none" }, style), className: className, "data-timer-enabled": enabled, "data-timer-interval": interval, "data-timer-initial-delay": initialDelay, "data-timer-once": once, "data-timer-running": isRunning, "data-timer-paused": isPaused, "data-timer-in-initial-delay": isInInitialDelay, "data-timer-has-executed": hasExecutedOnce }, rest)));
-});

package/dist/scripts/src/components/Toggle/Toggle.js

@@ -1,172 +0,0 @@
-"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Toggle = exports.defaultProps = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_2 = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const Toggle_module_scss_1 = __importDefault(require("./Toggle.module.scss"));
-const constants_1 = require("../../components-core/constants");
-const misc_1 = require("../../components-core/utils/misc");
-const parts_1 = require("../../components-core/parts");
-const react_compose_refs_1 = require("@radix-ui/react-compose-refs");
-exports.defaultProps = {
-    initialValue: false,
-    value: false,
-    enabled: true,
-    validationStatus: "none",
-    indeterminate: false,
-};
-exports.Toggle = (0, react_2.forwardRef)(function Toggle(_a, forwardedRef) {
-    var { id, initialValue = exports.defaultProps.initialValue, value = exports.defaultProps.value, enabled = exports.defaultProps.enabled, style, readOnly, validationStatus = exports.defaultProps.validationStatus, updateState = constants_1.noop, onClick = constants_1.noop, onDidChange = constants_1.noop, onFocus = constants_1.noop, onBlur = constants_1.noop, variant = "checkbox", indeterminate = exports.defaultProps.indeterminate, className, required, autoFocus, registerComponentApi, inputRenderer, forceHover = false } = _a, rest = __rest(_a, ["id", "initialValue", "value", "enabled", "style", "readOnly", "validationStatus", "updateState", "onClick", "onDidChange", "onFocus", "onBlur", "variant", "indeterminate", "className", "required", "autoFocus", "registerComponentApi", "inputRenderer", "forceHover"]);
-    const innerRef = react_2.default.useRef(null);
-    const ref = innerRef ? (0, react_compose_refs_1.composeRefs)(forwardedRef, innerRef) : forwardedRef;
-    const transformToLegitValue = (inp) => {
-        if (typeof inp === "undefined" || inp === null) {
-            return false;
-        }
-        if (typeof inp === "boolean") {
-            return inp;
-        }
-        if (typeof inp === "number") {
-            return !isNaN(inp) && !!inp;
-        }
-        if (typeof inp === "string") {
-            return inp.trim() !== "" && inp.toLowerCase() !== "false";
-        }
-        if (Array.isArray(inp)) {
-            return inp.length > 0;
-        }
-        if (typeof inp === "object") {
-            return Object.keys(inp).length > 0;
-        }
-        return false;
-    };
-    (0, react_2.useEffect)(() => {
-        updateState({ value: transformToLegitValue(initialValue) }, { initial: true });
-    }, [initialValue, updateState]);
-    const updateValue = (0, react_2.useCallback)((value) => {
-        var _a;
-        if (((_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.checked) === value)
-            return;
-        updateState({ value });
-        onDidChange(value);
-    }, [onDidChange, updateState]);
-    const onInputChange = (0, react_2.useCallback)((event) => {
-        if (readOnly) {
-            return;
-        }
-        updateState({ value: event.target.checked });
-        onDidChange(event.target.checked);
-    }, [onDidChange, readOnly, updateState]);
-    const handleOnFocus = (0, react_2.useCallback)(() => {
-        onFocus === null || onFocus === void 0 ? void 0 : onFocus();
-    }, [onFocus]);
-    const handleOnBlur = (0, react_2.useCallback)(() => {
-        onBlur === null || onBlur === void 0 ? void 0 : onBlur();
-    }, [onBlur]);
-    (0, react_2.useEffect)(() => {
-        if (typeof indeterminate === "boolean" && innerRef.current) {
-            innerRef.current.indeterminate = indeterminate;
-        }
-    }, [indeterminate]);
-    const focus = (0, react_2.useCallback)(() => {
-        var _a;
-        (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-    }, []);
-    (0, react_2.useEffect)(() => {
-        if (innerRef.current && autoFocus) {
-            setTimeout(() => focus(), 0);
-        }
-    }, [focus, autoFocus]);
-    const setValue = (0, misc_1.useEvent)((newValue) => {
-        updateValue(transformToLegitValue(newValue));
-    });
-    (0, react_2.useEffect)(() => {
-        registerComponentApi === null || registerComponentApi === void 0 ? void 0 : registerComponentApi({
-            focus,
-            setValue,
-        });
-    }, [focus, registerComponentApi, setValue]);
-    const input = (0, react_1.useMemo)(() => {
-        const legitValue = transformToLegitValue(value);
-        return ((0, jsx_runtime_1.jsx)("input", Object.assign({}, rest, { id: id, "data-part-id": parts_1.PART_INPUT, ref: ref, type: "checkbox", role: variant, checked: legitValue, disabled: !enabled, required: required, readOnly: readOnly, "aria-readonly": readOnly, "aria-checked": indeterminate ? "mixed" : legitValue, "aria-required": required, "aria-disabled": !enabled, onClick: onClick, onChange: onInputChange, onFocus: handleOnFocus, onBlur: handleOnBlur, autoFocus: autoFocus, style: style, className: (0, classnames_1.default)(className, Toggle_module_scss_1.default.resetAppearance, {
-                [Toggle_module_scss_1.default.checkbox]: variant === "checkbox",
-                [Toggle_module_scss_1.default.switch]: variant === "switch",
-                [Toggle_module_scss_1.default.error]: validationStatus === "error",
-                [Toggle_module_scss_1.default.warning]: validationStatus === "warning",
-                [Toggle_module_scss_1.default.valid]: validationStatus === "valid",
-                [Toggle_module_scss_1.default.forceHover]: forceHover,
-            }) })));
-    }, [
-        rest,
-        className,
-        ref,
-        style,
-        id,
-        enabled,
-        handleOnBlur,
-        handleOnFocus,
-        onInputChange,
-        onClick,
-        readOnly,
-        required,
-        validationStatus,
-        value,
-        variant,
-        indeterminate,
-        autoFocus,
-        forceHover,
-    ]);
-    return (inputRenderer ? ((0, jsx_runtime_1.jsxs)("label", { className: Toggle_module_scss_1.default.label, children: [(0, jsx_runtime_1.jsx)("div", { className: Toggle_module_scss_1.default.inputContainer, children: input }), inputRenderer({
-                $checked: transformToLegitValue(value),
-                $setChecked: setValue,
-            })] })) : (input));
-});

package/dist/scripts/src/components/ToneChangerButton/ToneChangerButton.js

@@ -1,63 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.toneChangerButtonComponentRenderer = exports.ToneChangerButtonMd = exports.defaultProps = void 0;
-exports.ToneChangerButton = ToneChangerButton;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ThemeContext_1 = require("../../components-core/theming/ThemeContext");
-const renderers_1 = require("../../components-core/renderers");
-const ButtonNative_1 = require("../Button/ButtonNative");
-const IconNative_1 = require("../Icon/IconNative");
-const metadata_helpers_1 = require("../metadata-helpers");
-const lodash_es_1 = require("lodash-es");
-const COMP = "ToneChangerButton";
-const LIGHT_TO_DARK_ICON = "lightToDark:ToneChangerButton";
-const DARK_TO_LIGHT_ICON = "darkToLight:ToneChangerButton";
-exports.defaultProps = {
-    lightToDarkIcon: LIGHT_TO_DARK_ICON,
-    darkToLightIcon: DARK_TO_LIGHT_ICON,
-    onClick: lodash_es_1.noop,
-};
-exports.ToneChangerButtonMd = (0, metadata_helpers_1.createMetadata)({
-    status: "stable",
-    description: "`ToneChangerButton` enables the user to switch between light and dark modes.",
-    props: {
-        lightToDarkIcon: {
-            description: `The icon displayed when the theme is in light mode and will switch to dark. You can change ` +
-                `the default icon for all ${COMP} instances with the "icon.lightToDark:ToneChangerButton" ` +
-                `declaration in the app configuration file.`,
-            defaultValue: exports.defaultProps.lightToDarkIcon,
-        },
-        darkToLightIcon: {
-            description: `The icon displayed when the theme is in dark mode and will switch to light. You can change ` +
-                `the default icon for all ${COMP} instances with the "icon.darkToLight:ToneChangerButton" ` +
-                `declaration in the app configuration file.`,
-            defaultValue: exports.defaultProps.darkToLightIcon,
-        },
-    },
-    events: {
-        click: (0, metadata_helpers_1.dClick)(COMP),
-    },
-});
-function ToneChangerButton({ lightToDarkIcon = exports.defaultProps.lightToDarkIcon, darkToLightIcon = exports.defaultProps.darkToLightIcon, onClick = exports.defaultProps.onClick, }) {
-    const { activeThemeTone, setActiveThemeTone } = (0, ThemeContext_1.useThemes)();
-    // Use the direct icon name as both the main icon and the fallback
-    // This ensures we always have a working icon
-    const iconName = activeThemeTone === "light" ? lightToDarkIcon : darkToLightIcon;
-    const fallbackIcon = activeThemeTone === "light" ? "lightToDark" : "darkToLight";
-    return ((0, jsx_runtime_1.jsx)(ButtonNative_1.Button, { variant: "ghost", style: { flexShrink: 0 }, icon: (0, jsx_runtime_1.jsx)(IconNative_1.Icon, { name: iconName, fallback: fallbackIcon }), onClick: () => {
-            if (activeThemeTone === "light") {
-                setActiveThemeTone("dark");
-                onClick === null || onClick === void 0 ? void 0 : onClick("dark");
-            }
-            else {
-                setActiveThemeTone("light");
-                onClick === null || onClick === void 0 ? void 0 : onClick("light");
-            }
-        } }));
-}
-/**
- * Define the renderer for the ToneChangerButton component
- */
-exports.toneChangerButtonComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.ToneChangerButtonMd, ({ node, extractValue, lookupEventHandler }) => {
-    return ((0, jsx_runtime_1.jsx)(ToneChangerButton, { onClick: lookupEventHandler("click"), lightToDarkIcon: extractValue.asOptionalString(node.props.lightToDarkIcon), darkToLightIcon: extractValue.asOptionalString(node.props.darkToLightIcon) }));
-});