@tsed/react-formio 2.3.6 → 3.0.0-alpha.10

package/dist/interfaces/ActionType.d.ts

@@ -0,0 +1,23 @@
+import { FormType } from './FormType';
+export type ActionDefaultsType = {
+    handler: string[];
+    method: string[];
+    priority: number;
+    name: string;
+    title: string;
+};
+export interface ActionInfoType extends Record<string, unknown> {
+    name: string;
+    title: string;
+    description: string;
+    priority: number;
+    defaults: ActionDefaultsType;
+}
+export interface ActionType extends ActionInfoType {
+    _id?: string;
+    settingsForm: Partial<FormType>;
+    access?: {
+        handler: boolean;
+        method: boolean;
+    };
+}

package/dist/interfaces/ActionType.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=ActionType.js.map

package/dist/interfaces/ActionType.js.map

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

package/dist/interfaces/ColumnIdentifier.d.ts

@@ -1,14 +1,14 @@
-export interface ColumnIdentifier {
-    /**
-     * Column identifier
-     */
-    id: string;
-    /**
-     * Filter value
-     */
-    value?: any;
-    /**
-     * Sort order
-     */
-    desc?: boolean;
-}
+export interface ColumnIdentifier {
+    /**
+     * Column identifier
+     */
+    id: string;
+    /**
+     * Filter value
+     */
+    value?: any;
+    /**
+     * Sort order
+     */
+    desc?: boolean;
+}

package/dist/interfaces/ColumnIdentifier.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=ColumnIdentifier.js.map

package/dist/interfaces/ColumnIdentifier.js.map

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

package/dist/interfaces/ComponentType.d.ts

@@ -0,0 +1,2 @@
+import { ExtendedComponentSchema } from 'formiojs';
+export type ComponentType = ExtendedComponentSchema;

package/dist/interfaces/ComponentType.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=ComponentType.js.map

package/dist/interfaces/ComponentType.js.map

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

package/dist/interfaces/FormOptions.d.ts

@@ -1,10 +1,13 @@
-import { EventEmitter2 } from "eventemitter2";
-export interface FormOptions {
-    iconset?: string;
-    readOnly?: boolean;
-    noAlerts?: boolean;
-    i18n?: (f: string) => string;
-    template?: string;
-    saveDraft?: boolean;
-    events?: EventEmitter2;
-}
+import { EventEmitter2 } from 'eventemitter2';
+export interface FormOptions {
+    iconset?: string;
+    readOnly?: boolean;
+    noAlerts?: boolean;
+    i18n?: (f: string) => string;
+    template?: string;
+    saveDraft?: boolean;
+    events?: EventEmitter2;
+    hooks?: {
+        customValidation?: Function;
+    };
+}

package/dist/interfaces/FormOptions.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=FormOptions.js.map

package/dist/interfaces/FormOptions.js.map

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

package/dist/interfaces/{FormSchema.d.ts → FormType.d.ts}

@@ -1,12 +1,12 @@
-import { ExtendedComponentSchema } from "formiojs";
-export type FormSchema = {
-    _id?: string;
-    title?: string;
-    name?: string;
-    machineName?: string;
-    components: ExtendedComponentSchema[];
-    tags?: string[];
-    action?: string;
-    properties?: Record<string, any>;
-    [key: string]: any;
-};
+import { ComponentType } from './ComponentType';
+export type FormType = {
+    _id?: string;
+    title?: string;
+    name?: string;
+    machineName?: string;
+    components: ComponentType[];
+    tags?: string[];
+    action?: string;
+    properties?: Record<string, any>;
+    [key: string]: any;
+};

package/dist/interfaces/FormType.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=FormType.js.map

package/dist/interfaces/FormType.js.map

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

package/dist/interfaces/Operation.d.ts

