playbook_ui 14.9.0.pre.alpha.play1703errorstatealignment5060 → 14.9.0.pre.alpha.play1742globalheightfixes4766

data/lib/playbook/hover.rb

@@ -29,16 +29,12 @@ module Playbook
       []
     end
 
-    def hover_underline_values
-      [true, false]
-    end
-
     def hover_values
       hover_options.keys.select { |sk| try(sk) }
     end
 
     def hover_attributes
-      %w[background shadow scale color underline]
+      %w[background shadow scale color]
     end
 
     def hover_props
@@ -55,8 +51,6 @@ module Playbook
           value.each do |key, val|
             if %i[background color].include?(key)
               css += "#{prefix}_#{key}-#{val} " if hover_attributes.include?(key.to_s)
-            elsif %i[underline].include?(key) && val == true
-              css += "hover_underline "
             elsif hover_attributes.include?(key.to_s) && send("hover_#{key}_values").include?(val.to_s)
               css += "#{prefix}_#{key}_#{val} "
             end

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "14.9.0"
-  VERSION = "14.9.0.pre.alpha.play1703errorstatealignment5060"
+  VERSION = "14.9.0.pre.alpha.play1742globalheightfixes4766"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 14.9.0.pre.alpha.play1703errorstatealignment5060
+  version: 14.9.0.pre.alpha.play1742globalheightfixes4766
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-12-20 00:00:00.000000000 Z
+date: 2024-12-04 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -268,8 +268,6 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta_subrow_headers.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.md
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail_rails.html.erb
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail_rails.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell_rails.html.erb
@@ -1372,7 +1370,6 @@ files:
 - app/pb_kits/playbook/pb_form/form.rb
 - app/pb_kits/playbook/pb_form/formHelper.js
 - app/pb_kits/playbook/pb_form/pb_form_validation.js
-- app/pb_kits/playbook/pb_form_group/_error_state_mixin.scss
 - app/pb_kits/playbook/pb_form_group/_form_group.scss
 - app/pb_kits/playbook/pb_form_group/_form_group.tsx
 - app/pb_kits/playbook/pb_form_group/docs/_form_group_button.html.erb
@@ -1511,8 +1508,6 @@ files:
 - app/pb_kits/playbook/pb_home_address_street/home_address_street.html.erb
 - app/pb_kits/playbook/pb_home_address_street/home_address_street.rb
 - app/pb_kits/playbook/pb_home_address_street/home_adress_street.test.js
-- app/pb_kits/playbook/pb_home_address_street/none_emphasis.html.erb
-- app/pb_kits/playbook/pb_home_address_street/none_emphasis.rb
 - app/pb_kits/playbook/pb_home_address_street/street_emphasis.html.erb
 - app/pb_kits/playbook/pb_home_address_street/street_emphasis.rb
 - app/pb_kits/playbook/pb_icon/_icon.scss
@@ -2473,12 +2468,10 @@ files:
 - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_color.md
 - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_default.html.erb
 - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_default.jsx
-- app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_filter.jsx
 - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_height_width.jsx
 - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_height_width.md
 - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_layout.jsx
 - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_layout.md
-- app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_user.jsx
 - app/pb_kits/playbook/pb_skeleton_loading/docs/example.yml
 - app/pb_kits/playbook/pb_skeleton_loading/docs/index.js
 - app/pb_kits/playbook/pb_skeleton_loading/skeleton_loading.html.erb
@@ -2624,7 +2617,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.html.erb
 - 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
@@ -2640,16 +2632,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_collapsible.jsx
-- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.md
-- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.jsx
-- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.md
-- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.jsx
-- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.md
-- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows.jsx
-- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows.md
-- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.jsx
-- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.md
 - 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
@@ -2662,7 +2644,6 @@ files:
 - app/pb_kits/playbook/pb_table/index.ts
 - app/pb_kits/playbook/pb_table/styles/_alignment.scss
 - app/pb_kits/playbook/pb_table/styles/_all.scss
-- app/pb_kits/playbook/pb_table/styles/_collapsible.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/_headers.scss
@@ -2726,14 +2707,12 @@ files:
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_error_swift.md
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_inline.html.erb
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_inline.jsx
-- app/pb_kits/playbook/pb_text_input/docs/_text_input_mask.jsx
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_no_label.html.erb
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_no_label.jsx
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_options.html.erb
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_props_swift.md
 - app/pb_kits/playbook/pb_text_input/docs/example.yml
 - app/pb_kits/playbook/pb_text_input/docs/index.js
-- app/pb_kits/playbook/pb_text_input/inputMask.ts
 - app/pb_kits/playbook/pb_text_input/text_input.html.erb
 - app/pb_kits/playbook/pb_text_input/text_input.rb
 - app/pb_kits/playbook/pb_text_input/text_input.test.js
