Commit Graph

28 Commits

Author SHA1 Message Date
Bec Scott 551dfe1f0c Pills and tooltips in product step of OBW (https://github.com/woocommerce/woocommerce-admin/pull/4707)
* Add monthly product prices to OBW

* Remove description for physical and download products

* Use pills in product selection step of OBW

* Add missing translation wrapper, also convert some spaces to tabs

* Add pill to changelog

* Change pills to medium gray text and border

* Make everything line up correctly on smaller viewports

* Get the styles closer to the design

* Breakpoint to set font size to 11px

Co-authored-by: Rebecca Scott <me@becdetat.com>
2020-07-21 14:27:32 +10:00
Valerie K fe865b0c84 Add Timeline component (https://github.com/woocommerce/woocommerce-admin/pull/3614)
Add Timeline component

The overall component is split into smaller components:
  * Timeline item: an individual item (event) for the timeline.
  * Timeline group: a group of items grouped according to props.

See README.md for prop details.

Ordering and grouping is decided via props. Component also
exports helper objects to make it easier to pass in the correct
props for ordering and grouping.

Item titles and bodies can be passed in as either strings or
React elements. Icons must be React elements.

Has a storybook scenario along with unit and snapshot tests.


Co-authored-by: Valerie K <valerie@automattic.com>
Co-authored-by: Allen Snook <allen@allendav.com>
Co-authored-by: Kristófer R <kristofer.thorlaksson@automattic.com>
Co-authored-by: David Levin <davidlevin@Davids-MacBook-Pro-2.local>
2020-06-17 03:44:08 +08:00
Paul Sealock 16cb332f28 IconButton: Replace with Button (https://github.com/woocommerce/woocommerce-admin/pull/4415) 2020-05-29 14:32:37 +12:00
Paul Sealock 8430b1cba7 Homepage: Add stats numbers (https://github.com/woocommerce/woocommerce-admin/pull/4288) 2020-05-14 15:23:03 +12:00
Paul Sealock c500d3fa98 Plugins DataStore: decouple from onboarding (https://github.com/woocommerce/woocommerce-admin/pull/4048)
* Plugins DataStore: Add client side store
2020-04-17 11:58:36 +12:00
Darren Ethier 33c5b41e3f Align WooCommerce javascript code standards/linting/styles with WordPress core. (https://github.com/woocommerce/woocommerce-admin/pull/3674)
* align code styles with the same configuration as Woo-Blocks

* initial pass of reformat-files

* applies manual fixes to various new linting errors surfaced by the configuration change.

* Fix state mutation in image-upload

* remove unused pre-commit-hook.js

* requestAnimationFrame -> window.requestAnimationFrame

* wc-api eslint changes

* eslint fixes on client/lib and client/settings

* client/header eslint changes

* fixes for client/dashboard part 1

* fixes client/dashboard part 2 of 2

* client/analytics part 1

* client/analytics continued

* client/analytics, last batch

* rename __mock__ directory

* pass in useEffect, useState from React component or function

* remove '+' from sprintf string argument

* use ref instead of findDOMNode

* reformat and repaply package.json changes

* install deps before running linter in Travis

* useGetCountryStateAutofill

* counryStateAutofill

* countryStateAutofill

Co-authored-by: Paul Sealock <psealock@gmail.com>
2020-02-14 15:23:21 +13:00
Justin Shreve 448e1f3e11 Remove Newspack Dependency (https://github.com/woocommerce/woocommerce-admin/pull/3302)
* Switch to @wordpress/component's Button

* Finish button conversion

* Move to @wp/component's CheckboxControl

* Add  ImageUpload component

* Remove Newspack package

* CSS Cleanup

* Handle PR feedback: Fix tests, add ImageUploader basic test, fix FireFox/Safari Display issues, and  currency input bug
2019-12-02 12:39:22 -05:00
Darren Ethier fee65dd6ac Decouple wcSettings from published packages. (https://github.com/woocommerce/woocommerce-admin/pull/3001)
* refactor wcSettings in components to use new api

* update test snapshot

* refactor wcSettings in other packages

* fix how defaults are set for setting

* decouple siteLocale from ReportsFilters and AdvancedFilters

* Decouple currency settings from packages

AdvancedFilters, ReportFilters, and NumberFilters now receive currency info as props.

* decouple currency settings from `ReportChart`

* decouple `wcAdminAssetsUrl` setting from `EmptyContent`

- also refactors to remove the need for `ImageAsset` component.

* decouple OrderStatus from wcSettings

* decouple wcAdminUrl setting from ProductImage component

- this also implements a SVG for default product image.

* remove export for image-asset that is no longer present

* remove console.log

* update test snapshots for ProductImage
2019-10-11 11:45:45 -04:00
Joshua T Flowers b92500b35f Onboarding: Replace TextControl component (https://github.com/woocommerce/woocommerce-admin/pull/3020)
* Add TextControl component

* Replace instances of newspack TextControl
2019-10-10 07:00:33 +08:00
Jeff Stieler e53d5daa94 Hook up download button to export endpoint. (https://github.com/woocommerce/woocommerce-admin/pull/2900)
* Move TableCard actions from packaged component to ReportTable.

* Build an IE stylesheet for the main app.

* Remove defunct TableCard download test.

* Update components changelog.

* Fix pagination.

Pull query from table data instead of ReportTable props.

* Initiate report export from download button (https://github.com/woocommerce/woocommerce-admin/pull/2951)

* Add report export operations to API spec.

* Initiate a report export job when there is more than one page of report data.

* Add report download "type" to Tracks event.

* Ensure WC_Emails class is hooked in before sending report download emails.

* Set email parameter for background CSV download requests.
2019-10-08 15:02:26 -07:00
Joshua T Flowers 1563971836 Replace select controls with new SelectControl (Autocomplete) component (https://github.com/woocommerce/woocommerce-admin/pull/2997)
* Rename Autocomplete component to SelectControl

* Add isSearchable prop to SelectControl

* Remove SimpleSelectControl component

* Refactor list expansion and key behavior

* Bump changelog and version
2019-10-08 06:42:32 +08:00
Ron Rennick 24d3104eca fix merge conflicts 2019-09-03 14:08:02 -03:00
Jeff Stieler 4dbd7ee176 Move AdvancedFilters, CompareFilter, DateRangeFilterPicker, and FilterPicker into top-level component directories. 2019-08-26 13:08:06 -07:00
Joshua T Flowers 7fbc4cc0df Add Autocomplete component (https://github.com/woocommerce/woocommerce-admin/pull/2808) 2019-08-21 14:41:42 +08:00
Ron Rennick 1517f865e1 convert scroll functionality to a component 2019-08-19 03:18:40 -03:00
Joshua T Flowers 919ce11b57 Add form component for handling form state (https://github.com/woocommerce/woocommerce-admin/pull/2742)
* Add Form component to packages

* Add form example to devdocs

* Fix form validation check

* Update store details to use Form component

* Fix indentation issues
2019-08-05 09:41:47 +08:00
Joshua T Flowers d41ce76451 Onboarding: Add WebPreview component for theme previewing (https://github.com/woocommerce/woocommerce-admin/pull/2681)
* Add WebPreview component

* Add theme preview component

* Add WebPreview example for devdocs

* Update loading content prop name for WebPreview

* Add selected class state for device buttons

* Fix tabbing issue in stylesheet

* Fix loadingContent prop changes

* Add in translators note

* Fix theme details height issue

* Add theme demo track events (https://github.com/woocommerce/woocommerce-admin/pull/2715)

* Add theme demo track events

* Track theme chosen location

* Track theme slug on device switch

* Apply design feedback
2019-08-02 07:27:38 +08:00
Justin Shreve 4e478d9fbb Implement "Simple" Select Component (https://github.com/woocommerce/woocommerce-admin/pull/2598)
* Implement "Simple" Select Component

* Add value prop and disabled option.

* Expand click target of .woocommerce-simple-select-control__selector

* Fix select state.

* remove left position

Co-Authored-By: Joshua T Flowers <joshuatf@gmail.com>

* Update packages/components/src/simple-select-control/style.scss

Co-Authored-By: Joshua T Flowers <joshuatf@gmail.com>

* Update packages/components/src/simple-select-control/style.scss

Co-Authored-By: Joshua T Flowers <joshuatf@gmail.com>

* Update packages/components/src/simple-select-control/style.scss

Co-Authored-By: Joshua T Flowers <joshuatf@gmail.com>
2019-07-17 11:46:55 -07:00
Joshua T Flowers 3dfdcdee67 Add list component to packages. (https://github.com/woocommerce/woocommerce-admin/pull/2616)
* Add list component

* Add list example to devdocs

* Add component changelog entry
2019-07-10 10:25:25 +08:00
Justin Shreve c921593cfd Add Muriel Styled Spinner (https://github.com/woocommerce/woocommerce-admin/pull/2289)
* Add Muriel Styled Spinner

* Handle PR feedback: Fix ordering of example components, fix tabbing/spacing in stepper example file, and fix base muriel colors for the stepper and profile wizard.
2019-05-23 08:42:58 -04:00
Joshua T Flowers 8f528ee824 Add Stepper component (https://github.com/woocommerce/woocommerce-admin/pull/2246)
* Add Stepper component

* Add Muriel colors as variables

* Add changelog entry for Stepper component
2019-05-17 16:01:40 +08:00
Kelly Dwan b98c05c331 Components: Add SearchListControl (https://github.com/woocommerce/woocommerce-admin/pull/1628)
* Add SearchListControl as exported component

* Add entry to changelog (and fix versioning)

* Fix repeating character mixin

* Update textdomain
2019-02-20 15:18:27 -05:00
Albert Juhé Lluveras f009506a45 Makes table dates accessible (https://github.com/woocommerce/woocommerce-admin/pull/1274)
* Create 'Date' component to render accessible dates

* Add tests
2019-01-14 10:54:44 +01:00
Paul Sealock 524bb0c96f DateRangeFilterPicker 2018-12-21 11:58:01 +13:00
Jeff Stieler 704ee79359 Port over Calypso’s FormTextInputWithAffixes component as TextControlWithAffixes. 2018-12-12 13:51:25 -07:00
Albert Juhé Lluveras a393ba543b Fix ReportNumber sometimes receiving NaN values (https://github.com/woocommerce/woocommerce-admin/pull/1026)
* Fix ReportNumber sometimes receiving NaN values

* Remove unnecessary utils function

* Destructure summaryData
2018-12-07 15:13:02 -06:00
Robert Elliott c9ccc015ca move chart and d3chart components into @woocommerce/components package 2018-12-05 12:50:04 +02:00
Kelly Dwan 2a9cb6509b Build: Move components to packages dir (https://github.com/woocommerce/woocommerce-admin/pull/804)
* Move components to packages folder

* Update documentation generator to handle packages/components and client/components

* Update component locations

* Update CSS build process

* Remove react-dates css, this is already included by gutenberg

* Fix CSS style - single quotes

* Fix incorrect imports

* Update package-lock with new dependencies

* Update component locations for devdocs

* Fix location of tests
2018-11-15 13:16:23 -05:00