@seeqdev/qomponents 0.0.70 → 0.0.72
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/ButtonWithPopover/ButtonWithPopover.js +3 -2
- package/dist/ButtonWithPopover/ButtonWithPopover.js.map +1 -1
- package/dist/ButtonWithPopover/ButtonWithPopover.types.d.ts +1 -1
- package/dist/Select/Select.js +4 -1
- package/dist/Select/Select.js.map +1 -1
- package/dist/Select/Select.stories.js +6 -1
- package/dist/Select/Select.stories.js.map +1 -1
- package/dist/Select/Select.test.js +21 -0
- package/dist/Select/Select.test.js.map +1 -1
- package/dist/Select/Select.types.d.ts +6 -0
- package/dist/index.esm.js +7 -3
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +7 -3
- package/dist/index.js.map +1 -1
- package/dist/styles.css +4 -0
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -13706,7 +13706,7 @@ const multiValueStyles = [
|
|
|
13706
13706
|
* For ease of testing most of the elements of this select can be identified by classNames prefixed with "spec".
|
|
13707
13707
|
*
|
|
13708
13708
|
*/
|
|
13709
|
-
const Select = ({ options, value, placeholder = 'select', noOptionsMessage = 'no matching options', isSearchable = true, creatable = false, isMulti = false, isClearable = false, closeMenuOnSelect = true, id, inputId, menuPortalTarget, getOptionLabel, getSelectedValueLabel, getOptionValue, onChange, menuIsOpen, menuPlacement = 'auto', extraClassNames, inputGroup, filterConfig, filterOption, small = false, isDisabled = false, showError = false, isLoading = false, formatGroupLabel, onRemove, defaultValue, }) => {
|
|
13709
|
+
const Select = ({ options, value, placeholder = 'select', noOptionsMessage = 'no matching options', isSearchable = true, creatable = false, isMulti = false, isClearable = false, closeMenuOnSelect = true, id, inputId, menuPortalTarget, getOptionLabel, getSelectedValueLabel, getOptionValue, onChange, menuIsOpen, menuPlacement = 'auto', extraClassNames, inputGroup, filterConfig, filterOption, small = false, isDisabled = false, showError = false, isLoading = false, formatGroupLabel, onRemove, defaultValue, onMenuOpen, onMenuClose, components }) => {
|
|
13710
13710
|
const getOptionOrSelectedLabel = (option, { context }) => {
|
|
13711
13711
|
const getSelectedOptionLabel = getSelectedValueLabel ? getSelectedValueLabel : getOptionLabel;
|
|
13712
13712
|
if (getOptionLabel || getSelectedValueLabel) {
|
|
@@ -13751,6 +13751,9 @@ const Select = ({ options, value, placeholder = 'select', noOptionsMessage = 'no
|
|
|
13751
13751
|
getOptionValue,
|
|
13752
13752
|
options,
|
|
13753
13753
|
isDisabled,
|
|
13754
|
+
onMenuOpen,
|
|
13755
|
+
onMenuClose,
|
|
13756
|
+
components,
|
|
13754
13757
|
hideSelectedOptions: isMulti,
|
|
13755
13758
|
filterOption: filterOption ? filterOption : filterConfig ? createFilter(filterConfig) : undefined,
|
|
13756
13759
|
classNames: {
|
|
@@ -15069,8 +15072,9 @@ const ButtonWithPopover = ({ children, trigger, id, hasArrow, extraTriggerClassN
|
|
|
15069
15072
|
};
|
|
15070
15073
|
const renderPopover = (popoverOpenState) => {
|
|
15071
15074
|
return (React__namespace.createElement($cb5cc270b50c6fcd$export$be92b6f5f03c0fe9, { open: popoverOpenState, defaultOpen: false, onOpenChange: onOpenChange },
|
|
15072
|
-
React__namespace.createElement($cb5cc270b50c6fcd$export$41fb9f06171c75f4, { id: id, asChild: isTriggerAsChild, className: `focus-visible:tw-outline-none tw-outline-none ${shouldTriggerFullWidth ? 'tw-w-full tw-h-full' : ''}`, disabled: disabled },
|
|
15073
|
-
React__namespace.createElement("div", { ...tooltipData, onMouseOver: onHoverStart, onMouseOut: onHoverEnd, className: `tw-bg-transparent focus-visible:tw-outline-none tw-outline-none ${disabled ? disabledClasses$1 : ''} ${shouldTriggerFullWidth ? 'tw-flex tw-flex-col tw-items-center tw-justify-center' : 'inline'} ${extraTriggerClassNames || ''}` }, trigger)),
|
|
15075
|
+
trigger ? (React__namespace.createElement($cb5cc270b50c6fcd$export$41fb9f06171c75f4, { id: id, asChild: isTriggerAsChild, className: `focus-visible:tw-outline-none tw-outline-none ${shouldTriggerFullWidth ? 'tw-w-full tw-h-full' : ''}`, disabled: disabled },
|
|
15076
|
+
React__namespace.createElement("div", { ...tooltipData, onMouseOver: onHoverStart, onMouseOut: onHoverEnd, className: `tw-bg-transparent focus-visible:tw-outline-none tw-outline-none ${disabled ? disabledClasses$1 : ''} ${shouldTriggerFullWidth ? 'tw-flex tw-flex-col tw-items-center tw-justify-center' : 'tw-inline'} ${extraTriggerClassNames || ''}` }, trigger))) : (React__namespace.createElement($cb5cc270b50c6fcd$export$41fb9f06171c75f4, { asChild: true },
|
|
15077
|
+
React__namespace.createElement("div", null))),
|
|
15074
15078
|
isPortal ? React__namespace.createElement($cb5cc270b50c6fcd$export$602eac185826482c, null, renderContent()) : renderContent()));
|
|
15075
15079
|
};
|
|
15076
15080
|
return isHoverEnabled ? renderPopover(isHoveredOpen) : renderPopover(isOpen);
|