playbook_ui 11.11.0 → 11.12.1.pre.alpha.passphrase1

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 11.11.0
+  version: 11.12.1.pre.alpha.passphrase1
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-10-28 00:00:00.000000000 Z
+date: 2022-11-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -377,6 +377,9 @@ files:
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend.jsx
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_non_clickable.html.erb
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_non_clickable.jsx
+- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.html.erb
+- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.jsx
+- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.md
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_spline.html.erb
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_spline.jsx
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_spline.md
@@ -550,6 +553,9 @@ files:
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_default.jsx
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_inner_sizes.html.erb
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_inner_sizes.jsx
+- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.html.erb
+- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.jsx
+- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.md
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_live_data.jsx
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_rounded.html.erb
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_rounded.jsx
@@ -808,19 +814,28 @@ files:
 - app/pb_kits/playbook/pb_date_year_stacked/docs/example.yml
 - app/pb_kits/playbook/pb_date_year_stacked/docs/index.js
 - app/pb_kits/playbook/pb_dialog/_close_icon.tsx
-- app/pb_kits/playbook/pb_dialog/_dialog.html.erb
 - app/pb_kits/playbook/pb_dialog/_dialog.scss
 - app/pb_kits/playbook/pb_dialog/_dialog.tsx
 - app/pb_kits/playbook/pb_dialog/_dialog_context.tsx
 - app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.tsx
 - app/pb_kits/playbook/pb_dialog/child_kits/_dialog_footer.tsx
 - app/pb_kits/playbook/pb_dialog/child_kits/_dialog_header.tsx
+- app/pb_kits/playbook/pb_dialog/dialog.html.erb
 - app/pb_kits/playbook/pb_dialog/dialog.rb
 - app/pb_kits/playbook/pb_dialog/dialog.test.jsx
+- app/pb_kits/playbook/pb_dialog/dialogHelper.js
+- app/pb_kits/playbook/pb_dialog/dialog_body.html.erb
+- app/pb_kits/playbook/pb_dialog/dialog_body.rb
+- app/pb_kits/playbook/pb_dialog/dialog_footer.html.erb
+- app/pb_kits/playbook/pb_dialog/dialog_footer.rb
+- app/pb_kits/playbook/pb_dialog/dialog_header.html.erb
 - app/pb_kits/playbook/pb_dialog/dialog_header.rb
+- app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.html.erb
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.jsx
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.md
+- app/pb_kits/playbook/pb_dialog/docs/_dialog_default.html.erb
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
+- app/pb_kits/playbook/pb_dialog/docs/_dialog_default.md
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height.jsx
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height.md
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height_placement.jsx
@@ -831,6 +846,7 @@ files:
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_separators.md
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.jsx
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.md
+- app/pb_kits/playbook/pb_dialog/docs/_dialog_sizes.html.erb
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_sizes.jsx
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_stacked_alert.jsx
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_stacked_alert.md
@@ -1116,6 +1132,7 @@ files:
 - app/pb_kits/playbook/pb_icon/docs/index.js
 - app/pb_kits/playbook/pb_icon/icon.html.erb
 - app/pb_kits/playbook/pb_icon/icon.rb
+- app/pb_kits/playbook/pb_icon/icon.test.js
 - app/pb_kits/playbook/pb_icon_circle/_icon_circle.scss
 - app/pb_kits/playbook/pb_icon_circle/_icon_circle.tsx
 - app/pb_kits/playbook/pb_icon_circle/docs/_description.md
@@ -1244,8 +1261,8 @@ files:
 - app/pb_kits/playbook/pb_layout/layout.test.js
 - app/pb_kits/playbook/pb_layout/sidebar.html.erb
 - app/pb_kits/playbook/pb_layout/sidebar.rb
-- app/pb_kits/playbook/pb_legend/_legend.jsx
 - app/pb_kits/playbook/pb_legend/_legend.scss
+- app/pb_kits/playbook/pb_legend/_legend.tsx
 - app/pb_kits/playbook/pb_legend/docs/_description.md
 - app/pb_kits/playbook/pb_legend/docs/_footer.md
 - app/pb_kits/playbook/pb_legend/docs/_legend_colors.html.erb
@@ -1301,6 +1318,9 @@ files:
 - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend.jsx
 - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_nonclickable.html.erb
 - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_nonclickable.jsx
+- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.html.erb
+- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.jsx
+- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.md
 - app/pb_kits/playbook/pb_line_graph/docs/example.yml
 - app/pb_kits/playbook/pb_line_graph/docs/index.js
 - app/pb_kits/playbook/pb_line_graph/lineGraphSettings.js
