@mittwald/flow-react-components 0.2.0-alpha.336 → 0.2.0-alpha.338
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/CHANGELOG.md +10 -0
- package/dist/assets/doc-properties.json +1245 -1102
- package/dist/css/all.css +1 -1
- package/dist/js/components/src/components/Autocomplete/Autocomplete.mjs +47 -28
- package/dist/js/components/src/components/Autocomplete/Autocomplete.mjs.map +1 -1
- package/dist/js/components/src/components/ChartTooltip/components/TooltipContent.mjs +5 -5
- package/dist/js/components/src/components/ChartTooltip/components/TooltipContent.mjs.map +1 -1
- package/dist/js/components/src/components/Options/Options.mjs +34 -5
- package/dist/js/components/src/components/Options/Options.mjs.map +1 -1
- package/dist/js/components/src/components/Popover/Popover.mjs +3 -3
- package/dist/js/components/src/components/Popover/Popover.mjs.map +1 -1
- package/dist/js/components/src/components/Popover/Popover.module.scss.mjs +2 -2
- package/dist/js/components/src/components/Popover/components/PopoverContent/PopoverContent.mjs +4 -4
- package/dist/js/components/src/components/Popover/components/PopoverContent/PopoverContent.mjs.map +1 -1
- package/dist/js/components/src/components/Popover/components/PopoverTip/PopoverTip.mjs +2 -2
- package/dist/js/components/src/components/Popover/components/PopoverTip/PopoverTip.mjs.map +1 -1
- package/dist/js/components/src/components/SuspenseTrigger/SuspenseTrigger.mjs.map +1 -1
- package/dist/js/components/src/components/propTypes/index.mjs +1 -0
- package/dist/js/components/src/components/propTypes/index.mjs.map +1 -1
- package/dist/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/dist/types/components/Autocomplete/stories/Default.stories.d.ts +1 -0
- package/dist/types/components/Autocomplete/stories/Default.stories.d.ts.map +1 -1
- package/dist/types/components/Options/Options.d.ts +2 -1
- package/dist/types/components/Options/Options.d.ts.map +1 -1
- package/dist/types/components/Popover/Popover.d.ts +2 -2
- package/dist/types/components/Popover/Popover.d.ts.map +1 -1
- package/dist/types/components/SuspenseTrigger/SuspenseTrigger.d.ts +0 -1
- package/dist/types/components/SuspenseTrigger/SuspenseTrigger.d.ts.map +1 -1
- package/dist/types/components/propTypes/index.d.ts +2 -0
- package/dist/types/components/propTypes/index.d.ts.map +1 -1
- package/dist/types/integrations/react-hook-form/components/Field/stories/Autocomplete.stories.d.ts.map +1 -1
- package/dist/types/lib/propsContext/propsContext.d.ts +2 -0
- package/dist/types/lib/propsContext/propsContext.d.ts.map +1 -1
- package/package.json +4 -4
- package/dist/types/views/SuspenseTriggerView.d.ts +0 -5
- package/dist/types/views/SuspenseTriggerView.d.ts.map +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
|
-
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
4
4
|
import { useRef } from 'react';
|
|
5
5
|
import '../../lib/propsContext/propsContext.mjs';
|
|
6
6
|
import '../../lib/viewComponentContext/viewComponentContext.mjs';
|
|
@@ -9,20 +9,26 @@ import * as Aria from 'react-aria-components';
|
|
|
9
9
|
import 'mobx';
|
|
10
10
|
import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
|
|
11
11
|
import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
|
|
12
|
-
import {
|
|
13
|
-
import
|
|
12
|
+
import { Options } from '../Options/Options.mjs';
|
|
13
|
+
import { TunnelExit } from '@mittwald/react-tunnel';
|
|
14
14
|
import locales from '../../../../_virtual/_.locale.json@48bdcfec6dd32df5dc9f6fa222d33240.mjs';
|
|
15
15
|
import { Text } from '../Text/Text.mjs';
|
|
16
|
+
import styles from './Autocomplete.module.scss.mjs';
|
|
17
|
+
import { useLocalizedStringFormatter, useFocusWithin, UNSAFE_PortalProvider } from 'react-aria';
|
|
16
18
|
|
|
17
19
|
const Autocomplete = flowComponent("Autocomplete", (props) => {
|
|
18
20
|
const { children, ...rest } = props;
|
|
19
|
-
const stringFormatter = useLocalizedStringFormatter(locales);
|
|
20
21
|
const { contains } = Aria.useFilter({ sensitivity: "base" });
|
|
22
|
+
const stringFormatter = useLocalizedStringFormatter(locales);
|
|
23
|
+
const container = useRef(null);
|
|
21
24
|
const triggerRef = useRef(null);
|
|
22
|
-
const controller = useOverlayController("
|
|
25
|
+
const controller = useOverlayController("Popover", {
|
|
23
26
|
reuseControllerFromContext: false
|
|
24
27
|
});
|
|
25
28
|
const menuIsOpen = controller.useIsOpen();
|
|
29
|
+
const focusWithin = useFocusWithin({
|
|
30
|
+
onBlurWithin: controller.close
|
|
31
|
+
});
|
|
26
32
|
const inputProps = {
|
|
27
33
|
onKeyDown: (e) => {
|
|
28
34
|
if (e.key === "Enter" && menuIsOpen) {
|
|
@@ -31,28 +37,13 @@ const Autocomplete = flowComponent("Autocomplete", (props) => {
|
|
|
31
37
|
},
|
|
32
38
|
ref: triggerRef
|
|
33
39
|
};
|
|
40
|
+
const renderEmptyState = () => /* @__PURE__ */ jsx(Text, { className: styles.empty, children: stringFormatter.format("autocomplete.empty") });
|
|
34
41
|
const propsContext = {
|
|
35
|
-
ContextMenu: {
|
|
36
|
-
placement: "bottom start",
|
|
37
|
-
controller,
|
|
38
|
-
isNonModal: true,
|
|
39
|
-
renderEmptyState: () => /* @__PURE__ */ jsx(Text, { className: styles.empty, children: stringFormatter.format("autocomplete.empty") }),
|
|
40
|
-
onAction: (key) => {
|
|
41
|
-
const input = triggerRef.current;
|
|
42
|
-
if (input) {
|
|
43
|
-
const nativeInputValueSetter = Object.getOwnPropertyDescriptor(
|
|
44
|
-
window.HTMLInputElement.prototype,
|
|
45
|
-
"value"
|
|
46
|
-
)?.set;
|
|
47
|
-
nativeInputValueSetter?.call(input, String(key));
|
|
48
|
-
const event = new Event("input", { bubbles: true });
|
|
49
|
-
input.dispatchEvent(event);
|
|
50
|
-
}
|
|
51
|
-
},
|
|
52
|
-
triggerRef
|
|
53
|
-
},
|
|
54
42
|
SearchField: inputProps,
|
|
55
|
-
TextField: inputProps
|
|
43
|
+
TextField: inputProps,
|
|
44
|
+
Option: {
|
|
45
|
+
tunnelId: "options"
|
|
46
|
+
}
|
|
56
47
|
};
|
|
57
48
|
const handleOnInputChange = (value) => {
|
|
58
49
|
if (!value) {
|
|
@@ -61,21 +52,49 @@ const Autocomplete = flowComponent("Autocomplete", (props) => {
|
|
|
61
52
|
controller.open();
|
|
62
53
|
}
|
|
63
54
|
};
|
|
55
|
+
const handleOptionAction = (key) => {
|
|
56
|
+
const inputElement = triggerRef.current;
|
|
57
|
+
if (inputElement) {
|
|
58
|
+
const nativeInputValueSetter = Object.getOwnPropertyDescriptor(
|
|
59
|
+
window.HTMLInputElement.prototype,
|
|
60
|
+
"value"
|
|
61
|
+
)?.set;
|
|
62
|
+
nativeInputValueSetter?.call(inputElement, String(key));
|
|
63
|
+
const event = new Event("change", { bubbles: true });
|
|
64
|
+
inputElement.dispatchEvent(event);
|
|
65
|
+
}
|
|
66
|
+
controller.close();
|
|
67
|
+
};
|
|
64
68
|
return /* @__PURE__ */ jsx(
|
|
65
69
|
PropsContextProvider,
|
|
66
70
|
{
|
|
67
71
|
props: propsContext,
|
|
68
72
|
mergeInParentContext: true,
|
|
69
73
|
dependencies: [menuIsOpen, controller],
|
|
70
|
-
children: /* @__PURE__ */ jsx(
|
|
74
|
+
children: /* @__PURE__ */ jsx("div", { ...focusWithin.focusWithinProps, ref: container, children: /* @__PURE__ */ jsx(UNSAFE_PortalProvider, { getContainer: () => container.current, children: /* @__PURE__ */ jsxs(
|
|
71
75
|
Aria.Autocomplete,
|
|
72
76
|
{
|
|
73
77
|
onInputChange: handleOnInputChange,
|
|
74
78
|
filter: contains,
|
|
79
|
+
disableAutoFocusFirst: true,
|
|
75
80
|
...rest,
|
|
76
|
-
children
|
|
81
|
+
children: [
|
|
82
|
+
children,
|
|
83
|
+
/* @__PURE__ */ jsx(
|
|
84
|
+
Options,
|
|
85
|
+
{
|
|
86
|
+
onAction: handleOptionAction,
|
|
87
|
+
triggerRef,
|
|
88
|
+
controller,
|
|
89
|
+
renderEmptyState,
|
|
90
|
+
isNonModal: true,
|
|
91
|
+
placement: "bottom start",
|
|
92
|
+
children: /* @__PURE__ */ jsx(TunnelExit, { id: "options" })
|
|
93
|
+
}
|
|
94
|
+
)
|
|
95
|
+
]
|
|
77
96
|
}
|
|
78
|
-
)
|
|
97
|
+
) }) })
|
|
79
98
|
}
|
|
80
99
|
);
|
|
81
100
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.mjs","sources":["../../../../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import { useRef, type PropsWithChildren } from \"react\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport * as Aria from \"react-aria-components\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport {\n flowComponent,\n type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport {
|
|
1
|
+
{"version":3,"file":"Autocomplete.mjs","sources":["../../../../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import { useRef, type PropsWithChildren } from \"react\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport * as Aria from \"react-aria-components\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport {\n flowComponent,\n type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport type { SearchFieldProps } from \"@/components/SearchField\";\nimport type { TextFieldProps } from \"@/components/TextField\";\nimport Options from \"@/components/Options\";\nimport { TunnelExit } from \"@mittwald/react-tunnel\";\nimport locales from \"./locales/*.locale.json\";\nimport Text from \"@/components/Text\";\nimport styles from \"./Autocomplete.module.scss\";\nimport {\n UNSAFE_PortalProvider,\n useFocusWithin,\n useLocalizedStringFormatter,\n} from \"react-aria\";\nexport interface AutocompleteProps\n extends PropsWithChildren,\n PropsWithClassName,\n FlowComponentProps,\n Omit<Aria.AutocompleteProps, \"children\" | \"onInputChange\" | \"inputValue\"> {}\n\n/** @flr-generate all */\nexport const Autocomplete = flowComponent(\"Autocomplete\", (props) => {\n const { children, ...rest } = props;\n\n const { contains } = Aria.useFilter({ sensitivity: \"base\" });\n const stringFormatter = useLocalizedStringFormatter(locales);\n const container = useRef(null);\n const triggerRef = useRef<HTMLInputElement>(null);\n\n const controller = useOverlayController(\"Popover\", {\n reuseControllerFromContext: false,\n });\n const menuIsOpen = controller.useIsOpen();\n\n const focusWithin = useFocusWithin({\n onBlurWithin: controller.close,\n });\n\n const inputProps: SearchFieldProps & TextFieldProps = {\n onKeyDown: (e) => {\n if (e.key === \"Enter\" && menuIsOpen) {\n e.preventDefault();\n }\n },\n ref: triggerRef,\n };\n\n const renderEmptyState = () => (\n <Text className={styles.empty}>\n {stringFormatter.format(\"autocomplete.empty\")}\n </Text>\n );\n\n const propsContext: PropsContext = {\n SearchField: inputProps,\n TextField: inputProps,\n Option: {\n tunnelId: \"options\",\n },\n };\n\n const handleOnInputChange = (value: string) => {\n if (!value) {\n controller.close();\n } else if (!menuIsOpen) {\n controller.open();\n }\n };\n\n const handleOptionAction = (key: Aria.Key) => {\n const inputElement = triggerRef.current;\n if (inputElement) {\n // Set value on input element and trigger change event\n const nativeInputValueSetter = Object.getOwnPropertyDescriptor(\n window.HTMLInputElement.prototype,\n \"value\",\n )?.set;\n nativeInputValueSetter?.call(inputElement, String(key));\n const event = new Event(\"change\", { bubbles: true });\n inputElement.dispatchEvent(event);\n }\n controller.close();\n };\n\n return (\n <PropsContextProvider\n props={propsContext}\n mergeInParentContext\n dependencies={[menuIsOpen, controller]}\n >\n <div {...focusWithin.focusWithinProps} ref={container}>\n <UNSAFE_PortalProvider getContainer={() => container.current}>\n <Aria.Autocomplete\n onInputChange={handleOnInputChange}\n filter={contains}\n disableAutoFocusFirst\n {...rest}\n >\n {children}\n <Options\n onAction={handleOptionAction}\n triggerRef={triggerRef}\n controller={controller}\n renderEmptyState={renderEmptyState}\n isNonModal\n placement=\"bottom start\"\n >\n <TunnelExit id=\"options\" />\n </Options>\n </Aria.Autocomplete>\n </UNSAFE_PortalProvider>\n </div>\n </PropsContextProvider>\n );\n});\n\nexport default Autocomplete;\n"],"names":[],"mappings":"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"}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
/* */
|
|
3
3
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
4
4
|
import clsx from 'clsx';
|
|
5
|
-
import styles
|
|
6
|
-
import
|
|
5
|
+
import styles from '../ChartTooltip.module.scss.mjs';
|
|
6
|
+
import popoverStyles from '../../Popover/Popover.module.scss.mjs';
|
|
7
7
|
import { PopoverTip } from '../../Popover/components/PopoverTip/PopoverTip.mjs';
|
|
8
8
|
import { Heading } from '../../Heading/Heading.mjs';
|
|
9
9
|
import { LegendItem } from '../../Legend/components/LegendItem/LegendItem.mjs';
|
|
@@ -17,11 +17,11 @@ const TooltipContent = (props) => {
|
|
|
17
17
|
label,
|
|
18
18
|
wrapperClassName
|
|
19
19
|
} = props;
|
|
20
|
-
const className = clsx(wrapperClassName,
|
|
20
|
+
const className = clsx(wrapperClassName, popoverStyles.popover);
|
|
21
21
|
if (active && payload && payload.length) {
|
|
22
22
|
return /* @__PURE__ */ jsxs("div", { className, children: [
|
|
23
|
-
/* @__PURE__ */ jsx(PopoverTip, { className: styles
|
|
24
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
23
|
+
/* @__PURE__ */ jsx(PopoverTip, { className: styles.tip }),
|
|
24
|
+
/* @__PURE__ */ jsxs("div", { className: popoverStyles.content, children: [
|
|
25
25
|
/* @__PURE__ */ jsx(Heading, { level: 3, children: headingFormatter && typeof label === "string" ? headingFormatter(label) : label }),
|
|
26
26
|
payload.filter((i) => i.fill !== "none").map((i, index) => /* @__PURE__ */ jsx(LegendItem, { color: i.fill, children: formatter ? formatter(i.value, i.dataKey, index, i.unit) : `${i.dataKey} ${i.value}${i.unit ? ` ${i.unit}` : ""}` }, i.dataKey))
|
|
27
27
|
] })
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TooltipContent.mjs","sources":["../../../../../../../src/components/ChartTooltip/components/TooltipContent.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport styles from \"../ChartTooltip.module.scss\";\nimport popoverStyles from \"../../Popover/Popover.module.scss\";\nimport { PopoverTip } from \"@/components/Popover/components/PopoverTip\";\nimport Heading from \"@/components/Heading\";\nimport { LegendItem } from \"@/components/Legend/components/LegendItem\";\nimport type * as Recharts from \"recharts\";\nimport type {\n NameType,\n ValueType,\n} from \"recharts/types/component/DefaultTooltipContent\";\nimport type { WithTooltipFormatters } from \"../ChartTooltip\";\n\ninterface TooltipContentProps\n extends Pick<\n Recharts.TooltipContentProps<ValueType, NameType>,\n \"active\" | \"payload\" | \"label\" | \"wrapperClassName\"\n >,\n WithTooltipFormatters {}\n\nexport const TooltipContent = (props: TooltipContentProps) => {\n const {\n active,\n payload,\n formatter,\n headingFormatter,\n label,\n wrapperClassName,\n } = props;\n const className = clsx(wrapperClassName, popoverStyles.popover);\n\n if (active && payload && payload.length) {\n return (\n <div className={className}>\n <PopoverTip className={styles.tip} />\n <div className={popoverStyles.content}>\n <Heading level={3}>\n {headingFormatter && typeof label === \"string\"\n ? headingFormatter(label)\n : label}\n </Heading>\n {payload\n .filter((i) => i.fill !== \"none\")\n .map((i, index) => (\n <LegendItem color={i.fill} key={i.dataKey}>\n {formatter\n ? formatter(i.value, i.dataKey, index, i.unit)\n : `${i.dataKey} ${i.value}${i.unit ? ` ${i.unit}` : \"\"}`}\n </LegendItem>\n ))}\n </div>\n </div>\n );\n }\n\n return null;\n};\n"],"names":[
|
|
1
|
+
{"version":3,"file":"TooltipContent.mjs","sources":["../../../../../../../src/components/ChartTooltip/components/TooltipContent.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport styles from \"../ChartTooltip.module.scss\";\nimport popoverStyles from \"../../Popover/Popover.module.scss\";\nimport { PopoverTip } from \"@/components/Popover/components/PopoverTip\";\nimport Heading from \"@/components/Heading\";\nimport { LegendItem } from \"@/components/Legend/components/LegendItem\";\nimport type * as Recharts from \"recharts\";\nimport type {\n NameType,\n ValueType,\n} from \"recharts/types/component/DefaultTooltipContent\";\nimport type { WithTooltipFormatters } from \"../ChartTooltip\";\n\ninterface TooltipContentProps\n extends Pick<\n Recharts.TooltipContentProps<ValueType, NameType>,\n \"active\" | \"payload\" | \"label\" | \"wrapperClassName\"\n >,\n WithTooltipFormatters {}\n\nexport const TooltipContent = (props: TooltipContentProps) => {\n const {\n active,\n payload,\n formatter,\n headingFormatter,\n label,\n wrapperClassName,\n } = props;\n const className = clsx(wrapperClassName, popoverStyles.popover);\n\n if (active && payload && payload.length) {\n return (\n <div className={className}>\n <PopoverTip className={styles.tip} />\n <div className={popoverStyles.content}>\n <Heading level={3}>\n {headingFormatter && typeof label === \"string\"\n ? headingFormatter(label)\n : label}\n </Heading>\n {payload\n .filter((i) => i.fill !== \"none\")\n .map((i, index) => (\n <LegendItem color={i.fill} key={i.dataKey}>\n {formatter\n ? formatter(i.value, i.dataKey, index, i.unit)\n : `${i.dataKey} ${i.value}${i.unit ? ` ${i.unit}` : \"\"}`}\n </LegendItem>\n ))}\n </div>\n </div>\n );\n }\n\n return null;\n};\n"],"names":[],"mappings":";;;;;;;;AAoBa,MAAA,cAAA,GAAiB,CAAC,KAA+B,KAAA;AAC5D,EAAM,MAAA;AAAA,IACJ,MAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,IACA,gBAAA;AAAA,IACA,KAAA;AAAA,IACA;AAAA,GACE,GAAA,KAAA;AACJ,EAAA,MAAM,SAAY,GAAA,IAAA,CAAK,gBAAkB,EAAA,aAAA,CAAc,OAAO,CAAA;AAE9D,EAAI,IAAA,MAAA,IAAU,OAAW,IAAA,OAAA,CAAQ,MAAQ,EAAA;AACvC,IACE,uBAAA,IAAA,CAAC,SAAI,SACH,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,MAAA,CAAO,GAAK,EAAA,CAAA;AAAA,sBAClC,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,aAAA,CAAc,OAC5B,EAAA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,EACb,QAAoB,EAAA,gBAAA,IAAA,OAAO,UAAU,QAClC,GAAA,gBAAA,CAAiB,KAAK,CAAA,GACtB,KACN,EAAA,CAAA;AAAA,QACC,OAAA,CACE,OAAO,CAAC,CAAA,KAAM,EAAE,IAAS,KAAA,MAAM,EAC/B,GAAI,CAAA,CAAC,GAAG,KACP,qBAAA,GAAA,CAAC,cAAW,KAAO,EAAA,CAAA,CAAE,MAClB,QACG,EAAA,SAAA,GAAA,SAAA,CAAU,EAAE,KAAO,EAAA,CAAA,CAAE,SAAS,KAAO,EAAA,CAAA,CAAE,IAAI,CAC3C,GAAA,CAAA,EAAG,EAAE,OAAO,CAAA,CAAA,EAAI,EAAE,KAAK,CAAA,EAAG,EAAE,IAAO,GAAA,CAAA,CAAA,EAAI,EAAE,IAAI,CAAA,CAAA,GAAK,EAAE,CAH1B,CAAA,EAAA,EAAA,CAAA,CAAE,OAIlC,CACD;AAAA,OACL,EAAA;AAAA,KACF,EAAA,CAAA;AAAA;AAIJ,EAAO,OAAA,IAAA;AACT;;;;"}
|
|
@@ -1,17 +1,46 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
3
|
import { jsx } from 'react/jsx-runtime';
|
|
4
|
-
import 'react';
|
|
5
4
|
import * as Aria from 'react-aria-components';
|
|
6
5
|
import { Popover } from '../Popover/Popover.mjs';
|
|
7
6
|
import clsx from 'clsx';
|
|
8
7
|
import styles from './Options.module.scss.mjs';
|
|
8
|
+
import 'react';
|
|
9
|
+
import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
|
|
10
|
+
import '../../lib/propsContext/propsContext.mjs';
|
|
11
|
+
import '../../lib/viewComponentContext/viewComponentContext.mjs';
|
|
12
|
+
import '@react-aria/utils';
|
|
13
|
+
import 'remeda';
|
|
14
|
+
import 'dot-prop';
|
|
9
15
|
|
|
10
|
-
const Options = (props) => {
|
|
11
|
-
const {
|
|
16
|
+
const Options = flowComponent("Options", (props) => {
|
|
17
|
+
const {
|
|
18
|
+
className,
|
|
19
|
+
children,
|
|
20
|
+
controller,
|
|
21
|
+
renderEmptyState,
|
|
22
|
+
onAction,
|
|
23
|
+
...restPopoverProps
|
|
24
|
+
} = props;
|
|
12
25
|
const rootClassName = clsx(styles.options, className);
|
|
13
|
-
return /* @__PURE__ */ jsx(
|
|
14
|
-
|
|
26
|
+
return /* @__PURE__ */ jsx(
|
|
27
|
+
Popover,
|
|
28
|
+
{
|
|
29
|
+
className: styles.popover,
|
|
30
|
+
controller,
|
|
31
|
+
...restPopoverProps,
|
|
32
|
+
children: /* @__PURE__ */ jsx(
|
|
33
|
+
Aria.ListBox,
|
|
34
|
+
{
|
|
35
|
+
onAction,
|
|
36
|
+
className: rootClassName,
|
|
37
|
+
renderEmptyState,
|
|
38
|
+
children
|
|
39
|
+
}
|
|
40
|
+
)
|
|
41
|
+
}
|
|
42
|
+
);
|
|
43
|
+
});
|
|
15
44
|
|
|
16
45
|
export { Options, Options as default };
|
|
17
46
|
//# sourceMappingURL=Options.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Options.mjs","sources":["../../../../../../src/components/Options/Options.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport
|
|
1
|
+
{"version":3,"file":"Options.mjs","sources":["../../../../../../src/components/Options/Options.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport { Popover, type PopoverProps } from \"@/components/Popover/Popover\";\nimport clsx from \"clsx\";\nimport styles from \"./Options.module.scss\";\nimport type { OverlayController } from \"@/lib/controller\";\nimport type { OptionProps } from \"@/components/Option\";\nimport { flowComponent } from \"@/index/internal\";\n\nexport interface OptionsProps\n extends Pick<Aria.ListBoxProps<OptionProps>, \"renderEmptyState\" | \"onAction\">,\n PopoverProps {\n controller: OverlayController;\n}\n\nexport const Options: FC<OptionsProps> = flowComponent(\"Options\", (props) => {\n const {\n className,\n children,\n controller,\n renderEmptyState,\n onAction,\n ...restPopoverProps\n } = props;\n\n const rootClassName = clsx(styles.options, className);\n\n return (\n <Popover\n className={styles.popover}\n controller={controller}\n {...restPopoverProps}\n >\n <Aria.ListBox\n onAction={onAction}\n className={rootClassName}\n renderEmptyState={renderEmptyState}\n >\n {children}\n </Aria.ListBox>\n </Popover>\n );\n});\n\nexport default Options;\n"],"names":[],"mappings":";;;;;;;;;;;;;AAeO,MAAM,OAA4B,GAAA,aAAA,CAAc,SAAW,EAAA,CAAC,KAAU,KAAA;AAC3E,EAAM,MAAA;AAAA,IACJ,SAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,gBAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,OAAA,EAAS,SAAS,CAAA;AAEpD,EACE,uBAAA,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAO,CAAA,OAAA;AAAA,MAClB,UAAA;AAAA,MACC,GAAG,gBAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA;AAAA,QAAC,IAAK,CAAA,OAAA;AAAA,QAAL;AAAA,UACC,QAAA;AAAA,UACA,SAAW,EAAA,aAAA;AAAA,UACX,gBAAA;AAAA,UAEC;AAAA;AAAA;AACH;AAAA,GACF;AAEJ,CAAC;;;;"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
3
|
import { jsx } from 'react/jsx-runtime';
|
|
4
|
-
import 'react';
|
|
5
4
|
import clsx from 'clsx';
|
|
6
5
|
import 'mobx';
|
|
6
|
+
import 'react';
|
|
7
7
|
import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
|
|
8
8
|
import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
|
|
9
9
|
import { OverlayContextProvider } from '../../lib/controller/overlay/OverlayContextProvider.mjs';
|
|
10
|
-
import
|
|
10
|
+
import popoverStyles from './Popover.module.scss.mjs';
|
|
11
11
|
import PopoverContentView from '../../views/PopoverContentView.mjs';
|
|
12
12
|
|
|
13
13
|
const Popover = flowComponent("Popover", (props) => {
|
|
@@ -25,7 +25,7 @@ const Popover = flowComponent("Popover", (props) => {
|
|
|
25
25
|
});
|
|
26
26
|
const controller = controllerFromProps ?? controllerFromContext;
|
|
27
27
|
const isOpen = controller.useIsOpen();
|
|
28
|
-
const rootClassName = clsx(
|
|
28
|
+
const rootClassName = clsx(popoverStyles.popover, className);
|
|
29
29
|
return /* @__PURE__ */ jsx(
|
|
30
30
|
PopoverContentView,
|
|
31
31
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.mjs","sources":["../../../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport
|
|
1
|
+
{"version":3,"file":"Popover.mjs","sources":["../../../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport type * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport { type OverlayController, useOverlayController } from \"@/lib/controller\";\nimport {\n flowComponent,\n type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport OverlayContextProvider from \"@/lib/controller/overlay/OverlayContextProvider\";\nimport styles from \"./Popover.module.scss\";\nimport PopoverContentView from \"@/views/PopoverContentView\";\n\nexport interface PopoverProps\n extends PropsWithChildren<Omit<Aria.PopoverProps, \"children\">>,\n FlowComponentProps {\n /**\n * Whether the popover should display a tip, pointing towards the trigger\n * element.\n */\n withTip?: boolean;\n /** Whether the popover contains a dialog. */\n isDialogContent?: boolean;\n /** An overlay controller to control the popover state. */\n controller?: OverlayController;\n /** A fixed width for the popover. */\n width?: string | number;\n /** The popovers padding. @default \"m\" */\n padding?: \"s\" | \"m\";\n}\n\nexport const Popover = flowComponent(\"Popover\", (props) => {\n const {\n children,\n className,\n controller: controllerFromProps,\n defaultOpen = false,\n ref,\n ...contentProps\n } = props;\n\n const controllerFromContext = useOverlayController(\"Popover\", {\n reuseControllerFromContext: true,\n isDefaultOpen: defaultOpen,\n });\n\n const controller = controllerFromProps ?? controllerFromContext;\n const isOpen = controller.useIsOpen();\n\n const rootClassName = clsx(styles.popover, className);\n\n return (\n <PopoverContentView\n {...contentProps}\n className={rootClassName}\n isOpen={isOpen}\n onOpenChange={(isOpen) => controller.setOpen(isOpen)}\n ref={ref}\n >\n <OverlayContextProvider type=\"Popover\" controller={controller}>\n {children}\n </OverlayContextProvider>\n </PopoverContentView>\n );\n});\n\nexport default Popover;\n"],"names":["styles","isOpen"],"mappings":";;;;;;;;;;AA8BO,MAAM,OAAU,GAAA,aAAA,CAAc,SAAW,EAAA,CAAC,KAAU,KAAA;AACzD,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAY,EAAA,mBAAA;AAAA,IACZ,WAAc,GAAA,KAAA;AAAA,IACd,GAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAM,MAAA,qBAAA,GAAwB,qBAAqB,SAAW,EAAA;AAAA,IAC5D,0BAA4B,EAAA,IAAA;AAAA,IAC5B,aAAe,EAAA;AAAA,GAChB,CAAA;AAED,EAAA,MAAM,aAAa,mBAAuB,IAAA,qBAAA;AAC1C,EAAM,MAAA,MAAA,GAAS,WAAW,SAAU,EAAA;AAEpC,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAKA,aAAO,CAAA,OAAA,EAAS,SAAS,CAAA;AAEpD,EACE,uBAAA,GAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACE,GAAG,YAAA;AAAA,MACJ,SAAW,EAAA,aAAA;AAAA,MACX,MAAA;AAAA,MACA,YAAc,EAAA,CAACC,OAAW,KAAA,UAAA,CAAW,QAAQA,OAAM,CAAA;AAAA,MACnD,GAAA;AAAA,MAEA,QAAC,kBAAA,GAAA,CAAA,sBAAA,EAAA,EAAuB,IAAK,EAAA,SAAA,EAAU,YACpC,QACH,EAAA;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
const popover = "flow--popover";
|
|
4
4
|
const content = "flow--popover--content";
|
|
5
5
|
const tip = "flow--popover--tip";
|
|
6
|
-
const
|
|
6
|
+
const popoverStyles = {
|
|
7
7
|
popover: popover,
|
|
8
8
|
content: content,
|
|
9
9
|
"padding-s": "flow--popover--padding-s",
|
|
@@ -11,5 +11,5 @@ const styles = {
|
|
|
11
11
|
"popover-slide": "flow--popover--popover-slide"
|
|
12
12
|
};
|
|
13
13
|
|
|
14
|
-
export { content,
|
|
14
|
+
export { content, popoverStyles as default, popover, tip };
|
|
15
15
|
//# sourceMappingURL=Popover.module.scss.mjs.map
|
package/dist/js/components/src/components/Popover/components/PopoverContent/PopoverContent.mjs
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
4
4
|
import * as Aria from 'react-aria-components';
|
|
5
5
|
import clsx from 'clsx';
|
|
6
|
-
import
|
|
6
|
+
import popoverStyles from '../../Popover.module.scss.mjs';
|
|
7
7
|
|
|
8
8
|
const PopoverContent = (props) => {
|
|
9
9
|
const {
|
|
@@ -30,13 +30,13 @@ const PopoverContent = (props) => {
|
|
|
30
30
|
onOpenChange,
|
|
31
31
|
style: { width },
|
|
32
32
|
children: [
|
|
33
|
-
withTip && /* @__PURE__ */ jsx(Aria.OverlayArrow, { className:
|
|
33
|
+
withTip && /* @__PURE__ */ jsx(Aria.OverlayArrow, { className: popoverStyles.tip, children: /* @__PURE__ */ jsx("svg", { width: 16, height: 16, viewBox: "0 0 16 16", children: /* @__PURE__ */ jsx("path", { d: "M0 0 L8 8 L16 0" }) }) }),
|
|
34
34
|
/* @__PURE__ */ jsx(
|
|
35
35
|
ContentComponent,
|
|
36
36
|
{
|
|
37
37
|
className: clsx(
|
|
38
|
-
|
|
39
|
-
padding &&
|
|
38
|
+
popoverStyles.content,
|
|
39
|
+
padding && popoverStyles[`padding-${padding}`]
|
|
40
40
|
),
|
|
41
41
|
children
|
|
42
42
|
}
|
package/dist/js/components/src/components/Popover/components/PopoverContent/PopoverContent.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopoverContent.mjs","sources":["../../../../../../../../src/components/Popover/components/PopoverContent/PopoverContent.tsx"],"sourcesContent":["import type { FC, PropsWithChildren, Ref, RefObject } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"../../Popover.module.scss\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\n\nexport interface PopoverContentProps\n extends PropsWithChildren,\n PropsWithClassName {\n withTip?: boolean;\n isDialogContent?: boolean;\n isOpen?: boolean;\n width?: string | number;\n padding?: \"s\" | \"m\";\n onOpenChange: (isOpen: boolean) => void;\n ref?: Ref<HTMLElement>;\n triggerRef?: RefObject<Element | null>;\n}\n\n/** @flr-generate all */\nexport const PopoverContent: FC<PopoverContentProps> = (props) => {\n const {\n children,\n className,\n isDialogContent = false,\n withTip,\n onOpenChange,\n ref,\n isOpen,\n width,\n padding = \"m\",\n ...rest\n } = props;\n\n const ContentComponent = isDialogContent ? Aria.Dialog : \"div\";\n\n return (\n <Aria.Popover\n {...rest}\n className={className}\n containerPadding={16}\n ref={ref}\n isOpen={isOpen}\n onOpenChange={onOpenChange}\n style={{ width }}\n >\n {withTip && (\n <Aria.OverlayArrow className={styles.tip}>\n <svg width={16} height={16} viewBox=\"0 0 16 16\">\n <path d=\"M0 0 L8 8 L16 0\" />\n </svg>\n </Aria.OverlayArrow>\n )}\n <ContentComponent\n className={clsx(\n styles.content,\n padding && styles[`padding-${padding}`],\n )}\n >\n {children}\n </ContentComponent>\n </Aria.Popover>\n );\n};\n\nexport default PopoverContent;\n"],"names":[],"mappings":";;;;;AAoBa,MAAA,cAAA,GAA0C,CAAC,KAAU,KAAA;AAChE,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,eAAkB,GAAA,KAAA;AAAA,IAClB,OAAA;AAAA,IACA,YAAA;AAAA,IACA,GAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAU,GAAA,GAAA;AAAA,IACV,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAM,MAAA,gBAAA,GAAmB,eAAkB,GAAA,IAAA,CAAK,MAAS,GAAA,KAAA;AAEzD,EACE,uBAAA,IAAA;AAAA,IAAC,IAAK,CAAA,OAAA;AAAA,IAAL;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,SAAA;AAAA,MACA,gBAAkB,EAAA,EAAA;AAAA,MAClB,GAAA;AAAA,MACA,MAAA;AAAA,MACA,YAAA;AAAA,MACA,KAAA,EAAO,EAAE,KAAM,EAAA;AAAA,MAEd,QAAA,EAAA;AAAA,QACC,OAAA,oBAAA,GAAA,CAAC,KAAK,YAAL,EAAA,EAAkB,
|
|
1
|
+
{"version":3,"file":"PopoverContent.mjs","sources":["../../../../../../../../src/components/Popover/components/PopoverContent/PopoverContent.tsx"],"sourcesContent":["import type { FC, PropsWithChildren, Ref, RefObject } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"../../Popover.module.scss\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\n\nexport interface PopoverContentProps\n extends PropsWithChildren,\n PropsWithClassName {\n withTip?: boolean;\n isDialogContent?: boolean;\n isOpen?: boolean;\n width?: string | number;\n padding?: \"s\" | \"m\";\n onOpenChange: (isOpen: boolean) => void;\n ref?: Ref<HTMLElement>;\n triggerRef?: RefObject<Element | null>;\n}\n\n/** @flr-generate all */\nexport const PopoverContent: FC<PopoverContentProps> = (props) => {\n const {\n children,\n className,\n isDialogContent = false,\n withTip,\n onOpenChange,\n ref,\n isOpen,\n width,\n padding = \"m\",\n ...rest\n } = props;\n\n const ContentComponent = isDialogContent ? Aria.Dialog : \"div\";\n\n return (\n <Aria.Popover\n {...rest}\n className={className}\n containerPadding={16}\n ref={ref}\n isOpen={isOpen}\n onOpenChange={onOpenChange}\n style={{ width }}\n >\n {withTip && (\n <Aria.OverlayArrow className={styles.tip}>\n <svg width={16} height={16} viewBox=\"0 0 16 16\">\n <path d=\"M0 0 L8 8 L16 0\" />\n </svg>\n </Aria.OverlayArrow>\n )}\n <ContentComponent\n className={clsx(\n styles.content,\n padding && styles[`padding-${padding}`],\n )}\n >\n {children}\n </ContentComponent>\n </Aria.Popover>\n );\n};\n\nexport default PopoverContent;\n"],"names":["styles"],"mappings":";;;;;AAoBa,MAAA,cAAA,GAA0C,CAAC,KAAU,KAAA;AAChE,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,eAAkB,GAAA,KAAA;AAAA,IAClB,OAAA;AAAA,IACA,YAAA;AAAA,IACA,GAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAU,GAAA,GAAA;AAAA,IACV,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAM,MAAA,gBAAA,GAAmB,eAAkB,GAAA,IAAA,CAAK,MAAS,GAAA,KAAA;AAEzD,EACE,uBAAA,IAAA;AAAA,IAAC,IAAK,CAAA,OAAA;AAAA,IAAL;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,SAAA;AAAA,MACA,gBAAkB,EAAA,EAAA;AAAA,MAClB,GAAA;AAAA,MACA,MAAA;AAAA,MACA,YAAA;AAAA,MACA,KAAA,EAAO,EAAE,KAAM,EAAA;AAAA,MAEd,QAAA,EAAA;AAAA,QACC,OAAA,oBAAA,GAAA,CAAC,KAAK,YAAL,EAAA,EAAkB,WAAWA,aAAO,CAAA,GAAA,EACnC,8BAAC,KAAI,EAAA,EAAA,KAAA,EAAO,IAAI,MAAQ,EAAA,EAAA,EAAI,SAAQ,WAClC,EAAA,QAAA,kBAAA,GAAA,CAAC,UAAK,CAAE,EAAA,iBAAA,EAAkB,GAC5B,CACF,EAAA,CAAA;AAAA,wBAEF,GAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YACC,SAAW,EAAA,IAAA;AAAA,cACTA,aAAO,CAAA,OAAA;AAAA,cACP,OAAW,IAAAA,aAAA,CAAO,CAAW,QAAA,EAAA,OAAO,CAAE,CAAA;AAAA,aACxC;AAAA,YAEC;AAAA;AAAA;AACH;AAAA;AAAA,GACF;AAEJ;;;;"}
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
/* */
|
|
3
3
|
import { jsx } from 'react/jsx-runtime';
|
|
4
4
|
import clsx from 'clsx';
|
|
5
|
-
import
|
|
5
|
+
import popoverStyles from '../../Popover.module.scss.mjs';
|
|
6
6
|
import * as Aria from 'react-aria-components';
|
|
7
7
|
|
|
8
8
|
const PopoverTip = (props) => {
|
|
9
9
|
const { className } = props;
|
|
10
|
-
const rootClassName = clsx(
|
|
10
|
+
const rootClassName = clsx(popoverStyles.tip, className);
|
|
11
11
|
return /* @__PURE__ */ jsx(Aria.OverlayArrow, { className: rootClassName, children: /* @__PURE__ */ jsx("svg", { width: 16, height: 16, viewBox: "0 0 16 16", children: /* @__PURE__ */ jsx("path", { d: "M0 0 L8 8 L16 0" }) }) });
|
|
12
12
|
};
|
|
13
13
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopoverTip.mjs","sources":["../../../../../../../../src/components/Popover/components/PopoverTip/PopoverTip.tsx"],"sourcesContent":["import type { PropsWithClassName } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport type { FC } from \"react\";\nimport styles from \"../../Popover.module.scss\";\nimport * as Aria from \"react-aria-components\";\n\nexport const PopoverTip: FC<PropsWithClassName> = (props) => {\n const { className } = props;\n const rootClassName = clsx(styles.tip, className);\n\n return (\n <Aria.OverlayArrow className={rootClassName}>\n <svg width={16} height={16} viewBox=\"0 0 16 16\">\n <path d=\"M0 0 L8 8 L16 0\" />\n </svg>\n </Aria.OverlayArrow>\n );\n};\n"],"names":[],"mappings":";;;;;AAMa,MAAA,UAAA,GAAqC,CAAC,KAAU,KAAA;AAC3D,EAAM,MAAA,EAAE,WAAc,GAAA,KAAA;AACtB,EAAA,MAAM,aAAgB,GAAA,IAAA,
|
|
1
|
+
{"version":3,"file":"PopoverTip.mjs","sources":["../../../../../../../../src/components/Popover/components/PopoverTip/PopoverTip.tsx"],"sourcesContent":["import type { PropsWithClassName } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport type { FC } from \"react\";\nimport styles from \"../../Popover.module.scss\";\nimport * as Aria from \"react-aria-components\";\n\nexport const PopoverTip: FC<PropsWithClassName> = (props) => {\n const { className } = props;\n const rootClassName = clsx(styles.tip, className);\n\n return (\n <Aria.OverlayArrow className={rootClassName}>\n <svg width={16} height={16} viewBox=\"0 0 16 16\">\n <path d=\"M0 0 L8 8 L16 0\" />\n </svg>\n </Aria.OverlayArrow>\n );\n};\n"],"names":["styles"],"mappings":";;;;;AAMa,MAAA,UAAA,GAAqC,CAAC,KAAU,KAAA;AAC3D,EAAM,MAAA,EAAE,WAAc,GAAA,KAAA;AACtB,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAKA,aAAO,CAAA,GAAA,EAAK,SAAS,CAAA;AAEhD,EAAA,2BACG,IAAK,CAAA,YAAA,EAAL,EAAkB,SAAW,EAAA,aAAA,EAC5B,8BAAC,KAAI,EAAA,EAAA,KAAA,EAAO,IAAI,MAAQ,EAAA,EAAA,EAAI,SAAQ,WAClC,EAAA,QAAA,kBAAA,GAAA,CAAC,UAAK,CAAE,EAAA,iBAAA,EAAkB,GAC5B,CACF,EAAA,CAAA;AAEJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SuspenseTrigger.mjs","sources":["../../../../../../src/components/SuspenseTrigger/SuspenseTrigger.tsx"],"sourcesContent":["import { lazy, type ComponentType, type FC } from \"react\";\n\nexport interface SuspenseTriggerProps {\n show?: boolean;\n}\n\nconst nonResolvingPromise = new Promise<{ default: ComponentType<unknown> }>(\n () => {\n // no resolve\n },\n);\n\nconst NonResolvingLazy = lazy(() => nonResolvingPromise);\n\
|
|
1
|
+
{"version":3,"file":"SuspenseTrigger.mjs","sources":["../../../../../../src/components/SuspenseTrigger/SuspenseTrigger.tsx"],"sourcesContent":["import { lazy, type ComponentType, type FC } from \"react\";\n\nexport interface SuspenseTriggerProps {\n show?: boolean;\n}\n\nconst nonResolvingPromise = new Promise<{ default: ComponentType<unknown> }>(\n () => {\n // no resolve\n },\n);\n\nconst NonResolvingLazy = lazy(() => nonResolvingPromise);\n\nexport const SuspenseTrigger: FC<SuspenseTriggerProps> = (props) => {\n const { show = true } = props;\n return show ? <NonResolvingLazy /> : null;\n};\n\nexport default SuspenseTrigger;\n"],"names":[],"mappings":";;;AAMA,MAAM,sBAAsB,IAAI,OAAA;AAAA,EAC9B,MAAM;AAAA;AAGR,CAAA;AAEA,MAAM,gBAAA,GAAmB,IAAK,CAAA,MAAM,mBAAmB,CAAA;AAE1C,MAAA,eAAA,GAA4C,CAAC,KAAU,KAAA;AAClE,EAAM,MAAA,EAAE,IAAO,GAAA,IAAA,EAAS,GAAA,KAAA;AACxB,EAAO,OAAA,IAAA,mBAAQ,GAAA,CAAA,gBAAA,EAAA,EAAiB,CAAK,GAAA,IAAA;AACvC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../../../../src/components/propTypes/index.ts"],"sourcesContent":["import type { TextProps } from \"@/components/Text\";\nimport type { ButtonProps } from \"@/components/Button\";\nimport type { IconProps } from \"@/components/Icon\";\nimport type { LabelProps } from \"@/components/Label\";\nimport type { ContentProps } from \"@/components/Content\";\nimport type { LayoutCardProps } from \"@/components/LayoutCard\";\nimport type { LinkProps } from \"@/components/Link\";\nimport type { LightBoxProps } from \"@/components/LightBox\";\nimport type { FieldErrorProps } from \"@/components/FieldError\";\nimport type { FieldDescriptionProps } from \"@/components/FieldDescription\";\nimport type { AlertProps } from \"@/components/Alert\";\nimport type { HeadingProps } from \"@/components/Heading\";\nimport type { InitialsProps } from \"@/components/Initials\";\nimport type { ImageProps } from \"@/components/Image\";\nimport type { CopyButtonProps } from \"@/components/CopyButton\";\nimport type { HeaderProps } from \"@/components/Header/\";\nimport type { SwitchProps } from \"@/components/Switch\";\nimport type { AlertBadgeProps } from \"@/components/AlertBadge\";\nimport type { ActionGroupProps } from \"@/components/ActionGroup\";\nimport type { AvatarProps } from \"@/components/Avatar\";\nimport type { ActionProps } from \"@/components/Action\";\nimport type {\n ContextMenuProps,\n ContextMenuTriggerProps,\n MenuItemProps,\n} from \"@/components/ContextMenu\";\nimport type { SelectProps } from \"@/components/Select\";\nimport type {\n RadioButtonProps,\n RadioGroupProps,\n RadioProps,\n} from \"@/components/RadioGroup\";\nimport type { TextFieldProps } from \"@/components/TextField\";\nimport type { NumberFieldProps } from \"@/components/NumberField\";\nimport type { TextAreaProps } from \"@/components/TextArea\";\nimport type { CheckboxGroupProps } from \"@/components/CheckboxGroup\";\nimport type { CheckboxProps } from \"@/components/Checkbox\";\nimport type { CheckboxButtonProps } from \"@/components/CheckboxButton\";\nimport type { TabsProps } from \"@/components/Tabs\";\nimport type { ModalProps, ModalTriggerProps } from \"@/components/Modal\";\nimport type { SectionProps } from \"@/components/Section\";\nimport type { SliderProps } from \"@/components/Slider\";\nimport type { CounterBadgeProps } from \"@/components/CounterBadge\";\nimport type { FlowComponentName } from \"@/components/propTypes/types\";\nimport type {\n ContextualHelpProps,\n ContextualHelpTriggerProps,\n} from \"@/components/ContextualHelp\";\nimport type { PopoverProps, PopoverTriggerProps } from \"@/components/Popover\";\nimport type { ContextMenuSectionProps } from \"@/components/ContextMenu/components/ContextMenuSection\";\nimport type { ListProps } from \"@/components/List\";\nimport type { PasswordCreationFieldProps } from \"@/components/PasswordCreationField\";\nimport type { SearchFieldProps } from \"@/components/SearchField\";\nimport type { BadgeProps } from \"@/components/Badge\";\nimport type { DatePickerProps } from \"@/components/DatePicker\";\nimport type * as Aria from \"react-aria-components\";\nimport type { DateRangePickerProps } from \"@/components/DateRangePicker\";\nimport type { TimeFieldProps } from \"@/components/TimeField\";\nimport type { AlertIconProps } from \"@/components/AlertIcon\";\nimport type { ListSummaryProps } from \"@/components/List/components/ListSummary/ListSummary\";\nimport type { SegmentedControlProps } from \"@/components/SegmentedControl\";\nimport type { SegmentProps } from \"@/components/SegmentedControl/components/Segment\";\nimport type { FileCardProps } from \"@/components/FileCard\";\nimport type { FileFieldProps } from \"@/components/FileField\";\nimport type { AlignProps } from \"@/components/Align\";\nimport type { CountryOptionsProps } from \"@/components/Select/components/CountryOptions\";\nimport type { ComboBoxProps } from \"@/components/ComboBox\";\nimport type { OptionProps } from \"@/components/Option\";\nimport type { MessageProps } from \"@/components/Message\";\nimport type { MessageThreadProps } from \"@/components/MessageThread\";\nimport type { FileCardListProps } from \"@/components/FileCardList\";\nimport type { AccentBoxProps } from \"@/components/AccentBox\";\nimport type { ColumnLayoutProps } from \"@/components/ColumnLayout\";\nimport type { MenuTriggerProps } from \"@/components/OverlayTrigger\";\nimport type { ProgressBarProps } from \"@/components/ProgressBar\";\nimport type { FileDropZoneProps } from \"@/components/FileDropZone\";\nimport type { NavigationProps } from \"@/components/Navigation\";\nimport type { NavigationGroupProps } from \"@/components/Navigation/components/NavigationGroup\";\nimport type { AutocompleteProps } from \"@/components/Autocomplete/Autocomplete\";\n\nexport * from \"./types\";\n\nexport interface FlowComponentPropsTypes {\n AccentBox: AccentBoxProps;\n Action: ActionProps;\n ActionGroup: ActionGroupProps;\n Alert: AlertProps;\n AlertBadge: AlertBadgeProps;\n AlertIcon: AlertIconProps;\n Align: AlignProps;\n Avatar: AvatarProps;\n Autocomplete: AutocompleteProps;\n Badge: BadgeProps;\n Button: ButtonProps;\n Checkbox: CheckboxProps;\n CheckboxButton: CheckboxButtonProps;\n CheckboxGroup: CheckboxGroupProps;\n ColumnLayout: ColumnLayoutProps;\n ComboBox: ComboBoxProps;\n Content: ContentProps;\n ContextMenu: ContextMenuProps;\n ContextMenuSection: ContextMenuSectionProps;\n ContextMenuTrigger: ContextMenuTriggerProps;\n ContextualHelp: ContextualHelpProps;\n ContextualHelpTrigger: ContextualHelpTriggerProps;\n CopyButton: CopyButtonProps;\n CounterBadge: CounterBadgeProps;\n CountryOptions: CountryOptionsProps;\n DatePicker: DatePickerProps<Aria.DateValue>;\n DateRangePicker: DateRangePickerProps<Aria.DateValue>;\n FieldDescription: FieldDescriptionProps;\n FieldError: FieldErrorProps;\n FileCard: FileCardProps;\n FileCardList: FileCardListProps;\n FileField: FileFieldProps;\n FileDropZone: FileDropZoneProps;\n Header: HeaderProps;\n Heading: HeadingProps;\n Icon: IconProps;\n Image: ImageProps;\n Initials: InitialsProps;\n Label: LabelProps;\n LayoutCard: LayoutCardProps;\n LightBox: LightBoxProps;\n Link: LinkProps;\n List: ListProps<never>;\n ListSummary: ListSummaryProps;\n MenuItem: MenuItemProps;\n MenuTrigger: MenuTriggerProps;\n Message: MessageProps;\n MessageThread: MessageThreadProps;\n Modal: ModalProps;\n ModalTrigger: ModalTriggerProps;\n Navigation: NavigationProps;\n NavigationGroup: NavigationGroupProps;\n NumberField: NumberFieldProps;\n Option: OptionProps;\n Popover: PopoverProps;\n PopoverTrigger: PopoverTriggerProps;\n PasswordCreationField: PasswordCreationFieldProps;\n ProgressBar: ProgressBarProps;\n Radio: RadioProps;\n RadioButton: RadioButtonProps;\n RadioGroup: RadioGroupProps;\n SearchField: SearchFieldProps;\n Section: SectionProps;\n Segment: SegmentProps;\n SegmentedControl: SegmentedControlProps;\n Select: SelectProps;\n Slider: SliderProps;\n Switch: SwitchProps;\n Tabs: TabsProps;\n TabTitle: TabsProps;\n Text: TextProps;\n TextArea: TextAreaProps;\n TextField: TextFieldProps;\n TimeField: TimeFieldProps<Aria.TimeValue>;\n}\n\nconst propsContextSupportingComponentsMap: Record<\n keyof FlowComponentPropsTypes,\n true\n> = {\n AccentBox: true,\n Action: true,\n ActionGroup: true,\n Avatar: true,\n Autocomplete: true,\n Alert: true,\n AlertBadge: true,\n AlertIcon: true,\n Align: true,\n Badge: true,\n Button: true,\n Checkbox: true,\n CheckboxButton: true,\n CheckboxGroup: true,\n ColumnLayout: true,\n ComboBox: true,\n Content: true,\n ContextMenu: true,\n ContextMenuSection: true,\n ContextMenuTrigger: true,\n ContextualHelp: true,\n ContextualHelpTrigger: true,\n CopyButton: true,\n CounterBadge: true,\n CountryOptions: true,\n DatePicker: true,\n DateRangePicker: true,\n FieldDescription: true,\n FieldError: true,\n FileCard: true,\n FileCardList: true,\n FileField: true,\n FileDropZone: true,\n Header: true,\n Heading: true,\n Icon: true,\n Image: true,\n Initials: true,\n Label: true,\n LayoutCard: true,\n LightBox: true,\n Link: true,\n List: true,\n ListSummary: true,\n MenuItem: true,\n MenuTrigger: true,\n Message: true,\n MessageThread: true,\n Modal: true,\n ModalTrigger: true,\n Navigation: true,\n NavigationGroup: true,\n NumberField: true,\n Radio: true,\n Option: true,\n Popover: true,\n PopoverTrigger: true,\n PasswordCreationField: true,\n ProgressBar: true,\n RadioButton: true,\n RadioGroup: true,\n SearchField: true,\n Section: true,\n Segment: true,\n SegmentedControl: true,\n Select: true,\n Slider: true,\n Switch: true,\n Tabs: true,\n TabTitle: true,\n TestComponent: true,\n Text: true,\n TextArea: true,\n TextField: true,\n TimeField: true,\n};\n\nexport const propsContextSupportingComponents = Object.keys(\n propsContextSupportingComponentsMap,\n) as FlowComponentName[];\n"],"names":[],"mappings":"AA+JA,MAAM,mCAGF,GAAA;AAAA,EACF,SAAW,EAAA,IAAA;AAAA,EACX,MAAQ,EAAA,IAAA;AAAA,EACR,WAAa,EAAA,IAAA;AAAA,EACb,MAAQ,EAAA,IAAA;AAAA,EACR,YAAc,EAAA,IAAA;AAAA,EACd,KAAO,EAAA,IAAA;AAAA,EACP,UAAY,EAAA,IAAA;AAAA,EACZ,SAAW,EAAA,IAAA;AAAA,EACX,KAAO,EAAA,IAAA;AAAA,EACP,KAAO,EAAA,IAAA;AAAA,EACP,MAAQ,EAAA,IAAA;AAAA,EACR,QAAU,EAAA,IAAA;AAAA,EACV,cAAgB,EAAA,IAAA;AAAA,EAChB,aAAe,EAAA,IAAA;AAAA,EACf,YAAc,EAAA,IAAA;AAAA,EACd,QAAU,EAAA,IAAA;AAAA,EACV,OAAS,EAAA,IAAA;AAAA,EACT,WAAa,EAAA,IAAA;AAAA,EACb,kBAAoB,EAAA,IAAA;AAAA,EACpB,kBAAoB,EAAA,IAAA;AAAA,EACpB,cAAgB,EAAA,IAAA;AAAA,EAChB,qBAAuB,EAAA,IAAA;AAAA,EACvB,UAAY,EAAA,IAAA;AAAA,EACZ,YAAc,EAAA,IAAA;AAAA,EACd,cAAgB,EAAA,IAAA;AAAA,EAChB,UAAY,EAAA,IAAA;AAAA,EACZ,eAAiB,EAAA,IAAA;AAAA,EACjB,gBAAkB,EAAA,IAAA;AAAA,EAClB,UAAY,EAAA,IAAA;AAAA,EACZ,QAAU,EAAA,IAAA;AAAA,EACV,YAAc,EAAA,IAAA;AAAA,EACd,SAAW,EAAA,IAAA;AAAA,EACX,YAAc,EAAA,IAAA;AAAA,EACd,MAAQ,EAAA,IAAA;AAAA,EACR,OAAS,EAAA,IAAA;AAAA,EACT,IAAM,EAAA,IAAA;AAAA,EACN,KAAO,EAAA,IAAA;AAAA,EACP,QAAU,EAAA,IAAA;AAAA,EACV,KAAO,EAAA,IAAA;AAAA,EACP,UAAY,EAAA,IAAA;AAAA,EACZ,QAAU,EAAA,IAAA;AAAA,EACV,IAAM,EAAA,IAAA;AAAA,EACN,IAAM,EAAA,IAAA;AAAA,EACN,WAAa,EAAA,IAAA;AAAA,EACb,QAAU,EAAA,IAAA;AAAA,EACV,WAAa,EAAA,IAAA;AAAA,EACb,OAAS,EAAA,IAAA;AAAA,EACT,aAAe,EAAA,IAAA;AAAA,EACf,KAAO,EAAA,IAAA;AAAA,EACP,YAAc,EAAA,IAAA;AAAA,EACd,UAAY,EAAA,IAAA;AAAA,EACZ,eAAiB,EAAA,IAAA;AAAA,EACjB,WAAa,EAAA,IAAA;AAAA,EACb,KAAO,EAAA,IAAA;AAAA,EACP,MAAQ,EAAA,IAAA;AAAA,EACR,OAAS,EAAA,IAAA;AAAA,EACT,cAAgB,EAAA,IAAA;AAAA,EAChB,qBAAuB,EAAA,IAAA;AAAA,EACvB,WAAa,EAAA,IAAA;AAAA,EACb,WAAa,EAAA,IAAA;AAAA,EACb,UAAY,EAAA,IAAA;AAAA,EACZ,WAAa,EAAA,IAAA;AAAA,EACb,OAAS,EAAA,IAAA;AAAA,EACT,OAAS,EAAA,IAAA;AAAA,EACT,gBAAkB,EAAA,IAAA;AAAA,EAClB,MAAQ,EAAA,IAAA;AAAA,EACR,MAAQ,EAAA,IAAA;AAAA,EACR,MAAQ,EAAA,IAAA;AAAA,EACR,IAAM,EAAA,IAAA;AAAA,EACN,QAAU,EAAA,IAAA;AAAA,EACV,aAAe,EAAA,IAAA;AAAA,EACf,IAAM,EAAA,IAAA;AAAA,EACN,QAAU,EAAA,IAAA;AAAA,EACV,SAAW,EAAA,IAAA;AAAA,EACX,SAAW,EAAA;AACb,CAAA;AAEO,MAAM,mCAAmC,MAAO,CAAA,IAAA;AAAA,EACrD;AACF;;;;"}
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../../../../src/components/propTypes/index.ts"],"sourcesContent":["import type { TextProps } from \"@/components/Text\";\nimport type { ButtonProps } from \"@/components/Button\";\nimport type { IconProps } from \"@/components/Icon\";\nimport type { LabelProps } from \"@/components/Label\";\nimport type { ContentProps } from \"@/components/Content\";\nimport type { LayoutCardProps } from \"@/components/LayoutCard\";\nimport type { LinkProps } from \"@/components/Link\";\nimport type { LightBoxProps } from \"@/components/LightBox\";\nimport type { FieldErrorProps } from \"@/components/FieldError\";\nimport type { FieldDescriptionProps } from \"@/components/FieldDescription\";\nimport type { AlertProps } from \"@/components/Alert\";\nimport type { HeadingProps } from \"@/components/Heading\";\nimport type { InitialsProps } from \"@/components/Initials\";\nimport type { ImageProps } from \"@/components/Image\";\nimport type { CopyButtonProps } from \"@/components/CopyButton\";\nimport type { HeaderProps } from \"@/components/Header/\";\nimport type { SwitchProps } from \"@/components/Switch\";\nimport type { AlertBadgeProps } from \"@/components/AlertBadge\";\nimport type { ActionGroupProps } from \"@/components/ActionGroup\";\nimport type { AvatarProps } from \"@/components/Avatar\";\nimport type { ActionProps } from \"@/components/Action\";\nimport type {\n ContextMenuProps,\n ContextMenuTriggerProps,\n MenuItemProps,\n} from \"@/components/ContextMenu\";\nimport type { SelectProps } from \"@/components/Select\";\nimport type {\n RadioButtonProps,\n RadioGroupProps,\n RadioProps,\n} from \"@/components/RadioGroup\";\nimport type { TextFieldProps } from \"@/components/TextField\";\nimport type { NumberFieldProps } from \"@/components/NumberField\";\nimport type { TextAreaProps } from \"@/components/TextArea\";\nimport type { CheckboxGroupProps } from \"@/components/CheckboxGroup\";\nimport type { CheckboxProps } from \"@/components/Checkbox\";\nimport type { CheckboxButtonProps } from \"@/components/CheckboxButton\";\nimport type { TabsProps } from \"@/components/Tabs\";\nimport type { ModalProps, ModalTriggerProps } from \"@/components/Modal\";\nimport type { SectionProps } from \"@/components/Section\";\nimport type { SliderProps } from \"@/components/Slider\";\nimport type { CounterBadgeProps } from \"@/components/CounterBadge\";\nimport type { FlowComponentName } from \"@/components/propTypes/types\";\nimport type {\n ContextualHelpProps,\n ContextualHelpTriggerProps,\n} from \"@/components/ContextualHelp\";\nimport type { PopoverProps, PopoverTriggerProps } from \"@/components/Popover\";\nimport type { ContextMenuSectionProps } from \"@/components/ContextMenu/components/ContextMenuSection\";\nimport type { ListProps } from \"@/components/List\";\nimport type { PasswordCreationFieldProps } from \"@/components/PasswordCreationField\";\nimport type { SearchFieldProps } from \"@/components/SearchField\";\nimport type { BadgeProps } from \"@/components/Badge\";\nimport type { DatePickerProps } from \"@/components/DatePicker\";\nimport type * as Aria from \"react-aria-components\";\nimport type { DateRangePickerProps } from \"@/components/DateRangePicker\";\nimport type { TimeFieldProps } from \"@/components/TimeField\";\nimport type { AlertIconProps } from \"@/components/AlertIcon\";\nimport type { ListSummaryProps } from \"@/components/List/components/ListSummary/ListSummary\";\nimport type { SegmentedControlProps } from \"@/components/SegmentedControl\";\nimport type { SegmentProps } from \"@/components/SegmentedControl/components/Segment\";\nimport type { FileCardProps } from \"@/components/FileCard\";\nimport type { FileFieldProps } from \"@/components/FileField\";\nimport type { AlignProps } from \"@/components/Align\";\nimport type { CountryOptionsProps } from \"@/components/Select/components/CountryOptions\";\nimport type { ComboBoxProps } from \"@/components/ComboBox\";\nimport type { OptionProps } from \"@/components/Option\";\nimport type { MessageProps } from \"@/components/Message\";\nimport type { MessageThreadProps } from \"@/components/MessageThread\";\nimport type { FileCardListProps } from \"@/components/FileCardList\";\nimport type { AccentBoxProps } from \"@/components/AccentBox\";\nimport type { ColumnLayoutProps } from \"@/components/ColumnLayout\";\nimport type { MenuTriggerProps } from \"@/components/OverlayTrigger\";\nimport type { ProgressBarProps } from \"@/components/ProgressBar\";\nimport type { FileDropZoneProps } from \"@/components/FileDropZone\";\nimport type { NavigationProps } from \"@/components/Navigation\";\nimport type { NavigationGroupProps } from \"@/components/Navigation/components/NavigationGroup\";\nimport type { AutocompleteProps } from \"@/components/Autocomplete/Autocomplete\";\nimport type { OptionsProps } from \"@/components/Options/Options\";\n\nexport * from \"./types\";\n\nexport interface FlowComponentPropsTypes {\n AccentBox: AccentBoxProps;\n Action: ActionProps;\n ActionGroup: ActionGroupProps;\n Alert: AlertProps;\n AlertBadge: AlertBadgeProps;\n AlertIcon: AlertIconProps;\n Align: AlignProps;\n Avatar: AvatarProps;\n Autocomplete: AutocompleteProps;\n Badge: BadgeProps;\n Button: ButtonProps;\n Checkbox: CheckboxProps;\n CheckboxButton: CheckboxButtonProps;\n CheckboxGroup: CheckboxGroupProps;\n ColumnLayout: ColumnLayoutProps;\n ComboBox: ComboBoxProps;\n Content: ContentProps;\n ContextMenu: ContextMenuProps;\n ContextMenuSection: ContextMenuSectionProps;\n ContextMenuTrigger: ContextMenuTriggerProps;\n ContextualHelp: ContextualHelpProps;\n ContextualHelpTrigger: ContextualHelpTriggerProps;\n CopyButton: CopyButtonProps;\n CounterBadge: CounterBadgeProps;\n CountryOptions: CountryOptionsProps;\n DatePicker: DatePickerProps<Aria.DateValue>;\n DateRangePicker: DateRangePickerProps<Aria.DateValue>;\n FieldDescription: FieldDescriptionProps;\n FieldError: FieldErrorProps;\n FileCard: FileCardProps;\n FileCardList: FileCardListProps;\n FileField: FileFieldProps;\n FileDropZone: FileDropZoneProps;\n Header: HeaderProps;\n Heading: HeadingProps;\n Icon: IconProps;\n Image: ImageProps;\n Initials: InitialsProps;\n Label: LabelProps;\n LayoutCard: LayoutCardProps;\n LightBox: LightBoxProps;\n Link: LinkProps;\n List: ListProps<never>;\n ListSummary: ListSummaryProps;\n MenuItem: MenuItemProps;\n MenuTrigger: MenuTriggerProps;\n Message: MessageProps;\n MessageThread: MessageThreadProps;\n Modal: ModalProps;\n ModalTrigger: ModalTriggerProps;\n Navigation: NavigationProps;\n NavigationGroup: NavigationGroupProps;\n NumberField: NumberFieldProps;\n Option: OptionProps;\n Options: OptionsProps;\n Popover: PopoverProps;\n PopoverTrigger: PopoverTriggerProps;\n PasswordCreationField: PasswordCreationFieldProps;\n ProgressBar: ProgressBarProps;\n Radio: RadioProps;\n RadioButton: RadioButtonProps;\n RadioGroup: RadioGroupProps;\n SearchField: SearchFieldProps;\n Section: SectionProps;\n Segment: SegmentProps;\n SegmentedControl: SegmentedControlProps;\n Select: SelectProps;\n Slider: SliderProps;\n Switch: SwitchProps;\n Tabs: TabsProps;\n TabTitle: TabsProps;\n Text: TextProps;\n TextArea: TextAreaProps;\n TextField: TextFieldProps;\n TimeField: TimeFieldProps<Aria.TimeValue>;\n}\n\nconst propsContextSupportingComponentsMap: Record<\n keyof FlowComponentPropsTypes,\n true\n> = {\n AccentBox: true,\n Action: true,\n ActionGroup: true,\n Avatar: true,\n Autocomplete: true,\n Alert: true,\n AlertBadge: true,\n AlertIcon: true,\n Align: true,\n Badge: true,\n Button: true,\n Checkbox: true,\n CheckboxButton: true,\n CheckboxGroup: true,\n ColumnLayout: true,\n ComboBox: true,\n Content: true,\n ContextMenu: true,\n ContextMenuSection: true,\n ContextMenuTrigger: true,\n ContextualHelp: true,\n ContextualHelpTrigger: true,\n CopyButton: true,\n CounterBadge: true,\n CountryOptions: true,\n DatePicker: true,\n DateRangePicker: true,\n FieldDescription: true,\n FieldError: true,\n FileCard: true,\n FileCardList: true,\n FileField: true,\n FileDropZone: true,\n Header: true,\n Heading: true,\n Icon: true,\n Image: true,\n Initials: true,\n Label: true,\n LayoutCard: true,\n LightBox: true,\n Link: true,\n List: true,\n ListSummary: true,\n MenuItem: true,\n MenuTrigger: true,\n Message: true,\n MessageThread: true,\n Modal: true,\n ModalTrigger: true,\n Navigation: true,\n NavigationGroup: true,\n NumberField: true,\n Radio: true,\n Option: true,\n Options: true,\n Popover: true,\n PopoverTrigger: true,\n PasswordCreationField: true,\n ProgressBar: true,\n RadioButton: true,\n RadioGroup: true,\n SearchField: true,\n Section: true,\n Segment: true,\n SegmentedControl: true,\n Select: true,\n Slider: true,\n Switch: true,\n Tabs: true,\n TabTitle: true,\n TestComponent: true,\n Text: true,\n TextArea: true,\n TextField: true,\n TimeField: true,\n};\n\nexport const propsContextSupportingComponents = Object.keys(\n propsContextSupportingComponentsMap,\n) as FlowComponentName[];\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAE9C,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,sCAAsC,CAAC;
|
|
1
|
+
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAE9C,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,sCAAsC,CAAC;AAa9C,MAAM,WAAW,iBACf,SAAQ,iBAAiB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,eAAe,GAAG,YAAY,CAAC;CAAG;AAEhF,wBAAwB;AACxB,eAAO,MAAM,YAAY,sGA6FvB,CAAC;AAEH,eAAe,YAAY,CAAC"}
|
|
@@ -3,6 +3,7 @@ import { Chat } from '../../Chat';
|
|
|
3
3
|
import { Autocomplete } from '..';
|
|
4
4
|
declare const meta: Meta<typeof Chat>;
|
|
5
5
|
export default meta;
|
|
6
|
+
export declare const FixedOptions: Story;
|
|
6
7
|
type Story = StoryObj<typeof Autocomplete>;
|
|
7
8
|
export declare const Default: Story;
|
|
8
9
|
//# sourceMappingURL=Default.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Autocomplete/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Autocomplete/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAKzD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CA6B3B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,YAAY,EAAE,KAW1B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAE3C,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
+
import { PopoverProps } from '../Popover/Popover';
|
|
2
3
|
import { OverlayController } from '../../lib/controller';
|
|
3
4
|
import { OptionProps } from '../Option';
|
|
4
5
|
import * as Aria from "react-aria-components";
|
|
5
|
-
export interface OptionsProps extends Aria.ListBoxProps<OptionProps
|
|
6
|
+
export interface OptionsProps extends Pick<Aria.ListBoxProps<OptionProps>, "renderEmptyState" | "onAction">, PopoverProps {
|
|
6
7
|
controller: OverlayController;
|
|
7
8
|
}
|
|
8
9
|
export declare const Options: FC<OptionsProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Options.d.ts","sourceRoot":"","sources":["../../../../src/components/Options/Options.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Options.d.ts","sourceRoot":"","sources":["../../../../src/components/Options/Options.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAG1E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGvD,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,kBAAkB,GAAG,UAAU,CAAC,EAC3E,YAAY;IACd,UAAU,EAAE,iBAAiB,CAAC;CAC/B;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA2BnC,CAAC;AAEH,eAAe,OAAO,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { PropsWithChildren
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
2
2
|
import { OverlayController } from '../../lib/controller';
|
|
3
3
|
import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
|
|
4
4
|
import type * as Aria from "react-aria-components";
|
|
@@ -17,6 +17,6 @@ export interface PopoverProps extends PropsWithChildren<Omit<Aria.PopoverProps,
|
|
|
17
17
|
/** The popovers padding. @default "m" */
|
|
18
18
|
padding?: "s" | "m";
|
|
19
19
|
}
|
|
20
|
-
export declare const Popover:
|
|
20
|
+
export declare const Popover: import('react').FunctionComponent<PopoverProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
21
21
|
export default Popover;
|
|
22
22
|
//# sourceMappingURL=Popover.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAEnD,OAAO,EAAE,KAAK,iBAAiB,EAAwB,MAAM,kBAAkB,CAAC;AAChF,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,sCAAsC,CAAC;AAK9C,MAAM,WAAW,YACf,SAAQ,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC,EAC5D,kBAAkB;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6CAA6C;IAC7C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,0DAA0D;IAC1D,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,yCAAyC;IACzC,OAAO,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACrB;AAED,eAAO,MAAM,OAAO,iGAiClB,CAAC;AAEH,eAAe,OAAO,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SuspenseTrigger.d.ts","sourceRoot":"","sources":["../../../../src/components/SuspenseTrigger/SuspenseTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAE1D,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAUD,
|
|
1
|
+
{"version":3,"file":"SuspenseTrigger.d.ts","sourceRoot":"","sources":["../../../../src/components/SuspenseTrigger/SuspenseTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAE1D,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAUD,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAGpD,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -65,6 +65,7 @@ import { FileDropZoneProps } from '../FileDropZone';
|
|
|
65
65
|
import { NavigationProps } from '../Navigation';
|
|
66
66
|
import { NavigationGroupProps } from '../Navigation/components/NavigationGroup';
|
|
67
67
|
import { AutocompleteProps } from '../Autocomplete/Autocomplete';
|
|
68
|
+
import { OptionsProps } from '../Options/Options';
|
|
68
69
|
import type * as Aria from "react-aria-components";
|
|
69
70
|
export * from './types';
|
|
70
71
|
export interface FlowComponentPropsTypes {
|
|
@@ -122,6 +123,7 @@ export interface FlowComponentPropsTypes {
|
|
|
122
123
|
NavigationGroup: NavigationGroupProps;
|
|
123
124
|
NumberField: NumberFieldProps;
|
|
124
125
|
Option: OptionProps;
|
|
126
|
+
Options: OptionsProps;
|
|
125
127
|
Popover: PopoverProps;
|
|
126
128
|
PopoverTrigger: PopoverTriggerProps;
|
|
127
129
|
PasswordCreationField: PasswordCreationFieldProps;
|