Skip to content

Latest commit

 

History

History
1490 lines (1008 loc) · 48.1 KB

CHANGELOG.md

File metadata and controls

1490 lines (1008 loc) · 48.1 KB

Change Log for the Eightshift Frontend Libs

All notable changes to this project will be documented in this file.

This projects adheres to Semantic Versioning and Keep a CHANGELOG.

Replaced

  • Replaced __unstableGetClientIdsTree with getBlocks from state as it is deprecated.

Changed

  • Updated dependencies.

Changed

  • Updated dependencies.

Changed

  • Tweaked auto offset calculation in WidthOffsetRangeSlider.

Changed

  • Fixed bug in WidthOffsetRangeSlider.

Changed

  • Updated dependencies.
  • Updated default ESLint config.

Changed

  • Updated a couple of fallbacks for old FE libs components.

Note

Big update, breaking changes ahead! Check the v12 to v13 migration guide for more details.

Removed

  • Most helpers (either relocated to ES UI components or deprecated).
  • Icons and icon-related components.
  • Removed some SCSS placeholders:
    • %absolute-center
    • %bg-image
    • %clearfix
    • %site-padding
    • %site-padding-correction
    • %link-transition
    • %heading-reset
    • %paragraph-reset
    • %dl-reset
  • Removed some SCSS functions:
    • calc-column-width / calcCW
    • calc-dynamic-size / calcDS
    • calc-grid-width / calcGW
    • line-height / lh
    • em
  • Removed some SCSS mixins:
    • flex-container
    • box-sizing (replace with box-sizing, if no arguments were specified, the default is border-box)
    • column-offset-modifiers
    • flex-column-width-modifiers
    • flex-column-width
    • flex-grid-width-modifiers
    • flex-grid-width
    • flex-horizontal-align-modifiers
    • flex-vertical-align-modifiers
    • text-align-modifiers
    • stretch
    • placeholder
    • inline-font-colors
    • grid-offset-modifiers
    • font-smoothing
    • custom-bullets
    • link-modifiers
    • link
    • modifiers-deep
    • modifiers-range
    • modifiers
    • responsive-modifiers
    • responsive-selectors-visibility
    • responsive-selectors
    • responsive
    • for-each-attribute
    • es-eases
  • Removed keyframes definitions.
  • Removed multiplePropsActions, singlePropsAction, mediaPropsAction, getActions functions (from editor scripts)
  • Removed some components:
    • HelpModal

Updated

  • CSS reset so it has parity with Tailwind's Preflight.
  • Most components to use ES UIC components as a fallback until they're replaced.

Added

  • optional domain argument to the setCookie helper so the cookie domain can be set.

Removed

  • Removed BrowserSync dependencies.
  • Removed Babel dependencies.

Changed

  • Updated ES lint config and added required dependencies for a new setup.

Fixed

  • Reverting css builder to cssoMinify

Fixed

  • Additional fixes for Webpack and adding missing packages.

Fixed

  • Added missing package for Webpack.

Fixed

  • Added missing package.

Changed

  • Webpack config to use swc for JS compilation.

Removed

  • Babel config folder as we are using swc now.
  • Webpack browser sync as it is not used anymore.

Changed

  • All Components::getManifest to Components::getManifestByDir method.
  • All Components::outputCssVariables($attributes, $manifest, $unique, $globalManifest) to Components::outputCssVariables($attributes, $manifest, $unique).
  • All renderPartial to render method.
  • Wrapper changes $this->renderWrapperView to echo $renderContent;.

Updated

  • Fixed block editor sidebar block display with long labels

Updated

  • Support for WordPress 6.5
  • Fixed rounding errors with NumberPicker
  • Updated dependencies
  • Fixed missing props for custom Wrapper
  • Tweaked Repeater style a bit
  • Reworked AnimatedContentVisibility to use Framer Motion instead of Gutenberg Animation component for better performance
  • Fixed extra line break in Responsive label

Removed

  • WP style overrides for WordPress < 6.3

Important

Minimum required Node version is now 20!

Removed

  • Storybook is no longer part of Frontend Libs (Potentially breaking!)

Added

  • 1 new utility class: focus-slight-button-border-wp (as WP really likes using the :focus state, instead of :focus-visible)
  • additionalPopoverProps prop in PopoverWithTrigger for passing custom props
  • data-es-popover-close can now also close PopoverWithTrigger externally

