CHANGELOG.md

Changelog

All notable changes to laravel-form-components will be documented in this file

v8.1.4 - 2023-07-10

What's Changed

• Scope md padding to a media query for native form selects so it's not overridden by the input padding right value
• NPM: Bump @babel/preset-env from 7.21.5 to 7.22.2 by @dependabot in #107
• NPM: Bump @babel/core from 7.21.8 to 7.22.1 by @dependabot in #108
• Bump dependabot/fetch-metadata from 1.4.0 to 1.5.1 by @dependabot in #109
• Bump aglipanci/laravel-pint-action from 2.2.0 to 2.3.0 by @dependabot in #110
• NPM: Bump @babel/preset-env from 7.22.2 to 7.22.4 by @dependabot in #112
• NPM: Bump @rollup/plugin-node-resolve from 15.0.2 to 15.1.0 by @dependabot in #113
• NPM: Bump @rollup/plugin-commonjs from 25.0.0 to 25.0.1 by @dependabot in #114
• NPM: Bump @babel/core from 7.22.1 to 7.22.5 by @dependabot in #115
• NPM: Bump @babel/preset-env from 7.22.4 to 7.22.5 by @dependabot in #116
• NPM: Bump @rollup/plugin-commonjs from 25.0.1 to 25.0.2 by @dependabot in #117
• Bump dependabot/fetch-metadata from 1.5.1 to 1.6.0 by @dependabot in #118
• NPM: Bump @babel/preset-env from 7.22.5 to 7.22.7 by @dependabot in #119
• NPM: Bump @babel/core from 7.22.5 to 7.22.8 by @dependabot in #120

Full Changelog: https://github.com/rawilk/laravel-form-components/compare/v8.1.3...v8.1.4

v8.1.3 - 2023-05-24

What's Changed

• Add padding-right styling to native selects
• NPM: Bump @rollup/plugin-commonjs from 24.0.1 to 24.1.0 by @dependabot in #101
• Bump dependabot/fetch-metadata from 1.3.6 to 1.4.0 by @dependabot in #102
• NPM: Bump @babel/preset-env from 7.21.4 to 7.21.5 by @dependabot in #103
• NPM: Bump @babel/core from 7.21.4 to 7.21.5 by @dependabot in #104
• NPM: Bump @babel/core from 7.21.5 to 7.21.8 by @dependabot in #105
• NPM: Bump @rollup/plugin-commonjs from 24.1.0 to 25.0.0 by @dependabot in #106

Full Changelog: https://github.com/rawilk/laravel-form-components/compare/v8.1.2...v8.1.3

v8.1.2 - 2023-04-13

What's Changed

• NPM: Bump @babel/core from 7.21.3 to 7.21.4 by @dependabot in #95
• NPM: Bump @babel/preset-env from 7.20.2 to 7.21.4 by @dependabot in #96
• NPM: Bump @rollup/plugin-node-resolve from 15.0.1 to 15.0.2 by @dependabot in #97
• Content Security Policy Support by @rawilk in #98

Full Changelog: https://github.com/rawilk/laravel-form-components/compare/v8.1.1...v8.1.2

v8.1.1 - 2023-03-31

What's Changed

• Bump up custom-select z-index to 30 by default
• Make custom-select z-index configurable via the css variable --custom-select-menu-z-index

Full Changelog: https://github.com/rawilk/laravel-form-components/compare/v8.1.0...v8.1.1

v8.1.0 - 2023-03-27

What's Changed

• NPM: Bump fs-extra from 11.1.0 to 11.1.1 by @dependabot in #91
• Bump actions/stale from 7 to 8 by @dependabot in #92
• Provide better dark mode support by @rawilk in #93

Full Changelog: https://github.com/rawilk/laravel-form-components/compare/v8.0.4...v8.1.0

v8.0.4 - 2023-03-23

What's Changed

• Ensure a value is always rendered onto checkbox/radios if one is set

