@os-design/core 1.0.135 → 1.0.138

package/dist/cjs/InputPassword/index.js

@@ -37,7 +37,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign || 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); }
+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); }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 

package/dist/cjs/InputPassword/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/InputPassword/index.tsx"],"names":["StrengthMeterProgress","Progress","InputPassword","ref","showStrengthMeter","strengthNames","strengthThresholds","locale","defaultLocale","value","defaultValue","onChange","onSelect","disabled","right","rest","inputRef","mergedInputRef","forwardedValue","setForwardedValue","start","end","selection","setSelection","invisible","setInvisible","theme","current","setSelectionRange","score","strength","name","color","inputPasswordColorPowerful","inputPasswordColorStrong","inputPasswordColorGood","inputPasswordColorWeak","focus","showLabel","hideLabel","e","currentTarget","selectionStart","selectionEnd","progressColorStroke","progressColorStrokeSuccess","undefined","displayName"],"mappings":"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","sourcesContent":["import React, { forwardRef, useEffect, useMemo, useState } from 'react';\nimport { Eye, EyeInvisible } from '@os-design/icons';\nimport { ThemeOverrider, useTheme } from '@os-design/theming';\nimport { useForwardedRef, useForwardedState } from '@os-design/utils';\nimport getPasswordScore from '@os-team/password-score';\nimport styled from '@emotion/styled';\nimport Input, { InputProps } from '../Input';\nimport Button from '../Button';\nimport Progress from '../Progress';\nimport defaultLocale, { InputPasswordLocale } from './utils/defaultLocale';\n\nexport interface InputPasswordProps extends Omit<InputProps, 'type'> {\n  /**\n   * Whether the password strength meter is visible.\n   * @default false\n   */\n  showStrengthMeter?: boolean;\n  /**\n   * The name of a weak, good, strong, and powerful password.\n   * Located to the right of the password strength meter.\n   * @default undefined\n   */\n  strengthNames?: Record<'weak' | 'good' | 'strong' | 'powerful', string>;\n  /**\n   * From what number of score the password is considered\n   * good, strong, and powerful.\n   * @default [30, 60, 80]\n   */\n  strengthThresholds?: [number, number, number];\n  /**\n   * The locale.\n   * @default undefined\n   */\n  locale?: InputPasswordLocale;\n  /**\n   * The input value.\n   * @default undefined\n   */\n  value?: string;\n  /**\n   * The default value.\n   * @default undefined\n   */\n  defaultValue?: string;\n  /**\n   * The change event handler.\n   * @default undefined\n   */\n  onChange?: (value: string) => void;\n}\n\ninterface Selection {\n  start: number;\n  end: number;\n}\n\nconst StrengthMeterProgress = styled(Progress)`\n  margin-top: 0.4em;\n`;\n\n/**\n * The input for entering a password.\n */\nconst InputPassword = forwardRef<HTMLInputElement, InputPasswordProps>(\n  (\n    {\n      showStrengthMeter = false,\n      strengthNames,\n      strengthThresholds = [30, 60, 80],\n      locale = defaultLocale,\n      value,\n      defaultValue,\n      onChange = () => {},\n      onSelect = () => {},\n      disabled,\n      right,\n      ...rest\n    },\n    ref\n  ) => {\n    const [inputRef, mergedInputRef] = useForwardedRef(ref);\n    const [forwardedValue, setForwardedValue] = useForwardedState({\n      value,\n      defaultValue,\n      onChange,\n    });\n    const [selection, setSelection] = useState<Selection>({ start: 0, end: 0 });\n    const [invisible, setInvisible] = useState(true);\n    const { theme } = useTheme();\n\n    // Update the selection of the input when changing the invisible flag\n    useEffect(() => {\n      if (!inputRef.current) return;\n      inputRef.current.setSelectionRange(selection.start, selection.end);\n    }, [inputRef, selection, invisible]);\n\n    const score = useMemo(\n      () => getPasswordScore(forwardedValue || ''),\n      [forwardedValue]\n    );\n\n    const strength = useMemo(() => {\n      if (score >= strengthThresholds[2]) {\n        return {\n          name: 'powerful',\n          color: theme.inputPasswordColorPowerful,\n        };\n      }\n      if (score >= strengthThresholds[1]) {\n        return {\n          name: 'strong',\n          color: theme.inputPasswordColorStrong,\n        };\n      }\n      if (score >= strengthThresholds[0]) {\n        return {\n          name: 'good',\n          color: theme.inputPasswordColorGood,\n        };\n      }\n      return {\n        name: 'weak',\n        color: theme.inputPasswordColorWeak,\n      };\n    }, [\n      score,\n      strengthThresholds,\n      theme.inputPasswordColorPowerful,\n      theme.inputPasswordColorStrong,\n      theme.inputPasswordColorGood,\n      theme.inputPasswordColorWeak,\n    ]);\n\n    return (\n      <>\n        <Input\n          type={invisible ? 'password' : 'text'}\n          right={\n            <>\n              <Button\n                key='invisible-button'\n                type='ghost'\n                wide='never'\n                size='small'\n                disabled={disabled}\n                onClick={() => {\n                  setInvisible(!invisible);\n                  if (!inputRef.current) return;\n                  inputRef.current.focus();\n                }}\n                aria-label={invisible ? locale.showLabel : locale.hideLabel}\n              >\n                {invisible ? <EyeInvisible /> : <Eye />}\n              </Button>\n              {right}\n            </>\n          }\n          value={forwardedValue}\n          onChange={setForwardedValue}\n          onSelect={(e) => {\n            // Update the selection state\n            const { selectionStart, selectionEnd } = e.currentTarget;\n            setSelection({\n              start: selectionStart || 0,\n              end: selectionEnd || 0,\n            });\n            onSelect(e);\n          }}\n          disabled={disabled}\n          {...rest}\n          ref={mergedInputRef}\n        />\n        {showStrengthMeter && (\n          <ThemeOverrider\n            overrides={{\n              progressColorStroke: strength.color,\n              get progressColorStrokeSuccess() {\n                // eslint-disable-next-line react/no-this-in-sfc\n                return this.progressColorStroke;\n              },\n            }}\n          >\n            <StrengthMeterProgress\n              size='small'\n              height='0.25em'\n              percent={score}\n              text={strengthNames ? strengthNames[strength.name] : undefined}\n            />\n          </ThemeOverrider>\n        )}\n      </>\n    );\n  }\n);\n\nInputPassword.displayName = 'InputPassword';\n\nexport default InputPassword;\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["StrengthMeterProgress","styled","Progress","InputPassword","forwardRef","ref","showStrengthMeter","strengthNames","strengthThresholds","locale","defaultLocale","value","defaultValue","onChange","onSelect","disabled","right","rest","useForwardedRef","inputRef","mergedInputRef","useForwardedState","forwardedValue","setForwardedValue","useState","start","end","selection","setSelection","invisible","setInvisible","useTheme","theme","useEffect","current","setSelectionRange","score","useMemo","getPasswordScore","strength","name","color","inputPasswordColorPowerful","inputPasswordColorStrong","inputPasswordColorGood","inputPasswordColorWeak","focus","showLabel","hideLabel","e","currentTarget","selectionStart","selectionEnd","progressColorStroke","progressColorStrokeSuccess","undefined","displayName"],"sources":["../../../src/InputPassword/index.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useMemo, useState } from 'react';\nimport { Eye, EyeInvisible } from '@os-design/icons';\nimport { ThemeOverrider, useTheme } from '@os-design/theming';\nimport { useForwardedRef, useForwardedState } from '@os-design/utils';\nimport getPasswordScore from '@os-team/password-score';\nimport styled from '@emotion/styled';\nimport Input, { InputProps } from '../Input';\nimport Button from '../Button';\nimport Progress from '../Progress';\nimport defaultLocale, { InputPasswordLocale } from './utils/defaultLocale';\n\nexport interface InputPasswordProps extends Omit<InputProps, 'type'> {\n  /**\n   * Whether the password strength meter is visible.\n   * @default false\n   */\n  showStrengthMeter?: boolean;\n  /**\n   * The name of a weak, good, strong, and powerful password.\n   * Located to the right of the password strength meter.\n   * @default undefined\n   */\n  strengthNames?: Record<'weak' | 'good' | 'strong' | 'powerful', string>;\n  /**\n   * From what number of score the password is considered\n   * good, strong, and powerful.\n   * @default [30, 60, 80]\n   */\n  strengthThresholds?: [number, number, number];\n  /**\n   * The locale.\n   * @default undefined\n   */\n  locale?: InputPasswordLocale;\n  /**\n   * The input value.\n   * @default undefined\n   */\n  value?: string;\n  /**\n   * The default value.\n   * @default undefined\n   */\n  defaultValue?: string;\n  /**\n   * The change event handler.\n   * @default undefined\n   */\n  onChange?: (value: string) => void;\n}\n\ninterface Selection {\n  start: number;\n  end: number;\n}\n\nconst StrengthMeterProgress = styled(Progress)`\n  margin-top: 0.4em;\n`;\n\n/**\n * The input for entering a password.\n */\nconst InputPassword = forwardRef<HTMLInputElement, InputPasswordProps>(\n  (\n    {\n      showStrengthMeter = false,\n      strengthNames,\n      strengthThresholds = [30, 60, 80],\n      locale = defaultLocale,\n      value,\n      defaultValue,\n      onChange = () => {},\n      onSelect = () => {},\n      disabled,\n      right,\n      ...rest\n    },\n    ref\n  ) => {\n    const [inputRef, mergedInputRef] = useForwardedRef(ref);\n    const [forwardedValue, setForwardedValue] = useForwardedState({\n      value,\n      defaultValue,\n      onChange,\n    });\n    const [selection, setSelection] = useState<Selection>({ start: 0, end: 0 });\n    const [invisible, setInvisible] = useState(true);\n    const { theme } = useTheme();\n\n    // Update the selection of the input when changing the invisible flag\n    useEffect(() => {\n      if (!inputRef.current) return;\n      inputRef.current.setSelectionRange(selection.start, selection.end);\n    }, [inputRef, selection, invisible]);\n\n    const score = useMemo(\n      () => getPasswordScore(forwardedValue || ''),\n      [forwardedValue]\n    );\n\n    const strength = useMemo(() => {\n      if (score >= strengthThresholds[2]) {\n        return {\n          name: 'powerful',\n          color: theme.inputPasswordColorPowerful,\n        };\n      }\n      if (score >= strengthThresholds[1]) {\n        return {\n          name: 'strong',\n          color: theme.inputPasswordColorStrong,\n        };\n      }\n      if (score >= strengthThresholds[0]) {\n        return {\n          name: 'good',\n          color: theme.inputPasswordColorGood,\n        };\n      }\n      return {\n        name: 'weak',\n        color: theme.inputPasswordColorWeak,\n      };\n    }, [\n      score,\n      strengthThresholds,\n      theme.inputPasswordColorPowerful,\n      theme.inputPasswordColorStrong,\n      theme.inputPasswordColorGood,\n      theme.inputPasswordColorWeak,\n    ]);\n\n    return (\n      <>\n        <Input\n          type={invisible ? 'password' : 'text'}\n          right={\n            <>\n              <Button\n                key='invisible-button'\n                type='ghost'\n                wide='never'\n                size='small'\n                disabled={disabled}\n                onClick={() => {\n                  setInvisible(!invisible);\n                  if (!inputRef.current) return;\n                  inputRef.current.focus();\n                }}\n                aria-label={invisible ? locale.showLabel : locale.hideLabel}\n              >\n                {invisible ? <EyeInvisible /> : <Eye />}\n              </Button>\n              {right}\n            </>\n          }\n          value={forwardedValue}\n          onChange={setForwardedValue}\n          onSelect={(e) => {\n            // Update the selection state\n            const { selectionStart, selectionEnd } = e.currentTarget;\n            setSelection({\n              start: selectionStart || 0,\n              end: selectionEnd || 0,\n            });\n            onSelect(e);\n          }}\n          disabled={disabled}\n          {...rest}\n          ref={mergedInputRef}\n        />\n        {showStrengthMeter && (\n          <ThemeOverrider\n            overrides={{\n              progressColorStroke: strength.color,\n              get progressColorStrokeSuccess() {\n                // eslint-disable-next-line react/no-this-in-sfc\n                return this.progressColorStroke;\n              },\n            }}\n          >\n            <StrengthMeterProgress\n              size='small'\n              height='0.25em'\n              percent={score}\n              text={strengthNames ? strengthNames[strength.name] : undefined}\n            />\n          </ThemeOverrider>\n        )}\n      </>\n    );\n  }\n);\n\nInputPassword.displayName = 'InputPassword';\n\nexport default InputPassword;\n"],"mappings":"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"}

package/dist/cjs/InputPassword/utils/defaultLocale.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/InputPassword/utils/defaultLocale.ts"],"names":["defaultLocale","showLabel","hideLabel"],"mappings":";;;;;;AAKA,IAAMA,aAAkC,GAAG;AACzCC,EAAAA,SAAS,EAAE,eAD8B;AAEzCC,EAAAA,SAAS,EAAE;AAF8B,CAA3C;eAKeF,a","sourcesContent":["export interface InputPasswordLocale {\n  showLabel: string;\n  hideLabel: string;\n}\n\nconst defaultLocale: InputPasswordLocale = {\n  showLabel: 'Show password',\n  hideLabel: 'Hide password',\n};\n\nexport default defaultLocale;\n"],"file":"defaultLocale.js"}
+{"version":3,"file":"defaultLocale.js","names":["defaultLocale","showLabel","hideLabel"],"sources":["../../../../src/InputPassword/utils/defaultLocale.ts"],"sourcesContent":["export interface InputPasswordLocale {\n  showLabel: string;\n  hideLabel: string;\n}\n\nconst defaultLocale: InputPasswordLocale = {\n  showLabel: 'Show password',\n  hideLabel: 'Hide password',\n};\n\nexport default defaultLocale;\n"],"mappings":";;;;;;AAKA,IAAMA,aAAkC,GAAG;EACzCC,SAAS,EAAE,eAD8B;EAEzCC,SAAS,EAAE;AAF8B,CAA3C;eAKeF,a"}

package/dist/cjs/InputSearch/index.js

@@ -35,7 +35,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign || 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); }
+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); }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 

