@loopr-ai/craft 0.7.5 → 0.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/dist/{ButtonBase-85c9347b.js → ButtonBase-08b16b61.js} +3 -3
  2. package/dist/{TextField-fded06e5.js → TextField-f61d210a.js} +8 -7
  3. package/dist/{Tooltip-b926c320.js → Tooltip-e797a425.js} +6 -6
  4. package/dist/{TransitionGroupContext-fe9a562f.js → TransitionGroupContext-0e899f4c.js} +1 -1
  5. package/dist/{ZoomControllers-36e39bb0.js → ZoomControllers-d04c25f8.js} +5 -5
  6. package/dist/components/cell/AvatarGroup/index.js +3 -3
  7. package/dist/components/cell/Button/index.js +3 -3
  8. package/dist/components/cell/Chip/index.js +5 -5
  9. package/dist/components/cell/ProgressBar/index.js +3 -3
  10. package/dist/components/cell/Search/index.js +2 -2
  11. package/dist/components/cell/Typography/index.js +1 -1
  12. package/dist/components/organ/Form/Form.interfaces.d.ts +12 -4
  13. package/dist/components/organ/Form/Form.styles.d.ts +7 -2
  14. package/dist/components/organ/Form/Form.styles.js +9 -4
  15. package/dist/components/organ/Form/FormInput.d.ts +1 -0
  16. package/dist/components/organ/Form/FormInput.js +1284 -270
  17. package/dist/components/organ/Form/index.d.ts +3 -1
  18. package/dist/components/organ/Form/index.js +136 -128
  19. package/dist/components/organ/ZoomControlWithDrag/ZoomControllers.js +2 -2
  20. package/dist/components/organ/ZoomControlWithDrag/index.js +2 -2
  21. package/dist/{createSvgIcon-f773ce57.js → createSvgIcon-45340b5e.js} +17 -17
  22. package/dist/{createSvgIcon-58aa3adf.js → createSvgIcon-5aac746d.js} +2 -2
  23. package/dist/{createTheme-a4db2989.js → createTheme-759a022d.js} +507 -477
  24. package/dist/{exactProp-d79ccada.js → exactProp-23d6a154.js} +1 -1
  25. package/dist/{extendSxProp-db8b9da5.js → extendSxProp-cf8fd923.js} +1 -1
  26. package/dist/global/theme.js +1 -1
  27. package/dist/{index-03287c17.js → index-c9c32237.js} +3 -3
  28. package/dist/main.js +1 -1
  29. package/dist/providers/CraftThemeProvider.js +2 -2
  30. package/dist/{styled-126c6a62.js → styled-78608e1f.js} +16 -14
  31. package/dist/{useTheme-573c40a2.js → useTheme-8906bd79.js} +1 -1
  32. package/package.json +1 -1
@@ -1,10 +1,10 @@
1
- import { a as Y, _ as ie, P as e, g as Xe } from "./createTheme-a4db2989.js";
1
+ import { a as Y, _ as ie, P as e, g as Xe } from "./createTheme-759a022d.js";
2
2
  import * as c from "react";
3
3
  import W, { Children as Ye, isValidElement as G, cloneElement as J } from "react";
4
- import { c as x, g as Te, s as re, a as ye, b as Ae } from "./styled-126c6a62.js";
4
+ import { c as x, g as Te, s as re, a as ye, b as Ae } from "./styled-78608e1f.js";
5
5
  import { jsx as I, jsxs as qe } from "react/jsx-runtime";
6
6
  import { k as se } from "./emotion-react.browser.esm-ff33c213.js";
