playbook_ui 11.13.0 → 11.15.0.pre.alpha.table1

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,
-  }
-}

data/app/pb_kits/playbook/pb_table/styles/_as-cards.scss

@@ -1,49 +0,0 @@
-[class^=pb_table] {
-  &.table-sm,
-  &.table-md,
-  &.table-lg {
-    &.as-cards {
-      thead {
-        tr {
-          display: flex;
-          width: 100%;
-
-          th {
-            flex-grow: 1;
-          }
-        }
-      }
-      tbody {
-        tr {
-          display: flex;
-          align-items: stretch;
-          flex-direction: row;
-          justify-content: flex-start;
-          width: 100%;
-          margin: $space-xs 0;
-
-          td {
-            background: $white;
-            flex-grow: 1;
-            border-width: 1px 0;
-
-            &:first-child {
-              border-left-width: 1px;
-              border-radius: 4px 0 0 4px;
-            }
-            &:last-child {
-              border-right-width: 1px;
-              border-radius: 0 4px 4px 0;
-            }
-          }
-
-          &:last-child {
-            td {
-              border-top-width: 1px !important;
-            }
-          }
-        }
-      }
-    }
-  }
-}