@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.
Files changed (61) hide show
  1. package/dist/CalendarGrid-xx9nYA1_.js +237 -0
  2. package/dist/{DropdownFooter-CJnM_ECj.js → DropdownFooter-DIxlKK1Y.js} +3 -4
  3. package/dist/{Grow-wzNsNKt2.js → Grow-gzixxVwK.js} +22 -27
  4. package/dist/ScrollDropdown-tf6ex2lE.js +80 -0
  5. package/dist/assets/DateRangePicker-DNHTCnqT.css +1 -0
  6. package/dist/assets/ScrollDropdown-CQTxVikn.css +1 -0
  7. package/dist/assets/index-C4-S_v9y.css +1 -0
  8. package/dist/assets/index-Dpv0OAoW.css +1 -0
  9. package/dist/assets/theme-CDdq9khQ.css +1 -0
  10. package/dist/components/DateRangePicker/Calendar/CalendarGrid.d.ts +4 -0
  11. package/dist/components/DateRangePicker/Calendar/CalendarGrid.d.ts.map +1 -0
  12. package/dist/components/DateRangePicker/Calendar/CalendarGrid.js +10 -0
  13. package/dist/components/DateRangePicker/Calendar/ScrollDropdown.d.ts +4 -0
  14. package/dist/components/DateRangePicker/Calendar/ScrollDropdown.d.ts.map +1 -0
  15. package/dist/components/DateRangePicker/Calendar/ScrollDropdown.js +6 -0
  16. package/dist/components/DateRangePicker/Calendar/calendarGrid.types.d.ts +35 -0
  17. package/dist/components/DateRangePicker/Calendar/calendarGrid.types.d.ts.map +1 -0
  18. package/dist/components/DateRangePicker/Calendar/calendarGrid.types.js +1 -0
  19. package/dist/components/DateRangePicker/Calendar/calendarGrid.util.d.ts +15 -0
  20. package/dist/components/DateRangePicker/Calendar/calendarGrid.util.d.ts.map +1 -0
  21. package/dist/components/DateRangePicker/Calendar/calendarGrid.util.js +36 -0
  22. package/dist/components/DateRangePicker/DateRangePicker.d.ts.map +1 -1
  23. package/dist/components/DateRangePicker/DateRangePicker.js +256 -6068
  24. package/dist/components/DateRangePicker/_types/dateRangePicker.types.d.ts +3 -1
  25. package/dist/components/DateRangePicker/_types/dateRangePicker.types.d.ts.map +1 -1
  26. package/dist/components/DateRangePicker/{helper → _utils}/util.d.ts.map +1 -1
  27. package/dist/components/DateRangePicker/{helper → _utils}/util.js +2 -2
  28. package/dist/components/DateRangePicker/constants.d.ts +6 -0
  29. package/dist/components/DateRangePicker/constants.d.ts.map +1 -1
  30. package/dist/components/DateRangePicker/constants.js +5 -2
  31. package/dist/components/MAVDropdown/index.d.ts +1 -1
  32. package/dist/components/MAVDropdown/index.d.ts.map +1 -1
  33. package/dist/components/MAVDropdown/index.js +70 -73
  34. package/dist/components/Popover/index.d.ts.map +1 -1
  35. package/dist/components/Popover/index.js +48 -44
  36. package/dist/components/ProfileDropdown/index.d.ts.map +1 -1
  37. package/dist/components/ProfileDropdown/index.js +70 -83
  38. package/dist/components/SingleSelectDropdown/_helpers/DropdownFooter.js +3 -4
  39. package/dist/components/SingleSelectDropdown/index.js +12 -13
  40. package/dist/components/Table/_helpers/TableFilterModal/RangeSelector.js +1 -1
  41. package/dist/components/TextField/index.js +6940 -690
  42. package/dist/components/Tooltip/index.js +2 -2
  43. package/dist/theme/Theme.js +1 -1
  44. package/dist/theme/theme.css +1 -1
  45. package/dist/{useSlot-BiMlGawc.js → useSlot-BAOpgsKZ.js} +562 -606
  46. package/dist/utils/array.d.ts +8 -0
  47. package/dist/utils/array.d.ts.map +1 -0
  48. package/dist/utils/array.js +9 -0
  49. package/dist/utils/color.d.ts +10 -0
  50. package/dist/utils/color.d.ts.map +1 -0
  51. package/dist/utils/color.js +22 -0
  52. package/dist/utils/index.d.ts +2 -0
  53. package/dist/utils/index.d.ts.map +1 -1
  54. package/dist/utils/index.js +6 -2
  55. package/package.json +19 -1
  56. package/dist/Select-CiuwMSD7.js +0 -6350
  57. package/dist/assets/DateRangePicker-C72TW2vD.css +0 -1
  58. package/dist/assets/index-Cdmws__2.css +0 -1
  59. package/dist/assets/index-PKpDB4Cl.css +0 -1
  60. package/dist/assets/theme-gJHYUL9y.css +0 -1
  61. /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 '../helper/util';
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;CACrB;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
+ {"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/helper/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"}
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
- let a = _(i, n);
136
- if (a && (e && a.getTime() < e.getTime() && (a = new Date(e)), m(t.startDate, a) && m(t.endDate, n)))
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, listHeight, className, }: MAVDropdownProps): import("react/jsx-runtime").JSX.Element;
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,UAAoB,EACpB,SAAS,GACV,EAAE,gBAAgB,2CAqIlB;yBA5Ie,WAAW"}
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 a } from "react/jsx-runtime";
2
- import { useState as h, useRef as v, useCallback as D } from "react";
3
- import { Popover as C } from "../Popover/index.js";
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 u } from "../../utils/mergeClasses.js";
6
- import { S as A } from "../../chevron-down-Cm9R64Fe.js";
7
- import '../../assets/index-PKpDB4Cl.css';const s = {
8
- "ckds-mav-dropdown": "_ckds-mav-dropdown_1w4zu_1",
9
- "ckds-mav-trigger": "_ckds-mav-trigger_1w4zu_7",
10
- "ckds-mav-trigger--open": "_ckds-mav-trigger--open_1w4zu_19",
11
- "ckds-mav-trigger-content": "_ckds-mav-trigger-content_1w4zu_27",
12
- "ckds-mav-trigger-label": "_ckds-mav-trigger-label_1w4zu_34",
13
- "ckds-mav-trigger-selected": "_ckds-mav-trigger-selected_1w4zu_42",
14
- "ckds-mav-chevron": "_ckds-mav-chevron_1w4zu_52",
15
- "ckds-mav-chevron--open": "_ckds-mav-chevron--open_1w4zu_65",
16
- "ckds-mav-popover": "_ckds-mav-popover_1w4zu_69",
17
- "ckds-mav-item-list": "_ckds-mav-item-list_1w4zu_77",
18
- "ckds-mav-item": "_ckds-mav-item_1w4zu_77",
19
- "ckds-mav-item-label": "_ckds-mav-item-label_1w4zu_110",
20
- "ckds-mav-item-sublabel": "_ckds-mav-item-sublabel_1w4zu_113",
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 z({ text: t, className: n }) {
24
- const r = v(null), [k, o] = h(!1);
25
- return /* @__PURE__ */ a(M, { title: k ? t : "", placement: "top", children: /* @__PURE__ */ a(
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: r,
29
- className: n,
27
+ ref: n,
28
+ className: t,
30
29
  onMouseEnter: () => {
31
- r.current && r.current.scrollWidth > r.current.clientWidth && o(!0);
30
+ n.current && n.current.scrollWidth > n.current.clientWidth && o(!0);
32
31
  },
33
32
  onMouseLeave: () => o(!1),
34
- children: t
33
+ children: a
35
34
  }
36
35
  ) });
37
36
  }
