playbook_ui 10.23.0.pre.cachetest → 10.24.0

data/lib/playbook/flex_direction.rb

@@ -0,0 +1,29 @@
+# frozen_string_literal: true
+
+module Playbook
+  module FlexDirection
+    def self.included(base)
+      base.prop :flex_direction
+    end
+
+    def flex_direction_props
+      selected_props = flex_direction_options.keys.select { |sk| try(sk) }
+      return nil unless selected_props.present?
+
+      selected_props.map do |k|
+        flex_direction_value = send(k)
+        "flex_direction_#{flex_direction_value}" if flex_direction_values.include? flex_direction_value
+      end.compact.join(" ")
+    end
+
+    def flex_direction_options
+      {
+        flex_direction: "flex_direction",
+      }
+    end
+
+    def flex_direction_values
+      %w[row column row_reverse column_reverse]
+    end
+  end
+end

data/lib/playbook/flex_grow.rb

@@ -0,0 +1,29 @@
+# frozen_string_literal: true
+
+module Playbook
+  module FlexGrow
+    def self.included(base)
+      base.prop :flex_grow
+    end
+
+    def flex_grow_props
+      selected_props = flex_grow_options.keys.select { |sk| try(sk) }
+      return nil unless selected_props.present?
+
+      selected_props.map do |k|
+        flex_grow_value = send(k)
+        "flex_grow_#{flex_grow_value}" if flex_grow_values.include? flex_grow_value
+      end.compact.join(" ")
+    end
+
+    def flex_grow_options
+      {
+        flex_grow: "flex_grow",
+      }
+    end
+
+    def flex_grow_values
+      %w[1 0]
+    end
+  end
+end

data/lib/playbook/flex_shrink.rb

@@ -0,0 +1,29 @@
+# frozen_string_literal: true
+
+module Playbook
+  module FlexShrink
+    def self.included(base)
+      base.prop :flex_shrink
+    end
+
+    def flex_shrink_props
+      selected_props = flex_shrink_options.keys.select { |sk| try(sk) }
+      return nil unless selected_props.present?
+
+      selected_props.map do |k|
+        flex_shrink_value = send(k)
+        "flex_shrink_#{flex_shrink_value}" if flex_shrink_values.include? flex_shrink_value
+      end.compact.join(" ")
+    end
+
+    def flex_shrink_options
+      {
+        flex_shrink: "flex_shrink",
+      }
+    end
+
+    def flex_shrink_values
+      %w[1 0]
+    end
+  end
+end

data/lib/playbook/flex_wrap.rb

@@ -0,0 +1,29 @@
+# frozen_string_literal: true
+
+module Playbook
+  module FlexWrap
+    def self.included(base)
+      base.prop :flex_wrap
+    end
+
+    def flex_wrap_props
+      selected_props = flex_wrap_options.keys.select { |sk| try(sk) }
+      return nil unless selected_props.present?
+
+      selected_props.map do |k|
+        flex_wrap_value = send(k)
+        "flex_wrap_#{flex_wrap_value}" if flex_wrap_values.include? flex_wrap_value
+      end.compact.join(" ")
+    end
+
+    def flex_wrap_options
+      {
+        flex_wrap: "flex_wrap",
+      }
+    end
+
+    def flex_wrap_values
+      %w[wrap nowrap wrap_reverse]
+    end
+  end
+end

data/lib/playbook/justify_content.rb

@@ -0,0 +1,29 @@
+# frozen_string_literal: true
+
+module Playbook
+  module JustifyContent
+    def self.included(base)
+      base.prop :justify_content
+    end
+
+    def justify_content_props
+      selected_props = justify_content_options.keys.select { |sk| try(sk) }
+      return nil unless selected_props.present?
+
+      selected_props.map do |k|
+        justify_content_value = send(k)
+        "justify_content_#{justify_content_value}" if justify_content_values.include? justify_content_value
+      end.compact.join(" ")
+    end
+
+    def justify_content_options
+      {
+        justify_content: "justify_content",
+      }
+    end
+
+    def justify_content_values
+      %w[start end center space_between space_around space_evenly]
+    end
+  end
+end

data/lib/playbook/justify_self.rb

