playbook_ui 12.14.0 → 12.16.0.pre.alpha.tiptaptestingpart1528

metadata

@@ -1,15 +1,15 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 12.14.0
+  version: 12.16.0.pre.alpha.tiptaptestingpart1528
 platform: ruby
 authors:
 - Power UX
 - Power Devs
-autorequire:
+autorequire: 
 bindir: bin
 cert_chain: []
-date: 2023-04-06 00:00:00.000000000 Z
+date: 2023-04-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -979,7 +979,6 @@ files:
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/index.js
 - app/pb_kits/playbook/pb_flex/_flex.scss
 - app/pb_kits/playbook/pb_flex/_flex.tsx
-- app/pb_kits/playbook/pb_flex/_flex_item.jsx
 - app/pb_kits/playbook/pb_flex/_flex_item.scss
 - app/pb_kits/playbook/pb_flex/_flex_item.tsx
 - app/pb_kits/playbook/pb_flex/docs/_description.md
@@ -1718,9 +1717,17 @@ files:
 - app/pb_kits/playbook/pb_radio/radio.html.erb
 - app/pb_kits/playbook/pb_radio/radio.rb
 - app/pb_kits/playbook/pb_radio/radio.test.js
+- app/pb_kits/playbook/pb_rich_text_editor/TipTap/EditorButton.tsx
+- app/pb_kits/playbook/pb_rich_text_editor/TipTap/EditorTypes.ts
+- app/pb_kits/playbook/pb_rich_text_editor/TipTap/Toolbar.tsx
+- app/pb_kits/playbook/pb_rich_text_editor/TipTap/ToolbarDropdown.tsx
+- app/pb_kits/playbook/pb_rich_text_editor/TipTap/ToolbarHistory.tsx
+- app/pb_kits/playbook/pb_rich_text_editor/TipTap/ToolbarNodes.tsx
 - app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.scss
 - app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.tsx
+- app/pb_kits/playbook/pb_rich_text_editor/_tiptap_styles.scss
 - app/pb_kits/playbook/pb_rich_text_editor/_trix_styles.scss
+- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_default.jsx
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_attributes.html.erb
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_attributes.jsx
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default.html.erb
@@ -1873,8 +1880,8 @@ files:
 - app/pb_kits/playbook/pb_source/source.html.erb
 - app/pb_kits/playbook/pb_source/source.rb
 - app/pb_kits/playbook/pb_source/source.test.js
-- app/pb_kits/playbook/pb_star_rating/_star_rating.jsx
 - app/pb_kits/playbook/pb_star_rating/_star_rating.scss
+- app/pb_kits/playbook/pb_star_rating/_star_rating.tsx
 - app/pb_kits/playbook/pb_star_rating/docs/_description.md
 - app/pb_kits/playbook/pb_star_rating/docs/_star_rating_default.html.erb
 - app/pb_kits/playbook/pb_star_rating/docs/_star_rating_default.jsx
@@ -1884,6 +1891,7 @@ files:
 - app/pb_kits/playbook/pb_star_rating/docs/index.js
 - app/pb_kits/playbook/pb_star_rating/star_rating.html.erb
 - app/pb_kits/playbook/pb_star_rating/star_rating.rb
+- app/pb_kits/playbook/pb_star_rating/star_rating.test.js
 - app/pb_kits/playbook/pb_stat_change/_stat_change.scss
 - app/pb_kits/playbook/pb_stat_change/_stat_change.tsx
 - app/pb_kits/playbook/pb_stat_change/docs/_description.md
@@ -1915,9 +1923,9 @@ files:
 - app/pb_kits/playbook/pb_stat_value/stat_value.html.erb
 - app/pb_kits/playbook/pb_stat_value/stat_value.rb
 - app/pb_kits/playbook/pb_stat_value/stat_value.test.js
-- app/pb_kits/playbook/pb_table/_table.jsx
 - app/pb_kits/playbook/pb_table/_table.scss
-- app/pb_kits/playbook/pb_table/_table_row.jsx
+- app/pb_kits/playbook/pb_table/_table.tsx
+- app/pb_kits/playbook/pb_table/_table_row.tsx
 - app/pb_kits/playbook/pb_table/docs/_description.md
 - app/pb_kits/playbook/pb_table/docs/_table_action_middle.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_action_middle.jsx
