playbook_ui 11.2.5 → 11.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: bd92a1775a844fd8f606c1acd266c5ce645b45dd625195efdcd6a416ed8b5fa7
-  data.tar.gz: 3f27c1389870c46b76d5032b0c06480899095c920ed61d80c331d2f35de9e6fe
+  metadata.gz: 829ab73754749eeb3476c40cfaba3fb74e62e92744f725772b851b3c084a81ce
+  data.tar.gz: e42dc4f35cb80676454745307afba58a5d33e7deae5f68ff36074a28e78e3299
 SHA512:
-  metadata.gz: 53d6e1bb4c838f0f36a5e53f96c85756f2514c4fa27038f4e3d8f462cc5d7106c9252ee0614d47a5e47f4b68ee3ee22c2bf2c3d72e95d3ccb76d4c021167fba9
-  data.tar.gz: ecef6c648cd16239a594e8f6df5a6cd45699362beb921fb71a42c349b44e2d387327aef0337e89ee11a1b826c40abaacafadd9580bdaf47d5b921f551e9b7284
+  metadata.gz: 6c74669ef536138bc842fb3b2867d68716e10b15af93ea73233593bad06c7c0f01494d30e29cba67c7a2526401a854bf6ad00b259829a2adcfe4795969dbbcb5
+  data.tar.gz: 169d399c99f5fddd984fedb81e3701b85e918da087546259e84989bbf5f17a0227a9787494a8f524c2a50d38eccfc4badab2e9810e3e0b5cecd5585bb85883ac

data/app/pb_kits/playbook/pb_collapsible/{_collapsible.jsx → _collapsible.tsx}

@@ -1,7 +1,4 @@
-/* @flow */
-
 import React, { useState } from 'react'
-
 import classnames from 'classnames'
 
 import { globalProps } from '../utilities/globalProps'
