@gympass/yoga 7.131.0 → 7.131.2
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/cjs/Accordion/web/Accordion.js +4 -4
- package/cjs/Accordion/web/Accordion.test.js +14 -0
- package/cjs/ActionRequirement/native/ActionRequirement.js +29 -16
- package/cjs/Avatar/native/Avatar.js +12 -18
- package/cjs/Banner/native/Banner.js +44 -36
- package/cjs/Button/native/Button.js +79 -81
- package/cjs/Button/native/Icon.js +6 -14
- package/cjs/Button/native/Link.js +18 -5
- package/cjs/Button/native/Outline.js +11 -17
- package/cjs/Button/native/withTouchable.js +5 -11
- package/cjs/Card/native/Card/Card.js +2 -8
- package/cjs/Card/native/EventCard/EventCard.js +13 -18
- package/cjs/Card/native/GymCard/CheckIn/CheckIn.js +1 -4
- package/cjs/Card/native/PlanCard/Content.js +7 -14
- package/cjs/Card/native/PlanCard/List.js +3 -8
- package/cjs/Card/native/PlanCard/PlanCard.js +7 -5
- package/cjs/Checkbox/native/Checkbox.js +11 -22
- package/cjs/Checkbox/native/Switch.js +3 -8
- package/cjs/Chips/native/Chips.js +6 -15
- package/cjs/Divider/native/Divider.js +1 -4
- package/cjs/Dropdown/native/Backdrop.js +4 -9
- package/cjs/Dropdown/native/Dropdown.js +8 -17
- package/cjs/Dropdown/native/Options.android.js +2 -6
- package/cjs/Dropdown/native/Options.ios.js +5 -10
- package/cjs/Input/native/Helper.js +8 -18
- package/cjs/Input/native/Input.js +18 -35
- package/cjs/Input/native/Password.js +7 -14
- package/cjs/List/native/ListItem.js +3 -8
- package/cjs/Progress/native/Progress.js +14 -10
- package/cjs/RadioGroup/native/Button/RadioButton.js +1 -4
- package/cjs/RadioGroup/native/Radio/Radio.js +1 -5
- package/cjs/RadioGroup/native/RadioGroup.js +12 -7
- package/cjs/Rating/native/Rating.js +8 -17
- package/cjs/Result/native/Attendances.js +1 -5
- package/cjs/Result/native/Details.js +4 -9
- package/cjs/Result/native/Result/index.js +7 -16
- package/cjs/Result/native/Tags.js +1 -4
- package/cjs/Skeleton/native/Skeleton.js +10 -7
- package/cjs/Slider/native/Label.js +1 -4
- package/cjs/Slider/native/Marker.js +15 -20
- package/cjs/Slider/native/Slider.js +8 -18
- package/cjs/Slider/native/Step.js +1 -4
- package/cjs/Slider/native/Tooltip.js +9 -6
- package/cjs/Snackbar/native/Snackbar.js +9 -20
- package/cjs/Snackbar/native/SnackbarAnimationWrapper.js +1 -4
- package/cjs/Stepper/native/Dots.js +1 -6
- package/cjs/Stepper/native/Line.js +1 -6
- package/cjs/Stepper/native/Stepper.js +1 -6
- package/cjs/Tag/native/Informative.js +4 -10
- package/cjs/Tag/native/Tag.js +11 -6
- package/cjs/Text/native/Text.js +40 -9
- package/cjs/TextArea/native/TextArea.js +38 -17
- package/esm/Accordion/web/Accordion.js +4 -4
- package/esm/Accordion/web/Accordion.test.js +15 -1
- package/esm/ActionRequirement/native/ActionRequirement.js +29 -16
- package/esm/Avatar/native/Avatar.js +12 -18
- package/esm/Banner/native/Banner.js +44 -36
- package/esm/Button/native/Button.js +79 -81
- package/esm/Button/native/Icon.js +6 -14
- package/esm/Button/native/Link.js +18 -5
- package/esm/Button/native/Outline.js +11 -17
- package/esm/Button/native/withTouchable.js +5 -11
- package/esm/Card/native/Card/Card.js +2 -8
- package/esm/Card/native/EventCard/EventCard.js +13 -18
- package/esm/Card/native/GymCard/CheckIn/CheckIn.js +1 -4
- package/esm/Card/native/PlanCard/Content.js +7 -14
- package/esm/Card/native/PlanCard/List.js +3 -8
- package/esm/Card/native/PlanCard/PlanCard.js +7 -5
- package/esm/Checkbox/native/Checkbox.js +11 -22
- package/esm/Checkbox/native/Switch.js +3 -8
- package/esm/Chips/native/Chips.js +6 -15
- package/esm/Divider/native/Divider.js +1 -4
- package/esm/Dropdown/native/Backdrop.js +4 -9
- package/esm/Dropdown/native/Dropdown.js +8 -17
- package/esm/Dropdown/native/Options.android.js +2 -6
- package/esm/Dropdown/native/Options.ios.js +5 -10
- package/esm/Input/native/Helper.js +8 -18
- package/esm/Input/native/Input.js +18 -35
- package/esm/Input/native/Password.js +7 -14
- package/esm/List/native/ListItem.js +3 -8
- package/esm/Progress/native/Progress.js +14 -10
- package/esm/RadioGroup/native/Button/RadioButton.js +1 -4
- package/esm/RadioGroup/native/Radio/Radio.js +1 -5
- package/esm/RadioGroup/native/RadioGroup.js +12 -7
- package/esm/Rating/native/Rating.js +8 -17
- package/esm/Result/native/Attendances.js +1 -5
- package/esm/Result/native/Details.js +4 -9
- package/esm/Result/native/Result/index.js +7 -16
- package/esm/Result/native/Tags.js +1 -4
- package/esm/Skeleton/native/Skeleton.js +10 -7
- package/esm/Slider/native/Label.js +1 -4
- package/esm/Slider/native/Marker.js +15 -20
- package/esm/Slider/native/Slider.js +8 -18
- package/esm/Slider/native/Step.js +1 -4
- package/esm/Slider/native/Tooltip.js +9 -6
- package/esm/Snackbar/native/Snackbar.js +9 -20
- package/esm/Snackbar/native/SnackbarAnimationWrapper.js +1 -4
- package/esm/Stepper/native/Dots.js +1 -6
- package/esm/Stepper/native/Line.js +1 -6
- package/esm/Stepper/native/Stepper.js +1 -6
- package/esm/Tag/native/Informative.js +4 -10
- package/esm/Tag/native/Tag.js +11 -6
- package/esm/Text/native/Text.js +40 -9
- package/esm/TextArea/native/TextArea.js +38 -17
- package/package.json +2 -2
- package/typings/Theme/theme/theme.d.ts +37 -37
- package/typings/Theme/theme/v3theme.d.ts +37 -37
|
@@ -80,17 +80,20 @@ const RatingWrapper = import_styled_components.default.View`
|
|
|
80
80
|
`;
|
|
81
81
|
const Rating = (_a) => {
|
|
82
82
|
var _b = _a, {
|
|
83
|
-
value,
|
|
84
|
-
max,
|
|
85
|
-
readOnly,
|
|
86
|
-
onRate,
|
|
83
|
+
value = void 0,
|
|
84
|
+
max = 5,
|
|
85
|
+
readOnly = true,
|
|
86
|
+
onRate = {},
|
|
87
87
|
theme: {
|
|
88
88
|
yoga: {
|
|
89
89
|
colors,
|
|
90
90
|
components: { rating }
|
|
91
91
|
}
|
|
92
92
|
},
|
|
93
|
-
icon: { type: Icon = import_yoga_icons.StarFilled, size: iconSize = 24 }
|
|
93
|
+
icon: { type: Icon = import_yoga_icons.StarFilled, size: iconSize = 24 } = {
|
|
94
|
+
type: import_yoga_icons.StarFilled,
|
|
95
|
+
size: 24
|
|
96
|
+
}
|
|
94
97
|
} = _b, rest = __objRest(_b, [
|
|
95
98
|
"value",
|
|
96
99
|
"max",
|
|
@@ -210,16 +213,4 @@ Rating.propTypes = {
|
|
|
210
213
|
/** Event to be fired on click */
|
|
211
214
|
onRate: import_prop_types.func
|
|
212
215
|
};
|
|
213
|
-
Rating.defaultProps = {
|
|
214
|
-
value: void 0,
|
|
215
|
-
icon: {
|
|
216
|
-
type: import_yoga_icons.StarFilled,
|
|
217
|
-
size: 24
|
|
218
|
-
},
|
|
219
|
-
max: 5,
|
|
220
|
-
readOnly: true,
|
|
221
|
-
onRate: (rating) => {
|
|
222
|
-
}
|
|
223
|
-
// eslint-disable-line no-unused-vars
|
|
224
|
-
};
|
|
225
216
|
var Rating_default = (0, import_styled_components.withTheme)(Rating);
|
|
@@ -48,7 +48,7 @@ const List = (0, import_styled_components.default)(import_Text.default.Caption).
|
|
|
48
48
|
const ItemSeparator = (0, import_styled_components.default)(import_Box.default).attrs({
|
|
49
49
|
height: "zero"
|
|
50
50
|
})``;
|
|
51
|
-
const Attendances = ({ attendances, rate, color }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
51
|
+
const Attendances = ({ attendances, rate = void 0, color = "deep" }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
52
52
|
import_Box.default,
|
|
53
53
|
{
|
|
54
54
|
display: "flex",
|
|
@@ -78,8 +78,4 @@ Attendances.propTypes = {
|
|
|
78
78
|
rate: import_prop_types.string,
|
|
79
79
|
color: import_prop_types.string
|
|
80
80
|
};
|
|
81
|
-
Attendances.defaultProps = {
|
|
82
|
-
rate: void 0,
|
|
83
|
-
color: "deep"
|
|
84
|
-
};
|
|
85
81
|
var Attendances_default = Attendances;
|
|
@@ -86,12 +86,13 @@ const StyledText = (0, import_styled_components.default)(import_Text.default.Bod
|
|
|
86
86
|
const ResultDetails = ({
|
|
87
87
|
items,
|
|
88
88
|
limit,
|
|
89
|
-
limitLabel,
|
|
90
|
-
dots,
|
|
91
|
-
renderItem
|
|
89
|
+
limitLabel = "",
|
|
90
|
+
dots = false,
|
|
91
|
+
renderItem = import_Text.default.Body2
|
|
92
92
|
}) => {
|
|
93
93
|
const refinedList = limit !== 0 ? items.slice(0, limit) : items;
|
|
94
94
|
const numberOfItemsLeft = items.length - limit;
|
|
95
|
+
const Item = renderItem;
|
|
95
96
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Box.default, { flexDirection: "row", alignItems: "center", mt: "xxxsmall", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Container, { numberOfLines: 1, children: refinedList == null ? void 0 : refinedList.map(
|
|
96
97
|
(_a, index) => {
|
|
97
98
|
var _b = _a, { icon: IconComponent, variant } = _b, props = __objRest(_b, ["icon", "variant"]);
|
|
@@ -139,10 +140,4 @@ ResultDetails.propTypes = {
|
|
|
139
140
|
/** The component to render as the item of the list. */
|
|
140
141
|
renderItem: (0, import_prop_types.oneOfType)([import_prop_types.node, import_prop_types.func, (0, import_prop_types.shape)({ render: import_prop_types.func.isRequired })])
|
|
141
142
|
};
|
|
142
|
-
ResultDetails.defaultProps = {
|
|
143
|
-
limit: void 0,
|
|
144
|
-
limitLabel: "",
|
|
145
|
-
dots: false,
|
|
146
|
-
renderItem: import_Text.default.Body2
|
|
147
|
-
};
|
|
148
143
|
var Details_default = ResultDetails;
|
|
@@ -41,14 +41,14 @@ var import_styles = require("./styles");
|
|
|
41
41
|
var import_TextWithBadge = __toESM(require("./TextWithBadge"));
|
|
42
42
|
const Result = ({
|
|
43
43
|
avatar: Avatar,
|
|
44
|
-
attendances,
|
|
45
|
-
rate,
|
|
44
|
+
attendances = void 0,
|
|
45
|
+
rate = void 0,
|
|
46
46
|
title,
|
|
47
|
-
subTitle,
|
|
48
|
-
divided,
|
|
49
|
-
children,
|
|
50
|
-
attendancesColor,
|
|
51
|
-
badgeIcon
|
|
47
|
+
subTitle = void 0,
|
|
48
|
+
divided = false,
|
|
49
|
+
children = void 0,
|
|
50
|
+
attendancesColor = void 0,
|
|
51
|
+
badgeIcon = void 0
|
|
52
52
|
}) => {
|
|
53
53
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledBox, { divided, display: "flex", flexDirection: "row", children: [
|
|
54
54
|
Avatar && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: (0, import_react.isValidElement)(Avatar) ? Avatar : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Avatar, {}) }),
|
|
@@ -92,13 +92,4 @@ Result.propTypes = {
|
|
|
92
92
|
/** The property that defines a whether a badge should be shown and which icon should be rendered */
|
|
93
93
|
badgeIcon: import_prop_types.node
|
|
94
94
|
};
|
|
95
|
-
Result.defaultProps = {
|
|
96
|
-
rate: void 0,
|
|
97
|
-
divided: false,
|
|
98
|
-
subTitle: void 0,
|
|
99
|
-
children: void 0,
|
|
100
|
-
attendances: void 0,
|
|
101
|
-
attendancesColor: void 0,
|
|
102
|
-
badgeIcon: void 0
|
|
103
|
-
};
|
|
104
95
|
var Result_default = Result;
|
|
@@ -81,7 +81,7 @@ const Wrapper = import_styled_components.default.ScrollView`
|
|
|
81
81
|
margin-top: ${xxsmall}px;
|
|
82
82
|
`}
|
|
83
83
|
`;
|
|
84
|
-
const ResultTags = ({ items, disableScroll }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
84
|
+
const ResultTags = ({ items, disableScroll = false }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
85
85
|
Wrapper,
|
|
86
86
|
{
|
|
87
87
|
horizontal: true,
|
|
@@ -99,7 +99,4 @@ ResultTags.propTypes = {
|
|
|
99
99
|
items: (0, import_prop_types.arrayOf)((0, import_prop_types.shape)({})).isRequired,
|
|
100
100
|
disableScroll: import_prop_types.bool
|
|
101
101
|
};
|
|
102
|
-
ResultTags.defaultProps = {
|
|
103
|
-
disableScroll: false
|
|
104
|
-
};
|
|
105
102
|
var Tags_default = ResultTags;
|
|
@@ -95,7 +95,15 @@ const StyledSkeleton = import_styled_components.default.View`
|
|
|
95
95
|
`}
|
|
96
96
|
`;
|
|
97
97
|
function Skeleton(_a) {
|
|
98
|
-
var _b = _a, {
|
|
98
|
+
var _b = _a, {
|
|
99
|
+
animation = "pulse",
|
|
100
|
+
variant = void 0,
|
|
101
|
+
color = "primary"
|
|
102
|
+
} = _b, rest = __objRest(_b, [
|
|
103
|
+
"animation",
|
|
104
|
+
"variant",
|
|
105
|
+
"color"
|
|
106
|
+
]);
|
|
99
107
|
const [opacity] = (0, import_react.useState)(new import_react_native.Animated.Value(0.4));
|
|
100
108
|
(0, import_react.useEffect)(() => {
|
|
101
109
|
if (animation) {
|
|
@@ -118,7 +126,7 @@ function Skeleton(_a) {
|
|
|
118
126
|
).start();
|
|
119
127
|
}
|
|
120
128
|
}, [opacity]);
|
|
121
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Animated.View, { style: { opacity }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledSkeleton, __spreadValues({},
|
|
129
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Animated.View, { style: { opacity }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledSkeleton, __spreadValues({ variant, color }, rest)) });
|
|
122
130
|
}
|
|
123
131
|
Skeleton.propTypes = {
|
|
124
132
|
/**
|
|
@@ -169,9 +177,4 @@ Skeleton.propTypes = {
|
|
|
169
177
|
*/
|
|
170
178
|
animation: (0, import_prop_types.oneOf)(["pulse", false])
|
|
171
179
|
};
|
|
172
|
-
Skeleton.defaultProps = {
|
|
173
|
-
variant: void 0,
|
|
174
|
-
animation: "pulse",
|
|
175
|
-
color: "primary"
|
|
176
|
-
};
|
|
177
180
|
var Skeleton_default = Skeleton;
|
|
@@ -41,7 +41,7 @@ const LabelView = import_styled_components.default.View`
|
|
|
41
41
|
`;
|
|
42
42
|
const LabelText = import_styled_components.default.Text(
|
|
43
43
|
({
|
|
44
|
-
placement,
|
|
44
|
+
placement = "left",
|
|
45
45
|
theme: {
|
|
46
46
|
yoga: { baseFont }
|
|
47
47
|
}
|
|
@@ -58,9 +58,6 @@ const LabelText = import_styled_components.default.Text(
|
|
|
58
58
|
LabelText.propTypes = {
|
|
59
59
|
placement: (0, import_prop_types.oneOf)(["left", "right"])
|
|
60
60
|
};
|
|
61
|
-
LabelText.defaultProps = {
|
|
62
|
-
placement: "left"
|
|
63
|
-
};
|
|
64
61
|
// Annotate the CommonJS export names for ESM import in node:
|
|
65
62
|
0 && (module.exports = {
|
|
66
63
|
LabelText,
|
|
@@ -61,7 +61,7 @@ const Circle = (0, import_styled_components.default)(import_Box.default).attrs(
|
|
|
61
61
|
)``;
|
|
62
62
|
const CirclePressed = (0, import_styled_components.default)(Circle)(
|
|
63
63
|
({
|
|
64
|
-
pressed,
|
|
64
|
+
pressed = false,
|
|
65
65
|
theme: {
|
|
66
66
|
yoga: {
|
|
67
67
|
components: { slider }
|
|
@@ -82,21 +82,20 @@ const CirclePressed = (0, import_styled_components.default)(Circle)(
|
|
|
82
82
|
CirclePressed.propTypes = {
|
|
83
83
|
pressed: import_prop_types.bool
|
|
84
84
|
};
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
] });
|
|
85
|
+
function Marker({ pressed = false, tooltip }) {
|
|
86
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
|
|
87
|
+
pressed && tooltip && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
88
|
+
import_Tooltip.default,
|
|
89
|
+
{
|
|
90
|
+
description: tooltip.description,
|
|
91
|
+
title: tooltip.title,
|
|
92
|
+
ribbon: tooltip.ribbon
|
|
93
|
+
}
|
|
94
|
+
),
|
|
95
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CirclePressed, { as: import_react_native.View, pressed }),
|
|
96
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Circle, { accessible: true, accessibilityRole: "adjustable" })
|
|
97
|
+
] });
|
|
98
|
+
}
|
|
100
99
|
Marker.propTypes = {
|
|
101
100
|
pressed: import_prop_types.bool,
|
|
102
101
|
tooltip: (0, import_prop_types.shape)({
|
|
@@ -107,8 +106,4 @@ Marker.propTypes = {
|
|
|
107
106
|
step: import_prop_types.number
|
|
108
107
|
})
|
|
109
108
|
};
|
|
110
|
-
Marker.defaultProps = {
|
|
111
|
-
pressed: false,
|
|
112
|
-
tooltip: void 0
|
|
113
|
-
};
|
|
114
109
|
var Marker_default = Marker;
|
|
@@ -71,14 +71,14 @@ var import_Marker = __toESM(require("./Marker"));
|
|
|
71
71
|
var import_Step = __toESM(require("./Step"));
|
|
72
72
|
const Slider = (_a) => {
|
|
73
73
|
var _b = _a, {
|
|
74
|
-
max,
|
|
75
|
-
maxLabel,
|
|
76
|
-
min,
|
|
77
|
-
minLabel,
|
|
78
|
-
snapped,
|
|
79
|
-
values,
|
|
80
|
-
tooltip,
|
|
81
|
-
sliderLength,
|
|
74
|
+
max = 10,
|
|
75
|
+
maxLabel = void 0,
|
|
76
|
+
min = 0,
|
|
77
|
+
minLabel = void 0,
|
|
78
|
+
snapped = false,
|
|
79
|
+
values = [0],
|
|
80
|
+
tooltip = [],
|
|
81
|
+
sliderLength = 280,
|
|
82
82
|
theme: {
|
|
83
83
|
yoga: {
|
|
84
84
|
components: { slider }
|
|
@@ -183,15 +183,5 @@ Slider.propTypes = {
|
|
|
183
183
|
/** an array that accepts one or two numbers, this determines how many markers will be displayed */
|
|
184
184
|
values: (0, import_prop_types.arrayOf)(import_prop_types.number)
|
|
185
185
|
};
|
|
186
|
-
Slider.defaultProps = {
|
|
187
|
-
max: 10,
|
|
188
|
-
maxLabel: void 0,
|
|
189
|
-
min: 0,
|
|
190
|
-
minLabel: void 0,
|
|
191
|
-
sliderLength: 280,
|
|
192
|
-
snapped: false,
|
|
193
|
-
tooltip: [],
|
|
194
|
-
values: [0]
|
|
195
|
-
};
|
|
196
186
|
Slider.displayName = "Slider";
|
|
197
187
|
var Slider_default = (0, import_styled_components.withTheme)(Slider);
|
|
@@ -35,7 +35,7 @@ var import_styled_components = __toESM(require("styled-components"));
|
|
|
35
35
|
var import_prop_types = require("prop-types");
|
|
36
36
|
const Step = import_styled_components.default.View(
|
|
37
37
|
({
|
|
38
|
-
active,
|
|
38
|
+
active = false,
|
|
39
39
|
theme: {
|
|
40
40
|
yoga: {
|
|
41
41
|
components: { slider }
|
|
@@ -51,7 +51,4 @@ const Step = import_styled_components.default.View(
|
|
|
51
51
|
Step.propTypes = {
|
|
52
52
|
active: import_prop_types.bool
|
|
53
53
|
};
|
|
54
|
-
Step.defaultProps = {
|
|
55
|
-
active: false
|
|
56
|
-
};
|
|
57
54
|
var Step_default = Step;
|
|
@@ -185,7 +185,15 @@ Ribbon.propTypes = {
|
|
|
185
185
|
children: import_prop_types.node.isRequired
|
|
186
186
|
};
|
|
187
187
|
const Tooltip = (_c) => {
|
|
188
|
-
var _d = _c, {
|
|
188
|
+
var _d = _c, {
|
|
189
|
+
title = void 0,
|
|
190
|
+
description = void 0,
|
|
191
|
+
ribbon = void 0
|
|
192
|
+
} = _d, props = __objRest(_d, [
|
|
193
|
+
"title",
|
|
194
|
+
"description",
|
|
195
|
+
"ribbon"
|
|
196
|
+
]);
|
|
189
197
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrapper, { children: [
|
|
190
198
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Arrow, {}),
|
|
191
199
|
ribbon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Ribbon, { children: ribbon }),
|
|
@@ -200,9 +208,4 @@ Tooltip.propTypes = {
|
|
|
200
208
|
description: import_prop_types.string,
|
|
201
209
|
ribbon: import_prop_types.string
|
|
202
210
|
};
|
|
203
|
-
Tooltip.defaultProps = {
|
|
204
|
-
title: void 0,
|
|
205
|
-
description: void 0,
|
|
206
|
-
ribbon: void 0
|
|
207
|
-
};
|
|
208
211
|
var Tooltip_default = Tooltip;
|
|
@@ -102,15 +102,15 @@ const SnackbarContainer = import_styled_components.default.View`
|
|
|
102
102
|
`;
|
|
103
103
|
const Snackbar = (0, import_react.forwardRef)((props, ref) => {
|
|
104
104
|
const _a = props, {
|
|
105
|
-
icon,
|
|
106
|
-
message,
|
|
107
|
-
actionLabel,
|
|
108
|
-
onAction,
|
|
109
|
-
variant,
|
|
110
|
-
onSnackbarClose,
|
|
111
|
-
duration,
|
|
112
|
-
bottomOffset,
|
|
113
|
-
dataTestId
|
|
105
|
+
icon = void 0,
|
|
106
|
+
message = "",
|
|
107
|
+
actionLabel = void 0,
|
|
108
|
+
onAction = void 0,
|
|
109
|
+
variant = "success",
|
|
110
|
+
onSnackbarClose = void 0,
|
|
111
|
+
duration = "default",
|
|
112
|
+
bottomOffset = 0,
|
|
113
|
+
dataTestId = "snackbar"
|
|
114
114
|
} = _a, rest = __objRest(_a, [
|
|
115
115
|
"icon",
|
|
116
116
|
"message",
|
|
@@ -259,15 +259,4 @@ Snackbar.propTypes = {
|
|
|
259
259
|
/* A unique identifier for the Snackbar component, used for testing purposes with tools like Jest and Testing Library. */
|
|
260
260
|
dataTestId: import_prop_types.string
|
|
261
261
|
};
|
|
262
|
-
Snackbar.defaultProps = {
|
|
263
|
-
variant: "success",
|
|
264
|
-
icon: void 0,
|
|
265
|
-
message: "",
|
|
266
|
-
actionLabel: void 0,
|
|
267
|
-
onAction: void 0,
|
|
268
|
-
onSnackbarClose: void 0,
|
|
269
|
-
duration: "default",
|
|
270
|
-
bottomOffset: 0,
|
|
271
|
-
dataTestId: "snackbar"
|
|
272
|
-
};
|
|
273
262
|
var Snackbar_default = Snackbar;
|
|
@@ -50,7 +50,7 @@ const Wrapper = (0, import_styled_components.default)(import_react_native.Animat
|
|
|
50
50
|
`
|
|
51
51
|
);
|
|
52
52
|
const SnackbarAnimationWrapper = (0, import_react.forwardRef)(
|
|
53
|
-
({ onSnackbarClose, children, duration }, ref) => {
|
|
53
|
+
({ onSnackbarClose = void 0, children, duration }, ref) => {
|
|
54
54
|
const { height: windowHeight } = (0, import_react_native.useWindowDimensions)();
|
|
55
55
|
const [childrenHeight, setChildrenHeight] = (0, import_react.useState)();
|
|
56
56
|
const translateY = (0, import_react.useRef)(new import_react_native.Animated.Value(windowHeight)).current;
|
|
@@ -132,7 +132,4 @@ SnackbarAnimationWrapper.propTypes = {
|
|
|
132
132
|
children: import_prop_types.node.isRequired,
|
|
133
133
|
duration: (0, import_prop_types.oneOf)(["fast", "default", "slow", "indefinite"]).isRequired
|
|
134
134
|
};
|
|
135
|
-
SnackbarAnimationWrapper.defaultProps = {
|
|
136
|
-
onSnackbarClose: void 0
|
|
137
|
-
};
|
|
138
135
|
var SnackbarAnimationWrapper_default = SnackbarAnimationWrapper;
|
|
@@ -85,7 +85,7 @@ const Label = (0, import_styled_components.default)(import_Text.default.Overline
|
|
|
85
85
|
`;
|
|
86
86
|
}
|
|
87
87
|
);
|
|
88
|
-
function Dots({ activeStep, labels, secondary }) {
|
|
88
|
+
function Dots({ activeStep = 0, labels = [], secondary = false }) {
|
|
89
89
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrapper, { children: labels.map((label, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DotWrapper, { children: [
|
|
90
90
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Dot, { active: (0, import_activeDot.default)(index, activeStep), secondary }),
|
|
91
91
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label, { active: (0, import_activeDot.default)(index, activeStep), secondary, children: label })
|
|
@@ -96,9 +96,4 @@ Dots.propTypes = {
|
|
|
96
96
|
labels: (0, import_prop_types.arrayOf)(import_prop_types.string),
|
|
97
97
|
secondary: import_prop_types.bool
|
|
98
98
|
};
|
|
99
|
-
Dots.defaultProps = {
|
|
100
|
-
activeStep: 0,
|
|
101
|
-
labels: [],
|
|
102
|
-
secondary: false
|
|
103
|
-
};
|
|
104
99
|
var Dots_default = Dots;
|
|
@@ -73,7 +73,7 @@ const ActiveLine = import_styled_components.default.View(
|
|
|
73
73
|
height: 4px;
|
|
74
74
|
`
|
|
75
75
|
);
|
|
76
|
-
function Line({ activeStep, totalSteps, secondary }) {
|
|
76
|
+
function Line({ activeStep = 0, totalSteps = 0, secondary = false }) {
|
|
77
77
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrapper, { children: [
|
|
78
78
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InactiveLine, {}),
|
|
79
79
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
@@ -90,9 +90,4 @@ Line.propTypes = {
|
|
|
90
90
|
totalSteps: import_prop_types.number,
|
|
91
91
|
secondary: import_prop_types.bool
|
|
92
92
|
};
|
|
93
|
-
Line.defaultProps = {
|
|
94
|
-
activeStep: 0,
|
|
95
|
-
totalSteps: 0,
|
|
96
|
-
secondary: false
|
|
97
|
-
};
|
|
98
93
|
var Line_default = Line;
|
|
@@ -84,7 +84,7 @@ const LineWrapper = import_styled_components.default.View(
|
|
|
84
84
|
`
|
|
85
85
|
);
|
|
86
86
|
function Stepper(_a) {
|
|
87
|
-
var _b = _a, { children, activeStep, secondary } = _b, rest = __objRest(_b, ["children", "activeStep", "secondary"]);
|
|
87
|
+
var _b = _a, { children, activeStep = 0, secondary = false } = _b, rest = __objRest(_b, ["children", "activeStep", "secondary"]);
|
|
88
88
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrapper, __spreadProps(__spreadValues({}, rest), { children: [
|
|
89
89
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LineWrapper, { children: [
|
|
90
90
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
@@ -117,9 +117,4 @@ Stepper.propTypes = {
|
|
|
117
117
|
/** Use secondary color */
|
|
118
118
|
secondary: import_prop_types.bool
|
|
119
119
|
};
|
|
120
|
-
Stepper.defaultProps = {
|
|
121
|
-
children: void 0,
|
|
122
|
-
activeStep: 0,
|
|
123
|
-
secondary: false
|
|
124
|
-
};
|
|
125
120
|
var Stepper_default = Stepper;
|
|
@@ -106,16 +106,16 @@ const StyledTextInformative = (0, import_styled_components.default)(import_Tag.S
|
|
|
106
106
|
const TagInformative = (_a) => {
|
|
107
107
|
var _b = _a, {
|
|
108
108
|
children,
|
|
109
|
-
icon,
|
|
110
|
-
ellipsis,
|
|
109
|
+
icon = void 0,
|
|
110
|
+
ellipsis = false,
|
|
111
111
|
theme: {
|
|
112
112
|
yoga: {
|
|
113
113
|
colors: { text },
|
|
114
114
|
components: { tag }
|
|
115
115
|
}
|
|
116
116
|
},
|
|
117
|
-
small,
|
|
118
|
-
variant
|
|
117
|
+
small = false,
|
|
118
|
+
variant = "neutral"
|
|
119
119
|
} = _b, rest = __objRest(_b, [
|
|
120
120
|
"children",
|
|
121
121
|
"icon",
|
|
@@ -146,11 +146,5 @@ TagInformative.propTypes = {
|
|
|
146
146
|
small: import_prop_types.bool,
|
|
147
147
|
ellipsis: import_prop_types.bool
|
|
148
148
|
};
|
|
149
|
-
TagInformative.defaultProps = {
|
|
150
|
-
variant: "neutral",
|
|
151
|
-
icon: void 0,
|
|
152
|
-
small: false,
|
|
153
|
-
ellipsis: false
|
|
154
|
-
};
|
|
155
149
|
TagInformative.displayName = "Tag.Informative";
|
|
156
150
|
var Informative_default = (0, import_styled_components.withTheme)(TagInformative);
|
package/cjs/Tag/native/Tag.js
CHANGED
|
@@ -128,7 +128,17 @@ const StyledText = (0, import_styled_components.default)((_a) => {
|
|
|
128
128
|
`}
|
|
129
129
|
`;
|
|
130
130
|
const Tag = (_c) => {
|
|
131
|
-
var _d = _c, {
|
|
131
|
+
var _d = _c, {
|
|
132
|
+
children,
|
|
133
|
+
variant = "",
|
|
134
|
+
small = false,
|
|
135
|
+
ellipsis = false
|
|
136
|
+
} = _d, rest = __objRest(_d, [
|
|
137
|
+
"children",
|
|
138
|
+
"variant",
|
|
139
|
+
"small",
|
|
140
|
+
"ellipsis"
|
|
141
|
+
]);
|
|
132
142
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledTag, __spreadProps(__spreadValues({ variant, small }, rest), { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledText, { numberOfLines: ellipsis ? 1 : void 0, children }) }));
|
|
133
143
|
};
|
|
134
144
|
Tag.propTypes = {
|
|
@@ -139,11 +149,6 @@ Tag.propTypes = {
|
|
|
139
149
|
children: import_prop_types.node.isRequired,
|
|
140
150
|
ellipsis: import_prop_types.bool
|
|
141
151
|
};
|
|
142
|
-
Tag.defaultProps = {
|
|
143
|
-
variant: "",
|
|
144
|
-
small: false,
|
|
145
|
-
ellipsis: false
|
|
146
|
-
};
|
|
147
152
|
var Tag_default = Tag;
|
|
148
153
|
// Annotate the CommonJS export names for ESM import in node:
|
|
149
154
|
0 && (module.exports = {
|
package/cjs/Text/native/Text.js
CHANGED
|
@@ -19,6 +19,18 @@ var __spreadValues = (a, b) => {
|
|
|
19
19
|
}
|
|
20
20
|
return a;
|
|
21
21
|
};
|
|
22
|
+
var __objRest = (source, exclude) => {
|
|
23
|
+
var target = {};
|
|
24
|
+
for (var prop in source)
|
|
25
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
26
|
+
target[prop] = source[prop];
|
|
27
|
+
if (source != null && __getOwnPropSymbols)
|
|
28
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
29
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
30
|
+
target[prop] = source[prop];
|
|
31
|
+
}
|
|
32
|
+
return target;
|
|
33
|
+
};
|
|
22
34
|
var __export = (target, all) => {
|
|
23
35
|
for (var name in all)
|
|
24
36
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -126,7 +138,34 @@ Bold.displayName = "Text.Bold";
|
|
|
126
138
|
const Black = styledText("black");
|
|
127
139
|
Black.displayName = "Text.Black";
|
|
128
140
|
const TextRenderer = styledText("p");
|
|
129
|
-
const Text = (
|
|
141
|
+
const Text = (_a) => {
|
|
142
|
+
var _b = _a, {
|
|
143
|
+
inverted = false,
|
|
144
|
+
variant = void 0,
|
|
145
|
+
size = void 0,
|
|
146
|
+
fontSize = "medium",
|
|
147
|
+
light = false,
|
|
148
|
+
bold = false
|
|
149
|
+
} = _b, rest = __objRest(_b, [
|
|
150
|
+
"inverted",
|
|
151
|
+
"variant",
|
|
152
|
+
"size",
|
|
153
|
+
"fontSize",
|
|
154
|
+
"light",
|
|
155
|
+
"bold"
|
|
156
|
+
]);
|
|
157
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
158
|
+
TextRenderer,
|
|
159
|
+
__spreadValues({
|
|
160
|
+
inverted,
|
|
161
|
+
variant,
|
|
162
|
+
size,
|
|
163
|
+
fontSize,
|
|
164
|
+
light,
|
|
165
|
+
bold
|
|
166
|
+
}, rest)
|
|
167
|
+
);
|
|
168
|
+
};
|
|
130
169
|
Text.displayName = "Text";
|
|
131
170
|
Text.Display1 = Display1;
|
|
132
171
|
Text.Display2 = Display2;
|
|
@@ -193,14 +232,6 @@ Text.propTypes = {
|
|
|
193
232
|
bold: import_prop_types.bool,
|
|
194
233
|
fontSize: fontSizes
|
|
195
234
|
};
|
|
196
|
-
Text.defaultProps = {
|
|
197
|
-
inverted: false,
|
|
198
|
-
variant: void 0,
|
|
199
|
-
size: void 0,
|
|
200
|
-
fontSize: "medium",
|
|
201
|
-
light: false,
|
|
202
|
-
bold: false
|
|
203
|
-
};
|
|
204
235
|
// Annotate the CommonJS export names for ESM import in node:
|
|
205
236
|
0 && (module.exports = {
|
|
206
237
|
Black,
|
|
@@ -56,7 +56,44 @@ var import_Input = __toESM(require("../../Input"));
|
|
|
56
56
|
const StyledInput = (0, import_styled_components.default)(import_Input.default)`
|
|
57
57
|
height: 88px;
|
|
58
58
|
`;
|
|
59
|
-
const TextArea = (
|
|
59
|
+
const TextArea = ({
|
|
60
|
+
disabled = false,
|
|
61
|
+
error = void 0,
|
|
62
|
+
full = false,
|
|
63
|
+
helper = void 0,
|
|
64
|
+
label = "",
|
|
65
|
+
maxLength = void 0,
|
|
66
|
+
readOnly = false,
|
|
67
|
+
value = "",
|
|
68
|
+
onBlur = () => {
|
|
69
|
+
},
|
|
70
|
+
onChangeText = () => {
|
|
71
|
+
},
|
|
72
|
+
onFocus = () => {
|
|
73
|
+
}
|
|
74
|
+
}) => {
|
|
75
|
+
const props = {
|
|
76
|
+
disabled,
|
|
77
|
+
error,
|
|
78
|
+
full,
|
|
79
|
+
helper,
|
|
80
|
+
label,
|
|
81
|
+
maxLength,
|
|
82
|
+
readOnly,
|
|
83
|
+
value,
|
|
84
|
+
onBlur,
|
|
85
|
+
onChangeText,
|
|
86
|
+
onFocus
|
|
87
|
+
};
|
|
88
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
89
|
+
StyledInput,
|
|
90
|
+
__spreadProps(__spreadValues({}, props), {
|
|
91
|
+
textAlignVertical: "top",
|
|
92
|
+
multiline: true,
|
|
93
|
+
cleanable: false
|
|
94
|
+
})
|
|
95
|
+
);
|
|
96
|
+
};
|
|
60
97
|
TextArea.propTypes = {
|
|
61
98
|
disabled: import_prop_types.bool,
|
|
62
99
|
/** A error text to be displayed below field */
|
|
@@ -73,20 +110,4 @@ TextArea.propTypes = {
|
|
|
73
110
|
onChangeText: import_prop_types.func,
|
|
74
111
|
onFocus: import_prop_types.func
|
|
75
112
|
};
|
|
76
|
-
TextArea.defaultProps = {
|
|
77
|
-
disabled: false,
|
|
78
|
-
error: void 0,
|
|
79
|
-
full: false,
|
|
80
|
-
helper: void 0,
|
|
81
|
-
label: "",
|
|
82
|
-
maxLength: void 0,
|
|
83
|
-
readOnly: false,
|
|
84
|
-
value: "",
|
|
85
|
-
onBlur: () => {
|
|
86
|
-
},
|
|
87
|
-
onChangeText: () => {
|
|
88
|
-
},
|
|
89
|
-
onFocus: () => {
|
|
90
|
-
}
|
|
91
|
-
};
|
|
92
113
|
var TextArea_default = TextArea;
|
|
@@ -247,11 +247,11 @@ const Accordion = (_a) => {
|
|
|
247
247
|
hasHorizontalPadding,
|
|
248
248
|
children: [
|
|
249
249
|
hasSummary ? summary : /* @__PURE__ */ jsxs(Title, { subtitle, children: [
|
|
250
|
-
small ? /* @__PURE__ */ jsx(Text.Small, { color: disabled ? "
|
|
251
|
-
Text.
|
|
250
|
+
small ? /* @__PURE__ */ jsx(Text.Small, { color: disabled ? "text.disabled" : "text.primary", children: title }) : /* @__PURE__ */ jsx(
|
|
251
|
+
Text.Body1,
|
|
252
252
|
{
|
|
253
|
-
|
|
254
|
-
|
|
253
|
+
bold: true,
|
|
254
|
+
color: disabled ? "text.disabled" : "text.primary",
|
|
255
255
|
children: title
|
|
256
256
|
}
|
|
257
257
|
),
|