playbook_ui 14.13.0.pre.alpha.advsncedtablefix6185 → 14.13.0.pre.alpha.pbntr799collapsiblerowswithcustomclick6117

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "14.13.0"
-  VERSION = "14.13.0.pre.alpha.advsncedtablefix6185"
+  VERSION = "14.13.0.pre.alpha.pbntr799collapsiblerowswithcustomclick6117"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 14.13.0.pre.alpha.advsncedtablefix6185
+  version: 14.13.0.pre.alpha.pbntr799collapsiblerowswithcustomclick6117
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-02-19 00:00:00.000000000 Z
+date: 2025-02-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -288,7 +288,6 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.html.erb
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.md
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_custom_cell.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.html.erb
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.md
@@ -385,6 +384,22 @@ files:
 - app/pb_kits/playbook/pb_avatar/docs/_footer.md
 - app/pb_kits/playbook/pb_avatar/docs/example.yml
 - app/pb_kits/playbook/pb_avatar/docs/index.js
+- app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.scss
+- app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.tsx
+- app/pb_kits/playbook/pb_avatar_action_button/avatar_action_button.html.erb
+- app/pb_kits/playbook/pb_avatar_action_button/avatar_action_button.rb
+- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.html.erb
+- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.jsx
+- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.html.erb
+- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.jsx
+- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_on_click.jsx
+- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_onclick.html.erb
+- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.html.erb
+- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
+- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_tooltip.html.erb
+- app/pb_kits/playbook/pb_avatar_action_button/docs/example.yml
+- app/pb_kits/playbook/pb_avatar_action_button/docs/index.js
+- app/pb_kits/playbook/pb_avatar_action_button/pb_avatar_action_button.test.js
 - app/pb_kits/playbook/pb_background/_background.scss
 - app/pb_kits/playbook/pb_background/_background.tsx
 - app/pb_kits/playbook/pb_background/background.html.erb
@@ -435,7 +450,6 @@ files:
 - app/pb_kits/playbook/pb_badge/docs/_description.md
 - app/pb_kits/playbook/pb_badge/docs/example.yml
 - app/pb_kits/playbook/pb_badge/docs/index.js
-- app/pb_kits/playbook/pb_bar_graph/BarGraphStyles.scss
 - app/pb_kits/playbook/pb_bar_graph/_bar_graph.scss
 - app/pb_kits/playbook/pb_bar_graph/_bar_graph.tsx
 - app/pb_kits/playbook/pb_bar_graph/barGraph.test.js
@@ -464,8 +478,6 @@ 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
@@ -2266,11 +2278,6 @@ files:
 - app/pb_kits/playbook/pb_progress_pills/docs/_description.md
 - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.html.erb
 - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.jsx
-- app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.md
-- app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width.html.erb
-- app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width.jsx
-- app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width_rails.md
-- app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width_react.md
 - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status.html.erb
 - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status.jsx
 - app/pb_kits/playbook/pb_progress_pills/docs/example.yml
@@ -3336,8 +3343,8 @@ files:
 - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
 - app/pb_kits/playbook/utilities/text.ts
 - app/pb_kits/playbook/utilities/validEmojiChecker.ts
-- dist/chunks/_typeahead-CAIQfP7X.js
-- dist/chunks/_weekday_stacked-CsxncF8U.js
+- dist/chunks/_typeahead-B9UYfqxU.js
+- dist/chunks/_weekday_stacked-BoCeTceb.js
 - dist/chunks/lazysizes-B7xYodB-.js
 - dist/chunks/lib-D3us1bGD.js
 - dist/chunks/pb_form_validation-BpihMSOQ.js

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

@@ -1,75 +0,0 @@
-import React from "react"
-import { AdvancedTable, Pill } from "playbook-ui"
-import MOCK_DATA from "./advanced_table_mock_data.json"
-
-const AdvancedTableColumnHeadersCustomCell = (props) => {
-  const columnDefinitions = [
-    {
-      accessor: "year",
-      label: "Year",
-      cellAccessors: ["quarter", "month", "day"],
-    },
-    {
-      label: "Enrollment Data",
-      columns: [
-        {
-          accessor: "newEnrollments",
-          label: "New Enrollments",
-          customRenderer: (row, value) => (
-            <Pill text={value} 
-                variant="success" 
-            />
-          ),
-        },
-        {
-          accessor: "scheduledMeetings",
-          label: "Scheduled Meetings",
-          customRenderer: (row, value) => (
-            <Pill text={value} 
-                variant="info" 
-            />
-          ),
-        },
-      ],
-    },
-    {
-      label: "Performance Data",
-      columns: [
-        {
-          accessor: "attendanceRate",
-          label: "Attendance Rate",
-        },
-        {
-          accessor: "completedClasses",
-          label: "Completed Classes",
-          customRenderer: (row, value) => (
-            <Pill text={value} 
-                variant="error" 
-            />
-          ),
-        },
-        {
-          accessor: "classCompletionRate",
-          label: "Class Completion Rate",
-        },
-        {
-          accessor: "graduatedStudents",
-          label: "Graduated Students",
-        },
-      ],
-    },
-  ];
-  
-
-  return (
-    <>
-      <AdvancedTable
-          columnDefinitions={columnDefinitions}
-          tableData={MOCK_DATA}
-          {...props}
-      />
-    </>
-  )
-}
-
-export default AdvancedTableColumnHeadersCustomCell