@@ -1,29 +1,28 @@
-import React from "react";
-import { OperationButtonProps } from "../components/table/components/defaultOperationButton.component";
-export type PermissionsResolver<Data = any> = (data: Data, ctx: any) => void;
-export type OnClickOperation<Data = any> = (data: Data, operation: Operation) => void;
-export interface Operation<Data = any> {
-    /**
-     * Action identifier
-     */
-    action: string;
-    title?: string;
-    /**
-     * Alias Operation
-     */
-    alias?: string;
-    path?: string;
-    className?: string;
-    buttonType?: string;
-    buttonSize?: string;
-    buttonOutline?: boolean;
-    icon?: string;
-    /**
-     * Custom ActionButton
-     */
-    OperationButton?: React.ComponentType<OperationButtonProps>;
-    /**
-     * Permission resolver to display ActionButton
-     */
-    permissionsResolver?: PermissionsResolver<Data>;
-}
+import { default as React } from 'react';
+import { OperationButtonProps } from '../molecules/table/components/DefaultOperationButton.js';
+export type PermissionsResolver<Data = any> = (data: Data, ctx: any) => void;
+export interface Operation<Data = any> {
+    /**
+     * Action identifier
+     */
+    action: string;
+    title?: string;
+    /**
+     * Alias Operation
+     */
+    alias?: string;
+    path?: string;
+    className?: string;
+    buttonType?: string;
+    buttonSize?: string;
+    buttonOutline?: boolean;
+    icon?: string;
+    /**
+     * Custom ActionButton
+     */
+    OperationButton?: React.ComponentType<OperationButtonProps>;
+    /**
+     * Permission resolver to display ActionButton
+     */
+    permissionsResolver?: PermissionsResolver<Data>;
+}

package/dist/interfaces/Operation.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=Operation.js.map

package/dist/interfaces/Operation.js.map

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

package/dist/interfaces/QueryOptions.d.ts

@@ -1,23 +1,23 @@
-import { ColumnIdentifier } from "./ColumnIdentifier";
-export type QueryOptions = {
-    /**
-     * Current displayed page
-     */
-    pageIndex: any;
-    /**
-     * Pagination size
-     */
-    pageSize: any;
-    /**
-     * SortBy state
-     */
-    sortBy: ColumnIdentifier[];
-    /**
-     * Filters state
-     */
-    filters: ColumnIdentifier[];
-    /**
-     * Focused input filter (let the Table component retrieve focus state when we fill the filter)
-     */
-    filterId: string;
-};
+import { ColumnIdentifier } from './ColumnIdentifier';
+export type QueryOptions = {
+    /**
+     * Current displayed page
+     */
+    pageIndex: any;
+    /**
+     * Pagination size
+     */
+    pageSize: any;
+    /**
+     * SortBy state
+     */
+    sortBy: ColumnIdentifier[];
+    /**
+     * Filters state
+     */
+    filters: ColumnIdentifier[];
+    /**
+     * Focused input filter (let the Table component retrieve focus state when we fill the filter)
+     */
+    filterId: string;
+};

package/dist/interfaces/QueryOptions.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=QueryOptions.js.map

package/dist/interfaces/QueryOptions.js.map

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

package/dist/interfaces/{RoleSchema.d.ts → RoleType.d.ts}

@@ -1,6 +1,6 @@
-export interface RoleSchema extends Record<string, unknown> {
-    _id?: string;
-    title: string;
-    admin: boolean;
-    default: boolean;
-}
+export interface RoleType extends Record<string, unknown> {
+    _id?: string;
+    title: string;
+    admin: boolean;
+    default: boolean;
+}

package/dist/interfaces/RoleType.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=RoleType.js.map

package/dist/interfaces/RoleType.js.map

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

package/dist/interfaces/SubmissionType.d.ts

@@ -0,0 +1,29 @@
+import { ComponentType } from './ComponentType';
+export type JSON = unknown | string | number | boolean | null | undefined | JSON[] | {
+    [key: string]: JSON;
+};
+export interface SubmissionType<Data extends {
+    [key: string]: JSON;
+} = {
+    [key: string]: JSON;
+}> extends Record<string, JSON> {
+    _id?: string;
+    data: Data;
+    metadata?: {
+        [key: string]: JSON;
+    };
+    state?: string;
+}
+export interface ChangedSubmission<Data extends {
+    [key: string]: JSON;
+} = {
+    [key: string]: JSON;
+}> extends SubmissionType<Data> {
+    data: Data;
+    changed?: {
+        component: ComponentType;
+        instance: any;
+        value: unknown;
+    } & Record<string, JSON>;
+    isValid: boolean;
+}

