Merge branch 'master' into PBNTR-555

playbook-website/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: ../playbook
   specs:
-    playbook_ui (14.6.0)
+    playbook_ui (14.6.2)
       actionpack (>= 5.2.4.5)
       actionview (>= 5.2.4.5)
       activesupport (>= 5.2.4.5)

playbook-website/config/deploy/production/secrets.yaml

@@ -1,6 +1,6 @@
 appConfig:
     secretKeyBase: ENC[AES256_GCM,data:pTc2zofEnukd275BCaIpHOM5LokYsaYdgyGPHH6tggclP8Fj2S3/s7UREfDDuNZdAWAelmfWj3AY6xhtmdNRXt0F1UDvrNw0aCDAUqQK/jfHvgCtPQ2ncdZdpoUeEzmTaHUu3JVCphrCBFWxYrSvQg5qfx/docSiGR/PtaWTgOA=,iv:NwUXrRidkh5gT0E90h8CH9qtddboQnd2uvQfPXVkfM0=,tag:vJ5vPuSFeiRc+kDX5tY3Jg==,type:str]
-    sentry_dsn: ENC[AES256_GCM,data:pnb9JEfwZ0wCe+eh1CChiKiYAyyMeRtMvJEy9HyY9HFyleFB336Q6nVFx1D74LSxgNbrZiBqg/aA1ZysYCIDRciN6LOMlFAn5AAbMhpYcdNbLQ==,iv:j8l3ISTxrLVF21VRTDkqcmxeMt8jPrZDzDW9rHZ84lc=,tag:eMnHnxYQ+uAIhba0bDNuAA==,type:str]
+    sentry_dsn: ENC[AES256_GCM,data:30XIW9Gw0dniLDeHEzyjrWtWY5TtkjcjkSlAPg5J84QaYeKaKYOZZClfYj3nARyHDj3ryyxYYzMusfLvXPrIXoZUzP9o+xSUnyCHaWL/ZEqReB+7Dg==,iv:6sT6Qs/lkE+vZVGDkEG8E7e8cpe0Z4dLe5lF+NRpVL0=,tag:4Kd3Rp8Kkr2baGQOo8JJ9g==,type:str]
     open_ai: ENC[AES256_GCM,data:He7ruscMUMlif05pZhA7f0/rjVt1oG8qzJKGXO6SxHVKZ5t062dD3covgJAGqjCh9aH4wcjCS2xyhBNJWbqjcLhrYsLHuZB4URLfA1CyhJa+maReOCOH88vTutFdIYY=,iv:cZBzbIWxtp+sq3mcE+YGeHeALlSADsU7uXgmKgbmQc8=,tag:a09iJDiJRQ5ImhndwPeYkA==,type:str]
 database:
     passwords:
@@ -35,8 +35,8 @@ sops:
     azure_kv: []
     hc_vault: []
     age: []
-    lastmodified: "2024-10-09T16:27:54Z"
-    mac: ENC[AES256_GCM,data:XZUMDOE+3t8dqAGGi1kZa7JCeC4yHKtBLKMAptq9rDfVqu+j8jjQpN6GuoHarhCSNmo14gOeN619YwSDpowgqY1WTv4LSRMBy2/zZfyd+dIfAnDpvIOMAB2nFj6QoAzRRZjR7j54/oXLJUaySyVB6Wfe8gz4JXBwkaXS2qKDr6Q=,iv:Q05Ig42Jcdx8TOJImzv2OVIRhkKAloE+GSPCKP/OC0s=,tag:Ib3otL+28qidtoYGWqXxYA==,type:str]
+    lastmodified: "2024-10-23T17:00:12Z"
+    mac: ENC[AES256_GCM,data:1c0jrxXg2CJpl4Z4mC+I/vL/yJo0gZDVFPNqwk4nYX2iRiCXJL+N+V+ti07Ml1W+4ZoHsGZSC9dF78VZ6Josok3QL2Xtthp7PySkvLZyAqhWY0m5dv6DNaBGKkqVTqcPEp0AgMlK9+1a7DnhOpSZX/R2RsiuxHsJ8LkNsyroPWM=,iv:wRR+AsB11L2r0zPi92QPE6j19GkkrpcMOv7KsbMM5s4=,tag:dScA92dGzuuzRJ64ciXzrQ==,type:str]
     pgp: []
     unencrypted_suffix: _unencrypted
