@os-design/core 1.0.254 → 1.0.256

package/dist/esm/PageHeaderInputSearch/index.js

@@ -1,86 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import { css, keyframes } from '@emotion/react';
-import styled from '@emotion/styled';
-import { Close, Search } from '@os-design/icons';
-import { ThemeOverrider, useTheme } from '@os-design/theming';
-import { omitEmotionProps, useClosable } from '@os-design/utils';
-import React, { forwardRef, useContext, useState } from 'react';
-import Button from '../Button';
-import InputSearch from '../InputSearch';
-import LayoutContext from '../Layout/LayoutContext';
-import { PageHeaderContainer } from '../PageHeader';
-import defaultLocale from './utils/defaultLocale';
-const fadeIn = keyframes`
-  from { transform: translateY(-100%); }
-  to { transform: translateY(0); }
-`;
-const fadeOut = keyframes`
-  from { transform: translateY(0); }
-  to { transform: translateY(-100%); }
-`;
-const visibleStyles = p => p.visible && css`
-    animation: ${fadeIn} ${p.theme.transitionDelay}ms forwards;
-  `;
-const invisibleStyles = p => !p.visible && css`
-    animation: ${fadeOut} ${p.theme.transitionDelay}ms forwards;
-  `;
-const Container = styled(PageHeaderContainer, omitEmotionProps('visible'))`
-  z-index: 102; // After PageHeaderContainer
-  ${visibleStyles};
-  ${invisibleStyles};
-`;
-const CloseButton = styled(Button)`
-  margin-left: ${p => p.theme.pageHeaderAddonPaddingHorizontal}em;
-`;
-
-/**
- * The search input for the page header.
- */
-const PageHeaderInputSearch = /*#__PURE__*/forwardRef(({
-  locale = defaultLocale,
-  autoOpen = false,
-  onClose = () => {},
-  loading = false,
-  ...rest
-}, ref) => {
-  const [visible, setVisible] = useState(autoOpen);
-  const {
-    theme
-  } = useTheme();
-  const mounted = useClosable(visible, theme.transitionDelay);
-  const {
-    hasNavigation
-  } = useContext(LayoutContext);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
-    type: "ghost",
-    wide: "never",
-    loading: loading,
-    onClick: () => setVisible(true),
-    "aria-label": locale.searchLabel
-  }, /*#__PURE__*/React.createElement(Search, null)), mounted && /*#__PURE__*/React.createElement(ThemeOverrider, {
-    overrides: t => ({
-      buttonPaddingHorizontal: t.pageHeaderButtonPaddingHorizontal
-    })
-  }, /*#__PURE__*/React.createElement(Container, {
-    visible: visible,
-    rightIsGhostButton: true,
-    hasNavigationIndent: hasNavigation
-  }, /*#__PURE__*/React.createElement(InputSearch, _extends({
-    autoFocus: true,
-    locale: locale,
-    loading: loading
-  }, rest, {
-    ref: ref
-  })), /*#__PURE__*/React.createElement(CloseButton, {
-    type: "ghost",
-    wide: "never",
-    onClick: () => {
-      setVisible(false);
-      onClose();
-    },
-    "aria-label": locale.closeLabel
-  }, /*#__PURE__*/React.createElement(Close, null)))));
-});
-PageHeaderInputSearch.displayName = 'PageHeaderInputSearch';
-export default PageHeaderInputSearch;
-//# sourceMappingURL=index.js.map

