Оновлення @wordpress/components з 42.x до 43.x
Порівняння публічного API @wordpress/components 42.0.0 і 43.0.0, обчислене автоматично за їхніми типами TypeScript. Змінена сигнатура — можлива несумісна зміна, а не гарантія.
Підсумок
| Видалені шляхи імпорту | 0 |
|---|---|
| Видалені експорти | 0 |
| Змінені сигнатури | 13 |
| Видалені члени класів або інтерфейсів | 0 |
| Змінені члени класів або інтерфейсів | 0 |
| Нові застарівання | 1 |
| Зміни вимог (engines, peer-залежності) | 1 |
| Нові експорти | 0 |
Видалені експорти
Не виявлено.
Змінені сигнатури
| export | Було | Стало |
|---|---|---|
@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… |
Видалені члени класів або інтерфейсів
Не виявлено.
Змінені члени класів або інтерфейсів
Не виявлено.
Нові застарівання
| export | @deprecated |
|---|---|
@wordpress/components · Tip | Use `Notice.Root` and `Notice.Description` from `@wordpress/ui` instead. |
Зміни вимог (engines, peer-залежності)
| Було | Стало | |
|---|---|---|
engines.node | >=18.12.0 | >=22.13.0 |
Передайте ці дані своєму ШІ-агенту
Vigia — безкоштовний MCP-сервер: ваш агент для програмування перевіряє версії, несумісні зміни та вразливості, перш ніж писати код. Без реєстрації та API-ключа.
claude mcp add --transport http vigia https://vigia.coredls.cloud/mcp
Додати в CursorДодати в VS Code★ Зірка на GitHub
Будь-який інший MCP-клієнт
{ "mcpServers": { "vigia": { "url": "https://vigia.coredls.cloud/mcp" } } }Навичка для агентів (SKILL.md): підказує агенту, коли використовувати Vigia · GitHub Action для pull request
Поширені запитання
Які несумісні зміни під час оновлення @wordpress/components з 42 до 43?
Між @wordpress/components 42.0.0 і 43.0.0 Vigia знайшла видалених експортів: 0, змінених сигнатур: 13, видалених або змінених членів класів та інтерфейсів: 0.
Що застаріло в @wordpress/components 43?
У @wordpress/components 43.0.0 новими застарілими позначено експортів або членів: 1.
Для агентів
GET https://vigia.coredls.cloud/v1/packages/npm/@wordpress/components/upgrade?from=42.0.0&to=43.0.0