Full Changelog: https://github.com/rawilk/laravel-form-components/compare/v8.0.3...v8.0.4

v8.0.3 - 2023-03-22

What's Changed

• Prevent textarea from resizing when hidden
• Prevent false positives for "has children" checks on select options when an empty collection is used for children

Full Changelog: https://github.com/rawilk/laravel-form-components/compare/v8.0.2...v8.0.3

v8.0.2 - 2023-03-22

What's Changed

• Fix styling for inline form groups

Full Changelog: https://github.com/rawilk/laravel-form-components/compare/v8.0.1...v8.0.2

v8.0.1 - 2023-03-21

What's Changed

• Bump creyD/prettier_action from 4.2 to 4.3 by @dependabot in #86
• Bump aglipanci/laravel-pint-action from 2.1.0 to 2.2.0 by @dependabot in #87
• Bump actions/stale from 5 to 7 by @dependabot in #85
• Support simple array options in x-select by @rawilk in #89

Full Changelog: https://github.com/rawilk/laravel-form-components/compare/v8.0.0...v8.0.1

v8.0.0 - 2023-03-17

What's Changed

• Laravel 10 support by @magarrent in #73
• Structure updates by @rawilk in #74
• NPM: Bump @babel/core from 7.20.12 to 7.21.0 by @dependabot in #80
• Config/component update by @rawilk in #81
• Bump creyD/prettier_action from 3.0 to 4.3 by @dependabot in #78
• Bump actions/checkout from 2 to 3 by @dependabot in #75
• Dark mode support added
• Custom Tailwind plugin to support different colors for switch-toggle added
• JS assets built using Rollup now
• Directives @fcScripts and @fcStyles removed
• Directive @fcJavaScript renamed to @fcScripts
• Self-closing tag <fc:scripts /> added as an alternative to @fcScripts
• New TimeZoneRegionEnum added
• TimeZoneRegion support class deprecated
• Added CSS variables for common input styling modifications
• Simplified component markup by moving Tailwind CSS classes to external CSS
• Revamped JavaScript for custom-select, tree-select, date-picker, quill, and filepond components
• Added support for automatically resizing textareas
• Added $customSelect, $customSelectOption, $treeSelect, $treeSelectOption, and $datePicker alpine magic properties
• Changed file-upload component to use a native file input instead of custom button
• Added support for native progress bar for file-upload progress
• Changed form group labels to automatically find and focus custom-select and quill inputs within the form group with no custom configuration now
• Added a new defaults config key for common settings to modify on components
• Removed support for automatically pulling in 3rd-party cdn assets
• Added new trailingInlineAddon to addons
• Removed PublishCommand
• Changed up how JavaScript options and callbacks are defined for components like quill, filepond and date-picker

New Contributors

• @magarrent made their first contribution in #73
• @dependabot made their first contribution in #80

Full Changelog: https://github.com/rawilk/laravel-form-components/compare/v7.1.6...v8.0.0

v7.1.7 - 2023-03-06

What's Changed

• Add Laravel 10.x support

Full Changelog: https://github.com/rawilk/laravel-form-components/compare/v7.1.6...v7.1.7

v7.1.6 - 2022-10-20

Fixed

• Fix css minification issue in custom-select.css

Full Changelog: https://github.com/rawilk/laravel-form-components/compare/v7.1.5...v7.1.6

7.1.5 - 2022-08-24

Updated

• Update blade heroicon references for v2

7.1.4 - 2022-08-24

Updated

• Update blade heroicon references for v2

7.1.3 - 2022-03-30

Fixed

• Prevent checkbox/radios from emitting the input event in custom selects to prevent it interfering with their toggle handlers on each option

7.1.2 - 2022-03-29

Fixed

• Provide better x-model support for switch-toggle component
• Defer to \Illuminate\Support\Js::from() for setting on/off values for switch-toggle component

7.1.1 - 2022-03-25

Updated

• Add text alignment dropdown to quill editor toolbar by default

