playbook_ui 4.10.0 → 4.11.0.pre.alpha3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7a016ff82bc6ad14686a86b390eda564e365f2d1772dcc776f781963e04c6d0d
-  data.tar.gz: 797c303197c0f62ce259d68875a8982545756cefebed5f699b3c39422d7e7814
+  metadata.gz: 3da5fa6e75a9ddf45327ffe70a2c1c62df681edf55f2d5c37de10f19b1ac0e3e
+  data.tar.gz: bf81e77a506cfd569390a5d8f7bcfd4762b5ec883142b0979969ba244a80a4dd
 SHA512:
-  metadata.gz: 2bf2ea817dcb8c08a8d616096197c1e87c4360e46627e6cf4d83303c58053ad772dbf7a29e7ee33667833d003452ab0a5fedf9ed8389847ff131451d944e7147
-  data.tar.gz: 9dc977c468df978f26a458ee264ee29c754228d5dfa71d001eff7a001c79941d2201084025fe0f24beca23b7e0eb33c4d5a2c21de59a8ec554b5400804881c57
+  metadata.gz: 48a30baa16645c244b63a3455bb05e60cac5d847bd3a12929e4fe7d550b092bf80ca56b7b099cd248fb09314f6e306f1f227542e62b565fbb73d1aa431100bba
+  data.tar.gz: eedb42f15096dacb4a699cf48b7d7337dc4b9f965bcb1e8707ed1955f14dfc08473cf83abf40f5b6aa9bfadbaf4bc083b609ca0c4d330799300dd8f4ea569524

data/app/controllers/playbook/pages_controller.rb

@@ -6,6 +6,7 @@ require "yaml"
 module Playbook
   class PagesController < ApplicationController
     before_action :set_kit, only: %i[kit_show_rails kit_show_react]
+    before_action :ensure_rails_kit_exists, only: %i[kit_show_rails]
     before_action :set_category, only: %i[kit_category_show_rails kit_category_show_react]
 
     def home; end
@@ -64,5 +65,12 @@ module Playbook
         redirect_to root_path, flash: { error: "That kit does not exist" }
       end
     end
+
+    def ensure_rails_kit_exists
+      # TODO: unsure why we cannot simply use the helpers that are included in ApplicationController - fix this
+      erbfiles = File.join("**", "*.erb")
+      kit_files = Dir.glob(erbfiles, base: "#{Playbook::Engine.root}/app/pb_kits/playbook/pb_#{@kit}/docs").present?
+      redirect_to action: "kit_show_react" unless kit_files.present?
+    end
   end
 end

data/app/helpers/playbook/pb_doc_helper.rb

@@ -9,9 +9,11 @@ module Playbook
     def has_kit_type?(kit, type)
       type ||= "rails"
       if type == "rails"
-        Dir["playbook/pb_#{kit}/*.html.erb"].empty?
+        erbfiles = File.join("**", "*.erb")
+        Dir.glob(erbfiles, base: "#{kit_path(kit)}/docs").present?
       elsif type == "react"
-        Dir["playbook/pb_#{kit}/*.jsx"].empty?
+        jsxfiles = File.join("**", "*.jsx")
+        Dir.glob(jsxfiles, base: "#{kit_path(kit)}/docs").present?
       end
     end
 
@@ -23,6 +25,10 @@ module Playbook
       end
     end
 
+    def kit_path(kit)
+      "#{Playbook::Engine.root}/app/pb_kits/playbook/pb_#{kit}"
+    end
+
     def get_kit_description(kit)
       filename = "#{Playbook::Engine.root}/app/pb_kits/playbook/pb_#{@kit}/docs/_description.md"
       read_file(filename)

data/app/pb_kits/playbook/_playbook.scss

@@ -65,4 +65,5 @@
 @import 'pb_typeahead/typeahead';
 @import 'pb_user/user';
 @import 'pb_user_badge/user_badge';
+@import 'pb_file_upload/file_upload';
 @import 'pb_filter/filter';

data/app/pb_kits/playbook/data/menu.yml

@@ -17,6 +17,7 @@ kits:
   - fixed_confirmation_toast
   - flex
   - forms:
+    - file_upload
     - form
     - form_pill
     - radio
