@algolia/satellite 2.10.0 → 2.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/Actions/Accordion/Accordion.js +1 -2
- package/dist/cjs/Actions/Accordion/Accordion.styles.d.ts +2 -2
- package/dist/cjs/Actions/Accordion/Accordion.styles.js +23 -23
- package/dist/cjs/Actions/Button/PolymorphicButton.js +1 -2
- package/dist/cjs/Actions/Button/styles.js +4 -4
- package/dist/cjs/Actions/IconButtonWithFeedback/IconButtonWithFeedback.js +1 -1
- package/dist/cjs/Actions/ToggleButton/ToggleButtonBase.js +2 -2
- package/dist/cjs/Actions/ToggleGroup/ToggleGroup.js +1 -2
- package/dist/cjs/Chat/ChatCodeDisplay/ChatCodeDisplay.js +2 -3
- package/dist/cjs/Chat/ChatCodeDisplay/ChatCodeDisplay.styles.d.ts +4 -4
- package/dist/cjs/Chat/ChatContextAccordion/ChatContextAccordion.styles.d.ts +2 -2
- package/dist/cjs/Chat/ChatContextContainer/ChatContextContainer.styles.d.ts +2 -2
- package/dist/cjs/Chat/ChatMessage/ChatMessage.js +1 -1
- package/dist/cjs/Chat/ChatMessage/ChatMessage.styles.d.ts +2 -2
- package/dist/cjs/Chat/ChatMessage/ChatMessage.styles.js +10 -10
- package/dist/cjs/Chat/ChatMessageError/ChatMessageError.styles.d.ts +3 -3
- package/dist/cjs/Chat/ChatMessageLoader/ChatMessageLoader.styles.d.ts +3 -3
- package/dist/cjs/Chat/ChatMessages/ChatMessages.styles.d.ts +2 -2
- package/dist/cjs/Chat/ChatPrompt/ChatPrompt.styles.d.ts +2 -2
- package/dist/cjs/Fields/AutoComplete/AutoComplete.js +14 -14
- package/dist/cjs/Fields/DatePicker/components/Popover.js +2 -3
- package/dist/cjs/Fields/Dropzone/Dropzone.js +5 -5
- package/dist/cjs/Fields/FilePicker/FilePicker.js +4 -4
- package/dist/cjs/Fields/Form/stories/AsynchronousValidation.js +17 -18
- package/dist/cjs/Fields/Form/stories/Complex.js +67 -68
- package/dist/cjs/Fields/Form/stories/DependentFieldsValidation.js +9 -10
- package/dist/cjs/Fields/Form/stories/DirtyFields.js +18 -19
- package/dist/cjs/Fields/Form/stories/DynamicFieldsValidation.js +19 -20
- package/dist/cjs/Fields/Form/stories/ExtraErrors.js +13 -14
- package/dist/cjs/Fields/Form/stories/FieldArrays.js +23 -24
- package/dist/cjs/Fields/Form/stories/JSONForms.js +79 -79
- package/dist/cjs/Fields/Form/stories/MultiStep.js +72 -73
- package/dist/cjs/Fields/Form/stories/ValidationStrategies.js +15 -16
- package/dist/cjs/Fields/Input/Input.js +10 -10
- package/dist/cjs/Fields/SelectableCard/SelectableCard.js +9 -9
- package/dist/cjs/Fields/Switch/Switch.tailwind.js +4 -1
- package/dist/cjs/Fields/TextAreaAutoSize/TextAreaAutoSize.styles.d.ts +2 -2
- package/dist/cjs/Icons/AmexCardIcon.d.ts +2 -0
- package/dist/cjs/Icons/AmexCardIcon.js +34 -0
- package/dist/cjs/Icons/DiscoverCardIcon.d.ts +2 -0
- package/dist/cjs/Icons/DiscoverCardIcon.js +34 -0
- package/dist/cjs/Icons/MasterCardIcon.d.ts +2 -0
- package/dist/cjs/Icons/MasterCardIcon.js +34 -0
- package/dist/cjs/Icons/VisaCardIcon.d.ts +2 -0
- package/dist/cjs/Icons/VisaCardIcon.js +34 -0
- package/dist/cjs/Icons/index.d.ts +4 -0
- package/dist/cjs/Icons/index.js +28 -0
- package/dist/cjs/Indicators/Avatars/utils.js +4 -4
- package/dist/cjs/Indicators/Badge/Badge.js +4 -4
- package/dist/cjs/Indicators/Banners/Alert/Alert.js +13 -13
- package/dist/cjs/Indicators/Banners/Promote/Promote.js +4 -4
- package/dist/cjs/Indicators/EmptyState/EmptyState.js +16 -16
- package/dist/cjs/Indicators/Medallion/Medallion.js +3 -3
- package/dist/cjs/Indicators/ProgressBar/ProgressBar.js +1 -2
- package/dist/cjs/Indicators/Separator/Separator.js +1 -2
- package/dist/cjs/Indicators/Tag/Tag.js +10 -10
- package/dist/cjs/Indicators/Toast/Toast.js +12 -13
- package/dist/cjs/Indicators/Toast/Toasts.js +2 -3
- package/dist/cjs/Layout/CollapsibleCard/CollapsibleCard.js +1 -2
- package/dist/cjs/Layout/FlexGrid/FlexGrid.js +11 -11
- package/dist/cjs/Layout/Tables/DataTable/DataTable.js +3 -3
- package/dist/cjs/Navigation/Stepper/Step.js +12 -12
- package/dist/cjs/Navigation/Tabs/components/LinkTab.js +6 -6
- package/dist/cjs/Overlay/MenuButton/MenuButton.d.ts +1 -1
- package/dist/cjs/Overlay/MenuButton/MenuButton.js +1 -2
- package/dist/cjs/Overlay/MenuButton/components/Content.js +1 -1
- package/dist/cjs/Overlay/MenuButton/components/CustomTrigger.js +1 -2
- package/dist/cjs/Overlay/MenuButton/components/DefaultTrigger.js +1 -2
- package/dist/cjs/Overlay/MenuButton/components/Divider.js +1 -2
- package/dist/cjs/Overlay/MenuButton/components/collapsible/CollapsibleItem.js +1 -2
- package/dist/cjs/Overlay/MenuButton/components/items/Item.js +1 -2
- package/dist/cjs/Overlay/MenuButton/components/items/LinkItem.js +1 -2
- package/dist/cjs/Overlay/MenuButton/components/items/RadioItem.js +1 -2
- package/dist/cjs/Overlay/MenuButton/components/items/ToggleItem.js +1 -2
- package/dist/cjs/Overlay/Modal/Modal.js +9 -10
- package/dist/cjs/Overlay/Popover/Popover.js +2 -3
- package/dist/cjs/Overlay/TooltipWrapper/TooltipWrapper.js +2 -3
- package/dist/cjs/utils/getTextFromReactNode.js +1 -1
- package/dist/cjs/utils/onlyText.js +2 -2
- package/dist/esm/Actions/Accordion/Accordion.styles.d.ts +2 -2
- package/dist/esm/Actions/Accordion/Accordion.styles.js +23 -23
- package/dist/esm/Actions/Button/styles.js +4 -4
- package/dist/esm/Actions/IconButtonWithFeedback/IconButtonWithFeedback.js +1 -1
- package/dist/esm/Actions/ToggleButton/ToggleButtonBase.js +2 -2
- package/dist/esm/Chat/ChatCodeDisplay/ChatCodeDisplay.js +1 -1
- package/dist/esm/Chat/ChatCodeDisplay/ChatCodeDisplay.styles.d.ts +4 -4
- package/dist/esm/Chat/ChatContextAccordion/ChatContextAccordion.styles.d.ts +2 -2
- package/dist/esm/Chat/ChatContextContainer/ChatContextContainer.styles.d.ts +2 -2
- package/dist/esm/Chat/ChatMessage/ChatMessage.js +1 -1
- package/dist/esm/Chat/ChatMessage/ChatMessage.styles.d.ts +2 -2
- package/dist/esm/Chat/ChatMessage/ChatMessage.styles.js +10 -10
- package/dist/esm/Chat/ChatMessageError/ChatMessageError.styles.d.ts +3 -3
- package/dist/esm/Chat/ChatMessageLoader/ChatMessageLoader.styles.d.ts +3 -3
- package/dist/esm/Chat/ChatMessages/ChatMessages.styles.d.ts +2 -2
- package/dist/esm/Chat/ChatPrompt/ChatPrompt.styles.d.ts +2 -2
- package/dist/esm/Fields/AutoComplete/AutoComplete.js +14 -14
- package/dist/esm/Fields/DatePicker/components/Popover.js +1 -1
- package/dist/esm/Fields/Dropzone/Dropzone.js +5 -5
- package/dist/esm/Fields/FilePicker/FilePicker.js +4 -4
- package/dist/esm/Fields/Form/stories/AsynchronousValidation.js +16 -16
- package/dist/esm/Fields/Form/stories/Complex.js +66 -66
- package/dist/esm/Fields/Form/stories/DependentFieldsValidation.js +8 -8
- package/dist/esm/Fields/Form/stories/DirtyFields.js +17 -17
- package/dist/esm/Fields/Form/stories/DynamicFieldsValidation.js +18 -18
- package/dist/esm/Fields/Form/stories/ExtraErrors.js +12 -12
- package/dist/esm/Fields/Form/stories/FieldArrays.js +22 -22
- package/dist/esm/Fields/Form/stories/JSONForms.js +79 -79
- package/dist/esm/Fields/Form/stories/MultiStep.js +71 -71
- package/dist/esm/Fields/Form/stories/ValidationStrategies.js +14 -14
- package/dist/esm/Fields/Input/Input.js +10 -10
- package/dist/esm/Fields/SelectableCard/SelectableCard.js +9 -9
- package/dist/esm/Fields/Switch/Switch.tailwind.js +4 -1
- package/dist/esm/Fields/TextAreaAutoSize/TextAreaAutoSize.styles.d.ts +2 -2
- package/dist/esm/Icons/AmexCardIcon.d.ts +2 -0
- package/dist/esm/Icons/AmexCardIcon.js +27 -0
- package/dist/esm/Icons/DiscoverCardIcon.d.ts +2 -0
- package/dist/esm/Icons/DiscoverCardIcon.js +27 -0
- package/dist/esm/Icons/MasterCardIcon.d.ts +2 -0
- package/dist/esm/Icons/MasterCardIcon.js +27 -0
- package/dist/esm/Icons/VisaCardIcon.d.ts +2 -0
- package/dist/esm/Icons/VisaCardIcon.js +27 -0
- package/dist/esm/Icons/index.d.ts +4 -0
- package/dist/esm/Icons/index.js +4 -0
- package/dist/esm/Indicators/Avatars/utils.js +4 -4
- package/dist/esm/Indicators/Badge/Badge.js +4 -4
- package/dist/esm/Indicators/Banners/Alert/Alert.js +13 -13
- package/dist/esm/Indicators/Banners/Promote/Promote.js +4 -4
- package/dist/esm/Indicators/EmptyState/EmptyState.js +16 -16
- package/dist/esm/Indicators/Medallion/Medallion.js +3 -3
- package/dist/esm/Indicators/Tag/Tag.js +10 -10
- package/dist/esm/Indicators/Toast/Toast.js +11 -11
- package/dist/esm/Indicators/Toast/Toasts.js +1 -1
- package/dist/esm/Layout/FlexGrid/FlexGrid.js +11 -11
- package/dist/esm/Layout/Tables/DataTable/DataTable.js +3 -3
- package/dist/esm/Navigation/Stepper/Step.js +12 -12
- package/dist/esm/Navigation/Tabs/components/LinkTab.js +6 -6
- package/dist/esm/Overlay/MenuButton/MenuButton.d.ts +1 -1
- package/dist/esm/Overlay/MenuButton/components/Content.js +1 -1
- package/dist/esm/Overlay/Modal/Modal.js +8 -8
- package/dist/esm/Overlay/Popover/Popover.js +1 -1
- package/dist/esm/Overlay/TooltipWrapper/TooltipWrapper.js +1 -1
- package/dist/esm/utils/getTextFromReactNode.js +1 -1
- package/dist/esm/utils/onlyText.js +2 -2
- package/dist/satellite.min.css +1 -1
- package/package.json +19 -28
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
2
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16
|
|
2
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
|
|
3
3
|
import stl from "./../../styles/helpers/satellitePrefixer";
|
|
4
4
|
import { tv } from "./../../styles/helpers/tv";
|
|
5
5
|
export var chatMessageStyles = tv({
|
|
@@ -23,44 +23,44 @@ export var chatMessageStyles = tv({
|
|
|
23
23
|
},
|
|
24
24
|
side: {
|
|
25
25
|
left: {
|
|
26
|
-
container: stl(
|
|
26
|
+
container: stl(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["justify-start"])))
|
|
27
27
|
},
|
|
28
28
|
right: {
|
|
29
|
-
container: stl(
|
|
29
|
+
container: stl(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["justify-end ms-auto"])))
|
|
30
30
|
}
|
|
31
31
|
},
|
|
32
32
|
leading: {
|
|
33
|
-
"true": stl(
|
|
33
|
+
"true": stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral([""])))
|
|
34
34
|
},
|
|
35
35
|
actions: {
|
|
36
|
-
"true": stl(
|
|
36
|
+
"true": stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral([""])))
|
|
37
37
|
},
|
|
38
38
|
autoHideActions: {
|
|
39
|
-
"true": stl(
|
|
39
|
+
"true": stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral([""])))
|
|
40
40
|
}
|
|
41
41
|
},
|
|
42
42
|
compoundVariants: [{
|
|
43
43
|
variant: "neutral",
|
|
44
44
|
className: {
|
|
45
|
-
message: stl(
|
|
45
|
+
message: stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["p-3 rounded-[8px]"])))
|
|
46
46
|
}
|
|
47
47
|
}, {
|
|
48
48
|
leading: true,
|
|
49
49
|
side: "left",
|
|
50
50
|
className: {
|
|
51
|
-
actions: stl(
|
|
51
|
+
actions: stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["left-11"])))
|
|
52
52
|
}
|
|
53
53
|
}, {
|
|
54
54
|
actions: true,
|
|
55
55
|
autoHideActions: true,
|
|
56
56
|
className: {
|
|
57
|
-
actions: stl(
|
|
57
|
+
actions: stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["opacity-0 group-hover/message:opacity-100 transition-opacity"])))
|
|
58
58
|
}
|
|
59
59
|
}, {
|
|
60
60
|
actions: true,
|
|
61
61
|
side: "right",
|
|
62
62
|
className: {
|
|
63
|
-
actions: stl(
|
|
63
|
+
actions: stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["justify-end"])))
|
|
64
64
|
}
|
|
65
65
|
}],
|
|
66
66
|
defaultVariants: {
|
|
@@ -46,7 +46,7 @@ export declare const chatMessageErrorStyles: import("tailwind-variants").TVRetur
|
|
|
46
46
|
actions?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
|
|
47
47
|
autoHideActions?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
|
|
48
48
|
} | undefined;
|
|
49
|
-
} & import("tailwind-variants/dist/config").TWMConfig & {
|
|
49
|
+
} & import("tailwind-variants/dist/config.js").TWMConfig & {
|
|
50
50
|
twMergeConfig: {
|
|
51
51
|
prefix: string;
|
|
52
52
|
};
|
|
@@ -126,7 +126,7 @@ export declare const chatMessageErrorStyles: import("tailwind-variants").TVRetur
|
|
|
126
126
|
actions?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
|
|
127
127
|
autoHideActions?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
|
|
128
128
|
} | undefined;
|
|
129
|
-
} & import("tailwind-variants/dist/config").TWMConfig & {
|
|
129
|
+
} & import("tailwind-variants/dist/config.js").TWMConfig & {
|
|
130
130
|
twMergeConfig: {
|
|
131
131
|
prefix: string;
|
|
132
132
|
};
|
|
@@ -198,7 +198,7 @@ export declare const chatMessageErrorStyles: import("tailwind-variants").TVRetur
|
|
|
198
198
|
message: string;
|
|
199
199
|
actions: string;
|
|
200
200
|
footer: string;
|
|
201
|
-
}, undefined, import("tailwind-variants/dist/config").TVConfig<{
|
|
201
|
+
}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
|
|
202
202
|
variant: {
|
|
203
203
|
neutral: {
|
|
204
204
|
message: string;
|
|
@@ -73,7 +73,7 @@ export declare const chatMessageLoaderStyles: import("tailwind-variants").TVRetu
|
|
|
73
73
|
actions?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
|
|
74
74
|
autoHideActions?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
|
|
75
75
|
} | undefined;
|
|
76
|
-
} & import("tailwind-variants/dist/config").TWMConfig & {
|
|
76
|
+
} & import("tailwind-variants/dist/config.js").TWMConfig & {
|
|
77
77
|
twMergeConfig: {
|
|
78
78
|
prefix: string;
|
|
79
79
|
};
|
|
@@ -153,7 +153,7 @@ export declare const chatMessageLoaderStyles: import("tailwind-variants").TVRetu
|
|
|
153
153
|
actions?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
|
|
154
154
|
autoHideActions?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
|
|
155
155
|
} | undefined;
|
|
156
|
-
} & import("tailwind-variants/dist/config").TWMConfig & {
|
|
156
|
+
} & import("tailwind-variants/dist/config.js").TWMConfig & {
|
|
157
157
|
twMergeConfig: {
|
|
158
158
|
prefix: string;
|
|
159
159
|
};
|
|
@@ -225,7 +225,7 @@ export declare const chatMessageLoaderStyles: import("tailwind-variants").TVRetu
|
|
|
225
225
|
message: string;
|
|
226
226
|
actions: string;
|
|
227
227
|
footer: string;
|
|
228
|
-
}, undefined, import("tailwind-variants/dist/config").TVConfig<{
|
|
228
|
+
}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
|
|
229
229
|
variant: {
|
|
230
230
|
neutral: {
|
|
231
231
|
message: string;
|
|
@@ -16,7 +16,7 @@ export declare const chatMessagesStyles: import("tailwind-variants").TVReturnTyp
|
|
|
16
16
|
responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
|
|
17
17
|
isAtBottom?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
|
|
18
18
|
} | undefined;
|
|
19
|
-
} & import("tailwind-variants/dist/config").TWMConfig & {
|
|
19
|
+
} & import("tailwind-variants/dist/config.js").TWMConfig & {
|
|
20
20
|
twMergeConfig: {
|
|
21
21
|
prefix: string;
|
|
22
22
|
};
|
|
@@ -48,7 +48,7 @@ export declare const chatMessagesStyles: import("tailwind-variants").TVReturnTyp
|
|
|
48
48
|
scroll: string;
|
|
49
49
|
content: string;
|
|
50
50
|
scrollToBottom: string;
|
|
51
|
-
}, undefined, import("tailwind-variants/dist/config").TVConfig<{
|
|
51
|
+
}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
|
|
52
52
|
isAtBottom: {
|
|
53
53
|
true: {
|
|
54
54
|
scrollToBottom: string;
|
|
@@ -16,7 +16,7 @@ export declare const chatPromptStyles: import("tailwind-variants").TVReturnType<
|
|
|
16
16
|
responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
|
|
17
17
|
disabled?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
|
|
18
18
|
} | undefined;
|
|
19
|
-
} & import("tailwind-variants/dist/config").TWMConfig & {
|
|
19
|
+
} & import("tailwind-variants/dist/config.js").TWMConfig & {
|
|
20
20
|
twMergeConfig: {
|
|
21
21
|
prefix: string;
|
|
22
22
|
};
|
|
@@ -48,7 +48,7 @@ export declare const chatPromptStyles: import("tailwind-variants").TVReturnType<
|
|
|
48
48
|
actions: string;
|
|
49
49
|
submit: string;
|
|
50
50
|
footer: string;
|
|
51
|
-
}, undefined, import("tailwind-variants/dist/config").TVConfig<{
|
|
51
|
+
}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
|
|
52
52
|
disabled: {
|
|
53
53
|
true: {
|
|
54
54
|
actions: string;
|
|
@@ -2,7 +2,7 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
3
3
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
4
4
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
5
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28
|
|
5
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28;
|
|
6
6
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
7
7
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
8
8
|
import cx from "clsx";
|
|
@@ -358,11 +358,11 @@ export var AutoComplete = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
358
358
|
combobox.openMenu();
|
|
359
359
|
},
|
|
360
360
|
children: [Icon && /*#__PURE__*/_jsx(Icon, {
|
|
361
|
-
className: cx(stl(
|
|
361
|
+
className: cx(stl(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["mr-4 shrink-0"]))), stl(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["", ""])), disabled ? "text-grey-300" : inputFocused ? "text-accent-600" : "text-grey-500")),
|
|
362
362
|
width: "1rem",
|
|
363
363
|
height: "1rem"
|
|
364
364
|
}), /*#__PURE__*/_jsxs("div", {
|
|
365
|
-
className: cx(stl(
|
|
365
|
+
className: cx(stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["flex items-center flex-1 max-h-full"]))), !noWrap && stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["flex-wrap overflow-y-scroll no-scrollbar"]))), multiple && stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["-ml-1"]))), valuesClassName),
|
|
366
366
|
children: [multiple && selectedItems.map(function (option, index) {
|
|
367
367
|
return renderValueTemplate ? /*#__PURE__*/_jsx("span", _objectSpread(_objectSpread({}, multipleSelection.getSelectedItemProps({
|
|
368
368
|
selectedItem: option,
|
|
@@ -377,7 +377,7 @@ export var AutoComplete = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
377
377
|
evt.stopPropagation();
|
|
378
378
|
multipleSelection.removeSelectedItem(option);
|
|
379
379
|
},
|
|
380
|
-
className: stl(
|
|
380
|
+
className: stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["m-1 max-w-48 ", ""])), disabled && "opacity-50")
|
|
381
381
|
}, multipleSelection.getSelectedItemProps({
|
|
382
382
|
selectedItem: option,
|
|
383
383
|
index: index
|
|
@@ -395,10 +395,10 @@ export var AutoComplete = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
395
395
|
type: "text",
|
|
396
396
|
placeholder: hasValue ? "" : placeholder,
|
|
397
397
|
autoComplete: "off",
|
|
398
|
-
className: cx(stl(
|
|
398
|
+
className: cx(stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["autocomplete-input"]))), multiple && stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["ml-1"]))), shouldRenderCustomTemplate && hasValue ? stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["h-0 w-0 opacity-0"]))) : stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["py-1.5"]))))
|
|
399
399
|
}))]
|
|
400
400
|
}), showClearButton && /*#__PURE__*/_jsx(IconButton, {
|
|
401
|
-
className: stl(
|
|
401
|
+
className: stl(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["", ""])), inputFocused ? "visible" : "invisible group-hover:visible"),
|
|
402
402
|
title: locale.clearInputButton,
|
|
403
403
|
icon: XIcon,
|
|
404
404
|
variant: "subtle",
|
|
@@ -415,13 +415,13 @@ export var AutoComplete = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
415
415
|
multipleSelection.setSelectedItems([]);
|
|
416
416
|
}
|
|
417
417
|
}), !!endItem && /*#__PURE__*/_jsx("div", {
|
|
418
|
-
className: stl(
|
|
418
|
+
className: stl(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["text-grey-700 ", ""])), showClearButton ? "ml-2" : ""),
|
|
419
419
|
children: endItem
|
|
420
420
|
}), /*#__PURE__*/_jsx(StatusIcon, {})]
|
|
421
|
-
}), createPortal(
|
|
421
|
+
}), createPortal(/*#__PURE__*/_jsx(ClickAwayContainer, {
|
|
422
422
|
element: menuRef.current,
|
|
423
423
|
children: /*#__PURE__*/_jsxs(Card, _objectSpread(_objectSpread({}, menuPopper.attributes), {}, {
|
|
424
|
-
className: cx(stl(
|
|
424
|
+
className: cx(stl(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["z-dropdown"]))), menuClassName),
|
|
425
425
|
style: _objectSpread(_objectSpread(_objectSpread({}, menuPopper.styles.popper), hideMenu && {
|
|
426
426
|
display: "none"
|
|
427
427
|
}), {}, {
|
|
@@ -432,7 +432,7 @@ export var AutoComplete = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
432
432
|
elevation: "300",
|
|
433
433
|
fullBleed: true,
|
|
434
434
|
children: [hideMenu ? /*#__PURE__*/_jsx("div", _objectSpread({}, combobox.getMenuProps())) : items.length === 0 ? /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, combobox.getMenuProps({
|
|
435
|
-
className: stl(
|
|
435
|
+
className: stl(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["min-h-10"])))
|
|
436
436
|
})), {}, {
|
|
437
437
|
children: /*#__PURE__*/_jsx("div", {
|
|
438
438
|
role: "option",
|
|
@@ -443,15 +443,15 @@ export var AutoComplete = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
443
443
|
})
|
|
444
444
|
})
|
|
445
445
|
})) : /*#__PURE__*/_jsx(ScrollIndicator, {
|
|
446
|
-
className: menuSize === "large" ? stl(
|
|
446
|
+
className: menuSize === "large" ? stl(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["max-h-96"]))) : stl(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["max-h-64"]))),
|
|
447
447
|
children: /*#__PURE__*/_jsx("ul", _objectSpread(_objectSpread({}, combobox.getMenuProps()), {}, {
|
|
448
448
|
children: items.map(function (item, index) {
|
|
449
449
|
return /*#__PURE__*/_jsx("li", _objectSpread(_objectSpread({}, combobox.getItemProps({
|
|
450
450
|
item: item,
|
|
451
|
-
className: cx(stl(
|
|
451
|
+
className: cx(stl(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["autocomplete-result flex items-center min-h-10 px-4 cursor-pointer"]))), index === combobox.highlightedIndex && stl(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["bg-grey-100"]))), item.disabled && stl(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["cursor-not-allowed"]))))
|
|
452
452
|
})), {}, {
|
|
453
453
|
children: item.value === SHOW_ALL_ITEMS_ID ? /*#__PURE__*/_jsx("span", {
|
|
454
|
-
className: stl(
|
|
454
|
+
className: stl(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["w-full py-2 truncate text-center text-grey-900"]))),
|
|
455
455
|
children: item.label
|
|
456
456
|
}, item.value) : /*#__PURE__*/_jsx(OptionItem, {
|
|
457
457
|
multiple: Boolean(multiple),
|
|
@@ -463,7 +463,7 @@ export var AutoComplete = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
463
463
|
})
|
|
464
464
|
}))
|
|
465
465
|
}), !!menuFooter && /*#__PURE__*/_jsx("footer", {
|
|
466
|
-
className: stl(
|
|
466
|
+
className: stl(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["flex items-center justify-center min-h-12 p-4 bg-grey-100 border-t border-grey-200 text-grey-600"]))),
|
|
467
467
|
children: menuFooter
|
|
468
468
|
})]
|
|
469
469
|
}))
|
|
@@ -28,7 +28,7 @@ export var DatePickerPopover = function DatePickerPopover(_ref) {
|
|
|
28
28
|
}), anchor ? /*#__PURE__*/_jsx(Popover.Anchor, {
|
|
29
29
|
asChild: true,
|
|
30
30
|
children: anchor
|
|
31
|
-
}) : null, createPortal(
|
|
31
|
+
}) : null, createPortal(/*#__PURE__*/_jsx(Popover.Content, {
|
|
32
32
|
side: side,
|
|
33
33
|
sideOffset: 16,
|
|
34
34
|
align: align,
|
|
@@ -4,7 +4,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
4
4
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
5
5
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
6
6
|
var _excluded = ["id", "placeholder", "requirements", "disabled", "multiple", "clearable", "onChange", "className", "locale", "required", "hideFiles"];
|
|
7
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9,
|
|
7
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11;
|
|
8
8
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
9
9
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
10
10
|
import cx from "clsx";
|
|
@@ -175,22 +175,22 @@ export var Dropzone = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
175
175
|
size: "1rem",
|
|
176
176
|
className: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["", ""])), disabled ? "text-grey-200" : "text-grey-500")
|
|
177
177
|
}), /*#__PURE__*/_jsx("p", {
|
|
178
|
-
className: stl(
|
|
178
|
+
className: stl(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["", ""])), disabled ? "text-grey-300" : "text-grey-900"),
|
|
179
179
|
children: placeholder || /*#__PURE__*/_jsxs(_Fragment, {
|
|
180
180
|
children: [locale.placeholder(multiple), /*#__PURE__*/_jsx("span", {
|
|
181
|
-
className: cx(!disabled && stl(
|
|
181
|
+
className: cx(!disabled && stl(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["typo-link underline"])))),
|
|
182
182
|
children: locale.clickToSelect
|
|
183
183
|
})]
|
|
184
184
|
})
|
|
185
185
|
})]
|
|
186
186
|
}), requirements && /*#__PURE__*/_jsx("p", {
|
|
187
|
-
className: stl(
|
|
187
|
+
className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["typo-subdued typo-display-body"]))),
|
|
188
188
|
children: requirements
|
|
189
189
|
})]
|
|
190
190
|
})
|
|
191
191
|
}), clearable && !disabled && !isValueEmpty && /*#__PURE__*/_jsx("span", {
|
|
192
192
|
children: /*#__PURE__*/_jsx(IconButton, {
|
|
193
|
-
className: stl(
|
|
193
|
+
className: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["mr-2 invisible group-hover/dropzone:visible group-[:has(&:focus)]/dropzone:visible"]))),
|
|
194
194
|
title: locale.clearInput,
|
|
195
195
|
icon: XIcon,
|
|
196
196
|
variant: "subtle",
|
|
@@ -4,7 +4,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
|
|
|
4
4
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
5
5
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
6
6
|
var _excluded = ["clearable"];
|
|
7
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9,
|
|
7
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10;
|
|
8
8
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
9
9
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
10
10
|
import cx from "clsx";
|
|
@@ -39,7 +39,7 @@ var FileCard = function FileCard(_ref) {
|
|
|
39
39
|
className: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["line-clamp-1"]))),
|
|
40
40
|
children: errors[0].message
|
|
41
41
|
}) : /*#__PURE__*/_jsx("div", {
|
|
42
|
-
className: stl(
|
|
42
|
+
className: stl(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["typo-subdued line-clamp-1"]))),
|
|
43
43
|
children: formatHumanSize(file.size)
|
|
44
44
|
})]
|
|
45
45
|
})]
|
|
@@ -115,13 +115,13 @@ export var FilePicker = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
115
115
|
(_props$onChange2 = props.onChange) === null || _props$onChange2 === void 0 || _props$onChange2.call(props, acceptedFiles, rejectedFiles);
|
|
116
116
|
};
|
|
117
117
|
return /*#__PURE__*/_jsxs("div", {
|
|
118
|
-
className: stl(
|
|
118
|
+
className: stl(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["flex flex-col gap-4"]))),
|
|
119
119
|
children: [/*#__PURE__*/_jsx(Dropzone, _objectSpread(_objectSpread({}, dropzoneProps), {}, {
|
|
120
120
|
ref: ref,
|
|
121
121
|
onDrop: onDrop,
|
|
122
122
|
hideFiles: true
|
|
123
123
|
})), files.length > 0 && /*#__PURE__*/_jsx("div", {
|
|
124
|
-
className: stl(
|
|
124
|
+
className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["flex flex-col gap-1"]))),
|
|
125
125
|
children: files.map(function (_ref5, index) {
|
|
126
126
|
var file = _ref5.file,
|
|
127
127
|
errors = _ref5.errors;
|
|
@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
2
2
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
3
3
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
4
4
|
import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
|
5
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14
|
|
5
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
|
|
6
6
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
7
7
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
8
8
|
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
@@ -28,7 +28,7 @@ var sleep = function sleep(ms) {
|
|
|
28
28
|
});
|
|
29
29
|
};
|
|
30
30
|
var validateUsername = /*#__PURE__*/function () {
|
|
31
|
-
var _ref = _asyncToGenerator(
|
|
31
|
+
var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(username) {
|
|
32
32
|
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
33
33
|
while (1) switch (_context.prev = _context.next) {
|
|
34
34
|
case 0:
|
|
@@ -47,7 +47,7 @@ var validateUsername = /*#__PURE__*/function () {
|
|
|
47
47
|
};
|
|
48
48
|
}();
|
|
49
49
|
var validatePassword = /*#__PURE__*/function () {
|
|
50
|
-
var _ref2 = _asyncToGenerator(
|
|
50
|
+
var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(password) {
|
|
51
51
|
return _regeneratorRuntime.wrap(function _callee2$(_context2) {
|
|
52
52
|
while (1) switch (_context2.prev = _context2.next) {
|
|
53
53
|
case 0:
|
|
@@ -68,8 +68,8 @@ var validatePassword = /*#__PURE__*/function () {
|
|
|
68
68
|
var zodSchema = z.object({
|
|
69
69
|
username: z.string().min(1, {
|
|
70
70
|
message: "You must specify an username (hint: admin)"
|
|
71
|
-
}).refine(
|
|
72
|
-
var _ref3 = _asyncToGenerator(
|
|
71
|
+
}).refine(/*#__PURE__*/function () {
|
|
72
|
+
var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(value) {
|
|
73
73
|
return _regeneratorRuntime.wrap(function _callee3$(_context3) {
|
|
74
74
|
while (1) switch (_context3.prev = _context3.next) {
|
|
75
75
|
case 0:
|
|
@@ -103,8 +103,8 @@ var zodSchema = z.object({
|
|
|
103
103
|
}),
|
|
104
104
|
password: z.string().min(1, {
|
|
105
105
|
message: "You must specify a password (hint: qwerty)"
|
|
106
|
-
}).refine(
|
|
107
|
-
var _ref4 = _asyncToGenerator(
|
|
106
|
+
}).refine(/*#__PURE__*/function () {
|
|
107
|
+
var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(value) {
|
|
108
108
|
return _regeneratorRuntime.wrap(function _callee4$(_context4) {
|
|
109
109
|
while (1) switch (_context4.prev = _context4.next) {
|
|
110
110
|
case 0:
|
|
@@ -260,7 +260,7 @@ var yupSchema = yup.object({
|
|
|
260
260
|
return "Username \"".concat(value, "\" does not exist (hint: admin)");
|
|
261
261
|
},
|
|
262
262
|
test: function () {
|
|
263
|
-
var _test = _asyncToGenerator(
|
|
263
|
+
var _test = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(value) {
|
|
264
264
|
return _regeneratorRuntime.wrap(function _callee5$(_context5) {
|
|
265
265
|
while (1) switch (_context5.prev = _context5.next) {
|
|
266
266
|
case 0:
|
|
@@ -281,7 +281,7 @@ var yupSchema = yup.object({
|
|
|
281
281
|
name: "password",
|
|
282
282
|
message: "Password is incorrect (hint: qwerty)",
|
|
283
283
|
test: function () {
|
|
284
|
-
var _test2 = _asyncToGenerator(
|
|
284
|
+
var _test2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(value) {
|
|
285
285
|
return _regeneratorRuntime.wrap(function _callee6$(_context6) {
|
|
286
286
|
while (1) switch (_context6.prev = _context6.next) {
|
|
287
287
|
case 0:
|
|
@@ -341,7 +341,7 @@ export var FormikAsyncValidationComponent = function FormikAsyncValidationCompon
|
|
|
341
341
|
return /*#__PURE__*/_jsx("div", {
|
|
342
342
|
className: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["@container w-full flex justify-center"]))),
|
|
343
343
|
children: /*#__PURE__*/_jsxs("div", {
|
|
344
|
-
className: stl(
|
|
344
|
+
className: stl(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["flex flex-col gap-8 w-full @lg:w-1/2"]))),
|
|
345
345
|
children: [/*#__PURE__*/_jsxs(Form, {
|
|
346
346
|
onSubmit: function onSubmit(e) {
|
|
347
347
|
setRevalidationEnabled(true);
|
|
@@ -351,13 +351,13 @@ export var FormikAsyncValidationComponent = function FormikAsyncValidationCompon
|
|
|
351
351
|
setRevalidationEnabled(false);
|
|
352
352
|
formik.handleReset(e);
|
|
353
353
|
},
|
|
354
|
-
className: stl(
|
|
354
|
+
className: stl(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["flex flex-col items-start gap-6 min-w-72"]))),
|
|
355
355
|
children: [/*#__PURE__*/_jsx(FormErrorMessage, {}), /*#__PURE__*/_jsx(Field, {
|
|
356
356
|
label: "Username",
|
|
357
357
|
labelFor: "username",
|
|
358
358
|
description: "Please enter your username",
|
|
359
359
|
state: getFieldState("username"),
|
|
360
|
-
className: stl(
|
|
360
|
+
className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["w-full"]))),
|
|
361
361
|
children: /*#__PURE__*/_jsx(Input, _objectSpread({
|
|
362
362
|
id: "username",
|
|
363
363
|
placeholder: "Username",
|
|
@@ -368,7 +368,7 @@ export var FormikAsyncValidationComponent = function FormikAsyncValidationCompon
|
|
|
368
368
|
labelFor: "password",
|
|
369
369
|
description: "Please enter your password",
|
|
370
370
|
state: getFieldState("password"),
|
|
371
|
-
className: stl(
|
|
371
|
+
className: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["w-full"]))),
|
|
372
372
|
children: /*#__PURE__*/_jsx(Input, _objectSpread({
|
|
373
373
|
id: "password",
|
|
374
374
|
placeholder: "Password",
|
|
@@ -376,7 +376,7 @@ export var FormikAsyncValidationComponent = function FormikAsyncValidationCompon
|
|
|
376
376
|
required: true
|
|
377
377
|
}, formik.getFieldProps("password")))
|
|
378
378
|
}), /*#__PURE__*/_jsxs("div", {
|
|
379
|
-
className: stl(
|
|
379
|
+
className: stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["flex gap-2"]))),
|
|
380
380
|
children: [/*#__PURE__*/_jsx(FormSubmit, {
|
|
381
381
|
variant: "primary",
|
|
382
382
|
"aria-label": "Login to the website",
|
|
@@ -391,9 +391,9 @@ export var FormikAsyncValidationComponent = function FormikAsyncValidationCompon
|
|
|
391
391
|
})]
|
|
392
392
|
})]
|
|
393
393
|
}), /*#__PURE__*/_jsx("hr", {
|
|
394
|
-
className: stl(
|
|
394
|
+
className: stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["text-grey-500"])))
|
|
395
395
|
}), /*#__PURE__*/_jsx("code", {
|
|
396
|
-
className: stl(
|
|
396
|
+
className: stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["whitespace-pre display-code"]))),
|
|
397
397
|
children: JSON.stringify(formData, null, 2)
|
|
398
398
|
})]
|
|
399
399
|
})
|