@os-design/core 1.0.228 → 1.0.230

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (176) hide show
  1. package/dist/cjs/Alert/index.js +2 -2
  2. package/dist/cjs/Alert/index.js.map +1 -1
  3. package/dist/cjs/Avatar/index.js +2 -2
  4. package/dist/cjs/Avatar/index.js.map +1 -1
  5. package/dist/cjs/AvatarSkeleton/index.js +2 -2
  6. package/dist/cjs/AvatarSkeleton/index.js.map +1 -1
  7. package/dist/cjs/Breadcrumb/index.js +2 -2
  8. package/dist/cjs/Breadcrumb/index.js.map +1 -1
  9. package/dist/cjs/BreadcrumbItem/index.js +2 -2
  10. package/dist/cjs/BreadcrumbItem/index.js.map +1 -1
  11. package/dist/cjs/Button/ButtonContent.js +1 -1
  12. package/dist/cjs/Button/ButtonContent.js.map +1 -1
  13. package/dist/cjs/Button/index.js +4 -4
  14. package/dist/cjs/Button/index.js.map +1 -1
  15. package/dist/cjs/Button/utils/useButtonColors.js +1 -1
  16. package/dist/cjs/Button/utils/useButtonColors.js.map +1 -1
  17. package/dist/cjs/ButtonLink/index.js +89 -0
  18. package/dist/cjs/ButtonLink/index.js.map +1 -0
  19. package/dist/cjs/Checkbox/index.js +2 -2
  20. package/dist/cjs/Checkbox/index.js.map +1 -1
  21. package/dist/cjs/CheckboxSkeleton/index.js +2 -2
  22. package/dist/cjs/CheckboxSkeleton/index.js.map +1 -1
  23. package/dist/cjs/DatePicker/DatePickerCalendar.js +2 -2
  24. package/dist/cjs/DatePicker/DatePickerCalendar.js.map +1 -1
  25. package/dist/cjs/DatePicker/index.js +2 -2
  26. package/dist/cjs/DatePicker/index.js.map +1 -1
  27. package/dist/cjs/Drawer/index.js +2 -2
  28. package/dist/cjs/Drawer/index.js.map +1 -1
  29. package/dist/cjs/Form/index.js +2 -2
  30. package/dist/cjs/Form/index.js.map +1 -1
  31. package/dist/cjs/FormDivider/index.js +2 -2
  32. package/dist/cjs/FormDivider/index.js.map +1 -1
  33. package/dist/cjs/FormItem/index.js +2 -2
  34. package/dist/cjs/FormItem/index.js.map +1 -1
  35. package/dist/cjs/Gallery/index.js +2 -2
  36. package/dist/cjs/Gallery/index.js.map +1 -1
  37. package/dist/cjs/HeaderSkeleton/index.js +2 -2
  38. package/dist/cjs/HeaderSkeleton/index.js.map +1 -1
  39. package/dist/cjs/Image/index.js +2 -2
  40. package/dist/cjs/Image/index.js.map +1 -1
  41. package/dist/cjs/ImageSkeleton/index.js +2 -2
  42. package/dist/cjs/ImageSkeleton/index.js.map +1 -1
  43. package/dist/cjs/Input/index.js +2 -2
  44. package/dist/cjs/Input/index.js.map +1 -1
  45. package/dist/cjs/InputNumber/index.js +2 -2
  46. package/dist/cjs/InputNumber/index.js.map +1 -1
  47. package/dist/cjs/InputPassword/index.js +2 -2
  48. package/dist/cjs/InputPassword/index.js.map +1 -1
  49. package/dist/cjs/InputSearch/index.js +2 -2
  50. package/dist/cjs/InputSearch/index.js.map +1 -1
  51. package/dist/cjs/InputSkeleton/index.js +2 -2
  52. package/dist/cjs/InputSkeleton/index.js.map +1 -1
  53. package/dist/cjs/Layout/index.js +2 -2
  54. package/dist/cjs/Layout/index.js.map +1 -1
  55. package/dist/cjs/Link/index.js +5 -16
  56. package/dist/cjs/Link/index.js.map +1 -1
  57. package/dist/cjs/LinkButton/index.js +19 -60
  58. package/dist/cjs/LinkButton/index.js.map +1 -1
  59. package/dist/cjs/List/WindowScroller.js +2 -2
  60. package/dist/cjs/List/WindowScroller.js.map +1 -1
  61. package/dist/cjs/List/index.js +2 -2
  62. package/dist/cjs/List/index.js.map +1 -1
  63. package/dist/cjs/ListItem/index.js +2 -2
  64. package/dist/cjs/ListItem/index.js.map +1 -1
  65. package/dist/cjs/ListItemActions/index.js +2 -2
  66. package/dist/cjs/ListItemActions/index.js.map +1 -1
  67. package/dist/cjs/ListItemLink/index.js +2 -2
  68. package/dist/cjs/ListItemLink/index.js.map +1 -1
  69. package/dist/cjs/ListSkeleton/index.js +2 -2
  70. package/dist/cjs/ListSkeleton/index.js.map +1 -1
  71. package/dist/cjs/LogoLink/index.js +2 -2
  72. package/dist/cjs/LogoLink/index.js.map +1 -1
  73. package/dist/cjs/Menu/index.js +2 -2
  74. package/dist/cjs/Menu/index.js.map +1 -1
  75. package/dist/cjs/MenuDivider/index.js +2 -2
  76. package/dist/cjs/MenuDivider/index.js.map +1 -1
  77. package/dist/cjs/MenuGroup/index.js +2 -2
  78. package/dist/cjs/MenuGroup/index.js.map +1 -1
  79. package/dist/cjs/MenuItem/index.js +2 -2
  80. package/dist/cjs/MenuItem/index.js.map +1 -1
  81. package/dist/cjs/Modal/index.js +2 -2
  82. package/dist/cjs/Modal/index.js.map +1 -1
  83. package/dist/cjs/Navigation/index.js +2 -2
  84. package/dist/cjs/Navigation/index.js.map +1 -1
  85. package/dist/cjs/NavigationItem/index.js +2 -2
  86. package/dist/cjs/NavigationItem/index.js.map +1 -1
  87. package/dist/cjs/PageContent/index.js +2 -2
  88. package/dist/cjs/PageContent/index.js.map +1 -1
  89. package/dist/cjs/PageHeader/index.js +2 -2
  90. package/dist/cjs/PageHeader/index.js.map +1 -1
  91. package/dist/cjs/PageHeaderInputSearch/index.js +2 -2
  92. package/dist/cjs/PageHeaderInputSearch/index.js.map +1 -1
  93. package/dist/cjs/PageHeaderSkeleton/index.js +2 -2
  94. package/dist/cjs/PageHeaderSkeleton/index.js.map +1 -1
  95. package/dist/cjs/ParagraphSkeleton/index.js +2 -2
  96. package/dist/cjs/ParagraphSkeleton/index.js.map +1 -1
  97. package/dist/cjs/Popover/index.js +2 -2
  98. package/dist/cjs/Popover/index.js.map +1 -1
  99. package/dist/cjs/Progress/index.js +2 -2
  100. package/dist/cjs/Progress/index.js.map +1 -1
  101. package/dist/cjs/RadioGroup/index.js +2 -2
  102. package/dist/cjs/RadioGroup/index.js.map +1 -1
  103. package/dist/cjs/RadioGroupSkeleton/index.js +2 -2
  104. package/dist/cjs/RadioGroupSkeleton/index.js.map +1 -1
  105. package/dist/cjs/Result/index.js +2 -2
  106. package/dist/cjs/Result/index.js.map +1 -1
  107. package/dist/cjs/ScrollButton/index.js +2 -2
  108. package/dist/cjs/ScrollButton/index.js.map +1 -1
  109. package/dist/cjs/Select/index.js +9 -4
  110. package/dist/cjs/Select/index.js.map +1 -1
  111. package/dist/cjs/Skeleton/index.js +2 -2
  112. package/dist/cjs/Skeleton/index.js.map +1 -1
  113. package/dist/cjs/Switch/index.js +2 -2
  114. package/dist/cjs/Switch/index.js.map +1 -1
  115. package/dist/cjs/SwitchSkeleton/index.js +2 -2
  116. package/dist/cjs/SwitchSkeleton/index.js.map +1 -1
  117. package/dist/cjs/Tag/index.js +2 -2
  118. package/dist/cjs/Tag/index.js.map +1 -1
  119. package/dist/cjs/TagLink/index.js +2 -2
  120. package/dist/cjs/TagLink/index.js.map +1 -1
  121. package/dist/cjs/TagList/index.js +2 -2
  122. package/dist/cjs/TagList/index.js.map +1 -1
  123. package/dist/cjs/TagListSkeleton/index.js +2 -2
  124. package/dist/cjs/TagListSkeleton/index.js.map +1 -1
  125. package/dist/cjs/TagSkeleton/index.js +2 -2
  126. package/dist/cjs/TagSkeleton/index.js.map +1 -1
  127. package/dist/cjs/TextArea/index.js +2 -2
  128. package/dist/cjs/TextArea/index.js.map +1 -1
  129. package/dist/cjs/TextAreaSkeleton/index.js +2 -2
  130. package/dist/cjs/TextAreaSkeleton/index.js.map +1 -1
  131. package/dist/cjs/ThemeSwitcher/index.js +2 -2
  132. package/dist/cjs/ThemeSwitcher/index.js.map +1 -1
  133. package/dist/cjs/TimePicker/index.js +2 -2
  134. package/dist/cjs/TimePicker/index.js.map +1 -1
  135. package/dist/cjs/Video/index.js +2 -2
  136. package/dist/cjs/Video/index.js.map +1 -1
  137. package/dist/cjs/index.js +21 -2
  138. package/dist/cjs/index.js.map +1 -1
  139. package/dist/cjs/message/Message.js +2 -2
  140. package/dist/cjs/message/Message.js.map +1 -1
  141. package/dist/cjs/message/index.js +2 -2
  142. package/dist/cjs/message/index.js.map +1 -1
  143. package/dist/esm/Button/ButtonContent.js +1 -1
  144. package/dist/esm/Button/ButtonContent.js.map +1 -1
  145. package/dist/esm/Button/index.js +2 -2
  146. package/dist/esm/Button/index.js.map +1 -1
  147. package/dist/esm/Button/utils/useButtonColors.js +1 -1
  148. package/dist/esm/Button/utils/useButtonColors.js.map +1 -1
  149. package/dist/esm/ButtonLink/index.js +73 -0
  150. package/dist/esm/ButtonLink/index.js.map +1 -0
  151. package/dist/esm/Link/index.js +2 -13
  152. package/dist/esm/Link/index.js.map +1 -1
  153. package/dist/esm/LinkButton/index.js +25 -59
  154. package/dist/esm/LinkButton/index.js.map +1 -1
  155. package/dist/esm/Select/index.js +7 -2
  156. package/dist/esm/Select/index.js.map +1 -1
  157. package/dist/esm/index.js +2 -0
  158. package/dist/esm/index.js.map +1 -1
  159. package/dist/types/ButtonLink/index.d.ts +286 -0
  160. package/dist/types/ButtonLink/index.d.ts.map +1 -0
  161. package/dist/types/Link/index.d.ts +2 -0
  162. package/dist/types/Link/index.d.ts.map +1 -1
  163. package/dist/types/LinkButton/index.d.ts +6 -283
  164. package/dist/types/LinkButton/index.d.ts.map +1 -1
  165. package/dist/types/Select/index.d.ts.map +1 -1
  166. package/dist/types/index.d.ts +2 -0
  167. package/dist/types/index.d.ts.map +1 -1
  168. package/package.json +8 -8
  169. package/src/Button/ButtonContent.tsx +1 -1
  170. package/src/Button/index.tsx +2 -2
  171. package/src/Button/utils/useButtonColors.ts +1 -1
  172. package/src/ButtonLink/index.tsx +96 -0
  173. package/src/Link/index.tsx +2 -11
  174. package/src/LinkButton/index.tsx +38 -81
  175. package/src/Select/index.tsx +7 -2
  176. package/src/index.ts +2 -0