@@ -74,3 +75,4 @@ kits:
     - title_detail
   - user
   - user_badge
+

data/app/pb_kits/playbook/index.js

@@ -17,6 +17,7 @@ export DateRangeStacked from './pb_date_range_stacked/_date_range_stacked.jsx'
 export DateStacked from './pb_date_stacked/_date_stacked.jsx'
 export DateYearStacked from './pb_date_year_stacked/_date_year_stacked.jsx'
 export DistributionBar from './pb_distribution_bar/_distribution_bar.jsx'
+export FileUpload from './pb_file_upload/_file_upload.jsx'
 export Filter from './pb_filter/_filter.jsx'
 export FixedConfirmationToast from './pb_fixed_confirmation_toast/_fixed_confirmation_toast.jsx'
 export Flex from './pb_flex/_flex.jsx'

data/app/pb_kits/playbook/packs/examples.js

@@ -31,6 +31,7 @@ import * as DateRangeStacked from 'pb_date_range_stacked/docs'
 import * as DateStacked from 'pb_date_stacked/docs'
 import * as DateYearStacked from 'pb_date_year_stacked/docs'
 import * as DistributionBar from 'pb_distribution_bar/docs'
+import * as FileUpload from 'pb_file_upload/docs'
 import * as Filter from 'pb_filter/docs'
 import * as FixedConfirmationToast from 'pb_fixed_confirmation_toast/docs'
 import * as Flex from 'pb_flex/docs'
