@punch-in/buffet-modern-custom 3.3.11

package/.eslintignore

@@ -0,0 +1,7 @@
+build
+jest
+node_modules
+dist
+jest.config.js
+.eslintrc.js
+stylelint.config.js

package/.eslintrc.js

@@ -0,0 +1,3 @@
+const rootConf = require('../../tools-configuration/eslint.config.js');
+
+module.exports = { ...rootConf };

package/.npmingore

@@ -0,0 +1,16 @@
+# Ignore sources
+jest
+build/stats.*
+
+# Ignore scripts
+createBuildIndex.js
+
+# Ignore tooling
+.babelrc
+.eslintignore
+.eslintrc.js
+jest.config.js
+stylelint.config.js
+test-bundler.js
+webpack.config.js
+yarn-error.log

package/README.md

@@ -0,0 +1,50 @@
+# Buffet.js Custom
+
+## Getting Started
+
+### Installation
+
+Using yarn
+
+```bash
+yarn add @punch-in/buffet-modern-custom
+# Install the required dependencies
+yarn add lodash prop-types react react-dom react-router-dom styled-components
+```
+
+or npm
+
+```bash
+npm install @punch-in/buffet-modern-custom --save
+# Install the required dependencies
+npm install lodash prop-types react react-dom react-router-dom styled-components --save
+```
+
+### Available commands
+
+- **build**<br/>
+  Builds the library for production
+- **build:analyze**<br/>
+  Analyse the generated build
+- **build:watch**<br/>
+  Whatch the files with webpack
+- **build:watch:esm**<br/>
+  Whatch the files with babel
+- **create:index**<br/>
+  Create the `build/index.js` file
+- **test**<br/>
+  Runs the entire set of test: lint, style and jest
+- **test:jest**<br/>
+  Runs the unit tests
+- **test:jest:watch**<br/>
+  Runs the unit tests in watch mode
+- **test:lint**<br/>
+  Runs the lint tests
+- **test:lint:quiet**<br/>
+  Runs the lint tests without displaying the warnings
+- **test:style**<br/>
+  Runs the stylelint tests
+- **test:style:quiet**<br/>
+  Runs the stylelint tests without displaying the warnings
+- **lint:fix**<br/>
+  Fixes the lint

package/babel.config.js

@@ -0,0 +1,18 @@
+const defaultPresets = [
+  [
+    '@babel/preset-env',
+    {
+      modules: ['esm'].includes(process.env.BABEL_ENV) ? false : 'auto',
+    },
+  ],
+];
+
+module.exports = {
+  presets: defaultPresets.concat(['@babel/preset-react', '@babel/preset-flow']),
+  plugins: [
+    '@babel/plugin-proposal-class-properties',
+    '@babel/plugin-proposal-export-default-from',
+    '@babel/plugin-proposal-export-namespace-from',
+    '@babel/plugin-proposal-function-bind',
+  ],
+};

package/build/bundle.development.js

