playbook_ui 11.6.0.pre.alpha.fontawesome → 11.6.0.pre.alpha.momenttz1

data/app/pb_kits/playbook/pb_icon_stat_value/icon_stat_value.test.js

@@ -1,154 +0,0 @@
-import React from 'react'
-import { cleanup, render, screen } from '../utilities/test-utils'
-
-import IconStatValue from './_icon_stat_value'
-
-const testId = "iconstatvalue-kit"
-
-describe("IconStatValue Kit", () => {
-    test("renders IconStatValue classname", () => {
-        render(
-            <IconStatValue
-                data={{ testid: testId }}
-                icon="lightbulb-on"
-                text="Electric"
-                unit="kw"
-                value={64.18}
-      />
-        )
-
-        const kit = screen.getByTestId(testId)
-        expect(kit).toHaveClass("pb_icon_stat_value_kit_horizontal_sm_default")
-    })
-
-    test("renders icon", () => {
-        render(
-            <IconStatValue
-                data={{ testid: testId }}
-                icon="lightbulb-on"
-                text="Electric"
-                unit="kw"
-                value={64.18}
-      />
-        )
-
-        const kit = screen.getByTestId(testId)
-        const icon = kit.querySelector(".fa-lightbulb-on.pb_icon_kit.fa-fw")
-        expect(icon).toBeInTheDocument()
-    })
-
-    test("renders text", () => {
-        render(
-            <IconStatValue
-                data={{ testid: testId }}
-                icon="lightbulb-on"
-                text="Electric"
-                unit="kw"
-                value={64.18}
-      />
-        )
-
-        const kit = screen.getByTestId(testId)
-        const text = kit.querySelector(".pb_caption_kit_md")
-        expect(text.textContent).toEqual("Electric")
-    })
-
-    test("renders unit", () => {
-        render(
-            <IconStatValue
-                data={{ testid: testId }}
-                icon="lightbulb-on"
-                text="Electric"
-                unit="kw"
-                value={64.18}
-      />
-        )
-
-        const kit = screen.getByTestId(testId)
-        const unit = kit.querySelector(".pb_body_kit")
-        expect(unit.textContent).toEqual("kw")
-    })
-
-    test("renders value", () => {
-        render(
-            <IconStatValue
-                data={{ testid: testId }}
-                icon="lightbulb-on"
-                text="Electric"
-                unit="kw"
-                value={64.18}
-      />
-        )
-
-        const kit = screen.getByTestId(testId)
-        const value = kit.querySelector(".pb_title_kit_size_3")
-        expect(value.textContent).toEqual("64.18")
-    })
-
-    test("renders size prop", () => {
-        ["sm", 
-        "md", 
-        "lg"].forEach((sizeProp) => {
-            render(
-                <IconStatValue
-                    data={{ testid: testId }}
-                    icon="lightbulb-on"
-                    size={sizeProp}
-                    text="Electric"
-                    unit="kw"
-                    value={64.18}
-          />
-            )
-    
-            const kit = screen.getByTestId(testId)
-            expect(kit).toHaveClass(`pb_icon_stat_value_kit_horizontal_${sizeProp}_default`)
-
-            cleanup()
-        })
-    })
-
-    test("renders color prop", () => {
-        ["default",
-        "royal",
-        "blue",
-        "purple",
-        "teal",
-        "red",
-        "yellow",
-        "green"].forEach(
-            (colorProp) => {
-            render(
-                <IconStatValue
-                    data={{ testid: testId }}
-                    icon="lightbulb-on"
-                    text="Electric"
-                    unit="kw"
-                    value={64.18}
-                    variant={colorProp}
-          />
-            )
-    
-            const kit = screen.getByTestId(testId)
-            expect(kit).toHaveClass(`pb_icon_stat_value_kit_horizontal_sm_${colorProp}`)
-
-            cleanup()
-        }) 
-    })
-
-    test("renders vertical prop", () => {
-            render(
-                <IconStatValue
-                    data={{ testid: testId }}
-                    icon="lightbulb-on"
-                    orientation="vertical"
-                    text="Electric"
-                    unit="kw"
-                    value={64.18}
-          />
-            )
-    
-            const kit = screen.getByTestId(testId)
-            expect(kit).toHaveClass("pb_icon_stat_value_kit_vertical_sm_default")
-    })
-
-})

