playbook_ui 15.0.0.pre.alpha.PLAY1981sectionseparatorverticalchildren10469 → 15.0.0.pre.alpha.PLAY2316advancedtablerightsidedoubleborder10507

data/lib/playbook/forms/builder/form_field_builder.rb

@@ -6,7 +6,7 @@ module Playbook
       class FormFieldBuilder < Module
         def initialize(method_name, kit_name:)
           define_method method_name do |name, props: {}, **options, &block|
-            props[:label] = @template.label(@object_name, name) if props[:label] == true
+            props   = props.dup
             options = Hash(options)
 
             options[:skip_default_ids] = false unless options.key?(:skip_default_ids)
@@ -21,6 +21,14 @@ module Playbook
 
             input = super(name, **options, &block)
 
+            input_id = input[/\bid="([^"]+)"/, 1] || "#{@object_name}_#{name}"
+
+            if props[:label] == true
+              props[:label] = @template.label(@object_name, name)
+            elsif props[:label].is_a?(String)
+              props[:label] = @template.label_tag(input_id, props[:label])
+            end
+
             @template.pb_rails(kit_name, props: props) do
               input
             end

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "15.0.0"
-  VERSION = "15.0.0.pre.alpha.PLAY1981sectionseparatorverticalchildren10469"
+  VERSION = "15.0.0.pre.alpha.PLAY2316advancedtablerightsidedoubleborder10507"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 15.0.0.pre.alpha.PLAY1981sectionseparatorverticalchildren10469
+  version: 15.0.0.pre.alpha.PLAY2316advancedtablerightsidedoubleborder10507
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-09-15 00:00:00.000000000 Z
+date: 2025-09-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -2415,6 +2415,39 @@ files:
 - app/pb_kits/playbook/pb_passphrase/passphrase.html.erb
 - app/pb_kits/playbook/pb_passphrase/passphrase.rb
 - app/pb_kits/playbook/pb_passphrase/passphrase.test.jsx
+- app/pb_kits/playbook/pb_pb_bar_graph/_pb_bar_graph.scss
+- app/pb_kits/playbook/pb_pb_bar_graph/_pb_bar_graph.tsx
+- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_colors.html.erb
+- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_colors.jsx
+- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_colors_rails.md
+- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_colors_react.md
+- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_default.html.erb
+- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_default.jsx
+- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_height.html.erb
+- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_height.jsx
+- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_height.md
+- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_horizontal.html.erb
+- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_horizontal.jsx
+- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend.html.erb
+- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend.jsx
+- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_non_clickable.jsx
+- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.html.erb
+- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.jsx
+- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_negative_numbers.html.erb
+- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_negative_numbers.jsx
+- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_secondary_y_axis.html.erb
+- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_secondary_y_axis.jsx
+- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_spline.html.erb
+- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_spline.jsx
+- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_spline.md
+- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_stacked.html.erb
+- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_stacked.jsx
+- app/pb_kits/playbook/pb_pb_bar_graph/docs/example.yml
+- app/pb_kits/playbook/pb_pb_bar_graph/docs/index.js
+- app/pb_kits/playbook/pb_pb_bar_graph/pbBarGraphTheme.ts
+- app/pb_kits/playbook/pb_pb_bar_graph/pb_bar_graph.html.erb
+- app/pb_kits/playbook/pb_pb_bar_graph/pb_bar_graph.rb
+- app/pb_kits/playbook/pb_pb_bar_graph/pbbargraph.test.jsx
 - app/pb_kits/playbook/pb_person/_person.scss
 - app/pb_kits/playbook/pb_person/_person.tsx
 - app/pb_kits/playbook/pb_person/docs/_description.md
@@ -2705,7 +2738,6 @@ files:
 - app/pb_kits/playbook/pb_section_separator/docs/index.js
 - app/pb_kits/playbook/pb_section_separator/section_separator.html.erb
 - app/pb_kits/playbook/pb_section_separator/section_separator.rb
-- app/pb_kits/playbook/pb_section_separator/section_separator.test.js
 - app/pb_kits/playbook/pb_select/_select.scss
 - app/pb_kits/playbook/pb_select/_select.tsx
 - app/pb_kits/playbook/pb_select/docs/_description.md
@@ -3625,9 +3657,9 @@ 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/_line_graph-B-n_nsLR.js
-- dist/chunks/_typeahead-CS9PvM1x.js
-- dist/chunks/_weekday_stacked-DaFBilv5.js
+- dist/chunks/_line_graph-BBny-YYZ.js
+- dist/chunks/_typeahead-CeyJ6-GF.js
+- dist/chunks/_weekday_stacked-CUUNTwVc.js
 - dist/chunks/lazysizes-B7xYodB-.js
 - dist/chunks/lib-BTs5acfO.js
 - dist/chunks/pb_form_validation-CKkaQFX3.js

data/app/pb_kits/playbook/pb_section_separator/section_separator.test.js

