@twintag/twintag-form 1.4.0-beta.0 → 1.4.0-beta.2

package/lib/components/Render/useJson.ts

@@ -1,76 +0,0 @@
-import type {
-  ParsedJsonComponent,
-  RawJsonComponent,
-  TwintagFormContext,
-} from '@twintag/twintag-form/types';
-
-import { useMemo } from 'react';
-import { LabelToString } from 'twintag-types/dom';
-import { v4 as uuid } from 'uuid';
-
-import { useTwintagForm } from '@twintag/twintag-form/provider';
-
-type Components = TwintagFormContext['components'];
-
-const format = (component: RawJsonComponent, components: Components) => {
-  const copy = { ...component };
-  let formattedConfig: ParsedJsonComponent;
-
-  if (copy.props) {
-    formattedConfig = { ...copy.props } as ParsedJsonComponent;
-  } else {
-    formattedConfig = { ...copy } as unknown as ParsedJsonComponent;
-  }
-
-  if (!copy.type) return Object.create(null) as ParsedJsonComponent;
-
-  const [type, subtype = undefined] = copy.type.split(':');
-  formattedConfig.id = `${type}-${uuid()}`;
-
-  const comp = components.get(type);
-
-  if (comp) {
-    formattedConfig.comp = comp;
-  }
-
-  formattedConfig.type = type;
-
-  if (subtype) {
-    formattedConfig.subtype = subtype;
-  }
-
-  if (copy.props) {
-    if (copy.props.subtype) {
-      formattedConfig.subtype = copy.props.subtype;
-    }
-
-    if (copy.props.label) {
-      const labelParsed = LabelToString.safeParse(copy.props.label);
-      formattedConfig.label = labelParsed.success
-        ? labelParsed.data
-        : undefined;
-    }
-  }
-
-  if (copy.children && Array.isArray(copy.children)) {
-    formattedConfig.items = copy.children.map((item) =>
-      format(item, components),
-    );
-  }
-
-  return formattedConfig;
-};
-
-export const useJson = (config: RawJsonComponent | RawJsonComponent[]) => {
-  const { components } = useTwintagForm();
-
-  const __config = useMemo(() => {
-    if (Array.isArray(config)) {
-      return config.map((item) => format(item, components));
-    }
-
-    return format(config, components);
-  }, [config, components]);
-
-  return __config;
-};

package/lib/components/index.tsx

@@ -1,24 +0,0 @@
-import type { RawJsonComponent } from '@twintag/twintag-form/types';
-
-import { Renderer } from '@twintag/twintag-form/components/Render';
-import { useJson } from '@twintag/twintag-form/components/Render/useJson';
-
-type Props = {
-  config: RawJsonComponent | RawJsonComponent[];
-};
-
-export const TwintagJsonRenderer = ({ config }: Props) => {
-  const __config = useJson(config);
-
-  if (Array.isArray(__config)) {
-    return (
-      <>
-        {__config.map((item, idx) => (
-          <Renderer key={idx} config={item} />
-        ))}
-      </>
-    );
-  }
-
-  return <Renderer config={__config} />;
-};

package/lib/provider.tsx

@@ -1,39 +0,0 @@
-import type { TwintagFormContext } from '@twintag/twintag-form/types';
-import type { WithChildren } from 'twintag-types/dom';
-
-import { createContext, useContext } from 'react';
-
-export const twintagFormContext = createContext<TwintagFormContext>({
-  variant: 'default',
-  size: 'base',
-  components: new Map(),
-});
-
-export const useTwintagForm = () => {
-  const context = useContext(twintagFormContext);
-
-  if (!context) {
-    throw new Error('useTwintagForm must be used within a TwintagFormProvider');
-  }
-
-  return context;
-};
-
-export const TwintagFormProvider = ({
-  children,
-  variant,
-  size,
-  components,
-}: TwintagFormContext & WithChildren) => {
-  return (
-    <twintagFormContext.Provider
-      value={{
-        variant,
-        size,
-        components,
-      }}
-    >
-      {children}
-    </twintagFormContext.Provider>
-  );
-};