@@ -0,0 +1,272 @@
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@punch-in/buffet-modern"), require("@punch-in/buffet-modern-core"), require("lodash"), require("moment"), require("prop-types"), require("react"), require("react-moment-proptypes"), require("styled-components"));
+	else if(typeof define === 'function' && define.amd)
+		define("@punch-in/buffet-modern-custom", ["@punch-in/buffet-modern", "@punch-in/buffet-modern-core", "lodash", "moment", "prop-types", "react", "react-moment-proptypes", "styled-components"], factory);
+	else if(typeof exports === 'object')
+		exports["@punch-in/buffet-modern-custom"] = factory(require("@punch-in/buffet-modern"), require("@punch-in/buffet-modern-core"), require("lodash"), require("moment"), require("prop-types"), require("react"), require("react-moment-proptypes"), require("styled-components"));
+	else
+		root["@punch-in/buffet-modern-custom"] = factory(root["@punch-in/buffet-modern"], root["@punch-in/buffet-modern-core"], root["lodash"], root["moment"], root["prop-types"], root["react"], root["react-moment-proptypes"], root["styled-components"]);
+})(window, function(__WEBPACK_EXTERNAL_MODULE__punch_in_buffet_modern__, __WEBPACK_EXTERNAL_MODULE__punch_in_buffet_modern_core__, __WEBPACK_EXTERNAL_MODULE_lodash__, __WEBPACK_EXTERNAL_MODULE_moment__, __WEBPACK_EXTERNAL_MODULE_prop_types__, __WEBPACK_EXTERNAL_MODULE_react__, __WEBPACK_EXTERNAL_MODULE_react_moment_proptypes__, __WEBPACK_EXTERNAL_MODULE_styled_components__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = "./src/index.js");
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./src/components/DateTime/Wrapper.js":
+/*!********************************************!*\
+  !*** ./src/components/DateTime/Wrapper.js ***!
+  \********************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! styled-components */ \"styled-components\");\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_0__);\nvar _templateObject;\nfunction _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }\n\nvar Wrapper = styled_components__WEBPACK_IMPORTED_MODULE_0___default.a.div(_templateObject || (_templateObject = _taggedTemplateLiteral([\"\\n  display: flex;\\n  > div:first-of-type {\\n    margin-right: 10px;\\n  }\\n  > div:last-of-type {\\n    width: 90px;\\n  }\\n\"])));\n/* harmony default export */ __webpack_exports__[\"default\"] = (Wrapper);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-custom/./src/components/DateTime/Wrapper.js?");
+
+/***/ }),
+
+/***/ "./src/components/DateTime/index.js":
+/*!******************************************!*\
+  !*** ./src/components/DateTime/index.js ***!
+  \******************************************/
+/*! exports provided: getTimeString, getTimeObject, default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getTimeString\", function() { return getTimeString; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getTimeObject\", function() { return getTimeObject; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! moment */ \"moment\");\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react_moment_proptypes__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-moment-proptypes */ \"react-moment-proptypes\");\n/* harmony import */ var react_moment_proptypes__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_moment_proptypes__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _punch_in_buffet_modern_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @punch-in/buffet-modern-core */ \"@punch-in/buffet-modern-core\");\n/* harmony import */ var _punch_in_buffet_modern_core__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern_core__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _Wrapper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Wrapper */ \"./src/components/DateTime/Wrapper.js\");\nvar _excluded = [\"disabled\", \"name\", \"onChange\", \"value\", \"tabIndex\", \"step\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(r, a) { if (r) { if (\"string\" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }\nfunction _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(r) { if (Array.isArray(r)) return r; }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\n/**\n *\n * DateTime\n *\n */\n\n\n\n\n\n\n\n\nvar UNITS = ['hour', 'minute', 'second'];\nvar getTimeString = function getTimeString(time) {\n  if (!time) {\n    return '';\n  }\n  var currTime = time || moment__WEBPACK_IMPORTED_MODULE_1___default()();\n  var timeObj = getTimeObject(currTime);\n  var timeString = Object.keys(timeObj).map(function (key) {\n    return timeObj[key] < 10 ? \"0\".concat(timeObj[key]) : timeObj[key];\n  }).join(':');\n  return timeString;\n};\nvar getTimeObject = function getTimeObject(time) {\n  var timeObj = {};\n  UNITS.forEach(function (unit) {\n    timeObj[unit] = time.get(unit);\n  });\n  return timeObj;\n};\nfunction DateTime(_ref) {\n  var disabled = _ref.disabled,\n    name = _ref.name,\n    onChange = _ref.onChange,\n    value = _ref.value,\n    tabIndex = _ref.tabIndex,\n    step = _ref.step,\n    rest = _objectWithoutProperties(_ref, _excluded);\n  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(null),\n    _useState2 = _slicedToArray(_useState, 2),\n    timestamp = _useState2[0],\n    setTimestamp = _useState2[1];\n  var setData = function setData(time) {\n    var _time$split = time.split(':'),\n      _time$split2 = _slicedToArray(_time$split, 3),\n      hour = _time$split2[0],\n      minute = _time$split2[1],\n      second = _time$split2[2];\n    var timeObj = {\n      hour: hour,\n      minute: minute,\n      second: second\n    };\n    var currentDate = Object(lodash__WEBPACK_IMPORTED_MODULE_4__[\"isEmpty\"])(timestamp) ? moment__WEBPACK_IMPORTED_MODULE_1___default()() : Object(lodash__WEBPACK_IMPORTED_MODULE_4__[\"cloneDeep\"])(timestamp);\n    currentDate.set('hours', timeObj.hour);\n    currentDate.set('minute', timeObj.minute);\n    currentDate.set('second', timeObj.second);\n    setDate(currentDate);\n  };\n  var setDate = function setDate(date, time) {\n    // Clearing the date\n    if (date === null) {\n      setTimestamp(null);\n      onChange({\n        target: {\n          name: name,\n          type: 'datetime',\n          value: null\n        }\n      });\n      return;\n    }\n    var newDate = time || date;\n    date.set(getTimeObject(newDate));\n    date.toISOString();\n    date.format();\n    setTimestamp(date);\n    onChange({\n      target: {\n        name: name,\n        type: 'datetime',\n        value: date\n      }\n    });\n  };\n  Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"])(function () {\n    if (!!value && moment__WEBPACK_IMPORTED_MODULE_1___default()(value).isValid()) {\n      var newDate = value._isAMomentObject === true ? value : moment__WEBPACK_IMPORTED_MODULE_1___default()(value);\n      setTimestamp(newDate);\n    }\n  }, [value]);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Wrapper__WEBPACK_IMPORTED_MODULE_6__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_core__WEBPACK_IMPORTED_MODULE_5__[\"DatePicker\"], _extends({}, rest, {\n    name: \"datetime\",\n    disabled: disabled,\n    onChange: function onChange(_ref2) {\n      var target = _ref2.target;\n      setDate(target.value, timestamp);\n    },\n    tabIndex: tabIndex,\n    value: timestamp\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_core__WEBPACK_IMPORTED_MODULE_5__[\"TimePicker\"], {\n    name: \"time\",\n    disabled: disabled,\n    onChange: function onChange(_ref3) {\n      var target = _ref3.target;\n      setData(target.value);\n    },\n    seconds: false,\n    tabIndex: tabIndex,\n    value: getTimeString(timestamp) || '',\n    step: step\n  }));\n}\nDateTime.defaultProps = {\n  autoFocus: false,\n  disabled: false,\n  id: null,\n  onChange: function onChange() {},\n  placeholder: null,\n  tabIndex: '0',\n  value: null,\n  withDefaultValue: false,\n  step: 30\n};\nDateTime.propTypes = {\n  autoFocus: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,\n  disabled: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,\n  id: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string,\n  name: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string.isRequired,\n  onChange: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,\n  placeholder: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string,\n  step: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number,\n  tabIndex: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string,\n  value: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.oneOfType([react_moment_proptypes__WEBPACK_IMPORTED_MODULE_3___default.a.momentObj, prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.instanceOf(Date)]),\n  withDefaultValue: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (DateTime);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-custom/./src/components/DateTime/index.js?");
+
+/***/ }),
+
+/***/ "./src/components/Header/index.js":
+/*!****************************************!*\
+  !*** ./src/components/Header/index.js ***!
+  \****************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _punch_in_buffet_modern_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @punch-in/buffet-modern-core */ \"@punch-in/buffet-modern-core\");\n/* harmony import */ var _punch_in_buffet_modern_core__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern_core__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @punch-in/buffet-modern */ \"@punch-in/buffet-modern\");\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3__);\nfunction _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(r, a) { if (r) { if (\"string\" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }\nfunction _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(r) { if (Array.isArray(r)) return r; }\n/**\n *\n * Header\n *\n */\n\n\n\n\n\nfunction Header(_ref) {\n  var actions = _ref.actions,\n    content = _ref.content,\n    isLoading = _ref.isLoading,\n    stickable = _ref.stickable,\n    title = _ref.title;\n  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(false),\n    _useState2 = _slicedToArray(_useState, 2),\n    isHeaderSticky = _useState2[0],\n    setHeaderSticky = _useState2[1];\n  var headerRef = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])(null);\n  var label = title.label,\n    cta = title.cta;\n  var handleScroll = function handleScroll() {\n    if (headerRef.current) {\n      setHeaderSticky(headerRef.current.getBoundingClientRect().top <= 20);\n    }\n  };\n  Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"])(function () {\n    window.addEventListener('scroll', handleScroll);\n    return function () {\n      window.removeEventListener('scroll', function () {\n        return handleScroll;\n      });\n    };\n  }, []);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3__[\"Header\"], {\n    ref: headerRef\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: \"sticky-wrapper\".concat(isHeaderSticky && stickable ? ' sticky' : '')\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: \"row\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: \"col-sm-6 header-title\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_core__WEBPACK_IMPORTED_MODULE_2__[\"HeaderTitle\"], {\n    title: label,\n    cta: cta\n  }), isLoading ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3__[\"LoadingBar\"], null) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"p\", null, content)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: \"col-sm-6 justify-content-end\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_core__WEBPACK_IMPORTED_MODULE_2__[\"HeaderActions\"], {\n    actions: actions\n  })))));\n}\nHeader.defaultProps = {\n  actions: [],\n  content: null,\n  isLoading: false,\n  stickable: true,\n  title: {\n    label: null,\n    cta: null\n  }\n};\nHeader.propTypes = {\n  actions: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({\n    onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n    title: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string\n  })),\n  content: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  isLoading: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  stickable: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  title: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({\n    cta: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({\n      icon: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n      onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n    }),\n    label: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string\n  })\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Header);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-custom/./src/components/Header/index.js?");
+
+/***/ }),
+
+/***/ "./src/components/Inputs/Wrapper.js":
+/*!******************************************!*\
+  !*** ./src/components/Inputs/Wrapper.js ***!
+  \******************************************/
+/*! exports provided: default, IconWrapper */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"IconWrapper\", function() { return IconWrapper; });\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! styled-components */ \"styled-components\");\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @punch-in/buffet-modern */ \"@punch-in/buffet-modern\");\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_1__);\nvar _templateObject, _templateObject2, _templateObject3;\nfunction _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }\n/**\n *\n * Wrapper\n *\n */\n\n\n\nvar Wrapper = styled_components__WEBPACK_IMPORTED_MODULE_0___default.a.div(_templateObject || (_templateObject = _taggedTemplateLiteral([\"\\n  position: relative;\\n  padding-bottom: \", \"px;\\n  label {\\n    display: block;\\n    margin-bottom: 1rem;\\n  }\\n  > p {\\n    width: 100%;\\n    padding-top: 10px;\\n    font-size: 13px;\\n    line-height: normal;\\n    white-space: nowrap;\\n    overflow: hidden;\\n    text-overflow: ellipsis;\\n    margin-bottom: -8px;\\n  }\\n  input[type='checkbox'] {\\n    margin-bottom: 13px;\\n  }\\n  \", \"\\n\"])), _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_1__[\"sizes\"].margin * 2.7, function (_ref) {\n  var error = _ref.error;\n  return !!error && Object(styled_components__WEBPACK_IMPORTED_MODULE_0__[\"css\"])(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral([\"\\n      input,\\n      textarea,\\n      select {\\n        border-color: \", \";\\n      }\\n    \"])), _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_1__[\"colors\"].darkOrange);\n});\nvar IconWrapper = styled_components__WEBPACK_IMPORTED_MODULE_0___default.a.span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral([\"\\n  margin-left: 5px;\\n  cursor: pointer;\\n\"])));\n/* harmony default export */ __webpack_exports__[\"default\"] = (Wrapper);\n\n\n//# sourceURL=webpack://@punch-in/buffet-modern-custom/./src/components/Inputs/Wrapper.js?");
+
+/***/ }),
+
+/***/ "./src/components/Inputs/index.js":
+/*!****************************************!*\
+  !*** ./src/components/Inputs/index.js ***!
+  \****************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _punch_in_buffet_modern_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @punch-in/buffet-modern-core */ \"@punch-in/buffet-modern-core\");\n/* harmony import */ var _punch_in_buffet_modern_core__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern_core__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @punch-in/buffet-modern */ \"@punch-in/buffet-modern\");\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _DateTime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../DateTime */ \"./src/components/DateTime/index.js\");\n/* harmony import */ var _Wrapper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Wrapper */ \"./src/components/Inputs/Wrapper.js\");\nvar _excluded = [\"customInputs\", \"description\", \"error\", \"id\", \"label\", \"name\", \"onBlur\", \"onChange\", \"translatedErrors\", \"type\", \"validations\", \"value\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(r, a) { if (r) { if (\"string\" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }\nfunction _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(r) { if (Array.isArray(r)) return r; }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\n/**\n *\n * Inputs\n *\n */\n\n\n\n\n\n\n\n\n/* eslint-disable react/forbid-prop-types */\n\nvar inputs = {\n  bool: _punch_in_buffet_modern_core__WEBPACK_IMPORTED_MODULE_3__[\"Toggle\"],\n  checkbox: _punch_in_buffet_modern_core__WEBPACK_IMPORTED_MODULE_3__[\"Checkbox\"],\n  date: _punch_in_buffet_modern_core__WEBPACK_IMPORTED_MODULE_3__[\"DatePicker\"],\n  datetime: _DateTime__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n  \"enum\": _punch_in_buffet_modern_core__WEBPACK_IMPORTED_MODULE_3__[\"Enumeration\"],\n  number: _punch_in_buffet_modern_core__WEBPACK_IMPORTED_MODULE_3__[\"InputNumber\"],\n  text: _punch_in_buffet_modern_core__WEBPACK_IMPORTED_MODULE_3__[\"InputText\"],\n  textarea: _punch_in_buffet_modern_core__WEBPACK_IMPORTED_MODULE_3__[\"Textarea\"],\n  time: _punch_in_buffet_modern_core__WEBPACK_IMPORTED_MODULE_3__[\"TimePicker\"],\n  select: _punch_in_buffet_modern_core__WEBPACK_IMPORTED_MODULE_3__[\"Select\"],\n  email: _punch_in_buffet_modern_core__WEBPACK_IMPORTED_MODULE_3__[\"InputText\"],\n  password: _punch_in_buffet_modern_core__WEBPACK_IMPORTED_MODULE_3__[\"InputText\"],\n  search: _punch_in_buffet_modern_core__WEBPACK_IMPORTED_MODULE_3__[\"InputText\"]\n};\nfunction Inputs(_ref) {\n  var customInputs = _ref.customInputs,\n    description = _ref.description,\n    inputError = _ref.error,\n    id = _ref.id,\n    label = _ref.label,\n    name = _ref.name,\n    handleBlur = _ref.onBlur,\n    _onChange = _ref.onChange,\n    translatedErrors = _ref.translatedErrors,\n    type = _ref.type,\n    validations = _ref.validations,\n    value = _ref.value,\n    rest = _objectWithoutProperties(_ref, _excluded);\n  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(false),\n    _useState2 = _slicedToArray(_useState, 2),\n    isOver = _useState2[0],\n    setIsOver = _useState2[1];\n  var inputValue = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useMemo\"])(function () {\n    var ret;\n    switch (type) {\n      case 'checkbox':\n        ret = value || false;\n        break;\n      case 'bool':\n        ret = value;\n        break;\n      case 'number':\n        ret = Object(lodash__WEBPACK_IMPORTED_MODULE_2__[\"isUndefined\"])(value) ? '' : value;\n        break;\n      default:\n        ret = value || '';\n    }\n    return ret;\n  }, [type, value]);\n  var allInputs = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])(Object.assign(inputs, customInputs));\n  var InputComponent = allInputs.current[type] || _punch_in_buffet_modern_core__WEBPACK_IMPORTED_MODULE_3__[\"UnknownInput\"];\n  var inputId = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useMemo\"])(function () {\n    return id || name;\n  }, [id, name]);\n  var descriptionId = \"description-\".concat(inputId);\n  var errorId = \"error-\".concat(inputId);\n  var handleMouseEvent = function handleMouseEvent() {\n    setIsOver(function (prev) {\n      return !prev;\n    });\n  };\n  if (Object(lodash__WEBPACK_IMPORTED_MODULE_2__[\"get\"])(customInputs, type, null) !== null) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(InputComponent, _extends({\n      description: description,\n      error: inputError,\n      label: label,\n      name: name,\n      onBlur: handleBlur,\n      onChange: _onChange,\n      type: type,\n      validations: validations,\n      value: value\n    }, rest));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_core__WEBPACK_IMPORTED_MODULE_3__[\"Error\"], {\n    inputError: inputError,\n    name: name,\n    translatedErrors: translatedErrors,\n    type: type,\n    validations: validations\n  }, function (_ref2) {\n    var canCheck = _ref2.canCheck,\n      onBlur = _ref2.onBlur,\n      error = _ref2.error,\n      dispatch = _ref2.dispatch;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Wrapper__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n      error: error\n    }, type !== 'checkbox' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_core__WEBPACK_IMPORTED_MODULE_3__[\"Label\"], {\n      htmlFor: inputId\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", null, label, Object(lodash__WEBPACK_IMPORTED_MODULE_2__[\"isEmpty\"])(label) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, \"\\xA0\")), rest.labelIcon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Wrapper__WEBPACK_IMPORTED_MODULE_6__[\"IconWrapper\"], {\n      \"data-tip\": rest.labelIcon.title,\n      \"data-for\": \"icon-title\",\n      onMouseEnter: handleMouseEvent,\n      onMouseLeave: handleMouseEvent\n    }, rest.labelIcon.icon), isOver && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_4__[\"Tooltip\"], {\n      id: \"icon-title\"\n    }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(InputComponent, _extends({}, rest, {\n      message: label // Only for the checkbox\n      ,\n      name: name,\n      id: inputId,\n      \"aria-describedby\": \"\".concat(!error && description ? descriptionId : '', \" \").concat(error ? errorId : ''),\n      \"aria-invalid\": error ? 'true' : 'false',\n      onBlur: Object(lodash__WEBPACK_IMPORTED_MODULE_2__[\"isFunction\"])(handleBlur) ? handleBlur : onBlur,\n      onChange: function onChange(e) {\n        if (!canCheck) {\n          dispatch({\n            type: 'SET_CHECK'\n          });\n        }\n        dispatch({\n          type: 'SET_ERROR',\n          error: null\n        });\n        _onChange(e);\n      },\n      type: type,\n      value: inputValue\n    })), !error && description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_4__[\"Description\"], {\n      id: descriptionId,\n      title: description\n    }, description), error && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_4__[\"ErrorMessage\"], {\n      id: errorId\n    }, error));\n  });\n}\nInputs.defaultProps = {\n  customInputs: null,\n  description: null,\n  id: null,\n  error: null,\n  label: null,\n  labelIcon: null,\n  onBlur: null,\n  onChange: function onChange() {},\n  translatedErrors: {\n    date: 'This is not a date',\n    email: 'This is not an email',\n    string: 'This is not a string',\n    number: 'This is not a number',\n    json: 'This is not a JSON',\n    max: 'This is too high',\n    maxLength: 'This is too long',\n    min: 'This is too small',\n    minLength: 'This is too short',\n    required: 'This value is required',\n    regex: 'This does not match the format',\n    uppercase: 'This must be a upper case string'\n  },\n  validations: {},\n  value: null\n};\nInputs.propTypes = {\n  customInputs: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object,\n  description: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  error: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  id: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  label: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  labelIcon: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({\n    icon: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.any,\n    title: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string\n  }),\n  name: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string.isRequired,\n  onBlur: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  onChange: function onChange() {},\n  translatedErrors: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.objectOf(prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string),\n  type: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string.isRequired,\n  validations: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object,\n  value: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.any\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Inputs);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-custom/./src/components/Inputs/index.js?");
+
+/***/ }),
+
+/***/ "./src/components/List/index.js":
+/*!**************************************!*\
+  !*** ./src/components/List/index.js ***!
+  \**************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _punch_in_buffet_modern_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @punch-in/buffet-modern-core */ \"@punch-in/buffet-modern-core\");\n/* harmony import */ var _punch_in_buffet_modern_core__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern_core__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @punch-in/buffet-modern */ \"@punch-in/buffet-modern\");\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3__);\nvar _excluded = [\"title\", \"subtitle\", \"button\", \"isLoading\", \"items\", \"customRowComponent\"];\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\n/**\n *\n * List\n *\n */\n\n\n\n\n\nfunction List(_ref) {\n  var title = _ref.title,\n    subtitle = _ref.subtitle,\n    button = _ref.button,\n    isLoading = _ref.isLoading,\n    items = _ref.items,\n    customRowComponent = _ref.customRowComponent,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3__[\"Card\"], props, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_core__WEBPACK_IMPORTED_MODULE_2__[\"Padded\"], {\n    right: true,\n    left: true,\n    size: \"md\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_core__WEBPACK_IMPORTED_MODULE_2__[\"ListHeader\"], {\n    title: title,\n    subtitle: subtitle,\n    button: button\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_core__WEBPACK_IMPORTED_MODULE_2__[\"List\"], {\n    items: items,\n    isLoading: isLoading,\n    customRowComponent: customRowComponent\n  }));\n}\nList.defaultProps = {\n  button: null,\n  customRowComponent: null,\n  isLoading: false,\n  items: [],\n  title: null,\n  subtitle: null\n};\nList.propTypes = {\n  button: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({\n    color: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n    icon: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n    type: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string\n  }),\n  customRowComponent: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  isLoading: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  items: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.instanceOf(Array),\n  subtitle: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  title: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (List);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-custom/./src/components/List/index.js?");
+
+/***/ }),
+
+/***/ "./src/index.js":
+/*!**********************!*\
+  !*** ./src/index.js ***!
+  \**********************/
+/*! exports provided: DateTime, Header, Inputs, List */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _components_DateTime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components/DateTime */ \"./src/components/DateTime/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"DateTime\", function() { return _components_DateTime__WEBPACK_IMPORTED_MODULE_0__[\"default\"]; });\n\n/* harmony import */ var _components_Header__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components/Header */ \"./src/components/Header/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Header\", function() { return _components_Header__WEBPACK_IMPORTED_MODULE_1__[\"default\"]; });\n\n/* harmony import */ var _components_Inputs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/Inputs */ \"./src/components/Inputs/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Inputs\", function() { return _components_Inputs__WEBPACK_IMPORTED_MODULE_2__[\"default\"]; });\n\n/* harmony import */ var _components_List__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/List */ \"./src/components/List/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"List\", function() { return _components_List__WEBPACK_IMPORTED_MODULE_3__[\"default\"]; });\n\n\n\n\n\n\n//# sourceURL=webpack://@punch-in/buffet-modern-custom/./src/index.js?");
+
+/***/ }),
+
+/***/ "@punch-in/buffet-modern":
+/*!******************************************!*\
+  !*** external "@punch-in/buffet-modern" ***!
+  \******************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+eval("module.exports = __WEBPACK_EXTERNAL_MODULE__punch_in_buffet_modern__;\n\n//# sourceURL=webpack://@punch-in/buffet-modern-custom/external_%22@punch-in/buffet-modern%22?");
+
+/***/ }),
+
+/***/ "@punch-in/buffet-modern-core":
+/*!***********************************************!*\
+  !*** external "@punch-in/buffet-modern-core" ***!
+  \***********************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+eval("module.exports = __WEBPACK_EXTERNAL_MODULE__punch_in_buffet_modern_core__;\n\n//# sourceURL=webpack://@punch-in/buffet-modern-custom/external_%22@punch-in/buffet-modern-core%22?");
+
+/***/ }),
+
+/***/ "lodash":
+/*!*************************!*\
+  !*** external "lodash" ***!
+  \*************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+eval("module.exports = __WEBPACK_EXTERNAL_MODULE_lodash__;\n\n//# sourceURL=webpack://@punch-in/buffet-modern-custom/external_%22lodash%22?");
+
+/***/ }),
+
+/***/ "moment":
+/*!*************************!*\
+  !*** external "moment" ***!
+  \*************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+eval("module.exports = __WEBPACK_EXTERNAL_MODULE_moment__;\n\n//# sourceURL=webpack://@punch-in/buffet-modern-custom/external_%22moment%22?");
+
+/***/ }),
+
+/***/ "prop-types":
+/*!*****************************!*\
+  !*** external "prop-types" ***!
+  \*****************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+eval("module.exports = __WEBPACK_EXTERNAL_MODULE_prop_types__;\n\n//# sourceURL=webpack://@punch-in/buffet-modern-custom/external_%22prop-types%22?");
+
+/***/ }),
+
+/***/ "react":
+/*!************************!*\
+  !*** external "react" ***!
+  \************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+eval("module.exports = __WEBPACK_EXTERNAL_MODULE_react__;\n\n//# sourceURL=webpack://@punch-in/buffet-modern-custom/external_%22react%22?");
+
+/***/ }),
+
+/***/ "react-moment-proptypes":
+/*!*****************************************!*\
+  !*** external "react-moment-proptypes" ***!
+  \*****************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+eval("module.exports = __WEBPACK_EXTERNAL_MODULE_react_moment_proptypes__;\n\n//# sourceURL=webpack://@punch-in/buffet-modern-custom/external_%22react-moment-proptypes%22?");
+
+/***/ }),
+
+/***/ "styled-components":
+/*!************************************!*\
+  !*** external "styled-components" ***!
+  \************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+eval("module.exports = __WEBPACK_EXTERNAL_MODULE_styled_components__;\n\n//# sourceURL=webpack://@punch-in/buffet-modern-custom/external_%22styled-components%22?");
+
+/***/ })
+
+/******/ });
+});

