@tsed/react-formio 3.0.0-alpha.1 → 3.0.0-alpha.11

package/dist/components/input-tags/inputTags.component.js

@@ -1,37 +0,0 @@
-import { jsx as p } from "react/jsx-runtime";
-import v from "@formio/choices.js";
-import y from "lodash/uniq";
-import e from "prop-types";
-import { useRef as E, useEffect as I } from "react";
-import { FormControl as x } from "../form-control/formControl.component.js";
-function T({ name: t, value: i = [], label: d, onChange: r, required: m, description: u, prefix: l, suffix: c, ...f }) {
-  const s = E();
-  return I(() => {
-    const o = new v(s.current, {
-      delimiter: ",",
-      editItems: !0,
-      removeItemButton: !0
-    });
-    return o.setValue([].concat(i, [])), o.passedElement.element.addEventListener("addItem", (n) => {
-      r && r(t, y(i.concat(n.detail.value)));
-    }), o.passedElement.element.addEventListener("removeItem", (n) => {
-      r && r(
-        t,
-        i.filter((a) => a !== n.detail.value)
-      );
-    }), () => {
-      o.destroy();
-    };
-  }, []), /* @__PURE__ */ p(x, { name: t, label: d, required: m, description: u, prefix: l, suffix: c, children: /* @__PURE__ */ p("input", { ref: s, type: "text", ...f, id: t, required: m }) });
-}
-T.propTypes = {
-  label: e.string,
-  name: e.string.isRequired,
-  value: e.array,
-  required: e.bool,
-  onChange: e.func
-};
-export {
-  T as InputTags
-};
-//# sourceMappingURL=inputTags.component.js.map

package/dist/components/input-tags/inputTags.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"inputTags.component.js","sources":["../../../src/components/input-tags/inputTags.component.tsx"],"sourcesContent":["import Choices from \"@formio/choices.js\";\nimport uniq from \"lodash/uniq\";\nimport PropTypes from \"prop-types\";\nimport { useEffect, useRef } from \"react\";\n\nimport { FormControl, FormControlProps } from \"../form-control/formControl.component\";\n\nexport interface InputTagsProps<T = any> extends Omit<FormControlProps, \"description\" | \"prefix\" | \"suffix\"> {\n  value?: T;\n  onChange?: (name: string, value: T) => void;\n  placeholder?: string;\n\n  [key: string]: any;\n}\n\nexport function InputTags({ name, value = [], label, onChange, required, description, prefix, suffix, ...props }: InputTagsProps) {\n  const ref: any = useRef();\n\n  useEffect(() => {\n    const instance = new Choices(ref.current, {\n      delimiter: \",\",\n      editItems: true,\n      removeItemButton: true\n    });\n\n    instance.setValue([].concat(value, []));\n\n    instance.passedElement.element.addEventListener(\"addItem\", (event: any) => {\n      onChange && onChange(name, uniq(value.concat(event.detail.value)));\n    });\n\n    instance.passedElement.element.addEventListener(\"removeItem\", (event: any) => {\n      onChange &&\n        onChange(\n          name,\n          value.filter((v: string) => v !== event.detail.value)\n        );\n    });\n\n    return () => {\n      instance.destroy();\n    };\n  }, []);\n\n  return (\n    <FormControl name={name} label={label} required={required} description={description} prefix={prefix} suffix={suffix}>\n      <input ref={ref} type='text' {...props} id={name} required={required} />\n    </FormControl>\n  );\n}\n\nInputTags.propTypes = {\n  label: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  value: PropTypes.array,\n  required: PropTypes.bool,\n  onChange: PropTypes.func\n};\n"],"names":["InputTags","name","value","label","onChange","required","description","prefix","suffix","props","ref","useRef","useEffect","instance","Choices","event","uniq","v","FormControl","jsx","PropTypes"],"mappings":";;;;;;AAeO,SAASA,EAAU,EAAE,MAAAC,GAAM,OAAAC,IAAQ,CAAA,GAAI,OAAAC,GAAO,UAAAC,GAAU,UAAAC,GAAU,aAAAC,GAAa,QAAAC,GAAQ,QAAAC,GAAQ,GAAGC,KAAyB;AAChI,QAAMC,IAAWC,EAAO;AAExB,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAW,IAAIC,EAAQJ,EAAI,SAAS;AAAA,MACxC,WAAW;AAAA,MACX,WAAW;AAAA,MACX,kBAAkB;AAAA,IAAA,CACnB;AAED,WAAAG,EAAS,SAAS,CAAC,EAAE,OAAOX,GAAO,CAAE,CAAA,CAAC,GAEtCW,EAAS,cAAc,QAAQ,iBAAiB,WAAW,CAACE,MAAe;AAC7D,MAAAX,KAAAA,EAASH,GAAMe,EAAKd,EAAM,OAAOa,EAAM,OAAO,KAAK,CAAC,CAAC;AAAA,IAAA,CAClE,GAEDF,EAAS,cAAc,QAAQ,iBAAiB,cAAc,CAACE,MAAe;AAE1E,MAAAX,KAAAA;AAAA,QACEH;AAAA,QACAC,EAAM,OAAO,CAACe,MAAcA,MAAMF,EAAM,OAAO,KAAK;AAAA,MACtD;AAAA,IAAA,CACH,GAEM,MAAM;AACX,MAAAF,EAAS,QAAQ;AAAA,IACnB;AAAA,EACF,GAAG,EAAE,qBAGFK,GAAY,EAAA,MAAAjB,GAAY,OAAAE,GAAc,UAAAE,GAAoB,aAAAC,GAA0B,QAAAC,GAAgB,QAAAC,GACnG,UAAA,gBAAAW,EAAC,SAAM,EAAA,KAAAT,GAAU,MAAK,QAAQ,GAAGD,GAAO,IAAIR,GAAM,UAAAI,EAAoB,CAAA,GACxE;AAEJ;AAEAL,EAAU,YAAY;AAAA,EACpB,OAAOoB,EAAU;AAAA,EACjB,MAAMA,EAAU,OAAO;AAAA,EACvB,OAAOA,EAAU;AAAA,EACjB,UAAUA,EAAU;AAAA,EACpB,UAAUA,EAAU;AACtB;"}

package/dist/components/input-text/inputText.component.d.ts

@@ -1,27 +0,0 @@
-import { default as PropTypes } from 'prop-types';
-import { FormControlProps } from '../form-control/formControl.component';
-export interface InputTextProps<T = any> extends FormControlProps {
-    type?: string;
-    value?: T;
-    /**
-     * The input size
-     */
-    size?: string;
-    onChange?: (name: string, value: T) => void;
-    placeholder?: string;
-    [key: string]: any;
-}
-export declare function InputText<T = any>({ name, value, label, onChange, required, size, type, prefix, suffix, description, className, placeholder, ...props }: InputTextProps<T>): import("react/jsx-runtime").JSX.Element;
-export declare namespace InputText {
-    var propTypes: {
-        label: PropTypes.Requireable<string>;
-        type: PropTypes.Requireable<string>;
-        name: PropTypes.Validator<string>;
-        value: PropTypes.Requireable<any>;
-        size: PropTypes.Requireable<string>;
-        required: PropTypes.Requireable<boolean>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        prefix: PropTypes.Requireable<any>;
-        suffix: PropTypes.Requireable<any>;
-    };
-}

package/dist/components/input-text/inputText.component.js