Updated

  • Updated dependencies
  • Replaced import-glob-loader with import-glob, as the previous package was abandoned
  • Fixed NumberPicker spinners in Firefox
  • Fixed wrong types in doc blocks (ColorPicker)
  • Fixed LinkInput fetchSuggestion not working properly
  • Tweaked Menu submenu style
  • Fixed PopoverWithTrigger external closing prop passthrough

Added

  • 1 UI icon, 9 block icons.

Updated

  • Fixed default NumberPicker sizing
  • Tweaked some of the default Menu trigger button classes.
  • Reworked the look of Repeater.
  • Moved the delete button of a repeater item into an inline menu, with a slot for more options.
  • Tweaked ReOrderable so the drag handle is the only place the item can be moved. This alleviates issues with interactive controls within the item.
  • Updated dependencies.

Added

  • New es-size, es-min-size, and es-max-size (+ -nested variants) utility classes for setting height and width at once
  • New prefix, suffix, extraButton, and noExtraButtonSeparator props in NumberPicker
  • Collapsable now has a disabled prop to disable the expand/collapse button
  • 1 new UI icon

Updated

  • NumberPicker has been completely updated visually
  • ResponsiveNumberPicker now better visually integrates the reset button
  • Tweaked Gutenberg override classes for NumberControl so they don't override FE libs NumberPicker
  • Utility classes now use logical properties for paddings, margins, borders, widths, and heights
  • IconToggle is now Toggle, but the previous name will also work (for now)
  • Refreshed 3 UI icons
  • Updated dependencies
  • ColorPicker now has a slot for additional controls

Updated

  • Fixed block renaming (due to recent Gutenberg changes)
  • LinkInput should now pop the suggestion panel only when focused into the input field
  • Fixed typo in MultiSelect story

Updated

  • LinkInput should handle input debouncing better, and the delay is now configurable via the inputDebounceDelay prop

Updated

  • Dependency updates

Updated

  • LinkInput should handle input debouncing better, and the delay is now configurable via the inputDebounceDelay prop

Updated

  • Dependency updates

Added

  • truncate text helper to make strings of limited width easier

Updated

  • ColumnConfigSlider has a bit cleaner and more compact styling
  • Updated 1 UI icon
  • Added 21 new UI icons
  • Updated default Gutenberg tooltip style
  • LinkEditComponent is now LinkInput, but the previous name will also work (for now).
  • LinkInput has been reworked from the ground up, with better layout and nicer UX.
  • Updated dependencies
  • Tweaked component names in Select controls readmes

Updated

  • Move @babel/preset-react to dependencies (from devDependencies)

Added

  • 59 new UI icons
  • New GutenbergBlock helper component, to streamline -block.js files
  • New bem helper to enable less code for selectors that don't need the more advanced conditions

Updated

  • Updated 18 UI icons
  • Fixed JSDoc inlineLabel prop types within OptionSelector and ColorPallete
  • Fixed disabled prop not working within certain variants of IconToggle
  • Fixed WP 6.4 block names in certain places (e.g. breadcrumbs in Editor)
  • Fixed readme for ResponsiveSlider
  • WidthOffsetRangeSlider now has a colAutoStartOverride prop
  • WidthOffsetRangeSlider will behave better when using AUTO offset

Storybook

  • Cleaned up Storybook majorly and migrated it to 7.x

Important

Minimum required Node version is now 18!

Added

  • 17 new UI icons

Updated

  • Tweaked some of the default Gutenberg style overrides
  • Fixed default block names in WP 6.4

Added

  • 12 new UI icons
  • 1 new block icon
  • new lodash function replacements
  • ColorPicker has new configuration options available: expanded, border, inlineLabel
  • OptionSelector has a new labelOnlyOnActive configuration option
  • PopoverWithTrigger got a new prop injection functionality to simplify external popover closing (via allowCloseFromChildren on the Popover, and esClosesModalOnClick on any element child)
  • .es-tabular-nums, .es-hidden (visibility: hidden) and es-dots-background (dotted background) utility classes have been added

