playbook_ui 14.12.0 → 14.13.0.pre.alpha.PBNTR457formtimezoneselect6219

data/app/pb_kits/playbook/pb_avatar_action_button/avatar_action_button.html.erb

@@ -1,28 +0,0 @@
-<%= pb_content_tag do %>
-    <% if object.tooltip_text.present? %>
-        <%= pb_rails("tooltip", props: {
-          trigger_element_id: object.tooltip_id,
-          tooltip_id: "tooltip-2",
-          position: 'top'
-        }) do %>
-          <%= object.tooltip_text %>
-        <% end %>
-    <% end %>
-
-    <%= link_to object.link_url, id: object.tooltip_id, 'aria-label': object.link_aria_label do %>
-      <%= pb_rails("avatar", props: {
-        dark: object.dark,
-        name: object.name,
-        size: object.size,
-        image_alt: object.image_alt,
-        image_url: object.image_url,
-        class: "avatar_action"
-      }) %>
-      <div class="icon <%= object.dark ? 'dark' : '' %> ">
-        <%= pb_rails("icon", props: {
-          dark: object.dark,
-          icon: object.action_icons
-        }) %>
-      </div>
-    <% end %>
-<% end %>

data/app/pb_kits/playbook/pb_avatar_action_button/avatar_action_button.rb

@@ -1,42 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module PbAvatarActionButton
-    class AvatarActionButton < Playbook::KitBase
-      prop :action, type: Playbook::Props::String,
-                    default: "add"
-      prop :link_aria_label, type: Playbook::Props::String
-      prop :image_alt, type: Playbook::Props::String
-      prop :image_url, type: Playbook::Props::String
-      prop :link_url, type: Playbook::Props::String, default: "#"
-      prop :tooltip_text, type: Playbook::Props::String
-      prop :tooltip_id, type: Playbook::Props::String
-      prop :name, type: Playbook::Props::String,
-                  default: ""
-      prop :size, type: Playbook::Props::Enum,
-                  values: %w[xs sm md lg xl],
-                  default: "md"
-      prop :placement, type: Playbook::Props::Enum,
-                       values: %w[bottom_left bottom_right top_left top_right],
-                       default: "bottom_left"
-
-      def classname
-        generate_classname("pb_avatar_action_button_kit", action, size, placement)
-      end
-
-      def action_icons
-        icon_hash = {
-          add: "plus-circle",
-          remove: "times-circle",
-        }
-        # if an 'action' prop is passed that isn't
-        # in the icon_hash an empty string is returned
-        # instead of a null value, which would break the page
-
-        # double pipe ruby syntax below is essentially a reduced if-else statement
-        # if icon_hash[action.to_sym] returns a falsey value, return "" instead
-        icon_hash[action.to_sym] ||= ""
-      end
-    end
-  end
-end

data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.html.erb

@@ -1,19 +0,0 @@
-<div class="pb--doc-demo-row">
-  
-  <%= pb_rails("avatar_action_button", props: {
-      link_aria_label: "Add Sophia Carden",
-      name: "Sophia Carden",
-      image_alt: "Add Sophia Carden",
-      image_url: "https://randomuser.me/api/portraits/women/8.jpg",
-      action: "add",
-  }) %>
-
-  <%= pb_rails("avatar_action_button", props: {
-      link_aria_label: "Remove Sophia Carden",
-      name: "Sophia Carden",
-      image_alt: "Remove Sophia Carden",
-      image_url: "https://randomuser.me/api/portraits/women/8.jpg",
-      action: "remove",
-  }) %>
-
-</div>

data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.jsx

@@ -1,26 +0,0 @@
-import React from 'react'
-
-import AvatarActionButton from '../_avatar_action_button'
-
-const AvatarActionButtonActions = (props) => (
-  <div className="pb--doc-demo-row">
-    <AvatarActionButton
-        action="add"
-        imageAlt="Add Sophia Carden"
-        imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
-        linkAriaLabel="Add Sophia Carden"
-        name="Sophia Carden"
-        {...props}
-    />
-    <AvatarActionButton
-        action="remove"
-        imageAlt="Remove Sophia Carden"
-        imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
-        linkAriaLabel="Remove Sophia Carden"
-        name="Sophia Carden"
-        {...props}
-    />
-  </div>
-)
-
-export default AvatarActionButtonActions

