@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.
- package/README.md +48 -78
- package/build/style.css +1 -0
- package/build/theme.css +76 -0
- package/build/ui-kit.es.js +16771 -0
- package/index.css +96 -4
- package/index.d.ts +151 -0
- package/package.json +68 -89
- package/postcss.config.js +1 -1
- package/tailwind.config.js +10 -11
- package/build/base.css +0 -2
- package/build/components/Alert.d.ts +0 -18
- package/build/components/Alert.js +0 -24
- package/build/components/Animation/FadeIn.d.ts +0 -13
- package/build/components/Animation/FadeIn.js +0 -29
- package/build/components/Animation/SlideDown.d.ts +0 -6
- package/build/components/Animation/SlideDown.js +0 -20
- package/build/components/Avatar.d.ts +0 -16
- package/build/components/Avatar.js +0 -21
- package/build/components/Badge.d.ts +0 -28
- package/build/components/Badge.js +0 -42
- package/build/components/Breadcrumb.d.ts +0 -21
- package/build/components/Breadcrumb.js +0 -27
- package/build/components/Breakdown.d.ts +0 -63
- package/build/components/Breakdown.js +0 -89
- package/build/components/Buttons/Button.d.ts +0 -53
- package/build/components/Buttons/Button.js +0 -83
- package/build/components/Buttons/ButtonGroup.d.ts +0 -35
- package/build/components/Buttons/ButtonGroup.js +0 -55
- package/build/components/Buttons/SubmitButton.d.ts +0 -11
- package/build/components/Buttons/SubmitButton.js +0 -83
- package/build/components/Buttons/ToggleButton.d.ts +0 -21
- package/build/components/Buttons/ToggleButton.js +0 -34
- package/build/components/Charts/BaseChartOptions.d.ts +0 -136
- package/build/components/Charts/BaseChartOptions.js +0 -95
- package/build/components/Charts/HistogramOptions.d.ts +0 -192
- package/build/components/Charts/HistogramOptions.js +0 -69
- package/build/components/Charts/PieOptions.d.ts +0 -177
- package/build/components/Charts/PieOptions.js +0 -55
- package/build/components/Counter.d.ts +0 -5
- package/build/components/Counter.js +0 -16
- package/build/components/DatePicker/DatePicker.d.ts +0 -41
- package/build/components/DatePicker/DatePicker.helpers.d.ts +0 -17
- package/build/components/DatePicker/DatePicker.helpers.js +0 -22
- package/build/components/DatePicker/DatePicker.js +0 -241
- package/build/components/DatePicker/DatePickerPopover.d.ts +0 -29
- package/build/components/DatePicker/DatePickerPopover.js +0 -81
- package/build/components/DatePicker/Day.d.ts +0 -13
- package/build/components/DatePicker/Day.js +0 -40
- package/build/components/DatePicker/LocalizedDayPicker.d.ts +0 -6
- package/build/components/DatePicker/LocalizedDayPicker.js +0 -20
- package/build/components/DatePicker/MonthGrid.d.ts +0 -11
- package/build/components/DatePicker/MonthGrid.js +0 -52
- package/build/components/DatePicker/MonthPicker.d.ts +0 -7
- package/build/components/DatePicker/MonthPicker.js +0 -28
- package/build/components/DatePicker/MonthSelector.d.ts +0 -8
- package/build/components/DatePicker/MonthSelector.js +0 -47
- package/build/components/DatePicker/MonthYearSelector.d.ts +0 -8
- package/build/components/DatePicker/MonthYearSelector.js +0 -44
- package/build/components/DatePicker/NavbarElement.d.ts +0 -15
- package/build/components/DatePicker/NavbarElement.js +0 -43
- package/build/components/DatePicker/RangeDatePicker.d.ts +0 -25
- package/build/components/DatePicker/RangeDatePicker.js +0 -130
- package/build/components/DatePicker/RelativeDateRange.d.ts +0 -51
- package/build/components/DatePicker/RelativeDateRange.js +0 -280
- package/build/components/DatePicker/UpcomingDatePicker.d.ts +0 -11
- package/build/components/DatePicker/UpcomingDatePicker.js +0 -27
- package/build/components/Dot/Dot.d.ts +0 -24
- package/build/components/Dot/Dot.js +0 -24
- package/build/components/Dot/DotProgress.d.ts +0 -6
- package/build/components/Dot/DotProgress.js +0 -10
- package/build/components/Drawer.d.ts +0 -28
- package/build/components/Drawer.js +0 -126
- package/build/components/Forms/BaseInput.d.ts +0 -20
- package/build/components/Forms/BaseInput.js +0 -41
- package/build/components/Forms/Checkbox.d.ts +0 -10
- package/build/components/Forms/Checkbox.js +0 -34
- package/build/components/Forms/Checkbox.module.css.js +0 -7
- package/build/components/Forms/ComboBox.d.ts +0 -8
- package/build/components/Forms/ComboBox.js +0 -41
- package/build/components/Forms/FormGroup.d.ts +0 -5
- package/build/components/Forms/FormGroup.js +0 -6
- package/build/components/Forms/InlineValuePopover.d.ts +0 -17
- package/build/components/Forms/InlineValuePopover.js +0 -47
- package/build/components/Forms/Input.d.ts +0 -6
- package/build/components/Forms/Input.js +0 -9
- package/build/components/Forms/Label.d.ts +0 -7
- package/build/components/Forms/Label.js +0 -17
- package/build/components/Forms/RangeSlider.d.ts +0 -33
- package/build/components/Forms/RangeSlider.js +0 -39
- package/build/components/Forms/Select.d.ts +0 -5
- package/build/components/Forms/Select.js +0 -8
- package/build/components/Forms/Switch.d.ts +0 -46
- package/build/components/Forms/Switch.js +0 -62
- package/build/components/Forms/Textarea.d.ts +0 -6
- package/build/components/Forms/Textarea.js +0 -35
- package/build/components/Forms/ValuePopoverText.d.ts +0 -6
- package/build/components/Forms/ValuePopoverText.js +0 -10
- package/build/components/GooglePlacesAutocomplete.d.ts +0 -14
- package/build/components/HeaderToolbar.d.ts +0 -21
- package/build/components/HeaderToolbar.js +0 -33
- package/build/components/ImageUpload.d.ts +0 -17
- package/build/components/ImageUpload.js +0 -86
- package/build/components/Key.d.ts +0 -6
- package/build/components/Key.js +0 -28
- package/build/components/Logo.d.ts +0 -19
- package/build/components/Logo.js +0 -10
- package/build/components/Modal.d.ts +0 -52
- package/build/components/Modal.js +0 -126
- package/build/components/Popover/Popover.d.ts +0 -20
- package/build/components/Popover/Popover.js +0 -44
- package/build/components/Popover/Popover.module.css.js +0 -7
- package/build/components/Popover/PopoverList.d.ts +0 -25
- package/build/components/Popover/PopoverList.js +0 -50
- package/build/components/Popover/PopoverScroll.module.css.js +0 -4
- package/build/components/Provider.d.ts +0 -18
- package/build/components/Provider.js +0 -17
- package/build/components/Screens/Login.d.ts +0 -25
- package/build/components/Screens/Login.js +0 -144
- package/build/components/Search.d.ts +0 -16
- package/build/components/Search.js +0 -174
- package/build/components/Sidebar/Sidebar.Account.d.ts +0 -13
- package/build/components/Sidebar/Sidebar.Account.js +0 -56
- package/build/components/Sidebar/Sidebar.Button.d.ts +0 -10
- package/build/components/Sidebar/Sidebar.Button.js +0 -21
- package/build/components/Sidebar/Sidebar.Footer.d.ts +0 -8
- package/build/components/Sidebar/Sidebar.Footer.js +0 -9
- package/build/components/Sidebar/Sidebar.Heading.d.ts +0 -10
- package/build/components/Sidebar/Sidebar.Heading.js +0 -10
- package/build/components/Sidebar/Sidebar.Link.d.ts +0 -24
- package/build/components/Sidebar/Sidebar.Link.js +0 -57
- package/build/components/Sidebar/Sidebar.Menu.d.ts +0 -13
- package/build/components/Sidebar/Sidebar.Menu.js +0 -30
- package/build/components/Sidebar/Sidebar.Menu.module.css.js +0 -7
- package/build/components/Sidebar/Sidebar.d.ts +0 -58
- package/build/components/Sidebar/Sidebar.js +0 -219
- package/build/components/Sidebar/SidebarScroll.module.css.js +0 -4
- package/build/components/Sidebar/index.d.ts +0 -8
- package/build/components/Skeleton.d.ts +0 -13
- package/build/components/Skeleton.js +0 -29
- package/build/components/Skeleton.module.css.js +0 -7
- package/build/components/Spinner.d.ts +0 -26
- package/build/components/Spinner.js +0 -27
- package/build/components/Table.d.ts +0 -59
- package/build/components/Table.js +0 -71
- package/build/components/Tabs/Tabs.Panel.d.ts +0 -9
- package/build/components/Tabs/Tabs.Panel.js +0 -7
- package/build/components/Tabs/Tabs.Tab.d.ts +0 -19
- package/build/components/Tabs/Tabs.Tab.js +0 -37
- package/build/components/Tabs/Tabs.d.ts +0 -27
- package/build/components/Tabs/Tabs.js +0 -28
- package/build/components/Tabs/index.d.ts +0 -4
- package/build/components/Tag.d.ts +0 -25
- package/build/components/Tag.js +0 -36
- package/build/components/Tooltip.d.ts +0 -8
- package/build/components/Tooltip.js +0 -8
- package/build/components/Utilities/Currency.d.ts +0 -32
- package/build/components/Utilities/Currency.js +0 -49
- package/build/components/Utilities/Number.d.ts +0 -8
- package/build/components/Utilities/Number.js +0 -15
- package/build/components/Utilities/Phone.d.ts +0 -8
- package/build/components/Utilities/Phone.js +0 -19
- package/build/full.css +0 -2
- package/build/helpers/avatar.d.ts +0 -1
- package/build/helpers/avatar.js +0 -8
- package/build/helpers/browser.d.ts +0 -2
- package/build/helpers/browser.js +0 -9
- package/build/helpers/children.d.ts +0 -3
- package/build/helpers/children.js +0 -6
- package/build/helpers/classnames.d.ts +0 -5
- package/build/helpers/classnames.js +0 -8
- package/build/helpers/currency.d.ts +0 -2
- package/build/helpers/currency.js +0 -11
- package/build/helpers/date.d.ts +0 -12
- package/build/helpers/date.js +0 -49
- package/build/helpers/flash.d.ts +0 -21
- package/build/helpers/flash.js +0 -87
- package/build/helpers/numbers.d.ts +0 -4
- package/build/helpers/numbers.js +0 -23
- package/build/helpers/phone.d.ts +0 -11
- package/build/helpers/phone.js +0 -25
- package/build/hooks/useId.d.ts +0 -1
- package/build/hooks/useId.js +0 -9
- package/build/hooks/useIsClient.d.ts +0 -1
- package/build/hooks/useIsClient.js +0 -10
- package/build/hooks/useViewportHeight.d.ts +0 -1
- package/build/hooks/useViewportHeight.js +0 -15
- package/build/icons/src/AnnounceIcon.js +0 -13
- package/build/icons/src/BellIcon.js +0 -27
- package/build/icons/src/CalendarIcon.js +0 -16
- package/build/icons/src/CheckIcon.js +0 -8
- package/build/icons/src/ChevronDownIcon.js +0 -8
- package/build/icons/src/ChevronLeftIcon.js +0 -8
- package/build/icons/src/ChevronRightIcon.js +0 -8
- package/build/icons/src/CircleNotch.js +0 -6
- package/build/icons/src/CloseIcon.js +0 -11
- package/build/icons/src/DownArrowIcon.js +0 -16
- package/build/icons/src/ImageIcon.js +0 -27
- package/build/icons/src/SearchIcon.js +0 -16
- package/build/icons/src/TrashIcon.js +0 -20
- package/build/icons/src/WarningDiamondIcon.js +0 -27
- package/build/icons/src/helpers/classnames.js +0 -8
- package/build/icons/src/helpers/icon.js +0 -11
- package/build/icons/src/helpers/iconSizes.js +0 -13
- package/build/icons/src/images/XolaLogoSimple.js +0 -14
- package/build/index.d.ts +0 -66
- package/build/index.js +0 -142
- package/build/theme.d.ts +0 -413
- package/build/theme.js +0 -372
- package/build/types/index.d.ts +0 -22
- package/build/types/migration.d.ts +0 -2
- package/build/ui-kit.css +0 -1
- package/build/utils/avatar.d.ts +0 -1
- package/build/utils/avatar.js +0 -8
- package/build/utils/currency.d.ts +0 -2
- package/build/utils/currency.js +0 -11
- package/build/utils/index.d.ts +0 -4
- package/build/utils/numbers.d.ts +0 -4
- package/build/utils/numbers.js +0 -19
- package/build/utils/phone.d.ts +0 -2
- 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,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,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;
|