playbook_ui 13.19.0.pre.alpha.PBNTR200addadvancedtablekitdarkmodestyles2346 → 13.19.0.pre.alpha.PBNTR207tabledivsupport2245

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "13.19.0"
-  VERSION = "13.19.0.pre.alpha.PBNTR200addadvancedtablekitdarkmodestyles2346"
+  VERSION = "13.19.0.pre.alpha.PBNTR207tabledivsupport2245"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 13.19.0.pre.alpha.PBNTR200addadvancedtablekitdarkmodestyles2346
+  version: 13.19.0.pre.alpha.PBNTR207tabledivsupport2245
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-03-12 00:00:00.000000000 Z
+date: 2024-02-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -2289,10 +2289,6 @@ files:
 - app/pb_kits/playbook/pb_table/docs/_table_vertical_border.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.jsx
-- app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.html.erb
-- app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.md
-- app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.html.erb
-- app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.md
 - app/pb_kits/playbook/pb_table/docs/example.yml
 - app/pb_kits/playbook/pb_table/docs/index.js
 - app/pb_kits/playbook/pb_table/index.ts
@@ -2300,6 +2296,7 @@ files:
 - app/pb_kits/playbook/pb_table/styles/_all.scss
 - app/pb_kits/playbook/pb_table/styles/_content.scss
 - app/pb_kits/playbook/pb_table/styles/_desktop_collapse.scss
+- app/pb_kits/playbook/pb_table/styles/_div_support.scss
 - app/pb_kits/playbook/pb_table/styles/_headers.scss
 - app/pb_kits/playbook/pb_table/styles/_hover.scss
 - app/pb_kits/playbook/pb_table/styles/_mobile.scss
@@ -2319,12 +2316,6 @@ files:
 - app/pb_kits/playbook/pb_table/table.html.erb
 - app/pb_kits/playbook/pb_table/table.rb
 - app/pb_kits/playbook/pb_table/table.test.js
-- app/pb_kits/playbook/pb_table/table_body.html.erb
-- app/pb_kits/playbook/pb_table/table_body.rb
-- app/pb_kits/playbook/pb_table/table_cell.html.erb
-- app/pb_kits/playbook/pb_table/table_cell.rb
-- app/pb_kits/playbook/pb_table/table_head.html.erb
-- app/pb_kits/playbook/pb_table/table_head.rb
 - app/pb_kits/playbook/pb_table/table_header.html.erb
 - app/pb_kits/playbook/pb_table/table_header.rb
 - app/pb_kits/playbook/pb_table/table_row.html.erb
@@ -2653,7 +2644,6 @@ files:
 - app/pb_kits/playbook/pb_user/docs/_user_default.html.erb
 - app/pb_kits/playbook/pb_user/docs/_user_default.jsx
 - app/pb_kits/playbook/pb_user/docs/_user_horizontal_swift.md
-- app/pb_kits/playbook/pb_user/docs/_user_presence_indicator_swift.md
 - app/pb_kits/playbook/pb_user/docs/_user_props_table.md
 - app/pb_kits/playbook/pb_user/docs/_user_size.html.erb
 - app/pb_kits/playbook/pb_user/docs/_user_size.jsx

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