@@ -1,70 +0,0 @@
-import { jsx as m } from "react/jsx-runtime";
-import { c as b } from "../../chunks/index.js";
-import t from "prop-types";
-import { useState as h, useMemo as v, useEffect as E } from "react";
-import { callLast as $ } from "../../utils/callLast.js";
-import { getEventValue as j } from "../../utils/getEventValue.js";
-import { FormControl as q } from "../form-control/formControl.component.js";
-function C({
-  name: o,
-  value: r,
-  label: l,
-  onChange: e,
-  required: s,
-  size: n,
-  type: f,
-  prefix: u,
-  suffix: c,
-  description: y,
-  className: g,
-  placeholder: x,
-  ...d
-}) {
-  const [T, i] = h(r), p = v(() => e && $(e, 300), [e]);
-  return E(() => {
-    i(r);
-  }, [r]), /* @__PURE__ */ m(
-    q,
-    {
-      name: o,
-      label: l,
-      required: s,
-      description: y,
-      prefix: u,
-      suffix: c,
-      className: g,
-      children: /* @__PURE__ */ m(
-        "input",
-        {
-          type: f || "text",
-          ...d,
-          "data-testid": `input_${o}`,
-          className: b("form-control", n && `form-control-${n}`),
-          id: o,
-          required: s,
-          value: T || "",
-          placeholder: x,
-          onChange: (V) => {
-            const a = j(V);
-            return i(a), p && p(o, a);
-          }
-        }
-      )
-    }
-  );
-}
-C.propTypes = {
-  label: t.string,
-  type: t.string,
-  name: t.string.isRequired,
-  value: t.any,
-  size: t.string,
-  required: t.bool,
-  onChange: t.func,
-  prefix: t.any,
-  suffix: t.any
-};
-export {
-  C as InputText
-};
-//# sourceMappingURL=inputText.component.js.map

package/dist/components/input-text/inputText.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"inputText.component.js","sources":["../../../src/components/input-text/inputText.component.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { useEffect, useMemo, useState } from \"react\";\n\nimport { callLast } from \"../../utils/callLast\";\nimport { getEventValue } from \"../../utils/getEventValue\";\nimport { FormControl, FormControlProps } from \"../form-control/formControl.component\";\n\nexport interface InputTextProps<T = any> extends FormControlProps {\n  type?: string;\n  value?: T;\n  /**\n   * The input size\n   */\n  size?: string;\n  onChange?: (name: string, value: T) => void;\n  placeholder?: string;\n\n  [key: string]: any;\n}\n\nexport function InputText<T = any>({\n  name,\n  value,\n  label,\n  onChange,\n  required,\n  size,\n  type,\n  prefix,\n  suffix,\n  description,\n  className,\n  placeholder,\n  ...props\n}: InputTextProps<T>) {\n  const [localValue, setValue] = useState(value);\n\n  const change = useMemo(() => onChange && callLast(onChange, 300), [onChange]);\n\n  useEffect(() => {\n    setValue(value);\n  }, [value]);\n\n  return (\n    <FormControl\n      name={name}\n      label={label}\n      required={required}\n      description={description}\n      prefix={prefix}\n      suffix={suffix}\n      className={className}\n    >\n      <input\n        type={type || \"text\"}\n        {...props}\n        data-testid={`input_${name}`}\n        className={classnames(\"form-control\", size && `form-control-${size}`)}\n        id={name}\n        required={required}\n        value={(localValue || \"\") as any}\n        placeholder={placeholder}\n        onChange={(event) => {\n          const value = getEventValue(event);\n          setValue(value);\n\n          return change && change(name, value);\n        }}\n      />\n    </FormControl>\n  );\n}\n\nInputText.propTypes = {\n  label: PropTypes.string,\n  type: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  value: PropTypes.any,\n  size: PropTypes.string,\n  required: PropTypes.bool,\n  onChange: PropTypes.func,\n  prefix: PropTypes.any,\n  suffix: PropTypes.any\n};\n"],"names":["InputText","name","value","label","onChange","required","size","type","prefix","suffix","description","className","placeholder","props","localValue","setValue","useState","change","useMemo","callLast","useEffect","jsx","FormControl","classnames","event","getEventValue","PropTypes"],"mappings":";;;;;;;AAqBO,SAASA,EAAmB;AAAA,EACjC,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACL,GAAsB;AACpB,QAAM,CAACC,GAAYC,CAAQ,IAAIC,EAASd,CAAK,GAEvCe,IAASC,EAAQ,MAAMd,KAAYe,EAASf,GAAU,GAAG,GAAG,CAACA,CAAQ,CAAC;AAE5E,SAAAgB,EAAU,MAAM;AACd,IAAAL,EAASb,CAAK;AAAA,EAAA,GACb,CAACA,CAAK,CAAC,GAGR,gBAAAmB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAArB;AAAA,MACA,OAAAE;AAAA,MACA,UAAAE;AAAA,MACA,aAAAK;AAAA,MACA,QAAAF;AAAA,MACA,QAAAC;AAAA,MACA,WAAAE;AAAA,MAEA,UAAA,gBAAAU;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAMd,KAAQ;AAAA,UACb,GAAGM;AAAA,UACJ,eAAa,SAASZ,CAAI;AAAA,UAC1B,WAAWsB,EAAW,gBAAgBjB,KAAQ,gBAAgBA,CAAI,EAAE;AAAA,UACpE,IAAIL;AAAA,UACJ,UAAAI;AAAA,UACA,OAAQS,KAAc;AAAA,UACtB,aAAAF;AAAA,UACA,UAAU,CAACY,MAAU;AACbtB,kBAAAA,IAAQuB,EAAcD,CAAK;AACjC,mBAAAT,EAASb,CAAK,GAEPe,KAAUA,EAAOhB,GAAMC,CAAK;AAAA,UAAA;AAAA,QACrC;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;AAEAF,EAAU,YAAY;AAAA,EACpB,OAAO0B,EAAU;AAAA,EACjB,MAAMA,EAAU;AAAA,EAChB,MAAMA,EAAU,OAAO;AAAA,EACvB,OAAOA,EAAU;AAAA,EACjB,MAAMA,EAAU;AAAA,EAChB,UAAUA,EAAU;AAAA,EACpB,UAAUA,EAAU;AAAA,EACpB,QAAQA,EAAU;AAAA,EAClB,QAAQA,EAAU;AACpB;"}

package/dist/components/loader/loader.component.js

@@ -1,26 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { c as a } from "../../chunks/index.js";
-import t from "prop-types";
-import { iconClass as c } from "../../utils/iconClass.js";
-function l({ isActive: o, color: i = "blue", icon: r = "radio-circle", className: s = "" }) {
-  return o ? /* @__PURE__ */ e(
-    "div",
-    {
-      className: a(
-        "opacity-85 z-20 flex items-center justify-center p-5 absolute top-0 right-0 left-0 bottom-0 bg-white",
-        s
-      ),
-      children: /* @__PURE__ */ e("span", { "data-testid": `icon_${r}`, color: i, className: `text-11xl ${c(void 0, r, !0)}` })
-    }
-  ) : null;
-}
-l.propTypes = {
-  isActive: t.bool,
-  icon: t.string,
-  color: t.string,
-  className: t.string
-};
-export {
-  l as Loader
-};
-//# sourceMappingURL=loader.component.js.map

package/dist/components/loader/loader.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"loader.component.js","sources":["../../../src/components/loader/loader.component.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { PropsWithChildren } from \"react\";\n\nimport { iconClass } from \"../../utils/iconClass\";\n\nexport interface LoaderProps {\n  isActive?: boolean;\n  color?: string;\n  icon?: string;\n  className?: string;\n}\n\nexport function Loader({ isActive, color = \"blue\", icon = \"radio-circle\", className = \"\" }: PropsWithChildren<LoaderProps>) {\n  if (isActive) {\n    return (\n      <div\n        className={classnames(\n          \"opacity-85 z-20 flex items-center justify-center p-5 absolute top-0 right-0 left-0 bottom-0 bg-white\",\n          className\n        )}\n      >\n        <span data-testid={`icon_${icon}`} color={color} className={`text-11xl ${iconClass(undefined, icon, true)}`} />\n      </div>\n    );\n  }\n  return null;\n}\n\nLoader.propTypes = {\n  isActive: PropTypes.bool,\n  icon: PropTypes.string,\n  color: PropTypes.string,\n  className: PropTypes.string\n};\n"],"names":["Loader","isActive","color","icon","className","jsx","classnames","iconClass","PropTypes"],"mappings":";;;;AAagB,SAAAA,EAAO,EAAE,UAAAC,GAAU,OAAAC,IAAQ,QAAQ,MAAAC,IAAO,gBAAgB,WAAAC,IAAY,MAAsC;AAC1H,SAAIH,IAEA,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAF;AAAA,MACF;AAAA,MAEA,UAAC,gBAAAC,EAAA,QAAA,EAAK,eAAa,QAAQF,CAAI,IAAI,OAAAD,GAAc,WAAW,aAAaK,EAAU,QAAWJ,GAAM,EAAI,CAAC,GAAI,CAAA;AAAA,IAAA;AAAA,EAC/G,IAGG;AACT;AAEAH,EAAO,YAAY;AAAA,EACjB,UAAUQ,EAAU;AAAA,EACpB,MAAMA,EAAU;AAAA,EAChB,OAAOA,EAAU;AAAA,EACjB,WAAWA,EAAU;AACvB;"}

