@primer/components 31.0.2-rc.1e80de40 → 31.1.0

package/src/utils/theme.js

@@ -1,64 +0,0 @@
-// Utility functions used in theme-preval.js
-// This file needs to be a JavaScript file using CommonJS to be compatiable with preval
-
-const isEmpty = require('lodash.isempty')
-const isObject = require('lodash.isobject')
-const chroma = require('chroma-js')
-
-function fontStack(fonts) {
-  return fonts.map(font => (font.includes(' ') ? `"${font}"` : font)).join(', ')
-}
-
-// The following functions are a temporary measure for splitting shadow values out from the colors object.
-// Eventually, we will push these structural changes upstream to primer/primitives so this data manipulation
-// will not be needed.
-
-function isShadowValue(value) {
-  return typeof value === 'string' && /(inset\s|)([0-9.]+(\w*)\s){1,4}(rgb[a]?\(.*\)|\w+)/.test(value)
-}
-
-function isColorValue(value) {
-  return chroma.valid(value)
-}
-
-function filterObject(obj, predicate) {
-  if (Array.isArray(obj)) {
-    return obj.filter(predicate)
-  }
-
-  return Object.entries(obj).reduce((acc, [key, value]) => {
-    if (isObject(value)) {
-      const result = filterObject(value, predicate)
-
-      // Don't include empty objects or arrays
-      if (!isEmpty(result)) {
-        acc[key] = result
-      }
-    } else if (predicate(value)) {
-      acc[key] = value
-    }
-
-    return acc
-  }, {})
-}
-
-function partitionColors(colors) {
-  return {
-    colors: filterObject(colors, value => isColorValue(value)),
-    shadows: filterObject(colors, value => isShadowValue(value))
-  }
-}
-
-function omitScale(obj) {
-  const {scale, ...rest} = obj
-  return rest
-}
-
-module.exports = {
-  fontStack,
-  isShadowValue,
-  isColorValue,
-  filterObject,
-  partitionColors,
-  omitScale
-}

package/src/utils/types/AriaRole.ts

@@ -1,71 +0,0 @@
-// ref: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques
-export type AriaRole =
-  | 'alert'
-  | 'alertdialog'
-  | 'application'
-  | 'article'
-  | 'banner'
-  | 'button'
-  | 'cell'
-  | 'checkbox'
-  | 'columnheader'
-  | 'combobox'
-  | 'complementary'
-  | 'contentinfo'
-  | 'definition'
-  | 'dialog'
-  | 'directory'
-  | 'document'
-  | 'feed'
-  | 'figure'
-  | 'form'
-  | 'grid'
-  | 'gridcell'
-  | 'group'
-  | 'heading'
-  | 'img'
-  | 'link'
-  | 'list'
-  | 'listbox'
-  | 'listitem'
-  | 'log'
-  | 'main'
-  | 'marquee'
-  | 'math'
-  | 'menu'
-  | 'menubar'
-  | 'menuitem'
-  | 'menuitemcheckbox '
-  | 'menuitemradio'
-  | 'navigation'
-  | 'none'
-  | 'note'
-  | 'option'
-  | 'presentation'
-  | 'progressbar'
-  | 'radio'
-  | 'radiogroup'
-  | 'region'
-  | 'row'
-  | 'rowgroup'
-  | 'rowheader'
-  | 'scrollbar'
-  | 'search'
-  | 'searchbox'
-  | 'separator'
-  | 'slider'
-  | 'spinbutton'
-  | 'status'
-  | 'switch'
-  | 'tab'
-  | 'table'
-  | 'tablist'
-  | 'tabpanel'
-  | 'term'
-  | 'textbox'
-  | 'timer'
-  | 'toolbar'
-  | 'tooltip'
-  | 'tree'
-  | 'treegrid'
-  | 'treeitem'

package/src/utils/types/ComponentProps.ts

@@ -1,13 +0,0 @@
-/**
- * Extract a component's props
- *
- * Source: https://react-typescript-cheatsheet.netlify.app/docs/advanced/patterns_by_usecase#wrappingmirroring-a-component
- *
- * @example ComponentProps<typeof MyComponent>
- */
-export type ComponentProps<T> = T extends React.ComponentType<infer Props>
-  ? // eslint-disable-next-line @typescript-eslint/ban-types
-    Props extends object
-    ? Props
-    : never
-  : never

package/src/utils/types/Flatten.ts

@@ -1,4 +0,0 @@
-/**
- * Contruct a type describing the items in `T`, if `T` is an array.
- */
-export type Flatten<T extends unknown> = T extends (infer U)[] ? U : never

package/src/utils/types/MandateProps.ts

@@ -1,19 +0,0 @@
-/* 
-Used to convert a list of properties in a type from optional to required
-
-For example, we could make a new type from `Datum`
-where 'id' and 'label' required:
-  type Datum = {
-    description?: string
-    id?: string
-    label?: string
-    value: string
-  }
-
-  type DatumWithRequiredIdAndLabel = MandateProps<Datum, 'id' | 'label'>
-*/
-
-export type MandateProps<T extends unknown, K extends keyof T> = Omit<T, K> &
-  {
-    [MK in K]-?: NonNullable<T[MK]>
-  }

package/src/utils/types/Merge.ts

@@ -1,20 +0,0 @@
-/**
- * Given two object types A and B, return a type with all the properties of A that aren't also
- * properties of B, and all the properties of B.
- *
- * Useful when we have a component that spreads a "rest" of its props on a subcomponent:
- *
- * ```ts
- * interface OwnProps {
- *  foo: string
- * }
- *
- * type MyComponentProps = Merge<SubcomponentProps, OwnProps>
- * const MyComponent = ({foo, ...rest}: MyComponentProps) => {
- *   // ...
- *   return <SubComponent {...rest} />
- * }
- * ```
- */
-// eslint-disable-next-line @typescript-eslint/ban-types
-export type Merge<A = {}, B = {}> = Omit<A, keyof B> & B

package/src/utils/types/index.ts

@@ -1,5 +0,0 @@
-export * from './AriaRole'
-export * from './ComponentProps'
-export * from './Flatten'
-export * from './Merge'
-export * from './MandateProps'

package/src/utils/uniqueId.ts

@@ -1,6 +0,0 @@
-// Note: uniqueId may be unsafe in SSR contexts if it is used create DOM IDs or otherwise cause a hydration warning. Use useSSRSafeId instead.
-
-let idSeed = 10000
-export function uniqueId(): string {
-  return `__primer_id_${idSeed++}`
-}

package/src/utils/userAgent.ts

@@ -1,7 +0,0 @@
-let isMac: boolean | undefined = undefined
-export function isMacOS(): boolean {
-  if (isMac === undefined) {
-    isMac = /^mac/i.test(window.navigator.platform)
-  }
-  return isMac
-}