@m4l/components 0.0.47 → 0.0.48

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 (50) hide show
  1. package/dist/components/CommonActions/components/ActionCancel/index.d.ts +3 -0
  2. package/dist/components/CommonActions/components/ActionCancel/index.js +14 -0
  3. package/dist/components/CommonActions/components/ActionFormCancel/index.d.ts +3 -0
  4. package/dist/components/CommonActions/components/ActionFormCancel/index.js +62 -0
  5. package/dist/components/CommonActions/components/ActionFormCancel/types.d.ts +6 -0
  6. package/dist/components/CommonActions/components/ActionFormIntro/index.d.ts +3 -0
  7. package/dist/components/CommonActions/components/ActionFormIntro/index.js +34 -0
  8. package/dist/components/CommonActions/components/ActionIntro/index.d.ts +3 -0
  9. package/dist/components/CommonActions/components/ActionIntro/index.js +16 -0
  10. package/dist/components/CommonActions/components/Actions/index.d.ts +3 -0
  11. package/dist/components/CommonActions/components/Actions/index.js +980 -0
  12. package/dist/components/CommonActions/components/Actions/styles.d.ts +2 -0
  13. package/dist/components/CommonActions/components/Actions/types.d.ts +6 -0
  14. package/dist/components/CommonActions/context/index.d.ts +5 -0
  15. package/dist/components/CommonActions/context/types.d.ts +9 -0
  16. package/dist/components/{FormActions → CommonActions}/dictionary.d.ts +1 -1
  17. package/dist/components/CommonActions/index.d.ts +6 -0
  18. package/dist/components/DataGrid/index.js +8 -648
  19. package/dist/components/DynamicFilter/components/fieldstypes/DateTimeFilter/index.d.ts +2 -1
  20. package/dist/components/DynamicFilter/components/fieldstypes/factory.d.ts +2 -1
  21. package/dist/components/DynamicFilter/index.js +20 -16
  22. package/dist/components/Icon/index.js +14 -12
  23. package/dist/components/ModalDialog/components/Header/types.d.ts +2 -2
  24. package/dist/components/ModalDialog/index.js +20 -20
  25. package/dist/components/ModalDialog/types.d.ts +2 -2
  26. package/dist/components/SplitLayout/index.js +0 -1
  27. package/dist/components/formatters/DateFormatter/index.js +10 -8
  28. package/dist/components/hook-form/FormProvider/index.js +6 -116
  29. package/dist/components/hook-form/RHFTextField/index.d.ts +1 -1
  30. package/dist/components/index.d.ts +2 -2
  31. package/dist/components/mui_extended/Button/index.d.ts +3 -0
  32. package/dist/components/mui_extended/Button/styles.d.ts +12 -0
  33. package/dist/components/mui_extended/Button/types.d.ts +2 -0
  34. package/dist/components/mui_extended/IconButton/index.d.ts +0 -1
  35. package/dist/components/mui_extended/IconButton/index.js +23 -16
  36. package/dist/components/mui_extended/Pager/index.js +1 -66
  37. package/dist/contexts/ModalContext/components/ContentConfirm/types.d.ts +3 -3
  38. package/dist/contexts/ModalContext/index.js +12 -9
  39. package/dist/contexts/ModalContext/types.d.ts +5 -6
  40. package/dist/index.js +6 -3
  41. package/dist/react-lazy-load-image-component.js +197 -173
  42. package/dist/utils/index.d.ts +3 -3
  43. package/dist/utils/types.d.ts +1 -0
  44. package/dist/vendor.js +32 -11
  45. package/package.json +4 -5
  46. package/dist/components/FormActions/index.d.ts +0 -3
  47. package/dist/components/FormActions/index.js +0 -51
  48. package/dist/components/FormActions/styles.d.ts +0 -2
  49. package/dist/components/FormActions/types.d.ts +0 -7
  50. package/dist/components/mui_extended/MenuActions/index.js +0 -111
@@ -1,13 +1,14 @@
1
1
  import { S as ScrollBar } from "../ScrollBar/index.js";
2
2
  import { styled, alpha } from "@mui/material/styles";
3
3
  import require$$0, { useRef, useState, useMemo, useCallback, useEffect, createContext, useContext } from "react";
4
- import { useModuleDictionary, useEnvironment, voidFunction, useHostTools, useFlagsPresent } from "@m4l/core";
4
+ import { useModuleDictionary, useHostTools, useEnvironment, voidFunction, useFlagsPresent } from "@m4l/core";
5
5
  import * as Yup from "yup";