@@ -14,8 +14,8 @@ var _utils = require("@os-design/utils");
14
14
  var _react2 = _interopRequireWildcard(require("react"));
15
15
  var _excluded = ["icon", "currentPage", "as", "onMouseDown", "children"];
16
16
  var _templateObject, _templateObject2, _templateObject3, _templateObject4;
17
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
18
- 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; }
17
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
18
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
19
19
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
20
20
  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); }
21
21
  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; }
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_react","require","_styled","_interopRequireDefault","_media","_styles","_theming","_utils","_react2","_interopRequireWildcard","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_taggedTemplateLiteral","strings","raw","slice","freeze","defineProperties","value","currentPageStyles","p","currentPage","css","clr","theme","navigationItemColorBgActive","navigationItemColorTextActive","NavigationLink","styled","omitEmotionProps","resetFocusStyles","borderRadius","navigationItemColorText","navigationItemColorBgHover","navigationItemTabWidth","navigationTabHeight","m","min","md","navigationItemSideHeight","transitionStyles","IconContainer","span","Title","NavigationItem","forwardRef","_ref","ref","icon","_ref$currentPage","as","_ref$onMouseDown","onMouseDown","children","rest","createElement","role","e","preventDefault","undefined","displayName","_default","exports"],"sources":["../../../src/NavigationItem/index.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { m } from '@os-design/media';\nimport { resetFocusStyles, transitionStyles } from '@os-design/styles';\nimport { clr } from '@os-design/theming';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef } from 'react';\nimport { LinkProps, ReactRouterLinkProps } from '../Link';\n\ntype JsxAProps = Omit<JSX.IntrinsicElements['a'], 'ref'>;\nexport interface NavigationItemProps\n extends JsxAProps,\n ReactRouterLinkProps,\n Pick<LinkProps, 'as'> {\n /**\n * The icon of the item.\n * @default undefined\n */\n icon: React.ReactElement;\n /**\n * Whether the item is the current page.\n * @default false\n */\n currentPage?: boolean;\n}\n\nconst currentPageStyles = (p) =>\n p.currentPage &&\n css`\n background-color: ${clr(p.theme.navigationItemColorBgActive)};\n color: ${clr(p.theme.navigationItemColorTextActive)};\n `;\n\ntype NavigationLinkProps = Pick<NavigationItemProps, 'currentPage'>;\nconst NavigationLink = styled(\n 'a',\n omitEmotionProps('currentPage', 'as')\n)<NavigationLinkProps>`\n ${resetFocusStyles};\n text-decoration: none;\n cursor: pointer;\n overflow: hidden;\n border-radius: ${(p) => p.theme.borderRadius}em;\n\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n\n color: ${(p) => clr(p.theme.navigationItemColorText)};\n @media (hover: hover) {\n &:hover,\n &:focus {\n background-color: ${(p) => clr(p.theme.navigationItemColorBgHover)};\n }\n }\n\n // Tab navigator\n width: ${(p) => p.theme.navigationItemTabWidth}em;\n min-width: ${(p) => p.theme.navigationItemTabWidth}em;\n height: calc(${(p) => p.theme.navigationTabHeight}em - 1px);\n\n // Side navigator\n ${m.min.md} {\n // Reset tab navigator styles\n min-width: unset;\n\n width: 100%;\n height: ${(p) => p.theme.navigationItemSideHeight}em;\n min-height: ${(p) => p.theme.navigationItemSideHeight}em;\n }\n\n ${currentPageStyles};\n ${transitionStyles('background-color', 'color')};\n`;\n\nconst IconContainer = styled.span`\n display: inherit;\n\n // Tab navigator\n font-size: 1.6em;\n\n // Side navigator\n ${m.min.md} {\n font-size: 1.8em;\n }\n`;\n\nconst Title = styled.span`\n font-size: 0.75em;\n font-weight: 500;\n white-space: nowrap;\n\n // Side navigator\n ${m.min.md} {\n margin-top: 0.3em;\n }\n`;\n\n/**\n * The item of the navigation.\n */\nconst NavigationItem = forwardRef<HTMLAnchorElement, NavigationItemProps>(\n (\n {\n icon,\n currentPage = false,\n as,\n onMouseDown = () => {},\n children,\n ...rest\n },\n ref\n ) => (\n <div role='listitem'>\n <NavigationLink\n currentPage={currentPage}\n as={as}\n onMouseDown={(e) => {\n onMouseDown(e);\n e.preventDefault();\n }}\n aria-current={currentPage ? 'page' : undefined}\n {...rest}\n ref={ref}\n >\n <IconContainer>{icon}</IconContainer>\n {children && <Title>{children}</Title>}\n </NavigationLink>\n </div>\n )\n);\n\nNavigationItem.displayName = 'NavigationItem';\n\nexport default NavigationItem;\n"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","names":["_react","require","_styled","_interopRequireDefault","_media","_styles","_theming","_utils","_react2","_interopRequireWildcard","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_taggedTemplateLiteral","strings","raw","slice","freeze","defineProperties","value","currentPageStyles","p","currentPage","css","clr","theme","navigationItemColorBgActive","navigationItemColorTextActive","NavigationLink","styled","omitEmotionProps","resetFocusStyles","borderRadius","navigationItemColorText","navigationItemColorBgHover","navigationItemTabWidth","navigationTabHeight","m","min","md","navigationItemSideHeight","transitionStyles","IconContainer","span","Title","NavigationItem","forwardRef","_ref","ref","icon","_ref$currentPage","as","_ref$onMouseDown","onMouseDown","children","rest","createElement","role","preventDefault","undefined","displayName","_default","exports"],"sources":["../../../src/NavigationItem/index.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { m } from '@os-design/media';\nimport { resetFocusStyles, transitionStyles } from '@os-design/styles';\nimport { clr } from '@os-design/theming';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef } from 'react';\nimport { LinkProps, ReactRouterLinkProps } from '../Link';\n\ntype JsxAProps = Omit<JSX.IntrinsicElements['a'], 'ref'>;\nexport interface NavigationItemProps\n extends JsxAProps,\n ReactRouterLinkProps,\n Pick<LinkProps, 'as'> {\n /**\n * The icon of the item.\n * @default undefined\n */\n icon: React.ReactElement;\n /**\n * Whether the item is the current page.\n * @default false\n */\n currentPage?: boolean;\n}\n\nconst currentPageStyles = (p) =>\n p.currentPage &&\n css`\n background-color: ${clr(p.theme.navigationItemColorBgActive)};\n color: ${clr(p.theme.navigationItemColorTextActive)};\n `;\n\ntype NavigationLinkProps = Pick<NavigationItemProps, 'currentPage'>;\nconst NavigationLink = styled(\n 'a',\n omitEmotionProps('currentPage', 'as')\n)<NavigationLinkProps>`\n ${resetFocusStyles};\n text-decoration: none;\n cursor: pointer;\n overflow: hidden;\n border-radius: ${(p) => p.theme.borderRadius}em;\n\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n\n color: ${(p) => clr(p.theme.navigationItemColorText)};\n @media (hover: hover) {\n &:hover,\n &:focus {\n background-color: ${(p) => clr(p.theme.navigationItemColorBgHover)};\n }\n }\n\n // Tab navigator\n width: ${(p) => p.theme.navigationItemTabWidth}em;\n min-width: ${(p) => p.theme.navigationItemTabWidth}em;\n height: calc(${(p) => p.theme.navigationTabHeight}em - 1px);\n\n // Side navigator\n ${m.min.md} {\n // Reset tab navigator styles\n min-width: unset;\n\n width: 100%;\n height: ${(p) => p.theme.navigationItemSideHeight}em;\n min-height: ${(p) => p.theme.navigationItemSideHeight}em;\n }\n\n ${currentPageStyles};\n ${transitionStyles('background-color', 'color')};\n`;\n\nconst IconContainer = styled.span`\n display: inherit;\n\n // Tab navigator\n font-size: 1.6em;\n\n // Side navigator\n ${m.min.md} {\n font-size: 1.8em;\n }\n`;\n\nconst Title = styled.span`\n font-size: 0.75em;\n font-weight: 500;\n white-space: nowrap;\n\n // Side navigator\n ${m.min.md} {\n margin-top: 0.3em;\n }\n`;\n\n/**\n * The item of the navigation.\n */\nconst NavigationItem = forwardRef<HTMLAnchorElement, NavigationItemProps>(\n (\n {\n icon,\n currentPage = false,\n as,\n onMouseDown = () => {},\n children,\n ...rest\n },\n ref\n ) => (\n <div role='listitem'>\n <NavigationLink\n currentPage={currentPage}\n as={as}\n onMouseDown={(e) => {\n onMouseDown(e);\n e.preventDefault();\n }}\n aria-current={currentPage ? 'page' : undefined}\n {...rest}\n ref={ref}\n >\n <IconContainer>{icon}</IconContainer>\n {children && <Title>{children}</Title>}\n </NavigationLink>\n </div>\n )\n);\n\nNavigationItem.displayName = 'NavigationItem';\n\nexport default NavigationItem;\n"],"mappings":"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"}
@@ -14,8 +14,8 @@ var _react2 = _interopRequireWildcard(require("react"));
14
14
  var _LayoutContext = _interopRequireDefault(require("../Layout/LayoutContext"));
