@smart-react-components/ui/Checkbox/CheckboxAll.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 CheckboxElement_1 = __importDefault(require("../components/Checkbox/CheckboxElement"));
const FormInlineLabel_1 = __importDefault(require("../components/Form/FormInlineLabel"));
const HiddenInput_1 = __importDefault(require("../components/Form/HiddenInput"));
const types_1 = require("../types");
const CheckboxAll = react_1.default.forwardRef((props, forwardRef) => {
    const { isChecked, isIndeterminate } = react_1.default.useMemo(() => ({
        isChecked: props.active.length > 0,
        isIndeterminate: props.active.length > 0 && props.active.length < props.items.length,
    }), [props.active, props.items]);
    const handleOnChange = () => {
        if (!props.isDisabled && props.setActive) {
            if (isChecked && !isIndeterminate) {
                props.setActive([]);
            }
            else {
                props.setActive(props.items);
            }
        }
    };
    const input = (react_1.default.createElement(HiddenInput_1.default, Object.assign({ checked: isChecked, onChange: handleOnChange, ref: forwardRef, type: "checkbox" }, (props.isDisabled && { disabled: true }), (props.name && { name: props.name }))));
    return (react_1.default.createElement(FormInlineLabel_1.default, Object.assign({ formSize: props.size, formSizeSm: props.sizeSm, formSizeMd: props.sizeMd, formSizeLg: props.sizeLg, formSizeXl: props.sizeXl, isBlock: props.isBlock, isDisabled: props.isDisabled, labelPosition: props.position, palette: props.palette }, (0, element_props_1.default)(props, [intrinsic_styled_core_props_1.default])),
        react_1.default.cloneElement(props.template, {
            checkboxSize: props.size,
            checkboxSizeSm: props.sizeSm,
            checkboxSizeMd: props.sizeMd,
            checkboxSizeLg: props.sizeLg,
            checkboxSizeXl: props.sizeXl,
            children: (react_1.default.createElement(react_1.default.Fragment, null,
                input,
                props.template.props.children)),
            isChecked,
            isIndeterminate,
            isOutline: props.isOutline,
            isSoft: props.isSoft,
            palette: props.palette,
            shape: props.shape,
        }),
        props.label && react_1.default.createElement("span", null, props.label)));
});
CheckboxAll.defaultProps = {
    palette: 'primary',
    position: types_1.OrderPosition.RIGHT,
    shape: 'rectangle',
    size: 'medium',
    template: react_1.default.createElement(CheckboxElement_1.default, null),
};
exports.default = CheckboxAll;