7.1.0 - 2022-03-25

Added

• Add Quill Rich Text Editor component - #53

Updated

• Update vendor cdn versions in config

7.0.6 - 2022-03-16

Fixed

• Prevent JavaScript errors on custom select when calling .some on non-arrays

7.0.5 - 2022-02-22

Fixed

• Handle null value updates better when a browser event is emitted to custom select components

7.0.4 - 2022-02-09

Changed

• Wrap each css file in a @layer components
• Update required tailwind colors

Fixed

• Force custom/tree select null values to get updated when using wire:model.defer

7.0.3 - 2022-02-08

Fixed

• Use correct label on multi custom selects for selected option

7.0.2 - 2022-02-08

Fixed

• Fix typo in custom select x-data declaration
• Use langPath() helper to publish lang files to correct directory

7.0.1 - 2022-02-08

Fixed

• Fix keyboard nav on custom select JS errors when no name is provided
• Make timezone select compatible with new version of custom select

7.0.0 - 2022-02-07

Added

• Add new <x-tree-select> custom select component
• Add new <x-tree-select-option> component
• Add new <x-custom-select-option> component
• Add livewire version of custom select component
• Add livewire version of tree select component
• Add various helper components for custom/tree select components

Changed

• Breaking Change: Bump minimum Laravel version to 8.70
• Breaking Change: Move styles into resources/css directory, which will require a different directory and file to import into stylesheets
• Breaking Change: Change textField prop on customSelect to labelField
• Breaking Change: Change defaults of valueField and labelField on custom select component to id and name, respectively
• Breaking Change: Rename min and max props on custom select to minSelected and maxSelected, respectively
• Breaking Change: Require a flat array of options on custom select, even if they contain "opt groups"
• Breaking Change: Remove wire-listeners from custom select
• Add various new props to custom select component
• Change default styling of custom select component
• Add Laravel 9.* compatibility
• Add PHP 8.1 compatibility
• Update Alpine JS CDN version in config

Fixed

• Various bug fixes in custom select and other components

6.0.2 - 2022-01-10

Fixed