package/build/bundle.production.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("prop-types"),require("react"),require("@punch-in/buffet-modern-core"),require("@punch-in/buffet-modern"),require("lodash"),require("styled-components"),require("moment"),require("react-moment-proptypes")):"function"==typeof define&&define.amd?define("@punch-in/buffet-modern-custom",["prop-types","react","@punch-in/buffet-modern-core","@punch-in/buffet-modern","lodash","styled-components","moment","react-moment-proptypes"],t):"object"==typeof exports?exports["@punch-in/buffet-modern-custom"]=t(require("prop-types"),require("react"),require("@punch-in/buffet-modern-core"),require("@punch-in/buffet-modern"),require("lodash"),require("styled-components"),require("moment"),require("react-moment-proptypes")):e["@punch-in/buffet-modern-custom"]=t(e["prop-types"],e.react,e["@punch-in/buffet-modern-core"],e["@punch-in/buffet-modern"],e.lodash,e["styled-components"],e.moment,e["react-moment-proptypes"])}(window,(function(e,t,n,r,a,o,i,l){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var a=t[r]={i:r,l:!1,exports:{}};return e[r].call(a.exports,a,a.exports,n),a.l=!0,a.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)n.d(r,a,function(t){return e[t]}.bind(null,a));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=8)}([function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t){e.exports=n},function(e,t){e.exports=r},function(e,t){e.exports=a},function(e,t){e.exports=o},function(e,t){e.exports=i},function(e,t){e.exports=l},function(e,t,n){"use strict";n.r(t),n.d(t,"DateTime",(function(){return T})),n.d(t,"Header",(function(){return M})),n.d(t,"Inputs",(function(){return J})),n.d(t,"List",(function(){return Q}));var r,a=n(1),o=n.n(a),i=n(6),l=n.n(i),u=n(0),c=n.n(u),s=n(7),f=n.n(s),p=n(4),d=n(2),m=n(5),b=n.n(m);var y,g,h=b.a.div(r||(y=["\n  display: flex;\n  > div:first-of-type {\n    margin-right: 10px;\n  }\n  > div:last-of-type {\n    width: 90px;\n  }\n"],g||(g=y.slice(0)),r=Object.freeze(Object.defineProperties(y,{raw:{value:Object.freeze(g)}})))),v=["disabled","name","onChange","value","tabIndex","step"];function O(){return(O=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(null,arguments)}function j(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,l=[],u=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw a}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return x(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?x(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function x(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var E=["hour","minute","second"],w=function(e){if(!e)return"";var t=e||l()(),n=I(t);return Object.keys(n).map((function(e){return n[e]<10?"0".concat(n[e]):n[e]})).join(":")},I=function(e){var t={};return E.forEach((function(n){t[n]=e.get(n)})),t};function S(e){var t=e.disabled,n=e.name,r=e.onChange,i=e.value,u=e.tabIndex,c=e.step,s=function(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}(e,v),f=j(Object(a.useState)(null),2),m=f[0],b=f[1],y=function(e,t){if(null===e)return b(null),void r({target:{name:n,type:"datetime",value:null}});var a=t||e;e.set(I(a)),e.toISOString(),e.format(),b(e),r({target:{name:n,type:"datetime",value:e}})};return Object(a.useEffect)((function(){if(i&&l()(i).isValid()){var e=!0===i._isAMomentObject?i:l()(i);b(e)}}),[i]),o.a.createElement(h,null,o.a.createElement(d.DatePicker,O({},s,{name:"datetime",disabled:t,onChange:function(e){var t=e.target;y(t.value,m)},tabIndex:u,value:m})),o.a.createElement(d.TimePicker,{name:"time",disabled:t,onChange:function(e){var t,n,r,a,o=e.target;t=o.value,n=j(t.split(":"),3),r={hour:n[0],minute:n[1],second:n[2]},(a=Object(p.isEmpty)(m)?l()():Object(p.cloneDeep)(m)).set("hours",r.hour),a.set("minute",r.minute),a.set("second",r.second),y(a)},seconds:!1,tabIndex:u,value:w(m)||"",step:c}))}S.defaultProps={autoFocus:!1,disabled:!1,id:null,onChange:function(){},placeholder:null,tabIndex:"0",value:null,withDefaultValue:!1,step:30},S.propTypes={autoFocus:c.a.bool,disabled:c.a.bool,id:c.a.string,name:c.a.string.isRequired,onChange:c.a.func,placeholder:c.a.string,step:c.a.number,tabIndex:c.a.string,value:c.a.oneOfType([f.a.momentObj,c.a.string,c.a.instanceOf(Date)]),withDefaultValue:c.a.bool};var T=S,C=n(3);function P(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,l=[],u=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw a}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return k(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?k(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function k(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function q(e){var t=e.actions,n=e.content,r=e.isLoading,i=e.stickable,l=e.title,u=P(Object(a.useState)(!1),2),c=u[0],s=u[1],f=Object(a.useRef)(null),p=l.label,m=l.cta,b=function(){f.current&&s(f.current.getBoundingClientRect().top<=20)};return Object(a.useEffect)((function(){return window.addEventListener("scroll",b),function(){window.removeEventListener("scroll",(function(){return b}))}}),[]),o.a.createElement(C.Header,{ref:f},o.a.createElement("div",{className:"sticky-wrapper".concat(c&&i?" sticky":"")},o.a.createElement("div",{className:"row"},o.a.createElement("div",{className:"col-sm-6 header-title"},o.a.createElement(d.HeaderTitle,{title:p,cta:m}),r?o.a.createElement(C.LoadingBar,null):o.a.createElement("p",null,n)),o.a.createElement("div",{className:"col-sm-6 justify-content-end"},o.a.createElement(d.HeaderActions,{actions:t})))))}q.defaultProps={actions:[],content:null,isLoading:!1,stickable:!0,title:{label:null,cta:null}},q.propTypes={actions:c.a.arrayOf(c.a.shape({onClick:c.a.func,title:c.a.string})),content:c.a.string,isLoading:c.a.bool,stickable:c.a.bool,title:c.a.shape({cta:c.a.shape({icon:c.a.string,onClick:c.a.func}),label:c.a.string})};var A,L,R,M=q;function B(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var _=b.a.div(A||(A=B(["\n  position: relative;\n  padding-bottom: ","px;\n  label {\n    display: block;\n    margin-bottom: 1rem;\n  }\n  > p {\n    width: 100%;\n    padding-top: 10px;\n    font-size: 13px;\n    line-height: normal;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    margin-bottom: -8px;\n  }\n  input[type='checkbox'] {\n    margin-bottom: 13px;\n  }\n  ","\n"])),2.7*C.sizes.margin,(function(e){return!!e.error&&Object(m.css)(L||(L=B(["\n      input,\n      textarea,\n      select {\n        border-color: ",";\n      }\n    "])),C.colors.darkOrange)})),D=b.a.span(R||(R=B(["\n  margin-left: 5px;\n  cursor: pointer;\n"]))),z=_,F=["customInputs","description","error","id","label","name","onBlur","onChange","translatedErrors","type","validations","value"];function H(){return(H=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(null,arguments)}function N(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,l=[],u=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw a}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return U(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?U(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function U(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var V={bool:d.Toggle,checkbox:d.Checkbox,date:d.DatePicker,datetime:T,enum:d.Enumeration,number:d.InputNumber,text:d.InputText,textarea:d.Textarea,time:d.TimePicker,select:d.Select,email:d.InputText,password:d.InputText,search:d.InputText};function $(e){var t=e.customInputs,n=e.description,r=e.error,i=e.id,l=e.label,u=e.name,c=e.onBlur,s=e.onChange,f=e.translatedErrors,m=e.type,b=e.validations,y=e.value,g=function(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}(e,F),h=N(Object(a.useState)(!1),2),v=h[0],O=h[1],j=Object(a.useMemo)((function(){var e;switch(m){case"checkbox":e=y||!1;break;case"bool":e=y;break;case"number":e=Object(p.isUndefined)(y)?"":y;break;default:e=y||""}return e}),[m,y]),x=Object(a.useRef)(Object.assign(V,t)).current[m]||d.UnknownInput,E=Object(a.useMemo)((function(){return i||u}),[i,u]),w="description-".concat(E),I="error-".concat(E),S=function(){O((function(e){return!e}))};return null!==Object(p.get)(t,m,null)?o.a.createElement(x,H({description:n,error:r,label:l,name:u,onBlur:c,onChange:s,type:m,validations:b,value:y},g)):o.a.createElement(d.Error,{inputError:r,name:u,translatedErrors:f,type:m,validations:b},(function(e){var t=e.canCheck,r=e.onBlur,a=e.error,i=e.dispatch;return o.a.createElement(z,{error:a},"checkbox"!==m&&o.a.createElement(d.Label,{htmlFor:E},o.a.createElement("span",null,l,Object(p.isEmpty)(l)&&o.a.createElement(o.a.Fragment,null," ")),g.labelIcon&&o.a.createElement(o.a.Fragment,null,o.a.createElement(D,{"data-tip":g.labelIcon.title,"data-for":"icon-title",onMouseEnter:S,onMouseLeave:S},g.labelIcon.icon),v&&o.a.createElement(C.Tooltip,{id:"icon-title"}))),o.a.createElement(x,H({},g,{message:l,name:u,id:E,"aria-describedby":"".concat(!a&&n?w:""," ").concat(a?I:""),"aria-invalid":a?"true":"false",onBlur:Object(p.isFunction)(c)?c:r,onChange:function(e){t||i({type:"SET_CHECK"}),i({type:"SET_ERROR",error:null}),s(e)},type:m,value:j})),!a&&n&&o.a.createElement(C.Description,{id:w,title:n},n),a&&o.a.createElement(C.ErrorMessage,{id:I},a))}))}$.defaultProps={customInputs:null,description:null,id:null,error:null,label:null,labelIcon:null,onBlur:null,onChange:function(){},translatedErrors:{date:"This is not a date",email:"This is not an email",string:"This is not a string",number:"This is not a number",json:"This is not a JSON",max:"This is too high",maxLength:"This is too long",min:"This is too small",minLength:"This is too short",required:"This value is required",regex:"This does not match the format",uppercase:"This must be a upper case string"},validations:{},value:null},$.propTypes={customInputs:c.a.object,description:c.a.string,error:c.a.string,id:c.a.string,label:c.a.string,labelIcon:c.a.shape({icon:c.a.any,title:c.a.string}),name:c.a.string.isRequired,onBlur:c.a.func,onChange:function(){},translatedErrors:c.a.objectOf(c.a.string),type:c.a.string.isRequired,validations:c.a.object,value:c.a.any};var J=$,K=["title","subtitle","button","isLoading","items","customRowComponent"];function G(e){var t=e.title,n=e.subtitle,r=e.button,a=e.isLoading,i=e.items,l=e.customRowComponent,u=function(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}(e,K);return o.a.createElement(C.Card,u,o.a.createElement(d.Padded,{right:!0,left:!0,size:"md"},o.a.createElement(d.ListHeader,{title:t,subtitle:n,button:r})),o.a.createElement(d.List,{items:i,isLoading:a,customRowComponent:l}))}G.defaultProps={button:null,customRowComponent:null,isLoading:!1,items:[],title:null,subtitle:null},G.propTypes={button:c.a.shape({color:c.a.string,icon:c.a.bool,type:c.a.string}),customRowComponent:c.a.func,isLoading:c.a.bool,items:c.a.instanceOf(Array),subtitle:c.a.string,title:c.a.string};var Q=G}])}));

package/build/esm/components/DateTime/Wrapper.js

@@ -0,0 +1,5 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import styled from 'styled-components';
+var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  > div:first-of-type {\n    margin-right: 10px;\n  }\n  > div:last-of-type {\n    width: 90px;\n  }\n"])));
+export default Wrapper;