@draftbit/core 46.7.9-9ce779.2 → 46.7.9-b47217.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/lib/commonjs/components/DeprecatedFAB.js +21 -3
- package/lib/commonjs/components/Divider.js +14 -1
- package/lib/commonjs/components/Portal/PortalManager.js +8 -34
- package/lib/commonjs/index.js +0 -13
- package/lib/commonjs/mappings/DatePickerModal.js +145 -0
- package/lib/commonjs/styles/overlay.js +1 -3
- package/lib/module/components/AnimatedCircularProgress.js +1 -13
- package/lib/module/components/Container.js +4 -17
- package/lib/module/components/Divider.js +1 -18
- package/lib/module/components/Picker/PickerComponent.web.js +3 -21
- package/lib/module/components/Pressable.js +2 -15
- package/lib/module/components/Slider.js +4 -21
- package/lib/module/components/StarRating.js +4 -24
- package/lib/module/components/StepIndicator.js +18 -58
- package/lib/module/components/Switch.js +10 -21
- package/lib/module/constants.js +0 -1
- package/lib/module/hooks.js +2 -1
- package/lib/module/index.js +0 -1
- package/lib/module/mappings/DatePickerModal.js +139 -0
- package/lib/module/styles/overlay.js +3 -1
- package/lib/typescript/src/index.d.ts +0 -1
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/mappings/DatePickerModal.d.ts +241 -0
- package/lib/typescript/src/mappings/DatePickerModal.d.ts.map +1 -0
- package/package.json +3 -4
- package/src/index.js +0 -1
- package/src/index.tsx +0 -2
- package/src/mappings/DatePickerModal.js +146 -0
- package/src/mappings/DatePickerModal.ts +168 -0
- package/lib/commonjs/components/DeckSwiper/DeckSwiper.js +0 -73
- package/lib/commonjs/components/DeckSwiper/DeckSwiperCard.js +0 -35
- package/lib/commonjs/components/DeckSwiper/index.js +0 -20
- package/lib/commonjs/mappings/DeckSwiper.js +0 -52
- package/lib/commonjs/mappings/DeckSwiperCard.js +0 -16
- package/lib/module/components/DeckSwiper/DeckSwiper.js +0 -65
- package/lib/module/components/DeckSwiper/DeckSwiperCard.js +0 -27
- package/lib/module/components/DeckSwiper/index.js +0 -2
- package/lib/module/mappings/DeckSwiper.js +0 -45
- package/lib/module/mappings/DeckSwiperCard.js +0 -9
- package/lib/typescript/src/components/DeckSwiper/DeckSwiper.d.ts +0 -15
- package/lib/typescript/src/components/DeckSwiper/DeckSwiper.d.ts.map +0 -1
- package/lib/typescript/src/components/DeckSwiper/DeckSwiperCard.d.ts +0 -13
- package/lib/typescript/src/components/DeckSwiper/DeckSwiperCard.d.ts.map +0 -1
- package/lib/typescript/src/components/DeckSwiper/index.d.ts +0 -3
- package/lib/typescript/src/components/DeckSwiper/index.d.ts.map +0 -1
- package/lib/typescript/src/mappings/DeckSwiper.d.ts +0 -83
- package/lib/typescript/src/mappings/DeckSwiper.d.ts.map +0 -1
- package/lib/typescript/src/mappings/DeckSwiperCard.d.ts +0 -9
- package/lib/typescript/src/mappings/DeckSwiperCard.d.ts.map +0 -1
- package/src/components/DeckSwiper/DeckSwiper.js +0 -34
- package/src/components/DeckSwiper/DeckSwiper.tsx +0 -93
- package/src/components/DeckSwiper/DeckSwiperCard.js +0 -22
- package/src/components/DeckSwiper/DeckSwiperCard.tsx +0 -42
- package/src/components/DeckSwiper/index.js +0 -2
- package/src/components/DeckSwiper/index.tsx +0 -2
- package/src/mappings/DeckSwiper.js +0 -45
- package/src/mappings/DeckSwiper.ts +0 -54
- package/src/mappings/DeckSwiperCard.js +0 -9
- package/src/mappings/DeckSwiperCard.ts +0 -13
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
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; }
|
|
2
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
3
|
+
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); }
|
|
1
4
|
// @ts-nocheck
|
|
2
5
|
import React, { Component } from "react";
|
|
3
6
|
import { View, Text, StyleSheet, Animated, TouchableWithoutFeedback } from "react-native";
|
|
@@ -9,7 +12,7 @@ const STEP_STATUS = {
|
|
|
9
12
|
export default class StepIndicator extends Component {
|
|
10
13
|
constructor(props) {
|
|
11
14
|
super(props);
|
|
12
|
-
this
|
|
15
|
+
_defineProperty(this, "renderProgressBarBackground", () => {
|
|
13
16
|
const {
|
|
14
17
|
stepCount,
|
|
15
18
|
direction
|
|
@@ -52,8 +55,8 @@ export default class StepIndicator extends Component {
|
|
|
52
55
|
},
|
|
53
56
|
style: progressBarBackgroundStyle
|
|
54
57
|
});
|
|
55
|
-
};
|
|
56
|
-
this
|
|
58
|
+
});
|
|
59
|
+
_defineProperty(this, "renderProgressBar", () => {
|
|
57
60
|
const {
|
|
58
61
|
stepCount,
|
|
59
62
|
direction
|
|
@@ -83,8 +86,8 @@ export default class StepIndicator extends Component {
|
|
|
83
86
|
return /*#__PURE__*/React.createElement(Animated.View, {
|
|
84
87
|
style: progressBarStyle
|
|
85
88
|
});
|
|
86
|
-
};
|
|
87
|
-
this
|
|
89
|
+
});
|
|
90
|
+
_defineProperty(this, "renderStepIndicator", () => {
|
|
88
91
|
let steps = [];
|
|
89
92
|
const {
|
|
90
93
|
stepCount,
|
|
@@ -115,8 +118,8 @@ export default class StepIndicator extends Component {
|
|
|
115
118
|
height: this.state.customStyles.currentStepIndicatorSize
|
|
116
119
|
}]
|
|
117
120
|
}, steps);
|
|
118
|
-
};
|
|
119
|
-
this
|
|
121
|
+
});
|
|
122
|
+
_defineProperty(this, "renderStepLabels", () => {
|
|
120
123
|
const {
|
|
121
124
|
labels,
|
|
122
125
|
direction,
|
|
@@ -158,8 +161,8 @@ export default class StepIndicator extends Component {
|
|
|
158
161
|
alignItems: this.state.customStyles.labelAlign
|
|
159
162
|
}]
|
|
160
163
|
}, labelViews);
|
|
161
|
-
};
|
|
162
|
-
this
|
|
164
|
+
});
|
|
165
|
+
_defineProperty(this, "renderStep", position => {
|
|
163
166
|
const {
|
|
164
167
|
renderStepIndicator
|
|
165
168
|
} = this.props;
|
|
@@ -226,8 +229,8 @@ export default class StepIndicator extends Component {
|
|
|
226
229
|
}) : /*#__PURE__*/React.createElement(Text, {
|
|
227
230
|
style: indicatorLabelStyle
|
|
228
231
|
}, "".concat(position + 1)));
|
|
229
|
-
};
|
|
230
|
-
this
|
|
232
|
+
});
|
|
233
|
+
_defineProperty(this, "getStepStatus", stepPosition => {
|
|
231
234
|
const {
|
|
232
235
|
currentPosition
|
|
233
236
|
} = this.props;
|
|
@@ -238,8 +241,8 @@ export default class StepIndicator extends Component {
|
|
|
238
241
|
} else {
|
|
239
242
|
return STEP_STATUS.UNFINISHED;
|
|
240
243
|
}
|
|
241
|
-
};
|
|
242
|
-
this
|
|
244
|
+
});
|
|
245
|
+
_defineProperty(this, "onCurrentPositionChanged", position => {
|
|
243
246
|
let {
|
|
244
247
|
stepCount
|
|
245
248
|
} = this.props;
|
|
@@ -259,7 +262,7 @@ export default class StepIndicator extends Component {
|
|
|
259
262
|
toValue: this.state.customStyles.currentStepIndicatorSize / 2,
|
|
260
263
|
duration: 100
|
|
261
264
|
})])]).start();
|
|
262
|
-
};
|
|
265
|
+
});
|
|
263
266
|
const defaultStyles = {
|
|
264
267
|
stepIndicatorSize: 30,
|
|
265
268
|
currentStepIndicatorSize: 40,
|
|
@@ -325,6 +328,7 @@ export default class StepIndicator extends Component {
|
|
|
325
328
|
// ),
|
|
326
329
|
// }));
|
|
327
330
|
// }
|
|
331
|
+
|
|
328
332
|
if (prevProps.currentPosition !== this.props.currentPosition) {
|
|
329
333
|
this.onCurrentPositionChanged(this.props.currentPosition);
|
|
330
334
|
}
|
|
@@ -365,50 +369,6 @@ const styles = StyleSheet.create({
|
|
|
365
369
|
justifyContent: "center"
|
|
366
370
|
}
|
|
367
371
|
});
|
|
368
|
-
StepIndicator.defaultProps = {
|
|
369
|
-
currentPosition: 0,
|
|
370
|
-
stepCount: 5,
|
|
371
|
-
customStyles: {},
|
|
372
|
-
direction: "horizontal"
|
|
373
|
-
};rrentPositionChanged(this.props.currentPosition);
|
|
374
|
-
}
|
|
375
|
-
}
|
|
376
|
-
}
|
|
377
|
-
const styles = StyleSheet.create({
|
|
378
|
-
container: {
|
|
379
|
-
backgroundColor: "transparent"
|
|
380
|
-
},
|
|
381
|
-
stepIndicatorContainer: {
|
|
382
|
-
flexDirection: "row",
|
|
383
|
-
alignItems: "center",
|
|
384
|
-
justifyContent: "space-around",
|
|
385
|
-
backgroundColor: "transparent"
|
|
386
|
-
},
|
|
387
|
-
stepLabelsContainer: {
|
|
388
|
-
justifyContent: "space-around"
|
|
389
|
-
},
|
|
390
|
-
step: {
|
|
391
|
-
alignItems: "center",
|
|
392
|
-
justifyContent: "center",
|
|
393
|
-
zIndex: 2
|
|
394
|
-
},
|
|
395
|
-
stepContainer: {
|
|
396
|
-
flex: 1,
|
|
397
|
-
flexDirection: "row",
|
|
398
|
-
alignItems: "center",
|
|
399
|
-
justifyContent: "center"
|
|
400
|
-
},
|
|
401
|
-
stepLabel: {
|
|
402
|
-
fontSize: 12,
|
|
403
|
-
textAlign: "center",
|
|
404
|
-
fontWeight: "500"
|
|
405
|
-
},
|
|
406
|
-
stepLabelItem: {
|
|
407
|
-
flex: 1,
|
|
408
|
-
alignItems: "center",
|
|
409
|
-
justifyContent: "center"
|
|
410
|
-
}
|
|
411
|
-
});
|
|
412
372
|
StepIndicator.defaultProps = {
|
|
413
373
|
currentPosition: 0,
|
|
414
374
|
stepCount: 5,
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
1
2
|
import * as React from "react";
|
|
2
3
|
import { Switch as NativeSwitch } from "react-native";
|
|
3
4
|
import { withTheme } from "../theming";
|
|
@@ -28,6 +29,7 @@ function Switch(_ref) {
|
|
|
28
29
|
setChecked(value);
|
|
29
30
|
}
|
|
30
31
|
}, [value, checked]);
|
|
32
|
+
|
|
31
33
|
// This special logic is to handle weird APIs like Airtable that return
|
|
32
34
|
// true or undefined for a boolean
|
|
33
35
|
const previousDefaultValue = usePrevious(defaultValue);
|
|
@@ -36,24 +38,24 @@ function Switch(_ref) {
|
|
|
36
38
|
setChecked(Boolean(defaultValue));
|
|
37
39
|
}
|
|
38
40
|
}, [defaultValue, previousDefaultValue]);
|
|
39
|
-
return /*#__PURE__*/React.createElement(NativeSwitch, {
|
|
41
|
+
return /*#__PURE__*/React.createElement(NativeSwitch, _extends({
|
|
40
42
|
value: checked,
|
|
41
43
|
disabled: disabled,
|
|
42
44
|
trackColor: {
|
|
43
45
|
false: inactiveTrackThemeColor,
|
|
44
46
|
true: activeTrackThemeColor
|
|
45
47
|
},
|
|
46
|
-
thumbColor: value ? activeThumbThemeColor : inactiveThumbThemeColor
|
|
48
|
+
thumbColor: value ? activeThumbThemeColor : inactiveThumbThemeColor
|
|
47
49
|
// @ts-ignore react-native-web only
|
|
50
|
+
,
|
|
48
51
|
activeThumbColor: activeThumbThemeColor,
|
|
49
52
|
ios_backgroundColor: inactiveTrackThemeColor,
|
|
50
53
|
style: style,
|
|
51
54
|
onValueChange: bool => {
|
|
52
55
|
setChecked(bool);
|
|
53
56
|
onValueChange && onValueChange(bool);
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
});
|
|
57
|
+
}
|
|
58
|
+
}, rest));
|
|
57
59
|
}
|
|
58
60
|
function Row(_ref2) {
|
|
59
61
|
let {
|
|
@@ -82,7 +84,7 @@ function Row(_ref2) {
|
|
|
82
84
|
setChecked(defaultValue);
|
|
83
85
|
}
|
|
84
86
|
}, [defaultValue]);
|
|
85
|
-
return /*#__PURE__*/React.createElement(FormRow, {
|
|
87
|
+
return /*#__PURE__*/React.createElement(FormRow, _extends({
|
|
86
88
|
disabled: disabled,
|
|
87
89
|
onPress: () => {
|
|
88
90
|
setChecked(!checked);
|
|
@@ -90,9 +92,8 @@ function Row(_ref2) {
|
|
|
90
92
|
},
|
|
91
93
|
label: label,
|
|
92
94
|
direction: direction,
|
|
93
|
-
style: style
|
|
94
|
-
|
|
95
|
-
}, /*#__PURE__*/React.createElement(Switch, {
|
|
95
|
+
style: style
|
|
96
|
+
}, rest), /*#__PURE__*/React.createElement(Switch, {
|
|
96
97
|
theme: theme,
|
|
97
98
|
value: checked,
|
|
98
99
|
disabled: disabled,
|
|
@@ -105,16 +106,4 @@ function Row(_ref2) {
|
|
|
105
106
|
}
|
|
106
107
|
const SwitchRow = withTheme(Row);
|
|
107
108
|
export { SwitchRow };
|
|
108
|
-
export default withTheme(Switch);: theme,
|
|
109
|
-
value: checked,
|
|
110
|
-
disabled: disabled,
|
|
111
|
-
onValueChange: onValueChange,
|
|
112
|
-
activeTrackColor: activeTrackColor,
|
|
113
|
-
inactiveTrackColor: inactiveTrackColor,
|
|
114
|
-
activeThumbColor: activeThumbColor,
|
|
115
|
-
inactiveThumbColor: inactiveThumbColor
|
|
116
|
-
}));
|
|
117
|
-
}
|
|
118
|
-
const SwitchRow = withTheme(Row);
|
|
119
|
-
export { SwitchRow };
|
|
120
109
|
export default withTheme(Switch);
|
package/lib/module/constants.js
CHANGED
package/lib/module/hooks.js
CHANGED
|
@@ -3,11 +3,12 @@ export function usePrevious(value) {
|
|
|
3
3
|
// The ref object is a generic container whose current property is mutable
|
|
4
4
|
// and can hold any value, similar to an instance property on a class
|
|
5
5
|
const ref = React.useRef();
|
|
6
|
+
|
|
6
7
|
// Store current value in ref
|
|
7
8
|
React.useEffect(() => {
|
|
8
9
|
ref.current = value;
|
|
9
10
|
}, [value]);
|
|
11
|
+
|
|
10
12
|
// Return previous value (happens before update in useEffect above)
|
|
11
13
|
return ref.current;
|
|
12
|
-
}
|
|
13
14
|
}
|
package/lib/module/index.js
CHANGED
|
@@ -31,7 +31,6 @@ export { ActionSheet, ActionSheetItem, ActionSheetCancel } from "./components/Ac
|
|
|
31
31
|
export { Swiper, SwiperItem } from "./components/Swiper";
|
|
32
32
|
export { Center, Circle, Square, Row, Stack, Spacer } from "./components/Layout";
|
|
33
33
|
export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup } from "./components/RadioButton/index";
|
|
34
|
-
export { DeckSwiper, DeckSwiperCard } from "./components/DeckSwiper";
|
|
35
34
|
|
|
36
35
|
/* Deprecated: Fix or Delete! */
|
|
37
36
|
export { default as DatePicker } from "./components/DatePicker/DatePicker";
|
|
@@ -0,0 +1,139 @@
|
|
|
1
|
+
import { COMPONENT_TYPES, FORM_TYPES, Triggers, StylesPanelSections, createBoolProp, createTextProp, createTextEnumProp, createStaticBoolProp, createStaticNumberProp, createFieldNameProp, createActionProp } from "@draftbit/types";
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Maps react-native-paper-dates DatePickerModal in modes: "single" and "multiple"
|
|
5
|
+
* Cannot map mode "range" because it relies on 2 fieldNames (startDate and endDate)
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
const SHARED_SEED_DATA = {
|
|
9
|
+
tag: "DatePickerModal",
|
|
10
|
+
packageName: "react-native-paper-dates",
|
|
11
|
+
triggers: [Triggers.OnDismiss, Triggers.OnConfirm, Triggers.OnChange],
|
|
12
|
+
category: COMPONENT_TYPES.input,
|
|
13
|
+
StylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Background, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position]
|
|
14
|
+
};
|
|
15
|
+
const SHARED_SEED_DATA_PROPS = {
|
|
16
|
+
onDismiss: createActionProp({
|
|
17
|
+
label: "On Dismiss",
|
|
18
|
+
description: "Called when date picker dimissed",
|
|
19
|
+
required: true
|
|
20
|
+
}),
|
|
21
|
+
locale: createTextProp({
|
|
22
|
+
label: "Locale",
|
|
23
|
+
description: "A locale can be composed of both a base language, the country (territory) of use, and possibly codeset (which is usually assumed). For example, German is de",
|
|
24
|
+
defaultValue: "en",
|
|
25
|
+
required: true
|
|
26
|
+
}),
|
|
27
|
+
visible: createBoolProp({
|
|
28
|
+
label: "Visible",
|
|
29
|
+
description: "Flag indicating if the component should be displayed",
|
|
30
|
+
required: true
|
|
31
|
+
}),
|
|
32
|
+
label: createTextProp({
|
|
33
|
+
label: "Label",
|
|
34
|
+
description: "The label used as the header in the component",
|
|
35
|
+
defaultValue: "Select date"
|
|
36
|
+
}),
|
|
37
|
+
saveLabel: createTextProp({
|
|
38
|
+
label: "Save Label",
|
|
39
|
+
description: "Label used to confirm a date selection",
|
|
40
|
+
defaultValue: "Save"
|
|
41
|
+
}),
|
|
42
|
+
saveLabelDisabled: createStaticBoolProp({
|
|
43
|
+
label: "Disable Save Label",
|
|
44
|
+
description: "Flag indicating if the save label should be disabled and unable to receive events"
|
|
45
|
+
}),
|
|
46
|
+
uppercase: createStaticBoolProp({
|
|
47
|
+
label: "Uppercase",
|
|
48
|
+
description: "Flag indicating if the text in the component should be uppercase",
|
|
49
|
+
defaultValue: true
|
|
50
|
+
}),
|
|
51
|
+
startYear: createStaticNumberProp({
|
|
52
|
+
label: "Start Year",
|
|
53
|
+
description: "The start year when the component is rendered",
|
|
54
|
+
required: false,
|
|
55
|
+
defaultValue: 1800
|
|
56
|
+
}),
|
|
57
|
+
endYear: createStaticNumberProp({
|
|
58
|
+
label: "End Year",
|
|
59
|
+
description: "The end year when the component is rendered",
|
|
60
|
+
required: false,
|
|
61
|
+
defaultValue: 2200
|
|
62
|
+
})
|
|
63
|
+
};
|
|
64
|
+
export const SEED_DATA = [{
|
|
65
|
+
...SHARED_SEED_DATA,
|
|
66
|
+
name: "Date Picker Modal",
|
|
67
|
+
description: "Date Picker modal for date selection",
|
|
68
|
+
props: {
|
|
69
|
+
...SHARED_SEED_DATA_PROPS,
|
|
70
|
+
onConfirm: createActionProp({
|
|
71
|
+
label: "On Confirm",
|
|
72
|
+
description: "Called when date selected and confirmed",
|
|
73
|
+
required: true
|
|
74
|
+
}),
|
|
75
|
+
onChange: createActionProp({
|
|
76
|
+
label: "On Change",
|
|
77
|
+
description: "Called when date selection changes"
|
|
78
|
+
}),
|
|
79
|
+
mode: createTextEnumProp({
|
|
80
|
+
label: "Mode",
|
|
81
|
+
description: "The selection mode of the date picker",
|
|
82
|
+
required: true,
|
|
83
|
+
options: ["single"],
|
|
84
|
+
editable: false,
|
|
85
|
+
defaultValue: "single",
|
|
86
|
+
formType: FORM_TYPES.flatArray
|
|
87
|
+
}),
|
|
88
|
+
fieldName: createFieldNameProp({
|
|
89
|
+
defaultValue: "date",
|
|
90
|
+
handlerPropName: "onConfirm",
|
|
91
|
+
valuePropName: "date"
|
|
92
|
+
})
|
|
93
|
+
}
|
|
94
|
+
}, {
|
|
95
|
+
...SHARED_SEED_DATA,
|
|
96
|
+
name: "Multiple Date Picker Modal",
|
|
97
|
+
description: "Date Picker modal for multiple date selection",
|
|
98
|
+
props: {
|
|
99
|
+
...SHARED_SEED_DATA_PROPS,
|
|
100
|
+
onConfirm: createActionProp({
|
|
101
|
+
label: "On Confirm",
|
|
102
|
+
description: "Called when dates selected and confirmed",
|
|
103
|
+
required: true
|
|
104
|
+
}),
|
|
105
|
+
onChange: createActionProp({
|
|
106
|
+
label: "On Change",
|
|
107
|
+
description: "Called when dates selection changes"
|
|
108
|
+
}),
|
|
109
|
+
mode: createTextEnumProp({
|
|
110
|
+
label: "Mode",
|
|
111
|
+
description: "The selection mode of the date picker",
|
|
112
|
+
required: true,
|
|
113
|
+
options: ["multiple"],
|
|
114
|
+
editable: false,
|
|
115
|
+
defaultValue: "multiple",
|
|
116
|
+
formType: FORM_TYPES.flatArray
|
|
117
|
+
}),
|
|
118
|
+
moreLabel: createTextProp({
|
|
119
|
+
label: "More Label",
|
|
120
|
+
description: "The label used display when multiple dates have been selected in the component",
|
|
121
|
+
defaultValue: "More"
|
|
122
|
+
}),
|
|
123
|
+
startLabel: createTextProp({
|
|
124
|
+
label: "Start Label",
|
|
125
|
+
description: "The label used as the prefix to the starting date in the component",
|
|
126
|
+
defaultValue: "Start"
|
|
127
|
+
}),
|
|
128
|
+
endLabel: createTextProp({
|
|
129
|
+
label: "End Label",
|
|
130
|
+
description: "The label used as the suffix to the ending date in the component",
|
|
131
|
+
defaultValue: "End"
|
|
132
|
+
}),
|
|
133
|
+
fieldName: createFieldNameProp({
|
|
134
|
+
defaultValue: "dates",
|
|
135
|
+
handlerPropName: "onConfirm",
|
|
136
|
+
valuePropName: "dates"
|
|
137
|
+
})
|
|
138
|
+
}
|
|
139
|
+
}];
|
|
@@ -7,6 +7,7 @@ export default function overlay(elevation) {
|
|
|
7
7
|
let surfaceColor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DarkTheme.colors.surface;
|
|
8
8
|
if (isAnimatedValue(elevation)) {
|
|
9
9
|
const inputRange = [0, 1, 2, 3, 8, 24];
|
|
10
|
+
|
|
10
11
|
// @ts-expect-error: TS doesn't seem to refine the type correctly
|
|
11
12
|
return elevation.interpolate({
|
|
12
13
|
inputRange,
|
|
@@ -15,6 +16,7 @@ export default function overlay(elevation) {
|
|
|
15
16
|
})
|
|
16
17
|
});
|
|
17
18
|
}
|
|
19
|
+
|
|
18
20
|
// @ts-expect-error: TS doesn't seem to refine the type correctly
|
|
19
21
|
return calculateColor(surfaceColor, elevation);
|
|
20
22
|
}
|
|
@@ -55,4 +57,4 @@ const elevationOverlayTransparency = {
|
|
|
55
57
|
22: 15.72,
|
|
56
58
|
23: 15.84,
|
|
57
59
|
24: 16
|
|
58
|
-
};
|
|
60
|
+
};
|
|
@@ -31,7 +31,6 @@ export { ActionSheet, ActionSheetItem, ActionSheetCancel, } from "./components/A
|
|
|
31
31
|
export { Swiper, SwiperItem } from "./components/Swiper";
|
|
32
32
|
export { Center, Circle, Square, Row, Stack, Spacer, } from "./components/Layout";
|
|
33
33
|
export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup, } from "./components/RadioButton/index";
|
|
34
|
-
export { DeckSwiper, DeckSwiperCard } from "./components/DeckSwiper";
|
|
35
34
|
export { default as DatePicker } from "./components/DatePicker/DatePicker";
|
|
36
35
|
export { default as Picker } from "./components/Picker/Picker";
|
|
37
36
|
export { default as ProgressBar } from "./components/ProgressBar";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAEhE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EACL,WAAW,EACX,eAAe,EACf,iBAAiB,GAClB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEzD,OAAO,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,GAAG,EACH,KAAK,EACL,MAAM,GACP,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,qBAAqB,GACtB,MAAM,gCAAgC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,241 @@
|
|
|
1
|
+
export declare const SEED_DATA: ({
|
|
2
|
+
name: string;
|
|
3
|
+
description: string;
|
|
4
|
+
props: {
|
|
5
|
+
onConfirm: {
|
|
6
|
+
label: string;
|
|
7
|
+
description: string;
|
|
8
|
+
editable: boolean;
|
|
9
|
+
required: boolean;
|
|
10
|
+
formType: string;
|
|
11
|
+
propType: string;
|
|
12
|
+
defaultValue: null;
|
|
13
|
+
group: string;
|
|
14
|
+
};
|
|
15
|
+
onChange: {
|
|
16
|
+
label: string;
|
|
17
|
+
description: string;
|
|
18
|
+
editable: boolean;
|
|
19
|
+
required: boolean;
|
|
20
|
+
formType: string;
|
|
21
|
+
propType: string;
|
|
22
|
+
defaultValue: null;
|
|
23
|
+
group: string;
|
|
24
|
+
};
|
|
25
|
+
mode: {
|
|
26
|
+
group: string;
|
|
27
|
+
label: string;
|
|
28
|
+
description: string;
|
|
29
|
+
editable: boolean;
|
|
30
|
+
required: boolean;
|
|
31
|
+
formType: string;
|
|
32
|
+
propType: string;
|
|
33
|
+
defaultValue: null;
|
|
34
|
+
options: never[];
|
|
35
|
+
};
|
|
36
|
+
fieldName: {
|
|
37
|
+
handlerPropName: string;
|
|
38
|
+
group: string;
|
|
39
|
+
label: string;
|
|
40
|
+
description: string;
|
|
41
|
+
formType: string;
|
|
42
|
+
propType: string;
|
|
43
|
+
defaultValue: string;
|
|
44
|
+
valuePropName: string;
|
|
45
|
+
editable: boolean;
|
|
46
|
+
required: boolean;
|
|
47
|
+
};
|
|
48
|
+
onDismiss: {
|
|
49
|
+
label: string;
|
|
50
|
+
description: string;
|
|
51
|
+
editable: boolean;
|
|
52
|
+
required: boolean;
|
|
53
|
+
formType: string;
|
|
54
|
+
propType: string;
|
|
55
|
+
defaultValue: null;
|
|
56
|
+
group: string;
|
|
57
|
+
};
|
|
58
|
+
locale: any;
|
|
59
|
+
visible: {
|
|
60
|
+
label: string;
|
|
61
|
+
description: string;
|
|
62
|
+
formType: string;
|
|
63
|
+
propType: string;
|
|
64
|
+
defaultValue: boolean;
|
|
65
|
+
editable: boolean;
|
|
66
|
+
required: boolean;
|
|
67
|
+
group: string;
|
|
68
|
+
};
|
|
69
|
+
label: any;
|
|
70
|
+
saveLabel: any;
|
|
71
|
+
saveLabelDisabled: {
|
|
72
|
+
label: string;
|
|
73
|
+
description: string;
|
|
74
|
+
formType: string;
|
|
75
|
+
propType: string;
|
|
76
|
+
defaultValue: boolean;
|
|
77
|
+
editable: boolean;
|
|
78
|
+
required: boolean;
|
|
79
|
+
group: string;
|
|
80
|
+
};
|
|
81
|
+
uppercase: {
|
|
82
|
+
label: string;
|
|
83
|
+
description: string;
|
|
84
|
+
formType: string;
|
|
85
|
+
propType: string;
|
|
86
|
+
defaultValue: boolean;
|
|
87
|
+
editable: boolean;
|
|
88
|
+
required: boolean;
|
|
89
|
+
group: string;
|
|
90
|
+
};
|
|
91
|
+
startYear: {
|
|
92
|
+
label: string;
|
|
93
|
+
description: string;
|
|
94
|
+
formType: string;
|
|
95
|
+
propType: string;
|
|
96
|
+
group: string;
|
|
97
|
+
defaultValue: null;
|
|
98
|
+
editable: boolean;
|
|
99
|
+
required: boolean;
|
|
100
|
+
step: number;
|
|
101
|
+
};
|
|
102
|
+
endYear: {
|
|
103
|
+
label: string;
|
|
104
|
+
description: string;
|
|
105
|
+
formType: string;
|
|
106
|
+
propType: string;
|
|
107
|
+
group: string;
|
|
108
|
+
defaultValue: null;
|
|
109
|
+
editable: boolean;
|
|
110
|
+
required: boolean;
|
|
111
|
+
step: number;
|
|
112
|
+
};
|
|
113
|
+
};
|
|
114
|
+
tag: string;
|
|
115
|
+
packageName: string;
|
|
116
|
+
triggers: string[];
|
|
117
|
+
category: string;
|
|
118
|
+
StylesPanelSections: string[];
|
|
119
|
+
} | {
|
|
120
|
+
name: string;
|
|
121
|
+
description: string;
|
|
122
|
+
props: {
|
|
123
|
+
onConfirm: {
|
|
124
|
+
label: string;
|
|
125
|
+
description: string;
|
|
126
|
+
editable: boolean;
|
|
127
|
+
required: boolean;
|
|
128
|
+
formType: string;
|
|
129
|
+
propType: string;
|
|
130
|
+
defaultValue: null;
|
|
131
|
+
group: string;
|
|
132
|
+
};
|
|
133
|
+
onChange: {
|
|
134
|
+
label: string;
|
|
135
|
+
description: string;
|
|
136
|
+
editable: boolean;
|
|
137
|
+
required: boolean;
|
|
138
|
+
formType: string;
|
|
139
|
+
propType: string;
|
|
140
|
+
defaultValue: null;
|
|
141
|
+
group: string;
|
|
142
|
+
};
|
|
143
|
+
mode: {
|
|
144
|
+
group: string;
|
|
145
|
+
label: string;
|
|
146
|
+
description: string;
|
|
147
|
+
editable: boolean;
|
|
148
|
+
required: boolean;
|
|
149
|
+
formType: string;
|
|
150
|
+
propType: string;
|
|
151
|
+
defaultValue: null;
|
|
152
|
+
options: never[];
|
|
153
|
+
};
|
|
154
|
+
moreLabel: any;
|
|
155
|
+
startLabel: any;
|
|
156
|
+
endLabel: any;
|
|
157
|
+
fieldName: {
|
|
158
|
+
handlerPropName: string;
|
|
159
|
+
group: string;
|
|
160
|
+
label: string;
|
|
161
|
+
description: string;
|
|
162
|
+
formType: string;
|
|
163
|
+
propType: string;
|
|
164
|
+
defaultValue: string;
|
|
165
|
+
valuePropName: string;
|
|
166
|
+
editable: boolean;
|
|
167
|
+
required: boolean;
|
|
168
|
+
};
|
|
169
|
+
onDismiss: {
|
|
170
|
+
label: string;
|
|
171
|
+
description: string;
|
|
172
|
+
editable: boolean;
|
|
173
|
+
required: boolean;
|
|
174
|
+
formType: string;
|
|
175
|
+
propType: string;
|
|
176
|
+
defaultValue: null;
|
|
177
|
+
group: string;
|
|
178
|
+
};
|
|
179
|
+
locale: any;
|
|
180
|
+
visible: {
|
|
181
|
+
label: string;
|
|
182
|
+
description: string;
|
|
183
|
+
formType: string;
|
|
184
|
+
propType: string;
|
|
185
|
+
defaultValue: boolean;
|
|
186
|
+
editable: boolean;
|
|
187
|
+
required: boolean;
|
|
188
|
+
group: string;
|
|
189
|
+
};
|
|
190
|
+
label: any;
|
|
191
|
+
saveLabel: any;
|
|
192
|
+
saveLabelDisabled: {
|
|
193
|
+
label: string;
|
|
194
|
+
description: string;
|
|
195
|
+
formType: string;
|
|
196
|
+
propType: string;
|
|
197
|
+
defaultValue: boolean;
|
|
198
|
+
editable: boolean;
|
|
199
|
+
required: boolean;
|
|
200
|
+
group: string;
|
|
201
|
+
};
|
|
202
|
+
uppercase: {
|
|
203
|
+
label: string;
|
|
204
|
+
description: string;
|
|
205
|
+
formType: string;
|
|
206
|
+
propType: string;
|
|
207
|
+
defaultValue: boolean;
|
|
208
|
+
editable: boolean;
|
|
209
|
+
required: boolean;
|
|
210
|
+
group: string;
|
|
211
|
+
};
|
|
212
|
+
startYear: {
|
|
213
|
+
label: string;
|
|
214
|
+
description: string;
|
|
215
|
+
formType: string;
|
|
216
|
+
propType: string;
|
|
217
|
+
group: string;
|
|
218
|
+
defaultValue: null;
|
|
219
|
+
editable: boolean;
|
|
220
|
+
required: boolean;
|
|
221
|
+
step: number;
|
|
222
|
+
};
|
|
223
|
+
endYear: {
|
|
224
|
+
label: string;
|
|
225
|
+
description: string;
|
|
226
|
+
formType: string;
|
|
227
|
+
propType: string;
|
|
228
|
+
group: string;
|
|
229
|
+
defaultValue: null;
|
|
230
|
+
editable: boolean;
|
|
231
|
+
required: boolean;
|
|
232
|
+
step: number;
|
|
233
|
+
};
|
|
234
|
+
};
|
|
235
|
+
tag: string;
|
|
236
|
+
packageName: string;
|
|
237
|
+
triggers: string[];
|
|
238
|
+
category: string;
|
|
239
|
+
StylesPanelSections: string[];
|
|
240
|
+
})[];
|
|
241
|
+
//# sourceMappingURL=DatePickerModal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DatePickerModal.d.ts","sourceRoot":"","sources":["../../../../src/mappings/DatePickerModal.ts"],"names":[],"mappings":"AAsFA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAiFrB,CAAC"}
|