38
- function R({
39
- triggerLabel: t = "MAV",
40
- selectedItem: n,
41
- items: r,
42
- onSelect: k,
43
- listHeight: o = "200px",
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 [l, c] = h(!1), [N, x] = h(!1), g = v(null), i = v(null), p = v(null), E = D(() => {
47
- i.current && x(i.current.scrollWidth > i.current.clientWidth);
48
- }, []), b = () => {
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
- }, w = () => {
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
- k(e), c(!1);
53
+ u(e), c(!1);
56
54
  };
57
55
  return /* @__PURE__ */ m(
58
56
  "div",
59
57
  {
60
- className: u(s["ckds-mav-dropdown"], f),
61
- onMouseEnter: b,
62
- onMouseLeave: w,
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: g,
65
+ ref: h,
68
66
  type: "button",
69
- className: u(
67
+ className: v(
70
68
  s["ckds-mav-trigger"],
71
- l && s["ckds-mav-trigger--open"]
69
+ r && s["ckds-mav-trigger--open"]
72
70
  ),
73
71
  onKeyDown: T,
74
72
  "aria-haspopup": "listbox",
75
- "aria-expanded": l,
76
- "aria-label": `${t}: ${n.label}, open MAV selector`,
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__ */ a("span", { className: s["ckds-mav-trigger-label"], children: t }),
80
- /* @__PURE__ */ a(M, { title: N ? n.label : "", placement: "bottom", children: /* @__PURE__ */ a(
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: n.label
84
+ children: t.label
87
85
  }
88
86
  ) })
89
87
  ] }),
90
- /* @__PURE__ */ a(
88
+ /* @__PURE__ */ l(
91
89
  "span",
92
90
  {
93
- className: u(
91
+ className: v(
94
92
  s["ckds-mav-chevron"],
95
- l && s["ckds-mav-chevron--open"]
93
+ r && s["ckds-mav-chevron--open"]
96
94
  ),
97
95
  "aria-hidden": "true",
98
- children: /* @__PURE__ */ a(A, {})
96
+ children: /* @__PURE__ */ l(C, {})
99
97
  }
100
98
  )
101
99
  ]
102
100
  }
103
101
  ),
