@redsift/pickers 11.6.0-muiv5-alpha.3 → 11.6.0-muiv5-alpha.5

package/components/combobox-trigger/ComboboxTrigger.js

@@ -1,352 +0,0 @@
-import { objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useContext, useRef, useEffect } from 'react';
-import { useId, useMessageFormatter, FocusWithinGroupContext, ListboxContext, useTheme, isComponent, FocusWithinGroupActionType, IconButton, ListboxActionType, EventKey } from '@redsift/design-system';
-import intlMessages from '../combobox/intl/index.js';
-import { usePopoverContext, useMergeRefs } from '@redsift/popovers';
-import { ComboboxContext } from '../combobox/context.js';
-import { mdiClose, mdiChevronDown } from '@redsift/icons';
-import { ComboboxSelectionMode, ComboboxVariant } from '../combobox/types.js';
-import classNames from 'classnames';
-
-const _excluded = ["aria-controls", "aria-expanded", "aria-haspopup", "role"];
-const COMPONENT_NAME = 'ComboboxTrigger';
-const CLASSNAME = 'redsift-combobox-trigger';
-
-/**
- * The ComboboxTrigger component.
- */
-const ComboboxTrigger = /*#__PURE__*/forwardRef((props, ref) => {
-  var _renderedChildren$pro;
-  const [id] = useId();
-  const {
-    children,
-    hideExpandButton,
-    openOnFocus,
-    hideClearButton,
-    pillProps
-  } = props;
-  const format = useMessageFormatter(intlMessages);
-  const {
-    getReferenceProps,
-    isOpen,
-    handleOpen: handleOpenPopover,
-    refs
-  } = usePopoverContext();
-  const childrenRef = children.ref;
-  const triggerRef = useMergeRefs([refs.setReference, ref, childrenRef]);
-  const focusContext = useContext(FocusWithinGroupContext);
-  const comboboxState = useContext(ComboboxContext);
-  const listboxState = useContext(ListboxContext);
-  const theme = useTheme();
-  const canHaveMultipleSelections = (comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.selectionMode) === ComboboxSelectionMode.multiple;
-  const canHaveFreeText = (comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.variant) === ComboboxVariant.suggestions;
-  const renderedChildren = typeof children === 'function' ? children({
-    value: comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.value,
-    isOpen
-  }) : children;
-  const isTextArea = isComponent('TextArea')(renderedChildren);
-  const isTextField = isComponent('TextField')(renderedChildren);
-  const hasMultipleLines = isTextArea && (comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.inputValue.includes('\n'));
-  const _inputRef = useRef();
-  const inputRef = (_renderedChildren$pro = renderedChildren.props.inputRef) !== null && _renderedChildren$pro !== void 0 ? _renderedChildren$pro : _inputRef;
-  const handleChange = value => {
-    focusContext.dispatch({
-      type: FocusWithinGroupActionType.FILTER_LIST,
-      payload: {
-        filter: _objectSpread2({
-          value: value || ''
-        }, comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.filter)
-      }
-    });
-    comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.setInputValue(value);
-  };
-  const handleKeyDown = event => {
-    const code = event.code;
-    if (code === 'Escape' || code === 'Tab') {
-      if (isOpen) {
-        handleOpenPopover(false);
-      }
-      if (canHaveMultipleSelections && canHaveFreeText && comboboxState.inputValue) {
-        listboxState.dispatch({
-          type: ListboxActionType.TOGGLE,
-          payload: {
-            value: comboboxState.inputValue,
-            activedescendant: [comboboxState.freeTextItemId, comboboxState.inputValue]
-          }
-        });
-      }
-    }
-    if ((/^.$/.test(event.key) || code === 'Backspace') && !hasMultipleLines) {
-      if (!isOpen) {
-        handleOpenPopover(true);
-      }
-      if (canHaveMultipleSelections && canHaveFreeText) {
-        focusContext.dispatch({
-          type: FocusWithinGroupActionType.DELAY_ACTION,
-          payload: {
-            type: FocusWithinGroupActionType.KEY_DOWN_ON_LIST,
-            payload: {
-              key: EventKey.Home,
-              ctrlKey: event.ctrlKey
-            }
-          }
-        });
-      }
-    }
-    if (canHaveMultipleSelections && comboboxState.inputValue === '' && code === 'Backspace') {
-      listboxState.dispatch({
-        type: ListboxActionType.SET,
-        payload: {
-          values: comboboxState.value.slice(0, comboboxState.value.length - 1),
-          activedescendant: focusContext.state.activedescendant
-        }
-      });
-    }
-    if (code === 'ArrowDown' && !hasMultipleLines) {
-      if (!isOpen) {
-        handleOpenPopover(true);
-      }
-      focusContext.dispatch({
-        type: FocusWithinGroupActionType.DELAY_ACTION,
-        payload: {
-          type: FocusWithinGroupActionType.KEY_DOWN_ON_LIST,
-          payload: {
-            key: focusContext.state.selectedId !== null ? EventKey.ArrowDown : EventKey.Home,
-            ctrlKey: event.ctrlKey
-          }
-        }
-      });
-      event.preventDefault();
-    }
-    if (code === 'ArrowUp' && !hasMultipleLines) {
-      if (!isOpen) {
-        handleOpenPopover(true);
-      }
-      focusContext.dispatch({
-        type: FocusWithinGroupActionType.DELAY_ACTION,
-        payload: {
-          type: FocusWithinGroupActionType.KEY_DOWN_ON_LIST,
-          payload: {
-            key: focusContext.state.selectedId !== null ? EventKey.ArrowUp : EventKey.End,
-            ctrlKey: event.ctrlKey
-          }
-        }
-      });
-      event.preventDefault();
-    }
-    if (code === 'Enter') {
-      var _focusContext$state$a;
-      if (isTextField || isTextArea && !event.shiftKey) {
-        event.preventDefault();
-      }
-      if (canHaveMultipleSelections && canHaveFreeText && ((_focusContext$state$a = focusContext.state.activedescendant) === null || _focusContext$state$a === void 0 ? void 0 : _focusContext$state$a[0]) === comboboxState.freeTextItemId && comboboxState.inputValue) {
-        listboxState.dispatch({
-          type: ListboxActionType.TOGGLE,
-          payload: {
-            value: comboboxState.inputValue,
-            activedescendant: [comboboxState.freeTextItemId, comboboxState.inputValue]
-          }
-        });
-        handleOpenPopover(false);
-      } else if (isOpen && focusContext.state.selectedId) {
-        if (canHaveMultipleSelections) {
-          var _focusContext$state$a2, _focusContext$state$a3;
-          listboxState.dispatch({
-            type: ListboxActionType.TOGGLE,
-            payload: {
-              value: (_focusContext$state$a2 = (_focusContext$state$a3 = focusContext.state.activedescendant) === null || _focusContext$state$a3 === void 0 ? void 0 : _focusContext$state$a3[1]) !== null && _focusContext$state$a2 !== void 0 ? _focusContext$state$a2 : '',
-              activedescendant: focusContext.state.activedescendant
-            }
-          });
-        } else {
-          var _focusContext$state$a4, _focusContext$state$a5;
-          listboxState.dispatch({
-            type: ListboxActionType.SET,
-            payload: {
-              values: [(_focusContext$state$a4 = (_focusContext$state$a5 = focusContext.state.activedescendant) === null || _focusContext$state$a5 === void 0 ? void 0 : _focusContext$state$a5[1]) !== null && _focusContext$state$a4 !== void 0 ? _focusContext$state$a4 : ''],
-              activedescendant: focusContext.state.activedescendant
-            }
-          });
-        }
-      } else if (!event.shiftKey) {
-        var _comboboxState$formRe, _comboboxState$formRe2, _comboboxState$submit, _comboboxState$submit2;
-        comboboxState === null || comboboxState === void 0 ? void 0 : (_comboboxState$formRe = comboboxState.formRef) === null || _comboboxState$formRe === void 0 ? void 0 : (_comboboxState$formRe2 = _comboboxState$formRe.current) === null || _comboboxState$formRe2 === void 0 ? void 0 : _comboboxState$formRe2.submit();
-        comboboxState === null || comboboxState === void 0 ? void 0 : (_comboboxState$submit = comboboxState.submitRef) === null || _comboboxState$submit === void 0 ? void 0 : (_comboboxState$submit2 = _comboboxState$submit.current) === null || _comboboxState$submit2 === void 0 ? void 0 : _comboboxState$submit2.click();
-      }
-    }
-  };
-  const handleOpen = () => {
-    if (isOpen) {
-      handleOpenPopover(false);
-    } else {
-      var _inputRef$current, _focusContext$state$a6;
-      handleOpenPopover(true);
-      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
-      focusContext.dispatch({
-        type: FocusWithinGroupActionType.DELAY_ACTION,
-        payload: {
-          type: FocusWithinGroupActionType.FOCUS_ON_LIST,
-          payload: {
-            id: (_focusContext$state$a6 = focusContext.state.activedescendant) === null || _focusContext$state$a6 === void 0 ? void 0 : _focusContext$state$a6[0],
-            filter: _objectSpread2({
-              value: ''
-            }, comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.filter)
-          }
-        }
-      });
-    }
-  };
-  const handleFocus = () => {
-    var _inputRef$current2;
-    if (openOnFocus) {
-      handleOpen();
-    }
-    (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.select();
-  };
-  const handleBlur = () => {
-    if (canHaveMultipleSelections) {
-      if (!canHaveFreeText) {
-        comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.setInputValue('');
-      }
-    } else {
-      if (canHaveFreeText) {
-        comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.setValue(comboboxState.inputValue);
-      } else {
-        comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.setInputValue(listboxState.state.selectedValues[0]);
-      }
-    }
-  };
-  const handleClear = () => {
-    listboxState.dispatch({
-      type: ListboxActionType.SET,
-      payload: {
-        values: [],
-        activedescendant: ['', '']
-      }
-    });
-  };
-  useEffect(() => {
-    if (canHaveMultipleSelections) {
-      focusContext.dispatch({
-        type: FocusWithinGroupActionType.FILTER_LIST,
-        payload: {
-          filter: _objectSpread2({
-            value: ''
-          }, comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.filter)
-        }
-      });
-      comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.setValue(listboxState.state.selectedValues);
-      comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.setInputValue('');
-      handleOpenPopover(false);
-    } else {
-      focusContext.dispatch({
-        type: FocusWithinGroupActionType.FILTER_LIST,
-        payload: {
-          filter: _objectSpread2({
-            value: listboxState.state.selectedValues[0] || ''
-          }, comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.filter)
-        }
-      });
-      comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.setValue(listboxState.state.selectedValues[0]);
-      if (listboxState.state.selectedValues.length) {
-        comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.setInputValue(listboxState.state.selectedValues[0]);
-      }
-      handleOpenPopover(false);
-    }
-  }, [listboxState.state]);
-  if (isTextField || isTextArea) {
-    var _props$children, _focusContext$state$a7, _comboboxState$value;
-    const _getReferenceProps = getReferenceProps(_objectSpread2(_objectSpread2(_objectSpread2({
-        ref: triggerRef
-      }, props), renderedChildren.props), {}, {
-        children: (_props$children = renderedChildren.props.children) !== null && _props$children !== void 0 ? _props$children : ''
-      })),
-      {
-        'aria-controls': ariaControls,
-        'aria-expanded': ariaExpanded,
-        'aria-haspopup': ariaHaspopup,
-        role
-      } = _getReferenceProps,
-      forwardedProps = _objectWithoutProperties(_getReferenceProps, _excluded);
-    const inputProps = {
-      'aria-activedescendant': isOpen ? (_focusContext$state$a7 = focusContext.state.activedescendant) === null || _focusContext$state$a7 === void 0 ? void 0 : _focusContext$state$a7[0] : undefined,
-      'aria-controls': ariaControls,
-      'aria-expanded': ariaExpanded,
-      'aria-haspopup': ariaHaspopup,
-      autoComplete: 'off',
-      autoCapitalize: 'off',
-      autoCorrect: 'off',
-      spellCheck: 'false',
-      'aria-autocomplete': canHaveMultipleSelections ? 'list' : undefined,
-      'aria-description': canHaveMultipleSelections ? format('selected', {
-        count: comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.value.length
-      }) : undefined,
-      onKeyDown: handleKeyDown,
-      role
-    };
-    return /*#__PURE__*/React.cloneElement(renderedChildren, _objectSpread2(_objectSpread2({}, forwardedProps), {}, {
-      theme,
-      className: classNames(renderedChildren.props.className, comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.triggerClassName),
-      isDisabled: comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.isDisabled,
-      isInvalid: comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.isInvalid,
-      onChange: handleChange,
-      onBlur: handleBlur,
-      onFocus: handleFocus,
-      value: comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.inputValue
-    }, isTextField ? {
-      inputProps,
-      inputRef,
-      onClear: handleClear,
-      hasClearButton: hideClearButton ? false : {
-        isDisabled: (comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.isDisabled) || (comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.value) && (comboboxState === null || comboboxState === void 0 ? void 0 : (_comboboxState$value = comboboxState.value) === null || _comboboxState$value === void 0 ? void 0 : _comboboxState$value.length) === 0,
-        onClick: () => inputRef.current.focus()
-      },
-      pills: canHaveMultipleSelections ? (comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.value).map(v => _objectSpread2({
-        isDisabled: comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.isDisabled,
-        children: [v, /*#__PURE__*/React.createElement(IconButton, {
-          key: `${id}-pill-${v}-icon-button`,
-          icon: mdiClose,
-          "aria-label": format('unselect', {
-            label: v
-          }),
-          onClick: event => {
-            event.preventDefault();
-            listboxState.dispatch({
-              type: ListboxActionType.TOGGLE,
-              payload: {
-                value: v,
-                activedescendant: focusContext.state.activedescendant
-              }
-            });
-          }
-        })]
-      }, pillProps)) : undefined,
-      internal: (value, isDisabled, isInvalid, isRequired) => {
-        return /*#__PURE__*/React.createElement(React.Fragment, null, typeof renderedChildren.props.internal === 'function' ? renderedChildren.props.internal(value, isDisabled, isInvalid, isRequired) : renderedChildren.props.internal, hideExpandButton ? null : /*#__PURE__*/React.createElement(IconButton, {
-          theme: theme,
-          "aria-label": format(!isOpen ? 'expand' : 'collapse'),
-          color: "grey",
-          icon: mdiChevronDown,
-          onClick: handleOpen,
-          isDisabled: isDisabled,
-          tabIndex: -1,
-          iconProps: {
-            style: {
-              transition: 'transform 300ms ease-out',
-              transform: `rotate(${isOpen ? '-180deg' : '0'})`
-            }
-          }
-        }));
-      }
-    } : {
-      textareaProps: inputProps,
-      textareaRef: inputRef
-    }));
-  }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, renderedChildren);
-});
-ComboboxTrigger.className = CLASSNAME;
-ComboboxTrigger.displayName = COMPONENT_NAME;
-
-export { ComboboxTrigger };
-//# sourceMappingURL=ComboboxTrigger.js.map

