@audius/harmony 0.1.0 → 0.2.0

package/dist/index.js.map

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

package/dist/utils/formatTrackTimestamp.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Pretty formats a track timestamp.
+ * Ex. input 65 -> output 1:05
+ */
+export declare const formatTrackTimestamp: (timestampSecs: number) => string;
+//# sourceMappingURL=formatTrackTimestamp.d.ts.map

package/dist/utils/formatTrackTimestamp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatTrackTimestamp.d.ts","sourceRoot":"","sources":["../../src/utils/formatTrackTimestamp.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,oBAAoB,kBAAmB,MAAM,WASzD,CAAA"}

package/dist/utils/formatTrackTimestamp.js

@@ -0,0 +1,18 @@
+/**
+ * Pretty formats a track timestamp.
+ * Ex. input 65 -> output 1:05
+ */
+var formatTrackTimestamp = function (timestampSecs) {
+    var hours = Math.floor(timestampSecs / (60 * 60));
+    var minutes = Math.floor(timestampSecs / 60);
+    var seconds = "".concat(Math.floor(timestampSecs) % 60).padStart(2, '0');
+    if (hours > 0) {
+        return "".concat(hours, ":").concat(minutes, ":").concat(seconds);
+    }
+    else {
+        return "".concat(minutes, ":").concat(seconds);
+    }
+};
+
+export { formatTrackTimestamp };
+//# sourceMappingURL=formatTrackTimestamp.js.map

package/dist/utils/formatTrackTimestamp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatTrackTimestamp.js","sources":["../../src/utils/formatTrackTimestamp.ts"],"sourcesContent":["/**\n * Pretty formats a track timestamp.\n * Ex. input 65 -> output 1:05\n */\nexport const formatTrackTimestamp = (timestampSecs: number) => {\n  const hours = Math.floor(timestampSecs / (60 * 60))\n  const minutes = Math.floor(timestampSecs / 60)\n  const seconds = `${Math.floor(timestampSecs) % 60}`.padStart(2, '0')\n  if (hours > 0) {\n    return `${hours}:${minutes}:${seconds}`\n  } else {\n    return `${minutes}:${seconds}`\n  }\n}\n"],"names":[],"mappings":"AAAA;;;AAGG;AACI,IAAM,oBAAoB,GAAG,UAAC,aAAqB,EAAA;AACxD,IAAA,IAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC,CAAA;IACnD,IAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,EAAE,CAAC,CAAA;AAC9C,IAAA,IAAM,OAAO,GAAG,EAAA,CAAA,MAAA,CAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,CAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;IACpE,IAAI,KAAK,GAAG,CAAC,EAAE;AACb,QAAA,OAAO,UAAG,KAAK,EAAA,GAAA,CAAA,CAAA,MAAA,CAAI,OAAO,EAAI,GAAA,CAAA,CAAA,MAAA,CAAA,OAAO,CAAE,CAAA;AACxC,KAAA;AAAM,SAAA;AACL,QAAA,OAAO,EAAG,CAAA,MAAA,CAAA,OAAO,EAAI,GAAA,CAAA,CAAA,MAAA,CAAA,OAAO,CAAE,CAAA;AAC/B,KAAA;AACH;;;;"}

package/dist/utils/index.d.ts

@@ -0,0 +1,5 @@
+export * from './formatTrackTimestamp';
+export * from './getScrollParent';
+export * from './modalState';
+export * from './styles';
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA;AACtC,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@audius/harmony",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "The Audius Design System",
   "license": "ISC",
   "author": "Audius",
@@ -51,6 +51,7 @@
     "@types/react": "18.2.0",
     "@types/react-dom": "18.2.0",
     "@types/react-lottie": "1.2.3",
+    "@types/react-virtualized": "9.21.30",
     "@types/storybook__addon-knobs": "5.2.1",
     "@types/storybook__react": "4.0.2",
     "babel-core": "6.26.3",
@@ -94,7 +95,8 @@
     "react-merge-refs": "^2.0.1",
     "react-perfect-scrollbar": "^1.5.8",
     "react-spring": "^8.0.27",
+    "react-use": "^17.5.0",
     "react-use-measure": "^2.1.1",
-    "react-use": "^17.5.0"
+    "react-virtualized": "9.22.3"
   }
 }

package/dist/components/button/OptionsFilterButton/OptionsFilterButton.d.ts

