Skip to content

Commit bc76f23

Browse files
jsladermanjsladerman
authored
update design system (#1349)
1 parent 1444e3f commit bc76f23

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

53 files changed

+5050
-4251
lines changed

‎www/package.json

+18-18
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@
4444
"@nivo/geo": "0.83.0",
4545
"@nivo/line": "0.83.0",
4646
"@octokit/core": "4.2.1",
47-
"@pluralsh/design-system": "3.16.0",
47+
"@pluralsh/design-system": "3.67.1",
4848
"@react-spring/web": "9.7.3",
4949
"@stripe/react-stripe-js": "2.1.0",
5050
"@stripe/stripe-js": "1.54.0",
@@ -57,7 +57,7 @@
5757
"d3-hierarchy": "3.1.2",
5858
"d3-selection": "3.0.0",
5959
"events": "3.3.0",
60-
"filesize": "10.0.7",
60+
"filesize": "10.0.12",
6161
"forge-core": "1.4.6",
6262
"fuse.js": "6.6.2",
6363
"git-url-parse": "13.1.0",
@@ -75,7 +75,7 @@
7575
"process": "0.11.10",
7676
"prop-types": "15.8.1",
7777
"query-string": "8.1.0",
78-
"react": "18.2.0",
78+
"react": "18.3.1",
7979
"react-animations": "1.0.0",
8080
"react-calendly": "4.1.1",
8181
"react-collapsible": "2.10.0",
@@ -85,7 +85,7 @@
8585
"react-diff-viewer": "3.1.1",
8686
"react-dnd": "16.0.1",
8787
"react-dnd-html5-backend": "16.0.1",
88-
"react-dom": "18.2.0",
88+
"react-dom": "18.3.1",
8989
"react-file-icon": "1.3.0",
9090
"react-file-picker": "0.0.6",
9191
"react-icons": "4.9.0",
@@ -95,7 +95,7 @@
9595
"react-player": "2.12.0",
9696
"react-portal": "4.2.2",
9797
"react-resize-detector": "9.1.0",
98-
"react-router-dom": "6.12.0",
98+
"react-router-dom": "6.18.0",
9999
"react-sage": "0.3.16",
100100
"react-script-hook": "1.7.2",
101101
"react-spinners": "0.13.8",
@@ -113,7 +113,7 @@
113113
"stream-browserify": "3.0.0",
114114
"styled-components": "5.3.11",
115115
"util": "0.12.5",
116-
"uuid": "9.0.0",
116+
"uuid": "9.0.1",
117117
"workbox-core": "7.0.0",
118118
"workbox-expiration": "7.0.0",
119119
"workbox-precaching": "7.0.0",
@@ -127,27 +127,27 @@
127127
"@esbuild-plugins/node-globals-polyfill": "0.2.3",
128128
"@esbuild-plugins/node-modules-polyfill": "0.2.2",
129129
"@graphql-codegen/add": "5.0.0",
130-
"@graphql-codegen/cli": "4.0.1",
130+
"@graphql-codegen/cli": "5.0.0",
131131
"@graphql-codegen/introspection": "4.0.0",
132132
"@graphql-codegen/named-operations-object": "^2.3.1",
133133
"@graphql-codegen/typescript": "4.0.1",
134134
"@graphql-codegen/typescript-operations": "4.0.1",
135135
"@graphql-codegen/typescript-react-apollo": "4.1.0",
136-
"@pluralsh/eslint-config-typescript": "2.5.154",
136+
"@pluralsh/eslint-config-typescript": "2.5.150",
137137
"@pluralsh/stylelint-config": "2.0.10",
138138
"@types/events": "3.0.0",
139139
"@types/jsdom": "21.1.5",
140-
"@types/react": "18.2.8",
140+
"@types/react": "18.3.3",
141141
"@types/react-credit-cards": "0.8.1",
142-
"@types/react-dom": "18.2.4",
142+
"@types/react-dom": "18.3.0",
143143
"@types/react-stripe-elements": "6.0.6",
144144
"@types/styled-components": "5.1.30",
145-
"@types/uuid": "9.0.1",
146-
"@typescript-eslint/eslint-plugin": "6.17.0",
147-
"@typescript-eslint/parser": "6.17.0",
145+
"@types/uuid": "9.0.7",
146+
"@typescript-eslint/eslint-plugin": "6.15.0",
147+
"@typescript-eslint/parser": "6.15.0",
148148
"@vitejs/plugin-basic-ssl": "1.0.2",
149149
"@vitejs/plugin-react": "4.2.1",
150-
"@vitest/ui": "1.0.4",
150+
"@vitest/ui": "1.1.0",
151151
"concurrently": "8.1.0",
152152
"eslint": "8.56.0",
153153
"eslint-config-pluralsh": "3.1.0",
@@ -161,21 +161,21 @@
161161
"jsdom": "23.0.1",
162162
"lint-staged": "15.2.0",
163163
"npm-run-all": "4.1.5",
164-
"prettier": "2.8.8",
164+
"prettier": "3.0.3",
165165
"rollup-plugin-polyfill-node": "0.12.0",
166166
"serve": "14.2.0",
167167
"source-map-explorer": "2.5.3",
168168
"stylelint": "15.11.0",
169169
"stylelint-config-prettier": "9.0.5",
170-
"typescript": "5.3.3",
170+
"typescript": "5.4.5",
171171
"vite": "4.5.0",
172172
"vite-plugin-pwa": "0.17.4",
173173
"vite-plugin-rewrite-all": "1.0.1",
174174
"vite-tsconfig-paths": "4.2.2",
175-
"vitest": "1.1.0",
175+
"vitest": "1.2.0",
176176
"wait-on": "7.0.1"
177177
},
178178
"lint-staged": {
179179
"./src/**/*.{js,jsx,ts,tsx,graphql,md}": "prettier --write"
180180
}
181-
}
181+
}

