playbook_ui 13.24.0.pre.alpha.PBNTR261NewKitDropdown2681 → 13.24.0.pre.alpha.PLAY998backgroundkitremoveemptyinlinline2666
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/_playbook.scss +0 -2
- data/app/pb_kits/playbook/index.js +0 -1
- data/app/pb_kits/playbook/pb_background/_background.tsx +7 -5
- data/app/pb_kits/playbook/pb_list/_list_item.tsx +2 -2
- data/app/pb_kits/playbook/playbook-doc.js +0 -2
- data/dist/menu.yml +1 -5
- data/dist/playbook-rails.js +5 -5
- data/lib/playbook/version.rb +1 -1
- metadata +2 -17
- data/app/pb_kits/playbook/pb_dropdown/_dropdown.scss +0 -92
- data/app/pb_kits/playbook/pb_dropdown/_dropdown.tsx +0 -152
- data/app/pb_kits/playbook/pb_dropdown/context/index.tsx +0 -5
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.jsx +0 -53
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.jsx +0 -104
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_options.jsx +0 -69
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger.jsx +0 -78
- data/app/pb_kits/playbook/pb_dropdown/docs/example.yml +0 -9
- data/app/pb_kits/playbook/pb_dropdown/docs/index.js +0 -4
- data/app/pb_kits/playbook/pb_dropdown/dropdown.test.jsx +0 -17
- data/app/pb_kits/playbook/pb_dropdown/hooks/useDropdown.tsx +0 -17
- data/app/pb_kits/playbook/pb_dropdown/hooks/useHandleOnKeydown.tsx +0 -53
- data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownContainer.tsx +0 -95
- data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownOption.tsx +0 -91
- data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownTrigger.tsx +0 -118
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: d91c1689890fbb2e1392ecc83ad7b869eea650744de932d645ed6ea4e566d161
|
4
|
+
data.tar.gz: e53e677351b6221797ed074c4cfdcb6ea842c33af17060167257101af7978db2
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: da048d8e1f09cb0d4640c8a1f50e6a1acaf5bb05707d9a843dc011b963b683e8931ec13f80d3f4c98a320addbacd3ca3e9c2a9eca20ff3242d05f4336362f156
|
7
|
+
data.tar.gz: 19a49a4274d753b4b496e8299df73a224ad6356f3ba2bf04d0817d9a69272b48f0c41eab40cb05a46a3dd041ce38a8f67b6cfaffdcf4a7c9092143b1e91950d4
|
@@ -1,6 +1,5 @@
|
|
1
1
|
|
2
2
|
|
3
|
-
|
4
3
|
@import 'pb_advanced_table/advanced_table';
|
5
4
|
@import 'pb_avatar/avatar';
|
6
5
|
@import 'pb_avatar_action_button/avatar_action_button';
|
@@ -31,7 +30,6 @@
|
|
31
30
|
@import 'pb_detail/detail';
|
32
31
|
@import 'pb_dialog/dialog';
|
33
32
|
@import 'pb_distribution_bar/distribution_bar';
|
34
|
-
@import 'pb_dropdown/dropdown';
|
35
33
|
@import 'pb_file_upload/file_upload';
|
36
34
|
@import 'pb_filter/filter';
|
37
35
|
@import 'pb_fixed_confirmation_toast/fixed_confirmation_toast';
|
@@ -35,7 +35,6 @@ export { default as DateYearStacked } from './pb_date_year_stacked/_date_year_st
|
|
35
35
|
export { default as Detail} from './pb_detail/_detail'
|
36
36
|
export { default as Dialog } from './pb_dialog/_dialog'
|
37
37
|
export { default as DistributionBar } from './pb_distribution_bar/_distribution_bar'
|
38
|
-
export { default as Dropdown} from './pb_dropdown/_dropdown'
|
39
38
|
export { default as FileUpload } from './pb_file_upload/_file_upload'
|
40
39
|
export { default as Filter } from './pb_filter/_filter'
|
41
40
|
export { default as FixedConfirmationToast } from './pb_fixed_confirmation_toast/_fixed_confirmation_toast'
|
@@ -65,7 +65,7 @@ const getResponsiveValue = <T extends string | undefined>(prop: ResponsiveProp<T
|
|
65
65
|
|
66
66
|
const Background = (props: BackgroundProps): React.ReactElement => {
|
67
67
|
const {
|
68
|
-
alt =
|
68
|
+
alt = undefined,
|
69
69
|
aria = {},
|
70
70
|
backgroundColor = 'light',
|
71
71
|
backgroundPosition = '',
|
@@ -130,11 +130,13 @@ const Background = (props: BackgroundProps): React.ReactElement => {
|
|
130
130
|
);
|
131
131
|
|
132
132
|
const backgroundStyle = {
|
133
|
-
backgroundImage: resImageUrl ? `url(${resImageUrl})` : undefined,
|
134
|
-
backgroundRepeat: resBackgroundRepeat || undefined,
|
135
|
-
backgroundSize: resBackgroundSize || undefined,
|
136
|
-
backgroundPosition: resBackgroundPosition || undefined,
|
137
133
|
backgroundColor: customColor || undefined,
|
134
|
+
...(resImageUrl !== '' ? {
|
135
|
+
backgroundImage: resImageUrl ? `url(${resImageUrl})` : undefined,
|
136
|
+
backgroundRepeat: resBackgroundRepeat || undefined,
|
137
|
+
backgroundPosition: resBackgroundPosition || undefined,
|
138
|
+
backgroundSize: resBackgroundSize || undefined,
|
139
|
+
} : {})
|
138
140
|
};
|
139
141
|
|
140
142
|
const Tag: React.ReactElement | any = `${tag}`;
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import React from 'react'
|
2
2
|
import classnames from 'classnames'
|
3
3
|
import { buildAriaProps, buildCss, buildDataProps, buildHtmlProps } from '../utilities/props'
|
4
|
-
import { globalProps
|
4
|
+
import { globalProps } from '../utilities/globalProps'
|
5
5
|
|
6
6
|
type ListItemProps = {
|
7
7
|
aria?: { [key: string]: string },
|
@@ -11,7 +11,7 @@ type ListItemProps = {
|
|
11
11
|
htmlOptions?: {[key: string]: string | number | boolean | (() => void)},
|
12
12
|
id?: string,
|
13
13
|
tabIndex?: number,
|
14
|
-
}
|
14
|
+
}
|
15
15
|
|
16
16
|
const ListItem = (props: ListItemProps) => {
|
17
17
|
const {
|
@@ -34,7 +34,6 @@ import * as DateYearStacked from 'pb_date_year_stacked/docs'
|
|
34
34
|
import * as Detail from 'pb_detail/docs'
|
35
35
|
import * as Dialog from 'pb_dialog/docs'
|
36
36
|
import * as DistributionBarDocs from 'pb_distribution_bar/docs'
|
37
|
-
import * as Dropdown from 'pb_dropdown/docs'
|
38
37
|
import * as FileUpload from 'pb_file_upload/docs'
|
39
38
|
import * as Filter from 'pb_filter/docs'
|
40
39
|
import * as FixedConfirmationToast from 'pb_fixed_confirmation_toast/docs'
|
@@ -137,7 +136,6 @@ WebpackerReact.registerComponents({
|
|
137
136
|
...Detail,
|
138
137
|
...Dialog,
|
139
138
|
...DistributionBarDocs,
|
140
|
-
...Dropdown,
|
141
139
|
...FileUpload,
|
142
140
|
...Filter,
|
143
141
|
...FixedConfirmationToast,
|
data/dist/menu.yml
CHANGED
@@ -254,10 +254,6 @@ kits:
|
|
254
254
|
platforms: *web
|
255
255
|
description: Playbook's date picker is built using flatpickr, a vanilla js library. Common date picker use cases and features have been adapted into simple prop based configuration detailed in the docs below.
|
256
256
|
status: "stable"
|
257
|
-
- name: dropdown
|
258
|
-
platforms: *react_only
|
259
|
-
description: ""
|
260
|
-
status: "beta"
|
261
257
|
- name: "multi_level_select"
|
262
258
|
platforms: *web
|
263
259
|
description: The MultiLevelSelect kit renders a multi leveled select dropdown based on data from the user.
|
@@ -464,4 +460,4 @@ kits:
|
|
464
460
|
- name: "user"
|
465
461
|
platforms: *web
|
466
462
|
description: This kit was created for having a systematic way of displaying users with avatar, titles, name and territory. This is a versatile kit with features than can be added to display more info.
|
467
|
-
status: "stable"
|
463
|
+
status: "stable"
|