@itilite/lumina-ui 1.0.0-alpha → 1.0.1-alpha

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 (185) hide show
  1. package/dist/{AdvancedDateRangePicker-Eh6n4ne0.d.mts → AdvancedDateRangePicker-ozItnkhp.d.mts} +1 -1
  2. package/dist/{AdvancedDateRangePicker-Eh6n4ne0.d.ts → AdvancedDateRangePicker-ozItnkhp.d.ts} +1 -1
  3. package/dist/atom/AdvancedDateRangePicker/AdvancedDateRangePicker.d.mts +1 -1
  4. package/dist/atom/AdvancedDateRangePicker/AdvancedDateRangePicker.d.ts +1 -1
  5. package/dist/atom/AdvancedDateRangePicker/InternalCalendar.d.mts +1 -2
  6. package/dist/atom/AdvancedDateRangePicker/InternalCalendar.d.ts +1 -2
  7. package/dist/atom/LoadingSpinner/LoadingSpinner.d.mts +2 -2
  8. package/dist/atom/LoadingSpinner/LoadingSpinner.d.ts +2 -2
  9. package/dist/index.d.mts +14 -15
  10. package/dist/index.d.ts +14 -15
  11. package/dist/index.mjs +8 -8
  12. package/dist/styles.css +328 -312
  13. package/package.json +1 -1
  14. package/dist/AdvancedDateRangePicker-CN9WN0rH.d.mts +0 -56
  15. package/dist/AdvancedDateRangePicker-CN9WN0rH.d.ts +0 -56
  16. package/dist/AdvancedDateRangePicker-CzN1HGsC.d.mts +0 -57
  17. package/dist/AdvancedDateRangePicker-CzN1HGsC.d.ts +0 -57
  18. package/dist/AdvancedDateRangePicker-DAPxgRl3.d.mts +0 -54
  19. package/dist/AdvancedDateRangePicker-DAPxgRl3.d.ts +0 -54
  20. package/dist/AdvancedDateRangePicker-DW94285G.d.mts +0 -56
  21. package/dist/AdvancedDateRangePicker-DW94285G.d.ts +0 -56
  22. package/dist/Avatar-DX2JwvAs.d.mts +0 -17
  23. package/dist/Avatar-DX2JwvAs.d.ts +0 -17
  24. package/dist/Table-BA0D3p1m.d.mts +0 -78
  25. package/dist/Table-BA0D3p1m.d.ts +0 -78
  26. package/dist/Table-BLZ6c46U.d.mts +0 -77
  27. package/dist/Table-BLZ6c46U.d.ts +0 -77
  28. package/dist/Table-BMqYnFi4.d.mts +0 -25
  29. package/dist/Table-BMqYnFi4.d.ts +0 -25
  30. package/dist/Table-BRcthrYV.d.mts +0 -98
  31. package/dist/Table-BRcthrYV.d.ts +0 -98
  32. package/dist/Table-BWlFCfBG.d.mts +0 -106
  33. package/dist/Table-BWlFCfBG.d.ts +0 -106
  34. package/dist/Table-CHFmNrme.d.mts +0 -77
  35. package/dist/Table-CHFmNrme.d.ts +0 -77
  36. package/dist/Table-CX6UwQiD.d.mts +0 -116
  37. package/dist/Table-CX6UwQiD.d.ts +0 -116
  38. package/dist/Table-Chud2XSq.d.mts +0 -99
  39. package/dist/Table-Chud2XSq.d.ts +0 -99
  40. package/dist/Table-D5QRe_j3.d.mts +0 -121
  41. package/dist/Table-D5QRe_j3.d.ts +0 -121
  42. package/dist/Table-DAgFGahx.d.mts +0 -39
  43. package/dist/Table-DAgFGahx.d.ts +0 -39
  44. package/dist/Table-DWniK7At.d.mts +0 -87
  45. package/dist/Table-DWniK7At.d.ts +0 -87
  46. package/dist/Table-PyFlnUDu.d.mts +0 -47
  47. package/dist/Table-PyFlnUDu.d.ts +0 -47
  48. package/dist/Table-wqyg13Y9.d.mts +0 -77
  49. package/dist/Table-wqyg13Y9.d.ts +0 -77
  50. package/dist/Tag-l7I5oeyk.d.mts +0 -13
  51. package/dist/Tag-l7I5oeyk.d.ts +0 -13
  52. package/dist/atom/Table/LuminaPagination.d.mts +0 -7
  53. package/dist/atom/Table/LuminaPagination.d.ts +0 -7
  54. package/dist/atom/Table/LuminaPagination.js +0 -153
  55. package/dist/atom/Table/LuminaPagination.mjs +0 -9
  56. package/dist/atom/Table/TableAccordion.d.mts +0 -9
  57. package/dist/atom/Table/TableAccordion.d.ts +0 -9
  58. package/dist/atom/Table/TableAccordion.js +0 -91
  59. package/dist/atom/Table/TableAccordion.mjs +0 -10
  60. package/dist/atom/Table/TableColumnHeader.d.mts +0 -7
  61. package/dist/atom/Table/TableColumnHeader.d.ts +0 -7
  62. package/dist/atom/Table/TableColumnHeader.js +0 -151
  63. package/dist/atom/Table/TableColumnHeader.mjs +0 -10
  64. package/dist/atom/Table/TableToolbar.d.mts +0 -9
  65. package/dist/atom/Table/TableToolbar.d.ts +0 -9
  66. package/dist/atom/Table/TableToolbar.js +0 -114
  67. package/dist/atom/Table/TableToolbar.mjs +0 -10
  68. package/dist/atom/Table/__tests__/Table.test.d.mts +0 -2
  69. package/dist/atom/Table/__tests__/Table.test.d.ts +0 -2
  70. package/dist/atom/Table/__tests__/Table.test.js +0 -61133
  71. package/dist/atom/Table/__tests__/Table.test.mjs +0 -59522
  72. package/dist/atom/TableAccordion/index.d.mts +0 -17
  73. package/dist/atom/TableAccordion/index.d.ts +0 -17
  74. package/dist/atom/TableAccordion/index.js +0 -91
  75. package/dist/atom/TableAccordion/index.mjs +0 -9
  76. package/dist/atom/TableToolbar/index.d.mts +0 -23
  77. package/dist/atom/TableToolbar/index.d.ts +0 -23
  78. package/dist/atom/TableToolbar/index.js +0 -114
  79. package/dist/atom/TableToolbar/index.mjs +0 -9
  80. package/dist/chunk-2PIFDGVK.mjs +0 -420
  81. package/dist/chunk-35KDS27M.mjs +0 -618
  82. package/dist/chunk-3S4X3YO2.mjs +0 -64
  83. package/dist/chunk-3XUHGVYA.mjs +0 -77
  84. package/dist/chunk-5HF6Y37C.mjs +0 -642
  85. package/dist/chunk-5OGQ4YIR.mjs +0 -238
  86. package/dist/chunk-6FCSXN7R.mjs +0 -388
  87. package/dist/chunk-7W72LPSU.mjs +0 -66
  88. package/dist/chunk-A66QDQHK.mjs +0 -627
  89. package/dist/chunk-ABLIL47F.mjs +0 -618
  90. package/dist/chunk-AEPDEUGY.mjs +0 -627
  91. package/dist/chunk-AFLEGUF3.mjs +0 -232
  92. package/dist/chunk-APCEITHQ.mjs +0 -232
  93. package/dist/chunk-AVQBFGBT.mjs +0 -141
  94. package/dist/chunk-B5BOBELW.mjs +0 -213
  95. package/dist/chunk-BQ4PVLJ4.mjs +0 -262
  96. package/dist/chunk-DBNLBCQK.mjs +0 -64
  97. package/dist/chunk-DLLT6V65.mjs +0 -141
  98. package/dist/chunk-DOQQRYTS.mjs +0 -73
  99. package/dist/chunk-DSVR2DVF.mjs +0 -660
  100. package/dist/chunk-DXUPULDI.mjs +0 -424
  101. package/dist/chunk-E465D6OH.mjs +0 -644
  102. package/dist/chunk-E4FCLHYA.mjs +0 -678
  103. package/dist/chunk-ENQN5BAN.mjs +0 -225
  104. package/dist/chunk-F6VMSH4N.mjs +0 -79
  105. package/dist/chunk-FKGGN3FA.mjs +0 -412
  106. package/dist/chunk-GFTO2N3Q.mjs +0 -432
  107. package/dist/chunk-GM6H6RPJ.mjs +0 -232
  108. package/dist/chunk-HF3VJBMY.mjs +0 -244
  109. package/dist/chunk-HISCHZ5H.mjs +0 -77
  110. package/dist/chunk-HWQBE6PT.mjs +0 -99
  111. package/dist/chunk-HXM657YW.mjs +0 -115
  112. package/dist/chunk-I5VHKSQR.mjs +0 -64
  113. package/dist/chunk-ICSZZNTY.mjs +0 -384
  114. package/dist/chunk-IZGLD7U3.mjs +0 -667
  115. package/dist/chunk-J7X2PZG6.mjs +0 -232
  116. package/dist/chunk-JUXBLRMQ.mjs +0 -50
  117. package/dist/chunk-JXFSGADI.mjs +0 -678
  118. package/dist/chunk-KGKRSR6D.mjs +0 -388
  119. package/dist/chunk-KQKNFGWZ.mjs +0 -388
  120. package/dist/chunk-LCH4DXJY.mjs +0 -92
  121. package/dist/chunk-LCXU3K57.mjs +0 -232
  122. package/dist/chunk-LRN4XOIR.mjs +0 -71
  123. package/dist/chunk-LROMXY35.mjs +0 -116
  124. package/dist/chunk-LUNPHYAR.mjs +0 -681
  125. package/dist/chunk-LVOTEPLC.mjs +0 -64
  126. package/dist/chunk-M2ZM3X5Y.mjs +0 -56
  127. package/dist/chunk-M4MIYHAV.mjs +0 -43
  128. package/dist/chunk-M7F7DOC4.mjs +0 -41
  129. package/dist/chunk-MHWFVML4.mjs +0 -115
  130. package/dist/chunk-MPTVYTYS.mjs +0 -0
  131. package/dist/chunk-MQFW3LZR.mjs +0 -111
  132. package/dist/chunk-N355RJGH.mjs +0 -141
  133. package/dist/chunk-N3YFQDW7.mjs +0 -77
  134. package/dist/chunk-NGCBOOIE.mjs +0 -225
  135. package/dist/chunk-NWQQYJSP.mjs +0 -688
  136. package/dist/chunk-NYQV556V.mjs +0 -667
  137. package/dist/chunk-O5C3355V.mjs +0 -246
  138. package/dist/chunk-OCP43S7U.mjs +0 -241
  139. package/dist/chunk-OHLFRULE.mjs +0 -432
  140. package/dist/chunk-PLO46EKV.mjs +0 -65
  141. package/dist/chunk-PSBEYGD4.mjs +0 -618
  142. package/dist/chunk-PWIBJI6Z.mjs +0 -115
  143. package/dist/chunk-Q5KPXEH5.mjs +0 -223
  144. package/dist/chunk-QC34HHAY.mjs +0 -57
  145. package/dist/chunk-QVWV36BK.mjs +0 -73
  146. package/dist/chunk-QWK3MYDM.mjs +0 -64
  147. package/dist/chunk-RE44YAMD.mjs +0 -47
  148. package/dist/chunk-RH6DAYBU.mjs +0 -369
  149. package/dist/chunk-RSSEJENT.mjs +0 -269
  150. package/dist/chunk-SJBS5QCJ.mjs +0 -225
  151. package/dist/chunk-SWRFCTJW.mjs +0 -77
  152. package/dist/chunk-T4XNCAIB.mjs +0 -231
  153. package/dist/chunk-TCX5IFQ4.mjs +0 -627
  154. package/dist/chunk-TSAUBT2F.mjs +0 -74
  155. package/dist/chunk-U7Q7ILSE.mjs +0 -690
  156. package/dist/chunk-UHTUJJH7.mjs +0 -112
  157. package/dist/chunk-UOHYCMUS.mjs +0 -53
  158. package/dist/chunk-UQZBL3F7.mjs +0 -0
  159. package/dist/chunk-URGYNKJM.mjs +0 -229
  160. package/dist/chunk-UTMZY37A.mjs +0 -141
  161. package/dist/chunk-UUEPD2FH.mjs +0 -141
  162. package/dist/chunk-VQOUJQIF.mjs +0 -249
  163. package/dist/chunk-VY3QH43W.mjs +0 -6
  164. package/dist/chunk-W2N3AWY6.mjs +0 -80
  165. package/dist/chunk-WUVS6S7N.mjs +0 -119
  166. package/dist/chunk-WZS2K7X3.mjs +0 -688
  167. package/dist/chunk-X76GNSBB.mjs +0 -87
  168. package/dist/chunk-XG7CZXBW.mjs +0 -244
  169. package/dist/chunk-XXKIBYXD.mjs +0 -109
  170. package/dist/chunk-XXTUVMAY.mjs +0 -51
  171. package/dist/chunk-Y3BIY4DW.mjs +0 -618
  172. package/dist/chunk-Y7FP6ZMW.mjs +0 -225
  173. package/dist/chunk-YELLXCMY.mjs +0 -265
  174. package/dist/chunk-YQEEM26W.mjs +0 -232
  175. package/dist/chunk-ZGFE3OPJ.mjs +0 -678
  176. package/dist/chunk-ZMJ3KDDY.mjs +0 -618
  177. package/dist/chunk-ZYPWQ53U.mjs +0 -6
  178. package/dist/dist-U2IPN4FB.mjs +0 -567
  179. package/dist/magic-string.es-XOWQCRDO.mjs +0 -1311
  180. package/dist/types-CA0Wby2L.d.mts +0 -67
  181. package/dist/types-CA0Wby2L.d.ts +0 -67
  182. package/dist/types-CncMmuJM.d.mts +0 -44
  183. package/dist/types-CncMmuJM.d.ts +0 -44
  184. package/dist/types-D4fdeMWQ.d.mts +0 -62
  185. package/dist/types-D4fdeMWQ.d.ts +0 -62
