WIP config

Author: EranNL

src/components/Field/FieldBase.tsx

@@ -4,6 +4,8 @@ import { Icon, Variant } from '@/components';
 import clsx from 'clsx';
 import { ReactElement, useState } from 'react';
 import { FieldContext } from './FieldContext';
+import { ConfigManager } from '@/components/utils/config/ConfigManager';
+import { ConfigComponent } from '@/components/utils/config/ConfigComponent';
 
 interface FieldBaseProps {
     actions?: React.ReactNode;
@@ -32,7 +34,7 @@ export const getStateIcon = (valid: boolean | undefined): ReactElement | undefin
     );
 }
 
-const FieldBaseProps = ({
+const FieldBase: React.FunctionComponent & ConfigComponent = ({
     actions,
     className,
     children,
@@ -91,7 +93,9 @@ export const propTypes = {
     variant: PropTypes.string,
 }
 
-FieldBaseProps.displayName = 'FieldBase';
-FieldBaseProps.propTypes = propTypes;
+FieldBase.displayName = 'FieldBase';
+FieldBase.propTypes = propTypes;
+FieldBase.config = new ConfigManager();
+FieldBase.config.addNamespace('classes')
 
-export default FieldBaseProps;
+export default FieldBase;

src/components/utils/config/Config.ts

@@ -0,0 +1,17 @@
+export class Config {
+    private config: Record<string, string> = {};
+
+    public extend(key: string, value: any): void {
+        if (this.has(key)) {
+
+        }
+    }
+
+    public has(key: string): boolean {
+        return Object.prototype.hasOwnProperty.call(this.config, key);
+    }
+
+    public set(key: string, value: string): void {
+        this.config[key] = value;
+    }
+}

src/components/utils/config/ConfigComponent.ts

@@ -0,0 +1,5 @@
+import { ConfigManager } from '@/components/utils/config/ConfigManager';
+
+export type ConfigComponent = {
+    config: ConfigManager;
+}

src/components/utils/config/ConfigManager.ts

@@ -0,0 +1,11 @@
+import { Config } from '@/components/utils/config/Config';
+
+export class ConfigManager {
+    private config: Record<string, Config> = {};
+
+    public addNamespace(key: string): void {
+        if (!Object.prototype.hasOwnProperty.call(this.config, key)) {
+            this.config[key] = new Config();
+        }
+    }
+}

src/index.ts

@@ -1 +1 @@
-export * from './components'
+export * from '@/components'