playbook_ui 12.21.0.pre.alpha.PLAY807RTEcustomtoolbar680 → 12.22.0.pre.alpha.PBNTR12checkingemptyfilters686

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9561ff1283a2c2a61fd7562e899a6c2391f1cbf95010e4365229d432904b878a
-  data.tar.gz: 8e70472802e711a1d8d304e973f1bca85a9b496c1d7af38af367e931dcf320f6
+  metadata.gz: '050709c25af1935687c3472973acb4fe9e7b3e811a0edcf35fb4f01c3d27193c'
+  data.tar.gz: dc4f357e487599331949afd8e95e4ce80285c5223c21cb67c5072af31840bd9d
 SHA512:
-  metadata.gz: 3bead3870a688c20c322c9bf534ddef966ed46e361eeded0d79b351e99640693bd9bb3f6ab5a2b2e62129145c189b5d2becc7c6fd34647f6b2485c1cc42ed077
-  data.tar.gz: f572b39bd3f17ea6619df329cd1e5986f8374b7b713e74ffab52094b45180c9f8a5a168651e909ad3d4b1af7d5097503d4dc156ab0f49c334e67b2b1c9c1c94a
+  metadata.gz: a9347203cd3f428e866317f66251b82bce4794a6376e9fe4028000a7c91aefdceb34a0d4856ce2ccae64f3ed783bbbda8ec4a16ea4e798a9d0a3c54e765a254d
+  data.tar.gz: 8468890749d6669fe3d560741d272de73464c93effe2e7f86301ddd654fbbe7c5601d7b1d3b438363c0bd0278940c8eeea51686b1509bc518c08c9f5930df0cd

data/app/pb_kits/playbook/pb_filter/Filter/CurrentFilters.tsx

@@ -27,7 +27,7 @@ const CurrentFilters = ({ dark, filters }: CurrentFiltersProps): React.ReactElem
             color="light"
             paddingLeft="xs"
             size={4}
-            tag="h4"
+            tag="span"
             text="No Filter Selected"
         />
       </div>

data/app/pb_kits/playbook/pb_filter/filter.html.erb

@@ -9,22 +9,23 @@
           <div class="maskContainer">
             <div class="filters">
               <div class="left_gradient"></div>
-              <% object.filters.each do |filter| %>
-                <% if filter[:name] == "" %>
-                  <div>
-                    <%= pb_rails("body", props: {
-                      color: "light",
-                      padding_left: "xs",
-                      size: 4,
-                      tag:"h4",
-                      text: "No Filter Selected"
-                    }) %>
-                  </div>
-                <% else %>
-                <div class="filter">
-                  <%= pb_rails("caption", props: { text: filter[:name]}) %>
-                  <%= pb_rails("title", props: { size: 4, tag:"h4", text: filter[:value]}) %>
+              <% if object.filters&.none? { |filter| filter[:name].present? } %>
+                <div>
+                  <%= pb_rails("body", props: {
+                    color: "light",
+                    padding_left: "xs",
+                    size: 4,
+                    tag:"span",
+                    text: "No Filter Selected"
+                  }) %>
                 </div>
+              <% end %>
+              <% object.filters&.each do |filter| %>
+                <% if filter[:name].present? %>
+                  <div class="filter">
+                    <%= pb_rails("caption", props: { text: filter[:name]}) %>
+                    <%= pb_rails("title", props: { size: 4, tag:"h4", text: filter[:value]}) %>
+                  </div>
                 <% end %>
               <% end %>
               <div class="right_gradient"></div>

data/app/pb_kits/playbook/pb_rich_text_editor/TipTap/MoreExtensionsDropdown.tsx

@@ -20,9 +20,9 @@ const MoreExtensionsDropdown = ({extensions}: any) => {
 
 const popoverReference = (
     <button
-    className="toolbar_button"
-    onClick={handleTogglePopover}
-  >
+      className="toolbar_button"
+      onClick={handleTogglePopover}
+    >
     <Flex 
       align="center"
       className="toolbar_button_icon"
@@ -53,14 +53,14 @@ const popoverReference = (
               cursor="pointer"
               className={`pb_tiptap_toolbar_dropdown_list_item ${isActive ? "is-active" : ""}`}
               iconLeft={icon}
-               key={`${text}_${index}`}
+              key={`${text}_${index}`}
               margin='none'
               onClick={()=> {onclick(); setShowPopover(false)}}
               text={text}
               paddingTop='xxs'
               paddingBottom='xxs'
             />
-        ))}
+          ))}
         </Nav>
       </PbReactPopover>
   )

data/app/pb_kits/playbook/pb_rich_text_editor/TipTap/Toolbar.tsx

@@ -53,13 +53,12 @@ const EditorToolbar = ({ editor, extensions }:any) => {
             <SectionSeparator orientation="vertical" />
             <ToolbarNodes editor={editor} />
             {
-          extensions && (
-            <>
-            <MoreExtensionsDropdown extensions={extensions}/>
-            </>
-          )
-        }
-
+              extensions && (
+                <>
+                  <MoreExtensionsDropdown extensions={extensions}/>
+                </>
+              )
+            }
         </FlexItem>
         <ToolbarHistoryItems editor={editor} />
       </Flex>

data/app/pb_kits/playbook/pb_weekday_stacked/{_weekday_stacked.jsx → _weekday_stacked.tsx}

@@ -12,18 +12,17 @@ import DateTime from '../pb_kit/dateTime'
 
 type WeekdayStackedProps = {
   align?: "left" | "center" | "right",
-  aria?: object,
+  aria?: {[key:string]:string },
   className?: string,
   dark?: boolean,
   data?: object,
-  date: date,
+  date: Date,
   id?: string,
   variant?: "day_only" | "month_day" | "expanded",
   compact?: boolean,
-  id?: string,
 }
 
