Aktualizacja @wordpress/components z 42.x do 43.x
Porównanie publicznego API @wordpress/components 42.0.0 i 43.0.0, obliczone automatycznie na podstawie typów TypeScript. Zmieniona sygnatura to możliwa zmiana niekompatybilna, a nie pewność.
Podsumowanie
| Usunięte ścieżki importu | 0 |
|---|---|
| Usunięte eksporty | 0 |
| Zmienione sygnatury | 13 |
| Usunięte składowe klas lub interfejsów | 0 |
| Zmienione składowe klas lub interfejsów | 0 |
| Nowo wycofane | 1 |
| Zmiany wymagań (engines, zależności peer) | 1 |
| Nowe eksporty | 0 |
Usunięte eksporty
Nie wykryto.
Zmienione sygnatury
| export | Przed | Po |
|---|---|---|
@wordpress/components · Card | (props: SurfaceProps & { size?: SizeOptions | "extraSmall" | undefined; } & { elevation?: number | undefined; isBorderless?: boolean | undefined; isRounded?: boolean | undefined; isElevated?: boolean | undefined; } & Pick<any, "ref"> & Omit<React.ComponentPropsWithoutRef<T>, "as" | "size" | "elevation" | "ref" | "isBorderless" | keyof SurfaceProps | "isRounded" | "isElevated"> & { as: string | number | symbol; } & Omit<PolymorphicIntrinsicProps, "size" | "elevation" | "ref" | "isBorderless" | keyof SurfaceProps | "isRounded" | "isElevated">): React.ReactNode | <C extends React.JSXElementConstr… | (props: SurfaceProps & { size?: SizeOptions | "extraSmall" | undefined; } & { elevation?: number | undefined; isBorderless?: boolean | undefined; isRounded?: boolean | undefined; isElevated?: boolean | undefined; } & Pick<any, "ref"> & Omit<React.ComponentPropsWithoutRef<T>, "as" | "size" | "ref" | "isBorderless" | keyof SurfaceProps | "elevation" | "isRounded" | "isElevated"> & { as: string | number | symbol; } & Omit<PolymorphicIntrinsicProps, "size" | "ref" | "isBorderless" | keyof SurfaceProps | "elevation" | "isRounded" | "isElevated">): React.ReactNode | <C extends React.JSXElementConstr… |
@wordpress/components · Popover | (props: WordPressComponentProps<Omit<WordPressComponentProps<PopoverProps, "div", false>, "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "inherit" | "initial" | "exit" | "layout" | "_dragX" | "_dragY" | "custom" | "data-framer-appear-id" | "data-framer-portal-id" | "drag" | "dragConstraints" | "dragControls" | "dragDirectionLock" | "dragElastic" | "dragListener" | "dragMomentum" | "dragPropagation" | "dragSnapToOrigin" | "dragTransition" | "globalTapTarget" | "ignoreStrict" | "layoutDependency" | "layoutId" | "layoutRoot" | "layoutScroll" | "onAnimationComplete" | "onBeforeLayou… | (props: WordPressComponentProps<Omit<WordPressComponentProps<PopoverProps, "div", false>, "onDragEnd" | "onDragStart" | "onDrag" | "onAnimationStart" | "exit" | "layout" | "inherit" | "initial" | "_dragX" | "_dragY" | "custom" | "data-framer-appear-id" | "data-framer-portal-id" | "drag" | "dragConstraints" | "dragControls" | "dragDirectionLock" | "dragElastic" | "dragListener" | "dragMomentum" | "dragPropagation" | "dragSnapToOrigin" | "dragTransition" | "globalTapTarget" | "ignoreStrict" | "layoutDependency" | "layoutId" | "layoutRoot" | "layoutScroll" | "onAnimationComplete" | "onBeforeLayou… |
@wordpress/components · FlexBlock | (props: FlexBlockProps & Pick<any, "ref"> & Omit<React.ComponentPropsWithoutRef<T>, "as" | "children" | "display" | "ref"> & { as: string | number | symbol; } & Omit<PolymorphicIntrinsicProps, "children" | "display" | "ref">): React.ReactNode | <C extends React.JSXElementConstructor<any>>(props: FlexBlockProps & Pick<any, "ref"> & Omit<React.ComponentPropsWithoutRef<T>, "as" | "children" | "display" | "ref"> & { as: C; } & Omit<React.ComponentPropsWithoutRef<C>, "as" | "children" | "display" | "ref">): React.ReactNode | (props: WordPressComponentProps<FlexBlockProps & Pick<any, "ref">, "div", … | (props: FlexBlockProps & Pick<any, "ref"> & Omit<React.ComponentPropsWithoutRef<T>, "as" | "children" | "ref" | "display"> & { as: string | number | symbol; } & Omit<PolymorphicIntrinsicProps, "children" | "ref" | "display">): React.ReactNode | <C extends React.JSXElementConstructor<any>>(props: FlexBlockProps & Pick<any, "ref"> & Omit<React.ComponentPropsWithoutRef<T>, "as" | "children" | "ref" | "display"> & { as: C; } & Omit<React.ComponentPropsWithoutRef<C>, "as" | "children" | "ref" | "display">): React.ReactNode | (props: WordPressComponentProps<FlexBlockProps & Pick<any, "ref">, "div", … |
@wordpress/components · BaseControl | (props: BaseControlProps & { as: string | number | symbol; } & Omit<{ dangerouslySetInnerHTML?: { __html: any; } | undefined; onCopy?: any; onCopyCapture?: any; onCut?: any; onCutCapture?: any; onPaste?: any; onPasteCapture?: any; onCompositionEnd?: any; onCompositionEndCapture?: any; onCompositionStart?: any; onCompositionStartCapture?: any; onCompositionUpdate?: any; onCompositionUpdateCapture?: any; onFocus?: any; onFocusCapture?: any; onBlur?: any; onBlurCapture?: any; onChange?: any; onChangeCapture?: any; onBeforeInput?: any; onBeforeInputCapture?: any; onInput?: any; onInputCapture?: an… | (props: BaseControlProps): React.ReactNode |
@wordpress/components · BorderBoxControl | (props: WordPressComponentProps<Pick<ColorPaletteProps, "__experimentalIsRenderedInSidebar" | "colors"> & { disableCustomColors?: boolean | undefined; enableAlpha?: boolean | undefined; } & LabelProps & Pick<BorderControlProps, "size" | "__next40pxDefaultSize" | "enableStyle"> & { onChange: (value: AnyBorder) => void; popoverPlacement?: any; popoverOffset?: number | { mainAxis?: number | undefined; crossAxis?: number | undefined; } | undefined; value: AnyBorder; } & Omit<Omit<any, "ref">, "as" | "children" | "value" | "onChange" | "size" | "__experimentalIsRenderedInSidebar" | "colors" | "__ne… | (props: WordPressComponentProps<Pick<ColorPaletteProps, "__experimentalIsRenderedInSidebar" | "colors"> & { disableCustomColors?: boolean | undefined; enableAlpha?: boolean | undefined; } & LabelProps & Pick<BorderControlProps, "__next40pxDefaultSize" | "enableStyle" | "size"> & { onChange: (value: AnyBorder) => void; popoverPlacement?: any; popoverOffset?: number | { mainAxis?: number | undefined; crossAxis?: number | undefined; } | undefined; value: AnyBorder; } & Omit<Omit<any, "ref">, "as" | "children" | "value" | "onChange" | "__experimentalIsRenderedInSidebar" | "colors" | "__next40pxDef… |
@wordpress/components · __experimentalHStack | (props: Omit<FlexProps, "align" | "gap"> & { alignment?: any; spacing?: any; } & Pick<any, "ref"> & Omit<React.ComponentPropsWithoutRef<T>, "as" | "children" | "wrap" | "direction" | "spacing" | "ref" | "expanded" | "justify" | "isReversed" | "alignment"> & { as: string | number | symbol; } & Omit<PolymorphicIntrinsicProps, "children" | "wrap" | "direction" | "spacing" | "ref" | "expanded" | "justify" | "isReversed" | "alignment">): React.ReactNode | <C extends React.JSXElementConstructor<any>>(props: Omit<FlexProps, "align" | "gap"> & { alignment?: any; spacing?: any; } & Pick<any, "ref"> & O… | (props: Omit<FlexProps, "align" | "gap"> & { alignment?: any; spacing?: any; } & Pick<any, "ref"> & Omit<React.ComponentPropsWithoutRef<T>, "as" | "children" | "ref" | "direction" | "expanded" | "justify" | "wrap" | "isReversed" | "alignment" | "spacing"> & { as: string | number | symbol; } & Omit<PolymorphicIntrinsicProps, "children" | "ref" | "direction" | "expanded" | "justify" | "wrap" | "isReversed" | "alignment" | "spacing">): React.ReactNode | <C extends React.JSXElementConstructor<any>>(props: Omit<FlexProps, "align" | "gap"> & { alignment?: any; spacing?: any; } & Pick<any, "ref"> & O… |
@wordpress/components · __experimentalVStack | (props: Omit<Props, "spacing" | "alignment"> & { alignment?: any; spacing?: any; } & Pick<any, "ref"> & Omit<React.ComponentPropsWithoutRef<T>, "as" | "children" | "wrap" | "direction" | "spacing" | "ref" | "expanded" | "justify" | "isReversed" | "alignment"> & { as: string | number | symbol; } & Omit<PolymorphicIntrinsicProps, "children" | "wrap" | "direction" | "spacing" | "ref" | "expanded" | "justify" | "isReversed" | "alignment">): React.ReactNode | <C extends React.JSXElementConstructor<any>>(props: Omit<Props, "spacing" | "alignment"> & { alignment?: any; spacing?: any; } & Pick<any, "r… | (props: Omit<Props, "alignment" | "spacing"> & { alignment?: any; spacing?: any; } & Pick<any, "ref"> & Omit<React.ComponentPropsWithoutRef<T>, "as" | "children" | "ref" | "direction" | "expanded" | "justify" | "wrap" | "isReversed" | "alignment" | "spacing"> & { as: string | number | symbol; } & Omit<PolymorphicIntrinsicProps, "children" | "ref" | "direction" | "expanded" | "justify" | "wrap" | "isReversed" | "alignment" | "spacing">): React.ReactNode | <C extends React.JSXElementConstructor<any>>(props: Omit<Props, "alignment" | "spacing"> & { alignment?: any; spacing?: any; } & Pick<any, "r… |
@wordpress/components · __experimentalHeading | (props: Omit<Props, "color" | "isBlock" | "weight"> & { level?: HeadingSize | undefined; isBlock?: boolean | undefined; color?: any; weight?: any; } & Pick<any, "ref"> & Omit<React.ComponentPropsWithoutRef<T>, "as" | "children" | "color" | "size" | "display" | "letterSpacing" | "ref" | "variant" | "align" | "isBlock" | "weight" | "adjustLineHeightForInnerControls" | "isDestructive" | "highlightEscape" | "highlightCaseSensitive" | "highlightSanitize" | "lineHeight" | "optimizeReadabilityFor" | "truncate" | "upperCase" | "highlightWords" | "ellipsis" | "ellipsizeMode" | "limit" | "numberOfLines"… | (props: Omit<Props, "color" | "isBlock" | "weight"> & { level?: HeadingSize | undefined; isBlock?: boolean | undefined; color?: any; weight?: any; } & Pick<any, "ref"> & Omit<React.ComponentPropsWithoutRef<T>, "as" | "children" | "size" | "ref" | "variant" | "align" | "color" | "isBlock" | "display" | "weight" | "adjustLineHeightForInnerControls" | "isDestructive" | "highlightEscape" | "highlightCaseSensitive" | "highlightSanitize" | "lineHeight" | "optimizeReadabilityFor" | "truncate" | "upperCase" | "letterSpacing" | "highlightWords" | "ellipsis" | "ellipsizeMode" | "limit" | "numberOfLines"… |
@wordpress/components · __experimentalToolsPanelItem | (props: ToolsPanelItem & { children?: any; onDeselect?: (() => void) | undefined; onSelect?: (() => void) | undefined; resetAllFilter?: ResetAllFilter | undefined; } & Pick<any, "ref"> & Omit<React.ComponentPropsWithoutRef<T>, "as" | "children" | "onSelect" | "ref" | keyof ToolsPanelItem | "onDeselect" | "resetAllFilter"> & { as: string | number | symbol; } & Omit<PolymorphicIntrinsicProps, "children" | "onSelect" | "ref" | keyof ToolsPanelItem | "onDeselect" | "resetAllFilter">): React.ReactNode | <C extends React.JSXElementConstructor<any>>(props: ToolsPanelItem & { children?: any; onDeselec… | (props: ToolsPanelItem & { children?: any; onDeselect?: (() => void) | undefined; onSelect?: (() => void) | undefined; resetAllFilter?: ResetAllFilter | undefined; } & Pick<any, "ref"> & Omit<React.ComponentPropsWithoutRef<T>, "as" | "children" | "ref" | "onSelect" | keyof ToolsPanelItem | "onDeselect" | "resetAllFilter"> & { as: string | number | symbol; } & Omit<PolymorphicIntrinsicProps, "children" | "ref" | "onSelect" | keyof ToolsPanelItem | "onDeselect" | "resetAllFilter">): React.ReactNode | <C extends React.JSXElementConstructor<any>>(props: ToolsPanelItem & { children?: any; onDeselec… |
@wordpress/components · __experimentalNavigatorButton | (props: { __next40pxDefaultSize?: boolean | undefined; accessibleWhenDisabled?: boolean | undefined; children?: any; description?: string | undefined; icon?: any; iconPosition?: "left" | "right" | undefined; iconSize?: any; isBusy?: boolean | undefined; isDestructive?: boolean | undefined; isPressed?: boolean | undefined; label?: string | undefined; shortcut?: string | { display: string; ariaLabel: string; } | undefined; showTooltip?: boolean | undefined; size?: "default" | "small" | "compact" | undefined; text?: string | undefined; tooltipPosition?: PositionYAxis | "middle center" | "middle l… | (props: { __next40pxDefaultSize?: boolean | undefined; accessibleWhenDisabled?: boolean | undefined; children?: any; description?: string | undefined; icon?: any; iconPosition?: "left" | "right" | undefined; iconSize?: any; isBusy?: boolean | undefined; isDestructive?: boolean | undefined; isPressed?: boolean | undefined; label?: string | undefined; shortcut?: string | { display: string; ariaLabel: string; } | undefined; showTooltip?: boolean | undefined; size?: "default" | "small" | "compact" | undefined; text?: string | undefined; tooltipPosition?: PositionYAxis | "bottom center" | "bottom l… |
@wordpress/components · __experimentalBorderBoxControl | (props: WordPressComponentProps<Pick<ColorPaletteProps, "__experimentalIsRenderedInSidebar" | "colors"> & { disableCustomColors?: boolean | undefined; enableAlpha?: boolean | undefined; } & LabelProps & Pick<BorderControlProps, "size" | "__next40pxDefaultSize" | "enableStyle"> & { onChange: (value: AnyBorder) => void; popoverPlacement?: any; popoverOffset?: number | { mainAxis?: number | undefined; crossAxis?: number | undefined; } | undefined; value: AnyBorder; } & Omit<Omit<any, "ref">, "as" | "children" | "value" | "onChange" | "size" | "__experimentalIsRenderedInSidebar" | "colors" | "__ne… | (props: WordPressComponentProps<Pick<ColorPaletteProps, "__experimentalIsRenderedInSidebar" | "colors"> & { disableCustomColors?: boolean | undefined; enableAlpha?: boolean | undefined; } & LabelProps & Pick<BorderControlProps, "__next40pxDefaultSize" | "enableStyle" | "size"> & { onChange: (value: AnyBorder) => void; popoverPlacement?: any; popoverOffset?: number | { mainAxis?: number | undefined; crossAxis?: number | undefined; } | undefined; value: AnyBorder; } & Omit<Omit<any, "ref">, "as" | "children" | "value" | "onChange" | "__experimentalIsRenderedInSidebar" | "colors" | "__next40pxDef… |
@wordpress/components · __experimentalNavigatorBackButton | (props: { __next40pxDefaultSize?: boolean | undefined; accessibleWhenDisabled?: boolean | undefined; children?: any; description?: string | undefined; icon?: any; iconPosition?: "left" | "right" | undefined; iconSize?: any; isBusy?: boolean | undefined; isDestructive?: boolean | undefined; isPressed?: boolean | undefined; label?: string | undefined; shortcut?: string | { display: string; ariaLabel: string; } | undefined; showTooltip?: boolean | undefined; size?: "default" | "small" | "compact" | undefined; text?: string | undefined; tooltipPosition?: PositionYAxis | "middle center" | "middle l… | (props: { __next40pxDefaultSize?: boolean | undefined; accessibleWhenDisabled?: boolean | undefined; children?: any; description?: string | undefined; icon?: any; iconPosition?: "left" | "right" | undefined; iconSize?: any; isBusy?: boolean | undefined; isDestructive?: boolean | undefined; isPressed?: boolean | undefined; label?: string | undefined; shortcut?: string | { display: string; ariaLabel: string; } | undefined; showTooltip?: boolean | undefined; size?: "default" | "small" | "compact" | undefined; text?: string | undefined; tooltipPosition?: PositionYAxis | "bottom center" | "bottom l… |
@wordpress/components · __experimentalNavigatorToParentButton | (props: { __next40pxDefaultSize?: boolean | undefined; accessibleWhenDisabled?: boolean | undefined; children?: any; description?: string | undefined; icon?: any; iconPosition?: "left" | "right" | undefined; iconSize?: any; isBusy?: boolean | undefined; isDestructive?: boolean | undefined; isPressed?: boolean | undefined; label?: string | undefined; shortcut?: string | { display: string; ariaLabel: string; } | undefined; showTooltip?: boolean | undefined; size?: "default" | "small" | "compact" | undefined; text?: string | undefined; tooltipPosition?: PositionYAxis | "middle center" | "middle l… | (props: { __next40pxDefaultSize?: boolean | undefined; accessibleWhenDisabled?: boolean | undefined; children?: any; description?: string | undefined; icon?: any; iconPosition?: "left" | "right" | undefined; iconSize?: any; isBusy?: boolean | undefined; isDestructive?: boolean | undefined; isPressed?: boolean | undefined; label?: string | undefined; shortcut?: string | { display: string; ariaLabel: string; } | undefined; showTooltip?: boolean | undefined; size?: "default" | "small" | "compact" | undefined; text?: string | undefined; tooltipPosition?: PositionYAxis | "bottom center" | "bottom l… |
Usunięte składowe klas lub interfejsów
Nie wykryto.
Zmienione składowe klas lub interfejsów
Nie wykryto.
Nowo wycofane
| export | @deprecated |
|---|---|
@wordpress/components · Tip | Use `Notice.Root` and `Notice.Description` from `@wordpress/ui` instead. |
Zmiany wymagań (engines, zależności peer)
| Przed | Po | |
|---|---|---|
engines.node | >=18.12.0 | >=22.13.0 |
Przekaż te dane swojemu agentowi AI
Vigia to darmowy serwer MCP: Twój agent programistyczny sprawdza wersje, zmiany łamiące zgodność i podatności, zanim napisze kod. Bez rejestracji i klucza API.
claude mcp add --transport http vigia https://vigia.coredls.cloud/mcp
Dodaj do CursorDodaj do VS Code★ Gwiazdka na GitHubie
Dowolny inny klient MCP
{ "mcpServers": { "vigia": { "url": "https://vigia.coredls.cloud/mcp" } } }Skill dla agentów (SKILL.md): mówi agentowi, kiedy używać Vigii · GitHub Action dla pull requestów
Najczęściej zadawane pytania
Jakie są zmiany niekompatybilne przy aktualizacji @wordpress/components z 42 do 43?
Między @wordpress/components 42.0.0 a 43.0.0 Vigia znalazła 0 usuniętych eksportów, 13 zmienionych sygnatur i 0 usuniętych lub zmienionych składowych klas lub interfejsów.
Co zostało wycofane w @wordpress/components 43?
1 eksportów lub składowych oznaczono w @wordpress/components 43.0.0 jako wycofane.
Dla agentów
GET https://vigia.coredls.cloud/v1/packages/npm/@wordpress/components/upgrade?from=42.0.0&to=43.0.0