package/dist/interfaces/SubmissionType.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=SubmissionType.js.map

package/dist/interfaces/SubmissionType.js.map

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

package/dist/interfaces/index.d.ts

@@ -1,8 +1,9 @@
-export * from "./ActionSchema";
-export * from "./ColumnIdentifier";
-export * from "./FormOptions";
-export * from "./FormSchema";
-export * from "./Operation";
-export * from "./QueryOptions";
-export * from "./RoleSchema";
-export * from "./Submission";
+export * from './ActionType';
+export * from './ColumnIdentifier';
+export * from './ComponentType';
+export * from './FormOptions';
+export * from './FormType';
+export * from './Operation';
+export * from './QueryOptions';
+export * from './RoleType';
+export * from './SubmissionType';

package/dist/interfaces/index.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=index.js.map

package/dist/interfaces/index.js.map

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

package/dist/molecules/alert/Alert.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+export interface AlertProps {
+    message?: string | any | string[];
+    type?: string;
+}
+export declare function Alert({ children, message, type }: PropsWithChildren<AlertProps>): import("react/jsx-runtime").JSX.Element;

package/dist/molecules/alert/Alert.js

@@ -0,0 +1,27 @@
+import { jsxs as n, jsx as l } from "react/jsx-runtime";
+function s(e) {
+  return !e || Array.isArray(e) && !e.length ? "" : typeof e == "string" ? e : Array.isArray(e) ? e.map(s) : Object.prototype.hasOwnProperty.call(e, "errors") ? Object.keys(e.errors).map((t, a) => {
+    const r = e.errors[t];
+    return /* @__PURE__ */ n("div", { children: [
+      /* @__PURE__ */ n("strong", { children: [
+        r.name,
+        " (",
+        r.path,
+        ")"
+      ] }),
+      " ",
+      "- ",
+      r.message
+    ] }, a);
+  }) : Object.prototype.hasOwnProperty.call(e, "message") ? e.message : Object.prototype.hasOwnProperty.call(e, "name") && e.name === "ValidationError" ? e.details.map((t, a) => /* @__PURE__ */ l("div", { children: t.message }, a)) : Object.prototype.hasOwnProperty.call(e, "_id") && Object.prototype.hasOwnProperty.call(e, "display") ? "Another user has saved this form already. Please reload and re-apply your changes." : "An error occurred. See console logs for details.";
+}
+function o({ children: e, message: t, type: a = "danger" }) {
+  return /* @__PURE__ */ n("div", { className: `alert alert-${a}`, role: "alert", children: [
+    s(t),
+    e
+  ] });
+}
+export {
+  o as Alert
+};
+//# sourceMappingURL=Alert.js.map

