@os-design/core 1.0.254 → 1.0.256

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

@@ -1 +0,0 @@
-{"version":3,"file":"defaultLocale.js","names":["defaultLocale","clearLabel"],"sources":["../../../../src/InputSearch/utils/defaultLocale.ts"],"sourcesContent":["export interface InputSearchLocale {\n  clearLabel: string;\n}\n\nconst defaultLocale: InputSearchLocale = {\n  clearLabel: 'Clear',\n};\n\nexport default defaultLocale;\n"],"mappings":"AAIA,MAAMA,aAAgC,GAAG;EACvCC,UAAU,EAAE;AACd,CAAC;AAED,eAAeD,aAAa","ignoreList":[]}

package/dist/esm/InputSkeleton/index.js

@@ -1,22 +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 } from '@os-design/styles';
-import { omitEmotionProps } from '@os-design/utils';
-import React, { forwardRef } from 'react';
-import Skeleton from '../Skeleton';
-const StyledInputSkeleton = styled(Skeleton, omitEmotionProps('size'))`
-  height: ${p => p.theme.baseHeight}em;
-  ${sizeStyles};
-`;
-
-/**
- * Provides an input placeholder while a user waits for the content to load.
- */
-const InputSkeleton = /*#__PURE__*/forwardRef((props, ref) => /*#__PURE__*/React.createElement(StyledInputSkeleton, _extends({
-  width: "100%"
-}, props, {
-  ref: ref
-})));
-InputSkeleton.displayName = 'InputSkeleton';
-export default InputSkeleton;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["styled","sizeStyles","omitEmotionProps","React","forwardRef","Skeleton","StyledInputSkeleton","p","theme","baseHeight","InputSkeleton","props","ref","createElement","_extends","width","displayName"],"sources":["../../../src/InputSkeleton/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { sizeStyles, WithSize } from '@os-design/styles';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef } from 'react';\nimport Skeleton, { SkeletonProps } from '../Skeleton';\n\nexport type InputSkeletonProps = Omit<SkeletonProps, 'width'> & WithSize;\n\nconst StyledInputSkeleton = styled(\n  Skeleton,\n  omitEmotionProps('size')\n)<WithSize>`\n  height: ${(p) => p.theme.baseHeight}em;\n  ${sizeStyles};\n`;\n\n/**\n * Provides an input placeholder while a user waits for the content to load.\n */\nconst InputSkeleton = forwardRef<HTMLDivElement, InputSkeletonProps>(\n  (props, ref) => <StyledInputSkeleton width='100%' {...props} ref={ref} />\n);\n\nInputSkeleton.displayName = 'InputSkeleton';\n\nexport default InputSkeleton;\n"],"mappings":";AAAA,OAAOA,MAAM,MAAM,iBAAiB;AACpC,SAASC,UAAU,QAAkB,mBAAmB;AACxD,SAASC,gBAAgB,QAAQ,kBAAkB;AACnD,OAAOC,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,QAAQ,MAAyB,aAAa;AAIrD,MAAMC,mBAAmB,GAAGN,MAAM,CAChCK,QAAQ,EACRH,gBAAgB,CAAC,MAAM,CACzB,CAAY;AACZ,YAAaK,CAAC,IAAKA,CAAC,CAACC,KAAK,CAACC,UAAW;AACtC,IAAIR,UAAW;AACf,CAAC;;AAED;AACA;AACA;AACA,MAAMS,aAAa,gBAAGN,UAAU,CAC9B,CAACO,KAAK,EAAEC,GAAG,kBAAKT,KAAA,CAAAU,aAAA,CAACP,mBAAmB,EAAAQ,QAAA;EAACC,KAAK,EAAC;AAAM,GAAKJ,KAAK;EAAEC,GAAG,EAAEA;AAAI,EAAE,CAC1E,CAAC;AAEDF,aAAa,CAACM,WAAW,GAAG,eAAe;AAE3C,eAAeN,aAAa","ignoreList":[]}

package/dist/esm/Layout/LayoutContext.js

@@ -1,8 +0,0 @@
-import React from 'react';
-const LayoutContext = /*#__PURE__*/React.createContext({
-  hasNavigation: false,
-  hasPageHeader: false
-});
-LayoutContext.displayName = 'LayoutContext';
-export default LayoutContext;
-//# sourceMappingURL=LayoutContext.js.map

package/dist/esm/Layout/LayoutContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LayoutContext.js","names":["React","LayoutContext","createContext","hasNavigation","hasPageHeader","displayName"],"sources":["../../../src/Layout/LayoutContext.ts"],"sourcesContent":["import React from 'react';\n\nexport interface LayoutContextProps {\n  /**\n   * Whether there is the navigation in the layout.\n   */\n  hasNavigation: boolean;\n  /**\n   * Whether there is the page header in the layout.\n   */\n  hasPageHeader: boolean;\n}\n\nconst LayoutContext = React.createContext<LayoutContextProps>({\n  hasNavigation: false,\n  hasPageHeader: false,\n});\n\nLayoutContext.displayName = 'LayoutContext';\n\nexport default LayoutContext;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAazB,MAAMC,aAAa,gBAAGD,KAAK,CAACE,aAAa,CAAqB;EAC5DC,aAAa,EAAE,KAAK;EACpBC,aAAa,EAAE;AACjB,CAAC,CAAC;AAEFH,aAAa,CAACI,WAAW,GAAG,eAAe;AAE3C,eAAeJ,aAAa","ignoreList":[]}

package/dist/esm/Layout/index.js

@@ -1,21 +0,0 @@
-import React, { useMemo } from 'react';
-import LayoutContext from './LayoutContext';
-/**
- * The layout of the page.
- */
-const Layout = ({
-  hasNavigation = false,
-  hasPageHeader = false,
-  children
-}) => {
-  const contextValue = useMemo(() => ({
-    hasNavigation,
-    hasPageHeader
-  }), [hasNavigation, hasPageHeader]);
-  return /*#__PURE__*/React.createElement(LayoutContext.Provider, {
-    value: contextValue
-  }, children);
-};
-Layout.displayName = 'Layout';
-export default Layout;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["React","useMemo","LayoutContext","Layout","hasNavigation","hasPageHeader","children","contextValue","createElement","Provider","value","displayName"],"sources":["../../../src/Layout/index.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport LayoutContext from './LayoutContext';\n\nexport interface LayoutProps {\n  /**\n   * Whether there is the navigation in the layout.\n   * @default false\n   */\n  hasNavigation?: boolean;\n  /**\n   * Whether there is the page header in the layout.\n   * @default false\n   */\n  hasPageHeader?: boolean;\n  /**\n   * The children.\n   * @default undefined\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * The layout of the page.\n */\nconst Layout: React.FC<LayoutProps> = ({\n  hasNavigation = false,\n  hasPageHeader = false,\n  children,\n}) => {\n  const contextValue = useMemo(\n    () => ({ hasNavigation, hasPageHeader }),\n    [hasNavigation, hasPageHeader]\n  );\n\n  return (\n    <LayoutContext.Provider value={contextValue}>\n      {children}\n    </LayoutContext.Provider>\n  );\n};\n\nLayout.displayName = 'Layout';\n\nexport default Layout;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,OAAOC,aAAa,MAAM,iBAAiB;AAoB3C;AACA;AACA;AACA,MAAMC,MAA6B,GAAGA,CAAC;EACrCC,aAAa,GAAG,KAAK;EACrBC,aAAa,GAAG,KAAK;EACrBC;AACF,CAAC,KAAK;EACJ,MAAMC,YAAY,GAAGN,OAAO,CAC1B,OAAO;IAAEG,aAAa;IAAEC;EAAc,CAAC,CAAC,EACxC,CAACD,aAAa,EAAEC,aAAa,CAC/B,CAAC;EAED,oBACEL,KAAA,CAAAQ,aAAA,CAACN,aAAa,CAACO,QAAQ;IAACC,KAAK,EAAEH;EAAa,GACzCD,QACqB,CAAC;AAE7B,CAAC;AAEDH,MAAM,CAACQ,WAAW,GAAG,QAAQ;AAE7B,eAAeR,MAAM","ignoreList":[]}

