xmlui 0.11.4 → 0.11.7

package/dist/scripts/src/components/Link/LinkNative.js

@@ -1,48 +0,0 @@
-"use strict";
-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.LinkNative = exports.defaultProps = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_2 = require("@remix-run/react");
-const classnames_1 = __importDefault(require("classnames"));
-const Link_module_scss_1 = __importDefault(require("./Link.module.scss"));
-const component_utils_1 = require("../component-utils");
-const IconNative_1 = require("../Icon/IconNative");
-exports.defaultProps = {
-    active: false,
-    disabled: false,
-};
-exports.LinkNative = (0, react_1.forwardRef)(function LinkNative(props, forwardedRef) {
-    const _a = specifyTypes(props), { to, children, icon, active = exports.defaultProps.active, onClick, target, disabled = exports.defaultProps.disabled, style, className } = _a, anchorProps = __rest(_a, ["to", "children", "icon", "active", "onClick", "target", "disabled", "style", "className"]);
-    const iconLink = !!icon && !children;
-    const smartTo = (0, react_1.useMemo)(() => {
-        return (0, component_utils_1.createUrlWithQueryParams)(to);
-    }, [to]);
-    const Node = to ? react_2.Link : "div";
-    return ((0, jsx_runtime_1.jsxs)(Node, Object.assign({}, anchorProps, { ref: forwardedRef, to: smartTo, style: style, target: target, onClick: onClick, className: (0, classnames_1.default)(className, Link_module_scss_1.default.container, {
-            [Link_module_scss_1.default.iconLink]: iconLink,
-            [Link_module_scss_1.default.active]: active,
-            [Link_module_scss_1.default.disabled]: disabled,
-        }), children: [icon && ((0, jsx_runtime_1.jsx)("div", { className: Link_module_scss_1.default.iconWrapper, children: (0, jsx_runtime_1.jsx)(IconNative_1.Icon, { name: icon }) })), children] })));
-});
-/**
- * Converts generic types to more specific ones.
- */
-function specifyTypes(props) {
-    const { target, referrerPolicy } = props;
-    return Object.assign(Object.assign({}, props), { target: target, referrerPolicy: referrerPolicy });
-}

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

