npm - @redsift/design-system - Versions diffs - 11.6.0-muiv5-alpha.2 → 11.6.0-muiv5-alpha.4 - Mend

@redsift/design-system 11.6.0-muiv5-alpha.2 → 11.6.0-muiv5-alpha.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (178) hide show

package/components/item/Item.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef, useRef, useContext } from 'react';
+import React, { forwardRef, useRef, useContext } from 'react';
 import classNames from 'classnames';
 import { StyledItem } from './styles.js';
 import { useListboxItem } from '../listbox/useListboxItem.js';
@@ -58,9 +58,9 @@ const RenderedListboxItem = /*#__PURE__*/forwardRef((props, ref) => {
   const theme = useTheme(propsTheme);
   const color = Object.values(ButtonsColorPalette).includes(propsColor) ? propsColor : 'primary';
   const isGradient = color === ButtonsColorPalette.radar;
-  return /*#__PURE__*/React__default.createElement(ConditionalWrapper, {
+  return /*#__PURE__*/React.createElement(ConditionalWrapper, {
     condition: isGradient,
-    wrapper: children => /*#__PURE__*/React__default.createElement(StyledGradientBorder, {
+    wrapper: children => /*#__PURE__*/React.createElement(StyledGradientBorder, {
       $borderRadius: borderRadius,
       $color: color,
       $isActive: isActive,
@@ -69,7 +69,7 @@ const RenderedListboxItem = /*#__PURE__*/forwardRef((props, ref) => {
       $theme: theme,
       width: "auto"
     }, children)
-  }, /*#__PURE__*/React__default.createElement(StyledItem, _extends({
+  }, /*#__PURE__*/React.createElement(StyledItem, _extends({
     role: "option"
   }, forwardedProps, {
     id: id,
@@ -89,13 +89,13 @@ const RenderedListboxItem = /*#__PURE__*/forwardRef((props, ref) => {
     ref: divRef,
     onKeyDown: handleKeyDown,
     tabIndex: tabIndex
-  }), hasCheckbox ? /*#__PURE__*/React__default.createElement(Flexbox, null, isSelected ? /*#__PURE__*/React__default.createElement(Icon, {
+  }), hasCheckbox ? /*#__PURE__*/React.createElement(Flexbox, null, isSelected ? /*#__PURE__*/React.createElement(Icon, {
     color: isDisabled ? 'grey' : color,
     icon: mdiCheckboxMarked
-  }) : /*#__PURE__*/React__default.createElement(Icon, {
+  }) : /*#__PURE__*/React.createElement(Icon, {
     color: "question",
     icon: mdiCheckboxBlankOutline
-  }), children ? children : /*#__PURE__*/React__default.createElement(Text, null, value)) : children !== null && children !== void 0 ? children : value));
+  }), children ? children : /*#__PURE__*/React.createElement(Text, null, value)) : children !== null && children !== void 0 ? children : value));
 });
 const RenderedMenuItem = /*#__PURE__*/forwardRef((props, ref) => {
   const {
@@ -135,9 +135,9 @@ const RenderedMenuItem = /*#__PURE__*/forwardRef((props, ref) => {
   const theme = useTheme(propsTheme);
   const color = Object.values(ButtonsColorPalette).includes(propsColor) ? propsColor : 'primary';
   const isGradient = color === ButtonsColorPalette.radar;
-  return /*#__PURE__*/React__default.createElement(ConditionalWrapper, {
+  return /*#__PURE__*/React.createElement(ConditionalWrapper, {
     condition: isGradient,
-    wrapper: children => /*#__PURE__*/React__default.createElement(StyledGradientBorder, {
+    wrapper: children => /*#__PURE__*/React.createElement(StyledGradientBorder, {
       $borderRadius: borderRadius,
       $color: color,
       $isActive: isActive,
@@ -146,7 +146,7 @@ const RenderedMenuItem = /*#__PURE__*/forwardRef((props, ref) => {
       $theme: theme,
       width: "auto"
     }, children)
-  }, /*#__PURE__*/React__default.createElement(StyledItem, _extends({
+  }, /*#__PURE__*/React.createElement(StyledItem, _extends({
     as: "li",
     role: isLinkMenuItem ? 'none' : 'menuitem'
   }, forwardedProps, {
@@ -166,7 +166,7 @@ const RenderedMenuItem = /*#__PURE__*/forwardRef((props, ref) => {
     ref: divRef,
     onKeyDown: handleKeyDown,
     tabIndex: tabIndex
-  }), isLinkMenuItem ? /*#__PURE__*/React__default.cloneElement(children, {
+  }), isLinkMenuItem ? /*#__PURE__*/React.cloneElement(children, {
     role: 'menuitem',
     ref: linkRef
   }) : children));
@@ -182,10 +182,10 @@ const Item = /*#__PURE__*/forwardRef((props, ref) => {
   const focusContext = useContext(FocusWithinGroupContext);
   const isListbox = focusContext.state.listRole === 'listbox';
   if (!focusContext.state.filter) {
-    return isListbox ? /*#__PURE__*/React__default.createElement(RenderedListboxItem, _extends({}, props, {
+    return isListbox ? /*#__PURE__*/React.createElement(RenderedListboxItem, _extends({}, props, {
       value: props.value,
       ref: ref
-    })) : /*#__PURE__*/React__default.createElement(RenderedMenuItem, _extends({}, props, {
+    })) : /*#__PURE__*/React.createElement(RenderedMenuItem, _extends({}, props, {
       ref: ref
     }));
   }
@@ -195,24 +195,24 @@ const Item = /*#__PURE__*/forwardRef((props, ref) => {
     caseSensitive
   } = focusContext.state.filter;
   if (!filterValue) {
-    return isListbox ? /*#__PURE__*/React__default.createElement(RenderedListboxItem, _extends({}, props, {
+    return isListbox ? /*#__PURE__*/React.createElement(RenderedListboxItem, _extends({}, props, {
       value: props.value,
       ref: ref
-    })) : /*#__PURE__*/React__default.createElement(RenderedMenuItem, _extends({}, props, {
+    })) : /*#__PURE__*/React.createElement(RenderedMenuItem, _extends({}, props, {
       ref: ref
     }));
   } else if (caseSensitive && (type === 'startsWith' && value.startsWith(filterValue) || type === 'contains' && value.includes(filterValue) || type === 'endsWith' && value.endsWith(filterValue))) {
-    return isListbox ? /*#__PURE__*/React__default.createElement(RenderedListboxItem, _extends({}, props, {
+    return isListbox ? /*#__PURE__*/React.createElement(RenderedListboxItem, _extends({}, props, {
       value: props.value,
       ref: ref
-    })) : /*#__PURE__*/React__default.createElement(RenderedMenuItem, _extends({}, props, {
+    })) : /*#__PURE__*/React.createElement(RenderedMenuItem, _extends({}, props, {
       ref: ref
     }));
   } else if (!caseSensitive && (type === 'startsWith' && value.toLowerCase().startsWith(filterValue.toLowerCase()) || type === 'contains' && value.toLowerCase().includes(filterValue.toLowerCase()) || type === 'endsWith' && value.toLowerCase().endsWith(filterValue.toLowerCase()))) {
-    return isListbox ? /*#__PURE__*/React__default.createElement(RenderedListboxItem, _extends({}, props, {
+    return isListbox ? /*#__PURE__*/React.createElement(RenderedListboxItem, _extends({}, props, {
       value: props.value,
       ref: ref
-    })) : /*#__PURE__*/React__default.createElement(RenderedMenuItem, _extends({}, props, {
+    })) : /*#__PURE__*/React.createElement(RenderedMenuItem, _extends({}, props, {
       ref: ref
     }));
   }

package/components/item/Item.js.map CHANGED Viewed

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

package/components/link/Link.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import classNames from 'classnames';
 import { StyledLink } from './styles.js';
 import { useTheme } from '../theme/useTheme.js';
@@ -33,7 +33,7 @@ const Link = /*#__PURE__*/forwardRef((props, ref) => {
     } = props,
     forwardedProps = _objectWithoutProperties(props, _excluded);
   const theme = useTheme(propsTheme);
-  return /*#__PURE__*/React__default.createElement(StyledLink, _extends({
+  return /*#__PURE__*/React.createElement(StyledLink, _extends({
     as: as,
     "aria-disabled": isDisabled,
     role: "link",
@@ -46,14 +46,14 @@ const Link = /*#__PURE__*/forwardRef((props, ref) => {
     className: classNames(Link.className, className),
     href: !isDisabled ? href : undefined,
     ref: ref
-  }), leftIcon || rightIcon ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, leftIcon ? /*#__PURE__*/React__default.createElement(Icon, _extends({
+  }), leftIcon || rightIcon ? /*#__PURE__*/React.createElement(React.Fragment, null, leftIcon ? /*#__PURE__*/React.createElement(Icon, _extends({
     icon: leftIcon,
     "aria-hidden": "true",
     className: "left",
     size: "xsmall"
-  }, leftIconProps)) : null, /*#__PURE__*/React__default.createElement("span", {
+  }, leftIconProps)) : null, /*#__PURE__*/React.createElement("span", {
     className: "text"
-  }, children), rightIcon ? /*#__PURE__*/React__default.createElement(Icon, _extends({
+  }, children), rightIcon ? /*#__PURE__*/React.createElement(Icon, _extends({
     icon: rightIcon,
     "aria-hidden": "true",
     className: "right",

package/components/link/Link.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Link.js","sources":["../../../src/components/link/Link.tsx"],"sourcesContent":["import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\nimport { Comp } from '../../types';\nimport { StyledLink } from './styles';\nimport { LinkProps } from './types';\nimport { useTheme } from '../theme';\nimport { Icon } from '../icon';\n\nconst COMPONENT_NAME = 'Link';\nconst CLASSNAME = 'redsift-link';\n\n/*\n The Link is a semantic link that looks like a link.\n * Shoud be used for internal and external navigation only.\n \n For a semantic link that looks like a button, please use the ButtonLink component.\n * For a semantic button that looks like a button, please use the Button component.\n * For a semantic button that looks like a link, please use the LinkButton component.\n */\nexport const Link: Comp<LinkProps, HTMLAnchorElement> = forwardRef((props, ref) => {\n const {\n as,\n children,\n className,\n color = 'primary',\n href,\n isDisabled,\n leftIcon,\n leftIconProps,\n rightIcon,\n rightIconProps,\n theme: propsTheme,\n ...forwardedProps\n } = props;\n\n const theme = useTheme(propsTheme);\n\n return (\n <StyledLink\n as={as as any}\n aria-disabled={isDisabled}\n role=\"link\"\n tabIndex={!isDisabled ? 0 : undefined}\n {...forwardedProps}\n $color={color}\n $isDisabled={isDisabled}\n $theme={theme}\n $hasIcons={leftIcon \|\| rightIcon}\n className={classNames(Link.className, className)}\n href={!isDisabled ? href : undefined}\n ref={ref as RefObject<HTMLAnchorElement>}\n >\n {leftIcon \|\| rightIcon ? (\n <>\n {leftIcon ? (\n <Icon icon={leftIcon} aria-hidden=\"true\" className=\"left\" size=\"xsmall\" {...leftIconProps} />\n ) : null}\n <span className=\"text\">{children}</span>\n {rightIcon ? (\n <Icon icon={rightIcon} aria-hidden=\"true\" className=\"right\" size=\"xsmall\" {...rightIconProps} />\n ) : null}\n </>\n ) : (\n children\n )}\n </StyledLink>\n );\n});\nLink.className = CLASSNAME;\nLink.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","Link","forwardRef","props","ref","as","children","className","color","href","isDisabled","leftIcon","leftIconProps","rightIcon","rightIconProps","theme","propsTheme","forwardedProps","_objectWithoutProperties","_excluded","useTheme","React","createElement","StyledLink","_extends","role","tabIndex","undefined","$color","$isDisabled","$theme","$hasIcons","classNames","Fragment","Icon","icon","size","displayName"],"mappings":";;;;;;;;AAQA,MAAMA,cAAc,GAAG,MAAM,CAAA;AAC7B,MAAMC,SAAS,GAAG,cAAc,CAAA;;AAEhC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,IAAwC,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACjF,MAAM;MACJC,EAAE;MACFC,QAAQ;MACRC,SAAS;AACTC,MAAAA,KAAK,GAAG,SAAS;MACjBC,IAAI;MACJC,UAAU;MACVC,QAAQ;MACRC,aAAa;MACbC,SAAS;MACTC,cAAc;AACdC,MAAAA,KAAK,EAAEC,UAAAA;AAET,KAAC,GAAGb,KAAK;AADJc,IAAAA,cAAc,GAAAC,wBAAA,CACff,KAAK,EAAAgB,SAAA,CAAA,CAAA;AAET,EAAA,MAAMJ,KAAK,GAAGK,QAAQ,CAACJ,UAAU,CAAC,CAAA;AAElC,EAAA,oBACEK,~~cAAA~~,CAAAC,aAAA,CAACC,UAAU,EAAAC,QAAA,CAAA;AACTnB,IAAAA,EAAE,EAAEA,EAAU;AACd,IAAA,eAAA,EAAeK,UAAW;AAC1Be,IAAAA,IAAI,EAAC,MAAM;AACXC,IAAAA,QAAQ,EAAE,CAAChB,UAAU,GAAG,CAAC,GAAGiB,SAAAA;AAAU,GAAA,EAClCV,cAAc,EAAA;AAClBW,IAAAA,MAAM,EAAEpB,KAAM;AACdqB,IAAAA,WAAW,EAAEnB,UAAW;AACxBoB,IAAAA,MAAM,EAAEf,KAAM;IACdgB,SAAS,EAAEpB,QAAQ,IAAIE,SAAU;IACjCN,SAAS,EAAEyB,UAAU,CAAC/B,IAAI,CAACM,SAAS,EAAEA,SAAS,CAAE;AACjDE,IAAAA,IAAI,EAAE,CAACC,UAAU,GAAGD,IAAI,GAAGkB,SAAU;AACrCvB,IAAAA,GAAG,EAAEA,GAAAA;GAEJO,CAAAA,EAAAA,QAAQ,IAAIE,SAAS,gBACpBQ,~~cAAA~~,CAAAC,aAAA,CAAAD,~~cAAA~~,CAAAY,QAAA,EACGtB,IAAAA,EAAAA,QAAQ,gBACPU,~~cAAA~~,CAAAC,aAAA,CAACY,IAAI,EAAAV,QAAA,CAAA;AAACW,IAAAA,IAAI,EAAExB,QAAS;AAAC,IAAA,aAAA,EAAY,MAAM;AAACJ,IAAAA,SAAS,EAAC,MAAM;AAAC6B,IAAAA,IAAI,EAAC,QAAA;GAAaxB,EAAAA,aAAa,CAAG,CAAC,GAC3F,IAAI,eACRS,~~cAAA~~,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMf,IAAAA,SAAS,EAAC,MAAA;GAAQD,EAAAA,QAAe,CAAC,EACvCO,SAAS,gBACRQ,~~cAAA~~,CAAAC,aAAA,CAACY,IAAI,EAAAV,QAAA,CAAA;AAACW,IAAAA,IAAI,EAAEtB,SAAU;AAAC,IAAA,aAAA,EAAY,MAAM;AAACN,IAAAA,SAAS,EAAC,OAAO;AAAC6B,IAAAA,IAAI,EAAC,QAAA;GAAatB,EAAAA,cAAc,CAAG,CAAC,GAC9F,IACJ,CAAC,GAEHR,QAEQ,CAAC,CAAA;AAEjB,CAAC,EAAC;AACFL,IAAI,CAACM,SAAS,GAAGP,SAAS,CAAA;AAC1BC,IAAI,CAACoC,WAAW,GAAGtC,cAAc;;;;"}
1	+ {"version":3,"file":"Link.js","sources":["../../../src/components/link/Link.tsx"],"sourcesContent":["import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\nimport { Comp } from '../../types';\nimport { StyledLink } from './styles';\nimport { LinkProps } from './types';\nimport { useTheme } from '../theme';\nimport { Icon } from '../icon';\n\nconst COMPONENT_NAME = 'Link';\nconst CLASSNAME = 'redsift-link';\n\n/*\n The Link is a semantic link that looks like a link.\n * Shoud be used for internal and external navigation only.\n \n For a semantic link that looks like a button, please use the ButtonLink component.\n * For a semantic button that looks like a button, please use the Button component.\n * For a semantic button that looks like a link, please use the LinkButton component.\n */\nexport const Link: Comp<LinkProps, HTMLAnchorElement> = forwardRef((props, ref) => {\n const {\n as,\n children,\n className,\n color = 'primary',\n href,\n isDisabled,\n leftIcon,\n leftIconProps,\n rightIcon,\n rightIconProps,\n theme: propsTheme,\n ...forwardedProps\n } = props;\n\n const theme = useTheme(propsTheme);\n\n return (\n <StyledLink\n as={as as any}\n aria-disabled={isDisabled}\n role=\"link\"\n tabIndex={!isDisabled ? 0 : undefined}\n {...forwardedProps}\n $color={color}\n $isDisabled={isDisabled}\n $theme={theme}\n $hasIcons={leftIcon \|\| rightIcon}\n className={classNames(Link.className, className)}\n href={!isDisabled ? href : undefined}\n ref={ref as RefObject<HTMLAnchorElement>}\n >\n {leftIcon \|\| rightIcon ? (\n <>\n {leftIcon ? (\n <Icon icon={leftIcon} aria-hidden=\"true\" className=\"left\" size=\"xsmall\" {...leftIconProps} />\n ) : null}\n <span className=\"text\">{children}</span>\n {rightIcon ? (\n <Icon icon={rightIcon} aria-hidden=\"true\" className=\"right\" size=\"xsmall\" {...rightIconProps} />\n ) : null}\n </>\n ) : (\n children\n )}\n </StyledLink>\n );\n});\nLink.className = CLASSNAME;\nLink.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","Link","forwardRef","props","ref","as","children","className","color","href","isDisabled","leftIcon","leftIconProps","rightIcon","rightIconProps","theme","propsTheme","forwardedProps","_objectWithoutProperties","_excluded","useTheme","React","createElement","StyledLink","_extends","role","tabIndex","undefined","$color","$isDisabled","$theme","$hasIcons","classNames","Fragment","Icon","icon","size","displayName"],"mappings":";;;;;;;;AAQA,MAAMA,cAAc,GAAG,MAAM,CAAA;AAC7B,MAAMC,SAAS,GAAG,cAAc,CAAA;;AAEhC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,IAAwC,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACjF,MAAM;MACJC,EAAE;MACFC,QAAQ;MACRC,SAAS;AACTC,MAAAA,KAAK,GAAG,SAAS;MACjBC,IAAI;MACJC,UAAU;MACVC,QAAQ;MACRC,aAAa;MACbC,SAAS;MACTC,cAAc;AACdC,MAAAA,KAAK,EAAEC,UAAAA;AAET,KAAC,GAAGb,KAAK;AADJc,IAAAA,cAAc,GAAAC,wBAAA,CACff,KAAK,EAAAgB,SAAA,CAAA,CAAA;AAET,EAAA,MAAMJ,KAAK,GAAGK,QAAQ,CAACJ,UAAU,CAAC,CAAA;AAElC,EAAA,oBACEK,KAAA,CAAAC,aAAA,CAACC,UAAU,EAAAC,QAAA,CAAA;AACTnB,IAAAA,EAAE,EAAEA,EAAU;AACd,IAAA,eAAA,EAAeK,UAAW;AAC1Be,IAAAA,IAAI,EAAC,MAAM;AACXC,IAAAA,QAAQ,EAAE,CAAChB,UAAU,GAAG,CAAC,GAAGiB,SAAAA;AAAU,GAAA,EAClCV,cAAc,EAAA;AAClBW,IAAAA,MAAM,EAAEpB,KAAM;AACdqB,IAAAA,WAAW,EAAEnB,UAAW;AACxBoB,IAAAA,MAAM,EAAEf,KAAM;IACdgB,SAAS,EAAEpB,QAAQ,IAAIE,SAAU;IACjCN,SAAS,EAAEyB,UAAU,CAAC/B,IAAI,CAACM,SAAS,EAAEA,SAAS,CAAE;AACjDE,IAAAA,IAAI,EAAE,CAACC,UAAU,GAAGD,IAAI,GAAGkB,SAAU;AACrCvB,IAAAA,GAAG,EAAEA,GAAAA;GAEJO,CAAAA,EAAAA,QAAQ,IAAIE,SAAS,gBACpBQ,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAY,QAAA,EACGtB,IAAAA,EAAAA,QAAQ,gBACPU,KAAA,CAAAC,aAAA,CAACY,IAAI,EAAAV,QAAA,CAAA;AAACW,IAAAA,IAAI,EAAExB,QAAS;AAAC,IAAA,aAAA,EAAY,MAAM;AAACJ,IAAAA,SAAS,EAAC,MAAM;AAAC6B,IAAAA,IAAI,EAAC,QAAA;GAAaxB,EAAAA,aAAa,CAAG,CAAC,GAC3F,IAAI,eACRS,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMf,IAAAA,SAAS,EAAC,MAAA;GAAQD,EAAAA,QAAe,CAAC,EACvCO,SAAS,gBACRQ,KAAA,CAAAC,aAAA,CAACY,IAAI,EAAAV,QAAA,CAAA;AAACW,IAAAA,IAAI,EAAEtB,SAAU;AAAC,IAAA,aAAA,EAAY,MAAM;AAACN,IAAAA,SAAS,EAAC,OAAO;AAAC6B,IAAAA,IAAI,EAAC,QAAA;GAAatB,EAAAA,cAAc,CAAG,CAAC,GAC9F,IACJ,CAAC,GAEHR,QAEQ,CAAC,CAAA;AAEjB,CAAC,EAAC;AACFL,IAAI,CAACM,SAAS,GAAGP,SAAS,CAAA;AAC1BC,IAAI,CAACoC,WAAW,GAAGtC,cAAc;;;;"}

package/components/link-button/LinkButton.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef, useRef } from 'react';
+import React, { forwardRef, useRef } from 'react';
 import classNames from 'classnames';
 import { StyledLink } from '../link/styles.js';
 import { useTheme } from '../theme/useTheme.js';
@@ -33,7 +33,7 @@ const LinkButton = /*#__PURE__*/forwardRef((props, ref) => {
     forwardedProps = _objectWithoutProperties(props, _excluded);
   const isDisabled = propsIsDisabled || disabled;
   const theme = useTheme(propsTheme);
-  return /*#__PURE__*/React__default.createElement(StyledLink, _extends({
+  return /*#__PURE__*/React.createElement(StyledLink, _extends({
     as: "button"
   }, forwardedProps, {
     $color: color,
@@ -45,14 +45,14 @@ const LinkButton = /*#__PURE__*/forwardRef((props, ref) => {
     // @ts-ignore
     ,
     ref: buttonRef
-  }), leftIcon || rightIcon ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, leftIcon ? /*#__PURE__*/React__default.createElement(Icon, _extends({
+  }), leftIcon || rightIcon ? /*#__PURE__*/React.createElement(React.Fragment, null, leftIcon ? /*#__PURE__*/React.createElement(Icon, _extends({
     icon: leftIcon,
     "aria-hidden": "true",
     className: "left",
     size: "xsmall"
-  }, leftIconProps)) : null, /*#__PURE__*/React__default.createElement("span", {
+  }, leftIconProps)) : null, /*#__PURE__*/React.createElement("span", {
     className: "text"
-  }, children), rightIcon ? /*#__PURE__*/React__default.createElement(Icon, _extends({
+  }, children), rightIcon ? /*#__PURE__*/React.createElement(Icon, _extends({
     icon: rightIcon,
     "aria-hidden": "true",
     className: "right",

package/components/link-button/LinkButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LinkButton.js","sources":["../../../src/components/link-button/LinkButton.tsx"],"sourcesContent":["import React, { forwardRef, RefObject, useRef } from 'react';\nimport classNames from 'classnames';\nimport { Comp } from '../../types';\nimport { StyledLink } from '../link';\nimport { LinkButtonProps } from './types';\nimport { useTheme } from '../theme';\nimport { Icon } from '../icon';\n\nconst COMPONENT_NAME = 'LinkButton';\nconst CLASSNAME = 'redsift-link-button';\n\n/*\n The LinkButton is a semantic button that looks like a link.\n \n For a semantic button that looks like a button, please use the Button component.\n * For a semantic link that looks like a link, please use the Link component.\n * For a semantic link that looks like a button, please use the ButtonLink component.\n */\nexport const LinkButton: Comp<LinkButtonProps, HTMLButtonElement> = forwardRef((props, ref) => {\n const buttonRef = ref \|\| useRef<HTMLButtonElement>();\n\n const {\n children,\n className,\n color = 'primary',\n disabled,\n isDisabled: propsIsDisabled,\n leftIcon,\n leftIconProps,\n rightIcon,\n rightIconProps,\n theme: propsTheme,\n ...forwardedProps\n } = props;\n const isDisabled = propsIsDisabled \|\| disabled;\n\n const theme = useTheme(propsTheme);\n\n return (\n <StyledLink\n as=\"button\"\n {...forwardedProps}\n $color={color}\n $isDisabled={isDisabled \|\| disabled}\n $theme={theme}\n aria-disabled={isDisabled \|\| disabled}\n className={classNames(LinkButton.className, className)}\n disabled={isDisabled \|\| disabled}\n // @ts-ignore\n ref={buttonRef as RefObject<HTMLButtonElement>}\n >\n {leftIcon \|\| rightIcon ? (\n <>\n {leftIcon ? (\n <Icon icon={leftIcon} aria-hidden=\"true\" className=\"left\" size=\"xsmall\" {...leftIconProps} />\n ) : null}\n <span className=\"text\">{children}</span>\n {rightIcon ? (\n <Icon icon={rightIcon} aria-hidden=\"true\" className=\"right\" size=\"xsmall\" {...rightIconProps} />\n ) : null}\n </>\n ) : (\n children\n )}\n </StyledLink>\n );\n});\nLinkButton.className = CLASSNAME;\nLinkButton.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","LinkButton","forwardRef","props","ref","buttonRef","useRef","children","className","color","disabled","isDisabled","propsIsDisabled","leftIcon","leftIconProps","rightIcon","rightIconProps","theme","propsTheme","forwardedProps","_objectWithoutProperties","_excluded","useTheme","React","createElement","StyledLink","_extends","as","$color","$isDisabled","$theme","classNames","Fragment","Icon","icon","size","displayName"],"mappings":";;;;;;;;AAQA,MAAMA,cAAc,GAAG,YAAY,CAAA;AACnC,MAAMC,SAAS,GAAG,qBAAqB,CAAA;;AAEvC;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,UAAoD,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;AAC7F,EAAA,MAAMC,SAAS,GAAGD,GAAG,IAAIE,MAAM,EAAqB,CAAA;EAEpD,MAAM;MACJC,QAAQ;MACRC,SAAS;AACTC,MAAAA,KAAK,GAAG,SAAS;MACjBC,QAAQ;AACRC,MAAAA,UAAU,EAAEC,eAAe;MAC3BC,QAAQ;MACRC,aAAa;MACbC,SAAS;MACTC,cAAc;AACdC,MAAAA,KAAK,EAAEC,UAAAA;AAET,KAAC,GAAGf,KAAK;AADJgB,IAAAA,cAAc,GAAAC,wBAAA,CACfjB,KAAK,EAAAkB,SAAA,CAAA,CAAA;AACT,EAAA,MAAMV,UAAU,GAAGC,eAAe,IAAIF,QAAQ,CAAA;AAE9C,EAAA,MAAMO,KAAK,GAAGK,QAAQ,CAACJ,UAAU,CAAC,CAAA;AAElC,EAAA,oBACEK,~~cAAA~~,CAAAC,aAAA,CAACC,UAAU,EAAAC,QAAA,CAAA;AACTC,IAAAA,EAAE,EAAC,QAAA;AAAQ,GAAA,EACPR,cAAc,EAAA;AAClBS,IAAAA,MAAM,EAAEnB,KAAM;IACdoB,WAAW,EAAElB,UAAU,IAAID,QAAS;AACpCoB,IAAAA,MAAM,EAAEb,KAAM;IACd,eAAeN,EAAAA,UAAU,IAAID,QAAS;IACtCF,SAAS,EAAEuB,UAAU,CAAC9B,UAAU,CAACO,SAAS,EAAEA,SAAS,CAAE;IACvDE,QAAQ,EAAEC,UAAU,IAAID,QAAAA;AACxB;AAAA;AACAN,IAAAA,GAAG,EAAEC,SAAAA;GAEJQ,CAAAA,EAAAA,QAAQ,IAAIE,SAAS,gBACpBQ,~~cAAA~~,CAAAC,aAAA,CAAAD,~~cAAA~~,CAAAS,QAAA,EACGnB,IAAAA,EAAAA,QAAQ,gBACPU,~~cAAA~~,CAAAC,aAAA,CAACS,IAAI,EAAAP,QAAA,CAAA;AAACQ,IAAAA,IAAI,EAAErB,QAAS;AAAC,IAAA,aAAA,EAAY,MAAM;AAACL,IAAAA,SAAS,EAAC,MAAM;AAAC2B,IAAAA,IAAI,EAAC,QAAA;GAAarB,EAAAA,aAAa,CAAG,CAAC,GAC3F,IAAI,eACRS,~~cAAA~~,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMhB,IAAAA,SAAS,EAAC,MAAA;GAAQD,EAAAA,QAAe,CAAC,EACvCQ,SAAS,gBACRQ,~~cAAA~~,CAAAC,aAAA,CAACS,IAAI,EAAAP,QAAA,CAAA;AAACQ,IAAAA,IAAI,EAAEnB,SAAU;AAAC,IAAA,aAAA,EAAY,MAAM;AAACP,IAAAA,SAAS,EAAC,OAAO;AAAC2B,IAAAA,IAAI,EAAC,QAAA;GAAanB,EAAAA,cAAc,CAAG,CAAC,GAC9F,IACJ,CAAC,GAEHT,QAEQ,CAAC,CAAA;AAEjB,CAAC,EAAC;AACFN,UAAU,CAACO,SAAS,GAAGR,SAAS,CAAA;AAChCC,UAAU,CAACmC,WAAW,GAAGrC,cAAc;;;;"}
1	+ {"version":3,"file":"LinkButton.js","sources":["../../../src/components/link-button/LinkButton.tsx"],"sourcesContent":["import React, { forwardRef, RefObject, useRef } from 'react';\nimport classNames from 'classnames';\nimport { Comp } from '../../types';\nimport { StyledLink } from '../link';\nimport { LinkButtonProps } from './types';\nimport { useTheme } from '../theme';\nimport { Icon } from '../icon';\n\nconst COMPONENT_NAME = 'LinkButton';\nconst CLASSNAME = 'redsift-link-button';\n\n/*\n The LinkButton is a semantic button that looks like a link.\n \n For a semantic button that looks like a button, please use the Button component.\n * For a semantic link that looks like a link, please use the Link component.\n * For a semantic link that looks like a button, please use the ButtonLink component.\n */\nexport const LinkButton: Comp<LinkButtonProps, HTMLButtonElement> = forwardRef((props, ref) => {\n const buttonRef = ref \|\| useRef<HTMLButtonElement>();\n\n const {\n children,\n className,\n color = 'primary',\n disabled,\n isDisabled: propsIsDisabled,\n leftIcon,\n leftIconProps,\n rightIcon,\n rightIconProps,\n theme: propsTheme,\n ...forwardedProps\n } = props;\n const isDisabled = propsIsDisabled \|\| disabled;\n\n const theme = useTheme(propsTheme);\n\n return (\n <StyledLink\n as=\"button\"\n {...forwardedProps}\n $color={color}\n $isDisabled={isDisabled \|\| disabled}\n $theme={theme}\n aria-disabled={isDisabled \|\| disabled}\n className={classNames(LinkButton.className, className)}\n disabled={isDisabled \|\| disabled}\n // @ts-ignore\n ref={buttonRef as RefObject<HTMLButtonElement>}\n >\n {leftIcon \|\| rightIcon ? (\n <>\n {leftIcon ? (\n <Icon icon={leftIcon} aria-hidden=\"true\" className=\"left\" size=\"xsmall\" {...leftIconProps} />\n ) : null}\n <span className=\"text\">{children}</span>\n {rightIcon ? (\n <Icon icon={rightIcon} aria-hidden=\"true\" className=\"right\" size=\"xsmall\" {...rightIconProps} />\n ) : null}\n </>\n ) : (\n children\n )}\n </StyledLink>\n );\n});\nLinkButton.className = CLASSNAME;\nLinkButton.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","LinkButton","forwardRef","props","ref","buttonRef","useRef","children","className","color","disabled","isDisabled","propsIsDisabled","leftIcon","leftIconProps","rightIcon","rightIconProps","theme","propsTheme","forwardedProps","_objectWithoutProperties","_excluded","useTheme","React","createElement","StyledLink","_extends","as","$color","$isDisabled","$theme","classNames","Fragment","Icon","icon","size","displayName"],"mappings":";;;;;;;;AAQA,MAAMA,cAAc,GAAG,YAAY,CAAA;AACnC,MAAMC,SAAS,GAAG,qBAAqB,CAAA;;AAEvC;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,UAAoD,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;AAC7F,EAAA,MAAMC,SAAS,GAAGD,GAAG,IAAIE,MAAM,EAAqB,CAAA;EAEpD,MAAM;MACJC,QAAQ;MACRC,SAAS;AACTC,MAAAA,KAAK,GAAG,SAAS;MACjBC,QAAQ;AACRC,MAAAA,UAAU,EAAEC,eAAe;MAC3BC,QAAQ;MACRC,aAAa;MACbC,SAAS;MACTC,cAAc;AACdC,MAAAA,KAAK,EAAEC,UAAAA;AAET,KAAC,GAAGf,KAAK;AADJgB,IAAAA,cAAc,GAAAC,wBAAA,CACfjB,KAAK,EAAAkB,SAAA,CAAA,CAAA;AACT,EAAA,MAAMV,UAAU,GAAGC,eAAe,IAAIF,QAAQ,CAAA;AAE9C,EAAA,MAAMO,KAAK,GAAGK,QAAQ,CAACJ,UAAU,CAAC,CAAA;AAElC,EAAA,oBACEK,KAAA,CAAAC,aAAA,CAACC,UAAU,EAAAC,QAAA,CAAA;AACTC,IAAAA,EAAE,EAAC,QAAA;AAAQ,GAAA,EACPR,cAAc,EAAA;AAClBS,IAAAA,MAAM,EAAEnB,KAAM;IACdoB,WAAW,EAAElB,UAAU,IAAID,QAAS;AACpCoB,IAAAA,MAAM,EAAEb,KAAM;IACd,eAAeN,EAAAA,UAAU,IAAID,QAAS;IACtCF,SAAS,EAAEuB,UAAU,CAAC9B,UAAU,CAACO,SAAS,EAAEA,SAAS,CAAE;IACvDE,QAAQ,EAAEC,UAAU,IAAID,QAAAA;AACxB;AAAA;AACAN,IAAAA,GAAG,EAAEC,SAAAA;GAEJQ,CAAAA,EAAAA,QAAQ,IAAIE,SAAS,gBACpBQ,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAS,QAAA,EACGnB,IAAAA,EAAAA,QAAQ,gBACPU,KAAA,CAAAC,aAAA,CAACS,IAAI,EAAAP,QAAA,CAAA;AAACQ,IAAAA,IAAI,EAAErB,QAAS;AAAC,IAAA,aAAA,EAAY,MAAM;AAACL,IAAAA,SAAS,EAAC,MAAM;AAAC2B,IAAAA,IAAI,EAAC,QAAA;GAAarB,EAAAA,aAAa,CAAG,CAAC,GAC3F,IAAI,eACRS,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMhB,IAAAA,SAAS,EAAC,MAAA;GAAQD,EAAAA,QAAe,CAAC,EACvCQ,SAAS,gBACRQ,KAAA,CAAAC,aAAA,CAACS,IAAI,EAAAP,QAAA,CAAA;AAACQ,IAAAA,IAAI,EAAEnB,SAAU;AAAC,IAAA,aAAA,EAAY,MAAM;AAACP,IAAAA,SAAS,EAAC,OAAO;AAAC2B,IAAAA,IAAI,EAAC,QAAA;GAAanB,EAAAA,cAAc,CAAG,CAAC,GAC9F,IACJ,CAAC,GAEHT,QAEQ,CAAC,CAAA;AAEjB,CAAC,EAAC;AACFN,UAAU,CAACO,SAAS,GAAGR,SAAS,CAAA;AAChCC,UAAU,CAACmC,WAAW,GAAGrC,cAAc;;;;"}

package/components/listbox/ActiveDescendantListbox.d.ts CHANGED Viewed

@@ -3,6 +3,6 @@ import { ListboxProps, ListboxContextProps } from './types.js';
 declare const ActiveDescendantListbox: React.ForwardRefExoticComponent<Pick<Omit<ListboxProps, "onChange"> & {
     context: ListboxContextProps;
-}, "label" | "slot" | "style" | "title" | "left" | "right" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "width" | "alignContent" | "alignItems" | "flexDirection" | "flexWrap" | "gap" | "justifyContent" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyItems" | "display" | "position" | "top" | "bottom" | "zIndex" | "background" | "backgroundColor" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderRadius" | "boxShadow" | "aria-label" | "aria-labelledby" | "variant" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "isInvalid" | "isRequired" | "isDisabled" | "padding" | "paddingTop" | "paddingBottom" | "direction" | "paddingLeft" | "paddingRight" | "values" | "defaultValues" | "isReadOnly" | "context" | "focusOnClick" | "focusOnInit" | "loopAround" | "focusType" | "listRole" | "activedescendant" | "maxOptionsLength" | "selectionMode"> & React.RefAttributes<HTMLDivElement>>;
+}, "label" | "slot" | "style" | "title" | "left" | "right" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "width" | "alignContent" | "alignItems" | "flexDirection" | "flexWrap" | "gap" | "justifyContent" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyItems" | "display" | "position" | "top" | "bottom" | "zIndex" | "background" | "backgroundColor" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderRadius" | "boxShadow" | "aria-label" | "aria-labelledby" | "variant" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "isInvalid" | "isRequired" | "isDisabled" | "padding" | "paddingTop" | "paddingBottom" | "direction" | "paddingLeft" | "paddingRight" | "values" | "defaultValues" | "isReadOnly" | "focusOnClick" | "focusOnInit" | "loopAround" | "focusType" | "listRole" | "activedescendant" | "maxOptionsLength" | "selectionMode" | "context"> & React.RefAttributes<HTMLDivElement>>;
 export { ActiveDescendantListbox };

package/components/listbox/ActiveDescendantListbox.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef, useCallback } from 'react';
+import React, { forwardRef, useCallback } from 'react';
 import { ListboxActionType } from './types.js';
 import { ListboxContext } from './context.js';
 import { useFocusOnList } from '../focus-within-group/useFocusOnList.js';
@@ -46,7 +46,7 @@ const ActiveDescendantListbox = /*#__PURE__*/forwardRef((props, ref) => {
       }
     }
   }, [activedescendant]);
-  return /*#__PURE__*/React__default.createElement(Flexbox, _extends({
+  return /*#__PURE__*/React.createElement(Flexbox, _extends({
     flexDirection: "column",
     gap: "8px"
   }, forwardedProps, {
@@ -65,7 +65,7 @@ const ActiveDescendantListbox = /*#__PURE__*/forwardRef((props, ref) => {
     onMouseDown: event => event.preventDefault(),
     onMouseLeave: handleBlur,
     onKeyDown: handleKeyDown
-  }), /*#__PURE__*/React__default.createElement(ListboxContext.Provider, {
+  }), /*#__PURE__*/React.createElement(ListboxContext.Provider, {
     value: context
   }, children));
 });

package/components/listbox/ActiveDescendantListbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActiveDescendantListbox.js","sources":["../../../src/components/listbox/ActiveDescendantListbox.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, KeyboardEvent } from 'react';\nimport { ListboxActionType, ListboxContextProps, ListboxProps } from './types';\nimport { ListboxContext } from './context';\nimport { Flexbox } from '../flexbox';\nimport { useFocusOnList } from '../focus-within-group';\n\nexport const ActiveDescendantListbox = forwardRef<\n HTMLDivElement,\n Omit<ListboxProps, 'onChange'> & { context: ListboxContextProps }\n>((props, ref) => {\n const { children, id, isDisabled, context, ...forwardedProps } = props;\n\n const { activedescendant, handleKeyDown: handleFocusKeyDown, handleFocus, handleBlur } = useFocusOnList();\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent) => {\n handleFocusKeyDown(event);\n const code = event.code;\n if (code === 'Enter' \|\| code === 'Space') {\n if (context.state.selectionMode === 'multiple') {\n context.dispatch({\n type: ListboxActionType.TOGGLE,\n payload: { value: activedescendant?.[1] ?? '', activedescendant },\n });\n } else {\n context.dispatch({\n type: ListboxActionType.SET,\n payload: {\n values: [activedescendant?.[1] ?? ''],\n activedescendant,\n },\n });\n }\n }\n },\n [activedescendant]\n );\n\n return (\n <Flexbox\n flexDirection=\"column\"\n gap=\"8px\"\n {...forwardedProps}\n aria-disabled={isDisabled}\n ref={ref}\n id={id}\n role=\"listbox\"\n aria-activedescendant={context.state.activedescendant?.[0]}\n aria-multiselectable={context.state.selectionMode === 'multiple'}\n tabIndex={0}\n style={{ outline: 'none' }}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onMouseDown={(event) => event.preventDefault()}\n onMouseLeave={handleBlur}\n onKeyDown={handleKeyDown}\n >\n <ListboxContext.Provider value={context}>{children}</ListboxContext.Provider>\n </Flexbox>\n );\n});\n"],"names":["ActiveDescendantListbox","forwardRef","props","ref","_context$state$active","children","id","isDisabled","context","forwardedProps","_objectWithoutProperties","_excluded","activedescendant","handleKeyDown","handleFocusKeyDown","handleFocus","handleBlur","useFocusOnList","useCallback","event","code","state","selectionMode","_activedescendant$","dispatch","type","ListboxActionType","TOGGLE","payload","value","_activedescendant$2","SET","values","React","createElement","Flexbox","_extends","flexDirection","gap","role","tabIndex","style","outline","onFocus","onBlur","onMouseDown","preventDefault","onMouseLeave","onKeyDown","ListboxContext","Provider"],"mappings":";;;;;;;;AAMO,MAAMA,uBAAuB,gBAAGC,UAAU,CAG/C,CAACC,KAAK,EAAEC,GAAG,KAAK;AAAA,EAAA,IAAAC,qBAAA,CAAA;EAChB,MAAM;MAAEC,QAAQ;MAAEC,EAAE;MAAEC,UAAU;AAAEC,MAAAA,OAAAA;AAA2B,KAAC,GAAGN,KAAK;AAAxBO,IAAAA,cAAc,GAAAC,wBAAA,CAAKR,KAAK,EAAAS,SAAA,CAAA,CAAA;EAEtE,MAAM;IAAEC,gBAAgB;AAAEC,IAAAA,aAAa,EAAEC,kBAAkB;IAAEC,WAAW;AAAEC,IAAAA,UAAAA;GAAY,GAAGC,cAAc,EAAE,CAAA;AAEzG,EAAA,MAAMJ,aAAa,GAAGK,WAAW,CAC9BC,KAAoB,IAAK;IACxBL,kBAAkB,CAACK,KAAK,CAAC,CAAA;AACzB,IAAA,MAAMC,IAAI,GAAGD,KAAK,CAACC,IAAI,CAAA;AACvB,IAAA,IAAIA,IAAI,KAAK,OAAO,IAAIA,IAAI,KAAK,OAAO,EAAE;AACxC,MAAA,IAAIZ,OAAO,CAACa,KAAK,CAACC,aAAa,KAAK,UAAU,EAAE;AAAA,QAAA,IAAAC,kBAAA,CAAA;QAC9Cf,OAAO,CAACgB,QAAQ,CAAC;UACfC,IAAI,EAAEC,iBAAiB,CAACC,MAAM;AAC9BC,UAAAA,OAAO,EAAE;AAAEC,YAAAA,KAAK,GAAAN,kBAAA,GAAEX,gBAAgB,KAAA,IAAA,IAAhBA,gBAAgB,KAAhBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,gBAAgB,CAAG,CAAC,CAAC,MAAAW,IAAAA,IAAAA,kBAAA,KAAAA,KAAAA,CAAAA,GAAAA,kBAAA,GAAI,EAAE;AAAEX,YAAAA,gBAAAA;AAAiB,WAAA;AAClE,SAAC,CAAC,CAAA;AACJ,OAAC,MAAM;AAAA,QAAA,IAAAkB,mBAAA,CAAA;QACLtB,OAAO,CAACgB,QAAQ,CAAC;UACfC,IAAI,EAAEC,iBAAiB,CAACK,GAAG;AAC3BH,UAAAA,OAAO,EAAE;AACPI,YAAAA,MAAM,EAAE,CAAAF,CAAAA,mBAAA,GAAClB,gBAAgB,KAAA,IAAA,IAAhBA,gBAAgB,KAAhBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,gBAAgB,CAAG,CAAC,CAAC,MAAAkB,IAAAA,IAAAA,mBAAA,cAAAA,mBAAA,GAAI,EAAE,CAAC;AACrClB,YAAAA,gBAAAA;AACF,WAAA;AACF,SAAC,CAAC,CAAA;AACJ,OAAA;AACF,KAAA;AACF,GAAC,EACD,CAACA,gBAAgB,CACnB,CAAC,CAAA;AAED,EAAA,oBACEqB,~~cAAA~~,CAAAC,aAAA,CAACC,OAAO,EAAAC,QAAA,CAAA;AACNC,IAAAA,aAAa,EAAC,QAAQ;AACtBC,IAAAA,GAAG,EAAC,KAAA;AAAK,GAAA,EACL7B,cAAc,EAAA;AAClB,IAAA,eAAA,EAAeF,UAAW;AAC1BJ,IAAAA,GAAG,EAAEA,GAAI;AACTG,IAAAA,EAAE,EAAEA,EAAG;AACPiC,IAAAA,IAAI,EAAC,SAAS;AACd,IAAA,uBAAA,EAAA,CAAAnC,qBAAA,GAAuBI,OAAO,CAACa,KAAK,CAACT,gBAAgB,MAAA,IAAA,IAAAR,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAA9BA,qBAAA,CAAiC,CAAC,CAAE;AAC3D,IAAA,sBAAA,EAAsBI,OAAO,CAACa,KAAK,CAACC,aAAa,KAAK,UAAW;AACjEkB,IAAAA,QAAQ,EAAE,CAAE;AACZC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,OAAO,EAAE,MAAA;KAAS;AAC3BC,IAAAA,OAAO,EAAE5B,WAAY;AACrB6B,IAAAA,MAAM,EAAE5B,UAAW;AACnB6B,IAAAA,WAAW,EAAG1B,KAAK,IAAKA,KAAK,CAAC2B,cAAc,EAAG;AAC/CC,IAAAA,YAAY,EAAE/B,UAAW;AACzBgC,IAAAA,SAAS,EAAEnC,aAAAA;AAAc,GAAA,CAAA,eAEzBoB,~~cAAA~~,CAAAC,aAAA,CAACe,cAAc,CAACC,QAAQ,EAAA;AAACrB,IAAAA,KAAK,EAAErB,OAAAA;GAAUH,EAAAA,QAAkC,CACrE,CAAC,CAAA;AAEd,CAAC;;;;"}
1	+ {"version":3,"file":"ActiveDescendantListbox.js","sources":["../../../src/components/listbox/ActiveDescendantListbox.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, KeyboardEvent } from 'react';\nimport { ListboxActionType, ListboxContextProps, ListboxProps } from './types';\nimport { ListboxContext } from './context';\nimport { Flexbox } from '../flexbox';\nimport { useFocusOnList } from '../focus-within-group';\n\nexport const ActiveDescendantListbox = forwardRef<\n HTMLDivElement,\n Omit<ListboxProps, 'onChange'> & { context: ListboxContextProps }\n>((props, ref) => {\n const { children, id, isDisabled, context, ...forwardedProps } = props;\n\n const { activedescendant, handleKeyDown: handleFocusKeyDown, handleFocus, handleBlur } = useFocusOnList();\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent) => {\n handleFocusKeyDown(event);\n const code = event.code;\n if (code === 'Enter' \|\| code === 'Space') {\n if (context.state.selectionMode === 'multiple') {\n context.dispatch({\n type: ListboxActionType.TOGGLE,\n payload: { value: activedescendant?.[1] ?? '', activedescendant },\n });\n } else {\n context.dispatch({\n type: ListboxActionType.SET,\n payload: {\n values: [activedescendant?.[1] ?? ''],\n activedescendant,\n },\n });\n }\n }\n },\n [activedescendant]\n );\n\n return (\n <Flexbox\n flexDirection=\"column\"\n gap=\"8px\"\n {...forwardedProps}\n aria-disabled={isDisabled}\n ref={ref}\n id={id}\n role=\"listbox\"\n aria-activedescendant={context.state.activedescendant?.[0]}\n aria-multiselectable={context.state.selectionMode === 'multiple'}\n tabIndex={0}\n style={{ outline: 'none' }}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onMouseDown={(event) => event.preventDefault()}\n onMouseLeave={handleBlur}\n onKeyDown={handleKeyDown}\n >\n <ListboxContext.Provider value={context}>{children}</ListboxContext.Provider>\n </Flexbox>\n );\n});\n"],"names":["ActiveDescendantListbox","forwardRef","props","ref","_context$state$active","children","id","isDisabled","context","forwardedProps","_objectWithoutProperties","_excluded","activedescendant","handleKeyDown","handleFocusKeyDown","handleFocus","handleBlur","useFocusOnList","useCallback","event","code","state","selectionMode","_activedescendant$","dispatch","type","ListboxActionType","TOGGLE","payload","value","_activedescendant$2","SET","values","React","createElement","Flexbox","_extends","flexDirection","gap","role","tabIndex","style","outline","onFocus","onBlur","onMouseDown","preventDefault","onMouseLeave","onKeyDown","ListboxContext","Provider"],"mappings":"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"}

package/components/listbox/Listbox.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef, useRef, useReducer, useEffect, useMemo } from 'react';
+import React, { forwardRef, useRef, useReducer, useEffect, useMemo } from 'react';
 import classNames from 'classnames';
 import { ListboxVariant, ListboxActionType } from './types.js';
 import { LISTBOX_INITIAL_STATE } from './context.js';
@@ -69,8 +69,8 @@ const Listbox = /*#__PURE__*/forwardRef((props, ref) => {
     onChange === null || onChange === void 0 ? void 0 : onChange(state.selectedValues);
   }, [state.selectedValues]);
   warnIfNoAccessibleLabelFound(props, [label]);
-  return /*#__PURE__*/React__default.createElement(ConditionalWrapper, {
-    wrapper: children => /*#__PURE__*/React__default.createElement(StyledListbox, _extends({
+  return /*#__PURE__*/React.createElement(ConditionalWrapper, {
+    wrapper: children => /*#__PURE__*/React.createElement(StyledListbox, _extends({
       flexDirection: "column",
       gap: "8px"
     }, forwardedProps, {
@@ -83,21 +83,21 @@ const Listbox = /*#__PURE__*/forwardRef((props, ref) => {
       $variant: variant
     }), children),
     condition: variant === ListboxVariant.standalone
-  }, /*#__PURE__*/React__default.createElement(FocusWithinGroup, {
+  }, /*#__PURE__*/React.createElement(FocusWithinGroup, {
     direction: direction,
     focusOnClick: focusOnClick,
     loopAround: loopAround,
     focusType: focusType
-  }, label ? /*#__PURE__*/React__default.createElement("span", {
+  }, label ? /*#__PURE__*/React.createElement("span", {
     id: `${id}-label`,
     className: `${Listbox.className}-label`
-  }, label, isRequired ? /*#__PURE__*/React__default.createElement("span", {
+  }, label, isRequired ? /*#__PURE__*/React.createElement("span", {
     "aria-hidden": "true"
-  }, ' *') : null) : null, focusType === 'roving-tabindex' ? /*#__PURE__*/React__default.createElement(RovingTabindexListbox, _extends({}, forwardedProps, {
+  }, ' *') : null) : null, focusType === 'roving-tabindex' ? /*#__PURE__*/React.createElement(RovingTabindexListbox, _extends({}, forwardedProps, {
     className: `${Listbox.className}-list`,
     context: context,
     ref: divRef
-  }), children) : /*#__PURE__*/React__default.createElement(ActiveDescendantListbox, _extends({}, forwardedProps, {
+  }), children) : /*#__PURE__*/React.createElement(ActiveDescendantListbox, _extends({}, forwardedProps, {
     className: `${Listbox.className}-list`,
     context: context,
     ref: divRef

package/components/listbox/Listbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Listbox.js","sources":["../../../src/components/listbox/Listbox.tsx"],"sourcesContent":["import React, { ComponentProps, forwardRef, RefObject, useEffect, useMemo, useReducer, useRef } from 'react';\nimport classNames from 'classnames';\nimport { Comp } from '../../types';\nimport { ListboxActionType, ListboxContextProps, ListboxProps, ListboxState, ListboxVariant } from './types';\nimport { LISTBOX_INITIAL_STATE } from './context';\nimport { StyledListbox } from './styles';\nimport { ListboxReducer } from './reducer';\nimport { FocusWithinGroup } from '../focus-within-group';\nimport { ConditionalWrapper } from '../conditional-wrapper';\nimport { RovingTabindexListbox } from './RovingTabindexListbox';\nimport { ActiveDescendantListbox } from './ActiveDescendantListbox';\nimport { useId, warnIfNoAccessibleLabelFound } from '../../utils';\n\nconst COMPONENT_NAME = 'Listbox';\nconst CLASSNAME = 'redsift-listbox';\n\n/*\n The Listbox component.\n * Can be used as controlled or uncontrolled.\n /\nexport const Listbox: Comp<ListboxProps, HTMLDivElement> = forwardRef((props, ref) => {\n const {\n children,\n className,\n defaultValues,\n direction,\n focusOnClick = false,\n focusType = 'roving-tabindex',\n id: propsId,\n isDisabled,\n isInvalid,\n isReadOnly,\n isRequired,\n label,\n loopAround,\n onChange,\n selectionMode = 'single',\n values,\n variant = ListboxVariant.standalone,\n ...forwardedProps\n } = props;\n const [_id] = useId();\n const id = propsId ?? _id;\n const _ref = useRef<HTMLDivElement>();\n const divRef = ref ?? _ref;\n\n const [state, dispatch] = useReducer(ListboxReducer, {\n ...LISTBOX_INITIAL_STATE,\n isDisabled,\n isReadOnly,\n selectedValues: values \|\| defaultValues \|\| [],\n selectionMode,\n } as ListboxState);\n\n useEffect(() => {\n if (values && values.length >= 0) {\n dispatch({\n type: ListboxActionType.SET,\n payload: {\n values,\n },\n });\n }\n }, [values]);\n\n const context = useMemo<ListboxContextProps>(\n () => ({\n state,\n dispatch,\n }),\n [state]\n );\n\n useEffect(() => {\n onChange?.(state.selectedValues);\n }, [state.selectedValues]);\n\n warnIfNoAccessibleLabelFound(props as ComponentProps<keyof JSX.IntrinsicElements>, [label]);\n\n return (\n <ConditionalWrapper\n wrapper={(children) => (\n <StyledListbox\n flexDirection=\"column\"\n gap=\"8px\"\n {...forwardedProps}\n $isDisabled={isDisabled}\n $isInvalid={isInvalid \|\| (isRequired && state.selectedValues.length === 0)}\n $isReadOnly={isReadOnly}\n className={classNames(Listbox.className, className)}\n ref={divRef as RefObject<HTMLDivElement>}\n id={id}\n $variant={variant}\n >\n {children}\n </StyledListbox>\n )}\n condition={variant === ListboxVariant.standalone}\n >\n <FocusWithinGroup direction={direction} focusOnClick={focusOnClick} loopAround={loopAround} focusType={focusType}>\n {label ? (\n <span id={`${id}-label`} className={`${Listbox.className}-label`}>\n {label}\n {isRequired ? <span aria-hidden=\"true\">{' '}</span> : null}\n </span>\n ) : null}\n {focusType === 'roving-tabindex' ? (\n <RovingTabindexListbox\n {...forwardedProps}\n className={`${Listbox.className}-list`}\n context={context}\n ref={divRef as RefObject<HTMLDivElement>}\n >\n {children}\n </RovingTabindexListbox>\n ) : (\n <ActiveDescendantListbox\n {...forwardedProps}\n className={`${Listbox.className}-list`}\n context={context}\n ref={divRef as RefObject<HTMLDivElement>}\n >\n {children}\n </ActiveDescendantListbox>\n )}\n </FocusWithinGroup>\n </ConditionalWrapper>\n );\n});\nListbox.className = CLASSNAME;\nListbox.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","Listbox","forwardRef","props","ref","children","className","defaultValues","direction","focusOnClick","focusType","id","propsId","isDisabled","isInvalid","isReadOnly","isRequired","label","loopAround","onChange","selectionMode","values","variant","ListboxVariant","standalone","forwardedProps","_objectWithoutProperties","_excluded","_id","useId","_ref","useRef","divRef","state","dispatch","useReducer","ListboxReducer","_objectSpread","LISTBOX_INITIAL_STATE","selectedValues","useEffect","length","type","ListboxActionType","SET","payload","context","useMemo","warnIfNoAccessibleLabelFound","React","createElement","ConditionalWrapper","wrapper","StyledListbox","_extends","flexDirection","gap","$isDisabled","$isInvalid","$isReadOnly","classNames","$variant","condition","FocusWithinGroup","RovingTabindexListbox","ActiveDescendantListbox","displayName"],"mappings":";;;;;;;;;;;;;;;AAaA,MAAMA,cAAc,GAAG,SAAS,CAAA;AAChC,MAAMC,SAAS,GAAG,iBAAiB,CAAA;;AAEnC;AACA;AACA;AACA;AACO,MAAMC,OAA2C,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACpF,MAAM;MACJC,QAAQ;MACRC,SAAS;MACTC,aAAa;MACbC,SAAS;AACTC,MAAAA,YAAY,GAAG,KAAK;AACpBC,MAAAA,SAAS,GAAG,iBAAiB;AAC7BC,MAAAA,EAAE,EAAEC,OAAO;MACXC,UAAU;MACVC,SAAS;MACTC,UAAU;MACVC,UAAU;MACVC,KAAK;MACLC,UAAU;MACVC,QAAQ;AACRC,MAAAA,aAAa,GAAG,QAAQ;MACxBC,MAAM;MACNC,OAAO,GAAGC,cAAc,CAACC,UAAAA;AAE3B,KAAC,GAAGrB,KAAK;AADJsB,IAAAA,cAAc,GAAAC,wBAAA,CACfvB,KAAK,EAAAwB,SAAA,CAAA,CAAA;AACT,EAAA,MAAM,CAACC,GAAG,CAAC,GAAGC,KAAK,EAAE,CAAA;EACrB,MAAMlB,EAAE,GAAGC,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,OAAO,GAAIgB,GAAG,CAAA;AACzB,EAAA,MAAME,IAAI,GAAGC,MAAM,EAAkB,CAAA;EACrC,MAAMC,MAAM,GAAG5B,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAHA,KAAAA,CAAAA,GAAAA,GAAG,GAAI0B,IAAI,CAAA;AAE1B,EAAA,MAAM,CAACG,KAAK,EAAEC,QAAQ,CAAC,GAAGC,UAAU,CAACC,cAAc,EAAAC,cAAA,CAAAA,cAAA,KAC9CC,qBAAqB,CAAA,EAAA,EAAA,EAAA;IACxBzB,UAAU;IACVE,UAAU;AACVwB,IAAAA,cAAc,EAAElB,MAAM,IAAId,aAAa,IAAI,EAAE;AAC7Ca,IAAAA,aAAAA;AAAa,GAAA,CACE,CAAC,CAAA;AAElBoB,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAInB,MAAM,IAAIA,MAAM,CAACoB,MAAM,IAAI,CAAC,EAAE;AAChCP,MAAAA,QAAQ,CAAC;QACPQ,IAAI,EAAEC,iBAAiB,CAACC,GAAG;AAC3BC,QAAAA,OAAO,EAAE;AACPxB,UAAAA,MAAAA;AACF,SAAA;AACF,OAAC,CAAC,CAAA;AACJ,KAAA;AACF,GAAC,EAAE,CAACA,MAAM,CAAC,CAAC,CAAA;AAEZ,EAAA,MAAMyB,OAAO,GAAGC,OAAO,CACrB,OAAO;IACLd,KAAK;AACLC,IAAAA,QAAAA;AACF,GAAC,CAAC,EACF,CAACD,KAAK,CACR,CAAC,CAAA;AAEDO,EAAAA,SAAS,CAAC,MAAM;IACdrB,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAARA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,QAAQ,CAAGc,KAAK,CAACM,cAAc,CAAC,CAAA;AAClC,GAAC,EAAE,CAACN,KAAK,CAACM,cAAc,CAAC,CAAC,CAAA;AAE1BS,EAAAA,4BAA4B,CAAC7C,KAAK,EAAiD,CAACc,KAAK,CAAC,CAAC,CAAA;AAE3F,EAAA,oBACEgC,~~cAAA~~,CAAAC,aAAA,CAACC,kBAAkB,EAAA;IACjBC,OAAO,EAAG/C,QAAQ,iBAChB4C,~~cAAA~~,CAAAC,aAAA,CAACG,aAAa,EAAAC,QAAA,CAAA;AACZC,MAAAA,aAAa,EAAC,QAAQ;AACtBC,MAAAA,GAAG,EAAC,KAAA;AAAK,KAAA,EACL/B,cAAc,EAAA;AAClBgC,MAAAA,WAAW,EAAE5C,UAAW;MACxB6C,UAAU,EAAE5C,SAAS,IAAKE,UAAU,IAAIiB,KAAK,CAACM,cAAc,CAACE,MAAM,KAAK,CAAG;AAC3EkB,MAAAA,WAAW,EAAE5C,UAAW;MACxBT,SAAS,EAAEsD,UAAU,CAAC3D,OAAO,CAACK,SAAS,EAAEA,SAAS,CAAE;AACpDF,MAAAA,GAAG,EAAE4B,MAAoC;AACzCrB,MAAAA,EAAE,EAAEA,EAAG;AACPkD,MAAAA,QAAQ,EAAEvC,OAAAA;AAAQ,KAAA,CAAA,EAEjBjB,QACY,CACf;AACFyD,IAAAA,SAAS,EAAExC,OAAO,KAAKC,cAAc,CAACC,UAAAA;AAAW,GAAA,eAEjDyB,~~cAAA~~,CAAAC,aAAA,CAACa,gBAAgB,EAAA;AAACvD,IAAAA,SAAS,EAAEA,SAAU;AAACC,IAAAA,YAAY,EAAEA,YAAa;AAACS,IAAAA,UAAU,EAAEA,UAAW;AAACR,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,EAC9GO,KAAK,gBACJgC,~~cAAA~~,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAMvC,EAAE,EAAG,CAAEA,EAAAA,EAAG,CAAQ,MAAA,CAAA;AAACL,IAAAA,SAAS,EAAG,CAAA,EAAEL,OAAO,CAACK,SAAU,CAAA,MAAA,CAAA;AAAQ,GAAA,EAC9DW,KAAK,EACLD,UAAU,gBAAGiC,~~cAAA~~,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAM,aAAY,EAAA,MAAA;GAAQ,EAAA,IAAW,CAAC,GAAG,IACnD,CAAC,GACL,IAAI,EACPxC,SAAS,KAAK,iBAAiB,gBAC9BuC,~~cAAA~~,CAAAC,aAAA,CAACc,qBAAqB,EAAAV,QAAA,KAChB7B,cAAc,EAAA;AAClBnB,IAAAA,SAAS,EAAG,CAAA,EAAEL,OAAO,CAACK,SAAU,CAAO,KAAA,CAAA;AACvCwC,IAAAA,OAAO,EAAEA,OAAQ;AACjB1C,IAAAA,GAAG,EAAE4B,MAAAA;GAEJ3B,CAAAA,EAAAA,QACoB,CAAC,gBAExB4C,~~cAAA~~,CAAAC,aAAA,CAACe,uBAAuB,EAAAX,QAAA,CAAA,EAAA,EAClB7B,cAAc,EAAA;AAClBnB,IAAAA,SAAS,EAAG,CAAA,EAAEL,OAAO,CAACK,SAAU,CAAO,KAAA,CAAA;AACvCwC,IAAAA,OAAO,EAAEA,OAAQ;AACjB1C,IAAAA,GAAG,EAAE4B,MAAAA;GAEJ3B,CAAAA,EAAAA,QACsB,CAEX,CACA,CAAC,CAAA;AAEzB,CAAC,EAAC;AACFJ,OAAO,CAACK,SAAS,GAAGN,SAAS,CAAA;AAC7BC,OAAO,CAACiE,WAAW,GAAGnE,cAAc;;;;"}
1	+ {"version":3,"file":"Listbox.js","sources":["../../../src/components/listbox/Listbox.tsx"],"sourcesContent":["import React, { ComponentProps, forwardRef, RefObject, useEffect, useMemo, useReducer, useRef } from 'react';\nimport classNames from 'classnames';\nimport { Comp } from '../../types';\nimport { ListboxActionType, ListboxContextProps, ListboxProps, ListboxState, ListboxVariant } from './types';\nimport { LISTBOX_INITIAL_STATE } from './context';\nimport { StyledListbox } from './styles';\nimport { ListboxReducer } from './reducer';\nimport { FocusWithinGroup } from '../focus-within-group';\nimport { ConditionalWrapper } from '../conditional-wrapper';\nimport { RovingTabindexListbox } from './RovingTabindexListbox';\nimport { ActiveDescendantListbox } from './ActiveDescendantListbox';\nimport { useId, warnIfNoAccessibleLabelFound } from '../../utils';\n\nconst COMPONENT_NAME = 'Listbox';\nconst CLASSNAME = 'redsift-listbox';\n\n/*\n The Listbox component.\n * Can be used as controlled or uncontrolled.\n /\nexport const Listbox: Comp<ListboxProps, HTMLDivElement> = forwardRef((props, ref) => {\n const {\n children,\n className,\n defaultValues,\n direction,\n focusOnClick = false,\n focusType = 'roving-tabindex',\n id: propsId,\n isDisabled,\n isInvalid,\n isReadOnly,\n isRequired,\n label,\n loopAround,\n onChange,\n selectionMode = 'single',\n values,\n variant = ListboxVariant.standalone,\n ...forwardedProps\n } = props;\n const [_id] = useId();\n const id = propsId ?? _id;\n const _ref = useRef<HTMLDivElement>();\n const divRef = ref ?? _ref;\n\n const [state, dispatch] = useReducer(ListboxReducer, {\n ...LISTBOX_INITIAL_STATE,\n isDisabled,\n isReadOnly,\n selectedValues: values \|\| defaultValues \|\| [],\n selectionMode,\n } as ListboxState);\n\n useEffect(() => {\n if (values && values.length >= 0) {\n dispatch({\n type: ListboxActionType.SET,\n payload: {\n values,\n },\n });\n }\n }, [values]);\n\n const context = useMemo<ListboxContextProps>(\n () => ({\n state,\n dispatch,\n }),\n [state]\n );\n\n useEffect(() => {\n onChange?.(state.selectedValues);\n }, [state.selectedValues]);\n\n warnIfNoAccessibleLabelFound(props as ComponentProps<keyof JSX.IntrinsicElements>, [label]);\n\n return (\n <ConditionalWrapper\n wrapper={(children) => (\n <StyledListbox\n flexDirection=\"column\"\n gap=\"8px\"\n {...forwardedProps}\n $isDisabled={isDisabled}\n $isInvalid={isInvalid \|\| (isRequired && state.selectedValues.length === 0)}\n $isReadOnly={isReadOnly}\n className={classNames(Listbox.className, className)}\n ref={divRef as RefObject<HTMLDivElement>}\n id={id}\n $variant={variant}\n >\n {children}\n </StyledListbox>\n )}\n condition={variant === ListboxVariant.standalone}\n >\n <FocusWithinGroup direction={direction} focusOnClick={focusOnClick} loopAround={loopAround} focusType={focusType}>\n {label ? (\n <span id={`${id}-label`} className={`${Listbox.className}-label`}>\n {label}\n {isRequired ? <span aria-hidden=\"true\">{' '}</span> : null}\n </span>\n ) : null}\n {focusType === 'roving-tabindex' ? (\n <RovingTabindexListbox\n {...forwardedProps}\n className={`${Listbox.className}-list`}\n context={context}\n ref={divRef as RefObject<HTMLDivElement>}\n >\n {children}\n </RovingTabindexListbox>\n ) : (\n <ActiveDescendantListbox\n {...forwardedProps}\n className={`${Listbox.className}-list`}\n context={context}\n ref={divRef as RefObject<HTMLDivElement>}\n >\n {children}\n </ActiveDescendantListbox>\n )}\n </FocusWithinGroup>\n </ConditionalWrapper>\n );\n});\nListbox.className = CLASSNAME;\nListbox.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","Listbox","forwardRef","props","ref","children","className","defaultValues","direction","focusOnClick","focusType","id","propsId","isDisabled","isInvalid","isReadOnly","isRequired","label","loopAround","onChange","selectionMode","values","variant","ListboxVariant","standalone","forwardedProps","_objectWithoutProperties","_excluded","_id","useId","_ref","useRef","divRef","state","dispatch","useReducer","ListboxReducer","_objectSpread","LISTBOX_INITIAL_STATE","selectedValues","useEffect","length","type","ListboxActionType","SET","payload","context","useMemo","warnIfNoAccessibleLabelFound","React","createElement","ConditionalWrapper","wrapper","StyledListbox","_extends","flexDirection","gap","$isDisabled","$isInvalid","$isReadOnly","classNames","$variant","condition","FocusWithinGroup","RovingTabindexListbox","ActiveDescendantListbox","displayName"],"mappings":"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"}

package/components/listbox/RovingTabindexListbox.d.ts CHANGED Viewed

@@ -3,6 +3,6 @@ import { ListboxProps, ListboxContextProps } from './types.js';
 declare const RovingTabindexListbox: React.ForwardRefExoticComponent<Pick<Omit<ListboxProps, "onChange"> & {
     context: ListboxContextProps;
-}, "label" | "slot" | "style" | "title" | "left" | "right" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "width" | "alignContent" | "alignItems" | "flexDirection" | "flexWrap" | "gap" | "justifyContent" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyItems" | "display" | "position" | "top" | "bottom" | "zIndex" | "background" | "backgroundColor" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderRadius" | "boxShadow" | "aria-label" | "aria-labelledby" | "variant" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "isInvalid" | "isRequired" | "isDisabled" | "padding" | "paddingTop" | "paddingBottom" | "direction" | "paddingLeft" | "paddingRight" | "values" | "defaultValues" | "isReadOnly" | "context" | "focusOnClick" | "focusOnInit" | "loopAround" | "focusType" | "listRole" | "activedescendant" | "maxOptionsLength" | "selectionMode"> & React.RefAttributes<HTMLDivElement>>;
+}, "label" | "slot" | "style" | "title" | "left" | "right" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "width" | "alignContent" | "alignItems" | "flexDirection" | "flexWrap" | "gap" | "justifyContent" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyItems" | "display" | "position" | "top" | "bottom" | "zIndex" | "background" | "backgroundColor" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderRadius" | "boxShadow" | "aria-label" | "aria-labelledby" | "variant" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "isInvalid" | "isRequired" | "isDisabled" | "padding" | "paddingTop" | "paddingBottom" | "direction" | "paddingLeft" | "paddingRight" | "values" | "defaultValues" | "isReadOnly" | "focusOnClick" | "focusOnInit" | "loopAround" | "focusType" | "listRole" | "activedescendant" | "maxOptionsLength" | "selectionMode" | "context"> & React.RefAttributes<HTMLDivElement>>;
 export { RovingTabindexListbox };

package/components/listbox/RovingTabindexListbox.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import { ListboxContext } from './context.js';
 import { Flexbox } from '../flexbox/Flexbox.js';
@@ -12,7 +12,7 @@ const RovingTabindexListbox = /*#__PURE__*/forwardRef((props, ref) => {
       context
     } = props,
     forwardedProps = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/React__default.createElement(Flexbox, _extends({
+  return /*#__PURE__*/React.createElement(Flexbox, _extends({
     flexDirection: "column",
     gap: "8px"
   }, forwardedProps, {
@@ -21,7 +21,7 @@ const RovingTabindexListbox = /*#__PURE__*/forwardRef((props, ref) => {
     id: id,
     role: "listbox",
     "aria-multiselectable": context.state.selectionMode === 'multiple'
-  }), /*#__PURE__*/React__default.createElement(ListboxContext.Provider, {
+  }), /*#__PURE__*/React.createElement(ListboxContext.Provider, {
     value: context
   }, children));
 });