playbook_ui 13.34.0.pre.alpha.PLAY14143358 → 13.34.0.pre.alpha.PLAY14143372

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9253f9b339ba544030b6e422bd88a881ec48ceb65a5cf6d0d1ae535feede5a8d
-  data.tar.gz: 1af9e96d99dfc60dfb0ecead38e6c761058b8ca52bb80667043df590a31f1a41
+  metadata.gz: 3d7c06af6de4de1eca3eb2fc8730a1aef14bed8bcd201956301854e34cfbddd5
+  data.tar.gz: a40334453ef2464508a473895cf2109743b2990e8e852ac842d19c43b1fb7a31
 SHA512:
-  metadata.gz: 84421793b5c2fea5489ee43fd0ee3eee9a06de14305c3036dbb4f20d38c44c786a3bd6c545bec828bfb7b5c15c2a947c7f54104a0e2cc08f36e3f876a734d922
-  data.tar.gz: 770a2194387f73205571de86c1d1052d6ad6879a46fe05bbf6628196066891f516572c9bd3f0c5101a30736e370fb0389dc869b01a898d0fee91a3a3508140e1
+  metadata.gz: 998396f1c63377bf30146be040990dc0125c407bfd185889091289092b59d7ba3fa813e3eca730d588268bb164ec2ef3fed0e30a8b321b3b208ebc402542f3a0
+  data.tar.gz: 0ab76bd090f5b1873b76f7841c34dfadf48edfe3928e78e9f17f2db76fc21b71158f8f448edf47ed7e1fbb8ff13eb47c678311a857634c33fbe414539e9cb300

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

@@ -61,10 +61,7 @@ const TypeaheadWithPillsAsyncCustomOptions = (props) => {
               text="State (Users)"
               {...props}
           />
-          <For
-              each="user"
-              of={users}
-          >
+          {users.map((user) => (
             <User
                 align="left"
                 avatar
@@ -75,7 +72,7 @@ const TypeaheadWithPillsAsyncCustomOptions = (props) => {
                 orientation="horizontal"
                 {...props}
             />
-          </For>
+          ))}
         </React.Fragment>
       )}
       <Typeahead

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "13.34.0"
-  VERSION = "13.34.0.pre.alpha.PLAY14143358"
+  VERSION = "13.34.0.pre.alpha.PLAY14143372"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 13.34.0.pre.alpha.PLAY14143358
+  version: 13.34.0.pre.alpha.PLAY14143372
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-07-27 00:00:00.000000000 Z
+date: 2024-07-31 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -2899,19 +2899,6 @@ 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.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
-- app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_default.jsx
-- app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_variant.html.erb
-- app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_variant.jsx
-- app/pb_kits/playbook/pb_weekday_stacked/docs/example.yml
-- 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/tokens/_animation-curves.scss
 - app/pb_kits/playbook/tokens/_border_radius.scss
 - app/pb_kits/playbook/tokens/_colors.scss
@@ -2992,16 +2979,12 @@ files:
 - app/pb_kits/playbook/utilities/text.ts
 - app/pb_kits/playbook/utilities/validEmojiChecker.ts
 - dist/chunks/_typeahead-COUJ88EA.js
-- dist/chunks/_weekday_stacked-BAkwel5p.js
 - dist/chunks/lazysizes-B7xYodB-.js
 - dist/chunks/lib-Bf_E03gc.js
 - dist/chunks/pb_form_validation-D0dhqeN2.js
-- dist/chunks/vendor.js
 - dist/menu.yml
-- dist/playbook-doc.js
 - dist/playbook-rails-react-bindings.js
 - dist/playbook-rails.js
-- dist/playbook.css
 - dist/reset.css
 - lib/playbook.rb
 - lib/playbook/align_content.rb

data/app/pb_kits/playbook/pb_weekday_stacked/_weekday_stacked.scss

@@ -1,11 +0,0 @@
-[class^='pb_weekday_stacked'] {
-  &[class*='_left'] {
-    text-align: left;
-  }
-  &[class*='_center'] {
-    text-align: center;
-  }
-  &[class*='_right'] {
-    text-align: right;
-  }
-}

