Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

[PLAY-673] Loop through all kits #2464

Merged
merged 13 commits into from
May 3, 2023
108 changes: 2 additions & 106 deletions playbook/app/pb_kits/playbook/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -4,111 +4,7 @@ import 'lazysizes/plugins/attrchange/ls.attrchange'
import 'lazysizes'

// vvv React Component JSX Imports from the React Kits vvv
export { default as Avatar } from './pb_avatar/_avatar'
export { default as AvatarActionButton } from './pb_avatar_action_button/_avatar_action_button'
export { default as Background } from './pb_background/_background'
export { default as Badge } from './pb_badge/_badge'
export { default as BarGraph } from './pb_bar_graph/_bar_graph'
export { default as Body } from './pb_body/_body'
export { default as BreadCrumbItem } from './pb_bread_crumbs/_bread_crumb_item'
export { default as BreadCrumbs } from './pb_bread_crumbs/_bread_crumbs'
export { default as Button } from './pb_button/_button'
export { default as ButtonToolbar } from './pb_button_toolbar/_button_toolbar'
export { default as Caption } from './pb_caption/_caption'
export { default as Card } from './pb_card/_card'
export { default as Checkbox } from './pb_checkbox/_checkbox'
export { default as CircleChart } from './pb_circle_chart/_circle_chart'
export { default as CircleIconButton } from './pb_circle_icon_button/_circle_icon_button'
export { default as Collapsible } from './pb_collapsible/_collapsible'
export { default as Contact } from './pb_contact/_contact'
export { default as Currency } from './pb_currency/_currency'
export { default as DashboardValue } from './pb_dashboard_value/_dashboard_value'
export { default as Date } from './pb_date/_date'
export { default as DatePicker } from './pb_date_picker/_date_picker'
export { default as DateRangeInline } from './pb_date_range_inline/_date_range_inline'
export { default as DateRangeStacked } from './pb_date_range_stacked/_date_range_stacked'
export { default as DateStacked } from './pb_date_stacked/_date_stacked'
export { default as DateTime } from './pb_date_time/_date_time'
export { default as DateTimeStacked } from './pb_date_time_stacked/_date_time_stacked'
export { default as DateYearStacked } from './pb_date_year_stacked/_date_year_stacked'
export { default as Dialog } from './pb_dialog/_dialog'
export { default as DistributionBar } from './pb_distribution_bar/_distribution_bar'
export { default as FileUpload } from './pb_file_upload/_file_upload'
export { default as Filter } from './pb_filter/_filter'
export { default as FixedConfirmationToast } from './pb_fixed_confirmation_toast/_fixed_confirmation_toast'
export { default as Flex } from './pb_flex/_flex'
export { default as FlexItem } from './pb_flex/_flex_item'
export { default as FormGroup } from './pb_form_group/_form_group'
export { default as FormPill } from './pb_form_pill/_form_pill'
export { default as Gauge } from './pb_gauge/_gauge'
export { default as Hashtag } from './pb_hashtag/_hashtag'
export { default as Highlight } from './pb_highlight/_highlight'
export { default as HomeAddressStreet } from './pb_home_address_street/_home_address_street'
export { default as Icon } from './pb_icon/_icon'
export { default as IconCircle } from './pb_icon_circle/_icon_circle'
export { default as IconStatValue } from './pb_icon_stat_value/_icon_stat_value'
export { default as IconValue } from './pb_icon_value/_icon_value'
export { default as Image } from './pb_image/_image'
export { default as LabelPill } from './pb_label_pill/_label_pill'
export { default as LabelValue } from './pb_label_value/_label_value'
export { default as Layout } from './pb_layout/_layout'
export { default as Legend } from './pb_legend/_legend'
export { default as Lightbox } from './pb_lightbox/_lightbox'
export { default as LineGraph } from './pb_line_graph/_line_graph'
export { default as List } from './pb_list/_list'
export { default as ListItem } from './pb_list/_list_item'
export { default as LoadingInline } from './pb_loading_inline/_loading_inline'
export { default as Map} from './pb_map/_map'
export { default as Message } from './pb_message/_message'
export { default as MultiLevelSelect} from './pb_multi_level_select/_multi_level_select'
export { default as MultipleUsers } from './pb_multiple_users/_multiple_users'
export { default as MultipleUsersStacked } from './pb_multiple_users_stacked/_multiple_users_stacked'
export { default as Nav } from './pb_nav/_nav'
export { default as NavItem } from './pb_nav/_item'
export { default as OnlineStatus } from './pb_online_status/_online_status'
export { default as Passphrase } from './pb_passphrase/_passphrase'
export { default as PbReactPopover } from './pb_popover/_popover'
export { default as Person } from './pb_person/_person'
export { default as PersonContact } from './pb_person_contact/_person_contact'
export { default as PhoneNumberInput} from './pb_phone_number_input/_phone_number_input'
export { default as Pill } from './pb_pill/_pill'
export { default as ProgressPills } from './pb_progress_pills/_progress_pills'
export { default as ProgressSimple } from './pb_progress_simple/_progress_simple'
export { default as ProgressStep } from './pb_progress_step/_progress_step'
export { default as ProgressStepItem } from './pb_progress_step/_progress_step_item'
export { default as Radio } from './pb_radio/_radio'
export { default as RichTextEditor } from './pb_rich_text_editor/_rich_text_editor'
export { default as SectionSeparator } from './pb_section_separator/_section_separator'
export { default as Select } from './pb_select/_select'
export { default as SelectableCard } from './pb_selectable_card/_selectable_card'
export { default as SelectableCardIcon } from './pb_selectable_card_icon/_selectable_card_icon'
export { default as SelectableIcon } from './pb_selectable_icon/_selectable_icon'
export { default as SelectableList } from './pb_selectable_list/_selectable_list'
export { default as SelectableListItem } from './pb_selectable_list/_item'
export { default as Source } from './pb_source/_source'
export { default as StarRating } from './pb_star_rating/_star_rating'
export { default as StatChange } from './pb_stat_change/_stat_change'
export { default as StatValue } from './pb_stat_value/_stat_value'
export { default as Table } from './pb_table/_table'
export { default as TableRow } from './pb_table/_table_row'
export { default as TextInput } from './pb_text_input/_text_input'
export { default as Textarea } from './pb_textarea/_textarea'
export { default as Time } from './pb_time/_time'
export { default as TimeRangeInline } from './pb_time_range_inline/_time_range_inline'
export { default as TimeStacked } from './pb_time_stacked/_time_stacked'
export { default as Timeline } from './pb_timeline/_timeline'
export { default as Timestamp } from './pb_timestamp/_timestamp'
export { default as Title } from './pb_title/_title'
export { default as TitleCount } from './pb_title_count/_title_count'
export { default as TitleDetail } from './pb_title_detail/_title_detail'
export { default as Toggle } from './pb_toggle/_toggle'
export { default as Tooltip } from './pb_tooltip/_tooltip'
export { default as TreemapChart } from './pb_treemap_chart/_treemap_chart'
export { default as Typeahead } from './pb_typeahead/_typeahead'
export { default as User } from './pb_user/_user'
export { default as UserBadge } from './pb_user_badge/_user_badge'
export { default as Walkthrough } from './pb_walkthrough/_walkthrough'
export { default as WeekdayStacked } from './pb_weekday_stacked/_weekday_stacked'
export * from './kits'
// ^^^ React Component JSX Imports from the React Kits ^^^

