mobigrid-module 1.1.5 → 1.1.6

Sign up to get free protection for your applications and to get access to all the features.
Files changed (7) hide show
  1. package/components/ui/calendar.tsx +40 -11
  2. package/components/ui/date-picker-with-range.tsx +16 -7
  3. package/components/ui/dialog.tsx +34 -22
  4. package/components/ui/pagination.tsx +49 -24
  5. package/components/ui/select.tsx +77 -26
  6. package/index.tsx +15 -2
  7. package/package.json +1 -2
package/components/ui/calendar.tsx CHANGED
@@ -1,11 +1,10 @@
1
- import * as React from "react"
2
- import { ChevronLeft, ChevronRight } from "lucide-react"
3
- import { DayPicker } from "react-day-picker"
1
+ import * as React from "react";
2
+ import { DayPicker } from "react-day-picker";
4
3
 
5
- import { cn } from "../../lib/utils"
6
- import { buttonVariants } from "./button"
4
+ import { cn } from "../../lib/utils";
5
+ import { buttonVariants } from "./button";
7
6
 
8
- export type CalendarProps = React.ComponentProps<typeof DayPicker>
7
+ export type CalendarProps = React.ComponentProps<typeof DayPicker>;
9
8
 
10
9
  function Calendar({
11
10
  className,
@@ -58,13 +57,43 @@ function Calendar({
58
57
  ...classNames,
59
58
  }}
60
59
  components={{
61
- IconLeft: () => <ChevronLeft className="h-4 w-4" />,
62
- IconRight: () => <ChevronRight className="h-4 w-4" />,
60
+ IconLeft: () => (
61
+ <svg
62
+ xmlns="http://www.w3.org/2000/svg"
63
+ fill="none"
64
+ viewBox="0 0 24 24"
65
+ strokeWidth="1.5"
66
+ stroke="currentColor"
67
+ className="size-6"
68
+ >
69
+ <path
70
+ strokeLinecap="round"
71
+ strokeLinejoin="round"
72
+ d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18"
73
+ />
74
+ </svg>
75
+ ),
76
+ IconRight: () => (
77
+ <svg
78
+ xmlns="http://www.w3.org/2000/svg"
79
+ fill="none"
80
+ viewBox="0 0 24 24"
81
+ strokeWidth="1.5"
82
+ stroke="currentColor"
83
+ className="size-6"
84
+ >
85
+ <path
86
+ strokeLinecap="round"
87
+ strokeLinejoin="round"
88
+ d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"
89
+ />
90
+ </svg>
91
+ ),
63
92
  }}
64
93
  {...props}
65
94
  />
66
- )
95
+ );
67
96
  }
68
- Calendar.displayName = "Calendar"
97
+ Calendar.displayName = "Calendar";
69
98
 
70
- export { Calendar }
99
+ export { Calendar };
package/components/ui/date-picker-with-range.tsx CHANGED
@@ -11,17 +11,12 @@ import {
11
11
  startOfYear,
12
12
  endOfYear,
13
13
  } from "date-fns";
14
- import { CalendarIcon } from "lucide-react";
15
14
  import { DateRange } from "react-day-picker";
16
15
 
17
16
  import { cn } from "../../lib/utils";
18
17
  import { Button } from "./button";
19
18
  import { Calendar } from "./calendar";
