playbook_ui_docs 14.1.0.pre.alpha.PBNTR449rtepreviewerrails3605 → 14.1.0.pre.alpha.PBNTR455ganttchartPOC3569

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3676b191a74b77086758143b0ccf8471796f8c026d532da14db2a30bebe83390
-  data.tar.gz: 720aa1cca6181a3d7f0dad51270f8a9d4fec6b89bd992ae0897d596c09fac65a
+  metadata.gz: 73e123e1be8432b282e1f772a66dbe6eb017eaffe60858e16d6d4d41a97d0061
+  data.tar.gz: 4db0c1287eb444d4a2786c700d1c78ad39e53c03b874441f389c85c8766f2e16
 SHA512:
-  metadata.gz: b9484a54906adc8e1554399110aebf64c380b4595ad8922b21e0d5ab92028954ca9004196ffbf7efef38029ee005c1396b579f07badb87611291dc2483af426f
-  data.tar.gz: 5e7291b02efbdad1c9b4daeee7e8b5ce592ae23e448fdc90e91ae8a31a6e8ca8f0156b0257989a9f979b7897599ab0fb4c7132ea6285327d8fb40029bd053e8f
+  metadata.gz: 0e04a2b37567e68d256298158e40374d8fe41f8c17b03dc37bc495695eb15047a46dadcda888ad59941838cd0e670eac0c125deee73dcf2bb90159df2a46672f
+  data.tar.gz: c7539a4eb752013c5f3274f15338cb642eb954b482486dd86498d27dd74540a60f51079582624719e025474753bd5235f0ed3aa60d908ab882d700618d9e61f0

data/app/pb_kits/playbook/pb_badge/docs/_badge_notification.html.erb

@@ -10,16 +10,3 @@
     variant: "notification"
   }) %>
 </div>
-
-<div>
-  <%= pb_rails("badge", props: {
-    text: "1",
-    variant: "notification_error",
-    rounded: true
-  }) %>
-
-  <%= pb_rails("badge", props: {
-    text: "4",
-    variant: "notification_error"
-  }) %>
-</div>

data/app/pb_kits/playbook/pb_badge/docs/_badge_notification.jsx

@@ -4,39 +4,20 @@ import Badge from '../_badge'
 const BadgeNotification = (props) => {
   return (
     <>
-      <div>
-        <Badge
-            rounded
-            text="1"
-            variant="notification"
-            {...props}
-        />
+      <Badge
+          rounded
+          text="1"
+          variant="notification"
+          {...props}
+      />
 
-        &nbsp;
+      &nbsp;
 
-        <Badge
-            text="4"
-            variant="notification"
-            {...props}
-        />
-      </div>
-
-      <div>
-        <Badge
-            rounded
-            text="1"
-            variant="notificationError"
-            {...props}
-        />
-
-        &nbsp;
-
-        <Badge
-            text="4"
-            variant="notificationError"
-            {...props}
-        />
-      </div>
+      <Badge
+          text="4"
+          variant="notification"
+          {...props}
+      />
     </>
   )
 }

data/app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx

@@ -5,17 +5,21 @@ const DialogDefault = () => {
   const [isOpen, setIsOpen] = useState(false)
   const close = () => setIsOpen(false)
   const open = () => setIsOpen(true)
+  const [isLoading, setIsLoading] = useState(false)
 
   return (
     <>
       <Button onClick={open}>{'Open Dialog'}</Button>
       <Dialog
           cancelButton="Cancel Button"
+          className="wrapper"
           confirmButton="Okay"
+          loading={isLoading}
           onCancel={close}
           onClose={close}
-          onConfirm={close}
+          onConfirm={() => setIsLoading(!isLoading)}
           opened={isOpen}
+          portalClassName="portal"
           size="sm"
           text="Hello Body Text, Nice to meet ya."
           title="Header Title is the Title Prop"

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

@@ -22,7 +22,6 @@ examples:
   - dialog_stacked_alert: Stacked Button Alert
   - dialog_full_height: Full Height
   - dialog_full_height_placement: Full Height Placement
-  - dialog_loading: Loading
 
   swift:
   - dialog_default_swift: Simple

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

@@ -8,4 +8,3 @@ export { default as DialogStatus } from './_dialog_status.jsx'
 export { default as DialogStackedAlert } from './_dialog_stacked_alert.jsx'
 export { default as DialogFullHeight } from './_dialog_full_height.jsx'
 export { default as DialogFullHeightPlacement } from './_dialog_full_height_placement.jsx'
-export { default as DialogLoading } from './_dialog_loading.jsx'

data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb

@@ -35,7 +35,6 @@
   <%= form.collection_select :example_collection_select, example_collection, :value, :name, props: { label: true, blank_selection: "Select One...", required: true } %>
   <%= form.check_box :example_checkbox, props: { text: "Example Checkbox", label: true, required: true } %>
   <%= form.date_picker :example_date_picker_2, props: { label: true, required: true } %>
-  <%= form.star_rating_field :example_star_rating, props: { variant: "interactive", label: true, required: true } %>
 
   <%= form.actions do |action| %>
     <%= action.submit %>

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

@@ -5,11 +5,11 @@ examples:
   - form_pill_size: Form Pill Size
   - form_pill_tag: Form Pill Tag
   - form_pill_example: Example
-  - form_pill_icon: Form Pill Icon
+  # - form_pill_icon: Form Pill Icon
 
   react:
   - form_pill_user: Form Pill User
   - form_pill_size: Form Pill Size
   - form_pill_tag: Form Pill Tag
   - form_pill_example: Example
-  - form_pill_icon: Form Pill Icon
+  # - form_pill_icon: Form Pill Icon

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

@@ -3,6 +3,4 @@ examples:
   rails:
   - pagination_default: Default
   
-  react:
-  - pagination_default: Default
-  - pagination_page_change: Page Change
+  

data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_preview.html.erb

@@ -1,7 +1,7 @@
 
 <%= pb_rails("rich_text_editor", props: { id: "content-preview-editor" }) %>
 <div id="card-obfuscation" style="display:none">
-  <%= pb_rails("card", props: { margin_top: "md", max_width: "md", padding: "sm" }) do %>
+  <%= pb_rails("card", props: { margin_top: "md" }) do %>
    <div id="content-preview" class="trix-content">
    </div>
   <% end %>
@@ -11,25 +11,15 @@
 <% end %>
 
 <script>
-  document.addEventListener('DOMContentLoaded', () => {
-    function handleButtonClick() {
-      const editorContainer = [...document.querySelectorAll('[data-react-props]')]
-        .find(element => element.getAttribute('data-react-props')?.includes('"id":"content-preview-editor"'))
+  // Button event handler
+  const button = document.getElementById('preview-button');
+  button.addEventListener('click', function() {
+    const content = document.getElementById('content-preview-editor');
+    const previewArea = document.getElementById('content-preview');
+    const cardDiv = document.getElementById('card-obfuscation');
 
-      const editorElement = editorContainer?.querySelector('trix-editor')
-      const inputId = editorElement?.getAttribute('input')
-      const inputElement = inputId && document.getElementById(inputId)
-      
-      const editorContent = inputElement?.value || '' 
-      const previewArea = document.getElementById('content-preview')
-      const cardDiv = document.getElementById('card-obfuscation')
-
-      if (previewArea && cardDiv) {
-        previewArea.innerHTML = editorContent 
-        cardDiv.style.display = 'block'
-      }
-    }
-
-    document.getElementById('preview-button')?.addEventListener('click', handleButtonClick)
-  })
+    previewArea.innerHTML = content.value;
+    cardDiv.classList.add('mt_md');
+    cardDiv.style.display = 'block';
+  });
 </script>