playbook_ui_docs 13.21.0.pre.alpha.PBNTR224letuserresetrowexpansion2466 → 13.21.0.pre.alpha.PBNTR225advancedtablefeedback2438

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b186bf1335c58de527d55c73ce174a292a0680b4e22ca29ce2294213a460db1e
-  data.tar.gz: 4b569532d154f321464dee7a931ef718d12951200dc9c919d1807db64e399090
+  metadata.gz: 5a7abf0ceeb7d0ed9e4cd3b915bf3af0baf851e488a03437584ba7aea31ad7f7
+  data.tar.gz: 894ada11f2499a8eed0f3b76b0a13e31eb2c8e78741fee6372422db99030eb2f
 SHA512:
-  metadata.gz: d02339f232fb6e9ef0e8c5fed946ffb9389f494c189eea45c644c214450eb4dcd0b56382a59ec6a6c89986216e4ac6f46170dcaae232910023988feb781fc678
-  data.tar.gz: be52185bcd9e78638eabeefd07de46f93dc4a043601b0084d20bbae5ea13314a99c460903696781f4114378c6fdf404fe3b75cc72749d868319ee7bb1a36cbba
+  metadata.gz: '09b137eaf2072c5feefdab4375780d82a5fc4a644d9a3be84d9f6534d6d45ec118222f03cc9d0068506d7fd5b1c07aabf169b5a60e731492cb646f9b72a10721'
+  data.tar.gz: ac620b4c6d31a9d2e565cb535c20af628e31165ec312393a12997422162b43c01c89aa3573fdb925c457b20bd590ce12251d6329aa8312cfaf97ceae21edd1c5

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

@@ -44,16 +44,11 @@ const AdvancedTableExpandedControl = (props) => {
     onChange: setExpanded,
   }
 
-  const onRowToggleClick = (row) => {
-    setExpanded({ ...expanded, [row.id]: !expanded[row.id] })
-  }
-
   return (
     <div>
       <AdvancedTable
           columnDefinitions={columnDefinitions}
           expandedControl={expandedControl}
-          onRowToggleClick={onRowToggleClick}
           tableData={MOCK_DATA}
           {...props}
       />

data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml

@@ -1,6 +1,4 @@
 examples:
-  # rails:
-  #   - advanced_table_default: Default (Required Props)
   react:
   - advanced_table_default: Default (Required Props)
   - advanced_table_loading: Loading State

data/app/pb_kits/playbook/pb_date_picker/docs/example.yml

@@ -20,7 +20,6 @@ examples:
   - date_picker_hooks: Hooks
   - date_picker_year_range: Year Range
   - date_picker_anti_patterns: Anti-Patterns
-  - date_picker_margin_bottom: Margin Bottom
   - date_picker_inline: Inline
   - date_picker_month_and_year: Month & Year Only
   - date_picker_week: Week
@@ -49,7 +48,6 @@ examples:
   - date_picker_flatpickr_methods: Flatpickr Methods
   - date_picker_hooks: Hooks
   - date_picker_year_range: Year Range
-  - date_picker_margin_bottom: Margin Bottom
   - date_picker_inline: Inline
   - date_picker_month_and_year: Month & Year Only
   - date_picker_week: Week

data/app/pb_kits/playbook/pb_date_picker/docs/index.js

@@ -19,7 +19,6 @@ export { default as DatePickerWeek } from './_date_picker_week.jsx'
 export { default as DatePickerPositions } from './_date_picker_positions.jsx'
 export { default as DatePickerPositionsElement } from './_date_picker_positions_element.jsx'
 export { default as DatePickerAllowInput } from './_date_picker_allow_input'
-export { default as DatePickerMarginBottom} from './_date_picker_margin_bottom'
 export { default as DatePickerQuickPickReact } from './_date_picker_quick_pick_react'
 export { default as DatePickerQuickPickRangeLimit } from './_date_picker_quick_pick_range_limit'
 export { default as DatePickerOnClose } from './_date_picker_on_close.jsx'

data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line.html.erb

@@ -1,55 +1,5 @@
-<%= pb_rails("button", props: { text: "Short Multiline", variant: "secondary", data: { multitoast: "#toast-short" } }) %>
-
 <%= pb_rails("fixed_confirmation_toast", props: {
-  classname: "multitoast-to-hide",
-  closeable: true,
-  id: "toast-short",
   multi_line: true,
-  text: "Multi-line is used when the given text will not fit on one line.",
+  text: "Scan to Assign Selected Items. Click here to generate report",
   status: "tip",
-  vertical: "top",
-  horizontal: "center"
 }) %>
-
-<%= pb_rails("button", props: { text: "Long Multiline", variant: "secondary", data: { multitoast: "#toast-long" } }) %>
-
-<%= pb_rails("fixed_confirmation_toast", props: {
-  classname: "multitoast-to-hide",
-  closeable: true,
-  id: "toast-long",
-  multi_line: true,
-  text: "Multi-line is used when the given text will not fit on one line. Using Multi Line allows the height of the confirmation toast to grow. Simply resize the screen to see the fixed confirmation toast wrap the text.",
-  status: "tip",
-  vertical: "top",
-  horizontal: "center"
-}) %>
-
-
-<script type="text/javascript">
-  const multitoasts = document.querySelectorAll(".multitoast-to-hide")
-  const multibuttons = document.querySelectorAll("button[data-multitoast]")
-
-  const hideMultiToasts = () => {
-    multitoasts.forEach((toast) => {
-      toast.style.display = "none"
-    })
-  }
-
-  multibuttons.forEach((button) => {
-    button.onclick = () => {
-      hideMultiToasts()
-      let toast = document.querySelector(button.getAttribute("data-multitoast"))
-
-      if (toast) {
-        toast.style.display = "flex"
-      }
-    }
-  })
-</script>
-
-<!-- hiding toast on page load -->
-<style>
-  #toast-long, #toast-short {
-    display: none;
-  }
-</style>