@@ -1,34 +0,0 @@
-<%= pb_rails("table", props: { size: "sm" }) do %>
-    <%= pb_rails("table/table_head") do %>
-        <%= pb_rails("table/table_row") do %>
-            <%= pb_rails("table/table_header", props: { text: "Column 1"}) %>
-            <%= pb_rails("table/table_header", props: { text: "Column 2"}) %>
-            <%= pb_rails("table/table_header", props: { text: "Column 3"}) %>
-            <%= pb_rails("table/table_header", props: { text: "Column 4"}) %>
-            <%= pb_rails("table/table_header", props: { text: "Column 5"}) %>       
-         <% end %>
-    <% end %>
-    <%= pb_rails("table/table_body") do %>
-        <%= pb_rails("table/table_row") do %>
-            <%= pb_rails("table/table_cell", props: { text: "Value 1"}) %>
-            <%= pb_rails("table/table_cell", props: { text: "Value 2"}) %>
-            <%= pb_rails("table/table_cell", props: { text: "Value 3"}) %>
-            <%= pb_rails("table/table_cell", props: { text: "Value 4"}) %>
-            <%= pb_rails("table/table_cell", props: { text: "Value 5"}) %>
-        <% end %>
-        <%= pb_rails("table/table_row") do %>
-            <%= pb_rails("table/table_cell", props: { text: "Value 1"}) %>
-            <%= pb_rails("table/table_cell", props: { text: "Value 2"}) %>
-            <%= pb_rails("table/table_cell", props: { text: "Value 3"}) %>
-            <%= pb_rails("table/table_cell", props: { text: "Value 4"}) %>
-            <%= pb_rails("table/table_cell", props: { text: "Value 5"}) %>
-        <% end %>
-        <%= pb_rails("table/table_row") do %>
-            <%= pb_rails("table/table_cell", props: { text: "Value 1"}) %>
-            <%= pb_rails("table/table_cell", props: { text: "Value 2"}) %>
-            <%= pb_rails("table/table_cell", props: { text: "Value 3"}) %>
-            <%= pb_rails("table/table_cell", props: { text: "Value 4"}) %>
-            <%= pb_rails("table/table_cell", props: { text: "Value 5"}) %>
-        <% end %>
-    <% end %>
-<% end %>

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

@@ -1,7 +0,0 @@
-You can optionally build your table using our sub-components, which map to their respective html table elements:
-
-`table_head` = `thead`
-`table_body` = `tbody`
-`table_row` = `tr`
-`table_header` = `th`
-`table_cell` = `td`

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

@@ -1,34 +0,0 @@
-<%= pb_rails("table", props: { size: "sm", tag:"div" }) do %>
-    <%= pb_rails("table/table_head", props: {tag:"div"}) do %>
-        <%= pb_rails("table/table_row", props: {tag:"div"}) do %>
-            <%= pb_rails("table/table_header", props: { text: "Column 1", tag:"div"}) %>
-            <%= pb_rails("table/table_header", props: { text: "Column 2", tag:"div"}) %>
-            <%= pb_rails("table/table_header", props: { text: "Column 3", tag:"div"}) %>
-            <%= pb_rails("table/table_header", props: { text: "Column 4", tag:"div"}) %>
-            <%= pb_rails("table/table_header", props: { text: "Column 5", tag:"div"}) %>       
-         <% end %>
-    <% end %>
-    <%= pb_rails("table/table_body", props: {tag:"div"}) do %>
-        <%= pb_rails("table/table_row", props: {tag:"div"}) do %>
-            <%= pb_rails("table/table_cell", props: { text: "Value 1", tag:"div"}) %>
-            <%= pb_rails("table/table_cell", props: { text: "Value 2", tag:"div"}) %>
-            <%= pb_rails("table/table_cell", props: { text: "Value 3", tag:"div"}) %>
-            <%= pb_rails("table/table_cell", props: { text: "Value 4", tag:"div"}) %>
-            <%= pb_rails("table/table_cell", props: { text: "Value 5", tag:"div"}) %>
-        <% end %>
-        <%= pb_rails("table/table_row", props: {tag:"div"}) do %>
-            <%= pb_rails("table/table_cell", props: { text: "Value 1", tag:"div"}) %>
-            <%= pb_rails("table/table_cell", props: { text: "Value 2", tag:"div"}) %>
-            <%= pb_rails("table/table_cell", props: { text: "Value 3", tag:"div"}) %>
-            <%= pb_rails("table/table_cell", props: { text: "Value 4", tag:"div"}) %>
-            <%= pb_rails("table/table_cell", props: { text: "Value 5", tag:"div"}) %>
-        <% end %>
-        <%= pb_rails("table/table_row", props: {tag:"div"}) do %>
-            <%= pb_rails("table/table_cell", props: { text: "Value 1", tag:"div"}) %>
-            <%= pb_rails("table/table_cell", props: { text: "Value 2", tag:"div"}) %>
-            <%= pb_rails("table/table_cell", props: { text: "Value 3", tag:"div"}) %>
-            <%= pb_rails("table/table_cell", props: { text: "Value 4", tag:"div"}) %>
-            <%= pb_rails("table/table_cell", props: { text: "Value 5", tag:"div"}) %>
-        <% end %>
-    <% end %>
-<% end %>

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

