@xola/ui-kit 3.5.0 → 3.6.0

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 (220) hide show
  1. package/README.md +48 -78
  2. package/build/style.css +1 -0
  3. package/build/theme.css +76 -0
  4. package/build/ui-kit.es.js +16771 -0
  5. package/index.css +96 -4
  6. package/index.d.ts +151 -0
  7. package/package.json +68 -89
  8. package/postcss.config.js +1 -1
  9. package/tailwind.config.js +10 -11
  10. package/build/base.css +0 -2
  11. package/build/components/Alert.d.ts +0 -18
  12. package/build/components/Alert.js +0 -24
  13. package/build/components/Animation/FadeIn.d.ts +0 -13
  14. package/build/components/Animation/FadeIn.js +0 -29
  15. package/build/components/Animation/SlideDown.d.ts +0 -6
  16. package/build/components/Animation/SlideDown.js +0 -20
  17. package/build/components/Avatar.d.ts +0 -16
  18. package/build/components/Avatar.js +0 -21
  19. package/build/components/Badge.d.ts +0 -28
  20. package/build/components/Badge.js +0 -42
  21. package/build/components/Breadcrumb.d.ts +0 -21
  22. package/build/components/Breadcrumb.js +0 -27
  23. package/build/components/Breakdown.d.ts +0 -63
  24. package/build/components/Breakdown.js +0 -89
  25. package/build/components/Buttons/Button.d.ts +0 -53
  26. package/build/components/Buttons/Button.js +0 -83
  27. package/build/components/Buttons/ButtonGroup.d.ts +0 -35
  28. package/build/components/Buttons/ButtonGroup.js +0 -55
  29. package/build/components/Buttons/SubmitButton.d.ts +0 -11
  30. package/build/components/Buttons/SubmitButton.js +0 -83
  31. package/build/components/Buttons/ToggleButton.d.ts +0 -21
  32. package/build/components/Buttons/ToggleButton.js +0 -34
  33. package/build/components/Charts/BaseChartOptions.d.ts +0 -136
  34. package/build/components/Charts/BaseChartOptions.js +0 -95
  35. package/build/components/Charts/HistogramOptions.d.ts +0 -192
  36. package/build/components/Charts/HistogramOptions.js +0 -69
  37. package/build/components/Charts/PieOptions.d.ts +0 -177
  38. package/build/components/Charts/PieOptions.js +0 -55
  39. package/build/components/Counter.d.ts +0 -5
  40. package/build/components/Counter.js +0 -16
  41. package/build/components/DatePicker/DatePicker.d.ts +0 -41
  42. package/build/components/DatePicker/DatePicker.helpers.d.ts +0 -17
  43. package/build/components/DatePicker/DatePicker.helpers.js +0 -22
  44. package/build/components/DatePicker/DatePicker.js +0 -241
  45. package/build/components/DatePicker/DatePickerPopover.d.ts +0 -29
  46. package/build/components/DatePicker/DatePickerPopover.js +0 -81
  47. package/build/components/DatePicker/Day.d.ts +0 -13
  48. package/build/components/DatePicker/Day.js +0 -40
  49. package/build/components/DatePicker/LocalizedDayPicker.d.ts +0 -6
  50. package/build/components/DatePicker/LocalizedDayPicker.js +0 -20
  51. package/build/components/DatePicker/MonthGrid.d.ts +0 -11
  52. package/build/components/DatePicker/MonthGrid.js +0 -52
  53. package/build/components/DatePicker/MonthPicker.d.ts +0 -7
  54. package/build/components/DatePicker/MonthPicker.js +0 -28
  55. package/build/components/DatePicker/MonthSelector.d.ts +0 -8
  56. package/build/components/DatePicker/MonthSelector.js +0 -47
  57. package/build/components/DatePicker/MonthYearSelector.d.ts +0 -8
  58. package/build/components/DatePicker/MonthYearSelector.js +0 -44
  59. package/build/components/DatePicker/NavbarElement.d.ts +0 -15
  60. package/build/components/DatePicker/NavbarElement.js +0 -43
  61. package/build/components/DatePicker/RangeDatePicker.d.ts +0 -25
  62. package/build/components/DatePicker/RangeDatePicker.js +0 -130
  63. package/build/components/DatePicker/RelativeDateRange.d.ts +0 -51
  64. package/build/components/DatePicker/RelativeDateRange.js +0 -280
  65. package/build/components/DatePicker/UpcomingDatePicker.d.ts +0 -11
  66. package/build/components/DatePicker/UpcomingDatePicker.js +0 -27
  67. package/build/components/Dot/Dot.d.ts +0 -24
  68. package/build/components/Dot/Dot.js +0 -24
  69. package/build/components/Dot/DotProgress.d.ts +0 -6
  70. package/build/components/Dot/DotProgress.js +0 -10
  71. package/build/components/Drawer.d.ts +0 -28
  72. package/build/components/Drawer.js +0 -126
  73. package/build/components/Forms/BaseInput.d.ts +0 -20
  74. package/build/components/Forms/BaseInput.js +0 -41
  75. package/build/components/Forms/Checkbox.d.ts +0 -10
  76. package/build/components/Forms/Checkbox.js +0 -34
  77. package/build/components/Forms/Checkbox.module.css.js +0 -7
  78. package/build/components/Forms/ComboBox.d.ts +0 -8
  79. package/build/components/Forms/ComboBox.js +0 -41
  80. package/build/components/Forms/FormGroup.d.ts +0 -5
  81. package/build/components/Forms/FormGroup.js +0 -6
  82. package/build/components/Forms/InlineValuePopover.d.ts +0 -17
  83. package/build/components/Forms/InlineValuePopover.js +0 -47
  84. package/build/components/Forms/Input.d.ts +0 -6
  85. package/build/components/Forms/Input.js +0 -9
  86. package/build/components/Forms/Label.d.ts +0 -7
  87. package/build/components/Forms/Label.js +0 -17
  88. package/build/components/Forms/RangeSlider.d.ts +0 -33
  89. package/build/components/Forms/RangeSlider.js +0 -39
  90. package/build/components/Forms/Select.d.ts +0 -5
  91. package/build/components/Forms/Select.js +0 -8
  92. package/build/components/Forms/Switch.d.ts +0 -46
  93. package/build/components/Forms/Switch.js +0 -62
  94. package/build/components/Forms/Textarea.d.ts +0 -6
  95. package/build/components/Forms/Textarea.js +0 -35
  96. package/build/components/Forms/ValuePopoverText.d.ts +0 -6
  97. package/build/components/Forms/ValuePopoverText.js +0 -10
  98. package/build/components/GooglePlacesAutocomplete.d.ts +0 -14
  99. package/build/components/HeaderToolbar.d.ts +0 -21
  100. package/build/components/HeaderToolbar.js +0 -33
  101. package/build/components/ImageUpload.d.ts +0 -17
  102. package/build/components/ImageUpload.js +0 -86
  103. package/build/components/Key.d.ts +0 -6
  104. package/build/components/Key.js +0 -28
  105. package/build/components/Logo.d.ts +0 -19
  106. package/build/components/Logo.js +0 -10
  107. package/build/components/Modal.d.ts +0 -52
  108. package/build/components/Modal.js +0 -126
  109. package/build/components/Popover/Popover.d.ts +0 -20
  110. package/build/components/Popover/Popover.js +0 -44
  111. package/build/components/Popover/Popover.module.css.js +0 -7
  112. package/build/components/Popover/PopoverList.d.ts +0 -25
  113. package/build/components/Popover/PopoverList.js +0 -50
  114. package/build/components/Popover/PopoverScroll.module.css.js +0 -4
  115. package/build/components/Provider.d.ts +0 -18
  116. package/build/components/Provider.js +0 -17
  117. package/build/components/Screens/Login.d.ts +0 -25
  118. package/build/components/Screens/Login.js +0 -144
  119. package/build/components/Search.d.ts +0 -16
  120. package/build/components/Search.js +0 -174
  121. package/build/components/Sidebar/Sidebar.Account.d.ts +0 -13
  122. package/build/components/Sidebar/Sidebar.Account.js +0 -56
  123. package/build/components/Sidebar/Sidebar.Button.d.ts +0 -10
  124. package/build/components/Sidebar/Sidebar.Button.js +0 -21
  125. package/build/components/Sidebar/Sidebar.Footer.d.ts +0 -8
  126. package/build/components/Sidebar/Sidebar.Footer.js +0 -9
  127. package/build/components/Sidebar/Sidebar.Heading.d.ts +0 -10
  128. package/build/components/Sidebar/Sidebar.Heading.js +0 -10
  129. package/build/components/Sidebar/Sidebar.Link.d.ts +0 -24
  130. package/build/components/Sidebar/Sidebar.Link.js +0 -57
  131. package/build/components/Sidebar/Sidebar.Menu.d.ts +0 -13
  132. package/build/components/Sidebar/Sidebar.Menu.js +0 -30
  133. package/build/components/Sidebar/Sidebar.Menu.module.css.js +0 -7
  134. package/build/components/Sidebar/Sidebar.d.ts +0 -58
  135. package/build/components/Sidebar/Sidebar.js +0 -219
  136. package/build/components/Sidebar/SidebarScroll.module.css.js +0 -4
  137. package/build/components/Sidebar/index.d.ts +0 -8
  138. package/build/components/Skeleton.d.ts +0 -13
  139. package/build/components/Skeleton.js +0 -29
  140. package/build/components/Skeleton.module.css.js +0 -7
  141. package/build/components/Spinner.d.ts +0 -26
  142. package/build/components/Spinner.js +0 -27
  143. package/build/components/Table.d.ts +0 -59
  144. package/build/components/Table.js +0 -71
  145. package/build/components/Tabs/Tabs.Panel.d.ts +0 -9
  146. package/build/components/Tabs/Tabs.Panel.js +0 -7
  147. package/build/components/Tabs/Tabs.Tab.d.ts +0 -19
  148. package/build/components/Tabs/Tabs.Tab.js +0 -37
  149. package/build/components/Tabs/Tabs.d.ts +0 -27
  150. package/build/components/Tabs/Tabs.js +0 -28
  151. package/build/components/Tabs/index.d.ts +0 -4
  152. package/build/components/Tag.d.ts +0 -25
  153. package/build/components/Tag.js +0 -36
  154. package/build/components/Tooltip.d.ts +0 -8
  155. package/build/components/Tooltip.js +0 -8
  156. package/build/components/Utilities/Currency.d.ts +0 -32
  157. package/build/components/Utilities/Currency.js +0 -49
  158. package/build/components/Utilities/Number.d.ts +0 -8
  159. package/build/components/Utilities/Number.js +0 -15
  160. package/build/components/Utilities/Phone.d.ts +0 -8
  161. package/build/components/Utilities/Phone.js +0 -19
  162. package/build/full.css +0 -2
  163. package/build/helpers/avatar.d.ts +0 -1
  164. package/build/helpers/avatar.js +0 -8
  165. package/build/helpers/browser.d.ts +0 -2
  166. package/build/helpers/browser.js +0 -9
  167. package/build/helpers/children.d.ts +0 -3
  168. package/build/helpers/children.js +0 -6
  169. package/build/helpers/classnames.d.ts +0 -5
  170. package/build/helpers/classnames.js +0 -8
  171. package/build/helpers/currency.d.ts +0 -2
  172. package/build/helpers/currency.js +0 -11
  173. package/build/helpers/date.d.ts +0 -12
  174. package/build/helpers/date.js +0 -49
  175. package/build/helpers/flash.d.ts +0 -21
  176. package/build/helpers/flash.js +0 -87
  177. package/build/helpers/numbers.d.ts +0 -4
  178. package/build/helpers/numbers.js +0 -23
  179. package/build/helpers/phone.d.ts +0 -11
  180. package/build/helpers/phone.js +0 -25
  181. package/build/hooks/useId.d.ts +0 -1
  182. package/build/hooks/useId.js +0 -9
  183. package/build/hooks/useIsClient.d.ts +0 -1
  184. package/build/hooks/useIsClient.js +0 -10
  185. package/build/hooks/useViewportHeight.d.ts +0 -1
  186. package/build/hooks/useViewportHeight.js +0 -15
  187. package/build/icons/src/AnnounceIcon.js +0 -13
  188. package/build/icons/src/BellIcon.js +0 -27
  189. package/build/icons/src/CalendarIcon.js +0 -16
  190. package/build/icons/src/CheckIcon.js +0 -8
  191. package/build/icons/src/ChevronDownIcon.js +0 -8
  192. package/build/icons/src/ChevronLeftIcon.js +0 -8
  193. package/build/icons/src/ChevronRightIcon.js +0 -8
  194. package/build/icons/src/CircleNotch.js +0 -6
  195. package/build/icons/src/CloseIcon.js +0 -11
  196. package/build/icons/src/DownArrowIcon.js +0 -16
  197. package/build/icons/src/ImageIcon.js +0 -27
  198. package/build/icons/src/SearchIcon.js +0 -16
  199. package/build/icons/src/TrashIcon.js +0 -20
  200. package/build/icons/src/WarningDiamondIcon.js +0 -27
  201. package/build/icons/src/helpers/classnames.js +0 -8
  202. package/build/icons/src/helpers/icon.js +0 -11
  203. package/build/icons/src/helpers/iconSizes.js +0 -13
  204. package/build/icons/src/images/XolaLogoSimple.js +0 -14
  205. package/build/index.d.ts +0 -66
  206. package/build/index.js +0 -142
  207. package/build/theme.d.ts +0 -413
  208. package/build/theme.js +0 -372
  209. package/build/types/index.d.ts +0 -22
  210. package/build/types/migration.d.ts +0 -2
  211. package/build/ui-kit.css +0 -1
  212. package/build/utils/avatar.d.ts +0 -1
  213. package/build/utils/avatar.js +0 -8
  214. package/build/utils/currency.d.ts +0 -2
  215. package/build/utils/currency.js +0 -11
  216. package/build/utils/index.d.ts +0 -4
  217. package/build/utils/numbers.d.ts +0 -4
  218. package/build/utils/numbers.js +0 -19
  219. package/build/utils/phone.d.ts +0 -2
  220. package/build/utils/phone.js +0 -17
