Commit Graph

21 Commits

Author SHA1 Message Date
Sam Seay fc030fb007 Migrate the devdocs examples to Storybook CSF stories (https://github.com/woocommerce/woocommerce-admin/pull/5271)
Fixes woocommerce/woocommerce-admin#5234
2020-10-15 14:55:55 +13:00
Darren Ethier dc5304823b Add @woocommerce/eslint-plugin (https://github.com/woocommerce/woocommerce-admin/pull/4714)
* add new woocommerce/eslint-plugin

* implement eslint-plugin (switch scripts to use wp-scripts etc)

* various linting fixes

* more lint fixes

* improve fix script

* more eslint fixes

* more eslint fixes

* temporary convert rules to warnings until they are all handled

* linting fixes

* update package-lock.json

* remove duplicates

* remove unnecessary `@wordpress/dependency-group` rule config

* add docs and adjust rules

* prettier fix

* fix merge artifact

* convert more rules to warnings

* change order to reflect importance

* install babel-preset-default

* remove unnecessary configuration for babel

* fix dependency group rule and test

* fix test

* handle collapsible whitespace

* add react testing library eslint plugin

* linter errors

* Add back in prettierrc

* package-lock update

* js lint fix with --fix

* disable whitespace in translation

* package-lock update

* make eslint actual dependency, not peer dependency

* pin eslint to v7

* I don't know why, but its working

* fix lint js

Co-authored-by: Paul Sealock <psealock@gmail.com>
2020-07-28 14:32:58 +12:00
Sam Seay b448ff60b7 Update @wordpress/base-styles and replace deprecated variables (https://github.com/woocommerce/woocommerce-admin/pull/4759)
Fixes woocommerce/woocommerce-admin#4732

This updates `@wordpress/base-styles`, and because `@wordpress/components` depends on variables from it, that must be updated as well.

There are 3 major changes required as part of updating:

1. The $theme-color variable is no longer exposed by base-styles. Instead there are 3 css vars exposed. These are made available by use of a provided mixin. Situations where $theme-color was darkened using scss have been mapped as best as possible to the 2 other darkened shades of the css var that are available such as `--wp-admin-theme-color-darker-20` and `--wp-admin-theme-color-darker-10`. In some cases this means the colors are not exactly the same as before.

2. The post css `theme()` call is no longer available. All uses of this have been consolidated to use of the main theme css var `--wp-admin-theme-color`. This means that calls like `theme(secondary)` or `theme(outline)` etc have all been consolidated to the one color.

3. Many of the variables used for different shades of gray have been deprecated. These have been mapped across to the new gray variables. (Mapped according to the list described in woocommerce/woocommerce-admin#4732)
2020-07-17 12:11:42 +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
Joshua T Flowers d22774aa66 Onboarding: Fix shipping rates overlapping currency prefix (https://github.com/woocommerce/woocommerce-admin/pull/3623)
* Add various input states classes to the text control with affixes component

* Replace TextControl with TextControlWithAffixes in shipping rates

* Style TextControlWithAffixes for shipping rates in task list

* Always provide a formatted currency string

* Always display shipping rate labels and affixes

* Add components changelog entry.

Co-authored-by: Jeff Stieler <jeff.m.stieler@gmail.com>
2020-01-28 08:54:39 -08:00
Jeff Stieler 6a826600c2 Fix WC-Admin component styles for WP 5.3 (https://github.com/woocommerce/woocommerce-admin/pull/3357)
* Style Search component for 5.3.

* Reset native select control styles.

* Fix styling of selected radio options.

* Fix bottom margin on select inputs in filters and pagination.

* Update DropdownButton styles for WP 5.3.

* Style DropdownButton arrow as a chevron.

* Fix tooltip arrow styling.

* Style TextControlWithAffixes for WP 5.3.

* Flatten pagination button style.

* Use SelectControl for StoreAlert snooze action.

* Remove 3D look and use chevron on SplitButton.

* Add changelog entry.

* Fix stylelint issues.

* Update test snapshots.

* Add TextControlWithAffixes disabled prop to documentation and proptypes.

* Use WP checkboxes in ReportTable columns.

* Fix TableCard header background colors.

* Add padding to EllipsisMenu toggle controls.

* Remove version-specific styles.

We require WP 5.3 as a minimum now.
2019-12-13 12:35:29 -05:00
Jeff Stieler a0efb6967f Fetch component usage documentation from local README.md.
Format documentation like Calypso, include usage section.
2019-09-06 11:52:18 -07:00
Jeff Stieler 3d03faa887 Convert markdown JSX code blocks to actual JS files for component documentation. 2019-09-06 11:37:18 -07:00
Justin Shreve e67b556ac9 Update to Color Studio v2.1.0 (https://github.com/woocommerce/woocommerce-admin/pull/2837)
* Update color-studio to v2.1.0

* Handle additional color updates after rebase.
2019-08-29 12:07:56 -04:00
Jeff Stieler 93b05bba94 Square off the corners of TextControlWithAffixes. 2018-12-14 09:59:37 -07:00
Kelly Dwan 87daca2723 Add IDs to affixes, use these in the input’s describedby 2018-12-13 12:04:57 -05:00
Kelly Dwan 8f5861f8b5 Update the examples 2018-12-13 12:04:28 -05:00
Jeff Stieler b8ba4ed16d Fix linting issues with TextControlWithAffixes. 2018-12-13 09:34:46 -07:00
Jeff Stieler 32018506dc Generate TextControlWithAffixes documentation from the component itself. 2018-12-13 09:21:47 -07:00
Jeff Stieler 700f3ad20f Make affix background white and remove wrapping behavior from TextControlWithAffixes. 2018-12-13 09:05:03 -07:00
Jeff Stieler e3be069601 Hook up TextControlWithAffixes to state for interactivity. 2018-12-12 23:15:39 -07:00
Jeff Stieler 44f025f308 Remove Calypso transform focus hack from TextControlWithAffixes (it’s broken here). 2018-12-12 23:11:27 -07:00
Jeff Stieler 28a57f2a1d Rework border radius logic for all affix combinations including wrapping cases. 2018-12-12 13:51:25 -07:00
Jeff Stieler 4bfe767ad7 Add TextControlWithAffixes to devdocs listing. 2018-12-12 13:51:25 -07:00
Jeff Stieler aab376a731 Rework TextControlWithAffixes to keep BaseControl at the top of the component tree. 2018-12-12 13:51:25 -07:00
Jeff Stieler 704ee79359 Port over Calypso’s FormTextInputWithAffixes component as TextControlWithAffixes. 2018-12-12 13:51:25 -07:00