@@ -1972,9 +1980,11 @@ files:
 - app/pb_kits/playbook/pb_table/docs/_table_two_plus_actions.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_two_plus_actions.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_two_plus_actions.md
+- app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.html.erb
+- app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.jsx
 - app/pb_kits/playbook/pb_table/docs/example.yml
 - app/pb_kits/playbook/pb_table/docs/index.js
-- app/pb_kits/playbook/pb_table/index.js
+- app/pb_kits/playbook/pb_table/index.ts
 - app/pb_kits/playbook/pb_table/styles/_alignment.scss
 - app/pb_kits/playbook/pb_table/styles/_all.scss
 - app/pb_kits/playbook/pb_table/styles/_content.scss
@@ -2023,8 +2033,8 @@ files:
 - app/pb_kits/playbook/pb_text_input/text_input.html.erb
 - app/pb_kits/playbook/pb_text_input/text_input.rb
 - app/pb_kits/playbook/pb_text_input/text_input.test.js
-- app/pb_kits/playbook/pb_textarea/_textarea.jsx
 - app/pb_kits/playbook/pb_textarea/_textarea.scss
+- app/pb_kits/playbook/pb_textarea/_textarea.tsx
 - app/pb_kits/playbook/pb_textarea/_textarea_mixin.scss
 - app/pb_kits/playbook/pb_textarea/docs/_description.md
 - app/pb_kits/playbook/pb_textarea/docs/_footer.md
@@ -2043,9 +2053,10 @@ files:
 - app/pb_kits/playbook/pb_textarea/docs/_textarea_resize.jsx
 - app/pb_kits/playbook/pb_textarea/docs/example.yml
 - app/pb_kits/playbook/pb_textarea/docs/index.js
-- app/pb_kits/playbook/pb_textarea/index.js
+- app/pb_kits/playbook/pb_textarea/index.tsx
 - app/pb_kits/playbook/pb_textarea/textarea.html.erb
 - app/pb_kits/playbook/pb_textarea/textarea.rb
+- app/pb_kits/playbook/pb_textarea/textarea.test.js
 - app/pb_kits/playbook/pb_time/_time.scss
 - app/pb_kits/playbook/pb_time/_time.tsx
 - app/pb_kits/playbook/pb_time/docs/_description.md
@@ -2465,7 +2476,7 @@ homepage: http://playbook.powerapp.cloud
 licenses:
 - ISC
 metadata: {}
-post_install_message:
+post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
@@ -2476,12 +2487,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">="
+  - - ">"
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 1.3.1
 requirements: []
 rubygems_version: 3.3.7
-signing_key:
+signing_key: 
 specification_version: 4
 summary: Playbook Design System
 test_files: []

data/app/pb_kits/playbook/pb_flex/_flex_item.jsx

@@ -1,41 +0,0 @@
-/* @flow */
-import React from 'react'
-import classnames from 'classnames'
-import { buildCss } from '../utilities/props'
-import { globalProps } from '../utilities/globalProps'
-type FlexItemPropTypes = {
-  children: array<React.ReactNode> | React.ReactNode,
-  fixedSize: string,
-  grow: boolean,
-  shrink: boolean,
-  flex: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 'none',
-  className: string,
-  overflow?: "auto" | "hidden" | "initial" | "inherit" | "scroll" | "visible",
-  order?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 'first' | 'none',
-  alignSelf?: "start" | "end" | "center" | "stretch",
-  displayFlex: boolean
-}
-
-const FlexItem = (props: FlexItemPropTypes) => {
-  const { children, className, fixedSize, grow, overflow = null, shrink, flex = 'none', order = 'none', alignSelf = null, displayFlex } = props
-  const growClass = grow === true ? 'grow' : ''
-  const displayFlexClass = displayFlex === true ? `display_flex_${displayFlex}` : ''
-  const flexClass = flex !== 'none' ? `flex_${flex}` : ''
-  const overflowClass = overflow ? `overflow_${overflow}` : ''
-  const shrinkClass = shrink === true ? 'shrink' : ''
-  const alignSelfClass = alignSelf ? `align_self_${alignSelf}` : ''
-  const fixedStyle =
-    fixedSize !== undefined ? { flexBasis: `${fixedSize}` } : null
-  const orderClass = order !== 'none' ? `order_${order}` : null
-
-  return (
-    <div
-        className={classnames(buildCss('pb_flex_item_kit', growClass, shrinkClass, flexClass, displayFlexClass), overflowClass, orderClass, alignSelfClass, globalProps(props), className)}
-        style={fixedStyle}
-    >
-      {children}
-    </div>
-  )
-}
-
-export default FlexItem

