playbook_ui 12.26.1.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown831 → 12.26.1.pre.alpha.railsmultilevelimprovements835

data/app/pb_kits/playbook/pb_date_year_stacked/date_year_stacked.test.js

@@ -21,7 +21,8 @@ describe("DateYearStacked Kit", () => {
     render(
       <DateYearStacked 
           data={{ testid: testId }} 
-          date={new Date(Date.now())} />
+          date={new Date(Date.now())}
+      />
     );
 
     const kit = screen.getByTestId(testId);
@@ -32,7 +33,8 @@ describe("DateYearStacked Kit", () => {
     render(
       <DateYearStacked 
           data={{ testid: testId }} 
-          date={new Date(Date.now())} />
+          date={new Date(Date.now())}
+      />
     );
 
     const kit = screen.getByTestId(testId);
@@ -44,7 +46,8 @@ describe("DateYearStacked Kit", () => {
     render(
       <DateYearStacked 
           data={{ testid: testId }} 
-          date={new Date(Date.now())} />
+          date={new Date(Date.now())}
+      />
     );
 
     const kit = screen.getByTestId(testId);

data/app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height.jsx

@@ -49,15 +49,18 @@ const DialogFullHeight = () => {
       <Flex wrap>
         <Button id="sm"
             marginRight="md"
-            onClick={toggleHeaderSeparatorDialog}>
+            onClick={toggleHeaderSeparatorDialog}
+        >
           {"Small Dialog"}
         </Button>
         <Button marginRight="md"
-            onClick={toggleFooterSeparatorDialog}>
+            onClick={toggleFooterSeparatorDialog}
+        >
           {"Medium Dialog"}
         </Button>
         <Button marginRight="md"
-            onClick={toggleBothSeparatorsDialog}>
+            onClick={toggleBothSeparatorsDialog}
+        >
           {"Large Dialog"}
         </Button>
       </Flex>
@@ -89,7 +92,8 @@ const DialogFullHeight = () => {
             <Dialog.Footer>
               <Button onClick={toggle}>{"Send My Issue"}</Button>
               <Button onClick={toggle}
-                  variant="link">
+                  variant="link"
+              >
                 {"Back"}
               </Button>
             </Dialog.Footer>

data/app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height_placement.jsx

@@ -48,15 +48,18 @@ const DialogFullHeightPlacement = () => {
       <Flex wrap>
         <Button id="sm"
             marginRight="md"
-            onClick={toggleHeaderSeparatorDialog}>
+            onClick={toggleHeaderSeparatorDialog}
+        >
           {"Left Dialog"}
         </Button>
         <Button marginRight="xl"
-            onClick={toggleFooterSeparatorDialog}>
+            onClick={toggleFooterSeparatorDialog}
+        >
           {"Center Dialog"}
         </Button>
         <Button marginRight="xl"
-            onClick={toggleBothSeparatorsDialog}>
+            onClick={toggleBothSeparatorsDialog}
+        >
           {"Right Dialog"}
         </Button>
       </Flex>
@@ -88,7 +91,8 @@ const DialogFullHeightPlacement = () => {
             <Dialog.Footer>
               <Button onClick={toggle}>{"Send My Issue"}</Button>
               <Button onClick={toggle}
-                  variant="link">
+                  variant="link"
+              >
                 {"Back"}
               </Button>
             </Dialog.Footer>

data/app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.jsx

@@ -16,10 +16,12 @@ const DialogScrollable = () => {
   return (
     <>
       <Button marginRight="md" 
-          onClick={toggleDialog1}>{'Open Dialog'}
+          onClick={toggleDialog1}
+      >{'Open Dialog'}
       </Button>
       <Button marginRight="md" 
-          onClick={toggleDialog2}>{'Open Full Height Dialog'}
+          onClick={toggleDialog2}
+      >{'Open Full Height Dialog'}
       </Button>
       <Dialog
           cancelButton="Cancel"

data/app/pb_kits/playbook/pb_dialog/docs/_dialog_status.jsx

@@ -84,7 +84,7 @@ const DialogStatus = () => {
       <Flex 
           rowGap="xs" 
           wrap
-        >
+      >
         <Button
             marginRight="md"
             onClick={toggleDefaultAlert}

data/app/pb_kits/playbook/pb_filter/filter.test.js

@@ -46,12 +46,15 @@ function FilterTest(props) {
           {...props}
       />
       <Flex spacing="between"
-          {...props}>
+          {...props}
+      >
         <Button text="Apply"
-            {...props} />
+            {...props}
+        />
         <Button text="Clear"
             variant="secondary"
-            {...props} />
+            {...props}
+        />
       </Flex>
     </Filter>
   );

data/app/pb_kits/playbook/pb_form_group/form_group.test.js

@@ -9,7 +9,8 @@ test("should render a div with a button child", () => {
     <FormGroup>
       <Button 
           data={{ testid: testId }} 
-          text={"some text"} />
+          text={"some text"}
+      />
     </FormGroup>
   )
 

data/app/pb_kits/playbook/pb_gauge/docs/_gauge_complex.jsx

@@ -74,7 +74,7 @@ const GaugeComplex = (props) => (
               <Body
                   color="light"
                   text="% Abandoned"
-               />
+              />
             <Flex wrap>
               <FlexItem
                   fixedSize="150px"

data/app/pb_kits/playbook/pb_home_address_street/home_adress_street.test.js

@@ -23,7 +23,7 @@ function HomeAdressStreetTest(props) {
             territory="PHL"
             zipcode="19382"
             {...props}
-    />
+        />
     );
   }
   

data/app/pb_kits/playbook/pb_icon/icon.test.js

@@ -12,7 +12,7 @@ describe("Icon Kit", () => {
                 data={{ testid: testId }}
                 fixedWidth
                 icon="user"
-      />
+            />
         )
 
         const kit = screen.getByTestId(testId)
@@ -27,7 +27,7 @@ describe("Icon Kit", () => {
                 fixedWidth
                 icon="user"
                 rotation={rotateProp}
-      />
+            />
         )
 
         const kit = screen.getByTestId(testId)
@@ -44,7 +44,7 @@ describe("Icon Kit", () => {
                 fixedWidth
                 flip="horizontal"
                 icon="user"
-      />
+            />
         )
 
         const kit = screen.getByTestId(testId)
@@ -59,7 +59,7 @@ describe("Icon Kit", () => {
                 fixedWidth
                 icon="spinner"
                 spin
-      />
+            />
         )
 
         const kit = screen.getByTestId(testId)
@@ -73,7 +73,7 @@ describe("Icon Kit", () => {
                 fixedWidth
                 icon="arrow-left"
                 pull="left"
-      />
+            />
         )
 
         const kit = screen.getByTestId(testId)
@@ -87,7 +87,7 @@ describe("Icon Kit", () => {
                 fixedWidth
                 icon="arrow-left"
                 pull="left"
-      />
+            />
         )
 
         const kit = screen.getByTestId(testId)
@@ -101,7 +101,7 @@ describe("Icon Kit", () => {
                 data={{ testid: testId }}
                 fixedWidth
                 icon="user"
-      />
+            />
         )
 
         const kit = screen.getByTestId(testId)
@@ -128,7 +128,7 @@ describe("Icon Kit", () => {
                     data={{ testid: testId }}
                     icon="user"
                     size={sizeProp}
-          />
+                />
             )
     
             const kit = screen.getByTestId(testId)
@@ -145,7 +145,7 @@ describe("Icon Kit", () => {
                 fixedWidth
                 fontStyle="fas"
                 icon="user"
-      />
+            />
         )
 
         const kit = screen.getByTestId(testId)

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

@@ -14,7 +14,7 @@ describe("IconStatValue Kit", () => {
                 text="Electric"
                 unit="kw"
                 value={64.18}
-      />
+            />
         )
 
         const kit = screen.getByTestId(testId)
@@ -29,7 +29,7 @@ describe("IconStatValue Kit", () => {
                 text="Electric"
                 unit="kw"
                 value={64.18}
-      />
+            />
         )
 
         const kit = screen.getByTestId(testId)
@@ -45,7 +45,7 @@ describe("IconStatValue Kit", () => {
                 text="Electric"
                 unit="kw"
                 value={64.18}
-      />
+            />
         )
 
         const kit = screen.getByTestId(testId)
@@ -61,7 +61,7 @@ describe("IconStatValue Kit", () => {
                 text="Electric"
                 unit="kw"
                 value={64.18}
-      />
+            />
         )
 
         const kit = screen.getByTestId(testId)
@@ -77,7 +77,7 @@ describe("IconStatValue Kit", () => {
                 text="Electric"
                 unit="kw"
                 value={64.18}
-      />
+            />
         )
 
         const kit = screen.getByTestId(testId)
@@ -97,7 +97,7 @@ describe("IconStatValue Kit", () => {
                     text="Electric"
                     unit="kw"
                     value={64.18}
-          />
+                />
             )
     
             const kit = screen.getByTestId(testId)
@@ -125,7 +125,7 @@ describe("IconStatValue Kit", () => {
                     unit="kw"
                     value={64.18}
                     variant={colorProp}
-          />
+                />
             )
     
             const kit = screen.getByTestId(testId)
@@ -144,7 +144,7 @@ describe("IconStatValue Kit", () => {
                     text="Electric"
                     unit="kw"
                     value={64.18}
-          />
+                />
             )
     
             const kit = screen.getByTestId(testId)

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

@@ -12,7 +12,7 @@ describe("IconValue Kit", () => {
                 data={{ testid: testId }}
                 icon="clipboard"
                 text="33-123456"
-      />
+            />
         )
 
         const kit = screen.getByTestId(testId)
@@ -25,7 +25,7 @@ describe("IconValue Kit", () => {
                 data={{ testid: testId }}
                 icon="clipboard"
                 text="33-123456"
-      />
+            />
         )
 
         const kit = screen.getByTestId(testId)
@@ -39,7 +39,7 @@ describe("IconValue Kit", () => {
                 data={{ testid: testId }}
                 icon="clipboard"
                 text="33-123456"
-      />
+            />
         )
 
         const kit = screen.getByTestId(testId)
@@ -54,7 +54,7 @@ describe("IconValue Kit", () => {
                 data={{ testid: testId }}
                 icon="clipboard"
                 text="33-123456"
-      />
+            />
         )
 
         const kit = screen.getByTestId(testId)
@@ -68,7 +68,7 @@ describe("IconValue Kit", () => {
                 data={{ testid: testId }}
                 icon="clipboard"
                 text="33-123456"
-      />
+            />
         )
 
         const kit = screen.getByTestId(testId)

data/app/pb_kits/playbook/pb_layout/layout.test.js

@@ -16,7 +16,8 @@ test("render all color variants", () => {
   testValues.forEach((variant) => {
     const { getByTestId } = render(
       <LayoutTest data={{ testid: `test-${variant}` }}
-          variant={variant} />
+          variant={variant}
+      />
     )
     expect(getByTestId(`test-${variant}`)).toHaveClass(
       `pb_layout_kit_sidebar_size_md_left_${
@@ -33,7 +34,8 @@ test("render transparent class", () => {
 
   const { getByTestId } = render(
     <LayoutTest data={{ testid: `test-${id}` }}
-        variant={id} />
+        variant={id}
+    />
   )
   expect(getByTestId(`test-${id}`)).toHaveClass(
     `pb_layout_kit_sidebar_size_md_left_${id}`
@@ -47,7 +49,8 @@ test("render all sizes variants", () => {
   testValues.forEach((size) => {
     const { getByTestId } = render(
       <LayoutTest data={{ testid: `test-${size}` }}
-          size={size} />
+          size={size}
+      />
     )
     expect(getByTestId(`test-${size}`)).toHaveClass(
       `pb_layout_kit_sidebar_size_${size}_left_light`
@@ -84,7 +87,8 @@ test("render all layout variants", () => {
   testValues.forEach(({ layout, expected }) => {
     const { getByTestId } = render(
       <Layout data={{ testid: `test-${layout}` }}
-          layout={layout}>
+          layout={layout}
+      >
         <Layout.Body>
           <Card>{"Card content"}</Card>
         </Layout.Body>