package/dist/esm/PageHeaderInputSearch/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["css","keyframes","styled","Close","Search","ThemeOverrider","useTheme","omitEmotionProps","useClosable","React","forwardRef","useContext","useState","Button","InputSearch","LayoutContext","PageHeaderContainer","defaultLocale","fadeIn","fadeOut","visibleStyles","p","visible","theme","transitionDelay","invisibleStyles","Container","CloseButton","pageHeaderAddonPaddingHorizontal","PageHeaderInputSearch","locale","autoOpen","onClose","loading","rest","ref","setVisible","mounted","hasNavigation","createElement","Fragment","type","wide","onClick","searchLabel","overrides","t","buttonPaddingHorizontal","pageHeaderButtonPaddingHorizontal","rightIsGhostButton","hasNavigationIndent","_extends","autoFocus","closeLabel","displayName"],"sources":["../../../src/PageHeaderInputSearch/index.tsx"],"sourcesContent":["import { css, keyframes } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { Close, Search } from '@os-design/icons';\nimport { ThemeOverrider, useTheme } from '@os-design/theming';\nimport { omitEmotionProps, useClosable } from '@os-design/utils';\nimport React, { forwardRef, useContext, useState } from 'react';\nimport Button from '../Button';\nimport InputSearch, { InputSearchProps } from '../InputSearch';\nimport LayoutContext from '../Layout/LayoutContext';\nimport { PageHeaderContainer } from '../PageHeader';\nimport defaultLocale, {\n  PageHeaderInputSearchLocale,\n} from './utils/defaultLocale';\n\nexport interface PageHeaderInputSearchProps\n  extends Omit<InputSearchProps, 'size' | 'locale'> {\n  /**\n   * The locale.\n   * @default undefined\n   */\n  locale?: PageHeaderInputSearchLocale;\n  /**\n   * Whether the search input opens on mount.\n   * @default false\n   */\n  autoOpen?: boolean;\n  /**\n   * The close event handler.\n   * @default undefined\n   */\n  onClose?: () => void;\n}\n\nconst fadeIn = keyframes`\n  from { transform: translateY(-100%); }\n  to { transform: translateY(0); }\n`;\n\nconst fadeOut = keyframes`\n  from { transform: translateY(0); }\n  to { transform: translateY(-100%); }\n`;\n\nconst visibleStyles = (p) =>\n  p.visible &&\n  css`\n    animation: ${fadeIn} ${p.theme.transitionDelay}ms forwards;\n  `;\n\nconst invisibleStyles = (p) =>\n  !p.visible &&\n  css`\n    animation: ${fadeOut} ${p.theme.transitionDelay}ms forwards;\n  `;\n\ninterface ContainerProps {\n  visible: boolean;\n}\nconst Container = styled(\n  PageHeaderContainer,\n  omitEmotionProps('visible')\n)<ContainerProps>`\n  z-index: 102; // After PageHeaderContainer\n  ${visibleStyles};\n  ${invisibleStyles};\n`;\n\nconst CloseButton = styled(Button)`\n  margin-left: ${(p) => p.theme.pageHeaderAddonPaddingHorizontal}em;\n`;\n\n/**\n * The search input for the page header.\n */\nconst PageHeaderInputSearch = forwardRef<\n  HTMLInputElement,\n  PageHeaderInputSearchProps\n>(\n  (\n    {\n      locale = defaultLocale,\n      autoOpen = false,\n      onClose = () => {},\n      loading = false,\n      ...rest\n    },\n    ref\n  ) => {\n    const [visible, setVisible] = useState(autoOpen);\n    const { theme } = useTheme();\n    const mounted = useClosable(visible, theme.transitionDelay);\n    const { hasNavigation } = useContext(LayoutContext);\n\n    return (\n      <>\n        <Button\n          type='ghost'\n          wide='never'\n          loading={loading}\n          onClick={() => setVisible(true)}\n          aria-label={locale.searchLabel}\n        >\n          <Search />\n        </Button>\n\n        {mounted && (\n          <ThemeOverrider\n            overrides={(t) => ({\n              buttonPaddingHorizontal: t.pageHeaderButtonPaddingHorizontal,\n            })}\n          >\n            <Container\n              visible={visible}\n              rightIsGhostButton\n              hasNavigationIndent={hasNavigation}\n            >\n              <InputSearch\n                autoFocus\n                locale={locale}\n                loading={loading}\n                {...rest}\n                ref={ref}\n              />\n              <CloseButton\n                type='ghost'\n                wide='never'\n                onClick={() => {\n                  setVisible(false);\n                  onClose();\n                }}\n                aria-label={locale.closeLabel}\n              >\n                <Close />\n              </CloseButton>\n            </Container>\n          </ThemeOverrider>\n        )}\n      </>\n    );\n  }\n);\n\nPageHeaderInputSearch.displayName = 'PageHeaderInputSearch';\n\nexport default PageHeaderInputSearch;\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/PageHeaderInputSearch/utils/defaultLocale.js

@@ -1,8 +0,0 @@
-import inputSearchDefaultLocale from '../../InputSearch/utils/defaultLocale';
-const defaultLocale = {
-  ...inputSearchDefaultLocale,
-  searchLabel: 'Search',
-  closeLabel: 'Close search'
-};
-export default defaultLocale;
-//# sourceMappingURL=defaultLocale.js.map

package/dist/esm/PageHeaderInputSearch/utils/defaultLocale.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaultLocale.js","names":["inputSearchDefaultLocale","defaultLocale","searchLabel","closeLabel"],"sources":["../../../../src/PageHeaderInputSearch/utils/defaultLocale.ts"],"sourcesContent":["import inputSearchDefaultLocale, {\n  InputSearchLocale,\n} from '../../InputSearch/utils/defaultLocale';\n\nexport interface PageHeaderInputSearchLocale extends InputSearchLocale {\n  searchLabel: string;\n  closeLabel: string;\n}\n\nconst defaultLocale: PageHeaderInputSearchLocale = {\n  ...inputSearchDefaultLocale,\n  searchLabel: 'Search',\n  closeLabel: 'Close search',\n};\n\nexport default defaultLocale;\n"],"mappings":"AAAA,OAAOA,wBAAwB,MAExB,uCAAuC;AAO9C,MAAMC,aAA0C,GAAG;EACjD,GAAGD,wBAAwB;EAC3BE,WAAW,EAAE,QAAQ;EACrBC,UAAU,EAAE;AACd,CAAC;AAED,eAAeF,aAAa","ignoreList":[]}

package/dist/esm/PageHeaderSkeleton/index.js

@@ -1,27 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import React, { forwardRef, useContext } from 'react';
-import LayoutContext from '../Layout/LayoutContext';
-import { PageHeaderContainer } from '../PageHeader';
-import Skeleton from '../Skeleton';
-/**
- * Provides a page header placeholder while a user waits for
- * the content to load.
- */
-const PageHeaderSkeleton = /*#__PURE__*/forwardRef(({
-  width = '30%',
-  ...rest
-}, ref) => {
-  const {
-    hasNavigation
-  } = useContext(LayoutContext);
-  return /*#__PURE__*/React.createElement(PageHeaderContainer, _extends({
-    hasNavigationIndent: hasNavigation
-  }, rest, {
-    ref: ref
-  }), /*#__PURE__*/React.createElement(Skeleton, {
-    width: width
-  }));
-});
-PageHeaderSkeleton.displayName = 'PageHeaderSkeleton';
-export default PageHeaderSkeleton;
-//# sourceMappingURL=index.js.map

package/dist/esm/PageHeaderSkeleton/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["React","forwardRef","useContext","LayoutContext","PageHeaderContainer","Skeleton","PageHeaderSkeleton","width","rest","ref","hasNavigation","createElement","_extends","hasNavigationIndent","displayName"],"sources":["../../../src/PageHeaderSkeleton/index.tsx"],"sourcesContent":["import { WithSize } from '@os-design/styles';\nimport React, { forwardRef, useContext } from 'react';\nimport LayoutContext from '../Layout/LayoutContext';\nimport { PageHeaderContainer } from '../PageHeader';\nimport Skeleton, { SkeletonProps } from '../Skeleton';\n\nexport type PageHeaderSkeletonProps = SkeletonProps & WithSize;\n\n/**\n * Provides a page header placeholder while a user waits for\n * the content to load.\n */\nconst PageHeaderSkeleton = forwardRef<HTMLDivElement, PageHeaderSkeletonProps>(\n  ({ width = '30%', ...rest }, ref) => {\n    const { hasNavigation } = useContext(LayoutContext);\n\n    return (\n      <PageHeaderContainer\n        hasNavigationIndent={hasNavigation}\n        {...rest}\n        ref={ref}\n      >\n        <Skeleton width={width} />\n      </PageHeaderContainer>\n    );\n  }\n);\n\nPageHeaderSkeleton.displayName = 'PageHeaderSkeleton';\n\nexport default PageHeaderSkeleton;\n"],"mappings":";AACA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,UAAU,QAAQ,OAAO;AACrD,OAAOC,aAAa,MAAM,yBAAyB;AACnD,SAASC,mBAAmB,QAAQ,eAAe;AACnD,OAAOC,QAAQ,MAAyB,aAAa;AAIrD;AACA;AACA;AACA;AACA,MAAMC,kBAAkB,gBAAGL,UAAU,CACnC,CAAC;EAAEM,KAAK,GAAG,KAAK;EAAE,GAAGC;AAAK,CAAC,EAAEC,GAAG,KAAK;EACnC,MAAM;IAAEC;EAAc,CAAC,GAAGR,UAAU,CAACC,aAAa,CAAC;EAEnD,oBACEH,KAAA,CAAAW,aAAA,CAACP,mBAAmB,EAAAQ,QAAA;IAClBC,mBAAmB,EAAEH;EAAc,GAC/BF,IAAI;IACRC,GAAG,EAAEA;EAAI,iBAETT,KAAA,CAAAW,aAAA,CAACN,QAAQ;IAACE,KAAK,EAAEA;EAAM,CAAE,CACN,CAAC;AAE1B,CACF,CAAC;AAEDD,kBAAkB,CAACQ,WAAW,GAAG,oBAAoB;AAErD,eAAeR,kBAAkB","ignoreList":[]}