@@ -1438,16 +1458,20 @@ files:
 - 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
+- app/pb_kits/playbook/pb_passphrase/docs/_passphrase_common.html.erb
 - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_common.jsx
+- app/pb_kits/playbook/pb_passphrase/docs/_passphrase_common.md
+- app/pb_kits/playbook/pb_passphrase/docs/_passphrase_confirmation.html.erb
+- app/pb_kits/playbook/pb_passphrase/docs/_passphrase_confirmation.jsx
 - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_default.html.erb
 - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_default.jsx
-- app/pb_kits/playbook/pb_passphrase/docs/_passphrase_default.md
 - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_input_props.html.erb
 - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_input_props.jsx
 - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_input_props.md
 - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.html.erb
 - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.jsx
 - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.md
+- app/pb_kits/playbook/pb_passphrase/docs/_passphrase_strength_change.html.erb
 - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_strength_change.jsx
 - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_strength_change.md
 - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_tips.html.erb
@@ -1458,9 +1482,6 @@ files:
 - app/pb_kits/playbook/pb_passphrase/passphrase.html.erb
 - app/pb_kits/playbook/pb_passphrase/passphrase.rb
 - app/pb_kits/playbook/pb_passphrase/passphrase.test.jsx
-- app/pb_kits/playbook/pb_passphrase/passwordStrength.js
-- app/pb_kits/playbook/pb_passphrase/useHaveIBeenPwned.js
-- app/pb_kits/playbook/pb_passphrase/useZxcvbn.js
 - app/pb_kits/playbook/pb_person/_person.jsx
 - app/pb_kits/playbook/pb_person/_person.scss
 - app/pb_kits/playbook/pb_person/docs/_description.md
@@ -1995,9 +2016,12 @@ files:
 - app/pb_kits/playbook/pb_title/docs/_title_colors.html.erb
 - app/pb_kits/playbook/pb_title/docs/_title_colors.jsx
 - app/pb_kits/playbook/pb_title/docs/_title_colors.md
-- app/pb_kits/playbook/pb_title/docs/_title_light.html.erb
-- app/pb_kits/playbook/pb_title/docs/_title_light.jsx
-- app/pb_kits/playbook/pb_title/docs/_title_light.md
+- app/pb_kits/playbook/pb_title/docs/_title_default.html.erb
+- app/pb_kits/playbook/pb_title/docs/_title_default.jsx
+- app/pb_kits/playbook/pb_title/docs/_title_default.md
+- app/pb_kits/playbook/pb_title/docs/_title_light_weight.html.erb
+- app/pb_kits/playbook/pb_title/docs/_title_light_weight.jsx
+- app/pb_kits/playbook/pb_title/docs/_title_light_weight.md
 - app/pb_kits/playbook/pb_title/docs/example.yml
 - app/pb_kits/playbook/pb_title/docs/index.js
 - app/pb_kits/playbook/pb_title/title.html.erb
@@ -2328,9 +2352,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">="
+  - - ">"
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 1.3.1
 requirements: []
 rubygems_version: 3.3.7
 signing_key:

data/app/pb_kits/playbook/pb_dialog/_dialog.html.erb

@@ -1,10 +0,0 @@
-<%= content_tag(:div,
-    id: object.id,
-    data: object.data,
-    class: object.classname,
-    aria: object.aria,
-    dark: object.dark) do %>
-  <% if object.children %>
-    <%= pb_rails("dialog/dialog_header", props: { children: object.children }) %>
-  <% end %>
-<% end %>

data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_default.md

@@ -1 +0,0 @@
-Use the `confirmation` prop to only include the label and show/hide icon.

data/app/pb_kits/playbook/pb_passphrase/passwordStrength.js

@@ -1,55 +0,0 @@
-import zxcvbn from 'zxcvbn'
-
-export const zxcvbnPasswordScore = (options) => {
-  const {
-    calculate = zxcvbn,
-    averageThreshold = 2,
-    strongThreshold = 3,
-    minLength = 12,
-  } = options
-
-  return {
-    minLength,
-    averageThreshold,
-    strongThreshold,
-    test: function (password = '', common = false) {
-      const feedbackValues = (str) => {
-        let percent, variant, text
-
-        if (password.length <= 0) {
-          percent = '0'
-          variant = 'negative'
-          text = '\u00A0' //nbsp to keep form from jumping when typing beings
-        } else if (common) {
-          percent = '25'
-          variant = 'negative'
-          text = 'This passphrase is too common'
-        } else if (password.length < this.minLength || str < this.averageThreshold) {
-          percent = '25'
-          variant = 'negative'
-          text = 'Too weak'
-        } else if (str < this.strongThreshold){
-          percent = '50'
-          variant = 'warning'
-          text = 'Almost there, keep going!'
-        } else if (str >= this.strongThreshold) {
-          percent = '100'
-          variant = 'positive'
-          text = 'Success! Strong passphrase'
-        }
-        return { percent, variant, text }
-      }
-
-      const result = calculate(password)
-
-      return (
-        {
-          suggestions: result.feedback.suggestions,
-          warning: result.feedback.warning,
-          strength: result.score,
-          ...feedbackValues(result.score),
-        }
-      )
-    },
-  }
-}

