playbook_ui 7.0.1 → 7.1.0.pre.alpha1

data/app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_vertical.html.erb

@@ -1,11 +0,0 @@
-<div class="pb--doc-demo-row">
-  <div>
-    <%= pb_rails("button_toolbar", props: { orientation: "vertical", connected: true }) do %>
-      <%= pb_rails("button", props: { text: "Field" }) %>
-      <%= pb_rails("button", props: { text: "Retail"}) %>
-      <%= pb_rails("button", props: { text: "Event"}) %>
-      <%= pb_rails("button", props: { text: "Training"}) %>
-      <%= pb_rails("button", props: { text: "Not Working"}) %>
-    <% end %>
-  </div>
-</div>

data/app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_vertical.jsx

@@ -1,29 +0,0 @@
-import React from 'react'
-import { Button, ButtonToolbar } from '../..'
-
-const ButtonToolbarVertical = () => (
-  <div>
-    <ButtonToolbar
-        connected
-        orientation="vertical"
-    >
-      <Button
-          text="Field"
-      />
-      <Button
-          text="Retail"
-      />
-      <Button
-          text="Event"
-      />
-      <Button
-          text="Training"
-      />
-      <Button
-          text="Not Working"
-      />
-    </ButtonToolbar>
-  </div>
-)
-
-export default ButtonToolbarVertical

data/app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_vertical_secondary.html.erb

@@ -1,11 +0,0 @@
-<div class="pb--doc-demo-row">
-  <div>
-    <%= pb_rails("button_toolbar", props: { orientation: "vertical", connected: true }) do %>
-      <%= pb_rails("button", props: { text: "Field", variant: "secondary" }) %>
-      <%= pb_rails("button", props: { text: "Retail", variant: "secondary" }) %>
-      <%= pb_rails("button", props: { text: "Event", variant: "secondary" }) %>
-      <%= pb_rails("button", props: { text: "Training", variant: "secondary" }) %>
-      <%= pb_rails("button", props: { text: "Not Working", variant: "secondary" }) %>
-    <% end %>
-  </div>
-</div>

data/app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_vertical_secondary.jsx

@@ -1,34 +0,0 @@
-import React from 'react'
-import { Button, ButtonToolbar } from '../..'
-
-const ButtonToolbarVerticalSecondary = () => (
-  <div>
-    <ButtonToolbar
-        connected
-        orientation="vertical"
-    >
-      <Button
-          text="Field"
-          variant="secondary"
-      />
-      <Button
-          text="Retail"
-          variant="secondary"
-      />
-      <Button
-          text="Event"
-          variant="secondary"
-      />
-      <Button
-          text="Training"
-          variant="secondary"
-      />
-      <Button
-          text="Not Working"
-          variant="secondary"
-      />
-    </ButtonToolbar>
-  </div>
-)
-
-export default ButtonToolbarVerticalSecondary

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

@@ -1,4 +0,0 @@
-<%= pb_rails("date_picker", props: {
-  allow_input: true,
-  picker_id: "date-picker-read-only"
-}) %>

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

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

data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_allow_input.md

@@ -1 +0,0 @@
-By default the date picker input can only be modified by picking a date on the calendar.  This prop allows your users to manually type in the date.

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

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

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

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

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_summary.jsx

@@ -1,45 +0,0 @@
-/* @flow */
-
-import React from 'react'
-import { Body, Flex, FlexItem, Icon } from '../..'
-
-const TypeaheadWithPillsAsyncSummary = () => {
-  return (
-    <>
-      <Flex
-          marginBottom="lg"
-          vertical="center"
-      >
-        <FlexItem>
-          <Body
-              color="light"
-          >
-            <Icon
-                icon="info-circle"
-                marginRight="xs"
-            />
-          </Body>
-        </FlexItem>
-        <FlexItem>
-          <Body
-              color="light"
-          >
-            {'If the data field '}
-            <code>{'imageUrl'}</code>
-            {' is present, '}
-            <code>{'FormPill'}</code>
-            {' will receive that field as a prop and display the image. '}
-            <br />
-            {'Additionally, you can also leverage the callback prop: '}
-            <code>{'onMultiValueClick'}</code>
-            {' to perform custom work when a '}
-            <code>{'MultiValue'}</code>
-            {' item is clicked.'}
-          </Body>
-        </FlexItem>
-      </Flex>
-    </>
-  )
-}
-
-export default TypeaheadWithPillsAsyncSummary

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_summary.jsx

@@ -1,27 +0,0 @@
-// @flow
-
-import React from 'react'
-import { Body, Icon } from '../..'
-
-const TypeaheadWithPillsSummary = () => {
-  return (
-    <>
-      <Body
-          color="light"
-          marginBottom="lg"
-      >
-        <Icon
-            icon="info-circle"
-            marginRight="xs"
-        />
-        {'Typeahead kit is data-driven. The minimum default fields are '}
-        <code>{'label'}</code>
-        {' and '}
-        <code>{'value'}</code>
-        {'.'}
-      </Body>
-    </>
-  )
-}
-
-export default TypeaheadWithPillsSummary