20
- import {
21
- Popover,
22
- PopoverContent,
23
- PopoverTrigger,
24
- } from "./popover";
19
+ import { Popover, PopoverContent, PopoverTrigger } from "./popover";
25
20
  import {
26
21
  Select,
27
22
  SelectContent,
@@ -110,7 +105,21 @@ export function DatePickerWithRange({
110
105
  !date && "text-muted-foreground"
111
106
  )}
112
107
  >
113
- <CalendarIcon className="mr-2 h-4 w-4" />
108
+ <svg
109
+ xmlns="http://www.w3.org/2000/svg"
110
+ fill="none"
111
+ viewBox="0 0 24 24"
112
+ strokeWidth="1.5"
113
+ stroke="currentColor"
114
+ className="size-6"
115
+ >
116
+ <path
117
+ strokeLinecap="round"
118
+ strokeLinejoin="round"
119
+ d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"
120
+ />
121
+ </svg>
122
+
114
123
  {date?.from ? (
115
124
  date.to ? (
116
125
  <>
package/components/ui/dialog.tsx CHANGED
@@ -1,16 +1,15 @@
1
- import * as React from "react"
2
- import * as DialogPrimitive from "@radix-ui/react-dialog"
3
- import { X } from "lucide-react"
1
+ import * as React from "react";
2
+ import * as DialogPrimitive from "@radix-ui/react-dialog";
4
3
 
5
- import { cn } from "../../lib/utils"
4
+ import { cn } from "../../lib/utils";
6
5
 
7
- const Dialog = DialogPrimitive.Root
6
+ const Dialog = DialogPrimitive.Root;
8
7
 
9
- const DialogTrigger = DialogPrimitive.Trigger
8
+ const DialogTrigger = DialogPrimitive.Trigger;
10
9
 
11
- const DialogPortal = DialogPrimitive.Portal
10
+ const DialogPortal = DialogPrimitive.Portal;
12
11
 
13
- const DialogClose = DialogPrimitive.Close
12
+ const DialogClose = DialogPrimitive.Close;
14
13
 
15
14
  const DialogOverlay = React.forwardRef<
16
15
  React.ElementRef<typeof DialogPrimitive.Overlay>,
@@ -24,8 +23,8 @@ const DialogOverlay = React.forwardRef<
24
23
  )}
25
24
  {...props}
26
25
  />
27
- ))
28
- DialogOverlay.displayName = DialogPrimitive.Overlay.displayName
26
+ ));
27
+ DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
29
28
 
30
29
  const DialogContent = React.forwardRef<
31
30
  React.ElementRef<typeof DialogPrimitive.Content>,
@@ -43,13 +42,26 @@ const DialogContent = React.forwardRef<
43
42
  >
44
43
  {children}
45
44
  <DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
46
- <X className="h-4 w-4" />
45
+ <svg
46
+ xmlns="http://www.w3.org/2000/svg"
47
+ fill="none"
48
+ viewBox="0 0 24 24"
49
+ strokeWidth="1.5"
50
+ stroke="currentColor"
51
+ className="size-6"
52
+ >
53
+ <path
54
+ strokeLinecap="round"
55
+ strokeLinejoin="round"
56
+ d="M6 18 18 6M6 6l12 12"
57
+ />
58
+ </svg>
47
59
  <span className="sr-only">Close</span>
48
60
  </DialogPrimitive.Close>
49
61
  </DialogPrimitive.Content>
50
62
  </DialogPortal>
51
- ))
52
- DialogContent.displayName = DialogPrimitive.Content.displayName
63
+ ));
64
+ DialogContent.displayName = DialogPrimitive.Content.displayName;
53
65
 
54
66
  const DialogHeader = ({
55
67
  className,
@@ -62,8 +74,8 @@ const DialogHeader = ({
62
74
  )}
63
75
  {...props}
64
76
  />
65
- )
66
- DialogHeader.displayName = "DialogHeader"
77
+ );
78
+ DialogHeader.displayName = "DialogHeader";
67
79
 
68
80
  const DialogFooter = ({
69
81
  className,
@@ -76,8 +88,8 @@ const DialogFooter = ({
76
88
  )}
77
89
  {...props}
78
90
  />
79
- )
80
- DialogFooter.displayName = "DialogFooter"
91
+ );
92
+ DialogFooter.displayName = "DialogFooter";
81
93
 
82
94
  const DialogTitle = React.forwardRef<
83
95
  React.ElementRef<typeof DialogPrimitive.Title>,
