@pismo/marola 1.0.0-beta.31 → 1.0.0-beta.33

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 (9) hide show
  1. package/dist/assets/Autocomplete.css +1 -1
  2. package/dist/assets/Input.css +1 -1
  3. package/dist/assets/Skeleton.css +1 -1
  4. package/dist/assets/Table.css +1 -1
  5. package/dist/components/Autocomplete/Autocomplete.js +185 -185
  6. package/dist/components/Input/Input.js +63 -63
  7. package/dist/components/Skeleton/Skeleton.js +3 -3
  8. package/dist/components/Table/Table.js +85 -100
  9. package/package.json +1 -1
package/dist/components/Input/Input.js CHANGED
@@ -4,15 +4,15 @@ import * as f from "react";
4
4
  import { forwardRef as de, useState as ce, useId as _e, useMemo as me } from "react";
5
5
  import { c as E } from "../../clsx-DB4S2d7J.js";
6
6
  import { Typography as L } from "../Typography/Typography.js";
7
- import { g as he, a as fe, u as ye, f as z, b as y, _ as ge, c as Q, i as be, P as e, d as we, e as Ce } from "../../useSlotProps-C_I1kEHr.js";
8
- function xe(s) {
7
+ import { g as he, a as fe, u as ye, f as z, b as y, _ as ge, c as Q, i as be, P as e, d as ve, e as we } from "../../useSlotProps-C_I1kEHr.js";
8
+ function Ce(s) {
9
9
  let l = "https://mui.com/production-error/?code=" + s;
10
10
  for (let p = 1; p < arguments.length; p += 1)
11
11
  l += "&args[]=" + encodeURIComponent(arguments[p]);
12
12
  return "Minified MUI error #" + s + "; visit " + l + " for the full message.";
13
13
  }
14
14
  const X = "Input";
15
- function ve(s) {
15
+ function xe(s) {
16
16
  return he(X, s);
17
17
  }
18
18
  fe(X, ["root", "formControl", "focused", "disabled", "error", "multiline", "input", "inputMultiline", "inputTypeSearch", "adornedStart", "adornedEnd"]);
@@ -28,27 +28,27 @@ function Ne(s = {}) {
28
28
  error: d = !1,
29
29
  onBlur: c,
30
30
  onChange: m,
31
- onFocus: v,
31
+ onFocus: x,
32
32
  required: P = !1,
33
33
  value: F,
34
34
  inputRef: N
35
35
  } = s, n = Pe();
36
- let b, h, w, C, g;
36
+ let b, h, v, w, g;
37
37
  if (n) {
38
38
  var I, _, O;
39
- if (b = void 0, h = (I = n.disabled) != null ? I : !1, w = (_ = n.error) != null ? _ : !1, C = (O = n.required) != null ? O : !1, g = n.value, process.env.NODE_ENV !== "production") {
39
+ if (b = void 0, h = (I = n.disabled) != null ? I : !1, v = (_ = n.error) != null ? _ : !1, w = (O = n.required) != null ? O : !1, g = n.value, process.env.NODE_ENV !== "production") {
40
40
  const t = ["defaultValue", "disabled", "error", "required", "value"].filter((o) => s[o] !== void 0);
41
41
  t.length > 0 && console.warn(["MUI: You have set props on an input that is inside a FormControl.", "Set these props on a FormControl instead. Otherwise they will be ignored.", `Ignored props: ${t.join(", ")}`].join(`
42
42
  `));
43
43
  }
44
44
  } else
45
- b = l, h = p, w = d, C = P, g = F;
45
+ b = l, h = p, v = d, w = P, g = F;
46
46
  const {
47
47
  current: k
48
48
  } = f.useRef(g != null), B = f.useCallback((t) => {
49
49
  process.env.NODE_ENV !== "production" && t && t.nodeName !== "INPUT" && !t.focus && console.error(["MUI: You have provided a `slots.input` to the input component", "that does not correctly handle the `ref` prop.", "Make sure the `ref` prop is called with a HTMLInputElement."].join(`
50
50
  `));
51
- }, []), x = f.useRef(null), T = ye(x, N, B), [R, a] = f.useState(!1);
51
+ }, []), C = f.useRef(null), T = ye(C, N, B), [R, a] = f.useState(!1);
52
52
  f.useEffect(() => {
53
53
  !n && h && R && (a(!1), c == null || c());
54
54
  }, [n, h, R, c]);
@@ -68,33 +68,33 @@ function Ne(s = {}) {
68
68
  (r = t.onBlur) == null || r.call(t, o), n && n.onBlur ? n.onBlur() : a(!1);
69
69
  }, U = (t) => (o, ...r) => {
70
70
  var i, H;
71
- if (!k && (o.target || x.current) == null)
72
- throw new Error(process.env.NODE_ENV !== "production" ? "MUI: Expected valid input target. Did you use a custom `slots.input` and forget to forward refs? See https://mui.com/r/input-component-ref-interface for more info." : xe(17));
71
+ if (!k && (o.target || C.current) == null)
72
+ throw new Error(process.env.NODE_ENV !== "production" ? "MUI: Expected valid input target. Did you use a custom `slots.input` and forget to forward refs? See https://mui.com/r/input-component-ref-interface for more info." : Ce(17));
73
73
  n == null || (i = n.onChange) == null || i.call(n, o), (H = t.onChange) == null || H.call(t, o, ...r);
74
74
  }, A = (t) => (o) => {
75
75
  var r;
76
- x.current && o.currentTarget === o.target && x.current.focus(), (r = t.onClick) == null || r.call(t, o);
76
+ C.current && o.currentTarget === o.target && C.current.focus(), (r = t.onClick) == null || r.call(t, o);
77
77
  };
78
78
  return {
79
79
  disabled: h,
80
- error: w,
80
+ error: v,
81
81
  focused: R,
82
82
  formControlContext: n,
83
83
  getInputProps: (t = {}) => {
84
84
  const r = y({}, {
85
85
  onBlur: c,
86
86
  onChange: m,
87
- onFocus: v
87
+ onFocus: x
88
88
  }, z(t)), i = y({}, r, {
89
89
  onBlur: M(r),
90
90
  onChange: U(r),
91
91
  onFocus: V(r)
92
92
  });
93
93
  return y({}, i, {
94
- "aria-invalid": w || void 0,
94
+ "aria-invalid": v || void 0,
95
95
  defaultValue: b,
96
96
  value: g,
97
- required: C,
97
+ required: w,
98
98
  disabled: h
99
99
  }, t, {
100
100
  ref: T
@@ -107,7 +107,7 @@ function Ne(s = {}) {
107
107
  });
108
108
  },
109
109
  inputRef: T,
110
- required: C,
110
+ required: w,
111
111
  value: g
112
112
  };
113
113
  }
@@ -118,32 +118,32 @@ const Re = ["aria-describedby", "aria-label", "aria-labelledby", "autoComplete",
118
118
  focused: d,
119
119
  formControlContext: c,
120
120
  multiline: m,
121
- startAdornment: v,
121
+ startAdornment: x,
122
122
  endAdornment: P
123
123
  } = s;
124
- return we({
125
- root: ["root", l && "disabled", p && "error", d && "focused", !!c && "formControl", m && "multiline", !!v && "adornedStart", !!P && "adornedEnd"],
124
+ return ve({
125
+ root: ["root", l && "disabled", p && "error", d && "focused", !!c && "formControl", m && "multiline", !!x && "adornedStart", !!P && "adornedEnd"],
126
126
  input: ["input", l && "disabled", m && "multiline"]
127
- }, Ce(ve));
127
+ }, we(xe));
128
128
  }, ee = /* @__PURE__ */ f.forwardRef(function(l, p) {
129
129
  var d, c, m;
130
130
  const {
131
- "aria-describedby": v,
131
+ "aria-describedby": x,
132
132
  "aria-label": P,
133
133
  "aria-labelledby": F,
134
134
  autoComplete: N,
135
135
  autoFocus: n,
136
136
  className: b,
137
137
  defaultValue: h,
138
- disabled: w,
139
- endAdornment: C,
138
+ disabled: v,
139
+ endAdornment: w,
140
140
  error: g,
141
141
  id: I,
142
142
  multiline: _ = !1,
143
143
  name: O,
144
144
  onClick: k,
145
145
  onChange: B,
146
- onKeyDown: x,
146
+ onKeyDown: C,
147
147
  onKeyUp: T,
148
148
  onFocus: R,
149
149
  onBlur: a,
@@ -166,7 +166,7 @@ const Re = ["aria-describedby", "aria-label", "aria-labelledby", "autoComplete",
166
166
  error: ae,
167
167
  disabled: se
168
168
  } = Ne({
169
- disabled: w,
169
+ disabled: v,
170
170
  defaultValue: h,
171
171
  error: g,
172
172
  onBlur: a,
@@ -183,13 +183,13 @@ const Re = ["aria-describedby", "aria-label", "aria-labelledby", "autoComplete",
183
183
  multiline: _,
184
184
  type: W
185
185
  }), G = Ee($), le = {
186
- "aria-describedby": v,
186
+ "aria-describedby": x,
187
187
  "aria-label": P,
188
188
  "aria-labelledby": F,
189
189
  autoComplete: N,
190
190
  autoFocus: n,
191
191
  id: I,
192
- onKeyDown: x,
192
+ onKeyDown: C,
193
193
  onKeyUp: T,
194
194
  name: O,
195
195
  placeholder: V,
@@ -219,7 +219,7 @@ const Re = ["aria-describedby", "aria-label", "aria-labelledby", "autoComplete",
219
219
  className: G.input
220
220
  });
221
221
  return process.env.NODE_ENV !== "production" && _ && t && (i || H) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), /* @__PURE__ */ q(J, y({}, ie, {
222
- children: [A, /* @__PURE__ */ S(K, y({}, ue)), C]
222
+ children: [A, /* @__PURE__ */ S(K, y({}, ue)), w]
223
223
  }));
224
224
  });
225
225
  process.env.NODE_ENV !== "production" && (ee.propTypes = {
@@ -377,35 +377,35 @@ const Fe = (s) => /* @__PURE__ */ f.createElement("svg", { xmlns: "http://www.w3
377
377
  color: "currentcolor",
378
378
  width: "1em",
379
379
  height: "1em"
380
- }, ...s }, /* @__PURE__ */ f.createElement("path", { d: "M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM232 152C232 138.8 242.8 128 256 128s24 10.75 24 24v128c0 13.25-10.75 24-24 24S232 293.3 232 280V152zM256 400c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 385.9 273.4 400 256 400z" })), Ie = "_input__label_1r054_78", Oe = "_input_1r054_57", u = {
381
- "u-typography-h1": "_u-typography-h1_1r054_1",
382
- "u-typography-h2": "_u-typography-h2_1r054_8",
383
- "u-typography-h3": "_u-typography-h3_1r054_15",
384
- "u-typography-h4": "_u-typography-h4_1r054_22",
385
- "u-typography-h5": "_u-typography-h5_1r054_29",
386
- "u-typography-h6": "_u-typography-h6_1r054_36",
387
- "u-typography-base": "_u-typography-base_1r054_43",
388
- "u-typography-base--xxl": "_u-typography-base--xxl_1r054_49",
389
- "u-typography-base--xl": "_u-typography-base--xl_1r054_53",
390
- "u-typography-base--lg": "_u-typography-base--lg_1r054_57",
391
- "input__input-el": "_input__input-el_1r054_57",
392
- "u-typography-base--sm": "_u-typography-base--sm_1r054_61",
393
- "u-typography-base--bold": "_u-typography-base--bold_1r054_65",
394
- "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1r054_68",
395
- "u-typography-base--underlined": "_u-typography-base--underlined_1r054_71",
396
- "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1r054_74",
380
+ }, ...s }, /* @__PURE__ */ f.createElement("path", { d: "M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM232 152C232 138.8 242.8 128 256 128s24 10.75 24 24v128c0 13.25-10.75 24-24 24S232 293.3 232 280V152zM256 400c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 385.9 273.4 400 256 400z" })), Ie = "_input__label_6va87_78", Oe = "_input_6va87_57", u = {
381
+ "u-typography-h1": "_u-typography-h1_6va87_1",
382
+ "u-typography-h2": "_u-typography-h2_6va87_8",
383
+ "u-typography-h3": "_u-typography-h3_6va87_15",
384
+ "u-typography-h4": "_u-typography-h4_6va87_22",
385
+ "u-typography-h5": "_u-typography-h5_6va87_29",
386
+ "u-typography-h6": "_u-typography-h6_6va87_36",
387
+ "u-typography-base": "_u-typography-base_6va87_43",
388
+ "u-typography-base--xxl": "_u-typography-base--xxl_6va87_49",
389
+ "u-typography-base--xl": "_u-typography-base--xl_6va87_53",
390
+ "u-typography-base--lg": "_u-typography-base--lg_6va87_57",
391
+ "input__input-el": "_input__input-el_6va87_57",
392
+ "u-typography-base--sm": "_u-typography-base--sm_6va87_61",
393
+ "u-typography-base--bold": "_u-typography-base--bold_6va87_65",
394
+ "u-typography-base--strikethrough": "_u-typography-base--strikethrough_6va87_68",
395
+ "u-typography-base--underlined": "_u-typography-base--underlined_6va87_71",
396
+ "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_6va87_74",
397
397
  input__label: Ie,
398
- "input__input-el-wrapper": "_input__input-el-wrapper_1r054_83",
399
- "input__left-icon": "_input__left-icon_1r054_101",
400
- "input__right-icon": "_input__right-icon_1r054_101",
401
- "input__messages-wrapper": "_input__messages-wrapper_1r054_113",
402
- "input__info-message": "_input__info-message_1r054_121",
403
- "input__error-message": "_input__error-message_1r054_121",
404
- "input__chars-counter": "_input__chars-counter_1r054_132",
405
- "input--disabled": "_input--disabled_1r054_136",
398
+ "input__input-el-wrapper": "_input__input-el-wrapper_6va87_83",
399
+ "input__left-icon": "_input__left-icon_6va87_101",
400
+ "input__right-icon": "_input__right-icon_6va87_101",
401
+ "input__messages-wrapper": "_input__messages-wrapper_6va87_113",
402
+ "input__info-message": "_input__info-message_6va87_121",
403
+ "input__error-message": "_input__error-message_6va87_121",
404
+ "input__chars-counter": "_input__chars-counter_6va87_132",
405
+ "input--disabled": "_input--disabled_6va87_136",
406
406
  input: Oe,
407
- "input--focused": "_input--focused_1r054_142",
408
- "input--error": "_input--error_1r054_145"
407
+ "input--focused": "_input--focused_6va87_142",
408
+ "input--error": "_input--error_6va87_145"
409
409
  }, Me = de(
410
410
  ({
411
411
  label: s,
@@ -414,27 +414,27 @@ const Fe = (s) => /* @__PURE__ */ f.createElement("svg", { xmlns: "http://www.w3
414
414
  errorMessage: d,
415
415
  leftIcon: c,
416
416
  rightIcon: m,
417
- id: v,
417
+ id: x,
418
418
  disabled: P,
419
419
  type: F = "text",
420
420
  maxLength: N,
421
421
  hideCharsCounter: n = !1,
422
422
  onChange: b,
423
423
  classNameWrapper: h,
424
- classNameLabel: w,
425
- classNameInput: C,
424
+ classNameLabel: v,
425
+ classNameInput: w,
426
426
  classNameInfoMessage: g,
427
427
  classNameErrorMessage: I,
428
428
  classNameCharsCounter: _,
429
429
  "data-testid-wrapper": O,
430
430
  "data-testid-label": k,
431
431
  "data-testid-input": B,
432
- "data-testid-infoMessage": x,
432
+ "data-testid-infoMessage": C,
433
433
  "data-testid-errorMessage": T,
434
434
  "data-testid-charsCounter": R,
435
435
  ...a
436
436
  }, V) => {
437
- const [M, U] = ce(0), A = _e(), D = v || `input_${A}`;
437
+ const [M, U] = ce(0), A = _e(), D = x || `input_${A}`;
438
438
  Object.assign(a, { "data-testid": B });
439
439
  const j = (o) => {
440
440
  var r, i;
@@ -455,7 +455,7 @@ const Fe = (s) => /* @__PURE__ */ f.createElement("svg", { xmlns: "http://www.w3
455
455
  {
456
456
  element: "label",
457
457
  elementProps: { htmlFor: D },
458
- className: E(u.input__label, w),
458
+ className: E(u.input__label, v),
459
459
  "data-testid": k,
460
460
  children: s
461
461
  }
@@ -477,7 +477,7 @@ const Fe = (s) => /* @__PURE__ */ f.createElement("svg", { xmlns: "http://www.w3
477
477
  }),
478
478
  input: {
479
479
  ref: V,
480
- className: E(u["input__input-el"], C),
480
+ className: E(u["input__input-el"], w),
481
481
  maxLength: N,
482
482
  onChange: j,
483
483
  ...a
@@ -493,7 +493,7 @@ const Fe = (s) => /* @__PURE__ */ f.createElement("svg", { xmlns: "http://www.w3
493
493
  L,
494
494
  {
495
495
  className: d ? E(u["input__error-message"], I) : E(u["input__info-message"], g),
496
- "data-testid": d ? T : x,
496
+ "data-testid": d ? T : C,
497
497
  children: [
498
498
  /* @__PURE__ */ S(Fe, {}),
499
499
  d || l
package/dist/components/Skeleton/Skeleton.js CHANGED
@@ -1,11 +1,11 @@
1
1
  import '../../assets/Skeleton.css';
2
2
  import { jsx as t, jsxs as N } from "react/jsx-runtime";
3
3
  import { c as r } from "../../clsx-DB4S2d7J.js";
4
- const u = "_skeleton_dtmoz_1", b = "_skeletonLoading_dtmoz_1", o = {
4
+ const u = "_skeleton_mst8q_1", b = "_skeletonLoading_mst8q_1", o = {
5
5
  skeleton: u,
6
6
  skeletonLoading: b,
7
- "skeleton--circle-type": "_skeleton--circle-type_dtmoz_13",
8
- "skeleton--table-type": "_skeleton--table-type_dtmoz_17"
7
+ "skeleton--circle-type": "_skeleton--circle-type_mst8q_13",
8
+ "skeleton--table-type": "_skeleton--table-type_mst8q_17"
9
9
  }, d = (e) => /* @__PURE__ */ t("div", { ...e, className: r(o.skeleton, e.className) }), C = ({ size: e = "4rem", ...l }) => {
10
10
  const s = r(o.skeleton, o["skeleton--circle-type"], l.className);
11
11
  return /* @__PURE__ */ t("div", { ...l, style: { width: e, height: e }, className: s });
package/dist/components/Table/Table.js CHANGED
@@ -1,54 +1,39 @@
1
1
  import '../../assets/Table.css';
2
- import { jsxs as g, jsx as a } from "react/jsx-runtime";
3
- import * as p from "react";
4
- import { useState as w } from "react";
5
- import { c as d } from "../../clsx-DB4S2d7J.js";
6
- import { paginationDefaultTranslations as u, Pagination as T } from "../Pagination/Pagination.js";
7
- import { sortTooltipDefaultTranslations as m, SortTooltip as f } from "../SortTooltip/SortTooltip.js";
8
- import { TableProvider as x, useTable as N } from "./TableContext.js";
9
- const C = (l) => /* @__PURE__ */ p.createElement("svg", { width: 7, height: 10, viewBox: "0 0 7 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l }, /* @__PURE__ */ p.createElement("g", { clipPath: "url(#clip0_2291_2457)" }, /* @__PURE__ */ p.createElement("path", { d: "M6.41658 3.93794C6.26731 3.93794 6.11798 3.88301 6.00423 3.77314L3.49991 1.35923L0.995768 3.77271C0.767904 3.99243 0.398763 3.99243 0.170898 3.77271C-0.0569661 3.55298 -0.0569661 3.19702 0.170898 2.97729L3.08756 0.164795C3.31543 -0.0549316 3.68457 -0.0549316 3.91243 0.164795L6.8291 2.97729C7.05697 3.19702 7.05697 3.55298 6.8291 3.77271C6.71553 3.88345 6.56605 3.93794 6.41658 3.93794Z", fill: "#1897F3" }), /* @__PURE__ */ p.createElement("path", { opacity: 0.4, d: "M6.41663 5.38022C6.26737 5.38022 6.11804 5.43516 6.00429 5.54502L3.49997 7.95894L0.99528 5.5437C0.767415 5.32397 0.398275 5.32397 0.17041 5.5437C-0.0574544 5.76343 -0.0574544 6.11938 0.17041 6.33911L3.08708 9.15161C3.31494 9.37134 3.68408 9.37134 3.91195 9.15161L6.82861 6.33911C7.05648 6.11938 7.05648 5.76343 6.82861 5.5437C6.71559 5.43472 6.56611 5.38022 6.41663 5.38022Z", fill: "#1897F3" })), /* @__PURE__ */ p.createElement("defs", null, /* @__PURE__ */ p.createElement("clipPath", { id: "clip0_2291_2457" }, /* @__PURE__ */ p.createElement("rect", { width: 7, height: 10, fill: "white" })))), L = "_table_1ysnl_43", E = "_th__wrapper_1ysnl_118", k = "_tr_1ysnl_134", v = "_td_1ysnl_138", t = {
10
- "u-typography-h1": "_u-typography-h1_1ysnl_1",
11
- "u-typography-h2": "_u-typography-h2_1ysnl_8",
12
- "u-typography-h3": "_u-typography-h3_1ysnl_15",
13
- "u-typography-h4": "_u-typography-h4_1ysnl_22",
14
- "u-typography-h5": "_u-typography-h5_1ysnl_29",
15
- "u-typography-h6": "_u-typography-h6_1ysnl_36",
16
- "u-typography-base": "_u-typography-base_1ysnl_43",
2
+ import { jsxs as y, jsx as l } from "react/jsx-runtime";
3
+ import * as c from "react";
4
+ import { useState as f } from "react";
5
+ import { c as m } from "../../clsx-DB4S2d7J.js";
6
+ import { paginationDefaultTranslations as b, Pagination as u } from "../Pagination/Pagination.js";
7
+ import { sortTooltipDefaultTranslations as T, SortTooltip as g } from "../SortTooltip/SortTooltip.js";
8
+ import { TableProvider as N, useTable as x } from "./TableContext.js";
9
+ const C = (r) => /* @__PURE__ */ c.createElement("svg", { width: 7, height: 10, viewBox: "0 0 7 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...r }, /* @__PURE__ */ c.createElement("g", { clipPath: "url(#clip0_2291_2457)" }, /* @__PURE__ */ c.createElement("path", { d: "M6.41658 3.93794C6.26731 3.93794 6.11798 3.88301 6.00423 3.77314L3.49991 1.35923L0.995768 3.77271C0.767904 3.99243 0.398763 3.99243 0.170898 3.77271C-0.0569661 3.55298 -0.0569661 3.19702 0.170898 2.97729L3.08756 0.164795C3.31543 -0.0549316 3.68457 -0.0549316 3.91243 0.164795L6.8291 2.97729C7.05697 3.19702 7.05697 3.55298 6.8291 3.77271C6.71553 3.88345 6.56605 3.93794 6.41658 3.93794Z", fill: "#1897F3" }), /* @__PURE__ */ c.createElement("path", { opacity: 0.4, d: "M6.41663 5.38022C6.26737 5.38022 6.11804 5.43516 6.00429 5.54502L3.49997 7.95894L0.99528 5.5437C0.767415 5.32397 0.398275 5.32397 0.17041 5.5437C-0.0574544 5.76343 -0.0574544 6.11938 0.17041 6.33911L3.08708 9.15161C3.31494 9.37134 3.68408 9.37134 3.91195 9.15161L6.82861 6.33911C7.05648 6.11938 7.05648 5.76343 6.82861 5.5437C6.71559 5.43472 6.56611 5.38022 6.41663 5.38022Z", fill: "#1897F3" })), /* @__PURE__ */ c.createElement("defs", null, /* @__PURE__ */ c.createElement("clipPath", { id: "clip0_2291_2457" }, /* @__PURE__ */ c.createElement("rect", { width: 7, height: 10, fill: "white" })))), L = "_table_yerpo_1", E = "_th__wrapper_yerpo_43", v = "_tr_yerpo_66", B = "_td_yerpo_70", t = {
17
10
  table: L,
18
- "u-typography-base--xxl": "_u-typography-base--xxl_1ysnl_49",
19
- "u-typography-base--xl": "_u-typography-base--xl_1ysnl_53",
20
- "u-typography-base--lg": "_u-typography-base--lg_1ysnl_57",
21
- "u-typography-base--sm": "_u-typography-base--sm_1ysnl_61",
22
- "u-typography-base--bold": "_u-typography-base--bold_1ysnl_65",
23
- "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1ysnl_68",
24
- "u-typography-base--underlined": "_u-typography-base--underlined_1ysnl_71",
25
- "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1ysnl_74",
26
- "table--fixed": "_table--fixed_1ysnl_82",
27
- "table--full-width": "_table--full-width_1ysnl_85",
28
- "table--white-theme": "_table--white-theme_1ysnl_88",
29
- "table--transparent-theme": "_table--transparent-theme_1ysnl_91",
30
- "cell--left-alignment": "_cell--left-alignment_1ysnl_94",
31
- "cell--center-alignment": "_cell--center-alignment_1ysnl_98",
32
- "cell--right-alignment": "_cell--right-alignment_1ysnl_102",
11
+ "table--fixed": "_table--fixed_yerpo_5",
12
+ "table--full-width": "_table--full-width_yerpo_8",
13
+ "table--white-theme": "_table--white-theme_yerpo_11",
14
+ "table--transparent-theme": "_table--transparent-theme_yerpo_14",
15
+ "cell--left-alignment": "_cell--left-alignment_yerpo_17",
16
+ "cell--center-alignment": "_cell--center-alignment_yerpo_21",
17
+ "cell--right-alignment": "_cell--right-alignment_yerpo_25",
33
18
  th__wrapper: E,
34
- "th__wrapper--pressed": "_th__wrapper--pressed_1ysnl_121",
35
- "th__wrapper--clickable": "_th__wrapper--clickable_1ysnl_125",
36
- "th__sort-icon-container": "_th__sort-icon-container_1ysnl_128",
37
- "tr__row-or-cell--disabled": "_tr__row-or-cell--disabled_1ysnl_134",
38
- tr: k,
39
- td: v,
40
- "tr__row-or-cell--clickable": "_tr__row-or-cell--clickable_1ysnl_143",
41
- "td__row-or-cell--clickable": "_td__row-or-cell--clickable_1ysnl_144",
42
- "td__row-or-cell--disabled": "_td__row-or-cell--disabled_1ysnl_148",
43
- "td-wrapper": "_td-wrapper_1ysnl_152"
44
- }, B = {
19
+ "th__wrapper--pressed": "_th__wrapper--pressed_yerpo_48",
20
+ "th__wrapper--clickable": "_th__wrapper--clickable_yerpo_54",
21
+ "th__sort-icon-container": "_th__sort-icon-container_yerpo_57",
22
+ "tr__row-or-cell--disabled": "_tr__row-or-cell--disabled_yerpo_66",
23
+ tr: v,
24
+ td: B,
25
+ "tr__row-or-cell--clickable": "_tr__row-or-cell--clickable_yerpo_76",
26
+ "td__row-or-cell--clickable": "_td__row-or-cell--clickable_yerpo_77",
27
+ "td__row-or-cell--disabled": "_td__row-or-cell--disabled_yerpo_81",
28
+ "td-wrapper": "_td-wrapper_yerpo_85"
29
+ }, H = {
45
30
  pt: {
46
- ...u.pt,
47
- ...m.pt
31
+ ...b.pt,
32
+ ...T.pt
48
33
  },
49
34
  en: {
50
- ...u.en,
51
- ...m.en
35
+ ...b.en,
36
+ ...T.en
52
37
  },
53
38
  // example to add a new language translation
54
39
  es: {
@@ -60,81 +45,81 @@ const C = (l) => /* @__PURE__ */ p.createElement("svg", { width: 7, height: 10,
60
45
  of: "de",
61
46
  results: "resultados"
62
47
  }
63
- }, s = ({
64
- children: l,
48
+ }, o = ({
49
+ children: r,
65
50
  theme: e = "white",
66
- fullWidth: r = !0,
67
- className: n,
51
+ fullWidth: a = !0,
52
+ className: s,
68
53
  paginationProps: _,
69
- isFixed: o,
70
- language: y,
71
- translations: b,
72
- ...h
54
+ isFixed: n,
55
+ language: p,
56
+ translations: w,
57
+ ...i
73
58
  }) => {
74
- const c = d(
59
+ const d = m(
75
60
  t.table,
76
- r && t["table--full-width"],
77
- o && t["table--fixed"],
61
+ a && t["table--full-width"],
62
+ n && t["table--fixed"],
78
63
  t[`table--${e}-theme`],
79
- n
80
- ), i = y && B[y] || b;
81
- return /* @__PURE__ */ g(x, { initialTranslations: i, children: [
82
- /* @__PURE__ */ a("table", { ...h, className: c, children: l }),
83
- _ && /* @__PURE__ */ a(T, { ..._, t: i })
64
+ s
65
+ ), h = p && H[p] || w;
66
+ return /* @__PURE__ */ y(N, { initialTranslations: h, children: [
67
+ /* @__PURE__ */ l("table", { ...i, className: d, children: r }),
68
+ _ && /* @__PURE__ */ l(u, { ..._, t: h })
84
69
  ] });
85
- }, H = ({ children: l, ...e }) => /* @__PURE__ */ a("thead", { ...e, children: l }), P = ({ children: l, ...e }) => /* @__PURE__ */ a("tbody", { ...e, children: l }), D = ({ children: l, onClick: e, disabled: r, className: n, ..._ }) => {
86
- const o = d(
70
+ }, P = ({ children: r, ...e }) => /* @__PURE__ */ l("thead", { ...e, children: r }), D = ({ children: r, ...e }) => /* @__PURE__ */ l("tbody", { ...e, children: r }), M = ({ children: r, onClick: e, disabled: a, className: s, ..._ }) => {
71
+ const n = m(
87
72
  t.tr,
88
- e && !r ? t["tr__row-or-cell--clickable"] : r ? t["tr__row-or-cell--disabled"] : "",
89
- n
73
+ e && !a ? t["tr__row-or-cell--clickable"] : a ? t["tr__row-or-cell--disabled"] : "",
74
+ s
90
75
  );
91
- return /* @__PURE__ */ a("tr", { ..._, className: o, onClick: () => !r && (e == null ? void 0 : e()), children: l });
92
- }, M = ({ children: l, onClick: e, disabled: r, className: n, align: _ = "left", ...o }) => {
93
- const y = d(
76
+ return /* @__PURE__ */ l("tr", { ..._, className: n, onClick: () => !a && (e == null ? void 0 : e()), children: r });
77
+ }, O = ({ children: r, onClick: e, disabled: a, className: s, align: _ = "left", ...n }) => {
78
+ const p = m(
94
79
  t.td,
95
- e && !r ? t["td__row-or-cell--clickable"] : r ? t["td__row-or-cell--disabled"] : "",
80
+ e && !a ? t["td__row-or-cell--clickable"] : a ? t["td__row-or-cell--disabled"] : "",
96
81
  t[`cell--${_}-alignment`],
97
- n
82
+ s
98
83
  );
99
- return /* @__PURE__ */ a("td", { ...o, className: y, onClick: () => !r && (e == null ? void 0 : e()), children: /* @__PURE__ */ a("span", { className: t["td-wrapper"], children: l }) });
100
- }, O = ({ children: l, onSort: e, sortType: r, className: n, classNameTooltip: _, align: o = "left", ...y }) => {
101
- const { translations: b } = N(), [h, c] = w(!1), i = d(
84
+ return /* @__PURE__ */ l("td", { ...n, className: p, onClick: () => !a && (e == null ? void 0 : e()), children: /* @__PURE__ */ l("span", { className: t["td-wrapper"], children: r }) });
85
+ }, $ = ({ children: r, onSort: e, sortType: a, className: s, classNameTooltip: _, align: n = "left", ...p }) => {
86
+ const { translations: w } = x(), [i, d] = f(!1), h = m(
102
87
  t.th__wrapper,
103
- h ? t["th__wrapper--pressed"] : "",
88
+ i ? t["th__wrapper--pressed"] : "",
104
89
  e ? t["th__wrapper--clickable"] : "",
105
- n
90
+ s
106
91
  );
107
- return /* @__PURE__ */ a("th", { ...y, className: t[`cell--${o}-alignment`], children: /* @__PURE__ */ a("span", { className: i, onClick: e && (() => c(!h)), children: e ? /* @__PURE__ */ g(
108
- f,
92
+ return /* @__PURE__ */ l("th", { ...p, className: t[`cell--${n}-alignment`], children: /* @__PURE__ */ l("span", { className: h, onClick: e && (() => d(!i)), children: e ? /* @__PURE__ */ y(
93
+ g,
109
94
  {
110
- onClose: () => c(!1),
95
+ onClose: () => d(!1),
111
96
  onSort: e,
112
- show: h,
113
- sortType: r,
97
+ show: i,
98
+ sortType: a,
114
99
  className: _,
115
- t: b,
100
+ t: w,
116
101
  children: [
117
- /* @__PURE__ */ a("span", { children: l }),
118
- /* @__PURE__ */ a("span", { className: t["th__sort-icon-container"], children: /* @__PURE__ */ a(C, {}) })
102
+ /* @__PURE__ */ l("span", { children: r }),
103
+ /* @__PURE__ */ l("span", { className: t["th__sort-icon-container"], children: /* @__PURE__ */ l(C, { width: 12, height: 12 }) })
119
104
  ]
120
105
  }
121
- ) : /* @__PURE__ */ a("span", { children: l }) }) });
106
+ ) : /* @__PURE__ */ l("span", { children: r }) }) });
122
107
  };
123
- s.THead = H;
124
- s.THead.displayName = "Table.THead";
125
- s.TBody = P;
126
- s.TBody.displayName = "Table.TBody";
127
- s.Tr = D;
128
- s.Tr.displayName = "Table.Tr";
129
- s.Td = M;
130
- s.Td.displayName = "Table.Td";
131
- s.Th = O;
132
- s.Th.displayName = "Table.Th";
108
+ o.THead = P;
109
+ o.THead.displayName = "Table.THead";
110
+ o.TBody = D;
111
+ o.TBody.displayName = "Table.TBody";
112
+ o.Tr = M;
113
+ o.Tr.displayName = "Table.Tr";
114
+ o.Td = O;
115
+ o.Td.displayName = "Table.Td";
116
+ o.Th = $;
117
+ o.Th.displayName = "Table.Th";
133
118
  export {
134
- P as TBody,
135
- H as THead,
136
- s as Table,
137
- M as Td,
138
- O as Th,
139
- D as Tr
119
+ D as TBody,
120
+ P as THead,
121
+ o as Table,
122
+ O as Td,
123
+ $ as Th,
124
+ M as Tr
140
125
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@pismo/marola",
3
3
  "description": "CDX tribe component library",
4
- "version": "1.0.0-beta.31",
4
+ "version": "1.0.0-beta.33",
5
5
  "type": "module",
6
6
  "main": "dist/main.js",
7
7
  "types": "dist/main.d.ts",