playbook_ui 7.0.0.pre.alpha13 → 7.0.0.pre.alpha14

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e329711246ae555c5e6e13504fe7489062e64e67be40c0bbc17c473dbd3e7994
-  data.tar.gz: 67a8d82f86700372bc6cfb19af7f2f592f12278af0d0731388ff29b2d374dab8
+  metadata.gz: 972b3bf2414f87c7f6374f5eff1a0b2de27d145d7394399c13d30d6a96e293ca
+  data.tar.gz: 850d50a56e852f315630cd3d9180db0e655607b76a0c6f5cf04a84f601b431b3
 SHA512:
-  metadata.gz: 7f0826a7a92bcd1f848ab4e7aea2af39d16d3a030ea28e5e5f83bf8133587f811df372587a1e5fa3c35d1cfd4068414641cc944403d59eb857ed2e62b04580a1
-  data.tar.gz: 1ed00c2dff812d1dfbcdc0d4bcf0dba1de40356155632be76255b5fa9ffe985800aa0b62c0a5f6889ef4e2abc4e4fc4c3a31f5c5b347fdc12f46992972ca3958
+  metadata.gz: 607c7ef165b2d71d6279dc73c159a1326a56c1fafd4b41446bd6b8cd22d49d4ebffbb24e1f339a2b32ddd2559663fa7bc9b51eb8ca7cd5b0b3a8e6231f787773
+  data.tar.gz: b9351d4c6df7546eb39ae5742546d3c44e699005ffa6da44c8af1d1e256412e69a95ec208f986bd6619434a1647b7f17bd9f88e4b872556b11d6f57e1ddff568

data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.js

@@ -129,32 +129,96 @@ const datePickerHelper = (config) => {
 
   // Allow the date picker form resetting
   if (picker.input.form) {
+    // let adaptive = false
+    // const adaptedReset = (e) => {
+    //   picker.input.form.removeEventListener('reset', namedFunc)
+    //   debugger
+    //   e.target.reset()
+    //   picker.input.form.addEventListener('reset', namedFunc)
+    //   picker.monthsDropdownContainer.value = picker.currentMonth
+    //   dropdown.value = picker.currentYear
+    // }
+
+    // const namedFunc = (e) => {
+    //   e.preventDefault()
+    //   debugger
+    //   adaptedReset(e)
+    // }
+
+    // picker.input.form.addEventListener('reset', namedFunc)
+
+    // const myAsync = async() => {
+    //   console.log('reset')
+    //   return 'arb'
+    // }
+
+    // const promise = new Promise((resolve) => {
+    //   picker.input.form.addEventListener('reset', () => console.log('reset'))
+    //   resolve('chyeah')
+    // })
+
+    // promise.then((val) => {
+    //   console.log('select cleanup', val)
+    //   picker.monthsDropdownContainer.value = picker.currentMonth
+    //   dropdown.value = picker.currentYear
+    // })
+
     picker.input.form.addEventListener('reset', (e) => {
-      e.preventDefault()
-      if (defaultDate){
-        picker.setDate(defaultDate)
-        yearChangeHook()
-      } else {
-        picker.clear()
-      }
-
-      const fields = e.target.querySelectorAll('select, input, textarea')
-
-      // Prevent year and month dropdowns from being reset
-      fields.forEach((field) => {
-        if (field == picker.monthsDropdownContainer || field == dropdown || field == picker.input){
-          // console.log(field)
-          return
-        } else {
-          field.value = field.defaultValue
-        }
-      })
-      // setTimeout(() => {
-      //   dropdown.value = picker.currentYear
-      //   picker.monthsDropdownContainer.value = picker.currentMonth
-      //   console.log(picker)
-      // }, 10)
+      setTimeout(() => {
+        dropdown.value = picker.currentYear
+        picker.monthsDropdownContainer.value = picker.currentMonth
+      }, 0)
     })
+
+  //   picker.input.form.addEventListener('reset', (e) => {
+  //     // debugger
+  //     // adaptedReset(e.target)
+  //     // e.preventDefault()
+  //     // debugger
+  //     // e.target.reset()
+  //     // debugger
+
+  //     // const manualReset = async() => {
+  //     //   e.target.reset()
+  //     //   debugger
+  //     //   return 'test-val'
+  //     // }
+
+  //     // const resetSelects = async() => {
+  //     //   const arb = await manualReset()
+  //     //   console.log(arb)
+  //     //   debugger
+  //     //   picker.monthsDropdownContainer.value = picker.currentMonth
+  //     //   dropdown.value = picker.currentYear
+  //     // }
+
+  //     // e.preventDefault()
+  //     // if (defaultDate){
+  //     //   picker.setDate(defaultDate)
+  //     //   yearChangeHook()
+  //     // } else {
+  //     //   picker.clear()
+  //     // }
+
+  //     // const fields = e.target.querySelectorAll('select, input, textarea')
+
+  //     // // Prevent year and month dropdowns from being reset
+  //     // fields.forEach((field) => {
+  //     //   if (field == picker.monthsDropdownContainer || field == dropdown || field == picker.input){
+  //     //     // console.log(field)
+  //     //     return
+  //     //   } else {
+  //     //     field.value = field.defaultValue
+  //     //   }
+  //     // })
+  //     // debugger
+  //     // setTimeout(() => {
+  //     //   dropdown.value = picker.currentYear
+  //     //   picker.monthsDropdownContainer.value = picker.currentMonth
+  //     //   console.log(picker)
+  //     //   debugger
+  //     // }, 10)
+  //   })
   }
 
   // two way binding

data/app/pb_kits/playbook/pb_filter/docs/_filter_default.html.erb

@@ -30,7 +30,7 @@
   <%= pb_rails("form", props: { form_system_options: { scope: :example, method: :get } }) do |form| %>
     <%= form.text_field :example_text_field, props: { label: true } %>
     <%= form.collection_select :example_collection_select, example_collection, :value, :name, props: { label: true } %>
-    <%= form.date_picker :test_id, props: { label: true }%>
+    <%= form.date_picker :test_id, props: { label: true, default_date: "10/02/1993" }%>
 
     <%= form.actions do |action| %>
       <%= action.submit props: { text: "Apply", data: { disable_with: "<i class='far fa-spinner fa-spin mr-3'></i>Searching...".html_safe },}%>

data/lib/playbook/version.rb

@@ -1,4 +1,4 @@
 # frozen_string_literal: true
 module Playbook
-  VERSION = "7.0.0.pre.alpha13"
+  VERSION = "7.0.0.pre.alpha14"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 7.0.0.pre.alpha13
+  version: 7.0.0.pre.alpha14
 platform: ruby
 authors:
 - Power UX