@@ -0,0 +1,29 @@
+# frozen_string_literal: true
+
+module Playbook
+  module JustifySelf
+    def self.included(base)
+      base.prop :justify_self
+    end
+
+    def justify_self_props
+      selected_props = justify_self_options.keys.select { |sk| try(sk) }
+      return nil unless selected_props.present?
+
+      selected_props.map do |k|
+        justify_self_value = send(k)
+        "justify_self_#{justify_self_value}" if justify_self_values.include? justify_self_value
+      end.compact.join(" ")
+    end
+
+    def justify_self_options
+      {
+        justify_self: "justify_self",
+      }
+    end
+
+    def justify_self_values
+      %w[auto start end center stretch]
+    end
+  end
+end

data/lib/playbook/kit_base.rb

@@ -8,6 +8,17 @@ require "playbook/shadow"
 require "playbook/line_height"
 require "playbook/display"
 require "playbook/cursor"
+require "playbook/flex_direction"
+require "playbook/flex_wrap"
+require "playbook/justify_content"
+require "playbook/justify_self"
+require "playbook/align_items"
+require "playbook/align_content"
+require "playbook/align_self"
+require "playbook/flex"
+require "playbook/flex_grow"
+require "playbook/flex_shrink"
+require "playbook/order"
 
 module Playbook
   class KitBase < ViewComponent::Base
@@ -21,6 +32,17 @@ module Playbook
     include Playbook::LineHeight
     include Playbook::Display
     include Playbook::Cursor
+    include Playbook::FlexDirection
+    include Playbook::FlexWrap
+    include Playbook::JustifyContent
+    include Playbook::JustifySelf
+    include Playbook::AlignItems
+    include Playbook::AlignContent
+    include Playbook::AlignSelf
+    include Playbook::Flex
+    include Playbook::FlexGrow
+    include Playbook::FlexShrink
+    include Playbook::Order
 
     prop :id
     prop :data, type: Playbook::Props::Hash, default: {}

data/lib/playbook/order.rb

@@ -0,0 +1,29 @@
+# frozen_string_literal: true
+
+module Playbook
+  module Order
+    def self.included(base)
+      base.prop :order
+    end
+
+    def order_props
+      selected_props = order_options.keys.select { |sk| try(sk) }
+      return nil unless selected_props.present?
+
+      selected_props.map do |k|
+        order_value = send(k)
+        "order_#{order_value}" if order_values.include? order_value
+      end.compact.join(" ")
+    end
+
+    def order_options
+      {
+        order: "order",
+      }
+    end
+
+    def order_values
+      %w[1 2 3 4 5 6 7 8 9 10 11 12 first none]
+    end
+  end
+end

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "10.20.0"
-  VERSION = "10.23.0.pre.cachetest"
+  PREVIOUS_VERSION = "10.23.0"
+  VERSION = "10.24.0"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 10.23.0.pre.cachetest
+  version: 10.24.0
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-03-07 00:00:00.000000000 Z
+date: 2022-03-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -282,8 +282,8 @@ files:
 - app/pb_kits/playbook/_reset.scss
 - app/pb_kits/playbook/data/menu.yml
 - app/pb_kits/playbook/index.js
-- app/pb_kits/playbook/pb_avatar/_avatar.jsx
 - app/pb_kits/playbook/pb_avatar/_avatar.scss
+- app/pb_kits/playbook/pb_avatar/_avatar.tsx
 - app/pb_kits/playbook/pb_avatar/avatar.html.erb
 - app/pb_kits/playbook/pb_avatar/avatar.rb
 - app/pb_kits/playbook/pb_avatar/avatar.test.js
@@ -330,8 +330,12 @@ files:
 - app/pb_kits/playbook/pb_background/docs/_background_gradient.jsx
 - app/pb_kits/playbook/pb_background/docs/_background_image.html.erb
 - app/pb_kits/playbook/pb_background/docs/_background_image.jsx
+- app/pb_kits/playbook/pb_background/docs/_background_image.md
 - app/pb_kits/playbook/pb_background/docs/_background_light.html.erb
 - app/pb_kits/playbook/pb_background/docs/_background_light.jsx
