playbook_ui 13.12.0.pre.alpha.PLAY1081exporttypes1624 → 13.12.0.pre.alpha.PLAY1093typeaheadkitdocbug1577

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/index.js +8 -12
  3. data/app/pb_kits/playbook/pb_card/_card.tsx +2 -2
  4. data/app/pb_kits/playbook/pb_circle_chart/_circle_chart.tsx +4 -5
  5. data/app/pb_kits/playbook/pb_file_upload/_file_upload.tsx +1 -1
  6. data/app/pb_kits/playbook/pb_form_group/_form_group.tsx +3 -3
  7. data/app/pb_kits/playbook/pb_multiple_users/docs/example.yml +0 -6
  8. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/example.yml +0 -6
  9. data/app/pb_kits/playbook/pb_passphrase/_passphrase.tsx +2 -2
  10. data/app/pb_kits/playbook/pb_select/_select.tsx +1 -2
  11. data/app/pb_kits/playbook/pb_selectable_list/_item.tsx +3 -2
  12. data/app/pb_kits/playbook/pb_text_input/_text_input.tsx +1 -1
  13. data/app/pb_kits/playbook/pb_text_input/docs/example.yml +0 -7
  14. data/app/pb_kits/playbook/pb_toggle/docs/example.yml +0 -4
  15. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_highlight.jsx +2 -2
  16. data/dist/playbook-rails.js +6 -6
  17. data/lib/playbook/version.rb +1 -1
  18. metadata +2 -18
  19. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_default_swift.md +0 -11
  20. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_props_swift.md +0 -7
  21. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_reverse_swift.md +0 -13
  22. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size_swift.md +0 -11
  23. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_default_swift.md +0 -15
  24. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_props_swift.md +0 -5
  25. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_small_swift.md +0 -15
  26. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_xsmall_swift.md +0 -15
  27. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_add_on_swift.md +0 -35
  28. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_default_swift.md +0 -29
  29. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled_swift.md +0 -13
  30. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_error_swift.md +0 -24
  31. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_props_swift.md +0 -13
  32. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_default_swift.md +0 -11
  33. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_name_swift.md +0 -10
  34. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_props_swift.md +0 -6
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: '0640511518c078595009d4de6359e173d1b81435f9bf6e6361491256e8352bac'
4
- data.tar.gz: e6e4d60017c79c2e1428b00e807739715a76ff65df85f57a24ebb1e35043edc4
3
+ metadata.gz: d2e75ac2b96498c068416a578e7ffe91d6f97831b1b44e2b80d647fb8ce0c3d1
4
+ data.tar.gz: f9605134e0684d8ba51ab2d6404ec4fd4699269b9fcd5cd714d43275a8f135f7
5
5
  SHA512:
6
- metadata.gz: 5b3154f4a2e08257e2000f805e0fa8d478d0c8ad7f5a23586bc31150b630f35932aec01e093dfc1a6d4a506323379913626fab4190916d362aac92873ff62d05
7
- data.tar.gz: 50fb76d0b0ee1dbdc12556c2ee7f18dd916c1153eb7783a3332fce6bbdadd850951b6f183a425136b03a19772b8b4f5b62474121ee406f4b926f02418c432a31
6
+ metadata.gz: 68ab223d1d4c85efaa3fdf6f2d18661dcf2a7389b79c1df35cdfd150d8594ce2bb3c28bcc10402578dc9dcc59f0eaf08bc0f81b1140de200b3fcd640ee2ed93e
7
+ data.tar.gz: 628889add191c4e59f40a6a9660b6b944f203920f18fa90089d0a5454356bc438f523235df4650b1a5c9de5c27d9af0b8f55bf036b0eca355720043804c5fd1f
@@ -41,7 +41,7 @@ export { default as Flex } from './pb_flex/_flex'
41
41
  export { default as FlexItem } from './pb_flex/_flex_item'
42
42
  export { default as FormGroup } from './pb_form_group/_form_group'
43
43
  export { default as FormPill } from './pb_form_pill/_form_pill'
44
- //export { default as Gauge } from './pb_gauge/_gauge'
44
+ export { default as Gauge } from './pb_gauge/_gauge'
45
45
  export { default as Hashtag } from './pb_hashtag/_hashtag'
46
46
  export { default as Highlight } from './pb_highlight/_highlight'
47
47
  export { default as HomeAddressStreet } from './pb_home_address_street/_home_address_street'
@@ -105,7 +105,7 @@ export { default as TitleCount } from './pb_title_count/_title_count'
105
105
  export { default as TitleDetail } from './pb_title_detail/_title_detail'
106
106
  export { default as Toggle } from './pb_toggle/_toggle'
107
107
  export { default as Tooltip } from './pb_tooltip/_tooltip'
