From 3d9ba415f9d76327e102d876625b603b5521e212 Mon Sep 17 00:00:00 2001 From: Clement Mwimo Date: Wed, 15 Jul 2026 13:20:02 -0600 Subject: [PATCH 1/7] converted kyper button --- src/components/DayOfMonthPicker.tsx | 10 +++------- src/views/manualAccount/ManualAccountSuccess.js | 4 ++-- typings/kyper.d.ts | 1 - 3 files changed, 5 insertions(+), 10 deletions(-) diff --git a/src/components/DayOfMonthPicker.tsx b/src/components/DayOfMonthPicker.tsx index dc09c84cc6..834f579ea9 100644 --- a/src/components/DayOfMonthPicker.tsx +++ b/src/components/DayOfMonthPicker.tsx @@ -3,7 +3,7 @@ import React, { MutableRefObject } from 'react' import _range from 'lodash/range' import { useTokens } from '@kyper/tokenprovider' -import { Button } from '@kyper/button' +import { Button } from '@mui/material' import { Text } from '@mxenabled/mxui' import { fadeOut } from 'src/utilities/Animation' @@ -15,8 +15,7 @@ import { getDelay } from 'src/utilities/getDelay' interface DayOfMonthPicker { handleClose: () => void - handleSelect: (e: React.ChangeEvent) => void - name?: string + handleSelect: (e: React.MouseEvent) => void } export const DayOfMonthPicker = React.forwardRef( @@ -61,15 +60,12 @@ export const DayOfMonthPicker = React.forwardRef { + onClick={(e: React.MouseEvent) => { e.persist() fadeOut(containerRef?.current, 'up', 300).then(() => props.handleSelect(e)) }} style={styles.button} - value={day} - variant="transparent" > {day} diff --git a/src/views/manualAccount/ManualAccountSuccess.js b/src/views/manualAccount/ManualAccountSuccess.js index 92badaf384..3835c7f89d 100644 --- a/src/views/manualAccount/ManualAccountSuccess.js +++ b/src/views/manualAccount/ManualAccountSuccess.js @@ -3,7 +3,7 @@ import PropTypes from 'prop-types' import { __ } from 'src/utilities/Intl' import { useTokens } from '@kyper/tokenprovider' -import { Button } from '@kyper/button' +import { Button } from '@mui/material' import { Text } from '@mxenabled/mxui' import { fadeOut } from 'src/utilities/Animation' @@ -84,7 +84,7 @@ export const ManualAccountSuccess = (props) => { handleDone() }} style={styles.button} - variant="primary" + variant="contained" > {__('Done')} diff --git a/typings/kyper.d.ts b/typings/kyper.d.ts index 4809555916..62f72b9d8c 100644 --- a/typings/kyper.d.ts +++ b/typings/kyper.d.ts @@ -1,4 +1,3 @@ -declare module '@kyper/button' declare module '@kyper/tokenprovider' declare module '@kyper/institutionlogo' declare module '@kyper/messagebox' From fb940b7c9c0e23e98e4fbc5ab29ded63299ac875 Mon Sep 17 00:00:00 2001 From: Clement Mwimo Date: Wed, 15 Jul 2026 13:44:20 -0600 Subject: [PATCH 2/7] feat: migrate @kyper/button component to MXUI --- package-lock.json | 2 +- package.json | 1 - 2 files changed, 1 insertion(+), 2 deletions(-) diff --git a/package-lock.json b/package-lock.json index ddda8d8a62..43f1cbcf5a 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10,7 +10,6 @@ "dependencies": { "@emotion/react": "^11.14.0", "@emotion/styled": "^11.14.1", - "@kyper/button": "^4.0.0", "@kyper/hooks": "^1.0.0", "@kyper/icon": "^1.18.1", "@kyper/input": "^6.1.0", @@ -1611,6 +1610,7 @@ "version": "4.0.0", "resolved": "https://registry.npmjs.org/@kyper/button/-/button-4.0.0.tgz", "integrity": "sha512-ZGMGW+vpUw6Rt4BZApK5tiaPFn/r5u7LpWomumEKPTrnx/DT10Rqf8wBta/tRs/m9sCUls7uJkAeOIP1oGXvXA==", + "peer": true, "peerDependencies": { "@kyper/tokenprovider": "^4.0.0", "@mxenabled/cssinjs": "^0.6.0", diff --git a/package.json b/package.json index 93bb647a5f..521b2aa206 100644 --- a/package.json +++ b/package.json @@ -43,7 +43,6 @@ "dependencies": { "@emotion/react": "^11.14.0", "@emotion/styled": "^11.14.1", - "@kyper/button": "^4.0.0", "@kyper/hooks": "^1.0.0", "@kyper/icon": "^1.18.1", "@kyper/input": "^6.1.0", From 803978c45bf83a884c9d645607f451dc2876c5d5 Mon Sep 17 00:00:00 2001 From: Clement Mwimo Date: Wed, 15 Jul 2026 13:51:22 -0600 Subject: [PATCH 3/7] remove name prop --- src/views/manualAccount/ManualAccountForm.tsx | 1 - 1 file changed, 1 deletion(-) diff --git a/src/views/manualAccount/ManualAccountForm.tsx b/src/views/manualAccount/ManualAccountForm.tsx index 645cc31f77..1d7691ffab 100644 --- a/src/views/manualAccount/ManualAccountForm.tsx +++ b/src/views/manualAccount/ManualAccountForm.tsx @@ -222,7 +222,6 @@ export const ManualAccountForm = React.forwardRef ) From c98bcb8fb0a468bc919b4887d7fcc45ce509f3b6 Mon Sep 17 00:00:00 2001 From: Clement Mwimo Date: Wed, 15 Jul 2026 15:43:00 -0600 Subject: [PATCH 4/7] fix the test --- src/components/DayOfMonthPicker.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/DayOfMonthPicker.tsx b/src/components/DayOfMonthPicker.tsx index 834f579ea9..42e90f8922 100644 --- a/src/components/DayOfMonthPicker.tsx +++ b/src/components/DayOfMonthPicker.tsx @@ -60,12 +60,12 @@ export const DayOfMonthPicker = React.forwardRef) => { - e.persist() - fadeOut(containerRef?.current, 'up', 300).then(() => props.handleSelect(e)) }} style={styles.button} + value={day} > {day} From 9c9b30ee92bf67597b50d3b248a17b44c37cd70a Mon Sep 17 00:00:00 2001 From: Clement Mwimo Date: Wed, 15 Jul 2026 15:59:21 -0600 Subject: [PATCH 5/7] fixing the failing tests --- src/components/DayOfMonthPicker.tsx | 7 ++++--- src/views/manualAccount/ManualAccountForm.tsx | 1 + 2 files changed, 5 insertions(+), 3 deletions(-) diff --git a/src/components/DayOfMonthPicker.tsx b/src/components/DayOfMonthPicker.tsx index 42e90f8922..253a181e21 100644 --- a/src/components/DayOfMonthPicker.tsx +++ b/src/components/DayOfMonthPicker.tsx @@ -15,7 +15,8 @@ import { getDelay } from 'src/utilities/getDelay' interface DayOfMonthPicker { handleClose: () => void - handleSelect: (e: React.MouseEvent) => void + handleSelect: (e: React.MouseEvent) => void + name: string } export const DayOfMonthPicker = React.forwardRef( @@ -60,8 +61,8 @@ export const DayOfMonthPicker = React.forwardRef) => { + name={props.name} + onClick={(e: React.MouseEvent) => { fadeOut(containerRef?.current, 'up', 300).then(() => props.handleSelect(e)) }} style={styles.button} diff --git a/src/views/manualAccount/ManualAccountForm.tsx b/src/views/manualAccount/ManualAccountForm.tsx index 1d7691ffab..645cc31f77 100644 --- a/src/views/manualAccount/ManualAccountForm.tsx +++ b/src/views/manualAccount/ManualAccountForm.tsx @@ -222,6 +222,7 @@ export const ManualAccountForm = React.forwardRef ) From e67b5e3fad034a63ced5f4204d793d2db2bb5089 Mon Sep 17 00:00:00 2001 From: Clement Mwimo Date: Thu, 16 Jul 2026 11:13:08 -0600 Subject: [PATCH 6/7] Removed unused @kyper/select code (#352) * remove unsed select code * feat: remove unused @kyper/select component * remove select input --------- Co-authored-by: Clement Mwimo --- .eslintrc.cjs | 4 ---- package-lock.json | 42 ------------------------------------------ package.json | 1 - src/privacy/input.ts | 3 --- typings/kyper.d.ts | 1 - 5 files changed, 51 deletions(-) diff --git a/.eslintrc.cjs b/.eslintrc.cjs index aa510cfbc6..a66aba0b31 100644 --- a/.eslintrc.cjs +++ b/.eslintrc.cjs @@ -33,10 +33,6 @@ module.exports = { name: '@kyper/input', message: "Please import from 'src/privacy/input instead'.", }, - { - name: '@kyper/select', - message: "Please import from 'src/privacy/input instead'.", - }, { name: '@kyper/selectionbox', message: "Please import from 'src/privacy/input instead'.", diff --git a/package-lock.json b/package-lock.json index 43f1cbcf5a..60435d126a 100644 --- a/package-lock.json +++ b/package-lock.json @@ -16,7 +16,6 @@ "@kyper/institutionlogo": "^3.1.0", "@kyper/messagebox": "^3.1.0", "@kyper/progressindicators": "^3.1.0", - "@kyper/select": "^2.0.0", "@kyper/selectionbox": "^2.1.0", "@kyper/tag": "^3.0.0", "@kyper/tokenprovider": "^4.0.1", @@ -1691,20 +1690,6 @@ "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0" } }, - "node_modules/@kyper/select": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/@kyper/select/-/select-2.0.0.tgz", - "integrity": "sha512-G5cFphVtDehhzyRj3q88KO0CqicExPdtyqnzt+Cwzz/jjdxwVNG+WxUhpngmJftXscXAiaSvrIEXt/ZhsEixXA==", - "peerDependencies": { - "@kyper/icon": "^1.7.0", - "@kyper/tokenprovider": "^4.0.0", - "@mxenabled/cssinjs": "^0.6.0", - "downshift": "^5.4.3", - "prop-types": "^15.7.2", - "react": "^16.14.0 || ^17.0.0 || ^18.0.0", - "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0" - } - }, "node_modules/@kyper/selectionbox": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/@kyper/selectionbox/-/selectionbox-2.1.0.tgz", @@ -6581,12 +6566,6 @@ "resolved": "https://registry.npmjs.org/compare-versions/-/compare-versions-6.1.1.tgz", "integrity": "sha512-4hm4VPpIecmlg59CHXnRDnqGplJFrbLG4aFEl5vl6cK1u76ws3LLvX7ikFnTDl5vo39sjWD6AaDPYodJp/NNHg==" }, - "node_modules/compute-scroll-into-view": { - "version": "1.0.20", - "resolved": "https://registry.npmjs.org/compute-scroll-into-view/-/compute-scroll-into-view-1.0.20.tgz", - "integrity": "sha512-UCB0ioiyj8CRjtrvaceBLqqhZCVP+1B8+NWQhmdsm0VXOJtobBCf1dBQmebCCo34qZmUwZfIH2MZLqNHazrfjg==", - "peer": true - }, "node_modules/concat-map": { "version": "0.0.1", "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", @@ -7116,27 +7095,6 @@ "node": ">=8" } }, - "node_modules/downshift": { - "version": "5.4.7", - "resolved": "https://registry.npmjs.org/downshift/-/downshift-5.4.7.tgz", - "integrity": "sha512-xaH0RNqwJ5pAsyk9qBmR9XJWmg1OOWMfrhzYv0NH2NjJxn77S3zBcfClw341UfhGyKg5v+qVqg/CQzvAgBNCXQ==", - "peer": true, - "dependencies": { - "@babel/runtime": "^7.10.2", - "compute-scroll-into-view": "^1.0.14", - "prop-types": "^15.7.2", - "react-is": "^16.13.1" - }, - "peerDependencies": { - "react": ">=16.8.0" - } - }, - "node_modules/downshift/node_modules/react-is": { - "version": "16.13.1", - "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", - "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==", - "peer": true - }, "node_modules/dunder-proto": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz", diff --git a/package.json b/package.json index 521b2aa206..cb62bc89a7 100644 --- a/package.json +++ b/package.json @@ -49,7 +49,6 @@ "@kyper/institutionlogo": "^3.1.0", "@kyper/messagebox": "^3.1.0", "@kyper/progressindicators": "^3.1.0", - "@kyper/select": "^2.0.0", "@kyper/selectionbox": "^2.1.0", "@kyper/tag": "^3.0.0", "@kyper/tokenprovider": "^4.0.1", diff --git a/src/privacy/input.ts b/src/privacy/input.ts index 0e36abf1cb..687b07b5d9 100644 --- a/src/privacy/input.ts +++ b/src/privacy/input.ts @@ -2,7 +2,6 @@ // This is the ONLY file that @kyper related inputs should be directly imported import { Radio, PASSWORD_VALIDATIONS } from '@kyper/input' -import { Select } from '@kyper/select' import { SelectionBox } from '@mxenabled/mxui' import { UserFeedback } from '@kyper/userfeedback' import { withProtection } from 'src/privacy/withProtection' @@ -21,14 +20,12 @@ import { TextField } from '@mxenabled/mxui' const ProtectedTextField = withProtection(TextField) const ProtectedRadio = withProtection(Radio) -const ProtectedSelect = withProtection(Select) const ProtectedSelectionBox = withProtection(SelectionBox) const ProtectedUserFeedback = withProtection(UserFeedback) export { ProtectedTextField as TextField, ProtectedRadio as Radio, - ProtectedSelect as Select, ProtectedSelectionBox as SelectionBox, ProtectedUserFeedback as UserFeedback, PASSWORD_VALIDATIONS as PasswordValidations, diff --git a/typings/kyper.d.ts b/typings/kyper.d.ts index 62f72b9d8c..a4a02b10e0 100644 --- a/typings/kyper.d.ts +++ b/typings/kyper.d.ts @@ -4,7 +4,6 @@ declare module '@kyper/messagebox' declare module '@kyper/userfeedback' declare module '@kyper/textarea' declare module '@kyper/selectionbox' -declare module '@kyper/select' declare module '@kyper/input' declare module '@kyper/icon/Accounts' declare module '@kyper/icon/Check' From 4794e502113ad6852033dfbda0feaaeba5a6f837 Mon Sep 17 00:00:00 2001 From: Clement Mwimo Date: Thu, 16 Jul 2026 12:01:08 -0600 Subject: [PATCH 7/7] Remove @kyper/selectionbox (#354) * feat: remove @kyper/selectionbox * remove remaining @kyper/selectionbox reference --------- Co-authored-by: Clement Mwimo --- .eslintrc.cjs | 4 ---- package-lock.json | 14 -------------- package.json | 1 - typings/kyper.d.ts | 1 - 4 files changed, 20 deletions(-) diff --git a/.eslintrc.cjs b/.eslintrc.cjs index a66aba0b31..4eb7144705 100644 --- a/.eslintrc.cjs +++ b/.eslintrc.cjs @@ -33,10 +33,6 @@ module.exports = { name: '@kyper/input', message: "Please import from 'src/privacy/input instead'.", }, - { - name: '@kyper/selectionbox', - message: "Please import from 'src/privacy/input instead'.", - }, { name: '@kyper/textarea', message: "Please import from 'src/privacy/input instead'.", diff --git a/package-lock.json b/package-lock.json index 60435d126a..b315694a2e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -16,7 +16,6 @@ "@kyper/institutionlogo": "^3.1.0", "@kyper/messagebox": "^3.1.0", "@kyper/progressindicators": "^3.1.0", - "@kyper/selectionbox": "^2.1.0", "@kyper/tag": "^3.0.0", "@kyper/tokenprovider": "^4.0.1", "@kyper/userfeedback": "^2.0.0", @@ -1690,19 +1689,6 @@ "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0" } }, - "node_modules/@kyper/selectionbox": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/@kyper/selectionbox/-/selectionbox-2.1.0.tgz", - "integrity": "sha512-w0fBaLCkQ1yw32lT2sCsk5O2tX7qCuIQCD2Z/al4eBimLumoUMM3vMwaLoR1l28LJvrXZq+xujmhuC3+X/fCuw==", - "peerDependencies": { - "@kyper/input": "^6.0.0", - "@kyper/tokenprovider": "^4.0.0", - "@mxenabled/cssinjs": "^0.6.0", - "prop-types": "^15.7.2", - "react": "^16.14.0 || ^17.0.0 || ^18.0.0", - "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0" - } - }, "node_modules/@kyper/tag": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/@kyper/tag/-/tag-3.0.0.tgz", diff --git a/package.json b/package.json index cb62bc89a7..1eeabab6c7 100644 --- a/package.json +++ b/package.json @@ -49,7 +49,6 @@ "@kyper/institutionlogo": "^3.1.0", "@kyper/messagebox": "^3.1.0", "@kyper/progressindicators": "^3.1.0", - "@kyper/selectionbox": "^2.1.0", "@kyper/tag": "^3.0.0", "@kyper/tokenprovider": "^4.0.1", "@kyper/userfeedback": "^2.0.0", diff --git a/typings/kyper.d.ts b/typings/kyper.d.ts index a4a02b10e0..7c42923d70 100644 --- a/typings/kyper.d.ts +++ b/typings/kyper.d.ts @@ -3,7 +3,6 @@ declare module '@kyper/institutionlogo' declare module '@kyper/messagebox' declare module '@kyper/userfeedback' declare module '@kyper/textarea' -declare module '@kyper/selectionbox' declare module '@kyper/input' declare module '@kyper/icon/Accounts' declare module '@kyper/icon/Check'