@clement_lores/admin-design-system 1.0.0

package/src/utils/default-theme.interface.ts

@@ -0,0 +1,30 @@
+import {
+  colors,
+  sizes,
+  space,
+  font,
+  fontSizes,
+  lineHeights,
+  fontWeights,
+  borders,
+  borderWidths,
+  shadows,
+} from '../theme.js'
+import type { NonNullishPartialRecord } from './non-nullish-partial-record.type.js'
+
+export interface Theme {
+  colors: typeof colors;
+  sizes: typeof sizes;
+  borders: typeof borders;
+  space: typeof space;
+  fontSizes: typeof fontSizes;
+  lineHeights: typeof lineHeights;
+  fontWeights: typeof fontWeights;
+  font: typeof font;
+  shadows: typeof shadows;
+  borderWidths: typeof borderWidths;
+}
+
+export type ThemeOverride<T=Theme> = {
+  [key in keyof T]?: NonNullishPartialRecord<T[key]>
+}

package/src/utils/direction-props.ts

@@ -0,0 +1 @@
+export type DirectionProps = 'left' | 'right' | 'top' | 'bottom'

package/src/utils/focus-shadow.style.ts

@@ -0,0 +1,8 @@
+import { parseToRgb } from 'polished'
+import { DefaultTheme } from '@styled-components'
+
+export default (theme: DefaultTheme): string => {
+  const rgb = parseToRgb(theme.colors.accent)
+  const color = `rgba(${rgb.red}, ${rgb.green}, ${rgb.blue}, .58)`
+  return `0 1px 4px 0 ${color};`
+}

package/src/utils/generate-id.ts

@@ -0,0 +1,10 @@
+const generateId = (key: string): string => {
+  const accessKey = `UNIQUE_KEY_${key}`;
+
+  (window as any).AdminJS = (window as any).AdminJS || {};
+  // eslint-disable-next-line max-len
+  (window as any).AdminJS[accessKey] = (Number.parseInt((window as any).AdminJS[accessKey] as any, 10) || 0) + 1
+  return [accessKey, (window as any).AdminJS[accessKey]].join('_')
+}
+
+export default generateId

package/src/utils/human-file-size.ts

@@ -0,0 +1,30 @@
+/* Solution inspired by https://stackoverflow.com/a/20732091/2594227 answer */
+const UNITS = ['B', 'KB', 'MB', 'GB', 'TB'] as const
+// eslint-disable-next-line import/prefer-default-export
+export type DisplaySizeUnit = typeof UNITS[number];
+
+/**
+ * Changes size in bytes to string. If unit is not provided - tries to find the best match.
+ *
+ * @param {number} size
+ * @param {'B' | 'KB' | 'MB' | 'GB' | 'TB'} [unit]
+ * @returns {string}
+ * @memberof module:@adminjs/design-system
+ */
+const humanFileSize = (size: number | string, unit?: DisplaySizeUnit): string => {
+  let foundUnitIndex: number | null = null
+  if (unit) {
+    foundUnitIndex = UNITS.findIndex((u) => u === unit)
+  }
+  const unitIndex = foundUnitIndex || Math.min(
+    Math.floor(Math.log(+size) / Math.log(1024)),
+    UNITS.length,
+  )
+
+  const calculatedSize = (+size / (1024 ** unitIndex))
+  const guessedUnit = ['B', 'kB', 'MB', 'GB', 'TB'][unitIndex]
+
+  return `${Math.round(calculatedSize)} ${guessedUnit}`
+}
+
+export { humanFileSize }

package/src/utils/index.ts

@@ -0,0 +1,14 @@
+import datepickerStyle from './datepicker.styles.js'
+import focusShadowStyle from './focus-shadow.style.js'
+
+export * from './color-props.js'
+export * from './combine-styles.js'
+export * from './css-class.js'
+export * from './date-utils.js'
+export * from './generate-id.js'
+export * from './human-file-size.js'
+export * from './portal-utils.jsx'
+export * from './reset.styles.js'
+export * from './select-styles.js'
+export * from './theme-get.js'
+export { datepickerStyle, focusShadowStyle }

package/src/utils/non-nullish-partial-record.type.ts

@@ -0,0 +1,13 @@
+/**
+ * NonNullishPartialRecord
+ * @private
+ * @classdesc
+ * Allows creating a type based on mapped type K that holds a value o type V (`string` by default)
+ * That makes all keys from mapped type optional but requires so that they have value.
+ * { } // ok
+ * { x: 1, y: 2 } // ok
+ * { x: 1 } // ok
+ * { x: 1, y: undefined } // error
+ */
+export type NonNullishPartialRecord<K, V = string> =
+{ [key in keyof K]?: V } & { [key: string]: V }