oa-componentbook 1.0.1-stage.380 → 1.0.1-stage.382
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,28 +1,33 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
require("core-js/modules/es.object.assign.js");
|
|
4
|
+
require("core-js/modules/es.weak-map.js");
|
|
5
|
+
require("core-js/modules/web.dom-collections.iterator.js");
|
|
4
6
|
Object.defineProperty(exports, "__esModule", {
|
|
5
7
|
value: true
|
|
6
8
|
});
|
|
7
9
|
exports.default = CustomDatePicker;
|
|
8
10
|
var _react = _interopRequireDefault(require("react"));
|
|
9
11
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
-
var _styledComponents =
|
|
12
|
+
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
11
13
|
var _antd = require("antd");
|
|
12
14
|
var _CalendarTodayRounded = _interopRequireDefault(require("@material-ui/icons/CalendarTodayRounded"));
|
|
13
15
|
var _ColorVariablesMap = _interopRequireDefault(require("../../global-css/ColorVariablesMap"));
|
|
14
16
|
var _TypographiesMap = _interopRequireDefault(require("../../global-css/TypographiesMap"));
|
|
15
17
|
require("antd/dist/reset.css");
|
|
16
18
|
var _MaterialIcon = _interopRequireDefault(require("../oa-component-icons/MaterialIcon"));
|
|
17
|
-
const _excluded = ["data-test", "disabledDateFunction"];
|
|
18
|
-
var _templateObject;
|
|
19
|
+
const _excluded = ["data-test", "disabledDateFunction", "containerSize"];
|
|
20
|
+
var _templateObject, _templateObject2;
|
|
19
21
|
/* eslint-disable */
|
|
22
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
23
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
20
24
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
25
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
22
26
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
23
27
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
24
28
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
25
|
-
const
|
|
29
|
+
const CalendarPopupStyle = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.compact-calendar .ant-picker-body {\n padding: 6px 10px !important; /* moderate spacing */\n}\n\n.compact-calendar .ant-picker-content {\n margin: 0 !important;\n width: 100% !important;\n table-layout: fixed;\n}\n\n.compact-calendar .ant-picker-cell {\n padding: 2px 1px !important; /* smaller inner padding */\n height: 30px; /* compact but readable */\n line-height: 30px;\n}\n\n\n"])));
|
|
30
|
+
const FullWidthDatePicker = (0, _styledComponents.default)(_antd.DatePicker)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n width: 100%;\n"])));
|
|
26
31
|
|
|
27
32
|
/**
|
|
28
33
|
* A custom datepicker component.
|
|
@@ -39,7 +44,8 @@ const FullWidthDatePicker = (0, _styledComponents.default)(_antd.DatePicker)(_te
|
|
|
39
44
|
function CustomDatePicker(_ref) {
|
|
40
45
|
let {
|
|
41
46
|
"data-test": dataTest,
|
|
42
|
-
disabledDateFunction
|
|
47
|
+
disabledDateFunction,
|
|
48
|
+
containerSize
|
|
43
49
|
} = _ref,
|
|
44
50
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
45
51
|
return /*#__PURE__*/_react.default.createElement(_antd.ConfigProvider, {
|
|
@@ -106,7 +112,9 @@ function CustomDatePicker(_ref) {
|
|
|
106
112
|
colorErrorBorderHover: _ColorVariablesMap.default["--color-negative"] // Hover error color should be same as error color
|
|
107
113
|
}
|
|
108
114
|
}
|
|
109
|
-
}, /*#__PURE__*/_react.default.createElement(FullWidthDatePicker, _extends({
|
|
115
|
+
}, containerSize === "small" && /*#__PURE__*/_react.default.createElement(CalendarPopupStyle, null), /*#__PURE__*/_react.default.createElement(FullWidthDatePicker, _extends({
|
|
116
|
+
dropdownClassName: containerSize === "small" ? "compact-calendar" : "",
|
|
117
|
+
showToday: containerSize === "small" ? false : true,
|
|
110
118
|
allowClear: true // Discussed with UX team
|
|
111
119
|
,
|
|
112
120
|
suffixIcon: /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
|
|
@@ -8,6 +8,6 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
8
8
|
var _templateObject, _templateObject2, _templateObject3;
|
|
9
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
10
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
11
|
-
const ProfilePageStyle = exports.ProfilePageStyle = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .fullPageLayout {\n display: flex;\n min-height: 100vh;\n background: #fafafa;\n }\n\n .oaRightLayouts {\n flex: 1;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n }\n\n .oaTopHeaderAndBtnSec {\n background: #ffffff;\n border-bottom: 1px solid #e8e8e8;\n padding: 20px 24px;\n\n .headerContent {\n margin-left: 160px;\n display: flex;\n align-items: center;\n gap: 16px;\n\n .pageTitle {\n margin: 0;\n }\n\n .backButton {\n border-radius: 50%;\n width: 48px; /* Default desktop size */\n height: 48px; /* Default desktop size */\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--color-secondary-background);\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n cursor: pointer;\n transition: all 0.2s ease;\n }\n }\n }\n\n .profileContent {\n flex: 1;\n padding: 0;\n overflow-y: auto;\n background: #ffffff;\n }\n\n .accordionsContainer {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 16px;\n padding: 0 24px;\n\n .accordion-item {\n width: 100%;\n max-width: 600px;\n background: var(--color-secondary-background);\n
|
|
11
|
+
const ProfilePageStyle = exports.ProfilePageStyle = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .fullPageLayout {\n display: flex;\n min-height: 100vh;\n background: #fafafa;\n }\n\n .oaRightLayouts {\n flex: 1;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n }\n\n .oaTopHeaderAndBtnSec {\n background: #ffffff;\n border-bottom: 1px solid #e8e8e8;\n padding: 20px 24px;\n\n .headerContent {\n margin-left: 160px;\n display: flex;\n align-items: center;\n gap: 16px;\n\n .pageTitle {\n margin: 0;\n }\n\n .backButton {\n border-radius: 50%;\n width: 48px; /* Default desktop size */\n height: 48px; /* Default desktop size */\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--color-secondary-background);\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n cursor: pointer;\n transition: all 0.2s ease;\n }\n }\n }\n\n .profileContent {\n flex: 1;\n padding: 0;\n overflow-y: auto;\n background: #ffffff;\n }\n\n .accordionsContainer {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 16px;\n padding: 0 24px;\n\n .accordion-item {\n width: 100%;\n max-width: 600px;\n background: var(--color-secondary-background);\n overflow: hidden;\n\n .accordion-content {\n padding: 20px;\n\n .key-value-section {\n margin-bottom: 20px;\n }\n\n .action-buttons-section {\n display: flex;\n gap: 12px;\n justify-content: flex-end;\n margin-top: 16px;\n padding-top: 16px;\n border-top: 1px solid var(--color-border);\n }\n\n .custom-content {\n margin-top: 16px;\n }\n }\n }\n }\n\n @media (max-width: 768px) {\n .oaTopHeaderAndBtnSec {\n padding: 12px 16px;\n\n .headerContent {\n margin-left: 0; /* Remove left margin for mobile */\n gap: 12px;\n justify-content: flex-start; /* Align content to left */\n }\n }\n\n .oaTopHeaderAndBtnSec .headerContent .backButton {\n width: 40px !important; /* Mobile size with higher specificity */\n height: 40px !important; /* Mobile size with higher specificity */\n }\n\n .oaTopHeaderAndBtnSec .headerContent .backButton .MuiSvgIcon-root {\n font-size: 20px !important; /* Mobile icon size for Material-UI icons */\n }\n\n .profileContent {\n padding: 16px;\n }\n\n .accordionsContainer {\n padding: 0 16px;\n\n .accordion-item {\n max-width: 100%;\n\n .accordion-content {\n padding: 16px;\n\n .action-buttons-section {\n flex-direction: column;\n align-items: stretch;\n }\n }\n }\n }\n }\n"])));
|
|
12
12
|
const DrawerWithOutFooter = exports.DrawerWithOutFooter = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n .ant-drawer-footer {\n display: none !important;\n }\n"])));
|
|
13
13
|
const DrawerContent = exports.DrawerContent = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n padding: 24px;\n\n .drawerTitle {\n margin-bottom: 24px;\n }\n\n .drawerDescription {\n margin-top: 24px;\n }\n"])));
|
|
@@ -2044,6 +2044,9 @@ function GenricLayOut(_ref) {
|
|
|
2044
2044
|
className: "oaRightLayouts"
|
|
2045
2045
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
2046
2046
|
className: "oaTopHeaderAndBtnSec "
|
|
2047
|
+
}, /*#__PURE__*/_react.default.createElement(_antd.Skeleton, {
|
|
2048
|
+
loading: state === null || state === void 0 ? void 0 : state.isLoading,
|
|
2049
|
+
active: true
|
|
2047
2050
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
2048
2051
|
className: "headerContent"
|
|
2049
2052
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -2060,7 +2063,7 @@ function GenricLayOut(_ref) {
|
|
|
2060
2063
|
onProfileClick: () => {
|
|
2061
2064
|
handleProfileReroute();
|
|
2062
2065
|
}
|
|
2063
|
-
}))))), /*#__PURE__*/_react.default.createElement("div", {
|
|
2066
|
+
})))))), /*#__PURE__*/_react.default.createElement("div", {
|
|
2064
2067
|
className: "layoutHeadingAndSearch"
|
|
2065
2068
|
}, (imageViewer === null || imageViewer === void 0 ? void 0 : imageViewer.visible) && /*#__PURE__*/_react.default.createElement(_CustomViewer.default, {
|
|
2066
2069
|
open: true,
|