@@ -91,8 +103,8 @@ const DialogTitle = React.forwardRef<
91
103
  )}
92
104
  {...props}
93
105
  />
94
- ))
95
- DialogTitle.displayName = DialogPrimitive.Title.displayName
106
+ ));
107
+ DialogTitle.displayName = DialogPrimitive.Title.displayName;
96
108
 
97
109
  const DialogDescription = React.forwardRef<
98
110
  React.ElementRef<typeof DialogPrimitive.Description>,
@@ -103,8 +115,8 @@ const DialogDescription = React.forwardRef<
103
115
  className={cn("text-sm text-muted-foreground", className)}
104
116
  {...props}
105
117
  />
106
- ))
107
- DialogDescription.displayName = DialogPrimitive.Description.displayName
118
+ ));
119
+ DialogDescription.displayName = DialogPrimitive.Description.displayName;
108
120
 
109
121
  export {
110
122
  Dialog,
@@ -117,4 +129,4 @@ export {
117
129
  DialogFooter,
118
130
  DialogTitle,
119
131
  DialogDescription,
120
- }
132
+ };
package/components/ui/pagination.tsx CHANGED
@@ -1,8 +1,7 @@
1
- import * as React from "react"
2
- import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react"
1
+ import * as React from "react";
3
2
 
4
- import { cn } from "../../lib/utils"
5
- import { ButtonProps, buttonVariants } from "./button"
3
+ import { cn } from "../../lib/utils";
4
+ import { ButtonProps, buttonVariants } from "./button";
6
5
 
7
6
  const Pagination = ({ className, ...props }: React.ComponentProps<"nav">) => (
8
7
  <nav
@@ -11,8 +10,8 @@ const Pagination = ({ className, ...props }: React.ComponentProps<"nav">) => (
11
10
  className={cn("mx-auto flex w-full justify-center", className)}
12
11
  {...props}
13
12
  />
14
- )
15
- Pagination.displayName = "Pagination"
13
+ );
14
+ Pagination.displayName = "Pagination";
16
15
 
17
16
  const PaginationContent = React.forwardRef<
18
17
  HTMLUListElement,
@@ -23,21 +22,21 @@ const PaginationContent = React.forwardRef<
23
22
  className={cn("flex flex-row items-center gap-1", className)}
24
23
  {...props}
25
24
  />
26
- ))
27
- PaginationContent.displayName = "PaginationContent"
25
+ ));
26
+ PaginationContent.displayName = "PaginationContent";
28
27
 
29
28
  const PaginationItem = React.forwardRef<
30
29
  HTMLLIElement,
31
30
  React.ComponentProps<"li">
32
31
  >(({ className, ...props }, ref) => (
33
32
  <li ref={ref} className={cn("", className)} {...props} />
34
- ))
35
- PaginationItem.displayName = "PaginationItem"
33
+ ));
34
+ PaginationItem.displayName = "PaginationItem";
36
35
 
37
36
  type PaginationLinkProps = {
38
- isActive?: boolean
37
+ isActive?: boolean;
39
38
  } & Pick<ButtonProps, "size"> &
40
- React.ComponentProps<"a">
39
+ React.ComponentProps<"a">;
41
40
 
42
41
  const PaginationLink = ({
43
42
  className,
@@ -56,8 +55,8 @@ const PaginationLink = ({
56
55
  )}
57
56
  {...props}
58
57
  />
59
- )
60
- PaginationLink.displayName = "PaginationLink"
58
+ );
59
+ PaginationLink.displayName = "PaginationLink";
61
60
 
62
61
  const PaginationPrevious = ({
63
62
  className,
@@ -69,11 +68,25 @@ const PaginationPrevious = ({
69
68
  className={cn("gap-1 pl-2.5", className)}
70
69
  {...props}
71
70
  >
72
- <ChevronLeft className="h-4 w-4" />
71
+ <svg
72
+ xmlns="http://www.w3.org/2000/svg"
73
+ fill="none"
74
+ viewBox="0 0 24 24"
75
+ strokeWidth="1.5"
76
+ stroke="currentColor"
77
+ className="size-6"
78
+ >
79
+ <path
80
+ strokeLinecap="round"
81
+ strokeLinejoin="round"
82
+ d="M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18"
83
+ />
84
+ </svg>
85
+
73
86
  <span>Previous</span>
74
87
  </PaginationLink>
75
- )
76
- PaginationPrevious.displayName = "PaginationPrevious"
88
+ );
89
+ PaginationPrevious.displayName = "PaginationPrevious";
77
90
 
78
91
  const PaginationNext = ({
79
92
  className,
@@ -86,10 +99,23 @@ const PaginationNext = ({
86
99
  {...props}
87
100
  >
88
101
  <span>Next</span>
89
- <ChevronRight className="h-4 w-4" />
102
+ <svg
103
+ xmlns="http://www.w3.org/2000/svg"
104
+ fill="none"
105
+ viewBox="0 0 24 24"
106
+ strokeWidth="1.5"
107
+ stroke="currentColor"
108
+ className="size-6"
109
+ >
110
+ <path
111
+ strokeLinecap="round"
112
+ strokeLinejoin="round"
113
+ d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"
114
+ />
115
+ </svg>
90
116
  </PaginationLink>
91
- )
92
- PaginationNext.displayName = "PaginationNext"
117
+ );
118
+ PaginationNext.displayName = "PaginationNext";
93
119
 
94
120
  const PaginationEllipsis = ({
95
121
  className,
@@ -100,11 +126,10 @@ const PaginationEllipsis = ({
100
126
  className={cn("flex h-9 w-9 items-center justify-center", className)}
101
127
  {...props}
102
128
  >
103
- <MoreHorizontal className="h-4 w-4" />
104
129
  <span className="sr-only">More pages</span>
105
130
  </span>
106
- )
107
- PaginationEllipsis.displayName = "PaginationEllipsis"
131
+ );
132
+ PaginationEllipsis.displayName = "PaginationEllipsis";
108
133
 
109
134
  export {
110
135
  Pagination,
@@ -114,4 +139,4 @@ export {
114
139
  PaginationPrevious,
115
140
  PaginationNext,
116
141
  PaginationEllipsis,
117
- }
142
+ };
package/components/ui/select.tsx CHANGED
@@ -1,14 +1,13 @@
1
- import * as React from "react"
2
- import * as SelectPrimitive from "@radix-ui/react-select"
3
- import { Check, ChevronDown, ChevronUp } from "lucide-react"
1
+ import * as React from "react";
2
+ import * as SelectPrimitive from "@radix-ui/react-select";
4
3
 
5
- import { cn } from "../../lib/utils"
4
+ import { cn } from "../../lib/utils";
6
5
 
7
- const Select = SelectPrimitive.Root
6
+ const Select = SelectPrimitive.Root;
8
7
 
9
- const SelectGroup = SelectPrimitive.Group
8
+ const SelectGroup = SelectPrimitive.Group;
10
9
 
11
- const SelectValue = SelectPrimitive.Value
10
+ const SelectValue = SelectPrimitive.Value;
12
11
 
13
12
  const SelectTrigger = React.forwardRef<
14
13
  React.ElementRef<typeof SelectPrimitive.Trigger>,
@@ -24,11 +23,24 @@ const SelectTrigger = React.forwardRef<
24
23
  >
25
24
  {children}
26
25
  <SelectPrimitive.Icon asChild>
27
- <ChevronDown className="h-4 w-4 opacity-50" />
26
+ <svg
27
+ xmlns="http://www.w3.org/2000/svg"
28
+ fill="none"
29
+ viewBox="0 0 24 24"
30
+ strokeWidth="1.5"
31
+ stroke="currentColor"
32
+ className="size-6"
33
+ >
34
+ <path
35
+ strokeLinecap="round"
36
+ strokeLinejoin="round"
37
+ d="M19.5 13.5 12 21m0 0-7.5-7.5M12 21V3"
38
+ />
39
+ </svg>
28
40
  </SelectPrimitive.Icon>
29
41
  </SelectPrimitive.Trigger>
30
- ))
31
- SelectTrigger.displayName = SelectPrimitive.Trigger.displayName
42
+ ));
43
+ SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
32
44
 
33
45
  const SelectScrollUpButton = React.forwardRef<
34
46
  React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,
@@ -42,10 +54,23 @@ const SelectScrollUpButton = React.forwardRef<
42
54
  )}