6
6
  import { useFormContext, useWatch } from "react-hook-form";
7
7
  import { F as FormProvider } from "../hook-form/FormProvider/index.js";
8
8
  import "react-router-dom";
9
9
  import "@mui/lab";
10
- import { styled as styled$1, Skeleton, MenuItem, Popper, Button } from "@mui/material";
10
+ import { styled as styled$1, Skeleton, MenuItem, useTheme, Popper, Button } from "@mui/material";
11
+ import { L as LabelMemuItem } from "../CommonActions/components/Actions/index.js";
11
12
  import "../../contexts/ModalContext/index.js";
12
13
  import { jsx, jsxs, Fragment } from "react/jsx-runtime";
13
14
  import { R as RHFAutocomplete } from "../../vendor.js";
@@ -20,11 +21,9 @@ import "../../lodash.js";
20
21
  import "../../react-lazy-load-image-component.js";
21
22
  import "../Image/index.js";
22
23
  import "../hook-form/RHFUpload.js";
23
- import { format } from "date-fns";
24
24
  import { I as IconButton } from "../mui_extended/IconButton/index.js";
25
25
  import { I as Icon } from "../Icon/index.js";
26
26
  import "../../simplebar.js";
27
- import { L as LabelMemuItem } from "../mui_extended/MenuActions/index.js";
28
27
  import { M as MenuPopover } from "../mui_extended/MenuPopover/index.js";
29
28
  import { useResponsiveDesktop } from "@m4l/graphics";