+- app/pb_kits/playbook/pb_background/docs/_background_size.html.erb
+- app/pb_kits/playbook/pb_background/docs/_background_size.jsx
+- app/pb_kits/playbook/pb_background/docs/_background_size.md
 - app/pb_kits/playbook/pb_background/docs/_background_status.html.erb
 - app/pb_kits/playbook/pb_background/docs/_background_status.jsx
 - app/pb_kits/playbook/pb_background/docs/_background_status.md
@@ -416,6 +420,8 @@ files:
 - app/pb_kits/playbook/pb_button/docs/_button_default.html.erb
 - app/pb_kits/playbook/pb_button/docs/_button_default.jsx
 - app/pb_kits/playbook/pb_button/docs/_button_default.md
+- app/pb_kits/playbook/pb_button/docs/_button_form.html.erb
+- app/pb_kits/playbook/pb_button/docs/_button_form.jsx
 - app/pb_kits/playbook/pb_button/docs/_button_full_width.html.erb
 - app/pb_kits/playbook/pb_button/docs/_button_full_width.jsx
 - app/pb_kits/playbook/pb_button/docs/_button_full_width.md
@@ -426,6 +432,9 @@ files:
 - app/pb_kits/playbook/pb_button/docs/_button_loading.md
 - app/pb_kits/playbook/pb_button/docs/_button_options.html.erb
 - app/pb_kits/playbook/pb_button/docs/_button_options.jsx
+- app/pb_kits/playbook/pb_button/docs/_button_size.html.erb
+- app/pb_kits/playbook/pb_button/docs/_button_size.jsx
+- app/pb_kits/playbook/pb_button/docs/_button_size.md
 - app/pb_kits/playbook/pb_button/docs/_footer.md
 - app/pb_kits/playbook/pb_button/docs/example.yml
 - app/pb_kits/playbook/pb_button/docs/index.js
@@ -590,6 +599,9 @@ files:
 - app/pb_kits/playbook/pb_currency/_currency.scss
 - app/pb_kits/playbook/pb_currency/currency.html.erb
 - app/pb_kits/playbook/pb_currency/currency.rb
+- app/pb_kits/playbook/pb_currency/currency.test.js
+- app/pb_kits/playbook/pb_currency/docs/_currency_abbreviated.html.erb
+- app/pb_kits/playbook/pb_currency/docs/_currency_abbreviated.jsx
 - app/pb_kits/playbook/pb_currency/docs/_currency_alignment.html.erb
 - app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx
 - app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol.html.erb
@@ -602,6 +614,7 @@ files:
 - app/pb_kits/playbook/pb_currency/docs/example.yml
 - app/pb_kits/playbook/pb_currency/docs/index.js
 - app/pb_kits/playbook/pb_dashboard/commonSettings.js
+- app/pb_kits/playbook/pb_dashboard/pbChartsDarkTheme.js
 - app/pb_kits/playbook/pb_dashboard/pbChartsLightTheme.js
 - app/pb_kits/playbook/pb_dashboard_value/_dashboard_value.jsx
 - app/pb_kits/playbook/pb_dashboard_value/_dashboard_value.scss
@@ -804,6 +817,7 @@ files:
 - app/pb_kits/playbook/pb_file_upload/docs/_file_upload_default.jsx
 - 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
@@ -1076,12 +1090,12 @@ files:
 - app/pb_kits/playbook/pb_icon_value/docs/index.js
 - app/pb_kits/playbook/pb_icon_value/icon_value.html.erb
 - app/pb_kits/playbook/pb_icon_value/icon_value.rb
-- app/pb_kits/playbook/pb_image/_image.jsx
 - app/pb_kits/playbook/pb_image/_image.scss
+- app/pb_kits/playbook/pb_image/_image.tsx
 - app/pb_kits/playbook/pb_image/docs/_custom_error_image.html.erb
 - app/pb_kits/playbook/pb_image/docs/_custom_error_image.jsx
 - app/pb_kits/playbook/pb_image/docs/_default_image.html.erb
-- app/pb_kits/playbook/pb_image/docs/_default_image.jsx
+- app/pb_kits/playbook/pb_image/docs/_default_image.tsx
 - app/pb_kits/playbook/pb_image/docs/_description.md
 - app/pb_kits/playbook/pb_image/docs/_rounded_image.html.erb
 - app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx
