playbook_ui 13.19.0.pre.alpha.PBNTR207tabledivsupport2245 → 13.19.0.pre.alpha.PBNTR211tablekitsubcomponentsreact2318

data/lib/playbook/version.rb

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

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 13.19.0.pre.alpha.PBNTR207tabledivsupport2245
+  version: 13.19.0.pre.alpha.PBNTR211tablekitsubcomponentsreact2318
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-02-28 00:00:00.000000000 Z
+date: 2024-03-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -2220,9 +2220,14 @@ files:
 - app/pb_kits/playbook/pb_stat_value/stat_value.html.erb
 - app/pb_kits/playbook/pb_stat_value/stat_value.rb
 - app/pb_kits/playbook/pb_stat_value/stat_value.test.js
+- app/pb_kits/playbook/pb_table/SubKits/_table_body.tsx
+- app/pb_kits/playbook/pb_table/SubKits/_table_cell.tsx
+- app/pb_kits/playbook/pb_table/SubKits/_table_head.tsx
+- app/pb_kits/playbook/pb_table/SubKits/_table_header.tsx
+- app/pb_kits/playbook/pb_table/SubKits/_table_row.tsx
+- app/pb_kits/playbook/pb_table/SubKits/index.tsx
 - app/pb_kits/playbook/pb_table/_table.scss
 - app/pb_kits/playbook/pb_table/_table.tsx
-- app/pb_kits/playbook/pb_table/_table_row.tsx
 - app/pb_kits/playbook/pb_table/docs/_description.md
 - app/pb_kits/playbook/pb_table/docs/_table_action_middle.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_action_middle.jsx
@@ -2289,6 +2294,10 @@ 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.jsx
+- 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.jsx
 - 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
@@ -2296,7 +2305,6 @@ 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
@@ -2316,6 +2324,12 @@ 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

data/app/pb_kits/playbook/pb_table/_table_row.tsx

@@ -1,47 +0,0 @@
-import React from 'react'
-import classnames from 'classnames'
-import { buildAriaProps, buildCss, buildDataProps, buildHtmlProps } from '../utilities/props'
-import { globalProps } from '../utilities/globalProps'
-
-type TableRowPropTypes = {
-  aria?: { [key: string]: string },
-  children: React.ReactNode[] | React.ReactNode,
-  className: string,
-  data?: { [key: string]: string },
-  htmlOptions?: {[key: string]: string | number | boolean | (() => void)},
-  id?: string,
-  sideHighlightColor: string,
-}
-
-const TableRow = (props: TableRowPropTypes) => {
-  const {
-    aria = {},
-    children,
-    className,
-    data = {},
-    htmlOptions = {},
-    id,
-    sideHighlightColor = 'windows',
-  } = props
-
-  const ariaProps = buildAriaProps(aria)
-  const dataProps = buildDataProps(data)
-  const htmlProps = buildHtmlProps(htmlOptions)
-  const sideHighlightClass =
-    sideHighlightColor != '' ? `side_highlight_${sideHighlightColor}` : null
-  const classes = classnames(buildCss('pb_table_row_kit', sideHighlightClass), globalProps(props), className)
-
-  return (
-    <tr
-      {...ariaProps}
-      {...dataProps}
-      {...htmlProps}
-      className={classes}
-      id={id}
-    >
-      {children}
-    </tr>
-  )
-}
-
-export default TableRow

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

@@ -1,22 +0,0 @@
-[class^=pb_table] {
-  .div-table {
-    display: table;
-    width: 100%;
-  }
-
-  .thead {
-    display: table-header-group;
-  }
-
-  .tbody {
-    display: table-row-group;
-  }
-
-  .tr {
-    display: table-row;
-  }
-
-  .th, .td {
-    display: table-cell;
-  }
-}