@@ -1,130 +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.dynamicHeightListComponentRenderer = exports.ListMd = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const List_module_scss_1 = __importDefault(require("./List.module.scss"));
-const renderers_1 = require("../../components-core/renderers");
-const themeVars_1 = require("../../components-core/theming/themeVars");
-const container_helpers_1 = require("../container-helpers");
-const metadata_helpers_1 = require("../metadata-helpers");
-const abstractions_1 = require("../abstractions");
-const ListNative_1 = require("./ListNative");
-const COMP = "List";
-exports.ListMd = (0, metadata_helpers_1.createMetadata)({
-    status: "stable",
-    description: "`List` is a high-performance, virtualized container for rendering large " +
-        "datasets with built-in grouping, sorting, and visual formatting. It only " +
-        "renders visible items in the viewport, making it ideal for displaying " +
-        "thousands of records while maintaining smooth scrolling performance.",
-    props: {
-        data: (0, metadata_helpers_1.d)(`The component receives data via this property. The \`data\` property is a list of items ` +
-            `that the \`List\` can display.`),
-        items: (0, metadata_helpers_1.dInternal)(`You can use \`items\` as an alias for the \`data\` property. ` +
-            `When you bind the list to a data source (e.g. an API endpoint), ` +
-            `the \`data\` acts as the property that accepts a URL to fetch information from an API.` +
-            `When both \`items\` and \`data\` are used, \`items\` has priority.`),
-        loading: (0, metadata_helpers_1.d)(`This property delays the rendering of children until it is set to \`false\`, or the ` +
-            `component receives usable list items via the [\`data\`](#data) property.`),
-        limit: (0, metadata_helpers_1.d)(`This property limits the number of items displayed in the \`${COMP}\`. If not set, all items are displayed.`),
-        scrollAnchor: {
-            description: `This property pins the scroll position to a specified location of the list. Available values are shown below.`,
-            availableValues: abstractions_1.scrollAnchoringValues,
-            type: "string",
-            defaultValue: ListNative_1.defaultProps.scrollAnchor,
-        },
-        groupBy: (0, metadata_helpers_1.d)("This property sets which data item property is used to group the list items. If not set, " +
-            "no grouping is done."),
-        orderBy: (0, metadata_helpers_1.d)(`This optioanl property enables the ordering of list items by specifying an attribute in the data.`),
-        availableGroups: (0, metadata_helpers_1.d)(`This property is an array of group names that the \`${COMP}\` will display. ` +
-            "If not set, all groups in the data are displayed."),
-        groupHeaderTemplate: (0, metadata_helpers_1.dComponent)(`Enables the customization of how the groups are displayed, similarly to the ` +
-            `[\`itemTemplate\`](#itemtemplate). You can use the \`$item\` context variable to access ` +
-            `an item group and map its individual attributes.`),
-        groupFooterTemplate: (0, metadata_helpers_1.dComponent)(`Enables the customization of how the the footer of each group is displayed. ` +
-            `Combine with [\`groupHeaderTemplate\`](#groupHeaderTemplate) to customize sections. You can use ` +
-            `the \`$item\` context variable to access an item group and map its individual attributes.`),
-        itemTemplate: (0, metadata_helpers_1.dComponent)(`This property allows the customization of mapping data items to components. You can use ` +
-            `the \`$item\` context variable to access an item and map its individual attributes.`),
-        emptyListTemplate: (0, metadata_helpers_1.dComponent)(`This property defines the template to display when the list is empty.`),
-        pageInfo: (0, metadata_helpers_1.d)(`This property contains the current page information. Setting this property also enures the ` +
-            `\`${COMP}\` uses pagination.`),
-        idKey: {
-            description: "Denotes which attribute of an item acts as the ID or key of the item",
-            type: "string",
-            defaultValue: ListNative_1.defaultProps.idKey,
-        },
-        groupsInitiallyExpanded: (0, metadata_helpers_1.d)(`This Boolean property defines whether the list groups are initially expanded.`, undefined, "boolean", ListNative_1.defaultProps.groupsInitiallyExpanded),
-        defaultGroups: (0, metadata_helpers_1.d)(`This property adds an optional list of default groups for the \`${COMP}\` and displays the group ` +
-            `headers in the specified order. If the data contains group headers not in this list, ` +
-            `those headers are also displayed (after the ones in this list); however, their order ` +
-            `is not deterministic.`),
-        hideEmptyGroups: {
-            description: "This boolean property indicates if empty groups should be hidden (no header and footer are displayed).",
-            valueType: "boolean",
-            defaultValue: ListNative_1.defaultProps.hideEmptyGroups,
-        },
-        borderCollapse: {
-            description: "Collapse items borders",
-            valueType: "boolean",
-            defaultValue: ListNative_1.defaultProps.borderCollapse,
-        },
-    },
-    childrenAsTemplate: "itemTemplate",
-    apis: {
-        scrollToTop: {
-            description: "This method scrolls the list to the top.",
-            signature: "scrollToTop(): void",
-        },
-        scrollToBottom: {
-            description: "This method scrolls the list to the bottom.",
-            signature: "scrollToBottom(): void",
-        },
-        scrollToIndex: {
-            description: "This method scrolls the list to a specific index. The method accepts an index as a parameter.",
-            signature: "scrollToIndex(index: number): void",
-            parameters: {
-                index: "The index to scroll to.",
-            },
-        },
-        scrollToId: {
-            description: "This method scrolls the list to a specific item. The method accepts an item ID as a parameter.",
-            signature: "scrollToId(id: string): void",
-            parameters: {
-                id: "The ID of the item to scroll to.",
-            },
-        },
-    },
-    contextVars: {
-        $item: (0, metadata_helpers_1.d)("Current data item being rendered"),
-        $itemIndex: (0, metadata_helpers_1.dComponent)("Zero-based index of current item"),
-        $isFirst: (0, metadata_helpers_1.dComponent)("Boolean indicating if this is the first item"),
-        $isLast: (0, metadata_helpers_1.dComponent)("Boolean indicating if this is the last item"),
-        $group: (0, metadata_helpers_1.dComponent)("Group information when using `groupBy` (available in group templates)"),
-    },
-    themeVars: (0, themeVars_1.parseScssVar)(List_module_scss_1.default.themeVars),
-});
-exports.dynamicHeightListComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.ListMd, ({ node, extractValue, renderChild, className, layoutContext, lookupEventHandler, registerComponentApi, }) => {
-    const itemTemplate = node.props.itemTemplate;
-    const hideEmptyGroups = extractValue.asOptionalBoolean(node.props.hideEmptyGroups, true);
-    return ((0, jsx_runtime_1.jsx)(ListNative_1.ListNative, { registerComponentApi: registerComponentApi, className: className, loading: extractValue.asOptionalBoolean(node.props.loading), items: extractValue(node.props.items) || extractValue(node.props.data), limit: extractValue(node.props.limit), groupBy: extractValue(node.props.groupBy), orderBy: extractValue(node.props.orderBy), availableGroups: extractValue(node.props.availableGroups), scrollAnchor: node.props.scrollAnchor, pageInfo: extractValue(node.props.pageInfo), idKey: extractValue(node.props.idKey), requestFetchPrevPage: lookupEventHandler("requestFetchPrevPage"), requestFetchNextPage: lookupEventHandler("requestFetchNextPage"), emptyListPlaceholder: renderChild(node.props.emptyListTemplate), groupsInitiallyExpanded: extractValue.asOptionalBoolean(node.props.groupsInitiallyExpanded), defaultGroups: extractValue(node.props.defaultGroups), borderCollapse: extractValue.asOptionalBoolean(node.props.borderCollapse, true), itemRenderer: itemTemplate &&
-            ((item, key, rowIndex, count) => {
-                return ((0, jsx_runtime_1.jsx)(container_helpers_1.MemoizedItem, { node: itemTemplate, item: item, renderChild: renderChild, layoutContext: layoutContext, contextVars: {
-                        $itemIndex: rowIndex,
-                        $isFirst: rowIndex === 0,
-                        $isLast: rowIndex === count - 1,
-                    } }, key));
-            }), sectionRenderer: node.props.groupBy
-            ? (item, key) => {
-                var _a, _b, _c;
-                return ((_b = (_a = item.items) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) > 0 || !hideEmptyGroups ? ((0, jsx_runtime_1.jsx)(ListNative_1.MemoizedSection, { node: (_c = node.props.groupHeaderTemplate) !== null && _c !== void 0 ? _c : { type: "Fragment" }, renderChild: renderChild, item: item }, key)) : null;
-            }
-            : undefined, sectionFooterRenderer: node.props.groupFooterTemplate
-            ? (item, key) => {
-                var _a, _b, _c;
-                return ((_b = (_a = item.items) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) > 0 || !hideEmptyGroups ? ((0, jsx_runtime_1.jsx)(container_helpers_1.MemoizedItem, { node: (_c = node.props.groupFooterTemplate) !== null && _c !== void 0 ? _c : { type: "Fragment" }, item: item, renderChild: renderChild, itemKey: "$group", contextKey: "$group" }, key)) : null;
-            }
-            : undefined }));
-});