data/lib/generators/kit/USAGE

@@ -1,5 +0,0 @@
-Description:
-    Create a new Playbook kit
-
-Example:
-    rails g kit "button"

data/lib/generators/kit/kit_generator.rb

@@ -1,95 +0,0 @@
-# frozen_string_literal: true
-
-class KitGenerator < Rails::Generators::NamedBase
-  desc "This generator creates a new Playbook Kit"
-  source_root File.expand_path("templates", __dir__)
-  class_option :props, type: :array, default: []
-
-  def create_templates
-    kit_name = name.strip.downcase
-    @kit_name_uppercase = kit_name.upcase
-    @kit_name_lowercase = kit_name
-    @kit_name_capitalize = kit_name.capitalize
-    @kit_name_underscore = kit_name.parameterize.underscore
-    @kit_name_pascal = kit_name.titleize.gsub(/\s+/, "")
-
-    kit_props = options[:props].concat(%w[id:string classname:string data:object aria:object])
-    @kit_props = kit_props.map { |hash| [hash.partition(":").first, hash.partition(":").last] }.to_h
-    @kit_props = @kit_props.sort.to_h
-    @unique_props = @kit_props.symbolize_keys.without(:id, :classname, :data, :aria)
-
-    @kit_class_init = []
-    @kit_props.each do |key, _val|
-      @kit_class_init.push("#{key.parameterize.underscore}: default_configuration".to_sym)
-    end
-
-    @kit_class_val = []
-    @kit_props.each do |key, _value|
-      @kit_class_val.push("self.configured_#{key.parameterize.underscore} = #{key.parameterize.underscore}")
-    end
-
-    full_kit_directory = "app/pb_kits/playbook/pb_#{@kit_name_underscore}"
-
-    # Check if kit already exists =======================
-    if File.directory?(full_kit_directory)
-      say_status  "#{@kit_name_capitalize} kit already exists.",
-                  "Please choose another name or manually make changes to the existing kit.",
-                  :red
-      return
-    else
-      # Add kit to Playbook menu ==========================
-      open("app/pb_kits/playbook/data/menu.yml", "a") do |f|
-        f.puts "  - #{@kit_name_underscore}"
-      end
-      say_status  "complete",
-                  "#{@kit_name_capitalize} kit added to Playbook menu.",
-                  :green
-
-      # Generate SCSS files ==============================
-      template "kit_scss.erb", "#{full_kit_directory}/_#{@kit_name_underscore}.scss"
-      open("app/pb_kits/playbook/_playbook.scss", "a") do |f|
-        f.puts "\n@" + "import " + "\'" + "pb_#{@kit_name_underscore}/#{@kit_name_underscore}" + "\';"
-      end
-      say_status  "complete",
-                  "#{@kit_name_capitalize} kit stylesheet successfully created and imported.",
-                  :green
-
-      # Ask user if Rails version should be generated ======
-      if yes?("Create RAILS #{@kit_name_underscore} kit? (y/N)")
-        @rails_kit = true
-        template "kit_ruby.erb", "#{full_kit_directory}/#{@kit_name_underscore}.rb"
-        template "kit_html.erb", "#{full_kit_directory}/_#{@kit_name_underscore}.html.erb"
-        template "kit_example_rails.erb", "#{full_kit_directory}/docs/_#{@kit_name_underscore}_default.html.erb"
-        template "kit_ruby_spec.erb", "spec/pb_kits/playbook/kits/#{@kit_name_underscore}_spec.rb"
-        say_status  "complete",
-                    "#{@kit_name_capitalize} rails kit successfully created.",
-                    :green
-      end
-
-      # Ask user if React version should be generated ======
-      if yes?("Create REACT #{@kit_name_pascal} kit? (y/N)")
-        @react_kit = true
-        template "kit_jsx.erb", "#{full_kit_directory}/_#{@kit_name_underscore}.jsx"
-        template "kit_example_react.erb", "#{full_kit_directory}/docs/_#{@kit_name_underscore}_default.jsx"
-        template "kit_js.erb", "#{full_kit_directory}/docs/index.js"
-
-        # Import kit examples  ===========================
-        append_to_file("app/pb_kits/playbook/packs/react-examples.js") do
-          "import * as #{@kit_name_pascal} from 'pb_#{@kit_name_underscore}/docs'\nWebpackerReact.setup(#{@kit_name_pascal})\n"
-        end
-        append_to_file("app/pb_kits/playbook/index.js") do
-          "\nexport #{@kit_name_pascal} from 'pb_#{@kit_name_underscore}/_#{@kit_name_underscore}.jsx'"
-        end
-
-        say_status  "complete",
-                    "#{@kit_name_capitalize} react kit successfully created.",
-                    :green
-      end
-
-      # Create kit example.yml
-      template "kit_example_yml.erb", "#{full_kit_directory}/docs/example.yml"
-
-      `rubocop --safe-auto-correct #{full_kit_directory}`
-    end
-  end
-end

