@tenancy.nz/ui 1.0.5 → 1.0.6

package/dist/cjs/index.cjs

@@ -21,7 +21,6 @@ var CollapsedText = require('./components/CollapsedText.cjs');
 var Confirmation = require('./components/Confirmation.cjs');
 var CroppedImageInput = require('./components/CroppedImageInput.cjs');
 var DateInput = require('./components/DateInput.cjs');
-var DatePicker = require('./components/DatePicker.cjs');
 var Divider = require('./components/Divider.cjs');
 var DropZone = require('./components/DropZone.cjs');
 var Embed = require('./components/Embed.cjs');
@@ -107,7 +106,6 @@ exports.CollapsedText = CollapsedText.default;
 exports.Confirmation = Confirmation.default;
 exports.CroppedImageInput = CroppedImageInput.default;
 exports.DateInput = DateInput.default;
-exports.DatePicker = DatePicker.default;
 exports.Divider = Divider.default;
 exports.DropZone = DropZone.default;
 exports.Embed = Embed.default;

package/dist/esm/index.js

@@ -19,7 +19,6 @@ export { default as CollapsedText } from './components/CollapsedText.js';
 export { default as Confirmation } from './components/Confirmation.js';
 export { default as CroppedImageInput } from './components/CroppedImageInput.js';
 export { default as DateInput } from './components/DateInput.js';
-export { default as DatePicker } from './components/DatePicker.js';
 export { default as Divider } from './components/Divider.js';
 export { default as DropZone } from './components/DropZone.js';
 export { default as Embed } from './components/Embed.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tenancy.nz/ui",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "Library of React UI components for tenancy.co.nz apps.",
   "author": "Tenancy.co.nz <monty@tenancy.co.nz>",
   "keywords": [

package/dist/cjs/components/DatePicker.cjs

@@ -1,162 +0,0 @@
-"use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
-var React = require('react');
-var PropTypes = require('prop-types');
-var InputAdornment = require('@mui/material/InputAdornment');
-var AdapterDayjs = require('@mui/x-date-pickers/AdapterDayjs');
-var EventIcon = require('@mui/icons-material/Event');
-var xDatePickers = require('@mui/x-date-pickers');
-var TextInput = require('./TextInput.cjs');
-var IconButton = require('./IconButton.cjs');
-var DatePicker_styled = require('./DatePicker.styled.cjs');
-
-var _excluded = ["disabled", "edges", "error", "showError", "errorMessage", "fullWidth", "helperText", "icon", "label", "required", "variant", "format", "value", "onChange", "name"];
-function DatePicker(_ref) {
-  var _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$edges = _ref.edges,
-    edges = _ref$edges === void 0 ? "normal" : _ref$edges,
-    _ref$error = _ref.error,
-    error = _ref$error === void 0 ? false : _ref$error,
-    _ref$showError = _ref.showError,
-    showError = _ref$showError === void 0 ? false : _ref$showError,
-    _ref$errorMessage = _ref.errorMessage,
-    errorMessage = _ref$errorMessage === void 0 ? "" : _ref$errorMessage,
-    _ref$fullWidth = _ref.fullWidth,
-    fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
-    _ref$helperText = _ref.helperText,
-    helperText = _ref$helperText === void 0 ? "" : _ref$helperText,
-    _ref$icon = _ref.icon,
-    icon = _ref$icon === void 0 ? void 0 : _ref$icon,
-    _ref$label = _ref.label,
-    label = _ref$label === void 0 ? "" : _ref$label,
-    _ref$required = _ref.required,
-    required = _ref$required === void 0 ? false : _ref$required,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? "outlined" : _ref$variant,
-    _ref$format = _ref.format,
-    format = _ref$format === void 0 ? "dd/MM/yyyy" : _ref$format,
-    _ref$value = _ref.value,
-    value = _ref$value === void 0 ? void 0 : _ref$value,
-    _ref$onChange = _ref.onChange,
-    onChange = _ref$onChange === void 0 ? null : _ref$onChange,
-    name = _ref.name,
-    others = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var rest = _rollupPluginBabelHelpers.objectSpread2({
-    error: error
-  }, others);
-  var _useState = React.useState(false),
-    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2);
-    _useState2[0];
-    var setOpen = _useState2[1];
-  return /* @__PURE__ */React.createElement(DatePicker_styled.StyledWrapper, {
-    required: required,
-    hasValue: !!value
-  }, /* @__PURE__ */React.createElement(xDatePickers.LocalizationProvider, {
-    dateAdapter: AdapterDayjs.AdapterDayjs
-  }, /* @__PURE__ */React.createElement(xDatePickers.DatePicker, _rollupPluginBabelHelpers.objectSpread2({
-    clearable: true,
-    disableCloseOnSelect: false,
-    inputFormat: format,
-    value: value,
-    onChange: onChange,
-    onClose: function onClose() {
-      return setOpen(false);
-    },
-    renderInput: function renderInput(params) {
-      return /* @__PURE__ */React.createElement(TextInput.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, params), {}, {
-        onClick: function onClick() {
-          return setOpen(true);
-        },
-        name: name,
-        fullWidth: fullWidth,
-        label: label,
-        helperText: helperText,
-        disabled: disabled,
-        required: required,
-        showError: showError,
-        message: errorMessage,
-        edges: edges,
-        variant: variant,
-        autoComplete: "off",
-        InputProps: {
-          endAdornment: /* @__PURE__ */React.createElement(InputAdornment, {
-            position: "end"
-          }, /* @__PURE__ */React.createElement(IconButton.default, {
-            onClick: function onClick() {
-              return setOpen(true);
-            }
-          }, icon || /* @__PURE__ */React.createElement(EventIcon, null)))
-        }
-      }));
-    }
-  }, rest))));
-}
-DatePicker.propTypes = {
-  /**
-   * If `true`, the `input` element will be disabled.
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Make button edges rounded or square
-   */
-  edges: PropTypes.oneOf(["normal", "rounded", "sharp"]),
-  /**
-   * If `true`, the label will be displayed in an error state.
-   */
-  error: PropTypes.bool,
-  /**
-   * If `true`, the input will take up the full width of its container.
-   */
-  fullWidth: PropTypes.bool,
-  /**
-   * The helper text content.
-   */
-  helperText: PropTypes.string,
-  /**
-   * Input icon
-   */
-  icon: PropTypes.node,
-  /**
-   * The label content.
-   */
-  label: PropTypes.string,
-  /**
-   * The field name.
-   */
-  name: PropTypes.string.isRequired,
-  /**
-   * If `true`, the label is displayed as required and the `input` element` will be required.
-   */
-  required: PropTypes.bool,
-  /**
-   * The value of the `input` element, required for a controlled component.
-   */
-  value: PropTypes.any,
-  /**
-   * The variant to use.
-   */
-  variant: PropTypes.oneOf(["filled", "outlined"]),
-  /**
-   * Whether or not to display an error message (if there is a message to display).
-   */
-  showError: PropTypes.bool,
-  /**
-   * The error message to display if showError === true
-   */
-  errorMessage: PropTypes.string,
-  /**
-   * Date format. See: https://day.js.org/docs/en/display/format
-   */
-  format: PropTypes.string,
-  /**
-   * Handle Input change event
-   */
-  onChange: PropTypes.func
-};
-
-exports.default = DatePicker;