15
15
  var _excluded = ["hasList", "marginTop", "children"];
16
16
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
17
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
18
- 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; }
17
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
18
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
19
19
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
20
20
  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); }
21
21
  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; }
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_react","require","_styled","_interopRequireDefault","_media","_styles","_utils","_react2","_interopRequireWildcard","_LayoutContext","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_taggedTemplateLiteral","strings","raw","slice","freeze","defineProperties","value","hasNavigationStyles","p","hasNavigation","css","hasList","theme","navigationTabHeight","m","min","md","navigationSideWidth","hasPageHeaderStyles","hasPageHeader","pageHeaderHeight","marginTop","notHasListStyles","pageContentPaddingVertical","horizontalPaddingStyles","notHasNavigationStyles","Container","styled","omitEmotionProps","PageContent","forwardRef","_ref","ref","_ref$hasList","_ref$marginTop","children","rest","_useContext","useContext","LayoutContext","createElement","displayName","_default","exports"],"sources":["../../../src/PageContent/index.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { m } from '@os-design/media';\nimport { horizontalPaddingStyles } from '@os-design/styles';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef, useContext } from 'react';\nimport LayoutContext from '../Layout/LayoutContext';\n\ntype JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;\nexport interface PageContentProps extends JsxDivProps {\n /**\n * Whether there is the list in the page content.\n * @default false\n */\n hasList?: boolean;\n /**\n * Additional upper indent (em).\n * It can be used, for example, if you have an additional fixed header.\n * @default 0\n */\n marginTop?: number;\n}\n\nconst hasNavigationStyles = (p) =>\n p.hasNavigation &&\n css`\n ${!p.hasList &&\n css`\n margin-bottom: calc(\n ${p.theme.navigationTabHeight}em + env(safe-area-inset-bottom)\n );\n `}\n ${m.min.md} {\n margin-bottom: 0;\n margin-left: ${p.theme.navigationSideWidth}em;\n }\n `;\n\nconst hasPageHeaderStyles = (p) =>\n p.hasPageHeader &&\n !p.hasList &&\n css`\n margin-top: ${p.theme.pageHeaderHeight[0] + p.marginTop}em;\n ${m.min.md} {\n margin-top: ${p.theme.pageHeaderHeight[1] + p.marginTop}em;\n }\n `;\n\nconst notHasListStyles = (p) =>\n !p.hasList &&\n css`\n padding-top: ${p.theme.pageContentPaddingVertical}em;\n padding-bottom: ${p.theme.pageContentPaddingVertical}em;\n ${horizontalPaddingStyles()(p)};\n `;\n\nconst notHasNavigationStyles = (p) =>\n !p.hasNavigation &&\n !p.hasList &&\n css`\n margin-bottom: env(safe-area-inset-bottom);\n `;\n\ninterface ContainerProps {\n hasNavigation: boolean;\n hasPageHeader: boolean;\n hasList: boolean;\n marginTop: number;\n}\nconst Container = styled(\n 'main',\n omitEmotionProps('hasNavigation', 'hasPageHeader', 'hasList', 'marginTop')\n)<ContainerProps>`\n margin-top: ${(p) => p.marginTop}em;\n ${hasNavigationStyles};\n ${hasPageHeaderStyles};\n ${notHasListStyles};\n ${notHasNavigationStyles};\n`;\n\n/**\n * The wrapper that adds padding to the page content.\n */\nconst PageContent = forwardRef<HTMLElement, PageContentProps>(\n ({ hasList = false, marginTop = 0, children, ...rest }, ref) => {\n const { hasNavigation, hasPageHeader } = useContext(LayoutContext);\n\n return (\n <Container\n hasNavigation={hasNavigation}\n hasPageHeader={hasPageHeader}\n hasList={hasList}\n marginTop={marginTop}\n {...rest}\n ref={ref}\n >\n {children}\n </Container>\n );\n }\n);\n\nPageContent.displayName = 'PageContent';\n\nexport default PageContent;\n"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","names":["_react","require","_styled","_interopRequireDefault","_media","_styles","_utils","_react2","_interopRequireWildcard","_LayoutContext","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_taggedTemplateLiteral","strings","raw","slice","freeze","defineProperties","value","hasNavigationStyles","p","hasNavigation","css","hasList","theme","navigationTabHeight","m","min","md","navigationSideWidth","hasPageHeaderStyles","hasPageHeader","pageHeaderHeight","marginTop","notHasListStyles","pageContentPaddingVertical","horizontalPaddingStyles","notHasNavigationStyles","Container","styled","omitEmotionProps","PageContent","forwardRef","_ref","ref","_ref$hasList","_ref$marginTop","children","rest","_useContext","useContext","LayoutContext","createElement","displayName","_default","exports"],"sources":["../../../src/PageContent/index.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { m } from '@os-design/media';\nimport { horizontalPaddingStyles } from '@os-design/styles';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef, useContext } from 'react';\nimport LayoutContext from '../Layout/LayoutContext';\n\ntype JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;\nexport interface PageContentProps extends JsxDivProps {\n /**\n * Whether there is the list in the page content.\n * @default false\n */\n hasList?: boolean;\n /**\n * Additional upper indent (em).\n * It can be used, for example, if you have an additional fixed header.\n * @default 0\n */\n marginTop?: number;\n}\n\nconst hasNavigationStyles = (p) =>\n p.hasNavigation &&\n css`\n ${!p.hasList &&\n css`\n margin-bottom: calc(\n ${p.theme.navigationTabHeight}em + env(safe-area-inset-bottom)\n );\n `}\n ${m.min.md} {\n margin-bottom: 0;\n margin-left: ${p.theme.navigationSideWidth}em;\n }\n `;\n\nconst hasPageHeaderStyles = (p) =>\n p.hasPageHeader &&\n !p.hasList &&\n css`\n margin-top: ${p.theme.pageHeaderHeight[0] + p.marginTop}em;\n ${m.min.md} {\n margin-top: ${p.theme.pageHeaderHeight[1] + p.marginTop}em;\n }\n `;\n\nconst notHasListStyles = (p) =>\n !p.hasList &&\n css`\n padding-top: ${p.theme.pageContentPaddingVertical}em;\n padding-bottom: ${p.theme.pageContentPaddingVertical}em;\n ${horizontalPaddingStyles()(p)};\n `;\n\nconst notHasNavigationStyles = (p) =>\n !p.hasNavigation &&\n !p.hasList &&\n css`\n margin-bottom: env(safe-area-inset-bottom);\n `;\n\ninterface ContainerProps {\n hasNavigation: boolean;\n hasPageHeader: boolean;\n hasList: boolean;\n marginTop: number;\n}\nconst Container = styled(\n 'main',\n omitEmotionProps('hasNavigation', 'hasPageHeader', 'hasList', 'marginTop')\n)<ContainerProps>`\n margin-top: ${(p) => p.marginTop}em;\n ${hasNavigationStyles};\n ${hasPageHeaderStyles};\n ${notHasListStyles};\n ${notHasNavigationStyles};\n`;\n\n/**\n * The wrapper that adds padding to the page content.\n */\nconst PageContent = forwardRef<HTMLElement, PageContentProps>(\n ({ hasList = false, marginTop = 0, children, ...rest }, ref) => {\n const { hasNavigation, hasPageHeader } = useContext(LayoutContext);\n\n return (\n <Container\n hasNavigation={hasNavigation}\n hasPageHeader={hasPageHeader}\n hasList={hasList}\n marginTop={marginTop}\n {...rest}\n ref={ref}\n >\n {children}\n </Container>\n );\n }\n);\n\nPageContent.displayName = 'PageContent';\n\nexport default PageContent;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAC,uBAAA,CAAAP,OAAA;AACA,IAAAQ,cAAA,GAAAN,sBAAA,CAAAF,OAAA;AAAoD,IAAAS,SAAA;AAAA,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAV,wBAAAU,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAvB,uBAAAmC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAhB,UAAA,GAAAgB,GAAA,gBAAAA,GAAA;AAAA,SAAAC,SAAA,IAAAA,QAAA,GAAAV,MAAA,CAAAW,MAAA,GAAAX,MAAA,CAAAW,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAN,CAAA,MAAAA,CAAA,GAAAO,SAAA,CAAAC,MAAA,EAAAR,CAAA,UAAAS,MAAA,GAAAF,SAAA,CAAAP,CAAA,YAAAU,GAAA,IAAAD,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAJ,SAAA;AAAA,SAAAK,yBAAAH,MAAA,EAAAI,QAAA,QAAAJ,MAAA,yBAAAH,MAAA,GAAAQ,6BAAA,CAAAL,MAAA,EAAAI,QAAA,OAAAH,GAAA,EAAAV,CAAA,MAAAP,MAAA,CAAAsB,qBAAA,QAAAC,gBAAA,GAAAvB,MAAA,CAAAsB,qBAAA,CAAAN,MAAA,QAAAT,CAAA,MAAAA,CAAA,GAAAgB,gBAAA,CAAAR,MAAA,EAAAR,CAAA,MAAAU,GAAA,GAAAM,gBAAA,CAAAhB,CAAA,OAAAa,QAAA,CAAAI,OAAA,CAAAP,GAAA,uBAAAjB,MAAA,CAAAI,SAAA,CAAAqB,oBAAA,CAAAnB,IAAA,CAAAU,MAAA,EAAAC,GAAA,aAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAJ,MAAA;AAAA,SAAAQ,8BAAAL,MAAA,EAAAI,QAAA,QAAAJ,MAAA,yBAAAH,MAAA,WAAAa,UAAA,GAAA1B,MAAA,CAAA2B,IAAA,CAAAX,MAAA,OAAAC,GAAA,EAAAV,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAmB,UAAA,CAAAX,MAAA,EAAAR,CAAA,MAAAU,GAAA,GAAAS,UAAA,CAAAnB,CAAA,OAAAa,QAAA,CAAAI,OAAA,CAAAP,GAAA,kBAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAJ,MAAA;AAAA,SAAAe,uBAAAC,OAAA,EAAAC,GAAA,SAAAA,GAAA,IAAAA,GAAA,GAAAD,OAAA,CAAAE,KAAA,cAAA/B,MAAA,CAAAgC,MAAA,CAAAhC,MAAA,CAAAiC,gBAAA,CAAAJ,OAAA,IAAAC,GAAA,IAAAI,KAAA,EAAAlC,MAAA,CAAAgC,MAAA,CAAAF,GAAA;AAiBpD,IAAMK,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,CAAC;EAAA,OAC5BA,CAAC,CAACC,aAAa,QACfC,UAAG,EAAAxD,eAAA,KAAAA,eAAA,GAAA8C,sBAAA,+FACC,CAACQ,CAAC,CAACG,OAAO,QACZD,UAAG,EAAAvD,gBAAA,KAAAA,gBAAA,GAAA6C,sBAAA,mGAEGQ,CAAC,CAACI,KAAK,CAACC,mBAAmB,CAEhC,EACCC,QAAC,CAACC,GAAG,CAACC,EAAE,EAEOR,CAAC,CAACI,KAAK,CAACK,mBAAmB,CAE7C;AAAA;AAEH,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIV,CAAC;EAAA,OAC5BA,CAAC,CAACW,aAAa,IACf,CAACX,CAAC,CAACG,OAAO,QACVD,UAAG,EAAAtD,gBAAA,KAAAA,gBAAA,GAAA4C,sBAAA,oFACaQ,CAAC,CAACI,KAAK,CAACQ,gBAAgB,CAAC,CAAC,CAAC,GAAGZ,CAAC,CAACa,SAAS,EACrDP,QAAC,CAACC,GAAG,CAACC,EAAE,EACMR,CAAC,CAACI,KAAK,CAACQ,gBAAgB,CAAC,CAAC,CAAC,GAAGZ,CAAC,CAACa,SAAS,CAE1D;AAAA;AAEH,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAId,CAAC;EAAA,OACzB,CAACA,CAAC,CAACG,OAAO,QACVD,UAAG,EAAArD,gBAAA,KAAAA,gBAAA,GAAA2C,sBAAA,+EACcQ,CAAC,CAACI,KAAK,CAACW,0BAA0B,EAC/Bf,CAAC,CAACI,KAAK,CAACW,0BAA0B,EAClD,IAAAC,+BAAuB,EAAC,CAAC,CAAChB,CAAC,CAAC,CAC/B;AAAA;AAEH,IAAMiB,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIjB,CAAC;EAAA,OAC/B,CAACA,CAAC,CAACC,aAAa,IAChB,CAACD,CAAC,CAACG,OAAO,QACVD,UAAG,EAAApD,gBAAA,KAAAA,gBAAA,GAAA0C,sBAAA,6DAEF;AAAA;AAQH,IAAM0B,SAAS,GAAG,IAAAC,kBAAM,EACtB,MAAM,EACN,IAAAC,uBAAgB,EAAC,eAAe,EAAE,eAAe,EAAE,SAAS,EAAE,WAAW,CAC3E,CAAC,CAAArE,gBAAA,KAAAA,gBAAA,GAAAyC,sBAAA,sEACe,UAACQ,CAAC;EAAA,OAAKA,CAAC,CAACa,SAAS;AAAA,GAC9Bd,mBAAmB,EACnBW,mBAAmB,EACnBI,gBAAgB,EAChBG,sBAAsB,CACzB;;AAED;AACA;AACA;AACA,IAAMI,WAAW,gBAAG,IAAAC,kBAAU,EAC5B,UAAAC,IAAA,EAAwDC,GAAG,EAAK;EAAA,IAAAC,YAAA,GAAAF,IAAA,CAA7DpB,OAAO;IAAPA,OAAO,GAAAsB,YAAA,cAAG,KAAK,GAAAA,YAAA;IAAAC,cAAA,GAAAH,IAAA,CAAEV,SAAS;IAATA,SAAS,GAAAa,cAAA,cAAG,CAAC,GAAAA,cAAA;IAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAKC,IAAI,GAAA7C,wBAAA,CAAAwC,IAAA,EAAA9E,SAAA;EAClD,IAAAoF,WAAA,GAAyC,IAAAC,kBAAU,EAACC,yBAAa,CAAC;IAA1D9B,aAAa,GAAA4B,WAAA,CAAb5B,aAAa;IAAEU,aAAa,GAAAkB,WAAA,CAAblB,aAAa;EAEpC,oBACErE,OAAA,YAAA0F,aAAA,CAACd,SAAS,EAAA5C,QAAA;IACR2B,aAAa,EAAEA,aAAc;IAC7BU,aAAa,EAAEA,aAAc;IAC7BR,OAAO,EAAEA,OAAQ;IACjBU,SAAS,EAAEA;EAAU,GACjBe,IAAI;IACRJ,GAAG,EAAEA;EAAI,IAERG,QACQ,CAAC;AAEhB,CACF,CAAC;AAEDN,WAAW,CAACY,WAAW,GAAG,aAAa;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEzBd,WAAW"}
@@ -18,8 +18,8 @@ var _LayoutContext = _interopRequireDefault(require("../Layout/LayoutContext"));
18
18
  var _defaultLocale = _interopRequireDefault(require("./utils/defaultLocale"));
