mobigrid-module 1.1.5 → 1.1.6

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 (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",