@ima/plugin-atoms/dist/cjs/components/List.js

IMA.js UI React atoms

"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
function _export(target, all) {
    for(var name in all)Object.defineProperty(target, name, {
        enumerable: true,
        get: all[name]
    });
}
_export(exports, {
    List: function() {
        return List;
    },
    ListType: function() {
        return ListType;
    },
    OrderedList: function() {
        return OrderedList;
    },
    UnorderedList: function() {
        return UnorderedList;
    },
    listFactory: function() {
        return listFactory;
    }
});
const _jsxruntime = require("react/jsx-runtime");
const _reactpagerenderer = require("@ima/react-page-renderer");
const _react = require("react");
const _constants = require("./constants");
const _filterProps = require("./filterProps");
var ListType = /*#__PURE__*/ function(ListType) {
    ListType["UL"] = "ul";
    ListType["OL"] = "ol";
    return ListType;
}({});
function listFactory(Type = "ul") {
    return /*#__PURE__*/ (0, _react.memo)(function ListComponent({ children, className, ...rest }) {
        const { $CssClasses } = (0, _reactpagerenderer.useComponentUtils)();
        const listClassName = $CssClasses({
            'atm-list': true,
            ['atm-list-' + Type]: true
        }, className);
        const attributes = (0, _filterProps.filterProps)(rest, _constants.LIST_ATTRIBUTES);
        return /*#__PURE__*/ (0, _jsxruntime.jsx)(Type, {
            ...attributes,
            className: listClassName,
            children: children
        });
    });
}
const OrderedList = listFactory("ol");
const UnorderedList = listFactory("ul");
const List = UnorderedList;

//# sourceMappingURL=List.js.map