@audius/harmony 0.0.34 → 0.1.0

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

@@ -0,0 +1 @@
+{"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/{FilterButton/FilterButton.stories.d.ts → OptionsFilterButton/OptionsFilterButton.stories.d.ts}

@@ -1,11 +1,11 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { FilterButton } from './FilterButton';
-declare const meta: Meta<typeof FilterButton>;
+import { OptionsFilterButton } from './OptionsFilterButton';
+declare const meta: Meta<typeof OptionsFilterButton>;
 export default meta;
-type Story = StoryObj<typeof FilterButton>;
+type Story = StoryObj<typeof OptionsFilterButton>;
 export declare const Primary: Story;
 export declare const FillContainer: Story;
 export declare const ReplaceLabel: Story;
 export declare const CustomIcon: Story;
 export declare const Accessibility: Story;
-//# sourceMappingURL=FilterButton.stories.d.ts.map
+//# sourceMappingURL=OptionsFilterButton.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,18 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,82 @@
+import { jsx, Fragment } from '@emotion/react/jsx-runtime';
+import { useState, useEffect } from 'react';
+
+/**
+ * Handles key events for the popup inside the Select component
+ *
+ * Calls the `children` function with the currently active value
+ */
+var SelectPopupKeyHandler = function (props) {
+    var _a;
+    var disabled = props.disabled, options = props.options, onOptionSelect = props.onOptionSelect, optionRefs = props.optionRefs, scrollRef = props.scrollRef, children = props.children;
+    var _b = useState(null), activeIndex = _b[0], setActiveIndex = _b[1];
+    var activeValue = activeIndex !== null ? (_a = options[activeIndex]) === null || _a === void 0 ? void 0 : _a.value : null;
+    useEffect(function () {
+        var adjustScrollPosition = function (newIndex) {
+            var _a;
+            if (newIndex !== null) {
+                if (optionRefs.current) {
+                    optionRefs.current[newIndex].scrollIntoView({
+                        behavior: 'smooth',
+                        block: 'start'
+                    });
+                }
+            }
+            else {
+                (_a = scrollRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({ top: 0, behavior: 'smooth' });
+            }
+        };
+        var handleKeyDown = function (event) {
+            if (disabled) {
+                return;
+            }
+            switch (event.key) {
+                case 'ArrowUp':
+                    event.stopPropagation();
+                    event.preventDefault();
+                    setActiveIndex(function (prevIndex) {
+                        var getNewIndex = function () {
+                            if (prevIndex === null) {
+                                return options.length - 1;
+                            }
+                            return prevIndex > 0 ? prevIndex - 1 : null;
+                        };
+                        var newIndex = getNewIndex();
+                        adjustScrollPosition(newIndex);
+                        return newIndex;
+                    });
+                    break;
+                case 'ArrowDown':
+                    event.stopPropagation();
+                    event.preventDefault();
+                    setActiveIndex(function (prevIndex) {
+                        var getNewIndex = function () {
+                            if (prevIndex === null) {
+                                return 0;
+                            }
+                            return prevIndex < options.length - 1 ? prevIndex + 1 : null;
+                        };
+                        var newIndex = getNewIndex();
+                        adjustScrollPosition(newIndex);
+                        return newIndex;
+                    });
+                    break;
+                case 'Enter':
+                    event.stopPropagation();
+                    event.preventDefault();
+                    if (activeIndex !== null && options[activeIndex]) {
+                        onOptionSelect(options[activeIndex]);
+                    }
+                    break;
+            }
+        };
+        window.addEventListener('keydown', handleKeyDown);
+        return function () {
+            window.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [disabled, options, activeIndex, scrollRef, optionRefs]);
+    return jsx(Fragment, { children: children(activeValue) });
+};
+
+export { SelectPopupKeyHandler };
+//# sourceMappingURL=SelectPopupKeyHandler.js.map

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

@@ -0,0 +1 @@
+{"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":"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"}

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

@@ -0,0 +1,62 @@
+/// <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

@@ -0,0 +1 @@
+{"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"}

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

@@ -7,6 +7,8 @@ export { FollowButton } from './FollowButton/FollowButton';
 export * from './FollowButton/types';
 export { FilterButton } from './FilterButton/FilterButton';
 export * from './FilterButton/types';
+export { OptionsFilterButton, FilterButtonOptions } from './OptionsFilterButton/OptionsFilterButton';
+export * from './OptionsFilterButton/types';
 export { IconButton, IconButtonProps } from './IconButton/IconButton';
 export { UnstyledButton } from './UnstyledButton';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AACvD,cAAc,qBAAqB,CAAA;AACnC,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC1D,cAAc,sBAAsB,CAAA;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC1D,cAAc,sBAAsB,CAAA;AACpC,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AACvD,cAAc,qBAAqB,CAAA;AACnC,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC1D,cAAc,sBAAsB,CAAA;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC1D,cAAc,sBAAsB,CAAA;AACpC,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,2CAA2C,CAAA;AAClD,cAAc,6BAA6B,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/components/index.d.ts

@@ -20,6 +20,8 @@ export * from './progress-bar';
 export * from './scrubber';
 export * from './skeleton';
 export * from './artwork';
+export * from './music-badge';
 export { default as LoadingSpinner } from './loading-spinner/LoadingSpinner';
 export * from './pill';
+export * from './common/HiddenInput';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,oBAAoB,CAAA;AAClC,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kCAAkC,CAAA;AAC5E,cAAc,QAAQ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,oBAAoB,CAAA;AAClC,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kCAAkC,CAAA;AAC5E,cAAc,QAAQ,CAAA;AACtB,cAAc,sBAAsB,CAAA"}

package/dist/components/input/PasswordInput/PasswordInput.js

@@ -9,6 +9,7 @@ import '@emotion/react';
 import '@emotion/css';
 import '../../button/FollowButton/FollowButton.js';
 import '../../button/FilterButton/FilterButton.js';
+import '../../button/OptionsFilterButton/OptionsFilterButton.js';
 import { IconButton } from '../../button/IconButton/IconButton.js';
 import '../../button/UnstyledButton.js';
 import { TextInput } from '../TextInput/TextInput.js';

package/dist/components/input/PasswordInput/PasswordInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordInput.js","sources":["../../../../src/components/input/PasswordInput/PasswordInput.tsx"],"sourcesContent":["import { forwardRef } from 'react'\n\nimport { useToggle } from 'react-use'\n\nimport { IconButton } from 'components/button'\nimport { IconVisibilityHidden, IconVisibilityPublic } from 'icons'\n\nimport { TextInput } from '../TextInput'\n\nimport type { PasswordInputProps } from './types'\n\nconst messages = {\n  hidePasswordInput: 'Hide password input',\n  showPasswordInput: 'Show password input'\n}\n\nexport const PasswordInput = forwardRef<HTMLInputElement, PasswordInputProps>(\n  (props, ref) => {\n    const { hideVisibilityToggle, ...restProps } = props\n    const [isPasswordVisible, toggleIsPasswordVisible] = useToggle(false)\n    const VisibilityIcon = isPasswordVisible\n      ? IconVisibilityPublic\n      : IconVisibilityHidden\n\n    return (\n      <TextInput\n        ref={ref}\n        type={isPasswordVisible ? 'text' : 'password'}\n        endAdornment={\n          hideVisibilityToggle ? null : (\n            <IconButton\n              icon={VisibilityIcon}\n              color='subdued'\n              onClick={toggleIsPasswordVisible}\n              aria-label={\n                isPasswordVisible\n                  ? messages.hidePasswordInput\n                  : messages.showPasswordInput\n              }\n              ripple\n            />\n          )\n        }\n        {...restProps}\n      />\n    )\n  }\n)\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;AAWA,IAAM,QAAQ,GAAG;AACf,IAAA,iBAAiB,EAAE,qBAAqB;AACxC,IAAA,iBAAiB,EAAE,qBAAqB;CACzC,CAAA;IAEY,aAAa,GAAG,UAAU,CACrC,UAAC,KAAK,EAAE,GAAG,EAAA;IACD,IAAA,oBAAoB,GAAmB,KAAK,CAAxB,oBAAA,EAAK,SAAS,GAAA,MAAA,CAAK,KAAK,EAA9C,CAAsC,sBAAA,CAAA,CAAF,CAAU;IAC9C,IAAA,EAAA,GAA+C,SAAS,CAAC,KAAK,CAAC,EAA9D,iBAAiB,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,uBAAuB,GAAA,EAAA,CAAA,CAAA,CAAoB,CAAA;IACrE,IAAM,cAAc,GAAG,iBAAiB;AACtC,UAAE,oBAAoB;UACpB,oBAAoB,CAAA;IAExB,QACEA,IAAC,SAAS,EAAA,QAAA,CAAA,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,iBAAiB,GAAG,MAAM,GAAG,UAAU,EAC7C,YAAY,EACV,oBAAoB,GAAG,IAAI,IACzBA,GAAA,CAAC,UAAU,EACT,EAAA,IAAI,EAAE,cAAc,EACpB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,uBAAuB,EAAA,YAAA,EAE9B,iBAAiB;kBACb,QAAQ,CAAC,iBAAiB;AAC5B,kBAAE,QAAQ,CAAC,iBAAiB,EAEhC,MAAM,EACN,IAAA,EAAA,CAAA,CACH,EAEC,EAAA,SAAS,CACb,CAAA,EACH;AACH,CAAC;;;;"}
+{"version":3,"file":"PasswordInput.js","sources":["../../../../src/components/input/PasswordInput/PasswordInput.tsx"],"sourcesContent":["import { forwardRef } from 'react'\n\nimport { useToggle } from 'react-use'\n\nimport { IconButton } from 'components/button'\nimport { IconVisibilityHidden, IconVisibilityPublic } from 'icons'\n\nimport { TextInput } from '../TextInput'\n\nimport type { PasswordInputProps } from './types'\n\nconst messages = {\n  hidePasswordInput: 'Hide password input',\n  showPasswordInput: 'Show password input'\n}\n\nexport const PasswordInput = forwardRef<HTMLInputElement, PasswordInputProps>(\n  (props, ref) => {\n    const { hideVisibilityToggle, ...restProps } = props\n    const [isPasswordVisible, toggleIsPasswordVisible] = useToggle(false)\n    const VisibilityIcon = isPasswordVisible\n      ? IconVisibilityPublic\n      : IconVisibilityHidden\n\n    return (\n      <TextInput\n        ref={ref}\n        type={isPasswordVisible ? 'text' : 'password'}\n        endAdornment={\n          hideVisibilityToggle ? null : (\n            <IconButton\n              icon={VisibilityIcon}\n              color='subdued'\n              onClick={toggleIsPasswordVisible}\n              aria-label={\n                isPasswordVisible\n                  ? messages.hidePasswordInput\n                  : messages.showPasswordInput\n              }\n              ripple\n            />\n          )\n        }\n        {...restProps}\n      />\n    )\n  }\n)\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;AAWA,IAAM,QAAQ,GAAG;AACf,IAAA,iBAAiB,EAAE,qBAAqB;AACxC,IAAA,iBAAiB,EAAE,qBAAqB;CACzC,CAAA;IAEY,aAAa,GAAG,UAAU,CACrC,UAAC,KAAK,EAAE,GAAG,EAAA;IACD,IAAA,oBAAoB,GAAmB,KAAK,CAAxB,oBAAA,EAAK,SAAS,GAAA,MAAA,CAAK,KAAK,EAA9C,CAAsC,sBAAA,CAAA,CAAF,CAAU;IAC9C,IAAA,EAAA,GAA+C,SAAS,CAAC,KAAK,CAAC,EAA9D,iBAAiB,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,uBAAuB,GAAA,EAAA,CAAA,CAAA,CAAoB,CAAA;IACrE,IAAM,cAAc,GAAG,iBAAiB;AACtC,UAAE,oBAAoB;UACpB,oBAAoB,CAAA;IAExB,QACEA,IAAC,SAAS,EAAA,QAAA,CAAA,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,iBAAiB,GAAG,MAAM,GAAG,UAAU,EAC7C,YAAY,EACV,oBAAoB,GAAG,IAAI,IACzBA,GAAA,CAAC,UAAU,EACT,EAAA,IAAI,EAAE,cAAc,EACpB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,uBAAuB,EAAA,YAAA,EAE9B,iBAAiB;kBACb,QAAQ,CAAC,iBAAiB;AAC5B,kBAAE,QAAQ,CAAC,iBAAiB,EAEhC,MAAM,EACN,IAAA,EAAA,CAAA,CACH,EAEC,EAAA,SAAS,CACb,CAAA,EACH;AACH,CAAC;;;;"}

package/dist/components/input/SelectablePill/SelectablePill.js

@@ -26,7 +26,7 @@ var SelectablePill = function (props) {
     var activeCss = __assign({ backgroundColor: theme.color.secondary.s400, color: theme.color.static.white, border: "1px solid ".concat(theme.color.secondary.s400) }, (size === 'large' && {
         boxShadow: 'none'
     }));
-    var rootCss = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({ display: 'inline-flex', position: 'relative', alignItems: 'center', justifyContent: 'center', gap: theme.spacing.xs, color: theme.color.text.default, backgroundColor: theme.color.background.white, cursor: 'pointer', userSelect: 'none', transition: 'all 0.12s ease-out', textWrap: 'nowrap', border: "1px solid ".concat(theme.color.border.strong), borderRadius: theme.cornerRadius['2xl'] }, (size === 'small' && {
+    var rootCss = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({ display: 'inline-flex', position: 'relative', alignItems: 'center', justifyContent: 'center', gap: theme.spacing.s, color: theme.color.text.default, backgroundColor: theme.color.background.white, cursor: 'pointer', userSelect: 'none', transition: 'all 0.12s ease-out', textWrap: 'nowrap', border: "1px solid ".concat(theme.color.border.strong), borderRadius: theme.cornerRadius['2xl'] }, (size === 'small' && {
         height: theme.spacing.xl,
         paddingInline: theme.spacing.m
     })), (size === 'large' && {

package/dist/components/input/SelectablePill/SelectablePill.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectablePill.js","sources":["../../../../src/components/input/SelectablePill/SelectablePill.tsx"],"sourcesContent":["import { ComponentProps } from 'react'\n\nimport { CSSObject, useTheme } from '@emotion/react'\n\nimport { HiddenInput } from 'components/common/HiddenInput'\nimport { useRadioGroup } from 'components/radio-group/useRadioGroup'\nimport { Text } from 'components/text'\n\nimport type { SelectablePillProps } from './types'\n\nconst RadioInput = (props: ComponentProps<'input'>) => {\n  const { name, checked, onChange } = useRadioGroup(props)\n  return (\n    <HiddenInput {...props} name={name} checked={checked} onChange={onChange} />\n  )\n}\n\nexport const SelectablePill = (props: SelectablePillProps) => {\n  const {\n    isSelected: isSelectedProp,\n    size = 'small',\n    _isHovered,\n    icon: Icon,\n    className,\n    ...other\n  } = props\n\n  const { disabled, type } = other\n  const isSelected =\n    type === 'checkbox' || type === 'radio'\n      ? other.checked ?? isSelectedProp\n      : isSelectedProp\n\n  const theme = useTheme()\n  const { spacing } = theme\n\n  const hoverCss: CSSObject = {\n    backgroundColor: theme.color.secondary.s200,\n    color: theme.color.static.white,\n    border: `1px solid ${theme.color.secondary.secondary}`,\n    ...(size === 'large' && {\n      backgroundColor: theme.color.secondary.s100,\n      border: `1px solid ${theme.color.secondary.s200}`,\n      boxShadow: 'none'\n    })\n  }\n\n  const activeCss: CSSObject = {\n    backgroundColor: theme.color.secondary.s400,\n    color: theme.color.static.white,\n    border: `1px solid ${theme.color.secondary.s400}`,\n\n    ...(size === 'large' && {\n      boxShadow: 'none'\n    })\n  }\n\n  const rootCss: CSSObject = {\n    display: 'inline-flex',\n    position: 'relative',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: theme.spacing.xs,\n    color: theme.color.text.default,\n    backgroundColor: theme.color.background.white,\n    cursor: 'pointer',\n    userSelect: 'none',\n    transition: 'all 0.12s ease-out',\n    textWrap: 'nowrap',\n    border: `1px solid ${theme.color.border.strong}`,\n    borderRadius: theme.cornerRadius['2xl'],\n    ...(size === 'small' && {\n      height: theme.spacing.xl,\n      paddingInline: theme.spacing.m\n    }),\n    ...(size === 'large' && {\n      height: theme.spacing['2xl'],\n      paddingInline: theme.spacing.l,\n      boxShadow: theme.shadows.near\n    }),\n    ...(size === 'oversized' && {\n      height: spacing.unit12,\n      padding: spacing.m,\n      borderWidth: 2\n    }),\n    ...(disabled && { opacity: 0.45 }),\n    ...(_isHovered && hoverCss),\n    ...(isSelected && activeCss),\n    ...((disabled || _isHovered) && {\n      pointerEvents: 'none'\n    }),\n    ':hover': hoverCss,\n    ':active': activeCss\n  }\n\n  const iconCss = {\n    width: spacing.l,\n    height: spacing.l,\n\n    '& path': {\n      fill: 'currentColor'\n    }\n  }\n\n  const rootProps = {\n    css: rootCss,\n    className\n  }\n\n  const pillContent = (\n    <>\n      {Icon ? <Icon css={iconCss} /> : null}\n      {'label' in other ? (\n        <Text\n          variant={size === 'oversized' ? 'heading' : 'body'}\n          tag='span'\n          css={size === 'oversized' && { textTransform: 'uppercase' }}\n        >\n          {other.label}\n        </Text>\n      ) : null}\n    </>\n  )\n\n  switch (type) {\n    case 'checkbox': {\n      return (\n        <label {...rootProps}>\n          {pillContent}\n          <HiddenInput {...other} checked={isSelected} />\n        </label>\n      )\n    }\n    case 'radio': {\n      return (\n        <label {...rootProps}>\n          {pillContent}\n          <RadioInput {...other} checked={isSelected} />\n        </label>\n      )\n    }\n    case 'button':\n    case 'reset':\n    case 'submit':\n    default: {\n      return (\n        <button {...rootProps} {...other}>\n          {pillContent}\n        </button>\n      )\n    }\n  }\n}\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}
+{"version":3,"file":"SelectablePill.js","sources":["../../../../src/components/input/SelectablePill/SelectablePill.tsx"],"sourcesContent":["import { ComponentProps } from 'react'\n\nimport { CSSObject, useTheme } from '@emotion/react'\n\nimport { HiddenInput } from 'components/common/HiddenInput'\nimport { useRadioGroup } from 'components/radio-group/useRadioGroup'\nimport { Text } from 'components/text'\n\nimport type { SelectablePillProps } from './types'\n\nconst RadioInput = (props: ComponentProps<'input'>) => {\n  const { name, checked, onChange } = useRadioGroup(props)\n  return (\n    <HiddenInput {...props} name={name} checked={checked} onChange={onChange} />\n  )\n}\n\nexport const SelectablePill = (props: SelectablePillProps) => {\n  const {\n    isSelected: isSelectedProp,\n    size = 'small',\n    _isHovered,\n    icon: Icon,\n    className,\n    ...other\n  } = props\n\n  const { disabled, type } = other\n  const isSelected =\n    type === 'checkbox' || type === 'radio'\n      ? other.checked ?? isSelectedProp\n      : isSelectedProp\n\n  const theme = useTheme()\n  const { spacing } = theme\n\n  const hoverCss: CSSObject = {\n    backgroundColor: theme.color.secondary.s200,\n    color: theme.color.static.white,\n    border: `1px solid ${theme.color.secondary.secondary}`,\n    ...(size === 'large' && {\n      backgroundColor: theme.color.secondary.s100,\n      border: `1px solid ${theme.color.secondary.s200}`,\n      boxShadow: 'none'\n    })\n  }\n\n  const activeCss: CSSObject = {\n    backgroundColor: theme.color.secondary.s400,\n    color: theme.color.static.white,\n    border: `1px solid ${theme.color.secondary.s400}`,\n\n    ...(size === 'large' && {\n      boxShadow: 'none'\n    })\n  }\n\n  const rootCss: CSSObject = {\n    display: 'inline-flex',\n    position: 'relative',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: theme.spacing.s,\n    color: theme.color.text.default,\n    backgroundColor: theme.color.background.white,\n    cursor: 'pointer',\n    userSelect: 'none',\n    transition: 'all 0.12s ease-out',\n    textWrap: 'nowrap',\n    border: `1px solid ${theme.color.border.strong}`,\n    borderRadius: theme.cornerRadius['2xl'],\n    ...(size === 'small' && {\n      height: theme.spacing.xl,\n      paddingInline: theme.spacing.m\n    }),\n    ...(size === 'large' && {\n      height: theme.spacing['2xl'],\n      paddingInline: theme.spacing.l,\n      boxShadow: theme.shadows.near\n    }),\n    ...(size === 'oversized' && {\n      height: spacing.unit12,\n      padding: spacing.m,\n      borderWidth: 2\n    }),\n    ...(disabled && { opacity: 0.45 }),\n    ...(_isHovered && hoverCss),\n    ...(isSelected && activeCss),\n    ...((disabled || _isHovered) && {\n      pointerEvents: 'none'\n    }),\n    ':hover': hoverCss,\n    ':active': activeCss\n  }\n\n  const iconCss = {\n    width: spacing.l,\n    height: spacing.l,\n\n    '& path': {\n      fill: 'currentColor'\n    }\n  }\n\n  const rootProps = {\n    css: rootCss,\n    className\n  }\n\n  const pillContent = (\n    <>\n      {Icon ? <Icon css={iconCss} /> : null}\n      {'label' in other ? (\n        <Text\n          variant={size === 'oversized' ? 'heading' : 'body'}\n          tag='span'\n          css={size === 'oversized' && { textTransform: 'uppercase' }}\n        >\n          {other.label}\n        </Text>\n      ) : null}\n    </>\n  )\n\n  switch (type) {\n    case 'checkbox': {\n      return (\n        <label {...rootProps}>\n          {pillContent}\n          <HiddenInput {...other} checked={isSelected} />\n        </label>\n      )\n    }\n    case 'radio': {\n      return (\n        <label {...rootProps}>\n          {pillContent}\n          <RadioInput {...other} checked={isSelected} />\n        </label>\n      )\n    }\n    case 'button':\n    case 'reset':\n    case 'submit':\n    default: {\n      return (\n        <button {...rootProps} {...other}>\n          {pillContent}\n        </button>\n      )\n    }\n  }\n}\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":";;;;;;;AAUA,IAAM,UAAU,GAAG,UAAC,KAA8B,EAAA;AAC1C,IAAA,IAAA,EAA8B,GAAA,aAAa,CAAC,KAAK,CAAC,EAAhD,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,QAAQ,cAAyB,CAAA;AACxD,IAAA,QACEA,GAAC,CAAA,WAAW,eAAK,KAAK,EAAA,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAA,CAAA,CAAI,EAC7E;AACH,CAAC,CAAA;AAEM,IAAM,cAAc,GAAG,UAAC,KAA0B,EAAA;;AAErD,IAAA,IAAY,cAAc,GAMxB,KAAK,CAAA,UANmB,EAC1B,EAKE,GAAA,KAAK,CALO,IAAA,EAAd,IAAI,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,OAAO,GAAA,EAAA,EACd,UAAU,GAIR,KAAK,CAJG,UAAA,EACJ,IAAI,GAGR,KAAK,CAHG,IAAA,EACV,SAAS,GAEP,KAAK,CAFE,SAAA,EACN,KAAK,GACN,MAAA,CAAA,KAAK,EAPH,CAAA,YAAA,EAAA,MAAA,EAAA,YAAA,EAAA,MAAA,EAAA,WAAA,CAOL,CADS,CACD;IAED,IAAA,QAAQ,GAAW,KAAK,CAAA,QAAhB,EAAE,IAAI,GAAK,KAAK,CAAA,IAAV,CAAU;IAChC,IAAM,UAAU,GACd,IAAI,KAAK,UAAU,IAAI,IAAI,KAAK,OAAO;AACrC,UAAE,CAAA,EAAA,GAAA,KAAK,CAAC,OAAO,mCAAI,cAAc;UAC/B,cAAc,CAAA;AAEpB,IAAA,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;AAChB,IAAA,IAAA,OAAO,GAAK,KAAK,CAAA,OAAV,CAAU;AAEzB,IAAA,IAAM,QAAQ,GACZ,QAAA,CAAA,EAAA,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,EAC3C,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAC/B,MAAM,EAAE,YAAa,CAAA,MAAA,CAAA,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,SAAS,CAAE,EAAA,GAClD,IAAI,KAAK,OAAO,IAAI;AACtB,QAAA,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI;QAC3C,MAAM,EAAE,oBAAa,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAE;AACjD,QAAA,SAAS,EAAE,MAAM;AAClB,KAAA,EACF,CAAA;AAED,IAAA,IAAM,SAAS,GACb,QAAA,CAAA,EAAA,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,EAC3C,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAC/B,MAAM,EAAE,YAAa,CAAA,MAAA,CAAA,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAE,EAAA,GAE7C,IAAI,KAAK,OAAO,IAAI;AACtB,QAAA,SAAS,EAAE,MAAM;AAClB,KAAA,EACF,CAAA;AAED,IAAA,IAAM,OAAO,GACX,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,EAAA,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,UAAU,EACpB,UAAU,EAAE,QAAQ,EACpB,cAAc,EAAE,QAAQ,EACxB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAC/B,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,EAC7C,MAAM,EAAE,SAAS,EACjB,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,oBAAoB,EAChC,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,YAAa,CAAA,MAAA,CAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAE,EAChD,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,EAAA,GACnC,IAAI,KAAK,OAAO,IAAI;AACtB,QAAA,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;AACxB,QAAA,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;AAC/B,KAAA,EACE,GAAC,IAAI,KAAK,OAAO,IAAI;AACtB,QAAA,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;AAC5B,QAAA,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;AAC9B,QAAA,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;AAC9B,KAAA,EACE,GAAC,IAAI,KAAK,WAAW,IAAI;QAC1B,MAAM,EAAE,OAAO,CAAC,MAAM;QACtB,OAAO,EAAE,OAAO,CAAC,CAAC;AAClB,QAAA,WAAW,EAAE,CAAC;AACf,KAAA,EACE,GAAC,QAAQ,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,EAC9B,GAAC,UAAU,IAAI,QAAQ,EACvB,GAAC,UAAU,IAAI,SAAS,EACxB,GAAC,CAAC,QAAQ,IAAI,UAAU,KAAK;AAC9B,QAAA,aAAa,EAAE,MAAM;KACtB,EAAC,EAAA,EACF,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EAAA,CACrB,CAAA;AAED,IAAA,IAAM,OAAO,GAAG;QACd,KAAK,EAAE,OAAO,CAAC,CAAC;QAChB,MAAM,EAAE,OAAO,CAAC,CAAC;AAEjB,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,cAAc;AACrB,SAAA;KACF,CAAA;AAED,IAAA,IAAM,SAAS,GAAG;AAChB,QAAA,GAAG,EAAE,OAAO;AACZ,QAAA,SAAS,EAAA,SAAA;KACV,CAAA;AAED,IAAA,IAAM,WAAW,IACfC,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACG,IAAI,GAAGF,GAAA,CAAC,IAAI,EAAA,EAAC,GAAG,EAAE,OAAO,EAAI,CAAA,GAAG,IAAI,EACpC,OAAO,IAAI,KAAK,IACfA,IAAC,IAAI,EAAA,QAAA,CAAA,EACH,OAAO,EAAE,IAAI,KAAK,WAAW,GAAG,SAAS,GAAG,MAAM,EAClD,GAAG,EAAC,MAAM,EACV,GAAG,EAAE,IAAI,KAAK,WAAW,IAAI,EAAE,aAAa,EAAE,WAAW,EAAE,EAAA,EAAA,EAAA,QAAA,EAE1D,KAAK,CAAC,KAAK,EACP,CAAA,CAAA,IACL,IAAI,CAAA,EAAA,CACP,CACJ,CAAA;AAED,IAAA,QAAQ,IAAI;QACV,KAAK,UAAU,EAAE;AACf,YAAA,QACEC,IAAW,CAAA,OAAA,EAAA,QAAA,CAAA,EAAA,EAAA,SAAS,EACjB,EAAA,QAAA,EAAA,CAAA,WAAW,EACZD,GAAC,CAAA,WAAW,EAAK,QAAA,CAAA,EAAA,EAAA,KAAK,IAAE,OAAO,EAAE,UAAU,EAAI,CAAA,CAAA,CAAA,EAAA,CAAA,CACzC,EACT;AACF,SAAA;QACD,KAAK,OAAO,EAAE;AACZ,YAAA,QACEC,IAAW,CAAA,OAAA,EAAA,QAAA,CAAA,EAAA,EAAA,SAAS,EACjB,EAAA,QAAA,EAAA,CAAA,WAAW,EACZD,GAAC,CAAA,UAAU,EAAK,QAAA,CAAA,EAAA,EAAA,KAAK,IAAE,OAAO,EAAE,UAAU,EAAI,CAAA,CAAA,CAAA,EAAA,CAAA,CACxC,EACT;AACF,SAAA;AACD,QAAA,KAAK,QAAQ,CAAC;AACd,QAAA,KAAK,OAAO,CAAC;AACb,QAAA,KAAK,QAAQ,CAAC;AACd,QAAA,SAAS;YACP,QACEA,2BAAY,SAAS,EAAM,KAAK,EAC7B,EAAA,QAAA,EAAA,WAAW,EACL,CAAA,CAAA,EACV;AACF,SAAA;AACF,KAAA;AACH;;;;"}

package/dist/components/modal/Modal.js

@@ -248,7 +248,7 @@ var Modal = forwardRef(function Modal(_a, ref) {
     var handleModalContentClicked = function () {
         modalContentClickedRef.current = true;
     };
-    return (jsx(Fragment, { children: modalRoot && isOpen
+    return (jsx(Fragment, { children: modalRoot && (process.env.NODE_ENV === 'test' ? isOpenProp : isOpen)
             ? ReactDOM.createPortal(jsx(Fragment, { children: transition.map(function (_a) {
                     var item = _a.item, props = _a.props, key = _a.key;
                     return item && (jsx(animated.div, __assign({ className: wrapperClassNames, style: __assign(__assign({}, wrapperStyle), { opacity: props.opacity, height: height, minHeight: height }), ref: ref }, { children: jsx(animated.div, __assign({ ref: dismissOnClickOutside ? outsideClickRef : null, className: bodyClassNames, style: __assign(__assign(__assign({}, props), bodyOffset), bodyStyle), role: 'dialog', "aria-labelledby": titleId, "aria-describedby": subtitleId, onClick: handleModalContentClicked }, { children: jsxs(Fragment, { children: [showTitleHeader && (jsxs("div", __assign({ className: headerContainerClassNames }, { children: [showDismissButton && (jsx("div", __assign({ className: styles.dismissButton, onClick: onClose }, { children: jsx(IconClose, { color: 'subdued', size: 's' }) }))), jsx("div", __assign({ id: titleId, className: cn(styles.header, titleClassName) }, { children: title })), jsx("div", __assign({ id: subtitleId, className: cn(styles.subtitle, subtitleClassName) }, { children: subtitle }))] }))), jsx(ModalContext.Provider, __assign({ value: modalContextValue }, { children: children }))] }) })) }), key));

package/dist/components/modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../src/components/modal/Modal.tsx"],"sourcesContent":["import {\n  useEffect,\n  useState,\n  useCallback,\n  useMemo,\n  forwardRef,\n  MouseEventHandler,\n  useRef\n} from 'react'\n\nimport { useTheme } from '@emotion/react'\nimport cn from 'classnames'\nimport { capitalize } from 'lodash'\nimport uniqueId from 'lodash/uniqueId'\nimport ReactDOM from 'react-dom'\n// eslint-disable-next-line no-restricted-imports -- TODO: migrate to @react-spring/web\nimport { animated, useTransition } from 'react-spring'\nimport { useEffectOnce } from 'react-use'\n\nimport { ModalState } from 'utils/modalState'\n\nimport { useHotkeys, useScrollLock, useClickOutside } from '../../hooks'\nimport { IconClose } from '../../icons'\n\nimport styles from './Modal.module.css'\nimport { ModalContext } from './ModalContext'\nimport { findAncestor } from './findAncestor'\nimport { useModalScrollCount } from './hooks'\nimport { ModalProps, Anchor } from './types'\n\nconst rootContainer = 'modalRootContainer'\nconst rootId = 'modalRoot'\nconst bgId = 'bgModal'\nconst wrapperClass = 'modalWrapper'\n\nconst anchorStyleMap = {\n  [Anchor.TOP]: styles.top,\n  [Anchor.CENTER]: styles.center,\n  [Anchor.BOTTOM]: styles.bottom\n}\n\nconst anchorPropertyMap = {\n  [Anchor.TOP]: 'marginTop',\n  [Anchor.CENTER]: 'marginTop',\n  [Anchor.BOTTOM]: 'marginBottom'\n}\n\nconst getOffset = (anchor: Anchor, verticalAnchorOffset: number) => {\n  return { [anchorPropertyMap[anchor]]: verticalAnchorOffset }\n}\n\nconst useModalRoot = (id: string, isOpen: boolean, zIndex?: number) => {\n  const [modalRoot, setModalRoot] = useState<HTMLElement | null>(null)\n  const [modalBg, setModalBg] = useState<HTMLElement | null>(null)\n\n  useEffect(() => {\n    const uniqueRootId = `${id}-${rootId}`\n    const uniqueBgId = `${id}-${bgId}`\n    const uniqueRootContainerId = `${id}-${rootContainer}`\n    let el = document.getElementById(uniqueRootId)\n    let bgEl = document.getElementById(uniqueBgId)\n    let container = document.getElementById(uniqueRootContainerId)\n\n    if (!isOpen) {\n      if (bgEl) {\n        document.body.removeChild(bgEl)\n      }\n      if (el && container) {\n        container.removeChild(el)\n      }\n\n      if (container) {\n        document.body.removeChild(container)\n      }\n\n      return\n    }\n\n    if (!bgEl) {\n      bgEl = document.createElement('div')\n      bgEl.id = uniqueBgId\n      bgEl.classList.add(bgId)\n      document.body.appendChild(bgEl)\n    }\n\n    if (!container) {\n      container = document.createElement('div')\n      container.id = uniqueRootContainerId\n      container.classList.add(rootContainer)\n      document.body.appendChild(container)\n    }\n\n    if (!el) {\n      el = document.createElement('div')\n      el.id = uniqueRootId\n      el.classList.add(rootId)\n      container.appendChild(el)\n    }\n\n    if (zIndex) {\n      container.style.zIndex = `${zIndex}`\n      el.style.zIndex = `${zIndex}`\n      bgEl.style.zIndex = `${zIndex - 1}`\n    }\n\n    setModalRoot(el)\n    setModalBg(bgEl)\n  }, [id, zIndex, isOpen])\n\n  return [modalRoot, modalBg]\n}\n\nexport const Modal = forwardRef<HTMLDivElement, ModalProps>(function Modal(\n  {\n    'aria-describedby': ariaDescribedbyProp,\n    'aria-labelledby': ariaLabelledbyProp,\n    modalKey,\n    children,\n    onClose,\n    onClosed,\n    isOpen: isOpenProp,\n    wrapperClassName,\n    bodyClassName,\n    titleClassName,\n    subtitleClassName,\n    headerContainerClassName,\n    anchor = Anchor.CENTER,\n    subtitle,\n    verticalAnchorOffset = 0,\n    horizontalPadding = 8,\n    contentHorizontalPadding = 0,\n    allowScroll = false,\n    title = '',\n    showTitleHeader = false,\n    dismissOnClickOutside = true,\n    showDismissButton = false,\n    zIndex,\n    size\n  },\n  ref\n) {\n  useEffectOnce(() => {\n    if (\n      process.env.NODE_ENV !== 'production' &&\n      process.env.NODE_ENV !== 'development'\n    ) {\n      if (\n        subtitle ||\n        title ||\n        showTitleHeader ||\n        titleClassName ||\n        subtitleClassName ||\n        headerContainerClassName ||\n        showDismissButton\n      ) {\n        console.warn(\n          'Header and title-related props of `Modal` have been deprecated. Use the `ModalHeader` sub-component instead.'\n        )\n      }\n\n      if (allowScroll !== undefined) {\n        console.warn('`allowScroll` prop of `Modal` has been deprecated.')\n      }\n    }\n  })\n\n  const [modalState, setModalState] = useState<ModalState>('closed')\n  const isOpen = modalState !== 'closed'\n  const isDoneOpening = modalState === 'open'\n  const { spring } = useTheme()\n  const id = useMemo(() => modalKey || uniqueId('modal-'), [modalKey])\n  const titleId = ariaLabelledbyProp || `${id}-title`\n  const subtitleId = ariaDescribedbyProp || `${id}-subtitle`\n  const modalContextValue = useMemo(() => {\n    return { titleId, subtitleId, onClose, isDoneOpening }\n  }, [titleId, subtitleId, onClose, isDoneOpening])\n\n  const onTouchMove = useCallback(\n    (e: any) => {\n      !allowScroll && e.preventDefault()\n    },\n    [allowScroll]\n  )\n\n  const [modalRoot, bgModal] = useModalRoot(id, isOpen, zIndex)\n  const { incrementScrollCount, decrementScrollCount } = useModalScrollCount()\n  useScrollLock(isOpen, incrementScrollCount, decrementScrollCount)\n\n  useEffect(() => {\n    if (modalState === 'closed' && isOpenProp) {\n      setModalState('opening')\n    } else if (modalState === 'open' && !isOpenProp) {\n      setModalState('closing')\n    }\n  }, [isOpenProp, modalState])\n\n  useEffect(() => {\n    if (isOpen) {\n      if (bgModal) {\n        bgModal.classList.add('bgModalVisible')\n      }\n\n      // Need to prevent safari iOS bounce\n      // overscroll effect by intercepting\n      // touchmove events.\n      if (modalRoot) modalRoot.addEventListener('touchmove', onTouchMove)\n      return () => {\n        if (bgModal) bgModal.classList.remove('bgModalVisible')\n      }\n    }\n    if (bgModal) bgModal.classList.remove('bgModalVisible')\n    if (modalRoot) modalRoot.removeEventListener('touchmove', onTouchMove)\n    return () => {}\n  }, [isOpen, bgModal, onTouchMove, modalRoot])\n\n  const transition = useTransition(isOpenProp, null, {\n    from: { transform: 'scale(0)', opacity: 0 },\n    // @ts-ignore function is a valid value for enter, but the types don't acknowledge that\n    enter:\n      () =>\n      async (\n        next: (props: { transform: string; opacity: number }) => Promise<void>\n      ) => {\n        await next({ transform: 'scale(1)', opacity: 1 })\n      },\n    leave: { transform: 'scale(0)', opacity: 0 },\n    unique: true,\n    config: spring.standard,\n    onDestroyed: (isDestroyed) => {\n      setModalState(isDestroyed ? 'closed' : 'open')\n      if (isDestroyed) {\n        onClosed?.()\n      }\n    }\n  })\n\n  const modalContentClickedRef = useRef<boolean>(false)\n  const outsideClickRef = useClickOutside(\n    onClose,\n    // Check to see if the click outside is not another modal wrapper.\n    // If it is, that means we have a nested modal situation and shouldn't\n    // dismiss \"this\" modal. We let the useClickOutside in \"that\" modal to\n    // dismiss it.\n    (e: EventTarget) => {\n      // Only close if we're open.\n      // Closing when we're not open can cause a race condition when opened\n      // via a click since this handler exists prior to visibility,\n      // causing the modal to open and close immediately\n      if (!isOpen || modalContentClickedRef?.current) {\n        modalContentClickedRef.current = false\n        return true\n      }\n      if (e instanceof Element) {\n        const modalElement = findAncestor(e, `.${wrapperClass}`)\n        if (!modalElement) {\n          return false\n        }\n        const isModalWrapper = modalElement.classList.contains(wrapperClass)\n        const isThisModalWrapper = modalElement.classList.contains(\n          `${wrapperClass}-${id}`\n        )\n        return isModalWrapper && !isThisModalWrapper\n      }\n      return false\n    },\n    isOpen\n  )\n\n  const handleEscape = useCallback(() => {\n    if (isOpen) onClose()\n  }, [isOpen, onClose])\n\n  useHotkeys({ 27 /* escape */: handleEscape })\n\n  const wrapperClassNames = cn(\n    styles.wrapper,\n    anchorStyleMap[anchor],\n    {\n      [wrapperClassName!]: !!wrapperClassName\n    },\n    wrapperClass,\n    // Add a unique id class name to detect whether, if we're using\n    // click outside to dismiss the modal, the correct \"outside\" is being clicked.\n    `${wrapperClass}-${id}`\n  )\n\n  const wrapperStyle = {\n    paddingLeft: `${horizontalPadding}px`,\n    paddingRight: `${horizontalPadding}px`\n  }\n\n  /** Begin @deprecated section (favor using ModalContent sub-component)  */\n  const bodyStyle = {\n    paddingLeft: `${contentHorizontalPadding}px`,\n    paddingRight: `${contentHorizontalPadding}px`\n  }\n  /** End @deprecated section  */\n\n  const bodyClassNames = cn(styles.body, {\n    [styles.noScroll!]: !allowScroll,\n    [styles[`size${capitalize(size)}`]]: size,\n    [bodyClassName!]: !!bodyClassName\n  })\n\n  const headerContainerClassNames = cn(styles.headerContainer, {\n    [headerContainerClassName!]: !!headerContainerClassName\n  })\n\n  const [height, setHeight] = useState(\n    typeof window !== 'undefined' ? window.innerHeight : 0\n  )\n\n  useEffect(() => {\n    const onResize = () => {\n      setHeight(window.innerHeight)\n    }\n    window.addEventListener('resize', onResize)\n    return () => {\n      window.removeEventListener('resize', onResize)\n    }\n  }, [setHeight])\n\n  const bodyOffset = getOffset(anchor, verticalAnchorOffset)\n\n  const handleModalContentClicked: MouseEventHandler = () => {\n    modalContentClickedRef.current = true\n  }\n\n  return (\n    <>\n      {modalRoot && isOpen\n        ? ReactDOM.createPortal(\n            <>\n              {transition.map(\n                ({ item, props, key }) =>\n                  item && (\n                    <animated.div\n                      className={wrapperClassNames}\n                      style={{\n                        ...wrapperStyle,\n                        opacity: props.opacity,\n                        height,\n                        minHeight: height\n                      }}\n                      key={key}\n                      ref={ref}\n                    >\n                      <animated.div\n                        ref={dismissOnClickOutside ? outsideClickRef : null}\n                        className={bodyClassNames}\n                        style={{ ...props, ...bodyOffset, ...bodyStyle }}\n                        role='dialog'\n                        aria-labelledby={titleId}\n                        aria-describedby={subtitleId}\n                        onClick={handleModalContentClicked}\n                      >\n                        <>\n                          {/** Begin @deprecated section (moved to ModalHeader and ModalTitle sub-components)  */}\n                          {showTitleHeader && (\n                            <div className={headerContainerClassNames}>\n                              {showDismissButton && (\n                                <div\n                                  className={styles.dismissButton}\n                                  onClick={onClose}\n                                >\n                                  <IconClose color='subdued' size='s' />\n                                </div>\n                              )}\n                              <div\n                                id={titleId}\n                                className={cn(styles.header, titleClassName)}\n                              >\n                                {title}\n                              </div>\n                              <div\n                                id={subtitleId}\n                                className={cn(\n                                  styles.subtitle,\n                                  subtitleClassName\n                                )}\n                              >\n                                {subtitle}\n                              </div>\n                            </div>\n                          )}\n                          {/** End @deprecated section  */}\n                          <ModalContext.Provider value={modalContextValue}>\n                            {children}\n                          </ModalContext.Provider>\n                        </>\n                      </animated.div>\n                    </animated.div>\n                  )\n              )}\n            </>,\n            modalRoot\n          )\n        : null}\n    </>\n  )\n})\n"],"names":["_jsx","_Fragment","_jsxs"],"mappings":"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"}
+{"version":3,"file":"Modal.js","sources":["../../../src/components/modal/Modal.tsx"],"sourcesContent":["import {\n  useEffect,\n  useState,\n  useCallback,\n  useMemo,\n  forwardRef,\n  MouseEventHandler,\n  useRef\n} from 'react'\n\nimport { useTheme } from '@emotion/react'\nimport cn from 'classnames'\nimport { capitalize } from 'lodash'\nimport uniqueId from 'lodash/uniqueId'\nimport ReactDOM from 'react-dom'\n// eslint-disable-next-line no-restricted-imports -- TODO: migrate to @react-spring/web\nimport { animated, useTransition } from 'react-spring'\nimport { useEffectOnce } from 'react-use'\n\nimport { ModalState } from 'utils/modalState'\n\nimport { useHotkeys, useScrollLock, useClickOutside } from '../../hooks'\nimport { IconClose } from '../../icons'\n\nimport styles from './Modal.module.css'\nimport { ModalContext } from './ModalContext'\nimport { findAncestor } from './findAncestor'\nimport { useModalScrollCount } from './hooks'\nimport { ModalProps, Anchor } from './types'\n\nconst rootContainer = 'modalRootContainer'\nconst rootId = 'modalRoot'\nconst bgId = 'bgModal'\nconst wrapperClass = 'modalWrapper'\n\nconst anchorStyleMap = {\n  [Anchor.TOP]: styles.top,\n  [Anchor.CENTER]: styles.center,\n  [Anchor.BOTTOM]: styles.bottom\n}\n\nconst anchorPropertyMap = {\n  [Anchor.TOP]: 'marginTop',\n  [Anchor.CENTER]: 'marginTop',\n  [Anchor.BOTTOM]: 'marginBottom'\n}\n\nconst getOffset = (anchor: Anchor, verticalAnchorOffset: number) => {\n  return { [anchorPropertyMap[anchor]]: verticalAnchorOffset }\n}\n\nconst useModalRoot = (id: string, isOpen: boolean, zIndex?: number) => {\n  const [modalRoot, setModalRoot] = useState<HTMLElement | null>(null)\n  const [modalBg, setModalBg] = useState<HTMLElement | null>(null)\n\n  useEffect(() => {\n    const uniqueRootId = `${id}-${rootId}`\n    const uniqueBgId = `${id}-${bgId}`\n    const uniqueRootContainerId = `${id}-${rootContainer}`\n    let el = document.getElementById(uniqueRootId)\n    let bgEl = document.getElementById(uniqueBgId)\n    let container = document.getElementById(uniqueRootContainerId)\n\n    if (!isOpen) {\n      if (bgEl) {\n        document.body.removeChild(bgEl)\n      }\n      if (el && container) {\n        container.removeChild(el)\n      }\n\n      if (container) {\n        document.body.removeChild(container)\n      }\n\n      return\n    }\n\n    if (!bgEl) {\n      bgEl = document.createElement('div')\n      bgEl.id = uniqueBgId\n      bgEl.classList.add(bgId)\n      document.body.appendChild(bgEl)\n    }\n\n    if (!container) {\n      container = document.createElement('div')\n      container.id = uniqueRootContainerId\n      container.classList.add(rootContainer)\n      document.body.appendChild(container)\n    }\n\n    if (!el) {\n      el = document.createElement('div')\n      el.id = uniqueRootId\n      el.classList.add(rootId)\n      container.appendChild(el)\n    }\n\n    if (zIndex) {\n      container.style.zIndex = `${zIndex}`\n      el.style.zIndex = `${zIndex}`\n      bgEl.style.zIndex = `${zIndex - 1}`\n    }\n\n    setModalRoot(el)\n    setModalBg(bgEl)\n  }, [id, zIndex, isOpen])\n\n  return [modalRoot, modalBg]\n}\n\nexport const Modal = forwardRef<HTMLDivElement, ModalProps>(function Modal(\n  {\n    'aria-describedby': ariaDescribedbyProp,\n    'aria-labelledby': ariaLabelledbyProp,\n    modalKey,\n    children,\n    onClose,\n    onClosed,\n    isOpen: isOpenProp,\n    wrapperClassName,\n    bodyClassName,\n    titleClassName,\n    subtitleClassName,\n    headerContainerClassName,\n    anchor = Anchor.CENTER,\n    subtitle,\n    verticalAnchorOffset = 0,\n    horizontalPadding = 8,\n    contentHorizontalPadding = 0,\n    allowScroll = false,\n    title = '',\n    showTitleHeader = false,\n    dismissOnClickOutside = true,\n    showDismissButton = false,\n    zIndex,\n    size\n  },\n  ref\n) {\n  useEffectOnce(() => {\n    if (\n      process.env.NODE_ENV !== 'production' &&\n      process.env.NODE_ENV !== 'development'\n    ) {\n      if (\n        subtitle ||\n        title ||\n        showTitleHeader ||\n        titleClassName ||\n        subtitleClassName ||\n        headerContainerClassName ||\n        showDismissButton\n      ) {\n        console.warn(\n          'Header and title-related props of `Modal` have been deprecated. Use the `ModalHeader` sub-component instead.'\n        )\n      }\n\n      if (allowScroll !== undefined) {\n        console.warn('`allowScroll` prop of `Modal` has been deprecated.')\n      }\n    }\n  })\n\n  const [modalState, setModalState] = useState<ModalState>('closed')\n  const isOpen = modalState !== 'closed'\n  const isDoneOpening = modalState === 'open'\n  const { spring } = useTheme()\n  const id = useMemo(() => modalKey || uniqueId('modal-'), [modalKey])\n  const titleId = ariaLabelledbyProp || `${id}-title`\n  const subtitleId = ariaDescribedbyProp || `${id}-subtitle`\n  const modalContextValue = useMemo(() => {\n    return { titleId, subtitleId, onClose, isDoneOpening }\n  }, [titleId, subtitleId, onClose, isDoneOpening])\n\n  const onTouchMove = useCallback(\n    (e: any) => {\n      !allowScroll && e.preventDefault()\n    },\n    [allowScroll]\n  )\n\n  const [modalRoot, bgModal] = useModalRoot(id, isOpen, zIndex)\n  const { incrementScrollCount, decrementScrollCount } = useModalScrollCount()\n  useScrollLock(isOpen, incrementScrollCount, decrementScrollCount)\n\n  useEffect(() => {\n    if (modalState === 'closed' && isOpenProp) {\n      setModalState('opening')\n    } else if (modalState === 'open' && !isOpenProp) {\n      setModalState('closing')\n    }\n  }, [isOpenProp, modalState])\n\n  useEffect(() => {\n    if (isOpen) {\n      if (bgModal) {\n        bgModal.classList.add('bgModalVisible')\n      }\n\n      // Need to prevent safari iOS bounce\n      // overscroll effect by intercepting\n      // touchmove events.\n      if (modalRoot) modalRoot.addEventListener('touchmove', onTouchMove)\n      return () => {\n        if (bgModal) bgModal.classList.remove('bgModalVisible')\n      }\n    }\n    if (bgModal) bgModal.classList.remove('bgModalVisible')\n    if (modalRoot) modalRoot.removeEventListener('touchmove', onTouchMove)\n    return () => {}\n  }, [isOpen, bgModal, onTouchMove, modalRoot])\n\n  const transition = useTransition(isOpenProp, null, {\n    from: { transform: 'scale(0)', opacity: 0 },\n    // @ts-ignore function is a valid value for enter, but the types don't acknowledge that\n    enter:\n      () =>\n      async (\n        next: (props: { transform: string; opacity: number }) => Promise<void>\n      ) => {\n        await next({ transform: 'scale(1)', opacity: 1 })\n      },\n    leave: { transform: 'scale(0)', opacity: 0 },\n    unique: true,\n    config: spring.standard,\n    onDestroyed: (isDestroyed) => {\n      setModalState(isDestroyed ? 'closed' : 'open')\n      if (isDestroyed) {\n        onClosed?.()\n      }\n    }\n  })\n\n  const modalContentClickedRef = useRef<boolean>(false)\n  const outsideClickRef = useClickOutside(\n    onClose,\n    // Check to see if the click outside is not another modal wrapper.\n    // If it is, that means we have a nested modal situation and shouldn't\n    // dismiss \"this\" modal. We let the useClickOutside in \"that\" modal to\n    // dismiss it.\n    (e: EventTarget) => {\n      // Only close if we're open.\n      // Closing when we're not open can cause a race condition when opened\n      // via a click since this handler exists prior to visibility,\n      // causing the modal to open and close immediately\n      if (!isOpen || modalContentClickedRef?.current) {\n        modalContentClickedRef.current = false\n        return true\n      }\n      if (e instanceof Element) {\n        const modalElement = findAncestor(e, `.${wrapperClass}`)\n        if (!modalElement) {\n          return false\n        }\n        const isModalWrapper = modalElement.classList.contains(wrapperClass)\n        const isThisModalWrapper = modalElement.classList.contains(\n          `${wrapperClass}-${id}`\n        )\n        return isModalWrapper && !isThisModalWrapper\n      }\n      return false\n    },\n    isOpen\n  )\n\n  const handleEscape = useCallback(() => {\n    if (isOpen) onClose()\n  }, [isOpen, onClose])\n\n  useHotkeys({ 27 /* escape */: handleEscape })\n\n  const wrapperClassNames = cn(\n    styles.wrapper,\n    anchorStyleMap[anchor],\n    {\n      [wrapperClassName!]: !!wrapperClassName\n    },\n    wrapperClass,\n    // Add a unique id class name to detect whether, if we're using\n    // click outside to dismiss the modal, the correct \"outside\" is being clicked.\n    `${wrapperClass}-${id}`\n  )\n\n  const wrapperStyle = {\n    paddingLeft: `${horizontalPadding}px`,\n    paddingRight: `${horizontalPadding}px`\n  }\n\n  /** Begin @deprecated section (favor using ModalContent sub-component)  */\n  const bodyStyle = {\n    paddingLeft: `${contentHorizontalPadding}px`,\n    paddingRight: `${contentHorizontalPadding}px`\n  }\n  /** End @deprecated section  */\n\n  const bodyClassNames = cn(styles.body, {\n    [styles.noScroll!]: !allowScroll,\n    [styles[`size${capitalize(size)}`]]: size,\n    [bodyClassName!]: !!bodyClassName\n  })\n\n  const headerContainerClassNames = cn(styles.headerContainer, {\n    [headerContainerClassName!]: !!headerContainerClassName\n  })\n\n  const [height, setHeight] = useState(\n    typeof window !== 'undefined' ? window.innerHeight : 0\n  )\n\n  useEffect(() => {\n    const onResize = () => {\n      setHeight(window.innerHeight)\n    }\n    window.addEventListener('resize', onResize)\n    return () => {\n      window.removeEventListener('resize', onResize)\n    }\n  }, [setHeight])\n\n  const bodyOffset = getOffset(anchor, verticalAnchorOffset)\n\n  const handleModalContentClicked: MouseEventHandler = () => {\n    modalContentClickedRef.current = true\n  }\n\n  return (\n    <>\n      {modalRoot && (process.env.NODE_ENV === 'test' ? isOpenProp : isOpen)\n        ? ReactDOM.createPortal(\n            <>\n              {transition.map(\n                ({ item, props, key }) =>\n                  item && (\n                    <animated.div\n                      className={wrapperClassNames}\n                      style={{\n                        ...wrapperStyle,\n                        opacity: props.opacity,\n                        height,\n                        minHeight: height\n                      }}\n                      key={key}\n                      ref={ref}\n                    >\n                      <animated.div\n                        ref={dismissOnClickOutside ? outsideClickRef : null}\n                        className={bodyClassNames}\n                        style={{ ...props, ...bodyOffset, ...bodyStyle }}\n                        role='dialog'\n                        aria-labelledby={titleId}\n                        aria-describedby={subtitleId}\n                        onClick={handleModalContentClicked}\n                      >\n                        <>\n                          {/** Begin @deprecated section (moved to ModalHeader and ModalTitle sub-components)  */}\n                          {showTitleHeader && (\n                            <div className={headerContainerClassNames}>\n                              {showDismissButton && (\n                                <div\n                                  className={styles.dismissButton}\n                                  onClick={onClose}\n                                >\n                                  <IconClose color='subdued' size='s' />\n                                </div>\n                              )}\n                              <div\n                                id={titleId}\n                                className={cn(styles.header, titleClassName)}\n                              >\n                                {title}\n                              </div>\n                              <div\n                                id={subtitleId}\n                                className={cn(\n                                  styles.subtitle,\n                                  subtitleClassName\n                                )}\n                              >\n                                {subtitle}\n                              </div>\n                            </div>\n                          )}\n                          {/** End @deprecated section  */}\n                          <ModalContext.Provider value={modalContextValue}>\n                            {children}\n                          </ModalContext.Provider>\n                        </>\n                      </animated.div>\n                    </animated.div>\n                  )\n              )}\n            </>,\n            modalRoot\n          )\n        : null}\n    </>\n  )\n})\n"],"names":["_jsx","_Fragment","_jsxs"],"mappings":"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"}

package/dist/components/modal/ModalHeader.js

@@ -9,6 +9,7 @@ import '../button/Button/Button.js';
 import '../button/PlainButton/PlainButton.js';
 import '../button/FollowButton/FollowButton.js';
 import '../button/FilterButton/FilterButton.js';
+import '../button/OptionsFilterButton/OptionsFilterButton.js';
 import { IconButton } from '../button/IconButton/IconButton.js';
 import '../button/UnstyledButton.js';
 import { ModalContext } from './ModalContext.js';

package/dist/components/modal/ModalHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalHeader.js","sources":["../../../src/components/modal/ModalHeader.tsx"],"sourcesContent":["import { useContext, forwardRef, useCallback } from 'react'\n\nimport cn from 'classnames'\n\nimport { IconClose } from '../../icons'\nimport { IconButton } from '../button'\n\nimport { ModalContext } from './ModalContext'\nimport styles from './ModalHeader.module.css'\nimport { ModalHeaderProps, ModalTitleProps } from './types'\n\n/**\n * Header component to be used inside modals\n */\nexport const ModalHeader = forwardRef<HTMLDivElement, ModalHeaderProps>(\n  function ModalHeader(\n    {\n      className,\n      onClose: onCloseProp,\n      dismissButtonClassName,\n      showDismissButton = true,\n      children,\n      ...props\n    },\n    ref\n  ) {\n    const { onClose } = useContext(ModalContext)\n\n    const handleClose = useCallback(() => {\n      onClose?.()\n      onCloseProp?.()\n    }, [onClose, onCloseProp])\n\n    return (\n      <div\n        className={cn(\n          styles.headerContainer,\n          { [styles.noDismissButton]: !showDismissButton },\n          className\n        )}\n        ref={ref}\n        {...props}\n      >\n        {showDismissButton ? (\n          <IconButton\n            aria-label='dismiss dialog'\n            className={cn(styles.dismissButton, dismissButtonClassName)}\n            icon={IconClose}\n            color='subdued'\n            size='s'\n            onClick={handleClose}\n          />\n        ) : null}\n        {children}\n      </div>\n    )\n  }\n)\n\n/**\n * Title component to be used inside modal headers\n */\nexport const ModalTitle = forwardRef<HTMLDivElement, ModalTitleProps>(\n  function ModalTitle(\n    {\n      subtitleClassName,\n      icon,\n      iconClassName,\n      title,\n      titleClassName,\n      subtitle,\n      titleId: titleIdProp,\n      subtitleId: subtitleIdProp,\n      ...props\n    },\n    ref\n  ) {\n    const modalContext = useContext(ModalContext)\n    const titleId = titleIdProp || modalContext.titleId\n    const subtitleId = subtitleIdProp || modalContext.subtitleId\n\n    return (\n      <>\n        <div className={styles.titleContainer} {...props} ref={ref}>\n          {icon == null ? null : (\n            <div className={cn(styles.icon, iconClassName)}>{icon}</div>\n          )}\n          <h2 id={titleId} className={cn(styles.title, titleClassName)}>\n            {title}\n          </h2>\n        </div>\n        {subtitle == null ? null : (\n          <div className={cn(styles.subtitleContainer, subtitleClassName)}>\n            <h3 id={subtitleId} className={styles.subtitle}>\n              {subtitle}\n            </h3>\n          </div>\n        )}\n      </>\n    )\n  }\n)\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"ModalHeader.js","sources":["../../../src/components/modal/ModalHeader.tsx"],"sourcesContent":["import { useContext, forwardRef, useCallback } from 'react'\n\nimport cn from 'classnames'\n\nimport { IconClose } from '../../icons'\nimport { IconButton } from '../button'\n\nimport { ModalContext } from './ModalContext'\nimport styles from './ModalHeader.module.css'\nimport { ModalHeaderProps, ModalTitleProps } from './types'\n\n/**\n * Header component to be used inside modals\n */\nexport const ModalHeader = forwardRef<HTMLDivElement, ModalHeaderProps>(\n  function ModalHeader(\n    {\n      className,\n      onClose: onCloseProp,\n      dismissButtonClassName,\n      showDismissButton = true,\n      children,\n      ...props\n    },\n    ref\n  ) {\n    const { onClose } = useContext(ModalContext)\n\n    const handleClose = useCallback(() => {\n      onClose?.()\n      onCloseProp?.()\n    }, [onClose, onCloseProp])\n\n    return (\n      <div\n        className={cn(\n          styles.headerContainer,\n          { [styles.noDismissButton]: !showDismissButton },\n          className\n        )}\n        ref={ref}\n        {...props}\n      >\n        {showDismissButton ? (\n          <IconButton\n            aria-label='dismiss dialog'\n            className={cn(styles.dismissButton, dismissButtonClassName)}\n            icon={IconClose}\n            color='subdued'\n            size='s'\n            onClick={handleClose}\n          />\n        ) : null}\n        {children}\n      </div>\n    )\n  }\n)\n\n/**\n * Title component to be used inside modal headers\n */\nexport const ModalTitle = forwardRef<HTMLDivElement, ModalTitleProps>(\n  function ModalTitle(\n    {\n      subtitleClassName,\n      icon,\n      iconClassName,\n      title,\n      titleClassName,\n      subtitle,\n      titleId: titleIdProp,\n      subtitleId: subtitleIdProp,\n      ...props\n    },\n    ref\n  ) {\n    const modalContext = useContext(ModalContext)\n    const titleId = titleIdProp || modalContext.titleId\n    const subtitleId = subtitleIdProp || modalContext.subtitleId\n\n    return (\n      <>\n        <div className={styles.titleContainer} {...props} ref={ref}>\n          {icon == null ? null : (\n            <div className={cn(styles.icon, iconClassName)}>{icon}</div>\n          )}\n          <h2 id={titleId} className={cn(styles.title, titleClassName)}>\n            {title}\n          </h2>\n        </div>\n        {subtitle == null ? null : (\n          <div className={cn(styles.subtitleContainer, subtitleClassName)}>\n            <h3 id={subtitleId} className={styles.subtitle}>\n              {subtitle}\n            </h3>\n          </div>\n        )}\n      </>\n    )\n  }\n)\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/components/music-badge/MusicBadge.d.ts

@@ -0,0 +1,25 @@
+import { ComponentPropsWithoutRef } from 'react';
+import type { IconComponent } from "../icon";
+import { SpecialColors } from "../../foundations";
+export type MusicBadgeVariant = 'default' | 'accent';
+export type MusicBadgeSize = 's' | 'm';
+export type MusicBadgeProps = {
+    /**
+     * The type of the MusicBadge
+     */
+    variant?: MusicBadgeVariant;
+    /**
+     * The size of the MusicBadge
+     */
+    size?: 's' | 'm';
+    /**
+     * The icon to display in the left of the MusicBadge
+     */
+    icon?: IconComponent;
+    /**
+     * Override the colors of the MusicBadge
+     */
+    color?: SpecialColors;
+} & ComponentPropsWithoutRef<'div'>;
+export declare const MusicBadge: (props: MusicBadgeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MusicBadge.d.ts.map

package/dist/components/music-badge/MusicBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MusicBadge.d.ts","sourceRoot":"","sources":["../../../src/components/music-badge/MusicBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAA;AAKhD,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAuB;AACpD,OAAO,EAAE,aAAa,EAAE,0BAAmB;AAK3C,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,QAAQ,CAAA;AACpD,MAAM,MAAM,cAAc,GAAG,GAAG,GAAG,GAAG,CAAA;AAEtC,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAA;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAEnC,eAAO,MAAM,UAAU,UAAW,eAAe,qDAsDhD,CAAA"}