package/dist/molecules/alert/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sources":["../../../src/molecules/alert/Alert.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\n\nfunction formatError(error: any): any {\n  if (!error || (Array.isArray(error) && !error.length)) {\n    return \"\";\n  }\n\n  if (typeof error === \"string\") {\n    return error;\n  }\n\n  if (Array.isArray(error)) {\n    return error.map(formatError);\n  }\n\n  if (Object.prototype.hasOwnProperty.call(error, \"errors\")) {\n    return Object.keys(error.errors).map((key, index) => {\n      const item = error.errors[key];\n      return (\n        <div key={index}>\n          <strong>\n            {item.name} ({item.path})\n          </strong>{\" \"}\n          - {item.message}\n        </div>\n      );\n    });\n  }\n\n  // If this is a standard error.\n  if (Object.prototype.hasOwnProperty.call(error, \"message\")) {\n    return error.message;\n  }\n\n  // If this is a joy validation error.\n  if (Object.prototype.hasOwnProperty.call(error, \"name\") && error.name === \"ValidationError\") {\n    return error.details.map((item: any, index: number) => {\n      return <div key={index}>{item.message}</div>;\n    });\n  }\n\n  // If a conflict error occurs on a form, the form is returned.\n  if (Object.prototype.hasOwnProperty.call(error, \"_id\") && Object.prototype.hasOwnProperty.call(error, \"display\")) {\n    return \"Another user has saved this form already. Please reload and re-apply your changes.\";\n  }\n\n  return \"An error occurred. See console logs for details.\";\n}\n\nexport interface AlertProps {\n  message?: string | any | string[];\n  type?: string;\n}\n\nexport function Alert({ children, message, type = \"danger\" }: PropsWithChildren<AlertProps>) {\n  return (\n    <div className={`alert alert-${type}`} role='alert'>\n      {formatError(message)}\n      {children}\n    </div>\n  );\n}\n"],"names":["formatError","error","key","index","item","jsxs","jsx","Alert","children","message","type"],"mappings":";AAEA,SAASA,EAAYC,GAAiB;AAChC,SAAA,CAACA,KAAU,MAAM,QAAQA,CAAK,KAAK,CAACA,EAAM,SACrC,KAGL,OAAOA,KAAU,WACZA,IAGL,MAAM,QAAQA,CAAK,IACdA,EAAM,IAAID,CAAW,IAG1B,OAAO,UAAU,eAAe,KAAKC,GAAO,QAAQ,IAC/C,OAAO,KAAKA,EAAM,MAAM,EAAE,IAAI,CAACC,GAAKC,MAAU;AAC7C,UAAAC,IAAOH,EAAM,OAAOC,CAAG;AAC7B,6BACG,OACC,EAAA,UAAA;AAAA,MAAA,gBAAAG,EAAC,UACE,EAAA,UAAA;AAAA,QAAKD,EAAA;AAAA,QAAK;AAAA,QAAGA,EAAK;AAAA,QAAK;AAAA,MAAA,GAC1B;AAAA,MAAU;AAAA,MAAI;AAAA,MACXA,EAAK;AAAA,IAAA,EAAA,GAJAD,CAKV;AAAA,EAAA,CAEH,IAIC,OAAO,UAAU,eAAe,KAAKF,GAAO,SAAS,IAChDA,EAAM,UAIX,OAAO,UAAU,eAAe,KAAKA,GAAO,MAAM,KAAKA,EAAM,SAAS,oBACjEA,EAAM,QAAQ,IAAI,CAACG,GAAWD,MAC3B,gBAAAG,EAAA,OAAA,EAAiB,UAAKF,EAAA,QAAA,GAAbD,CAAqB,CACvC,IAIC,OAAO,UAAU,eAAe,KAAKF,GAAO,KAAK,KAAK,OAAO,UAAU,eAAe,KAAKA,GAAO,SAAS,IACtG,uFAGF;AACT;AAOO,SAASM,EAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,MAAAC,IAAO,YAA2C;AAC3F,2BACG,OAAI,EAAA,WAAW,eAAeA,CAAI,IAAI,MAAK,SACzC,UAAA;AAAA,IAAAV,EAAYS,CAAO;AAAA,IACnBD;AAAA,EAAA,GACH;AAEJ;"}

package/dist/molecules/button/Button.d.ts

@@ -0,0 +1,8 @@
+import { ButtonHTMLAttributes } from 'react';
+export declare const BUTTON_VARIANTS: string[];
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: (typeof BUTTON_VARIANTS)[keyof typeof BUTTON_VARIANTS] | string;
+}
+export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/molecules/button/Button.js