data/app/pb_kits/playbook/pb_weekday_stacked/_weekday_stacked.tsx

@@ -1,83 +0,0 @@
-import React from 'react'
-import classnames from 'classnames'
-import { globalProps } from '../utilities/globalProps'
-import { buildAriaProps, buildCss, buildDataProps, buildHtmlProps } from '../utilities/props'
-
-import Caption from '../pb_caption/_caption'
-import Title from '../pb_title/_title'
-import DateTime from '../pb_kit/dateTime';
-import { GenericObject } from '../types'
-
-type WeekdayStackedProps = {
-  align?: "left" | "center" | "right",
-  aria?: {[key:string]:string },
-  className?: string,
-  dark?: boolean,
-  data?: GenericObject,
-  date: Date,
-  htmlOptions?: {[key: string]: string | number | boolean | (() => void)},
-  id?: string,
-  variant?: "day_only" | "month_day" | "expanded",
-  compact?: boolean,
-}
-
-const getDayOfWeek = (value: Date, compact: boolean) => {
-  if (compact) {
-    return DateTime.toDayAbbr(value)
-  } else {
-    return DateTime.toWeekday(value)
-  }
-}
-
-const getFormattedDate = (value: Date, variant: "day_only" | "month_day" | "expanded")  => {
-  if (variant === 'day_only') {
-    return DateTime.toDay(value).toString()
-  } else {
-    const format = variant === 'expanded' ? 'expanded' : 'month_day'
-    return DateTime.toCustomFormat(value, format)
-  }
-}
-
-const WeekdayStacked = (props: WeekdayStackedProps) => {
-  const {
-    align = 'left',
-    aria = {},
-    className,
-    dark = false,
-    data = {},
-    date = new Date(),
-    htmlOptions = {},
-    id,
-    variant = 'month_day',
-    compact = false,
-  } = props
-
-  const ariaProps = buildAriaProps(aria)
-  const dataProps = buildDataProps(data)
-  const htmlProps = buildHtmlProps(htmlOptions)
-  const classes = classnames(
-    buildCss('pb_weekday_stacked_kit', align),
-    globalProps(props),
-    className
-  )
-
-  return (
-    <div
-        {...ariaProps}
-        {...dataProps}
-        {...htmlProps}
-        className={classes}
-        id={id}
-    >
-      <Caption dark={dark}>{getDayOfWeek(date, compact)}</Caption>
-      <Title
-          dark={dark}
-          size={4}
-          tag="span"
-          text={getFormattedDate(date, variant)}
-      />
-    </div>
-  )
-}
-
-export default WeekdayStacked

data/app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_compact.html.erb

@@ -1,3 +0,0 @@
-<%= pb_rails("weekday_stacked", props: {variant: "expanded", compact: true}) %>
-<%= pb_rails("weekday_stacked", props: { variant: "day_only" , compact: true, align: "center"}) %>
-<%= pb_rails("weekday_stacked", props: { variant: "month_day", compact: true, align: "right" }) %>

data/app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_compact.jsx

@@ -1,27 +0,0 @@
-import React from 'react'
-
-import WeekdayStacked from '../_weekday_stacked'
-
-const WeekdayStackedCompact = (props) => (
-  <div>
-    <WeekdayStacked
-        compact
-        variant="day_only"
-        {...props}
-    />
-    <WeekdayStacked
-        align="center"
-        compact
-        variant="month_day"
-        {...props}
-    />
-    <WeekdayStacked
-        align="right"
-        compact
-        variant="expanded"
-        {...props}
-    />
-  </div>
-)
-
-export default WeekdayStackedCompact

data/app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_default.html.erb

@@ -1,3 +0,0 @@
-<%= pb_rails("weekday_stacked") %>
-<%= pb_rails("weekday_stacked", props: {align: 'center'}) %>
-<%= pb_rails("weekday_stacked", props: {align: 'right'}) %>

data/app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_default.jsx

