@powerhousedao/document-engineering 1.0.0

package/dist/src/scalars/components/fragments/value-transformer/value-transformer.d.ts

@@ -0,0 +1,63 @@
+import React from "react";
+export type ValueTransformer = (value?: any) => any;
+export type TransformerTrigger = "blur" | "change" | "keyDown";
+export type TransformerObject = {
+    /**
+     * The transformer function
+     */
+    transformer: ValueTransformer;
+    options?: {
+        /**
+         * The event that triggers the transformer.
+         * @default "blur"
+         */
+        trigger?: TransformerTrigger;
+        /**
+         * If true, the transformer will be applied.
+         * @default true
+         */
+        if?: boolean;
+    };
+};
+export type TransformerType = TransformerObject[] | ValueTransformer[];
+interface ValueTransformerProps {
+    transformers: TransformerType;
+    children: React.ReactElement;
+}
+/**
+ * Apply transformers to the value of the input element. A transformer is a function that
+ * will be applied to the value of the input element modifying the value.
+ *
+ * @param transformers - An array of transformers. A transformer is an object with a
+ * `transformer` property, which is a function that will be applied to the value of
+ * the input element, and an optional `options` property. The `options` property can
+ * have a `trigger` property, which is the event that triggers the transformer, and
+ * an `if` property, which is a boolean that indicates if the transformer should be
+ * applied.
+ * @param children - The input element to apply the transformers to as children
+ *
+ * @example
+ * <ValueTransformer transformers={[
+ *   {
+ *     transformer: (value) => value.toUpperCase(),
+ *     options: {
+ *       trigger: "change",
+ *     },
+ *   },
+ * ]}>
+ *   <Input />
+ * </ValueTransformer>
+ *
+ * @example
+ * <ValueTransformer transformers={[
+ *   {
+ *     // trim the value on blur
+ *     transformer: (value) => (value as string).trim(),
+ *   },
+ * ]}>
+ *   <Input />
+ * </ValueTransformer>
+ */
+declare function ValueTransformer({ transformers, children }: ValueTransformerProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export default ValueTransformer;
+//# sourceMappingURL=value-transformer.d.ts.map

package/dist/src/scalars/components/fragments/value-transformer/value-transformer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"value-transformer.d.ts","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/value-transformer/value-transformer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,MAAM,MAAM,gBAAgB,GAAG,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC;AAEpD,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE/D,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,WAAW,EAAE,gBAAgB,CAAC;IAC9B,OAAO,CAAC,EAAE;QACR;;;WAGG;QACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;QAC7B;;;WAGG;QACH,EAAE,CAAC,EAAE,OAAO,CAAC;KACd,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,iBAAiB,EAAE,GAAG,gBAAgB,EAAE,CAAC;AAEvE,UAAU,qBAAqB;IAC7B,YAAY,EAAE,eAAe,CAAC;IAC9B,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;CAC9B;AAoDD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,iBAAS,gBAAgB,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,qBAAqB,sEA0F1E;AAED,eAAe,gBAAgB,CAAC"}

package/dist/src/scalars/components/fragments/value-transformer/value-transformer.js