43
55
  {...props}
44
56
  >
45
- <ChevronUp className="h-4 w-4" />
57
+ <svg
58
+ xmlns="http://www.w3.org/2000/svg"
59
+ fill="none"
60
+ viewBox="0 0 24 24"
61
+ strokeWidth="1.5"
62
+ stroke="currentColor"
63
+ className="size-6"
64
+ >
65
+ <path
66
+ strokeLinecap="round"
67
+ strokeLinejoin="round"
68
+ d="M4.5 10.5 12 3m0 0 7.5 7.5M12 3v18"
69
+ />
70
+ </svg>
46
71
  </SelectPrimitive.ScrollUpButton>
47
- ))
48
- SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName
72
+ ));
73
+ SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
49
74
 
50
75
  const SelectScrollDownButton = React.forwardRef<
51
76
  React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,
@@ -59,11 +84,24 @@ const SelectScrollDownButton = React.forwardRef<
59
84
  )}
60
85
  {...props}
61
86
  >
62
- <ChevronDown className="h-4 w-4" />
87
+ <svg
88
+ xmlns="http://www.w3.org/2000/svg"
89
+ fill="none"
90
+ viewBox="0 0 24 24"
91
+ strokeWidth="1.5"
92
+ stroke="currentColor"
93
+ className="size-6"
94
+ >
95
+ <path
96
+ strokeLinecap="round"
97
+ strokeLinejoin="round"
98
+ d="M19.5 13.5 12 21m0 0-7.5-7.5M12 21V3"
99
+ />
100
+ </svg>
63
101
  </SelectPrimitive.ScrollDownButton>
64
- ))
102
+ ));
65
103
  SelectScrollDownButton.displayName =
66
- SelectPrimitive.ScrollDownButton.displayName
104
+ SelectPrimitive.ScrollDownButton.displayName;
67
105
 
68
106
  const SelectContent = React.forwardRef<
69
107
  React.ElementRef<typeof SelectPrimitive.Content>,
@@ -94,8 +132,8 @@ const SelectContent = React.forwardRef<
94
132
  <SelectScrollDownButton />
95
133
  </SelectPrimitive.Content>
96
134
  </SelectPrimitive.Portal>
97
- ))
98
- SelectContent.displayName = SelectPrimitive.Content.displayName
135
+ ));
136
+ SelectContent.displayName = SelectPrimitive.Content.displayName;
99
137
 
100
138
  const SelectLabel = React.forwardRef<
101
139
  React.ElementRef<typeof SelectPrimitive.Label>,
@@ -106,8 +144,8 @@ const SelectLabel = React.forwardRef<
106
144
  className={cn("px-2 py-1.5 text-sm font-semibold", className)}
107
145
  {...props}
108
146
  />
109
- ))
110
- SelectLabel.displayName = SelectPrimitive.Label.displayName
147
+ ));
148
+ SelectLabel.displayName = SelectPrimitive.Label.displayName;
111
149
 
112
150
  const SelectItem = React.forwardRef<
113
151
  React.ElementRef<typeof SelectPrimitive.Item>,
