@mittwald/flow-react-components 0.2.0-alpha.34 → 0.2.0-alpha.35
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 +170 -0
- package/dist/assets/doc-properties.json +27833 -27715
- package/dist/css/all.css +1 -1
- package/dist/js/components/Align/Align.mjs +6 -1
- package/dist/js/components/Align/Align.mjs.map +1 -1
- package/dist/js/components/Align/Align.module.scss.mjs +3 -1
- package/dist/js/components/Align/Align.module.scss.mjs.map +1 -1
- package/dist/js/components/FileCard/components/DeleteButton/DeleteButton.mjs +0 -1
- package/dist/js/components/FileCard/components/DeleteButton/DeleteButton.mjs.map +1 -1
- package/dist/js/components/Image/Image.mjs +7 -4
- package/dist/js/components/Image/Image.mjs.map +1 -1
- package/dist/js/components/Image/Image.module.scss.mjs +9 -0
- package/dist/js/components/Image/Image.module.scss.mjs.map +1 -0
- package/dist/js/components/Table/Table.module.scss.mjs +1 -0
- package/dist/js/components/Table/Table.module.scss.mjs.map +1 -1
- package/dist/js/components/Table/components/TableCell/TableCell.mjs +12 -2
- package/dist/js/components/Table/components/TableCell/TableCell.mjs.map +1 -1
- package/dist/js/components/Table/components/TableColumn/TableColumn.mjs +6 -2
- package/dist/js/components/Table/components/TableColumn/TableColumn.mjs.map +1 -1
- package/dist/js/components/Tabs/Tabs.mjs +17 -6
- package/dist/js/components/Tabs/Tabs.mjs.map +1 -1
- package/dist/js/components/Text/Text.mjs +7 -1
- package/dist/js/components/Text/Text.mjs.map +1 -1
- package/dist/js/components/Text/Text.module.scss.mjs +4 -1
- package/dist/js/components/Text/Text.module.scss.mjs.map +1 -1
- package/dist/js/integrations/react-hook-form/components/Field/Field.mjs +8 -2
- package/dist/js/integrations/react-hook-form/components/Field/Field.mjs.map +1 -1
- package/dist/types/components/Align/Align.d.ts.map +1 -1
- package/dist/types/components/Align/stories/TextContextualHelp.stories.d.ts +7 -0
- package/dist/types/components/Align/stories/TextContextualHelp.stories.d.ts.map +1 -0
- package/dist/types/components/FileCard/components/DeleteButton/DeleteButton.d.ts.map +1 -1
- package/dist/types/components/Image/Image.d.ts +4 -2
- package/dist/types/components/Image/Image.d.ts.map +1 -1
- package/dist/types/components/Image/stories/Default.stories.d.ts +1 -0
- package/dist/types/components/Image/stories/Default.stories.d.ts.map +1 -1
- package/dist/types/components/LabeledValue/stories/Default.stories.d.ts +1 -0
- package/dist/types/components/LabeledValue/stories/Default.stories.d.ts.map +1 -1
- package/dist/types/components/List/typedList.d.ts +1 -1
- package/dist/types/components/Section/stories/Default.stories.d.ts.map +1 -1
- package/dist/types/components/SegmentedControl/stories/Default.stories.d.ts +1 -0
- package/dist/types/components/SegmentedControl/stories/Default.stories.d.ts.map +1 -1
- package/dist/types/components/Table/components/TableCell/TableCell.d.ts +2 -0
- package/dist/types/components/Table/components/TableCell/TableCell.d.ts.map +1 -1
- package/dist/types/components/Table/components/TableColumn/TableColumn.d.ts +4 -1
- package/dist/types/components/Table/components/TableColumn/TableColumn.d.ts.map +1 -1
- package/dist/types/components/Table/stories/Default.stories.d.ts +1 -0
- package/dist/types/components/Table/stories/Default.stories.d.ts.map +1 -1
- package/dist/types/components/Tabs/Tabs.d.ts +2 -2
- package/dist/types/components/Tabs/Tabs.d.ts.map +1 -1
- package/dist/types/components/Text/Text.d.ts +1 -0
- package/dist/types/components/Text/Text.d.ts.map +1 -1
- package/dist/types/components/Text/stories/Default.stories.d.ts +1 -0
- package/dist/types/components/Text/stories/Default.stories.d.ts.map +1 -1
- package/dist/types/integrations/react-hook-form/components/Field/Field.d.ts.map +1 -1
- package/dist/types/integrations/react-hook-form/components/Field/stories/Default.stories.d.ts.map +1 -1
- package/package.json +33 -33
|
@@ -15,7 +15,12 @@ const Align = flowComponent("Align", (props) => {
|
|
|
15
15
|
Button: { className: styles.button },
|
|
16
16
|
Avatar: { className: styles.avatar, size: "m" },
|
|
17
17
|
CopyButton: { size: "s", className: styles.copyButton },
|
|
18
|
-
Icon: { size: "s", className: styles.icon }
|
|
18
|
+
Icon: { size: "s", className: styles.icon },
|
|
19
|
+
ContextualHelpTrigger: {
|
|
20
|
+
Button: {
|
|
21
|
+
className: styles.contextualHelpTriggerButton
|
|
22
|
+
}
|
|
23
|
+
}
|
|
19
24
|
};
|
|
20
25
|
return /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children: /* @__PURE__ */ jsx("div", { className: rootClassName, children }) });
|
|
21
26
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Align.mjs","sources":["../../../../src/components/Align/Align.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./Align.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport PropsContextProvider from \"@/lib/propsContext/PropsContextProvider\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface AlignProps\n extends PropsWithChildren,\n PropsWithClassName,\n FlowComponentProps {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Align = flowComponent(\"Align\", (props) => {\n const { children, className } = props;\n\n const rootClassName = clsx(styles.align, className);\n\n const propsContext: PropsContext = {\n Text: { className: styles.text },\n Button: { className: styles.button },\n Avatar: { className: styles.avatar, size: \"m\" },\n CopyButton: { size: \"s\", className: styles.copyButton },\n Icon: { size: \"s\", className: styles.icon },\n };\n\n return (\n <PropsContextProvider props={propsContext}>\n <div className={rootClassName}>{children}</div>\n </PropsContextProvider>\n );\n});\n\nexport default Align;\n"],"names":[],"mappings":";;;;;;;AAmBO,MAAM,KAAQ,GAAA,aAAA,CAAc,OAAS,EAAA,CAAC,KAAU,KAAA;AACrD,EAAM,MAAA,EAAE,QAAU,EAAA,SAAA,EAAc,GAAA,KAAA;AAEhC,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,KAAA,EAAO,SAAS,CAAA;AAElD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,IAAM,EAAA,EAAE,SAAW,EAAA,MAAA,CAAO,IAAK,EAAA;AAAA,IAC/B,MAAQ,EAAA,EAAE,SAAW,EAAA,MAAA,CAAO,MAAO,EAAA;AAAA,IACnC,QAAQ,EAAE,SAAA,EAAW,MAAO,CAAA,MAAA,EAAQ,MAAM,GAAI,EAAA;AAAA,IAC9C,YAAY,EAAE,IAAA,EAAM,GAAK,EAAA,SAAA,EAAW,OAAO,UAAW,EAAA;AAAA,IACtD,MAAM,EAAE,IAAA,EAAM,GAAK,EAAA,SAAA,EAAW,OAAO,IAAK;AAAA,
|
|
1
|
+
{"version":3,"file":"Align.mjs","sources":["../../../../src/components/Align/Align.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./Align.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport PropsContextProvider from \"@/lib/propsContext/PropsContextProvider\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface AlignProps\n extends PropsWithChildren,\n PropsWithClassName,\n FlowComponentProps {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Align = flowComponent(\"Align\", (props) => {\n const { children, className } = props;\n\n const rootClassName = clsx(styles.align, className);\n\n const propsContext: PropsContext = {\n Text: { className: styles.text },\n Button: { className: styles.button },\n Avatar: { className: styles.avatar, size: \"m\" },\n CopyButton: { size: \"s\", className: styles.copyButton },\n Icon: { size: \"s\", className: styles.icon },\n ContextualHelpTrigger: {\n Button: {\n className: styles.contextualHelpTriggerButton,\n },\n },\n };\n\n return (\n <PropsContextProvider props={propsContext}>\n <div className={rootClassName}>{children}</div>\n </PropsContextProvider>\n );\n});\n\nexport default Align;\n"],"names":[],"mappings":";;;;;;;AAmBO,MAAM,KAAQ,GAAA,aAAA,CAAc,OAAS,EAAA,CAAC,KAAU,KAAA;AACrD,EAAM,MAAA,EAAE,QAAU,EAAA,SAAA,EAAc,GAAA,KAAA;AAEhC,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,KAAA,EAAO,SAAS,CAAA;AAElD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,IAAM,EAAA,EAAE,SAAW,EAAA,MAAA,CAAO,IAAK,EAAA;AAAA,IAC/B,MAAQ,EAAA,EAAE,SAAW,EAAA,MAAA,CAAO,MAAO,EAAA;AAAA,IACnC,QAAQ,EAAE,SAAA,EAAW,MAAO,CAAA,MAAA,EAAQ,MAAM,GAAI,EAAA;AAAA,IAC9C,YAAY,EAAE,IAAA,EAAM,GAAK,EAAA,SAAA,EAAW,OAAO,UAAW,EAAA;AAAA,IACtD,MAAM,EAAE,IAAA,EAAM,GAAK,EAAA,SAAA,EAAW,OAAO,IAAK,EAAA;AAAA,IAC1C,qBAAuB,EAAA;AAAA,MACrB,MAAQ,EAAA;AAAA,QACN,WAAW,MAAO,CAAA;AAAA;AACpB;AACF,GACF;AAEA,EACE,uBAAA,GAAA,CAAC,wBAAqB,KAAO,EAAA,YAAA,EAC3B,8BAAC,KAAI,EAAA,EAAA,SAAA,EAAW,aAAgB,EAAA,QAAA,EAAS,CAC3C,EAAA,CAAA;AAEJ,CAAC;;;;"}
|
|
@@ -5,6 +5,7 @@ const avatar = "flow--align--avatar";
|
|
|
5
5
|
const text = "flow--align--text";
|
|
6
6
|
const button = "flow--align--button";
|
|
7
7
|
const copyButton = "flow--align--copy-button";
|
|
8
|
+
const contextualHelpTriggerButton = "flow--align--contextual-help-trigger-button";
|
|
8
9
|
const icon = "flow--align--icon";
|
|
9
10
|
const styles = {
|
|
10
11
|
align: align,
|
|
@@ -12,8 +13,9 @@ const styles = {
|
|
|
12
13
|
text: text,
|
|
13
14
|
button: button,
|
|
14
15
|
copyButton: copyButton,
|
|
16
|
+
contextualHelpTriggerButton: contextualHelpTriggerButton,
|
|
15
17
|
icon: icon
|
|
16
18
|
};
|
|
17
19
|
|
|
18
|
-
export { align, avatar, button, copyButton, styles as default, icon, text };
|
|
20
|
+
export { align, avatar, button, contextualHelpTriggerButton, copyButton, styles as default, icon, text };
|
|
19
21
|
//# sourceMappingURL=Align.module.scss.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Align.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Align.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DeleteButton.mjs","sources":["../../../../../../src/components/FileCard/components/DeleteButton/DeleteButton.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport { Button } from \"@/components/Button\";\nimport styles from \"@/components/FileCard/FileCard.module.scss\";\nimport { IconClose } from \"@/components/Icon/components/icons\";\nimport locales from \"../../locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\n\ninterface Props {\n onDelete: () => void;\n}\n\nexport const DeleteButton: FC<Props> = (props) => {\n const { onDelete } = props;\n const stringFormatter = useLocalizedStringFormatter(locales);\n\n return (\n <Button\n className={styles.deleteButton}\n aria-label={stringFormatter.format(`fileCard.delete`)}\n
|
|
1
|
+
{"version":3,"file":"DeleteButton.mjs","sources":["../../../../../../src/components/FileCard/components/DeleteButton/DeleteButton.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport { Button } from \"@/components/Button\";\nimport styles from \"@/components/FileCard/FileCard.module.scss\";\nimport { IconClose } from \"@/components/Icon/components/icons\";\nimport locales from \"../../locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\n\ninterface Props {\n onDelete: () => void;\n}\n\nexport const DeleteButton: FC<Props> = (props) => {\n const { onDelete } = props;\n const stringFormatter = useLocalizedStringFormatter(locales);\n\n return (\n <Button\n className={styles.deleteButton}\n aria-label={stringFormatter.format(`fileCard.delete`)}\n variant=\"plain\"\n color=\"secondary\"\n onPress={onDelete}\n >\n <IconClose />\n </Button>\n );\n};\n\nexport default DeleteButton;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAYa,MAAA,YAAA,GAA0B,CAAC,KAAU,KAAA;AAChD,EAAM,MAAA,EAAE,UAAa,GAAA,KAAA;AACrB,EAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EACE,uBAAA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAO,CAAA,YAAA;AAAA,MAClB,YAAA,EAAY,eAAgB,CAAA,MAAA,CAAO,CAAiB,eAAA,CAAA,CAAA;AAAA,MACpD,OAAQ,EAAA,OAAA;AAAA,MACR,KAAM,EAAA,WAAA;AAAA,MACN,OAAS,EAAA,QAAA;AAAA,MAET,8BAAC,SAAU,EAAA,EAAA;AAAA;AAAA,GACb;AAEJ;;;;"}
|
|
@@ -1,17 +1,20 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
3
|
import { jsx } from 'react/jsx-runtime';
|
|
4
|
-
import '
|
|
4
|
+
import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
|
|
5
5
|
import '../../lib/propsContext/propsContext.mjs';
|
|
6
6
|
import { ClearPropsContext } from '../../lib/propsContext/ClearPropsContext.mjs';
|
|
7
|
+
import 'react';
|
|
7
8
|
import '@react-aria/utils';
|
|
8
9
|
import 'remeda';
|
|
9
10
|
import 'dot-prop';
|
|
10
|
-
import
|
|
11
|
+
import clsx from 'clsx';
|
|
12
|
+
import styles from './Image.module.scss.mjs';
|
|
11
13
|
|
|
12
14
|
const Image = flowComponent("Image", (props) => {
|
|
13
|
-
const {
|
|
14
|
-
|
|
15
|
+
const { className, withBorder, ...rest } = props;
|
|
16
|
+
const rootClassName = clsx(withBorder && styles.border, className);
|
|
17
|
+
return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsx("img", { className: rootClassName, ...rest }) });
|
|
15
18
|
});
|
|
16
19
|
|
|
17
20
|
export { Image, Image as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.mjs","sources":["../../../../src/components/Image/Image.tsx"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"Image.mjs","sources":["../../../../src/components/Image/Image.tsx"],"sourcesContent":["import type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { ClearPropsContext } from \"@/lib/propsContext\";\nimport clsx from \"clsx\";\nimport type { ComponentProps } from \"react\";\nimport styles from \"./Image.module.scss\";\n\nexport interface ImageProps extends ComponentProps<\"img\">, FlowComponentProps {\n /** Display the image with border and rounded edges */\n withBorder?: boolean;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Image = flowComponent(\"Image\", (props) => {\n const { className, withBorder, ...rest } = props;\n\n const rootClassName = clsx(withBorder && styles.border, className);\n\n return (\n <ClearPropsContext>\n <img className={rootClassName} {...rest} />\n </ClearPropsContext>\n );\n});\n\nexport default Image;\n"],"names":[],"mappings":";;;;;;;;;;;AAgBO,MAAM,KAAQ,GAAA,aAAA,CAAc,OAAS,EAAA,CAAC,KAAU,KAAA;AACrD,EAAA,MAAM,EAAE,SAAA,EAAW,UAAY,EAAA,GAAG,MAAS,GAAA,KAAA;AAE3C,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,UAAc,IAAA,MAAA,CAAO,QAAQ,SAAS,CAAA;AAEjE,EACE,uBAAA,GAAA,CAAC,qBACC,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA,EAAI,WAAW,aAAgB,EAAA,GAAG,MAAM,CAC3C,EAAA,CAAA;AAEJ,CAAC;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Image.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Table.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -9,8 +9,18 @@ import { SkeletonText } from '../../../SkeletonText/SkeletonText.mjs';
|
|
|
9
9
|
import { TableColumn } from '../TableColumn/TableColumn.mjs';
|
|
10
10
|
|
|
11
11
|
const TableCell = (props) => {
|
|
12
|
-
const {
|
|
13
|
-
|
|
12
|
+
const {
|
|
13
|
+
children,
|
|
14
|
+
className,
|
|
15
|
+
rowHeader,
|
|
16
|
+
horizontalAlign = "start",
|
|
17
|
+
...rest
|
|
18
|
+
} = props;
|
|
19
|
+
const rootClassName = clsx(
|
|
20
|
+
styles.cell,
|
|
21
|
+
styles[`horizontal-align-${horizontalAlign}`],
|
|
22
|
+
className
|
|
23
|
+
);
|
|
14
24
|
const content = /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(SkeletonText, { width: "100px" }), children });
|
|
15
25
|
if (rowHeader) {
|
|
16
26
|
return /* @__PURE__ */ jsx(TableColumn, { className: rootClassName, ...rest, children: content });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableCell.mjs","sources":["../../../../../../src/components/Table/components/TableCell/TableCell.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React, { Suspense } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"../../Table.module.scss\";\nimport { SkeletonText } from \"@/components/SkeletonText\";\nimport { TableColumn } from \"@/components/Table\";\n\nexport interface TableCellProps\n extends Omit<Aria.CellProps, \"children\" | \"style\">,\n PropsWithChildren {\n rowHeader?: boolean;\n}\n\n/** @flr-generate all */\nexport const TableCell: FC<TableCellProps> = (props) => {\n const {
|
|
1
|
+
{"version":3,"file":"TableCell.mjs","sources":["../../../../../../src/components/Table/components/TableCell/TableCell.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React, { Suspense } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"../../Table.module.scss\";\nimport { SkeletonText } from \"@/components/SkeletonText\";\nimport { TableColumn } from \"@/components/Table\";\n\nexport interface TableCellProps\n extends Omit<Aria.CellProps, \"children\" | \"style\">,\n PropsWithChildren {\n rowHeader?: boolean;\n /** @default \"start\" */\n horizontalAlign?: \"start\" | \"center\";\n}\n\n/** @flr-generate all */\nexport const TableCell: FC<TableCellProps> = (props) => {\n const {\n children,\n className,\n rowHeader,\n horizontalAlign = \"start\",\n ...rest\n } = props;\n\n const rootClassName = clsx(\n styles.cell,\n styles[`horizontal-align-${horizontalAlign}`],\n className,\n );\n\n const content = (\n <Suspense fallback={<SkeletonText width=\"100px\" />}>{children}</Suspense>\n );\n\n if (rowHeader) {\n return (\n <TableColumn className={rootClassName} {...rest}>\n {content}\n </TableColumn>\n );\n }\n\n return (\n <Aria.Cell className={rootClassName} {...rest}>\n {content}\n </Aria.Cell>\n );\n};\n\nexport default TableCell;\n"],"names":[],"mappings":";;;;;;;;AAiBa,MAAA,SAAA,GAAgC,CAAC,KAAU,KAAA;AACtD,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,eAAkB,GAAA,OAAA;AAAA,IAClB,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,IAAA;AAAA,IACP,MAAA,CAAO,CAAoB,iBAAA,EAAA,eAAe,CAAE,CAAA,CAAA;AAAA,IAC5C;AAAA,GACF;AAEA,EAAM,MAAA,OAAA,uBACH,QAAS,EAAA,EAAA,QAAA,sBAAW,YAAa,EAAA,EAAA,KAAA,EAAM,OAAQ,EAAA,CAAA,EAAK,QAAS,EAAA,CAAA;AAGhE,EAAA,IAAI,SAAW,EAAA;AACb,IAAA,2BACG,WAAY,EAAA,EAAA,SAAA,EAAW,aAAgB,EAAA,GAAG,MACxC,QACH,EAAA,OAAA,EAAA,CAAA;AAAA;AAIJ,EACE,uBAAA,GAAA,CAAC,KAAK,IAAL,EAAA,EAAU,WAAW,aAAgB,EAAA,GAAG,MACtC,QACH,EAAA,OAAA,EAAA,CAAA;AAEJ;;;;"}
|
|
@@ -7,8 +7,12 @@ import clsx from 'clsx';
|
|
|
7
7
|
import styles from '../../Table.module.scss.mjs';
|
|
8
8
|
|
|
9
9
|
const TableColumn = (props) => {
|
|
10
|
-
const { children, className, ...rest } = props;
|
|
11
|
-
const rootClassName = clsx(
|
|
10
|
+
const { children, className, horizontalAlign = "start", ...rest } = props;
|
|
11
|
+
const rootClassName = clsx(
|
|
12
|
+
styles.column,
|
|
13
|
+
styles[`horizontal-align-${horizontalAlign}`],
|
|
14
|
+
className
|
|
15
|
+
);
|
|
12
16
|
return /* @__PURE__ */ jsx(Aria.Column, { isRowHeader: true, className: rootClassName, ...rest, children });
|
|
13
17
|
};
|
|
14
18
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableColumn.mjs","sources":["../../../../../../src/components/Table/components/TableColumn/TableColumn.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"../../Table.module.scss\";\n\nexport
|
|
1
|
+
{"version":3,"file":"TableColumn.mjs","sources":["../../../../../../src/components/Table/components/TableColumn/TableColumn.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"../../Table.module.scss\";\n\nexport interface TableColumnProps extends Aria.ColumnProps {\n /** @default \"start\" */\n horizontalAlign?: \"start\" | \"center\";\n}\n\n/** @flr-generate all */\nexport const TableColumn: FC<TableColumnProps> = (props) => {\n const { children, className, horizontalAlign = \"start\", ...rest } = props;\n const rootClassName = clsx(\n styles.column,\n styles[`horizontal-align-${horizontalAlign}`],\n className,\n );\n\n return (\n <Aria.Column isRowHeader className={rootClassName} {...rest}>\n {children}\n </Aria.Column>\n );\n};\n\nexport default TableColumn;\n"],"names":[],"mappings":";;;;;;AAYa,MAAA,WAAA,GAAoC,CAAC,KAAU,KAAA;AAC1D,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,kBAAkB,OAAS,EAAA,GAAG,MAAS,GAAA,KAAA;AACpE,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,MAAA;AAAA,IACP,MAAA,CAAO,CAAoB,iBAAA,EAAA,eAAe,CAAE,CAAA,CAAA;AAAA,IAC5C;AAAA,GACF;AAEA,EACE,uBAAA,GAAA,CAAC,IAAK,CAAA,MAAA,EAAL,EAAY,WAAA,EAAW,MAAC,SAAW,EAAA,aAAA,EAAgB,GAAG,IAAA,EACpD,QACH,EAAA,CAAA;AAEJ;;;;"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
3
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
4
|
+
import { TabList } from './components/TabList/TabList.mjs';
|
|
5
|
+
import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
|
|
6
|
+
import { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';
|
|
7
|
+
import clsx from 'clsx';
|
|
4
8
|
import { useState } from 'react';
|
|
5
9
|
import * as Aria from 'react-aria-components';
|
|
6
|
-
import clsx from 'clsx';
|
|
7
10
|
import styles from './Tabs.module.scss.mjs';
|
|
8
|
-
import { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';
|
|
9
|
-
import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
|
|
10
|
-
import { TabList } from './components/TabList/TabList.mjs';
|
|
11
11
|
|
|
12
12
|
const Tabs = flowComponent("Tabs", (props) => {
|
|
13
13
|
const {
|
|
@@ -16,6 +16,7 @@ const Tabs = flowComponent("Tabs", (props) => {
|
|
|
16
16
|
defaultSelectedKey,
|
|
17
17
|
disabledKeys,
|
|
18
18
|
ref,
|
|
19
|
+
onSelectionChange,
|
|
19
20
|
...rest
|
|
20
21
|
} = props;
|
|
21
22
|
const rootClassName = clsx(styles.tabs, className);
|
|
@@ -31,7 +32,12 @@ const Tabs = flowComponent("Tabs", (props) => {
|
|
|
31
32
|
className: rootClassName,
|
|
32
33
|
...rest,
|
|
33
34
|
selectedKey: selection,
|
|
34
|
-
onSelectionChange:
|
|
35
|
+
onSelectionChange: (key) => {
|
|
36
|
+
setSelection(key);
|
|
37
|
+
if (onSelectionChange) {
|
|
38
|
+
onSelectionChange(key);
|
|
39
|
+
}
|
|
40
|
+
},
|
|
35
41
|
disabledKeys,
|
|
36
42
|
ref,
|
|
37
43
|
children: [
|
|
@@ -39,7 +45,12 @@ const Tabs = flowComponent("Tabs", (props) => {
|
|
|
39
45
|
TabList,
|
|
40
46
|
{
|
|
41
47
|
selection,
|
|
42
|
-
onContextMenuSelectionChange:
|
|
48
|
+
onContextMenuSelectionChange: (key) => {
|
|
49
|
+
setSelection(key);
|
|
50
|
+
if (onSelectionChange) {
|
|
51
|
+
onSelectionChange(key);
|
|
52
|
+
}
|
|
53
|
+
},
|
|
43
54
|
disabledKeys
|
|
44
55
|
}
|
|
45
56
|
),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.mjs","sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"Tabs.mjs","sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { TabList } from \"@/components/Tabs/components/TabList\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport clsx from \"clsx\";\nimport type { PropsWithChildren } from \"react\";\nimport { useState } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./Tabs.module.scss\";\n\nexport interface TabsProps\n extends Omit<Aria.TabsProps, \"children\">,\n PropsWithChildren,\n FlowComponentProps {}\n\n/** @flr-generate all */\nexport const Tabs = flowComponent(\"Tabs\", (props) => {\n const {\n children,\n className,\n defaultSelectedKey,\n disabledKeys,\n ref,\n onSelectionChange,\n ...rest\n } = props;\n\n const rootClassName = clsx(styles.tabs, className);\n const [selection, setSelection] = useState<Aria.Key | undefined>(\n defaultSelectedKey,\n );\n\n return (\n <TunnelProvider>\n {children}\n <Aria.Tabs\n slot={null}\n className={rootClassName}\n {...rest}\n selectedKey={selection}\n onSelectionChange={(key) => {\n setSelection(key);\n if (onSelectionChange) {\n onSelectionChange(key);\n }\n }}\n disabledKeys={disabledKeys}\n ref={ref}\n >\n <TabList\n selection={selection}\n onContextMenuSelectionChange={(key) => {\n setSelection(key);\n if (onSelectionChange) {\n onSelectionChange(key);\n }\n }}\n disabledKeys={disabledKeys}\n />\n <TunnelExit id=\"Panels\" />\n </Aria.Tabs>\n </TunnelProvider>\n );\n});\n\nexport default Tabs;\n"],"names":[],"mappings":";;;;;;;;;AAgBO,MAAM,IAAO,GAAA,aAAA,CAAc,MAAQ,EAAA,CAAC,KAAU,KAAA;AACnD,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,kBAAA;AAAA,IACA,YAAA;AAAA,IACA,GAAA;AAAA,IACA,iBAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,IAAA,EAAM,SAAS,CAAA;AACjD,EAAM,MAAA,CAAC,SAAW,EAAA,YAAY,CAAI,GAAA,QAAA;AAAA,IAChC;AAAA,GACF;AAEA,EAAA,4BACG,cACE,EAAA,EAAA,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,oBACD,IAAA;AAAA,MAAC,IAAK,CAAA,IAAA;AAAA,MAAL;AAAA,QACC,IAAM,EAAA,IAAA;AAAA,QACN,SAAW,EAAA,aAAA;AAAA,QACV,GAAG,IAAA;AAAA,QACJ,WAAa,EAAA,SAAA;AAAA,QACb,iBAAA,EAAmB,CAAC,GAAQ,KAAA;AAC1B,UAAA,YAAA,CAAa,GAAG,CAAA;AAChB,UAAA,IAAI,iBAAmB,EAAA;AACrB,YAAA,iBAAA,CAAkB,GAAG,CAAA;AAAA;AACvB,SACF;AAAA,QACA,YAAA;AAAA,QACA,GAAA;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,OAAA;AAAA,YAAA;AAAA,cACC,SAAA;AAAA,cACA,4BAAA,EAA8B,CAAC,GAAQ,KAAA;AACrC,gBAAA,YAAA,CAAa,GAAG,CAAA;AAChB,gBAAA,IAAI,iBAAmB,EAAA;AACrB,kBAAA,iBAAA,CAAkB,GAAG,CAAA;AAAA;AACvB,eACF;AAAA,cACA;AAAA;AAAA,WACF;AAAA,0BACA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,QAAS,EAAA;AAAA;AAAA;AAAA;AAC1B,GACF,EAAA,CAAA;AAEJ,CAAC;;;;"}
|
|
@@ -21,9 +21,15 @@ const Text = flowComponent("Text", (props) => {
|
|
|
21
21
|
emulateBoldWidth,
|
|
22
22
|
ref,
|
|
23
23
|
color,
|
|
24
|
+
align = "start",
|
|
24
25
|
...rest
|
|
25
26
|
} = props;
|
|
26
|
-
const rootClassName = clsx(
|
|
27
|
+
const rootClassName = clsx(
|
|
28
|
+
styles.text,
|
|
29
|
+
color && styles[color],
|
|
30
|
+
align && styles[`align-${align}`],
|
|
31
|
+
className
|
|
32
|
+
);
|
|
27
33
|
const textProps = { ...rest, className: rootClassName };
|
|
28
34
|
const propsContext = {
|
|
29
35
|
Link: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.mjs","sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { ClearPropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport type { PropsWithElementType } from \"@/lib/types/props\";\nimport invariant from \"invariant\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { EmulatedBoldText } from \"@/components/EmulatedBoldText\";\nimport { Wrap } from \"@/components/Wrap\";\nimport clsx from \"clsx\";\nimport styles from \"./Text.module.scss\";\n\nexport interface TextProps\n extends PropsWithChildren,\n Omit<Aria.TextProps, \"children\" | \"elementType\">,\n PropsWithElementType<\"span\" | \"div\" | \"p\">,\n FlowComponentProps {\n /* Whether the elements width should match the width it would have with mold text. */\n emulateBoldWidth?: boolean;\n /* The color of the text. */\n color?: \"light\" | \"dark\";\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Text = flowComponent<\"Text\", HTMLDivElement>(\"Text\", (props) => {\n const {\n children,\n className,\n elementType = \"span\",\n emulateBoldWidth,\n ref,\n color,\n ...rest\n } = props;\n\n const rootClassName = clsx(styles.text
|
|
1
|
+
{"version":3,"file":"Text.mjs","sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { ClearPropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport type { PropsWithElementType } from \"@/lib/types/props\";\nimport invariant from \"invariant\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { EmulatedBoldText } from \"@/components/EmulatedBoldText\";\nimport { Wrap } from \"@/components/Wrap\";\nimport clsx from \"clsx\";\nimport styles from \"./Text.module.scss\";\n\nexport interface TextProps\n extends PropsWithChildren,\n Omit<Aria.TextProps, \"children\" | \"elementType\">,\n PropsWithElementType<\"span\" | \"div\" | \"p\">,\n FlowComponentProps {\n /* Whether the elements width should match the width it would have with mold text. */\n emulateBoldWidth?: boolean;\n /* The color of the text. */\n color?: \"light\" | \"dark\";\n /* The alignment of the text. @default \"start\" */\n align?: \"start\" | \"end\" | \"center\";\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Text = flowComponent<\"Text\", HTMLDivElement>(\"Text\", (props) => {\n const {\n children,\n className,\n elementType = \"span\",\n emulateBoldWidth,\n ref,\n color,\n align = \"start\",\n ...rest\n } = props;\n\n const rootClassName = clsx(\n styles.text,\n color && styles[color],\n align && styles[`align-${align}`],\n className,\n );\n\n const textProps = { ...rest, className: rootClassName };\n\n const propsContext: PropsContext = {\n Link: {\n inline: true,\n },\n };\n\n const childrenElement = (\n <PropsContextProvider props={propsContext}>\n <Wrap if={emulateBoldWidth}>\n <EmulatedBoldText>{children}</EmulatedBoldText>\n </Wrap>\n </PropsContextProvider>\n );\n\n if (!props.slot) {\n const Element = elementType;\n return (\n <Element {...textProps} ref={ref}>\n {childrenElement}\n </Element>\n );\n }\n\n invariant(\n typeof elementType === \"string\",\n \"'elementType' in Text component must be of type string\",\n );\n\n return (\n <ClearPropsContext>\n <Aria.Text {...textProps} elementType={elementType} ref={ref}>\n {childrenElement}\n </Aria.Text>\n </ClearPropsContext>\n );\n});\n\nexport default Text;\n"],"names":[],"mappings":";;;;;;;;;;;;;AA+BO,MAAM,IAAO,GAAA,aAAA,CAAsC,MAAQ,EAAA,CAAC,KAAU,KAAA;AAC3E,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAc,GAAA,MAAA;AAAA,IACd,gBAAA;AAAA,IACA,GAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAQ,GAAA,OAAA;AAAA,IACR,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,IAAA;AAAA,IACP,KAAA,IAAS,OAAO,KAAK,CAAA;AAAA,IACrB,KAAS,IAAA,MAAA,CAAO,CAAS,MAAA,EAAA,KAAK,CAAE,CAAA,CAAA;AAAA,IAChC;AAAA,GACF;AAEA,EAAA,MAAM,SAAY,GAAA,EAAE,GAAG,IAAA,EAAM,WAAW,aAAc,EAAA;AAEtD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,IAAM,EAAA;AAAA,MACJ,MAAQ,EAAA;AAAA;AACV,GACF;AAEA,EAAA,MAAM,eACJ,mBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC3B,EAAA,QAAA,kBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,EAAA,EAAI,gBACR,EAAA,QAAA,kBAAA,GAAA,CAAC,gBAAkB,EAAA,EAAA,QAAA,EAAS,GAC9B,CACF,EAAA,CAAA;AAGF,EAAI,IAAA,CAAC,MAAM,IAAM,EAAA;AACf,IAAA,MAAM,OAAU,GAAA,WAAA;AAChB,IAAA,uBACG,GAAA,CAAA,OAAA,EAAA,EAAS,GAAG,SAAA,EAAW,KACrB,QACH,EAAA,eAAA,EAAA,CAAA;AAAA;AAIJ,EAAA,SAAA;AAAA,IACE,OAAO,WAAgB,KAAA,QAAA;AAAA,IACvB;AAAA,GACF;AAEA,EACE,uBAAA,GAAA,CAAC,iBACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,IAAK,CAAA,IAAA,EAAL,EAAW,GAAG,SAAW,EAAA,WAAA,EAA0B,GACjD,EAAA,QAAA,EAAA,eAAA,EACH,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}
|
|
@@ -6,7 +6,10 @@ const dark = "flow--text--dark";
|
|
|
6
6
|
const styles = {
|
|
7
7
|
text: text,
|
|
8
8
|
light: light,
|
|
9
|
-
dark: dark
|
|
9
|
+
dark: dark,
|
|
10
|
+
"align-start": "flow--text--align-start",
|
|
11
|
+
"align-center": "flow--text--align-center",
|
|
12
|
+
"align-end": "flow--text--align-end"
|
|
10
13
|
};
|
|
11
14
|
|
|
12
15
|
export { dark, styles as default, light, text };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Text.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
|
|
@@ -35,13 +35,19 @@ function Field(props) {
|
|
|
35
35
|
] }))
|
|
36
36
|
};
|
|
37
37
|
const propsContext = {
|
|
38
|
-
Checkbox:
|
|
38
|
+
Checkbox: {
|
|
39
|
+
...formControlProps,
|
|
40
|
+
isSelected: formControlProps.value
|
|
41
|
+
},
|
|
39
42
|
CheckboxGroup: formControlProps,
|
|
40
43
|
CheckboxButton: formControlProps,
|
|
41
44
|
FileField: formControlProps,
|
|
42
45
|
NumberField: formControlProps,
|
|
43
46
|
RadioGroup: formControlProps,
|
|
44
|
-
Switch:
|
|
47
|
+
Switch: {
|
|
48
|
+
...formControlProps,
|
|
49
|
+
isSelected: formControlProps.value
|
|
50
|
+
},
|
|
45
51
|
TextArea: formControlProps,
|
|
46
52
|
TextField: formControlProps,
|
|
47
53
|
Select: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Field.mjs","sources":["../../../../../../src/integrations/react-hook-form/components/Field/Field.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport type {\n ControllerProps,\n FieldValues,\n UseFormReturn,\n} from \"react-hook-form\";\nimport { Controller } from \"react-hook-form\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport { useFormContext } from \"@/integrations/react-hook-form/components/context/formContext\";\nimport FieldErrorView from \"@/views/FieldErrorView\";\n\nexport interface FieldProps<T extends FieldValues>\n extends Omit<ControllerProps<T>, \"render\">,\n PropsWithChildren {}\n\nexport function Field<T extends FieldValues>(props: FieldProps<T>) {\n const { children, control, ...rest } = props;\n\n const formContext = useFormContext<T>();\n const controlFromContext = formContext.form?.control;\n\n return (\n <Controller\n {...rest}\n control={control ?? controlFromContext}\n render={(renderProps) => {\n const {\n field,\n fieldState: { error, invalid },\n } = renderProps;\n\n const formControlProps = {\n ...field,\n form: formContext.id,\n isRequired: !!rest.rules?.required,\n isInvalid: invalid,\n validationBehavior: \"aria\" as const,\n children: dynamic((p) => (\n <>\n {p.children}\n <FieldErrorView>{error?.message}</FieldErrorView>\n </>\n )),\n };\n\n const propsContext: PropsContext = {\n Checkbox: formControlProps,\n CheckboxGroup: formControlProps,\n CheckboxButton: formControlProps,\n FileField: formControlProps,\n NumberField: formControlProps,\n RadioGroup: formControlProps,\n Switch: formControlProps,\n TextArea: formControlProps,\n TextField: formControlProps,\n Select: {\n ...formControlProps,\n selectedKey: formControlProps.value,\n },\n Slider: formControlProps,\n DatePicker: formControlProps,\n DateRangePicker: formControlProps,\n TimeField: formControlProps,\n SegmentedControl: formControlProps,\n };\n\n return (\n <PropsContextProvider\n props={propsContext}\n dependencies={[renderProps]}\n >\n {children}\n </PropsContextProvider>\n );\n }}\n />\n );\n}\n\nexport const typedField = <T extends FieldValues>(\n ignoredForm: UseFormReturn<T>,\n): typeof Field<T> => Field;\n"],"names":[],"mappings":";;;;;;;;;AAiBO,SAAS,MAA6B,KAAsB,EAAA;AACjE,EAAA,MAAM,EAAE,QAAA,EAAU,OAAS,EAAA,GAAG,MAAS,GAAA,KAAA;AAEvC,EAAA,MAAM,cAAc,cAAkB,EAAA;AACtC,EAAM,MAAA,kBAAA,GAAqB,YAAY,IAAM,EAAA,OAAA;AAE7C,EACE,uBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,SAAS,OAAW,IAAA,kBAAA;AAAA,MACpB,MAAA,EAAQ,CAAC,WAAgB,KAAA;AACvB,QAAM,MAAA;AAAA,UACJ,KAAA;AAAA,UACA,UAAA,EAAY,EAAE,KAAA,EAAO,OAAQ;AAAA,SAC3B,GAAA,WAAA;AAEJ,QAAA,MAAM,gBAAmB,GAAA;AAAA,UACvB,GAAG,KAAA;AAAA,UACH,MAAM,WAAY,CAAA,EAAA;AAAA,UAClB,UAAY,EAAA,CAAC,CAAC,IAAA,CAAK,KAAO,EAAA,QAAA;AAAA,UAC1B,SAAW,EAAA,OAAA;AAAA,UACX,kBAAoB,EAAA,MAAA;AAAA,UACpB,QAAU,EAAA,OAAA,CAAQ,CAAC,CAAA,qBAEd,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,YAAE,CAAA,CAAA,QAAA;AAAA,4BACH,GAAA,CAAC,cAAgB,EAAA,EAAA,QAAA,EAAA,KAAA,EAAO,OAAQ,EAAA;AAAA,WAAA,EAClC,CACD;AAAA,SACH;AAEA,QAAA,MAAM,YAA6B,GAAA;AAAA,UACjC,QAAU,EAAA,gBAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"Field.mjs","sources":["../../../../../../src/integrations/react-hook-form/components/Field/Field.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport type {\n ControllerProps,\n FieldValues,\n UseFormReturn,\n} from \"react-hook-form\";\nimport { Controller } from \"react-hook-form\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport { useFormContext } from \"@/integrations/react-hook-form/components/context/formContext\";\nimport FieldErrorView from \"@/views/FieldErrorView\";\n\nexport interface FieldProps<T extends FieldValues>\n extends Omit<ControllerProps<T>, \"render\">,\n PropsWithChildren {}\n\nexport function Field<T extends FieldValues>(props: FieldProps<T>) {\n const { children, control, ...rest } = props;\n\n const formContext = useFormContext<T>();\n const controlFromContext = formContext.form?.control;\n\n return (\n <Controller\n {...rest}\n control={control ?? controlFromContext}\n render={(renderProps) => {\n const {\n field,\n fieldState: { error, invalid },\n } = renderProps;\n\n const formControlProps = {\n ...field,\n form: formContext.id,\n isRequired: !!rest.rules?.required,\n isInvalid: invalid,\n validationBehavior: \"aria\" as const,\n children: dynamic((p) => (\n <>\n {p.children}\n <FieldErrorView>{error?.message}</FieldErrorView>\n </>\n )),\n };\n\n const propsContext: PropsContext = {\n Checkbox: {\n ...formControlProps,\n isSelected: formControlProps.value,\n },\n CheckboxGroup: formControlProps,\n CheckboxButton: formControlProps,\n FileField: formControlProps,\n NumberField: formControlProps,\n RadioGroup: formControlProps,\n Switch: {\n ...formControlProps,\n isSelected: formControlProps.value,\n },\n TextArea: formControlProps,\n TextField: formControlProps,\n Select: {\n ...formControlProps,\n selectedKey: formControlProps.value,\n },\n Slider: formControlProps,\n DatePicker: formControlProps,\n DateRangePicker: formControlProps,\n TimeField: formControlProps,\n SegmentedControl: formControlProps,\n };\n\n return (\n <PropsContextProvider\n props={propsContext}\n dependencies={[renderProps]}\n >\n {children}\n </PropsContextProvider>\n );\n }}\n />\n );\n}\n\nexport const typedField = <T extends FieldValues>(\n ignoredForm: UseFormReturn<T>,\n): typeof Field<T> => Field;\n"],"names":[],"mappings":";;;;;;;;;AAiBO,SAAS,MAA6B,KAAsB,EAAA;AACjE,EAAA,MAAM,EAAE,QAAA,EAAU,OAAS,EAAA,GAAG,MAAS,GAAA,KAAA;AAEvC,EAAA,MAAM,cAAc,cAAkB,EAAA;AACtC,EAAM,MAAA,kBAAA,GAAqB,YAAY,IAAM,EAAA,OAAA;AAE7C,EACE,uBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,SAAS,OAAW,IAAA,kBAAA;AAAA,MACpB,MAAA,EAAQ,CAAC,WAAgB,KAAA;AACvB,QAAM,MAAA;AAAA,UACJ,KAAA;AAAA,UACA,UAAA,EAAY,EAAE,KAAA,EAAO,OAAQ;AAAA,SAC3B,GAAA,WAAA;AAEJ,QAAA,MAAM,gBAAmB,GAAA;AAAA,UACvB,GAAG,KAAA;AAAA,UACH,MAAM,WAAY,CAAA,EAAA;AAAA,UAClB,UAAY,EAAA,CAAC,CAAC,IAAA,CAAK,KAAO,EAAA,QAAA;AAAA,UAC1B,SAAW,EAAA,OAAA;AAAA,UACX,kBAAoB,EAAA,MAAA;AAAA,UACpB,QAAU,EAAA,OAAA,CAAQ,CAAC,CAAA,qBAEd,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,YAAE,CAAA,CAAA,QAAA;AAAA,4BACH,GAAA,CAAC,cAAgB,EAAA,EAAA,QAAA,EAAA,KAAA,EAAO,OAAQ,EAAA;AAAA,WAAA,EAClC,CACD;AAAA,SACH;AAEA,QAAA,MAAM,YAA6B,GAAA;AAAA,UACjC,QAAU,EAAA;AAAA,YACR,GAAG,gBAAA;AAAA,YACH,YAAY,gBAAiB,CAAA;AAAA,WAC/B;AAAA,UACA,aAAe,EAAA,gBAAA;AAAA,UACf,cAAgB,EAAA,gBAAA;AAAA,UAChB,SAAW,EAAA,gBAAA;AAAA,UACX,WAAa,EAAA,gBAAA;AAAA,UACb,UAAY,EAAA,gBAAA;AAAA,UACZ,MAAQ,EAAA;AAAA,YACN,GAAG,gBAAA;AAAA,YACH,YAAY,gBAAiB,CAAA;AAAA,WAC/B;AAAA,UACA,QAAU,EAAA,gBAAA;AAAA,UACV,SAAW,EAAA,gBAAA;AAAA,UACX,MAAQ,EAAA;AAAA,YACN,GAAG,gBAAA;AAAA,YACH,aAAa,gBAAiB,CAAA;AAAA,WAChC;AAAA,UACA,MAAQ,EAAA,gBAAA;AAAA,UACR,UAAY,EAAA,gBAAA;AAAA,UACZ,eAAiB,EAAA,gBAAA;AAAA,UACjB,SAAW,EAAA,gBAAA;AAAA,UACX,gBAAkB,EAAA;AAAA,SACpB;AAEA,QACE,uBAAA,GAAA;AAAA,UAAC,oBAAA;AAAA,UAAA;AAAA,YACC,KAAO,EAAA,YAAA;AAAA,YACP,YAAA,EAAc,CAAC,WAAW,CAAA;AAAA,YAEzB;AAAA;AAAA,SACH;AAAA;AAEJ;AAAA,GACF;AAEJ;AAEa,MAAA,UAAA,GAAa,CACxB,WACoB,KAAA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Align.d.ts","sourceRoot":"","sources":["../../../../src/components/Align/Align.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAG/E,MAAM,WAAW,UACf,SAAQ,iBAAiB,EACvB,kBAAkB,EAClB,kBAAkB;CAAG;AAEzB;;;GAGG;AACH,eAAO,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"Align.d.ts","sourceRoot":"","sources":["../../../../src/components/Align/Align.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAG/E,MAAM,WAAW,UACf,SAAQ,iBAAiB,EACvB,kBAAkB,EAClB,kBAAkB;CAAG;AAEzB;;;GAGG;AACH,eAAO,MAAM,KAAK,2EAuBhB,CAAC;AAEH,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Align } from '..';
|
|
2
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
3
|
+
declare const meta: Meta<typeof Align>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Align>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
//# sourceMappingURL=TextContextualHelp.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextContextualHelp.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Align/stories/TextContextualHelp.stories.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAkB5B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DeleteButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FileCard/components/DeleteButton/DeleteButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQhC,UAAU,KAAK;IACb,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"DeleteButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FileCard/components/DeleteButton/DeleteButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQhC,UAAU,KAAK;IACb,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,KAAK,CAelC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
|
-
import { ComponentProps, default as React } from 'react';
|
|
2
1
|
import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
3
|
export interface ImageProps extends ComponentProps<"img">, FlowComponentProps {
|
|
4
|
+
/** Display the image with border and rounded edges */
|
|
5
|
+
withBorder?: boolean;
|
|
4
6
|
}
|
|
5
7
|
/**
|
|
6
8
|
* @flr-generate all
|
|
7
9
|
* @flr-clear-props-context
|
|
8
10
|
*/
|
|
9
|
-
export declare const Image:
|
|
11
|
+
export declare const Image: import('react').FunctionComponent<ImageProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
10
12
|
export default Image;
|
|
11
13
|
//# sourceMappingURL=Image.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../src/components/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../src/components/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAI/E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,KAAK,CAAC,EAAE,kBAAkB;IAC3E,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,+FAUhB,CAAC;AAEH,eAAe,KAAK,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Image/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,MAAM,UAAU,CAAC;AAI7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAI5B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}
|
|
1
|
+
{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Image/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,MAAM,UAAU,CAAC;AAI7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAI5B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,UAAU,EAAE,KAAsC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/LabeledValue/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,YAAY,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/LabeledValue/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAS3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAYnC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAE3C,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,cAAc,EAAE,KAQ5B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAQ5B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC"}
|
|
@@ -21,7 +21,7 @@ export declare const typedList: <T>() => {
|
|
|
21
21
|
}>;
|
|
22
22
|
ItemView: (props: import('.').ListItemViewProps) => import("react/jsx-runtime").JSX.Element;
|
|
23
23
|
TableHeader: (ignoredProps: import('./model/table/types').TableHeaderShape) => null;
|
|
24
|
-
TableColumn: (ignoredProps: import('
|
|
24
|
+
TableColumn: (ignoredProps: import('../Table').TableColumnProps) => null;
|
|
25
25
|
TableBody: (ignoredProps: import('./model/table/types').TableBodyShape<T>) => null;
|
|
26
26
|
TableRow: (ignoredProps: {
|
|
27
27
|
children?: import('react').ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Section/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,OAAO,MAAM,YAAY,CAAC;AA2BjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAc9B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,gBAAgB,EAAE,KA0B9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAmE/B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,
|
|
1
|
+
{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Section/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,OAAO,MAAM,YAAY,CAAC;AA2BjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAc9B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,gBAAgB,EAAE,KA0B9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAmE/B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAyB7B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KA0B3B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAe3B,CAAC"}
|
|
@@ -6,4 +6,5 @@ type Story = StoryObj<typeof SegmentedControl>;
|
|
|
6
6
|
export declare const Default: Story;
|
|
7
7
|
export declare const CustomContainerBreakpoint: Story;
|
|
8
8
|
export declare const WithFieldError: Story;
|
|
9
|
+
export declare const DisabledSegments: Story;
|
|
9
10
|
//# sourceMappingURL=Default.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/SegmentedControl/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAW,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAMrD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAiBvC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE/C,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,yBAAyB,EAAE,KAavC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAU5B,CAAC"}
|
|
1
|
+
{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/SegmentedControl/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAW,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAMrD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAiBvC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE/C,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,yBAAyB,EAAE,KAavC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAU5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAW9B,CAAC"}
|
|
@@ -2,6 +2,8 @@ import { FC, PropsWithChildren } from 'react';
|
|
|
2
2
|
import * as Aria from "react-aria-components";
|
|
3
3
|
export interface TableCellProps extends Omit<Aria.CellProps, "children" | "style">, PropsWithChildren {
|
|
4
4
|
rowHeader?: boolean;
|
|
5
|
+
/** @default "start" */
|
|
6
|
+
horizontalAlign?: "start" | "center";
|
|
5
7
|
}
|
|
6
8
|
/** @flr-generate all */
|
|
7
9
|
export declare const TableCell: FC<TableCellProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/components/TableCell/TableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAM9C,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,OAAO,CAAC,EAChD,iBAAiB;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/components/TableCell/TableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAM9C,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,OAAO,CAAC,EAChD,iBAAiB;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uBAAuB;IACvB,eAAe,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CACtC;AAED,wBAAwB;AACxB,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAgCxC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import * as Aria from "react-aria-components";
|
|
3
|
-
export
|
|
3
|
+
export interface TableColumnProps extends Aria.ColumnProps {
|
|
4
|
+
/** @default "start" */
|
|
5
|
+
horizontalAlign?: "start" | "center";
|
|
6
|
+
}
|
|
4
7
|
/** @flr-generate all */
|
|
5
8
|
export declare const TableColumn: FC<TableColumnProps>;
|
|
6
9
|
export default TableColumn;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableColumn.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/components/TableColumn/TableColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAI9C,MAAM,
|
|
1
|
+
{"version":3,"file":"TableColumn.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/components/TableColumn/TableColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAI9C,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,WAAW;IACxD,uBAAuB;IACvB,eAAe,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CACtC;AAED,wBAAwB;AACxB,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAa5C,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -7,4 +7,5 @@ export declare const Default: Story;
|
|
|
7
7
|
export declare const VerticallyCenteredRows: Story;
|
|
8
8
|
export declare const WithFooter: Story;
|
|
9
9
|
export declare const WithRowHeader: Story;
|
|
10
|
+
export declare const HorizontallyCenteredColumns: Story;
|
|
10
11
|
//# sourceMappingURL=Default.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EACL,KAAK,EAMN,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EACL,KAAK,EAMN,MAAM,oBAAoB,CAAC;AAM5B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAuC5B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,sBAAsB,EAAE,KAEpC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KA2BxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAoB3B,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KAqBzC,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { PropsWithChildren, default as React } from 'react';
|
|
2
1
|
import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
|
|
2
|
+
import { PropsWithChildren } from 'react';
|
|
3
3
|
import * as Aria from "react-aria-components";
|
|
4
4
|
export interface TabsProps extends Omit<Aria.TabsProps, "children">, PropsWithChildren, FlowComponentProps {
|
|
5
5
|
}
|
|
6
6
|
/** @flr-generate all */
|
|
7
|
-
export declare const Tabs:
|
|
7
|
+
export declare const Tabs: import('react').FunctionComponent<TabsProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
8
8
|
export default Tabs;
|
|
9
9
|
//# sourceMappingURL=Tabs.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAI/E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAG9C,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,EACtC,iBAAiB,EACjB,kBAAkB;CAAG;AAEzB,wBAAwB;AACxB,eAAO,MAAM,IAAI,8FA+Cf,CAAC;AAEH,eAAe,IAAI,CAAC"}
|
|
@@ -5,6 +5,7 @@ import * as Aria from "react-aria-components";
|
|
|
5
5
|
export interface TextProps extends PropsWithChildren, Omit<Aria.TextProps, "children" | "elementType">, PropsWithElementType<"span" | "div" | "p">, FlowComponentProps {
|
|
6
6
|
emulateBoldWidth?: boolean;
|
|
7
7
|
color?: "light" | "dark";
|
|
8
|
+
align?: "start" | "end" | "center";
|
|
8
9
|
}
|
|
9
10
|
/**
|
|
10
11
|
* @flr-generate all
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAG9C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAO/E,MAAM,WAAW,SACf,SAAQ,iBAAiB,EACvB,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,aAAa,CAAC,EAChD,oBAAoB,CAAC,MAAM,GAAG,KAAK,GAAG,GAAG,CAAC,EAC1C,kBAAkB;IAEpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAG9C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAO/E,MAAM,WAAW,SACf,SAAQ,iBAAiB,EACvB,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,aAAa,CAAC,EAChD,oBAAoB,CAAC,MAAM,GAAG,KAAK,GAAG,GAAG,CAAC,EAC1C,kBAAkB;IAEpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAEzB,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;CACpC;AAED;;;GAGG;AACH,eAAO,MAAM,IAAI,0EAwDf,CAAC;AAEH,eAAe,IAAI,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Text/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,IAAI,MAAM,SAAS,CAAC;AAQ3B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAqB3B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAW3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAWzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC"}
|
|
1
|
+
{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Text/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,IAAI,MAAM,SAAS,CAAC;AAQ3B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAqB3B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAW3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAWzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAkC,CAAC"}
|