108
- //export { default as TreemapChart } from './pb_treemap_chart/_treemap_chart'
108
+ export { default as TreemapChart } from './pb_treemap_chart/_treemap_chart'
109
109
  export { default as Typeahead } from './pb_typeahead/_typeahead'
110
110
  export { default as User } from './pb_user/_user'
111
111
  export { default as UserBadge } from './pb_user_badge/_user_badge'
@@ -114,9 +114,9 @@ export { default as WeekdayStacked } from './pb_weekday_stacked/_weekday_stacked
114
114
  // ^^^ React Component JSX Imports from the React Kits ^^^
115
115
 
116
116
  // Dashboard Settings
117
- // export { commonSettings, dataColors } from './pb_dashboard/commonSettings'
118
- // export { default as lineGraphSettings } from './pb_line_graph/lineGraphSettings'
119
- // export { default as barGraphSettings } from './pb_bar_graph/barGraphSettings'
117
+ export { commonSettings, dataColors } from './pb_dashboard/commonSettings'
118
+ export { default as lineGraphSettings } from './pb_line_graph/lineGraphSettings'
119
+ export { default as barGraphSettings } from './pb_bar_graph/barGraphSettings'
120
120
  export { default as dashboardValueSettings } from './pb_dashboard_value/dashboardValueSettings'
121
121
 
122
122
  // Other JS/Plugins
@@ -124,14 +124,10 @@ export { default as datePickerHelper } from './pb_date_picker/date_picker_helper
124
124
  export { default as PbPopover } from './pb_popover'
125
125
  export { default as PbTable } from './pb_table'
126
126
  export { default as PbTextarea } from './pb_textarea'
127
- //export { default as PbTooltip } from './pb_tooltip'
127
+ export { default as PbTooltip } from './pb_tooltip'
128
128
  export { default as PbTypeahead } from './pb_typeahead'
129
- //export { default as dialogHelper } from './pb_dialog/dialogHelper'
129
+ export { default as dialogHelper } from './pb_dialog/dialogHelper'
130
130
 
131
131
  //Theming
132
132
  export {default as mapTheme} from './pb_map/pbMapTheme'
133
- export {default as useCollapsible} from './pb_collapsible/useCollapsible'
134
-
135
- // import * as Types from "./types/colors";
136
- // export { Types };
137
- //export * from './types/colors'
133
+ export {default as useCollapsible} from './pb_collapsible/useCollapsible'
@@ -1,6 +1,6 @@
1
1
  /* eslint-disable react/no-multi-comp */
2
2
 
3
- import React, { ReactNode } from 'react'
3
+ import React from 'react'
4
4
  import { get } from 'lodash'
5
5
  import classnames from 'classnames'
6
6
 
@@ -104,7 +104,7 @@ const Card = (props: CardPropTypes) => {
104
104
  })
105
105
  }
106
106
 
107
- const nonHeaderChildren = cardChildren.filter((child: ReactNode) => (get(child, 'type.displayName') !== 'Header'))
107
+ const nonHeaderChildren = cardChildren.filter((child: Node) => (get(child, 'type.displayName') !== 'Header'))
108
108
 
109
109
  const tagOptions = ['div', 'section', 'footer', 'header', 'article', 'aside', 'main', 'nav']
110
110
  const Tag = tagOptions.includes(tag) ? tag : 'div'
@@ -1,5 +1,4 @@
1
- /* eslint-disable */
2
- import React, { useEffect, useState, ReactNode } from "react";
1
+ import React, { useEffect, useState } from "react";
3
2
  import classnames from "classnames";
4
3
  import HighchartsReact from "highcharts-react-official";
5
4
  import highchartsMore from "highcharts/highcharts-more";
