playbook_ui_docs 14.1.0.pre.alpha.pbntr373enablekitsforradio3595 → 14.1.0
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/pb_badge/docs/_badge_notification.html.erb +0 -13
- data/app/pb_kits/playbook/pb_badge/docs/_badge_notification.jsx +12 -31
- data/app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx +5 -1
- data/app/pb_kits/playbook/pb_dialog/docs/example.yml +0 -1
- data/app/pb_kits/playbook/pb_dialog/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb +0 -1
- data/app/pb_kits/playbook/pb_form_pill/docs/example.yml +2 -2
- data/app/pb_kits/playbook/pb_pagination/docs/example.yml +1 -3
- data/app/pb_kits/playbook/pb_radio/docs/example.yml +0 -1
- data/app/pb_kits/playbook/pb_radio/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/example.yml +0 -1
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/index.js +1 -2
- data/dist/playbook-doc.js +1 -1
- metadata +6 -18
- data/app/pb_kits/playbook/pb_dialog/docs/_dialog_loading.jsx +0 -46
- data/app/pb_kits/playbook/pb_gantt_chart/docs/_gantt_chart_default.jsx +0 -53
- data/app/pb_kits/playbook/pb_gantt_chart/docs/example.yml +0 -7
- data/app/pb_kits/playbook/pb_gantt_chart/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_pagination/docs/_pagination_default.jsx +0 -19
- data/app/pb_kits/playbook/pb_pagination/docs/_pagination_default_react.md +0 -1
- data/app/pb_kits/playbook/pb_pagination/docs/_pagination_page_change.jsx +0 -62
- data/app/pb_kits/playbook/pb_pagination/docs/_pagination_page_change_react.md +0 -1
- data/app/pb_kits/playbook/pb_pagination/docs/data.js +0 -23
- data/app/pb_kits/playbook/pb_pagination/docs/index.js +0 -2
- data/app/pb_kits/playbook/pb_radio/docs/_radio_children.jsx +0 -51
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_preview.jsx +0 -73
- /data/app/pb_kits/playbook/pb_pagination/docs/{_pagination_default_rails.md → _pagination_default.md} +0 -0
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 406bc46bed7380d01b7a176998c6deac3b1455ded6c4fe6b60849239ad760d5b
|
4
|
+
data.tar.gz: 3a664e6180357a7bed7dd9553b1fe2077f8b22da5645db510c9a8ec65973be07
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 963dd340fe50002142c443330a55c382c2f59b410a652c0c5b6f48149b17751c5b6bee93d661c7ee5da61949d0a6b7fbef62d6c8be2b190c5b5d5d1a2e7f1946
|
7
|
+
data.tar.gz: 21baf141c6ae19e4c606713cfefdf324aed74d4852fc48ecff41af2b405544afb3c83750c82e97f73278a844c0bdf337cfbbed9895e1ae597c41678c2a287ab3
|
@@ -10,16 +10,3 @@
|
|
10
10
|
variant: "notification"
|
11
11
|
}) %>
|
12
12
|
</div>
|
13
|
-
|
14
|
-
<div>
|
15
|
-
<%= pb_rails("badge", props: {
|
16
|
-
text: "1",
|
17
|
-
variant: "notification_error",
|
18
|
-
rounded: true
|
19
|
-
}) %>
|
20
|
-
|
21
|
-
<%= pb_rails("badge", props: {
|
22
|
-
text: "4",
|
23
|
-
variant: "notification_error"
|
24
|
-
}) %>
|
25
|
-
</div>
|
@@ -4,39 +4,20 @@ import Badge from '../_badge'
|
|
4
4
|
const BadgeNotification = (props) => {
|
5
5
|
return (
|
6
6
|
<>
|
7
|
-
<
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
/>
|
7
|
+
<Badge
|
8
|
+
rounded
|
9
|
+
text="1"
|
10
|
+
variant="notification"
|
11
|
+
{...props}
|
12
|
+
/>
|
14
13
|
|
15
|
-
|
14
|
+
|
16
15
|
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
</div>
|
23
|
-
|
24
|
-
<div>
|
25
|
-
<Badge
|
26
|
-
rounded
|
27
|
-
text="1"
|
28
|
-
variant="notificationError"
|
29
|
-
{...props}
|
30
|
-
/>
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
<Badge
|
35
|
-
text="4"
|
36
|
-
variant="notificationError"
|
37
|
-
{...props}
|
38
|
-
/>
|
39
|
-
</div>
|
16
|
+
<Badge
|
17
|
+
text="4"
|
18
|
+
variant="notification"
|
19
|
+
{...props}
|
20
|
+
/>
|
40
21
|
</>
|
41
22
|
)
|
42
23
|
}
|
@@ -5,17 +5,21 @@ const DialogDefault = () => {
|
|
5
5
|
const [isOpen, setIsOpen] = useState(false)
|
6
6
|
const close = () => setIsOpen(false)
|
7
7
|
const open = () => setIsOpen(true)
|
8
|
+
const [isLoading, setIsLoading] = useState(false)
|
8
9
|
|
9
10
|
return (
|
10
11
|
<>
|
11
12
|
<Button onClick={open}>{'Open Dialog'}</Button>
|
12
13
|
<Dialog
|
13
14
|
cancelButton="Cancel Button"
|
15
|
+
className="wrapper"
|
14
16
|
confirmButton="Okay"
|
17
|
+
loading={isLoading}
|
15
18
|
onCancel={close}
|
16
19
|
onClose={close}
|
17
|
-
onConfirm={
|
20
|
+
onConfirm={() => setIsLoading(!isLoading)}
|
18
21
|
opened={isOpen}
|
22
|
+
portalClassName="portal"
|
19
23
|
size="sm"
|
20
24
|
text="Hello Body Text, Nice to meet ya."
|
21
25
|
title="Header Title is the Title Prop"
|
@@ -8,4 +8,3 @@ export { default as DialogStatus } from './_dialog_status.jsx'
|
|
8
8
|
export { default as DialogStackedAlert } from './_dialog_stacked_alert.jsx'
|
9
9
|
export { default as DialogFullHeight } from './_dialog_full_height.jsx'
|
10
10
|
export { default as DialogFullHeightPlacement } from './_dialog_full_height_placement.jsx'
|
11
|
-
export { default as DialogLoading } from './_dialog_loading.jsx'
|
@@ -35,7 +35,6 @@
|
|
35
35
|
<%= form.collection_select :example_collection_select, example_collection, :value, :name, props: { label: true, blank_selection: "Select One...", required: true } %>
|
36
36
|
<%= form.check_box :example_checkbox, props: { text: "Example Checkbox", label: true, required: true } %>
|
37
37
|
<%= form.date_picker :example_date_picker_2, props: { label: true, required: true } %>
|
38
|
-
<%= form.star_rating_field :example_star_rating, props: { variant: "interactive", label: true, required: true } %>
|
39
38
|
|
40
39
|
<%= form.actions do |action| %>
|
41
40
|
<%= action.submit %>
|
@@ -5,11 +5,11 @@ examples:
|
|
5
5
|
- form_pill_size: Form Pill Size
|
6
6
|
- form_pill_tag: Form Pill Tag
|
7
7
|
- form_pill_example: Example
|
8
|
-
- form_pill_icon: Form Pill Icon
|
8
|
+
# - form_pill_icon: Form Pill Icon
|
9
9
|
|
10
10
|
react:
|
11
11
|
- form_pill_user: Form Pill User
|
12
12
|
- form_pill_size: Form Pill Size
|
13
13
|
- form_pill_tag: Form Pill Tag
|
14
14
|
- form_pill_example: Example
|
15
|
-
- form_pill_icon: Form Pill Icon
|
15
|
+
# - form_pill_icon: Form Pill Icon
|
@@ -3,4 +3,3 @@ export { default as RadioCustom } from './_radio_custom.jsx'
|
|
3
3
|
export { default as RadioError } from './_radio_error.jsx'
|
4
4
|
export { default as RadioAlignment } from './_radio_alignment.jsx'
|
5
5
|
export { default as RadioDisabled } from './_radio_disabled.jsx'
|
6
|
-
export { default as RadioChildren } from './_radio_children.jsx'
|
@@ -9,5 +9,4 @@ export { default as RichTextEditorInline } from './_rich_text_editor_inline.jsx'
|
|
9
9
|
export { default as RichTextEditorPreview } from './_rich_text_editor_preview.jsx'
|
10
10
|
export { default as RichTextEditorAdvancedDefault } from './_rich_text_editor_advanced_default.jsx'
|
11
11
|
export { default as RichTextEditorMoreExtensions } from './_rich_text_editor_more_extensions.jsx'
|
12
|
-
export { default as RichTextEditorToolbarDisabled } from './_rich_text_editor_toolbar_disabled.jsx'
|
13
|
-
export { default as RichTextEditorAdvancedPreview } from './_rich_text_editor_advanced_preview.jsx'
|
12
|
+
export { default as RichTextEditorToolbarDisabled } from './_rich_text_editor_toolbar_disabled.jsx'
|