@@ -0,0 +1,142 @@
+import React, { useEffect } from "react";
+import { useFormContext } from "react-hook-form";
+import { deepEqual } from "../../../lib/deep-equal.js";
+// Workaround to set the value of an input element
+// following react core team recommendation
+// https://github.com/facebook/react/issues/10135
+function setNativeValue(element, value) {
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    const valueSetter = Object.getOwnPropertyDescriptor(element, "value")?.set;
+    const prototype = Object.getPrototypeOf(element);
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    const prototypeValueSetter = Object.getOwnPropertyDescriptor(prototype, "value")?.set;
+    if (valueSetter && valueSetter !== prototypeValueSetter) {
+        prototypeValueSetter?.call(element, value);
+    }
+    else {
+        valueSetter?.call(element, value);
+    }
+}
+// apply transformers to the value
+function _applyTransformers(transformers, value, filter = "blur") {
+    return transformers.reduce((value, transformer) => {
+        if (typeof transformer === "function") {
+            if (filter === "blur" || filter === "all") {
+                // array of transformers are only applied on blur
+                return transformer(value);
+            }
+            return value;
+        }
+        // it is a transformer object
+        if ((transformer.options?.trigger ?? "blur") !== filter &&
+            filter !== "all") {
+            return value;
+        }
+        // if no set, we assume true
+        if (transformer.options?.if === undefined || transformer.options.if) {
+            return transformer.transformer(value);
+        }
+        return value;
+    }, value);
+}
+/**
+ * Apply transformers to the value of the input element. A transformer is a function that
+ * will be applied to the value of the input element modifying the value.
+ *
+ * @param transformers - An array of transformers. A transformer is an object with a
+ * `transformer` property, which is a function that will be applied to the value of
+ * the input element, and an optional `options` property. The `options` property can
+ * have a `trigger` property, which is the event that triggers the transformer, and
+ * an `if` property, which is a boolean that indicates if the transformer should be
+ * applied.
+ * @param children - The input element to apply the transformers to as children
+ *
+ * @example
+ * <ValueTransformer transformers={[
+ *   {
+ *     transformer: (value) => value.toUpperCase(),
+ *     options: {
+ *       trigger: "change",
+ *     },
+ *   },
+ * ]}>
+ *   <Input />
+ * </ValueTransformer>
+ *
+ * @example
+ * <ValueTransformer transformers={[
+ *   {
+ *     // trim the value on blur
+ *     transformer: (value) => (value as string).trim(),
+ *   },
+ * ]}>
+ *   <Input />
+ * </ValueTransformer>
+ */
+function ValueTransformer({ transformers, children }) {
+    const formContext = useFormContext();
+    const setValue = formContext?.setValue;
+    useEffect(() => {
+        // apply all the transformers on mount to prevent untransformed values
+        // if the field is not touched by the user
+        const value = children.props.value;
+        const transformedValue = _applyTransformers(transformers, value, "all");
+        if (!deepEqual(transformedValue, value)) {
+            if (typeof setValue === "function") {
+                setValue?.(children.props.name, transformedValue);
+            }
+            else {
+                // if setValue is not available, then we're not inside a form context
+                // so we need to update the value using onChange if available
+                children.props.onChange?.({
+                    target: { value: transformedValue },
+                });
+            }
+        }
+    }, [transformers]);
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+    return React.cloneElement(children, {
+        ...children.props,
+        onChange: (event) => {
+            // apply transformers on change
+            const transformedValue = _applyTransformers(transformers, event.target.value, "change");
+            if (transformedValue !== event.target.value) {
+                setValue?.(children.props.name, transformedValue);
+                setNativeValue(event.target, transformedValue);
+            }
+            // call the original onChange
+            children.props.onChange?.(event);
+        },
+        // apply transformers on blur
+        onBlur: (event) => {
+            // call the original onBlur
+            children.props.onBlur?.(event);
+            // apply the transformers
+            const target = event.target;
+            const transformedValue = _applyTransformers(transformers, target.value, "blur");
+            if (!deepEqual(transformedValue, target.value)) {
+                // only dispatch change if the value has changed
+                setNativeValue(target, transformedValue);
+                const changeEvent = new Event("change", { bubbles: true });
+                target.dispatchEvent(changeEvent);
+            }
+        },
+        onKeyDown: (event) => {
+            // call the original onKeyDown
+            children.props.onKeyDown?.(event);
+            // apply the transformers
+            if (event.key === "Enter") {
+                const target = event.target;
+                const transformedValue = _applyTransformers(transformers, target.value, "keyDown");
+                // only dispatch change if the value has changed
+                if (!deepEqual(transformedValue, target.value)) {
+                    setNativeValue(target, transformedValue);
+                    const changeEvent = new Event("change", { bubbles: true });
+                    target.dispatchEvent(changeEvent);
+                }
+            }
+        },
+    });
+}
+export default ValueTransformer;
+//# sourceMappingURL=value-transformer.js.map

package/dist/src/scalars/components/fragments/value-transformer/value-transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"value-transformer.js","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/value-transformer/value-transformer.tsx"],"names":[],"mappings":"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"}

package/dist/src/scalars/components/fragments/with-field-validation/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./with-field-validation.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/scalars/components/fragments/with-field-validation/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/with-field-validation/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC"}

package/dist/src/scalars/components/fragments/with-field-validation/index.js

@@ -0,0 +1,2 @@
+export * from "./with-field-validation.js";
+//# sourceMappingURL=index.js.map

package/dist/src/scalars/components/fragments/with-field-validation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/with-field-validation/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC"}