@@ -1,280 +0,0 @@
1
- import { jsxs as f, jsx as d } from "react/jsx-runtime";
2
- import { Button as u } from "../Buttons/Button.js";
3
- import { Select as O } from "../Forms/Select.js";
4
- import { toDate as t, now as E } from "../../helpers/date.js";
5
- const a = {
6
- // Day
7
- YESTERDAY: "P1D,yesterday",
8
- TODAY: "P1D,today",
9
- NEXT_DAY: "P1D,next day",
10
- // Week
11
- LAST_WEEK: "P1W,last week",
12
- TRAILING_WEEK: "P1W,-1 week",
13
- THIS_WEEK: "P1W,this week",
14
- NEXT_WEEK: "P1W,next week",
15
- LEADING_WEEK: "P1W,+1 week",
16
- // Month
17
- LAST_MONTH: "P1M,first day of last month",
18
- TRAILING_MONTH: "P1M,-1 month",
19
- THIS_MONTH: "P1M,first day of this month",
20
- NEXT_MONTH: "P1M,next month",
21
- LEADING_MONTH: "P1M,+1 month",
22
- // Quarter
23
- LAST_QUARTER: "P3M,first day of last quarter",
24
- TRAILING_QUARTER: "P3M,-3 months",
25
- THIS_QUARTER: "P3M,first day of this quarter",
26
- NEXT_QUARTER: "P3M,next quarter",
27
- LEADING_QUARTER: "P3M,+3 months",
28
- // Year
29
- LAST_YEAR: "P1Y,first day of January last year",
30
- TRAILING_YEAR: "P1Y,-1 year",
31
- THIS_YEAR: "P1Y,first day of this year",
32
- NEXT_YEAR: "P1Y,next year",
33
- LEADING_YEAR: "P1Y,+1 year"
34
- }, T = {
35
- // Day
36
- [a.YESTERDAY]: "Yesterday",
37
- [a.TODAY]: "Today",
38
- [a.NEXT_DAY]: "Next Day",
39
- // Week
40
- [a.LAST_WEEK]: "Last Week",
41
- [a.TRAILING_WEEK]: "Trailing Week",
42
- [a.THIS_WEEK]: "This Week",
43
- [a.NEXT_WEEK]: "Next Week",
44
- [a.LEADING_WEEK]: "Leading Week",
45
- // Month
46
- [a.LAST_MONTH]: "Last Month",
47
- [a.TRAILING_MONTH]: "Trailing Month",
48
- [a.THIS_MONTH]: "This Month",
49
- [a.NEXT_MONTH]: "Next Month",
50
- [a.LEADING_MONTH]: "Leading Month",
51
- // Quarter
52
- [a.LAST_QUARTER]: "Last Quarter",
53
- [a.TRAILING_QUARTER]: "Trailing Quarter",
54
- [a.THIS_QUARTER]: "This Quarter",
55
- [a.NEXT_QUARTER]: "Next Quarter",
56
- [a.LEADING_QUARTER]: "Leading Quarter",
57
- // Year
58
- [a.LAST_YEAR]: "Last Year",
59
- [a.TRAILING_YEAR]: "Trailing Year",
60
- [a.THIS_YEAR]: "This Year",
61
- [a.NEXT_YEAR]: "Next Year",
62
- [a.LEADING_YEAR]: "Leading Year"
63
- }, I = {
64
- day: {
65
- label: "Day",
66
- rangeOptions: [
67
- { value: a.YESTERDAY, label: T[a.YESTERDAY] },
68
- { value: a.TODAY, label: T[a.TODAY] },
69
- { value: a.NEXT_DAY, label: T[a.NEXT_DAY] }
70
- ]
71
- },
72
- week: {
73
- label: "Week",
74
- rangeOptions: [
75
- { value: a.LAST_WEEK, label: T[a.LAST_WEEK] },
76
- { value: a.TRAILING_WEEK, label: T[a.TRAILING_WEEK] },
77
- { value: a.THIS_WEEK, label: T[a.THIS_WEEK] },
78
- { value: a.NEXT_WEEK, label: T[a.NEXT_WEEK] },
79
- { value: a.LEADING_WEEK, label: T[a.LEADING_WEEK] }
80
- ]
81
- },
82
- month: {
83
- label: "Month",
84
- rangeOptions: [
85
- { value: a.LAST_MONTH, label: T[a.LAST_MONTH] },
86
- { value: a.TRAILING_MONTH, label: T[a.TRAILING_MONTH] },
87
- { value: a.THIS_MONTH, label: T[a.THIS_MONTH] },
88
- { value: a.NEXT_MONTH, label: T[a.NEXT_MONTH] },
89
- { value: a.LEADING_MONTH, label: T[a.LEADING_MONTH] }
90
- ]
91
- },
92
- quarter: {
93
- label: "Quarter",
94
- rangeOptions: [
95
- { value: a.LAST_QUARTER, label: T[a.LAST_QUARTER] },
96
- { value: a.TRAILING_QUARTER, label: T[a.TRAILING_QUARTER] },
97
- { value: a.THIS_QUARTER, label: T[a.THIS_QUARTER] },
98
- { value: a.NEXT_QUARTER, label: T[a.NEXT_QUARTER] },
99
- { value: a.LEADING_QUARTER, label: T[a.LEADING_QUARTER] }
100
- ]
101
- },
102
- year: {
103
- label: "Year",
104
- rangeOptions: [
105
- { value: a.LAST_YEAR, label: T[a.LAST_YEAR] },
106
- { value: a.TRAILING_YEAR, label: T[a.TRAILING_YEAR] },
107
- { value: a.THIS_YEAR, label: T[a.THIS_YEAR] },
108
- { value: a.NEXT_YEAR, label: T[a.NEXT_YEAR] },
109
- { value: a.LEADING_YEAR, label: T[a.LEADING_YEAR] }
110
- ]
111
- }
112
- }, i = (e, r, s) => r ? e : e.filter((A) => !s.has(A.value)), y = /* @__PURE__ */ new Set([
113
- a.NEXT_DAY,
114
- a.NEXT_WEEK,
115
- a.NEXT_MONTH,
116
- a.NEXT_QUARTER,
117
- a.NEXT_YEAR,
118
- a.LEADING_WEEK,
119
- a.LEADING_MONTH,
120
- a.LEADING_QUARTER,
121
- a.LEADING_YEAR
122
- ]), L = {
123
- [a.YESTERDAY]: (e) => {
124
- const r = E(void 0, e).subtract(1, "day");
125
- return {
126
- from: t(r.startOf("day")),
127
- to: t(r.endOf("day"), !1)
128
- };
129
- },
130
- [a.TODAY]: (e) => ({
131
- from: t(E(void 0, e).startOf("day")),
132
- to: t(E(void 0, e).endOf("day"), !1)
133
- }),
134
- [a.NEXT_DAY]: (e) => {
135
- const r = E(void 0, e).add(1, "day");
136
- return {
137
- from: t(r.startOf("day")),
138
- to: t(r.endOf("day"), !1)
139
- };
140
- },
141
- [a.LAST_WEEK]: (e) => {
142
- const r = E(void 0, e).subtract(7, "day");
143
- return {
144
- from: t(r.startOf("week")),
145
- to: t(r.endOf("week"), !1)
146
- };
147
- },
148
- [a.TRAILING_WEEK]: (e) => ({
149
- from: t(E(void 0, e).subtract(7, "day").startOf("day")),
150
- to: t(E(void 0, e).subtract(1, "day").endOf("day"), !1)
151
- }),
152
- [a.THIS_WEEK]: (e) => ({
153
- from: t(E(void 0, e).startOf("week")),
154
- to: t(E(void 0, e).endOf("week"), !1)
155
- }),
156
- [a.NEXT_WEEK]: (e) => {
157
- const r = E(void 0, e).add(1, "week");
158
- return {
159
- from: t(r.startOf("week")),
160
- to: t(r.endOf("week"), !1)
161
- };
162
- },
163
- [a.LEADING_WEEK]: (e) => {
164
- const r = E(void 0, e);
165
- return {
166
- from: t(r.startOf("day")),
167
- to: t(r.add(1, "week").subtract(1, "day").endOf("day"), !1)
168
- };
169
- },
170
- [a.LAST_MONTH]: (e) => {
171
- const r = E(void 0, e).subtract(1, "month");
172
- return {
173
- from: t(r.startOf("month")),
174
- to: t(r.endOf("month"), !1)
175
- };
176
- },
177
- [a.TRAILING_MONTH]: (e) => ({
178
- from: t(E(void 0, e).subtract(1, "month").startOf("day")),
179
- to: t(E(void 0, e).subtract(1, "day").endOf("day"), !1)
180
- }),
181
- [a.THIS_MONTH]: (e) => ({
182
- from: t(E(void 0, e).startOf("month")),
183
- to: t(E(void 0, e).endOf("month"), !1)
184
- }),
185
- [a.NEXT_MONTH]: (e) => {
186
- const r = E(void 0, e).add(1, "month");
187
- return {
188
- from: t(r.startOf("month")),
189
- to: t(r.endOf("month"), !1)
190
- };
191
- },
192
- [a.LEADING_MONTH]: (e) => {
193
- const r = E(void 0, e);
194
- return {
195
- from: t(r.startOf("day")),
196
- to: t(r.add(1, "month").subtract(1, "day").endOf("day"), !1)
197
- };
198
- },
199
- [a.LAST_QUARTER]: (e) => ({
200
- from: t(E(void 0, e).startOf("quarter").subtract(3, "month").startOf("month")),
201
- to: t(E(void 0, e).endOf("quarter").subtract(3, "month").endOf("month"), !1)
202
- }),
203
- [a.TRAILING_QUARTER]: (e) => ({
204
- from: t(E(void 0, e).subtract(3, "month").startOf("day")),
205
- to: t(E(void 0, e).subtract(1, "day").endOf("day"), !1)
206
- }),
207
- [a.THIS_QUARTER]: (e) => ({
208
- from: t(E(void 0, e).startOf("Q")),
209
- to: t(E(void 0, e).endOf("Q"), !1)
210
- }),
211
- [a.NEXT_QUARTER]: (e) => {
212
- const r = E(void 0, e).add(1, "quarter");
213
- return {
214
- from: t(r.startOf("quarter")),
215
- to: t(r.endOf("quarter"), !1)
216
- };
217
- },
218
- [a.LEADING_QUARTER]: (e) => {
219
- const r = E(void 0, e);
220
- return {
221
- from: t(r.startOf("day")),
222
- to: t(r.add(3, "month").subtract(1, "day").endOf("day"), !1)
223
- };
224
- },
225
- [a.LAST_YEAR]: (e) => {
226
- const r = E(void 0, e).subtract(1, "year");
227
- return {
228
- from: t(r.startOf("year")),
229
- to: t(r.endOf("year"), !1)
230
- };
231
- },
232
- [a.TRAILING_YEAR]: (e) => ({
233
- from: t(E(void 0, e).subtract(1, "year").startOf("day")),
234
- to: t(E(void 0, e).subtract(1, "day").endOf("day"), !1)
235
- }),
236
- [a.THIS_YEAR]: (e) => ({
237
- from: t(E(void 0, e).startOf("year")),
238
- to: t(E(void 0, e).endOf("year"), !1)
239
- }),
240
- [a.NEXT_YEAR]: (e) => {
241
- const r = E(void 0, e).add(1, "year");
242
- return {
243
- from: t(r.startOf("year")),
244
- to: t(r.endOf("year"), !1)
245
- };
246
- },
247
- [a.LEADING_YEAR]: (e) => {
248
- const r = E(void 0, e);
249
- return {
250
- from: t(r.startOf("day")),
251
- to: t(r.add(1, "year").subtract(1, "day").endOf("day"), !1)
252
- };
253
- }
254
- }, D = ({
255
- ranges: e = ["day", "week", "month", "quarter", "year"],
256
- value: r,
257
- showApply: s = !0,
258
- isFutureDatesAllowed: A = !1,
259
- timezoneName: _,
260
- onChange: R,
261
- onSubmit: N
262
- }) => /* @__PURE__ */ f("div", { className: "flex space-x-2", children: [
263
- /* @__PURE__ */ f(O, { size: "medium", value: r, className: "pr-8 leading-5", onChange: (l) => {
264
- const o = l.target.value, n = L[o](_);
265
- R(o, n);
266
- }, children: [
267
- /* @__PURE__ */ d("option", { value: "", children: "Relative Date Range" }),
268
- e.map((l) => {
269
- const o = I[l];
270
- return /* @__PURE__ */ d("optgroup", { label: o.label, children: i(o.rangeOptions, A, y).map((n) => /* @__PURE__ */ d("option", { value: n.value, children: n.label }, n.value)) }, l);
271
- })
272
- ] }),
273
- s && /* @__PURE__ */ d(u, { onClick: N, children: "Apply" })
274
- ] });
275
- export {
276
- D as RelativeDateRange,
277
- I as dateRanges,
278
- T as rangeLabels,
279
- a as rangeOptions
280
- };
@@ -1,11 +0,0 @@
1
- import { default as React } from 'react';
2
- export interface UpcomingDatePickerProps {
3
- value?: Date | {
4
- from?: Date;
5
- to?: Date;
6
- } | null;
7
- upcomingDates: Date[];
8
- onChange: (day: Date, options: Record<string, any>, event: React.MouseEvent) => void;
9
- onMonthChange: (month: Date) => void;
10
- }
11
- export declare const UpcomingDatePicker: ({ value, upcomingDates, onChange, onMonthChange }: UpcomingDatePickerProps) => React.JSX.Element;
@@ -1,27 +0,0 @@
1
- import { jsxs as b, jsx as t } from "react/jsx-runtime";
2
- import l from "dayjs";
3
- import c from "../../helpers/classnames.js";
4
- const x = ({ value: o, upcomingDates: r, onChange: d, onMonthChange: i }) => /* @__PURE__ */ b("div", { className: "rounded-l-lg border-r border-gray pt-8", children: [
5
- /* @__PURE__ */ t("p", { className: "mb-2 px-6 text-lg font-bold", children: "Upcoming" }),
6
- (r == null ? void 0 : r.length) > 0 ? /* @__PURE__ */ t("div", { className: "mt-5", children: r == null ? void 0 : r.map((e) => {
7
- const m = l(e).isSame(l(o), "day"), n = l(e).format();
8
- return /* @__PURE__ */ t(
9
- "div",
10
- {
11
- className: c(
12
- "mx-6 mt-3 flex min-w-40 cursor-pointer items-center justify-center",
13
- "rounded border border-gray py-3 hover:border-blue hover:bg-blue hover:text-white",
14
- { "border-blue bg-blue text-white": m }
15
- ),
16
- onClick: (s) => {
17
- d(e, {}, s), i(e);
18
- },
19
- children: l(e).format("ddd DD MMMM")
20
- },
21
- n
22
- );
23
- }) }) : /* @__PURE__ */ t("div", { className: "mx-6 mt-7 max-w-40 items-center justify-center rounded bg-yellow-lighter p-3", children: "There is no future availability for this product." })
24
- ] });
25
- export {
26
- x as UpcomingDatePicker
27
- };
@@ -1,24 +0,0 @@
1
- import { default as React } from 'react';
2
- declare const colors: {
3
- readonly primary: "bg-primary";
4
- readonly secondary: "bg-secondary";
5
- readonly success: "bg-success";
6
- readonly warning: "bg-warning";
7
- readonly danger: "bg-danger";
8
- readonly caution: "bg-caution";
9
- };
10
- declare const sizes: {
11
- readonly small: "h-1 w-1";
12
- readonly medium: "h-1.5 w-1.5";
13
- readonly large: "h-2 w-2";
14
- readonly xlarge: "h-8 w-8";
15
- };
16
- type DotColor = keyof typeof colors;
17
- type DotSize = keyof typeof sizes;
18
- export interface DotProps extends React.HTMLAttributes<HTMLSpanElement> {
19
- color?: DotColor;
20
- size?: DotSize;
21
- className?: string;
22
- }
23
- export declare const Dot: ({ color, size, className, ...rest }: DotProps) => React.JSX.Element;
24
- export {};
@@ -1,24 +0,0 @@
1
- import { jsx as o } from "react/jsx-runtime";
2
- import a from "../../helpers/classnames.js";
3
- const i = {
4
- primary: "bg-primary",
5
- secondary: "bg-secondary",
6
- success: "bg-success",
7
- warning: "bg-warning",
8
- danger: "bg-danger",
9
- caution: "bg-caution"
10
- }, c = {
11
- small: "h-1 w-1",
12
- medium: "h-1.5 w-1.5",
13
- large: "h-2 w-2",
14
- xlarge: "h-8 w-8"
15
- }, g = ({ color: r = "primary", size: n = "medium", className: s, ...e }) => /* @__PURE__ */ o(
16
- "span",
17
- {
18
- className: a("ui-dot", "inline-block rounded-full text-white", i[r], c[n], s),
19
- ...e
20
- }
21
- );
22
- export {
23
- g as Dot
24
- };
@@ -1,6 +0,0 @@
1
- import { default as React } from 'react';
2
- export interface DotProgressProps {
3
- total: number;
4
- current: number;
5
- }
6
- export declare const DotProgress: ({ current, total }: DotProgressProps) => React.JSX.Element | null;
@@ -1,10 +0,0 @@
1
- import { jsx as m } from "react/jsx-runtime";
2
- import { range as t } from "lodash-es";
3
- import { Dot as c } from "./Dot.js";
4
- const a = ({ current: r, total: o }) => o <= 1 ? null : /* @__PURE__ */ m("div", { className: "w-full space-x-2 text-center", children: t(0, o).map((e) => {
5
- const s = r <= 0 ? 0 : r >= o ? r - 1 : r;
6
- return /* @__PURE__ */ m(c, { color: e === s ? "primary" : "secondary", size: "medium" }, e);
7
- }) });
8
- export {
9
- a as DotProgress
10
- };
@@ -1,28 +0,0 @@
1
- import { default as React } from 'react';
2
- declare const sizes: {
3
- readonly small: "w-72";
4
- readonly medium: "w-85";
5
- readonly large: "w-110";
6
- readonly xl: "w-200";
7
- readonly "2xl": "w-screen md:max-w-screen-md 2xl:max-w-screen-lg";
8
- };
9
- type DrawerSize = keyof typeof sizes;
10
- type DrawerPosition = "left" | "right";
11
- export interface DrawerProps {
12
- isOpen: boolean;
13
- title?: React.ReactNode;
14
- size?: DrawerSize;
15
- content: React.ReactNode;
16
- sideIndent?: number;
17
- position?: DrawerPosition;
18
- classNames?: {
19
- dialog?: string;
20
- overlay?: string;
21
- dialogContent?: string;
22
- children?: string;
23
- content?: string;
24
- };
25
- onClose: (value: boolean) => void;
26
- }
27
- export declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLDivElement>>;
28
- export {};
@@ -1,126 +0,0 @@
1
- import { jsx as e, jsxs as n } from "react/jsx-runtime";
2
- import { Transition as o, Dialog as s } from "@headlessui/react";
3
- import { forwardRef as v, Fragment as m } from "react";
4
- import { isIosBrowser as g } from "../helpers/browser.js";
5
- import l from "../helpers/classnames.js";
6
- import { useViewportHeight as y } from "../hooks/useViewportHeight.js";
7
- import { Button as b } from "./Buttons/Button.js";
8
- import { CloseIcon as N } from "../icons/src/CloseIcon.js";
9
- const T = {
10
- small: "w-72",
11
- medium: "w-85",
12
- large: "w-110",
13
- xl: "w-200",
14
- "2xl": "w-screen md:max-w-screen-md 2xl:max-w-screen-lg"
15
- // This was the old size
16
- }, F = v(
17
- ({
18
- isOpen: i = !1,
19
- title: f,
20
- size: u = "medium",
21
- content: h,
22
- sideIndent: x = 0,
23
- position: r = "right",
24
- classNames: t = {},
25
- onClose: a
26
- }, w) => {
27
- const d = y(), p = g();
28
- return /* @__PURE__ */ e(o.Root, { show: i, as: m, children: /* @__PURE__ */ e(
29
- s,
30
- {
31
- ref: w,
32
- as: "div",
33
- className: l("ui-drawer fixed inset-0 z-10 overflow-hidden", t.dialog),
34
- open: i,
35
- onClose: a,
36
- children: /* @__PURE__ */ n(
37
- "div",
38
- {
39
- className: l(
40
- "flex",
41
- p ? `h-[${d}px] max-h-[${d}px] w-full` : "h-screen w-full"
42
- ),
43
- children: [
44
- /* @__PURE__ */ e(
45
- o.Child,
46
- {
47
- as: m,
48
- enter: "ease-in-out duration-500",
49
- enterFrom: "opacity-0",
50
- enterTo: "opacity-100",
51
- leave: "ease-in-out duration-500",
52
- leaveFrom: "opacity-100",
53
- leaveTo: "opacity-0",
54
- children: /* @__PURE__ */ e(
55
- s.Overlay,
56
- {
57
- className: l(
58
- "absolute inset-0 bg-black bg-opacity-80 transition-opacity",
59
- t.overlay
60
- )
61
- }
62
- )
63
- }
64
- ),
65
- /* @__PURE__ */ e(
66
- "div",
67
- {
68
- style: {
69
- [r === "right" ? "right" : "left"]: `${x ?? 0}px`
70
- },
71
- className: l("fixed inset-y-0 flex max-w-full", t.dialogContent),
72
- children: /* @__PURE__ */ e(
73
- o.Child,
74
- {
75
- as: m,
76
- enter: "transform transition ease-in-out duration-500 sm:duration-700",
77
- enterFrom: r === "right" ? "translate-x-full" : "-translate-x-full",
78
- enterTo: "translate-x-0",
79
- leave: "transform transition ease-out-in duration-500 sm:duration-700",
80
- leaveFrom: "translate-x-0",
81
- leaveTo: r === "right" ? "translate-x-full" : "-translate-x-full",
82
- children: /* @__PURE__ */ n("div", { className: "flex", children: [
83
- r === "right" ? /* @__PURE__ */ e(c, { onClose: a }) : null,
84
- /* @__PURE__ */ n(
85
- "div",
86
- {
87
- className: l(
88
- "flex h-full w-full flex-col overflow-y-auto bg-white px-4 py-8 shadow-xl sm:px-6",
89
- T[u],
90
- t.children
91
- ),
92
- children: [
93
- /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ e(s.Title, { children: f }) }),
94
- /* @__PURE__ */ e("div", { className: l("relative mt-3 flex-1", t.content), children: h })
95
- ]
96
- }
97
- ),
98
- r === "left" ? /* @__PURE__ */ e(c, { onClose: a }) : null
99
- ] })
100
- }
101
- )
102
- }
103
- )
104
- ]
105
- }
106
- )
107
- }
108
- ) });
109
- }
110
- );
111
- F.displayName = "Drawer";
112
- const c = ({ onClose: i }) => /* @__PURE__ */ e(
113
- b,
114
- {
115
- size: "small",
116
- variant: "link",
117
- className: l(
118
- "m-2.5 inline-flex !h-10 !w-10 items-center justify-center !rounded-full bg-white !px-1.5 !text-black"
119
- ),
120
- onClick: () => i(!1),
121
- children: /* @__PURE__ */ e(N, { size: "medium" })
122
- }
123
- );
124
- export {
125
- F as Drawer
126
- };
@@ -1,20 +0,0 @@
1
- import { default as React, ElementType } from 'react';
2
- declare const sizes: {
3
- readonly small: "px-3 py-1.5 text-sm leading-sm";
4
- readonly medium: "px-3 py-2.5 text-base leading-base";
5
- readonly large: "px-5 py-3.5 text-md leading-md";
6
- };
7
- type BaseInputSize = keyof typeof sizes;
8
- export interface BaseInputProps {
9
- [key: string]: any;
10
- as?: ElementType;
11
- size?: BaseInputSize;
12
- isError?: boolean;
13
- isRequired?: boolean;
14
- value?: string | number;
15
- prefix?: string;
16
- suffix?: string;
17
- className?: string;
18
- }
19
- export declare const BaseInput: React.ForwardRefExoticComponent<Omit<BaseInputProps & Record<string, any>, "ref"> & React.RefAttributes<HTMLInputElement>>;
20
- export {};
@@ -1,41 +0,0 @@
1
- import { jsxs as y, jsx as s } from "react/jsx-runtime";
2
- import { isString as i, isEmpty as l } from "lodash-es";
3
- import { forwardRef as u } from "react";
4
- import x from "../../helpers/classnames.js";
5
- import { Dot as h } from "../Dot/Dot.js";
6
- const k = {
7
- small: "px-3 py-1.5 text-sm leading-sm",
8
- medium: "px-3 py-2.5 text-base leading-base",
9
- large: "px-5 py-3.5 text-md leading-md"
10
- }, w = u(
11
- ({ as: t = "input", size: d = "medium", isError: c, isRequired: g, value: r, prefix: a, suffix: o, className: n, ...p }, m) => {
12
- const f = () => {
13
- if (!i(r)) return;
14
- let e = r;
15
- return a && (e = e.replace(new RegExp(`^${a}`), "")), o && (e = e.replace(new RegExp(`${o}$`), "")), e.replaceAll(/[^.\S]+/g, "").replace(/[\p{Sc}]/u, "");
16
- }, b = i(r) ? l(f()) : l(r == null ? void 0 : r.toString());
17
- return /* @__PURE__ */ y("div", { className: "relative flex w-full items-center", children: [
18
- /* @__PURE__ */ s(
19
- t,
20
- {
21
- ref: m,
22
- className: x(
23
- "w-full rounded text-gray-darker placeholder-gray-dark hover:placeholder-gray-darker disabled:text-gray",
24
- "border hover:border-black hover:bg-gray-lighter focus:text-black active:text-black disabled:bg-gray-lighter",
25
- k[d],
26
- t === "select" && "pr-8",
27
- c ? "!focus:border-danger !border-danger focus:ring-0 focus:ring-danger" : "border-gray-light focus:border-primary focus:ring-0 focus:ring-primary",
28
- n
29
- ),
30
- value: r,
31
- ...p
32
- }
33
- ),
34
- g && b && /* @__PURE__ */ s(h, { className: "absolute right-3", color: "danger" })
35
- ] });
36
- }
37
- );
38
- w.displayName = "BaseInput";
39
- export {
40
- w as BaseInput
41
- };
@@ -1,10 +0,0 @@
1
- import { default as React } from 'react';
2
- export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
3
- label: React.ReactNode;
4
- classNames?: {
5
- checkbox?: string;
6
- label?: string;
7
- };
8
- className?: string;
9
- }
10
- export declare const Checkbox: ({ label, classNames, className, ...rest }: CheckboxProps) => React.JSX.Element;
@@ -1,34 +0,0 @@
1
- import { jsxs as n, jsx as c } from "react/jsx-runtime";
2
- import e from "../../helpers/classnames.js";
3
- import { useId as d } from "../../hooks/useId.js";
4
- import s from "./Checkbox.module.css.js";
5
- const m = ({ label: r, classNames: o = {}, className: i, ...l }) => {
6
- const t = d("checkbox");
7
- return /* @__PURE__ */ n("div", { className: e("ui-checkbox", i, "flex items-center"), children: [
8
- /* @__PURE__ */ c(
9
- "input",
10
- {
11
- type: "checkbox",
12
- className: e(
13
- "ui-checkbox-input",
14
- o.checkbox,
15
- s.checkbox,
16
- "h-4 w-4 rounded !border-primary text-white transition-colors disabled:border-none disabled:bg-gray-light disabled:text-gray-light"
17
- ),
18
- ...l,
19
- id: t
20
- }
21
- ),
22
- r ? /* @__PURE__ */ c(
23
- "label",
24
- {
25
- htmlFor: t,
26
- className: e("ui-checkbox-label", o.label, "ml-2 leading-none text-gray-darker"),
27
- children: r
28
- }
29
- ) : null
30
- ] });
31
- };
32
- export {
33
- m as Checkbox
34
- };
@@ -1,7 +0,0 @@
1
- const c = "_checkbox_1gb8z_1", e = {
2
- checkbox: c
3
- };
4
- export {
5
- c as checkbox,
6
- e as default
7
- };
@@ -1,8 +0,0 @@
1
- import { default as React } from 'react';
2
- import { Props as SelectProps } from 'react-select';
3
- export interface ComboBoxProps extends SelectProps {
4
- isCreatable?: boolean;
5
- isError?: boolean;
6
- className?: string;
7
- }
8
- export declare const ComboBox: ({ isCreatable, isError, className, ...rest }: ComboBoxProps) => React.JSX.Element;