playbook_ui 5.5.1.pre.alpha2 → 6.0.1.pre.alpha2

data/app/pb_kits/playbook/vendor.js

@@ -23,3 +23,5 @@ PbTypeahead.start()
 
 import PbTable from './pb_table'
 PbTable.start()
+
+import 'flatpickr'

data/lib/playbook/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Playbook
-  VERSION = "5.5.1.pre.alpha2"
+  VERSION = "6.0.1.pre.alpha2"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 5.5.1.pre.alpha2
+  version: 6.0.1.pre.alpha2
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-07-30 00:00:00.000000000 Z
+date: 2020-07-31 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -591,8 +591,11 @@ files:
 - app/pb_kits/playbook/pb_circle_chart/_circle_chart.html.erb
 - app/pb_kits/playbook/pb_circle_chart/_circle_chart.scss
 - app/pb_kits/playbook/pb_circle_chart/circle_chart.rb
+- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.html.erb
+- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors.html.erb
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_default.html.erb
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_inner_sizes.html.erb
+- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_rounded.html.erb
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_labels.html.erb
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_legend_kit.html.erb
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_title.html.erb
@@ -685,7 +688,6 @@ files:
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/example.yml
 - app/pb_kits/playbook/pb_date_picker/docs/index.js
-- app/pb_kits/playbook/pb_date_picker/index.js
 - app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.html.erb
 - app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.jsx
 - app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.scss
@@ -969,14 +971,6 @@ files:
 - app/pb_kits/playbook/pb_image/docs/example.yml
 - app/pb_kits/playbook/pb_image/docs/index.js
 - app/pb_kits/playbook/pb_image/image.rb
-- app/pb_kits/playbook/pb_installer/_installer.html.erb
-- app/pb_kits/playbook/pb_installer/_installer.jsx
-- app/pb_kits/playbook/pb_installer/_installer.scss
-- app/pb_kits/playbook/pb_installer/docs/_installer_default.html.erb
-- app/pb_kits/playbook/pb_installer/docs/_installer_default.jsx
-- app/pb_kits/playbook/pb_installer/docs/example.yml
-- app/pb_kits/playbook/pb_installer/docs/index.js
-- app/pb_kits/playbook/pb_installer/installer.rb
 - app/pb_kits/playbook/pb_kit/base.rb
 - app/pb_kits/playbook/pb_kit/dateTime.js
 - app/pb_kits/playbook/pb_kit/pb_date_time.rb
@@ -1001,8 +995,16 @@ files:
 - app/pb_kits/playbook/pb_label_value/docs/_label_value_default.html.erb
 - app/pb_kits/playbook/pb_label_value/docs/_label_value_default.jsx
 - app/pb_kits/playbook/pb_label_value/docs/_label_value_default.md
+- app/pb_kits/playbook/pb_label_value/docs/_label_value_details.html.erb
+- app/pb_kits/playbook/pb_label_value/docs/_label_value_details.jsx
+- app/pb_kits/playbook/pb_label_value/docs/_label_value_details.md
+- app/pb_kits/playbook/pb_label_value/docs/_label_value_details_dark.html.erb
+- app/pb_kits/playbook/pb_label_value/docs/_label_value_details_dark.jsx
+- app/pb_kits/playbook/pb_label_value/docs/_label_value_details_examples.html.erb
+- app/pb_kits/playbook/pb_label_value/docs/_label_value_details_examples.jsx
+- app/pb_kits/playbook/pb_label_value/docs/_label_value_details_examples_dark.html.erb
+- app/pb_kits/playbook/pb_label_value/docs/_label_value_details_examples_dark.jsx
 - app/pb_kits/playbook/pb_label_value/docs/example.yml
-- app/pb_kits/playbook/pb_label_value/docs/index.html.erb
 - app/pb_kits/playbook/pb_label_value/docs/index.js
 - app/pb_kits/playbook/pb_label_value/label_value.rb
 - app/pb_kits/playbook/pb_layout/_body.html.erb