19
19
  var _excluded = ["title", "subtitle", "left", "leftIsGhostButton", "right", "rightIsGhostButton", "onBack", "locale"];
20
20
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
21
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
22
- 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; }
21
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
22
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
23
23
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
24
24
  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); }
25
25
  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; }
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_react","require","_styled","_interopRequireDefault","_icons","_media","_styles","_theming","_utils","_react2","_interopRequireWildcard","_Button","_LayoutContext","_defaultLocale","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_taggedTemplateLiteral","strings","raw","slice","freeze","defineProperties","value","getReducedPadding","p","isMinSm","padding","theme","horizontalPadding","buttonPaddingHorizontal","horizontalPaddingStyles","reducedPadding","reducedPaddingSm","css","leftIsGhostButton","rightIsGhostButton","m","min","sm","hasNavigationIndentStyles","hasNavigationIndent","md","navigationSideWidth","PageHeaderContainer","exports","styled","omitEmotionProps","pageHeaderHeight","clr","pageHeaderColorBg","pageHeaderColorText","pageHeaderColorBorder","BackButton","Button","Content","div","notHasSubtitleStyles","hasSubtitle","sizes","large","Title","ellipsisStyles","Subtitle","small","pageHeaderSubtitleColorText","Addon","LeftAddon","pageHeaderAddonPaddingHorizontal","RightAddon","PageHeader","forwardRef","_ref","ref","title","subtitle","left","_ref$leftIsGhostButto","right","_ref$rightIsGhostButt","onBack","_ref$locale","locale","defaultLocale","rest","_useContext","useContext","LayoutContext","hasNavigation","createElement","ThemeOverrider","overrides","t","pageHeaderButtonPaddingHorizontal","type","wide","onClick","backLabel","Left","displayName","_default"],"sources":["../../../src/PageHeader/index.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { Left } from '@os-design/icons';\nimport { m } from '@os-design/media';\nimport { ellipsisStyles } from '@os-design/styles';\nimport { ThemeOverrider, clr } from '@os-design/theming';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef, useContext } from 'react';\nimport Button from '../Button';\nimport LayoutContext from '../Layout/LayoutContext';\nimport defaultLocale, { PageHeaderLocale } from './utils/defaultLocale';\n\ntype JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;\nexport interface PageHeaderProps extends JsxDivProps {\n /**\n * The title of the page.\n * @default undefined\n */\n title: string;\n /**\n * The subtitle of the page.\n * @default undefined\n */\n subtitle?: string;\n /**\n * The component located on the left side.\n * @default undefined\n */\n left?: React.ReactNode;\n /**\n * Reduces the left padding of the page header.\n * @default false\n */\n leftIsGhostButton?: boolean;\n /**\n * The component located on the right side.\n * @default undefined\n */\n right?: React.ReactNode;\n /**\n * Reduces the right padding of the page header.\n * @default false\n */\n rightIsGhostButton?: boolean;\n /**\n * The back event handler. If passed, the page header has the back button.\n * @default undefined\n */\n onBack?: () => void;\n /**\n * The locale.\n * @default undefined\n */\n locale?: PageHeaderLocale;\n}\n\nconst getReducedPadding = (p, isMinSm: boolean) => {\n const i = isMinSm ? 1 : 0;\n let padding = p.theme.horizontalPadding[i] - p.theme.buttonPaddingHorizontal;\n if (padding < 0) padding = 0;\n return padding;\n};\n\nconst horizontalPaddingStyles = (p) => {\n const reducedPadding = getReducedPadding(p, false);\n const reducedPaddingSm = getReducedPadding(p, true);\n return css`\n padding-left: ${p.leftIsGhostButton\n ? reducedPadding\n : p.theme.horizontalPadding[0]}em;\n padding-right: ${p.rightIsGhostButton\n ? reducedPadding\n : p.theme.horizontalPadding[0]}em;\n\n ${m.min.sm} {\n padding-left: ${p.leftIsGhostButton\n ? reducedPaddingSm\n : p.theme.horizontalPadding[1]}em;\n padding-right: ${p.rightIsGhostButton\n ? reducedPaddingSm\n : p.theme.horizontalPadding[1]}em;\n }\n `;\n};\n\nconst hasNavigationIndentStyles = (p) =>\n p.hasNavigationIndent &&\n css`\n ${m.min.md} {\n left: ${p.theme.navigationSideWidth}em;\n }\n `;\n\ninterface ContainerProps {\n leftIsGhostButton?: boolean;\n rightIsGhostButton?: boolean;\n hasNavigationIndent?: boolean;\n}\nexport const PageHeaderContainer = styled(\n 'div',\n omitEmotionProps(\n 'leftIsGhostButton',\n 'rightIsGhostButton',\n 'hasNavigationIndent'\n )\n)<ContainerProps>`\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n\n height: ${(p) => p.theme.pageHeaderHeight[0]}em;\n ${m.min.md} {\n height: ${(p) => p.theme.pageHeaderHeight[1]}em;\n }\n\n display: flex;\n align-items: center;\n box-sizing: border-box;\n z-index: 101;\n\n background-color: ${(p) => clr(p.theme.pageHeaderColorBg)};\n color: ${(p) => clr(p.theme.pageHeaderColorText)};\n border-bottom: 1px solid ${(p) => clr(p.theme.pageHeaderColorBorder)};\n\n ${horizontalPaddingStyles};\n ${hasNavigationIndentStyles};\n`;\n\nconst BackButton = styled(Button)`\n margin-right: 0.2em;\n flex-shrink: 0;\n`;\n\nconst Content = styled.div`\n overflow: hidden; // For ellipsis\n`;\n\nconst notHasSubtitleStyles = (p) =>\n !p.hasSubtitle &&\n css`\n font-size: ${p.theme.sizes.large}em;\n `;\n\ninterface TitleProps {\n hasSubtitle: boolean;\n}\nconst Title = styled('h1', omitEmotionProps('hasSubtitle'))<TitleProps>`\n margin: 0;\n font-size: 1em;\n font-weight: 500;\n line-height: 1.2;\n ${notHasSubtitleStyles};\n ${ellipsisStyles};\n`;\n\nconst Subtitle = styled.div`\n font-size: ${(p) => p.theme.sizes.small}em;\n color: ${(p) => clr(p.theme.pageHeaderSubtitleColorText)};\n line-height: 1.2;\n ${ellipsisStyles};\n`;\n\nconst Addon = styled.div`\n display: flex;\n align-items: center;\n`;\n\nconst LeftAddon = styled(Addon)`\n padding-right: ${(p) => p.theme.pageHeaderAddonPaddingHorizontal}em;\n`;\n\nconst RightAddon = styled(Addon)`\n padding-left: ${(p) => p.theme.pageHeaderAddonPaddingHorizontal}em;\n margin-left: auto;\n\n display: grid;\n grid-auto-flow: column;\n grid-column-gap: 0.4em;\n`;\n\n/**\n * The header of the page.\n */\nconst PageHeader = forwardRef<HTMLDivElement, PageHeaderProps>(\n (\n {\n title,\n subtitle,\n left,\n leftIsGhostButton = false,\n right,\n rightIsGhostButton = false,\n onBack,\n locale = defaultLocale,\n ...rest\n },\n ref\n ) => {\n const { hasNavigation } = useContext(LayoutContext);\n\n return (\n <ThemeOverrider\n overrides={(t) => ({\n buttonPaddingHorizontal: t.pageHeaderButtonPaddingHorizontal,\n })}\n >\n <PageHeaderContainer\n leftIsGhostButton={leftIsGhostButton || !!onBack}\n rightIsGhostButton={rightIsGhostButton}\n hasNavigationIndent={hasNavigation}\n {...rest}\n ref={ref}\n >\n {onBack && (\n <BackButton\n type='ghost'\n wide='never'\n onClick={onBack}\n aria-label={locale.backLabel}\n >\n <Left />\n </BackButton>\n )}\n\n {left && <LeftAddon>{left}</LeftAddon>}\n\n <Content>\n <Title hasSubtitle={!!subtitle}>{title}</Title>\n {subtitle && <Subtitle>{subtitle}</Subtitle>}\n </Content>\n\n {right && <RightAddon>{right}</RightAddon>}\n </PageHeaderContainer>\n </ThemeOverrider>\n );\n }\n);\n\nPageHeader.displayName = 'PageHeader';\n\nexport default PageHeader;\n"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","names":["_react","require","_styled","_interopRequireDefault","_icons","_media","_styles","_theming","_utils","_react2","_interopRequireWildcard","_Button","_LayoutContext","_defaultLocale","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_taggedTemplateLiteral","strings","raw","slice","freeze","defineProperties","value","getReducedPadding","p","isMinSm","padding","theme","horizontalPadding","buttonPaddingHorizontal","horizontalPaddingStyles","reducedPadding","reducedPaddingSm","css","leftIsGhostButton","rightIsGhostButton","m","min","sm","hasNavigationIndentStyles","hasNavigationIndent","md","navigationSideWidth","PageHeaderContainer","exports","styled","omitEmotionProps","pageHeaderHeight","clr","pageHeaderColorBg","pageHeaderColorText","pageHeaderColorBorder","BackButton","Button","Content","div","notHasSubtitleStyles","hasSubtitle","sizes","large","Title","ellipsisStyles","Subtitle","small","pageHeaderSubtitleColorText","Addon","LeftAddon","pageHeaderAddonPaddingHorizontal","RightAddon","PageHeader","forwardRef","_ref","ref","title","subtitle","left","_ref$leftIsGhostButto","right","_ref$rightIsGhostButt","onBack","_ref$locale","locale","defaultLocale","rest","_useContext","useContext","LayoutContext","hasNavigation","createElement","ThemeOverrider","overrides","pageHeaderButtonPaddingHorizontal","type","wide","onClick","backLabel","Left","displayName","_default"],"sources":["../../../src/PageHeader/index.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { Left } from '@os-design/icons';\nimport { m } from '@os-design/media';\nimport { ellipsisStyles } from '@os-design/styles';\nimport { ThemeOverrider, clr } from '@os-design/theming';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef, useContext } from 'react';\nimport Button from '../Button';\nimport LayoutContext from '../Layout/LayoutContext';\nimport defaultLocale, { PageHeaderLocale } from './utils/defaultLocale';\n\ntype JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;\nexport interface PageHeaderProps extends JsxDivProps {\n /**\n * The title of the page.\n * @default undefined\n */\n title: string;\n /**\n * The subtitle of the page.\n * @default undefined\n */\n subtitle?: string;\n /**\n * The component located on the left side.\n * @default undefined\n */\n left?: React.ReactNode;\n /**\n * Reduces the left padding of the page header.\n * @default false\n */\n leftIsGhostButton?: boolean;\n /**\n * The component located on the right side.\n * @default undefined\n */\n right?: React.ReactNode;\n /**\n * Reduces the right padding of the page header.\n * @default false\n */\n rightIsGhostButton?: boolean;\n /**\n * The back event handler. If passed, the page header has the back button.\n * @default undefined\n */\n onBack?: () => void;\n /**\n * The locale.\n * @default undefined\n */\n locale?: PageHeaderLocale;\n}\n\nconst getReducedPadding = (p, isMinSm: boolean) => {\n const i = isMinSm ? 1 : 0;\n let padding = p.theme.horizontalPadding[i] - p.theme.buttonPaddingHorizontal;\n if (padding < 0) padding = 0;\n return padding;\n};\n\nconst horizontalPaddingStyles = (p) => {\n const reducedPadding = getReducedPadding(p, false);\n const reducedPaddingSm = getReducedPadding(p, true);\n return css`\n padding-left: ${p.leftIsGhostButton\n ? reducedPadding\n : p.theme.horizontalPadding[0]}em;\n padding-right: ${p.rightIsGhostButton\n ? reducedPadding\n : p.theme.horizontalPadding[0]}em;\n\n ${m.min.sm} {\n padding-left: ${p.leftIsGhostButton\n ? reducedPaddingSm\n : p.theme.horizontalPadding[1]}em;\n padding-right: ${p.rightIsGhostButton\n ? reducedPaddingSm\n : p.theme.horizontalPadding[1]}em;\n }\n `;\n};\n\nconst hasNavigationIndentStyles = (p) =>\n p.hasNavigationIndent &&\n css`\n ${m.min.md} {\n left: ${p.theme.navigationSideWidth}em;\n }\n `;\n\ninterface ContainerProps {\n leftIsGhostButton?: boolean;\n rightIsGhostButton?: boolean;\n hasNavigationIndent?: boolean;\n}\nexport const PageHeaderContainer = styled(\n 'div',\n omitEmotionProps(\n 'leftIsGhostButton',\n 'rightIsGhostButton',\n 'hasNavigationIndent'\n )\n)<ContainerProps>`\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n\n height: ${(p) => p.theme.pageHeaderHeight[0]}em;\n ${m.min.md} {\n height: ${(p) => p.theme.pageHeaderHeight[1]}em;\n }\n\n display: flex;\n align-items: center;\n box-sizing: border-box;\n z-index: 101;\n\n background-color: ${(p) => clr(p.theme.pageHeaderColorBg)};\n color: ${(p) => clr(p.theme.pageHeaderColorText)};\n border-bottom: 1px solid ${(p) => clr(p.theme.pageHeaderColorBorder)};\n\n ${horizontalPaddingStyles};\n ${hasNavigationIndentStyles};\n`;\n\nconst BackButton = styled(Button)`\n margin-right: 0.2em;\n flex-shrink: 0;\n`;\n\nconst Content = styled.div`\n overflow: hidden; // For ellipsis\n`;\n\nconst notHasSubtitleStyles = (p) =>\n !p.hasSubtitle &&\n css`\n font-size: ${p.theme.sizes.large}em;\n `;\n\ninterface TitleProps {\n hasSubtitle: boolean;\n}\nconst Title = styled('h1', omitEmotionProps('hasSubtitle'))<TitleProps>`\n margin: 0;\n font-size: 1em;\n font-weight: 500;\n line-height: 1.2;\n ${notHasSubtitleStyles};\n ${ellipsisStyles};\n`;\n\nconst Subtitle = styled.div`\n font-size: ${(p) => p.theme.sizes.small}em;\n color: ${(p) => clr(p.theme.pageHeaderSubtitleColorText)};\n line-height: 1.2;\n ${ellipsisStyles};\n`;\n\nconst Addon = styled.div`\n display: flex;\n align-items: center;\n`;\n\nconst LeftAddon = styled(Addon)`\n padding-right: ${(p) => p.theme.pageHeaderAddonPaddingHorizontal}em;\n`;\n\nconst RightAddon = styled(Addon)`\n padding-left: ${(p) => p.theme.pageHeaderAddonPaddingHorizontal}em;\n margin-left: auto;\n\n display: grid;\n grid-auto-flow: column;\n grid-column-gap: 0.4em;\n`;\n\n/**\n * The header of the page.\n */\nconst PageHeader = forwardRef<HTMLDivElement, PageHeaderProps>(\n (\n {\n title,\n subtitle,\n left,\n leftIsGhostButton = false,\n right,\n rightIsGhostButton = false,\n onBack,\n locale = defaultLocale,\n ...rest\n },\n ref\n ) => {\n const { hasNavigation } = useContext(LayoutContext);\n\n return (\n <ThemeOverrider\n overrides={(t) => ({\n buttonPaddingHorizontal: t.pageHeaderButtonPaddingHorizontal,\n })}\n >\n <PageHeaderContainer\n leftIsGhostButton={leftIsGhostButton || !!onBack}\n rightIsGhostButton={rightIsGhostButton}\n hasNavigationIndent={hasNavigation}\n {...rest}\n ref={ref}\n >\n {onBack && (\n <BackButton\n type='ghost'\n wide='never'\n onClick={onBack}\n aria-label={locale.backLabel}\n >\n <Left />\n </BackButton>\n )}\n\n {left && <LeftAddon>{left}</LeftAddon>}\n\n <Content>\n <Title hasSubtitle={!!subtitle}>{title}</Title>\n {subtitle && <Subtitle>{subtitle}</Subtitle>}\n </Content>\n\n {right && <RightAddon>{right}</RightAddon>}\n </PageHeaderContainer>\n </ThemeOverrider>\n );\n }\n);\n\nPageHeader.displayName = 'PageHeader';\n\nexport default PageHeader;\n"],"mappings":"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"}
@@ -18,8 +18,8 @@ var _PageHeader = require("../PageHeader");
18
18
  var _defaultLocale = _interopRequireDefault(require("./utils/defaultLocale"));
