@useblu/ocean-react 1.70.0 → 1.71.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 (14) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/Date/DatePicker.d.ts.map +1 -1
  3. package/Date/DateRange.d.ts.map +1 -1
  4. package/TextListItem/TextListItem.d.ts +31 -0
  5. package/TextListItem/TextListItem.d.ts.map +1 -0
  6. package/TextListItem/index.d.ts +2 -0
  7. package/TextListItem/index.d.ts.map +1 -0
  8. package/index.d.ts +2 -0
  9. package/index.d.ts.map +1 -1
  10. package/index.es.js +66 -8
  11. package/index.es.js.map +1 -1
  12. package/index.js +65 -6
  13. package/index.js.map +1 -1
  14. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,18 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [1.71.0](https://github.com/ocean-ds/ocean-web/compare/v1.70.1...v1.71.0) (2024-12-06)
7
+
8
+ ### Features
9
+
10
+ - create text list item ([#1123](https://github.com/ocean-ds/ocean-web/issues/1123)) ([ae17cd7](https://github.com/ocean-ds/ocean-web/commit/ae17cd7b094ee696a88fd981e67b3326ff3c9b40))
11
+
12
+ ## [1.70.1](https://github.com/ocean-ds/ocean-web/compare/v1.70.0...v1.70.1) (2024-12-04)
13
+
14
+ ### Bug Fixes
15
+
16
+ - adjust bug when show helper text in date components ([#1122](https://github.com/ocean-ds/ocean-web/issues/1122)) ([e825a0f](https://github.com/ocean-ds/ocean-web/commit/e825a0fc9875de7d45ea79605ac11ef41187206c))
17
+
6
18
  # [1.70.0](https://github.com/ocean-ds/ocean-web/compare/v1.69.1...v1.70.0) (2024-12-04)
7
19
 
8
20
  ### Features
package/Date/DatePicker.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../src/Date/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,QAAA,MAAM,gBAAgB;;;;oIA6GrB,CAAC;AAIF,eAAe,gBAAgB,CAAC"}
1
+ {"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../src/Date/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,QAAA,MAAM,gBAAgB;;;;oIA4GrB,CAAC;AAIF,eAAe,gBAAgB,CAAC"}
package/Date/DateRange.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DateRange.d.ts","sourceRoot":"","sources":["../../src/Date/DateRange.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,QAAA,MAAM,eAAe;;;;;;;;;;;kLAkJpB,CAAC;AAIF,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"DateRange.d.ts","sourceRoot":"","sources":["../../src/Date/DateRange.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,QAAA,MAAM,eAAe;;;;;;;;;;;kLAgJpB,CAAC;AAIF,eAAe,eAAe,CAAC"}
package/TextListItem/TextListItem.d.ts ADDED
@@ -0,0 +1,31 @@
1
+ import React from 'react';
2
+ import { CheckboxProps } from '../Checkbox/Checkbox';
3
+ import { RadioProps } from '../Radio/Radio';
4
+ export declare type TextListItemProps = {
5
+ title: string;
6
+ description: string;
7
+ caption?: string;
8
+ tagLabel?: string;
9
+ infoText?: string;
10
+ infoTextType?: 'neutral' | 'positive';
11
+ withAction?: boolean;
12
+ onActionClick?: () => void;
13
+ checkbox?: CheckboxProps;
14
+ radio?: RadioProps;
15
+ className?: string;
16
+ } & React.ComponentPropsWithoutRef<'div'>;
17
+ declare const TextListItem: React.ForwardRefExoticComponent<{
18
+ title: string;
19
+ description: string;
20
+ caption?: string | undefined;
21
+ tagLabel?: string | undefined;
22
+ infoText?: string | undefined;
23
+ infoTextType?: "neutral" | "positive" | undefined;
24
+ withAction?: boolean | undefined;
25
+ onActionClick?: (() => void) | undefined;
26
+ checkbox?: CheckboxProps | undefined;
27
+ radio?: RadioProps | undefined;
28
+ className?: string | undefined;
29
+ } & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>>;
30
+ export default TextListItem;
31
+ //# sourceMappingURL=TextListItem.d.ts.map
package/TextListItem/TextListItem.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextListItem.d.ts","sourceRoot":"","sources":["../../src/TextListItem/TextListItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAiB,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAc,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEnD,oBAAY,iBAAiB,GAAG;IAI9B,KAAK,EAAE,MAAM,CAAC;IAId,WAAW,EAAE,MAAM,CAAC;IAIpB,OAAO,CAAC,EAAE,MAAM,CAAC;IAIjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAIlB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAIlB,YAAY,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAItC,UAAU,CAAC,EAAE,OAAO,CAAC;IAIrB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAI3B,QAAQ,CAAC,EAAE,aAAa,CAAC;IAIzB,KAAK,CAAC,EAAE,UAAU,CAAC;IAInB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAE1C,QAAA,MAAM,YAAY;WA3CT,MAAM;iBAIA,MAAM;;;;;;2BAwBG,IAAI;;;;kLAgJ3B,CAAC;AAIF,eAAe,YAAY,CAAC"}
package/TextListItem/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export { default } from './TextListItem';
2
+ //# sourceMappingURL=index.d.ts.map
package/TextListItem/index.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TextListItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC"}
package/index.d.ts CHANGED
@@ -32,6 +32,8 @@ export { default as Link } from './Link';
32
32
  export * from './Link';
33
33
  export { default as TextArea } from './TextArea';
34
34
  export * from './TextArea';
35
+ export { default as TextListItem } from './TextListItem';
36
+ export * from './TextListItem';
35
37
  export { default as Select } from './Select/Select';
36
38
  export { default as SelectAutocomplete } from './Select/SelectAutocomplete';
37
39
  export * from './Select';
package/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,cAAc,cAAc,CAAC;AAE7B,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,cAAc,QAAQ,CAAC;AAEvB,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,cAAc,OAAO,CAAC;AAEtB,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,cAAc,QAAQ,CAAC;AAEvB,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,cAAc,aAAa,CAAC;AAE5B,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,cAAc,uBAAuB,CAAC;AAEtC,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,cAAc,qBAAqB,CAAC;AAEpC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,cAAc,aAAa,CAAC;AAE5B,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAE3B,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,cAAc,cAAc,CAAC;AAE7B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAE3B,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,cAAc,QAAQ,CAAC;AAEvB,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAE3B,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC5E,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,cAAc,WAAW,CAAC;AAE1B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,cAAc,cAAc,CAAC;AAE7B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAE3B,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,cAAc,WAAW,CAAC;AAE1B,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,cAAc,iBAAiB,CAAC;AAEhC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACxD,cAAc,QAAQ,CAAC;AAEvB,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACzD,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,cAAc,cAAc,CAAC;AAE7B,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAE3B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAE3B,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,cAAc,gBAAgB,CAAC;AAE/B,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,cAAc,mBAAmB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
package/index.es.js CHANGED
@@ -1,4 +1,4 @@
1
- import e, { forwardRef, useState, Children, useCallback, useEffect, useRef, memo, useLayoutEffect, useContext, useMemo, createContext as createContext$1 } from 'react';
1
+ import e, { forwardRef, useState, Children, useCallback, useEffect, useRef, memo, useLayoutEffect, useMemo, useContext, createContext as createContext$1 } from 'react';
2
2
  import require$$1 from 'react-dom';
3
3
 
4
4
  /*! *****************************************************************************
@@ -6666,6 +6666,67 @@ var TextArea = e.forwardRef(function (_a, ref) {
6666
6666
  });
6667
6667
  TextArea.displayName = 'TextArea';
6668
6668
 
6669
+ var TextListItem = e.forwardRef(function (_a, ref) {
6670
+ var title = _a.title, description = _a.description, caption = _a.caption, tagLabel = _a.tagLabel, infoText = _a.infoText, _b = _a.infoTextType, infoTextType = _b === void 0 ? 'neutral' : _b, withAction = _a.withAction, onActionClick = _a.onActionClick, checkbox = _a.checkbox, radio = _a.radio, className = _a.className, rest = __rest$2(_a, ["title", "description", "caption", "tagLabel", "infoText", "infoTextType", "withAction", "onActionClick", "checkbox", "radio", "className"]);
6671
+ var buttonElementRef = useRef(null);
6672
+ var divElementRef = useRef(null);
6673
+ var _c = useState(false), isWide = _c[0], setIsWide = _c[1];
6674
+ useEffect(function () {
6675
+ var updateWidth = function () {
6676
+ if (buttonElementRef.current) {
6677
+ var width = buttonElementRef.current.offsetWidth;
6678
+ setIsWide(width >= 992);
6679
+ }
6680
+ if (divElementRef.current) {
6681
+ var width = divElementRef.current.offsetWidth;
6682
+ setIsWide(width >= 992);
6683
+ }
6684
+ };
6685
+ updateWidth();
6686
+ window.addEventListener('resize', updateWidth);
6687
+ return function () {
6688
+ window.removeEventListener('resize', updateWidth);
6689
+ };
6690
+ }, []);
6691
+ var textListitem = useMemo(function () { return (e.createElement("div", __assign$2({ className: classNames('ods-text-list-item', className, {
6692
+ 'ods-text-list-item--with-action': withAction,
6693
+ 'ods-text-list-item--wide': isWide,
6694
+ 'ods-text-list-item--selectable': checkbox || radio
6695
+ }), ref: ref }, rest),
6696
+ e.createElement("div", { className: "ods-text-list-item__default-content" },
6697
+ e.createElement("p", { className: "ods-typography ods-typography__paragraph" },
6698
+ title,
6699
+ tagLabel && (e.createElement(Tag, { type: "neutral", size: "medium" }, tagLabel))),
6700
+ e.createElement("p", { className: "ods-typography ods-typography__description" }, description),
6701
+ caption && (e.createElement("p", { className: "ods-typography ods-typography__captionbold" }, caption))),
6702
+ infoText && (e.createElement("p", { className: classNames('ods-typography ods-typography__description', 'ods-text-list-item__info-text', "ods-text-list-item__info-text--".concat(infoTextType)) }, infoText)),
6703
+ withAction && e.createElement(re, null))); }, [
6704
+ title,
6705
+ description,
6706
+ caption,
6707
+ tagLabel,
6708
+ infoText,
6709
+ infoTextType,
6710
+ withAction,
6711
+ checkbox,
6712
+ radio,
6713
+ className,
6714
+ isWide,
6715
+ ref,
6716
+ rest,
6717
+ ]);
6718
+ if (checkbox) {
6719
+ return (e.createElement("div", { className: "ods-text-list-item-selectable", ref: divElementRef },
6720
+ e.createElement(Checkbox, __assign$2({}, checkbox, { label: textListitem }))));
6721
+ }
6722
+ if (radio) {
6723
+ return (e.createElement("div", { className: "ods-text-list-item-selectable", ref: divElementRef },
6724
+ e.createElement(Radio, __assign$2({}, radio, { label: textListitem }))));
6725
+ }
6726
+ return (e.createElement("button", { ref: buttonElementRef, onClick: onActionClick, type: "button", className: "ods-text-list-item--button" }, textListitem));
6727
+ });
6728
+ TextListItem.displayName = 'TextListItem';
6729
+
6669
6730
  var Context = e.createContext({});
6670
6731
 
6671
6732
  var Option = e.memo(function (option) {
@@ -35795,8 +35856,7 @@ var DatePickerSingle = e.forwardRef(function (_a, ref) {
35795
35856
  label && e.createElement("label", { htmlFor: "start-date" }, label),
35796
35857
  e.createElement(Input, { ref: input1Ref, "data-testid": "datepicker-input-1", id: "start-date", type: "text", className: classNames({
35797
35858
  'date-field-focussed': currentField === 'start-date'
35798
- }), name: "start-date", value: value, onChange: (editable && inputChange) || undefined, placeholder: inputPlaceholder, adornment: e.createElement(On, { size: 20, stroke: "#B6B9CC" }), autoComplete: "off", readOnly: !editable, disabled: disabled, error: !disabled && error, inputMode: "numeric", helperText: (!disabled && !showDayPicker && error && helperText) ||
35799
- undefined, maxLength: 10 })),
35859
+ }), name: "start-date", value: value, onChange: (editable && inputChange) || undefined, placeholder: inputPlaceholder, adornment: e.createElement(On, { size: 20, stroke: "#B6B9CC" }), autoComplete: "off", readOnly: !editable, disabled: disabled, error: !disabled && error, inputMode: "numeric", helperText: (!disabled && !showDayPicker && helperText) || undefined, maxLength: 10 })),
35800
35860
  !disabled && showDayPicker && (e.createElement("div", { "data-testid": "datepicker-calendar" },
35801
35861
  e.createElement(DayPicker, { mode: "single", locale: localeOption, weekStartsOn: 0, classNames: CustomStyles, className: className, onDayClick: function (day) { return handleDayClick(day); }, formatters: { formatDay: formatDay }, selected: selectedDay, disabled: disabledDays, defaultMonth: currentMonthToDisplay, components: {
35802
35862
  Caption: function (_a) {
@@ -35998,14 +36058,12 @@ var DatePickerRange = e.forwardRef(function (_a, ref) {
35998
36058
  labels && labels.from && (e.createElement("label", { htmlFor: "start-date" }, labels.from)),
35999
36059
  e.createElement(Input, { ref: input1Ref, "data-testid": "datepicker-input-1", id: "start-date", type: "text", className: classNames({
36000
36060
  'date-field-focussed': currentField === 'start-date'
36001
- }), name: "start-date", value: values.from, onChange: (editable && inputChange) || undefined, placeholder: inputPlaceholder, adornment: e.createElement(On, { size: 20, stroke: "#B6B9CC" }), autoComplete: "off", readOnly: !editable, disabled: disabled, error: !disabled && error, inputMode: "numeric", helperText: (!disabled && !showDayPicker && error && helperText) ||
36002
- undefined, maxLength: 10 })),
36061
+ }), name: "start-date", value: values.from, onChange: (editable && inputChange) || undefined, placeholder: inputPlaceholder, adornment: e.createElement(On, { size: 20, stroke: "#B6B9CC" }), autoComplete: "off", readOnly: !editable, disabled: disabled, error: !disabled && error, inputMode: "numeric", helperText: (!disabled && !showDayPicker && helperText) || undefined, maxLength: 10 })),
36003
36062
  e.createElement("div", { className: "ods-date__form-controls", "data-testid": "date-picker-second-field-wrapper", onClick: function () { return createHandleToggleClick('end-date'); } },
36004
36063
  labels && labels.to && (e.createElement("label", { htmlFor: "end-date" }, labels.to)),
36005
36064
  e.createElement(Input, { ref: input2Ref, "data-testid": "datepicker-input-2", id: "end-date", type: "text", className: classNames({
36006
36065
  'date-field-focussed': currentField === 'end-date'
36007
- }), name: "end-date", value: values.to, onChange: (editable && inputChange) || undefined, placeholder: inputPlaceholder, adornment: e.createElement(On, { size: 20, stroke: "#B6B9CC" }), autoComplete: "off", readOnly: !editable, disabled: disabled, error: !disabled && error, inputMode: "numeric", helperText: (!disabled && !showDayPicker && error && helperText) ||
36008
- undefined, maxLength: 10 })),
36066
+ }), name: "end-date", value: values.to, onChange: (editable && inputChange) || undefined, placeholder: inputPlaceholder, adornment: e.createElement(On, { size: 20, stroke: "#B6B9CC" }), autoComplete: "off", readOnly: !editable, disabled: disabled, error: !disabled && error, inputMode: "numeric", helperText: (!disabled && !showDayPicker && helperText) || undefined, maxLength: 10 })),
36009
36067
  !disabled && showDayPicker && (e.createElement("div", { "data-testid": "datepicker-calendar" },
36010
36068
  e.createElement(DayPicker, { mode: "range", locale: localeOption, weekStartsOn: 0, classNames: CustomStyles, className: className, onDayClick: function (day) { return handleDayClick(day); }, onDayMouseEnter: function (day) { return handleDayMouseEnter(day); }, formatters: { formatDay: formatDay }, selected: selectedDays, disabled: disabledDays, defaultMonth: currentMonthToDisplay, components: {
36011
36069
  Caption: function (_a) {
@@ -48307,5 +48365,5 @@ var WebNotification = e.forwardRef(function (_a, ref) {
48307
48365
  });
48308
48366
  WebNotification.displayName = 'WebNotification';
48309
48367
 
48310
- export { Accordion, Alert, Badge, Breadcrumb, Button$1 as Button, CardListItem, Carousel, DoughnutChart as Chart, Checkbox, Chips, Col, Container, CrossSellCard, DatePickerSingle as DatePicker, DatePickerRange as DateRange, Divider, DoughnutChart, Drawer, index$1 as Grid, IconButton, Input, Link, List, Modal, Progress, Radio, Row$1 as Row, Search, Select, SelectAutocomplete, Shortcut, Snackbar, Stepper, Steps, SubHeader, Switch, Tag, TextArea, TokenInput, TopBar, TransactionListItem, Typography, UnorderedListItem, WebNotification };
48368
+ export { Accordion, Alert, Badge, Breadcrumb, Button$1 as Button, CardListItem, Carousel, DoughnutChart as Chart, Checkbox, Chips, Col, Container, CrossSellCard, DatePickerSingle as DatePicker, DatePickerRange as DateRange, Divider, DoughnutChart, Drawer, index$1 as Grid, IconButton, Input, Link, List, Modal, Progress, Radio, Row$1 as Row, Search, Select, SelectAutocomplete, Shortcut, Snackbar, Stepper, Steps, SubHeader, Switch, Tag, TextArea, TextListItem, TokenInput, TopBar, TransactionListItem, Typography, UnorderedListItem, WebNotification };
48311
48369
  //# sourceMappingURL=index.es.js.map