playbook_ui 14.9.0.pre.alpha.PLAY1731inputmasking4868 → 14.9.0.pre.alpha.PLAY16264818

data/lib/playbook/hover.rb

@@ -29,16 +29,12 @@ module Playbook
       []
     end
 
-    def hover_underline_values
-      [true, false]
-    end
-
     def hover_values
       hover_options.keys.select { |sk| try(sk) }
     end
 
     def hover_attributes
-      %w[background shadow scale color underline]
+      %w[background shadow scale color]
     end
 
     def hover_props
@@ -55,8 +51,6 @@ module Playbook
           value.each do |key, val|
             if %i[background color].include?(key)
               css += "#{prefix}_#{key}-#{val} " if hover_attributes.include?(key.to_s)
-            elsif %i[underline].include?(key) && val == true
-              css += "hover_underline "
             elsif hover_attributes.include?(key.to_s) && send("hover_#{key}_values").include?(val.to_s)
               css += "#{prefix}_#{key}_#{val} "
             end

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "14.9.0"
-  VERSION = "14.9.0.pre.alpha.PLAY1731inputmasking4868"
+  VERSION = "14.9.0.pre.alpha.PLAY16264818"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 14.9.0.pre.alpha.PLAY1731inputmasking4868
+  version: 14.9.0.pre.alpha.PLAY16264818
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-12-10 00:00:00.000000000 Z
+date: 2024-12-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -2370,6 +2370,7 @@ files:
 - app/pb_kits/playbook/pb_select/docs/_select_error.jsx
 - app/pb_kits/playbook/pb_select/docs/_select_error.md
 - app/pb_kits/playbook/pb_select/docs/_select_error_swift.md
+- app/pb_kits/playbook/pb_select/docs/_select_form.jsx
 - app/pb_kits/playbook/pb_select/docs/_select_inline.html.erb
 - app/pb_kits/playbook/pb_select/docs/_select_inline.jsx
 - app/pb_kits/playbook/pb_select/docs/_select_inline_compact.html.erb
@@ -2707,14 +2708,12 @@ files:
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_error_swift.md
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_inline.html.erb
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_inline.jsx
-- app/pb_kits/playbook/pb_text_input/docs/_text_input_mask.jsx
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_no_label.html.erb
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_no_label.jsx
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_options.html.erb
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_props_swift.md
 - app/pb_kits/playbook/pb_text_input/docs/example.yml
 - app/pb_kits/playbook/pb_text_input/docs/index.js
-- app/pb_kits/playbook/pb_text_input/inputMask.ts
 - app/pb_kits/playbook/pb_text_input/text_input.html.erb
 - app/pb_kits/playbook/pb_text_input/text_input.rb
 - app/pb_kits/playbook/pb_text_input/text_input.test.js
@@ -3166,6 +3165,7 @@ files:
 - app/pb_kits/playbook/utilities/flexbox_global_props/_order.scss
 - app/pb_kits/playbook/utilities/globalPropNames.mjs
 - app/pb_kits/playbook/utilities/globalProps.ts
+- app/pb_kits/playbook/utilities/hookFormProps.ts
 - app/pb_kits/playbook/utilities/icons/allicons.tsx
 - app/pb_kits/playbook/utilities/icons/angle-down.svg
 - app/pb_kits/playbook/utilities/icons/clock.svg
@@ -3191,8 +3191,8 @@ 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-Cx7J1O_I.js
-- dist/chunks/_weekday_stacked-Z6CSak-K.js
+- dist/chunks/_typeahead-B8fkIeXA.js
+- dist/chunks/_weekday_stacked-DxlPBh55.js
 - dist/chunks/lazysizes-B7xYodB-.js
 - dist/chunks/lib-SyD3buPZ.js
 - dist/chunks/pb_form_validation-Dt8UJgrJ.js

data/app/pb_kits/playbook/pb_text_input/docs/_text_input_mask.jsx