package/dist/cjs/components/DatePicker.styled.cjs

@@ -1,22 +0,0 @@
-"use strict";
-'use strict';
-
-var styles = require('@mui/material/styles');
-
-var StyledWrapper = styles.styled("span")(function (_ref) {
-  var required = _ref.required,
-    theme = _ref.theme,
-    hasValue = _ref.hasValue;
-  return {
-    "& input": {
-      "&::placeholder": {
-        textTransform: "uppercase"
-      }
-    },
-    "& .MuiOutlinedInput-notchedOutline, &:hover .MuiOutlinedInput-notchedOutline": {
-      borderColor: required && !hasValue ? theme.palette.secondary.main : theme.palette.grey.main
-    }
-  };
-});
-
-exports.StyledWrapper = StyledWrapper;

package/dist/esm/components/DatePicker.js

@@ -1,158 +0,0 @@
-"use strict";
-import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, slicedToArray as _slicedToArray } from '../_virtual/_rollupPluginBabelHelpers.js';
-import React, { useState } from 'react';
-import PropTypes from 'prop-types';
-import InputAdornment from '@mui/material/InputAdornment';
-import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
-import EventIcon from '@mui/icons-material/Event';
-import { LocalizationProvider, DatePicker as DatePicker$1 } from '@mui/x-date-pickers';
-import TextInput from './TextInput.js';
-import IconButton from './IconButton.js';
-import { StyledWrapper } from './DatePicker.styled.js';
-
-var _excluded = ["disabled", "edges", "error", "showError", "errorMessage", "fullWidth", "helperText", "icon", "label", "required", "variant", "format", "value", "onChange", "name"];
-function DatePicker(_ref) {
-  var _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$edges = _ref.edges,
-    edges = _ref$edges === void 0 ? "normal" : _ref$edges,
-    _ref$error = _ref.error,
-    error = _ref$error === void 0 ? false : _ref$error,
-    _ref$showError = _ref.showError,
-    showError = _ref$showError === void 0 ? false : _ref$showError,
-    _ref$errorMessage = _ref.errorMessage,
-    errorMessage = _ref$errorMessage === void 0 ? "" : _ref$errorMessage,
-    _ref$fullWidth = _ref.fullWidth,
-    fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
-    _ref$helperText = _ref.helperText,
-    helperText = _ref$helperText === void 0 ? "" : _ref$helperText,
-    _ref$icon = _ref.icon,
-    icon = _ref$icon === void 0 ? void 0 : _ref$icon,
-    _ref$label = _ref.label,
-    label = _ref$label === void 0 ? "" : _ref$label,
-    _ref$required = _ref.required,
-    required = _ref$required === void 0 ? false : _ref$required,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? "outlined" : _ref$variant,
-    _ref$format = _ref.format,
-    format = _ref$format === void 0 ? "dd/MM/yyyy" : _ref$format,
-    _ref$value = _ref.value,
-    value = _ref$value === void 0 ? void 0 : _ref$value,
-    _ref$onChange = _ref.onChange,
-    onChange = _ref$onChange === void 0 ? null : _ref$onChange,
-    name = _ref.name,
-    others = _objectWithoutProperties(_ref, _excluded);
-  var rest = _objectSpread2({
-    error: error
-  }, others);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2);
-    _useState2[0];
-    var setOpen = _useState2[1];
-  return /* @__PURE__ */React.createElement(StyledWrapper, {
-    required: required,
-    hasValue: !!value
-  }, /* @__PURE__ */React.createElement(LocalizationProvider, {
-    dateAdapter: AdapterDayjs
-  }, /* @__PURE__ */React.createElement(DatePicker$1, _objectSpread2({
-    clearable: true,
-    disableCloseOnSelect: false,
-    inputFormat: format,
-    value: value,
-    onChange: onChange,
-    onClose: function onClose() {
-      return setOpen(false);
-    },
-    renderInput: function renderInput(params) {
-      return /* @__PURE__ */React.createElement(TextInput, _objectSpread2(_objectSpread2({}, params), {}, {
-        onClick: function onClick() {
-          return setOpen(true);
-        },
-        name: name,
-        fullWidth: fullWidth,
-        label: label,
-        helperText: helperText,
-        disabled: disabled,
-        required: required,
-        showError: showError,
-        message: errorMessage,
-        edges: edges,
-        variant: variant,
-        autoComplete: "off",
-        InputProps: {
-          endAdornment: /* @__PURE__ */React.createElement(InputAdornment, {
-            position: "end"
-          }, /* @__PURE__ */React.createElement(IconButton, {
-            onClick: function onClick() {
-              return setOpen(true);
-            }
-          }, icon || /* @__PURE__ */React.createElement(EventIcon, null)))
-        }
-      }));
-    }
-  }, rest))));
-}
-DatePicker.propTypes = {
-  /**
-   * If `true`, the `input` element will be disabled.
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Make button edges rounded or square
-   */
-  edges: PropTypes.oneOf(["normal", "rounded", "sharp"]),
-  /**
-   * If `true`, the label will be displayed in an error state.
-   */
-  error: PropTypes.bool,
-  /**
-   * If `true`, the input will take up the full width of its container.
-   */
-  fullWidth: PropTypes.bool,
-  /**
-   * The helper text content.
-   */
-  helperText: PropTypes.string,
-  /**
-   * Input icon
-   */
-  icon: PropTypes.node,
-  /**
-   * The label content.
-   */
-  label: PropTypes.string,
-  /**
-   * The field name.
-   */
-  name: PropTypes.string.isRequired,
-  /**
-   * If `true`, the label is displayed as required and the `input` element` will be required.
-   */
-  required: PropTypes.bool,
-  /**
-   * The value of the `input` element, required for a controlled component.
-   */
-  value: PropTypes.any,
-  /**
-   * The variant to use.
-   */
-  variant: PropTypes.oneOf(["filled", "outlined"]),
-  /**
-   * Whether or not to display an error message (if there is a message to display).
-   */
-  showError: PropTypes.bool,
-  /**
-   * The error message to display if showError === true
-   */
-  errorMessage: PropTypes.string,
-  /**
-   * Date format. See: https://day.js.org/docs/en/display/format
-   */
-  format: PropTypes.string,
-  /**
-   * Handle Input change event
-   */
-  onChange: PropTypes.func
-};
-
-export { DatePicker as default };

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

@@ -1,20 +0,0 @@
-"use strict";
-import { styled } from '@mui/material/styles';
-
-var StyledWrapper = styled("span")(function (_ref) {
-  var required = _ref.required,
-    theme = _ref.theme,
-    hasValue = _ref.hasValue;
-  return {
-    "& input": {
-      "&::placeholder": {
-        textTransform: "uppercase"
-      }
-    },
-    "& .MuiOutlinedInput-notchedOutline, &:hover .MuiOutlinedInput-notchedOutline": {
-      borderColor: required && !hasValue ? theme.palette.secondary.main : theme.palette.grey.main
-    }
-  };
-});
-
-export { StyledWrapper };