playbook_ui 5.5.1.pre.alpha1 → 6.0.0

data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.html.erb

@@ -1 +0,0 @@
-<%= pb_rails("date_picker", props: { picker_id: "date-picker-default" }) %>

data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.jsx

@@ -1,12 +0,0 @@
-import React from 'react'
-import { DatePicker } from '../../'
-
-const DatePickerDefault = () => (
-  <div>
-    <DatePicker
-        pickerId="date-picker-default"
-    />
-  </div>
-)
-
-export default DatePickerDefault

data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.html.erb

@@ -1,24 +0,0 @@
-<%= pb_rails("date_picker", props: {
-  default_date: "07/31/2020",
-  label: "Default Date String",
-  picker_id: "date-picker-default-date1"
-}) %>
-
-<%= pb_rails("date_picker", props: {
-  default_date: (Date.today + 2).httpdate,
-  label: "Default Date Dynamic",
-  picker_id: "date-picker-default-date2"
-}) %>
-
-<%= pb_rails("date_picker", props: {
-  default_date: [(Date.today).httpdate, (Date.today + 7).httpdate],
-  label: "Default Date Range",
-  mode: "range",
-  picker_id: "date-picker-default-date3"
-}) %>
-
-<%= pb_rails("date_picker", props: {
-  default_date: "blank",
-  label: "Blank",
-  picker_id: "date-picker-default-date4"
-}) %>

data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.jsx

@@ -1,30 +0,0 @@
-import React from 'react'
-import { DatePicker } from '../../'
-
-const DatePickerDefaultDate = () => (
-  <div>
-    <DatePicker
-        defaultDate="07/31/2020"
-        label="Default Date String"
-        pickerId="date-picker-default-date1"
-    />
-    <DatePicker
-        defaultDate={new Date().fp_incr(1)}
-        label="Default Date Dynamic"
-        pickerId="date-picker-default-date2"
-    />
-    <DatePicker
-        defaultDate={[new Date().fp_incr(1), new Date().fp_incr(3)]}
-        label="Default Date Range"
-        mode="range"
-        pickerId="date-picker-default-date3"
-    />
-    <DatePicker
-        defaultDate="blank"
-        label="Blank"
-        pickerId="date-picker-default-date4"
-    />
-  </div>
-)
-
-export default DatePickerDefaultDate

data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_disabled.html.erb

@@ -1,43 +0,0 @@
-<%= pb_rails("date_picker", props: {
-  disable_date: [(Date.today + 1).httpdate],
-  label: "Disable Single Date",
-  picker_id: "single-disabled-date"
-}) %>
-
-<%= pb_rails("date_picker", props: {
-  disable_date: [(Date.today + 1).httpdate, (Date.today + 3).httpdate],
-  label: "Disable Multiple Dates",
-  picker_id: "multiple-disabled-dates"
-}) %>
-
-<%= pb_rails("date_picker", props: {
-  disable_range: [
-          {
-            from: (Date.today + 1).httpdate,
-            to: (Date.today + 7).httpdate,
-          },
-        ],
-  label: "Disable Single Range",
-  picker_id: "single-date-range"
-}) %>
-
-<%= pb_rails("date_picker", props: {
-  disable_range: [
-          {
-            from: (Date.today + 1).httpdate,
-            to: (Date.today + 3).httpdate,
-          },
-          {
-            from: (Date.today + 7).httpdate,
-            to: (Date.today + 14).httpdate,
-          },
-        ],
-  label: "Disable Multiple Ranges",
-  picker_id: "multiple-date-ranges"
-}) %>
-
-<%= pb_rails("date_picker", props: {
-  disable_weekdays: ['Sunday', 'Saturday'],
-  label: "Disable Weekdays",
-  picker_id: "disabled-weekdays"
-}) %>

data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_disabled.jsx

@@ -1,48 +0,0 @@
-import React from 'react'
-import { DatePicker } from '../../'
-
-const DatePickerDisabled = () => (
-  <div>
-    <DatePicker
-        disableDate={[new Date().fp_incr(1)]}
-        label="Disable Single Date"
-        pickerId="single-disabled-date"
-    />
-    <DatePicker
-        disableDate={[new Date().fp_incr(1), new Date().fp_incr(3)]}
-        label="Disable Multiple Dates"
-        pickerId="multiple-disabled-dates"
-    />
-    <DatePicker
-        disableRange={[
-          {
-            from: new Date().fp_incr(1),
-            to: new Date().fp_incr(7),
-          },
-        ]}
-        label="Disable Single Range"
-        pickerId="single-date-range"
-    />
-    <DatePicker
-        disableRange={[
-          {
-            from: new Date().fp_incr(1),
-            to: new Date().fp_incr(3),
-          },
-          {
-            from: new Date().fp_incr(7),
-            to: new Date().fp_incr(14),
-          },
-        ]}
-        label="Disable Multiple Ranges"
-        pickerId="multiple-date-ranges"
-    />
-    <DatePicker
-        disableWeekdays={['Sunday', 'Saturday']}
-        label="Disable Weekdays"
-        pickerId="disabled-weekdays"
-    />
-  </div>
-)
-
-export default DatePickerDisabled

data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_error.html.erb

@@ -1,4 +0,0 @@
-<%= pb_rails("date_picker", props: { 
-  error: "Invalid date. Please pick a valid date.",
-  picker_id: "date-picker-error"
-}) %>

data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_error.jsx