@@ -1,3 +0,0 @@
-Optionally build your table with divs by passing `div` to the `tag` prop of all* your sub-components. 
-
-*NOTE: The `tag` prop defaults to `table`, which returns html elements.  If divs are desired, sub-components must be used and all table elements, including the initial kit call, must use `div` as their `tag` in order for the table to render properly.

data/app/pb_kits/playbook/pb_table/table_body.html.erb

@@ -1,17 +0,0 @@
-<% if object.tag == "table" %>
-    <%= content_tag(:tbody,
-      aria: object.aria,
-      class: object.classname,
-      data: object.data,
-      id: object.id) do %>
-      <%= content.presence %>
-    <% end %>
-<% else %>
-    <%= content_tag(:div,
-      aria: object.aria,
-      class: object.classname,
-      data: object.data,
-      id: object.id) do %>
-      <%= content.presence %>
-    <% end %>
-<% end %>

data/app/pb_kits/playbook/pb_table/table_body.rb

@@ -1,15 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module PbTable
-    class TableBody < Playbook::KitBase
-      prop :tag, type: Playbook::Props::Enum,
-                 values: %w[table div],
-                 default: "table"
-
-      def classname
-        generate_classname("pb_table_tbody")
-      end
-    end
-  end
-end

data/app/pb_kits/playbook/pb_table/table_cell.html.erb

@@ -1,17 +0,0 @@
-<% if object.tag == "table" %>
-    <%= content_tag(:td,
-      aria: object.aria,
-      class: object.classname,
-      data: object.data,
-      id: object.id) do %>
-      <%= content.presence || object.text %>
-    <% end %>
-<% else %>
-    <%= content_tag(:div,
-      aria: object.aria,
-      class: object.classname,
-      data: object.data,
-      id: object.id) do %>
-      <%= content.presence || object.text %>
-    <% end %>
-<% end %>

data/app/pb_kits/playbook/pb_table/table_cell.rb

@@ -1,17 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module PbTable
-    class TableCell < Playbook::KitBase
-      prop :tag, type: Playbook::Props::Enum,
-                 values: %w[table div],
-                 default: "table"
-      prop :text, type: Playbook::Props::String,
-                  default: ""
-
-      def classname
-        generate_classname("pb_table_td")
-      end
-    end
-  end
-end

data/app/pb_kits/playbook/pb_table/table_head.html.erb

@@ -1,17 +0,0 @@
-<% if object.tag == "table" %>
-    <%= content_tag(:thead,
-      aria: object.aria,
-      class: object.classname,
-      data: object.data,
-      id: object.id) do %>
-      <%= content.presence %>
-    <% end %>
-<% else %>
-    <%= content_tag(:div,
-      aria: object.aria,
-      class: object.classname,
-      data: object.data,
-      id: object.id) do %>
-      <%= content.presence %>
-    <% end %>
-<% end %>

data/app/pb_kits/playbook/pb_table/table_head.rb

@@ -1,15 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module PbTable
-    class TableHead < Playbook::KitBase
-      prop :tag, type: Playbook::Props::Enum,
-                 values: %w[table div],
-                 default: "table"
-
-      def classname
-        generate_classname("pb_table_thead")
-      end
-    end
-  end
-end

data/app/pb_kits/playbook/pb_user/docs/_user_presence_indicator_swift.md

@@ -1,30 +0,0 @@
-![user-presence-indicator)](https://github.com/powerhome/playbook/assets/112719604/96ee8408-2e21-4aaf-ae65-9f023515cf8d)
-
-```swift
-VStack(alignment: .leading, spacing: Spacing.small) {
-  PBUser(
-    name: name,
-
-    image: img,
-    size: .small,
-    territory: "PHL",
-    title: title,
-    status: .online
-  )
-  PBUser(
-    name: name,
-    image: img,
-    territory: "PHL",
-    title: title,
-    status: .away
-  )
-  PBUser(
-    name: name,
-    image: img,
-    size: .large,
-    territory: "PHL",
-    title: title,
-    status: .offline
-  )
-}
-```