-const getDayOfWeek = (value, compact) => {
+const getDayOfWeek = (value: Date | string, compact: boolean) => {
   const dateTime = new DateTime({ value })
   if (compact) {
     return dateTime.toDayAbbr()
@@ -32,7 +31,7 @@ const getDayOfWeek = (value, compact) => {
   }
 }
 
-const getFormattedDate = (value, variant) => {
+const getFormattedDate = (value: Date | string, variant: "day_only" | "month_day" | "expanded") => {
   const dateTime = new DateTime({ value })
   if (variant === 'day_only') {
     return dateTime.toDay()

data/app/pb_kits/playbook/pb_weekday_stacked/weekday_stacked.test.jsx

@@ -0,0 +1,105 @@
+import React from "react";
+import { render, screen } from "../utilities/test-utils";
+
+import WeekdayStacked from "./_weekday_stacked";
+
+const TEST_DATE = "01/01/2020 00:00:000 GMT-0500";
+jest.setSystemTime(new Date(TEST_DATE));
+const testId = "weekdaystacked-kit";
+const realDate = Date;
+
+beforeEach(() => {
+  global.Date.now = jest.fn(() => new Date(TEST_DATE));
+});
+
+afterEach(() => {
+  global.Date = realDate;
+});
+
+describe("WeekdayStacked Kit", () => {
+  test("renders className", () => {
+    render(
+      <WeekdayStacked 
+          data={{ testid: testId }} 
+      />
+    );
+
+    const kit = screen.getByTestId(testId);
+    expect(kit).toHaveClass("pb_weekday_stacked_kit_left");
+  });
+
+  test("renders Caption with weekday", () => {
+    render(
+      <WeekdayStacked 
+          data={{ testid: testId }}
+      />
+    );
+
+    const kit = screen.getByTestId(testId);
+    const text = kit.querySelector(".pb_caption_kit_md");
+    expect(text.textContent).toEqual("Wed") 
+  });
+
+  test("renders Title with date", () => {
+    render(
+      <WeekdayStacked 
+          data={{ testid: testId }}
+      />
+    );
+
+    const kit = screen.getByTestId(testId);
+    const text = kit.querySelector(".pb_title_kit_size_4");
+    expect(text.textContent).toEqual("1/1") 
+  });
+
+  test("renders compact prop", () => {
+    render(
+      <WeekdayStacked 
+          compact
+          data={{ testid: testId }}
+      />
+    );
+
+    const kit = screen.getByTestId(testId);
+    const text = kit.querySelector(".pb_caption_kit_md");
+    expect(text.textContent).toEqual("W") 
+  });
+
+  test("renders align prop", () => {
+    render(
+        <WeekdayStacked 
+            align="left"
+            data={{ testid: testId }}
+        />
+    );
+      
+    const kit = screen.getByTestId(testId);
+    expect(kit).toHaveClass("pb_weekday_stacked_kit_left")
+  });
+
+  test("renders day_only variant prop", () => {
+    render(
+        <WeekdayStacked 
+            data={{ testid: testId }}
+            variant="day_only"
+        />
+    );
+      
+    const kit = screen.getByTestId(testId);
+    const text = kit.querySelector(".pb_title_kit_size_4");
+    expect(text.textContent).toEqual("1") 
+  });
+
+  test("renders expanded variant prop", () => {
+    render(
+        <WeekdayStacked 
+            data={{ testid: testId }}
+            variant="expanded"
+        />
+    );
+      
+    const kit = screen.getByTestId(testId);
+    const text = kit.querySelector(".pb_title_kit_size_4");
+    expect(text.textContent).toEqual("Jan 1") 
+  });
+});

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "12.21.0"
-  VERSION = "12.21.0.pre.alpha.PLAY807RTEcustomtoolbar680"
+  PREVIOUS_VERSION = "12.22.0"
+  VERSION = "12.22.0.pre.alpha.PBNTR12checkingemptyfilters686"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 12.21.0.pre.alpha.PLAY807RTEcustomtoolbar680
+  version: 12.22.0.pre.alpha.PBNTR12checkingemptyfilters686
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2023-05-18 00:00:00.000000000 Z
+date: 2023-05-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -2350,8 +2350,8 @@ files:
 - app/pb_kits/playbook/pb_walkthrough/docs/example.yml
 - app/pb_kits/playbook/pb_walkthrough/docs/index.js
 - app/pb_kits/playbook/pb_walkthrough/walkthrough.test.jsx
-- app/pb_kits/playbook/pb_weekday_stacked/_weekday_stacked.jsx
 - app/pb_kits/playbook/pb_weekday_stacked/_weekday_stacked.scss
+- app/pb_kits/playbook/pb_weekday_stacked/_weekday_stacked.tsx
 - app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_compact.html.erb
 - app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_compact.jsx
 - app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_default.html.erb
@@ -2362,6 +2362,7 @@ files:
 - app/pb_kits/playbook/pb_weekday_stacked/docs/index.js
 - app/pb_kits/playbook/pb_weekday_stacked/weekday_stacked.html.erb
 - app/pb_kits/playbook/pb_weekday_stacked/weekday_stacked.rb
+- app/pb_kits/playbook/pb_weekday_stacked/weekday_stacked.test.jsx
 - app/pb_kits/playbook/playbook-doc.js
 - app/pb_kits/playbook/playbook-rails-react-bindings.js
 - app/pb_kits/playbook/playbook-rails.js