@veeqo/ui 13.0.0 → 13.1.0

package/dist/components/PhoneInput/index.js

@@ -0,0 +1,9 @@
+import { withLabels } from '../../hoc/withLabels/withLabels.js';
+import 'react';
+import { PhoneInput as PhoneInput$1 } from './PhoneInput.js';
+
+const PhoneInput = withLabels(PhoneInput$1);
+PhoneInput.displayName = 'PhoneInput';
+
+export { PhoneInput };
+//# sourceMappingURL=index.js.map

package/dist/components/PhoneInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/PhoneInput/index.ts"],"sourcesContent":["import { withLabels } from '../../hoc';\nimport { PhoneInput as StandardPhoneInput } from './PhoneInput';\n\nexport const PhoneInput = withLabels(StandardPhoneInput);\n\nPhoneInput.displayName = 'PhoneInput';\n"],"names":["StandardPhoneInput"],"mappings":";;;;MAGa,UAAU,GAAG,UAAU,CAACA,YAAkB;AAEvD,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/dist/components/PhoneInput/types.d.ts

@@ -0,0 +1,25 @@
+import { ReactElement } from 'react';
+import { TextFieldProps } from '../TextField';
+export type PhoneOption = {
+    id: string;
+    label: string;
+    itemInfoSlot: ReactElement;
+    shouldDisableSelectionRender: boolean;
+    mediaSlot: ReactElement;
+};
+export type InternationalCode = {
+    countryCode: string;
+    country: string;
+    countryFlag: string;
+    length: number;
+};
+export type PhoneInputProps = TextFieldProps & {
+    value?: string;
+    onChange?: (value: string) => void;
+    hasError?: boolean;
+    disabled?: boolean;
+    error?: string;
+    className?: string;
+};
+export type PhoneOptions = PhoneOption[];
+export type InternationalCodes = Record<string, InternationalCode>;

package/dist/components/PhoneInput/utils/utils.cjs

@@ -0,0 +1,69 @@
+'use strict';
+
+var React = require('react');
+var constants = require('../constants.cjs');
+var Text = require('../../Text/Text.cjs');
+var Image = require('../../Image/Image.cjs');
+var PhoneInput_module = require('../PhoneInput.module.scss.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const buildPhoneOptions = () => {
+    const phoneOptionsFromInternationalCode = Object.entries(constants.InternationalCodesMap).map(([dialingCode, country]) => ({
+        id: dialingCode,
+        label: country.country,
+        itemInfoSlot: React__default.default.createElement(Text.Text, { variant: "hintText" }, dialingCode),
+        shouldDisableSelectionRender: true,
+        mediaSlot: country.countryFlag ? (React__default.default.createElement(Image.Image, { className: PhoneInput_module.countryFlagSVG, src: `https://static.veeqo.com/static_content/country_flags/${country.countryFlag}.svg`, alt: `${country.country} flag` })) : (React__default.default.createElement(Text.Text, null, country.countryCode)),
+    }));
+    return phoneOptionsFromInternationalCode;
+};
+const filterPhoneOptions = (phoneOptions, searchTerm) => {
+    if (!searchTerm.trim())
+        return phoneOptions;
+    const normalizedSearchTerm = searchTerm.toLowerCase().trim();
+    return phoneOptions.reduce((acc, option) => {
+        const countryName = option.label.toLowerCase();
+        const dialingCode = `+${option.id}`;
+        if (countryName.includes(normalizedSearchTerm) || dialingCode.includes(normalizedSearchTerm)) {
+            acc.push(option);
+        }
+        return acc;
+    }, []);
+};
+/**
+ * Function which extracts the country code from a phone number
+ * @param {string} phoneNumber phone number entered into the textfield, formatted or not
+ * @returns {string} the country code extracted from the phone number
+ *
+ * @example
+ * extractCountryCodeFromPhoneNumber('+123456789')
+ * returns '+1'
+ */
+const extractCountryCodeFromPhoneNumber = (phoneNumber) => {
+    const normalisedPhoneNumber = phoneNumber.replace(/[^\d+]/g, '');
+    if (!normalisedPhoneNumber.startsWith('+'))
+        return null;
+    const matches = Object.keys(constants.InternationalCodesMap).reduce((longestMatchingDialingCode, dialingCode) => {
+        return normalisedPhoneNumber.startsWith(dialingCode) &&
+            dialingCode.length > ((longestMatchingDialingCode === null || longestMatchingDialingCode === undefined ? undefined : longestMatchingDialingCode.length) || 0)
+            ? dialingCode
+            : longestMatchingDialingCode;
+    }, null);
+    return matches;
+};
+const applyLengthLimit = (phoneNumber, countryCode) => {
+    var _a;
+    const normalizedPhone = phoneNumber.replace(/[^\d+]/g, '');
+    const maxLength = ((_a = constants.InternationalCodesMap[countryCode]) === null || _a === undefined ? undefined : _a.length) || Infinity;
+    const remainingDigits = normalizedPhone.slice(countryCode.length, countryCode.length + maxLength);
+    return remainingDigits;
+};
+
+exports.applyLengthLimit = applyLengthLimit;
+exports.buildPhoneOptions = buildPhoneOptions;
+exports.extractCountryCodeFromPhoneNumber = extractCountryCodeFromPhoneNumber;
+exports.filterPhoneOptions = filterPhoneOptions;
+//# sourceMappingURL=utils.cjs.map