package/dist/components/modal/modal.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"modal.component.js","sources":["../../../src/components/modal/modal.component.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport noop from \"lodash\";\nimport { PropsWithChildren, useEffect, useRef, useState } from \"react\";\n\nexport function useModal() {\n  const [show, setShowModal] = useState(false);\n\n  return {\n    show,\n    setShowModal,\n    openModal() {\n      setShowModal(true);\n    },\n    closeModal() {\n      setShowModal(false);\n    }\n  };\n}\n\nexport interface ModalProps extends Record<string, any> {\n  show?: boolean;\n  closeModal?: () => void;\n  onClose?: () => void;\n  footer?: any;\n  title?: string;\n}\n\nexport function Modal({\n  show,\n  children,\n  closeModal = noop as any,\n  onClose = noop as any,\n  title,\n  footer: ModalFooter,\n  style,\n  className = \"\",\n  ...props\n}: PropsWithChildren<ModalProps>) {\n  const titleRef: any = useRef<HTMLDivElement>();\n  const footerRef: any = useRef<HTMLDivElement>();\n  const [maxHeight, setMaxHeight] = useState<string>();\n\n  const onClickClose = () => {\n    closeModal();\n    onClose();\n  };\n\n  useEffect(() => {\n    if (titleRef.current || footerRef.current) {\n      const height = (titleRef?.current?.offsetHeight || 0) + (footerRef?.current?.offsetHeight || 0);\n\n      setMaxHeight(`calc(85vh - ${height}px)`);\n    } else {\n      setMaxHeight(\"auto\");\n    }\n  }, [show]);\n\n  if (!show) {\n    return null;\n  }\n\n  return (\n    <div role={\"dialog\"} className={`formio-dialog formio-dialog-theme-default ${className}`}>\n      <div className='formio-dialog-overlay' onClick={onClickClose} />\n      <div style={style} className={\"formio-dialog-content\"}>\n        <div className={\"formio-dialog-wrapper\"}>\n          {title ? (\n            <div className={\"formio-dialog-title\"} ref={titleRef} data-testid={\"modalTitle\"}>\n              {title}\n            </div>\n          ) : null}\n\n          <div className='formio-dialog-body' style={{ maxHeight }} data-testid={\"modalBody\"}>\n            {show && children}\n          </div>\n\n          {ModalFooter ? (\n            <div className={\"formio-dialog-footer\"} ref={footerRef} data-testid={\"modalFooter\"}>\n              <ModalFooter {...props} closeModal={closeModal} onClose={onClickClose} />\n            </div>\n          ) : null}\n        </div>\n        <button\n          className='formio-dialog-close float-right btn btn-secondary btn-sm'\n          aria-label='close'\n          data-testid={\"closeModal\"}\n          onClick={onClickClose}\n        />\n      </div>\n    </div>\n  );\n}\n"],"names":["useModal","show","setShowModal","useState","Modal","children","closeModal","noop","onClose","title","ModalFooter","style","className","props","titleRef","useRef","footerRef","maxHeight","setMaxHeight","onClickClose","useEffect","height","_a","_b","jsx","jsxs"],"mappings":";;;AAKO,SAASA,IAAW;AACzB,QAAM,CAACC,GAAMC,CAAY,IAAIC,EAAS,EAAK;AAEpC,SAAA;AAAA,IACL,MAAAF;AAAA,IACA,cAAAC;AAAA,IACA,YAAY;AACV,MAAAA,EAAa,EAAI;AAAA,IACnB;AAAA,IACA,aAAa;AACX,MAAAA,EAAa,EAAK;AAAA,IAAA;AAAA,EAEtB;AACF;AAUO,SAASE,EAAM;AAAA,EACpB,MAAAH;AAAA,EACA,UAAAI;AAAA,EACA,YAAAC,IAAaC;AAAA,EACb,SAAAC,IAAUD;AAAA,EACV,OAAAE;AAAA,EACA,QAAQC;AAAA,EACR,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAkC;AAChC,QAAMC,IAAgBC,EAAuB,GACvCC,IAAiBD,EAAuB,GACxC,CAACE,GAAWC,CAAY,IAAIf,EAAiB,GAE7CgB,IAAe,MAAM;AACd,IAAAb,EAAA,GACHE,EAAA;AAAA,EACV;AAYA,SAVAY,EAAU,MAAM;;AACV,QAAAN,EAAS,WAAWE,EAAU,SAAS;AACzC,YAAMK,OAAUC,IAAAR,KAAA,gBAAAA,EAAU,YAAV,gBAAAQ,EAAmB,iBAAgB,QAAMC,IAAAP,KAAA,gBAAAA,EAAW,YAAX,gBAAAO,EAAoB,iBAAgB;AAEhF,MAAAL,EAAA,eAAeG,CAAM,KAAK;AAAA,IAAA;AAEvC,MAAAH,EAAa,MAAM;AAAA,EACrB,GACC,CAACjB,CAAI,CAAC,GAEJA,sBAKF,OAAI,EAAA,MAAM,UAAU,WAAW,6CAA6CW,CAAS,IACpF,UAAA;AAAA,IAAA,gBAAAY,EAAC,OAAI,EAAA,WAAU,yBAAwB,SAASL,GAAc;AAAA,IAC7D,gBAAAM,EAAA,OAAA,EAAI,OAAAd,GAAc,WAAW,yBAC5B,UAAA;AAAA,MAAC,gBAAAc,EAAA,OAAA,EAAI,WAAW,yBACb,UAAA;AAAA,QACChB,IAAA,gBAAAe,EAAC,SAAI,WAAW,uBAAuB,KAAKV,GAAU,eAAa,cAChE,UAAAL,EAAA,CACH,IACE;AAAA,QAEJ,gBAAAe,EAAC,OAAI,EAAA,WAAU,sBAAqB,OAAO,EAAE,WAAAP,EAAa,GAAA,eAAa,aACpE,UAAAhB,KAAQI,EACX,CAAA;AAAA,QAECK,IACE,gBAAAc,EAAA,OAAA,EAAI,WAAW,wBAAwB,KAAKR,GAAW,eAAa,eACnE,UAAA,gBAAAQ,EAACd,KAAa,GAAGG,GAAO,YAAAP,GAAwB,SAASa,GAAc,GACzE,IACE;AAAA,MAAA,GACN;AAAA,MACA,gBAAAK;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,cAAW;AAAA,UACX,eAAa;AAAA,UACb,SAASL;AAAA,QAAA;AAAA,MAAA;AAAA,IACX,EACF,CAAA;AAAA,EAAA,GACF,IA/BO;AAiCX;"}

