xmlui 0.11.3 → 0.11.6

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

@@ -1,124 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataSourceMd = void 0;
-const abstractions_1 = require("../abstractions");
-const metadata_helpers_1 = require("../metadata-helpers");
-// NOTE: Original component this is based on is the `Loader` component
-const COMP = "DataSource";
-exports.DataSourceMd = (0, metadata_helpers_1.createMetadata)({
-    status: "stable",
-    description: "`DataSource` fetches and caches data from API endpoints, versus " +
-        "[`APICall`](/components/APICall) which creates, updates or deletes data.",
-    props: {
-        method: {
-            description: `Set the HTTP method.`,
-            defaultValue: "get",
-            availableValues: abstractions_1.httpMethodNames,
-        },
-        id: {
-            description: `Set the ID used by other components to access the retrieved data in the \`value\`` +
-                "property of a \`DataSource\`, or status info in the \`loaded\` and \`error\` properties." +
-                "When no `id` is set, the component cannot be used programmatically.",
-            isRequired: true,
-            valueType: "string",
-        },
-        url: {
-            description: `Set the URL.`,
-            isRequired: true,
-            valueType: "string",
-        },
-        body: {
-            description: `Set the optional request body. The object you pass is serialized as a JSON string.`,
-            valueType: "any",
-        },
-        rawBody: {
-            description: `Set the request body with no serialization. Use it to send a payload  ` +
-                `that has already been serialized to a JSON string.`,
-            valueType: "string",
-        },
-        queryParams: {
-            description: `Append optional key-value pairs to the URL.`,
-            valueType: "any",
-        },
-        headers: {
-            description: `Set request headers. Pass an object whose keys are header names and values are header values.`,
-            valueType: "any",
-        },
-        pollIntervalInSeconds: {
-            description: "Set the interval for periodic data fetching. If the data changes on refresh, " +
-                "XMLUI will re-render components that refer directly or indirectly to the \`DataSource\`. " +
-                "If not set or set to zero, the component does not poll for data.",
-            valueType: "number",
-        },
-        inProgressNotificationMessage: {
-            description: "Set the message to display when the data fetch is in progress. " +
-                "If the property value is not set, no progress message is displayed.",
-            valueType: "string",
-        },
-        completedNotificationMessage: {
-            description: "Set the message to display when the data fetch completes." +
-                "If the property value is not set, no completion message is displayed.",
-            valueType: "string",
-        },
-        errorNotificationMessage: {
-            description: "Set the message to display when the there is an error. " +
-                "You can use the `$error` context value in an expression to " +
-                "refer to the original error message.",
-            valueType: "string",
-        },
-        resultSelector: {
-            description: "Set an optional object key to extract a subset of the response data. If this " +
-                "value is not set, the entire response body is considered the result.",
-            valueType: "string",
-        },
-        transformResult: {
-            description: "Set an optional function to perform a final transformation of the " +
-                "response data. If this value is not set, the result is not transformed.",
-        },
-        prevPageSelector: {
-            description: `When using \`${COMP}\` with paging, the response may contain information about the ` +
-                `previous and next page. This property defines the selector that extracts the ` +
-                `previous page information from the response deserialized to an object.`,
-        },
-        nextPageSelector: {
-            description: `When using \`${COMP}\` with paging, the response may contain information about ` +
-                `the previous and next page. This property defines the selector that extracts ` +
-                `the next page information from the response deserialized to an object.`,
-        },
-        structuralSharing: {
-            description: "This property allows structural sharing. When turned on, `DataSource` will keep " +
-                "the original reference if nothing has changed in the data. If a subset has " +
-                "changed, `DataSource` will keep the unchanged parts and only replace the changed " +
-                "parts. If you do not need this behavior, set this property to `false`.",
-            defaultValue: "true",
-        },
-    },
-    events: {
-        loaded: (0, metadata_helpers_1.d)("The component triggers this event when the fetch operation has been completed " +
-            "and the data is loaded. The event has two arguments. The first is the data " +
-            "loaded; the second indicates if the event is a result of a refetch."),
-        error: (0, metadata_helpers_1.d)(`This event fires when a request results in an error.`),
-    },
-    apis: {
-        value: {
-            description: `This property retrieves the data queried from the source after optional transformations.`,
-            signature: "get value(): any",
-        },
-        inProgress: {
-            description: "This property indicates if the data is being fetched.",
-            signature: "get inProgress(): boolean",
-        },
-        isRefetching: {
-            description: "This property indicates if the data is being re-fetched.",
-            signature: "get isRefetching(): boolean",
-        },
-        loaded: {
-            description: "This property indicates if the data has been loaded.",
-            signature: "get loaded(): boolean",
-        },
-        refetch: {
-            description: "This method requests the re-fetch of the data.",
-            signature: "refetch(): void",
-        },
-    },
-});

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

