@beinformed/react 1.0.0-beta.0

package/dist/useForm-CG_DMYfZ.d.cts

@@ -0,0 +1,178 @@
+import * as _beinformed_ui_models from '@beinformed/ui/models';
+import { Href, ModularUIModel, FormModel, FormObjectModel, AttributeModel } from '@beinformed/ui/models';
+import * as _reduxjs_toolkit from '@reduxjs/toolkit';
+import { C as FetchModelResult, F as FetchModelPayload } from './styled-components.d-CrkOxzv5.cjs';
+
+interface UpdateFormOptions {
+    autosubmit: boolean;
+    autosave: boolean;
+    autoupdate: boolean;
+    forceUpdate?: boolean;
+    /** Default true: Activate/deactivate the form object validate by an update */
+    validate?: boolean;
+}
+/**
+ * Load a form by href
+ */
+declare const useForm: (href: string | Href, data?: Record<string, unknown>) => ModularUIModel | undefined;
+/**
+ * Form navigation methods
+ */
+declare const useFormNavigation: () => {
+    previous: (form: FormModel) => {
+        payload: ModularUIModel;
+        type: "MODULARUI/UPDATE_FORM";
+    };
+    cancel: (form: FormModel) => Promise<_reduxjs_toolkit.PayloadAction<{
+        payload: undefined;
+        type: string;
+    }, string, {
+        arg: FormModel;
+        requestId: string;
+        requestStatus: "fulfilled";
+    }, never> | _reduxjs_toolkit.PayloadAction<unknown, string, {
+        arg: FormModel;
+        requestId: string;
+        requestStatus: "rejected";
+        aborted: boolean;
+        condition: boolean;
+    } & ({
+        rejectedWithValue: true;
+    } | ({
+        rejectedWithValue: false;
+    } & {})), _reduxjs_toolkit.SerializedError>> & {
+        __linterBrands: "SafePromise";
+    } & {
+        abort: (reason?: string) => void;
+        requestId: string;
+        arg: FormModel;
+        unwrap: () => Promise<{
+            payload: undefined;
+            type: string;
+        }>;
+    };
+    submit: (form: FormModel) => Promise<_reduxjs_toolkit.PayloadAction<FetchModelResult, string, {
+        arg: FetchModelPayload;
+        requestId: string;
+        requestStatus: "fulfilled";
+    }, never> | _reduxjs_toolkit.PayloadAction<_beinformed_ui_models.ErrorResponse | undefined, string, {
+        arg: FetchModelPayload;
+        requestId: string;
+        requestStatus: "rejected";
+        aborted: boolean;
+        condition: boolean;
+    } & ({
+        rejectedWithValue: true;
+    } | ({
+        rejectedWithValue: false;
+    } & {})), _reduxjs_toolkit.SerializedError>> & {
+        __linterBrands: "SafePromise";
+    } & {
+        abort: (reason?: string) => void;
+        requestId: string;
+        arg: FetchModelPayload;
+        unwrap: () => Promise<FetchModelResult>;
+    };
+    remove: (form: FormModel) => {
+        payload: string;
+        type: "MODULARUI/REMOVE_KEY";
+    };
+    showFormNotification: (form: FormModel) => Promise<_reduxjs_toolkit.PayloadAction<{
+        payload: undefined;
+        type: "FINISH_PROGRESS";
+    }, string, {
+        arg: FormModel;
+        requestId: string;
+        requestStatus: "fulfilled";
+    }, never> | _reduxjs_toolkit.PayloadAction<unknown, string, {
+        arg: FormModel;
+        requestId: string;
+        requestStatus: "rejected";
+        aborted: boolean;
+        condition: boolean;
+    } & ({
+        rejectedWithValue: true;
+    } | ({
+        rejectedWithValue: false;
+    } & {})), _reduxjs_toolkit.SerializedError>> & {
+        __linterBrands: "SafePromise";
+    } & {
+        abort: (reason?: string) => void;
+        requestId: string;
+        arg: FormModel;
+        unwrap: () => Promise<{
+            payload: undefined;
+            type: "FINISH_PROGRESS";
+        }>;
+    };
+};
+/**
+ * Hook that returns a function to update attributes of a form object.
+ * <br >
+ * The returned function accepts the following options:
+ *
+ * - autosubmit: Automatically submit the form after a change
+ * - autosav: Automatically save the form (in the background) after a change
+ * - autoupdate: Automatically update the current form object after a change
+ * - forceUpdate: Force the update even if conditions are not met.
+ * - validate: Activate/deactivate the form object validation by an update.
+ */
+declare const useAttributeUpdate: (form: FormModel, formObject: FormObjectModel) => (attribute: AttributeModel, inputvalue: string, options?: UpdateFormOptions) => Promise<_reduxjs_toolkit.PayloadAction<void, string, {
+    arg: {
+        form: FormModel;
+        formObject: FormObjectModel;
+        attribute: AttributeModel;
+        inputvalue: string;
+        options?: UpdateFormOptions;
+    };
+    requestId: string;
+    requestStatus: "fulfilled";
+}, never> | _reduxjs_toolkit.PayloadAction<unknown, string, {
+    arg: {
+        form: FormModel;
+        formObject: FormObjectModel;
+        attribute: AttributeModel;
+        inputvalue: string;
+        options?: UpdateFormOptions;
+    };
+    requestId: string;
+    requestStatus: "rejected";
+    aborted: boolean;
+    condition: boolean;
+} & ({
+    rejectedWithValue: true;
+} | ({
+    rejectedWithValue: false;
+} & {})), _reduxjs_toolkit.SerializedError>> & {
+    __linterBrands: "SafePromise";
+} & {
+    abort: (reason?: string) => void;
+    requestId: string;
+    arg: {
+        form: FormModel;
+        formObject: FormObjectModel;
+        attribute: AttributeModel;
+        inputvalue: string;
+        options?: UpdateFormOptions;
+    };
+    unwrap: () => Promise<void>;
+};
+/**
+ * Repeatable attributeset actions
+ */
+declare const useRepeatableAttributeSet: (form: FormModel) => {
+    save: () => {
+        payload: ModularUIModel;
+        type: "MODULARUI/UPDATE_FORM";
+    };
+    cancel: (object: FormObjectModel) => {
+        payload: ModularUIModel;
+        type: "MODULARUI/UPDATE_FORM";
+    };
+    remove: (object: FormObjectModel) => {
+        payload: ModularUIModel;
+        type: "MODULARUI/UPDATE_FORM";
+    };
+};
+
+export { type UpdateFormOptions as U, useFormNavigation as a, useAttributeUpdate as b, useRepeatableAttributeSet as c, useForm as u };