-    version: 3.8.1
+    version: 3.9.1

playbook-website/config/deploy/prs/secrets.yaml

@@ -1,6 +1,6 @@
 appConfig:
     secretKeyBase: ENC[AES256_GCM,data:tX9TTqw+teUH3ugGOXIfCMSE1fofM8YBfei2cXLB8Wbmsxp+bsoIgByMtgAbyHzov73P2PaJhQWWo/fG2W7Zj8T0gQ5BcK9mVFUkbt/+SmQpbbprLeIpauN4Gar2QWzyzJPIVEUopf3gdEERx3a+2rbMotJ4rB8Xfvv9OO4sOy4=,iv:H7nM7+ERPsNpehyuaAXSotrG8YCMhL1VSNAmFggs+Q4=,tag:eE+MuzvnCuQ6XKAKMMkrsA==,type:str]
-    sentry_dsn: ENC[AES256_GCM,data:9k5OGZqUcLote0IAJt7GJBsDxN3iJxoVtfPn9RKYfV1KZzNNWyeTZKC/PmjdjKotNbXzLPUSIPbtV8bk2DmttOwQr/r0xbnaTcRT2CWh/4XwVA==,iv:qML16zZMGBSO9nz7kSihlvn5uLj1s+RDSSqOb1jivGw=,tag:XvsrAuIAgAboayg2ZN1KZQ==,type:str]
+    sentry_dsn: ENC[AES256_GCM,data:v111U+PNOrc28dbLZmpk3ye0EdSpmQtt8HnFxAIidGOkWqlOgdkJzCm05crcLi4i6vHwp9cmXHe/gPPNZJbS45SEs/w8JJheAyA5iBZTLBMqQmTXYg==,iv:Fr0AYhTRJlJxEOVe1bUccoIClEnchTgNJvb6OHCuNsE=,tag:VRAaBIWgvfck6bIzwQTFSw==,type:str]
     open_ai: ENC[AES256_GCM,data:ewKDrouP0ZuMNAr19DvqBIzYdRInruWH7GxPX2ZH79DVJkT53qLFqzQMIBScqai40WXQmFLNicLnnbHVK+Xcv0tq/xBHtS7BANIwa5XJnWo56jYR3mOdbAcw+ZNFrks=,iv:c5veWRGGydflJ38TFf56ei9GI0tCnE24TLxJGFHscdE=,tag:rGLKDJesBs5JTNt83dsmoA==,type:str]
 database:
     passwords:
@@ -35,8 +35,8 @@ sops:
     azure_kv: []
     hc_vault: []
     age: []
-    lastmodified: "2024-10-09T16:20:19Z"
-    mac: ENC[AES256_GCM,data:qG/8X0ZyqRkCAaQvxqghiYPmPsqhRoq7WAeh8MvkzfAdYWuEp3UIcOqG/CYs77A9770537CYearWkuskXRvYxDyTHdMasqyvayxxl3INwkZgqWWY9fcePLS76FL0nXq8jKz4rQg39148PgeYbYEQuz72wq6CmlXRLj6jg1cyAJw=,iv:24lVuaQcM+GyKg8A8+ek462zm9rXj/D7B5tli6hxJF4=,tag:mX/8OUwt6Mb7dn/Tmx8VkA==,type:str]
+    lastmodified: "2024-10-23T17:00:27Z"
+    mac: ENC[AES256_GCM,data:iaQDM4Pzl/nUcwMy07k3qbrupwR2rAiQH+N060upYycShO2hKTeuBXIMrI13HSu+zmi/Bfttw/1LC/hHa3O7vDXw6SEUrRVsAyS4BneO53WmSiJZei7ilBAIgCIdUMdfAtw+S3m7Tb4pdOow+vU1vrq5NDFxU1qNwhza86OlpDc=,iv:4g1EfhnEy6QSv5bGvHUKtXQWePiuzg6ytnp+DyoUaWw=,tag:0MGrT0vgI4zhSgFRfAx6xw==,type:str]
     pgp: []
     unencrypted_suffix: _unencrypted