package/dist/esm/Link/index.js

@@ -1,110 +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 { resetFocusStyles, sizeStyles, transitionStyles } from '@os-design/styles';
-import { clr } from '@os-design/theming';
-import { omitEmotionProps } from '@os-design/utils';
-import React, { forwardRef } from 'react';
-const underlineBaseStyles = p => css`
-  position: relative;
-  display: inline-block;
-
-  &::after {
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    content: '';
-    height: 0.125em;
-    background-color: ${clr(p.theme.linkColor)};
-  }
-`;
-export const underlineHoverStyles = p => p.underline === 'hover' && css`
-    @media (hover: hover) {
-      ${underlineBaseStyles(p)};
-
-      &::after {
-        width: 0;
-        opacity: 0;
-        ${transitionStyles('width', 'opacity')(p)};
-      }
-
-      &:hover::after,
-      &:focus::after {
-        width: 100%;
-        opacity: 1;
-      }
-    }
-  `;
-export const underlineAlwaysStyles = p => p.underline === 'always' && css`
-    ${underlineBaseStyles(p)};
-
-    &::after {
-      width: 100%;
-      opacity: 1;
-    }
-  `;
-const disabledStyles = p => p.disabled && css`
-    pointer-events: none;
-
-    &,
-    &:active,
-    &:focus {
-      color: ${clr(p.theme.inputColorPlaceholder)};
-    }
-  `;
-export const DisabledWrapper = styled.div`
-  display: inline-block;
-  cursor: not-allowed;
-  line-height: 1.2;
-`;
-const StyledLink = styled('a', omitEmotionProps('size', 'underline', 'disabled', 'as'))`
-  ${resetFocusStyles};
-
-  cursor: pointer;
-  text-decoration: none;
-  line-height: 1.2;
-  padding-bottom: 0.1em;
-
-  &,
-  &:active,
-  &:focus {
-    color: ${p => clr(p.theme.linkColor)};
-  }
-
-  ${underlineHoverStyles};
-  ${underlineAlwaysStyles};
-  ${disabledStyles};
-  ${sizeStyles};
-`;
-
-/**
- * The link component to navigate between pages.
- */
-const Link = /*#__PURE__*/forwardRef(({
-  underline = 'hover',
-  disabled = false,
-  as,
-  onMouseDown = () => {},
-  ...rest
-}, ref) => {
-  if (disabled) {
-    return /*#__PURE__*/React.createElement(DisabledWrapper, null, /*#__PURE__*/React.createElement(StyledLink, _extends({
-      disabled: true
-    }, rest, {
-      ref: ref
-    })));
-  }
-  return /*#__PURE__*/React.createElement(StyledLink, _extends({
-    underline: underline,
-    as: as,
-    onMouseDown: e => {
-      onMouseDown(e);
-      e.preventDefault();
-    }
-  }, rest, {
-    ref: ref
-  }));
-});
-Link.displayName = 'Link';
-export default Link;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["css","styled","resetFocusStyles","sizeStyles","transitionStyles","clr","omitEmotionProps","React","forwardRef","underlineBaseStyles","p","theme","linkColor","underlineHoverStyles","underline","underlineAlwaysStyles","disabledStyles","disabled","inputColorPlaceholder","DisabledWrapper","div","StyledLink","Link","as","onMouseDown","rest","ref","createElement","_extends","e","preventDefault","displayName"],"sources":["../../../src/Link/index.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport {\n  resetFocusStyles,\n  sizeStyles,\n  transitionStyles,\n  WithSize,\n} from '@os-design/styles';\nimport { clr } from '@os-design/theming';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef } from 'react';\n\nexport interface ReactRouterLinkProps {\n  to?: string;\n  replace?: boolean;\n}\n\ntype JsxAProps = Omit<JSX.IntrinsicElements['a'], 'ref'>;\nexport interface LinkProps extends JsxAProps, ReactRouterLinkProps, WithSize {\n  /**\n   * Type of the underline styles.\n   * @default hover\n   */\n  underline?: 'hover' | 'always' | 'never';\n  /**\n   * Whether the link is disabled.\n   * @default false\n   */\n  disabled?: boolean;\n  /**\n   * The custom link component.\n   * For example, the Link from react-router-dom.\n   * @default undefined\n   */\n  as?: React.ElementType;\n}\n\nconst underlineBaseStyles = (p) => css`\n  position: relative;\n  display: inline-block;\n\n  &::after {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    content: '';\n    height: 0.125em;\n    background-color: ${clr(p.theme.linkColor)};\n  }\n`;\n\nexport const underlineHoverStyles = (p) =>\n  p.underline === 'hover' &&\n  css`\n    @media (hover: hover) {\n      ${underlineBaseStyles(p)};\n\n      &::after {\n        width: 0;\n        opacity: 0;\n        ${transitionStyles('width', 'opacity')(p)};\n      }\n\n      &:hover::after,\n      &:focus::after {\n        width: 100%;\n        opacity: 1;\n      }\n    }\n  `;\n\nexport const underlineAlwaysStyles = (p) =>\n  p.underline === 'always' &&\n  css`\n    ${underlineBaseStyles(p)};\n\n    &::after {\n      width: 100%;\n      opacity: 1;\n    }\n  `;\n\nconst disabledStyles = (p) =>\n  p.disabled &&\n  css`\n    pointer-events: none;\n\n    &,\n    &:active,\n    &:focus {\n      color: ${clr(p.theme.inputColorPlaceholder)};\n    }\n  `;\n\nexport const DisabledWrapper = styled.div`\n  display: inline-block;\n  cursor: not-allowed;\n  line-height: 1.2;\n`;\n\nconst StyledLink = styled(\n  'a',\n  omitEmotionProps('size', 'underline', 'disabled', 'as')\n)<LinkProps>`\n  ${resetFocusStyles};\n\n  cursor: pointer;\n  text-decoration: none;\n  line-height: 1.2;\n  padding-bottom: 0.1em;\n\n  &,\n  &:active,\n  &:focus {\n    color: ${(p) => clr(p.theme.linkColor)};\n  }\n\n  ${underlineHoverStyles};\n  ${underlineAlwaysStyles};\n  ${disabledStyles};\n  ${sizeStyles};\n`;\n\n/**\n * The link component to navigate between pages.\n */\nconst Link = forwardRef<HTMLAnchorElement, LinkProps>(\n  (\n    {\n      underline = 'hover',\n      disabled = false,\n      as,\n      onMouseDown = () => {},\n      ...rest\n    },\n    ref\n  ) => {\n    if (disabled) {\n      return (\n        <DisabledWrapper>\n          <StyledLink disabled {...rest} ref={ref} />\n        </DisabledWrapper>\n      );\n    }\n\n    return (\n      <StyledLink\n        underline={underline}\n        as={as}\n        onMouseDown={(e) => {\n          onMouseDown(e);\n          e.preventDefault();\n        }}\n        {...rest}\n        ref={ref}\n      />\n    );\n  }\n);\n\nLink.displayName = 'Link';\n\nexport default Link;\n"],"mappings":";AAAA,SAASA,GAAG,QAAQ,gBAAgB;AACpC,OAAOC,MAAM,MAAM,iBAAiB;AACpC,SACEC,gBAAgB,EAChBC,UAAU,EACVC,gBAAgB,QAEX,mBAAmB;AAC1B,SAASC,GAAG,QAAQ,oBAAoB;AACxC,SAASC,gBAAgB,QAAQ,kBAAkB;AACnD,OAAOC,KAAK,IAAIC,UAAU,QAAQ,OAAO;AA2BzC,MAAMC,mBAAmB,GAAIC,CAAC,IAAKV,GAAI;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwBK,GAAG,CAACK,CAAC,CAACC,KAAK,CAACC,SAAS,CAAE;AAC/C;AACA,CAAC;AAED,OAAO,MAAMC,oBAAoB,GAAIH,CAAC,IACpCA,CAAC,CAACI,SAAS,KAAK,OAAO,IACvBd,GAAI;AACN;AACA,QAAQS,mBAAmB,CAACC,CAAC,CAAE;AAC/B;AACA;AACA;AACA;AACA,UAAUN,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC,CAACM,CAAC,CAAE;AAClD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AAEH,OAAO,MAAMK,qBAAqB,GAAIL,CAAC,IACrCA,CAAC,CAACI,SAAS,KAAK,QAAQ,IACxBd,GAAI;AACN,MAAMS,mBAAmB,CAACC,CAAC,CAAE;AAC7B;AACA;AACA;AACA;AACA;AACA,GAAG;AAEH,MAAMM,cAAc,GAAIN,CAAC,IACvBA,CAAC,CAACO,QAAQ,IACVjB,GAAI;AACN;AACA;AACA;AACA;AACA;AACA,eAAeK,GAAG,CAACK,CAAC,CAACC,KAAK,CAACO,qBAAqB,CAAE;AAClD;AACA,GAAG;AAEH,OAAO,MAAMC,eAAe,GAAGlB,MAAM,CAACmB,GAAI;AAC1C;AACA;AACA;AACA,CAAC;AAED,MAAMC,UAAU,GAAGpB,MAAM,CACvB,GAAG,EACHK,gBAAgB,CAAC,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,IAAI,CACxD,CAAa;AACb,IAAIJ,gBAAiB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAcQ,CAAC,IAAKL,GAAG,CAACK,CAAC,CAACC,KAAK,CAACC,SAAS,CAAE;AAC3C;AACA;AACA,IAAIC,oBAAqB;AACzB,IAAIE,qBAAsB;AAC1B,IAAIC,cAAe;AACnB,IAAIb,UAAW;AACf,CAAC;;AAED;AACA;AACA;AACA,MAAMmB,IAAI,gBAAGd,UAAU,CACrB,CACE;EACEM,SAAS,GAAG,OAAO;EACnBG,QAAQ,GAAG,KAAK;EAChBM,EAAE;EACFC,WAAW,GAAGA,CAAA,KAAM,CAAC,CAAC;EACtB,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,IAAIT,QAAQ,EAAE;IACZ,oBACEV,KAAA,CAAAoB,aAAA,CAACR,eAAe,qBACdZ,KAAA,CAAAoB,aAAA,CAACN,UAAU,EAAAO,QAAA;MAACX,QAAQ;IAAA,GAAKQ,IAAI;MAAEC,GAAG,EAAEA;IAAI,EAAE,CAC3B,CAAC;EAEtB;EAEA,oBACEnB,KAAA,CAAAoB,aAAA,CAACN,UAAU,EAAAO,QAAA;IACTd,SAAS,EAAEA,SAAU;IACrBS,EAAE,EAAEA,EAAG;IACPC,WAAW,EAAGK,CAAC,IAAK;MAClBL,WAAW,CAACK,CAAC,CAAC;MACdA,CAAC,CAACC,cAAc,CAAC,CAAC;IACpB;EAAE,GACEL,IAAI;IACRC,GAAG,EAAEA;EAAI,EACV,CAAC;AAEN,CACF,CAAC;AAEDJ,IAAI,CAACS,WAAW,GAAG,MAAM;AAEzB,eAAeT,IAAI","ignoreList":[]}

