playbook_ui 14.12.0.pre.alpha.play1887homeaddressfix5910 → 14.12.0.pre.alpha.playrailsinputmaskissue5775

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "14.12.0"
-  VERSION = "14.12.0.pre.alpha.play1887homeaddressfix5910"
+  VERSION = "14.12.0.pre.alpha.playrailsinputmaskissue5775"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 14.12.0.pre.alpha.play1887homeaddressfix5910
+  version: 14.12.0.pre.alpha.playrailsinputmaskissue5775
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-02-04 00:00:00.000000000 Z
+date: 2025-01-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -800,17 +800,12 @@ files:
 - app/pb_kits/playbook/pb_contact/docs/index.js
 - app/pb_kits/playbook/pb_copy_button/_copy_button.scss
 - app/pb_kits/playbook/pb_copy_button/_copy_button.tsx
-- app/pb_kits/playbook/pb_copy_button/copy_button.html.erb
-- app/pb_kits/playbook/pb_copy_button/copy_button.rb
 - app/pb_kits/playbook/pb_copy_button/copy_button.test.jsx
-- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.html.erb
 - app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.jsx
-- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.html.erb
 - app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.jsx
 - app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.md
 - app/pb_kits/playbook/pb_copy_button/docs/example.yml
 - app/pb_kits/playbook/pb_copy_button/docs/index.js
-- app/pb_kits/playbook/pb_copy_button/index.js
 - app/pb_kits/playbook/pb_currency/_currency.scss
 - app/pb_kits/playbook/pb_currency/_currency.tsx
 - app/pb_kits/playbook/pb_currency/currency.html.erb
@@ -1348,10 +1343,8 @@ files:
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.scss
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.tsx
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_description.md
-- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close.html.erb
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close.jsx
-- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close_rails.md
-- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close_react.md
+- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close.md
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_children.html.erb
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_children.jsx
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_children.md
@@ -1559,10 +1552,6 @@ files:
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.jsx
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.md
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis_swift.md
-- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting.html.erb
-- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting.jsx
-- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting_rails.md
-- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting_react.md
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.html.erb
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.jsx
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.md
@@ -1847,8 +1836,6 @@ files:
 - app/pb_kits/playbook/pb_link/docs/_link_icon.jsx
 - app/pb_kits/playbook/pb_link/docs/_link_tag.html.erb
 - app/pb_kits/playbook/pb_link/docs/_link_tag.jsx
-- app/pb_kits/playbook/pb_link/docs/_link_target.html.erb
-- app/pb_kits/playbook/pb_link/docs/_link_target.jsx
 - app/pb_kits/playbook/pb_link/docs/_link_underline.html.erb
 - app/pb_kits/playbook/pb_link/docs/_link_underline.jsx
 - app/pb_kits/playbook/pb_link/docs/example.yml
@@ -3167,9 +3154,6 @@ files:
 - app/pb_kits/playbook/pb_user/docs/_user_default.html.erb
 - app/pb_kits/playbook/pb_user/docs/_user_default.jsx
 - app/pb_kits/playbook/pb_user/docs/_user_horizontal_swift.md
-- app/pb_kits/playbook/pb_user/docs/_user_light_weight.html.erb
-- app/pb_kits/playbook/pb_user/docs/_user_light_weight.jsx
-- app/pb_kits/playbook/pb_user/docs/_user_light_weight.md
 - app/pb_kits/playbook/pb_user/docs/_user_presence_indicator_swift.md
 - app/pb_kits/playbook/pb_user/docs/_user_props_table.md
 - app/pb_kits/playbook/pb_user/docs/_user_size.html.erb
@@ -3325,11 +3309,11 @@ files:
 - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
 - app/pb_kits/playbook/utilities/text.ts
 - app/pb_kits/playbook/utilities/validEmojiChecker.ts
-- dist/chunks/_typeahead-CkemExmL.js
-- dist/chunks/_weekday_stacked-C2x2rHKi.js
+- dist/chunks/_typeahead-BIhRQo8Q.js
+- dist/chunks/_weekday_stacked-CttHBFW3.js
 - dist/chunks/lazysizes-B7xYodB-.js
