playbook_ui_docs 15.3.0.pre.alpha.PLAY2577reactpopoverappendToPOC11730 → 15.3.0.pre.alpha.play259311731
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/pb_popover/docs/example.yml +0 -1
- data/app/pb_kits/playbook/pb_popover/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_options.html.erb +64 -0
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_options.jsx +70 -0
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_options.md +1 -0
- data/app/pb_kits/playbook/pb_typeahead/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_typeahead/docs/index.js +2 -1
- data/dist/playbook-doc.js +2 -2
- metadata +5 -4
- data/app/pb_kits/playbook/pb_popover/docs/_popover_append_to.jsx +0 -68
- data/app/pb_kits/playbook/pb_popover/docs/_popover_append_to_react.md +0 -1
- /data/app/pb_kits/playbook/pb_popover/docs/{_popover_append_to_rails.md → _popover_append_to.md} +0 -0
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: playbook_ui_docs
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 15.3.0.pre.alpha.
|
|
4
|
+
version: 15.3.0.pre.alpha.play259311731
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Power UX
|
|
@@ -1820,9 +1820,7 @@ files:
|
|
|
1820
1820
|
- app/pb_kits/playbook/pb_popover/docs/_popover_actionable_content.html.erb
|
|
1821
1821
|
- app/pb_kits/playbook/pb_popover/docs/_popover_actionable_content.jsx
|
|
1822
1822
|
- app/pb_kits/playbook/pb_popover/docs/_popover_append_to.html.erb
|
|
1823
|
-
- app/pb_kits/playbook/pb_popover/docs/_popover_append_to.
|
|
1824
|
-
- app/pb_kits/playbook/pb_popover/docs/_popover_append_to_rails.md
|
|
1825
|
-
- app/pb_kits/playbook/pb_popover/docs/_popover_append_to_react.md
|
|
1823
|
+
- app/pb_kits/playbook/pb_popover/docs/_popover_append_to.md
|
|
1826
1824
|
- app/pb_kits/playbook/pb_popover/docs/_popover_close.html.erb
|
|
1827
1825
|
- app/pb_kits/playbook/pb_popover/docs/_popover_close.jsx
|
|
1828
1826
|
- app/pb_kits/playbook/pb_popover/docs/_popover_default.html.erb
|
|
@@ -2497,6 +2495,9 @@ files:
|
|
|
2497
2495
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_async_createable.jsx
|
|
2498
2496
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_createable.jsx
|
|
2499
2497
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_menu_list.jsx
|
|
2498
|
+
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_options.html.erb
|
|
2499
|
+
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_options.jsx
|
|
2500
|
+
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_options.md
|
|
2500
2501
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.html.erb
|
|
2501
2502
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.jsx
|
|
2502
2503
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default_options.html.erb
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import React, { useState } from "react";
|
|
2
|
-
import { PbReactPopover, CircleIconButton, Body, Flex } from "playbook-ui";
|
|
3
|
-
|
|
4
|
-
const PopoverAppendTo = (props) => {
|
|
5
|
-
const [showParentPopover, setShowParentPopover] = useState(false);
|
|
6
|
-
const [showSelectorPopover, setShowSelectorPopover] = useState(false);
|
|
7
|
-
|
|
8
|
-
const parentPopoverReference = (
|
|
9
|
-
<CircleIconButton
|
|
10
|
-
icon="info"
|
|
11
|
-
onClick={() => setShowParentPopover(!showParentPopover)}
|
|
12
|
-
variant="secondary"
|
|
13
|
-
/>
|
|
14
|
-
);
|
|
15
|
-
|
|
16
|
-
const selectorPopoverReference = (
|
|
17
|
-
<CircleIconButton
|
|
18
|
-
icon="info"
|
|
19
|
-
onClick={() => setShowSelectorPopover(!showSelectorPopover)}
|
|
20
|
-
variant="secondary"
|
|
21
|
-
/>
|
|
22
|
-
);
|
|
23
|
-
|
|
24
|
-
return (
|
|
25
|
-
<>
|
|
26
|
-
<Flex
|
|
27
|
-
marginBottom="md"
|
|
28
|
-
orientation="row"
|
|
29
|
-
vertical="center"
|
|
30
|
-
{...props}
|
|
31
|
-
>
|
|
32
|
-
<Body text="Click info for more details" />
|
|
33
|
-
|
|
34
|
-
<PbReactPopover
|
|
35
|
-
appendTo="parent"
|
|
36
|
-
offset
|
|
37
|
-
placement="top"
|
|
38
|
-
reference={parentPopoverReference}
|
|
39
|
-
show={showParentPopover}
|
|
40
|
-
{...props}
|
|
41
|
-
>
|
|
42
|
-
{'I\'m a popover. I have been appended to my parent element.'}
|
|
43
|
-
</PbReactPopover>
|
|
44
|
-
</Flex>
|
|
45
|
-
|
|
46
|
-
<Flex
|
|
47
|
-
orientation="row"
|
|
48
|
-
vertical="center"
|
|
49
|
-
{...props}
|
|
50
|
-
>
|
|
51
|
-
<Body text="Click info for more details" />
|
|
52
|
-
|
|
53
|
-
<PbReactPopover
|
|
54
|
-
appendTo=".kit-show-wrapper"
|
|
55
|
-
offset
|
|
56
|
-
placement="top"
|
|
57
|
-
reference={selectorPopoverReference}
|
|
58
|
-
show={showSelectorPopover}
|
|
59
|
-
{...props}
|
|
60
|
-
>
|
|
61
|
-
{'I\'m a popover. I have been appended to the .kit-show-wrapper.'}
|
|
62
|
-
</PbReactPopover>
|
|
63
|
-
</Flex>
|
|
64
|
-
</>
|
|
65
|
-
);
|
|
66
|
-
};
|
|
67
|
-
|
|
68
|
-
export default PopoverAppendTo;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
By default, the popover tooltip attaches to the `<body>`. To attach it elsewhere, use the `appendTo` prop. Set it to `"parent"` to place the tooltip inside its parent element, or pass any CSS selector (`#id` or `.class`) to specify a custom container.
|
/data/app/pb_kits/playbook/pb_popover/docs/{_popover_append_to_rails.md → _popover_append_to.md}
RENAMED
|
File without changes
|