package/dist/esm/LinkButton/index.js

@@ -1,56 +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 { resetButtonStyles, sizeStyles } from '@os-design/styles';
-import { clr } from '@os-design/theming';
-import { omitEmotionProps } from '@os-design/utils';
-import React, { forwardRef } from 'react';
-import { DisabledWrapper, underlineAlwaysStyles, underlineHoverStyles } from '../Link';
-const disabledStyles = p => p.disabled && css`
-    cursor: inherit;
-    color: ${clr(p.theme.inputColorPlaceholder)};
-  `;
-const StyledButton = styled('button', omitEmotionProps('size', 'underline'))`
-  ${resetButtonStyles};
-
-  cursor: pointer;
-  text-align: left;
-  line-height: 1.2;
-  padding-bottom: 0.1em;
-  color: ${p => clr(p.theme.linkColor)};
-
-  ${underlineHoverStyles};
-  ${underlineAlwaysStyles};
-  ${disabledStyles};
-  ${sizeStyles};
-`;
-
-/**
- * The link component that is rendered as a button.
- */
-const LinkButton = /*#__PURE__*/forwardRef(({
-  underline = 'hover',
-  disabled = false,
-  onMouseDown = () => {},
-  ...rest
-}, ref) => {
-  if (disabled) {
-    return /*#__PURE__*/React.createElement(DisabledWrapper, null, /*#__PURE__*/React.createElement(StyledButton, _extends({
-      disabled: true
-    }, rest, {
-      ref: ref
-    })));
-  }
-  return /*#__PURE__*/React.createElement(StyledButton, _extends({
-    underline: underline,
-    onMouseDown: e => {
-      onMouseDown(e);
-      e.preventDefault();
-    }
-  }, rest, {
-    ref: ref
-  }));
-});
-LinkButton.displayName = 'LinkButton';
-export default LinkButton;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["css","styled","resetButtonStyles","sizeStyles","clr","omitEmotionProps","React","forwardRef","DisabledWrapper","underlineAlwaysStyles","underlineHoverStyles","disabledStyles","p","disabled","theme","inputColorPlaceholder","StyledButton","linkColor","LinkButton","underline","onMouseDown","rest","ref","createElement","_extends","e","preventDefault","displayName"],"sources":["../../../src/LinkButton/index.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { resetButtonStyles, sizeStyles, WithSize } from '@os-design/styles';\nimport { clr } from '@os-design/theming';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef } from 'react';\nimport {\n  DisabledWrapper,\n  underlineAlwaysStyles,\n  underlineHoverStyles,\n} from '../Link';\n\ntype JsxButtonProps = Omit<JSX.IntrinsicElements['button'], 'ref'>;\n\nexport interface LinkButtonProps extends JsxButtonProps, WithSize {\n  /**\n   * Type of the underline styles.\n   * @default hover\n   */\n  underline?: 'hover' | 'always' | 'never';\n  /**\n   * Whether the link is disabled.\n   * @default false\n   */\n  disabled?: boolean;\n}\n\nconst disabledStyles = (p) =>\n  p.disabled &&\n  css`\n    cursor: inherit;\n    color: ${clr(p.theme.inputColorPlaceholder)};\n  `;\n\nconst StyledButton = styled(\n  'button',\n  omitEmotionProps('size', 'underline')\n)<LinkButtonProps>`\n  ${resetButtonStyles};\n\n  cursor: pointer;\n  text-align: left;\n  line-height: 1.2;\n  padding-bottom: 0.1em;\n  color: ${(p) => clr(p.theme.linkColor)};\n\n  ${underlineHoverStyles};\n  ${underlineAlwaysStyles};\n  ${disabledStyles};\n  ${sizeStyles};\n`;\n\n/**\n * The link component that is rendered as a button.\n */\nconst LinkButton = forwardRef<HTMLButtonElement, LinkButtonProps>(\n  (\n    { underline = 'hover', disabled = false, onMouseDown = () => {}, ...rest },\n    ref\n  ) => {\n    if (disabled) {\n      return (\n        <DisabledWrapper>\n          <StyledButton disabled {...rest} ref={ref} />\n        </DisabledWrapper>\n      );\n    }\n\n    return (\n      <StyledButton\n        underline={underline}\n        onMouseDown={(e) => {\n          onMouseDown(e);\n          e.preventDefault();\n        }}\n        {...rest}\n        ref={ref}\n      />\n    );\n  }\n);\n\nLinkButton.displayName = 'LinkButton';\n\nexport default LinkButton;\n"],"mappings":";AAAA,SAASA,GAAG,QAAQ,gBAAgB;AACpC,OAAOC,MAAM,MAAM,iBAAiB;AACpC,SAASC,iBAAiB,EAAEC,UAAU,QAAkB,mBAAmB;AAC3E,SAASC,GAAG,QAAQ,oBAAoB;AACxC,SAASC,gBAAgB,QAAQ,kBAAkB;AACnD,OAAOC,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SACEC,eAAe,EACfC,qBAAqB,EACrBC,oBAAoB,QACf,SAAS;AAiBhB,MAAMC,cAAc,GAAIC,CAAC,IACvBA,CAAC,CAACC,QAAQ,IACVb,GAAI;AACN;AACA,aAAaI,GAAG,CAACQ,CAAC,CAACE,KAAK,CAACC,qBAAqB,CAAE;AAChD,GAAG;AAEH,MAAMC,YAAY,GAAGf,MAAM,CACzB,QAAQ,EACRI,gBAAgB,CAAC,MAAM,EAAE,WAAW,CACtC,CAAmB;AACnB,IAAIH,iBAAkB;AACtB;AACA;AACA;AACA;AACA;AACA,WAAYU,CAAC,IAAKR,GAAG,CAACQ,CAAC,CAACE,KAAK,CAACG,SAAS,CAAE;AACzC;AACA,IAAIP,oBAAqB;AACzB,IAAID,qBAAsB;AAC1B,IAAIE,cAAe;AACnB,IAAIR,UAAW;AACf,CAAC;;AAED;AACA;AACA;AACA,MAAMe,UAAU,gBAAGX,UAAU,CAC3B,CACE;EAAEY,SAAS,GAAG,OAAO;EAAEN,QAAQ,GAAG,KAAK;EAAEO,WAAW,GAAGA,CAAA,KAAM,CAAC,CAAC;EAAE,GAAGC;AAAK,CAAC,EAC1EC,GAAG,KACA;EACH,IAAIT,QAAQ,EAAE;IACZ,oBACEP,KAAA,CAAAiB,aAAA,CAACf,eAAe,qBACdF,KAAA,CAAAiB,aAAA,CAACP,YAAY,EAAAQ,QAAA;MAACX,QAAQ;IAAA,GAAKQ,IAAI;MAAEC,GAAG,EAAEA;IAAI,EAAE,CAC7B,CAAC;EAEtB;EAEA,oBACEhB,KAAA,CAAAiB,aAAA,CAACP,YAAY,EAAAQ,QAAA;IACXL,SAAS,EAAEA,SAAU;IACrBC,WAAW,EAAGK,CAAC,IAAK;MAClBL,WAAW,CAACK,CAAC,CAAC;MACdA,CAAC,CAACC,cAAc,CAAC,CAAC;IACpB;EAAE,GACEL,IAAI;IACRC,GAAG,EAAEA;EAAI,EACV,CAAC;AAEN,CACF,CAAC;AAEDJ,UAAU,CAACS,WAAW,GAAG,YAAY;AAErC,eAAeT,UAAU","ignoreList":[]}

