@pagopa/selfcare-common-frontend 1.6.2 → 1.7.0

package/CHANGELOG.md

@@ -4,8 +4,14 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
+#### [v1.7.0](https://github.com/pagopa/selfcare-common-frontend/compare/v1.6.2...v1.7.0)
+
+- Added NavigationBar component and extended polyfill [`#56`](https://github.com/pagopa/selfcare-common-frontend/pull/56)
+
 #### [v1.6.2](https://github.com/pagopa/selfcare-common-frontend/compare/v1.6.1...v1.6.2)
 
+> 18 March 2022
+
 - Selc 685 localization of common components [`#55`](https://github.com/pagopa/selfcare-common-frontend/pull/55)
 
 #### [v1.6.1](https://github.com/pagopa/selfcare-common-frontend/compare/v1.6.0...v1.6.1)

package/README.md

@@ -147,6 +147,19 @@ Selfcare's ending page
 | buttonLabel | string | N | The ending page button label if any |
 | onButtonClick | () => void | N | if defined it will show a button that will performe this action on click |
 
+## NavigationBar
+Selfcare's navigation bar
+
+| Prop | Type | Mandatory | Description |
+|------|------|-----------|-------------|
+| paths | Array`<NavigationPath>` | Y | The array which describe the navigation structure to display |
+
+NavigationPath's fields:
+| field | Type | Mandatory | Description |
+|------|------|-----------|-------------|
+| description | string | Y | The text displayed |
+| onClick | () => void | N | If defined, it will represent the function executed when clicking on the element. Moreover it will be displayed in bold |
+
 # Utilities
 ## api-utils
 ### onRedirectToLogin: (store: EnhancedStore) => void

package/build.info

@@ -1,2 +1,2 @@
-20220318.2 - selfcare-common-frontend.deploy(24325)
-remotes/origin/SELC-222 f6abc6a46f520a7a5565154aa877c4aeb274ed2c
+20220323.1 - selfcare-common-frontend.deploy(24862)
+remotes/origin/SELC-222 d8e627bfde7a263fb403a3f5e5f125445d376387

package/common-polyfill.d.ts

@@ -1,6 +1,8 @@
 import 'react-app-polyfill/ie11';
 import 'core-js/es/object/entries';
+import 'core-js/es/object/from-entries';
 import 'core-js/es/object/values';
+import 'core-js/es/map';
 import 'core-js/es/promise';
 import 'core-js/es/array';
 import 'core-js/stable/string';

package/common-polyfill.js

@@ -2,7 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 require("react-app-polyfill/ie11");
 require("core-js/es/object/entries");
+require("core-js/es/object/from-entries");
 require("core-js/es/object/values");
+require("core-js/es/map");
 require("core-js/es/promise");
 require("core-js/es/array");
 require("core-js/stable/string");

package/common-polyfill.js.map

@@ -1 +1 @@
-{"version":3,"file":"common-polyfill.js","sourceRoot":"","sources":["../src/lib/common-polyfill.ts"],"names":[],"mappings":";;AAAA,mCAAiC;AACjC,qCAAmC;AACnC,oCAAkC;AAClC,8BAA4B;AAC5B,4BAA0B;AAC1B,iCAA+B;AAC/B,iCAA+B;AAC/B,4CAA0C"}
+{"version":3,"file":"common-polyfill.js","sourceRoot":"","sources":["../src/lib/common-polyfill.ts"],"names":[],"mappings":";;AAAA,mCAAiC;AACjC,qCAAmC;AACnC,0CAAwC;AACxC,oCAAkC;AAClC,0BAAwB;AACxB,8BAA4B;AAC5B,4BAA0B;AAC1B,iCAA+B;AAC/B,iCAA+B;AAC/B,4CAA0C"}

package/components/NavigationBar.d.ts

@@ -0,0 +1,9 @@
+export declare type NavigationPath = {
+    description: string;
+    onClick?: () => void;
+};
+declare type Props = {
+    paths: Array<NavigationPath>;
+};
+export default function NavigationBar({ paths }: Props): JSX.Element;
+export {};

package/components/NavigationBar.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const useUnloadEventInterceptor_1 = require("../hooks/useUnloadEventInterceptor");
+function NavigationBar({ paths }) {
+    const onExit = (0, useUnloadEventInterceptor_1.useUnloadEventOnExit)();
+    return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsx)(material_1.Breadcrumbs, Object.assign({ "aria-label": "breadcrumb" }, { children: paths.map((p) => p.onClick ? ((0, jsx_runtime_1.jsx)(material_1.Link, Object.assign({ variant: "body2", onClick: () => onExit(p.onClick), sx: {
+                    fontWeight: '700',
+                    color: '#5C6F82 !important',
+                    textDecoration: 'none !important',
+                    cursor: 'pointer',
+                } }, { children: p.description }), p.description)) : ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body2", sx: { color: 'text.secondary' } }, { children: p.description }), p.description))) }), void 0) }, void 0));
+}
+exports.default = NavigationBar;
+//# sourceMappingURL=NavigationBar.js.map

package/components/NavigationBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationBar.js","sourceRoot":"","sources":["../../src/lib/components/NavigationBar.tsx"],"names":[],"mappings":";;;;AAAA,4CAA8D;AAC9D,+DAA0B;AAC1B,kFAA0E;AAW1E,SAAwB,aAAa,CAAC,EAAE,KAAK,EAAS;IACpD,MAAM,MAAM,GAAG,IAAA,gDAAoB,GAAE,CAAC;IAEtC,OAAO,CACL,uBAAC,eAAK,CAAC,QAAQ,cACb,uBAAC,sBAAW,gCAAY,YAAY,gBACjC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CACf,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACV,uBAAC,eAAI,kBAEH,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,OAAqB,CAAC,EAC9C,EAAE,EAAE;oBACF,UAAU,EAAE,KAAK;oBACjB,KAAK,EAAE,oBAAoB;oBAC3B,cAAc,EAAE,iBAAiB;oBACjC,MAAM,EAAE,SAAS;iBAClB,gBAEA,CAAC,CAAC,WAAW,KAVT,CAAC,CAAC,WAAW,CAWb,CACR,CAAC,CAAC,CAAC,CACF,uBAAC,qBAAU,kBAAqB,OAAO,EAAC,OAAO,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,gBAC5E,CAAC,CAAC,WAAW,KADC,CAAC,CAAC,WAAW,CAEjB,CACd,CACF,YACW,WACC,CAClB,CAAC;AACJ,CAAC;AA9BD,gCA8BC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pagopa/selfcare-common-frontend",
   "description": "Shared React components for the pagopa selfcare project",
-  "version": "1.6.2",
+  "version": "1.7.0",
   "license": "MIT",
   "repository": "https://github.com/pagopa/selfcare-common-frontend",
   "author": "https://www.pagopa.gov.it",

package/utils/constants.d.ts

@@ -1,6 +1,6 @@
-import { UserRole } from '../model/Party';
 export declare const LOADING_TASK_LOGIN_CHECK = "LOGIN_CHECK";
 export declare const LOADING_TASK_RETRIEVE_CACHED_VALUES = "RETRIEVE_CACHED_VALUES";
+export declare type UserRole = 'ADMIN' | 'LIMITED';
 /** The short and long labels used for the roles of selfcare's projects */
 export declare const roleLabels: {
     [key in UserRole]: {

package/utils/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/lib/utils/constants.ts"],"names":[],"mappings":";;;AAEa,QAAA,wBAAwB,GAAG,aAAa,CAAC;AACzC,QAAA,mCAAmC,GAAG,wBAAwB,CAAC;AAE5E,0EAA0E;AAC7D,QAAA,UAAU,GAEnB;IACF,KAAK,EAAE;QACL,UAAU,EAAE,qBAAqB;QACjC,SAAS,EAAE,0BAA0B;QACrC,WAAW,EAAE,yCAAyC;KACvD;IACD,OAAO,EAAE;QACP,UAAU,EAAE,gBAAgB;QAC5B,SAAS,EAAE,qBAAqB;QAChC,WAAW,EAAE,oBAAoB;KAClC;CACF,CAAC"}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/lib/utils/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,wBAAwB,GAAG,aAAa,CAAC;AACzC,QAAA,mCAAmC,GAAG,wBAAwB,CAAC;AAI5E,0EAA0E;AAC7D,QAAA,UAAU,GAEnB;IACF,KAAK,EAAE;QACL,UAAU,EAAE,qBAAqB;QACjC,SAAS,EAAE,0BAA0B;QACrC,WAAW,EAAE,yCAAyC;KACvD;IACD,OAAO,EAAE;QACP,UAAU,EAAE,gBAAgB;QAC5B,SAAS,EAAE,qBAAqB;QAChC,WAAW,EAAE,oBAAoB;KAClC;CACF,CAAC"}

package/model/Party.d.ts

@@ -1,12 +0,0 @@
-export declare type UserRole = 'ADMIN' | 'LIMITED';
-export declare type UserStatus = 'PENDING' | 'ACTIVE' | 'SUSPENDED';
-export declare type Party = {
-    institutionId: string;
-    description: string;
-    digitalAddress: string;
-    status: UserStatus;
-    userRole: UserRole;
-    category?: string;
-    urlLogo?: string;
-    fiscalCode: string;
-};

package/model/Party.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=Party.js.map

package/model/Party.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Party.js","sourceRoot":"","sources":["../../src/lib/model/Party.tsx"],"names":[],"mappings":""}