playbook_ui 13.20.0.pre.alpha.play1247htmloptions2404 → 13.20.0

data/lib/playbook/classnames.rb

@@ -37,10 +37,6 @@ module Playbook
         text_align_props,
         overflow_props,
         truncate_props,
-        left_props,
-        top_props,
-        right_props,
-        bottom_props,
       ].compact.join(" ")
     end
 

data/lib/playbook/kit_base.rb

@@ -25,10 +25,6 @@ require "playbook/border_radius"
 require "playbook/text_align"
 require "playbook/overflow"
 require "playbook/truncate"
-require "playbook/left"
-require "playbook/top"
-require "playbook/right"
-require "playbook/bottom"
 
 module Playbook
   class KitBase < ViewComponent::Base
@@ -59,36 +55,14 @@ module Playbook
     include Playbook::TextAlign
     include Playbook::Overflow
     include Playbook::Truncate
-    include Playbook::Left
-    include Playbook::Top
-    include Playbook::Right
-    include Playbook::Bottom
 
     prop :id
     prop :data, type: Playbook::Props::HashProp, default: {}
     prop :aria, type: Playbook::Props::HashProp, default: {}
-    prop :html_options, type: Playbook::Props::HashProp, default: {}
     prop :children, type: Playbook::Props::Proc
 
     def object
       self
     end
-
-    def combined_html_options
-      default_html_options.merge(html_options.deep_merge(data_attributes))
-    end
-
-  private
-
-    def default_html_options
-      {}
-    end
-
-    def data_attributes
-      {
-        data: data,
-        aria: aria,
-      }.transform_keys { |key| key.to_s.gsub("_", "-") }
-    end
   end
 end

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "13.20.0"
-  VERSION = "13.20.0.pre.alpha.play1247htmloptions2404"
+  PREVIOUS_VERSION = "13.19.0"
+  VERSION = "13.20.0"
 end

metadata

@@ -1,15 +1,15 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 13.20.0.pre.alpha.play1247htmloptions2404
+  version: 13.20.0
 platform: ruby
 authors:
 - Power UX
 - Power Devs
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-03-20 00:00:00.000000000 Z
+date: 2024-03-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -2222,6 +2222,7 @@ files:
 - app/pb_kits/playbook/pb_stat_value/stat_value.test.js
 - 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
@@ -2288,13 +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.jsx
-- 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.jsx
-- app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.md
-- app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_rails.html.erb
-- app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_rails.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
@@ -2318,21 +2312,9 @@ files:
 - app/pb_kits/playbook/pb_table/styles/_tablet_collapse.scss
 - app/pb_kits/playbook/pb_table/styles/_variables.scss
 - app/pb_kits/playbook/pb_table/styles/_vertical_border.scss
-- app/pb_kits/playbook/pb_table/subcomponents/_table_body.tsx
-- app/pb_kits/playbook/pb_table/subcomponents/_table_cell.tsx
-- app/pb_kits/playbook/pb_table/subcomponents/_table_head.tsx
-- app/pb_kits/playbook/pb_table/subcomponents/_table_header.tsx
-- app/pb_kits/playbook/pb_table/subcomponents/_table_row.tsx
-- app/pb_kits/playbook/pb_table/subcomponents/index.tsx
 - 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
@@ -2661,7 +2643,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
@@ -2810,7 +2791,6 @@ files:
 - lib/playbook/align_items.rb
 - lib/playbook/align_self.rb
 - lib/playbook/border_radius.rb
-- lib/playbook/bottom.rb
 - lib/playbook/classnames.rb
 - lib/playbook/cursor.rb
 - lib/playbook/display.rb
@@ -2836,7 +2816,6 @@ files:
 - lib/playbook/justify_self.rb
 - lib/playbook/kit_base.rb
 - lib/playbook/kit_resolver.rb
-- lib/playbook/left.rb
 - lib/playbook/line_height.rb
 - lib/playbook/number_spacing.rb
 - lib/playbook/order.rb
