@dreamcommerce/aurora 2.1.8-0 → 2.1.8-1

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 (9) hide show
  1. package/build/cjs/packages/aurora/src/components/controls/hoc/control_select/index.js +2 -2
  2. package/build/cjs/packages/aurora/src/components/dropdown/components/list.js +2 -2
  3. package/build/cjs/packages/aurora/src/components/dropdown/hoc/select/index.js +2 -2
  4. package/build/esm/packages/aurora/src/components/controls/hoc/control_select/index.js +2 -2
  5. package/build/esm/packages/aurora/src/components/dropdown/components/list.d.ts +1 -1
  6. package/build/esm/packages/aurora/src/components/dropdown/components/list.js +2 -2
  7. package/build/esm/packages/aurora/src/components/dropdown/hoc/select/index.js +2 -2
  8. package/build/esm/packages/aurora/src/components/dropdown/types.d.ts +2 -0
  9. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/controls/hoc/control_select/index.js CHANGED
@@ -26,14 +26,14 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
26
26
  * />
27
27
  * )
28
28
  */
29
- const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, additionalInfo }) => {
29
+ const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, additionalInfo, onScroll }) => {
30
30
  return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
31
31
  (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
32
32
  label,
33
33
  hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
34
34
  React__default['default'].createElement(index['default'].Content, null,
35
35
  React__default['default'].createElement(index['default'].Element, null,
36
- React__default['default'].createElement(index$2['default'], { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, onChange: onChange, onToggle: onToggle }))),
36
+ React__default['default'].createElement(index$2['default'], { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, onChange: onChange, onToggle: onToggle, onScroll: onScroll }))),
37
37
  React__default['default'].createElement(index['default'].Errors, null),
38
38
  additionalInfo && React__default['default'].createElement(index['default'].AdditionalInfo, null, additionalInfo)));
39
39
  };
package/build/cjs/packages/aurora/src/components/dropdown/components/list.js CHANGED
@@ -28,11 +28,11 @@ isWithGroups,
28
28
  /**
29
29
  * Children nodes
30
30
  */
31
- children }) => {
31
+ children, onScroll }) => {
32
32
  const listClasses = classnames__default['default'](main_module['default'][css_classes.cssDropdownList], main_module['default'][css_classes.cssDropdownWithScroll], {
33
33
  [main_module['default'][css_classes.cssDropdownListWithGroup]]: isWithGroups
34
34
  });
35
- return (React__default['default'].createElement("ul", { role: "listbox", className: listClasses }, children));
35
+ return (React__default['default'].createElement("ul", { role: "listbox", className: listClasses, onScroll: onScroll }, children));
36
36
  };
37
37
 
38
38
  exports.default = List;
package/build/cjs/packages/aurora/src/components/dropdown/hoc/select/index.js CHANGED
@@ -83,7 +83,7 @@ onChange,
83
83
  * Place where portal should be placed, by default to body
84
84
  * this can be used to put modal inside modal
85
85
  */
86
- portalContainer }) => {
86
+ portalContainer, onScroll }) => {
87
87
  /**
88
88
  * reference to dropdown wrapper element
89
89
  */
@@ -116,7 +116,7 @@ portalContainer }) => {
116
116
  React__default['default'].createElement(index$1['default'].Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues }),
117
117
  React__default['default'].createElement(index$1['default'].Content, { portalContainer: portalContainer },
118
118
  isWithSearch && React__default['default'].createElement(index$1['default'].Search, { onKeyUp: (ev) => utilities.handleSearchKeyUp(ev, options, setOptionsList) }),
119
- React__default['default'].createElement(index$1['default'].List, { isWithGroups: isWithGroups }, optionsList === null || optionsList === void 0 ? void 0 : optionsList.map((option) => {
119
+ React__default['default'].createElement(index$1['default'].List, { isWithGroups: isWithGroups, onScroll: onScroll }, optionsList === null || optionsList === void 0 ? void 0 : optionsList.map((option) => {
120
120
  var _a, _b;
121
121
  return option.isHeader ? (React__default['default'].createElement(index$1['default'].Header, { key: option.text, text: option.text })) : (React__default['default'].createElement(index$1['default'].Option, { key: option.value, option: option, isSelected: utilities.isSelected(option, selectedValues), isDisabled: (_a = option.isDisabled) !== null && _a !== void 0 ? _a : isDisabled, isReadonly: (_b = option.isReadonly) !== null && _b !== void 0 ? _b : isReadonly, onClick: (option) => utilities.handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown) }));
122
122
  }))))));