package/dist/src/scalars/components/fragments/with-field-validation/with-field-validation.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import type { FieldErrorHandling, InputBaseProps, ValidatorHandler } from "../../types.js";
+interface PossibleProps extends InputBaseProps<unknown>, FieldErrorHandling {
+    pattern?: RegExp;
+    maxLength?: number;
+    minLength?: number;
+    minValue?: number;
+    maxValue?: number;
+}
+export interface ValidationOptions<T> {
+    validations?: Record<string, (parentProps: T) => ValidatorHandler>;
+    transformValue?: (value: any) => any;
+}
+export declare const withFieldValidation: <T extends PossibleProps, R extends React.ElementRef<any> = React.ElementRef<any>>(Component: React.ComponentType<T>, options?: ValidationOptions<T>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<T> & React.RefAttributes<R>>;
+export {};
+//# sourceMappingURL=with-field-validation.d.ts.map

package/dist/src/scalars/components/fragments/with-field-validation/with-field-validation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-field-validation.d.ts","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/with-field-validation/with-field-validation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAEhE,OAAO,KAAK,EACV,kBAAkB,EAClB,cAAc,EACd,gBAAgB,EACjB,MAAM,gBAAgB,CAAC;AAExB,UAAU,aAAc,SAAQ,cAAc,CAAC,OAAO,CAAC,EAAE,kBAAkB;IACzE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAOD,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,WAAW,EAAE,CAAC,KAAK,gBAAgB,CAAC,CAAC;IACnE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,CAAC;CACtC;AAED,eAAO,MAAM,mBAAmB,GAC9B,CAAC,SAAS,aAAa,EACvB,CAAC,SAAS,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,EAEvD,WAAW,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,EACjC,UAAU,iBAAiB,CAAC,CAAC,CAAC,KAC7B,KAAK,CAAC,yBAAyB,CAChC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAkSlD,CAAC"}

package/dist/src/scalars/components/fragments/with-field-validation/with-field-validation.js

@@ -0,0 +1,218 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useCallback, useEffect, useState } from "react";
+import { Controller, useFormContext, useFormState } from "react-hook-form";
+export const withFieldValidation = (Component, options) => {
+    return React.forwardRef(({ value, name, showErrorOnBlur, showErrorOnChange, validators: customValidators, ...props }, ref) => {
+        const { onChange: onChangeProp, onBlur: onBlurProp } = props;
+        const { control, formState: { errors: formErrors, defaultValues }, trigger, setValue, getValues, } = useFormContext();
+        const { submitCount } = useFormState();
+        if (!name) {
+            throw new Error(`[Field: ${Component.displayName}] The name prop is required.`);
+        }
+        const errors = [
+            ...(formErrors[name]?.types
+                ? Object.values(formErrors[name].types ?? [])
+                : []),
+        ];
+        if (errors.length === 0 && !!formErrors[name]) {
+            // the field is invalid but no error message was provided
+            errors.push("Invalid value");
+        }
+        useEffect(() => {
+            if (submitCount > 0) {
+                void trigger(name);
+            }
+            // we should trigger a re-validation after the form is submitted, the errors are shown
+            // and the required prop is changed. Other deps can not be added, otherwise a revalidation
+            // will be triggered unnecessarily
+        }, [props.required]);
+        useEffect(() => {
+            // if custom errors are provided, then we need to trigger the validation
+            // otherwise the errors will not be shown till the form is submitted
+            if (props.errors && props.errors.length > 0) {
+                void trigger(name);
+            }
+        }, [name, props.errors, trigger]);
+        const [initialized, setInitialized] = useState(false);
+        useEffect(() => {
+            if (initialized) {
+                setValue(name, value);
+            }
+            setInitialized(true);
+            // initialized can not be in the dependencies because it would cause
+            // a change of the value on initial render
+        }, [name, value]);
+        if (value !== undefined && !onChangeProp) {
+            console.warn(`[Field: ${name}] Value prop provided without onChange so it will be ignored. Use disabled/readOnly if you want to prevent changes.`);
+        }
+        return (_jsx(Controller, { control: control, name: name, defaultValue: (value ?? props.defaultValue), disabled: props.disabled, 
+            // eslint-disable-next-line react/jsx-no-bind
+            render: ({ field: { 
+            // just preventing that onChange is included in the rest of the props
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            onChange: _, onBlur: onBlurController, value: internalValue, ...rest }, }) => {
+                // ignore eslint that flags an error here:
+                // React Hook "useCallback" cannot be called inside a callback.
+                // React Hooks must be called in a React function component or a custom React Hook function.
+                const onBlurCallback = useCallback((event) => {
+                    if (showErrorOnBlur) {
+                        void trigger(name);
+                    }
+                    else {
+                        onBlurController(); // default behavior
+                    }
+                    // trigger parent onBlur
+                    if (onBlurProp) {
+                        onBlurProp(event);
+                    }
+                }, [onBlurController, showErrorOnBlur]);
+                // ignore eslint that flags an error here:
+                // React Hook "useCallback" cannot be called inside a callback.
+                // React Hooks must be called in a React function component or a custom React Hook function.
+                const onChangeCallback = useCallback((event) => {
+                    // update value state
+                    if (onChangeProp) {
+                        if (Object.hasOwn(event, "target")) {
+                            // it is probably an actual event
+                            setValue(name, event.target.value);
+                        }
+                        else {
+                            // it is a custom onChange and it pass the value directly
+                            setValue(name, event);
+                        }
+                        // the fields is controlled by the parent
+                        onChangeProp(event);
+                    }
+                    else {
+                        // sometimes the onChange is overridden by the parent and use the new value as parameter instead of event
+                        let value = event;
+                        if (event instanceof Event ||
+                            event.target instanceof HTMLElement) {
+                            value = event.target.value;
+                        }
+                        setValue(name, value); // default behavior
+                    }
+                    // now let's validate the field
+                    if (showErrorOnChange === undefined &&
+                        showErrorOnBlur === undefined) {
+                        // use form validation mode...
+                        // if previously validated, then validate on change
+                        if (submitCount > 0) {
+                            void trigger(name);
+                        }
+                    }
+                    else {
+                        // default validation behavior was overridden
+                        if (showErrorOnChange) {
+                            void trigger(name);
+                        }
+                    }
+                }, 
+                // `internalValue` is the value of the field that is controlled by the form
+                // it is used to trigger the validation on change, so we need to add it to the dependencies
+                // otherwise the validation will not be triggered on change
+                [internalValue, showErrorOnChange, showErrorOnBlur, submitCount]);
+                // extract ref from rest
+                const { ref: formFieldRef } = rest;
+                // create a combined ref
+                const combinedRef = (element) => {
+                    // apply external ref if exists
+                    if (typeof ref === "function") {
+                        ref(element);
+                    }
+                    else if (ref) {
+                        ref.current = element;
+                    }
+                    // apply field ref
+                    formFieldRef(element);
+                };
+                return (_jsx(Component, { ...props, ...rest, value: internalValue, onBlur: onBlurCallback, onChange: onChangeCallback, errors: errors, ref: combinedRef }));
+            }, rules: {
+                ...(props.required
+                    ? {
+                        required: {
+                            value: props.required,
+                            message: "This field is required",
+                        },
+                    }
+                    : {
+                        required: undefined,
+                    }),
+                ...(props.pattern && {
+                    pattern: {
+                        value: new RegExp(props.pattern),
+                        message: "This field does not match the required pattern",
+                    },
+                }),
+                ...(props.maxLength !== undefined && props.maxLength >= 0
+                    ? {
+                        maxLength: {
+                            value: props.maxLength,
+                            message: `This field must be at most ${props.maxLength} characters`,
+                        },
+                    }
+                    : {
+                        maxLength: undefined,
+                    }),
+                ...(props.minLength !== undefined && props.minLength >= 0
+                    ? {
+                        minLength: {
+                            value: props.minLength,
+                            message: `This field must be at least ${props.minLength} characters`,
+                        },
+                    }
+                    : {
+                        minLength: undefined,
+                    }),
+                ...(props.minValue && {
+                    min: {
+                        value: props.minValue,
+                        message: `This field must be greater than or equal to ${props.minValue}`,
+                    },
+                }),
+                ...(props.maxValue && {
+                    max: {
+                        value: props.maxValue,
+                        message: `This field must be less than or equal to ${props.maxValue}`,
+                    },
+                }),
+                validate: {
+                    // custom errors provided as props
+                    ...(props.errors
+                        ? Object.fromEntries(Array.isArray(props.errors)
+                            ? props.errors.map((error, index) => [
+                                `_propError${index}`,
+                                () => error,
+                            ])
+                            : [])
+                        : {}),
+                    // built in validations by the field in the library
+                    ...(options?.validations
+                        ? Object.fromEntries(Object.entries(options.validations).map(([key, validatorFactory]) => {
+                            const propsWithValues = {
+                                value: getValues(name), // get the actual value of the field in the form
+                                name,
+                                showErrorOnBlur,
+                                showErrorOnChange,
+                                ...props,
+                            };
+                            return [
+                                key,
+                                validatorFactory(propsWithValues),
+                            ];
+                        }))
+                        : {}),
+                    // custom validations by the user/developer
+                    ...(customValidators !== undefined
+                        ? Object.fromEntries((Array.isArray(customValidators)
+                            ? customValidators
+                            : [customValidators]).map((validator, index) => [
+                            `customValidation${index}`,
+                            validator,
+                        ]))
+                        : {}),
+                },
+            } }));
+    });
+};
+//# sourceMappingURL=with-field-validation.js.map

