@punch-in/buffet-modern-custom 3.3.11 → 3.3.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,13 +1,13 @@
1
1
  (function webpackUniversalModuleDefinition(root, factory) {
2
2
  if(typeof exports === 'object' && typeof module === 'object')
3
- 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"));
3
+ module.exports = factory(require("@punch-in/buffet-modern-core"), require("@punch-in/buffet-modern-styles"), require("lodash"), require("moment"), require("prop-types"), require("react"), require("react-moment-proptypes"), require("styled-components"));
4
4
  else if(typeof define === 'function' && define.amd)
5
- 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);
5
+ define("@punch-in/buffet-modern-custom", ["@punch-in/buffet-modern-core", "@punch-in/buffet-modern-styles", "lodash", "moment", "prop-types", "react", "react-moment-proptypes", "styled-components"], factory);
6
6
  else if(typeof exports === 'object')
7
- 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"));
7
+ exports["@punch-in/buffet-modern-custom"] = factory(require("@punch-in/buffet-modern-core"), require("@punch-in/buffet-modern-styles"), require("lodash"), require("moment"), require("prop-types"), require("react"), require("react-moment-proptypes"), require("styled-components"));
8
8
  else
9
- 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"]);
10
- })(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__) {
9
+ root["@punch-in/buffet-modern-custom"] = factory(root["@punch-in/buffet-modern-core"], root["@punch-in/buffet-modern-styles"], root["lodash"], root["moment"], root["prop-types"], root["react"], root["react-moment-proptypes"], root["styled-components"]);
10
+ })(window, function(__WEBPACK_EXTERNAL_MODULE__punch_in_buffet_modern_core__, __WEBPACK_EXTERNAL_MODULE__punch_in_buffet_modern_styles__, __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__) {
11
11
  return /******/ (function(modules) { // webpackBootstrap
12
12
  /******/ // The module cache
13
13
  /******/ var installedModules = {};
@@ -128,7 +128,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
128
128
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
129
129
 
130
130
  "use strict";
131
- 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?");
131
+ 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_styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @punch-in/buffet-modern-styles */ \"@punch-in/buffet-modern-styles\");\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern_styles__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_styles__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_styles__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?");
132
132
 
133
133
  /***/ }),
134
134
 
@@ -140,7 +140,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
140
140
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
141
141
 
142
142
  "use strict";
143
- 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?");
143
+ 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_styles__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @punch-in/buffet-modern-styles */ \"@punch-in/buffet-modern-styles\");\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern_styles__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_styles__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_styles__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?");
144
144
 
145
145
  /***/ }),
146
146
 
@@ -152,7 +152,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
152
152
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
153
153
 
154
154
  "use strict";
155
- 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?");
155
+ 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_styles__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @punch-in/buffet-modern-styles */ \"@punch-in/buffet-modern-styles\");\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern_styles__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_styles__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_styles__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_styles__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?");
156
156
 
157
157
  /***/ }),
158
158
 
@@ -164,7 +164,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
164
164
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
165
165
 
166
166
  "use strict";
167
- 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?");
167
+ 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_styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @punch-in/buffet-modern-styles */ \"@punch-in/buffet-modern-styles\");\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern_styles__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_styles__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?");
168
168
 
169
169
  /***/ }),
170
170
 
@@ -180,25 +180,25 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _com
180
180
 
181
181
  /***/ }),
182
182
 
183
- /***/ "@punch-in/buffet-modern":
184
- /*!******************************************!*\
185
- !*** external "@punch-in/buffet-modern" ***!
186
- \******************************************/
183
+ /***/ "@punch-in/buffet-modern-core":
184
+ /*!***********************************************!*\
185
+ !*** external "@punch-in/buffet-modern-core" ***!
186
+ \***********************************************/
187
187
  /*! no static exports found */
188
188
  /***/ (function(module, exports) {
189
189
 
190
- 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?");
190
+ 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?");
191
191
 
192
192
  /***/ }),
193
193
 
194
- /***/ "@punch-in/buffet-modern-core":
195
- /*!***********************************************!*\
196
- !*** external "@punch-in/buffet-modern-core" ***!
197
- \***********************************************/
194
+ /***/ "@punch-in/buffet-modern-styles":
195
+ /*!*************************************************!*\
196
+ !*** external "@punch-in/buffet-modern-styles" ***!
197
+ \*************************************************/
198
198
  /*! no static exports found */
199
199
  /***/ (function(module, exports) {
200
200
 
201
- 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?");
201
+ eval("module.exports = __WEBPACK_EXTERNAL_MODULE__punch_in_buffet_modern_styles__;\n\n//# sourceURL=webpack://@punch-in/buffet-modern-custom/external_%22@punch-in/buffet-modern-styles%22?");
202
202
 
203
203
  /***/ }),
204
204
 
@@ -1 +1 @@
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}])}));
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-styles"),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-styles","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-styles"),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-styles"],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}])}));
@@ -13,7 +13,7 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
13
13
  import React, { useEffect, useRef, useState } from 'react';
14
14
  import PropTypes from 'prop-types';
15
15
  import { HeaderTitle, HeaderActions } from '@punch-in/buffet-modern-core';
