@trafilea/afrodita-components 5.0.0-beta.59 → 5.0.0-beta.61
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/build/index.d.ts +23 -1
- package/build/index.esm.js +28 -4
- package/build/index.esm.js.map +1 -1
- package/build/index.js +28 -4
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.d.ts
CHANGED
|
@@ -122,12 +122,24 @@ declare const SixtyDaysGuarantee: ({ height, width, fill, title }: IconProps) =>
|
|
|
122
122
|
|
|
123
123
|
declare const Frown: ({ height, width, fill, title }: IconProps$1) => JSX.Element;
|
|
124
124
|
|
|
125
|
+
declare const BulletOne: ({ height, width, fill, title }: IconProps) => JSX.Element;
|
|
126
|
+
|
|
127
|
+
declare const BulletTwo: ({ height, width, fill, title }: IconProps) => JSX.Element;
|
|
128
|
+
|
|
129
|
+
declare const BulletThree: ({ height, width, fill, title }: IconProps) => JSX.Element;
|
|
130
|
+
|
|
125
131
|
declare const Custom_SixtyDaysGuarantee: typeof SixtyDaysGuarantee;
|
|
126
132
|
declare const Custom_Frown: typeof Frown;
|
|
133
|
+
declare const Custom_BulletOne: typeof BulletOne;
|
|
134
|
+
declare const Custom_BulletTwo: typeof BulletTwo;
|
|
135
|
+
declare const Custom_BulletThree: typeof BulletThree;
|
|
127
136
|
declare namespace Custom {
|
|
128
137
|
export {
|
|
129
138
|
Custom_SixtyDaysGuarantee as SixtyDaysGuarantee,
|
|
130
139
|
Custom_Frown as Frown,
|
|
140
|
+
Custom_BulletOne as BulletOne,
|
|
141
|
+
Custom_BulletTwo as BulletTwo,
|
|
142
|
+
Custom_BulletThree as BulletThree,
|
|
131
143
|
};
|
|
132
144
|
}
|
|
133
145
|
|
|
@@ -156,6 +168,11 @@ declare const SignOut: ({ height, width, fill }: IconProps) => JSX.Element;
|
|
|
156
168
|
|
|
157
169
|
declare const Add: ({ height, width, fill }: IconProps) => JSX.Element;
|
|
158
170
|
|
|
171
|
+
interface CopyProps extends IconProps {
|
|
172
|
+
stroke?: string;
|
|
173
|
+
}
|
|
174
|
+
declare const Copy: ({ height, width, fill, stroke }: CopyProps) => JSX.Element;
|
|
175
|
+
|
|
159
176
|
declare const Actions_Check: typeof Check;
|
|
160
177
|
declare const Actions_ClearLight: typeof ClearLight;
|
|
161
178
|
declare const Actions_LightExclamation: typeof LightExclamation;
|
|
@@ -168,6 +185,8 @@ declare const Actions_Warning: typeof Warning;
|
|
|
168
185
|
declare const Actions_Edit: typeof Edit;
|
|
169
186
|
declare const Actions_SignOut: typeof SignOut;
|
|
170
187
|
declare const Actions_Add: typeof Add;
|
|
188
|
+
type Actions_CopyProps = CopyProps;
|
|
189
|
+
declare const Actions_Copy: typeof Copy;
|
|
171
190
|
declare namespace Actions {
|
|
172
191
|
export {
|
|
173
192
|
Actions_Check as Check,
|
|
@@ -182,6 +201,8 @@ declare namespace Actions {
|
|
|
182
201
|
Actions_Edit as Edit,
|
|
183
202
|
Actions_SignOut as SignOut,
|
|
184
203
|
Actions_Add as Add,
|
|
204
|
+
Actions_CopyProps as CopyProps,
|
|
205
|
+
Actions_Copy as Copy,
|
|
185
206
|
};
|
|
186
207
|
}
|
|
187
208
|
|
|
@@ -1274,6 +1295,7 @@ interface BaseInputCommmonProps {
|
|
|
1274
1295
|
inlinePlaceholder?: boolean;
|
|
1275
1296
|
hasError?: boolean;
|
|
1276
1297
|
inputType?: 'text' | 'email' | 'password' | 'url';
|
|
1298
|
+
name?: string;
|
|
1277
1299
|
}
|
|
1278
1300
|
interface BaseInputControlled extends BaseInputCommmonProps {
|
|
1279
1301
|
value: string;
|
|
@@ -1322,7 +1344,7 @@ declare type CustomProps = BaseInputProps & {
|
|
|
1322
1344
|
};
|
|
1323
1345
|
|
|
1324
1346
|
declare const Input: {
|
|
1325
|
-
Simple: ({ value, onChange, defaultValue, label, children, required, onValidation, size, placeholder, inlinePlaceholder, hasError, inputType, ...rest }: BaseInputProps) => JSX.Element;
|
|
1347
|
+
Simple: ({ value, onChange, defaultValue, label, children, required, onValidation, size, placeholder, inlinePlaceholder, hasError, inputType, name, ...rest }: BaseInputProps) => JSX.Element;
|
|
1326
1348
|
Custom: ({ onClick, text, variant, ...rest }: CustomProps) => JSX.Element;
|
|
1327
1349
|
SimplePlusButton: ({ onClick, onClickEdit, text, success, editText, successText, ...rest }: BasePlusButtonProps) => JSX.Element;
|
|
1328
1350
|
SimplePlusIcon: ({ Icon, ...rest }: BasePlusIconProps) => JSX.Element;
|
package/build/index.esm.js
CHANGED
|
@@ -71,10 +71,28 @@ var Frown = function (_a) {
|
|
|
71
71
|
return (jsxs$1(IconWrapper$1, __assign$1({ width: width, height: height, viewBoxX: 68, viewBoxY: 68, title: title, fill: "none" }, { children: [jsx$1("path", { d: "M34 64C50.5685 64 64 50.5685 64 34C64 17.4315 50.5685 4 34 4C17.4315 4 4 17.4315 4 34C4 50.5685 17.4315 64 34 64Z", fill: "".concat(fill, "b6") }, void 0), jsx$1("path", { d: "M64 34.0296C64.0064 29.5175 62.9753 25.0627 60.9841 21C59.9702 30.9185 58.3731 39.7073 49.0635 48.6699C39.8271 57.5622 25.9923 57.4947 9 50.0686C14.4495 58.1257 23.0411 64 33.6008 64C41.6631 64 49.3953 60.8424 55.0963 55.2219C60.7972 49.6013 64 41.9783 64 34.0296Z", fill: fill }, void 0), jsx$1("path", { d: "M34 64C50.5685 64 64 50.5685 64 34C64 17.4315 50.5685 4 34 4C17.4315 4 4 17.4315 4 34C4 50.5685 17.4315 64 34 64Z", stroke: "#292929", strokeWidth: "2", strokeLinejoin: "round" }, void 0), jsx$1("path", { d: "M44.1292 48.8737C44.1292 48.8737 41.7372 42.8737 34.1292 42.8737C26.5212 42.8737 24.1292 48.8737 24.1292 48.8737", stroke: "#292929", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0), jsx$1("path", { d: "M24.6292 32.1304C24.6292 33.5111 23.5099 34.6304 22.1292 34.6304C20.7485 34.6304 19.6292 33.5111 19.6292 32.1304C19.6292 30.7497 20.7485 29.6304 22.1292 29.6304C23.5099 29.6304 24.6292 30.7497 24.6292 32.1304Z", fill: "#292929", stroke: "#292929" }, void 0), jsx$1("path", { d: "M48.6292 32.1304C48.6292 33.5111 47.5099 34.6304 46.1292 34.6304C44.7485 34.6304 43.6292 33.5111 43.6292 32.1304C43.6292 30.7497 44.7485 29.6304 46.1292 29.6304C47.5099 29.6304 48.6292 30.7497 48.6292 32.1304Z", fill: "#292929", stroke: "#292929" }, void 0), jsx$1("path", { d: "M14.7553 23.6181C16.5344 19.9142 19.3229 16.7876 22.8 14.5982C26.2771 12.4087 30.3017 11.2452 34.4107 11.2415", stroke: "white", strokeWidth: "6", strokeLinecap: "round", strokeLinejoin: "round" }, void 0)] }), void 0));
|
|
72
72
|
};
|
|
73
73
|
|
|
74
|
+
var BulletOne = function (_a) {
|
|
75
|
+
var height = _a.height, width = _a.width, _b = _a.fill, fill = _b === void 0 ? '#292929' : _b, title = _a.title;
|
|
76
|
+
return (jsxs$1(IconWrapper$1, __assign$1({ width: width, height: height, viewBoxX: 24, viewBoxY: 24, title: title, fill: "none" }, { children: [jsx$1("circle", { cx: "12", cy: "12", r: "10.25", stroke: fill, strokeWidth: "1.5" }, void 0), jsx$1("path", { d: "M11.5812 18.0002H13.5012V6.67218H11.7572L8.22119 9.52018L9.34119 10.8482L11.5812 9.00818V18.0002Z", fill: fill }, void 0)] }), void 0));
|
|
77
|
+
};
|
|
78
|
+
|
|
79
|
+
var BulletTwo = function (_a) {
|
|
80
|
+
var height = _a.height, width = _a.width, _b = _a.fill, fill = _b === void 0 ? '#292929' : _b, title = _a.title;
|
|
81
|
+
return (jsxs$1(IconWrapper$1, __assign$1({ width: width, height: height, viewBoxX: 24, viewBoxY: 24, title: title, fill: "none" }, { children: [jsx$1("circle", { cx: "12", cy: "12.0002", r: "10.25", stroke: fill, strokeWidth: "1.5" }, void 0), jsx$1("path", { d: "M8.22119 18.0004H15.7572V16.2404H10.6532L13.9172 13.1204C14.9252 12.1604 15.7412 11.1524 15.7412 9.69637C15.7412 7.52037 13.9332 6.38437 11.9652 6.38437C9.88519 6.38437 8.36519 7.76037 8.14119 9.63237L10.0132 9.92037C10.1572 8.81637 10.8452 7.98437 11.9332 7.98437C12.9572 7.98437 13.7412 8.67237 13.7412 9.72837C13.7412 10.6084 13.2932 11.2644 12.5892 11.9524L8.22119 16.2404V18.0004Z", fill: fill }, void 0)] }), void 0));
|
|
82
|
+
};
|
|
83
|
+
|
|
84
|
+
var BulletThree = function (_a) {
|
|
85
|
+
var height = _a.height, width = _a.width, _b = _a.fill, fill = _b === void 0 ? '#292929' : _b, title = _a.title;
|
|
86
|
+
return (jsxs$1(IconWrapper$1, __assign$1({ width: width, height: height, viewBoxX: 24, viewBoxY: 24, title: title, fill: "none" }, { children: [jsx$1("circle", { cx: "12", cy: "12.0004", r: "10.25", stroke: fill, strokeWidth: "1.5" }, void 0), jsx$1("path", { d: "M10.5092 12.8645H10.9892C12.1892 12.8645 13.7412 13.3125 13.7412 14.7845C13.7412 16.1445 12.6532 16.6565 11.6612 16.6565C10.4612 16.6565 9.67719 15.9525 9.40519 15.0565L7.61319 15.6165C8.22119 17.5045 9.82119 18.2885 11.7252 18.2885C13.6452 18.2885 15.6772 17.1525 15.6772 14.8005C15.6772 13.4085 14.7172 12.3525 13.3412 12.0805V12.0485C14.5732 11.7445 15.3732 10.7045 15.3732 9.48855C15.3732 7.45655 13.7092 6.38455 11.7252 6.38455C9.91719 6.38455 8.42919 7.45655 8.02919 8.97655L9.83719 9.44055C10.0612 8.57655 10.7172 7.98455 11.6452 7.98455C12.6052 7.98455 13.4372 8.59255 13.4372 9.61655C13.4372 11.0085 12.1572 11.3285 11.0212 11.3285H10.5092V12.8645Z", fill: fill }, void 0)] }), void 0));
|
|
87
|
+
};
|
|
88
|
+
|
|
74
89
|
var Custom$1 = /*#__PURE__*/Object.freeze({
|
|
75
90
|
__proto__: null,
|
|
76
91
|
SixtyDaysGuarantee: SixtyDaysGuarantee,
|
|
77
|
-
Frown: Frown
|
|
92
|
+
Frown: Frown,
|
|
93
|
+
BulletOne: BulletOne,
|
|
94
|
+
BulletTwo: BulletTwo,
|
|
95
|
+
BulletThree: BulletThree
|
|
78
96
|
});
|
|
79
97
|
|
|
80
98
|
var Check$1 = function (_a) {
|
|
@@ -132,6 +150,11 @@ var Add = function (_a) {
|
|
|
132
150
|
return (jsx$1(IconWrapper$1, __assign$1({ width: width, height: height, viewBoxX: 20, viewBoxY: 20, title: "add" }, { children: jsx$1("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.75 0C9.05964 0 8.5 0.559644 8.5 1.25V8.5H1.25C0.559644 8.5 0 9.05964 0 9.75C0 10.4404 0.559644 11 1.25 11H8.5V18.75C8.5 19.4404 9.05964 20 9.75 20C10.4404 20 11 19.4404 11 18.75V11H18.75C19.4404 11 20 10.4404 20 9.75C20 9.05964 19.4404 8.5 18.75 8.5H11V1.25C11 0.559644 10.4404 0 9.75 0Z", fill: fill }, void 0) }), void 0));
|
|
133
151
|
};
|
|
134
152
|
|
|
153
|
+
var Copy = function (_a) {
|
|
154
|
+
var height = _a.height, width = _a.width, _b = _a.fill, fill = _b === void 0 ? 'white' : _b, _c = _a.stroke, stroke = _c === void 0 ? '#292929' : _c;
|
|
155
|
+
return (jsxs$1(IconWrapper$1, __assign$1({ width: width, height: height, viewBoxX: 18, viewBoxY: 22, title: "copy" }, { children: [jsx$1("rect", { x: "0.5", y: "0.5", width: "13", height: "17", rx: "1.5", fill: fill, stroke: stroke }, void 0), jsx$1("rect", { x: "4.5", y: "4.5", width: "13", height: "17", rx: "1.5", fill: fill, stroke: stroke }, void 0)] }), void 0));
|
|
156
|
+
};
|
|
157
|
+
|
|
135
158
|
var Actions = /*#__PURE__*/Object.freeze({
|
|
136
159
|
__proto__: null,
|
|
137
160
|
Check: Check$1,
|
|
@@ -144,7 +167,8 @@ var Actions = /*#__PURE__*/Object.freeze({
|
|
|
144
167
|
Warning: Warning,
|
|
145
168
|
Edit: Edit,
|
|
146
169
|
SignOut: SignOut,
|
|
147
|
-
Add: Add
|
|
170
|
+
Add: Add,
|
|
171
|
+
Copy: Copy
|
|
148
172
|
});
|
|
149
173
|
|
|
150
174
|
var FitPredictor$1 = function (_a) {
|
|
@@ -11521,7 +11545,7 @@ var templateObject_1$K, templateObject_2$t, templateObject_3$n, templateObject_4
|
|
|
11521
11545
|
|
|
11522
11546
|
var BaseInput = function (_a) {
|
|
11523
11547
|
var _b;
|
|
11524
|
-
var value = _a.value, onChange = _a.onChange, _c = _a.defaultValue, defaultValue = _c === void 0 ? '' : _c, label = _a.label, children = _a.children, required = _a.required, onValidation = _a.onValidation, size = _a.size, placeholder = _a.placeholder, inlinePlaceholder = _a.inlinePlaceholder, hasError = _a.hasError, _d = _a.inputType, inputType = _d === void 0 ? 'text' : _d, rest = __rest(_a, ["value", "onChange", "defaultValue", "label", "children", "required", "onValidation", "size", "placeholder", "inlinePlaceholder", "hasError", "inputType"]);
|
|
11548
|
+
var value = _a.value, onChange = _a.onChange, _c = _a.defaultValue, defaultValue = _c === void 0 ? '' : _c, label = _a.label, children = _a.children, required = _a.required, onValidation = _a.onValidation, size = _a.size, placeholder = _a.placeholder, inlinePlaceholder = _a.inlinePlaceholder, hasError = _a.hasError, _d = _a.inputType, inputType = _d === void 0 ? 'text' : _d, name = _a.name, rest = __rest(_a, ["value", "onChange", "defaultValue", "label", "children", "required", "onValidation", "size", "placeholder", "inlinePlaceholder", "hasError", "inputType", "name"]);
|
|
11525
11549
|
var theme = useTheme();
|
|
11526
11550
|
var _e = useState((_b = value !== null && value !== void 0 ? value : defaultValue) !== null && _b !== void 0 ? _b : ''), internalValue = _e[0], setInternalValue = _e[1];
|
|
11527
11551
|
var _f = useState(InputValidationType.Empty), status = _f[0], setStatus = _f[1];
|
|
@@ -11582,7 +11606,7 @@ var BaseInput = function (_a) {
|
|
|
11582
11606
|
? theme.colors.shades['700'].color
|
|
11583
11607
|
: status === InputValidationType.Error
|
|
11584
11608
|
? theme.colors.semantic.urgent.color
|
|
11585
|
-
: '', hasError: hasError }, { children: [label && (jsx$1(InputLabel, { label: label, isDisabled: rest.disabled, isRequired: Boolean(required) }, void 0)), jsxs$1(InputWrapper, __assign$1({ className: "inputWrapper", size: size, inlinePlaceholder: inlinePlaceholder }, { children: [jsx$1(StyledInput, __assign$1({ "data-testid": "base-input", type: inputType, onChange: handleChange, onBlur: validate, required: Boolean(required), value: internalValue, placeholder: inlinePlaceholder ? '' : placeholder }, rest, styling), void 0), inlinePlaceholder && (jsx$1(AnimatedPlaceholder, __assign$1({ "data-testid": "input-placeholder" }, { children: placeholder }), void 0)), children] }), void 0), inlinePlaceholder && internalValue && (jsx$1(ClearInput, __assign$1({ onClick: function () {
|
|
11609
|
+
: '', hasError: hasError }, { children: [label && (jsx$1(InputLabel, { label: label, isDisabled: rest.disabled, isRequired: Boolean(required) }, void 0)), jsxs$1(InputWrapper, __assign$1({ className: "inputWrapper", size: size, inlinePlaceholder: inlinePlaceholder }, { children: [jsx$1(StyledInput, __assign$1({ "data-testid": "base-input", type: inputType, onChange: handleChange, onBlur: validate, required: Boolean(required), value: internalValue, placeholder: inlinePlaceholder ? '' : placeholder, name: name }, rest, styling), void 0), inlinePlaceholder && (jsx$1(AnimatedPlaceholder, __assign$1({ "data-testid": "input-placeholder" }, { children: placeholder }), void 0)), children] }), void 0), inlinePlaceholder && internalValue && (jsx$1(ClearInput, __assign$1({ onClick: function () {
|
|
11586
11610
|
if (onChange) {
|
|
11587
11611
|
onChange('');
|
|
11588
11612
|
}
|