@@ -12,8 +9,8 @@ import CollapsibleMain from './child_kits/CollapsibleMain'
 import CollapsibleContext from './context'
 
 type CollapsibleProps = {
-  children: CollapsibleMain | CollapsibleContent | ReactNode,
-  aria?: object,
+  children?: JSX.Element | [],
+  aria?: {[key: string]: string},
   className?: string,
   collapsed?: boolean,
   data?: object,
@@ -21,6 +18,7 @@ type CollapsibleProps = {
   padding?: string,
 }
 
+
 const useCollapsible = (initial = false) => {
   const [collapsed, setCollapsed] = useState(initial)
 
@@ -41,7 +39,7 @@ const Collapsible = ({
   ...props
 }: CollapsibleProps) => {
   const [isCollapsed, collapse] = useCollapsible(collapsed)
-  const CollapsibleParent = React.Children.toArray(children)
+  const CollapsibleParent = React.Children.toArray(children) as JSX.Element[]
 
   if (CollapsibleParent.length !== 2) {
     throw new Error('Collapsible requires <CollapsibleMain> and <CollapsibleContent> to function properly.')

data/app/pb_kits/playbook/pb_collapsible/child_kits/{CollapsibleContent.jsx → CollapsibleContent.tsx}

@@ -1,5 +1,3 @@
-/* @flow */
-
 import classnames from 'classnames'
 import React, { useContext } from 'react'
 import AnimateHeight from 'react-animate-height'
@@ -8,8 +6,8 @@ import { globalProps } from '../../utilities/globalProps'
 
 import CollapsibleContext from '../context'
 
-type CollapsibleContentProps = {
-  children: array<React.ReactNode> | React.ReactNode | string,
+export type CollapsibleContentProps = {
+  children?: React.ReactNode[] | React.ReactNode | string,
   className?: string,
   padding?: string,
 }
@@ -20,7 +18,7 @@ const CollapsibleContent = ({
   padding = 'md',
   ...props
 }: CollapsibleContentProps) => {
-  const context = useContext(CollapsibleContext)
+  const context: {[key: string]: boolean | string} = useContext(CollapsibleContext)
   const contentCSS = buildCss('pb_collapsible_content_kit')
   const contentSpacing = globalProps(props, { padding })
 

data/app/pb_kits/playbook/pb_collapsible/child_kits/{CollapsibleMain.jsx → CollapsibleMain.tsx}

@@ -1,4 +1,3 @@
-/* @flow */
 
 import classnames from 'classnames'
 import React, { useContext } from 'react'
@@ -10,13 +9,14 @@ import FlexItem from '../../pb_flex/_flex_item'
 import CollapsibleContext from '../context'
 
 type CollapsibleMainProps = {
-  children: array<React.ReactNode> | React.ReactNode,
+  children: React.ReactNode[] | React.ReactNode,
   className?: string,
   padding?: string,
+  cursor?: string
 }
 
 type IconProps = {
-  collapsed: boolean
+  collapsed: boolean | (()=> void)
 }
 
 const Icon = ({ collapsed }: IconProps) => {
@@ -40,7 +40,7 @@ const CollapsibleMain = ({
 
   ...props
 }: CollapsibleMainProps) => {
-  const context = useContext(CollapsibleContext)
+  const context: {[key: string]: (()=> void)} | boolean = useContext(CollapsibleContext)
   const mainCSS = buildCss('pb_collapsible_main_kit')
   const mainSpacing = globalProps(props, { cursor, padding })
 

data/app/pb_kits/playbook/pb_collapsible/types.d.ts

@@ -0,0 +1 @@
+declare module 'react-animate-height'

data/app/pb_kits/playbook/pb_currency/_currency.scss

@@ -23,6 +23,7 @@
   }
   [class^=pb_currency_wrapper] {
     display: flex;
+    align-items: baseline;
 
     &[class*=_deemphasized] [class^=pb_body_kit][class*=_light] {
       color: $text_lt_default;
@@ -48,7 +49,7 @@
 
     & > [class*=dollar_sign] {
       display: flex;
-      align-items: flex-start;
+      align-self: flex-start;
     }
     & > [class*=unit] {
       display: flex;

data/app/pb_kits/playbook/pb_dialog/_dialog.jsx

@@ -150,8 +150,10 @@ const Dialog = (props: DialogProps) => {
             shouldCloseOnOverlayClick={shouldCloseOnOverlayClick}
             status={status}
         >
-          <If condition={title && !status}>
+          <If condition={title}>
             <Dialog.Header>{title}</Dialog.Header>
+          </If>
+          <If condition={!status && text}>
             <Dialog.Body>{text}</Dialog.Body>
           </If>
           <If condition={status}>

data/app/pb_kits/playbook/pb_distribution_bar/{_distribution_bar.jsx → _distribution_bar.tsx}

@@ -1,26 +1,24 @@
-/* @flow */
-
 import React from 'react'
 import classnames from 'classnames'
 import { globalProps } from '../utilities/globalProps'
 
 type DistributionBarProps = {
   className?: string,
-  colors: array,
+  colors: [],
   data?: string,
   id?: string,
   size?: "lg" | "sm",
-  widths?: array<number>,
+  widths?: number[],
 }
 
-const normalizeCharacters = (widths) => {
+const normalizeCharacters = (widths:  number[]) => {
   return widths.map((width) => {
     return parseInt(width.toString().replace(/[^0-9.]/gi, ''))
   })
 }
 
-const barValues = (normalizedValues, colors) => {
-  const arrSum = (value) => value.reduce((a, b) => a + b, 0)
+const barValues = (normalizedValues: number[], colors: []) => {
+  const arrSum = (value: number[]) => value.reduce((a, b) => a + b, 0)
   const widthSum = arrSum(normalizedValues)
   return normalizedValues.map((value, i) => {
     return (

data/app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import DistributionBar from '../_distribution_bar.jsx'
+import DistributionBar from '../_distribution_bar'
 
 const DistributionBarCustomColors = (props) => {
   return (

data/app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_default.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import DistributionBar from '../_distribution_bar.jsx'
+import DistributionBar from '../_distribution_bar'
 
 const DistributionBarDefault = (props) => {
   return (

data/app/pb_kits/playbook/pb_list/list.rb

@@ -19,14 +19,12 @@ module Playbook
       prop :tabindex
 
       def list_classname
-        [
-          "pb_list_kit",
-          xpadding_class,
-          borderless_class,
-          dark_class,
-          size_class,
-          layout_class,
-        ].compact.join("_")
+        generate_classname("pb_list_kit",
+                           xpadding_class,
+                           borderless_class,
+                           dark_class,
+                           size_class,
+                           layout_class)
       end
 
       def ordered_class

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "11.2.4"
-  VERSION = "11.2.5"
+  PREVIOUS_VERSION = "11.2.7"
+  VERSION = "11.3.0"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 11.2.5
+  version: 11.3.0
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-08-10 00:00:00.000000000 Z
+date: 2022-08-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -567,10 +567,10 @@ files:
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_footer.md
 - app/pb_kits/playbook/pb_circle_icon_button/docs/example.yml
 - app/pb_kits/playbook/pb_circle_icon_button/docs/index.js
-- app/pb_kits/playbook/pb_collapsible/_collapsible.jsx
 - app/pb_kits/playbook/pb_collapsible/_collapsible.scss
-- app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleContent.jsx
-- app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleMain.jsx
+- app/pb_kits/playbook/pb_collapsible/_collapsible.tsx
+- app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleContent.tsx
+- app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleMain.tsx
 - app/pb_kits/playbook/pb_collapsible/collapsible.html.erb
 - app/pb_kits/playbook/pb_collapsible/collapsible.rb
 - app/pb_kits/playbook/pb_collapsible/collapsible.test.js
@@ -578,12 +578,13 @@ files:
 - app/pb_kits/playbook/pb_collapsible/collapsible_content.rb
 - app/pb_kits/playbook/pb_collapsible/collapsible_main.html.erb
 - app/pb_kits/playbook/pb_collapsible/collapsible_main.rb
-- app/pb_kits/playbook/pb_collapsible/context.js
+- app/pb_kits/playbook/pb_collapsible/context.ts
 - app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.html.erb
 - app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx
 - app/pb_kits/playbook/pb_collapsible/docs/example.yml
 - app/pb_kits/playbook/pb_collapsible/docs/index.js
 - app/pb_kits/playbook/pb_collapsible/index.js
+- app/pb_kits/playbook/pb_collapsible/types.d.ts
 - app/pb_kits/playbook/pb_contact/_contact.scss
 - app/pb_kits/playbook/pb_contact/_contact.tsx
 - app/pb_kits/playbook/pb_contact/contact.html.erb
@@ -809,8 +810,8 @@ files:
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_status.md
 - app/pb_kits/playbook/pb_dialog/docs/example.yml
 - app/pb_kits/playbook/pb_dialog/docs/index.js
-- app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.jsx
 - app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
+- app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.tsx
 - app/pb_kits/playbook/pb_distribution_bar/distribution_bar.html.erb
 - app/pb_kits/playbook/pb_distribution_bar/distribution_bar.rb
 - app/pb_kits/playbook/pb_distribution_bar/docs/_description.md