playbook_ui 14.22.0.pre.alpha.popoverkittransitionpoppertofloatingui8781 → 14.22.0.pre.alpha.popoverkittransitionpoppertofloatingui8856

data/app/pb_kits/playbook/pb_popover/popover.test.js

@@ -1,220 +0,0 @@
-import React from "react";
-import { render, screen, fireEvent } from "../utilities/test-utils";
-import { Button, PbReactPopover } from "playbook-ui";
-
-const testId = "popover-kit";
-
-//Test default popover
-const PopoverTest = () => {
-  const [mockState, setMockState] = React.useState(false)
-  const togglePopover = () => {
-    setMockState(!mockState)
-  }
-
-  const popoverReference = (
-    <Button onClick={togglePopover}
-        text="Click Me"
-    />
-  );
-  return (
-      <PbReactPopover
-          offset
-          reference={popoverReference}
-          show={mockState}
-      >
-        {"Click Anywhere"}
-      </PbReactPopover>
-  )
-};
-//Test popover with z-index
-const PopoverTestZIndex = () => {
-  const [mockState, setMockState] = React.useState(false)
-  const togglePopover = () => {
-    setMockState(!mockState)
-  }
-
-  const popoverReference = (
-    <Button onClick={togglePopover}
-        text="Click Me"
-    />
-  );
-  return (
-      <PbReactPopover
-          offset
-          reference={popoverReference}
-          show={mockState}
-          zIndex={3}
-      >
-        {"Click Anywhere"}
-      </PbReactPopover>
-  )
-};
-
-//Test popover with max-height and max-width
-const PopoverTestHeight = () => {
-  const [mockState, setMockState] = React.useState(false)
-  const togglePopover = () => {
-    setMockState(!mockState)
-  }
-
-  const popoverReference = (
-    <Button onClick={togglePopover}
-        text="Click Me"
-    />
-  );
-  return (
-      <PbReactPopover
-          maxHeight="150px"
-          maxWidth="240px"
-          offset
-          reference={popoverReference}
-          show={mockState}
-      >
-        {"Click Anywhere"}
-      </PbReactPopover>
-  )
-};
-
-//Test Popover with click to close 'anywhere'
-const PopoverTestClicktoClose = () => {
-  const [mockState, setMockState] = React.useState(false)
-  const togglePopover = () => {
-    setMockState(!mockState)
-  }
-  const handleShouldClosePopover = (shouldClosePopover) => {
-    setMockState(!shouldClosePopover)
-  }
-
-  const popoverReference = (
-    <Button onClick={togglePopover}
-        text="Click Me"
-    />
-  );
-  return (
-      <PbReactPopover
-          closeOnClick="any"
-          offset
-          reference={popoverReference}
-          shouldClosePopover={handleShouldClosePopover}
-          show={mockState}
-      >
-        {"Click Anywhere"}
-      </PbReactPopover>
-  )
-};
-
-//Test Popover with click to close 'inside'
-const PopoverTestClicktoClose2 = () => {
-  const [mockState, setMockState] = React.useState(false)
-  const togglePopover = () => {
-    setMockState(!mockState)
-  }
-  const handleShouldClosePopover = (shouldClosePopover) => {
-    setMockState(!shouldClosePopover)
-  }
-
-  const popoverReference = (
-    <Button onClick={togglePopover}
-        text="Click Me"
-    />
-  );
-  return (
-      <PbReactPopover
-          closeOnClick="inside"
-          offset
-          reference={popoverReference}
-          shouldClosePopover={handleShouldClosePopover}
-          show={mockState}
-      >
-        {"Click Inside"}
-      </PbReactPopover>
-  )
-};
-
-//Test Popover with click to close 'outside'
-const PopoverTestClicktoClose3 = () => {
-  const [mockState, setMockState] = React.useState(false)
-  const togglePopover = () => {
-    setMockState(!mockState)
-  }
-  const handleShouldClosePopover = (shouldClosePopover) => {
-    setMockState(!shouldClosePopover)
-  }
-
-  const popoverReference = (
-    <Button onClick={togglePopover}
-        text="Click Me"
-    />
-  );
-  return (
-      <PbReactPopover
-          closeOnClick="outside"
-          offset
-          reference={popoverReference}
-          shouldClosePopover={handleShouldClosePopover}
-          show={mockState}
-      >
-        {"Click Outside"}
-      </PbReactPopover>
-  )
-};
-
-
-  test("renders Popover", () => {
-    render(<PopoverTest data={{ testid: testId}}/>)
-    const btn = screen.getByText(/click me/i)
-    fireEvent.click(btn);
-    const kit = screen.getByText("Click Anywhere");
-    expect(kit).toBeInTheDocument();
-  });
-
-  test("renders Popover with z index", () => {
-    render(<PopoverTestZIndex data={{ testid: testId}}/>)
-    const btn = screen.getByText(/click me/i)
-    fireEvent.click(btn);
-    const kit = screen.getByText("Click Anywhere");
-    expect(kit).toHaveClass("pb_popover_body z_index_3");
-  });
-
-  test("renders Popover with max height and max width", () => {
-    render(<PopoverTestHeight data={{ testid: testId}}/>)
-    const btn = screen.getByText(/click me/i)
-    fireEvent.click(btn);
-    const kit = screen.getByText("Click Anywhere");
-    expect(kit).toHaveClass("pb_popover_body p_sm overflow_handling");
-  });
-
-  test("closes Popover on click anywhere", async () => {
-    render(<PopoverTestClicktoClose data={{ testid: testId}}/>)
-    const btn = screen.getByText(/click me/i)
-    fireEvent.click(btn);
-    const kit = screen.getByText("Click Anywhere");
-    expect(kit).toBeInTheDocument();
-    fireEvent.click(document.body);
-
-    expect(kit).not.toBeInTheDocument;
-  });
-
-  test("closes Popover on click inside", async () => {
-    render(<PopoverTestClicktoClose2 data={{ testid: testId}}/>)
-    const btn = screen.getByText(/click me/i)
-    fireEvent.click(btn);
-    const kit = screen.getByText("Click Inside");
-    expect(kit).toBeInTheDocument();
-    fireEvent.click(kit);
-
-    expect(kit).not.toBeInTheDocument;
-  });
-
-  test("closes Popover on click outside", async () => {
-    render(<PopoverTestClicktoClose3 data={{ testid: testId}}/>)
-    const btn = screen.getByText(/click me/i)
-    fireEvent.click(btn);
-    const kit = screen.getByText("Click Outside");
-    expect(kit).toBeInTheDocument();
-    fireEvent.click(kit);
-    expect(kit).toBeInTheDocument();
-    fireEvent.click(btn);
-
-    expect(kit).not.toBeInTheDocument;
-  });

