playbook_ui 6.0.1.pre.alpha6 → 6.0.1

data/app/pb_kits/playbook/pb_gauge/docs/_gauge_units.html.erb

@@ -1,29 +0,0 @@
-<% data1 = [
-  {
-    name: 'Data Used',
-    value: 32,
-  }
-]%>
-
-<%= pb_rails("gauge", props: {
-  id: "gauge-units1",
-  chart_data: data1,
-  title: "Data Usage",
-  suffix: "GB"
-}) %>
-
-<% data2 = [
-  {
-    name: 'Sales to Date',
-    value: 65,
-  }
-]%>
-
-<%= pb_rails("gauge", props: {
-  id: "gauge-units2",
-  chart_data: data2,
-  title: "Sales Goal",
-  prefix: "$",
-  suffix: "k",
-
-}) %>

data/app/pb_kits/playbook/pb_gauge/docs/_gauge_units.jsx

@@ -1,29 +0,0 @@
-import React from 'react'
-import { Gauge } from '../../'
-
-const data1 = [
-  { name: 'Data Used', value: 32 },
-]
-const data2 = [
-  { name: 'Sales to Date', value: 65 },
-]
-
-const GaugeUnits = () => (
-  <div>
-    <Gauge
-        chartData={data1}
-        id="gauge-units1"
-        suffix="GB"
-        title="Data Usage"
-    />
-    <Gauge
-        chartData={data2}
-        id="gauge-units2"
-        prefix="$"
-        suffix="k"
-        title="Sales Goal"
-    />
-  </div>
-)
-
-export default GaugeUnits

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

@@ -1,24 +0,0 @@
-examples:
-  
-  rails:
-  - gauge_default: Default
-  - gauge_disable_animation: Disable Animation
-  - gauge_title: Title
-  - gauge_units: Units
-  - gauge_full_circle: Full Circle
-  - gauge_min_max: Min Max Labels
-  - gauge_sizing: Sizing
-  - gauge_height: Height
-  
-  
-  react:
-  - gauge_default: Default
-  - gauge_disable_animation: Disable Animation
-  - gauge_title: Title 
-  - gauge_units: Units
-  - gauge_full_circle: Full Circle
-  - gauge_min_max: Min Max Labels
-  - gauge_sizing: Sizing
-  - gauge_height: Height
-  - gauge_live_data: Live Data
-  

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

@@ -1,9 +0,0 @@
-export { default as GaugeDefault } from './_gauge_default.jsx'
-export { default as GaugeDisableAnimation } from './_gauge_disable_animation.jsx'
-export { default as GaugeFullCircle } from './_gauge_full_circle.jsx'
-export { default as GaugeHeight } from './_gauge_height.jsx'
-export { default as GaugeMinMax } from './_gauge_min_max.jsx'
-export { default as GaugeSizing } from './_gauge_sizing.jsx'
-export { default as GaugeTitle } from './_gauge_title.jsx'
-export { default as GaugeUnits } from './_gauge_units.jsx'
-export { default as GaugeLiveData } from './_gauge_live_data.jsx'

data/app/pb_kits/playbook/pb_gauge/gauge.rb

@@ -1,57 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module PbGauge
-    class Gauge
-      include Playbook::Props
-
-      partial "pb_gauge/gauge"
-
-      prop :chart_data, type: Playbook::Props::Array,
-                        default: [{ name: "Name", value: 0 }]
-      prop :style, type: Playbook::Props::Enum,
-                   values: %w[solidgauge],
-                   default: "solidgauge"
-      prop :title, type: Playbook::Props::String, default: ""
-      prop :prefix, type: Playbook::Props::String, default: ""
-      prop :suffix, type: Playbook::Props::String, default: ""
-      prop :height, type: Playbook::Props::String, default: nil
-      prop :tooltip_html, default: '<span style="font-weight: bold; color:{point.color};">●</span>
-                                      {point.name}: ' + '<b>{point.y}
-                                    </b>'
-      prop :full_circle, type: Playbook::Props::Boolean, default: false
-      prop :show_labels, type: Playbook::Props::Boolean, default: false
-      prop :disable_animation, type: Playbook::Props::Boolean, default: false
-      prop :min, type: Playbook::Props::Numeric, default: 0
-      prop :max, type: Playbook::Props::Numeric, default: 100
-
-      def chart_data_formatted
-        chart_data.map { |hash| hash[:y] = hash.delete :value }
-        chart_data
-      end
-
-      def chart_options
-        {
-          id: id,
-          chartData: chart_data_formatted,
-          circumference: full_circle ? [0, 360] : [-100, 100],
-          disableAnimation: disable_animation,
-          height: height,
-          min: min,
-          max: max,
-          title: title,
-          suffix: suffix,
-          prefix: prefix,
-          showLabels: show_labels,
-          style: style,
-          tooltipHtml: tooltip_html,
-          type: "gauge",
-        }.to_json.html_safe
-      end
-
-      def classname
-        generate_classname("pb_gauge_kit")
-      end
-    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 { globalProps } from '../utilities/globalProps.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, globalProps(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