package/dist/components/modal/removeModal.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"removeModal.component.js","sources":["../../../src/components/modal/removeModal.component.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport { PropsWithChildren, useState } from \"react\";\n\nimport { iconClass } from \"../../utils/iconClass\";\nimport { InputText } from \"../input-text/inputText.component\";\nimport { Modal, ModalProps } from \"./modal.component\";\n\nfunction RemoveModalFooter({ value, valueToCompare, onSubmit, onClose, i18n = (f: string) => f }: ModalProps) {\n  return (\n    <div className={\"flex items-center justify-center bg-white p-2\"}>\n      <button data-testid='customCloseModal' className={\"btn btn-outline-dark mx-2\"} onClick={onClose}>\n        {i18n(\"Cancel\")}\n      </button>\n      <button\n        disabled={valueToCompare !== value}\n        data-testid='customSubmitModal'\n        className={\"btn btn-danger mx-2\"}\n        onClick={(e) => {\n          if (valueToCompare === value) {\n            onSubmit(e);\n          }\n        }}\n      >\n        <i className={classnames(iconClass(undefined, \"trash\"), \"mr-2\")} />\n        {i18n(\"Remove\")}\n      </button>\n    </div>\n  );\n}\n\nexport interface RemoveModalProps extends ModalProps {\n  valueToCompare: string;\n  itemType?: string;\n  i18n?: (f: string) => string;\n  maxWidth?: string;\n}\n\nexport function RemoveModal({ maxWidth = \"300px\", children, ...props }: PropsWithChildren<RemoveModalProps>) {\n  const { i18n = (f) => f } = props;\n  const [value, setValue] = useState();\n\n  return (\n    <Modal\n      {...props}\n      className={classnames(props.className, \"formio-dialog-theme-remove\")}\n      style={{ maxWidth }}\n      title={`Drop ${props.itemType?.toLowerCase()}`}\n      value={value}\n      footer={RemoveModalFooter}\n    >\n      <div className='px-4 pt-3 pb-5'>\n        <div className='pb-1'>\n          {children}\n          {i18n(\"To drop\")} <strong>{props.valueToCompare}</strong>,&nbsp;\n          {i18n(\"type the\")}&nbsp;\n          <strong>&quot;{props.itemType?.toLowerCase()}&quot;</strong>&nbsp;\n          {i18n(\"name\")} <strong>&quot;{props.valueToCompare}&quot;</strong>.\n        </div>\n        <InputText name='remove' value={value} onChange={(name, value) => setValue(value)} />\n      </div>\n    </Modal>\n  );\n}\n"],"names":["RemoveModalFooter","value","valueToCompare","onSubmit","onClose","i18n","f","jsxs","jsx","e","classnames","iconClass","RemoveModal","maxWidth","children","props","setValue","useState","Modal","_a","_b","InputText","name"],"mappings":";;;;;;AAOA,SAASA,EAAkB,EAAE,OAAAC,GAAO,gBAAAC,GAAgB,UAAAC,GAAU,SAAAC,GAAS,MAAAC,IAAO,CAACC,MAAcA,KAAiB;AAE1G,SAAA,gBAAAC,EAAC,OAAI,EAAA,WAAW,iDACd,UAAA;AAAA,IAAC,gBAAAC,EAAA,UAAA,EAAO,eAAY,oBAAmB,WAAW,6BAA6B,SAASJ,GACrF,UAAKC,EAAA,QAAQ,EAChB,CAAA;AAAA,IACA,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAUL,MAAmBD;AAAA,QAC7B,eAAY;AAAA,QACZ,WAAW;AAAA,QACX,SAAS,CAACQ,MAAM;AACd,UAAIP,MAAmBD,KACrBE,EAASM,CAAC;AAAA,QAEd;AAAA,QAEA,UAAA;AAAA,UAAC,gBAAAD,EAAA,KAAA,EAAE,WAAWE,EAAWC,EAAU,QAAW,OAAO,GAAG,MAAM,GAAG;AAAA,UAChEN,EAAK,QAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB,GACF;AAEJ;AASO,SAASO,EAAY,EAAE,UAAAC,IAAW,SAAS,UAAAC,GAAU,GAAGC,KAA8C;;AAC3G,QAAM,EAAE,MAAAV,IAAO,CAACC,MAAMA,EAAM,IAAAS,GACtB,CAACd,GAAOe,CAAQ,IAAIC,EAAS;AAGjC,SAAA,gBAAAT;AAAA,IAACU;AAAA,IAAA;AAAA,MACE,GAAGH;AAAA,MACJ,WAAWL,EAAWK,EAAM,WAAW,4BAA4B;AAAA,MACnE,OAAO,EAAE,UAAAF,EAAS;AAAA,MAClB,OAAO,SAAQM,IAAAJ,EAAM,aAAN,gBAAAI,EAAgB,aAAa;AAAA,MAC5C,OAAAlB;AAAA,MACA,QAAQD;AAAA,MAER,UAAA,gBAAAO,EAAC,OAAI,EAAA,WAAU,kBACb,UAAA;AAAA,QAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,QACZ,UAAA;AAAA,UAAAO;AAAA,UACAT,EAAK,SAAS;AAAA,UAAE;AAAA,UAAC,gBAAAG,EAAC,UAAQ,EAAA,UAAAO,EAAM,eAAe,CAAA;AAAA,UAAS;AAAA,UACxDV,EAAK,UAAU;AAAA,UAAE;AAAA,4BACjB,UAAO,EAAA,UAAA;AAAA,YAAA;AAAA,aAAOe,IAAAL,EAAM,aAAN,gBAAAK,EAAgB;AAAA,YAAc;AAAA,UAAA,GAAM;AAAA,UAAS;AAAA,UAC3Df,EAAK,MAAM;AAAA,UAAE;AAAA,4BAAE,UAAO,EAAA,UAAA;AAAA,YAAA;AAAA,YAAOU,EAAM;AAAA,YAAe;AAAA,UAAA,GAAM;AAAA,UAAS;AAAA,QAAA,GACpE;AAAA,QACA,gBAAAP,EAACa,GAAU,EAAA,MAAK,UAAS,OAAApB,GAAc,UAAU,CAACqB,GAAMrB,MAAUe,EAASf,CAAK,EAAG,CAAA;AAAA,MAAA,EACrF,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/pagination/pagination.component.js

@@ -1,87 +0,0 @@
-import { jsxs as n, jsx as a } from "react/jsx-runtime";
-import { c as t } from "../../chunks/index.js";
-import { Select as I } from "../select/select.component.js";
-import { getPageNumbers as k, LEFT_PAGE as S, RIGHT_PAGE as z } from "../table/utils/getPageNumbers.js";
-function m(s) {
-  const { component: d = "button", children: g, disabled: l, active: r, ...p } = s;
-  return /* @__PURE__ */ a(
-    d,
-    {
-      ...p,
-      "data-testid": "pagination-button",
-      disabled: l,
-      className: t("page-link", l ? "disabled" : "", "", s.className),
-      children: g
-    }
-  );
-}
-function A(s) {
-  const {
-    className: d,
-    pageSizes: g = [10, 25, 50, 100],
-    gotoPage: l,
-    canPreviousPage: r,
-    previousPage: p,
-    nextPage: P,
-    canNextPage: h,
-    pageCount: x,
-    pageIndex: c = 1,
-    pageOptions: b,
-    pageSize: f,
-    setPageSize: v,
-    totalLength: u,
-    i18n: i = (e) => e
-  } = s, N = k({
-    currentPage: c,
-    // pageNeighbours,
-    totalPages: x
-  }), C = g.map((e) => ({ value: e, label: e }));
-  return /* @__PURE__ */ n("nav", { "aria-label": "Page navigation", className: t("pagination-group -mb-3", d), children: [
-    /* @__PURE__ */ n("ul", { className: "pagination mb-3 mr-3", children: [
-      /* @__PURE__ */ a("li", { className: t("page-item", !r && "disabled"), children: /* @__PURE__ */ a(m, { tabIndex: -1, disabled: !r, onClick: () => p(), children: i("Previous") }) }),
-      N.map((e) => {
-        if ([S, z].includes(e))
-          return /* @__PURE__ */ a("li", { className: "page-item", children: /* @__PURE__ */ a(m, { "aria-hidden": "true", children: "..." }) }, e);
-        const o = e - 1 === c;
-        return /* @__PURE__ */ a("li", { className: t("page-item", o && "active"), children: /* @__PURE__ */ a(m, { tabIndex: c, active: o, onClick: () => l(e - 1), children: e }) }, e);
-      }),
-      /* @__PURE__ */ a("li", { className: t("page-item", !h && "disabled"), children: /* @__PURE__ */ a(m, { tabIndex: N.length, disabled: !h, onClick: () => P(), children: i("Next") }) })
-    ] }),
-    /* @__PURE__ */ n("li", { className: "mb-3 mr-3 flex items-center", children: [
-      /* @__PURE__ */ a(
-        I,
-        {
-          name: "page",
-          value: f,
-          choices: C,
-          onChange: (e, o) => {
-            v(+o);
-          }
-        }
-      ),
-      /* @__PURE__ */ a("span", { className: "ml-3", children: i("items per page") })
-    ] }),
-    b && /* @__PURE__ */ n("li", { className: "mb-3 mr-3 flex items-center", children: [
-      /* @__PURE__ */ n("span", { children: [
-        i("Page"),
-        " "
-      ] }),
-      /* @__PURE__ */ n("strong", { children: [
-        c + 1,
-        " of ",
-        b.length
-      ] })
-    ] }),
-    u !== void 0 && /* @__PURE__ */ n("li", { className: "mb-3 flex items-center", "data-testid": "pagination-total-items", children: [
-      i("Total"),
-      ": ",
-      /* @__PURE__ */ a("strong", { className: "mx-1", children: new Intl.NumberFormat(void 0).format(u) }),
-      " ",
-      i("items")
-    ] })
-  ] });
-}
-export {
-  A as Pagination
-};
-//# sourceMappingURL=pagination.component.js.map