@@ -1,22 +0,0 @@
-import React from 'react'
-
-import WeekdayStacked from '../_weekday_stacked'
-
-const WeekdayStackedDefault = (props) => (
-  <div>
-    <WeekdayStacked
-        className="test"
-        {...props}
-    />
-    <WeekdayStacked
-        align="center"
-        {...props}
-    />
-    <WeekdayStacked
-        align="right"
-        {...props}
-    />
-  </div>
-)
-
-export default WeekdayStackedDefault

data/app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_variant.html.erb

@@ -1,3 +0,0 @@
-<%= pb_rails("weekday_stacked", props: {variant: "expanded", }) %>
-<%= pb_rails("weekday_stacked", props: { variant: "day_only", align: "center" }) %>
-<%= pb_rails("weekday_stacked", props: { variant: "month_day", align: "right" }) %>

data/app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_variant.jsx

@@ -1,24 +0,0 @@
-import React from 'react'
-
-import WeekdayStacked from '../_weekday_stacked'
-
-const WeekdayStackedVariant = (props) => (
-  <div>
-    <WeekdayStacked
-        variant="day_only"
-        {...props}
-    />
-    <WeekdayStacked
-        align="center"
-        variant="month_day"
-        {...props}
-    />
-    <WeekdayStacked
-        align="right"
-        variant="expanded"
-        {...props}
-    />
-  </div>
-)
-
-export default WeekdayStackedVariant

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

@@ -1,12 +0,0 @@
-examples:
-  
-  rails:
-  - weekday_stacked_default: Default
-  - weekday_stacked_compact: Compact
-  - weekday_stacked_variant: Variant
-  
-  
-  react:
-  - weekday_stacked_default: Default
-  - weekday_stacked_compact: Compact
-  - weekday_stacked_variant: Variant

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

@@ -1,3 +0,0 @@
-export { default as WeekdayStackedDefault } from './_weekday_stacked_default.jsx'
-export { default as WeekdayStackedVariant } from './_weekday_stacked_variant.jsx'
-export { default as WeekdayStackedCompact } from './_weekday_stacked_compact.jsx'

data/app/pb_kits/playbook/pb_weekday_stacked/weekday_stacked.html.erb

@@ -1,4 +0,0 @@
-<%= pb_content_tag do %>
-    <%= pb_rails("caption", props: {dark: object.dark, text: object.day_of_week}) %>
-    <%= pb_rails("title", props: {dark: object.dark, size: 4, tag: "span", text: object.formatted_month_and_day}) %>
-<% end %>

data/app/pb_kits/playbook/pb_weekday_stacked/weekday_stacked.rb

@@ -1,57 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module PbWeekdayStacked
-    class WeekdayStacked < Playbook::KitBase
-      prop :align, type: Playbook::Props::Enum,
-                   values: %w[left center right],
-                   default: "left"
-
-      prop :date, type: Playbook::Props::Date,
-                  default: ::Date.current
-
-      prop :compact, type: Playbook::Props::Boolean,
-                     default: false
-
-      prop :variant, type: Playbook::Props::Enum,
-                     values: %w[day_only expanded month_day],
-                     default: "month_day"
-
-      def classname
-        generate_classname("pb_weekday_stacked_kit", align)
-      end
-
-      def day_of_week
-        day = Playbook::PbKit::PbDateTime.new(date)
-        formatted_day = compact ? day.to_day_of_week_compact : day.to_day_of_week
-        content_tag(:time, datetime: day.to_iso) do
-          formatted_day
-        end
-      end
-
-      def formatted_month_and_day
-        case variant
-        when "day_only" then day
-        when "expanded" then month_and_day(format: "%b %-d")
-        else month_and_day
-        end
-      end
-
-    private
-
-      def month_and_day(format: "%-m/%-d")
-        month_and_day = Playbook::PbKit::PbDateTime.new(date)
-        content_tag(:time, datetime: month_and_day.to_iso) do
-          date.strftime(format)
-        end
-      end
-
-      def day
-        day = Playbook::PbKit::PbDateTime.new(date)
-        content_tag(:time, datetime: day.to_iso) do
-          day.to_unpadded_day
-        end
-      end
-    end
-  end
-end

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

@@ -1,105 +0,0 @@
-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") 
-  });
-});