remove env const

intermine · Oct 29, 2021 · 963812b · 963812b
1 parent 6a74d34
commit 963812b
Show file tree

Hide file tree

Showing 9 changed files with 22 additions and 34 deletions.
diff --git a/src/constants/env.ts b/src/constants/env.ts
diff --git a/src/styles/colors/color.ts b/src/styles/colors/color.ts
@@ -1,4 +1,3 @@
-import { __DEV__ } from '../../constants/env'
 import { isValidColorHex, isColorOrRGBA } from './check'
 import { hex2rgba } from './convert'
 import { RGBA } from './rgba'
@@ -19,7 +18,7 @@ export const getTintOrShade = (
     factor = 0.1
 ): string => {
     if (!isColorOrRGBA(color)) {
-        if (__DEV__) {
+        if (process.env.NODE_ENV !== 'production') {
             console.error(
                 '[Chromatin - getTintOrShade]: color should be'.concat(
                     ' a valid hex code or an instance of RGBA class. Got: ',
@@ -34,7 +33,7 @@ export const getTintOrShade = (
     }
 
     if (factor > 1 || factor < 0) {
-        if (__DEV__) {
+        if (process.env.NODE_ENV !== 'production') {
             console.error(
                 '[Chromatin - getTintOrShade] Factor should be between 0 and 1',
                 'Got: '.concat(factor.toString())
@@ -91,7 +90,7 @@ export const createColor = (
     options = {} as CreateColorOptions
 ): BasicColor => {
     if (!isValidColorHex(baseColor)) {
-        if (__DEV__) {
+        if (process.env.NODE_ENV !== 'production') {
             console.error(
                 '[Chromatin - createColor]: Expecting baseColor as hex'.concat(
                     ' as string. Got',
@@ -156,7 +155,7 @@ export const createColor = (
  */
 export const getLuminous = (color: RGBA): number => {
     if (!(color instanceof RGBA)) {
-        if (__DEV__) {
+        if (process.env.NODE_ENV !== 'production') {
             console.error(
                 '[Chromatin - getLuminous]: color is not an instance of RGBA'
             )
@@ -190,7 +189,7 @@ export const getContrastRatio = (
     color2: string | RGBA
 ): number => {
     if (!isColorOrRGBA(color1)) {
-        if (__DEV__) {
+        if (process.env.NODE_ENV !== 'production') {
             console.error(
                 '[Chromatin - getContrastRatio]: color1 is not valid.'.concat(
                     ' It should be hex code or an instance of RGBA',
@@ -204,7 +203,7 @@ export const getContrastRatio = (
     }
 
     if (!isColorOrRGBA(color2)) {
-        if (__DEV__) {
+        if (process.env.NODE_ENV !== 'production') {
             console.error(
                 '[Chromatin - getContrastRatio]: color2 is not valid.'.concat(
                     ' It should be hex code or an instance of RGBA',

diff --git a/src/styles/colors/convert.ts b/src/styles/colors/convert.ts
@@ -1,4 +1,3 @@
-import { __DEV__ } from '../../constants/env'
 import { isValidColorHex } from './check'
 import { RGBA } from './rgba'
 
@@ -11,7 +10,7 @@ import { RGBA } from './rgba'
  */
 export const hex2rgbArray = (hexValue: string): [number, number, number] => {
     if (!isValidColorHex(`#${hexValue}`)) {
-        if (__DEV__) {
+        if (process.env.NODE_ENV !== 'production') {
             console.error(
                 '[Chromatin - hex2rgbArray]: Expecting hex value only.',
                 'Hex without "#". Got: '.concat(hexValue)
@@ -74,7 +73,7 @@ export const hex2rgbArray = (hexValue: string): [number, number, number] => {
  */
 export const hex2rgba = (hex: string, alpha = 1): RGBA => {
     if (!isValidColorHex(hex)) {
-        if (__DEV__) {
+        if (process.env.NODE_ENV !== 'production') {
             console.error('[Chromatin - hex2rgba]: Not a valid hex. Given', hex)
         }
 

diff --git a/src/styles/theme/create/typography.ts b/src/styles/theme/create/typography.ts
@@ -1,4 +1,3 @@
-import { __DEV__ } from '../../../constants/env'
 import { mergeDeep } from '../../../utils'
 import {
     namedTypographyScales as scales,
@@ -18,7 +17,7 @@ export const createThemeTypography = (
     options = {} as CreateThemeTypographyOptions
 ): ThemeTypography => {
     if (typeof options !== 'function' && typeof options !== 'object') {
-        if (__DEV__) {
+        if (process.env.NODE_ENV !== 'production') {
             console.error(
                 '[Chromatin - createTypography]: Expecting options as'.concat(
                     ' an object or a function. Got',

diff --git a/src/styles/theme/theme-css.ts b/src/styles/theme/theme-css.ts
@@ -1,5 +1,4 @@
 import { CSSObject } from 'styled-components'
-import { __DEV__ } from '../../constants/env'
 import { Theme } from './create'
 
 export type ThemeCSSStyles = CSSObject | ((theme: Theme) => CSSObject)
@@ -9,7 +8,7 @@ export const getThemeCSSObject = (
     theme?: Theme
 ): CSSObject => {
     if (typeof styles !== 'object' && typeof styles !== 'function') {
-        if (__DEV__) {
+        if (process.env.NODE_ENV !== 'production') {
             console.error(
                 '[Chromatin - themeCSSObject]: Expecting styles as'.concat(
                     ' Object or Function. Got ',
@@ -23,7 +22,7 @@ export const getThemeCSSObject = (
     if (typeof styles === 'object') return styles
 
     if (!theme) {
-        if (__DEV__) {
+        if (process.env.NODE_ENV !== 'production') {
             console.error(
                 '[Chromatin - themeCSSObject]: If styles is a Function'.concat(
                     ' then theme object is required. '
@@ -34,7 +33,7 @@ export const getThemeCSSObject = (
     }
 
     if (typeof theme !== 'object') {
-        if (__DEV__) {
+        if (process.env.NODE_ENV !== 'production') {
             console.error(
                 '[Chromatin - themeCSSObject]: theme is not valid'.concat(
                     ' Expecting theme as an object. Got ',

diff --git a/src/styles/theme/utils.ts b/src/styles/theme/utils.ts
@@ -1,7 +1,6 @@
 import { Theme, ThemeColorName, ThemePaletteColor } from './create'
 import { isThemeColorName, isThemePaletteColorKey } from './validate'
 import { isBasicColorKey } from '../colors/utils'
-import { __DEV__ } from '../../constants/env'
 
 import type { BasicColor, ThemeType } from '../colors'
 
@@ -15,7 +14,7 @@ export const getColorNameAndKey = (
     options = {} as { theme: Theme; defaultKey?: string }
 ): ColorAndKeyTuple | undefined => {
     if (typeof color !== 'string') {
-        if (__DEV__) {
+        if (process.env.NODE_ENV !== 'production') {
             console.error(
                 '[Chromatin - getColorNameAndKey]: Expecting '.concat(
                     'color as string. Got: ',
@@ -44,7 +43,7 @@ export const getThemeColorUsingKey = (
     theme: Theme
 ): string => {
     if (!Array.isArray(colorTuple)) {
-        if (__DEV__) {
+        if (process.env.NODE_ENV !== 'production') {
             console.error(
                 '[Chromatin - getThemeColorUsingKey]: Expecting'.concat(
                     'colorTuple but Got:  ',
@@ -62,7 +61,7 @@ export const getThemeColorUsingKey = (
             const colorName = color.slice(1)
             return (theme.palette.other[colorName] as any)[key]
         } catch {
-            if (__DEV__) {
+            if (process.env.NODE_ENV !== 'production') {
                 console.error(
                     '[Chromatin - getThemeColorUsingKey]: Other color '.concat(
                         'is not defined. theme.palette.other.',

diff --git a/src/styles/theme/validate.ts b/src/styles/theme/validate.ts
@@ -1,4 +1,3 @@
-import { __DEV__ } from '../../constants/env'
 import { isBasicColorKey } from '../colors/utils'
 
 import type {
@@ -13,7 +12,7 @@ export const isThemeColorName = (
     theme?: Theme
 ): colorName is ThemeColorName => {
     if (typeof colorName !== 'string') {
-        if (__DEV__) {
+        if (process.env.NODE_ENV !== 'production') {
             console.error(
                 '[Chromatin - isThemeColorName]: Expecting '.concat(
                     'colorName as string. Got: ',
@@ -53,7 +52,7 @@ export const isThemeFontVariant = (
     name: string
 ): name is ThemeTypographyVariant => {
     if (typeof name !== 'string') {
-        if (__DEV__) {
+        if (process.env.NODE_ENV !== 'production') {
             console.error(
                 '[Chromatin - isThemeFontVariant]: Expecting '.concat(
                     'name as string. Got: ',
@@ -86,7 +85,7 @@ export const isThemePaletteColorKey = (
     key: string | number
 ): key is keyof ThemePaletteColor => {
     if (typeof key !== 'string' && typeof key !== 'number') {
-        if (__DEV__) {
+        if (process.env.NODE_ENV !== 'production') {
             console.error(
                 '[Chromatin - isThemePaletteColorKey]: Expecting '.concat(
                     'key as string or number. Got: ',

diff --git a/src/utils/attach-signature-to-component.ts b/src/utils/attach-signature-to-component.ts
@@ -1,11 +1,9 @@
-import { __DEV__ } from '../constants/env'
-
 export const attachSignatureToComponent = <T>(
     Component: T,
     id: string
 ): void => {
     if (typeof id !== 'string') {
-        if (__DEV__) {
+        if (process.env.NODE_ENV !== 'production') {
             console.error(
                 [
                     '[Chromatin - attachSignatureToComponent]: id is required,',

diff --git a/src/utils/validate.ts b/src/utils/validate.ts
@@ -1,5 +1,3 @@
-import { __DEV__, __TEST__ } from '../constants/env'
-
 export const isValidAnchorElement = (
     // eslint-disable-next-line max-len
     // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
@@ -8,7 +6,7 @@ export const isValidAnchorElement = (
     if (anchorElement === null) return false
 
     if (!anchorElement || typeof anchorElement !== 'object') {
-        if (__DEV__) {
+        if (process.env.NODE_ENV !== 'production') {
             console.error(
                 [
                     '[Chromatin - isValidAnchorElement]: Anchor Element is not',
@@ -24,13 +22,13 @@ export const isValidAnchorElement = (
     const element = anchorElement.getBoundingClientRect()
 
     if (
-        !__TEST__ &&
+        process.env.NODE_ENV !== 'test' &&
         element.top === 0 &&
         element.left === 0 &&
         element.right === 0 &&
         element.bottom === 0
     ) {
-        if (__DEV__) {
+        if (process.env.NODE_ENV !== 'production') {
             console.warn(
                 [
                     '[Chromatin - isValidAnchorElement]: Anchor Element',