diff --git a/design-system/package.json b/design-system/package.json index 5c05f5598a..7de8f2c0d9 100644 --- a/design-system/package.json +++ b/design-system/package.json @@ -28,7 +28,6 @@ "@commercetools-uikit/hooks": "19.20.1", "@emotion/react": "^11.10.5", "lodash": "4.17.21", - "prop-types": "15.8.1", "react": "19.0.0" }, "devDependencies": { diff --git a/design-system/src/theme-provider.tsx b/design-system/src/theme-provider.tsx index 0cbd00a4c6..1657bd9bde 100644 --- a/design-system/src/theme-provider.tsx +++ b/design-system/src/theme-provider.tsx @@ -76,8 +76,8 @@ const ThemeProvider = ({ ...props }: ThemeProviderProps) => { const parentSelectorRef = useRef(parentSelector); - const themeNameRef = useRef(null); - const themeOverridesRef = useRef>(null); + const themeNameRef = useRef(undefined); + const themeOverridesRef = useRef>(undefined); useLayoutEffect(() => { // We want to make sure we don't really apply the change when the props @@ -88,7 +88,7 @@ const ThemeProvider = ({ !isEqual(themeOverridesRef.current, props.themeOverrides) ) { themeNameRef.current = theme; - themeOverridesRef.current = props.themeOverrides ?? null; + themeOverridesRef.current = props.themeOverrides; applyTheme({ newTheme: theme, diff --git a/packages/calendar-utils/package.json b/packages/calendar-utils/package.json index 006c881fa5..670bc69633 100644 --- a/packages/calendar-utils/package.json +++ b/packages/calendar-utils/package.json @@ -34,7 +34,6 @@ "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", "lodash": "4.17.21", - "prop-types": "15.8.1", "react-select": "5.9.0" }, "devDependencies": { diff --git a/packages/components/accessible-hidden/package.json b/packages/components/accessible-hidden/package.json index e235beac5e..11d276c982 100644 --- a/packages/components/accessible-hidden/package.json +++ b/packages/components/accessible-hidden/package.json @@ -21,8 +21,7 @@ "dependencies": { "@babel/runtime": "^7.20.13", "@babel/runtime-corejs3": "^7.20.13", - "@emotion/react": "^11.10.5", - "prop-types": "15.8.1" + "@emotion/react": "^11.10.5" }, "devDependencies": { "react": "19.0.0" diff --git a/packages/components/avatar/package.json b/packages/components/avatar/package.json index 2af5c70757..6ff9393d7f 100644 --- a/packages/components/avatar/package.json +++ b/packages/components/avatar/package.json @@ -25,8 +25,7 @@ "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", - "lodash": "4.17.21", - "prop-types": "15.8.1" + "lodash": "4.17.21" }, "devDependencies": { "react": "19.0.0" diff --git a/packages/components/buttons/accessible-button/package.json b/packages/components/buttons/accessible-button/package.json index b9287015bd..33a7bd1948 100644 --- a/packages/components/buttons/accessible-button/package.json +++ b/packages/components/buttons/accessible-button/package.json @@ -27,7 +27,6 @@ "@emotion/styled": "^11.10.5", "@types/react-is": "^19.0.0", "lodash": "4.17.21", - "prop-types": "15.8.1", "react-is": "19.0.0" }, "devDependencies": { diff --git a/packages/components/buttons/flat-button/package.json b/packages/components/buttons/flat-button/package.json index 49b0af7e14..d003afbcc2 100644 --- a/packages/components/buttons/flat-button/package.json +++ b/packages/components/buttons/flat-button/package.json @@ -29,7 +29,6 @@ "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", "lodash": "4.17.21", - "prop-types": "15.8.1", "react-intl": "6.3.2" }, "devDependencies": { diff --git a/packages/components/buttons/icon-button/package.json b/packages/components/buttons/icon-button/package.json index 4ee441dfe9..3a8822d538 100644 --- a/packages/components/buttons/icon-button/package.json +++ b/packages/components/buttons/icon-button/package.json @@ -29,7 +29,6 @@ "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", "lodash": "4.17.21", - "prop-types": "15.8.1", "react-intl": "6.3.2" }, "devDependencies": { diff --git a/packages/components/buttons/link-button/package.json b/packages/components/buttons/link-button/package.json index 47caf406c1..640d2f47cf 100644 --- a/packages/components/buttons/link-button/package.json +++ b/packages/components/buttons/link-button/package.json @@ -28,8 +28,7 @@ "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", - "lodash": "4.17.21", - "prop-types": "15.8.1" + "lodash": "4.17.21" }, "devDependencies": { "react": "19.0.0", diff --git a/packages/components/buttons/primary-button/package.json b/packages/components/buttons/primary-button/package.json index 4d9a4b1423..4a247d7a3c 100644 --- a/packages/components/buttons/primary-button/package.json +++ b/packages/components/buttons/primary-button/package.json @@ -29,7 +29,6 @@ "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", "lodash": "4.17.21", - "prop-types": "15.8.1", "react-intl": "6.3.2" }, "devDependencies": { diff --git a/packages/components/buttons/secondary-button/package.json b/packages/components/buttons/secondary-button/package.json index c7c480ee4a..8e28432681 100644 --- a/packages/components/buttons/secondary-button/package.json +++ b/packages/components/buttons/secondary-button/package.json @@ -28,8 +28,7 @@ "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", - "lodash": "4.17.21", - "prop-types": "15.8.1" + "lodash": "4.17.21" }, "devDependencies": { "react": "19.0.0", diff --git a/packages/components/buttons/secondary-icon-button/package.json b/packages/components/buttons/secondary-icon-button/package.json index cf2b08137e..95c38d5a82 100644 --- a/packages/components/buttons/secondary-icon-button/package.json +++ b/packages/components/buttons/secondary-icon-button/package.json @@ -29,7 +29,6 @@ "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", "lodash": "4.17.21", - "prop-types": "15.8.1", "react-intl": "6.3.2" }, "devDependencies": { diff --git a/packages/components/card/package.json b/packages/components/card/package.json index 6c0c82ccfb..d83a6589f6 100644 --- a/packages/components/card/package.json +++ b/packages/components/card/package.json @@ -26,8 +26,7 @@ "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", - "@types/react-router-dom": "^5.3.3", - "prop-types": "15.8.1" + "@types/react-router-dom": "^5.3.3" }, "devDependencies": { "react": "19.0.0", diff --git a/packages/components/collapsible-motion/package.json b/packages/components/collapsible-motion/package.json index a37649ab91..0c00eb493a 100644 --- a/packages/components/collapsible-motion/package.json +++ b/packages/components/collapsible-motion/package.json @@ -25,8 +25,7 @@ "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", - "lodash": "4.17.21", - "prop-types": "15.8.1" + "lodash": "4.17.21" }, "devDependencies": { "react": "19.0.0" diff --git a/packages/components/collapsible-motion/src/collapsible-motion.tsx b/packages/components/collapsible-motion/src/collapsible-motion.tsx index d8114d077b..e10d906343 100644 --- a/packages/components/collapsible-motion/src/collapsible-motion.tsx +++ b/packages/components/collapsible-motion/src/collapsible-motion.tsx @@ -85,7 +85,7 @@ const useToggleAnimation = ( minHeight = 0 ) => { const nodeRef = useRef(null); - const animationRef = useRef | null>(null); + const animationRef = useRef>(null); const prevIsOpen = usePrevious(isOpen); useEffect( diff --git a/packages/components/collapsible-panel/package.json b/packages/components/collapsible-panel/package.json index d972434f71..0a6a27f3ca 100644 --- a/packages/components/collapsible-panel/package.json +++ b/packages/components/collapsible-panel/package.json @@ -33,7 +33,6 @@ "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", "lodash": "4.17.21", - "prop-types": "15.8.1", "react-intl": "6.3.2" }, "devDependencies": { diff --git a/packages/components/collapsible-panel/src/collapsible-panel.tsx b/packages/components/collapsible-panel/src/collapsible-panel.tsx index b53f771ce8..6af043a8e9 100644 --- a/packages/components/collapsible-panel/src/collapsible-panel.tsx +++ b/packages/components/collapsible-panel/src/collapsible-panel.tsx @@ -1,4 +1,4 @@ -import { ReactNode, cloneElement } from 'react'; +import { ReactNode, ReactElement, cloneElement, isValidElement } from 'react'; import isNil from 'lodash/isNil'; import styled from '@emotion/styled'; import { @@ -41,7 +41,7 @@ export type TCollapsiblePanel = { /** * The title being rendered at top left of the panel */ - header: ReactNode; + header: ReactElement<{ isCondensed?: boolean }> | ReactNode; /** * A secondary header for the panel (only pass if needed) */ @@ -139,15 +139,11 @@ const HeadLineText = ( return ( - {/* TODO: this is a temporary fix, which will be refactored after we align with the desing team on how to proceed */} - {typeof props.header === 'string' - ? props.header - : cloneElement( - props.header as React.ReactElement<{ isCondensed?: boolean }>, - { - isCondensed: props.condensed, - } - )} + {isValidElement<{ isCondensed?: boolean }>(props.header) + ? cloneElement(props.header, { + isCondensed: props.condensed, + }) + : props.header} ); }; diff --git a/packages/components/collapsible/package.json b/packages/components/collapsible/package.json index 0961f6fd63..5c5a8dd70d 100644 --- a/packages/components/collapsible/package.json +++ b/packages/components/collapsible/package.json @@ -25,8 +25,7 @@ "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", - "lodash": "4.17.21", - "prop-types": "15.8.1" + "lodash": "4.17.21" }, "devDependencies": { "react": "19.0.0" diff --git a/packages/components/constraints/package.json b/packages/components/constraints/package.json index 0468173728..4ae04d35b3 100644 --- a/packages/components/constraints/package.json +++ b/packages/components/constraints/package.json @@ -24,8 +24,7 @@ "@commercetools-uikit/design-system": "19.20.1", "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", - "@emotion/styled": "^11.10.5", - "prop-types": "15.8.1" + "@emotion/styled": "^11.10.5" }, "devDependencies": { "react": "19.0.0" diff --git a/packages/components/data-table-manager/package.json b/packages/components/data-table-manager/package.json index d0df1d6e3b..4ba342f568 100644 --- a/packages/components/data-table-manager/package.json +++ b/packages/components/data-table-manager/package.json @@ -56,7 +56,6 @@ "@types/react-beautiful-dnd": "^13.1.3", "debounce-promise": "^3.1.2", "lodash": "4.17.21", - "prop-types": "15.8.1", "react-beautiful-dnd": "13.1.1" }, "devDependencies": { diff --git a/packages/components/data-table-manager/src/data-table-manager.tsx b/packages/components/data-table-manager/src/data-table-manager.tsx index 700c860b6e..080806aa9a 100644 --- a/packages/components/data-table-manager/src/data-table-manager.tsx +++ b/packages/components/data-table-manager/src/data-table-manager.tsx @@ -90,8 +90,7 @@ const DataTableManager = ( selectedColumns={selectedColumns ?? []} customColumnManager={customColumnManager ?? undefined} /> - {(props.children as TDataTableManagerProps['children']) && - isValidElement(props.children) + {props.children && isValidElement(props.children) ? cloneElement(props.children, { columns, customColumns, diff --git a/packages/components/data-table-manager/src/draggable-tag/draggable-tag.spec.js b/packages/components/data-table-manager/src/draggable-tag/draggable-tag.spec.js index 49e10ba785..e170ffee83 100644 --- a/packages/components/data-table-manager/src/draggable-tag/draggable-tag.spec.js +++ b/packages/components/data-table-manager/src/draggable-tag/draggable-tag.spec.js @@ -24,9 +24,9 @@ it('should render the column tag when rendering a column', () => { {(provided) => (
diff --git a/packages/components/data-table/package.json b/packages/components/data-table/package.json index 4a00c2832b..243ed15fc9 100644 --- a/packages/components/data-table/package.json +++ b/packages/components/data-table/package.json @@ -31,7 +31,6 @@ "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", "lodash": "4.17.21", - "prop-types": "15.8.1", "react-intl": "6.3.2" }, "devDependencies": { diff --git a/packages/components/data-table/src/header-cell.tsx b/packages/components/data-table/src/header-cell.tsx index 56b6773dbd..d2e1c5fd86 100644 --- a/packages/components/data-table/src/header-cell.tsx +++ b/packages/components/data-table/src/header-cell.tsx @@ -121,7 +121,7 @@ export type THeaderCell = { onColumnResized?: (args: TColumn[]) => void; disableHeaderStickiness: boolean; horizontalCellAlignment: 'left' | 'center' | 'right'; - iconComponent?: ReactNode | Function; + iconComponent?: ReactNode | (() => ReactNode); }; const HeaderCell = ({ diff --git a/packages/components/dropdowns/dropdown-menu/package.json b/packages/components/dropdowns/dropdown-menu/package.json index 8ea9f3c814..a9015bae2c 100644 --- a/packages/components/dropdowns/dropdown-menu/package.json +++ b/packages/components/dropdowns/dropdown-menu/package.json @@ -31,7 +31,6 @@ "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", - "prop-types": "15.8.1", "react-intl": "6.3.2" }, "devDependencies": { diff --git a/packages/components/dropdowns/dropdown-menu/src/dropdown-menu.tsx b/packages/components/dropdowns/dropdown-menu/src/dropdown-menu.tsx index 0d501afe40..79a3b9de6b 100644 --- a/packages/components/dropdowns/dropdown-menu/src/dropdown-menu.tsx +++ b/packages/components/dropdowns/dropdown-menu/src/dropdown-menu.tsx @@ -105,7 +105,7 @@ function DropdownMenu({ ...props }: TDropdownMenuProps) { const [isOpen, toggle] = useToggleState(false); - const triggerRef = useRef(null as unknown as HTMLDivElement); + const triggerRef = useRef(null); // We use the context so children can toggle the dropdown const context = useMemo( @@ -119,7 +119,7 @@ function DropdownMenu({ // Close the dropdown when clicking outside of it const handleGlobalClick: EventListener = useCallback( - (event: Event) => { + (event) => { const triggerElement = triggerRef.current; if ( isOpen && diff --git a/packages/components/dropdowns/dropdown-menu/src/menu/dropdown-menu-menu.tsx b/packages/components/dropdowns/dropdown-menu/src/menu/dropdown-menu-menu.tsx index f54a5af008..077f799ec0 100644 --- a/packages/components/dropdowns/dropdown-menu/src/menu/dropdown-menu-menu.tsx +++ b/packages/components/dropdowns/dropdown-menu/src/menu/dropdown-menu-menu.tsx @@ -43,7 +43,7 @@ type TDropdownBaseMenuProps = { isOpen: boolean; menuPosition: 'left' | 'right'; menuMaxHeight?: number; - triggerElementRef: RefObject; + triggerElementRef: RefObject; }; function DropdownBaseMenu(props: TDropdownBaseMenuProps) { const menuRef = useRef(null); @@ -198,7 +198,7 @@ export type TDropdownContentMenuProps = { menuPosition: 'left' | 'right'; menuMaxHeight?: number; isOpen: boolean; - triggerElementRef: RefObject; + triggerElementRef: RefObject; }; export const DropdownContentMenu = (props: TDropdownContentMenuProps) => { return ( @@ -224,7 +224,7 @@ export type TDropdownListMenuProps = { menuPosition: 'left' | 'right'; menuMaxHeight?: number; isOpen: boolean; - triggerElementRef: RefObject; + triggerElementRef: RefObject; }; export const DropdownListMenu = (props: TDropdownListMenuProps) => { return ( diff --git a/packages/components/field-errors/package.json b/packages/components/field-errors/package.json index 93b12cd0ad..999e3ff473 100644 --- a/packages/components/field-errors/package.json +++ b/packages/components/field-errors/package.json @@ -23,8 +23,7 @@ "@babel/runtime-corejs3": "^7.20.13", "@commercetools-uikit/messages": "19.20.1", "@emotion/react": "^11.10.5", - "@emotion/styled": "^11.10.5", - "prop-types": "15.8.1" + "@emotion/styled": "^11.10.5" }, "devDependencies": { "react": "19.0.0", diff --git a/packages/components/field-label/package.json b/packages/components/field-label/package.json index 550b6232b5..2687cdbd72 100644 --- a/packages/components/field-label/package.json +++ b/packages/components/field-label/package.json @@ -33,7 +33,6 @@ "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", - "prop-types": "15.8.1", "react-intl": "6.3.2" }, "devDependencies": { diff --git a/packages/components/field-warnings/package.json b/packages/components/field-warnings/package.json index c617c74a2e..f2634776b3 100644 --- a/packages/components/field-warnings/package.json +++ b/packages/components/field-warnings/package.json @@ -23,8 +23,7 @@ "@babel/runtime-corejs3": "^7.20.13", "@commercetools-uikit/messages": "19.20.1", "@emotion/react": "^11.10.5", - "@emotion/styled": "^11.10.5", - "prop-types": "15.8.1" + "@emotion/styled": "^11.10.5" }, "devDependencies": { "react": "19.0.0", diff --git a/packages/components/fields/async-creatable-select-field/package.json b/packages/components/fields/async-creatable-select-field/package.json index 078b2ce50f..b9b0bc3d46 100644 --- a/packages/components/fields/async-creatable-select-field/package.json +++ b/packages/components/fields/async-creatable-select-field/package.json @@ -31,7 +31,6 @@ "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", - "prop-types": "15.8.1", "react-intl": "6.3.2" }, "devDependencies": { diff --git a/packages/components/fields/async-select-field/package.json b/packages/components/fields/async-select-field/package.json index 2d98ecb1e7..fa1504d9e8 100644 --- a/packages/components/fields/async-select-field/package.json +++ b/packages/components/fields/async-select-field/package.json @@ -31,7 +31,6 @@ "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", - "prop-types": "15.8.1", "react-intl": "6.3.2" }, "devDependencies": { diff --git a/packages/components/fields/creatable-select-field/package.json b/packages/components/fields/creatable-select-field/package.json index 0aea314437..85efa2809a 100644 --- a/packages/components/fields/creatable-select-field/package.json +++ b/packages/components/fields/creatable-select-field/package.json @@ -31,7 +31,6 @@ "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", - "prop-types": "15.8.1", "react-intl": "6.3.2" }, "devDependencies": { diff --git a/packages/components/fields/date-field/package.json b/packages/components/fields/date-field/package.json index b5db87a8a3..c214fd9ce6 100644 --- a/packages/components/fields/date-field/package.json +++ b/packages/components/fields/date-field/package.json @@ -31,7 +31,6 @@ "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", - "prop-types": "15.8.1", "react-intl": "6.3.2" }, "devDependencies": { diff --git a/packages/components/fields/date-range-field/package.json b/packages/components/fields/date-range-field/package.json index 8abb967a2c..c626e22188 100644 --- a/packages/components/fields/date-range-field/package.json +++ b/packages/components/fields/date-range-field/package.json @@ -31,7 +31,6 @@ "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", - "prop-types": "15.8.1", "react-intl": "6.3.2" }, "devDependencies": { diff --git a/packages/components/fields/date-time-field/package.json b/packages/components/fields/date-time-field/package.json index a99ba4b58b..0a2964ebcd 100644 --- a/packages/components/fields/date-time-field/package.json +++ b/packages/components/fields/date-time-field/package.json @@ -31,7 +31,6 @@ "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", - "prop-types": "15.8.1", "react-intl": "6.3.2" }, "devDependencies": { diff --git a/packages/components/fields/localized-multiline-text-field/package.json b/packages/components/fields/localized-multiline-text-field/package.json index 4738776595..9856047399 100644 --- a/packages/components/fields/localized-multiline-text-field/package.json +++ b/packages/components/fields/localized-multiline-text-field/package.json @@ -31,7 +31,6 @@ "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", - "prop-types": "15.8.1", "react-intl": "6.3.2" }, "devDependencies": { diff --git a/packages/components/fields/localized-text-field/package.json b/packages/components/fields/localized-text-field/package.json index 33c6a907b1..012a5ddcb7 100644 --- a/packages/components/fields/localized-text-field/package.json +++ b/packages/components/fields/localized-text-field/package.json @@ -31,7 +31,6 @@ "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", - "prop-types": "15.8.1", "react-intl": "6.3.2" }, "devDependencies": { diff --git a/packages/components/fields/money-field/package.json b/packages/components/fields/money-field/package.json index 9ed96fbaba..47a508395c 100644 --- a/packages/components/fields/money-field/package.json +++ b/packages/components/fields/money-field/package.json @@ -32,7 +32,6 @@ "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", "lodash": "4.17.21", - "prop-types": "15.8.1", "react-intl": "6.3.2" }, "devDependencies": { diff --git a/packages/components/fields/multiline-text-field/package.json b/packages/components/fields/multiline-text-field/package.json index 881107b25c..85d1b7e529 100644 --- a/packages/components/fields/multiline-text-field/package.json +++ b/packages/components/fields/multiline-text-field/package.json @@ -31,7 +31,6 @@ "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", - "prop-types": "15.8.1", "react-intl": "6.3.2" }, "devDependencies": { diff --git a/packages/components/fields/number-field/package.json b/packages/components/fields/number-field/package.json index 5e9383e2c7..115ce0198e 100644 --- a/packages/components/fields/number-field/package.json +++ b/packages/components/fields/number-field/package.json @@ -31,7 +31,6 @@ "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", - "prop-types": "15.8.1", "react-intl": "6.3.2" }, "devDependencies": { diff --git a/packages/components/fields/password-field/package.json b/packages/components/fields/password-field/package.json index 05bf2606bd..ee036b1493 100644 --- a/packages/components/fields/password-field/package.json +++ b/packages/components/fields/password-field/package.json @@ -34,8 +34,7 @@ "@commercetools-uikit/spacings-stack": "19.20.1", "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", - "@emotion/styled": "^11.10.5", - "prop-types": "15.8.1" + "@emotion/styled": "^11.10.5" }, "devDependencies": { "react": "19.0.0", diff --git a/packages/components/fields/radio-field/package.json b/packages/components/fields/radio-field/package.json index 74dbb3930d..76762a2cb3 100644 --- a/packages/components/fields/radio-field/package.json +++ b/packages/components/fields/radio-field/package.json @@ -31,7 +31,6 @@ "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", - "prop-types": "15.8.1", "react-intl": "6.3.2" }, "devDependencies": { diff --git a/packages/components/fields/search-select-field/package.json b/packages/components/fields/search-select-field/package.json index fb9cf3e161..e797252284 100644 --- a/packages/components/fields/search-select-field/package.json +++ b/packages/components/fields/search-select-field/package.json @@ -32,7 +32,6 @@ "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", - "prop-types": "15.8.1", "react-intl": "6.3.2" }, "devDependencies": { diff --git a/packages/components/fields/select-field/package.json b/packages/components/fields/select-field/package.json index a06f027c9f..19f2ed29e2 100644 --- a/packages/components/fields/select-field/package.json +++ b/packages/components/fields/select-field/package.json @@ -31,7 +31,6 @@ "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", - "prop-types": "15.8.1", "react-intl": "6.3.2" }, "devDependencies": { diff --git a/packages/components/fields/text-field/package.json b/packages/components/fields/text-field/package.json index ef47b3021d..4e03aa728e 100644 --- a/packages/components/fields/text-field/package.json +++ b/packages/components/fields/text-field/package.json @@ -32,7 +32,6 @@ "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", - "prop-types": "15.8.1", "react-intl": "6.3.2" }, "devDependencies": { diff --git a/packages/components/fields/time-field/package.json b/packages/components/fields/time-field/package.json index e82bb6e33c..d981eab9e9 100644 --- a/packages/components/fields/time-field/package.json +++ b/packages/components/fields/time-field/package.json @@ -31,7 +31,6 @@ "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", - "prop-types": "15.8.1", "react-intl": "6.3.2" }, "devDependencies": { diff --git a/packages/components/filters/package.json b/packages/components/filters/package.json index 90939e8962..e3a59b1472 100644 --- a/packages/components/filters/package.json +++ b/packages/components/filters/package.json @@ -33,7 +33,6 @@ "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", "@radix-ui/react-popover": "^1.1.2", - "prop-types": "15.8.1", "react-intl": "6.3.2" }, "devDependencies": { diff --git a/packages/components/grid/package.json b/packages/components/grid/package.json index d078f23ecf..678773aa3b 100644 --- a/packages/components/grid/package.json +++ b/packages/components/grid/package.json @@ -22,8 +22,7 @@ "@babel/runtime": "^7.20.13", "@babel/runtime-corejs3": "^7.20.13", "@emotion/react": "^11.10.5", - "@emotion/styled": "^11.10.5", - "prop-types": "15.8.1" + "@emotion/styled": "^11.10.5" }, "devDependencies": { "react": "19.0.0" diff --git a/packages/components/icons/package.json b/packages/components/icons/package.json index 605a566de7..a772de1475 100644 --- a/packages/components/icons/package.json +++ b/packages/components/icons/package.json @@ -45,7 +45,6 @@ "@emotion/styled": "^11.10.5", "@types/dompurify": "^2.4.0", "dompurify": "2.5.8", - "prop-types": "15.8.1", "react-from-dom": "0.7.3" }, "devDependencies": { diff --git a/packages/components/icons/src/inline-svg/inline-svg.tsx b/packages/components/icons/src/inline-svg/inline-svg.tsx index f105897b2e..31577234ea 100644 --- a/packages/components/icons/src/inline-svg/inline-svg.tsx +++ b/packages/components/icons/src/inline-svg/inline-svg.tsx @@ -3,6 +3,7 @@ import { isValidElement, useMemo, type ReactElement, + type HTMLAttributes, } from 'react'; import DOMPurify from 'dompurify'; import convert from 'react-from-dom'; @@ -17,6 +18,8 @@ export type InlineSvgProps = TIconProps & { data: string; }; +type TSvgReactElement = ReactElement, 'svg'>; + const InlineSvg = (props: InlineSvgProps) => { const sanitized = useMemo(() => { if (!canUseDOM) { @@ -37,7 +40,7 @@ const InlineSvg = (props: InlineSvgProps) => { return ( {({ css }) => - cloneElement(svgElement as ReactElement<{ className: string }>, { + cloneElement(svgElement, { className: css(getIconStyles(props)), }) } @@ -51,8 +54,8 @@ const InlineSvg = (props: InlineSvgProps) => { export default InlineSvg; // Inspired by https://github.com/gilbarbara/react-inlinesvg -function useStringToReactElement(data: string): ReactElement | null { - return useMemo(() => { +function useStringToReactElement(data: string): TSvgReactElement | null { + return useMemo(() => { if (!canUseDOM) { return null; } @@ -64,9 +67,9 @@ function useStringToReactElement(data: string): ReactElement | null { throw new Error('Could not convert the string to a DOM node'); } - const element = convert(node); + const element = convert(node) as TSvgReactElement; - if (!element || !isValidElement(element)) { + if (!element || !isValidElement>(element)) { throw new Error('Could not convert the DOM node to a React element'); } return element; diff --git a/packages/components/inputs/async-creatable-select-input/package.json b/packages/components/inputs/async-creatable-select-input/package.json index 087fc10132..fff599b531 100644 --- a/packages/components/inputs/async-creatable-select-input/package.json +++ b/packages/components/inputs/async-creatable-select-input/package.json @@ -33,7 +33,6 @@ "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", "lodash": "4.17.21", - "prop-types": "15.8.1", "react-select": "5.9.0" }, "devDependencies": { diff --git a/packages/components/inputs/async-select-input/package.json b/packages/components/inputs/async-select-input/package.json index ccad75b625..74dbbded60 100644 --- a/packages/components/inputs/async-select-input/package.json +++ b/packages/components/inputs/async-select-input/package.json @@ -32,7 +32,6 @@ "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", "lodash": "4.17.21", - "prop-types": "15.8.1", "react-select": "5.9.0" }, "devDependencies": { diff --git a/packages/components/inputs/checkbox-input/package.json b/packages/components/inputs/checkbox-input/package.json index 31049f1060..6664e7d561 100644 --- a/packages/components/inputs/checkbox-input/package.json +++ b/packages/components/inputs/checkbox-input/package.json @@ -31,7 +31,6 @@ "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", - "prop-types": "15.8.1", "react-intl": "6.3.2" }, "devDependencies": { diff --git a/packages/components/inputs/creatable-select-input/package.json b/packages/components/inputs/creatable-select-input/package.json index 982b124667..b7926f242e 100644 --- a/packages/components/inputs/creatable-select-input/package.json +++ b/packages/components/inputs/creatable-select-input/package.json @@ -31,7 +31,6 @@ "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", "lodash": "4.17.21", - "prop-types": "15.8.1", "react-select": "5.9.0" }, "devDependencies": { diff --git a/packages/components/inputs/date-input/package.json b/packages/components/inputs/date-input/package.json index 00b5b1470c..9544822691 100644 --- a/packages/components/inputs/date-input/package.json +++ b/packages/components/inputs/date-input/package.json @@ -37,7 +37,6 @@ "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", "downshift": "9.0.8", - "prop-types": "15.8.1", "react-is": "19.0.0", "warning": "4.0.3" }, diff --git a/packages/components/inputs/date-range-input/package.json b/packages/components/inputs/date-range-input/package.json index 5203f3398f..448af001ad 100644 --- a/packages/components/inputs/date-range-input/package.json +++ b/packages/components/inputs/date-range-input/package.json @@ -37,7 +37,6 @@ "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", "downshift": "9.0.8", - "prop-types": "15.8.1", "react-is": "19.0.0", "warning": "4.0.3" }, diff --git a/packages/components/inputs/date-time-input/package.json b/packages/components/inputs/date-time-input/package.json index ccd9d2b649..ebce4b394a 100644 --- a/packages/components/inputs/date-time-input/package.json +++ b/packages/components/inputs/date-time-input/package.json @@ -37,7 +37,6 @@ "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", "downshift": "9.0.8", - "prop-types": "15.8.1", "react-is": "19.0.0", "warning": "4.0.3" }, diff --git a/packages/components/inputs/date-time-input/src/date-time-input.tsx b/packages/components/inputs/date-time-input/src/date-time-input.tsx index 493a7b6254..d7f1eb5741 100644 --- a/packages/components/inputs/date-time-input/src/date-time-input.tsx +++ b/packages/components/inputs/date-time-input/src/date-time-input.tsx @@ -54,12 +54,22 @@ const activationTypes = [ type TActivationTypes = (typeof activationTypes)[number]; -type TPreventDownshiftDefaultEvent = { - relatedTarget: (EventTarget & Element) | null; - nativeEvent?: { +type TKeyboardEventWithPreventDefault = + KeyboardEvent & { + nativeEvent: KeyboardEvent['nativeEvent'] & { + preventDownshiftDefault?: boolean; + }; + }; + +type TFocusEventWithPreventDefault = FocusEvent & { + nativeEvent: KeyboardEvent['nativeEvent'] & { preventDownshiftDefault?: boolean; }; -} & KeyboardEvent; +}; + +type TPreventDownshiftDefaultEvent = + | TKeyboardEventWithPreventDefault + | TFocusEventWithPreventDefault; const preventDownshiftDefault = (event: TPreventDownshiftDefaultEvent) => { event.nativeEvent.preventDownshiftDefault = true; @@ -69,13 +79,13 @@ const preventDownshiftDefault = (event: TPreventDownshiftDefaultEvent) => { // blurring the regular input/toggle button) const createBlurHandler = (timeInputRef: RefObject, cb: () => void = () => {}) => - (event: FocusEvent) => { + ( + event: TFocusEventWithPreventDefault + ) => { event.persist(); if (event.relatedTarget === timeInputRef.current) { - preventDownshiftDefault( - event as unknown as TPreventDownshiftDefaultEvent - ); + preventDownshiftDefault(event); } cb(); @@ -428,20 +438,18 @@ class DateTimeInput extends Component< if (isOpen) setHighlightedIndex(-1); }, onKeyDown: ( - event: KeyboardEvent + event: TKeyboardEventWithPreventDefault< + HTMLInputElement | HTMLButtonElement + > ) => { if (this.props.isReadOnly) { - preventDownshiftDefault( - event as TPreventDownshiftDefaultEvent - ); + preventDownshiftDefault(event); return; } // parse input when user presses enter on regular input, // close menu and notify parent if (event.key === 'Enter' && highlightedIndex === null) { - preventDownshiftDefault( - event as TPreventDownshiftDefaultEvent - ); + preventDownshiftDefault(event); const parsedDate = parseInputText( inputValue as string, @@ -465,9 +473,7 @@ class DateTimeInput extends Component< ) { // if it's the end of the month // then bypass normal arrow navigation - preventDownshiftDefault( - event as TPreventDownshiftDefaultEvent - ); + preventDownshiftDefault(event); // then jump to start of next month this.jumpMonths(1, 0); } @@ -481,9 +487,7 @@ class DateTimeInput extends Component< if (Number(highlightedIndex) <= 0) { // if it's the start of the month // then bypass normal arrow navigation - preventDownshiftDefault( - event as TPreventDownshiftDefaultEvent - ); + preventDownshiftDefault(event); const numberOfDaysOfPrevMonth = getDaysInMonth( previousDay, this.props.timeZone @@ -497,7 +501,9 @@ class DateTimeInput extends Component< ? undefined : (openMenu as unknown as MouseEventHandler), // validate the input on blur, and emit the value if it's valid - onBlur: (event: FocusEvent) => { + onBlur: ( + event: TFocusEventWithPreventDefault + ) => { createBlurHandler( this.timeInputRef as RefObject, () => { @@ -511,7 +517,7 @@ class DateTimeInput extends Component< if (inputValue.length > 0 && !parsedDate) return; this.emit(parsedDate); } - )(event as FocusEvent); + )(event); }, onChange: (event: TCustomEvent) => { // keep timeInput and regular input in sync when user @@ -551,10 +557,12 @@ class DateTimeInput extends Component< isDisabled={this.props.isDisabled} isReadOnly={this.props.isReadOnly} toggleButtonProps={getToggleButtonProps({ - onBlur: (event) => + onBlur: ( + event: TFocusEventWithPreventDefault + ) => createBlurHandler( this.timeInputRef as RefObject - )(event as FocusEvent), + )(event), })} hasError={this.props.hasError} hasWarning={this.props.hasWarning} diff --git a/packages/components/inputs/input-utils/package.json b/packages/components/inputs/input-utils/package.json index bf65f8e09b..465065273c 100644 --- a/packages/components/inputs/input-utils/package.json +++ b/packages/components/inputs/input-utils/package.json @@ -26,7 +26,6 @@ "@commercetools-uikit/icons": "19.20.1", "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", - "prop-types": "15.8.1", "react-textarea-autosize": "8.4.0" }, "devDependencies": { diff --git a/packages/components/inputs/localized-money-input/package.json b/packages/components/inputs/localized-money-input/package.json index 0b5b74778c..4d5d1428ca 100644 --- a/packages/components/inputs/localized-money-input/package.json +++ b/packages/components/inputs/localized-money-input/package.json @@ -36,7 +36,6 @@ "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", - "prop-types": "15.8.1", "react-select": "5.9.0" }, "devDependencies": { diff --git a/packages/components/inputs/localized-money-input/src/localized-money-input.tsx b/packages/components/inputs/localized-money-input/src/localized-money-input.tsx index e51ad16dec..47fb895770 100644 --- a/packages/components/inputs/localized-money-input/src/localized-money-input.tsx +++ b/packages/components/inputs/localized-money-input/src/localized-money-input.tsx @@ -1,4 +1,4 @@ -import { useCallback, type ReactNode, type ChangeEvent } from 'react'; +import { useCallback, type ReactNode } from 'react'; import { useIntl } from 'react-intl'; import { css } from '@emotion/react'; import { useToggleState, useFieldId } from '@commercetools-uikit/hooks'; @@ -26,10 +26,6 @@ import { import { LocalizedInputToggle } from '@commercetools-uikit/input-utils'; import messages from './messages'; -interface HTMLLocalizedCurrencyInputElement extends HTMLInputElement { - currency: string; -} - type TCustomEvent = { target: { id?: string; @@ -227,7 +223,11 @@ export const sortCurrencies = ( const LocalizedInput = (props: TLocalizedInputProps) => { const { onChange } = props; const handleChange = useCallback( - (event: ChangeEvent) => { + ( + event: TCustomEvent & { + target: TCustomEvent['target'] & { currency?: string | null }; + } + ) => { // We manipulate the event to add the currency to the target. // That way the users can read // event.target.currency and event.target.value to determine the next value. diff --git a/packages/components/inputs/localized-multiline-text-input/package.json b/packages/components/inputs/localized-multiline-text-input/package.json index 81176728cc..8455586d45 100644 --- a/packages/components/inputs/localized-multiline-text-input/package.json +++ b/packages/components/inputs/localized-multiline-text-input/package.json @@ -34,7 +34,6 @@ "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", - "prop-types": "15.8.1", "react-select": "5.9.0", "react-textarea-autosize": "8.4.0" }, diff --git a/packages/components/inputs/localized-multiline-text-input/src/translation-input.tsx b/packages/components/inputs/localized-multiline-text-input/src/translation-input.tsx index ab635416fd..9defa3bcdb 100644 --- a/packages/components/inputs/localized-multiline-text-input/src/translation-input.tsx +++ b/packages/components/inputs/localized-multiline-text-input/src/translation-input.tsx @@ -5,7 +5,6 @@ import { type FocusEventHandler, type ReactNode, } from 'react'; -import { MessageDescriptor } from 'react-intl'; import { css } from '@emotion/react'; import styled from '@emotion/styled'; import FlatButton from '@commercetools-uikit/flat-button'; @@ -21,6 +20,7 @@ import { AdditionalInfoMessage, ErrorMessage, WarningMessage, + type TAdditionalInfoProps, } from '@commercetools-uikit/messages'; import { getTextareaStyles, @@ -49,12 +49,7 @@ type TranslationInputProps = { hasLanguagesControl?: boolean; warning?: ReactNode; error?: ReactNode; - additionalInfo?: - | string - | ReactNode - | (MessageDescriptor & { - values: Record; - }); + additionalInfo?: TAdditionalInfoProps['message']; id?: string; name?: string; autoComplete?: string; @@ -261,7 +256,7 @@ const TranslationInput = ({ {props.additionalInfo && ( - + )} diff --git a/packages/components/inputs/localized-rich-text-input/package.json b/packages/components/inputs/localized-rich-text-input/package.json index d130dbb06d..810e867516 100644 --- a/packages/components/inputs/localized-rich-text-input/package.json +++ b/packages/components/inputs/localized-rich-text-input/package.json @@ -42,7 +42,6 @@ "immutable": "4.3.7", "is-hotkey": "0.2.0", "lodash": "4.17.21", - "prop-types": "15.8.1", "react-textarea-autosize": "8.4.0", "slate": "0.75.0", "slate-history": "0.110.3", diff --git a/packages/components/inputs/localized-rich-text-input/src/editor.tsx b/packages/components/inputs/localized-rich-text-input/src/editor.tsx index 33399f7e33..dc13000b99 100644 --- a/packages/components/inputs/localized-rich-text-input/src/editor.tsx +++ b/packages/components/inputs/localized-rich-text-input/src/editor.tsx @@ -7,14 +7,13 @@ import { useImperativeHandle, forwardRef, type ReactNode, - type LegacyRef, type RefObject, type Ref, type FocusEventHandler, } from 'react'; import { css } from '@emotion/react'; import styled from '@emotion/styled'; -import { MessageDescriptor, useIntl } from 'react-intl'; +import { useIntl } from 'react-intl'; import { designTokens } from '@commercetools-uikit/design-system'; import { warning, filterDataAttributes } from '@commercetools-uikit/utils'; import CollapsibleMotion from '@commercetools-uikit/collapsible-motion'; @@ -27,6 +26,7 @@ import { AdditionalInfoMessage, ErrorMessage, WarningMessage, + type TAdditionalInfoProps, } from '@commercetools-uikit/messages'; import { RichTextBody, @@ -93,12 +93,7 @@ export type TEditorProps = { hasError?: boolean; error?: ReactNode; warning?: ReactNode; - additionalInfo?: - | string - | ReactNode - | (MessageDescriptor & { - values: Record; - }); + additionalInfo?: TAdditionalInfoProps['message']; defaultExpandMultilineText: boolean; toggleLanguage: (language: string) => void; language: string; @@ -116,7 +111,7 @@ export type TEditorProps = { type TNodeRefObject = { clientHeight: number; -} & LegacyRef; +} & Ref; type TRichTextEditorBodyRef = { registerContentNode: TNodeRefObject; @@ -362,9 +357,7 @@ const Editor = forwardRef((props: TEditorProps, forwardedRef) => { {props.additionalInfo && ( - + )} diff --git a/packages/components/inputs/localized-text-input/package.json b/packages/components/inputs/localized-text-input/package.json index b6c8b98af8..2312828a06 100644 --- a/packages/components/inputs/localized-text-input/package.json +++ b/packages/components/inputs/localized-text-input/package.json @@ -34,8 +34,7 @@ "@commercetools-uikit/text-input": "19.20.1", "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", - "@emotion/styled": "^11.10.5", - "prop-types": "15.8.1" + "@emotion/styled": "^11.10.5" }, "devDependencies": { "react": "19.0.0", diff --git a/packages/components/inputs/money-input/package.json b/packages/components/inputs/money-input/package.json index 5934681973..57792c9934 100644 --- a/packages/components/inputs/money-input/package.json +++ b/packages/components/inputs/money-input/package.json @@ -32,7 +32,6 @@ "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", "lodash": "4.17.21", - "prop-types": "15.8.1", "react-select": "5.9.0" }, "devDependencies": { diff --git a/packages/components/inputs/multiline-text-input/package.json b/packages/components/inputs/multiline-text-input/package.json index 4aa88d1254..242343a007 100644 --- a/packages/components/inputs/multiline-text-input/package.json +++ b/packages/components/inputs/multiline-text-input/package.json @@ -35,7 +35,6 @@ "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", "downshift": "9.0.8", - "prop-types": "15.8.1", "react-textarea-autosize": "8.4.0" }, "devDependencies": { diff --git a/packages/components/inputs/number-input/package.json b/packages/components/inputs/number-input/package.json index 60deaaa9b7..2ddc7d7af2 100644 --- a/packages/components/inputs/number-input/package.json +++ b/packages/components/inputs/number-input/package.json @@ -26,8 +26,7 @@ "@commercetools-uikit/input-utils": "19.20.1", "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", - "@emotion/styled": "^11.10.5", - "prop-types": "15.8.1" + "@emotion/styled": "^11.10.5" }, "devDependencies": { "react": "19.0.0" diff --git a/packages/components/inputs/password-input/package.json b/packages/components/inputs/password-input/package.json index d7d58be4f2..fdbe57fda1 100644 --- a/packages/components/inputs/password-input/package.json +++ b/packages/components/inputs/password-input/package.json @@ -26,8 +26,7 @@ "@commercetools-uikit/input-utils": "19.20.1", "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", - "@emotion/styled": "^11.10.5", - "prop-types": "15.8.1" + "@emotion/styled": "^11.10.5" }, "devDependencies": { "react": "19.0.0" diff --git a/packages/components/inputs/radio-input/package.json b/packages/components/inputs/radio-input/package.json index e35970cb23..dbee66f39d 100644 --- a/packages/components/inputs/radio-input/package.json +++ b/packages/components/inputs/radio-input/package.json @@ -31,7 +31,6 @@ "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", - "prop-types": "15.8.1", "react-is": "19.0.0" }, "devDependencies": { diff --git a/packages/components/inputs/rich-text-input/package.json b/packages/components/inputs/rich-text-input/package.json index 434db0fdab..4fabad163f 100644 --- a/packages/components/inputs/rich-text-input/package.json +++ b/packages/components/inputs/rich-text-input/package.json @@ -39,7 +39,6 @@ "immutable": "4.3.7", "is-hotkey": "0.2.0", "lodash": "4.17.21", - "prop-types": "15.8.1", "slate": "0.75.0", "slate-history": "0.110.3", "slate-react": "0.75.0" diff --git a/packages/components/inputs/rich-text-utils/package.json b/packages/components/inputs/rich-text-utils/package.json index a800bda9cc..ffc90ce9f7 100644 --- a/packages/components/inputs/rich-text-utils/package.json +++ b/packages/components/inputs/rich-text-utils/package.json @@ -37,7 +37,6 @@ "escape-html": "1.0.3", "is-hotkey": "0.2.0", "lodash": "4.17.21", - "prop-types": "15.8.1", "slate": "0.75.0", "slate-history": "0.110.3", "slate-hyperscript": "0.100.0", diff --git a/packages/components/inputs/rich-text-utils/src/rich-text-body/dropdown.tsx b/packages/components/inputs/rich-text-utils/src/rich-text-body/dropdown.tsx index 0ca7cff5a9..8bd6cd6b25 100644 --- a/packages/components/inputs/rich-text-utils/src/rich-text-body/dropdown.tsx +++ b/packages/components/inputs/rich-text-utils/src/rich-text-body/dropdown.tsx @@ -16,6 +16,12 @@ export type TDropdownLabel = { children: ReactNode; }; +export type TDropdownItem = { + value: string; + isSelected: boolean; + children: ReactNode; +}; + export type TDropdownProps = { label: string; isMulti?: boolean; @@ -23,7 +29,7 @@ export type TDropdownProps = { isReadOnly?: boolean; onChange?: ({ value }: TItem) => void; components?: { - Item: FunctionComponent; + Item: FunctionComponent; Label: FunctionComponent; }; options: Array; @@ -49,11 +55,7 @@ const Dropdown = ({ isMulti = false, ...props }: TDropdownProps) => { - const DropdownItem: FunctionComponent<{ - value: string; - isSelected: boolean; - children: ReactNode; - }> = components.Item; + const DropdownItem = components.Item; const DropdownLabel = components.Label; const isIndeterminate = diff --git a/packages/components/inputs/search-select-input/package.json b/packages/components/inputs/search-select-input/package.json index 5bdbec2308..cefda7ac88 100644 --- a/packages/components/inputs/search-select-input/package.json +++ b/packages/components/inputs/search-select-input/package.json @@ -28,8 +28,7 @@ "@commercetools-uikit/text": "19.20.1", "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", - "@emotion/styled": "^11.10.5", - "prop-types": "15.8.1" + "@emotion/styled": "^11.10.5" }, "devDependencies": { "react": "19.0.0", diff --git a/packages/components/inputs/search-text-input/package.json b/packages/components/inputs/search-text-input/package.json index 9c1e5faeee..f7bd541ace 100644 --- a/packages/components/inputs/search-text-input/package.json +++ b/packages/components/inputs/search-text-input/package.json @@ -28,8 +28,7 @@ "@commercetools-uikit/secondary-icon-button": "19.20.1", "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", - "@emotion/styled": "^11.10.5", - "prop-types": "15.8.1" + "@emotion/styled": "^11.10.5" }, "devDependencies": { "react": "19.0.0" diff --git a/packages/components/inputs/select-input/package.json b/packages/components/inputs/select-input/package.json index c763b50b70..81d255b64a 100644 --- a/packages/components/inputs/select-input/package.json +++ b/packages/components/inputs/select-input/package.json @@ -30,7 +30,6 @@ "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", "lodash": "4.17.21", - "prop-types": "15.8.1", "react-select": "5.9.0" }, "devDependencies": { diff --git a/packages/components/inputs/select-utils/package.json b/packages/components/inputs/select-utils/package.json index 2e38836fe8..01e1ba990b 100644 --- a/packages/components/inputs/select-utils/package.json +++ b/packages/components/inputs/select-utils/package.json @@ -31,7 +31,6 @@ "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", "lodash": "4.17.21", - "prop-types": "15.8.1", "react-select": "5.9.0" }, "devDependencies": { diff --git a/packages/components/inputs/selectable-search-input/package.json b/packages/components/inputs/selectable-search-input/package.json index 8bc493f178..2d230920e7 100644 --- a/packages/components/inputs/selectable-search-input/package.json +++ b/packages/components/inputs/selectable-search-input/package.json @@ -33,7 +33,6 @@ "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", "lodash": "4.17.21", - "prop-types": "15.8.1", "react-select": "5.9.0" }, "devDependencies": { diff --git a/packages/components/inputs/text-input/package.json b/packages/components/inputs/text-input/package.json index e2bff7801a..09ff96b2c7 100644 --- a/packages/components/inputs/text-input/package.json +++ b/packages/components/inputs/text-input/package.json @@ -26,8 +26,7 @@ "@commercetools-uikit/input-utils": "19.20.1", "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", - "@emotion/styled": "^11.10.5", - "prop-types": "15.8.1" + "@emotion/styled": "^11.10.5" }, "devDependencies": { "react": "19.0.0" diff --git a/packages/components/inputs/time-input/package.json b/packages/components/inputs/time-input/package.json index e9fb0fa9d7..8c9c976185 100644 --- a/packages/components/inputs/time-input/package.json +++ b/packages/components/inputs/time-input/package.json @@ -31,8 +31,7 @@ "@commercetools-uikit/utils": "19.20.1", "@emotion/is-prop-valid": "1.3.1", "@emotion/react": "^11.10.5", - "@emotion/styled": "^11.10.5", - "prop-types": "15.8.1" + "@emotion/styled": "^11.10.5" }, "devDependencies": { "react": "19.0.0", diff --git a/packages/components/inputs/toggle-input/package.json b/packages/components/inputs/toggle-input/package.json index 83fe38a589..c14e732254 100644 --- a/packages/components/inputs/toggle-input/package.json +++ b/packages/components/inputs/toggle-input/package.json @@ -26,8 +26,7 @@ "@commercetools-uikit/input-utils": "19.20.1", "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", - "@emotion/styled": "^11.10.5", - "prop-types": "15.8.1" + "@emotion/styled": "^11.10.5" }, "devDependencies": { "react": "19.0.0" diff --git a/packages/components/inputs/toggle-input/src/toggle-input.tsx b/packages/components/inputs/toggle-input/src/toggle-input.tsx index c93ffedd14..21bafe23f6 100644 --- a/packages/components/inputs/toggle-input/src/toggle-input.tsx +++ b/packages/components/inputs/toggle-input/src/toggle-input.tsx @@ -68,7 +68,7 @@ const ToggleInput = ({ ]} id={props.id} name={props.name} - onChange={isDisabled ? () => {} : props.onChange} + onChange={props.onChange} disabled={isDisabled} checked={isChecked} value={props.value} diff --git a/packages/components/label/package.json b/packages/components/label/package.json index 7b0f66f320..157abc3772 100644 --- a/packages/components/label/package.json +++ b/packages/components/label/package.json @@ -25,8 +25,7 @@ "@commercetools-uikit/text": "19.20.1", "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", - "@emotion/styled": "^11.10.5", - "prop-types": "15.8.1" + "@emotion/styled": "^11.10.5" }, "devDependencies": { "react": "19.0.0", diff --git a/packages/components/link/package.json b/packages/components/link/package.json index 1749368eb5..cb36367da9 100644 --- a/packages/components/link/package.json +++ b/packages/components/link/package.json @@ -29,8 +29,7 @@ "@emotion/styled": "^11.10.5", "@types/history": "^4.7.11", "@types/react-router-dom": "^5.3.3", - "history": "4.10.1", - "prop-types": "15.8.1" + "history": "4.10.1" }, "devDependencies": { "react": "19.0.0", diff --git a/packages/components/loading-spinner/package.json b/packages/components/loading-spinner/package.json index 5c2284ef96..6b9622ef9f 100644 --- a/packages/components/loading-spinner/package.json +++ b/packages/components/loading-spinner/package.json @@ -26,7 +26,6 @@ "@commercetools-uikit/text": "19.20.1", "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", - "prop-types": "15.8.1", "react-intl": "6.3.2" }, "devDependencies": { diff --git a/packages/components/messages/package.json b/packages/components/messages/package.json index 26c1c7b9e4..2f5e02c8e5 100644 --- a/packages/components/messages/package.json +++ b/packages/components/messages/package.json @@ -25,7 +25,6 @@ "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", - "prop-types": "15.8.1", "react-intl": "6.3.2" }, "devDependencies": { diff --git a/packages/components/notifications/package.json b/packages/components/notifications/package.json index e32c5412bd..b8a37266b1 100644 --- a/packages/components/notifications/package.json +++ b/packages/components/notifications/package.json @@ -25,8 +25,7 @@ "@commercetools-uikit/design-system": "19.20.1", "@commercetools-uikit/icons": "19.20.1", "@commercetools-uikit/utils": "19.20.1", - "@emotion/react": "^11.10.5", - "prop-types": "15.8.1" + "@emotion/react": "^11.10.5" }, "devDependencies": { "react": "19.0.0", diff --git a/packages/components/pagination/package.json b/packages/components/pagination/package.json index 5a20b16001..163f8a8068 100644 --- a/packages/components/pagination/package.json +++ b/packages/components/pagination/package.json @@ -34,8 +34,7 @@ "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", "formik": "^2.4.6", - "lodash": "4.17.21", - "prop-types": "15.8.1" + "lodash": "4.17.21" }, "devDependencies": { "react": "19.0.0", diff --git a/packages/components/primary-action-dropdown/package.json b/packages/components/primary-action-dropdown/package.json index 2557c650f4..bd42792fd3 100644 --- a/packages/components/primary-action-dropdown/package.json +++ b/packages/components/primary-action-dropdown/package.json @@ -31,7 +31,6 @@ "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", "lodash": "4.17.21", - "prop-types": "15.8.1", "react-intl": "6.3.2" }, "devDependencies": { diff --git a/packages/components/progress-bar/package.json b/packages/components/progress-bar/package.json index e885795e5a..d61bf45be6 100644 --- a/packages/components/progress-bar/package.json +++ b/packages/components/progress-bar/package.json @@ -29,7 +29,6 @@ "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", "lodash": "4.17.21", - "prop-types": "15.8.1", "react-intl": "6.3.2" }, "devDependencies": { diff --git a/packages/components/quick-filters/package.json b/packages/components/quick-filters/package.json index ed6d8da289..2a70e3a620 100644 --- a/packages/components/quick-filters/package.json +++ b/packages/components/quick-filters/package.json @@ -25,7 +25,6 @@ "@commercetools-uikit/tag": "19.20.1", "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", - "prop-types": "15.8.1", "react-intl": "6.3.2" }, "devDependencies": { diff --git a/packages/components/spacings/spacings-inline/package.json b/packages/components/spacings/spacings-inline/package.json index cc036fbbe6..9c5d5fd2e5 100644 --- a/packages/components/spacings/spacings-inline/package.json +++ b/packages/components/spacings/spacings-inline/package.json @@ -23,8 +23,7 @@ "@babel/runtime-corejs3": "^7.20.13", "@commercetools-uikit/design-system": "19.20.1", "@commercetools-uikit/utils": "19.20.1", - "@emotion/react": "^11.10.5", - "prop-types": "15.8.1" + "@emotion/react": "^11.10.5" }, "devDependencies": { "react": "19.0.0" diff --git a/packages/components/spacings/spacings-inset-squish/package.json b/packages/components/spacings/spacings-inset-squish/package.json index fc11d275a0..d3b9bc587f 100644 --- a/packages/components/spacings/spacings-inset-squish/package.json +++ b/packages/components/spacings/spacings-inset-squish/package.json @@ -23,8 +23,7 @@ "@babel/runtime-corejs3": "^7.20.13", "@commercetools-uikit/design-system": "19.20.1", "@commercetools-uikit/utils": "19.20.1", - "@emotion/react": "^11.10.5", - "prop-types": "15.8.1" + "@emotion/react": "^11.10.5" }, "devDependencies": { "react": "19.0.0" diff --git a/packages/components/spacings/spacings-inset/package.json b/packages/components/spacings/spacings-inset/package.json index c6d2726fa8..e6c53e79dc 100644 --- a/packages/components/spacings/spacings-inset/package.json +++ b/packages/components/spacings/spacings-inset/package.json @@ -23,8 +23,7 @@ "@babel/runtime-corejs3": "^7.20.13", "@commercetools-uikit/design-system": "19.20.1", "@commercetools-uikit/utils": "19.20.1", - "@emotion/react": "^11.10.5", - "prop-types": "15.8.1" + "@emotion/react": "^11.10.5" }, "devDependencies": { "react": "19.0.0" diff --git a/packages/components/spacings/spacings-stack/package.json b/packages/components/spacings/spacings-stack/package.json index bac95f60f0..48446332ef 100644 --- a/packages/components/spacings/spacings-stack/package.json +++ b/packages/components/spacings/spacings-stack/package.json @@ -23,8 +23,7 @@ "@babel/runtime-corejs3": "^7.20.13", "@commercetools-uikit/design-system": "19.20.1", "@commercetools-uikit/utils": "19.20.1", - "@emotion/react": "^11.10.5", - "prop-types": "15.8.1" + "@emotion/react": "^11.10.5" }, "devDependencies": { "react": "19.0.0" diff --git a/packages/components/stamp/package.json b/packages/components/stamp/package.json index e81314b923..80ed24f67d 100644 --- a/packages/components/stamp/package.json +++ b/packages/components/stamp/package.json @@ -25,8 +25,7 @@ "@commercetools-uikit/spacings-inline": "19.20.1", "@commercetools-uikit/text": "19.20.1", "@commercetools-uikit/utils": "19.20.1", - "@emotion/react": "^11.10.5", - "prop-types": "15.8.1" + "@emotion/react": "^11.10.5" }, "devDependencies": { "react": "19.0.0" diff --git a/packages/components/tag/package.json b/packages/components/tag/package.json index 0c3340cc1d..a3c068a149 100644 --- a/packages/components/tag/package.json +++ b/packages/components/tag/package.json @@ -30,7 +30,6 @@ "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", - "prop-types": "15.8.1", "react-intl": "6.3.2" }, "devDependencies": { diff --git a/packages/components/text/package.json b/packages/components/text/package.json index 34a8fea55a..dccf97284b 100644 --- a/packages/components/text/package.json +++ b/packages/components/text/package.json @@ -25,7 +25,6 @@ "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", "lodash": "4.17.21", - "prop-types": "15.8.1", "warning": "4.0.3" }, "devDependencies": { diff --git a/packages/components/tooltip/package.json b/packages/components/tooltip/package.json index 7ae6d64406..f556390c7b 100644 --- a/packages/components/tooltip/package.json +++ b/packages/components/tooltip/package.json @@ -28,7 +28,6 @@ "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", "lodash": "4.17.21", - "prop-types": "15.8.1", "react-is": "19.0.0", "use-popper": "1.1.6" }, diff --git a/packages/components/view-switcher/package.json b/packages/components/view-switcher/package.json index 92836fb2a2..2d3f06287d 100644 --- a/packages/components/view-switcher/package.json +++ b/packages/components/view-switcher/package.json @@ -26,8 +26,7 @@ "@commercetools-uikit/utils": "19.20.1", "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", - "lodash": "4.17.21", - "prop-types": "15.8.1" + "lodash": "4.17.21" }, "devDependencies": { "react": "19.0.0" diff --git a/storybook/package.json b/storybook/package.json index 72a090c0db..6ff3a651fe 100644 --- a/storybook/package.json +++ b/storybook/package.json @@ -20,7 +20,6 @@ "@storybook/test": "^8.2.9", "@swc/plugin-emotion": "^8.0.3", "@vitejs/plugin-react-swc": "^3.7.2", - "prop-types": "15.8.1", "react": "19.0.0", "react-dom": "19.0.0", "react-intl": "6.3.2", diff --git a/visual-testing-app/package.json b/visual-testing-app/package.json index dda35c64a5..b4ad5b46c0 100644 --- a/visual-testing-app/package.json +++ b/visual-testing-app/package.json @@ -16,7 +16,6 @@ "@types/react": "19.0.3", "moment": "2.30.1", "moment-timezone": "0.5.46", - "prop-types": "15.8.1", "react": "19.0.0", "react-dom": "19.0.0", "react-intl": "6.3.2", diff --git a/yarn.lock b/yarn.lock index ece809cee1..91b276669e 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1988,7 +1988,6 @@ __metadata: "@storybook/test": ^8.2.9 "@swc/plugin-emotion": ^8.0.3 "@vitejs/plugin-react-swc": ^3.7.2 - prop-types: 15.8.1 react: 19.0.0 react-dom: 19.0.0 react-intl: 6.3.2 @@ -2011,7 +2010,6 @@ __metadata: "@emotion/styled": ^11.10.5 "@types/react-is": ^19.0.0 lodash: 4.17.21 - prop-types: 15.8.1 react: 19.0.0 react-is: 19.0.0 peerDependencies: @@ -2026,7 +2024,6 @@ __metadata: "@babel/runtime": ^7.20.13 "@babel/runtime-corejs3": ^7.20.13 "@emotion/react": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 peerDependencies: react: 19.x @@ -2049,7 +2046,6 @@ __metadata: "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 peerDependencies: @@ -2075,7 +2071,6 @@ __metadata: "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 lodash: 4.17.21 - prop-types: 15.8.1 react: 19.0.0 react-dom: 19.0.0 react-intl: 6.3.2 @@ -2103,7 +2098,6 @@ __metadata: "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 peerDependencies: @@ -2128,7 +2122,6 @@ __metadata: "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 lodash: 4.17.21 - prop-types: 15.8.1 react: 19.0.0 react-dom: 19.0.0 react-intl: 6.3.2 @@ -2151,7 +2144,6 @@ __metadata: "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 lodash: 4.17.21 - prop-types: 15.8.1 react: 19.0.0 peerDependencies: react: 19.x @@ -2215,7 +2207,6 @@ __metadata: "@emotion/styled": ^11.10.5 lodash: 4.17.21 moment: 2.30.1 - prop-types: 15.8.1 react: 19.0.0 react-dom: 19.0.0 react-intl: 6.3.2 @@ -2240,7 +2231,6 @@ __metadata: "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 "@types/react-router-dom": ^5.3.3 - prop-types: 15.8.1 react: 19.0.0 react-router-dom: 5.3.4 peerDependencies: @@ -2262,7 +2252,6 @@ __metadata: "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 peerDependencies: @@ -2281,7 +2270,6 @@ __metadata: "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 lodash: 4.17.21 - prop-types: 15.8.1 react: 19.0.0 peerDependencies: react: 19.x @@ -2306,7 +2294,6 @@ __metadata: "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 lodash: 4.17.21 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 peerDependencies: @@ -2325,7 +2312,6 @@ __metadata: "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 lodash: 4.17.21 - prop-types: 15.8.1 react: 19.0.0 peerDependencies: react: 19.x @@ -2342,7 +2328,6 @@ __metadata: "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 peerDependencies: react: 19.x @@ -2365,7 +2350,6 @@ __metadata: "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 peerDependencies: @@ -2389,7 +2373,6 @@ __metadata: "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 lodash: 4.17.21 - prop-types: 15.8.1 react: 19.0.0 react-dom: 19.0.0 react-intl: 6.3.2 @@ -2436,7 +2419,6 @@ __metadata: debounce-promise: ^3.1.2 formik: ^2.4.6 lodash: 4.17.21 - prop-types: 15.8.1 react: 19.0.0 react-beautiful-dnd: 13.1.1 react-dom: 19.0.0 @@ -2465,7 +2447,6 @@ __metadata: "@emotion/styled": ^11.10.5 formik: ^2.4.6 lodash: 4.17.21 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 peerDependencies: @@ -2489,7 +2470,6 @@ __metadata: "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 peerDependencies: @@ -2520,7 +2500,6 @@ __metadata: "@emotion/styled": ^11.10.5 downshift: 9.0.8 moment: 2.30.1 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 react-is: 19.0.0 @@ -2548,7 +2527,6 @@ __metadata: "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 peerDependencies: @@ -2579,7 +2557,6 @@ __metadata: "@emotion/styled": ^11.10.5 downshift: 9.0.8 moment: 2.30.1 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 react-is: 19.0.0 @@ -2607,7 +2584,6 @@ __metadata: "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 peerDependencies: @@ -2638,7 +2614,6 @@ __metadata: "@emotion/styled": ^11.10.5 downshift: 9.0.8 moment: 2.30.1 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 react-is: 19.0.0 @@ -2660,7 +2635,6 @@ __metadata: "@emotion/react": ^11.10.5 lodash: 4.17.21 nodemon: ^3.0.0 - prop-types: 15.8.1 react: 19.0.0 languageName: unknown linkType: soft @@ -2681,7 +2655,6 @@ __metadata: "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 peerDependencies: @@ -2698,7 +2671,6 @@ __metadata: "@commercetools-uikit/messages": 19.20.1 "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 peerDependencies: @@ -2725,7 +2697,6 @@ __metadata: "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 peerDependencies: @@ -2742,7 +2713,6 @@ __metadata: "@commercetools-uikit/messages": 19.20.1 "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 peerDependencies: @@ -2806,7 +2776,6 @@ __metadata: "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 "@radix-ui/react-popover": ^1.1.2 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 peerDependencies: @@ -2828,7 +2797,6 @@ __metadata: "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 lodash: 4.17.21 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 peerDependencies: @@ -2844,7 +2812,6 @@ __metadata: "@babel/runtime-corejs3": ^7.20.13 "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 peerDependencies: react: 19.x @@ -2893,7 +2860,6 @@ __metadata: "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 lodash: 4.17.21 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 peerDependencies: @@ -2913,7 +2879,6 @@ __metadata: "@emotion/styled": ^11.10.5 "@types/dompurify": ^2.4.0 dompurify: 2.5.8 - prop-types: 15.8.1 react: 19.0.0 react-from-dom: 0.7.3 peerDependencies: @@ -2932,7 +2897,6 @@ __metadata: "@commercetools-uikit/icons": 19.20.1 "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 react-textarea-autosize: 8.4.0 @@ -2993,7 +2957,6 @@ __metadata: "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 peerDependencies: @@ -3016,7 +2979,6 @@ __metadata: "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 lodash: 4.17.21 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 react-router-dom: 5.3.4 @@ -3042,7 +3004,6 @@ __metadata: "@types/history": ^4.7.11 "@types/react-router-dom": ^5.3.3 history: 4.10.1 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 react-router-dom: 5.3.4 @@ -3064,7 +3025,6 @@ __metadata: "@commercetools-uikit/text": 19.20.1 "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 peerDependencies: @@ -3093,7 +3053,6 @@ __metadata: "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 react-dom: 19.0.0 react-intl: 6.3.2 @@ -3121,7 +3080,6 @@ __metadata: "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 peerDependencies: @@ -3148,7 +3106,6 @@ __metadata: "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 react-dom: 19.0.0 react-intl: 6.3.2 @@ -3188,7 +3145,6 @@ __metadata: immutable: 4.3.7 is-hotkey: 0.2.0 lodash: 4.17.21 - prop-types: 15.8.1 react: 19.0.0 react-dom: 19.0.0 react-intl: 6.3.2 @@ -3219,7 +3175,6 @@ __metadata: "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 peerDependencies: @@ -3247,7 +3202,6 @@ __metadata: "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 peerDependencies: @@ -3277,7 +3231,6 @@ __metadata: "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 peerDependencies: @@ -3302,7 +3255,6 @@ __metadata: "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 lodash: 4.17.21 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 peerDependencies: @@ -3327,7 +3279,6 @@ __metadata: "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 lodash: 4.17.21 - prop-types: 15.8.1 react: 19.0.0 react-dom: 19.0.0 react-intl: 6.3.2 @@ -3355,7 +3306,6 @@ __metadata: "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 peerDependencies: @@ -3383,7 +3333,6 @@ __metadata: "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 downshift: 9.0.8 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 react-textarea-autosize: 8.4.0 @@ -3404,7 +3353,6 @@ __metadata: "@commercetools-uikit/icons": 19.20.1 "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 peerDependencies: @@ -3429,7 +3377,6 @@ __metadata: "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 peerDependencies: @@ -3449,7 +3396,6 @@ __metadata: "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 peerDependencies: react: 19.x @@ -3476,7 +3422,6 @@ __metadata: "@emotion/styled": ^11.10.5 formik: ^2.4.6 lodash: 4.17.21 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 peerDependencies: @@ -3505,7 +3450,6 @@ __metadata: "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 peerDependencies: @@ -3526,7 +3470,6 @@ __metadata: "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 peerDependencies: react: 19.x @@ -3549,7 +3492,6 @@ __metadata: "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 lodash: 4.17.21 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 peerDependencies: @@ -3571,7 +3513,6 @@ __metadata: "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 lodash: 4.17.21 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 peerDependencies: @@ -3593,7 +3534,6 @@ __metadata: "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 lodash: 4.17.21 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 peerDependencies: @@ -3611,7 +3551,6 @@ __metadata: "@commercetools-uikit/tag": 19.20.1 "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 peerDependencies: @@ -3635,7 +3574,6 @@ __metadata: "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 peerDependencies: @@ -3659,7 +3597,6 @@ __metadata: "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 react-is: 19.0.0 peerDependencies: @@ -3691,7 +3628,6 @@ __metadata: immutable: 4.3.7 is-hotkey: 0.2.0 lodash: 4.17.21 - prop-types: 15.8.1 react: 19.0.0 react-dom: 19.0.0 react-intl: 6.3.2 @@ -3724,7 +3660,6 @@ __metadata: escape-html: 1.0.3 is-hotkey: 0.2.0 lodash: 4.17.21 - prop-types: 15.8.1 react: 19.0.0 react-dom: 19.0.0 react-intl: 6.3.2 @@ -3757,7 +3692,6 @@ __metadata: "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 peerDependencies: @@ -3779,7 +3713,6 @@ __metadata: "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 react-dom: 19.0.0 react-intl: 6.3.2 @@ -3804,7 +3737,6 @@ __metadata: "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 peerDependencies: react: 19.x @@ -3825,7 +3757,6 @@ __metadata: "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 lodash: 4.17.21 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 react-router-dom: 5.3.4 @@ -3850,7 +3781,6 @@ __metadata: "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 lodash: 4.17.21 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 peerDependencies: @@ -3874,7 +3804,6 @@ __metadata: "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 peerDependencies: @@ -3897,7 +3826,6 @@ __metadata: "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 lodash: 4.17.21 - prop-types: 15.8.1 react: 19.0.0 react-dom: 19.0.0 react-intl: 6.3.2 @@ -3925,7 +3853,6 @@ __metadata: "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 lodash: 4.17.21 - prop-types: 15.8.1 react: 19.0.0 react-dom: 19.0.0 react-intl: 6.3.2 @@ -3955,7 +3882,6 @@ __metadata: "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 lodash: 4.17.21 - prop-types: 15.8.1 react: 19.0.0 react-dom: 19.0.0 react-intl: 6.3.2 @@ -3976,7 +3902,6 @@ __metadata: "@commercetools-uikit/design-system": 19.20.1 "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 peerDependencies: react: 19.x @@ -3992,7 +3917,6 @@ __metadata: "@commercetools-uikit/design-system": 19.20.1 "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 peerDependencies: react: 19.x @@ -4008,7 +3932,6 @@ __metadata: "@commercetools-uikit/design-system": 19.20.1 "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 peerDependencies: react: 19.x @@ -4024,7 +3947,6 @@ __metadata: "@commercetools-uikit/design-system": 19.20.1 "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 peerDependencies: react: 19.x @@ -4058,7 +3980,6 @@ __metadata: "@commercetools-uikit/text": 19.20.1 "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 peerDependencies: react: 19.x @@ -4080,7 +4001,6 @@ __metadata: "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 react-router-dom: 5.3.4 @@ -4107,7 +4027,6 @@ __metadata: "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 peerDependencies: @@ -4127,7 +4046,6 @@ __metadata: "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 peerDependencies: react: 19.x @@ -4144,7 +4062,6 @@ __metadata: "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 lodash: 4.17.21 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 warning: 4.0.3 @@ -4170,7 +4087,6 @@ __metadata: "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 peerDependencies: @@ -4195,7 +4111,6 @@ __metadata: "@emotion/is-prop-valid": 1.3.1 "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 react-intl: 6.3.2 peerDependencies: @@ -4216,7 +4131,6 @@ __metadata: "@commercetools-uikit/utils": 19.20.1 "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 - prop-types: 15.8.1 react: 19.0.0 peerDependencies: react: 19.x @@ -4236,7 +4150,6 @@ __metadata: "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 lodash: 4.17.21 - prop-types: 15.8.1 react: 19.0.0 react-is: 19.0.0 use-popper: 1.1.6 @@ -4270,7 +4183,6 @@ __metadata: "@emotion/react": ^11.10.5 "@emotion/styled": ^11.10.5 lodash: 4.17.21 - prop-types: 15.8.1 react: 19.0.0 peerDependencies: react: 19.x @@ -19328,7 +19240,7 @@ __metadata: languageName: node linkType: hard -"prop-types@npm:15.8.1, prop-types@npm:^15.6.0, prop-types@npm:^15.6.2, prop-types@npm:^15.7.2, prop-types@npm:^15.8.1": +"prop-types@npm:^15.6.0, prop-types@npm:^15.6.2, prop-types@npm:^15.7.2, prop-types@npm:^15.8.1": version: 15.8.1 resolution: "prop-types@npm:15.8.1" dependencies: @@ -23352,7 +23264,6 @@ __metadata: "@vitejs/plugin-react": 4.3.4 moment: 2.30.1 moment-timezone: 0.5.46 - prop-types: 15.8.1 react: 19.0.0 react-dom: 19.0.0 react-intl: 6.3.2