playbook_ui 14.3.2.pre.alpha.PBNTR515typeaheadmarginbottomredux3756 → 14.3.2.pre.alpha.revert3614PBNTR455ganttchartPOC3783

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "14.3.2"
-  VERSION = "14.3.2.pre.alpha.PBNTR515typeaheadmarginbottomredux3756"
+  VERSION = "14.3.2.pre.alpha.revert3614PBNTR455ganttchartPOC3783"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 14.3.2.pre.alpha.PBNTR515typeaheadmarginbottomredux3756
+  version: 14.3.2.pre.alpha.revert3614PBNTR455ganttchartPOC3783
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-09-11 00:00:00.000000000 Z
+date: 2024-09-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -1352,12 +1352,6 @@ files:
 - app/pb_kits/playbook/pb_form_pill/docs/index.js
 - app/pb_kits/playbook/pb_form_pill/form_pill.html.erb
 - app/pb_kits/playbook/pb_form_pill/form_pill.rb
-- app/pb_kits/playbook/pb_gantt_chart/_gantt_chart.scss
-- app/pb_kits/playbook/pb_gantt_chart/_gantt_chart.tsx
-- app/pb_kits/playbook/pb_gantt_chart/docs/_gantt_chart_default.jsx
-- app/pb_kits/playbook/pb_gantt_chart/docs/example.yml
-- app/pb_kits/playbook/pb_gantt_chart/docs/index.js
-- app/pb_kits/playbook/pb_gantt_chart/gantt_chart.test.jsx
 - app/pb_kits/playbook/pb_gauge/_gauge.scss
 - app/pb_kits/playbook/pb_gauge/_gauge.tsx
 - app/pb_kits/playbook/pb_gauge/docs/_gauge_colors.html.erb
@@ -2853,8 +2847,6 @@ files:
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.md
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
-- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.html.erb
-- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_context.html.erb
@@ -3036,11 +3028,11 @@ files:
 - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
 - app/pb_kits/playbook/utilities/text.ts
 - app/pb_kits/playbook/utilities/validEmojiChecker.ts
-- dist/chunks/_typeahead-BOgF-ybo.js
-- dist/chunks/_weekday_stacked-COb2q6KQ.js
+- dist/chunks/_typeahead-XnxVauwE.js
+- dist/chunks/_weekday_stacked--VyK5ouD.js
 - dist/chunks/lazysizes-B7xYodB-.js
-- dist/chunks/lib-D9uVVKnh.js
-- dist/chunks/pb_form_validation-u2wnZ3oe.js
+- dist/chunks/lib-CxRZxMI4.js
+- dist/chunks/pb_form_validation-9nbXdKfX.js
 - dist/chunks/vendor.js
 - dist/menu.yml
 - dist/playbook-doc.js

data/app/pb_kits/playbook/pb_gantt_chart/_gantt_chart.scss

@@ -1,3 +0,0 @@
-.pb_gantt_chart {
-
-}

data/app/pb_kits/playbook/pb_gantt_chart/_gantt_chart.tsx

@@ -1,72 +0,0 @@
-import React, { useState, useEffect } from "react";
-import classnames from "classnames";
-import { buildAriaProps, buildCss, buildDataProps, buildHtmlProps } from "../utilities/props";
-import { globalProps } from "../utilities/globalProps";
-import HighchartsReact from "highcharts-react-official";
-import Highcharts from "highcharts/highcharts-gantt";
-
-import { highchartsTheme } from "../pb_dashboard/pbChartsLightTheme";
-import { highchartsDarkTheme } from "../pb_dashboard/pbChartsDarkTheme";
-
-type GanttChartProps = {
-  aria?: { [key: string]: string };
-  className?: string;
-  customOptions: Partial<Highcharts.Options>;
-  dark?: boolean;
-  data?: { [key: string]: string };
-  htmlOptions?: { [key: string]: string | number | boolean | (() => void) };
-  id?: string;
-};
-
-const GanttChart = (props: GanttChartProps) => {
-  const {
-    aria = {},
-    className,
-    customOptions = {},
-    dark = false,
-    data = {},
-    htmlOptions = {},
-    id,
-  } = props;
-
-  const ariaProps = buildAriaProps(aria);
-  const dataProps = buildDataProps(data);
-  const htmlProps = buildHtmlProps(htmlOptions);
-  const classes = classnames(
-    buildCss("pb_gantt_chart"),
-    globalProps(props),
-    className
-  );
-
-  const [options, setOptions] = useState<Highcharts.Options | undefined>(customOptions);
-
-  useEffect(() => {
-    setOptions(customOptions);
-  }, [customOptions]);
-
-  const setupTheme = () => {
-    dark
-      ? Highcharts.setOptions(highchartsDarkTheme)
-      : Highcharts.setOptions(highchartsTheme);
-  };
-  setupTheme();
-
-  return (
-    <div>
-      <HighchartsReact
-          constructorType={"ganttChart"}
-          containerProps={{
-            className: classnames(globalProps(props), classes),
-            id: id,
-            ...ariaProps,
-            ...dataProps,
-            ...htmlProps,
-          }}
-          highcharts={Highcharts}
-          options={options}
-      />
-    </div>
-  );
-};
-
-export default GanttChart;

data/app/pb_kits/playbook/pb_gantt_chart/docs/_gantt_chart_default.jsx

