@tenancy.nz/ui 1.0.1 → 1.0.3

package/dist/cjs/theme/index.cjs

@@ -3,7 +3,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const palette = {
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
+
+var palette = {
   default: {
     light: "#F1F1F1",
     main: "#6D6D6D",
@@ -106,7 +108,7 @@ const palette = {
   },
   divider: "#707070"
 };
-const breakpoints = {
+var breakpoints = {
   values: {
     xs: 0,
     sm: 768,
@@ -115,7 +117,7 @@ const breakpoints = {
     xl: 1920
   }
 };
-const typography = {
+var typography = {
   fontWeightLight: 700,
   fontWeightRegular: 500,
   fontWeightMedium: 600,
@@ -127,38 +129,34 @@ const typography = {
     fontFamily: '"Montserrat", sans-serif',
     fontWeight: 600
   },
-  h1: {
+  h1: _rollupPluginBabelHelpers.defineProperty({
     fontSize: 24,
     fontWeight: 600,
-    lineHeight: 1.3,
-    [`@media (min-width: ${breakpoints.values.md}px)`]: {
-      fontSize: 32
-    }
-  },
-  h2: {
+    lineHeight: 1.3
+  }, "@media (min-width: ".concat(breakpoints.values.md, "px)"), {
+    fontSize: 32
+  }),
+  h2: _rollupPluginBabelHelpers.defineProperty({
     fontSize: 22,
     fontWeight: 600,
-    lineHeight: 1.3,
-    [`@media (min-width: ${breakpoints.values.md}px)`]: {
-      fontSize: 28
-    }
-  },
-  h3: {
+    lineHeight: 1.3
+  }, "@media (min-width: ".concat(breakpoints.values.md, "px)"), {
+    fontSize: 28
+  }),
+  h3: _rollupPluginBabelHelpers.defineProperty({
     fontSize: 18,
     fontWeight: 600,
-    lineHeight: 1.3,
-    [`@media (min-width: ${breakpoints.values.md}px)`]: {
-      fontSize: 24
-    }
-  },
-  h4: {
+    lineHeight: 1.3
+  }, "@media (min-width: ".concat(breakpoints.values.md, "px)"), {
+    fontSize: 24
+  }),
+  h4: _rollupPluginBabelHelpers.defineProperty({
     fontSize: 17,
     fontWeight: 600,
-    lineHeight: 1.3,
-    [`@media (min-width: ${breakpoints.values.md}px)`]: {
-      fontSize: 19
-    }
-  },
+    lineHeight: 1.3
+  }, "@media (min-width: ".concat(breakpoints.values.md, "px)"), {
+    fontSize: 19
+  }),
   h5: {
     fontSize: 17,
     fontWeight: 600,
@@ -185,16 +183,18 @@ const typography = {
     fontSize: 14
   },
   size: {
-    scale: (factor) => `${0.25 * factor}em`,
+    scale: function scale(factor) {
+      return "".concat(0.25 * factor, "em");
+    },
     small: "16px",
     medium: "18px",
     large: "22px"
   }
 };
-const shape = {
+var shape = {
   borderRadius: 4
 };
-const components = {
+var components = {
   MuiBackdrop: {
     styleOverrides: {
       root: {
@@ -222,8 +222,10 @@ const components = {
     }
   }
 };
-const spacing = (factor) => `${0.25 * factor}rem`;
-const props = {
+var spacing = function spacing(factor) {
+  return "".concat(0.25 * factor, "rem");
+};
+var props = {
   MuiButton: {
     disableRipple: true,
     disableFocusRipple: true
@@ -237,16 +239,16 @@ const props = {
     disableFocusRipple: true
   }
 };
-const theme = {
-  palette,
-  typography,
-  spacing,
-  shape,
-  breakpoints,
-  props,
-  components
+var theme = {
+  palette: palette,
+  typography: typography,
+  spacing: spacing,
+  shape: shape,
+  breakpoints: breakpoints,
+  props: props,
+  components: components
 };
-const fontUrl = "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";
+var fontUrl = "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";
 
 exports.default = theme;
 exports.fontUrl = fontUrl;

package/dist/cjs/utils/animations.cjs

@@ -1,63 +1,19 @@
 "use strict";
 'use strict';
 
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var styled = require('styled-components');
 
-const easing = {
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+var easing = {
   rubber: "cubic-bezier(0.175, 0.885, 0.335, 1.05)"
 };
-const rotate360 = styled.keyframes`
-	0% {
-    transform: rotate(0deg);
-	}
-	100% {
-		transform: rotate(1turn);
-	}
-`;
-const glow = styled.keyframes`
-  0%, 100% { opacity: 1; }
-  50% { opacity: .4; }
-`;
-const float = styled.keyframes`
-  0% { transform: translateY(1px); }
-  25% { transform: translateY(0px); }
-  50% { transform: translateY(-3px); }
-  100% { transform: translateY(1px); }
-`;
-const jiggle = styled.keyframes`
-  0%, 100% { transform:translate3d(0,0,0); }
-  12.5%, 62.5% { transform:translate3d(-4px,0,0); }
-  37.5%, 87.5% {  transform: translate3d(4px,0,0);  }
-`;
-const shake = styled.keyframes`
-  0% { transform:rotate(-3deg) }
-  1.68421% { transform:rotate(3deg) }
-  2.10526% { transform:rotate(6deg) }
-  3.78947% { transform:rotate(-6deg) }
-  4.21053% { transform:rotate(-6deg) }
-  5.89474% { transform:rotate(6deg) }
-  6.31579% { transform:rotate(6deg) }
-  8% { transform:rotate(-6deg) }
-  8.42105% { transform:rotate(-6deg) }
-  10.10526% { transform:rotate(6deg) }
-  10.52632% { transform:rotate(6deg) }
-  12.21053% { transform:rotate(-6deg) }
-  12.63158% { transform:rotate(-6deg) }
-  14.31579% { transform:rotate(6deg) }
-  15.78947% { transform:rotate(0deg) }
-  100% { transform:rotate(0deg) }
-`;
-const inlineGlow = styled.css`
-  animation: ${glow} 1.5s ease-in-out infinite;
-  background-color: #eee !important;
-  color: transparent !important;
-  cursor: default;
-  pointer-events: none;
-  user-select: none;
-  background-clip: padding-box !important;
-  border: none !important;
-  box-shadow: none !important;
-`;
+var rotate360 = styled.keyframes(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n\t0% {\n    transform: rotate(0deg);\n\t}\n\t100% {\n\t\ttransform: rotate(1turn);\n\t}\n"])));
+var glow = styled.keyframes(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  0%, 100% { opacity: 1; }\n  50% { opacity: .4; }\n"])));
+var float = styled.keyframes(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  0% { transform: translateY(1px); }\n  25% { transform: translateY(0px); }\n  50% { transform: translateY(-3px); }\n  100% { transform: translateY(1px); }\n"])));
+var jiggle = styled.keyframes(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  0%, 100% { transform:translate3d(0,0,0); }\n  12.5%, 62.5% { transform:translate3d(-4px,0,0); }\n  37.5%, 87.5% {  transform: translate3d(4px,0,0);  }\n"])));
+var shake = styled.keyframes(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  0% { transform:rotate(-3deg) }\n  1.68421% { transform:rotate(3deg) }\n  2.10526% { transform:rotate(6deg) }\n  3.78947% { transform:rotate(-6deg) }\n  4.21053% { transform:rotate(-6deg) }\n  5.89474% { transform:rotate(6deg) }\n  6.31579% { transform:rotate(6deg) }\n  8% { transform:rotate(-6deg) }\n  8.42105% { transform:rotate(-6deg) }\n  10.10526% { transform:rotate(6deg) }\n  10.52632% { transform:rotate(6deg) }\n  12.21053% { transform:rotate(-6deg) }\n  12.63158% { transform:rotate(-6deg) }\n  14.31579% { transform:rotate(6deg) }\n  15.78947% { transform:rotate(0deg) }\n  100% { transform:rotate(0deg) }\n"])));
+var inlineGlow = styled.css(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  animation: ", " 1.5s ease-in-out infinite;\n  background-color: #eee !important;\n  color: transparent !important;\n  cursor: default;\n  pointer-events: none;\n  user-select: none;\n  background-clip: padding-box !important;\n  border: none !important;\n  box-shadow: none !important;\n"])), glow);
 
 exports.easing = easing;
 exports.float = float;

package/dist/cjs/utils/colors.cjs

@@ -1,26 +1,27 @@
 "use strict";
 'use strict';
 
-const hexToRgba = (hex, opacity) => {
-  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
-  return result ? `rgba(${[
-    parseInt(result[1], 16),
-    parseInt(result[2], 16),
-    parseInt(result[3], 16)
-  ].join()},${opacity})` : null;
+var hexToRgba = function hexToRgba(hex, opacity) {
+  var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  return result ? "rgba(".concat([parseInt(result[1], 16), parseInt(result[2], 16), parseInt(result[3], 16)].join(), ",").concat(opacity, ")") : null;
 };
-const mixColors = (firstColor, secondColor, weight = 50) => {
-  const decimalToHex = (d) => d.toString(16);
-  const hexToDecimal = (h) => parseInt(h, 16);
-  let color = "#";
-  const color1 = firstColor.replace("#", "");
-  const color2 = secondColor.replace("#", "");
-  for (let i = 0; i <= 5; i += 2) {
-    const v1 = hexToDecimal(color1.substr(i, 2));
-    const v2 = hexToDecimal(color2.substr(i, 2));
-    let val = decimalToHex(Math.floor(v2 + (v1 - v2) * (weight / 100)));
+var mixColors = function mixColors(firstColor, secondColor) {
+  var weight = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 50;
+  var decimalToHex = function decimalToHex(d) {
+    return d.toString(16);
+  };
+  var hexToDecimal = function hexToDecimal(h) {
+    return parseInt(h, 16);
+  };
+  var color = "#";
+  var color1 = firstColor.replace("#", "");
+  var color2 = secondColor.replace("#", "");
+  for (var i = 0; i <= 5; i += 2) {
+    var v1 = hexToDecimal(color1.substr(i, 2));
+    var v2 = hexToDecimal(color2.substr(i, 2));
+    var val = decimalToHex(Math.floor(v2 + (v1 - v2) * (weight / 100)));
     while (val.length < 2) {
-      val = `0${val}`;
+      val = "0".concat(val);
     }
     color += val;
   }

package/dist/cjs/utils/constants.cjs

@@ -1,8 +1,8 @@
 "use strict";
 'use strict';
 
-const ORIENTATION_HORIZONTAL = "horizontal";
-const ORIENTATION_VERTICAL = "vertical";
+var ORIENTATION_HORIZONTAL = "horizontal";
+var ORIENTATION_VERTICAL = "vertical";
 
 exports.ORIENTATION_HORIZONTAL = ORIENTATION_HORIZONTAL;
 exports.ORIENTATION_VERTICAL = ORIENTATION_VERTICAL;

package/dist/cjs/utils/files.cjs

@@ -3,14 +3,14 @@
 
 var mime = require('mime/lite');
 
-const getFileNameFromURL = (url) => {
+var getFileNameFromURL = function getFileNameFromURL(url) {
   if (url) {
-    const cleanURL = url.split(/[?#]/)[0];
+    var cleanURL = url.split(/[?#]/)[0];
     return cleanURL.substring(cleanURL.lastIndexOf("/") + 1);
   }
   return "";
 };
-const getFileName = (file) => {
+var getFileName = function getFileName(file) {
   if (file.filename) {
     return file.filename;
   }
@@ -19,11 +19,11 @@ const getFileName = (file) => {
   }
   return "";
 };
-const getFileExtension = (file) => {
+var getFileExtension = function getFileExtension(file) {
   if (file.filetype) {
     return mime.getExtension(file.filetype);
   }
-  let filetype = mime.getType(getFileName(file));
+  var filetype = mime.getType(getFileName(file));
   if (!filetype) {
     filetype = mime.getType(getFileNameFromURL(file.url || file));
   }
@@ -32,9 +32,9 @@ const getFileExtension = (file) => {
   }
   return "unsupported";
 };
-const isImage = (file) => {
-  const extension = getFileExtension(file);
-  const extensions = ["jpg", "jpeg", "png", "gif", "svg"];
+var isImage = function isImage(file) {
+  var extension = getFileExtension(file);
+  var extensions = ["jpg", "jpeg", "png", "gif", "svg"];
   return extensions.includes(extension);
 };
 

package/dist/cjs/utils/helpers/array.cjs

@@ -1,24 +1,33 @@
 "use strict";
 'use strict';
 
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.cjs');
 var boolean = require('./boolean.cjs');
 
-const implode = (delimiter, arr, noEmpty = true) => (noEmpty ? arr.filter((item) => !boolean.isEmpty(item)) : arr).join(delimiter);
-const range = (start, end, step = 1) => {
+var implode = function implode(delimiter, arr) {
+  var noEmpty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  return (noEmpty ? arr.filter(function (item) {
+    return !boolean.isEmpty(item);
+  }) : arr).join(delimiter);
+};
+var _range = function range(start, end) {
+  var step = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
   if (start === end) {
     return [start];
   }
-  return [start, ...range(start + step, end, step)];
+  return [start].concat(_rollupPluginBabelHelpers.toConsumableArray(_range(start + step, end, step)));
 };
-const arrayUnique = (arr) => {
+var arrayUnique = function arrayUnique(arr) {
   if (!boolean.isArray(arr)) {
     console.error("first argument should be an array.");
     return false;
   }
-  const iterator = (value, index, self) => self.indexOf(value) === index;
+  var iterator = function iterator(value, index, self) {
+    return self.indexOf(value) === index;
+  };
   return arr.filter(iterator);
 };
 
 exports.arrayUnique = arrayUnique;
 exports.implode = implode;
-exports.range = range;
+exports.range = _range;

package/dist/cjs/utils/helpers/boolean.cjs

@@ -1,19 +1,35 @@
 "use strict";
 'use strict';
 
-const isEmpty = (val) => {
-  if (val === false || val === null || val === void 0 || val === "" || val === 0 || Array.isArray(val) && val.length === 0 || typeof val === "object" && Object.keys(val).length === 0) {
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.cjs');
+
+var isEmpty = function isEmpty(val) {
+  if (val === false || val === null || val === void 0 || val === "" || val === 0 || Array.isArray(val) && val.length === 0 || _rollupPluginBabelHelpers.typeof(val) === "object" && Object.keys(val).length === 0) {
     return true;
   }
   return false;
 };
-const isNotEmpty = (val) => !isEmpty(val);
-const isObject = (object) => typeof object === "object" && object instanceof Object && !Array.isArray(object);
-const isArray = (value) => Array.isArray(value);
-const isString = (value) => typeof value === "string";
-const isFunction = (value) => typeof value === "function";
-const isNumber = (val) => /^\d+$/.test(val);
-const isNumeric = (val) => /^(?!0\d)\d*(\.\d+)?$/.test(val);
+var isNotEmpty = function isNotEmpty(val) {
+  return !isEmpty(val);
+};
+var isObject = function isObject(object) {
+  return _rollupPluginBabelHelpers.typeof(object) === "object" && object instanceof Object && !Array.isArray(object);
+};
+var isArray = function isArray(value) {
+  return Array.isArray(value);
+};
+var isString = function isString(value) {
+  return typeof value === "string";
+};
+var isFunction = function isFunction(value) {
+  return typeof value === "function";
+};
+var isNumber = function isNumber(val) {
+  return /^\d+$/.test(val);
+};
+var isNumeric = function isNumeric(val) {
+  return /^(?!0\d)\d*(\.\d+)?$/.test(val);
+};
 
 exports.isArray = isArray;
 exports.isEmpty = isEmpty;

package/dist/cjs/utils/helpers/dateSelect.cjs

@@ -1,37 +1,50 @@
 "use strict";
 'use strict';
 
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.cjs');
 var array = require('./array.cjs');
 require('./date.cjs');
 var string = require('./string.cjs');
 var dayjs = require('dayjs');
 
-const rangeYearValue = (val) => {
+var rangeYearValue = function rangeYearValue(val) {
   if (val === "now" || !val) {
     return dayjs().get("year");
   }
   if (val.indexOf("-") === 0) {
     return dayjs().subtract(parseInt(val.substr(1), 10), "year").get("year");
   }
-  const literal = dayjs(val, "YYYY").get("year");
+  var literal = dayjs(val, "YYYY").get("year");
   return literal || dayjs().add(parseInt(val, 10), "year").get("year");
 };
-const getYearRange = (format) => {
-  const [minYear, maxYear] = format.split(":");
+var getYearRange = function getYearRange(format) {
+  var _format$split = format.split(":"),
+    _format$split2 = _rollupPluginBabelHelpers.slicedToArray(_format$split, 2),
+    minYear = _format$split2[0],
+    maxYear = _format$split2[1];
   return [rangeYearValue(minYear), rangeYearValue(maxYear)];
 };
-const dayOptions = () => {
-  const options = array.range(1, 31).map((val) => string.strPadStart(val, 2, "0"));
-  return ["", ...options];
+var dayOptions = function dayOptions() {
+  var options = array.range(1, 31).map(function (val) {
+    return string.strPadStart(val, 2, "0");
+  });
+  return [""].concat(_rollupPluginBabelHelpers.toConsumableArray(options));
 };
-const monthOptions = () => {
-  const options = array.range(1, 12).map((val) => string.strPadStart(val, 2, "0"));
-  return ["", ...options];
+var monthOptions = function monthOptions() {
+  var options = array.range(1, 12).map(function (val) {
+    return string.strPadStart(val, 2, "0");
+  });
+  return [""].concat(_rollupPluginBabelHelpers.toConsumableArray(options));
 };
-const yearOptions = (rng) => {
-  const [min, max] = getYearRange(rng);
-  const options = array.range(min, max).map((val) => string.toString(val));
-  return ["", ...options];
+var yearOptions = function yearOptions(rng) {
+  var _getYearRange = getYearRange(rng),
+    _getYearRange2 = _rollupPluginBabelHelpers.slicedToArray(_getYearRange, 2),
+    min = _getYearRange2[0],
+    max = _getYearRange2[1];
+  var options = array.range(min, max).map(function (val) {
+    return string.toString(val);
+  });
+  return [""].concat(_rollupPluginBabelHelpers.toConsumableArray(options));
 };
 
 exports.dayOptions = dayOptions;

package/dist/cjs/utils/helpers/file.cjs

@@ -3,14 +3,14 @@
 
 var mime = require('mime/lite');
 
-const getFileNameFromURL = (file) => {
+var getFileNameFromURL = function getFileNameFromURL(file) {
   if (file.url) {
-    const cleanURL = file.url.split(/[?#]/)[0];
+    var cleanURL = file.url.split(/[?#]/)[0];
     return cleanURL.substring(cleanURL.lastIndexOf("/") + 1);
   }
   return "";
 };
-const getFileName = (file) => {
+var getFileName = function getFileName(file) {
   if (file.filename) {
     return file.filename;
   }
@@ -19,11 +19,11 @@ const getFileName = (file) => {
   }
   return "";
 };
-const getFileExtension = (file) => {
+var getFileExtension = function getFileExtension(file) {
   if (file.filetype) {
     return mime.getExtension(file.filetype);
   }
-  let filetype = mime.getType(getFileName(file));
+  var filetype = mime.getType(getFileName(file));
   if (!filetype) {
     filetype = mime.getType(getFileNameFromURL(file));
   }
@@ -32,18 +32,19 @@ const getFileExtension = (file) => {
   }
   return "unsupported";
 };
-const isImage = (file) => {
-  const extension = getFileExtension(file);
-  const extensions = ["jpg", "jpeg", "png", "gif", "svg"];
+var isImage = function isImage(file) {
+  var extension = getFileExtension(file);
+  var extensions = ["jpg", "jpeg", "png", "gif", "svg"];
   return extensions.includes(extension);
 };
-const formatBytes = (bytes, decimals = 2) => {
+var formatBytes = function formatBytes(bytes) {
+  var decimals = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
   if (bytes === 0) return "0 Bytes";
-  const k = 1024;
-  const dm = decimals < 0 ? 0 : decimals;
-  const sizes = ["Bytes", "KB", "MB"];
-  const i = Math.floor(Math.log(bytes) / Math.log(k));
-  return `${parseFloat((bytes / k ** i).toFixed(dm))}${sizes[i]}`;
+  var k = 1024;
+  var dm = decimals < 0 ? 0 : decimals;
+  var sizes = ["Bytes", "KB", "MB"];
+  var i = Math.floor(Math.log(bytes) / Math.log(k));
+  return "".concat(parseFloat((bytes / Math.pow(k, i)).toFixed(dm))).concat(sizes[i]);
 };
 
 exports.formatBytes = formatBytes;

package/dist/cjs/utils/helpers/number.cjs

@@ -3,8 +3,11 @@
 
 var boolean = require('./boolean.cjs');
 
-const toNumber = (val, radix = 10) => boolean.isNumeric(val) ? parseInt(val, radix) : false;
-const toFloat = (val, decimals) => {
+var toNumber = function toNumber(val) {
+  var radix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 10;
+  return boolean.isNumeric(val) ? parseInt(val, radix) : false;
+};
+var toFloat = function toFloat(val, decimals) {
   if (boolean.isNumeric(val) || !isNaN(val)) {
     if (decimals) {
       return parseFloat(val).toFixed(decimals);