package/build/esm/packages/aurora/src/components/controls/hoc/control_select/index.js CHANGED
@@ -18,14 +18,14 @@ import Select from '../../../dropdown/hoc/select/index.js';
18
18
  * />
19
19
  * )
20
20
  */
21
- const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, additionalInfo }) => {
21
+ const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, additionalInfo, onScroll }) => {
22
22
  return (React.createElement(Control, { errors: errors, name: name, id: id },
23
23
  (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
24
24
  label,
25
25
  hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
26
26
  React.createElement(Control.Content, null,
27
27
  React.createElement(Control.Element, null,
28
- React.createElement(Select, { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, onChange: onChange, onToggle: onToggle }))),
28
+ React.createElement(Select, { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, onChange: onChange, onToggle: onToggle, onScroll: onScroll }))),
29
29
  React.createElement(Control.Errors, null),
30
30
  additionalInfo && React.createElement(Control.AdditionalInfo, null, additionalInfo)));
31
31
  };
package/build/esm/packages/aurora/src/components/dropdown/components/list.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import React from 'react';
2
1
  import { IDropdownListProps } from '../types';
2
+ import React from 'react';
3
3
  /**
4
4
  * Dropdown.List component. Displays list.
5
5
  * @component
package/build/esm/packages/aurora/src/components/dropdown/components/list.js CHANGED
@@ -19,11 +19,11 @@ isWithGroups,
19
19
  /**
20
20
  * Children nodes
21
21
  */
22
- children }) => {
22
+ children, onScroll }) => {
23
23
  const listClasses = classnames(cssClasses[cssDropdownList], cssClasses[cssDropdownWithScroll], {
24
24
  [cssClasses[cssDropdownListWithGroup]]: isWithGroups
25
25
  });
26
- return (React.createElement("ul", { role: "listbox", className: listClasses }, children));
26
+ return (React.createElement("ul", { role: "listbox", className: listClasses, onScroll: onScroll }, children));
27
27
  };
28
28
 
29
29
  export default List;
package/build/esm/packages/aurora/src/components/dropdown/hoc/select/index.js CHANGED
@@ -75,7 +75,7 @@ onChange,
75
75
  * Place where portal should be placed, by default to body
76
76
  * this can be used to put modal inside modal
77
77
  */
78
- portalContainer }) => {
78
+ portalContainer, onScroll }) => {
79
79
  /**
80
80
  * reference to dropdown wrapper element
81
81
  */
@@ -108,7 +108,7 @@ portalContainer }) => {
108
108
  React.createElement(Dropdown.Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues }),
109
109
  React.createElement(Dropdown.Content, { portalContainer: portalContainer },
110
110
  isWithSearch && React.createElement(Dropdown.Search, { onKeyUp: (ev) => handleSearchKeyUp(ev, options, setOptionsList) }),
111
- React.createElement(Dropdown.List, { isWithGroups: isWithGroups }, optionsList === null || optionsList === void 0 ? void 0 : optionsList.map((option) => {
111
+ React.createElement(Dropdown.List, { isWithGroups: isWithGroups, onScroll: onScroll }, optionsList === null || optionsList === void 0 ? void 0 : optionsList.map((option) => {
112
112
  var _a, _b;
113
113
  return option.isHeader ? (React.createElement(Dropdown.Header, { key: option.text, text: option.text })) : (React.createElement(Dropdown.Option, { key: option.value, option: option, isSelected: isSelected(option, selectedValues), isDisabled: (_a = option.isDisabled) !== null && _a !== void 0 ? _a : isDisabled, isReadonly: (_b = option.isReadonly) !== null && _b !== void 0 ? _b : isReadonly, onClick: (option) => handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown) }));
114
114
  }))))));
package/build/esm/packages/aurora/src/components/dropdown/types.d.ts CHANGED
@@ -57,6 +57,7 @@ export interface IDropdownSearchProps {
57
57
  export interface IDropdownListProps {
58
58
  isWithGroups?: boolean;
59
59
  children?: ReactNode;
60
+ onScroll?: (event: React.UIEvent<HTMLElement>) => void;
60
61
  }
61
62
  export interface IDropdownOptionProps {
62
63
  option: ISelectOption;
@@ -92,6 +93,7 @@ export interface ISelectProps extends IDropdownProps {
92
93
  isDisabled?: boolean;
93
94
  isWithSearch?: boolean;
94
95
  onChange?: (selectedOption: ISelectOption) => void;
96
+ onScroll?: (event: React.UIEvent<HTMLElement>) => void;
95
97
  }
96
98
  export interface ISelectOption {
97
99
  text: string;
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@dreamcommerce/aurora",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "2.1.8-0",
5
+ "version": "2.1.8-1",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",