data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.html.erb

@@ -1,10 +0,0 @@
-<div class="pb--doc-demo-row">
-
-  <%= pb_rails("avatar_action_button", props: {
-      link_aria_label: "Sophia Carden",
-      name: "Sophia Carden",
-      image_alt: "Sophia Carden",
-      image_url: "https://randomuser.me/api/portraits/women/8.jpg"
-  }) %>
-
-</div>

data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.jsx

@@ -1,17 +0,0 @@
-import React from 'react'
-
-import AvatarActionButton from '../_avatar_action_button'
-
-const AvatarActionButtonDefault = (props) => (
-  <div className="pb--doc-demo-row">
-    <AvatarActionButton
-        imageAlt="Sophia Carden"
-        imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
-        linkAriaLabel="Sophia Carden"
-        name="Sophia Carden"
-        {...props}
-    />
-  </div>
-)
-
-export default AvatarActionButtonDefault

data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_on_click.jsx

@@ -1,19 +0,0 @@
-import React from 'react'
-
-import AvatarActionButton from '../_avatar_action_button'
-
-const AvatarActionButtonOnClick = (props) => (
-  <div className="pb--doc-demo-row">
-    <AvatarActionButton
-        imageAlt="Sophia Carden"
-        imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
-        linkAriaLabel="Alert Sophia Carden"
-        linkUrl="https://www.google.com"
-        name="Sophia Carden"
-        onClick={() => alert('clicked!')}
-        {...props}
-    />
-  </div>
-)
-
-export default AvatarActionButtonOnClick

data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_onclick.html.erb

@@ -1,16 +0,0 @@
-<div class="pb--doc-demo-row">
-  
-  <%= pb_rails("avatar_action_button", props: {
-      link_aria_label: "Alert Sophia Carden",
-      name: "Sophia Carden",
-      id: "clickable",
-      link_url: "http://www.google.com",
-      image_alt: "Sophia Carden",
-      image_url: "https://randomuser.me/api/portraits/women/8.jpg",
-  }) %>
-
-  <%= javascript_tag do %>
-    document.querySelector('#clickable').addEventListener('click', () => alert('clickable clicked!'))
-  <% end %>
-
-</div>

data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.html.erb

@@ -1,35 +0,0 @@
-<div class="pb--doc-demo-row">
-  
-  <%= pb_rails("avatar_action_button", props: {
-      link_aria_label: "Sophia Carden",
-      name: "Sophia Carden",
-      image_alt: "Sophia Carden",
-      image_url: "https://randomuser.me/api/portraits/women/8.jpg",
-      placement: "bottom_left"
-  }) %>
-
-  <%= pb_rails("avatar_action_button", props: {
-      link_aria_label: "Sophia Carden",
-      name: "Sophia Carden",
-      image_alt: "Sophia Carden",
-      image_url: "https://randomuser.me/api/portraits/women/8.jpg",
-      placement: "bottom_right"
-  }) %>
-
-    <%= pb_rails("avatar_action_button", props: {
-      link_aria_label: "Sophia Carden",
-      name: "Sophia Carden",
-      image_alt: "Sophia Carden",
-      image_url: "https://randomuser.me/api/portraits/women/8.jpg",
-      placement: "top_left"
-  }) %>
-
-    <%= pb_rails("avatar_action_button", props: {
-      link_aria_label: "Sophia Carden",
-      name: "Sophia Carden",
-      image_alt: "Sophia Carden",
-      image_url: "https://randomuser.me/api/portraits/women/8.jpg",
-      placement: "top_right"
-  }) %>
-
-</div>

data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx

