@pingux/astro 1.3.0 → 1.3.2-alpha.1

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.
Files changed (48) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/lib/cjs/components/CheckboxField/CheckboxField.js +4 -1
  3. package/lib/cjs/components/FieldHelperText/FieldHelperText.js +0 -1
  4. package/lib/cjs/components/Input/Input.js +3 -11
  5. package/lib/cjs/components/Input/Input.test.js +14 -2
  6. package/lib/cjs/components/MultivaluesField/MultivaluesField.js +20 -10
  7. package/lib/cjs/components/MultivaluesField/MultivaluesField.test.js +74 -0
  8. package/lib/cjs/components/NumberField/NumberField.js +30 -10
  9. package/lib/cjs/components/NumberField/NumberField.test.js +7 -0
  10. package/lib/cjs/components/PageHeader/PageHeader.js +3 -0
  11. package/lib/cjs/components/PageHeader/PageHeader.stories.js +6 -1
  12. package/lib/cjs/components/RadioGroupField/RadioGroupField.js +9 -5
  13. package/lib/cjs/components/SelectField/SelectField.stories.js +3 -55
  14. package/lib/cjs/components/Tabs/Tabs.stories.js +1 -15
  15. package/lib/cjs/hooks/useField/useField.js +2 -2
  16. package/lib/cjs/styles/forms/checkbox.js +0 -1
  17. package/lib/cjs/styles/forms/input.js +1 -1
  18. package/lib/cjs/styles/forms/label.js +3 -0
  19. package/lib/cjs/styles/forms/radio.js +1 -1
  20. package/lib/cjs/styles/forms/switch.js +3 -1
  21. package/lib/cjs/styles/variants/boxes.js +4 -1
  22. package/lib/cjs/styles/variants/text.js +0 -1
  23. package/lib/components/CheckboxField/CheckboxField.js +4 -1
  24. package/lib/components/FieldHelperText/FieldHelperText.js +0 -1
  25. package/lib/components/Input/Input.js +2 -10
  26. package/lib/components/Input/Input.test.js +11 -2
  27. package/lib/components/MultivaluesField/MultivaluesField.js +19 -9
  28. package/lib/components/MultivaluesField/MultivaluesField.test.js +52 -0
  29. package/lib/components/NumberField/NumberField.js +32 -12
  30. package/lib/components/NumberField/NumberField.test.js +5 -0
  31. package/lib/components/PageHeader/PageHeader.js +2 -0
  32. package/lib/components/PageHeader/PageHeader.stories.js +5 -1
  33. package/lib/components/RadioGroupField/RadioGroupField.js +9 -5
  34. package/lib/components/SelectField/SelectField.stories.js +2 -50
  35. package/lib/components/Tabs/Tabs.stories.js +0 -11
  36. package/lib/hooks/useField/useField.js +2 -2
  37. package/lib/styles/forms/checkbox.js +0 -1
  38. package/lib/styles/forms/input.js +1 -1
  39. package/lib/styles/forms/label.js +3 -0
  40. package/lib/styles/forms/radio.js +1 -1
  41. package/lib/styles/forms/switch.js +3 -1
  42. package/lib/styles/variants/boxes.js +4 -1
  43. package/lib/styles/variants/text.js +0 -1
  44. package/package.json +1 -1
  45. package/lib/cjs/layouts/ListLayout.stories.js +0 -895
  46. package/lib/cjs/layouts/SchemaFormLayout.stories.js +0 -139
  47. package/lib/layouts/ListLayout.stories.js +0 -866
  48. package/lib/layouts/SchemaFormLayout.stories.js +0 -107