@@ -1119,16 +1121,6 @@ files:
 - app/pb_kits/playbook/pb_loading_inline/docs/example.yml
 - app/pb_kits/playbook/pb_loading_inline/docs/index.js
 - app/pb_kits/playbook/pb_loading_inline/loading_inline.rb
-- app/pb_kits/playbook/pb_logistic/_logistic.html.erb
-- app/pb_kits/playbook/pb_logistic/_logistic.jsx
-- app/pb_kits/playbook/pb_logistic/_logistic.scss
-- app/pb_kits/playbook/pb_logistic/docs/_logistic_dark.html.erb
-- app/pb_kits/playbook/pb_logistic/docs/_logistic_dark.jsx
-- app/pb_kits/playbook/pb_logistic/docs/_logistic_default.html.erb
-- app/pb_kits/playbook/pb_logistic/docs/_logistic_default.jsx
-- app/pb_kits/playbook/pb_logistic/docs/example.yml
-- app/pb_kits/playbook/pb_logistic/docs/index.js
-- app/pb_kits/playbook/pb_logistic/logistic.rb
 - app/pb_kits/playbook/pb_message/_message.html.erb
 - app/pb_kits/playbook/pb_message/_message.jsx
 - app/pb_kits/playbook/pb_message/_message.scss
@@ -1282,6 +1274,9 @@ files:
 - app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_muted.jsx
 - app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_value.html.erb
 - app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_value.jsx
+- app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.html.erb
+- app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
+- app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.md
 - app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_width.html.erb
 - app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_width.jsx
 - app/pb_kits/playbook/pb_progress_simple/docs/example.yml

data/app/pb_kits/playbook/pb_date_picker/index.js

@@ -1,11 +0,0 @@
-import PbEnhancedElement from '../pb_enhanced_element'
-
-export default class PbDatePicker extends PbEnhancedElement {
-  static get selector() {
-    return '[data-pb-date-picker-kit]'
-  }
-
-  connect() {
-    this.element.addEventListener('keydown', (event) => this.handleKeydown(event))
-  }
-}

data/app/pb_kits/playbook/pb_installer/_installer.html.erb

@@ -1,16 +0,0 @@
-<%= content_tag(:div,
-    id: object.id,
-    data: object.data,
-    class: object.classname) do %>
-    <%= pb_rails("body", props: {color: "light" }) do %>
-      <%= pb_rails("caption", props: { text: "Installer" }) %>
-      <%= pb_rails("icon", props: { icon: "truck", fixed_width: true }) %>
-      <% if object.link %>
-        <%= link_to object.link, class: "pb_installer_kit_links" do %>
-          <%= pb_rails("title", props: { text: object.project_name, tag: "span", size: 4 }) %>
-        <% end %>
-      <% else %>
-        <%= pb_rails("title", props: { text: object.project_name, tag: "span", size: 4 }) %>
-      <% end %>
-    <% end %>
-<% end %>

data/app/pb_kits/playbook/pb_installer/_installer.jsx

@@ -1,54 +0,0 @@
-/* @flow */
-
-import React from 'react'
-import classnames from 'classnames'
-import { Body, Caption, Icon, Title } from '../'
-
-const renderProjectName = (link, projectName) => {
-  if (link) {
-    return (
-      <a
-          className="pb_installer_kit_links"
-          href={link}
-      >
-        <Title
-            size={4}
-            tag="span"
-            text={projectName}
-        />
-      </a>
-    )
-  }
-
-  return (
-    <Title
-        size={4}
-        tag="span"
-        text={projectName}
-    />
-  )
-}
-
-type InstallerProps = {
-  link?: String,
-  projectName: String,
-}
-
-const Installer = ({
-  link,
-  projectName,
-}: InstallerProps) => (
-  <div className={classnames('pb_installer_kit')}>
-    <Body color="light">
-      <Caption text="Installer" />
-      <Icon
-          fixedwidth
-          icon="truck"
-      />
-      {' '}
-      {renderProjectName(link, projectName)}
-    </Body>
-  </div>
-)
-
-export default Installer