package/dist/components/pagination/pagination.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pagination.component.js","sources":["../../../src/components/pagination/pagination.component.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport { PropsWithChildren } from \"react\";\n\nimport { Select } from \"../select/select.component\";\nimport { getPageNumbers, LEFT_PAGE, RIGHT_PAGE } from \"../table/utils/getPageNumbers\";\n\nfunction PaginationButton(\n  props: PropsWithChildren<\n    {\n      component?: any;\n      disabled?: boolean;\n      className?: string;\n      active?: boolean;\n    } & Record<string, any>\n  >\n) {\n  const { component: Component = \"button\", children, disabled, active, ...otherProps } = props;\n\n  return (\n    <Component\n      {...otherProps}\n      data-testid='pagination-button'\n      disabled={disabled}\n      className={classnames(\"page-link\", disabled ? \"disabled\" : \"\", active ? \"\" : \"\", props.className)}\n    >\n      {children}\n    </Component>\n  );\n}\n\nexport interface PaginationProps {\n  className?: string;\n  pageSizes?: number[];\n  gotoPage: any;\n  canPreviousPage: boolean;\n  previousPage: any;\n  nextPage: any;\n  canNextPage: boolean;\n  pageCount: number;\n  pageIndex: number;\n  pageOptions?: number[];\n  pageSize: number;\n  setPageSize: any;\n  totalLength?: number;\n  i18n?: (f: string) => string;\n}\n\nexport function Pagination(props: PaginationProps) {\n  const {\n    className,\n    pageSizes = [10, 25, 50, 100],\n    gotoPage,\n    canPreviousPage,\n    previousPage,\n    nextPage,\n    canNextPage,\n    pageCount,\n    pageIndex = 1,\n    pageOptions,\n    pageSize,\n    setPageSize,\n    totalLength,\n    i18n = (f: string) => f\n  } = props;\n\n  const pageNumbers = getPageNumbers({\n    currentPage: pageIndex,\n    // pageNeighbours,\n    totalPages: pageCount\n  });\n  const choices: any[] = pageSizes.map((value) => ({ value, label: value }));\n\n  return (\n    <nav aria-label='Page navigation' className={classnames(\"pagination-group -mb-3\", className)}>\n      <ul className='pagination mb-3 mr-3'>\n        <li className={classnames(\"page-item\", !canPreviousPage && \"disabled\")}>\n          <PaginationButton tabIndex={-1} disabled={!canPreviousPage} onClick={() => previousPage()}>\n            {i18n(\"Previous\")}\n          </PaginationButton>\n        </li>\n\n        {pageNumbers.map((page) => {\n          if ([LEFT_PAGE, RIGHT_PAGE].includes(page)) {\n            return (\n              <li className='page-item' key={page}>\n                <PaginationButton aria-hidden='true'>...</PaginationButton>\n              </li>\n            );\n          }\n\n          const active = page - 1 === pageIndex;\n          return (\n            <li className={classnames(\"page-item\", active && \"active\")} key={page}>\n              <PaginationButton tabIndex={pageIndex} active={active} onClick={() => gotoPage(page - 1)}>\n                {page}\n              </PaginationButton>\n            </li>\n          );\n        })}\n\n        <li className={classnames(\"page-item\", !canNextPage && \"disabled\")}>\n          <PaginationButton tabIndex={pageNumbers.length} disabled={!canNextPage} onClick={() => nextPage()}>\n            {i18n(\"Next\")}\n          </PaginationButton>\n        </li>\n      </ul>\n\n      <li className='mb-3 mr-3 flex items-center'>\n        <Select\n          name={\"page\"}\n          value={pageSize}\n          choices={choices}\n          onChange={(name: string, value: number) => {\n            setPageSize(+value);\n          }}\n        />\n        <span className={\"ml-3\"}>{i18n(\"items per page\")}</span>\n      </li>\n      {pageOptions && (\n        <li className={\"mb-3 mr-3 flex items-center\"}>\n          <span>{i18n(\"Page\")}&nbsp;</span>\n          <strong>\n            {pageIndex + 1} of {pageOptions.length}\n          </strong>\n        </li>\n      )}\n      {totalLength !== undefined && (\n        <li className={\"mb-3 flex items-center\"} data-testid='pagination-total-items'>\n          {i18n(\"Total\")}: <strong className='mx-1'>{new Intl.NumberFormat(undefined).format(totalLength)}</strong> {i18n(\"items\")}\n        </li>\n      )}\n    </nav>\n  );\n}\n"],"names":["PaginationButton","props","Component","children","disabled","active","otherProps","jsx","classnames","Pagination","className","pageSizes","gotoPage","canPreviousPage","previousPage","nextPage","canNextPage","pageCount","pageIndex","pageOptions","pageSize","setPageSize","totalLength","i18n","f","pageNumbers","getPageNumbers","choices","value","jsxs","page","LEFT_PAGE","RIGHT_PAGE","Select","name"],"mappings":"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"}

package/dist/components/select/select.component.d.ts

@@ -1,14 +0,0 @@
-import { HTMLAttributes, ReactElement } from 'react';
-import { FormControlProps } from '../form-control/formControl.component';
-export interface SelectProps<Data = any> extends FormControlProps, Omit<HTMLAttributes<HTMLSelectElement>, "onChange" | "prefix"> {
-    size?: string;
-    placeholder?: string;
-    choices: {
-        label: string;
-        value: Data;
-    }[];
-    layout?: "html5" | "choicesjs";
-    disabled?: boolean;
-    multiple?: boolean;
-}
-export declare function Select<Data = any>({ name, label, size, onChange, required, value, choices, description, placeholder, prefix, suffix, multiple, layout, ...props }: SelectProps<Data>): ReactElement;

package/dist/components/select/select.component.js