@@ -0,0 +1,52 @@
+import { jsx as r } from "react/jsx-runtime";
+import { c as d } from "../../chunks/index.js";
+import { forwardRef as u } from "react";
+import { registerComponent as c } from "../../registries/components.js";
+const k = [
+  "primary",
+  "secondary",
+  "success",
+  "danger",
+  "warning",
+  "info",
+  "light",
+  "dark",
+  "link",
+  "outline-primary",
+  "outline-secondary",
+  "outline-success",
+  "outline-danger",
+  "outline-warning",
+  "outline-info",
+  "outline-light",
+  "outline-dark",
+  "outline-link"
+], m = u(
+  ({ variant: t, className: e, children: o, ...n }, l) => /* @__PURE__ */ r(
+    "button",
+    {
+      ...n,
+      ref: l,
+      className: d(
+        "btn flex gap-1",
+        {
+          disabled: n.disabled
+        },
+        `btn-${t}`,
+        e
+      ),
+      disabled: n.disabled,
+      onClick: (a) => {
+        var i;
+        return !n.disabled && ((i = n.onClick) == null ? void 0 : i.call(n, a));
+      },
+      children: o
+    }
+  )
+);
+c("Button", m);
+export {
+  k as BUTTON_VARIANTS,
+  m as Button
+};
+//# sourceMappingURL=Button.js.map

package/dist/molecules/button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../src/molecules/button/Button.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { type ButtonHTMLAttributes, forwardRef, type LegacyRef, type PropsWithChildren } from \"react\";\n\nimport { registerComponent } from \"../../registries/components\";\n\nexport const BUTTON_VARIANTS = [\n  \"primary\",\n  \"secondary\",\n  \"success\",\n  \"danger\",\n  \"warning\",\n  \"info\",\n  \"light\",\n  \"dark\",\n  \"link\",\n  \"outline-primary\",\n  \"outline-secondary\",\n  \"outline-success\",\n  \"outline-danger\",\n  \"outline-warning\",\n  \"outline-info\",\n  \"outline-light\",\n  \"outline-dark\",\n  \"outline-link\"\n];\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: (typeof BUTTON_VARIANTS)[keyof typeof BUTTON_VARIANTS] | string;\n}\n\nexport const Button = forwardRef(\n  ({ variant, className, children, ...props }: PropsWithChildren<ButtonProps>, ref: LegacyRef<HTMLButtonElement>) => {\n    return (\n      <button\n        {...props}\n        ref={ref}\n        className={cx(\n          \"btn flex gap-1\",\n          {\n            disabled: props.disabled\n          },\n          `btn-${variant}`,\n          className\n        )}\n        disabled={props.disabled}\n        onClick={(evt) => !props.disabled && props.onClick?.(evt)}\n      >\n        {children}\n      </button>\n    );\n  }\n);\n\nregisterComponent(\"Button\", Button);\n"],"names":["BUTTON_VARIANTS","Button","forwardRef","variant","className","children","props","ref","jsx","cx","evt","_a","registerComponent"],"mappings":";;;;AAKO,MAAMA,IAAkB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMaC,IAASC;AAAA,EACpB,CAAC,EAAE,SAAAC,GAAS,WAAAC,GAAW,UAAAC,GAAU,GAAGC,KAAyCC,MAEzE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,KAAAC;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACA;AAAA,UACE,UAAUH,EAAM;AAAA,QAClB;AAAA,QACA,OAAOH,CAAO;AAAA,QACdC;AAAA,MACF;AAAA,MACA,UAAUE,EAAM;AAAA,MAChB,SAAS,CAACI;;AAAQ,gBAACJ,EAAM,cAAYK,IAAAL,EAAM,YAAN,gBAAAK,EAAA,KAAAL,GAAgBI;AAAA;AAAA,MAEpD,UAAAL;AAAA,IAAA;AAAA,EACH;AAGN;AAEAO,EAAkB,UAAUX,CAAM;"}

package/dist/{components/card/card.component.d.ts → molecules/card/Card.d.ts}

@@ -1,7 +1,6 @@
-import React, { PropsWithChildren } from "react";
-export interface CardProps {
-    children: React.ReactNode;
-    label: string;
-    className?: string;
-}
-export declare function Card({ children, label, className }: PropsWithChildren<CardProps>): React.JSX.Element;
+import { PropsWithChildren } from 'react';
+export interface CardProps {
+    label: string;
+    className?: string;
+}
+export declare function Card({ children, label, className }: PropsWithChildren<CardProps>): import("react/jsx-runtime").JSX.Element;

