playbook_ui 15.0.0.pre.alpha.PLAY236510413 → 15.0.0.pre.alpha.play1986inlineloadingsolidvariant10321

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

@@ -1,29 +0,0 @@
-examples:
-  
-  rails:
-  - pb_circle_chart_default: Default
-  - pb_circle_chart_rounded: Rounded Corners
-  - pb_circle_chart_block_content: Accepts Any Block
-  - pb_circle_chart_color_overrides: Color Overrides
-  - pb_circle_chart_data_with_labels: Data with Labels
-  - pb_circle_chart_data_with_legend: Data with Legend
-  - pb_circle_chart_data_legend_position: Legend Position
-  - pb_circle_chart_with_title: With Title
-  - pb_circle_chart_inner_sizes: Inner Circle Size Options
-  - pb_circle_chart_custom_tooltip: Tooltip Customization
-
-  
-  react:
-  - pb_circle_chart_default: Default
-  - pb_circle_chart_live_data: Live Data
-  - pb_circle_chart_rounded: Rounded Corners
-  - pb_circle_chart_block_content: Accepts Any Block
-  - pb_circle_chart_color_overrides: Color Overrides
-  - pb_circle_chart_data_with_labels: Data with Labels
-  - pb_circle_chart_data_with_legend: Data with Legend
-  - pb_circle_chart_data_legend_position: Legend Position
-  - pb_circle_chart_with_title: With Title
-  - pb_circle_chart_inner_sizes: Inner Circle Size Options
-  - pb_circle_chart_custom_tooltip: Tooltip Customization
-  
-  

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

@@ -1,11 +0,0 @@
-export { default as PbCircleChartDefault } from './_pb_circle_chart_default.jsx'
-export { default as PbCircleChartLiveData } from './_pb_circle_chart_live_data.jsx'
-export { default as PbCircleChartRounded } from './_pb_circle_chart_rounded.jsx'
-export { default as PbCircleChartBlockContent } from './_pb_circle_chart_block_content.jsx'
-export { default as PbCircleChartColorOverrides } from './_pb_circle_chart_color_overrides.jsx'
-export { default as PbCircleChartDataWithLabels } from './_pb_circle_chart_data_with_labels.jsx'
-export { default as PbCircleChartDataWithLegend } from './_pb_circle_chart_data_with_legend.jsx'
-export { default as PbCircleChartDataLegendPosition } from './_pb_circle_chart_data_legend_position.jsx'
-export { default as PbCircleChartWithTitle } from './_pb_circle_chart_with_title.jsx'
-export { default as PbCircleChartInnerSizes } from './_pb_circle_chart_inner_sizes.jsx'
-export { default as PbCircleChartCustomTooltip } from './_pb_circle_chart_custom_tooltip.jsx'

data/app/pb_kits/playbook/pb_pb_circle_chart/pbCircleChartTheme.ts

@@ -1,88 +0,0 @@
-import colors from '../tokens/exports/_colors.module.scss'
-import typography from '../tokens/exports/_typography.module.scss'
-
-const pbCircleChartTheme = {
-  title: {
-    text: "",
-    style: {
-      color: colors.text_lt_default,
-      fontFamily: typography.font_family_base,
-      fontWeight: typography.bold,
-      fontSize: typography.heading_3,
-    },
-  },
-  chart: {
-    type: "pie",
-  },
-  tooltip: {
-    backgroundColor: {
-      linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
-      stops: [
-        [0, colors.bg_dark],
-        [1, colors.bg_dark],
-      ],
-    },
-    pointFormat:
-      '<span style="font-weight: bold; color:{point.color};">●</span>{point.name}: ' +
-      "<b>{point.y}</b>",
-    followPointer: true,
-    shadow: false,
-    borderWidth: 0,
-    borderRadius: 10,
-    style: {
-      fontFamily: typography.font_family_base,
-      color: colors.text_dk_default,
-      fontWeight: typography.regular,
-      fontSize: typography.text_smaller,
-    },
-  },
-  plotOptions: {
-    pie: {
-      dataLabels: {
-        enabled: false,
-        connectorShape: "straight",
-        connectorWidth: 3,
-        format: "<div>{point.name}</div>",
-        style: {
-          fontFamily: typography.font_family_base,
-          fontSize: typography.text_smaller,
-          color: colors.text_lt_light,
-          fontWeight: typography.regular,
-          textOutline: '2px $white',
-        },
-      },
-      innerSize: '50%',
-      borderColor: "",
-      borderWidth: null as number | null,
-      colors: [
-        colors.data_1,
-        colors.data_2,
-        colors.data_3,
-        colors.data_4,
-        colors.data_5,
-        colors.data_6,
-        colors.data_7,
-      ],
-    },
-  },
-  legend: {
-    layout: 'horizontal',
-    align: 'center',
-    verticalAlign: 'bottom',
-    itemStyle: {
-      fontFamily: typography.font_family_base,
-      color: colors.text_lt_light,
-      fontWeight: typography.regular,
-      fontSize: typography.text_smaller,
-    },
-    itemHoverStyle: {
-      color: colors.text_lt_default,
-    },
-    itemHiddenStyle: {
-      color: colors.text_lt_lighter,
-    },
-  },
-  credits: { enabled: false }
-}
-
-export default pbCircleChartTheme;

data/app/pb_kits/playbook/pb_pb_circle_chart/pb_circle_chart.html.erb

@@ -1 +0,0 @@
-<%= react_component('PbCircleChart', object.react_props) %>

data/app/pb_kits/playbook/pb_pb_circle_chart/pb_circle_chart.rb