package/dist/esm/List/WindowScroller.js

@@ -1,33 +0,0 @@
-import { useEvent } from '@os-design/utils';
-import React, { useCallback, useEffect, useRef } from 'react';
-import { disableBodyPointerEvents, enableBodyPointerEventsAfterDelay } from './utils/bodyPointerEvents';
-/**
- * Specifies the number of milliseconds during which to disable pointer events while
- * a scroll is in progress. This improves performance and makes scrolling smoother.
- */
-export const DISABLE_BODY_POINTER_EVENTS_TIMEOUT = 150;
-const WindowScroller = ({
-  onScroll = () => {},
-  children
-}) => {
-  const onScrollRef = useRef();
-  useEffect(() => {
-    onScrollRef.current = onScroll;
-  }, [onScroll]);
-  const scrollListener = useCallback(() => {
-    disableBodyPointerEvents();
-    enableBodyPointerEventsAfterDelay(DISABLE_BODY_POINTER_EVENTS_TIMEOUT);
-    if (!onScrollRef.current) return;
-    onScrollRef.current({
-      top: window.pageYOffset,
-      left: window.pageXOffset
-    });
-  }, []);
-  useEffect(() => () => enableBodyPointerEventsAfterDelay(0), []);
-  useEvent(document, 'scroll', scrollListener);
-
-  // eslint-disable-next-line react/jsx-no-useless-fragment
-  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
-};
-export default WindowScroller;
-//# sourceMappingURL=WindowScroller.js.map

package/dist/esm/List/WindowScroller.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WindowScroller.js","names":["useEvent","React","useCallback","useEffect","useRef","disableBodyPointerEvents","enableBodyPointerEventsAfterDelay","DISABLE_BODY_POINTER_EVENTS_TIMEOUT","WindowScroller","onScroll","children","onScrollRef","current","scrollListener","top","window","pageYOffset","left","pageXOffset","document","createElement","Fragment"],"sources":["../../../src/List/WindowScroller.tsx"],"sourcesContent":["import { useEvent } from '@os-design/utils';\nimport React, { useCallback, useEffect, useRef } from 'react';\nimport {\n  disableBodyPointerEvents,\n  enableBodyPointerEventsAfterDelay,\n} from './utils/bodyPointerEvents';\n\nexport interface ScrollPosition {\n  top: number;\n  left: number;\n}\n\ninterface WindowScrollerProps {\n  onScroll?: (props: ScrollPosition) => void;\n  children?: React.ReactNode;\n}\n\n/**\n * Specifies the number of milliseconds during which to disable pointer events while\n * a scroll is in progress. This improves performance and makes scrolling smoother.\n */\nexport const DISABLE_BODY_POINTER_EVENTS_TIMEOUT = 150;\n\nconst WindowScroller: React.FC<WindowScrollerProps> = ({\n  onScroll = () => {},\n  children,\n}) => {\n  const onScrollRef = useRef<WindowScrollerProps['onScroll']>();\n\n  useEffect(() => {\n    onScrollRef.current = onScroll;\n  }, [onScroll]);\n\n  const scrollListener = useCallback(() => {\n    disableBodyPointerEvents();\n    enableBodyPointerEventsAfterDelay(DISABLE_BODY_POINTER_EVENTS_TIMEOUT);\n    if (!onScrollRef.current) return;\n    onScrollRef.current({\n      top: window.pageYOffset,\n      left: window.pageXOffset,\n    });\n  }, []);\n\n  useEffect(() => () => enableBodyPointerEventsAfterDelay(0), []);\n  useEvent(document, 'scroll', scrollListener);\n\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  return <>{children}</>;\n};\n\nexport default WindowScroller;\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,kBAAkB;AAC3C,OAAOC,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAC7D,SACEC,wBAAwB,EACxBC,iCAAiC,QAC5B,2BAA2B;AAYlC;AACA;AACA;AACA;AACA,OAAO,MAAMC,mCAAmC,GAAG,GAAG;AAEtD,MAAMC,cAA6C,GAAGA,CAAC;EACrDC,QAAQ,GAAGA,CAAA,KAAM,CAAC,CAAC;EACnBC;AACF,CAAC,KAAK;EACJ,MAAMC,WAAW,GAAGP,MAAM,CAAkC,CAAC;EAE7DD,SAAS,CAAC,MAAM;IACdQ,WAAW,CAACC,OAAO,GAAGH,QAAQ;EAChC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,MAAMI,cAAc,GAAGX,WAAW,CAAC,MAAM;IACvCG,wBAAwB,CAAC,CAAC;IAC1BC,iCAAiC,CAACC,mCAAmC,CAAC;IACtE,IAAI,CAACI,WAAW,CAACC,OAAO,EAAE;IAC1BD,WAAW,CAACC,OAAO,CAAC;MAClBE,GAAG,EAAEC,MAAM,CAACC,WAAW;MACvBC,IAAI,EAAEF,MAAM,CAACG;IACf,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAENf,SAAS,CAAC,MAAM,MAAMG,iCAAiC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;EAC/DN,QAAQ,CAACmB,QAAQ,EAAE,QAAQ,EAAEN,cAAc,CAAC;;EAE5C;EACA,oBAAOZ,KAAA,CAAAmB,aAAA,CAAAnB,KAAA,CAAAoB,QAAA,QAAGX,QAAW,CAAC;AACxB,CAAC;AAED,eAAeF,cAAc","ignoreList":[]}

package/dist/esm/List/index.js

