oa-componentbook 1.0.1-stage.363 → 1.0.1-stage.365

package/build/layout/EntityOverviewLayout/reducer/entityOverviewLayoutReducer.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.initialState = exports.entityOverviewLayoutReducer = exports.actionTypes = void 0;
+require("core-js/modules/es.symbol.description.js");
+var _staticConfigResolver = require("../../GenricLayOut/resolver/staticConfigResolver");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+const actionTypes = exports.actionTypes = {
+  INIT: 'INIT',
+  SET_LOADING: 'SET_LOADING',
+  SET_PROFILE_DATA: 'SET_PROFILE_DATA',
+  SET_ACCORDION_DATA: 'SET_ACCORDION_DATA',
+  TOGGLE_ACCORDION: 'TOGGLE_ACCORDION',
+  SET_MISC: 'SET_MISC',
+  SET_DRAWER: 'SET_DRAWER',
+  TOGGLE_DRAWER: 'TOGGLE_DRAWER',
+  CLOSE_DRAWER: 'CLOSE_DRAWER'
+};
+const initialState = exports.initialState = {};
+const entityOverviewLayoutReducer = (state, action) => {
+  switch (action.type) {
+    case actionTypes.INIT:
+      return (0, _staticConfigResolver.removeHidden)(action.payload);
+    case actionTypes.SET_LOADING:
+      return _objectSpread(_objectSpread({}, state), {}, {
+        isLoading: action.payload
+      });
+    case actionTypes.SET_PROFILE_DATA:
+      return _objectSpread(_objectSpread({}, state), {}, {
+        profileData: _objectSpread(_objectSpread({}, state.profileData), action.payload)
+      });
+    case actionTypes.SET_ACCORDION_DATA:
+      return _objectSpread(_objectSpread({}, state), {}, {
+        accordionData: _objectSpread(_objectSpread({}, state.accordionData), action.payload)
+      });
+    case actionTypes.TOGGLE_ACCORDION:
+      return _objectSpread(_objectSpread({}, state), {}, {
+        accordionData: _objectSpread(_objectSpread({}, state.accordionData), {}, {
+          data: state.accordionData.data.map(accordion => accordion.key === action.payload ? _objectSpread(_objectSpread({}, accordion), {}, {
+            isExpanded: !accordion.isExpanded
+          }) : accordion)
+        })
+      });
+    case actionTypes.SET_MISC:
+      return _objectSpread(_objectSpread({}, state), {}, {
+        misc: _objectSpread(_objectSpread({}, state.misc), action.payload)
+      });
+
+    // Drawer cases
+    case actionTypes.SET_DRAWER:
+      return _objectSpread(_objectSpread({}, state), {}, {
+        drawer: _objectSpread(_objectSpread({}, state.drawer), action.payload)
+      });
+    case actionTypes.TOGGLE_DRAWER:
+      return _objectSpread(_objectSpread({}, state), {}, {
+        drawer: _objectSpread(_objectSpread({}, state.drawer), {}, {
+          visible: true,
+          type: action.payload
+        })
+      });
+    case actionTypes.CLOSE_DRAWER:
+      return _objectSpread(_objectSpread({}, state), {}, {
+        drawer: _objectSpread(_objectSpread({}, state.drawer), {}, {
+          visible: false
+        })
+      });
+    default:
+      return state;
+  }
+};
+exports.entityOverviewLayoutReducer = entityOverviewLayoutReducer;

package/build/layout/EntityOverviewLayout/styles.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ProfilePageStyle = exports.DrawerWithOutFooter = exports.DrawerContent = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _templateObject, _templateObject2, _templateObject3;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+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      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: 40px;\n        height: 40px;\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      border-radius: 8px;\n      overflow: hidden;\n      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\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        gap: 12px;\n      }\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"])));
+const DrawerWithOutFooter = exports.DrawerWithOutFooter = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  .ant-drawer-footer {\n    display: none !important;\n  }\n"])));
+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"])));