104
- /* @__PURE__ */ a(
105
- C,
102
+ /* @__PURE__ */ l(
103
+ D,
106
104
  {
107
- open: l,
105
+ open: r,
108
106
  onClose: () => c(!1),
109
- anchorRef: g,
107
+ anchorRef: h,
110
108
  align: "left",
111
109
  minWidth: "0",
112
110
  className: s["ckds-mav-popover"],
113
- children: /* @__PURE__ */ a(
111
+ children: /* @__PURE__ */ l(
114
112
  "div",
115
113
  {
116
- onMouseEnter: b,
117
- onMouseLeave: w,
118
- children: /* @__PURE__ */ a(
114
+ onMouseEnter: f,
115
+ onMouseLeave: g,
116
+ children: /* @__PURE__ */ l(
119
117
  "ul",
120
118
  {
121
119
  role: "listbox",
122
- "aria-label": `${t} options`,
120
+ "aria-label": `${a} options`,
123
121
  className: s["ckds-mav-item-list"],
124
- style: { maxHeight: o },
125
- children: r.map((e) => {
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: u(
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
- (_.key === "Enter" || _.key === " ") && (_.preventDefault(), y(e));
134
+ onKeyDown: (b) => {
135
+ (b.key === "Enter" || b.key === " ") && (b.preventDefault(), y(e));
139
136
  },
140
137
  tabIndex: 0,
141
138
  children: [
142
- /* @__PURE__ */ a(z, { text: e.label, className: s["ckds-mav-item-label"] }),
143
- e.subLabel && /* @__PURE__ */ a(z, { text: e.subLabel, className: s["ckds-mav-item-sublabel"] })
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
- R.displayName = "MAVDropdown";
156
+ A.displayName = "MAVDropdown";
160
157
  export {
161
- R as MAVDropdown
158
+ A as MAVDropdown
162
159
  };
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Popover/index.tsx"],"names":[],"mappings":"AAQA,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,kDAmId;AAED,eAAe,OAAO,CAAC"}
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 u } from "react";
3
- import '../../assets/index-BkNXS5fR.css';const k = {
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 h({
7
- open: n,
6
+ function z({
7
+ open: o,
8
8
  onClose: i,
9
- anchorRef: r,
10
- children: l,
11
- className: a = "",
9
+ anchorRef: e,
10
+ children: m,
11
+ className: p = "",
12
12
  align: s = "right",
13
- minWidth: f = "540px"
13
+ minWidth: v = "540px"
14
14
  }) {
15
- const d = g(null), [c, p] = L({
15
+ const c = g(null), [d, l] = L({
16
16
  top: 0,
17
17
  left: 0
18
18
  });
19
- if (u(() => {
20
- if (!n || !r.current) return;
21
- const t = () => {
22
- const o = r.current;
23
- if (!o) return;
24
- const e = o.getBoundingClientRect(), v = e.bottom + 8, w = s === "right" ? e.right : e.left;
25
- p({
26
- top: v,
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 t(), window.addEventListener("scroll", t, !0), window.addEventListener("resize", t), () => {
34
+ return window.addEventListener("scroll", n, !0), window.addEventListener("resize", n), () => {
31
35
  window.removeEventListener(
32
36
  "scroll",
33
- t,
37
+ n,
34
38
  !0
35
39
  ), window.removeEventListener(
36
40
  "resize",
37
- t
41
+ n
38
42
  );
39
43
  };
40
- }, [n, r, s]), u(() => {
41
- if (!n) return;
42
- const t = (e) => {
43
- d.current && !d.current.contains(
44
- e.target
45
- ) && r.current && !r.current.contains(
46
- e.target
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
- }, o = (e) => {
49
- e.key === "Escape" && i();
52
+ }, r = (t) => {
53
+ t.key === "Escape" && i();
50
54
  };
51
55
  return document.addEventListener(
52
56
  "mousedown",
53
- t
57
+ n
54
58
  ), document.addEventListener(
55
59
  "keydown",
56
- o
60
+ r
57
61
  ), () => {
58
62
  document.removeEventListener(
59
63
  "mousedown",
60
- t
64
+ n
61
65
  ), document.removeEventListener(
62
66
  "keydown",
63
- o
67
+ r
64
68
  );
65
69
  };
66
- }, [n, i, r]), !n) return null;
67
- const m = {
70
+ }, [o, i, e]), !o) return null;
71
+ const a = {
68
72
  position: "fixed",
69
- top: c.top,
70
- left: c.left,
71
- minWidth: f,
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: d,
80
- className: `${k["ckds-popover"]} ${a}`,
81
- style: m,
83
+ ref: c,
84
+ className: `${y["ckds-popover"]} ${p}`,
85
+ style: a,
82
86
  role: "dialog",
83
87
  "aria-modal": "false",
84
- children: l
88
+ children: m
85
89
  }
86
90
  );
87
91
  }
88
92
  export {
89
- h as Popover,
90
- h as default
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":"AAKA,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,2CA4HtB;yBAtIe,eAAe"}
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"}