namespace events, add id

blade-ui-kit · Apr 14, 2024 · 3f72128 · 3f72128
1 parent 530d1d4
commit 3f72128
Show file tree

Hide file tree

Showing 5 changed files with 55 additions and 20 deletions.
diff --git a/resources/views/components/forms/inputs/color-picker.blade.php b/resources/views/components/forms/inputs/color-picker.blade.php
@@ -11,15 +11,22 @@
         pickr.on('save', function (color) {
             let currentColor = color ? color.toHEXA().toString() : '';
 
-            $dispatch('input', currentColor);
             input.setAttribute('value', currentColor);
-            $root.setAttribute('title', currentColor);
+            element.setAttribute('title', currentColor);
+
+            $dispatch('buk:color-save', {
+                id: '{{ $id }}',
+                color: currentColor
+            });
         });
-        
+
         pickr.on('change', function (color) {
             let currentColor = color ? color.toHEXA().toString() : '';
 
-            $dispatch('change', currentColor);
+            $dispatch('buk:color-change', {
+                id: '{{ $id }}',
+                color: currentColor
+            });
         });
     "
     {{ $attributes->merge(['title' => $value]) }}

diff --git a/tests/.pest/snapshots/Components/Forms/Inputs/ColorPickerTest/attributes_can_be_set.snap b/tests/.pest/snapshots/Components/Forms/Inputs/ColorPickerTest/attributes_can_be_set.snap
@@ -11,15 +11,22 @@
         pickr.on('save', function (color) {
             let currentColor = color ? color.toHEXA().toString() : '';
 
-            $dispatch('input', currentColor);
             input.setAttribute('value', currentColor);
-            $root.setAttribute('title', currentColor);
+            element.setAttribute('title', currentColor);
+
+            $dispatch('buk:color-save', {
+                id: 'mainColor',
+                color: currentColor
+            });
         });
-        
+
         pickr.on('change', function (color) {
             let currentColor = color ? color.toHEXA().toString() : '';
 
-            $dispatch('change', currentColor);
+            $dispatch('buk:color-change', {
+                id: 'mainColor',
+                color: currentColor
+            });
         });
     "
     title="" class="mr-2"

diff --git a/...s/.pest/snapshots/Components/Forms/Inputs/ColorPickerTest/inputs_can_have_old_values.snap b/...s/.pest/snapshots/Components/Forms/Inputs/ColorPickerTest/inputs_can_have_old_values.snap
@@ -11,15 +11,22 @@
         pickr.on('save', function (color) {
             let currentColor = color ? color.toHEXA().toString() : '';
 
-            $dispatch('input', currentColor);
             input.setAttribute('value', currentColor);
-            $root.setAttribute('title', currentColor);
+            element.setAttribute('title', currentColor);
+
+            $dispatch('buk:color-save', {
+                id: 'color',
+                color: currentColor
+            });
         });
-        
+
         pickr.on('change', function (color) {
             let currentColor = color ? color.toHEXA().toString() : '';
 
-            $dispatch('change', currentColor);
+            $dispatch('buk:color-change', {
+                id: 'color',
+                color: currentColor
+            });
         });
     "
     title="#FF9900"

diff --git a/...est/snapshots/Components/Forms/Inputs/ColorPickerTest/js_options_can_be_passed_along.snap b/...est/snapshots/Components/Forms/Inputs/ColorPickerTest/js_options_can_be_passed_along.snap
@@ -11,15 +11,22 @@
         pickr.on('save', function (color) {
             let currentColor = color ? color.toHEXA().toString() : '';
 
-            $dispatch('input', currentColor);
             input.setAttribute('value', currentColor);
-            $root.setAttribute('title', currentColor);
+            element.setAttribute('title', currentColor);
+
+            $dispatch('buk:color-save', {
+                id: 'color',
+                color: currentColor
+            });
         });
-        
+
         pickr.on('change', function (color) {
             let currentColor = color ? color.toHEXA().toString() : '';
 
-            $dispatch('change', currentColor);
+            $dispatch('buk:color-change', {
+                id: 'color',
+                color: currentColor
+            });
         });
     "
     title=""

diff --git a/...pest/snapshots/Components/Forms/Inputs/ColorPickerTest/the_component_can_be_rendered.snap b/...pest/snapshots/Components/Forms/Inputs/ColorPickerTest/the_component_can_be_rendered.snap
@@ -11,15 +11,22 @@
         pickr.on('save', function (color) {
             let currentColor = color ? color.toHEXA().toString() : '';
 
-            $dispatch('input', currentColor);
             input.setAttribute('value', currentColor);
-            $root.setAttribute('title', currentColor);
+            element.setAttribute('title', currentColor);
+
+            $dispatch('buk:color-save', {
+                id: 'color',
+                color: currentColor
+            });
         });
-        
+
         pickr.on('change', function (color) {
             let currentColor = color ? color.toHEXA().toString() : '';
 
-            $dispatch('change', currentColor);
+            $dispatch('buk:color-change', {
+                id: 'color',
+                color: currentColor
+            });
         });
     "
     title=""