xmlui 0.11.4 → 0.11.7

package/dist/scripts/src/components/Queue/QueueNative.js

@@ -1,342 +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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultProps = void 0;
-exports.Queue = Queue;
-exports.QueueWithContextVar = QueueWithContextVar;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_hot_toast_1 = __importDefault(require("react-hot-toast"));
-const immer_1 = __importDefault(require("immer"));
-const lodash_es_1 = require("lodash-es");
-const hooks_1 = require("../../components-core/utils/hooks");
-const misc_1 = require("../../components-core/utils/misc");
-const AppContext_1 = require("../../components-core/AppContext");
-const container_helpers_1 = require("../container-helpers");
-const queueActions_1 = require("../Queue/queueActions");
-// =====================================================================================================================
-// React Queue component implementation
-exports.defaultProps = {
-    clearAfterFinish: false,
-};
-const queueReducer = (0, immer_1.default)((state, action) => {
-    switch (action.type) {
-        case queueActions_1.QueueActionKind.ACTION_QUEUE_INITIALIZED: {
-            const queueState = {};
-            const itemsById = {};
-            action.payload.queue.forEach((item, index) => {
-                itemsById[action.payload.actionItemIds[index]] = item;
-            });
-            const queue = Object.keys(itemsById);
-            Object.entries(itemsById).forEach(([actionItemId, item]) => {
-                queueState[actionItemId] = {
-                    batchId: action.payload.batchId,
-                    actionItemId,
-                    status: "pending",
-                    item,
-                };
-            });
-            return {
-                queue: [...(state.queue || []), ...queue],
-                queueState: Object.assign(Object.assign({}, state.queueState), queueState),
-            };
-        }
-        case queueActions_1.QueueActionKind.ACTION_ITEM_STARTED: {
-            if (state.queueState[action.payload.actionItemId]) {
-                state.queueState[action.payload.actionItemId].status = "started";
-            }
-            break;
-        }
-        case queueActions_1.QueueActionKind.ACTION_ITEM_PROGRESS: {
-            if (state.queueState[action.payload.actionItemId]) {
-                state.queueState[action.payload.actionItemId].status = "in-progress";
-                state.queueState[action.payload.actionItemId].progress = action.payload.progressEvent;
-            }
-            break;
-        }
-        case queueActions_1.QueueActionKind.ACTION_ITEM_COMPLETED: {
-            state.queue = state.queue.filter((aiId) => aiId !== action.payload.actionItemId);
-            if (state.queueState[action.payload.actionItemId]) {
-                state.queueState[action.payload.actionItemId].status = "completed";
-                state.queueState[action.payload.actionItemId].result = action.payload.result;
-            }
-            break;
-        }
-        case queueActions_1.QueueActionKind.ACTION_ITEM_REMOVED: {
-            state.queue = state.queue.filter((aiId) => aiId !== action.payload.actionItemId);
-            delete state.queueState[action.payload.actionItemId];
-            break;
-        }
-        case queueActions_1.QueueActionKind.ACTION_ITEM_ERROR: {
-            state.queue = state.queue.filter((aiId) => aiId !== action.payload.actionItemId);
-            if (state.queueState[action.payload.actionItemId]) {
-                state.queueState[action.payload.actionItemId].status = "error";
-                state.queueState[action.payload.actionItemId].error = action.payload.error;
-            }
-            break;
-        }
-        case queueActions_1.QueueActionKind.CLEAR_COMPLETED_ACTION_ITEMS: {
-            if (state.queueState) {
-                Object.entries(state.queueState).forEach(([key, value]) => {
-                    if (value.status === "completed" || value.status === "error") {
-                        delete state.queueState[key];
-                    }
-                });
-            }
-            break;
-        }
-        default:
-            throw new Error();
-    }
-    // console.log("queue action arrived", action);
-    // console.log("queue state", cloneDeep(state));
-});
-const INITIAL_STATE = {
-    queue: [],
-    queueState: {},
-};
-function Queue({ registerComponentApi, willProcessItem, processItem, didProcessItem, processItemError, onComplete, 
-//progressFeedback,
-renderProgressFeedback, renderResultFeedback, clearAfterFinish = exports.defaultProps.clearAfterFinish, queueState: externalQueueState, dispatch: externalDispatch, }) {
-    const runningActionItemRef = (0, react_1.useRef)(new Set());
-    const [internalQueueState, internalDispatch] = (0, react_1.useReducer)(queueReducer, INITIAL_STATE);
-    // Use external state if provided, otherwise use internal state
-    const queueState = externalQueueState !== null && externalQueueState !== void 0 ? externalQueueState : internalQueueState;
-    const dispatch = externalDispatch !== null && externalDispatch !== void 0 ? externalDispatch : internalDispatch;
-    let appContext = (0, AppContext_1.useAppContext)();
-    // --- This Queue API adds a single item to the queue
-    const enqueueItem = (0, misc_1.useEvent)((item) => {
-        const itemId = (0, misc_1.generatedId)();
-        dispatch((0, queueActions_1.actionQueueInitialized)([item], (0, misc_1.generatedId)(), [itemId]));
-        return itemId;
-    });
-    // --- This Queue API adds a list of items to the queue
-    const enqueueItems = (0, misc_1.useEvent)((items) => {
-        const itemIds = items.map(() => (0, misc_1.generatedId)());
-        dispatch((0, queueActions_1.actionQueueInitialized)(items, (0, misc_1.generatedId)(), itemIds));
-        return itemIds;
-    });
-    const clearCompleted = (0, react_1.useCallback)(() => {
-        dispatch((0, queueActions_1.clearCompletedActionItems)());
-    }, []);
-    const remove = (0, react_1.useCallback)((actionItemId) => {
-        if (actionItemId) {
-            dispatch((0, queueActions_1.removeActionItem)(actionItemId));
-        }
-    }, []);
-    const getQueueLength = (0, react_1.useCallback)(() => {
-        return queueState.queue.length;
-    }, [queueState.queue.length]);
-    const getQueuedItems = (0, react_1.useCallback)(() => {
-        // console.log("GET QUEUED ITEMS", Object.values(queueState.queueState));
-        return Object.values(queueState.queueState);
-    }, [queueState.queueState]);
-    (0, react_1.useEffect)(() => {
-        registerComponentApi({
-            enqueueItem,
-            enqueueItems,
-            clearCompleted,
-            remove,
-            getQueueLength,
-            getQueuedItems,
-        });
-    }, [
-        registerComponentApi,
-        enqueueItem,
-        enqueueItems,
-        clearCompleted,
-        remove,
-        getQueueLength,
-        getQueuedItems,
-    ]);
-    const doSingle = (0, react_1.useCallback)((actionItemId) => __awaiter(this, void 0, void 0, function* () {
-        const queueItem = queueState.queueState[actionItemId];
-        if ((queueItem === null || queueItem === void 0 ? void 0 : queueItem.status) !== "pending") {
-            return;
-        }
-        if (runningActionItemRef.current.has(actionItemId)) {
-            return;
-        }
-        runningActionItemRef.current.add(actionItemId);
-        const item = queueItem.item;
-        let processItemContext = {};
-        try {
-            const willProcessResult = yield (willProcessItem === null || willProcessItem === void 0 ? void 0 : willProcessItem({
-                item,
-                actionItemId,
-                processItemContext,
-            }));
-            processItemContext = Object.assign(Object.assign({}, processItemContext), { willProcessResult: willProcessResult });
-            if (willProcessResult === false) {
-                dispatch((0, queueActions_1.removeActionItem)(actionItemId));
-                return;
-            }
-            dispatch((0, queueActions_1.actionItemStarted)(actionItemId));
-            const result = yield (processItem === null || processItem === void 0 ? void 0 : processItem({
-                item: item,
-                actionItemId,
-                processItemContext,
-                onProgress: (progressEvent) => {
-                    dispatch((0, queueActions_1.actionItemProgress)(actionItemId, progressEvent));
-                },
-            }));
-            processItemContext = Object.assign(Object.assign({}, processItemContext), { processResult: result });
-            yield (didProcessItem === null || didProcessItem === void 0 ? void 0 : didProcessItem({
-                item,
-                actionItemId,
-                processItemContext,
-            }));
-            dispatch((0, queueActions_1.actionItemCompleted)(actionItemId, result));
-        }
-        catch (error) {
-            let result = yield (processItemError === null || processItemError === void 0 ? void 0 : processItemError(error, {
-                item,
-                actionItemId,
-                processItemContext,
-            }));
-            dispatch((0, queueActions_1.actionItemError)(actionItemId, error));
-            if (result !== false) {
-                appContext.signError(error);
-            }
-        }
-        finally {
-            runningActionItemRef.current.delete(actionItemId);
-        }
-    }), [
-        appContext,
-        didProcessItem,
-        dispatch,
-        processItem,
-        processItemError,
-        queueState.queueState,
-        willProcessItem,
-    ]);
-    const toastId = (0, react_1.useRef)();
-    const queue = queueState.queue;
-    const prevQueue = (0, hooks_1.usePrevious)(queue);
-    const doComplete = (0, react_1.useCallback)(() => {
-        onComplete === null || onComplete === void 0 ? void 0 : onComplete();
-        const queuedItems = getQueuedItems();
-        const completedItems = getQueuedItems().filter((item) => item.status === "completed");
-        const resultFeedback = renderResultFeedback === null || renderResultFeedback === void 0 ? void 0 : renderResultFeedback(completedItems, queuedItems);
-        if (resultFeedback && completedItems.length) {
-            let currentToast = toastId.current;
-            react_hot_toast_1.default.success((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: resultFeedback }), {
-                id: currentToast,
-            });
-        }
-        else {
-            if (toastId.current) {
-                let currentToast = toastId.current;
-                react_hot_toast_1.default.dismiss(currentToast);
-            }
-        }
-        // toastId.current = undefined;
-        if (clearAfterFinish) {
-            clearCompleted();
-        }
-    }, [clearAfterFinish, clearCompleted, getQueuedItems, onComplete, renderResultFeedback]);
-    //with useEffect, it's showing the previous state for some reason, review!
-    (0, react_1.useLayoutEffect)(() => {
-        if (!queue.length) {
-            return;
-        }
-        if (renderProgressFeedback) {
-            const queuedItems = getQueuedItems();
-            const completedItems = getQueuedItems().filter((item) => item.status === "completed");
-            const progressFeedback = renderProgressFeedback === null || renderProgressFeedback === void 0 ? void 0 : renderProgressFeedback(completedItems, queuedItems);
-            if (progressFeedback && toastId.current) {
-                react_hot_toast_1.default.loading((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: progressFeedback }), {
-                    id: toastId.current,
-                });
-            }
-            else {
-                toastId.current = react_hot_toast_1.default.loading((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: progressFeedback }));
-            }
-        }
-    }, [renderProgressFeedback, queue === null || queue === void 0 ? void 0 : queue.length]);
-    (0, react_1.useEffect)(() => {
-        if (!queue) {
-            return;
-        }
-        if (prevQueue === queue) {
-            return;
-        }
-        if ((0, lodash_es_1.isEqual)(prevQueue, queue)) {
-            return;
-        }
-        if ((prevQueue === null || prevQueue === void 0 ? void 0 : prevQueue.length) && !queue.length) {
-            doComplete();
-            return;
-        }
-        let queueItem = queue[0];
-        void (() => __awaiter(this, void 0, void 0, function* () {
-            yield doSingle(queueItem);
-        }))();
-    }, [doComplete, doSingle, prevQueue, queue]);
-    return null;
-}
-function QueueWithContextVar({ node, renderChild, extractValue, lookupEventHandler, registerComponentApi, }) {
-    const [queueState, dispatch] = (0, react_1.useReducer)(queueReducer, INITIAL_STATE);
-    // Compute context variables from queue state
-    const completedItems = (0, react_1.useMemo)(() => {
-        return Object.values(queueState.queueState).filter((item) => item.status === "completed");
-    }, [queueState.queueState]);
-    const queuedItems = (0, react_1.useMemo)(() => {
-        return Object.values(queueState.queueState);
-    }, [queueState.queueState]);
-    const $completedItems = completedItems;
-    const $queuedItems = queuedItems;
-    return ((0, jsx_runtime_1.jsx)(Queue, { queueState: queueState, dispatch: dispatch, registerComponentApi: registerComponentApi, renderResultFeedback: node.props.resultFeedback
-            ? (completedItems, queuedItems) => {
-                return ((0, jsx_runtime_1.jsx)(container_helpers_1.MemoizedItem, { node: node.props.resultFeedback, contextVars: {
-                        $completedItems: completedItems,
-                        $queuedItems: queuedItems,
-                    }, renderChild: renderChild }));
-            }
-            : undefined, renderProgressFeedback: node.props.progressFeedback
-            ? (completedItems, queuedItems) => {
-                return ((0, jsx_runtime_1.jsx)(container_helpers_1.MemoizedItem, { node: node.props.progressFeedback, contextVars: {
-                        $completedItems: completedItems,
-                        $queuedItems: queuedItems,
-                    }, renderChild: renderChild }));
-            }
-            : undefined, willProcessItem: lookupEventHandler("willProcess", {
-            context: {
-                $completedItems,
-                $queuedItems,
-            },
-        }), processItem: lookupEventHandler("process", {
-            signError: false,
-            context: {
-                $completedItems,
-                $queuedItems,
-            },
-        }), didProcessItem: lookupEventHandler("didProcess", {
-            context: {
-                $completedItems,
-                $queuedItems,
-            },
-        }), processItemError: lookupEventHandler("processError", {
-            context: {
-                $completedItems,
-                $queuedItems,
-            },
-        }), onComplete: lookupEventHandler("complete", {
-            context: {
-                $completedItems,
-                $queuedItems,
-            },
-        }), clearAfterFinish: extractValue.asOptionalBoolean(node.props.clearAfterFinish) }));
-}

