next-helios-fe 1.8.6 → 1.8.8
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.
- package/dist/components/form/other/multipleSelect.d.ts +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
- package/src/components/content-container/drawer.tsx +1 -1
- package/src/components/content-container/modal/index.tsx +2 -2
- package/src/components/content-container/wizard/index.tsx +6 -3
- package/src/components/dialog/index.tsx +1 -1
- package/src/components/form/input/checkbox.tsx +1 -1
- package/src/components/form/input/color.tsx +3 -3
- package/src/components/form/input/date.tsx +2 -2
- package/src/components/form/input/email.tsx +1 -1
- package/src/components/form/input/file.tsx +5 -5
- package/src/components/form/input/number.tsx +1 -1
- package/src/components/form/input/password.tsx +2 -2
- package/src/components/form/input/radio.tsx +1 -1
- package/src/components/form/input/search.tsx +3 -3
- package/src/components/form/input/text.tsx +1 -1
- package/src/components/form/input/time.tsx +2 -2
- package/src/components/form/other/autocomplete.tsx +2 -2
- package/src/components/form/other/multipleSelect.tsx +39 -10
- package/src/components/form/other/phoneNumber.tsx +3 -3
- package/src/components/form/other/pin.tsx +1 -1
- package/src/components/form/other/rating.tsx +1 -1
- package/src/components/form/other/secret.tsx +3 -3
- package/src/components/form/other/select.tsx +12 -4
- package/src/components/form/other/textarea.tsx +1 -1
- package/src/components/syntax-highlighter/index.tsx +1 -1
- package/src/components/table/index.tsx +11 -11
@@ -348,11 +348,11 @@ export const Table: TableComponentProps = ({
|
|
348
348
|
<div className="relative flex items-center">
|
349
349
|
<Icon
|
350
350
|
icon="ic:round-search"
|
351
|
-
className="absolute text-sm text-
|
351
|
+
className="absolute text-sm text-disabled"
|
352
352
|
/>
|
353
353
|
<input
|
354
354
|
type="search"
|
355
|
-
className="w-full px-6 pt-0 pb-0.5 border-default border-t-0 border-b border-x-0 bg-secondary-bg text-sm font-normal placeholder:duration-300 placeholder:translate-x-0 [&::-webkit-search-cancel-button]:appearance-none focus:placeholder:translate-x-1 placeholder:text-
|
355
|
+
className="w-full px-6 pt-0 pb-0.5 border-default border-t-0 border-b border-x-0 bg-secondary-bg text-sm font-normal placeholder:duration-300 placeholder:translate-x-0 [&::-webkit-search-cancel-button]:appearance-none focus:placeholder:translate-x-1 placeholder:text-silent focus:outline-none focus:ring-0 focus:border-primary-dark disabled:bg-secondary-light disabled:text-disabled"
|
356
356
|
placeholder="search.."
|
357
357
|
value={
|
358
358
|
filter?.find((filterItem) => filterItem.key === item.key)
|
@@ -371,7 +371,7 @@ export const Table: TableComponentProps = ({
|
|
371
371
|
{filter?.find((filterItem) => filterItem.key === item.key)
|
372
372
|
?.value && (
|
373
373
|
<button
|
374
|
-
className="absolute right-0 rounded-full text-
|
374
|
+
className="absolute right-0 rounded-full text-disabled hover:bg-secondary-light"
|
375
375
|
onClick={() => {
|
376
376
|
setFilter(
|
377
377
|
filter?.map((filterItem) => {
|
@@ -669,7 +669,7 @@ export const Table: TableComponentProps = ({
|
|
669
669
|
<div className="invisible w-0 overflow-hidden">
|
670
670
|
<input
|
671
671
|
type="search"
|
672
|
-
className="w-full px-0 pt-0 pb-0.5 border-default border-t-0 border-b border-x-0 bg-secondary-bg text-sm font-normal placeholder:duration-300 placeholder:translate-x-0 [&::-webkit-search-cancel-button]:appearance-none focus:placeholder:translate-x-1 placeholder:text-
|
672
|
+
className="w-full px-0 pt-0 pb-0.5 border-default border-t-0 border-b border-x-0 bg-secondary-bg text-sm font-normal placeholder:duration-300 placeholder:translate-x-0 [&::-webkit-search-cancel-button]:appearance-none focus:placeholder:translate-x-1 placeholder:text-silent focus:outline-none focus:ring-0 focus:border-primary-dark disabled:bg-secondary-light disabled:text-disabled"
|
673
673
|
/>
|
674
674
|
</div>
|
675
675
|
)}
|
@@ -684,7 +684,7 @@ export const Table: TableComponentProps = ({
|
|
684
684
|
<div className="invisible w-0 overflow-hidden">
|
685
685
|
<input
|
686
686
|
type="search"
|
687
|
-
className="w-full px-0 pt-0 pb-0.5 border-default border-t-0 border-b border-x-0 bg-secondary-bg text-sm font-normal placeholder:duration-300 placeholder:translate-x-0 [&::-webkit-search-cancel-button]:appearance-none focus:placeholder:translate-x-1 placeholder:text-
|
687
|
+
className="w-full px-0 pt-0 pb-0.5 border-default border-t-0 border-b border-x-0 bg-secondary-bg text-sm font-normal placeholder:duration-300 placeholder:translate-x-0 [&::-webkit-search-cancel-button]:appearance-none focus:placeholder:translate-x-1 placeholder:text-silent focus:outline-none focus:ring-0 focus:border-primary-dark disabled:bg-secondary-light disabled:text-disabled"
|
688
688
|
/>
|
689
689
|
</div>
|
690
690
|
)}
|
@@ -701,7 +701,7 @@ export const Table: TableComponentProps = ({
|
|
701
701
|
<div className="invisible w-0 overflow-hidden">
|
702
702
|
<input
|
703
703
|
type="search"
|
704
|
-
className="w-full px-0 pt-0 pb-0.5 border-default border-t-0 border-b border-x-0 bg-secondary-bg text-sm font-normal placeholder:duration-300 placeholder:translate-x-0 [&::-webkit-search-cancel-button]:appearance-none focus:placeholder:translate-x-1 placeholder:text-
|
704
|
+
className="w-full px-0 pt-0 pb-0.5 border-default border-t-0 border-b border-x-0 bg-secondary-bg text-sm font-normal placeholder:duration-300 placeholder:translate-x-0 [&::-webkit-search-cancel-button]:appearance-none focus:placeholder:translate-x-1 placeholder:text-silent focus:outline-none focus:ring-0 focus:border-primary-dark disabled:bg-secondary-light disabled:text-disabled"
|
705
705
|
/>
|
706
706
|
</div>
|
707
707
|
)}
|
@@ -768,7 +768,7 @@ export const Table: TableComponentProps = ({
|
|
768
768
|
/>
|
769
769
|
</div>
|
770
770
|
{filteredData && filteredData.length !== 0 && (
|
771
|
-
<span className="hidden md:block text-sm text-
|
771
|
+
<span className="hidden md:block text-sm text-disabled">{`Showing ${
|
772
772
|
(page - 1) * maxRow + 1
|
773
773
|
} to ${
|
774
774
|
page * maxRow > filteredData?.length
|
@@ -779,7 +779,7 @@ export const Table: TableComponentProps = ({
|
|
779
779
|
<div className="flex items-center gap-2 text-xs">
|
780
780
|
<button
|
781
781
|
type="button"
|
782
|
-
className="flex justify-center items-center min-w-9 h-9 border rounded-md bg-secondary-bg hover:bg-secondary-light disabled:bg-secondary-light disabled:text-
|
782
|
+
className="flex justify-center items-center min-w-9 h-9 border rounded-md bg-secondary-bg hover:bg-secondary-light disabled:bg-secondary-light disabled:text-disabled disabled:pointer-events-none"
|
783
783
|
disabled={page === 1}
|
784
784
|
onClick={() => {
|
785
785
|
setPage(1);
|
@@ -793,7 +793,7 @@ export const Table: TableComponentProps = ({
|
|
793
793
|
</button>
|
794
794
|
<button
|
795
795
|
type="button"
|
796
|
-
className="hidden md:flex justify-center items-center min-w-9 h-9 border rounded-md bg-secondary-bg hover:bg-secondary-light disabled:bg-secondary-light disabled:text-
|
796
|
+
className="hidden md:flex justify-center items-center min-w-9 h-9 border rounded-md bg-secondary-bg hover:bg-secondary-light disabled:bg-secondary-light disabled:text-disabled disabled:pointer-events-none"
|
797
797
|
disabled={page === 1}
|
798
798
|
onClick={() => {
|
799
799
|
setPage((prev) => prev - 1);
|
@@ -827,7 +827,7 @@ export const Table: TableComponentProps = ({
|
|
827
827
|
</div>
|
828
828
|
<button
|
829
829
|
type="button"
|
830
|
-
className="hidden md:flex justify-center items-center min-w-9 h-9 border rounded-md bg-secondary-bg hover:bg-secondary-light disabled:bg-secondary-light disabled:text-
|
830
|
+
className="hidden md:flex justify-center items-center min-w-9 h-9 border rounded-md bg-secondary-bg hover:bg-secondary-light disabled:bg-secondary-light disabled:text-disabled disabled:pointer-events-none"
|
831
831
|
disabled={filteredData?.length <= page * maxRow}
|
832
832
|
onClick={() => {
|
833
833
|
setPage((prev) => prev + 1);
|
@@ -838,7 +838,7 @@ export const Table: TableComponentProps = ({
|
|
838
838
|
</button>
|
839
839
|
<button
|
840
840
|
type="button"
|
841
|
-
className="flex justify-center items-center min-w-9 h-9 border rounded-md bg-secondary-bg hover:bg-secondary-light disabled:bg-secondary-light disabled:text-
|
841
|
+
className="flex justify-center items-center min-w-9 h-9 border rounded-md bg-secondary-bg hover:bg-secondary-light disabled:bg-secondary-light disabled:text-disabled disabled:pointer-events-none"
|
842
842
|
disabled={filteredData?.length <= page * maxRow}
|
843
843
|
onClick={() => {
|
844
844
|
setPage(Math.ceil(filteredData?.length / maxRow));
|