package/dist/components/PhoneInput/utils/utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.cjs","sources":["../../../../src/components/PhoneInput/utils/utils.tsx"],"sourcesContent":["import React from 'react';\nimport { InternationalCodesMap } from '../constants';\nimport { Text } from '../../Text';\nimport { Image } from '../../Image';\nimport styles from '../PhoneInput.module.scss';\nimport { PhoneOptions } from '../types';\n\nexport const buildPhoneOptions = (): PhoneOptions => {\n  const phoneOptionsFromInternationalCode = Object.entries(InternationalCodesMap).map(\n    ([dialingCode, country]) => ({\n      id: dialingCode,\n      label: country.country,\n      itemInfoSlot: <Text variant=\"hintText\">{dialingCode}</Text>,\n      shouldDisableSelectionRender: true,\n      mediaSlot: country.countryFlag ? (\n        <Image\n          className={styles.countryFlagSVG}\n          src={`https://static.veeqo.com/static_content/country_flags/${country.countryFlag}.svg`}\n          alt={`${country.country} flag`}\n        />\n      ) : (\n        <Text>{country.countryCode}</Text>\n      ),\n    }),\n  );\n\n  return phoneOptionsFromInternationalCode;\n};\n\nexport const filterPhoneOptions = (\n  phoneOptions: PhoneOptions,\n  searchTerm: string,\n): PhoneOptions => {\n  if (!searchTerm.trim()) return phoneOptions;\n\n  const normalizedSearchTerm = searchTerm.toLowerCase().trim();\n\n  return phoneOptions.reduce<PhoneOptions>((acc, option) => {\n    const countryName = option.label.toLowerCase();\n    const dialingCode = `+${option.id}`;\n\n    if (countryName.includes(normalizedSearchTerm) || dialingCode.includes(normalizedSearchTerm)) {\n      acc.push(option);\n    }\n    return acc;\n  }, []);\n};\n\n/**\n * Function which extracts the country code from a phone number\n * @param {string} phoneNumber phone number entered into the textfield, formatted or not\n * @returns {string} the country code extracted from the phone number\n *\n * @example\n * extractCountryCodeFromPhoneNumber('+123456789')\n * returns '+1'\n */\nexport const extractCountryCodeFromPhoneNumber = (phoneNumber: string): string | null => {\n  const normalisedPhoneNumber = phoneNumber.replace(/[^\\d+]/g, '');\n\n  if (!normalisedPhoneNumber.startsWith('+')) return null;\n\n  const matches = Object.keys(InternationalCodesMap).reduce(\n    (longestMatchingDialingCode: string | null, dialingCode) => {\n      return normalisedPhoneNumber.startsWith(dialingCode) &&\n        dialingCode.length > (longestMatchingDialingCode?.length || 0)\n        ? dialingCode\n        : longestMatchingDialingCode;\n    },\n    null,\n  );\n\n  return matches;\n};\n\nexport const applyLengthLimit = (phoneNumber: string, countryCode: string): string => {\n  const normalizedPhone = phoneNumber.replace(/[^\\d+]/g, '');\n  const maxLength = InternationalCodesMap[countryCode]?.length || Infinity;\n  const remainingDigits = normalizedPhone.slice(countryCode.length, countryCode.length + maxLength);\n\n  return remainingDigits;\n};\n"],"names":["InternationalCodesMap","React","Text","Image","styles"],"mappings":"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"}

package/dist/components/PhoneInput/utils/utils.d.ts

@@ -0,0 +1,14 @@
+import { PhoneOptions } from '../types';
+export declare const buildPhoneOptions: () => PhoneOptions;
+export declare const filterPhoneOptions: (phoneOptions: PhoneOptions, searchTerm: string) => PhoneOptions;
+/**
+ * Function which extracts the country code from a phone number
+ * @param {string} phoneNumber phone number entered into the textfield, formatted or not
+ * @returns {string} the country code extracted from the phone number
+ *
+ * @example
+ * extractCountryCodeFromPhoneNumber('+123456789')
+ * returns '+1'
+ */
+export declare const extractCountryCodeFromPhoneNumber: (phoneNumber: string) => string | null;
+export declare const applyLengthLimit: (phoneNumber: string, countryCode: string) => string;

package/dist/components/PhoneInput/utils/utils.js

@@ -0,0 +1,60 @@
+import React__default from 'react';
+import { InternationalCodesMap } from '../constants.js';
+import { Text } from '../../Text/Text.js';
+import { Image } from '../../Image/Image.js';
+import styles from '../PhoneInput.module.scss.js';
+
+const buildPhoneOptions = () => {
+    const phoneOptionsFromInternationalCode = Object.entries(InternationalCodesMap).map(([dialingCode, country]) => ({
+        id: dialingCode,
+        label: country.country,
+        itemInfoSlot: React__default.createElement(Text, { variant: "hintText" }, dialingCode),
+        shouldDisableSelectionRender: true,
+        mediaSlot: country.countryFlag ? (React__default.createElement(Image, { className: styles.countryFlagSVG, src: `https://static.veeqo.com/static_content/country_flags/${country.countryFlag}.svg`, alt: `${country.country} flag` })) : (React__default.createElement(Text, null, country.countryCode)),
+    }));
+    return phoneOptionsFromInternationalCode;
+};
+const filterPhoneOptions = (phoneOptions, searchTerm) => {
+    if (!searchTerm.trim())
+        return phoneOptions;
+    const normalizedSearchTerm = searchTerm.toLowerCase().trim();
+    return phoneOptions.reduce((acc, option) => {
+        const countryName = option.label.toLowerCase();
+        const dialingCode = `+${option.id}`;
+        if (countryName.includes(normalizedSearchTerm) || dialingCode.includes(normalizedSearchTerm)) {
+            acc.push(option);
+        }
+        return acc;
+    }, []);
+};
+/**
+ * Function which extracts the country code from a phone number
+ * @param {string} phoneNumber phone number entered into the textfield, formatted or not
+ * @returns {string} the country code extracted from the phone number
+ *
+ * @example
+ * extractCountryCodeFromPhoneNumber('+123456789')
+ * returns '+1'
+ */
+const extractCountryCodeFromPhoneNumber = (phoneNumber) => {
+    const normalisedPhoneNumber = phoneNumber.replace(/[^\d+]/g, '');
+    if (!normalisedPhoneNumber.startsWith('+'))
+        return null;
+    const matches = Object.keys(InternationalCodesMap).reduce((longestMatchingDialingCode, dialingCode) => {
+        return normalisedPhoneNumber.startsWith(dialingCode) &&
+            dialingCode.length > ((longestMatchingDialingCode === null || longestMatchingDialingCode === undefined ? undefined : longestMatchingDialingCode.length) || 0)
+            ? dialingCode
+            : longestMatchingDialingCode;
+    }, null);
+    return matches;
+};
+const applyLengthLimit = (phoneNumber, countryCode) => {
+    var _a;
+    const normalizedPhone = phoneNumber.replace(/[^\d+]/g, '');
+    const maxLength = ((_a = InternationalCodesMap[countryCode]) === null || _a === undefined ? undefined : _a.length) || Infinity;
+    const remainingDigits = normalizedPhone.slice(countryCode.length, countryCode.length + maxLength);
+    return remainingDigits;
+};
+
+export { applyLengthLimit, buildPhoneOptions, extractCountryCodeFromPhoneNumber, filterPhoneOptions };
+//# sourceMappingURL=utils.js.map

package/dist/components/PhoneInput/utils/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/components/PhoneInput/utils/utils.tsx"],"sourcesContent":["import React from 'react';\nimport { InternationalCodesMap } from '../constants';\nimport { Text } from '../../Text';\nimport { Image } from '../../Image';\nimport styles from '../PhoneInput.module.scss';\nimport { PhoneOptions } from '../types';\n\nexport const buildPhoneOptions = (): PhoneOptions => {\n  const phoneOptionsFromInternationalCode = Object.entries(InternationalCodesMap).map(\n    ([dialingCode, country]) => ({\n      id: dialingCode,\n      label: country.country,\n      itemInfoSlot: <Text variant=\"hintText\">{dialingCode}</Text>,\n      shouldDisableSelectionRender: true,\n      mediaSlot: country.countryFlag ? (\n        <Image\n          className={styles.countryFlagSVG}\n          src={`https://static.veeqo.com/static_content/country_flags/${country.countryFlag}.svg`}\n          alt={`${country.country} flag`}\n        />\n      ) : (\n        <Text>{country.countryCode}</Text>\n      ),\n    }),\n  );\n\n  return phoneOptionsFromInternationalCode;\n};\n\nexport const filterPhoneOptions = (\n  phoneOptions: PhoneOptions,\n  searchTerm: string,\n): PhoneOptions => {\n  if (!searchTerm.trim()) return phoneOptions;\n\n  const normalizedSearchTerm = searchTerm.toLowerCase().trim();\n\n  return phoneOptions.reduce<PhoneOptions>((acc, option) => {\n    const countryName = option.label.toLowerCase();\n    const dialingCode = `+${option.id}`;\n\n    if (countryName.includes(normalizedSearchTerm) || dialingCode.includes(normalizedSearchTerm)) {\n      acc.push(option);\n    }\n    return acc;\n  }, []);\n};\n\n/**\n * Function which extracts the country code from a phone number\n * @param {string} phoneNumber phone number entered into the textfield, formatted or not\n * @returns {string} the country code extracted from the phone number\n *\n * @example\n * extractCountryCodeFromPhoneNumber('+123456789')\n * returns '+1'\n */\nexport const extractCountryCodeFromPhoneNumber = (phoneNumber: string): string | null => {\n  const normalisedPhoneNumber = phoneNumber.replace(/[^\\d+]/g, '');\n\n  if (!normalisedPhoneNumber.startsWith('+')) return null;\n\n  const matches = Object.keys(InternationalCodesMap).reduce(\n    (longestMatchingDialingCode: string | null, dialingCode) => {\n      return normalisedPhoneNumber.startsWith(dialingCode) &&\n        dialingCode.length > (longestMatchingDialingCode?.length || 0)\n        ? dialingCode\n        : longestMatchingDialingCode;\n    },\n    null,\n  );\n\n  return matches;\n};\n\nexport const applyLengthLimit = (phoneNumber: string, countryCode: string): string => {\n  const normalizedPhone = phoneNumber.replace(/[^\\d+]/g, '');\n  const maxLength = InternationalCodesMap[countryCode]?.length || Infinity;\n  const remainingDigits = normalizedPhone.slice(countryCode.length, countryCode.length + maxLength);\n\n  return remainingDigits;\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/SelectDropdown/SelectDropdown.cjs

@@ -17,7 +17,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-const SelectDropdown = ({ id, className, placeholder = 'Select item', multiple = false, compact = false, hasError = false, disabled, options, value, actions, isLoading = false, searchValue, emptyStateSlot, onSearchChange, onChange, topAction, isSelectDropdownOpen = false, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, ...otherProps }) => {
+const SelectDropdown = ({ id, className, placeholder = 'Select item', multiple = false, compact = false, hasError = false, disabled, options, value, actions, isLoading = false, searchValue, emptyStateSlot, selectedSlot, onSearchChange, onChange, topAction, isSelectDropdownOpen = false, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, ...otherProps }) => {
     const hasSection = options.flatMap((option) => option).some((item) => 'items' in item);
     const classNames = utils.generateClassNames(className);
     const [isSelectOpen, setIsSelectOpen] = React.useState(false);
@@ -48,8 +48,7 @@ const SelectDropdown = ({ id, className, placeholder = 'Select item', multiple =
                     form_module.base,
                     hasError && form_module.error,
                     compact && form_module.compact,
-                ]) },
-                React__default.default.createElement(SelectedOption.SelectedOption, { placeholder: placeholder, options: selectedValues, selectionMode: selectionMode })));
+                ]) }, selectedSlot || (React__default.default.createElement(SelectedOption.SelectedOption, { placeholder: placeholder, options: selectedValues, selectionMode: selectionMode }))));
         } },
         onSearchChange && (React__default.default.createElement(React__default.default.Fragment, null,
             React__default.default.createElement(Search.Search, { className: SelectDropdown_module.search, value: searchValue, onChange: onSearchChange }),

package/dist/components/SelectDropdown/SelectDropdown.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SelectDropdown.cjs","sources":["../../../src/components/SelectDropdown/SelectDropdown.tsx"],"sourcesContent":["import React, { Fragment, useCallback, useState } from 'react';\nimport { Selection } from 'react-aria-components';\n\nimport { buildClassnames } from '../../utils';\nimport { SelectedOption } from './components/SelectedOption';\nimport { generateClassNames, getSelectedValues } from './utils';\nimport { SelectDropdownItem, SelectDropdownProps } from './types';\nimport { GridItemProps } from './components/GridItem/types';\nimport { Dropdown } from '../Dropdown';\nimport { Search } from '../Search';\nimport { Button } from '../Button';\nimport styles from './SelectDropdown.module.scss';\nimport formStyles from '../../utils/forms/form.module.scss';\nimport { ListBox } from './components/OptionsContainers/ListBox';\nimport { GridList } from './components/OptionsContainers/GridList';\n\nexport const SelectDropdown = ({\n  id,\n  className,\n  placeholder = 'Select item',\n  multiple = false,\n  compact = false,\n  hasError = false,\n  disabled,\n  options,\n  value,\n  actions,\n  isLoading = false,\n  searchValue,\n  emptyStateSlot,\n  onSearchChange,\n  onChange,\n  topAction,\n  isSelectDropdownOpen = false,\n  'aria-labelledby': ariaLabelledBy,\n  'aria-describedby': ariaDescribedBy,\n  ...otherProps\n}: SelectDropdownProps) => {\n  const hasSection = options.flatMap((option) => option).some((item) => 'items' in item);\n  const classNames = generateClassNames(className);\n\n  const [isSelectOpen, setIsSelectOpen] = useState(false);\n\n  const selectedValues = getSelectedValues(options, hasSection, value);\n  const selectionMode = multiple ? 'multiple' : 'single';\n  const hasRowAction = options.some(\n    (option) => 'onClickRowAction' in option && option.onClickRowAction,\n  );\n\n  const onSelectionChange = useCallback(\n    (keys: Selection) => {\n      const selectedKeys = Array.from(keys);\n      const newSelectedValues = getSelectedValues(options, hasSection, selectedKeys);\n\n      if (multiple) {\n        (onChange as (items: SelectDropdownItem[]) => void)(newSelectedValues);\n      } else {\n        (onChange as (item: SelectDropdownItem) => void)(newSelectedValues[0]);\n        if (!isSelectDropdownOpen) {\n          setIsSelectOpen(false);\n        }\n      }\n    },\n    [options, hasSection, multiple, onChange, isSelectDropdownOpen],\n  );\n\n  return (\n    <Dropdown\n      id={`select-dropdown-${id}`}\n      className={buildClassnames([classNames?.popover, styles.dropdown, className])}\n      shouldShow={isSelectOpen}\n      setShouldShow={setIsSelectOpen}\n      useAnchorWidth\n      disabled={disabled}\n      renderCta={(buttonProps, anchorRef) => {\n        if (anchorRef && isSelectDropdownOpen) {\n          setIsSelectOpen(isSelectDropdownOpen);\n        }\n\n        return (\n          <button\n            {...buttonProps}\n            type=\"button\"\n            ref={anchorRef}\n            className={buildClassnames([\n              className,\n              styles.dropdownTrigger,\n              formStyles.fullStyles,\n              formStyles.base,\n              hasError && formStyles.error,\n              compact && formStyles.compact,\n            ])}\n          >\n            <SelectedOption\n              placeholder={placeholder}\n              options={selectedValues}\n              selectionMode={selectionMode}\n            />\n          </button>\n        );\n      }}\n    >\n      {onSearchChange && (\n        <>\n          <Search className={styles.search} value={searchValue} onChange={onSearchChange} />\n          <hr className={styles.separator} />\n        </>\n      )}\n      {topAction && (\n        <Fragment key={topAction.label}>\n          <Button\n            className={styles.ctaButton}\n            key={topAction.label}\n            variant=\"flat\"\n            {...topAction}\n          />\n          <hr className={styles.separator} key={`separator-${topAction.label}`} />\n        </Fragment>\n      )}\n      {hasRowAction ? (\n        <GridList\n          id={id}\n          className={classNames?.optionsContainer}\n          ariaLabelledBy={ariaLabelledBy}\n          ariaDescribedBy={ariaDescribedBy}\n          selectionMode={selectionMode}\n          options={options as GridItemProps[]}\n          onSelectionChange={onSelectionChange}\n          selectedValues={selectedValues as GridItemProps[]}\n          isLoading={isLoading}\n          emptyStateSlot={emptyStateSlot}\n          {...otherProps}\n        />\n      ) : (\n        <ListBox\n          id={id}\n          className={classNames?.optionsContainer}\n          ariaLabelledBy={ariaLabelledBy}\n          ariaDescribedBy={ariaDescribedBy}\n          selectionMode={selectionMode}\n          options={options}\n          onSelectionChange={onSelectionChange}\n          selectedValues={selectedValues}\n          isLoading={isLoading}\n          emptyStateSlot={emptyStateSlot}\n          hasSection={hasSection}\n          {...otherProps}\n        />\n      )}\n      {actions?.map(({ label, ...actionProps }) => (\n        <Fragment key={label}>\n          <hr className={styles.separator} key={`separator-${label}`} />\n          <Button className={styles.ctaButton} variant=\"flat\" key={label} {...actionProps} />\n        </Fragment>\n      ))}\n    </Dropdown>\n  );\n};\n"],"names":["generateClassNames","useState","getSelectedValues","useCallback","React","Dropdown","buildClassnames","styles","formStyles","SelectedOption","Search","Fragment","Button","GridList","ListBox"],"mappings":"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"}
+{"version":3,"file":"SelectDropdown.cjs","sources":["../../../src/components/SelectDropdown/SelectDropdown.tsx"],"sourcesContent":["import React, { Fragment, useCallback, useState } from 'react';\nimport { Selection } from 'react-aria-components';\n\nimport { buildClassnames } from '../../utils';\nimport { SelectedOption } from './components/SelectedOption';\nimport { generateClassNames, getSelectedValues } from './utils';\nimport { SelectDropdownItem, SelectDropdownProps } from './types';\nimport { GridItemProps } from './components/GridItem/types';\nimport { Dropdown } from '../Dropdown';\nimport { Search } from '../Search';\nimport { Button } from '../Button';\nimport styles from './SelectDropdown.module.scss';\nimport formStyles from '../../utils/forms/form.module.scss';\nimport { ListBox } from './components/OptionsContainers/ListBox';\nimport { GridList } from './components/OptionsContainers/GridList';\n\nexport const SelectDropdown = ({\n  id,\n  className,\n  placeholder = 'Select item',\n  multiple = false,\n  compact = false,\n  hasError = false,\n  disabled,\n  options,\n  value,\n  actions,\n  isLoading = false,\n  searchValue,\n  emptyStateSlot,\n  selectedSlot,\n  onSearchChange,\n  onChange,\n  topAction,\n  isSelectDropdownOpen = false,\n  'aria-labelledby': ariaLabelledBy,\n  'aria-describedby': ariaDescribedBy,\n  ...otherProps\n}: SelectDropdownProps) => {\n  const hasSection = options.flatMap((option) => option).some((item) => 'items' in item);\n  const classNames = generateClassNames(className);\n\n  const [isSelectOpen, setIsSelectOpen] = useState(false);\n\n  const selectedValues = getSelectedValues(options, hasSection, value);\n  const selectionMode = multiple ? 'multiple' : 'single';\n  const hasRowAction = options.some(\n    (option) => 'onClickRowAction' in option && option.onClickRowAction,\n  );\n\n  const onSelectionChange = useCallback(\n    (keys: Selection) => {\n      const selectedKeys = Array.from(keys);\n      const newSelectedValues = getSelectedValues(options, hasSection, selectedKeys);\n\n      if (multiple) {\n        (onChange as (items: SelectDropdownItem[]) => void)(newSelectedValues);\n      } else {\n        (onChange as (item: SelectDropdownItem) => void)(newSelectedValues[0]);\n        if (!isSelectDropdownOpen) {\n          setIsSelectOpen(false);\n        }\n      }\n    },\n    [options, hasSection, multiple, onChange, isSelectDropdownOpen],\n  );\n\n  return (\n    <Dropdown\n      id={`select-dropdown-${id}`}\n      className={buildClassnames([classNames?.popover, styles.dropdown, className])}\n      shouldShow={isSelectOpen}\n      setShouldShow={setIsSelectOpen}\n      useAnchorWidth\n      disabled={disabled}\n      renderCta={(buttonProps, anchorRef) => {\n        if (anchorRef && isSelectDropdownOpen) {\n          setIsSelectOpen(isSelectDropdownOpen);\n        }\n\n        return (\n          <button\n            {...buttonProps}\n            type=\"button\"\n            ref={anchorRef}\n            className={buildClassnames([\n              className,\n              styles.dropdownTrigger,\n              formStyles.fullStyles,\n              formStyles.base,\n              hasError && formStyles.error,\n              compact && formStyles.compact,\n            ])}\n          >\n            {selectedSlot || (\n              <SelectedOption\n                placeholder={placeholder}\n                options={selectedValues}\n                selectionMode={selectionMode}\n              />\n            )}\n          </button>\n        );\n      }}\n    >\n      {onSearchChange && (\n        <>\n          <Search className={styles.search} value={searchValue} onChange={onSearchChange} />\n          <hr className={styles.separator} />\n        </>\n      )}\n      {topAction && (\n        <Fragment key={topAction.label}>\n          <Button\n            className={styles.ctaButton}\n            key={topAction.label}\n            variant=\"flat\"\n            {...topAction}\n          />\n          <hr className={styles.separator} key={`separator-${topAction.label}`} />\n        </Fragment>\n      )}\n      {hasRowAction ? (\n        <GridList\n          id={id}\n          className={classNames?.optionsContainer}\n          ariaLabelledBy={ariaLabelledBy}\n          ariaDescribedBy={ariaDescribedBy}\n          selectionMode={selectionMode}\n          options={options as GridItemProps[]}\n          onSelectionChange={onSelectionChange}\n          selectedValues={selectedValues as GridItemProps[]}\n          isLoading={isLoading}\n          emptyStateSlot={emptyStateSlot}\n          {...otherProps}\n        />\n      ) : (\n        <ListBox\n          id={id}\n          className={classNames?.optionsContainer}\n          ariaLabelledBy={ariaLabelledBy}\n          ariaDescribedBy={ariaDescribedBy}\n          selectionMode={selectionMode}\n          options={options}\n          onSelectionChange={onSelectionChange}\n          selectedValues={selectedValues}\n          isLoading={isLoading}\n          emptyStateSlot={emptyStateSlot}\n          hasSection={hasSection}\n          {...otherProps}\n        />\n      )}\n      {actions?.map(({ label, ...actionProps }) => (\n        <Fragment key={label}>\n          <hr className={styles.separator} key={`separator-${label}`} />\n          <Button className={styles.ctaButton} variant=\"flat\" key={label} {...actionProps} />\n        </Fragment>\n      ))}\n    </Dropdown>\n  );\n};\n"],"names":["generateClassNames","useState","getSelectedValues","useCallback","React","Dropdown","buildClassnames","styles","formStyles","SelectedOption","Search","Fragment","Button","GridList","ListBox"],"mappings":"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"}

package/dist/components/SelectDropdown/SelectDropdown.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { SelectDropdownProps } from './types';
-export declare const SelectDropdown: ({ id, className, placeholder, multiple, compact, hasError, disabled, options, value, actions, isLoading, searchValue, emptyStateSlot, onSearchChange, onChange, topAction, isSelectDropdownOpen, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, ...otherProps }: SelectDropdownProps) => React.JSX.Element;
+export declare const SelectDropdown: ({ id, className, placeholder, multiple, compact, hasError, disabled, options, value, actions, isLoading, searchValue, emptyStateSlot, selectedSlot, onSearchChange, onChange, topAction, isSelectDropdownOpen, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, ...otherProps }: SelectDropdownProps) => React.JSX.Element;

package/dist/components/SelectDropdown/SelectDropdown.js

@@ -11,7 +11,7 @@ import formStyles from '../../utils/forms/form.module.scss.js';
 import { ListBox } from './components/OptionsContainers/ListBox.js';
 import { GridList } from './components/OptionsContainers/GridList.js';
 
-const SelectDropdown = ({ id, className, placeholder = 'Select item', multiple = false, compact = false, hasError = false, disabled, options, value, actions, isLoading = false, searchValue, emptyStateSlot, onSearchChange, onChange, topAction, isSelectDropdownOpen = false, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, ...otherProps }) => {
+const SelectDropdown = ({ id, className, placeholder = 'Select item', multiple = false, compact = false, hasError = false, disabled, options, value, actions, isLoading = false, searchValue, emptyStateSlot, selectedSlot, onSearchChange, onChange, topAction, isSelectDropdownOpen = false, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, ...otherProps }) => {
     const hasSection = options.flatMap((option) => option).some((item) => 'items' in item);
     const classNames = generateClassNames(className);
     const [isSelectOpen, setIsSelectOpen] = useState(false);
@@ -42,8 +42,7 @@ const SelectDropdown = ({ id, className, placeholder = 'Select item', multiple =
                     formStyles.base,
                     hasError && formStyles.error,
                     compact && formStyles.compact,
-                ]) },
-                React__default.createElement(SelectedOption, { placeholder: placeholder, options: selectedValues, selectionMode: selectionMode })));
+                ]) }, selectedSlot || (React__default.createElement(SelectedOption, { placeholder: placeholder, options: selectedValues, selectionMode: selectionMode }))));
         } },
         onSearchChange && (React__default.createElement(React__default.Fragment, null,
             React__default.createElement(Search, { className: styles.search, value: searchValue, onChange: onSearchChange }),

package/dist/components/SelectDropdown/SelectDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectDropdown.js","sources":["../../../src/components/SelectDropdown/SelectDropdown.tsx"],"sourcesContent":["import React, { Fragment, useCallback, useState } from 'react';\nimport { Selection } from 'react-aria-components';\n\nimport { buildClassnames } from '../../utils';\nimport { SelectedOption } from './components/SelectedOption';\nimport { generateClassNames, getSelectedValues } from './utils';\nimport { SelectDropdownItem, SelectDropdownProps } from './types';\nimport { GridItemProps } from './components/GridItem/types';\nimport { Dropdown } from '../Dropdown';\nimport { Search } from '../Search';\nimport { Button } from '../Button';\nimport styles from './SelectDropdown.module.scss';\nimport formStyles from '../../utils/forms/form.module.scss';\nimport { ListBox } from './components/OptionsContainers/ListBox';\nimport { GridList } from './components/OptionsContainers/GridList';\n\nexport const SelectDropdown = ({\n  id,\n  className,\n  placeholder = 'Select item',\n  multiple = false,\n  compact = false,\n  hasError = false,\n  disabled,\n  options,\n  value,\n  actions,\n  isLoading = false,\n  searchValue,\n  emptyStateSlot,\n  onSearchChange,\n  onChange,\n  topAction,\n  isSelectDropdownOpen = false,\n  'aria-labelledby': ariaLabelledBy,\n  'aria-describedby': ariaDescribedBy,\n  ...otherProps\n}: SelectDropdownProps) => {\n  const hasSection = options.flatMap((option) => option).some((item) => 'items' in item);\n  const classNames = generateClassNames(className);\n\n  const [isSelectOpen, setIsSelectOpen] = useState(false);\n\n  const selectedValues = getSelectedValues(options, hasSection, value);\n  const selectionMode = multiple ? 'multiple' : 'single';\n  const hasRowAction = options.some(\n    (option) => 'onClickRowAction' in option && option.onClickRowAction,\n  );\n\n  const onSelectionChange = useCallback(\n    (keys: Selection) => {\n      const selectedKeys = Array.from(keys);\n      const newSelectedValues = getSelectedValues(options, hasSection, selectedKeys);\n\n      if (multiple) {\n        (onChange as (items: SelectDropdownItem[]) => void)(newSelectedValues);\n      } else {\n        (onChange as (item: SelectDropdownItem) => void)(newSelectedValues[0]);\n        if (!isSelectDropdownOpen) {\n          setIsSelectOpen(false);\n        }\n      }\n    },\n    [options, hasSection, multiple, onChange, isSelectDropdownOpen],\n  );\n\n  return (\n    <Dropdown\n      id={`select-dropdown-${id}`}\n      className={buildClassnames([classNames?.popover, styles.dropdown, className])}\n      shouldShow={isSelectOpen}\n      setShouldShow={setIsSelectOpen}\n      useAnchorWidth\n      disabled={disabled}\n      renderCta={(buttonProps, anchorRef) => {\n        if (anchorRef && isSelectDropdownOpen) {\n          setIsSelectOpen(isSelectDropdownOpen);\n        }\n\n        return (\n          <button\n            {...buttonProps}\n            type=\"button\"\n            ref={anchorRef}\n            className={buildClassnames([\n              className,\n              styles.dropdownTrigger,\n              formStyles.fullStyles,\n              formStyles.base,\n              hasError && formStyles.error,\n              compact && formStyles.compact,\n            ])}\n          >\n            <SelectedOption\n              placeholder={placeholder}\n              options={selectedValues}\n              selectionMode={selectionMode}\n            />\n          </button>\n        );\n      }}\n    >\n      {onSearchChange && (\n        <>\n          <Search className={styles.search} value={searchValue} onChange={onSearchChange} />\n          <hr className={styles.separator} />\n        </>\n      )}\n      {topAction && (\n        <Fragment key={topAction.label}>\n          <Button\n            className={styles.ctaButton}\n            key={topAction.label}\n            variant=\"flat\"\n            {...topAction}\n          />\n          <hr className={styles.separator} key={`separator-${topAction.label}`} />\n        </Fragment>\n      )}\n      {hasRowAction ? (\n        <GridList\n          id={id}\n          className={classNames?.optionsContainer}\n          ariaLabelledBy={ariaLabelledBy}\n          ariaDescribedBy={ariaDescribedBy}\n          selectionMode={selectionMode}\n          options={options as GridItemProps[]}\n          onSelectionChange={onSelectionChange}\n          selectedValues={selectedValues as GridItemProps[]}\n          isLoading={isLoading}\n          emptyStateSlot={emptyStateSlot}\n          {...otherProps}\n        />\n      ) : (\n        <ListBox\n          id={id}\n          className={classNames?.optionsContainer}\n          ariaLabelledBy={ariaLabelledBy}\n          ariaDescribedBy={ariaDescribedBy}\n          selectionMode={selectionMode}\n          options={options}\n          onSelectionChange={onSelectionChange}\n          selectedValues={selectedValues}\n          isLoading={isLoading}\n          emptyStateSlot={emptyStateSlot}\n          hasSection={hasSection}\n          {...otherProps}\n        />\n      )}\n      {actions?.map(({ label, ...actionProps }) => (\n        <Fragment key={label}>\n          <hr className={styles.separator} key={`separator-${label}`} />\n          <Button className={styles.ctaButton} variant=\"flat\" key={label} {...actionProps} />\n        </Fragment>\n      ))}\n    </Dropdown>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"SelectDropdown.js","sources":["../../../src/components/SelectDropdown/SelectDropdown.tsx"],"sourcesContent":["import React, { Fragment, useCallback, useState } from 'react';\nimport { Selection } from 'react-aria-components';\n\nimport { buildClassnames } from '../../utils';\nimport { SelectedOption } from './components/SelectedOption';\nimport { generateClassNames, getSelectedValues } from './utils';\nimport { SelectDropdownItem, SelectDropdownProps } from './types';\nimport { GridItemProps } from './components/GridItem/types';\nimport { Dropdown } from '../Dropdown';\nimport { Search } from '../Search';\nimport { Button } from '../Button';\nimport styles from './SelectDropdown.module.scss';\nimport formStyles from '../../utils/forms/form.module.scss';\nimport { ListBox } from './components/OptionsContainers/ListBox';\nimport { GridList } from './components/OptionsContainers/GridList';\n\nexport const SelectDropdown = ({\n  id,\n  className,\n  placeholder = 'Select item',\n  multiple = false,\n  compact = false,\n  hasError = false,\n  disabled,\n  options,\n  value,\n  actions,\n  isLoading = false,\n  searchValue,\n  emptyStateSlot,\n  selectedSlot,\n  onSearchChange,\n  onChange,\n  topAction,\n  isSelectDropdownOpen = false,\n  'aria-labelledby': ariaLabelledBy,\n  'aria-describedby': ariaDescribedBy,\n  ...otherProps\n}: SelectDropdownProps) => {\n  const hasSection = options.flatMap((option) => option).some((item) => 'items' in item);\n  const classNames = generateClassNames(className);\n\n  const [isSelectOpen, setIsSelectOpen] = useState(false);\n\n  const selectedValues = getSelectedValues(options, hasSection, value);\n  const selectionMode = multiple ? 'multiple' : 'single';\n  const hasRowAction = options.some(\n    (option) => 'onClickRowAction' in option && option.onClickRowAction,\n  );\n\n  const onSelectionChange = useCallback(\n    (keys: Selection) => {\n      const selectedKeys = Array.from(keys);\n      const newSelectedValues = getSelectedValues(options, hasSection, selectedKeys);\n\n      if (multiple) {\n        (onChange as (items: SelectDropdownItem[]) => void)(newSelectedValues);\n      } else {\n        (onChange as (item: SelectDropdownItem) => void)(newSelectedValues[0]);\n        if (!isSelectDropdownOpen) {\n          setIsSelectOpen(false);\n        }\n      }\n    },\n    [options, hasSection, multiple, onChange, isSelectDropdownOpen],\n  );\n\n  return (\n    <Dropdown\n      id={`select-dropdown-${id}`}\n      className={buildClassnames([classNames?.popover, styles.dropdown, className])}\n      shouldShow={isSelectOpen}\n      setShouldShow={setIsSelectOpen}\n      useAnchorWidth\n      disabled={disabled}\n      renderCta={(buttonProps, anchorRef) => {\n        if (anchorRef && isSelectDropdownOpen) {\n          setIsSelectOpen(isSelectDropdownOpen);\n        }\n\n        return (\n          <button\n            {...buttonProps}\n            type=\"button\"\n            ref={anchorRef}\n            className={buildClassnames([\n              className,\n              styles.dropdownTrigger,\n              formStyles.fullStyles,\n              formStyles.base,\n              hasError && formStyles.error,\n              compact && formStyles.compact,\n            ])}\n          >\n            {selectedSlot || (\n              <SelectedOption\n                placeholder={placeholder}\n                options={selectedValues}\n                selectionMode={selectionMode}\n              />\n            )}\n          </button>\n        );\n      }}\n    >\n      {onSearchChange && (\n        <>\n          <Search className={styles.search} value={searchValue} onChange={onSearchChange} />\n          <hr className={styles.separator} />\n        </>\n      )}\n      {topAction && (\n        <Fragment key={topAction.label}>\n          <Button\n            className={styles.ctaButton}\n            key={topAction.label}\n            variant=\"flat\"\n            {...topAction}\n          />\n          <hr className={styles.separator} key={`separator-${topAction.label}`} />\n        </Fragment>\n      )}\n      {hasRowAction ? (\n        <GridList\n          id={id}\n          className={classNames?.optionsContainer}\n          ariaLabelledBy={ariaLabelledBy}\n          ariaDescribedBy={ariaDescribedBy}\n          selectionMode={selectionMode}\n          options={options as GridItemProps[]}\n          onSelectionChange={onSelectionChange}\n          selectedValues={selectedValues as GridItemProps[]}\n          isLoading={isLoading}\n          emptyStateSlot={emptyStateSlot}\n          {...otherProps}\n        />\n      ) : (\n        <ListBox\n          id={id}\n          className={classNames?.optionsContainer}\n          ariaLabelledBy={ariaLabelledBy}\n          ariaDescribedBy={ariaDescribedBy}\n          selectionMode={selectionMode}\n          options={options}\n          onSelectionChange={onSelectionChange}\n          selectedValues={selectedValues}\n          isLoading={isLoading}\n          emptyStateSlot={emptyStateSlot}\n          hasSection={hasSection}\n          {...otherProps}\n        />\n      )}\n      {actions?.map(({ label, ...actionProps }) => (\n        <Fragment key={label}>\n          <hr className={styles.separator} key={`separator-${label}`} />\n          <Button className={styles.ctaButton} variant=\"flat\" key={label} {...actionProps} />\n        </Fragment>\n      ))}\n    </Dropdown>\n  );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/SelectDropdown/components/ItemContent/ItemContent.cjs

@@ -17,7 +17,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-const ItemContent = ({ label, hint, itemInfoSlot, endInfoSlot, alert, mediaSlot, allowsDragging = false, selectionMode = 'single', isLink, isSelected = false, isHovered = false, itemType, }) => {
+const ItemContent = ({ label, hint, itemInfoSlot, endInfoSlot, alert, mediaSlot, allowsDragging = false, shouldDisableSelectionRender = false, selectionMode = 'single', isLink, isSelected = false, isHovered = false, itemType, }) => {
     const infoContainerClassNames = React.useMemo(() => {
         const base = ItemContent_module.infoContainer;
         if (itemInfoSlot && endInfoSlot) {
@@ -34,7 +34,7 @@ const ItemContent = ({ label, hint, itemInfoSlot, endInfoSlot, alert, mediaSlot,
     return (React__default.default.createElement(FlexRow.FlexRow, { flexWrap: "nowrap", justifyContent: "space-between", alignItems: "center", gap: "base", style: { flexGrow: 1 } },
         React__default.default.createElement(FlexRow.FlexRow, { flexWrap: "nowrap", gap: "base", style: { flexGrow: 1 } },
             allowsDragging && React__default.default.createElement(DragIndicatorIcon.ReactComponent, { "data-testid": "drag-icon" }),
-            React__default.default.createElement(SelectionType.SelectionType, { selectionMode: selectionMode, isSelected: isSelected, isLink: isLink }),
+            React__default.default.createElement(SelectionType.SelectionType, { shouldDisableSelectionRender: shouldDisableSelectionRender, selectionMode: selectionMode, isSelected: isSelected, isLink: isLink }),
             mediaSlot,
             React__default.default.createElement(FlexCol.FlexCol, { gap: "xs", style: { flexGrow: 1 } },
                 React__default.default.createElement("div", { className: infoContainerClassNames, "data-testid": "info-container" },

package/dist/components/SelectDropdown/components/ItemContent/ItemContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ItemContent.cjs","sources":["../../../../../src/components/SelectDropdown/components/ItemContent/ItemContent.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { Text } from 'react-aria-components';\nimport { buildClassnames } from '../../../../utils';\nimport { FlexCol } from '../../../Flex/FlexCol';\nimport { ArrowRightIcon, DragIndicatorIcon } from '../../../../icons';\nimport { ItemContentProps } from './types';\nimport { Text as VeeqoText } from '../../../Text';\nimport { MiniAlert } from '../../../Alerts/MiniAlert';\nimport { SelectionType } from './SelectionType';\nimport styles from './ItemContent.module.scss';\nimport { FlexRow } from '../../../Flex/FlexRow';\n\nexport const ItemContent = ({\n  label,\n  hint,\n  itemInfoSlot,\n  endInfoSlot,\n  alert,\n  mediaSlot,\n  allowsDragging = false,\n  selectionMode = 'single',\n  isLink,\n  isSelected = false,\n  isHovered = false,\n  itemType,\n}: ItemContentProps) => {\n  const infoContainerClassNames = useMemo(() => {\n    const base = styles.infoContainer;\n\n    if (itemInfoSlot && endInfoSlot) {\n      return buildClassnames([base, styles.hasItemInfoAndEndInfo]);\n    }\n\n    if (itemInfoSlot) {\n      return buildClassnames([base, styles.hasItemInfoOnly]);\n    }\n\n    if (endInfoSlot) {\n      return buildClassnames([base, styles.hasEndInfoOnly]);\n    }\n\n    return buildClassnames([base]);\n  }, [endInfoSlot, itemInfoSlot]);\n\n  return (\n    <FlexRow\n      flexWrap=\"nowrap\"\n      justifyContent=\"space-between\"\n      alignItems=\"center\"\n      gap=\"base\"\n      style={{ flexGrow: 1 }}\n    >\n      <FlexRow flexWrap=\"nowrap\" gap=\"base\" style={{ flexGrow: 1 }}>\n        {allowsDragging && <DragIndicatorIcon data-testid=\"drag-icon\" />}\n        <SelectionType selectionMode={selectionMode} isSelected={isSelected} isLink={isLink} />\n        {mediaSlot}\n        <FlexCol gap=\"xs\" style={{ flexGrow: 1 }}>\n          <div className={infoContainerClassNames} data-testid=\"info-container\">\n            {itemType === 'grid' ? (\n              <VeeqoText variant={isHovered ? 'bodyBold' : 'body'}>{label}</VeeqoText>\n            ) : (\n              <Text slot=\"label\">\n                <VeeqoText variant={isHovered ? 'bodyBold' : 'body'}>{label}</VeeqoText>\n              </Text>\n            )}\n            {itemInfoSlot}\n            {endInfoSlot && (\n              <div className={endInfoSlot ? styles.justifyEnd : styles.justifyStart}>\n                {endInfoSlot}\n              </div>\n            )}\n          </div>\n\n          {hint && (\n            <Text slot=\"description\">\n              <VeeqoText variant=\"body\">{hint}</VeeqoText>\n            </Text>\n          )}\n          {alert && <MiniAlert title={alert.title} variant={alert.variant} />}\n        </FlexCol>\n      </FlexRow>\n      {isLink && <ArrowRightIcon className={styles.linkIcon} data-testid=\"link-icon\" />}\n    </FlexRow>\n  );\n};\n"],"names":["useMemo","styles","buildClassnames","React","FlexRow","DragIndicatorIcon","SelectionType","FlexCol","VeeqoText","Text","MiniAlert","ArrowRightIcon"],"mappings":"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"}
+{"version":3,"file":"ItemContent.cjs","sources":["../../../../../src/components/SelectDropdown/components/ItemContent/ItemContent.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { Text } from 'react-aria-components';\nimport { buildClassnames } from '../../../../utils';\nimport { FlexCol } from '../../../Flex/FlexCol';\nimport { ArrowRightIcon, DragIndicatorIcon } from '../../../../icons';\nimport { ItemContentProps } from './types';\nimport { Text as VeeqoText } from '../../../Text';\nimport { MiniAlert } from '../../../Alerts/MiniAlert';\nimport { SelectionType } from './SelectionType';\nimport styles from './ItemContent.module.scss';\nimport { FlexRow } from '../../../Flex/FlexRow';\n\nexport const ItemContent = ({\n  label,\n  hint,\n  itemInfoSlot,\n  endInfoSlot,\n  alert,\n  mediaSlot,\n  allowsDragging = false,\n  shouldDisableSelectionRender = false,\n  selectionMode = 'single',\n  isLink,\n  isSelected = false,\n  isHovered = false,\n  itemType,\n}: ItemContentProps) => {\n  const infoContainerClassNames = useMemo(() => {\n    const base = styles.infoContainer;\n\n    if (itemInfoSlot && endInfoSlot) {\n      return buildClassnames([base, styles.hasItemInfoAndEndInfo]);\n    }\n\n    if (itemInfoSlot) {\n      return buildClassnames([base, styles.hasItemInfoOnly]);\n    }\n\n    if (endInfoSlot) {\n      return buildClassnames([base, styles.hasEndInfoOnly]);\n    }\n\n    return buildClassnames([base]);\n  }, [endInfoSlot, itemInfoSlot]);\n\n  return (\n    <FlexRow\n      flexWrap=\"nowrap\"\n      justifyContent=\"space-between\"\n      alignItems=\"center\"\n      gap=\"base\"\n      style={{ flexGrow: 1 }}\n    >\n      <FlexRow flexWrap=\"nowrap\" gap=\"base\" style={{ flexGrow: 1 }}>\n        {allowsDragging && <DragIndicatorIcon data-testid=\"drag-icon\" />}\n        <SelectionType\n          shouldDisableSelectionRender={shouldDisableSelectionRender}\n          selectionMode={selectionMode}\n          isSelected={isSelected}\n          isLink={isLink}\n        />\n        {mediaSlot}\n        <FlexCol gap=\"xs\" style={{ flexGrow: 1 }}>\n          <div className={infoContainerClassNames} data-testid=\"info-container\">\n            {itemType === 'grid' ? (\n              <VeeqoText variant={isHovered ? 'bodyBold' : 'body'}>{label}</VeeqoText>\n            ) : (\n              <Text slot=\"label\">\n                <VeeqoText variant={isHovered ? 'bodyBold' : 'body'}>{label}</VeeqoText>\n              </Text>\n            )}\n            {itemInfoSlot}\n            {endInfoSlot && (\n              <div className={endInfoSlot ? styles.justifyEnd : styles.justifyStart}>\n                {endInfoSlot}\n              </div>\n            )}\n          </div>\n\n          {hint && (\n            <Text slot=\"description\">\n              <VeeqoText variant=\"body\">{hint}</VeeqoText>\n            </Text>\n          )}\n          {alert && <MiniAlert title={alert.title} variant={alert.variant} />}\n        </FlexCol>\n      </FlexRow>\n      {isLink && <ArrowRightIcon className={styles.linkIcon} data-testid=\"link-icon\" />}\n    </FlexRow>\n  );\n};\n"],"names":["useMemo","styles","buildClassnames","React","FlexRow","DragIndicatorIcon","SelectionType","FlexCol","VeeqoText","Text","MiniAlert","ArrowRightIcon"],"mappings":"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"}

package/dist/components/SelectDropdown/components/ItemContent/ItemContent.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { ItemContentProps } from './types';
-export declare const ItemContent: ({ label, hint, itemInfoSlot, endInfoSlot, alert, mediaSlot, allowsDragging, selectionMode, isLink, isSelected, isHovered, itemType, }: ItemContentProps) => React.JSX.Element;
+export declare const ItemContent: ({ label, hint, itemInfoSlot, endInfoSlot, alert, mediaSlot, allowsDragging, shouldDisableSelectionRender, selectionMode, isLink, isSelected, isHovered, itemType, }: ItemContentProps) => React.JSX.Element;

package/dist/components/SelectDropdown/components/ItemContent/ItemContent.js

@@ -11,7 +11,7 @@ import { SelectionType } from './SelectionType.js';
 import styles from './ItemContent.module.scss.js';
 import { FlexRow } from '../../../Flex/FlexRow/FlexRow.js';
 
-const ItemContent = ({ label, hint, itemInfoSlot, endInfoSlot, alert, mediaSlot, allowsDragging = false, selectionMode = 'single', isLink, isSelected = false, isHovered = false, itemType, }) => {
+const ItemContent = ({ label, hint, itemInfoSlot, endInfoSlot, alert, mediaSlot, allowsDragging = false, shouldDisableSelectionRender = false, selectionMode = 'single', isLink, isSelected = false, isHovered = false, itemType, }) => {
     const infoContainerClassNames = useMemo(() => {
         const base = styles.infoContainer;
         if (itemInfoSlot && endInfoSlot) {
@@ -28,7 +28,7 @@ const ItemContent = ({ label, hint, itemInfoSlot, endInfoSlot, alert, mediaSlot,
     return (React__default.createElement(FlexRow, { flexWrap: "nowrap", justifyContent: "space-between", alignItems: "center", gap: "base", style: { flexGrow: 1 } },
         React__default.createElement(FlexRow, { flexWrap: "nowrap", gap: "base", style: { flexGrow: 1 } },
             allowsDragging && React__default.createElement(DragIndicatorIcon, { "data-testid": "drag-icon" }),
-            React__default.createElement(SelectionType, { selectionMode: selectionMode, isSelected: isSelected, isLink: isLink }),
+            React__default.createElement(SelectionType, { shouldDisableSelectionRender: shouldDisableSelectionRender, selectionMode: selectionMode, isSelected: isSelected, isLink: isLink }),
             mediaSlot,
             React__default.createElement(FlexCol, { gap: "xs", style: { flexGrow: 1 } },
                 React__default.createElement("div", { className: infoContainerClassNames, "data-testid": "info-container" },

package/dist/components/SelectDropdown/components/ItemContent/ItemContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemContent.js","sources":["../../../../../src/components/SelectDropdown/components/ItemContent/ItemContent.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { Text } from 'react-aria-components';\nimport { buildClassnames } from '../../../../utils';\nimport { FlexCol } from '../../../Flex/FlexCol';\nimport { ArrowRightIcon, DragIndicatorIcon } from '../../../../icons';\nimport { ItemContentProps } from './types';\nimport { Text as VeeqoText } from '../../../Text';\nimport { MiniAlert } from '../../../Alerts/MiniAlert';\nimport { SelectionType } from './SelectionType';\nimport styles from './ItemContent.module.scss';\nimport { FlexRow } from '../../../Flex/FlexRow';\n\nexport const ItemContent = ({\n  label,\n  hint,\n  itemInfoSlot,\n  endInfoSlot,\n  alert,\n  mediaSlot,\n  allowsDragging = false,\n  selectionMode = 'single',\n  isLink,\n  isSelected = false,\n  isHovered = false,\n  itemType,\n}: ItemContentProps) => {\n  const infoContainerClassNames = useMemo(() => {\n    const base = styles.infoContainer;\n\n    if (itemInfoSlot && endInfoSlot) {\n      return buildClassnames([base, styles.hasItemInfoAndEndInfo]);\n    }\n\n    if (itemInfoSlot) {\n      return buildClassnames([base, styles.hasItemInfoOnly]);\n    }\n\n    if (endInfoSlot) {\n      return buildClassnames([base, styles.hasEndInfoOnly]);\n    }\n\n    return buildClassnames([base]);\n  }, [endInfoSlot, itemInfoSlot]);\n\n  return (\n    <FlexRow\n      flexWrap=\"nowrap\"\n      justifyContent=\"space-between\"\n      alignItems=\"center\"\n      gap=\"base\"\n      style={{ flexGrow: 1 }}\n    >\n      <FlexRow flexWrap=\"nowrap\" gap=\"base\" style={{ flexGrow: 1 }}>\n        {allowsDragging && <DragIndicatorIcon data-testid=\"drag-icon\" />}\n        <SelectionType selectionMode={selectionMode} isSelected={isSelected} isLink={isLink} />\n        {mediaSlot}\n        <FlexCol gap=\"xs\" style={{ flexGrow: 1 }}>\n          <div className={infoContainerClassNames} data-testid=\"info-container\">\n            {itemType === 'grid' ? (\n              <VeeqoText variant={isHovered ? 'bodyBold' : 'body'}>{label}</VeeqoText>\n            ) : (\n              <Text slot=\"label\">\n                <VeeqoText variant={isHovered ? 'bodyBold' : 'body'}>{label}</VeeqoText>\n              </Text>\n            )}\n            {itemInfoSlot}\n            {endInfoSlot && (\n              <div className={endInfoSlot ? styles.justifyEnd : styles.justifyStart}>\n                {endInfoSlot}\n              </div>\n            )}\n          </div>\n\n          {hint && (\n            <Text slot=\"description\">\n              <VeeqoText variant=\"body\">{hint}</VeeqoText>\n            </Text>\n          )}\n          {alert && <MiniAlert title={alert.title} variant={alert.variant} />}\n        </FlexCol>\n      </FlexRow>\n      {isLink && <ArrowRightIcon className={styles.linkIcon} data-testid=\"link-icon\" />}\n    </FlexRow>\n  );\n};\n"],"names":["React","VeeqoText","Text"],"mappings":"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"}
+{"version":3,"file":"ItemContent.js","sources":["../../../../../src/components/SelectDropdown/components/ItemContent/ItemContent.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { Text } from 'react-aria-components';\nimport { buildClassnames } from '../../../../utils';\nimport { FlexCol } from '../../../Flex/FlexCol';\nimport { ArrowRightIcon, DragIndicatorIcon } from '../../../../icons';\nimport { ItemContentProps } from './types';\nimport { Text as VeeqoText } from '../../../Text';\nimport { MiniAlert } from '../../../Alerts/MiniAlert';\nimport { SelectionType } from './SelectionType';\nimport styles from './ItemContent.module.scss';\nimport { FlexRow } from '../../../Flex/FlexRow';\n\nexport const ItemContent = ({\n  label,\n  hint,\n  itemInfoSlot,\n  endInfoSlot,\n  alert,\n  mediaSlot,\n  allowsDragging = false,\n  shouldDisableSelectionRender = false,\n  selectionMode = 'single',\n  isLink,\n  isSelected = false,\n  isHovered = false,\n  itemType,\n}: ItemContentProps) => {\n  const infoContainerClassNames = useMemo(() => {\n    const base = styles.infoContainer;\n\n    if (itemInfoSlot && endInfoSlot) {\n      return buildClassnames([base, styles.hasItemInfoAndEndInfo]);\n    }\n\n    if (itemInfoSlot) {\n      return buildClassnames([base, styles.hasItemInfoOnly]);\n    }\n\n    if (endInfoSlot) {\n      return buildClassnames([base, styles.hasEndInfoOnly]);\n    }\n\n    return buildClassnames([base]);\n  }, [endInfoSlot, itemInfoSlot]);\n\n  return (\n    <FlexRow\n      flexWrap=\"nowrap\"\n      justifyContent=\"space-between\"\n      alignItems=\"center\"\n      gap=\"base\"\n      style={{ flexGrow: 1 }}\n    >\n      <FlexRow flexWrap=\"nowrap\" gap=\"base\" style={{ flexGrow: 1 }}>\n        {allowsDragging && <DragIndicatorIcon data-testid=\"drag-icon\" />}\n        <SelectionType\n          shouldDisableSelectionRender={shouldDisableSelectionRender}\n          selectionMode={selectionMode}\n          isSelected={isSelected}\n          isLink={isLink}\n        />\n        {mediaSlot}\n        <FlexCol gap=\"xs\" style={{ flexGrow: 1 }}>\n          <div className={infoContainerClassNames} data-testid=\"info-container\">\n            {itemType === 'grid' ? (\n              <VeeqoText variant={isHovered ? 'bodyBold' : 'body'}>{label}</VeeqoText>\n            ) : (\n              <Text slot=\"label\">\n                <VeeqoText variant={isHovered ? 'bodyBold' : 'body'}>{label}</VeeqoText>\n              </Text>\n            )}\n            {itemInfoSlot}\n            {endInfoSlot && (\n              <div className={endInfoSlot ? styles.justifyEnd : styles.justifyStart}>\n                {endInfoSlot}\n              </div>\n            )}\n          </div>\n\n          {hint && (\n            <Text slot=\"description\">\n              <VeeqoText variant=\"body\">{hint}</VeeqoText>\n            </Text>\n          )}\n          {alert && <MiniAlert title={alert.title} variant={alert.variant} />}\n        </FlexCol>\n      </FlexRow>\n      {isLink && <ArrowRightIcon className={styles.linkIcon} data-testid=\"link-icon\" />}\n    </FlexRow>\n  );\n};\n"],"names":["React","VeeqoText","Text"],"mappings":"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"}

package/dist/components/SelectDropdown/components/ItemContent/SelectionType.cjs

@@ -8,12 +8,14 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-const SelectionType = ({ selectionMode, isSelected, isLink }) => {
-    if (isLink || selectionMode === 'none')
+const SelectionType = ({ shouldDisableSelectionRender = false, selectionMode, isSelected, isLink, }) => {
+    if (isLink || selectionMode === 'none' || shouldDisableSelectionRender)
         return null;
     if (selectionMode === 'single')
         return React__default.default.createElement(Radio.Radio, { checked: isSelected, onChange: () => { } });
-    return React__default.default.createElement(Checkbox.Checkbox, { checked: isSelected, onChange: () => { } });
+    if (selectionMode === 'multiple')
+        return React__default.default.createElement(Checkbox.Checkbox, { checked: isSelected, onChange: () => { } });
+    return null;
 };
 
 exports.SelectionType = SelectionType;

package/dist/components/SelectDropdown/components/ItemContent/SelectionType.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionType.cjs","sources":["../../../../../src/components/SelectDropdown/components/ItemContent/SelectionType.tsx"],"sourcesContent":["import React from 'react';\nimport { Radio } from '../../../Radio';\nimport { Checkbox } from '../../../Checkbox';\n\ntype SelectionTypeProps = {\n  selectionMode: 'single' | 'multiple' | 'none';\n  isSelected: boolean;\n  isLink?: boolean;\n};\n\nexport const SelectionType = ({ selectionMode, isSelected, isLink }: SelectionTypeProps) => {\n  if (isLink || selectionMode === 'none') return null;\n\n  if (selectionMode === 'single') return <Radio checked={isSelected} onChange={() => {}} />;\n\n  return <Checkbox checked={isSelected} onChange={() => {}} />;\n};\n"],"names":["React","Radio","Checkbox"],"mappings":";;;;;;;;;;AAUO,MAAM,aAAa,GAAG,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,EAAsB,KAAI;AACzF,IAAA,IAAI,MAAM,IAAI,aAAa,KAAK,MAAM;AAAE,QAAA,OAAO,IAAI;IAEnD,IAAI,aAAa,KAAK,QAAQ;AAAE,QAAA,OAAOA,sBAAC,CAAA,aAAA,CAAAC,WAAK,EAAC,EAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAO,GAAC,GAAI;AAEzF,IAAA,OAAOD,sBAAC,CAAA,aAAA,CAAAE,iBAAQ,EAAC,EAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAO,GAAC,GAAI;AAC9D;;;;"}
+{"version":3,"file":"SelectionType.cjs","sources":["../../../../../src/components/SelectDropdown/components/ItemContent/SelectionType.tsx"],"sourcesContent":["import React from 'react';\nimport { Radio } from '../../../Radio';\nimport { Checkbox } from '../../../Checkbox';\n\ntype SelectionTypeProps = {\n  selectionMode: 'single' | 'multiple' | 'none';\n  isSelected: boolean;\n  isLink?: boolean;\n  shouldDisableSelectionRender?: boolean;\n};\n\nexport const SelectionType = ({\n  shouldDisableSelectionRender = false,\n  selectionMode,\n  isSelected,\n  isLink,\n}: SelectionTypeProps) => {\n  if (isLink || selectionMode === 'none' || shouldDisableSelectionRender) return null;\n\n  if (selectionMode === 'single') return <Radio checked={isSelected} onChange={() => {}} />;\n\n  if (selectionMode === 'multiple') return <Checkbox checked={isSelected} onChange={() => {}} />;\n\n  return null;\n};\n"],"names":["React","Radio","Checkbox"],"mappings":";;;;;;;;;;AAWa,MAAA,aAAa,GAAG,CAAC,EAC5B,4BAA4B,GAAG,KAAK,EACpC,aAAa,EACb,UAAU,EACV,MAAM,GACa,KAAI;AACvB,IAAA,IAAI,MAAM,IAAI,aAAa,KAAK,MAAM,IAAI,4BAA4B;AAAE,QAAA,OAAO,IAAI;IAEnF,IAAI,aAAa,KAAK,QAAQ;AAAE,QAAA,OAAOA,sBAAC,CAAA,aAAA,CAAAC,WAAK,EAAC,EAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAO,GAAC,GAAI;IAEzF,IAAI,aAAa,KAAK,UAAU;AAAE,QAAA,OAAOD,sBAAC,CAAA,aAAA,CAAAE,iBAAQ,EAAC,EAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAO,GAAC,GAAI;AAE9F,IAAA,OAAO,IAAI;AACb;;;;"}

package/dist/components/SelectDropdown/components/ItemContent/SelectionType.d.ts

@@ -3,6 +3,7 @@ type SelectionTypeProps = {
     selectionMode: 'single' | 'multiple' | 'none';
     isSelected: boolean;
     isLink?: boolean;
+    shouldDisableSelectionRender?: boolean;
 };
-export declare const SelectionType: ({ selectionMode, isSelected, isLink }: SelectionTypeProps) => React.JSX.Element | null;
+export declare const SelectionType: ({ shouldDisableSelectionRender, selectionMode, isSelected, isLink, }: SelectionTypeProps) => React.JSX.Element | null;
 export {};

package/dist/components/SelectDropdown/components/ItemContent/SelectionType.js

@@ -2,12 +2,14 @@ import React__default from 'react';
 import { Radio } from '../../../Radio/Radio.js';
 import { Checkbox } from '../../../Checkbox/Checkbox.js';
 
-const SelectionType = ({ selectionMode, isSelected, isLink }) => {
-    if (isLink || selectionMode === 'none')
+const SelectionType = ({ shouldDisableSelectionRender = false, selectionMode, isSelected, isLink, }) => {
+    if (isLink || selectionMode === 'none' || shouldDisableSelectionRender)
         return null;
     if (selectionMode === 'single')
         return React__default.createElement(Radio, { checked: isSelected, onChange: () => { } });
-    return React__default.createElement(Checkbox, { checked: isSelected, onChange: () => { } });
+    if (selectionMode === 'multiple')
+        return React__default.createElement(Checkbox, { checked: isSelected, onChange: () => { } });
+    return null;
 };
 
 export { SelectionType };

package/dist/components/SelectDropdown/components/ItemContent/SelectionType.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionType.js","sources":["../../../../../src/components/SelectDropdown/components/ItemContent/SelectionType.tsx"],"sourcesContent":["import React from 'react';\nimport { Radio } from '../../../Radio';\nimport { Checkbox } from '../../../Checkbox';\n\ntype SelectionTypeProps = {\n  selectionMode: 'single' | 'multiple' | 'none';\n  isSelected: boolean;\n  isLink?: boolean;\n};\n\nexport const SelectionType = ({ selectionMode, isSelected, isLink }: SelectionTypeProps) => {\n  if (isLink || selectionMode === 'none') return null;\n\n  if (selectionMode === 'single') return <Radio checked={isSelected} onChange={() => {}} />;\n\n  return <Checkbox checked={isSelected} onChange={() => {}} />;\n};\n"],"names":["React"],"mappings":";;;;AAUO,MAAM,aAAa,GAAG,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,EAAsB,KAAI;AACzF,IAAA,IAAI,MAAM,IAAI,aAAa,KAAK,MAAM;AAAE,QAAA,OAAO,IAAI;IAEnD,IAAI,aAAa,KAAK,QAAQ;AAAE,QAAA,OAAOA,cAAC,CAAA,aAAA,CAAA,KAAK,EAAC,EAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAO,GAAC,GAAI;AAEzF,IAAA,OAAOA,cAAC,CAAA,aAAA,CAAA,QAAQ,EAAC,EAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAO,GAAC,GAAI;AAC9D;;;;"}
+{"version":3,"file":"SelectionType.js","sources":["../../../../../src/components/SelectDropdown/components/ItemContent/SelectionType.tsx"],"sourcesContent":["import React from 'react';\nimport { Radio } from '../../../Radio';\nimport { Checkbox } from '../../../Checkbox';\n\ntype SelectionTypeProps = {\n  selectionMode: 'single' | 'multiple' | 'none';\n  isSelected: boolean;\n  isLink?: boolean;\n  shouldDisableSelectionRender?: boolean;\n};\n\nexport const SelectionType = ({\n  shouldDisableSelectionRender = false,\n  selectionMode,\n  isSelected,\n  isLink,\n}: SelectionTypeProps) => {\n  if (isLink || selectionMode === 'none' || shouldDisableSelectionRender) return null;\n\n  if (selectionMode === 'single') return <Radio checked={isSelected} onChange={() => {}} />;\n\n  if (selectionMode === 'multiple') return <Checkbox checked={isSelected} onChange={() => {}} />;\n\n  return null;\n};\n"],"names":["React"],"mappings":";;;;AAWa,MAAA,aAAa,GAAG,CAAC,EAC5B,4BAA4B,GAAG,KAAK,EACpC,aAAa,EACb,UAAU,EACV,MAAM,GACa,KAAI;AACvB,IAAA,IAAI,MAAM,IAAI,aAAa,KAAK,MAAM,IAAI,4BAA4B;AAAE,QAAA,OAAO,IAAI;IAEnF,IAAI,aAAa,KAAK,QAAQ;AAAE,QAAA,OAAOA,cAAC,CAAA,aAAA,CAAA,KAAK,EAAC,EAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAO,GAAC,GAAI;IAEzF,IAAI,aAAa,KAAK,UAAU;AAAE,QAAA,OAAOA,cAAC,CAAA,aAAA,CAAA,QAAQ,EAAC,EAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAO,GAAC,GAAI;AAE9F,IAAA,OAAO,IAAI;AACb;;;;"}

package/dist/components/SelectDropdown/components/ListItem/ListItem.cjs

@@ -14,9 +14,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-const ListItem = ({ id, label, href, appearance = 'primary', className, ...props }) => {
+const ListItem = ({ id, label, href, appearance = 'primary', shouldDisableSelectionRender = false, className, ...props }) => {
     const idComputed = useId.useId({ id, prefix: 'list-item' });
-    return (React__default.default.createElement(reactAriaComponents.ListBoxItem, { id: idComputed, textValue: label, href: href, className: buildClassnames.buildClassnames([item_module.item, item_module[`appearance-${appearance}`], className]), ...props }, ({ selectionMode, allowsDragging, isSelected, isHovered }) => (React__default.default.createElement(ItemContent.ItemContent, { selectionMode: selectionMode, allowsDragging: allowsDragging, isSelected: isSelected, isHovered: isHovered, label: label, isLink: Boolean(href), appearance: appearance, itemType: "list", ...props }))));
+    return (React__default.default.createElement(reactAriaComponents.ListBoxItem, { id: idComputed, textValue: label, href: href, className: buildClassnames.buildClassnames([item_module.item, item_module[`appearance-${appearance}`], className]), ...props }, ({ selectionMode, allowsDragging, isSelected, isHovered }) => (React__default.default.createElement(ItemContent.ItemContent, { selectionMode: selectionMode, allowsDragging: allowsDragging, isSelected: isSelected, isHovered: isHovered, label: label, isLink: Boolean(href), appearance: appearance, itemType: "list", shouldDisableSelectionRender: shouldDisableSelectionRender, ...props }))));
 };
 
 exports.ListItem = ListItem;

package/dist/components/SelectDropdown/components/ListItem/ListItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.cjs","sources":["../../../../../src/components/SelectDropdown/components/ListItem/ListItem.tsx"],"sourcesContent":["import React from 'react';\nimport { ListBoxItem, ListBoxItemRenderProps } from 'react-aria-components';\nimport { useId } from '../../../../hooks';\nimport { ListItemProps } from './types';\nimport { ItemContent } from '../ItemContent';\nimport { buildClassnames } from '../../../../utils';\n\nimport styles from '../item.module.scss';\n\nexport const ListItem = ({\n  id,\n  label,\n  href,\n  appearance = 'primary',\n  className,\n  ...props\n}: ListItemProps) => {\n  const idComputed = useId({ id, prefix: 'list-item' });\n\n  return (\n    <ListBoxItem\n      id={idComputed}\n      textValue={label}\n      href={href}\n      className={buildClassnames([styles.item, styles[`appearance-${appearance}`], className])}\n      {...props}\n    >\n      {/* use react aria's render props to add more such as isHovered */}\n      {({ selectionMode, allowsDragging, isSelected, isHovered }: ListBoxItemRenderProps) => (\n        <ItemContent\n          selectionMode={selectionMode}\n          allowsDragging={allowsDragging}\n          isSelected={isSelected}\n          isHovered={isHovered}\n          label={label}\n          isLink={Boolean(href)}\n          appearance={appearance}\n          itemType=\"list\"\n          {...props}\n        />\n      )}\n    </ListBoxItem>\n  );\n};\n"],"names":["useId","React","ListBoxItem","buildClassnames","styles","ItemContent"],"mappings":";;;;;;;;;;;;;;;;MASa,QAAQ,GAAG,CAAC,EACvB,EAAE,EACF,KAAK,EACL,IAAI,EACJ,UAAU,GAAG,SAAS,EACtB,SAAS,EACT,GAAG,KAAK,EACM,KAAI;AAClB,IAAA,MAAM,UAAU,GAAGA,WAAK,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC;IAErD,QACEC,qCAACC,+BAAW,EAAA,EACV,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,KAAK,EAChB,IAAI,EAAE,IAAI,EACV,SAAS,EAAEC,+BAAe,CAAC,CAACC,WAAM,CAAC,IAAI,EAAEA,WAAM,CAAC,CAAA,WAAA,EAAc,UAAU,CAAE,CAAA,CAAC,EAAE,SAAS,CAAC,CAAC,EACpF,GAAA,KAAK,IAGR,CAAC,EAAE,aAAa,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,EAA0B,MAChFH,sBAAA,CAAA,aAAA,CAACI,uBAAW,EACV,EAAA,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,EACrB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAC,MAAM,EAAA,GACX,KAAK,EACT,CAAA,CACH,CACW;AAElB;;;;"}
+{"version":3,"file":"ListItem.cjs","sources":["../../../../../src/components/SelectDropdown/components/ListItem/ListItem.tsx"],"sourcesContent":["import React from 'react';\nimport { ListBoxItem, ListBoxItemRenderProps } from 'react-aria-components';\nimport { useId } from '../../../../hooks';\nimport { ListItemProps } from './types';\nimport { ItemContent } from '../ItemContent';\nimport { buildClassnames } from '../../../../utils';\n\nimport styles from '../item.module.scss';\n\nexport const ListItem = ({\n  id,\n  label,\n  href,\n  appearance = 'primary',\n  shouldDisableSelectionRender = false,\n  className,\n  ...props\n}: ListItemProps) => {\n  const idComputed = useId({ id, prefix: 'list-item' });\n\n  return (\n    <ListBoxItem\n      id={idComputed}\n      textValue={label}\n      href={href}\n      className={buildClassnames([styles.item, styles[`appearance-${appearance}`], className])}\n      {...props}\n    >\n      {/* use react aria's render props to add more such as isHovered */}\n      {({ selectionMode, allowsDragging, isSelected, isHovered }: ListBoxItemRenderProps) => (\n        <ItemContent\n          selectionMode={selectionMode}\n          allowsDragging={allowsDragging}\n          isSelected={isSelected}\n          isHovered={isHovered}\n          label={label}\n          isLink={Boolean(href)}\n          appearance={appearance}\n          itemType=\"list\"\n          shouldDisableSelectionRender={shouldDisableSelectionRender}\n          {...props}\n        />\n      )}\n    </ListBoxItem>\n  );\n};\n"],"names":["useId","React","ListBoxItem","buildClassnames","styles","ItemContent"],"mappings":";;;;;;;;;;;;;;;;AASa,MAAA,QAAQ,GAAG,CAAC,EACvB,EAAE,EACF,KAAK,EACL,IAAI,EACJ,UAAU,GAAG,SAAS,EACtB,4BAA4B,GAAG,KAAK,EACpC,SAAS,EACT,GAAG,KAAK,EACM,KAAI;AAClB,IAAA,MAAM,UAAU,GAAGA,WAAK,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC;IAErD,QACEC,qCAACC,+BAAW,EAAA,EACV,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,KAAK,EAChB,IAAI,EAAE,IAAI,EACV,SAAS,EAAEC,+BAAe,CAAC,CAACC,WAAM,CAAC,IAAI,EAAEA,WAAM,CAAC,CAAc,WAAA,EAAA,UAAU,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC,EAAA,GACpF,KAAK,EAGR,EAAA,CAAC,EAAE,aAAa,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,EAA0B,MAChFH,qCAACI,uBAAW,EAAA,EACV,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,EACrB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAC,MAAM,EACf,4BAA4B,EAAE,4BAA4B,EAAA,GACtD,KAAK,EACT,CAAA,CACH,CACW;AAElB;;;;"}

package/dist/components/SelectDropdown/components/ListItem/ListItem.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { ListItemProps } from './types';
-export declare const ListItem: ({ id, label, href, appearance, className, ...props }: ListItemProps) => React.JSX.Element;
+export declare const ListItem: ({ id, label, href, appearance, shouldDisableSelectionRender, className, ...props }: ListItemProps) => React.JSX.Element;