data/app/pb_kits/playbook/pb_installer/_installer.scss

@@ -1,7 +0,0 @@
-[class^=pb_installer_kit] {
-  .pb_installer_kit_links {
-    span {
-      color: $data_1;
-    }
-  }
-}

data/app/pb_kits/playbook/pb_installer/docs/_installer_default.html.erb

@@ -1,8 +0,0 @@
-<%= pb_rails("installer", props: {
-  project_name: "JD Installations LLC"
-}) %>
-<br /><br />
-<%= pb_rails("installer", props: {
-  link: "#",
-  project_name: "JD Installations LLC"
-}) %>

data/app/pb_kits/playbook/pb_installer/docs/_installer_default.jsx

@@ -1,16 +0,0 @@
-import React from 'react'
-import Installer from '../_installer.jsx'
-
-const InstallerDefault = () => (
-  <div>
-    <Installer projectName="JD Installations LLC" />
-    <br />
-    <br />
-    <Installer
-        link="#"
-        projectName="JD Installations LLC"
-    />
-  </div>
-)
-
-export default InstallerDefault

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

@@ -1,9 +0,0 @@
-examples:
-  
-  rails:
-  - installer_default: Default
-  
-  
-  react:
-  - installer_default: Default
-  

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

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

data/app/pb_kits/playbook/pb_installer/installer.rb

@@ -1,18 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module PbInstaller
-    class Installer
-      include Playbook::Props
-
-      partial "pb_installer/installer"
-
-      prop :link
-      prop :project_name
-
-      def classname
-        generate_classname("pb_installer_kit")
-      end
-    end
-  end
-end

data/app/pb_kits/playbook/pb_label_value/docs/index.html.erb

@@ -1,25 +0,0 @@
-<div class="container-fluid mt-5">
-  <%= render partial: 'partials/filter-search' %>
-  <%= pb_rails("table", props: { size: "md"} ) do %>
-  <div class="mt-5">
-    <thead>
-      <tr>
-        <th>Backlog Item</th>
-        <th>Deployment</th>
-        <th>Assignees</th>
-        <th class="text-nowrap">Ready for Review</th>
-        <th>Review Status</th>
-      </tr>
-    </thead>
-    <tbody>
-      <%= render partial: 'partials/item1' %>
-      <%= render partial: 'partials/item2' %>
-      <%= render partial: 'partials/item3' %>
-
-    </tbody>
-  </div>
-  <% end %>
-</div>
-
-
-<%= render partial: 'partials/modal' %>

data/app/pb_kits/playbook/pb_logistic/_logistic.html.erb

@@ -1,20 +0,0 @@
-<%= content_tag(:div,
-    aria: object.aria,
-    id: object.id,
-    data: object.data,
-    class: object.classname) do %>
-    <%= pb_rails("body", props: {color: "light" }) do %>
-      <%= pb_rails("caption", props: { text: "Project" }) %>
-      <%= pb_rails("icon", props: { icon: "home", fixed_width: true }) %>
-      <%= object.project_number%>
-      <% if object.link %>
-        <%= link_to object.link, class: "pb_logistic_kit_links" do %>
-          <%= pb_rails("title", props: { text: object.project_name, tag: "span", size: 4, dark: object.dark }) %>
-          <%= pb_rails("title", props: { text: object.date_element, tag: "span", size: 4, dark: object.dark }) if object.date.present? %>
-        <% end %>
-      <% else %>
-        <%= pb_rails("title", props: { text: object.project_name, tag: "span", size: 4, dark: object.dark }) %>
-        <%= pb_rails("title", props: { text: object.date_element, tag: "span", size: 4, dark: object.dark} ) if object.date.present? %>
-      <% end %>
-    <% end %>
-<% end %>