data/app/pb_kits/playbook/pb_rich_text_editor/rich_text_editor_advanced.test.js

@@ -1,47 +0,0 @@
-import React from "react";
-import { render } from "../utilities/test-utils";
-import { useEditor, EditorContent } from "@tiptap/react";
-import StarterKit from "@tiptap/starter-kit";
-import Link from "@tiptap/extension-link";
-
-import RichTextEditor from "./_rich_text_editor";
-
-const kitClass = "pb_rich_text_editor_advanced_container";
-
-const EditorTest = (props) => {
-  const editor = useEditor({
-    extensions: [StarterKit, Link],
-    content: "",
-  });
-
-  return (
-    <RichTextEditor 
-        advancedEditor={editor} 
-        {...props}
-    >
-      <EditorContent editor={editor} />
-    </RichTextEditor>
-  );
-};
-
-test("returns namespaced class name", () => {
-  const { container } = render(<EditorTest />);
-
-  expect(container.getElementsByClassName(kitClass).length).toBeGreaterThan(0);
-});
-
-test("returns toolbar class name", () => {
-  const { container } = render(<EditorTest />);
-
-  expect(
-    container.getElementsByClassName(`${kitClass} toolbar-active`).length
-  ).toBeGreaterThan(0);
-});
-
-test("doesn't returns toolbar class name", () => {
-  const { container } = render(<EditorTest advancedEditorToolbar={false} />);
-
-  expect(
-    container.getElementsByClassName(`${kitClass} toolbar-active`).length
-  ).toBe(0);
-});