data/app/pb_kits/playbook/pb_icon_value/icon_value.test.js

@@ -1,77 +0,0 @@
-import React from 'react'
-import { render, screen } from '../utilities/test-utils'
-
-import IconValue from './_icon_value'
-
-const testId = "iconvalue-kit";
-
-describe("IconValue Kit", () => {
-    test("renders IconValue classname", () => {
-        render(
-            <IconValue
-                data={{ testid: testId }}
-                icon="clipboard"
-                text="33-123456"
-      />
-        )
-
-        const kit = screen.getByTestId(testId)
-        expect(kit).toHaveClass("pb_icon_value_kit_left")
-    })
-
-    test("renders icon", () => {
-        render(
-            <IconValue
-                data={{ testid: testId }}
-                icon="clipboard"
-                text="33-123456"
-      />
-        )
-
-        const kit = screen.getByTestId(testId)
-        const icon = kit.querySelector(".fa-clipboard.pb_icon_kit.fa-fw")
-        expect(icon).toBeInTheDocument()
-    })
-
-    test("renders value", () => {
-        render(
-            <IconValue
-                data={{ testid: testId }}
-                icon="clipboard"
-                text="33-123456"
-      />
-        )
-
-        const kit = screen.getByTestId(testId)
-        const value = kit.querySelector(".pb_body_kit_light")
-        expect(value.textContent).toEqual("33-123456")
-    })
-
-    test("aligns content center", () => {
-        render(
-            <IconValue
-                align="center"
-                data={{ testid: testId }}
-                icon="clipboard"
-                text="33-123456"
-      />
-        )
-
-        const kit = screen.getByTestId(testId)
-        expect(kit).toHaveClass("pb_icon_value_kit_center")
-    })
-
-    test("aligns content right", () => {
-        render(
-            <IconValue
-                align="right"
-                data={{ testid: testId }}
-                icon="clipboard"
-                text="33-123456"
-      />
-        )
-
-        const kit = screen.getByTestId(testId)
-        expect(kit).toHaveClass("pb_icon_value_kit_right")
-    })
-})

data/app/pb_kits/playbook/pb_label_value/_label_value.tsx

@@ -1,123 +0,0 @@
-import React from "react";
-import classnames from "classnames";
-import DateTime from "../pb_kit/dateTime";
-import { buildAriaProps, buildCss, buildDataProps } from "../utilities/props";
-import { globalProps } from "../utilities/globalProps";
-
-import Body from "../pb_body/_body";
-import Caption from "../pb_caption/_caption";
-import Flex from "../pb_flex/_flex";
-import Icon from "../pb_icon/_icon";
-import Title from "../pb_title/_title";
-
-type LabelValueProps = {
-  active?: boolean;
-  aria?: { [key: string]: string };
-  className?: string;
-  dark?: boolean;
-  data?: object;
-  date?: Date;
-  id?: string;
-  label: string;
-  value?: string;
-  variant?: "default" | "details";
-  icon?: string;
-  description?: string;
-  title?: string;
-};
-
-const dateString = (value: DateTime) => {
-  const month = value.toMonthNum();
-  const day = value.toDay();
-
-  return ` · ${month}/${day}`;
-};
-
-const LabelValue = (props: LabelValueProps) => {
-  const {
-    active = false,
-    aria = {},
-    className,
-    dark = false,
-    data = {},
-    date,
-    description,
-    icon,
-    id,
-    label,
-    title,
-    value,
-    variant = "default",
-  } = props;
-
-  const ariaProps = buildAriaProps(aria);
-  const dataProps = buildDataProps(data);
-  const formattedDate = new DateTime({ value: date });
-  const variantClass = variant === "details" ? "details" : "";
-  const classes = classnames(
-    buildCss("pb_label_value_kit", variantClass),
-    globalProps(props),
-    className
-  );
-
-  return (
-    <div
-      {...ariaProps}
-      {...dataProps}
-      className={classes}
-      id={id}
-      title={title}
-    >
-      <Caption dark={dark} text={label} />
-      {variant === "details" ? (
-        <Flex inline vertical="center">
-          {icon && (
-            <Body color="light" dark={dark} marginRight="xs">
-              <Icon dark={dark} fixedWidth icon={icon} />
-            </Body>
-          )}
-          {description && (
-            <Body
-              color="light"
-              dark={dark}
-              marginRight="xs"
-              text={description}
-            />
-          )}
-          {active === true ? (
-            <Flex inline vertical="center">
-              {title && (
-                <Title dark={dark} size={4} text={title} variant="link" />
-              )}
-              {date && (
-                <Title
-                  dark={dark}
-                  marginLeft="xs"
-                  size={4}
-                  text={" " + dateString(formattedDate)}
-                  variant="link"
-                />
-              )}
-            </Flex>
-          ) : (
-            <>
-              {title && <Title dark={dark} size={4} text={title} />}
-              {date && (
-                <Title
-                  dark={dark}
-                  marginLeft="xs"
-                  size={4}
-                  text={" " + dateString(formattedDate)}
-                />
-              )}
-            </>
-          )}
-        </Flex>
-      ) : (
-        <Body dark={dark} text={value} />
-      )}
-    </div>
-  );
-};
-
-export default LabelValue;