package/dist/cjs/InputSearch/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/InputSearch/index.tsx"],"names":["fadeIn","keyframes","ClearButton","Button","p","theme","transitionDelay","InputSearch","ref","locale","defaultLocale","value","defaultValue","onChange","disabled","left","leftHasPadding","right","rest","inputRef","mergedInputRef","forwardedValue","setForwardedValue","buttonIconScaleFactor","current","focus","clearLabel","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,IAAMA,MAAM,OAAGC,iBAAH,sHAAZ;AAKA,IAAMC,WAAW,GAAG,wBAAOC,kBAAP,CAAH,qGACFH,MADE,EACQ,UAACI,CAAD;AAAA,SAAOA,CAAC,CAACC,KAAF,CAAQC,eAAf;AAAA,CADR,CAAjB;AAIA;AACA;AACA;;AACA,IAAMC,WAAW,gBAAG,uBAClB,gBAYEC,GAZF,EAaK;AAAA,yBAXDC,MAWC;AAAA,MAXDA,MAWC,4BAXQC,yBAWR;AAAA,MAVDC,KAUC,QAVDA,KAUC;AAAA,MATDC,YASC,QATDA,YASC;AAAA,2BARDC,QAQC;AAAA,MARDA,QAQC,8BARU,YAAM,CAAE,CAQlB;AAAA,MAPDC,QAOC,QAPDA,QAOC;AAAA,MANDC,IAMC,QANDA,IAMC;AAAA,iCALDC,cAKC;AAAA,MALDA,cAKC,oCALgB,IAKhB;AAAA,MAJDC,KAIC,QAJDA,KAIC;AAAA,MAHEC,IAGF;;AACH,yBAAmC,4BAAgBV,GAAhB,CAAnC;AAAA;AAAA,MAAOW,QAAP;AAAA,MAAiBC,cAAjB;;AACA,2BAA4C,8BAAkB;AAC5DT,IAAAA,KAAK,EAALA,KAD4D;AAE5DC,IAAAA,YAAY,EAAZA,YAF4D;AAG5DC,IAAAA,QAAQ,EAARA;AAH4D,GAAlB,CAA5C;AAAA;AAAA,MAAOQ,cAAP;AAAA,MAAuBC,iBAAvB;;AAMA,sBACE,gCAAC,iBAAD;AACE,IAAA,IAAI,EAAC,MADP;AAEE,IAAA,IAAI,eACF,+EACE,gCAAC,aAAD;AAAQ,MAAA,GAAG,EAAC;AAAZ,MADF,EAEGP,IAFH,CAHJ;AAQE,IAAA,cAAc,EAAEC,cARlB;AASE,IAAA,KAAK,eACH,kEACG,CAAC,CAACK,cAAF,iBACC,gCAAC,uBAAD;AAAgB,MAAA,SAAS,EAAE;AAAEE,QAAAA,qBAAqB,EAAE;AAAzB;AAA3B,oBACE,gCAAC,WAAD;AACE,MAAA,GAAG,EAAC,cADN;AAEE,MAAA,IAAI,EAAC,OAFP;AAGE,MAAA,IAAI,EAAC,OAHP;AAIE,MAAA,IAAI,EAAC,OAJP;AAKE,MAAA,QAAQ,EAAET,QALZ;AAME,MAAA,OAAO,EAAE,mBAAM;AACbQ,QAAAA,iBAAiB,CAAC,EAAD,CAAjB;AACA,YAAI,CAACH,QAAQ,CAACK,OAAd,EAAuB;AACvBL,QAAAA,QAAQ,CAACK,OAAT,CAAiBC,KAAjB;AACD,OAVH;AAWE,oBAAYhB,MAAM,CAACiB;AAXrB,oBAaE,gCAAC,kBAAD,OAbF,CADF,CAFJ,EAoBGT,KApBH,CAVJ;AAiCE,IAAA,KAAK,EAAEI,cAjCT;AAkCE,IAAA,QAAQ,EAAEC,iBAlCZ;AAmCE,IAAA,IAAI,EAAC,WAnCP;AAoCE,IAAA,QAAQ,EAAER;AApCZ,KAqCMI,IArCN;AAsCE,IAAA,GAAG,EAAEE;AAtCP,KADF;AA0CD,CAhEiB,CAApB;AAmEAb,WAAW,CAACoB,WAAZ,GAA0B,aAA1B;eAEepB,W","sourcesContent":["import React, { forwardRef } from 'react';\nimport { Search, CloseCircle } from '@os-design/icons';\nimport styled from '@emotion/styled';\nimport { keyframes } from '@emotion/react';\nimport { useForwardedRef, useForwardedState } from '@os-design/utils';\nimport { ThemeOverrider } from '@os-design/theming';\nimport Input, { InputProps } from '../Input';\nimport Button from '../Button';\nimport defaultLocale, { InputSearchLocale } from './utils/defaultLocale';\n\nexport interface InputSearchProps\n  extends Omit<InputProps, 'type' | 'onChange'> {\n  /**\n   * The locale.\n   * @default undefined\n   */\n  locale?: InputSearchLocale;\n  /**\n   * The input value.\n   * @default undefined\n   */\n  value?: string;\n  /**\n   * The default value.\n   * @default undefined\n   */\n  defaultValue?: string;\n  /**\n   * The change event handler.\n   * @default undefined\n   */\n  onChange?: (value: string) => void;\n}\n\nconst fadeIn = keyframes`\n  from { opacity: 0; }\n  to { opacity: 1; }\n`;\n\nconst ClearButton = styled(Button)`\n  animation: ${fadeIn} ${(p) => p.theme.transitionDelay}ms;\n`;\n\n/**\n * The search input.\n */\nconst InputSearch = forwardRef<HTMLInputElement, InputSearchProps>(\n  (\n    {\n      locale = defaultLocale,\n      value,\n      defaultValue,\n      onChange = () => {},\n      disabled,\n      left,\n      leftHasPadding = true,\n      right,\n      ...rest\n    },\n    ref\n  ) => {\n    const [inputRef, mergedInputRef] = useForwardedRef(ref);\n    const [forwardedValue, setForwardedValue] = useForwardedState({\n      value,\n      defaultValue,\n      onChange,\n    });\n\n    return (\n      <Input\n        type='text'\n        left={\n          <>\n            <Search key='search-icon' />\n            {left}\n          </>\n        }\n        leftHasPadding={leftHasPadding}\n        right={\n          <>\n            {!!forwardedValue && (\n              <ThemeOverrider overrides={{ buttonIconScaleFactor: 1.2 }}>\n                <ClearButton\n                  key='clear-button'\n                  type='ghost'\n                  wide='never'\n                  size='small'\n                  disabled={disabled}\n                  onClick={() => {\n                    setForwardedValue('');\n                    if (!inputRef.current) return;\n                    inputRef.current.focus();\n                  }}\n                  aria-label={locale.clearLabel}\n                >\n                  <CloseCircle />\n                </ClearButton>\n              </ThemeOverrider>\n            )}\n            {right}\n          </>\n        }\n        value={forwardedValue}\n        onChange={setForwardedValue}\n        role='searchbox'\n        disabled={disabled}\n        {...rest}\n        ref={mergedInputRef}\n      />\n    );\n  }\n);\n\nInputSearch.displayName = 'InputSearch';\n\nexport default InputSearch;\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["fadeIn","keyframes","ClearButton","styled","Button","p","theme","transitionDelay","InputSearch","forwardRef","ref","locale","defaultLocale","value","defaultValue","onChange","disabled","left","leftHasPadding","right","rest","useForwardedRef","inputRef","mergedInputRef","useForwardedState","forwardedValue","setForwardedValue","buttonIconScaleFactor","current","focus","clearLabel","displayName"],"sources":["../../../src/InputSearch/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Search, CloseCircle } from '@os-design/icons';\nimport styled from '@emotion/styled';\nimport { keyframes } from '@emotion/react';\nimport { useForwardedRef, useForwardedState } from '@os-design/utils';\nimport { ThemeOverrider } from '@os-design/theming';\nimport Input, { InputProps } from '../Input';\nimport Button from '../Button';\nimport defaultLocale, { InputSearchLocale } from './utils/defaultLocale';\n\nexport interface InputSearchProps\n  extends Omit<InputProps, 'type' | 'onChange'> {\n  /**\n   * The locale.\n   * @default undefined\n   */\n  locale?: InputSearchLocale;\n  /**\n   * The input value.\n   * @default undefined\n   */\n  value?: string;\n  /**\n   * The default value.\n   * @default undefined\n   */\n  defaultValue?: string;\n  /**\n   * The change event handler.\n   * @default undefined\n   */\n  onChange?: (value: string) => void;\n}\n\nconst fadeIn = keyframes`\n  from { opacity: 0; }\n  to { opacity: 1; }\n`;\n\nconst ClearButton = styled(Button)`\n  animation: ${fadeIn} ${(p) => p.theme.transitionDelay}ms;\n`;\n\n/**\n * The search input.\n */\nconst InputSearch = forwardRef<HTMLInputElement, InputSearchProps>(\n  (\n    {\n      locale = defaultLocale,\n      value,\n      defaultValue,\n      onChange = () => {},\n      disabled,\n      left,\n      leftHasPadding = true,\n      right,\n      ...rest\n    },\n    ref\n  ) => {\n    const [inputRef, mergedInputRef] = useForwardedRef(ref);\n    const [forwardedValue, setForwardedValue] = useForwardedState({\n      value,\n      defaultValue,\n      onChange,\n    });\n\n    return (\n      <Input\n        type='text'\n        left={\n          <>\n            <Search key='search-icon' />\n            {left}\n          </>\n        }\n        leftHasPadding={leftHasPadding}\n        right={\n          <>\n            {!!forwardedValue && (\n              <ThemeOverrider overrides={{ buttonIconScaleFactor: 1.2 }}>\n                <ClearButton\n                  key='clear-button'\n                  type='ghost'\n                  wide='never'\n                  size='small'\n                  disabled={disabled}\n                  onClick={() => {\n                    setForwardedValue('');\n                    if (!inputRef.current) return;\n                    inputRef.current.focus();\n                  }}\n                  aria-label={locale.clearLabel}\n                >\n                  <CloseCircle />\n                </ClearButton>\n              </ThemeOverrider>\n            )}\n            {right}\n          </>\n        }\n        value={forwardedValue}\n        onChange={setForwardedValue}\n        role='searchbox'\n        disabled={disabled}\n        {...rest}\n        ref={mergedInputRef}\n      />\n    );\n  }\n);\n\nInputSearch.displayName = 'InputSearch';\n\nexport default InputSearch;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,IAAMA,MAAM,OAAGC,iBAAH,sHAAZ;AAKA,IAAMC,WAAW,GAAG,IAAAC,kBAAA,EAAOC,kBAAP,CAAH,qGACFJ,MADE,EACQ,UAACK,CAAD;EAAA,OAAOA,CAAC,CAACC,KAAF,CAAQC,eAAf;AAAA,CADR,CAAjB;AAIA;AACA;AACA;;AACA,IAAMC,WAAW,gBAAG,IAAAC,iBAAA,EAClB,gBAYEC,GAZF,EAaK;EAAA,uBAXDC,MAWC;EAAA,IAXDA,MAWC,4BAXQC,yBAWR;EAAA,IAVDC,KAUC,QAVDA,KAUC;EAAA,IATDC,YASC,QATDA,YASC;EAAA,yBARDC,QAQC;EAAA,IARDA,QAQC,8BARU,YAAM,CAAE,CAQlB;EAAA,IAPDC,QAOC,QAPDA,QAOC;EAAA,IANDC,IAMC,QANDA,IAMC;EAAA,+BALDC,cAKC;EAAA,IALDA,cAKC,oCALgB,IAKhB;EAAA,IAJDC,KAIC,QAJDA,KAIC;EAAA,IAHEC,IAGF;;EACH,uBAAmC,IAAAC,sBAAA,EAAgBX,GAAhB,CAAnC;EAAA;EAAA,IAAOY,QAAP;EAAA,IAAiBC,cAAjB;;EACA,yBAA4C,IAAAC,wBAAA,EAAkB;IAC5DX,KAAK,EAALA,KAD4D;IAE5DC,YAAY,EAAZA,YAF4D;IAG5DC,QAAQ,EAARA;EAH4D,CAAlB,CAA5C;EAAA;EAAA,IAAOU,cAAP;EAAA,IAAuBC,iBAAvB;;EAMA,oBACE,gCAAC,iBAAD;IACE,IAAI,EAAC,MADP;IAEE,IAAI,eACF,+EACE,gCAAC,aAAD;MAAQ,GAAG,EAAC;IAAZ,EADF,EAEGT,IAFH,CAHJ;IAQE,cAAc,EAAEC,cARlB;IASE,KAAK,eACH,kEACG,CAAC,CAACO,cAAF,iBACC,gCAAC,uBAAD;MAAgB,SAAS,EAAE;QAAEE,qBAAqB,EAAE;MAAzB;IAA3B,gBACE,gCAAC,WAAD;MACE,GAAG,EAAC,cADN;MAEE,IAAI,EAAC,OAFP;MAGE,IAAI,EAAC,OAHP;MAIE,IAAI,EAAC,OAJP;MAKE,QAAQ,EAAEX,QALZ;MAME,OAAO,EAAE,mBAAM;QACbU,iBAAiB,CAAC,EAAD,CAAjB;QACA,IAAI,CAACJ,QAAQ,CAACM,OAAd,EAAuB;QACvBN,QAAQ,CAACM,OAAT,CAAiBC,KAAjB;MACD,CAVH;MAWE,cAAYlB,MAAM,CAACmB;IAXrB,gBAaE,gCAAC,kBAAD,OAbF,CADF,CAFJ,EAoBGX,KApBH,CAVJ;IAiCE,KAAK,EAAEM,cAjCT;IAkCE,QAAQ,EAAEC,iBAlCZ;IAmCE,IAAI,EAAC,WAnCP;IAoCE,QAAQ,EAAEV;EApCZ,GAqCMI,IArCN;IAsCE,GAAG,EAAEG;EAtCP,GADF;AA0CD,CAhEiB,CAApB;AAmEAf,WAAW,CAACuB,WAAZ,GAA0B,aAA1B;eAEevB,W"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/InputSearch/utils/defaultLocale.ts"],"names":["defaultLocale","clearLabel"],"mappings":";;;;;;AAIA,IAAMA,aAAgC,GAAG;AACvCC,EAAAA,UAAU,EAAE;AAD2B,CAAzC;eAIeD,a","sourcesContent":["export interface InputSearchLocale {\n  clearLabel: string;\n}\n\nconst defaultLocale: InputSearchLocale = {\n  clearLabel: 'Clear',\n};\n\nexport default defaultLocale;\n"],"file":"defaultLocale.js"}
+{"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,IAAMA,aAAgC,GAAG;EACvCC,UAAU,EAAE;AAD2B,CAAzC;eAIeD,a"}

package/dist/cjs/InputSkeleton/index.js

@@ -25,7 +25,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _extends() { _extends = Object.assign || 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); }
+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); }
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/InputSkeleton/index.tsx"],"names":["StyledInputSkeleton","Skeleton","p","theme","baseHeight","sizeStyles","InputSkeleton","props","ref","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;AAIA,IAAMA,mBAAmB,GAAG,wBAC1BC,oBAD0B,EAE1B,6BAAiB,MAAjB,CAF0B,CAAH,oGAIb,UAACC,CAAD;AAAA,SAAOA,CAAC,CAACC,KAAF,CAAQC,UAAf;AAAA,CAJa,EAKrBC,kBALqB,CAAzB;AAQA;AACA;AACA;;AACA,IAAMC,aAAa,gBAAG,uBACpB,UAACC,KAAD,EAAQC,GAAR;AAAA,sBAAgB,gCAAC,mBAAD;AAAqB,IAAA,KAAK,EAAC;AAA3B,KAAsCD,KAAtC;AAA6C,IAAA,GAAG,EAAEC;AAAlD,KAAhB;AAAA,CADoB,CAAtB;AAIAF,aAAa,CAACG,WAAd,GAA4B,eAA5B;eAEeH,a","sourcesContent":["import styled from '@emotion/styled';\nimport React, { forwardRef } from 'react';\nimport { sizeStyles, WithSize } from '@os-design/styles';\nimport { omitEmotionProps } from '@os-design/utils';\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"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["StyledInputSkeleton","styled","Skeleton","omitEmotionProps","p","theme","baseHeight","sizeStyles","InputSkeleton","forwardRef","props","ref","displayName"],"sources":["../../../src/InputSkeleton/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport React, { forwardRef } from 'react';\nimport { sizeStyles, WithSize } from '@os-design/styles';\nimport { omitEmotionProps } from '@os-design/utils';\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;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;AAIA,IAAMA,mBAAmB,GAAG,IAAAC,kBAAA,EAC1BC,oBAD0B,EAE1B,IAAAC,uBAAA,EAAiB,MAAjB,CAF0B,CAAH,oGAIb,UAACC,CAAD;EAAA,OAAOA,CAAC,CAACC,KAAF,CAAQC,UAAf;AAAA,CAJa,EAKrBC,kBALqB,CAAzB;AAQA;AACA;AACA;;AACA,IAAMC,aAAa,gBAAG,IAAAC,iBAAA,EACpB,UAACC,KAAD,EAAQC,GAAR;EAAA,oBAAgB,gCAAC,mBAAD;IAAqB,KAAK,EAAC;EAA3B,GAAsCD,KAAtC;IAA6C,GAAG,EAAEC;EAAlD,GAAhB;AAAA,CADoB,CAAtB;AAIAH,aAAa,CAACI,WAAd,GAA4B,eAA5B;eAEeJ,a"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Layout/LayoutContext.ts"],"names":["LayoutContext","React","createContext","hasNavigation","hasPageHeader","displayName"],"mappings":";;;;;;;AAAA;;;;AAaA,IAAMA,aAAa,gBAAGC,kBAAMC,aAAN,CAAwC;AAC5DC,EAAAA,aAAa,EAAE,KAD6C;AAE5DC,EAAAA,aAAa,EAAE;AAF6C,CAAxC,CAAtB;;AAKAJ,aAAa,CAACK,WAAd,GAA4B,eAA5B;eAEeL,a","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"],"file":"LayoutContext.js"}
+{"version":3,"file":"LayoutContext.js","names":["LayoutContext","React","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;;;;AAaA,IAAMA,aAAa,gBAAGC,iBAAA,CAAMC,aAAN,CAAwC;EAC5DC,aAAa,EAAE,KAD6C;EAE5DC,aAAa,EAAE;AAF6C,CAAxC,CAAtB;;AAKAJ,aAAa,CAACK,WAAd,GAA4B,eAA5B;eAEeL,a"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Layout/index.tsx"],"names":["Layout","hasNavigation","hasPageHeader","children","contextValue","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;AAoBA;AACA;AACA;AACA,IAAMA,MAA6B,GAAG,SAAhCA,MAAgC,OAIhC;AAAA,gCAHJC,aAGI;AAAA,MAHJA,aAGI,mCAHY,KAGZ;AAAA,gCAFJC,aAEI;AAAA,MAFJA,aAEI,mCAFY,KAEZ;AAAA,MADJC,QACI,QADJA,QACI;AACJ,MAAMC,YAAY,GAAG,oBACnB;AAAA,WAAO;AAAEH,MAAAA,aAAa,EAAbA,aAAF;AAAiBC,MAAAA,aAAa,EAAbA;AAAjB,KAAP;AAAA,GADmB,EAEnB,CAACD,aAAD,EAAgBC,aAAhB,CAFmB,CAArB;AAKA,sBACE,gCAAC,yBAAD,CAAe,QAAf;AAAwB,IAAA,KAAK,EAAEE;AAA/B,KACGD,QADH,CADF;AAKD,CAfD;;AAiBAH,MAAM,CAACK,WAAP,GAAqB,QAArB;eAEeL,M","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"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["Layout","hasNavigation","hasPageHeader","children","contextValue","useMemo","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;;AACA;;;;;;;;AAoBA;AACA;AACA;AACA,IAAMA,MAA6B,GAAG,SAAhCA,MAAgC,OAIhC;EAAA,8BAHJC,aAGI;EAAA,IAHJA,aAGI,mCAHY,KAGZ;EAAA,8BAFJC,aAEI;EAAA,IAFJA,aAEI,mCAFY,KAEZ;EAAA,IADJC,QACI,QADJA,QACI;EACJ,IAAMC,YAAY,GAAG,IAAAC,cAAA,EACnB;IAAA,OAAO;MAAEJ,aAAa,EAAbA,aAAF;MAAiBC,aAAa,EAAbA;IAAjB,CAAP;EAAA,CADmB,EAEnB,CAACD,aAAD,EAAgBC,aAAhB,CAFmB,CAArB;EAKA,oBACE,gCAAC,yBAAD,CAAe,QAAf;IAAwB,KAAK,EAAEE;EAA/B,GACGD,QADH,CADF;AAKD,CAfD;;AAiBAH,MAAM,CAACM,WAAP,GAAqB,QAArB;eAEeN,M"}

package/dist/cjs/Link/index.js

@@ -29,7 +29,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _extends() { _extends = Object.assign || 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); }
+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); }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Link/index.tsx"],"names":["underlineBaseStyles","p","css","theme","linkColor","underlineHoverStyles","underline","underlineAlwaysStyles","StyledLink","resetFocusStyles","sizeStyles","Link","ref","as","onMouseDown","rest","e","preventDefault","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAMA;;AACA;;;;;;;;;;;;;;;;;;;;AAsBA;AACA;AACA;AACA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,CAAD;AAAA,aAAOC,WAAP,qSAWJ,kBAAID,CAAC,CAACE,KAAF,CAAQC,SAAZ,CAXI;AAAA,CAA5B;AAeA;AACA;AACA;;;AACA,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACJ,CAAD;AAAA,SAC3BA,CAAC,CAACK,SAAF,KAAgB,OAAhB,QACAJ,WADA,uTAGMF,mBAAmB,CAACC,CAAD,CAHzB,EAQQ,8BAAiB,OAAjB,EAA0B,SAA1B,EAAqCA,CAArC,CARR,CAD2B;AAAA,CAA7B;AAoBA;AACA;AACA;;;AACA,IAAMM,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACN,CAAD;AAAA,SAC5BA,CAAC,CAACK,SAAF,KAAgB,QAAhB,QACAJ,WADA,wJAEIF,mBAAmB,CAACC,CAAD,CAFvB,CAD4B;AAAA,CAA9B;;AAWA,IAAMO,UAAU,GAAG,wBACjB,GADiB,EAEjB,6BAAiB,MAAjB,EAAyB,WAAzB,EAAsC,IAAtC,CAFiB,CAAH,8OAIZC,wBAJY,EAaH,UAACR,CAAD;AAAA,SAAO,kBAAIA,CAAC,CAACE,KAAF,CAAQC,SAAZ,CAAP;AAAA,CAbG,EAgBZC,oBAhBY,EAiBZE,qBAjBY,EAkBZG,kBAlBY,CAAhB;AAqBA;AACA;AACA;;AACA,IAAMC,IAAI,gBAAG,uBACX,gBAA+DC,GAA/D;AAAA,4BAAGN,SAAH;AAAA,MAAGA,SAAH,+BAAe,OAAf;AAAA,MAAwBO,EAAxB,QAAwBA,EAAxB;AAAA,8BAA4BC,WAA5B;AAAA,MAA4BA,YAA5B,iCAA0C,YAAM,CAAE,CAAlD;AAAA,MAAuDC,IAAvD;;AAAA,sBACE,gCAAC,UAAD;AACE,IAAA,SAAS,EAAET,SADb;AAEE,IAAA,EAAE,EAAEO,EAFN;AAGE,IAAA,WAAW,EAAE,qBAACG,CAAD,EAAO;AAClBF,MAAAA,YAAW,CAACE,CAAD,CAAX;;AACAA,MAAAA,CAAC,CAACC,cAAF;AACD;AANH,KAOMF,IAPN;AAQE,IAAA,GAAG,EAAEH;AARP,KADF;AAAA,CADW,CAAb;AAeAD,IAAI,CAACO,WAAL,GAAmB,MAAnB;eAEeP,I","sourcesContent":["import styled from '@emotion/styled';\nimport React, { forwardRef } from 'react';\nimport { css } from '@emotion/react';\nimport {\n  resetFocusStyles,\n  sizeStyles,\n  transitionStyles,\n  WithSize,\n} from '@os-design/styles';\nimport { omitEmotionProps } from '@os-design/utils';\nimport { clr } from '@os-design/theming';\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   * The custom link component.\n   * For example, the Link from react-router-dom.\n   * @default undefined\n   */\n  as?: React.ElementType;\n}\n\n/**\n * Sets base underline styles.\n */\nconst underlineBaseStyles = (p) => css`\n  position: relative;\n  display: inline-block;\n  padding-bottom: 0.1em;\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\n/**\n * Sets underline styles on hover.\n */\nconst 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\n/**\n * Sets underline styles always.\n */\nconst underlineAlwaysStyles = (p) =>\n  p.underline === 'always' &&\n  css`\n    ${underlineBaseStyles(p)};\n\n    &::after {\n      width: 100%;\n      opacity: 1;\n    }\n  `;\n\nconst StyledLink = styled(\n  'a',\n  omitEmotionProps('size', 'underline', 'as')\n)<LinkProps>`\n  ${resetFocusStyles};\n\n  cursor: pointer;\n  text-decoration: none;\n  line-height: 1.2;\n\n  &,\n  &:active,\n  &:focus {\n    color: ${(p) => clr(p.theme.linkColor)};\n  }\n\n  ${underlineHoverStyles};\n  ${underlineAlwaysStyles};\n  ${sizeStyles};\n`;\n\n/**\n * The link component to navigate between pages.\n */\nconst Link = forwardRef<HTMLAnchorElement, LinkProps>(\n  ({ underline = 'hover', as, onMouseDown = () => {}, ...rest }, ref) => (\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\nLink.displayName = 'Link';\n\nexport default Link;\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["underlineBaseStyles","p","css","clr","theme","linkColor","underlineHoverStyles","underline","transitionStyles","underlineAlwaysStyles","StyledLink","styled","omitEmotionProps","resetFocusStyles","sizeStyles","Link","forwardRef","ref","as","onMouseDown","rest","e","preventDefault","displayName"],"sources":["../../../src/Link/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport React, { forwardRef } from 'react';\nimport { css } from '@emotion/react';\nimport {\n  resetFocusStyles,\n  sizeStyles,\n  transitionStyles,\n  WithSize,\n} from '@os-design/styles';\nimport { omitEmotionProps } from '@os-design/utils';\nimport { clr } from '@os-design/theming';\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   * The custom link component.\n   * For example, the Link from react-router-dom.\n   * @default undefined\n   */\n  as?: React.ElementType;\n}\n\n/**\n * Sets base underline styles.\n */\nconst underlineBaseStyles = (p) => css`\n  position: relative;\n  display: inline-block;\n  padding-bottom: 0.1em;\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\n/**\n * Sets underline styles on hover.\n */\nconst 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\n/**\n * Sets underline styles always.\n */\nconst underlineAlwaysStyles = (p) =>\n  p.underline === 'always' &&\n  css`\n    ${underlineBaseStyles(p)};\n\n    &::after {\n      width: 100%;\n      opacity: 1;\n    }\n  `;\n\nconst StyledLink = styled(\n  'a',\n  omitEmotionProps('size', 'underline', 'as')\n)<LinkProps>`\n  ${resetFocusStyles};\n\n  cursor: pointer;\n  text-decoration: none;\n  line-height: 1.2;\n\n  &,\n  &:active,\n  &:focus {\n    color: ${(p) => clr(p.theme.linkColor)};\n  }\n\n  ${underlineHoverStyles};\n  ${underlineAlwaysStyles};\n  ${sizeStyles};\n`;\n\n/**\n * The link component to navigate between pages.\n */\nconst Link = forwardRef<HTMLAnchorElement, LinkProps>(\n  ({ underline = 'hover', as, onMouseDown = () => {}, ...rest }, ref) => (\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\nLink.displayName = 'Link';\n\nexport default Link;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAMA;;AACA;;;;;;;;;;;;;;;;;;;;AAsBA;AACA;AACA;AACA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,CAAD;EAAA,WAAOC,WAAP,qSAWJ,IAAAC,YAAA,EAAIF,CAAC,CAACG,KAAF,CAAQC,SAAZ,CAXI;AAAA,CAA5B;AAeA;AACA;AACA;;;AACA,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACL,CAAD;EAAA,OAC3BA,CAAC,CAACM,SAAF,KAAgB,OAAhB,QACAL,WADA,uTAGMF,mBAAmB,CAACC,CAAD,CAHzB,EAQQ,IAAAO,wBAAA,EAAiB,OAAjB,EAA0B,SAA1B,EAAqCP,CAArC,CARR,CAD2B;AAAA,CAA7B;AAoBA;AACA;AACA;;;AACA,IAAMQ,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACR,CAAD;EAAA,OAC5BA,CAAC,CAACM,SAAF,KAAgB,QAAhB,QACAL,WADA,wJAEIF,mBAAmB,CAACC,CAAD,CAFvB,CAD4B;AAAA,CAA9B;;AAWA,IAAMS,UAAU,GAAG,IAAAC,kBAAA,EACjB,GADiB,EAEjB,IAAAC,uBAAA,EAAiB,MAAjB,EAAyB,WAAzB,EAAsC,IAAtC,CAFiB,CAAH,8OAIZC,wBAJY,EAaH,UAACZ,CAAD;EAAA,OAAO,IAAAE,YAAA,EAAIF,CAAC,CAACG,KAAF,CAAQC,SAAZ,CAAP;AAAA,CAbG,EAgBZC,oBAhBY,EAiBZG,qBAjBY,EAkBZK,kBAlBY,CAAhB;AAqBA;AACA;AACA;;AACA,IAAMC,IAAI,gBAAG,IAAAC,iBAAA,EACX,gBAA+DC,GAA/D;EAAA,0BAAGV,SAAH;EAAA,IAAGA,SAAH,+BAAe,OAAf;EAAA,IAAwBW,EAAxB,QAAwBA,EAAxB;EAAA,4BAA4BC,WAA5B;EAAA,IAA4BA,YAA5B,iCAA0C,YAAM,CAAE,CAAlD;EAAA,IAAuDC,IAAvD;;EAAA,oBACE,gCAAC,UAAD;IACE,SAAS,EAAEb,SADb;IAEE,EAAE,EAAEW,EAFN;IAGE,WAAW,EAAE,qBAACG,CAAD,EAAO;MAClBF,YAAW,CAACE,CAAD,CAAX;;MACAA,CAAC,CAACC,cAAF;IACD;EANH,GAOMF,IAPN;IAQE,GAAG,EAAEH;EARP,GADF;AAAA,CADW,CAAb;AAeAF,IAAI,CAACQ,WAAL,GAAmB,MAAnB;eAEeR,I"}

package/dist/cjs/LinkButton/index.js

@@ -31,7 +31,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign || 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); }
+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); }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/LinkButton/index.tsx"],"names":["disabledStyles","p","disabled","css","StyledLinkButton","StyledButton","withComponent","LinkButton","ref","type","danger","left","right","wide","loading","size","as","onMouseDown","onKeyDown","children","rest","buttonColors","loadingColors","e","preventDefault","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,CAAD;AAAA,SACrBA,CAAC,CAACC,QAAF,QACAC,WADA,qGADqB;AAAA,CAAvB;;AAMA,IAAMC,gBAAgB,GAAG,wBACvBC,qBAAaC,aAAb,CAA2B,GAA3B,CADuB,EAEvB,6BAAiB,IAAjB,EAAuB,UAAvB,CAFuB,CAAH,sIAMlBN,cANkB,CAAtB;AASA;AACA;AACA;;AACA,IAAMO,UAAU,gBAAG,uBACjB,gBAgBEC,GAhBF,EAiBK;AAAA,uBAfDC,IAeC;AAAA,MAfDA,IAeC,0BAfM,SAeN;AAAA,yBAdDC,MAcC;AAAA,MAdDA,MAcC,4BAdQ,KAcR;AAAA,MAbDC,IAaC,QAbDA,IAaC;AAAA,MAZDC,KAYC,QAZDA,KAYC;AAAA,uBAXDC,IAWC;AAAA,MAXDA,IAWC,0BAXM,SAWN;AAAA,0BAVDC,OAUC;AAAA,MAVDA,OAUC,6BAVS,KAUT;AAAA,2BATDZ,QASC;AAAA,MATDA,QASC,8BATU,KASV;AAAA,MARDa,IAQC,QARDA,IAQC;AAAA,MAPDC,EAOC,QAPDA,EAOC;AAAA,8BANDC,WAMC;AAAA,MANDA,YAMC,iCANa,YAAM,CAAE,CAMrB;AAAA,4BALDC,SAKC;AAAA,MALDA,UAKC,+BALW,YAAM,CAAE,CAKnB;AAAA,MAJDC,QAIC,QAJDA,QAIC;AAAA,MAHEC,IAGF;;AACH,yBAAwC,kCAAgB;AACtDX,IAAAA,IAAI,EAAJA,IADsD;AAEtDC,IAAAA,MAAM,EAANA,MAFsD;AAGtDR,IAAAA,QAAQ,EAARA;AAHsD,GAAhB,CAAxC;AAAA,MAAQmB,YAAR,oBAAQA,YAAR;AAAA,MAAsBC,aAAtB,oBAAsBA,aAAtB;;AAMA,sBACE,gCAAC,gBAAD;AACE,IAAA,OAAO,EAAEb,IADX;AAEE,IAAA,MAAM,EAAEY,YAFV;AAGE,IAAA,IAAI,EAAER,IAHR;AAIE,IAAA,OAAO,EAAEC,OAJX;AAKE,IAAA,QAAQ,EAAEZ,QAAQ,IAAIY,OALxB;AAME,IAAA,IAAI,EAAEC,IANR;AAOE,IAAA,EAAE,EAAEC,EAPN;AAQE,IAAA,WAAW,EAAE,qBAACO,CAAD,EAAO;AAClBN,MAAAA,YAAW,CAACM,CAAD,CAAX;;AACAA,MAAAA,CAAC,CAACC,cAAF;AACD,KAXH;AAYE,IAAA,SAAS,EAAE,mBAACD,CAAD,EAAO;AAChBL,MAAAA,UAAS,CAACK,CAAD,CAAT;;AACA,UAAIrB,QAAQ,IAAIY,OAAhB,EAAyBS,CAAC,CAACC,cAAF;AAC1B,KAfH;AAgBE,qBAAetB,QAAQ,IAAIY,OAhB7B;AAiBE,iBAAWA;AAjBb,KAkBMM,IAlBN;AAmBE,IAAA,GAAG,EAAEZ;AAnBP,mBAqBE,gCAAC,yBAAD;AACE,IAAA,IAAI,EAAEG,IADR;AAEE,IAAA,KAAK,EAAEC,KAFT;AAGE,IAAA,OAAO,EAAEE,OAHX;AAIE,IAAA,aAAa,EAAEQ;AAJjB,KAMGH,QANH,CArBF,CADF;AAgCD,CAzDgB,CAAnB;AA4DAZ,UAAU,CAACkB,WAAX,GAAyB,YAAzB;eAEelB,U","sourcesContent":["import React, { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { omitEmotionProps } from '@os-design/utils';\nimport { css } from '@emotion/react';\nimport { ButtonProps, StyledButton } from '../Button';\nimport useButtonColors from '../Button/utils/useButtonColors';\nimport ButtonContent from '../Button/ButtonContent';\nimport { LinkProps, ReactRouterLinkProps } from '../Link';\n\ntype JsxAProps = Omit<JSX.IntrinsicElements['a'], 'type' | 'ref'>;\nexport type LinkButtonProps = JsxAProps &\n  ReactRouterLinkProps &\n  Pick<LinkProps, 'as'> &\n  ButtonProps;\n\nconst disabledStyles = (p) =>\n  p.disabled &&\n  css`\n    pointer-events: none;\n  `;\n\nconst StyledLinkButton = styled(\n  StyledButton.withComponent('a'),\n  omitEmotionProps('as', 'disabled')\n)`\n  text-decoration: none;\n  display: inline-flex;\n  ${disabledStyles};\n`;\n\n/**\n * The button that is rendered as the a tag.\n */\nconst LinkButton = forwardRef<HTMLAnchorElement, LinkButtonProps>(\n  (\n    {\n      type = 'primary',\n      danger = false,\n      left,\n      right,\n      wide = 'default',\n      loading = false,\n      disabled = false,\n      size,\n      as,\n      onMouseDown = () => {},\n      onKeyDown = () => {},\n      children,\n      ...rest\n    },\n    ref\n  ) => {\n    const { buttonColors, loadingColors } = useButtonColors({\n      type,\n      danger,\n      disabled,\n    });\n\n    return (\n      <StyledLinkButton\n        btnType={type}\n        colors={buttonColors}\n        wide={wide}\n        loading={loading}\n        disabled={disabled || loading}\n        size={size}\n        as={as}\n        onMouseDown={(e) => {\n          onMouseDown(e);\n          e.preventDefault();\n        }}\n        onKeyDown={(e) => {\n          onKeyDown(e);\n          if (disabled || loading) e.preventDefault();\n        }}\n        aria-disabled={disabled || loading}\n        aria-busy={loading}\n        {...rest}\n        ref={ref}\n      >\n        <ButtonContent\n          left={left}\n          right={right}\n          loading={loading}\n          loadingColors={loadingColors}\n        >\n          {children}\n        </ButtonContent>\n      </StyledLinkButton>\n    );\n  }\n);\n\nLinkButton.displayName = 'LinkButton';\n\nexport default LinkButton;\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["disabledStyles","p","disabled","css","StyledLinkButton","styled","StyledButton","withComponent","omitEmotionProps","LinkButton","forwardRef","ref","type","danger","left","right","wide","loading","size","as","onMouseDown","onKeyDown","children","rest","useButtonColors","buttonColors","loadingColors","e","preventDefault","displayName"],"sources":["../../../src/LinkButton/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { omitEmotionProps } from '@os-design/utils';\nimport { css } from '@emotion/react';\nimport { ButtonProps, StyledButton } from '../Button';\nimport useButtonColors from '../Button/utils/useButtonColors';\nimport ButtonContent from '../Button/ButtonContent';\nimport { LinkProps, ReactRouterLinkProps } from '../Link';\n\ntype JsxAProps = Omit<JSX.IntrinsicElements['a'], 'type' | 'ref'>;\nexport type LinkButtonProps = JsxAProps &\n  ReactRouterLinkProps &\n  Pick<LinkProps, 'as'> &\n  ButtonProps;\n\nconst disabledStyles = (p) =>\n  p.disabled &&\n  css`\n    pointer-events: none;\n  `;\n\nconst StyledLinkButton = styled(\n  StyledButton.withComponent('a'),\n  omitEmotionProps('as', 'disabled')\n)`\n  text-decoration: none;\n  display: inline-flex;\n  ${disabledStyles};\n`;\n\n/**\n * The button that is rendered as the a tag.\n */\nconst LinkButton = forwardRef<HTMLAnchorElement, LinkButtonProps>(\n  (\n    {\n      type = 'primary',\n      danger = false,\n      left,\n      right,\n      wide = 'default',\n      loading = false,\n      disabled = false,\n      size,\n      as,\n      onMouseDown = () => {},\n      onKeyDown = () => {},\n      children,\n      ...rest\n    },\n    ref\n  ) => {\n    const { buttonColors, loadingColors } = useButtonColors({\n      type,\n      danger,\n      disabled,\n    });\n\n    return (\n      <StyledLinkButton\n        btnType={type}\n        colors={buttonColors}\n        wide={wide}\n        loading={loading}\n        disabled={disabled || loading}\n        size={size}\n        as={as}\n        onMouseDown={(e) => {\n          onMouseDown(e);\n          e.preventDefault();\n        }}\n        onKeyDown={(e) => {\n          onKeyDown(e);\n          if (disabled || loading) e.preventDefault();\n        }}\n        aria-disabled={disabled || loading}\n        aria-busy={loading}\n        {...rest}\n        ref={ref}\n      >\n        <ButtonContent\n          left={left}\n          right={right}\n          loading={loading}\n          loadingColors={loadingColors}\n        >\n          {children}\n        </ButtonContent>\n      </StyledLinkButton>\n    );\n  }\n);\n\nLinkButton.displayName = 'LinkButton';\n\nexport default LinkButton;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,CAAD;EAAA,OACrBA,CAAC,CAACC,QAAF,QACAC,WADA,qGADqB;AAAA,CAAvB;;AAMA,IAAMC,gBAAgB,GAAG,IAAAC,kBAAA,EACvBC,oBAAA,CAAaC,aAAb,CAA2B,GAA3B,CADuB,EAEvB,IAAAC,uBAAA,EAAiB,IAAjB,EAAuB,UAAvB,CAFuB,CAAH,sIAMlBR,cANkB,CAAtB;AASA;AACA;AACA;;AACA,IAAMS,UAAU,gBAAG,IAAAC,iBAAA,EACjB,gBAgBEC,GAhBF,EAiBK;EAAA,qBAfDC,IAeC;EAAA,IAfDA,IAeC,0BAfM,SAeN;EAAA,uBAdDC,MAcC;EAAA,IAdDA,MAcC,4BAdQ,KAcR;EAAA,IAbDC,IAaC,QAbDA,IAaC;EAAA,IAZDC,KAYC,QAZDA,KAYC;EAAA,qBAXDC,IAWC;EAAA,IAXDA,IAWC,0BAXM,SAWN;EAAA,wBAVDC,OAUC;EAAA,IAVDA,OAUC,6BAVS,KAUT;EAAA,yBATDf,QASC;EAAA,IATDA,QASC,8BATU,KASV;EAAA,IARDgB,IAQC,QARDA,IAQC;EAAA,IAPDC,EAOC,QAPDA,EAOC;EAAA,4BANDC,WAMC;EAAA,IANDA,YAMC,iCANa,YAAM,CAAE,CAMrB;EAAA,0BALDC,SAKC;EAAA,IALDA,UAKC,+BALW,YAAM,CAAE,CAKnB;EAAA,IAJDC,QAIC,QAJDA,QAIC;EAAA,IAHEC,IAGF;;EACH,uBAAwC,IAAAC,4BAAA,EAAgB;IACtDZ,IAAI,EAAJA,IADsD;IAEtDC,MAAM,EAANA,MAFsD;IAGtDX,QAAQ,EAARA;EAHsD,CAAhB,CAAxC;EAAA,IAAQuB,YAAR,oBAAQA,YAAR;EAAA,IAAsBC,aAAtB,oBAAsBA,aAAtB;;EAMA,oBACE,gCAAC,gBAAD;IACE,OAAO,EAAEd,IADX;IAEE,MAAM,EAAEa,YAFV;IAGE,IAAI,EAAET,IAHR;IAIE,OAAO,EAAEC,OAJX;IAKE,QAAQ,EAAEf,QAAQ,IAAIe,OALxB;IAME,IAAI,EAAEC,IANR;IAOE,EAAE,EAAEC,EAPN;IAQE,WAAW,EAAE,qBAACQ,CAAD,EAAO;MAClBP,YAAW,CAACO,CAAD,CAAX;;MACAA,CAAC,CAACC,cAAF;IACD,CAXH;IAYE,SAAS,EAAE,mBAACD,CAAD,EAAO;MAChBN,UAAS,CAACM,CAAD,CAAT;;MACA,IAAIzB,QAAQ,IAAIe,OAAhB,EAAyBU,CAAC,CAACC,cAAF;IAC1B,CAfH;IAgBE,iBAAe1B,QAAQ,IAAIe,OAhB7B;IAiBE,aAAWA;EAjBb,GAkBMM,IAlBN;IAmBE,GAAG,EAAEZ;EAnBP,iBAqBE,gCAAC,yBAAD;IACE,IAAI,EAAEG,IADR;IAEE,KAAK,EAAEC,KAFT;IAGE,OAAO,EAAEE,OAHX;IAIE,aAAa,EAAES;EAJjB,GAMGJ,QANH,CArBF,CADF;AAgCD,CAzDgB,CAAnB;AA4DAb,UAAU,CAACoB,WAAX,GAAyB,YAAzB;eAEepB,U"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/List/WindowScroller.tsx"],"names":["DISABLE_BODY_POINTER_EVENTS_TIMEOUT","WindowScroller","onScroll","children","onScrollRef","current","scrollListener","top","window","pageYOffset","left","pageXOffset","document"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;AAeA;AACA;AACA;AACA;AACO,IAAMA,mCAAmC,GAAG,GAA5C;;;AAEP,IAAMC,cAA6C,GAAG,SAAhDA,cAAgD,OAGhD;AAAA,2BAFJC,QAEI;AAAA,MAFJA,QAEI,8BAFO,YAAM,CAAE,CAEf;AAAA,MADJC,QACI,QADJA,QACI;AACJ,MAAMC,WAAW,GAAG,oBAApB;AAEA,wBAAU,YAAM;AACdA,IAAAA,WAAW,CAACC,OAAZ,GAAsBH,QAAtB;AACD,GAFD,EAEG,CAACA,QAAD,CAFH;AAIA,MAAMI,cAAc,GAAG,wBAAY,YAAM;AACvC;AACA,8DAAkCN,mCAAlC;AACA,QAAI,CAACI,WAAW,CAACC,OAAjB,EAA0B;AAC1BD,IAAAA,WAAW,CAACC,OAAZ,CAAoB;AAClBE,MAAAA,GAAG,EAAEC,MAAM,CAACC,WADM;AAElBC,MAAAA,IAAI,EAAEF,MAAM,CAACG;AAFK,KAApB;AAID,GARsB,EAQpB,EARoB,CAAvB;AAUA,wBAAU;AAAA,WAAM;AAAA,aAAM,0DAAkC,CAAlC,CAAN;AAAA,KAAN;AAAA,GAAV,EAA4D,EAA5D;AACA,uBAASC,QAAT,EAAmB,QAAnB,EAA6BN,cAA7B,EAlBI,CAoBJ;;AACA,sBAAO,kEAAGH,QAAH,CAAP;AACD,CAzBD;;eA2BeF,c","sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\nimport { useEvent } from '@os-design/utils';\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"],"file":"WindowScroller.js"}
+{"version":3,"file":"WindowScroller.js","names":["DISABLE_BODY_POINTER_EVENTS_TIMEOUT","WindowScroller","onScroll","children","onScrollRef","useRef","useEffect","current","scrollListener","useCallback","disableBodyPointerEvents","enableBodyPointerEventsAfterDelay","top","window","pageYOffset","left","pageXOffset","useEvent","document"],"sources":["../../../src/List/WindowScroller.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\nimport { useEvent } from '@os-design/utils';\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;;AACA;;AACA;;;;;;AAeA;AACA;AACA;AACA;AACO,IAAMA,mCAAmC,GAAG,GAA5C;;;AAEP,IAAMC,cAA6C,GAAG,SAAhDA,cAAgD,OAGhD;EAAA,yBAFJC,QAEI;EAAA,IAFJA,QAEI,8BAFO,YAAM,CAAE,CAEf;EAAA,IADJC,QACI,QADJA,QACI;EACJ,IAAMC,WAAW,GAAG,IAAAC,aAAA,GAApB;EAEA,IAAAC,gBAAA,EAAU,YAAM;IACdF,WAAW,CAACG,OAAZ,GAAsBL,QAAtB;EACD,CAFD,EAEG,CAACA,QAAD,CAFH;EAIA,IAAMM,cAAc,GAAG,IAAAC,kBAAA,EAAY,YAAM;IACvC,IAAAC,2CAAA;IACA,IAAAC,oDAAA,EAAkCX,mCAAlC;IACA,IAAI,CAACI,WAAW,CAACG,OAAjB,EAA0B;IAC1BH,WAAW,CAACG,OAAZ,CAAoB;MAClBK,GAAG,EAAEC,MAAM,CAACC,WADM;MAElBC,IAAI,EAAEF,MAAM,CAACG;IAFK,CAApB;EAID,CARsB,EAQpB,EARoB,CAAvB;EAUA,IAAAV,gBAAA,EAAU;IAAA,OAAM;MAAA,OAAM,IAAAK,oDAAA,EAAkC,CAAlC,CAAN;IAAA,CAAN;EAAA,CAAV,EAA4D,EAA5D;EACA,IAAAM,eAAA,EAASC,QAAT,EAAmB,QAAnB,EAA6BV,cAA7B,EAlBI,CAoBJ;;EACA,oBAAO,kEAAGL,QAAH,CAAP;AACD,CAzBD;;eA2BeF,c"}

package/dist/cjs/List/index.js

@@ -45,7 +45,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign || 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); }
+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); }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -141,18 +141,16 @@ var List = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     loadNextHandler(top);
   }, [listRef, loadNextHandler]); // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