• Support for get the old value of a switch toggle without livewire (#41)

6.0.1 - 2021-11-11

Updated

• Add support for x-model on inputs
• Add onOpen slot to date picker component

6.0.0 - 2021-09-20

Added

• Register all components under a the form-components:: namespace

Fixed

• Fix button display issues when passing values manually to custom-select (#34)

Updated

• Update asset versions in the config
• Reference all form-components components using <x-form-components::> instead of <x-dynamic-component>
• Add better support for multi custom-select in non-livewire forms (#34)

Changed

• Switch from rollup to laravel-mix for compiling package JavaScript

Breaking changes

• Increase minimum Laravel version to 8.56
• Remove ability to override component views in the config (in favor of just publishing the package's views)

5.1.0 - 2021-07-26

Added

• Add custom after slot to allow custom markup for "trailing addons"

5.0.5 - 2021-07-13

Fixed

• Update custom-select component to use $nextTick in x-init for Alpine.js v3 (#25)

5.0.4 - 2021-07-02

Fixed

• Fix issues with timezone custom select options
• Update custom select "selected option" styling

Updated

• Use the new Alpine.data(...) to define the customSelect Alpine component

5.0.3 - 2021-06-25

Fixed

• Add backwards compatibility for Laravel 8.0 - 8.26 by adding a class macro to ComponentAttributeBag::class if the method does not exist

5.0.2 - 2021-06-24

Fixed

• Fix syntax error in checkbox/radio component

5.0.1 - 2021-06-24

Fixed

• Fix syntax issues with FilePond component

Updated

• Add hasStartsWith macro for blade component attributes

5.0.0 - 2021-06-23

Added

• Add Alpine.js v3 support

Removed

• Remove Alpine.js v2 support

Updated

• Update tailwind version to 2.2.2 in laravel-form-components-styles sub-package
• Remove postcss in favor of tailwind cli in laravel-form-components-styles sub-package
• Update dev dependencies

4.0.8 - 2021-06-01

Fixed

• Fix issue with date picker not always showing the currently selected date when opened

4.0.7 - 2021-04-08

Fixed

• Fix leading icon size and z-index issues

4.0.6 - 2021-03-31

Fixed

• Fix FilePond background color issue

4.0.5 - 2021-03-31

Fixed

• Prevent custom select placeholder being rendered twice

4.0.4 - 2021-03-31

Fixed

• Fix next/previous month button styling on flatpickr

4.0.3 - 2021-03-30

Fixed

• Fix issue with date-picker toggle icon trying to render for a false value
• Fix minor styling issues with flatpickr

4.0.2 - 2021-03-30

Fixed

• Fix issue with inputs that have no leading addons having no border radius

4.0.1 - 2021-03-30

Fixed

• Fix border radius issue with inputs that have leading addons
• Fix width issue for leading addons

4.0.0 - 2021-03-29

Changed

• Inline most tailwind class names on form components
• Remove majority of styles from stylesheet
• Change styling from sass to css/postcss
• Enable border by default on <x-form-group> when it is inline and not the first child in a container
• Enable margins on <x-form-group> by default
• Change how <x-custom-select> "scrolls" to each option
• Switch any icons rendered with svg() helper to be rendered with <x-dynamic-component /> blade component instead

Added

• Add ability to specify grid columns on <x-checkbox-group> component (when inline)
• Add $optional and $hint attributes to <x-form-group> component

Removed

• Remove $fixedPosition prop from <x-custom-select>

Fixed

• Fix array to string conversion error on textarea when no value is passed in to it
• Prevent $wire from breaking <x-custom-select> when not used in a livewire component
• <x-custom-select> will now position itself correctly and will not require the fixed-position prop anymore (requires Popper.js)
• Add missing translations to form-components translation file
• Render timezone-select with correctly when using a component name prefix (#16)

3.1.1 - 2021-03-01

Fixed

• Prevent inputs from rendering the string [] when name is omitted

3.1.0 - 2021-02-24

Added

• Add extra-attributes property to inputs to allow more options for attribute forwarding

3.0.6 - 2021-02-22

Fixed

• Stop using strict comparison for finding a "selected" option in select component (#11)

3.0.5 - 2021-02-03

Fixed

• Fix bug with multiple custom select "selectedOption" not updating correctly and throwing JS errors

3.0.4 - 2021-01-22

Updated

• Update flatpickr dependency to version 4.6.9

3.0.3 - 2021-01-08

Fixed

• Fix array to string conversion error with <x-input> on value field

3.0.2 - 2020-12-21

Fixed

• Fix issue with checked attribute always being set to false on checkbox component

3.0.1 - 2020-12-18

Fixed

• Fix issue on custom-select where options were always empty

3.0.0 - 2020-12-18

Breaking Changes

• Drop support for php 7

Added

• Add container-class prop to inputs
• Add language file for any text used in components
• Add switch toggle component (<x-switch-toggle />)

Changed

• Allow form-group component label to be omitted by passing in false for label
• Update alpine dependency to version 2.8.0
• Lighten up input placeholder color (apply placeholder-gray-400 to inputs)

2.0.2 - 2020-11-30

Added

• Add class group to custom select option elements

Changed

• Change x-if to x-show on custom select button display

2.0.1 - 2020-11-30

Added

• Add custom-select-value-changed event emitted on custom select

Fixed

• Fix custom select empty id issue
• Fix custom select filter loading icon styles
• Fix date picker clear button styles
• Fix date picker styles when livewire re-renders it

2.0.0 - 2020-11-27

Changed

• Change styling to be compatible with TailwindCSS v2
• Change color classes to more abstract names like primary or danger - see the upgrade guide for more info
• <x-custom-select> component now renders options in an x-for loop and only accepts an array of options now
• <x-custom-select> component now uses wire:filter as a livewire method name to perform server-side filtering
• Change how alpine click event is registered on password component (from @click to x-on:click)
• Make <x-timezone-select> compatible with new api for <x-custom-select>
• Change default clear icon for <x-custom-select>

Added

• Add buttonDisplay slot to <x-custom-select> component
• Add optionDisplay slot to <x-custom-select> component
• Add wireListeners property to <x-custom-select> component
• Add $maxOptions property to <x-custom-select> component
• Add ability for custom select options to be dependent on other custom selects
• Add php 8 support

Removed

• Remove <x-custom-select-option> blade component
• Remove array type hint on $options attribute on <x-custom-select> to allow for more flexibility (i.e. passing in Collections)

1.4.14 - 2020-11-09

Changed

• Change how custom select values are compared

1.4.13 - 2020-11-09

Changed

• Change how custom select options are selected

1.4.12 - 2020-11-08

Changed

• Allow timezone custom select to be fixed positioned

1.4.11 - 2020-11-08

Changed

• Allow custom select menu to be fixed positioned instead of absolute
• Tweak password input styling

1.4.10 - 2020-11-02

Fixed

• Prevent toggle icon from overlapping with icons injected into the password input by password managers such as Lastpass

1.4.9 - 2020-10-30

Changed

• Change custom select option selection tracking to use session storage

1.4.8 - 2020-10-29

Fixed

• Adjust how selected options are tracked for custom selects that are multiple selectable and wire filterable -- see livewire issue #763
• Adjust selected display styling for multi custom-select

1.4.7 - 2020-10-28

Fixed

• Fix z-index issue on custom select container
• Preserve custom select display if selected option disappears
• Prevent custom select options from being selected and de-selected in the same click
• Allow tab to work normally when pressed and custom select button trigger is focused
• Re-focus custom select trigger button when esc key is pressed and menu is opened
• Make custom select clear button always vertically centered

1.4.6 - 2020-10-26

Fixed

• Add wire:ignore to the custom-select button display to prevent livewire from re-rendering it

1.4.5 - 2020-10-26

Changed

• Update how custom-select is initialized

1.4.4 - 2020-10-26

Patch release for 1.4.3

1.4.3 - 2020-10-26

Fixed

• [CustomSelect] Prevent trying to find children when $refs.menu is not present
• [CustomSelect] Prevent menu and container from being referenced if not present

1.4.2 - 2020-10-26

Changed

• Allow form-group component to accept a label-id attribute to allow giving the label an id

1.4.1 - 2020-10-26

Fixed

• Give custom select menu container a higher z-index to prevent it from appearing under other form inputs

1.4.0 - 2020-10-25

Added

• Add new custom-select component (#4)
• Add new @fcJavaScript blade directive for custom package JavaScript

Changed

• Modify @fcScripts to output package JavaScript that powers custom components
• Change timezone-select to support using both native select and new custom-select component

1.3.2 - 2020-10-15

Added

• Add file-pond-clear event listener to clear out all files in the FilePond instance

1.3.1 - 2020-10-15

Added

• Add a wire:model watcher to the file-pond component to watch for manual file deletions

Changed

• Change how FilePond is initialized on the file-pond component.

1.3.0 - 2020-10-14

Added

• Add a file input component (#2)
• Add a FilePond component (#2)

Changed

• Only render the id attribute on inputs if an id is set on the component

1.2.1 - 2020-10-12

Changed

• Only render the checkbox/radio label markup if a label or description is present

1.2.0 - 2020-10-06

Added

• Add a date picker component (#7)
• Add directives @fcStyles and @fcScripts for linking to 3rd party CDN libraries when not in production (view commit)

Changed

• Change format of timezone display in select options

1.1.1 - 2020-09-18

Fixed

• Move x-cloak directive in x-password component to the toggle icon so autofocus can work properly on the input.

1.1.0 - 2020-09-16

Added

• Add timezone select component

1.0.0 - 2020-09-13

• initial release