playbook_ui 13.12.0.pre.alpha.PLAY1081exporttypes1624 → 13.12.0.pre.alpha.PLAY1093typeaheadkitdocbug1577
Sign up to get free protection for your applications and to get access to all the features.
- 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>
|