package/dist/scripts/src/components/Queue/queueActions.js

@@ -1,87 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.QueueActionKind = void 0;
-exports.actionItemStarted = actionItemStarted;
-exports.actionItemProgress = actionItemProgress;
-exports.actionItemCompleted = actionItemCompleted;
-exports.removeActionItem = removeActionItem;
-exports.clearCompletedActionItems = clearCompletedActionItems;
-exports.actionItemError = actionItemError;
-exports.actionQueueInitialized = actionQueueInitialized;
-var QueueActionKind;
-(function (QueueActionKind) {
-    QueueActionKind["ACTION_ITEM_STARTED"] = "ACTION_ITEM_STARTED";
-    QueueActionKind["ACTION_ITEM_PROGRESS"] = "ACTION_ITEM_PROGRESS";
-    QueueActionKind["ACTION_ITEM_COMPLETED"] = "ACTION_ITEM_COMPLETED";
-    QueueActionKind["CLEAR_COMPLETED_ACTION_ITEMS"] = "CLEAR_COMPLETED_ACTION_ITEMS";
-    QueueActionKind["ACTION_ITEM_ERROR"] = "ACTION_ITEM_ERROR";
-    QueueActionKind["ACTION_QUEUE_INITIALIZED"] = "ACTION_QUEUE_INITIALIZED";
-    QueueActionKind["ACTION_ITEM_REMOVED"] = "ACTION_ITEM_REMOVED";
-})(QueueActionKind || (exports.QueueActionKind = QueueActionKind = {}));
-// Signs that a particular component (`uid`) has started running an action with `actionItemId`.
-function actionItemStarted(actionItemId) {
-    return {
-        type: QueueActionKind.ACTION_ITEM_STARTED,
-        payload: {
-            actionItemId,
-        },
-    };
-}
-// Signs that a particular component (`uid`) reports progress information (`progressEvent`)
-// on an action with `actionItemId`.
-function actionItemProgress(actionItemId, progressEvent) {
-    return {
-        type: QueueActionKind.ACTION_ITEM_PROGRESS,
-        payload: {
-            actionItemId,
-            progressEvent,
-        },
-    };
-}
-// Signs that a particular component (`uid`) has completed an action with `actionItemId` resulting in `result`.
-function actionItemCompleted(actionItemId, result) {
-    return {
-        type: QueueActionKind.ACTION_ITEM_COMPLETED,
-        payload: {
-            actionItemId,
-            result,
-        },
-    };
-}
-// Signs that a particular component (`uid`) has removed an action with `actionItemId` from the execution queue.
-function removeActionItem(actionItemId) {
-    return {
-        type: QueueActionKind.ACTION_ITEM_REMOVED,
-        payload: {
-            actionItemId,
-        },
-    };
-}
-// Signs that a particular component (`uid`) has cleared completed action items from its execution queue.
-function clearCompletedActionItems() {
-    return {
-        type: QueueActionKind.CLEAR_COMPLETED_ACTION_ITEMS,
-        payload: {},
-    };
-}
-// Signs that a particular component (`uid`) received an `error` when running an action with `actionItemId`.
-function actionItemError(actionItemId, error) {
-    return {
-        type: QueueActionKind.ACTION_ITEM_ERROR,
-        payload: {
-            actionItemId,
-            error,
-        },
-    };
-}
-// Signs that a particular component (`uid`) has initialized its execution `queue` with the specified `batchId`.
-function actionQueueInitialized(queue, batchId, actionItemIds) {
-    return {
-        type: QueueActionKind.ACTION_QUEUE_INITIALIZED,
-        payload: {
-            queue,
-            actionItemIds,
-            batchId,
-        },
-    };
-}

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

