playbook_ui_docs 15.3.0.pre.alpha.PLAY2577reactpopoverappendToPOC11730 → 15.3.0.pre.alpha.PLAY260211779

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.
Files changed (10) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.jsx +4 -1
  3. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.md +3 -2
  4. data/app/pb_kits/playbook/pb_popover/docs/example.yml +0 -1
  5. data/app/pb_kits/playbook/pb_popover/docs/index.js +0 -1
  6. data/dist/playbook-doc.js +1 -1
  7. metadata +3 -5
  8. data/app/pb_kits/playbook/pb_popover/docs/_popover_append_to.jsx +0 -68
  9. data/app/pb_kits/playbook/pb_popover/docs/_popover_append_to_react.md +0 -1
  10. /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.PLAY2577reactpopoverappendToPOC11730
4
+ version: 15.3.0.pre.alpha.PLAY260211779
5
5
  platform: ruby
6
6
  authors:
7
7
  - Power UX
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2025-10-27 00:00:00.000000000 Z
12
+ date: 2025-10-28 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: playbook_ui
@@ -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.jsx
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
data/app/pb_kits/playbook/pb_popover/docs/_popover_append_to.jsx DELETED
@@ -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
- &nbsp;
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
- &nbsp;
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;
data/app/pb_kits/playbook/pb_popover/docs/_popover_append_to_react.md DELETED
@@ -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.