19
19
  var _excluded = ["locale", "autoOpen", "onClose", "loading"];
20
20
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
21
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
22
- 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; }
21
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
22
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
23
23
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
24
24
  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); }
25
25
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_react","require","_styled","_interopRequireDefault","_icons","_theming","_utils","_react2","_interopRequireWildcard","_Button","_InputSearch","_LayoutContext","_PageHeader","_defaultLocale","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","r","l","t","Symbol","iterator","e","u","a","f","next","done","push","value","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_taggedTemplateLiteral","strings","raw","freeze","defineProperties","fadeIn","keyframes","fadeOut","visibleStyles","p","visible","css","theme","transitionDelay","invisibleStyles","Container","styled","PageHeaderContainer","omitEmotionProps","CloseButton","Button","pageHeaderAddonPaddingHorizontal","PageHeaderInputSearch","forwardRef","_ref","ref","_ref$locale","locale","defaultLocale","_ref$autoOpen","autoOpen","_ref$onClose","onClose","_ref$loading","loading","rest","_useState","useState","_useState2","setVisible","_useTheme","useTheme","mounted","useClosable","_useContext","useContext","LayoutContext","hasNavigation","createElement","Fragment","type","wide","onClick","searchLabel","Search","ThemeOverrider","overrides","buttonPaddingHorizontal","pageHeaderButtonPaddingHorizontal","rightIsGhostButton","hasNavigationIndent","autoFocus","closeLabel","Close","displayName","_default","exports"],"sources":["../../../src/PageHeaderInputSearch/index.tsx"],"sourcesContent":["import { css, keyframes } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { Close, Search } from '@os-design/icons';\nimport { ThemeOverrider, useTheme } from '@os-design/theming';\nimport { omitEmotionProps, useClosable } from '@os-design/utils';\nimport React, { forwardRef, useContext, useState } from 'react';\nimport Button from '../Button';\nimport InputSearch, { InputSearchProps } from '../InputSearch';\nimport LayoutContext from '../Layout/LayoutContext';\nimport { PageHeaderContainer } from '../PageHeader';\nimport defaultLocale, {\n PageHeaderInputSearchLocale,\n} from './utils/defaultLocale';\n\nexport interface PageHeaderInputSearchProps\n extends Omit<InputSearchProps, 'size' | 'locale'> {\n /**\n * The locale.\n * @default undefined\n */\n locale?: PageHeaderInputSearchLocale;\n /**\n * Whether the search input opens on mount.\n * @default false\n */\n autoOpen?: boolean;\n /**\n * The close event handler.\n * @default undefined\n */\n onClose?: () => void;\n}\n\nconst fadeIn = keyframes`\n from { transform: translateY(-100%); }\n to { transform: translateY(0); }\n`;\n\nconst fadeOut = keyframes`\n from { transform: translateY(0); }\n to { transform: translateY(-100%); }\n`;\n\nconst visibleStyles = (p) =>\n p.visible &&\n css`\n animation: ${fadeIn} ${p.theme.transitionDelay}ms forwards;\n `;\n\nconst invisibleStyles = (p) =>\n !p.visible &&\n css`\n animation: ${fadeOut} ${p.theme.transitionDelay}ms forwards;\n `;\n\ninterface ContainerProps {\n visible: boolean;\n}\nconst Container = styled(\n PageHeaderContainer,\n omitEmotionProps('visible')\n)<ContainerProps>`\n z-index: 102; // After PageHeaderContainer\n ${visibleStyles};\n ${invisibleStyles};\n`;\n\nconst CloseButton = styled(Button)`\n margin-left: ${(p) => p.theme.pageHeaderAddonPaddingHorizontal}em;\n`;\n\n/**\n * The search input for the page header.\n */\nconst PageHeaderInputSearch = forwardRef<\n HTMLInputElement,\n PageHeaderInputSearchProps\n>(\n (\n {\n locale = defaultLocale,\n autoOpen = false,\n onClose = () => {},\n loading = false,\n ...rest\n },\n ref\n ) => {\n const [visible, setVisible] = useState(autoOpen);\n const { theme } = useTheme();\n const mounted = useClosable(visible, theme.transitionDelay);\n const { hasNavigation } = useContext(LayoutContext);\n\n return (\n <>\n <Button\n type='ghost'\n wide='never'\n loading={loading}\n onClick={() => setVisible(true)}\n aria-label={locale.searchLabel}\n >\n <Search />\n </Button>\n\n {mounted && (\n <ThemeOverrider\n overrides={(t) => ({\n buttonPaddingHorizontal: t.pageHeaderButtonPaddingHorizontal,\n })}\n >\n <Container\n visible={visible}\n rightIsGhostButton\n hasNavigationIndent={hasNavigation}\n >\n <InputSearch\n autoFocus\n locale={locale}\n loading={loading}\n {...rest}\n ref={ref}\n />\n <CloseButton\n type='ghost'\n wide='never'\n onClick={() => {\n setVisible(false);\n onClose();\n }}\n aria-label={locale.closeLabel}\n >\n <Close />\n </CloseButton>\n </Container>\n </ThemeOverrider>\n )}\n </>\n );\n }\n);\n\nPageHeaderInputSearch.displayName = 'PageHeaderInputSearch';\n\nexport default PageHeaderInputSearch;\n"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","names":["_react","require","_styled","_interopRequireDefault","_icons","_theming","_utils","_react2","_interopRequireWildcard","_Button","_InputSearch","_LayoutContext","_PageHeader","_defaultLocale","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","arr2","l","Symbol","iterator","f","next","done","push","value","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_taggedTemplateLiteral","strings","raw","freeze","defineProperties","fadeIn","keyframes","fadeOut","visibleStyles","p","visible","css","theme","transitionDelay","invisibleStyles","Container","styled","PageHeaderContainer","omitEmotionProps","CloseButton","Button","pageHeaderAddonPaddingHorizontal","PageHeaderInputSearch","forwardRef","_ref","ref","_ref$locale","locale","defaultLocale","_ref$autoOpen","autoOpen","_ref$onClose","onClose","_ref$loading","loading","rest","_useState","useState","_useState2","setVisible","_useTheme","useTheme","mounted","useClosable","_useContext","useContext","LayoutContext","hasNavigation","createElement","Fragment","type","wide","onClick","searchLabel","Search","ThemeOverrider","overrides","buttonPaddingHorizontal","pageHeaderButtonPaddingHorizontal","rightIsGhostButton","hasNavigationIndent","autoFocus","closeLabel","Close","displayName","_default","exports"],"sources":["../../../src/PageHeaderInputSearch/index.tsx"],"sourcesContent":["import { css, keyframes } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { Close, Search } from '@os-design/icons';\nimport { ThemeOverrider, useTheme } from '@os-design/theming';\nimport { omitEmotionProps, useClosable } from '@os-design/utils';\nimport React, { forwardRef, useContext, useState } from 'react';\nimport Button from '../Button';\nimport InputSearch, { InputSearchProps } from '../InputSearch';\nimport LayoutContext from '../Layout/LayoutContext';\nimport { PageHeaderContainer } from '../PageHeader';\nimport defaultLocale, {\n PageHeaderInputSearchLocale,\n} from './utils/defaultLocale';\n\nexport interface PageHeaderInputSearchProps\n extends Omit<InputSearchProps, 'size' | 'locale'> {\n /**\n * The locale.\n * @default undefined\n */\n locale?: PageHeaderInputSearchLocale;\n /**\n * Whether the search input opens on mount.\n * @default false\n */\n autoOpen?: boolean;\n /**\n * The close event handler.\n * @default undefined\n */\n onClose?: () => void;\n}\n\nconst fadeIn = keyframes`\n from { transform: translateY(-100%); }\n to { transform: translateY(0); }\n`;\n\nconst fadeOut = keyframes`\n from { transform: translateY(0); }\n to { transform: translateY(-100%); }\n`;\n\nconst visibleStyles = (p) =>\n p.visible &&\n css`\n animation: ${fadeIn} ${p.theme.transitionDelay}ms forwards;\n `;\n\nconst invisibleStyles = (p) =>\n !p.visible &&\n css`\n animation: ${fadeOut} ${p.theme.transitionDelay}ms forwards;\n `;\n\ninterface ContainerProps {\n visible: boolean;\n}\nconst Container = styled(\n PageHeaderContainer,\n omitEmotionProps('visible')\n)<ContainerProps>`\n z-index: 102; // After PageHeaderContainer\n ${visibleStyles};\n ${invisibleStyles};\n`;\n\nconst CloseButton = styled(Button)`\n margin-left: ${(p) => p.theme.pageHeaderAddonPaddingHorizontal}em;\n`;\n\n/**\n * The search input for the page header.\n */\nconst PageHeaderInputSearch = forwardRef<\n HTMLInputElement,\n PageHeaderInputSearchProps\n>(\n (\n {\n locale = defaultLocale,\n autoOpen = false,\n onClose = () => {},\n loading = false,\n ...rest\n },\n ref\n ) => {\n const [visible, setVisible] = useState(autoOpen);\n const { theme } = useTheme();\n const mounted = useClosable(visible, theme.transitionDelay);\n const { hasNavigation } = useContext(LayoutContext);\n\n return (\n <>\n <Button\n type='ghost'\n wide='never'\n loading={loading}\n onClick={() => setVisible(true)}\n aria-label={locale.searchLabel}\n >\n <Search />\n </Button>\n\n {mounted && (\n <ThemeOverrider\n overrides={(t) => ({\n buttonPaddingHorizontal: t.pageHeaderButtonPaddingHorizontal,\n })}\n >\n <Container\n visible={visible}\n rightIsGhostButton\n hasNavigationIndent={hasNavigation}\n >\n <InputSearch\n autoFocus\n locale={locale}\n loading={loading}\n {...rest}\n ref={ref}\n />\n <CloseButton\n type='ghost'\n wide='never'\n onClick={() => {\n setVisible(false);\n onClose();\n }}\n aria-label={locale.closeLabel}\n >\n <Close />\n </CloseButton>\n </Container>\n </ThemeOverrider>\n )}\n </>\n );\n }\n);\n\nPageHeaderInputSearch.displayName = 'PageHeaderInputSearch';\n\nexport default PageHeaderInputSearch;\n"],"mappings":"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"}
@@ -11,8 +11,8 @@ var _PageHeader = require("../PageHeader");
11
11
  var _Skeleton = _interopRequireDefault(require("../Skeleton"));