package/dist/src/scalars/components/fragments/with-field-validation/with-field-validation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-field-validation.js","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/with-field-validation/with-field-validation.tsx"],"names":[],"mappings":"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"}

package/dist/src/scalars/components/id-field/id-field.d.ts

@@ -0,0 +1,9 @@
+export type GeneratorFn = () => string;
+export type BuiltInGenerator = "uuid" | "nanoid";
+export interface IdFieldProps {
+    name?: string;
+    value?: string;
+    generator?: BuiltInGenerator | GeneratorFn;
+}
+export declare const IdField: React.FC<IdFieldProps>;
+//# sourceMappingURL=id-field.d.ts.map

package/dist/src/scalars/components/id-field/id-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"id-field.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/id-field/id-field.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,WAAW,GAAG,MAAM,MAAM,CAAC;AAEvC,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEjD,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,gBAAgB,GAAG,WAAW,CAAC;CAC5C;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA+B1C,CAAC"}

package/dist/src/scalars/components/id-field/id-field.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { useFormContext } from "react-hook-form";
+import { nanoid } from "nanoid";
+export const IdField = ({ name = "id", value, generator = "nanoid", ...rest }) => {
+    const { register, formState: { submitCount }, } = useFormContext();
+    const actualValue = useMemo(() => {
+        if (value !== undefined)
+            return value;
+        if (typeof generator === "function")
+            return generator();
+        switch (generator) {
+            case "nanoid":
+                return nanoid();
+            case "uuid":
+                return crypto.randomUUID();
+        }
+    }, 
+    // We want to re-generate the ID on every submit
+    [value, generator, submitCount]);
+    return (_jsx("input", { type: "hidden", value: actualValue, ...register(name), ...rest }));
+};
+//# sourceMappingURL=id-field.js.map