-    version: 3.8.1
+    version: 3.9.1

playbook-website/config/deploy/staging/secrets.yaml

@@ -1,6 +1,6 @@
 appConfig:
     secretKeyBase: ENC[AES256_GCM,data:kOsJ3LgAPCPZ4Vdm/EBFksqneV7tSeFqKrI965UEqkZ7EQ7n/STuE0vte90/oMF1C0eBYzwHEsnT/1kPirKn5/Rz4np2M1jQIvucTfk7QMd76fueIS2lXtLw155rYL8iEh5JyxviOJNfL93U3FiySo1Fa8+1FoOqvlnHa4+/Uoo=,iv:pjEQHF499TYjNEe+O95G3VgqpAfUyJPtVws8nl3zw4k=,tag:38L8NgqyGQu8ueIBS8NcmQ==,type:str]
-    sentry_dsn: ENC[AES256_GCM,data:8vuODktXtDvYOUKS5XR7JJ0t9sX0urMWdmIeu66wwvqfGNJogacXj097PqM4MHLIsl0DICJen/2xA+uvUSV+ZVqJH7gCqeY3fH4XwMhE8dKZZA==,iv:5NYs+MiDZiR41cuazIFPXC3IKJsJgbl4eoRvTym0dTo=,tag:XP1rGTjYcl5nMUScJ/3w/A==,type:str]
+    sentry_dsn: ENC[AES256_GCM,data:ZXe1ap46ockSXjRM1BxPMhbydR9k4eyHBLH+vx/a5D+gvvkFgEc9A9PCJ1bJg6I5IvoeZM1P56/RNi82W3QQTRCJsmHraJ39JQdEU0T4olYCdC8n/A==,iv:3jr3T4IYhzfj1GQ7V6q/HfPv0OC10caiNabI2W5DsgI=,tag:hbYiukEbPfygPC9uXBMn2Q==,type:str]
     open_ai: ENC[AES256_GCM,data:XX6uvmMSXUvaZFcLR4o5zOmZaQDodlRP4tpZ9Od73pnk4sA6VEaPoqBk3AHr0Ret5KD0WhE2TLnMt2UVEv4+xeRcct0lJtN/n+xXODXsGXoRYRRF7hiYGTJJewT5glY=,iv:tOWyS9Ep+TmP4MtY6LEez9XcD/mWERVV2sbEXQU8rrc=,tag:v3sv3+FzybiKijYY7ncqYg==,type:str]
 database:
     passwords:
@@ -35,8 +35,8 @@ sops:
     azure_kv: []
     hc_vault: []
     age: []
-    lastmodified: "2024-10-09T16:26:13Z"
-    mac: ENC[AES256_GCM,data:4oDOX4judp5IwSWIwz0TjModHhgYdIDLlij0m4S7qVeoluGaDSdn8Xx5bhaTOapYxzk1xIzrCuRhAeMFnieBhJ4l8V9XBGxRYDOobYPCJzXuWJFF80T+QoOe2JyjMB84LjtA6qUTn4cvul/tW7hMQ7ySKVr94oHpNW6lx24N2JM=,iv:EDoIKM6S044f764iz73LJBG+NRBqyy+ev6lCK+12cHg=,tag:pR8fl4g7ppG14Mym05P2uQ==,type:str]
+    lastmodified: "2024-10-23T17:00:43Z"
+    mac: ENC[AES256_GCM,data:BAUFJMNvJ7ZpY+W4LIAZFA48icyvyClqDFgh9b/uVoRppoU4x87AvD5WX7nSJm7Dn6Dy7ru+BbE36MFZMQMozmVtpxOwdWvxk+WckIzPpIIiB3IFCBhFz01Ql1/kYC56XVGFGTZ/nhGm0Vm3swbroPF/bf6LPHwXGyS6gcAKX9M=,iv:MATRiWYznGMAvu+hukaFJJa92txGq/CFj/B2sX5NaXg=,tag:U80RXtROcr5AcEM7zXvmnA==,type:str]
     pgp: []
     unencrypted_suffix: _unencrypted
