playbook_ui 12.4.0 → 12.5.0.pre.alpha.datepickerinput1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/index.js +4 -1
- data/app/pb_kits/playbook/pb_button/_button.tsx +2 -2
- data/app/pb_kits/playbook/pb_date_picker/_date_picker.scss +9 -6
- data/app/pb_kits/playbook/pb_date_picker/_date_picker.tsx +76 -55
- data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.ts +1 -0
- data/app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss +68 -0
- data/app/pb_kits/playbook/pb_loading_inline/_loading_inline.tsx +55 -0
- data/app/pb_kits/playbook/pb_loading_inline/loading_inline.test.js +41 -0
- data/app/pb_kits/playbook/pb_map/_map.scss +114 -2
- data/app/pb_kits/playbook/pb_map/_map.tsx +42 -2
- data/app/pb_kits/playbook/pb_map/docs/_map_default.jsx +47 -24
- data/app/pb_kits/playbook/pb_map/docs/_map_default.md +5 -5
- data/app/pb_kits/playbook/pb_map/docs/_map_with_plugin.jsx +20 -17
- data/app/pb_kits/playbook/pb_map/docs/example.yml +0 -1
- data/app/pb_kits/playbook/pb_map/pbMapTheme.ts +23 -0
- data/app/pb_kits/playbook/pb_message/{_message.jsx → _message.tsx} +35 -35
- data/app/pb_kits/playbook/pb_message/message.test.js +63 -0
- data/app/pb_kits/playbook/pb_passphrase/{_passphrase.jsx → _passphrase.tsx} +56 -56
- data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.html.erb +3 -0
- data/app/pb_kits/playbook/pb_phone_number_input/docs/example.yml +3 -0
- data/app/pb_kits/playbook/pb_phone_number_input/phone_number_input.html.erb +15 -0
- data/app/pb_kits/playbook/pb_phone_number_input/phone_number_input.rb +43 -0
- data/app/pb_kits/playbook/pb_popover/_popover.tsx +3 -3
- data/app/pb_kits/playbook/pb_selectable_list/_selectable_list.scss +1 -1
- data/app/pb_kits/playbook/pb_typeahead/_typeahead.scss +4 -0
- data/app/pb_kits/playbook/playbook-rails-react-bindings.js +2 -0
- data/lib/playbook/version.rb +2 -2
- metadata +14 -7
- data/app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx +0 -37
| @@ -17,6 +17,7 @@ import Passphrase from './pb_passphrase/_passphrase' | |
| 17 17 | 
             
            import RichTextEditor from './pb_rich_text_editor/_rich_text_editor'
         | 
| 18 18 | 
             
            import TreemapChart from './pb_treemap_chart/_treemap_chart'
         | 
| 19 19 | 
             
            import Typeahead from './pb_typeahead/_typeahead'
         | 
| 20 | 
            +
            import PhoneNumberInput from './pb_phone_number_input/_phone_number_input'
         | 
