playbook_ui 14.8.0.pre.alpha.PBNTR713dropdowncustomtriggerbug4696 → 14.8.0.pre.alpha.PLAY1598floatinguiupgrade4563

data/lib/playbook/classnames.rb

@@ -43,9 +43,6 @@ module Playbook
         right_props,
         bottom_props,
         vertical_align_props,
-        height_props,
-        min_height_props,
-        max_height_props,
       ].compact.join(" ")
     end
 

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

@@ -5,19 +5,6 @@ module Playbook
     class Builder
       def typeahead(name, _options = {}, _html_options = {}, props: {})
         props[:name] = name
-
-        input_id = "#{name}_input"
-        props[:input_options] ||= {}
-        props[:input_options][:id] ||= input_id
-
-        props[:label] = @template.label(@object_name, name, for: props[:input_options][:id]) if props[:label] == true
-
-        if props[:validation]
-          validation_message = props[:validation][:message]
-          props[:input_options][:data] ||= {}
-          props[:input_options][:data][:validation_message] = validation_message
-        end
-
         @template.pb_rails("typeahead", props: props)
       end
     end

data/lib/playbook/kit_base.rb

@@ -30,9 +30,6 @@ require "playbook/top"
 require "playbook/right"
 require "playbook/bottom"
 require "playbook/vertical_align"
-require "playbook/height"
-require "playbook/min_height"
-require "playbook/max_height"
 
 module Playbook
   include ActionView::Helpers
@@ -70,9 +67,6 @@ module Playbook
     include Playbook::Right
     include Playbook::Bottom
     include Playbook::VerticalAlign
-    include Playbook::Height
-    include Playbook::MinHeight
-    include Playbook::MaxHeight
 
     prop :id
     prop :data, type: Playbook::Props::HashProp, default: {}
@@ -172,17 +166,8 @@ module Playbook
     end
 
     def dynamic_inline_props
-      styles = global_inline_props.map { |key, value| "#{key.to_s.gsub('_', '-')}: #{value}" if inline_validator(key, value) }.compact
+      styles = global_inline_props.map { |key, value| "#{key.to_s.gsub('_', '-')}: #{value}" if value.present? }.compact
       styles.join("; ").presence
     end
-
-    def inline_validator(key, value)
-      return false if value.nil?
-      return false if height_values.include?(value) && key == :height
-      return false if min_height_values.include?(value) && key == :min_height
-      return false if max_height_values.include?(value) && key == :max_height
-
-      true
-    end
   end
 end

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "14.8.0"
-  VERSION = "14.8.0.pre.alpha.PBNTR713dropdowncustomtriggerbug4696"
+  VERSION = "14.8.0.pre.alpha.PLAY1598floatinguiupgrade4563"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 14.8.0.pre.alpha.PBNTR713dropdowncustomtriggerbug4696
+  version: 14.8.0.pre.alpha.PLAY1598floatinguiupgrade4563
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-11-27 00:00:00.000000000 Z
+date: 2024-11-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -2606,8 +2606,6 @@ files:
 - app/pb_kits/playbook/pb_table/docs/_table_sticky.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_sticky.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_sticky.md
-- app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.jsx
-- app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_react.md
 - app/pb_kits/playbook/pb_table/docs/_table_striped.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_striped.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_striped.md
@@ -2641,10 +2639,8 @@ files:
 - app/pb_kits/playbook/pb_table/styles/_mobile_collapse.scss
 - app/pb_kits/playbook/pb_table/styles/_outer_padding.scss
 - app/pb_kits/playbook/pb_table/styles/_reset.scss
-- app/pb_kits/playbook/pb_table/styles/_scroll.scss
 - app/pb_kits/playbook/pb_table/styles/_side_highlight.scss
 - app/pb_kits/playbook/pb_table/styles/_single-line.scss