@@ -2861,11 +2840,9 @@ files:
 - lib/playbook/props/percentage.rb
 - lib/playbook/props/proc.rb
 - lib/playbook/props/string.rb
-- lib/playbook/right.rb
 - lib/playbook/shadow.rb
 - lib/playbook/spacing.rb
 - lib/playbook/text_align.rb
-- lib/playbook/top.rb
 - lib/playbook/truncate.rb
 - lib/playbook/version.rb
 - lib/playbook/z_index.rb
@@ -2874,7 +2851,7 @@ homepage: https://playbook.powerapp.cloud/
 licenses:
 - ISC
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -2885,12 +2862,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">"
+  - - ">="
     - !ruby/object:Gem::Version
-      version: 1.3.1
+      version: '0'
 requirements: []
 rubygems_version: 3.3.7
-signing_key: 
+signing_key:
 specification_version: 4
 summary: Playbook Design System
 test_files: []

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

@@ -1,47 +0,0 @@
-import React from 'react'
-
-import Table from '../_table'
-
-const TableWithSubcomponents = (props) => {
-  return (
-    <Table
-        size="sm"
-        {...props}
-    >
-      <Table.Head>
-        <Table.Row>
-          <Table.Header>{'Column 1'}</Table.Header>
-          <Table.Header>{'Column 2'}</Table.Header>
-          <Table.Header>{'Column 3'}</Table.Header>
-          <Table.Header>{'Column 4'}</Table.Header>
-          <Table.Header>{'Column 5'}</Table.Header>
-        </Table.Row>
-      </Table.Head>
-      <Table.Body>
-        <Table.Row>
-          <Table.Cell>{'Value 1'}</Table.Cell>
-          <Table.Cell>{'Value 2'}</Table.Cell>
-          <Table.Cell>{'Value 3'}</Table.Cell>
-          <Table.Cell>{'Value 4'}</Table.Cell>
-          <Table.Cell>{'Value 5'}</Table.Cell>
-        </Table.Row>
-        <Table.Row>
-          <Table.Cell>{'Value 1'}</Table.Cell>
-          <Table.Cell>{'Value 2'}</Table.Cell>
-          <Table.Cell>{'Value 3'}</Table.Cell>
-          <Table.Cell>{'Value 4'}</Table.Cell>
-          <Table.Cell>{'Value 5'}</Table.Cell>
-        </Table.Row>
-        <Table.Row>
-          <Table.Cell>{'Value 1'}</Table.Cell>
-          <Table.Cell>{'Value 2'}</Table.Cell>
-          <Table.Cell>{'Value 3'}</Table.Cell>
-          <Table.Cell>{'Value 4'}</Table.Cell>
-          <Table.Cell>{'Value 5'}</Table.Cell>
-        </Table.Row>
-      </Table.Body>
-    </Table>
-  )
-}
-
-export default TableWithSubcomponents

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.jsx

