playbook_ui_docs 14.16.0.pre.alpha.PBNTR881advancedtablefullscreen6884 → 14.16.0.pre.alpha.PBNTR881advancedtablefullscreen6934

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6dc9d3bcfd59d38f62b3394d0f454e221851e173068b08431b4782a5c8fe97b6
-  data.tar.gz: 11faec3dade3eecb3f47101cb7ee8d8cdb51aa467768388da501954c2a156f69
+  metadata.gz: 6e55e657bcb4c361e7264222756c44d31dd7bfb1f87bf5d1e01fda483fc02f06
+  data.tar.gz: c826cfbbe74087b49a799226bef21cf656f4f2468f2a70881ac459bc69f3994d
 SHA512:
-  metadata.gz: a14d8b66c5a793f3fed1eb7898ea1f891236ff16a8555f334274dfaaf71ac7ac13639ed8120e4927cab18185669ad4d21250dc1090c83e65c4bc77946bbba6cf
-  data.tar.gz: 9d8b4fcf3dcd6e08db4b902d1c429d6a206e8eb8debbd1b64fea4afc3c6c5238acf0475a3e67ea2168bde4f35881672683fd620359811f1c875eb68bec8b7d93
+  metadata.gz: 7a9aa8628b4d9c3802c37ed188526d0ccac27a5b0d993849a984fd8dd80da7d83eea92fdeed1725040fc9cccac4a9d4b7829a53e7e431f24d9b2908aaf50cf43
+  data.tar.gz: 485cad8cd4ceeae5e53977e1dbe34049d94fd05151d29cab5f79db7ea25dccd950f44323c921f031db6716c3156ea036466ca86173c3243048f1cd7457309336

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_fullscreen.jsx

@@ -54,9 +54,9 @@ const AdvancedTableFullscreen = (props) => {
           />
       </Flex>
       <AdvancedTable
+          allowFullScreen
           columnDefinitions={columnDefinitions}
-          fullscreenable
-          getFullscreenControls={({ toggleFullscreen }) => setFullscreenToggleSmall(() => toggleFullscreen)}
+          fullScreenControl={({ toggleFullscreen }) => setFullscreenToggleSmall(() => toggleFullscreen)}
           tableData={MOCK_DATA}
           {...props}
       >
@@ -72,9 +72,9 @@ const AdvancedTableFullscreen = (props) => {
           />
       </Flex>
       <AdvancedTable
+          allowFullScreen
           columnDefinitions={columnDefinitions}
-          fullscreenable
-          getFullscreenControls={({ toggleFullscreen }) => setFullscreenToggleLarge(() => toggleFullscreen)}
+          fullScreenControl={({ toggleFullscreen }) => setFullscreenToggleLarge(() => toggleFullscreen)}
           responsive="none"
           tableData={PAGINATION_MOCK_DATA}
           tableProps={tableProps}

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_fullscreen.md

@@ -1,3 +1,3 @@
-Trigger Fullscreen mode with the `fullscreenable`and `getFullscreenControls` props.  `fullscreenable` is a boolean that enables Fullscreen functionality for an Advanced Table. `getFullscreenControls` is a callback function that receives an object containing the table's internal `toggleFullscreen` function, allowing you to store and trigger Fullscreen from the parent component. An external trigger (like a button) must be used to activate Fullscreen mode.
+Trigger Fullscreen mode with the `allowFullScreen`and `fullScreenControl` props.  `allowFullScreen` is a boolean that enables Fullscreen functionality for an Advanced Table. `fullScreenControl` is a callback function that receives an object containing the table's internal `toggleFullscreen` function, allowing you to store and trigger Fullscreen from the parent component. An external trigger (like a button) must be used to activate Fullscreen mode.
 
 Exit Fullscreen mode by clicking the minimize top-right-corner icon or by pressing the "Escape" keyboard key.

data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_inline.html.erb

@@ -4,14 +4,3 @@
   inline: true,
   picker_id: "date-picker-inline"
 }) %>
-
-<%= javascript_tag do %>
-  window.addEventListener("DOMContentLoaded", (event) => {
-    const fpInline = document.querySelector("#date-picker-inline")._flatpickr
-    <!-- Display the angle-down icon when a date has been selected -->
-    const showAngleDownHandler = () => {
-      document.querySelector('.inline-date-picker').classList.add('show-angle-down-icon')
-    }
-    fpInline.config.onChange.push(showAngleDownHandler)
-  })
-<% end %>

data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_inline.jsx

@@ -3,19 +3,12 @@ import React from 'react'
 import DatePicker from '../_date_picker'
 
 const DatePickerInline = (props) => {
-  const showAngleDownHandler = (dateSelected) => {
-    if (dateSelected) {
-      document.querySelector('.inline-date-picker').classList.add('show-angle-down-icon')
-    }
-  }
-
   return (
     <div>
       <DatePicker
           className="inline-date-picker"
           hideIcon
           inLine
-          onChange={showAngleDownHandler}
           pickerId="date-picker-inline"
           {...props}
       />