@@ -1,28 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module PbPbCircleChart
-    class PbCircleChart < ::Playbook::KitBase
-      prop :options, default: {}
-      prop :container_props, default: {}
-
-      def react_props
-        {
-          options: options,
-          containerProps: container_props_hash,
-        }
-      end
-
-      def container_props_hash
-        container_props.merge({
-                                id: id,
-                                className: classname,
-                              }).compact
-      end
-
-      def classname
-        generate_classname("pb_pb_circle_chart")
-      end
-    end
-  end
-end

data/app/pb_kits/playbook/pb_pb_circle_chart/pb_circle_chart.test.jsx

@@ -1,51 +0,0 @@
-import React from 'react'
-import { render, screen } from '../utilities/test-utils'
-
-import { PbCircleChart } from 'playbook-ui'
-
-beforeEach(() => {
-  // Silences error logs within the test suite.
-  jest.spyOn(console, 'error');
-  jest.spyOn(console, 'warn');
-  console.error.mockImplementation(() => {});
-  console.warn.mockImplementation(() => {});
-});
-
-afterEach(() => {
-  console.error.mockRestore();
-  console.warn.mockRestore();
-});
-
-const chartOptions = {
-  series: [
-    {
-      data: [
-        {
-          name: "Waiting for Calls",
-          y: 41,
-        },
-        {
-          name: "On Call",
-          y: 49,
-        },
-        {
-          name: "After Call",
-          y: 10,
-        },
-      ],
-    },
-  ],
-};
-
-const testId = 'pbcirclechart1';
-
-test('Kit to exist', () => {
-  render(
-  <PbCircleChart 
-      data={{testid: testId}} 
-      options={chartOptions} 
-  />
-)
-  expect(screen.getByTestId(testId)).toBeInTheDocument()
-})
-

data/app/pb_kits/playbook/pb_text_input/docs/_text_input_autocomplete.html.erb

@@ -1,41 +0,0 @@
-<%= pb_rails("text_input", props: {
-  autocomplete: false,
-  label: "autocomplete='off'",
-  name: "firstName",
-  placeholder: "Enter first name",
-}) %>
-
-<%= pb_rails("text_input", props: {
-  label: "no autocomplete attribute (let browser decide- basically 'on')",
-  name: "lastName",
-  placeholder: "Enter last name"
-}) %>
-
-<%= pb_rails("text_input", props: {
-    autocomplete: true,
-    label: "autocomplete='on'",
-    name: "phone",
-    type: "phone",
-    placeholder: "Enter phone number"
-}) %>
-
-<%= pb_rails("body", props: { margin_bottom: "sm" }) do %>
-  The following have the same autocomplete attributes (email), but have
-  different name attributes (email and emailAlt). Many browsers will
-  open autocomplete based on name attributes instead of autocomplete:
-<% end %>
-
-<%= pb_rails("text_input", props: {
-    autocomplete: "email",
-    label: "autocomplete='email' name='email'",
-    name: "email",
-    placeholder: "Enter email address"
-}) %>
-
-<%= pb_rails("text_input", props: {
-    autocomplete: "email",
-    label: "autocomplete='email' name='emailAlt'",
-    name: "emailAlt",
-    type: "email",
-    placeholder: "Enter email address"
-}) %>

data/app/pb_kits/playbook/pb_text_input/docs/_text_input_autocomplete.jsx

@@ -1,80 +0,0 @@
-import React, { useState } from 'react'
-
-import TextInput from '../../pb_text_input/_text_input'
-import Body from '../../pb_body/_body'
-
-
-const TextInputAutocomplete = (props) => {
-  const [formFields, setFormFields] = useState({
-    firstName: "",
-    lastName: "",
-    phone: "",
-    emailTest: "",
-    email: "",
-  });
-
-  const handleOnChangeFormField = ({ target }) => {
-    const { name, value } = target;
-    setFormFields({ ...formFields, [name]: value });
-  };
-
-  return (
-    <div>
-      <TextInput
-          autoComplete={false}
-          label="autocomplete='off'"
-          name="firstName"
-          onChange={handleOnChangeFormField}
-          placeholder="Enter first name"
-          value={formFields.firstName}
-          {...props}
-      />
-      <TextInput
-          label="no autocomplete attribute (let browser decide- basically 'on')"
-          name="lastName"
-          onChange={handleOnChangeFormField}
-          placeholder="Enter last name"
-          value={formFields.lastName}
-          {...props}
-      />
-      <TextInput
-          autoComplete
-          label="autocomplete='on'"
-          name="phone"
-          onChange={handleOnChangeFormField}
-          placeholder="Enter phone number"
-          type="phone"
-          value={formFields.phone}
-          {...props}
-      />
-      <Body marginBottom="sm">
-        The following have the same autocomplete attributes (email), but have
-        different name attributes (email and emailAlt). Many browsers will
-        open autocomplete based on name attributes instead of autocomplete:
-      </Body>
-      <TextInput
-          autoComplete="email"
-          label="autocomplete='email' name='email'"
-          name="email"
-          onChange={handleOnChangeFormField}
-          placeholder="Enter email address"
-          type="email"
-          value={formFields.email}
-          {...props}
-      />
-      <TextInput
-          autoComplete="email"
-          label="autocomplete='email' name='emailAlt'"
-          marginTop="sm"
-          name="emailTest"
-          onChange={handleOnChangeFormField}
-          placeholder="Enter email address"
-          type="email"
-          value={formFields.emailTest}
-          {...props}
-      />
-    </div>
-  );
-};
-
-export default TextInputAutocomplete;

data/app/pb_kits/playbook/pb_text_input/docs/_text_input_autocomplete.md

@@ -1 +0,0 @@
-Set this prop to `false` or `"off"` to remove autocomplete from text inputs. You can also set it to a string, but browsers will often defer to other attributes like `name`.