@@ -3210,11 +3189,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-l1kq1p9m.js
-- dist/chunks/_weekday_stacked-DkCMUF58.js
+- dist/chunks/_typeahead-B8fkIeXA.js
+- dist/chunks/_weekday_stacked-DjRTXEi-.js
 - dist/chunks/lazysizes-B7xYodB-.js
-- dist/chunks/lib-CuCy3_xO.js
-- dist/chunks/pb_form_validation-D37k10a0.js
+- dist/chunks/lib-SyD3buPZ.js
+- dist/chunks/pb_form_validation-Dt8UJgrJ.js
 - dist/chunks/vendor.js
 - dist/menu.yml
 - dist/playbook-doc.js

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail_rails.html.erb

@@ -1,36 +0,0 @@
-<% column_definitions = [
-    {
-      accessor: "year",
-      label: "Year",
-      cellAccessors: ["quarter", "month", "day"],
-    },
-    {
-      accessor: "newEnrollments",
-      label: "New Enrollments",
-    },
-    {
-      accessor: "scheduledMeetings",
-      label: "Scheduled Meetings",
-    },
-    {
-      accessor: "attendanceRate",
-      label: "Attendance Rate",
-    },
-    {
-      accessor: "completedClasses",
-      label: "Completed Classes",
-    },
-    {
-      accessor: "classCompletionRate",
-      label: "Class Completion Rate",
-    },
-    {
-      accessor: "graduatedStudents",
-      label: "Graduated Students",
-    }
-] %>
-
-<%= pb_rails("advanced_table", props: { id: "collapsible_trail", table_data: @table_data, column_definitions: column_definitions }) do %>
-  <%= pb_rails("advanced_table/table_header", props: { column_definitions: column_definitions }) %>
-  <%= pb_rails("advanced_table/table_body", props: { table_data: @table_data, column_definitions: column_definitions, collapsible_trail: false }) %>
-<% end %>

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail_rails.md

@@ -1 +0,0 @@
-`collapsible_trail` is an optional prop that is set to 'true' by default. If set to 'false', it will remove the trail on the left of the rows when subRows are toggled open.

data/app/pb_kits/playbook/pb_form_group/_error_state_mixin.scss

@@ -1,57 +0,0 @@
-@mixin error-state-flex-start-selectors {
-  &:has(.pb_text_input_kit.error):has(.pb_text_input_kit),
-  &:has(.pb_text_input_kit):has(.pb_date_picker_kit.error),
-  &:has(.pb_text_input_kit):has(.pb_select_kit_wrapper.error),
-  &:has(.pb_text_input_kit.error):has(.pb_text_input_kit_label):has(.pb_select_kit_wrapper.error) {
-    align-items: flex-start;
-  }
-}
-
-@mixin error-state-center-selectors {
-  &:has(.pb_select_kit_label):has(.pb_select_kit_wrapper.error):has(.pb_phone_number_input),
-  &:has(.pb_text_input_kit.error):has(.pb_text_input_kit_label):has([class^=pb_button_kit]) {
-    align-items: center;
-  }
-}
-
-@mixin error-state-flex-end-selectors {
-  &:has(.pb_select_kit_label):has(.pb_select_kit_wrapper.error):has(.pb_phone_number_input):has(.pb_text_input_kit.error) {
-    align-items: flex-end;
-  }
-}
-
-@mixin error-state-right-side-select-kit {
-  &:has(.pb_text_input_kit:not(.error)):has(.pb_text_input_kit_label):has(.pb_select_kit_wrapper.error),
-  &:has(.pb_text_input_kit.error):has(.pb_text_input_kit_label):has(.pb_select_kit_wrapper) {
-    align-items: flex-start;
-
-    .pb_select_kit_wrapper {
-      padding-top: $space_md;
-      margin-top: 2px;
-
-      .pb_select_kit_caret {
-        padding-top: $space_md;
-      }
-    }
-
-    .pb_select_kit_wrapper.error {
-      padding-top: $space_md;
-      margin-top: 2px;
-
-      .pb_select_kit_caret {
-        padding-top: $space_xl;
-      }
-    }
-  }
-}
-
-@mixin error-state-left-side-select-kit {
-  &:has(.pb_select_kit_label):has(.pb_select_kit_wrapper):has(.pb_phone_number_input):has(.pb_text_input_kit.error) {
-    align-items: flex-start;
-
-    .pb_text_input_kit.error {
-      padding-top: $space_md;
-      margin-top: 2px;
-    }
-  }
-}

data/app/pb_kits/playbook/pb_home_address_street/none_emphasis.html.erb

