@mattermost/compass-ui 0.1.0-alpha.16 → 0.1.0-alpha.18

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 (107) hide show
  1. package/dist/components/error-message/ErrorMessage.cjs +1 -1
  2. package/dist/components/error-message/ErrorMessage.cjs.map +1 -1
  3. package/dist/components/error-message/ErrorMessage.d.ts +2 -3
  4. package/dist/components/error-message/ErrorMessage.d.ts.map +1 -1
  5. package/dist/components/error-message/ErrorMessage.js +16 -14
  6. package/dist/components/error-message/ErrorMessage.js.map +1 -1
  7. package/dist/components/field/FieldClearButton.cjs +2 -0
  8. package/dist/components/field/FieldClearButton.cjs.map +1 -0
  9. package/dist/components/field/FieldClearButton.css +1 -0
  10. package/dist/components/field/FieldClearButton.d.ts +17 -0
  11. package/dist/components/field/FieldClearButton.d.ts.map +1 -0
  12. package/dist/components/field/FieldClearButton.js +40 -0
  13. package/dist/components/field/FieldClearButton.js.map +1 -0
  14. package/dist/components/field/FieldClearButton.module.scss.cjs +2 -0
  15. package/dist/components/field/FieldClearButton.module.scss.cjs.map +1 -0
  16. package/dist/components/field/FieldClearButton.module.scss.js +7 -0
  17. package/dist/components/field/FieldClearButton.module.scss.js.map +1 -0
  18. package/dist/components/field/fieldDescribedBy.cjs +2 -0
  19. package/dist/components/field/fieldDescribedBy.cjs.map +1 -0
  20. package/dist/components/field/fieldDescribedBy.d.ts +11 -0
  21. package/dist/components/field/fieldDescribedBy.d.ts.map +1 -0
  22. package/dist/components/field/fieldDescribedBy.js +15 -0
  23. package/dist/components/field/fieldDescribedBy.js.map +1 -0
  24. package/dist/components/field/useFieldClear.cjs +2 -0
  25. package/dist/components/field/useFieldClear.cjs.map +1 -0
  26. package/dist/components/field/useFieldClear.d.ts +21 -0
  27. package/dist/components/field/useFieldClear.d.ts.map +1 -0
  28. package/dist/components/field/useFieldClear.js +73 -0
  29. package/dist/components/field/useFieldClear.js.map +1 -0
  30. package/dist/components/field-message/FieldMessage.cjs +2 -0
  31. package/dist/components/field-message/FieldMessage.cjs.map +1 -0
  32. package/dist/components/field-message/FieldMessage.css +1 -0
  33. package/dist/components/field-message/FieldMessage.d.ts +17 -0
  34. package/dist/components/field-message/FieldMessage.d.ts.map +1 -0
  35. package/dist/components/field-message/FieldMessage.js +28 -0
  36. package/dist/components/field-message/FieldMessage.js.map +1 -0
  37. package/dist/components/field-message/FieldMessage.module.scss.cjs +2 -0
  38. package/dist/components/field-message/FieldMessage.module.scss.cjs.map +1 -0
  39. package/dist/components/field-message/FieldMessage.module.scss.js +13 -0
  40. package/dist/components/field-message/FieldMessage.module.scss.js.map +1 -0
  41. package/dist/components/field-message/index.cjs +2 -0
  42. package/dist/components/field-message/index.cjs.map +1 -0
  43. package/dist/components/field-message/index.d.ts +3 -0
  44. package/dist/components/field-message/index.d.ts.map +1 -0
  45. package/dist/components/field-message/index.js +5 -0
  46. package/dist/components/field-message/index.js.map +1 -0
  47. package/dist/components/password-input/PasswordInput.cjs +2 -0
  48. package/dist/components/password-input/PasswordInput.cjs.map +1 -0
  49. package/dist/components/password-input/PasswordInput.css +1 -0
  50. package/dist/components/password-input/PasswordInput.d.ts +49 -0
  51. package/dist/components/password-input/PasswordInput.d.ts.map +1 -0
  52. package/dist/components/password-input/PasswordInput.js +140 -0
  53. package/dist/components/password-input/PasswordInput.js.map +1 -0
  54. package/dist/components/password-input/PasswordInput.module.scss.cjs +2 -0
  55. package/dist/components/password-input/PasswordInput.module.scss.cjs.map +1 -0
  56. package/dist/components/password-input/PasswordInput.module.scss.js +18 -0
  57. package/dist/components/password-input/PasswordInput.module.scss.js.map +1 -0
  58. package/dist/components/password-input/index.cjs +2 -0
  59. package/dist/components/password-input/index.cjs.map +1 -0
  60. package/dist/components/password-input/index.d.ts +3 -0
  61. package/dist/components/password-input/index.d.ts.map +1 -0
  62. package/dist/components/password-input/index.js +5 -0
  63. package/dist/components/password-input/index.js.map +1 -0
  64. package/dist/components/search-input/SearchInput.cjs +1 -1
  65. package/dist/components/search-input/SearchInput.cjs.map +1 -1
  66. package/dist/components/search-input/SearchInput.css +1 -1
  67. package/dist/components/search-input/SearchInput.d.ts +8 -0
  68. package/dist/components/search-input/SearchInput.d.ts.map +1 -1
  69. package/dist/components/search-input/SearchInput.js +114 -115
  70. package/dist/components/search-input/SearchInput.js.map +1 -1
  71. package/dist/components/search-input/SearchInput.module.scss.cjs +1 -1
  72. package/dist/components/search-input/SearchInput.module.scss.js +15 -16
  73. package/dist/components/search-input/SearchInput.module.scss.js.map +1 -1
  74. package/dist/components/section-notice/SectionNotice.css +1 -1
  75. package/dist/components/section-notice/SectionNotice.module.scss.cjs +1 -1
  76. package/dist/components/section-notice/SectionNotice.module.scss.js +12 -12
  77. package/dist/components/text-area/TextArea.cjs +1 -1
  78. package/dist/components/text-area/TextArea.cjs.map +1 -1
  79. package/dist/components/text-area/TextArea.css +1 -1
  80. package/dist/components/text-area/TextArea.d.ts +8 -0
  81. package/dist/components/text-area/TextArea.d.ts.map +1 -1
  82. package/dist/components/text-area/TextArea.js +86 -67
  83. package/dist/components/text-area/TextArea.js.map +1 -1
  84. package/dist/components/text-area/TextArea.module.scss.cjs +1 -1
  85. package/dist/components/text-area/TextArea.module.scss.js +12 -10
  86. package/dist/components/text-area/TextArea.module.scss.js.map +1 -1
  87. package/dist/components/text-input/TextInput.cjs +1 -1
  88. package/dist/components/text-input/TextInput.cjs.map +1 -1
  89. package/dist/components/text-input/TextInput.css +1 -1
  90. package/dist/components/text-input/TextInput.d.ts +38 -1
  91. package/dist/components/text-input/TextInput.d.ts.map +1 -1
  92. package/dist/components/text-input/TextInput.js +149 -93
  93. package/dist/components/text-input/TextInput.js.map +1 -1
  94. package/dist/components/text-input/TextInput.module.scss.cjs +1 -1
  95. package/dist/components/text-input/TextInput.module.scss.js +19 -14
  96. package/dist/components/text-input/TextInput.module.scss.js.map +1 -1
  97. package/dist/index.cjs +1 -1
  98. package/dist/index.d.ts +2 -0
  99. package/dist/index.d.ts.map +1 -1
  100. package/dist/index.js +133 -129
  101. package/dist/index.js.map +1 -1
  102. package/package.json +7 -1
  103. package/dist/components/error-message/ErrorMessage.css +0 -1
  104. package/dist/components/error-message/ErrorMessage.module.scss.cjs +0 -2
  105. package/dist/components/error-message/ErrorMessage.module.scss.cjs.map +0 -1
  106. package/dist/components/error-message/ErrorMessage.module.scss.js +0 -9
  107. package/dist/components/error-message/ErrorMessage.module.scss.js.map +0 -1