package/dist/molecules/card/Card.js

@@ -0,0 +1,12 @@
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { c as s } from "../../chunks/index.js";
+function m({ children: a, label: c, className: e }) {
+  return /* @__PURE__ */ d("div", { className: s("card", e), children: [
+    /* @__PURE__ */ r("div", { className: "card-header ", children: /* @__PURE__ */ r("h4", { className: "card-title", children: c }) }),
+    /* @__PURE__ */ r("div", { className: "card-body", role: "article", children: a })
+  ] });
+}
+export {
+  m as Card
+};
+//# sourceMappingURL=Card.js.map

package/dist/molecules/card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sources":["../../../src/molecules/card/Card.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport { PropsWithChildren } from \"react\";\n\nexport interface CardProps {\n  label: string;\n  className?: string;\n}\n\nexport function Card({ children, label, className }: PropsWithChildren<CardProps>) {\n  return (\n    <div className={classnames(\"card\", className)}>\n      <div className={\"card-header \"}>\n        <h4 className={\"card-title\"}>{label}</h4>\n      </div>\n      <div className={\"card-body\"} role={\"article\"}>\n        {children}\n      </div>\n    </div>\n  );\n}\n"],"names":["Card","children","label","className","classnames","jsx"],"mappings":";;AAQO,SAASA,EAAK,EAAE,UAAAC,GAAU,OAAAC,GAAO,WAAAC,KAA2C;AACjF,2BACG,OAAI,EAAA,WAAWC,EAAW,QAAQD,CAAS,GAC1C,UAAA;AAAA,IAAC,gBAAAE,EAAA,OAAA,EAAI,WAAW,gBACd,UAAA,gBAAAA,EAAC,QAAG,WAAW,cAAe,aAAM,EACtC,CAAA;AAAA,sBACC,OAAI,EAAA,WAAW,aAAa,MAAM,WAChC,UAAAJ,EACH,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/molecules/forms/form-control/FormControl.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes, InputHTMLAttributes, PropsWithChildren, ReactNode } from 'react';
+export type BaseFormControlProps<Value = unknown> = {
+    label?: string;
+    description?: string | ReactNode;
+    before?: ReactNode | string;
+    after?: ReactNode | string;
+    shadow?: boolean;
+    value?: Value;
+    onChange?: (name: string | undefined, value: Value) => void;
+    /**
+     * The input size
+     */
+    size?: "small" | string;
+};
+export type FormControlProps<Value = unknown, Attributes extends HTMLAttributes<HTMLElement> = InputHTMLAttributes<HTMLInputElement>> = BaseFormControlProps<Value> & Omit<Attributes, "onChange" | "value" | "size">;
+export declare function cleanFormControlProps(props: FormControlProps, omitted?: string[]): any;
+export declare function FormControl<Value = unknown>({ children, name, id, required, before, after, description, label, size, className }: PropsWithChildren<FormControlProps<Value>>): import("react/jsx-runtime").JSX.Element;

package/dist/molecules/forms/form-control/FormControl.js