data/dist/chunks/_bar_graph-B9HqVkQv.js

@@ -1 +0,0 @@
-import{jsx}from"react/jsx-runtime";import{useState,useEffect}from"react";import{b as buildAriaProps,a as buildDataProps,c as buildHtmlProps,m as mapColors,H as HighchartsReact,d as Highcharts,e as classnames,g as globalProps}from"./_typeahead-CiAYz-Py.js";import{h as highchartsTheme,m as merge,a as highchartsDarkTheme}from"./lib-BTYFzEXV.js";const BarGraph=({aria:aria={},data:data={},align:align="center",axisTitle:axisTitle,dark:dark=false,chartData:chartData,className:className="pb_bar_graph",colors:colors,htmlOptions:htmlOptions={},customOptions:customOptions={},axisFormat:axisFormat,id:id,pointStart:pointStart,stacking:stacking,subTitle:subTitle,type:type="column",title:title="Title",xAxisCategories:xAxisCategories,yAxisMin:yAxisMin,yAxisMax:yAxisMax,legend:legend=false,toggleLegendClick:toggleLegendClick=true,height:height,layout:layout="horizontal",verticalAlign:verticalAlign="bottom",x:x=0,y:y=0,...props})=>{const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const setupTheme=()=>{dark?Highcharts.setOptions(highchartsDarkTheme):Highcharts.setOptions(highchartsTheme)};setupTheme();const staticOptions={title:{text:title},chart:{height:height,type:type},subtitle:{text:subTitle},yAxis:[{labels:{format:typeof axisFormat==="string"?axisFormat:axisFormat&&axisFormat[0]?axisFormat[0].format:""},min:yAxisMin,max:yAxisMax,opposite:false,title:{text:Array.isArray(axisTitle)?axisTitle.length>0?axisTitle[0].name:null:axisTitle},plotLines:typeof yAxisMin!=="undefined"&&yAxisMin!==null?[]:[{value:0,zIndex:10,color:"#E4E8F0"}]}],xAxis:{categories:xAxisCategories},legend:{enabled:legend,align:align,verticalAlign:verticalAlign,layout:layout,x:x,y:y},colors:colors!==void 0&&colors.length>0?mapColors(colors):highchartsTheme.colors,plotOptions:{series:{stacking:stacking,pointStart:pointStart,borderWidth:stacking?0:"",events:{},dataLabels:{enabled:false}}},series:chartData,credits:false};if(Array.isArray(axisTitle)&&axisTitle.length>1&&axisTitle[1].name){staticOptions.yAxis.push({labels:{format:typeof axisFormat==="string"?axisFormat:axisFormat[1].format},min:yAxisMin,max:yAxisMax,opposite:true,title:{text:axisTitle[1].name},plotLines:typeof yAxisMin!=="undefined"&&yAxisMin!==null?[]:[{value:0,zIndex:10,color:"#E4E8F0"}]})}if(!toggleLegendClick){staticOptions.plotOptions.series.events={legendItemClick:()=>false}}const filteredProps={...props};delete filteredProps.verticalAlign;const[options,setOptions]=useState({});useEffect((()=>{setOptions(merge(staticOptions,customOptions))}),[chartData]);return jsx(HighchartsReact,{containerProps:{className:classnames(globalProps(filteredProps),className),id:id,...ariaProps,...dataProps,...htmlProps},highcharts:Highcharts,options:options})};export{BarGraph as B};