package/dist/esm/ParagraphSkeleton/index.js

@@ -1,39 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import { css } from '@emotion/react';
-import styled from '@emotion/styled';
-import { omitEmotionProps } from '@os-design/utils';
-import React, { forwardRef } from 'react';
-import Skeleton from '../Skeleton';
-const hasMarginStyles = p => p.hasMargin && css`
-    margin-bottom: ${p.theme.paragraphMarginBottom + (p.theme.lineHeight - 1)}em;
-  `;
-const Container = styled('div', omitEmotionProps('hasMargin'))`
-  & > *:not(:last-of-type) {
-    margin-bottom: ${p => p.theme.lineHeight - 1}em;
-  }
-  ${hasMarginStyles};
-`;
-let key = 0;
-
-/**
- * Provides a paragraph placeholder while a user waits for the content to load.
- */
-const ParagraphSkeleton = /*#__PURE__*/forwardRef(({
-  rows = 4,
-  width = '70%',
-  hasMargin = false,
-  ...rest
-}, ref) => /*#__PURE__*/React.createElement(Container, _extends({
-  hasMargin: hasMargin
-}, rest, {
-  ref: ref
-}), Array(rows).fill(0).map((_, index) => {
-  key += 1;
-  return /*#__PURE__*/React.createElement(Skeleton, {
-    key: key,
-    width: index < rows - 1 ? '100%' : width
-  });
-})));
-ParagraphSkeleton.displayName = 'ParagraphSkeleton';
-export default ParagraphSkeleton;
-//# sourceMappingURL=index.js.map

package/dist/esm/ParagraphSkeleton/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["css","styled","omitEmotionProps","React","forwardRef","Skeleton","hasMarginStyles","p","hasMargin","theme","paragraphMarginBottom","lineHeight","Container","key","ParagraphSkeleton","rows","width","rest","ref","createElement","_extends","Array","fill","map","_","index","displayName"],"sources":["../../../src/ParagraphSkeleton/index.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef } from 'react';\nimport Skeleton, { SkeletonProps } from '../Skeleton';\n\nexport interface ParagraphSkeletonProps extends SkeletonProps {\n  /**\n   * The number of rows.\n   * @default 4\n   */\n  rows?: number;\n  /**\n   * The width of the last row.\n   * @default 70%\n   */\n  width?: string;\n  /**\n   * Whether the paragraph has a bottom margin.\n   * @default false\n   */\n  hasMargin?: boolean;\n}\n\nconst hasMarginStyles = (p) =>\n  p.hasMargin &&\n  css`\n    margin-bottom: ${p.theme.paragraphMarginBottom +\n    (p.theme.lineHeight - 1)}em;\n  `;\n\ntype ContainerProps = Pick<ParagraphSkeletonProps, 'hasMargin'>;\nconst Container = styled('div', omitEmotionProps('hasMargin'))<ContainerProps>`\n  & > *:not(:last-of-type) {\n    margin-bottom: ${(p) => p.theme.lineHeight - 1}em;\n  }\n  ${hasMarginStyles};\n`;\n\nlet key = 0;\n\n/**\n * Provides a paragraph placeholder while a user waits for the content to load.\n */\nconst ParagraphSkeleton = forwardRef<HTMLDivElement, ParagraphSkeletonProps>(\n  ({ rows = 4, width = '70%', hasMargin = false, ...rest }, ref) => (\n    <Container hasMargin={hasMargin} {...rest} ref={ref}>\n      {Array(rows)\n        .fill(0)\n        .map((_, index) => {\n          key += 1;\n          return (\n            <Skeleton key={key} width={index < rows - 1 ? '100%' : width} />\n          );\n        })}\n    </Container>\n  )\n);\n\nParagraphSkeleton.displayName = 'ParagraphSkeleton';\n\nexport default ParagraphSkeleton;\n"],"mappings":";AAAA,SAASA,GAAG,QAAQ,gBAAgB;AACpC,OAAOC,MAAM,MAAM,iBAAiB;AACpC,SAASC,gBAAgB,QAAQ,kBAAkB;AACnD,OAAOC,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,QAAQ,MAAyB,aAAa;AAoBrD,MAAMC,eAAe,GAAIC,CAAC,IACxBA,CAAC,CAACC,SAAS,IACXR,GAAI;AACN,qBAAqBO,CAAC,CAACE,KAAK,CAACC,qBAAqB,IAC7CH,CAAC,CAACE,KAAK,CAACE,UAAU,GAAG,CAAC,CAAE;AAC7B,GAAG;AAGH,MAAMC,SAAS,GAAGX,MAAM,CAAC,KAAK,EAAEC,gBAAgB,CAAC,WAAW,CAAC,CAAkB;AAC/E;AACA,qBAAsBK,CAAC,IAAKA,CAAC,CAACE,KAAK,CAACE,UAAU,GAAG,CAAE;AACnD;AACA,IAAIL,eAAgB;AACpB,CAAC;AAED,IAAIO,GAAG,GAAG,CAAC;;AAEX;AACA;AACA;AACA,MAAMC,iBAAiB,gBAAGV,UAAU,CAClC,CAAC;EAAEW,IAAI,GAAG,CAAC;EAAEC,KAAK,GAAG,KAAK;EAAER,SAAS,GAAG,KAAK;EAAE,GAAGS;AAAK,CAAC,EAAEC,GAAG,kBAC3Df,KAAA,CAAAgB,aAAA,CAACP,SAAS,EAAAQ,QAAA;EAACZ,SAAS,EAAEA;AAAU,GAAKS,IAAI;EAAEC,GAAG,EAAEA;AAAI,IACjDG,KAAK,CAACN,IAAI,CAAC,CACTO,IAAI,CAAC,CAAC,CAAC,CACPC,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,KAAK;EACjBZ,GAAG,IAAI,CAAC;EACR,oBACEV,KAAA,CAAAgB,aAAA,CAACd,QAAQ;IAACQ,GAAG,EAAEA,GAAI;IAACG,KAAK,EAAES,KAAK,GAAGV,IAAI,GAAG,CAAC,GAAG,MAAM,GAAGC;EAAM,CAAE,CAAC;AAEpE,CAAC,CACM,CAEf,CAAC;AAEDF,iBAAiB,CAACY,WAAW,GAAG,mBAAmB;AAEnD,eAAeZ,iBAAiB","ignoreList":[]}

