@phpsoftbox/react-softbox 1.4.5 → 1.5.1

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 (32) hide show
  1. package/README.md +2 -0
  2. package/dist/components/Card/Card.d.ts +15 -0
  3. package/dist/components/Card/Card.js +119 -2
  4. package/dist/components/Card/Card.js.map +1 -1
  5. package/dist/components/Card/Card.module.css +95 -14
  6. package/dist/components/FileUploader/FileUploader.d.ts +2 -1
  7. package/dist/components/FileUploader/FileUploader.js +10 -4
  8. package/dist/components/FileUploader/FileUploader.js.map +1 -1
  9. package/dist/components/Input/Field.js +8 -3
  10. package/dist/components/Input/Field.js.map +1 -1
  11. package/dist/components/Input/FloatLabel/FloatLabel.module.css +8 -0
  12. package/dist/components/Input/FormField/FormField.module.css +13 -0
  13. package/dist/components/Input/MaskedInput.d.ts +1 -1
  14. package/dist/components/Input/MaskedInput.js +45 -5
  15. package/dist/components/Input/MaskedInput.js.map +1 -1
  16. package/dist/components/Input/Select/Select.js +12 -5
  17. package/dist/components/Input/Select/Select.js.map +1 -1
  18. package/dist/components/Input/Select/Select.module.css +6 -2
  19. package/dist/components/Menu/Dropdown.js +8 -1
  20. package/dist/components/Menu/Dropdown.js.map +1 -1
  21. package/dist/components/Menu/Menu.module.css +2 -1
  22. package/dist/components/Wizard/Wizard.d.ts +150 -0
  23. package/dist/components/Wizard/Wizard.js +486 -0
  24. package/dist/components/Wizard/Wizard.js.map +1 -0
  25. package/dist/components/Wizard/Wizard.module.css +155 -0
  26. package/dist/index.d.ts +2 -0
  27. package/dist/index.js +1 -0
  28. package/dist/index.js.map +1 -1
  29. package/docs/README.md +1 -0
  30. package/docs/card.md +18 -0
  31. package/docs/wizard.md +58 -0
  32. package/package.json +1 -1
package/README.md CHANGED
@@ -42,6 +42,7 @@ import {
42
42
  Text,
43
43
  Textarea,
44
44
  Tooltip,
45
+ Wizard,
45
46
  } from '@phpsoftbox/react-softbox';