@@ -0,0 +1,51 @@
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import { c } from "../../../chunks/index.js";
+import u from "lodash/omit";
+import { registerComponent as f } from "../../../registries/components.js";
+function C(t, r = []) {
+  return u(t, ["label", "description", "prefix", "suffix", "size", "shadow", ...r]);
+}
+function h({
+  children: t,
+  name: r = "",
+  id: n = r,
+  required: m,
+  before: i,
+  after: e,
+  description: s,
+  label: l,
+  size: a,
+  className: p
+}) {
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      "data-testid": r && `form-group-${r}`,
+      id: `form-group-${r || ""}`,
+      className: c(
+        "form-group",
+        {
+          "-with-before": !!i,
+          "-with-after": !!e
+        },
+        a && `-size-${a}`,
+        p
+      ),
+      children: [
+        l && /* @__PURE__ */ o("label", { htmlFor: n, "data-testid": "form-control-label", className: `col-form-label ${m ? " field-required" : ""}`, children: l }),
+        /* @__PURE__ */ d("div", { className: "input-group", children: [
+          i && /* @__PURE__ */ o("div", { className: "input-group-prepend", children: /* @__PURE__ */ o("span", { className: "input-group-text", "data-testid": "form-control-prefix", children: i }) }),
+          t,
+          e && /* @__PURE__ */ o("div", { className: "input-group-append", children: /* @__PURE__ */ o("span", { className: "input-group-text", "data-testid": "form-control-suffix", children: e }) })
+        ] }),
+        s && /* @__PURE__ */ o("div", { "data-testid": "form-control-description", className: "form-text text-muted", children: s })
+      ]
+    }
+  );
+}
+f("FormControl", h);
+export {
+  h as FormControl,
+  C as cleanFormControlProps
+};
+//# sourceMappingURL=FormControl.js.map

package/dist/molecules/forms/form-control/FormControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormControl.js","sources":["../../../../src/molecules/forms/form-control/FormControl.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport omit from \"lodash/omit\";\nimport { HTMLAttributes, InputHTMLAttributes, PropsWithChildren, ReactNode } from \"react\";\n\nimport { registerComponent } from \"../../../registries/components\";\n\nexport type BaseFormControlProps<Value = unknown> = {\n  label?: string;\n  description?: string | ReactNode;\n  before?: ReactNode | string;\n  after?: ReactNode | string;\n  shadow?: boolean;\n  value?: Value;\n  onChange?: (name: string | undefined, value: Value) => void;\n  /**\n   * The input size\n   */\n  size?: \"small\" | string;\n};\nexport type FormControlProps<\n  Value = unknown,\n  Attributes extends HTMLAttributes<HTMLElement> = InputHTMLAttributes<HTMLInputElement>\n> = BaseFormControlProps<Value> & Omit<Attributes, \"onChange\" | \"value\" | \"size\">;\n\nexport function cleanFormControlProps(props: FormControlProps, omitted: string[] = []): any {\n  return omit(props, [\"label\", \"description\", \"prefix\", \"suffix\", \"size\", \"shadow\", ...omitted]);\n}\n\nexport function FormControl<Value = unknown>({\n  children,\n  name = \"\",\n  id = name,\n  required,\n  before,\n  after,\n  description,\n  label,\n  size,\n  className\n}: PropsWithChildren<FormControlProps<Value>>) {\n  return (\n    <div\n      data-testid={name && `form-group-${name}`}\n      id={`form-group-${name || \"\"}`}\n      className={classnames(\n        \"form-group\",\n        {\n          \"-with-before\": !!before,\n          \"-with-after\": !!after\n        },\n        size && `-size-${size}`,\n        className\n      )}\n    >\n      {label && (\n        <label htmlFor={id} data-testid='form-control-label' className={`col-form-label ${required ? \" field-required\" : \"\"}`}>\n          {label}\n        </label>\n      )}\n      <div className={\"input-group\"}>\n        {before && (\n          <div className='input-group-prepend'>\n            <span className='input-group-text' data-testid='form-control-prefix'>\n              {before}\n            </span>\n          </div>\n        )}\n        {children}\n        {after && (\n          <div className='input-group-append'>\n            <span className='input-group-text' data-testid='form-control-suffix'>\n              {after}\n            </span>\n          </div>\n        )}\n      </div>\n      {description && (\n        <div data-testid='form-control-description' className='form-text text-muted'>\n          {description}\n        </div>\n      )}\n    </div>\n  );\n}\n\nregisterComponent(\"FormControl\", FormControl);\n"],"names":["cleanFormControlProps","props","omitted","omit","FormControl","children","name","id","required","before","after","description","label","size","className","jsxs","classnames","jsx","registerComponent"],"mappings":";;;;AAwBO,SAASA,EAAsBC,GAAyBC,IAAoB,IAAS;AACnF,SAAAC,EAAKF,GAAO,CAAC,SAAS,eAAe,UAAU,UAAU,QAAQ,UAAU,GAAGC,CAAO,CAAC;AAC/F;AAEO,SAASE,EAA6B;AAAA,EAC3C,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,IAAAC,IAAKD;AAAA,EACL,UAAAE;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AACF,GAA+C;AAE3C,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAaT,KAAQ,cAAcA,CAAI;AAAA,MACvC,IAAI,cAAcA,KAAQ,EAAE;AAAA,MAC5B,WAAWU;AAAAA,QACT;AAAA,QACA;AAAA,UACE,gBAAgB,CAAC,CAACP;AAAA,UAClB,eAAe,CAAC,CAACC;AAAA,QACnB;AAAA,QACAG,KAAQ,SAASA,CAAI;AAAA,QACrBC;AAAA,MACF;AAAA,MAEC,UAAA;AAAA,QAAAF,KACE,gBAAAK,EAAA,SAAA,EAAM,SAASV,GAAI,eAAY,sBAAqB,WAAW,kBAAkBC,IAAW,oBAAoB,EAAE,IAChH,UACHI,GAAA;AAAA,QAEF,gBAAAG,EAAC,OAAI,EAAA,WAAW,eACb,UAAA;AAAA,UACCN,KAAA,gBAAAQ,EAAC,OAAI,EAAA,WAAU,uBACb,UAAA,gBAAAA,EAAC,QAAK,EAAA,WAAU,oBAAmB,eAAY,uBAC5C,UAAAR,EACH,CAAA,GACF;AAAA,UAEDJ;AAAA,UACAK,KACC,gBAAAO,EAAC,OAAI,EAAA,WAAU,sBACb,UAAA,gBAAAA,EAAC,QAAK,EAAA,WAAU,oBAAmB,eAAY,uBAC5C,UAAAP,EAAA,CACH,EACF,CAAA;AAAA,QAAA,GAEJ;AAAA,QACCC,KACE,gBAAAM,EAAA,OAAA,EAAI,eAAY,4BAA2B,WAAU,wBACnD,UACHN,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;AAEAO,EAAkB,eAAed,CAAW;"}

