@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.
@@ -1,7 +1,7 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
3
 
4
- var _chunkCNSA2WD5cjs = require('../chunk-CNSA2WD5.cjs');
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 = _chunkCNSA2WD5cjs.SubmitButton_default; exports.default = _chunkCNSA2WD5cjs.SubmitButton_default2;
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-C81VCkmx.cjs';
2
- export { a as SubmitButtonProps } from '../SubmitButton-C81VCkmx.cjs';
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-C81VCkmx.js';
2
- export { a as SubmitButtonProps } from '../SubmitButton-C81VCkmx.js';
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';
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  SubmitButton_default,
3
3
  SubmitButton_default2
4
- } from "../chunk-SCFEHH2U.js";
4
+ } from "../chunk-TIN5YJ4B.js";
5
5
  import "../chunk-2Q3ZW3QG.js";
6
6
  import "../chunk-KQN55PEW.js";
7
7
  import "../chunk-6IU7IYYB.js";
@@ -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-SCFEHH2U.js.map
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-CNSA2WD5.cjs.map
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 _chunkCNSA2WD5cjs = require('./chunk-CNSA2WD5.cjs');
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 = _chunkCNSA2WD5cjs.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;
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-C81VCkmx.cjs';
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-C81VCkmx.js';
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
@@ -6,7 +6,7 @@ import {
6
6
  } from "./chunk-C5E3263F.js";
7
7
  import {
8
8
  SubmitButton_default
9
- } from "./chunk-SCFEHH2U.js";
9
+ } from "./chunk-TIN5YJ4B.js";
10
10
  import {
11
11
  Switch_default
12
12
  } from "./chunk-GZKDPAUC.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fuf-stack/uniform",
3
- "version": "1.1.0",
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/veto": "0.12.1",
148
- "@fuf-stack/pixels": "1.2.4"
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"]}