playbook_ui 14.11.1.pre.alpha.PBNTR7495495 → 14.11.1.pre.alpha.PLAY1720phonenumberinputformatAsYouType5377

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

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

data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list_rails.md

@@ -1,5 +0,0 @@
-For a simplified version of the Draggable API for the List kit, you can do the following:
-
-The List kit is optimized to work with the draggable kit. To enable drag, use the `enable_drag` prop on List kit with an array of the included items AND `drag_id` prop on ListItems. You will also need to include the `items` prop containing your array of listed items for the Draggable API.
-
-An additional optional boolean prop (set to true by default) of `drag_handle` is also available on ListItem kit to show the drag handle icon.

data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.html.erb

@@ -1,38 +0,0 @@
-<%= pb_rails("selectable_list",
-        props: {
-          enable_drag: true,
-          variant: "radio",
-          items: [
-            { drag_id: "41",
-              text: "Task 1",
-              input_options: {
-                value: "1",
-                name: "radio-name",
-              }
-            },
-            { drag_id: "42",
-              text: "Task 2",
-              checked: true,
-              input_options: {
-                value: "2",
-                name: "radio-name",
-              }
-            },
-            { drag_id: "43",
-              text: "Task 3",
-              input_options: {
-                value: "3",
-                name: "radio-name",
-              }
-            },
-            { drag_id: "44",
-              text: "Task 4",
-              input_options: {
-                value: "4",
-                name: "radio-name",
-              }
-            }
-          ]
-        }
-    )
-%>

data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.md

@@ -1,3 +0,0 @@
-For a simplified version of the Draggable API for the SelectableList kit, you can do the following:
-
-The SelectableList kit is optimized to work with the draggable kit. To enable drag, use the `enable_drag` prop on SelectableList kit AND `drag_id` prop within the SelectableList kit prop. An additional optional boolean prop (set to true by default) of `drag_handle` is also available on SelectableList kit to show the drag handle icon.

data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns.html.erb

@@ -1,74 +0,0 @@
-<%= pb_rails("table", props: { size: "md", responsive: "scroll", sticky_left_column: ["a"], sticky_right_column: ["b"] }) do %>
-  <thead>
-    <tr>
-      <th id="a">Column 1</th>
-      <th>Column 2</th>
-      <th>Column 3</th>
-      <th>Column 4</th>
-      <th>Column 5</th>
-      <th>Column 6</th>
-      <th>Column 7</th>
-      <th>Column 8</th>
-      <th>Column 9</th>
-      <th>Column 10</th>
-      <th>Column 11</th>
-      <th>Column 12</th>
-      <th>Column 13</th>
-      <th>Column 14</th>
-      <th id="b">Column 15</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-      <td id="a">Value 1</td>
-      <td>Value 2</td>
-      <td>Value 3</td>
-      <td>Value 4</td>
-      <td>Value 5</td>
-      <td>Value 6</td>
-      <td>Value 7</td>
-      <td>Value 8</td>
-      <td>Value 9</td>
-      <td>Value 10</td>
-      <td>Value 11</td>
-      <td>Value 12</td>
-      <td>Value 13</td>
-      <td>Value 14</td>
-      <td id="b">Value 15</td>
-    </tr>
-    <tr>
-      <td id="a">Value 1</td>
-      <td>Value 2</td>
-      <td>Value 3</td>
-      <td>Value 4</td>
-      <td>Value 5</td>
-      <td>Value 6</td>
-      <td>Value 7</td>
-      <td>Value 8</td>
-      <td>Value 9</td>
-      <td>Value 10</td>
-      <td>Value 11</td>
-      <td>Value 12</td>
-      <td>Value 13</td>
-      <td>Value 14</td>
-      <td id="b">Value 15</td>
-    </tr>
-    <tr>
-      <td id="a">Value 1</td>
-      <td>Value 2</td>
-      <td>Value 3</td>
-      <td>Value 4</td>
-      <td>Value 5</td>
-      <td>Value 6</td>
-      <td>Value 7</td>
-      <td>Value 8</td>
-      <td>Value 9</td>
-      <td>Value 10</td>
-      <td>Value 11</td>
-      <td>Value 12</td>
-      <td>Value 13</td>
-      <td>Value 14</td>
-      <td id="b">Value 15</td>
-    </tr>
-  </tbody>
-<% end %>

