@doist/reactist 30.1.4 → 31.1.0
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.
- package/CHANGELOG.md +16 -0
- package/dist/reactist.cjs.development.js +317 -407
- package/dist/reactist.cjs.development.js.map +1 -1
- package/dist/reactist.cjs.production.min.js +1 -1
- package/dist/reactist.cjs.production.min.js.map +1 -1
- package/es/avatar/avatar.js +3 -6
- package/es/avatar/avatar.js.map +1 -1
- package/es/badge/badge.js +3 -6
- package/es/badge/badge.js.map +1 -1
- package/es/banner/banner.js +15 -22
- package/es/banner/banner.js.map +1 -1
- package/es/banner/banner.module.css.js +1 -1
- package/es/base-field/base-field.js +6 -7
- package/es/base-field/base-field.js.map +1 -1
- package/es/box/box.js +43 -46
- package/es/box/box.js.map +1 -1
- package/es/button/button.js +18 -22
- package/es/button/button.js.map +1 -1
- package/es/checkbox-field/checkbox-field.js +9 -12
- package/es/checkbox-field/checkbox-field.js.map +1 -1
- package/es/checkbox-field/checkbox-icon.js +3 -6
- package/es/checkbox-field/checkbox-icon.js.map +1 -1
- package/es/checkbox-field/use-fork-ref.js +1 -1
- package/es/checkbox-field/use-fork-ref.js.map +1 -1
- package/es/columns/columns.js +15 -20
- package/es/columns/columns.js.map +1 -1
- package/es/components/deprecated-button/deprecated-button.js +10 -13
- package/es/components/deprecated-button/deprecated-button.js.map +1 -1
- package/es/components/deprecated-dropdown/dropdown.js +6 -8
- package/es/components/deprecated-dropdown/dropdown.js.map +1 -1
- package/es/components/deprecated-select/select.js +3 -6
- package/es/components/deprecated-select/select.js.map +1 -1
- package/es/components/keyboard-shortcut/keyboard-shortcut.js +7 -11
- package/es/components/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
- package/es/divider/divider.js +3 -6
- package/es/divider/divider.js.map +1 -1
- package/es/heading/heading.js +3 -6
- package/es/heading/heading.js.map +1 -1
- package/es/hidden/hidden.js +6 -9
- package/es/hidden/hidden.js.map +1 -1
- package/es/icons/alert-icon.js +3 -6
- package/es/icons/alert-icon.js.map +1 -1
- package/es/icons/banner-icon.js +3 -6
- package/es/icons/banner-icon.js.map +1 -1
- package/es/inline/inline.js +9 -12
- package/es/inline/inline.js.map +1 -1
- package/es/loading/loading.js +3 -6
- package/es/loading/loading.js.map +1 -1
- package/es/menu/menu.js +26 -39
- package/es/menu/menu.js.map +1 -1
- package/es/modal/modal.js +28 -39
- package/es/modal/modal.js.map +1 -1
- package/es/password-field/password-field.js +3 -6
- package/es/password-field/password-field.js.map +1 -1
- package/es/prose/prose.js +3 -6
- package/es/prose/prose.js.map +1 -1
- package/es/select-field/select-field.js +7 -8
- package/es/select-field/select-field.js.map +1 -1
- package/es/stack/stack.js +10 -13
- package/es/stack/stack.js.map +1 -1
- package/es/switch-field/switch-field.js +3 -6
- package/es/switch-field/switch-field.js.map +1 -1
- package/es/tabs/tabs.js +15 -19
- package/es/tabs/tabs.js.map +1 -1
- package/es/text/text.js +11 -14
- package/es/text/text.js.map +1 -1
- package/es/text-area/text-area.js +7 -11
- package/es/text-area/text-area.js.map +1 -1
- package/es/text-field/text-field.js +7 -11
- package/es/text-field/text-field.js.map +1 -1
- package/es/text-link/text-link.js +8 -11
- package/es/text-link/text-link.js.map +1 -1
- package/es/toast/static-toast.js +3 -6
- package/es/toast/static-toast.js.map +1 -1
- package/es/toast/use-toasts.js +10 -13
- package/es/toast/use-toasts.js.map +1 -1
- package/es/tooltip/tooltip.js +3 -0
- package/es/tooltip/tooltip.js.map +1 -1
- package/lib/avatar/avatar.js +3 -7
- package/lib/avatar/avatar.js.map +1 -1
- package/lib/badge/badge.js +3 -7
- package/lib/badge/badge.js.map +1 -1
- package/lib/banner/banner.js +15 -23
- package/lib/banner/banner.js.map +1 -1
- package/lib/banner/banner.module.css.js +1 -1
- package/lib/base-field/base-field.js +6 -10
- package/lib/base-field/base-field.js.map +1 -1
- package/lib/box/box.js +43 -48
- package/lib/box/box.js.map +1 -1
- package/lib/button/button.js +18 -23
- package/lib/button/button.js.map +1 -1
- package/lib/checkbox-field/checkbox-field.js +9 -13
- package/lib/checkbox-field/checkbox-field.js.map +1 -1
- package/lib/checkbox-field/checkbox-icon.js +3 -7
- package/lib/checkbox-field/checkbox-icon.js.map +1 -1
- package/lib/checkbox-field/use-fork-ref.js +1 -1
- package/lib/checkbox-field/use-fork-ref.js.map +1 -1
- package/lib/columns/columns.js +15 -21
- package/lib/columns/columns.js.map +1 -1
- package/lib/components/deprecated-button/deprecated-button.js +10 -14
- package/lib/components/deprecated-button/deprecated-button.js.map +1 -1
- package/lib/components/deprecated-dropdown/dropdown.js +6 -9
- package/lib/components/deprecated-dropdown/dropdown.js.map +1 -1
- package/lib/components/deprecated-select/select.js +3 -7
- package/lib/components/deprecated-select/select.js.map +1 -1
- package/lib/components/keyboard-shortcut/keyboard-shortcut.js +7 -12
- package/lib/components/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
- package/lib/divider/divider.js +3 -7
- package/lib/divider/divider.js.map +1 -1
- package/lib/heading/heading.js +3 -7
- package/lib/heading/heading.js.map +1 -1
- package/lib/hidden/hidden.js +6 -10
- package/lib/hidden/hidden.js.map +1 -1
- package/lib/icons/alert-icon.js +3 -7
- package/lib/icons/alert-icon.js.map +1 -1
- package/lib/icons/banner-icon.js +3 -7
- package/lib/icons/banner-icon.js.map +1 -1
- package/lib/inline/inline.js +9 -13
- package/lib/inline/inline.js.map +1 -1
- package/lib/loading/loading.js +3 -7
- package/lib/loading/loading.js.map +1 -1
- package/lib/menu/menu.js +26 -41
- package/lib/menu/menu.js.map +1 -1
- package/lib/modal/modal.js +28 -40
- package/lib/modal/modal.js.map +1 -1
- package/lib/password-field/password-field.js +3 -7
- package/lib/password-field/password-field.js.map +1 -1
- package/lib/prose/prose.js +3 -7
- package/lib/prose/prose.js.map +1 -1
- package/lib/select-field/select-field.js +7 -9
- package/lib/select-field/select-field.js.map +1 -1
- package/lib/stack/stack.js +10 -14
- package/lib/stack/stack.js.map +1 -1
- package/lib/switch-field/switch-field.js +3 -7
- package/lib/switch-field/switch-field.js.map +1 -1
- package/lib/tabs/tabs.js +15 -20
- package/lib/tabs/tabs.js.map +1 -1
- package/lib/text/text.js +11 -15
- package/lib/text/text.js.map +1 -1
- package/lib/text-area/text-area.js +7 -12
- package/lib/text-area/text-area.js.map +1 -1
- package/lib/text-field/text-field.js +7 -12
- package/lib/text-field/text-field.js.map +1 -1
- package/lib/text-link/text-link.js +8 -12
- package/lib/text-link/text-link.js.map +1 -1
- package/lib/toast/static-toast.js +3 -7
- package/lib/toast/static-toast.js.map +1 -1
- package/lib/toast/use-toasts.js +10 -15
- package/lib/toast/use-toasts.js.map +1 -1
- package/lib/tooltip/tooltip.js +3 -0
- package/lib/tooltip/tooltip.js.map +1 -1
- package/lib/utils/test-helpers.d.ts +1 -1
- package/package.json +31 -57
- package/styles/banner.css +1 -1
- package/styles/banner.module.css.css +1 -1
- package/styles/index.css +9 -1
- package/styles/prose.css +1 -1
- package/styles/prose.module.css.css +1 -1
- package/styles/reactist.css +3 -3
|
@@ -1,20 +1,17 @@
|
|
|
1
1
|
import _extends from '@babel/runtime/helpers/extends';
|
|
2
|
-
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
3
2
|
import * as React from 'react';
|
|
4
3
|
import { polymorphicComponent } from '../utils/polymorphism.js';
|
|
5
4
|
import modules_3d05deee from './text-link.module.css.js';
|
|
6
5
|
import { Box } from '../box/box.js';
|
|
7
6
|
|
|
8
|
-
const
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
} = _ref,
|
|
17
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
7
|
+
const TextLink = polymorphicComponent(function TextLink({
|
|
8
|
+
as = 'a',
|
|
9
|
+
openInNewTab = false,
|
|
10
|
+
exceptionallySetClassName,
|
|
11
|
+
color = 'default',
|
|
12
|
+
underline = true,
|
|
13
|
+
...props
|
|
14
|
+
}, ref) {
|
|
18
15
|
return /*#__PURE__*/React.createElement(Box, _extends({}, props, {
|
|
19
16
|
as: as,
|
|
20
17
|
display: "inline",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-link.js","sources":["../../src/text-link/text-link.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Box } from '../box'\nimport { polymorphicComponent } from '../utils/polymorphism'\n\nimport styles from './text-link.module.css'\n\nimport type { OpenInNewTab } from '../utils/common-types'\n\ntype TextLinkColors = 'default' | 'inherit'\n\ntype TextLinkProps = OpenInNewTab & {\n color?: TextLinkColors\n underline?: boolean\n}\n\nconst TextLink = polymorphicComponent<'a', TextLinkProps>(function TextLink(\n {\n as = 'a',\n openInNewTab = false,\n exceptionallySetClassName,\n color = 'default',\n underline = true,\n ...props\n },\n ref,\n) {\n return (\n <Box\n {...props}\n as={as}\n display=\"inline\"\n className={[\n exceptionallySetClassName,\n styles.container,\n styles[color],\n underline ? styles.underline : styles['no-underline'],\n ]}\n ref={ref}\n target={openInNewTab ? '_blank' : undefined}\n rel={openInNewTab ? 'noopener noreferrer' : undefined}\n />\n )\n})\n\nexport { TextLink }\nexport type { TextLinkProps }\n"],"names":["TextLink","polymorphicComponent","
|
|
1
|
+
{"version":3,"file":"text-link.js","sources":["../../src/text-link/text-link.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Box } from '../box'\nimport { polymorphicComponent } from '../utils/polymorphism'\n\nimport styles from './text-link.module.css'\n\nimport type { OpenInNewTab } from '../utils/common-types'\n\ntype TextLinkColors = 'default' | 'inherit'\n\ntype TextLinkProps = OpenInNewTab & {\n color?: TextLinkColors\n underline?: boolean\n}\n\nconst TextLink = polymorphicComponent<'a', TextLinkProps>(function TextLink(\n {\n as = 'a',\n openInNewTab = false,\n exceptionallySetClassName,\n color = 'default',\n underline = true,\n ...props\n },\n ref,\n) {\n return (\n <Box\n {...props}\n as={as}\n display=\"inline\"\n className={[\n exceptionallySetClassName,\n styles.container,\n styles[color],\n underline ? styles.underline : styles['no-underline'],\n ]}\n ref={ref}\n target={openInNewTab ? '_blank' : undefined}\n rel={openInNewTab ? 'noopener noreferrer' : undefined}\n />\n )\n})\n\nexport { TextLink }\nexport type { TextLinkProps }\n"],"names":["TextLink","polymorphicComponent","as","openInNewTab","exceptionallySetClassName","color","underline","props","ref","React","createElement","Box","_extends","display","className","styles","container","target","undefined","rel"],"mappings":";;;;;;AAgBA,MAAMA,QAAQ,GAAGC,oBAAoB,CAAqB,SAASD,QAAQA,CACvE;AACIE,EAAAA,EAAE,GAAG,GAAG;AACRC,EAAAA,YAAY,GAAG,KAAK;EACpBC,yBAAyB;AACzBC,EAAAA,KAAK,GAAG,SAAS;AACjBC,EAAAA,SAAS,GAAG,IAAI;EAChB,GAAGC,KAAAA;AACP,CAAC,EACDC,GAAG,EACL;EACE,oBACIC,KAAA,CAAAC,aAAA,CAACC,GAAG,EAAAC,QAAA,KACIL,KAAK,EAAA;AACTL,IAAAA,EAAE,EAAEA,EAAG;AACPW,IAAAA,OAAO,EAAC,QAAQ;IAChBC,SAAS,EAAE,CACPV,yBAAyB,EACzBW,gBAAM,CAACC,SAAS,EAChBD,gBAAM,CAACV,KAAK,CAAC,EACbC,SAAS,GAAGS,gBAAM,CAACT,SAAS,GAAGS,gBAAM,CAAC,cAAc,CAAC,CACvD;AACFP,IAAAA,GAAG,EAAEA,GAAI;AACTS,IAAAA,MAAM,EAAEd,YAAY,GAAG,QAAQ,GAAGe,SAAU;AAC5CC,IAAAA,GAAG,EAAEhB,YAAY,GAAG,qBAAqB,GAAGe,SAAAA;AAAU,GAAA,CACzD,CAAC,CAAA;AAEV,CAAC;;;;"}
|
package/es/toast/static-toast.js
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import _extends from '@babel/runtime/helpers/extends';
|
|
2
|
-
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
3
2
|
import { c } from 'react-compiler-runtime';
|
|
4
3
|
import React__default from 'react';
|
|
5
4
|
import { CloseIcon } from '../icons/close-icon.js';
|
|
@@ -9,7 +8,6 @@ import { Text } from '../text/text.js';
|
|
|
9
8
|
import { Button, IconButton } from '../button/button.js';
|
|
10
9
|
import { Box } from '../box/box.js';
|
|
11
10
|
|
|
12
|
-
const _excluded = ["message", "description", "icon", "action", "onDismiss", "dismissLabel"];
|
|
13
11
|
/**
|
|
14
12
|
* A toast that shows a message, and an optional action associated with it.
|
|
15
13
|
*
|
|
@@ -34,16 +32,15 @@ const StaticToast = /*#__PURE__*/React__default.forwardRef(function Toast(t0, re
|
|
|
34
32
|
let props;
|
|
35
33
|
let t1;
|
|
36
34
|
if ($[0] !== t0) {
|
|
37
|
-
var _t = t0;
|
|
38
35
|
({
|
|
39
36
|
message,
|
|
40
37
|
description,
|
|
41
38
|
icon,
|
|
42
39
|
action,
|
|
43
40
|
onDismiss,
|
|
44
|
-
dismissLabel: t1
|
|
45
|
-
|
|
46
|
-
|
|
41
|
+
dismissLabel: t1,
|
|
42
|
+
...props
|
|
43
|
+
} = t0);
|
|
47
44
|
$[0] = t0;
|
|
48
45
|
$[1] = action;
|
|
49
46
|
$[2] = description;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"static-toast.js","sources":["../../src/toast/static-toast.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Box } from '../box'\nimport { Button, IconButton } from '../button'\nimport { CloseIcon } from '../icons/close-icon'\nimport { Stack } from '../stack'\nimport { Text } from '../text'\n\nimport styles from './toast.module.css'\n\ntype ToastActionObject = {\n label: string\n onClick: () => void\n closeToast?: boolean\n}\n\ntype StaticToastProps = {\n /**\n * The message shown in the toast.\n */\n message: NonNullable<React.ReactNode>\n\n /**\n * An optional extra description that complements the main message shown in the toast.\n */\n description?: React.ReactNode\n\n /**\n * An icon to be shown in front of the message.\n */\n icon?: React.ReactNode\n\n /**\n * The action to call when the user clicks on the dismiss button. If omitted, the dismiss button\n * does not appear.\n */\n onDismiss?: () => void\n\n /**\n * The label for the button that dismisses the toast.\n */\n dismissLabel?: string\n\n /**\n * What to render in the action slot. Usually a button or link.\n *\n * You can also pass an object that containst the action label, and a function that performs the\n * action. This is used by the toast component to render a button for you.\n *\n * In general, you should prefer the action object most of the time. But it is possible to pass\n * a React element instead, if you need more control over what to render. For instance, you may\n * want to render a link instead of a button.\n *\n * Keep in mind, though, that the default button rendered uses `variant=\"tertiary\"` and\n * `size=\"small\"`. In most cases you should stick to the variants `tertiary` or `primary`, which\n * are the ones that look better in the toast's dark background. And in all cases you should use\n * size `small`.\n */\n action?: React.ReactElement | ToastActionObject\n}\n\n/**\n * A toast that shows a message, and an optional action associated with it.\n *\n * This component is generally not meant to be used directly. Most of the time you'll want to use\n * toasts generated via `useToasts` instead. However, this component is available in case you need\n * to take control of rendering a toast under different circumstances than that of notification-like\n * floating toasts.\n *\n * This component makes no assumptions outwardly about how it is positioned on the screen. That is,\n * it will not be shown floating or fixed to the viewport edges, as toasts normally show up. It only\n * provides the toast look and feel, but you are responsible for positioning it as you want.\n *\n * @see useToasts\n */\nconst StaticToast = React.forwardRef<HTMLDivElement, StaticToastProps>(function Toast(\n { message, description, icon, action, onDismiss, dismissLabel = 'Close', ...props },\n ref,\n) {\n return (\n <Box\n ref={ref}\n role=\"alert\"\n aria-live=\"polite\"\n borderRadius=\"full\"\n width=\"fitContent\"\n background=\"toast\"\n display=\"flex\"\n padding=\"large\"\n alignItems=\"center\"\n className={styles.toastContainer}\n {...props}\n >\n {icon ? <ToastContentSlot>{icon}</ToastContentSlot> : null}\n\n <Box flexGrow={1} maxWidth=\"small\">\n {description ? (\n <Stack space=\"small\">\n <Text weight=\"bold\">{message} </Text>\n <Text>{description}</Text>\n </Stack>\n ) : (\n <Text>{message}</Text>\n )}\n </Box>\n\n {action ? (\n <ToastContentSlot>\n {isActionObject(action) ? (\n <Button variant=\"tertiary\" size=\"small\" onClick={action.onClick}>\n {action.label}\n </Button>\n ) : (\n action\n )}\n </ToastContentSlot>\n ) : null}\n\n {onDismiss ? (\n <ToastContentSlot>\n <IconButton\n variant=\"quaternary\"\n size=\"small\"\n onClick={onDismiss}\n aria-label={dismissLabel}\n icon={<CloseIcon />}\n />\n </ToastContentSlot>\n ) : null}\n </Box>\n )\n})\n\nfunction isActionObject(action: StaticToastProps['action']): action is ToastActionObject {\n return (\n action != null &&\n typeof action === 'object' &&\n 'label' in action &&\n 'onClick' in action &&\n typeof action.label === 'string' &&\n typeof action.onClick === 'function'\n )\n}\n\nfunction ToastContentSlot({ children }: { children: React.ReactNode }) {\n return (\n <Box\n display=\"flex\"\n alignItems=\"center\"\n justifyContent=\"center\"\n marginX=\"-xsmall\"\n marginY=\"-medium\"\n className={styles.slot}\n >\n {children}\n </Box>\n )\n}\n\nexport { isActionObject, StaticToast }\nexport type { StaticToastProps }\n"],"names":["StaticToast","React","forwardRef","Toast","t0","ref","$","_c","action","description","icon","message","onDismiss","props","t1","_t","dismissLabel","_objectWithoutProperties","_excluded","undefined","t2","createElement","ToastContentSlot","t3","Box","flexGrow","maxWidth","Stack","space","Text","weight","t4","isActionObject","Button","variant","size","onClick","label","t5","IconButton","CloseIcon","t6","_extends","role","borderRadius","width","background","display","padding","alignItems","className","styles","toastContainer","children","justifyContent","marginX","marginY","slot"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"static-toast.js","sources":["../../src/toast/static-toast.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Box } from '../box'\nimport { Button, IconButton } from '../button'\nimport { CloseIcon } from '../icons/close-icon'\nimport { Stack } from '../stack'\nimport { Text } from '../text'\n\nimport styles from './toast.module.css'\n\ntype ToastActionObject = {\n label: string\n onClick: () => void\n closeToast?: boolean\n}\n\ntype StaticToastProps = {\n /**\n * The message shown in the toast.\n */\n message: NonNullable<React.ReactNode>\n\n /**\n * An optional extra description that complements the main message shown in the toast.\n */\n description?: React.ReactNode\n\n /**\n * An icon to be shown in front of the message.\n */\n icon?: React.ReactNode\n\n /**\n * The action to call when the user clicks on the dismiss button. If omitted, the dismiss button\n * does not appear.\n */\n onDismiss?: () => void\n\n /**\n * The label for the button that dismisses the toast.\n */\n dismissLabel?: string\n\n /**\n * What to render in the action slot. Usually a button or link.\n *\n * You can also pass an object that containst the action label, and a function that performs the\n * action. This is used by the toast component to render a button for you.\n *\n * In general, you should prefer the action object most of the time. But it is possible to pass\n * a React element instead, if you need more control over what to render. For instance, you may\n * want to render a link instead of a button.\n *\n * Keep in mind, though, that the default button rendered uses `variant=\"tertiary\"` and\n * `size=\"small\"`. In most cases you should stick to the variants `tertiary` or `primary`, which\n * are the ones that look better in the toast's dark background. And in all cases you should use\n * size `small`.\n */\n action?: React.ReactElement | ToastActionObject\n}\n\n/**\n * A toast that shows a message, and an optional action associated with it.\n *\n * This component is generally not meant to be used directly. Most of the time you'll want to use\n * toasts generated via `useToasts` instead. However, this component is available in case you need\n * to take control of rendering a toast under different circumstances than that of notification-like\n * floating toasts.\n *\n * This component makes no assumptions outwardly about how it is positioned on the screen. That is,\n * it will not be shown floating or fixed to the viewport edges, as toasts normally show up. It only\n * provides the toast look and feel, but you are responsible for positioning it as you want.\n *\n * @see useToasts\n */\nconst StaticToast = React.forwardRef<HTMLDivElement, StaticToastProps>(function Toast(\n { message, description, icon, action, onDismiss, dismissLabel = 'Close', ...props },\n ref,\n) {\n return (\n <Box\n ref={ref}\n role=\"alert\"\n aria-live=\"polite\"\n borderRadius=\"full\"\n width=\"fitContent\"\n background=\"toast\"\n display=\"flex\"\n padding=\"large\"\n alignItems=\"center\"\n className={styles.toastContainer}\n {...props}\n >\n {icon ? <ToastContentSlot>{icon}</ToastContentSlot> : null}\n\n <Box flexGrow={1} maxWidth=\"small\">\n {description ? (\n <Stack space=\"small\">\n <Text weight=\"bold\">{message} </Text>\n <Text>{description}</Text>\n </Stack>\n ) : (\n <Text>{message}</Text>\n )}\n </Box>\n\n {action ? (\n <ToastContentSlot>\n {isActionObject(action) ? (\n <Button variant=\"tertiary\" size=\"small\" onClick={action.onClick}>\n {action.label}\n </Button>\n ) : (\n action\n )}\n </ToastContentSlot>\n ) : null}\n\n {onDismiss ? (\n <ToastContentSlot>\n <IconButton\n variant=\"quaternary\"\n size=\"small\"\n onClick={onDismiss}\n aria-label={dismissLabel}\n icon={<CloseIcon />}\n />\n </ToastContentSlot>\n ) : null}\n </Box>\n )\n})\n\nfunction isActionObject(action: StaticToastProps['action']): action is ToastActionObject {\n return (\n action != null &&\n typeof action === 'object' &&\n 'label' in action &&\n 'onClick' in action &&\n typeof action.label === 'string' &&\n typeof action.onClick === 'function'\n )\n}\n\nfunction ToastContentSlot({ children }: { children: React.ReactNode }) {\n return (\n <Box\n display=\"flex\"\n alignItems=\"center\"\n justifyContent=\"center\"\n marginX=\"-xsmall\"\n marginY=\"-medium\"\n className={styles.slot}\n >\n {children}\n </Box>\n )\n}\n\nexport { isActionObject, StaticToast }\nexport type { StaticToastProps }\n"],"names":["StaticToast","React","forwardRef","Toast","t0","ref","$","_c","action","description","icon","message","onDismiss","props","t1","dismissLabel","undefined","t2","createElement","ToastContentSlot","t3","Box","flexGrow","maxWidth","Stack","space","Text","weight","t4","isActionObject","Button","variant","size","onClick","label","t5","IconButton","CloseIcon","t6","_extends","role","borderRadius","width","background","display","padding","alignItems","className","styles","toastContainer","children","justifyContent","marginX","marginY","slot"],"mappings":"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"}
|
package/es/toast/use-toasts.js
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
import _extends from '@babel/runtime/helpers/extends';
|
|
2
|
-
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
3
|
-
import _objectSpread from '@babel/runtime/helpers/objectSpread2';
|
|
4
2
|
import { c } from 'react-compiler-runtime';
|
|
5
3
|
import React__default from 'react';
|
|
6
4
|
import { Portal } from '@ariakit/react';
|
|
@@ -11,8 +9,6 @@ import modules_d11e18f0 from './toast.module.css.js';
|
|
|
11
9
|
import { Box } from '../box/box.js';
|
|
12
10
|
import { Stack } from '../stack/stack.js';
|
|
13
11
|
|
|
14
|
-
const _excluded = ["toastId"];
|
|
15
|
-
|
|
16
12
|
/**
|
|
17
13
|
* The props needed to fire up a new notification toast.
|
|
18
14
|
*/
|
|
@@ -121,10 +117,11 @@ const InternalToast = /*#__PURE__*/React__default.forwardRef(function InternalTo
|
|
|
121
117
|
}
|
|
122
118
|
let t10;
|
|
123
119
|
if ($[14] !== action || $[15] !== t8 || $[16] !== t9) {
|
|
124
|
-
t10 =
|
|
120
|
+
t10 = {
|
|
121
|
+
...action,
|
|
125
122
|
closeToast: t8,
|
|
126
123
|
onClick: t9
|
|
127
|
-
}
|
|
124
|
+
};
|
|
128
125
|
$[14] = action;
|
|
129
126
|
$[15] = t8;
|
|
130
127
|
$[16] = t9;
|
|
@@ -232,12 +229,12 @@ function ToastsProvider(t0) {
|
|
|
232
229
|
if ($[3] !== defaultAutoDismissDelay || $[4] !== defaultDismissLabel || $[5] !== removeToast) {
|
|
233
230
|
t6 = function showToast(props) {
|
|
234
231
|
const toastId_0 = generateElementId("toast");
|
|
235
|
-
const newToast =
|
|
232
|
+
const newToast = {
|
|
236
233
|
autoDismissDelay: defaultAutoDismissDelay,
|
|
237
|
-
dismissLabel: defaultDismissLabel
|
|
238
|
-
|
|
234
|
+
dismissLabel: defaultDismissLabel,
|
|
235
|
+
...props,
|
|
239
236
|
toastId: toastId_0
|
|
240
|
-
}
|
|
237
|
+
};
|
|
241
238
|
setToasts(list_0 => [...list_0, newToast]);
|
|
242
239
|
return () => removeToast(toastId_0);
|
|
243
240
|
};
|
|
@@ -262,9 +259,9 @@ function ToastsProvider(t0) {
|
|
|
262
259
|
space: "medium"
|
|
263
260
|
}, toasts.map(t8 => {
|
|
264
261
|
const {
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
262
|
+
toastId: toastId_1,
|
|
263
|
+
...props_0
|
|
264
|
+
} = t8;
|
|
268
265
|
return /*#__PURE__*/React__default.createElement(InternalToast, _extends({
|
|
269
266
|
key: toastId_1,
|
|
270
267
|
ref: mappedRef(toastId_1),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-toasts.js","sources":["../../src/toast/use-toasts.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Portal } from '@ariakit/react'\n\nimport { Box } from '../box'\nimport { Stack } from '../stack'\nimport { generateElementId } from '../utils/common-helpers'\n\nimport { isActionObject, StaticToast } from './static-toast'\nimport { useToastsAnimation } from './toast-animation'\n\nimport styles from './toast.module.css'\n\nimport type { Space } from '../utils/common-types'\nimport type { StaticToastProps } from './static-toast'\n\n/**\n * The props needed to fire up a new notification toast.\n */\ntype ToastProps = StaticToastProps & {\n /**\n * The number of seconds the toast is expected to be shown before it is dismissed automatically,\n * or false to disable auto-dismiss.\n *\n * It defaults to whatever is the autoDismissDelay set in the ToastsProvider.\n */\n autoDismissDelay?: number | false\n\n /**\n * The label for the button that dismisses the toast.\n *\n * It defaults to the value set in the ToastsProvider, but individual toasts can have a\n * different value if needed.\n */\n dismissLabel?: string\n\n /**\n * Whether to show the dismiss button or not.\n *\n * Use this value with care. If combined with disabling `autoDismissDelay`, it may leave you\n * with toasts that the user won't be able to dismiss at will. It then is your responsibility to\n * dismiss the toast by calling the function returned by `showToast`.\n */\n showDismissButton?: boolean\n}\n\n//\n// InternalToast component and its props\n//\n\ntype InternalToastProps = Omit<ToastProps, 'autoDismissDelay' | 'dismissLabel'> &\n Required<Pick<ToastProps, 'autoDismissDelay' | 'dismissLabel'>> & {\n toastId: string\n onRemoveToast: (toastId: string) => void\n }\n\n/** @private */\nconst InternalToast = React.forwardRef<HTMLDivElement, InternalToastProps>(function InternalToast(\n {\n message,\n description,\n icon,\n action,\n autoDismissDelay,\n dismissLabel,\n showDismissButton = true,\n toastId,\n onDismiss,\n onRemoveToast,\n },\n ref,\n) {\n const timeoutRef = React.useRef<number | undefined>()\n\n const removeToast = React.useCallback(\n function removeToast() {\n onRemoveToast(toastId)\n onDismiss?.()\n },\n [onDismiss, onRemoveToast, toastId],\n )\n\n const startTimeout = React.useCallback(\n function startTimeout() {\n if (!autoDismissDelay) return\n timeoutRef.current = window.setTimeout(removeToast, autoDismissDelay * 1000)\n },\n [autoDismissDelay, removeToast],\n )\n\n const stopTimeout = React.useCallback(function stopTimeout() {\n clearTimeout(timeoutRef.current)\n timeoutRef.current = undefined\n }, [])\n\n React.useEffect(\n function setupAutoDismiss() {\n stopTimeout()\n startTimeout()\n\n return stopTimeout\n },\n [startTimeout, stopTimeout],\n )\n\n /**\n * If the action is toast action object and not a custom element,\n * the `onClick` property is wrapped in another handler responsible\n * for removing the toast when the action is triggered.\n */\n const actionWithCustomActionHandler = React.useMemo(() => {\n if (!isActionObject(action)) {\n return action\n }\n\n return {\n ...action,\n closeToast: action.closeToast ?? true,\n onClick: function handleActionClick() {\n if (!action) {\n return\n }\n\n action.onClick()\n\n if (action.closeToast ?? true) {\n removeToast()\n }\n },\n }\n }, [action, removeToast])\n\n return (\n <StaticToast\n ref={ref}\n message={message}\n description={description}\n icon={icon}\n action={actionWithCustomActionHandler}\n onDismiss={showDismissButton ? removeToast : undefined}\n dismissLabel={dismissLabel}\n // @ts-expect-error\n onMouseEnter={stopTimeout}\n onMouseLeave={startTimeout}\n />\n )\n})\n\n//\n// Internal state and context\n//\n\ntype InternalToastEntry = Omit<InternalToastProps, 'onRemoveToast'>\ntype ToastsList = readonly InternalToastEntry[]\n\ntype ShowToastAction = (props: ToastProps) => () => void\nconst ToastsContext = React.createContext<ShowToastAction>(() => () => undefined)\n\n/**\n * The props needed by the ToastsProvider component.\n *\n * @see ToastsProvider\n */\ntype ToastsProviderProps = {\n /**\n * The default label to apply to toast dismiss buttons.\n *\n * This is useful in environments that need locatization, so you do not need to pass the same\n * translated label every time you trigger a toast.\n *\n * However, you can still apply a different label to a specific toast, by passing a different\n * value when calling showToast.\n *\n * @default 'Close'\n */\n defaultDismissLabel?: string\n\n /**\n * The default number of seconds after which the toast will be dismissed automatically.\n *\n * You can pass a different value to a specific toast when calling `showToast`. You can even\n * pass `false` if you want a certain toast to never be dismissed automatically.\n *\n * @default 10 (seconds)\n */\n defaultAutoDismissDelay?: number\n\n /**\n * The padding used to separate the toasts from the viewport borders.\n *\n * @default 'large'\n */\n padding?: Space\n\n /**\n * The app wrapped by the provider.\n */\n children: NonNullable<React.ReactNode>\n\n /**\n * Custom classname for the toasts container, if you need to fine-tune the position or other styles\n */\n containerClassName?: string\n}\n\n/**\n * Provides the state management and rendering of the toasts currently active.\n *\n * You need to render this near the top of your app components tree, in order to `useToasts`.\n *\n * @see useToasts\n */\nfunction ToastsProvider({\n children,\n padding = 'large',\n defaultAutoDismissDelay = 10 /* seconds */,\n defaultDismissLabel = 'Close',\n containerClassName,\n}: ToastsProviderProps) {\n const [toasts, setToasts] = React.useState<ToastsList>([])\n const { mappedRef, animateRemove } = useToastsAnimation()\n\n const removeToast = React.useCallback(\n function onRemoveToast(toastId: string) {\n animateRemove(toastId, () => {\n setToasts((list) => {\n const index = list.findIndex((n) => n.toastId === toastId)\n if (index < 0) return list\n const copy = [...list]\n copy.splice(index, 1)\n return copy\n })\n })\n },\n [animateRemove],\n )\n\n const showToast = React.useCallback(\n function showToast(props: ToastProps) {\n const toastId = generateElementId('toast')\n const newToast: InternalToastEntry = {\n autoDismissDelay: defaultAutoDismissDelay,\n dismissLabel: defaultDismissLabel,\n ...props,\n toastId,\n }\n setToasts((list) => [...list, newToast])\n return () => removeToast(toastId)\n },\n [defaultAutoDismissDelay, defaultDismissLabel, removeToast],\n )\n\n return (\n <ToastsContext.Provider value={showToast}>\n {children}\n <Portal>\n {toasts.length === 0 ? null : (\n <Box\n className={[styles.stackedToastsView, containerClassName]}\n position=\"fixed\"\n width=\"full\"\n paddingX={padding}\n paddingBottom={padding}\n data-testid=\"toasts-container\"\n >\n <Stack space=\"medium\">\n {toasts.map(({ toastId, ...props }) => (\n <InternalToast\n key={toastId}\n ref={mappedRef(toastId)}\n toastId={toastId}\n onRemoveToast={removeToast}\n {...props}\n />\n ))}\n </Stack>\n </Box>\n )}\n </Portal>\n </ToastsContext.Provider>\n )\n}\n\n/**\n * Provides a function `showToast` that shows a new toast every time you call it.\n *\n * ```jsx\n * const showToast = useToasts()\n *\n * <button onClick={() => showToast({ message: 'Hello' })}>\n * Say hello\n * </button>\n * ```\n *\n * All toasts fired via this function are rendered in a global fixed location, and stacked one on\n * top of the other.\n *\n * When called, `showToast` returns a function that dismisses the toast when called.\n *\n * @see ToastsProvider\n */\nfunction useToasts() {\n return React.useContext(ToastsContext)\n}\n\n/**\n * Adds a toast to be rendered, stacked alongside any other currently active toasts.\n *\n * For most situations, you should prefer to use the `showToast` function obtained from `useToasts`.\n * This component is provided for convenience to render toasts in the markup, but it has some\n * peculiarities, which are discussed below.\n *\n * Internally, this calls `showToast`. It is provided for two reasons:\n *\n * 1. Convenience, when you want to fire a toast in markup/jsx code. Keep in mind, though, that\n * toasts rendered in this way will be removed from view when the context where it is rendered\n * is unmounted. Unlike toasts fired with `showToast`, which will normally be dismissed, either\n * by the user or after a delay. They'll still be animated on their way out, though.\n * 2. When combined with disabling dismissing it (e.g. `showDismissButton={false}` and\n * `autoDismissDelay={false}` it provides a way to show \"permanent\" toasts that only go away when\n * the component ceases to be rendered).\n *\n * This is useful for cases when the consumer wants to control when a toast is visible, and to keep\n * it visible based on an app-specific condition.\n *\n * Something important to note about this component is that it triggers the toast based on the props\n * passed when first rendered, and it does not update the toast if these props change on subsequent\n * renders. In this sense, this is an imperative component, more than a descriptive one. This is\n * done to simplify the internals, and to keep it in line with how `showToast` works: you fire up a\n * toast imperatively, and you loose control over it. It remains rendered according to the props you\n * first passed.\n *\n * @see useToasts\n */\nfunction Toast(props: ToastProps) {\n const showToast = useToasts()\n const propsRef = React.useRef<ToastProps>(props)\n React.useEffect(() => {\n const dismissToast = showToast(propsRef.current)\n return dismissToast\n }, [showToast])\n return null\n}\n\nexport { Toast, ToastsProvider, useToasts }\nexport type { ToastProps, ToastsProviderProps }\n"],"names":["InternalToast","React","forwardRef","t0","ref","$","_c","message","description","icon","action","autoDismissDelay","dismissLabel","showDismissButton","t1","toastId","onDismiss","onRemoveToast","undefined","timeoutRef","useRef","t2","removeToast","t3","startTimeout","current","window","setTimeout","t4","Symbol","for","stopTimeout","clearTimeout","t5","t6","setupAutoDismiss","useEffect","t7","bb0","isActionObject","t8","closeToast","t9","handleActionClick","onClick","t10","_objectSpread","actionWithCustomActionHandler","createElement","StaticToast","ToastsContext","createContext","ToastsProvider","children","padding","defaultAutoDismissDelay","defaultDismissLabel","containerClassName","toasts","setToasts","useState","mappedRef","animateRemove","useToastsAnimation","list","index","findIndex","n","copy","splice","showToast","props","toastId_0","generateElementId","newToast","list_0","length","Box","className","styles","stackedToastsView","position","width","Stack","space","map","toastId_1","props_0","_objectWithoutProperties","_excluded","_extends","Portal","Provider","useToasts","useContext","Toast","propsRef","dismissToast"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"use-toasts.js","sources":["../../src/toast/use-toasts.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Portal } from '@ariakit/react'\n\nimport { Box } from '../box'\nimport { Stack } from '../stack'\nimport { generateElementId } from '../utils/common-helpers'\n\nimport { isActionObject, StaticToast } from './static-toast'\nimport { useToastsAnimation } from './toast-animation'\n\nimport styles from './toast.module.css'\n\nimport type { Space } from '../utils/common-types'\nimport type { StaticToastProps } from './static-toast'\n\n/**\n * The props needed to fire up a new notification toast.\n */\ntype ToastProps = StaticToastProps & {\n /**\n * The number of seconds the toast is expected to be shown before it is dismissed automatically,\n * or false to disable auto-dismiss.\n *\n * It defaults to whatever is the autoDismissDelay set in the ToastsProvider.\n */\n autoDismissDelay?: number | false\n\n /**\n * The label for the button that dismisses the toast.\n *\n * It defaults to the value set in the ToastsProvider, but individual toasts can have a\n * different value if needed.\n */\n dismissLabel?: string\n\n /**\n * Whether to show the dismiss button or not.\n *\n * Use this value with care. If combined with disabling `autoDismissDelay`, it may leave you\n * with toasts that the user won't be able to dismiss at will. It then is your responsibility to\n * dismiss the toast by calling the function returned by `showToast`.\n */\n showDismissButton?: boolean\n}\n\n//\n// InternalToast component and its props\n//\n\ntype InternalToastProps = Omit<ToastProps, 'autoDismissDelay' | 'dismissLabel'> &\n Required<Pick<ToastProps, 'autoDismissDelay' | 'dismissLabel'>> & {\n toastId: string\n onRemoveToast: (toastId: string) => void\n }\n\n/** @private */\nconst InternalToast = React.forwardRef<HTMLDivElement, InternalToastProps>(function InternalToast(\n {\n message,\n description,\n icon,\n action,\n autoDismissDelay,\n dismissLabel,\n showDismissButton = true,\n toastId,\n onDismiss,\n onRemoveToast,\n },\n ref,\n) {\n const timeoutRef = React.useRef<number | undefined>()\n\n const removeToast = React.useCallback(\n function removeToast() {\n onRemoveToast(toastId)\n onDismiss?.()\n },\n [onDismiss, onRemoveToast, toastId],\n )\n\n const startTimeout = React.useCallback(\n function startTimeout() {\n if (!autoDismissDelay) return\n timeoutRef.current = window.setTimeout(removeToast, autoDismissDelay * 1000)\n },\n [autoDismissDelay, removeToast],\n )\n\n const stopTimeout = React.useCallback(function stopTimeout() {\n clearTimeout(timeoutRef.current)\n timeoutRef.current = undefined\n }, [])\n\n React.useEffect(\n function setupAutoDismiss() {\n stopTimeout()\n startTimeout()\n\n return stopTimeout\n },\n [startTimeout, stopTimeout],\n )\n\n /**\n * If the action is toast action object and not a custom element,\n * the `onClick` property is wrapped in another handler responsible\n * for removing the toast when the action is triggered.\n */\n const actionWithCustomActionHandler = React.useMemo(() => {\n if (!isActionObject(action)) {\n return action\n }\n\n return {\n ...action,\n closeToast: action.closeToast ?? true,\n onClick: function handleActionClick() {\n if (!action) {\n return\n }\n\n action.onClick()\n\n if (action.closeToast ?? true) {\n removeToast()\n }\n },\n }\n }, [action, removeToast])\n\n return (\n <StaticToast\n ref={ref}\n message={message}\n description={description}\n icon={icon}\n action={actionWithCustomActionHandler}\n onDismiss={showDismissButton ? removeToast : undefined}\n dismissLabel={dismissLabel}\n // @ts-expect-error\n onMouseEnter={stopTimeout}\n onMouseLeave={startTimeout}\n />\n )\n})\n\n//\n// Internal state and context\n//\n\ntype InternalToastEntry = Omit<InternalToastProps, 'onRemoveToast'>\ntype ToastsList = readonly InternalToastEntry[]\n\ntype ShowToastAction = (props: ToastProps) => () => void\nconst ToastsContext = React.createContext<ShowToastAction>(() => () => undefined)\n\n/**\n * The props needed by the ToastsProvider component.\n *\n * @see ToastsProvider\n */\ntype ToastsProviderProps = {\n /**\n * The default label to apply to toast dismiss buttons.\n *\n * This is useful in environments that need locatization, so you do not need to pass the same\n * translated label every time you trigger a toast.\n *\n * However, you can still apply a different label to a specific toast, by passing a different\n * value when calling showToast.\n *\n * @default 'Close'\n */\n defaultDismissLabel?: string\n\n /**\n * The default number of seconds after which the toast will be dismissed automatically.\n *\n * You can pass a different value to a specific toast when calling `showToast`. You can even\n * pass `false` if you want a certain toast to never be dismissed automatically.\n *\n * @default 10 (seconds)\n */\n defaultAutoDismissDelay?: number\n\n /**\n * The padding used to separate the toasts from the viewport borders.\n *\n * @default 'large'\n */\n padding?: Space\n\n /**\n * The app wrapped by the provider.\n */\n children: NonNullable<React.ReactNode>\n\n /**\n * Custom classname for the toasts container, if you need to fine-tune the position or other styles\n */\n containerClassName?: string\n}\n\n/**\n * Provides the state management and rendering of the toasts currently active.\n *\n * You need to render this near the top of your app components tree, in order to `useToasts`.\n *\n * @see useToasts\n */\nfunction ToastsProvider({\n children,\n padding = 'large',\n defaultAutoDismissDelay = 10 /* seconds */,\n defaultDismissLabel = 'Close',\n containerClassName,\n}: ToastsProviderProps) {\n const [toasts, setToasts] = React.useState<ToastsList>([])\n const { mappedRef, animateRemove } = useToastsAnimation()\n\n const removeToast = React.useCallback(\n function onRemoveToast(toastId: string) {\n animateRemove(toastId, () => {\n setToasts((list) => {\n const index = list.findIndex((n) => n.toastId === toastId)\n if (index < 0) return list\n const copy = [...list]\n copy.splice(index, 1)\n return copy\n })\n })\n },\n [animateRemove],\n )\n\n const showToast = React.useCallback(\n function showToast(props: ToastProps) {\n const toastId = generateElementId('toast')\n const newToast: InternalToastEntry = {\n autoDismissDelay: defaultAutoDismissDelay,\n dismissLabel: defaultDismissLabel,\n ...props,\n toastId,\n }\n setToasts((list) => [...list, newToast])\n return () => removeToast(toastId)\n },\n [defaultAutoDismissDelay, defaultDismissLabel, removeToast],\n )\n\n return (\n <ToastsContext.Provider value={showToast}>\n {children}\n <Portal>\n {toasts.length === 0 ? null : (\n <Box\n className={[styles.stackedToastsView, containerClassName]}\n position=\"fixed\"\n width=\"full\"\n paddingX={padding}\n paddingBottom={padding}\n data-testid=\"toasts-container\"\n >\n <Stack space=\"medium\">\n {toasts.map(({ toastId, ...props }) => (\n <InternalToast\n key={toastId}\n ref={mappedRef(toastId)}\n toastId={toastId}\n onRemoveToast={removeToast}\n {...props}\n />\n ))}\n </Stack>\n </Box>\n )}\n </Portal>\n </ToastsContext.Provider>\n )\n}\n\n/**\n * Provides a function `showToast` that shows a new toast every time you call it.\n *\n * ```jsx\n * const showToast = useToasts()\n *\n * <button onClick={() => showToast({ message: 'Hello' })}>\n * Say hello\n * </button>\n * ```\n *\n * All toasts fired via this function are rendered in a global fixed location, and stacked one on\n * top of the other.\n *\n * When called, `showToast` returns a function that dismisses the toast when called.\n *\n * @see ToastsProvider\n */\nfunction useToasts() {\n return React.useContext(ToastsContext)\n}\n\n/**\n * Adds a toast to be rendered, stacked alongside any other currently active toasts.\n *\n * For most situations, you should prefer to use the `showToast` function obtained from `useToasts`.\n * This component is provided for convenience to render toasts in the markup, but it has some\n * peculiarities, which are discussed below.\n *\n * Internally, this calls `showToast`. It is provided for two reasons:\n *\n * 1. Convenience, when you want to fire a toast in markup/jsx code. Keep in mind, though, that\n * toasts rendered in this way will be removed from view when the context where it is rendered\n * is unmounted. Unlike toasts fired with `showToast`, which will normally be dismissed, either\n * by the user or after a delay. They'll still be animated on their way out, though.\n * 2. When combined with disabling dismissing it (e.g. `showDismissButton={false}` and\n * `autoDismissDelay={false}` it provides a way to show \"permanent\" toasts that only go away when\n * the component ceases to be rendered).\n *\n * This is useful for cases when the consumer wants to control when a toast is visible, and to keep\n * it visible based on an app-specific condition.\n *\n * Something important to note about this component is that it triggers the toast based on the props\n * passed when first rendered, and it does not update the toast if these props change on subsequent\n * renders. In this sense, this is an imperative component, more than a descriptive one. This is\n * done to simplify the internals, and to keep it in line with how `showToast` works: you fire up a\n * toast imperatively, and you loose control over it. It remains rendered according to the props you\n * first passed.\n *\n * @see useToasts\n */\nfunction Toast(props: ToastProps) {\n const showToast = useToasts()\n const propsRef = React.useRef<ToastProps>(props)\n React.useEffect(() => {\n const dismissToast = showToast(propsRef.current)\n return dismissToast\n }, [showToast])\n return null\n}\n\nexport { Toast, ToastsProvider, useToasts }\nexport type { ToastProps, ToastsProviderProps }\n"],"names":["InternalToast","React","forwardRef","t0","ref","$","_c","message","description","icon","action","autoDismissDelay","dismissLabel","showDismissButton","t1","toastId","onDismiss","onRemoveToast","undefined","timeoutRef","useRef","t2","removeToast","t3","startTimeout","current","window","setTimeout","t4","Symbol","for","stopTimeout","clearTimeout","t5","t6","setupAutoDismiss","useEffect","t7","bb0","isActionObject","t8","closeToast","t9","handleActionClick","onClick","t10","actionWithCustomActionHandler","createElement","StaticToast","ToastsContext","createContext","ToastsProvider","children","padding","defaultAutoDismissDelay","defaultDismissLabel","containerClassName","toasts","setToasts","useState","mappedRef","animateRemove","useToastsAnimation","list","index","findIndex","n","copy","splice","showToast","props","toastId_0","generateElementId","newToast","list_0","length","Box","className","styles","stackedToastsView","position","width","Stack","space","map","toastId_1","props_0","_extends","Portal","Provider","useToasts","useContext","Toast","propsRef","dismissToast"],"mappings":"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"}
|
package/es/tooltip/tooltip.js
CHANGED
|
@@ -70,6 +70,8 @@ const Tooltip = /*#__PURE__*/React.forwardRef(({
|
|
|
70
70
|
if (!child) {
|
|
71
71
|
return child;
|
|
72
72
|
}
|
|
73
|
+
|
|
74
|
+
/* eslint-disable react-hooks/refs */
|
|
73
75
|
if (typeof child.ref === 'string') {
|
|
74
76
|
throw new Error('Tooltip: String refs cannot be used as they cannot be forwarded');
|
|
75
77
|
}
|
|
@@ -92,6 +94,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(({
|
|
|
92
94
|
textAlign: "center"
|
|
93
95
|
})
|
|
94
96
|
}, withArrow ? /*#__PURE__*/React.createElement(TooltipArrow, null) : null, typeof content === 'function' ? content() : content) : null);
|
|
97
|
+
/* eslint-enable react-hooks/refs */
|
|
95
98
|
});
|
|
96
99
|
Tooltip.displayName = 'Tooltip';
|
|
97
100
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.js","sources":["../../src/tooltip/tooltip.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {\n Tooltip as AriakitTooltip,\n TooltipAnchor,\n TooltipArrow,\n useTooltipStore,\n} from '@ariakit/react'\n\nimport { Box } from '../box'\n\nimport styles from './tooltip.module.css'\n\nimport type { TooltipStore, TooltipStoreState } from '@ariakit/react'\nimport type { ObfuscatedClassName } from '../utils/common-types'\n\nconst defaultShowTimeout = 500\nconst defaultHideTimeout = 100\n\ntype TooltipContextState = {\n showTimeout: number\n hideTimeout: number\n}\n\nconst TooltipContext = React.createContext<TooltipContextState>({\n showTimeout: defaultShowTimeout,\n hideTimeout: defaultHideTimeout,\n})\n\nfunction TooltipProvider({\n showTimeout = defaultShowTimeout,\n hideTimeout = defaultHideTimeout,\n children,\n}: React.PropsWithChildren<{\n showTimeout?: number\n hideTimeout?: number\n}>) {\n const value = React.useMemo(() => ({ showTimeout, hideTimeout }), [showTimeout, hideTimeout])\n return <TooltipContext.Provider value={value}>{children}</TooltipContext.Provider>\n}\n\ninterface TooltipProps extends ObfuscatedClassName {\n /**\n * The element that triggers the tooltip. Generally a button or link.\n *\n * It should be an interactive element accessible both via mouse and keyboard interactions.\n */\n children: React.ReactNode\n\n /**\n * The content to show in the tooltip.\n *\n * It can be rich content provided via React elements, or string content. It should not include\n * interactive elements inside it. This includes links or buttons.\n *\n * You can provide a function instead of the content itself. In this case, the function should\n * return the desired content. This is useful if the content is expensive to generate. It can\n * also be useful if the content dynamically changes often, so every time you trigger the\n * tooltip the content may have changed (e.g. if you show a ticking time clock in the tooltip).\n *\n * The trigger element will be associated to this content via `aria-describedby`. This means\n * that the tooltip content will be read by assistive technologies such as screen readers. It\n * will likely read this content right after reading the trigger element label.\n */\n content: React.ReactNode | (() => React.ReactNode)\n\n /**\n * How to place the tooltip relative to its trigger element.\n *\n * The possible values are \"top\", \"bottom\", \"left\", \"right\". Additionally, any of these values\n * can be combined with `-start` or `-end` for even more control. For instance `top-start` will\n * place the tooltip at the top, but with the start (e.g. left) side of the toolip and the\n * trigger aligned. If neither `-start` or `-end` are provided, the tooltip is centered along\n * the vertical or horizontal axis with the trigger.\n *\n * The position is enforced whenever possible, but tooltips can appear in different positions\n * if the specified one would make the tooltip intersect with the viewport edges.\n *\n * @default 'top'\n */\n position?: TooltipStoreState['placement']\n\n /**\n * The separation (in pixels) between the trigger element and the tooltip.\n * @default 3\n */\n gapSize?: number\n\n /**\n * Whether to show an arrow-like element attached to the tooltip, and pointing towards the\n * trigger element.\n * @default false\n */\n withArrow?: boolean\n\n /**\n * The amount of time in milliseconds to wait before showing the tooltip\n * Use `<TooltipContext.Provider>` to set a global value for all tooltips\n * @default 500\n */\n showTimeout?: number\n\n /**\n * The amount of time in milliseconds to wait before hiding the tooltip\n * Use `<TooltipContext.Provider>` to set a global value for all tooltips\n * @default 100\n */\n hideTimeout?: number\n}\n\nconst Tooltip = React.forwardRef<TooltipStore, TooltipProps>(\n (\n {\n children,\n content,\n position = 'top',\n gapSize = 3,\n withArrow = false,\n showTimeout,\n hideTimeout,\n exceptionallySetClassName,\n },\n ref,\n ) => {\n const { showTimeout: globalShowTimeout, hideTimeout: globalHideTimeout } =\n React.useContext(TooltipContext)\n\n const tooltip = useTooltipStore({\n placement: position,\n showTimeout: showTimeout ?? globalShowTimeout,\n hideTimeout: hideTimeout ?? globalHideTimeout,\n })\n\n React.useImperativeHandle(ref, () => tooltip, [tooltip])\n\n const isOpen = tooltip.useState('open')\n\n const child = React.Children.only(\n children as React.FunctionComponentElement<JSX.IntrinsicElements['div']> | null,\n )\n\n if (!child) {\n return child\n }\n\n if (typeof child.ref === 'string') {\n throw new Error('Tooltip: String refs cannot be used as they cannot be forwarded')\n }\n\n return (\n <>\n <TooltipAnchor render={child} store={tooltip} ref={child.ref} />\n {isOpen && content ? (\n <AriakitTooltip\n store={tooltip}\n gutter={gapSize}\n render={\n <Box\n className={[styles.tooltip, exceptionallySetClassName]}\n background=\"toast\"\n borderRadius=\"standard\"\n paddingX=\"small\"\n paddingY=\"xsmall\"\n maxWidth=\"medium\"\n width=\"fitContent\"\n overflow=\"hidden\"\n textAlign=\"center\"\n />\n }\n >\n {withArrow ? <TooltipArrow /> : null}\n {typeof content === 'function' ? content() : content}\n </AriakitTooltip>\n ) : null}\n </>\n )\n },\n)\n\nTooltip.displayName = 'Tooltip'\n\nexport type { TooltipProps }\nexport { Tooltip, TooltipProvider }\n"],"names":["defaultShowTimeout","defaultHideTimeout","TooltipContext","React","createContext","showTimeout","hideTimeout","TooltipProvider","t0","$","_c","t1","t2","children","undefined","t3","value","t4","createElement","Provider","Tooltip","forwardRef","content","position","gapSize","withArrow","exceptionallySetClassName","ref","globalShowTimeout","globalHideTimeout","useContext","tooltip","useTooltipStore","placement","useImperativeHandle","isOpen","useState","child","Children","only","Error","Fragment","TooltipAnchor","render","store","AriakitTooltip","gutter","Box","className","styles","background","borderRadius","paddingX","paddingY","maxWidth","width","overflow","textAlign","TooltipArrow","displayName"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"tooltip.js","sources":["../../src/tooltip/tooltip.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {\n Tooltip as AriakitTooltip,\n TooltipAnchor,\n TooltipArrow,\n useTooltipStore,\n} from '@ariakit/react'\n\nimport { Box } from '../box'\n\nimport styles from './tooltip.module.css'\n\nimport type { TooltipStore, TooltipStoreState } from '@ariakit/react'\nimport type { ObfuscatedClassName } from '../utils/common-types'\n\nconst defaultShowTimeout = 500\nconst defaultHideTimeout = 100\n\ntype TooltipContextState = {\n showTimeout: number\n hideTimeout: number\n}\n\nconst TooltipContext = React.createContext<TooltipContextState>({\n showTimeout: defaultShowTimeout,\n hideTimeout: defaultHideTimeout,\n})\n\nfunction TooltipProvider({\n showTimeout = defaultShowTimeout,\n hideTimeout = defaultHideTimeout,\n children,\n}: React.PropsWithChildren<{\n showTimeout?: number\n hideTimeout?: number\n}>) {\n const value = React.useMemo(() => ({ showTimeout, hideTimeout }), [showTimeout, hideTimeout])\n return <TooltipContext.Provider value={value}>{children}</TooltipContext.Provider>\n}\n\ninterface TooltipProps extends ObfuscatedClassName {\n /**\n * The element that triggers the tooltip. Generally a button or link.\n *\n * It should be an interactive element accessible both via mouse and keyboard interactions.\n */\n children: React.ReactNode\n\n /**\n * The content to show in the tooltip.\n *\n * It can be rich content provided via React elements, or string content. It should not include\n * interactive elements inside it. This includes links or buttons.\n *\n * You can provide a function instead of the content itself. In this case, the function should\n * return the desired content. This is useful if the content is expensive to generate. It can\n * also be useful if the content dynamically changes often, so every time you trigger the\n * tooltip the content may have changed (e.g. if you show a ticking time clock in the tooltip).\n *\n * The trigger element will be associated to this content via `aria-describedby`. This means\n * that the tooltip content will be read by assistive technologies such as screen readers. It\n * will likely read this content right after reading the trigger element label.\n */\n content: React.ReactNode | (() => React.ReactNode)\n\n /**\n * How to place the tooltip relative to its trigger element.\n *\n * The possible values are \"top\", \"bottom\", \"left\", \"right\". Additionally, any of these values\n * can be combined with `-start` or `-end` for even more control. For instance `top-start` will\n * place the tooltip at the top, but with the start (e.g. left) side of the toolip and the\n * trigger aligned. If neither `-start` or `-end` are provided, the tooltip is centered along\n * the vertical or horizontal axis with the trigger.\n *\n * The position is enforced whenever possible, but tooltips can appear in different positions\n * if the specified one would make the tooltip intersect with the viewport edges.\n *\n * @default 'top'\n */\n position?: TooltipStoreState['placement']\n\n /**\n * The separation (in pixels) between the trigger element and the tooltip.\n * @default 3\n */\n gapSize?: number\n\n /**\n * Whether to show an arrow-like element attached to the tooltip, and pointing towards the\n * trigger element.\n * @default false\n */\n withArrow?: boolean\n\n /**\n * The amount of time in milliseconds to wait before showing the tooltip\n * Use `<TooltipContext.Provider>` to set a global value for all tooltips\n * @default 500\n */\n showTimeout?: number\n\n /**\n * The amount of time in milliseconds to wait before hiding the tooltip\n * Use `<TooltipContext.Provider>` to set a global value for all tooltips\n * @default 100\n */\n hideTimeout?: number\n}\n\nconst Tooltip = React.forwardRef<TooltipStore, TooltipProps>(\n (\n {\n children,\n content,\n position = 'top',\n gapSize = 3,\n withArrow = false,\n showTimeout,\n hideTimeout,\n exceptionallySetClassName,\n },\n ref,\n ) => {\n const { showTimeout: globalShowTimeout, hideTimeout: globalHideTimeout } =\n React.useContext(TooltipContext)\n\n const tooltip = useTooltipStore({\n placement: position,\n showTimeout: showTimeout ?? globalShowTimeout,\n hideTimeout: hideTimeout ?? globalHideTimeout,\n })\n\n React.useImperativeHandle(ref, () => tooltip, [tooltip])\n\n const isOpen = tooltip.useState('open')\n\n const child = React.Children.only(\n children as React.FunctionComponentElement<JSX.IntrinsicElements['div']> | null,\n )\n\n if (!child) {\n return child\n }\n\n /* eslint-disable react-hooks/refs */\n if (typeof child.ref === 'string') {\n throw new Error('Tooltip: String refs cannot be used as they cannot be forwarded')\n }\n\n return (\n <>\n <TooltipAnchor render={child} store={tooltip} ref={child.ref} />\n {isOpen && content ? (\n <AriakitTooltip\n store={tooltip}\n gutter={gapSize}\n render={\n <Box\n className={[styles.tooltip, exceptionallySetClassName]}\n background=\"toast\"\n borderRadius=\"standard\"\n paddingX=\"small\"\n paddingY=\"xsmall\"\n maxWidth=\"medium\"\n width=\"fitContent\"\n overflow=\"hidden\"\n textAlign=\"center\"\n />\n }\n >\n {withArrow ? <TooltipArrow /> : null}\n {typeof content === 'function' ? content() : content}\n </AriakitTooltip>\n ) : null}\n </>\n )\n /* eslint-enable react-hooks/refs */\n },\n)\n\nTooltip.displayName = 'Tooltip'\n\nexport type { TooltipProps }\nexport { Tooltip, TooltipProvider }\n"],"names":["defaultShowTimeout","defaultHideTimeout","TooltipContext","React","createContext","showTimeout","hideTimeout","TooltipProvider","t0","$","_c","t1","t2","children","undefined","t3","value","t4","createElement","Provider","Tooltip","forwardRef","content","position","gapSize","withArrow","exceptionallySetClassName","ref","globalShowTimeout","globalHideTimeout","useContext","tooltip","useTooltipStore","placement","useImperativeHandle","isOpen","useState","child","Children","only","Error","Fragment","TooltipAnchor","render","store","AriakitTooltip","gutter","Box","className","styles","background","borderRadius","paddingX","paddingY","maxWidth","width","overflow","textAlign","TooltipArrow","displayName"],"mappings":"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"}
|
package/lib/avatar/avatar.js
CHANGED
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var _extends = require('@babel/runtime/helpers/extends');
|
|
6
|
-
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
7
6
|
var reactCompilerRuntime = require('react-compiler-runtime');
|
|
8
7
|
var React = require('react');
|
|
9
8
|
var box = require('../box/box.js');
|
|
@@ -32,10 +31,8 @@ function _interopNamespace(e) {
|
|
|
32
31
|
}
|
|
33
32
|
|
|
34
33
|
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
35
|
-
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
36
34
|
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
37
35
|
|
|
38
|
-
const _excluded = ["user", "avatarUrl", "size", "className", "colorList", "exceptionallySetClassName"];
|
|
39
36
|
const AVATAR_COLORS = ['#fcc652', '#e9952c', '#e16b2d', '#d84b40', '#e8435a', '#e5198a', '#ad3889', '#86389c', '#a8a8a8', '#98be2f', '#5d9d50', '#5f9f85', '#5bbcb6', '#32a3bf', '#2bafeb', '#2d88c3', '#3863cc', '#5e5e5e'];
|
|
40
37
|
function Avatar(t0) {
|
|
41
38
|
const $ = reactCompilerRuntime.c(26);
|
|
@@ -47,16 +44,15 @@ function Avatar(t0) {
|
|
|
47
44
|
let t2;
|
|
48
45
|
let user;
|
|
49
46
|
if ($[0] !== t0) {
|
|
50
|
-
var _t = t0;
|
|
51
47
|
({
|
|
52
48
|
user,
|
|
53
49
|
avatarUrl,
|
|
54
50
|
size: t1,
|
|
55
51
|
className,
|
|
56
52
|
colorList: t2,
|
|
57
|
-
exceptionallySetClassName
|
|
58
|
-
|
|
59
|
-
|
|
53
|
+
exceptionallySetClassName,
|
|
54
|
+
...props
|
|
55
|
+
} = t0);
|
|
60
56
|
$[0] = t0;
|
|
61
57
|
$[1] = avatarUrl;
|
|
62
58
|
$[2] = className;
|
package/lib/avatar/avatar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.js","sources":["../../src/avatar/avatar.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Box } from '../box'\nimport { getClassNames } from '../utils/responsive-props'\n\nimport { emailToIndex, getInitials } from './utils'\n\nimport styles from './avatar.module.css'\n\nimport type { ObfuscatedClassName } from '../utils/common-types'\nimport type { ResponsiveProp } from '../utils/responsive-props'\n\nconst AVATAR_COLORS = [\n '#fcc652',\n '#e9952c',\n '#e16b2d',\n '#d84b40',\n '#e8435a',\n '#e5198a',\n '#ad3889',\n '#86389c',\n '#a8a8a8',\n '#98be2f',\n '#5d9d50',\n '#5f9f85',\n '#5bbcb6',\n '#32a3bf',\n '#2bafeb',\n '#2d88c3',\n '#3863cc',\n '#5e5e5e',\n]\n\ntype AvatarSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl'\n\ntype Props = ObfuscatedClassName & {\n /** @deprecated Please use `exceptionallySetClassName` */\n className?: string\n /** @deprecated */\n colorList?: string[]\n size?: ResponsiveProp<AvatarSize>\n avatarUrl?: string\n user: { name?: string; email: string }\n}\n\nfunction Avatar({\n user,\n avatarUrl,\n size = 'l',\n className,\n colorList = AVATAR_COLORS,\n exceptionallySetClassName,\n ...props\n}: Props) {\n const userInitials = getInitials(user.name) || getInitials(user.email)\n const avatarSize = size ? size : 'l'\n\n const style = avatarUrl\n ? {\n backgroundImage: `url(${avatarUrl})`,\n textIndent: '-9999px', // hide the initials\n }\n : {\n backgroundColor: colorList[emailToIndex(user.email, colorList.length)],\n }\n\n const sizeClassName = getClassNames(styles, 'size', avatarSize)\n\n return (\n <Box\n className={[className, styles.avatar, sizeClassName, exceptionallySetClassName]}\n style={style}\n {...props}\n >\n {userInitials}\n </Box>\n )\n}\nAvatar.displayName = 'Avatar'\n\nexport { Avatar }\n"],"names":["AVATAR_COLORS","Avatar","t0","$","_c","avatarUrl","className","exceptionallySetClassName","props","t1","t2","user","
|
|
1
|
+
{"version":3,"file":"avatar.js","sources":["../../src/avatar/avatar.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Box } from '../box'\nimport { getClassNames } from '../utils/responsive-props'\n\nimport { emailToIndex, getInitials } from './utils'\n\nimport styles from './avatar.module.css'\n\nimport type { ObfuscatedClassName } from '../utils/common-types'\nimport type { ResponsiveProp } from '../utils/responsive-props'\n\nconst AVATAR_COLORS = [\n '#fcc652',\n '#e9952c',\n '#e16b2d',\n '#d84b40',\n '#e8435a',\n '#e5198a',\n '#ad3889',\n '#86389c',\n '#a8a8a8',\n '#98be2f',\n '#5d9d50',\n '#5f9f85',\n '#5bbcb6',\n '#32a3bf',\n '#2bafeb',\n '#2d88c3',\n '#3863cc',\n '#5e5e5e',\n]\n\ntype AvatarSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl'\n\ntype Props = ObfuscatedClassName & {\n /** @deprecated Please use `exceptionallySetClassName` */\n className?: string\n /** @deprecated */\n colorList?: string[]\n size?: ResponsiveProp<AvatarSize>\n avatarUrl?: string\n user: { name?: string; email: string }\n}\n\nfunction Avatar({\n user,\n avatarUrl,\n size = 'l',\n className,\n colorList = AVATAR_COLORS,\n exceptionallySetClassName,\n ...props\n}: Props) {\n const userInitials = getInitials(user.name) || getInitials(user.email)\n const avatarSize = size ? size : 'l'\n\n const style = avatarUrl\n ? {\n backgroundImage: `url(${avatarUrl})`,\n textIndent: '-9999px', // hide the initials\n }\n : {\n backgroundColor: colorList[emailToIndex(user.email, colorList.length)],\n }\n\n const sizeClassName = getClassNames(styles, 'size', avatarSize)\n\n return (\n <Box\n className={[className, styles.avatar, sizeClassName, exceptionallySetClassName]}\n style={style}\n {...props}\n >\n {userInitials}\n </Box>\n )\n}\nAvatar.displayName = 'Avatar'\n\nexport { Avatar }\n"],"names":["AVATAR_COLORS","Avatar","t0","$","_c","avatarUrl","className","exceptionallySetClassName","props","t1","t2","user","size","colorList","undefined","t3","email","name","getInitials","userInitials","avatarSize","t4","backgroundImage","textIndent","backgroundColor","emailToIndex","length","style","t5","getClassNames","styles","sizeClassName","t6","avatar","t7","React","createElement","Box","_extends","displayName"],"mappings":"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"}
|
package/lib/badge/badge.js
CHANGED
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var _extends = require('@babel/runtime/helpers/extends');
|
|
6
|
-
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
7
6
|
var reactCompilerRuntime = require('react-compiler-runtime');
|
|
8
7
|
var React = require('react');
|
|
9
8
|
var box = require('../box/box.js');
|
|
@@ -30,22 +29,19 @@ function _interopNamespace(e) {
|
|
|
30
29
|
}
|
|
31
30
|
|
|
32
31
|
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
33
|
-
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
34
32
|
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
35
33
|
|
|
36
|
-
const _excluded = ["tone", "label"];
|
|
37
34
|
function Badge(t0) {
|
|
38
35
|
const $ = reactCompilerRuntime.c(10);
|
|
39
36
|
let label;
|
|
40
37
|
let props;
|
|
41
38
|
let tone;
|
|
42
39
|
if ($[0] !== t0) {
|
|
43
|
-
var _t = t0;
|
|
44
40
|
({
|
|
45
41
|
tone,
|
|
46
|
-
label
|
|
47
|
-
|
|
48
|
-
|
|
42
|
+
label,
|
|
43
|
+
...props
|
|
44
|
+
} = t0);
|
|
49
45
|
$[0] = t0;
|
|
50
46
|
$[1] = label;
|
|
51
47
|
$[2] = props;
|
package/lib/badge/badge.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.js","sources":["../../src/badge/badge.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Box } from '../box'\n\nimport styles from './badge.module.css'\n\ntype BadgeTone = 'info' | 'positive' | 'promote' | 'attention' | 'warning'\n\ntype BadgeProps = {\n /**\n * The label to show inside the badge element.\n */\n label: string\n /**\n * The tone of the badge.\n */\n tone: BadgeTone\n}\n\nfunction Badge({ tone, label, ...props }: BadgeProps) {\n return (\n <Box\n {...props}\n as=\"span\" // It enables putting the badge inside a button (https://stackoverflow.com/a/12982334)\n display=\"inline\"\n className={[styles.badge, styles[`badge-${tone}`]]}\n >\n {label}\n </Box>\n )\n}\n\nexport { Badge }\nexport type { BadgeProps }\n"],"names":["Badge","t0","$","_c","label","props","tone","
|
|
1
|
+
{"version":3,"file":"badge.js","sources":["../../src/badge/badge.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Box } from '../box'\n\nimport styles from './badge.module.css'\n\ntype BadgeTone = 'info' | 'positive' | 'promote' | 'attention' | 'warning'\n\ntype BadgeProps = {\n /**\n * The label to show inside the badge element.\n */\n label: string\n /**\n * The tone of the badge.\n */\n tone: BadgeTone\n}\n\nfunction Badge({ tone, label, ...props }: BadgeProps) {\n return (\n <Box\n {...props}\n as=\"span\" // It enables putting the badge inside a button (https://stackoverflow.com/a/12982334)\n display=\"inline\"\n className={[styles.badge, styles[`badge-${tone}`]]}\n >\n {label}\n </Box>\n )\n}\n\nexport { Badge }\nexport type { BadgeProps }\n"],"names":["Badge","t0","$","_c","label","props","tone","t1","styles","t2","badge","t3","React","createElement","Box","_extends","as","display","className"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,SAAAA,MAAAC,EAAA,EAAA;EAAA,MAAAC,CAAA,GAAAC,sBAAA,CAAA,EAAA,CAAA,CAAA;AAAA,EAAA,IAAAC,KAAA,CAAA;AAAA,EAAA,IAAAC,KAAA,CAAA;AAAA,EAAA,IAAAC,IAAA,CAAA;EAAA,IAAAJ,CAAA,QAAAD,EAAA,EAAA;AAAe,IAAA,CAAA;MAAAK,IAAA;MAAAF,KAAA;MAAA,GAAAC,KAAAA;AAAA,KAAA,GAAAJ,EAAqC,EAAA;AAAAC,IAAAA,CAAA,MAAAD,EAAA,CAAA;AAAAC,IAAAA,CAAA,MAAAE,KAAA,CAAA;AAAAF,IAAAA,CAAA,MAAAG,KAAA,CAAA;AAAAH,IAAAA,CAAA,MAAAI,IAAA,CAAA;AAAA,GAAA,MAAA;AAAAF,IAAAA,KAAA,GAAAF,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAG,IAAAA,KAAA,GAAAH,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAI,IAAAA,IAAA,GAAAJ,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;AAMd,EAAA,MAAAK,EAAA,GAAAC,uBAAM,CAAC,CAASF,MAAAA,EAAAA,IAAI,EAAE,CAAC,CAAA;AAAA,EAAA,IAAAG,EAAA,CAAA;EAAA,IAAAP,CAAA,QAAAK,EAAA,EAAA;AAAtCE,IAAAA,EAAA,IAACD,uBAAM,CAAAE,KAAM,EAAEH,EAAuB,CAAC,CAAA;AAAAL,IAAAA,CAAA,MAAAK,EAAA,CAAA;AAAAL,IAAAA,CAAA,MAAAO,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAAP,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAAS,EAAA,CAAA;EAAA,IAAAT,CAAA,CAAAE,CAAAA,CAAAA,KAAAA,KAAA,IAAAF,CAAA,QAAAG,KAAA,IAAAH,CAAA,CAAA,CAAA,CAAA,KAAAO,EAAA,EAAA;IAJtDE,EAAA,gBAAAC,gBAAA,CAAAC,aAAA,CAACC,OAAG,EAAAC,4BAAA,CAAA,EAAA,EACIV,KAAK,EAAA;AACNW,MAAAA,EAAM,EAAN,MAAM;AACDC,MAAAA,OAAQ,EAAR,QAAQ;AACLC,MAAAA,SAAuC,EAAvCT,EAAAA;AAAuC,KAAA,CAAA,EAEjDL,KACA,CAAC,CAAA;AAAAF,IAAAA,CAAA,MAAAE,KAAA,CAAA;AAAAF,IAAAA,CAAA,MAAAG,KAAA,CAAA;AAAAH,IAAAA,CAAA,MAAAO,EAAA,CAAA;AAAAP,IAAAA,CAAA,MAAAS,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAAT,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAPNS,EAOM,CAAA;AAAA;;;;"}
|
package/lib/banner/banner.js
CHANGED
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var _extends = require('@babel/runtime/helpers/extends');
|
|
6
|
-
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
7
6
|
var reactCompilerRuntime = require('react-compiler-runtime');
|
|
8
7
|
var React = require('react');
|
|
9
8
|
var box = require('../box/box.js');
|
|
@@ -35,14 +34,8 @@ function _interopNamespace(e) {
|
|
|
35
34
|
}
|
|
36
35
|
|
|
37
36
|
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
38
|
-
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
39
37
|
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
40
38
|
|
|
41
|
-
const _excluded = ["id", "type", "title", "description", "children", "action", "icon", "image", "inlineLinks", "closeLabel", "onClose"],
|
|
42
|
-
_excluded2 = ["label"],
|
|
43
|
-
_excluded3 = ["type", "label"],
|
|
44
|
-
_excluded4 = ["type", "label", "variant"];
|
|
45
|
-
|
|
46
39
|
/**
|
|
47
40
|
* Represents the type of a banner.
|
|
48
41
|
* 'neutral' accepts a custom icon, the rest do not.
|
|
@@ -100,7 +93,6 @@ const Banner = /*#__PURE__*/React__namespace.forwardRef(function Banner(t0, ref)
|
|
|
100
93
|
let title;
|
|
101
94
|
let type;
|
|
102
95
|
if ($[0] !== t0) {
|
|
103
|
-
var _t = t0;
|
|
104
96
|
({
|
|
105
97
|
id,
|
|
106
98
|
type,
|
|
@@ -112,9 +104,9 @@ const Banner = /*#__PURE__*/React__namespace.forwardRef(function Banner(t0, ref)
|
|
|
112
104
|
image,
|
|
113
105
|
inlineLinks,
|
|
114
106
|
closeLabel,
|
|
115
|
-
onClose
|
|
116
|
-
|
|
117
|
-
|
|
107
|
+
onClose,
|
|
108
|
+
...props
|
|
109
|
+
} = t0);
|
|
118
110
|
$[0] = t0;
|
|
119
111
|
$[1] = action;
|
|
120
112
|
$[2] = children;
|
|
@@ -218,9 +210,9 @@ const Banner = /*#__PURE__*/React__namespace.forwardRef(function Banner(t0, ref)
|
|
|
218
210
|
if ($[28] !== inlineLinks) {
|
|
219
211
|
t10 = inlineLinks?.map((t11, index) => {
|
|
220
212
|
const {
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
213
|
+
label,
|
|
214
|
+
...props_0
|
|
215
|
+
} = t11;
|
|
224
216
|
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
|
|
225
217
|
key: index
|
|
226
218
|
}, /*#__PURE__*/React__namespace.createElement(textLink.TextLink, _extends__default["default"]({}, props_0, {
|
|
@@ -356,10 +348,10 @@ function ActionButton(t0) {
|
|
|
356
348
|
let props;
|
|
357
349
|
if ($[0] !== t0) {
|
|
358
350
|
const {
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
351
|
+
type,
|
|
352
|
+
label: t1,
|
|
353
|
+
...t2
|
|
354
|
+
} = t0;
|
|
363
355
|
label = t1;
|
|
364
356
|
props = t2;
|
|
365
357
|
$[0] = t0;
|
|
@@ -387,11 +379,11 @@ function ActionLink(t0) {
|
|
|
387
379
|
let variant;
|
|
388
380
|
if ($[0] !== t0) {
|
|
389
381
|
const {
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
382
|
+
type,
|
|
383
|
+
label: t1,
|
|
384
|
+
variant: t2,
|
|
385
|
+
...t3
|
|
386
|
+
} = t0;
|
|
395
387
|
label = t1;
|
|
396
388
|
variant = t2;
|
|
397
389
|
props = t3;
|