-- dist/chunks/lib-DjpLC8uO.js
-- dist/chunks/pb_form_validation-S56UaHZl.js
+- dist/chunks/lib-kMuhBuU7.js
+- dist/chunks/pb_form_validation-DBJ0wZuS.js
 - dist/chunks/vendor.js
 - dist/menu.yml
 - dist/playbook-doc.js

data/app/pb_kits/playbook/pb_copy_button/copy_button.html.erb

@@ -1,15 +0,0 @@
-<%= pb_content_tag do %>
-    <%= pb_rails("button", props: { icon: "copy" }) do %>
-      <%= object.text %>
-    <% end %>
-  <% if object.id %> 
-  <%= pb_rails("tooltip", props: {
-      trigger_element_selector: "##{object.id}",
-      position: object.tooltip_position,
-      tooltip_id: "#{object.id}_tooltip",
-      trigger_method: "click"
-    }) do %>
-        <%= object.tooltip_text %> 
-    <% end %>
-  <% end %>
-<% end %>

data/app/pb_kits/playbook/pb_copy_button/copy_button.rb

@@ -1,28 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module PbCopyButton
-    class CopyButton < ::Playbook::KitBase
-      prop :text
-      prop :tooltip_position,
-           type: Playbook::Props::Enum,
-           values: %w[top right bottom left],
-           default: "top"
-      prop :tooltip_text, type: Playbook::Props::String,
-                          default: "Copied!"
-      prop :value
-      prop :from
-
-      def classname
-        generate_classname("pb_copy_button_kit")
-      end
-
-      def data
-        Hash(values[:data]).merge(
-          "copy-value": value,
-          "from": from
-        )
-      end
-    end
-  end
-end

data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.html.erb

@@ -1,2 +0,0 @@
-<%= pb_rails("copy_button", props: { id: "default-copy-button", text: "Copy Text", value: "Playbook makes it easy to support bleeding edge, or legacy systems. Use Playbook’s 200+ components and end-to-end design language to create simple, intuitive and beautiful experiences with ease." } ) %>
-<%= pb_rails("textarea", props: { margin_top: "xs", placeholder: "Copy and paste here" }) %>

data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.html.erb

@@ -1,5 +0,0 @@
-<%= pb_rails("body", props: { id: "body", text: "Copy this body text!"}) %>
-<%= pb_rails("copy_button", props: { text: "Copy Body text", from: "body", id: "copy-body-button" }) %>
-<%= pb_rails("text_input", props: { margin_top: "xs", placeholder: "Copy and paste here" }) %>
-<%= pb_rails("copy_button", props: { text: "Copy Text Input", from: "copy-input", id: "copy-input-button" }) %>
-<%= pb_rails("text_input", props: { margin_top: "xs", id: "copy-input" , value: "Copy and paste here" }) %>

data/app/pb_kits/playbook/pb_copy_button/index.js

@@ -1,47 +0,0 @@
-import PbEnhancedElement from "../pb_enhanced_element"
-
-export default class PbCopyButton extends PbEnhancedElement {
-  static get selector() {
-    return '.pb_copy_button_kit'
-  }
-
-  connect() {
-    this.handleClick = this.handleClick.bind(this)
-    this.button = this.element.querySelector('button')
-    if (this.button) {
-      this.button.addEventListener('click', this.handleClick)
-    }
-  }
-
-  disconnect() {
-    if (this.button) {
-      this.button.removeEventListener('click', this.handleClick)
-    }
-  }
-
-  handleClick() {
-    const fromId = this.element.getAttribute('data-from')
-    if (fromId) {
-      const fromElement = document.querySelector(`#${fromId}`)
-      if (fromElement) {
-        let contentToCopy = ''
-        if (fromElement.tagName.toLowerCase() === 'input') {
-          contentToCopy = fromElement.value
-        } else {
-          contentToCopy = fromElement.innerText
-        }
-        navigator.clipboard.writeText(contentToCopy)
-          .catch(err => console.error('Failed to copy text', err))
-        return
-      }
-    }
-
-    const textToCopy = this.element.getAttribute('data-copy-value')
-    if (textToCopy) {
-      navigator.clipboard.writeText(textToCopy)
-        .catch(err => console.error('Failed to copy text', err))
-    } else {
-      console.warn('No data-copy-value attribute found or data-from element')
-    }
-  }
-}

data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close.html.erb

