playbook_ui_docs 14.16.0.pre.alpha.PBNTR881advancedtablefullscreen6884 → 14.16.0.pre.alpha.PBNTR881advancedtablefullscreen6929

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6dc9d3bcfd59d38f62b3394d0f454e221851e173068b08431b4782a5c8fe97b6
-  data.tar.gz: 11faec3dade3eecb3f47101cb7ee8d8cdb51aa467768388da501954c2a156f69
+  metadata.gz: 630e3b382df0be94083216d7c14a0d676c861920e0fa2e907e677ad107386571
+  data.tar.gz: cba9f953eb2f33b6efad702f05bae942e02a59a4e46885c772e3c8c6ac060797
 SHA512:
-  metadata.gz: a14d8b66c5a793f3fed1eb7898ea1f891236ff16a8555f334274dfaaf71ac7ac13639ed8120e4927cab18185669ad4d21250dc1090c83e65c4bc77946bbba6cf
-  data.tar.gz: 9d8b4fcf3dcd6e08db4b902d1c429d6a206e8eb8debbd1b64fea4afc3c6c5238acf0475a3e67ea2168bde4f35881672683fd620359811f1c875eb68bec8b7d93
+  metadata.gz: e14ae80708867494840a17cf4106119f6ed1c99984723f8ab119ae17d92599520070e68bf27f65468921514f86b1a542a72d9e0306f9c07dd45d941623b0d85c
+  data.tar.gz: 923b4b666668c9fb361e73f19dd8b13f226b158b662021ccde64dea6510f85dd0ae07e038b6b91f38ff08bef67dab58090952aefb054c27356fcba6480c0f271

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}
       />