playbook_ui 12.4.0.pre.alpha.map1 → 12.5.0.pre.alpha.filter1

data/app/pb_kits/playbook/playbook-rails-react-bindings.js

@@ -17,6 +17,7 @@ import Passphrase from './pb_passphrase/_passphrase'
 import RichTextEditor from './pb_rich_text_editor/_rich_text_editor'
 import TreemapChart from './pb_treemap_chart/_treemap_chart'
 import Typeahead from './pb_typeahead/_typeahead'
+import PhoneNumberInput from './pb_phone_number_input/_phone_number_input'
 
 WebpackerReact.registerComponents({
   BarGraph,
@@ -33,6 +34,7 @@ WebpackerReact.registerComponents({
   TreemapChart,
   Typeahead,
   Gauge,
+  PhoneNumberInput
 })
 
 ujs.setup(

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "12.4.0"
-  VERSION = "12.4.0.pre.alpha.map1"
+  PREVIOUS_VERSION = "12.5.0.pre.alpha.filter1"
+  VERSION = "12.5.0.pre.alpha.filter1"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 12.4.0.pre.alpha.map1
+  version: 12.5.0.pre.alpha.filter1
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-02-24 00:00:00.000000000 Z
+date: 2023-02-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -910,16 +910,16 @@ files:
 - app/pb_kits/playbook/pb_file_upload/docs/example.yml
 - app/pb_kits/playbook/pb_file_upload/docs/index.js
 - app/pb_kits/playbook/pb_file_upload/fileupload.test.js
-- app/pb_kits/playbook/pb_filter/Filter/CurrentFilters.jsx
-- app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
-- app/pb_kits/playbook/pb_filter/Filter/FilterDouble.jsx
-- app/pb_kits/playbook/pb_filter/Filter/FilterSingle.jsx
-- app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.jsx
-- app/pb_kits/playbook/pb_filter/Filter/ResultsCount.jsx
-- app/pb_kits/playbook/pb_filter/Filter/SortMenu.jsx
-- app/pb_kits/playbook/pb_filter/Filter/index.jsx
-- app/pb_kits/playbook/pb_filter/_filter.jsx
+- app/pb_kits/playbook/pb_filter/Filter/CurrentFilters.tsx
+- app/pb_kits/playbook/pb_filter/Filter/FilterBackground.tsx
+- app/pb_kits/playbook/pb_filter/Filter/FilterDouble.tsx
+- app/pb_kits/playbook/pb_filter/Filter/FilterSingle.tsx
+- app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.tsx
+- app/pb_kits/playbook/pb_filter/Filter/ResultsCount.tsx
+- app/pb_kits/playbook/pb_filter/Filter/SortMenu.tsx
+- app/pb_kits/playbook/pb_filter/Filter/index.tsx
 - app/pb_kits/playbook/pb_filter/_filter.scss
+- app/pb_kits/playbook/pb_filter/_filter.tsx
 - app/pb_kits/playbook/pb_filter/docs/_description.md
 - app/pb_kits/playbook/pb_filter/docs/_filter_default.html.erb
 - app/pb_kits/playbook/pb_filter/docs/_filter_default.jsx
@@ -1379,8 +1379,8 @@ files:
 - app/pb_kits/playbook/pb_list/item.rb
 - app/pb_kits/playbook/pb_list/list.html.erb
 - app/pb_kits/playbook/pb_list/list.rb
-- app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
 - app/pb_kits/playbook/pb_loading_inline/_loading_inline.scss
+- app/pb_kits/playbook/pb_loading_inline/_loading_inline.tsx
 - app/pb_kits/playbook/pb_loading_inline/docs/_description.md
 - app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_light.html.erb
 - app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_light.jsx
@@ -1388,6 +1388,7 @@ files:
 - app/pb_kits/playbook/pb_loading_inline/docs/index.js
 - app/pb_kits/playbook/pb_loading_inline/loading_inline.html.erb
 - app/pb_kits/playbook/pb_loading_inline/loading_inline.rb
+- app/pb_kits/playbook/pb_loading_inline/loading_inline.test.js
 - app/pb_kits/playbook/pb_logistic/_logistic.jsx
 - app/pb_kits/playbook/pb_map/_map.scss
 - app/pb_kits/playbook/pb_map/_map.tsx
@@ -1399,8 +1400,8 @@ files:
 - app/pb_kits/playbook/pb_map/docs/index.js
 - app/pb_kits/playbook/pb_map/map.test.jsx
 - app/pb_kits/playbook/pb_map/pbMapTheme.ts
-- app/pb_kits/playbook/pb_message/_message.jsx
 - app/pb_kits/playbook/pb_message/_message.scss
+- app/pb_kits/playbook/pb_message/_message.tsx
 - app/pb_kits/playbook/pb_message/_message_mixins.scss
 - app/pb_kits/playbook/pb_message/docs/_description.md
 - app/pb_kits/playbook/pb_message/docs/_footer.md
@@ -1413,6 +1414,7 @@ files:
 - app/pb_kits/playbook/pb_message/docs/index.js
 - app/pb_kits/playbook/pb_message/message.html.erb
 - app/pb_kits/playbook/pb_message/message.rb
+- app/pb_kits/playbook/pb_message/message.test.js
 - app/pb_kits/playbook/pb_multiple_users/_multiple_users.jsx
 - app/pb_kits/playbook/pb_multiple_users/_multiple_users.scss
 - app/pb_kits/playbook/pb_multiple_users/docs/_description.md
@@ -1497,8 +1499,8 @@ files:
 - app/pb_kits/playbook/pb_pagination/docs/example.yml
 - app/pb_kits/playbook/pb_pagination/pagination.html.erb
 - app/pb_kits/playbook/pb_pagination/pagination.rb
-- app/pb_kits/playbook/pb_passphrase/_passphrase.jsx
 - app/pb_kits/playbook/pb_passphrase/_passphrase.scss
+- app/pb_kits/playbook/pb_passphrase/_passphrase.tsx
 - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_breached.html.erb
 - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_breached.jsx
 - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_breached.md
@@ -1556,6 +1558,7 @@ files:
 - app/pb_kits/playbook/pb_person_contact/person_contact.rb
 - app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.scss
 - app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.tsx
+- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.html.erb
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.jsx
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.md
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_initial_country.jsx
@@ -1566,6 +1569,8 @@ files:
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.md
 - app/pb_kits/playbook/pb_phone_number_input/docs/example.yml
 - app/pb_kits/playbook/pb_phone_number_input/docs/index.js
+- app/pb_kits/playbook/pb_phone_number_input/phone_number_input.html.erb
+- app/pb_kits/playbook/pb_phone_number_input/phone_number_input.rb
 - app/pb_kits/playbook/pb_phone_number_input/phone_number_input.test.js
 - app/pb_kits/playbook/pb_phone_number_input/types.d.ts
 - app/pb_kits/playbook/pb_pill/_pill.scss

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

@@ -1,76 +0,0 @@
-/* @flow */
-
-import React from 'react'
-import { isEmpty, map, omitBy } from 'lodash'
-
-import Body from '../../pb_body/_body'
-import Caption from '../../pb_caption/_caption'
-import Title from '../../pb_title/_title'
-
-export type FilterDescription = {
-  [key: string]: ?string | boolean,
-}
-
-export type CurrentFiltersProps = {
-  dark: boolean,
-  filters: FilterDescription,
-}
-
-const hiddenFilters = (value) => isEmpty(value) && value !== true
-
-const CurrentFilters = ({ dark, filters }: CurrentFiltersProps) => {
-  const displayableFilters = omitBy(filters, hiddenFilters)
-
-  return (
-    <div className="maskContainer">
-      <If condition={isEmpty(filters)}>
-        <div className="filters">
-          <Body
-              color="light"
-              paddingLeft="xs"
-              size={4}
-              tag="h4"
-              text="No Filter Selected"
-          />
-        </div>
-      </If>
-      <If condition={!isEmpty(filters)}>
-        <div className="filters">
-          <div className="left_gradient" />
-          {map(displayableFilters, (value, name) => (
-            <div
-                className="filter"
-                key={`filter-${name}`}
-            >
-              <Choose>
-                <When condition={value === true}>
-                  <Title
-                      dark={dark}
-                      size={4}
-                      tag="h4"
-                      text={name}
-                  />
-                </When>
-                <Otherwise>
-                  <Caption
-                      dark={dark}
-                      text={name}
-                  />
-                  <Title
-                      dark={dark}
-                      size={4}
-                      tag="h4"
-                      text={value}
-                  />
-                </Otherwise>
-              </Choose>
-            </div>
-          ))}
-          <div className="right_gradient" />
-        </div>
-      </If>
-    </div>
-  )
-}
-
-export default CurrentFilters

data/app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx

@@ -1,37 +0,0 @@
-/* @flow */
-
-import React from 'react'
-import classnames from 'classnames'
-
-import { globalProps } from '../utilities/globalProps'
-
-import Body from '../pb_body/_body'
-import Icon from '../pb_icon/_icon'
-type LoadingInlineProps = {
-  align?: "left" | "center" | "right",
-  className?: string,
-  dark?: boolean,
-  data?: string,
-  id?: string,
-}
-
-const LoadingInline = (props: LoadingInlineProps) => {
-  const { align = 'left' } = props
-  return (
-    <div
-        className={classnames(`pb_loading_inline_kit_${align}`, globalProps(props))}
-    >
-      <Body color="light">
-        <Icon
-            aria={{ label: 'loading icon' }}
-            fixedWidth
-            icon="spinner"
-            pulse
-        />
-        {' Loading'}
-      </Body>
-    </div>
-  )
-}
-
-export default LoadingInline