16
- import { Header as Wrapper, LoadingBar } from '@punch-in/buffet-modern';
16
+ import { Header as Wrapper, LoadingBar } from '@punch-in/buffet-modern-styles';
17
17
  function Header(_ref) {
18
18
  var actions = _ref.actions,
19
19
  content = _ref.content,
@@ -7,7 +7,7 @@ function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.fre
7
7
  */
8
8
 
9
9
  import styled, { css } from 'styled-components';
10
- import { colors, sizes } from '@punch-in/buffet-modern';
10
+ import { colors, sizes } from '@punch-in/buffet-modern-styles';
11
11
  var Wrapper = styled.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"])), sizes.margin * 2.7, function (_ref) {
12
12
  var error = _ref.error;
13
13
  return !!error && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n input,\n textarea,\n select {\n border-color: ", ";\n }\n "])), colors.darkOrange);
@@ -18,7 +18,7 @@ import React, { useMemo, useRef, useState } from 'react';
18
18
  import PropTypes from 'prop-types';
19
19
  import { get, isEmpty, isFunction, isUndefined } from 'lodash';
20
20
  import { DatePicker, Checkbox, Enumeration, Error, InputNumber, InputText, Label, Select, Textarea, TimePicker, Toggle, UnknownInput } from '@punch-in/buffet-modern-core';
21
- import { Description, ErrorMessage, Tooltip } from '@punch-in/buffet-modern';
21
+ import { Description, ErrorMessage, Tooltip } from '@punch-in/buffet-modern-styles';
22
22
  import DateTime from '../DateTime';
23
23
  import Wrapper, { IconWrapper } from './Wrapper';
24
24
  /* eslint-disable react/forbid-prop-types */
@@ -10,7 +10,7 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
10
10
  import React from 'react';
11
11
  import PropTypes from 'prop-types';
12
12
  import { List as ListCompo, ListHeader, Padded } from '@punch-in/buffet-modern-core';
13
- import { Card } from '@punch-in/buffet-modern';
13
+ import { Card } from '@punch-in/buffet-modern-styles';
14
14
  function List(_ref) {
15
15
  var title = _ref.title,
16
16
  subtitle = _ref.subtitle,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@punch-in/buffet-modern-custom",
3
- "version": "3.3.11",
3
+ "version": "3.3.12",
4
4
  "description": "Buffetjs Custom Components",
5
5
  "main": "build",
6
6
  "module": "build/esm/index.js",
@@ -31,9 +31,9 @@
31
31
  "prepublishOnly": "npm run build"
32
32
  },
33
33
  "dependencies": {
34
- "@punch-in/buffet-modern": "^3.3.11",
35
- "@punch-in/buffet-modern-core": "^3.3.11",
36
- "@punch-in/buffet-modern-utils": "^3.3.11",
34
+ "@punch-in/buffet-modern-core": "^3.3.12",
35
+ "@punch-in/buffet-modern-styles": "^3.3.12",
36
+ "@punch-in/buffet-modern-utils": "^3.3.12",
37
37
  "lodash": "4.17.21",
38
38
  "moment": "^2.24.0",
39
39
  "prop-types": "^15.7.2",
@@ -110,5 +110,5 @@
110
110
  "type": "git",
111
111
  "url": "https://github.com/strapi/buffet"
112
112
  },
113
- "gitHead": "63c6c13e0fd7feed8e0ea89f751b68b02ef767ea"
113
+ "gitHead": "5c74c894aad95d5dd7cf09ccfd21293dc11d7652"
114
114
  }
@@ -8,7 +8,7 @@ import React, { useEffect, useRef, useState } from 'react';
8
8
  import PropTypes from 'prop-types';
9
9
 
10
10
  import { HeaderTitle, HeaderActions } from '@punch-in/buffet-modern-core';
11
- import { Header as Wrapper, LoadingBar } from '@punch-in/buffet-modern';
11
+ import { Header as Wrapper, LoadingBar } from '@punch-in/buffet-modern-styles';
12
12
 
13
13
  function Header({ actions, content, isLoading, stickable, title }) {
14
14
  const [isHeaderSticky, setHeaderSticky] = useState(false);
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { mount } from 'enzyme';
3
3
  import { HeaderTitle } from '@punch-in/buffet-modern-core';
4
- import { LoadingBar } from '@punch-in/buffet-modern';
4
+ import { LoadingBar } from '@punch-in/buffet-modern-styles';
5
5
 
6
6
  import Header from '../index';
7
7
 
@@ -5,7 +5,7 @@
5
5
  */
6
6
 
7
7
  import styled, { css } from 'styled-components';
8
- import { colors, sizes } from '@punch-in/buffet-modern';
8
+ import { colors, sizes } from '@punch-in/buffet-modern-styles';
9
9
 
10
10
  const Wrapper = styled.div`
11
11
  position: relative;
@@ -21,7 +21,7 @@ import {
21
21
  Toggle,
22
22
  UnknownInput,
23
23
  } from '@punch-in/buffet-modern-core';
24
- import { Description, ErrorMessage, Tooltip } from '@punch-in/buffet-modern';
24
+ import { Description, ErrorMessage, Tooltip } from '@punch-in/buffet-modern-styles';
25
25
 
26
26
  import DateTime from '../DateTime';
27
27
  import Wrapper, { IconWrapper } from './Wrapper';
@@ -12,7 +12,7 @@ import {
12
12
  ListHeader,
13
13
  Padded,
14
14
  } from '@punch-in/buffet-modern-core';
15
- import { Card } from '@punch-in/buffet-modern';
15
+ import { Card } from '@punch-in/buffet-modern-styles';
16
16
 
17
17
  function List({
18
18
  title,