package/dist/src/scalars/components/id-field/id-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"id-field.js","sourceRoot":"","sources":["../../../../../src/scalars/components/id-field/id-field.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAYhC,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAC9C,IAAI,GAAG,IAAI,EACX,KAAK,EACL,SAAS,GAAG,QAAQ,EACpB,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,EACJ,QAAQ,EACR,SAAS,EAAE,EAAE,WAAW,EAAE,GAC3B,GAAG,cAAc,EAAE,CAAC;IACrB,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE;QACH,IAAI,KAAK,KAAK,SAAS;YAAE,OAAO,KAAK,CAAC;QAEtC,IAAI,OAAO,SAAS,KAAK,UAAU;YAAE,OAAO,SAAS,EAAE,CAAC;QAExD,QAAQ,SAAS,EAAE,CAAC;YAClB,KAAK,QAAQ;gBACX,OAAO,MAAM,EAAE,CAAC;YAClB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC,UAAU,EAAE,CAAC;QAC/B,CAAC;IACH,CAAC;IACD,gDAAgD;IAEhD,CAAC,KAAK,EAAE,SAAS,EAAE,WAAW,CAAC,CAChC,CAAC;IAEF,OAAO,CACL,gBAAO,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,WAAW,KAAM,QAAQ,CAAC,IAAI,CAAC,KAAM,IAAI,GAAI,CAC1E,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/scalars/components/id-field/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./id-field.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/scalars/components/id-field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/id-field/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/src/scalars/components/id-field/index.js

@@ -0,0 +1,2 @@
+export * from "./id-field.js";
+//# sourceMappingURL=index.js.map

package/dist/src/scalars/components/id-field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/scalars/components/id-field/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}