| 20 21 |  | 
| 21 22 | 
             
            WebpackerReact.registerComponents({
         | 
| 22 23 | 
             
              BarGraph,
         | 
| @@ -33,6 +34,7 @@ WebpackerReact.registerComponents({ | |
| 33 34 | 
             
              TreemapChart,
         | 
| 34 35 | 
             
              Typeahead,
         | 
| 35 36 | 
             
              Gauge,
         | 
| 37 | 
            +
              PhoneNumberInput
         | 
| 36 38 | 
             
            })
         | 
| 37 39 |  | 
| 38 40 | 
             
            ujs.setup(
         | 
    
        data/lib/playbook/version.rb
    CHANGED
    
    
    
        metadata
    CHANGED
    
    | @@ -1,7 +1,7 @@ | |
| 1 1 | 
             
            --- !ruby/object:Gem::Specification
         | 
| 2 2 | 
             
            name: playbook_ui
         | 
| 3 3 | 
             
            version: !ruby/object:Gem::Version
         | 
| 4 | 
            -
              version: 12. | 
| 4 | 
            +
              version: 12.5.0.pre.alpha.datepickerinput1
         | 
| 5 5 | 
             
            platform: ruby
         | 
| 6 6 | 
             
            authors:
         | 
| 7 7 | 
             
            - Power UX
         | 
| @@ -9,7 +9,7 @@ authors: | |
| 9 9 | 
             
            autorequire:
         | 
| 10 10 | 
             
            bindir: bin
         | 
| 11 11 | 
             
            cert_chain: []
         | 
| 12 | 
            -
            date: 2023- | 
| 12 | 
            +
            date: 2023-03-03 00:00:00.000000000 Z
         | 
| 13 13 | 
             
            dependencies:
         | 
| 14 14 | 
             
            - !ruby/object:Gem::Dependency
         | 
| 15 15 | 
             
              name: actionpack
         | 
| @@ -754,6 +754,7 @@ files: | |
| 754 754 | 
             
            - app/pb_kits/playbook/pb_date_picker/sass_partials/_flatpickr_styles.scss
         | 
| 755 755 | 
             
            - app/pb_kits/playbook/pb_date_picker/sass_partials/_header_styles.scss
         | 
| 756 756 | 
             
            - app/pb_kits/playbook/pb_date_picker/sass_partials/_inline_styles.scss
         | 
| 757 | 
            +
            - app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
         | 
| 757 758 | 
             
            - app/pb_kits/playbook/pb_date_picker/sass_partials/_month_and_year_styles.scss
         | 
| 758 759 | 
             
            - app/pb_kits/playbook/pb_date_picker/sass_partials/_overrides.scss
         | 
| 759 760 | 
             
            - app/pb_kits/playbook/pb_date_picker/sass_partials/_time_selection_styles.scss
         | 
| @@ -1379,8 +1380,8 @@ files: | |
| 1379 1380 | 
             
            - app/pb_kits/playbook/pb_list/item.rb
         | 
| 1380 1381 | 
             
            - app/pb_kits/playbook/pb_list/list.html.erb
         | 
| 1381 1382 | 
             
            - app/pb_kits/playbook/pb_list/list.rb
         | 
| 1382 | 
            -
            - app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
         | 
| 1383 1383 | 
             
            - app/pb_kits/playbook/pb_loading_inline/_loading_inline.scss
         | 
| 1384 | 
            +
            - app/pb_kits/playbook/pb_loading_inline/_loading_inline.tsx
         | 
| 1384 1385 | 
             
            - app/pb_kits/playbook/pb_loading_inline/docs/_description.md
         | 
| 1385 1386 | 
             
            - app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_light.html.erb
         | 
| 1386 1387 | 
             
            - app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_light.jsx
         | 
| @@ -1388,6 +1389,7 @@ files: | |
| 1388 1389 | 
             
            - app/pb_kits/playbook/pb_loading_inline/docs/index.js
         | 
| 1389 1390 | 
             
            - app/pb_kits/playbook/pb_loading_inline/loading_inline.html.erb
         | 
| 1390 1391 | 
             
            - app/pb_kits/playbook/pb_loading_inline/loading_inline.rb
         | 
| 1392 | 
            +
            - app/pb_kits/playbook/pb_loading_inline/loading_inline.test.js
         | 
| 1391 1393 | 
             
            - app/pb_kits/playbook/pb_logistic/_logistic.jsx
         | 
| 1392 1394 | 
             
            - app/pb_kits/playbook/pb_map/_map.scss
         | 
| 1393 1395 | 
             
            - app/pb_kits/playbook/pb_map/_map.tsx
         | 
| @@ -1398,8 +1400,9 @@ files: | |
| 1398 1400 | 
             
            - app/pb_kits/playbook/pb_map/docs/example.yml
         | 
| 1399 1401 | 
             
            - app/pb_kits/playbook/pb_map/docs/index.js
         | 
| 1400 1402 | 
             
            - app/pb_kits/playbook/pb_map/map.test.jsx
         | 
| 1401 | 
            -
            - app/pb_kits/playbook/ | 
| 1403 | 
            +
            - app/pb_kits/playbook/pb_map/pbMapTheme.ts
         | 
| 1402 1404 | 
             
            - app/pb_kits/playbook/pb_message/_message.scss
         | 
| 1405 | 
            +
            - app/pb_kits/playbook/pb_message/_message.tsx
         | 
| 1403 1406 | 
             
            - app/pb_kits/playbook/pb_message/_message_mixins.scss
         | 
| 1404 1407 | 
             
            - app/pb_kits/playbook/pb_message/docs/_description.md
         | 
| 1405 1408 | 
             
            - app/pb_kits/playbook/pb_message/docs/_footer.md
         | 
| @@ -1412,6 +1415,7 @@ files: | |
| 1412 1415 | 
             
            - app/pb_kits/playbook/pb_message/docs/index.js
         | 
| 1413 1416 | 
             
            - app/pb_kits/playbook/pb_message/message.html.erb
         | 
| 1414 1417 | 
             
            - app/pb_kits/playbook/pb_message/message.rb
         | 
| 1418 | 
            +
            - app/pb_kits/playbook/pb_message/message.test.js
         | 
| 1415 1419 | 
             
            - app/pb_kits/playbook/pb_multiple_users/_multiple_users.jsx
         | 
| 1416 1420 | 
             
            - app/pb_kits/playbook/pb_multiple_users/_multiple_users.scss
         | 
| 1417 1421 | 
             
            - app/pb_kits/playbook/pb_multiple_users/docs/_description.md
         | 
| @@ -1496,8 +1500,8 @@ files: | |
| 1496 1500 | 
             
            - app/pb_kits/playbook/pb_pagination/docs/example.yml
         | 
| 1497 1501 | 
             
            - app/pb_kits/playbook/pb_pagination/pagination.html.erb
         | 
| 1498 1502 | 
             
            - app/pb_kits/playbook/pb_pagination/pagination.rb
         | 
| 1499 | 
            -
            - app/pb_kits/playbook/pb_passphrase/_passphrase.jsx
         | 
| 1500 1503 | 
             
            - app/pb_kits/playbook/pb_passphrase/_passphrase.scss
         | 
| 1504 | 
            +
            - app/pb_kits/playbook/pb_passphrase/_passphrase.tsx
         | 
| 1501 1505 | 
             
            - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_breached.html.erb
         | 
| 1502 1506 | 
             
            - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_breached.jsx
         | 
| 1503 1507 | 
             
            - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_breached.md
         | 
| @@ -1555,6 +1559,7 @@ files: | |
| 1555 1559 | 
             
            - app/pb_kits/playbook/pb_person_contact/person_contact.rb
         | 
| 1556 1560 | 
             
            - app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.scss
         | 
| 1557 1561 | 
             
            - app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.tsx
         | 
| 1562 | 
            +
            - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.html.erb
         | 
| 1558 1563 | 
             
            - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.jsx
         | 
| 1559 1564 | 
             
            - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.md
         | 
| 1560 1565 | 
             
            - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_initial_country.jsx
         | 
| @@ -1565,6 +1570,8 @@ files: | |
| 1565 1570 | 
             
            - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.md
         | 
| 1566 1571 | 
             
            - app/pb_kits/playbook/pb_phone_number_input/docs/example.yml
         | 
| 1567 1572 | 
             
            - app/pb_kits/playbook/pb_phone_number_input/docs/index.js
         | 
| 1573 | 
            +
            - app/pb_kits/playbook/pb_phone_number_input/phone_number_input.html.erb
         | 
| 1574 | 
            +
            - app/pb_kits/playbook/pb_phone_number_input/phone_number_input.rb
         | 
| 1568 1575 | 
             
            - app/pb_kits/playbook/pb_phone_number_input/phone_number_input.test.js
         | 
| 1569 1576 | 
             
            - app/pb_kits/playbook/pb_phone_number_input/types.d.ts
         | 
| 1570 1577 | 
             
            - app/pb_kits/playbook/pb_pill/_pill.scss
         | 
| @@ -2422,9 +2429,9 @@ required_ruby_version: !ruby/object:Gem::Requirement | |
| 2422 2429 | 
             
                  version: '0'
         | 
| 2423 2430 | 
             
            required_rubygems_version: !ruby/object:Gem::Requirement
         | 
| 2424 2431 | 
             
              requirements:
         | 
| 2425 | 
            -
              - - " | 
| 2432 | 
            +
              - - ">"
         | 
| 2426 2433 | 
             
                - !ruby/object:Gem::Version
         | 
| 2427 | 
            -
                  version:  | 
| 2434 | 
            +
                  version: 1.3.1
         | 
| 2428 2435 | 
             
            requirements: []
         | 
| 2429 2436 | 
             
            rubygems_version: 3.3.7
         | 
| 2430 2437 | 
             
            signing_key:
         | 
| @@ -1,37 +0,0 @@ | |
| 1 | 
            -
            /* @flow */
         | 
| 2 | 
            -
             | 
| 3 | 
            -
            import React from 'react'
         | 
| 4 | 
            -
            import classnames from 'classnames'
         | 
| 5 | 
            -
             | 
| 6 | 
            -
            import { globalProps } from '../utilities/globalProps'
         | 
| 7 | 
            -
             | 
| 8 | 
            -
            import Body from '../pb_body/_body'
         | 
| 9 | 
            -
            import Icon from '../pb_icon/_icon'
         | 
| 10 | 
            -
            type LoadingInlineProps = {
         | 
| 11 | 
            -
              align?: "left" | "center" | "right",
         | 
| 12 | 
            -
              className?: string,
         | 
| 13 | 
            -
              dark?: boolean,
         | 
| 14 | 
            -
              data?: string,
         | 
| 15 | 
            -
              id?: string,
         | 
| 16 | 
            -
            }
         | 
| 17 | 
            -
             | 
| 18 | 
            -
            const LoadingInline = (props: LoadingInlineProps) => {
         | 
| 19 | 
            -
              const { align = 'left' } = props
         | 
| 20 | 
            -
              return (
         | 
| 21 | 
            -
                <div
         | 
| 22 | 
            -
                    className={classnames(`pb_loading_inline_kit_${align}`, globalProps(props))}
         | 
| 23 | 
            -
                >
         | 
| 24 | 
            -
                  <Body color="light">
         | 
| 25 | 
            -
                    <Icon
         | 
| 26 | 
            -
                        aria={{ label: 'loading icon' }}
         | 
| 27 | 
            -
                        fixedWidth
         | 
| 28 | 
            -
                        icon="spinner"
         | 
| 29 | 
            -
                        pulse
         | 
| 30 | 
            -
                    />
         | 
| 31 | 
            -
                    {' Loading'}
         | 
| 32 | 
            -
                  </Body>
         | 
| 33 | 
            -
                </div>
         | 
| 34 | 
            -
              )
         | 
| 35 | 
            -
            }
         | 
| 36 | 
            -
             | 
| 37 | 
            -
            export default LoadingInline
         |