package/dist/useForm-DW-a5mcV.d.ts

@@ -0,0 +1,178 @@
+import * as _beinformed_ui_models from '@beinformed/ui/models';
+import { Href, ModularUIModel, FormModel, FormObjectModel, AttributeModel } from '@beinformed/ui/models';
+import * as _reduxjs_toolkit from '@reduxjs/toolkit';
+import { C as FetchModelResult, F as FetchModelPayload } from './styled-components.d-CrkOxzv5.js';
+
+interface UpdateFormOptions {
+    autosubmit: boolean;
+    autosave: boolean;
+    autoupdate: boolean;
+    forceUpdate?: boolean;
+    /** Default true: Activate/deactivate the form object validate by an update */
+    validate?: boolean;
+}
+/**
+ * Load a form by href
+ */
+declare const useForm: (href: string | Href, data?: Record<string, unknown>) => ModularUIModel | undefined;
+/**
+ * Form navigation methods
+ */
+declare const useFormNavigation: () => {
+    previous: (form: FormModel) => {
+        payload: ModularUIModel;
+        type: "MODULARUI/UPDATE_FORM";
+    };
+    cancel: (form: FormModel) => Promise<_reduxjs_toolkit.PayloadAction<{
+        payload: undefined;
+        type: string;
+    }, string, {
+        arg: FormModel;
+        requestId: string;
+        requestStatus: "fulfilled";
+    }, never> | _reduxjs_toolkit.PayloadAction<unknown, string, {
+        arg: FormModel;
+        requestId: string;
+        requestStatus: "rejected";
+        aborted: boolean;
+        condition: boolean;
+    } & ({
+        rejectedWithValue: true;
+    } | ({
+        rejectedWithValue: false;
+    } & {})), _reduxjs_toolkit.SerializedError>> & {
+        __linterBrands: "SafePromise";
+    } & {
+        abort: (reason?: string) => void;
+        requestId: string;
+        arg: FormModel;
+        unwrap: () => Promise<{
+            payload: undefined;
+            type: string;
+        }>;
+    };
+    submit: (form: FormModel) => Promise<_reduxjs_toolkit.PayloadAction<FetchModelResult, string, {
+        arg: FetchModelPayload;
+        requestId: string;
+        requestStatus: "fulfilled";
+    }, never> | _reduxjs_toolkit.PayloadAction<_beinformed_ui_models.ErrorResponse | undefined, string, {
+        arg: FetchModelPayload;
+        requestId: string;
+        requestStatus: "rejected";
+        aborted: boolean;
+        condition: boolean;
+    } & ({
+        rejectedWithValue: true;
+    } | ({
+        rejectedWithValue: false;
+    } & {})), _reduxjs_toolkit.SerializedError>> & {
+        __linterBrands: "SafePromise";
+    } & {
+        abort: (reason?: string) => void;
+        requestId: string;
+        arg: FetchModelPayload;
+        unwrap: () => Promise<FetchModelResult>;
+    };
+    remove: (form: FormModel) => {
+        payload: string;
+        type: "MODULARUI/REMOVE_KEY";
+    };
+    showFormNotification: (form: FormModel) => Promise<_reduxjs_toolkit.PayloadAction<{
+        payload: undefined;
+        type: "FINISH_PROGRESS";
+    }, string, {
+        arg: FormModel;
+        requestId: string;
+        requestStatus: "fulfilled";
+    }, never> | _reduxjs_toolkit.PayloadAction<unknown, string, {
+        arg: FormModel;
+        requestId: string;
+        requestStatus: "rejected";
+        aborted: boolean;
+        condition: boolean;
+    } & ({
+        rejectedWithValue: true;
+    } | ({
+        rejectedWithValue: false;
+    } & {})), _reduxjs_toolkit.SerializedError>> & {
+        __linterBrands: "SafePromise";
+    } & {
+        abort: (reason?: string) => void;
+        requestId: string;
+        arg: FormModel;
+        unwrap: () => Promise<{
+            payload: undefined;
+            type: "FINISH_PROGRESS";
+        }>;
+    };
+};
+/**
+ * Hook that returns a function to update attributes of a form object.
+ * <br >
+ * The returned function accepts the following options:
+ *
+ * - autosubmit: Automatically submit the form after a change
+ * - autosav: Automatically save the form (in the background) after a change
+ * - autoupdate: Automatically update the current form object after a change
+ * - forceUpdate: Force the update even if conditions are not met.
+ * - validate: Activate/deactivate the form object validation by an update.
+ */
+declare const useAttributeUpdate: (form: FormModel, formObject: FormObjectModel) => (attribute: AttributeModel, inputvalue: string, options?: UpdateFormOptions) => Promise<_reduxjs_toolkit.PayloadAction<void, string, {
+    arg: {
+        form: FormModel;
+        formObject: FormObjectModel;
+        attribute: AttributeModel;
+        inputvalue: string;
+        options?: UpdateFormOptions;
+    };
+    requestId: string;
+    requestStatus: "fulfilled";
+}, never> | _reduxjs_toolkit.PayloadAction<unknown, string, {
+    arg: {
+        form: FormModel;
+        formObject: FormObjectModel;
+        attribute: AttributeModel;
+        inputvalue: string;
+        options?: UpdateFormOptions;
+    };
+    requestId: string;
+    requestStatus: "rejected";
+    aborted: boolean;
+    condition: boolean;
+} & ({
+    rejectedWithValue: true;
+} | ({
+    rejectedWithValue: false;
+} & {})), _reduxjs_toolkit.SerializedError>> & {
+    __linterBrands: "SafePromise";
+} & {
+    abort: (reason?: string) => void;
+    requestId: string;
+    arg: {
+        form: FormModel;
+        formObject: FormObjectModel;
+        attribute: AttributeModel;
+        inputvalue: string;
+        options?: UpdateFormOptions;
+    };
+    unwrap: () => Promise<void>;
+};
+/**
+ * Repeatable attributeset actions
+ */
+declare const useRepeatableAttributeSet: (form: FormModel) => {
+    save: () => {
+        payload: ModularUIModel;
+        type: "MODULARUI/UPDATE_FORM";
+    };
+    cancel: (object: FormObjectModel) => {
+        payload: ModularUIModel;
+        type: "MODULARUI/UPDATE_FORM";
+    };
+    remove: (object: FormObjectModel) => {
+        payload: ModularUIModel;
+        type: "MODULARUI/UPDATE_FORM";
+    };
+};
+
+export { type UpdateFormOptions as U, useFormNavigation as a, useAttributeUpdate as b, useRepeatableAttributeSet as c, useForm as u };

