* Upgrade dependencies to support react17

Update pkg

Update @wordpress/api-fetch and gridicons

* Update test snapshots

* Update SnackbarList with latest react-spring

* Mock data.dispatch for task-list-item.test.tsx

* Remove '@wordpress/components/src/visually-hidden/style' import

wp-components has included it

* Update interpolateComponents import path

* Fix display-options test

* Add changelogs

Update changelogs

* Add @automattic/explat-client-react-helpers back

* Update webpack.config for explat-client-react-helpers

Update webpack config comment

Fix grammar
This commit is contained in:
Chi-Hsuan Huang 2022-02-21 10:34:25 +08:00 committed by GitHub
parent 42625174d9
commit c05ed7777a
71 changed files with 7177 additions and 6899 deletions

View File

@ -0,0 +1,4 @@
Significance: major
Type: Dev
Update dependencies to support react 17 and drop support for IE11. #8305

View File

@ -18,7 +18,7 @@ exports[`ActivityCard should render a basic card 1`] = `
>
<g>
<path
d="M12 4c4.41 0 8 3.59 8 8s-3.59 8-8 8-8-3.59-8-8 3.59-8 8-8m0-2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm1 13h-2v2h2v-2zm-2-2h2l.5-6h-3l.5 6z"
d="M12 4c4.411 0 8 3.589 8 8s-3.589 8-8 8-8-3.589-8-8 3.589-8 8-8m0-2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm1 13h-2v2h2v-2zm-2-2h2l.5-6h-3l.5 6z"
/>
</g>
</svg>
@ -59,7 +59,7 @@ exports[`ActivityCard should render a custom icon on a card 1`] = `
>
<g>
<path
d="M2 6c0-1.505.78-3.08 2-4 0 .845.69 2 2 2 1.657 0 3 1.343 3 3 0 .386-.08.752-.212 1.09.74.594 1.476 1.19 2.19 1.81L8.9 11.98c-.62-.716-1.214-1.454-1.807-2.192C6.753 9.92 6.387 10 6 10c-2.21 0-4-1.79-4-4zm12.152 6.848l1.34-1.34c.607.304 1.283.492 2.008.492 2.485 0 4.5-2.015 4.5-4.5 0-.725-.188-1.4-.493-2.007L18 9l-2-2 3.507-3.507C18.9 3.188 18.225 3 17.5 3 15.015 3 13 5.015 13 7.5c0 .725.188 1.4.493 2.007L3 20l2 2 6.848-6.848c1.885 1.928 3.874 3.753 5.977 5.45l1.425 1.148 1.5-1.5-1.15-1.425c-1.695-2.103-3.52-4.092-5.448-5.977z"
d="M2 6c0-1.505.78-3.08 2-4 0 .845.69 2 2 2a3 3 0 013 3c0 .386-.079.752-.212 1.091a74.515 74.515 0 012.191 1.808l-2.08 2.08a75.852 75.852 0 01-1.808-2.191A2.977 2.977 0 016 10c-2.21 0-4-1.79-4-4zm12.152 6.848l1.341-1.341A4.446 4.446 0 0017.5 12 4.5 4.5 0 0022 7.5c0-.725-.188-1.401-.493-2.007L18 9l-2-2 3.507-3.507A4.446 4.446 0 0017.5 3 4.5 4.5 0 0013 7.5c0 .725.188 1.401.493 2.007L3 20l2 2 6.848-6.848a68.562 68.562 0 005.977 5.449l1.425 1.149 1.5-1.5-1.149-1.425a68.562 68.562 0 00-5.449-5.977z"
/>
</g>
</svg>
@ -100,7 +100,7 @@ exports[`ActivityCard should render a timestamp on a card 1`] = `
>
<g>
<path
d="M12 4c4.41 0 8 3.59 8 8s-3.59 8-8 8-8-3.59-8-8 3.59-8 8-8m0-2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm1 13h-2v2h2v-2zm-2-2h2l.5-6h-3l.5 6z"
d="M12 4c4.411 0 8 3.589 8 8s-3.589 8-8 8-8-3.589-8-8 3.589-8 8-8m0-2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm1 13h-2v2h2v-2zm-2-2h2l.5-6h-3l.5 6z"
/>
</g>
</svg>
@ -146,7 +146,7 @@ exports[`ActivityCard should render an action on a card 1`] = `
>
<g>
<path
d="M12 4c4.41 0 8 3.59 8 8s-3.59 8-8 8-8-3.59-8-8 3.59-8 8-8m0-2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm1 13h-2v2h2v-2zm-2-2h2l.5-6h-3l.5 6z"
d="M12 4c4.411 0 8 3.589 8 8s-3.589 8-8 8-8-3.589-8-8 3.589-8 8-8m0-2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm1 13h-2v2h2v-2zm-2-2h2l.5-6h-3l.5 6z"
/>
</g>
</svg>
@ -200,7 +200,7 @@ exports[`ActivityCard should render an unread bubble on a card 1`] = `
>
<g>
<path
d="M12 4c4.41 0 8 3.59 8 8s-3.59 8-8 8-8-3.59-8-8 3.59-8 8-8m0-2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm1 13h-2v2h2v-2zm-2-2h2l.5-6h-3l.5 6z"
d="M12 4c4.411 0 8 3.589 8 8s-3.589 8-8 8-8-3.589-8-8 3.589-8 8-8m0-2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm1 13h-2v2h2v-2zm-2-2h2l.5-6h-3l.5 6z"
/>
</g>
</svg>
@ -241,7 +241,7 @@ exports[`ActivityCard should render multiple actions on a card 1`] = `
>
<g>
<path
d="M12 4c4.41 0 8 3.59 8 8s-3.59 8-8 8-8-3.59-8-8 3.59-8 8-8m0-2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm1 13h-2v2h2v-2zm-2-2h2l.5-6h-3l.5 6z"
d="M12 4c4.411 0 8 3.589 8 8s-3.589 8-8 8-8-3.589-8-8 3.589-8 8-8m0-2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm1 13h-2v2h2v-2zm-2-2h2l.5-6h-3l.5 6z"
/>
</g>
</svg>
@ -298,7 +298,7 @@ exports[`ActivityCard supports a non-date "date" prop on a card 1`] = `
>
<g>
<path
d="M12 4c4.41 0 8 3.59 8 8s-3.59 8-8 8-8-3.59-8-8 3.59-8 8-8m0-2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm1 13h-2v2h2v-2zm-2-2h2l.5-6h-3l.5 6z"
d="M12 4c4.411 0 8 3.589 8 8s-3.589 8-8 8-8-3.589-8-8 3.589-8 8-8m0-2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm1 13h-2v2h2v-2zm-2-2h2l.5-6h-3l.5 6z"
/>
</g>
</svg>

View File

@ -53,14 +53,10 @@ describe( 'Activity Panel - Homescreen Display Options', () => {
fireEvent.click( getByRole( 'button', { name: 'Display options' } ) );
// Verify the default of two columns.
expect(
getByText( 'Single column', { selector: 'button' } )
).toBeChecked();
expect(
getByText( 'Two columns', { selector: 'button' } )
).not.toBeChecked();
expect( getByText( 'Single column' ).parentNode ).toBeChecked();
expect( getByText( 'Two columns' ).parentNode ).not.toBeChecked();
fireEvent.click( getByText( 'Two columns', { selector: 'button' } ) );
fireEvent.click( getByText( 'Two columns' ).parentNode );
expect( recordEvent ).toHaveBeenCalledWith(
'homescreen_display_option',

View File

@ -3,7 +3,7 @@
*/
import { __, sprintf } from '@wordpress/i18n';
import { applyFilters } from '@wordpress/hooks';
import interpolateComponents from 'interpolate-components';
import interpolateComponents from '@automattic/interpolate-components';
/**
* Internal dependencies

View File

@ -5,7 +5,7 @@ import { __, _n, sprintf } from '@wordpress/i18n';
import { useMemo } from '@wordpress/element';
import { useSelect } from '@wordpress/data';
import PropTypes from 'prop-types';
import interpolateComponents from 'interpolate-components';
import interpolateComponents from '@automattic/interpolate-components';
import {
EmptyContent,
Flag,

View File

@ -10,7 +10,7 @@ import { withSelect, withDispatch } from '@wordpress/data';
import PropTypes from 'prop-types';
import StarIcon from 'gridicons/dist/star';
import StarOutlineIcon from 'gridicons/dist/star-outline';
import interpolateComponents from 'interpolate-components';
import interpolateComponents from '@automattic/interpolate-components';
import {
EmptyContent,
Link,

View File

@ -5,7 +5,7 @@ import React, { useState, useEffect } from '@wordpress/element';
import { Guide } from '@wordpress/components';
import { __ } from '@wordpress/i18n';
import { recordEvent } from '@woocommerce/tracks';
import interpolateComponents from 'interpolate-components';
import interpolateComponents from '@automattic/interpolate-components';
import classNames from 'classnames';
import { Link } from '@woocommerce/components';

View File

@ -12,7 +12,7 @@ import {
SelectControl,
} from '@wordpress/components';
import classnames from 'classnames';
import interpolateComponents from 'interpolate-components';
import interpolateComponents from '@automattic/interpolate-components';
import { compose } from '@wordpress/compose';
import { withDispatch, withSelect } from '@wordpress/data';
import moment from 'moment';

View File

@ -3,7 +3,7 @@
*/
import classnames from 'classnames';
import { omit, noop } from 'lodash';
import { useTransition, animated } from 'react-spring/web.cjs';
import { useTransition, animated } from '@react-spring/web';
import { useReducedMotion } from '@wordpress/compose';
import { useState } from '@wordpress/element';
@ -32,7 +32,8 @@ function SnackbarList( {
} ) {
const isReducedMotion = useReducedMotion();
const [ refMap ] = useState( () => new WeakMap() );
const transitions = useTransition( notices, ( notice ) => notice.id, {
const transitions = useTransition( notices, {
keys: ( notice ) => notice.id,
from: { opacity: 0, height: 0 },
enter: ( item ) => async ( next ) =>
await next( {
@ -56,8 +57,8 @@ function SnackbarList( {
return (
<div className={ className }>
{ children }
{ transitions.map( ( { item: notice, key, props: style } ) => (
<animated.div key={ key } style={ style }>
{ transitions( ( style, notice ) => (
<animated.div style={ style }>
<div
className="components-snackbar-list__notice-container"
ref={ ( ref ) => ref && refMap.set( notice, ref ) }

View File

@ -3,7 +3,7 @@
*/
import { __ } from '@wordpress/i18n';
import { Link } from '@woocommerce/components';
import interpolateComponents from 'interpolate-components';
import interpolateComponents from '@automattic/interpolate-components';
const ReadBlogMessage = () => {
return interpolateComponents( {

View File

@ -7,7 +7,7 @@ import { Text } from '@woocommerce/experimental';
import { Link } from '@woocommerce/components';
import { __, _n, sprintf } from '@wordpress/i18n';
import { Icon, chevronDown, chevronUp } from '@wordpress/icons';
import interpolateComponents from 'interpolate-components';
import interpolateComponents from '@automattic/interpolate-components';
import { pluginNames, ONBOARDING_STORE_NAME } from '@woocommerce/data';
import { recordEvent } from '@woocommerce/tracks';
import { useDispatch, useSelect } from '@wordpress/data';

View File

@ -4,7 +4,7 @@
import { __, sprintf } from '@wordpress/i18n';
import { Button, Popover, Tooltip } from '@wordpress/components';
import { Fragment, useState } from '@wordpress/element';
import interpolateComponents from 'interpolate-components';
import interpolateComponents from '@automattic/interpolate-components';
import { Link, Pill } from '@woocommerce/components';
import { recordEvent } from '@woocommerce/tracks';
import { Icon, info } from '@wordpress/icons';

View File

@ -4,7 +4,7 @@
import { __, sprintf } from '@wordpress/i18n';
import { Button, Popover, Tooltip } from '@wordpress/components';
import { useState } from '@wordpress/element';
import interpolateComponents from 'interpolate-components';
import interpolateComponents from '@automattic/interpolate-components';
import { Link, Pill } from '@woocommerce/components';
import { recordEvent } from '@woocommerce/tracks';
import { Icon, info } from '@wordpress/icons';

View File

@ -9,120 +9,145 @@ exports[`ProductTypes should render product types 1`] = `
class="woocommerce-profile-wizard__step-header"
>
<h2
class="css-1ahfdc3-Text e15wbhsk0"
size="20"
class="components-truncate components-text css-7a2wz9-View-Text-sx-Base em57xhy0"
data-wp-c16t="true"
data-wp-component="Text"
>
What type of products will be listed?
</h2>
<p
class="css-1f0yw52-Text e15wbhsk0"
class="components-truncate components-text css-sgni2d-View-Text-sx-Base em57xhy0"
data-wp-c16t="true"
data-wp-component="Text"
>
Choose any that apply
</p>
</div>
<div
class="components-card is-size-medium css-1xs3c37-CardUI e1q7k77g0"
class="components-surface components-card css-1vyvcpq-View-Surface-getBorders-primary-Card-rounded em57xhy0"
data-wp-c16t="true"
data-wp-component="Card"
>
<div
class="components-card__body css-xmjzce-BodyUI e1q7k77g3"
class="css-mgwsf4-View-Content em57xhy0"
>
<div
class="components-base-control woocommerce-profile-wizard__checkbox css-wdf2ti-Wrapper e1puf3u0"
class="components-card__body components-card-body css-1sfrl79-View-Body-borderRadius em57xhy0"
data-wp-c16t="true"
data-wp-component="CardBody"
>
<div
class="components-base-control__field css-11vcxb9-StyledField e1puf3u1"
class="components-base-control components-checkbox-control woocommerce-profile-wizard__checkbox css-wdf2ti-Wrapper e1puf3u4"
>
<span
class="components-checkbox-control__input-container"
>
<input
class="components-checkbox-control__input"
id="inspector-checkbox-control-0"
type="checkbox"
value="1"
/>
</span>
<label
class="components-checkbox-control__label"
for="inspector-checkbox-control-0"
<div
class="components-base-control__field css-igk9ll-StyledField e1puf3u3"
>
<span
class="woocommerce-product-wizard__product-types-label"
class="components-checkbox-control__input-container"
>
Paid product
<input
class="components-checkbox-control__input"
id="inspector-checkbox-control-0"
type="checkbox"
value="1"
/>
</span>
<button
aria-label="Learn more about recommended free business features"
class="components-button is-tertiary"
type="button"
>
<svg
aria-hidden="true"
focusable="false"
height="24"
role="img"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 3.2c-4.8 0-8.8 3.9-8.8 8.8 0 4.8 3.9 8.8 8.8 8.8 4.8 0 8.8-3.9 8.8-8.8 0-4.8-4-8.8-8.8-8.8zm0 16c-4 0-7.2-3.3-7.2-7.2C4.8 8 8 4.8 12 4.8s7.2 3.3 7.2 7.2c0 4-3.2 7.2-7.2 7.2zM11 17h2v-6h-2v6zm0-8h2V7h-2v2z"
/>
</svg>
</button>
<span
class="woocommerce-pill css-1qmnemh-Text e15wbhsk0"
size="12"
<label
class="components-checkbox-control__label"
for="inspector-checkbox-control-0"
>
<span
class="screen-reader-text"
class="woocommerce-product-wizard__product-types-label"
>
This product type requires a paid extension.
Paid product
</span>
<button
aria-label="Learn more about recommended free business features"
class="components-button is-tertiary"
type="button"
>
<svg
aria-hidden="true"
focusable="false"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 3.2c-4.8 0-8.8 3.9-8.8 8.8 0 4.8 3.9 8.8 8.8 8.8 4.8 0 8.8-3.9 8.8-8.8 0-4.8-4-8.8-8.8-8.8zm0 16c-4 0-7.2-3.3-7.2-7.2C4.8 8 8 4.8 12 4.8s7.2 3.3 7.2 7.2c0 4-3.2 7.2-7.2 7.2zM11 17h2v-6h-2v6zm0-8h2V7h-2v2z"
/>
</svg>
</button>
<span
class="components-truncate components-text woocommerce-pill css-1g4vivm-View-Text-sx-Base em57xhy0"
data-wp-c16t="true"
data-wp-component="Text"
>
<span
class="screen-reader-text"
>
This product type requires a paid extension.
We'll add this to a cart so that
you can purchase and install it later.
</span>
$10 per month
</span>
$10 per month
</label>
</div>
</div>
<div
class="components-base-control components-checkbox-control woocommerce-profile-wizard__checkbox css-wdf2ti-Wrapper e1puf3u4"
>
<div
class="components-base-control__field css-igk9ll-StyledField e1puf3u3"
>
<span
class="components-checkbox-control__input-container"
>
<input
class="components-checkbox-control__input"
id="inspector-checkbox-control-1"
type="checkbox"
value="1"
/>
</span>
</label>
<label
class="components-checkbox-control__label"
for="inspector-checkbox-control-1"
>
Free product
</label>
</div>
</div>
</div>
<div
class="components-base-control woocommerce-profile-wizard__checkbox css-wdf2ti-Wrapper e1puf3u0"
class="components-flex components-card__footer components-card-footer css-r62jpu-View-Flex-sx-Base-sx-Items-ItemsRow-Footer-borderRadius-borderColor-medium-borderless em57xhy0"
data-wp-c16t="true"
data-wp-component="CardFooter"
>
<div
class="components-base-control__field css-11vcxb9-StyledField e1puf3u1"
<button
class="components-button is-primary"
disabled=""
type="button"
>
<span
class="components-checkbox-control__input-container"
>
<input
class="components-checkbox-control__input"
id="inspector-checkbox-control-1"
type="checkbox"
value="1"
/>
</span>
<label
class="components-checkbox-control__label"
for="inspector-checkbox-control-1"
>
Free product
</label>
</div>
Continue
</button>
</div>
</div>
<div
class="components-flex components-card__footer is-borderless is-size-medium e1q7k77g4 css-1fpr7ir-Flex-FooterUI eboqfv50"
>
<button
class="components-button is-primary"
disabled=""
type="button"
>
Continue
</button>
</div>
aria-hidden="true"
class="components-elevation css-91yjwm-View-Elevation-sx-Base-elevationClassName em57xhy0"
data-wp-c16t="true"
data-wp-component="Elevation"
/>
<div
aria-hidden="true"
class="components-elevation css-91yjwm-View-Elevation-sx-Base-elevationClassName em57xhy0"
data-wp-c16t="true"
data-wp-component="Elevation"
/>
</div>
<div
class="woocommerce-profile-wizard__card-help-footnote"
@ -134,7 +159,9 @@ you can purchase and install it later.
for="woocommerce-product-types__pricing-toggle"
>
<p
class="css-1f0yw52-Text e15wbhsk0"
class="components-truncate components-text css-sgni2d-View-Text-sx-Base em57xhy0"
data-wp-c16t="true"
data-wp-component="Text"
>
Display monthly prices
</p>
@ -156,12 +183,13 @@ you can purchase and install it later.
</span>
</label>
</div>
<p
class="css-1qmnemh-Text e15wbhsk0"
size="12"
<span
class="components-truncate components-text css-1g4vivm-View-Text-sx-Base em57xhy0"
data-wp-c16t="true"
data-wp-component="Text"
>
Billing is annual. All purchases are covered by our 30 day money back guarantee and include access to support and updates. Extensions will be added to a cart for you to purchase later.
</p>
</span>
</div>
</div>
</div>
@ -176,120 +204,145 @@ exports[`ProductTypes should show annual prices on toggle 1`] = `
class="woocommerce-profile-wizard__step-header"
>
<h2
class="css-1ahfdc3-Text e15wbhsk0"
size="20"
class="components-truncate components-text css-7a2wz9-View-Text-sx-Base em57xhy0"
data-wp-c16t="true"
data-wp-component="Text"
>
What type of products will be listed?
</h2>
<p
class="css-1f0yw52-Text e15wbhsk0"
class="components-truncate components-text css-sgni2d-View-Text-sx-Base em57xhy0"
data-wp-c16t="true"
data-wp-component="Text"
>
Choose any that apply
</p>
</div>
<div
class="components-card is-size-medium css-1xs3c37-CardUI e1q7k77g0"
class="components-surface components-card css-1vyvcpq-View-Surface-getBorders-primary-Card-rounded em57xhy0"
data-wp-c16t="true"
data-wp-component="Card"
>
<div
class="components-card__body css-xmjzce-BodyUI e1q7k77g3"
class="css-mgwsf4-View-Content em57xhy0"
>
<div
class="components-base-control woocommerce-profile-wizard__checkbox css-wdf2ti-Wrapper e1puf3u0"
class="components-card__body components-card-body css-1sfrl79-View-Body-borderRadius em57xhy0"
data-wp-c16t="true"
data-wp-component="CardBody"
>
<div
class="components-base-control__field css-11vcxb9-StyledField e1puf3u1"
class="components-base-control components-checkbox-control woocommerce-profile-wizard__checkbox css-wdf2ti-Wrapper e1puf3u4"
>
<span
class="components-checkbox-control__input-container"
>
<input
class="components-checkbox-control__input"
id="inspector-checkbox-control-2"
type="checkbox"
value="1"
/>
</span>
<label
class="components-checkbox-control__label"
for="inspector-checkbox-control-2"
<div
class="components-base-control__field css-igk9ll-StyledField e1puf3u3"
>
<span
class="woocommerce-product-wizard__product-types-label"
class="components-checkbox-control__input-container"
>
Paid product
<input
class="components-checkbox-control__input"
id="inspector-checkbox-control-2"
type="checkbox"
value="1"
/>
</span>
<button
aria-label="Learn more about recommended free business features"
class="components-button is-tertiary"
type="button"
>
<svg
aria-hidden="true"
focusable="false"
height="24"
role="img"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 3.2c-4.8 0-8.8 3.9-8.8 8.8 0 4.8 3.9 8.8 8.8 8.8 4.8 0 8.8-3.9 8.8-8.8 0-4.8-4-8.8-8.8-8.8zm0 16c-4 0-7.2-3.3-7.2-7.2C4.8 8 8 4.8 12 4.8s7.2 3.3 7.2 7.2c0 4-3.2 7.2-7.2 7.2zM11 17h2v-6h-2v6zm0-8h2V7h-2v2z"
/>
</svg>
</button>
<span
class="woocommerce-pill css-1qmnemh-Text e15wbhsk0"
size="12"
<label
class="components-checkbox-control__label"
for="inspector-checkbox-control-2"
>
<span
class="screen-reader-text"
class="woocommerce-product-wizard__product-types-label"
>
This product type requires a paid extension.
Paid product
</span>
<button
aria-label="Learn more about recommended free business features"
class="components-button is-tertiary"
type="button"
>
<svg
aria-hidden="true"
focusable="false"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 3.2c-4.8 0-8.8 3.9-8.8 8.8 0 4.8 3.9 8.8 8.8 8.8 4.8 0 8.8-3.9 8.8-8.8 0-4.8-4-8.8-8.8-8.8zm0 16c-4 0-7.2-3.3-7.2-7.2C4.8 8 8 4.8 12 4.8s7.2 3.3 7.2 7.2c0 4-3.2 7.2-7.2 7.2zM11 17h2v-6h-2v6zm0-8h2V7h-2v2z"
/>
</svg>
</button>
<span
class="components-truncate components-text woocommerce-pill css-1g4vivm-View-Text-sx-Base em57xhy0"
data-wp-c16t="true"
data-wp-component="Text"
>
<span
class="screen-reader-text"
>
This product type requires a paid extension.
We'll add this to a cart so that
you can purchase and install it later.
</span>
$120 per year
</span>
$120 per year
</label>
</div>
</div>
<div
class="components-base-control components-checkbox-control woocommerce-profile-wizard__checkbox css-wdf2ti-Wrapper e1puf3u4"
>
<div
class="components-base-control__field css-igk9ll-StyledField e1puf3u3"
>
<span
class="components-checkbox-control__input-container"
>
<input
class="components-checkbox-control__input"
id="inspector-checkbox-control-3"
type="checkbox"
value="1"
/>
</span>
</label>
<label
class="components-checkbox-control__label"
for="inspector-checkbox-control-3"
>
Free product
</label>
</div>
</div>
</div>
<div
class="components-base-control woocommerce-profile-wizard__checkbox css-wdf2ti-Wrapper e1puf3u0"
class="components-flex components-card__footer components-card-footer css-r62jpu-View-Flex-sx-Base-sx-Items-ItemsRow-Footer-borderRadius-borderColor-medium-borderless em57xhy0"
data-wp-c16t="true"
data-wp-component="CardFooter"
>
<div
class="components-base-control__field css-11vcxb9-StyledField e1puf3u1"
<button
class="components-button is-primary"
disabled=""
type="button"
>
<span
class="components-checkbox-control__input-container"
>
<input
class="components-checkbox-control__input"
id="inspector-checkbox-control-3"
type="checkbox"
value="1"
/>
</span>
<label
class="components-checkbox-control__label"
for="inspector-checkbox-control-3"
>
Free product
</label>
</div>
Continue
</button>
</div>
</div>
<div
class="components-flex components-card__footer is-borderless is-size-medium e1q7k77g4 css-1fpr7ir-Flex-FooterUI eboqfv50"
>
<button
class="components-button is-primary"
disabled=""
type="button"
>
Continue
</button>
</div>
aria-hidden="true"
class="components-elevation css-91yjwm-View-Elevation-sx-Base-elevationClassName em57xhy0"
data-wp-c16t="true"
data-wp-component="Elevation"
/>
<div
aria-hidden="true"
class="components-elevation css-91yjwm-View-Elevation-sx-Base-elevationClassName em57xhy0"
data-wp-c16t="true"
data-wp-component="Elevation"
/>
</div>
<div
class="woocommerce-profile-wizard__card-help-footnote"
@ -301,7 +354,9 @@ you can purchase and install it later.
for="woocommerce-product-types__pricing-toggle"
>
<p
class="css-1f0yw52-Text e15wbhsk0"
class="components-truncate components-text css-sgni2d-View-Text-sx-Base em57xhy0"
data-wp-c16t="true"
data-wp-component="Text"
>
Display monthly prices
</p>
@ -323,12 +378,13 @@ you can purchase and install it later.
</span>
</label>
</div>
<p
class="css-1qmnemh-Text e15wbhsk0"
size="12"
<span
class="components-truncate components-text css-1g4vivm-View-Text-sx-Base em57xhy0"
data-wp-c16t="true"
data-wp-component="Text"
>
Billing is annual. All purchases are covered by our 30 day money back guarantee and include access to support and updates. Extensions will be added to a cart for you to purchase later.
</p>
</span>
</div>
</div>
</div>

View File

@ -19,7 +19,6 @@ exports[`ProductType should render the product type 1`] = `
aria-hidden="true"
focusable="false"
height="24"
role="img"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
@ -31,8 +30,9 @@ exports[`ProductType should render the product type 1`] = `
</button>
<span
class="woocommerce-pill css-1qmnemh-Text e15wbhsk0"
size="12"
class="components-truncate components-text woocommerce-pill css-1g4vivm-View-Text-sx-Base em57xhy0"
data-wp-c16t="true"
data-wp-component="Text"
>
<span
class="screen-reader-text"
@ -66,7 +66,6 @@ exports[`ProductType should render the product type with monthly prices 1`] = `
aria-hidden="true"
focusable="false"
height="24"
role="img"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
@ -78,8 +77,9 @@ exports[`ProductType should render the product type with monthly prices 1`] = `
</button>
<span
class="woocommerce-pill css-1qmnemh-Text e15wbhsk0"
size="12"
class="components-truncate components-text woocommerce-pill css-1g4vivm-View-Text-sx-Base em57xhy0"
data-wp-c16t="true"
data-wp-component="Text"
>
<span
class="screen-reader-text"

View File

@ -36,13 +36,16 @@ Object {
class="woocommerce-profile-wizard__step-header"
>
<h2
class="css-1ahfdc3-Text e15wbhsk0"
size="20"
class="components-truncate components-text css-7a2wz9-View-Text-sx-Base em57xhy0"
data-wp-c16t="true"
data-wp-component="Text"
>
Welcome to WooCommerce
</h2>
<p
class="css-1f0yw52-Text e15wbhsk0"
class="components-truncate components-text css-sgni2d-View-Text-sx-Base em57xhy0"
data-wp-c16t="true"
data-wp-component="Text"
>
Tell us about your store and we'll get you set up in no time
<button
@ -54,7 +57,6 @@ Object {
aria-hidden="true"
focusable="false"
height="24"
role="img"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
@ -67,105 +69,146 @@ Object {
</p>
</div>
<div
class="components-card is-size-medium css-1xs3c37-CardUI e1q7k77g0"
class="components-surface components-card css-1vyvcpq-View-Surface-getBorders-primary-Card-rounded em57xhy0"
data-wp-c16t="true"
data-wp-component="Card"
>
<div
class="components-card__body is-size-medium css-xmjzce-BodyUI e1q7k77g3"
class="css-mgwsf4-View-Content em57xhy0"
>
<span
class="components-spinner"
/>
<div>
<div
class="components-base-control muriel-component muriel-input-text with-value"
>
<div
class="components-base-control__field"
>
<label
class="components-base-control__label"
for="inspector-text-control-0"
>
Email address
</label>
<input
autocomplete="email"
checked=""
class="components-text-control__input"
id="inspector-text-control-0"
placeholder="Email address"
required=""
type="text"
value="wordpress@example.com"
/>
</div>
</div>
</div>
<div
class="components-flex__item css-1s295sp-Item eboqfv51"
class="components-card__body components-card-body css-1lr0m0h-View-Body-borderRadius-medium em57xhy0"
data-wp-c16t="true"
data-wp-component="CardBody"
>
<div
class="woocommerce-profile-wizard__newsletter-signup"
<svg
class="components-spinner css-1igdw1q-StyledSpinner e1bj2jdf2"
focusable="false"
role="presentation"
viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg"
>
<circle
class="css-mx768t-SpinnerTrack-commonPathProps e1bj2jdf1"
cx="50"
cy="50"
r="50"
vector-effect="non-scaling-stroke"
/>
<path
class="css-7c7ebc-SpinnerIndicator-commonPathProps e1bj2jdf0"
d="m 50 0 a 50 50 0 0 1 50 50"
vector-effect="non-scaling-stroke"
/>
</svg>
<div>
<div
class="components-base-control css-wdf2ti-Wrapper e1puf3u0"
class="components-base-control muriel-component muriel-input-text with-value css-wdf2ti-Wrapper e1puf3u4"
>
<div
class="components-base-control__field css-11vcxb9-StyledField e1puf3u1"
class="components-base-control__field css-igk9ll-StyledField e1puf3u3"
>
<span
class="components-checkbox-control__input-container"
>
<input
checked=""
class="components-checkbox-control__input"
id="inspector-checkbox-control-0"
type="checkbox"
value="true"
/>
<svg
aria-hidden="true"
class="components-checkbox-control__checked"
focusable="false"
height="24"
role="img"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M18.3 5.6L9.9 16.9l-4.6-3.4-.9 1.2 5.8 4.3 9.3-12.6z"
/>
</svg>
</span>
<label
class="components-checkbox-control__label"
for="inspector-checkbox-control-0"
class="components-base-control__label css-eweeby-StyledLabel-labelStyles e1puf3u2"
for="inspector-text-control-0"
>
Get tips, product updates and inspiration straight to your mailbox.
<span
class="woocommerce-profile-wizard__powered-by-mailchimp"
>
Powered by Mailchimp
</span>
Email address
</label>
<input
autocomplete="email"
checked=""
class="components-text-control__input"
id="inspector-text-control-0"
placeholder="Email address"
required=""
type="text"
value="wordpress@example.com"
/>
</div>
</div>
</div>
<div
class="components-flex-item css-mw3lhz-View-Item-sx-Base em57xhy0"
data-wp-c16t="true"
data-wp-component="FlexItem"
>
<div
class="woocommerce-profile-wizard__newsletter-signup"
>
<div
class="components-base-control components-checkbox-control css-wdf2ti-Wrapper e1puf3u4"
>
<div
class="components-base-control__field css-igk9ll-StyledField e1puf3u3"
>
<span
class="components-checkbox-control__input-container"
>
<input
checked=""
class="components-checkbox-control__input"
id="inspector-checkbox-control-0"
type="checkbox"
value="true"
/>
<svg
aria-hidden="true"
class="components-checkbox-control__checked"
focusable="false"
height="24"
role="presentation"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16.7 7.1l-6.3 8.5-3.3-2.5-.9 1.2 4.5 3.4L17.9 8z"
/>
</svg>
</span>
<label
class="components-checkbox-control__label"
for="inspector-checkbox-control-0"
>
Get tips, product updates and inspiration straight to your mailbox.
<span
class="woocommerce-profile-wizard__powered-by-mailchimp"
>
Powered by Mailchimp
</span>
</label>
</div>
</div>
</div>
</div>
</div>
<div
class="components-flex components-card__footer components-card-footer css-kiriyp-View-Flex-sx-Base-sx-Items-ItemsRow-Footer-borderRadius-borderColor-medium em57xhy0"
data-wp-c16t="true"
data-wp-component="CardFooter"
>
<button
class="components-button is-primary"
disabled=""
type="button"
>
Continue
</button>
</div>
</div>
<div
class="components-flex components-card__footer is-size-medium e1q7k77g4 css-1fpr7ir-Flex-FooterUI eboqfv50"
>
<button
class="components-button is-primary"
disabled=""
type="button"
>
Continue
</button>
</div>
aria-hidden="true"
class="components-elevation css-91yjwm-View-Elevation-sx-Base-elevationClassName em57xhy0"
data-wp-c16t="true"
data-wp-component="Elevation"
/>
<div
aria-hidden="true"
class="components-elevation css-91yjwm-View-Elevation-sx-Base-elevationClassName em57xhy0"
data-wp-c16t="true"
data-wp-component="Elevation"
/>
</div>
<div
class="woocommerce-profile-wizard__footer"
@ -186,7 +229,6 @@ Object {
aria-hidden="true"
focusable="false"
height="24"
role="img"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
@ -208,13 +250,16 @@ Object {
class="woocommerce-profile-wizard__step-header"
>
<h2
class="css-1ahfdc3-Text e15wbhsk0"
size="20"
class="components-truncate components-text css-7a2wz9-View-Text-sx-Base em57xhy0"
data-wp-c16t="true"
data-wp-component="Text"
>
Welcome to WooCommerce
</h2>
<p
class="css-1f0yw52-Text e15wbhsk0"
class="components-truncate components-text css-sgni2d-View-Text-sx-Base em57xhy0"
data-wp-c16t="true"
data-wp-component="Text"
>
Tell us about your store and we'll get you set up in no time
<button
@ -226,7 +271,6 @@ Object {
aria-hidden="true"
focusable="false"
height="24"
role="img"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
@ -239,105 +283,146 @@ Object {
</p>
</div>
<div
class="components-card is-size-medium css-1xs3c37-CardUI e1q7k77g0"
class="components-surface components-card css-1vyvcpq-View-Surface-getBorders-primary-Card-rounded em57xhy0"
data-wp-c16t="true"
data-wp-component="Card"
>
<div
class="components-card__body is-size-medium css-xmjzce-BodyUI e1q7k77g3"
class="css-mgwsf4-View-Content em57xhy0"
>
<span
class="components-spinner"
/>
<div>
<div
class="components-base-control muriel-component muriel-input-text with-value"
>
<div
class="components-base-control__field"
>
<label
class="components-base-control__label"
for="inspector-text-control-0"
>
Email address
</label>
<input
autocomplete="email"
checked=""
class="components-text-control__input"
id="inspector-text-control-0"
placeholder="Email address"
required=""
type="text"
value="wordpress@example.com"
/>
</div>
</div>
</div>
<div
class="components-flex__item css-1s295sp-Item eboqfv51"
class="components-card__body components-card-body css-1lr0m0h-View-Body-borderRadius-medium em57xhy0"
data-wp-c16t="true"
data-wp-component="CardBody"
>
<div
class="woocommerce-profile-wizard__newsletter-signup"
<svg
class="components-spinner css-1igdw1q-StyledSpinner e1bj2jdf2"
focusable="false"
role="presentation"
viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg"
>
<circle
class="css-mx768t-SpinnerTrack-commonPathProps e1bj2jdf1"
cx="50"
cy="50"
r="50"
vector-effect="non-scaling-stroke"
/>
<path
class="css-7c7ebc-SpinnerIndicator-commonPathProps e1bj2jdf0"
d="m 50 0 a 50 50 0 0 1 50 50"
vector-effect="non-scaling-stroke"
/>
</svg>
<div>
<div
class="components-base-control css-wdf2ti-Wrapper e1puf3u0"
class="components-base-control muriel-component muriel-input-text with-value css-wdf2ti-Wrapper e1puf3u4"
>
<div
class="components-base-control__field css-11vcxb9-StyledField e1puf3u1"
class="components-base-control__field css-igk9ll-StyledField e1puf3u3"
>
<span
class="components-checkbox-control__input-container"
>
<input
checked=""
class="components-checkbox-control__input"
id="inspector-checkbox-control-0"
type="checkbox"
value="true"
/>
<svg
aria-hidden="true"
class="components-checkbox-control__checked"
focusable="false"
height="24"
role="img"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M18.3 5.6L9.9 16.9l-4.6-3.4-.9 1.2 5.8 4.3 9.3-12.6z"
/>
</svg>
</span>
<label
class="components-checkbox-control__label"
for="inspector-checkbox-control-0"
class="components-base-control__label css-eweeby-StyledLabel-labelStyles e1puf3u2"
for="inspector-text-control-0"
>
Get tips, product updates and inspiration straight to your mailbox.
<span
class="woocommerce-profile-wizard__powered-by-mailchimp"
>
Powered by Mailchimp
</span>
Email address
</label>
<input
autocomplete="email"
checked=""
class="components-text-control__input"
id="inspector-text-control-0"
placeholder="Email address"
required=""
type="text"
value="wordpress@example.com"
/>
</div>
</div>
</div>
<div
class="components-flex-item css-mw3lhz-View-Item-sx-Base em57xhy0"
data-wp-c16t="true"
data-wp-component="FlexItem"
>
<div
class="woocommerce-profile-wizard__newsletter-signup"
>
<div
class="components-base-control components-checkbox-control css-wdf2ti-Wrapper e1puf3u4"
>
<div
class="components-base-control__field css-igk9ll-StyledField e1puf3u3"
>
<span
class="components-checkbox-control__input-container"
>
<input
checked=""
class="components-checkbox-control__input"
id="inspector-checkbox-control-0"
type="checkbox"
value="true"
/>
<svg
aria-hidden="true"
class="components-checkbox-control__checked"
focusable="false"
height="24"
role="presentation"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16.7 7.1l-6.3 8.5-3.3-2.5-.9 1.2 4.5 3.4L17.9 8z"
/>
</svg>
</span>
<label
class="components-checkbox-control__label"
for="inspector-checkbox-control-0"
>
Get tips, product updates and inspiration straight to your mailbox.
<span
class="woocommerce-profile-wizard__powered-by-mailchimp"
>
Powered by Mailchimp
</span>
</label>
</div>
</div>
</div>
</div>
</div>
<div
class="components-flex components-card__footer components-card-footer css-kiriyp-View-Flex-sx-Base-sx-Items-ItemsRow-Footer-borderRadius-borderColor-medium em57xhy0"
data-wp-c16t="true"
data-wp-component="CardFooter"
>
<button
class="components-button is-primary"
disabled=""
type="button"
>
Continue
</button>
</div>
</div>
<div
class="components-flex components-card__footer is-size-medium e1q7k77g4 css-1fpr7ir-Flex-FooterUI eboqfv50"
>
<button
class="components-button is-primary"
disabled=""
type="button"
>
Continue
</button>
</div>
aria-hidden="true"
class="components-elevation css-91yjwm-View-Elevation-sx-Base-elevationClassName em57xhy0"
data-wp-c16t="true"
data-wp-component="Elevation"
/>
<div
aria-hidden="true"
class="components-elevation css-91yjwm-View-Elevation-sx-Base-elevationClassName em57xhy0"
data-wp-c16t="true"
data-wp-component="Elevation"
/>
</div>
<div
class="woocommerce-profile-wizard__footer"
@ -358,7 +443,6 @@ Object {
aria-hidden="true"
focusable="false"
height="24"
role="img"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"

View File

@ -5,7 +5,7 @@ import { __, sprintf } from '@wordpress/i18n';
import { Button } from '@wordpress/components';
import classnames from 'classnames';
import { Component } from '@wordpress/element';
import interpolateComponents from 'interpolate-components';
import interpolateComponents from '@automattic/interpolate-components';
import { WebPreview } from '@woocommerce/components';
import { recordEvent } from '@woocommerce/tracks';
import { Icon, close } from '@wordpress/icons';

View File

@ -5,7 +5,7 @@ import { __ } from '@wordpress/i18n';
import { Component } from '@wordpress/element';
import { compose } from '@wordpress/compose';
import { withDispatch, withSelect } from '@wordpress/data';
import interpolateComponents from 'interpolate-components';
import interpolateComponents from '@automattic/interpolate-components';
import { Button, Modal } from '@wordpress/components';
import { Link } from '@woocommerce/components';
import { OPTIONS_STORE_NAME } from '@woocommerce/data';

View File

@ -2,7 +2,7 @@
* External dependencies
*/
import { __ } from '@wordpress/i18n';
import interpolateComponents from 'interpolate-components';
import interpolateComponents from '@automattic/interpolate-components';
import { Link, Pill } from '@woocommerce/components';
import { recordEvent } from '@woocommerce/tracks';
import { Text } from '@woocommerce/experimental';

View File

@ -4,7 +4,7 @@
import { __ } from '@wordpress/i18n';
import { useState } from '@wordpress/element';
import { getQuery, updateQueryString } from '@woocommerce/navigation';
import interpolateComponents from 'interpolate-components';
import interpolateComponents from '@automattic/interpolate-components';
import { Link } from '@woocommerce/components';
/**

View File

@ -7,7 +7,7 @@ import { Component } from '@wordpress/element';
import { Card, CardBody } from '@wordpress/components';
import { compose } from '@wordpress/compose';
import { difference, filter } from 'lodash';
import interpolateComponents from 'interpolate-components';
import interpolateComponents from '@automattic/interpolate-components';
import { withDispatch, withSelect } from '@wordpress/data';
import { Link, Stepper, Plugins } from '@woocommerce/components';
import { getAdminLink } from '@woocommerce/settings';

View File

@ -3,7 +3,7 @@
*/
import { __ } from '@wordpress/i18n';
import { getAdminLink } from '@woocommerce/settings';
import interpolateComponents from 'interpolate-components';
import interpolateComponents from '@automattic/interpolate-components';
import { recordEvent } from '@woocommerce/tracks';
/**

View File

@ -3,7 +3,7 @@
*/
import { __ } from '@wordpress/i18n';
import { Button } from '@wordpress/components';
import interpolateComponents from 'interpolate-components';
import interpolateComponents from '@automattic/interpolate-components';
import { Link } from '@woocommerce/components';
import { recordEvent } from '@woocommerce/tracks';
import { SETTINGS_STORE_NAME } from '@woocommerce/data';

View File

@ -3,7 +3,7 @@
*/
import { __ } from '@wordpress/i18n';
import { Button } from '@wordpress/components';
import interpolateComponents from 'interpolate-components';
import interpolateComponents from '@automattic/interpolate-components';
import { H } from '@woocommerce/components';
import { recordEvent } from '@woocommerce/tracks';

View File

@ -2,7 +2,7 @@
* External dependencies
*/
import { __ } from '@wordpress/i18n';
import interpolateComponents from 'interpolate-components';
import interpolateComponents from '@automattic/interpolate-components';
import { Link } from '@woocommerce/components';
import { recordEvent } from '@woocommerce/tracks';
import { updateQueryString } from '@woocommerce/navigation';

View File

@ -2,7 +2,7 @@
* External dependencies
*/
import { __ } from '@wordpress/i18n';
import interpolateComponents from 'interpolate-components';
import interpolateComponents from '@automattic/interpolate-components';
import { Link, Plugins as PluginInstaller } from '@woocommerce/components';
import { OPTIONS_STORE_NAME, PLUGINS_STORE_NAME } from '@woocommerce/data';
import { recordEvent, queueRecordEvent } from '@woocommerce/tracks';

View File

@ -3,7 +3,6 @@
*/
import { act, render } from '@testing-library/react';
import userEvent from '@testing-library/user-event';
import { WooOnboardingTaskListItem } from '@woocommerce/onboarding';
import { SlotFillProvider } from '@wordpress/components';
import { useDispatch } from '@wordpress/data';
import { useSlot } from '@woocommerce/experimental';
@ -13,7 +12,17 @@ import { useSlot } from '@woocommerce/experimental';
*/
import { TaskListItem } from '../task-list-item';
jest.mock( '@wordpress/data' );
jest.mock( '@wordpress/data', () => {
const originalModule = jest.requireActual( '@wordpress/data' );
return {
...originalModule,
useDispatch: jest.fn(),
// Mock dispatch to avoid errors for @wordpress/viewport listener.
dispatch: jest.fn().mockReturnValue( {
setIsMatching: jest.fn(),
} ),
};
} );
const mockDispatch = {
createNotice: jest.fn(),

View File

@ -8,7 +8,7 @@ import { useDispatch } from '@wordpress/data';
import { useState } from '@wordpress/element';
import { WC_ADMIN_NAMESPACE } from '@woocommerce/data';
import { Link } from '@woocommerce/components';
import interpolateComponents from 'interpolate-components';
import interpolateComponents from '@automattic/interpolate-components';
/**
* Internal dependencies

View File

@ -5,7 +5,7 @@ import { __ } from '@wordpress/i18n';
import { Component } from '@wordpress/element';
import { Button, ExternalLink } from '@wordpress/components';
import { compose } from '@wordpress/compose';
import interpolateComponents from 'interpolate-components';
import interpolateComponents from '@automattic/interpolate-components';
import PropTypes from 'prop-types';
import { get, isArray } from 'lodash';
import { PLUGINS_STORE_NAME } from '@woocommerce/data';

View File

@ -1,6 +1,3 @@
// This is needed so ExternalLinks appear correctly. Should be part of 'wp-components' style but for some reason it's not.
@import '@wordpress/components/src/visually-hidden/style';
#woocommerce-admin-print-label {
.postbox-header {
display: none;

File diff suppressed because it is too large Load Diff

View File

@ -91,36 +91,36 @@
},
"dependencies": {
"@automattic/explat-client": "0.0.2",
"@automattic/explat-client-react-helpers": "0.0.2",
"@automattic/explat-client-react-helpers": "0.0.3",
"@automattic/interpolate-components": "1.2.0",
"@woocommerce/api": "0.2.0",
"@woocommerce/e2e-environment": "0.2.3",
"@woocommerce/e2e-utils": "0.1.6",
"@wordpress/api-fetch": "2.2.8",
"@wordpress/api-fetch": "6.0.1",
"@wordpress/base-styles": "3.3.0",
"@wordpress/components": "11.1.3",
"@wordpress/compose": "3.23.1",
"@wordpress/core-data": "3.0.0",
"@wordpress/data": "5.0.0",
"@wordpress/data-controls": "2.0.0",
"@wordpress/date": "3.13.0",
"@wordpress/dom": "2.16.0",
"@wordpress/element": "2.19.0",
"@wordpress/components": "19.4.0",
"@wordpress/compose": "5.1.1",
"@wordpress/core-data": "4.1.0",
"@wordpress/data": "6.2.1",
"@wordpress/data-controls": "2.3.1",
"@wordpress/date": "4.3.1",
"@wordpress/dom": "3.3.1",
"@wordpress/element": "4.1.1",
"@wordpress/hooks": "2.11.0",
"@wordpress/html-entities": "2.10.0",
"@wordpress/i18n": "3.17.0",
"@wordpress/icons": "2.10.3",
"@wordpress/keycodes": "2.18.0",
"@wordpress/notices": "1.12.0",
"@wordpress/plugins": "2.24.1",
"@wordpress/url": "2.21.0",
"@wordpress/viewport": "2.25.1",
"@wordpress/html-entities": "3.3.1",
"@wordpress/i18n": "4.3.1",
"@wordpress/icons": "6.3.0",
"@wordpress/keycodes": "3.3.1",
"@wordpress/notices": "3.3.0",
"@wordpress/plugins": "4.1.0",
"@wordpress/url": "3.4.1",
"@wordpress/viewport": "4.1.0",
"classnames": "2.3.1",
"core-js": "3.9.1",
"debug": "4.3.1",
"dompurify": "2.2.9",
"github-label-sync": "2.0.0",
"gridicons": "3.3.1",
"interpolate-components": "1.1.1",
"gridicons": "3.4.0",
"memize": "1.1.0",
"memoize-one": "5.1.1",
"qs": "6.9.6",
@ -128,7 +128,8 @@
"react-router-dom": "5.2.0",
"react-transition-group": "4.4.1",
"react-visibility-sensor": "5.1.1",
"redux": "4.0.5",
"@react-spring/web": "^9.2.4",
"redux": "4.1.2",
"typescript": "4.2.4"
},
"devDependencies": {
@ -164,8 +165,8 @@
"@types/puppeteer": "4.0.1",
"@types/react-router-dom": "5.1.7",
"@types/react-transition-group": "4.4.1",
"@types/wordpress__components": "9.8.6",
"@types/wordpress__data-controls": "1.0.4",
"@types/wordpress__components": "19.3.0",
"@types/wordpress__data-controls": "2.2.0",
"@typescript-eslint/eslint-plugin": "4.22.1",
"@woocommerce/admin-e2e-tests": "file:packages/admin-e2e-tests",
"@woocommerce/components": "file:packages/components",
@ -186,12 +187,12 @@
"@woocommerce/style-build": "file:packages/style-build",
"@woocommerce/tracks": "file:packages/tracks",
"@wordpress/babel-plugin-makepot": "2.1.3",
"@wordpress/babel-preset-default": "^6.2.0",
"@wordpress/babel-preset-default": "^6.5.1",
"@wordpress/browserslist-config": "4.0.1",
"@wordpress/custom-templated-path-webpack-plugin": "1.7.0",
"@wordpress/e2e-test-utils": "4.16.1",
"@wordpress/eslint-plugin": "8.0.0",
"@wordpress/jest-preset-default": "7.1.0",
"@wordpress/jest-preset-default": "8.0.0",
"@wordpress/postcss-plugins-preset": "1.6.0",
"@wordpress/postcss-themes": "1.0.5",
"@wordpress/prettier-config": "0.4.0",

View File

@ -1,8 +1,13 @@
# Unreleased
- Update line-height of SelectControl label to avoid truncated descenders in some typefaces and zoom levels. #8186
- Added Typescript type declarations to build for @woocommerce/components. #8282
- Made @woocommerce/components/Stepper a Typescript file. #8286
- Added Typescript type declarations to build for @woocommerce/components #8282
## Breaking changes
- Update dependencies to support react 17. #8305
- Drop support for IE11. #8305
# 8.2.0
- Fix usage of Wordpress DatePicker component in `DatePicker`. #7982

View File

@ -32,19 +32,19 @@
"@woocommerce/data": "file:../data",
"@woocommerce/date": "file:../date",
"@woocommerce/navigation": "file:../navigation",
"@wordpress/api-fetch": "^3.21.5",
"@wordpress/components": "10.2.0",
"@wordpress/compose": "3.23.1",
"@wordpress/date": "3.13.0",
"@wordpress/deprecated": "^3.1.1",
"@wordpress/dom": "2.16.0",
"@wordpress/element": "2.19.0",
"@wordpress/html-entities": "2.10.0",
"@wordpress/i18n": "3.17.0",
"@wordpress/icons": "^2.10.3",
"@wordpress/keycodes": "2.18.0",
"@wordpress/url": "2.21.0",
"@wordpress/viewport": "2.24.0",
"@wordpress/api-fetch": "6.0.1",
"@wordpress/components": "19.4.0",
"@wordpress/compose": "5.1.1",
"@wordpress/date": "4.3.1",
"@wordpress/deprecated": "^3.3.1",
"@wordpress/dom": "3.3.1",
"@wordpress/element": "4.1.1",
"@wordpress/html-entities": "3.3.1",
"@wordpress/i18n": "4.3.1",
"@wordpress/icons": "6.3.0",
"@wordpress/keycodes": "3.3.1",
"@wordpress/url": "3.4.1",
"@wordpress/viewport": "4.1.0",
"classnames": "^2.3.1",
"core-js": "3.9.1",
"d3-axis": "1.0.12",
@ -56,8 +56,8 @@
"d3-time-format": "2.3.0",
"dompurify": "2.2.9",
"emoji-flags": "1.3.0",
"gridicons": "3.3.1",
"interpolate-components": "1.1.1",
"gridicons": "3.4.0",
"@automattic/interpolate-components": "1.2.0",
"memoize-one": "5.1.1",
"moment": "2.29.1",
"prop-types": "15.7.2",

View File

@ -3,33 +3,53 @@
exports[`AbbreviatedCard it renders correctly 1`] = `
<div>
<div
class="components-card is-size-medium woocommerce-abbreviated-card css-1xs3c37-CardUI e1q7k77g0"
class="components-surface components-card woocommerce-abbreviated-card css-1vyvcpq-View-Surface-getBorders-primary-Card-rounded em57xhy0"
data-wp-c16t="true"
data-wp-component="Card"
>
<div
class="components-card__body css-xmjzce-BodyUI e1q7k77g3"
class="css-mgwsf4-View-Content em57xhy0"
>
<a
data-link-type="wc-admin"
href="#"
<div
class="components-card__body components-card-body css-1sfrl79-View-Body-borderRadius em57xhy0"
data-wp-c16t="true"
data-wp-component="CardBody"
>
<div
class="woocommerce-abbreviated-card__icon"
<a
data-link-type="wc-admin"
href="#"
>
<div
size="24"
class="woocommerce-abbreviated-card__icon"
>
icon
<div
size="24"
>
icon
</div>
</div>
</div>
<div
class="woocommerce-abbreviated-card__content"
>
<p>
Abbreviated card content
</p>
</div>
</a>
<div
class="woocommerce-abbreviated-card__content"
>
<p>
Abbreviated card content
</p>
</div>
</a>
</div>
</div>
<div
aria-hidden="true"
class="components-elevation css-91yjwm-View-Elevation-sx-Base-elevationClassName em57xhy0"
data-wp-c16t="true"
data-wp-component="Elevation"
/>
<div
aria-hidden="true"
class="components-elevation css-91yjwm-View-Elevation-sx-Base-elevationClassName em57xhy0"
data-wp-c16t="true"
data-wp-component="Elevation"
/>
</div>
</div>
`;

View File

@ -4,7 +4,7 @@
import PropTypes from 'prop-types';
import { SelectControl as Select, Spinner } from '@wordpress/components';
import { partial } from 'lodash';
import interpolateComponents from 'interpolate-components';
import interpolateComponents from '@automattic/interpolate-components';
import classnames from 'classnames';
import {
createElement,

View File

@ -2,7 +2,7 @@
* External dependencies
*/
import { createElement, Component, Fragment } from '@wordpress/element';
import interpolateComponents from 'interpolate-components';
import interpolateComponents from '@automattic/interpolate-components';
import { SelectControl } from '@wordpress/components';
import { find, partial } from 'lodash';
import classnames from 'classnames';

View File

@ -15,7 +15,7 @@ import { createElement, Component, createRef } from '@wordpress/element';
import { partial, difference, isEqual } from 'lodash';
import PropTypes from 'prop-types';
import AddOutlineIcon from 'gridicons/dist/add-outline';
import interpolateComponents from 'interpolate-components';
import interpolateComponents from '@automattic/interpolate-components';
import {
getActiveFiltersFromQuery,
getDefaultOptionValue,

View File

@ -4,7 +4,7 @@
import { createElement, Component, Fragment } from '@wordpress/element';
import { SelectControl, TextControl } from '@wordpress/components';
import { get, find, partial, isArray } from 'lodash';
import interpolateComponents from 'interpolate-components';
import interpolateComponents from '@automattic/interpolate-components';
import classnames from 'classnames';
import { sprintf, __, _x } from '@wordpress/i18n';

View File

@ -6,7 +6,7 @@ import { SelectControl } from '@wordpress/components';
import { getIdsFromQuery } from '@woocommerce/navigation';
import { find, isEqual, partial } from 'lodash';
import PropTypes from 'prop-types';
import interpolateComponents from 'interpolate-components';
import interpolateComponents from '@automattic/interpolate-components';
import classnames from 'classnames';
/**

View File

@ -5,7 +5,7 @@ import { createElement, Component, Fragment } from '@wordpress/element';
import { SelectControl, Spinner } from '@wordpress/components';
import { find, partial } from 'lodash';
import PropTypes from 'prop-types';
import interpolateComponents from 'interpolate-components';
import interpolateComponents from '@automattic/interpolate-components';
import classnames from 'classnames';
import { getDefaultOptionValue } from '@woocommerce/navigation';

View File

@ -16,7 +16,7 @@ exports[`ProductRating should render rating based on product object 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -30,7 +30,7 @@ exports[`ProductRating should render rating based on product object 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -44,7 +44,7 @@ exports[`ProductRating should render rating based on product object 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -58,7 +58,7 @@ exports[`ProductRating should render rating based on product object 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -72,7 +72,7 @@ exports[`ProductRating should render rating based on product object 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -90,7 +90,7 @@ exports[`ProductRating should render rating based on product object 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -104,7 +104,7 @@ exports[`ProductRating should render rating based on product object 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -118,7 +118,7 @@ exports[`ProductRating should render rating based on product object 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -132,7 +132,7 @@ exports[`ProductRating should render rating based on product object 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -146,7 +146,7 @@ exports[`ProductRating should render rating based on product object 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -171,7 +171,7 @@ exports[`Rating should render different icons if specified 1`] = `
>
<g>
<path
d="M12 6.308l1.176 3.167.347.936.997.042 3.374.14-2.647 2.09-.784.62.27.963.91 3.25-2.813-1.872-.83-.553-.83.552-2.814 1.87.91-3.248.27-.962-.783-.62-2.648-2.092 3.374-.14.996-.04.347-.936L12 6.308M12 2L9.418 8.953 2 9.257l5.822 4.602L5.82 21 12 16.89 18.18 21l-2.002-7.14L22 9.256l-7.418-.305L12 2z"
d="M12 6.308l1.176 3.167.347.936.997.041 3.374.139-2.647 2.092-.784.62.27.962.911 3.249-2.814-1.871-.83-.553-.83.552-2.814 1.871.911-3.249.27-.962-.784-.62-2.648-2.092 3.374-.139.997-.041.347-.936L12 6.308M12 2L9.418 8.953 2 9.257l5.822 4.602L5.82 21 12 16.891 18.18 21l-2.002-7.141L22 9.257l-7.418-.305L12 2z"
/>
</g>
</svg>
@ -185,7 +185,7 @@ exports[`Rating should render different icons if specified 1`] = `
>
<g>
<path
d="M12 6.308l1.176 3.167.347.936.997.042 3.374.14-2.647 2.09-.784.62.27.963.91 3.25-2.813-1.872-.83-.553-.83.552-2.814 1.87.91-3.248.27-.962-.783-.62-2.648-2.092 3.374-.14.996-.04.347-.936L12 6.308M12 2L9.418 8.953 2 9.257l5.822 4.602L5.82 21 12 16.89 18.18 21l-2.002-7.14L22 9.256l-7.418-.305L12 2z"
d="M12 6.308l1.176 3.167.347.936.997.041 3.374.139-2.647 2.092-.784.62.27.962.911 3.249-2.814-1.871-.83-.553-.83.552-2.814 1.871.911-3.249.27-.962-.784-.62-2.648-2.092 3.374-.139.997-.041.347-.936L12 6.308M12 2L9.418 8.953 2 9.257l5.822 4.602L5.82 21 12 16.891 18.18 21l-2.002-7.141L22 9.257l-7.418-.305L12 2z"
/>
</g>
</svg>
@ -199,7 +199,7 @@ exports[`Rating should render different icons if specified 1`] = `
>
<g>
<path
d="M12 6.308l1.176 3.167.347.936.997.042 3.374.14-2.647 2.09-.784.62.27.963.91 3.25-2.813-1.872-.83-.553-.83.552-2.814 1.87.91-3.248.27-.962-.783-.62-2.648-2.092 3.374-.14.996-.04.347-.936L12 6.308M12 2L9.418 8.953 2 9.257l5.822 4.602L5.82 21 12 16.89 18.18 21l-2.002-7.14L22 9.256l-7.418-.305L12 2z"
d="M12 6.308l1.176 3.167.347.936.997.041 3.374.139-2.647 2.092-.784.62.27.962.911 3.249-2.814-1.871-.83-.553-.83.552-2.814 1.871.911-3.249.27-.962-.784-.62-2.648-2.092 3.374-.139.997-.041.347-.936L12 6.308M12 2L9.418 8.953 2 9.257l5.822 4.602L5.82 21 12 16.891 18.18 21l-2.002-7.141L22 9.257l-7.418-.305L12 2z"
/>
</g>
</svg>
@ -213,7 +213,7 @@ exports[`Rating should render different icons if specified 1`] = `
>
<g>
<path
d="M12 6.308l1.176 3.167.347.936.997.042 3.374.14-2.647 2.09-.784.62.27.963.91 3.25-2.813-1.872-.83-.553-.83.552-2.814 1.87.91-3.248.27-.962-.783-.62-2.648-2.092 3.374-.14.996-.04.347-.936L12 6.308M12 2L9.418 8.953 2 9.257l5.822 4.602L5.82 21 12 16.89 18.18 21l-2.002-7.14L22 9.256l-7.418-.305L12 2z"
d="M12 6.308l1.176 3.167.347.936.997.041 3.374.139-2.647 2.092-.784.62.27.962.911 3.249-2.814-1.871-.83-.553-.83.552-2.814 1.871.911-3.249.27-.962-.784-.62-2.648-2.092 3.374-.139.997-.041.347-.936L12 6.308M12 2L9.418 8.953 2 9.257l5.822 4.602L5.82 21 12 16.891 18.18 21l-2.002-7.141L22 9.257l-7.418-.305L12 2z"
/>
</g>
</svg>
@ -227,7 +227,7 @@ exports[`Rating should render different icons if specified 1`] = `
>
<g>
<path
d="M12 6.308l1.176 3.167.347.936.997.042 3.374.14-2.647 2.09-.784.62.27.963.91 3.25-2.813-1.872-.83-.553-.83.552-2.814 1.87.91-3.248.27-.962-.783-.62-2.648-2.092 3.374-.14.996-.04.347-.936L12 6.308M12 2L9.418 8.953 2 9.257l5.822 4.602L5.82 21 12 16.89 18.18 21l-2.002-7.14L22 9.256l-7.418-.305L12 2z"
d="M12 6.308l1.176 3.167.347.936.997.041 3.374.139-2.647 2.092-.784.62.27.962.911 3.249-2.814-1.871-.83-.553-.83.552-2.814 1.871.911-3.249.27-.962-.784-.62-2.648-2.092 3.374-.139.997-.041.347-.936L12 6.308M12 2L9.418 8.953 2 9.257l5.822 4.602L5.82 21 12 16.891 18.18 21l-2.002-7.141L22 9.257l-7.418-.305L12 2z"
/>
</g>
</svg>
@ -245,7 +245,7 @@ exports[`Rating should render different icons if specified 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -259,7 +259,7 @@ exports[`Rating should render different icons if specified 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -273,7 +273,7 @@ exports[`Rating should render different icons if specified 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -287,7 +287,7 @@ exports[`Rating should render different icons if specified 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -301,7 +301,7 @@ exports[`Rating should render different icons if specified 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -326,7 +326,7 @@ exports[`Rating should render stars at a different size 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -340,7 +340,7 @@ exports[`Rating should render stars at a different size 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -354,7 +354,7 @@ exports[`Rating should render stars at a different size 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -368,7 +368,7 @@ exports[`Rating should render stars at a different size 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -382,7 +382,7 @@ exports[`Rating should render stars at a different size 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -400,7 +400,7 @@ exports[`Rating should render stars at a different size 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -414,7 +414,7 @@ exports[`Rating should render stars at a different size 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -428,7 +428,7 @@ exports[`Rating should render stars at a different size 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -442,7 +442,7 @@ exports[`Rating should render stars at a different size 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -456,7 +456,7 @@ exports[`Rating should render stars at a different size 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -481,7 +481,7 @@ exports[`Rating should render the correct amount of total stars 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -495,7 +495,7 @@ exports[`Rating should render the correct amount of total stars 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -509,7 +509,7 @@ exports[`Rating should render the correct amount of total stars 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -523,7 +523,7 @@ exports[`Rating should render the correct amount of total stars 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -537,7 +537,7 @@ exports[`Rating should render the correct amount of total stars 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -551,7 +551,7 @@ exports[`Rating should render the correct amount of total stars 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -569,7 +569,7 @@ exports[`Rating should render the correct amount of total stars 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -583,7 +583,7 @@ exports[`Rating should render the correct amount of total stars 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -597,7 +597,7 @@ exports[`Rating should render the correct amount of total stars 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -611,7 +611,7 @@ exports[`Rating should render the correct amount of total stars 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -625,7 +625,7 @@ exports[`Rating should render the correct amount of total stars 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -639,7 +639,7 @@ exports[`Rating should render the correct amount of total stars 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -664,7 +664,7 @@ exports[`Rating should render the passed rating prop 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -678,7 +678,7 @@ exports[`Rating should render the passed rating prop 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -692,7 +692,7 @@ exports[`Rating should render the passed rating prop 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -706,7 +706,7 @@ exports[`Rating should render the passed rating prop 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -720,7 +720,7 @@ exports[`Rating should render the passed rating prop 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -738,7 +738,7 @@ exports[`Rating should render the passed rating prop 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -752,7 +752,7 @@ exports[`Rating should render the passed rating prop 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -766,7 +766,7 @@ exports[`Rating should render the passed rating prop 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -780,7 +780,7 @@ exports[`Rating should render the passed rating prop 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -794,7 +794,7 @@ exports[`Rating should render the passed rating prop 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -819,7 +819,7 @@ exports[`ReviewRating should render rating based on review object 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -833,7 +833,7 @@ exports[`ReviewRating should render rating based on review object 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -847,7 +847,7 @@ exports[`ReviewRating should render rating based on review object 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -861,7 +861,7 @@ exports[`ReviewRating should render rating based on review object 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -875,7 +875,7 @@ exports[`ReviewRating should render rating based on review object 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -893,7 +893,7 @@ exports[`ReviewRating should render rating based on review object 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -907,7 +907,7 @@ exports[`ReviewRating should render rating based on review object 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -921,7 +921,7 @@ exports[`ReviewRating should render rating based on review object 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -935,7 +935,7 @@ exports[`ReviewRating should render rating based on review object 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>
@ -949,7 +949,7 @@ exports[`ReviewRating should render rating based on review object 1`] = `
>
<g>
<path
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304"
d="M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.891 5.82 21l2.002-7.141L2 9.257l7.418-.304z"
/>
</g>
</svg>

View File

@ -47,13 +47,13 @@ Object {
class="woocommerce-search-list__search"
>
<div
class="components-base-control"
class="components-base-control css-wdf2ti-Wrapper e1puf3u4"
>
<div
class="components-base-control__field"
class="components-base-control__field css-igk9ll-StyledField e1puf3u3"
>
<label
class="components-base-control__label"
class="components-base-control__label css-eweeby-StyledLabel-labelStyles e1puf3u2"
for="inspector-text-control-10"
>
Search for items
@ -246,13 +246,13 @@ Object {
class="woocommerce-search-list__search"
>
<div
class="components-base-control"
class="components-base-control css-wdf2ti-Wrapper e1puf3u4"
>
<div
class="components-base-control__field"
class="components-base-control__field css-igk9ll-StyledField e1puf3u3"
>
<label
class="components-base-control__label"
class="components-base-control__label css-eweeby-StyledLabel-labelStyles e1puf3u2"
for="inspector-text-control-10"
>
Search for items
@ -526,13 +526,13 @@ Object {
class="woocommerce-search-list__search"
>
<div
class="components-base-control"
class="components-base-control css-wdf2ti-Wrapper e1puf3u4"
>
<div
class="components-base-control__field"
class="components-base-control__field css-igk9ll-StyledField e1puf3u3"
>
<label
class="components-base-control__label"
class="components-base-control__label css-eweeby-StyledLabel-labelStyles e1puf3u2"
for="inspector-text-control-0"
>
Search for items
@ -710,13 +710,13 @@ Object {
class="woocommerce-search-list__search"
>
<div
class="components-base-control"
class="components-base-control css-wdf2ti-Wrapper e1puf3u4"
>
<div
class="components-base-control__field"
class="components-base-control__field css-igk9ll-StyledField e1puf3u3"
>
<label
class="components-base-control__label"
class="components-base-control__label css-eweeby-StyledLabel-labelStyles e1puf3u2"
for="inspector-text-control-0"
>
Search for items
@ -975,13 +975,13 @@ Object {
class="woocommerce-search-list__search"
>
<div
class="components-base-control"
class="components-base-control css-wdf2ti-Wrapper e1puf3u4"
>
<div
class="components-base-control__field"
class="components-base-control__field css-igk9ll-StyledField e1puf3u3"
>
<label
class="components-base-control__label"
class="components-base-control__label css-eweeby-StyledLabel-labelStyles e1puf3u2"
for="inspector-text-control-1"
>
Search for items
@ -1159,13 +1159,13 @@ Object {
class="woocommerce-search-list__search"
>
<div
class="components-base-control"
class="components-base-control css-wdf2ti-Wrapper e1puf3u4"
>
<div
class="components-base-control__field"
class="components-base-control__field css-igk9ll-StyledField e1puf3u3"
>
<label
class="components-base-control__label"
class="components-base-control__label css-eweeby-StyledLabel-labelStyles e1puf3u2"
for="inspector-text-control-1"
>
Search for items
@ -1424,13 +1424,13 @@ Object {
class="woocommerce-search-list__search"
>
<div
class="components-base-control"
class="components-base-control css-wdf2ti-Wrapper e1puf3u4"
>
<div
class="components-base-control__field"
class="components-base-control__field css-igk9ll-StyledField e1puf3u3"
>
<label
class="components-base-control__label"
class="components-base-control__label css-eweeby-StyledLabel-labelStyles e1puf3u2"
for="inspector-text-control-9"
>
Search for items
@ -1506,13 +1506,13 @@ Object {
class="woocommerce-search-list__search"
>
<div
class="components-base-control"
class="components-base-control css-wdf2ti-Wrapper e1puf3u4"
>
<div
class="components-base-control__field"
class="components-base-control__field css-igk9ll-StyledField e1puf3u3"
>
<label
class="components-base-control__label"
class="components-base-control__label css-eweeby-StyledLabel-labelStyles e1puf3u2"
for="inspector-text-control-9"
>
Search for items
@ -1669,13 +1669,13 @@ Object {
class="woocommerce-search-list__search"
>
<div
class="components-base-control"
class="components-base-control css-wdf2ti-Wrapper e1puf3u4"
>
<div
class="components-base-control__field"
class="components-base-control__field css-igk9ll-StyledField e1puf3u3"
>
<label
class="components-base-control__label"
class="components-base-control__label css-eweeby-StyledLabel-labelStyles e1puf3u2"
for="inspector-text-control-8"
>
Testing search label
@ -1853,13 +1853,13 @@ Object {
class="woocommerce-search-list__search"
>
<div
class="components-base-control"
class="components-base-control css-wdf2ti-Wrapper e1puf3u4"
>
<div
class="components-base-control__field"
class="components-base-control__field css-igk9ll-StyledField e1puf3u3"
>
<label
class="components-base-control__label"
class="components-base-control__label css-eweeby-StyledLabel-labelStyles e1puf3u2"
for="inspector-text-control-8"
>
Testing search label
@ -2118,13 +2118,13 @@ Object {
class="woocommerce-search-list__search"
>
<div
class="components-base-control"
class="components-base-control css-wdf2ti-Wrapper e1puf3u4"
>
<div
class="components-base-control__field"
class="components-base-control__field css-igk9ll-StyledField e1puf3u3"
>
<label
class="components-base-control__label"
class="components-base-control__label css-eweeby-StyledLabel-labelStyles e1puf3u2"
for="inspector-text-control-4"
>
Search for items
@ -2156,7 +2156,7 @@ Object {
>
<g>
<path
d="M12 4c4.41 0 8 3.59 8 8s-3.59 8-8 8-8-3.59-8-8 3.59-8 8-8m0-2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm1 13h-2v2h2v-2zm-2-2h2l.5-6h-3l.5 6z"
d="M12 4c4.411 0 8 3.589 8 8s-3.589 8-8 8-8-3.589-8-8 3.589-8 8-8m0-2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm1 13h-2v2h2v-2zm-2-2h2l.5-6h-3l.5 6z"
/>
</g>
</svg>
@ -2189,13 +2189,13 @@ Object {
class="woocommerce-search-list__search"
>
<div
class="components-base-control"
class="components-base-control css-wdf2ti-Wrapper e1puf3u4"
>
<div
class="components-base-control__field"
class="components-base-control__field css-igk9ll-StyledField e1puf3u3"
>
<label
class="components-base-control__label"
class="components-base-control__label css-eweeby-StyledLabel-labelStyles e1puf3u2"
for="inspector-text-control-4"
>
Search for items
@ -2227,7 +2227,7 @@ Object {
>
<g>
<path
d="M12 4c4.41 0 8 3.59 8 8s-3.59 8-8 8-8-3.59-8-8 3.59-8 8-8m0-2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm1 13h-2v2h2v-2zm-2-2h2l.5-6h-3l.5 6z"
d="M12 4c4.411 0 8 3.589 8 8s-3.589 8-8 8-8-3.589-8-8 3.589-8 8-8m0-2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm1 13h-2v2h2v-2zm-2-2h2l.5-6h-3l.5 6z"
/>
</g>
</svg>
@ -2341,13 +2341,13 @@ Object {
class="woocommerce-search-list__search"
>
<div
class="components-base-control"
class="components-base-control css-wdf2ti-Wrapper e1puf3u4"
>
<div
class="components-base-control__field"
class="components-base-control__field css-igk9ll-StyledField e1puf3u3"
>
<label
class="components-base-control__label"
class="components-base-control__label css-eweeby-StyledLabel-labelStyles e1puf3u2"
for="inspector-text-control-7"
>
Search for items
@ -2379,7 +2379,7 @@ Object {
>
<g>
<path
d="M12 4c4.41 0 8 3.59 8 8s-3.59 8-8 8-8-3.59-8-8 3.59-8 8-8m0-2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm1 13h-2v2h2v-2zm-2-2h2l.5-6h-3l.5 6z"
d="M12 4c4.411 0 8 3.589 8 8s-3.589 8-8 8-8-3.589-8-8 3.589-8 8-8m0-2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm1 13h-2v2h2v-2zm-2-2h2l.5-6h-3l.5 6z"
/>
</g>
</svg>
@ -2412,13 +2412,13 @@ Object {
class="woocommerce-search-list__search"
>
<div
class="components-base-control"
class="components-base-control css-wdf2ti-Wrapper e1puf3u4"
>
<div
class="components-base-control__field"
class="components-base-control__field css-igk9ll-StyledField e1puf3u3"
>
<label
class="components-base-control__label"
class="components-base-control__label css-eweeby-StyledLabel-labelStyles e1puf3u2"
for="inspector-text-control-7"
>
Search for items
@ -2450,7 +2450,7 @@ Object {
>
<g>
<path
d="M12 4c4.41 0 8 3.59 8 8s-3.59 8-8 8-8-3.59-8-8 3.59-8 8-8m0-2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm1 13h-2v2h2v-2zm-2-2h2l.5-6h-3l.5 6z"
d="M12 4c4.411 0 8 3.589 8 8s-3.589 8-8 8-8-3.589-8-8 3.589-8 8-8m0-2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm1 13h-2v2h2v-2zm-2-2h2l.5-6h-3l.5 6z"
/>
</g>
</svg>
@ -2564,13 +2564,13 @@ Object {
class="woocommerce-search-list__search"
>
<div
class="components-base-control"
class="components-base-control css-wdf2ti-Wrapper e1puf3u4"
>
<div
class="components-base-control__field"
class="components-base-control__field css-igk9ll-StyledField e1puf3u3"
>
<label
class="components-base-control__label"
class="components-base-control__label css-eweeby-StyledLabel-labelStyles e1puf3u2"
for="inspector-text-control-5"
>
Search for items
@ -2664,13 +2664,13 @@ Object {
class="woocommerce-search-list__search"
>
<div
class="components-base-control"
class="components-base-control css-wdf2ti-Wrapper e1puf3u4"
>
<div
class="components-base-control__field"
class="components-base-control__field css-igk9ll-StyledField e1puf3u3"
>
<label
class="components-base-control__label"
class="components-base-control__label css-eweeby-StyledLabel-labelStyles e1puf3u2"
for="inspector-text-control-5"
>
Search for items
@ -2845,13 +2845,13 @@ Object {
class="woocommerce-search-list__search"
>
<div
class="components-base-control"
class="components-base-control css-wdf2ti-Wrapper e1puf3u4"
>
<div
class="components-base-control__field"
class="components-base-control__field css-igk9ll-StyledField e1puf3u3"
>
<label
class="components-base-control__label"
class="components-base-control__label css-eweeby-StyledLabel-labelStyles e1puf3u2"
for="inspector-text-control-6"
>
Search for items
@ -2945,13 +2945,13 @@ Object {
class="woocommerce-search-list__search"
>
<div
class="components-base-control"
class="components-base-control css-wdf2ti-Wrapper e1puf3u4"
>
<div
class="components-base-control__field"
class="components-base-control__field css-igk9ll-StyledField e1puf3u3"
>
<label
class="components-base-control__label"
class="components-base-control__label css-eweeby-StyledLabel-labelStyles e1puf3u2"
for="inspector-text-control-6"
>
Search for items
@ -3159,7 +3159,6 @@ Object {
class="clear-icon"
focusable="false"
height="20"
role="img"
viewBox="0 0 24 24"
width="20"
xmlns="http://www.w3.org/2000/svg"
@ -3177,13 +3176,13 @@ Object {
class="woocommerce-search-list__search"
>
<div
class="components-base-control"
class="components-base-control css-wdf2ti-Wrapper e1puf3u4"
>
<div
class="components-base-control__field"
class="components-base-control__field css-igk9ll-StyledField e1puf3u3"
>
<label
class="components-base-control__label"
class="components-base-control__label css-eweeby-StyledLabel-labelStyles e1puf3u2"
for="inspector-text-control-2"
>
Search for items
@ -3395,7 +3394,6 @@ Object {
class="clear-icon"
focusable="false"
height="20"
role="img"
viewBox="0 0 24 24"
width="20"
xmlns="http://www.w3.org/2000/svg"
@ -3413,13 +3411,13 @@ Object {
class="woocommerce-search-list__search"
>
<div
class="components-base-control"
class="components-base-control css-wdf2ti-Wrapper e1puf3u4"
>
<div
class="components-base-control__field"
class="components-base-control__field css-igk9ll-StyledField e1puf3u3"
>
<label
class="components-base-control__label"
class="components-base-control__label css-eweeby-StyledLabel-labelStyles e1puf3u2"
for="inspector-text-control-2"
>
Search for items
@ -3712,7 +3710,6 @@ Object {
class="clear-icon"
focusable="false"
height="20"
role="img"
viewBox="0 0 24 24"
width="20"
xmlns="http://www.w3.org/2000/svg"
@ -3754,7 +3751,6 @@ Object {
class="clear-icon"
focusable="false"
height="20"
role="img"
viewBox="0 0 24 24"
width="20"
xmlns="http://www.w3.org/2000/svg"
@ -3772,13 +3768,13 @@ Object {
class="woocommerce-search-list__search"
>
<div
class="components-base-control"
class="components-base-control css-wdf2ti-Wrapper e1puf3u4"
>
<div
class="components-base-control__field"
class="components-base-control__field css-igk9ll-StyledField e1puf3u3"
>
<label
class="components-base-control__label"
class="components-base-control__label css-eweeby-StyledLabel-labelStyles e1puf3u2"
for="inspector-text-control-3"
>
Search for items
@ -3991,7 +3987,6 @@ Object {
class="clear-icon"
focusable="false"
height="20"
role="img"
viewBox="0 0 24 24"
width="20"
xmlns="http://www.w3.org/2000/svg"
@ -4033,7 +4028,6 @@ Object {
class="clear-icon"
focusable="false"
height="20"
role="img"
viewBox="0 0 24 24"
width="20"
xmlns="http://www.w3.org/2000/svg"
@ -4051,13 +4045,13 @@ Object {
class="woocommerce-search-list__search"
>
<div
class="components-base-control"
class="components-base-control css-wdf2ti-Wrapper e1puf3u4"
>
<div
class="components-base-control__field"
class="components-base-control__field css-igk9ll-StyledField e1puf3u3"
>
<label
class="components-base-control__label"
class="components-base-control__label css-eweeby-StyledLabel-labelStyles e1puf3u2"
for="inspector-text-control-3"
>
Search for items

View File

@ -4,7 +4,7 @@
import { __ } from '@wordpress/i18n';
import { addQueryArgs } from '@wordpress/url';
import apiFetch from '@wordpress/api-fetch';
import interpolateComponents from 'interpolate-components';
import interpolateComponents from '@automattic/interpolate-components';
import { createElement } from '@wordpress/element';
/**

View File

@ -4,7 +4,7 @@
import { __ } from '@wordpress/i18n';
import { addQueryArgs } from '@wordpress/url';
import apiFetch from '@wordpress/api-fetch';
import interpolateComponents from 'interpolate-components';
import interpolateComponents from '@automattic/interpolate-components';
import { createElement } from '@wordpress/element';
/**

View File

@ -4,7 +4,7 @@
import { __ } from '@wordpress/i18n';
import { addQueryArgs } from '@wordpress/url';
import apiFetch from '@wordpress/api-fetch';
import interpolateComponents from 'interpolate-components';
import interpolateComponents from '@automattic/interpolate-components';
import { createElement } from '@wordpress/element';
/**

View File

@ -4,7 +4,7 @@
import { __ } from '@wordpress/i18n';
import { addQueryArgs } from '@wordpress/url';
import apiFetch from '@wordpress/api-fetch';
import interpolateComponents from 'interpolate-components';
import interpolateComponents from '@automattic/interpolate-components';
import { createElement } from '@wordpress/element';
/**

View File

@ -5,7 +5,7 @@ import { __ } from '@wordpress/i18n';
import { addQueryArgs } from '@wordpress/url';
import apiFetch from '@wordpress/api-fetch';
import { createElement, Fragment } from '@wordpress/element';
import interpolateComponents from 'interpolate-components';
import interpolateComponents from '@automattic/interpolate-components';
/**
* Internal dependencies

View File

@ -4,7 +4,7 @@
import { __ } from '@wordpress/i18n';
import { addQueryArgs } from '@wordpress/url';
import apiFetch from '@wordpress/api-fetch';
import interpolateComponents from 'interpolate-components';
import interpolateComponents from '@automattic/interpolate-components';
import { createElement } from '@wordpress/element';
/**

View File

@ -310,7 +310,6 @@ Object {
class="clear-icon"
focusable="false"
height="20"
role="img"
viewBox="0 0 24 24"
width="20"
xmlns="http://www.w3.org/2000/svg"
@ -353,7 +352,6 @@ Object {
class="clear-icon"
focusable="false"
height="20"
role="img"
viewBox="0 0 24 24"
width="20"
xmlns="http://www.w3.org/2000/svg"

View File

@ -107,7 +107,7 @@ exports[`Timeline With data snapshot 1`] = `
>
<g>
<path
d="M17.91 14c-.478 2.833-2.943 5-5.91 5-3.308 0-6-2.692-6-6s2.692-6 6-6h2.172l-2.086 2.086L13.5 10.5 18 6l-4.5-4.5-1.414 1.414L14.172 5H12c-4.418 0-8 3.582-8 8s3.582 8 8 8c4.08 0 7.438-3.055 7.93-7h-2.02z"
d="M17.91 14c-.478 2.833-2.943 5-5.91 5-3.308 0-6-2.692-6-6s2.692-6 6-6h2.172l-2.086 2.086L13.5 10.5 18 6l-4.5-4.5-1.414 1.414L14.172 5H12a8 8 0 000 16c4.079 0 7.438-3.055 7.931-7H17.91z"
/>
</g>
</svg>
@ -148,7 +148,7 @@ exports[`Timeline With data snapshot 1`] = `
>
<g>
<path
d="M9 19.414l-6.707-6.707 1.414-1.414L9 16.586 20.293 5.293l1.414 1.414"
d="M9 19.414l-6.707-6.707 1.414-1.414L9 16.586 20.293 5.293l1.414 1.414z"
/>
</g>
</svg>

View File

@ -1,4 +1,8 @@
# Unreleased
## Breaking changes
- Update dependencies to support react 17. #8305
- Drop support for IE11. #8305
# 3.2.1

View File

@ -23,8 +23,8 @@
"dependencies": {
"@woocommerce/number": "file:../number",
"@wordpress/deprecated": "^2.9.0",
"@wordpress/element": "2.19.0",
"@wordpress/html-entities": "2.10.0",
"@wordpress/element": "4.1.1",
"@wordpress/html-entities": "3.3.1",
"@wordpress/i18n": "3.17.0"
},
"publishConfig": {

View File

@ -1,3 +1,7 @@
# Unreleased
- Update dependencies to support react 17 #8305
# 1.1.0
- Fix commonjs module build, allow package to be built in isolation. #7286

View File

@ -21,12 +21,12 @@
"react-native": "src/index",
"dependencies": {
"@woocommerce/experimental": "file:../experimental",
"@wordpress/components": "^11.1.1",
"@wordpress/compose": "^3.22.0",
"@wordpress/data": "^4.27.3",
"@wordpress/element": "2.19.0",
"@wordpress/i18n": "3.17.0",
"@wordpress/notices": "^2.11.0",
"@wordpress/components": "19.4.0",
"@wordpress/compose": "5.1.1",
"@wordpress/data": "^6.2.1",
"@wordpress/element": "4.1.1",
"@wordpress/i18n": "4.3.1",
"@wordpress/notices": "^3.3.0",
"classnames": "2.3.1",
"prop-types": "15.7.2",
"react-transition-group": "4.4.1"

View File

@ -1,6 +1,9 @@
# Unreleased
# 2.0.0
## Breaking changes
- Update dependencies to support react 17. #8305
- Drop support for IE11. #8305# 2.0.0
## Breaking changes

View File

@ -23,16 +23,16 @@
"dependencies": {
"@woocommerce/date": "file:../date",
"@woocommerce/navigation": "file:../navigation",
"@wordpress/api-fetch": "2.2.8",
"@wordpress/compose": "3.23.1",
"@wordpress/core-data": "3.0.0",
"@wordpress/data": "5.0.0",
"@wordpress/data-controls": "2.0.0",
"@wordpress/deprecated": "^3.1.1",
"@wordpress/element": "2.19.0",
"@wordpress/api-fetch": "6.0.1",
"@wordpress/compose": "5.1.1",
"@wordpress/core-data": "4.1.0",
"@wordpress/data": "6.2.1",
"@wordpress/data-controls": "2.3.1",
"@wordpress/deprecated": "^3.3.1",
"@wordpress/element": "4.1.1",
"@wordpress/hooks": "2.11.0",
"@wordpress/i18n": "3.17.0",
"@wordpress/url": "2.21.0",
"@wordpress/i18n": "4.3.1",
"@wordpress/url": "3.4.1",
"dompurify": "^2.3.3",
"md5": "^2.3.0",
"qs": "6.9.6",
@ -42,7 +42,7 @@
"access": "public"
},
"peerDependencies": {
"@wordpress/core-data": "^3.0.0"
"@wordpress/core-data": "^4.1.0"
},
"scripts": {
"clean": "npx rimraf tsconfig.tsbuildinfo build build-*",

View File

@ -1,4 +1,8 @@
# Unreleased
## Breaking changes
- Update dependencies to support react 17. #8305
- Drop support for IE11. #8305
# 3.2.0

View File

@ -21,8 +21,8 @@
"module": "build-module/index.js",
"react-native": "src/index",
"dependencies": {
"@wordpress/date": "3.13.0",
"@wordpress/i18n": "3.17.0",
"@wordpress/date": "4.3.1",
"@wordpress/i18n": "4.3.1",
"moment": "2.29.1",
"qs": "6.9.6"
},

View File

@ -1,5 +1,10 @@
# Unreleased
## Breaking changes
- Update dependencies to support react 17. #8305
- Drop support for IE11. #8305
# 2.2.0
- Make the Inbox note title clickable. #7975
- Fix incorrectly displayed note created date. #8179

View File

@ -27,14 +27,14 @@
"dependencies": {
"@babel/runtime": "7.14.0",
"@woocommerce/components": "file:../components",
"@wordpress/components": "10.2.0",
"@wordpress/element": "2.19.0",
"@wordpress/i18n": "3.17.0",
"@wordpress/icons": "2.10.3",
"@wordpress/keycodes": "2.18.0",
"@wordpress/components": "19.4.0",
"@wordpress/element": "4.1.1",
"@wordpress/i18n": "4.3.1",
"@wordpress/icons": "6.3.0",
"@wordpress/keycodes": "3.3.1",
"classnames": "^2.3.1",
"dompurify": "2.2.9",
"gridicons": "3.3.1",
"gridicons": "3.4.0",
"moment": "2.29.1",
"react-transition-group": "4.4.1",
"react-visibility-sensor": "5.1.1"

View File

@ -1,6 +1,10 @@
# Unreleased
- Make ExPlat request URL args filterable. Added woocommerce_explat_request_args filter #8231
## Breaking changes
- Update dependencies to support react 17. #8305
- Drop support for IE11. #8305
# 1.1.4

View File

@ -26,7 +26,7 @@
},
"dependencies": {
"@automattic/explat-client": "0.0.2",
"@automattic/explat-client-react-helpers": "0.0.2",
"@automattic/explat-client-react-helpers": "0.0.3",
"cookie": "^0.4.1",
"qs": "6.9.6"
},

View File

@ -11,7 +11,6 @@ import { isDevelopmentMode } from './utils';
import { logError } from './error';
import { fetchExperimentAssignment } from './assignment';
import { getAnonId, initializeAnonId } from './anon';
declare global {
interface Window {
wcTracks: {

View File

@ -1,9 +1,14 @@
# Unreleased
## Breaking changes
- Update dependencies to support react 17. #8305
- Drop support for IE11. #8305
## 6.1.0
- Fix commonjs module build, allow package to be built in isolation. #7286
- Add `getSetOfIdsFromQuery` util.
- Fix `getIdsFromQuery` support for `0` as a valid id.
# 6.0.1
- Update dependencies.

View File

@ -21,12 +21,12 @@
"module": "build-module/index.js",
"react-native": "src/index",
"dependencies": {
"@wordpress/api-fetch": "2.2.8",
"@wordpress/compose": "3.23.1",
"@wordpress/notices": "1.12.0",
"@wordpress/components": "11.1.3",
"@wordpress/api-fetch": "6.0.1",
"@wordpress/compose": "5.1.1",
"@wordpress/notices": "3.3.0",
"@wordpress/components": "19.4.0",
"@wordpress/hooks": "2.11.0",
"@wordpress/url": "2.21.0",
"@wordpress/url": "3.4.1",
"history": "4.10.1",
"qs": "6.9.6"
},

View File

@ -1,4 +1,12 @@
<!-- Learn how to maintain this file at https://github.com/WordPress/gutenberg/tree/master/packages#maintaining-changelogs. -->
# Unreleased
## Breaking changes
- Update dependencies to support react 17. #8305
- Drop support for IE11. #8305
## 3.1.0
- Fix commonjs module build, allow package to be built in isolation. #7286
@ -7,7 +15,6 @@
## Breaking changes
- Move Lodash to a peer dependency.
## 2.0.0 (2020-02-10)
### Breaking Change

View File

@ -23,8 +23,8 @@
"react-native": "src/index",
"dependencies": {
"@wordpress/a11y": "2.15.2",
"@wordpress/data": "4.27.3",
"@wordpress/notices": "1.12.0"
"@wordpress/data": "6.2.1",
"@wordpress/notices": "3.3.0"
},
"peerDependencies": {
"lodash": "^4.17.0"

View File

@ -1,5 +1,10 @@
# Unreleased
## Breaking changes
- Update dependencies to support react 17. #8305
- Drop support for IE11. #8305
# 2.2.2
- Retry fix for missing build-module folder

View File

@ -24,12 +24,12 @@
"access": "public"
},
"dependencies": {
"@wordpress/components": "^14.1.0",
"@wordpress/element": "2.19.0",
"@wordpress/components": "19.4.0",
"@wordpress/element": "4.1.1",
"@wordpress/i18n": "^4.1.0",
"concurrently": "5.3.0",
"gridicons": "^3.3.1",
"interpolate-components": "^1.1.1"
"@automattic/interpolate-components": "^1.2.0"
},
"devDependencies": {
"@woocommerce/style-build": "file:../style-build"

View File

@ -87,7 +87,12 @@ const webpackConfig = {
},
{
test: /\.(t|j)sx?$/,
exclude: [ /node_modules(\/|\\)(?!(debug))/ ],
exclude: [
// Exclude node_modules/ but not node_modules/debug* and node_modules/explat-client-react-helpers
// explat-client-react-helpers module contains optional chaining operators which need to be processed via babel loader for webpack 4.
// see webpack issue for details: https://github.com/webpack/webpack/issues/10227#issue-547480527
/node_modules(\/|\\)(?!(debug|@automattic\/explat-client-react-helpers))/,
],
use: {
loader: 'babel-loader',
options: {