@doist/reactist 31.0.0 → 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.
Files changed (149) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/reactist.cjs.development.js +312 -406
  3. package/dist/reactist.cjs.development.js.map +1 -1
  4. package/dist/reactist.cjs.production.min.js +1 -1
  5. package/dist/reactist.cjs.production.min.js.map +1 -1
  6. package/es/avatar/avatar.js +3 -6
  7. package/es/avatar/avatar.js.map +1 -1
  8. package/es/badge/badge.js +3 -6
  9. package/es/badge/badge.js.map +1 -1
  10. package/es/banner/banner.js +15 -22
  11. package/es/banner/banner.js.map +1 -1
  12. package/es/banner/banner.module.css.js +1 -1
  13. package/es/base-field/base-field.js +6 -7
  14. package/es/base-field/base-field.js.map +1 -1
  15. package/es/box/box.js +43 -46
  16. package/es/box/box.js.map +1 -1
  17. package/es/button/button.js +18 -22
  18. package/es/button/button.js.map +1 -1
  19. package/es/checkbox-field/checkbox-field.js +9 -12
  20. package/es/checkbox-field/checkbox-field.js.map +1 -1
  21. package/es/checkbox-field/checkbox-icon.js +3 -6
  22. package/es/checkbox-field/checkbox-icon.js.map +1 -1
  23. package/es/columns/columns.js +15 -20
  24. package/es/columns/columns.js.map +1 -1
  25. package/es/components/deprecated-button/deprecated-button.js +10 -13
  26. package/es/components/deprecated-button/deprecated-button.js.map +1 -1
  27. package/es/components/deprecated-dropdown/dropdown.js +6 -8
  28. package/es/components/deprecated-dropdown/dropdown.js.map +1 -1
  29. package/es/components/deprecated-select/select.js +3 -6
  30. package/es/components/deprecated-select/select.js.map +1 -1
  31. package/es/components/keyboard-shortcut/keyboard-shortcut.js +7 -11
  32. package/es/components/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
  33. package/es/divider/divider.js +3 -6
  34. package/es/divider/divider.js.map +1 -1
  35. package/es/heading/heading.js +3 -6
  36. package/es/heading/heading.js.map +1 -1
  37. package/es/hidden/hidden.js +6 -9
  38. package/es/hidden/hidden.js.map +1 -1
  39. package/es/icons/alert-icon.js +3 -6
  40. package/es/icons/alert-icon.js.map +1 -1
  41. package/es/icons/banner-icon.js +3 -6
  42. package/es/icons/banner-icon.js.map +1 -1
  43. package/es/inline/inline.js +9 -12
  44. package/es/inline/inline.js.map +1 -1
  45. package/es/loading/loading.js +3 -6
  46. package/es/loading/loading.js.map +1 -1
  47. package/es/menu/menu.js +26 -39
  48. package/es/menu/menu.js.map +1 -1
  49. package/es/modal/modal.js +28 -39
  50. package/es/modal/modal.js.map +1 -1
  51. package/es/password-field/password-field.js +3 -6
  52. package/es/password-field/password-field.js.map +1 -1
  53. package/es/prose/prose.js +3 -6
  54. package/es/prose/prose.js.map +1 -1
  55. package/es/select-field/select-field.js +7 -8
  56. package/es/select-field/select-field.js.map +1 -1
  57. package/es/stack/stack.js +10 -13
  58. package/es/stack/stack.js.map +1 -1
  59. package/es/switch-field/switch-field.js +3 -6
  60. package/es/switch-field/switch-field.js.map +1 -1
  61. package/es/tabs/tabs.js +14 -19
  62. package/es/tabs/tabs.js.map +1 -1
  63. package/es/text/text.js +11 -14
  64. package/es/text/text.js.map +1 -1
  65. package/es/text-area/text-area.js +7 -11
  66. package/es/text-area/text-area.js.map +1 -1
  67. package/es/text-field/text-field.js +7 -11
  68. package/es/text-field/text-field.js.map +1 -1
  69. package/es/text-link/text-link.js +8 -11
  70. package/es/text-link/text-link.js.map +1 -1
  71. package/es/toast/static-toast.js +3 -6
  72. package/es/toast/static-toast.js.map +1 -1
  73. package/es/toast/use-toasts.js +10 -13
  74. package/es/toast/use-toasts.js.map +1 -1
  75. package/lib/avatar/avatar.js +3 -7
  76. package/lib/avatar/avatar.js.map +1 -1
  77. package/lib/badge/badge.js +3 -7
  78. package/lib/badge/badge.js.map +1 -1
  79. package/lib/banner/banner.js +15 -23
  80. package/lib/banner/banner.js.map +1 -1
  81. package/lib/banner/banner.module.css.js +1 -1
  82. package/lib/base-field/base-field.js +6 -10
  83. package/lib/base-field/base-field.js.map +1 -1
  84. package/lib/box/box.js +43 -48
  85. package/lib/box/box.js.map +1 -1
  86. package/lib/button/button.js +18 -23
  87. package/lib/button/button.js.map +1 -1
  88. package/lib/checkbox-field/checkbox-field.js +9 -13
  89. package/lib/checkbox-field/checkbox-field.js.map +1 -1
  90. package/lib/checkbox-field/checkbox-icon.js +3 -7
  91. package/lib/checkbox-field/checkbox-icon.js.map +1 -1
  92. package/lib/columns/columns.js +15 -21
  93. package/lib/columns/columns.js.map +1 -1
  94. package/lib/components/deprecated-button/deprecated-button.js +10 -14
  95. package/lib/components/deprecated-button/deprecated-button.js.map +1 -1
  96. package/lib/components/deprecated-dropdown/dropdown.js +6 -9
  97. package/lib/components/deprecated-dropdown/dropdown.js.map +1 -1
  98. package/lib/components/deprecated-select/select.js +3 -7
  99. package/lib/components/deprecated-select/select.js.map +1 -1
  100. package/lib/components/keyboard-shortcut/keyboard-shortcut.js +7 -12
  101. package/lib/components/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
  102. package/lib/divider/divider.js +3 -7
  103. package/lib/divider/divider.js.map +1 -1
  104. package/lib/heading/heading.js +3 -7
  105. package/lib/heading/heading.js.map +1 -1
  106. package/lib/hidden/hidden.js +6 -10
  107. package/lib/hidden/hidden.js.map +1 -1
  108. package/lib/icons/alert-icon.js +3 -7
  109. package/lib/icons/alert-icon.js.map +1 -1
  110. package/lib/icons/banner-icon.js +3 -7
  111. package/lib/icons/banner-icon.js.map +1 -1
  112. package/lib/inline/inline.js +9 -13
  113. package/lib/inline/inline.js.map +1 -1
  114. package/lib/loading/loading.js +3 -7
  115. package/lib/loading/loading.js.map +1 -1
  116. package/lib/menu/menu.js +26 -41
  117. package/lib/menu/menu.js.map +1 -1
  118. package/lib/modal/modal.js +28 -40
  119. package/lib/modal/modal.js.map +1 -1
  120. package/lib/password-field/password-field.js +3 -7
  121. package/lib/password-field/password-field.js.map +1 -1
  122. package/lib/prose/prose.js +3 -7
  123. package/lib/prose/prose.js.map +1 -1
  124. package/lib/select-field/select-field.js +7 -9
  125. package/lib/select-field/select-field.js.map +1 -1
  126. package/lib/stack/stack.js +10 -14
  127. package/lib/stack/stack.js.map +1 -1
  128. package/lib/switch-field/switch-field.js +3 -7
  129. package/lib/switch-field/switch-field.js.map +1 -1
  130. package/lib/tabs/tabs.js +14 -20
  131. package/lib/tabs/tabs.js.map +1 -1
  132. package/lib/text/text.js +11 -15
  133. package/lib/text/text.js.map +1 -1
  134. package/lib/text-area/text-area.js +7 -12
  135. package/lib/text-area/text-area.js.map +1 -1
  136. package/lib/text-field/text-field.js +7 -12
  137. package/lib/text-field/text-field.js.map +1 -1
  138. package/lib/text-link/text-link.js +8 -12
  139. package/lib/text-link/text-link.js.map +1 -1
  140. package/lib/toast/static-toast.js +3 -7
  141. package/lib/toast/static-toast.js.map +1 -1
  142. package/lib/toast/use-toasts.js +10 -15
  143. package/lib/toast/use-toasts.js.map +1 -1
  144. package/package.json +22 -54
  145. package/styles/banner.css +1 -1
  146. package/styles/banner.module.css.css +1 -1
  147. package/styles/prose.css +1 -1
  148. package/styles/prose.module.css.css +1 -1
  149. package/styles/reactist.css +3 -3
@@ -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 * as React from 'react';
5
4
  import { useId } from '../utils/common-helpers.js';
@@ -10,7 +9,6 @@ import { Box } from '../box/box.js';
10
9
  import { Text } from '../text/text.js';
11
10
  import { Stack } from '../stack/stack.js';
12
11
 
