@smart-react-components/ui/Pagination/PaginationList.js

SRC UI includes React and Styled components.

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const element_props_1 = __importDefault(require("@smart-react-components/core/element-props"));
const intrinsic_styled_core_props_1 = __importDefault(require("@smart-react-components/core/element-props/intrinsic-styled-core-props"));
const react_1 = __importDefault(require("react"));
const styled_components_1 = require("styled-components");
const PaginationListElement_1 = __importDefault(require("../components/Pagination/PaginationListElement"));
const wave_effect_1 = require("../util/wave-effect");
const PaginationList = props => {
    const theme = (0, styled_components_1.useTheme)();
    const waveEffectPalette = react_1.default.useMemo(() => (0, wave_effect_1.getWaveEffectPalette)(props, theme.$.vars.isDarkMode), [props.waveEffectPalette, props.palette, props.isOutline, props.isSoft, theme.$.vars.isDarkMode]);
    return (react_1.default.createElement(PaginationListElement_1.default, Object.assign({}, (0, element_props_1.default)(props, [intrinsic_styled_core_props_1.default]), props.elementProps), props.children.map((item, idx) => {
        var _a;
        return react_1.default.cloneElement(item, {
            key: (_a = item.key) !== null && _a !== void 0 ? _a : idx,
            hasWaveEffect: props.hasWaveEffect,
            isFixedSize: props.isFixedSize,
            isOutline: props.isOutline,
            isSoft: props.isSoft,
            palette: props.palette,
            shape: props.shape,
            waveEffectPalette,
        });
    })));
};
PaginationList.defaultProps = {
    hasWaveEffect: true,
    palette: 'primary',
    shape: 'rectangle',
};
exports.default = PaginationList;