playbook_ui_docs 13.18.0.pre.alpha.PBNTR191AdvancedTableFinalFixes2197 → 13.18.0.pre.alpha.PLAY8672199

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui_docs
 version: !ruby/object:Gem::Version
-  version: 13.18.0.pre.alpha.PBNTR191AdvancedTableFinalFixes2197
+  version: 13.18.0.pre.alpha.PLAY8672199
 platform: ruby
 authors:
 - Power UX
@@ -39,8 +39,6 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.md
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.jsx
-- 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_sort.jsx
@@ -55,7 +53,6 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_description.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_mock_data.js
-- app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js
 - app/pb_kits/playbook/pb_advanced_table/docs/example.yml
 - app/pb_kits/playbook/pb_advanced_table/docs/index.js
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_default.html.erb

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

@@ -1,58 +0,0 @@
-import React from "react";
-import { AdvancedTable } from "../..";
-import { MOCK_DATA_INLINE_LOADING } from "./_mock_data_inline_loading";
-
-const AdvancedTableInlineRowLoading = (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"
-          inlineRowLoading
-          tableData={MOCK_DATA_INLINE_LOADING}
-          {...props}
-      >
-        <AdvancedTable.Header />
-        <AdvancedTable.Body subRowHeaders={subRowHeaders}/>
-      </AdvancedTable>
-    </div>
-  );
-};
-
-export default AdvancedTableInlineRowLoading;

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

@@ -1,5 +0,0 @@
-As a default, the kit assumes that the dataset provided to it at first render is the complete dataset and renders the row level expansion buttons, the toggleAllExpansion buttons in the subrow headers (if any), etc based on that dataset. However, if the dev wants to set up a more complicated querying logic that for instance, runs a query on each expansion button click, then they can use the `inlineRowLoading` prop. This prop, if present, assumes that any item in the dataset that has an empty children array WILL have children even if it does not have any on first render. The kit therefore renders the correct buttons as well as adding an inline Loading state for the row with that empty children array. 
-
-In this code example, 2021 has an empty children array. Toggle it open to see the inline loading state. Once the correct data loads, this state will be replaced with the correct data rows. 
-
-This prop is set to `false` by default. 

data/app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js

@@ -1,200 +0,0 @@
-export const MOCK_DATA_INLINE_LOADING = [
-    {
-      year: "2021",
-      quarter: null,
-      month: null,
-      day: null,
-      newEnrollments: "20",
-      scheduledMeetings: "10",
-      attendanceRate: "51%",
-      completedClasses: "3",
-      classCompletionRate: "33%",
-      graduatedStudents: "19",
-      children: [],
-    },
-    {
-      year: "2022",
-      quarter: null,
-      month: null,
-      day: null,
-      newEnrollments: "25",
-      scheduledMeetings: "17",
-      attendanceRate: "75%",
-      completedClasses: "5",
-      classCompletionRate: "45%",
-      graduatedStudents: "32",
-      children: [
-        {
-          year: "2022",
-          quarter: "Q1",
-          month: null,
-          day: null,
-          newEnrollments: "2",
-          scheduledMeetings: "35",
-          attendanceRate: "32%",
-          completedClasses: "15",
-          classCompletionRate: "52%",
-          graduatedStudents: "36",
-          children: [
-            {
-              year: "2022",
-              quarter: "Q1",
-              month: "January",
-              day: null,
-              newEnrollments: "16",
-              scheduledMeetings: "20",
-              attendanceRate: "11%",
-              completedClasses: "13",
-              classCompletionRate: "47%",
-              graduatedStudents: "28",
-              children: [
-                {
-                  year: "2022",
-                  quarter: "Q1",
-                  month: "January",
-                  day: "15",
-                  newEnrollments: "34",
-                  scheduledMeetings: "28",
-                  attendanceRate: "97%",
-                  completedClasses: "20",
-                  classCompletionRate: "15%",
-                  graduatedStudents: "17",
-                },
-                {
-                  year: "2022",
-                  quarter: "Q1",
-                  month: "January",
-                  day: "25",
-                  newEnrollments: "43",
-                  scheduledMeetings: "23",
-                  attendanceRate: "66%",
-                  completedClasses: "26",
-                  classCompletionRate: "47%",
-                  graduatedStudents: "9",
-                },
-              ],
-            },
-            {
-              year: "2022",
-              quarter: "Q1",
-              month: "May",
-              day: null,
-              newEnrollments: "20",
-              scheduledMeetings: "41",
-              attendanceRate: "95%",
-              completedClasses: "26",
-              classCompletionRate: "83%",
-              graduatedStudents: "43",
-              children: [
-                {
-                  year: "2011",
-                  quarter: "Q1",
-                  month: "May",
-                  day: "2",
-                  newEnrollments: "19",
-                  scheduledMeetings: "35",
-                  attendanceRate: "69%",
-                  completedClasses: "8",
-                  classCompletionRate: "75%",
-                  graduatedStudents: "23",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-    },
-    {
-      year: "2023",
-      quarter: null,
-      month: null,
-      day: null,
-      newEnrollments: "10",
-      scheduledMeetings: "15",
-      attendanceRate: "65%",
-      completedClasses: "4",
-      classCompletionRate: "49%",
-      graduatedStudents: "29",
-      children: [
-        {
-          year: "2023",
-          quarter: "Q1",
-          month: null,
-          day: null,
-          newEnrollments: "2",
-          scheduledMeetings: "35",
-          attendanceRate: "32%",
-          completedClasses: "15",
-          classCompletionRate: "52%",
-          graduatedStudents: "36",
-          children: [
-            {
-              year: "2023",
-              quarter: "Q1",
-              month: "March",
-              day: null,
-              newEnrollments: "16",
-              scheduledMeetings: "20",
-              attendanceRate: "11%",
-              completedClasses: "13",
-              classCompletionRate: "47%",
-              graduatedStudents: "28",
-              children: [
-                {
-                  year: "2023",
-                  quarter: "Q1",
-                  month: "March",
-                  day: "10",
-                  newEnrollments: "34",
-                  scheduledMeetings: "28",
-                  attendanceRate: "97%",
-                  completedClasses: "20",
-                  classCompletionRate: "15%",
-                  graduatedStudents: "17",
-                },
-                {
-                  year: "2023",
-                  quarter: "Q1",
-                  month: "March",
-                  day: "11",
-                  newEnrollments: "43",
-                  scheduledMeetings: "23",
-                  attendanceRate: "66%",
-                  completedClasses: "26",
-                  classCompletionRate: "47%",
-                  graduatedStudents: "9",
-                },
-              ],
-            },
-            {
-              year: "2023",
-              quarter: "Q1",
-              month: "April",
-              day: null,
-              newEnrollments: "20",
-              scheduledMeetings: "41",
-              attendanceRate: "95%",
-              completedClasses: "26",
-              classCompletionRate: "83%",
-              graduatedStudents: "43",
-              children: [
-                {
-                  year: "2023",
-                  quarter: "Q1",
-                  month: "April",
-                  day: "15",
-                  newEnrollments: "19",
-                  scheduledMeetings: "35",
-                  attendanceRate: "69%",
-                  completedClasses: "8",
-                  classCompletionRate: "75%",
-                  graduatedStudents: "23",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-    },
-  ];
-