13
- const _excluded = ["label", "message", "tone", "disabled", "hidden", "defaultChecked", "id", "aria-describedby", "aria-label", "aria-labelledby", "onChange"];
14
12
  const SwitchField = /*#__PURE__*/React.forwardRef(function SwitchField(t0, ref) {
15
13
  const $ = c(51);
16
14
  let defaultChecked;
@@ -26,7 +24,6 @@ const SwitchField = /*#__PURE__*/React.forwardRef(function SwitchField(t0, ref)
26
24
  let t1;
27
25
  let t2;
28
26
  if ($[0] !== t0) {
29
- var _t = t0;
30
27
  ({
31
28
  label,
32
29
  message,
@@ -38,9 +35,9 @@ const SwitchField = /*#__PURE__*/React.forwardRef(function SwitchField(t0, ref)
38
35
  "aria-describedby": originalAriaDescribedBy,
39
36
  "aria-label": originalAriaLabel,
40
37
  "aria-labelledby": originalAriaLabelledby,
41
- onChange
42
- } = _t);
43
- props = _objectWithoutProperties(_t, _excluded);
38
+ onChange,
39
+ ...props
40
+ } = t0);
44
41
  $[0] = t0;
45
42
  $[1] = defaultChecked;
46
43
  $[2] = hidden;
@@ -1 +1 @@
1
- {"version":3,"file":"switch-field.js","sources":["../../src/switch-field/switch-field.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { FieldMessage } from '../base-field'\nimport { Box } from '../box'\nimport { HiddenVisually } from '../hidden-visually'\nimport { Stack } from '../stack'\nimport { Text } from '../text'\nimport { useId } from '../utils/common-helpers'\n\nimport styles from './switch-field.module.css'\n\nimport type { FieldComponentProps } from '../base-field'\n\ninterface SwitchFieldProps\n extends Omit<\n FieldComponentProps<HTMLInputElement>,\n | 'type'\n | 'auxiliaryLabel'\n | 'maxWidth'\n | 'aria-describedby'\n | 'aria-label'\n | 'aria-labelledby'\n > {\n /**\n * Identifies the element (or elements) that describes the switch for assistive technologies.\n */\n 'aria-describedby'?: string\n\n /**\n * Defines a string value that labels the current switch for assistive technologies.\n */\n 'aria-label'?: string\n\n /**\n * Identifies the element (or elements) that labels the current switch for assistive technologies.\n */\n 'aria-labelledby'?: string\n}\n\nconst SwitchField = React.forwardRef<HTMLInputElement, SwitchFieldProps>(function SwitchField(\n {\n label,\n message,\n tone = 'neutral',\n disabled = false,\n hidden,\n defaultChecked,\n id: originalId,\n 'aria-describedby': originalAriaDescribedBy,\n 'aria-label': originalAriaLabel,\n 'aria-labelledby': originalAriaLabelledby,\n onChange,\n ...props\n },\n ref,\n) {\n const id = useId(originalId)\n const messageId = useId()\n\n const ariaDescribedBy = originalAriaDescribedBy ?? (message ? messageId : undefined)\n const ariaLabel = originalAriaLabel ?? undefined\n const ariaLabelledBy = originalAriaLabelledby ?? undefined\n\n const [keyFocused, setKeyFocused] = React.useState(false)\n const [checkedState, setChecked] = React.useState(props.checked ?? defaultChecked ?? false)\n const isChecked = props.checked ?? checkedState\n\n return (\n <Stack space=\"small\" hidden={hidden}>\n <Box\n className={[\n styles.container,\n disabled ? styles.disabled : null,\n isChecked ? styles.checked : null,\n keyFocused ? styles.keyFocused : null,\n ]}\n as=\"label\"\n display=\"flex\"\n alignItems=\"center\"\n >\n <Box\n position=\"relative\"\n display=\"inlineBlock\"\n overflow=\"visible\"\n marginRight=\"small\"\n flexShrink={0}\n className={styles.toggle}\n >\n <HiddenVisually>\n <input\n {...props}\n id={id}\n type=\"checkbox\"\n disabled={disabled}\n aria-describedby={ariaDescribedBy}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n ref={ref}\n checked={isChecked}\n onChange={(event) => {\n onChange?.(event)\n if (!event.defaultPrevented) {\n setChecked(event.currentTarget.checked)\n }\n }}\n onBlur={(event) => {\n setKeyFocused(false)\n props?.onBlur?.(event)\n }}\n onKeyUp={(event) => {\n setKeyFocused(true)\n props?.onKeyUp?.(event)\n }}\n />\n </HiddenVisually>\n <span className={styles.handle} />\n </Box>\n <Text exceptionallySetClassName={styles.label}>{label}</Text>\n </Box>\n {message ? (\n <FieldMessage id={messageId} tone={tone}>\n {message}\n </FieldMessage>\n ) : null}\n </Stack>\n )\n})\n\nexport { SwitchField }\nexport type { SwitchFieldProps }\n"],"names":["SwitchField","React","forwardRef","t0","ref","$","_c","defaultChecked","hidden","label","message","onChange","originalAriaDescribedBy","originalAriaLabel","originalAriaLabelledby","originalId","props","t1","t2","_t","tone","disabled","id","_objectWithoutProperties","_excluded","undefined","useId","messageId","ariaDescribedBy","ariaLabel","ariaLabelledBy","keyFocused","setKeyFocused","useState","checkedState","setChecked","checked","isChecked","t3","styles","t4","t5","t6","container","t7","event","defaultPrevented","currentTarget","t8","t9","event_0","onBlur","event_1","onKeyUp","t10","createElement","HiddenVisually","_extends","type","t11","Symbol","for","className","handle","t12","Box","position","display","overflow","marginRight","flexShrink","toggle","t13","Text","exceptionallySetClassName","t14","as","alignItems","t15","FieldMessage","t16","Stack","space"],"mappings":"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"}
1
+ {"version":3,"file":"switch-field.js","sources":["../../src/switch-field/switch-field.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { FieldMessage } from '../base-field'\nimport { Box } from '../box'\nimport { HiddenVisually } from '../hidden-visually'\nimport { Stack } from '../stack'\nimport { Text } from '../text'\nimport { useId } from '../utils/common-helpers'\n\nimport styles from './switch-field.module.css'\n\nimport type { FieldComponentProps } from '../base-field'\n\ninterface SwitchFieldProps\n extends Omit<\n FieldComponentProps<HTMLInputElement>,\n | 'type'\n | 'auxiliaryLabel'\n | 'maxWidth'\n | 'aria-describedby'\n | 'aria-label'\n | 'aria-labelledby'\n > {\n /**\n * Identifies the element (or elements) that describes the switch for assistive technologies.\n */\n 'aria-describedby'?: string\n\n /**\n * Defines a string value that labels the current switch for assistive technologies.\n */\n 'aria-label'?: string\n\n /**\n * Identifies the element (or elements) that labels the current switch for assistive technologies.\n */\n 'aria-labelledby'?: string\n}\n\nconst SwitchField = React.forwardRef<HTMLInputElement, SwitchFieldProps>(function SwitchField(\n {\n label,\n message,\n tone = 'neutral',\n disabled = false,\n hidden,\n defaultChecked,\n id: originalId,\n 'aria-describedby': originalAriaDescribedBy,\n 'aria-label': originalAriaLabel,\n 'aria-labelledby': originalAriaLabelledby,\n onChange,\n ...props\n },\n ref,\n) {\n const id = useId(originalId)\n const messageId = useId()\n\n const ariaDescribedBy = originalAriaDescribedBy ?? (message ? messageId : undefined)\n const ariaLabel = originalAriaLabel ?? undefined\n const ariaLabelledBy = originalAriaLabelledby ?? undefined\n\n const [keyFocused, setKeyFocused] = React.useState(false)\n const [checkedState, setChecked] = React.useState(props.checked ?? defaultChecked ?? false)\n const isChecked = props.checked ?? checkedState\n\n return (\n <Stack space=\"small\" hidden={hidden}>\n <Box\n className={[\n styles.container,\n disabled ? styles.disabled : null,\n isChecked ? styles.checked : null,\n keyFocused ? styles.keyFocused : null,\n ]}\n as=\"label\"\n display=\"flex\"\n alignItems=\"center\"\n >\n <Box\n position=\"relative\"\n display=\"inlineBlock\"\n overflow=\"visible\"\n marginRight=\"small\"\n flexShrink={0}\n className={styles.toggle}\n >\n <HiddenVisually>\n <input\n {...props}\n id={id}\n type=\"checkbox\"\n disabled={disabled}\n aria-describedby={ariaDescribedBy}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n ref={ref}\n checked={isChecked}\n onChange={(event) => {\n onChange?.(event)\n if (!event.defaultPrevented) {\n setChecked(event.currentTarget.checked)\n }\n }}\n onBlur={(event) => {\n setKeyFocused(false)\n props?.onBlur?.(event)\n }}\n onKeyUp={(event) => {\n setKeyFocused(true)\n props?.onKeyUp?.(event)\n }}\n />\n </HiddenVisually>\n <span className={styles.handle} />\n </Box>\n <Text exceptionallySetClassName={styles.label}>{label}</Text>\n </Box>\n {message ? (\n <FieldMessage id={messageId} tone={tone}>\n {message}\n </FieldMessage>\n ) : null}\n </Stack>\n )\n})\n\nexport { SwitchField }\nexport type { SwitchFieldProps }\n"],"names":["SwitchField","React","forwardRef","t0","ref","$","_c","defaultChecked","hidden","label","message","onChange","originalAriaDescribedBy","originalAriaLabel","originalAriaLabelledby","originalId","props","t1","t2","tone","disabled","id","undefined","useId","messageId","ariaDescribedBy","ariaLabel","ariaLabelledBy","keyFocused","setKeyFocused","useState","checkedState","setChecked","checked","isChecked","t3","styles","t4","t5","t6","container","t7","event","defaultPrevented","currentTarget","t8","t9","event_0","onBlur","event_1","onKeyUp","t10","createElement","HiddenVisually","_extends","type","t11","Symbol","for","className","handle","t12","Box","position","display","overflow","marginRight","flexShrink","toggle","t13","Text","exceptionallySetClassName","t14","as","alignItems","t15","FieldMessage","t16","Stack","space"],"mappings":"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"}
package/es/tabs/tabs.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 * as React from 'react';
5
4
  import { useTabStore, TabList as TabList$1, TabPanel as TabPanel$1, Tab as Tab$1 } from '@ariakit/react';
@@ -8,8 +7,6 @@ import modules_40c67f5b from './tabs.module.css.js';
8
7
  import { Box } from '../box/box.js';
9
8
  import { Inline } from '../inline/inline.js';
10
9
 
11
- const _excluded = ["children", "space", "width", "align", "exceptionallySetClassName"],
12
- _excluded2 = ["children", "id", "renderMode"];
13
10
  const TabsContext = /*#__PURE__*/React.createContext(null);
14
11
  /**
15
12
  * Used to group components that compose a set of tabs. There can only be one active tab within the same `<Tabs>` group.
@@ -96,15 +93,14 @@ const Tab = /*#__PURE__*/React.forwardRef(function Tab(t0, ref) {
96
93
  /**
97
94
  * A component used to group `<Tab>` elements together.
98
95
  */
99
- function TabList(_ref) {
100
- let {
101
- children,
102
- space,
103
- width = 'maxContent',
104
- align = 'start',
105
- exceptionallySetClassName
106
- } = _ref,
107
- props = _objectWithoutProperties(_ref, _excluded);
96
+ function TabList({
97
+ children,
98
+ space,
99
+ width = 'maxContent',
100
+ align = 'start',
101
+ exceptionallySetClassName,
102
+ ...props
103
+ }) {
108
104
  const tabListRef = React.useRef(null);
109
105
  const tabListPrevWidthRef = React.useRef(0);
110
106
  const tabContextValue = React.useContext(TabsContext);
@@ -198,13 +194,12 @@ function TabList(_ref) {
198
194
  * Used to define the content to be rendered when a tab is active. Each `<TabPanel>` must have a
199
195
  * corresponding `<Tab>` component.
200
196
  */
201
- const TabPanel = /*#__PURE__*/React.forwardRef(function TabPanel(_ref2, ref) {
202
- let {
203
- children,
204
- id,
205
- renderMode = 'always'
206
- } = _ref2,
207
- props = _objectWithoutProperties(_ref2, _excluded2);
197
+ const TabPanel = /*#__PURE__*/React.forwardRef(function TabPanel({
198
+ children,
199
+ id,
200
+ renderMode = 'always',
201
+ ...props
202
+ }, ref) {
208
203
  const tabContextValue = React.useContext(TabsContext);
209
204
  const [tabRendered, setTabRendered] = React.useState(false);
210
205
  const selectedId = tabContextValue?.tabStore.useState('selectedId');
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.js","sources":["../../src/tabs/tabs.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {\n Tab as BaseTab,\n TabList as BaseTabList,\n TabPanel as BaseTabPanel,\n useTabStore,\n} from '@ariakit/react'\nimport classNames from 'classnames'\n\nimport { Box } from '../box'\nimport { Inline } from '../inline'\n\nimport styles from './tabs.module.css'\n\nimport type {\n TabPanelProps as BaseTabPanelProps,\n TabProps as BaseTabProps,\n TabStore,\n} from '@ariakit/react'\nimport type { BoxJustifyContent } from '../box'\nimport type { ObfuscatedClassName, Space } from '../utils/common-types'\n\ntype TabsContextValue = Required<Pick<TabsProps, 'variant'>> & {\n tabStore: TabStore\n}\n\nconst TabsContext = React.createContext<TabsContextValue | null>(null)\n\ninterface TabsProps {\n /**\n * The `<Tabs>` component must be composed from a `<TabList>` and corresponding `<TabPanel>`\n * components\n */\n children: React.ReactNode\n\n /**\n * Determines the look and feel of the tabs\n */\n variant?: 'themed' | 'neutral'\n\n /**\n * The id of the selected tab. Assigning a value makes this a controlled component\n */\n selectedId?: string | null\n\n /**\n * The tab to initially select. This can be used if the component should not\n * be a controlled component but needs to have a tab selected\n */\n defaultSelectedId?: string | null\n\n /**\n * Called with the tab id when a tab is selected\n */\n onSelectedIdChange?: (selectedId: string | null | undefined) => void\n}\n\n/**\n * Used to group components that compose a set of tabs. There can only be one active tab within the same `<Tabs>` group.\n */\nfunction Tabs({\n children,\n selectedId,\n defaultSelectedId,\n variant = 'neutral',\n onSelectedIdChange,\n}: TabsProps): React.ReactElement {\n const tabStore = useTabStore({\n defaultSelectedId,\n selectedId,\n setSelectedId: onSelectedIdChange,\n })\n const actualSelectedId = tabStore.useState('selectedId')\n\n const memoizedTabState = React.useMemo(\n () => ({ tabStore, variant, selectedId: selectedId ?? actualSelectedId ?? null }),\n [variant, tabStore, selectedId, actualSelectedId],\n )\n return <TabsContext.Provider value={memoizedTabState}>{children}</TabsContext.Provider>\n}\n\ninterface TabProps\n extends ObfuscatedClassName,\n Omit<BaseTabProps, 'store' | 'className' | 'children' | 'id'> {\n /**\n * The content to render inside of the tab button\n */\n children: React.ReactNode\n\n /**\n * The tab's identifier. This must match its corresponding `<TabPanel>`'s id\n */\n id: string\n\n /**\n * Defines wether or not the tab is disabled.\n */\n disabled?: boolean\n}\n\n/**\n * Represents the individual tab elements within the group. Each `<Tab>` must have a corresponding `<TabPanel>` component.\n */\nconst Tab = React.forwardRef<HTMLButtonElement, TabProps>(function Tab(\n { children, id, disabled, exceptionallySetClassName, render, onClick },\n ref,\n): React.ReactElement | null {\n const tabContextValue = React.useContext(TabsContext)\n if (!tabContextValue) return null\n\n const { variant, tabStore } = tabContextValue\n const className = classNames(exceptionallySetClassName, styles.tab, styles[`tab-${variant}`])\n\n return (\n <BaseTab\n id={id}\n ref={ref}\n disabled={disabled}\n store={tabStore}\n render={render}\n className={className}\n onClick={onClick}\n >\n {children}\n </BaseTab>\n )\n})\n\ntype TabListProps = (\n | {\n /** Labels the tab list for assistive technologies. This must be provided if `aria-labelledby` is omitted. */\n 'aria-label': string\n }\n | {\n /**\n * One or more element IDs used to label the tab list for assistive technologies. Required if\n * `aria-label` is omitted.\n */\n 'aria-labelledby': string\n }\n | {\n /**\n * For cases where multiple instances of the tab list exists, the duplicates may be marked as aria-hidden\n */\n 'aria-hidden': boolean\n }\n) & {\n /**\n * A list of `<Tab>` elements\n */\n children: React.ReactNode\n\n /**\n * Controls the spacing between tabs\n */\n space?: Space\n\n /**\n * The width of the tab list.\n *\n * - `'maxContent'`: Each tab will be as wide as its content.\n * - `'full'`: Each tab will be as wide as the tab list.\n *\n * @default 'maxContent'\n */\n width?: 'maxContent' | 'full'\n\n /**\n * How to align the tabs within the tab list.\n *\n * @default 'start'\n */\n align?: 'start' | 'center' | 'end'\n} & ObfuscatedClassName\n\n/**\n * A component used to group `<Tab>` elements together.\n */\nfunction TabList({\n children,\n space,\n width = 'maxContent',\n align = 'start',\n exceptionallySetClassName,\n ...props\n}: TabListProps): React.ReactElement | null {\n const tabListRef = React.useRef<HTMLDivElement | null>(null)\n const tabListPrevWidthRef = React.useRef(0)\n\n const tabContextValue = React.useContext(TabsContext)\n\n const [selectedTabElement, setSelectedTabElement] = React.useState<HTMLElement | null>(null)\n const [selectedTabStyle, setSelectedTabStyle] = React.useState<React.CSSProperties>({})\n\n const selectedId = tabContextValue?.tabStore.useState('selectedId')\n\n const updateSelectedTabPosition = React.useCallback(\n function updateSelectedTabPositionCallback() {\n if (!selectedId || !tabListRef.current) {\n return\n }\n\n const tabs = tabListRef.current.querySelectorAll('[role=\"tab\"]')\n\n const selectedTab = Array.from(tabs).find(\n (tab) => tab.getAttribute('id') === selectedId,\n ) as HTMLElement | undefined\n\n if (selectedTab) {\n setSelectedTabElement(selectedTab)\n setSelectedTabStyle({\n left: `${selectedTab.offsetLeft}px`,\n width: `${selectedTab.offsetWidth}px`,\n })\n }\n },\n [selectedId],\n )\n\n React.useEffect(\n function updateSelectedTabPositionOnTabChange() {\n updateSelectedTabPosition()\n },\n // `selectedId` is a dependency to ensure the effect runs when the selected tab changes\n [selectedId, updateSelectedTabPosition],\n )\n\n React.useEffect(\n function observeTabListWidthChange() {\n let animationFrameId: number | null = null\n\n const tabListObserver = new ResizeObserver(([entry]) => {\n const width = entry?.contentRect.width\n\n if (width && tabListPrevWidthRef.current !== width) {\n tabListPrevWidthRef.current = width\n\n if (animationFrameId !== null) {\n cancelAnimationFrame(animationFrameId)\n }\n\n animationFrameId = requestAnimationFrame(() => {\n updateSelectedTabPosition()\n animationFrameId = null\n })\n }\n })\n\n if (tabListRef.current) {\n tabListObserver.observe(tabListRef.current)\n }\n\n return function cleanupResizeObserver() {\n if (animationFrameId) {\n cancelAnimationFrame(animationFrameId)\n }\n\n tabListObserver.disconnect()\n }\n },\n [updateSelectedTabPosition],\n )\n\n if (!tabContextValue) {\n return null\n }\n\n const { tabStore, variant } = tabContextValue\n\n const justifyContentAlignMap: Record<typeof align, BoxJustifyContent> = {\n start: 'flexStart',\n end: 'flexEnd',\n center: 'center',\n }\n\n return (\n // This extra <Box> not only provides alignment for the tabs, but also prevents <Inline>'s\n // negative margins from collapsing when used in a flex container which will render the\n // track with the wrong height\n <Box\n display=\"flex\"\n justifyContent={width === 'full' ? 'center' : justifyContentAlignMap[align]}\n >\n <BaseTabList\n store={tabStore}\n render={\n <Box position=\"relative\" width={width} className={exceptionallySetClassName} />\n }\n ref={tabListRef}\n {...props}\n >\n <Box className={[styles.track, styles[`track-${variant}`]]} />\n {selectedTabElement ? (\n <Box\n className={[styles.selected, styles[`selected-${variant}`]]}\n style={selectedTabStyle}\n />\n ) : null}\n <Inline\n space={space}\n exceptionallySetClassName={classNames(\n width === 'full' ? styles.fullTabList : null,\n )}\n >\n {children}\n </Inline>\n </BaseTabList>\n </Box>\n )\n}\n\ninterface TabPanelProps\n extends React.HTMLAttributes<HTMLDivElement>,\n Pick<BaseTabPanelProps, 'render'> {\n /** The content to be rendered inside the tab */\n children?: React.ReactNode\n\n /** The tabPanel's identifier. This must match its corresponding `<Tab>`'s id */\n id: string\n\n /**\n * By default, the tab panel's content is always rendered even when they are not active. This\n * behaviour can be changed to 'active', which renders only when the tab is active, and 'lazy',\n * meaning while inactive tab panels will not be rendered initially, they will remain mounted\n * once they are active until the entire Tabs tree is unmounted.\n */\n renderMode?: 'always' | 'active' | 'lazy'\n}\n\n/**\n * Used to define the content to be rendered when a tab is active. Each `<TabPanel>` must have a\n * corresponding `<Tab>` component.\n */\nconst TabPanel = React.forwardRef<HTMLDivElement, TabPanelProps>(function TabPanel(\n { children, id, renderMode = 'always', ...props },\n ref,\n): React.ReactElement | null {\n const tabContextValue = React.useContext(TabsContext)\n const [tabRendered, setTabRendered] = React.useState(false)\n const selectedId = tabContextValue?.tabStore.useState('selectedId')\n const tabIsActive = selectedId === id\n\n React.useEffect(\n function trackTabRenderedState() {\n if (!tabRendered && tabIsActive) {\n // eslint-disable-next-line react-hooks/set-state-in-effect\n setTabRendered(true)\n }\n },\n [tabRendered, tabIsActive],\n )\n\n if (!tabContextValue) {\n return null\n }\n\n const { tabStore } = tabContextValue\n const shouldRender =\n renderMode === 'always' ||\n (renderMode === 'active' && tabIsActive) ||\n (renderMode === 'lazy' && (tabIsActive || tabRendered))\n\n return shouldRender ? (\n <BaseTabPanel {...props} tabId={id} store={tabStore} ref={ref}>\n {children}\n </BaseTabPanel>\n ) : null\n})\n\ntype TabAwareSlotProps = {\n /**\n * Render prop used to provide the content to be rendered inside the slot. The render prop will\n * be called with the current `selectedId`\n */\n children: (provided: { selectedId?: string | null }) => React.ReactElement | null\n}\n\n/**\n * Allows content to be rendered based on the current tab being selected while outside of the\n * TabPanel component. Can be placed freely within the main `<Tabs>` component.\n */\nfunction TabAwareSlot({ children }: TabAwareSlotProps): React.ReactElement | null {\n const tabContextValue = React.useContext(TabsContext)\n const selectedId = tabContextValue?.tabStore.useState('selectedId')\n return tabContextValue ? children({ selectedId }) : null\n}\n\nexport { Tab, TabAwareSlot, TabList, TabPanel, Tabs }\n"],"names":["TabsContext","React","createContext","Tabs","children","selectedId","defaultSelectedId","variant","onSelectedIdChange","tabStore","useTabStore","setSelectedId","actualSelectedId","useState","memoizedTabState","useMemo","createElement","Provider","value","Tab","forwardRef","t0","ref","$","_c","id","disabled","exceptionallySetClassName","render","onClick","tabContextValue","useContext","t1","styles","t2","classNames","tab","className","t3","BaseTab","TabList","_ref","space","width","align","props","_objectWithoutProperties","_excluded","tabListRef","useRef","tabListPrevWidthRef","selectedTabElement","setSelectedTabElement","selectedTabStyle","setSelectedTabStyle","updateSelectedTabPosition","useCallback","updateSelectedTabPositionCallback","current","tabs","querySelectorAll","selectedTab","Array","from","find","getAttribute","left","offsetLeft","offsetWidth","useEffect","updateSelectedTabPositionOnTabChange","observeTabListWidthChange","animationFrameId","tabListObserver","ResizeObserver","entry","contentRect","cancelAnimationFrame","requestAnimationFrame","observe","cleanupResizeObserver","disconnect","justifyContentAlignMap","start","end","center","Box","display","justifyContent","BaseTabList","_extends","store","position","track","selected","style","Inline","fullTabList","TabPanel","_ref2","renderMode","_excluded2","tabRendered","setTabRendered","tabIsActive","trackTabRenderedState","shouldRender","BaseTabPanel","tabId","TabAwareSlot"],"mappings":"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"}
1
+ {"version":3,"file":"tabs.js","sources":["../../src/tabs/tabs.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {\n Tab as BaseTab,\n TabList as BaseTabList,\n TabPanel as BaseTabPanel,\n useTabStore,\n} from '@ariakit/react'\nimport classNames from 'classnames'\n\nimport { Box } from '../box'\nimport { Inline } from '../inline'\n\nimport styles from './tabs.module.css'\n\nimport type {\n TabPanelProps as BaseTabPanelProps,\n TabProps as BaseTabProps,\n TabStore,\n} from '@ariakit/react'\nimport type { BoxJustifyContent } from '../box'\nimport type { ObfuscatedClassName, Space } from '../utils/common-types'\n\ntype TabsContextValue = Required<Pick<TabsProps, 'variant'>> & {\n tabStore: TabStore\n}\n\nconst TabsContext = React.createContext<TabsContextValue | null>(null)\n\ninterface TabsProps {\n /**\n * The `<Tabs>` component must be composed from a `<TabList>` and corresponding `<TabPanel>`\n * components\n */\n children: React.ReactNode\n\n /**\n * Determines the look and feel of the tabs\n */\n variant?: 'themed' | 'neutral'\n\n /**\n * The id of the selected tab. Assigning a value makes this a controlled component\n */\n selectedId?: string | null\n\n /**\n * The tab to initially select. This can be used if the component should not\n * be a controlled component but needs to have a tab selected\n */\n defaultSelectedId?: string | null\n\n /**\n * Called with the tab id when a tab is selected\n */\n onSelectedIdChange?: (selectedId: string | null | undefined) => void\n}\n\n/**\n * Used to group components that compose a set of tabs. There can only be one active tab within the same `<Tabs>` group.\n */\nfunction Tabs({\n children,\n selectedId,\n defaultSelectedId,\n variant = 'neutral',\n onSelectedIdChange,\n}: TabsProps): React.ReactElement {\n const tabStore = useTabStore({\n defaultSelectedId,\n selectedId,\n setSelectedId: onSelectedIdChange,\n })\n const actualSelectedId = tabStore.useState('selectedId')\n\n const memoizedTabState = React.useMemo(\n () => ({ tabStore, variant, selectedId: selectedId ?? actualSelectedId ?? null }),\n [variant, tabStore, selectedId, actualSelectedId],\n )\n return <TabsContext.Provider value={memoizedTabState}>{children}</TabsContext.Provider>\n}\n\ninterface TabProps\n extends ObfuscatedClassName,\n Omit<BaseTabProps, 'store' | 'className' | 'children' | 'id'> {\n /**\n * The content to render inside of the tab button\n */\n children: React.ReactNode\n\n /**\n * The tab's identifier. This must match its corresponding `<TabPanel>`'s id\n */\n id: string\n\n /**\n * Defines wether or not the tab is disabled.\n */\n disabled?: boolean\n}\n\n/**\n * Represents the individual tab elements within the group. Each `<Tab>` must have a corresponding `<TabPanel>` component.\n */\nconst Tab = React.forwardRef<HTMLButtonElement, TabProps>(function Tab(\n { children, id, disabled, exceptionallySetClassName, render, onClick },\n ref,\n): React.ReactElement | null {\n const tabContextValue = React.useContext(TabsContext)\n if (!tabContextValue) return null\n\n const { variant, tabStore } = tabContextValue\n const className = classNames(exceptionallySetClassName, styles.tab, styles[`tab-${variant}`])\n\n return (\n <BaseTab\n id={id}\n ref={ref}\n disabled={disabled}\n store={tabStore}\n render={render}\n className={className}\n onClick={onClick}\n >\n {children}\n </BaseTab>\n )\n})\n\ntype TabListProps = (\n | {\n /** Labels the tab list for assistive technologies. This must be provided if `aria-labelledby` is omitted. */\n 'aria-label': string\n }\n | {\n /**\n * One or more element IDs used to label the tab list for assistive technologies. Required if\n * `aria-label` is omitted.\n */\n 'aria-labelledby': string\n }\n | {\n /**\n * For cases where multiple instances of the tab list exists, the duplicates may be marked as aria-hidden\n */\n 'aria-hidden': boolean\n }\n) & {\n /**\n * A list of `<Tab>` elements\n */\n children: React.ReactNode\n\n /**\n * Controls the spacing between tabs\n */\n space?: Space\n\n /**\n * The width of the tab list.\n *\n * - `'maxContent'`: Each tab will be as wide as its content.\n * - `'full'`: Each tab will be as wide as the tab list.\n *\n * @default 'maxContent'\n */\n width?: 'maxContent' | 'full'\n\n /**\n * How to align the tabs within the tab list.\n *\n * @default 'start'\n */\n align?: 'start' | 'center' | 'end'\n} & ObfuscatedClassName\n\n/**\n * A component used to group `<Tab>` elements together.\n */\nfunction TabList({\n children,\n space,\n width = 'maxContent',\n align = 'start',\n exceptionallySetClassName,\n ...props\n}: TabListProps): React.ReactElement | null {\n const tabListRef = React.useRef<HTMLDivElement | null>(null)\n const tabListPrevWidthRef = React.useRef(0)\n\n const tabContextValue = React.useContext(TabsContext)\n\n const [selectedTabElement, setSelectedTabElement] = React.useState<HTMLElement | null>(null)\n const [selectedTabStyle, setSelectedTabStyle] = React.useState<React.CSSProperties>({})\n\n const selectedId = tabContextValue?.tabStore.useState('selectedId')\n\n const updateSelectedTabPosition = React.useCallback(\n function updateSelectedTabPositionCallback() {\n if (!selectedId || !tabListRef.current) {\n return\n }\n\n const tabs = tabListRef.current.querySelectorAll('[role=\"tab\"]')\n\n const selectedTab = Array.from(tabs).find(\n (tab) => tab.getAttribute('id') === selectedId,\n ) as HTMLElement | undefined\n\n if (selectedTab) {\n setSelectedTabElement(selectedTab)\n setSelectedTabStyle({\n left: `${selectedTab.offsetLeft}px`,\n width: `${selectedTab.offsetWidth}px`,\n })\n }\n },\n [selectedId],\n )\n\n React.useEffect(\n function updateSelectedTabPositionOnTabChange() {\n updateSelectedTabPosition()\n },\n // `selectedId` is a dependency to ensure the effect runs when the selected tab changes\n [selectedId, updateSelectedTabPosition],\n )\n\n React.useEffect(\n function observeTabListWidthChange() {\n let animationFrameId: number | null = null\n\n const tabListObserver = new ResizeObserver(([entry]) => {\n const width = entry?.contentRect.width\n\n if (width && tabListPrevWidthRef.current !== width) {\n tabListPrevWidthRef.current = width\n\n if (animationFrameId !== null) {\n cancelAnimationFrame(animationFrameId)\n }\n\n animationFrameId = requestAnimationFrame(() => {\n updateSelectedTabPosition()\n animationFrameId = null\n })\n }\n })\n\n if (tabListRef.current) {\n tabListObserver.observe(tabListRef.current)\n }\n\n return function cleanupResizeObserver() {\n if (animationFrameId) {\n cancelAnimationFrame(animationFrameId)\n }\n\n tabListObserver.disconnect()\n }\n },\n [updateSelectedTabPosition],\n )\n\n if (!tabContextValue) {\n return null\n }\n\n const { tabStore, variant } = tabContextValue\n\n const justifyContentAlignMap: Record<typeof align, BoxJustifyContent> = {\n start: 'flexStart',\n end: 'flexEnd',\n center: 'center',\n }\n\n return (\n // This extra <Box> not only provides alignment for the tabs, but also prevents <Inline>'s\n // negative margins from collapsing when used in a flex container which will render the\n // track with the wrong height\n <Box\n display=\"flex\"\n justifyContent={width === 'full' ? 'center' : justifyContentAlignMap[align]}\n >\n <BaseTabList\n store={tabStore}\n render={\n <Box position=\"relative\" width={width} className={exceptionallySetClassName} />\n }\n ref={tabListRef}\n {...props}\n >\n <Box className={[styles.track, styles[`track-${variant}`]]} />\n {selectedTabElement ? (\n <Box\n className={[styles.selected, styles[`selected-${variant}`]]}\n style={selectedTabStyle}\n />\n ) : null}\n <Inline\n space={space}\n exceptionallySetClassName={classNames(\n width === 'full' ? styles.fullTabList : null,\n )}\n >\n {children}\n </Inline>\n </BaseTabList>\n </Box>\n )\n}\n\ninterface TabPanelProps\n extends React.HTMLAttributes<HTMLDivElement>,\n Pick<BaseTabPanelProps, 'render'> {\n /** The content to be rendered inside the tab */\n children?: React.ReactNode\n\n /** The tabPanel's identifier. This must match its corresponding `<Tab>`'s id */\n id: string\n\n /**\n * By default, the tab panel's content is always rendered even when they are not active. This\n * behaviour can be changed to 'active', which renders only when the tab is active, and 'lazy',\n * meaning while inactive tab panels will not be rendered initially, they will remain mounted\n * once they are active until the entire Tabs tree is unmounted.\n */\n renderMode?: 'always' | 'active' | 'lazy'\n}\n\n/**\n * Used to define the content to be rendered when a tab is active. Each `<TabPanel>` must have a\n * corresponding `<Tab>` component.\n */\nconst TabPanel = React.forwardRef<HTMLDivElement, TabPanelProps>(function TabPanel(\n { children, id, renderMode = 'always', ...props },\n ref,\n): React.ReactElement | null {\n const tabContextValue = React.useContext(TabsContext)\n const [tabRendered, setTabRendered] = React.useState(false)\n const selectedId = tabContextValue?.tabStore.useState('selectedId')\n const tabIsActive = selectedId === id\n\n React.useEffect(\n function trackTabRenderedState() {\n if (!tabRendered && tabIsActive) {\n // eslint-disable-next-line react-hooks/set-state-in-effect\n setTabRendered(true)\n }\n },\n [tabRendered, tabIsActive],\n )\n\n if (!tabContextValue) {\n return null\n }\n\n const { tabStore } = tabContextValue\n const shouldRender =\n renderMode === 'always' ||\n (renderMode === 'active' && tabIsActive) ||\n (renderMode === 'lazy' && (tabIsActive || tabRendered))\n\n return shouldRender ? (\n <BaseTabPanel {...props} tabId={id} store={tabStore} ref={ref}>\n {children}\n </BaseTabPanel>\n ) : null\n})\n\ntype TabAwareSlotProps = {\n /**\n * Render prop used to provide the content to be rendered inside the slot. The render prop will\n * be called with the current `selectedId`\n */\n children: (provided: { selectedId?: string | null }) => React.ReactElement | null\n}\n\n/**\n * Allows content to be rendered based on the current tab being selected while outside of the\n * TabPanel component. Can be placed freely within the main `<Tabs>` component.\n */\nfunction TabAwareSlot({ children }: TabAwareSlotProps): React.ReactElement | null {\n const tabContextValue = React.useContext(TabsContext)\n const selectedId = tabContextValue?.tabStore.useState('selectedId')\n return tabContextValue ? children({ selectedId }) : null\n}\n\nexport { Tab, TabAwareSlot, TabList, TabPanel, Tabs }\n"],"names":["TabsContext","React","createContext","Tabs","children","selectedId","defaultSelectedId","variant","onSelectedIdChange","tabStore","useTabStore","setSelectedId","actualSelectedId","useState","memoizedTabState","useMemo","createElement","Provider","value","Tab","forwardRef","t0","ref","$","_c","id","disabled","exceptionallySetClassName","render","onClick","tabContextValue","useContext","t1","styles","t2","classNames","tab","className","t3","BaseTab","TabList","space","width","align","props","tabListRef","useRef","tabListPrevWidthRef","selectedTabElement","setSelectedTabElement","selectedTabStyle","setSelectedTabStyle","updateSelectedTabPosition","useCallback","updateSelectedTabPositionCallback","current","tabs","querySelectorAll","selectedTab","Array","from","find","getAttribute","left","offsetLeft","offsetWidth","useEffect","updateSelectedTabPositionOnTabChange","observeTabListWidthChange","animationFrameId","tabListObserver","ResizeObserver","entry","contentRect","cancelAnimationFrame","requestAnimationFrame","observe","cleanupResizeObserver","disconnect","justifyContentAlignMap","start","end","center","Box","display","justifyContent","BaseTabList","_extends","store","position","track","selected","style","Inline","fullTabList","TabPanel","renderMode","tabRendered","setTabRendered","tabIsActive","trackTabRenderedState","shouldRender","BaseTabPanel","tabId","TabAwareSlot"],"mappings":"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"}
package/es/text/text.js CHANGED
@@ -1,24 +1,21 @@
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 { getClassNames } from '../utils/responsive-props.js';
6
5
  import modules_a9637dd3 from './text.module.css.js';
7
6
  import { Box } from '../box/box.js';
8
7
 
9
- const _excluded = ["as", "size", "weight", "tone", "align", "children", "lineClamp", "exceptionallySetClassName"];
10
- const Text = polymorphicComponent(function Text(_ref, ref) {
11
- let {
12
- as,
13
- size = 'body',
14
- weight = 'regular',
15
- tone = 'normal',
16
- align,
17
- children,
18
- lineClamp,
19
- exceptionallySetClassName
20
- } = _ref,
21
- props = _objectWithoutProperties(_ref, _excluded);
8
+ const Text = polymorphicComponent(function Text({
9
+ as,
10
+ size = 'body',
11
+ weight = 'regular',
12
+ tone = 'normal',
13
+ align,
14
+ children,
15
+ lineClamp,
16
+ exceptionallySetClassName,
17
+ ...props
18
+ }, ref) {
22
19
  const lineClampMultipleLines = typeof lineClamp === 'string' ? Number(lineClamp) > 1 : (lineClamp ?? 1) > 1;
23
20
  return /*#__PURE__*/React.createElement(Box, _extends({}, props, {
24
21
  as: as,
@@ -1 +1 @@
1
- {"version":3,"file":"text.js","sources":["../../src/text/text.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Box } from '../box'\nimport { polymorphicComponent } from '../utils/polymorphism'\nimport { getClassNames } from '../utils/responsive-props'\n\nimport styles from './text.module.css'\n\nimport type { BoxProps } from '../box'\nimport type { Tone } from '../utils/common-types'\n\ntype TextProps = {\n children: React.ReactNode\n /**\n * The size of the text.\n *\n * The supported values, from smaller size to larger size, are:\n * 'caption', 'copy', 'body', and 'subtitle'\n *\n * @default 'body'\n */\n size?: 'caption' | 'copy' | 'body' | 'subtitle'\n /**\n * The weight of the text font.\n *\n * @default 'regular'\n */\n weight?: 'regular' | 'semibold' | 'bold'\n /**\n * The tone (semantic color) of the text.\n *\n * @default 'normal'\n */\n tone?: Tone\n /**\n * Used to truncate the text to a given number of lines.\n *\n * It will add an ellipsis (`…`) to the text at the end of the last line, only if the text was\n * truncated. If the text fits without it being truncated, no ellipsis is added.\n *\n * By default, the text is not truncated at all, no matter how many lines it takes to render it.\n *\n * @default undefined\n */\n lineClamp?: 1 | 2 | 3 | 4 | 5 | '1' | '2' | '3' | '4' | '5'\n /**\n * How to align the text horizontally.\n *\n * @default 'start'\n */\n align?: BoxProps['textAlign']\n}\n\nconst Text = polymorphicComponent<'div', TextProps>(function Text(\n {\n as,\n size = 'body',\n weight = 'regular',\n tone = 'normal',\n align,\n children,\n lineClamp,\n exceptionallySetClassName,\n ...props\n },\n ref,\n) {\n const lineClampMultipleLines =\n typeof lineClamp === 'string' ? Number(lineClamp) > 1 : (lineClamp ?? 1) > 1\n\n return (\n <Box\n {...props}\n as={as}\n className={[\n exceptionallySetClassName,\n styles.text,\n size !== 'body' ? getClassNames(styles, 'size', size) : null,\n weight !== 'regular' ? getClassNames(styles, 'weight', weight) : null,\n tone !== 'normal' ? getClassNames(styles, 'tone', tone) : null,\n lineClampMultipleLines ? styles.lineClampMultipleLines : null,\n lineClamp ? getClassNames(styles, 'lineClamp', lineClamp.toString()) : null,\n ]}\n textAlign={align}\n // Prevents emojis from being cut-off\n // See https://github.com/Doist/reactist/pull/528\n paddingRight={lineClamp ? 'xsmall' : undefined}\n ref={ref}\n >\n {children}\n </Box>\n )\n})\n\nexport type { TextProps }\nexport { Text }\n"],"names":["Text","polymorphicComponent","_ref","ref","as","size","weight","tone","align","children","lineClamp","exceptionallySetClassName","props","_objectWithoutProperties","_excluded","lineClampMultipleLines","Number","React","createElement","Box","_extends","className","styles","text","getClassNames","toString","textAlign","paddingRight","undefined"],"mappings":";;;;;;;;;AAqDMA,MAAAA,IAAI,GAAGC,oBAAoB,CAAmB,SAASD,IAAIA,CAAAE,IAAA,EAY7DC,GAAG,EACL;EAAA,IAZE;MACIC,EAAE;AACFC,MAAAA,IAAI,GAAG,MAAM;AACbC,MAAAA,MAAM,GAAG,SAAS;AAClBC,MAAAA,IAAI,GAAG,QAAQ;MACfC,KAAK;MACLC,QAAQ;MACRC,SAAS;AACTC,MAAAA,yBAAAA;AAEJ,KAAC,GAAAT,IAAA;AADMU,IAAAA,KAAK,GAAAC,wBAAA,CAAAX,IAAA,EAAAY,SAAA,CAAA,CAAA;AAIZ,EAAA,MAAMC,sBAAsB,GACxB,OAAOL,SAAS,KAAK,QAAQ,GAAGM,MAAM,CAACN,SAAS,CAAC,GAAG,CAAC,GAAG,CAACA,SAAS,IAAI,CAAC,IAAI,CAAC,CAAA;EAEhF,oBACIO,KAAA,CAAAC,aAAA,CAACC,GAAG,EAAAC,QAAA,KACIR,KAAK,EAAA;AACTR,IAAAA,EAAE,EAAEA,EAAG;AACPiB,IAAAA,SAAS,EAAE,CACPV,yBAAyB,EACzBW,gBAAM,CAACC,IAAI,EACXlB,IAAI,KAAK,MAAM,GAAGmB,aAAa,CAACF,gBAAM,EAAE,MAAM,EAAEjB,IAAI,CAAC,GAAG,IAAI,EAC5DC,MAAM,KAAK,SAAS,GAAGkB,aAAa,CAACF,gBAAM,EAAE,QAAQ,EAAEhB,MAAM,CAAC,GAAG,IAAI,EACrEC,IAAI,KAAK,QAAQ,GAAGiB,aAAa,CAACF,gBAAM,EAAE,MAAM,EAAEf,IAAI,CAAC,GAAG,IAAI,EAC9DQ,sBAAsB,GAAGO,gBAAM,CAACP,sBAAsB,GAAG,IAAI,EAC7DL,SAAS,GAAGc,aAAa,CAACF,gBAAM,EAAE,WAAW,EAAEZ,SAAS,CAACe,QAAQ,EAAE,CAAC,GAAG,IAAI,CAC7E;AACFC,IAAAA,SAAS,EAAElB,KAAAA;AACX;AACA;AAAA;AACAmB,IAAAA,YAAY,EAAEjB,SAAS,GAAG,QAAQ,GAAGkB,SAAU;AAC/CzB,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAA,CAAA,EAERM,QACA,CAAC,CAAA;AAEd,CAAC;;;;"}
1
+ {"version":3,"file":"text.js","sources":["../../src/text/text.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Box } from '../box'\nimport { polymorphicComponent } from '../utils/polymorphism'\nimport { getClassNames } from '../utils/responsive-props'\n\nimport styles from './text.module.css'\n\nimport type { BoxProps } from '../box'\nimport type { Tone } from '../utils/common-types'\n\ntype TextProps = {\n children: React.ReactNode\n /**\n * The size of the text.\n *\n * The supported values, from smaller size to larger size, are:\n * 'caption', 'copy', 'body', and 'subtitle'\n *\n * @default 'body'\n */\n size?: 'caption' | 'copy' | 'body' | 'subtitle'\n /**\n * The weight of the text font.\n *\n * @default 'regular'\n */\n weight?: 'regular' | 'semibold' | 'bold'\n /**\n * The tone (semantic color) of the text.\n *\n * @default 'normal'\n */\n tone?: Tone\n /**\n * Used to truncate the text to a given number of lines.\n *\n * It will add an ellipsis (`…`) to the text at the end of the last line, only if the text was\n * truncated. If the text fits without it being truncated, no ellipsis is added.\n *\n * By default, the text is not truncated at all, no matter how many lines it takes to render it.\n *\n * @default undefined\n */\n lineClamp?: 1 | 2 | 3 | 4 | 5 | '1' | '2' | '3' | '4' | '5'\n /**\n * How to align the text horizontally.\n *\n * @default 'start'\n */\n align?: BoxProps['textAlign']\n}\n\nconst Text = polymorphicComponent<'div', TextProps>(function Text(\n {\n as,\n size = 'body',\n weight = 'regular',\n tone = 'normal',\n align,\n children,\n lineClamp,\n exceptionallySetClassName,\n ...props\n },\n ref,\n) {\n const lineClampMultipleLines =\n typeof lineClamp === 'string' ? Number(lineClamp) > 1 : (lineClamp ?? 1) > 1\n\n return (\n <Box\n {...props}\n as={as}\n className={[\n exceptionallySetClassName,\n styles.text,\n size !== 'body' ? getClassNames(styles, 'size', size) : null,\n weight !== 'regular' ? getClassNames(styles, 'weight', weight) : null,\n tone !== 'normal' ? getClassNames(styles, 'tone', tone) : null,\n lineClampMultipleLines ? styles.lineClampMultipleLines : null,\n lineClamp ? getClassNames(styles, 'lineClamp', lineClamp.toString()) : null,\n ]}\n textAlign={align}\n // Prevents emojis from being cut-off\n // See https://github.com/Doist/reactist/pull/528\n paddingRight={lineClamp ? 'xsmall' : undefined}\n ref={ref}\n >\n {children}\n </Box>\n )\n})\n\nexport type { TextProps }\nexport { Text }\n"],"names":["Text","polymorphicComponent","as","size","weight","tone","align","children","lineClamp","exceptionallySetClassName","props","ref","lineClampMultipleLines","Number","React","createElement","Box","_extends","className","styles","text","getClassNames","toString","textAlign","paddingRight","undefined"],"mappings":";;;;;;;AAqDA,MAAMA,IAAI,GAAGC,oBAAoB,CAAmB,SAASD,IAAIA,CAC7D;EACIE,EAAE;AACFC,EAAAA,IAAI,GAAG,MAAM;AACbC,EAAAA,MAAM,GAAG,SAAS;AAClBC,EAAAA,IAAI,GAAG,QAAQ;EACfC,KAAK;EACLC,QAAQ;EACRC,SAAS;EACTC,yBAAyB;EACzB,GAAGC,KAAAA;AACP,CAAC,EACDC,GAAG,EACL;AACE,EAAA,MAAMC,sBAAsB,GACxB,OAAOJ,SAAS,KAAK,QAAQ,GAAGK,MAAM,CAACL,SAAS,CAAC,GAAG,CAAC,GAAG,CAACA,SAAS,IAAI,CAAC,IAAI,CAAC,CAAA;EAEhF,oBACIM,KAAA,CAAAC,aAAA,CAACC,GAAG,EAAAC,QAAA,KACIP,KAAK,EAAA;AACTR,IAAAA,EAAE,EAAEA,EAAG;AACPgB,IAAAA,SAAS,EAAE,CACPT,yBAAyB,EACzBU,gBAAM,CAACC,IAAI,EACXjB,IAAI,KAAK,MAAM,GAAGkB,aAAa,CAACF,gBAAM,EAAE,MAAM,EAAEhB,IAAI,CAAC,GAAG,IAAI,EAC5DC,MAAM,KAAK,SAAS,GAAGiB,aAAa,CAACF,gBAAM,EAAE,QAAQ,EAAEf,MAAM,CAAC,GAAG,IAAI,EACrEC,IAAI,KAAK,QAAQ,GAAGgB,aAAa,CAACF,gBAAM,EAAE,MAAM,EAAEd,IAAI,CAAC,GAAG,IAAI,EAC9DO,sBAAsB,GAAGO,gBAAM,CAACP,sBAAsB,GAAG,IAAI,EAC7DJ,SAAS,GAAGa,aAAa,CAACF,gBAAM,EAAE,WAAW,EAAEX,SAAS,CAACc,QAAQ,EAAE,CAAC,GAAG,IAAI,CAC7E;AACFC,IAAAA,SAAS,EAAEjB,KAAAA;AACX;AACA;AAAA;AACAkB,IAAAA,YAAY,EAAEhB,SAAS,GAAG,QAAQ,GAAGiB,SAAU;AAC/Cd,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAA,CAAA,EAERJ,QACA,CAAC,CAAA;AAEd,CAAC;;;;"}
@@ -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 * as React from 'react';
5
4
  import classNames from 'classnames';
@@ -8,8 +7,6 @@ import modules_2728c236 from './text-area.module.css.js';
8
7
  import { Box } from '../box/box.js';
9
8
  import { BaseField } from '../base-field/base-field.js';
10
9
 
11
- const _excluded = ["variant", "id", "label", "value", "auxiliaryLabel", "message", "tone", "maxWidth", "maxLength", "hidden", "aria-describedby", "rows", "autoExpand", "disableResize", "onChange"],
12
- _excluded2 = ["onChange", "characterCountElement"];
13
10
  const TextArea = /*#__PURE__*/React.forwardRef(function TextArea(t0, ref) {
14
11
  const $ = c(49);
15
12
  let ariaDescribedBy;
@@ -29,7 +26,6 @@ const TextArea = /*#__PURE__*/React.forwardRef(function TextArea(t0, ref) {
29
26
  let tone;
30
27
  let value;
31
28
  if ($[0] !== t0) {
32
- var _t = t0;
33
29
  ({
34
30
  variant: t1,
35
31
  id,
@@ -45,9 +41,9 @@ const TextArea = /*#__PURE__*/React.forwardRef(function TextArea(t0, ref) {
45
41
  rows,
46
42
  autoExpand: t2,
47
43
  disableResize: t3,
48
- onChange: originalOnChange
49
- } = _t);
50
- props = _objectWithoutProperties(_t, _excluded);
44
+ onChange: originalOnChange,
45
+ ...props
46
+ } = t0);
51
47
  $[0] = t0;
52
48
  $[1] = ariaDescribedBy;
53
49
  $[2] = auxiliaryLabel;
@@ -139,10 +135,10 @@ const TextArea = /*#__PURE__*/React.forwardRef(function TextArea(t0, ref) {
139
135
  if ($[28] !== combinedRef || $[29] !== maxLength || $[30] !== originalOnChange || $[31] !== props || $[32] !== rows || $[33] !== textAreaClassName) {
140
136
  t12 = t13 => {
141
137
  const {
142
- onChange,
143
- characterCountElement
144
- } = t13,
145
- extraProps = _objectWithoutProperties(t13, _excluded2);
138
+ onChange,
139
+ characterCountElement,
140
+ ...extraProps
141
+ } = t13;
146
142
  return /*#__PURE__*/React.createElement(Box, {
147
143
  width: "full",
148
144
  display: "flex",
@@ -1 +1 @@
1
- {"version":3,"file":"text-area.js","sources":["../../src/text-area/text-area.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport classNames from 'classnames'\nimport { useMergeRefs } from 'use-callback-ref'\n\nimport { BaseField } from '../base-field'\nimport { Box } from '../box'\n\nimport styles from './text-area.module.css'\n\nimport type { BaseFieldVariantProps, FieldComponentProps } from '../base-field'\n\ninterface TextAreaProps\n extends Omit<FieldComponentProps<HTMLTextAreaElement>, 'characterCountPosition'>,\n Omit<\n BaseFieldVariantProps,\n 'supportsStartAndEndSlots' | 'endSlot' | 'endSlotPosition' | 'value'\n > {\n /**\n * The value of the text area.\n *\n * If this prop is not specified, the text area will be uncontrolled and the component will\n * manage its own state.\n */\n value?: string\n\n /**\n * The number of visible text lines for the text area.\n *\n * If it is specified, it must be a positive integer. If it is not specified, the default\n * value is 2 (set by the browser).\n *\n * When `autoExpand` is true, this value serves the purpose of specifying the minimum number\n * of rows that the textarea will shrink to when the content is not large enough to make it\n * expand.\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-rows\n */\n rows?: number\n\n /**\n * If `true`, the textarea will be automatically resized to fit the content, and the ability to\n * manually resize the textarea will be disabled.\n */\n autoExpand?: boolean\n\n /**\n * If `true`, the ability to manually resize the textarea will be disabled.\n *\n * When `autoExpand` is true, this property serves no purpose, because the ability to manually\n * resize the textarea is always disabled when `autoExpand` is true.\n */\n disableResize?: boolean\n}\n\nconst TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(function TextArea(\n {\n variant = 'default',\n id,\n label,\n value,\n auxiliaryLabel,\n message,\n tone,\n maxWidth,\n maxLength,\n hidden,\n 'aria-describedby': ariaDescribedBy,\n rows,\n autoExpand = false,\n disableResize = false,\n onChange: originalOnChange,\n ...props\n },\n ref,\n) {\n const containerRef = React.useRef<HTMLDivElement>(null)\n const internalRef = React.useRef<HTMLTextAreaElement>(null)\n const combinedRef = useMergeRefs([ref, internalRef])\n\n useAutoExpand({ value, autoExpand, containerRef, internalRef })\n\n const textAreaClassName = classNames([\n autoExpand ? styles.disableResize : null,\n disableResize ? styles.disableResize : null,\n ])\n\n return (\n <BaseField\n variant={variant}\n id={id}\n label={label}\n value={value}\n auxiliaryLabel={auxiliaryLabel}\n message={message}\n tone={tone}\n hidden={hidden}\n aria-describedby={ariaDescribedBy}\n className={[\n styles.textAreaContainer,\n tone === 'error' ? styles.error : null,\n variant === 'bordered' ? styles.bordered : null,\n ]}\n maxWidth={maxWidth}\n maxLength={maxLength}\n >\n {({ onChange, characterCountElement, ...extraProps }) => (\n <Box\n width=\"full\"\n display=\"flex\"\n className={styles.innerContainer}\n ref={containerRef}\n >\n <textarea\n {...props}\n {...extraProps}\n ref={combinedRef}\n rows={rows}\n className={textAreaClassName}\n maxLength={maxLength}\n onChange={(event) => {\n originalOnChange?.(event)\n onChange?.(event)\n }}\n />\n </Box>\n )}\n </BaseField>\n )\n})\n\nfunction useAutoExpand({\n value,\n autoExpand,\n containerRef,\n internalRef,\n}: {\n value: string | undefined\n autoExpand: boolean\n containerRef: React.RefObject<HTMLDivElement>\n internalRef: React.RefObject<HTMLTextAreaElement>\n}) {\n const isControlled = value !== undefined\n\n React.useEffect(\n function setupAutoExpandWhenUncontrolled() {\n const textAreaElement = internalRef.current\n if (!textAreaElement || !autoExpand || isControlled) {\n return undefined\n }\n\n const containerElement = containerRef.current\n\n function handleAutoExpand(value: string) {\n if (containerElement) {\n containerElement.dataset.replicatedValue = value\n }\n }\n\n function handleInput(event: Event) {\n handleAutoExpand((event.currentTarget as HTMLTextAreaElement).value)\n }\n\n // Apply change initially, in case the text area has a non-empty initial value\n handleAutoExpand(textAreaElement.value)\n textAreaElement.addEventListener('input', handleInput)\n return () => textAreaElement.removeEventListener('input', handleInput)\n },\n [autoExpand, containerRef, internalRef, isControlled],\n )\n\n React.useEffect(\n function setupAutoExpandWhenControlled() {\n if (!isControlled || !autoExpand) {\n return\n }\n\n const containerElement = containerRef.current\n if (containerElement) {\n containerElement.dataset.replicatedValue = value\n }\n },\n [value, containerRef, isControlled, autoExpand],\n )\n}\n\nexport { TextArea }\nexport type { TextAreaProps }\n"],"names":["TextArea","React","forwardRef","t0","ref","$","_c","ariaDescribedBy","auxiliaryLabel","hidden","id","label","maxLength","maxWidth","message","originalOnChange","props","rows","t1","t2","t3","tone","value","_t","variant","autoExpand","disableResize","onChange","_objectWithoutProperties","_excluded","undefined","containerRef","useRef","internalRef","t4","combinedRef","useMergeRefs","t5","useAutoExpand","t6","styles","t7","t8","classNames","textAreaClassName","t9","error","t10","bordered","t11","textAreaContainer","t12","t13","characterCountElement","extraProps","_excluded2","createElement","Box","width","display","className","innerContainer","_extends","event","BaseField","isControlled","setupAutoExpandWhenUncontrolled","textAreaElement","current","containerElement","handleAutoExpand","value_0","dataset","replicatedValue","handleInput","currentTarget","addEventListener","removeEventListener","useEffect","setupAutoExpandWhenControlled","containerElement_0"],"mappings":"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"}
1
+ {"version":3,"file":"text-area.js","sources":["../../src/text-area/text-area.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport classNames from 'classnames'\nimport { useMergeRefs } from 'use-callback-ref'\n\nimport { BaseField } from '../base-field'\nimport { Box } from '../box'\n\nimport styles from './text-area.module.css'\n\nimport type { BaseFieldVariantProps, FieldComponentProps } from '../base-field'\n\ninterface TextAreaProps\n extends Omit<FieldComponentProps<HTMLTextAreaElement>, 'characterCountPosition'>,\n Omit<\n BaseFieldVariantProps,\n 'supportsStartAndEndSlots' | 'endSlot' | 'endSlotPosition' | 'value'\n > {\n /**\n * The value of the text area.\n *\n * If this prop is not specified, the text area will be uncontrolled and the component will\n * manage its own state.\n */\n value?: string\n\n /**\n * The number of visible text lines for the text area.\n *\n * If it is specified, it must be a positive integer. If it is not specified, the default\n * value is 2 (set by the browser).\n *\n * When `autoExpand` is true, this value serves the purpose of specifying the minimum number\n * of rows that the textarea will shrink to when the content is not large enough to make it\n * expand.\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-rows\n */\n rows?: number\n\n /**\n * If `true`, the textarea will be automatically resized to fit the content, and the ability to\n * manually resize the textarea will be disabled.\n */\n autoExpand?: boolean\n\n /**\n * If `true`, the ability to manually resize the textarea will be disabled.\n *\n * When `autoExpand` is true, this property serves no purpose, because the ability to manually\n * resize the textarea is always disabled when `autoExpand` is true.\n */\n disableResize?: boolean\n}\n\nconst TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(function TextArea(\n {\n variant = 'default',\n id,\n label,\n value,\n auxiliaryLabel,\n message,\n tone,\n maxWidth,\n maxLength,\n hidden,\n 'aria-describedby': ariaDescribedBy,\n rows,\n autoExpand = false,\n disableResize = false,\n onChange: originalOnChange,\n ...props\n },\n ref,\n) {\n const containerRef = React.useRef<HTMLDivElement>(null)\n const internalRef = React.useRef<HTMLTextAreaElement>(null)\n const combinedRef = useMergeRefs([ref, internalRef])\n\n useAutoExpand({ value, autoExpand, containerRef, internalRef })\n\n const textAreaClassName = classNames([\n autoExpand ? styles.disableResize : null,\n disableResize ? styles.disableResize : null,\n ])\n\n return (\n <BaseField\n variant={variant}\n id={id}\n label={label}\n value={value}\n auxiliaryLabel={auxiliaryLabel}\n message={message}\n tone={tone}\n hidden={hidden}\n aria-describedby={ariaDescribedBy}\n className={[\n styles.textAreaContainer,\n tone === 'error' ? styles.error : null,\n variant === 'bordered' ? styles.bordered : null,\n ]}\n maxWidth={maxWidth}\n maxLength={maxLength}\n >\n {({ onChange, characterCountElement, ...extraProps }) => (\n <Box\n width=\"full\"\n display=\"flex\"\n className={styles.innerContainer}\n ref={containerRef}\n >\n <textarea\n {...props}\n {...extraProps}\n ref={combinedRef}\n rows={rows}\n className={textAreaClassName}\n maxLength={maxLength}\n onChange={(event) => {\n originalOnChange?.(event)\n onChange?.(event)\n }}\n />\n </Box>\n )}\n </BaseField>\n )\n})\n\nfunction useAutoExpand({\n value,\n autoExpand,\n containerRef,\n internalRef,\n}: {\n value: string | undefined\n autoExpand: boolean\n containerRef: React.RefObject<HTMLDivElement>\n internalRef: React.RefObject<HTMLTextAreaElement>\n}) {\n const isControlled = value !== undefined\n\n React.useEffect(\n function setupAutoExpandWhenUncontrolled() {\n const textAreaElement = internalRef.current\n if (!textAreaElement || !autoExpand || isControlled) {\n return undefined\n }\n\n const containerElement = containerRef.current\n\n function handleAutoExpand(value: string) {\n if (containerElement) {\n containerElement.dataset.replicatedValue = value\n }\n }\n\n function handleInput(event: Event) {\n handleAutoExpand((event.currentTarget as HTMLTextAreaElement).value)\n }\n\n // Apply change initially, in case the text area has a non-empty initial value\n handleAutoExpand(textAreaElement.value)\n textAreaElement.addEventListener('input', handleInput)\n return () => textAreaElement.removeEventListener('input', handleInput)\n },\n [autoExpand, containerRef, internalRef, isControlled],\n )\n\n React.useEffect(\n function setupAutoExpandWhenControlled() {\n if (!isControlled || !autoExpand) {\n return\n }\n\n const containerElement = containerRef.current\n if (containerElement) {\n containerElement.dataset.replicatedValue = value\n }\n },\n [value, containerRef, isControlled, autoExpand],\n )\n}\n\nexport { TextArea }\nexport type { TextAreaProps }\n"],"names":["TextArea","React","forwardRef","t0","ref","$","_c","ariaDescribedBy","auxiliaryLabel","hidden","id","label","maxLength","maxWidth","message","originalOnChange","props","rows","t1","t2","t3","tone","value","variant","autoExpand","disableResize","onChange","undefined","containerRef","useRef","internalRef","t4","combinedRef","useMergeRefs","t5","useAutoExpand","t6","styles","t7","t8","classNames","textAreaClassName","t9","error","t10","bordered","t11","textAreaContainer","t12","t13","characterCountElement","extraProps","createElement","Box","width","display","className","innerContainer","_extends","event","BaseField","isControlled","setupAutoExpandWhenUncontrolled","textAreaElement","current","containerElement","handleAutoExpand","value_0","dataset","replicatedValue","handleInput","currentTarget","addEventListener","removeEventListener","useEffect","setupAutoExpandWhenControlled","containerElement_0"],"mappings":"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"}
@@ -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 * as React from 'react';
5
4
  import { useMergeRefs } from 'use-callback-ref';
@@ -7,8 +6,6 @@ import modules_aaf25250 from './text-field.module.css.js';
7
6
  import { BaseField } from '../base-field/base-field.js';
8
7
  import { Box } from '../box/box.js';
9
8
 
10
- const _excluded = ["variant", "id", "label", "value", "auxiliaryLabel", "message", "tone", "type", "maxWidth", "maxLength", "hidden", "aria-describedby", "startSlot", "endSlot", "onChange", "characterCountPosition", "endSlotPosition"],
11
- _excluded2 = ["onChange", "characterCountElement"];
12
9
  const TextField = /*#__PURE__*/React.forwardRef(function TextField(t0, ref) {
13
10
  const $ = c(51);
14
11
  let ariaDescribedBy;
@@ -30,7 +27,6 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(t0, ref) {
30
27
  let tone;
31
28
  let value;
32
29
  if ($[0] !== t0) {
33
- var _t = t0;
34
30
  ({
35
31
  variant: t1,
36
32
  id,
@@ -48,9 +44,9 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(t0, ref) {
48
44
  endSlot,
49
45
  onChange: originalOnChange,
50
46
  characterCountPosition: t3,
51
- endSlotPosition: t4
52
- } = _t);
53
- props = _objectWithoutProperties(_t, _excluded);
47
+ endSlotPosition: t4,
48
+ ...props
49
+ } = t0);
54
50
  $[0] = t0;
55
51
  $[1] = ariaDescribedBy;
56
52
  $[2] = auxiliaryLabel;
@@ -124,10 +120,10 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(t0, ref) {
124
120
  if ($[23] !== combinedRef || $[24] !== displayEndSlot || $[25] !== endSlot || $[26] !== handleClick || $[27] !== maxLength || $[28] !== originalOnChange || $[29] !== props || $[30] !== startSlot || $[31] !== tone || $[32] !== type || $[33] !== variant) {
125
121
  t8 = t9 => {
126
122
  const {
127
- onChange,
128
- characterCountElement
129
- } = t9,
130
- extraProps = _objectWithoutProperties(t9, _excluded2);
123
+ onChange,
124
+ characterCountElement,
125
+ ...extraProps
126
+ } = t9;
131
127
  return /*#__PURE__*/React.createElement(Box, {
132
128
  display: "flex",
133
129
  alignItems: "center",
@@ -1 +1 @@
1
- {"version":3,"file":"text-field.js","sources":["../../src/text-field/text-field.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { useMergeRefs } from 'use-callback-ref'\n\nimport { BaseField } from '../base-field'\nimport { Box } from '../box'\n\nimport styles from './text-field.module.css'\n\nimport type { BaseFieldProps, BaseFieldVariantProps, FieldComponentProps } from '../base-field'\n\ntype TextFieldType = 'email' | 'search' | 'tel' | 'text' | 'url'\n\ninterface TextFieldProps\n extends Omit<FieldComponentProps<HTMLInputElement>, 'type' | 'supportsStartAndEndSlots'>,\n BaseFieldVariantProps,\n Pick<BaseFieldProps, 'characterCountPosition'> {\n type?: TextFieldType\n startSlot?: React.ReactElement | string | number\n endSlot?: React.ReactElement | string | number\n /**\n * The maximum number of characters that the input field can accept.\n * When this limit is reached, the input field will not accept any more characters.\n * The counter element will turn red when the number of characters is within 10 of the maximum limit.\n */\n maxLength?: number\n}\n\nconst TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(function TextField(\n {\n variant = 'default',\n id,\n label,\n value,\n auxiliaryLabel,\n message,\n tone,\n type = 'text',\n maxWidth,\n maxLength,\n hidden,\n 'aria-describedby': ariaDescribedBy,\n startSlot,\n endSlot,\n onChange: originalOnChange,\n characterCountPosition = 'below',\n endSlotPosition = 'bottom',\n ...props\n },\n ref,\n) {\n const internalRef = React.useRef<HTMLInputElement>(null)\n const combinedRef = useMergeRefs([ref, internalRef])\n\n function handleClick(event: React.MouseEvent) {\n if (event.currentTarget === combinedRef.current) return\n internalRef.current?.focus()\n }\n\n const displayEndSlot =\n endSlot &&\n (variant === 'default' || (variant === 'bordered' && endSlotPosition === 'bottom'))\n\n return (\n <BaseField\n variant={variant}\n id={id}\n label={label}\n value={value}\n auxiliaryLabel={auxiliaryLabel}\n message={message}\n tone={tone}\n maxWidth={maxWidth}\n maxLength={maxLength}\n hidden={hidden}\n aria-describedby={ariaDescribedBy}\n characterCountPosition={characterCountPosition}\n supportsStartAndEndSlots\n endSlot={endSlot}\n endSlotPosition={variant === 'bordered' ? endSlotPosition : undefined}\n >\n {({ onChange, characterCountElement, ...extraProps }) => (\n <Box\n display=\"flex\"\n alignItems=\"center\"\n className={[\n styles.inputWrapper,\n tone === 'error' ? styles.error : null,\n variant === 'bordered' ? styles.bordered : null,\n props.readOnly ? styles.readOnly : null,\n ]}\n onClick={handleClick}\n >\n {startSlot ? (\n <Box\n className={styles.slot}\n display=\"flex\"\n marginRight={variant === 'bordered' ? 'xsmall' : '-xsmall'}\n marginLeft={variant === 'bordered' ? '-xsmall' : 'xsmall'}\n >\n {startSlot}\n </Box>\n ) : null}\n <input\n {...props}\n {...extraProps}\n type={type}\n ref={combinedRef}\n maxLength={maxLength}\n onChange={(event) => {\n originalOnChange?.(event)\n onChange?.(event)\n }}\n />\n {displayEndSlot || characterCountElement ? (\n <Box\n className={styles.slot}\n display=\"flex\"\n marginRight={variant === 'bordered' ? '-xsmall' : 'xsmall'}\n marginLeft={variant === 'bordered' ? 'xsmall' : '-xsmall'}\n >\n {characterCountElement}\n {displayEndSlot ? endSlot : null}\n </Box>\n ) : null}\n </Box>\n )}\n </BaseField>\n )\n})\n\nexport { TextField }\nexport type { TextFieldProps, TextFieldType }\n"],"names":["TextField","React","forwardRef","t0","ref","$","_c","ariaDescribedBy","auxiliaryLabel","endSlot","hidden","id","label","maxLength","maxWidth","message","originalOnChange","props","startSlot","t1","t2","t3","t4","tone","value","_t","variant","type","onChange","characterCountPosition","endSlotPosition","_objectWithoutProperties","_excluded","undefined","internalRef","useRef","t5","combinedRef","useMergeRefs","t6","handleClick","event","currentTarget","current","focus","displayEndSlot","t7","t8","t9","characterCountElement","extraProps","_excluded2","createElement","Box","display","alignItems","className","styles","inputWrapper","error","bordered","readOnly","slot","marginRight","marginLeft","_extends","event_0","BaseField","supportsStartAndEndSlots"],"mappings":"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"}
1
+ {"version":3,"file":"text-field.js","sources":["../../src/text-field/text-field.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { useMergeRefs } from 'use-callback-ref'\n\nimport { BaseField } from '../base-field'\nimport { Box } from '../box'\n\nimport styles from './text-field.module.css'\n\nimport type { BaseFieldProps, BaseFieldVariantProps, FieldComponentProps } from '../base-field'\n\ntype TextFieldType = 'email' | 'search' | 'tel' | 'text' | 'url'\n\ninterface TextFieldProps\n extends Omit<FieldComponentProps<HTMLInputElement>, 'type' | 'supportsStartAndEndSlots'>,\n BaseFieldVariantProps,\n Pick<BaseFieldProps, 'characterCountPosition'> {\n type?: TextFieldType\n startSlot?: React.ReactElement | string | number\n endSlot?: React.ReactElement | string | number\n /**\n * The maximum number of characters that the input field can accept.\n * When this limit is reached, the input field will not accept any more characters.\n * The counter element will turn red when the number of characters is within 10 of the maximum limit.\n */\n maxLength?: number\n}\n\nconst TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(function TextField(\n {\n variant = 'default',\n id,\n label,\n value,\n auxiliaryLabel,\n message,\n tone,\n type = 'text',\n maxWidth,\n maxLength,\n hidden,\n 'aria-describedby': ariaDescribedBy,\n startSlot,\n endSlot,\n onChange: originalOnChange,\n characterCountPosition = 'below',\n endSlotPosition = 'bottom',\n ...props\n },\n ref,\n) {\n const internalRef = React.useRef<HTMLInputElement>(null)\n const combinedRef = useMergeRefs([ref, internalRef])\n\n function handleClick(event: React.MouseEvent) {\n if (event.currentTarget === combinedRef.current) return\n internalRef.current?.focus()\n }\n\n const displayEndSlot =\n endSlot &&\n (variant === 'default' || (variant === 'bordered' && endSlotPosition === 'bottom'))\n\n return (\n <BaseField\n variant={variant}\n id={id}\n label={label}\n value={value}\n auxiliaryLabel={auxiliaryLabel}\n message={message}\n tone={tone}\n maxWidth={maxWidth}\n maxLength={maxLength}\n hidden={hidden}\n aria-describedby={ariaDescribedBy}\n characterCountPosition={characterCountPosition}\n supportsStartAndEndSlots\n endSlot={endSlot}\n endSlotPosition={variant === 'bordered' ? endSlotPosition : undefined}\n >\n {({ onChange, characterCountElement, ...extraProps }) => (\n <Box\n display=\"flex\"\n alignItems=\"center\"\n className={[\n styles.inputWrapper,\n tone === 'error' ? styles.error : null,\n variant === 'bordered' ? styles.bordered : null,\n props.readOnly ? styles.readOnly : null,\n ]}\n onClick={handleClick}\n >\n {startSlot ? (\n <Box\n className={styles.slot}\n display=\"flex\"\n marginRight={variant === 'bordered' ? 'xsmall' : '-xsmall'}\n marginLeft={variant === 'bordered' ? '-xsmall' : 'xsmall'}\n >\n {startSlot}\n </Box>\n ) : null}\n <input\n {...props}\n {...extraProps}\n type={type}\n ref={combinedRef}\n maxLength={maxLength}\n onChange={(event) => {\n originalOnChange?.(event)\n onChange?.(event)\n }}\n />\n {displayEndSlot || characterCountElement ? (\n <Box\n className={styles.slot}\n display=\"flex\"\n marginRight={variant === 'bordered' ? '-xsmall' : 'xsmall'}\n marginLeft={variant === 'bordered' ? 'xsmall' : '-xsmall'}\n >\n {characterCountElement}\n {displayEndSlot ? endSlot : null}\n </Box>\n ) : null}\n </Box>\n )}\n </BaseField>\n )\n})\n\nexport { TextField }\nexport type { TextFieldProps, TextFieldType }\n"],"names":["TextField","React","forwardRef","t0","ref","$","_c","ariaDescribedBy","auxiliaryLabel","endSlot","hidden","id","label","maxLength","maxWidth","message","originalOnChange","props","startSlot","t1","t2","t3","t4","tone","value","variant","type","onChange","characterCountPosition","endSlotPosition","undefined","internalRef","useRef","t5","combinedRef","useMergeRefs","t6","handleClick","event","currentTarget","current","focus","displayEndSlot","t7","t8","t9","characterCountElement","extraProps","createElement","Box","display","alignItems","className","styles","inputWrapper","error","bordered","readOnly","slot","marginRight","marginLeft","_extends","event_0","BaseField","supportsStartAndEndSlots"],"mappings":"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"}