12
12
  var _excluded = ["width"];
13
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
14
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
15
- 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; }
14
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
15
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
16
16
  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); }
17
17
  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; }
18
18
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_LayoutContext","_interopRequireDefault","_PageHeader","_Skeleton","_excluded","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","PageHeaderSkeleton","forwardRef","_ref","ref","_ref$width","width","rest","_useContext","useContext","LayoutContext","hasNavigation","createElement","PageHeaderContainer","hasNavigationIndent","displayName","_default","exports"],"sources":["../../../src/PageHeaderSkeleton/index.tsx"],"sourcesContent":["import { WithSize } from '@os-design/styles';\nimport React, { forwardRef, useContext } from 'react';\nimport LayoutContext from '../Layout/LayoutContext';\nimport { PageHeaderContainer } from '../PageHeader';\nimport Skeleton, { SkeletonProps } from '../Skeleton';\n\nexport type PageHeaderSkeletonProps = SkeletonProps & WithSize;\n\n/**\n * Provides a page header placeholder while a user waits for\n * the content to load.\n */\nconst PageHeaderSkeleton = forwardRef<HTMLDivElement, PageHeaderSkeletonProps>(\n ({ width = '30%', ...rest }, ref) => {\n const { hasNavigation } = useContext(LayoutContext);\n\n return (\n <PageHeaderContainer\n hasNavigationIndent={hasNavigation}\n {...rest}\n ref={ref}\n >\n <Skeleton width={width} />\n </PageHeaderContainer>\n );\n }\n);\n\nPageHeaderSkeleton.displayName = 'PageHeaderSkeleton';\n\nexport default PageHeaderSkeleton;\n"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_LayoutContext","_interopRequireDefault","_PageHeader","_Skeleton","_excluded","obj","__esModule","_getRequireWildcardCache","e","WeakMap","r","t","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","PageHeaderSkeleton","forwardRef","_ref","ref","_ref$width","width","rest","_useContext","useContext","LayoutContext","hasNavigation","createElement","PageHeaderContainer","hasNavigationIndent","displayName","_default","exports"],"sources":["../../../src/PageHeaderSkeleton/index.tsx"],"sourcesContent":["import { WithSize } from '@os-design/styles';\nimport React, { forwardRef, useContext } from 'react';\nimport LayoutContext from '../Layout/LayoutContext';\nimport { PageHeaderContainer } from '../PageHeader';\nimport Skeleton, { SkeletonProps } from '../Skeleton';\n\nexport type PageHeaderSkeletonProps = SkeletonProps & WithSize;\n\n/**\n * Provides a page header placeholder while a user waits for\n * the content to load.\n */\nconst PageHeaderSkeleton = forwardRef<HTMLDivElement, PageHeaderSkeletonProps>(\n ({ width = '30%', ...rest }, ref) => {\n const { hasNavigation } = useContext(LayoutContext);\n\n return (\n <PageHeaderContainer\n hasNavigationIndent={hasNavigation}\n {...rest}\n ref={ref}\n >\n <Skeleton width={width} />\n </PageHeaderContainer>\n );\n }\n);\n\nPageHeaderSkeleton.displayName = 'PageHeaderSkeleton';\n\nexport default PageHeaderSkeleton;\n"],"mappings":"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"}
@@ -12,8 +12,8 @@ var _react2 = _interopRequireWildcard(require("react"));
12
12
  var _Skeleton = _interopRequireDefault(require("../Skeleton"));
