@m4l/components 9.10.0 → 9.10.1-beta-m4lcom-723-dynamicfilter-mejora.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 (6) hide show
  1. package/components/DynamicFilter/DynamicFilter.styles.d.ts.map +1 -1
  2. package/components/DynamicFilter/DynamicFilter.styles.js +1 -0
  3. package/components/DynamicFilter/subcomponents/InputFilter/InputFilter.d.ts.map +1 -1
  4. package/components/DynamicFilter/subcomponents/InputFilter/InputFilter.js +15 -14
  5. package/components/DynamicFilter/subcomponents/PopoverMenuFields/PopoverMenuFields.js +20 -20
  6. package/package.json +7 -7
package/components/DynamicFilter/DynamicFilter.styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DynamicFilter.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/DynamicFilter/DynamicFilter.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAInD,eAAO,MAAM,mBAAmB,EAAE,mBAmdjC,CAAC"}
1
+ {"version":3,"file":"DynamicFilter.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/DynamicFilter/DynamicFilter.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAInD,eAAO,MAAM,mBAAmB,EAAE,mBAodjC,CAAC"}
package/components/DynamicFilter/DynamicFilter.styles.js CHANGED
@@ -128,6 +128,7 @@ const n = "dynamic", d = {
128
128
  height: "fit-content",
129
129
  display: "flex",
130
130
  alignItems: "center",
131
+ gap: r.vars.size.baseSpacings["sp0-5"],
131
132
  borderLeft: "none",
132
133
  margin: "0px",
133
134
  padding: "0px",
package/components/DynamicFilter/subcomponents/InputFilter/InputFilter.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"InputFilter.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicFilter/subcomponents/InputFilter/InputFilter.tsx"],"names":[],"mappings":"AAMA;;;;GAIG;AACH,QAAA,MAAM,WAAW,+DA+ChB,CAAC;AACF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"InputFilter.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicFilter/subcomponents/InputFilter/InputFilter.tsx"],"names":[],"mappings":"AAMA;;;;GAIG;AACH,QAAA,MAAM,WAAW,+DAgDhB,CAAC;AACF,eAAe,WAAW,CAAC"}
package/components/DynamicFilter/subcomponents/InputFilter/InputFilter.js CHANGED
@@ -1,32 +1,33 @@
1
1
  import { jsxs as F, Fragment as x, jsx as r } from "@emotion/react/jsx-runtime";
2
2
  import { useRef as g, useEffect as I } from "react";
3
3
  import { ActionsFilterDuotone as P } from "@m4l/icons";
