@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
61 lines (59 loc) • 2.7 kB
JavaScript
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
var _excluded = ["children", "handleProps", "onClick", "label", "style", "scrollable", "HeaderComponent", "FooterComponent", "counter", "AdornmentHeaderComponent", "onUpdate"];
import React, { forwardRef, useCallback, useState } from 'react';
// import styles from './Container.module.css';
import { FreeColumnHeader, FreeColumnTitle, FreeColumnWrapperHeader, RootColumn, RootList } from './styled';
import { AddElementBody } from '../AddElementBody';
import { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
export var AlterBoardColumn = /*#__PURE__*/forwardRef(function (_ref, ref) {
var children = _ref.children,
handleProps = _ref.handleProps,
onClick = _ref.onClick,
label = _ref.label,
style = _ref.style,
_ref$scrollable = _ref.scrollable,
scrollable = _ref$scrollable === void 0 ? false : _ref$scrollable,
HeaderComponent = _ref.HeaderComponent,
FooterComponent = _ref.FooterComponent,
counter = _ref.counter,
AdornmentHeaderComponent = _ref.AdornmentHeaderComponent,
onUpdate = _ref.onUpdate,
props = _objectWithoutProperties(_ref, _excluded);
var _useState = useState(false),
_useState2 = _slicedToArray(_useState, 2),
showCollapse = _useState2[0],
setShowCollapse = _useState2[1];
var onUpdateColumn = useCallback(function (text) {
onUpdate == null || onUpdate(text);
}, [onUpdate]);
return /*#__PURE__*/_jsxs(RootColumn, Object.assign({}, props, {
ref: ref,
sx: style,
existsFooter: Boolean(FooterComponent),
existsLabel: Boolean(label),
onClick: onClick,
tabIndex: onClick ? 0 : undefined,
children: [/*#__PURE__*/_jsxs(FreeColumnWrapperHeader, {
className: "column__wrapper__header",
children: [/*#__PURE__*/_jsxs(FreeColumnHeader, {
className: "column__header",
children: [/*#__PURE__*/_jsxs(FreeColumnTitle, Object.assign({}, handleProps, {
children: [!showCollapse && /*#__PURE__*/_jsxs(_Fragment, {
children: [label, counter]
}), showCollapse && /*#__PURE__*/_jsx(AddElementBody, {
initialState: showCollapse,
placeholder: "Actualizar nombre de la columna",
onClose: function onClose() {
return setShowCollapse(false);
},
onClick: onUpdateColumn
})]
})), AdornmentHeaderComponent]
}), HeaderComponent]
}), /*#__PURE__*/_jsx(RootList, {
scrollable: scrollable,
children: children
}), FooterComponent]
}));
});