@@ -1,110 +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 { useIsMinWidth } from '@os-design/media';
-import { useTheme } from '@os-design/theming';
-import { useFontSize, useForwardedRef, useSafeAreaInset, useSize } from '@os-design/utils';
-import React, { forwardRef, useCallback, useContext, useMemo } from 'react';
-import { FixedSizeList } from 'react-window';
-import LayoutContext from '../Layout/LayoutContext';
-import WindowScroller from './WindowScroller';
-import useRWLoadNext from './utils/useRWLoadNext';
-/**
- * Virtualized list.
- * Used the react-window library.
- */
-const List = /*#__PURE__*/forwardRef(({
-  itemCount,
-  itemHeight = 4,
-  threshold = 10,
-  overscanCount = 10,
-  height: heightProp,
-  paddingTop = 0,
-  paddingBottom = 0,
-  style = {},
-  empty,
-  onLoadNext = () => {},
-  itemRenderer = () => null,
-  ...rest
-}, ref) => {
-  const [listRef, mergedListRef] = useForwardedRef(ref);
-  const size = useSize();
-  const fontSize = useFontSize(document.body);
-  const {
-    hasNavigation,
-    hasPageHeader
-  } = useContext(LayoutContext);
-  const {
-    theme
-  } = useTheme();
-  const isMinMd = useIsMinWidth('md');
-  const safeAreaInset = useSafeAreaInset();
-  const itemSize = useMemo(() => itemHeight * fontSize, [itemHeight, fontSize]);
-  const paddingTopSize = useMemo(() => ((hasPageHeader ? theme.pageHeaderHeight[isMinMd ? 1 : 0] : 0) + paddingTop) * fontSize, [hasPageHeader, theme.pageHeaderHeight, isMinMd, paddingTop, fontSize]);
-  const paddingBottomSize = useMemo(() => ((hasNavigation && !isMinMd ? theme.navigationTabHeight : 0) + paddingBottom) * fontSize + safeAreaInset.bottom, [hasNavigation, theme.navigationTabHeight, isMinMd, paddingBottom, fontSize, safeAreaInset.bottom]);
-  const height = useMemo(() => heightProp || size.height, [heightProp, size.height]);
-  const loadNext = useRWLoadNext({
-    itemCount,
-    threshold,
-    itemSize,
-    paddingTop: paddingTopSize,
-    height,
-    onLoadNext
-  });
-  const windowScrollHandler = useCallback(({
-    top
-  }) => {
-    // Set the scroll position to the list
-    if (listRef.current) listRef.current.scrollTo(top);
-    loadNext(top);
-  }, [listRef, loadNext]);
-
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const InnerElement = useCallback(({
-    style: innerStyle,
-    ...innerRest
-  }) => /*#__PURE__*/React.createElement("div", _extends({
-    style: {
-      ...innerStyle,
-      height: `${parseFloat(innerStyle.height) + paddingTopSize + paddingBottomSize}px`
-    }
-  }, innerRest)), [paddingBottomSize, paddingTopSize]);
-  const listChildren = useCallback(({
-    style: childrenStyle,
-    ...childrenRest
-  }) => itemRenderer({
-    style: {
-      ...childrenStyle,
-      top: `${parseFloat(childrenStyle.top ? childrenStyle.top.toString() : '0') + paddingTopSize}px`
-    },
-    ...childrenRest
-  }), [itemRenderer, paddingTopSize]);
-
-  // eslint-disable-next-line react/jsx-no-useless-fragment
-  const EmptyComponent = useCallback(() => /*#__PURE__*/React.createElement(React.Fragment, null, empty), [empty]);
-  const renderList = useCallback(() => /*#__PURE__*/React.createElement(FixedSizeList, _extends({
-    ref: mergedListRef,
-    itemCount: itemCount,
-    width: "100%",
-    height: height,
-    itemSize: itemSize,
-    style: heightProp ? style : {
-      ...style,
-      height: '100% important!'
-    },
-    overscanCount: overscanCount,
-    onScroll: heightProp ? ({
-      scrollOffset
-    }) => loadNext(scrollOffset) : undefined,
-    innerElementType: itemCount > 0 ? InnerElement : EmptyComponent
-  }, rest), listChildren), [EmptyComponent, InnerElement, height, heightProp, itemCount, itemSize, listChildren, loadNext, mergedListRef, overscanCount, rest, style]);
-  if (heightProp) {
-    return renderList();
-  }
-  return /*#__PURE__*/React.createElement(WindowScroller, {
-    onScroll: windowScrollHandler
-  }, renderList());
-});
-List.displayName = 'List';
-export { default as WindowScroller } from './WindowScroller';
-export { default as useRWLoadNext } from './utils/useRWLoadNext';
-export default List;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["useIsMinWidth","useTheme","useFontSize","useForwardedRef","useSafeAreaInset","useSize","React","forwardRef","useCallback","useContext","useMemo","FixedSizeList","LayoutContext","WindowScroller","useRWLoadNext","List","itemCount","itemHeight","threshold","overscanCount","height","heightProp","paddingTop","paddingBottom","style","empty","onLoadNext","itemRenderer","rest","ref","listRef","mergedListRef","size","fontSize","document","body","hasNavigation","hasPageHeader","theme","isMinMd","safeAreaInset","itemSize","paddingTopSize","pageHeaderHeight","paddingBottomSize","navigationTabHeight","bottom","loadNext","windowScrollHandler","top","current","scrollTo","InnerElement","innerStyle","innerRest","createElement","_extends","parseFloat","listChildren","childrenStyle","childrenRest","toString","EmptyComponent","Fragment","renderList","width","onScroll","scrollOffset","undefined","innerElementType","displayName","default"],"sources":["../../../src/List/index.tsx"],"sourcesContent":["import { useIsMinWidth } from '@os-design/media';\nimport { useTheme } from '@os-design/theming';\nimport {\n  useFontSize,\n  useForwardedRef,\n  useSafeAreaInset,\n  useSize,\n} from '@os-design/utils';\nimport React, {\n  CSSProperties,\n  forwardRef,\n  useCallback,\n  useContext,\n  useMemo,\n} from 'react';\nimport {\n  FixedSizeList,\n  ListChildComponentProps,\n  ListProps as RWListProps,\n} from 'react-window';\nimport LayoutContext from '../Layout/LayoutContext';\nimport WindowScroller, { ScrollPosition } from './WindowScroller';\nimport useRWLoadNext from './utils/useRWLoadNext';\n\nexport interface ListProps extends Partial<RWListProps> {\n  /**\n   * Total number of items in the list.\n   */\n  itemCount: number;\n  /**\n   * The item height in em.\n   * @default 4\n   */\n  itemHeight?: number;\n  /**\n   * A threshold N means that the onLoadNext function calls when a user scrolls all items except N.\n   * @default 10\n   */\n  threshold?: number;\n  /**\n   * Defines how many items outside of the visible \"window\" to render at all times.\n   * @default 10\n   */\n  overscanCount?: number;\n  /**\n   * The height of the list in px.\n   * @default undefined\n   */\n  height?: number;\n  /**\n   * The top padding in em.\n   * @default 0\n   */\n  paddingTop?: number;\n  /**\n   * The bottom padding in em.\n   * @default 0\n   */\n  paddingBottom?: number;\n  /**\n   * The inline css style.\n   * @default undefined\n   */\n  style?: CSSProperties;\n  /**\n   * The component that renders if the list is empty.\n   * @default undefined\n   */\n  empty?: React.ReactNode;\n  /**\n   * The callback to load more items.\n   * @default undefined\n   */\n  onLoadNext?: () => void;\n  /**\n   * The callback to render items.\n   * @default () => null\n   */\n  itemRenderer?: React.FC<ListChildComponentProps>;\n}\n\n/**\n * Virtualized list.\n * Used the react-window library.\n */\nconst List = forwardRef<FixedSizeList, ListProps>(\n  (\n    {\n      itemCount,\n      itemHeight = 4,\n      threshold = 10,\n      overscanCount = 10,\n      height: heightProp,\n      paddingTop = 0,\n      paddingBottom = 0,\n      style = {},\n      empty,\n      onLoadNext = () => {},\n      itemRenderer = () => null,\n      ...rest\n    },\n    ref\n  ) => {\n    const [listRef, mergedListRef] = useForwardedRef(ref);\n    const size = useSize();\n    const fontSize = useFontSize(document.body);\n    const { hasNavigation, hasPageHeader } = useContext(LayoutContext);\n    const { theme } = useTheme();\n    const isMinMd = useIsMinWidth('md');\n    const safeAreaInset = useSafeAreaInset();\n\n    const itemSize = useMemo(\n      () => itemHeight * fontSize,\n      [itemHeight, fontSize]\n    );\n\n    const paddingTopSize = useMemo(\n      () =>\n        ((hasPageHeader ? theme.pageHeaderHeight[isMinMd ? 1 : 0] : 0) +\n          paddingTop) *\n        fontSize,\n      [hasPageHeader, theme.pageHeaderHeight, isMinMd, paddingTop, fontSize]\n    );\n\n    const paddingBottomSize = useMemo(\n      () =>\n        ((hasNavigation && !isMinMd ? theme.navigationTabHeight : 0) +\n          paddingBottom) *\n          fontSize +\n        safeAreaInset.bottom,\n      [\n        hasNavigation,\n        theme.navigationTabHeight,\n        isMinMd,\n        paddingBottom,\n        fontSize,\n        safeAreaInset.bottom,\n      ]\n    );\n\n    const height = useMemo(\n      () => heightProp || size.height,\n      [heightProp, size.height]\n    );\n\n    const loadNext = useRWLoadNext({\n      itemCount,\n      threshold,\n      itemSize,\n      paddingTop: paddingTopSize,\n      height,\n      onLoadNext,\n    });\n\n    const windowScrollHandler = useCallback(\n      ({ top }: ScrollPosition) => {\n        // Set the scroll position to the list\n        if (listRef.current) listRef.current.scrollTo(top);\n        loadNext(top);\n      },\n      [listRef, loadNext]\n    );\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const InnerElement = useCallback(\n      ({ style: innerStyle, ...innerRest }) => (\n        <div\n          style={{\n            ...innerStyle,\n            height: `${\n              parseFloat(innerStyle.height) + paddingTopSize + paddingBottomSize\n            }px`,\n          }}\n          {...innerRest}\n        />\n      ),\n      [paddingBottomSize, paddingTopSize]\n    );\n\n    const listChildren = useCallback<RWListProps['children']>(\n      ({ style: childrenStyle, ...childrenRest }) =>\n        itemRenderer({\n          style: {\n            ...childrenStyle,\n            top: `${\n              parseFloat(\n                childrenStyle.top ? childrenStyle.top.toString() : '0'\n              ) + paddingTopSize\n            }px`,\n          },\n          ...childrenRest,\n        }),\n      [itemRenderer, paddingTopSize]\n    );\n\n    // eslint-disable-next-line react/jsx-no-useless-fragment\n    const EmptyComponent = useCallback(() => <>{empty}</>, [empty]);\n\n    const renderList = useCallback(\n      () => (\n        <FixedSizeList\n          ref={mergedListRef}\n          itemCount={itemCount}\n          width='100%'\n          height={height}\n          itemSize={itemSize}\n          style={heightProp ? style : { ...style, height: '100% important!' }}\n          overscanCount={overscanCount}\n          onScroll={\n            heightProp\n              ? ({ scrollOffset }) => loadNext(scrollOffset)\n              : undefined\n          }\n          innerElementType={itemCount > 0 ? InnerElement : EmptyComponent}\n          {...rest}\n        >\n          {listChildren}\n        </FixedSizeList>\n      ),\n      [\n        EmptyComponent,\n        InnerElement,\n        height,\n        heightProp,\n        itemCount,\n        itemSize,\n        listChildren,\n        loadNext,\n        mergedListRef,\n        overscanCount,\n        rest,\n        style,\n      ]\n    );\n\n    if (heightProp) {\n      return renderList();\n    }\n\n    return (\n      <WindowScroller onScroll={windowScrollHandler}>\n        {renderList()}\n      </WindowScroller>\n    );\n  }\n);\n\nList.displayName = 'List';\n\nexport { default as WindowScroller } from './WindowScroller';\nexport { default as useRWLoadNext } from './utils/useRWLoadNext';\n\nexport default List;\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/List/utils/bodyPointerEvents.js

@@ -1,21 +0,0 @@
-import { clearFrameTimeout, setFrameTimeout } from './frameTimeout';
-let originalBodyPointerEvents = null;
-let timeoutId = null;
-export const disableBodyPointerEvents = () => {
-  if (originalBodyPointerEvents === null) {
-    originalBodyPointerEvents = document.body.style.pointerEvents;
-    document.body.style.pointerEvents = 'none';
-  }
-};
-export const enableBodyPointerEvents = () => {
-  timeoutId = null;
-  if (originalBodyPointerEvents !== null) {
-    document.body.style.pointerEvents = originalBodyPointerEvents;
-    originalBodyPointerEvents = null;
-  }
-};
-export const enableBodyPointerEventsAfterDelay = delay => {
-  if (timeoutId) clearFrameTimeout(timeoutId);
-  timeoutId = setFrameTimeout(enableBodyPointerEvents, delay);
-};
-//# sourceMappingURL=bodyPointerEvents.js.map

package/dist/esm/List/utils/bodyPointerEvents.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bodyPointerEvents.js","names":["clearFrameTimeout","setFrameTimeout","originalBodyPointerEvents","timeoutId","disableBodyPointerEvents","document","body","style","pointerEvents","enableBodyPointerEvents","enableBodyPointerEventsAfterDelay","delay"],"sources":["../../../../src/List/utils/bodyPointerEvents.ts"],"sourcesContent":["import { clearFrameTimeout, Frame, setFrameTimeout } from './frameTimeout';\n\nlet originalBodyPointerEvents: string | null = null;\nlet timeoutId: Frame | null = null;\n\nexport const disableBodyPointerEvents = (): void => {\n  if (originalBodyPointerEvents === null) {\n    originalBodyPointerEvents = document.body.style.pointerEvents;\n    document.body.style.pointerEvents = 'none';\n  }\n};\n\nexport const enableBodyPointerEvents = (): void => {\n  timeoutId = null;\n  if (originalBodyPointerEvents !== null) {\n    document.body.style.pointerEvents = originalBodyPointerEvents;\n    originalBodyPointerEvents = null;\n  }\n};\n\nexport const enableBodyPointerEventsAfterDelay = (delay: number): void => {\n  if (timeoutId) clearFrameTimeout(timeoutId);\n  timeoutId = setFrameTimeout(enableBodyPointerEvents, delay);\n};\n"],"mappings":"AAAA,SAASA,iBAAiB,EAASC,eAAe,QAAQ,gBAAgB;AAE1E,IAAIC,yBAAwC,GAAG,IAAI;AACnD,IAAIC,SAAuB,GAAG,IAAI;AAElC,OAAO,MAAMC,wBAAwB,GAAGA,CAAA,KAAY;EAClD,IAAIF,yBAAyB,KAAK,IAAI,EAAE;IACtCA,yBAAyB,GAAGG,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,aAAa;IAC7DH,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,aAAa,GAAG,MAAM;EAC5C;AACF,CAAC;AAED,OAAO,MAAMC,uBAAuB,GAAGA,CAAA,KAAY;EACjDN,SAAS,GAAG,IAAI;EAChB,IAAID,yBAAyB,KAAK,IAAI,EAAE;IACtCG,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,aAAa,GAAGN,yBAAyB;IAC7DA,yBAAyB,GAAG,IAAI;EAClC;AACF,CAAC;AAED,OAAO,MAAMQ,iCAAiC,GAAIC,KAAa,IAAW;EACxE,IAAIR,SAAS,EAAEH,iBAAiB,CAACG,SAAS,CAAC;EAC3CA,SAAS,GAAGF,eAAe,CAACQ,uBAAuB,EAAEE,KAAK,CAAC;AAC7D,CAAC","ignoreList":[]}

package/dist/esm/List/utils/frameTimeout.js

@@ -1,29 +0,0 @@
-/**
- * Cancels a timeout previously created by setFrameTimeout.
- */
-export const clearFrameTimeout = frame => {
-  window.cancelAnimationFrame(frame.id);
-};
-
-/**
- * Sets a timeout using requestAnimationFrame.
- */
-export const setFrameTimeout = (handler, timeout) => {
-  let start = 0;
-  const frame = {
-    id: 0
-  };
-  const frameRequestCallback = timestamp => {
-    if (!start) start = timestamp;
-    const timePassed = timestamp - start;
-    if (timePassed >= timeout) {
-      clearFrameTimeout(frame);
-      handler();
-    } else {
-      frame.id = window.requestAnimationFrame(frameRequestCallback);
-    }
-  };
-  frame.id = window.requestAnimationFrame(frameRequestCallback);
-  return frame;
-};
-//# sourceMappingURL=frameTimeout.js.map

package/dist/esm/List/utils/frameTimeout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"frameTimeout.js","names":["clearFrameTimeout","frame","window","cancelAnimationFrame","id","setFrameTimeout","handler","timeout","start","frameRequestCallback","timestamp","timePassed","requestAnimationFrame"],"sources":["../../../../src/List/utils/frameTimeout.ts"],"sourcesContent":["export interface Frame {\n  id: number;\n}\n\n/**\n * Cancels a timeout previously created by setFrameTimeout.\n */\nexport const clearFrameTimeout = (frame: Frame): void => {\n  window.cancelAnimationFrame(frame.id);\n};\n\n/**\n * Sets a timeout using requestAnimationFrame.\n */\nexport const setFrameTimeout = (\n  handler: () => void,\n  timeout: number\n): Frame => {\n  let start = 0;\n  const frame = { id: 0 };\n\n  const frameRequestCallback = (timestamp: number) => {\n    if (!start) start = timestamp;\n    const timePassed = timestamp - start;\n\n    if (timePassed >= timeout) {\n      clearFrameTimeout(frame);\n      handler();\n    } else {\n      frame.id = window.requestAnimationFrame(frameRequestCallback);\n    }\n  };\n\n  frame.id = window.requestAnimationFrame(frameRequestCallback);\n  return frame;\n};\n"],"mappings":"AAIA;AACA;AACA;AACA,OAAO,MAAMA,iBAAiB,GAAIC,KAAY,IAAW;EACvDC,MAAM,CAACC,oBAAoB,CAACF,KAAK,CAACG,EAAE,CAAC;AACvC,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMC,eAAe,GAAGA,CAC7BC,OAAmB,EACnBC,OAAe,KACL;EACV,IAAIC,KAAK,GAAG,CAAC;EACb,MAAMP,KAAK,GAAG;IAAEG,EAAE,EAAE;EAAE,CAAC;EAEvB,MAAMK,oBAAoB,GAAIC,SAAiB,IAAK;IAClD,IAAI,CAACF,KAAK,EAAEA,KAAK,GAAGE,SAAS;IAC7B,MAAMC,UAAU,GAAGD,SAAS,GAAGF,KAAK;IAEpC,IAAIG,UAAU,IAAIJ,OAAO,EAAE;MACzBP,iBAAiB,CAACC,KAAK,CAAC;MACxBK,OAAO,CAAC,CAAC;IACX,CAAC,MAAM;MACLL,KAAK,CAACG,EAAE,GAAGF,MAAM,CAACU,qBAAqB,CAACH,oBAAoB,CAAC;IAC/D;EACF,CAAC;EAEDR,KAAK,CAACG,EAAE,GAAGF,MAAM,CAACU,qBAAqB,CAACH,oBAAoB,CAAC;EAC7D,OAAOR,KAAK;AACd,CAAC","ignoreList":[]}