data/app/pb_kits/playbook/pb_label_value/label_value.test.js

@@ -1,109 +0,0 @@
-import React from 'react'
-import { render, screen } from '../utilities/test-utils'
-
-import LabelValue from './_label_value'
-
-const testId = "labelvalue-kit";
-jest.useFakeTimers()
-
-describe("LabelValue Kit", () => {
-    test("renders LabelValue classname", () => {
-        render(
-            <LabelValue
-                data={{ testid: testId }}
-                label="Role"
-                value="Administrator, Moderator"
-            />
-        )
-        const kit = screen.getByTestId(testId)
-        expect(kit).toHaveClass("pb_label_value_kit")
-    })
-
-    test("renders label correctly", () => {
-        render(
-            <LabelValue
-                data={{ testid: testId }}
-                label="Role"
-                value="Administrator, Moderator"
-            />
-        )
-        const kit = screen.getByTestId(testId)
-        const text = kit.querySelector(".pb_caption_kit_md")
-        expect(text.textContent).toEqual("Role")
-    })
-
-    test("renders value correctly", () => {
-        render(
-            <LabelValue
-                data={{ testid: testId }}
-                label="Role"
-                value="Administrator, Moderator"
-            />
-        )
-        const kit = screen.getByTestId(testId)
-       const text = kit.querySelector(".pb_body_kit")
-        expect(text.textContent).toEqual("Administrator, Moderator")
-    })
-
-    test("renders icon if included with details variant", () => {
-        render(
-            <LabelValue
-                data={{ testid: testId }}
-                icon="truck"
-                label="Installer"
-                title="JD Installations LLC"
-                variant="details"
-            />
-        )
-        const kit = screen.getByTestId(testId)
-        const icon = kit.querySelector(".fa-truck.pb_icon_kit.fa-fw")
-        expect(icon).toBeInTheDocument()
-    })
-
-    test("renders title if included with details variant", () => {
-        render(
-            <LabelValue
-                data={{ testid: testId }}
-                icon="truck"
-                label="Installer"
-                title="JD Installations LLC"
-                variant="details"
-            />
-        )
-        const kit = screen.getByTestId(testId)
-        const text = kit.querySelector(".pb_title_kit_size_4")
-        expect(text.textContent).toEqual("JD Installations LLC")
-    })
-
-    test("renders date if included with details variant", () => {
-        render(
-            <LabelValue
-                data={{ testid: testId }}
-                date={new Date('18 Nov 2019')}
-                description="33-12345"
-                icon="home"
-                label="Project"
-                title="Jefferson-Smith"
-                variant="details"
-            />
-        )
-        const text = screen.getByText("11/18", {exact: false})
-        expect(text).toBeInTheDocument()
-    })
-
-    test("renders title if included with details variant", () => {
-        render(
-            <LabelValue
-                active
-                data={{ testid: testId }}
-                icon="truck"
-                label="Installer"
-                title="JD Installations LLC"
-                variant="details"
-            />
-        )
-        const kit = screen.getByTestId(testId)
-        const activeProp = kit.querySelector(".pb_title_kit_size_4_link")
-        expect(activeProp).toBeInTheDocument()
-    })
-})