From e6855d2e2effc90d221210b8f7bcc67248c86226 Mon Sep 17 00:00:00 2001 From: Anis Touri Date: Tue, 1 Oct 2024 14:11:21 +0200 Subject: [PATCH 1/2] Move custom hook to commons-ui (#590) * Move useState to commons-ui * Refactor custom hooks for boolean and number states * remove use-custom-states file --------- Signed-off-by: TOURI ANIS --- src/hooks/customStates/useStateBoolean.ts | 26 +++++++++++++++++++++++ src/hooks/customStates/useStateNumber.ts | 26 +++++++++++++++++++++++ src/index.ts | 4 ++++ 3 files changed, 56 insertions(+) create mode 100644 src/hooks/customStates/useStateBoolean.ts create mode 100644 src/hooks/customStates/useStateNumber.ts diff --git a/src/hooks/customStates/useStateBoolean.ts b/src/hooks/customStates/useStateBoolean.ts new file mode 100644 index 00000000..caee6a10 --- /dev/null +++ b/src/hooks/customStates/useStateBoolean.ts @@ -0,0 +1,26 @@ +/* + * Copyright © 2024, RTE (http://www.rte-france.com) + * This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. + */ + +import { useState, useCallback, Dispatch, SetStateAction } from 'react'; + +export type UseStateBooleanReturn = { + value: boolean; + setTrue: () => void; + setFalse: () => void; + invert: () => void; + setValue: Dispatch>; +}; + +const useStateBoolean = (initialState: boolean | (() => boolean)): UseStateBooleanReturn => { + const [value, setValue] = useState(initialState); + const setTrue = useCallback(() => setValue(true), []); + const setFalse = useCallback(() => setValue(false), []); + const invert = useCallback(() => setValue((prevState) => !prevState), []); + return { value, setTrue, setFalse, invert, setValue }; +}; + +export default useStateBoolean; diff --git a/src/hooks/customStates/useStateNumber.ts b/src/hooks/customStates/useStateNumber.ts new file mode 100644 index 00000000..b8b0beae --- /dev/null +++ b/src/hooks/customStates/useStateNumber.ts @@ -0,0 +1,26 @@ +/* + * Copyright © 2024, RTE (http://www.rte-france.com) + * This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. + */ + +import { useState, useCallback, Dispatch, SetStateAction } from 'react'; + +export type UseStateNumberReturn = { + value: number; + setValue: Dispatch>; + increment: (step?: number) => void; + decrement: (step?: number) => void; + reset: () => void; +}; + +const useStateNumber = (initialState: number | (() => number) = 0): UseStateNumberReturn => { + const [value, setValue] = useState(initialState); + const increment = useCallback((step: number = 1) => setValue((prevState) => prevState + step), []); + const decrement = useCallback((step: number = 1) => setValue((prevState) => prevState - step), []); + const reset = useCallback(() => setValue(initialState), [initialState]); + return { value, increment, decrement, reset, setValue }; +}; + +export default useStateNumber; diff --git a/src/index.ts b/src/index.ts index 9a145864..a68a3aab 100644 --- a/src/index.ts +++ b/src/index.ts @@ -180,6 +180,10 @@ export { default as useDebounce } from './hooks/useDebounce'; export { default as usePrevious } from './hooks/usePrevious'; export { default as useConfidentialityWarning } from './hooks/useConfidentialityWarning'; export { default as usePredefinedProperties } from './hooks/usePredefinedProperties'; +export { default as useStateBoolean } from './hooks/customStates/useStateBoolean'; +export type { UseStateBooleanReturn } from './hooks/customStates/useStateBoolean'; +export { default as useStateNumber } from './hooks/customStates/useStateNumber'; +export type { UseStateNumberReturn } from './hooks/customStates/useStateNumber'; export { default as SelectClearable } from './components/inputs/SelectClearable'; export type { SelectClearableProps } from './components/inputs/SelectClearable'; export { default as useCustomFormContext } from './components/inputs/reactHookForm/provider/useCustomFormContext'; From 9a111bec1e6ca5cea9d7bea5cc82de8a6f637572 Mon Sep 17 00:00:00 2001 From: Anis Touri Date: Tue, 1 Oct 2024 15:01:24 +0200 Subject: [PATCH 2/2] release: v0.66.0 (#595) Signed-off-by: TOURI ANIS --- package-lock.json | 4 ++-- package.json | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/package-lock.json b/package-lock.json index 8b1e2959..ab923b44 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@gridsuite/commons-ui", - "version": "0.65.3", + "version": "0.66.0", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "@gridsuite/commons-ui", - "version": "0.65.3", + "version": "0.66.0", "license": "MPL-2.0", "dependencies": { "@react-querybuilder/dnd": "^7.2.0", diff --git a/package.json b/package.json index 05727212..46f7c528 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@gridsuite/commons-ui", - "version": "0.65.3", + "version": "0.66.0", "description": "common react components for gridsuite applications", "engines": { "npm": ">=9",