@@ -1,32 +0,0 @@
-<%= pb_rails "body", props: {
-  classname: "pb_home_address_street_address",
-  size: 4,
-  text: object.address_house_style,
-  dark: object.dark
-} %>
-<%= pb_rails "body", props: {
-  classname: "pb_home_address_street_address",
-  size: 4,
-  text: object.address_house_style2,
-  dark: object.dark
-} %>
-<%= pb_rails "body", props: {
-  color: "light",
-  text: object.city_state_zip,
-  dark: object.dark
-} %>
-
-<% if object.home_id %>
-  <%= pb_rails("hashtag", props: {
-    text: "#{object.home_id}",
-    url: object.home_url || "#",
-    type: "home",
-    dark: object.dark,
-    classname: "home-hashtag",
-    new_window: object.new_window,
-    target: object.target_option}) %>
-<% end %>
-
-<%= pb_rails "body", props: { color: "light", tag: "span", dark: object.dark } do %>
-  <small><%= object.territory %></small>
-<% end %>

data/app/pb_kits/playbook/pb_home_address_street/none_emphasis.rb

@@ -1,29 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module PbHomeAddressStreet
-    class NoneEmphasis < Playbook::KitBase
-      prop :address_house_style
-      prop :address_house_style2
-      prop :city_state_zip
-      prop :home_id, type: Playbook::Props::Number
-      prop :home_url
-      prop :new_window, type: Playbook::Props::Boolean,
-                        default: false
-      prop :target
-      prop :territory
-      prop :dark, type: Playbook::Props::Boolean,
-                  default: false
-
-      def target_option
-        if target && home_url
-          target
-        elsif new_window
-          "_blank"
-        else
-          "_self"
-        end
-      end
-    end
-  end
-end

data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_filter.jsx

@@ -1,166 +0,0 @@
-import React from 'react';
-import { Button, Card, Filter, Flex, Select, SkeletonLoading, TextInput } from "playbook-ui";
-
-const SortingChangeCallback = (sortOptions) => {
-  alert(JSON.stringify(sortOptions[0]))
-}
-
-const SkeletonLoadingFilter = (props) => {
-  const isLoading = true
-
-  const options = [
-    { value: 'USA' },
-    { value: 'Canada' },
-    { value: 'Brazil' },
-    { value: 'Philippines' },
-    { value: 'A galaxy far far away, like really far away...' },
-  ]
-
-  return (
-    <div>
-      <div>
-        {isLoading ? (
-          <Card 
-              marginBottom="lg" 
-              {...props}
-          >
-              <Flex 
-                  alignItems="center" 
-                  justify="between"
-                  orientation="row"
-              >
-                  <Flex 
-                      alignItems="center" 
-                      justify="start"
-                      orientation="row"
-                  >
-                      <SkeletonLoading
-                          borderRadius="rounded"
-                          height="40px"
-                          marginRight="sm"
-                          width="40px"
-                          {...props}
-                      />
-                      <SkeletonLoading 
-                          height="16px" 
-                          marginRight="md"
-                          width="80px"
-                          {...props}
-                      />
-                  </Flex>
-                  <Flex 
-                      alignItems="center" 
-                      justify="end"
-                      orientation="row"
-                  >
-                      <SkeletonLoading 
-                          height="18px" 
-                          width="120px"
-                          {...props}
-                      />
-                  </Flex>
-              </Flex>
-          </Card>
-        ) : (
-          <Filter
-              filters={{ 'Full Name': 'John Wick' }}
-              marginBottom="lg" 
-              minWidth="375px"
-              results={546}
-              sortOptions={{
-                popularity: 'Popularity',
-                // eslint-disable-next-line
-                manager_title: 'Manager\'s Title',
-                // eslint-disable-next-line
-                manager_name: 'Manager\'s Name',
-              }}
-              sortValue={[{ name: 'popularity', dir: 'desc' }]}
-          >
-            {({ closePopover }) => (
-              <form>
-                <TextInput 
-                    label="Example Text Field" 
-                    placeholder="Enter Text"
-                />
-                <Select
-                    blankSelection="Select One..."
-                    label="Example Collection Select"
-                    name="Collection Select"
-                    options={options}
-                />
-                <Flex spacing="between">
-                    <Button 
-                        onClick={closePopover} 
-                        text="Filter"
-                    />
-                    <Button 
-                        text="Defaults" 
-                        variant="secondary"
-                    />
-                </Flex>
-              </form>
-            )}
-          </Filter>
-        )}
-      </div>
-      <div>
-        {isLoading ? (
-          <SkeletonLoading 
-              height="127px" 
-              marginBottom="lg"
-              width="100%"
-              {...props}
-          />
-        ) : (
-          <Filter
-              double
-              filters={{
-                'Full Name': 'John Wick',
-                'City': 'San Francisco',
-              }}
-              marginBottom="xl"
-              minWidth="375px"
-              onSortChange={SortingChangeCallback}
-              results={1}
-              sortOptions={{
-                popularity: 'Popularity',
-                // eslint-disable-next-line
-                manager_title: 'Manager\'s Title',
-                // eslint-disable-next-line
-                manager_name: 'Manager\'s Name',
-              }}
-              sortValue={[{ name: 'popularity', dir: 'desc' }]}
-          >
-            {({ closePopover }) => (
-              <form>
-                <TextInput 
-                    label="Full Name" 
-                    placeholder="Enter name"
-                />
-                <Select
-                    blankSelection="Select One..."
-                    label="Territory"
-                    maxWidth="sm"
-                    name="location"
-                    options={options}
-                />
-                <Flex spacing="between">
-                    <Button 
-                        onClick={closePopover}
-                        text="Filter" 
-                    />
-                    <Button 
-                        text="Defaults"
-                        variant="secondary"
-                    />
-                </Flex>
-              </form>
-            )}
-          </Filter>
-        )}
-      </div>      
-    </div>
-  )
-}
-
-export default SkeletonLoadingFilter;