13
13
  var _excluded = ["rows", "width", "hasMargin"];
14
14
  var _templateObject, _templateObject2;
15
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
16
- 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; }
15
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
16
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
17
17
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
18
18
  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); }
19
19
  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; }
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_react","require","_styled","_interopRequireDefault","_utils","_react2","_interopRequireWildcard","_Skeleton","_excluded","_templateObject","_templateObject2","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_taggedTemplateLiteral","strings","raw","slice","freeze","defineProperties","value","hasMarginStyles","p","hasMargin","css","theme","paragraphMarginBottom","lineHeight","Container","styled","omitEmotionProps","ParagraphSkeleton","forwardRef","_ref","ref","_ref$rows","rows","_ref$width","width","_ref$hasMargin","rest","createElement","Array","fill","map","_","index","displayName","_default","exports"],"sources":["../../../src/ParagraphSkeleton/index.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef } from 'react';\nimport Skeleton, { SkeletonProps } from '../Skeleton';\n\nexport interface ParagraphSkeletonProps extends SkeletonProps {\n /**\n * The number of rows.\n * @default 4\n */\n rows?: number;\n /**\n * The width of the last row.\n * @default 70%\n */\n width?: string;\n /**\n * Whether the paragraph has a bottom margin.\n * @default false\n */\n hasMargin?: boolean;\n}\n\nconst hasMarginStyles = (p) =>\n p.hasMargin &&\n css`\n margin-bottom: ${p.theme.paragraphMarginBottom +\n (p.theme.lineHeight - 1)}em;\n `;\n\ntype ContainerProps = Pick<ParagraphSkeletonProps, 'hasMargin'>;\nconst Container = styled('div', omitEmotionProps('hasMargin'))<ContainerProps>`\n & > *:not(:last-of-type) {\n margin-bottom: ${(p) => p.theme.lineHeight - 1}em;\n }\n ${hasMarginStyles};\n`;\n\nlet key = 0;\n\n/**\n * Provides a paragraph placeholder while a user waits for the content to load.\n */\nconst ParagraphSkeleton = forwardRef<HTMLDivElement, ParagraphSkeletonProps>(\n ({ rows = 4, width = '70%', hasMargin = false, ...rest }, ref) => (\n <Container hasMargin={hasMargin} {...rest} ref={ref}>\n {Array(rows)\n .fill(0)\n .map((_, index) => {\n key += 1;\n return (\n <Skeleton key={key} width={index < rows - 1 ? '100%' : width} />\n );\n })}\n </Container>\n )\n);\n\nParagraphSkeleton.displayName = 'ParagraphSkeleton';\n\nexport default ParagraphSkeleton;\n"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","names":["_react","require","_styled","_interopRequireDefault","_utils","_react2","_interopRequireWildcard","_Skeleton","_excluded","_templateObject","_templateObject2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_taggedTemplateLiteral","strings","raw","slice","freeze","defineProperties","value","hasMarginStyles","p","hasMargin","css","theme","paragraphMarginBottom","lineHeight","Container","styled","omitEmotionProps","ParagraphSkeleton","forwardRef","_ref","ref","_ref$rows","rows","_ref$width","width","_ref$hasMargin","rest","createElement","Array","fill","map","_","index","displayName","_default","exports"],"sources":["../../../src/ParagraphSkeleton/index.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef } from 'react';\nimport Skeleton, { SkeletonProps } from '../Skeleton';\n\nexport interface ParagraphSkeletonProps extends SkeletonProps {\n /**\n * The number of rows.\n * @default 4\n */\n rows?: number;\n /**\n * The width of the last row.\n * @default 70%\n */\n width?: string;\n /**\n * Whether the paragraph has a bottom margin.\n * @default false\n */\n hasMargin?: boolean;\n}\n\nconst hasMarginStyles = (p) =>\n p.hasMargin &&\n css`\n margin-bottom: ${p.theme.paragraphMarginBottom +\n (p.theme.lineHeight - 1)}em;\n `;\n\ntype ContainerProps = Pick<ParagraphSkeletonProps, 'hasMargin'>;\nconst Container = styled('div', omitEmotionProps('hasMargin'))<ContainerProps>`\n & > *:not(:last-of-type) {\n margin-bottom: ${(p) => p.theme.lineHeight - 1}em;\n }\n ${hasMarginStyles};\n`;\n\nlet key = 0;\n\n/**\n * Provides a paragraph placeholder while a user waits for the content to load.\n */\nconst ParagraphSkeleton = forwardRef<HTMLDivElement, ParagraphSkeletonProps>(\n ({ rows = 4, width = '70%', hasMargin = false, ...rest }, ref) => (\n <Container hasMargin={hasMargin} {...rest} ref={ref}>\n {Array(rows)\n .fill(0)\n .map((_, index) => {\n key += 1;\n return (\n <Skeleton key={key} width={index < rows - 1 ? '100%' : width} />\n );\n })}\n </Container>\n )\n);\n\nParagraphSkeleton.displayName = 'ParagraphSkeleton';\n\nexport default ParagraphSkeleton;\n"],"mappings":"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"}
@@ -15,8 +15,8 @@ var _react2 = _interopRequireWildcard(require("react"));
15
15
  var _usePopoverPosition2 = _interopRequireDefault(require("./utils/usePopoverPosition"));
16
16
  var _excluded = ["trigger", "placement", "gap", "flip", "visible", "onClose", "id", "children"];
17
17
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
18
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
19
- 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; }
18
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
19
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
20
20
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
21
21
  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); }
22
22
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }