@vtex/faststore-plugin-buyer-portal 1.3.6 → 1.3.7

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.
Files changed (7) hide show
  1. package/CHANGELOG.md +12 -1
  2. package/package.json +1 -1
  3. package/src/features/profile/layouts/ProfileLayout/profile-layout.scss +8 -5
  4. package/src/features/roles/layout/RoleDetailsLayout/RoleDetailsLayout.tsx +17 -36
  5. package/src/features/roles/layout/RoleDetailsLayout/role-details-layout.scss +40 -0
  6. package/src/features/roles/layout/RolesLayout/roles-layout.scss +8 -8
  7. package/src/features/shared/utils/constants.ts +1 -1
package/CHANGELOG.md CHANGED
@@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
7
7
 
8
8
  ## [Unreleased]
9
9
 
10
+ ## [1.3.7] - 2025-10-17
11
+
12
+ ### Added
13
+
14
+ - Responsiviness to Profile page
15
+
10
16
  ## [1.3.6] - 2025-10-17
11
17
 
12
18
  ### Changed
@@ -47,6 +53,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
47
53
 
48
54
  ### Added
49
55
 
56
+ - Responsiviness to Roles and Roles Details page
57
+
58
+ ### Added
50
59
  - Responsiviness adjustment to to Buying policies page
51
60
 
52
61
  ### Added
@@ -137,7 +146,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
137
146
  - Add CHANGELOG file
138
147
  - Add README file
139
148
 
140
- [unreleased]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/1.3.6...HEAD
149
+ [unreleased]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/1.3.7...HEAD
141
150
  [1.2.3]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/v1.2.2...1.2.3
142
151
  [1.2.3]: https://github.com/vtex/faststore-plugin-buyer-portal/releases/tag/1.2.3
143
152
  [1.2.4]: https://github.com/vtex/faststore-plugin-buyer-portal/releases/tag/1.2.4
@@ -148,3 +157,5 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
148
157
  [1.3.5]: https://github.com/vtex/faststore-plugin-buyer-portal/releases/tag/1.3.5
149
158
 
150
159
  [1.3.6]: https://github.com/vtex/faststore-plugin-buyer-portal/releases/tag/1.3.6
160
+
161
+ [1.3.7]: https://github.com/vtex/faststore-plugin-buyer-portal/releases/tag/1.3.7
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vtex/faststore-plugin-buyer-portal",
3
- "version": "1.3.6",
3
+ "version": "1.3.7",
4
4
  "description": "A plugin for faststore with buyer portal",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/src/features/profile/layouts/ProfileLayout/profile-layout.scss CHANGED
@@ -14,7 +14,7 @@
14
14
  font-weight: var(--fs-text-weight-semibold);
15
15
  size: var(--fs-spacing-3);
16
16
  line-height: var(--fs-spacing-4);
17
-
17
+ color: #000;
18
18
  display: flex;
19
19
  justify-content: space-between;
20
20
  padding: var(--fs-spacing-4) 0;
@@ -22,7 +22,7 @@
22
22
  }
23
23
 
24
24
  [data-fs-bp-profile-divider] {
25
- border: calc(var(--fs-border-width) / 2) solid #e0e0e0;
25
+ border: calc(var(--fs-border-width) / 1) solid #e0e0e0;
26
26
  }
27
27
 