@@ -1,13 +0,0 @@
-import React from 'react'
-import { DatePicker } from '../../'
-
-const DatePickerError = () => (
-  <div>
-    <DatePicker
-        error="Invalid date. Please pick a valid date."
-        pickerId="date-picker-error"
-    />
-  </div>
-)
-
-export default DatePickerError

data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_format.html.erb

@@ -1,19 +0,0 @@
-<%= pb_rails("date_picker", props: {
-  format: "m-d-Y",
-  picker_id: "date-picker-format1"
-}) %>
-
-<%= pb_rails("date_picker", props: {
-  format: "m/d/y",
-  picker_id: "date-picker-format2"
-}) %>
-
-<%= pb_rails("date_picker", props: {
-  format: "n-j-y",
-  picker_id: "date-picker-format3"
-}) %>
-
-<%= pb_rails("date_picker", props: {
-  format: "Y-d-m",
-  picker_id: "date-picker-format4"
-}) %>

data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_format.jsx

@@ -1,25 +0,0 @@
-import React from 'react'
-import { DatePicker } from '../../'
-
-const DatePickerFormat = () => (
-  <div>
-    <DatePicker
-        format="m-d-Y"
-        pickerId="date-picker-format1"
-    />
-    <DatePicker
-        format="m/d/y"
-        pickerId="date-picker-format2"
-    />
-    <DatePicker
-        format="n-j-y"
-        pickerId="date-picker-format3"
-    />
-    <DatePicker
-        format="Y-d-m"
-        pickerId="date-picker-format4"
-    />
-  </div>
-)
-
-export default DatePickerFormat

data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_label.html.erb

@@ -1,4 +0,0 @@
-<%= pb_rails("date_picker", props: {
-  label: "Your Label Here",
-  picker_id: "date-picker-label"
-}) %>

data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_label.jsx

@@ -1,13 +0,0 @@
-import React from 'react'
-import { DatePicker } from '../../'
-
-const DatePickerLabel = () => (
-  <div>
-    <DatePicker
-        label="Your Label Here"
-        pickerId="date-picker-label"
-    />
-  </div>
-)
-
-export default DatePickerLabel

data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_min_max.html.erb

@@ -1,14 +0,0 @@
-<%= pb_rails("date_picker", props: {
-  label: "Dynamic dates.",
-  max_date: (Date.today + 3).httpdate,
-  min_date: (Date.today - 3).httpdate,
-  picker_id: "date-picker-min-max1"
-}) %>
-
-<%= pb_rails("date_picker", props: {
-  format: "m/d/Y",
-  label: "Absolute formatted dates.",
-  max_date: "10/20/2020",
-  min_date: "10/10/2020",
-  picker_id: "date-picker-min-max2"
-}) %>

data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_min_max.jsx

@@ -1,22 +0,0 @@
-import React from 'react'
-import { DatePicker } from '../../'
-
-const DatePickerMinMax = () => (
-  <div>
-    <DatePicker
-        label="Dynamic dates using flatpickr increment function."
-        maxDate={new Date().fp_incr(3)}
-        minDate={new Date().fp_incr(-3)}
-        pickerId="date-picker-min-max1"
-    />
-    <DatePicker
-        format="m/d/Y"
-        label="Absolute formatted dates."
-        maxDate="10/20/2020"
-        minDate="10/10/2020"
-        pickerId="date-picker-min-max2"
-    />
-  </div>
-)
-
-export default DatePickerMinMax

data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.html.erb

@@ -1,4 +0,0 @@
-<%= pb_rails("date_picker", props: {
-  mode: "range",
-  picker_id: "date-picker-range"
-}) %>

data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.jsx

@@ -1,13 +0,0 @@
-import React from 'react'
-import { DatePicker } from '../../'
-
-const DatePickerRange = () => (
-  <div>
-    <DatePicker
-        mode="range"
-        pickerId="date-picker-range"
-    />
-  </div>
-)
-
-export default DatePickerRange

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

@@ -1,23 +0,0 @@
-examples:
-  
-  rails:
-  - date_picker_default: Default
-  - date_picker_default_date: Default Date
-  - date_picker_label: Label
-  - date_picker_range: Range
-  - date_picker_format: Format
-  - date_picker_disabled: Disabled Dates
-  - date_picker_min_max: Min Max
-  - date_picker_error: Error
-  
-  
-  react:
-  - date_picker_default: Default
-  - date_picker_default_date: Default Date
-  - date_picker_label: Label
-  - date_picker_range: Range
-  - date_picker_format: Format
-  - date_picker_disabled: Disabled Dates
-  - date_picker_min_max: Min Max
-  - date_picker_error: Error
-  

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

@@ -1,8 +0,0 @@
-export { default as DatePickerDefault } from './_date_picker_default.jsx'
-export { default as DatePickerDefaultDate } from './_date_picker_default_date.jsx'
-export { default as DatePickerLabel } from './_date_picker_label.jsx'
-export { default as DatePickerRange } from './_date_picker_range.jsx'
-export { default as DatePickerFormat } from './_date_picker_format.jsx'
-export { default as DatePickerDisabled } from './_date_picker_disabled.jsx'
-export { default as DatePickerMinMax } from './_date_picker_min_max.jsx'
-export { default as DatePickerError } from './_date_picker_error.jsx'

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_form/form_builder/date_picker_field.rb

@@ -1,15 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module PbForm
-    module FormBuilder
-      module DatePickerField
-        def date_picker(name, props: {})
-          props[:name] = name
-
-          @template.pb_rails("date_picker", props: props)
-        end
-      end
-    end
-  end
-end

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