@@ -1,48 +0,0 @@
-import React from 'react'
-
-import Table from '../_table'
-
-const TableWithSubcomponentsAsDivs = (props) => {
-  return (
-    <Table
-        size="sm"
-        tag="div"
-        {...props}
-    >
-      <Table.Head tag="div">
-        <Table.Row tag="div">
-          <Table.Header tag="div">{'Column 1'}</Table.Header>
-          <Table.Header tag="div">{'Column 2'}</Table.Header>
-          <Table.Header tag="div">{'Column 3'}</Table.Header>
-          <Table.Header tag="div">{'Column 4'}</Table.Header>
-          <Table.Header tag="div">{'Column 5'}</Table.Header>
-        </Table.Row>
-      </Table.Head>
-      <Table.Body tag="div">
-        <Table.Row tag="div">
-          <Table.Cell tag="div">{'Value 1'}</Table.Cell>
-          <Table.Cell tag="div">{'Value 2'}</Table.Cell>
-          <Table.Cell tag="div">{'Value 3'}</Table.Cell>
-          <Table.Cell tag="div">{'Value 4'}</Table.Cell>
-          <Table.Cell tag="div">{'Value 5'}</Table.Cell>
-        </Table.Row>
-        <Table.Row tag="div">
-          <Table.Cell tag="div">{'Value 1'}</Table.Cell>
-          <Table.Cell tag="div">{'Value 2'}</Table.Cell>
-          <Table.Cell tag="div">{'Value 3'}</Table.Cell>
-          <Table.Cell tag="div">{'Value 4'}</Table.Cell>
-          <Table.Cell tag="div">{'Value 5'}</Table.Cell>
-        </Table.Row>
-        <Table.Row>
-          <Table.Cell tag="div">{'Value 1'}</Table.Cell>
-          <Table.Cell tag="div">{'Value 2'}</Table.Cell>
-          <Table.Cell tag="div">{'Value 3'}</Table.Cell>
-          <Table.Cell tag="div">{'Value 4'}</Table.Cell>
-          <Table.Cell tag="div">{'Value 5'}</Table.Cell>
-        </Table.Row>
-      </Table.Body>
-    </Table>
-  )
-}
-
-export default TableWithSubcomponentsAsDivs

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/docs/_table_with_subcomponents_rails.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_rails.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/subcomponents/_table_body.tsx

@@ -1,64 +0,0 @@
-import React from "react";
-import classnames from "classnames";
-import {
-  buildAriaProps,
-  buildDataProps,
-  buildHtmlProps,
-} from "../../utilities/props";
-import { globalProps } from "../../utilities/globalProps";
-
-type TableBodyPropTypes = {
-  aria?: { [key: string]: string };
-  children: React.ReactNode[] | React.ReactNode;
-  className: string;
-  data?: { [key: string]: string };
-  htmlOptions?: { [key: string]: string | number | boolean | (() => void) };
-  id?: string;
-  tag?: "table" | "div";
-};
-
-const TableBody = (props: TableBodyPropTypes) => {
-  const {
-    aria = {},
-    children,
-    className,
-    data = {},
-    htmlOptions = {},
-    id,
-    tag = "table",
-  } = props;
-
-  const ariaProps = buildAriaProps(aria);
-  const dataProps = buildDataProps(data);
-  const htmlProps = buildHtmlProps(htmlOptions);
-  const classes = classnames("pb_table_tbody", globalProps(props), className);
-  const isTableTag = tag === "table";
-
-  return (
-    <>
-      {isTableTag ? (
-        <tbody
-            {...ariaProps}
-            {...dataProps}
-            {...htmlProps}
-            className={classes}
-            id={id}
-        >
-          {children}
-        </tbody>
-      ) : (
-        <div
-            {...ariaProps}
-            {...dataProps}
-            {...htmlProps}
-            className={classes}
-            id={id}
-        >
-          {children}
-        </div>
-      )}
-    </>
-  );
-};
-
-export default TableBody;

data/app/pb_kits/playbook/pb_table/subcomponents/_table_cell.tsx

@@ -1,66 +0,0 @@
-import React from "react";
-import classnames from "classnames";
-import {
-  buildAriaProps,
-  buildDataProps,
-  buildHtmlProps,
-} from "../../utilities/props";
-import { globalProps } from "../../utilities/globalProps";
-
-type TableCellPropTypes = {
-  aria?: { [key: string]: string };
-  children: React.ReactNode[] | React.ReactNode;
-  className: string;
-  data?: { [key: string]: string };
-  htmlOptions?: { [key: string]: string | number | boolean | (() => void) };
-  id?: string;
-  tag?: "table" | "div";
-  text?: string
-};
-
-const TableCell = (props: TableCellPropTypes) => {
-  const {
-    aria = {},
-    children,
-    className,
-    data = {},
-    htmlOptions = {},
-    id,
-    tag = "table",
-    text,
-  } = props;
-
-  const ariaProps = buildAriaProps(aria);
-  const dataProps = buildDataProps(data);
-  const htmlProps = buildHtmlProps(htmlOptions);
-  const classes = classnames("pb_table_td", globalProps(props), className);
-  const isTableTag = tag === "table";
-
-  return (
-    <>
-      {isTableTag ? (
-        <td
-            {...ariaProps}
-            {...dataProps}
-            {...htmlProps}
-            className={classes}
-            id={id}
-        >
-          {text || children}
-        </td>
-      ) : (
-        <div
-            {...ariaProps}
-            {...dataProps}
-            {...htmlProps}
-            className={classes}
-            id={id}
-        >
-          {text || children}
-        </div>
-      )}
-    </>
-  );
-};
-
-export default TableCell;