package/dist/esm/Popover/index.js

@@ -1,154 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import { css, keyframes } from '@emotion/react';
-import styled from '@emotion/styled';
-import Portal from '@os-design/portal';
-import { sizeStyles } from '@os-design/styles';
-import { clr, useTheme } from '@os-design/theming';
-import { omitEmotionProps, useBrowserLayoutEffect, useClickOutside, useClosable, useEvent, useForwardedRef, useResizeObserver } from '@os-design/utils';
-import React, { forwardRef, useCallback, useEffect, useMemo, useState } from 'react';
-import usePopoverPosition from './utils/usePopoverPosition';
-const fadeIn = keyframes`
-  from { opacity: 0; }
-  to { opacity: 1; }
-`;
-const fadeOut = keyframes`
-  from { opacity: 1; }
-  to { opacity: 0; }
-`;
-const visibleStyles = p => p.visible && css`
-    animation: ${fadeIn} ${p.theme.transitionDelay}ms forwards;
-  `;
-const invisibleStyles = p => !p.visible && css`
-    animation: ${fadeOut} ${p.theme.transitionDelay}ms forwards;
-  `;
-const Container = styled('div', omitEmotionProps('top', 'left', 'visible', 'size'))`
-  position: absolute;
-  top: ${p => p.top}px;
-  left: ${p => p.left}px;
-
-  border-radius: ${p => p.theme.borderRadius}em;
-  background-color: ${p => clr(p.theme.popoverColorBg)};
-  color: ${p => clr(p.theme.popoverColorText)};
-  border: 1px solid ${p => clr(p.theme.popoverColorBorder)};
-  box-shadow: 0 0.15em 0.8em ${p => clr(p.theme.popoverColorBoxShadow)};
-  z-index: 1000; // Greater than the z-index of the Drawer
-
-  ${visibleStyles};
-  ${invisibleStyles};
-  ${sizeStyles};
-`;
-const emptyRect = {
-  top: 0,
-  left: 0,
-  width: 0,
-  height: 0
-};
-
-/**
- * The pop-up window located next to the element.
- */
-const Popover = /*#__PURE__*/forwardRef(({
-  trigger,
-  placement = 'top',
-  gap = 0.2,
-  flip = true,
-  visible = false,
-  onClose = () => {},
-  id,
-  children,
-  ...rest
-}, ref) => {
-  const [popoverRef, mergedPopoverRef] = useForwardedRef(ref);
-  const [popoverRect, setPopoverRect] = useState(emptyRect);
-  const [triggerRect, setTriggerRect] = useState(emptyRect);
-  const {
-    theme
-  } = useTheme();
-  const mounted = useClosable(visible, theme.transitionDelay);
-
-  // Init the rect of the popover and update it when the popover size changes
-  const popoverResizeListener = useCallback(() => {
-    if (!popoverRef.current) return;
-    setPopoverRect(popoverRef.current.getBoundingClientRect());
-  }, [popoverRef]);
-  useResizeObserver(popoverRef.current, popoverResizeListener);
-  const measuredPopoverRef = useCallback(node => {
-    if (node === null) return;
-    setPopoverRect(node.getBoundingClientRect());
-    mergedPopoverRef(node);
-  }, [mergedPopoverRef]);
-
-  // Init the rect of the trigger and update it when the window was resized
-  // or scrolled
-  const triggerResizeListener = useCallback(() => {
-    window.requestAnimationFrame(() => {
-      if (!trigger) return;
-      const {
-        current
-      } = trigger;
-      if (!current) return;
-      setTriggerRect(current.getBoundingClientRect());
-    });
-  }, [trigger]);
-  useBrowserLayoutEffect(() => {
-    if (!visible) return;
-    triggerResizeListener();
-  }, [triggerResizeListener, visible]);
-  useResizeObserver(trigger, triggerResizeListener);
-  useEvent(typeof window === 'undefined' ? null : window, 'resize', triggerResizeListener);
-  useEvent(document, 'scroll', triggerResizeListener);
-  useEffect(() => {
-    if (!trigger || trigger.current !== undefined) return;
-    setTriggerRect(trigger);
-  }, [trigger]);
-  const popoverId = useMemo(() => id || `popover-${Math.random().toString(36).slice(2, 11)}`, [id]);
-
-  // Set the aria tags to support accessibility features
-  useBrowserLayoutEffect(() => {
-    if (!trigger) return;
-    const {
-      current
-    } = trigger;
-    if (!current) return;
-    if (current.getAttribute('aria-haspopup') === null) {
-      current.setAttribute('aria-haspopup', 'dialog');
-    }
-    current.setAttribute('aria-controls', popoverId);
-  }, []);
-  useBrowserLayoutEffect(() => {
-    if (!trigger) return;
-    const {
-      current
-    } = trigger;
-    if (!current) return;
-    current.setAttribute('aria-expanded', visible.toString());
-  }, [visible]);
-
-  // Get the popover coordinates
-  const {
-    top,
-    left
-  } = usePopoverPosition({
-    elementRect: triggerRect,
-    popoverRect,
-    placement,
-    gap,
-    flip
-  });
-
-  // Close the popover when the user clicks outside of it
-  useClickOutside(popoverRef, onClose);
-  if (!mounted) return null;
-  return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(Container, _extends({
-    top: top,
-    left: left,
-    visible: visible,
-    id: popoverId,
-    role: "dialog"
-  }, rest, {
-    ref: measuredPopoverRef
-  }), children));
-});
-Popover.displayName = 'Popover';
-export default Popover;
-//# sourceMappingURL=index.js.map