data/app/pb_kits/playbook/pb_logistic/_logistic.jsx

@@ -1,111 +0,0 @@
-/* @flow */
-
-import React from 'react'
-import classnames from 'classnames'
-import DateTime from '../pb_kit/dateTime.js'
-import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
-import { Body, Caption, Icon, Title } from '../'
-import { spacing } from '../utilities/spacing.js'
-
-const dateString = (value: DateTime) => {
-  const month = value.toMonthNum()
-  const day = value.toDay()
-
-  return ` · ${month}/${day}`
-}
-
-type LogisticProps = {
-  aria?: object,
-  className?: String,
-  dark?: Boolean,
-  data?: object,
-  date: String,
-  id?: String,
-  link?: String,
-  projectName?: String,
-  projectNumber?: Number,
-}
-
-const Logistic = (props: LogisticProps) => {
-  const { aria = {},
-    className,
-    dark = false,
-    data = {},
-    date,
-    id,
-    link,
-    projectName,
-    projectNumber } = props
-
-  const ariaProps = buildAriaProps(aria)
-  const dataProps = buildDataProps(data)
-  const formattedDate = new DateTime({ value: date })
-  const classes = classnames(buildCss('pb_logistic_kit', { dark: dark }), className, spacing(props))
-
-  return (
-    <div
-        {...ariaProps}
-        {...dataProps}
-        className={classes}
-        id={id}
-    >
-      <Body color="light">
-        <Caption text="Project" />
-        <Icon
-            fixedWidth
-            icon="home"
-        />
-
-        {` ${projectNumber}`}
-
-        <Choose>
-          <When condition={link}>
-            <a
-                className="pb_logistic_kit_links"
-                href={link}
-            >
-              <Choose>
-                <When condition={date}>
-                  <Title
-                      size={4}
-                      tag="span"
-                      text={' ' + projectName + dateString(formattedDate)}
-                  />
-                </When>
-                <Otherwise>
-                  <Title
-                      size={4}
-                      tag="span"
-                      text={' ' + projectName}
-                  />
-                </Otherwise>
-              </Choose>
-            </a>
-          </When>
-          <Otherwise>
-            <Choose>
-              <When condition={date}>
-                <Title
-                    dark={dark}
-                    size={4}
-                    tag="span"
-                    text={' ' + projectName + dateString(formattedDate)}
-                />
-              </When>
-              <Otherwise>
-                <Title
-                    dark={dark}
-                    size={4}
-                    tag="span"
-                    text={' ' + projectName}
-                />
-              </Otherwise>
-            </Choose>
-          </Otherwise>
-        </Choose>
-      </Body>
-    </div>
-  )
-}
-
-export default Logistic

data/app/pb_kits/playbook/pb_logistic/_logistic.scss

@@ -1,7 +0,0 @@
-[class^=pb_logistic_kit] {
-  .pb_logistic_kit_links {
-    span {
-      color: $data_1;
-    }
-  }
-}

data/app/pb_kits/playbook/pb_logistic/docs/_logistic_dark.html.erb

@@ -1,27 +0,0 @@
-<%= pb_rails("logistic", props: {
-  project_name: "Jefferson-Smith",
-  project_number: "33-12345",
-  date: Date.new(2019, 11, 18),
-  link: "#",
-  dark: true
-}) %>
-<br/><br/>
-<%= pb_rails("logistic", props: {
-  project_name: "Jefferson-Smith",
-  project_number: "33-12345",
-  date: Date.new(2019, 11, 18),
-  dark: true
-}) %>
-<br/><br/>
-<%= pb_rails("logistic", props: {
-  project_name: "Jefferson-Smith",
-  project_number: "33-12345",
-  link: "#",
-  dark: true
-}) %>
-<br/><br/>
-<%= pb_rails("logistic", props: {
-  project_name: "Jefferson-Smith",
-  project_number: "33-12345",
-  dark: true
-}) %>