4
- import R from "../DynamicFilterBase/useDynamicFilterBase.js";
5
- import S from "./useInputFilter.js";
6
- import { InputFilterTriggerButtonStyled as h } from "../../slots/dynamicFilterSlots.js";
7
- import k from "../PopoverMenuFields/PopoverMenuFields.js";
4
+ import v from "../DynamicFilterBase/useDynamicFilterBase.js";
5
+ import R from "./useInputFilter.js";
6
+ import { InputFilterTriggerButtonStyled as S } from "../../slots/dynamicFilterSlots.js";
7
+ import h from "../PopoverMenuFields/PopoverMenuFields.js";
8
8
  const C = () => {
9
9
  const {
10
- isSkeleton: i,
11
- inputPlaceHolder: n,
10
+ isSkeleton: n,
11
+ inputPlaceHolder: o,
12
12
  inputData: l,
13
13
  inputHandlersProps: s,
14
14
  canRender: a,
15
15
  filteredFields: d,
16
16
  selectedFieldIndex: p,
17
- setElementRef: o,
17
+ setElementRef: i,
18
18
  isOpenPopoverMenuFields: e,
19
19
  isOpenPopoverFilter: u,
20
20
  handleTriggerClick: f
21
- } = S(), t = g(null), { ownerState: c, size: m } = R();
21
+ } = R(), t = g(null), { ownerState: c, size: m } = v();
22
22
  return I(() => {
23
- o(t);
24
- }, [o, t]), a ? /* @__PURE__ */ F(x, { children: [
23
+ i(t);
24
+ }, [i, t]), a ? /* @__PURE__ */ F(x, { children: [
25
25
  /* @__PURE__ */ r(
26
- h,
26
+ S,
27
27
  {
28
28
  ref: t,
29
29
  icon: /* @__PURE__ */ r(P, {}),
30
+ variant: "outline",
30
31
  color: e ? "info" : "default",
31
32
  size: m,
32
33
  "aria-label": "searchbox",
@@ -36,14 +37,14 @@ const C = () => {
36
37
  }
37
38
  ),
38
39
  /* @__PURE__ */ r(
39
- k,
40
+ h,
40
41
  {
41
42
  fields: d,
42
43
  selectFieldIndex: p,
43
44
  inputData: l,
44
- inputPlaceHolder: n,
45
+ inputPlaceHolder: o,
45
46
  inputHandlersProps: s,
46
- isSkeleton: i
47
+ isSkeleton: n
47
48
  }
48
49
  )
49
50
  ] }) : null;
package/components/DynamicFilter/subcomponents/PopoverMenuFields/PopoverMenuFields.js CHANGED
@@ -1,22 +1,22 @@
1
1
  import { jsxs as u, jsx as t } from "@emotion/react/jsx-runtime";
2
2
  import { useRef as C, useEffect as g } from "react";
3
- import { ActionsFilterDuotone as M } from "@m4l/icons";
4
- import { Icon as R } from "../../../Icon/Icon.js";
5
- import w from "./usePopoverMenuFields.js";
6
- import D from "../DynamicFilterBase/useDynamicFilterBase.js";
7
- import { useModuleDictionary as O } from "@m4l/core";
8
- import { DICCTIONARY as _ } from "../../dictionary.js";
9
- import { usePopoverContainer as k } from "../../../../hooks/usePopoverContainer/usePopoverContainer.js";
10
- import { PopoverMenuStyled as z, InputFilterStyled as A, InputFilterInputSkeletonStyled as j, InputFilterInputStyled as E } from "../../slots/dynamicFilterSlots.js";
3
+ import { ActionsSearchOutlined as M } from "@m4l/icons";
4
+ import { Icon as O } from "../../../Icon/Icon.js";
5
+ import R from "./usePopoverMenuFields.js";
6
+ import w from "../DynamicFilterBase/useDynamicFilterBase.js";
7
+ import { useModuleDictionary as _ } from "@m4l/core";
8
+ import { DICCTIONARY as k } from "../../dictionary.js";
9
+ import { usePopoverContainer as z } from "../../../../hooks/usePopoverContainer/usePopoverContainer.js";
10
+ import { PopoverMenuStyled as A, InputFilterStyled as D, InputFilterInputSkeletonStyled as j, InputFilterInputStyled as E } from "../../slots/dynamicFilterSlots.js";
11
11
  import { MenuItem as p } from "../../../extended/mui/MenuItem/MenuItem.js";
12
12
  function K(c) {
13
- const { fields: l, selectFieldIndex: m, inputData: d, inputPlaceHolder: f, inputHandlersProps: I, isSkeleton: b } = c, { elementRef: v, handleOpenPopUpClickItem: h, handleClosePopover: F, getItemLabel: i, isOpenPopoverMenuFields: o } = w(), S = v?.current, { getLabel: P } = O(), s = k(!!o), { size: r, ownerState: n } = D(), a = C(null);
13
+ const { fields: l, selectFieldIndex: m, inputData: d, inputPlaceHolder: f, inputHandlersProps: I, isSkeleton: b } = c, { elementRef: h, handleOpenPopUpClickItem: v, handleClosePopover: S, getItemLabel: i, isOpenPopoverMenuFields: o } = R(), F = h?.current, { getLabel: P } = _(), a = z(!!o), { size: r, ownerState: n } = w(), s = C(null);
14
14
  return g(() => {
15
15
  o && requestAnimationFrame(() => {
16
- a.current?.focus();
16
+ s.current?.focus();
17
17
  });
18
- }, [o]), !o || !s ? null : /* @__PURE__ */ u(
19
- z,
18
+ }, [o]), !o || !a ? null : /* @__PURE__ */ u(
19
+ A,
20
20
  {
21
21
  disableAutoFocus: !0,
22
22
  disableRestoreFocus: !0,
@@ -27,16 +27,16 @@ function K(c) {
27
27
  mt: e.vars.size.baseSpacings.sp2
28
28
  }),
29
29
  open: !!o,
30
- onClose: F,
31
- anchorEl: S,
32
- container: s,
30
+ onClose: S,
31
+ anchorEl: F,
32
+ container: a,
33
33
  children: [
34
- /* @__PURE__ */ u(A, { ownerState: { ...n }, children: [
35
- /* @__PURE__ */ t(R, { size: r, src: /* @__PURE__ */ t(M, {}) }),
34
+ /* @__PURE__ */ u(D, { ownerState: { ...n }, children: [
35
+ /* @__PURE__ */ t(O, { size: r, src: /* @__PURE__ */ t(M, {}) }),
36
36
  b ? /* @__PURE__ */ t(j, { ownerState: { ...n }, variant: "rounded" }) : /* @__PURE__ */ t(
37
37
  E,
38
38
  {
39
- ref: a,
39
+ ref: s,
40
40
  type: "text",
41
41
  value: d,
42
42
  placeholder: f,
@@ -53,7 +53,7 @@ function K(c) {
53
53
  dense: !0,
54
54
  size: r,
55
55
  selected: x === m,
56
- onClick: (y) => h(y, e),
56
+ onClick: (y) => v(y, e),
57
57
  startIcon: e.urlIcon,
58
58
  label: i(e)
59
59
  },
@@ -64,7 +64,7 @@ function K(c) {
64
64
  {
65
65
  dense: !0,
66
66
  size: r,
67
- label: P(_.label_no_fields_available),
67
+ label: P(k.label_no_fields_available),
68
68
  disabled: !0
69
69
  }
70
70
  )
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@m4l/components",
3
- "version": "9.10.0",
3
+ "version": "9.10.1-beta-m4lcom-723-dynamicfilter-mejora.0",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -51,23 +51,23 @@
51
51
  "@hookform/resolvers": "2.9.11",
52
52
  "nprogress": "0.2.0",
53
53
  "react-transition-group": "4.4.5",
54
- "react-spinners": "0.13.8",
55
- "react-dropzone": "14.4.1",
56
54
  "react-rnd": "10.5.2",
55
+ "react-spinners": "0.13.8",
57
56
  "react-draggable": "4.5.0",
58
57
  "date-fns": "2.30.0",
58
+ "react-dropzone": "14.4.1",
59
59
  "simplebar-react": "3.2.6",
60
60
  "chart.js": "4.5.1",
61
61
  "chartjs-chart-error-bars": "4.4.5",
62
62
  "qrcode.react": "3.2.0",
63
+ "react-color": "2.19.3",
64
+ "react-resizable-panels": "2.1.9",
65
+ "@mui/x-date-pickers": "6.20.2",
63
66
  "react-data-grid": "7.0.0-beta.47",
64
67
  "react-dnd": "16.0.1",
65
68
  "react-dnd-html5-backend": "16.0.1",
66
- "react-resizable-panels": "2.1.9",
67
- "react-color": "2.19.3",
68
- "@mui/x-date-pickers": "6.20.2",
69
- "react-window": "1.8.11",
70
69
  "react-resizable": "3.1.3",
70
+ "react-window": "1.8.11",
71
71
  "@tanstack/react-virtual": "3.13.23"
72
72
  }
73
73
  }