@@ -1,42 +0,0 @@
-import React from 'react'
-
-import AvatarActionButton from '../_avatar_action_button'
-
-const AvatarActionButtonPlacement = (props) => (
-  <div className="pb--doc-demo-row">
-    <AvatarActionButton
-        imageAlt="Sophia Carden"
-        imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
-        linkAriaLabel="Sophia Carden"
-        name="Sophia Carden"
-        placement="bottom_left"
-        {...props}
-    />
-    <AvatarActionButton
-        imageAlt="Sophia Carden"
-        imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
-        linkAriaLabel="Sophia Carden"
-        name="Sophia Carden"
-        placement="bottom_right"
-        {...props}
-    />
-    <AvatarActionButton
-        imageAlt="Sophia Carden"
-        imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
-        linkAriaLabel="Sophia Carden"
-        name="Sophia Carden"
-        placement="top_left"
-        {...props}
-    />
-    <AvatarActionButton
-        imageAlt="Sophia Carden"
-        imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
-        linkAriaLabel="Sophia Carden"
-        name="Sophia Carden"
-        placement="top_right"
-        {...props}
-    />
-  </div>
-)
-
-export default AvatarActionButtonPlacement

data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_tooltip.html.erb

@@ -1,13 +0,0 @@
-<div class="pb--doc-demo-row">
-  
-  <%= pb_rails("avatar_action_button", props: {
-      link_aria_label: "Sophia Carden",
-      name: "Sophia Carden",
-      link_url: "http://www.google.com",
-      image_alt: "Sophia Carden",
-      image_url: "https://randomuser.me/api/portraits/women/8.jpg",
-      tooltip_text: "Tooltip Text",
-      tooltip_id: "avatar_1",
-  }) %>
-
-</div>

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

@@ -1,15 +0,0 @@
-examples:
-  
-  rails:
-  - avatar_action_button_default: Default
-  - avatar_action_button_placement: Placement
-  - avatar_action_button_actions: Actions
-  - avatar_action_button_onclick: On Click
-  - avatar_action_button_tooltip: Tooltip
-
-  
-  react:
-  - avatar_action_button_default: Default
-  - avatar_action_button_placement: Placement
-  - avatar_action_button_actions: Actions
-  - avatar_action_button_on_click: On Click

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

@@ -1,4 +0,0 @@
-export { default as AvatarActionButtonDefault } from './_avatar_action_button_default.jsx'
-export { default as AvatarActionButtonPlacement } from './_avatar_action_button_placement.jsx'
-export { default as AvatarActionButtonActions } from './_avatar_action_button_actions.jsx'
-export { default as AvatarActionButtonOnClick } from './_avatar_action_button_on_click.jsx'

data/app/pb_kits/playbook/pb_avatar_action_button/pb_avatar_action_button.test.js

@@ -1,31 +0,0 @@
-import React from 'react'
-import { render, screen } from '../utilities/test-utils'
-
-import AvatarActionButton from './_avatar_action_button'
-
-const imageUrl = 'https://randomuser.me/api/portraits/women/8.jpg',
-  testId = 'scarden',
-  name = 'Sophia Carden',
-  imageAlt = 'Sophia Carden Profile'
-
-test('loads the given image url and name', () => {
-  render(
-    <AvatarActionButton
-        data={{ testid: testId }}
-        imageAlt={imageAlt}
-        imageUrl={imageUrl}
-        linkAriaLabel={name}
-        name={name}
-    />
-  )
-
-  const kit      = screen.getByTestId(testId)
-  const image    = screen.getByAltText(imageAlt)
-  const link     = kit.children[0]
-
-  expect(kit).toHaveClass('pb_avatar_action_button_kit_add_bottom_left_md')
-  expect(image).toHaveAttribute('data-src', imageUrl)
-  expect(image).toHaveAttribute('src', imageUrl)
-  expect(image).toHaveAttribute('alt', imageAlt)
-  expect(link).toHaveAttribute('aria-label', name)
-})