package/components/combobox-trigger/ComboboxTrigger.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboboxTrigger.js","sources":["../../../src/components/combobox-trigger/ComboboxTrigger.tsx"],"sourcesContent":["import React, { KeyboardEvent, ReactElement, forwardRef, useContext, useEffect, useRef } from 'react';\n\nimport { useId, useMessageFormatter } from '@redsift/design-system';\nimport intlMessages from '../combobox/intl';\n\nimport {\n  Comp,\n  EventKey,\n  FocusWithinGroupActionType,\n  FocusWithinGroupContext,\n  IconButton,\n  ListboxActionType,\n  ListboxContext,\n  isComponent,\n  useTheme,\n} from '@redsift/design-system';\nimport { ComboboxTriggerProps } from './types';\nimport { useMergeRefs, usePopoverContext } from '@redsift/popovers';\nimport { ComboboxContext } from '../combobox/context';\nimport { mdiChevronDown, mdiClose } from '@redsift/icons';\nimport { ComboboxSelectionMode, ComboboxVariant } from '../combobox/types';\nimport classNames from 'classnames';\n\nconst COMPONENT_NAME = 'ComboboxTrigger';\nconst CLASSNAME = 'redsift-combobox-trigger';\n\n/**\n * The ComboboxTrigger component.\n */\nexport const ComboboxTrigger: Comp<ComboboxTriggerProps, HTMLButtonElement> = forwardRef((props, ref) => {\n  const [id] = useId();\n  const { children, hideExpandButton, openOnFocus, hideClearButton, pillProps } = props;\n\n  const format = useMessageFormatter(intlMessages);\n\n  const { getReferenceProps, isOpen, handleOpen: handleOpenPopover, refs } = usePopoverContext();\n  const childrenRef = (children as any).ref;\n  const triggerRef = useMergeRefs([refs.setReference, ref, childrenRef]);\n\n  const focusContext = useContext(FocusWithinGroupContext);\n  const comboboxState = useContext(ComboboxContext);\n  const listboxState = useContext(ListboxContext);\n  const theme = useTheme();\n\n  const canHaveMultipleSelections = comboboxState?.selectionMode === ComboboxSelectionMode.multiple;\n  const canHaveFreeText = comboboxState?.variant === ComboboxVariant.suggestions;\n\n  const renderedChildren =\n    typeof children === 'function' ? children({ value: comboboxState?.value, isOpen }) : children;\n\n  const isTextArea = isComponent('TextArea')(renderedChildren);\n  const isTextField = isComponent('TextField')(renderedChildren);\n  const hasMultipleLines = isTextArea && comboboxState?.inputValue.includes('\\n');\n\n  const _inputRef = useRef<HTMLInputElement>();\n  const inputRef = renderedChildren.props.inputRef ?? _inputRef;\n\n  const handleChange = (value?: string) => {\n    focusContext.dispatch({\n      type: FocusWithinGroupActionType.FILTER_LIST,\n      payload: { filter: { value: value || '', ...comboboxState?.filter! } },\n    });\n\n    comboboxState?.setInputValue(value!);\n  };\n\n  const handleKeyDown = (event: KeyboardEvent) => {\n    const code = event.code;\n\n    if (code === 'Escape' || code === 'Tab') {\n      if (isOpen) {\n        handleOpenPopover(false);\n      }\n\n      if (canHaveMultipleSelections && canHaveFreeText && comboboxState.inputValue) {\n        listboxState.dispatch({\n          type: ListboxActionType.TOGGLE,\n          payload: {\n            value: comboboxState.inputValue,\n            activedescendant: [comboboxState.freeTextItemId as string, comboboxState.inputValue],\n          },\n        });\n      }\n    }\n\n    if ((/^.$/.test(event.key) || code === 'Backspace') && !hasMultipleLines) {\n      if (!isOpen) {\n        handleOpenPopover(true);\n      }\n\n      if (canHaveMultipleSelections && canHaveFreeText) {\n        focusContext.dispatch({\n          type: FocusWithinGroupActionType.DELAY_ACTION,\n          payload: {\n            type: FocusWithinGroupActionType.KEY_DOWN_ON_LIST,\n            payload: {\n              key: EventKey.Home,\n              ctrlKey: event.ctrlKey,\n            },\n          },\n        });\n      }\n    }\n\n    if (canHaveMultipleSelections && comboboxState.inputValue === '' && code === 'Backspace') {\n      listboxState.dispatch({\n        type: ListboxActionType.SET,\n        payload: {\n          values: (comboboxState.value as string[]).slice(0, (comboboxState.value as string[]).length - 1),\n          activedescendant: focusContext.state.activedescendant,\n        },\n      });\n    }\n\n    if (code === 'ArrowDown' && !hasMultipleLines) {\n      if (!isOpen) {\n        handleOpenPopover(true);\n      }\n      focusContext.dispatch({\n        type: FocusWithinGroupActionType.DELAY_ACTION,\n        payload: {\n          type: FocusWithinGroupActionType.KEY_DOWN_ON_LIST,\n          payload: {\n            key: focusContext.state.selectedId !== null ? EventKey.ArrowDown : EventKey.Home,\n            ctrlKey: event.ctrlKey,\n          },\n        },\n      });\n      event.preventDefault();\n    }\n\n    if (code === 'ArrowUp' && !hasMultipleLines) {\n      if (!isOpen) {\n        handleOpenPopover(true);\n      }\n      focusContext.dispatch({\n        type: FocusWithinGroupActionType.DELAY_ACTION,\n        payload: {\n          type: FocusWithinGroupActionType.KEY_DOWN_ON_LIST,\n          payload: {\n            key: focusContext.state.selectedId !== null ? EventKey.ArrowUp : EventKey.End,\n            ctrlKey: event.ctrlKey,\n          },\n        },\n      });\n      event.preventDefault();\n    }\n\n    if (code === 'Enter') {\n      if (isTextField || (isTextArea && !event.shiftKey)) {\n        event.preventDefault();\n      }\n\n      if (\n        canHaveMultipleSelections &&\n        canHaveFreeText &&\n        focusContext.state.activedescendant?.[0] === comboboxState.freeTextItemId &&\n        comboboxState.inputValue\n      ) {\n        listboxState.dispatch({\n          type: ListboxActionType.TOGGLE,\n          payload: {\n            value: comboboxState.inputValue,\n            activedescendant: [comboboxState.freeTextItemId as string, comboboxState.inputValue],\n          },\n        });\n        handleOpenPopover(false);\n      } else if (isOpen && focusContext.state.selectedId) {\n        if (canHaveMultipleSelections) {\n          listboxState.dispatch({\n            type: ListboxActionType.TOGGLE,\n            payload: {\n              value: focusContext.state.activedescendant?.[1] ?? '',\n              activedescendant: focusContext.state.activedescendant,\n            },\n          });\n        } else {\n          listboxState.dispatch({\n            type: ListboxActionType.SET,\n            payload: {\n              values: [focusContext.state.activedescendant?.[1] ?? ''],\n              activedescendant: focusContext.state.activedescendant,\n            },\n          });\n        }\n      } else if (!event.shiftKey) {\n        comboboxState?.formRef?.current?.submit();\n        comboboxState?.submitRef?.current?.click();\n      }\n    }\n  };\n\n  const handleOpen = () => {\n    if (isOpen) {\n      handleOpenPopover(false);\n    } else {\n      handleOpenPopover(true);\n      inputRef.current?.focus();\n      focusContext.dispatch({\n        type: FocusWithinGroupActionType.DELAY_ACTION,\n        payload: {\n          type: FocusWithinGroupActionType.FOCUS_ON_LIST,\n          payload: {\n            id: focusContext.state.activedescendant?.[0]!,\n            filter: { value: '', ...comboboxState?.filter! },\n          },\n        },\n      });\n    }\n  };\n\n  const handleFocus = () => {\n    if (openOnFocus) {\n      handleOpen();\n    }\n    inputRef.current?.select();\n  };\n\n  const handleBlur = () => {\n    if (canHaveMultipleSelections) {\n      if (!canHaveFreeText) {\n        comboboxState?.setInputValue('');\n      }\n    } else {\n      if (canHaveFreeText) {\n        comboboxState?.setValue(comboboxState.inputValue);\n      } else {\n        comboboxState?.setInputValue(listboxState.state.selectedValues[0]);\n      }\n    }\n  };\n\n  const handleClear = () => {\n    listboxState.dispatch({\n      type: ListboxActionType.SET,\n      payload: {\n        values: [],\n        activedescendant: ['', ''],\n      },\n    });\n  };\n\n  useEffect(() => {\n    if (canHaveMultipleSelections) {\n      focusContext.dispatch({\n        type: FocusWithinGroupActionType.FILTER_LIST,\n        payload: { filter: { value: '', ...comboboxState?.filter! } },\n      });\n      comboboxState?.setValue(listboxState.state.selectedValues);\n      comboboxState?.setInputValue('');\n      handleOpenPopover(false);\n    } else {\n      focusContext.dispatch({\n        type: FocusWithinGroupActionType.FILTER_LIST,\n        payload: { filter: { value: listboxState.state.selectedValues[0] || '', ...comboboxState?.filter! } },\n      });\n      comboboxState?.setValue(listboxState.state.selectedValues[0]);\n      if (listboxState.state.selectedValues.length) {\n        comboboxState?.setInputValue(listboxState.state.selectedValues[0]);\n      }\n      handleOpenPopover(false);\n    }\n  }, [listboxState.state]);\n\n  if (isTextField || isTextArea) {\n    const {\n      'aria-controls': ariaControls,\n      'aria-expanded': ariaExpanded,\n      'aria-haspopup': ariaHaspopup,\n      role,\n      ...forwardedProps\n    } = getReferenceProps({\n      ref: triggerRef,\n      ...props,\n      ...(renderedChildren as ReactElement).props,\n      children: (renderedChildren as ReactElement).props.children ?? '',\n    });\n\n    const inputProps = {\n      'aria-activedescendant': isOpen ? focusContext.state.activedescendant?.[0] : undefined,\n      'aria-controls': ariaControls,\n      'aria-expanded': ariaExpanded,\n      'aria-haspopup': ariaHaspopup,\n      autoComplete: 'off',\n      autoCapitalize: 'off',\n      autoCorrect: 'off',\n      spellCheck: 'false',\n      'aria-autocomplete': canHaveMultipleSelections ? 'list' : undefined,\n      'aria-description': canHaveMultipleSelections\n        ? format('selected', { count: comboboxState?.value.length })\n        : undefined,\n      onKeyDown: handleKeyDown,\n      role,\n    };\n\n    return React.cloneElement(renderedChildren, {\n      ...forwardedProps,\n      theme,\n      className: classNames((renderedChildren as ReactElement).props.className, comboboxState?.triggerClassName),\n      isDisabled: comboboxState?.isDisabled,\n      isInvalid: comboboxState?.isInvalid,\n      onChange: handleChange,\n      onBlur: handleBlur,\n      onFocus: handleFocus,\n      value: comboboxState?.inputValue,\n      ...(isTextField\n        ? {\n            inputProps,\n            inputRef,\n            onClear: handleClear,\n            hasClearButton: hideClearButton\n              ? false\n              : {\n                  isDisabled: comboboxState?.isDisabled || (comboboxState?.value && comboboxState?.value?.length === 0),\n                  onClick: () => inputRef.current.focus(),\n                },\n            pills: canHaveMultipleSelections\n              ? (comboboxState?.value as string[]).map((v) => ({\n                  isDisabled: comboboxState?.isDisabled,\n                  children: [\n                    v,\n                    <IconButton\n                      key={`${id}-pill-${v}-icon-button`}\n                      icon={mdiClose}\n                      aria-label={format('unselect', { label: v })}\n                      onClick={(event) => {\n                        event.preventDefault();\n                        listboxState.dispatch({\n                          type: ListboxActionType.TOGGLE,\n                          payload: {\n                            value: v,\n                            activedescendant: focusContext.state.activedescendant,\n                          },\n                        });\n                      }}\n                    />,\n                  ],\n                  ...pillProps,\n                }))\n              : undefined,\n            internal: (value?: string, isDisabled?: boolean, isInvalid?: boolean, isRequired?: boolean) => {\n              return (\n                <>\n                  {typeof (renderedChildren as ReactElement).props.internal === 'function'\n                    ? (renderedChildren as ReactElement).props.internal(value, isDisabled, isInvalid, isRequired)\n                    : (renderedChildren as ReactElement).props.internal}\n                  {hideExpandButton ? null : (\n                    <IconButton\n                      theme={theme}\n                      aria-label={format(!isOpen ? 'expand' : 'collapse')}\n                      color=\"grey\"\n                      icon={mdiChevronDown}\n                      onClick={handleOpen}\n                      isDisabled={isDisabled}\n                      tabIndex={-1}\n                      iconProps={{\n                        style: {\n                          transition: 'transform 300ms ease-out',\n                          transform: `rotate(${isOpen ? '-180deg' : '0'})`,\n                        },\n                      }}\n                    />\n                  )}\n                </>\n              );\n            },\n          }\n        : {\n            textareaProps: inputProps,\n            textareaRef: inputRef,\n          }),\n    });\n  }\n\n  return <>{renderedChildren}</>;\n});\nComboboxTrigger.className = CLASSNAME;\nComboboxTrigger.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","ComboboxTrigger","forwardRef","props","ref","_renderedChildren$pro","id","useId","children","hideExpandButton","openOnFocus","hideClearButton","pillProps","format","useMessageFormatter","intlMessages","getReferenceProps","isOpen","handleOpen","handleOpenPopover","refs","usePopoverContext","childrenRef","triggerRef","useMergeRefs","setReference","focusContext","useContext","FocusWithinGroupContext","comboboxState","ComboboxContext","listboxState","ListboxContext","theme","useTheme","canHaveMultipleSelections","selectionMode","ComboboxSelectionMode","multiple","canHaveFreeText","variant","ComboboxVariant","suggestions","renderedChildren","value","isTextArea","isComponent","isTextField","hasMultipleLines","inputValue","includes","_inputRef","useRef","inputRef","handleChange","dispatch","type","FocusWithinGroupActionType","FILTER_LIST","payload","filter","_objectSpread","setInputValue","handleKeyDown","event","code","ListboxActionType","TOGGLE","activedescendant","freeTextItemId","test","key","DELAY_ACTION","KEY_DOWN_ON_LIST","EventKey","Home","ctrlKey","SET","values","slice","length","state","selectedId","ArrowDown","preventDefault","ArrowUp","End","_focusContext$state$a","shiftKey","_focusContext$state$a2","_focusContext$state$a3","_focusContext$state$a4","_focusContext$state$a5","_comboboxState$formRe","_comboboxState$formRe2","_comboboxState$submit","_comboboxState$submit2","formRef","current","submit","submitRef","click","_inputRef$current","_focusContext$state$a6","focus","FOCUS_ON_LIST","handleFocus","_inputRef$current2","select","handleBlur","setValue","selectedValues","handleClear","useEffect","_props$children","_focusContext$state$a7","_comboboxState$value","_getReferenceProps","ariaControls","ariaExpanded","ariaHaspopup","role","forwardedProps","_objectWithoutProperties","_excluded","inputProps","undefined","autoComplete","autoCapitalize","autoCorrect","spellCheck","count","onKeyDown","React","cloneElement","className","classNames","triggerClassName","isDisabled","isInvalid","onChange","onBlur","onFocus","onClear","hasClearButton","onClick","pills","map","v","createElement","IconButton","icon","mdiClose","label","internal","isRequired","Fragment","color","mdiChevronDown","tabIndex","iconProps","style","transition","transform","textareaProps","textareaRef","displayName"],"mappings":"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"}

package/components/item/Item.js

@@ -1,137 +0,0 @@
-import { extends as _extends, objectWithoutProperties as _objectWithoutProperties } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useContext, useRef } from 'react';
-import classNames from 'classnames';
-import { useMenuItem } from './useMenuItem.js';
-import { useMergeRefs } from '@redsift/popovers';
-import { FocusWithinGroupContext, RenderedListboxItem, useId, isComponent, useTheme, ButtonsColorPalette, ConditionalWrapper, StyledGradientBorder, StyledItem } from '@redsift/design-system';
-
-const _excluded = ["borderRadius", "children", "className", "color", "hasBorder", "id", "isActive", "isDisabled", "isHovered", "theme", "onClick"];
-const COMPONENT_NAME = 'Item';
-const CLASSNAME = 'redsift-item';
-const RenderedMenuItem = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-      borderRadius = '0',
-      children,
-      className,
-      color: propsColor,
-      hasBorder,
-      id: propsId,
-      isActive,
-      isDisabled: propsIsDisabled,
-      isHovered,
-      theme: propsTheme,
-      onClick
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  const [_id] = useId();
-  const id = propsId !== null && propsId !== void 0 ? propsId : _id;
-  const _ref = useRef();
-  const divRef = useMergeRefs([ref, _ref]);
-  const linkRef = useRef(null);
-  const isLinkMenuItem = isComponent('Link')(children);
-  const {
-    tabIndex,
-    isFocused,
-    isDisabled,
-    handleKeyDown,
-    handleClick
-  } = useMenuItem({
-    domElementRef: _ref,
-    id,
-    isDisabled: propsIsDisabled,
-    onClick: onClick,
-    isLinkMenuItem,
-    linkRef,
-    hasPopup: props['aria-haspopup'] !== undefined
-  });
-  const theme = useTheme(propsTheme);
-  const color = Object.values(ButtonsColorPalette).includes(propsColor) ? propsColor : 'primary';
-  const isGradient = color === ButtonsColorPalette.radar;
-  return /*#__PURE__*/React.createElement(ConditionalWrapper, {
-    condition: isGradient,
-    wrapper: children => /*#__PURE__*/React.createElement(StyledGradientBorder, {
-      $borderRadius: borderRadius,
-      $color: color,
-      $isActive: isActive,
-      $isDisabled: isDisabled,
-      $isHovered: isHovered,
-      $theme: theme,
-      width: "auto"
-    }, children)
-  }, /*#__PURE__*/React.createElement(StyledItem, _extends({
-    as: "li",
-    role: isLinkMenuItem ? 'none' : 'menuitem'
-  }, forwardedProps, {
-    id: id,
-    $borderRadius: borderRadius,
-    $color: color,
-    $hasBorder: hasBorder,
-    $hasCheckbox: false,
-    $isActive: isActive,
-    $isDisabled: isDisabled,
-    $isGradient: isGradient,
-    $isHovered: isHovered || isFocused,
-    $theme: theme,
-    "aria-disabled": isDisabled,
-    className: classNames(Item.className, className),
-    onClick: isDisabled ? undefined : handleClick,
-    ref: divRef,
-    onKeyDown: handleKeyDown,
-    tabIndex: tabIndex
-  }), isLinkMenuItem ? /*#__PURE__*/React.cloneElement(children, {
-    role: 'menuitem',
-    ref: linkRef
-  }) : children));
-});
-
-/**
- * The Item component.
- */
-const Item = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-    value
-  } = props;
-  const focusContext = useContext(FocusWithinGroupContext);
-  const isListbox = focusContext.state.listRole === 'listbox';
-  if (!focusContext.state.filter) {
-    return isListbox ? /*#__PURE__*/React.createElement(RenderedListboxItem, _extends({}, props, {
-      value: props.value,
-      ref: ref
-    })) : /*#__PURE__*/React.createElement(RenderedMenuItem, _extends({}, props, {
-      ref: ref
-    }));
-  }
-  const {
-    value: filterValue,
-    type,
-    caseSensitive
-  } = focusContext.state.filter;
-  if (!filterValue) {
-    return isListbox ? /*#__PURE__*/React.createElement(RenderedListboxItem, _extends({}, props, {
-      value: props.value,
-      ref: ref
-    })) : /*#__PURE__*/React.createElement(RenderedMenuItem, _extends({}, props, {
-      ref: ref
-    }));
-  } else if (caseSensitive && (type === 'startsWith' && value.startsWith(filterValue) || type === 'contains' && value.includes(filterValue) || type === 'endsWith' && value.endsWith(filterValue))) {
-    return isListbox ? /*#__PURE__*/React.createElement(RenderedListboxItem, _extends({}, props, {
-      value: props.value,
-      ref: ref
-    })) : /*#__PURE__*/React.createElement(RenderedMenuItem, _extends({}, props, {
-      ref: ref
-    }));
-  } else if (!caseSensitive && (type === 'startsWith' && value.toLowerCase().startsWith(filterValue.toLowerCase()) || type === 'contains' && value.toLowerCase().includes(filterValue.toLowerCase()) || type === 'endsWith' && value.toLowerCase().endsWith(filterValue.toLowerCase()))) {
-    return isListbox ? /*#__PURE__*/React.createElement(RenderedListboxItem, _extends({}, props, {
-      value: props.value,
-      ref: ref
-    })) : /*#__PURE__*/React.createElement(RenderedMenuItem, _extends({}, props, {
-      ref: ref
-    }));
-  }
-  return null;
-});
-Item.className = CLASSNAME;
-Item.displayName = COMPONENT_NAME;
-
-export { Item };
-//# sourceMappingURL=Item.js.map

package/components/item/Item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Item.js","sources":["../../../src/components/item/Item.tsx"],"sourcesContent":["import React, { forwardRef, RefObject, useContext, useRef } from 'react';\nimport classNames from 'classnames';\nimport { useMenuItem } from './useMenuItem';\nimport { useMergeRefs } from '@redsift/popovers';\nimport {\n  ButtonsColorPalette,\n  Comp,\n  ConditionalWrapper,\n  FocusWithinGroupContext,\n  isComponent,\n  StyledGradientBorder,\n  useTheme,\n  RenderedListboxItem,\n  ItemProps,\n  StyledItem,\n  useId,\n} from '@redsift/design-system';\n\nconst COMPONENT_NAME = 'Item';\nconst CLASSNAME = 'redsift-item';\n\nconst RenderedMenuItem: Comp<Omit<ItemProps, 'value'>, HTMLElement> = forwardRef((props, ref) => {\n  const {\n    borderRadius = '0',\n    children,\n    className,\n    color: propsColor,\n    hasBorder,\n    id: propsId,\n    isActive,\n    isDisabled: propsIsDisabled,\n    isHovered,\n    theme: propsTheme,\n    onClick,\n    ...forwardedProps\n  } = props;\n  const [_id] = useId();\n  const id = propsId ?? _id;\n  const _ref = useRef<HTMLElement>();\n  const divRef = useMergeRefs([ref, _ref]);\n  const linkRef = useRef<HTMLAnchorElement>(null);\n\n  const isLinkMenuItem = isComponent('Link')(children);\n  const { tabIndex, isFocused, isDisabled, handleKeyDown, handleClick } = useMenuItem({\n    domElementRef: _ref as RefObject<Element>,\n    id,\n    isDisabled: propsIsDisabled!,\n    onClick: onClick as any,\n    isLinkMenuItem,\n    linkRef,\n    hasPopup: props['aria-haspopup'] !== undefined,\n  });\n\n  const theme = useTheme(propsTheme);\n  const color = Object.values(ButtonsColorPalette).includes(propsColor!) ? propsColor : 'primary';\n  const isGradient = color === ButtonsColorPalette.radar;\n\n  return (\n    <ConditionalWrapper\n      condition={isGradient}\n      wrapper={(children) => (\n        <StyledGradientBorder\n          $borderRadius={borderRadius}\n          $color={color}\n          $isActive={isActive}\n          $isDisabled={isDisabled}\n          $isHovered={isHovered}\n          $theme={theme}\n          width=\"auto\"\n        >\n          {children}\n        </StyledGradientBorder>\n      )}\n    >\n      <StyledItem\n        as=\"li\"\n        role={isLinkMenuItem ? 'none' : 'menuitem'}\n        {...forwardedProps}\n        id={id}\n        $borderRadius={borderRadius}\n        $color={color}\n        $hasBorder={hasBorder}\n        $hasCheckbox={false}\n        $isActive={isActive}\n        $isDisabled={isDisabled}\n        $isGradient={isGradient}\n        $isHovered={isHovered || isFocused}\n        $theme={theme}\n        aria-disabled={isDisabled}\n        className={classNames(Item.className, className)}\n        onClick={isDisabled ? undefined : handleClick}\n        ref={divRef}\n        onKeyDown={handleKeyDown}\n        tabIndex={tabIndex}\n      >\n        {isLinkMenuItem\n          ? React.cloneElement(children, {\n              role: 'menuitem',\n              ref: linkRef,\n            })\n          : children}\n      </StyledItem>\n    </ConditionalWrapper>\n  );\n});\n\n/**\n * The Item component.\n */\nexport const Item: Comp<ItemProps, HTMLElement> = forwardRef((props, ref) => {\n  const { value } = props;\n  const focusContext = useContext(FocusWithinGroupContext);\n  const isListbox = focusContext.state.listRole === 'listbox';\n\n  if (!focusContext.state.filter) {\n    return isListbox ? (\n      <RenderedListboxItem {...props} value={props.value!} ref={ref} />\n    ) : (\n      <RenderedMenuItem {...props} ref={ref} />\n    );\n  }\n\n  const { value: filterValue, type, caseSensitive } = focusContext.state.filter;\n\n  if (!filterValue) {\n    return isListbox ? (\n      <RenderedListboxItem {...props} value={props.value!} ref={ref} />\n    ) : (\n      <RenderedMenuItem {...props} ref={ref} />\n    );\n  } else if (\n    caseSensitive &&\n    ((type === 'startsWith' && value!.startsWith(filterValue)) ||\n      (type === 'contains' && value!.includes(filterValue)) ||\n      (type === 'endsWith' && value!.endsWith(filterValue)))\n  ) {\n    return isListbox ? (\n      <RenderedListboxItem {...props} value={props.value!} ref={ref} />\n    ) : (\n      <RenderedMenuItem {...props} ref={ref} />\n    );\n  } else if (\n    !caseSensitive &&\n    ((type === 'startsWith' && value!.toLowerCase().startsWith(filterValue.toLowerCase())) ||\n      (type === 'contains' && value!.toLowerCase().includes(filterValue.toLowerCase())) ||\n      (type === 'endsWith' && value!.toLowerCase().endsWith(filterValue.toLowerCase())))\n  ) {\n    return isListbox ? (\n      <RenderedListboxItem {...props} value={props.value!} ref={ref} />\n    ) : (\n      <RenderedMenuItem {...props} ref={ref} />\n    );\n  }\n\n  return null;\n});\nItem.className = CLASSNAME;\nItem.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","RenderedMenuItem","forwardRef","props","ref","borderRadius","children","className","color","propsColor","hasBorder","id","propsId","isActive","isDisabled","propsIsDisabled","isHovered","theme","propsTheme","onClick","forwardedProps","_objectWithoutProperties","_excluded","_id","useId","_ref","useRef","divRef","useMergeRefs","linkRef","isLinkMenuItem","isComponent","tabIndex","isFocused","handleKeyDown","handleClick","useMenuItem","domElementRef","hasPopup","undefined","useTheme","Object","values","ButtonsColorPalette","includes","isGradient","radar","React","createElement","ConditionalWrapper","condition","wrapper","StyledGradientBorder","$borderRadius","$color","$isActive","$isDisabled","$isHovered","$theme","width","StyledItem","_extends","as","role","$hasBorder","$hasCheckbox","$isGradient","classNames","Item","onKeyDown","cloneElement","value","focusContext","useContext","FocusWithinGroupContext","isListbox","state","listRole","filter","RenderedListboxItem","filterValue","type","caseSensitive","startsWith","endsWith","toLowerCase","displayName"],"mappings":"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"}

package/components/item/useMenuItem.js

@@ -1,69 +0,0 @@
-import { useEffect, useCallback } from 'react';
-import { usePopoverContext } from '@redsift/popovers';
-import { useFocusOnListItem } from '@redsift/design-system';
-
-function useMenuItem(props) {
-  const {
-    domElementRef,
-    id,
-    isDisabled,
-    onClick,
-    isLinkMenuItem,
-    linkRef,
-    hasPopup
-  } = props;
-  const {
-    handleOpen,
-    hideInsteadOfClose,
-    setHideInsteadOfClose
-  } = usePopoverContext();
-  const {
-    tabIndex,
-    isFocused,
-    handleKeyDown: handleFocusKeyDown,
-    handleClick: handleFocusClick
-  } = useFocusOnListItem({
-    domElementRef,
-    isDisabled: isDisabled,
-    id
-  });
-  useEffect(() => {
-    if (hasPopup && !hideInsteadOfClose) {
-      setHideInsteadOfClose === null || setHideInsteadOfClose === void 0 ? void 0 : setHideInsteadOfClose(true);
-    }
-  }, [hasPopup, hideInsteadOfClose, setHideInsteadOfClose]);
-  const handleKeyDown = useCallback(event => {
-    const code = event.code;
-    if (code === 'Enter' || code === 'Space') {
-      if (isLinkMenuItem) {
-        var _linkRef$current;
-        linkRef === null || linkRef === void 0 ? void 0 : (_linkRef$current = linkRef.current) === null || _linkRef$current === void 0 ? void 0 : _linkRef$current.click();
-      } else {
-        onClick === null || onClick === void 0 ? void 0 : onClick();
-      }
-    }
-    handleFocusKeyDown(event);
-    handleOpen(false);
-  }, []);
-  const handleClick = useCallback(() => {
-    handleFocusClick();
-    onClick === null || onClick === void 0 ? void 0 : onClick();
-    handleOpen(false);
-  }, []);
-  useEffect(() => {
-    if (isFocused && domElementRef.current) {
-      var _current;
-      (_current = domElementRef.current) === null || _current === void 0 ? void 0 : _current.focus();
-    }
-  }, [isFocused]);
-  return {
-    tabIndex,
-    isFocused,
-    isDisabled,
-    handleKeyDown,
-    handleClick
-  };
-}
-
-export { useMenuItem };
-//# sourceMappingURL=useMenuItem.js.map