@tecsinapse/cortex-react 1.9.34 → 1.9.36

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 (11) hide show
  1. package/dist/cjs/components/Uploader/Dropzone.js +1 -1
  2. package/dist/cjs/components/Uploader/Files.js +1 -1
  3. package/dist/cjs/components/Uploader/Modal.js +2 -2
  4. package/dist/cjs/components/Uploader/Root.js +2 -2
  5. package/dist/cjs/hooks/useDatePickerInput.js +5 -0
  6. package/dist/esm/components/Uploader/Dropzone.js +1 -1
  7. package/dist/esm/components/Uploader/Files.js +1 -1
  8. package/dist/esm/components/Uploader/Modal.js +2 -2
  9. package/dist/esm/components/Uploader/Root.js +2 -2
  10. package/dist/esm/hooks/useDatePickerInput.js +6 -1
  11. package/package.json +2 -2
package/dist/cjs/components/Uploader/Dropzone.js CHANGED
@@ -18,7 +18,7 @@ const Dropzone = ({
18
18
  {
19
19
  ...getRootProps(),
20
20
  className: clsx(
21
- "bg-white w-full border-dashed border-2 p-deca flex flex-col justify-center rounded-mili",
21
+ "bg-white w-full border-dashed border-2 p-deca flex flex-col justify-center rounded-mili overflow-auto h-[18rem]",
22
22
  {
23
23
  "border-success-medium bg-gray-100": isDragActive
24
24
  }
package/dist/cjs/components/Uploader/Files.js CHANGED
@@ -8,7 +8,7 @@ const Files = ({
8
8
  onDelete,
9
9
  uploadProgressText = "Upload(s) in progress"
10
10
  }) => {
11
- return /* @__PURE__ */ React.createElement("div", { className: "bg-white w-full border-2 p-deca flex flex-col overflow-y-auto rounded-mili" }, /* @__PURE__ */ React.createElement("div", { className: "flex gap-mili items-center mb-deca" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-center w-deca h-deca bg-primary-medium rounded-full text-micro text-white" }, `${files.length}`), /* @__PURE__ */ React.createElement("h2", { className: "text-md font-semibold", "data-testid": "upload-progress" }, uploadProgressText)), files.map((file, index) => /* @__PURE__ */ React.createElement(Upload.File, { key: file.uid, file, index, onDelete })));
11
+ return /* @__PURE__ */ React.createElement("div", { className: "bg-white w-full border-2 p-deca flex flex-col overflow-y-auto rounded-mili h-[18rem]" }, /* @__PURE__ */ React.createElement("div", { className: "flex gap-mili items-center mb-deca" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-center w-deca h-deca bg-primary-medium rounded-full text-micro text-white" }, `${files.length}`), /* @__PURE__ */ React.createElement("h2", { className: "text-md font-semibold", "data-testid": "upload-progress" }, uploadProgressText)), files.map((file, index) => /* @__PURE__ */ React.createElement(Upload.File, { key: file.uid, file, index, onDelete })));
12
12
  };
13
13
 
14
14
  exports.Files = Files;
package/dist/cjs/components/Uploader/Modal.js CHANGED
@@ -18,7 +18,7 @@ const Modal = ({
18
18
  {
19
19
  open,
20
20
  onClose,
21
- className: "flex-col w-[70%] h-[50%] bg-secondary-xlight rounded-mili"
21
+ className: "flex flex-col bg-secondary-xlight rounded-mili min-w-[70%] h-[50%] overflow-auto"
22
22
  },
23
23
  /* @__PURE__ */ React.createElement("div", { className: "flex w-full items-center justify-between mb-deca" }, /* @__PURE__ */ React.createElement("div", null), /* @__PURE__ */ React.createElement("h2", { className: "text-deca font-semibold" }, title), /* @__PURE__ */ React.createElement(
24
24
  "button",
@@ -29,7 +29,7 @@ const Modal = ({
29
29
  },
30
30
  /* @__PURE__ */ React.createElement(md.MdClose, { size: 20 })
31
31
  )),
32
- /* @__PURE__ */ React.createElement("div", { className: "flex flex-col md:flex-row w-full h-full max-h-[85%] gap-deca" }, children)
32
+ children
33
33
  ),
34
34
  document.body
35
35
  );
package/dist/cjs/components/Uploader/Root.js CHANGED
@@ -17,7 +17,7 @@ const Root = ({
17
17
  uploadProgressText,
18
18
  titleModal
19
19
  }) => {
20
- return /* @__PURE__ */ React.createElement(Modal.Modal, { onClose, open, title: titleModal }, /* @__PURE__ */ React.createElement(
20
+ return /* @__PURE__ */ React.createElement(Modal.Modal, { onClose, open, title: titleModal }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-1 flex-col w-full gap-deca md:flex-row" }, /* @__PURE__ */ React.createElement(
21
21
  Dropzone.Dropzone,
22
22
  {
23
23
  dropzoneProps,
@@ -32,7 +32,7 @@ const Root = ({
32
32
  onDelete,
33
33
  uploadProgressText
34
34
  }
35
- ));
35
+ )));
36
36
  };
37
37
 
38
38
  exports.Root = Root;
package/dist/cjs/hooks/useDatePickerInput.js CHANGED
@@ -21,6 +21,11 @@ const useDatePickerInput = ({
21
21
  state,
22
22
  ref
23
23
  );
24
+ React.useEffect(() => {
25
+ if (!value) {
26
+ state.setValue(null);
27
+ }
28
+ }, [value]);
24
29
  return {
25
30
  fieldProps,
26
31
  state,
package/dist/esm/components/Uploader/Dropzone.js CHANGED
@@ -16,7 +16,7 @@ const Dropzone = ({
16
16
  {
17
17
  ...getRootProps(),
18
18
  className: clsx(
19
- "bg-white w-full border-dashed border-2 p-deca flex flex-col justify-center rounded-mili",
19
+ "bg-white w-full border-dashed border-2 p-deca flex flex-col justify-center rounded-mili overflow-auto h-[18rem]",
20
20
  {
21
21
  "border-success-medium bg-gray-100": isDragActive
22
22
  }
package/dist/esm/components/Uploader/Files.js CHANGED
@@ -6,7 +6,7 @@ const Files = ({
6
6
  onDelete,
7
7
  uploadProgressText = "Upload(s) in progress"
8
8
  }) => {
9
- return /* @__PURE__ */ React__default.createElement("div", { className: "bg-white w-full border-2 p-deca flex flex-col overflow-y-auto rounded-mili" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex gap-mili items-center mb-deca" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex items-center justify-center w-deca h-deca bg-primary-medium rounded-full text-micro text-white" }, `${files.length}`), /* @__PURE__ */ React__default.createElement("h2", { className: "text-md font-semibold", "data-testid": "upload-progress" }, uploadProgressText)), files.map((file, index) => /* @__PURE__ */ React__default.createElement(File, { key: file.uid, file, index, onDelete })));
9
+ return /* @__PURE__ */ React__default.createElement("div", { className: "bg-white w-full border-2 p-deca flex flex-col overflow-y-auto rounded-mili h-[18rem]" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex gap-mili items-center mb-deca" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex items-center justify-center w-deca h-deca bg-primary-medium rounded-full text-micro text-white" }, `${files.length}`), /* @__PURE__ */ React__default.createElement("h2", { className: "text-md font-semibold", "data-testid": "upload-progress" }, uploadProgressText)), files.map((file, index) => /* @__PURE__ */ React__default.createElement(File, { key: file.uid, file, index, onDelete })));
10
10
  };
11
11
 
12
12
  export { Files };
package/dist/esm/components/Uploader/Modal.js CHANGED
@@ -16,7 +16,7 @@ const Modal = ({
16
16
  {
17
17
  open,
18
18
  onClose,
19
- className: "flex-col w-[70%] h-[50%] bg-secondary-xlight rounded-mili"
19
+ className: "flex flex-col bg-secondary-xlight rounded-mili min-w-[70%] h-[50%] overflow-auto"
20
20
  },
21
21
  /* @__PURE__ */ React__default.createElement("div", { className: "flex w-full items-center justify-between mb-deca" }, /* @__PURE__ */ React__default.createElement("div", null), /* @__PURE__ */ React__default.createElement("h2", { className: "text-deca font-semibold" }, title), /* @__PURE__ */ React__default.createElement(
22
22
  "button",
@@ -27,7 +27,7 @@ const Modal = ({
27
27
  },
28
28
  /* @__PURE__ */ React__default.createElement(MdClose, { size: 20 })
29
29
  )),
30
- /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col md:flex-row w-full h-full max-h-[85%] gap-deca" }, children)
30
+ children
31
31
  ),
32
32
  document.body
33
33
  );
package/dist/esm/components/Uploader/Root.js CHANGED
@@ -15,7 +15,7 @@ const Root = ({
15
15
  uploadProgressText,
16
16
  titleModal
17
17
  }) => {
18
- return /* @__PURE__ */ React__default.createElement(Modal, { onClose, open, title: titleModal }, /* @__PURE__ */ React__default.createElement(
18
+ return /* @__PURE__ */ React__default.createElement(Modal, { onClose, open, title: titleModal }, /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-1 flex-col w-full gap-deca md:flex-row" }, /* @__PURE__ */ React__default.createElement(
19
19
  Dropzone,
20
20
  {
21
21
  dropzoneProps,
@@ -30,7 +30,7 @@ const Root = ({
30
30
  onDelete,
31
31
  uploadProgressText
32
32
  }
33
- ));
33
+ )));
34
34
  };
35
35
 
36
36
  export { Root };
package/dist/esm/hooks/useDatePickerInput.js CHANGED
@@ -1,4 +1,4 @@
1
- import { useRef } from 'react';
1
+ import { useRef, useEffect } from 'react';
2
2
  import { useDatePicker } from 'react-aria';
3
3
  import { useDatePickerState } from 'react-stately';
4
4
  import { dateToCalendarDateTime, calendarDateToDate } from '../utils/date.js';
@@ -19,6 +19,11 @@ const useDatePickerInput = ({
19
19
  state,
20
20
  ref
21
21
  );
22
+ useEffect(() => {
23
+ if (!value) {
24
+ state.setValue(null);
25
+ }
26
+ }, [value]);
22
27
  return {
23
28
  fieldProps,
24
29
  state,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tecsinapse/cortex-react",
3
- "version": "1.9.34",
3
+ "version": "1.9.36",
4
4
  "description": "React components based in @tecsinapse/cortex-core",
5
5
  "license": "MIT",
6
6
  "main": "dist/esm/index.js",
@@ -48,5 +48,5 @@
48
48
  "react-dom": ">=18.0.0",
49
49
  "tailwind": ">=3.3.0"
50
50
  },
51
- "gitHead": "bec3f9b6c990b3f8ec9c5478f21f96973a28ed7f"
51
+ "gitHead": "5a82d47d1072229796dba061c1d3a86b8db59cff"
52
52
  }