@@ -1,139 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
4
-
5
- var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
6
-
7
- _Object$defineProperty(exports, "__esModule", {
8
- value: true
9
- });
10
-
11
- exports.Default = exports["default"] = void 0;
12
-
13
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
14
-
15
- var _react = _interopRequireDefault(require("react"));
16
-
17
- var _EarthIcon = _interopRequireDefault(require("mdi-react/EarthIcon"));
18
-
19
- var _CogOutlineIcon = _interopRequireDefault(require("mdi-react/CogOutlineIcon"));
20
-
21
- var _Button = _interopRequireDefault(require("../components/Button/Button"));
22
-
23
- var _Box = _interopRequireDefault(require("../components/Box/Box"));
24
-
25
- var _Icon = _interopRequireDefault(require("../components/Icon/Icon"));
26
-
27
- var _Text = _interopRequireDefault(require("../components/Text/Text"));
28
-
29
- var _Separator = _interopRequireDefault(require("../components/Separator/Separator"));
30
-
31
- var _TextField = _interopRequireDefault(require("../components/TextField/TextField"));
32
-
33
- var _TextAreaField = _interopRequireDefault(require("../components/TextAreaField/TextAreaField"));
34
-
35
- var _RadioGroupField = _interopRequireDefault(require("../components/RadioGroupField/RadioGroupField"));
36
-
37
- var _RadioField = _interopRequireDefault(require("../components/RadioField/RadioField"));
38
-
39
- var _Tabs = _interopRequireDefault(require("../components/Tabs/Tabs"));
40
-
41
- var _Tab = _interopRequireDefault(require("../components/Tab/Tab"));
42
-
43
- var _react2 = require("@emotion/react");
44
-
45
- var _default = {
46
- title: 'Layouts/SchemaForms'
47
- };
48
- exports["default"] = _default;
49
-
50
- var Default = function Default() {
51
- var _React$useState = _react["default"].useState(true),
52
- _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
53
- visible = _React$useState2[0],
54
- setVisible = _React$useState2[1];
55
-
56
- return (0, _react2.jsx)(_Box["default"], {
57
- bg: "accent.99"
58
- }, (0, _react2.jsx)(_Separator["default"], {
59
- margin: "0"
60
- }), (0, _react2.jsx)(_Box["default"], {
61
- isRow: true,
62
- p: "sm"
63
- }, (0, _react2.jsx)(_Box["default"], {
64
- isRow: true,
65
- mr: "auto"
66
- }, (0, _react2.jsx)(_Box["default"], {
67
- mr: "sm"
68
- }, (0, _react2.jsx)(_Text["default"], {
69
- variant: "label"
70
- }, "Form Builder"), (0, _react2.jsx)(_Text["default"], {
71
- variant: "title"
72
- }, "Standard Registration")), (0, _react2.jsx)(_Button["default"], {
73
- variant: "inline",
74
- alignContent: "center"
75
- }, "Preview")), (0, _react2.jsx)(_Box["default"], {
76
- isRow: true,
77
- alignItem: "center"
78
- }, (0, _react2.jsx)(_Text["default"], {
79
- variant: "base",
80
- mr: "lg",
81
- color: "active",
82
- alignSelf: "center"
83
- }, "Cancel"), (0, _react2.jsx)(_Button["default"], {
84
- bg: "active",
85
- color: "white"
86
- }, "Save and Close"))), (0, _react2.jsx)(_Separator["default"], {
87
- margin: "0"
88
- }), (0, _react2.jsx)(_Box["default"], {
89
- isRow: true,
90
- bg: "white"
91
- }, (0, _react2.jsx)(_Box["default"], {
92
- flexGrow: 1,
93
- p: "md"
94
- }, (0, _react2.jsx)(_Box["default"], {
95
- onClick: function onClick() {
96
- return !visible ? setVisible(!visible) : '';
97
- }
98
- }, (0, _react2.jsx)(_Tabs["default"], {
99
- tabListProps: {
100
- justifyContent: 'center'
101
- }
102
- }, (0, _react2.jsx)(_Tab["default"], {
103
- key: "Tab 1",
104
- title: "Tab 1",
105
- icon: (0, _react2.jsx)(_Icon["default"], {
106
- icon: _EarthIcon["default"],
107
- size: 20,
108
- color: "active",
109
- mb: 10
110
- })
111
- }), (0, _react2.jsx)(_Tab["default"], {
112
- key: "Tab 2",
113
- title: "Tab 2",
114
- icon: (0, _react2.jsx)(_Icon["default"], {
115
- icon: _CogOutlineIcon["default"],
116
- size: 20,
117
- color: "active",
118
- mb: 10
119
- })
120
- })), (0, _react2.jsx)(_TextField["default"], {
121
- mt: "lg",
122
- mb: "lg",
123
- label: "Form Name"
124
- }), (0, _react2.jsx)(_TextAreaField["default"], {
125
- mb: "lg",
126
- label: "Description"
127
- }), (0, _react2.jsx)(_RadioGroupField["default"], {
128
- label: "Required Fields",
129
- variant: "radioGroupBasic"
130
- }, (0, _react2.jsx)(_RadioField["default"], {
131
- value: "A",
132
- label: "Option A"
133
- }), (0, _react2.jsx)(_RadioField["default"], {
134
- value: "B",
135
- label: "Option B"
136
- }))))));
137
- };
138
-
139
- exports.Default = Default;