@page-speed/forms 0.6.8 → 0.7.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/core.cjs CHANGED
@@ -1,38 +1,38 @@
1
1
  'use strict';
2
2
 
3
3
  require('./chunk-V7JSGFCI.cjs');
4
- var chunkL4I35PDU_cjs = require('./chunk-L4I35PDU.cjs');
4
+ var chunk33XRILGQ_cjs = require('./chunk-33XRILGQ.cjs');
5
5
  require('./chunk-QMWZLGON.cjs');
6
6
 
7
7
 
8
8
 
9
9
  Object.defineProperty(exports, "ButtonGroupForm", {
10
10
  enumerable: true,
11
- get: function () { return chunkL4I35PDU_cjs.ButtonGroupForm; }
11
+ get: function () { return chunk33XRILGQ_cjs.ButtonGroupForm; }
12
12
  });
13
13
  Object.defineProperty(exports, "Field", {
14
14
  enumerable: true,
15
- get: function () { return chunkL4I35PDU_cjs.Field; }
15
+ get: function () { return chunk33XRILGQ_cjs.Field; }
16
16
  });
17
17
  Object.defineProperty(exports, "Form", {
18
18
  enumerable: true,
19
- get: function () { return chunkL4I35PDU_cjs.Form; }
19
+ get: function () { return chunk33XRILGQ_cjs.Form; }
20
20
  });
21
21
  Object.defineProperty(exports, "FormContext", {
22
22
  enumerable: true,
23
- get: function () { return chunkL4I35PDU_cjs.FormContext; }
23
+ get: function () { return chunk33XRILGQ_cjs.FormContext; }
24
24
  });
25
25
  Object.defineProperty(exports, "FormFeedback", {
26
26
  enumerable: true,
27
- get: function () { return chunkL4I35PDU_cjs.FormFeedback; }
27
+ get: function () { return chunk33XRILGQ_cjs.FormFeedback; }
28
28
  });
29
29
  Object.defineProperty(exports, "useField", {
30
30
  enumerable: true,
31
- get: function () { return chunkL4I35PDU_cjs.useField; }
31
+ get: function () { return chunk33XRILGQ_cjs.useField; }
32
32
  });
33
33
  Object.defineProperty(exports, "useForm", {
34
34
  enumerable: true,
35
- get: function () { return chunkL4I35PDU_cjs.useForm; }
35
+ get: function () { return chunk33XRILGQ_cjs.useForm; }
36
36
  });
37
37
  //# sourceMappingURL=core.cjs.map
38
38
  //# sourceMappingURL=core.cjs.map
package/dist/core.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import './chunk-UBDA7CS5.js';
2
- export { ButtonGroupForm, Field, Form, FormContext, FormFeedback, useField, useForm } from './chunk-2XKIAZS7.js';
2
+ export { ButtonGroupForm, Field, Form, FormContext, FormFeedback, useField, useForm } from './chunk-6TCB3X5J.js';
3
3
  import './chunk-J37BGNM6.js';
4
4
  //# sourceMappingURL=core.js.map
5
5
  //# sourceMappingURL=core.js.map
package/dist/index.cjs CHANGED
@@ -1,34 +1,34 @@
1
1
  'use strict';
2
2
 
3
3
  require('./chunk-V7JSGFCI.cjs');
4
- var chunkL4I35PDU_cjs = require('./chunk-L4I35PDU.cjs');
4
+ var chunk33XRILGQ_cjs = require('./chunk-33XRILGQ.cjs');
5
5
  var chunkQMWZLGON_cjs = require('./chunk-QMWZLGON.cjs');
6
6
 
7
7
 
8
8
 
9
9
  Object.defineProperty(exports, "Field", {
10
10
  enumerable: true,
11
- get: function () { return chunkL4I35PDU_cjs.Field; }
11
+ get: function () { return chunk33XRILGQ_cjs.Field; }
12
12
  });
13
13
  Object.defineProperty(exports, "Form", {
14
14
  enumerable: true,
15
- get: function () { return chunkL4I35PDU_cjs.Form; }
15
+ get: function () { return chunk33XRILGQ_cjs.Form; }
16
16
  });
17
17
  Object.defineProperty(exports, "FormContext", {
18
18
  enumerable: true,
19
- get: function () { return chunkL4I35PDU_cjs.FormContext; }
19
+ get: function () { return chunk33XRILGQ_cjs.FormContext; }
20
20
  });