-- app/pb_kits/playbook/pb_table/styles/_sticky_columns.scss
 - app/pb_kits/playbook/pb_table/styles/_sticky_header.scss
 - app/pb_kits/playbook/pb_table/styles/_striped.scss
 - app/pb_kits/playbook/pb_table/styles/_structure.scss
@@ -3091,7 +3087,6 @@ files:
 - app/pb_kits/playbook/tokens/_colors.scss
 - app/pb_kits/playbook/tokens/_container.scss
 - app/pb_kits/playbook/tokens/_display.scss
-- app/pb_kits/playbook/tokens/_height.scss
 - app/pb_kits/playbook/tokens/_line_height.scss
 - app/pb_kits/playbook/tokens/_opacity.scss
 - app/pb_kits/playbook/tokens/_overflow.scss
@@ -3107,7 +3102,6 @@ files:
 - app/pb_kits/playbook/tokens/_vertical_align.scss
 - app/pb_kits/playbook/tokens/exports/_border_radius.module.scss
 - app/pb_kits/playbook/tokens/exports/_colors.module.scss
-- app/pb_kits/playbook/tokens/exports/_height.module.scss
 - app/pb_kits/playbook/tokens/exports/_line_height.module.scss
 - app/pb_kits/playbook/tokens/exports/_opacity.module.scss
 - app/pb_kits/playbook/tokens/exports/_positioning.module.scss
@@ -3125,7 +3119,6 @@ files:
 - app/pb_kits/playbook/utilities/_display.scss
 - app/pb_kits/playbook/utilities/_flexbox.scss
 - app/pb_kits/playbook/utilities/_focus.scss
-- app/pb_kits/playbook/utilities/_height.scss
 - app/pb_kits/playbook/utilities/_hover.scss
 - app/pb_kits/playbook/utilities/_line_height.scss
 - app/pb_kits/playbook/utilities/_max_width.scss
@@ -3177,11 +3170,11 @@ 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-C8Q_fFYF.js
-- dist/chunks/_weekday_stacked-CUJfwh5E.js
+- dist/chunks/_typeahead-DUfnbpvK.js
+- dist/chunks/_weekday_stacked-CFiZk2PV.js
 - dist/chunks/lazysizes-B7xYodB-.js
-- dist/chunks/lib-SyD3buPZ.js
-- dist/chunks/pb_form_validation-Dt8UJgrJ.js
+- dist/chunks/lib-BC6ESsxG.js
+- dist/chunks/pb_form_validation-B_Z9rEbg.js
 - dist/chunks/vendor.js
 - dist/menu.yml
 - dist/playbook-doc.js
@@ -3218,7 +3211,6 @@ files:
 - lib/playbook/forms/builder/select_field.rb
 - lib/playbook/forms/builder/star_rating_field.rb
 - lib/playbook/forms/builder/typeahead_field.rb
-- lib/playbook/height.rb
 - lib/playbook/hover.rb
 - lib/playbook/justify_content.rb
 - lib/playbook/justify_self.rb
@@ -3226,8 +3218,6 @@ files:
 - lib/playbook/kit_resolver.rb
 - lib/playbook/left.rb
 - lib/playbook/line_height.rb
-- lib/playbook/max_height.rb
-- lib/playbook/min_height.rb
 - lib/playbook/number_spacing.rb
 - lib/playbook/order.rb
 - lib/playbook/overflow.rb

data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.jsx

