@hybridcore/ui 1.3.3 → 1.3.5

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 (67) hide show
  1. package/dist/{ButtonBase-DE8d_U2E.js → ButtonBase-D6qhsxB0.js} +201 -210
  2. package/dist/{CardContent-Du2i427Y.js → CardContent-B8hqgH-I.js} +15 -15
  3. package/dist/{Checkbox-BGNAqLl0.js → Checkbox-BFWhj3s-.js} +154 -144
  4. package/dist/{Collapse-FRd0_2Pt.js → Collapse-D_TjnyE5.js} +96 -87
  5. package/dist/DialogContent-BCYm_d1s.js +864 -0
  6. package/dist/{FormControl-ChTmxscy.js → FormControl-BMRUQKHh.js} +479 -449
  7. package/dist/FormControlLabel-DENNVXWL.js +639 -0
  8. package/dist/{IconButton-Cu_XEJB2.js → IconButton-D8bwME9t.js} +22 -22
  9. package/dist/{Input-DU22-Zbo.js → Input-Dxzguyp5.js} +34 -34
  10. package/dist/{InputAdornment-6aeADcPO.js → InputAdornment-B8ERE7Zv.js} +12 -12
  11. package/dist/{List-nOXr-cFJ.js → List-DEWyK9IO.js} +12 -12
  12. package/dist/{MenuItem-DF45rx2m.js → MenuItem-DstAFfik.js} +26 -26
  13. package/dist/Modal-DNGEQJ1M.js +1267 -0
  14. package/dist/{OutlinedInput-DJCHjkR3.js → OutlinedInput-w2Cj9STF.js} +75 -78
  15. package/dist/{Paper-CD_ma6NJ.js → Paper-BseeergJ.js} +15 -15
  16. package/dist/Select-NDq3WyLt.js +2175 -0
  17. package/dist/Typography-Dg-ROiTA.js +201 -0
  18. package/dist/components/card/index.js +17 -17
  19. package/dist/components/card/styled.js +1 -1
  20. package/dist/components/collapsible-card/style.js +222 -302
  21. package/dist/components/confirm/dialog.js +13 -13
  22. package/dist/components/container/index.js +19 -19
  23. package/dist/components/context-menu/index.js +616 -203
  24. package/dist/components/data-management/instance-form/components/composite-list/index.js +1 -1
  25. package/dist/components/data-management/instance-form/components/variable/index.js +6 -6
  26. package/dist/components/data-management/instance-form/components/variables/index.js +1 -1
  27. package/dist/components/geometry-picker/index.js +3 -3
  28. package/dist/components/icon-button/index.js +1 -1
  29. package/dist/components/map/styled.js +14 -14
  30. package/dist/components/search-input/index.js +4 -4
  31. package/dist/components/template-property-filters/index.js +1 -1
  32. package/dist/components/template-property-filters/property.js +209 -10
  33. package/dist/components/tree-select/index.js +4 -4
  34. package/dist/components/treeview-filter/index.js +29 -30
  35. package/dist/components/treeview-filter/item/index.js +1 -1
  36. package/dist/components/treeview-filter/item-label/index.js +2 -2
  37. package/dist/createStyled-B96gjom1.js +1887 -0
  38. package/dist/createSvgIcon-B2WT0K4k.js +87 -0
  39. package/dist/{createSvgIcon-DPZ7UbxM.js → createSvgIcon-BNrb7rDY.js} +82 -85
  40. package/dist/{exactProp--3vlJ9a9.js → exactProp-CI_rjX83.js} +2 -2
  41. package/dist/{index-CtuBGOmk.js → index-B3Oj04nl.js} +5 -5
  42. package/dist/{index-DzFccwzL.js → index-CSfSVkKj.js} +204 -218
  43. package/dist/{listItemTextClasses-2BAu-hye.js → listItemTextClasses-CFiI_U7B.js} +2 -2
  44. package/dist/main.js +150 -144
  45. package/dist/styled-cPJbqF0E.js +677 -0
  46. package/dist/useTheme-C-T6Qisa.js +10 -0
  47. package/dist/useThemeProps-DeftUmqJ.js +107 -0
  48. package/dist/{utils-qcu0RzdN.js → utils-CCkxV0lZ.js} +15 -15
  49. package/package.json +3 -3
  50. package/dist/DialogContent-CKeAZ3Ts.js +0 -1982
  51. package/dist/FormControlLabel-Df7csguX.js +0 -827
  52. package/dist/ListItem-RJvRMwkZ.js +0 -428
  53. package/dist/Select-C1jD_gBQ.js +0 -2305
  54. package/dist/Typography-C2BkMNk-.js +0 -178
  55. package/dist/chainPropTypes-GRMJ22CO.js +0 -96
  56. package/dist/createSvgIcon-6wv0RQr3.js +0 -63
  57. package/dist/createTheme-C3DKplhE.js +0 -2395
  58. package/dist/property-BSufYw1E.js +0 -6888
  59. package/dist/requirePropFactory-BItwGLRQ.js +0 -18
  60. package/dist/resolveComponentProps-DozbaB8e.js +0 -54
  61. package/dist/styled-CVWGE9ik.js +0 -142
  62. package/dist/styled-iyoioZCr.js +0 -1033
  63. package/dist/unsupportedProp-BuVD30Gh.js +0 -9
  64. package/dist/useTheme--x3BjP9A.js +0 -17
  65. package/dist/useTheme-pWltVFb2.js +0 -10
  66. package/dist/useThemeProps-C90JF0Qc.js +0 -62
  67. package/dist/useThemeProps-DNZoozBw.js +0 -26
