playbook_ui 5.5.1.pre.alpha3 → 5.5.1.pre.alpha4

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