RubyGems - playbook_ui - Versions diffs - 4.17.0 → 5.0.1.pre.beta - Mend

playbook_ui 4.17.0 → 5.0.1.pre.beta

Files changed (208) hide show

	@@ -1,2 +0,0 @@
1	- import '../../pb_star_rating/_star_rating.jsx'
2	-

	@@ -1,2 +0,0 @@
1	- import '../../pb_stat_change/_stat_change.jsx'
2	-

	@@ -1,2 +0,0 @@
1	- import '../../pb_stat_value/_stat_value.jsx'
2	-

	@@ -1 +0,0 @@
1	- import '../../pb_table/_table.jsx'

	@@ -1 +0,0 @@
1	- import '../../pb_text_input/_text_input.jsx'

	@@ -1,2 +0,0 @@
1	- import '../../pb_textarea/_textarea.jsx'
2	-

	@@ -1,2 +0,0 @@
1	- import '../../pb_timestamp/_timestamp.jsx'
2	-

	@@ -1 +0,0 @@
1	- import '../../pb_title/_title.jsx'

	@@ -1,2 +0,0 @@
1	- import '../../pb_title_count/_title_count.jsx'
2	-

	@@ -1,2 +0,0 @@
1	- import '../../pb_title_detail/_title_detail.jsx'
2	-

	@@ -1,2 +0,0 @@
1	- import '../../pb_user_badge/_user_badge.jsx'
2	-

@@ -1,19 +0,0 @@
-<%= pb_rails("button", props: {
-  text: "Click me then click anywhere",
-  variant: "secondary",
-  id: 'any-popover-1'
-}) %>
-<%= pb_rails("popover", props: {
-  close_on_click: "any",
-  trigger_element_id: "any-popover-1",
-  tooltip_id: "any-tooltip-1",
-  position: 'right',
-  offset: false
-}) do %>
-    Whoa. I'm a popover that can be closed by clicking anywhere.
-<% end %>

@@ -1,40 +0,0 @@
-import React, { useState } from 'react'
-import {
-  Button,
-  PbReactPopover,
-} from '../..'
-const PopoverClickAny = () => {
-  const [showPopover, setShowPopover] = useState(false)
-  const handleTogglePopover = () => {
-    setShowPopover(!showPopover)
-  }
-  const handleShouldClosePopover = (shouldClosePopover) => {
-    setShowPopover(!shouldClosePopover)
-  }
-  const popoverTrigger = (
-    <Button
-        onClick={handleTogglePopover}
-        text="Button Secondary"
-        variant="secondary"
-    />
-  )
-  return (
-    <PbReactPopover
-        closeOnClick="any"
-        offset
-        placement="bottom"
-        reference={popoverTrigger}
-        shouldClosePopover={handleShouldClosePopover}
-        show={showPopover}
-    >
-      {'Whoa. I\'m a popover.'}
-    </PbReactPopover>
-  )
-}
-export default PopoverClickAny

@@ -1,14 +0,0 @@
-<%= pb_rails("button", props: { text: "Click me then click the popover", variant: "secondary", id: 'inside-popover-1' }) %>
-<%= pb_rails("popover", props: {
-  close_on_click: "inside",
-  trigger_element_id: "inside-popover-1",
-  tooltip_id: "inside-tooltip-1",
-  position: 'right',
-  offset: false
-}) do %>
-    Whoa. I'm a popover that can be closed by clicking inside of me.
-<% end %>

@@ -1,40 +0,0 @@
-import React, { useState } from 'react'
-import {
-  Button,
-  PbReactPopover,
-} from '../..'
-const PopoverClickInside = () => {
-  const [showPopover, setShowPopover] = useState(false)
-  const handleTogglePopover = () => {
-    setShowPopover(!showPopover)
-  }
-  const handleShouldClosePopover = (shouldClosePopover) => {
-    setShowPopover(!shouldClosePopover)
-  }
-  const popoverTrigger = (
-    <Button
-        onClick={handleTogglePopover}
-        text="Button Secondary"
-        variant="secondary"
-    />
-  )
-  return (
-    <PbReactPopover
-        closeOnClick="inside"
-        offset
-        placement="bottom"
-        reference={popoverTrigger}
-        shouldClosePopover={handleShouldClosePopover}
-        show={showPopover}
-    >
-      {'Whoa. I\'m a popover.'}
-    </PbReactPopover>
-  )
-}
-export default PopoverClickInside

@@ -1,14 +0,0 @@
-<%= pb_rails("button", props: { text: "Click me then click outside", variant: "secondary", id: 'outside-popover-1' }) %>
-<%= pb_rails("popover", props: {
-  close_on_click: "outside",
-  trigger_element_id: "outside-popover-1",
-  tooltip_id: "outside-tooltip-1",
-  position: 'right',
-  offset: false
-}) do %>
-    Whoa. I'm a popover that can be closed by clicking outside of me.
-<% end %>

@@ -1,40 +0,0 @@
-import React, { useState } from 'react'
-import {
-  Button,
-  PbReactPopover,
-} from '../..'
-const PopoverClickOutside = () => {
-  const [showPopover, setShowPopover] = useState(false)
-  const handleTogglePopover = () => {
-    setShowPopover(!showPopover)
-  }
-  const handleShouldClosePopover = (shouldClosePopover) => {
-    setShowPopover(!shouldClosePopover)
-  }
-  const popoverTrigger = (
-    <Button
-        onClick={handleTogglePopover}
-        text="Button Secondary"
-        variant="secondary"
-    />
-  )
-  return (
-    <PbReactPopover
-        closeOnClick="outside"
-        offset
-        placement="bottom"
-        reference={popoverTrigger}
-        shouldClosePopover={handleShouldClosePopover}
-        show={showPopover}
-    >
-      {'Whoa. I\'m a popover.'}
-    </PbReactPopover>
-  )
-}
-export default PopoverClickOutside

@@ -1,34 +0,0 @@
-import React, { useState } from 'react'
-import {
-  Button,
-  PbReactPopover,
-} from '../..'
-const PopoverWithButton = () => {
-  const [showPopover, setShowPopover] = useState(false)
-  const handleTogglePopover = () => {
-    setShowPopover(!showPopover)
-  }
-  const popoverReference = (
-    <Button
-        onClick={handleTogglePopover}
-        text="Button Secondary"
-        variant="secondary"
-    />
-  )
-  return (
-    <PbReactPopover
-        offset
-        placement="bottom"
-        reference={popoverReference}
-        show={showPopover}
-    >
-      {'Whoa. I\'m a popover.'}
-    </PbReactPopover>
-  )
-}
-export default PopoverWithButton

@@ -1,5 +0,0 @@
-<%# Future release %>
-<%= pb_rails("circle_icon_button", props: {variant: "primary", icon: "plus"}) %>
-<%= pb_rails("popover", props: {trigger_element_id: "regular-popover-2", tooltip_id: "tooltip-2", position: 'right', offset: false }) do %>
-    Hello popover.
-<% end %>