@@ -1312,8 +1326,8 @@ files:
 - app/pb_kits/playbook/pb_nav/item.rb
 - app/pb_kits/playbook/pb_nav/nav.html.erb
 - app/pb_kits/playbook/pb_nav/nav.rb
-- app/pb_kits/playbook/pb_online_status/_online_status.jsx
 - app/pb_kits/playbook/pb_online_status/_online_status.scss
+- app/pb_kits/playbook/pb_online_status/_online_status.tsx
 - app/pb_kits/playbook/pb_online_status/_online_status_mixins.scss
 - app/pb_kits/playbook/pb_online_status/docs/_description.md
 - app/pb_kits/playbook/pb_online_status/docs/_online_status_default.html.erb
@@ -2053,29 +2067,48 @@ files:
 - app/pb_kits/playbook/tokens/exports/_spacing.scss
 - app/pb_kits/playbook/tokens/exports/_typography.scss
 - app/pb_kits/playbook/tokens/index.scss
-- app/pb_kits/playbook/types.js
+- app/pb_kits/playbook/utilities/_align_content.scss
+- app/pb_kits/playbook/utilities/_align_items.scss
+- app/pb_kits/playbook/utilities/_align_self.scss
 - app/pb_kits/playbook/utilities/_background_colors.scss
 - app/pb_kits/playbook/utilities/_colors.scss
 - app/pb_kits/playbook/utilities/_cursor.scss
 - app/pb_kits/playbook/utilities/_display.scss
+- app/pb_kits/playbook/utilities/_flex.scss
+- app/pb_kits/playbook/utilities/_flex_direction.scss
+- app/pb_kits/playbook/utilities/_flex_grow.scss
+- app/pb_kits/playbook/utilities/_flex_shrink.scss
+- app/pb_kits/playbook/utilities/_flex_wrap.scss
+- app/pb_kits/playbook/utilities/_flexbox.scss
+- app/pb_kits/playbook/utilities/_justify_content.scss
+- app/pb_kits/playbook/utilities/_justify_self.scss
 - app/pb_kits/playbook/utilities/_line_height.scss
 - app/pb_kits/playbook/utilities/_max_width.scss
 - app/pb_kits/playbook/utilities/_number_spacing.scss
+- app/pb_kits/playbook/utilities/_order.scss
 - app/pb_kits/playbook/utilities/_positioning.scss
 - app/pb_kits/playbook/utilities/_shadow.scss
 - app/pb_kits/playbook/utilities/_spacing.scss
-- app/pb_kits/playbook/utilities/globalProps.js
-- app/pb_kits/playbook/utilities/props.js
+- app/pb_kits/playbook/utilities/globalProps.ts
+- app/pb_kits/playbook/utilities/props.ts
 - app/pb_kits/playbook/utilities/test-utils.js
 - app/pb_kits/playbook/utilities/text.js
 - dist/reset.css
 - fonts/fontawesome-min.js
 - fonts/regular-min.js
 - lib/playbook.rb
+- lib/playbook/align_content.rb
+- lib/playbook/align_items.rb
+- lib/playbook/align_self.rb
 - lib/playbook/classnames.rb
 - lib/playbook/cursor.rb
 - lib/playbook/display.rb
 - lib/playbook/engine.rb
+- lib/playbook/flex.rb
+- lib/playbook/flex_direction.rb
+- lib/playbook/flex_grow.rb
+- lib/playbook/flex_shrink.rb
+- lib/playbook/flex_wrap.rb
 - lib/playbook/forms.rb
 - lib/playbook/forms/builder.rb
 - lib/playbook/forms/builder/action_area.rb
@@ -2085,6 +2118,8 @@ files:
 - lib/playbook/forms/builder/form_field_builder.rb
 - lib/playbook/forms/builder/select_field.rb
 - lib/playbook/forms/builder/typeahead_field.rb
+- lib/playbook/justify_content.rb
+- lib/playbook/justify_self.rb
 - lib/playbook/kit_base.rb
 - lib/playbook/kit_resolver.rb
 - lib/playbook/line_height.rb
@@ -2092,6 +2127,7 @@ files:
 - lib/playbook/markdown/helper.rb
 - lib/playbook/markdown/template_handler.rb
 - lib/playbook/number_spacing.rb
