@fuf-stack/uniform 1.1.0 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/SubmitButton/index.cjs +2 -2
- package/dist/SubmitButton/index.d.cts +2 -2
- package/dist/SubmitButton/index.d.ts +2 -2
- package/dist/SubmitButton/index.js +1 -1
- package/dist/{SubmitButton-C81VCkmx.d.cts → SubmitButton-dyil1SRk.d.cts} +5 -3
- package/dist/{SubmitButton-C81VCkmx.d.ts → SubmitButton-dyil1SRk.d.ts} +5 -3
- package/dist/{chunk-SCFEHH2U.js → chunk-TIN5YJ4B.js} +3 -1
- package/dist/chunk-TIN5YJ4B.js.map +1 -0
- package/dist/{chunk-CNSA2WD5.cjs → chunk-ZPCFZYUF.cjs} +3 -1
- package/dist/chunk-ZPCFZYUF.cjs.map +1 -0
- package/dist/index.cjs +2 -2
- package/dist/index.d.cts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/package.json +3 -3
- package/dist/chunk-CNSA2WD5.cjs.map +0 -1
- package/dist/chunk-SCFEHH2U.js.map +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunkZPCFZYUFcjs = require('../chunk-ZPCFZYUF.cjs');
|
|
5
5
|
require('../chunk-MAABMY3P.cjs');
|
|
6
6
|
require('../chunk-YGNY6CKU.cjs');
|
|
7
7
|
require('../chunk-FLK6OPFY.cjs');
|
|
@@ -10,5 +10,5 @@ require('../chunk-555JRYCS.cjs');
|
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
exports.SubmitButton =
|
|
13
|
+
exports.SubmitButton = _chunkZPCFZYUFcjs.SubmitButton_default; exports.default = _chunkZPCFZYUFcjs.SubmitButton_default2;
|
|
14
14
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { S as SubmitButton } from '../SubmitButton-
|
|
2
|
-
export { a as SubmitButtonProps } from '../SubmitButton-
|
|
1
|
+
import { S as SubmitButton } from '../SubmitButton-dyil1SRk.cjs';
|
|
2
|
+
export { a as SubmitButtonProps } from '../SubmitButton-dyil1SRk.cjs';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import '@fuf-stack/pixels';
|
|
5
5
|
import 'react';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { S as SubmitButton } from '../SubmitButton-
|
|
2
|
-
export { a as SubmitButtonProps } from '../SubmitButton-
|
|
1
|
+
import { S as SubmitButton } from '../SubmitButton-dyil1SRk.js';
|
|
2
|
+
export { a as SubmitButtonProps } from '../SubmitButton-dyil1SRk.js';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import '@fuf-stack/pixels';
|
|
5
5
|
import 'react';
|
|
@@ -7,11 +7,13 @@ interface SubmitButtonProps {
|
|
|
7
7
|
children?: ReactNode;
|
|
8
8
|
/** CSS class name */
|
|
9
9
|
className?: string;
|
|
10
|
-
/** color of the button */
|
|
10
|
+
/** color of the submit button */
|
|
11
11
|
color?: ButtonProps['color'];
|
|
12
|
+
/** icon of the submit button */
|
|
13
|
+
icon?: ButtonProps['icon'];
|
|
12
14
|
/** If set loading animation is shown */
|
|
13
15
|
loading?: boolean;
|
|
14
|
-
/** size of the button */
|
|
16
|
+
/** size of the submit button */
|
|
15
17
|
size?: ButtonProps['size'];
|
|
16
18
|
/** HTML data-testid attribute used in e2e tests */
|
|
17
19
|
testId?: string;
|
|
@@ -19,6 +21,6 @@ interface SubmitButtonProps {
|
|
|
19
21
|
/**
|
|
20
22
|
* From SubmitButton
|
|
21
23
|
*/
|
|
22
|
-
declare const SubmitButton: ({ children, className, color, loading, size, testId, }: SubmitButtonProps) => react_jsx_runtime.JSX.Element;
|
|
24
|
+
declare const SubmitButton: ({ children, className, color, icon, loading, size, testId, }: SubmitButtonProps) => react_jsx_runtime.JSX.Element;
|
|
23
25
|
|
|
24
26
|
export { SubmitButton as S, type SubmitButtonProps as a };
|
|
@@ -7,11 +7,13 @@ interface SubmitButtonProps {
|
|
|
7
7
|
children?: ReactNode;
|
|
8
8
|
/** CSS class name */
|
|
9
9
|
className?: string;
|
|
10
|
-
/** color of the button */
|
|
10
|
+
/** color of the submit button */
|
|
11
11
|
color?: ButtonProps['color'];
|
|
12
|
+
/** icon of the submit button */
|
|
13
|
+
icon?: ButtonProps['icon'];
|
|
12
14
|
/** If set loading animation is shown */
|
|
13
15
|
loading?: boolean;
|
|
14
|
-
/** size of the button */
|
|
16
|
+
/** size of the submit button */
|
|
15
17
|
size?: ButtonProps['size'];
|
|
16
18
|
/** HTML data-testid attribute used in e2e tests */
|
|
17
19
|
testId?: string;
|
|
@@ -19,6 +21,6 @@ interface SubmitButtonProps {
|
|
|
19
21
|
/**
|
|
20
22
|
* From SubmitButton
|
|
21
23
|
*/
|
|
22
|
-
declare const SubmitButton: ({ children, className, color, loading, size, testId, }: SubmitButtonProps) => react_jsx_runtime.JSX.Element;
|
|
24
|
+
declare const SubmitButton: ({ children, className, color, icon, loading, size, testId, }: SubmitButtonProps) => react_jsx_runtime.JSX.Element;
|
|
23
25
|
|
|
24
26
|
export { SubmitButton as S, type SubmitButtonProps as a };
|
|
@@ -10,6 +10,7 @@ var SubmitButton = ({
|
|
|
10
10
|
children = "Submit",
|
|
11
11
|
className = void 0,
|
|
12
12
|
color = "success",
|
|
13
|
+
icon = void 0,
|
|
13
14
|
loading = false,
|
|
14
15
|
size = "md",
|
|
15
16
|
testId = "form_submit_button"
|
|
@@ -24,6 +25,7 @@ var SubmitButton = ({
|
|
|
24
25
|
className: cn(className),
|
|
25
26
|
color,
|
|
26
27
|
disabled: isSubmitting,
|
|
28
|
+
icon,
|
|
27
29
|
loading: loading || isSubmitting,
|
|
28
30
|
onClick: triggerSubmit,
|
|
29
31
|
size,
|
|
@@ -42,4 +44,4 @@ export {
|
|
|
42
44
|
SubmitButton_default,
|
|
43
45
|
SubmitButton_default2
|
|
44
46
|
};
|
|
45
|
-
//# sourceMappingURL=chunk-
|
|
47
|
+
//# sourceMappingURL=chunk-TIN5YJ4B.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/SubmitButton/SubmitButton.tsx","../src/SubmitButton/index.ts"],"sourcesContent":["import type { ButtonProps } from '@fuf-stack/pixels';\nimport type { ReactNode } from 'react';\n\nimport { cn, slugify } from '@fuf-stack/pixel-utils';\nimport { Button } from '@fuf-stack/pixels';\n\nimport { useFormContext } from '../hooks';\n\nexport interface SubmitButtonProps {\n /** child components */\n children?: ReactNode;\n /** CSS class name */\n className?: string;\n /** color of the submit button */\n color?: ButtonProps['color'];\n /** icon of the submit button */\n icon?: ButtonProps['icon'];\n /** If set loading animation is shown */\n loading?: boolean;\n /** size of the submit button */\n size?: ButtonProps['size'];\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n}\n\n/**\n * From SubmitButton\n */\nconst SubmitButton = ({\n children = 'Submit',\n className = undefined,\n color = 'success',\n icon = undefined,\n loading = false,\n size = 'md',\n testId = 'form_submit_button',\n}: SubmitButtonProps) => {\n const {\n formState: { isSubmitting },\n triggerSubmit,\n } = useFormContext();\n\n return (\n <Button\n className={cn(className)}\n color={color}\n disabled={isSubmitting}\n icon={icon}\n loading={loading || isSubmitting}\n // @ts-expect-error we use form context triggerSubmit\n // here so that submit button also works in special\n // scenarios (e.g. when used in modal)\n onClick={triggerSubmit}\n size={size}\n testId={slugify(testId, { replaceDots: true })}\n type=\"submit\"\n >\n {children}\n </Button>\n );\n};\n\nexport default SubmitButton;\n","import SubmitButton from './SubmitButton';\n\nexport type { SubmitButtonProps } from './SubmitButton';\n\nexport { SubmitButton };\n\nexport default SubmitButton;\n"],"mappings":";;;;;AAGA,SAAS,IAAI,eAAe;AAC5B,SAAS,cAAc;AAuCnB;AAfJ,IAAM,eAAe,CAAC;AAAA,EACpB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AACX,MAAyB;AACvB,QAAM;AAAA,IACJ,WAAW,EAAE,aAAa;AAAA,IAC1B;AAAA,EACF,IAAI,eAAe;AAEnB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,SAAS;AAAA,MACvB;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA,SAAS,WAAW;AAAA,MAIpB,SAAS;AAAA,MACT;AAAA,MACA,QAAQ,QAAQ,QAAQ,EAAE,aAAa,KAAK,CAAC;AAAA,MAC7C,MAAK;AAAA,MAEJ;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,uBAAQ;;;ACxDf,IAAOA,wBAAQ;","names":["SubmitButton_default"]}
|
|
@@ -10,6 +10,7 @@ var SubmitButton = ({
|
|
|
10
10
|
children = "Submit",
|
|
11
11
|
className = void 0,
|
|
12
12
|
color = "success",
|
|
13
|
+
icon = void 0,
|
|
13
14
|
loading = false,
|
|
14
15
|
size = "md",
|
|
15
16
|
testId = "form_submit_button"
|
|
@@ -24,6 +25,7 @@ var SubmitButton = ({
|
|
|
24
25
|
className: _pixelutils.cn.call(void 0, className),
|
|
25
26
|
color,
|
|
26
27
|
disabled: isSubmitting,
|
|
28
|
+
icon,
|
|
27
29
|
loading: loading || isSubmitting,
|
|
28
30
|
onClick: triggerSubmit,
|
|
29
31
|
size,
|
|
@@ -42,4 +44,4 @@ var SubmitButton_default2 = SubmitButton_default;
|
|
|
42
44
|
|
|
43
45
|
|
|
44
46
|
exports.SubmitButton_default = SubmitButton_default; exports.SubmitButton_default2 = SubmitButton_default2;
|
|
45
|
-
//# sourceMappingURL=chunk-
|
|
47
|
+
//# sourceMappingURL=chunk-ZPCFZYUF.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-ZPCFZYUF.cjs","../src/SubmitButton/SubmitButton.tsx","../src/SubmitButton/index.ts"],"names":["SubmitButton_default"],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACDA,oDAA4B;AAC5B,2CAAuB;AAuCnB,+CAAA;AAfJ,IAAM,aAAA,EAAe,CAAC;AAAA,EACpB,SAAA,EAAW,QAAA;AAAA,EACX,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,MAAA,EAAQ,SAAA;AAAA,EACR,KAAA,EAAO,KAAA,CAAA;AAAA,EACP,QAAA,EAAU,KAAA;AAAA,EACV,KAAA,EAAO,IAAA;AAAA,EACP,OAAA,EAAS;AACX,CAAA,EAAA,GAAyB;AACvB,EAAA,MAAM;AAAA,IACJ,SAAA,EAAW,EAAE,aAAa,CAAA;AAAA,IAC1B;AAAA,EACF,EAAA,EAAI,8CAAA,CAAe;AAEnB,EAAA,uBACE,6BAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,4BAAA,SAAY,CAAA;AAAA,MACvB,KAAA;AAAA,MACA,QAAA,EAAU,YAAA;AAAA,MACV,IAAA;AAAA,MACA,OAAA,EAAS,QAAA,GAAW,YAAA;AAAA,MAIpB,OAAA,EAAS,aAAA;AAAA,MACT,IAAA;AAAA,MACA,MAAA,EAAQ,iCAAA,MAAQ,EAAQ,EAAE,WAAA,EAAa,KAAK,CAAC,CAAA;AAAA,MAC7C,IAAA,EAAK,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EACH,CAAA;AAEJ,CAAA;AAEA,IAAO,qBAAA,EAAQ,YAAA;ADxBf;AACA;AEjCA,IAAOA,sBAAAA,EAAQ,oBAAA;AFmCf;AACA;AACE;AACA;AACF,2GAAC","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-ZPCFZYUF.cjs","sourcesContent":[null,"import type { ButtonProps } from '@fuf-stack/pixels';\nimport type { ReactNode } from 'react';\n\nimport { cn, slugify } from '@fuf-stack/pixel-utils';\nimport { Button } from '@fuf-stack/pixels';\n\nimport { useFormContext } from '../hooks';\n\nexport interface SubmitButtonProps {\n /** child components */\n children?: ReactNode;\n /** CSS class name */\n className?: string;\n /** color of the submit button */\n color?: ButtonProps['color'];\n /** icon of the submit button */\n icon?: ButtonProps['icon'];\n /** If set loading animation is shown */\n loading?: boolean;\n /** size of the submit button */\n size?: ButtonProps['size'];\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n}\n\n/**\n * From SubmitButton\n */\nconst SubmitButton = ({\n children = 'Submit',\n className = undefined,\n color = 'success',\n icon = undefined,\n loading = false,\n size = 'md',\n testId = 'form_submit_button',\n}: SubmitButtonProps) => {\n const {\n formState: { isSubmitting },\n triggerSubmit,\n } = useFormContext();\n\n return (\n <Button\n className={cn(className)}\n color={color}\n disabled={isSubmitting}\n icon={icon}\n loading={loading || isSubmitting}\n // @ts-expect-error we use form context triggerSubmit\n // here so that submit button also works in special\n // scenarios (e.g. when used in modal)\n onClick={triggerSubmit}\n size={size}\n testId={slugify(testId, { replaceDots: true })}\n type=\"submit\"\n >\n {children}\n </Button>\n );\n};\n\nexport default SubmitButton;\n","import SubmitButton from './SubmitButton';\n\nexport type { SubmitButtonProps } from './SubmitButton';\n\nexport { SubmitButton };\n\nexport default SubmitButton;\n"]}
|
package/dist/index.cjs
CHANGED
|
@@ -6,7 +6,7 @@ var _chunkN7BZIGW7cjs = require('./chunk-N7BZIGW7.cjs');
|
|
|
6
6
|
var _chunkUQFNR2ZIcjs = require('./chunk-UQFNR2ZI.cjs');
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
var
|
|
9
|
+
var _chunkZPCFZYUFcjs = require('./chunk-ZPCFZYUF.cjs');
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
var _chunkNSYD7L53cjs = require('./chunk-NSYD7L53.cjs');
|
|
@@ -88,5 +88,5 @@ require('./chunk-555JRYCS.cjs');
|
|
|
88
88
|
|
|
89
89
|
|
|
90
90
|
|
|
91
|
-
exports.CheckboxGroup = _chunkX4O53MIJcjs.CheckboxGroup_default; exports.FieldArray = _chunkEO7TACW2cjs.FieldArray_default; exports.FieldCopyTestIdButton = _chunkOE5BOGGXcjs.FieldCopyTestIdButton_default; exports.FieldValidationError = _chunkY3AB4GV6cjs.FieldValidationError_default; exports.Form = _chunkV64TRQMVcjs.Form_default; exports.Grid = _chunkTTD3KL6Ecjs.Grid_default; exports.Input = _chunk52MVVBSUcjs.Input_default; exports.RadioBoxes = _chunkXHWBXZO5cjs.RadioBoxes_default; exports.RadioGroup = _chunkKC26PALYcjs.RadioGroup_default; exports.RadioTabs = _chunkN7BZIGW7cjs.RadioTabs_default; exports.Select = _chunkUQFNR2ZIcjs.Select_default; exports.SubmitButton =
|
|
91
|
+
exports.CheckboxGroup = _chunkX4O53MIJcjs.CheckboxGroup_default; exports.FieldArray = _chunkEO7TACW2cjs.FieldArray_default; exports.FieldCopyTestIdButton = _chunkOE5BOGGXcjs.FieldCopyTestIdButton_default; exports.FieldValidationError = _chunkY3AB4GV6cjs.FieldValidationError_default; exports.Form = _chunkV64TRQMVcjs.Form_default; exports.Grid = _chunkTTD3KL6Ecjs.Grid_default; exports.Input = _chunk52MVVBSUcjs.Input_default; exports.RadioBoxes = _chunkXHWBXZO5cjs.RadioBoxes_default; exports.RadioGroup = _chunkKC26PALYcjs.RadioGroup_default; exports.RadioTabs = _chunkN7BZIGW7cjs.RadioTabs_default; exports.Select = _chunkUQFNR2ZIcjs.Select_default; exports.SubmitButton = _chunkZPCFZYUFcjs.SubmitButton_default; exports.Switch = _chunkNSYD7L53cjs.Switch_default; exports.TextArea = _chunkO3H3KD5Hcjs.TextArea_default; exports.checkFieldIsRequired = _chunkMAABMY3Pcjs.checkFieldIsRequired; exports.fromNullishString = _chunkYGNY6CKUcjs.fromNullishString; exports.toFormFormat = _chunkYGNY6CKUcjs.toFormFormat; exports.toNullishString = _chunkYGNY6CKUcjs.toNullishString; exports.toValidationFormat = _chunkYGNY6CKUcjs.toValidationFormat; exports.useClientValidation = _chunkMAABMY3Pcjs.useClientValidation; exports.useController = _chunkMAABMY3Pcjs.useController; exports.useFieldArray = _chunkMAABMY3Pcjs.useFieldArray; exports.useFormContext = _chunkMAABMY3Pcjs.useFormContext; exports.useInput = _chunkMAABMY3Pcjs.useInput; exports.useInputValueDebounce = _chunkFLK6OPFYcjs.useInputValueDebounce; exports.useInputValueTransform = _chunkP6HJOG7Dcjs.useInputValueTransform;
|
|
92
92
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.d.cts
CHANGED
|
@@ -15,7 +15,7 @@ export { R as RadioBoxes, a as RadioBoxesProps } from './RadioBoxes-CE3mYoFk.cjs
|
|
|
15
15
|
export { R as RadioGroup, a as RadioGroupProps } from './RadioGroup-CAOX80Xx.cjs';
|
|
16
16
|
export { R as RadioTabs, a as RadioTabsProps } from './RadioTabs-8Gn71LRW.cjs';
|
|
17
17
|
export { S as Select, a as SelectProps } from './Select-CTRWinmO.cjs';
|
|
18
|
-
export { S as SubmitButton, a as SubmitButtonProps } from './SubmitButton-
|
|
18
|
+
export { S as SubmitButton, a as SubmitButtonProps } from './SubmitButton-dyil1SRk.cjs';
|
|
19
19
|
export { S as Switch, a as SwitchProps } from './Switch-Hr6PnK98.cjs';
|
|
20
20
|
export { T as TextArea, a as TextAreaProps } from './TextArea-DnFGyl4a.cjs';
|
|
21
21
|
import 'react/jsx-runtime';
|
package/dist/index.d.ts
CHANGED
|
@@ -15,7 +15,7 @@ export { R as RadioBoxes, a as RadioBoxesProps } from './RadioBoxes-CE3mYoFk.js'
|
|
|
15
15
|
export { R as RadioGroup, a as RadioGroupProps } from './RadioGroup-CAOX80Xx.js';
|
|
16
16
|
export { R as RadioTabs, a as RadioTabsProps } from './RadioTabs-8Gn71LRW.js';
|
|
17
17
|
export { S as Select, a as SelectProps } from './Select-CTRWinmO.js';
|
|
18
|
-
export { S as SubmitButton, a as SubmitButtonProps } from './SubmitButton-
|
|
18
|
+
export { S as SubmitButton, a as SubmitButtonProps } from './SubmitButton-dyil1SRk.js';
|
|
19
19
|
export { S as Switch, a as SwitchProps } from './Switch-Hr6PnK98.js';
|
|
20
20
|
export { T as TextArea, a as TextAreaProps } from './TextArea-DnFGyl4a.js';
|
|
21
21
|
import 'react/jsx-runtime';
|
package/dist/index.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fuf-stack/uniform",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.2.0",
|
|
4
4
|
"description": "fuf react form library",
|
|
5
5
|
"author": "Fröhlich ∧ Frei",
|
|
6
6
|
"homepage": "https://github.com/fuf-stack/pixels#readme",
|
|
@@ -144,8 +144,8 @@
|
|
|
144
144
|
"react-hook-form": "7.55.0",
|
|
145
145
|
"react-select": "5.10.2",
|
|
146
146
|
"@fuf-stack/pixel-utils": "1.0.5",
|
|
147
|
-
"@fuf-stack/
|
|
148
|
-
"@fuf-stack/
|
|
147
|
+
"@fuf-stack/pixels": "1.2.4",
|
|
148
|
+
"@fuf-stack/veto": "0.12.1"
|
|
149
149
|
},
|
|
150
150
|
"devDependencies": {
|
|
151
151
|
"@types/debug": "4.1.12",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-CNSA2WD5.cjs","../src/SubmitButton/SubmitButton.tsx","../src/SubmitButton/index.ts"],"names":["SubmitButton_default"],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACDA,oDAA4B;AAC5B,2CAAuB;AAoCnB,+CAAA;AAdJ,IAAM,aAAA,EAAe,CAAC;AAAA,EACpB,SAAA,EAAW,QAAA;AAAA,EACX,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,MAAA,EAAQ,SAAA;AAAA,EACR,QAAA,EAAU,KAAA;AAAA,EACV,KAAA,EAAO,IAAA;AAAA,EACP,OAAA,EAAS;AACX,CAAA,EAAA,GAAyB;AACvB,EAAA,MAAM;AAAA,IACJ,SAAA,EAAW,EAAE,aAAa,CAAA;AAAA,IAC1B;AAAA,EACF,EAAA,EAAI,8CAAA,CAAe;AAEnB,EAAA,uBACE,6BAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,4BAAA,SAAY,CAAA;AAAA,MACvB,KAAA;AAAA,MACA,QAAA,EAAU,YAAA;AAAA,MACV,OAAA,EAAS,QAAA,GAAW,YAAA;AAAA,MAIpB,OAAA,EAAS,aAAA;AAAA,MACT,IAAA;AAAA,MACA,MAAA,EAAQ,iCAAA,MAAQ,EAAQ,EAAE,WAAA,EAAa,KAAK,CAAC,CAAA;AAAA,MAC7C,IAAA,EAAK,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EACH,CAAA;AAEJ,CAAA;AAEA,IAAO,qBAAA,EAAQ,YAAA;ADtBf;AACA;AE/BA,IAAOA,sBAAAA,EAAQ,oBAAA;AFiCf;AACA;AACE;AACA;AACF,2GAAC","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-CNSA2WD5.cjs","sourcesContent":[null,"import type { ButtonProps } from '@fuf-stack/pixels';\nimport type { ReactNode } from 'react';\n\nimport { cn, slugify } from '@fuf-stack/pixel-utils';\nimport { Button } from '@fuf-stack/pixels';\n\nimport { useFormContext } from '../hooks';\n\nexport interface SubmitButtonProps {\n /** child components */\n children?: ReactNode;\n /** CSS class name */\n className?: string;\n /** color of the button */\n color?: ButtonProps['color'];\n /** If set loading animation is shown */\n loading?: boolean;\n /** size of the button */\n size?: ButtonProps['size'];\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n}\n\n/**\n * From SubmitButton\n */\nconst SubmitButton = ({\n children = 'Submit',\n className = undefined,\n color = 'success',\n loading = false,\n size = 'md',\n testId = 'form_submit_button',\n}: SubmitButtonProps) => {\n const {\n formState: { isSubmitting },\n triggerSubmit,\n } = useFormContext();\n\n return (\n <Button\n className={cn(className)}\n color={color}\n disabled={isSubmitting}\n loading={loading || isSubmitting}\n // @ts-expect-error we use form context triggerSubmit\n // here so that submit button also works in special\n // scenarios (e.g. when used in modal)\n onClick={triggerSubmit}\n size={size}\n testId={slugify(testId, { replaceDots: true })}\n type=\"submit\"\n >\n {children}\n </Button>\n );\n};\n\nexport default SubmitButton;\n","import SubmitButton from './SubmitButton';\n\nexport type { SubmitButtonProps } from './SubmitButton';\n\nexport { SubmitButton };\n\nexport default SubmitButton;\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/SubmitButton/SubmitButton.tsx","../src/SubmitButton/index.ts"],"sourcesContent":["import type { ButtonProps } from '@fuf-stack/pixels';\nimport type { ReactNode } from 'react';\n\nimport { cn, slugify } from '@fuf-stack/pixel-utils';\nimport { Button } from '@fuf-stack/pixels';\n\nimport { useFormContext } from '../hooks';\n\nexport interface SubmitButtonProps {\n /** child components */\n children?: ReactNode;\n /** CSS class name */\n className?: string;\n /** color of the button */\n color?: ButtonProps['color'];\n /** If set loading animation is shown */\n loading?: boolean;\n /** size of the button */\n size?: ButtonProps['size'];\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n}\n\n/**\n * From SubmitButton\n */\nconst SubmitButton = ({\n children = 'Submit',\n className = undefined,\n color = 'success',\n loading = false,\n size = 'md',\n testId = 'form_submit_button',\n}: SubmitButtonProps) => {\n const {\n formState: { isSubmitting },\n triggerSubmit,\n } = useFormContext();\n\n return (\n <Button\n className={cn(className)}\n color={color}\n disabled={isSubmitting}\n loading={loading || isSubmitting}\n // @ts-expect-error we use form context triggerSubmit\n // here so that submit button also works in special\n // scenarios (e.g. when used in modal)\n onClick={triggerSubmit}\n size={size}\n testId={slugify(testId, { replaceDots: true })}\n type=\"submit\"\n >\n {children}\n </Button>\n );\n};\n\nexport default SubmitButton;\n","import SubmitButton from './SubmitButton';\n\nexport type { SubmitButtonProps } from './SubmitButton';\n\nexport { SubmitButton };\n\nexport default SubmitButton;\n"],"mappings":";;;;;AAGA,SAAS,IAAI,eAAe;AAC5B,SAAS,cAAc;AAoCnB;AAdJ,IAAM,eAAe,CAAC;AAAA,EACpB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AACX,MAAyB;AACvB,QAAM;AAAA,IACJ,WAAW,EAAE,aAAa;AAAA,IAC1B;AAAA,EACF,IAAI,eAAe;AAEnB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,SAAS;AAAA,MACvB;AAAA,MACA,UAAU;AAAA,MACV,SAAS,WAAW;AAAA,MAIpB,SAAS;AAAA,MACT;AAAA,MACA,QAAQ,QAAQ,QAAQ,EAAE,aAAa,KAAK,CAAC;AAAA,MAC7C,MAAK;AAAA,MAEJ;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,uBAAQ;;;ACpDf,IAAOA,wBAAQ;","names":["SubmitButton_default"]}
|