@@ -1,213 +0,0 @@
1
- import {
2
- __objRest,
3
- __spreadProps,
4
- __spreadValues
5
- } from "./chunk-FWCSY2DS.mjs";
6
-
7
- // src/atom/Table/Table.tsx
8
- import * as React from "react";
9
- import { Table as AntTable } from "antd";
10
- import clsx from "clsx";
11
-
12
- // src/atom/Table/Table.module.scss
13
- var Table_module_default = { "tableWrapper": "Table-module__tableWrapper___3cqiD", "isAccordion": "Table-module__isAccordion___-uIs6", "isToolbar": "Table-module__isToolbar___LdS-m", "table": "Table-module__table___5d7g0", "firstRow": "Table-module__firstRow___Xq-Hi", "lastRow": "Table-module__lastRow___ahv4g", "showHoverEffect": "Table-module__showHoverEffect___IyKyO", "columnHeader": "Table-module__columnHeader___Unr6d", "columnHeaderLeft": "Table-module__columnHeaderLeft___mp7pK", "columnHeaderSortArea": "Table-module__columnHeaderSortArea___jrIYo", "columnHeaderLabel": "Table-module__columnHeaderLabel___A-mRu", "columnHeaderSortIcon": "Table-module__columnHeaderSortIcon___mWVZN", "columnHeaderSortIconActive": "Table-module__columnHeaderSortIconActive___wHAqC", "columnHeaderFilterWrapper": "Table-module__columnHeaderFilterWrapper___DnSve", "columnHeaderFilterBtn": "Table-module__columnHeaderFilterBtn___NR7DY", "columnHeaderFilterBtnActive": "Table-module__columnHeaderFilterBtnActive___JdO11", "columnHeaderFilterBadge": "Table-module__columnHeaderFilterBadge___-Q2T2", "columnHeaderFilterDropdown": "Table-module__columnHeaderFilterDropdown___M-fD4" };
14
-
15
- // src/atom/Table/Table.tsx
16
- import { jsx, jsxs } from "react/jsx-runtime";
17
- function buildPagination(pagination) {
18
- if (pagination === false || pagination === void 0) {
19
- return false;
20
- }
21
- const defaults = {
22
- showSizeChanger: true,
23
- pageSizeOptions: [10, 25, 50],
24
- showTotal: (total, range) => `${range[0]}\u2013${range[1]} of ${total} items`
25
- };
26
- if (pagination === true) {
27
- return defaults;
28
- }
29
- return __spreadValues(__spreadValues({}, defaults), pagination);
30
- }
31
- function nextSortOrder(current) {
32
- if (current === void 0) return "ascend";
33
- if (current === "ascend") return "descend";
34
- return void 0;
35
- }
36
- function ColumnHeader({
37
- label,
38
- sortable = false,
39
- sortOrder,
40
- onSortChange,
41
- sortIcon,
42
- filterCount = 0,
43
- filterIcon,
44
- filterContent,
45
- className = ""
46
- }) {
47
- const [filterOpen, setFilterOpen] = React.useState(false);
48
- const wrapperRef = React.useRef(null);
49
- const filterActive = filterCount > 0;
50
- const hasFilter = filterContent !== void 0 && filterIcon !== void 0;
51
- const hasSort = sortable && sortIcon !== void 0;
52
- React.useEffect(() => {
53
- if (!filterOpen) return;
54
- const onOutside = (e) => {
55
- if (wrapperRef.current && !wrapperRef.current.contains(e.target)) {
56
- setFilterOpen(false);
57
- }
58
- };
59
- document.addEventListener("mousedown", onOutside);
60
- return () => document.removeEventListener("mousedown", onOutside);
61
- }, [filterOpen]);
62
- return /* @__PURE__ */ jsxs("div", { className: Table_module_default.columnHeader, ref: wrapperRef, children: [
63
- /* @__PURE__ */ jsx("div", { className: Table_module_default.columnHeaderLeft, children: hasSort ? /* @__PURE__ */ jsxs(
64
- "button",
65
- {
66
- type: "button",
67
- className: Table_module_default.columnHeaderSortArea,
68
- onClick: () => onSortChange == null ? void 0 : onSortChange(nextSortOrder(sortOrder)),
69
- "aria-label": typeof label === "string" ? `Sort by ${label}` : "Sort",
70
- children: [
71
- /* @__PURE__ */ jsx("span", { className: clsx(Table_module_default.columnHeaderLabel, "tw-typography-caption2Bold tw-text-color-text-weak", className), children: label }),
72
- /* @__PURE__ */ jsx(
73
- "span",
74
- {
75
- className: clsx(Table_module_default.columnHeaderSortIcon, {
76
- [Table_module_default.columnHeaderSortIconActive]: sortOrder !== void 0
77
- }),
78
- children: sortIcon
79
- }
80
- )
81
- ]
82
- }
83
- ) : /* @__PURE__ */ jsx("span", { className: clsx(Table_module_default.columnHeaderLabel, "tw-typography-caption2Bold tw-text-color-text-weak", className), children: label }) }),
84
- hasFilter && /* @__PURE__ */ jsxs("div", { className: Table_module_default.columnHeaderFilterWrapper, children: [
85
- /* @__PURE__ */ jsxs(
86
- "button",
87
- {
88
- type: "button",
89
- className: clsx(Table_module_default.columnHeaderFilterBtn, {
90
- [Table_module_default.columnHeaderFilterBtnActive]: filterActive
91
- }),
92
- onClick: () => setFilterOpen((v) => !v),
93
- "aria-label": typeof label === "string" ? `Filter ${label}` : "Filter",
94
- "aria-expanded": filterOpen,
95
- "aria-haspopup": "dialog",
96
- children: [
97
- filterIcon,
98
- filterActive && /* @__PURE__ */ jsx("span", { className: Table_module_default.columnHeaderFilterBadge, children: filterCount })
99
- ]
100
- }
101
- ),
102
- filterOpen && /* @__PURE__ */ jsx("div", { className: Table_module_default.columnHeaderFilterDropdown, role: "dialog", children: filterContent })
103
- ] })
104
- ] });
105
- }
106
- function processColumns(columns) {
107
- if (!columns) return void 0;
108
- return columns.map((col) => {
109
- const _a = col, { headerProps, title } = _a, rest = __objRest(_a, ["headerProps", "title"]);
110
- if (!headerProps) return __spreadValues({ title }, rest);
111
- return __spreadProps(__spreadValues({}, rest), {
112
- title: /* @__PURE__ */ jsx(ColumnHeader, __spreadValues({ label: title }, headerProps))
113
- });
114
- });
115
- }
116
- function Table(props) {
117
- const _a = props, {
118
- size = "middle",
119
- variant = "default",
120
- isAccordion = false,
121
- isToolbar = false,
122
- className = "",
123
- pagination,
124
- columns,
125
- rowSelection,
126
- rowKey = "key",
127
- onRow,
128
- dataSource
129
- } = _a, rest = __objRest(_a, [
130
- "size",
131
- "variant",
132
- "isAccordion",
133
- "isToolbar",
134
- "className",
135
- "pagination",
136
- "columns",
137
- "rowSelection",
138
- "rowKey",
139
- "onRow",
140
- "dataSource"
141
- ]);
142
- const isChildVariant = isAccordion || isToolbar;
143
- const resolvedPagination = buildPagination(pagination);
144
- const processedColumns = React.useMemo(
145
- () => processColumns(columns),
146
- // eslint-disable-next-line react-hooks/exhaustive-deps
147
- [columns]
148
- );
149
- const resolvedOnRow = React.useMemo(() => {
150
- const onChange = rowSelection == null ? void 0 : rowSelection.onChange;
151
- if (variant !== "selectable" || !onChange) return onRow;
152
- return (record, index) => {
153
- var _a2;
154
- const base = (_a2 = onRow == null ? void 0 : onRow(record, index)) != null ? _a2 : {};
155
- const getKey = (r, i) => typeof rowKey === "function" ? rowKey(r, i) : r[rowKey];
156
- return __spreadProps(__spreadValues({}, base), {
157
- style: __spreadValues({ cursor: "pointer" }, base.style),
158
- onClick: (e) => {
159
- var _a3, _b;
160
- (_a3 = base.onClick) == null ? void 0 : _a3.call(base, e);
161
- const key = getKey(record, index);
162
- const current = (_b = rowSelection.selectedRowKeys) != null ? _b : [];
163
- const isSelected = current.some((k) => k === key);
164
- const newKeys = isSelected ? current.filter((k) => k !== key) : [...current, key];
165
- const newRows = (dataSource != null ? dataSource : []).filter(
166
- (r) => newKeys.some((k) => k === getKey(r))
167
- );
168
- onChange(newKeys, newRows, { type: "single" });
169
- }
170
- });
171
- };
172
- }, [variant, rowSelection, rowKey, onRow, dataSource]);
173
- return /* @__PURE__ */ jsx(
174
- "div",
175
- {
176
- className: clsx(
177
- Table_module_default.tableWrapper,
178
- Table_module_default.showHoverEffect,
179
- { [Table_module_default.isAccordion]: isAccordion },
180
- { [Table_module_default.isToolbar]: isToolbar },
181
- className
182
- ),
183
- "data-testid": "lumina-table",
184
- children: /* @__PURE__ */ jsx(
185
- AntTable,
186
- __spreadValues({
187
- className: Table_module_default.table,
188
- size,
189
- pagination: resolvedPagination,
190
- columns: processedColumns,
191
- rowSelection,
192
- rowKey,
193
- onRow: resolvedOnRow,
194
- dataSource,
195
- rowClassName: (_, index) => {
196
- var _a2;
197
- return clsx({
198
- [Table_module_default.firstRow]: index === 0,
199
- [Table_module_default.lastRow]: index === ((_a2 = dataSource == null ? void 0 : dataSource.length) != null ? _a2 : 0) - 1
200
- });
201
- }
202
- }, rest)
203
- )
204
- }
205
- );
206
- }
207
- Table.displayName = "Table";
208
- var Table_default = Table;
209
-
210
- export {
211
- Table,
212
- Table_default
213
- };
@@ -1,262 +0,0 @@
1
- import {
2
- Chevron
3
- } from "./chunk-UOHYCMUS.mjs";
4
-
5
- // src/atom/AdvancedDateRangePicker/InternalCalendar.tsx
6
- import { memo, useEffect, useRef, useState } from "react";
7
- import dayjs from "dayjs";
8
- import { jsx, jsxs } from "react/jsx-runtime";
9
- var InternalCalendar = ({
10
- id = "",
11
- onChange = () => {
12
- },
13
- dateRange = ["", ""],
14
- showSingleCalendar = false,
15
- disablePastDates = false,
16
- minDate = null,
17
- maxDate = null,
18
- minYear = 1900,
19
- maxYear = (/* @__PURE__ */ new Date()).getFullYear() + 10,
20
- allowSameDates = false
21
- }) => {
22
- const onChangeRef = useRef(onChange);
23
- useEffect(() => {
24
- onChangeRef.current = onChange;
25
- }, [onChange]);
26
- const getInitialDate = () => {
27
- if (dateRange[0]) return new Date(dateRange[0]);
28
- if (!minDate && !maxDate && !minYear && !maxYear) return /* @__PURE__ */ new Date();
29
- if (maxYear && maxYear !== (/* @__PURE__ */ new Date()).getFullYear()) {
30
- let targetDate = new Date(maxYear, 7, 1);
31
- if (maxDate) {
32
- const maxDateTime = new Date(maxDate);
33
- if (targetDate > maxDateTime) {
34
- targetDate = new Date(maxDateTime.getFullYear(), maxDateTime.getMonth(), 1);
35
- }
36
- }
37
- return targetDate;
38
- }
39
- if (minDate) {
40
- const minDateTime = new Date(minDate);
41
- minDateTime.setHours(0, 0, 0, 0);
42
- return minDateTime;
43
- }
44
- return /* @__PURE__ */ new Date();
45
- };
46
- const [currentDate, setCurrentDate] = useState(() => getInitialDate());
47
- const [startDate, setStartDate] = useState(
48
- dateRange[0] ? new Date(dateRange[0]) : null
49
- );
50
- const [endDate, setEndDate] = useState(
51
- dateRange[0] && dateRange[1] ? new Date(dateRange[1]) : null
52
- );
53
- const [hoverDate, setHoverDate] = useState(null);
54
- const [isSelectingEnd, setIsSelectingEnd] = useState(
55
- dateRange[0] && !dateRange[1] ? true : false
56
- );
57
- useEffect(() => {
58
- const nextStart = dateRange[0] ? new Date(dateRange[0]) : null;
59
- const nextEnd = dateRange[1] ? new Date(dateRange[1]) : null;
60
- setStartDate(nextStart);
61
- setEndDate(nextEnd);
62
- if (nextStart) {
63
- setCurrentDate(new Date(nextStart.getFullYear(), nextStart.getMonth(), 1));
64
- }
65
- }, [dateRange]);
66
- const today = /* @__PURE__ */ new Date();
67
- today.setHours(0, 0, 0, 0);
68
- const firstMonth = new Date(currentDate.getFullYear(), currentDate.getMonth(), 1);
69
- const secondMonth = new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 1);
70
- const monthNames = [
71
- "January",
72
- "February",
73
- "March",
74
- "April",
75
- "May",
76
- "June",
77
- "July",
78
- "August",
79
- "September",
80
- "October",
81
- "November",
82
- "December"
83
- ];
84
- const dayNames = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
85
- const generateYearOptions = () => {
86
- const years = [];
87
- for (let i = minYear; i <= maxYear; i++) {
88
- years.push({ label: i.toString(), value: i });
89
- }
90
- return years;
91
- };
92
- const generateCalendarDays = (monthDate) => {
93
- const year = monthDate.getFullYear();
94
- const month = monthDate.getMonth();
95
- const firstDay = new Date(year, month, 1);
96
- const lastDay = new Date(year, month + 1, 0);
97
- const daysInMonth = lastDay.getDate();
98
- const startingDayOfWeek = firstDay.getDay();
99
- const days = [];
100
- for (let i = 0; i < startingDayOfWeek; i++) days.push(null);
101
- for (let day = 1; day <= daysInMonth; day++) days.push(new Date(year, month, day));
102
- return days;
103
- };
104
- const isSameDate = (d1, d2) => {
105
- if (!d1 || !d2) return false;
106
- return d1.getFullYear() === d2.getFullYear() && d1.getMonth() === d2.getMonth() && d1.getDate() === d2.getDate();
107
- };
108
- const isDateDisabled = (date) => {
109
- if (!date) return false;
110
- const checkDate = new Date(date);
111
- checkDate.setHours(0, 0, 0, 0);
112
- if (disablePastDates && checkDate < today) return true;
113
- if (minDate) {
114
- const m = new Date(minDate);
115
- m.setHours(0, 0, 0, 0);
116
- if (checkDate < m) return true;
117
- }
118
- if (maxDate) {
119
- const m = new Date(maxDate);
120
- m.setHours(0, 0, 0, 0);
121
- if (checkDate > m) return true;
122
- }
123
- return false;
124
- };
125
- const isDateBetweenRange = (date) => {
126
- if (!startDate || !date) return false;
127
- const comp = endDate || hoverDate;
128
- if (!comp) return false;
129
- const s = startDate < comp ? startDate : comp;
130
- const e = startDate < comp ? comp : startDate;
131
- return date > s && date < e;
132
- };
133
- const isDateInRange = (date) => {
134
- if (!startDate || !date) return false;
135
- const comp = endDate || hoverDate;
136
- if (!comp) return false;
137
- const s = startDate < comp ? startDate : comp;
138
- const e = startDate < comp ? comp : startDate;
139
- return date >= s && date <= e;
140
- };
141
- const handleDateClick = (date) => {
142
- if (isDateDisabled(date)) return;
143
- let nextStart = startDate;
144
- let nextEnd = endDate;
145
- const isSame = dayjs(date).isSame(startDate, "day");
146
- if (!allowSameDates && isSame) {
147
- setStartDate(null);
148
- setEndDate(null);
149
- setIsSelectingEnd(false);
150
- onChangeRef.current(["", ""]);
151
- return;
152
- }
153
- if (!startDate || startDate && endDate) {
154
- nextStart = date;
155
- nextEnd = null;
156
- setStartDate(nextStart);
157
- setEndDate(nextEnd);
158
- setIsSelectingEnd(true);
159
- } else {
160
- if (date < startDate) {
161
- nextEnd = startDate;
162
- nextStart = date;
163
- } else {
164
- nextEnd = date;
165
- }
166
- setStartDate(nextStart);
167
- setEndDate(nextEnd);
168
- setIsSelectingEnd(false);
169
- }
170
- onChangeRef.current([
171
- nextStart ? dayjs(nextStart).format("D MMM, YYYY") : "",
172
- nextEnd ? dayjs(nextEnd).format("D MMM, YYYY") : ""
173
- ]);
174
- };
175
- const handleDateHover = (date) => {
176
- if (isDateDisabled(date)) return;
177
- if (isSelectingEnd && startDate && !endDate) setHoverDate(date);
178
- };
179
- const navigateMonth = (direction) => {
180
- const newDate = new Date(currentDate);
181
- newDate.setMonth(currentDate.getMonth() + direction);
182
- setCurrentDate(newDate);
183
- };
184
- const renderCalendar = (monthDate) => {
185
- const days = generateCalendarDays(monthDate);
186
- const monthName = monthNames[monthDate.getMonth()];
187
- const year = monthDate.getFullYear();
188
- return /* @__PURE__ */ jsxs("div", { className: "tw-flex-1 tw-mb-2", children: [
189
- /* @__PURE__ */ jsx("div", { className: "tw-text-center tw-mb-4", children: /* @__PURE__ */ jsxs("h3", { className: "tw-typography-footNoteBold tw-text-gray-900 tw-m-0", children: [
190
- monthName,
191
- " ",
192
- year
193
- ] }) }),
194
- /* @__PURE__ */ jsx("div", { className: "tw-grid tw-grid-cols-7 tw-mb-2", children: dayNames.map((day) => /* @__PURE__ */ jsx("div", { className: "tw-py-2 tw-text-center tw-typography-caption2 tw-text-gray-500", children: day }, day)) }),
195
- /* @__PURE__ */ jsx("div", { className: "tw-grid tw-grid-cols-7", children: days.map((date, index) => {
196
- if (!date) return /* @__PURE__ */ jsx("div", { className: "tw-h-10" }, index);
197
- const isStart = isSameDate(date, startDate);
198
- const isEnd = isSameDate(date, endDate);
199
- const isInRange = isDateBetweenRange(date);
200
- const isSelected = isDateInRange(date);
201
- const isDisabled = isDateDisabled(date);
202
- const isHovering = isSelectingEnd && hoverDate && isSameDate(date, hoverDate);
203
- let cellClasses = "tw-relative tw-z-20 tw-h-10 tw-w-10 tw-flex tw-items-center tw-justify-center tw-typography-caption1Bold tw-cursor-pointer tw-transition-all ";
204
- if (isDisabled) {
205
- cellClasses += "tw-text-gray-300 tw-cursor-not-allowed ";
206
- } else if (isStart || isEnd) {
207
- cellClasses += "tw-bg-black tw-text-white tw-rounded-full ";
208
- } else if (isInRange) {
209
- cellClasses += "tw-text-gray-900 ";
210
- } else {
211
- cellClasses += "tw-text-gray-700 hover:tw-bg-gray-100 tw-rounded-full ";
212
- }
213
- if (isHovering && !isEnd) {
214
- cellClasses += "tw-border-2 tw-border-gray-400 tw-border-dashed ";
215
- }
216
- return /* @__PURE__ */ jsxs("div", { className: "tw-relative tw-flex tw-justify-center", children: [
217
- isInRange && /* @__PURE__ */ jsx("div", { className: "tw-absolute tw-inset-y-1 tw-inset-x-0 tw-bg-[#f2efec] tw-z-10" }),
218
- isStart && endDate && !isSameDate(startDate, endDate) && /* @__PURE__ */ jsx("div", { className: "tw-absolute tw-inset-y-1 tw-right-0 tw-left-1/2 tw-bg-[#f2efec] tw-z-10" }),
219
- isEnd && startDate && !isSameDate(startDate, endDate) && /* @__PURE__ */ jsx("div", { className: "tw-absolute tw-inset-y-1 tw-left-0 tw-right-1/2 tw-bg-[#f2efec] tw-z-10" }),
220
- /* @__PURE__ */ jsx(
221
- "div",
222
- {
223
- className: cellClasses,
224
- onClick: () => handleDateClick(date),
225
- onMouseEnter: () => handleDateHover(date),
226
- children: date.getDate()
227
- }
228
- )
229
- ] }, date.toISOString());
230
- }) })
231
- ] });
232
- };
233
- return /* @__PURE__ */ jsxs("div", { className: "tw-relative tw-bg-white tw-w-full", children: [
234
- /* @__PURE__ */ jsxs("div", { className: "tw-flex tw-items-center tw-justify-between tw-absolute tw-inset-x-0 tw-top-0 tw-z-30 tw-px-4", children: [
235
- /* @__PURE__ */ jsx(
236
- "div",
237
- {
238
- className: "tw-cursor-pointer tw-p-2 tw-rounded-full hover:tw-bg-gray-100",
239
- onClick: () => navigateMonth(-1),
240
- children: /* @__PURE__ */ jsx(Chevron, { size: "medium" })
241
- }
242
- ),
243
- /* @__PURE__ */ jsx(
244
- "div",
245
- {
246
- className: "tw-cursor-pointer tw-p-2 tw-rounded-full hover:tw-bg-gray-100",
247
- onClick: () => navigateMonth(1),
248
- children: /* @__PURE__ */ jsx(Chevron, { size: "medium", className: "tw-rotate-180" })
249
- }
250
- )
251
- ] }),
252
- /* @__PURE__ */ jsxs("div", { className: "tw-flex tw-gap-8 tw-pt-2", children: [
253
- renderCalendar(firstMonth),
254
- !showSingleCalendar && renderCalendar(secondMonth)
255
- ] })
256
- ] });
257
- };
258
- var InternalCalendar_default = memo(InternalCalendar);
259
-
260
- export {
261
- InternalCalendar_default
262
- };
@@ -1,64 +0,0 @@
1
- import {
2
- __objRest,
3
- __spreadProps,
4
- __spreadValues
5
- } from "./chunk-HWQBE6PT.mjs";
6
-
7
- // src/atom/Checkbox/Checkbox.tsx
8
- import { Checkbox as AntCheckbox } from "antd";
9
- import clsx from "clsx";
10
-
11
- // src/atom/Checkbox/Checkbox.module.scss
12
- var Checkbox_module_default = { "checkbox": "Checkbox-module__checkbox___xxg5L", "size_small": "Checkbox-module__size_small___Kknlo", "size_medium": "Checkbox-module__size_medium___V6Ah8", "size_large": "Checkbox-module__size_large___eWjFY", "type_checked": "Checkbox-module__type_checked___5742T", "disabled": "Checkbox-module__disabled___v-RG1", "type_unchecked": "Checkbox-module__type_unchecked___QFMpP", "variant_normal": "Checkbox-module__variant_normal___faYKo", "variant_emphasized": "Checkbox-module__variant_emphasized___-koYj", "variant_indeterminate": "Checkbox-module__variant_indeterminate___J5Xcc" };
13
-
14
- // src/atom/Checkbox/Checkbox.tsx
15
- import { jsx } from "react/jsx-runtime";
16
- function Checkbox(props) {
17
- const _a = props, {
18
- className = "",
19
- children = null,
20
- onChange = () => {
21
- },
22
- checked = false,
23
- disabled = false,
24
- size = "small",
25
- variant = "normal",
26
- indeterminate = false
27
- } = _a, rest = __objRest(_a, [
28
- "className",
29
- "children",
30
- "onChange",
31
- "checked",
32
- "disabled",
33
- "size",
34
- "variant",
35
- "indeterminate"
36
- ]);
37
- return /* @__PURE__ */ jsx(
38
- AntCheckbox,
39
- __spreadProps(__spreadValues({
40
- checked,
41
- className: clsx(
42
- Checkbox_module_default.checkbox,
43
- Checkbox_module_default[`size_${size}`],
44
- Checkbox_module_default[`variant_${variant}`],
45
- checked ? Checkbox_module_default.type_checked : Checkbox_module_default.type_unchecked,
46
- disabled && Checkbox_module_default.disabled,
47
- indeterminate && Checkbox_module_default[`variant_indeterminate`],
48
- className
49
- ),
50
- disabled,
51
- indeterminate,
52
- onChange
53
- }, rest), {
54
- children
55
- })
56
- );
57
- }
58
- Checkbox.displayName = "Checkbox";
59
- var Checkbox_default = Checkbox;
60
-
61
- export {
62
- Checkbox,
63
- Checkbox_default
64
- };
@@ -1,141 +0,0 @@
1
- import {
2
- Button
3
- } from "./chunk-SWRFCTJW.mjs";
4
- import {
5
- __objRest,
6
- __spreadProps,
7
- __spreadValues
8
- } from "./chunk-FWCSY2DS.mjs";
9
-
10
- // src/atom/Modal/Modal.tsx
11
- import { Modal as AntModal } from "antd";
12
- import clsx from "clsx";
13
-
14
- // src/atom/Modal/Modal.module.scss
15
- var Modal_module_default = { "modal": "Modal-module__modal___PKrAi", "footerMargintopDisable": "Modal-module__footerMargintopDisable___4B6u-", "ant-modal-footer": "Modal-module__ant-modal-footer___HKsDR", "okBtn": "Modal-module__okBtn___Ut8e5", "cancelBtn": "Modal-module__cancelBtn___i0Rm8" };
16
-
17
- // src/atom/Modal/Modal.tsx
18
- import { jsx, jsxs } from "react/jsx-runtime";
19
- var Close = (_a) => {
20
- var _b = _a, { size = 14, color = "#B6BAC3" } = _b, rest = __objRest(_b, ["size", "color"]);
21
- return /* @__PURE__ */ jsx(
22
- "svg",
23
- __spreadProps(__spreadValues({
24
- width: size,
25
- height: size,
26
- viewBox: "0 0 14 14",
27
- fill: "none",
28
- xmlns: "http://www.w3.org/2000/svg"
29
- }, rest), {
30
- children: /* @__PURE__ */ jsx(
31
- "path",
32
- {
33
- d: "M0.292893 0.292893C0.683417 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L7 5.58579L12.2929 0.292893C12.6834 -0.0976311 13.3166 -0.0976311 13.7071 0.292893C14.0976 0.683417 14.0976 1.31658 13.7071 1.70711L8.41421 7L13.7071 12.2929C14.0976 12.6834 14.0976 13.3166 13.7071 13.7071C13.3166 14.0976 12.6834 14.0976 12.2929 13.7071L7 8.41421L1.70711 13.7071C1.31658 14.0976 0.683417 14.0976 0.292893 13.7071C-0.0976311 13.3166 -0.0976311 12.6834 0.292893 12.2929L5.58579 7L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683417 0.292893 0.292893Z",
34
- fill: color
35
- }
36
- )
37
- })
38
- );
39
- };
40
- var Modal = (_a) => {
41
- var _b = _a, {
42
- className = "",
43
- title = "",
44
- children,
45
- open = false,
46
- handleOk,
47
- handleCancel,
48
- okText = "",
49
- cancelText = "",
50
- closeIcon = /* @__PURE__ */ jsx(Close, { color: "#6B7280" }),
51
- bodyClassName = "modalBody",
52
- outsideClickDisable = false,
53
- hideCross = false,
54
- okButtonLoading = false,
55
- okButtonDisabled = false,
56
- variant = "primary",
57
- okBtnClasses = "",
58
- cancelButtonAnalytics = {},
59
- okButtonAnalytics = {},
60
- footerMargintopDisable = true
61
- } = _b, rest = __objRest(_b, [
62
- "className",
63
- "title",
64
- "children",
65
- "open",
66
- "handleOk",
67
- "handleCancel",
68
- "okText",
69
- "cancelText",
70
- "closeIcon",
71
- "bodyClassName",
72
- "outsideClickDisable",
73
- "hideCross",
74
- "okButtonLoading",
75
- "okButtonDisabled",
76
- "variant",
77
- "okBtnClasses",
78
- "cancelButtonAnalytics",
79
- "okButtonAnalytics",
80
- "footerMargintopDisable"
81
- ]);
82
- return /* @__PURE__ */ jsx("div", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(
83
- AntModal,
84
- __spreadProps(__spreadValues({
85
- title,
86
- open,
87
- onOk: handleOk,
88
- onCancel: handleCancel,
89
- className: clsx(Modal_module_default.modal, className, {
90
- footerMargintopDisable
91
- }),
92
- okText,
93
- cancelText,
94
- closeIcon,
95
- closable: !hideCross,
96
- maskClosable: !outsideClickDisable,
97
- footer: okText || cancelText ? /* @__PURE__ */ jsxs(
98
- "div",
99
- {
100
- className: clsx({
101
- primaryFooter: variant === "primary",
102
- secondaryFooter: variant === "secondary"
103
- }),
104
- children: [
105
- cancelText && /* @__PURE__ */ jsx(
106
- Button,
107
- __spreadProps(__spreadValues({
108
- onClick: handleCancel,
109
- type: "secondary",
110
- className: "cancelBtn",
111
- variant: "subtle"
112
- }, cancelButtonAnalytics), {
113
- children: cancelText
114
- })
115
- ),
116
- okText && /* @__PURE__ */ jsx(
117
- Button,
118
- __spreadProps(__spreadValues({
119
- onClick: handleOk,
120
- className: clsx(okBtnClasses, "okBtn"),
121
- loading: okButtonLoading,
122
- disabled: okButtonDisabled
123
- }, okButtonAnalytics), {
124
- children: okText
125
- })
126
- )
127
- ]
128
- }
129
- ) : null
130
- }, rest), {
131
- children: /* @__PURE__ */ jsx("div", { className: bodyClassName, children })
132
- })
133
- ) });
134
- };
135
- Modal.displayName = "Modal";
136
- var Modal_default = Modal;
137
-
138
- export {
139
- Modal,
140
- Modal_default
141
- };