@@ -1,18 +0,0 @@
-import { RefObject } from 'react';
-import { OptionsFilterButtonOption } from './types';
-type FilterButtonOptionsProps = {
-    activeValue?: string | null;
-    options: OptionsFilterButtonOption[];
-    optionRefs?: RefObject<HTMLButtonElement[]>;
-    onChange: (option: OptionsFilterButtonOption) => void;
-};
-export declare const FilterButtonOptions: (props: FilterButtonOptionsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const OptionsFilterButton: (props: {
-    options: OptionsFilterButtonOption[];
-    optionsLabel?: string | undefined;
-    selection?: string | null | undefined;
-    showFilterInput?: boolean | undefined;
-    filterInputPlaceholder?: string | undefined;
-} & import("./types").FilterButtonPopupProps & Omit<import("..").FilterButtonProps, "children" | "value"> & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
-export {};
-//# sourceMappingURL=OptionsFilterButton.d.ts.map

package/dist/components/button/OptionsFilterButton/OptionsFilterButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"OptionsFilterButton.d.ts","sourceRoot":"","sources":["../../../../src/components/button/OptionsFilterButton/OptionsFilterButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,SAAS,EAKV,MAAM,OAAO,CAAA;AAed,OAAO,EAA4B,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAM7E,KAAK,wBAAwB,GAAG;IAC9B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,OAAO,EAAE,yBAAyB,EAAE,CAAA;IACpC,UAAU,CAAC,EAAE,SAAS,CAAC,iBAAiB,EAAE,CAAC,CAAA;IAC3C,QAAQ,EAAE,CAAC,MAAM,EAAE,yBAAyB,KAAK,IAAI,CAAA;CACtD,CAAA;AAED,eAAO,MAAM,mBAAmB,UAAW,wBAAwB,qDAkFlE,CAAA;AAED,eAAO,MAAM,mBAAmB;;;;;;8PAsJ9B,CAAA"}

package/dist/components/button/OptionsFilterButton/OptionsFilterButton.js

@@ -1,123 +0,0 @@
-import { __rest, __assign } from '../../../_virtual/_tslib.js';
-import { jsx, jsxs } from '@emotion/react/jsx-runtime';
-import { forwardRef, useState, useRef, useCallback, useMemo } from 'react';
-import { useTheme } from '@emotion/react';
-import { BaseButton } from '../BaseButton/BaseButton.js';
-import '../../common/HiddenInput.js';
-import '../../radio-group/RadioGroupContext.js';
-import { Text } from '../../text/Text.js';
-import { TextInput } from '../../input/TextInput/TextInput.js';
-import { TextInputSize } from '../../input/TextInput/types.js';
-import '../../input/PasswordInput/PasswordInput.js';
-import '../../input/TokenAmountInput/TokenAmountInput.js';
-import { Box } from '../../layout/Box/Box.js';
-import { Flex } from '../../layout/Flex/Flex.js';
-import { Paper } from '../../layout/Paper/Paper.js';
-import { Popup } from '../../popup/Popup.js';
-import { useControlled } from '../../../hooks/useControlled.js';
-import { IconCaretDown, IconSearch } from '../../../icons/utilityIcons.js';
-import '@emotion/css';
-import { FilterButton } from '../FilterButton/FilterButton.js';
-import { SelectPopupKeyHandler } from './SelectPopupKeyHandler.js';
-
-var messages = {
-    noMatches: 'No matches'
-};
-var FilterButtonOptions = function (props) {
-    var activeValue = props.activeValue, options = props.options, onChange = props.onChange, optionRefs = props.optionRefs;
-    var _a = useTheme(), color = _a.color, cornerRadius = _a.cornerRadius, spacing = _a.spacing, typography = _a.typography;
-    // Popup Styles
-    var optionIconCss = {
-        width: spacing.unit4,
-        height: spacing.unit4
-    };
-    var activeOptionCss = {
-        transform: 'none',
-        backgroundColor: color.secondary.s300,
-        color: color.special.white
-    };
-    var optionCss = {
-        background: 'transparent',
-        border: 'none',
-        color: color.text.default,
-        fontWeight: typography.weight.medium,
-        gap: spacing.s,
-        paddingLeft: spacing.m,
-        paddingRight: spacing.m,
-        paddingTop: spacing.s,
-        paddingBottom: spacing.s,
-        width: '100%',
-        borderRadius: cornerRadius.s,
-        justifyContent: 'flex-start',
-        '&:hover': activeOptionCss,
-        '&:active': {
-            transform: 'none'
-        }
-    };
-    if (!options.length) {
-        return (jsx(Flex, __assign({ justifyContent: 'center' }, { children: jsx(Text, __assign({ variant: 'body', color: 'subdued', size: 's' }, { children: messages.noMatches })) })));
-    }
-    return (jsx(Flex, __assign({ direction: 'column' }, { children: options.map(function (option, index) {
-            var _a, _b, _c;
-            return (jsxs(BaseButton, __assign({ iconLeft: option.icon, styles: {
-                    button: __assign(__assign({}, optionCss), (option.value === activeValue ? activeOptionCss : {})),
-                    icon: optionIconCss
-                }, onClick: function () { return onChange(option); }, "aria-label": (_a = option.label) !== null && _a !== void 0 ? _a : option.value, role: 'option', ref: function (el) {
-                    if (optionRefs && optionRefs.current && el) {
-                        optionRefs.current[index] = el;
-                    }
-                } }, { children: [(_b = option.leadingElement) !== null && _b !== void 0 ? _b : null, jsx(Text, __assign({ variant: 'body', strength: 'strong' }, { children: (_c = option.label) !== null && _c !== void 0 ? _c : option.value })), option.helperText ? (jsx(Text, __assign({ variant: 'body', strength: 'strong', color: 'subdued' }, { children: option.helperText }))) : null] }), option.value));
-        }) })));
-};
-var OptionsFilterButton = forwardRef(function OptionsFilterButton(props, ref) {
-    var _a;
-    var selectionProp = props.selection, options = props.options, optionsLabel = props.optionsLabel, showFilterInput = props.showFilterInput, _b = props.filterInputPlaceholder, filterInputPlaceholder = _b === void 0 ? 'Search' : _b, popupAnchorOrigin = props.popupAnchorOrigin, popupMaxHeight = props.popupMaxHeight, popupTransformOrigin = props.popupTransformOrigin, popupPortalLocation = props.popupPortalLocation, popupZIndex = props.popupZIndex, filterButtonProps = __rest(props, ["selection", "options", "optionsLabel", "showFilterInput", "filterInputPlaceholder", "popupAnchorOrigin", "popupMaxHeight", "popupTransformOrigin", "popupPortalLocation", "popupZIndex"]);
-    var _c = useControlled({
-        controlledProp: selectionProp,
-        defaultValue: null,
-        stateName: 'selection',
-        componentName: 'FilterButton'
-    }), selection = _c[0], setSelection = _c[1];
-    var _d = useState(''), filterInputValue = _d[0], setFilterInputValue = _d[1];
-    var selectedOption = options.find(function (option) { return option.value === selection; });
-    var selectedLabel = (_a = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) !== null && _a !== void 0 ? _a : selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value;
-    var inputRef = useRef(null);
-    var optionRefs = useRef([]);
-    var scrollRef = useRef(null);
-    var handleOptionSelect = useCallback(function (handleChange, setIsOpen) {
-        return function (option) {
-            var _a;
-            setSelection(option.value);
-            handleChange(option.value, (_a = option.label) !== null && _a !== void 0 ? _a : '');
-            setIsOpen(false);
-        };
-    }, [setSelection]);
-    var handleOpen = useCallback(function () {
-        // Focus the input after the popup is open
-        setTimeout(function () {
-            var _a;
-            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus({ preventScroll: true });
-        }, 0);
-    }, [inputRef]);
-    var filteredOptions = useMemo(function () {
-        return options.filter(function (_a) {
-            var label = _a.label;
-            return (!filterInputValue ||
-                (label === null || label === void 0 ? void 0 : label.toLowerCase().includes(filterInputValue.toLowerCase())));
-        });
-    }, [options, filterInputValue]);
-    return (jsx(FilterButton, __assign({ iconRight: IconCaretDown }, filterButtonProps, { value: selection, onOpen: handleOpen, onReset: function () { return setFilterInputValue(''); }, label: selectedLabel !== null && selectedLabel !== void 0 ? selectedLabel : filterButtonProps.label }, { children: function (_a) {
-            var isOpen = _a.isOpen, setIsOpen = _a.setIsOpen, handleChange = _a.handleChange, anchorRef = _a.anchorRef;
-            return (jsx(SelectPopupKeyHandler, __assign({ options: filteredOptions, disabled: !isOpen, onOptionSelect: handleOptionSelect(handleChange, setIsOpen), optionRefs: optionRefs, scrollRef: scrollRef }, { children: function (activeValue) {
-                    var _a;
-                    return (jsx(Popup, __assign({ anchorRef: ref || anchorRef, isVisible: isOpen, onClose: function () { return setIsOpen(false); }, anchorOrigin: popupAnchorOrigin, transformOrigin: popupTransformOrigin, portalLocation: popupPortalLocation, zIndex: popupZIndex, onAfterClose: function () { return setFilterInputValue(''); } }, { children: jsx(Paper, __assign({ mt: 's', border: 'strong', shadow: 'far', onClick: function (e) { return e.stopPropagation(); } }, { children: jsx(Flex, __assign({ p: 's', direction: 'column', alignItems: 'flex-start', role: 'listbox', "aria-label": (_a = selectedLabel !== null && selectedLabel !== void 0 ? selectedLabel : filterButtonProps.label) !== null && _a !== void 0 ? _a : props['aria-label'], "aria-activedescendant": selectedLabel, css: { maxHeight: popupMaxHeight, overflowY: 'auto' }, ref: scrollRef }, { children: jsxs(Flex, __assign({ direction: 'column', w: '100%', gap: 's' }, { children: [showFilterInput ? (jsx(TextInput, { ref: inputRef, placeholder: filterInputPlaceholder, label: filterInputPlaceholder, size: TextInputSize.SMALL, startIcon: IconSearch, onClick: function (e) {
-                                                e.stopPropagation();
-                                            }, onChange: function (e) {
-                                                setFilterInputValue(e.target.value);
-                                            }, autoComplete: 'off' })) : null, optionsLabel ? (jsx(Box, __assign({ pt: 's', ph: 'm' }, { children: jsx(Text, __assign({ variant: 'label', size: 'xs' }, { children: optionsLabel })) }))) : null, jsx(FilterButtonOptions, { activeValue: activeValue, options: filteredOptions, optionRefs: optionRefs, onChange: handleOptionSelect(handleChange, setIsOpen) })] })) })) })) })));
-                } })));
-        } })));
-});
-
-export { FilterButtonOptions, OptionsFilterButton };
-//# sourceMappingURL=OptionsFilterButton.js.map

package/dist/components/button/OptionsFilterButton/OptionsFilterButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OptionsFilterButton.js","sources":["../../../../src/components/button/OptionsFilterButton/OptionsFilterButton.tsx"],"sourcesContent":["import {\n  forwardRef,\n  RefObject,\n  useState,\n  useCallback,\n  useRef,\n  useMemo\n} from 'react'\n\nimport { CSSObject, useTheme } from '@emotion/react'\n\nimport { BaseButton } from 'components/button/BaseButton/BaseButton'\nimport { TextInput, TextInputSize } from 'components/input'\nimport { Box, Flex, Paper } from 'components/layout'\nimport { Popup } from 'components/popup'\nimport { Text } from 'components/text'\nimport { useControlled } from 'hooks/useControlled'\nimport { IconCaretDown, IconSearch } from 'icons'\n\nimport { FilterButton } from '../FilterButton/FilterButton'\n\nimport { SelectPopupKeyHandler } from './SelectPopupKeyHandler'\nimport { OptionsFilterButtonProps, OptionsFilterButtonOption } from './types'\n\nconst messages = {\n  noMatches: 'No matches'\n}\n\ntype FilterButtonOptionsProps = {\n  activeValue?: string | null\n  options: OptionsFilterButtonOption[]\n  optionRefs?: RefObject<HTMLButtonElement[]>\n  onChange: (option: OptionsFilterButtonOption) => void\n}\n\nexport const FilterButtonOptions = (props: FilterButtonOptionsProps) => {\n  const { activeValue, options, onChange, optionRefs } = props\n  const { color, cornerRadius, spacing, typography } = useTheme()\n\n  // Popup Styles\n  const optionIconCss: CSSObject = {\n    width: spacing.unit4,\n    height: spacing.unit4\n  }\n\n  const activeOptionCss: CSSObject = {\n    transform: 'none',\n    backgroundColor: color.secondary.s300,\n    color: color.special.white\n  }\n\n  const optionCss: CSSObject = {\n    background: 'transparent',\n    border: 'none',\n    color: color.text.default,\n    fontWeight: typography.weight.medium,\n    gap: spacing.s,\n    paddingLeft: spacing.m,\n    paddingRight: spacing.m,\n    paddingTop: spacing.s,\n    paddingBottom: spacing.s,\n    width: '100%',\n    borderRadius: cornerRadius.s,\n    justifyContent: 'flex-start',\n\n    '&:hover': activeOptionCss,\n\n    '&:active': {\n      transform: 'none'\n    }\n  }\n\n  if (!options.length) {\n    return (\n      <Flex justifyContent='center'>\n        <Text variant='body' color='subdued' size='s'>\n          {messages.noMatches}\n        </Text>\n      </Flex>\n    )\n  }\n\n  return (\n    <Flex direction='column'>\n      {options.map((option, index) => (\n        <BaseButton\n          key={option.value}\n          iconLeft={option.icon}\n          styles={{\n            button: {\n              ...optionCss,\n              ...(option.value === activeValue ? activeOptionCss : {})\n            },\n            icon: optionIconCss\n          }}\n          onClick={() => onChange(option)}\n          aria-label={option.label ?? option.value}\n          role='option'\n          ref={(el) => {\n            if (optionRefs && optionRefs.current && el) {\n              optionRefs.current[index] = el\n            }\n          }}\n        >\n          {option.leadingElement ?? null}\n          <Text variant='body' strength='strong'>\n            {option.label ?? option.value}\n          </Text>\n          {option.helperText ? (\n            <Text variant='body' strength='strong' color='subdued'>\n              {option.helperText}\n            </Text>\n          ) : null}\n        </BaseButton>\n      ))}\n    </Flex>\n  )\n}\n\nexport const OptionsFilterButton = forwardRef<\n  HTMLButtonElement,\n  OptionsFilterButtonProps\n>(function OptionsFilterButton(props, ref) {\n  const {\n    selection: selectionProp,\n    options,\n    optionsLabel,\n    showFilterInput,\n    filterInputPlaceholder = 'Search',\n    popupAnchorOrigin,\n    popupMaxHeight,\n    popupTransformOrigin,\n    popupPortalLocation,\n    popupZIndex,\n    ...filterButtonProps\n  } = props\n\n  const [selection, setSelection] = useControlled({\n    controlledProp: selectionProp,\n    defaultValue: null,\n    stateName: 'selection',\n    componentName: 'FilterButton'\n  })\n\n  const [filterInputValue, setFilterInputValue] = useState('')\n  const selectedOption = options.find((option) => option.value === selection)\n  const selectedLabel = selectedOption?.label ?? selectedOption?.value\n  const inputRef = useRef<HTMLInputElement>(null)\n  const optionRefs = useRef([])\n  const scrollRef = useRef<HTMLDivElement>(null)\n\n  const handleOptionSelect = useCallback(\n    (\n        handleChange: (value: string, label: string) => void,\n        setIsOpen: (isOpen: boolean) => void\n      ) =>\n      (option: OptionsFilterButtonOption) => {\n        setSelection(option.value)\n        handleChange(option.value, option.label ?? '')\n        setIsOpen(false)\n      },\n    [setSelection]\n  )\n\n  const handleOpen = useCallback(() => {\n    // Focus the input after the popup is open\n    setTimeout(() => {\n      inputRef.current?.focus({ preventScroll: true })\n    }, 0)\n  }, [inputRef])\n\n  const filteredOptions = useMemo(\n    () =>\n      options.filter(({ label }) => {\n        return (\n          !filterInputValue ||\n          label?.toLowerCase().includes(filterInputValue.toLowerCase())\n        )\n      }),\n    [options, filterInputValue]\n  )\n\n  return (\n    <FilterButton\n      iconRight={IconCaretDown}\n      {...filterButtonProps}\n      value={selection}\n      onOpen={handleOpen}\n      onReset={() => setFilterInputValue('')}\n      label={selectedLabel ?? filterButtonProps.label}\n    >\n      {({ isOpen, setIsOpen, handleChange, anchorRef }) => (\n        <SelectPopupKeyHandler\n          options={filteredOptions}\n          disabled={!isOpen}\n          onOptionSelect={handleOptionSelect(handleChange, setIsOpen)}\n          optionRefs={optionRefs}\n          scrollRef={scrollRef}\n        >\n          {(activeValue) => (\n            <Popup\n              anchorRef={(ref as RefObject<HTMLElement>) || anchorRef}\n              isVisible={isOpen}\n              onClose={() => setIsOpen(false)}\n              anchorOrigin={popupAnchorOrigin}\n              transformOrigin={popupTransformOrigin}\n              portalLocation={popupPortalLocation}\n              zIndex={popupZIndex}\n              onAfterClose={() => setFilterInputValue('')}\n            >\n              <Paper\n                mt='s'\n                border='strong'\n                shadow='far'\n                onClick={(e) => e.stopPropagation()}\n              >\n                <Flex\n                  p='s'\n                  direction='column'\n                  alignItems='flex-start'\n                  role='listbox'\n                  aria-label={\n                    selectedLabel ??\n                    filterButtonProps.label ??\n                    props['aria-label']\n                  }\n                  aria-activedescendant={selectedLabel}\n                  css={{ maxHeight: popupMaxHeight, overflowY: 'auto' }}\n                  ref={scrollRef}\n                >\n                  <Flex direction='column' w='100%' gap='s'>\n                    {showFilterInput ? (\n                      <TextInput\n                        ref={inputRef}\n                        placeholder={filterInputPlaceholder}\n                        label={filterInputPlaceholder}\n                        size={TextInputSize.SMALL}\n                        startIcon={IconSearch}\n                        onClick={(e) => {\n                          e.stopPropagation()\n                        }}\n                        onChange={(e) => {\n                          setFilterInputValue(e.target.value)\n                        }}\n                        autoComplete='off'\n                      />\n                    ) : null}\n                    {optionsLabel ? (\n                      <Box pt='s' ph='m'>\n                        <Text variant='label' size='xs'>\n                          {optionsLabel}\n                        </Text>\n                      </Box>\n                    ) : null}\n                    <FilterButtonOptions\n                      activeValue={activeValue}\n                      options={filteredOptions}\n                      optionRefs={optionRefs}\n                      onChange={handleOptionSelect(handleChange, setIsOpen)}\n                    />\n                  </Flex>\n                </Flex>\n              </Paper>\n            </Popup>\n          )}\n        </SelectPopupKeyHandler>\n      )}\n    </FilterButton>\n  )\n})\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/components/button/OptionsFilterButton/OptionsFilterButton.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"OptionsFilterButton.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/button/OptionsFilterButton/OptionsFilterButton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAMtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAG3D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,mBAAmB,CAwB1C,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,mBAAmB,CAAC,CAAA;AAGjD,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAe3B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAgB1B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAexB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAqB3B,CAAA"}

package/dist/components/button/OptionsFilterButton/SelectPopupKeyHandler.d.ts

@@ -1,18 +0,0 @@
-import { RefObject, ReactNode } from 'react';
-import { FilterButtonOption } from '../FilterButton/types';
-type SelectPopupKeyHandlerProps = {
-    children: (activeValue: string | null) => ReactNode;
-    disabled?: boolean;
-    onOptionSelect: (option: FilterButtonOption) => void;
-    optionRefs: RefObject<HTMLButtonElement[]>;
-    options: FilterButtonOption[];
-    scrollRef: RefObject<HTMLDivElement>;
-};
-/**
- * Handles key events for the popup inside the Select component
- *
- * Calls the `children` function with the currently active value
- */
-export declare const SelectPopupKeyHandler: (props: SelectPopupKeyHandlerProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=SelectPopupKeyHandler.d.ts.map

package/dist/components/button/OptionsFilterButton/SelectPopupKeyHandler.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectPopupKeyHandler.d.ts","sourceRoot":"","sources":["../../../../src/components/button/OptionsFilterButton/SelectPopupKeyHandler.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAY,SAAS,EAAa,MAAM,OAAO,CAAA;AAEjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE1D,KAAK,0BAA0B,GAAG;IAChC,QAAQ,EAAE,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,KAAK,SAAS,CAAA;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,cAAc,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAA;IACpD,UAAU,EAAE,SAAS,CAAC,iBAAiB,EAAE,CAAC,CAAA;IAC1C,OAAO,EAAE,kBAAkB,EAAE,CAAA;IAC7B,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,CAAA;CACrC,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,UAAW,0BAA0B,qDAkFtE,CAAA"}

package/dist/components/button/OptionsFilterButton/SelectPopupKeyHandler.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectPopupKeyHandler.js","sources":["../../../../src/components/button/OptionsFilterButton/SelectPopupKeyHandler.tsx"],"sourcesContent":["import { RefObject, useState, ReactNode, useEffect } from 'react'\n\nimport { FilterButtonOption } from '../FilterButton/types'\n\ntype SelectPopupKeyHandlerProps = {\n  children: (activeValue: string | null) => ReactNode\n  disabled?: boolean\n  onOptionSelect: (option: FilterButtonOption) => void\n  optionRefs: RefObject<HTMLButtonElement[]>\n  options: FilterButtonOption[]\n  scrollRef: RefObject<HTMLDivElement>\n}\n\n/**\n * Handles key events for the popup inside the Select component\n *\n * Calls the `children` function with the currently active value\n */\nexport const SelectPopupKeyHandler = (props: SelectPopupKeyHandlerProps) => {\n  const { disabled, options, onOptionSelect, optionRefs, scrollRef, children } =\n    props\n  const [activeIndex, setActiveIndex] = useState<number | null>(null)\n  const activeValue = activeIndex !== null ? options[activeIndex]?.value : null\n\n  useEffect(() => {\n    const adjustScrollPosition = (newIndex: number | null) => {\n      if (newIndex !== null) {\n        if (optionRefs.current) {\n          optionRefs.current[newIndex].scrollIntoView({\n            behavior: 'smooth',\n            block: 'start'\n          })\n        }\n      } else {\n        scrollRef.current?.scrollTo({ top: 0, behavior: 'smooth' })\n      }\n    }\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (disabled) {\n        return\n      }\n\n      switch (event.key) {\n        case 'ArrowUp':\n          event.stopPropagation()\n          event.preventDefault()\n          setActiveIndex((prevIndex) => {\n            const getNewIndex = () => {\n              if (prevIndex === null) {\n                return options.length - 1\n              }\n\n              return prevIndex > 0 ? prevIndex - 1 : null\n            }\n\n            const newIndex = getNewIndex()\n            adjustScrollPosition(newIndex)\n\n            return newIndex\n          })\n          break\n        case 'ArrowDown':\n          event.stopPropagation()\n          event.preventDefault()\n          setActiveIndex((prevIndex) => {\n            const getNewIndex = () => {\n              if (prevIndex === null) {\n                return 0\n              }\n\n              return prevIndex < options.length - 1 ? prevIndex + 1 : null\n            }\n\n            const newIndex = getNewIndex()\n            adjustScrollPosition(newIndex)\n\n            return newIndex\n          })\n          break\n        case 'Enter':\n          event.stopPropagation()\n          event.preventDefault()\n          if (activeIndex !== null && options[activeIndex]) {\n            onOptionSelect(options[activeIndex])\n          }\n          break\n        default:\n          break\n      }\n    }\n\n    window.addEventListener('keydown', handleKeyDown)\n\n    return () => {\n      window.removeEventListener('keydown', handleKeyDown)\n    }\n  }, [disabled, options, activeIndex, scrollRef, optionRefs])\n\n  return <>{children(activeValue)}</>\n}\n"],"names":["_jsx"],"mappings":";;;AAaA;;;;AAIG;AACI,IAAM,qBAAqB,GAAG,UAAC,KAAiC,EAAA;;AAC7D,IAAA,IAAA,QAAQ,GACd,KAAK,CAAA,QADS,EAAE,OAAO,GACvB,KAAK,CADkB,OAAA,EAAE,cAAc,GACvC,KAAK,CAAA,cADkC,EAAE,UAAU,GACnD,KAAK,CAD8C,UAAA,EAAE,SAAS,GAC9D,KAAK,CAAA,SADyD,EAAE,QAAQ,GACxE,KAAK,SADmE,CACnE;IACD,IAAA,EAAA,GAAgC,QAAQ,CAAgB,IAAI,CAAC,EAA5D,WAAW,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,cAAc,GAAA,EAAA,CAAA,CAAA,CAAiC,CAAA;AACnE,IAAA,IAAM,WAAW,GAAG,WAAW,KAAK,IAAI,GAAG,CAAA,EAAA,GAAA,OAAO,CAAC,WAAW,CAAC,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAK,GAAG,IAAI,CAAA;AAE7E,IAAA,SAAS,CAAC,YAAA;QACR,IAAM,oBAAoB,GAAG,UAAC,QAAuB,EAAA;;YACnD,IAAI,QAAQ,KAAK,IAAI,EAAE;gBACrB,IAAI,UAAU,CAAC,OAAO,EAAE;AACtB,oBAAA,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,cAAc,CAAC;AAC1C,wBAAA,QAAQ,EAAE,QAAQ;AAClB,wBAAA,KAAK,EAAE,OAAO;AACf,qBAAA,CAAC,CAAA;AACH,iBAAA;AACF,aAAA;AAAM,iBAAA;AACL,gBAAA,CAAA,EAAA,GAAA,SAAS,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAA;AAC5D,aAAA;AACH,SAAC,CAAA;QAED,IAAM,aAAa,GAAG,UAAC,KAAoB,EAAA;AACzC,YAAA,IAAI,QAAQ,EAAE;gBACZ,OAAM;AACP,aAAA;YAED,QAAQ,KAAK,CAAC,GAAG;AACf,gBAAA,KAAK,SAAS;oBACZ,KAAK,CAAC,eAAe,EAAE,CAAA;oBACvB,KAAK,CAAC,cAAc,EAAE,CAAA;oBACtB,cAAc,CAAC,UAAC,SAAS,EAAA;AACvB,wBAAA,IAAM,WAAW,GAAG,YAAA;4BAClB,IAAI,SAAS,KAAK,IAAI,EAAE;AACtB,gCAAA,OAAO,OAAO,CAAC,MAAM,GAAG,CAAC,CAAA;AAC1B,6BAAA;AAED,4BAAA,OAAO,SAAS,GAAG,CAAC,GAAG,SAAS,GAAG,CAAC,GAAG,IAAI,CAAA;AAC7C,yBAAC,CAAA;AAED,wBAAA,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;wBAC9B,oBAAoB,CAAC,QAAQ,CAAC,CAAA;AAE9B,wBAAA,OAAO,QAAQ,CAAA;AACjB,qBAAC,CAAC,CAAA;oBACF,MAAK;AACP,gBAAA,KAAK,WAAW;oBACd,KAAK,CAAC,eAAe,EAAE,CAAA;oBACvB,KAAK,CAAC,cAAc,EAAE,CAAA;oBACtB,cAAc,CAAC,UAAC,SAAS,EAAA;AACvB,wBAAA,IAAM,WAAW,GAAG,YAAA;4BAClB,IAAI,SAAS,KAAK,IAAI,EAAE;AACtB,gCAAA,OAAO,CAAC,CAAA;AACT,6BAAA;AAED,4BAAA,OAAO,SAAS,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,GAAG,SAAS,GAAG,CAAC,GAAG,IAAI,CAAA;AAC9D,yBAAC,CAAA;AAED,wBAAA,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;wBAC9B,oBAAoB,CAAC,QAAQ,CAAC,CAAA;AAE9B,wBAAA,OAAO,QAAQ,CAAA;AACjB,qBAAC,CAAC,CAAA;oBACF,MAAK;AACP,gBAAA,KAAK,OAAO;oBACV,KAAK,CAAC,eAAe,EAAE,CAAA;oBACvB,KAAK,CAAC,cAAc,EAAE,CAAA;oBACtB,IAAI,WAAW,KAAK,IAAI,IAAI,OAAO,CAAC,WAAW,CAAC,EAAE;AAChD,wBAAA,cAAc,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAA;AACrC,qBAAA;oBACD,MAAK;AAGR,aAAA;AACH,SAAC,CAAA;AAED,QAAA,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QAEjD,OAAO,YAAA;AACL,YAAA,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;AACtD,SAAC,CAAA;AACH,KAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC,CAAA;AAE3D,IAAA,OAAOA,0BAAG,QAAQ,CAAC,WAAW,CAAC,GAAI,CAAA;AACrC;;;;"}

package/dist/components/button/OptionsFilterButton/types.d.ts

@@ -1,62 +0,0 @@
-/// <reference types="react" />
-import { IconComponent } from "../../icon";
-import { Origin } from "../../popup/types";
-import { FilterButtonProps } from '../FilterButton/types';
-export type OptionsFilterButtonOption = {
-    value: string;
-    /**
-     * The label to display. If not provided, uses the value.
-     */
-    label?: string;
-    helperText?: string;
-    icon?: IconComponent;
-    leadingElement?: JSX.Element;
-};
-export type FilterButtonPopupProps = {
-    /**
-     * Popup anchor origin
-     * @default { horizontal: 'center', vertical: 'bottom' }
-     */
-    popupAnchorOrigin?: Origin;
-    /**
-     * Popup max height
-     */
-    popupMaxHeight?: number;
-    /**
-     * Popup transform origin
-     * @default { horizontal: 'center', vertical: 'top' }
-     */
-    popupTransformOrigin?: Origin;
-    /**
-     * Popup portal location passed to the inner popup
-     */
-    popupPortalLocation?: HTMLElement;
-    /**
-     * zIndex applied to the inner Popup component
-     */
-    popupZIndex?: number;
-};
-export type OptionsFilterButtonProps = {
-    /**
-     * Selection options
-     * e.g. { label: 'Option A', icon: IconRadar }
-     */
-    options: OptionsFilterButtonOption[];
-    /**
-     * Label to display above options
-     */
-    optionsLabel?: string;
-    /**
-     * The selected value
-     */
-    selection?: string | null;
-    /**
-     * Show a text input to filter the options
-     */
-    showFilterInput?: boolean;
-    /**
-     * Placeholder text for the filter input
-     */
-    filterInputPlaceholder?: string;
-} & FilterButtonPopupProps & Omit<FilterButtonProps, 'children' | 'value'>;
-//# sourceMappingURL=types.d.ts.map

package/dist/components/button/OptionsFilterButton/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/button/OptionsFilterButton/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,mBAAuB;AAC/C,OAAO,EAAE,MAAM,EAAE,0BAA8B;AAE/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAEzD,MAAM,MAAM,yBAAyB,GAAG;IACtC,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CAC7B,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAE1B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IAEvB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAE7B;;OAEG;IACH,mBAAmB,CAAC,EAAE,WAAW,CAAA;IAEjC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC;;;OAGG;IACH,OAAO,EAAE,yBAAyB,EAAE,CAAA;IAEpC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAEzB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IAEzB;;OAEG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAA;CAChC,GAAG,sBAAsB,GACxB,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,OAAO,CAAC,CAAA"}