@wulperstudio/cms/organisms/AlterBoard/components/AlterBoardColumn/styled.js

Wulper Studio Library Components CMS

import { styled } from '@mui/material';
import { handleProps } from '../../../../utils';
export var RootColumn = styled('div', {
  shouldForwardProp: function shouldForwardProp(prop) {
    return handleProps(prop, ['horizontal', 'hover', 'shadow', 'columnWidth', 'variant', 'borderColor', 'sx', 'existsLabel', 'existsFooter']);
  }
})(function (_ref) {
  var _ref$columnWidth = _ref.columnWidth,
    columnWidth = _ref$columnWidth === void 0 ? 400 : _ref$columnWidth,
    theme = _ref.theme,
    variant = _ref.variant,
    borderColor = _ref.borderColor,
    existsLabel = _ref.existsLabel,
    existsFooter = _ref.existsFooter;
  return Object.assign({
    display: 'flex',
    flexDirection: 'column',
    rowGap: '12px',
    minWidth: columnWidth,
    maxWidth: columnWidth,
    borderRadius: '10px',
    minHeight: 'auto',
    height: '100%',
    width: '100%',
    maxHeight: '100%',
    overflowY: 'auto',
    backgroundColor: theme.palette.background["default"]
  }, variant === 'float' && {
    boxShadow: theme.shadows[1]
  }, variant === 'fixed' && {
    border: "1px solid ".concat(theme.palette.text.secondary)
  }, variant === 'border' && {
    border: "1px solid ".concat(borderColor != null ? borderColor : theme.palette.text.secondary)
  }, variant === 'transparent' && {
    backgroundColor: 'transparent'
  }, existsLabel && !existsFooter && {
    gridTemplateRows: 'auto 1fr'
  }, existsFooter && !existsLabel && {
    gridTemplateRows: '1fr auto'
  }, existsLabel && existsFooter && {
    gridTemplateRows: 'auto 1fr auto'
  });
});
export var RootList = styled('ul', {
  shouldForwardProp: function shouldForwardProp(prop) {
    return handleProps(prop, ['scrollable']);
  }
})(function (_ref2) {
  var scrollable = _ref2.scrollable;
  return Object.assign({
    display: 'flex',
    flexDirection: 'column',
    rowGap: 10,
    listStyle: 'none',
    paddingLeft: '8px',
    paddingRight: '8px',
    paddingTop: '8px',
    paddingBottom: 0
  }, scrollable && {
    overflowY: 'auto'
  });
});
export var FreeColumnWrapperHeader = styled('div')({
  display: 'flex',
  flexDirection: 'column'
});
export var FreeColumnHeader = styled('div')({
  display: 'flex',
  alignItems: 'center',
  justifyContent: 'space-between',
  minHeight: 52
});
export var FreeColumnTitle = styled('h1')(function (_ref3) {
  var theme = _ref3.theme;
  return {
    textTransform: 'uppercase',
    color: theme.palette.text.primary,
    fontSize: '16px',
    fontWeight: 600
  };
});
export var FreeColumCreateColumn = styled('div', {
  shouldForwardProp: function shouldForwardProp(prop) {
    return handleProps(prop, ['columnWidth', 'sx']);
  }
})(function (_ref4) {
  var _ref4$columnWidth = _ref4.columnWidth,
    columnWidth = _ref4$columnWidth === void 0 ? 400 : _ref4$columnWidth;
  return {
    minWidth: columnWidth,
    maxWidth: columnWidth,
    padding: '10px',
    maxHeight: '100%',
    marginRight: '10px'
  };
});