@@ -1,58 +0,0 @@
-<%= pb_rails("button", props: { text: "Show Auto Close Toast", variant: "secondary", data: { toast: "#toast-auto-close" } }) %>
-<%= pb_rails("button", props: { text: "Show Closeable Auto Close Toast", variant: "secondary", data: { toast: "#toast-auto-close-closeable" } }) %>
-
-<%= pb_rails("fixed_confirmation_toast", props: {
-  auto_close: 3000,
-  classname: "toast-to-hide",
-  id: "toast-auto-close",
-  text: "I will disappear in 3 seconds.",
-  status: "tip",
-  vertical: "top",
-  horizontal: "center"
-}) %>
-
-<%= pb_rails("fixed_confirmation_toast", props: {
-  auto_close: 10000,
-  closeable: true,
-  id: "toast-auto-close-closeable",
-  text: "I will disappear in 10 seconds.",
-  status: "tip",
-  vertical: "top",
-  horizontal: "center"
-}) %>
-
-<script>
-document.addEventListener('DOMContentLoaded', () => {
-  // Initialize toast elements and buttons
-  const toasts = {
-    '#toast-auto-close': document.querySelector("#toast-auto-close"),
-    '#toast-auto-close-closeable': document.querySelector("#toast-auto-close-closeable")
-  }
-  
-  const buttons = {
-    '#toast-auto-close': document.querySelector("button[data-toast='#toast-auto-close']"),
-    '#toast-auto-close-closeable': document.querySelector("button[data-toast='#toast-auto-close-closeable']")
-  }
-
-  // Store original toasts and remove them from DOM
-  const originalToasts = {}
-  Object.entries(toasts).forEach(([id, toast]) => {
-    if (toast) {
-      originalToasts[id] = toast.cloneNode(true)
-      toast.remove()
-    }
-  })
-
-  // Set up button click handlers
-  Object.keys(buttons).forEach((toastId) => {
-    const button = buttons[toastId]
-    if (button) {
-      button.onclick = () => {
-        const newToast = originalToasts[toastId].cloneNode(true)
-        newToast.style.display = "flex"
-        document.body.appendChild(newToast)
-      }
-    }
-  })
-})
-</script>

data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close_rails.md

@@ -1,3 +0,0 @@
-Auto close is used when you want the confirmation toast to close automatically after a certain time. `auto_close` property will be a delay number in ms.
-
-The script tag in this code snippet is for demonstration purposes only. It clones the toasts in order to have it appear with a button click prompt and not upon initial page load. In a typical production environment the event triggering a fixed confirmation toast to appear would be handled by a controller or a separate javascript file.

data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting.html.erb

@@ -1,11 +0,0 @@
-<%= pb_rails("home_address_street", props: {
-  address: "70 pRoSpEcT ave",
-  address_cont: "Apt M18",
-  city: "West Chester",
-  home_id: 8250263,
-  home_url: "https://powerhrg.com/",
-  preserve_case: true,
-  state: "pa",
-  zipcode: "19382",
-  territory: "PHL",
-}) %>

data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting.jsx

@@ -1,22 +0,0 @@
-import React from 'react'
-
-import HomeAddressStreet from '../_home_address_street'
-
-const HomeAddressStreetFormatting = (props) => {
-  return (
-    <HomeAddressStreet
-        address="70 pRoSpEcT ave"
-        addressCont="Apt M18"
-        city="West Chester"
-        homeId="8250263"
-        homeUrl="https://powerhrg.com/"
-        preserveCase
-        state="pa"
-        territory="PHL"
-        zipcode="19382"
-        {...props}
-    />
-  )
-}
-
-export default HomeAddressStreetFormatting

data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting_rails.md

@@ -1 +0,0 @@
-The `state` prop will always capitalize the state name, even if the data entered is in lowercase. For example, when `state="pa"` is passed, it will be rendered as "PA". When you pass `preserve_case: true`, the street address will be rendered exactly as entered, without automatic title capitalization.

data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting_react.md

@@ -1 +0,0 @@
-The `state` prop will always capitalize the state name, even if the data entered is in lowercase. For example, when `state="pa"` is passed, it will be rendered as "PA". When you pass `preserveCase`, the street address will be rendered exactly as entered, without automatic title capitalization.