21
21
  Object.defineProperty(exports, "FormFeedback", {
22
22
  enumerable: true,
23
- get: function () { return chunkL4I35PDU_cjs.FormFeedback; }
23
+ get: function () { return chunk33XRILGQ_cjs.FormFeedback; }
24
24
  });
25
25
  Object.defineProperty(exports, "useField", {
26
26
  enumerable: true,
27
- get: function () { return chunkL4I35PDU_cjs.useField; }
27
+ get: function () { return chunk33XRILGQ_cjs.useField; }
28
28
  });
29
29
  Object.defineProperty(exports, "useForm", {
30
30
  enumerable: true,
31
- get: function () { return chunkL4I35PDU_cjs.useForm; }
31
+ get: function () { return chunk33XRILGQ_cjs.useForm; }
32
32
  });
33
33
  Object.defineProperty(exports, "FieldDescription", {
34
34
  enumerable: true,
package/dist/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import './chunk-UBDA7CS5.js';
2
- export { Field, Form, FormContext, FormFeedback, useField, useForm } from './chunk-2XKIAZS7.js';
2
+ export { Field, Form, FormContext, FormFeedback, useField, useForm } from './chunk-6TCB3X5J.js';
3
3
  export { FieldDescription, FieldError, FieldGroup, Field as FieldWrapper, FieldLabel as FormFieldLabel } from './chunk-J37BGNM6.js';
4
4
  //# sourceMappingURL=index.js.map
5
5
  //# sourceMappingURL=index.js.map
package/dist/inputs.cjs CHANGED
@@ -1,53 +1,53 @@
1
1
  'use strict';
2
2
 
3
- var chunkUQ6JPOBF_cjs = require('./chunk-UQ6JPOBF.cjs');
3
+ var chunkI4EKHIVF_cjs = require('./chunk-I4EKHIVF.cjs');
4
4
  var chunkQMWZLGON_cjs = require('./chunk-QMWZLGON.cjs');
5
5
 
6
6
 
7
7
 
8
8
  Object.defineProperty(exports, "Checkbox", {
9
9
  enumerable: true,
10
- get: function () { return chunkUQ6JPOBF_cjs.Checkbox; }
10
+ get: function () { return chunkI4EKHIVF_cjs.Checkbox; }
11
11
  });
12
12
  Object.defineProperty(exports, "CheckboxGroup", {
13
13
  enumerable: true,
14
- get: function () { return chunkUQ6JPOBF_cjs.CheckboxGroup; }
14
+ get: function () { return chunkI4EKHIVF_cjs.CheckboxGroup; }
15
15
  });
16
16
  Object.defineProperty(exports, "DatePicker", {
17
17
  enumerable: true,
18
- get: function () { return chunkUQ6JPOBF_cjs.DatePicker; }
18
+ get: function () { return chunkI4EKHIVF_cjs.DatePicker; }
19
19
  });
20
20
  Object.defineProperty(exports, "DateRangePicker", {
21
21
  enumerable: true,
22
- get: function () { return chunkUQ6JPOBF_cjs.DateRangePicker; }
22
+ get: function () { return chunkI4EKHIVF_cjs.DateRangePicker; }
23
23
  });
24
24
  Object.defineProperty(exports, "FileInput", {
25
25
  enumerable: true,
26
- get: function () { return chunkUQ6JPOBF_cjs.FileInput; }
26
+ get: function () { return chunkI4EKHIVF_cjs.FileInput; }
27
27
  });
28
28
  Object.defineProperty(exports, "MultiSelect", {
29
29
  enumerable: true,
30
- get: function () { return chunkUQ6JPOBF_cjs.MultiSelect; }
30
+ get: function () { return chunkI4EKHIVF_cjs.MultiSelect; }
31
31
  });
32
32
  Object.defineProperty(exports, "Radio", {
33
33
  enumerable: true,
34
- get: function () { return chunkUQ6JPOBF_cjs.Radio; }
34
+ get: function () { return chunkI4EKHIVF_cjs.Radio; }
35
35
  });
36
36
  Object.defineProperty(exports, "Select", {
37
37
  enumerable: true,
38
- get: function () { return chunkUQ6JPOBF_cjs.Select; }
38
+ get: function () { return chunkI4EKHIVF_cjs.Select; }
39
39
  });
40
40
  Object.defineProperty(exports, "Switch", {
41
41
  enumerable: true,
42
- get: function () { return chunkUQ6JPOBF_cjs.Switch; }
42
+ get: function () { return chunkI4EKHIVF_cjs.Switch; }
43
43
  });
44
44
  Object.defineProperty(exports, "TextArea", {
45
45
  enumerable: true,
46
- get: function () { return chunkUQ6JPOBF_cjs.TextArea; }
46
+ get: function () { return chunkI4EKHIVF_cjs.TextArea; }
47
47
  });
48
48
  Object.defineProperty(exports, "TimePicker", {
49
49
  enumerable: true,
50
- get: function () { return chunkUQ6JPOBF_cjs.TimePicker; }
50
+ get: function () { return chunkI4EKHIVF_cjs.TimePicker; }
51
51
  });
52
52
  Object.defineProperty(exports, "TextInput", {
53
53
  enumerable: true,
package/dist/inputs.js CHANGED
@@ -1,4 +1,4 @@
1
- export { Checkbox, CheckboxGroup, DatePicker, DateRangePicker, FileInput, MultiSelect, Radio, Select, Switch, TextArea, TimePicker } from './chunk-ML6FGUYS.js';
1
+ export { Checkbox, CheckboxGroup, DatePicker, DateRangePicker, FileInput, MultiSelect, Radio, Select, Switch, TextArea, TimePicker } from './chunk-AI5Q4N6D.js';
2
2
  export { TextInput } from './chunk-J37BGNM6.js';
3
3
  //# sourceMappingURL=inputs.js.map
4
4
  //# sourceMappingURL=inputs.js.map
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
- var chunkL4I35PDU_cjs = require('./chunk-L4I35PDU.cjs');
4
- var chunkUQ6JPOBF_cjs = require('./chunk-UQ6JPOBF.cjs');
3
+ var chunk33XRILGQ_cjs = require('./chunk-33XRILGQ.cjs');
4
+ var chunkI4EKHIVF_cjs = require('./chunk-I4EKHIVF.cjs');
5
5
  var chunkQMWZLGON_cjs = require('./chunk-QMWZLGON.cjs');
6
6
  var React2 = require('react');
7
7
 
@@ -565,7 +565,7 @@ function useContactForm(options) {
565
565
  window.location.assign(destination);
566
566
  }, 150);
567
567
  }, [navigate, redirectUrl]);
568
- const form = chunkL4I35PDU_cjs.useForm({
568
+ const form = chunk33XRILGQ_cjs.useForm({
569
569
  initialValues: React2.useMemo(
570
570
  () => generateInitialValues(formFields),
571
571
  [formFields]
@@ -643,7 +643,7 @@ function DynamicFormField({
643
643
  const usesInlineCheckboxLabel = field.type === "checkbox";
644
644
  const shouldRenderFieldLabel = renderLabel && !usesGroupLegend && !usesInlineCheckboxLabel;
645
645
  return /* @__PURE__ */ React2__namespace.createElement(
646
- chunkL4I35PDU_cjs.Field,
646
+ chunk33XRILGQ_cjs.Field,
647
647
  {
648
648
  name: field.name,
649
649
  label: shouldRenderFieldLabel ? field.label : void 0,
@@ -674,7 +674,7 @@ function DynamicFormField({
674
674
  "aria-label": field.label
675
675
  }
676
676
  ), field.type === "textarea" && /* @__PURE__ */ React2__namespace.createElement(
677
- chunkUQ6JPOBF_cjs.TextArea,
677
+ chunkI4EKHIVF_cjs.TextArea,
678
678
  {
679
679
  ...formField,
680
680
  id: fieldId,
@@ -685,7 +685,7 @@ function DynamicFormField({
685
685
  "aria-label": field.label
686
686
  }
687
687
  ), field.type === "select" && field.options && /* @__PURE__ */ React2__namespace.createElement(
688
- chunkUQ6JPOBF_cjs.Select,
688
+ chunkI4EKHIVF_cjs.Select,
689
689
  {
690
690
  ...formField,
691
691
  id: fieldId,
@@ -696,7 +696,7 @@ function DynamicFormField({
696
696
  "aria-label": field.label
697
697
  }
698
698
  ), field.type === "multi-select" && field.options && /* @__PURE__ */ React2__namespace.createElement(
699
- chunkUQ6JPOBF_cjs.MultiSelect,
699
+ chunkI4EKHIVF_cjs.MultiSelect,
700
700
  {
701
701
  ...formField,
702
702
  id: fieldId,
@@ -707,7 +707,7 @@ function DynamicFormField({
707
707
  "aria-label": field.label
708
708
  }
709
709
  ), field.type === "radio" && field.options && /* @__PURE__ */ React2__namespace.createElement(
710
- chunkUQ6JPOBF_cjs.Radio,
710
+ chunkI4EKHIVF_cjs.Radio,
711
711
  {
712
712
  ...formField,
713
713
  id: fieldId,
@@ -721,7 +721,7 @@ function DynamicFormField({
721
721
  "aria-label": field.label
722
722
  }
723
723
  ), field.type === "checkbox" && /* @__PURE__ */ React2__namespace.createElement(
724
- chunkUQ6JPOBF_cjs.Checkbox,
724
+ chunkI4EKHIVF_cjs.Checkbox,
725
725
  {
726
726
  ...formField,
727
727
  id: fieldId,
@@ -735,7 +735,7 @@ function DynamicFormField({
735
735
  "aria-label": field.label
736
736
  }
737
737
  ), field.type === "checkbox-group" && field.options && /* @__PURE__ */ React2__namespace.createElement(
738
- chunkUQ6JPOBF_cjs.CheckboxGroup,
738
+ chunkI4EKHIVF_cjs.CheckboxGroup,
739
739
  {
740
740
  ...formField,
741
741
  id: fieldId,
@@ -749,7 +749,7 @@ function DynamicFormField({
749
749
  "aria-label": field.label
750
750
  }
751
751
  ), (field.type === "date-picker" || field.type === "date") && /* @__PURE__ */ React2__namespace.createElement(
752
- chunkUQ6JPOBF_cjs.DatePicker,
752
+ chunkI4EKHIVF_cjs.DatePicker,
753
753
  {
754
754
  ...formField,
755
755
  id: fieldId,
@@ -759,7 +759,7 @@ function DynamicFormField({
759
759
  "aria-label": field.label
760
760
  }
761
761
  ), field.type === "date-range" && /* @__PURE__ */ React2__namespace.createElement(
762
- chunkUQ6JPOBF_cjs.DateRangePicker,
762
+ chunkI4EKHIVF_cjs.DateRangePicker,
763
763
  {
764
764
  ...formField,
765
765
  id: fieldId,
@@ -769,7 +769,7 @@ function DynamicFormField({
769
769
  "aria-label": field.label
770
770
  }
771
771
  ), field.type === "time" && /* @__PURE__ */ React2__namespace.createElement(
772
- chunkUQ6JPOBF_cjs.TimePicker,
772
+ chunkI4EKHIVF_cjs.TimePicker,
773
773
  {
774
774
  ...formField,
775
775
  id: fieldId,
@@ -779,7 +779,7 @@ function DynamicFormField({
779
779
  "aria-label": field.label
780
780
  }
781
781
  ), field.type === "file" && /* @__PURE__ */ React2__namespace.createElement(
782
- chunkUQ6JPOBF_cjs.FileInput,
782
+ chunkI4EKHIVF_cjs.FileInput,
783
783
  {
784
784
  ...formField,
785
785
  id: fieldId,
@@ -919,7 +919,7 @@ function FormEngine(props) {
919
919
  };
920
920
  }, [isButtonGroup, buttonGroupSetup, api]);
921
921
  return /* @__PURE__ */ React2__namespace.createElement("div", { className: styleRules?.formContainer }, /* @__PURE__ */ React2__namespace.createElement(
922
- chunkL4I35PDU_cjs.Form,
922
+ chunk33XRILGQ_cjs.Form,
923
923
  {
924
924
  form,
925
925
  fields: isButtonGroup ? formFields : void 0,
@@ -940,7 +940,7 @@ function FormEngine(props) {
940
940
  "div",
941
941
  {
942
942
  className: chunkQMWZLGON_cjs.cn(
943
- "grid grid-cols-12 gap-6",
943
+ "grid grid-cols-12 gap-6 md:gap-10",
944
944
  styleRules?.fieldsContainer
945
945
  )
946
946
  },