@lets-events/react 12.1.5 → 12.1.7
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/.turbo/turbo-build.log +9 -9
- package/CHANGELOG.md +12 -0
- package/dist/QuillComponent-2YO26WOT.mjs +458 -0
- package/dist/QuillComponent-36H54CRL.mjs +451 -0
- package/dist/QuillComponent-EIWPUIIH.mjs +456 -0
- package/dist/QuillComponent-FPVFLYUK.mjs +448 -0
- package/dist/QuillComponent-PPWKGS74.mjs +452 -0
- package/dist/QuillComponent-TLIZCM6V.mjs +458 -0
- package/dist/QuillComponent-ZLQ2VKPD.mjs +457 -0
- package/dist/index.d.mts +377 -3
- package/dist/index.d.ts +377 -3
- package/dist/index.js +75 -27
- package/dist/index.mjs +41 -14
- package/package.json +1 -1
- package/src/components/FormFields/RichEditorFormField.tsx +38 -9
- package/src/components/RichEditor/QuillComponent.tsx +57 -37
- package/src/components/RichEditor/RichEditor.tsx +4 -1
- package/src/components/TimePicker.tsx +13 -10
|
@@ -23,7 +23,10 @@ export interface RichEditorProps {
|
|
|
23
23
|
label?: string;
|
|
24
24
|
disabled?: boolean;
|
|
25
25
|
className?: string;
|
|
26
|
-
uploadConfig
|
|
26
|
+
uploadConfig?: UploadConfig;
|
|
27
|
+
simpleVersion?: boolean;
|
|
28
|
+
onCharacterCountChange?: (count: number) => void;
|
|
29
|
+
maxLength?: number;
|
|
27
30
|
}
|
|
28
31
|
|
|
29
32
|
const RichEditor = (props: RichEditorProps) => {
|
|
@@ -9,6 +9,7 @@ import { useOnClickOutside } from "../hooks/useOnClickOutside";
|
|
|
9
9
|
|
|
10
10
|
export const TimePickerStyled = styled("div", {
|
|
11
11
|
position: "relative",
|
|
12
|
+
width: "fit-content",
|
|
12
13
|
fontFamily: "$default",
|
|
13
14
|
lineHeight: "$base",
|
|
14
15
|
fontSize: "$14",
|
|
@@ -33,7 +34,7 @@ export const TimePickerDropdownStyled = styled("div", {
|
|
|
33
34
|
position: "absolute",
|
|
34
35
|
zIndex: 10,
|
|
35
36
|
width: "100%",
|
|
36
|
-
maxWidth: "
|
|
37
|
+
maxWidth: "min-content",
|
|
37
38
|
backgroundColor: "$neutral50",
|
|
38
39
|
border: "1px solid $neutral300",
|
|
39
40
|
borderRadius: "$sm",
|
|
@@ -121,7 +122,9 @@ export const TimePickerButtonStyled = styled("button", {
|
|
|
121
122
|
},
|
|
122
123
|
},
|
|
123
124
|
});
|
|
124
|
-
|
|
125
|
+
export const TimePickerIconButton = styled(Button, {
|
|
126
|
+
padding: "0 !important",
|
|
127
|
+
});
|
|
125
128
|
export type TimePickerProps = {
|
|
126
129
|
selected: string | undefined;
|
|
127
130
|
setSelected: React.Dispatch<React.SetStateAction<string | undefined>>;
|
|
@@ -204,10 +207,10 @@ export function TimePicker({
|
|
|
204
207
|
position === "top"
|
|
205
208
|
? { bottom: "110%", left: "0" }
|
|
206
209
|
: position === "top-right"
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
210
|
+
? { bottom: "110%", right: "0" }
|
|
211
|
+
: position === "bottom-right"
|
|
212
|
+
? { top: "110%", right: "0" }
|
|
213
|
+
: { top: "110%", left: "0" }
|
|
211
214
|
}
|
|
212
215
|
>
|
|
213
216
|
<TimerPickerContentStyled>
|
|
@@ -220,7 +223,7 @@ export function TimePicker({
|
|
|
220
223
|
flexDirection: "column",
|
|
221
224
|
}}
|
|
222
225
|
>
|
|
223
|
-
<
|
|
226
|
+
<TimePickerIconButton
|
|
224
227
|
type="button"
|
|
225
228
|
variant="text"
|
|
226
229
|
onClick={() => handleIncrement(unit as "hours" | "minutes")}
|
|
@@ -241,7 +244,7 @@ export function TimePicker({
|
|
|
241
244
|
fill="#808289"
|
|
242
245
|
/>
|
|
243
246
|
</svg>
|
|
244
|
-
</
|
|
247
|
+
</TimePickerIconButton>
|
|
245
248
|
<InputStyled
|
|
246
249
|
inputMode="numeric"
|
|
247
250
|
pattern="[0-9]*"
|
|
@@ -277,7 +280,7 @@ export function TimePicker({
|
|
|
277
280
|
}
|
|
278
281
|
}}
|
|
279
282
|
/>
|
|
280
|
-
<
|
|
283
|
+
<TimePickerIconButton
|
|
281
284
|
type="button"
|
|
282
285
|
variant="text"
|
|
283
286
|
onClick={() => handleDecrement(unit as "hours" | "minutes")}
|
|
@@ -298,7 +301,7 @@ export function TimePicker({
|
|
|
298
301
|
fill="#808289"
|
|
299
302
|
/>
|
|
300
303
|
</svg>
|
|
301
|
-
</
|
|
304
|
+
</TimePickerIconButton>
|
|
302
305
|
</Box>
|
|
303
306
|
))}
|
|
304
307
|
<Text>:</Text>
|