@@ -1,53 +0,0 @@
-import React from "react";
-import { GanttChart } from "playbook-ui";
-
-const mockOptions = {
-  title: {
-    text: "Simple Gantt Chart",
-  },
-
-  xAxis: [
-    {
-      min: Date.UTC(2014, 10, 17),
-      max: Date.UTC(2014, 10, 30),
-    },
-  ],
-
-  series: [
-    {
-      name: "Project 1",
-      data: [
-        {
-          name: "Start prototype",
-          start: Date.UTC(2014, 10, 18),
-          end: Date.UTC(2014, 10, 25),
-        },
-        {
-          name: "Develop",
-          start: Date.UTC(2014, 10, 20),
-          end: Date.UTC(2014, 10, 25),
-        },
-        {
-          name: "Run acceptance tests",
-          start: Date.UTC(2014, 10, 23),
-          end: Date.UTC(2014, 10, 26),
-        },
-        {
-          name: "Test prototype",
-          start: Date.UTC(2014, 10, 27),
-          end: Date.UTC(2014, 10, 29),
-        },
-      ],
-    },
-  ],
-};
-
-const GanttChartDefault = (props) => (
-  <div>
-    <GanttChart customOptions={mockOptions} 
-        {...props} 
-    />
-  </div>
-);
-
-export default GanttChartDefault;

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

@@ -1,7 +0,0 @@
-examples:
-  
-  
-  react:
-  - gantt_chart_default: Default
-  
-  

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

@@ -1 +0,0 @@
-export { default as GanttChartDefault } from './_gantt_chart_default.jsx'

data/app/pb_kits/playbook/pb_gantt_chart/gantt_chart.test.jsx

@@ -1,19 +0,0 @@
-// import { renderKit } from '../utilities/test-utils'
-
-// import GanttChart from './_gantt_chart'
-
-/* See these resources for more testing info:
-  - https://github.com/testing-library/jest-dom#usage for useage and examples
-  - https://jestjs.io/docs/en/using-matchers
-*/
-
-test('generated scaffold test - update me', () => {
-  // const props = {
-  //   data: { testid: 'default' }
-  // }
-
-
-  // const kit = renderKit(GanttChart , props)
-  // expect(kit).toBeInTheDocument()
-})
-

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.html.erb

@@ -1,88 +0,0 @@
-<%
-  options = [
-    { label: 'Orange', value: '#FFA500' },
-    { label: 'Red', value: '#FF0000' },
-    { label: 'Green', value: '#00FF00' },
-    { label: 'Blue', value: '#0000FF' },
-  ]
-%>
-
-<%= pb_rails("typeahead", props: {
-    id: "typeahead-default",
-    placeholder: "All Colors",
-    options: options,
-    label: "None",
-    name: :foo,
-    is_multi: false,
-    margin_bottom: "none",
-  })
-%>
-<%= pb_rails("typeahead", props: {
-    id: "typeahead-default",
-    placeholder: "All Colors",
-    options: options,
-    label: "XXS",
-    name: :foo,
-    is_multi: false,
-    margin_bottom: "xxs",
-  })
-%>
-<%= pb_rails("typeahead", props: {
-    id: "typeahead-default",
-    placeholder: "All Colors",
-    options: options,
-    label: "XS",
-    name: :foo,
-    is_multi: false,
-    margin_bottom: "xs",
-  })
-%>
-<%= pb_rails("typeahead", props: {
-    id: "typeahead-default",
-    placeholder: "All Colors",
-    options: options,
-    label: "Default - SM",
-    name: :foo,
-    is_multi: false,
-  })
-%>
-<%= pb_rails("typeahead", props: {
-    id: "typeahead-default",
-    placeholder: "All Colors",
-    options: options,
-    label: "MD",
-    name: :foo,
-    is_multi: false,
-    margin_bottom: "md",
-  })
-%>
-<%= pb_rails("typeahead", props: {
-    id: "typeahead-default",
-    placeholder: "All Colors",
-    options: options,
-    label: "LG",
-    name: :foo,
-    is_multi: false,
-    margin_bottom: "lg",
-  })
-%>
-<%= pb_rails("typeahead", props: {
-    id: "typeahead-default",
-    placeholder: "All Colors",
-    options: options,
-    label: "XL",
-    name: :foo,
-    is_multi: false,
-    margin_bottom: "xl",
-  })
-%>
-
-<%= javascript_tag defer: "defer" do %>
-  document.addEventListener("pb-typeahead-kit-typeahead-default-result-option-select", function(event) {
-    console.log('Single Option selected')
-    console.dir(event.detail)
-  })
-  document.addEventListener("pb-typeahead-kit-typeahead-default-result-clear", function() {
-    console.log('All options cleared')
-  })
-<% end %>

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

@@ -1,60 +0,0 @@
-import React from 'react'
-
-import Typeahead from '../_typeahead'
-
-const options = [
-  { label: 'Orange', value: '#FFA500' },
-  { label: 'Red', value: '#FF0000' },
-  { label: 'Green', value: '#00FF00' },
-  { label: 'Blue', value: '#0000FF' },
-]
-
-const TypeaheadMarginBottom = (props) => {
-  return (
-    <>
-      <Typeahead
-          label="None"
-          marginBottom="none"
-          options={options}
-          {...props}
-      />
-      <Typeahead
-          label="XXS"
-          marginBottom="xxs"
-          options={options}
-          {...props}
-      />   
-      <Typeahead
-          label="XS"
-          marginBottom="xs"
-          options={options}
-          {...props}
-      />   
-      <Typeahead
-          label="Default - SM"
-          options={options}
-          {...props}
-      />   
-      <Typeahead
-          label="MD"
-          marginBottom="md"
-          options={options}
-          {...props}
-      />
-      <Typeahead
-          label="LG"
-          marginBottom="lg"
-          options={options}
-          {...props}
-      />
-      <Typeahead
-          label="XL"
-          marginBottom="xl"
-          options={options}
-          {...props}
-      />
-    </>
-  )
-}
-
-export default TypeaheadMarginBottom