46
47
  ```
47
48
 
@@ -71,6 +72,7 @@ setThemeMode('dark');
71
72
  - `docs/tabs.md`
72
73
  - `docs/progress.md`
73
74
  - `docs/breadcrumbs.md`
75
+ - `docs/wizard.md`
74
76
 
75
77
  ## Playground
76
78
 
@@ -1,4 +1,5 @@
1
1
  import React from 'react';
2
+ import Button from '../Button/Button';
2
3
  type CardProps = React.HTMLAttributes<HTMLDivElement>;
3
4
  type CardHeaderProps = React.HTMLAttributes<HTMLDivElement> & {
4
5
  title?: React.ReactNode;
@@ -8,10 +9,24 @@ type CardHeaderProps = React.HTMLAttributes<HTMLDivElement> & {
8
9
  type CardSectionProps = React.HTMLAttributes<HTMLDivElement>;
9
10
  type CardToolbarProps = React.HTMLAttributes<HTMLDivElement> & {
10
11
  align?: 'left' | 'right' | 'between';
12
+ buttonHideLabelOn?: 'never' | 'md';
11
13
  };
12
14
  type CardToolbarGroupProps = React.HTMLAttributes<HTMLDivElement>;
15
+ type CardToolbarButtonBaseProps = Omit<React.ComponentProps<typeof Button>, 'children'> & {
16
+ icon?: React.ReactNode;
17
+ label?: React.ReactNode;
18
+ hideLabelOn?: 'never' | 'md';
19
+ };
20
+ type CardToolbarButtonProps = (CardToolbarButtonBaseProps & {
21
+ icon: React.ReactNode;
22
+ label?: React.ReactNode;
23
+ }) | (CardToolbarButtonBaseProps & {
24
+ icon?: React.ReactNode;
25
+ label: React.ReactNode;
26
+ });
13
27
  type CardToolbarComponent = React.FC<CardToolbarProps> & {
14
28
  Group: React.FC<CardToolbarGroupProps>;
29
+ Button: React.FC<CardToolbarButtonProps>;
15
30
  };
16
31
  type CardComponent = React.FC<CardProps> & {
17
32
  Header: React.FC<CardHeaderProps>;
@@ -1,5 +1,7 @@
1
1
  import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import React from 'react';
2
3
  import styles from './Card.module.css';
4
+ import Button from '../Button/Button';
3
5
  function CardBase({ className, ...props }) {
4
6
  const classes = [styles.card, className].filter(Boolean).join(' ');
5
7
  return _jsx("section", { className: classes, ...props });
@@ -17,14 +19,128 @@ function CardFooter({ className, ...props }) {
17
19
  const classes = [styles.footer, className].filter(Boolean).join(' ');
18
20
  return _jsx("div", { className: classes, ...props });
19
21
  }
20
- function CardToolbarBase({ align = 'left', className, ...props }) {
22
+ const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
23
+ const CardToolbarContext = React.createContext({ hideLabelOn: 'md' });
24
+ const resolveToolbarRows = (elements) => {
25
+ let currentTop = null;
26
+ let currentRow = 0;
27
+ return elements.map((element) => {
28
+ const top = Math.round(element.offsetTop);
29
+ if (currentTop === null) {
30
+ currentTop = top;
31
+ return { row: currentRow, rowStart: true };
32
+ }
33
+ if (Math.abs(top - currentTop) > 1) {
34
+ currentTop = top;
35
+ currentRow += 1;
36
+ return { row: currentRow, rowStart: true };
37
+ }
38
+ return { row: currentRow, rowStart: false };
39
+ });
40
+ };
41
+ const isSameRows = (left, right) => {
42
+ if (left.length !== right.length) {
43
+ return false;
44
+ }
45
+ for (let index = 0; index < left.length; index += 1) {
46
+ if (left[index].row !== right[index].row || left[index].rowStart !== right[index].rowStart) {
47
+ return false;
48
+ }
49
+ }
50
+ return true;
51
+ };
52
+ function CardToolbarBase({ align = 'left', buttonHideLabelOn = 'md', className, children, ...props }) {
21
53
  const alignClass = align === 'right'
22
54
  ? styles.toolbarAlignRight
23
55
  : align === 'between'
24
56
  ? styles.toolbarAlignBetween
25
57
  : styles.toolbarAlignLeft;
26
58
  const classes = [styles.toolbar, alignClass, className].filter(Boolean).join(' ');
27
- return _jsx("div", { className: classes, ...props });
59
+ const rootRef = React.useRef(null);
60
+ const [rows, setRows] = React.useState([]);
61
+ const toolbarChildren = React.Children.toArray(children);
62
+ useIsomorphicLayoutEffect(() => {
63
+ const root = rootRef.current;
64
+ if (!root) {
65
+ return;
66
+ }
67
+ let frameId = null;
68
+ const collect = () => {
69
+ root.setAttribute('data-toolbar-measuring', 'true');
70
+ try {
71
+ const items = Array.from(root.querySelectorAll('[data-card-toolbar-item="true"]'));
72
+ const nextRows = resolveToolbarRows(items);
73
+ setRows((previousRows) => (isSameRows(previousRows, nextRows) ? previousRows : nextRows));
74
+ }
75
+ finally {
76
+ root.removeAttribute('data-toolbar-measuring');
77
+ }
78
+ };
79
+ const scheduleCollect = () => {
80
+ if (typeof window === 'undefined') {
81
+ collect();
82
+ return;
83
+ }
84
+ if (frameId !== null) {
85
+ window.cancelAnimationFrame(frameId);
86
+ }
87
+ frameId = window.requestAnimationFrame(() => {
88
+ frameId = null;
89
+ collect();
90
+ });
91
+ };
92
+ scheduleCollect();
93
+ const handleResize = () => scheduleCollect();
94
+ window.addEventListener('resize', handleResize);
95
+ if (typeof ResizeObserver !== 'undefined') {
96
+ const observer = new ResizeObserver(() => scheduleCollect());
97
+ observer.observe(root);
98
+ Array.from(root.children).forEach((child) => {
99
+ if (child instanceof HTMLElement) {
100
+ observer.observe(child);
101
+ }
102
+ });
103
+ return () => {
104
+ observer.disconnect();
105
+ window.removeEventListener('resize', handleResize);
106
+ if (frameId !== null) {
107
+ window.cancelAnimationFrame(frameId);
108
+ }
109
+ };
110
+ }
111
+ return () => {
112
+ window.removeEventListener('resize', handleResize);
113
+ if (frameId !== null) {
114
+ window.cancelAnimationFrame(frameId);
115
+ }
116
+ };
117
+ }, [toolbarChildren.length]);
118
+ return (_jsx(CardToolbarContext.Provider, { value: { hideLabelOn: buttonHideLabelOn }, children: _jsx("div", { ref: rootRef, className: classes, ...props, children: toolbarChildren.map((child, index) => {
119
+ const rowMeta = rows[index];
120
+ const key = React.isValidElement(child) && child.key !== null ? child.key : `toolbar-item-${index}`;
121
+ const row = rowMeta?.row ?? 0;
122
+ const rowStart = rowMeta?.rowStart ?? index === 0;
123
+ return (_jsx("div", { className: styles.toolbarItem, "data-card-toolbar-item": "true", "data-toolbar-row": row, "data-toolbar-row-start": rowStart ? 'true' : 'false', "data-toolbar-row-wrapped": row > 0 ? 'true' : 'false', children: child }, key));
124
+ }) }) }));
125
+ }
126
+ function CardToolbarButton({ icon, label, hideLabelOn, className, ...props }) {
127
+ const toolbarConfig = React.useContext(CardToolbarContext);
128
+ const resolvedHideLabelOn = hideLabelOn ?? toolbarConfig.hideLabelOn;
129
+ const hasIcon = icon !== undefined && icon !== null;
130
+ const hasLabel = label !== undefined && label !== null;
131
+ if (!hasIcon && !hasLabel) {
132
+ return null;
133
+ }
134
+ const hasBoth = hasIcon && hasLabel;
135
+ const classes = [
136
+ styles.toolbarButton,
137
+ hasBoth ? styles.toolbarButtonHasBoth : null,
138
+ hasBoth && resolvedHideLabelOn === 'md' ? styles.toolbarButtonHideLabelMd : null,
139
+ className,
140
+ ]
141
+ .filter(Boolean)
142
+ .join(' ');
143
+ return (_jsxs(Button, { size: "sm", appearance: "outline", className: classes, ...props, children: [hasIcon ? _jsx("span", { className: styles.toolbarButtonIcon, children: icon }) : null, hasBoth ? _jsx("span", { className: styles.toolbarButtonSeparator, "aria-hidden": "true" }) : null, hasLabel ? (_jsx("span", { className: styles.toolbarButtonLabel, children: label })) : null] }));
28
144
  }
29
145
  function CardToolbarGroup({ className, ...props }) {
30
146
  const classes = [styles.toolbarGroup, className].filter(Boolean).join(' ');
@@ -32,6 +148,7 @@ function CardToolbarGroup({ className, ...props }) {
32
148
  }
33
149
  const CardToolbar = Object.assign(CardToolbarBase, {
34
150
  Group: CardToolbarGroup,
151
+ Button: CardToolbarButton,
35
152
  });
36
153
  const Card = Object.assign(CardBase, {
37
154
  Header: CardHeader,
@@ -1 +1 @@
1
- {"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,MAAM,MAAM,kBAAkB,CAAC;AA0CtC,SAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAa;IAClD,MAAM,OAAO,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACnE,OAAO,kBAAS,SAAS,EAAE,OAAO,KAAM,KAAK,GAAI,CAAC;AACpD,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAmB;IAC5F,MAAM,OAAO,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACrE,MAAM,IAAI,GAAG,QAAQ,IAAI,CACvB,8BACG,KAAK,CAAC,CAAC,CAAC,aAAI,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAM,CAAC,CAAC,CAAC,IAAI,EACxD,QAAQ,CAAC,CAAC,CAAC,YAAG,SAAS,EAAE,MAAM,CAAC,QAAQ,YAAG,QAAQ,GAAK,CAAC,CAAC,CAAC,IAAI,IAC/D,CACJ,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,OAAO,KAAM,KAAK,aAChC,cAAK,SAAS,EAAE,MAAM,CAAC,UAAU,YAAG,IAAI,GAAO,EAC9C,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,MAAM,CAAC,WAAW,YAAG,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,IAC7D,CACP,CAAC;AACJ,CAAC;AAED,SAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoB;IACzD,MAAM,OAAO,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACnE,OAAO,cAAK,SAAS,EAAE,OAAO,KAAM,KAAK,GAAI,CAAC;AAChD,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoB;IAC3D,MAAM,OAAO,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACrE,OAAO,cAAK,SAAS,EAAE,OAAO,KAAM,KAAK,GAAI,CAAC;AAChD,CAAC;AAED,MAAM,yBAAyB,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC;AAC1G,MAAM,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAAkC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC;AAEvG,MAAM,kBAAkB,GAAG,CAAC,QAAuB,EAAoB,EAAE;IACvE,IAAI,UAAU,GAAkB,IAAI,CAAC;IACrC,IAAI,UAAU,GAAG,CAAC,CAAC;IAEnB,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;QAC9B,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAC1C,IAAI,UAAU,KAAK,IAAI,EAAE,CAAC;YACxB,UAAU,GAAG,GAAG,CAAC;YACjB,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;QAC7C,CAAC;QAED,IAAI,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;YACnC,UAAU,GAAG,GAAG,CAAC;YACjB,UAAU,IAAI,CAAC,CAAC;YAChB,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;QAC7C,CAAC;QAED,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;IAC9C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,IAAsB,EAAE,KAAuB,EAAE,EAAE;IACrE,IAAI,IAAI,CAAC,MAAM,KAAK,KAAK,CAAC,MAAM,EAAE,CAAC;QACjC,OAAO,KAAK,CAAC;IACf,CAAC;IAED,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC;QACpD,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,KAAK,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,KAAK,KAAK,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,CAAC;YAC3F,OAAO,KAAK,CAAC;QACf,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,SAAS,eAAe,CAAC,EACvB,KAAK,GAAG,MAAM,EACd,iBAAiB,GAAG,IAAI,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACS;IACjB,MAAM,UAAU,GAAG,KAAK,KAAK,OAAO;QAClC,CAAC,CAAC,MAAM,CAAC,iBAAiB;QAC1B,CAAC,CAAC,KAAK,KAAK,SAAS;YACnB,CAAC,CAAC,MAAM,CAAC,mBAAmB;YAC5B,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC;IAC9B,MAAM,OAAO,GAAG,CAAC,MAAM,CAAC,OAAO,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAClF,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACnD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAmB,EAAE,CAAC,CAAC;IAC7D,MAAM,eAAe,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAEzD,yBAAyB,CAAC,GAAG,EAAE;QAC7B,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAO;QACT,CAAC;QAED,IAAI,OAAO,GAAkB,IAAI,CAAC;QAElC,MAAM,OAAO,GAAG,GAAG,EAAE;YACnB,IAAI,CAAC,YAAY,CAAC,wBAAwB,EAAE,MAAM,CAAC,CAAC;YACpD,IAAI,CAAC;gBACH,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAc,iCAAiC,CAAC,CAAC,CAAC;gBAChG,MAAM,QAAQ,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;gBAC3C,OAAO,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;YAC5F,CAAC;oBAAS,CAAC;gBACT,IAAI,CAAC,eAAe,CAAC,wBAAwB,CAAC,CAAC;YACjD,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,eAAe,GAAG,GAAG,EAAE;YAC3B,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;gBAClC,OAAO,EAAE,CAAC;gBACV,OAAO;YACT,CAAC;YACD,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;gBACrB,MAAM,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;YACvC,CAAC;YACD,OAAO,GAAG,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE;gBAC1C,OAAO,GAAG,IAAI,CAAC;gBACf,OAAO,EAAE,CAAC;YACZ,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,eAAe,EAAE,CAAC;QAClB,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,eAAe,EAAE,CAAC;QAC7C,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAEhD,IAAI,OAAO,cAAc,KAAK,WAAW,EAAE,CAAC;YAC1C,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE,CAAC,eAAe,EAAE,CAAC,CAAC;YAC7D,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YACvB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;gBAC1C,IAAI,KAAK,YAAY,WAAW,EAAE,CAAC;oBACjC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;gBAC1B,CAAC;YACH,CAAC,CAAC,CAAC;YACH,OAAO,GAAG,EAAE;gBACV,QAAQ,CAAC,UAAU,EAAE,CAAC;gBACtB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;gBACnD,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;oBACrB,MAAM,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;gBACvC,CAAC;YACH,CAAC,CAAC;QACJ,CAAC;QAED,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;YACnD,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;gBACrB,MAAM,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;YACvC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC;IAE7B,OAAO,CACL,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,WAAW,EAAE,iBAAiB,EAAE,YACpE,cAAK,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,KAAM,KAAK,YAC7C,eAAe,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;gBACpC,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC5B,MAAM,GAAG,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,gBAAgB,KAAK,EAAE,CAAC;gBACpG,MAAM,GAAG,GAAG,OAAO,EAAE,GAAG,IAAI,CAAC,CAAC;gBAC9B,MAAM,QAAQ,GAAG,OAAO,EAAE,QAAQ,IAAI,KAAK,KAAK,CAAC,CAAC;gBAElD,OAAO,CACL,cAEE,SAAS,EAAE,MAAM,CAAC,WAAW,4BACN,MAAM,sBACX,GAAG,4BACG,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,8BACzB,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,YAEnD,KAAK,IAPD,GAAG,CAQJ,CACP,CAAC;YACJ,CAAC,CAAC,GACE,GACsB,CAC/B,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,SAAS,EACT,GAAG,KAAK,EACe;IACvB,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAC3D,MAAM,mBAAmB,GAAG,WAAW,IAAI,aAAa,CAAC,WAAW,CAAC;IACrE,MAAM,OAAO,GAAG,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,IAAI,CAAC;IACpD,MAAM,QAAQ,GAAG,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,CAAC;IAEvD,IAAI,CAAC,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC1B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,OAAO,GAAG,OAAO,IAAI,QAAQ,CAAC;IACpC,MAAM,OAAO,GAAG;QACd,MAAM,CAAC,aAAa;QACpB,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,CAAC,IAAI;QAC5C,OAAO,IAAI,mBAAmB,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAC,CAAC,IAAI;QAChF,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,CACL,MAAC,MAAM,IAAC,IAAI,EAAC,IAAI,EAAC,UAAU,EAAC,SAAS,EAAC,SAAS,EAAE,OAAO,KAAM,KAAK,aACjE,OAAO,CAAC,CAAC,CAAC,eAAM,SAAS,EAAE,MAAM,CAAC,iBAAiB,YAAG,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,EACzE,OAAO,CAAC,CAAC,CAAC,eAAM,SAAS,EAAE,MAAM,CAAC,sBAAsB,iBAAc,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,EACtF,QAAQ,CAAC,CAAC,CAAC,CACV,eAAM,SAAS,EAAE,MAAM,CAAC,kBAAkB,YACvC,KAAK,GACD,CACR,CAAC,CAAC,CAAC,IAAI,IACD,CACV,CAAC;AACJ,CAAC;AAED,SAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IACtE,MAAM,OAAO,GAAG,CAAC,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE3E,OAAO,cAAK,SAAS,EAAE,OAAO,KAAM,KAAK,GAAI,CAAC;AAChD,CAAC;AAED,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;IACjD,KAAK,EAAE,gBAAgB;IACvB,MAAM,EAAE,iBAAiB;CAC1B,CAAyB,CAAC;AAE3B,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;IACnC,MAAM,EAAE,UAAU;IAClB,OAAO,EAAE,WAAW;IACpB,IAAI,EAAE,QAAQ;IACd,MAAM,EAAE,UAAU;CACnB,CAAkB,CAAC;AAEpB,eAAe,IAAI,CAAC"}
@@ -19,12 +19,15 @@
19
19
 
20
20
  .toolbar {
21
21
  display: flex;
22
- align-items: center;
23
- gap: var(--spacing-2);
22
+ align-items: stretch;
23
+ flex-wrap: wrap;
24
+ column-gap: var(--spacing-2);
25
+ row-gap: 0;
24
26
  padding: var(--spacing-2) var(--spacing-3);
25
27
  border-radius: var(--radius-md);
26
28
  border: 1px solid var(--color-line);
27
29
  background: var(--surface-panel-soft);
30
+ overflow: hidden;
28
31
  }
29
32
 
30
33
  .toolbarAlignLeft {
@@ -39,30 +42,95 @@
39
42
  justify-content: space-between;
40
43
  }
41
44
 
42
- .toolbarGroup {
43
- display: inline-flex;
45
+ .toolbarItem {
46
+ display: flex;
44
47
  align-items: center;
45
- gap: var(--spacing-2);
46
- min-height: 30px;
47
- position: relative;
48
+ min-width: 0;
48
49
  }
49
50
 
50
- .toolbarGroup + .toolbarGroup {
51
- margin-left: var(--spacing-1);
52
- padding-left: var(--spacing-3);
51
+ .toolbarItem[data-toolbar-row-start="false"] {
52
+ position: relative;
53
53
  }
54
54
 
55
- .toolbarGroup + .toolbarGroup::before {
55
+ .toolbarItem[data-toolbar-row-start="false"]::before {
56
56
  content: '';
57
57
  position: absolute;
58
- left: 0;
59
- top: 2px;
60
- bottom: 2px;
58
+ left: calc(var(--spacing-2) / -2);
59
+ top: 0;
60
+ bottom: 0;
61
61
  width: 1px;
62
62
  background: var(--color-line);
63
63
  opacity: 0.55;
64
64
  }
65
65
 
66
+ .toolbarItem[data-toolbar-row-wrapped="true"] {
67
+ margin-top: var(--spacing-2);
68
+ padding-top: var(--spacing-2);
69
+ }
70
+
71
+ .toolbarItem[data-toolbar-row-start="true"][data-toolbar-row-wrapped="true"] {
72
+ position: relative;
73
+ }
74
+
75
+ .toolbarItem[data-toolbar-row-start="true"][data-toolbar-row-wrapped="true"]::before {
76
+ content: '';
77
+ position: absolute;
78
+ top: 0;
79
+ left: -2000px;
80
+ right: -2000px;
81
+ height: 1px;
82
+ background: var(--color-line);
83
+ }
84
+
85
+ .toolbar[data-toolbar-measuring="true"] .toolbarItem[data-toolbar-row-wrapped="true"] {
86
+ margin-top: 0;
87
+ padding-top: 0;
88
+ }
89
+
90
+ .toolbar[data-toolbar-measuring="true"] .toolbarItem[data-toolbar-row-start="false"]::before,
91
+ .toolbar[data-toolbar-measuring="true"] .toolbarItem[data-toolbar-row-start="true"][data-toolbar-row-wrapped="true"]::before {
92
+ display: none;
93
+ }
94
+
95
+ .toolbarGroup {
96
+ display: inline-flex;
97
+ align-items: center;
98
+ flex-wrap: wrap;
99
+ gap: var(--spacing-2);
100
+ padding-inline: var(--spacing-1);
101
+ min-height: 30px;
102
+ min-width: 0;
103
+ }
104
+
105
+ .toolbarButton {
106
+ min-height: 32px;
107
+ min-width: 0;
108
+ max-width: 100%;
109
+ }
110
+
111
+ .toolbarButtonIcon {
112
+ display: inline-flex;
113
+ align-items: center;
114
+ justify-content: center;
115
+ }
116
+
117
+ .toolbarButtonLabel {
118
+ display: inline-flex;
119
+ align-items: center;
120
+ min-width: 0;
121
+ }
122
+
123
+ .toolbarButtonSeparator {
124
+ width: 1px;
125
+ align-self: stretch;
126
+ background: currentColor;
127
+ opacity: 0.4;
128
+ }
129
+
130
+ .toolbarButtonHasBoth {
131
+ gap: var(--spacing-2);
132
+ }
133
+
66
134
  .headerMain {
67
135
  display: flex;
68
136
  flex-direction: column;
@@ -99,3 +167,16 @@
99
167
  justify-content: flex-end;
100
168
  gap: var(--spacing-3);
101
169
  }
170
+
171
+ @media (max-width: 1024px) {
172
+ .toolbarButtonHideLabelMd .toolbarButtonLabel,
173
+ .toolbarButtonHideLabelMd .toolbarButtonSeparator {
174
+ display: none;
175
+ }
176
+ }
177
+
178
+ @media (max-width: 720px) {
179
+ .toolbar {
180
+ padding: var(--spacing-2);
181
+ }
182
+ }
@@ -8,6 +8,7 @@ export type FileUploaderProps = {
8
8
  multiple?: boolean;
9
9
  accept?: string;
10
10
  allowedTypes?: string[];
11
+ allowedMimeTypes?: string[];
11
12
  maxFileSizeKb?: number;
12
13
  disabled?: boolean;
13
14
  showPreview?: boolean;
@@ -24,4 +25,4 @@ export type FileUploaderProps = {
24
25
  removeLabel?: React.ReactNode;
25
26
  className?: string;
26
27
  };
27
- export default function FileUploader({ value, defaultValue, onChange, onUpload, autoUpload, multiple, accept, allowedTypes, maxFileSizeKb, disabled, showPreview, uploadButtonAlign, uploadButtonPlacement, externalErrors, dropLabel, supportedTypesLabel, maxFileSizeLabel, buttonLabel, uploadLabel, filesLabel, allowRemove, removeLabel, className, }: FileUploaderProps): import("react/jsx-runtime").JSX.Element;
28
+ export default function FileUploader({ value, defaultValue, onChange, onUpload, autoUpload, multiple, accept, allowedTypes, allowedMimeTypes, maxFileSizeKb, disabled, showPreview, uploadButtonAlign, uploadButtonPlacement, externalErrors, dropLabel, supportedTypesLabel, maxFileSizeLabel, buttonLabel, uploadLabel, filesLabel, allowRemove, removeLabel, className, }: FileUploaderProps): import("react/jsx-runtime").JSX.Element;
@@ -32,7 +32,7 @@ const isAllowedType = (file, allowedTypes) => {
32
32
  };
33
33
  const isImage = (file) => file.type.startsWith('image/');
34
34
  const defaultFilesLabel = (count) => `Выбрано: ${count}`;
35
- export default function FileUploader({ value, defaultValue, onChange, onUpload, autoUpload = false, multiple = false, accept, allowedTypes = [], maxFileSizeKb, disabled = false, showPreview = false, uploadButtonAlign = 'right', uploadButtonPlacement = 'afterPreview', externalErrors = [], dropLabel = 'Перетащите файлы сюда или выберите вручную', supportedTypesLabel = 'Допустимые форматы:', maxFileSizeLabel = 'Максимальный размер файла:', buttonLabel = 'Выбрать файлы', uploadLabel = 'Загрузить', filesLabel = defaultFilesLabel, allowRemove = true, removeLabel = 'Удалить', className, }) {
35
+ export default function FileUploader({ value, defaultValue, onChange, onUpload, autoUpload = false, multiple = false, accept, allowedTypes = [], allowedMimeTypes = [], maxFileSizeKb, disabled = false, showPreview = false, uploadButtonAlign = 'right', uploadButtonPlacement = 'afterPreview', externalErrors = [], dropLabel = 'Перетащите файлы сюда или выберите вручную', supportedTypesLabel = 'Допустимые форматы:', maxFileSizeLabel = 'Максимальный размер файла:', buttonLabel = 'Выбрать файлы', uploadLabel = 'Загрузить', filesLabel = defaultFilesLabel, allowRemove = true, removeLabel = 'Удалить', className, }) {
36
36
  const [internalFiles, setInternalFiles] = React.useState(defaultValue ?? []);
37
37
  const [errors, setErrors] = React.useState([]);
38
38
  const [isUploading, setIsUploading] = React.useState(false);
@@ -40,6 +40,12 @@ export default function FileUploader({ value, defaultValue, onChange, onUpload,
40
40
  const [previews, setPreviews] = React.useState([]);
41
41
  const inputRef = React.useRef(null);
42
42
  const files = value ?? internalFiles;
43
+ const mergedAllowedTypes = React.useMemo(() => {
44
+ const tokens = [...allowedTypes, ...allowedMimeTypes]
45
+ .map((item) => toLower(item))
46
+ .filter(Boolean);
47
+ return Array.from(new Set(tokens));
48
+ }, [allowedTypes, allowedMimeTypes]);
43
49
  const updateFiles = React.useCallback((next) => {
44
50
  if (value === undefined) {
45
51
  setInternalFiles(next);
@@ -49,7 +55,7 @@ export default function FileUploader({ value, defaultValue, onChange, onUpload,
49
55
  const validateFiles = React.useCallback((incoming) => {
50
56
  const nextErrors = [];
51
57
  const validFiles = incoming.filter((file) => {
52
- if (!isAllowedType(file, allowedTypes)) {
58
+ if (!isAllowedType(file, mergedAllowedTypes)) {
53
59
  nextErrors.push(`Файл ${file.name} имеет недопустимый формат`);
54
60
  return false;
55
61
  }
@@ -63,7 +69,7 @@ export default function FileUploader({ value, defaultValue, onChange, onUpload,
63
69
  return true;
64
70
  });
65
71
  return { validFiles, nextErrors };
66
- }, [allowedTypes, maxFileSizeKb]);
72
+ }, [maxFileSizeKb, mergedAllowedTypes]);
67
73
  const handleFiles = React.useCallback((list) => {
68
74
  if (disabled || !list) {
69
75
  return;
@@ -153,7 +159,7 @@ export default function FileUploader({ value, defaultValue, onChange, onUpload,
153
159
  next.forEach((item) => URL.revokeObjectURL(item.url));
154
160
  };
155
161
  }, [files, showPreview]);
156
- const acceptValue = accept ?? (allowedTypes.length ? allowedTypes.join(',') : undefined);
162
+ const acceptValue = accept ?? (mergedAllowedTypes.length ? mergedAllowedTypes.join(',') : undefined);
157
163
  const metaParts = [
158
164
  allowedTypes.length ? `${supportedTypesLabel} ${allowedTypes.join(', ')}` : null,
159
165
  maxFileSizeKb ? `${maxFileSizeLabel} ${maxFileSizeKb} кбайт` : null,
@@ -1 +1 @@
1
- {"version":3,"file":"FileUploader.js","sourceRoot":"","sources":["../../../src/components/FileUploader/FileUploader.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"FileUploader.js","sourceRoot":"","sources":["../../../src/components/FileUploader/FileUploader.tsx"],"names":[],"mappings":"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"}
@@ -16,12 +16,17 @@ const InputField = React.forwardRef(({ hasError, className, ...props }, ref) =>
16
16
  ]
17
17
  .filter(Boolean)
18
18
  .join(' ');
19
- if (process.env.NODE_ENV !== 'production') {
20
- if (!props.id && !props.name) {
19
+ const warnedRef = React.useRef(false);
20
+ React.useEffect(() => {
21
+ if (process.env.NODE_ENV === 'production') {
22
+ return;
23
+ }
24
+ if (!props.id && !props.name && !warnedRef.current) {
25
+ warnedRef.current = true;
21
26
  // eslint-disable-next-line no-console
22
27
  console.warn('Input.Field: рекомендуется передавать id или name для связки с label.');
23
28
  }
24
- }
29
+ }, [props.id, props.name]);
25
30
  React.useEffect(() => {
26
31
  context?.registerField(resolvedId, props.name, props.required === true);
27
32
  }, [context, resolvedId, props.name, props.required]);
@@ -1 +1 @@
1
- {"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../src/components/Input/Field.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAM5D,MAAM,eAAe,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,SAAS,IAAI,CAAC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,EAAE,CAAC;AAE1F,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAA0B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtG,MAAM,OAAO,GAAG,mBAAmB,EAAE,CAAC;IACtC,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAClC,MAAM,UAAU,GAAG,KAAK,CAAC,EAAE,IAAI,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;IAC5G,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC;IACjD,MAAM,OAAO,GAAG;QACd,MAAM,CAAC,KAAK;QACZ,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;QAC9B,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI;QACzD,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE,CAAC;QAC1C,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;YAC7B,sCAAsC;YACtC,OAAO,CAAC,IAAI,CAAC,uEAAuE,CAAC,CAAC;QACxF,CAAC;IACH,CAAC;IAED,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,EAAE,aAAa,CAAC,UAAU,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC;IAC1E,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEtD,OAAO,gBAAO,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,KAAM,KAAK,EAAE,YAAY,EAAE,YAAY,GAAI,CAAC;AACxG,CAAC,CAAC,CAAC;AAEH,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../src/components/Input/Field.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAM5D,MAAM,eAAe,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,SAAS,IAAI,CAAC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,EAAE,CAAC;AAE1F,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAA0B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtG,MAAM,OAAO,GAAG,mBAAmB,EAAE,CAAC;IACtC,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAClC,MAAM,UAAU,GAAG,KAAK,CAAC,EAAE,IAAI,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;IAC5G,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC;IACjD,MAAM,OAAO,GAAG;QACd,MAAM,CAAC,KAAK;QACZ,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;QAC9B,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI;QACzD,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACtC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE,CAAC;YAC1C,OAAO;QACT,CAAC;QACD,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;YACnD,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;YACzB,sCAAsC;YACtC,OAAO,CAAC,IAAI,CAAC,uEAAuE,CAAC,CAAC;QACxF,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAE3B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,EAAE,aAAa,CAAC,UAAU,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC;IAC1E,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEtD,OAAO,gBAAO,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,KAAM,KAAK,EAAE,YAAY,EAAE,YAAY,GAAI,CAAC;AACxG,CAAC,CAAC,CAAC;AAEH,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,eAAe,UAAU,CAAC"}
@@ -11,6 +11,7 @@
11
11
  .label {
12
12
  position: absolute;
13
13
  left: 16px;
14
+ right: 16px;
14
15
  top: 16px;
15
16
  color: var(--color-muted-2);
16
17
  font-size: var(--ui-control-font-size, var(--font-size-3));
@@ -22,6 +23,13 @@
22
23
  background: var(--surface-input);
23
24
  padding: 0;
24
25
  border-radius: 4px;
26
+ white-space: nowrap;
27
+ overflow: hidden;
28
+ text-overflow: ellipsis;
29
+ }
30
+
31
+ .wrapperWithHint .label {
32
+ right: 52px;
25
33
  }
26
34
 
27
35
  .requiredMark {
@@ -39,3 +39,16 @@
39
39
  font-size: 12px;
40
40
  color: var(--badge-danger-color, #ff6b6b);
41
41
  }
42
+
43
+ @media (max-width: 720px) {
44
+ .fieldRow {
45
+ flex-direction: column;
46
+ align-items: stretch;
47
+ }
48
+
49
+ .fieldRow .label {
50
+ min-width: 0;
51
+ text-align: left;
52
+ padding-top: 0;
53
+ }
54
+ }
@@ -6,5 +6,5 @@ type Props = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChan
6
6
  placeholderChar?: string;
7
7
  escapeChar?: string;
8
8
  };
9
- export default function MaskedInput({ mask, value, onChange, placeholderChar, escapeChar, onPaste, ...props }: Props): import("react/jsx-runtime").JSX.Element;
9
+ export default function MaskedInput({ mask, value, onChange, placeholderChar, escapeChar, onKeyDown, onPaste, ...props }: Props): import("react/jsx-runtime").JSX.Element;
10
10
  export {};
@@ -82,9 +82,10 @@ const extractRaw = (masked, mask, escapeChar = '\\') => {
82
82
  }
83
83
  return raw;
84
84
  };
85
- export default function MaskedInput({ mask, value, onChange, placeholderChar, escapeChar = '\\', onPaste, ...props }) {
85
+ export default function MaskedInput({ mask, value, onChange, placeholderChar, escapeChar = '\\', onKeyDown, onPaste, ...props }) {
86
86
  const isControlled = value !== undefined;
87
87
  const [internal, setInternal] = React.useState('');
88
+ const inputRef = React.useRef(null);
88
89
  const displayValue = React.useMemo(() => {
89
90
  const raw = extractRaw(String(isControlled ? value ?? '' : internal), mask, escapeChar);
90
91
  return applyMask(raw, mask, placeholderChar, escapeChar);
@@ -92,10 +93,50 @@ export default function MaskedInput({ mask, value, onChange, placeholderChar, es
92
93
  const handleChange = (event) => {
93
94
  const rawInput = event.target.value;
94
95
  const raw = extractRaw(rawInput, mask, escapeChar);
96
+ const updateRaw = (nextRaw) => {
97
+ if (!isControlled) {
98
+ setInternal(nextRaw);
99
+ }
100
+ onChange?.(nextRaw);
101
+ };
102
+ updateRaw(raw);
103
+ };
104
+ const handleKeyDownInternal = (event) => {
105
+ onKeyDown?.(event);
106
+ if (event.defaultPrevented) {
107
+ return;
108
+ }
109
+ if (event.key !== 'Backspace') {
110
+ return;
111
+ }
112
+ const target = event.currentTarget;
113
+ const start = target.selectionStart ?? 0;
114
+ const end = target.selectionEnd ?? start;
115
+ if (start <= 0 || start !== end) {
116
+ return;
117
+ }
118
+ const masked = target.value;
119
+ const raw = extractRaw(masked, mask, escapeChar);
120
+ const rawBefore = extractRaw(masked.slice(0, start), mask, escapeChar);
121
+ const rawBeforePrev = extractRaw(masked.slice(0, start - 1), mask, escapeChar);
122
+ // If deleting a literal mask symbol, remove the previous data char instead.
123
+ if (rawBefore.length !== rawBeforePrev.length) {
124
+ return;
125
+ }
126
+ if (rawBefore.length === 0) {
127
+ return;
128
+ }
129
+ event.preventDefault();
130
+ const deleteIndex = rawBefore.length - 1;
131
+ const nextRaw = raw.slice(0, deleteIndex) + raw.slice(deleteIndex + 1);
132
+ const caret = applyMask(nextRaw.slice(0, deleteIndex), mask, placeholderChar, escapeChar).length;
95
133
  if (!isControlled) {
96
- setInternal(raw);
134
+ setInternal(nextRaw);
97
135
  }
98
- onChange?.(raw);
136
+ onChange?.(nextRaw);
137
+ requestAnimationFrame(() => {
138
+ inputRef.current?.setSelectionRange(caret, caret);
139
+ });
99
140
  };
100
141
  const handlePaste = (event) => {
101
142
  onPaste?.(event);
@@ -107,7 +148,6 @@ export default function MaskedInput({ mask, value, onChange, placeholderChar, es
107
148
  return;
108
149
  }
109
150
  const raw = extractRaw(text, mask, escapeChar);
110
- console.log(raw);
111
151
  if (!raw) {
112
152
  return;
113
153
  }
@@ -117,6 +157,6 @@ export default function MaskedInput({ mask, value, onChange, placeholderChar, es
117
157
  }
118
158
  onChange?.(raw);
119
159
  };
120
- return _jsx(InputField, { ...props, value: displayValue, onChange: handleChange, onPaste: handlePaste });
160
+ return (_jsx(InputField, { ...props, ref: inputRef, value: displayValue, onChange: handleChange, onKeyDown: handleKeyDownInternal, onPaste: handlePaste }));
121
161
  }
122
162
  //# sourceMappingURL=MaskedInput.js.map