-    version: 3.8.1
+    version: 3.9.1

playbook/CHANGELOG.md

@@ -1,3 +1,45 @@
+# Supercharge Your Tables: Custom Components in Advanced Table Cells!
+##### October 22, 2024
+
+<img width="889" alt="6c7a47b3-9b73-4790-811f-e4a01f32c625" src="https://github.com/user-attachments/assets/16ecd4b0-53be-4e0e-813f-2f606a70dbd3">
+
+We’re excited to announce a new level of flexibility for your tables! The Advanced Table now supports custom components within individual cells. Using the optional customRenderer in columnDefinition, you can access not only the current cell's value but also the entire row's data. This opens up powerful possibilities to render dynamic, tailored content in each cell with ease.
+
+[14.6.2](https://github.com/powerhome/playbook/tree/14.6.2) full list of changes:
+
+**Kit Enhancements:**
+
+- Custom Width for Popover Kit and PopoverProps for Filter Kit [\#3827](https://github.com/powerhome/playbook/pull/3827) ([ElisaShapiro](https://github.com/ElisaShapiro))
+- Dropdown Kit - States & Variant Prop [\#3828](https://github.com/powerhome/playbook/pull/3828) ([nickamantia](https://github.com/nickamantia))
+- Custom Cells for Advanced Table [\#3821](https://github.com/powerhome/playbook/pull/3821) ([nidaqg](https://github.com/nidaqg))
+- Multiple User Bubble Size Prop [\#3719](https://github.com/powerhome/playbook/pull/3719) 
+([markdoeswork](https://github.com/markdoeswork))
+- Adding React Dropdown Clearing Feature [\#3793](https://github.com/powerhome/playbook/pull/3793) ([carloslimasd](https://github.com/carloslimasd))
+- Filter Kit - Filter Kit Displaying Zero Results [\#3799](https://github.com/powerhome/playbook/pull/3799) ([ElisaShapiro](https://github.com/ElisaShapiro))
+- Add Reset Functionality to Rails side of MultiLevelSelect [\#3792](https://github.com/powerhome/playbook/pull/3792) ([nidaqg](https://github.com/nidaqg))
+- Allow Children for MultiLevelSelect [\#3661](https://github.com/powerhome/playbook/pull/3661) ([nidaqg](https://github.com/nidaqg))
+- Loading State for Rails Form, Resolution of Dialog Loading [\#3753](https://github.com/powerhome/playbook/pull/3753) ([skduncan](https://github.com/skduncan))
+
+**Fixed Bugs:**
+- Advanced Table Kit "toggle all" is Inverted in Rails [\#3790](https://github.com/powerhome/playbook/pull/3790) ([ElisaShapiro](https://github.com/ElisaShapiro))
+- Truncating the Typeahead FormPill Text [\#3738](https://github.com/powerhome/playbook/pull/3738) ([carloslimasd](https://github.com/carloslimasd))
+- Fixing icon display for markdown helper [\#3754](https://github.com/powerhome/playbook/pull/3754) ([skduncan](https://github.com/skduncan))
+- Set Total Tickets Hero Gauge Height to 150px instead of 25% [\#3752](https://github.com/powerhome/playbook/pull/3752) ([kangaree](https://github.com/kangaree))
+- Dropdown ClassName Fix [\#3845](https://github.com/powerhome/playbook/pull/3845) ([@nickamantia](https://github.com/nickamantia))
+
+**Improvements:**
+- Upgrade intl-tel-input to Latest and Make Fixes [\#3791](https://github.com/powerhome/playbook/pull/3791) ([kangaree](https://github.com/kangaree))
+- Bump react-zoom-pan-pinch from 2.6.1 to 3.6.0 [\#3817](https://github.com/powerhome/playbook/pull/3817) ([kangaree](https://github.com/kangaree))
+- Update react modal version [\#3819](https://github.com/powerhome/playbook/pull/3819) ([markdoeswork](https://github.com/markdoeswork))
+- Add rdbms to playbook-website [\#3778](https://github.com/powerhome/playbook/pull/3778) ([indiebrain](https://github.com/indiebrain))
+- Show htmlOptions as a Global Prop [\#3755](https://github.com/powerhome/playbook/pull/3755) ([skduncan](https://github.com/skduncan))
+- Support Multiple Versions of ruby/psych [\#3751](https://github.com/powerhome/playbook/pull/3751) ([xjunior](https://github.com/xjunior))
+- More storage for CI image builds [\#3767](https://github.com/powerhome/playbook/pull/3767) ([benlangfeld](https://github.com/benlangfeld))
+
+
+[Full Changelog](https://github.com/powerhome/playbook/compare/14.5.0...14.6.2)
+
+
 # 🐝 Improved Usability, Flexibility, Customization and More! 🐝
 ##### October 1, 2024 
 

playbook/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    playbook_ui (14.6.0)
+    playbook_ui (14.6.2)
       actionpack (>= 5.2.4.5)
       actionview (>= 5.2.4.5)
       activesupport (>= 5.2.4.5)

playbook/app/pb_kits/playbook/pb_dropdown/_dropdown.scss

@@ -9,7 +9,7 @@
 
 @import "./scss_partials/dropdown_animation";
 
-.pb_dropdown {
+[class*="pb_dropdown"] {
   .dropdown_wrapper {
     [class*="dropdown_trigger_wrapper"] {
       @include pb_body;
@@ -131,7 +131,7 @@
     }
   }
 
-  &.separators_hidden {
+  &[class*="separators_hidden"] {
     .dropdown_wrapper {
       .pb_dropdown_container {
 
@@ -142,7 +142,7 @@
     }
   }
 
-  &.subtle {
+  &[class*="subtle"] {
     .dropdown_wrapper {
       .pb_dropdown_container {
 
@@ -178,7 +178,7 @@
       }
     }
 
-    &.separators_hidden {
+    &[class*="separators_hidden"] {
       .dropdown_wrapper {
         .pb_dropdown_container {
           [class*="pb_dropdown_option"]:first-child {

playbook/app/pb_kits/playbook/pb_dropdown/_dropdown.tsx

@@ -74,10 +74,8 @@ const Dropdown = forwardRef((props: DropdownProps, ref: any) => {
     const htmlProps = buildHtmlProps(htmlOptions);
     const separatorsClass = separators ? '' : 'separators_hidden'
     const classes = classnames(
-        buildCss("pb_dropdown"),
+        buildCss("pb_dropdown", variant, separatorsClass),
         globalProps(props),
-        variant,
-        separatorsClass,
         className
     );
 

playbook/app/pb_kits/playbook/pb_dropdown/dropdown.rb

@@ -24,7 +24,7 @@ def data
       end
 
       def classname
-        generate_classname("pb_dropdown", variant, separators_class, separator: " ")
+        generate_classname("pb_dropdown", variant, separators_class)
       end
 
     private
@@ -38,7 +38,7 @@ def input_default_value
       end
 
       def separators_class
-        separators ? "" : "separators_hidden"
+        separators ? nil : "separators_hidden"
       end
 
       def options_with_blank

playbook/app/pb_kits/playbook/pb_dropdown/dropdown.test.jsx

@@ -50,7 +50,7 @@ test('generated default kit and classname', () => {
 
   const kit = screen.getByTestId(testId)
   expect(kit).toBeInTheDocument()
-  expect(kit).toHaveClass('pb_dropdown')
+  expect(kit).toHaveClass('pb_dropdown_default')
 })
 
 test('generated default Trigger and Container when none passed in', () => {

playbook/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "14.5.0"
-  VERSION = "14.6.0"
+  PREVIOUS_VERSION = "14.6.1"
+  VERSION = "14.6.2"
 end

playbook/package.json

@@ -1,6 +1,6 @@
 {
   "name": "playbook-ui",
-  "version": "14.6.0",
+  "version": "14.6.2",
   "description": "Nitro's Design System",
   "main": "./dist/playbook.js",
   "types": "./dist/types/index.d.ts",