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.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/index.js +8 -12
- data/app/pb_kits/playbook/pb_card/_card.tsx +2 -2
- data/app/pb_kits/playbook/pb_circle_chart/_circle_chart.tsx +4 -5
- data/app/pb_kits/playbook/pb_file_upload/_file_upload.tsx +1 -1
- data/app/pb_kits/playbook/pb_form_group/_form_group.tsx +3 -3
- data/app/pb_kits/playbook/pb_multiple_users/docs/example.yml +0 -6
- data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/example.yml +0 -6
- data/app/pb_kits/playbook/pb_passphrase/_passphrase.tsx +2 -2
- data/app/pb_kits/playbook/pb_select/_select.tsx +1 -2
- data/app/pb_kits/playbook/pb_selectable_list/_item.tsx +3 -2
- data/app/pb_kits/playbook/pb_text_input/_text_input.tsx +1 -1
- data/app/pb_kits/playbook/pb_text_input/docs/example.yml +0 -7
- data/app/pb_kits/playbook/pb_toggle/docs/example.yml +0 -4
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_highlight.jsx +2 -2
- data/dist/playbook-rails.js +6 -6
- data/lib/playbook/version.rb +1 -1
- metadata +2 -18
- data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_default_swift.md +0 -11
- data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_props_swift.md +0 -7
- data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_reverse_swift.md +0 -13
- data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size_swift.md +0 -11
- data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_default_swift.md +0 -15
- data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_props_swift.md +0 -5
- data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_small_swift.md +0 -15
- data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_xsmall_swift.md +0 -15
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_add_on_swift.md +0 -35
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_default_swift.md +0 -29
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled_swift.md +0 -13
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_error_swift.md +0 -24
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_props_swift.md +0 -13
- data/app/pb_kits/playbook/pb_toggle/docs/_toggle_default_swift.md +0 -11
- data/app/pb_kits/playbook/pb_toggle/docs/_toggle_name_swift.md +0 -10
- 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:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: d2e75ac2b96498c068416a578e7ffe91d6f97831b1b44e2b80d647fb8ce0c3d1
|
4
|
+
data.tar.gz: f9605134e0684d8ba51ab2d6404ec4fd4699269b9fcd5cd714d43275a8f135f7
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
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
|
-
|
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
|
-
|
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
|
-
|
118
|
-
|
119
|
-
|
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
|
-
|
127
|
+
export { default as PbTooltip } from './pb_tooltip'
|
128
128
|
export { default as PbTypeahead } from './pb_typeahead'
|
129
|
-
|
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
|
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:
|
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
|
-
|
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?:
|
18
|
+
children?: Node;
|
20
19
|
className?: string;
|
21
20
|
colors?: string[];
|
22
|
-
dark?:
|
23
|
-
data?:
|
21
|
+
dark?: Boolean;
|
22
|
+
data?: Object;
|
24
23
|
dataLabelHtml?: string;
|
25
24
|
dataLabels?: boolean;
|
26
25
|
height?: string;
|
@@ -1,13 +1,13 @@
|
|
1
|
-
import 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?:
|
8
|
+
children?: Node,
|
9
9
|
className?: string,
|
10
|
-
data?:
|
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
|
-
|
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
|
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
|
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
|
-
{
|
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
|
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: ""
|
@@ -70,8 +70,8 @@ const TypeaheadWithHighlight = (props) => {
|
|
70
70
|
}
|
71
71
|
|
72
72
|
const customComponents = {
|
73
|
-
Option: (
|
74
|
-
<components.Option {...
|
73
|
+
Option: (highlightProps: OptionProps) => (
|
74
|
+
<components.Option {...highlightProps}/>
|
75
75
|
),
|
76
76
|
SingleValue: ({ data }: any) => (
|
77
77
|
<span>{data.name}</span>
|