28
28
  [data-fs-button][data-fs-button-variant="primary"] [data-fs-button-wrapper] {
@@ -31,22 +31,25 @@
31
31
 
32
32
  [data-fs-bp-profile-details-row] {
33
33
  display: flex;
34
+ flex-direction: row;
34
35
  padding: 1.375rem 0;
35
- font-weight: var(--fs-text-weight-medium);
36
36
  size: var(--fs-text-size-1);
37
37
  line-height: calc(var(--fs-spacing-3) + var(--fs-spacing-0));
38
+ font-weight: var(--fs-text-weight-regular);
38
39
 
39
40
  [data-fs-bp-profile-details-row-label] {
40
41
  width: 12.5rem;
41
42
  color: #707070;
42
43
  font-size: var(--fs-text-size-1);
43
- font-weight: 500;
44
44
  }
45
45
 
46
46
  [data-fs-bp-profile-details-row-value] {
47
47
  color: #000;
48
48
  font-size: var(--fs-text-size-1);
49
- font-weight: 500;
49
+ }
50
+
51
+ @include media("<=tablet") {
52
+ flex-direction: column;
50
53
  }
51
54
  }
52
55
 
package/src/features/roles/layout/RoleDetailsLayout/RoleDetailsLayout.tsx CHANGED
@@ -21,7 +21,7 @@ export const RoleDetailsLayout = ({
21
21
  const { currentOrgUnit } = useBuyerPortal();
22
22
 
23
23
  const columns = getTableColumns({
24
- nameColumnLabel: "Permissions",
24
+ nameColumnLabel: "",
25
25
  nameColumnSize: "18rem",
26
26
  actionsLength: 1,
27
27
  extraColumns: [
@@ -34,10 +34,12 @@ export const RoleDetailsLayout = ({
34
34
  ],
35
35
  });
36
36
 
37
+ const count = roles.reduce((acc, item) => acc + (item.inRole ? 1 : 0), 0);
38
+
37
39
  return (
38
40
  <GlobalLayout>
39
41
  <OrgUnitTabsLayout pageName="Organization">
40
- <section data-fs-bp-roles-section>
42
+ <section data-fs-bp-roles-details-section>
41
43
  <HeaderInside
42
44
  title={roleName}
43
45
  backLink={buyerPortalRoutes.roles({
@@ -46,12 +48,20 @@ export const RoleDetailsLayout = ({
46
48
  />
47
49
 
48
50
  <div data-fs-role-details-page>
51
+ <div data-fs-role-header>
52
+ <span>Permissions</span>
53
+ <div data-fs-role-status>
54
+ <span data-fs-role-active>{count}</span>/
55
+ <span data-fs-role-not-active>{roles.length}</span>
56
+ </div>
57
+ </div>
49
58
  <Table layoutFixed>
50
59
  <Table.Head columns={columns} />
51
60
  <Table.Body>
52
61
  {roles.map((role) => (
53
62
  <Table.Row
54
63
  data-fs-bp-role-details-row
64
+ data-fs-bp-role-details-row-disabled={role.inRole}
55
65
  key={role.label}
56
66
  title={
57
67
  <>
@@ -80,46 +90,17 @@ export const RoleDetailsLayout = ({
80
90
  )
81
91
  }
82
92
  >
83
- <Table.Cell align="left" hideOnScreenSize="tablet">
93
+ <Table.Cell
94
+ align="left"
95
+ data-fs-bp-role-details-description
96
+ hideOnScreenSize="tablet"
97
+ >
84
98
  {role.description}
85
99
  </Table.Cell>
86
100
  </Table.Row>
87
101
  ))}
88
102
  </Table.Body>
89
103
  </Table>
90
- {/* <Table>
91
- <Table.Head columns={configTable} />
92
- <Table.Body>
93
- {roles.map((role) => (
94
- <Table.Row
95
- key={role.label}
96
- title={role.label}
97
- enabled={role.inRole}
98
- >
99
- <Table.Cell data-fs-bp-role-description>
100
- {role.description}
101
- </Table.Cell>
102
- <Table.Cell>
103
- {role.inRole ? (
104
- <Icon
105
- name="CheckCircle"
106
- width={20}
107
- height={20}
108
- data-fs-bp-check-icon
109
- />
110
- ) : (
111
- <Icon
112
- name="Block"
113
- width={20}
114
- height={20}
115
- data-fs-bp-block-icon
116
- />
117
- )}
118
- </Table.Cell>
119
- </Table.Row>
120
- ))}
121
- </Table.Body>
122
- </Table> */}
123
104
  </div>
124
105
  </section>
125
106
  </OrgUnitTabsLayout>
package/src/features/roles/layout/RoleDetailsLayout/role-details-layout.scss CHANGED
@@ -1,6 +1,46 @@
1
1
  [data-fs-role-details-page] {
2
2
  @import "../../../shared/components/Table/table.scss";
3
3
 
4
+ [data-fs-bp-table-head] {
5
+ @include media("<=tablet") {
6
+ border: none;
7
+ }
8
+
9
+ [data-fs-bp-table-head-column] {
10
+ padding: 0;
11
+ }
12
+ }
13
+
14
+ [data-fs-role-header] {
15
+ display: flex;
16
+ align-items: center;
17
+ justify-content: space-between;
18
+ margin-bottom: var(--fs-spacing-3);
19
+
20
+ @include media(">=tablet") {
21
+ margin-bottom: calc(var(--fs-spacing-3) + var(--fs-spacing-0));
22
+ }
23
+
24
+ [data-fs-role-status] {
25
+ margin-right: var(--fs-spacing-1);
26
+ }
27
+ span:first-child {
28
+ color: #000000;
29
+ font-weight: var(--fs-text-weight-semibold);
30
+ }
31
+ [data-fs-role-not-active],
32
+ [data-fs-role-active] {
33
+ font-size: var(--fs-text-size-1);
34
+ font-weight: var(--fs-text-weight-semibold);
35
+ }
36
+ [data-fs-role-active] {
37
+ color: #000000;
38
+ }
39
+ [data-fs-role-not-active] {
40
+ color: #5c5c5c;
41
+ }
42
+ }
43
+
4
44
  [data-fs-bp-role-details-row] {
5
45
  [data-fs-bp-table-row-title-cell] {
6
46
  padding-left: var(--fs-spacing-0);
package/src/features/roles/layout/RolesLayout/roles-layout.scss CHANGED
@@ -1,13 +1,13 @@
1
1
  [data-fs-bp-roles-section] {
2
- @import "../../../shared/components/Table/table.scss";
2
+ @import "../../../shared/components/Table/table.scss";
3
3
 
4
- @import "../../../shared/components/HeaderInside/header-inside.scss";
4
+ @import "../../../shared/components/HeaderInside/header-inside.scss";
5
5
 
6
- @import "../../../shared/components/InternalSearch/internal-search.scss";
7
- @import "../../../shared/components/Tag/tag.scss";
8
- @import "../../../shared/components/InternalTopbar/internal-top-bar.scss";
6
+ @import "../../../shared/components/InternalSearch/internal-search.scss";
7
+ @import "../../../shared/components/Tag/tag.scss";
8
+ @import "../../../shared/components/InternalTopbar/internal-top-bar.scss";
9
9
 
10
- [data-fs-bp-table-row-icon] {
11
- color: #0366dd;
12
- }
10
+ [data-fs-bp-table-row-icon] {
11
+ color: #0366dd;
12
+ }
13
13
  }
package/src/features/shared/utils/constants.ts CHANGED
@@ -13,4 +13,4 @@ export const LOCAL_STORAGE_LOCATION_EDIT_KEY = "bp_hide_edit_location_confirm";
13
13
  export const LOCAL_STORAGE_RECIPIENT_EDIT_KEY =
14
14
  "bp_hide_edit_recipient_confirm";
15
15
 
16
- export const CURRENT_VERSION = "1.3.6";
16
+ export const CURRENT_VERSION = "1.3.7";