@@ -1,60 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import g from "@formio/choices.js";
-import { c as h } from "../../chunks/index.js";
-import { useRef as w, useEffect as x } from "react";
-import { getEventValue as C } from "../../utils/getEventValue.js";
-import { FormControl as E } from "../form-control/formControl.component.js";
-function N({
-  name: t,
-  label: u,
-  size: s,
-  onChange: l,
-  required: a,
-  value: d,
-  choices: e,
-  description: p,
-  placeholder: o,
-  prefix: v,
-  suffix: j,
-  multiple: f,
-  layout: m,
-  ...b
-}) {
-  const i = w(null);
-  return x(() => {
-    let r;
-    return m === "choicesjs" && (r = new g(i.current, {
-      removeItemButton: !0,
-      placeholderValue: o
-    })), () => {
-      r && r.destroy();
-    };
-  }, []), e = m === "choicesjs" || f || !o ? e : [
-    {
-      label: o,
-      value: ""
-    },
-    ...e
-  ], /* @__PURE__ */ n(E, { name: t, label: u, required: a, description: p, prefix: v, suffix: j, shadow: !1, children: /* @__PURE__ */ n(
-    "select",
-    {
-      ref: i,
-      "data-testid": `select_${t}`,
-      ...b,
-      className: h("form-control", s && `form-control-${s}`),
-      name: t,
-      id: t,
-      multiple: f,
-      value: d || "",
-      placeholder: o,
-      onChange: (r) => {
-        l && l(t, C(r));
-      },
-      children: e.map(({ label: r, value: c }) => /* @__PURE__ */ n("option", { label: r, value: c, children: r }, String(c)))
-    }
-  ) });
-}
-export {
-  N as Select
-};
-//# sourceMappingURL=select.component.js.map

package/dist/components/select/select.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select.component.js","sources":["../../../src/components/select/select.component.tsx"],"sourcesContent":["import Choices from \"@formio/choices.js\";\nimport classnames from \"classnames\";\nimport { HTMLAttributes, ReactElement, useEffect, useRef } from \"react\";\n\nimport { getEventValue } from \"../../utils/getEventValue\";\nimport { FormControl, FormControlProps } from \"../form-control/formControl.component\";\n\nexport interface SelectProps<Data = any> extends FormControlProps, Omit<HTMLAttributes<HTMLSelectElement>, \"onChange\" | \"prefix\"> {\n  size?: string;\n  placeholder?: string;\n  choices: { label: string; value: Data }[];\n  layout?: \"html5\" | \"choicesjs\";\n  disabled?: boolean;\n  multiple?: boolean;\n}\n\nexport function Select<Data = any>({\n  name,\n  label,\n  size,\n  onChange,\n  required,\n  value,\n  choices,\n  description,\n  placeholder,\n  prefix,\n  suffix,\n  multiple,\n  layout,\n  ...props\n}: SelectProps<Data>): ReactElement {\n  const ref = useRef<HTMLSelectElement>(null);\n\n  useEffect(() => {\n    let instance: any;\n\n    if (layout === \"choicesjs\") {\n      instance = new Choices(ref.current as unknown as HTMLInputElement, {\n        removeItemButton: true,\n        placeholderValue: placeholder\n      });\n    }\n\n    return () => {\n      instance && instance.destroy();\n    };\n  }, []);\n\n  choices =\n    layout === \"choicesjs\" || multiple || !placeholder\n      ? choices\n      : ([\n          {\n            label: placeholder,\n            value: \"\"\n          },\n          ...choices\n        ] as any[]);\n\n  return (\n    <FormControl name={name} label={label} required={required} description={description} prefix={prefix} suffix={suffix} shadow={false}>\n      {}\n      <select\n        ref={ref}\n        data-testid={`select_${name}`}\n        {...props}\n        className={classnames(\"form-control\", size && `form-control-${size}`)}\n        name={name}\n        id={name}\n        multiple={multiple}\n        value={value || (\"\" as any)}\n        placeholder={placeholder}\n        onChange={(event) => {\n          onChange && onChange(name, getEventValue(event));\n        }}\n      >\n        {choices.map(({ label, value }) => {\n          return (\n            <option key={String(value)} label={label} value={value as any}>\n              {label}\n            </option>\n          );\n        })}\n      </select>\n    </FormControl>\n  );\n}\n"],"names":["Select","name","label","size","onChange","required","value","choices","description","placeholder","prefix","suffix","multiple","layout","props","ref","useRef","useEffect","instance","Choices","jsx","FormControl","classnames","event","getEventValue"],"mappings":";;;;;;AAgBO,SAASA,EAAmB;AAAA,EACjC,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,GAAGC;AACL,GAAoC;AAC5B,QAAAC,IAAMC,EAA0B,IAAI;AAE1C,SAAAC,EAAU,MAAM;AACV,QAAAC;AAEJ,WAAIL,MAAW,gBACFK,IAAA,IAAIC,EAAQJ,EAAI,SAAwC;AAAA,MACjE,kBAAkB;AAAA,MAClB,kBAAkBN;AAAA,IAAA,CACnB,IAGI,MAAM;AACX,MAAAS,KAAYA,EAAS,QAAQ;AAAA,IAC/B;AAAA,EACF,GAAG,EAAE,GAELX,IACEM,MAAW,eAAeD,KAAY,CAACH,IACnCF,IACC;AAAA,IACC;AAAA,MACE,OAAOE;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA,GAAGF;AAAA,EACL,GAGJ,gBAAAa,EAACC,KAAY,MAAApB,GAAY,OAAAC,GAAc,UAAAG,GAAoB,aAAAG,GAA0B,QAAAE,GAAgB,QAAAC,GAAgB,QAAQ,IAE3H,UAAA,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAL;AAAA,MACA,eAAa,UAAUd,CAAI;AAAA,MAC1B,GAAGa;AAAA,MACJ,WAAWQ,EAAW,gBAAgBnB,KAAQ,gBAAgBA,CAAI,EAAE;AAAA,MACpE,MAAAF;AAAA,MACA,IAAIA;AAAA,MACJ,UAAAW;AAAA,MACA,OAAON,KAAU;AAAA,MACjB,aAAAG;AAAA,MACA,UAAU,CAACc,MAAU;AACnB,QAAAnB,KAAYA,EAASH,GAAMuB,EAAcD,CAAK,CAAC;AAAA,MACjD;AAAA,MAEC,UAAAhB,EAAQ,IAAI,CAAC,EAAE,OAAAL,GAAO,OAAAI,QAEnB,gBAAAc,EAAC,UAA2B,EAAA,OAAOlB,GAAO,OAAOI,GAC9C,UAAAJ,EAAAA,GADU,OAAOI,CAAK,CAEzB,CAEH;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;"}

package/dist/components/submissions-table/submissionsTable.component.d.ts

@@ -1,6 +0,0 @@
-import { FormSchema, Submission } from '../../interfaces';
-import { TableProps } from '../table/hooks/useCustomTable.hook';
-export type SubmissionsTableProps = Omit<TableProps<Submission>, "columns"> & {
-    form?: FormSchema;
-};
-export declare function SubmissionsTable({ form, ...props }: SubmissionsTableProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/submissions-table/submissionsTable.component.js

@@ -1,11 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import { Table as s } from "../table/table.component.js";
-import { mapFormToColumns as t } from "../table/utils/mapFormToColumns.js";
-function e({ form: o, ...m }) {
-  const r = o && t(o);
-  return /* @__PURE__ */ n(s, { ...m, columns: r });
-}
-export {
-  e as SubmissionsTable
-};
-//# sourceMappingURL=submissionsTable.component.js.map

package/dist/components/submissions-table/submissionsTable.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"submissionsTable.component.js","sources":["../../../src/components/submissions-table/submissionsTable.component.tsx"],"sourcesContent":["import { FormSchema, Submission } from \"../../interfaces\";\nimport { TableProps } from \"../table/hooks/useCustomTable.hook\";\nimport { Table } from \"../table/table.component\";\nimport { mapFormToColumns } from \"../table/utils/mapFormToColumns\";\n\nexport type SubmissionsTableProps = Omit<TableProps<Submission>, \"columns\"> & {\n  form?: FormSchema;\n};\n\nexport function SubmissionsTable({ form, ...props }: SubmissionsTableProps) {\n  const columns: any[] | undefined = form && mapFormToColumns(form);\n\n  return <Table {...props} columns={columns!} />;\n}\n"],"names":["SubmissionsTable","form","props","columns","mapFormToColumns","jsx","Table"],"mappings":";;;AASO,SAASA,EAAiB,EAAE,MAAAC,GAAM,GAAGC,KAAgC;AACpE,QAAAC,IAA6BF,KAAQG,EAAiBH,CAAI;AAEhE,SAAQ,gBAAAI,EAAAC,GAAA,EAAO,GAAGJ,GAAO,SAAAC,EAAmB,CAAA;AAC9C;"}