@@ -1,88 +0,0 @@
-import React, { useState } from 'react'
-
-import Caption from '../../pb_caption/_caption'
-import TextInput from '../../pb_text_input/_text_input'
-import Title from '../../pb_title/_title'
-
-const TextInputMask = (props) => {
-  const [ssn, setSSN] = useState('')
-  const handleOnChangeSSN = ({ target }) => {
-    setSSN(target.value)
-  }
-  const ref = React.createRef()
-
-  const [formFields, setFormFields] = useState({
-    currency: '',
-    zipCode: '',
-    postalCode: '',
-    ssn: '',
-  })
-
-  const handleOnChangeFormField =  ({ target }) => {
-    const { name, value } = target
-    setFormFields({ ...formFields, [name]: value })
-  }
-
-  return (
-    <div>
-      <TextInput
-          label="Currency"
-          mask="currency"
-          name="currency"
-          onChange={handleOnChangeFormField}
-          value={formFields.currency}
-          {...props}
-      />
-      <TextInput
-          label="Zip Code"
-          mask="zipCode"
-          name="zipCode"
-          onChange={handleOnChangeFormField}
-          value={formFields.zipCode}
-          {...props}
-      />
-      <TextInput
-          label="Postal Code"
-          mask="postalCode"
-          name="postalCode"
-          onChange={handleOnChangeFormField}
-          value={formFields.postalCode}
-          {...props}
-      />
-      <TextInput
-          label="SSN"
-          mask="ssn"
-          name="ssn"
-          onChange={handleOnChangeFormField}
-          value={formFields.ssn}
-          {...props}
-      />
-
-      <br />
-      <br />
-
-      <Title>{'Event Handler Props'}</Title>
-
-      <br />
-      <Caption>{'onChange'}</Caption>
-
-      <br />
-
-      <TextInput
-          label="SSN"
-          mask="ssn"
-          onChange={handleOnChangeSSN}
-          placeholder="Enter SSN"
-          ref={ref}
-          value={ssn}
-          {...props}
-      />
-
-      {ssn !== '' && (
-        <React.Fragment>{`SSN is: ${ssn}`}</React.Fragment>
-      )}
-    </div>
-  )
-}
-
-export default TextInputMask

data/app/pb_kits/playbook/pb_text_input/inputMask.ts

@@ -1,64 +0,0 @@
-type InputMask = {
-    format: (value: string) => string
-    pattern: string
-    placeholder: string
-}
-
-type InputMaskDictionary = {
-    [key in 'currency' | 'zipCode' | 'postalCode' | 'ssn']: InputMask
-}
-
-const formatCurrency = (value: string): string => {
-    const numericValue = value.replace(/[^0-9]/g, '').slice(0, 15)
-
-    if (!numericValue) return ''
-
-    const dollars = parseFloat((parseInt(numericValue) / 100).toFixed(2))
-    if (dollars === 0) return ''
-
-    return new Intl.NumberFormat('en-US', {
-        style: 'currency',
-        currency: 'USD',
-        maximumFractionDigits: 2,
-    }).format(dollars)
-}
-
-const formatBasicPostal = (value: string): string => {
-    return value.replace(/\D/g, '').slice(0, 5)
-}
-
-const formatExtendedPostal = (value: string): string => {
-    const cleaned = value.replace(/\D/g, '').slice(0, 9)
-    return cleaned.replace(/(\d{5})(?=\d)/, '$1-')
-}
-
-const formatSSN = (value: string): string => {
-    const cleaned = value.replace(/\D/g, '').slice(0, 9)
-    return cleaned
-        .replace(/(\d{5})(?=\d)/, '$1-')
-        .replace(/(\d{3})(?=\d)/, '$1-')
-}
-
-export const INPUTMASKS: InputMaskDictionary = {
-    currency: {
-        format: formatCurrency,
-        // eslint-disable-next-line no-useless-escape
-        pattern: '^\$\d{1,3}(?:,\d{3})*(?:\.\d{2})?$',
-        placeholder: '$0.00',
-    },
-    zipCode: {
-        format: formatBasicPostal,
-        pattern: '\\d{5}',
-        placeholder: '12345',
-    },
-    postalCode: {
-        format: formatExtendedPostal,
-        pattern: '\\d{5}-\\d{4}',
-        placeholder: '12345-6789',
-    },
-    ssn: {
-        format: formatSSN,
-        pattern: '\\d{3}-\\d{2}-\\d{4}',
-        placeholder: '123-45-6789',
-    },
-}