Updated

  • Project will now only lint staged files
  • All of the dependencies have been updated to the latest versions
  • Stylelint rules have been cleaned up, and previous rules have been reintroduced from a different package, due to changes in Stylelint
  • Updated some of the current helpers to use new, lightweight implementations
  • Fixed some linter errors
  • Fixed a bug within Quote block where an attribute was missing
  • AdvancedColorPicker has a new design
  • Fixed a bug with gradient picker inside AdvancedColorPicker
  • ColorPalette has a new design
  • ColorPicker has a refreshed design
  • ColorSwatch has a new design and its performance was optimized a bit
  • ColorSwatch has a new swatch for "undefined" colors, so the empty state looks nicer (if es-undefined is passed as a color value)
  • Heading, Paragraph, Video, and Button blocks/components have had their options tweaked
  • Fixed wrong gap in UseToggle with the only toggle and label visible
  • getPaletteColors() helper now returns from the built-in FE libs stores, instead of WP colors
  • Fixed tests

Removed

  • lodash is no longer used in the project

Added

  • New block icon (Search field)
  • Support for Gutenberg block renaming (requires WordPress 6.4.x or newer)

Updated

  • Improved support for WordPress 6.4.x
  • Map block now works with the latest version of OpenLayers (8.1.0 at the time of publishing)
  • Map block has a better layer adder
  • Improved default GeoJSON styles in Map block
  • Carousel now works with the latest version of Swiper (11.0.4 at the time of publishing)

This is a major release that includes PHP8+ support. We tested it on the PHP 8.2.12 version.

Added

  • Better copy for checkAttr helper if key is missing.

Updated

  • Composer packages.
  • Composer command names.
  • Npx command readme.

Removed

  • Unnecessary standards and ignoring lines.
  • Storybook support for local project.

Added

  • wrapper corrections to be used using the render method as a standalone component.

Changed

  • cleaned up the Load more JS logic

Fixed

  • Wrong release number.

Fixed

  • Block registration issue with WooCommerce combination.

Added

  • a couple of new icons
  • a couple of new utility classes (z-index, isolation, border: none)
  • new Menu component (together with MenuItem and MenuSeparator)

Changed

  • SASSDoc and Storybook sidebars are now blue
  • fixed RC Slider ColumnConfigSlider background
  • tweaked Gutenberg UI enhancements control roundness
  • PopoverWithTrigger can now have classes passed to the outer/main popover as well

Added

  • a couple of new icons
  • a custom label option for the BlockInserter

Changed

  • incorrect rounded corners in NumberPicker spinner buttons

Added

  • a couple of new icons

Changed

  • fixed duplicate label on LinkEditComponent
  • tweaked some Gutenberg components to have (more) rounded corners, so it matches better with everything else
  • updated RC slider and fixed issue with ColumnConfigSlider being offset
  • tweaked the ESLint config

Added

  • a couple of new icons.
  • a couple of new text casing utility classes.