data/app/pb_kits/playbook/pb_table/subcomponents/_table_head.tsx

@@ -1,64 +0,0 @@
-import React from "react";
-import classnames from "classnames";
-import {
-  buildAriaProps,
-  buildDataProps,
-  buildHtmlProps,
-} from "../../utilities/props";
-import { globalProps } from "../../utilities/globalProps";
-
-type TableHeadPropTypes = {
-  aria?: { [key: string]: string };
-  children: React.ReactNode[] | React.ReactNode;
-  className: string;
-  data?: { [key: string]: string };
-  htmlOptions?: { [key: string]: string | number | boolean | (() => void) };
-  id?: string;
-  tag?: "table" | "div";
-};
-
-const TableHead = (props: TableHeadPropTypes) => {
-  const {
-    aria = {},
-    children,
-    className,
-    data = {},
-    htmlOptions = {},
-    id,
-    tag = "table",
-  } = props;
-
-  const ariaProps = buildAriaProps(aria);
-  const dataProps = buildDataProps(data);
-  const htmlProps = buildHtmlProps(htmlOptions);
-  const classes = classnames("pb_table_thead", globalProps(props), className);
-  const isTableTag = tag === "table";
-
-  return (
-    <>
-      {isTableTag ? (
-        <thead
-            {...ariaProps}
-            {...dataProps}
-            {...htmlProps}
-            className={classes}
-            id={id}
-        >
-          {children}
-        </thead>
-      ) : (
-        <div
-            {...ariaProps}
-            {...dataProps}
-            {...htmlProps}
-            className={classes}
-            id={id}
-        >
-          {children}
-        </div>
-      )}
-    </>
-  );
-};
-
-export default TableHead;

data/app/pb_kits/playbook/pb_table/subcomponents/_table_header.tsx

@@ -1,66 +0,0 @@
-import React from "react";
-import classnames from "classnames";
-import {
-  buildAriaProps,
-  buildDataProps,
-  buildHtmlProps,
-} from "../../utilities/props";
-import { globalProps } from "../../utilities/globalProps";
-
-type TableHeaderPropTypes = {
-  aria?: { [key: string]: string };
-  children: React.ReactNode[] | React.ReactNode;
-  className: string;
-  data?: { [key: string]: string };
-  htmlOptions?: { [key: string]: string | number | boolean | (() => void) };
-  id?: string;
-  tag?: "table" | "div";
-  text?: string;
-};
-
-const TableHeader = (props: TableHeaderPropTypes) => {
-  const {
-    aria = {},
-    children,
-    className,
-    data = {},
-    htmlOptions = {},
-    id,
-    tag = "table",
-    text
-  } = props;
-
-  const ariaProps = buildAriaProps(aria);
-  const dataProps = buildDataProps(data);
-  const htmlProps = buildHtmlProps(htmlOptions);
-  const classes = classnames("pb_table_th", globalProps(props), className);
-  const isTableTag = tag === "table";
-
-  return (
-    <>
-      {isTableTag ? (
-        <th
-            {...ariaProps}
-            {...dataProps}
-            {...htmlProps}
-            className={classes}
-            id={id}
-        >
-          {text || children}
-        </th>
-      ) : (
-        <div
-            {...ariaProps}
-            {...dataProps}
-            {...htmlProps}
-            className={classes}
-            id={id}
-        >
-          {text || children}
-        </div>
-      )}
-    </>
-  );
-};
-
-export default TableHeader;