package/dist/molecules/forms/input-tags/InputTags.d.ts

@@ -0,0 +1,2 @@
+import { InputTagsProps } from './InputTags.interface';
+export declare function InputTags<Data = string>(props: InputTagsProps): import("react/jsx-runtime").JSX.Element;

package/dist/molecules/forms/input-tags/InputTags.interface.d.ts

@@ -0,0 +1,7 @@
+import { InputHTMLAttributes } from 'react';
+import { FormControlProps } from '../form-control/FormControl';
+export interface InputTagsProps<Data = string> extends FormControlProps<Data[], InputHTMLAttributes<HTMLInputElement>> {
+    layout?: "html5" | "react" | "choicesjs";
+    delimiter?: string;
+    customProperties?: Record<string, any>;
+}

package/dist/molecules/forms/input-tags/InputTags.interface.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=InputTags.interface.js.map

package/dist/molecules/forms/input-tags/InputTags.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputTags.interface.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/molecules/forms/input-tags/InputTags.js

@@ -0,0 +1,25 @@
+import { jsx as r } from "react/jsx-runtime";
+import { registerComponent as d, getComponent as s } from "../../../registries/components.js";
+function I(e) {
+  const { name: o, id: t = o, label: i, required: n, description: m, before: a, after: c, size: l, className: p, layout: u = "choicesjs", ...g } = e, f = s("FormControl"), C = s([`InputTags.${u}`, "Input"]);
+  return console.log("VALUE", e.value), /* @__PURE__ */ r(
+    f,
+    {
+      id: t,
+      name: o,
+      label: i,
+      required: n,
+      description: m,
+      before: a,
+      after: c,
+      size: l,
+      className: p,
+      children: /* @__PURE__ */ r(C, { ...g, id: t, name: o, required: n })
+    }
+  );
+}
+d("InputTags", I);
+export {
+  I as InputTags
+};
+//# sourceMappingURL=InputTags.js.map