‎www/src/components/account/AccountAttributes.tsx

-1
Original file line numberDiff line numberDiff line change
@@ -77,7 +77,6 @@ function DomainMappingFunc({
7777
onClick={() => {
7878
setConfirm(true)
7979
}}
80-
// @ts-expect-error
8180
hue="lighter"
8281
/>
8382
</Flex>

‎www/src/components/account/CreateRole.tsx

-1
Original file line numberDiff line numberDiff line change
@@ -71,7 +71,6 @@ export function CreateRole({ q }: any) {
7171
header="Create role"
7272
open={createModalVisible}
7373
onClose={() => resetAndClose()}
74-
marginVertical={16}
7574
size="large"
7675
actions={
7776
<Actions

‎www/src/components/account/CreateServiceAccount.tsx

-1
Original file line numberDiff line numberDiff line change
@@ -218,7 +218,6 @@ export function EditServiceAccount({ user, update }: any) {
218218
/>
219219
<Modal
220220
header="Edit service account"
221-
portal
222221
open={edit}
223222
onClose={() => {
224223
setEdit(false)

‎www/src/components/account/Domains.tsx

-2
Original file line numberDiff line numberDiff line change
@@ -143,10 +143,8 @@ function AccessPolicy({ domain: { id, accessPolicy }, edit, setEdit }: any) {
143143
return (
144144
<Modal
145145
header="Edit access policy"
146-
portal
147146
open={edit}
148147
onClose={() => setEdit(false)}
149-
width="100%"
150148
actions={
151149
<Actions
152150
cancel={() => setEdit(false)}

‎www/src/components/account/EditGroup.tsx

-2
Original file line numberDiff line numberDiff line change
@@ -74,7 +74,6 @@ export function EditGroupMembers({ group, open, onClose }: any) {
7474
return (
7575
<Modal
7676
header="Edit group members"
77-
portal
7877
open={open}
7978
size="large"
8079
onClose={onClose}
@@ -174,7 +173,6 @@ export function EditGroupAttributes({ group, open, onClose }: any) {
174173
return (
175174
<Modal
176175
header="Edit group attributes"
177-
portal
178176
open={open}
179177
size="large"
180178
onClose={onClose}

‎www/src/components/account/EditRole.tsx

-1
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,6 @@ export function EditRole({ role }: any) {
4444
</Button>
4545
<Modal
4646
header="Edit role"
47-
portal
4847
open={open}
4948
size="large"
5049
onClose={() => setOpen(false)}

‎www/src/components/account/Groups.tsx

-1
Original file line numberDiff line numberDiff line change
@@ -123,7 +123,6 @@ export function Group({ group, q }: { group: GroupT; q: any }) {
123123
</Flex>
124124
</Flex>
125125
<Modal
126-
portal
127126
header="View group"
128127
open={dialogKey === 'viewGroup'}
129128
onClose={() => dialogKey === 'viewGroup' && setDialogKey('')}

‎www/src/components/account/InviteUser.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -86,7 +86,7 @@ export function InviteUser({ refetch }: { refetch?: (() => void) | null }) {
8686
header="Invite users"
8787
open={showInviteModal}
8888
onClose={() => resetAndClose()}
89-
width="100%"
89+
size="auto"
9090
actions={
9191
invite ? (
9292
<Button onClick={() => resetAndClose()}>Done</Button>

‎www/src/components/account/billing/BillingBankCards.tsx

+1-3
Original file line numberDiff line numberDiff line change
@@ -160,9 +160,7 @@ function AddPaymentMethodModal({
160160
>
161161
<PaymentForm
162162
formVariant={PaymentFormVariant.AddCard}
163-
onClose={() => {
164-
onClose()
165-
}}
163+
onClose={onClose}
166164
/>
167165
</Modal>
168166
)

‎www/src/components/account/billing/BillingFeatureBlockModal.tsx

-1
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,6 @@ export default function BillingFeatureBlockModal({
2626
}: BillingFeatureBlockModalProps) {
2727
return (
2828
<Modal
29-
BackdropProps={{ zIndex: 20 }}
3029
header={
3130
<Header>
3231
<WarningIcon

‎www/src/components/account/billing/BillingStartTrialModal.tsx

-1
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,6 @@ function BillingStartTrialModal({
4848

4949
return (
5050
<Modal
51-
BackdropProps={{ zIndex: 20 }}
5251
open={open}
5352
onClose={onClose}
5453
style={{ padding: 0 }}

‎www/src/components/account/billing/DelinquencyNotices.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -80,7 +80,7 @@ export function DelinquencyToast() {
8080

8181
return (
8282
<Toast
83-
severity="error"
83+
severity="danger"
8484
marginBottom="medium"
8585
marginRight="xxxxlarge"
8686
closeTimeout="none"

‎www/src/components/account/billing/PaymentForm.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -128,7 +128,7 @@ function PaymentFormProvider({
128128
children,
129129
}: PropsWithChildren<{
130130
formVariant: PaymentFormVariant
131-
onClose?: () => void
131+
onClose?: Nullable<() => void>
132132
}>) {
133133
const initialFormState =
134134
formVariant === PaymentFormVariant.Upgrade

‎www/src/components/account/billing/StripeElements.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ export function StripeElements({
2424
appearance,
2525
mode: 'setup',
2626
currency: 'usd',
27-
} satisfies StripeElementsOptions),
27+
}) satisfies StripeElementsOptions,
2828
[appearance]
2929
)
3030

‎www/src/components/account/invite/InviteUser.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -205,7 +205,7 @@ function InviteUserUnstyled({
205205
attributes: {
206206
email,
207207
inviteGroups: groupBindings.map(
208-
(g) => ({ groupId: g.id } as BindingAttributes)
208+
(g) => ({ groupId: g.id }) as BindingAttributes
209209
),
210210
admin: isAdmin,
211211
serviceAccountId,

‎www/src/components/account/invite/InviteUserModal.tsx

-1
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,6 @@ function InviteUserModalUnstyled({
4040
<Modal
4141
open
4242
onClose={onClose}
43-
style={{ padding: 0 }}
4443
size="large"
4544
header={header}
4645
>

‎www/src/components/account/utils.ts

+2-2
Original file line numberDiff line numberDiff line change
@@ -16,8 +16,8 @@ export function hasRbac(user: CurrentUser, permission: Permission) {
1616
if (user.boundRoles != null) {
1717
const boundRoles = user.boundRoles.filter(notNil)
1818

19-
return boundRoles.some(({ permissions }) =>
20-
permissions?.includes(permission)
19+
return boundRoles.some(
20+
({ permissions }) => permissions?.includes(permission)
2121
)
2222
}
2323

‎www/src/components/cluster/ClusterAdminsModal.tsx

-1
Original file line numberDiff line numberDiff line change
@@ -175,7 +175,6 @@ export function ClusterAdminsModal({ onClose, serviceAccount }) {
175175
return (
176176
<Modal
177177
header={header}
178-
portal
179178
open
180179
onClose={onClose}
181180
style={{ padding: 0 }}

‎www/src/components/cluster/ClusterAppHealth.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ export default function ClusterAppHealth({
2323

2424
return (
2525
<Chip
26-
severity={healthy ? 'success' : 'error'}
26+
severity={healthy ? 'success' : 'danger'}
2727
{...props}
2828
>
2929
{healthy ? 'Healthy' : 'Unhealthy'}

‎www/src/components/cluster/ClusterDependencyModal.tsx

+1-2
Original file line numberDiff line numberDiff line change
@@ -64,7 +64,6 @@ export function ClusterDependencyModal({
6464

6565
return (
6666
<Modal
67-
portal
6867
open={open}
6968
onClose={close}
7069
actions={
@@ -86,11 +85,11 @@ export function ClusterDependencyModal({
8685
</>
8786
}
8887
size="large"
89-
overflow="hidden"
9088
>
9189
<Flex
9290
direction="column"
9391
gap="xlarge"
92+
overflow="hidden"
9493
>
9594
<Div subtitle2>Set up promotions</Div>
9695
{error && (

‎www/src/components/cluster/ClusterPromoteModal.tsx

+1-2
Original file line numberDiff line numberDiff line change
@@ -93,7 +93,6 @@ function ClusterPromoteModalInternal({
9393
return (
9494
<>
9595
<Modal
96-
portal
9796
open={open}
9897
onClose={close}
9998
actions={
@@ -129,11 +128,11 @@ function ClusterPromoteModalInternal({
129128
</>
130129
}
131130
size="large"
132-
overflow="hidden"
133131
>
134132
<Flex
135133
direction="column"
136134
gap="xlarge"
135+
overflow="hidden"
137136
>
138137
<Div subtitle2>
139138
{finished ? 'Cluster promotion complete' : 'Cluster promotion'}

‎www/src/components/cluster/UpgradeNeededModal.tsx

-1
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,6 @@ function UpgradeNeededModal({
3232

3333
return (
3434
<Modal
35-
BackdropProps={{ zIndex: 20 }}
3635
header={
3736
<Header>
3837
<WarningIcon

‎www/src/components/layout/Overlay.tsx

+1
Original file line numberDiff line numberDiff line change
@@ -31,6 +31,7 @@ const getTransitionProps = (isOpen: boolean) => ({
3131
},
3232
})
3333

34+
// @ts-ignore, see https://github.com/pmndrs/react-spring/issues/1515
3435
const OverlayBG = styled(AnimatedDiv)(({ theme }) => ({
3536
position: 'absolute',
3637
top: 0,

0 commit comments

Comments
 (0)