-  var InnerElement = /*#__PURE__*/(0, _react.forwardRef)(function (_ref3, innerElementRef) {
+  var InnerElement = (0, _react.useCallback)(function (_ref3) {
     var innerStyle = _ref3.style,
         innerRest = _objectWithoutProperties(_ref3, _excluded2);
 
     return /*#__PURE__*/_react["default"].createElement("div", _extends({
-      ref: innerElementRef,
       style: _objectSpread(_objectSpread({}, innerStyle), {}, {
         height: "".concat(parseFloat(innerStyle.height) + paddingTopSize + paddingBottomSize, "px")
       })
     }, innerRest));
-  });
-  InnerElement.displayName = 'InnerElement';
+  }, [paddingBottomSize, paddingTopSize]);
   var listChildren = (0, _react.useCallback)(function (_ref4) {
     var childrenStyle = _ref4.style,
         childrenRest = _objectWithoutProperties(_ref4, _excluded3);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/List/index.tsx"],"names":["List","ref","itemCount","itemHeight","threshold","overscanCount","heightProp","height","paddingTop","paddingBottom","style","empty","onLoadNext","itemRenderer","rest","listRef","mergedListRef","size","fontSize","document","body","LayoutContext","hasNavigation","hasPageHeader","theme","isMinMd","safeAreaInset","itemSize","paddingTopSize","pageHeaderHeight","paddingBottomSize","navigationTabHeight","bottom","loadNextHandler","windowScrollHandler","top","current","scrollTo","InnerElement","innerElementRef","innerStyle","innerRest","parseFloat","displayName","listChildren","childrenStyle","childrenRest","toString","EmptyComponent","renderList","scrollOffset","undefined"],"mappings":"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","sourcesContent":["import 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 {\n  useFontSize,\n  useForwardedRef,\n  useSafeAreaInset,\n  useSize,\n} from '@os-design/utils';\nimport { useTheme } from '@os-design/theming';\nimport { useIsMinWidth } from '@os-design/media';\nimport WindowScroller, { ScrollPosition } from './WindowScroller';\nimport useRWLoadNext from './utils/useRWLoadNext';\nimport LayoutContext from '../Layout/LayoutContext';\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 loadNextHandler = 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        loadNextHandler(top);\n      },\n      [listRef, loadNextHandler]\n    );\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const InnerElement = forwardRef<HTMLDivElement, any>(\n      ({ style: innerStyle, ...innerRest }, innerElementRef) => (\n        <div\n          ref={innerElementRef}\n          style={{\n            ...innerStyle,\n            height: `${\n              parseFloat(innerStyle.height) + paddingTopSize + paddingBottomSize\n            }px`,\n          }}\n          {...innerRest}\n        />\n      )\n    );\n    InnerElement.displayName = 'InnerElement';\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 }) => loadNextHandler(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        loadNextHandler,\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"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["List","forwardRef","ref","itemCount","itemHeight","threshold","overscanCount","heightProp","height","paddingTop","paddingBottom","style","empty","onLoadNext","itemRenderer","rest","useForwardedRef","listRef","mergedListRef","size","useSize","fontSize","useFontSize","document","body","useContext","LayoutContext","hasNavigation","hasPageHeader","useTheme","theme","isMinMd","useIsMinWidth","safeAreaInset","useSafeAreaInset","itemSize","useMemo","paddingTopSize","pageHeaderHeight","paddingBottomSize","navigationTabHeight","bottom","loadNextHandler","useRWLoadNext","windowScrollHandler","useCallback","top","current","scrollTo","InnerElement","innerStyle","innerRest","parseFloat","listChildren","childrenStyle","childrenRest","toString","EmptyComponent","renderList","scrollOffset","undefined","displayName"],"sources":["../../../src/List/index.tsx"],"sourcesContent":["import 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 {\n  useFontSize,\n  useForwardedRef,\n  useSafeAreaInset,\n  useSize,\n} from '@os-design/utils';\nimport { useTheme } from '@os-design/theming';\nimport { useIsMinWidth } from '@os-design/media';\nimport WindowScroller, { ScrollPosition } from './WindowScroller';\nimport useRWLoadNext from './utils/useRWLoadNext';\nimport LayoutContext from '../Layout/LayoutContext';\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 loadNextHandler = 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        loadNextHandler(top);\n      },\n      [listRef, loadNextHandler]\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 }) => loadNextHandler(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        loadNextHandler,\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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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/List/utils/bodyPointerEvents.ts"],"names":["originalBodyPointerEvents","timeoutId","disableBodyPointerEvents","document","body","style","pointerEvents","enableBodyPointerEvents","enableBodyPointerEventsAfterDelay","delay"],"mappings":";;;;;;;AAAA;;AAEA,IAAIA,yBAAwC,GAAG,IAA/C;AACA,IAAIC,SAAuB,GAAG,IAA9B;;AAEO,IAAMC,wBAAwB,GAAG,SAA3BA,wBAA2B,GAAY;AAClD,MAAIF,yBAAyB,KAAK,IAAlC,EAAwC;AACtCA,IAAAA,yBAAyB,GAAGG,QAAQ,CAACC,IAAT,CAAcC,KAAd,CAAoBC,aAAhD;AACAH,IAAAA,QAAQ,CAACC,IAAT,CAAcC,KAAd,CAAoBC,aAApB,GAAoC,MAApC;AACD;AACF,CALM;;;;AAOA,IAAMC,uBAAuB,GAAG,SAA1BA,uBAA0B,GAAY;AACjDN,EAAAA,SAAS,GAAG,IAAZ;;AACA,MAAID,yBAAyB,KAAK,IAAlC,EAAwC;AACtCG,IAAAA,QAAQ,CAACC,IAAT,CAAcC,KAAd,CAAoBC,aAApB,GAAoCN,yBAApC;AACAA,IAAAA,yBAAyB,GAAG,IAA5B;AACD;AACF,CANM;;;;AAQA,IAAMQ,iCAAiC,GAAG,SAApCA,iCAAoC,CAACC,KAAD,EAAyB;AACxE,MAAIR,SAAJ,EAAe,qCAAkBA,SAAlB;AACfA,EAAAA,SAAS,GAAG,mCAAgBM,uBAAhB,EAAyCE,KAAzC,CAAZ;AACD,CAHM","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"],"file":"bodyPointerEvents.js"}
+{"version":3,"file":"bodyPointerEvents.js","names":["originalBodyPointerEvents","timeoutId","disableBodyPointerEvents","document","body","style","pointerEvents","enableBodyPointerEvents","enableBodyPointerEventsAfterDelay","delay","clearFrameTimeout","setFrameTimeout"],"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;;AAEA,IAAIA,yBAAwC,GAAG,IAA/C;AACA,IAAIC,SAAuB,GAAG,IAA9B;;AAEO,IAAMC,wBAAwB,GAAG,SAA3BA,wBAA2B,GAAY;EAClD,IAAIF,yBAAyB,KAAK,IAAlC,EAAwC;IACtCA,yBAAyB,GAAGG,QAAQ,CAACC,IAAT,CAAcC,KAAd,CAAoBC,aAAhD;IACAH,QAAQ,CAACC,IAAT,CAAcC,KAAd,CAAoBC,aAApB,GAAoC,MAApC;EACD;AACF,CALM;;;;AAOA,IAAMC,uBAAuB,GAAG,SAA1BA,uBAA0B,GAAY;EACjDN,SAAS,GAAG,IAAZ;;EACA,IAAID,yBAAyB,KAAK,IAAlC,EAAwC;IACtCG,QAAQ,CAACC,IAAT,CAAcC,KAAd,CAAoBC,aAApB,GAAoCN,yBAApC;IACAA,yBAAyB,GAAG,IAA5B;EACD;AACF,CANM;;;;AAQA,IAAMQ,iCAAiC,GAAG,SAApCA,iCAAoC,CAACC,KAAD,EAAyB;EACxE,IAAIR,SAAJ,EAAe,IAAAS,+BAAA,EAAkBT,SAAlB;EACfA,SAAS,GAAG,IAAAU,6BAAA,EAAgBJ,uBAAhB,EAAyCE,KAAzC,CAAZ;AACD,CAHM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/List/utils/frameTimeout.ts"],"names":["clearFrameTimeout","frame","window","cancelAnimationFrame","id","setFrameTimeout","handler","timeout","start","frameRequestCallback","timestamp","timePassed","requestAnimationFrame"],"mappings":";;;;;;;AAIA;AACA;AACA;AACO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD,EAAwB;AACvDC,EAAAA,MAAM,CAACC,oBAAP,CAA4BF,KAAK,CAACG,EAAlC;AACD,CAFM;AAIP;AACA;AACA;;;;;AACO,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAC7BC,OAD6B,EAE7BC,OAF6B,EAGnB;AACV,MAAIC,KAAK,GAAG,CAAZ;AACA,MAAMP,KAAK,GAAG;AAAEG,IAAAA,EAAE,EAAE;AAAN,GAAd;;AAEA,MAAMK,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,SAAD,EAAuB;AAClD,QAAI,CAACF,KAAL,EAAYA,KAAK,GAAGE,SAAR;AACZ,QAAMC,UAAU,GAAGD,SAAS,GAAGF,KAA/B;;AAEA,QAAIG,UAAU,IAAIJ,OAAlB,EAA2B;AACzBP,MAAAA,iBAAiB,CAACC,KAAD,CAAjB;AACAK,MAAAA,OAAO;AACR,KAHD,MAGO;AACLL,MAAAA,KAAK,CAACG,EAAN,GAAWF,MAAM,CAACU,qBAAP,CAA6BH,oBAA7B,CAAX;AACD;AACF,GAVD;;AAYAR,EAAAA,KAAK,CAACG,EAAN,GAAWF,MAAM,CAACU,qBAAP,CAA6BH,oBAA7B,CAAX;AACA,SAAOR,KAAP;AACD,CArBM","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"],"file":"frameTimeout.js"}
+{"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;AACO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD,EAAwB;EACvDC,MAAM,CAACC,oBAAP,CAA4BF,KAAK,CAACG,EAAlC;AACD,CAFM;AAIP;AACA;AACA;;;;;AACO,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAC7BC,OAD6B,EAE7BC,OAF6B,EAGnB;EACV,IAAIC,KAAK,GAAG,CAAZ;EACA,IAAMP,KAAK,GAAG;IAAEG,EAAE,EAAE;EAAN,CAAd;;EAEA,IAAMK,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,SAAD,EAAuB;IAClD,IAAI,CAACF,KAAL,EAAYA,KAAK,GAAGE,SAAR;IACZ,IAAMC,UAAU,GAAGD,SAAS,GAAGF,KAA/B;;IAEA,IAAIG,UAAU,IAAIJ,OAAlB,EAA2B;MACzBP,iBAAiB,CAACC,KAAD,CAAjB;MACAK,OAAO;IACR,CAHD,MAGO;MACLL,KAAK,CAACG,EAAN,GAAWF,MAAM,CAACU,qBAAP,CAA6BH,oBAA7B,CAAX;IACD;EACF,CAVD;;EAYAR,KAAK,CAACG,EAAN,GAAWF,MAAM,CAACU,qBAAP,CAA6BH,oBAA7B,CAAX;EACA,OAAOR,KAAP;AACD,CArBM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/List/utils/useRWLoadNext.ts"],"names":["useRWLoadNext","props","propsRef","current","scrollOffset","itemCount","threshold","itemSize","paddingTop","height","onLoadNext","maxItemBeforeLoad","maxScrollOffsetBeforeLoad"],"mappings":";;;;;;;AAAA;;AAaA;AACA;AACA;AACA;AACA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAyC;AAC7D,MAAMC,QAAQ,GAAG,mBAAOD,KAAP,CAAjB;AAEA,wBAAU,YAAM;AACdC,IAAAA,QAAQ,CAACC,OAAT,GAAmBF,KAAnB;AACD,GAFD,EAEG,CAACA,KAAD,CAFH;AAIA,SAAO,wBAAsB,UAACG,YAAD,EAAkB;AAC7C,4BACEF,QAAQ,CAACC,OADX;AAAA,QAAQE,SAAR,qBAAQA,SAAR;AAAA,QAAmBC,SAAnB,qBAAmBA,SAAnB;AAAA,QAA8BC,QAA9B,qBAA8BA,QAA9B;AAAA,QAAwCC,UAAxC,qBAAwCA,UAAxC;AAAA,QAAoDC,MAApD,qBAAoDA,MAApD;AAAA,QAA4DC,UAA5D,qBAA4DA,UAA5D;AAGA,QAAMC,iBAAiB,GAAGN,SAAS,GAAGC,SAAtC;AACA,QAAMM,yBAAyB,GAC7BD,iBAAiB,GAAGJ,QAApB,GAA+BC,UAA/B,GAA4CC,MAD9C;AAGA,QAAIL,YAAY,GAAGQ,yBAAnB,EAA8C;AAC9CF,IAAAA,UAAU;AACX,GAVM,EAUJ,EAVI,CAAP;AAWD,CAlBD;;eAoBeV,a","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"],"file":"useRWLoadNext.js"}
+{"version":3,"file":"useRWLoadNext.js","names":["useRWLoadNext","props","propsRef","useRef","useEffect","current","useCallback","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;;AAaA;AACA;AACA;AACA;AACA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAyC;EAC7D,IAAMC,QAAQ,GAAG,IAAAC,aAAA,EAAOF,KAAP,CAAjB;EAEA,IAAAG,gBAAA,EAAU,YAAM;IACdF,QAAQ,CAACG,OAAT,GAAmBJ,KAAnB;EACD,CAFD,EAEG,CAACA,KAAD,CAFH;EAIA,OAAO,IAAAK,kBAAA,EAAsB,UAACC,YAAD,EAAkB;IAC7C,wBACEL,QAAQ,CAACG,OADX;IAAA,IAAQG,SAAR,qBAAQA,SAAR;IAAA,IAAmBC,SAAnB,qBAAmBA,SAAnB;IAAA,IAA8BC,QAA9B,qBAA8BA,QAA9B;IAAA,IAAwCC,UAAxC,qBAAwCA,UAAxC;IAAA,IAAoDC,MAApD,qBAAoDA,MAApD;IAAA,IAA4DC,UAA5D,qBAA4DA,UAA5D;IAGA,IAAMC,iBAAiB,GAAGN,SAAS,GAAGC,SAAtC;IACA,IAAMM,yBAAyB,GAC7BD,iBAAiB,GAAGJ,QAApB,GAA+BC,UAA/B,GAA4CC,MAD9C;IAGA,IAAIL,YAAY,GAAGQ,yBAAnB,EAA8C;IAC9CF,UAAU;EACX,CAVM,EAUJ,EAVI,CAAP;AAWD,CAlBD;;eAoBeb,a"}

package/dist/cjs/ListItem/ListItemContent.js

@@ -25,7 +25,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _extends() { _extends = Object.assign || 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); }
+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); }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 

