playbook_ui_docs 14.13.0.pre.alpha.play1851checkboxreacthook6083 → 14.13.0.pre.alpha.play1852reacthookformsupportradio6153

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui_docs
 version: !ruby/object:Gem::Version
-  version: 14.13.0.pre.alpha.play1851checkboxreacthook6083
+  version: 14.13.0.pre.alpha.play1852reacthookformsupportradio6153
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-02-12 00:00:00.000000000 Z
+date: 2025-02-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: playbook_ui
@@ -197,6 +197,8 @@ files:
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.md
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_negative_numbers.html.erb
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_negative_numbers.jsx
+- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_pb_styles.jsx
+- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_pb_styles.md
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.html.erb
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.md
@@ -354,8 +356,6 @@ files:
 - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate_swift.md
 - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_options.html.erb
 - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_props_swift.md
-- app/pb_kits/playbook/pb_checkbox/docs/_checkbox_react_hook.jsx
-- app/pb_kits/playbook/pb_checkbox/docs/_checkbox_react_hook.md
 - app/pb_kits/playbook/pb_checkbox/docs/_description.md
 - app/pb_kits/playbook/pb_checkbox/docs/example.yml
 - app/pb_kits/playbook/pb_checkbox/docs/index.js
@@ -718,6 +718,8 @@ files:
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.html.erb
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.md
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.jsx
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.md
 - app/pb_kits/playbook/pb_draggable/docs/example.yml
 - app/pb_kits/playbook/pb_draggable/docs/index.js
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.jsx
@@ -1549,6 +1551,8 @@ files:
 - app/pb_kits/playbook/pb_radio/docs/_radio_orientation_swift.md
 - app/pb_kits/playbook/pb_radio/docs/_radio_padding_swift.md
 - app/pb_kits/playbook/pb_radio/docs/_radio_props_swift.md
+- app/pb_kits/playbook/pb_radio/docs/_radio_react_hook.jsx
+- app/pb_kits/playbook/pb_radio/docs/_radio_react_hook.md
 - app/pb_kits/playbook/pb_radio/docs/_radio_spacing_swift.md
 - app/pb_kits/playbook/pb_radio/docs/_radio_subtitle_swift.md
 - app/pb_kits/playbook/pb_radio/docs/example.yml
@@ -1852,8 +1856,10 @@ files:
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_rails.md
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_react.md
+- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.jsx
-- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.md
+- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click_rails.md
+- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click_react.md
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.md
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content_rails.html.erb

data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_react_hook.jsx

@@ -1,69 +0,0 @@
-import React, { useState } from "react"
-import { useForm } from "react-hook-form"
-import { Button, Checkbox, Flex, Body } from "playbook-ui"
-
-const CheckboxReactHook = () => {
-  const { register, handleSubmit } = useForm({
-    defaultValues: {
-      Small: false,
-      Medium: false,
-      Large: false,
-    },
-  })
-
-  const [submittedData, setSubmittedData] = useState({
-    Small: false,
-    Medium: false,
-    Large: false,
-  })
-
-  const onSubmit = (data) => {
-    setSubmittedData(data)
-  }
-
-  return (
-    <Flex orientation="row">
-      <Flex align="start"
-          orientation="column"
-          paddingRight="lg"
-      >
-        <form onSubmit={handleSubmit(onSubmit)}>
-          <Checkbox padding="xs"
-              text="Small"
-              {...register("Small")}
-          />
-          <br />
-          <Checkbox padding="xs"
-              text="Medium"
-              {...register("Medium")}
-          />
-          <br />
-          <Checkbox padding="xs"
-              text="Large"
-              {...register("Large")}
-          />
-          <br />
-          <Button htmlType="submit"
-              marginTop="sm"
-              text="submit"
-          />
-        </form>
-      </Flex>
-      <Flex align="start"
-          orientation="column"
-      >
-        <Body padding="xs"
-            text={`Small: ${submittedData.Small ? "true" : "false"}`}
-        />
-        <Body padding="xs"
-            text={`Medium: ${submittedData.Medium ? "true" : "false"}`}
-        />
-        <Body padding="xs"
-            text={`Large: ${submittedData.Large ? "true" : "false"}`}
-        />
-      </Flex>
-    </Flex>
-  )
-}
-
-export default CheckboxReactHook

data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_react_hook.md

@@ -1 +0,0 @@
-You can pass react hook props to the checkbox kit.