7
- import { _ as We, T as de, u as he, a as He, b as H, r as Ge, e as Je } from "./TransitionGroupContext-fe9a562f.js";
7
+ import { _ as We, T as de, u as he, a as He, b as H, r as Ge, e as Je } from "./TransitionGroupContext-0e899f4c.js";
8
8
  function Qe(t) {
9
9
  if (t === void 0)
10
10
  throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
@@ -1,13 +1,13 @@
1
- import { P as e, g as ie, a as l, e as Oo, _ as G, c as ue, m as Wo, n as ao } from "./createTheme-a4db2989.js";
1
+ import { P as e, g as ie, a as l, e as Oo, _ as G, c as ue, t as Wo, m as ao } from "./createTheme-759a022d.js";
2
2
  import * as c from "react";
3
- import { u as In, g as le, s as A, a as ce, c as re, b as ae, d as Nn, r as ke, f as co, h as wn } from "./styled-126c6a62.js";
3
+ import { u as In, g as le, s as A, a as ce, c as re, b as ae, d as Nn, r as ke, f as co, j as wn } from "./styled-78608e1f.js";
4
4
  import { jsx as N, jsxs as ge } from "react/jsx-runtime";
5
- import { o as he, e as uo, a as Se, b as Sn, c as Co, d as Vo, f as kn, g as io, T as Mn, h as Fn, j as Ro, u as $e, P as $n, H as Ge, k as to, G as Ln, l as Po, m as Dn } from "./createSvgIcon-f773ce57.js";
6
- import { u as po } from "./useTheme-573c40a2.js";
7
- import { u as Ce, b as Io, c as fo, e as Uo, r as Ie } from "./TransitionGroupContext-fe9a562f.js";
8
- import { e as jn } from "./exactProp-d79ccada.js";
5
+ import { o as he, e as uo, b as Se, d as Sn, c as Co, f as Vo, g as kn, h as io, T as Mn, j as Fn, k as Ro, l as $e, P as $n, H as Ge, m as to, G as Ln, u as Po, a as Dn } from "./createSvgIcon-45340b5e.js";
6
+ import { u as po } from "./useTheme-8906bd79.js";
7
+ import { u as Ce, b as Io, c as fo, e as Uo, r as Ie } from "./TransitionGroupContext-0e899f4c.js";
8
+ import { e as jn } from "./exactProp-23d6a154.js";
9
9
  import { c as Ho } from "./chainPropTypes-004bf492.js";
10
- import { c as An } from "./createSvgIcon-58aa3adf.js";
10
+ import { c as An } from "./createSvgIcon-5aac746d.js";
11
11
  import { T as Bn } from "./useThemeWithoutDefault-188598a8.js";
12
12
  import { G as _n } from "./emotion-react.browser.esm-ff33c213.js";
13
13
  function qo(o) {
@@ -5927,5 +5927,6 @@ export {
5927
5927
  mo as F,
5928
5928
  vr as L,
5929
5929
  Ds as T,
5930
+ De as f,
5930
5931
  je as u
5931
5932
  };
@@ -1,13 +1,13 @@
1
- import { s as jo, _ as Fe, a as A, g as gt, P as r, f as No, C as Bo, c as eo, e as to } from "./createTheme-a4db2989.js";
1
+ import { s as jo, _ as Fe, a as A, g as gt, P as r, f as No, C as Bo, c as eo, e as to } from "./createTheme-759a022d.js";
2
2
  import { c as Lo, T as ko } from "./useThemeWithoutDefault-188598a8.js";
3
3
  import * as O from "react";
4
- import { i as So, u as Wo, c as ke, g as yt, b as oo, s as it, a as ro } from "./styled-126c6a62.js";
4
+ import { k as So, u as Wo, c as ke, g as yt, b as oo, s as it, a as ro } from "./styled-78608e1f.js";
5
5
  import { jsx as ae, jsxs as Ft } from "react/jsx-runtime";
6
- import { e as Io } from "./extendSxProp-db8b9da5.js";
7
- import { u as Vo } from "./useTheme-573c40a2.js";
8
- import { o as Ht, P as Fo, H as ot, u as Ho, l as Uo, m as _o, G as Ut, n as Je, e as qo } from "./createSvgIcon-f773ce57.js";
6
+ import { e as Io } from "./extendSxProp-cf8fd923.js";
7
+ import { u as Vo } from "./useTheme-8906bd79.js";
8
+ import { o as Ht, P as Fo, H as ot, l as Ho, u as Uo, a as _o, G as Ut, n as Je, e as qo } from "./createSvgIcon-45340b5e.js";
9
9
  import { c as zo } from "./chainPropTypes-004bf492.js";
10
- import { r as no, u as vt, c as _t, b as Yo, a as Xo } from "./TransitionGroupContext-fe9a562f.js";
10
+ import { r as no, u as vt, c as _t, b as Yo, a as Xo } from "./TransitionGroupContext-0e899f4c.js";
11
11
  const Go = ["className", "component"];
12
12
  function Ko(e = {}) {
13
13
  const {
@@ -1,4 +1,4 @@
1
- import { P as i } from "./createTheme-a4db2989.js";
1
+ import { P as i } from "./createTheme-759a022d.js";
2
2
  import { c as m } from "./chainPropTypes-004bf492.js";
3
3
  import * as o from "react";
4
4
  import h from "react";
@@ -1,11 +1,11 @@
1
1
  import J, { jsx as C, jsxs as zi, Fragment as Se } from "react/jsx-runtime";
2
- import { r as x, i as I } from "./createSvgIcon-f773ce57.js";
2
+ import { r as x, i as I } from "./createSvgIcon-45340b5e.js";
3
3
  import * as Q from "react";
4
4
  import D, { useRef as q, useImperativeHandle as we, useEffect as vi, useContext as pi } from "react";
5
- import { g as Ce, T as H, B as Pe } from "./Tooltip-b926c320.js";
6
- import { g as ye, c as B, a as P, e as ui, _ as Zi, P as m } from "./createTheme-a4db2989.js";
7
- import { g as Te, s as mi, a as $i, c as Li, b as ji } from "./styled-126c6a62.js";
8
- import { B as Ye } from "./ButtonBase-85c9347b.js";
5
+ import { g as Ce, T as H, B as Pe } from "./Tooltip-e797a425.js";
6
+ import { g as ye, c as B, a as P, e as ui, _ as Zi, P as m } from "./createTheme-759a022d.js";
7
+ import { g as Te, s as mi, a as $i, c as Li, b as ji } from "./styled-78608e1f.js";
8
+ import { B as Ye } from "./ButtonBase-08b16b61.js";
9
9
  import { c as Ae } from "./chainPropTypes-004bf492.js";
10
10
  function _e(i) {
11
11
  return ye("MuiIconButton", i);
@@ -1,8 +1,8 @@
1
1
  import { jsx as h, jsxs as G } from "react/jsx-runtime";
2
- import { g as I, a as l, _ as k, P as a } from "../../../createTheme-a4db2989.js";
2
+ import { g as I, a as l, _ as k, P as a } from "../../../createTheme-759a022d.js";
3
3
  import * as g from "react";
4
- import { g as D, s as M, a as E, c as R, b as U, f as F } from "../../../styled-126c6a62.js";
5
- import { c as q } from "../../../createSvgIcon-58aa3adf.js";
4
+ import { g as D, s as M, a as E, c as R, b as U, f as F } from "../../../styled-78608e1f.js";
5
+ import { c as q } from "../../../createSvgIcon-5aac746d.js";
6
6
  import { c as V } from "../../../chainPropTypes-004bf492.js";
7
7
  const B = q(/* @__PURE__ */ h("path", {
8
8
  d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
@@ -1,9 +1,9 @@
1
1
  import { jsx as C, jsxs as F } from "react/jsx-runtime";
2
2
  import { getColorToHex as v } from "../../../global/colors.js";
3
- import { g as U, c as e, a as t, e as b, _ as D, P as a } from "../../../createTheme-a4db2989.js";
3
+ import { g as U, c as e, a as t, e as b, _ as D, P as a } from "../../../createTheme-759a022d.js";
4
4
  import * as p from "react";
5
- import { g as H, s as y, r as A, e as q, a as J, c as R, b as K } from "../../../styled-126c6a62.js";
6
- import { B as Q } from "../../../ButtonBase-85c9347b.js";
5
+ import { g as H, s as y, r as A, e as q, a as J, c as R, b as K } from "../../../styled-78608e1f.js";
6
+ import { B as Q } from "../../../ButtonBase-08b16b61.js";
7
7
  function X(o) {
8
8
  return U("MuiButton", o);
9
9
  }
@@ -1,11 +1,11 @@
1
1
  import { jsx as m, jsxs as Q } from "react/jsx-runtime";
2
2
  import * as v from "react";
3
3
  import { useMemo as L } from "react";
4
- import { g as X, c as r, a as f, e as b, _ as Y, P as l } from "../../../createTheme-a4db2989.js";
5
- import { g as Z, s as U, a as w, c as k, b as oo } from "../../../styled-126c6a62.js";
6
- import { c as ao } from "../../../createSvgIcon-58aa3adf.js";
7
- import { u as lo } from "../../../TransitionGroupContext-fe9a562f.js";
8
- import { B as M } from "../../../ButtonBase-85c9347b.js";
4
+ import { g as X, c as r, a as f, e as b, _ as Y, P as l } from "../../../createTheme-759a022d.js";
5
+ import { g as Z, s as U, a as w, c as k, b as oo } from "../../../styled-78608e1f.js";
6
+ import { c as ao } from "../../../createSvgIcon-5aac746d.js";
7
+ import { u as lo } from "../../../TransitionGroupContext-0e899f4c.js";
8
+ import { B as M } from "../../../ButtonBase-08b16b61.js";
9
9
  import { u as eo } from "../../../unsupportedProp-3dbf01f6.js";
10
10
  const ro = ao(/* @__PURE__ */ m("path", {
11
11
  d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"
@@ -1,9 +1,9 @@
1
1
  import { jsxs as j, jsx as v } from "react/jsx-runtime";
2
2
  import { getColorToHex as $ } from "../../../global/colors.js";
3
- import { g as D, c as n, a as l, _ as q, P as o, l as E, b as U } from "../../../createTheme-a4db2989.js";
3
+ import { g as D, c as n, a as l, _ as q, P as o, l as E, b as U } from "../../../createTheme-759a022d.js";
4
4
  import * as z from "react";
5
- import { g as w, s as h, a as A, c as F, b as K } from "../../../styled-126c6a62.js";
6
- import { u as V } from "../../../useTheme-573c40a2.js";
5
+ import { g as w, s as h, a as A, c as F, b as K } from "../../../styled-78608e1f.js";
6
+ import { u as V } from "../../../useTheme-8906bd79.js";
7
7
  import { k as P, c as x } from "../../../emotion-react.browser.esm-ff33c213.js";
8
8
  function S(r) {
9
9
  return D("MuiLinearProgress", r);
@@ -1,6 +1,6 @@
1
1
  import f, { jsx as r } from "react/jsx-runtime";
2
- import { r as c, i as p } from "../../../createSvgIcon-f773ce57.js";
3
- import { T as m } from "../../../TextField-fded06e5.js";
2
+ import { r as c, i as p } from "../../../createSvgIcon-45340b5e.js";
3
+ import { T as m } from "../../../TextField-f61d210a.js";
4
4
  var e = {}, v = p;
5
5
  Object.defineProperty(e, "__esModule", {
6
6
  value: !0
@@ -1,7 +1,7 @@
1
1
  import "react/jsx-runtime";
2
2
  import "../../../global/colors.js";
3
3
  import "../../../global/theme.js";
4
- import { T as i } from "../../../index-03287c17.js";
4
+ import { T as i } from "../../../index-c9c32237.js";
5
5
  export {
6
6
  i as default
7
7
  };
@@ -1,16 +1,24 @@
1
1
  /// <reference types="react" />
2
+ export interface InputAdornments {
3
+ beforeLabel?: string | React.ReactNode;
4
+ afterLabel?: string | React.ReactNode;
5
+ beforeInput?: string | React.ReactNode;
6
+ afterInput?: string | React.ReactNode;
7
+ }
8
+ export interface FormInputAdornments {
9
+ [key: string]: InputAdornments;
10
+ }
2
11
  export interface InputField {
3
12
  label: string;
4
13
  name: string;
5
- type: "text" | "number" | "select" | "email" | "password" | "custom";
14
+ type: "text" | "number" | "select" | "email" | "password" | "custom" | "radio";
6
15
  placeholder?: string;
7
16
  required?: boolean;
8
17
  defaultValue?: string;
9
18
  disabled?: boolean;
10
- beforeField?: string | React.ReactNode;
11
- afterField?: string | React.ReactNode;
12
19
  helperText?: string;
13
20
  autofocus?: boolean;
21
+ inputAdornments?: InputAdornments;
14
22
  }
15
23
  export interface Option {
16
24
  name: string;
@@ -38,7 +46,7 @@ interface Validation {
38
46
  export interface ConfigField extends SelectField {
39
47
  validation?: Validation;
40
48
  customComponent?: string;
41
- submitDataKey?: string;
49
+ submitDataKey: Array<string> | string;
42
50
  preFillWithDateTime?: boolean;
43
51
  groupName?: string;
44
52
  hidden?: boolean;
@@ -53,8 +53,8 @@ declare const styles: {
53
53
  };
54
54
  textfield: {
55
55
  "& .MuiInputBase-root": {
56
- paddingLeft: number;
57
- paddingRight: number;
56
+ paddingLeft: string;
57
+ paddingRight: string;
58
58
  "& input": {
59
59
  textAlign: string;
60
60
  padding: string;
@@ -101,5 +101,10 @@ declare const styles: {
101
101
  fontSize: string;
102
102
  color: string;
103
103
  };
104
+ labelAdornmentBox: {
105
+ display: string;
106
+ alignItems: string;
107
+ padding: string;
108
+ };
104
109
  };
105
110
  export default styles;
@@ -1,5 +1,5 @@
1
1
  import { customColors as e } from "../../../global/colors.js";
2
- const r = {
2
+ const o = {
3
3
  alignVertical: {
4
4
  display: "flex",
5
5
  flexDirection: "column"
@@ -54,8 +54,8 @@ const r = {
54
54
  },
55
55
  textfield: {
56
56
  "& .MuiInputBase-root": {
57
- paddingLeft: 0,
58
- paddingRight: 0,
57
+ paddingLeft: "0.5rem",
58
+ paddingRight: "0.5rem",
59
59
  "& input": {
60
60
  textAlign: "right",
61
61
  padding: "0.75rem"
@@ -101,8 +101,13 @@ const r = {
101
101
  errorIcon: {
102
102
  fontSize: "0.75rem",
103
103
  color: e.redLight
104
+ },
105
+ labelAdornmentBox: {
106
+ display: "flex",
107
+ alignItems: "center",
108
+ padding: "0 0.5rem"
104
109
  }
105
110
  };
106
111
  export {
107
- r as default
112
+ o as default
108
113
  };
@@ -22,6 +22,7 @@ export interface FormInputProps extends SelectField {
22
22
  * @param api_endpoint - Field API endpoint
23
23
  * @param error - Field error
24
24
  * @param helperText - Field helper text
25
+ * @param inputAdornments - Form Input adornments
25
26
  */
26
27
  declare const FormInput: CraftFC<FormInputProps>;
27
28
  export default FormInput;