package/dist/esm/Popover/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["css","keyframes","styled","Portal","sizeStyles","clr","useTheme","omitEmotionProps","useBrowserLayoutEffect","useClickOutside","useClosable","useEvent","useForwardedRef","useResizeObserver","React","forwardRef","useCallback","useEffect","useMemo","useState","usePopoverPosition","fadeIn","fadeOut","visibleStyles","p","visible","theme","transitionDelay","invisibleStyles","Container","top","left","borderRadius","popoverColorBg","popoverColorText","popoverColorBorder","popoverColorBoxShadow","emptyRect","width","height","Popover","trigger","placement","gap","flip","onClose","id","children","rest","ref","popoverRef","mergedPopoverRef","popoverRect","setPopoverRect","triggerRect","setTriggerRect","mounted","popoverResizeListener","current","getBoundingClientRect","measuredPopoverRef","node","triggerResizeListener","window","requestAnimationFrame","document","undefined","popoverId","Math","random","toString","slice","getAttribute","setAttribute","elementRect","createElement","_extends","role","displayName"],"sources":["../../../src/Popover/index.tsx"],"sourcesContent":["import { css, keyframes } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport Portal from '@os-design/portal';\nimport { sizeStyles, WithSize } from '@os-design/styles';\nimport { clr, useTheme } from '@os-design/theming';\nimport {\n  omitEmotionProps,\n  useBrowserLayoutEffect,\n  useClickOutside,\n  useClosable,\n  useEvent,\n  useForwardedRef,\n  useResizeObserver,\n} from '@os-design/utils';\nimport React, {\n  forwardRef,\n  RefCallback,\n  RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport usePopoverPosition, {\n  Placement,\n  Rect,\n} from './utils/usePopoverPosition';\n\ntype JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;\nexport interface PopoverProps extends JsxDivProps, WithSize {\n  /**\n   * The element next to which the popover appears.\n   * @default undefined\n   */\n  trigger?: RefObject<Element> | Rect;\n  /**\n   * On which side of the element the popover will appear.\n   * @default top\n   */\n  placement?: Placement;\n  /**\n   * The gap between the element and the popover in em.\n   * @default 0.2\n   */\n  gap?: number;\n  /**\n   * Whether the popover to flip if it does not fit in the window.\n   * @default true\n   */\n  flip?: boolean;\n  /**\n   * Whether the popover is visible.\n   * @default false\n   */\n  visible?: boolean;\n  /**\n   * The close event handler.\n   * @default undefined\n   */\n  onClose?: () => void;\n}\n\nconst fadeIn = keyframes`\n  from { opacity: 0; }\n  to { opacity: 1; }\n`;\n\nconst fadeOut = keyframes`\n  from { opacity: 1; }\n  to { opacity: 0; }\n`;\n\nconst visibleStyles = (p) =>\n  p.visible &&\n  css`\n    animation: ${fadeIn} ${p.theme.transitionDelay}ms forwards;\n  `;\n\nconst invisibleStyles = (p) =>\n  !p.visible &&\n  css`\n    animation: ${fadeOut} ${p.theme.transitionDelay}ms forwards;\n  `;\n\ninterface ContainerProps extends Pick<PopoverProps, 'visible' | 'size'> {\n  top: number;\n  left: number;\n}\nconst Container = styled(\n  'div',\n  omitEmotionProps('top', 'left', 'visible', 'size')\n)<ContainerProps>`\n  position: absolute;\n  top: ${(p) => p.top}px;\n  left: ${(p) => p.left}px;\n\n  border-radius: ${(p) => p.theme.borderRadius}em;\n  background-color: ${(p) => clr(p.theme.popoverColorBg)};\n  color: ${(p) => clr(p.theme.popoverColorText)};\n  border: 1px solid ${(p) => clr(p.theme.popoverColorBorder)};\n  box-shadow: 0 0.15em 0.8em ${(p) => clr(p.theme.popoverColorBoxShadow)};\n  z-index: 1000; // Greater than the z-index of the Drawer\n\n  ${visibleStyles};\n  ${invisibleStyles};\n  ${sizeStyles};\n`;\n\nconst emptyRect: Rect = {\n  top: 0,\n  left: 0,\n  width: 0,\n  height: 0,\n};\n\n/**\n * The pop-up window located next to the element.\n */\nconst Popover = forwardRef<HTMLDivElement, PopoverProps>(\n  (\n    {\n      trigger,\n      placement = 'top',\n      gap = 0.2,\n      flip = true,\n      visible = false,\n      onClose = () => {},\n      id,\n      children,\n      ...rest\n    },\n    ref\n  ) => {\n    const [popoverRef, mergedPopoverRef] = useForwardedRef(ref);\n    const [popoverRect, setPopoverRect] = useState(emptyRect);\n    const [triggerRect, setTriggerRect] = useState(emptyRect);\n    const { theme } = useTheme();\n    const mounted = useClosable(visible, theme.transitionDelay);\n\n    // Init the rect of the popover and update it when the popover size changes\n    const popoverResizeListener = useCallback(() => {\n      if (!popoverRef.current) return;\n      setPopoverRect(popoverRef.current.getBoundingClientRect());\n    }, [popoverRef]);\n    useResizeObserver(\n      popoverRef.current as HTMLDivElement,\n      popoverResizeListener\n    );\n\n    const measuredPopoverRef = useCallback<RefCallback<HTMLDivElement>>(\n      (node) => {\n        if (node === null) return;\n        setPopoverRect(node.getBoundingClientRect());\n        mergedPopoverRef(node);\n      },\n      [mergedPopoverRef]\n    );\n\n    // Init the rect of the trigger and update it when the window was resized\n    // or scrolled\n    const triggerResizeListener = useCallback(() => {\n      window.requestAnimationFrame(() => {\n        if (!trigger) return;\n        const { current } = trigger as RefObject<Element>;\n        if (!current) return;\n        setTriggerRect(current.getBoundingClientRect());\n      });\n    }, [trigger]);\n    useBrowserLayoutEffect(() => {\n      if (!visible) return;\n      triggerResizeListener();\n    }, [triggerResizeListener, visible]);\n    useResizeObserver(trigger as never, triggerResizeListener);\n    useEvent(\n      (typeof window === 'undefined' ? null : window) as never,\n      'resize',\n      triggerResizeListener\n    );\n    useEvent(document, 'scroll', triggerResizeListener);\n\n    useEffect(() => {\n      if (!trigger || (trigger as RefObject<Element>).current !== undefined)\n        return;\n      setTriggerRect(trigger as Rect);\n    }, [trigger]);\n\n    const popoverId = useMemo(\n      () => id || `popover-${Math.random().toString(36).slice(2, 11)}`,\n      [id]\n    );\n\n    // Set the aria tags to support accessibility features\n    useBrowserLayoutEffect(() => {\n      if (!trigger) return;\n      const { current } = trigger as RefObject<Element>;\n      if (!current) return;\n      if (current.getAttribute('aria-haspopup') === null) {\n        current.setAttribute('aria-haspopup', 'dialog');\n      }\n      current.setAttribute('aria-controls', popoverId);\n    }, []);\n    useBrowserLayoutEffect(() => {\n      if (!trigger) return;\n      const { current } = trigger as RefObject<Element>;\n      if (!current) return;\n      current.setAttribute('aria-expanded', visible.toString());\n    }, [visible]);\n\n    // Get the popover coordinates\n    const { top, left } = usePopoverPosition({\n      elementRect: triggerRect,\n      popoverRect,\n      placement,\n      gap,\n      flip,\n    });\n\n    // Close the popover when the user clicks outside of it\n    useClickOutside(popoverRef, onClose);\n\n    if (!mounted) return null;\n\n    return (\n      <Portal>\n        <Container\n          top={top}\n          left={left}\n          visible={visible}\n          id={popoverId}\n          role='dialog'\n          {...rest}\n          ref={measuredPopoverRef}\n        >\n          {children}\n        </Container>\n      </Portal>\n    );\n  }\n);\n\nPopover.displayName = 'Popover';\n\nexport default Popover;\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/Popover/utils/usePopoverPosition.js

@@ -1,159 +0,0 @@
-import { useFontSize } from '@os-design/utils';
-import { useMemo } from 'react';
-const popoverPositionGetters = rectKey => {
-  const sizeKey = rectKey === 'top' ? 'height' : 'width';
-  const windowSizeKey = rectKey === 'top' ? 'innerHeight' : 'innerWidth';
-  const windowOffsetKey = rectKey === 'top' ? 'pageYOffset' : 'pageXOffset';
-  const fitToWindow = (start, {
-    elementRect,
-    popoverRect
-  }) => {
-    let popoverStart = start;
-    const windowStart = window[windowOffsetKey];
-    const windowEnd = windowStart + window[windowSizeKey];
-    const elementStart = windowStart + elementRect[rectKey];
-    const elementEnd = elementStart + elementRect[sizeKey];
-    const popoverEnd = popoverStart + popoverRect[sizeKey];
-
-    // Fit the popover to the end of the window
-    if (popoverEnd > windowEnd) {
-      if (elementEnd < windowEnd) popoverStart = windowEnd - popoverRect[sizeKey];else if (popoverRect[sizeKey] > elementRect[sizeKey]) popoverStart = elementEnd - popoverRect[sizeKey];else if (windowEnd - elementStart > popoverRect[sizeKey]) popoverStart = windowEnd - popoverRect[sizeKey];else popoverStart = elementStart;
-    }
-
-    // Fit the popover to the beginning of the window
-    if (popoverStart < windowStart) {
-      if (elementStart > windowStart) popoverStart = windowStart;else if (popoverRect[sizeKey] > elementRect[sizeKey]) popoverStart = elementStart;else if (elementEnd - windowStart > popoverRect[sizeKey]) popoverStart = windowStart;else popoverStart = elementEnd - popoverRect[sizeKey];
-    }
-    return popoverStart;
-  };
-  return {
-    before(options) {
-      const {
-        elementRect,
-        popoverRect,
-        gap,
-        flip
-      } = options;
-      const windowStart = window[windowOffsetKey];
-      const windowEnd = windowStart + window[windowSizeKey];
-      const elementStart = windowStart + elementRect[rectKey];
-      const popoverStart = elementStart - popoverRect[sizeKey] - gap;
-      if (flip && popoverStart < windowStart) {
-        const afterPopoverStart = this.after({
-          ...options,
-          flip: false
-        });
-        const afterPopoverEnd = afterPopoverStart + popoverRect[sizeKey];
-        const diffStart = windowStart - popoverStart;
-        const diffEnd = afterPopoverEnd - windowEnd;
-        if (afterPopoverEnd <= windowEnd || diffStart > diffEnd) return afterPopoverStart;
-      }
-      return popoverStart;
-    },
-    after(options) {
-      const {
-        elementRect,
-        popoverRect,
-        gap,
-        flip
-      } = options;
-      const windowStart = window[windowOffsetKey];
-      const windowEnd = windowStart + window[windowSizeKey];
-      const elementStart = windowStart + elementRect[rectKey];
-      const elementEnd = elementStart + elementRect[sizeKey];
-      const popoverStart = elementEnd + gap;
-      const popoverEnd = popoverStart + popoverRect[sizeKey];
-      if (flip && popoverEnd > windowEnd) {
-        const beforePopoverStart = this.before({
-          ...options,
-          flip: false
-        });
-        const diffStart = windowStart - beforePopoverStart;
-        const diffEnd = popoverEnd - windowEnd;
-        if (beforePopoverStart >= windowStart || diffEnd > diffStart) return beforePopoverStart;
-      }
-      return popoverStart;
-    },
-    start: ({
-      elementRect,
-      popoverRect
-    }) => {
-      const windowStart = window[windowOffsetKey];
-      const elementStart = windowStart + elementRect[rectKey];
-      return fitToWindow(elementStart, {
-        elementRect,
-        popoverRect
-      });
-    },
-    end: ({
-      elementRect,
-      popoverRect
-    }) => {
-      const windowStart = window[windowOffsetKey];
-      const elementStart = windowStart + elementRect[rectKey];
-      const elementEnd = elementStart + elementRect[sizeKey];
-      const popoverStart = elementEnd - popoverRect[sizeKey];
-      return fitToWindow(popoverStart, {
-        elementRect,
-        popoverRect
-      });
-    },
-    center: ({
-      elementRect,
-      popoverRect
-    }) => {
-      const windowStart = window[windowOffsetKey];
-      const elementStart = windowStart + elementRect[rectKey];
-      const popoverStart = elementStart + (elementRect[sizeKey] - popoverRect[sizeKey]) / 2;
-      return fitToWindow(popoverStart, {
-        elementRect,
-        popoverRect
-      });
-    }
-  };
-};
-const getPopoverPosition = (top, left, options) => ({
-  top: popoverPositionGetters('top')[top](options),
-  left: popoverPositionGetters('left')[left](options)
-});
-const placementPositionKeysMap = {
-  top: ['before', 'center'],
-  bottom: ['after', 'center'],
-  left: ['center', 'before'],
-  right: ['center', 'after'],
-  'top-start': ['before', 'start'],
-  'top-end': ['before', 'end'],
-  'bottom-start': ['after', 'start'],
-  'bottom-end': ['after', 'end'],
-  'left-start': ['start', 'before'],
-  'left-end': ['end', 'before'],
-  'right-start': ['start', 'after'],
-  'right-end': ['end', 'after']
-};
-/**
- * Computes the position of the popover.
- * Note that you must change the elementRect when the scroll and resize events of the parent scrollable container occur.
- * In most cases, it will be the window.
- */
-const usePopoverPosition = ({
-  elementRect,
-  popoverRect,
-  placement = 'top',
-  gap = 0.5,
-  flip = true
-}) => {
-  const bodyFontSize = useFontSize(document.body);
-  const gapPx = useMemo(() => gap * bodyFontSize, [gap, bodyFontSize]);
-  const positionKeys = useMemo(() => {
-    if (typeof placement === 'string' && !!placementPositionKeysMap[placement]) return placementPositionKeysMap[placement];
-    return placementPositionKeysMap.top;
-  }, [placement]);
-  return getPopoverPosition(...positionKeys, {
-    elementRect,
-    popoverRect,
-    gap: gapPx,
-    flip
-  });
-};
-export default usePopoverPosition;
-//# sourceMappingURL=usePopoverPosition.js.map

package/dist/esm/Popover/utils/usePopoverPosition.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePopoverPosition.js","names":["useFontSize","useMemo","popoverPositionGetters","rectKey","sizeKey","windowSizeKey","windowOffsetKey","fitToWindow","start","elementRect","popoverRect","popoverStart","windowStart","window","windowEnd","elementStart","elementEnd","popoverEnd","before","options","gap","flip","afterPopoverStart","after","afterPopoverEnd","diffStart","diffEnd","beforePopoverStart","end","center","getPopoverPosition","top","left","placementPositionKeysMap","bottom","right","usePopoverPosition","placement","bodyFontSize","document","body","gapPx","positionKeys"],"sources":["../../../../src/Popover/utils/usePopoverPosition.ts"],"sourcesContent":["import { useFontSize } from '@os-design/utils';\nimport { useMemo } from 'react';\n\ntype Side = 'top' | 'left' | 'right' | 'bottom';\ntype Alignment = 'start' | 'end';\ntype AlignedPlacement = `${Side}-${Alignment}`;\n\nexport type Placement = Side | AlignedPlacement;\n\nexport interface Rect {\n  top: number;\n  left: number;\n  width: number;\n  height: number;\n}\n\ninterface UsePopoverPositionProps {\n  /**\n   * The rect of the element.\n   */\n  elementRect: Rect;\n  /**\n   * The rect of the popover.\n   */\n  popoverRect: Rect;\n  /**\n   * On which side of the element the popover will appear.\n   * @default top\n   */\n  placement?: Placement;\n  /**\n   * The gap between the element and the popover in em.\n   * @default 0.5\n   */\n  gap?: number;\n  /**\n   * Whether to flip the popover if it does not fit in the window.\n   * @default true\n   */\n  flip?: boolean;\n}\n\ninterface PopoverPositionGetterOptions {\n  elementRect: Rect;\n  popoverRect: Rect;\n  gap: number;\n  flip: boolean;\n}\ntype PositionKeys = 'before' | 'after' | 'start' | 'end' | 'center';\ntype PopoverPositionGetterFn = (\n  options: PopoverPositionGetterOptions\n) => number;\ntype PopoverPositionGetters = Record<PositionKeys, PopoverPositionGetterFn>;\ntype FitToWindow = Pick<\n  PopoverPositionGetterOptions,\n  'elementRect' | 'popoverRect'\n>;\n\nconst popoverPositionGetters = (\n  rectKey: 'top' | 'left'\n): PopoverPositionGetters => {\n  const sizeKey = rectKey === 'top' ? 'height' : 'width';\n  const windowSizeKey = rectKey === 'top' ? 'innerHeight' : 'innerWidth';\n  const windowOffsetKey = rectKey === 'top' ? 'pageYOffset' : 'pageXOffset';\n\n  const fitToWindow = (\n    start: number,\n    { elementRect, popoverRect }: FitToWindow\n  ): number => {\n    let popoverStart = start;\n    const windowStart = window[windowOffsetKey];\n    const windowEnd = windowStart + window[windowSizeKey];\n    const elementStart = windowStart + elementRect[rectKey];\n    const elementEnd = elementStart + elementRect[sizeKey];\n    const popoverEnd = popoverStart + popoverRect[sizeKey];\n\n    // Fit the popover to the end of the window\n    if (popoverEnd > windowEnd) {\n      if (elementEnd < windowEnd)\n        popoverStart = windowEnd - popoverRect[sizeKey];\n      else if (popoverRect[sizeKey] > elementRect[sizeKey])\n        popoverStart = elementEnd - popoverRect[sizeKey];\n      else if (windowEnd - elementStart > popoverRect[sizeKey])\n        popoverStart = windowEnd - popoverRect[sizeKey];\n      else popoverStart = elementStart;\n    }\n\n    // Fit the popover to the beginning of the window\n    if (popoverStart < windowStart) {\n      if (elementStart > windowStart) popoverStart = windowStart;\n      else if (popoverRect[sizeKey] > elementRect[sizeKey])\n        popoverStart = elementStart;\n      else if (elementEnd - windowStart > popoverRect[sizeKey])\n        popoverStart = windowStart;\n      else popoverStart = elementEnd - popoverRect[sizeKey];\n    }\n\n    return popoverStart;\n  };\n\n  return {\n    before(options) {\n      const { elementRect, popoverRect, gap, flip } = options;\n      const windowStart = window[windowOffsetKey];\n      const windowEnd = windowStart + window[windowSizeKey];\n      const elementStart = windowStart + elementRect[rectKey];\n      const popoverStart = elementStart - popoverRect[sizeKey] - gap;\n      if (flip && popoverStart < windowStart) {\n        const afterPopoverStart = this.after({ ...options, flip: false });\n        const afterPopoverEnd = afterPopoverStart + popoverRect[sizeKey];\n        const diffStart = windowStart - popoverStart;\n        const diffEnd = afterPopoverEnd - windowEnd;\n        if (afterPopoverEnd <= windowEnd || diffStart > diffEnd)\n          return afterPopoverStart;\n      }\n      return popoverStart;\n    },\n    after(options) {\n      const { elementRect, popoverRect, gap, flip } = options;\n      const windowStart = window[windowOffsetKey];\n      const windowEnd = windowStart + window[windowSizeKey];\n      const elementStart = windowStart + elementRect[rectKey];\n      const elementEnd = elementStart + elementRect[sizeKey];\n      const popoverStart = elementEnd + gap;\n      const popoverEnd = popoverStart + popoverRect[sizeKey];\n      if (flip && popoverEnd > windowEnd) {\n        const beforePopoverStart = this.before({ ...options, flip: false });\n        const diffStart = windowStart - beforePopoverStart;\n        const diffEnd = popoverEnd - windowEnd;\n        if (beforePopoverStart >= windowStart || diffEnd > diffStart)\n          return beforePopoverStart;\n      }\n      return popoverStart;\n    },\n    start: ({ elementRect, popoverRect }) => {\n      const windowStart = window[windowOffsetKey];\n      const elementStart = windowStart + elementRect[rectKey];\n      return fitToWindow(elementStart, { elementRect, popoverRect });\n    },\n    end: ({ elementRect, popoverRect }) => {\n      const windowStart = window[windowOffsetKey];\n      const elementStart = windowStart + elementRect[rectKey];\n      const elementEnd = elementStart + elementRect[sizeKey];\n      const popoverStart = elementEnd - popoverRect[sizeKey];\n      return fitToWindow(popoverStart, { elementRect, popoverRect });\n    },\n    center: ({ elementRect, popoverRect }) => {\n      const windowStart = window[windowOffsetKey];\n      const elementStart = windowStart + elementRect[rectKey];\n      const popoverStart =\n        elementStart + (elementRect[sizeKey] - popoverRect[sizeKey]) / 2;\n      return fitToWindow(popoverStart, { elementRect, popoverRect });\n    },\n  };\n};\n\nconst getPopoverPosition = (\n  top: PositionKeys,\n  left: PositionKeys,\n  options: PopoverPositionGetterOptions\n) => ({\n  top: popoverPositionGetters('top')[top](options),\n  left: popoverPositionGetters('left')[left](options),\n});\n\ntype PlacementPositionKeysMap = Record<Placement, [PositionKeys, PositionKeys]>;\nconst placementPositionKeysMap: PlacementPositionKeysMap = {\n  top: ['before', 'center'],\n  bottom: ['after', 'center'],\n  left: ['center', 'before'],\n  right: ['center', 'after'],\n  'top-start': ['before', 'start'],\n  'top-end': ['before', 'end'],\n  'bottom-start': ['after', 'start'],\n  'bottom-end': ['after', 'end'],\n  'left-start': ['start', 'before'],\n  'left-end': ['end', 'before'],\n  'right-start': ['start', 'after'],\n  'right-end': ['end', 'after'],\n};\n\ninterface PopoverPosition {\n  top: number;\n  left: number;\n}\n\n/**\n * Computes the position of the popover.\n * Note that you must change the elementRect when the scroll and resize events of the parent scrollable container occur.\n * In most cases, it will be the window.\n */\nconst usePopoverPosition = ({\n  elementRect,\n  popoverRect,\n  placement = 'top',\n  gap = 0.5,\n  flip = true,\n}: UsePopoverPositionProps): PopoverPosition => {\n  const bodyFontSize = useFontSize(document.body);\n  const gapPx = useMemo(() => gap * bodyFontSize, [gap, bodyFontSize]);\n\n  const positionKeys = useMemo(() => {\n    if (typeof placement === 'string' && !!placementPositionKeysMap[placement])\n      return placementPositionKeysMap[placement];\n    return placementPositionKeysMap.top;\n  }, [placement]);\n\n  return getPopoverPosition(...positionKeys, {\n    elementRect,\n    popoverRect,\n    gap: gapPx,\n    flip,\n  });\n};\n\nexport default usePopoverPosition;\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/Progress/index.js

@@ -1,66 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import styled from '@emotion/styled';
-import { sizeStyles, transitionStyles } from '@os-design/styles';
-import { clr } from '@os-design/theming';
-import { omitEmotionProps } from '@os-design/utils';
-import React, { forwardRef, useMemo } from 'react';
-const Container = styled('div', omitEmotionProps('size'))`
-  display: flex;
-  align-items: center;
-  ${sizeStyles};
-`;
-const Trail = styled('div', omitEmotionProps('height'))`
-  width: 100%;
-  background-color: ${p => clr(p.theme.progressColorTrail)};
-  border-radius: ${p => `calc(${p.height} / 2)`};
-  overflow: hidden; // To hide the border of the progress bar
-`;
-const Stroke = styled('div', omitEmotionProps('percent', 'height'))`
-  width: ${p => p.percent}%;
-  height: ${p => p.height};
-  border-radius: 0 ${p => `calc(${p.height} / 2)`}
-    ${p => `calc(${p.height} / 2)`} 0;
-  background-color: ${p => p.percent < 100 ? clr(p.theme.progressColorStroke) : clr(p.theme.progressColorStrokeSuccess)};
-  ${transitionStyles('width', 'background-color')};
-`;
-const Text = styled.div`
-  margin-left: 0.5em;
-  color: ${p => clr(p.theme.progressColorPercentage)};
-  line-height: 1;
-`;
-
-/**
- * The progress bar.
- */
-const Progress = /*#__PURE__*/forwardRef(({
-  percent = 0,
-  text,
-  height = '0.5em',
-  ...rest
-}, ref) => {
-  const validPercent = useMemo(() => {
-    if (percent < 0) return 0;
-    if (percent > 100) return 100;
-    return percent;
-  }, [percent]);
-  const textId = useMemo(() => `progress-bar-text-${Math.random().toString(36).slice(2, 11)}`, []);
-  return /*#__PURE__*/React.createElement(Container, _extends({
-    role: "progressbar",
-    "aria-valuenow": validPercent,
-    "aria-valuemin": 0,
-    "aria-valuemax": 100,
-    "aria-describedby": textId
-  }, rest, {
-    ref: ref
-  }), /*#__PURE__*/React.createElement(Trail, {
-    height: height
-  }, /*#__PURE__*/React.createElement(Stroke, {
-    percent: validPercent,
-    height: height
-  })), text && /*#__PURE__*/React.createElement(Text, {
-    id: textId
-  }, text));
-});
-Progress.displayName = 'Progress';
-export default Progress;
-//# sourceMappingURL=index.js.map