@ck-ui/component-library 1.0.16 → 2.0.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/dist/CalendarGrid-xx9nYA1_.js +237 -0
- package/dist/{DropdownFooter-CJnM_ECj.js → DropdownFooter-DIxlKK1Y.js} +3 -4
- package/dist/{Grow-wzNsNKt2.js → Grow-gzixxVwK.js} +22 -27
- package/dist/ScrollDropdown-tf6ex2lE.js +80 -0
- package/dist/assets/DateRangePicker-DNHTCnqT.css +1 -0
- package/dist/assets/ScrollDropdown-CQTxVikn.css +1 -0
- package/dist/assets/index-C4-S_v9y.css +1 -0
- package/dist/assets/index-Dpv0OAoW.css +1 -0
- package/dist/assets/theme-CDdq9khQ.css +1 -0
- package/dist/components/DateRangePicker/Calendar/CalendarGrid.d.ts +4 -0
- package/dist/components/DateRangePicker/Calendar/CalendarGrid.d.ts.map +1 -0
- package/dist/components/DateRangePicker/Calendar/CalendarGrid.js +10 -0
- package/dist/components/DateRangePicker/Calendar/ScrollDropdown.d.ts +4 -0
- package/dist/components/DateRangePicker/Calendar/ScrollDropdown.d.ts.map +1 -0
- package/dist/components/DateRangePicker/Calendar/ScrollDropdown.js +6 -0
- package/dist/components/DateRangePicker/Calendar/calendarGrid.types.d.ts +35 -0
- package/dist/components/DateRangePicker/Calendar/calendarGrid.types.d.ts.map +1 -0
- package/dist/components/DateRangePicker/Calendar/calendarGrid.types.js +1 -0
- package/dist/components/DateRangePicker/Calendar/calendarGrid.util.d.ts +15 -0
- package/dist/components/DateRangePicker/Calendar/calendarGrid.util.d.ts.map +1 -0
- package/dist/components/DateRangePicker/Calendar/calendarGrid.util.js +36 -0
- package/dist/components/DateRangePicker/DateRangePicker.d.ts.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.js +256 -6068
- package/dist/components/DateRangePicker/_types/dateRangePicker.types.d.ts +3 -1
- package/dist/components/DateRangePicker/_types/dateRangePicker.types.d.ts.map +1 -1
- package/dist/components/DateRangePicker/{helper → _utils}/util.d.ts.map +1 -1
- package/dist/components/DateRangePicker/{helper → _utils}/util.js +2 -2
- package/dist/components/DateRangePicker/constants.d.ts +6 -0
- package/dist/components/DateRangePicker/constants.d.ts.map +1 -1
- package/dist/components/DateRangePicker/constants.js +5 -2
- package/dist/components/MAVDropdown/index.d.ts +1 -1
- package/dist/components/MAVDropdown/index.d.ts.map +1 -1
- package/dist/components/MAVDropdown/index.js +70 -73
- package/dist/components/Popover/index.d.ts.map +1 -1
- package/dist/components/Popover/index.js +48 -44
- package/dist/components/ProfileDropdown/index.d.ts.map +1 -1
- package/dist/components/ProfileDropdown/index.js +70 -83
- package/dist/components/SingleSelectDropdown/_helpers/DropdownFooter.js +3 -4
- package/dist/components/SingleSelectDropdown/index.js +12 -13
- package/dist/components/Table/_helpers/TableFilterModal/RangeSelector.js +1 -1
- package/dist/components/TextField/index.js +6940 -690
- package/dist/components/Tooltip/index.js +2 -2
- package/dist/theme/Theme.js +1 -1
- package/dist/theme/theme.css +1 -1
- package/dist/{useSlot-BiMlGawc.js → useSlot-BAOpgsKZ.js} +562 -606
- package/dist/utils/array.d.ts +8 -0
- package/dist/utils/array.d.ts.map +1 -0
- package/dist/utils/array.js +9 -0
- package/dist/utils/color.d.ts +10 -0
- package/dist/utils/color.d.ts.map +1 -0
- package/dist/utils/color.js +22 -0
- package/dist/utils/index.d.ts +2 -0
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/index.js +6 -2
- package/package.json +19 -1
- package/dist/Select-CiuwMSD7.js +0 -6350
- package/dist/assets/DateRangePicker-C72TW2vD.css +0 -1
- package/dist/assets/index-Cdmws__2.css +0 -1
- package/dist/assets/index-PKpDB4Cl.css +0 -1
- package/dist/assets/theme-gJHYUL9y.css +0 -1
- /package/dist/components/DateRangePicker/{helper → _utils}/util.d.ts +0 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { DateRange, DefinedRange } from 'mui-daterange-picker';
|
|
2
2
|
import { ButtonSize } from '../../CKButton/_types/button.types';
|
|
3
|
-
import { DefinedRangesInput, DefinedRangeDateLike } from '../
|
|
3
|
+
import { DefinedRangesInput, DefinedRangeDateLike } from '../_utils/util';
|
|
4
4
|
export type { DateRange, DefinedRange, DefinedRangesInput, DefinedRangeDateLike };
|
|
5
5
|
export interface DateRangePickerProps {
|
|
6
6
|
/** Handler called when the date range changes */
|
|
@@ -30,6 +30,8 @@ export interface DateRangePickerProps {
|
|
|
30
30
|
/** Horizontal alignment of the popup relative to the trigger button */
|
|
31
31
|
popupAlign?: "left" | "right";
|
|
32
32
|
dateFormat?: string;
|
|
33
|
+
resetDisabled?: boolean;
|
|
34
|
+
defaultRange?: "7d" | "3m" | "6m" | "1y" | "mtd" | "ytd";
|
|
33
35
|
}
|
|
34
36
|
export interface RangeSidebarProps {
|
|
35
37
|
ranges: DefinedRange[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dateRangePicker.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/DateRangePicker/_types/dateRangePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,KAAK,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAE/E,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,CAAC;AAElF,MAAM,WAAW,oBAAoB;IACnC,iDAAiD;IACjD,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mEAAmE;IACnE,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACxB,iEAAiE;IACjE,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACxB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC1B,wDAAwD;IACxD,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACxB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,uEAAuE;IACvE,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAE9B,UAAU,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"dateRangePicker.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/DateRangePicker/_types/dateRangePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,KAAK,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAE/E,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,CAAC;AAElF,MAAM,WAAW,oBAAoB;IACnC,iDAAiD;IACjD,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mEAAmE;IACnE,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACxB,iEAAiE;IACjE,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACxB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC1B,wDAAwD;IACxD,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACxB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,uEAAuE;IACvE,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAE9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,CAAC;CAC1D;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;CACzC;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../../lib/components/DateRangePicker/
|
|
1
|
+
{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../../lib/components/DateRangePicker/_utils/util.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAapE,eAAO,MAAM,oBAAoB,GAAI,OAAO,IAAI,GAAG,MAAM,GAAG,MAAM,KAAG,MAepE,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC9B,OAAO,IAAI,GAAG,MAAM,GAAG,MAAM,KAC5B,IAAI,GAAG,SAST,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAC/B,UAAU,IAAI,GAAG,MAAM,EACvB,UAAU,IAAI,GAAG,MAAM,KACtB,IAoBF,CAAC;AAEF,eAAO,MAAM,uBAAuB,QAAO,YAAY,EAuCtD,CAAC;AAQF,MAAM,MAAM,oBAAoB,GAC5B,IAAI,GACJ,MAAM,GACN,MAAM,GACN;IAAE,MAAM,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AAE3B,MAAM,MAAM,kBAAkB,GAC1B,YAAY,EAAE,GACd,MAAM,CACJ,MAAM,EACN;IAAC,oBAAoB;IAAE,oBAAoB;CAAC,GAAG,EAAE,GAAG,IAAI,GAAG,SAAS,CACrE,CAAC;AAiBN,eAAO,MAAM,sBAAsB,GACjC,QAAQ,kBAAkB,KACzB,YAAY,EAAE,GAAG,SAcnB,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,GAAG,IAAI,EAAE,GAAG,IAAI,KAAG,OAGhB,CAAC;AAE9B,eAAO,MAAM,eAAe,GAAI,UAAU,IAAI,KAAG,IAKhD,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,OAAO,MAAM,EACb,cAAc,IAAI,KACjB,IAAI,GAAG,IAiCT,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAC/B,OAAO,SAAS,EAChB,oBAAoB,IAAI,EACxB,oBAAoB,IAAI,KACvB,MAAM,GAAG,IAuBX,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,cAAc,YAAY,EAC1B,oBAAoB,IAAI,EACxB,oBAAoB,IAAI,KACvB;IAAE,SAAS,EAAE,IAAI,CAAC;IAAC,OAAO,EAAE,IAAI,CAAA;CAQlC,CAAC;AAEF,eAAO,MAAM,0BAA0B,GACrC,OAAO,SAAS,EAChB,eAAe,YAAY,EAAE,EAC7B,oBAAoB,IAAI,EACxB,oBAAoB,IAAI,KACvB,MAAM,GAAG,IAaX,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,MAAM,IAAI,EAAE,YAAY,MAAM,KAAG,MAYlE,CAAC;AAsEF,eAAO,MAAM,mBAAmB,GAAI,SAAS,OAAO,KAAG,MAAM,GAAG,OAAO,GAAG,IAUzE,CAAC;AAoKF,eAAO,MAAM,iBAAiB,GAC5B,oBAAoB,IAAI,EACxB,oBAAoB,IAAI,EACxB,sBAAsB,IAAI,KACzB,IAiBF,CAAC;AAoCF,eAAO,MAAM,cAAc,GACzB,MAAM,MAAM,GAAG,OAAO,EACtB,YAAY,MAAM,KACjB,OAAO,CAAC,IAAI,CA4Cd,CAAC;AAiCF,eAAO,MAAM,uBAAuB,GAClC,UAAU,IAAI,EACd,SAAS,IAAI,KACZ,OAAO,CAAC,IAAI,CA6Cd,CAAC"}
|
|
@@ -132,8 +132,8 @@ const B = (t) => new Date(t.getFullYear(), t.getMonth(), 1), F = (t) => new Date
|
|
|
132
132
|
"Year to Date"
|
|
133
133
|
];
|
|
134
134
|
for (const i of r) {
|
|
135
|
-
|
|
136
|
-
if (a && (e && a.getTime() < e.getTime() &&
|
|
135
|
+
const a = _(i, n);
|
|
136
|
+
if (a && !(e && a.getTime() < e.getTime()) && m(t.startDate, a) && m(t.endDate, n))
|
|
137
137
|
return i;
|
|
138
138
|
}
|
|
139
139
|
return null;
|
|
@@ -1,4 +1,10 @@
|
|
|
1
1
|
export declare const MONTHS: string[];
|
|
2
2
|
export declare const MONTH_MAP: Record<string, string>;
|
|
3
3
|
export declare const MONTHS_SHORT: string[];
|
|
4
|
+
export declare const WEEKDAYS: string[];
|
|
5
|
+
export declare const ALL_MONTHS: number[];
|
|
6
|
+
/** Inline font style applied to dropdown items to prevent host-app overrides */
|
|
7
|
+
export declare const DROPDOWN_ITEM_FONT: {
|
|
8
|
+
fontFamily: string;
|
|
9
|
+
};
|
|
4
10
|
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../lib/components/DateRangePicker/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,UAahB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAa5C,CAAC;AAEF,eAAO,MAAM,YAAY,UAaxB,CAAC"}
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../lib/components/DateRangePicker/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,UAahB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAa5C,CAAC;AAEF,eAAO,MAAM,YAAY,UAaxB,CAAC;AAEJ,eAAO,MAAM,QAAQ,UAA6C,CAAC;AAEnE,eAAO,MAAM,UAAU,UAAyC,CAAC;AAEjE,gFAAgF;AAChF,eAAO,MAAM,kBAAkB;;CAAkE,CAAC"}
|
|
@@ -37,9 +37,12 @@ const e = [
|
|
|
37
37
|
"Oct",
|
|
38
38
|
"Nov",
|
|
39
39
|
"Dec"
|
|
40
|
-
];
|
|
40
|
+
], a = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], n = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11], t = { fontFamily: '"Inter", ui-sans-serif, system-ui, sans-serif' };
|
|
41
41
|
export {
|
|
42
|
+
n as ALL_MONTHS,
|
|
43
|
+
t as DROPDOWN_ITEM_FONT,
|
|
42
44
|
e as MONTHS,
|
|
43
45
|
u as MONTHS_SHORT,
|
|
44
|
-
r as MONTH_MAP
|
|
46
|
+
r as MONTH_MAP,
|
|
47
|
+
a as WEEKDAYS
|
|
45
48
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { MAVDropdownProps } from './_types/mavDropdown.types';
|
|
2
|
-
export declare function MAVDropdown({ triggerLabel, selectedItem, items, onSelect,
|
|
2
|
+
export declare function MAVDropdown({ triggerLabel, selectedItem, items, onSelect, className, }: MAVDropdownProps): import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export declare namespace MAVDropdown {
|
|
4
4
|
var displayName: string;
|
|
5
5
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/MAVDropdown/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAW,MAAM,4BAA4B,CAAC;AA4B5E,wBAAgB,WAAW,CAAC,EAC1B,YAAoB,EACpB,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/MAVDropdown/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAW,MAAM,4BAA4B,CAAC;AA4B5E,wBAAgB,WAAW,CAAC,EAC1B,YAAoB,EACpB,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,2CAoIlB;yBA1Ie,WAAW"}
|
|
@@ -1,146 +1,143 @@
|
|
|
1
|
-
import { jsxs as m, jsx as
|
|
2
|
-
import { useState as
|
|
3
|
-
import { Popover as
|
|
1
|
+
import { jsxs as m, jsx as l } from "react/jsx-runtime";
|
|
2
|
+
import { useState as _, useRef as k, useCallback as x } from "react";
|
|
3
|
+
import { Popover as D } from "../Popover/index.js";
|
|
4
4
|
import { Tooltip as M } from "../Tooltip/index.js";
|
|
5
|
-
import { mergeClasses as
|
|
6
|
-
import { S as
|
|
7
|
-
import '../../assets/index-
|
|
8
|
-
"ckds-mav-dropdown": "_ckds-mav-
|
|
9
|
-
"ckds-mav-trigger": "_ckds-mav-
|
|
10
|
-
"ckds-mav-trigger
|
|
11
|
-
"ckds-mav-trigger-
|
|
12
|
-
"ckds-mav-trigger-
|
|
13
|
-
"ckds-mav-
|
|
14
|
-
"ckds-mav-chevron": "_ckds-mav-
|
|
15
|
-
"ckds-mav-
|
|
16
|
-
"ckds-mav-
|
|
17
|
-
"ckds-mav-item
|
|
18
|
-
"ckds-mav-item": "_ckds-mav-
|
|
19
|
-
"ckds-mav-item-
|
|
20
|
-
"ckds-mav-item
|
|
21
|
-
"ckds-mav-item--active": "_ckds-mav-item--active_1w4zu_121"
|
|
5
|
+
import { mergeClasses as v } from "../../utils/mergeClasses.js";
|
|
6
|
+
import { S as C } from "../../chevron-down-Cm9R64Fe.js";
|
|
7
|
+
import '../../assets/index-Dpv0OAoW.css';const s = {
|
|
8
|
+
"ckds-mav-dropdown": "_ckds-mav-dropdown_1llbq_1",
|
|
9
|
+
"ckds-mav-trigger": "_ckds-mav-trigger_1llbq_7",
|
|
10
|
+
"ckds-mav-trigger-content": "_ckds-mav-trigger-content_1llbq_24",
|
|
11
|
+
"ckds-mav-trigger-label": "_ckds-mav-trigger-label_1llbq_31",
|
|
12
|
+
"ckds-mav-trigger-selected": "_ckds-mav-trigger-selected_1llbq_39",
|
|
13
|
+
"ckds-mav-chevron": "_ckds-mav-chevron_1llbq_49",
|
|
14
|
+
"ckds-mav-chevron--open": "_ckds-mav-chevron--open_1llbq_63",
|
|
15
|
+
"ckds-mav-popover": "_ckds-mav-popover_1llbq_67",
|
|
16
|
+
"ckds-mav-item-list": "_ckds-mav-item-list_1llbq_75",
|
|
17
|
+
"ckds-mav-item": "_ckds-mav-item_1llbq_75",
|
|
18
|
+
"ckds-mav-item-label": "_ckds-mav-item-label_1llbq_111",
|
|
19
|
+
"ckds-mav-item-sublabel": "_ckds-mav-item-sublabel_1llbq_114",
|
|
20
|
+
"ckds-mav-item--active": "_ckds-mav-item--active_1llbq_122"
|
|
22
21
|
};
|
|
23
|
-
function
|
|
24
|
-
const
|
|
25
|
-
return /* @__PURE__ */
|
|
22
|
+
function q({ text: a, className: t }) {
|
|
23
|
+
const n = k(null), [u, o] = _(!1);
|
|
24
|
+
return /* @__PURE__ */ l(M, { title: u ? a : "", placement: "top", children: /* @__PURE__ */ l(
|
|
26
25
|
"span",
|
|
27
26
|
{
|
|
28
|
-
ref:
|
|
29
|
-
className:
|
|
27
|
+
ref: n,
|
|
28
|
+
className: t,
|
|
30
29
|
onMouseEnter: () => {
|
|
31
|
-
|
|
30
|
+
n.current && n.current.scrollWidth > n.current.clientWidth && o(!0);
|
|
32
31
|
},
|
|
33
32
|
onMouseLeave: () => o(!1),
|
|
34
|
-
children:
|
|
33
|
+
children: a
|
|
35
34
|
}
|
|
36
35
|
) });
|
|
37
36
|
}
|
|
38
|
-
function
|
|
39
|
-
triggerLabel:
|
|
40
|
-
selectedItem:
|
|
41
|
-
items:
|
|
42
|
-
onSelect:
|
|
43
|
-
|
|
44
|
-
className: f
|
|
37
|
+
function A({
|
|
38
|
+
triggerLabel: a = "MAV",
|
|
39
|
+
selectedItem: t,
|
|
40
|
+
items: n,
|
|
41
|
+
onSelect: u,
|
|
42
|
+
className: o
|
|
45
43
|
}) {
|
|
46
|
-
const [
|
|
47
|
-
i.current &&
|
|
48
|
-
}, []),
|
|
44
|
+
const [r, c] = _(!1), [N, w] = _(!1), h = k(null), i = k(null), p = k(null), E = x(() => {
|
|
45
|
+
i.current && w(i.current.scrollWidth > i.current.clientWidth);
|
|
46
|
+
}, []), f = () => {
|
|
49
47
|
p.current && clearTimeout(p.current), c(!0);
|
|
50
|
-
},
|
|
48
|
+
}, g = () => {
|
|
51
49
|
p.current = setTimeout(() => c(!1), 120);
|
|
52
50
|
}, T = (e) => {
|
|
53
51
|
(e.key === "Enter" || e.key === " ") && (e.preventDefault(), c((d) => !d)), e.key === "Escape" && c(!1);
|
|
54
52
|
}, y = (e) => {
|
|
55
|
-
|
|
53
|
+
u(e), c(!1);
|
|
56
54
|
};
|
|
57
55
|
return /* @__PURE__ */ m(
|
|
58
56
|
"div",
|
|
59
57
|
{
|
|
60
|
-
className:
|
|
61
|
-
onMouseEnter:
|
|
62
|
-
onMouseLeave:
|
|
58
|
+
className: v(s["ckds-mav-dropdown"], o),
|
|
59
|
+
onMouseEnter: f,
|
|
60
|
+
onMouseLeave: g,
|
|
63
61
|
children: [
|
|
64
62
|
/* @__PURE__ */ m(
|
|
65
63
|
"button",
|
|
66
64
|
{
|
|
67
|
-
ref:
|
|
65
|
+
ref: h,
|
|
68
66
|
type: "button",
|
|
69
|
-
className:
|
|
67
|
+
className: v(
|
|
70
68
|
s["ckds-mav-trigger"],
|
|
71
|
-
|
|
69
|
+
r && s["ckds-mav-trigger--open"]
|
|
72
70
|
),
|
|
73
71
|
onKeyDown: T,
|
|
74
72
|
"aria-haspopup": "listbox",
|
|
75
|
-
"aria-expanded":
|
|
76
|
-
"aria-label": `${
|
|
73
|
+
"aria-expanded": r,
|
|
74
|
+
"aria-label": `${a}: ${t.label}, open MAV selector`,
|
|
77
75
|
children: [
|
|
78
76
|
/* @__PURE__ */ m("span", { className: s["ckds-mav-trigger-content"], children: [
|
|
79
|
-
/* @__PURE__ */
|
|
80
|
-
/* @__PURE__ */
|
|
77
|
+
/* @__PURE__ */ l("span", { className: s["ckds-mav-trigger-label"], children: a }),
|
|
78
|
+
/* @__PURE__ */ l(M, { title: N ? t.label : "", placement: "bottom", children: /* @__PURE__ */ l(
|
|
81
79
|
"span",
|
|
82
80
|
{
|
|
83
81
|
ref: i,
|
|
84
82
|
className: s["ckds-mav-trigger-selected"],
|
|
85
83
|
onMouseEnter: E,
|
|
86
|
-
children:
|
|
84
|
+
children: t.label
|
|
87
85
|
}
|
|
88
86
|
) })
|
|
89
87
|
] }),
|
|
90
|
-
/* @__PURE__ */
|
|
88
|
+
/* @__PURE__ */ l(
|
|
91
89
|
"span",
|
|
92
90
|
{
|
|
93
|
-
className:
|
|
91
|
+
className: v(
|
|
94
92
|
s["ckds-mav-chevron"],
|
|
95
|
-
|
|
93
|
+
r && s["ckds-mav-chevron--open"]
|
|
96
94
|
),
|
|
97
95
|
"aria-hidden": "true",
|
|
98
|
-
children: /* @__PURE__ */
|
|
96
|
+
children: /* @__PURE__ */ l(C, {})
|
|
99
97
|
}
|
|
100
98
|
)
|
|
101
99
|
]
|
|
102
100
|
}
|
|
103
101
|
),
|
|
104
|
-
/* @__PURE__ */
|
|
105
|
-
|
|
102
|
+
/* @__PURE__ */ l(
|
|
103
|
+
D,
|
|
106
104
|
{
|
|
107
|
-
open:
|
|
105
|
+
open: r,
|
|
108
106
|
onClose: () => c(!1),
|
|
109
|
-
anchorRef:
|
|
107
|
+
anchorRef: h,
|
|
110
108
|
align: "left",
|
|
111
109
|
minWidth: "0",
|
|
112
110
|
className: s["ckds-mav-popover"],
|
|
113
|
-
children: /* @__PURE__ */
|
|
111
|
+
children: /* @__PURE__ */ l(
|
|
114
112
|
"div",
|
|
115
113
|
{
|
|
116
|
-
onMouseEnter:
|
|
117
|
-
onMouseLeave:
|
|
118
|
-
children: /* @__PURE__ */
|
|
114
|
+
onMouseEnter: f,
|
|
115
|
+
onMouseLeave: g,
|
|
116
|
+
children: /* @__PURE__ */ l(
|
|
119
117
|
"ul",
|
|
120
118
|
{
|
|
121
119
|
role: "listbox",
|
|
122
|
-
"aria-label": `${
|
|
120
|
+
"aria-label": `${a} options`,
|
|
123
121
|
className: s["ckds-mav-item-list"],
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
const d = e.key === n.key;
|
|
122
|
+
children: n.map((e) => {
|
|
123
|
+
const d = e.key === t.key;
|
|
127
124
|
return /* @__PURE__ */ m(
|
|
128
125
|
"li",
|
|
129
126
|
{
|
|
130
127
|
role: "option",
|
|
131
128
|
"aria-selected": d,
|
|
132
|
-
className:
|
|
129
|
+
className: v(
|
|
133
130
|
s["ckds-mav-item"],
|
|
134
131
|
d && s["ckds-mav-item--active"]
|
|
135
132
|
),
|
|
136
133
|
onClick: () => y(e),
|
|
137
|
-
onKeyDown: (
|
|
138
|
-
(
|
|
134
|
+
onKeyDown: (b) => {
|
|
135
|
+
(b.key === "Enter" || b.key === " ") && (b.preventDefault(), y(e));
|
|
139
136
|
},
|
|
140
137
|
tabIndex: 0,
|
|
141
138
|
children: [
|
|
142
|
-
/* @__PURE__ */
|
|
143
|
-
e.subLabel && /* @__PURE__ */
|
|
139
|
+
/* @__PURE__ */ l(q, { text: e.label, className: s["ckds-mav-item-label"] }),
|
|
140
|
+
e.subLabel && /* @__PURE__ */ l(q, { text: e.subLabel, className: s["ckds-mav-item-sublabel"] })
|
|
144
141
|
]
|
|
145
142
|
},
|
|
146
143
|
e.key
|
|
@@ -156,7 +153,7 @@ function R({
|
|
|
156
153
|
}
|
|
157
154
|
);
|
|
158
155
|
}
|
|
159
|
-
|
|
156
|
+
A.displayName = "MAVDropdown";
|
|
160
157
|
export {
|
|
161
|
-
|
|
158
|
+
A as MAVDropdown
|
|
162
159
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Popover/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Popover/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,OAAO,EACP,SAAS,EACT,QAAQ,EACR,SAAc,EACd,KAAe,EACf,QAAkB,GACnB,EAAE,YAAY,kDA2Id;AAED,eAAe,OAAO,CAAC"}
|
|
@@ -1,74 +1,78 @@
|
|
|
1
1
|
import { jsx as E } from "react/jsx-runtime";
|
|
2
|
-
import { useRef as g, useState as L, useEffect as
|
|
3
|
-
import '../../assets/index-BkNXS5fR.css';const
|
|
2
|
+
import { useRef as g, useState as L, useLayoutEffect as k, useEffect as f } from "react";
|
|
3
|
+
import '../../assets/index-BkNXS5fR.css';const y = {
|
|
4
4
|
"ckds-popover": "_ckds-popover_erslc_1"
|
|
5
5
|
};
|
|
6
|
-
function
|
|
7
|
-
open:
|
|
6
|
+
function z({
|
|
7
|
+
open: o,
|
|
8
8
|
onClose: i,
|
|
9
|
-
anchorRef:
|
|
10
|
-
children:
|
|
11
|
-
className:
|
|
9
|
+
anchorRef: e,
|
|
10
|
+
children: m,
|
|
11
|
+
className: p = "",
|
|
12
12
|
align: s = "right",
|
|
13
|
-
minWidth:
|
|
13
|
+
minWidth: v = "540px"
|
|
14
14
|
}) {
|
|
15
|
-
const
|
|
15
|
+
const c = g(null), [d, l] = L({
|
|
16
16
|
top: 0,
|
|
17
17
|
left: 0
|
|
18
18
|
});
|
|
19
|
-
if (
|
|
20
|
-
if (!
|
|
21
|
-
const
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
19
|
+
if (k(() => {
|
|
20
|
+
if (!o || !e.current) return;
|
|
21
|
+
const r = e.current.getBoundingClientRect(), t = r.bottom + 8, u = s === "right" ? r.right : r.left;
|
|
22
|
+
l({ top: t, left: u });
|
|
23
|
+
}, [o, e, s]), f(() => {
|
|
24
|
+
if (!o || !e.current) return;
|
|
25
|
+
const n = () => {
|
|
26
|
+
const r = e.current;
|
|
27
|
+
if (!r) return;
|
|
28
|
+
const t = r.getBoundingClientRect(), u = t.bottom + 8, w = s === "right" ? t.right : t.left;
|
|
29
|
+
l({
|
|
30
|
+
top: u,
|
|
27
31
|
left: w
|
|
28
32
|
});
|
|
29
33
|
};
|
|
30
|
-
return
|
|
34
|
+
return window.addEventListener("scroll", n, !0), window.addEventListener("resize", n), () => {
|
|
31
35
|
window.removeEventListener(
|
|
32
36
|
"scroll",
|
|
33
|
-
|
|
37
|
+
n,
|
|
34
38
|
!0
|
|
35
39
|
), window.removeEventListener(
|
|
36
40
|
"resize",
|
|
37
|
-
|
|
41
|
+
n
|
|
38
42
|
);
|
|
39
43
|
};
|
|
40
|
-
}, [
|
|
41
|
-
if (!
|
|
42
|
-
const
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
) &&
|
|
46
|
-
|
|
44
|
+
}, [o, e, s]), f(() => {
|
|
45
|
+
if (!o) return;
|
|
46
|
+
const n = (t) => {
|
|
47
|
+
c.current && !c.current.contains(
|
|
48
|
+
t.target
|
|
49
|
+
) && e.current && !e.current.contains(
|
|
50
|
+
t.target
|
|
47
51
|
) && i();
|
|
48
|
-
},
|
|
49
|
-
|
|
52
|
+
}, r = (t) => {
|
|
53
|
+
t.key === "Escape" && i();
|
|
50
54
|
};
|
|
51
55
|
return document.addEventListener(
|
|
52
56
|
"mousedown",
|
|
53
|
-
|
|
57
|
+
n
|
|
54
58
|
), document.addEventListener(
|
|
55
59
|
"keydown",
|
|
56
|
-
|
|
60
|
+
r
|
|
57
61
|
), () => {
|
|
58
62
|
document.removeEventListener(
|
|
59
63
|
"mousedown",
|
|
60
|
-
|
|
64
|
+
n
|
|
61
65
|
), document.removeEventListener(
|
|
62
66
|
"keydown",
|
|
63
|
-
|
|
67
|
+
r
|
|
64
68
|
);
|
|
65
69
|
};
|
|
66
|
-
}, [
|
|
67
|
-
const
|
|
70
|
+
}, [o, i, e]), !o) return null;
|
|
71
|
+
const a = {
|
|
68
72
|
position: "fixed",
|
|
69
|
-
top:
|
|
70
|
-
left:
|
|
71
|
-
minWidth:
|
|
73
|
+
top: d.top,
|
|
74
|
+
left: d.left,
|
|
75
|
+
minWidth: v,
|
|
72
76
|
zIndex: 50,
|
|
73
77
|
transform: s === "right" ? "translateX(-100%)" : void 0,
|
|
74
78
|
transformOrigin: s === "right" ? "top right" : "top left"
|
|
@@ -76,16 +80,16 @@ function h({
|
|
|
76
80
|
return /* @__PURE__ */ E(
|
|
77
81
|
"div",
|
|
78
82
|
{
|
|
79
|
-
ref:
|
|
80
|
-
className: `${
|
|
81
|
-
style:
|
|
83
|
+
ref: c,
|
|
84
|
+
className: `${y["ckds-popover"]} ${p}`,
|
|
85
|
+
style: a,
|
|
82
86
|
role: "dialog",
|
|
83
87
|
"aria-modal": "false",
|
|
84
|
-
children:
|
|
88
|
+
children: m
|
|
85
89
|
}
|
|
86
90
|
);
|
|
87
91
|
}
|
|
88
92
|
export {
|
|
89
|
-
|
|
90
|
-
|
|
93
|
+
z as Popover,
|
|
94
|
+
z as default
|
|
91
95
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/ProfileDropdown/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/ProfileDropdown/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAK3E,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,YAAwB,EACxB,IAAI,EACJ,YAAY,EACZ,UAAiC,EACjC,KAAqB,EACrB,YAAY,EACZ,oBAAoB,EACpB,SAAS,GACV,EAAE,oBAAoB,2CA+GtB;yBAzHe,eAAe"}
|