@@ -1,165 +0,0 @@
-import React from 'react'
-import { render, screen } from '../utilities/test-utils'
-
-import SectionSeparator from './_section_separator'
-
-const testId = "section-separator-kit"
-
-describe("Section Separator Kit", () => {
-    test("renders basic section separator with default props", () => {
-        render(
-            <SectionSeparator
-                data={{ testid: testId }}
-            />
-        )
-
-        const kit = screen.getByTestId(testId)
-        expect(kit).toHaveClass("pb_section_separator_kit pb_section_separator_card pb_section_separator_horizontal pb_section_separator_solid pb_section_separator_color_default")
-    })
-
-    test("renders with text prop", () => {
-        const text = "Section Title"
-        render(
-            <SectionSeparator
-                data={{ testid: testId }}
-                text={text}
-            />
-        )
-
-        const kit = screen.getByTestId(testId)
-        const textElement = screen.getByText(text)
-        
-        expect(kit).toHaveClass("pb_section_separator_kit")
-        expect(textElement).toBeInTheDocument()
-    })
-
-    test("renders with children", () => {
-        const childText = "Custom Content"
-        render(
-            <SectionSeparator
-                data={{ testid: testId }}
-            >
-                <span>{childText}</span>
-            </SectionSeparator>
-        )
-
-        const kit = screen.getByTestId(testId)
-        const childElement = screen.getByText(childText)
-        
-        expect(kit).toHaveClass("pb_section_separator_kit")
-        expect(childElement).toBeInTheDocument()
-    })
-
-    test("renders vertical orientation", () => {
-        render(
-            <SectionSeparator
-                data={{ testid: testId }}
-                orientation="vertical"
-            />
-        )
-
-        const kit = screen.getByTestId(testId)
-        expect(kit).toHaveClass("pb_section_separator_kit pb_section_separator_card pb_section_separator_vertical pb_section_separator_solid pb_section_separator_color_default")
-    })
-
-    test("renders background variant", () => {
-        render(
-            <SectionSeparator
-                data={{ testid: testId }}
-                variant="background"
-            />
-        )
-
-        const kit = screen.getByTestId(testId)
-        expect(kit).toHaveClass("pb_section_separator_kit pb_section_separator_background pb_section_separator_horizontal pb_section_separator_solid pb_section_separator_color_default")
-    })
-
-    test("renders dashed line style", () => {
-        render(
-            <SectionSeparator
-                data={{ testid: testId }}
-                lineStyle="dashed"
-            />
-        )
-
-        const kit = screen.getByTestId(testId)
-        expect(kit).toHaveClass("pb_section_separator_kit pb_section_separator_card pb_section_separator_horizontal pb_section_separator_dashed pb_section_separator_color_default")
-    })
-
-    test("renders primary color", () => {
-        render(
-            <SectionSeparator
-                color="primary"
-                data={{ testid: testId }}
-            />
-        )
-
-        const kit = screen.getByTestId(testId)
-        expect(kit).toHaveClass("pb_section_separator_kit pb_section_separator_card pb_section_separator_horizontal pb_section_separator_solid pb_section_separator_color_primary")
-    })
-
-    test("renders dark mode", () => {
-        render(
-            <SectionSeparator
-                dark
-                data={{ testid: testId }}
-            />
-        )
-
-        const kit = screen.getByTestId(testId)
-        expect(kit).toHaveClass("pb_section_separator_kit pb_section_separator_card pb_section_separator_horizontal pb_section_separator_solid pb_section_separator_color_default")
-    })
-
-    test("renders with custom className", () => {
-        const customClass = "custom-class"
-        render(
-            <SectionSeparator
-                className={customClass}
-                data={{ testid: testId }}
-            />
-        )
-
-        const kit = screen.getByTestId(testId)
-        expect(kit).toHaveClass("pb_section_separator_kit pb_section_separator_card pb_section_separator_horizontal pb_section_separator_solid pb_section_separator_color_default custom-class")
-    })
-
-    test("renders vertical with children", () => {
-        const childText = "Vertical Content"
-        render(
-            <SectionSeparator
-                data={{ testid: testId }}
-                orientation="vertical"
-            >
-                <span>{childText}</span>
-            </SectionSeparator>
-        )
-
-        const kit = screen.getByTestId(testId)
-        const childElement = screen.getByText(childText)
-        
-        expect(kit).toHaveClass("pb_section_separator_kit pb_section_separator_card pb_section_separator_vertical pb_section_separator_solid pb_section_separator_color_default")
-        expect(childElement).toBeInTheDocument()
-    })
-
-    test("renders all props combined", () => {
-        const text = "Combined Props"
-        render(
-            <SectionSeparator
-                color="primary"
-                dark
-                data={{ testid: testId }}
-                lineStyle="dashed"
-                orientation="vertical"
-                variant="background"
-            >
-                <span>{text}</span>
-            </SectionSeparator>
-        )
-
-        const kit = screen.getByTestId(testId)
-        const childElement = screen.getByText(text)
-        
-        expect(kit).toHaveClass("pb_section_separator_kit pb_section_separator_background pb_section_separator_vertical pb_section_separator_dashed pb_section_separator_color_primary")
-        expect(childElement).toBeInTheDocument()
-    })
-})