@@ -1,197 +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.dateInputComponentRenderer = exports.DateInputMd = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const DateInput_module_scss_1 = __importDefault(require("./DateInput.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 DateInputNative_1 = require("./DateInputNative");
-const COMP = "DateInput";
-exports.DateInputMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
-    description: "`DateInput` provides a text-based date input interface for selecting single dates " +
-        "or date ranges, with direct keyboard input similar to TimeInput. It offers customizable " +
-        "formatting and validation options without dropdown calendars.",
-    parts: {
-        day: {
-            description: "The day input field.",
-        },
-        month: {
-            description: "The month input field.",
-        },
-        year: {
-            description: "The year input field.",
-        },
-        clearButton: {
-            description: "The button to clear the date input.",
-        },
-    },
-    props: {
-        initialValue: (0, metadata_helpers_1.dInitialValue)(),
-        autoFocus: (0, metadata_helpers_1.dAutoFocus)(),
-        readOnly: (0, metadata_helpers_1.dReadonly)(),
-        enabled: (0, metadata_helpers_1.dEnabled)(DateInputNative_1.defaultProps.enabled),
-        validationStatus: (0, metadata_helpers_1.dValidationStatus)(DateInputNative_1.defaultProps.validationStatus),
-        mode: {
-            description: "The mode of the date input (single or range)",
-            valueType: "string",
-            availableValues: DateInputNative_1.DateInputModeValues,
-            defaultValue: DateInputNative_1.defaultProps.mode,
-        },
-        dateFormat: {
-            description: "The format of the date displayed in the input field",
-            valueType: "string",
-            defaultValue: DateInputNative_1.defaultProps.dateFormat,
-            availableValues: DateInputNative_1.dateFormats,
-        },
-        emptyCharacter: {
-            description: "Character used to create placeholder text for empty input fields",
-            valueType: "string",
-            defaultValue: DateInputNative_1.defaultProps.emptyCharacter,
-        },
-        showWeekNumber: {
-            description: "Whether to show the week number (compatibility with DatePicker, not used in DateInput)",
-            valueType: "boolean",
-            defaultValue: DateInputNative_1.defaultProps.showWeekNumber,
-        },
-        weekStartsOn: {
-            description: "The first day of the week. 0 is Sunday, 1 is Monday, etc. (compatibility with DatePicker, not used in DateInput)",
-            valueType: "number",
-            defaultValue: DateInputNative_1.defaultProps.weekStartsOn,
-            availableValues: [
-                {
-                    value: DateInputNative_1.WeekDays.Sunday,
-                    description: "Sunday",
-                },
-                {
-                    value: DateInputNative_1.WeekDays.Monday,
-                    description: "Monday",
-                },
-                {
-                    value: DateInputNative_1.WeekDays.Tuesday,
-                    description: "Tuesday",
-                },
-                {
-                    value: DateInputNative_1.WeekDays.Wednesday,
-                    description: "Wednesday",
-                },
-                {
-                    value: DateInputNative_1.WeekDays.Thursday,
-                    description: "Thursday",
-                },
-                {
-                    value: DateInputNative_1.WeekDays.Friday,
-                    description: "Friday",
-                },
-                {
-                    value: DateInputNative_1.WeekDays.Saturday,
-                    description: "Saturday",
-                },
-            ],
-        },
-        minValue: {
-            description: "The optional start date of the selectable date range. If not defined, the range " +
-                "allows any dates in the past.",
-            valueType: "string",
-        },
-        maxValue: {
-            description: "The optional end date of the selectable date range. If not defined, the range allows " +
-                "any future dates.",
-            valueType: "string",
-        },
-        disabledDates: {
-            description: "An optional array of dates that are disabled (compatibility with DatePicker, not used in DateInput)",
-            valueType: "any",
-        },
-        inline: {
-            description: "Whether to display the date input inline (compatibility with DatePicker, always true for DateInput)",
-            valueType: "boolean",
-            defaultValue: DateInputNative_1.defaultProps.inline,
-        },
-        clearable: {
-            description: "Whether to show a clear button to reset the input",
-            valueType: "boolean",
-            defaultValue: DateInputNative_1.defaultProps.clearable,
-        },
-        clearIcon: {
-            description: "Icon name for the clear button",
-            valueType: "string",
-        },
-        clearToInitialValue: {
-            description: "Whether clearing resets to initial value or null",
-            valueType: "boolean",
-            defaultValue: DateInputNative_1.defaultProps.clearToInitialValue,
-        },
-        gap: {
-            description: "The gap between input elements",
-            valueType: "string",
-        },
-        required: {
-            description: "Whether the input is required",
-            valueType: "boolean",
-            defaultValue: DateInputNative_1.defaultProps.required,
-        },
-        startText: (0, metadata_helpers_1.dStartText)(),
-        startIcon: (0, metadata_helpers_1.dStartIcon)(),
-        endText: (0, metadata_helpers_1.dEndText)(),
-        endIcon: (0, metadata_helpers_1.dEndIcon)(),
-    },
-    events: {
-        didChange: (0, metadata_helpers_1.dDidChange)(COMP),
-        gotFocus: (0, metadata_helpers_1.dGotFocus)(COMP),
-        lostFocus: (0, metadata_helpers_1.dLostFocus)(COMP),
-    },
-    apis: {
-        focus: {
-            description: `Focus the ${COMP} component.`,
-            signature: "focus(): void",
-        },
-        value: {
-            description: `You can query the component's value. If no value is set, it will retrieve \`undefined\`.`,
-            signature: "get value(): any",
-        },
-        setValue: {
-            description: `This method sets the current value of the ${COMP}.`,
-            signature: "set value(value: any): void",
-            parameters: {
-                value: "The new value to set for the date input.",
-            },
-        },
-        isoValue: {
-            description: `Get the current date value formatted in ISO standard (YYYY-MM-DD) format, suitable for JSON serialization.`,
-            signature: "isoValue(): string | null",
-        },
-    },
-    themeVars: (0, themeVars_1.parseScssVar)(DateInput_module_scss_1.default.themeVars),
-    defaultThemeVars: {
-        // DateInput specific theme variables (matching TimeInput structure)
-        [`paddingHorizontal-${COMP}`]: "$space-2",
-        [`paddingVertical-${COMP}`]: "$space-2",
-        [`color-divider-${COMP}`]: "$textColor-secondary",
-        [`spacing-divider-${COMP}`]: "1px 0",
-        [`width-input-${COMP}`]: "1.8em",
-        [`minWidth-input-${COMP}`]: "0.54em",
-        [`padding-input-${COMP}`]: "0 2px",
-        [`textAlign-input-${COMP}`]: "center",
-        [`fontSize-input-${COMP}`]: "inherit",
-        [`borderRadius-input-${COMP}`]: "$borderRadius",
-        [`backgroundColor-input-${COMP}-invalid`]: "rgba(220, 53, 69, 0.15)",
-        [`padding-button-${COMP}`]: "4px 6px",
-        [`borderRadius-button-${COMP}`]: "$borderRadius",
-        [`hoverColor-button-${COMP}`]: "$color-surface-800",
-        [`disabledColor-button-${COMP}`]: "$textColor-disabled",
-        [`outlineColor-button-${COMP}--focused`]: "$color-accent-500",
-        [`outlineWidth-button-${COMP}--focused`]: "2px",
-        [`outlineOffset-button-${COMP}--focused`]: "2px",
-        [`minWidth-ampm-${COMP}`]: "2em",
-        [`fontSize-ampm-${COMP}`]: "inherit",
-    },
-});
-exports.dateInputComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.DateInputMd, ({ node, state, updateState, extractValue, className, lookupEventHandler, registerComponentApi, }) => {
-    var _a;
-    return ((0, jsx_runtime_1.jsx)(DateInputNative_1.DateInput, { id: node.uid, className: className, mode: extractValue((_a = node.props) === null || _a === void 0 ? void 0 : _a.mode), value: state === null || state === void 0 ? void 0 : state.value, initialValue: extractValue(node.props.initialValue), enabled: extractValue.asOptionalBoolean(node.props.enabled), validationStatus: extractValue(node.props.validationStatus), updateState: updateState, onDidChange: lookupEventHandler("didChange"), onFocus: lookupEventHandler("gotFocus"), onBlur: lookupEventHandler("lostFocus"), registerComponentApi: registerComponentApi, dateFormat: extractValue(node.props.dateFormat), showWeekNumber: extractValue.asOptionalBoolean(node.props.showWeekNumber), weekStartsOn: extractValue.asOptionalNumber(node.props.weekStartsOn), minValue: extractValue.asOptionalString(node.props.minValue), maxValue: extractValue.asOptionalString(node.props.maxValue), disabledDates: extractValue(node.props.disabledDates), inline: extractValue.asOptionalBoolean(node.props.inline, DateInputNative_1.defaultProps.inline), startText: extractValue.asOptionalString(node.props.startText), startIcon: extractValue.asOptionalString(node.props.startIcon), endText: extractValue.asOptionalString(node.props.endText), endIcon: extractValue.asOptionalString(node.props.endIcon), readOnly: extractValue.asOptionalBoolean(node.props.readOnly), autoFocus: extractValue.asOptionalBoolean(node.props.autoFocus), required: extractValue.asOptionalBoolean(node.props.required), clearable: extractValue.asOptionalBoolean(node.props.clearable, DateInputNative_1.defaultProps.clearable), clearIcon: extractValue.asOptionalString(node.props.clearIcon), clearToInitialValue: extractValue.asOptionalBoolean(node.props.clearToInitialValue, DateInputNative_1.defaultProps.clearToInitialValue), gap: extractValue.asOptionalString(node.props.gap), emptyCharacter: extractValue.asOptionalString(node.props.emptyCharacter) }));
-});