data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line.jsx

@@ -1,69 +1,18 @@
-import React, { useState } from 'react'
+import React from 'react'
 
-import Button from '../../pb_button/_button'
 import FixedConfirmationToast from '../_fixed_confirmation_toast'
 
 const FixedConfirmationToastMultiLine = (props) => {
-
-    const [openShort, setOpenShort] = useState(false)
-    const [openLong, setOpenLong] = useState(false)
-
-    const handleClickShort = () => {
-        setOpenShort(true)
-    }
-    const handleClickLong= () => {
-        setOpenLong(true)
-    }
-
-    const handleCloseShort = () => {
-        setOpenShort(false)
-    }
-
-    const handleCloseLong= () => {
-        setOpenLong(false)
-    }
-
-    return (
-        <>
-            <Button
-                onClick={handleClickShort}
-                text="Short Multiline"
-                variant="secondary"
-                {...props}
-            />
-            {' '}
-            <Button
-                onClick={handleClickLong}
-                text="Long Multiline"
-                variant="secondary"
-                {...props}
-            />
-
-            <FixedConfirmationToast
-                closeable 
-                horizontal='center'
-                multiLine
-                onClose={handleCloseShort}
-                open={openShort}
-                status='tip'
-                text='Multi-line is used when the given text will not fit on one line.'
-                vertical='top'
-                {...props}
-            />
-
-            <FixedConfirmationToast
-                closeable
-                horizontal='center'
-                multiLine
-                onClose={handleCloseLong}
-                open={openLong}
-                status='tip'
-                text='Multi-line is used when the given text will not fit on one line. Using Multi Line allows the height of the confirmation toast to grow. Simply resize the screen to see the fixed confirmation toast wrap the text.'
-                vertical='top'
-                {...props}
-            />
-        </>
-    )
+  return (
+    <div>
+      <FixedConfirmationToast
+          multiLine
+          status="tip"
+          text="Scan to Assign Selected Items. Click here to generate report"
+          {...props}
+      />
+    </div>
+  )
 }
 
 export default FixedConfirmationToastMultiLine

data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_positions.html.erb

@@ -75,6 +75,8 @@
     })
   }
 
+  hideToasts()
+
   buttons.forEach((button) => {
     button.onclick = () => {
       hideToasts()
@@ -86,10 +88,3 @@
     }
   })
 </script>
-
-<!-- hiding toast on page load -->
-<style>
-  #toast-top-center, #toast-top-right, #toast-top-left, #toast-bottom-center, #toast-bottom-right, #toast-bottom-left {
-    display: none;
-  }
-</style>

data/app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb

@@ -46,3 +46,7 @@
     <%= pb_rails("flex/flex_item") do %>4<% end %>
   <% end %>
 </div>
+
+
+
+</div>