package/dist/esm/List/utils/useRWLoadNext.js

@@ -1,27 +0,0 @@
-import { useCallback, useEffect, useRef } from 'react';
-/**
- * Creates the onScroll callback for react-window to implement
- * the onLoadNext function.
- */
-const useRWLoadNext = props => {
-  const propsRef = useRef(props);
-  useEffect(() => {
-    propsRef.current = props;
-  }, [props]);
-  return useCallback(scrollOffset => {
-    const {
-      itemCount,
-      threshold,
-      itemSize,
-      paddingTop,
-      height,
-      onLoadNext
-    } = propsRef.current;
-    const maxItemBeforeLoad = itemCount - threshold;
-    const maxScrollOffsetBeforeLoad = maxItemBeforeLoad * itemSize + paddingTop - height;
-    if (scrollOffset < maxScrollOffsetBeforeLoad) return;
-    onLoadNext();
-  }, []);
-};
-export default useRWLoadNext;
-//# sourceMappingURL=useRWLoadNext.js.map

package/dist/esm/List/utils/useRWLoadNext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useRWLoadNext.js","names":["useCallback","useEffect","useRef","useRWLoadNext","props","propsRef","current","scrollOffset","itemCount","threshold","itemSize","paddingTop","height","onLoadNext","maxItemBeforeLoad","maxScrollOffsetBeforeLoad"],"sources":["../../../../src/List/utils/useRWLoadNext.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\ninterface UseRWLoadNextProps {\n  itemCount: number;\n  threshold: number;\n  itemSize: number;\n  paddingTop: number;\n  height: number;\n  onLoadNext: () => void;\n}\n\ntype OnScroll = (scrollOffset: number) => void;\n\n/**\n * Creates the onScroll callback for react-window to implement\n * the onLoadNext function.\n */\nconst useRWLoadNext = (props: UseRWLoadNextProps): OnScroll => {\n  const propsRef = useRef(props);\n\n  useEffect(() => {\n    propsRef.current = props;\n  }, [props]);\n\n  return useCallback<OnScroll>((scrollOffset) => {\n    const { itemCount, threshold, itemSize, paddingTop, height, onLoadNext } =\n      propsRef.current;\n\n    const maxItemBeforeLoad = itemCount - threshold;\n    const maxScrollOffsetBeforeLoad =\n      maxItemBeforeLoad * itemSize + paddingTop - height;\n\n    if (scrollOffset < maxScrollOffsetBeforeLoad) return;\n    onLoadNext();\n  }, []);\n};\n\nexport default useRWLoadNext;\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAatD;AACA;AACA;AACA;AACA,MAAMC,aAAa,GAAIC,KAAyB,IAAe;EAC7D,MAAMC,QAAQ,GAAGH,MAAM,CAACE,KAAK,CAAC;EAE9BH,SAAS,CAAC,MAAM;IACdI,QAAQ,CAACC,OAAO,GAAGF,KAAK;EAC1B,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,OAAOJ,WAAW,CAAYO,YAAY,IAAK;IAC7C,MAAM;MAAEC,SAAS;MAAEC,SAAS;MAAEC,QAAQ;MAAEC,UAAU;MAAEC,MAAM;MAAEC;IAAW,CAAC,GACtER,QAAQ,CAACC,OAAO;IAElB,MAAMQ,iBAAiB,GAAGN,SAAS,GAAGC,SAAS;IAC/C,MAAMM,yBAAyB,GAC7BD,iBAAiB,GAAGJ,QAAQ,GAAGC,UAAU,GAAGC,MAAM;IAEpD,IAAIL,YAAY,GAAGQ,yBAAyB,EAAE;IAC9CF,UAAU,CAAC,CAAC;EACd,CAAC,EAAE,EAAE,CAAC;AACR,CAAC;AAED,eAAeV,aAAa","ignoreList":[]}

