playbook_ui 11.7.0 → 11.8.1

data/app/pb_kits/playbook/pb_table/docs/_table_two_plus_actions.html.erb

@@ -14,21 +14,21 @@
       <td>Value 2</td>
       <td>Value 3</td>
       <td>Value 4</td>
-      <td> <%= pb_rails("circle_icon_button", props: { variant: "secondary", icon: "ellipsis-h" }) %> </td>
+      <td align="right"> <%= pb_rails("circle_icon_button", props: { variant: "secondary", icon: "ellipsis-h" }) %> </td>
     </tr>
     <tr>
       <td>Value 1</td>
       <td>Value 2</td>
       <td>Value 3</td>
       <td>Value 4</td>
-      <td> <%= pb_rails("circle_icon_button", props: { variant: "secondary", icon: "ellipsis-h" }) %> </td>
+      <td align="right"> <%= pb_rails("circle_icon_button", props: { variant: "secondary", icon: "ellipsis-h" }) %> </td>
     </tr>
     <tr>
       <td>Value 1</td>
       <td>Value 2</td>
       <td>Value 3</td>
       <td>Value 4</td>
-      <td> <%= pb_rails("circle_icon_button", props: { variant: "secondary", icon: "ellipsis-h" }) %> </td>
+      <td align="right"> <%= pb_rails("circle_icon_button", props: { variant: "secondary", icon: "ellipsis-h" }) %> </td>
       </tr>
   </tbody>
 <% end %>

data/app/pb_kits/playbook/pb_table/docs/_table_two_plus_actions.jsx

@@ -24,7 +24,7 @@ const TableTwoPlusActions = (props) => {
           <td>{'Value 2'}</td>
           <td>{'Value 3'}</td>
           <td>{'Value 4'}</td>
-          <td>
+          <td align="right">
             {' '}
             <CircleIconButton
                 icon="ellipsis-h"
@@ -38,7 +38,7 @@ const TableTwoPlusActions = (props) => {
           <td>{'Value 2'}</td>
           <td>{'Value 3'}</td>
           <td>{'Value 4'}</td>
-          <td>
+          <td align="right">
             {' '}
             <CircleIconButton
                 icon="ellipsis-h"
@@ -53,7 +53,7 @@ const TableTwoPlusActions = (props) => {
           <td>{'Value 2'}</td>
           <td>{'Value 3'}</td>
           <td>{'Value 4'}</td>
-          <td>
+          <td align="right">
             {' '}
             <CircleIconButton
                 icon="ellipsis-h"

data/app/pb_kits/playbook/pb_textarea/docs/_textarea_default.jsx

@@ -1,8 +1,12 @@
-import React from 'react'
+import React, {useState} from 'react'
 
 import Textarea from '../_textarea'
 
 const TextareaDefault = (props) => {
+  const [value, setValue] = useState('Default value text')
+  const handleChange = (event) => {
+    setValue(event.target.value)
+  }
   return (
     <div>
       <Textarea
@@ -24,8 +28,9 @@ const TextareaDefault = (props) => {
       <Textarea
           label="Label"
           name="comment"
+          onChange={(e) => handleChange(e)}
           placeholder="Placeholder text"
-          value="Default value text"
+          value={value}
           {...props}
       />
 

data/app/pb_kits/playbook/pb_textarea/docs/_textarea_error.jsx

@@ -1,15 +1,20 @@
-import React from 'react'
+import React, {useState} from 'react'
 import { Textarea } from '../..'
 
 const TextareaError = (props) => {
+  const [value, setValue] = useState('default value text')
+  const handleChange = (event) => {
+    setValue(event.target.value)
+  }
   return (
     <div>
       <Textarea
           error="This field has an error!"
           label="Label"
           name="comment"
+          onChange={(e)=> handleChange(e)}
           placeholder="Placeholder text"
-          value="Default value text"
+          value={value}
           {...props}
       />
 

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "11.6.0"
-  VERSION = "11.7.0"
+  PREVIOUS_VERSION = "11.8.0"
+  VERSION = "11.8.1"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 11.7.0
+  version: 11.8.1
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-09-30 00:00:00.000000000 Z
+date: 2022-10-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -812,6 +812,10 @@ files:
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.jsx
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.md
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
+- app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height.jsx
+- app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height.md
+- app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height_placement.jsx
+- app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height_placement.md
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.jsx
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.md
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_separators.jsx
@@ -1254,14 +1258,17 @@ files:
 - app/pb_kits/playbook/pb_lightbox/Carousel/Thumbnails.tsx
 - app/pb_kits/playbook/pb_lightbox/Carousel/index.tsx
 - app/pb_kits/playbook/pb_lightbox/Header/_lightbox_header.tsx
-- app/pb_kits/playbook/pb_lightbox/Header/_lightbox_header_icon.tsx
 - app/pb_kits/playbook/pb_lightbox/_lightbox.tsx
 - app/pb_kits/playbook/pb_lightbox/_lightbox_context.tsx
+- app/pb_kits/playbook/pb_lightbox/docs/_description.md
 - app/pb_kits/playbook/pb_lightbox/docs/_lightbox_compound_component.jsx
 - app/pb_kits/playbook/pb_lightbox/docs/_lightbox_compound_component.md
+- app/pb_kits/playbook/pb_lightbox/docs/_lightbox_custom_header.jsx
+- app/pb_kits/playbook/pb_lightbox/docs/_lightbox_custom_header.md
 - app/pb_kits/playbook/pb_lightbox/docs/_lightbox_default.jsx
 - app/pb_kits/playbook/pb_lightbox/docs/_lightbox_default.md
 - app/pb_kits/playbook/pb_lightbox/docs/_lightbox_multiple.jsx
+- app/pb_kits/playbook/pb_lightbox/docs/_lightbox_multiple.md
 - app/pb_kits/playbook/pb_lightbox/docs/example.yml
 - app/pb_kits/playbook/pb_lightbox/docs/index.js
 - app/pb_kits/playbook/pb_lightbox/hooks/useKbdControls.ts

data/app/pb_kits/playbook/pb_lightbox/Header/_lightbox_header_icon.tsx

@@ -1,27 +0,0 @@
-/* @flow */
-
-import React from 'react'
-import Icon from '../../pb_icon/_icon'
-import {IconSizes} from '../../pb_icon/_icon'
-
-type LightboxHeaderIconProps = {
-  onClose: () => void,
-  icon: string,
-  iconSize: IconSizes,
-}
-
-export const LightboxHeaderIcon = (props: LightboxHeaderIconProps): React.ReactElement => {
-  const { onClose, icon, iconSize } = props
-  return (
-    <div
-        className="close-icon ml_sm"
-        onClick={onClose}
-    >
-      <Icon
-          fixedWidth
-          icon={icon}
-          size={iconSize}
-      />
-    </div>
-  )
-}