@telus-uds/components-base 1.96.0 → 1.97.1

package/lib/Autocomplete/Autocomplete.js

@@ -1,30 +1,23 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Dimensions = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Dimensions"));
-var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
-var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
-var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
-var _lodash = _interopRequireDefault(require("lodash.throttle"));
-var _stringPrototype = _interopRequireDefault(require("string.prototype.matchall"));
-var _utils = require("../utils");
-var _ThemeProvider = require("../ThemeProvider");
-var _Listbox = _interopRequireDefault(require("../Listbox"));
-var _Typography = _interopRequireDefault(require("../Typography"));
-var _TextInput = require("../TextInput");
-var _InputSupports = _interopRequireDefault(require("../InputSupports"));
-var _Loading = _interopRequireDefault(require("./Loading"));
-var _Suggestions = _interopRequireDefault(require("./Suggestions"));
-var _constants = require("./constants");
-var _dictionary = _interopRequireDefault(require("./dictionary"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const staticStyles = _StyleSheet.default.create({
+import React from 'react';
+import PropTypes from 'prop-types';
+import Dimensions from "react-native-web/dist/exports/Dimensions";
+import Platform from "react-native-web/dist/exports/Platform";
+import View from "react-native-web/dist/exports/View";
+import StyleSheet from "react-native-web/dist/exports/StyleSheet";
+import throttle from 'lodash.throttle';
+import matchAll from 'string.prototype.matchall';
+import { inputSupportsProps, selectSystemProps, textInputProps, textInputHandlerProps, useCopy, htmlAttrs, useOverlaidPosition, useSafeLayoutEffect } from '../utils';
+import { useThemeTokens } from '../ThemeProvider';
+import Listbox from '../Listbox';
+import Typography from '../Typography';
+import { TextInput } from '../TextInput';
+import InputSupports from '../InputSupports';
+import Loading from './Loading';
+import Suggestions from './Suggestions';
+import { DEFAULT_MAX_SUGGESTIONS, DEFAULT_MIN_TO_SUGGESTION, INPUT_LEFT_PADDING, MIN_LISTBOX_WIDTH } from './constants';
+import dictionary from './dictionary';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const staticStyles = StyleSheet.create({
   container: {
     zIndex: 100,
     flexDirection: 'column',
@@ -33,7 +26,7 @@ const staticStyles = _StyleSheet.default.create({
     flexShrink: 0
   }
 });
-const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.htmlAttrs, _utils.inputSupportsProps, _utils.textInputHandlerProps, _utils.textInputProps]);
+const [selectProps, selectedSystemPropTypes] = selectSystemProps([htmlAttrs, inputSupportsProps, textInputHandlerProps, textInputProps]);
 
 // Returns JSX to display a bold string `str` with unbolded occurrences of the
 // `substring` based in the array of `matchIndexes` provided
@@ -44,7 +37,7 @@ const highlightAllMatches = function (str) {
   return (
     /*#__PURE__*/
     // Wrapping all in bold
-    (0, _jsxRuntime.jsx)(_Typography.default, {
+    _jsx(Typography, {
       variant: {
         bold: false
       },
@@ -56,7 +49,7 @@ const highlightAllMatches = function (str) {
       index === 0 && (str.slice(0, matchIndex) ?? ''),
       /*#__PURE__*/
       // Unbold the occurrence of the substring (while keeping the original casing)
-      (0, _jsxRuntime.jsx)(_Typography.default, {
+      _jsx(Typography, {
         variant: {
           bold: true
         },
@@ -76,7 +69,7 @@ const highlight = function () {
   let color = arguments.length > 2 ? arguments[2] : undefined;
   return items.reduce((acc, item) => {
     var _Array$from;
-    const matches = (_Array$from = Array.from((0, _stringPrototype.default)(item.label.toLowerCase(), text.toLowerCase().replace(/[/\-\\^$*+?.()|[\]{}]/g, '\\$&')))) === null || _Array$from === void 0 ? void 0 : _Array$from.map(_ref => {
+    const matches = (_Array$from = Array.from(matchAll(item.label.toLowerCase(), text.toLowerCase().replace(/[/\-\\^$*+?.()|[\]{}]/g, '\\$&')))) === null || _Array$from === void 0 ? void 0 : _Array$from.map(_ref => {
       let {
         index
       } = _ref;
@@ -91,7 +84,7 @@ const highlight = function () {
     return [...acc, item];
   }, []);
 };
-const Autocomplete = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
+const Autocomplete = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
   var _ref3;
   let {
     children,
@@ -101,8 +94,8 @@ const Autocomplete = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
     initialValue,
     isLoading = false,
     items,
-    maxSuggestions = _constants.DEFAULT_MAX_SUGGESTIONS,
-    minToSuggestion = _constants.DEFAULT_MIN_TO_SUGGESTION,
+    maxSuggestions = DEFAULT_MAX_SUGGESTIONS,
+    minToSuggestion = DEFAULT_MIN_TO_SUGGESTION,
     noResults,
     onChange,
     onClear,
@@ -116,7 +109,7 @@ const Autocomplete = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
   } = _ref2;
   const {
     color: resultsTextColor
-  } = (0, _ThemeProvider.useThemeTokens)('Search', {}, {
+  } = useThemeTokens('Search', {}, {
     focus: true
   });
   // The wrapped input is mostly responsible for controlled vs uncontrolled handling,
@@ -127,24 +120,24 @@ const Autocomplete = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
   const isControlled = value !== undefined;
 
   // We need to store current items for uncontrolled usage
-  const [currentItems, setCurrentItems] = _react.default.useState(initialItems);
-  const [otherItems, setOtherItems] = _react.default.useState(items);
+  const [currentItems, setCurrentItems] = React.useState(initialItems);
+  const [otherItems, setOtherItems] = React.useState(items);
 
   // We need to store the current value as well to be able to highlight it
-  const [currentValue, setCurrentValue] = _react.default.useState(value ?? initialValue);
+  const [currentValue, setCurrentValue] = React.useState(value ?? initialValue);
   const inputTokens = {
-    paddingLeft: _constants.INPUT_LEFT_PADDING
+    paddingLeft: INPUT_LEFT_PADDING
   };
 
   // Setting up the overlay
-  const openOverlayRef = _react.default.useRef();
-  const [isExpanded, setIsExpanded] = _react.default.useState(((_ref3 = value ?? initialValue) === null || _ref3 === void 0 ? void 0 : _ref3.length) >= minToSuggestion);
-  const [isFocused, setisFocused] = _react.default.useState(false);
-  const [sourceLayout, setSourceLayout] = _react.default.useState(null);
+  const openOverlayRef = React.useRef();
+  const [isExpanded, setIsExpanded] = React.useState(((_ref3 = value ?? initialValue) === null || _ref3 === void 0 ? void 0 : _ref3.length) >= minToSuggestion);
+  const [isFocused, setisFocused] = React.useState(false);
+  const [sourceLayout, setSourceLayout] = React.useState(null);
 
   // When it's nested, selected value
-  const [nestedSelectedValue, setNestedSelectedValue] = _react.default.useState(null);
-  const [isInputVisible, setIsInputVisible] = _react.default.useState(true);
+  const [nestedSelectedValue, setNestedSelectedValue] = React.useState(null);
+  const [isInputVisible, setIsInputVisible] = React.useState(true);
   const {
     supportsProps,
     ...selectedProps
@@ -160,13 +153,13 @@ const Autocomplete = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
     // targetRef,
     onTargetLayout,
     isReady
-  } = (0, _utils.useOverlaidPosition)({
+  } = useOverlaidPosition({
     isShown: isExpanded || hintExpansionEnabled,
     offsets: {
-      vertical: _Platform.default.OS !== 'web' && (hint || inputLabel) ? 28 : 4
+      vertical: Platform.OS !== 'web' && (hint || inputLabel) ? 28 : 4
     }
   });
-  const targetRef = _react.default.useRef(null);
+  const targetRef = React.useRef(null);
   // We limit the number of suggestions displayed to avoid huge lists
   // TODO: add a way to make the `Listbox` occupy fixed height and be scrollable
   // within that height, which will unlock similar behaviour for `AutoComplete` as well
@@ -174,27 +167,26 @@ const Autocomplete = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
     let data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     return maxSuggestions ? data.slice(0, maxSuggestions) : [...data];
   };
-  const getCopy = (0, _utils.useCopy)({
-    dictionary: _dictionary.default,
+  const getCopy = useCopy({
+    dictionary,
     copy
   });
   // Tracking input width changes to resize the listbox overlay accordingly
-  const [inputWidth, setInputWidth] = _react.default.useState();
-  (0, _utils.useSafeLayoutEffect)(() => {
-    if (_Platform.default.OS === 'web') {
+  const [inputWidth, setInputWidth] = React.useState();
+  useSafeLayoutEffect(() => {
+    if (Platform.OS === 'web') {
       const updateInputWidth = () => {
         var _inputRef$current;
-        setInputWidth((inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.clientWidth) + 4); // adding back all the input borders / outlines
+        setInputWidth((inputRef === null || inputRef === void 0 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.clientWidth) + 4); // adding back all the input borders / outlines
         setIsExpanded(false); // close the suggestions while the input is changing
       };
-
-      const throttledUpdateInputWidth = (0, _lodash.default)(updateInputWidth, 100, {
+      const throttledUpdateInputWidth = throttle(updateInputWidth, 100, {
         leading: false
       });
       throttledUpdateInputWidth();
-      _Dimensions.default.addEventListener('change', throttledUpdateInputWidth);
+      Dimensions.addEventListener('change', throttledUpdateInputWidth);
       return () => {
-        _Dimensions.default.removeEventListener('change', throttledUpdateInputWidth);
+        Dimensions.removeEventListener('change', throttledUpdateInputWidth);
       };
     }
     setInputWidth(sourceLayout === null || sourceLayout === void 0 ? void 0 : sourceLayout.width);
@@ -202,15 +194,15 @@ const Autocomplete = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
   }, [inputRef, sourceLayout]);
   const handleMeasure = event => {
     onTargetLayout(event);
-    if (_Platform.default.OS !== 'web') {
+    if (Platform.OS !== 'web') {
       var _inputRef$current2;
-      inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.measureInWindow((x, y, width) => {
+      inputRef === null || inputRef === void 0 || (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.measureInWindow((x, y, width) => {
         setInputWidth(width);
       });
     }
   };
   const handleChange = newValue => {
-    onChange === null || onChange === void 0 ? void 0 : onChange(newValue || '');
+    onChange === null || onChange === void 0 || onChange(newValue || '');
     setCurrentValue(newValue);
     setIsExpanded((newValue === null || newValue === void 0 ? void 0 : newValue.length) >= minToSuggestion);
     if (!isControlled && initialItems !== undefined) {
@@ -219,13 +211,13 @@ const Autocomplete = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
         let {
           label
         } = _ref4;
-        return label === null || label === void 0 ? void 0 : (_label$toLowerCase = label.toLowerCase()) === null || _label$toLowerCase === void 0 ? void 0 : _label$toLowerCase.includes(newValue === null || newValue === void 0 ? void 0 : newValue.toLowerCase());
+        return label === null || label === void 0 || (_label$toLowerCase = label.toLowerCase()) === null || _label$toLowerCase === void 0 ? void 0 : _label$toLowerCase.includes(newValue === null || newValue === void 0 ? void 0 : newValue.toLowerCase());
       }));
     }
   };
   const handleSelect = selectedId => {
     var _ref5;
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(selectedId);
+    onSelect === null || onSelect === void 0 || onSelect(selectedId);
     const {
       label: newValue,
       nested,
@@ -239,7 +231,7 @@ const Autocomplete = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
     if (title) return;
     if (!nested) {
       setNestedSelectedValue(null);
-      onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+      onChange === null || onChange === void 0 || onChange(newValue);
       setIsExpanded(false);
     }
     setCurrentValue(newValue);
@@ -254,7 +246,7 @@ const Autocomplete = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
    * within the list, if doesn't exist the nested item is added to the top of the list,
    * the nested item is added with an id equal "0"
    */
-  _react.default.useEffect(() => {
+  React.useEffect(() => {
     if (nestedSelectedValue && !items.find(item => item.id === 0)) {
       const tmpItems = [...items];
       tmpItems.unshift({
@@ -270,8 +262,8 @@ const Autocomplete = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
       }));
     }
   }, [nestedSelectedValue, items]);
-  _react.default.useEffect(() => {
-    if (_Platform.default.OS === 'ios' || _Platform.default.OS === 'android') {
+  React.useEffect(() => {
+    if (Platform.OS === 'ios' || Platform.OS === 'android') {
       return undefined;
     }
     const observer = new IntersectionObserver(entries => {
@@ -303,9 +295,9 @@ const Autocomplete = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
   };
   const itemsToShow = currentValue ? itemsToSuggest(highlight(isControlled ? items : currentItems, currentValue, resultsTextColor)) : [];
   const helpTextToShow = isFocused && !currentValue ? helpText : noResults ?? getCopy('noResults');
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_View.default, {
+  return /*#__PURE__*/_jsxs(View, {
     style: staticStyles.container,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_InputSupports.default, {
+    children: [/*#__PURE__*/_jsx(InputSupports, {
       ...supportsProps,
       accessibilityAutoComplete: "list",
       accessibilityControls: "autocomplete",
@@ -334,7 +326,7 @@ const Autocomplete = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
             initialValue
           })
         });
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextInput.TextInput, {
+        return /*#__PURE__*/_jsx(TextInput, {
           onChange: handleChange,
           onFocus: () => {
             setisFocused(true);
@@ -346,7 +338,7 @@ const Autocomplete = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
           onKeyPress: handleClose,
           readOnly: readOnly,
           ref: inputRef,
-          ...(_Platform.default.OS !== 'web' ? {
+          ...(Platform.OS !== 'web' ? {
             onLayout: event => {
               setSourceLayout(event.nativeEvent.layout);
               const {
@@ -372,17 +364,17 @@ const Autocomplete = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
           })
         });
       }
-    }), (isExpanded || hintExpansionEnabled) && isInputVisible && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Listbox.default.Overlay, {
+    }), (isExpanded || hintExpansionEnabled) && isInputVisible && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Listbox.Overlay, {
         overlaidPosition: overlaidPosition,
         isReady: isReady,
-        minWidth: fullWidth ? inputWidth : _constants.MIN_LISTBOX_WIDTH,
+        minWidth: fullWidth ? inputWidth : MIN_LISTBOX_WIDTH,
         maxWidth: inputWidth,
         onLayout: handleMeasure,
         ref: openOverlayRef,
-        children: isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loading.default, {
+        children: isLoading ? /*#__PURE__*/_jsx(Loading, {
           label: loadingLabel ?? getCopy('loading')
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Suggestions.default, {
+        }) : /*#__PURE__*/_jsx(Suggestions, {
           hasResults: getCopy('hasResults'),
           id: "autocomplete",
           items: nestedSelectedValue ? itemsToSuggest(highlight(otherItems, nestedSelectedValue, resultsTextColor)) : itemsToShow,
@@ -392,12 +384,12 @@ const Autocomplete = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
           parentRef: inputRef,
           ref: targetRef
         })
-      }), (targetRef === null || targetRef === void 0 ? void 0 : targetRef.current) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default
+      }), (targetRef === null || targetRef === void 0 ? void 0 : targetRef.current) && /*#__PURE__*/_jsx(View
       // This catches and shifts focus to other interactive elements.
       , {
         onFocus: () => {
           var _targetRef$current;
-          return targetRef === null || targetRef === void 0 ? void 0 : (_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : _targetRef$current.focus();
+          return targetRef === null || targetRef === void 0 || (_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : _targetRef$current.focus();
         },
         tabIndex: 0
       })]
@@ -407,10 +399,10 @@ const Autocomplete = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
 Autocomplete.displayName = 'Autocomplete';
 
 // If a language dictionary entry is provided, it must contain every key
-const dictionaryContentShape = _propTypes.default.shape({
-  hasResults: _propTypes.default.string.isRequired,
-  loading: _propTypes.default.string.isRequired,
-  noResults: _propTypes.default.string.isRequired
+const dictionaryContentShape = PropTypes.shape({
+  hasResults: PropTypes.string.isRequired,
+  loading: PropTypes.string.isRequired,
+  noResults: PropTypes.string.isRequired
 });
 Autocomplete.propTypes = {
   ...selectedSystemPropTypes,
@@ -430,58 +422,57 @@ Autocomplete.propTypes = {
    *   )}
    * </Autocomplete>
    */
-  children: _propTypes.default.func,
+  children: PropTypes.func,
   /**
    * Copy language identifier
    */
-  copy: _propTypes.default.oneOfType([_propTypes.default.oneOf(['en', 'fr']), dictionaryContentShape]),
+  copy: PropTypes.oneOfType([PropTypes.oneOf(['en', 'fr']), dictionaryContentShape]),
   /**
    * Set to true in order to display the loading indicator instead of results
    */
-  isLoading: _propTypes.default.bool,
+  isLoading: PropTypes.bool,
   /**
    * List of items to display as suggestions
    */
-  items: _propTypes.default.arrayOf(_propTypes.default.shape({
-    id: _propTypes.default.string,
-    label: _propTypes.default.string
+  items: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.string,
+    label: PropTypes.string
   })),
   /**
    * Label to display alongside the spinner when in a loading state
    */
-  loadingLabel: _propTypes.default.string,
+  loadingLabel: PropTypes.string,
   /**
    * Minimum number of characters typed for a list of suggestions to appear
    */
-  minToSuggestion: _propTypes.default.number,
+  minToSuggestion: PropTypes.number,
   /**
    * Maximum number of suggestions provided at the same time
    */
-  maxSuggestions: _propTypes.default.number,
+  maxSuggestions: PropTypes.number,
   /**
    * Text or JSX to render when no results are available
    */
-  noResults: _propTypes.default.node,
+  noResults: PropTypes.node,
   /**
    * Help text to display when the input is focused and empty
    */
-  helpText: _propTypes.default.string,
+  helpText: PropTypes.string,
   /**
    * Handler function to be called when the input value changes
    */
-  onChange: _propTypes.default.func,
+  onChange: PropTypes.func,
   /**
    * Handler function to be called when the clear button (appears if the handler is passed) is pressed
    */
-  onClear: _propTypes.default.func,
+  onClear: PropTypes.func,
   /**
    * Callback function to be called when an item is selected from the list
    */
-  onSelect: _propTypes.default.func,
+  onSelect: PropTypes.func,
   /**
    * Input value for controlled usage
    */
-  value: _propTypes.default.string
+  value: PropTypes.string
 };
-var _default = Autocomplete;
-exports.default = _default;
+export default Autocomplete;

package/lib/Autocomplete/Loading.js

@@ -1,35 +1,28 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _ActivityIndicator = _interopRequireDefault(require("../ActivityIndicator"));
-var _Typography = _interopRequireDefault(require("../Typography"));
-var _Box = _interopRequireDefault(require("../Box"));
-var _StackView = _interopRequireDefault(require("../StackView"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const Loading = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+import React from 'react';
+import PropTypes from 'prop-types';
+import ActivityIndicator from '../ActivityIndicator';
+import Typography from '../Typography';
+import Box from '../Box';
+import StackView from '../StackView';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const Loading = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     label
   } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+  return /*#__PURE__*/_jsx(Box, {
     space: 3,
     ref: ref,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_StackView.default, {
+    children: /*#__PURE__*/_jsxs(StackView, {
       direction: "row",
       space: 2,
       tokens: {
         alignItems: 'center'
       },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ActivityIndicator.default, {
+      children: [/*#__PURE__*/_jsx(ActivityIndicator, {
         variant: {
           size: 'large'
         }
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+      }), /*#__PURE__*/_jsx(Typography, {
         children: label
       })]
     })
@@ -37,7 +30,6 @@ const Loading = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
 });
 Loading.displayName = 'Loading';
 Loading.propTypes = {
-  label: _propTypes.default.string
+  label: PropTypes.string
 };
-var _default = Loading;
-exports.default = _default;
+export default Loading;

package/lib/Autocomplete/Suggestions.js

@@ -1,18 +1,11 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _A11yText = _interopRequireDefault(require("../A11yText"));
-var _Typography = _interopRequireDefault(require("../Typography"));
-var _Box = _interopRequireDefault(require("../Box"));
-var _Listbox = _interopRequireDefault(require("../Listbox"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const Suggestions = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+import React from 'react';
+import PropTypes from 'prop-types';
+import A11yText from '../A11yText';
+import Typography from '../Typography';
+import Box from '../Box';
+import Listbox from '../Listbox';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const Suggestions = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     hasResults,
     items = [],
@@ -32,21 +25,21 @@ const Suggestions = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
       ...rest
     };
   });
-  if (items !== null && items !== void 0 && items.length) return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_A11yText.default, {
+  if (items !== null && items !== void 0 && items.length) return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(A11yText, {
       accessibilityLiveRegion: "polite",
       text: hasResults
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Listbox.default, {
+    }), /*#__PURE__*/_jsx(Listbox, {
       items: pressableItems,
       firstItemRef: ref,
       parentRef: parentRef,
       onClose: onClose
     })]
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+  return /*#__PURE__*/_jsx(Box, {
     space: 3,
-    children: typeof noResults === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+    children: typeof noResults === 'string' ? /*#__PURE__*/_jsx(_Fragment, {
+      children: /*#__PURE__*/_jsx(Typography, {
         accessibilityLiveRegion: "polite",
         variant: {
           size: 'small'
@@ -58,15 +51,14 @@ const Suggestions = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
 });
 Suggestions.displayName = 'Suggestions';
 Suggestions.propTypes = {
-  hasResults: _propTypes.default.string.isRequired,
-  items: _propTypes.default.arrayOf(_propTypes.default.shape({
-    id: _propTypes.default.string,
-    label: _propTypes.default.node
+  hasResults: PropTypes.string.isRequired,
+  items: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.string,
+    label: PropTypes.node
   })).isRequired,
-  noResults: _propTypes.default.node.isRequired,
-  onClose: _propTypes.default.func.isRequired,
-  onSelect: _propTypes.default.func.isRequired,
-  parentRef: _propTypes.default.object.isRequired
+  noResults: PropTypes.node.isRequired,
+  onClose: PropTypes.func.isRequired,
+  onSelect: PropTypes.func.isRequired,
+  parentRef: PropTypes.object.isRequired
 };
-var _default = Suggestions;
-exports.default = _default;
+export default Suggestions;

package/lib/Autocomplete/constants.js

@@ -1,14 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MIN_LISTBOX_WIDTH = exports.INPUT_LEFT_PADDING = exports.DEFAULT_MIN_TO_SUGGESTION = exports.DEFAULT_MAX_SUGGESTIONS = void 0;
-const DEFAULT_MIN_TO_SUGGESTION = 1;
-exports.DEFAULT_MIN_TO_SUGGESTION = DEFAULT_MIN_TO_SUGGESTION;
-const DEFAULT_MAX_SUGGESTIONS = 5;
-exports.DEFAULT_MAX_SUGGESTIONS = DEFAULT_MAX_SUGGESTIONS;
-const INPUT_LEFT_PADDING = 16;
-exports.INPUT_LEFT_PADDING = INPUT_LEFT_PADDING;
-const MIN_LISTBOX_WIDTH = 288;
-exports.MIN_LISTBOX_WIDTH = MIN_LISTBOX_WIDTH;
+export const DEFAULT_MIN_TO_SUGGESTION = 1;
+export const DEFAULT_MAX_SUGGESTIONS = 5;
+export const INPUT_LEFT_PADDING = 16;
+export const MIN_LISTBOX_WIDTH = 288;

package/lib/Autocomplete/dictionary.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = {
+export default {
   en: {
     hasResults: 'Some results are available',
     loading: 'Searching...',
@@ -15,5 +9,4 @@ var _default = {
     loading: 'Recherche...',
     noResults: 'Aucun résultat trouvé'
   }
-};
-exports.default = _default;
+};

package/lib/Autocomplete/index.js

@@ -1,10 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _Autocomplete = _interopRequireDefault(require("./Autocomplete"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = _Autocomplete.default;
-exports.default = _default;
+import Autocomplete from './Autocomplete';
+export default Autocomplete;