@@ -1,110 +1,166 @@
1
- import { jsxs as m, jsx as l } from "react/jsx-runtime";
2
- import { forwardRef as Z, useId as B, useRef as L, useCallback as r, useState as C } from "react";
3
- import { IconSlotContext as I } from "../icon/Icon.js";
4
- import { toKebab as tt } from "../../utils/string.js";
5
- import t from "./TextInput.module.scss.js";
6
- const ct = Z(
1
+ import { jsxs as n, Fragment as fe, jsx as t } from "react/jsx-runtime";
2
+ import { forwardRef as _e, useId as ve, useRef as he, useCallback as p, useState as k } from "react";
3
+ import { IconSlotContext as E } from "../icon/Icon.js";
4
+ import xe from "../field/FieldClearButton.js";
5
+ import { mergeFieldDescribedBy as Ne, hasFieldMessage as be, isFieldInvalid as Ce } from "../field/fieldDescribedBy.js";
6
+ import { useFieldClear as ye } from "../field/useFieldClear.js";
7
+ import Fe from "../field-message/FieldMessage.js";
8
+ import { toKebab as Ie } from "../../utils/string.js";
9
+ import e from "./TextInput.module.scss.js";
10
+ const ge = {
11
+ small: "12",
12
+ medium: "16",
13
+ large: "16"
14
+ }, Ve = _e(
7
15
  function({
8
- className: R = "",
9
- size: T = "medium",
10
- label: d,
11
- leadingIcon: p,
12
- trailingIcon: f,
13
- invalid: x = !1,
14
- maxLength: i,
15
- showCharacterCount: _ = !1,
16
- id: V,
17
- value: v,
18
- defaultValue: h,
19
- placeholder: S,
20
- onFocus: a,
21
- onBlur: c,
22
- onChange: o,
23
- disabled: $,
24
- readOnly: g,
25
- "aria-describedby": k,
26
- ...w
27
- }, n) {
28
- const F = B(), b = V ?? F, N = L(null), K = r(
29
- (e) => {
30
- if (N.current = e, typeof n == "function") {
31
- const z = n(e);
16
+ className: P = "",
17
+ size: m = "medium",
18
+ label: f,
19
+ leadingIcon: _,
20
+ trailingIcon: v,
21
+ invalid: U = !1,
22
+ maxLength: s,
23
+ showCharacterCount: h = !1,
24
+ message: x,
25
+ messageTone: y,
26
+ clearable: Z = !1,
27
+ onClear: q,
28
+ clearLabel: A = "Clear",
29
+ clearButtonProps: G,
30
+ trailingAction: F,
31
+ id: H,
32
+ value: N,
33
+ defaultValue: I,
34
+ placeholder: J,
35
+ onFocus: o,
36
+ onBlur: r,
37
+ onChange: c,
38
+ onKeyDown: O,
39
+ disabled: g,
40
+ readOnly: w,
41
+ "aria-describedby": Q,
42
+ ...W
43
+ }, a) {
44
+ const X = ve(), d = H ?? X, b = he(null), Y = p(
45
+ (l) => {
46
+ if (b.current = l, typeof a == "function") {
47
+ const $ = a(l);
32
48
  return () => {
33
- N.current = null, typeof z == "function" && z();
49
+ b.current = null, typeof $ == "function" && $();
34
50
  };
35
51
  }
36
- n && (n.current = e);
37
- },
38
- [n]
39
- ), s = v !== void 0, [U, q] = C(
40
- h ?? ""
41
- ), u = s ? v : U, A = u != null && u !== "", [D, y] = C(!1), E = D || A, G = r(
42
- (e) => {
43
- y(!0), a == null || a(e);
52
+ a && (a.current = l);
44
53
  },
45
54
  [a]
46
- ), H = r(
47
- (e) => {
48
- y(!1), c == null || c(e);
55
+ ), i = N !== void 0, [L, M] = k(
56
+ I ?? ""
57
+ ), u = i ? N : L, R = u != null && u !== "", [ee, S] = k(!1), te = ee || R, le = p(
58
+ (l) => {
59
+ S(!0), o == null || o(l);
60
+ },
61
+ [o]
62
+ ), ie = p(
63
+ (l) => {
64
+ S(!1), r == null || r(l);
49
65
  },
50
- [c]
51
- ), J = r(
52
- (e) => {
53
- s || q(e.target.value), o == null || o(e);
66
+ [r]
67
+ ), j = p(
68
+ (l) => {
69
+ i || M(l.target.value), c == null || c(l);
54
70
  },
55
- [s, o]
56
- ), M = t[`text-input--size-${tt(T)}`], O = x ? t["text-input--invalid"] : "", P = d != null && E ? t["text-input--label-floated"] : "", Q = p != null ? t["text-input--has-leading-icon"] : "", W = f != null ? t["text-input--has-trailing-icon"] : "", X = [
57
- t["text-input"],
58
- M,
59
- O,
60
- P,
61
- Q,
62
- W,
63
- R
64
- ].filter(Boolean).join(" "), Y = typeof u == "string" ? u.length : 0, j = _ && i != null ? `${b}-counter` : void 0;
65
- return /* @__PURE__ */ m("div", { className: X, children: [
66
- /* @__PURE__ */ l("div", { className: t["text-input__wrapper"], children: /* @__PURE__ */ m("label", { className: t["text-input__inner"], children: [
67
- d != null && /* @__PURE__ */ l("span", { className: t["text-input__label"], children: d }),
68
- p != null && /* @__PURE__ */ l("span", { className: t["text-input__leading-icon"], children: /* @__PURE__ */ l(I.Provider, { value: { size: "16" }, children: p }) }),
69
- /* @__PURE__ */ l(
70
- "input",
71
+ [i, c]
72
+ ), { showClearButton: z, handleClear: ne, handleKeyDown: se } = ye({
73
+ disabled: !!(g || w),
74
+ hasValue: R,
75
+ clearEnabled: Z,
76
+ isControlled: i,
77
+ onClear: q,
78
+ onChange: j,
79
+ onKeyDown: O,
80
+ inputRef: b,
81
+ setUncontrolledValue: M
82
+ }), B = Ce(U, x, y), C = be(x), ae = e[`text-input--size-${Ie(m)}`], oe = B ? e["text-input--invalid"] : "", re = f != null && te ? e["text-input--label-floated"] : "", ce = _ != null ? e["text-input--has-leading-icon"] : "", de = v != null || z ? e["text-input--has-trailing-icon"] : "", D = ge[m], ue = [
83
+ e["text-input"],
84
+ ae,
85
+ oe,
86
+ re,
87
+ ce,
88
+ de,
89
+ P
90
+ ].filter(Boolean).join(" "), pe = typeof u == "string" ? u.length : 0, K = h && s != null ? `${d}-counter` : void 0, T = C ? `${d}-message` : void 0, me = y ?? "error", V = /* @__PURE__ */ n(fe, { children: [
91
+ /* @__PURE__ */ n("div", { className: e["text-input__wrapper"], children: [
92
+ f != null && /* @__PURE__ */ t("label", { className: e["text-input__label"], htmlFor: d, children: f }),
93
+ /* @__PURE__ */ n("div", { className: e["text-input__inner"], children: [
94
+ _ != null && /* @__PURE__ */ t("span", { className: e["text-input__leading-icon"], children: /* @__PURE__ */ t(E.Provider, { value: { size: D }, children: _ }) }),
95
+ /* @__PURE__ */ t(
96
+ "input",
97
+ {
98
+ ref: Y,
99
+ id: d,
100
+ className: e["text-input__input"],
101
+ value: i ? N : void 0,
102
+ defaultValue: i ? void 0 : I,
103
+ placeholder: J,
104
+ maxLength: s,
105
+ disabled: g,
106
+ readOnly: w,
107
+ "aria-invalid": B ? !0 : void 0,
108
+ "aria-describedby": Ne(
109
+ Q,
110
+ T,
111
+ K
112
+ ),
113
+ onFocus: le,
114
+ onBlur: ie,
115
+ onChange: j,
116
+ onKeyDown: se,
117
+ ...W
118
+ }
119
+ ),
120
+ v != null && /* @__PURE__ */ t("span", { className: e["text-input__trailing-icon"], children: /* @__PURE__ */ t(E.Provider, { value: { size: D }, children: v }) }),
121
+ z && /* @__PURE__ */ t("span", { className: e["text-input__trailing-icon"], children: /* @__PURE__ */ t(
122
+ xe,
123
+ {
124
+ size: m,
125
+ clearLabel: A,
126
+ clearButtonProps: G,
127
+ onClick: ne
128
+ }
129
+ ) })
130
+ ] })
131
+ ] }),
132
+ (C || h && s != null) && /* @__PURE__ */ n("div", { className: e["text-input__footer"], children: [
133
+ C && /* @__PURE__ */ t(
134
+ Fe,
71
135
  {
72
- ref: K,
73
- id: b,
74
- className: t["text-input__input"],
75
- value: s ? v : void 0,
76
- defaultValue: s ? void 0 : h,
77
- placeholder: S,
78
- maxLength: i,
79
- disabled: $,
80
- readOnly: g,
81
- "aria-invalid": x ? !0 : void 0,
82
- "aria-describedby": [k, j].filter(Boolean).join(" ") || void 0,
83
- onFocus: G,
84
- onBlur: H,
85
- onChange: J,
86
- ...w
136
+ id: T,
137
+ className: e["text-input__footer-message"],
138
+ message: x,
139
+ tone: me
87
140
  }
88
141
  ),
89
- f != null && /* @__PURE__ */ l("span", { className: t["text-input__trailing-icon"], children: /* @__PURE__ */ l(I.Provider, { value: { size: "16" }, children: f }) })
90
- ] }) }),
91
- _ && i != null && /* @__PURE__ */ m(
92
- "div",
93
- {
94
- id: j,
95
- className: t["text-input__counter"],
96
- "aria-live": "polite",
97
- children: [
98
- Y,
99
- " / ",
100
- i
101
- ]
102
- }
103
- )
142
+ h && s != null && /* @__PURE__ */ n(
143
+ "div",
144
+ {
145
+ id: K,
146
+ className: e["text-input__counter"],
147
+ "aria-live": "polite",
148
+ children: [
149
+ pe,
150
+ " / ",
151
+ s
152
+ ]
153
+ }
154
+ )
155
+ ] })
104
156
  ] });
157
+ return /* @__PURE__ */ t("div", { className: ue, children: F != null ? /* @__PURE__ */ n("div", { className: e["text-input__row"], children: [
158
+ /* @__PURE__ */ t("div", { className: e["text-input__field"], children: V }),
159
+ /* @__PURE__ */ t("div", { className: e["text-input__trailing-action"], children: F })
160
+ ] }) : V });
105
161
  }
106
162
  );
107
163
  export {
108
- ct as default
164
+ Ve as default
109
165
  };
110
166
  //# sourceMappingURL=TextInput.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TextInput.js","sources":["../../../src/components/text-input/TextInput.tsx"],"sourcesContent":["import type {\n InputHTMLAttributes,\n ReactNode,\n ChangeEvent,\n RefCallback,\n} from 'react';\nimport { forwardRef, useId, useState, useCallback, useRef } from 'react';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport { toKebab } from '@/utils/string';\nimport styles from './TextInput.module.scss';\n\nexport type TextInputSize = 'small' | 'medium' | 'large';\n\nexport interface TextInputProps extends Omit<\n InputHTMLAttributes<HTMLInputElement>,\n 'size'\n> {\n /** Optional CSS class name. */\n className?: string;\n /** When true, shows invalid/error styling. */\n invalid?: boolean;\n /** Floating label content. When provided, label floats on focus or when value is non-empty. */\n label?: ReactNode;\n /** Leading icon — pass `<Icon glyph={<SearchIcon />} />`; TextInput provides the correct size via context. */\n leadingIcon?: ReactNode;\n /** Max length for the input; used with showCharacterCount for counter. */\n maxLength?: number;\n /** When true with maxLength, shows \"current / max\" character count below input. */\n showCharacterCount?: boolean;\n /** Size variant. Figma: Small (32px), Medium (40px), Large (48px). Default: Medium. */\n size?: TextInputSize;\n /** Trailing icon — pass `<Icon glyph={<SomeIcon />} />`; TextInput provides the correct size via context. */\n trailingIcon?: ReactNode;\n}\n\n/**\n * Text Inputs let people enter and edit a single line of text — names, emails, search\n * queries, channel titles. They're the workhorse of every form and modal in Mattermost.\n */\nconst TextInput = forwardRef<HTMLInputElement, TextInputProps>(\n function TextInput(\n {\n className = '',\n size = 'medium',\n label,\n leadingIcon,\n trailingIcon,\n invalid = false,\n maxLength,\n showCharacterCount = false,\n id: idProp,\n value: valueProp,\n defaultValue,\n placeholder,\n onFocus,\n onBlur,\n onChange,\n disabled,\n readOnly,\n 'aria-describedby': describedBy,\n ...rest\n },\n ref,\n ) {\n const generatedId = useId();\n const id = idProp ?? generatedId;\n const inputRef = useRef<HTMLInputElement | null>(null);\n\n const setInputRef = useCallback(\n (node: HTMLInputElement | null) => {\n inputRef.current = node;\n if (typeof ref === 'function') {\n const cleanup = (ref as RefCallback<HTMLInputElement>)(node);\n return () => {\n inputRef.current = null;\n if (typeof cleanup === 'function') cleanup();\n };\n }\n if (ref) ref.current = node;\n },\n [ref],\n );\n\n const isControlled = valueProp !== undefined;\n const [uncontrolledValue, setUncontrolledValue] = useState(\n defaultValue ?? '',\n );\n const value = isControlled ? (valueProp as string) : uncontrolledValue;\n const hasValue = value != null && value !== '';\n\n const [isFocused, setIsFocused] = useState(false);\n const labelFloated = isFocused || hasValue;\n\n const handleFocus = useCallback(\n (e: React.FocusEvent<HTMLInputElement>) => {\n setIsFocused(true);\n onFocus?.(e);\n },\n [onFocus],\n );\n const handleBlur = useCallback(\n (e: React.FocusEvent<HTMLInputElement>) => {\n setIsFocused(false);\n onBlur?.(e);\n },\n [onBlur],\n );\n const handleChange = useCallback(\n (e: ChangeEvent<HTMLInputElement>) => {\n if (!isControlled) setUncontrolledValue(e.target.value);\n onChange?.(e);\n },\n [isControlled, onChange],\n );\n\n const sizeClass = styles[`text-input--size-${toKebab(size)}`];\n const invalidClass = invalid ? styles['text-input--invalid'] : '';\n const labelFloatedClass =\n label != null && labelFloated ? styles['text-input--label-floated'] : '';\n const hasLeadingClass =\n leadingIcon != null ? styles['text-input--has-leading-icon'] : '';\n const hasTrailingClass =\n trailingIcon != null ? styles['text-input--has-trailing-icon'] : '';\n\n const rootClass = [\n styles['text-input'],\n sizeClass,\n invalidClass,\n labelFloatedClass,\n hasLeadingClass,\n hasTrailingClass,\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n const currentLength = typeof value === 'string' ? value.length : 0;\n const counterId =\n showCharacterCount && maxLength != null ? `${id}-counter` : undefined;\n\n return (\n <div className={rootClass}>\n <div className={styles['text-input__wrapper']}>\n <label className={styles['text-input__inner']}>\n {label != null && (\n <span className={styles['text-input__label']}>{label}</span>\n )}\n {leadingIcon != null && (\n <span className={styles['text-input__leading-icon']}>\n <IconSlotContext.Provider value={{ size: '16' }}>\n {leadingIcon}\n </IconSlotContext.Provider>\n </span>\n )}\n <input\n ref={setInputRef}\n id={id}\n className={styles['text-input__input']}\n value={isControlled ? valueProp : undefined}\n defaultValue={isControlled ? undefined : defaultValue}\n placeholder={placeholder}\n maxLength={maxLength}\n disabled={disabled}\n readOnly={readOnly}\n aria-invalid={invalid ? true : undefined}\n aria-describedby={\n [describedBy, counterId].filter(Boolean).join(' ') || undefined\n }\n onFocus={handleFocus}\n onBlur={handleBlur}\n onChange={handleChange}\n {...rest}\n />\n {trailingIcon != null && (\n <span className={styles['text-input__trailing-icon']}>\n <IconSlotContext.Provider value={{ size: '16' }}>\n {trailingIcon}\n </IconSlotContext.Provider>\n </span>\n )}\n </label>\n </div>\n {showCharacterCount && maxLength != null && (\n <div\n id={counterId}\n className={styles['text-input__counter']}\n aria-live=\"polite\"\n >\n {currentLength} / {maxLength}\n </div>\n )}\n </div>\n );\n },\n);\n\nexport default TextInput;\n"],"names":["TextInput","forwardRef","className","size","label","leadingIcon","trailingIcon","invalid","maxLength","showCharacterCount","idProp","valueProp","defaultValue","placeholder","onFocus","onBlur","onChange","disabled","readOnly","describedBy","rest","ref","generatedId","useId","id","inputRef","useRef","setInputRef","useCallback","node","cleanup","isControlled","uncontrolledValue","setUncontrolledValue","useState","value","hasValue","isFocused","setIsFocused","labelFloated","handleFocus","handleBlur","handleChange","sizeClass","styles","toKebab","invalidClass","labelFloatedClass","hasLeadingClass","hasTrailingClass","rootClass","currentLength","counterId","jsxs","jsx","IconSlotContext"],"mappings":"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"}
1
+ {"version":3,"file":"TextInput.js","sources":["../../../src/components/text-input/TextInput.tsx"],"sourcesContent":["import type {\n InputHTMLAttributes,\n ReactNode,\n ChangeEvent,\n RefCallback,\n KeyboardEvent,\n} from 'react';\nimport { forwardRef, useId, useState, useCallback, useRef } from 'react';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport type { IconSize } from '@/components/icon/Icon';\nimport FieldClearButton from '@/components/field/FieldClearButton';\nimport {\n hasFieldMessage,\n isFieldInvalid,\n mergeFieldDescribedBy,\n} from '@/components/field/fieldDescribedBy';\nimport { useFieldClear } from '@/components/field/useFieldClear';\nimport FieldMessage from '@/components/field-message/FieldMessage';\nimport type { FieldMessageTone } from '@/components/field-message/FieldMessage';\nimport type { BuiltInButtonProps } from '@/utils/props';\nimport { toKebab } from '@/utils/string';\nimport styles from './TextInput.module.scss';\n\nexport type TextInputSize = 'small' | 'medium' | 'large';\n\n/** Matches FieldClearButton / in-field chrome for each Text Input size. */\nconst ICON_SIZE_MAP: Record<TextInputSize, IconSize> = {\n small: '12',\n medium: '16',\n large: '16',\n};\n\nexport interface TextInputProps extends Omit<\n InputHTMLAttributes<HTMLInputElement>,\n 'size'\n> {\n /** Optional CSS class name. */\n className?: string;\n /** When true, shows invalid/error styling. */\n invalid?: boolean;\n /** Floating label content. When provided, label floats on focus or when value is non-empty. */\n label?: ReactNode;\n /** Leading icon — pass `<Icon glyph={<SearchIcon />} />`; TextInput provides the correct size via context. */\n leadingIcon?: ReactNode;\n /** Max length for the input; used with showCharacterCount for counter. */\n maxLength?: number;\n /** When true with maxLength, shows \"current / max\" character count below input. */\n showCharacterCount?: boolean;\n /** Size variant. Figma: Small (32px), Medium (40px), Large (48px). Default: Medium. */\n size?: TextInputSize;\n /**\n * Native input `type`. For passwords with show/hide, prefer `PasswordInput`\n * over composing `type=\"password\"` here.\n */\n type?: InputHTMLAttributes<HTMLInputElement>['type'];\n /**\n * Trailing icon inside the field — pass `<Icon glyph={<GlobeIcon />} />`. Sized via\n * context from `size`. When `clearable` is also set, clear renders after this icon.\n * For password show/hide, use `PasswordInput` instead (don’t combine clear with\n * password reveal). Combobox owns its own clear/chevron.\n */\n trailingIcon?: ReactNode;\n /**\n * Field message under the field. Accepts translated nodes (e.g. `<FormattedMessage/>`).\n * Defaults to error tone (invalid chrome) when set without `messageTone`.\n */\n message?: ReactNode;\n /** Visual tone for `message`. Default: `error` when `message` is set. */\n messageTone?: FieldMessageTone;\n /**\n * When true, shows a clear button while the field has a non-empty value and is not disabled.\n * Default: false.\n */\n clearable?: boolean;\n /** Called when the clear button is pressed. Omit to use built-in clearing. */\n onClear?: () => void;\n /** Accessible name for the clear button. Default: \"Clear\". */\n clearLabel?: string;\n /** Extra attributes for the clear button (e.g. `data-testid`). */\n clearButtonProps?: BuiltInButtonProps;\n /**\n * Rendered outside the border, beside the control (same height as the field). Use for\n * labeled actions like Copy (`Button`, primary by default). Password show/hide belongs\n * on `PasswordInput`. Message and counter stay as wide as the field column, not under\n * the action.\n */\n trailingAction?: ReactNode;\n}\n\n/**\n * Text Inputs let people enter and edit a single line of text — names, emails, search\n * queries, channel titles. They're the workhorse of every form and modal in Mattermost.\n */\nconst TextInput = forwardRef<HTMLInputElement, TextInputProps>(\n function TextInput(\n {\n className = '',\n size = 'medium',\n label,\n leadingIcon,\n trailingIcon,\n invalid = false,\n maxLength,\n showCharacterCount = false,\n message,\n messageTone,\n clearable = false,\n onClear,\n clearLabel = 'Clear',\n clearButtonProps,\n trailingAction,\n id: idProp,\n value: valueProp,\n defaultValue,\n placeholder,\n onFocus,\n onBlur,\n onChange,\n onKeyDown,\n disabled,\n readOnly,\n 'aria-describedby': describedBy,\n ...rest\n },\n ref,\n ) {\n const generatedId = useId();\n const id = idProp ?? generatedId;\n const inputRef = useRef<HTMLInputElement | null>(null);\n\n const setInputRef = useCallback(\n (node: HTMLInputElement | null) => {\n inputRef.current = node;\n if (typeof ref === 'function') {\n const cleanup = (ref as RefCallback<HTMLInputElement>)(node);\n return () => {\n inputRef.current = null;\n if (typeof cleanup === 'function') cleanup();\n };\n }\n if (ref) ref.current = node;\n },\n [ref],\n );\n\n const isControlled = valueProp !== undefined;\n const [uncontrolledValue, setUncontrolledValue] = useState(\n defaultValue ?? '',\n );\n const value = isControlled ? (valueProp as string) : uncontrolledValue;\n const hasValue = value != null && value !== '';\n\n const [isFocused, setIsFocused] = useState(false);\n const labelFloated = isFocused || hasValue;\n\n const handleFocus = useCallback(\n (e: React.FocusEvent<HTMLInputElement>) => {\n setIsFocused(true);\n onFocus?.(e);\n },\n [onFocus],\n );\n const handleBlur = useCallback(\n (e: React.FocusEvent<HTMLInputElement>) => {\n setIsFocused(false);\n onBlur?.(e);\n },\n [onBlur],\n );\n const handleChange = useCallback(\n (e: ChangeEvent<HTMLInputElement>) => {\n if (!isControlled) setUncontrolledValue(e.target.value);\n onChange?.(e);\n },\n [isControlled, onChange],\n );\n\n const { showClearButton, handleClear, handleKeyDown } = useFieldClear({\n disabled: Boolean(disabled || readOnly),\n hasValue,\n clearEnabled: clearable,\n isControlled,\n onClear,\n onChange: handleChange as (e: ChangeEvent<HTMLInputElement>) => void,\n onKeyDown: onKeyDown as\n | ((e: KeyboardEvent<HTMLInputElement>) => void)\n | undefined,\n inputRef,\n setUncontrolledValue,\n });\n\n const showInvalid = isFieldInvalid(invalid, message, messageTone);\n const showMessage = hasFieldMessage(message);\n const sizeClass = styles[`text-input--size-${toKebab(size)}`];\n const invalidClass = showInvalid ? styles['text-input--invalid'] : '';\n const labelFloatedClass =\n label != null && labelFloated ? styles['text-input--label-floated'] : '';\n const hasLeadingClass =\n leadingIcon != null ? styles['text-input--has-leading-icon'] : '';\n const hasTrailingClass =\n trailingIcon != null || showClearButton\n ? styles['text-input--has-trailing-icon']\n : '';\n const iconSize = ICON_SIZE_MAP[size];\n\n const rootClass = [\n styles['text-input'],\n sizeClass,\n invalidClass,\n labelFloatedClass,\n hasLeadingClass,\n hasTrailingClass,\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n const currentLength = typeof value === 'string' ? value.length : 0;\n const counterId =\n showCharacterCount && maxLength != null ? `${id}-counter` : undefined;\n const messageId = showMessage ? `${id}-message` : undefined;\n const resolvedTone = messageTone ?? 'error';\n\n const fieldBody = (\n <>\n <div className={styles['text-input__wrapper']}>\n {label != null && (\n <label className={styles['text-input__label']} htmlFor={id}>\n {label}\n </label>\n )}\n <div className={styles['text-input__inner']}>\n {leadingIcon != null && (\n <span className={styles['text-input__leading-icon']}>\n <IconSlotContext.Provider value={{ size: iconSize }}>\n {leadingIcon}\n </IconSlotContext.Provider>\n </span>\n )}\n <input\n ref={setInputRef}\n id={id}\n className={styles['text-input__input']}\n value={isControlled ? valueProp : undefined}\n defaultValue={isControlled ? undefined : defaultValue}\n placeholder={placeholder}\n maxLength={maxLength}\n disabled={disabled}\n readOnly={readOnly}\n aria-invalid={showInvalid ? true : undefined}\n aria-describedby={mergeFieldDescribedBy(\n describedBy,\n messageId,\n counterId,\n )}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n {...rest}\n />\n {trailingIcon != null && (\n <span className={styles['text-input__trailing-icon']}>\n <IconSlotContext.Provider value={{ size: iconSize }}>\n {trailingIcon}\n </IconSlotContext.Provider>\n </span>\n )}\n {showClearButton && (\n <span className={styles['text-input__trailing-icon']}>\n <FieldClearButton\n size={size}\n clearLabel={clearLabel}\n clearButtonProps={clearButtonProps}\n onClick={handleClear}\n />\n </span>\n )}\n </div>\n </div>\n {(showMessage || (showCharacterCount && maxLength != null)) && (\n <div className={styles['text-input__footer']}>\n {showMessage && (\n <FieldMessage\n id={messageId}\n className={styles['text-input__footer-message']}\n message={message}\n tone={resolvedTone}\n />\n )}\n {showCharacterCount && maxLength != null && (\n <div\n id={counterId}\n className={styles['text-input__counter']}\n aria-live=\"polite\"\n >\n {currentLength} / {maxLength}\n </div>\n )}\n </div>\n )}\n </>\n );\n\n return (\n <div className={rootClass}>\n {trailingAction != null ? (\n <div className={styles['text-input__row']}>\n <div className={styles['text-input__field']}>{fieldBody}</div>\n <div className={styles['text-input__trailing-action']}>\n {trailingAction}\n </div>\n </div>\n ) : (\n fieldBody\n )}\n </div>\n );\n },\n);\n\nexport default TextInput;\n"],"names":["ICON_SIZE_MAP","TextInput","forwardRef","className","size","label","leadingIcon","trailingIcon","invalid","maxLength","showCharacterCount","message","messageTone","clearable","onClear","clearLabel","clearButtonProps","trailingAction","idProp","valueProp","defaultValue","placeholder","onFocus","onBlur","onChange","onKeyDown","disabled","readOnly","describedBy","rest","ref","generatedId","useId","id","inputRef","useRef","setInputRef","useCallback","node","cleanup","isControlled","uncontrolledValue","setUncontrolledValue","useState","value","hasValue","isFocused","setIsFocused","labelFloated","handleFocus","e","handleBlur","handleChange","showClearButton","handleClear","handleKeyDown","useFieldClear","showInvalid","isFieldInvalid","showMessage","hasFieldMessage","sizeClass","styles","toKebab","invalidClass","labelFloatedClass","hasLeadingClass","hasTrailingClass","iconSize","rootClass","currentLength","counterId","messageId","resolvedTone","fieldBody","jsxs","Fragment","jsx","IconSlotContext","mergeFieldDescribedBy","FieldClearButton","FieldMessage"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./TextInput.css');const t={"text-input":"_text-input_16ayx_2","text-input__wrapper":"_text-input__wrapper_16ayx_7","text-input__input":"_text-input__input_16ayx_18","text-input__label":"_text-input__label_16ayx_29","text-input--label-floated":"_text-input--label-floated_16ayx_49","text-input__inner":"_text-input__inner_16ayx_56","text-input__leading-icon":"_text-input__leading-icon_16ayx_87","text-input__trailing-icon":"_text-input__trailing-icon_16ayx_87","text-input__counter":"_text-input__counter_16ayx_100","text-input--size-small":"_text-input--size-small_16ayx_107","text-input--size-medium":"_text-input--size-medium_16ayx_123","text-input--size-large":"_text-input--size-large_16ayx_143","text-input--has-leading-icon":"_text-input--has-leading-icon_16ayx_164","text-input--invalid":"_text-input--invalid_16ayx_182"};exports.default=t;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./TextInput.css');const t={"text-input":"_text-input_3inqk_2","text-input__row":"_text-input__row_3inqk_8","text-input__field":"_text-input__field_3inqk_14","text-input__trailing-action":"_text-input__trailing-action_3inqk_21","text-input__wrapper":"_text-input__wrapper_3inqk_31","text-input__input":"_text-input__input_3inqk_42","text-input__label":"_text-input__label_3inqk_53","text-input--label-floated":"_text-input--label-floated_3inqk_73","text-input__inner":"_text-input__inner_3inqk_80","text-input__leading-icon":"_text-input__leading-icon_3inqk_111","text-input__trailing-icon":"_text-input__trailing-icon_3inqk_111","text-input__footer":"_text-input__footer_3inqk_124","text-input__footer-message":"_text-input__footer-message_3inqk_130","text-input__counter":"_text-input__counter_3inqk_134","text-input--size-small":"_text-input--size-small_3inqk_143","text-input--size-medium":"_text-input--size-medium_3inqk_162","text-input--size-large":"_text-input--size-large_3inqk_185","text-input--has-leading-icon":"_text-input--has-leading-icon_3inqk_209","text-input--invalid":"_text-input--invalid_3inqk_227"};exports.default=t;
2
2
  //# sourceMappingURL=TextInput.module.scss.cjs.map
@@ -1,18 +1,23 @@
1
1
  import './TextInput.css';const t = {
2
- "text-input": "_text-input_16ayx_2",
3
- "text-input__wrapper": "_text-input__wrapper_16ayx_7",
4
- "text-input__input": "_text-input__input_16ayx_18",
5
- "text-input__label": "_text-input__label_16ayx_29",
6
- "text-input--label-floated": "_text-input--label-floated_16ayx_49",
7
- "text-input__inner": "_text-input__inner_16ayx_56",
8
- "text-input__leading-icon": "_text-input__leading-icon_16ayx_87",
9
- "text-input__trailing-icon": "_text-input__trailing-icon_16ayx_87",
10
- "text-input__counter": "_text-input__counter_16ayx_100",
11
- "text-input--size-small": "_text-input--size-small_16ayx_107",
12
- "text-input--size-medium": "_text-input--size-medium_16ayx_123",
13
- "text-input--size-large": "_text-input--size-large_16ayx_143",
14
- "text-input--has-leading-icon": "_text-input--has-leading-icon_16ayx_164",
15
- "text-input--invalid": "_text-input--invalid_16ayx_182"
2
+ "text-input": "_text-input_3inqk_2",
3
+ "text-input__row": "_text-input__row_3inqk_8",
4
+ "text-input__field": "_text-input__field_3inqk_14",
5
+ "text-input__trailing-action": "_text-input__trailing-action_3inqk_21",
6
+ "text-input__wrapper": "_text-input__wrapper_3inqk_31",
7
+ "text-input__input": "_text-input__input_3inqk_42",
8
+ "text-input__label": "_text-input__label_3inqk_53",
9
+ "text-input--label-floated": "_text-input--label-floated_3inqk_73",
10
+ "text-input__inner": "_text-input__inner_3inqk_80",
11
+ "text-input__leading-icon": "_text-input__leading-icon_3inqk_111",
12
+ "text-input__trailing-icon": "_text-input__trailing-icon_3inqk_111",
13
+ "text-input__footer": "_text-input__footer_3inqk_124",
14
+ "text-input__footer-message": "_text-input__footer-message_3inqk_130",
15
+ "text-input__counter": "_text-input__counter_3inqk_134",
16
+ "text-input--size-small": "_text-input--size-small_3inqk_143",
17
+ "text-input--size-medium": "_text-input--size-medium_3inqk_162",
18
+ "text-input--size-large": "_text-input--size-large_3inqk_185",
19
+ "text-input--has-leading-icon": "_text-input--has-leading-icon_3inqk_209",
20
+ "text-input--invalid": "_text-input--invalid_3inqk_227"
16
21
  };
17
22
  export {
18
23
  t as default
@@ -1 +1 @@
1
- {"version":3,"file":"TextInput.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"TextInput.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
package/dist/index.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./components/action-button/ActionButton.cjs"),i=require("./components/admin-console-header/AdminConsoleHeader.cjs"),s=require("./components/admin-panel/AdminPanel.cjs"),d=require("./components/admin-console-footer/AdminConsoleFooter.cjs"),l=require("./components/admin-panel-footer/AdminPanelFooter.cjs"),c=require("./components/admin-panel-header/AdminPanelHeader.cjs"),f=require("./components/attachment-card/AttachmentCard.cjs"),q=require("./components/button/Button.cjs"),p=require("./components/button/Button.module.scss.cjs"),P=require("./components/card-button/CardButton.cjs"),S=require("./components/card-button/CardButtonGroup.cjs"),M=require("./components/channel-info-msg-header/ChannelInfoMsgHeader.cjs"),T=require("./components/channel-sidebar-item/ChannelSidebarItem.cjs"),I=require("./components/checkbox/Checkbox.cjs"),v=require("./components/chip/Chip.cjs"),g=require("./components/chip/ChipGroup.cjs"),m=require("./components/combobox/Combobox.cjs"),C=require("./components/date-range-picker/DateRangePicker.cjs"),B=require("./components/divider/Divider.cjs"),h=require("./components/dropdown/Dropdown.cjs"),A=require("./components/emoji/Emoji.cjs"),t=require("./components/emoji-button/EmojiButton.cjs"),b=require("./components/emoji-popover/EmojiPopover.cjs"),_=require("./components/empty-state/EmptyState.cjs"),E=require("./components/error-message/ErrorMessage.cjs"),O=require("./components/feature-discovery-panel/FeatureDiscoveryPanel.cjs"),G=require("./components/global-banner/GlobalBanner.cjs"),r=require("./components/icon/Icon.cjs"),o=require("./components/icon-button/IconButton.cjs"),N=require("./components/illustration/Illustration.cjs"),R=require("./components/image-preview/ImagePreview.cjs"),x=require("./components/tag/Tag.cjs"),w=require("./components/link-preview/LinkPreview.cjs"),H=require("./components/mention-badge/MentionBadge.cjs"),k=require("./components/menu-group-heading/MenuGroupHeading.cjs"),D=require("./components/menu-item/MenuItem.cjs"),U=require("./components/message-actions/MessageActions.cjs"),F=require("./components/message-header/MessageHeader.cjs"),j=require("./components/reactions-row/ReactionsRow.cjs"),y=require("./components/reaction-button/ReactionButton.cjs"),Z=require("./components/message-separator/MessageSeparator.cjs"),J=require("./components/modal/Modal.cjs"),L=require("./components/modal-footer/ModalFooter.cjs"),V=require("./components/modal-header/ModalHeader.cjs"),K=require("./components/more-unreads-banner/MoreUnreadsBanner.cjs"),z=require("./components/new-message-banner/NewMessageBanner.cjs"),Q=require("./components/pagination-dots/PaginationDots.cjs"),W=require("./components/permalink-preview/PermalinkPreview.cjs"),X=require("./components/pinned-saved-indicators/PinnedSavedIndicators.cjs"),e=require("./components/popover-menu/PopoverMenu.cjs"),Y=require("./components/popover-notice/PopoverNotice.cjs"),$=require("./components/profile-popover/ProfilePopover.cjs"),ee=require("./components/progress-bar/ProgressBar.cjs"),re=require("./components/radio/Radio.cjs"),te=require("./components/right-sidebar-header/RightSidebarHeader.cjs"),oe=require("./components/scrollbar/Scrollbar.cjs"),ne=require("./components/search-input/SearchInput.cjs"),ue=require("./components/search-tip-banner/SearchTipBanner.cjs"),n=require("./components/shortcut-tag/ShortcutTag.cjs"),ae=require("./components/section-notice/SectionNotice.cjs"),ie=require("./components/select/Select.cjs"),se=require("./components/spinner/Spinner.cjs"),de=require("./components/status-badge/StatusBadge.cjs"),le=require("./components/switch/Switch.cjs"),ce=require("./components/tabs/Tabs.cjs"),fe=require("./components/team-avatar/TeamAvatar.cjs"),qe=require("./components/text-area/TextArea.cjs"),pe=require("./components/text-input/TextInput.cjs"),Pe=require("./components/thread-footer/ThreadFooter.cjs"),Se=require("./components/thread-list-item/ThreadListItem.cjs"),Me=require("./components/toast/Toast.cjs"),Te=require("./components/tooltip/Tooltip.cjs"),Ie=require("./components/tour-point/TourPoint.cjs"),ve=require("./components/unread-badge/UnreadBadge.cjs"),ge=require("./components/user-avatar/UserAvatar.cjs"),me=require("./components/user-avatar-group/UserAvatarGroup.cjs"),Ce=require("./hooks/use-controllable.cjs"),Be=require("./hooks/use-exit-animation.cjs"),he=require("./hooks/use-outside-close.cjs"),u=require("./hooks/use-popover-transition.cjs"),Ae=require("./utils/string.cjs");exports.ActionButton=a.default;exports.AdminConsoleHeader=i.default;exports.AdminPanel=s.default;exports.AdminConsoleFooter=d.default;exports.AdminPanelFooter=l.default;exports.AdminPanelHeader=c.default;exports.AttachmentCard=f.default;exports.Button=q.default;exports.btnStyles=p.default;exports.CardButton=P.default;exports.CardButtonGroup=S.default;exports.ChannelInfoMsgHeader=M.default;exports.ChannelSidebarItem=T.default;exports.Checkbox=I.default;exports.Chip=v.default;exports.ChipGroup=g.default;exports.Combobox=m.default;exports.DateRangePicker=C.default;exports.Divider=B.default;exports.Dropdown=h.default;exports.Emoji=A.default;exports.EMOJI_BUTTON_EMOJI_SIZES=t.EMOJI_BUTTON_EMOJI_SIZES;exports.EmojiButton=t.default;exports.EmojiPopover=b.default;exports.EmptyState=_.default;exports.ErrorMessage=E.default;exports.FeatureDiscoveryPanel=O.default;exports.GlobalBanner=G.default;exports.Icon=r.default;exports.IconSlotContext=r.IconSlotContext;exports.SVG_SIZE_MAP=r.SVG_SIZE_MAP;exports.useIconSlotContext=r.useIconSlotContext;exports.ICON_BUTTON_ICON_SIZES=o.ICON_BUTTON_ICON_SIZES;exports.IconButton=o.default;exports.Illustration=N.default;exports.ImagePreview=R.default;exports.Tag=x.default;exports.LinkPreview=w.default;exports.MentionBadge=H.default;exports.MenuGroupHeading=k.default;exports.MenuItem=D.default;exports.MessageActions=U.default;exports.MessageHeader=F.default;exports.ReactionsRow=j.default;exports.ReactionButton=y.default;exports.MessageSeparator=Z.default;exports.Modal=J.default;exports.ModalFooter=L.default;exports.ModalHeader=V.default;exports.MoreUnreadsBanner=K.default;exports.NewMessageBanner=z.default;exports.PaginationDots=Q.default;exports.PermalinkPreview=W.default;exports.PinnedSavedIndicators=X.default;exports.PopoverMenu=e.default;exports.PopoverMenuDivider=e.PopoverMenuDivider;exports.PopoverMenuGroup=e.PopoverMenuGroup;exports.PopoverMenuGroupTitle=e.PopoverMenuGroupTitle;exports.PopoverMenuScroll=e.PopoverMenuScroll;exports.PopoverMenuTitle=e.PopoverMenuTitle;exports.PopoverNotice=Y.default;exports.ProfilePopover=$.default;exports.ProgressBar=ee.default;exports.Radio=re.default;exports.RightSidebarHeader=te.default;exports.Scrollbar=oe.default;exports.SearchInput=ne.default;exports.SearchTipBanner=ue.default;exports.ShortcutTag=n.default;exports.ShortcutTagGroup=n.ShortcutTagGroup;exports.SectionNotice=ae.default;exports.Select=ie.default;exports.Spinner=se.default;exports.StatusBadge=de.default;exports.Switch=le.default;exports.Tabs=ce.default;exports.TeamAvatar=fe.default;exports.TextArea=qe.default;exports.TextInput=pe.default;exports.ThreadFooter=Pe.default;exports.ThreadListItem=Se.default;exports.Toast=Me.default;exports.Tooltip=Te.default;exports.TourPoint=Ie.default;exports.UnreadBadge=ve.default;exports.UserAvatar=ge.default;exports.UserAvatarGroup=me.default;exports.useControllable=Ce.useControllable;exports.useExitAnimation=Be.useExitAnimation;exports.useOutsideClose=he.useOutsideClose;exports.POPOVER_TRANSITION_MS=u.POPOVER_TRANSITION_MS;exports.usePopoverTransition=u.usePopoverTransition;exports.toKebab=Ae.toKebab;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./components/action-button/ActionButton.cjs"),i=require("./components/admin-console-header/AdminConsoleHeader.cjs"),s=require("./components/admin-panel/AdminPanel.cjs"),d=require("./components/admin-console-footer/AdminConsoleFooter.cjs"),l=require("./components/admin-panel-footer/AdminPanelFooter.cjs"),c=require("./components/admin-panel-header/AdminPanelHeader.cjs"),f=require("./components/attachment-card/AttachmentCard.cjs"),q=require("./components/button/Button.cjs"),p=require("./components/button/Button.module.scss.cjs"),P=require("./components/card-button/CardButton.cjs"),S=require("./components/card-button/CardButtonGroup.cjs"),M=require("./components/channel-info-msg-header/ChannelInfoMsgHeader.cjs"),I=require("./components/channel-sidebar-item/ChannelSidebarItem.cjs"),T=require("./components/checkbox/Checkbox.cjs"),v=require("./components/chip/Chip.cjs"),g=require("./components/chip/ChipGroup.cjs"),m=require("./components/combobox/Combobox.cjs"),C=require("./components/date-range-picker/DateRangePicker.cjs"),B=require("./components/divider/Divider.cjs"),h=require("./components/dropdown/Dropdown.cjs"),A=require("./components/emoji/Emoji.cjs"),t=require("./components/emoji-button/EmojiButton.cjs"),b=require("./components/emoji-popover/EmojiPopover.cjs"),_=require("./components/empty-state/EmptyState.cjs"),E=require("./components/error-message/ErrorMessage.cjs"),O=require("./components/field-message/FieldMessage.cjs"),G=require("./components/feature-discovery-panel/FeatureDiscoveryPanel.cjs"),N=require("./components/global-banner/GlobalBanner.cjs"),r=require("./components/icon/Icon.cjs"),o=require("./components/icon-button/IconButton.cjs"),w=require("./components/illustration/Illustration.cjs"),R=require("./components/image-preview/ImagePreview.cjs"),x=require("./components/tag/Tag.cjs"),H=require("./components/link-preview/LinkPreview.cjs"),k=require("./components/mention-badge/MentionBadge.cjs"),D=require("./components/menu-group-heading/MenuGroupHeading.cjs"),F=require("./components/menu-item/MenuItem.cjs"),U=require("./components/message-actions/MessageActions.cjs"),j=require("./components/message-header/MessageHeader.cjs"),y=require("./components/reactions-row/ReactionsRow.cjs"),Z=require("./components/reaction-button/ReactionButton.cjs"),J=require("./components/message-separator/MessageSeparator.cjs"),L=require("./components/modal/Modal.cjs"),V=require("./components/modal-footer/ModalFooter.cjs"),K=require("./components/modal-header/ModalHeader.cjs"),z=require("./components/more-unreads-banner/MoreUnreadsBanner.cjs"),Q=require("./components/new-message-banner/NewMessageBanner.cjs"),W=require("./components/pagination-dots/PaginationDots.cjs"),X=require("./components/permalink-preview/PermalinkPreview.cjs"),Y=require("./components/pinned-saved-indicators/PinnedSavedIndicators.cjs"),e=require("./components/popover-menu/PopoverMenu.cjs"),$=require("./components/popover-notice/PopoverNotice.cjs"),ee=require("./components/profile-popover/ProfilePopover.cjs"),re=require("./components/progress-bar/ProgressBar.cjs"),te=require("./components/radio/Radio.cjs"),oe=require("./components/right-sidebar-header/RightSidebarHeader.cjs"),ne=require("./components/scrollbar/Scrollbar.cjs"),ue=require("./components/password-input/PasswordInput.cjs"),ae=require("./components/search-input/SearchInput.cjs"),ie=require("./components/search-tip-banner/SearchTipBanner.cjs"),n=require("./components/shortcut-tag/ShortcutTag.cjs"),se=require("./components/section-notice/SectionNotice.cjs"),de=require("./components/select/Select.cjs"),le=require("./components/spinner/Spinner.cjs"),ce=require("./components/status-badge/StatusBadge.cjs"),fe=require("./components/switch/Switch.cjs"),qe=require("./components/tabs/Tabs.cjs"),pe=require("./components/team-avatar/TeamAvatar.cjs"),Pe=require("./components/text-area/TextArea.cjs"),Se=require("./components/text-input/TextInput.cjs"),Me=require("./components/thread-footer/ThreadFooter.cjs"),Ie=require("./components/thread-list-item/ThreadListItem.cjs"),Te=require("./components/toast/Toast.cjs"),ve=require("./components/tooltip/Tooltip.cjs"),ge=require("./components/tour-point/TourPoint.cjs"),me=require("./components/unread-badge/UnreadBadge.cjs"),Ce=require("./components/user-avatar/UserAvatar.cjs"),Be=require("./components/user-avatar-group/UserAvatarGroup.cjs"),he=require("./hooks/use-controllable.cjs"),Ae=require("./hooks/use-exit-animation.cjs"),be=require("./hooks/use-outside-close.cjs"),u=require("./hooks/use-popover-transition.cjs"),_e=require("./utils/string.cjs");exports.ActionButton=a.default;exports.AdminConsoleHeader=i.default;exports.AdminPanel=s.default;exports.AdminConsoleFooter=d.default;exports.AdminPanelFooter=l.default;exports.AdminPanelHeader=c.default;exports.AttachmentCard=f.default;exports.Button=q.default;exports.btnStyles=p.default;exports.CardButton=P.default;exports.CardButtonGroup=S.default;exports.ChannelInfoMsgHeader=M.default;exports.ChannelSidebarItem=I.default;exports.Checkbox=T.default;exports.Chip=v.default;exports.ChipGroup=g.default;exports.Combobox=m.default;exports.DateRangePicker=C.default;exports.Divider=B.default;exports.Dropdown=h.default;exports.Emoji=A.default;exports.EMOJI_BUTTON_EMOJI_SIZES=t.EMOJI_BUTTON_EMOJI_SIZES;exports.EmojiButton=t.default;exports.EmojiPopover=b.default;exports.EmptyState=_.default;exports.ErrorMessage=E.default;exports.FieldMessage=O.default;exports.FeatureDiscoveryPanel=G.default;exports.GlobalBanner=N.default;exports.Icon=r.default;exports.IconSlotContext=r.IconSlotContext;exports.SVG_SIZE_MAP=r.SVG_SIZE_MAP;exports.useIconSlotContext=r.useIconSlotContext;exports.ICON_BUTTON_ICON_SIZES=o.ICON_BUTTON_ICON_SIZES;exports.IconButton=o.default;exports.Illustration=w.default;exports.ImagePreview=R.default;exports.Tag=x.default;exports.LinkPreview=H.default;exports.MentionBadge=k.default;exports.MenuGroupHeading=D.default;exports.MenuItem=F.default;exports.MessageActions=U.default;exports.MessageHeader=j.default;exports.ReactionsRow=y.default;exports.ReactionButton=Z.default;exports.MessageSeparator=J.default;exports.Modal=L.default;exports.ModalFooter=V.default;exports.ModalHeader=K.default;exports.MoreUnreadsBanner=z.default;exports.NewMessageBanner=Q.default;exports.PaginationDots=W.default;exports.PermalinkPreview=X.default;exports.PinnedSavedIndicators=Y.default;exports.PopoverMenu=e.default;exports.PopoverMenuDivider=e.PopoverMenuDivider;exports.PopoverMenuGroup=e.PopoverMenuGroup;exports.PopoverMenuGroupTitle=e.PopoverMenuGroupTitle;exports.PopoverMenuScroll=e.PopoverMenuScroll;exports.PopoverMenuTitle=e.PopoverMenuTitle;exports.PopoverNotice=$.default;exports.ProfilePopover=ee.default;exports.ProgressBar=re.default;exports.Radio=te.default;exports.RightSidebarHeader=oe.default;exports.Scrollbar=ne.default;exports.PasswordInput=ue.default;exports.SearchInput=ae.default;exports.SearchTipBanner=ie.default;exports.ShortcutTag=n.default;exports.ShortcutTagGroup=n.ShortcutTagGroup;exports.SectionNotice=se.default;exports.Select=de.default;exports.Spinner=le.default;exports.StatusBadge=ce.default;exports.Switch=fe.default;exports.Tabs=qe.default;exports.TeamAvatar=pe.default;exports.TextArea=Pe.default;exports.TextInput=Se.default;exports.ThreadFooter=Me.default;exports.ThreadListItem=Ie.default;exports.Toast=Te.default;exports.Tooltip=ve.default;exports.TourPoint=ge.default;exports.UnreadBadge=me.default;exports.UserAvatar=Ce.default;exports.UserAvatarGroup=Be.default;exports.useControllable=he.useControllable;exports.useExitAnimation=Ae.useExitAnimation;exports.useOutsideClose=be.useOutsideClose;exports.POPOVER_TRANSITION_MS=u.POPOVER_TRANSITION_MS;exports.usePopoverTransition=u.usePopoverTransition;exports.toKebab=_e.toKebab;
2
2
  //# sourceMappingURL=index.cjs.map
package/dist/index.d.ts CHANGED
@@ -22,6 +22,7 @@ export * from './components/emoji-button/index';
22
22
  export * from './components/emoji-popover/index';
23
23
  export * from './components/empty-state/index';
24
24
  export * from './components/error-message/index';
25
+ export * from './components/field-message/index';
25
26
  export * from './components/feature-discovery-panel/index';
26
27
  export * from './components/global-banner/index';
27
28
  export * from './components/icon/index';
@@ -55,6 +56,7 @@ export * from './components/progress-bar/index';
55
56
  export * from './components/radio/index';
56
57
  export * from './components/right-sidebar-header/index';
57
58
  export * from './components/scrollbar/index';
59
+ export * from './components/password-input/index';
58
60
  export * from './components/search-input/index';
59
61
  export * from './components/search-tip-banner/index';
60
62
  export * from './components/shortcut-tag/index';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACjF,mBAAmB,wCAAwC,CAAC;AAC5D,cAAc,uCAAuC,CAAC;AACtD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uCAAuC,CAAC;AACtD,cAAc,qCAAqC,CAAC;AACpD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yCAAyC,CAAC;AACxD,cAAc,uCAAuC,CAAC;AACtD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oCAAoC,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAClE,mBAAmB,8BAA8B,CAAC;AAClD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,0CAA0C,CAAC;AACzD,cAAc,iCAAiC,CAAC;AAChD,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAChD,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,qCAAqC,CAAC;AACpD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACpF,mBAAmB,0CAA0C,CAAC;AAC9D,cAAc,iCAAiC,CAAC;AAChD,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sCAAsC,CAAC;AACrD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,0CAA0C,CAAC;AACzD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,kCAAkC,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,4CAA4C,CAAC;AACvF,mBAAmB,4CAA4C,CAAC;AAChE,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uCAAuC,CAAC;AACtD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,kCAAkC,CAAC;AACjD,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAClE,mBAAmB,8BAA8B,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iCAAiC,CAAC;AAChD,cAAc,mCAAmC,CAAC;AAClD,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AAEnD,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,YAAY,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wCAAwC,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}