@tenancy.nz/ui 1.0.2 → 1.0.4

package/dist/esm/components/CollapsedText.js

@@ -1,4 +1,5 @@
 "use strict";
+import { slicedToArray as _slicedToArray } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
@@ -6,50 +7,68 @@ import Grid from '@mui/material/Grid';
 import { StyledCollapse, StyledButtonWrapper, StyledArrowDownIcon } from './CollapsedText.styled.js';
 import Button from './Button.js';
 
-function CollapsedText({
-  children,
-  collapsedLines = 0,
-  lineHeight = 0,
-  buttonLabel = null,
-  backgroundColor = "#ffffff",
-  buttonJustify = "flex-start"
-}) {
-  const [open, setOpen] = useState(false);
-  const [collapsedSize, setCollapsedSize] = useState(100);
-  useEffect(() => {
+function CollapsedText(_ref) {
+  var children = _ref.children,
+    _ref$collapsedLines = _ref.collapsedLines,
+    collapsedLines = _ref$collapsedLines === void 0 ? 0 : _ref$collapsedLines,
+    _ref$lineHeight = _ref.lineHeight,
+    lineHeight = _ref$lineHeight === void 0 ? 0 : _ref$lineHeight,
+    _ref$buttonLabel = _ref.buttonLabel,
+    buttonLabel = _ref$buttonLabel === void 0 ? null : _ref$buttonLabel,
+    _ref$backgroundColor = _ref.backgroundColor,
+    backgroundColor = _ref$backgroundColor === void 0 ? "#ffffff" : _ref$backgroundColor,
+    _ref$buttonJustify = _ref.buttonJustify,
+    buttonJustify = _ref$buttonJustify === void 0 ? "flex-start" : _ref$buttonJustify;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var _useState3 = useState(100),
+    _useState4 = _slicedToArray(_useState3, 2),
+    collapsedSize = _useState4[0],
+    setCollapsedSize = _useState4[1];
+  useEffect(function () {
     if (collapsedLines > 0 && lineHeight > 0) {
       setCollapsedSize(collapsedLines * lineHeight);
     }
   }, [collapsedLines, lineHeight]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      StyledCollapse,
-      {
-        backgroundColor,
-        collapsedSize,
-        in: open,
-        lineHeight,
-        children
-      }
-    ),
-    /* @__PURE__ */ jsx(Grid, { container: true, justify: buttonJustify, children: /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(StyledButtonWrapper, { children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        color: "primaryAlt",
-        variant: "outlined",
-        size: "small",
-        onClick: () => setOpen(!open),
-        endIcon: buttonJustify === "flex-end" ? /* @__PURE__ */ jsx(StyledArrowDownIcon, { open }) : null,
-        startIcon: buttonJustify !== "flex-end" ? /* @__PURE__ */ jsx(StyledArrowDownIcon, { open }) : null,
-        children: (() => {
-          if (buttonLabel && buttonLabel.open && buttonLabel.closed) {
-            return open ? buttonLabel.open : buttonLabel.closed;
-          }
-          return open ? "Less" : "More";
-        })()
-      }
-    ) }) }) })
-  ] });
+  return /* @__PURE__ */jsxs(Fragment, {
+    children: [/* @__PURE__ */jsx(StyledCollapse, {
+      backgroundColor: backgroundColor,
+      collapsedSize: collapsedSize,
+      in: open,
+      lineHeight: lineHeight,
+      children: children
+    }), /* @__PURE__ */jsx(Grid, {
+      container: true,
+      justify: buttonJustify,
+      children: /* @__PURE__ */jsx(Grid, {
+        item: true,
+        children: /* @__PURE__ */jsx(StyledButtonWrapper, {
+          children: /* @__PURE__ */jsx(Button, {
+            color: "primaryAlt",
+            variant: "outlined",
+            size: "small",
+            onClick: function onClick() {
+              return setOpen(!open);
+            },
+            endIcon: buttonJustify === "flex-end" ? /* @__PURE__ */jsx(StyledArrowDownIcon, {
+              open: open
+            }) : null,
+            startIcon: buttonJustify !== "flex-end" ? /* @__PURE__ */jsx(StyledArrowDownIcon, {
+              open: open
+            }) : null,
+            children: function () {
+              if (buttonLabel && buttonLabel.open && buttonLabel.closed) {
+                return open ? buttonLabel.open : buttonLabel.closed;
+              }
+              return open ? "Less" : "More";
+            }()
+          })
+        })
+      })
+    })]
+  });
 }
 CollapsedText.propTypes = {
   /**

package/dist/esm/components/CollapsedText.styled.js

@@ -4,8 +4,11 @@ import Collapse from '@mui/material/Collapse';
 import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
 import { hexToRgba } from '../utils/colors.js';
 
-const StyledCollapse = styled(Collapse)(
-  ({ backgroundColor, lineHeight, in: open }) => ({
+var StyledCollapse = styled(Collapse)(function (_ref) {
+  var backgroundColor = _ref.backgroundColor,
+    lineHeight = _ref.lineHeight,
+    open = _ref.in;
+  return {
     position: "relative",
     "&:after, &:before": {
       content: "' '",
@@ -20,29 +23,30 @@ const StyledCollapse = styled(Collapse)(
     },
     "&:after": {
       height: open ? 0 : "66%",
-      background: `linear-gradient(0deg, ${hexToRgba(
-        backgroundColor,
-        1
-      )} 0%, ${hexToRgba(backgroundColor, 0)} 100%)`
+      background: "linear-gradient(0deg, ".concat(hexToRgba(backgroundColor, 1), " 0%, ").concat(hexToRgba(backgroundColor, 0), " 100%)")
     },
     "&:before": {
       height: lineHeight || 0,
-      background: `linear-gradient(90deg, ${hexToRgba(
-        backgroundColor,
-        0
-      )} 0%, ${hexToRgba(backgroundColor, 1)} 100%)`
+      background: "linear-gradient(90deg, ".concat(hexToRgba(backgroundColor, 0), " 0%, ").concat(hexToRgba(backgroundColor, 1), " 100%)")
     }
-  })
-);
-const StyledArrowDownIcon = styled(KeyboardArrowDownIcon)({
-  transform: ({ open }) => open ? "rotate(180deg)" : null
+  };
 });
-const StyledButtonWrapper = styled("div")(({ open, lineHeight }) => ({
-  "& .MuiButton-root": {
-    textTransform: "none",
-    top: !open && lineHeight > 0 ? 0 - lineHeight / 2 : 0,
-    backgroundColor: "#fff"
+var StyledArrowDownIcon = styled(KeyboardArrowDownIcon)({
+  transform: function transform(_ref2) {
+    var open = _ref2.open;
+    return open ? "rotate(180deg)" : null;
   }
-}));
+});
+var StyledButtonWrapper = styled("div")(function (_ref3) {
+  var open = _ref3.open,
+    lineHeight = _ref3.lineHeight;
+  return {
+    "& .MuiButton-root": {
+      textTransform: "none",
+      top: !open && lineHeight > 0 ? 0 - lineHeight / 2 : 0,
+      backgroundColor: "#fff"
+    }
+  };
+});
 
 export { StyledArrowDownIcon, StyledButtonWrapper, StyledCollapse };

package/dist/esm/components/Confirmation.js

@@ -6,51 +6,56 @@ import Heading from './Heading.js';
 import Modal from './Modal.js';
 import Text from './Text.js';
 
-function Confirmation({
-  cancelling = false,
-  cancelBtnText = "Cancel",
-  confirming = false,
-  confirmBtnText = "Ok",
-  message = void 0,
-  open = false,
-  onCancel,
-  onConfirm,
-  severity = "default",
-  title = "Are you sure?"
-}) {
-  const actions = /* @__PURE__ */ jsxs(React.Fragment, { children: [
-    onCancel && cancelBtnText && /* @__PURE__ */ jsx(
-      Button,
-      {
-        onClick: onCancel,
-        color: "primaryAlt",
-        variant: "outlined",
-        size: "small",
-        loading: cancelling,
-        children: cancelBtnText
-      }
-    ),
-    onConfirm && confirmBtnText && /* @__PURE__ */ jsx(
-      Button,
-      {
-        onClick: onConfirm,
-        color: severity === "default" ? "primary" : severity,
-        size: "small",
-        loading: confirming,
-        children: confirmBtnText
-      }
-    )
-  ] });
-  return /* @__PURE__ */ jsx(
-    Modal,
-    {
-      maxWidth: "xs",
-      open,
-      heading: /* @__PURE__ */ jsx(Heading, { as: "h5", gutterBottom: false, children: title }),
-      actions,
-      content: /* @__PURE__ */ jsx(Text, { as: "div", variant: "body2", children: message })
-    }
-  );
+function Confirmation(_ref) {
+  var _ref$cancelling = _ref.cancelling,
+    cancelling = _ref$cancelling === void 0 ? false : _ref$cancelling,
+    _ref$cancelBtnText = _ref.cancelBtnText,
+    cancelBtnText = _ref$cancelBtnText === void 0 ? "Cancel" : _ref$cancelBtnText,
+    _ref$confirming = _ref.confirming,
+    confirming = _ref$confirming === void 0 ? false : _ref$confirming,
+    _ref$confirmBtnText = _ref.confirmBtnText,
+    confirmBtnText = _ref$confirmBtnText === void 0 ? "Ok" : _ref$confirmBtnText,
+    _ref$message = _ref.message,
+    message = _ref$message === void 0 ? void 0 : _ref$message,
+    _ref$open = _ref.open,
+    open = _ref$open === void 0 ? false : _ref$open,
+    onCancel = _ref.onCancel,
+    onConfirm = _ref.onConfirm,
+    _ref$severity = _ref.severity,
+    severity = _ref$severity === void 0 ? "default" : _ref$severity,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? "Are you sure?" : _ref$title;
+  var actions = /* @__PURE__ */jsxs(React.Fragment, {
+    children: [onCancel && cancelBtnText && /* @__PURE__ */jsx(Button, {
+      onClick: onCancel,
+      color: "primaryAlt",
+      variant: "outlined",
+      size: "small",
+      loading: cancelling,
+      children: cancelBtnText
+    }), onConfirm && confirmBtnText && /* @__PURE__ */jsx(Button, {
+      onClick: onConfirm,
+      color: severity === "default" ? "primary" : severity,
+      size: "small",
+      loading: confirming,
+      children: confirmBtnText
+    })]
+  });
+  return /* @__PURE__ */jsx(Modal, {
+    maxWidth: "xs",
+    open: open,
+    heading: /* @__PURE__ */jsx(Heading, {
+      as: "h5",
+      gutterBottom: false,
+      children: title
+    }),
+    actions: actions,
+    content: /* @__PURE__ */jsx(Text, {
+      as: "div",
+      variant: "body2",
+      children: message
+    })
+  });
 }
 
 export { Confirmation as default };

package/dist/esm/components/Container.js

@@ -1,11 +1,17 @@
 "use strict";
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react';
 import PropTypes from 'prop-types';
 import MuiContainer from '@mui/material/Container';
 
-function Container({ children, ...rest }) {
-  return /* @__PURE__ */ jsx(MuiContainer, { ...rest, children });
+var _excluded = ["children"];
+function Container(_ref) {
+  var children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /* @__PURE__ */jsx(MuiContainer, _objectSpread2(_objectSpread2({}, rest), {}, {
+    children: children
+  }));
 }
 Container.propTypes = {
   /**