@pedidopago/ui 1.8.4 → 1.8.6
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/components/Icon/data/dash.js +1 -1
- package/dist/components/Icon/types.d.ts +1 -1
- package/dist/components/Icon/types.d.ts.map +1 -1
- package/dist/components/NewSelect/multiple/index.d.ts.map +1 -1
- package/dist/components/NewSelect/multiple/index.js +1 -1
- package/dist/components/Select/components/OptionsSelect/styles.d.ts +2 -256
- package/dist/components/Select/components/OptionsSelect/styles.d.ts.map +1 -1
- package/dist/components/Select/components/OptionsSelect/styles.js +1 -1
- package/dist/utils/formatters/document.d.ts +8 -0
- package/dist/utils/formatters/document.d.ts.map +1 -0
- package/dist/utils/formatters/document.js +6 -0
- package/package.json +1 -1
- package/dist/components/Illustration/AlternativeOrderSvg/index.d.ts +0 -5
- package/dist/components/Illustration/AlternativeOrderSvg/index.d.ts.map +0 -1
- package/dist/components/Illustration/AlternativeOrderSvg/index.js +0 -107
- package/dist/components/Illustration/BoletoSvg/index.d.ts +0 -5
- package/dist/components/Illustration/BoletoSvg/index.d.ts.map +0 -1
- package/dist/components/Illustration/BoletoSvg/index.js +0 -168
- package/dist/components/Illustration/BoxClosedSvg/index.d.ts +0 -5
- package/dist/components/Illustration/BoxClosedSvg/index.d.ts.map +0 -1
- package/dist/components/Illustration/BoxClosedSvg/index.js +0 -99
- package/dist/components/Illustration/BoxDeliverySvg/index.d.ts +0 -5
- package/dist/components/Illustration/BoxDeliverySvg/index.d.ts.map +0 -1
- package/dist/components/Illustration/BoxDeliverySvg/index.js +0 -111
- package/dist/components/Illustration/BoxOpenSvg/index.d.ts +0 -5
- package/dist/components/Illustration/BoxOpenSvg/index.d.ts.map +0 -1
- package/dist/components/Illustration/BoxOpenSvg/index.js +0 -108
- package/dist/components/Illustration/CalendarSvg/index.d.ts +0 -5
- package/dist/components/Illustration/CalendarSvg/index.d.ts.map +0 -1
- package/dist/components/Illustration/CalendarSvg/index.js +0 -109
- package/dist/components/Illustration/CardSvg/index.d.ts +0 -5
- package/dist/components/Illustration/CardSvg/index.d.ts.map +0 -1
- package/dist/components/Illustration/CardSvg/index.js +0 -110
- package/dist/components/Illustration/CollaboratorSvg/index.d.ts +0 -5
- package/dist/components/Illustration/CollaboratorSvg/index.d.ts.map +0 -1
- package/dist/components/Illustration/CollaboratorSvg/index.js +0 -99
- package/dist/components/Illustration/InquirySvg/index.d.ts +0 -5
- package/dist/components/Illustration/InquirySvg/index.d.ts.map +0 -1
- package/dist/components/Illustration/InquirySvg/index.js +0 -219
- package/dist/components/Illustration/OrderSvg/index.d.ts +0 -5
- package/dist/components/Illustration/OrderSvg/index.d.ts.map +0 -1
- package/dist/components/Illustration/OrderSvg/index.js +0 -135
- package/dist/components/Illustration/PixSvg/index.d.ts +0 -5
- package/dist/components/Illustration/PixSvg/index.d.ts.map +0 -1
- package/dist/components/Illustration/PixSvg/index.js +0 -93
- package/dist/components/Illustration/PrescriptionSvg/index.d.ts +0 -5
- package/dist/components/Illustration/PrescriptionSvg/index.d.ts.map +0 -1
- package/dist/components/Illustration/PrescriptionSvg/index.js +0 -81
- package/dist/components/Illustration/TransportSvg/index.d.ts +0 -5
- package/dist/components/Illustration/TransportSvg/index.d.ts.map +0 -1
- package/dist/components/Illustration/TransportSvg/index.js +0 -102
- package/dist/components/NewSelect/components/OptionsSelect/index.d.ts +0 -4
- package/dist/components/NewSelect/components/OptionsSelect/index.d.ts.map +0 -1
- package/dist/components/NewSelect/components/OptionsSelect/index.js +0 -56
- package/dist/components/RadioInput/components/ChoiceList/index.d.ts +0 -6
- package/dist/components/RadioInput/components/ChoiceList/index.d.ts.map +0 -1
- package/dist/components/RadioInput/components/ChoiceList/index.js +0 -86
- package/dist/components/RadioInput/index.d.ts +0 -5
- package/dist/components/RadioInput/index.d.ts.map +0 -1
- package/dist/components/RadioInput/index.js +0 -44
- package/dist/components/RadioInput/radio-input.test.d.ts +0 -2
- package/dist/components/RadioInput/radio-input.test.d.ts.map +0 -1
- package/dist/components/RadioInput/radio-input.test.js +0 -184
- package/dist/components/RadioInput/styles.d.ts +0 -31
- package/dist/components/RadioInput/styles.d.ts.map +0 -1
- package/dist/components/RadioInput/styles.js +0 -39
- package/dist/components/RadioInput/types.d.ts +0 -27
- package/dist/components/RadioInput/types.d.ts.map +0 -1
- package/dist/components/RadioInput/types.js +0 -1
- package/dist/components/RadioInput/utils/get-colors-props.d.ts +0 -12
- package/dist/components/RadioInput/utils/get-colors-props.d.ts.map +0 -1
- package/dist/components/RadioInput/utils/get-colors-props.js +0 -19
- package/dist/components/Steps/components/StepIconMobile/index.d.ts +0 -4
- package/dist/components/Steps/components/StepIconMobile/index.d.ts.map +0 -1
- package/dist/components/Steps/components/StepIconMobile/index.js +0 -126
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.default = void 0;
|
|
8
|
-
var _react = require("react");
|
|
9
|
-
var _ChoiceList = require("./components/ChoiceList");
|
|
10
|
-
var _styles = require("./styles");
|
|
11
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
-
var _excluded = ["isDisabled", "children", "name"];
|
|
13
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
14
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
15
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
16
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
17
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
18
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
19
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
20
|
-
var Radio = function Radio(_ref) {
|
|
21
|
-
var isDisabled = _ref.isDisabled,
|
|
22
|
-
children = _ref.children,
|
|
23
|
-
name = _ref.name,
|
|
24
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
25
|
-
var _useContext = (0, _react.useContext)(_ChoiceList.RadioGroup),
|
|
26
|
-
groupName = _useContext.groupName,
|
|
27
|
-
handleRadioClick = _useContext.handleRadioClick,
|
|
28
|
-
isDisabledContext = _useContext.isDisabled;
|
|
29
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Wrapper, {
|
|
30
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Input, _objectSpread({
|
|
31
|
-
disabled: isDisabled || isDisabledContext,
|
|
32
|
-
type: "radio",
|
|
33
|
-
name: groupName || name,
|
|
34
|
-
onClick: function onClick(e) {
|
|
35
|
-
return handleRadioClick(e.currentTarget.value);
|
|
36
|
-
}
|
|
37
|
-
}, rest)), children && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Label, {
|
|
38
|
-
htmlFor: rest.id,
|
|
39
|
-
children: children
|
|
40
|
-
})]
|
|
41
|
-
});
|
|
42
|
-
};
|
|
43
|
-
var _default = Radio;
|
|
44
|
-
exports.default = _default;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"radio-input.test.d.ts","sourceRoot":"","sources":["../../../src/components/RadioInput/radio-input.test.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}
|
|
@@ -1,184 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
require("@testing-library/jest-dom");
|
|
4
|
-
var _react = require("@testing-library/react");
|
|
5
|
-
var _testUtils = require("../../shared/tests/test-utils");
|
|
6
|
-
var _ChoiceList = _interopRequireDefault(require("./components/ChoiceList"));
|
|
7
|
-
var _ = _interopRequireDefault(require("."));
|
|
8
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
-
describe('Radio Input', function () {
|
|
11
|
-
it('should render input', function () {
|
|
12
|
-
var fn = jest.fn();
|
|
13
|
-
var _render = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
|
|
14
|
-
onChange: fn,
|
|
15
|
-
value: "test",
|
|
16
|
-
id: "test",
|
|
17
|
-
children: "Radio Test"
|
|
18
|
-
})),
|
|
19
|
-
container = _render.container;
|
|
20
|
-
var radio = container.querySelector('input[type="radio"]');
|
|
21
|
-
expect(radio).toBeInTheDocument();
|
|
22
|
-
});
|
|
23
|
-
it('should check input on Click on input', function () {
|
|
24
|
-
var fn = jest.fn();
|
|
25
|
-
var _render2 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChoiceList.default, {
|
|
26
|
-
radiosName: "radio",
|
|
27
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
|
|
28
|
-
onChange: fn,
|
|
29
|
-
value: "test",
|
|
30
|
-
id: "test",
|
|
31
|
-
children: "Radio Test"
|
|
32
|
-
})
|
|
33
|
-
})),
|
|
34
|
-
container = _render2.container;
|
|
35
|
-
var radio = container.querySelector('input[type="radio"]');
|
|
36
|
-
_react.fireEvent.click(radio);
|
|
37
|
-
expect(radio).toBeChecked();
|
|
38
|
-
});
|
|
39
|
-
it('should check input on Click label', function () {
|
|
40
|
-
var fn = jest.fn();
|
|
41
|
-
var _render3 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChoiceList.default, {
|
|
42
|
-
radiosName: "radio",
|
|
43
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
|
|
44
|
-
onChange: fn,
|
|
45
|
-
value: "test",
|
|
46
|
-
id: "test",
|
|
47
|
-
children: "Radio Test"
|
|
48
|
-
})
|
|
49
|
-
})),
|
|
50
|
-
container = _render3.container,
|
|
51
|
-
getByText = _render3.getByText;
|
|
52
|
-
var radio = container.querySelector('input[type="radio"]');
|
|
53
|
-
var label = getByText('Radio Test');
|
|
54
|
-
_react.fireEvent.click(label);
|
|
55
|
-
expect(radio).toBeChecked();
|
|
56
|
-
});
|
|
57
|
-
it('should checked input if defaultChecked is provided', function () {
|
|
58
|
-
var fn = jest.fn();
|
|
59
|
-
var _render4 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChoiceList.default, {
|
|
60
|
-
defaultValue: "test",
|
|
61
|
-
radiosName: "radio",
|
|
62
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
|
|
63
|
-
onChange: fn,
|
|
64
|
-
value: "test",
|
|
65
|
-
id: "test",
|
|
66
|
-
children: "Radio Test"
|
|
67
|
-
})
|
|
68
|
-
})),
|
|
69
|
-
container = _render4.container;
|
|
70
|
-
var radio = container.querySelector('input[type="radio"]');
|
|
71
|
-
expect(radio).toBeChecked();
|
|
72
|
-
});
|
|
73
|
-
it('should call onChange on Click input', function () {
|
|
74
|
-
var fn = jest.fn();
|
|
75
|
-
var _render5 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChoiceList.default, {
|
|
76
|
-
onChangeValue: fn,
|
|
77
|
-
radiosName: "radio",
|
|
78
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
|
|
79
|
-
value: "test",
|
|
80
|
-
id: "test",
|
|
81
|
-
children: "Radio Test"
|
|
82
|
-
})
|
|
83
|
-
})),
|
|
84
|
-
container = _render5.container;
|
|
85
|
-
_react.fireEvent.click(container);
|
|
86
|
-
expect(fn).toBeCalled();
|
|
87
|
-
});
|
|
88
|
-
it('Should ChoiceList disabled radio children is isDisabled is provided', function () {
|
|
89
|
-
var fn = jest.fn();
|
|
90
|
-
(0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChoiceList.default, {
|
|
91
|
-
onChangeValue: fn,
|
|
92
|
-
isDisabled: true,
|
|
93
|
-
radiosName: "test-name",
|
|
94
|
-
defaultValue: "test3",
|
|
95
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
|
|
96
|
-
value: "test1",
|
|
97
|
-
id: "test",
|
|
98
|
-
children: "Radio Test 1"
|
|
99
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
|
|
100
|
-
value: "test2",
|
|
101
|
-
id: "test",
|
|
102
|
-
children: "Radio Test 2"
|
|
103
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
|
|
104
|
-
value: "test3",
|
|
105
|
-
id: "test",
|
|
106
|
-
children: "Radio Test 3"
|
|
107
|
-
})]
|
|
108
|
-
}));
|
|
109
|
-
var sut = _react.screen.getAllByRole('radio');
|
|
110
|
-
sut.forEach(function (value) {
|
|
111
|
-
expect(value).toBeDisabled();
|
|
112
|
-
});
|
|
113
|
-
});
|
|
114
|
-
it('should render helpText if helpText is provided', function () {
|
|
115
|
-
var fn = jest.fn();
|
|
116
|
-
(0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChoiceList.default, {
|
|
117
|
-
onChangeValue: fn,
|
|
118
|
-
radiosName: "test-name",
|
|
119
|
-
defaultValue: "test3",
|
|
120
|
-
helpText: "Help Text",
|
|
121
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
|
|
122
|
-
value: "test1",
|
|
123
|
-
id: "test",
|
|
124
|
-
children: "Radio Test 1"
|
|
125
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
|
|
126
|
-
value: "test2",
|
|
127
|
-
id: "test",
|
|
128
|
-
children: "Radio Test 2"
|
|
129
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
|
|
130
|
-
value: "test3",
|
|
131
|
-
id: "test",
|
|
132
|
-
children: "Radio Test 3"
|
|
133
|
-
})]
|
|
134
|
-
}));
|
|
135
|
-
expect(_react.screen.getByText('Help Text')).toBeInTheDocument();
|
|
136
|
-
});
|
|
137
|
-
it('should render label if label is provided', function () {
|
|
138
|
-
var fn = jest.fn();
|
|
139
|
-
(0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChoiceList.default, {
|
|
140
|
-
onChangeValue: fn,
|
|
141
|
-
label: "any_label",
|
|
142
|
-
radiosName: "test-name",
|
|
143
|
-
defaultValue: "test3",
|
|
144
|
-
helpText: "Help Text",
|
|
145
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
|
|
146
|
-
value: "test1",
|
|
147
|
-
id: "test",
|
|
148
|
-
children: "Radio Test 1"
|
|
149
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
|
|
150
|
-
value: "test2",
|
|
151
|
-
id: "test",
|
|
152
|
-
children: "Radio Test 2"
|
|
153
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
|
|
154
|
-
value: "test3",
|
|
155
|
-
id: "test",
|
|
156
|
-
children: "Radio Test 3"
|
|
157
|
-
})]
|
|
158
|
-
}));
|
|
159
|
-
expect(_react.screen.getByRole('radiogroup').children[1].tagName.toLowerCase()).toBe('label');
|
|
160
|
-
});
|
|
161
|
-
it('should not render label if label not provided', function () {
|
|
162
|
-
var fn = jest.fn();
|
|
163
|
-
(0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChoiceList.default, {
|
|
164
|
-
onChangeValue: fn,
|
|
165
|
-
radiosName: "test-name",
|
|
166
|
-
defaultValue: "test3",
|
|
167
|
-
helpText: "Help Text",
|
|
168
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
|
|
169
|
-
value: "test1",
|
|
170
|
-
id: "test",
|
|
171
|
-
children: "Radio Test 1"
|
|
172
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
|
|
173
|
-
value: "test2",
|
|
174
|
-
id: "test",
|
|
175
|
-
children: "Radio Test 2"
|
|
176
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
|
|
177
|
-
value: "test3",
|
|
178
|
-
id: "test",
|
|
179
|
-
children: "Radio Test 3"
|
|
180
|
-
})]
|
|
181
|
-
}));
|
|
182
|
-
expect(_react.screen.getByRole('radiogroup').children[1].tagName.toLowerCase()).not.toBe('label');
|
|
183
|
-
});
|
|
184
|
-
});
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { IStyledRadioInput } from './types';
|
|
3
|
-
export declare const Wrapper: import("@emotion/styled").StyledComponent<{
|
|
4
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
-
as?: import("react").ElementType<any> | undefined;
|
|
6
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
7
|
-
export declare const Label: import("@emotion/styled").StyledComponent<{
|
|
8
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
9
|
-
as?: import("react").ElementType<any> | undefined;
|
|
10
|
-
}, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
|
|
11
|
-
export declare const Input: import("@emotion/styled").StyledComponent<{
|
|
12
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
13
|
-
as?: import("react").ElementType<any> | undefined;
|
|
14
|
-
} & IStyledRadioInput, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
|
|
15
|
-
export declare const ChoiceWrapper: import("@emotion/styled").StyledComponent<{
|
|
16
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
17
|
-
as?: import("react").ElementType<any> | undefined;
|
|
18
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
19
|
-
export declare const ListWrapper: import("@emotion/styled").StyledComponent<{
|
|
20
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
21
|
-
as?: import("react").ElementType<any> | undefined;
|
|
22
|
-
} & IStyledRadioInput, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
23
|
-
export declare const ChoiceLabel: import("@emotion/styled").StyledComponent<{
|
|
24
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
25
|
-
as?: import("react").ElementType<any> | undefined;
|
|
26
|
-
} & IStyledRadioInput, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
|
|
27
|
-
export declare const HelpText: import("@emotion/styled").StyledComponent<{
|
|
28
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
29
|
-
as?: import("react").ElementType<any> | undefined;
|
|
30
|
-
} & IStyledRadioInput, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
31
|
-
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/RadioInput/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,OAAO;;;yGAInB,CAAC;AAEF,eAAO,MAAM,KAAK;;;kHAGjB,CAAC;AAEF,eAAO,MAAM,KAAK;;;sIAgEjB,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAAe,CAAC;AAE1C,eAAO,MAAM,WAAW;;;6HAOvB,CAAC;AAEF,eAAO,MAAM,WAAW;;;sIASvB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;+HASpB,CAAC"}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.Wrapper = exports.ListWrapper = exports.Label = exports.Input = exports.HelpText = exports.ChoiceWrapper = exports.ChoiceLabel = void 0;
|
|
7
|
-
var _react = require("@emotion/react");
|
|
8
|
-
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
9
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
12
|
-
var Wrapper = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n gap: 8px;\n"])));
|
|
13
|
-
exports.Wrapper = Wrapper;
|
|
14
|
-
var Label = _styled.default.label(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n font-weight: 500;\n margin-right: 12px;\n"])));
|
|
15
|
-
exports.Label = Label;
|
|
16
|
-
var Input = _styled.default.input(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n ", "\n"])), function (_ref) {
|
|
17
|
-
var colors = _ref.theme.colors;
|
|
18
|
-
return (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n appearance: none;\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0;\n min-width: 20px;\n height: 20px;\n border-radius: 50%;\n border: 2px solid ", ";\n transition: all ease 0.2s;\n cursor: pointer;\n\n + label {\n color: ", ";\n line-height: 20px;\n cursor: pointer;\n }\n\n :hover {\n border-color: ", ";\n }\n\n :disabled {\n cursor: default;\n border-color: ", ";\n background-color: ", ";\n + label {\n color: ", ";\n cursor: default;\n }\n }\n\n :checked {\n background-color: ", ";\n border-color: ", ";\n &:focus {\n background-color: ", ";\n border-color: ", ";\n box-shadow: 0 0 0 2px ", ";\n }\n &:hover {\n background-color: ", ";\n border-color: ", ";\n }\n &:disabled {\n background-color: ", ";\n border-color: ", ";\n + label {\n color: ", ";\n cursor: default;\n }\n }\n\n &::after {\n content: '';\n width: 6px;\n height: 6px;\n background: #fff;\n border-radius: 50%;\n }\n }\n "])), colors.neutral.neutral2, colors.neutral.black, colors.primary.hover, colors.neutral.neutral1, colors.neutral.neutral1, colors.neutral.neutral2, colors.primary.default, colors.primary.default, colors.primary.focus, colors.primary.focus, colors.primary.disabled, colors.primary.hover, colors.primary.hover, colors.neutral.neutral2, colors.neutral.neutral2, colors.neutral.neutral4);
|
|
19
|
-
});
|
|
20
|
-
exports.Input = Input;
|
|
21
|
-
var ChoiceWrapper = _styled.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral([""])));
|
|
22
|
-
exports.ChoiceWrapper = ChoiceWrapper;
|
|
23
|
-
var ListWrapper = _styled.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n ", "\n"])), function (_ref2) {
|
|
24
|
-
var _ref2$alignDirection = _ref2.alignDirection,
|
|
25
|
-
alignDirection = _ref2$alignDirection === void 0 ? 'row' : _ref2$alignDirection;
|
|
26
|
-
return (0, _react.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: ", ";\n flex-wrap: wrap;\n gap: 12px;\n "])), alignDirection);
|
|
27
|
-
});
|
|
28
|
-
exports.ListWrapper = ListWrapper;
|
|
29
|
-
var ChoiceLabel = _styled.default.label(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n ", "\n"])), function (_ref3) {
|
|
30
|
-
var colors = _ref3.theme.colors;
|
|
31
|
-
return (0, _react.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n display: block;\n font-weight: 500;\n font-size: 16px;\n line-height: 24px;\n color: ", ";\n margin-bottom: 16px;\n "])), colors.neutral.black);
|
|
32
|
-
});
|
|
33
|
-
exports.ChoiceLabel = ChoiceLabel;
|
|
34
|
-
var HelpText = _styled.default.span(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n ", "\n"])), function (_ref4) {
|
|
35
|
-
var theme = _ref4.theme,
|
|
36
|
-
textColor = _ref4.textColor;
|
|
37
|
-
return (0, _react.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n font-size: ", ";\n color: ", ";\n font-weight: 500;\n display: block;\n padding-left: 30px;\n margin-top: 18px;\n "])), theme.fontSizes.xxs, textColor);
|
|
38
|
-
});
|
|
39
|
-
exports.HelpText = HelpText;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { ReactNode, InputHTMLAttributes } from 'react';
|
|
2
|
-
export interface IRadioInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
|
|
3
|
-
isDisabled?: boolean;
|
|
4
|
-
children?: ReactNode;
|
|
5
|
-
}
|
|
6
|
-
export interface ChoiceListProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
7
|
-
onChangeValue?: (value?: string) => void;
|
|
8
|
-
label?: string;
|
|
9
|
-
defaultValue?: string;
|
|
10
|
-
isDisabled?: boolean;
|
|
11
|
-
radiosName: string;
|
|
12
|
-
alignDirection?: 'column' | 'row';
|
|
13
|
-
color?: string;
|
|
14
|
-
helpText?: string;
|
|
15
|
-
children: ReactNode;
|
|
16
|
-
}
|
|
17
|
-
export type ChoiceListContext = {
|
|
18
|
-
handleRadioClick: (e: string) => void;
|
|
19
|
-
defaultValue?: string;
|
|
20
|
-
groupName: string;
|
|
21
|
-
isDisabled?: boolean;
|
|
22
|
-
};
|
|
23
|
-
export interface IStyledRadioInput {
|
|
24
|
-
textColor?: string;
|
|
25
|
-
alignDirection?: 'column' | 'row';
|
|
26
|
-
}
|
|
27
|
-
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/RadioInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC3F,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,eAAgB,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IAC5E,aAAa,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,gBAAgB,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;CACnC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
export declare function getColorsProps(hue: number): {
|
|
2
|
-
black: string;
|
|
3
|
-
gray: string;
|
|
4
|
-
grayLightness: string;
|
|
5
|
-
graySaturation: string;
|
|
6
|
-
focus: string;
|
|
7
|
-
focusChecked: string;
|
|
8
|
-
shadowLightness: string;
|
|
9
|
-
saturation: string;
|
|
10
|
-
saturationFocus: string;
|
|
11
|
-
};
|
|
12
|
-
//# sourceMappingURL=get-colors-props.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"get-colors-props.d.ts","sourceRoot":"","sources":["../../../../src/components/RadioInput/utils/get-colors-props.ts"],"names":[],"mappings":"AAAA,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM;;;;;;;;;;EAYzC"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.getColorsProps = getColorsProps;
|
|
7
|
-
function getColorsProps(hue) {
|
|
8
|
-
return {
|
|
9
|
-
black: "hsl(".concat(hue + 4, ", ", 12, "%, ", 23, "%)"),
|
|
10
|
-
gray: "hsl(".concat(hue, ", ", 13, "%, ", 82, "%)"),
|
|
11
|
-
grayLightness: "hsl(".concat(hue + 4, ", ", 14, "%, ", 93, "%)"),
|
|
12
|
-
graySaturation: "hsl(".concat(hue + 2, ", ", 13, "%, ", 68, "%)"),
|
|
13
|
-
focus: "hsl(".concat(hue + 4, ", ", 13, "%, ", 50, "%)"),
|
|
14
|
-
focusChecked: "hsl(".concat(hue + 5, ", ", 73, "%, ", 35, "%)"),
|
|
15
|
-
shadowLightness: "hsl(".concat(hue + 5, ", ", 68, "%, ", 83, "%)"),
|
|
16
|
-
saturation: "hsl(".concat(hue + 5, ", ", 74, "%, ", 40, "%)"),
|
|
17
|
-
saturationFocus: "hsl(".concat(hue + 5, ", ", 73, "%, ", 35, "%)")
|
|
18
|
-
};
|
|
19
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steps/components/StepIconMobile/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAO5C,eAAO,MAAM,cAAc,qFAMxB,aAAa,gBAgGf,CAAC"}
|
|
@@ -1,126 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.StepIconMobile = void 0;
|
|
7
|
-
var _react = require("@emotion/react");
|
|
8
|
-
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
9
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
-
var _templateObject;
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
13
|
-
var IconContainer = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n margin-right: 20px;\n margin-bottom: -10px;\n"])));
|
|
14
|
-
var StepIconMobile = function StepIconMobile(_ref) {
|
|
15
|
-
var stepPosition = _ref.stepPosition,
|
|
16
|
-
isSelectedStep = _ref.isSelectedStep,
|
|
17
|
-
hasStartGradient = _ref.hasStartGradient,
|
|
18
|
-
hasEndGratient = _ref.hasEndGratient,
|
|
19
|
-
_ref$activeColor = _ref.activeColor,
|
|
20
|
-
activeColor = _ref$activeColor === void 0 ? 'primary' : _ref$activeColor;
|
|
21
|
-
var theme = (0, _react.useTheme)();
|
|
22
|
-
var strokeColor = theme.colors[activeColor].default;
|
|
23
|
-
var neutralStrokeColor = theme.colors.neutral.neutral1;
|
|
24
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
25
|
-
children: isSelectedStep ? /*#__PURE__*/(0, _jsxRuntime.jsx)(IconContainer, {
|
|
26
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
|
|
27
|
-
width: "16",
|
|
28
|
-
height: "81",
|
|
29
|
-
viewBox: "0 0 16 81",
|
|
30
|
-
fill: "none",
|
|
31
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
32
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
|
|
33
|
-
width: "3",
|
|
34
|
-
height: "32",
|
|
35
|
-
transform: "translate(6.5 0.785156)",
|
|
36
|
-
fill: "url(#".concat(stepPosition, ")")
|
|
37
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
|
|
38
|
-
cx: "8",
|
|
39
|
-
cy: "40.7852",
|
|
40
|
-
r: "5",
|
|
41
|
-
fill: "#F8FAF9",
|
|
42
|
-
stroke: strokeColor,
|
|
43
|
-
strokeWidth: "6"
|
|
44
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
|
|
45
|
-
width: "3",
|
|
46
|
-
height: "32",
|
|
47
|
-
transform: "translate(6.5 48.7852)",
|
|
48
|
-
fill: "url(#".concat(stepPosition, "-2)")
|
|
49
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("defs", {
|
|
50
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("linearGradient", {
|
|
51
|
-
id: stepPosition,
|
|
52
|
-
x1: "1.5",
|
|
53
|
-
y1: "33.5",
|
|
54
|
-
x2: "1.5",
|
|
55
|
-
y2: "5.63098e-10",
|
|
56
|
-
gradientUnits: "userSpaceOnUse",
|
|
57
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
|
|
58
|
-
stopColor: strokeColor
|
|
59
|
-
}), hasStartGradient && /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
|
|
60
|
-
offset: "1",
|
|
61
|
-
stopColor: strokeColor,
|
|
62
|
-
stopOpacity: "0"
|
|
63
|
-
})]
|
|
64
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("linearGradient", {
|
|
65
|
-
id: "".concat(stepPosition, "-2"),
|
|
66
|
-
x1: "1.88295",
|
|
67
|
-
y1: "-0.857085",
|
|
68
|
-
x2: "1.64628",
|
|
69
|
-
y2: "41.7156",
|
|
70
|
-
gradientUnits: "userSpaceOnUse",
|
|
71
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
|
|
72
|
-
stopColor: strokeColor
|
|
73
|
-
}), hasEndGratient && /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
|
|
74
|
-
offset: "1",
|
|
75
|
-
stopColor: strokeColor,
|
|
76
|
-
stopOpacity: "0"
|
|
77
|
-
})]
|
|
78
|
-
})]
|
|
79
|
-
})]
|
|
80
|
-
})
|
|
81
|
-
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(IconContainer, {
|
|
82
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
|
|
83
|
-
width: "16",
|
|
84
|
-
height: "81",
|
|
85
|
-
viewBox: "0 0 16 81",
|
|
86
|
-
fill: "none",
|
|
87
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
88
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
|
|
89
|
-
width: "3",
|
|
90
|
-
height: "32",
|
|
91
|
-
transform: "translate(6.5 0.785156)",
|
|
92
|
-
fill: neutralStrokeColor
|
|
93
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
|
|
94
|
-
cx: "8",
|
|
95
|
-
cy: "40.7852",
|
|
96
|
-
r: "7",
|
|
97
|
-
fill: "#F8FAF9",
|
|
98
|
-
stroke: "#B7C7C2",
|
|
99
|
-
strokeWidth: "2"
|
|
100
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
|
|
101
|
-
width: "3",
|
|
102
|
-
height: "32",
|
|
103
|
-
transform: "translate(6.5 48.7852)",
|
|
104
|
-
fill: "url(#".concat(stepPosition, ")")
|
|
105
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("defs", {
|
|
106
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("linearGradient", {
|
|
107
|
-
id: stepPosition,
|
|
108
|
-
x1: "1.5",
|
|
109
|
-
y1: "0",
|
|
110
|
-
x2: "1.5",
|
|
111
|
-
y2: "32",
|
|
112
|
-
gradientUnits: "userSpaceOnUse",
|
|
113
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
|
|
114
|
-
stopColor: neutralStrokeColor
|
|
115
|
-
}), hasEndGratient && /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
|
|
116
|
-
offset: "1",
|
|
117
|
-
stopColor: neutralStrokeColor,
|
|
118
|
-
stopOpacity: "0"
|
|
119
|
-
})]
|
|
120
|
-
})
|
|
121
|
-
})]
|
|
122
|
-
})
|
|
123
|
-
})
|
|
124
|
-
});
|
|
125
|
-
};
|
|
126
|
-
exports.StepIconMobile = StepIconMobile;
|