playbook_ui 12.15.0 → 12.16.0.pre.alpha.lightboxcurrentphotoprop531

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)