@@ -123,13 +161,26 @@ const SelectItem = React.forwardRef<
123
161
  >
124
162
  <span className="absolute right-2 flex h-3.5 w-3.5 items-center justify-center">
125
163
  <SelectPrimitive.ItemIndicator>
126
- <Check className="h-4 w-4" />
164
+ <svg
165
+ xmlns="http://www.w3.org/2000/svg"
166
+ fill="none"
167
+ viewBox="0 0 24 24"
168
+ strokeWidth="1.5"
169
+ stroke="currentColor"
170
+ className="size-6"
171
+ >
172
+ <path
173
+ strokeLinecap="round"
174
+ strokeLinejoin="round"
175
+ d="m4.5 12.75 6 6 9-13.5"
176
+ />
177
+ </svg>
127
178
  </SelectPrimitive.ItemIndicator>
128
179
  </span>
129
180
  <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
130
181
  </SelectPrimitive.Item>
131
- ))
132
- SelectItem.displayName = SelectPrimitive.Item.displayName
182
+ ));
183
+ SelectItem.displayName = SelectPrimitive.Item.displayName;
133
184
 
134
185
  const SelectSeparator = React.forwardRef<
135
186
  React.ElementRef<typeof SelectPrimitive.Separator>,
@@ -140,8 +191,8 @@ const SelectSeparator = React.forwardRef<
140
191
  className={cn("-mx-1 my-1 h-px bg-muted", className)}
141
192
  {...props}
142
193
  />
143
- ))
144
- SelectSeparator.displayName = SelectPrimitive.Separator.displayName
194
+ ));
195
+ SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
145
196
 
146
197
  export {
147
198
  Select,
@@ -154,4 +205,4 @@ export {
154
205
  SelectSeparator,
155
206
  SelectScrollUpButton,
156
207
  SelectScrollDownButton,
157
- }
208
+ };
package/index.tsx CHANGED
@@ -3,7 +3,6 @@ import { useEffect, useState } from "react";
3
3
  import { format } from "date-fns";
4
4
  import axios from "axios";
5
5
  import { Alert, AlertTitle, AlertDescription } from "./components/ui/alert";
6
- import { AlertCircle } from "lucide-react";
7
6
  import { PageHeader } from "./components/Layout/PageHeader";
8
7
  import { CustomTable } from "./components/CustomTable/CustomTable";
9
8
  import Pagination from "./components/CustomTable/Pagination";
@@ -177,7 +176,21 @@ const MobigridModule = ({
177
176
  />
178
177
  {errors.map((error, index) => (
179
178
  <Alert key={index} variant="destructive">
180
- <AlertCircle className="h-4 w-4" />
179
+ <svg
180
+ xmlns="http://www.w3.org/2000/svg"
181
+ fill="none"
182
+ viewBox="0 0 24 24"
183
+ strokeWidth="1.5"
184
+ stroke="currentColor"
185
+ className="size-6"
186
+ >
187
+ <path
188
+ strokeLinecap="round"
189
+ strokeLinejoin="round"
190
+ d="m9.75 9.75 4.5 4.5m0-4.5-4.5 4.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"
191
+ />
192
+ </svg>
193
+
181
194
  <AlertTitle>{error.title}</AlertTitle>
182
195
  <AlertDescription>{error.message}</AlertDescription>
183
196
  </Alert>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mobigrid-module",
3
- "version": "1.1.5",
3
+ "version": "1.1.6",
4
4
  "description": "",
5
5
  "type": "module",
6
6
  "main": "index.tsx",
@@ -24,7 +24,6 @@
24
24
  "@tanstack/react-table": "^8.20.5",
25
25
  "axios": "^1.7.8",
26
26
  "date-fns": "^4.1.0",
27
- "lucide-react": "^0.462.0",
28
27
  "next-themes": "^0.4.3",
29
28
  "react-day-picker": "8.10.1",
30
29
  "react-feather": "^2.0.10",