sprint-asia-custom-component 0.1.45 → 0.1.47

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sprint-asia-custom-component",
   "main": "dist/index.js",
-  "version": "0.1.45",
+  "version": "0.1.47",
   "private": false,
   "dependencies": {
     "@headlessui/react": "^1.7.18",

package/src/components/button/primarybutton/index.js

@@ -31,6 +31,7 @@ const PrimaryButton = ({
             ${size === "large" && "text-lg h-10"}
             ${size === "very large" && "text-xl h-12"}
             ${size === "extra very large" && "text-2xl h-14"}
+            ${size === "detail division" && "text-sm h-10"}
             rounded-lg drop-shadow-md text-center py-1.5 px-4 flex justify-center items-center`
         }
         disabled={!isActive}

package/src/components/dropzone/uploadfile/index.js

@@ -1,40 +1,48 @@
-import React from 'react';
-import { useDropzone } from 'react-dropzone';
-import { PiFileArrowUpDuotone } from 'react-icons/pi';
+import React from "react";
+import { useDropzone } from "react-dropzone";
+import { PiFileArrowUpDuotone } from "react-icons/pi";
 
 const DropzoneUploadFile = ({
-    title = "Title Dropzone",
-    subtitle = "Format File PDF, JPEG JPG, Maximal File 5 MB"
+  title = "Title Dropzone",
+  subtitle = "Format File PDF, JPEG JPG, Maximal File 5 MB",
+  required = false,
 }) => {
-    const { getRootProps, getInputProps } = useDropzone({
-        accept: {
-        'image/jpeg': [],
-        'image/png': []
-        },
-    });
+  const { getRootProps, getInputProps } = useDropzone({
+    accept: {
+      "image/jpeg": [],
+      "image/png": [],
+    },
+  });
 
   return (
-    <div className='w-full'>
-        <p className='text-black text-sm mb-1'>{title}</p>
-        <div className="cursor-pointer">
-            <div
-                {...getRootProps({ className: 'dropzone' })}
-                className="bg-neutral20 w-full h-28 rounded-lg border-2 border-neutral50 border-dashed"
-            >
-                <input {...getInputProps()} />
-                <div className="flex w-full h-full justify-center items-center text-center">
-                    <div>
-                        <div className='flex justify-center'>
-                            <PiFileArrowUpDuotone size={16} className='text-neutral300'/>
-                        </div>
-                        <p className="text-sm text-neutral300 mt-2">Drag & Drop File Here or Chose File</p>
-                    </div>
-                </div>
+    <div className="w-full">
+      <div className="flex items-center">
+        <p className="text-black text-sm mb-1">{title}</p>
+        {required && (
+          <p className="text-sm font-normal text-danger500 ml-1">*</p>
+        )}
+      </div>
+      <div className="cursor-pointer">
+        <div
+          {...getRootProps({ className: "dropzone" })}
+          className="bg-neutral20 w-full h-28 rounded-lg border-2 border-neutral50 border-dashed"
+        >
+          <input {...getInputProps()} required={required} />
+          <div className="flex w-full h-full justify-center items-center text-center">
+            <div>
+              <div className="flex justify-center">
+                <PiFileArrowUpDuotone size={16} className="text-neutral300" />
+              </div>
+              <p className="text-sm text-neutral300 mt-2">
+                Drag & Drop File Here or Chose File
+              </p>
             </div>
+          </div>
         </div>
-        <p className='text-xs text-neutral300 mt-1'>{subtitle}</p>
+      </div>
+      <p className="text-xs text-neutral300 mt-1">{subtitle}</p>
     </div>
   );
 };
 
-export default DropzoneUploadFile;
+export default DropzoneUploadFile;

package/src/index.js

@@ -25,6 +25,7 @@ import CardInternalProduct from './components/card';
 import Chip from './components/chip'
 import CustomDatePicker from './components/datepicker';
 import Description from './components/description';
+import DescriptionFile from './components/description/file';
 import DropdownCard from './components/dropdown/dropdownCard';
 import DropdownChip from './components/dropdown/dropdownChip';
 import DropdownText from './components/dropdown/dropdownText';
@@ -76,7 +77,7 @@ import Header from './components/header';
 
 export {Header, Footer, CellModelOne, CellModelTwo, CellModelThree,CellModelFour,CellModelFive,CellModelSix,CellModelSeven,DetailDivision, SearchDropdown, FilterDropdown, HeaderTable, TextInput, Pagination, ReportList, ReportListClient, InternalProductList, BillerProductList, BillerList, TabBar, ChipBar, Switch, Stepper,
 SearchInput, Notification, ModalState, ModalResult, ModalLoading, Menu, FilterText, FilterCheckbox, ExportToExcel, NotFound, EmptyData, DropzoneUploadPhoto, DropzoneUploadFile, DropdownText, DropdownChip, DropdownCard, Description, CustomDatePicker, Chip, CardInternalProduct, PrimaryButton, OutlineButton,
-DangerButton, Alert, BillingList, ModalBilling, LimitList, ModalLimit, VerticalStepBar, DepositList, ModalDeposit}
+DangerButton, Alert, BillingList, ModalBilling, LimitList, ModalLimit, VerticalStepBar, DepositList, ModalDeposit, DescriptionFile}
 
 
 

package/src/templates/index.js

@@ -1054,6 +1054,7 @@ const Templates = () => {
         <DropzoneUploadFile
           title="Upload Your File"
           subtitle="Accepts PDF, JPEG, JPG. Max size 5 MB"
+          required={true}
         />
 
         <div className='m-9'></div>