playbook_ui_docs 14.11.1.pre.alpha.PBNTR440enableglobalpropspbformwith5624 → 14.11.1.pre.alpha.PBNTR573datepickerinvestigation5355

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui_docs
 version: !ruby/object:Gem::Version
-  version: 14.11.1.pre.alpha.PBNTR440enableglobalpropspbformwith5624
+  version: 14.11.1.pre.alpha.PBNTR573datepickerinvestigation5355
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-01-24 00:00:00.000000000 Z
+date: 2025-01-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: playbook_ui
@@ -61,21 +61,12 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.md
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_no_subrows.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.md
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.jsx
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.md
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_actions.jsx
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_actions.md
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_header.jsx
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_header.md
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows.jsx
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.jsx
@@ -90,8 +81,6 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_react.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js
 - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data.json
-- app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_no_subrows.json
-- app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_with_id.json
 - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_pagination_mock_data.json
 - app/pb_kits/playbook/pb_advanced_table/docs/example.yml
 - app/pb_kits/playbook/pb_advanced_table/docs/index.js
@@ -553,8 +542,6 @@ files:
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.md
-- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_turbo_frames.html.erb
-- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_turbo_frames_rails.md
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_week.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_week.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_week.md
@@ -695,14 +682,10 @@ files:
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list.jsx
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list_rails.html.erb
-- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list_rails.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list.jsx
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list.md
-- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.html.erb
-- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.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
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.jsx
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.jsx
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_default.html.erb
@@ -1009,8 +992,6 @@ files:
 - app/pb_kits/playbook/pb_icon/docs/_icon_sizes_swift.md
 - app/pb_kits/playbook/pb_icon/docs/example.yml
 - app/pb_kits/playbook/pb_icon/docs/index.js
-- app/pb_kits/playbook/pb_icon_button/docs/_icon_button_default.html.erb
-- app/pb_kits/playbook/pb_icon_button/docs/example.yml
 - app/pb_kits/playbook/pb_icon_circle/docs/_description.md
 - app/pb_kits/playbook/pb_icon_circle/docs/_footer.md
 - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.html.erb
@@ -1414,9 +1395,6 @@ files:
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.html.erb
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.jsx
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.md
-- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_format.html.erb
-- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_format.jsx
-- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_format.md
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_initial_country.html.erb
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_initial_country.jsx
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_initial_country.md
@@ -1793,17 +1771,13 @@ files:
 - app/pb_kits/playbook/pb_table/docs/_table_sticky.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_sticky.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_sticky.md
-- app/pb_kits/playbook/pb_table/docs/_table_sticky_columns.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_sticky_columns.jsx
-- app/pb_kits/playbook/pb_table/docs/_table_sticky_columns_rails.md
 - app/pb_kits/playbook/pb_table/docs/_table_sticky_columns_react.md
 - app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_rails.md
 - app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_react.md
-- app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns.jsx
-- app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns_rails.md
 - app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns_react.md
 - app/pb_kits/playbook/pb_table/docs/_table_striped.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_striped.jsx
@@ -1818,10 +1792,8 @@ files:
 - app/pb_kits/playbook/pb_table/docs/_table_vertical_border.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.jsx
-- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.html.erb
 - 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.md
 - 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_content.jsx
@@ -1858,9 +1830,7 @@ files:
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_error_swift.md
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_inline.html.erb
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_inline.jsx
-- app/pb_kits/playbook/pb_text_input/docs/_text_input_mask.html.erb
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_mask.jsx
-- app/pb_kits/playbook/pb_text_input/docs/_text_input_mask_rails.md
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_no_label.html.erb
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_no_label.jsx
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_options.html.erb
@@ -2061,9 +2031,6 @@ files:
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
-- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.html.erb
-- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.jsx
-- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.md
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_context.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_highlight.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.html.erb

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

@@ -1,50 +0,0 @@
-import React from "react"
-import { AdvancedTable } from "playbook-ui"
-import MOCK_DATA from "./advanced_table_mock_data_no_subrows.json"
-
-const AdvancedTableNoSubrows = (props) => {
-  const columnDefinitions = [
-    {
-      accessor: "year",
-      label: "Year",
-      cellAccessors: ["quarter", "month", "day"],
-    },
-    {
-      accessor: "newEnrollments",
-      label: "New Enrollments",
-    },
-    {
-      accessor: "scheduledMeetings",
-      label: "Scheduled Meetings",
-    },
-    {
-      accessor: "attendanceRate",
-      label: "Attendance Rate",
-    },
-    {
-      accessor: "completedClasses",
-      label: "Completed Classes",
-    },
-    {
-      accessor: "classCompletionRate",
-      label: "Class Completion Rate",
-    },
-    {
-      accessor: "graduatedStudents",
-      label: "Graduated Students",
-    },
-  ]
-
-  return (
-    <div>
-      <AdvancedTable
-          columnDefinitions={columnDefinitions}
-          enableToggleExpansion="all"
-          tableData={MOCK_DATA}
-          {...props}
-      />
-    </div>
-  )
-}
-
-export default AdvancedTableNoSubrows

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