package/dist/utils/index.cjs

@@ -0,0 +1,2 @@
+"use strict";var p=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var s=(n,e)=>{for(var t in e)p(n,t,{get:e[t],enumerable:!0})},i=(n,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of c(e))!f.call(n,r)&&r!==t&&p(n,r,{get:()=>e[r],enumerable:!(o=m(e,r))||o.enumerable});return n};var a=n=>i(p({},"__esModule",{value:!0}),n);var u={};s(u,{getDisplayName:()=>y,mergeRefs:()=>l});module.exports=a(u);var y=(n,e="Component",t)=>{let o=n.displayName||n.name||e;return t?`${o}[${t}]`:o},l=n=>e=>{n.forEach(t=>{typeof t=="function"?t(e):t!=null&&typeof t=="object"&&(t.current=e)})};0&&(module.exports={getDisplayName,mergeRefs});
+//# sourceMappingURL=index.cjs.map

package/dist/utils/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/index.ts","../../src/utils/utils.ts"],"sourcesContent":["// Generated by createIndex.js - Do not edit manually!\n// This file is automatically updated when the script runs.\n\nexport * from \"./utils\";\n","import type { ComponentType, Ref } from \"react\";\n\nexport const getDisplayName = (\n  WrappedComponent: ComponentType<never>,\n  defaultName = \"Component\",\n  contextId?: string,\n) => {\n  const componentName =\n    WrappedComponent.displayName || WrappedComponent.name || defaultName;\n\n  if (contextId) {\n    return `${componentName}[${contextId}]`;\n  }\n\n  return componentName;\n};\n\nexport const mergeRefs =\n  <T>(refs: Ref<T>[]): Ref<T> =>\n  (value) => {\n    refs.forEach((ref) => {\n      if (typeof ref === \"function\") {\n        ref(value);\n      } else if (ref != null && typeof ref === \"object\") {\n        (ref as { current: T | null }).current = value;\n      }\n    });\n  };\n"],"mappings":"yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,oBAAAE,EAAA,cAAAC,IAAA,eAAAC,EAAAJ,GCEO,IAAMK,EAAiB,CAC5BC,EACAC,EAAc,YACdC,IACG,CACH,IAAMC,EACJH,EAAiB,aAAeA,EAAiB,MAAQC,EAE3D,OAAIC,EACK,GAAGC,CAAa,IAAID,CAAS,IAG/BC,CACT,EAEaC,EACPC,GACHC,GAAU,CACTD,EAAK,QAASE,GAAQ,CAChB,OAAOA,GAAQ,WACjBA,EAAID,CAAK,EACAC,GAAO,MAAQ,OAAOA,GAAQ,WACtCA,EAA8B,QAAUD,EAE7C,CAAC,CACH","names":["utils_exports","__export","getDisplayName","mergeRefs","__toCommonJS","getDisplayName","WrappedComponent","defaultName","contextId","componentName","mergeRefs","refs","value","ref"]}