@@ -16,11 +15,11 @@ type CircleChartProps = {
16
15
  align?: "left" | "right" | "center";
17
16
  aria: { [key: string]: string };
18
17
  chartData?: [];
19
- children?: ReactNode;
18
+ children?: Node;
20
19
  className?: string;
21
20
  colors?: string[];
22
- dark?: boolean;
23
- data?: unknown;
21
+ dark?: Boolean;
22
+ data?: Object;
24
23
  dataLabelHtml?: string;
25
24
  dataLabels?: boolean;
26
25
  height?: string;
@@ -36,7 +36,7 @@ const FileUpload = (props: FileUploadProps): React.ReactElement => {
36
36
  onFilesRejected = noop,
37
37
  } = props
38
38
 
39
- const onDrop = useCallback((files: any) => {
39
+ const onDrop = useCallback((files) => {
40
40
  onFilesAccepted(files)
41
41
  }, [onFilesAccepted])
42
42
 
@@ -1,13 +1,13 @@
1
- import React, { ReactNode } from 'react'
1
+ import React from 'react'
2
2
  import classnames from 'classnames'
3
3
  import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
4
4
  import { globalProps } from '../utilities/globalProps'
5
5
 
6
6
  type FormGroupProps = {
7
7
  aria?: {[key: string]: string},
8
- children?: ReactNode,
8
+ children?: Node,
9
9
  className?: string,
10
- data?: unknown,
10
+ data?: object,
11
11
  fullWidth?: boolean,
12
12
  id?: string,
13
13
  }
@@ -10,9 +10,3 @@ examples:
10
10
  - multiple_users_default: Default
11
11
  - multiple_users_reverse: Reverse
12
12
  - multiple_users_size: Size
13
-
14
- swift:
15
- - multiple_users_default_swift: Default
16
- - multiple_users_reverse_swift: Reverse
17
- - multiple_users_size_swift: Small
18
- - multiple_users_props_swift: ""
@@ -6,9 +6,3 @@ examples:
6
6
 
7
7
  react:
8
8
  - multiple_users_stacked_default: Default
9
-
10
- swift:
11
- - multiple_users_stacked_default_swift: Default
12
- - multiple_users_stacked_small_swift: Small
13
- - multiple_users_stacked_xsmall_swift: xSmall
14
- - multiple_users_stacked_props_swift: ""
@@ -1,5 +1,5 @@
1
1
  /* @flow */
2
- /* eslint-disable */
2
+
3
3
  import React, { useCallback, useMemo, useState } from "react"
4
4
  import classnames from "classnames"
5
5
 
@@ -52,7 +52,7 @@ const Passphrase = (props: PassphraseProps) => {
52
52
  const [showPassphrase, setShowPassphrase] = useState(false)
53
53
 
54
54
  const handleChange = useCallback(
55
- (e: any) => (uncontrolled ? setUncontrolledValue(e.target.value) : onChange(e)),
55
+ (e) => (uncontrolled ? setUncontrolledValue(e.target.value) : onChange(e)),
56
56
  [uncontrolled, onChange]
57
57
  )
58
58
 
@@ -1,4 +1,3 @@
1
- /* eslint-disable */
2
1
  import React, { forwardRef } from 'react'
3
2
  import classnames from 'classnames'
4
3
 
@@ -86,7 +85,7 @@ const Select = ({
86
85
  )
87
86
 
88
87
  const selectWrapperClass = classnames(buildCss('pb_select_kit_wrapper'), { error }, className)
89
- const selectBody: any =(() =>{
88
+ const selectBody =(() =>{
90
89
  if (children) return children
91
90
  return (
92
91
  <select
@@ -1,4 +1,3 @@
1
- /* eslint-disable */
2
1
  import React, { useState } from "react";
3
2
  import classnames from "classnames";
4
3
 
@@ -97,7 +96,9 @@ const SelectableListItem = ({
97
96
  {children}
98
97
  </>
99
98
  )}
100
- { variant !== "checkbox" && variant !== "radio" && children }
99
+ {variant !== "checkbox" && variant !== "radio" && (
100
+ { children }
101
+ )}
101
102
  </div>
102
103
  </ListItem>
103
104
  );
@@ -127,7 +127,7 @@ const TextInput = (props: TextInputProps, ref: React.LegacyRef<HTMLInputElement>
127
127
  </React.Fragment>
128
128
  )
129
129
 
130
- const render: any = (() => {
130
+ const render = (() => {
131
131
  if(children) return children
132
132
  if (shouldShowAddOn) return addOnInput
133
133
 
@@ -16,10 +16,3 @@ examples:
16
16
  - text_input_add_on: Add On
17
17
  - text_input_inline: Inline
18
18
  - text_input_no_label: No Label
19
-
20
- swift:
21
- - text_input_default_swift: Default
22
- - text_input_error_swift: With Error
23
- - text_input_disabled_swift: Disabled
24
- - text_input_add_on_swift: Add On
25
- - text_input_props_swift: ""
@@ -13,7 +13,3 @@ examples:
13
13
  - toggle_custom: Custom checkbox input
14
14
  - toggle_custom_radio: Custom radio inputs
15
15
 
16
- swift:
17
- - toggle_default_swift: Default State
18
- - toggle_name_swift: Name and Value
19
- - toggle_props_swift: ""
@@ -70,8 +70,8 @@ const TypeaheadWithHighlight = (props) => {
70
70
  }
71
71
 
72
72
  const customComponents = {
73
- Option: (props: OptionProps) => (
74
- <components.Option {...props}/>
73
+ Option: (highlightProps: OptionProps) => (
74
+ <components.Option {...highlightProps}/>
75
75
  ),
76
76
  SingleValue: ({ data }: any) => (
77
77
  <span>{data.name}</span>