playbook_ui 9.18.0.flow.bin.alpha → 10.0.0

data/app/pb_kits/playbook/pb_icon/docs/_icon_animate.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { Icon } from '../../'
+
+import Icon from '../_icon'
 
 const IconAnimate = (props) => {
   return (

data/app/pb_kits/playbook/pb_icon/docs/_icon_border.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { Icon } from '../../'
+
+import Icon from '../_icon'
 
 const IconBorder = (props) => {
   return (

data/app/pb_kits/playbook/pb_icon/docs/_icon_custom.jsx

@@ -0,0 +1,34 @@
+import React from 'react'
+import { Icon } from '../../'
+
+// import Icons as config from 'power-icons'
+const config = {
+  moon: (
+    <svg
+        aria-hidden="true"
+        focusable="false"
+        role="img"
+        viewBox="0 0 512 512"
+        xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+          d="M448 0H64C28.7 0 0 28.7 0 64v288c0 35.3 28.7 64 64 64h96v84c0 7.1 5.8 12 12 12 2.4 0 4.9-.7 7.1-2.4L304 416h144c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64zm16 352c0 8.8-7.2 16-16 16H288l-12.8 9.6L208 428v-60H64c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16h384c8.8 0 16 7.2 16 16v288zM336 184h-56v-56c0-8.8-7.2-16-16-16h-16c-8.8 0-16 7.2-16 16v56h-56c-8.8 0-16 7.2-16 16v16c0 8.8 7.2 16 16 16h56v56c0 8.8 7.2 16 16 16h16c8.8 0 16-7.2 16-16v-56h56c8.8 0 16-7.2 16-16v-16c0-8.8-7.2-16-16-16z"
+          fill="currentColor"
+      />
+    </svg>
+  ),
+}
+
+const IconCustom = (props) => {
+  return (
+    <div>
+      <Icon
+          customIcon={config.moon}
+          size="7x"
+          {...props}
+      />
+    </div>
+  )
+}
+
+export default IconCustom

data/app/pb_kits/playbook/pb_icon/docs/_icon_default.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { Icon } from '../../'
+
+import Icon from '../_icon'
 
 const IconDefault = (props) => {
   return (

data/app/pb_kits/playbook/pb_icon/docs/_icon_flip.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { Icon } from '../../'
+
+import Icon from '../_icon'
 
 const IconFlip = (props) => {
   return (

data/app/pb_kits/playbook/pb_icon/docs/_icon_pull.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { Icon } from '../../'
+
+import Icon from '../_icon'
 
 const IconPull = (props) => {
   return (

data/app/pb_kits/playbook/pb_icon/docs/_icon_rotate.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { Icon } from '../../'
+
+import Icon from '../_icon'
 
 const IconRotate = (props) => {
   return (

data/app/pb_kits/playbook/pb_icon/docs/_icon_sizes.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { Icon } from '../../'
+
+import Icon from '../_icon'
 
 const IconSizes = (props) => {
   return (

data/app/pb_kits/playbook/pb_icon/docs/example.yml

@@ -16,3 +16,4 @@ examples:
   - icon_pull: Icon Pull
   - icon_border: Icon Border
   - icon_sizes: Icon Sizes
+  - icon_custom: Icon Custom

data/app/pb_kits/playbook/pb_icon/docs/index.js

@@ -5,3 +5,4 @@ export { default as IconAnimate } from './_icon_animate.jsx'
 export { default as IconPull } from './_icon_pull.jsx'
 export { default as IconBorder } from './_icon_border.jsx'
 export { default as IconSizes } from './_icon_sizes.jsx'
+export { default as IconCustom } from './_icon_custom.jsx'

data/app/pb_kits/playbook/pb_icon_circle/_icon_circle.jsx

@@ -4,9 +4,10 @@ import React from 'react'
 
 import classnames from 'classnames'
 
-import { Icon } from '../'
 import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
-import { globalProps } from '../utilities/globalProps.js'
+import { globalProps } from '../utilities/globalProps'
+
+import Icon from '../pb_icon/_icon'
 
 type IconCircleProps = {
   aria?: object,

data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { IconCircle } from '../../'
+
+import IconCircle from '../_icon_circle'
 
 const IconCircleColor = (props) => {
   return (

data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_default.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { IconCircle } from '../../'
+
+import IconCircle from '../_icon_circle'
 
 const IconCircleDefault = (props) => {
   return (

data/app/pb_kits/playbook/pb_icon_stat_value/_icon_stat_value.jsx

@@ -2,10 +2,16 @@
 
 import React from 'react'
 import classnames from 'classnames'
+
 import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
-import { Body, Caption, Flex, IconCircle, Title } from '../'
 import { globalProps } from '../utilities/globalProps.js'
 
+import Body from '../pb_body/_body'
+import Caption from '../pb_caption/_caption'
+import Flex from '../pb_flex/_flex'
+import IconCircle from '../pb_icon_circle/_icon_circle'
+import Title from '../pb_title/_title'
+
 type IconStatValueProps = {
   aria?: object,
   className?: string,

data/app/pb_kits/playbook/pb_icon_value/_icon_value.jsx

@@ -2,11 +2,12 @@
 
 import React from 'react'
 import classnames from 'classnames'
-import { Body, Icon } from '../'
 
 import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
+import { globalProps } from '../utilities/globalProps'
 
-import { globalProps } from '../utilities/globalProps.js'
+import Body from '../pb_body/_body'
+import Icon from '../pb_icon/_icon'
 
 type IconValueProps = {
   align?: "left" | "center" | "right",

data/app/pb_kits/playbook/pb_icon_value/docs/_icon_value_align.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { IconValue } from '../../'
+
+import IconValue from '../_icon_value'
 
 const IconValueAlign = (props) => {
   return (

data/app/pb_kits/playbook/pb_icon_value/docs/_icon_value_default.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { IconValue } from '../../'
+
+import IconValue from '../_icon_value'
 
 const IconValueDefault = (props) => {
   return (

data/app/pb_kits/playbook/pb_image/docs/_custom_error_image.jsx

@@ -1,5 +1,8 @@
 import React from 'react'
-import { Body, Image } from '../../'
+
+import Image from '../_image'
+
+import Body from '../../pb_body/_body'
 
 const CustomErrorImage = (props) => {
   return (

data/app/pb_kits/playbook/pb_image/docs/_default_image.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { Image } from '../../'
+
+import Image from '../_image'
 
 const DefaultImage = (props) => {
   return (

data/app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { Image } from '../../'
+
+import Image from '../_image'
 
 const RoundedImage = (props) => {
   return (

data/app/pb_kits/playbook/pb_kit/dateTime.js

@@ -2,8 +2,8 @@
 /*eslint-disable flowtype/space-before-type-colon */
 
 import moment from 'moment'
-require('moment-strftime')
-require('moment-timezone')
+import 'moment-strftime'
+import 'moment-timezone'
 
 type DateTimeType = {
   value: String | Date,

data/app/pb_kits/playbook/pb_label_pill/_label_pill.jsx

@@ -6,7 +6,8 @@ import { globalProps } from '../utilities/globalProps.js'
 
 import { buildAriaProps, buildDataProps } from '../utilities/props'
 
-import { Caption, Pill } from '../'
+import Pill from '../pb_pill/_pill'
+import Caption from '../pb_caption/_caption'
 
 type LabelPillProps = {
   aria?: object,

data/app/pb_kits/playbook/pb_label_pill/docs/_label_pill_default.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { LabelPill } from '../../'
+
+import LabelPill from '../_label_pill'
 
 const LabelPillDefault = (props) => (
 

data/app/pb_kits/playbook/pb_label_value/_label_value.jsx

@@ -4,8 +4,13 @@ import React from 'react'
 import classnames from 'classnames'
 import DateTime from '../pb_kit/dateTime.js'
 import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
-import { globalProps } from '../utilities/globalProps.js'
-import { Body, Caption, Flex, Icon, Title } from '../'
+import { globalProps } from '../utilities/globalProps'
+
+import Body from '../pb_body/_body'
+import Caption from '../pb_caption/_caption'
+import Flex from '../pb_flex/_flex'
+import Icon from '../pb_icon/_icon'
+import Title from '../pb_title/_title'
 
 type LabelValueProps = {
   active?: boolean,

data/app/pb_kits/playbook/pb_layout/docs/_layout_collection.jsx

@@ -1,5 +1,8 @@
 import React from 'react'
-import { Card, Layout } from '../../'
+
+import Layout from '../_layout'
+
+import Card from '../../pb_card/_card'
 
 const LayoutCollection = (props) => {
   return (

data/app/pb_kits/playbook/pb_layout/docs/_layout_collection_detail.jsx

@@ -1,5 +1,11 @@
 import React from 'react'
-import { Card, Layout, Nav, NavItem } from '../../'
+
+import Layout from '../_layout'
+
+import Card from '../../pb_card/_card'
+import Nav from '../../pb_nav/_nav'
+import NavItem from '../../pb_nav/_item'
+
 const Cards = ({ n }) => {
   const cards = []
   for (let i = 0; i < n; ++i) {

data/app/pb_kits/playbook/pb_layout/docs/_layout_colors.jsx

@@ -1,5 +1,8 @@
 import React from 'react'
-import { Body, Layout } from '../../'
+
+import Layout from '../_layout'
+
+import Body from '../../pb_body/_body'
 
 const LayoutColor = (props) => {
   return (

data/app/pb_kits/playbook/pb_layout/docs/_layout_content.jsx

@@ -1,5 +1,8 @@
 import React from 'react'
-import { Card, Layout } from '../../'
+
+import Layout from '../_layout'
+
+import Card from '../../pb_card/_card'
 
 const LayoutContent = () => {
   return (

data/app/pb_kits/playbook/pb_layout/docs/_layout_kanban.jsx

@@ -1,16 +1,15 @@
 import React from 'react'
-import {
-  Avatar,
-  Caption,
-  Card,
-  Flex,
-  FlexItem,
-  Icon,
-  Layout,
-  MultipleUsers,
-  Timestamp,
-  Title,
-} from '../../'
+
+import Avatar from '../../pb_avatar/_avatar'
+import Caption from '../../pb_caption/_caption'
+import Card from '../../pb_card/_card'
+import Flex from '../../pb_flex/_flex'
+import FlexItem from '../../pb_flex/_flex_item'
+import Icon from '../../pb_icon/_icon'
+import Layout from '../../pb_layout/_layout'
+import MultipleUsers from '../../pb_multiple_users/_multiple_users'
+import Timestamp from '../../pb_timestamp/_timestamp'
+import Title from '../../pb_title/_title'
 
 const LayoutKanban = (props) => {
   return (

data/app/pb_kits/playbook/pb_layout/docs/_layout_kanban_responsive.jsx

@@ -1,5 +1,9 @@
 import React from 'react'
-import { Caption, Card, Layout } from '../../'
+
+import Layout from '../_layout'
+
+import Card from '../../pb_card/_card'
+import Caption from '../../pb_caption/_caption'
 
 const LayoutKanbanResponsive = (props) => {
   return (

data/app/pb_kits/playbook/pb_layout/docs/_layout_masonry.jsx

@@ -1,5 +1,8 @@
 import React from 'react'
-import { Image, Layout } from '../../'
+
+import Layout from '../_layout'
+
+import Image from '../../pb_image/_image'
 
 const LayoutMasonry = (props) => {
   return (

data/app/pb_kits/playbook/pb_layout/docs/_layout_sizes.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { Layout } from '../../'
+
+import Layout from '../_layout'
 
 const LayoutSizes = (props) => {
   return (

data/app/pb_kits/playbook/pb_layout/docs/_layout_transparent.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { Layout } from '../../'
+
+import Layout from '../_layout'
 
 const LayoutTransparent = (props) => {
   return (

data/app/pb_kits/playbook/pb_legend/_legend.jsx

@@ -2,10 +2,12 @@
 
 import React from 'react'
 import classnames from 'classnames'
+
 import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
-import { globalProps } from '../utilities/globalProps.js'
+import { globalProps } from '../utilities/globalProps'
 
-import { Body, Title } from '../'
+import Body from '../pb_body/_body'
+import Title from '../pb_title/_title'
 
 type LegendProps = {
   aria?: object,

data/app/pb_kits/playbook/pb_legend/docs/_legend_default.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { Legend } from '../../'
+
+import Legend from '../_legend'
 
 const products = ['Windows', 'Doors', 'Roofing', 'Siding', 'Solar Gutters', 'Insulation', 'Other']
 

data/app/pb_kits/playbook/pb_line_graph/_line_graph.jsx

@@ -2,8 +2,9 @@
 
 import React from 'react'
 import classnames from 'classnames'
+
 import { globalProps } from '../utilities/globalProps.js'
-import { pbChart } from '../'
+import pbChart from '../plugins/pb_chart'
 
 type LineGraphProps = {
   axisTitle?: string,

data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_default.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { LineGraph } from '../../'
+
+import LineGraph from '../_line_graph'
 
 const data = [{
   name: 'Installation',

data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_height.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { LineGraph } from '../../'
+import LineGraph from '../_line_graph'
 
 const data = [{
   name: 'Number of Installations',