@@ -1,60 +0,0 @@
-import React from "react"
-import { AdvancedTable } from "playbook-ui"
-import MOCK_DATA from "./advanced_table_mock_data_with_id.json"
-
-const AdvancedTableSelectableRows = (props) => {
-  const columnDefinitions = [
-    {
-      accessor: "year",
-      label: "Year",
-      cellAccessors: ["quarter", "month", "day"],
-    },
-    {
-      accessor: "newEnrollments",
-      label: "New Enrollments",
-    },
-    {
-      accessor: "scheduledMeetings",
-      label: "Scheduled Meetings",
-    },
-    {
-      accessor: "attendanceRate",
-      label: "Attendance Rate",
-    },
-    {
-      accessor: "completedClasses",
-      label: "Completed Classes",
-    },
-    {
-      accessor: "classCompletionRate",
-      label: "Class Completion Rate",
-    },
-    {
-      accessor: "graduatedStudents",
-      label: "Graduated Students",
-    },
-  ]
-
-  //Render the subRow header rows
-  const subRowHeaders = ["Quarter", "Month", "Day"]
-
-
-  return (
-    <div>
-      <AdvancedTable
-          columnDefinitions={columnDefinitions}
-          enableToggleExpansion="all"
-          onRowSelectionChange={(selectedRows) => console.log(selectedRows)}
-          selectableRows
-          tableData={MOCK_DATA}
-          
-          {...props}
-      >
-        <AdvancedTable.Header />
-        <AdvancedTable.Body subRowHeaders={subRowHeaders}/>
-      </AdvancedTable>
-    </div>
-  )
-}
-
-export default AdvancedTableSelectableRows

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

@@ -1,5 +0,0 @@
-`selectableRows` is a boolean prop that if present will add checkboxes to all rows that will allow for selecting rows. 
-
-When a parent row is clicked, it will check all nested children rows, Children rows can be manually checked or unchecked as well. 
-
-The `onRowSelectionChange` prop returns an array of ids of all Rows that have been selected. Open the console on this example and check and uncheck checkboxes to see this is action! __NOTE__: Each object within the `tableData`Array must contain a unique id in order to attach an id to all Rows for this to function. 

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

@@ -1,78 +0,0 @@
-import React, {useState} from "react"
-import { AdvancedTable, CircleIconButton, Flex } from "playbook-ui"
-import MOCK_DATA from "./advanced_table_mock_data_no_subrows.json"
-
-const AdvancedTableSelectableRowsActions = (props) => {
-  const columnDefinitions = [
-    {
-      accessor: "year",
-      label: "Year",
-      cellAccessors: ["quarter", "month", "day"],
-    },
-    {
-      accessor: "newEnrollments",
-      label: "New Enrollments",
-    },
-    {
-      accessor: "scheduledMeetings",
-      label: "Scheduled Meetings",
-    },
-    {
-      accessor: "attendanceRate",
-      label: "Attendance Rate",
-    },
-    {
-      accessor: "completedClasses",
-      label: "Completed Classes",
-    },
-    {
-      accessor: "classCompletionRate",
-      label: "Class Completion Rate",
-    },
-    {
-      accessor: "graduatedStudents",
-      label: "Graduated Students",
-    },
-  ]
-
-const [selectedRows, setSelectedRows] = useState()
-
-const CustomActions = () => {
-  const rowIds = selectedRows ? Object.keys(selectedRows) : [];
-
-  return (
-    <Flex>
-      <CircleIconButton
-          icon="file-csv"
-          onClick={() =>
-            alert(rowIds.length === 0 ? "No Selection Made" : `Row ids ${rowIds.join(", ")} will be exported!`)
-          }
-          variant="link"
-      />
-      <CircleIconButton
-          icon="trash-alt"
-          onClick={() =>
-            alert(rowIds.length === 0 ? "No Selection Made" : `Row ids ${rowIds.join(", ")} will be deleted!`)
-          }
-          variant="link"
-        />
-    </Flex>
-  );
-};
-
-
-  return (
-    <div>
-      <AdvancedTable
-          actions={<CustomActions/>}
-          columnDefinitions={columnDefinitions}
-          onRowSelectionChange={(selected) => setSelectedRows(selected)}
-          selectableRows
-          tableData={MOCK_DATA}
-          {...props}
-      />
-    </div>
-  )
-}
-
-export default AdvancedTableSelectableRowsActions

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