@@ -1,87 +0,0 @@
-import React from 'react'
-import Table from '../_table'
-
-const TableStickyLeftColumns = () => {
-    return (
-        <Table
-            responsive="scroll"
-            size="md"
-            stickyLeftcolumn={["1", "2", "3"]}
-        >
-            <thead>
-                <tr>
-                    <th id="1">{'Column 1'}</th>
-                    <th id="2">{'Column 2'}</th>
-                    <th id="3">{'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>{'Column 15'}</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td id="1">{'Value 1'}</td>
-                    <td id="2">{'Value 2'}</td>
-                    <td id="3">{'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>{'Value 15'}</td>
-                </tr>
-                <tr>
-                    <td id="1">{'Value 1'}</td>
-                    <td id="2">{'Value 2'}</td>
-                    <td id="3">{'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>{'Value 15'}</td>
-                </tr>
-                <tr>
-                    <td id="1">{'Value 1'}</td>
-                    <td id="2">{'Value 2'}</td>
-                    <td id="3">{'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>{'Value 15'}</td>
-                </tr>
-            </tbody>
-        </Table>
-    )
-}
-
-export default TableStickyLeftColumns

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

@@ -1,2 +0,0 @@
-The `stickyLeftColumn` prop expects an array of the column ids you want to be sticky. Make sure to add the corresponding id to the `<th>` and `<td>`.
-If you are using the sub-component variant, then you will pass the id to `<Table.Header>` and `<Table.Cell>`

data/app/pb_kits/playbook/pb_table/styles/_scroll.scss

@@ -1,4 +0,0 @@
-    .table-responsive-scroll {
-        display: block;
-        overflow-x: auto;
-    }

data/app/pb_kits/playbook/pb_table/styles/_sticky_columns.scss

@@ -1,18 +0,0 @@
-@import "../../tokens/colors";
-
-[class^="pb_table"] {
-    .sticky {
-        position: sticky !important;
-        left: 0;
-        z-index: 1;
-        background-color: white;
-    }
-
-    .with-border {
-        border-right: 1px solid $border_light !important;
-    }
-
-    .sticky-shadow {
-        box-shadow: 4px 0 10px rgba(60, 106, 172, 0.16) !important;
-    }
-}

data/app/pb_kits/playbook/tokens/_height.scss

@@ -1,19 +0,0 @@
-
-$height_auto: auto !default;
-$height_xs: 320px !default;
-$height_sm: 480px !default;
-$height_md: 768px !default;
-$height_lg: 1024px !default;
-$height_xl: 1280px !default;
-$height_2xl: 1440px !default;
-$height_3xl: 1920px !default;
-$heights: (
-  height_auto: $height_auto,
-  height_xs: $height_xs,
-  height_sm: $height_sm,
-  height_md: $height_md,
-  height_lg: $height_lg,
-  height_xl: $height_xl,
-  height_xxl: $height_2xl,
-  height_xxxl: $height_3xl
-);

data/app/pb_kits/playbook/tokens/exports/_height.module.scss

@@ -1,37 +0,0 @@
-@import "../height";
-
-:export {
-  @mixin export_height($height_list) {
-    @each $name, $value in $height_list {
-      .#{$name} {
-        height: $value;
-      }
-    }
-  }
-
-  @include export_height($heights);
-}
-
-:export {
-  @mixin export_max_height($height_list) {
-    @each $name, $value in $height_list {
-      .max_#{$name} {
-        max-height: $value;
-      }
-    }
-  }
-
-  @include export_max_height($heights);
-}
-
-:export {
-  @mixin export_min_height($height_list) {
-    @each $name, $value in $height_list {
-      .min_#{$name} {
-        min-height: $value;
-      }
-    }
-  }
-
-  @include export_min_height($heights);
-}

data/app/pb_kits/playbook/utilities/_height.scss

@@ -1,33 +0,0 @@
-@import "../tokens/exports/height.module";
-
-@mixin export_height($height_list) {
-  @each $name, $value in $height_list {
-    .#{$name} {
-      height: $value;
-    }
-  }
-}
-
-@mixin export_max_height($height_list) {
-  @each $name, $value in $height_list {
-    .max_#{$name} {
-      max-height: $value;
-    }
-  }
-}
-
-@mixin export_min_height($height_list) {
-  @each $name, $value in $height_list {
-    .min_#{$name} {
-      min-height: $value;
-    }
-  }
-}
-
-@include export_height($heights);
-@include export_max_height($heights);
-@include export_min_height($heights);
-
-.height-resize {
-  resize: vertical;
-}