data/lib/generators/kit/templates/kit_example_rails.erb.tt

@@ -1 +0,0 @@
-<%%= pb_rails("<%= @kit_name_underscore %>") %>

data/lib/generators/kit/templates/kit_example_react.erb.tt

@@ -1,10 +0,0 @@
-import React from 'react'
-import { <%= @kit_name_pascal %> } from '../../'
-
-const <%= @kit_name_pascal %>Default = () => (
-  <div>
-    <<%= @kit_name_pascal %> />
-  </div>
-)
-
-export default <%= @kit_name_pascal %>Default

data/lib/generators/kit/templates/kit_example_yml.erb.tt

@@ -1,9 +0,0 @@
-examples:
-  <% if @rails_kit %>
-  rails:
-  - <%= @kit_name_underscore %>_default: Default
-  <% end %>
-  <% if @react_kit %>
-  react:
-  - <%= @kit_name_underscore %>_default: Default
-  <% end %>

data/lib/generators/kit/templates/kit_html.erb.tt

@@ -1,7 +0,0 @@
-<%%= content_tag(:div,
-    aria: object.aria,
-    class: object.classname,
-    data: object.data,
-    id: object.id) do %>
-  <span><%= @kit_name_uppercase %> CONTENT</span>
-<%% end %>

data/lib/generators/kit/templates/kit_js.erb.tt

@@ -1 +0,0 @@
-export { default as <%= @kit_name_pascal %>Default } from './_<%= @kit_name_underscore %>_default.jsx'

data/lib/generators/kit/templates/kit_jsx.erb.tt

@@ -1,68 +0,0 @@
-<%
-break_lines = lambda do |list, spaces = 2, separator = ","|
-  list.join("#{separator}\n#{" " * spaces}") + separator
-end
-
-type_name = "#{@kit_name_pascal}Props"
-
-props_types = @kit_props.map do |key, val|
-  prop_name = key == "classname" ? "className" : key.camelize(:lower)
-  prop_type = case val
-              when "enum", "one_of" then "'option_1' | 'option_2'"
-              when "boolean", "bool" then "boolean"
-              when "object", "obj" then "object"
-              else "string"
-              end
-
-  "#{prop_name}?: #{prop_type}"
-end
-puts props_types.inspect
-
-props_names = @kit_props.keys.map do |key|
-                  case key
-                  when "classname" || "className"
-                    "className" 
-                  when "aria"
-                    "aria = {}"
-                  when "data"
-                    "data = {}"
-                  else 
-                    key
-                  end
-              end
-
-%>
-
-/* @flow */
-
-import React from 'react'
-import classnames from 'classnames'
-import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
-import { globalProps } from '../utilities/globalProps.js'
-
-type <%= type_name %> = {
-  <%= break_lines.call(props_types) %>
-}
-
-const <%= @kit_name_pascal %> = (props: <%= type_name %>) => {
-  const {
-    <%= break_lines.call(props_names) %>
-  } = props
-
-  const ariaProps = buildAriaProps(aria)
-  const dataProps = buildDataProps(data)
-  const classes = classnames(buildCss('pb_<%= @kit_name_underscore %>'), globalProps(props), className)
-
-  return (
-    <div
-        {...ariaProps}
-        {...dataProps}
-        className={classes}
-        id={id}
-    >
-      {className}
-    </div>
-  )
-}
-
-export default <%= @kit_name_pascal %>

data/lib/generators/kit/templates/kit_ruby.erb.tt

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module Pb<%= @kit_name_pascal %>
-    class <%= @kit_name_pascal %>
-      include Playbook::Props
-
-      partial "<%= "pb_#{@kit_name_underscore}/#{@kit_name_underscore}" %>"
-    end
-  end
-end

data/lib/generators/kit/templates/kit_ruby_spec.erb.tt

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-require_relative "../../../../app/pb_kits/playbook/pb_<%= @kit_name_underscore %>/<%= @kit_name_underscore %>"
-
-RSpec.describe Playbook::Pb<%= @kit_name_capitalize %>::<%= @kit_name_capitalize %> do
-  subject { Playbook::Pb<%= @kit_name_capitalize %>::<%= @kit_name_capitalize %> }
-
-  it { is_expected.to define_partial }
-
-  # Do not leave this file blank. Use other spec files for example tests.
-end