All notable changes to laravel-form-components
will be documented in this file
- Update blade heroicon references for v2
- Update blade heroicon references for v2
- Prevent checkbox/radios from emitting the
input
event in custom selects to prevent it interfering with their toggle handlers on each option
- Provide better
x-model
support forswitch-toggle
component - Defer to
\Illuminate\Support\Js::from()
for setting on/off values forswitch-toggle
component
- Add text alignment dropdown to quill editor toolbar by default
- Add Quill Rich Text Editor component - #53
- Update vendor cdn versions in config
- Prevent JavaScript errors on custom select when calling
.some
on non-arrays
- Handle
null
value updates better when a browser event is emitted to custom select components
- Wrap each css file in a
@layer components
- Update required tailwind colors
- Force custom/tree select null values to get updated when using
wire:model.defer
- Use correct label on multi custom selects for selected option
- Fix typo in custom select x-data declaration
- Use
langPath()
helper to publish lang files to correct directory
- Fix keyboard nav on custom select JS errors when no name is provided
- Make timezone select compatible with new version of custom select
- 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
- 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 oncustomSelect
tolabelField
- Breaking Change: Change defaults of
valueField
andlabelField
on custom select component toid
andname
, respectively - Breaking Change: Rename
min
andmax
props on custom select tominSelected
andmaxSelected
, 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
- Various bug fixes in custom select and other components
- Support for get the old value of a switch toggle without livewire (rawilk#41)
- Add support for
x-model
on inputs - Add
onOpen
slot to date picker component
- Register all components under a the
form-components::
namespace
- Fix button display issues when passing values manually to
custom-select
(#34)
- 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)
- Switch from rollup to laravel-mix for compiling package JavaScript
- 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)
- Add custom
after
slot to allow custom markup for "trailing addons"
- Update
custom-select
component to use$nextTick
inx-init
for Alpine.js v3 (#25)
- Fix issues with timezone custom select options
- Update custom select "selected option" styling
- Use the new
Alpine.data(...)
to define thecustomSelect
Alpine component
- Add backwards compatibility for Laravel 8.0 - 8.26 by adding a
class
macro toComponentAttributeBag::class
if the method does not exist
- Fix syntax error in checkbox/radio component
- Fix syntax issues with FilePond component
- Add
hasStartsWith
macro for blade component attributes
- Add Alpine.js v3 support
- Remove Alpine.js v2 support
- Update tailwind version to
2.2.2
inlaravel-form-components-styles
sub-package - Remove
postcss
in favor of tailwind cli inlaravel-form-components-styles
sub-package - Update dev dependencies
- Fix issue with date picker not always showing the currently selected date when opened
- Fix leading icon size and z-index issues
- Fix FilePond background color issue
- Prevent custom select placeholder being rendered twice
- Fix next/previous month button styling on flatpickr
- Fix issue with date-picker toggle icon trying to render for a
false
value - Fix minor styling issues with flatpickr
- Fix issue with inputs that have no leading addons having no border radius
- Fix border radius issue with inputs that have leading addons
- Fix width issue for leading addons
- 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
- Add ability to specify grid columns on
<x-checkbox-group>
component (when inline) - Add
$optional
and$hint
attributes to<x-form-group>
component
- Remove
$fixedPosition
prop from<x-custom-select>
- 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 thefixed-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)
- Prevent inputs from rendering the string
[]
when name is omitted
- Add
extra-attributes
property to inputs to allow more options for attribute forwarding
- Stop using strict comparison for finding a "selected" option in select component (#11)
- Fix bug with multiple custom select "selectedOption" not updating correctly and throwing JS errors
- Update flatpickr dependency to version
4.6.9
- Fix array to string conversion error with
<x-input>
on value field
- Fix issue with
checked
attribute always being set tofalse
on checkbox component
- Fix issue on
custom-select
where options were always empty
- Drop support for php 7
- Add
container-class
prop to inputs - Add language file for any text used in components
- Add switch toggle component (
<x-switch-toggle />
)
- Allow
form-group
component label to be omitted by passing infalse
forlabel
- Update alpine dependency to version
2.8.0
- Lighten up input placeholder color (apply
placeholder-gray-400
to inputs)
- Add class
group
to custom select option elements
- Change
x-if
tox-show
on custom select button display
- Add
custom-select-value-changed
event emitted on custom select
- 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
- Change styling to be compatible with TailwindCSS v2
- Change color classes to more abstract names like
primary
ordanger
- see the upgrade guide for more info <x-custom-select>
component now renders options in anx-for
loop and only accepts an array of options now<x-custom-select>
component now useswire:filter
as a livewire method name to perform server-side filtering- Change how alpine click event is registered on password component (from
@click
tox-on:click
) - Make
<x-timezone-select>
compatible with new api for<x-custom-select>
- Change default clear icon for
<x-custom-select>
- 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
- 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)
- Change how custom select values are compared
- Change how custom select options are selected
- Allow timezone custom select to be fixed positioned
- Allow custom select menu to be fixed positioned instead of absolute
- Tweak password input styling
- Prevent toggle icon from overlapping with icons injected into the password input by password managers such as Lastpass
- Change custom select option selection tracking to use session storage
- 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
- 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
- Add
wire:ignore
to thecustom-select
button display to prevent livewire from re-rendering it
- Update how
custom-select
is initialized
Patch release for 1.4.3
- [CustomSelect] Prevent trying to find children when $refs.menu is not present
- [CustomSelect] Prevent menu and container from being referenced if not present
- Allow form-group component to accept a
label-id
attribute to allow giving the label an id
- Give custom select menu container a higher z-index to prevent it from appearing under other form inputs
- Add new
custom-select
component (#4) - Add new
@fcJavaScript
blade directive for custom package JavaScript
- Modify
@fcScripts
to output package JavaScript that powers custom components - Change
timezone-select
to support using both native select and newcustom-select
component
- Add
file-pond-clear
event listener to clear out all files in the FilePond instance
- Add a
wire:model
watcher to thefile-pond
component to watch for manual file deletions
- Change how FilePond is initialized on the
file-pond
component.
- Only render the id attribute on inputs if an id is set on the component
- Only render the checkbox/radio label markup if a label or description is present
- Add a date picker component (#7)
- Add directives
@fcStyles
and@fcScripts
for linking to 3rd party CDN libraries when not in production (view commit)
- Change format of timezone display in select options
- Move x-cloak directive in x-password component to the toggle icon so autofocus can work properly on the input.
- Add timezone select component
- initial release