da58a8b44f
* Register Atomic Blocks and save some block content * renderInnerBlocks utility * Frontend Rendering * Clean up atomic block classnames * Move shared styles * Create a hoc for attribute mapping * Rename some unpluralised class names * Remove prefixes from atomic component class names * Updated styles * Update styles from master * Revert product list styles * 2020 fixes * Separate renderFrontend from renderInnerBlocks * Lazy loading of components * Tweak loading classes * FIx all products loading state * Revert lazy implementation - creates too many unneccessary files due to webpack config * Cleanup * Remove wcBlocksBuildUrl * Move call to register_atomic_blocks * Remove duplicate key * reuse render frontend * Corectly handle frontend attribute mapping to keep editor working * Style updates * Update side effects * Remove width style from rating to fix alignment * Move ssr grid styles to main stylesheet * Put back prefixed classnames * 2020 styling fixes * Create frontend files instead of doing it all in block map * Update assets/js/atomic/utils/get-block-map.js Co-authored-by: Albert Juhé Lluveras <contact@albertjuhe.com> * Update assets/js/atomic/utils/render-parent-block.js Co-authored-by: Albert Juhé Lluveras <contact@albertjuhe.com> * Fix last child alignment regardless of block type * More specificity fixes * 2020 button alignment * static fix to prevent offsets * fix placeholder image in firefox * Issues reported in feedback Co-authored-by: Albert Juhé Lluveras <contact@albertjuhe.com> |
||
|---|---|---|
| .. | ||
| block-title | ||
| error-placeholder | ||
| feedback-prompt | ||
| grid-content-control | ||
| grid-layout-control | ||
| heading-toolbar | ||
| page-selector | ||
| product-attribute-term-control | ||
| product-category-control | ||
| product-control | ||
| product-orderby-control | ||
| product-tag-control | ||
| products-control | ||
| text-toolbar-button | ||
| toggle-button-control | ||
| utils | ||
| view-switcher | ||
| README.md | ||
README.md
Components
These are shared components used by the blocks. If there's a component that is more universally useful, it should go into @woocommerce/components– these components are specific to the Gutenberg context.
The *-control components here are designed to exist in the InspectorControls sidebar, or in a Placeholder component for the "edit state" of a block.
GridContentControl
A combination of toggle controls for content visibility in product grids.
GridLayoutControl
A combination of range controls for product grid layout settings.
ProductOrderbyControl
A pre-configured SelectControl for product orderby settings.
ProductAttributeTermControl
A component using SearchListControl to show product attributes as selectable options. Only allows for selecting attribute terms from one attribute at a time (multiple terms can be selected).
ProductCategoryControl
A component using SearchListControl to show product categories as selectable options. Options are displayed in hierarchy. Can select multiple categories.
ProductControl
A component using SearchListControl to show products as selectable options. Only one product can be selected at a time.
ProductsControl
A component using SearchListControl to show products as selectable options. Multiple products can be selected at once.
Icons
These are a collection of custom icons used by the blocks or components, usually from Material.
Utilities
There are some functions that work across components, these have been extracted into this utilities folder.
Block Title
A block that is responsible for showing the title for some of our blocks.