data/app/pb_kits/playbook/pb_link/docs/_link_target.html.erb

@@ -1,15 +0,0 @@
-<div>
-  <%= pb_rails("link", props: {
-    href: "http://google.com",
-    target: "blank",
-    text: "Open In New Window"
-  }) %>
-</div>
-
-<div>
-  <%= pb_rails("link", props: {
-    href: "https://playbook.powerapp.cloud/",
-    target: "child",
-    text: "Open In Child Tab",
-  }) %>
-</div>

data/app/pb_kits/playbook/pb_link/docs/_link_target.jsx

@@ -1,29 +0,0 @@
-import React from 'react'
-import { Link } from 'playbook-ui'
-
-const LinkTarget = (props) => (
-  <div>
-    <div>
-      <Link
-          aria={{ label: 'Link to Google in new window' }}
-          href="https://google.com"
-          tabIndex={0}
-          target='blank'
-          text="Open In New Window"
-          {...props}
-      />
-    </div>
-    <div>
-      <Link
-          aria={{ label: 'Link to Playbook in a child tab' }}
-          href="https://playbook.powerapp.cloud/"
-          tabIndex={0}
-          target='child'
-          text="Open In Child Tab"
-          {...props}
-      />
-    </div>
-  </div>
-)
-
-export default LinkTarget

data/app/pb_kits/playbook/pb_user/docs/_user_light_weight.html.erb

@@ -1,42 +0,0 @@
-<div class="pb--doc-demo-row">
-  <div>
-    <%= pb_rails("user", props: {
-      name: "Anna Black",
-      title: "Remodeling Consultant",
-      orientation: "vertical",
-      align: "center",
-      size: "lg",
-      avatar_url: "https://randomuser.me/api/portraits/women/44.jpg",
-      bold: false
-      }) %>
-  </div>
-  <div>
-    <%= pb_rails("user", props: {
-      name: "Anna Black",
-      title: "Remodeling Consultant",
-      orientation: "horizontal",
-      align: "left",
-      avatar_url: "https://randomuser.me/api/portraits/women/44.jpg",
-      bold: false
-      }) %>
-  </div>
-  <div>
-    <%= pb_rails("user", props: {
-      name: "Anna Black",
-      orientation: "horizontal",
-      align: "left",
-      avatar_url: "https://randomuser.me/api/portraits/women/44.jpg",
-      bold: false
-      }) %>
-
-     <br>
-
-     <%= pb_rails("user", props: {
-       name: "Anna Black",
-       orientation: "horizontal",
-       align: "left",
-       avatar: true,
-       bold: false
-     }) %>
-  </div>
-</div>

data/app/pb_kits/playbook/pb_user/docs/_user_light_weight.jsx

@@ -1,59 +0,0 @@
-import React from 'react'
-import { User } from 'playbook-ui'
-
-const UserLightWeight = (props) => {
-  return (
-    <div className="pb--doc-demo-row">
-
-      <div>
-        <User
-            align="center"
-            avatarUrl="https://randomuser.me/api/portraits/women/44.jpg"
-            bold={false}
-            name="Anna Black"
-            orientation="vertical"
-            size="lg"
-            title="Remodeling Consultant"
-            {...props}
-        />
-      </div>
-
-      <div>
-        <User
-            align="left"
-            avatarUrl="https://randomuser.me/api/portraits/women/44.jpg"
-            bold={false}
-            name="Anna Black"
-            orientation="horizontal"
-            title="Remodeling Consultant"
-            {...props}
-        />
-      </div>
-
-      <div>
-        <User
-            align="left"
-            avatarUrl="https://randomuser.me/api/portraits/women/44.jpg"
-            bold={false}
-            name="Anna Black"
-            orientation="horizontal"
-            {...props}
-        />
-
-        <br />
-
-        <User
-            align="left"
-            avatar
-            bold={false}
-            name="Anna Black"
-            orientation="horizontal"
-            {...props}
-        />
-      </div>
-
-    </div>
-  )
-}
-
-export default UserLightWeight

data/app/pb_kits/playbook/pb_user/docs/_user_light_weight.md

@@ -1,2 +0,0 @@
-##### Prop
-Name will use `font-weight: 700` by default, if you want a lighter font weight, use the `bold` prop set to `false`. Name will then use `font-weight: 300`.