data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns_rails.md

@@ -1,3 +0,0 @@
-The `sticky_left_column` and `sticky_right_column` props can be used together on the same table as needed.
-
-Please ensure that unique ids are used for all columns across multiple tables. Using the same columns ids on multiple tables can lead to issues when using props.

data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns.html.erb

@@ -1,74 +0,0 @@
-<%= pb_rails("table", props: { size: "md", responsive: "scroll", sticky_right_column: ["13", "14", "15"] }) do %>
-  <thead>
-    <tr>
-      <th>Column 1</th>
-      <th>Column 2</th>
-      <th>Column 3</th>
-      <th>Column 4</th>
-      <th>Column 5</th>
-      <th>Column 6</th>
-      <th>Column 7</th>
-      <th>Column 8</th>
-      <th>Column 9</th>
-      <th>Column 10</th>
-      <th>Column 11</th>
-      <th>Column 12</th>
-      <th id="13">Column 13</th>
-      <th id="14">Column 14</th>
-      <th id="15">Column 15</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-      <td>Value 1</td>
-      <td>Value 2</td>
-      <td>Value 3</td>
-      <td>Value 4</td>
-      <td>Value 5</td>
-      <td>Value 6</td>
-      <td>Value 7</td>
-      <td>Value 8</td>
-      <td>Value 9</td>
-      <td>Value 10</td>
-      <td>Value 11</td>
-      <td>Value 12</td>
-      <td id="13">Value 13</td>
-      <td id="14">Value 14</td>
-      <td id="15">Value 15</td>
-    </tr>
-    <tr>
-      <td>Value 1</td>
-      <td>Value 2</td>
-      <td>Value 3</td>
-      <td>Value 4</td>
-      <td>Value 5</td>
-      <td>Value 6</td>
-      <td>Value 7</td>
-      <td>Value 8</td>
-      <td>Value 9</td>
-      <td>Value 10</td>
-      <td>Value 11</td>
-      <td>Value 12</td>
-      <td id="13">Value 13</td>
-      <td id="14">Value 14</td>
-      <td id="15">Value 15</td>
-    </tr>
-    <tr>
-      <td>Value 1</td>
-      <td>Value 2</td>
-      <td>Value 3</td>
-      <td>Value 4</td>
-      <td>Value 5</td>
-      <td>Value 6</td>
-      <td>Value 7</td>
-      <td>Value 8</td>
-      <td>Value 9</td>
-      <td>Value 10</td>
-      <td>Value 11</td>
-      <td>Value 12</td>
-      <td id="13">Value 13</td>
-      <td id="14">Value 14</td>
-      <td id="15">Value 15</td>
-    </tr>
-  </tbody>
-<% end %>

data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns_rails.md

@@ -1,3 +0,0 @@
-The `sticky_right_column` prop works in the same way as the above `sticky_left_column` prop. It expects an array of the column ids you want to be sticky. Make sure to add the corresponding id to the `<th>` and `<td>`.
-
-Please ensure that unique ids are used for all columns across multiple tables. Using the same columns ids on multiple tables can lead to issues when using the `sticky_right_column` prop.

data/app/pb_kits/playbook/pb_table/utilities/addDataTitle.ts

@@ -1,22 +0,0 @@
-export const addDataTitle = () => {
-    const tables = document.querySelectorAll('.table-responsive-collapse');
-    // Each Table
-    [].forEach.call(tables, (table: HTMLTableElement) => {
-        // Header Titles
-        const headers: string[] = [];
-        [].forEach.call(table.querySelectorAll('th'), (header: HTMLTableCellElement) => {
-            const colSpan = header.colSpan
-            for (let i = 0; i < colSpan; i++) {
-                headers.push(header.textContent.replace(/\r?\n|\r/, ''));
-            }
-        });
-        // for each row in tbody
-        [].forEach.call(table.querySelectorAll('tbody tr'), (row: HTMLTableRowElement) => {
-            // for each cell
-            [].forEach.call(row.cells, (cell: HTMLTableCellElement, headerIndex: number) => {
-                // apply the attribute
-                cell.setAttribute('data-title', headers[headerIndex])
-            })
-        })
-    });
-}