package/dist/components/table/components/defaultArrowSort.component.d.ts

@@ -1 +0,0 @@
-export declare function DefaultArrowSort({ column }: any): import("react/jsx-runtime").JSX.Element;

package/dist/components/table/components/defaultArrowSort.component.js

@@ -1,10 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { iconClass as e } from "../../../utils/iconClass.js";
-function n({ column: r }) {
-  const { isSorted: s, isSortedDesc: t } = r;
-  return /* @__PURE__ */ o("span", { className: "table-arrow-sort", children: s ? /* @__PURE__ */ o("i", { className: e(void 0, t ? "sort-up" : "sort-down") }) : "" });
-}
-export {
-  n as DefaultArrowSort
-};
-//# sourceMappingURL=defaultArrowSort.component.js.map

package/dist/components/table/components/defaultArrowSort.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaultArrowSort.component.js","sources":["../../../../src/components/table/components/defaultArrowSort.component.tsx"],"sourcesContent":["import { iconClass } from \"../../../utils/iconClass\";\n\nexport function DefaultArrowSort({ column }: any) {\n  const { isSorted, isSortedDesc } = column;\n  return (\n    <span className={\"table-arrow-sort\"}>\n      {isSorted ? <i className={iconClass(undefined, isSortedDesc ? \"sort-up\" : \"sort-down\")} /> : \"\"}\n    </span>\n  );\n}\n"],"names":["DefaultArrowSort","column","isSorted","isSortedDesc","jsx","iconClass"],"mappings":";;AAEgB,SAAAA,EAAiB,EAAE,QAAAC,KAAe;AAC1C,QAAA,EAAE,UAAAC,GAAU,cAAAC,EAAA,IAAiBF;AACnC,SACG,gBAAAG,EAAA,QAAA,EAAK,WAAW,oBACd,cAAY,gBAAAA,EAAA,KAAA,EAAE,WAAWC,EAAU,QAAWF,IAAe,YAAY,WAAW,EAAA,CAAG,IAAK,IAC/F;AAEJ;"}

package/dist/components/table/components/defaultCell.component.d.ts

@@ -1 +0,0 @@
-export declare function DefaultCell({ value, render }: any): JSX.Element;

package/dist/components/table/components/defaultCell.component.js

@@ -1,11 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-function o({ value: r, render: e = (n) => n }) {
-  if (r === void 0)
-    return /* @__PURE__ */ t("span", {});
-  const n = e(r);
-  return r !== n ? /* @__PURE__ */ t("div", { dangerouslySetInnerHTML: { __html: n } }) : /* @__PURE__ */ t("span", { children: String(r) });
-}
-export {
-  o as DefaultCell
-};
-//# sourceMappingURL=defaultCell.component.js.map

package/dist/components/table/components/defaultCell.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaultCell.component.js","sources":["../../../../src/components/table/components/defaultCell.component.tsx"],"sourcesContent":["export function DefaultCell({ value, render = (f: any) => f }: any): JSX.Element {\n  if (value === undefined) {\n    return <span></span>;\n  }\n\n  const rendered = render(value);\n\n  if (value !== rendered) {\n    return <div dangerouslySetInnerHTML={{ __html: rendered }} />;\n  }\n\n  return <span>{String(value)}</span>;\n}\n"],"names":["DefaultCell","value","render","f","rendered","jsx"],"mappings":";AAAO,SAASA,EAAY,EAAE,OAAAC,GAAO,QAAAC,IAAS,CAACC,MAAWA,KAAuB;AAC/E,MAAIF,MAAU;AACZ,6BAAQ,QAAK,EAAA;AAGT,QAAAG,IAAWF,EAAOD,CAAK;AAE7B,SAAIA,MAAUG,sBACJ,OAAI,EAAA,yBAAyB,EAAE,QAAQA,KAAY,IAGrD,gBAAAC,EAAA,QAAA,EAAM,UAAO,OAAAJ,CAAK,GAAE;AAC9B;"}

package/dist/components/table/components/defaultCellHeader.component.d.ts

@@ -1,5 +0,0 @@
-import { HeaderGroup } from 'react-table';
-export interface DefaultCellHeaderProps<Data extends object = any> extends Record<string, unknown> {
-    column: HeaderGroup<Data>;
-}
-export declare function DefaultCellHeader<Data extends Record<string, unknown> = {}>({ column }: DefaultCellHeaderProps<Data>): import("react/jsx-runtime").JSX.Element;

package/dist/components/table/components/defaultCellHeader.component.js

@@ -1,14 +0,0 @@
-import { jsxs as r, jsx as l } from "react/jsx-runtime";
-function d({ column: e }) {
-  return /* @__PURE__ */ r("div", { className: "table-cell-header", children: [
-    /* @__PURE__ */ r("div", { className: "table-cell-header__label", ...e.getSortByToggleProps(), children: [
-      /* @__PURE__ */ l("span", { children: e.render("Header") }),
-      e.render("ArrowSort")
-    ] }),
-    e.canFilter ? /* @__PURE__ */ l("div", { className: "table-cell-header__filter", children: e.render("Filter") }) : null
-  ] });
-}
-export {
-  d as DefaultCellHeader
-};
-//# sourceMappingURL=defaultCellHeader.component.js.map

package/dist/components/table/components/defaultCellHeader.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaultCellHeader.component.js","sources":["../../../../src/components/table/components/defaultCellHeader.component.tsx"],"sourcesContent":["import { HeaderGroup } from \"react-table\";\n\nexport interface DefaultCellHeaderProps<Data extends object = any> extends Record<string, unknown> {\n  column: HeaderGroup<Data>;\n}\n\nexport function DefaultCellHeader<Data extends Record<string, unknown> = {}>({ column }: DefaultCellHeaderProps<Data>) {\n  return (\n    <div className={\"table-cell-header\"}>\n      <div className='table-cell-header__label' {...column.getSortByToggleProps()}>\n        <span>{column.render(\"Header\") as any}</span>\n\n        {column.render(\"ArrowSort\") as any}\n      </div>\n      {column.canFilter ? <div className='table-cell-header__filter'>{column.render(\"Filter\") as any}</div> : null}\n    </div>\n  );\n}\n"],"names":["DefaultCellHeader","column","jsxs","jsx"],"mappings":";AAMgB,SAAAA,EAA6D,EAAE,QAAAC,KAAwC;AAEnH,SAAA,gBAAAC,EAAC,OAAI,EAAA,WAAW,qBACd,UAAA;AAAA,IAAA,gBAAAA,EAAC,SAAI,WAAU,4BAA4B,GAAGD,EAAO,qBACnD,GAAA,UAAA;AAAA,MAAA,gBAAAE,EAAC,QAAM,EAAA,UAAAF,EAAO,OAAO,QAAQ,GAAS;AAAA,MAErCA,EAAO,OAAO,WAAW;AAAA,IAAA,GAC5B;AAAA,IACCA,EAAO,YAAY,gBAAAE,EAAC,OAAI,EAAA,WAAU,6BAA6B,UAAOF,EAAA,OAAO,QAAQ,EAAS,CAAA,IAAS;AAAA,EAAA,GAC1G;AAEJ;"}

package/dist/components/table/components/defaultCellOperations.component.d.ts