30
29
  const WrapperApplyedFilters = styled("div")(({
@@ -370,7 +369,7 @@ const verifyDateTime = (filter) => {
370
369
  }
371
370
  return true;
372
371
  };
373
- const getDefaultDateTimeFilter = (field, fixed, getLabel) => {
372
+ const getDefaultDateTimeFilter = (field, fixed, getLabel, hostTools) => {
374
373
  const defaultStartDate = new Date();
375
374
  const defaultEndDate = new Date();
376
375
  let dfop1 = field.defaultOperand1;
@@ -408,7 +407,7 @@ const getDefaultDateTimeFilter = (field, fixed, getLabel) => {
408
407
  }
409
408
  defaultFilter.o1 = defaultStartDate.toISOString();
410
409
  defaultFilter.o2 = defaultEndDate.toISOString();
411
- defaultFilter.labelOperands = `${format(defaultStartDate, "yyyy-MM-dd HH:mm:ss")} - ${format(defaultEndDate, "yyyy-MM-dd HH:mm:ss")}`;
410
+ defaultFilter.labelOperands = `${hostTools.formatDate(defaultStartDate, "yyyy-MM-dd HH:mm:ss")} - ${hostTools.formatDate(defaultEndDate, "yyyy-MM-dd HH:mm:ss")}`;
412
411
  defaultFilter.labelOperator = getLabel(`dynamic_filter.operator_${defaultFilter.o}`);
413
412
  return defaultFilter;
414
413
  };
@@ -421,6 +420,9 @@ function DateTimeFilter() {
421
420
  const {
422
421
  getLabel
423
422
  } = useModuleDictionary();
423
+ const {
424
+ formatDate
425
+ } = useHostTools();
424
426
  const {
425
427
  dfnsFormat: {
426
428
  datetime_format
@@ -460,10 +462,10 @@ function DateTimeFilter() {
460
462
  };
461
463
  if (data.valueOperator.id === "b") {
462
464
  newFilter.o2 = data.valueOperand2.toISOString();
463
- newFilter.labelOperands = `${format(data.valueOperand1, datetime_format)} - ${format(data.valueOperand2, datetime_format)}`;
465
+ newFilter.labelOperands = `${formatDate(data.valueOperand1, datetime_format)} - ${formatDate(data.valueOperand2, datetime_format)}`;
464
466
  } else {
465
467
  newFilter.o2 = newFilter.o2 ? newFilter.o2 : newFilter.o1;
466
- newFilter.labelOperands = format(data.valueOperand1, datetime_format);
468
+ newFilter.labelOperands = formatDate(data.valueOperand1, datetime_format);
467
469
  }
468
470
  return newFilter;
469
471
  }, []);
@@ -671,9 +673,9 @@ const strategiesDefaultFilterValues = {
671
673
  throw new Error("Type no defined");
672
674
  }
673
675
  };
674
- const getDefaultFilterValues = (field, fixed, getLabel) => {
676
+ const getDefaultFilterValues = (field, fixed, getLabel, hostTools) => {
675
677
  const transformer = strategiesDefaultFilterValues[field.type] ?? strategiesDefaultFilterValues.__default__;
676
- return transformer(field, fixed, getLabel);
678
+ return transformer(field, fixed, getLabel, hostTools);
677
679
  };
678
680
  const strategiesEditFilterComponent = {
679
681
  string: StringFilter,
@@ -751,7 +753,7 @@ const formatToRawFilter = (applyedFilter) => {
751
753
  o2: af.o2
752
754
  }));
753
755
  };
754
- const getInitialFilters = (fields, filters, getFieldByName, getLabel) => {
756
+ const getInitialFilters = (fields, filters, getFieldByName, getLabel, hostTools) => {
755
757
  const newFilters = [];
756
758
  const fixedFields = [];
757
759
  for (let index = 0; index < filters.length; index++) {
@@ -801,7 +803,7 @@ const getInitialFilters = (fields, filters, getFieldByName, getLabel) => {
801
803
  const field = fields[index];
802
804
  if (field.presence === "initialized" || field.presence === "fixed") {
803
805
  if (!filters.find((f) => f.n === field.name)) {
804
- const newFilter = getDefaultFilterValues(field, field.presence === "fixed", getLabel);
806
+ const newFilter = getDefaultFilterValues(field, field.presence === "fixed", getLabel, hostTools);
805
807
  newFilter.id = newFilters.length + 1;
806
808
  newFilters.push(newFilter);
807
809
  }
@@ -834,6 +836,7 @@ function BaseProvider(props) {
834
836
  host_static_assets,
835
837
  environment_assets
836
838
  } = useEnvironment();
839
+ const hostTools = useHostTools();
837
840
  const all_fields = useMemo(() => {
838
841
  return {
839
842
  ...ALL_FIELDS,
@@ -855,7 +858,7 @@ function BaseProvider(props) {
855
858
  const getLabelOperator = useCallback((operator) => {
856
859
  return getLabel(`dynamic_filter.operator_${operator}`);
857
860
  }, [getLabel]);
858
- const [applyedFilters, setApplyedFilters] = useState(getInitialFilters(fields, initialFilters, getFieldByName, getLabel));
861
+ const [applyedFilters, setApplyedFilters] = useState(getInitialFilters(fields, initialFilters, getFieldByName, getLabel, hostTools));
859
862
  const availableFields = useMemo(() => {
860
863
  const newFields = [];
861
864
  for (let index = 0; index < fields.length; index++) {
@@ -962,7 +965,7 @@ function BaseProvider(props) {
962
965
  const showPopupForAddFilter = useCallback((anchorEl, field) => {
963
966
  setPopupData({
964
967
  popupAnchorEl: anchorEl,
965
- filter: getDefaultFilterValues(field, false, getLabel),
968
+ filter: getDefaultFilterValues(field, false, getLabel, hostTools),
966
969
  field
967
970
  });
968
971
  setInEdition(true);
@@ -1133,7 +1136,7 @@ function ApplyedFilter(props) {
1133
1136
  children: labelOperands
1134
1137
  })]
1135
1138
  }), !fixed && /* @__PURE__ */ jsx(IconButton, {
1136
- src: `${host_static_assets}/${environment_assets}/frontend/components/dynamic_filter/assets/icons/close.svg`,
1139
+ src: `${host_static_assets}/${environment_assets}/frontend/components/dynamic_filter/assets/icons/close_filter.svg`,
1137
1140
  onClick: onDelete
1138
1141
  })]
1139
1142
  });
@@ -1470,6 +1473,7 @@ const PopupEditFilter = () => {
1470
1473
  getLabelOperator,
1471
1474
  fnTransformFormValuesIntoRawValues
1472
1475
  } = useBase();
1476
+ const theme = useTheme();
1473
1477
  const {
1474
1478
  getLabel
1475
1479
  } = useModuleDictionary();
@@ -1506,7 +1510,7 @@ const PopupEditFilter = () => {
1506
1510
  open: Boolean(popupAnchorEl),
1507
1511
  anchorEl: popupAnchorEl,
1508
1512
  sx: {
1509
- boxShadow: "0 8px 16px 0 rgb(0 0 0 / 12%)",
1513
+ boxShadow: theme.customShadows.dropdown,
1510
1514
  borderRadius: 1
1511
1515
  },
1512
1516
  children: /* @__PURE__ */ jsx(Fragment, {
@@ -1,15 +1,15 @@
1
1
  import { styled, useTheme } from "@mui/material";
2
- import { useState, useEffect } from "react";
2
+ import { useState, useMemo, useEffect } from "react";
3
3
  import { jsx } from "react/jsx-runtime";
4
4
  const MaskIcon = styled("div", {
5
5
  shouldForwardProp: (props) => props !== "src" && props !== "width" && props !== "height" && props !== "bgColor"
6
6
  })((props) => ({
7
- WebkitMask: `url(${props.src}) no-repeat`,
8
- mask: `url(${props.src}) no-repeat`,
9
- maskPosition: "center",
7
+ maskPosition: "center!important",
8
+ maskRepeat: "no-repeat!important",
10
9
  width: props.width === void 0 ? "20px" : props.width,
11
10
  height: props.height === void 0 ? "20px" : props.height,
12
- backgroundColor: props.bgColor
11
+ backgroundColor: props.bgColor,
12
+ mask: `url('data:image/svg+xml;base64,${props.src}')`
13
13
  }));
14
14
  const WrapperPlaceHolder = styled("div", {
15
15
  shouldForwardProp: (props) => props !== "widht" && props !== "height"
@@ -29,7 +29,7 @@ function Icon(props) {
29
29
  } = props;
30
30
  const [resource, setResource] = useState(void 0);
31
31
  const theme = useTheme();
32
- const getBgColor = () => {
32
+ const finalBgColor = useMemo(() => {
33
33
  if (bgColor === "active") {
34
34
  return theme.palette.action.active;
35
35
  }
@@ -49,23 +49,25 @@ function Icon(props) {
49
49
  return theme.palette.action.disabled;
50
50
  }
51
51
  return bgColor;
52
- };
52
+ }, [bgColor]);
53
53
  useEffect(() => {
54
54
  let mounted = true;
55
- if (resource)
56
- return;
57
55
  (async function networkOperation() {
58
56
  await fetch(src).then((response) => {
57
+ return response.text() || "";
58
+ }).then((xml) => {
59
+ xml = xml.match(/(<svg\b[^>]*\s*(viewBox="(\b[^"]*)").*?>([\s\S]*?)<\/svg>|<svg>([\s\S]*?)<\/svg>)/g)?.toString() || "";
59
60
  if (mounted) {
60
- setResource(response.url);
61
+ setResource(window.btoa(xml));
61
62
  }
62
63
  }).catch((_err) => {
64
+ console.log("error icon");
63
65
  });
64
66
  })();
65
67
  return function clenUp() {
66
68
  mounted = false;
67
69
  };
68
- }, []);
70
+ }, [src]);
69
71
  const placeHolder = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDcwIDcwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3MCA3MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM2MzczODE7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NSw4LjdjMS40LTEuNSwzLjQtMi4zLDUuNC0yLjNzMy45LDAuOCw1LjQsMi4zczIuNCwzLjUsMi41LDUuN2MwLDIuMi0wLjksNC4yLTIuNCw1LjdzLTMuNSwyLjMtNS41LDIuMgoJCWMtMi4xLDAuMS00LTAuNy01LjUtMi4yYy0xLjQtMS41LTIuMy0zLjUtMi40LTUuN0M0Mi42LDEyLjIsNDMuNSwxMC4yLDQ1LDguN3oiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02OC40LDYyLjFjLTAuMywwLjUtMC43LDAuOC0xLjIsMS4xcy0xLDAuNC0xLjYsMC40SDQuM2MtMC42LDAtMS4xLTAuMS0xLjYtMC40cy0wLjktMC42LTEuMi0xLjEKCQljLTAuMi0wLjUtMC40LTEtMC40LTEuNXMwLjEtMS4xLDAuNC0xLjVsMjMtMzYuNGMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNHMwLjksMC42LDEuMiwxLjEKCQlsMTEuNSwxOC4yYzAuMiwwLjMsMC41LDAuNSwwLjgsMC43czAuNiwwLjMsMSwwLjNjMC4zLDAsMC43LTAuMSwxLTAuM3MwLjYtMC40LDAuOC0wLjdsMy4xLTQuOWMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMQoJCXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNGMwLjUsMC4zLDAuOSwwLjYsMS4yLDEuMWwxNC42LDIzLjFjMC4zLDAuNSwwLjMsMSwwLjMsMS41UzY4LjcsNjEuNyw2OC40LDYyLjF6Ii8+CjwvZz4KPC9zdmc+Cg==";
70
72
  return /* @__PURE__ */ jsx(WrapperPlaceHolder, {
71
73
  id: "IconReact",
@@ -75,7 +77,7 @@ function Icon(props) {
75
77
  src: resource,
76
78
  width,
77
79
  height,
78
- bgColor: getBgColor()
80
+ bgColor: finalBgColor
79
81
  }) : /* @__PURE__ */ jsx("img", {
80
82
  src: placeHolder,
81
83
  alt: "icon_svg"
@@ -1,7 +1,7 @@
1
1
  import { ReactNode } from 'react';
2
- import { VariantModal } from '../../../../contexts/ModalContext/types';
2
+ import { VariantColor } from '../../../../utils/types';
3
3
  export interface HeaderProps {
4
- variant?: VariantModal;
4
+ variant?: VariantColor;
5
5
  title: string;
6
6
  iconComponent?: ReactNode;
7
7
  withClose?: boolean;
@@ -2,13 +2,13 @@ import { Dialog, IconButton, Paper } from "@mui/material";
2
2
  import { D as Draggable } from "../../react-draggable.js";
3
3
  import { u as useModal } from "../../hooks/useModal/index.js";
4
4
  import { styled } from "@mui/material/styles";
5
- import { a as getThemeVariantColor } from "../../vendor.js";
5
+ import { g as getThemeVariantColor } from "../../vendor.js";
6
6
  import { R as Resizeable } from "../Resizeable/index.js";
7
7
  import { useResponsiveDesktop } from "@m4l/graphics";
8
8
  import { useEnvironment } from "@m4l/core";
9
9
  import { I as Icon } from "../Icon/index.js";
10
10
  import { jsxs, jsx } from "react/jsx-runtime";
11
- import { F as FormActions, g as getActionnsComponentsDictionary } from "../FormActions/index.js";
11
+ import { b as Actions, g as getStandardActionsDictionary } from "../CommonActions/components/Actions/index.js";
12
12
  const WrapperDialog = styled(Dialog)(() => ({}));
13
13
  const Container = styled("div")(({ theme }) => ({
14
14
  display: "flex",
@@ -128,8 +128,7 @@ const ModalDialog = () => {
128
128
  title,
129
129
  closeModal,
130
130
  iconComponent,
131
- standardActions,
132
- actionComponents,
131
+ actions,
133
132
  variant
134
133
  } = useModal();
135
134
  const isDesktop = useResponsiveDesktop();
@@ -138,21 +137,22 @@ const ModalDialog = () => {
138
137
  };
139
138
  const contentComnponent = /* @__PURE__ */ jsxs(Container, {
140
139
  id: "Container",
141
- children: [/* @__PURE__ */ jsx(Header, {
142
- variant,
143
- title,
144
- iconComponent,
145
- withClose,
146
- onCloseModal
147
- }), /* @__PURE__ */ jsx(Content, {
148
- id: "Content",
149
- children: typeof contentComponent === "function" ? contentComponent() : contentComponent
150
- }), (standardActions || actionComponents) && /* @__PURE__ */ jsx(FormActions, {
151
- variant,
152
- standardActions,
153
- actionComponents,
154
- onCloseModal
155
- })]
140
+ children: [
141
+ /* @__PURE__ */ jsx(Header, {
142
+ variant,
143
+ title,
144
+ iconComponent,
145
+ withClose,
146
+ onCloseModal
147
+ }),
148
+ /* @__PURE__ */ jsx(Content, {
149
+ id: "Content",
150
+ children: typeof contentComponent === "function" ? contentComponent() : contentComponent
151
+ }),
152
+ actions && /* @__PURE__ */ jsx(Actions, {
153
+ children: actions
154
+ })
155
+ ]
156
156
  });
157
157
  return /* @__PURE__ */ jsxs(WrapperDialog, {
158
158
  open,
@@ -172,7 +172,7 @@ const ModalDialog = () => {
172
172
  });
173
173
  };
174
174
  function getModalDialogComponentsDictionary() {
175
- return ["modal_dialog"].concat(getActionnsComponentsDictionary());
175
+ return ["modal_dialog"].concat(getStandardActionsDictionary());
176
176
  }
177
177
  const defaultModalDialogDictionary = {
178
178
  modal_dialog: {}
@@ -1,6 +1,6 @@
1
- import { VariantModal } from '../../contexts/ModalContext/types';
1
+ import { VariantColor } from '../../utils/types';
2
2
  export interface ModalDialogProps {
3
3
  }
4
4
  export interface VariantProps {
5
- variant?: VariantModal;
5
+ variant?: VariantColor;
6
6
  }
@@ -32,7 +32,6 @@ const WrapperSplit = styled("div")(({
32
32
  display: "flex",
33
33
  alignItems: "center",
34
34
  backgroundColor: theme.palette.divider,
35
- zIndex: "1",
36
35
  boxSizing: "border-box",
37
36
  backgroundClip: "padding-box",
38
37
  width: "11px",
@@ -1,29 +1,31 @@
1
- import { useEnvironment } from "@m4l/core";
2
- import { format } from "date-fns";
1
+ import { useEnvironment, useHostTools } from "@m4l/core";
3
2
  import require$$0 from "react";
4
3
  import { jsx } from "react/jsx-runtime";
5
4
  function DateFormatter(props) {
6
5
  const {
7
6
  presentationType,
8
7
  value,
9
- format: format$1,
8
+ format,
10
9
  Component = require$$0.Fragment
11
10
  } = props;
12
11
  const {
13
12
  dfnsFormat
14
13
  } = useEnvironment();
15
- let finalFormat = format$1 || dfnsFormat.datetime_format;
14
+ const {
15
+ formatDate
16
+ } = useHostTools();
17
+ let finalFormat = format || dfnsFormat.datetime_format;
16
18
  let result;
17
19
  let resultDate;
18
20
  switch (presentationType) {
19
21
  case "datetime":
20
- finalFormat = format$1 || dfnsFormat.datetime_format;
22
+ finalFormat = format || dfnsFormat.datetime_format;
21
23
  break;
22
24
  case "date":
23
- finalFormat = format$1 || dfnsFormat.date_format;
25
+ finalFormat = format || dfnsFormat.date_format;
24
26
  break;
25
27
  case "time":
26
- finalFormat = format$1 || dfnsFormat.time_format;
28
+ finalFormat = format || dfnsFormat.time_format;
27
29
  break;
28
30
  }
29
31
  try {
@@ -32,7 +34,7 @@ function DateFormatter(props) {
32
34
  } else {
33
35
  resultDate = value;
34
36
  }
35
- result = format(resultDate, finalFormat);
37
+ result = formatDate(resultDate, finalFormat);
36
38
  } catch (e) {
37
39
  result = "err_typing";
38
40
  }
@@ -1,125 +1,15 @@
1
- import { useCallback, useEffect } from "react";
2
- import { useFormContext, useFormState, useForm, FormProvider as FormProvider$1 } from "react-hook-form";
1
+ import { useEffect } from "react";
2
+ import { useForm, FormProvider as FormProvider$1 } from "react-hook-form";
3
3
  import { o } from "../../../node_modules.js";
4
4
  import { styled } from "@mui/material/styles";
5
- import { useNavigate } from "react-router-dom";
6
- import { useModuleDictionary, useFlagsPresent } from "@m4l/core";
7
- import { LoadingButton } from "@mui/lab";
8
- import { Skeleton, Button } from "@mui/material";
9
- import { u as useModal } from "../../../hooks/useModal/index.js";
10
- import { jsxs, jsx } from "react/jsx-runtime";
11
- const WrapperFormProvider = styled("form")(({
12
- theme
13
- }) => ({
5
+ import { F as FormActions } from "../../CommonActions/components/Actions/index.js";
6
+ import { jsx, jsxs } from "react/jsx-runtime";
7
+ const WrapperFormProvider = styled("form")(() => ({
14
8
  display: "flex",
15
9
  flexDirection: "column",
16
10
  width: "100%",
17
- overflow: "scroll",
18
- marginBottom: theme.spacing(1)
11
+ overflow: "scroll"
19
12
  }));
20
- const WrapperFormActions = styled("div")(({
21
- theme
22
- }) => ({
23
- paddingTop: theme.spacing(3),
24
- marginRight: theme.spacing(1.5),
25
- display: "flex",
26
- flexDirection: "row",
27
- justifyContent: "flex-end",
28
- "& > button": {
29
- marginLeft: "10px"
30
- },
31
- "& .MuiLoadingButton-root ": {
32
- minWidth: "80px"
33
- }
34
- }));
35
- const WrapperSKTFormActions = styled("div")(({
36
- theme
37
- }) => ({
38
- display: "grid",
39
- gridTemplateColumns: "auto auto",
40
- margin: "0px",
41
- gridGap: `${theme.spacing(3)}`,
42
- justifyContent: "flex-end",
43
- paddingTop: `${theme.spacing(3)}`,
44
- borderTop: `1px solid ${theme.palette.divider}`,
45
- [theme.breakpoints.up("sm")]: {
46
- margin: `0 ${theme.spacing(4.5)}`
47
- }
48
- }));
49
- function SKTFormActions() {
50
- return /* @__PURE__ */ jsxs(WrapperSKTFormActions, {
51
- children: [/* @__PURE__ */ jsx(Skeleton, {
52
- variant: "text",
53
- width: 57,
54
- height: 30
55
- }), /* @__PURE__ */ jsx(Skeleton, {
56
- variant: "text",
57
- width: 57,
58
- height: 30
59
- })]
60
- });
61
- }
62
- function FormActions(props) {
63
- const {
64
- withIntro,
65
- urlCancel
66
- } = props;
67
- const navigate = useNavigate();
68
- const {
69
- getLabel
70
- } = useModuleDictionary();
71
- const isSkeleton = !useFlagsPresent(["dictionary_loaded", "form_loaded"]);
72
- const {
73
- openModalConfirm
74
- } = useModal();
75
- const {
76
- control
77
- } = useFormContext();
78
- const {
79
- isDirty,
80
- isSubmitting
81
- } = useFormState({
82
- control
83
- });
84
- const onConfirmCancel = useCallback(() => {
85
- if (typeof urlCancel === "number") {
86
- navigate(urlCancel);
87
- }
88
- if (urlCancel && typeof urlCancel === "undefined") {
89
- navigate(urlCancel, {
90
- replace: false
91
- });
92
- }
93
- }, [navigate, urlCancel]);
94
- const onClickCancel = useCallback(() => {
95
- if (isDirty) {
96
- openModalConfirm({
97
- variant: "warning",
98
- title: getLabel("form_provider.confirm_quit_title"),
99
- msg: getLabel("form_provider.confirm_quit_msg"),
100
- onClickIntro: onConfirmCancel
101
- });
102
- } else {
103
- onConfirmCancel();
104
- }
105
- }, [getLabel, isDirty, onConfirmCancel, openModalConfirm]);
106
- if (isSkeleton) {
107
- return /* @__PURE__ */ jsx(SKTFormActions, {});
108
- }
109
- return /* @__PURE__ */ jsxs(WrapperFormActions, {
110
- children: [urlCancel && /* @__PURE__ */ jsx(Button, {
111
- variant: "outlined",
112
- color: "inherit",
113
- onClick: onClickCancel,
114
- children: getLabel("actions.action_cancel")
115
- }), withIntro && /* @__PURE__ */ jsx(LoadingButton, {
116
- variant: "contained",
117
- type: "submit",
118
- loading: isSubmitting,
119
- children: getLabel("actions.action_accept")
120
- })]
121
- });
122
- }
123
13
  function FormProvider(props) {
124
14
  const {
125
15
  children,
@@ -1,3 +1,3 @@
1
1
  /// <reference types="react" />
2
2
  import { RHFTextFieldProps } from './types';
3
- export declare const RHFTextField: import("react").ForwardRefExoticComponent<(Pick<RHFTextFieldProps & import("@mui/material").StandardTextFieldProps, "error" | "size" | "label" | "slot" | "select" | "style" | "title" | "color" | "translate" | "margin" | "sx" | "key" | "children" | "className" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "variant" | "name" | "type" | "autoFocus" | "disabled" | "value" | "autoComplete" | "required" | "rows" | "fullWidth" | "focused" | "inputProps" | "inputRef" | "hiddenLabel" | "InputProps" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "multiline" | "maxRows" | "minRows" | "SelectProps" | "skeletonProps"> | Pick<RHFTextFieldProps & import("@mui/material").FilledTextFieldProps, "error" | "size" | "label" | "slot" | "select" | "style" | "title" | "color" | "translate" | "margin" | "sx" | "key" | "children" | "className" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "variant" | "name" | "type" | "autoFocus" | "disabled" | "value" | "autoComplete" | "required" | "rows" | "fullWidth" | "focused" | "inputProps" | "inputRef" | "hiddenLabel" | "InputProps" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "multiline" | "maxRows" | "minRows" | "SelectProps" | "skeletonProps"> | Pick<RHFTextFieldProps & import("@mui/material").OutlinedTextFieldProps, "error" | "size" | "label" | "slot" | "select" | "style" | "title" | "color" | "translate" | "margin" | "sx" | "key" | "children" | "className" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "variant" | "name" | "type" | "autoFocus" | "disabled" | "value" | "autoComplete" | "required" | "rows" | "fullWidth" | "focused" | "inputProps" | "inputRef" | "hiddenLabel" | "InputProps" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "multiline" | "maxRows" | "minRows" | "SelectProps" | "skeletonProps">) & import("react").RefAttributes<HTMLInputElement>>;
3
+ export declare const RHFTextField: import("react").ForwardRefExoticComponent<(Pick<RHFTextFieldProps & import("@mui/material").StandardTextFieldProps, "error" | "size" | "label" | "slot" | "select" | "style" | "title" | "color" | "translate" | "margin" | "sx" | "key" | "children" | "className" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "variant" | "name" | "type" | "autoFocus" | "disabled" | "value" | "autoComplete" | "required" | "rows" | "focused" | "inputProps" | "inputRef" | "fullWidth" | "hiddenLabel" | "InputProps" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "multiline" | "maxRows" | "minRows" | "SelectProps" | "skeletonProps"> | Pick<RHFTextFieldProps & import("@mui/material").FilledTextFieldProps, "error" | "size" | "label" | "slot" | "select" | "style" | "title" | "color" | "translate" | "margin" | "sx" | "key" | "children" | "className" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "variant" | "name" | "type" | "autoFocus" | "disabled" | "value" | "autoComplete" | "required" | "rows" | "focused" | "inputProps" | "inputRef" | "fullWidth" | "hiddenLabel" | "InputProps" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "multiline" | "maxRows" | "minRows" | "SelectProps" | "skeletonProps"> | Pick<RHFTextFieldProps & import("@mui/material").OutlinedTextFieldProps, "error" | "size" | "label" | "slot" | "select" | "style" | "title" | "color" | "translate" | "margin" | "sx" | "key" | "children" | "className" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "variant" | "name" | "type" | "autoFocus" | "disabled" | "value" | "autoComplete" | "required" | "rows" | "focused" | "inputProps" | "inputRef" | "fullWidth" | "hiddenLabel" | "InputProps" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "multiline" | "maxRows" | "minRows" | "SelectProps" | "skeletonProps">) & import("react").RefAttributes<HTMLInputElement>>;
@@ -9,8 +9,8 @@ export type { RowKey } from '../components/DataGrid/types';
9
9
  export { getGridComponentsDictionary } from '../components/DataGrid/dictionary';
10
10
  export * from '../components/DynamicFilter';
11
11
  export type { FilterFieldApply, RawFilterFieldApply } from '../components/DynamicFilter/types';
12
- export * from '../components/FormActions';
13
- export * from '../components/FormActions/dictionary';
12
+ export * from './CommonActions/';
13
+ export * from './CommonActions/dictionary';
14
14
  export * from '../components/Icon';
15
15
  export * from '../components/Image';
16
16
  export * from '../components/LanguagePopover';
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { ExtendButtonProps } from './types';
3
+ export declare const Button: (props: ExtendButtonProps) => JSX.Element;
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ export declare const SKTButton: import("@emotion/styled").StyledComponent<{
3
+ animation?: false | "pulse" | "wave" | undefined;
4
+ children?: import("react").ReactNode;
5
+ classes?: Partial<import("@mui/material").SkeletonClasses> | undefined;
6
+ height?: string | number | undefined;
7
+ sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
8
+ variant?: "text" | "rectangular" | "circular" | undefined;
9
+ width?: string | number | undefined;
10
+ } & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
11
+ ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
12
+ }, "height" | "width" | "animation" | "sx" | "children" | keyof import("@mui/material/OverridableComponent").CommonProps | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
@@ -0,0 +1,2 @@
1
+ import { ButtonProps } from '@mui/material';
2
+ export declare type ExtendButtonProps = ButtonProps;