@@ -99,6 +100,7 @@ WebpackerReact.setup({
   ...DateStacked,
   ...DateYearStacked,
   ...DistributionBar,
+  ...FileUpload,
   ...Filter,
   ...FixedConfirmationToast,
   ...Flex,

data/app/pb_kits/playbook/pb_button/docs/_button_options.jsx

@@ -5,6 +5,7 @@ const ButtonOptions = () => (
   <div>
     <Button
         htmlType="submit"
+        onClick={() => alert('Click!')}
         text="Button with options"
         value="1234"
     />

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

@@ -16,4 +16,4 @@ examples:
   - button_loading: Button Loading
   - button_block_content: Button Block Content
   - button_accessibility: Button Accessibility Options
-  - button_options: Button Additional Options
+  - button_options: Button Additional Options (onClick)

data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_custom.jsx

@@ -1,16 +1,29 @@
-import React from 'react'
+import React, { useState } from 'react'
 import { Checkbox } from '../../'
 
 const CheckboxCustom = () => {
+  const [checked, setChecked] = useState(false)
+
+  const handleOnChange = () => {
+    setChecked(!checked)
+  }
+
   return (
     <div>
-      <Checkbox text="Custom Checkbox">
-        <input
-            name="custom-name"
-            type="checkbox"
-            value="custom-value"
-        />
-      </Checkbox>
+      {`The checkbox is ${checked ? 'checked' : 'unchecked'}.`}
+      <br />
+      <br />
+      <div>
+        <Checkbox text="Toggle Me">
+          <input
+              checked={checked}
+              name="custom-name"
+              onChange={handleOnChange}
+              type="checkbox"
+              value="custom-value"
+          />
+        </Checkbox>
+      </div>
     </div>
   )
 }

data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.jsx

@@ -3,23 +3,31 @@
 import React from 'react'
 import { Button, Icon } from '../'
 
+import type { Callback } from '../types'
+
+import {
+  noop,
+} from '../utilities/props'
+
 type CircleIconButtonProps = {
-  type?: 'button' | 'submit' | 'reset',
-  variant?: 'primary' | 'secondary' | 'link',
-  disabled?: Boolean,
-  dark?: Boolean,
   className?: String,
+  dark?: Boolean,
+  disabled?: Boolean,
   icon: String,
   id?: String,
+  onClick?: Callback,
+  type?: 'button' | 'submit' | 'reset',
+  variant?: 'primary' | 'secondary' | 'link',
 }
 
 const CircleIconButton = (props: CircleIconButtonProps) => {
   const {
-    type,
-    variant,
+    dark,
     disabled,
     icon,
-    dark,
+    onClick = noop,
+    type,
+    variant,
   } = props
 
   return (
@@ -27,6 +35,7 @@ const CircleIconButton = (props: CircleIconButtonProps) => {
       <Button
           dark={dark}
           disabled={disabled}
+          onClick={onClick}
           text={null}
           type={type}
           variant={variant}

data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_click.jsx

@@ -0,0 +1,14 @@
+import React from 'react'
+import { CircleIconButton } from '../..'
+
+const CircleIconButtonClick = () => (
+  <div>
+    <CircleIconButton
+        icon="plus"
+        onClick={() => alert('Click!')}
+        variant="primary"
+    />
+  </div>
+)
+
+export default CircleIconButtonClick

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

@@ -6,4 +6,5 @@ examples:
   
   react:
   - circle_icon_button_default: Default
+  - circle_icon_button_click: Click Handler
   - circle_icon_button_dark: Dark

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

@@ -1,2 +1,3 @@
 export { default as CircleIconButtonDefault } from './_circle_icon_button_default.jsx'
+export { default as CircleIconButtonClick } from './_circle_icon_button_click.jsx'
 export { default as CircleIconButtonDark } from './_circle_icon_button_dark.jsx'

data/app/pb_kits/playbook/pb_file_upload/_file_upload.jsx

@@ -0,0 +1,60 @@
+/* @flow */
+
+import React, { useCallback } from 'react'
+import { useDropzone } from 'react-dropzone'
+
+import {
+  buildCss,
+  noop,
+} from '../utilities/props'
+
+import type { Callback } from '../types.js'
+
+import {
+  Body,
+  Card,
+} from '..'
+
+type FileUploadProps = {
+  acceptedFiles?: FileList,
+  className?: String,
+  onFilesAccepted: Callback,
+}
+
+const FileUpload = ({
+  acceptedFiles = [],
+  className,
+  onFilesAccepted = noop,
+}: FileUploadProps) => {
+  const onDrop = useCallback((files) => {
+    onFilesAccepted(files)
+  })
+
+  const {
+    getRootProps,
+    getInputProps,
+    isDragActive,
+  } = useDropzone({ onDrop })
+
+  return (
+    <div
+        className={buildCss('pb_file_upload_kit', className)}
+        {...getRootProps()}
+    >
+      <Card>
+        <input {...getInputProps()} />
+        <Body
+            color="light"
+        >
+          <If condition={isDragActive}>
+            <p>{'Drop the files here ...'}</p>
+            <Else />
+            <p>{'Drag & drop some files here, or click to select files'}</p>
+          </If>
+        </Body>
+      </Card>
+    </div>
+  )
+}
+
+export default FileUpload

data/app/pb_kits/playbook/pb_file_upload/_file_upload.scss

@@ -0,0 +1,6 @@
+[class^='pb_file_upload_kit'] {
+  [class^='pb_card_kit'] {
+    border: 1px #ccc dashed;
+    text-align: center;
+  }
+}

data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_default.jsx

@@ -0,0 +1,34 @@
+import React, { useState } from 'react'
+import {
+  FileUpload,
+  List,
+  ListItem,
+} from '../..'
+
+const AcceptedFilesList = ({files}: FileList) => (
+  <List>
+    {files.map(file => (
+      <ListItem key={file.name}>{file.name}</ListItem>
+    ))}
+  </List>
+)
+
+const FileUploadDefault = () => {
+  const [filesToUpload, setFilesToUpload] = useState([])
+
+  const handleOnFilesAccepted = files => {
+    setFilesToUpload([...filesToUpload, ...files])
+  }
+
+  return (
+    <div>
+      <AcceptedFilesList files={filesToUpload} />
+      <FileUpload
+          acceptedFiles={filesToUpload}
+          onFilesAccepted={handleOnFilesAccepted}
+      />
+    </div>
+  )
+}
+
+export default FileUploadDefault

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

@@ -0,0 +1,7 @@
+examples:
+
+  rails:
+  
+  react:
+  - file_upload_default: Default List of Files to Upload
+  

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

@@ -0,0 +1 @@
+export { default as FileUploadDefault } from './_file_upload_default.jsx'

data/app/pb_kits/playbook/pb_file_upload/file_upload.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+module Playbook
+  module PbFileUpload
+    class FileUpload
+      include Playbook::Props
+
+      partial "pb_file_upload/file_upload"
+    end
+  end
+end

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

@@ -6,5 +6,3 @@ examples:
   - filter_no_background: No Background
   
   react:
-  - filter_default: Default
-  

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

@@ -1 +0,0 @@
-export { default as FilterDefault } from './_filter_default.jsx'

data/app/pb_kits/playbook/pb_form_pill/_form_pill.jsx

@@ -47,11 +47,13 @@ const FormPill = ({
             text={text}
         />
       </If>
-      <div className="pb_form_pill_close">
+      <div
+          className="pb_form_pill_close"
+          onClick={onClick}
+      >
         <Icon
             fixedWidth
             icon="times"
-            onClick={onClick}
         />
       </div>
     </div>

data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_tag.jsx

@@ -4,7 +4,12 @@ import FormPill from '../_form_pill.jsx'
 const FormPillDefault = () => {
   return (
     <div>
-      <FormPill text="this is a tag" />
+      <FormPill
+          onClick={() => {
+alert('Click!')
+}}
+          text="this is a tag"
+      />
     </div>
   )
 }

data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_user.jsx

@@ -8,10 +8,18 @@ const FormPillDefault = () => {
       <FormPill
           avatarUrl="https://randomuser.me/api/portraits/women/44.jpg"
           name="Anna Black"
+          onClick={() => {
+alert('Click!')
+}}
       />
       <br />
       <br />
-      <FormPill name="Anna Black" />
+      <FormPill
+          name="Anna Black"
+          onClick={() => {
+alert('Click!')
+}}
+      />
     </div>
   )
 }

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

@@ -5,5 +5,3 @@ examples:
   
   
   react:
-  - label_pill_default: Default
-  

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

@@ -1 +0,0 @@
-export { default as LabelPillDefault } from './_label_pill_default.jsx'

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

@@ -3,7 +3,5 @@ examples:
   rails:
   - online_status_default: Default
   
-  
   react:
-  - online_status_default: Default
-  
+  

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

@@ -1 +0,0 @@
-export { default as OnlineStatusDefault } from './_online_status_default.jsx'

data/app/pb_kits/playbook/pb_radio/docs/_radio_custom.jsx

@@ -1,15 +1,28 @@
-import React from 'react'
+import React, { useState } from 'react'
 import { Radio } from '../../'
 
 const RadioCustom = () => {
+  const [choice, setChoice] = useState('power')
+
+  const handleOnChange = ({ target }) => {
+    setChoice(target.value)
+  }
+
   return (
     <div>
+      <p>
+        {'Your choice is: '}
+        <code>{choice}</code>
+      </p>
+      <br />
       <Radio
           className="my_custom_class"
           label="Custom Power"
       >
         <input
+            checked={choice === 'power'}
             name="custom"
+            onChange={handleOnChange}
             type="radio"
             value="power"
         />
@@ -20,8 +33,9 @@ const RadioCustom = () => {
           label="Custom Nitro"
       >
         <input
-            checked
+            checked={choice === 'nitro'}
             name="custom"
+            onChange={handleOnChange}
             type="radio"
             value="nitro"
         />
@@ -32,7 +46,9 @@ const RadioCustom = () => {
           label="Custom Google"
       >
         <input
+            checked={choice === 'google'}
             name="custom"
+            onChange={handleOnChange}
             type="radio"
             value="google"
         />

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

@@ -7,4 +7,3 @@ examples:
 
 
   react:
-  - source_default: Default

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

@@ -1 +0,0 @@
-export { default as SourceDefault } from './_source_default.jsx'

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

@@ -6,4 +6,3 @@ examples:
 
 
   react:
-  - star_rating_default: Default

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

@@ -1 +0,0 @@
-export { default as StarRatingDefault } from './_star_rating_default.jsx'

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

@@ -5,4 +5,3 @@ examples:
   - time_timestamp: Timestamp Values
 
   react:
-  - time_default: Default

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

@@ -1 +0,0 @@
-export { default as TimeDefault } from './_time_default.jsx'

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

@@ -5,5 +5,3 @@ examples:
   
   
   react:
-  - timestamp_default: Default
-  

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

@@ -1 +0,0 @@
-export { default as TimestampDefault } from './_timestamp_default.jsx'

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

@@ -5,5 +5,3 @@ examples:
   
   
   react:
-  - title_detail_default: Default
-  

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

@@ -1 +0,0 @@
-export { default as TitleDetailDefault } from './_title_detail_default.jsx'

data/lib/playbook/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Playbook
-  VERSION = "4.10.0"
+  VERSION = "4.11.0-alpha3"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 4.10.0
+  version: 4.11.0.pre.alpha3
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-04-02 00:00:00.000000000 Z
+date: 2020-04-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -636,6 +636,7 @@ files:
 - app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.jsx
 - app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.scss
 - app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.rb
+- app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_click.jsx
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_dark.html.erb
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_dark.jsx
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_default.html.erb
@@ -757,11 +758,16 @@ files:
 - app/pb_kits/playbook/pb_distribution_bar/docs/index.js
 - app/pb_kits/playbook/pb_enhanced_element/element_observer.js
 - app/pb_kits/playbook/pb_enhanced_element/index.js
+- app/pb_kits/playbook/pb_file_upload/_file_upload.jsx
+- app/pb_kits/playbook/pb_file_upload/_file_upload.scss
+- app/pb_kits/playbook/pb_file_upload/docs/_file_upload_default.jsx
+- app/pb_kits/playbook/pb_file_upload/docs/example.yml
+- app/pb_kits/playbook/pb_file_upload/docs/index.js
+- app/pb_kits/playbook/pb_file_upload/file_upload.rb
 - app/pb_kits/playbook/pb_filter/_filter.html.erb
 - app/pb_kits/playbook/pb_filter/_filter.jsx
 - app/pb_kits/playbook/pb_filter/_filter.scss
 - app/pb_kits/playbook/pb_filter/docs/_filter_default.html.erb
-- app/pb_kits/playbook/pb_filter/docs/_filter_default.jsx
 - app/pb_kits/playbook/pb_filter/docs/_filter_no_background.html.erb
 - app/pb_kits/playbook/pb_filter/docs/_filter_single.html.erb
 - app/pb_kits/playbook/pb_filter/docs/example.yml
@@ -952,7 +958,6 @@ files:
 - app/pb_kits/playbook/pb_label_pill/docs/_description.md
 - app/pb_kits/playbook/pb_label_pill/docs/_footer.md
 - app/pb_kits/playbook/pb_label_pill/docs/_label_pill_default.html.erb
-- app/pb_kits/playbook/pb_label_pill/docs/_label_pill_default.jsx
 - app/pb_kits/playbook/pb_label_pill/docs/_label_pill_default.md
 - app/pb_kits/playbook/pb_label_pill/docs/example.yml
 - app/pb_kits/playbook/pb_label_pill/docs/index.js
@@ -1118,7 +1123,6 @@ files:
 - app/pb_kits/playbook/pb_online_status/_online_status_mixins.scss
 - app/pb_kits/playbook/pb_online_status/docs/_description.md
 - app/pb_kits/playbook/pb_online_status/docs/_online_status_default.html.erb
-- app/pb_kits/playbook/pb_online_status/docs/_online_status_default.jsx
 - app/pb_kits/playbook/pb_online_status/docs/example.yml
 - app/pb_kits/playbook/pb_online_status/docs/index.js
 - app/pb_kits/playbook/pb_online_status/online_status.rb
@@ -1296,7 +1300,6 @@ files:
 - app/pb_kits/playbook/pb_source/_source.scss
 - app/pb_kits/playbook/pb_source/docs/_description.md
 - app/pb_kits/playbook/pb_source/docs/_source_default.html.erb
-- app/pb_kits/playbook/pb_source/docs/_source_default.jsx
 - app/pb_kits/playbook/pb_source/docs/_source_noicon.html.erb
 - app/pb_kits/playbook/pb_source/docs/_source_types.html.erb
 - app/pb_kits/playbook/pb_source/docs/example.yml
@@ -1307,7 +1310,6 @@ files:
 - app/pb_kits/playbook/pb_star_rating/_star_rating.scss
 - 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
 - app/pb_kits/playbook/pb_star_rating/docs/_star_rating_hide.html.erb
 - app/pb_kits/playbook/pb_star_rating/docs/example.yml
 - app/pb_kits/playbook/pb_star_rating/docs/index.js
@@ -1427,7 +1429,6 @@ files:
 - app/pb_kits/playbook/pb_time/docs/_description.md
 - app/pb_kits/playbook/pb_time/docs/_footer.md
 - app/pb_kits/playbook/pb_time/docs/_time_default.html.erb
-- app/pb_kits/playbook/pb_time/docs/_time_default.jsx
 - app/pb_kits/playbook/pb_time/docs/_time_default.md
 - app/pb_kits/playbook/pb_time/docs/_time_timestamp.html.erb
 - app/pb_kits/playbook/pb_time/docs/example.yml
@@ -1441,7 +1442,6 @@ files:
 - app/pb_kits/playbook/pb_timestamp/docs/_footer.md
 - app/pb_kits/playbook/pb_timestamp/docs/_time_stamp_default.md
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.html.erb
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.jsx
 - app/pb_kits/playbook/pb_timestamp/docs/example.yml
 - app/pb_kits/playbook/pb_timestamp/docs/index.js
 - app/pb_kits/playbook/pb_timestamp/timestamp.rb
@@ -1475,7 +1475,6 @@ files:
 - app/pb_kits/playbook/pb_title_detail/docs/_description.md
 - app/pb_kits/playbook/pb_title_detail/docs/_footer.md
 - app/pb_kits/playbook/pb_title_detail/docs/_title_detail_default.html.erb
-- app/pb_kits/playbook/pb_title_detail/docs/_title_detail_default.jsx
 - app/pb_kits/playbook/pb_title_detail/docs/_title_detail_default.md
 - app/pb_kits/playbook/pb_title_detail/docs/example.yml
 - app/pb_kits/playbook/pb_title_detail/docs/index.js
@@ -1642,9 +1641,9 @@ 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: []
 rubyforge_project: 
 rubygems_version: 2.7.3

data/app/pb_kits/playbook/pb_filter/docs/_filter_default.jsx

@@ -1,9 +0,0 @@
-import React from 'react'
-
-const FilterDefault = () => (
-  <div>
-    <h1>{'Coming Soon!'}</h1>
-  </div>
-)
-
-export default FilterDefault

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

@@ -1,9 +0,0 @@
-import React from 'react'
-
-const LabelPillDefault = () => {
-  return (
-    <h1>{'Coming Soon...'}</h1>
-  )
-}
-
-export default LabelPillDefault

data/app/pb_kits/playbook/pb_online_status/docs/_online_status_default.jsx

@@ -1,9 +0,0 @@
-import React from 'react'
-
-const OnlineStatusDefault = () => {
-  return (
-    <h1>{'Coming Soon...'}</h1>
-  )
-}
-
-export default OnlineStatusDefault

data/app/pb_kits/playbook/pb_source/docs/_source_default.jsx

@@ -1,9 +0,0 @@
-import React from 'react'
-
-const SourceDefault = () => {
-  return (
-    <h1>{'Coming Soon...'}</h1>
-  )
-}
-
-export default SourceDefault

data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_default.jsx

@@ -1,9 +0,0 @@
-import React from 'react'
-
-const StarRatingDefault = () => {
-  return (
-    <h1>{'Coming Soon...'}</h1>
-  )
-}
-
-export default StarRatingDefault

data/app/pb_kits/playbook/pb_time/docs/_time_default.jsx

@@ -1,9 +0,0 @@
-import React from 'react'
-
-const TimeDefault = () => {
-  return (
-    <h1>{'Coming Soon...'}</h1>
-  )
-}
-
-export default TimeDefault

data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.jsx

@@ -1,9 +0,0 @@
-import React from 'react'
-
-const TimestampDefault = () => {
-  return (
-    <h1>{'Coming Soon...'}</h1>
-  )
-}
-
-export default TimestampDefault

data/app/pb_kits/playbook/pb_title_detail/docs/_title_detail_default.jsx

@@ -1,9 +0,0 @@
-import React from 'react'
-
-const TitleDetailDefault = () => {
-  return (
-    <h1>{'Coming Soon...'}</h1>
-  )
-}
-
-export default TitleDetailDefault