Changed

  • Storybook was re-styled a bit to make it fit bitter into eightshift.com (had to use overrides, as there's no official way, should be relatively stable with updates).
  • SASS docs were restyled to make them fit better into eightshift.com.
  • AdvancedColorPicker now uses 3rd party components for solid color and gradient pickers, removing the Gutenberg dependency and breaking changes they often make (fixes #746).

Changed

  • Es-lint rule to ignore max length.

Added

  • WebPack loaded will not parse webP images also.

Added

  • added missing import for WP6.3 styles
  • Repeater now supports disabling the "Add" button via disableItemAdd and providing a custom one via customAddButton

Added

  • support for WP 6.3.
  • added 11 new UI icons and 1 new block icon.

Changed

  • fetchWpApi now has a searchColumns param to enable further filtering.
  • Site footer and Site navbar now use a simpler mechanism for ID generation, removing the dependency for window.crypto (which doesn't work in non-HTTPS environemnts).
  • Repeater and ReOrderable will now auto-regenerate all item IDs if a conflict is found.
  • PopoverWithTrigger now supports external closing from within the popover content.

Changed

  • updating random Id generator to output 8 rather than 32 characters.

Removed

  • removed menu component, as it's not needed anymore.
  • removed layout-three-columns as it's not used anywhere anymore.

Added

  • added admin-header-footer-picker component (renders the settings page).
  • totally revamped theme and plugin setups visually.
  • theme setup is now fully hands-off and automatic (including init theme, npm install, theme activate and setting up reusable header/footer).
  • "Site navigation" and "Site footer" block, to enable making use of WP menus a history.

Changed

  • updated the default theme logo to the new ES DevKit one.
  • drawer component, so it better integrates with the new blocks, and also uses way less JS (especially if the browser supports the :has() selector).

Fixed

  • fixed #726 (bug with Repeater).
  • fixed LinkEditComponent not clearing properly when there's no text inside in some cases.

Bugfixes

  • fixed Advanced color picker crashing when selecting gradient
  • fixed Paragraph block splitting issues and improved merge logic
  • fixed Image block previews for weird aspect ratios
  • fixed various icon sizes throughout the UI, caused by Gutenberg

New UI components

  • added a highly configurable PresetPicker component
  • ReOrderable component - similar to Repeater, but without the expanding part

UI component updates

  • new UI and block icons
  • Notification component now supports additionalClasses prop
  • fixed Repeater doc block and cleaned up the code a bit
  • Repeater now has a preIcon slot - for items to the left of the label
  • Slider, RangeSlider and ColumnConfigSlider can now have onBeforeChange and onAfterChange callbacks
  • OptionSelector now supports adding subtitle to its items
  • Control now allows wrapping components in a div with a class, if needed
  • fixed LinkEditComponent padding being weird in some cases (e.g. in a flyout)
  • FancyDivider border has higher contrast now

New blocks

  • added Map block
  • added Table of contents block
  • removed existing share and social-links components, replaced them with social-networks component and block
  • added Site navigation block
  • added Site footer block

Block updates

  • added presets to Columns
  • wrapper has a new preview when configuring width and offset

Experiments

  • added experimental Graphical editing mode to wrapper - enable it through the global manifest

Misc

  • replaced the deprecated registerStore method for ES stores

Fixed

  • Spinners in NumberPicker will now set the min value if no value is currently present (undefined or empty value).
  • Columns will now hide the full wrapper option.

Added

  • added extra tweaks for some built in components (like the snackbar).
  • added some new UI icons, 529 total now!

Fixed

  • fixed an age-old issue with block registration, where the React HTML parser was screwing up some block icons in the inserter, causing malformed attributes (e.g. viewbox instead of viewBox).
  • fixed editor CSS variable output (#701).

Changed

  • fully ready for WordPress 6.2! (including fixes for #712 and #708).
  • NumberPicker now has a placeholder option.
  • Wrapper fixes for the project colors in the color picker.
  • Wrapper full-width for mobile is now default as false (instead of nothing before).
  • expanded utility classes.
  • fixed media placeholder missing in Image (#710).
  • Icon picker shouldn't overflow anymore with some very long labels (#707).
  • Variable for "list type options" and "lists type" have the same name causing premature return.
  • Updated the variable name for viable lists options to differentiate from the list type variable name.
  • fully updated all Block icons and Forms block icons (most of icons redrawn from scratch); 183 total (40 of those are Forms block icons)

Removed

  • removed some unused attributes from Button component (#706).

Fixed

  • UseToggle missing expanded outline when only label and expand button are visible.
  • default WP appender not allowing clicks around it.

Added

  • 2 new icons.

Changes

  • IconToggle with tileIcon style can now have its additionalClasses passed through.
  • This is major release with most of the changes on the components and UX/UI

Changed

  • reverted WP 6.1 BaseControl label casing.
  • fixed IconToggle and ToggleControl changes due to the new internal structure.
  • slightly tweaked SimpleHorizontalSingleSelect styling.
  • restyled SimpleVerticalSingleSelect to match SimpleHorizontalSingleSelect.
  • tweaked Gutenberg toggle controls to better fit into our libs.
  • added new icons.
  • fixed weird icon alignments in pickers and inserter.

Added

  • new flag in the manifest for innerBlocksDependency that will tell the WP-CLI about items dependency.

Fixed

  • tweaked Gutenberg's NumberControl style to better match our components.
  • added new icons.
  • CustomSelect can now have custom props passed (e.g., if you need to selectively disable some options or need any feature from React Select that we didn't have an abstraction for).
  • CustomRangeSlider had broken custom tooltip formatter, it works fine now!
  • WidthOffsetRangeSlider now has new, more logical tooltips on width and offset handles.
  • ColorPickerComponent can have the pop-up color list style changed.
  • rename the paragraph components inside the quote component to quote and attribution for better distinction.

Removed

  • duplicated normalize imports on block assets.
  • double import of @wordpress/components statement in the advanced color picker component.

Changed

  • facelift for all components and a bunch of new components. All details can be seen here

Fixed

  • advanced-color-picker component double import.

Changed

  • Fixing tests.
  • Updating create setup process to show requirements and forbidden words.
  • Updated Github actions.
  • Override editor to fix broken inserter position.

Added

  • Tag in readme for codecov.
  • Added tests coverage.

Changed

  • Updated Webpack to v5 and all packages.
  • Updated block featured-content to use load-more.
  • Stylelint config.
  • Babel config.
  • Eslint config.

Added

  • New component layout.
  • New component load-more.
  • Corrections for the new create-project setup.
  • Rem transform helper for postcss.
  • Variations to store.
  • Readme description about every package used.
  • New frontend entrypoint file for blocks/components.

Fixed

  • Issues regarding dart-sass.

Removed

  • normalize.scss package and replaced it with our version.

Added

  • New block icons.
  • Breakpoints map to style to be able to use manifest breakpoints.
  • Option to use rem based fonts on frontend and in editor. Used for fluid design.

Fixed

  • Safari bug on hamburger menu.

Fixed:

  • refactored unescapeHTML to work way more reliably.
  • readme and doc comment for Responsive are now correct.
  • Collapsable, CollapsableComponentUseToggle and CompactResponsive are now smarter with outline indentation and nesting.

Changed:

  • additional/custom classes can be passed to more components now (CollapsableComponentUseToggle, SimpleHorizontalSingleSelect, CustomSlider, CustomRangeSlider ).
  • added new utility classes for display, aligns, flexbox, ...
  • added new sizes for utility classes.
  • refactored InlineNotification to make it fit in better with current components.
  • refactored LinkEditComponent to make it fit in better with current components.
  • added an opt-in class to allow animating the inherit arrow.
  • a couple of default ES admin colors were changed to have more contrast and look better.
  • CustomSlider and CustomRangeSlider have better value displays now - the width is auto-calculated based on the max value to prevent the layout from moving when changing for example from 9 to 10.
  • IconLabel has a subtitle gap option now.
  • added new icons.

Fixed:

  • classNames style issue fixed.

Fixed:

  • classNames issue on fancy divider and compact responsive components.

Changed:

  • sassdocs build style.
  • all internal components now uses internal links and not alias.
  • all internal components now uses css variables that can be overriden from the project.
  • readded missing export for CustomSelectStyle.
  • IconToggle can now have additional classes passed through.
  • FancyDivider has a new alternate look option.
  • SimpleHorizontalSingleSelect.
    • buttons are now square when iconOnly is set.
    • new option for larger icons.
    • there is a new vertical layout.
  • CompactResponsive
    • custom breakpoint labels can be passed to the component now.
    • additional classes can be passed through.
  • fixed z-index overlap issues in some cases with CustomSelect.
  • ColorPickerComponent and ColorPalleteCustom now properly handle transparent color (checkerboard pattern is rendered).
  • IconLabel now has a subtitle option (a more compact option for basic help).
  • AdvancedColorPicker has been fully refactored to make it look nicer and more compact.

Added:

  • added new icons and update some existing ones.
  • added new utility classes.

Screenshots

  • New AdvancedColorPicker

image image

  • transparent support in color picker components

image image

Fixed:

  • internal components now use relative paths for internal imports (instead of @eightshfit/frontend-libs/scripts).
  • CustomSelect and Custom(Range)Slider have been partly refactored and should be more performant now.
  • CompactResposnive now has an option to hide the default breakpoint indicators; this now allows the old Responsive to render the new component without any breaking changes 🎉 (you should still take your time and remove the breakpoint labels and switch to CompactResponsive, though 😄 ).
  • CustomSelect has an additionalClasses param now.
  • ColorPickerComponent/ColorPalleteCustom now have an improved sorting logic - single color shades won't get their own group; also the grouping functionality is toggleable now.
  • ColorPickerComponent has its missing searachable prop readded 😅 .
  • CollapsableComponentUseToggle has a brand new look and a way nicer feel and layout.
  • Collapsable was partly reworked to optimize its styles and better align it to the new CollapsableComponentUseToggle.
  • there are a couple of new (UI) icons.
  • a couple of style fixes and utility classes were added.
  • add GradientPicker component with fallback for versions prior to 5.9

Fixed

  • Blocks correct order of store registration.
  • Major braking changes do to updates on css variables, and helpers and updating min PHP version to 7.4.
  • Full change log can be checked on Github releases.

[5.0.3]

Added

  • GH Actions optimization
    • Added concurrency that will cancel previous workflow runs for the same branch that have not yet completed.

Updated

  • Added new icons

Fixed

  • Linter fixes - missing semicolon

Fixed

  • Hotfix for missing package and broken build.

Added

  • New babel config to silence warnings for plugin-proposal-private-property-in-object.
  • New modal component.
  • New blockquote block.

Changed

  • OverrideInnerBlockAttributes helper now supports exclude prop.

Fixed

  • Phpstan issues.
  • Blocks not rendering in the storybook.
  • Major braking changes do to updates on css variables, and helpers.

[4.0.8]

Added

  • Added 11 new components and a couple of new helpers from Frontend Libs 5.x and 6.x
  • Added top-level imports for components, helpers and scripts

Changed

  • Updated ColorPalleteCustom, CustomSelect, HeadingLevel, LinkToolbarButton, OptionPicker, Responsive and ServerSideRender
  • Updated UI and block icons
  • Update override-editor styles

Changed

  • Fix for webpack cache issue.

Changed

  • Minor backend changes.

Changed

  • DependencyExtractionWebpackPlugin added config to json file as dependency tree.

Added

  • New config for webpack to use https in browserSync

Added

  • Vertical align to column block.
  • Implemented new icons set for component, blocks and helper modal.
  • YoastSeo plugin helper to be able to process content for analysis.
  • Image component added alt option.

Changed

  • Better documentation for helper modal.
  • Cleanup for documentation.

Added

  • Camelize helper.
  • GetOptionsColor helper.

Fixed

  • Component image stretching issue with align.
  • Component column offset not working.
  • Component column order not working.
  • Component columns option was not working in multiple nested levels.
  • Component columns vertical align was not working.

Changed

  • Wrapper, Paragraph, Lists, Link, Heading, Button component to a new GetOptionsColor helper.

Removed

  • Removed package-lock.json
  • Removed composer.lock
  • Removed version number from composer.json

Added

  • New Jumbotron block.
  • New Jumbotron component.

Changed

  • Image component align in 9 position
  • Image component wrap semantic class.
  • Link component wrap semantic class.
  • Heading component wrap semantic class.
  • Paragraph component wrap semantic class.
  • Babel config changes.
  • Video Component hotfix.

Added

  • New Inline font color mixin.
  • @babel/plugin-proposal-class-properties package in Babel config.

Changed

  • Wrap selector for components: Button, Image, Link.

Fixed

  • Missing Browser sync package.
  • Not working @wordpress/dom-ready package loaded from Webpack.

MAYOR BREAKING CHANGES

  • You should not try to update from version 3 to 4 because they are not compatible.

Added

  • Option to create block variations from manifest.json.
  • Removing blockName-icons.js file and added ability to add SVG icon from manifest.json.
  • Changed columns and column block icon to manifest.
  • New package react-html-parser.
  • Variation example for button block.
  • Variation example for grid block.

Changed

  • Fixes on columns block.
  • Optimization on block and variation registration.
  • Changed application-block-editor.js file for a new setup.
  • How storybook handles variations.

Breaking change

  • Update your application-block-editor.js file for a new setup.

Changed

  • Changed the file name for transforms.js to blockName-transforms.js.
  • Changed the file name for icons to blockName-icons.js.
  • Storybook is now loading example data the same as in the native/core blocks.
  • All example keys to match the new setup.
  • All story.js files to accommodate for a new example key.
  • Structural changes how registerBlocks and registerBlock methods are working.
  • Fixing some bugs in registerBlock method.
  • Structural changes in all storybook helpers.
  • Converted withWrapper method to jsx.

Added

  • Hooks specific file in blocks.
  • Variation specific file in blocks.

Added

  • Wrapped new attributes: wrapperUse, wrapperUseShowControl, wrapperUseSimple, wrapperUseSimpleShowControl, wrapperDisable.
  • All packages from WP core for the latest build.
  • Github Actions for testing.

Changed

  • Fixing storybook and example field inside manifest.
  • Structural changes on all blocks.
  • Converted all wrapper attributes to objects.
  • Storybook correction for new example layout of attributes.
  • Bug fixes on Columns and Column block.
  • Bugfixes on color palette helper.
  • Added options to Group block.
  • Fixed and UX correction for Button block.
  • Some UX and UI fixed.
  • If attribute is type object it will now automatically build actions for each key in manifest.json.

Removed

  • Cards Grid block.
  • Cards List block.

Added

  • New block Columns.
  • New block Column.
  • New responsive-selectors helper to turndown the boilerplate code.
  • Has wrapper as na option in wrapper component.
  • Wrapper option to sass modifiers-deep and modifiers mixin.

Changed

  • Storybook changes for the new setup.
  • Changes on wrapper component to have object attributes.

Added

  • Option to add transforms inside manifest.json file.
  • Option to add custom svg icon inside manifest.json file.
  • Featured Posts - block that enables selecting specific posts to display on page
  • font-face - mixin for generating @font-face definitions

Fixed

  • Fixed issue #96 - Plugin name / description now correctly renamed during setup
  • Fixed issue #116 - Copy storybook during setup
  • Eightshift Boilerplate asci-art split into two lines to better break on narrow terminals

Changed

  • Adding transforms and custom svg icon is optional. To enable this options in your existing project you need change registerBlocks method inside application-blocks-editor.js file.

Breaking change

There has been some breaking changes in this release. Follow this migration script in order for you project to work correctly with the new changes.

  • We have removed all Webpack aliases, to fix this search and replace this strings inside you project:
    • import 'EightshiftBlocksWhatwgFetch' -----> import 'whatwg-fetch'
    • import Swiper from 'EightshiftBlocksSwiper' -----> import Swiper from 'swiper'
    • import 'EightshiftBlocksSwiperIE' -----> import 'swiper/js/swiper.min'
    • import 'EightshiftBlocksBabelPolyfill' -----> import '@babel/polyfill'
    • import 'EightshiftBlocksAutoprefixer' -----> import 'autoprefixer'
    • @import 'EightshiftBlocksNormalize' -----> @import 'normalize-scss'
    • @import 'EightshiftBlocksMediaBlender' -----> @import 'media-blender'
    • @import 'EightshiftBlocksSwiperStyle' -----> @import '~swiper/swiper.scss'
    • import { dynamicImport } from 'EightshiftBlocksDynamicImport' -----> import { dynamicImport } from '@eightshift/frontend-libs/scripts/helpers'
    • import { registerBlocks } from 'EightshiftBlocksRegisterBlocks' -----> import { registerBlocks } from '@eightshift/frontend-libs/scripts/editor'
    • import { ucfirst } from 'EightshiftBlocksUcfirst' -----> import { ucfirst } from '@eightshift/frontend-libs/scripts/editor'
    • import { getActions } from 'EightshiftBlocksGetActions' -----> import { getActions } from '@eightshift/frontend-libs/scripts/editor'
    • import { getActions } from 'EightshiftBlocksGetActions' -----> import { getActions } from '@eightshift/frontend-libs/scripts/editor'
    • import { ... } from 'EightshiftBlocksUtilityHelpersPath/...' -----> import { ... } from '@eightshift/frontend-libs/scripts/helpers'
    • @import 'EightshiftFrontendLibs' -----> @import '@eightshift/frontend-libs/styles/index.scss'
    • @import 'EightshiftEditorStyleOverride' -----> @import '@eightshift/frontend-libs/styles/override-editor.scss'
    • import { ColorPaletteCustom } from 'EightshiftComponentColorPalette' -----> import { ColorPaletteCustom } from '@eightshift/frontend-libs/scripts/components'
    • import { HeadingLevel } from 'EightshiftComponentHeadingLevel' -----> import { HeadingLevel } from '@eightshift/frontend-libs/scripts/components'
  • Storybook scripts and helpers have been moved and restructured. To fix this just recopy all Storybook config files in your project. Files can be found here.

Added

  • Missing registerBlocks import.
  • Scroll-to-target component that has two options: target element to scroll to and text of the scroll-to link.
  • Fixed a bug with centering where logo wouldn't be quite centered on mobile - seemingly due to having flex-basis set to auto. Setting it to any other value (such as 1px) fixed the issue.
  • Fixed a bug where drawer wouldn't work if page-overlay did not exist.
  • Added support for behind and top drawers / mobile menus (slide from top or fade in).
  • Better vertical / horizontal centering (more flex, less height, proper justifying).
  • Removed some height: 100% which made styling links difficult and coupled to header / footer height.
  • page-overlay added to script init project.
  • editor-color-palette - Modified the ColorPaletteCustom component to get colors by default from WordPress's global store.
  • editor-color-palette - Modified all uses of ColorPaletteCustom component to not override default colors (except for wrapper).
  • editor-color-palette - Added a helper (using React hooks) for reading colors from WordPress's global store.
  • Added docs for editor-color-palette.

Changed

  • js loader to be able to handle components from the lib

Fixed

  • Wrong namespace in components helpers.
  • Removing unnecessary map keys for components style.
  • Fixing drawer styles.
  • Fixing menu styles.
  • Loading z-index from external map.
  • Fixing typo translate3D to translate3d.
  • Removing display: inline-block;
  • Fixing logo styles.
  • Fixing broken scroll to top method.

Added

  • Added copying of components used by header & footer
  • Added .travis.yml.
  • Added integration test for setting up a plugin using npx create-wp-project plugin.
  • Added create-wp-project tests run in travis.
  • Added auto detection of React version to eslint config..
  • Added footer & header to copy blocks script.
  • Added foreground color for icons.
  • Added underline-text mixin.
  • Added underline mixin.
  • Added for-each-attribute mixin.
  • Added block manifest registration ability to register blocks in different manifest than global settings.
  • Added new alias EightshiftBlocksSwiperIE for Swiper slider with IE 11 support.
  • Added component - header.
  • Added component - menu.
  • Added component - menu-drawer.
  • Added component - hamburger.
  • Added component - footer.
  • Added component - copyright.
  • Added 2 possible modifiers to menu for media-specific display property.

Changed

  • Moved all tests from create-wp-project to eightshift-frontend-libs.
  • Refactoring stories to simpler setup.
  • Linting fixes.
  • Removed jQuery from scroll-to-top component and carousel.

Removed

  • Removed hardcoded media-specific display properties

Changed

  • Reverting override styles.

Changed

  • Fixed externals import.

Changed

  • Fixed lodash import.

Changed

  • Added align support full to block registration
  • Added align full as default align for wrapper
  • Removed some of editor style overrides.
  • Adding wrapper default align style.

Changed

  • Searched and replaced all instances of Eightshift with Eightshift.

Removed

  • Removing docs to new repository

Changed

  • Fixing options to include storybook inside a project.

Added

  • Fixed theme setup script
  • Added setup script for plugin
  • Added absolute-position scss placeholder
  • Updating documentation
  • updating packages and fixing vulnerabilities

Added

  • Added new divider block.
  • Added blocksAssetsPathConfig also as a default value in Webpack helper.
  • Added assetsPath and outputPath to default values in Webpack helper.
  • Added option to not load webpack entrypoint file if it doesn't exist.

Changed

  • Changed setup script for boilerplate.
  • Changed Webpack overrides key from object to array.
  • Changed CleanWebpackPlugin option to fix removing items in watch mode.
  • Changed readme and docs.
  • Changed documentation.
  • Changed setup script new structure.

Moved

  • Decoupled normal assets from blocks for extra flexibility.
  • Moved all src/blocks/layout/... to src/blocks/components.
  • Moved initial blocks setup to a separate folder.

Changed

  • Fixing Scss build process
  • Updating webpack config
  • Updating readme and docs

Changed

  • Added option to override any Webpack build options
  • Removed postcss
  • Changed readme docs for Webpack
  • Updating aliases
  • Removing unnecessary packages
  • Optimizations for storybook

Added

  • Installed sassdoc
  • Added npm run build-sassdoc script which builds sassdoc (generated file: sassdoc/index.html)
  • Added .gitattributes
  • Storybook
  • Merged sassdocs from @IvanGrginovInf
  • Merged docpress from @dingo-d
  • Added readme for every block
  • Added multiple block/components
  • Added Gutenberg playground
  • Added multiple new helpers
  • Merged multipleProps and media props from @tihomirselak
  • Blocks refactor

Added

  • Changelog for 2.0.6

Added

  • %visually-hidden placeholder - hide an element visually without preventing element rendering (like display: none; does) and without hiding from accessibility tools - reference

Changed

  • Changing block get actions method to fix a bug.

Changed

  • Changing block get actions method to incorporate objects and media.

Added

  • Blocks Storybook preparations

Changed

  • Changing postcss setup.

Removed

  • Classnames package from package.json.

Added

  • Fixing readme logo image.
  • Fixing Wrapper block spacing.

Added

  • Complete refactor on project organization.
  • Moving, Babel, Webpack, linters config from boilerplate to eightshift-frontend-libs.
  • Adding blocks init and blocks example.
  • Creating components to reuse on blocks project.
  • Adding new column-offset-modifiers mixin
  • Apply suggestions from code review
  • Initial tagged release.