@draftbit/core 46.4.4-bd51f9.2 → 46.4.4-c08f1d.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/Picker/PickerComponent.web.js +20 -5
- package/lib/commonjs/components/Picker/PickerComponent.web.js.map +1 -1
- package/lib/commonjs/components/Stepper.js +7 -3
- package/lib/commonjs/components/Stepper.js.map +1 -1
- package/lib/commonjs/mappings/AudioPlayer.js +2 -32
- package/lib/commonjs/mappings/AudioPlayer.js.map +1 -1
- package/lib/commonjs/mappings/Stepper.js +1 -1
- package/lib/commonjs/mappings/Stepper.js.map +1 -1
- package/lib/module/components/Accordion/index.js.map +1 -1
- package/lib/module/components/ActionSheet/ActionSheetCancel.js.map +1 -1
- package/lib/module/components/AspectRatio.js +1 -18
- package/lib/module/components/AspectRatio.js.map +1 -1
- package/lib/module/components/CardBlock.js +4 -14
- package/lib/module/components/CardBlock.js.map +1 -1
- package/lib/module/components/CardContainerRating.js +4 -14
- package/lib/module/components/CardContainerRating.js.map +1 -1
- package/lib/module/components/Checkbox/index.js.map +1 -1
- package/lib/module/components/Container.js +4 -16
- package/lib/module/components/Container.js.map +1 -1
- package/lib/module/components/DatePicker/DatePicker.js +13 -9
- package/lib/module/components/DatePicker/DatePicker.js.map +1 -1
- package/lib/module/components/DatePicker/DatePickerComponent.web.js.map +1 -1
- package/lib/module/components/Header.js.map +1 -1
- package/lib/module/components/HeaderOverline.js.map +1 -1
- package/lib/module/components/NumberInput.js +3 -12
- package/lib/module/components/NumberInput.js.map +1 -1
- package/lib/module/components/Portal/PortalConsumer.js +7 -22
- package/lib/module/components/Portal/PortalConsumer.js.map +1 -1
- package/lib/module/components/RadioButton/index.js.map +1 -1
- package/lib/module/components/ResizeMode.js +2 -2
- package/lib/module/components/ResizeMode.js.map +1 -1
- package/lib/module/components/RowHeadlineImageIcon.js.map +1 -1
- package/lib/module/components/ScreenContainer.js +4 -20
- package/lib/module/components/ScreenContainer.js.map +1 -1
- package/lib/module/components/Slider.js +4 -22
- package/lib/module/components/Slider.js.map +1 -1
- package/lib/module/components/Stepper.js +9 -4
- package/lib/module/components/Stepper.js.map +1 -1
- package/lib/module/components/Surface.js +1 -15
- package/lib/module/components/Surface.js.map +1 -1
- package/lib/module/components/Switch.js +10 -20
- package/lib/module/components/Switch.js.map +1 -1
- package/lib/module/constants.js +1 -1
- package/lib/module/hooks.js +3 -1
- package/lib/module/hooks.js.map +1 -1
- package/lib/module/mappings/AudioPlayer.js +3 -33
- package/lib/module/mappings/AudioPlayer.js.map +1 -1
- package/lib/module/mappings/CardContainerRating.js.map +1 -1
- package/lib/module/mappings/CheckboxGroup.js.map +1 -1
- package/lib/module/mappings/CheckboxRow.js.map +1 -1
- package/lib/module/mappings/HeaderMedium.js.map +1 -1
- package/lib/module/mappings/KeyboardAvoidingView.js.map +1 -1
- package/lib/module/mappings/Stepper.js +2 -2
- package/lib/module/mappings/Stepper.js.map +1 -1
- package/lib/typescript/src/components/Stepper.d.ts +1 -2
- package/lib/typescript/src/components/Stepper.d.ts.map +1 -1
- package/lib/typescript/src/mappings/AudioPlayer.d.ts +1 -62
- package/lib/typescript/src/mappings/AudioPlayer.d.ts.map +1 -1
- package/lib/typescript/src/mappings/Stepper.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/components/Stepper.js +5 -3
- package/src/components/Stepper.tsx +5 -5
- package/src/mappings/AudioPlayer.js +2 -39
- package/src/mappings/AudioPlayer.ts +1 -41
- package/src/mappings/Stepper.js +5 -2
- package/src/mappings/Stepper.ts +5 -1
package/lib/module/hooks.js
CHANGED
|
@@ -3,11 +3,13 @@ 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
14
|
}
|
|
13
|
-
//# sourceMappingURL=hooks.js.
|
|
15
|
+
//# sourceMappingURL=hooks.js.map
|
package/lib/module/hooks.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","usePrevious","value","ref","useRef","useEffect","current"],"sourceRoot":"../../src","sources":["hooks.
|
|
1
|
+
{"version":3,"names":["React","usePrevious","value","ref","useRef","useEffect","current"],"sourceRoot":"../../src","sources":["hooks.ts"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAO,SAASC,WAAW,CAACC,KAAU,EAAE;EACtC;EACA;EACA,MAAMC,GAAG,GAAGH,KAAK,CAACI,MAAM,EAAE;;EAE1B;EACAJ,KAAK,CAACK,SAAS,CAAC,MAAM;IACpBF,GAAG,CAACG,OAAO,GAAGJ,KAAK;EACrB,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;;EAEX;EACA,OAAOC,GAAG,CAACG,OAAO;AACpB"}
|
|
@@ -1,20 +1,10 @@
|
|
|
1
|
-
import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES
|
|
1
|
+
import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES } from "@draftbit/types";
|
|
2
2
|
export const SEED_DATA = {
|
|
3
3
|
name: "Audio Player",
|
|
4
4
|
tag: "AudioPlayer",
|
|
5
5
|
description: "Given a source URL, plays sounds & audio!",
|
|
6
6
|
category: COMPONENT_TYPES.media,
|
|
7
|
-
|
|
8
|
-
layout: {
|
|
9
|
-
backgroundColor: "#eee",
|
|
10
|
-
paddingLeft: 16,
|
|
11
|
-
paddingRight: 16,
|
|
12
|
-
paddingTop: 8,
|
|
13
|
-
paddingBottom: 8,
|
|
14
|
-
borderRadius: 24,
|
|
15
|
-
flexDirection: "row",
|
|
16
|
-
alignItems: "center"
|
|
17
|
-
},
|
|
7
|
+
layout: {},
|
|
18
8
|
props: {
|
|
19
9
|
source: {
|
|
20
10
|
group: GROUPS.data,
|
|
@@ -25,27 +15,7 @@ export const SEED_DATA = {
|
|
|
25
15
|
defaultValue: "https://static.draftbit.com/audio/intro-to-draftbit-audio.mp3",
|
|
26
16
|
formType: FORM_TYPES.sourceUrl,
|
|
27
17
|
propType: PROP_TYPES.OBJECT
|
|
28
|
-
}
|
|
29
|
-
sliderColor: createColorProp({
|
|
30
|
-
label: "Thumb Color",
|
|
31
|
-
defaultValue: "strong"
|
|
32
|
-
}),
|
|
33
|
-
completedTrackColor: createColorProp({
|
|
34
|
-
label: "Completed Track Color",
|
|
35
|
-
defaultValue: "background"
|
|
36
|
-
}),
|
|
37
|
-
remainingTrackColor: createColorProp({
|
|
38
|
-
label: "Remaining Track Color",
|
|
39
|
-
defaultValue: "light"
|
|
40
|
-
}),
|
|
41
|
-
trackThumbSize: createNumberProp({
|
|
42
|
-
label: "Thumb Size",
|
|
43
|
-
defaultValue: 24
|
|
44
|
-
}),
|
|
45
|
-
playIconColor: createColorProp({
|
|
46
|
-
label: "Play Icon Color",
|
|
47
|
-
defaultValue: "strong"
|
|
48
|
-
})
|
|
18
|
+
}
|
|
49
19
|
}
|
|
50
20
|
};
|
|
51
21
|
//# sourceMappingURL=AudioPlayer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","
|
|
1
|
+
{"version":3,"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","SEED_DATA","name","tag","description","category","media","layout","props","source","group","data","label","editable","required","defaultValue","formType","sourceUrl","propType","OBJECT"],"sourceRoot":"../../src","sources":["AudioPlayer.ts"],"mappings":"AAAA,SACEA,MAAM,EACNC,eAAe,EACfC,UAAU,EACVC,UAAU,QACL,iBAAiB;AAExB,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,cAAc;EACpBC,GAAG,EAAE,aAAa;EAClBC,WAAW,EAAE,2CAA2C;EACxDC,QAAQ,EAAEP,eAAe,CAACQ,KAAK;EAC/BC,MAAM,EAAE,CAAC,CAAC;EACVC,KAAK,EAAE;IACLC,MAAM,EAAE;MACNC,KAAK,EAAEb,MAAM,CAACc,IAAI;MAClBC,KAAK,EAAE,QAAQ;MACfR,WAAW,EAAE,oCAAoC;MACjDS,QAAQ,EAAE,IAAI;MACdC,QAAQ,EAAE,IAAI;MACdC,YAAY,EACV,+DAA+D;MACjEC,QAAQ,EAAEjB,UAAU,CAACkB,SAAS;MAC9BC,QAAQ,EAAElB,UAAU,CAACmB;IACvB;EACF;AACF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["GROUPS","FORM_TYPES","PROP_TYPES","COMPONENT_TYPES","createElevationType","BLOCK_STYLES_SECTIONS","SEED_DATA_PROPS","image","group","data","label","description","formType","propType","ASSET","defaultValue","editable","required","title","string","STRING","leftDescription","rightDescription","icon","basic","aspectRatio","NUMBER","rating","number","min","max","step","precision","elevation","SEED_DATA","name","tag","category","card","stylesPanelSections","preview_image_url","supports_list_render","props","numColumns","uncategorized","layout"],"sourceRoot":"../../src","sources":["CardContainerRating.
|
|
1
|
+
{"version":3,"names":["GROUPS","FORM_TYPES","PROP_TYPES","COMPONENT_TYPES","createElevationType","BLOCK_STYLES_SECTIONS","SEED_DATA_PROPS","image","group","data","label","description","formType","propType","ASSET","defaultValue","editable","required","title","string","STRING","leftDescription","rightDescription","icon","basic","aspectRatio","NUMBER","rating","number","min","max","step","precision","elevation","SEED_DATA","name","tag","category","card","stylesPanelSections","preview_image_url","supports_list_render","props","numColumns","uncategorized","layout"],"sourceRoot":"../../src","sources":["CardContainerRating.js"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","createTextProp","PROP_TYPES","createFieldNameProp","createDirectionProp","Triggers","StylesPanelSections","SEED_DATA","name","tag","category","deprecated","layout","triggers","OnValueChange","stylesPanelSections","Margins","props","direction","values","group","data","formType","flatArray","propType","ARRAY","label","description","required","defaultValue","fieldName","handlerPropName","valuePropName"],"sourceRoot":"../../src","sources":["CheckboxGroup.
|
|
1
|
+
{"version":3,"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","createTextProp","PROP_TYPES","createFieldNameProp","createDirectionProp","Triggers","StylesPanelSections","SEED_DATA","name","tag","category","deprecated","layout","triggers","OnValueChange","stylesPanelSections","Margins","props","direction","values","group","data","formType","flatArray","propType","ARRAY","label","description","required","defaultValue","fieldName","handlerPropName","valuePropName"],"sourceRoot":"../../src","sources":["CheckboxGroup.ts"],"mappings":"AAAA,SACEA,MAAM,EACNC,eAAe,EACfC,UAAU,EACVC,cAAc,EACdC,UAAU,EACVC,mBAAmB,EACnBC,mBAAmB,EACnBC,QAAQ,EACRC,mBAAmB,QACd,iBAAiB;AAExB,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,gBAAgB;EACtBC,GAAG,EAAE,eAAe;EACpBC,QAAQ,EAAEX,eAAe,CAACY,UAAU;EACpCC,MAAM,EAAE,CAAC,CAAC;EACVC,QAAQ,EAAE,CAACR,QAAQ,CAACS,aAAa,CAAC;EAClCC,mBAAmB,EAAE,CAACT,mBAAmB,CAACU,OAAO,CAAC;EAClDC,KAAK,EAAE;IACLC,SAAS,EAAEd,mBAAmB,EAAE;IAChCe,MAAM,EAAElB,cAAc,CAAC;MACrBmB,KAAK,EAAEtB,MAAM,CAACuB,IAAI;MAClBC,QAAQ,EAAEtB,UAAU,CAACuB,SAAS;MAC9BC,QAAQ,EAAEtB,UAAU,CAACuB,KAAK;MAC1BC,KAAK,EAAE,QAAQ;MACfC,WAAW,EAAE,iDAAiD;MAC9DC,QAAQ,EAAE,IAAI;MACdC,YAAY,EAAE;IAChB,CAAC,CAAC;IACFC,SAAS,EAAE3B,mBAAmB,CAAC;MAC7B0B,YAAY,EAAE,oBAAoB;MAClCE,eAAe,EAAE,eAAe;MAChCC,aAAa,EAAE;IACjB,CAAC;EACH;AACF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createBoolProp","createTextProp","createTextStyle","createRowDirectionProp","createFieldNameProp","createIconProp","createStaticNumberProp","COMPONENT_TYPES","Triggers","createColorProp","StylesPanelSections","SEED_DATA","name","tag","category","control","stylesPanelSections","Typography","Margins","Effects","layout","minHeight","triggers","OnPress","OnCheck","OnUncheck","props","fieldName","defaultValue","valuePropName","handlerPropName","label","description","required","labelStyle","editable","direction","color","uncheckedColor","disabled","size","checkedIcon","uncheckedIcon"],"sourceRoot":"../../src","sources":["CheckboxRow.
|
|
1
|
+
{"version":3,"names":["createBoolProp","createTextProp","createTextStyle","createRowDirectionProp","createFieldNameProp","createIconProp","createStaticNumberProp","COMPONENT_TYPES","Triggers","createColorProp","StylesPanelSections","SEED_DATA","name","tag","category","control","stylesPanelSections","Typography","Margins","Effects","layout","minHeight","triggers","OnPress","OnCheck","OnUncheck","props","fieldName","defaultValue","valuePropName","handlerPropName","label","description","required","labelStyle","editable","direction","color","uncheckedColor","disabled","size","checkedIcon","uncheckedIcon"],"sourceRoot":"../../src","sources":["CheckboxRow.ts"],"mappings":"AAAA,SACEA,cAAc,EACdC,cAAc,EACdC,eAAe,EACfC,sBAAsB,EACtBC,mBAAmB,EACnBC,cAAc,EACdC,sBAAsB,EACtBC,eAAe,EACfC,QAAQ,EACRC,eAAe,EACfC,mBAAmB,QACd,iBAAiB;AAExB,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,cAAc;EACpBC,GAAG,EAAE,aAAa;EAClBC,QAAQ,EAAEP,eAAe,CAACQ,OAAO;EACjCC,mBAAmB,EAAE,CACnBN,mBAAmB,CAACO,UAAU,EAC9BP,mBAAmB,CAACQ,OAAO,EAC3BR,mBAAmB,CAACS,OAAO,CAC5B;EACDC,MAAM,EAAE;IACNC,SAAS,EAAE;EACb,CAAC;EACDC,QAAQ,EAAE,CAACd,QAAQ,CAACe,OAAO,EAAEf,QAAQ,CAACgB,OAAO,EAAEhB,QAAQ,CAACiB,SAAS,CAAC;EAClEC,KAAK,EAAE;IACLC,SAAS,EAAEvB,mBAAmB,CAAC;MAC7BwB,YAAY,EAAE,kBAAkB;MAChCC,aAAa,EAAE,OAAO;MACtBC,eAAe,EAAE;IACnB,CAAC,CAAC;IACFC,KAAK,EAAE9B,cAAc,CAAC;MACpB8B,KAAK,EAAE,OAAO;MACdC,WAAW,EAAE,iCAAiC;MAC9CC,QAAQ,EAAE,IAAI;MACdL,YAAY,EAAE;IAChB,CAAC,CAAC;IACFM,UAAU,EAAEhC,eAAe,CAAC;MAC1B6B,KAAK,EAAE,aAAa;MACpBC,WAAW,EAAE,gCAAgC;MAC7CC,QAAQ,EAAE,KAAK;MACfE,QAAQ,EAAE;IACZ,CAAC,CAAC;IACFC,SAAS,EAAEjC,sBAAsB,EAAE;IACnCkC,KAAK,EAAE5B,eAAe,CAAC;MACrBuB,WAAW,EAAE;IACf,CAAC,CAAC;IACFM,cAAc,EAAE7B,eAAe,CAAC;MAC9BsB,KAAK,EAAE,kBAAkB;MACzBC,WAAW,EAAE;IACf,CAAC,CAAC;IACFO,QAAQ,EAAEvC,cAAc,CAAC;MACvB+B,KAAK,EAAE,UAAU;MACjBC,WAAW,EAAE;IACf,CAAC,CAAC;IACFQ,IAAI,EAAElC,sBAAsB,CAAC;MAC3ByB,KAAK,EAAE,MAAM;MACbC,WAAW,EAAE,gCAAgC;MAC7CJ,YAAY,EAAE;IAChB,CAAC,CAAC;IACFa,WAAW,EAAEpC,cAAc,CAAC;MAC1B0B,KAAK,EAAE,cAAc;MACrBC,WAAW,EAAE,oDAAoD;MACjEJ,YAAY,EAAE;IAChB,CAAC,CAAC;IACFc,aAAa,EAAErC,cAAc,CAAC;MAC5B0B,KAAK,EAAE,gBAAgB;MACvBC,WAAW,EAAE,sDAAsD;MACnEJ,YAAY,EAAE;IAChB,CAAC;EACH;AACF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","BLOCK_STYLES_SECTIONS","SEED_DATA","name","tag","description","category","header","stylesPanelSections","preview_image_url","supports_list_render","props","title","group","data","label","formType","string","propType","STRING","defaultValue","editable","required","buttonText","icon","basic","ASSET","onPress","action","layout"],"sourceRoot":"../../src","sources":["HeaderMedium.
|
|
1
|
+
{"version":3,"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","BLOCK_STYLES_SECTIONS","SEED_DATA","name","tag","description","category","header","stylesPanelSections","preview_image_url","supports_list_render","props","title","group","data","label","formType","string","propType","STRING","defaultValue","editable","required","buttonText","icon","basic","ASSET","onPress","action","layout"],"sourceRoot":"../../src","sources":["HeaderMedium.ts"],"mappings":"AAAA,SACEA,MAAM,EACNC,eAAe,EACfC,UAAU,EACVC,UAAU,EACVC,qBAAqB,QAChB,iBAAiB;AAExB,OAAO,MAAMC,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,eAAe;EACrBC,GAAG,EAAE,cAAc;EACnBC,WAAW,EACT,yEAAyE;EAC3EC,QAAQ,EAAER,eAAe,CAACS,MAAM;EAChCC,mBAAmB,EAAEP,qBAAqB;EAC1CQ,iBAAiB,EAAE,oDAAoD;EACvEC,oBAAoB,EAAE,KAAK;EAC3BC,KAAK,EAAE;IACLC,KAAK,EAAE;MACLC,KAAK,EAAEhB,MAAM,CAACiB,IAAI;MAClBC,KAAK,EAAE,OAAO;MACdV,WAAW,EAAE,iBAAiB;MAC9BW,QAAQ,EAAEjB,UAAU,CAACkB,MAAM;MAC3BC,QAAQ,EAAElB,UAAU,CAACmB,MAAM;MAC3BC,YAAY,EAAE,OAAO;MACrBC,QAAQ,EAAE,IAAI;MACdC,QAAQ,EAAE;IACZ,CAAC;IACDC,UAAU,EAAE;MACVV,KAAK,EAAEhB,MAAM,CAACiB,IAAI;MAClBC,KAAK,EAAE,aAAa;MACpBV,WAAW,EAAE,sCAAsC;MACnDW,QAAQ,EAAEjB,UAAU,CAACkB,MAAM;MAC3BC,QAAQ,EAAElB,UAAU,CAACmB,MAAM;MAC3BC,YAAY,EAAE,SAAS;MACvBC,QAAQ,EAAE,IAAI;MACdC,QAAQ,EAAE;IACZ,CAAC;IACDE,IAAI,EAAE;MACJX,KAAK,EAAEhB,MAAM,CAAC4B,KAAK;MACnBV,KAAK,EAAE,MAAM;MACbV,WAAW,EAAE,yBAAyB;MACtCW,QAAQ,EAAEjB,UAAU,CAACyB,IAAI;MACzBN,QAAQ,EAAElB,UAAU,CAAC0B,KAAK;MAC1BN,YAAY,EAAE,IAAI;MAClBC,QAAQ,EAAE,IAAI;MACdC,QAAQ,EAAE;IACZ,CAAC;IACDK,OAAO,EAAE;MACPd,KAAK,EAAEhB,MAAM,CAAC4B,KAAK;MACnBV,KAAK,EAAE,QAAQ;MACfV,WAAW,EAAE,uCAAuC;MACpDgB,QAAQ,EAAE,IAAI;MACdC,QAAQ,EAAE,KAAK;MACfN,QAAQ,EAAEjB,UAAU,CAAC6B,MAAM;MAC3BV,QAAQ,EAAElB,UAAU,CAACmB,MAAM;MAC3BC,YAAY,EAAE;IAChB;EACF,CAAC;EACDS,MAAM,EAAE,CAAC;AACX,CAAC,CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","GROUPS","CONTAINER_COMPONENT_STYLES_SECTIONS","SEED_DATA","name","tag","description","category","view","stylesPanelSections","props","enabled","label","editable","required","defaultValue","formType","boolean","propType","BOOLEAN","group","basic","behavior","options","flatArray","STRING","keyboardVerticalOffset","number","NUMBER"],"sourceRoot":"../../src","sources":["KeyboardAvoidingView.
|
|
1
|
+
{"version":3,"names":["COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","GROUPS","CONTAINER_COMPONENT_STYLES_SECTIONS","SEED_DATA","name","tag","description","category","view","stylesPanelSections","props","enabled","label","editable","required","defaultValue","formType","boolean","propType","BOOLEAN","group","basic","behavior","options","flatArray","STRING","keyboardVerticalOffset","number","NUMBER"],"sourceRoot":"../../src","sources":["KeyboardAvoidingView.ts"],"mappings":"AAAA,SACEA,eAAe,EACfC,UAAU,EACVC,UAAU,EACVC,MAAM,EACNC,mCAAmC,QAC9B,iBAAiB;AAExB,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,wBAAwB;EAC9BC,GAAG,EAAE,sBAAsB;EAC3BC,WAAW,EAAE,0DAA0D;EACvEC,QAAQ,EAAET,eAAe,CAACU,IAAI;EAC9BC,mBAAmB,EAAEP,mCAAmC;EACxDQ,KAAK,EAAE;IACLC,OAAO,EAAE;MACPC,KAAK,EAAE,SAAS;MAChBN,WAAW,EAAE,mCAAmC;MAChDO,QAAQ,EAAE,IAAI;MACdC,QAAQ,EAAE,IAAI;MACdC,YAAY,EAAE,IAAI;MAClBC,QAAQ,EAAEjB,UAAU,CAACkB,OAAO;MAC5BC,QAAQ,EAAElB,UAAU,CAACmB,OAAO;MAC5BC,KAAK,EAAEnB,MAAM,CAACoB;IAChB,CAAC;IACDC,QAAQ,EAAE;MACRV,KAAK,EAAE,mBAAmB;MAC1BN,WAAW,EACT,uGAAuG;MACzGO,QAAQ,EAAE,IAAI;MACdC,QAAQ,EAAE,IAAI;MACdC,YAAY,EAAE,SAAS;MACvBQ,OAAO,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,QAAQ,CAAC;MAC1CP,QAAQ,EAAEjB,UAAU,CAACyB,SAAS;MAC9BN,QAAQ,EAAElB,UAAU,CAACyB,MAAM;MAC3BL,KAAK,EAAEnB,MAAM,CAACoB;IAChB,CAAC;IACDK,sBAAsB,EAAE;MACtBd,KAAK,EAAE,0BAA0B;MACjCN,WAAW,EACT,8DAA8D;MAChEO,QAAQ,EAAE,IAAI;MACdC,QAAQ,EAAE,KAAK;MACfC,YAAY,EAAE,CAAC;MACfC,QAAQ,EAAEjB,UAAU,CAAC4B,MAAM;MAC3BT,QAAQ,EAAElB,UAAU,CAAC4B,MAAM;MAC3BR,KAAK,EAAEnB,MAAM,CAACoB;IAChB;EACF;AACF,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, createIconSizeProp, createColorProp, createFieldNameProp, createStaticNumberProp, Triggers, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
|
|
1
|
+
import { COMPONENT_TYPES, createIconSizeProp, createColorProp, createFieldNameProp, createStaticNumberProp, Triggers, BLOCK_STYLES_SECTIONS, StylesPanelSections } from "@draftbit/types";
|
|
2
2
|
export const SEED_DATA = [{
|
|
3
3
|
name: "Stepper",
|
|
4
4
|
tag: "Stepper",
|
|
5
5
|
description: "A component used to control the quantity of something",
|
|
6
6
|
category: COMPONENT_TYPES.control,
|
|
7
|
-
stylesPanelSections: BLOCK_STYLES_SECTIONS,
|
|
7
|
+
stylesPanelSections: [...BLOCK_STYLES_SECTIONS, StylesPanelSections.Typography],
|
|
8
8
|
layout: {},
|
|
9
9
|
triggers: [Triggers.OnChange],
|
|
10
10
|
props: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["COMPONENT_TYPES","createIconSizeProp","createColorProp","createFieldNameProp","createStaticNumberProp","Triggers","BLOCK_STYLES_SECTIONS","SEED_DATA","name","tag","description","category","control","stylesPanelSections","layout","triggers","OnChange","props","fieldName","defaultValue","handlerPropName","valuePropName","iconSize","iconColor","min","label","max"],"sourceRoot":"../../src","sources":["Stepper.ts"],"mappings":"AAAA,SACEA,eAAe,EACfC,kBAAkB,EAClBC,eAAe,EACfC,mBAAmB,EACnBC,sBAAsB,EACtBC,QAAQ,EACRC,qBAAqB,
|
|
1
|
+
{"version":3,"names":["COMPONENT_TYPES","createIconSizeProp","createColorProp","createFieldNameProp","createStaticNumberProp","Triggers","BLOCK_STYLES_SECTIONS","StylesPanelSections","SEED_DATA","name","tag","description","category","control","stylesPanelSections","Typography","layout","triggers","OnChange","props","fieldName","defaultValue","handlerPropName","valuePropName","iconSize","iconColor","min","label","max"],"sourceRoot":"../../src","sources":["Stepper.ts"],"mappings":"AAAA,SACEA,eAAe,EACfC,kBAAkB,EAClBC,eAAe,EACfC,mBAAmB,EACnBC,sBAAsB,EACtBC,QAAQ,EACRC,qBAAqB,EACrBC,mBAAmB,QACd,iBAAiB;AAExB,OAAO,MAAMC,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,SAAS;EACfC,GAAG,EAAE,SAAS;EACdC,WAAW,EAAE,uDAAuD;EACpEC,QAAQ,EAAEZ,eAAe,CAACa,OAAO;EACjCC,mBAAmB,EAAE,CACnB,GAAGR,qBAAqB,EACxBC,mBAAmB,CAACQ,UAAU,CAC/B;EACDC,MAAM,EAAE,CAAC,CAAC;EACVC,QAAQ,EAAE,CAACZ,QAAQ,CAACa,QAAQ,CAAC;EAC7BC,KAAK,EAAE;IACLC,SAAS,EAAEjB,mBAAmB,CAAC;MAC7BkB,YAAY,EAAE,cAAc;MAC5BC,eAAe,EAAE,UAAU;MAC3BC,aAAa,EAAE;IACjB,CAAC,CAAC;IACFC,QAAQ,EAAEvB,kBAAkB,CAAC;MAAEoB,YAAY,EAAE;IAAG,CAAC,CAAC;IAClDI,SAAS,EAAEvB,eAAe,CAAC;MAAEmB,YAAY,EAAE;IAAS,CAAC,CAAC;IACtDK,GAAG,EAAEtB,sBAAsB,CAAC;MAC1BuB,KAAK,EAAE,SAAS;MAChBhB,WAAW,EAAE;IACf,CAAC,CAAC;IACFiB,GAAG,EAAExB,sBAAsB,CAAC;MAC1BuB,KAAK,EAAE,SAAS;MAChBhB,WAAW,EAAE;IACf,CAAC;EACH;AACF,CAAC,CACF"}
|
|
@@ -7,8 +7,7 @@ type Props = {
|
|
|
7
7
|
max: number;
|
|
8
8
|
value?: number;
|
|
9
9
|
defaultValue?: number;
|
|
10
|
-
style?: StyleProp<ViewStyle>;
|
|
11
|
-
typeStyle?: StyleProp<TextStyle>;
|
|
10
|
+
style?: StyleProp<ViewStyle | TextStyle>;
|
|
12
11
|
iconSize: number;
|
|
13
12
|
iconColor?: string;
|
|
14
13
|
onChange?: (value: number) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AACvD,OAAO,EAAc,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI3E,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AACvD,OAAO,EAAc,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI3E,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAInD,KAAK,KAAK,GAAG;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;IACzC,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,EAAE,KAAK,CAAC;CACd,GAAG,QAAQ,CAAC;;;;AAgFb,wBAAkC"}
|
|
@@ -3,17 +3,7 @@ export declare const SEED_DATA: {
|
|
|
3
3
|
tag: string;
|
|
4
4
|
description: string;
|
|
5
5
|
category: string;
|
|
6
|
-
|
|
7
|
-
layout: {
|
|
8
|
-
backgroundColor: string;
|
|
9
|
-
paddingLeft: number;
|
|
10
|
-
paddingRight: number;
|
|
11
|
-
paddingTop: number;
|
|
12
|
-
paddingBottom: number;
|
|
13
|
-
borderRadius: number;
|
|
14
|
-
flexDirection: string;
|
|
15
|
-
alignItems: string;
|
|
16
|
-
};
|
|
6
|
+
layout: {};
|
|
17
7
|
props: {
|
|
18
8
|
source: {
|
|
19
9
|
group: string;
|
|
@@ -25,57 +15,6 @@ export declare const SEED_DATA: {
|
|
|
25
15
|
formType: string;
|
|
26
16
|
propType: string;
|
|
27
17
|
};
|
|
28
|
-
sliderColor: {
|
|
29
|
-
group: string;
|
|
30
|
-
label: string;
|
|
31
|
-
description: string;
|
|
32
|
-
editable: boolean;
|
|
33
|
-
required: boolean;
|
|
34
|
-
defaultValue: null;
|
|
35
|
-
formType: string;
|
|
36
|
-
propType: string;
|
|
37
|
-
};
|
|
38
|
-
completedTrackColor: {
|
|
39
|
-
group: string;
|
|
40
|
-
label: string;
|
|
41
|
-
description: string;
|
|
42
|
-
editable: boolean;
|
|
43
|
-
required: boolean;
|
|
44
|
-
defaultValue: null;
|
|
45
|
-
formType: string;
|
|
46
|
-
propType: string;
|
|
47
|
-
};
|
|
48
|
-
remainingTrackColor: {
|
|
49
|
-
group: string;
|
|
50
|
-
label: string;
|
|
51
|
-
description: string;
|
|
52
|
-
editable: boolean;
|
|
53
|
-
required: boolean;
|
|
54
|
-
defaultValue: null;
|
|
55
|
-
formType: string;
|
|
56
|
-
propType: string;
|
|
57
|
-
};
|
|
58
|
-
trackThumbSize: {
|
|
59
|
-
label: string;
|
|
60
|
-
description: string;
|
|
61
|
-
formType: string;
|
|
62
|
-
propType: string;
|
|
63
|
-
group: string;
|
|
64
|
-
defaultValue: null;
|
|
65
|
-
editable: boolean;
|
|
66
|
-
required: boolean;
|
|
67
|
-
step: number;
|
|
68
|
-
};
|
|
69
|
-
playIconColor: {
|
|
70
|
-
group: string;
|
|
71
|
-
label: string;
|
|
72
|
-
description: string;
|
|
73
|
-
editable: boolean;
|
|
74
|
-
required: boolean;
|
|
75
|
-
defaultValue: null;
|
|
76
|
-
formType: string;
|
|
77
|
-
propType: string;
|
|
78
|
-
};
|
|
79
18
|
};
|
|
80
19
|
};
|
|
81
20
|
//# sourceMappingURL=AudioPlayer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AudioPlayer.d.ts","sourceRoot":"","sources":["../../../../src/mappings/AudioPlayer.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AudioPlayer.d.ts","sourceRoot":"","sources":["../../../../src/mappings/AudioPlayer.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;CAmBrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../../src/mappings/Stepper.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../../src/mappings/Stepper.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BrB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@draftbit/core",
|
|
3
|
-
"version": "46.4.4-
|
|
3
|
+
"version": "46.4.4-c08f1d.2+c08f1d7",
|
|
4
4
|
"description": "Core (non-native) Components",
|
|
5
5
|
"main": "lib/commonjs/index.js",
|
|
6
6
|
"module": "lib/module/index.js",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"dependencies": {
|
|
42
42
|
"@date-io/date-fns": "^1.3.13",
|
|
43
43
|
"@draftbit/react-theme-provider": "^2.1.1",
|
|
44
|
-
"@draftbit/types": "^46.4.4-
|
|
44
|
+
"@draftbit/types": "^46.4.4-c08f1d.2+c08f1d7",
|
|
45
45
|
"@material-ui/core": "^4.11.0",
|
|
46
46
|
"@material-ui/pickers": "^3.2.10",
|
|
47
47
|
"@react-native-community/slider": "4.2.3",
|
|
@@ -81,5 +81,5 @@
|
|
|
81
81
|
]
|
|
82
82
|
]
|
|
83
83
|
},
|
|
84
|
-
"gitHead": "
|
|
84
|
+
"gitHead": "c08f1d793554c0f0823dc9191b37bca278735fd0"
|
|
85
85
|
}
|
|
@@ -3,7 +3,9 @@ import { View, Text } from "react-native";
|
|
|
3
3
|
import { isNumber } from "lodash";
|
|
4
4
|
import { withTheme } from "../theming";
|
|
5
5
|
import IconButton from "./IconButton";
|
|
6
|
-
|
|
6
|
+
import { extractStyles } from "../utilities";
|
|
7
|
+
const Stepper = ({ min = -Infinity, max = Infinity, value: valueProp, defaultValue, style, iconSize = 24, iconColor, onChange, theme: { colors, typography }, Icon, }) => {
|
|
8
|
+
const { viewStyles, textStyles } = extractStyles(style);
|
|
7
9
|
const [value, setValue] = useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : 0);
|
|
8
10
|
const isValidValue = (valueArg) => valueArg >= min && valueArg <= max;
|
|
9
11
|
const handlePlusOrMinus = (type) => {
|
|
@@ -22,7 +24,7 @@ const Stepper = ({ min = -Infinity, max = Infinity, value: valueProp, defaultVal
|
|
|
22
24
|
}
|
|
23
25
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
24
26
|
}, [valueProp]);
|
|
25
|
-
return (React.createElement(View, { style: [{ flexDirection: "row" },
|
|
27
|
+
return (React.createElement(View, { style: [{ flexDirection: "row" }, viewStyles] },
|
|
26
28
|
React.createElement(IconButton, { Icon: Icon, icon: "MaterialIcons/remove", onPress: () => handlePlusOrMinus("minus"), size: iconSize, color: iconColor, disabled: value === min, style: { opacity: value === min ? 0.5 : 1 } }),
|
|
27
29
|
React.createElement(Text, { style: [
|
|
28
30
|
typography.body1,
|
|
@@ -32,7 +34,7 @@ const Stepper = ({ min = -Infinity, max = Infinity, value: valueProp, defaultVal
|
|
|
32
34
|
color: colors.medium,
|
|
33
35
|
marginHorizontal: 8,
|
|
34
36
|
},
|
|
35
|
-
|
|
37
|
+
textStyles,
|
|
36
38
|
] }, value),
|
|
37
39
|
React.createElement(IconButton, { Icon: Icon, icon: "MaterialIcons/add", onPress: () => handlePlusOrMinus("plus"), size: iconSize, color: iconColor, disabled: value === max, style: { opacity: value === max ? 0.5 : 1 } })));
|
|
38
40
|
};
|
|
@@ -6,14 +6,14 @@ import { withTheme } from "../theming";
|
|
|
6
6
|
import type { Theme } from "../styles/DefaultTheme";
|
|
7
7
|
import type { IconSlot } from "../interfaces/Icon";
|
|
8
8
|
import IconButton from "./IconButton";
|
|
9
|
+
import { extractStyles } from "../utilities";
|
|
9
10
|
|
|
10
11
|
type Props = {
|
|
11
12
|
min: number;
|
|
12
13
|
max: number;
|
|
13
14
|
value?: number;
|
|
14
15
|
defaultValue?: number;
|
|
15
|
-
style?: StyleProp<ViewStyle>;
|
|
16
|
-
typeStyle?: StyleProp<TextStyle>;
|
|
16
|
+
style?: StyleProp<ViewStyle | TextStyle>;
|
|
17
17
|
iconSize: number;
|
|
18
18
|
iconColor?: string;
|
|
19
19
|
onChange?: (value: number) => void;
|
|
@@ -26,13 +26,13 @@ const Stepper: FC<Props> = ({
|
|
|
26
26
|
value: valueProp,
|
|
27
27
|
defaultValue,
|
|
28
28
|
style,
|
|
29
|
-
typeStyle,
|
|
30
29
|
iconSize = 24,
|
|
31
30
|
iconColor,
|
|
32
31
|
onChange,
|
|
33
32
|
theme: { colors, typography },
|
|
34
33
|
Icon,
|
|
35
34
|
}) => {
|
|
35
|
+
const { viewStyles, textStyles } = extractStyles(style);
|
|
36
36
|
const [value, setValue] = useState(defaultValue ?? 0);
|
|
37
37
|
|
|
38
38
|
const isValidValue = (valueArg: number) => valueArg >= min && valueArg <= max;
|
|
@@ -59,7 +59,7 @@ const Stepper: FC<Props> = ({
|
|
|
59
59
|
}, [valueProp]);
|
|
60
60
|
|
|
61
61
|
return (
|
|
62
|
-
<View style={[{ flexDirection: "row" },
|
|
62
|
+
<View style={[{ flexDirection: "row" }, viewStyles]}>
|
|
63
63
|
<IconButton
|
|
64
64
|
Icon={Icon}
|
|
65
65
|
icon="MaterialIcons/remove"
|
|
@@ -79,7 +79,7 @@ const Stepper: FC<Props> = ({
|
|
|
79
79
|
color: colors.medium,
|
|
80
80
|
marginHorizontal: 8,
|
|
81
81
|
},
|
|
82
|
-
|
|
82
|
+
textStyles,
|
|
83
83
|
]}
|
|
84
84
|
>
|
|
85
85
|
{value}
|
|
@@ -1,27 +1,10 @@
|
|
|
1
|
-
import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES,
|
|
1
|
+
import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, } from "@draftbit/types";
|
|
2
2
|
export const SEED_DATA = {
|
|
3
3
|
name: "Audio Player",
|
|
4
4
|
tag: "AudioPlayer",
|
|
5
5
|
description: "Given a source URL, plays sounds & audio!",
|
|
6
6
|
category: COMPONENT_TYPES.media,
|
|
7
|
-
|
|
8
|
-
StylesPanelSections.Typography,
|
|
9
|
-
StylesPanelSections.Background,
|
|
10
|
-
StylesPanelSections.Borders,
|
|
11
|
-
StylesPanelSections.Size,
|
|
12
|
-
StylesPanelSections.MarginsAndPaddings,
|
|
13
|
-
StylesPanelSections.Position,
|
|
14
|
-
],
|
|
15
|
-
layout: {
|
|
16
|
-
backgroundColor: "#eee",
|
|
17
|
-
paddingLeft: 16,
|
|
18
|
-
paddingRight: 16,
|
|
19
|
-
paddingTop: 8,
|
|
20
|
-
paddingBottom: 8,
|
|
21
|
-
borderRadius: 24,
|
|
22
|
-
flexDirection: "row",
|
|
23
|
-
alignItems: "center",
|
|
24
|
-
},
|
|
7
|
+
layout: {},
|
|
25
8
|
props: {
|
|
26
9
|
source: {
|
|
27
10
|
group: GROUPS.data,
|
|
@@ -33,25 +16,5 @@ export const SEED_DATA = {
|
|
|
33
16
|
formType: FORM_TYPES.sourceUrl,
|
|
34
17
|
propType: PROP_TYPES.OBJECT,
|
|
35
18
|
},
|
|
36
|
-
sliderColor: createColorProp({
|
|
37
|
-
label: "Thumb Color",
|
|
38
|
-
defaultValue: "strong",
|
|
39
|
-
}),
|
|
40
|
-
completedTrackColor: createColorProp({
|
|
41
|
-
label: "Completed Track Color",
|
|
42
|
-
defaultValue: "background",
|
|
43
|
-
}),
|
|
44
|
-
remainingTrackColor: createColorProp({
|
|
45
|
-
label: "Remaining Track Color",
|
|
46
|
-
defaultValue: "light",
|
|
47
|
-
}),
|
|
48
|
-
trackThumbSize: createNumberProp({
|
|
49
|
-
label: "Thumb Size",
|
|
50
|
-
defaultValue: 24,
|
|
51
|
-
}),
|
|
52
|
-
playIconColor: createColorProp({
|
|
53
|
-
label: "Play Icon Color",
|
|
54
|
-
defaultValue: "strong",
|
|
55
|
-
}),
|
|
56
19
|
},
|
|
57
20
|
};
|
|
@@ -3,9 +3,6 @@ import {
|
|
|
3
3
|
COMPONENT_TYPES,
|
|
4
4
|
FORM_TYPES,
|
|
5
5
|
PROP_TYPES,
|
|
6
|
-
StylesPanelSections,
|
|
7
|
-
createColorProp,
|
|
8
|
-
createNumberProp,
|
|
9
6
|
} from "@draftbit/types";
|
|
10
7
|
|
|
11
8
|
export const SEED_DATA = {
|
|
@@ -13,24 +10,7 @@ export const SEED_DATA = {
|
|
|
13
10
|
tag: "AudioPlayer",
|
|
14
11
|
description: "Given a source URL, plays sounds & audio!",
|
|
15
12
|
category: COMPONENT_TYPES.media,
|
|
16
|
-
|
|
17
|
-
StylesPanelSections.Typography,
|
|
18
|
-
StylesPanelSections.Background,
|
|
19
|
-
StylesPanelSections.Borders,
|
|
20
|
-
StylesPanelSections.Size,
|
|
21
|
-
StylesPanelSections.MarginsAndPaddings,
|
|
22
|
-
StylesPanelSections.Position,
|
|
23
|
-
],
|
|
24
|
-
layout: {
|
|
25
|
-
backgroundColor: "#eee",
|
|
26
|
-
paddingLeft: 16,
|
|
27
|
-
paddingRight: 16,
|
|
28
|
-
paddingTop: 8,
|
|
29
|
-
paddingBottom: 8,
|
|
30
|
-
borderRadius: 24,
|
|
31
|
-
flexDirection: "row",
|
|
32
|
-
alignItems: "center",
|
|
33
|
-
},
|
|
13
|
+
layout: {},
|
|
34
14
|
props: {
|
|
35
15
|
source: {
|
|
36
16
|
group: GROUPS.data,
|
|
@@ -43,25 +23,5 @@ export const SEED_DATA = {
|
|
|
43
23
|
formType: FORM_TYPES.sourceUrl,
|
|
44
24
|
propType: PROP_TYPES.OBJECT,
|
|
45
25
|
},
|
|
46
|
-
sliderColor: createColorProp({
|
|
47
|
-
label: "Thumb Color",
|
|
48
|
-
defaultValue: "strong",
|
|
49
|
-
}),
|
|
50
|
-
completedTrackColor: createColorProp({
|
|
51
|
-
label: "Completed Track Color",
|
|
52
|
-
defaultValue: "background",
|
|
53
|
-
}),
|
|
54
|
-
remainingTrackColor: createColorProp({
|
|
55
|
-
label: "Remaining Track Color",
|
|
56
|
-
defaultValue: "light",
|
|
57
|
-
}),
|
|
58
|
-
trackThumbSize: createNumberProp({
|
|
59
|
-
label: "Thumb Size",
|
|
60
|
-
defaultValue: 24,
|
|
61
|
-
}),
|
|
62
|
-
playIconColor: createColorProp({
|
|
63
|
-
label: "Play Icon Color",
|
|
64
|
-
defaultValue: "strong",
|
|
65
|
-
}),
|
|
66
26
|
},
|
|
67
27
|
};
|
package/src/mappings/Stepper.js
CHANGED
|
@@ -1,11 +1,14 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, createIconSizeProp, createColorProp, createFieldNameProp, createStaticNumberProp, Triggers, BLOCK_STYLES_SECTIONS, } from "@draftbit/types";
|
|
1
|
+
import { COMPONENT_TYPES, createIconSizeProp, createColorProp, createFieldNameProp, createStaticNumberProp, Triggers, BLOCK_STYLES_SECTIONS, StylesPanelSections, } from "@draftbit/types";
|
|
2
2
|
export const SEED_DATA = [
|
|
3
3
|
{
|
|
4
4
|
name: "Stepper",
|
|
5
5
|
tag: "Stepper",
|
|
6
6
|
description: "A component used to control the quantity of something",
|
|
7
7
|
category: COMPONENT_TYPES.control,
|
|
8
|
-
stylesPanelSections:
|
|
8
|
+
stylesPanelSections: [
|
|
9
|
+
...BLOCK_STYLES_SECTIONS,
|
|
10
|
+
StylesPanelSections.Typography,
|
|
11
|
+
],
|
|
9
12
|
layout: {},
|
|
10
13
|
triggers: [Triggers.OnChange],
|
|
11
14
|
props: {
|
package/src/mappings/Stepper.ts
CHANGED
|
@@ -6,6 +6,7 @@ import {
|
|
|
6
6
|
createStaticNumberProp,
|
|
7
7
|
Triggers,
|
|
8
8
|
BLOCK_STYLES_SECTIONS,
|
|
9
|
+
StylesPanelSections,
|
|
9
10
|
} from "@draftbit/types";
|
|
10
11
|
|
|
11
12
|
export const SEED_DATA = [
|
|
@@ -14,7 +15,10 @@ export const SEED_DATA = [
|
|
|
14
15
|
tag: "Stepper",
|
|
15
16
|
description: "A component used to control the quantity of something",
|
|
16
17
|
category: COMPONENT_TYPES.control,
|
|
17
|
-
stylesPanelSections:
|
|
18
|
+
stylesPanelSections: [
|
|
19
|
+
...BLOCK_STYLES_SECTIONS,
|
|
20
|
+
StylesPanelSections.Typography,
|
|
21
|
+
],
|
|
18
22
|
layout: {},
|
|
19
23
|
triggers: [Triggers.OnChange],
|
|
20
24
|
props: {
|