package/dist/esm/ListItem/index.js

@@ -1,59 +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 { ellipsisStyles, horizontalPaddingStyles } from '@os-design/styles';
-import { clr } from '@os-design/theming';
-import React, { forwardRef } from 'react';
-import ListItemActions from '../ListItemActions';
-const Container = styled(ListItemActions)`
-  box-sizing: border-box;
-  min-height: 4em;
-  overflow: hidden;
-
-  display: flex;
-  align-items: center;
-
-  &:not(:last-of-type) {
-    border-bottom: 1px solid ${p => clr(p.theme.listItemColorBorder)};
-  }
-
-  ${horizontalPaddingStyles()};
-`;
-const Content = styled.div`
-  overflow: hidden;
-`;
-const Title = styled.div`
-  color: ${p => clr(p.theme.colorText)};
-  font-weight: 500;
-  ${ellipsisStyles};
-`;
-const Description = styled.div`
-  color: ${p => clr(p.theme.listItemColorDescription)};
-  font-size: ${p => p.theme.sizes.small}em;
-  ${ellipsisStyles};
-`;
-const LeftAddon = styled.div`
-  color: ${p => clr(p.theme.colorText)};
-  padding-right: ${p => p.theme.listItemAddonPaddingHorizontal}em;
-`;
-const RightAddon = styled.div`
-  color: ${p => clr(p.theme.colorText)};
-  margin-left: auto;
-  padding-left: ${p => p.theme.listItemAddonPaddingHorizontal}em;
-`;
-
-/**
- * The base list item.
- */
-const ListItem = /*#__PURE__*/forwardRef(({
-  title,
-  description,
-  left,
-  right,
-  children,
-  ...rest
-}, ref) => /*#__PURE__*/React.createElement(Container, _extends({}, rest, {
-  ref: ref
-}), left && /*#__PURE__*/React.createElement(LeftAddon, null, left), children || /*#__PURE__*/React.createElement(Content, null, /*#__PURE__*/React.createElement(Title, null, title), description && /*#__PURE__*/React.createElement(Description, null, description)), right && /*#__PURE__*/React.createElement(RightAddon, null, right)));
-ListItem.displayName = 'ListItem';
-export default ListItem;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["styled","ellipsisStyles","horizontalPaddingStyles","clr","React","forwardRef","ListItemActions","Container","p","theme","listItemColorBorder","Content","div","Title","colorText","Description","listItemColorDescription","sizes","small","LeftAddon","listItemAddonPaddingHorizontal","RightAddon","ListItem","title","description","left","right","children","rest","ref","createElement","_extends","displayName"],"sources":["../../../src/ListItem/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { ellipsisStyles, horizontalPaddingStyles } from '@os-design/styles';\nimport { clr } from '@os-design/theming';\nimport React, { forwardRef } from 'react';\nimport ListItemActions, { ListItemActionsProps } from '../ListItemActions';\n\nexport interface ListItemProps extends ListItemActionsProps {\n  /**\n   * The title of the item.\n   */\n  title?: string;\n  /**\n   * The description of the item.\n   * @default undefined\n   */\n  description?: string;\n  /**\n   * The component located on the left side.\n   * For example, avatar, button, checkbox.\n   * @default undefined\n   */\n  left?: React.ReactNode;\n  /**\n   * The component located on the right side.\n   * For example, date.\n   */\n  right?: React.ReactNode;\n}\n\nconst Container = styled(ListItemActions)`\n  box-sizing: border-box;\n  min-height: 4em;\n  overflow: hidden;\n\n  display: flex;\n  align-items: center;\n\n  &:not(:last-of-type) {\n    border-bottom: 1px solid ${(p) => clr(p.theme.listItemColorBorder)};\n  }\n\n  ${horizontalPaddingStyles()};\n`;\n\nconst Content = styled.div`\n  overflow: hidden;\n`;\n\nconst Title = styled.div`\n  color: ${(p) => clr(p.theme.colorText)};\n  font-weight: 500;\n  ${ellipsisStyles};\n`;\n\nconst Description = styled.div`\n  color: ${(p) => clr(p.theme.listItemColorDescription)};\n  font-size: ${(p) => p.theme.sizes.small}em;\n  ${ellipsisStyles};\n`;\n\nconst LeftAddon = styled.div`\n  color: ${(p) => clr(p.theme.colorText)};\n  padding-right: ${(p) => p.theme.listItemAddonPaddingHorizontal}em;\n`;\n\nconst RightAddon = styled.div`\n  color: ${(p) => clr(p.theme.colorText)};\n  margin-left: auto;\n  padding-left: ${(p) => p.theme.listItemAddonPaddingHorizontal}em;\n`;\n\n/**\n * The base list item.\n */\nconst ListItem = forwardRef<HTMLDivElement, ListItemProps>(\n  ({ title, description, left, right, children, ...rest }, ref) => (\n    <Container {...rest} ref={ref}>\n      {left && <LeftAddon>{left}</LeftAddon>}\n\n      {children || (\n        <Content>\n          <Title>{title}</Title>\n          {description && <Description>{description}</Description>}\n        </Content>\n      )}\n\n      {right && <RightAddon>{right}</RightAddon>}\n    </Container>\n  )\n);\n\nListItem.displayName = 'ListItem';\n\nexport default ListItem;\n"],"mappings":";AAAA,OAAOA,MAAM,MAAM,iBAAiB;AACpC,SAASC,cAAc,EAAEC,uBAAuB,QAAQ,mBAAmB;AAC3E,SAASC,GAAG,QAAQ,oBAAoB;AACxC,OAAOC,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,eAAe,MAAgC,oBAAoB;AAyB1E,MAAMC,SAAS,GAAGP,MAAM,CAACM,eAAe,CAAE;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+BAAgCE,CAAC,IAAKL,GAAG,CAACK,CAAC,CAACC,KAAK,CAACC,mBAAmB,CAAE;AACvE;AACA;AACA,IAAIR,uBAAuB,CAAC,CAAE;AAC9B,CAAC;AAED,MAAMS,OAAO,GAAGX,MAAM,CAACY,GAAI;AAC3B;AACA,CAAC;AAED,MAAMC,KAAK,GAAGb,MAAM,CAACY,GAAI;AACzB,WAAYJ,CAAC,IAAKL,GAAG,CAACK,CAAC,CAACC,KAAK,CAACK,SAAS,CAAE;AACzC;AACA,IAAIb,cAAe;AACnB,CAAC;AAED,MAAMc,WAAW,GAAGf,MAAM,CAACY,GAAI;AAC/B,WAAYJ,CAAC,IAAKL,GAAG,CAACK,CAAC,CAACC,KAAK,CAACO,wBAAwB,CAAE;AACxD,eAAgBR,CAAC,IAAKA,CAAC,CAACC,KAAK,CAACQ,KAAK,CAACC,KAAM;AAC1C,IAAIjB,cAAe;AACnB,CAAC;AAED,MAAMkB,SAAS,GAAGnB,MAAM,CAACY,GAAI;AAC7B,WAAYJ,CAAC,IAAKL,GAAG,CAACK,CAAC,CAACC,KAAK,CAACK,SAAS,CAAE;AACzC,mBAAoBN,CAAC,IAAKA,CAAC,CAACC,KAAK,CAACW,8BAA+B;AACjE,CAAC;AAED,MAAMC,UAAU,GAAGrB,MAAM,CAACY,GAAI;AAC9B,WAAYJ,CAAC,IAAKL,GAAG,CAACK,CAAC,CAACC,KAAK,CAACK,SAAS,CAAE;AACzC;AACA,kBAAmBN,CAAC,IAAKA,CAAC,CAACC,KAAK,CAACW,8BAA+B;AAChE,CAAC;;AAED;AACA;AACA;AACA,MAAME,QAAQ,gBAAGjB,UAAU,CACzB,CAAC;EAAEkB,KAAK;EAAEC,WAAW;EAAEC,IAAI;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAAK,CAAC,EAAEC,GAAG,kBAC1DzB,KAAA,CAAA0B,aAAA,CAACvB,SAAS,EAAAwB,QAAA,KAAKH,IAAI;EAAEC,GAAG,EAAEA;AAAI,IAC3BJ,IAAI,iBAAIrB,KAAA,CAAA0B,aAAA,CAACX,SAAS,QAAEM,IAAgB,CAAC,EAErCE,QAAQ,iBACPvB,KAAA,CAAA0B,aAAA,CAACnB,OAAO,qBACNP,KAAA,CAAA0B,aAAA,CAACjB,KAAK,QAAEU,KAAa,CAAC,EACrBC,WAAW,iBAAIpB,KAAA,CAAA0B,aAAA,CAACf,WAAW,QAAES,WAAyB,CAChD,CACV,EAEAE,KAAK,iBAAItB,KAAA,CAAA0B,aAAA,CAACT,UAAU,QAAEK,KAAkB,CAChC,CAEf,CAAC;AAEDJ,QAAQ,CAACU,WAAW,GAAG,UAAU;AAEjC,eAAeV,QAAQ","ignoreList":[]}