// Dashboard Settings
Expand All @@ -127,4 +23,4 @@ export { default as PbTypeahead } from './pb_typeahead'
export { default as dialogHelper } from './pb_dialog/dialogHelper'

//Theming
export {default as mapTheme} from './pb_map/pbMapTheme'
export {default as mapTheme} from './pb_map/pbMapTheme'
110 changes: 110 additions & 0 deletions playbook/app/pb_kits/playbook/kits.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,110 @@
// !!! IMPORTANT: This file is autogenerated. Please do not edit.!!!
import './_playbook.scss'
import 'lazysizes/plugins/attrchange/ls.attrchange'
import 'lazysizes'

export { default as Avatar } from './pb_avatar/_avatar'
export { default as AvatarActionButton } from './pb_avatar_action_button/_avatar_action_button'
export { default as Background } from './pb_background/_background'
export { default as Badge } from './pb_badge/_badge'
export { default as BarGraph } from './pb_bar_graph/_bar_graph'
export { default as Body } from './pb_body/_body'
export { default as BreadCrumbItem } from './pb_bread_crumbs/_bread_crumb_item'
export { default as BreadCrumbs } from './pb_bread_crumbs/_bread_crumbs'
export { default as Button } from './pb_button/_button'
export { default as ButtonToolbar } from './pb_button_toolbar/_button_toolbar'
export { default as Caption } from './pb_caption/_caption'
export { default as Card } from './pb_card/_card'
export { default as Checkbox } from './pb_checkbox/_checkbox'
export { default as CircleChart } from './pb_circle_chart/_circle_chart'
export { default as CircleIconButton } from './pb_circle_icon_button/_circle_icon_button'
export { default as Collapsible } from './pb_collapsible/_collapsible'
export { default as Contact } from './pb_contact/_contact'
export { default as Currency } from './pb_currency/_currency'
export { default as DashboardValue } from './pb_dashboard_value/_dashboard_value'
export { default as Date } from './pb_date/_date'
export { default as DatePicker } from './pb_date_picker/_date_picker'
export { default as DateRangeInline } from './pb_date_range_inline/_date_range_inline'
export { default as DateRangeStacked } from './pb_date_range_stacked/_date_range_stacked'
export { default as DateStacked } from './pb_date_stacked/_date_stacked'
export { default as DateTime } from './pb_date_time/_date_time'
export { default as DateTimeStacked } from './pb_date_time_stacked/_date_time_stacked'
export { default as DateYearStacked } from './pb_date_year_stacked/_date_year_stacked'
export { default as Dialog } from './pb_dialog/_dialog'
export { default as DistributionBar } from './pb_distribution_bar/_distribution_bar'
export { default as FileUpload } from './pb_file_upload/_file_upload'
export { default as Filter } from './pb_filter/_filter'
export { default as FixedConfirmationToast } from './pb_fixed_confirmation_toast/_fixed_confirmation_toast'
export { default as Flex } from './pb_flex/_flex'
export { default as FlexItem } from './pb_flex/_flex_item'
export { default as FormGroup } from './pb_form_group/_form_group'
export { default as FormPill } from './pb_form_pill/_form_pill'
export { default as Gauge } from './pb_gauge/_gauge'
export { default as Hashtag } from './pb_hashtag/_hashtag'
export { default as Highlight } from './pb_highlight/_highlight'
export { default as HomeAddressStreet } from './pb_home_address_street/_home_address_street'
export { default as Icon } from './pb_icon/_icon'
export { default as IconCircle } from './pb_icon_circle/_icon_circle'
export { default as IconStatValue } from './pb_icon_stat_value/_icon_stat_value'
export { default as IconValue } from './pb_icon_value/_icon_value'
export { default as Image } from './pb_image/_image'
export { default as LabelPill } from './pb_label_pill/_label_pill'
export { default as LabelValue } from './pb_label_value/_label_value'
export { default as Layout } from './pb_layout/_layout'
export { default as Legend } from './pb_legend/_legend'
export { default as Lightbox } from './pb_lightbox/_lightbox'
export { default as LineGraph } from './pb_line_graph/_line_graph'
export { default as List } from './pb_list/_list'
export { default as ListItem } from './pb_list/_list_item'
export { default as LoadingInline } from './pb_loading_inline/_loading_inline'
export { default as Map} from './pb_map/_map'
export { default as Message } from './pb_message/_message'
export { default as MultiLevelSelect} from './pb_multi_level_select/_multi_level_select'
export { default as MultipleUsers } from './pb_multiple_users/_multiple_users'
export { default as MultipleUsersStacked } from './pb_multiple_users_stacked/_multiple_users_stacked'
export { default as Nav } from './pb_nav/_nav'
export { default as NavItem } from './pb_nav/_item'
export { default as OnlineStatus } from './pb_online_status/_online_status'
export { default as Passphrase } from './pb_passphrase/_passphrase'
export { default as PbReactPopover } from './pb_popover/_popover'
export { default as Person } from './pb_person/_person'
export { default as PersonContact } from './pb_person_contact/_person_contact'
export { default as PhoneNumberInput} from './pb_phone_number_input/_phone_number_input'
export { default as Pill } from './pb_pill/_pill'
export { default as ProgressPills } from './pb_progress_pills/_progress_pills'
export { default as ProgressSimple } from './pb_progress_simple/_progress_simple'
export { default as ProgressStep } from './pb_progress_step/_progress_step'
export { default as ProgressStepItem } from './pb_progress_step/_progress_step_item'
export { default as Radio } from './pb_radio/_radio'
export { default as RichTextEditor } from './pb_rich_text_editor/_rich_text_editor'
export { default as SectionSeparator } from './pb_section_separator/_section_separator'
export { default as Select } from './pb_select/_select'
export { default as SelectableCard } from './pb_selectable_card/_selectable_card'
export { default as SelectableCardIcon } from './pb_selectable_card_icon/_selectable_card_icon'
export { default as SelectableIcon } from './pb_selectable_icon/_selectable_icon'
export { default as SelectableList } from './pb_selectable_list/_selectable_list'
export { default as SelectableListItem } from './pb_selectable_list/_item'
export { default as Source } from './pb_source/_source'
export { default as StarRating } from './pb_star_rating/_star_rating'
export { default as StatChange } from './pb_stat_change/_stat_change'
export { default as StatValue } from './pb_stat_value/_stat_value'
export { default as Table } from './pb_table/_table'
export { default as TableRow } from './pb_table/_table_row'
export { default as TextInput } from './pb_text_input/_text_input'
export { default as Textarea } from './pb_textarea/_textarea'
export { default as Time } from './pb_time/_time'
export { default as TimeRangeInline } from './pb_time_range_inline/_time_range_inline'
export { default as TimeStacked } from './pb_time_stacked/_time_stacked'
export { default as Timeline } from './pb_timeline/_timeline'
export { default as Timestamp } from './pb_timestamp/_timestamp'
export { default as Title } from './pb_title/_title'
export { default as TitleCount } from './pb_title_count/_title_count'
export { default as TitleDetail } from './pb_title_detail/_title_detail'
export { default as Toggle } from './pb_toggle/_toggle'
export { default as Tooltip } from './pb_tooltip/_tooltip'
export { default as TreemapChart } from './pb_treemap_chart/_treemap_chart'
export { default as Typeahead } from './pb_typeahead/_typeahead'
export { default as User } from './pb_user/_user'
export { default as UserBadge } from './pb_user_badge/_user_badge'
export { default as Walkthrough } from './pb_walkthrough/_walkthrough'
export { default as WeekdayStacked } from './pb_weekday_stacked/_weekday_stacked'
21 changes: 21 additions & 0 deletions playbook/app/pb_kits/playbook/kits.test.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
import React from 'react'
import { render } from './utilities/test-utils'

import * as index from './kits'

Object.keys(index).forEach((key) => {
const Component = index[key];

test(`${key} should have correct classname position`, () => {
render(
<Component
data={{ testid: 'my-unique-id' }}
/>
)
console.log(`PropType ${key}`);

// const element = screen.getByTestId('my-unique-id');
// expect(element).toBeInTheDocument();

})
});