@@ -1,12 +0,0 @@
-import { DefaultOperationButton, OperationButtonProps } from './defaultOperationButton.component';
-export interface DefaultCellOperationsProps {
-    operations: (OperationButtonProps & {
-        OperationButton: typeof DefaultOperationButton;
-        permissionsResolver?(data: unknown, ctx: any): boolean;
-    })[];
-    row: any;
-    onClick: (data: any, action: string) => void;
-    ctx: any;
-    i18n: (i18n: string) => string;
-}
-export declare function DefaultCellOperations({ operations, row, onClick, ctx, i18n }: DefaultCellOperationsProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/table/components/defaultCellOperations.component.js

@@ -1,21 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import { DefaultOperationButton as d } from "./defaultOperationButton.component.js";
-function g({ operations: o, row: e, onClick: l, ctx: r, i18n: u }) {
-  const a = e.original;
-  return /* @__PURE__ */ i("div", { className: "btn-group", children: o.filter(({ permissionsResolver: t }) => !t || t(a, r)).map(({ OperationButton: t = d, ...n }, c) => /* @__PURE__ */ i(
-    t,
-    {
-      ...n,
-      "data-testid": `operation-${c}-${n.action}`,
-      onClick: (f) => l(a, f),
-      data: a,
-      i18n: u,
-      ctx: r
-    },
-    n.action
-  )) });
-}
-export {
-  g as DefaultCellOperations
-};
-//# sourceMappingURL=defaultCellOperations.component.js.map

package/dist/components/table/components/defaultCellOperations.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaultCellOperations.component.js","sources":["../../../../src/components/table/components/defaultCellOperations.component.tsx"],"sourcesContent":["import { DefaultOperationButton, OperationButtonProps } from \"./defaultOperationButton.component\";\n\nexport interface DefaultCellOperationsProps {\n  operations: (OperationButtonProps & {\n    OperationButton: typeof DefaultOperationButton;\n    permissionsResolver?(data: unknown, ctx: any): boolean;\n  })[];\n  row: any;\n\n  onClick: (data: any, action: string) => void;\n  ctx: any;\n  i18n: (i18n: string) => string;\n}\n\nexport function DefaultCellOperations({ operations, row, onClick, ctx, i18n }: DefaultCellOperationsProps) {\n  const data = row.original;\n\n  return (\n    <div className='btn-group'>\n      {operations\n        .filter(({ permissionsResolver }) => !permissionsResolver || permissionsResolver(data, ctx))\n        .map(({ OperationButton = DefaultOperationButton, ...operation }, index: number) => {\n          return (\n            <OperationButton\n              key={operation.action}\n              {...operation}\n              data-testid={`operation-${index}-${operation.action}`}\n              onClick={(action: string) => onClick(data, action)}\n              data={data}\n              i18n={i18n}\n              ctx={ctx}\n            />\n          );\n        })}\n    </div>\n  );\n}\n"],"names":["DefaultCellOperations","operations","row","onClick","ctx","i18n","data","jsx","permissionsResolver","OperationButton","DefaultOperationButton","operation","index","action"],"mappings":";;AAcO,SAASA,EAAsB,EAAE,YAAAC,GAAY,KAAAC,GAAK,SAAAC,GAAS,KAAAC,GAAK,MAAAC,KAAoC;AACzG,QAAMC,IAAOJ,EAAI;AAGf,SAAA,gBAAAK,EAAC,OAAI,EAAA,WAAU,aACZ,UAAAN,EACE,OAAO,CAAC,EAAE,qBAAAO,QAA0B,CAACA,KAAuBA,EAAoBF,GAAMF,CAAG,CAAC,EAC1F,IAAI,CAAC,EAAE,iBAAAK,IAAkBC,GAAwB,GAAGC,EAAU,GAAGC,MAE9D,gBAAAL;AAAA,IAACE;AAAA,IAAA;AAAA,MAEE,GAAGE;AAAA,MACJ,eAAa,aAAaC,CAAK,IAAID,EAAU,MAAM;AAAA,MACnD,SAAS,CAACE,MAAmBV,EAAQG,GAAMO,CAAM;AAAA,MACjD,MAAAP;AAAA,MACA,MAAAD;AAAA,MACA,KAAAD;AAAA,IAAA;AAAA,IANKO,EAAU;AAAA,EAOjB,CAEH,GACL;AAEJ;"}

package/dist/components/table/components/defaultCells.component.d.ts

@@ -1,4 +0,0 @@
-import { Row } from 'react-table';
-export declare function DefaultCells<Data extends object = {}>({ row }: {
-    row: Row<Data>;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/components/table/components/defaultCells.component.js

@@ -1,23 +0,0 @@
-import { jsx as a, Fragment as s } from "react/jsx-runtime";
-import { createElement as o } from "react";
-function c({ row: n }) {
-  return /* @__PURE__ */ a(s, { children: n.cells.map((e, t) => {
-    const { hidden: l, colspan: r } = e.column;
-    return l ? null : /* @__PURE__ */ o(
-      "td",
-      {
-        colSpan: r,
-        ...e.getCellProps({
-          className: e.column.className,
-          style: e.column.style
-        }),
-        key: `tableInstance.page.cells.${e.value || "value"}.${t}`
-      },
-      e.render("Cell")
-    );
-  }) });
-}
-export {
-  c as DefaultCells
-};
-//# sourceMappingURL=defaultCells.component.js.map

package/dist/components/table/components/defaultCells.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaultCells.component.js","sources":["../../../../src/components/table/components/defaultCells.component.tsx"],"sourcesContent":["import { Row } from \"react-table\";\n\nimport type { ExtendedCell } from \"../hooks/useCustomTable.hook\";\n\nexport function DefaultCells<Data extends object = {}>({ row }: { row: Row<Data> }) {\n  return (\n    <>\n      {row.cells.map((cell: ExtendedCell<Data>, i) => {\n        const { hidden, colspan } = cell.column;\n\n        if (hidden) {\n          return null;\n        }\n\n        return (\n          <td\n            colSpan={colspan}\n            {...cell.getCellProps({\n              className: cell.column.className,\n              style: cell.column.style\n            })}\n            key={`tableInstance.page.cells.${cell.value || \"value\"}.${i}`}\n          >\n            {cell.render(\"Cell\") as any}\n          </td>\n        );\n      })}\n    </>\n  );\n}\n"],"names":["DefaultCells","row","cell","i","hidden","colspan","createElement"],"mappings":";;AAIgB,SAAAA,EAAuC,EAAE,KAAAC,KAA2B;AAClF,gCAEK,UAAIA,EAAA,MAAM,IAAI,CAACC,GAA0BC,MAAM;AAC9C,UAAM,EAAE,QAAAC,GAAQ,SAAAC,EAAQ,IAAIH,EAAK;AAEjC,WAAIE,IACK,OAIP,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAASD;AAAA,QACR,GAAGH,EAAK,aAAa;AAAA,UACpB,WAAWA,EAAK,OAAO;AAAA,UACvB,OAAOA,EAAK,OAAO;AAAA,QAAA,CACpB;AAAA,QACD,KAAK,4BAA4BA,EAAK,SAAS,OAAO,IAAIC,CAAC;AAAA,MAAA;AAAA,MAE1DD,EAAK,OAAO,MAAM;AAAA,IACrB;AAAA,EAEH,CAAA,GACH;AAEJ;"}

package/dist/components/table/components/defaultOperationButton.component.d.ts

@@ -1,15 +0,0 @@
-import { HTMLAttributes } from 'react';
-export interface OperationButtonProps extends Omit<HTMLAttributes<HTMLButtonElement>, "onClick"> {
-    buttonType?: string;
-    buttonSize?: string;
-    buttonOutline?: boolean;
-    data: any[];
-    onClick: (action: string) => void;
-    action: string;
-    icon?: string;
-    title?: string;
-    i18n?: (i18n: string) => string;
-    ctx?: any;
-    permissionsResolver?: (ctx: any) => boolean;
-}
-export declare function DefaultOperationButton(props: OperationButtonProps): import("react/jsx-runtime").JSX.Element;