@maxio-com/self-service 1.4.1 → 1.4.3
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.
- package/dist/maxio-components.cjs.js +1 -1
- package/dist/maxio-components.esm.js +1 -1
- package/dist/maxio-components.umd.js +7 -7
- package/package.json +2 -2
- package/typings/packages/custom-ui-components/src/components/molecules/Alert/Alert.d.ts +2 -1
- package/typings/packages/custom-ui-components/src/components/molecules/Alert/Alert.styles.d.ts +1 -2
- package/typings/packages/custom-ui-components/src/components/molecules/DatePicker/DatePicker.styles.d.ts +0 -1
|
@@ -2062,7 +2062,7 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
|
|
|
2062
2062
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
2063
2063
|
|
|
2064
2064
|
"use strict";
|
|
2065
|
-
eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"IconContainer\": () => (/* binding */ IconContainer),\n/* harmony export */ \"Rotate\": () => (/* binding */ Rotate),\n/* harmony export */ \"StyledButton\": () => (/* binding */ StyledButton)\n/* harmony export */ });\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! styled-components */ \"./node_modules/.pnpm/styled-components@5.3.5_7i5myeigehqah43i5u7wbekgba/node_modules/styled-components/dist/styled-components.browser.esm.js\");\n/* harmony import */ var styled_system__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! styled-system */ \"./node_modules/.pnpm/styled-system@5.1.5/node_modules/styled-system/dist/index.esm.js\");\n/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../theme */ \"./packages/custom-ui-components/src/theme/index.ts\");\n/* harmony import */ var _mixins__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../mixins */ \"./packages/custom-ui-components/src/mixins/index.ts\");\n\n\n\n\nvar rotate = (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.keyframes)([\"from{transform:rotate(0deg);}to{transform:rotate(360deg);}\"]);\nvar commonStyle = (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.css)([\"outline:none;border:none;display:inline-flex;align-items:center;column-gap:8px;cursor:pointer;box-sizing:border-box;\", \";transition:background-color 250ms ease-in-out,color 250ms ease-in-out,box-shadow 250ms ease-in-out;&:disabled{cursor:not-allowed;}\"], _mixins__WEBPACK_IMPORTED_MODULE_2__.fontSmoothing);\nvar StyledButton = styled_components__WEBPACK_IMPORTED_MODULE_3__[\"default\"].button.withConfig({\n displayName: \"Buttonstyles__StyledButton\",\n componentId: \"maxio-components__sc-2dax65-0\"\n})([\"&&&{\", \";\", \";\", \";\", \";\", \";\", \";}\"], commonStyle, function (props) {\n return (0,styled_system__WEBPACK_IMPORTED_MODULE_0__.variant)(_theme__WEBPACK_IMPORTED_MODULE_1__.ThemeUtilities.getComponentVariant(props, 'Button', 'size'));\n}, function (props) {\n return (0,styled_system__WEBPACK_IMPORTED_MODULE_0__.variant)(_theme__WEBPACK_IMPORTED_MODULE_1__.ThemeUtilities.getComponentVariant(props, 'Button', 'color'));\n}, function (_ref) {\n var hasIconOnly = _ref.hasIconOnly,\n theme = _ref.theme,\n size = _ref.size;\n return hasIconOnly && (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.css)([\"padding-left:\", \"px;padding-right:\", \"px;aspect-ratio:1;\"], size === 'medium' ? theme.space[4] - 1 : theme.space[3] - 1, size === 'medium' ? theme.space[4] - 1 : theme.space[3] - 1);\n}, function (_ref2) {\n var isLoading = _ref2.isLoading,\n disabled = _ref2.disabled,\n color = _ref2.color,\n theme = _ref2.theme;\n return isLoading && !disabled && (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.css)([\"color:\", \";pointer-events:none;\"], color === 'secondary' ? theme.colors.gray.dark : theme.colors[color].light);\n}, (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.css)(function (props) {\n return _theme__WEBPACK_IMPORTED_MODULE_1__.ThemeUtilities.getComponentCSSOverrides(props, 'Button');\n}));\nvar Rotate = styled_components__WEBPACK_IMPORTED_MODULE_3__[\"default\"].div.withConfig({\n displayName: \"Buttonstyles__Rotate\",\n componentId: \"maxio-components__sc-2dax65-1\"\n})([\"&&&{display:flex;animation:\", \" 2s linear infinite;}\"], rotate);\nvar IconContainer = styled_components__WEBPACK_IMPORTED_MODULE_3__[\"default\"].div.withConfig({\n displayName: \"Buttonstyles__IconContainer\",\n componentId: \"maxio-components__sc-2dax65-2\"\n})([\"&&&{display:flex;justify-content:center;\", \";}\"], function (props) {\n return (0,styled_system__WEBPACK_IMPORTED_MODULE_0__.variant)(_theme__WEBPACK_IMPORTED_MODULE_1__.ThemeUtilities.getComponentVariant(props, 'Button', 'iconSize'));\n});\n\n//# sourceURL=webpack://Maxio/./packages/custom-ui-components/src/components/atoms/Button/Button.styles.ts?");
|
|
2065
|
+
eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"IconContainer\": () => (/* binding */ IconContainer),\n/* harmony export */ \"Rotate\": () => (/* binding */ Rotate),\n/* harmony export */ \"StyledButton\": () => (/* binding */ StyledButton)\n/* harmony export */ });\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! styled-components */ \"./node_modules/.pnpm/styled-components@5.3.5_7i5myeigehqah43i5u7wbekgba/node_modules/styled-components/dist/styled-components.browser.esm.js\");\n/* harmony import */ var styled_system__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! styled-system */ \"./node_modules/.pnpm/styled-system@5.1.5/node_modules/styled-system/dist/index.esm.js\");\n/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../theme */ \"./packages/custom-ui-components/src/theme/index.ts\");\n/* harmony import */ var _mixins__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../mixins */ \"./packages/custom-ui-components/src/mixins/index.ts\");\n\n\n\n\nvar rotate = (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.keyframes)([\"from{transform:rotate(0deg);}to{transform:rotate(360deg);}\"]);\nvar commonStyle = (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.css)([\"outline:none;border:none;display:inline-flex;justify-content:center;align-items:center;column-gap:8px;cursor:pointer;box-sizing:border-box;\", \";transition:background-color 250ms ease-in-out,color 250ms ease-in-out,box-shadow 250ms ease-in-out;&:disabled{cursor:not-allowed;}\"], _mixins__WEBPACK_IMPORTED_MODULE_2__.fontSmoothing);\nvar StyledButton = styled_components__WEBPACK_IMPORTED_MODULE_3__[\"default\"].button.withConfig({\n displayName: \"Buttonstyles__StyledButton\",\n componentId: \"maxio-components__sc-2dax65-0\"\n})([\"&&&{\", \";\", \";\", \";\", \";\", \";\", \";}\"], commonStyle, function (props) {\n return (0,styled_system__WEBPACK_IMPORTED_MODULE_0__.variant)(_theme__WEBPACK_IMPORTED_MODULE_1__.ThemeUtilities.getComponentVariant(props, 'Button', 'size'));\n}, function (props) {\n return (0,styled_system__WEBPACK_IMPORTED_MODULE_0__.variant)(_theme__WEBPACK_IMPORTED_MODULE_1__.ThemeUtilities.getComponentVariant(props, 'Button', 'color'));\n}, function (_ref) {\n var hasIconOnly = _ref.hasIconOnly,\n theme = _ref.theme,\n size = _ref.size;\n return hasIconOnly && (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.css)([\"padding-left:\", \"px;padding-right:\", \"px;aspect-ratio:1;\"], size === 'medium' ? theme.space[4] - 1 : theme.space[3] - 1, size === 'medium' ? theme.space[4] - 1 : theme.space[3] - 1);\n}, function (_ref2) {\n var isLoading = _ref2.isLoading,\n disabled = _ref2.disabled,\n color = _ref2.color,\n theme = _ref2.theme;\n return isLoading && !disabled && (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.css)([\"color:\", \";pointer-events:none;\"], color === 'secondary' ? theme.colors.gray.dark : theme.colors[color].light);\n}, (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.css)(function (props) {\n return _theme__WEBPACK_IMPORTED_MODULE_1__.ThemeUtilities.getComponentCSSOverrides(props, 'Button');\n}));\nvar Rotate = styled_components__WEBPACK_IMPORTED_MODULE_3__[\"default\"].div.withConfig({\n displayName: \"Buttonstyles__Rotate\",\n componentId: \"maxio-components__sc-2dax65-1\"\n})([\"&&&{display:flex;animation:\", \" 2s linear infinite;}\"], rotate);\nvar IconContainer = styled_components__WEBPACK_IMPORTED_MODULE_3__[\"default\"].div.withConfig({\n displayName: \"Buttonstyles__IconContainer\",\n componentId: \"maxio-components__sc-2dax65-2\"\n})([\"&&&{display:flex;justify-content:center;\", \";}\"], function (props) {\n return (0,styled_system__WEBPACK_IMPORTED_MODULE_0__.variant)(_theme__WEBPACK_IMPORTED_MODULE_1__.ThemeUtilities.getComponentVariant(props, 'Button', 'iconSize'));\n});\n\n//# sourceURL=webpack://Maxio/./packages/custom-ui-components/src/components/atoms/Button/Button.styles.ts?");
|
|
2066
2066
|
|
|
2067
2067
|
/***/ }),
|
|
2068
2068
|
|
|
@@ -2139,7 +2139,7 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
|
|
|
2139
2139
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
2140
2140
|
|
|
2141
2141
|
"use strict";
|
|
2142
|
-
eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"buttonSettings\": () => (/* binding */ buttonSettings)\n/* harmony export */ });\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar commonSettings = {\n fontWeight: 2,\n fontFamily: 'secondary',\n borderRadius: 3,\n lineHeight: '100%',\n boxShadow: function boxShadow(props) {\n return props.boxShadows.input;\n },\n '&:focus-visible': {\n boxShadow: function boxShadow(props) {\n return \"0 0 0 3px \".concat(props.colors.primary.light);\n }\n }\n};\nvar buttonSettings = {\n componentVariants: {\n color: {\n prop: 'colorVariant',\n variants: {\n 'solid-primary': {\n backgroundColor: 'primary.main',\n color: 'white.main',\n '&:hover': {\n backgroundColor: 'primary.dark',\n boxShadow: 'none'\n },\n '&:disabled': {\n backgroundColor: 'primary.light',\n boxShadow: 'none'\n }\n },\n 'outline-primary': {\n backgroundColor: 'transparent',\n color: 'primary.main',\n borderColor: 'primary.main',\n borderWidth: '1px',\n borderStyle: 'solid',\n boxShadow: 'none',\n '&:hover': {\n backgroundColor: 'primary.light'\n },\n '&:disabled': {\n backgroundColor: 'transparent',\n color: 'primary.light',\n borderColor: 'primary.light'\n }\n },\n 'solid-secondary': {\n backgroundColor: 'secondary.main',\n color: 'black.main',\n borderColor: 'gray.light',\n borderWidth: '1px',\n borderStyle: 'solid',\n '&:hover': {\n backgroundColor: 'secondary.dark',\n boxShadow: 'none'\n },\n '&:disabled': {\n backgroundColor: 'gray.light',\n color: 'white.main',\n border: 'none',\n boxShadow: 'none'\n }\n },\n 'outline-secondary': {\n backgroundColor: 'transparent',\n color: 'black.main',\n borderColor: 'gray.light',\n borderWidth: '1px',\n borderStyle: 'solid',\n boxShadow: 'none',\n '&:hover': {\n backgroundColor: 'secondary.dark'\n },\n '&:disabled': {\n backgroundColor: 'transparent',\n color: 'gray.light'\n }\n },\n 'solid-success': {\n backgroundColor: 'success.main',\n color: 'white.main',\n '&:hover': {\n backgroundColor: 'success.dark',\n boxShadow: 'none'\n },\n '&:disabled': {\n backgroundColor: 'success.light',\n boxShadow: 'none'\n }\n },\n 'outline-success': {\n backgroundColor: 'transparent',\n color: 'success.main',\n borderColor: 'success.main',\n borderWidth: '1px',\n borderStyle: 'solid',\n boxShadow: 'none',\n '&:hover': {\n backgroundColor: 'success.light'\n },\n '&:disabled': {\n backgroundColor: 'transparent',\n color: 'success.light',\n borderColor: 'success.light'\n }\n },\n 'solid-danger': {\n backgroundColor: 'danger.main',\n color: 'white.main',\n '&:hover': {\n backgroundColor: 'danger.dark',\n boxShadow: 'none'\n },\n '&:disabled': {\n backgroundColor: 'danger.light',\n boxShadow: 'none'\n }\n },\n 'outline-danger': {\n backgroundColor: 'transparent',\n color: 'danger.main',\n borderColor: 'danger.main',\n borderWidth: '1px',\n borderStyle: 'solid',\n boxShadow: 'none',\n '&:hover': {\n backgroundColor: 'danger.light'\n },\n '&:disabled': {\n backgroundColor: 'transparent',\n color: 'danger.light',\n borderColor: 'danger.light'\n }\n }\n }\n },\n size: {\n prop: 'size',\n variants: {\n small: _objectSpread({\n
|
|
2142
|
+
eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"buttonSettings\": () => (/* binding */ buttonSettings)\n/* harmony export */ });\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar commonSettings = {\n fontWeight: 2,\n fontFamily: 'secondary',\n borderRadius: 3,\n lineHeight: '100%',\n boxShadow: function boxShadow(props) {\n return props.boxShadows.input;\n },\n '&:focus-visible': {\n boxShadow: function boxShadow(props) {\n return \"0 0 0 3px \".concat(props.colors.primary.light);\n }\n }\n};\nvar buttonSettings = {\n componentVariants: {\n color: {\n prop: 'colorVariant',\n variants: {\n 'solid-primary': {\n backgroundColor: 'primary.main',\n color: 'white.main',\n '&:hover': {\n backgroundColor: 'primary.dark',\n boxShadow: 'none'\n },\n '&:disabled': {\n backgroundColor: 'primary.light',\n boxShadow: 'none'\n }\n },\n 'outline-primary': {\n backgroundColor: 'transparent',\n color: 'primary.main',\n borderColor: 'primary.main',\n borderWidth: '1px',\n borderStyle: 'solid',\n boxShadow: 'none',\n '&:hover': {\n backgroundColor: 'primary.light'\n },\n '&:disabled': {\n backgroundColor: 'transparent',\n color: 'primary.light',\n borderColor: 'primary.light'\n }\n },\n 'solid-secondary': {\n backgroundColor: 'secondary.main',\n color: 'black.main',\n borderColor: 'gray.light',\n borderWidth: '1px',\n borderStyle: 'solid',\n '&:hover': {\n backgroundColor: 'secondary.dark',\n boxShadow: 'none'\n },\n '&:disabled': {\n backgroundColor: 'gray.light',\n color: 'white.main',\n border: 'none',\n boxShadow: 'none'\n }\n },\n 'outline-secondary': {\n backgroundColor: 'transparent',\n color: 'black.main',\n borderColor: 'gray.light',\n borderWidth: '1px',\n borderStyle: 'solid',\n boxShadow: 'none',\n '&:hover': {\n backgroundColor: 'secondary.dark'\n },\n '&:disabled': {\n backgroundColor: 'transparent',\n color: 'gray.light'\n }\n },\n 'solid-success': {\n backgroundColor: 'success.main',\n color: 'white.main',\n '&:hover': {\n backgroundColor: 'success.dark',\n boxShadow: 'none'\n },\n '&:disabled': {\n backgroundColor: 'success.light',\n boxShadow: 'none'\n }\n },\n 'outline-success': {\n backgroundColor: 'transparent',\n color: 'success.main',\n borderColor: 'success.main',\n borderWidth: '1px',\n borderStyle: 'solid',\n boxShadow: 'none',\n '&:hover': {\n backgroundColor: 'success.light'\n },\n '&:disabled': {\n backgroundColor: 'transparent',\n color: 'success.light',\n borderColor: 'success.light'\n }\n },\n 'solid-danger': {\n backgroundColor: 'danger.main',\n color: 'white.main',\n '&:hover': {\n backgroundColor: 'danger.dark',\n boxShadow: 'none'\n },\n '&:disabled': {\n backgroundColor: 'danger.light',\n boxShadow: 'none'\n }\n },\n 'outline-danger': {\n backgroundColor: 'transparent',\n color: 'danger.main',\n borderColor: 'danger.main',\n borderWidth: '1px',\n borderStyle: 'solid',\n boxShadow: 'none',\n '&:hover': {\n backgroundColor: 'danger.light'\n },\n '&:disabled': {\n backgroundColor: 'transparent',\n color: 'danger.light',\n borderColor: 'danger.light'\n }\n }\n }\n },\n size: {\n prop: 'size',\n variants: {\n small: _objectSpread({\n paddingTop: '2',\n paddingBottom: '2',\n paddingLeft: '3',\n paddingRight: '3',\n fontSize: '0',\n lineHeight: '0'\n }, commonSettings),\n medium: _objectSpread({\n paddingTop: '3',\n paddingBottom: '3',\n paddingLeft: '5',\n paddingRight: '5',\n fontSize: '1',\n lineHeight: '1'\n }, commonSettings)\n }\n },\n iconSize: {\n prop: 'iconSize',\n variants: {\n small: {\n width: '0',\n height: '0'\n },\n medium: {\n width: '1',\n height: '1'\n }\n }\n }\n }\n};\n\n//# sourceURL=webpack://Maxio/./packages/custom-ui-components/src/components/atoms/Button/settings.ts?");
|
|
2143
2143
|
|
|
2144
2144
|
/***/ }),
|
|
2145
2145
|
|
|
@@ -3591,7 +3591,7 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
|
|
|
3591
3591
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
3592
3592
|
|
|
3593
3593
|
"use strict";
|
|
3594
|
-
eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"Container\": () => (/* binding */ Container),\n/* harmony export */ \"
|
|
3594
|
+
eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"Container\": () => (/* binding */ Container),\n/* harmony export */ \"IconWrapper\": () => (/* binding */ IconWrapper)\n/* harmony export */ });\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! styled-components */ \"./node_modules/.pnpm/styled-components@5.3.5_7i5myeigehqah43i5u7wbekgba/node_modules/styled-components/dist/styled-components.browser.esm.js\");\n/* harmony import */ var styled_system__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! styled-system */ \"./node_modules/.pnpm/styled-system@5.1.5/node_modules/styled-system/dist/index.esm.js\");\n/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../theme */ \"./packages/custom-ui-components/src/theme/index.ts\");\n/* harmony import */ var _atoms_Box__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../atoms/Box */ \"./packages/custom-ui-components/src/components/atoms/Box/index.ts\");\n\n\n\n\nvar Container = styled_components__WEBPACK_IMPORTED_MODULE_3__[\"default\"].div.withConfig({\n displayName: \"Alertstyles__Container\",\n componentId: \"maxio-components__sc-gxtxj5-0\"\n})([\"&&&{box-sizing:border-box;\", \";\", \";\", \";}\"], function (props) {\n return (0,styled_system__WEBPACK_IMPORTED_MODULE_0__.variant)(_theme__WEBPACK_IMPORTED_MODULE_1__.ThemeUtilities.getComponentVariant(props, 'Alert', 'size'));\n}, function (props) {\n return (0,styled_system__WEBPACK_IMPORTED_MODULE_0__.variant)(_theme__WEBPACK_IMPORTED_MODULE_1__.ThemeUtilities.getComponentVariant(props, 'Alert', 'color'));\n}, (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.css)(function (props) {\n return _theme__WEBPACK_IMPORTED_MODULE_1__.ThemeUtilities.getComponentCSSOverrides(props, 'Alert');\n}));\nvar IconWrapper = (0,styled_components__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(_atoms_Box__WEBPACK_IMPORTED_MODULE_2__[\"default\"]).withConfig({\n displayName: \"Alertstyles__IconWrapper\",\n componentId: \"maxio-components__sc-gxtxj5-1\"\n})([\"&&&{position:relative;bottom:-\", \"px;}\"], function (props) {\n return props.theme.space[1];\n});\n\n//# sourceURL=webpack://Maxio/./packages/custom-ui-components/src/components/molecules/Alert/Alert.styles.ts?");
|
|
3595
3595
|
|
|
3596
3596
|
/***/ }),
|
|
3597
3597
|
|
|
@@ -3602,7 +3602,7 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
|
|
|
3602
3602
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
3603
3603
|
|
|
3604
3604
|
"use strict";
|
|
3605
|
-
eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _chargify_icons__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @chargify/icons */ \"./packages/icons/src/index.ts\");\n/* harmony import */ var _atoms__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../atoms */ \"./packages/custom-ui-components/src/components/atoms/index.ts\");\n/* harmony import */ var _Alert_styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Alert.styles */ \"./packages/custom-ui-components/src/components/molecules/Alert/Alert.styles.ts\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components */ \"./packages/custom-ui-components/src/components/molecules/Alert/components/index.ts\");\n\n\n\n\n\n\nvar Alert = function Alert(_ref) {\n var title = _ref.title,\n _ref$color = _ref.color,\n color = _ref$color === void 0 ? 'primary' : _ref$color,\n _ref$size = _ref.size,\n size = _ref$size === void 0 ? 'regular' : _ref$size,\n buttonLabel = _ref.buttonLabel,\n icon = _ref.icon,\n onClick = _ref.onClick,\n children = _ref.children;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Alert_styles__WEBPACK_IMPORTED_MODULE_3__.Container, {\n size: size,\n color: color,\n role: \"alert\"\n }, title && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_atoms__WEBPACK_IMPORTED_MODULE_2__.Box, {\n marginBottom: 2\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
3605
|
+
eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _chargify_icons__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @chargify/icons */ \"./packages/icons/src/index.ts\");\n/* harmony import */ var _atoms__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../atoms */ \"./packages/custom-ui-components/src/components/atoms/index.ts\");\n/* harmony import */ var _Alert_styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Alert.styles */ \"./packages/custom-ui-components/src/components/molecules/Alert/Alert.styles.ts\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components */ \"./packages/custom-ui-components/src/components/molecules/Alert/components/index.ts\");\n\n\n\n\n\n\nvar Alert = function Alert(_ref) {\n var title = _ref.title,\n _ref$color = _ref.color,\n color = _ref$color === void 0 ? 'primary' : _ref$color,\n _ref$size = _ref.size,\n size = _ref$size === void 0 ? 'regular' : _ref$size,\n buttonLabel = _ref.buttonLabel,\n icon = _ref.icon,\n onClick = _ref.onClick,\n children = _ref.children,\n _ref$whiteSpace = _ref.whiteSpace,\n whiteSpace = _ref$whiteSpace === void 0 ? 'pre-line' : _ref$whiteSpace;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Alert_styles__WEBPACK_IMPORTED_MODULE_3__.Container, {\n size: size,\n color: color,\n role: \"alert\"\n }, title && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_atoms__WEBPACK_IMPORTED_MODULE_2__.Box, {\n marginBottom: 2\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_atoms__WEBPACK_IMPORTED_MODULE_2__.BodyText, {\n variant: \"body2\",\n color: \"inherit\",\n fontWeight: 600,\n whiteSpace: whiteSpace\n }, icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Alert_styles__WEBPACK_IMPORTED_MODULE_3__.IconWrapper, {\n marginRight: 2,\n display: 'inline'\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_icons__WEBPACK_IMPORTED_MODULE_1__.Icon, {\n type: icon,\n fill: \"currentColor\",\n size: 16\n })), title)), children, buttonLabel && onClick && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_atoms__WEBPACK_IMPORTED_MODULE_2__.Box, {\n marginTop: 4\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_atoms__WEBPACK_IMPORTED_MODULE_2__.Button, {\n label: buttonLabel,\n onClick: onClick,\n color: \"secondary\"\n })));\n};\n\nAlert.TextMessage = _components__WEBPACK_IMPORTED_MODULE_4__.TextMessage;\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Alert);\n\n//# sourceURL=webpack://Maxio/./packages/custom-ui-components/src/components/molecules/Alert/Alert.tsx?");
|
|
3606
3606
|
|
|
3607
3607
|
/***/ }),
|
|
3608
3608
|
|
|
@@ -3921,7 +3921,7 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
|
|
|
3921
3921
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
3922
3922
|
|
|
3923
3923
|
"use strict";
|
|
3924
|
-
eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"Container\": () => (/* binding */ Container),\n/* harmony export */ \"DatePickerStyles\": () => (/* binding */ DatePickerStyles),\n/* harmony export */ \"InputContainer\": () => (/* binding */ InputContainer)\n/* harmony export */ });\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ \"./node_modules/.pnpm/styled-components@5.3.5_7i5myeigehqah43i5u7wbekgba/node_modules/styled-components/dist/styled-components.browser.esm.js\");\n/* harmony import */ var polished__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! polished */ \"./node_modules/.pnpm/polished@4.2.2/node_modules/polished/dist/polished.esm.js\");\n/* harmony import */ var _mixins__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../mixins */ \"./packages/custom-ui-components/src/mixins/index.ts\");\n\n\n\nvar InputContainer = styled_components__WEBPACK_IMPORTED_MODULE_1__[\"default\"].div.withConfig({\n displayName: \"DatePickerstyles__InputContainer\",\n componentId: \"maxio-components__sc-sc5uuo-0\"\n})([\"&&&{pointer-events:none;}\"]);\nvar DatePickerStyles = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.createGlobalStyle)([\".react-calendar{width:300px;max-width:100%;background:\", \";border:none;line-height:1.125em;font-family:\", \";border-radius:\", \"px;box-shadow:0 12px 24px 0 \", \";user-select:none;\", \";}.react-calendar--doubleView{width:700px;}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-0.5em;}.react-calendar--doubleView .react-calendar__viewContainer > *{width:50%;margin:0.5em;}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{box-sizing:border-box;}.react-calendar button{margin:0;border:0;outline:none;font-family:\", \";}.react-calendar button:enabled:hover{cursor:pointer;}.react-calendar__navigation{display:flex;height:auto;padding:10px 20px;padding:\", \"px;border-bottom:1px solid \", \";column-gap:20px;}.react-calendar__navigation button{background:none;padding:0;min-width:20px;}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus-visible{background-color:#e6e6e6;}.react-calendar__navigation button[disabled]{background:none;pointer-events:none;opacity:0.5;}.react-calendar__month-view__weekdays{text-align:center;color:\", \";font-size:0.75rem;font-weight:400;text-transform:none;abbr{text-decoration:none;border:none;cursor:default;}}.react-calendar__month-view__weekdays__weekday{padding:10px 5px;}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font-size:0.75em;font-weight:bold;padding:calc(0.75em / 0.75) calc(0.5em / 0.75);}.react-calendar__month-view__days__day--neighboringMonth{opacity:0.3;}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:10px 5px;border-radius:\", \"px;font-size:14px;border:\", \";}.react-calendar__century-view .react-calendar__tile{font-size:13px;}.react-calendar__tile{max-width:100%;text-align:center;padding:0.75em 0.5em;background:none;}.react-calendar__tile:disabled{background-color:\", \";pointer-events:none;opacity:0.5;}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus-visible{background-color:#e6e6e6;}.react-calendar__tile--now{background:#ffff76;}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus-visible{background:#ffffa9;}.react-calendar__tile--hasActive{background:#76baff;}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus-visible{background:#a9d4ff;}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6;}.react-calendar__month-view__days__day abbr{font-size:14px;border-radius:50%;width:\", \"px;height:\", \"px;display:flex;align-items:center;justify-content:center;}.react-calendar__tile.react-calendar__month-view__days__day{padding:0;}.react-calendar__month-view{padding:\", \"px;padding-top:0;}.react-calendar__tile--now,.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus-visible,.react-calendar__navigation__label:enabled:hover,.react-calendar__navigation__label:enabled:focus-visible,.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus-visible,.react-calendar__navigation button[disabled]{background:\", \";}button.react-calendar__tile--active abbr,button.react-calendar__tile--active:enabled:hover abbr,button.react-calendar__tile--active:enabled:focus-visible abbr button.react-calendar__tile--active.react-calendar__month-view__days__day--weekend abbr,button.react-calendar__tile--active.react-calendar__month-view__days__day--weekend:enabled:hover abbr,button.react-calendar__tile--active.react-calendar__month-view__days__day--weekend:enabled:focus-visible abbr,.react-calendar__tile.react-calendar__tile--active.react-calendar__month-view__days__day:hover abbr,.react-calendar__tile.react-calendar__tile--active.react-calendar__month-view__days__day:focus-visible abbr,.react-calendar__tile--hasActive,.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus-visible,button.react-calendar__tile--hasActive.react-calendar__year-view__months__month,button.react-calendar__tile--hasActive.react-calendar__year-view__months__month:enabled:hover,button.react-calendar__tile--hasActive.react-calendar__year-view__months__month:enabled:focus-visible,button.react-calendar__tile--hasActive.react-calendar__decade-view__years__year,button.react-calendar__tile--hasActive.react-calendar__decade-view__years__year:enabled:hover,button.react-calendar__tile--hasActive.react-calendar__decade-view__years__year:enabled:focus-visible{color:\", \";background:\", \";}button.react-calendar__tile--hasActive.react-calendar__year-view__months__month,button.react-calendar__tile--hasActive.react-calendar__year-view__months__month:enabled:hover,button.react-calendar__tile--hasActive.react-calendar__year-view__months__month:enabled:focus-visible,button.react-calendar__tile--hasActive.react-calendar__decade-view__years__year,button.react-calendar__tile--hasActive.react-calendar__decade-view__years__year:enabled:hover,button.react-calendar__tile--hasActive.react-calendar__decade-view__years__year:enabled:focus-visible{border:\", \";}.react-calendar__navigation__label__labelText{font-size:1rem;color:\", \";}button.react-calendar__navigation__arrow:enabled:hover,button.react-calendar__navigation__arrow:enabled:focus-visible{background:none;}button.react-calendar__navigation__arrow:enabled:focus-visible{outline:\", \";}button.react-calendar__navigation__label{padding:10px;border-radius:\", \"px;transition:background-color 250ms ease-in-out;}.react-calendar__year-view__months,.react-calendar__decade-view__years,.react-calendar__century-view__decades{padding:\", \"px;padding-top:0;}.react-calendar__tile.react-calendar__month-view__days__day:hover,.react-calendar__tile.react-calendar__month-view__days__day:focus-visible{background:none;abbr{background:\", \";}}.react-calendar__tile--now.react-calendar__month-view__days__day{background:none;abbr{border:\", \";}&:hover,&:focus-visible{abbr{background:\", \";}}}.react-calendar__tile--now.react-calendar__year-view__months__month:not(.react-calendar__tile--hasActive),.react-calendar__tile--now.react-calendar__century-view__decades__decade:not(.react-calendar__tile--hasActive),.react-calendar__tile--now.react-calendar__decade-view__years__year:not(.react-calendar__tile--hasActive){background:none;outline:\", \";outline-offset:-2px;&:hover,&:focus-visible{background:\", \";}}.react-calendar__tile--now.react-calendar__tile--active{abbr{background:\", \";}}.react-calendar__month-view__weekdays abbr{font-weight:800;text-transform:uppercase;}.react-calendar__month-view__days__day{&--weekend{color:\", \";}}.react-calendar__tile--now.react-calendar__month-view__days__day abbr{border:\", \";}.react-calendar__tile:not(.react-calendar__tile--now,.react-calendar__month-view__days__day--weekend,.react-calendar__tile--hasActive){color:\", \";}\"], function (_ref) {\n var theme = _ref.theme;\n return theme.colors.white.main;\n}, function (_ref2) {\n var theme = _ref2.theme;\n return theme.fonts.secondary;\n}, function (_ref3) {\n var theme = _ref3.theme;\n return theme.radii[3];\n}, function (_ref4) {\n var theme = _ref4.theme;\n return (0,polished__WEBPACK_IMPORTED_MODULE_2__.transparentize)(0.85, theme.colors.black.dark);\n}, _mixins__WEBPACK_IMPORTED_MODULE_0__.fontSmoothing, function (_ref5) {\n var theme = _ref5.theme;\n return theme.fonts.secondary;\n}, function (_ref6) {\n var theme = _ref6.theme;\n return theme.space[3];\n}, function (_ref7) {\n var theme = _ref7.theme;\n return theme.colors.white.main;\n}, function (_ref8) {\n var theme = _ref8.theme;\n return (0,polished__WEBPACK_IMPORTED_MODULE_2__.transparentize)(0.3, theme.colors.black.dark);\n}, function (_ref9) {\n var theme = _ref9.theme;\n return theme.radii[3];\n}, function (_ref10) {\n var theme = _ref10.theme;\n return \"2px solid \".concat(theme.colors.white.main);\n}, function (_ref11) {\n var theme = _ref11.theme;\n return theme.colors.primary.extraLight;\n}, function (_ref12) {\n var theme = _ref12.theme;\n return theme.sizes[5];\n}, function (_ref13) {\n var theme = _ref13.theme;\n return theme.sizes[5];\n}, function (_ref14) {\n var theme = _ref14.theme;\n return theme.space[3];\n}, function (_ref15) {\n var theme = _ref15.theme;\n return theme.colors.primary.extraLight;\n}, function (_ref16) {\n var theme = _ref16.theme;\n return theme.colors.white.main;\n}, function (_ref17) {\n var theme = _ref17.theme;\n return theme.colors.primary.main;\n}, function (_ref18) {\n var theme = _ref18.theme;\n return \"2px solid \".concat(theme.colors.white.main);\n}, function (_ref19) {\n var theme = _ref19.theme;\n return theme.colors.primary.main;\n}, function (_ref20) {\n var theme = _ref20.theme;\n return \"1px solid \".concat((0,polished__WEBPACK_IMPORTED_MODULE_2__.transparentize)(0.5, theme.colors.primary.main));\n}, function (_ref21) {\n var theme = _ref21.theme;\n return theme.radii[3];\n}, function (_ref22) {\n var theme = _ref22.theme;\n return theme.space[3];\n}, function (_ref23) {\n var theme = _ref23.theme;\n return (0,polished__WEBPACK_IMPORTED_MODULE_2__.transparentize)(0.9, theme.colors.primary.dark);\n}, function (_ref24) {\n var theme = _ref24.theme;\n return \"1px solid \".concat((0,polished__WEBPACK_IMPORTED_MODULE_2__.transparentize)(0.5, theme.colors.primary.main));\n}, function (_ref25) {\n var theme = _ref25.theme;\n return (0,polished__WEBPACK_IMPORTED_MODULE_2__.transparentize)(0.9, theme.colors.primary.main);\n}, function (_ref26) {\n var theme = _ref26.theme;\n return \"1px solid \".concat((0,polished__WEBPACK_IMPORTED_MODULE_2__.transparentize)(0.5, theme.colors.primary.main));\n}, function (_ref27) {\n var theme = _ref27.theme;\n return (0,polished__WEBPACK_IMPORTED_MODULE_2__.transparentize)(0.9, theme.colors.primary.main);\n}, function (_ref28) {\n var theme = _ref28.theme;\n return theme.colors.primary.main;\n}, function (_ref29) {\n var theme = _ref29.theme;\n return theme.colors.danger.main;\n}, function (_ref30) {\n var theme = _ref30.theme;\n return \"1px solid \".concat(theme.colors.primary.main);\n}, function (_ref31) {\n var theme = _ref31.theme;\n return theme.colors.black.main;\n});\nvar Container = styled_components__WEBPACK_IMPORTED_MODULE_1__[\"default\"].div.withConfig({\n displayName: \"DatePickerstyles__Container\",\n componentId: \"maxio-components__sc-sc5uuo-1\"\n})([\"&&&{position:relative;}\"]);\n\n//# sourceURL=webpack://Maxio/./packages/custom-ui-components/src/components/molecules/DatePicker/DatePicker.styles.ts?");
|
|
3924
|
+
eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"Container\": () => (/* binding */ Container),\n/* harmony export */ \"DatePickerStyles\": () => (/* binding */ DatePickerStyles)\n/* harmony export */ });\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ \"./node_modules/.pnpm/styled-components@5.3.5_7i5myeigehqah43i5u7wbekgba/node_modules/styled-components/dist/styled-components.browser.esm.js\");\n/* harmony import */ var polished__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! polished */ \"./node_modules/.pnpm/polished@4.2.2/node_modules/polished/dist/polished.esm.js\");\n/* harmony import */ var _mixins__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../mixins */ \"./packages/custom-ui-components/src/mixins/index.ts\");\n\n\n\nvar DatePickerStyles = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.createGlobalStyle)([\".react-calendar{width:300px;max-width:100%;background:\", \";border:none;line-height:1.125em;font-family:\", \";border-radius:\", \"px;box-shadow:0 12px 24px 0 \", \";user-select:none;\", \";}.react-calendar--doubleView{width:700px;}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-0.5em;}.react-calendar--doubleView .react-calendar__viewContainer > *{width:50%;margin:0.5em;}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{box-sizing:border-box;}.react-calendar button{margin:0;border:0;outline:none;font-family:\", \";}.react-calendar button:enabled:hover{cursor:pointer;}.react-calendar__navigation{display:flex;height:auto;padding:10px 20px;padding:\", \"px;border-bottom:1px solid \", \";column-gap:20px;}.react-calendar__navigation button{background:none;padding:0;min-width:20px;}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus-visible{background-color:#e6e6e6;}.react-calendar__navigation button[disabled]{background:none;pointer-events:none;opacity:0.5;}.react-calendar__month-view__weekdays{text-align:center;color:\", \";font-size:0.75rem;font-weight:400;text-transform:none;abbr{text-decoration:none;border:none;cursor:default;}}.react-calendar__month-view__weekdays__weekday{padding:10px 5px;}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font-size:0.75em;font-weight:bold;padding:calc(0.75em / 0.75) calc(0.5em / 0.75);}.react-calendar__month-view__days__day--neighboringMonth{opacity:0.3;}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:10px 5px;border-radius:\", \"px;font-size:14px;border:\", \";}.react-calendar__century-view .react-calendar__tile{font-size:13px;}.react-calendar__tile{max-width:100%;text-align:center;padding:0.75em 0.5em;background:none;}.react-calendar__tile:disabled{background-color:\", \";pointer-events:none;opacity:0.5;}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus-visible{background-color:#e6e6e6;}.react-calendar__tile--now{background:#ffff76;}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus-visible{background:#ffffa9;}.react-calendar__tile--hasActive{background:#76baff;}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus-visible{background:#a9d4ff;}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6;}.react-calendar__month-view__days__day abbr{font-size:14px;border-radius:50%;width:\", \"px;height:\", \"px;display:flex;align-items:center;justify-content:center;}.react-calendar__tile.react-calendar__month-view__days__day{padding:0;}.react-calendar__month-view{padding:\", \"px;padding-top:0;}.react-calendar__tile--now,.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus-visible,.react-calendar__navigation__label:enabled:hover,.react-calendar__navigation__label:enabled:focus-visible,.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus-visible,.react-calendar__navigation button[disabled]{background:\", \";}button.react-calendar__tile--active abbr,button.react-calendar__tile--active:enabled:hover abbr,button.react-calendar__tile--active:enabled:focus-visible abbr button.react-calendar__tile--active.react-calendar__month-view__days__day--weekend abbr,button.react-calendar__tile--active.react-calendar__month-view__days__day--weekend:enabled:hover abbr,button.react-calendar__tile--active.react-calendar__month-view__days__day--weekend:enabled:focus-visible abbr,.react-calendar__tile.react-calendar__tile--active.react-calendar__month-view__days__day:hover abbr,.react-calendar__tile.react-calendar__tile--active.react-calendar__month-view__days__day:focus-visible abbr,.react-calendar__tile--hasActive,.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus-visible,button.react-calendar__tile--hasActive.react-calendar__year-view__months__month,button.react-calendar__tile--hasActive.react-calendar__year-view__months__month:enabled:hover,button.react-calendar__tile--hasActive.react-calendar__year-view__months__month:enabled:focus-visible,button.react-calendar__tile--hasActive.react-calendar__decade-view__years__year,button.react-calendar__tile--hasActive.react-calendar__decade-view__years__year:enabled:hover,button.react-calendar__tile--hasActive.react-calendar__decade-view__years__year:enabled:focus-visible{color:\", \";background:\", \";}button.react-calendar__tile--hasActive.react-calendar__year-view__months__month,button.react-calendar__tile--hasActive.react-calendar__year-view__months__month:enabled:hover,button.react-calendar__tile--hasActive.react-calendar__year-view__months__month:enabled:focus-visible,button.react-calendar__tile--hasActive.react-calendar__decade-view__years__year,button.react-calendar__tile--hasActive.react-calendar__decade-view__years__year:enabled:hover,button.react-calendar__tile--hasActive.react-calendar__decade-view__years__year:enabled:focus-visible{border:\", \";}.react-calendar__navigation__label__labelText{font-size:1rem;color:\", \";}button.react-calendar__navigation__arrow:enabled:hover,button.react-calendar__navigation__arrow:enabled:focus-visible{background:none;}button.react-calendar__navigation__arrow:enabled:focus-visible{outline:\", \";}button.react-calendar__navigation__label{padding:10px;border-radius:\", \"px;transition:background-color 250ms ease-in-out;}.react-calendar__year-view__months,.react-calendar__decade-view__years,.react-calendar__century-view__decades{padding:\", \"px;padding-top:0;}.react-calendar__tile.react-calendar__month-view__days__day:hover,.react-calendar__tile.react-calendar__month-view__days__day:focus-visible{background:none;abbr{background:\", \";}}.react-calendar__tile--now.react-calendar__month-view__days__day{background:none;abbr{border:\", \";}&:hover,&:focus-visible{abbr{background:\", \";}}}.react-calendar__tile--now.react-calendar__year-view__months__month:not(.react-calendar__tile--hasActive),.react-calendar__tile--now.react-calendar__century-view__decades__decade:not(.react-calendar__tile--hasActive),.react-calendar__tile--now.react-calendar__decade-view__years__year:not(.react-calendar__tile--hasActive){background:none;outline:\", \";outline-offset:-2px;&:hover,&:focus-visible{background:\", \";}}.react-calendar__tile--now.react-calendar__tile--active{abbr{background:\", \";}}.react-calendar__month-view__weekdays abbr{font-weight:800;text-transform:uppercase;}.react-calendar__month-view__days__day{&--weekend{color:\", \";}}.react-calendar__tile--now.react-calendar__month-view__days__day abbr{border:\", \";}.react-calendar__tile:not(.react-calendar__tile--now,.react-calendar__month-view__days__day--weekend,.react-calendar__tile--hasActive){color:\", \";}\"], function (_ref) {\n var theme = _ref.theme;\n return theme.colors.white.main;\n}, function (_ref2) {\n var theme = _ref2.theme;\n return theme.fonts.secondary;\n}, function (_ref3) {\n var theme = _ref3.theme;\n return theme.radii[3];\n}, function (_ref4) {\n var theme = _ref4.theme;\n return (0,polished__WEBPACK_IMPORTED_MODULE_2__.transparentize)(0.85, theme.colors.black.dark);\n}, _mixins__WEBPACK_IMPORTED_MODULE_0__.fontSmoothing, function (_ref5) {\n var theme = _ref5.theme;\n return theme.fonts.secondary;\n}, function (_ref6) {\n var theme = _ref6.theme;\n return theme.space[3];\n}, function (_ref7) {\n var theme = _ref7.theme;\n return theme.colors.white.main;\n}, function (_ref8) {\n var theme = _ref8.theme;\n return (0,polished__WEBPACK_IMPORTED_MODULE_2__.transparentize)(0.3, theme.colors.black.dark);\n}, function (_ref9) {\n var theme = _ref9.theme;\n return theme.radii[3];\n}, function (_ref10) {\n var theme = _ref10.theme;\n return \"2px solid \".concat(theme.colors.white.main);\n}, function (_ref11) {\n var theme = _ref11.theme;\n return theme.colors.primary.extraLight;\n}, function (_ref12) {\n var theme = _ref12.theme;\n return theme.sizes[5];\n}, function (_ref13) {\n var theme = _ref13.theme;\n return theme.sizes[5];\n}, function (_ref14) {\n var theme = _ref14.theme;\n return theme.space[3];\n}, function (_ref15) {\n var theme = _ref15.theme;\n return theme.colors.primary.extraLight;\n}, function (_ref16) {\n var theme = _ref16.theme;\n return theme.colors.white.main;\n}, function (_ref17) {\n var theme = _ref17.theme;\n return theme.colors.primary.main;\n}, function (_ref18) {\n var theme = _ref18.theme;\n return \"2px solid \".concat(theme.colors.white.main);\n}, function (_ref19) {\n var theme = _ref19.theme;\n return theme.colors.primary.main;\n}, function (_ref20) {\n var theme = _ref20.theme;\n return \"1px solid \".concat((0,polished__WEBPACK_IMPORTED_MODULE_2__.transparentize)(0.5, theme.colors.primary.main));\n}, function (_ref21) {\n var theme = _ref21.theme;\n return theme.radii[3];\n}, function (_ref22) {\n var theme = _ref22.theme;\n return theme.space[3];\n}, function (_ref23) {\n var theme = _ref23.theme;\n return (0,polished__WEBPACK_IMPORTED_MODULE_2__.transparentize)(0.9, theme.colors.primary.dark);\n}, function (_ref24) {\n var theme = _ref24.theme;\n return \"1px solid \".concat((0,polished__WEBPACK_IMPORTED_MODULE_2__.transparentize)(0.5, theme.colors.primary.main));\n}, function (_ref25) {\n var theme = _ref25.theme;\n return (0,polished__WEBPACK_IMPORTED_MODULE_2__.transparentize)(0.9, theme.colors.primary.main);\n}, function (_ref26) {\n var theme = _ref26.theme;\n return \"1px solid \".concat((0,polished__WEBPACK_IMPORTED_MODULE_2__.transparentize)(0.5, theme.colors.primary.main));\n}, function (_ref27) {\n var theme = _ref27.theme;\n return (0,polished__WEBPACK_IMPORTED_MODULE_2__.transparentize)(0.9, theme.colors.primary.main);\n}, function (_ref28) {\n var theme = _ref28.theme;\n return theme.colors.primary.main;\n}, function (_ref29) {\n var theme = _ref29.theme;\n return theme.colors.danger.main;\n}, function (_ref30) {\n var theme = _ref30.theme;\n return \"1px solid \".concat(theme.colors.primary.main);\n}, function (_ref31) {\n var theme = _ref31.theme;\n return theme.colors.black.main;\n});\nvar Container = styled_components__WEBPACK_IMPORTED_MODULE_1__[\"default\"].div.withConfig({\n displayName: \"DatePickerstyles__Container\",\n componentId: \"maxio-components__sc-sc5uuo-0\"\n})([\"&&&{position:relative;}\"]);\n\n//# sourceURL=webpack://Maxio/./packages/custom-ui-components/src/components/molecules/DatePicker/DatePicker.styles.ts?");
|
|
3925
3925
|
|
|
3926
3926
|
/***/ }),
|
|
3927
3927
|
|
|
@@ -3932,7 +3932,7 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
|
|
|
3932
3932
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
3933
3933
|
|
|
3934
3934
|
"use strict";
|
|
3935
|
-
eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ \"./node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/index.js\");\n/* harmony import */ var react_calendar__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-calendar */ \"./node_modules/.pnpm/react-calendar@3.8.0_biqbaboplfbrettd7655fr4n2y/node_modules/react-calendar/dist/esm/index.js\");\n/* harmony import */ var react_fit__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-fit */ \"./node_modules/.pnpm/react-fit@1.4.0_biqbaboplfbrettd7655fr4n2y/node_modules/react-fit/dist/esm/Fit.js\");\n/* harmony import */ var _chargify_icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @chargify/icons */ \"./packages/icons/src/index.ts\");\n/* harmony import */ var _atoms__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../atoms */ \"./packages/custom-ui-components/src/components/atoms/index.ts\");\n/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../hooks */ \"./packages/custom-ui-components/src/hooks/index.ts\");\n/* harmony import */ var _DatePicker_styles__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./DatePicker.styles */ \"./packages/custom-ui-components/src/components/molecules/DatePicker/DatePicker.styles.ts\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./constants */ \"./packages/custom-ui-components/src/components/molecules/DatePicker/constants.ts\");\n/* harmony import */ var _translations__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./translations */ \"./packages/custom-ui-components/src/components/molecules/DatePicker/translations.ts\");\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\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.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\n\n\n\n\nvar DatePicker = function DatePicker(_ref) {\n var value = _ref.value,\n _ref$translations = _ref.translations,\n translations = _ref$translations === void 0 ? _translations__WEBPACK_IMPORTED_MODULE_8__.defaultTranslations : _ref$translations,\n _ref$locale = _ref.locale,\n locale = _ref$locale === void 0 ? 'en' : _ref$locale,\n minDate = _ref.minDate,\n maxDate = _ref.maxDate,\n portalContainer = _ref.portalContainer,\n _ref$calendarAlignmen = _ref.calendarAlignment,\n calendarAlignment = _ref$calendarAlignmen === void 0 ? 'left' : _ref$calendarAlignmen,\n _onChange = _ref.onChange,\n modalRef = _ref.modalRef,\n disabled = _ref.disabled;\n\n var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),\n _useState2 = _slicedToArray(_useState, 2),\n showCalendar = _useState2[0],\n setCalendar = _useState2[1];\n\n var calendarContainerRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n var inputRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n var placeholder = translations.placeholder;\n var portalElement = portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.current;\n (0,_hooks__WEBPACK_IMPORTED_MODULE_5__.useOnClickOutside)([calendarContainerRef, portalContainer], function () {\n if (showCalendar) {\n setCalendar(false);\n }\n }, modalRef === null || modalRef === void 0 ? void 0 : modalRef.current);\n\n var renderCalendar = function renderCalendar() {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_calendar__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n onChange: function onChange(date) {\n _onChange(date);\n\n setCalendar(false);\n },\n value: value,\n nextLabel: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_icons__WEBPACK_IMPORTED_MODULE_3__.Icon, {\n type: \"chevronRight\",\n fill: \"black.main\",\n size: 12\n }),\n next2Label: null,\n prevLabel: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_icons__WEBPACK_IMPORTED_MODULE_3__.Icon, {\n type: \"chevronLeft\",\n fill: \"black.main\",\n size: 12\n }),\n prev2Label: null,\n minDate: minDate,\n maxDate: maxDate,\n locale: locale\n });\n };\n\n var calculateDropdownPosition = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n var element = calendarContainerRef.current;\n\n var _element$getBoundingC = element.getBoundingClientRect(),\n top = _element$getBoundingC.top,\n height = _element$getBoundingC.height,\n left = _element$getBoundingC.left,\n width = _element$getBoundingC.width;\n\n var alignmentPosition = calendarAlignment === 'left' ? left : left - (_constants__WEBPACK_IMPORTED_MODULE_7__.CALENDAR_WIDTH - width);\n return {\n top: top + height + window.scrollY,\n left: alignmentPosition + window.scrollX,\n width: _constants__WEBPACK_IMPORTED_MODULE_7__.CALENDAR_WIDTH\n };\n }, [portalContainer, calendarAlignment]);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_DatePicker_styles__WEBPACK_IMPORTED_MODULE_6__.Container, {\n ref: calendarContainerRef\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_DatePicker_styles__WEBPACK_IMPORTED_MODULE_6__.DatePickerStyles, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n onClick: function onClick() {\n return !disabled && setCalendar(!showCalendar);\n },\n style: {\n cursor: disabled ? 'not-allowed' : 'pointer'\n },\n \"data-testid\": \"calendar-input\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_DatePicker_styles__WEBPACK_IMPORTED_MODULE_6__.InputContainer, {\n ref: inputRef\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_atoms__WEBPACK_IMPORTED_MODULE_4__.Input, {\n onChange: function onChange() {\n return false;\n },\n inputSize: \"small\",\n iconRight: \"calendar\",\n placeholder: placeholder,\n readOnly: true,\n value: value === null || value === void 0 ? void 0 : value.toLocaleDateString(locale),\n disabled: disabled\n }))), showCalendar && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, portalElement ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/(0,react_dom__WEBPACK_IMPORTED_MODULE_1__.createPortal)( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n style: _objectSpread({\n position: 'absolute',\n zIndex: 1\n }, calculateDropdownPosition())\n }, renderCalendar()), portalElement)) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_fit__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n invertSecondaryAxis: calendarAlignment === 'right'\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n style: {\n position: 'absolute',\n width: _constants__WEBPACK_IMPORTED_MODULE_7__.CALENDAR_WIDTH\n },\n \"data-testid\": \"calendar-container\"\n }, renderCalendar()))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DatePicker);\n\n//# sourceURL=webpack://Maxio/./packages/custom-ui-components/src/components/molecules/DatePicker/DatePicker.tsx?");
|
|
3935
|
+
eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ \"./node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/index.js\");\n/* harmony import */ var react_calendar__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! react-calendar */ \"./node_modules/.pnpm/react-calendar@3.8.0_biqbaboplfbrettd7655fr4n2y/node_modules/react-calendar/dist/esm/index.js\");\n/* harmony import */ var react_fit__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-fit */ \"./node_modules/.pnpm/react-fit@1.4.0_biqbaboplfbrettd7655fr4n2y/node_modules/react-fit/dist/esm/Fit.js\");\n/* harmony import */ var _chargify_icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @chargify/icons */ \"./packages/icons/src/index.ts\");\n/* harmony import */ var _atoms__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../atoms */ \"./packages/custom-ui-components/src/components/atoms/index.ts\");\n/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../hooks */ \"./packages/custom-ui-components/src/hooks/index.ts\");\n/* harmony import */ var _DatePicker_styles__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./DatePicker.styles */ \"./packages/custom-ui-components/src/components/molecules/DatePicker/DatePicker.styles.ts\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./constants */ \"./packages/custom-ui-components/src/components/molecules/DatePicker/constants.ts\");\n/* harmony import */ var _translations__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./translations */ \"./packages/custom-ui-components/src/components/molecules/DatePicker/translations.ts\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../constants */ \"./packages/custom-ui-components/src/constants.ts\");\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\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.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar DatePicker = function DatePicker(_ref) {\n var value = _ref.value,\n _ref$translations = _ref.translations,\n translations = _ref$translations === void 0 ? _translations__WEBPACK_IMPORTED_MODULE_8__.defaultTranslations : _ref$translations,\n _ref$locale = _ref.locale,\n locale = _ref$locale === void 0 ? 'en' : _ref$locale,\n minDate = _ref.minDate,\n maxDate = _ref.maxDate,\n portalContainer = _ref.portalContainer,\n _ref$calendarAlignmen = _ref.calendarAlignment,\n calendarAlignment = _ref$calendarAlignmen === void 0 ? 'left' : _ref$calendarAlignmen,\n _onChange = _ref.onChange,\n modalRef = _ref.modalRef,\n disabled = _ref.disabled;\n\n var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),\n _useState2 = _slicedToArray(_useState, 2),\n showCalendar = _useState2[0],\n setCalendar = _useState2[1];\n\n var calendarContainerRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n var inputRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n var placeholder = translations.placeholder;\n var portalElement = portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.current;\n (0,_hooks__WEBPACK_IMPORTED_MODULE_5__.useOnClickOutside)([calendarContainerRef, portalContainer], function () {\n if (showCalendar) {\n setCalendar(false);\n }\n }, modalRef === null || modalRef === void 0 ? void 0 : modalRef.current);\n\n var renderCalendar = function renderCalendar() {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_calendar__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n onChange: function onChange(date) {\n _onChange(date);\n\n setCalendar(false);\n },\n value: value,\n nextLabel: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_icons__WEBPACK_IMPORTED_MODULE_3__.Icon, {\n type: \"chevronRight\",\n fill: \"black.main\",\n size: 12\n }),\n next2Label: null,\n prevLabel: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_icons__WEBPACK_IMPORTED_MODULE_3__.Icon, {\n type: \"chevronLeft\",\n fill: \"black.main\",\n size: 12\n }),\n prev2Label: null,\n minDate: minDate,\n maxDate: maxDate,\n locale: locale\n });\n };\n\n var calculateDropdownPosition = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n var element = calendarContainerRef.current;\n\n var _element$getBoundingC = element.getBoundingClientRect(),\n top = _element$getBoundingC.top,\n height = _element$getBoundingC.height,\n left = _element$getBoundingC.left,\n width = _element$getBoundingC.width;\n\n var alignmentPosition = calendarAlignment === 'left' ? left : left - (_constants__WEBPACK_IMPORTED_MODULE_7__.CALENDAR_WIDTH - width);\n return {\n top: top + height + window.scrollY,\n left: alignmentPosition + window.scrollX,\n width: _constants__WEBPACK_IMPORTED_MODULE_7__.CALENDAR_WIDTH\n };\n }, [calendarAlignment]);\n\n var handleBackspace = function handleBackspace(e) {\n if (e.key === _constants__WEBPACK_IMPORTED_MODULE_9__.KEYBOARD_KEYS.BACKSPACE) {\n _onChange(null);\n }\n };\n\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_DatePicker_styles__WEBPACK_IMPORTED_MODULE_6__.Container, {\n ref: calendarContainerRef\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_DatePicker_styles__WEBPACK_IMPORTED_MODULE_6__.DatePickerStyles, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n onClick: function onClick() {\n return !disabled && setCalendar(!showCalendar);\n },\n style: {\n cursor: disabled ? 'not-allowed' : 'pointer'\n },\n \"data-testid\": \"calendar-input\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n ref: inputRef\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_atoms__WEBPACK_IMPORTED_MODULE_4__.Input, {\n onChange: function onChange() {\n return false;\n },\n inputSize: \"small\",\n iconRight: \"calendar\",\n placeholder: placeholder,\n readOnly: true,\n onKeyDown: handleBackspace,\n value: (value === null || value === void 0 ? void 0 : value.toLocaleDateString(locale)) || '',\n disabled: disabled\n }))), showCalendar && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, portalElement ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/(0,react_dom__WEBPACK_IMPORTED_MODULE_1__.createPortal)( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n style: _objectSpread({\n position: 'absolute',\n zIndex: 1\n }, calculateDropdownPosition())\n }, renderCalendar()), portalElement)) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_fit__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n invertSecondaryAxis: calendarAlignment === 'right'\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n style: {\n position: 'absolute',\n width: _constants__WEBPACK_IMPORTED_MODULE_7__.CALENDAR_WIDTH\n },\n \"data-testid\": \"calendar-container\"\n }, renderCalendar()))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DatePicker);\n\n//# sourceURL=webpack://Maxio/./packages/custom-ui-components/src/components/molecules/DatePicker/DatePicker.tsx?");
|
|
3936
3936
|
|
|
3937
3937
|
/***/ }),
|
|
3938
3938
|
|
|
@@ -8002,7 +8002,7 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
|
|
|
8002
8002
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
8003
8003
|
|
|
8004
8004
|
"use strict";
|
|
8005
|
-
eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"PlanChangeAlerts\": () => (/* binding */ PlanChangeAlerts)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-i18next */ \"./node_modules/.pnpm/react-i18next@11.18.6_4sidbwfhen5r7txudrvpua6nty/node_modules/react-i18next/dist/es/useTranslation.js\");\n/* harmony import */ var _chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @chargify/custom-ui-components */ \"./packages/custom-ui-components/src/index.ts\");\n\n\n\nvar PlanChangeAlerts = function PlanChangeAlerts(_ref) {\n var basePlanPrice = _ref.basePlanPrice,\n productChangeStrategy = _ref.productChangeStrategy,\n nextBillingDate = _ref.nextBillingDate,\n totalCharge = _ref.totalCharge;\n\n var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_2__.useTranslation)(['subscriptions-manager']),\n t = _useTranslation.t;\n\n switch (productChangeStrategy) {\n case 'prorated':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert, {\n
|
|
8005
|
+
eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"PlanChangeAlerts\": () => (/* binding */ PlanChangeAlerts)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-i18next */ \"./node_modules/.pnpm/react-i18next@11.18.6_4sidbwfhen5r7txudrvpua6nty/node_modules/react-i18next/dist/es/useTranslation.js\");\n/* harmony import */ var _chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @chargify/custom-ui-components */ \"./packages/custom-ui-components/src/index.ts\");\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n\n\n\nvar PlanChangeAlerts = function PlanChangeAlerts(_ref) {\n var basePlanPrice = _ref.basePlanPrice,\n productChangeStrategy = _ref.productChangeStrategy,\n nextBillingDate = _ref.nextBillingDate,\n totalCharge = _ref.totalCharge;\n\n var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_2__.useTranslation)(['subscriptions-manager']),\n t = _useTranslation.t;\n\n var commonAlertProps = {\n color: 'success',\n icon: 'receipt'\n };\n\n switch (productChangeStrategy) {\n case 'prorated':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert, _objectSpread(_objectSpread({}, commonAlertProps), {}, {\n title: t('plan_change.prorated_title', {\n totalCharge: totalCharge\n })\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n variant: 'body2',\n color: 'success.main'\n }, t('plan_change.prorated_description')));\n\n case 'non-prorated':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert, _objectSpread(_objectSpread({}, commonAlertProps), {}, {\n title: t('plan_change.instant_title', {\n date: nextBillingDate,\n basePlanPrice: basePlanPrice\n })\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n variant: 'body2',\n color: 'success.main'\n }, t('plan_change.instant_description')));\n\n case 'delayed':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert, _objectSpread(_objectSpread({}, commonAlertProps), {}, {\n title: t('plan_change.delayed_title', {\n date: nextBillingDate,\n basePlanPrice: basePlanPrice\n })\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n variant: 'body2',\n color: 'success.main'\n }, t('plan_change.delayed_description')));\n }\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/PlanChangeAlerts/PlanChangeAlerts.tsx?");
|
|
8006
8006
|
|
|
8007
8007
|
/***/ }),
|
|
8008
8008
|
|
package/package.json
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
"module": "dist/maxio-components.esm.js",
|
|
6
6
|
"browser": "dist/maxio-components.umd.js",
|
|
7
7
|
"types": "typings/sdk/components-sdk/src/index.d.ts",
|
|
8
|
-
"version": "1.4.
|
|
8
|
+
"version": "1.4.3",
|
|
9
9
|
"scripts": {
|
|
10
10
|
"test": "jest",
|
|
11
11
|
"test:coverage": "jest --coverage",
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
"prettier": "prettier --write '{sdk,packages,e2e}/**/*.{js,ts,tsx,json}'",
|
|
15
15
|
"commit": "npx git-cz",
|
|
16
16
|
"clean": "npx rimraf dist",
|
|
17
|
-
"serve:e2e-assets": "npx serve e2e_pages/ -l 7001 --cors",
|
|
17
|
+
"serve:e2e-assets": "npx serve e2e_pages/ -l 7001 --cors -L",
|
|
18
18
|
"copy:e2e-assets": "node e2e/prepareAssets.js",
|
|
19
19
|
"clean:e2e-assets": "npx rimraf e2e_pages/locales e2e_pages/*.{js,html}",
|
|
20
20
|
"upload:e2e-results": "node e2e/uploadExecutionResults.js",
|
|
@@ -9,9 +9,10 @@ export interface AlertProps {
|
|
|
9
9
|
onClick?: () => void;
|
|
10
10
|
buttonLabel?: string;
|
|
11
11
|
icon?: IconType;
|
|
12
|
+
whiteSpace?: 'pre-line' | 'normal';
|
|
12
13
|
}
|
|
13
14
|
declare const Alert: {
|
|
14
|
-
({ title, color, size, buttonLabel, icon, onClick, children, }: AlertProps): JSX.Element;
|
|
15
|
+
({ title, color, size, buttonLabel, icon, onClick, children, whiteSpace, }: AlertProps): JSX.Element;
|
|
15
16
|
TextMessage: ({ children, ...rest }: {
|
|
16
17
|
children: React.ReactNode;
|
|
17
18
|
} & import("../../atoms/BodyText/BodyText").BodyTextProps) => JSX.Element;
|
package/typings/packages/custom-ui-components/src/components/molecules/Alert/Alert.styles.d.ts
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import { GridProps } from 'styled-system';
|
|
2
1
|
import { Color, Size } from './types';
|
|
3
2
|
export declare const Container: import("styled-components").StyledComponent<"div", any, {
|
|
4
3
|
color: Color;
|
|
5
4
|
size: Size;
|
|
6
5
|
}, never>;
|
|
7
|
-
export declare const
|
|
6
|
+
export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, import("styled-system").MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").PaddingProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").JustifyContentProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { Theme } from '../../../themeBase';
|
|
2
|
-
export declare const InputContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
3
2
|
export declare const DatePickerStyles: import("styled-components").GlobalStyleComponent<{
|
|
4
3
|
theme: Theme;
|
|
5
4
|
}, import("styled-components").DefaultTheme>;
|