data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_user.jsx

@@ -1,89 +0,0 @@
-import React from 'react';
-import { Flex, SkeletonLoading, User } from "playbook-ui";
-
-const SkeletonLoadingUser = (props) => {
-  const isLoading = true
-
-  return (
-    <div>
-      <div>
-        {isLoading ? (
-          <Flex alignItems="center">
-              <SkeletonLoading 
-                  borderRadius="rounded" 
-                  height="38px" 
-                  paddingRight="sm"
-                  width="38px" 
-                  {...props} 
-              />
-                <SkeletonLoading 
-                    gap="xxs"
-                    height="18px" 
-                    stack="2"
-                    width="161px"
-                    {...props}
-                />
-          </Flex>
-        ) : (
-          <User
-              align="left"
-              avatarUrl="https://randomuser.me/api/portraits/women/44.jpg"
-              name="Anna Black"
-              orientation="horizontal"
-              title="Remodeling Consultant"
-              {...props}
-          />
-        )}
-      </div>
-      <div>
-        {isLoading ? (
-          <Flex 
-              alignItems="start"
-              paddingTop="md"
-          >
-              <Flex 
-                  alignItems="center" 
-                  flexDirection="column"
-              >
-                  <SkeletonLoading 
-                      borderRadius="rounded" 
-                      height="80px" 
-                      paddingBottom="xs" 
-                      width="80px" 
-                      {...props}
-                  />
-                  <SkeletonLoading 
-                      height="32px" 
-                      paddingBottom="xxs" 
-                      width="144px" 
-                      {...props} 
-                  />
-                  <SkeletonLoading 
-                      height="21px" 
-                      width="164px" 
-                      {...props}
-                  />
-              </Flex>
-          </Flex>
-        ) : (
-          <Flex
-              alignItems="start" 
-              paddingTop="md"
-          >
-              <User
-                  align="center"
-                  avatarUrl="https://randomuser.me/api/portraits/women/44.jpg"
-                  name="Anna Black"
-                  orientation="vertical"
-                  size="lg"
-                  title="Remodeling Consultant"
-                  {...props}
-              />
-          </Flex>
-        )}
-      </div>
-    </div>
-  )
-}
-
-export default SkeletonLoadingUser;

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

@@ -1,95 +0,0 @@
-<%= pb_rails("table", props: { size: "md", responsive: "scroll", sticky_left_column: ["1", "2", "3"] }) do %>
-  <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>Column 6</td>
-      <td>Column 7</td>
-      <td>Column 8</td>
-      <td>Column 9</td>
-      <td>Column 10</td>
-      <td>Column 11</td>
-      <td>Column 12</td>
-      <td>Column 13</td>
-      <td>Column 14</td>
-      <td>Column 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>Column 6</td>
-      <td>Column 7</td>
-      <td>Column 8</td>
-      <td>Column 9</td>
-      <td>Column 10</td>
-      <td>Column 11</td>
-      <td>Column 12</td>
-      <td>Column 13</td>
-      <td>Column 14</td>
-      <td>Column 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>Column 6</td>
-      <td>Column 7</td>
-      <td>Column 8</td>
-      <td>Column 9</td>
-      <td>Column 10</td>
-      <td>Column 11</td>
-      <td>Column 12</td>
-      <td>Column 13</td>
-      <td>Column 14</td>
-      <td>Column 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>Column 6</td>
-      <td>Column 7</td>
-      <td>Column 8</td>
-      <td>Column 9</td>
-      <td>Column 10</td>
-      <td>Column 11</td>
-      <td>Column 12</td>
-      <td>Column 13</td>
-      <td>Column 14</td>
-      <td>Column 15</td>
-
-    </tr>
-  </tbody>
-<% end %>