@redsift/pickers 11.5.0 → 11.6.0-muiv5-alpha.0

package/_virtual/_rollupPluginBabelHelpers.js

@@ -0,0 +1,93 @@
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _objectSpread2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+function _toPrimitive(input, hint) {
+  if (typeof input !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (typeof res !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return typeof key === "symbol" ? key : String(key);
+}
+
+export { _defineProperty as defineProperty, _extends as extends, _objectSpread2 as objectSpread2, _objectWithoutProperties as objectWithoutProperties, _objectWithoutPropertiesLoose as objectWithoutPropertiesLoose, _toPrimitive as toPrimitive, _toPropertyKey as toPropertyKey };
+//# sourceMappingURL=_rollupPluginBabelHelpers.js.map

package/_virtual/_rollupPluginBabelHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_rollupPluginBabelHelpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/components/combobox/Combobox.d.ts

@@ -0,0 +1,29 @@
+import * as _redsift_design_system from '@redsift/design-system';
+import React from 'react';
+import { ComboboxProps } from './types.js';
+import { ComboboxTriggerProps } from '../combobox-trigger/types.js';
+import { ComboboxContentProps } from '../combobox-content/types.js';
+import { ComboboxContentHeaderProps } from '../combobox-content-header/types.js';
+import { ComboboxContentListboxProps } from '../combobox-content-listbox/types.js';
+import { ComboboxContentFooterProps } from '../combobox-content-footer/types.js';
+
+/**
+ * The Combobox component.
+ */
+declare const BaseCombobox: React.FC<ComboboxProps> & {
+    displayName?: string;
+    className?: string;
+};
+declare const Combobox: React.FC<ComboboxProps> & {
+    displayName?: string | undefined;
+    className?: string | undefined;
+} & {
+    Trigger: _redsift_design_system.Comp<ComboboxTriggerProps, HTMLButtonElement>;
+    Content: _redsift_design_system.Comp<ComboboxContentProps, HTMLDivElement> & {
+        Header: _redsift_design_system.Comp<ComboboxContentHeaderProps, HTMLDivElement>;
+        Listbox: _redsift_design_system.Comp<ComboboxContentListboxProps, HTMLDivElement>;
+        Footer: _redsift_design_system.Comp<ComboboxContentFooterProps, HTMLDivElement>;
+    };
+};
+
+export { BaseCombobox, Combobox };

package/components/combobox/Combobox.js

@@ -0,0 +1,151 @@
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { useState, useEffect, useReducer, useMemo, useRef } from 'react';
+import { ComboboxSelectionMode, ComboboxVariant } from './types.js';
+import { Popover } from '@redsift/popovers';
+import { ComboboxContext } from './context.js';
+import { useTheme, ListboxReducer, ListboxActionType, useId, ThemeProvider, FocusWithinGroup, ListboxContext, Flexbox, Text, Theme } from '@redsift/design-system';
+import { ComboboxTrigger } from '../combobox-trigger/ComboboxTrigger.js';
+import { ComboboxContent } from '../combobox-content/ComboboxContent.js';
+
+const COMPONENT_NAME = 'Combobox';
+const CLASSNAME = 'redsift-combobox';
+
+/**
+ * The Combobox component.
+ */
+const BaseCombobox = props => {
+  const {
+    defaultValue,
+    description,
+    descriptionProps,
+    filter = {
+      type: 'startsWith',
+      caseSensitive: false
+    },
+    formRef,
+    submitRef,
+    inputValue: propsInputValue,
+    isDisabled,
+    isInvalid,
+    maxOptionsLength,
+    minWidth = 'trigger-width',
+    onChange,
+    onInputChange,
+    selectionMode = ComboboxSelectionMode.single,
+    theme: propsTheme,
+    triggerClassName,
+    value,
+    variant = ComboboxVariant.options,
+    wrapperProps
+  } = props;
+  const theme = useTheme(propsTheme);
+  const [selectedValue, setValue] = useState(value || defaultValue || (selectionMode === 'multiple' ? [] : ''));
+  const [inputValue, setInputValue] = useState(propsInputValue || '');
+  useEffect(() => {
+    if (value) {
+      state.setValue(value);
+    }
+  }, [value]);
+  useEffect(() => {
+    if (propsInputValue) {
+      state.setInputValue(propsInputValue);
+    }
+  }, [propsInputValue]);
+
+  /** Listbox context */
+  const [listboxState, listboxDispatch] = useReducer(ListboxReducer, {
+    isDisabled,
+    selectedValues: selectionMode === ComboboxSelectionMode.multiple ? selectedValue : [selectedValue],
+    selectionMode
+  });
+  const listboxContext = useMemo(() => ({
+    state: listboxState,
+    dispatch: listboxDispatch
+  }), [listboxState]);
+  useEffect(() => {
+    listboxDispatch({
+      type: ListboxActionType.UPDATE_OPTIONS,
+      payload: {
+        isDisabled: isDisabled || false
+      }
+    });
+  }, [isDisabled]);
+  const freeTextItemRef = useRef();
+  const [freeTextItemId] = useId();
+
+  /** Combobox context. */
+  const state = {
+    filter,
+    formRef,
+    submitRef,
+    value: selectedValue,
+    inputValue,
+    isDisabled: isDisabled || false,
+    isInvalid: isInvalid || false,
+    selectionMode,
+    variant,
+    freeTextItemRef: freeTextItemRef,
+    freeTextItemId,
+    triggerClassName,
+    setValue(value) {
+      if (isDisabled) {
+        return;
+      }
+      const previousValue = selectedValue;
+      setValue(value);
+      if (value !== previousValue && onChange) {
+        onChange(value);
+      }
+    },
+    setInputValue(value) {
+      if (isDisabled) {
+        return;
+      }
+      const previousValue = inputValue;
+      setInputValue(value);
+      if (value !== previousValue && onInputChange) {
+        onInputChange(value);
+      }
+    }
+  };
+  return /*#__PURE__*/React.createElement(ThemeProvider, {
+    value: {
+      theme
+    }
+  }, /*#__PURE__*/React.createElement(FocusWithinGroup, {
+    focusType: "virtual-focus",
+    focusOnInit: false,
+    maxOptionsLength: maxOptionsLength
+  }, /*#__PURE__*/React.createElement(ComboboxContext.Provider, {
+    value: state
+  }, /*#__PURE__*/React.createElement(ListboxContext.Provider, {
+    value: listboxContext
+  }, /*#__PURE__*/React.createElement(Flexbox, _extends({
+    flexDirection: "column",
+    alignItems: "flex-start",
+    gap: "0px"
+  }, wrapperProps), /*#__PURE__*/React.createElement(Popover, _extends({
+    theme: theme,
+    overrideDisplayName: {
+      content: 'ComboboxContent',
+      trigger: 'ComboboxTrigger'
+    },
+    placement: "bottom-start",
+    role: "listbox",
+    minWidth: minWidth
+  }, props)), description && typeof description === 'string' ? /*#__PURE__*/React.createElement(Text, _extends({
+    theme: theme,
+    marginTop: "8px",
+    variant: "caption",
+    color: isInvalid ? 'error' : theme === Theme.light ? 'dark-grey' : 'white'
+  }, descriptionProps), description) : /*#__PURE__*/React.isValidElement(description) ? description : null)))));
+};
+BaseCombobox.className = CLASSNAME;
+BaseCombobox.displayName = COMPONENT_NAME;
+const Combobox = Object.assign(BaseCombobox, {
+  Trigger: ComboboxTrigger,
+  Content: ComboboxContent
+});
+
+export { BaseCombobox, Combobox };
+//# sourceMappingURL=Combobox.js.map

package/components/combobox/Combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.js","sources":["../../../src/components/combobox/Combobox.tsx"],"sourcesContent":["import React, { RefObject, useEffect, useMemo, useReducer, useRef, useState } from 'react';\nimport { ComboboxContent } from '../combobox-content';\nimport { ComboboxTrigger } from '../combobox-trigger';\n\nimport { ComboboxProps, ComboboxSelectionMode, ComboboxValue, ComboboxVariant } from './types';\nimport { Popover } from '@redsift/popovers';\nimport { ComboboxContext } from './context';\nimport {\n  ListboxReducer,\n  ListboxState,\n  ListboxContextProps,\n  FocusWithinGroup,\n  ListboxContext,\n  Flexbox,\n  Text,\n  ListboxActionType,\n  Theme,\n  useTheme,\n  ThemeProvider,\n  useId,\n} from '@redsift/design-system';\n\nconst COMPONENT_NAME = 'Combobox';\nconst CLASSNAME = 'redsift-combobox';\n\n/**\n * The Combobox component.\n */\nexport const BaseCombobox: React.FC<ComboboxProps> & {\n  displayName?: string;\n  className?: string;\n} = (props) => {\n  const {\n    defaultValue,\n    description,\n    descriptionProps,\n    filter = {\n      type: 'startsWith',\n      caseSensitive: false,\n    },\n    formRef,\n    submitRef,\n    inputValue: propsInputValue,\n    isDisabled,\n    isInvalid,\n    maxOptionsLength,\n    minWidth = 'trigger-width',\n    onChange,\n    onInputChange,\n    selectionMode = ComboboxSelectionMode.single,\n    theme: propsTheme,\n    triggerClassName,\n    value,\n    variant = ComboboxVariant.options,\n    wrapperProps,\n  } = props;\n\n  const theme = useTheme(propsTheme);\n\n  const [selectedValue, setValue] = useState<ComboboxValue>(\n    value || defaultValue || (selectionMode === 'multiple' ? [] : '')\n  );\n  const [inputValue, setInputValue] = useState<string>(propsInputValue || '');\n  useEffect(() => {\n    if (value) {\n      state.setValue(value);\n    }\n  }, [value]);\n  useEffect(() => {\n    if (propsInputValue) {\n      state.setInputValue(propsInputValue);\n    }\n  }, [propsInputValue]);\n\n  /** Listbox context */\n  const [listboxState, listboxDispatch] = useReducer(ListboxReducer, {\n    isDisabled,\n    selectedValues: selectionMode === ComboboxSelectionMode.multiple ? selectedValue : [selectedValue],\n    selectionMode,\n  } as ListboxState);\n  const listboxContext = useMemo<ListboxContextProps>(\n    () => ({\n      state: listboxState,\n      dispatch: listboxDispatch,\n    }),\n    [listboxState]\n  );\n  useEffect(() => {\n    listboxDispatch({\n      type: ListboxActionType.UPDATE_OPTIONS,\n      payload: {\n        isDisabled: isDisabled || false,\n      },\n    });\n  }, [isDisabled]);\n\n  const freeTextItemRef = useRef<HTMLDivElement>();\n  const [freeTextItemId] = useId();\n\n  /** Combobox context. */\n  const state = {\n    filter,\n    formRef,\n    submitRef,\n    value: selectedValue,\n    inputValue,\n    isDisabled: isDisabled || false,\n    isInvalid: isInvalid || false,\n    selectionMode,\n    variant,\n    freeTextItemRef: freeTextItemRef as RefObject<HTMLDivElement>,\n    freeTextItemId,\n    triggerClassName,\n    setValue(value: ComboboxValue) {\n      if (isDisabled) {\n        return;\n      }\n\n      const previousValue = selectedValue;\n      setValue(value);\n      if (value !== previousValue && onChange) {\n        onChange(value);\n      }\n    },\n    setInputValue(value: string) {\n      if (isDisabled) {\n        return;\n      }\n\n      const previousValue = inputValue;\n      setInputValue(value);\n      if (value !== previousValue && onInputChange) {\n        onInputChange(value);\n      }\n    },\n  };\n\n  return (\n    <ThemeProvider value={{ theme }}>\n      <FocusWithinGroup focusType=\"virtual-focus\" focusOnInit={false} maxOptionsLength={maxOptionsLength}>\n        <ComboboxContext.Provider value={state}>\n          <ListboxContext.Provider value={listboxContext}>\n            <Flexbox flexDirection=\"column\" alignItems=\"flex-start\" gap=\"0px\" {...wrapperProps}>\n              <Popover\n                theme={theme}\n                overrideDisplayName={{ content: 'ComboboxContent', trigger: 'ComboboxTrigger' }}\n                placement=\"bottom-start\"\n                role=\"listbox\"\n                minWidth={minWidth}\n                {...props}\n              />\n              {description && typeof description === 'string' ? (\n                <Text\n                  theme={theme}\n                  marginTop=\"8px\"\n                  variant=\"caption\"\n                  color={isInvalid ? 'error' : theme === Theme.light ? 'dark-grey' : 'white'}\n                  {...descriptionProps}\n                >\n                  {description}\n                </Text>\n              ) : React.isValidElement(description) ? (\n                description\n              ) : null}\n            </Flexbox>\n          </ListboxContext.Provider>\n        </ComboboxContext.Provider>\n      </FocusWithinGroup>\n    </ThemeProvider>\n  );\n};\nBaseCombobox.className = CLASSNAME;\nBaseCombobox.displayName = COMPONENT_NAME;\n\nexport const Combobox = Object.assign(BaseCombobox, {\n  Trigger: ComboboxTrigger,\n  Content: ComboboxContent,\n});\n"],"names":["COMPONENT_NAME","CLASSNAME","BaseCombobox","props","defaultValue","description","descriptionProps","filter","type","caseSensitive","formRef","submitRef","inputValue","propsInputValue","isDisabled","isInvalid","maxOptionsLength","minWidth","onChange","onInputChange","selectionMode","ComboboxSelectionMode","single","theme","propsTheme","triggerClassName","value","variant","ComboboxVariant","options","wrapperProps","useTheme","selectedValue","setValue","useState","setInputValue","useEffect","state","listboxState","listboxDispatch","useReducer","ListboxReducer","selectedValues","multiple","listboxContext","useMemo","dispatch","ListboxActionType","UPDATE_OPTIONS","payload","freeTextItemRef","useRef","freeTextItemId","useId","previousValue","React","createElement","ThemeProvider","FocusWithinGroup","focusType","focusOnInit","ComboboxContext","Provider","ListboxContext","Flexbox","_extends","flexDirection","alignItems","gap","Popover","overrideDisplayName","content","trigger","placement","role","Text","marginTop","color","Theme","light","isValidElement","className","displayName","Combobox","Object","assign","Trigger","ComboboxTrigger","Content","ComboboxContent"],"mappings":"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"}

package/components/combobox/context.js

@@ -0,0 +1,6 @@
+import React from 'react';
+
+const ComboboxContext = /*#__PURE__*/React.createContext(null);
+
+export { ComboboxContext };
+//# sourceMappingURL=context.js.map

package/components/combobox/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../src/components/combobox/context.ts"],"sourcesContent":["import React from 'react';\nimport { ComboboxState } from './types';\n\nexport const ComboboxContext = React.createContext<ComboboxState | null>(null);\n"],"names":["ComboboxContext","React","createContext"],"mappings":";;AAGO,MAAMA,eAAe,gBAAGC,KAAK,CAACC,aAAa,CAAuB,IAAI;;;;"}

package/components/combobox/intl/en-US.json.js

@@ -0,0 +1,13 @@
+var collapse = "Collapse";
+var expand = "Expand";
+var selected = "{count, plural, =0 {None selected} other {# selected}}";
+var unselect = "Unselect {label}";
+var enUS = {
+	collapse: collapse,
+	expand: expand,
+	selected: selected,
+	unselect: unselect
+};
+
+export { collapse, enUS as default, expand, selected, unselect };
+//# sourceMappingURL=en-US.json.js.map

package/components/combobox/intl/en-US.json.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"en-US.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/components/combobox/intl/fr-FR.json.js

@@ -0,0 +1,13 @@
+var collapse = "Réduire";
+var expand = "Développer";
+var selected = "{count, plural, =0 {Aucun sélectionné} =1 {1 sélectionné} other {# sélectionnés}}";
+var unselect = "Déselectionner {label}";
+var frFR = {
+	collapse: collapse,
+	expand: expand,
+	selected: selected,
+	unselect: unselect
+};
+
+export { collapse, frFR as default, expand, selected, unselect };
+//# sourceMappingURL=fr-FR.json.js.map

package/components/combobox/intl/fr-FR.json.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fr-FR.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/components/combobox/intl/index.js

@@ -0,0 +1,10 @@
+import enUS from './en-US.json.js';
+import frFR from './fr-FR.json.js';
+
+var intlMessages = {
+  'en-US': enUS,
+  'fr-FR': frFR
+};
+
+export { intlMessages as default };
+//# sourceMappingURL=index.js.map

package/components/combobox/intl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/combobox/intl/index.ts"],"sourcesContent":["import enUS from './en-US.json';\nimport frFR from './fr-FR.json';\n\nexport default {\n  'en-US': enUS,\n  'fr-FR': frFR,\n};\n"],"names":["enUS","frFR"],"mappings":";;;AAGA,mBAAe;AACb,EAAA,OAAO,EAAEA,IAAI;AACb,EAAA,OAAO,EAAEC,IAAAA;AACX,CAAC;;;;"}

package/components/combobox/types.d.ts

@@ -0,0 +1,107 @@
+import { ValueOf, TextProps, Theme, FlexboxProps } from '@redsift/design-system';
+import { PopoverProps } from '@redsift/popovers';
+import { RefObject, ReactElement } from 'react';
+
+/**
+ * Component variant.
+ */
+declare const ComboboxSelectionMode: {
+    readonly single: "single";
+    readonly multiple: "multiple";
+};
+type ComboboxSelectionMode = ValueOf<typeof ComboboxSelectionMode>;
+declare const ComboboxVariant: {
+    readonly options: "options";
+    readonly suggestions: "suggestions";
+};
+type ComboboxVariant = ValueOf<typeof ComboboxVariant>;
+type ComboboxValue = string | string[];
+/**
+ * Context props.
+ */
+type ComboboxState = {
+    /** Filtering parameters. */
+    readonly filter?: {
+        type: 'startsWith' | 'contains' | 'endsWith';
+        caseSensitive?: boolean;
+    };
+    /** Whether the combobox is disabled or not. */
+    readonly isDisabled: boolean;
+    /** Whether the combobox is invalid or not. */
+    readonly isInvalid: boolean;
+    /** Sets the selected value. */
+    setValue(value: ComboboxValue): void;
+    /** Current selected value. */
+    readonly value: ComboboxValue;
+    /** Sets the input value. */
+    setInputValue(inputValue: string): void;
+    /** Current input value. */
+    readonly inputValue: string;
+    /** Whether the Combobox allow multiple selection or not. */
+    selectionMode?: ComboboxSelectionMode;
+    /** If 'options', the input field cannot have free text, the selection has to be made within the options. If 'suggestions', then choosing from the list isn't mandatory and the user can write free text within the input. */
+    variant?: ComboboxVariant;
+    /** Ref to the first item used to create values. */
+    freeTextItemRef?: RefObject<HTMLDivElement>;
+    /** Id of the first item used to create values. */
+    freeTextItemId?: string;
+    /** Class name to append to the trigger. */
+    readonly triggerClassName?: string;
+    /** Ref to the form, if any. */
+    formRef?: RefObject<HTMLFormElement>;
+    /** Ref to the submit button, if any. */
+    submitRef?: RefObject<HTMLButtonElement>;
+};
+/**
+ * Component props.
+ */
+interface ComboboxProps extends PopoverProps {
+    /** If 'options', the input field cannot have free text, the selection has to be made within the options. If 'suggestions', then choosing from the list isn't mandatory and the user can write free text within the input. */
+    variant?: ComboboxVariant;
+    /**
+     * Default selected value.
+     * Used for uncontrolled version.
+     */
+    defaultValue?: ComboboxValue;
+    /** Description of the combobox. */
+    description?: string | ReactElement;
+    /** Additional description properties. */
+    descriptionProps?: Omit<TextProps, 'ref'>;
+    /** Filtering parameters. */
+    filter?: {
+        type: 'startsWith' | 'contains' | 'endsWith';
+        caseSensitive?: boolean;
+    };
+    /** Ref to the form, if any. */
+    formRef?: RefObject<HTMLFormElement>;
+    /** Ref to the submit button, if any. */
+    submitRef?: RefObject<HTMLButtonElement>;
+    /** Whether the component is disabled or not. */
+    isDisabled?: boolean;
+    /** Whether the component is invalid or not. */
+    isInvalid?: boolean;
+    /** Maximum number of options displayed. Useful when too many options are displayed. */
+    maxOptionsLength?: number;
+    /** Method to handle selection change. */
+    onChange?(value: ComboboxValue): void;
+    /** Method to handle input change. */
+    onInputChange?(value: string): void;
+    /**
+     * Currently selected value.
+     * Used for controlled version.
+     */
+    value?: ComboboxValue;
+    /** Input value. */
+    inputValue?: string;
+    /** Whether the Combobox allow multiple selection or not. */
+    selectionMode?: ComboboxSelectionMode;
+    /** Theme. */
+    theme?: Theme;
+    /** Class name to append to the trigger. */
+    triggerClassName?: string;
+    /** Props to forward to the wrapper. */
+    wrapperProps?: Omit<FlexboxProps, 'ref'>;
+}
+type StyledComboboxProps = ComboboxProps;
+
+export { ComboboxProps, ComboboxSelectionMode, ComboboxState, ComboboxValue, ComboboxVariant, StyledComboboxProps };

package/components/combobox/types.js

@@ -0,0 +1,22 @@
+/**
+ * Component variant.
+ */
+const ComboboxSelectionMode = {
+  single: 'single',
+  multiple: 'multiple'
+};
+const ComboboxVariant = {
+  options: 'options',
+  suggestions: 'suggestions'
+};
+
+/**
+ * Context props.
+ */
+
+/**
+ * Component props.
+ */
+
+export { ComboboxSelectionMode, ComboboxVariant };
+//# sourceMappingURL=types.js.map

package/components/combobox/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../src/components/combobox/types.ts"],"sourcesContent":["import { FlexboxProps, TextProps, Theme, ValueOf } from '@redsift/design-system';\nimport { PopoverProps } from '@redsift/popovers';\nimport { ReactElement, RefObject } from 'react';\n\n/**\n * Component variant.\n */\nexport const ComboboxSelectionMode = {\n  single: 'single',\n  multiple: 'multiple',\n} as const;\nexport type ComboboxSelectionMode = ValueOf<typeof ComboboxSelectionMode>;\n\nexport const ComboboxVariant = {\n  options: 'options',\n  suggestions: 'suggestions',\n} as const;\nexport type ComboboxVariant = ValueOf<typeof ComboboxVariant>;\n\nexport type ComboboxValue = string | string[];\n\n/**\n * Context props.\n */\nexport type ComboboxState = {\n  /** Filtering parameters. */\n  readonly filter?: {\n    type: 'startsWith' | 'contains' | 'endsWith';\n    caseSensitive?: boolean;\n  };\n  /** Whether the combobox is disabled or not. */\n  readonly isDisabled: boolean;\n  /** Whether the combobox is invalid or not. */\n  readonly isInvalid: boolean;\n  /** Sets the selected value. */\n  setValue(value: ComboboxValue): void;\n  /** Current selected value. */\n  readonly value: ComboboxValue;\n  /** Sets the input value. */\n  setInputValue(inputValue: string): void;\n  /** Current input value. */\n  readonly inputValue: string;\n  /** Whether the Combobox allow multiple selection or not. */\n  selectionMode?: ComboboxSelectionMode;\n  /** If 'options', the input field cannot have free text, the selection has to be made within the options. If 'suggestions', then choosing from the list isn't mandatory and the user can write free text within the input. */\n  variant?: ComboboxVariant;\n  /** Ref to the first item used to create values. */\n  freeTextItemRef?: RefObject<HTMLDivElement>;\n  /** Id of the first item used to create values. */\n  freeTextItemId?: string;\n  /** Class name to append to the trigger. */\n  readonly triggerClassName?: string;\n  /** Ref to the form, if any. */\n  formRef?: RefObject<HTMLFormElement>;\n  /** Ref to the submit button, if any. */\n  submitRef?: RefObject<HTMLButtonElement>;\n};\n\n/**\n * Component props.\n */\nexport interface ComboboxProps extends PopoverProps {\n  /** If 'options', the input field cannot have free text, the selection has to be made within the options. If 'suggestions', then choosing from the list isn't mandatory and the user can write free text within the input. */\n  variant?: ComboboxVariant;\n  /**\n   * Default selected value.\n   * Used for uncontrolled version.\n   */\n  defaultValue?: ComboboxValue;\n  /** Description of the combobox. */\n  description?: string | ReactElement;\n  /** Additional description properties. */\n  descriptionProps?: Omit<TextProps, 'ref'>;\n  /** Filtering parameters. */\n  filter?: {\n    type: 'startsWith' | 'contains' | 'endsWith';\n    caseSensitive?: boolean;\n  };\n  /** Ref to the form, if any. */\n  formRef?: RefObject<HTMLFormElement>;\n  /** Ref to the submit button, if any. */\n  submitRef?: RefObject<HTMLButtonElement>;\n  /** Whether the component is disabled or not. */\n  isDisabled?: boolean;\n  /** Whether the component is invalid or not. */\n  isInvalid?: boolean;\n  /** Maximum number of options displayed. Useful when too many options are displayed. */\n  maxOptionsLength?: number;\n  /** Method to handle selection change. */\n  onChange?(value: ComboboxValue): void;\n  /** Method to handle input change. */\n  onInputChange?(value: string): void;\n  /**\n   * Currently selected value.\n   * Used for controlled version.\n   */\n  value?: ComboboxValue;\n  /** Input value. */\n  inputValue?: string;\n  /** Whether the Combobox allow multiple selection or not. */\n  selectionMode?: ComboboxSelectionMode;\n  /** Theme. */\n  theme?: Theme;\n  /** Class name to append to the trigger. */\n  triggerClassName?: string;\n  /** Props to forward to the wrapper. */\n  wrapperProps?: Omit<FlexboxProps, 'ref'>;\n}\n\nexport type StyledComboboxProps = ComboboxProps;\n"],"names":["ComboboxSelectionMode","single","multiple","ComboboxVariant","options","suggestions"],"mappings":"AAIA;AACA;AACA;AACO,MAAMA,qBAAqB,GAAG;AACnCC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,QAAQ,EAAE,UAAA;AACZ,EAAU;AAGH,MAAMC,eAAe,GAAG;AAC7BC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,WAAW,EAAE,aAAA;AACf,EAAU;;AAKV;AACA;AACA;;AAmCA;AACA;AACA;;;;"}

package/components/combobox-content/ComboboxContent.d.ts

@@ -0,0 +1,17 @@
+import { Comp } from '@redsift/design-system';
+import { ComboboxContentProps } from './types.js';
+import { ComboboxContentHeaderProps } from '../combobox-content-header/types.js';
+import { ComboboxContentListboxProps } from '../combobox-content-listbox/types.js';
+import { ComboboxContentFooterProps } from '../combobox-content-footer/types.js';
+
+/**
+ * The ComboboxContent component.
+ */
+declare const BaseComboboxContent: Comp<ComboboxContentProps, HTMLDivElement>;
+declare const ComboboxContent: Comp<ComboboxContentProps, HTMLDivElement> & {
+    Header: Comp<ComboboxContentHeaderProps, HTMLDivElement>;
+    Listbox: Comp<ComboboxContentListboxProps, HTMLDivElement>;
+    Footer: Comp<ComboboxContentFooterProps, HTMLDivElement>;
+};
+
+export { BaseComboboxContent, ComboboxContent };

package/components/combobox-content/ComboboxContent.js

@@ -0,0 +1,70 @@
+import { extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { forwardRef, useContext } from 'react';
+import classNames from 'classnames';
+import { getContainerProps, AppContainerContext, FocusWithinGroupContext, ListboxContext, useTheme, partitionComponents, isComponent, Flexbox } from '@redsift/design-system';
+import { usePopoverContext, useMergeRefs, FloatingPortal, StyledPopoverContent, PopoverContent } from '@redsift/popovers';
+import { ComboboxContentListbox } from '../combobox-content-listbox/ComboboxContentListbox.js';
+import { ComboboxContext } from '../combobox/context.js';
+import { ComboboxContentHeader } from '../combobox-content-header/ComboboxContentHeader.js';
+import { ComboboxContentFooter } from '../combobox-content-footer/ComboboxContentFooter.js';
+
+const COMPONENT_NAME = 'ComboboxContent';
+const CLASSNAME = 'redsift-combobox-content';
+
+/**
+ * The ComboboxContent component.
+ */
+const BaseComboboxContent = /*#__PURE__*/forwardRef((props, ref) => {
+  var _comboboxState$inputV;
+  const {
+    children,
+    className,
+    style
+  } = props;
+  const containerProps = getContainerProps(props);
+  const {
+    getFloatingProps,
+    isOpen,
+    refs,
+    strategy,
+    x,
+    y
+  } = usePopoverContext();
+  const popoverRef = useMergeRefs([refs.setFloating, ref]);
+  const appContainerState = useContext(AppContainerContext);
+  const comboboxState = useContext(ComboboxContext);
+  const focusContext = useContext(FocusWithinGroupContext);
+  const listboxState = useContext(ListboxContext);
+  const theme = useTheme();
+  const [[header], [listbox], [footer]] = partitionComponents(React.Children.toArray(children), [isComponent('ComboboxContentHeader'), isComponent('ComboboxContentListbox'), isComponent('ComboboxContentFooter')]);
+  return /*#__PURE__*/React.createElement(FloatingPortal, {
+    root: appContainerState === null || appContainerState === void 0 ? void 0 : appContainerState.appContainerRef.current
+  }, isOpen && /*#__PURE__*/React.createElement(StyledPopoverContent, _extends({
+    $theme: theme,
+    ref: popoverRef
+  }, getFloatingProps(props), {
+    style: _objectSpread2(_objectSpread2({
+      position: strategy,
+      top: y !== null && y !== void 0 ? y : 0,
+      left: x !== null && x !== void 0 ? x : 0
+    }, style), comboboxState !== null && comboboxState !== void 0 && (_comboboxState$inputV = comboboxState.inputValue) !== null && _comboboxState$inputV !== void 0 && _comboboxState$inputV.length && focusContext.state.tabStops.length === 0 ? {
+      display: 'none'
+    } : {}),
+    className: classNames(PopoverContent.className, BaseComboboxContent.className, className),
+    "aria-disabled": listboxState.state.isDisabled
+  }), /*#__PURE__*/React.createElement(Flexbox, _extends({
+    flexDirection: "column",
+    gap: "0px",
+    width: "100%"
+  }, containerProps), header, listbox, footer)));
+});
+BaseComboboxContent.className = CLASSNAME;
+BaseComboboxContent.displayName = COMPONENT_NAME;
+const ComboboxContent = Object.assign(BaseComboboxContent, {
+  Header: ComboboxContentHeader,
+  Listbox: ComboboxContentListbox,
+  Footer: ComboboxContentFooter
+});
+
+export { BaseComboboxContent, ComboboxContent };
+//# sourceMappingURL=ComboboxContent.js.map

package/components/combobox-content/ComboboxContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxContent.js","sources":["../../../src/components/combobox-content/ComboboxContent.tsx"],"sourcesContent":["import React, { forwardRef, useContext } from 'react';\nimport classNames from 'classnames';\n\nimport {\n  AppContainerContext,\n  Comp,\n  Flexbox,\n  FocusWithinGroupContext,\n  ListboxContext,\n  getContainerProps,\n  isComponent,\n  partitionComponents,\n  useTheme,\n} from '@redsift/design-system';\nimport { ComboboxContentProps } from './types';\nimport {\n  FloatingPortal,\n  PopoverContent,\n  usePopoverContext,\n  StyledPopoverContent,\n  useMergeRefs,\n} from '@redsift/popovers';\nimport { ComboboxContentHeader } from '../combobox-content-header';\nimport { ComboboxContentFooter } from '../combobox-content-footer';\nimport { ComboboxContentListbox } from '../combobox-content-listbox/ComboboxContentListbox';\nimport { ComboboxContext } from '../combobox/context';\n\nconst COMPONENT_NAME = 'ComboboxContent';\nconst CLASSNAME = 'redsift-combobox-content';\n\n/**\n * The ComboboxContent component.\n */\nexport const BaseComboboxContent: Comp<ComboboxContentProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const { children, className, style } = props;\n  const containerProps = getContainerProps(props);\n\n  const { getFloatingProps, isOpen, refs, strategy, x, y } = usePopoverContext();\n  const popoverRef = useMergeRefs([refs.setFloating, ref]);\n\n  const appContainerState = useContext(AppContainerContext);\n  const comboboxState = useContext(ComboboxContext);\n  const focusContext = useContext(FocusWithinGroupContext);\n  const listboxState = useContext(ListboxContext);\n  const theme = useTheme();\n\n  const [[header], [listbox], [footer]] = partitionComponents(React.Children.toArray(children), [\n    isComponent('ComboboxContentHeader'),\n    isComponent('ComboboxContentListbox'),\n    isComponent('ComboboxContentFooter'),\n  ]);\n\n  return (\n    <FloatingPortal root={appContainerState?.appContainerRef.current}>\n      {isOpen && (\n        <StyledPopoverContent\n          $theme={theme!}\n          ref={popoverRef}\n          {...getFloatingProps(props)}\n          style={{\n            position: strategy,\n            top: y ?? 0,\n            left: x ?? 0,\n            ...style,\n            ...(comboboxState?.inputValue?.length && focusContext.state.tabStops.length === 0\n              ? { display: 'none' }\n              : {}),\n          }}\n          className={classNames(PopoverContent.className, BaseComboboxContent.className, className)}\n          aria-disabled={listboxState.state.isDisabled}\n        >\n          <Flexbox flexDirection=\"column\" gap=\"0px\" width=\"100%\" {...containerProps}>\n            {header}\n            {listbox}\n            {footer}\n          </Flexbox>\n        </StyledPopoverContent>\n      )}\n    </FloatingPortal>\n  );\n});\nBaseComboboxContent.className = CLASSNAME;\nBaseComboboxContent.displayName = COMPONENT_NAME;\n\nexport const ComboboxContent = Object.assign(BaseComboboxContent, {\n  Header: ComboboxContentHeader,\n  Listbox: ComboboxContentListbox,\n  Footer: ComboboxContentFooter,\n});\n"],"names":["COMPONENT_NAME","CLASSNAME","BaseComboboxContent","forwardRef","props","ref","_comboboxState$inputV","children","className","style","containerProps","getContainerProps","getFloatingProps","isOpen","refs","strategy","x","y","usePopoverContext","popoverRef","useMergeRefs","setFloating","appContainerState","useContext","AppContainerContext","comboboxState","ComboboxContext","focusContext","FocusWithinGroupContext","listboxState","ListboxContext","theme","useTheme","header","listbox","footer","partitionComponents","React","Children","toArray","isComponent","createElement","FloatingPortal","root","appContainerRef","current","StyledPopoverContent","_extends","$theme","_objectSpread","position","top","left","inputValue","length","state","tabStops","display","classNames","PopoverContent","isDisabled","Flexbox","flexDirection","gap","width","displayName","ComboboxContent","Object","assign","Header","ComboboxContentHeader","Listbox","ComboboxContentListbox","Footer","ComboboxContentFooter"],"mappings":"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"}

package/components/combobox-content/types.d.ts

@@ -0,0 +1,11 @@
+import { PopoverContentProps } from '@redsift/popovers';
+
+/**
+ * Component props.
+ */
+interface ComboboxContentProps extends PopoverContentProps {
+    /** Whether the popover should stay open even if there is no result after filter. */
+    shouldStayOpenEvenIfEmpty?: boolean;
+}
+
+export { ComboboxContentProps };

package/components/combobox-content-footer/ComboboxContentFooter.d.ts

@@ -0,0 +1,9 @@
+import { ComboboxContentFooterProps } from './types.js';
+import { Comp } from '@redsift/design-system';
+
+/**
+ * The ComboboxContentFooter component.
+ */
+declare const ComboboxContentFooter: Comp<ComboboxContentFooterProps, HTMLDivElement>;
+
+export { ComboboxContentFooter };