@@ -1,16 +1,14 @@
1
- import { a as $, _ as n } from "./extends-Cyw62AD_.js";
2
- import * as T from "react";
3
- import { P as e } from "./createTheme-C3DKplhE.js";
4
- import { s as c, r as h, g as P } from "./styled-iyoioZCr.js";
5
- import { jsx as a, jsxs as A } from "react/jsx-runtime";
6
- import { u as S } from "./useFormControl-CatNKXAi.js";
7
- import { i as z, a as M, r as E, b as q, c as U, f as D, d as V } from "./FormControl-ChTmxscy.js";
8
- import { g as H, u as G, a as J } from "./chainPropTypes-GRMJ22CO.js";
9
- import { r as K } from "./ButtonBase-DE8d_U2E.js";
10
- var N;
11
- const Q = ["children", "classes", "className", "label", "notched"], X = c("fieldset", {
12
- shouldForwardProp: h
13
- })({
1
+ import { a as N, _ as n } from "./extends-Cyw62AD_.js";
2
+ import * as w from "react";
3
+ import { P as e } from "./createStyled-B96gjom1.js";
4
+ import { s as c, g as F, r as A } from "./styled-cPJbqF0E.js";
5
+ import { jsx as a, jsxs as S } from "react/jsx-runtime";
6
+ import { u as P } from "./useFormControl-CatNKXAi.js";
7
+ import { i as M, a as z, r as E, b as q, c as U, f as V, d as D } from "./FormControl-BMRUQKHh.js";
8
+ import { g as H, u as G, a as J } from "./useThemeProps-DeftUmqJ.js";
9
+ import { r as K } from "./ButtonBase-D6qhsxB0.js";
10
+ var T;
11
+ const Q = ["children", "classes", "className", "label", "notched"], X = c("fieldset")({
14
12
  textAlign: "left",
15
13
  position: "absolute",
16
14
  bottom: 0,
@@ -25,9 +23,7 @@ const Q = ["children", "classes", "className", "label", "notched"], X = c("field
25
23
  borderWidth: 1,
26
24
  overflow: "hidden",
27
25
  minWidth: "0%"
28
- }), Y = c("legend", {
29
- shouldForwardProp: h
30
- })(({
26
+ }), Y = c("legend")(({
31
27
  ownerState: o,
32
28
  theme: t
33
29
  }) => n({
@@ -73,12 +69,12 @@ const Q = ["children", "classes", "className", "label", "notched"], X = c("field
73
69
  delay: 50
74
70
  })
75
71
  })));
76
- function W(o) {
72
+ function $(o) {
77
73
  const {
78
74
  className: t,
79
- label: r,
75
+ label: i,
80
76
  notched: l
81
- } = o, f = $(o, Q), d = r != null && r !== "", u = n({}, o, {
77
+ } = o, f = N(o, Q), d = i != null && i !== "", u = n({}, o, {
82
78
  notched: l,
83
79
  withLabel: d
84
80
  });
@@ -90,10 +86,10 @@ function W(o) {
90
86
  children: /* @__PURE__ */ a(Y, {
91
87
  ownerState: u,
92
88
  children: d ? /* @__PURE__ */ a("span", {
93
- children: r
89
+ children: i
94
90
  }) : (
95
91
  // notranslate needed while Google Translate will not fix zero-width space issue
96
- N || (N = /* @__PURE__ */ a("span", {
92
+ T || (T = /* @__PURE__ */ a("span", {
97
93
  className: "notranslate",
98
94
  children: "​"
99
95
  }))
@@ -101,13 +97,14 @@ function W(o) {
101
97
  })
102
98
  }));
103
99
  }
104
- process.env.NODE_ENV !== "production" && (W.propTypes = {
100
+ process.env.NODE_ENV !== "production" && ($.propTypes = {
105
101
  /**
106
102
  * The content of the component.
107
103
  */
108
104
  children: e.node,
109
105
  /**
110
106
  * Override or extend the styles applied to the component.
107
+ * See [CSS API](#css) below for more details.
111
108
  */
112
109
  classes: e.object,
113
110
  /**
@@ -128,9 +125,9 @@ process.env.NODE_ENV !== "production" && (W.propTypes = {
128
125
  style: e.object
129
126
  });
130
127
  function Z(o) {
131
- return P("MuiOutlinedInput", o);
128
+ return F("MuiOutlinedInput", o);
132
129
  }
133
- const i = n({}, z, H("MuiOutlinedInput", ["root", "notchedOutline", "input"])), ee = ["components", "fullWidth", "inputComponent", "label", "multiline", "notched", "slots", "type"], oe = (o) => {
130
+ const r = n({}, M, H("MuiOutlinedInput", ["root", "notchedOutline", "input"])), ee = ["components", "fullWidth", "inputComponent", "label", "multiline", "notched", "slots", "type"], oe = (o) => {
134
131
  const {
135
132
  classes: t
136
133
  } = o, l = J({
@@ -139,8 +136,8 @@ const i = n({}, z, H("MuiOutlinedInput", ["root", "notchedOutline", "input"])),
139
136
  input: ["input"]
140
137
  }, Z, t);
141
138
  return n({}, t, l);
142
- }, te = c(M, {
143
- shouldForwardProp: (o) => h(o) || o === "classes",
139
+ }, te = c(z, {
140
+ shouldForwardProp: (o) => A(o) || o === "classes",
144
141
  name: "MuiOutlinedInput",
145
142
  slot: "Root",
146
143
  overridesResolver: E
@@ -148,27 +145,27 @@ const i = n({}, z, H("MuiOutlinedInput", ["root", "notchedOutline", "input"])),
148
145
  theme: o,
149
146
  ownerState: t
150
147
  }) => {
151
- const r = o.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)";
148
+ const i = o.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)";
152
149
  return n({
153
150
  position: "relative",
154
151
  borderRadius: (o.vars || o).shape.borderRadius,
155
- [`&:hover .${i.notchedOutline}`]: {
152
+ [`&:hover .${r.notchedOutline}`]: {
156
153
  borderColor: (o.vars || o).palette.text.primary
157
154
  },
158
155
  // Reset on touch devices, it doesn't add specificity
159
156
  "@media (hover: none)": {
160
- [`&:hover .${i.notchedOutline}`]: {
161
- borderColor: o.vars ? `rgba(${o.vars.palette.common.onBackgroundChannel} / 0.23)` : r
157
+ [`&:hover .${r.notchedOutline}`]: {
158
+ borderColor: o.vars ? `rgba(${o.vars.palette.common.onBackgroundChannel} / 0.23)` : i
162
159
  }
163
160
  },
164
- [`&.${i.focused} .${i.notchedOutline}`]: {
161
+ [`&.${r.focused} .${r.notchedOutline}`]: {
165
162
  borderColor: (o.vars || o).palette[t.color].main,
166
163
  borderWidth: 2
167
164
  },
168
- [`&.${i.error} .${i.notchedOutline}`]: {
165
+ [`&.${r.error} .${r.notchedOutline}`]: {
169
166
  borderColor: (o.vars || o).palette.error.main
170
167
  },
171
- [`&.${i.disabled} .${i.notchedOutline}`]: {
168
+ [`&.${r.disabled} .${r.notchedOutline}`]: {
172
169
  borderColor: (o.vars || o).palette.action.disabled
173
170
  }
174
171
  }, t.startAdornment && {
@@ -180,7 +177,7 @@ const i = n({}, z, H("MuiOutlinedInput", ["root", "notchedOutline", "input"])),
180
177
  }, t.size === "small" && {
181
178
  padding: "8.5px 14px"
182
179
  }));
183
- }), ne = c(W, {
180
+ }), ne = c($, {
184
181
  name: "MuiOutlinedInput",
185
182
  slot: "NotchedOutline",
186
183
  overridesResolver: (o, t) => t.notchedOutline
@@ -191,7 +188,7 @@ const i = n({}, z, H("MuiOutlinedInput", ["root", "notchedOutline", "input"])),
191
188
  return {
192
189
  borderColor: o.vars ? `rgba(${o.vars.palette.common.onBackgroundChannel} / 0.23)` : t
193
190
  };
194
- }), re = c(q, {
191
+ }), ie = c(q, {
195
192
  name: "MuiOutlinedInput",
196
193
  slot: "Input",
197
194
  overridesResolver: U
@@ -226,65 +223,65 @@ const i = n({}, z, H("MuiOutlinedInput", ["root", "notchedOutline", "input"])),
226
223
  paddingLeft: 0
227
224
  }, t.endAdornment && {
228
225
  paddingRight: 0
229
- })), _ = /* @__PURE__ */ T.forwardRef(function(t, r) {
230
- var l, f, d, u, g;
226
+ })), W = /* @__PURE__ */ w.forwardRef(function(t, i) {
227
+ var l, f, d, u, h;
231
228
  const p = G({
232
229
  props: t,
233
230
  name: "MuiOutlinedInput"
234
231
  }), {
235
- components: O = {},
236
- fullWidth: y = !1,
237
- inputComponent: k = "input",
238
- label: b,
239
- multiline: v = !1,
240
- notched: C,
241
- slots: x = {},
242
- type: R = "text"
243
- } = p, F = $(p, ee), I = oe(p), w = S(), s = D({
232
+ components: g = {},
233
+ fullWidth: O = !1,
234
+ inputComponent: _ = "input",
235
+ label: m,
236
+ multiline: y = !1,
237
+ notched: v,
238
+ slots: C = {},
239
+ type: x = "text"
240
+ } = p, k = N(p, ee), R = oe(p), I = P(), s = V({
244
241
  props: p,
245
- muiFormControl: w,
246
- states: ["color", "disabled", "error", "focused", "hiddenLabel", "size", "required"]
247
- }), L = n({}, p, {
242
+ muiFormControl: I,
243
+ states: ["required"]
244
+ }), B = n({}, p, {
248
245
  color: s.color || "primary",
249
246
  disabled: s.disabled,
250
247
  error: s.error,
251
248
  focused: s.focused,
252
- formControl: w,
253
- fullWidth: y,
249
+ formControl: I,
250
+ fullWidth: O,
254
251
  hiddenLabel: s.hiddenLabel,
255
- multiline: v,
252
+ multiline: y,
256
253
  size: s.size,
257
- type: R
258
- }), B = (l = (f = x.root) != null ? f : O.Root) != null ? l : te, j = (d = (u = x.input) != null ? u : O.Input) != null ? d : re;
259
- return /* @__PURE__ */ a(V, n({
254
+ type: x
255
+ }), L = (l = (f = C.root) != null ? f : g.Root) != null ? l : te, j = (d = (u = C.input) != null ? u : g.Input) != null ? d : ie;
256
+ return /* @__PURE__ */ a(D, n({
260
257
  slots: {
261
- root: B,
258
+ root: L,
262
259
  input: j
263
260
  },
264
- renderSuffix: (m) => /* @__PURE__ */ a(ne, {
265
- ownerState: L,
266
- className: I.notchedOutline,
267
- label: b != null && b !== "" && s.required ? g || (g = /* @__PURE__ */ A(T.Fragment, {
268
- children: [b, " ", "*"]
269
- })) : b,
270
- notched: typeof C < "u" ? C : !!(m.startAdornment || m.filled || m.focused)
261
+ renderSuffix: (b) => /* @__PURE__ */ a(ne, {
262
+ ownerState: B,
263
+ className: R.notchedOutline,
264
+ label: m != null && m !== "" && s.required ? h || (h = /* @__PURE__ */ S(w.Fragment, {
265
+ children: [m, " ", "*"]
266
+ })) : m,
267
+ notched: typeof v < "u" ? v : !!(b.startAdornment || b.filled || b.focused)
271
268
  }),
272
- fullWidth: y,
273
- inputComponent: k,
274
- multiline: v,
275
- ref: r,
276
- type: R
277
- }, F, {
278
- classes: n({}, I, {
269
+ fullWidth: O,
270
+ inputComponent: _,
271
+ multiline: y,
272
+ ref: i,
273
+ type: x
274
+ }, k, {
275
+ classes: n({}, R, {
279
276
  notchedOutline: null
280
277
  })
281
278
  }));
282
279
  });
283
- process.env.NODE_ENV !== "production" && (_.propTypes = {
284
- // ┌────────────────────────────── Warning ──────────────────────────────┐
285
- // These PropTypes are generated from the TypeScript type definitions.
286
- // To update them, edit the d.ts file and run `pnpm proptypes`.
287
- // └─────────────────────────────────────────────────────────────────────┘
280
+ process.env.NODE_ENV !== "production" && (W.propTypes = {
281
+ // ----------------------------- Warning --------------------------------
282
+ // | These PropTypes are generated from the TypeScript type definitions |
283
+ // | To update them edit the d.ts file and run "yarn proptypes" |
284
+ // ----------------------------------------------------------------------
288
285
  /**
289
286
  * This prop helps users to fill forms faster, especially on mobile devices.
290
287
  * The name can be confusing, as it's more like an autofill.
@@ -302,7 +299,7 @@ process.env.NODE_ENV !== "production" && (_.propTypes = {
302
299
  /**
303
300
  * The color of the component.
304
301
  * It supports both default and custom theme colors, which can be added as shown in the
305
- * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
302
+ * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
306
303
  * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
307
304
  */
308
305
  color: e.oneOfType([e.oneOf(["primary", "secondary"]), e.string]),
@@ -446,7 +443,7 @@ process.env.NODE_ENV !== "production" && (_.propTypes = {
446
443
  */
447
444
  value: e.any
448
445
  });
449
- _.muiName = "Input";
446
+ W.muiName = "Input";
450
447
  export {
451
- _ as O
448
+ W as O
452
449
  };
@@ -1,9 +1,9 @@
1
- import { _ as l, a as P } from "./extends-Cyw62AD_.js";
2
- import * as h from "react";
3
- import { P as t } from "./createTheme-C3DKplhE.js";
4
- import { g as N, u as $, c as T, b as I, a as R } from "./chainPropTypes-GRMJ22CO.js";
5
- import { g as q, s as x, a as p } from "./styled-iyoioZCr.js";
6
- import { u as E } from "./useTheme-pWltVFb2.js";
1
+ import { _ as l, a as h } from "./extends-Cyw62AD_.js";
2
+ import * as P from "react";
3
+ import { P as t } from "./createStyled-B96gjom1.js";
4
+ import { g as N, u as $, c as T, b as I, a as R } from "./useThemeProps-DeftUmqJ.js";
5
+ import { g as q, s as x, a as p } from "./styled-cPJbqF0E.js";
6
+ import { u as E } from "./useTheme-C-T6Qisa.js";
7
7
  import { jsx as M } from "react/jsx-runtime";
8
8
  function O(e) {
9
9
  const o = typeof e;
@@ -16,13 +16,13 @@ function O(e) {
16
16
  return o;
17
17
  }
18
18
  }
19
- function _(e) {
19
+ function V(e) {
20
20
  return typeof e == "number" && isFinite(e) && Math.floor(e) === e;
21
21
  }
22
- const V = Number.isInteger || _;
22
+ const _ = Number.isInteger || V;
23
23
  function d(e, o, n, a) {
24
24
  const r = e[o];
25
- if (r == null || !V(r)) {
25
+ if (r == null || !_(r)) {
26
26
  const i = O(r);
27
27
  return new RangeError(`Invalid ${a} \`${o}\` of type \`${i}\` supplied to \`${n}\`, expected \`integer\`.`);
28
28
  }
@@ -83,7 +83,7 @@ const C = ["className", "component", "elevation", "square", "variant"], k = (e)
83
83
  }, e.vars && {
84
84
  backgroundImage: (n = e.vars.overlays) == null ? void 0 : n[o.elevation]
85
85
  }));
86
- }), D = /* @__PURE__ */ h.forwardRef(function(o, n) {
86
+ }), D = /* @__PURE__ */ P.forwardRef(function(o, n) {
87
87
  const a = $({
88
88
  props: o,
89
89
  name: "MuiPaper"
@@ -93,7 +93,7 @@ const C = ["className", "component", "elevation", "square", "variant"], k = (e)
93
93
  elevation: s = 1,
94
94
  square: m = !1,
95
95
  variant: b = "elevation"
96
- } = a, g = P(a, C), v = l({}, a, {
96
+ } = a, g = h(a, C), v = l({}, a, {
97
97
  component: i,
98
98
  elevation: s,
99
99
  square: m,
@@ -108,10 +108,10 @@ const C = ["className", "component", "elevation", "square", "variant"], k = (e)
108
108
  }, g));
109
109
  });
110
110
  process.env.NODE_ENV !== "production" && (D.propTypes = {
111
- // ┌────────────────────────────── Warning ──────────────────────────────┐
112
- // These PropTypes are generated from the TypeScript type definitions.
113
- // To update them, edit the d.ts file and run `pnpm proptypes`.
114
- // └─────────────────────────────────────────────────────────────────────┘
111
+ // ----------------------------- Warning --------------------------------
112
+ // | These PropTypes are generated from the TypeScript type definitions |
113
+ // | To update them edit the d.ts file and run "yarn proptypes" |
114
+ // ----------------------------------------------------------------------
115
115
  /**
116
116
  * The content of the component.
117
117
  */