package/dist/cjs/ListItem/ListItemContent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ListItem/ListItemContent.tsx"],"names":["Content","styled","div","Title","p","theme","colorText","ellipsisStyles","Description","listItemColorDescription","sizes","small","LeftAddon","listItemAddonPaddingHorizontal","RightAddon","hasSwipeStyles","hasSwipe","css","openedStyles","opened","Actions","listItemActionsPaddingLeft","colorBg","slice","actionIndex","ListItemContent","title","description","left","right","actions","length","map","icon","onClick","actionRest","e","preventDefault","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport styled from '@emotion/styled';\nimport { clr, Color } from '@os-design/theming';\nimport {\n  ellipsisStyles,\n  horizontalPaddingStyles,\n  transitionStyles,\n} from '@os-design/styles';\nimport { omitEmotionProps } from '@os-design/utils';\nimport { css } from '@emotion/react';\nimport Button, { ButtonProps } from '../Button';\n\nexport interface ListItemAction\n  extends Omit<ButtonProps, 'leftIcon' | 'rightIcon' | 'wide'> {\n  icon: React.ReactElement;\n}\n\nexport interface ListItemContentProps {\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   * Buttons to control the item.\n   * For example, edit, delete.\n   * @default undefined\n   */\n  actions?: ListItemAction[];\n\n  hasSwipe: boolean;\n  opened: boolean;\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\nexport const LeftAddon = styled.div`\n  color: ${(p) => clr(p.theme.colorText)};\n  padding-right: ${(p) => p.theme.listItemAddonPaddingHorizontal}em;\n`;\n\nexport const RightAddon = styled.div`\n  color: ${(p) => clr(p.theme.colorText)};\n  margin-left: auto;\n  padding-left: ${(p) => p.theme.listItemAddonPaddingHorizontal}em;\n`;\n\nconst hasSwipeStyles = (p) =>\n  p.hasSwipe &&\n  css`\n    transform: translateX(100%);\n    ${transitionStyles('transform')(p)};\n  `;\n\nconst openedStyles = (p) =>\n  p.opened &&\n  css`\n    transform: translateX(0);\n  `;\n\ninterface ActionsProps {\n  hasSwipe: boolean;\n  opened: boolean;\n}\nconst Actions = styled(\n  'nav',\n  omitEmotionProps('hasSwipe', 'opened')\n)<ActionsProps>`\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n\n  display: flex;\n  align-items: center;\n\n  padding-left: ${(p) => p.theme.listItemActionsPaddingLeft}em;\n  background: linear-gradient(\n    to right,\n    ${(p) => clr([...p.theme.colorBg.slice(0, 3), 0] as Color)},\n    ${(p) => clr(p.theme.colorBg)}\n      ${(p) => p.theme.listItemActionsPaddingLeft}em\n  );\n\n  ${hasSwipeStyles};\n  ${openedStyles};\n  ${horizontalPaddingStyles('right')};\n`;\n\nlet actionIndex = 0;\n\n// Used by ListItem, ListItemLink\nconst ListItemContent: React.FC<ListItemContentProps> = ({\n  title,\n  description,\n  left,\n  right,\n  actions = [],\n  hasSwipe,\n  opened,\n}) => (\n  <>\n    {left && <LeftAddon>{left}</LeftAddon>}\n\n    <Content>\n      <Title>{title}</Title>\n      {description && <Description>{description}</Description>}\n    </Content>\n\n    {right && <RightAddon>{right}</RightAddon>}\n\n    {actions.length > 0 && (\n      <Actions hasSwipe={hasSwipe} opened={opened}>\n        {actions.map(({ icon, onClick = () => {}, ...actionRest }) => {\n          actionIndex += 1;\n          return (\n            <Button\n              type='ghost'\n              wide='never'\n              size='small'\n              key={actionIndex}\n              onClick={(e) => {\n                e.preventDefault();\n                onClick(e);\n              }}\n              {...actionRest}\n            >\n              {icon}\n            </Button>\n          );\n        })}\n      </Actions>\n    )}\n  </>\n);\n\nListItemContent.displayName = 'ListItemContent';\n\nexport default ListItemContent;\n"],"file":"ListItemContent.js"}
+{"version":3,"file":"ListItemContent.js","names":["Content","styled","div","Title","p","clr","theme","colorText","ellipsisStyles","Description","listItemColorDescription","sizes","small","LeftAddon","listItemAddonPaddingHorizontal","RightAddon","hasSwipeStyles","hasSwipe","css","transitionStyles","openedStyles","opened","Actions","omitEmotionProps","listItemActionsPaddingLeft","colorBg","slice","horizontalPaddingStyles","actionIndex","ListItemContent","title","description","left","right","actions","length","map","icon","onClick","actionRest","e","preventDefault","displayName"],"sources":["../../../src/ListItem/ListItemContent.tsx"],"sourcesContent":["import React from 'react';\nimport styled from '@emotion/styled';\nimport { clr, Color } from '@os-design/theming';\nimport {\n  ellipsisStyles,\n  horizontalPaddingStyles,\n  transitionStyles,\n} from '@os-design/styles';\nimport { omitEmotionProps } from '@os-design/utils';\nimport { css } from '@emotion/react';\nimport Button, { ButtonProps } from '../Button';\n\nexport interface ListItemAction\n  extends Omit<ButtonProps, 'leftIcon' | 'rightIcon' | 'wide'> {\n  icon: React.ReactElement;\n}\n\nexport interface ListItemContentProps {\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   * Buttons to control the item.\n   * For example, edit, delete.\n   * @default undefined\n   */\n  actions?: ListItemAction[];\n\n  hasSwipe: boolean;\n  opened: boolean;\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\nexport const LeftAddon = styled.div`\n  color: ${(p) => clr(p.theme.colorText)};\n  padding-right: ${(p) => p.theme.listItemAddonPaddingHorizontal}em;\n`;\n\nexport const RightAddon = styled.div`\n  color: ${(p) => clr(p.theme.colorText)};\n  margin-left: auto;\n  padding-left: ${(p) => p.theme.listItemAddonPaddingHorizontal}em;\n`;\n\nconst hasSwipeStyles = (p) =>\n  p.hasSwipe &&\n  css`\n    transform: translateX(100%);\n    ${transitionStyles('transform')(p)};\n  `;\n\nconst openedStyles = (p) =>\n  p.opened &&\n  css`\n    transform: translateX(0);\n  `;\n\ninterface ActionsProps {\n  hasSwipe: boolean;\n  opened: boolean;\n}\nconst Actions = styled(\n  'nav',\n  omitEmotionProps('hasSwipe', 'opened')\n)<ActionsProps>`\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n\n  display: flex;\n  align-items: center;\n\n  padding-left: ${(p) => p.theme.listItemActionsPaddingLeft}em;\n  background: linear-gradient(\n    to right,\n    ${(p) => clr([...p.theme.colorBg.slice(0, 3), 0] as Color)},\n    ${(p) => clr(p.theme.colorBg)}\n      ${(p) => p.theme.listItemActionsPaddingLeft}em\n  );\n\n  ${hasSwipeStyles};\n  ${openedStyles};\n  ${horizontalPaddingStyles('right')};\n`;\n\nlet actionIndex = 0;\n\n// Used by ListItem, ListItemLink\nconst ListItemContent: React.FC<ListItemContentProps> = ({\n  title,\n  description,\n  left,\n  right,\n  actions = [],\n  hasSwipe,\n  opened,\n}) => (\n  <>\n    {left && <LeftAddon>{left}</LeftAddon>}\n\n    <Content>\n      <Title>{title}</Title>\n      {description && <Description>{description}</Description>}\n    </Content>\n\n    {right && <RightAddon>{right}</RightAddon>}\n\n    {actions.length > 0 && (\n      <Actions hasSwipe={hasSwipe} opened={opened}>\n        {actions.map(({ icon, onClick = () => {}, ...actionRest }) => {\n          actionIndex += 1;\n          return (\n            <Button\n              type='ghost'\n              wide='never'\n              size='small'\n              key={actionIndex}\n              onClick={(e) => {\n                e.preventDefault();\n                onClick(e);\n              }}\n              {...actionRest}\n            >\n              {icon}\n            </Button>\n          );\n        })}\n      </Actions>\n    )}\n  </>\n);\n\nListItemContent.displayName = 'ListItemContent';\n\nexport default ListItemContent;\n"],"mappings":"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"}

package/dist/cjs/ListItem/index.js

@@ -29,7 +29,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign || 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); }
+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); }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ListItem/index.tsx"],"names":["ListItemContainer","styled","div","p","theme","listItemColorBorder","ListItem","ref","title","description","left","right","actions","onTouchStart","onTouchMove","onTouchEnd","rest","touchDevice","opened","handlers","e","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;AAOO,IAAMA,iBAAiB,GAAGC,mBAAOC,GAAV,2hBAUC,UAACC,CAAD;AAAA,SAAO,kBAAIA,CAAC,CAACC,KAAF,CAAQC,mBAAZ,CAAP;AAAA,CAVD,EA4B1B,sCA5B0B,CAAvB;AA+BP;AACA;AACA;;;;AACA,IAAMC,QAAQ,gBAAG,uBACf,gBAYEC,GAZF,EAaK;AAAA,MAXDC,KAWC,QAXDA,KAWC;AAAA,MAVDC,WAUC,QAVDA,WAUC;AAAA,MATDC,IASC,QATDA,IASC;AAAA,MARDC,KAQC,QARDA,KAQC;AAAA,0BAPDC,OAOC;AAAA,MAPDA,OAOC,6BAPS,EAOT;AAAA,+BANDC,YAMC;AAAA,MANDA,aAMC,kCANc,YAAM,CAAE,CAMtB;AAAA,8BALDC,WAKC;AAAA,MALDA,YAKC,iCALa,YAAM,CAAE,CAKrB;AAAA,6BAJDC,UAIC;AAAA,MAJDA,WAIC,gCAJY,YAAM,CAAE,CAIpB;AAAA,MAHEC,IAGF;;AACH,MAAMC,WAAW,GAAG,oBAAQ;AAAA,WAAM,2BAAN;AAAA,GAAR,EAA+B,EAA/B,CAApB;;AACA,kBAA6B,sBAA7B;AAAA,MAAQC,MAAR,aAAQA,MAAR;AAAA,MAAgBC,QAAhB,aAAgBA,QAAhB;;AAEA,sBACE,gCAAC,iBAAD,eACMH,IADN;AAEE,IAAA,YAAY,EAAE,sBAACI,CAAD,EAAO;AACnBD,MAAAA,QAAQ,CAACN,YAAT,CAAsBO,CAAtB;;AACAP,MAAAA,aAAY,CAACO,CAAD,CAAZ;AACD,KALH;AAME,IAAA,WAAW,EAAE,qBAACA,CAAD,EAAO;AAClBD,MAAAA,QAAQ,CAACL,WAAT,CAAqBM,CAArB;;AACAN,MAAAA,YAAW,CAACM,CAAD,CAAX;AACD,KATH;AAUE,IAAA,UAAU,EAAE,oBAACA,CAAD,EAAO;AACjBD,MAAAA,QAAQ,CAACJ,UAAT,CAAoBK,CAApB;;AACAL,MAAAA,WAAU,CAACK,CAAD,CAAV;AACD,KAbH;AAcE,IAAA,GAAG,EAAEb;AAdP,mBAgBE,gCAAC,2BAAD;AACE,IAAA,KAAK,EAAEC,KADT;AAEE,IAAA,WAAW,EAAEC,WAFf;AAGE,IAAA,IAAI,EAAEC,IAHR;AAIE,IAAA,KAAK,EAAEC,KAJT;AAKE,IAAA,OAAO,EAAEC,OALX;AAME,IAAA,QAAQ,EAAEK,WANZ;AAOE,IAAA,MAAM,EAAEC;AAPV,IAhBF,CADF;AA4BD,CA9Cc,CAAjB;AAiDAZ,QAAQ,CAACe,WAAT,GAAuB,UAAvB;eAEef,Q","sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport styled from '@emotion/styled';\nimport { horizontalPaddingStyles } from '@os-design/styles';\nimport { isTouchDevice, useSwipe } from '@os-design/utils';\nimport { clr } from '@os-design/theming';\nimport ListItemContent, { ListItemContentProps } from './ListItemContent';\n\ntype JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;\n\nexport type ListItemProps = JsxDivProps &\n  Omit<ListItemContentProps, 'hasSwipe' | 'opened'>;\n\nexport const ListItemContainer = styled.div`\n  position: relative;\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  @media (hover: hover) {\n    // Hide actions by default\n    & > nav {\n      opacity: 0;\n    }\n\n    // Display actions either on focus, or on hover\n    &:hover,\n    &:focus-within {\n      & > nav {\n        opacity: 1;\n      }\n    }\n  }\n\n  ${horizontalPaddingStyles()};\n`;\n\n/**\n * The base list item.\n */\nconst ListItem = forwardRef<HTMLDivElement, ListItemProps>(\n  (\n    {\n      title,\n      description,\n      left,\n      right,\n      actions = [],\n      onTouchStart = () => {},\n      onTouchMove = () => {},\n      onTouchEnd = () => {},\n      ...rest\n    },\n    ref\n  ) => {\n    const touchDevice = useMemo(() => isTouchDevice(), []);\n    const { opened, handlers } = useSwipe();\n\n    return (\n      <ListItemContainer\n        {...rest}\n        onTouchStart={(e) => {\n          handlers.onTouchStart(e);\n          onTouchStart(e);\n        }}\n        onTouchMove={(e) => {\n          handlers.onTouchMove(e);\n          onTouchMove(e);\n        }}\n        onTouchEnd={(e) => {\n          handlers.onTouchEnd(e);\n          onTouchEnd(e);\n        }}\n        ref={ref}\n      >\n        <ListItemContent\n          title={title}\n          description={description}\n          left={left}\n          right={right}\n          actions={actions}\n          hasSwipe={touchDevice}\n          opened={opened}\n        />\n      </ListItemContainer>\n    );\n  }\n);\n\nListItem.displayName = 'ListItem';\n\nexport default ListItem;\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["ListItemContainer","styled","div","p","clr","theme","listItemColorBorder","horizontalPaddingStyles","ListItem","forwardRef","ref","title","description","left","right","actions","onTouchStart","onTouchMove","onTouchEnd","rest","touchDevice","useMemo","isTouchDevice","useSwipe","opened","handlers","e","displayName"],"sources":["../../../src/ListItem/index.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport styled from '@emotion/styled';\nimport { horizontalPaddingStyles } from '@os-design/styles';\nimport { isTouchDevice, useSwipe } from '@os-design/utils';\nimport { clr } from '@os-design/theming';\nimport ListItemContent, { ListItemContentProps } from './ListItemContent';\n\ntype JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;\n\nexport type ListItemProps = JsxDivProps &\n  Omit<ListItemContentProps, 'hasSwipe' | 'opened'>;\n\nexport const ListItemContainer = styled.div`\n  position: relative;\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  @media (hover: hover) {\n    // Hide actions by default\n    & > nav {\n      opacity: 0;\n    }\n\n    // Display actions either on focus, or on hover\n    &:hover,\n    &:focus-within {\n      & > nav {\n        opacity: 1;\n      }\n    }\n  }\n\n  ${horizontalPaddingStyles()};\n`;\n\n/**\n * The base list item.\n */\nconst ListItem = forwardRef<HTMLDivElement, ListItemProps>(\n  (\n    {\n      title,\n      description,\n      left,\n      right,\n      actions = [],\n      onTouchStart = () => {},\n      onTouchMove = () => {},\n      onTouchEnd = () => {},\n      ...rest\n    },\n    ref\n  ) => {\n    const touchDevice = useMemo(() => isTouchDevice(), []);\n    const { opened, handlers } = useSwipe();\n\n    return (\n      <ListItemContainer\n        {...rest}\n        onTouchStart={(e) => {\n          handlers.onTouchStart(e);\n          onTouchStart(e);\n        }}\n        onTouchMove={(e) => {\n          handlers.onTouchMove(e);\n          onTouchMove(e);\n        }}\n        onTouchEnd={(e) => {\n          handlers.onTouchEnd(e);\n          onTouchEnd(e);\n        }}\n        ref={ref}\n      >\n        <ListItemContent\n          title={title}\n          description={description}\n          left={left}\n          right={right}\n          actions={actions}\n          hasSwipe={touchDevice}\n          opened={opened}\n        />\n      </ListItemContainer>\n    );\n  }\n);\n\nListItem.displayName = 'ListItem';\n\nexport default ListItem;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;AAOO,IAAMA,iBAAiB,GAAGC,kBAAA,CAAOC,GAAV,2hBAUC,UAACC,CAAD;EAAA,OAAO,IAAAC,YAAA,EAAID,CAAC,CAACE,KAAF,CAAQC,mBAAZ,CAAP;AAAA,CAVD,EA4B1B,IAAAC,+BAAA,GA5B0B,CAAvB;AA+BP;AACA;AACA;;;;AACA,IAAMC,QAAQ,gBAAG,IAAAC,iBAAA,EACf,gBAYEC,GAZF,EAaK;EAAA,IAXDC,KAWC,QAXDA,KAWC;EAAA,IAVDC,WAUC,QAVDA,WAUC;EAAA,IATDC,IASC,QATDA,IASC;EAAA,IARDC,KAQC,QARDA,KAQC;EAAA,wBAPDC,OAOC;EAAA,IAPDA,OAOC,6BAPS,EAOT;EAAA,6BANDC,YAMC;EAAA,IANDA,aAMC,kCANc,YAAM,CAAE,CAMtB;EAAA,4BALDC,WAKC;EAAA,IALDA,YAKC,iCALa,YAAM,CAAE,CAKrB;EAAA,2BAJDC,UAIC;EAAA,IAJDA,WAIC,gCAJY,YAAM,CAAE,CAIpB;EAAA,IAHEC,IAGF;;EACH,IAAMC,WAAW,GAAG,IAAAC,cAAA,EAAQ;IAAA,OAAM,IAAAC,oBAAA,GAAN;EAAA,CAAR,EAA+B,EAA/B,CAApB;;EACA,gBAA6B,IAAAC,eAAA,GAA7B;EAAA,IAAQC,MAAR,aAAQA,MAAR;EAAA,IAAgBC,QAAhB,aAAgBA,QAAhB;;EAEA,oBACE,gCAAC,iBAAD,eACMN,IADN;IAEE,YAAY,EAAE,sBAACO,CAAD,EAAO;MACnBD,QAAQ,CAACT,YAAT,CAAsBU,CAAtB;;MACAV,aAAY,CAACU,CAAD,CAAZ;IACD,CALH;IAME,WAAW,EAAE,qBAACA,CAAD,EAAO;MAClBD,QAAQ,CAACR,WAAT,CAAqBS,CAArB;;MACAT,YAAW,CAACS,CAAD,CAAX;IACD,CATH;IAUE,UAAU,EAAE,oBAACA,CAAD,EAAO;MACjBD,QAAQ,CAACP,UAAT,CAAoBQ,CAApB;;MACAR,WAAU,CAACQ,CAAD,CAAV;IACD,CAbH;IAcE,GAAG,EAAEhB;EAdP,iBAgBE,gCAAC,2BAAD;IACE,KAAK,EAAEC,KADT;IAEE,WAAW,EAAEC,WAFf;IAGE,IAAI,EAAEC,IAHR;IAIE,KAAK,EAAEC,KAJT;IAKE,OAAO,EAAEC,OALX;IAME,QAAQ,EAAEK,WANZ;IAOE,MAAM,EAAEI;EAPV,EAhBF,CADF;AA4BD,CA9Cc,CAAjB;AAiDAhB,QAAQ,CAACmB,WAAT,GAAuB,UAAvB;eAEenB,Q"}