data/app/pb_kits/playbook/pb_bar_graph/BarGraphStyles.scss

@@ -1,58 +0,0 @@
-@import "../tokens/colors";
-@import "../tokens/typography";
-@import url("https://code.highcharts.com/css/highcharts.css");
-
-:root {
-    --highcharts-color-0: #{$data_1};
-    --highcharts-color-1: #{$data_2};
-    --highcharts-color-2: #{$data_3};
-    --highcharts-color-3: #{$data_4};
-    --highcharts-color-4: #{$data_5};
-    --highcharts-color-5: #{$data_6};
-    --highcharts-color-6: #{$data_7};
-    --highcharts-color-7: #{$data_8};
-}
-
-.highcharts-title {
-    font-family: $font_family_base;
-    font-weight: $bold;
-    font-size: $heading_3;
-    color: $text_lt_default;
-    fill: $text_lt_default;
-}
-
-.highcharts-subtitle {
-    font-family: $font_family_base;
-    color: $text_lt_light;
-    fill: $text_lt_light;
-    font-weight: $regular;
-    font-size: $text_base;
-}
-
-.highcharts-yaxis > .highcharts-axis-title {
-    color: $text_lt_lighter;
-    fill: $text_lt_lighter;
-    font-family: $font_family_base;
-    font-weight: $bold;
-    font-size: $text_smaller;
-}
-
-.highcharts-axis-labels {
-    font-family: $font_family_base;
-    color: $text_lt_lighter;
-    fill: $text_lt_lighter;
-    font-weight: $bold;
-    font-size: $text_smaller;
-}
-
-.highcharts-grid-line {
-    stroke: $border_light;
-}
-
-.highcharts-point {
-  border-radius: 3px;
-}
-
-.highcharts-axis-line {
-  stroke: $border_light;
-}

data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_pb_styles.jsx

@@ -1,64 +0,0 @@
-import React from 'react'
-import Highcharts from "highcharts";
-import HighchartsReact from "highcharts-react-official";
-
-import "../BarGraphStyles.scss";
-// Your path might look more like this
-//import "playbook-ui/dist/pb_bar_graph/BarGraphStyles.scss";
-
-const columnChartData = [
-  {
-    name: "Installation",
-    data: [1475, 200, 3000, 654, 656],
-  },
-  {
-    name: "Manufacturing",
-    data: [4434, 524, 2320, 440, 500],
-  },
-  {
-    name: "Sales & Distribution",
-    data: [3387, 743, 1344, 434, 440],
-  },
-  {
-    name: "Project Development",
-    data: [3227, 878, 999, 780, 1000],
-  },
-  {
-    name: "Other",
-    data: [1111, 677, 3245, 500, 200],
-  },
-];
-
-const columnOptions = {
-  chart: {
-    type: "column",
-  },
-  series: columnChartData,
-  title: {
-    text: "Solar Employment Growth by Sector, 2010-2016",
-  },
-  subtitle: {
-    text: "Source: thesolarfoundation.com",
-  },
-  xAxis: {
-    categories: ["Jan", "Feb", "Mar", "Apr", "May"],
-  },
-  yAxis: {
-    min: 0,
-    title: {
-      text: "Number of Employees",
-    },
-  },
-  legend: { enabled: false },
-  credits: { enabled: false },
-};
-
-const BarGraphPbStyles = () => (
-  <div>
-    <HighchartsReact highcharts={Highcharts}
-        options={columnOptions}
-    />
-  </div>
-)
-
-export default BarGraphPbStyles

data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_pb_styles.md

@@ -1 +0,0 @@
-You don't need to use the bar graph kit to apply the styles to your Highcharts bar graph. Just import the BarGraphStyles.scss to your component and the styles will apply automatically.  

data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.md

@@ -1 +0,0 @@
-Progress pills start at `45px` wide if the container allows, but will shrink down to `1px` as the container gets smaller. Resize this window to see each pill shrink.

data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width.html.erb

@@ -1 +0,0 @@
-<%= pb_rails("progress_pills", props: { aria: { label: "2 out of 5 steps complete" }, steps: 5, active: 2, full_width_pill: true }) %>

data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width.jsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import ProgressPills from '../_progress_pills'
-
-const ProgressPillsFullWidth = (props) => {
-    return (
-        <>
-            <ProgressPills
-                active={2}
-                aria={{ label: '2 out of 5 steps complete' }}
-                fullWidthPill
-                steps={5}
-                {...props}
-            />
-        </>
-    )
-}
-
-export default ProgressPillsFullWidth

data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width_rails.md

@@ -1 +0,0 @@
-Pass `full_width_pill: true` to the Progress Pill kit to get true 100% full width pills. The kit will take up the full width of the container that it is in.

data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width_react.md

@@ -1 +0,0 @@
-Pass `fullWidthPill` to the Progress Pill kit to get true 100% full width pills. The kit will take up the full width of the container that it is in.