@@ -1,61 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.radioGroupRenderer = exports.RadioGroupMd = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const RadioGroup_module_scss_1 = __importDefault(require("./RadioGroup.module.scss"));
-const renderers_1 = require("../../components-core/renderers");
-const themeVars_1 = require("../../components-core/theming/themeVars");
-const metadata_helpers_1 = require("../metadata-helpers");
-const RadioGroupNative_1 = require("./RadioGroupNative");
-const COMP = "RadioGroup";
-const RGOption = `RadioGroupOption`;
-exports.RadioGroupMd = (0, metadata_helpers_1.createMetadata)({
-    status: "stable",
-    description: "`RadioGroup` creates a mutually exclusive selection interface where users can " +
-        "choose only one option from a group of radio buttons. It manages the selection " +
-        "state and ensures that selecting one option automatically deselects all others in " +
-        "the group." +
-        "\n\n" +
-        "Radio options store their values as strings. Numbers and booleans are converted to strings " +
-        "when assigned, while objects, functions and arrays default to an empty string unless resolved " +
-        "via binding expressions.",
-    props: {
-        initialValue: Object.assign(Object.assign({}, (0, metadata_helpers_1.dInitialValue)()), { defaultValue: RadioGroupNative_1.defaultProps.initialValue }),
-        autoFocus: (0, metadata_helpers_1.dAutoFocus)(),
-        required: Object.assign(Object.assign({}, (0, metadata_helpers_1.dRequired)()), { defaultValue: RadioGroupNative_1.defaultProps.required }),
-        readOnly: (0, metadata_helpers_1.dReadonly)(),
-        enabled: Object.assign(Object.assign({}, (0, metadata_helpers_1.dEnabled)()), { defaultValue: RadioGroupNative_1.defaultProps.enabled }),
-        validationStatus: Object.assign(Object.assign({}, (0, metadata_helpers_1.dValidationStatus)()), { defaultValue: RadioGroupNative_1.defaultProps.validationStatus }),
-        orientation: (0, metadata_helpers_1.dInternal)(`(*** NOT IMPLEMENTED YET ***) This property sets the orientation of the ` +
-            `options within the radio group.`),
-    },
-    events: {
-        gotFocus: (0, metadata_helpers_1.dGotFocus)(COMP),
-        lostFocus: (0, metadata_helpers_1.dLostFocus)(COMP),
-        didChange: (0, metadata_helpers_1.dDidChange)(COMP),
-    },
-    themeVars: (0, themeVars_1.parseScssVar)(RadioGroup_module_scss_1.default.themeVars),
-    defaultThemeVars: {
-        [`gap-${RGOption}`]: "$space-1_5",
-        [`borderWidth-${RGOption}`]: "1px",
-        [`borderWidth-${RGOption}-validation`]: `2px`,
-        [`borderColor-${RGOption}--default`]: "$color-surface-500",
-        [`borderColor-checked-${RGOption}`]: "$color-primary-500",
-        [`borderColor-${RGOption}--default--hover`]: "$color-surface-700",
-        [`borderColor-${RGOption}--default--active`]: "$color-primary-500",
-        [`borderColor-${RGOption}--error`]: `$borderColor-Input--error`,
-        [`borderColor-${RGOption}--warning`]: `$borderColor-Input--warning`,
-        [`borderColor-${RGOption}--success`]: `$borderColor-Input--success`,
-        [`backgroundColor-${RGOption}--disabled`]: "$backgroundColor--disabled",
-        [`backgroundColor-checked-${RGOption}`]: "$color-primary-500",
-        [`backgroundColor-checked-${RGOption}--disabled`]: `$textColor--disabled`,
-        [`fontSize-${RGOption}`]: "$fontSize-sm",
-        [`fontWeight-${RGOption}`]: "$fontWeight-bold",
-    },
-});
-exports.radioGroupRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.RadioGroupMd, ({ node, extractValue, className, state, updateState, lookupEventHandler, renderChild, registerComponentApi, }) => {
-    return ((0, jsx_runtime_1.jsx)(RadioGroupNative_1.RadioGroup, { autofocus: extractValue.asOptionalBoolean(node.props.autoFocus), enabled: extractValue.asOptionalBoolean(node.props.enabled), className: className, initialValue: extractValue(node.props.initialValue), value: state === null || state === void 0 ? void 0 : state.value, updateState: updateState, validationStatus: extractValue(node.props.validationStatus), onDidChange: lookupEventHandler("didChange"), onFocus: lookupEventHandler("gotFocus"), onBlur: lookupEventHandler("lostFocus"), registerComponentApi: registerComponentApi, required: extractValue.asOptionalBoolean(node.props.required), readOnly: extractValue.asOptionalBoolean(node.props.readOnly), children: renderChild(node.children) }));
-});