sprint-asia-custom-component 0.1.45 → 0.1.46

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 (5) hide show
  1. package/dist/index.js +14 -6
  2. package/package.json +1 -1
  3. package/src/components/button/primarybutton/index.js +1 -0
  4. package/src/components/dropzone/uploadfile/index.js +37 -29
  5. package/src/templates/index.js +1 -0
package/dist/index.js CHANGED
@@ -268,6 +268,7 @@
268
268
  ${size === "large" && "text-lg h-10"}
269
269
  ${size === "very large" && "text-xl h-12"}
270
270
  ${size === "extra very large" && "text-2xl h-14"}
271
+ ${size === "detail division" && "text-sm h-10"}
271
272
  rounded-lg drop-shadow-md text-center py-1.5 px-4 flex justify-center items-center`,
272
273
  disabled: !isActive,
273
274
  onClick: handleClick,
@@ -25888,28 +25889,35 @@
25888
25889
 
25889
25890
  const DropzoneUploadFile = ({
25890
25891
  title = "Title Dropzone",
25891
- subtitle = "Format File PDF, JPEG JPG, Maximal File 5 MB"
25892
+ subtitle = "Format File PDF, JPEG JPG, Maximal File 5 MB",
25893
+ required = false
25892
25894
  }) => {
25893
25895
  const {
25894
25896
  getRootProps,
25895
25897
  getInputProps
25896
25898
  } = useDropzone({
25897
25899
  accept: {
25898
- 'image/jpeg': [],
25899
- 'image/png': []
25900
+ "image/jpeg": [],
25901
+ "image/png": []
25900
25902
  }
25901
25903
  });
25902
25904
  return /*#__PURE__*/React__default["default"].createElement("div", {
25903
25905
  className: "w-full"
25906
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
25907
+ className: "flex items-center"
25904
25908
  }, /*#__PURE__*/React__default["default"].createElement("p", {
25905
25909
  className: "text-black text-sm mb-1"
25906
- }, title), /*#__PURE__*/React__default["default"].createElement("div", {
25910
+ }, title), required && /*#__PURE__*/React__default["default"].createElement("p", {
25911
+ className: "text-sm font-normal text-danger500 ml-1"
25912
+ }, "*")), /*#__PURE__*/React__default["default"].createElement("div", {
25907
25913
  className: "cursor-pointer"
25908
25914
  }, /*#__PURE__*/React__default["default"].createElement("div", _extends$2({}, getRootProps({
25909
- className: 'dropzone'
25915
+ className: "dropzone"
25910
25916
  }), {
25911
25917
  className: "bg-neutral20 w-full h-28 rounded-lg border-2 border-neutral50 border-dashed"
25912
- }), /*#__PURE__*/React__default["default"].createElement("input", getInputProps()), /*#__PURE__*/React__default["default"].createElement("div", {
25918
+ }), /*#__PURE__*/React__default["default"].createElement("input", _extends$2({}, getInputProps(), {
25919
+ required: required
25920
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
25913
25921
  className: "flex w-full h-full justify-center items-center text-center"
25914
25922
  }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
25915
25923
  className: "flex justify-center"
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "sprint-asia-custom-component",
3
3
  "main": "dist/index.js",
4
- "version": "0.1.45",
4
+ "version": "0.1.46",
5
5
  "private": false,
6
6
  "dependencies": {
7
7
  "@headlessui/react": "^1.7.18",
package/src/components/button/primarybutton/index.js CHANGED
@@ -31,6 +31,7 @@ const PrimaryButton = ({
31
31
  ${size === "large" && "text-lg h-10"}
32
32
  ${size === "very large" && "text-xl h-12"}
33
33
  ${size === "extra very large" && "text-2xl h-14"}
34
+ ${size === "detail division" && "text-sm h-10"}
34
35
  rounded-lg drop-shadow-md text-center py-1.5 px-4 flex justify-center items-center`
35
36
  }
36
37
  disabled={!isActive}
package/src/components/dropzone/uploadfile/index.js CHANGED
@@ -1,40 +1,48 @@
1
- import React from 'react';
2
- import { useDropzone } from 'react-dropzone';
3
- import { PiFileArrowUpDuotone } from 'react-icons/pi';
1
+ import React from "react";
2
+ import { useDropzone } from "react-dropzone";
3
+ import { PiFileArrowUpDuotone } from "react-icons/pi";
4
4
 
5
5
  const DropzoneUploadFile = ({
6
- title = "Title Dropzone",
7
- subtitle = "Format File PDF, JPEG JPG, Maximal File 5 MB"
6
+ title = "Title Dropzone",
7
+ subtitle = "Format File PDF, JPEG JPG, Maximal File 5 MB",
8
+ required = false,
8
9
  }) => {
9
- const { getRootProps, getInputProps } = useDropzone({
10
- accept: {
11
- 'image/jpeg': [],
12
- 'image/png': []
13
- },
14
- });
10
+ const { getRootProps, getInputProps } = useDropzone({
11
+ accept: {
12
+ "image/jpeg": [],
13
+ "image/png": [],
14
+ },
15
+ });
15
16
 
16
17
  return (
17
- <div className='w-full'>
18
- <p className='text-black text-sm mb-1'>{title}</p>
19
- <div className="cursor-pointer">
20
- <div
21
- {...getRootProps({ className: 'dropzone' })}
22
- className="bg-neutral20 w-full h-28 rounded-lg border-2 border-neutral50 border-dashed"
23
- >
24
- <input {...getInputProps()} />
25
- <div className="flex w-full h-full justify-center items-center text-center">
26
- <div>
27
- <div className='flex justify-center'>
28
- <PiFileArrowUpDuotone size={16} className='text-neutral300'/>
29
- </div>
30
- <p className="text-sm text-neutral300 mt-2">Drag & Drop File Here or Chose File</p>
31
- </div>
32
- </div>
18
+ <div className="w-full">
19
+ <div className="flex items-center">
20
+ <p className="text-black text-sm mb-1">{title}</p>
21
+ {required && (
22
+ <p className="text-sm font-normal text-danger500 ml-1">*</p>
23
+ )}
24
+ </div>
25
+ <div className="cursor-pointer">
26
+ <div
27
+ {...getRootProps({ className: "dropzone" })}
28
+ className="bg-neutral20 w-full h-28 rounded-lg border-2 border-neutral50 border-dashed"
29
+ >
30
+ <input {...getInputProps()} required={required} />
31
+ <div className="flex w-full h-full justify-center items-center text-center">
32
+ <div>
33
+ <div className="flex justify-center">
34
+ <PiFileArrowUpDuotone size={16} className="text-neutral300" />
35
+ </div>
36
+ <p className="text-sm text-neutral300 mt-2">
37
+ Drag & Drop File Here or Chose File
38
+ </p>
33
39
  </div>
40
+ </div>
34
41
  </div>
35
- <p className='text-xs text-neutral300 mt-1'>{subtitle}</p>
42
+ </div>
43
+ <p className="text-xs text-neutral300 mt-1">{subtitle}</p>
36
44
  </div>
37
45
  );
38
46
  };
39
47
 
40
- export default DropzoneUploadFile;
48
+ export default DropzoneUploadFile;
package/src/templates/index.js CHANGED
@@ -1054,6 +1054,7 @@ const Templates = () => {
1054
1054
  <DropzoneUploadFile
1055
1055
  title="Upload Your File"
1056
1056
  subtitle="Accepts PDF, JPEG, JPG. Max size 5 MB"
1057
+ required={true}
1057
1058
  />
1058
1059
 
1059
1060
  <div className='m-9'></div>