+- lib/playbook/order.rb
 - lib/playbook/pb_doc_helper.rb
 - lib/playbook/pb_forms_helper.rb
 - lib/playbook/pb_kit_helper.rb
@@ -2130,9 +2166,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">"
+  - - ">="
     - !ruby/object:Gem::Version
-      version: 1.3.1
+      version: '0'
 requirements: []
 rubygems_version: 3.1.6
 signing_key:

data/app/pb_kits/playbook/types.js

@@ -1,4 +0,0 @@
-// @flow
-
-export type Callback<T, K> = T => K
-export type InputCallback<T> = Callback<SyntheticEvent<T>, void>

data/app/pb_kits/playbook/utilities/globalProps.js

@@ -1,97 +0,0 @@
-// Prop categories
-const spacingProps = ({
-  marginRight,
-  marginLeft,
-  marginTop,
-  marginBottom,
-  marginX,
-  marginY,
-  margin,
-  paddingRight,
-  paddingLeft,
-  paddingTop,
-  paddingBottom,
-  paddingX,
-  paddingY,
-  padding,
-}) => {
-  let css = ''
-  css += marginRight ? `mr_${marginRight} ` : ''
-  css += marginLeft ? `ml_${marginLeft} ` : ''
-  css += marginTop ? `mt_${marginTop} ` : ''
-  css += marginBottom ? `mb_${marginBottom} ` : ''
-  css += marginX ? `mx_${marginX} ` : ''
-  css += marginY ? `my_${marginY} ` : ''
-  css += margin ? `m_${margin} ` : ''
-  css += paddingRight ? `pr_${paddingRight} ` : ''
-  css += paddingLeft ? `pl_${paddingLeft} ` : ''
-  css += paddingTop ? `pt_${paddingTop} ` : ''
-  css += paddingBottom ? `pb_${paddingBottom} ` : ''
-  css += paddingX ? `px_${paddingX} ` : ''
-  css += paddingY ? `py_${paddingY} ` : ''
-  css += padding ? `p_${padding} ` : ''
-  return css
-}
-
-const darkProps = ({ dark }) => {
-  let css = ''
-  css += dark ? 'dark' : ''
-  return css
-}
-
-const numberSpacingProps = ({ numberSpacing }) => {
-  let css = ''
-  css += numberSpacing ? `ns_${numberSpacing} ` : ''
-  return css
-}
-
-const maxWidthProps = ({ maxWidth }) => {
-  let css = ''
-  css += maxWidth ? `max_width_${maxWidth } ` : ''
-  return css
-}
-
-const zIndexProps = ({ zIndex }) => {
-  let css = ''
-  css += zIndex ? `z_index_${zIndex } ` : ''
-  return css
-}
-
-const shadowProps = ({ shadow }) => {
-  let css = ''
-  css += shadow ? `shadow_${shadow} ` : ''
-  return css
-}
-
-const lineHeightProps = ({ lineHeight }) => {
-  let css = ''
-  css += lineHeight ? `line_height_${lineHeight} ` : ''
-  return css
-}
-
-const displayProps = ({ display }) => {
-  let css = ''
-  css += display ? `display_${display} ` : ''
-  return css
-}
-
-const cursorProps = ({ cursor }) => {
-  let css = ''
-  css += cursor ? `cursor_${cursor} ` : ''
-  return css
-}
-
-// All Exported as a single function
-export const globalProps = (props, defaultProps = {}) => {
-  const allProps = { ...props, ...defaultProps }
-  return spacingProps(allProps) + darkProps(allProps) + maxWidthProps(allProps) + zIndexProps(allProps) + numberSpacingProps(allProps) + shadowProps(allProps) + lineHeightProps(allProps) + cursorProps(allProps) + displayProps(allProps)
-}
-
-export const deprecatedProps = (kit, props = []) => {
-  if (process.env.NODE_ENV === 'development') {
-    /* eslint no-console: ["error", { allow: ["warn", "error"] }] */
-    props.forEach((prop) => {
-      console.warn(`${kit} Kit: The prop '${prop}' is deprecated and will be removed in a future release!`)
-    })
-  }
-}