@fuf-stack/uniform 0.0.2 → 0.0.4

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/index.d.cts

@@ -0,0 +1,6 @@
+export { F as Form, a as FormProps } from './Form-Bv0R3QNk.cjs';
+export { G as Grid, a as GridProps } from './Grid-DF3L9NF3.cjs';
+import 'react/jsx-runtime';
+import '@fuf-stack/veto';
+import 'react';
+import 'react-hook-form';

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export { F as Form, a as FormProps } from './Form-Bv0R3QNk.js';
+export { G as Grid, a as GridProps } from './Grid-DF3L9NF3.js';
+import 'react/jsx-runtime';
+import '@fuf-stack/veto';
+import 'react';
+import 'react-hook-form';

package/dist/index.js

@@ -0,0 +1,13 @@
+import {
+  Form_default
+} from "./chunk-BQUVQMFA.js";
+import {
+  Grid_default
+} from "./chunk-4MEKDDB2.js";
+import "./chunk-BCMPSLSG.js";
+import "./chunk-V46BHM2U.js";
+export {
+  Form_default as Form,
+  Grid_default as Grid
+};
+//# sourceMappingURL=index.js.map

package/dist/partials/FieldCopyTestIdButton/index.cjs

@@ -1,48 +1,12 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/partials/FieldCopyTestIdButton/index.ts
-var FieldCopyTestIdButton_exports = {};
-__export(FieldCopyTestIdButton_exports, {
-  default: () => FieldCopyTestIdButton_default2
-});
-module.exports = __toCommonJS(FieldCopyTestIdButton_exports);
-
-// src/partials/FieldCopyTestIdButton/FieldCopyTestIdButton.tsx
-var import_fa6 = require("react-icons/fa6");
-var import_classnames = __toESM(require("classnames"), 1);
-var import_Button = __toESM(require("@fuf-stack/pixels/Button"), 1);
-var import_useLocalStorage = __toESM(require("@fuf-stack/pixels/hooks/useLocalStorage"), 1);
-var import_jsx_runtime = require("react/jsx-runtime");
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/partials/FieldCopyTestIdButton/FieldCopyTestIdButton.tsx
+var _fa6 = require('react-icons/fa6');
+var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
+var _Button = require('@fuf-stack/pixels/Button'); var _Button2 = _interopRequireDefault(_Button);
+var _useLocalStorage = require('@fuf-stack/pixels/hooks/useLocalStorage'); var _useLocalStorage2 = _interopRequireDefault(_useLocalStorage);
+var _jsxruntime = require('react/jsx-runtime');
 var LOCALSTORAGE_DEBUG_KEY = "uniform:form-debug-enabled";
 var TestIdDebug = ({ className = void 0, testId }) => {
-  const [debug] = (0, import_useLocalStorage.default)(LOCALSTORAGE_DEBUG_KEY, false);
+  const [debug] = _useLocalStorage2.default.call(void 0, LOCALSTORAGE_DEBUG_KEY, false);
   const copyToClipboard = () => {
     navigator.clipboard.writeText(testId).catch((err) => {
       console.error("Error copying TestId to clipboard", err);
@@ -51,13 +15,13 @@ var TestIdDebug = ({ className = void 0, testId }) => {
   if (!debug) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_Button.default,
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _Button2.default,
     {
-      className: (0, import_classnames.default)(className, "pointer-events-auto"),
+      className: _classnames2.default.call(void 0, className, "pointer-events-auto"),
       variant: "light",
       onClick: copyToClipboard,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_fa6.FaBullseye, {}),
+      icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _fa6.FaBullseye, {}),
       size: "sm"
     }
   );
@@ -66,4 +30,7 @@ var FieldCopyTestIdButton_default = TestIdDebug;
 
 // src/partials/FieldCopyTestIdButton/index.ts
 var FieldCopyTestIdButton_default2 = FieldCopyTestIdButton_default;
+
+
+exports.default = FieldCopyTestIdButton_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/partials/FieldCopyTestIdButton/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/partials/FieldCopyTestIdButton/index.ts","../../../src/partials/FieldCopyTestIdButton/FieldCopyTestIdButton.tsx"],"sourcesContent":["import FieldCopyTestIdButton from './FieldCopyTestIdButton';\n\nexport default FieldCopyTestIdButton;\n","import { FaBullseye } from 'react-icons/fa6';\n\nimport cn from 'classnames';\n\nimport Button from '@fuf-stack/pixels/Button';\nimport useLocalStorage from '@fuf-stack/pixels/hooks/useLocalStorage';\n\ninterface FormDebugProps {\n  className?: string;\n  testId: string;\n}\n\nconst LOCALSTORAGE_DEBUG_KEY = 'uniform:form-debug-enabled';\n\nconst TestIdDebug = ({ className = undefined, testId }: FormDebugProps) => {\n  const [debug] = useLocalStorage(LOCALSTORAGE_DEBUG_KEY, false);\n\n  const copyToClipboard = () => {\n    navigator.clipboard.writeText(testId).catch((err) => {\n      console.error('Error copying TestId to clipboard', err);\n    });\n  };\n\n  if (!debug) {\n    return null;\n  }\n\n  return (\n    <Button\n      className={cn(className, 'pointer-events-auto')}\n      variant=\"light\"\n      onClick={copyToClipboard}\n      icon={<FaBullseye />}\n      size=\"sm\"\n    />\n  );\n};\nexport default TestIdDebug;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,iBAAAA;AAAA;AAAA;;;ACAA,iBAA2B;AAE3B,wBAAe;AAEf,oBAAmB;AACnB,6BAA4B;AA2BhB;AApBZ,IAAM,yBAAyB;AAE/B,IAAM,cAAc,CAAC,EAAE,YAAY,QAAW,OAAO,MAAsB;AACzE,QAAM,CAAC,KAAK,QAAI,uBAAAC,SAAgB,wBAAwB,KAAK;AAE7D,QAAM,kBAAkB,MAAM;AAC5B,cAAU,UAAU,UAAU,MAAM,EAAE,MAAM,CAAC,QAAQ;AACnD,cAAQ,MAAM,qCAAqC,GAAG;AAAA,IACxD,CAAC;AAAA,EACH;AAEA,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC,cAAAC;AAAA,IAAA;AAAA,MACC,eAAW,kBAAAC,SAAG,WAAW,qBAAqB;AAAA,MAC9C,SAAQ;AAAA,MACR,SAAS;AAAA,MACT,MAAM,4CAAC,yBAAW;AAAA,MAClB,MAAK;AAAA;AAAA,EACP;AAEJ;AACA,IAAO,gCAAQ;;;ADnCf,IAAOC,iCAAQ;","names":["FieldCopyTestIdButton_default","useLocalStorage","Button","cn","FieldCopyTestIdButton_default"]}
+{"version":3,"sources":["../../../src/partials/FieldCopyTestIdButton/FieldCopyTestIdButton.tsx","../../../src/partials/FieldCopyTestIdButton/index.ts"],"names":["FieldCopyTestIdButton_default"],"mappings":";AAAA,SAAS,kBAAkB;AAE3B,OAAO,QAAQ;AAEf,OAAO,YAAY;AACnB,OAAO,qBAAqB;AA2BhB;AApBZ,IAAM,yBAAyB;AAE/B,IAAM,cAAc,CAAC,EAAE,YAAY,QAAW,OAAO,MAAsB;AACzE,QAAM,CAAC,KAAK,IAAI,gBAAgB,wBAAwB,KAAK;AAE7D,QAAM,kBAAkB,MAAM;AAC5B,cAAU,UAAU,UAAU,MAAM,EAAE,MAAM,CAAC,QAAQ;AACnD,cAAQ,MAAM,qCAAqC,GAAG;AAAA,IACxD,CAAC;AAAA,EACH;AAEA,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,WAAW,qBAAqB;AAAA,MAC9C,SAAQ;AAAA,MACR,SAAS;AAAA,MACT,MAAM,oBAAC,cAAW;AAAA,MAClB,MAAK;AAAA;AAAA,EACP;AAEJ;AACA,IAAO,gCAAQ;;;ACnCf,IAAOA,iCAAQ","sourcesContent":["import { FaBullseye } from 'react-icons/fa6';\n\nimport cn from 'classnames';\n\nimport Button from '@fuf-stack/pixels/Button';\nimport useLocalStorage from '@fuf-stack/pixels/hooks/useLocalStorage';\n\ninterface FormDebugProps {\n  className?: string;\n  testId: string;\n}\n\nconst LOCALSTORAGE_DEBUG_KEY = 'uniform:form-debug-enabled';\n\nconst TestIdDebug = ({ className = undefined, testId }: FormDebugProps) => {\n  const [debug] = useLocalStorage(LOCALSTORAGE_DEBUG_KEY, false);\n\n  const copyToClipboard = () => {\n    navigator.clipboard.writeText(testId).catch((err) => {\n      console.error('Error copying TestId to clipboard', err);\n    });\n  };\n\n  if (!debug) {\n    return null;\n  }\n\n  return (\n    <Button\n      className={cn(className, 'pointer-events-auto')}\n      variant=\"light\"\n      onClick={copyToClipboard}\n      icon={<FaBullseye />}\n      size=\"sm\"\n    />\n  );\n};\nexport default TestIdDebug;\n","import FieldCopyTestIdButton from './FieldCopyTestIdButton';\n\nexport default FieldCopyTestIdButton;\n"]}

package/dist/partials/FieldCopyTestIdButton/index.d.cts

@@ -1,6 +1,9 @@
-import TestIdDebug from './FieldCopyTestIdButton.cjs';
-import 'react/jsx-runtime';
-
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
+interface FormDebugProps {
+    className?: string;
+    testId: string;
+}
+declare const TestIdDebug: ({ className, testId }: FormDebugProps) => react_jsx_runtime.JSX.Element | null;
 
 export { TestIdDebug as default };

package/dist/partials/FieldCopyTestIdButton/index.d.ts

@@ -1,6 +1,9 @@
-import TestIdDebug from './FieldCopyTestIdButton.js';
-import 'react/jsx-runtime';
-
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
+interface FormDebugProps {
+    className?: string;
+    testId: string;
+}
+declare const TestIdDebug: ({ className, testId }: FormDebugProps) => react_jsx_runtime.JSX.Element | null;
 
 export { TestIdDebug as default };

package/dist/partials/FieldCopyTestIdButton/index.js

@@ -1,6 +1,32 @@
-import {
-  FieldCopyTestIdButton_default
-} from "../../chunk-UMTFPEVF.js";
+// src/partials/FieldCopyTestIdButton/FieldCopyTestIdButton.tsx
+import { FaBullseye } from "react-icons/fa6";
+import cn from "classnames";
+import Button from "@fuf-stack/pixels/Button";
+import useLocalStorage from "@fuf-stack/pixels/hooks/useLocalStorage";
+import { jsx } from "react/jsx-runtime";
+var LOCALSTORAGE_DEBUG_KEY = "uniform:form-debug-enabled";
+var TestIdDebug = ({ className = void 0, testId }) => {
+  const [debug] = useLocalStorage(LOCALSTORAGE_DEBUG_KEY, false);
+  const copyToClipboard = () => {
+    navigator.clipboard.writeText(testId).catch((err) => {
+      console.error("Error copying TestId to clipboard", err);
+    });
+  };
+  if (!debug) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      className: cn(className, "pointer-events-auto"),
+      variant: "light",
+      onClick: copyToClipboard,
+      icon: /* @__PURE__ */ jsx(FaBullseye, {}),
+      size: "sm"
+    }
+  );
+};
+var FieldCopyTestIdButton_default = TestIdDebug;
 
 // src/partials/FieldCopyTestIdButton/index.ts
 var FieldCopyTestIdButton_default2 = FieldCopyTestIdButton_default;

package/dist/partials/FieldCopyTestIdButton/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/partials/FieldCopyTestIdButton/index.ts"],"sourcesContent":["import FieldCopyTestIdButton from './FieldCopyTestIdButton';\n\nexport default FieldCopyTestIdButton;\n"],"mappings":";;;;;AAEA,IAAOA,iCAAQ;","names":["FieldCopyTestIdButton_default"]}
+{"version":3,"sources":["../../../src/partials/FieldCopyTestIdButton/FieldCopyTestIdButton.tsx","../../../src/partials/FieldCopyTestIdButton/index.ts"],"sourcesContent":["import { FaBullseye } from 'react-icons/fa6';\n\nimport cn from 'classnames';\n\nimport Button from '@fuf-stack/pixels/Button';\nimport useLocalStorage from '@fuf-stack/pixels/hooks/useLocalStorage';\n\ninterface FormDebugProps {\n  className?: string;\n  testId: string;\n}\n\nconst LOCALSTORAGE_DEBUG_KEY = 'uniform:form-debug-enabled';\n\nconst TestIdDebug = ({ className = undefined, testId }: FormDebugProps) => {\n  const [debug] = useLocalStorage(LOCALSTORAGE_DEBUG_KEY, false);\n\n  const copyToClipboard = () => {\n    navigator.clipboard.writeText(testId).catch((err) => {\n      console.error('Error copying TestId to clipboard', err);\n    });\n  };\n\n  if (!debug) {\n    return null;\n  }\n\n  return (\n    <Button\n      className={cn(className, 'pointer-events-auto')}\n      variant=\"light\"\n      onClick={copyToClipboard}\n      icon={<FaBullseye />}\n      size=\"sm\"\n    />\n  );\n};\nexport default TestIdDebug;\n","import FieldCopyTestIdButton from './FieldCopyTestIdButton';\n\nexport default FieldCopyTestIdButton;\n"],"mappings":";AAAA,SAAS,kBAAkB;AAE3B,OAAO,QAAQ;AAEf,OAAO,YAAY;AACnB,OAAO,qBAAqB;AA2BhB;AApBZ,IAAM,yBAAyB;AAE/B,IAAM,cAAc,CAAC,EAAE,YAAY,QAAW,OAAO,MAAsB;AACzE,QAAM,CAAC,KAAK,IAAI,gBAAgB,wBAAwB,KAAK;AAE7D,QAAM,kBAAkB,MAAM;AAC5B,cAAU,UAAU,UAAU,MAAM,EAAE,MAAM,CAAC,QAAQ;AACnD,cAAQ,MAAM,qCAAqC,GAAG;AAAA,IACxD,CAAC;AAAA,EACH;AAEA,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,WAAW,qBAAqB;AAAA,MAC9C,SAAQ;AAAA,MACR,SAAS;AAAA,MACT,MAAM,oBAAC,cAAW;AAAA,MAClB,MAAK;AAAA;AAAA,EACP;AAEJ;AACA,IAAO,gCAAQ;;;ACnCf,IAAOA,iCAAQ;","names":["FieldCopyTestIdButton_default"]}

package/dist/partials/FieldValidationError/index.cjs

@@ -1,59 +1,9 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/partials/FieldValidationError/index.ts
-var FieldValidationError_exports = {};
-__export(FieldValidationError_exports, {
-  default: () => FieldValidationError_default2
-});
-module.exports = __toCommonJS(FieldValidationError_exports);
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-// src/helpers/slugify.ts
-var import_slug = __toESM(require("slug"), 1);
-var slugify_default = (string, options) => {
-  const replacement = options?.replacement || "_";
-  return (0, import_slug.default)(string, {
-    ...import_slug.default.defaults.modes.rfc3986,
-    charmap: {
-      ...import_slug.default.defaults.modes.rfc3986.charmap,
-      // allow dots by default
-      ".": ".",
-      // convert hyphens to underscores (when replacement is not hyphen)
-      ...replacement !== "-" ? { "-": "_" } : {}
-    },
-    replacement,
-    ...options || {}
-  });
-};
+var _chunkBBB4FEY6cjs = require('../../chunk-BBB4FEY6.cjs');
 
 // src/partials/FieldValidationError/FieldValidationError.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
+var _jsxruntime = require('react/jsx-runtime');
 var FieldValidationError = ({
   error,
   testId = void 0
@@ -71,14 +21,14 @@ var FieldValidationError = ({
   const errorArray = JSON.stringify(tmp_errors) !== "[]" ? tmp_errors : error;
   const errorStrings = errorArray.map((e) => e.message);
   const ariaString = `Error: ${errorStrings.join("\n")}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "ul",
     {
-      "data-testid": slugify_default(testId || errorStrings.join()),
+      "data-testid": _chunkBBB4FEY6cjs.slugify.call(void 0, testId || errorStrings.join()),
       "aria-label": ariaString,
       children: errorStrings.map((errorString, i) => (
         // eslint-disable-next-line react/no-array-index-key
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: errorString }) }, `error_${i}`)
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: errorString }) }, `error_${i}`)
       ))
     }
   );
@@ -87,4 +37,7 @@ var FieldValidationError_default = FieldValidationError;
 
 // src/partials/FieldValidationError/index.ts
 var FieldValidationError_default2 = FieldValidationError_default;
+
+
+exports.default = FieldValidationError_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/partials/FieldValidationError/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/partials/FieldValidationError/index.ts","../../../src/helpers/slugify.ts","../../../src/partials/FieldValidationError/FieldValidationError.tsx"],"sourcesContent":["import FieldValidationError from './FieldValidationError';\n\nexport default FieldValidationError;\n","import type { Options as SlugOptions } from 'slug';\n\nimport slug from 'slug';\n\nexport default (string: string, options?: SlugOptions) => {\n  const replacement = options?.replacement || '_';\n  return slug(string, {\n    ...slug.defaults.modes.rfc3986,\n    charmap: {\n      ...slug.defaults.modes.rfc3986.charmap,\n      // allow dots by default\n      '.': '.',\n      // convert hyphens to underscores (when replacement is not hyphen)\n      ...(replacement !== '-' ? { '-': '_' } : {}),\n    },\n    replacement,\n    ...(options || {}),\n  });\n};\n","import type { FieldError } from 'react-hook-form';\n\nimport slugify from '../../helpers/slugify';\n\ninterface FieldValidationErrorProps {\n  error: FieldError[] | Record<string, FieldError[]>;\n  testId?: string;\n}\n\n/**\n * Renders a validation error of a field\n */\nconst FieldValidationError = ({\n  error,\n  testId = undefined,\n}: FieldValidationErrorProps) => {\n  if (!error) {\n    return null;\n  }\n\n  let tmp_errors: FieldError[] = [];\n\n  if (typeof error === 'object' && !(error instanceof Array)) {\n    const error_object = error as Record<string, FieldError[]>;\n    Object.keys(error).forEach((key) => {\n      tmp_errors = [...tmp_errors, ...error_object[key]];\n    });\n  }\n\n  const errorArray: FieldError[] =\n    JSON.stringify(tmp_errors) !== '[]' ? tmp_errors : (error as FieldError[]);\n  const errorStrings: string[] = errorArray.map((e) => e.message) as string[];\n  const ariaString = `Error: ${errorStrings.join('\\n')}`;\n\n  return (\n    <ul\n      data-testid={slugify(testId || errorStrings.join())}\n      aria-label={ariaString} // TODO: ist das richtig @Hannes?\n    >\n      {errorStrings.map((errorString: string, i: number) => (\n        // eslint-disable-next-line react/no-array-index-key\n        <li key={`error_${i}`}>\n          <div>{errorString}</div>\n        </li>\n      ))}\n    </ul>\n  );\n};\n\nexport default FieldValidationError;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,iBAAAA;AAAA;AAAA;;;ACEA,kBAAiB;AAEjB,IAAO,kBAAQ,CAAC,QAAgB,YAA0B;AACxD,QAAM,cAAc,SAAS,eAAe;AAC5C,aAAO,YAAAC,SAAK,QAAQ;AAAA,IAClB,GAAG,YAAAA,QAAK,SAAS,MAAM;AAAA,IACvB,SAAS;AAAA,MACP,GAAG,YAAAA,QAAK,SAAS,MAAM,QAAQ;AAAA;AAAA,MAE/B,KAAK;AAAA;AAAA,MAEL,GAAI,gBAAgB,MAAM,EAAE,KAAK,IAAI,IAAI,CAAC;AAAA,IAC5C;AAAA,IACA;AAAA,IACA,GAAI,WAAW,CAAC;AAAA,EAClB,CAAC;AACH;;;ACwBU;AA9BV,IAAM,uBAAuB,CAAC;AAAA,EAC5B;AAAA,EACA,SAAS;AACX,MAAiC;AAC/B,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AAEA,MAAI,aAA2B,CAAC;AAEhC,MAAI,OAAO,UAAU,YAAY,EAAE,iBAAiB,QAAQ;AAC1D,UAAM,eAAe;AACrB,WAAO,KAAK,KAAK,EAAE,QAAQ,CAAC,QAAQ;AAClC,mBAAa,CAAC,GAAG,YAAY,GAAG,aAAa,GAAG,CAAC;AAAA,IACnD,CAAC;AAAA,EACH;AAEA,QAAM,aACJ,KAAK,UAAU,UAAU,MAAM,OAAO,aAAc;AACtD,QAAM,eAAyB,WAAW,IAAI,CAAC,MAAM,EAAE,OAAO;AAC9D,QAAM,aAAa,UAAU,aAAa,KAAK,IAAI,CAAC;AAEpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,gBAAQ,UAAU,aAAa,KAAK,CAAC;AAAA,MAClD,cAAY;AAAA,MAEX,uBAAa,IAAI,CAAC,aAAqB;AAAA;AAAA,QAEtC,4CAAC,QACC,sDAAC,SAAK,uBAAY,KADX,SAAS,CAAC,EAEnB;AAAA,OACD;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,+BAAQ;;;AF/Cf,IAAOC,gCAAQ;","names":["FieldValidationError_default","slug","FieldValidationError_default"]}
+{"version":3,"sources":["../../../src/partials/FieldValidationError/FieldValidationError.tsx","../../../src/partials/FieldValidationError/index.ts"],"names":["FieldValidationError_default"],"mappings":";;;;;AA0CU;AA9BV,IAAM,uBAAuB,CAAC;AAAA,EAC5B;AAAA,EACA,SAAS;AACX,MAAiC;AAC/B,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AAEA,MAAI,aAA2B,CAAC;AAEhC,MAAI,OAAO,UAAU,YAAY,EAAE,iBAAiB,QAAQ;AAC1D,UAAM,eAAe;AACrB,WAAO,KAAK,KAAK,EAAE,QAAQ,CAAC,QAAQ;AAClC,mBAAa,CAAC,GAAG,YAAY,GAAG,aAAa,GAAG,CAAC;AAAA,IACnD,CAAC;AAAA,EACH;AAEA,QAAM,aACJ,KAAK,UAAU,UAAU,MAAM,OAAO,aAAc;AACtD,QAAM,eAAyB,WAAW,IAAI,CAAC,MAAM,EAAE,OAAO;AAC9D,QAAM,aAAa,UAAU,aAAa,KAAK,IAAI,CAAC;AAEpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,QAAQ,UAAU,aAAa,KAAK,CAAC;AAAA,MAClD,cAAY;AAAA,MAEX,uBAAa,IAAI,CAAC,aAAqB;AAAA;AAAA,QAEtC,oBAAC,QACC,8BAAC,SAAK,uBAAY,KADX,SAAS,CAAC,EAEnB;AAAA,OACD;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,+BAAQ;;;AC/Cf,IAAOA,gCAAQ","sourcesContent":["import type { FieldError } from 'react-hook-form';\n\nimport { slugify } from '../../helpers';\n\ninterface FieldValidationErrorProps {\n  error: FieldError[] | Record<string, FieldError[]>;\n  testId?: string;\n}\n\n/**\n * Renders a validation error of a field\n */\nconst FieldValidationError = ({\n  error,\n  testId = undefined,\n}: FieldValidationErrorProps) => {\n  if (!error) {\n    return null;\n  }\n\n  let tmp_errors: FieldError[] = [];\n\n  if (typeof error === 'object' && !(error instanceof Array)) {\n    const error_object = error as Record<string, FieldError[]>;\n    Object.keys(error).forEach((key) => {\n      tmp_errors = [...tmp_errors, ...error_object[key]];\n    });\n  }\n\n  const errorArray: FieldError[] =\n    JSON.stringify(tmp_errors) !== '[]' ? tmp_errors : (error as FieldError[]);\n  const errorStrings: string[] = errorArray.map((e) => e.message) as string[];\n  const ariaString = `Error: ${errorStrings.join('\\n')}`;\n\n  return (\n    <ul\n      data-testid={slugify(testId || errorStrings.join())}\n      aria-label={ariaString} // TODO: ist das richtig @Hannes?\n    >\n      {errorStrings.map((errorString: string, i: number) => (\n        // eslint-disable-next-line react/no-array-index-key\n        <li key={`error_${i}`}>\n          <div>{errorString}</div>\n        </li>\n      ))}\n    </ul>\n  );\n};\n\nexport default FieldValidationError;\n","import FieldValidationError from './FieldValidationError';\n\nexport default FieldValidationError;\n"]}

package/dist/partials/FieldValidationError/index.d.cts

@@ -1,7 +1,13 @@
-import FieldValidationError from './FieldValidationError.cjs';
-import 'react/jsx-runtime';
-import 'react-hook-form';
-
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FieldError } from 'react-hook-form';
 
+interface FieldValidationErrorProps {
+    error: FieldError[] | Record<string, FieldError[]>;
+    testId?: string;
+}
+/**
+ * Renders a validation error of a field
+ */
+declare const FieldValidationError: ({ error, testId, }: FieldValidationErrorProps) => react_jsx_runtime.JSX.Element | null;
 
 export { FieldValidationError as default };

package/dist/partials/FieldValidationError/index.d.ts

@@ -1,7 +1,13 @@
-import FieldValidationError from './FieldValidationError.js';
-import 'react/jsx-runtime';
-import 'react-hook-form';
-
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FieldError } from 'react-hook-form';
 
+interface FieldValidationErrorProps {
+    error: FieldError[] | Record<string, FieldError[]>;
+    testId?: string;
+}
+/**
+ * Renders a validation error of a field
+ */
+declare const FieldValidationError: ({ error, testId, }: FieldValidationErrorProps) => react_jsx_runtime.JSX.Element | null;
 
 export { FieldValidationError as default };

package/dist/partials/FieldValidationError/index.js

@@ -1,7 +1,39 @@
 import {
-  FieldValidationError_default
-} from "../../chunk-EDUZKOTL.js";
-import "../../chunk-WIY7KIHU.js";
+  slugify
+} from "../../chunk-V46BHM2U.js";
+
+// src/partials/FieldValidationError/FieldValidationError.tsx
+import { jsx } from "react/jsx-runtime";
+var FieldValidationError = ({
+  error,
+  testId = void 0
+}) => {
+  if (!error) {
+    return null;
+  }
+  let tmp_errors = [];
+  if (typeof error === "object" && !(error instanceof Array)) {
+    const error_object = error;
+    Object.keys(error).forEach((key) => {
+      tmp_errors = [...tmp_errors, ...error_object[key]];
+    });
+  }
+  const errorArray = JSON.stringify(tmp_errors) !== "[]" ? tmp_errors : error;
+  const errorStrings = errorArray.map((e) => e.message);
+  const ariaString = `Error: ${errorStrings.join("\n")}`;
+  return /* @__PURE__ */ jsx(
+    "ul",
+    {
+      "data-testid": slugify(testId || errorStrings.join()),
+      "aria-label": ariaString,
+      children: errorStrings.map((errorString, i) => (
+        // eslint-disable-next-line react/no-array-index-key
+        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("div", { children: errorString }) }, `error_${i}`)
+      ))
+    }
+  );
+};
+var FieldValidationError_default = FieldValidationError;
 
 // src/partials/FieldValidationError/index.ts
 var FieldValidationError_default2 = FieldValidationError_default;

package/dist/partials/FieldValidationError/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/partials/FieldValidationError/index.ts"],"sourcesContent":["import FieldValidationError from './FieldValidationError';\n\nexport default FieldValidationError;\n"],"mappings":";;;;;;AAEA,IAAOA,gCAAQ;","names":["FieldValidationError_default"]}
+{"version":3,"sources":["../../../src/partials/FieldValidationError/FieldValidationError.tsx","../../../src/partials/FieldValidationError/index.ts"],"sourcesContent":["import type { FieldError } from 'react-hook-form';\n\nimport { slugify } from '../../helpers';\n\ninterface FieldValidationErrorProps {\n  error: FieldError[] | Record<string, FieldError[]>;\n  testId?: string;\n}\n\n/**\n * Renders a validation error of a field\n */\nconst FieldValidationError = ({\n  error,\n  testId = undefined,\n}: FieldValidationErrorProps) => {\n  if (!error) {\n    return null;\n  }\n\n  let tmp_errors: FieldError[] = [];\n\n  if (typeof error === 'object' && !(error instanceof Array)) {\n    const error_object = error as Record<string, FieldError[]>;\n    Object.keys(error).forEach((key) => {\n      tmp_errors = [...tmp_errors, ...error_object[key]];\n    });\n  }\n\n  const errorArray: FieldError[] =\n    JSON.stringify(tmp_errors) !== '[]' ? tmp_errors : (error as FieldError[]);\n  const errorStrings: string[] = errorArray.map((e) => e.message) as string[];\n  const ariaString = `Error: ${errorStrings.join('\\n')}`;\n\n  return (\n    <ul\n      data-testid={slugify(testId || errorStrings.join())}\n      aria-label={ariaString} // TODO: ist das richtig @Hannes?\n    >\n      {errorStrings.map((errorString: string, i: number) => (\n        // eslint-disable-next-line react/no-array-index-key\n        <li key={`error_${i}`}>\n          <div>{errorString}</div>\n        </li>\n      ))}\n    </ul>\n  );\n};\n\nexport default FieldValidationError;\n","import FieldValidationError from './FieldValidationError';\n\nexport default FieldValidationError;\n"],"mappings":";;;;;AA0CU;AA9BV,IAAM,uBAAuB,CAAC;AAAA,EAC5B;AAAA,EACA,SAAS;AACX,MAAiC;AAC/B,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AAEA,MAAI,aAA2B,CAAC;AAEhC,MAAI,OAAO,UAAU,YAAY,EAAE,iBAAiB,QAAQ;AAC1D,UAAM,eAAe;AACrB,WAAO,KAAK,KAAK,EAAE,QAAQ,CAAC,QAAQ;AAClC,mBAAa,CAAC,GAAG,YAAY,GAAG,aAAa,GAAG,CAAC;AAAA,IACnD,CAAC;AAAA,EACH;AAEA,QAAM,aACJ,KAAK,UAAU,UAAU,MAAM,OAAO,aAAc;AACtD,QAAM,eAAyB,WAAW,IAAI,CAAC,MAAM,EAAE,OAAO;AAC9D,QAAM,aAAa,UAAU,aAAa,KAAK,IAAI,CAAC;AAEpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,QAAQ,UAAU,aAAa,KAAK,CAAC;AAAA,MAClD,cAAY;AAAA,MAEX,uBAAa,IAAI,CAAC,aAAqB;AAAA;AAAA,QAEtC,oBAAC,QACC,8BAAC,SAAK,uBAAY,KADX,SAAS,CAAC,EAEnB;AAAA,OACD;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,+BAAQ;;;AC/Cf,IAAOA,gCAAQ;","names":["FieldValidationError_default"]}

package/package.json

@@ -1,19 +1,54 @@
 {
   "name": "@fuf-stack/uniform",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "fuf react form library",
   "author": "Hannes Tiede",
   "homepage": "https://github.com/fuf-stack/uniform#readme",
   "license": "MIT",
   "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.cjs",
+  "types": "./dist/index.d.ts",
   "exports": {
-    "./": "./dist/"
-  },
-  "typesVersions": {
-    "*": {
-      "*": [
-        "./dist/*"
-      ]
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./Form": {
+      "import": "./dist/Form/index.js",
+      "require": "./dist/Form/index.cjs",
+      "types": "./dist/Form/index.d.ts"
+    },
+    "./Grid": {
+      "import": "./dist/Grid/index.js",
+      "require": "./dist/Grid/index.cjs",
+      "types": "./dist/Grid/index.d.ts"
+    },
+    "./helpers": {
+      "import": "./dist/helpers/index.js",
+      "require": "./dist/helpers/index.cjs",
+      "types": "./dist/helpers/index.d.ts"
+    },
+    "./hooks": {
+      "import": "./dist/hooks/index.js",
+      "require": "./dist/hooks/index.cjs",
+      "types": "./dist/hooks/index.d.ts"
+    },
+    "./partials/FieldCopyTestIdButton": {
+      "import": "./dist/partials/FieldCopyTestIdButton/index.js",
+      "require": "./dist/partials/FieldCopyTestIdButton/index.cjs",
+      "types": "./dist/partials/FieldCopyTestIdButton/index.d.ts"
+    },
+    "./partials/FieldValidationError": {
+      "import": "./dist/partials/FieldValidationError/index.js",
+      "require": "./dist/partials/FieldValidationError/index.cjs",
+      "types": "./dist/partials/FieldValidationError/index.d.ts"
+    },
+    "./SubmitButton": {
+      "import": "./dist/SubmitButton/index.js",
+      "require": "./dist/SubmitButton/index.cjs",
+      "types": "./dist/SubmitButton/index.d.ts"
     }
   },
   "files": [
@@ -61,8 +96,8 @@
     "@types/react-dom": "18.2.22",
     "@types/slug": "5.0.8",
     "@repo/storybook-config": "0.0.1",
-    "@repo/vite-config": "0.0.1",
-    "@repo/tailwind-config": "0.0.1"
+    "@repo/tailwind-config": "0.0.1",
+    "@repo/vite-config": "0.0.1"
   },
   "scripts": {
     "test": "vitest ./src"