package/dist/utils/index.d.cts

@@ -0,0 +1,6 @@
+import { ComponentType, Ref } from 'react';
+
+declare const getDisplayName: (WrappedComponent: ComponentType<never>, defaultName?: string, contextId?: string) => string;
+declare const mergeRefs: <T>(refs: Ref<T>[]) => Ref<T>;
+
+export { getDisplayName, mergeRefs };

package/dist/utils/index.d.ts

@@ -0,0 +1,6 @@
+import { ComponentType, Ref } from 'react';
+
+declare const getDisplayName: (WrappedComponent: ComponentType<never>, defaultName?: string, contextId?: string) => string;
+declare const mergeRefs: <T>(refs: Ref<T>[]) => Ref<T>;
+
+export { getDisplayName, mergeRefs };

package/dist/utils/index.js

@@ -0,0 +1,2 @@
+import{a,b}from"../chunk-AMFWIR2R.js";import"../chunk-FW4363Y4.js";export{a as getDisplayName,b as mergeRefs};
+//# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

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

package/package.json

@@ -0,0 +1,125 @@
+{
+  "name": "@beinformed/react",
+  "version": "1.0.0-beta.0",
+  "description": "Be Informed UI React",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "README.md",
+    "CHANGELOG.md",
+    "LICENSE.md",
+    "dist"
+  ],
+  "peerDependencies": {
+    "@dr.pogodin/react-helmet": "^3.0.0",
+    "@reduxjs/toolkit": "^2.0.0",
+    "history": "^4.0.0",
+    "polished": "^4.0.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "react-redux": "^9.0.0",
+    "react-router": "^5.0.0",
+    "redux": "^5.0.0",
+    "styled-components": "^6.0.0"
+  },
+  "dependencies": {
+    "big.js": "^7.0.1",
+    "deepmerge": "^4.3.1",
+    "dequal": "^2.0.3",
+    "format-message": "^6.2.4",
+    "immer": "^10.1.1",
+    "js-cookie": "^3.0.5",
+    "reselect": "^5.1.1",
+    "@beinformed/ui": "2.0.0-beta.0"
+  },
+  "devDependencies": {
+    "@dr.pogodin/react-helmet": "^3.0.2",
+    "@reduxjs/toolkit": "^2.8.2",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/react": "^16.3.0",
+    "@types/big.js": "^6.2.2",
+    "@types/history": "^4.0.0",
+    "@types/js-cookie": "^3.0.6",
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
+    "@types/react-router": "^5.1.20",
+    "@types/setimmediate": "^1.0.4",
+    "history": "^4.0.0",
+    "msw": "^2.10.4",
+    "polished": "^4.3.1",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "react-redux": "^9.2.0",
+    "react-router": "^5.0.0",
+    "redux": "^5.0.1",
+    "styled-components": "^6.1.19",
+    "@beinformed/typescript-config": "0.0.0"
+  },
+  "exports": {
+    "./client": {
+      "types": "./dist/client/index.d.ts",
+      "import": "./dist/client/index.js",
+      "require": "./dist/client/index.cjs",
+      "default": "./dist/client/index.js"
+    },
+    "./components": {
+      "types": "./dist/components/index.d.ts",
+      "import": "./dist/components/index.js",
+      "require": "./dist/components/index.cjs",
+      "default": "./dist/components/index.js"
+    },
+    "./hooks": {
+      "types": "./dist/hooks/index.d.ts",
+      "import": "./dist/hooks/index.js",
+      "require": "./dist/hooks/index.cjs",
+      "default": "./dist/hooks/index.js"
+    },
+    "./i18n": {
+      "types": "./dist/i18n/index.d.ts",
+      "import": "./dist/i18n/index.js",
+      "require": "./dist/i18n/index.cjs",
+      "default": "./dist/i18n/index.js"
+    },
+    "./redux": {
+      "types": "./dist/redux/index.d.ts",
+      "import": "./dist/redux/index.js",
+      "require": "./dist/redux/index.cjs",
+      "default": "./dist/redux/index.js"
+    },
+    "./server": {
+      "types": "./dist/server/index.d.ts",
+      "import": "./dist/server/index.js",
+      "require": "./dist/server/index.cjs",
+      "default": "./dist/server/index.js"
+    },
+    "./theme": {
+      "types": "./dist/theme/index.d.ts",
+      "import": "./dist/theme/index.js",
+      "require": "./dist/theme/index.cjs",
+      "default": "./dist/theme/index.js"
+    },
+    "./utils": {
+      "types": "./dist/utils/index.d.ts",
+      "import": "./dist/utils/index.js",
+      "require": "./dist/utils/index.cjs",
+      "default": "./dist/utils/index.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "dev": "tsup --watch",
+    "build": "tsup",
+    "clean:build": "rimraf ./dist",
+    "lint": "eslint .",
+    "lint:ci": "eslint . --ext .ts,.tsx --format junit -o ../../reports/eslint-report-react.xml",
+    "lint:fix": "pnpm lint --fix",
+    "prettier": "prettier --write .",
+    "test": "vitest run",
+    "test:ci": "vitest run --reporter=junit --outputFile=../../reports/vitest-report-react.xml",
+    "typecheck": "tsc --noEmit",
+    "createIndex": "node ./createIndex.mjs ./src"
+  }
+}