@@ -1 +0,0 @@
-Custom actions content can be rendered within the Actions Bar as shown in this doc example. The component passed to `actions` will be rendered on the right of the actionsBar. The `onRowSelectionChange` can then be used to attach the needed click events to those actions.

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

@@ -1,53 +0,0 @@
-import React from "react"
-import { AdvancedTable } from "playbook-ui"
-import MOCK_DATA from "./advanced_table_mock_data_no_subrows.json"
-
-const AdvancedTableSelectableRowsHeader = (props) => {
-  const columnDefinitions = [
-    {
-      accessor: "year",
-      label: "Year",
-      cellAccessors: ["quarter", "month", "day"],
-    },
-    {
-      accessor: "newEnrollments",
-      label: "New Enrollments",
-    },
-    {
-      accessor: "scheduledMeetings",
-      label: "Scheduled Meetings",
-    },
-    {
-      accessor: "attendanceRate",
-      label: "Attendance Rate",
-    },
-    {
-      accessor: "completedClasses",
-      label: "Completed Classes",
-    },
-    {
-      accessor: "classCompletionRate",
-      label: "Class Completion Rate",
-    },
-    {
-      accessor: "graduatedStudents",
-      label: "Graduated Students",
-    },
-  ]
-
-
-  return (
-    <div>
-      <AdvancedTable
-          columnDefinitions={columnDefinitions}
-          onRowSelectionChange={(selectedRows) => console.log(selectedRows)}
-          selectableRows
-          showActionsBar={false}
-          tableData={MOCK_DATA}
-          {...props}
-      />
-    </div>
-  )
-}
-
-export default AdvancedTableSelectableRowsHeader

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

@@ -1 +0,0 @@
-`showActionsBar` is an optional prop that renders the header at the top showing the row count. This is set to `true` by default but can be toggled off by setting it to `false`

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

@@ -1,52 +0,0 @@
-import React from "react"
-import { AdvancedTable } from "playbook-ui"
-import MOCK_DATA from "./advanced_table_mock_data_no_subrows.json"
-
-const AdvancedTableSelectableRowsNoSubrows = (props) => {
-  const columnDefinitions = [
-    {
-      accessor: "year",
-      label: "Year",
-      cellAccessors: ["quarter", "month", "day"],
-    },
-    {
-      accessor: "newEnrollments",
-      label: "New Enrollments",
-    },
-    {
-      accessor: "scheduledMeetings",
-      label: "Scheduled Meetings",
-    },
-    {
-      accessor: "attendanceRate",
-      label: "Attendance Rate",
-    },
-    {
-      accessor: "completedClasses",
-      label: "Completed Classes",
-    },
-    {
-      accessor: "classCompletionRate",
-      label: "Class Completion Rate",
-    },
-    {
-      accessor: "graduatedStudents",
-      label: "Graduated Students",
-    },
-  ]
-
-
-  return (
-    <div>
-      <AdvancedTable
-          columnDefinitions={columnDefinitions}
-          onRowSelectionChange={(selectedRows) => console.log(selectedRows)}
-          selectableRows
-          tableData={MOCK_DATA}
-          {...props}
-      />
-    </div>
-  )
-}
-
-export default AdvancedTableSelectableRowsNoSubrows

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

@@ -1 +0,0 @@
-`selectableRows` can also be used with tables without nested row data.

data/app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_no_subrows.json

@@ -1,42 +0,0 @@
-[
-  {
-    "year": "2021",
-    "id": "1",
-    "newEnrollments": "20",
-    "scheduledMeetings": "10",
-    "attendanceRate": "51%",
-    "completedClasses": "3",
-    "classCompletionRate": "33%",
-    "graduatedStudents": "19"
-  },
-  {
-    "year": "2022",
-    "id": "8",
-    "newEnrollments": "25",
-    "scheduledMeetings": "17",
-    "attendanceRate": "75%",
-    "completedClasses": "5",
-    "classCompletionRate": "45%",
-    "graduatedStudents": "32"
-  },
-  {
-    "year": "2023",
-    "id": "15",
-    "newEnrollments": "10",
-    "scheduledMeetings": "15",
-    "attendanceRate": "65%",
-    "completedClasses": "4",
-    "classCompletionRate": "49%",
-    "graduatedStudents": "29"
-  },
-  {
-    "year": "2024",
-    "id": "14",
-    "newEnrollments": "15",
-    "scheduledMeetings": "34",
-    "attendanceRate": "32%",
-    "completedClasses": "6",
-    "classCompletionRate": "67%",
-    "graduatedStudents": "65"
-  }
-]