data/app/pb_kits/playbook/pb_passphrase/useHaveIBeenPwned.js

@@ -1,52 +0,0 @@
-
-import  { useEffect, useState } from 'react'
-
-const checkHaveIBeenPwned = async function (passphrase) {
-  const buffer = new TextEncoder('utf-8').encode(passphrase)
-  const digest = await crypto.subtle.digest('SHA-1', buffer)
-  const hashArray = Array.from(new Uint8Array(digest))
-  const hashHex = hashArray.map((b) => b.toString(16).padStart(2, '0')).join('')
-
-  const firstFive = hashHex.slice(0, 5)
-  const endOfHash = hashHex.slice(5)
-
-  const resp = await fetch(`https://api.pwnedpasswords.com/range/${firstFive}`)
-  const text = await resp.text()
-
-  const match = text.split('\n').some((line) => {
-    //Each line is <sha-1-hash-suffix>:<count of incidents>
-    return line.split(':')[0] === endOfHash.toUpperCase()
-  })
-  return match
-}
-
-/**
- * If the input hasn't changed in <delay> ms,
- * hit the haveibeenpwned api and check if the given passphrase is compromised
- */
-export default function useHaveIBeenPwned(passphrase, minLength, delay = 400) {
-  const [isPwned, setIsPwned] = useState(false)
-
-  useEffect(
-    () => {
-      // only check the API for passphrases above the minimum size
-      if (passphrase.length < minLength) {
-        setIsPwned(false)
-        return
-      }
-
-      const handler = setTimeout(() => {
-        checkHaveIBeenPwned(passphrase)
-          .then((pwned) => setIsPwned(pwned))
-          .catch(() => setIsPwned(false))
-      }, delay)
-
-      return () => {
-        clearTimeout(handler)
-      }
-    },
-    [passphrase, minLength, delay]
-  )
-
-  return isPwned
-}

data/app/pb_kits/playbook/pb_passphrase/useZxcvbn.js

@@ -1,58 +0,0 @@
-import { useEffect, useMemo, useState } from 'react'
-import zxcvbn from 'zxcvbn'
-
-export default function useZxcvbn(options) {
-  const { passphrase = '', common, isPwned, confirmation, averageThreshold, minLength, strongThreshold } = options
-  const calculator = useMemo(
-    () => confirmation ?  () => ({ score: 0 }) : zxcvbn,
-    [confirmation]
-  )
-
-  const [percent, setPercent] = useState('0')
-  const [variant, setVariant] = useState('negative')
-  const [text, setText] = useState('\u00A0') //nbsp to keep height constant
-  const [result, setResult] = useState({})
-
-  useEffect(() => {
-    if (confirmation) return
-    const newResult = calculator(passphrase)
-    setResult(newResult)
-    const str = newResult.score
-
-    const noPassphrase = passphrase.length <= 0
-    const commonPassphrase = common || isPwned
-    const weakPassphrase = passphrase.length < minLength || str < averageThreshold
-    const averagePassphrase = str < strongThreshold
-    const strongPassphrase = str >= strongThreshold
-
-    if (noPassphrase) {
-      setPercent('0')
-      setVariant('negative')
-      setText('\u00A0') //nbsp to keep height constant
-    } else if (commonPassphrase) {
-      setPercent('25')
-      setVariant('negative')
-      setText('This passphrase is too common')
-    } else if (weakPassphrase) {
-      setPercent('25')
-      setVariant('negative')
-      setText('Too weak')
-    } else if (averagePassphrase){
-      setPercent('50')
-      setVariant('warning')
-      setText('Almost there, keep going!')
-    } else if (strongPassphrase) {
-      setPercent('100')
-      setVariant('positive')
-      setText('Success! Strong passphrase')
-    }
-  }, [passphrase, common, isPwned, averageThreshold, minLength, strongThreshold]
-  )
-
-  return {
-    strength: common || isPwned ? 0 : result.score,
-    percent,
-    variant,
-    text,
-  }
-}