WIP(theming): wIP: theming

Author: tresko

packages/styled/src/utils/getThemeProp/getThemeProp.test.ts

@@ -0,0 +1,13 @@
+import getThemeProp from './getThemeProp'
+
+test('should return default prop', () => {
+  expect(getThemeProp('primaryColor', 'red', undefined)).toBe('red')
+  expect(getThemeProp('primaryColor', 'red', {})).toBe('red')
+  expect(getThemeProp('primaryColor', 'red', {reactDatepicker: {}})).toBe('red')
+})
+
+test('should return theme prop', () => {
+  expect(getThemeProp('primaryColor', 'red', {reactDatepicker: {primaryColor: 'blue'}})).toBe(
+    'blue',
+  )
+})

packages/styled/src/utils/getThemeProp/getThemeProp.ts

@@ -0,0 +1,15 @@
+function getThemeProp(themeProp: string, defaultValue: any, theme?: Record<string, any>) {
+  if (
+    theme &&
+    typeof theme === 'object' &&
+    theme.reactDatepicker &&
+    typeof theme.reactDatepicker === 'object' &&
+    theme.reactDatepicker[themeProp]
+  ) {
+    return theme.reactDatepicker[themeProp]
+  }
+
+  return defaultValue
+}
+
+export default getThemeProp