data/app/pb_kits/playbook/pb_textarea/_textarea.jsx

@@ -1,135 +0,0 @@
-/* @flow */
-/* eslint-disable react-hooks/rules-of-hooks */
-
-import React, { forwardRef, useEffect, useRef } from 'react'
-import classnames from 'classnames'
-
-import PbTextarea from './'
-import type { InputCallback } from '../types.js'
-
-import { globalProps } from '../utilities/globalProps'
-
-import Body from '../pb_body/_body'
-import Caption from '../pb_caption/_caption'
-import Flex from '../pb_flex/_flex'
-import FlexItem from '../pb_flex/_flex_item'
-
-type TextareaProps = {
-  characterCount?: string,
-  className?: string,
-  children?: array<React.ReactChild>,
-  disabled?: boolean,
-  error?: string,
-  id?: string,
-  inline?: boolean,
-  object?: string,
-  method?: string,
-  label?: string,
-  maxCharacters?: string,
-  placeholder?: string,
-  value?: string,
-  name?: string,
-  required?: boolean,
-  rows?: number,
-  resize: 'none' | 'both' | 'horizontal' | 'vertical' | 'auto',
-  onChange?: InputCallback<HTMLTextAreaElement>,
-}
-
-const Textarea = ({
-  characterCount,
-  className,
-  children,
-  disabled,
-  inline = false,
-  resize = 'none',
-  error,
-  label,
-  maxCharacters,
-  name,
-  onChange = () => {},
-  placeholder,
-  required,
-  rows = 4,
-  value,
-  ...props
-}: TextareaProps, ref: React.ElementRef<"textarea">) => {
-  ref = ref || useRef(false)
-  useEffect(() => {
-    if (ref.current && resize === 'auto') {
-      PbTextarea.addMatch(ref.current)
-    }
-  })
-
-  const errorClass = error ? 'error' : null
-  const inlineClass = inline ? 'inline' : ''
-  const resizeClass = `resize_${resize}`
-  const classes = classnames('pb_textarea_kit', errorClass, inlineClass, resizeClass, globalProps(props), className)
-
-  const characterCounter = () => {
-    return maxCharacters && characterCount ? `${checkIfZero(characterCount)} / ${maxCharacters}` : checkIfZero(characterCount)
-  }
-
-  const checkIfZero = (characterCount) => {
-    return characterCount == 0 ? characterCount.toString() : characterCount
-  }
-
-  return (
-    <div className={classes}>
-      <Caption
-          text={label}
-      />
-      <If condition={children}>
-        {children}
-        <Else />
-        <textarea
-            className="pb_textarea_kit"
-            disabled={disabled}
-            name={name}
-            onChange={onChange}
-            placeholder={placeholder}
-            ref={ref}
-            required={required}
-            rows={rows}
-            value={value}
-            {...props}
-        />
-        <If condition={error}>
-          <If condition={characterCount}>
-            <Flex
-                spacing="between"
-                vertical="center"
-            >
-              <FlexItem>
-                <Body
-                    margin="none"
-                    status="negative"
-                    text={error}
-                />
-              </FlexItem>
-              <FlexItem>
-                <Caption
-                    margin="none"
-                    size="xs"
-                    text={characterCounter()}
-                />
-              </FlexItem>
-            </Flex>
-            <Else />
-            <Body
-                status="negative"
-                text={error}
-            />
-          </If>
-          <Else />
-          <Caption
-              margin="none"
-              size="xs"
-              text={characterCounter()}
-          />
-        </If>
-      </If>
-    </div>
-  )
-}
-
-export default forwardRef(Textarea)