@mrshmllw/smores-react 9.18.1 → 9.19.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.
- package/dist/Datepicker/DatesList.js +3 -1
- package/dist/Datepicker/DatesList.js.map +1 -1
- package/dist/RichTextEditor/plugins/ToolbarPlugin.d.ts +1 -1
- package/dist/RichTextEditor/plugins/ToolbarPlugin.js +50 -39
- package/dist/RichTextEditor/plugins/ToolbarPlugin.js.map +1 -1
- package/dist/TextInput/TextInput.d.ts +15 -3
- package/dist/TextInput/TextInput.js +16 -3
- package/dist/TextInput/TextInput.js.map +1 -1
- package/dist/fields/components/CommonInput.d.ts +2 -2
- package/dist/fields/components/CommonInput.js +14 -0
- package/dist/fields/components/CommonInput.js.map +1 -1
- package/package.json +21 -21
|
@@ -5,6 +5,8 @@ import { theme } from '../theme';
|
|
|
5
5
|
import { Text } from '../Text';
|
|
6
6
|
import { focusOutlineStyle } from '../utils/focusOutline';
|
|
7
7
|
const getBlankDaysCount = (firstDayOfTheMonth) => {
|
|
8
|
+
if (!firstDayOfTheMonth)
|
|
9
|
+
return;
|
|
8
10
|
const dayOfTheWeek = getISODay(firstDayOfTheMonth);
|
|
9
11
|
return dayOfTheWeek - 1;
|
|
10
12
|
};
|
|
@@ -15,7 +17,7 @@ export const DatesList = ({ items, handleDateSelect, showDayLabels, }) => {
|
|
|
15
17
|
daysOfTheWeek.map((day) => {
|
|
16
18
|
return (React.createElement(Text, { key: day, color: "sesame", typo: "label", mb: "24px" }, day));
|
|
17
19
|
}),
|
|
18
|
-
Array(getBlankDaysCount(items[0]
|
|
20
|
+
Array(getBlankDaysCount(items[0]?.date))
|
|
19
21
|
.fill(null)
|
|
20
22
|
.map((_, index) => (React.createElement(ListButton, { "aria-label": `${index}-unselectable-date`, key: `blankItem-${index}`, disabled: true }))),
|
|
21
23
|
items.map((item, i) => (React.createElement(ListButton, { key: i, type: "button", disabled: item.disabled, className: `ListButton ${item.active ? 'active' : ''}`, onClick: () => handleDateSelect(item.date), onKeyDown: (e) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatesList.js","sourceRoot":"","sources":["../../src/Datepicker/DatesList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AACpC,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AASzD,MAAM,iBAAiB,GAAG,CAAC,kBAAwB,EAAE,EAAE;IACrD,MAAM,YAAY,GAAG,SAAS,CAAC,kBAAkB,CAAC,CAAA;IAClD,OAAO,YAAY,GAAG,CAAC,CAAA;AACzB,CAAC,CAAA;AAED,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAA;AAE1E,MAAM,CAAC,MAAM,SAAS,GAAc,CAAC,EACnC,KAAK,EACL,gBAAgB,EAChB,aAAa,GACd,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,SAAS;QACP,aAAa;YACZ,aAAa,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;gBACxB,OAAO,CACL,oBAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAC,EAAE,EAAC,MAAM,IAClD,GAAG,CACC,CACR,CAAA;YACH,CAAC,CAAC;QACH,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"DatesList.js","sourceRoot":"","sources":["../../src/Datepicker/DatesList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import React from
|
|
1
|
+
import React from 'react';
|
|
2
2
|
export default function ToolbarPlugin(): React.JSX.Element;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { $isLinkNode, TOGGLE_LINK_COMMAND } from
|
|
2
|
-
import { $isListNode, INSERT_UNORDERED_LIST_COMMAND, ListNode, REMOVE_LIST_COMMAND } from
|
|
3
|
-
import { useLexicalComposerContext } from
|
|
4
|
-
import { $isHeadingNode } from
|
|
5
|
-
import { $isAtNodeEnd } from
|
|
6
|
-
import { $getNearestNodeOfType, mergeRegister } from
|
|
7
|
-
import { $getSelection, $isRangeSelection, CAN_REDO_COMMAND, CAN_UNDO_COMMAND, FORMAT_TEXT_COMMAND, SELECTION_CHANGE_COMMAND, } from
|
|
8
|
-
import React, { useCallback, useEffect, useRef, useState } from
|
|
9
|
-
import styled from
|
|
10
|
-
import { Box } from
|
|
11
|
-
import { Icon } from
|
|
12
|
-
import { theme } from
|
|
1
|
+
import { $isLinkNode, TOGGLE_LINK_COMMAND } from '@lexical/link';
|
|
2
|
+
import { $isListNode, INSERT_UNORDERED_LIST_COMMAND, ListNode, REMOVE_LIST_COMMAND, } from '@lexical/list';
|
|
3
|
+
import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
|
|
4
|
+
import { $isHeadingNode } from '@lexical/rich-text';
|
|
5
|
+
import { $isAtNodeEnd } from '@lexical/selection';
|
|
6
|
+
import { $getNearestNodeOfType, mergeRegister } from '@lexical/utils';
|
|
7
|
+
import { $getSelection, $isRangeSelection, CAN_REDO_COMMAND, CAN_UNDO_COMMAND, FORMAT_TEXT_COMMAND, SELECTION_CHANGE_COMMAND, } from 'lexical';
|
|
8
|
+
import React, { useCallback, useEffect, useRef, useState } from 'react';
|
|
9
|
+
import styled from 'styled-components';
|
|
10
|
+
import { Box } from '../../Box';
|
|
11
|
+
import { Icon } from '../../Icon';
|
|
12
|
+
import { theme } from '../../theme';
|
|
13
13
|
const LowPriority = 1;
|
|
14
14
|
function getSelectedNode(selection) {
|
|
15
15
|
const anchor = selection.anchor;
|
|
@@ -30,14 +30,14 @@ function getSelectedNode(selection) {
|
|
|
30
30
|
export default function ToolbarPlugin() {
|
|
31
31
|
const [editor] = useLexicalComposerContext();
|
|
32
32
|
const toolbarRef = useRef(null);
|
|
33
|
-
const [blockType, setBlockType] = useState(
|
|
33
|
+
const [blockType, setBlockType] = useState('paragraph');
|
|
34
34
|
const [isLink, setIsLink] = useState(false);
|
|
35
35
|
const [isBold, setIsBold] = useState(false);
|
|
36
36
|
const [isItalic, setIsItalic] = useState(false);
|
|
37
|
-
const [linkURL, setLinkURL] = useState(
|
|
38
|
-
const [prevLinkURL, setPrevLinkURL] = useState(
|
|
37
|
+
const [linkURL, setLinkURL] = useState('');
|
|
38
|
+
const [prevLinkURL, setPrevLinkURL] = useState('');
|
|
39
39
|
const formatBulletList = () => {
|
|
40
|
-
if (blockType !==
|
|
40
|
+
if (blockType !== 'ul') {
|
|
41
41
|
editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, undefined);
|
|
42
42
|
}
|
|
43
43
|
else {
|
|
@@ -48,7 +48,7 @@ export default function ToolbarPlugin() {
|
|
|
48
48
|
const selection = $getSelection();
|
|
49
49
|
if ($isRangeSelection(selection)) {
|
|
50
50
|
const anchorNode = selection.anchor.getNode();
|
|
51
|
-
const element = anchorNode.getKey() ===
|
|
51
|
+
const element = anchorNode.getKey() === 'root'
|
|
52
52
|
? anchorNode
|
|
53
53
|
: anchorNode.getTopLevelElementOrThrow();
|
|
54
54
|
const elementKey = element.getKey();
|
|
@@ -67,8 +67,8 @@ export default function ToolbarPlugin() {
|
|
|
67
67
|
}
|
|
68
68
|
}
|
|
69
69
|
// Update text format
|
|
70
|
-
setIsBold(selection.hasFormat(
|
|
71
|
-
setIsItalic(selection.hasFormat(
|
|
70
|
+
setIsBold(selection.hasFormat('bold'));
|
|
71
|
+
setIsItalic(selection.hasFormat('italic'));
|
|
72
72
|
// Update links
|
|
73
73
|
const node = getSelectedNode(selection);
|
|
74
74
|
const parent = node.getParent();
|
|
@@ -82,13 +82,22 @@ export default function ToolbarPlugin() {
|
|
|
82
82
|
}
|
|
83
83
|
else {
|
|
84
84
|
setIsLink(false);
|
|
85
|
-
setLinkURL(
|
|
85
|
+
setLinkURL('');
|
|
86
86
|
}
|
|
87
87
|
}
|
|
88
88
|
}, [editor]);
|
|
89
|
+
const openNewWindow = (e) => {
|
|
90
|
+
e.stopPropagation();
|
|
91
|
+
try {
|
|
92
|
+
window.open(linkURL, '_blank');
|
|
93
|
+
}
|
|
94
|
+
catch (error) {
|
|
95
|
+
console.warn('Failed to open invalid URL: ', error);
|
|
96
|
+
}
|
|
97
|
+
};
|
|
89
98
|
const urlInputRef = useRef(null);
|
|
90
99
|
useEffect(() => {
|
|
91
|
-
if (prevLinkURL !==
|
|
100
|
+
if (prevLinkURL !== '' && isLink && urlInputRef.current) {
|
|
92
101
|
urlInputRef.current.focus();
|
|
93
102
|
}
|
|
94
103
|
setPrevLinkURL(linkURL);
|
|
@@ -98,34 +107,33 @@ export default function ToolbarPlugin() {
|
|
|
98
107
|
editorState.read(() => {
|
|
99
108
|
updateToolbar();
|
|
100
109
|
});
|
|
101
|
-
}), editor.registerCommand(SELECTION_CHANGE_COMMAND, (
|
|
110
|
+
}), editor.registerCommand(SELECTION_CHANGE_COMMAND, () => {
|
|
102
111
|
updateToolbar();
|
|
103
112
|
return false;
|
|
104
|
-
}, LowPriority), editor.registerCommand(CAN_UNDO_COMMAND, (
|
|
113
|
+
}, LowPriority), editor.registerCommand(CAN_UNDO_COMMAND, () => {
|
|
105
114
|
return false;
|
|
106
|
-
}, LowPriority), editor.registerCommand(CAN_REDO_COMMAND, (
|
|
115
|
+
}, LowPriority), editor.registerCommand(CAN_REDO_COMMAND, () => {
|
|
107
116
|
return false;
|
|
108
117
|
}, LowPriority));
|
|
109
118
|
}, [editor, updateToolbar]);
|
|
110
119
|
return (React.createElement(Toolbar, { className: "toolbar", ref: toolbarRef },
|
|
111
120
|
React.createElement(Bold, { onClick: () => {
|
|
112
|
-
editor.dispatchCommand(FORMAT_TEXT_COMMAND,
|
|
121
|
+
editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'bold');
|
|
113
122
|
}, "$active": isBold }, "B"),
|
|
114
123
|
React.createElement(Italic, { onClick: () => {
|
|
115
|
-
editor.dispatchCommand(FORMAT_TEXT_COMMAND,
|
|
124
|
+
editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'italic');
|
|
116
125
|
}, "$active": isItalic }, "i"),
|
|
117
|
-
React.createElement(EditorButton, { "$active": blockType ===
|
|
126
|
+
React.createElement(EditorButton, { "$active": blockType === 'ul', onClick: () => formatBulletList() },
|
|
118
127
|
React.createElement(Icon, { render: "bullets" })),
|
|
119
|
-
React.createElement(Link, { "$active": isLink, onClick: () => !isLink
|
|
120
|
-
|
|
128
|
+
React.createElement(Link, { "$active": isLink, onClick: () => !isLink
|
|
129
|
+
? editor.dispatchCommand(TOGGLE_LINK_COMMAND, 'https://')
|
|
130
|
+
: editor.dispatchCommand(TOGGLE_LINK_COMMAND, null) },
|
|
131
|
+
React.createElement(Box, { ml: { custom: '-4px' } },
|
|
121
132
|
React.createElement(Icon, { render: "link" })),
|
|
122
|
-
React.createElement(LinkInput, { tabIndex: -1, ref: urlInputRef, placeholder:
|
|
133
|
+
React.createElement(LinkInput, { tabIndex: -1, ref: urlInputRef, placeholder: "Enter url", value: linkURL, onChange: (e) => {
|
|
123
134
|
editor.dispatchCommand(TOGGLE_LINK_COMMAND, e.target.value);
|
|
124
|
-
}, onClick: e => e.stopPropagation() }),
|
|
125
|
-
React.createElement(Box, { onClick:
|
|
126
|
-
e.stopPropagation();
|
|
127
|
-
window.open(linkURL, '_blank');
|
|
128
|
-
} },
|
|
135
|
+
}, onClick: (e) => e.stopPropagation() }),
|
|
136
|
+
React.createElement(Box, { onClick: openNewWindow },
|
|
129
137
|
React.createElement(LinkOpen, { render: "new-window" })))));
|
|
130
138
|
}
|
|
131
139
|
const EditorButton = styled(Box) `
|
|
@@ -142,14 +150,16 @@ const EditorButton = styled(Box) `
|
|
|
142
150
|
background-color: ${theme.colors.custard};
|
|
143
151
|
flex-shrink: 0;
|
|
144
152
|
|
|
145
|
-
${({ $active }) => $active &&
|
|
153
|
+
${({ $active }) => $active &&
|
|
154
|
+
`
|
|
146
155
|
background-color: ${theme.colors.fairyFloss};
|
|
147
156
|
`}
|
|
148
157
|
|
|
149
158
|
:hover {
|
|
150
159
|
filter: brightness(0.95);
|
|
151
160
|
|
|
152
|
-
${({ $active }) => $active &&
|
|
161
|
+
${({ $active }) => $active &&
|
|
162
|
+
`
|
|
153
163
|
background-color: ${theme.colors.fairyFloss};
|
|
154
164
|
`}
|
|
155
165
|
}
|
|
@@ -168,7 +178,7 @@ const Toolbar = styled(Box) `
|
|
|
168
178
|
gap: 8px;
|
|
169
179
|
`;
|
|
170
180
|
const Link = styled(EditorButton) `
|
|
171
|
-
transition: width .3s;
|
|
181
|
+
transition: width 0.3s;
|
|
172
182
|
${({ $active }) => $active && `width: 360px;`}
|
|
173
183
|
justify-content: left;
|
|
174
184
|
overflow: hidden;
|
|
@@ -176,7 +186,8 @@ const Link = styled(EditorButton) `
|
|
|
176
186
|
padding-right: 5px;
|
|
177
187
|
flex-shrink: 1;
|
|
178
188
|
|
|
179
|
-
${({ $active }) => $active &&
|
|
189
|
+
${({ $active }) => $active &&
|
|
190
|
+
`
|
|
180
191
|
background-color: ${theme.colors.fairyFloss};
|
|
181
192
|
|
|
182
193
|
:hover {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarPlugin.js","sourceRoot":"","sources":["../../../src/RichTextEditor/plugins/ToolbarPlugin.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"ToolbarPlugin.js","sourceRoot":"","sources":["../../../src/RichTextEditor/plugins/ToolbarPlugin.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { FocusEvent, FormEvent } from 'react';
|
|
1
|
+
import React, { FocusEvent, FormEvent, HTMLInputAutoCompleteAttribute } from 'react';
|
|
2
2
|
import { CommonFieldProps } from '../fields/commonFieldTypes';
|
|
3
3
|
interface Props extends CommonFieldProps {
|
|
4
4
|
type?: 'text' | 'email' | 'password' | 'time' | 'date' | 'tel';
|
|
@@ -6,8 +6,12 @@ interface Props extends CommonFieldProps {
|
|
|
6
6
|
name?: string;
|
|
7
7
|
value: string;
|
|
8
8
|
onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
|
|
9
|
+
/**
|
|
10
|
+
* Triggers after animation end (animation duration is 2s),
|
|
11
|
+
* the animation starts when a user selects or hovers over an autofill option
|
|
12
|
+
*/
|
|
13
|
+
onAutoFill?: () => void;
|
|
9
14
|
}
|
|
10
|
-
type AutoComplete = 'off' | 'bday-day' | 'bday-month' | 'bday-year';
|
|
11
15
|
type InputMode = 'text' | 'email' | 'numeric';
|
|
12
16
|
/** on change or on input required */
|
|
13
17
|
type InputProps = ({
|
|
@@ -19,9 +23,17 @@ type InputProps = ({
|
|
|
19
23
|
onChange?: (e: string) => void;
|
|
20
24
|
onInputChange: (e: FormEvent<HTMLInputElement>) => void;
|
|
21
25
|
}) & {
|
|
22
|
-
autoCompleteAttr?:
|
|
26
|
+
autoCompleteAttr?: HTMLInputAutoCompleteAttribute;
|
|
23
27
|
inputModeAttr?: InputMode;
|
|
24
28
|
};
|
|
25
29
|
export type TextInputProps = Props & InputProps;
|
|
30
|
+
/**
|
|
31
|
+
* A reusable TextInput component that supports various input types, custom styling, icons,
|
|
32
|
+
* and autofill detection.
|
|
33
|
+
*
|
|
34
|
+
* ### Caveats:
|
|
35
|
+
* - `onAutoFill` triggers after animation end (animation duration is 2s),
|
|
36
|
+
* the animation starts when a user selects or hovers over an autofill option
|
|
37
|
+
*/
|
|
26
38
|
export declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
27
39
|
export {};
|
|
@@ -1,14 +1,27 @@
|
|
|
1
|
-
import React, { forwardRef } from 'react';
|
|
1
|
+
import React, { forwardRef, } from 'react';
|
|
2
2
|
import { Box } from '../Box';
|
|
3
3
|
import { Field } from '../fields/Field';
|
|
4
4
|
import { Input, StyledFrontIcon, StyledTrailingIcon, } from '../fields/components/CommonInput';
|
|
5
5
|
import { useUniqueId } from '../utils/id';
|
|
6
|
-
|
|
6
|
+
/**
|
|
7
|
+
* A reusable TextInput component that supports various input types, custom styling, icons,
|
|
8
|
+
* and autofill detection.
|
|
9
|
+
*
|
|
10
|
+
* ### Caveats:
|
|
11
|
+
* - `onAutoFill` triggers after animation end (animation duration is 2s),
|
|
12
|
+
* the animation starts when a user selects or hovers over an autofill option
|
|
13
|
+
*/
|
|
14
|
+
export const TextInput = forwardRef(function TextInput({ id: idProp, type = 'text', placeholder, name, value, error = false, onBlur, onChange, onInputChange, onAutoFill, disabled = false, frontIcon, trailingIcon, fallbackStyle, autoCompleteAttr = 'off', inputModeAttr, ...fieldProps }, ref) {
|
|
7
15
|
const id = useUniqueId(idProp);
|
|
16
|
+
const handleAnimationEnd = (e) => {
|
|
17
|
+
if (e.animationName === 'onAutoFillStart' && onAutoFill && !!value) {
|
|
18
|
+
onAutoFill();
|
|
19
|
+
}
|
|
20
|
+
};
|
|
8
21
|
return (React.createElement(Field, { ...fieldProps, htmlFor: id, error: error },
|
|
9
22
|
React.createElement(Box, { flex: true, alignItems: "center", justifyContent: "flex-start" },
|
|
10
23
|
frontIcon && (React.createElement(StyledFrontIcon, { "$disabled": disabled, render: frontIcon, color: "sesame" })),
|
|
11
|
-
React.createElement(Input, { disabled: disabled, type: type, id: id, name: name, ref: ref, placeholder: placeholder, value: value, "$error": error, "$frontIcon": frontIcon, "$fallbackStyle": fallbackStyle, autoComplete: autoCompleteAttr, onChange: (e) => {
|
|
24
|
+
React.createElement(Input, { disabled: disabled, type: type, id: id, name: name, ref: ref, onAnimationEnd: handleAnimationEnd, placeholder: placeholder, value: value, "$error": error, "$frontIcon": frontIcon, "$fallbackStyle": fallbackStyle, autoComplete: autoCompleteAttr, onChange: (e) => {
|
|
12
25
|
onChange && onChange(e.currentTarget.value);
|
|
13
26
|
onInputChange && onInputChange(e);
|
|
14
27
|
}, onBlur: onBlur, inputMode: inputModeAttr }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../src/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../src/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,UAAU,GAEX,MAAM,OAAO,CAAA;AAEd,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAEvC,OAAO,EACL,KAAK,EACL,eAAe,EACf,kBAAkB,GACnB,MAAM,kCAAkC,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAoCzC;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,SAAS,CACpD,EACE,EAAE,EAAE,MAAM,EACV,IAAI,GAAG,MAAM,EACb,WAAW,EACX,IAAI,EACJ,KAAK,EACL,KAAK,GAAG,KAAK,EACb,MAAM,EACN,QAAQ,EACR,aAAa,EACb,UAAU,EACV,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,YAAY,EACZ,aAAa,EACb,gBAAgB,GAAG,KAAK,EACxB,aAAa,EACb,GAAG,UAAU,EACE,EACjB,GAAmC;IAEnC,MAAM,EAAE,GAAG,WAAW,CAAC,MAAM,CAAC,CAAA;IAE9B,MAAM,kBAAkB,GAAG,CAAC,CAAyC,EAAE,EAAE;QACvE,IAAI,CAAC,CAAC,aAAa,KAAK,iBAAiB,IAAI,UAAU,IAAI,CAAC,CAAC,KAAK,EAAE,CAAC;YACnE,UAAU,EAAE,CAAA;QACd,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,KAAK,OAAK,UAAU,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK;QAC9C,oBAAC,GAAG,IAAC,IAAI,QAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,YAAY;YACtD,SAAS,IAAI,CACZ,oBAAC,eAAe,iBACH,QAAQ,EACnB,MAAM,EAAE,SAAS,EACjB,KAAK,EAAC,QAAQ,GACd,CACH;YACD,oBAAC,KAAK,IACJ,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,cAAc,EAAE,kBAAkB,EAClC,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,YACJ,KAAK,gBACD,SAAS,oBACL,aAAa,EAC7B,YAAY,EAAE,gBAAgB,EAC9B,QAAQ,EAAE,CAAC,CAA8B,EAAE,EAAE;oBAC3C,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;oBAC3C,aAAa,IAAI,aAAa,CAAC,CAAC,CAAC,CAAA;gBACnC,CAAC,EACD,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,aAAa,GACxB;YACD,YAAY,IAAI,CACf,oBAAC,kBAAkB,iBACN,QAAQ,EACnB,MAAM,EAAE,YAAY,EACpB,KAAK,EAAC,QAAQ,GACd,CACH,CACG,CACA,CACT,CAAA;AACH,CAAC,CAAC,CAAA"}
|
|
@@ -17,14 +17,14 @@ export declare const StyledFrontIcon: import("styled-components/dist/types").ISt
|
|
|
17
17
|
className?: string;
|
|
18
18
|
render: Icons;
|
|
19
19
|
size?: number;
|
|
20
|
-
color?: import("
|
|
20
|
+
color?: import("../..").Color;
|
|
21
21
|
rotate?: number;
|
|
22
22
|
} & import("../..").MarginProps, SIcon>> & string & Omit<import("react").FC<import("../../Icon/Icon").IconProps>, keyof import("react").Component<any, {}, any>>;
|
|
23
23
|
export declare const StyledTrailingIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<{
|
|
24
24
|
className?: string;
|
|
25
25
|
render: Icons;
|
|
26
26
|
size?: number;
|
|
27
|
-
color?: import("
|
|
27
|
+
color?: import("../..").Color;
|
|
28
28
|
rotate?: number;
|
|
29
29
|
} & import("../..").MarginProps, SIcon>> & string & Omit<import("react").FC<import("../../Icon/Icon").IconProps>, keyof import("react").Component<any, {}, any>>;
|
|
30
30
|
export {};
|
|
@@ -48,6 +48,20 @@ export const Input = styled.input `
|
|
|
48
48
|
&::placeholder {
|
|
49
49
|
color: ${theme.colors.sesame};
|
|
50
50
|
}
|
|
51
|
+
|
|
52
|
+
&:-webkit-autofill {
|
|
53
|
+
animation-name: onAutoFillStart;
|
|
54
|
+
animation-duration: 2s;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
@keyframes onAutoFillStart {
|
|
58
|
+
from {
|
|
59
|
+
background-color: inherit;
|
|
60
|
+
}
|
|
61
|
+
to {
|
|
62
|
+
background-color: inherit;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
51
65
|
`;
|
|
52
66
|
export const StyledFrontIcon = styled(Icon) `
|
|
53
67
|
position: relative;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CommonInput.js","sourceRoot":"","sources":["../../../src/fields/components/CommonInput.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEjC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAiBnC,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAQ;;WAE9B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CACtB,KAAK,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;;;;YAI9C,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;aACvD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;;sBAEjC,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CACzC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;MAExD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;;IAE3E,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,CACzB,CAAC,QAAQ;IACT,CAAC,MAAM;IACP,GAAG,CAAA;;;wBAGiB,KAAK,CAAC,MAAM,CAAC,QAAQ;;KAExC;;;;;IAKD,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CACnB,UAAU;IACV;;KAEC;;IAED,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CACtB,aAAa;IACb;;KAEC;;;;;;;;;;;;aAYQ,KAAK,CAAC,MAAM,CAAC,MAAM
|
|
1
|
+
{"version":3,"file":"CommonInput.js","sourceRoot":"","sources":["../../../src/fields/components/CommonInput.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEjC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAiBnC,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAQ;;WAE9B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CACtB,KAAK,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;;;;YAI9C,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;aACvD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;;sBAEjC,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CACzC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;MAExD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;;IAE3E,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,CACzB,CAAC,QAAQ;IACT,CAAC,MAAM;IACP,GAAG,CAAA;;;wBAGiB,KAAK,CAAC,MAAM,CAAC,QAAQ;;KAExC;;;;;IAKD,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CACnB,UAAU;IACV;;KAEC;;IAED,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CACtB,aAAa;IACb;;KAEC;;;;;;;;;;;;aAYQ,KAAK,CAAC,MAAM,CAAC,MAAM;;;;;;;;;;;;;;;;CAgB/B,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,CAAO;;;;;aAKrC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;WAC9C,KAAK,CAAC,MAAM,CAAC,SAAS;CAChC,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAO;;;;aAIxC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;WAC9C,KAAK,CAAC,MAAM,CAAC,SAAS;CAChC,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mrshmllw/smores-react",
|
|
3
|
-
"version": "9.
|
|
3
|
+
"version": "9.19.1",
|
|
4
4
|
"main": "./dist/index.js",
|
|
5
5
|
"description": "Collection of React components used by Marshmallow Technology",
|
|
6
6
|
"keywords": [
|
|
@@ -39,26 +39,26 @@
|
|
|
39
39
|
"@babel/preset-env": "^7.25.4",
|
|
40
40
|
"@babel/preset-react": "^7.18.6",
|
|
41
41
|
"@babel/preset-typescript": "^7.18.6",
|
|
42
|
-
"@commitlint/cli": "^19.
|
|
43
|
-
"@commitlint/types": "^19.0
|
|
42
|
+
"@commitlint/cli": "^19.5.0",
|
|
43
|
+
"@commitlint/types": "^19.5.0",
|
|
44
44
|
"@semantic-release/changelog": "^6.0.3",
|
|
45
45
|
"@semantic-release/git": "^10.0.1",
|
|
46
|
-
"@semantic-release/github": "^10.
|
|
46
|
+
"@semantic-release/github": "^10.3.4",
|
|
47
47
|
"@semantic-release/npm": "^12.0.0",
|
|
48
|
-
"@snyk/protect": "^1.1293.
|
|
49
|
-
"@storybook/addon-a11y": "^8.
|
|
48
|
+
"@snyk/protect": "^1.1293.1",
|
|
49
|
+
"@storybook/addon-a11y": "^8.3.0",
|
|
50
50
|
"@storybook/addon-coverage": "^1.0.3",
|
|
51
|
-
"@storybook/addon-essentials": "^8.
|
|
52
|
-
"@storybook/addon-interactions": "^8.
|
|
53
|
-
"@storybook/addon-links": "^8.
|
|
54
|
-
"@storybook/react": "^8.
|
|
55
|
-
"@storybook/react-vite": "^8.
|
|
51
|
+
"@storybook/addon-essentials": "^8.3.0",
|
|
52
|
+
"@storybook/addon-interactions": "^8.3.0",
|
|
53
|
+
"@storybook/addon-links": "^8.3.0",
|
|
54
|
+
"@storybook/react": "^8.3.0",
|
|
55
|
+
"@storybook/react-vite": "^8.3.0",
|
|
56
56
|
"@storybook/test": "^8.2.1",
|
|
57
57
|
"@storybook/test-runner": "^0.19.1",
|
|
58
|
-
"@testing-library/react": "^16.0.
|
|
58
|
+
"@testing-library/react": "^16.0.1",
|
|
59
59
|
"@types/body-scroll-lock": "^3.1.0",
|
|
60
60
|
"@types/dompurify": "^3.0.5",
|
|
61
|
-
"@types/node": "^22.5.
|
|
61
|
+
"@types/node": "^22.5.5",
|
|
62
62
|
"@types/react": "^18.0.24",
|
|
63
63
|
"@types/react-dom": "^18.0.8",
|
|
64
64
|
"@typescript-eslint/eslint-plugin": "^7.18.0",
|
|
@@ -67,21 +67,21 @@
|
|
|
67
67
|
"conventional-changelog-conventionalcommits": "^8.0.0",
|
|
68
68
|
"eslint": "^8.57.0",
|
|
69
69
|
"eslint-config-prettier": "^9.0.0",
|
|
70
|
-
"eslint-plugin-react": "^7.35.
|
|
70
|
+
"eslint-plugin-react": "^7.35.2",
|
|
71
71
|
"eslint-plugin-react-hooks": "^4.1.2",
|
|
72
|
-
"husky": "^9.1.
|
|
72
|
+
"husky": "^9.1.6",
|
|
73
73
|
"jsdom": "^24.1.1",
|
|
74
|
-
"lint-staged": "^15.2.
|
|
74
|
+
"lint-staged": "^15.2.10",
|
|
75
75
|
"prettier": "^3.3.3",
|
|
76
76
|
"react": "^18.2.0",
|
|
77
77
|
"react-dom": "^18.2.0",
|
|
78
78
|
"rimraf": "^6.0.1",
|
|
79
|
-
"semantic-release": "^24.1.
|
|
79
|
+
"semantic-release": "^24.1.1",
|
|
80
80
|
"storybook": "^8.0.4",
|
|
81
|
-
"styled-components": "^6.1.
|
|
82
|
-
"typescript": "^5.
|
|
83
|
-
"vite": "^5.4.
|
|
84
|
-
"vitest": "^2.
|
|
81
|
+
"styled-components": "^6.1.13",
|
|
82
|
+
"typescript": "^5.6.2",
|
|
83
|
+
"vite": "^5.4.5",
|
|
84
|
+
"vitest": "^2.1.1"
|
|
85
85
|
},
|
|
86
86
|
"dependencies": {
|
|
87
87
|
"@lexical/react": "^0.17.1",
|