package/dist/cjs/ListItemLink/index.js

@@ -33,7 +33,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign || 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); }
+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); }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 

package/dist/cjs/ListItemLink/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ListItemLink/index.tsx"],"names":["actionsBgStyles","p","touchDevice","css","theme","listItemColorBgHover","slice","listItemActionsPaddingLeft","StyledLink","ListItemContainer","withComponent","resetFocusStyles","ListItemLink","ref","title","description","left","right","actions","as","onMouseDown","onTouchStart","onTouchMove","onTouchEnd","rest","opened","handlers","e","preventDefault","displayName"],"mappings":"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","sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport styled from '@emotion/styled';\nimport { isTouchDevice, omitEmotionProps, useSwipe } from '@os-design/utils';\nimport { clr, Color } from '@os-design/theming';\nimport { resetFocusStyles } from '@os-design/styles';\nimport { css } from '@emotion/react';\nimport { ListItemContainer } from '../ListItem';\nimport ListItemContent, {\n  ListItemContentProps,\n} from '../ListItem/ListItemContent';\nimport { LinkProps, ReactRouterLinkProps } from '../Link';\n\ntype JsxAProps = Omit<JSX.IntrinsicElements['a'], 'ref'>;\nexport type ListItemLinkProps = JsxAProps &\n  ReactRouterLinkProps &\n  Pick<LinkProps, 'as'> &\n  Omit<ListItemContentProps, 'hasSwipe' | 'opened'>;\n\nconst actionsBgStyles = (p) =>\n  !p.touchDevice &&\n  css`\n    & > nav {\n      background: linear-gradient(\n        to right,\n        ${clr([...p.theme.listItemColorBgHover.slice(0, 3), 0] as Color)},\n        ${clr(p.theme.listItemColorBgHover)}\n          ${p.theme.listItemActionsPaddingLeft}em\n      );\n    }\n  `;\n\ninterface StyledLinkProps {\n  touchDevice: boolean;\n}\nconst StyledLink = styled(\n  ListItemContainer.withComponent('a'),\n  omitEmotionProps('touchDevice', 'as')\n)<StyledLinkProps>`\n  ${resetFocusStyles};\n  cursor: pointer;\n  text-decoration: none;\n\n  @media (hover: hover) {\n    &:hover,\n    &:focus-within {\n      background-color: ${(p) => clr(p.theme.listItemColorBgHover)};\n    }\n  }\n\n  ${actionsBgStyles};\n`;\n\n/**\n * The list item with a link.\n */\nconst ListItemLink = forwardRef<HTMLAnchorElement, ListItemLinkProps>(\n  (\n    {\n      title,\n      description,\n      left,\n      right,\n      actions = [],\n      as,\n      onMouseDown = () => {},\n      onTouchStart = () => {},\n      onTouchMove = () => {},\n      onTouchEnd = () => {},\n      ...rest\n    },\n    ref\n  ) => {\n    const touchDevice = useMemo(() => isTouchDevice(), []);\n    const { opened, handlers } = useSwipe();\n\n    return (\n      <StyledLink\n        touchDevice={touchDevice}\n        as={as}\n        {...rest}\n        onMouseDown={(e) => {\n          onMouseDown(e);\n          e.preventDefault();\n        }}\n        onTouchStart={(e) => {\n          handlers.onTouchStart(e);\n          onTouchStart(e);\n        }}\n        onTouchMove={(e) => {\n          handlers.onTouchMove(e);\n          onTouchMove(e);\n        }}\n        onTouchEnd={(e) => {\n          handlers.onTouchEnd(e);\n          onTouchEnd(e);\n        }}\n        ref={ref}\n      >\n        <ListItemContent\n          title={title}\n          description={description}\n          left={left}\n          right={right}\n          actions={actions}\n          hasSwipe={touchDevice}\n          opened={opened}\n        />\n      </StyledLink>\n    );\n  }\n);\n\nListItemLink.displayName = 'ListItemLink';\n\nexport default ListItemLink;\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["actionsBgStyles","p","touchDevice","css","clr","theme","listItemColorBgHover","slice","listItemActionsPaddingLeft","StyledLink","styled","ListItemContainer","withComponent","omitEmotionProps","resetFocusStyles","ListItemLink","forwardRef","ref","title","description","left","right","actions","as","onMouseDown","onTouchStart","onTouchMove","onTouchEnd","rest","useMemo","isTouchDevice","useSwipe","opened","handlers","e","preventDefault","displayName"],"sources":["../../../src/ListItemLink/index.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport styled from '@emotion/styled';\nimport { isTouchDevice, omitEmotionProps, useSwipe } from '@os-design/utils';\nimport { clr, Color } from '@os-design/theming';\nimport { resetFocusStyles } from '@os-design/styles';\nimport { css } from '@emotion/react';\nimport { ListItemContainer } from '../ListItem';\nimport ListItemContent, {\n  ListItemContentProps,\n} from '../ListItem/ListItemContent';\nimport { LinkProps, ReactRouterLinkProps } from '../Link';\n\ntype JsxAProps = Omit<JSX.IntrinsicElements['a'], 'ref'>;\nexport type ListItemLinkProps = JsxAProps &\n  ReactRouterLinkProps &\n  Pick<LinkProps, 'as'> &\n  Omit<ListItemContentProps, 'hasSwipe' | 'opened'>;\n\nconst actionsBgStyles = (p) =>\n  !p.touchDevice &&\n  css`\n    & > nav {\n      background: linear-gradient(\n        to right,\n        ${clr([...p.theme.listItemColorBgHover.slice(0, 3), 0] as Color)},\n        ${clr(p.theme.listItemColorBgHover)}\n          ${p.theme.listItemActionsPaddingLeft}em\n      );\n    }\n  `;\n\ninterface StyledLinkProps {\n  touchDevice: boolean;\n}\nconst StyledLink = styled(\n  ListItemContainer.withComponent('a'),\n  omitEmotionProps('touchDevice', 'as')\n)<StyledLinkProps>`\n  ${resetFocusStyles};\n  cursor: pointer;\n  text-decoration: none;\n\n  @media (hover: hover) {\n    &:hover,\n    &:focus-within {\n      background-color: ${(p) => clr(p.theme.listItemColorBgHover)};\n    }\n  }\n\n  ${actionsBgStyles};\n`;\n\n/**\n * The list item with a link.\n */\nconst ListItemLink = forwardRef<HTMLAnchorElement, ListItemLinkProps>(\n  (\n    {\n      title,\n      description,\n      left,\n      right,\n      actions = [],\n      as,\n      onMouseDown = () => {},\n      onTouchStart = () => {},\n      onTouchMove = () => {},\n      onTouchEnd = () => {},\n      ...rest\n    },\n    ref\n  ) => {\n    const touchDevice = useMemo(() => isTouchDevice(), []);\n    const { opened, handlers } = useSwipe();\n\n    return (\n      <StyledLink\n        touchDevice={touchDevice}\n        as={as}\n        {...rest}\n        onMouseDown={(e) => {\n          onMouseDown(e);\n          e.preventDefault();\n        }}\n        onTouchStart={(e) => {\n          handlers.onTouchStart(e);\n          onTouchStart(e);\n        }}\n        onTouchMove={(e) => {\n          handlers.onTouchMove(e);\n          onTouchMove(e);\n        }}\n        onTouchEnd={(e) => {\n          handlers.onTouchEnd(e);\n          onTouchEnd(e);\n        }}\n        ref={ref}\n      >\n        <ListItemContent\n          title={title}\n          description={description}\n          left={left}\n          right={right}\n          actions={actions}\n          hasSwipe={touchDevice}\n          opened={opened}\n        />\n      </StyledLink>\n    );\n  }\n);\n\nListItemLink.displayName = 'ListItemLink';\n\nexport default ListItemLink;\n"],"mappings":"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"}

package/dist/cjs/ListSkeleton/index.js

@@ -31,7 +31,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign || 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); }
+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); }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }