@draftbit/core 46.7.9-9ade8f.2 → 46.7.9-b07e7a.2

package/src/index.js

@@ -31,6 +31,7 @@ export { ActionSheet, ActionSheetItem, ActionSheetCancel, } from "./components/A
 export { Swiper, SwiperItem } from "./components/Swiper";
 export { Center, Circle, Square, Row, Stack, Spacer, } from "./components/Layout";
 export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup, } from "./components/RadioButton/index";
+export { DeckSwiper, DeckSwiperCard } from "./components/DeckSwiper";
 /* Deprecated: Fix or Delete!  */
 export { default as DatePicker } from "./components/DatePicker/DatePicker";
 export { default as Picker } from "./components/Picker/Picker";

package/src/index.tsx

@@ -51,6 +51,8 @@ export {
   RadioButtonFieldGroup,
 } from "./components/RadioButton/index";
 
+export { DeckSwiper, DeckSwiperCard } from "./components/DeckSwiper";
+
 /* Deprecated: Fix or Delete!  */
 export { default as DatePicker } from "./components/DatePicker/DatePicker";
 export { default as Picker } from "./components/Picker/Picker";

package/src/mappings/DatePicker.js

@@ -31,7 +31,8 @@ const SEED_DATA_PROPS = {
         label: "Border Color",
     }),
     borderColorActive: createColorProp({
-        label: "Border Color",
+        label: "Active Border Color",
+        description: "Color of border when date picker is active",
     }),
     format: {
         label: "Format",

package/src/mappings/DatePicker.ts

@@ -43,7 +43,8 @@ const SEED_DATA_PROPS = {
     label: "Border Color",
   }),
   borderColorActive: createColorProp({
-    label: "Border Color",
+    label: "Active Border Color",
+    description: "Color of border when date picker is active",
   }),
   format: {
     label: "Format",

package/src/mappings/DeckSwiper.js

@@ -0,0 +1,48 @@
+import { COMPONENT_TYPES, Triggers, createActionProp, createStaticNumberProp, createStaticBoolProp, BLOCK_STYLES_SECTIONS, } from "@draftbit/types";
+export const SEED_DATA = {
+    name: "Deck Swiper",
+    tag: "DeckSwiper",
+    description: "Deck swiper container",
+    category: COMPONENT_TYPES.swiper,
+    stylesPanelSections: BLOCK_STYLES_SECTIONS,
+    layout: {
+        width: "100%",
+    },
+    triggers: [Triggers.OnIndexChanged, Triggers.OnEndReached],
+    props: {
+        onIndexChanged: createActionProp({
+            label: "On index changed",
+            description: "Action to execute when swipe to new index",
+        }),
+        onEndReached: createActionProp({
+            label: "On end reached",
+            description: "Action to execute when end of swiping reached",
+        }),
+        startCardIndex: createStaticNumberProp({
+            label: "Start card index",
+            description: "Index of card to start swiping from",
+            defaultValue: 0,
+        }),
+        infiniteSwiping: createStaticBoolProp({
+            label: "Infinite swiping",
+            description: "Whether to infinitley loop through cards or not",
+        }),
+        verticalEnabled: createStaticBoolProp({
+            label: "Vertical swipe enabled",
+            description: "Whether cards should be swipeable vertically or not",
+            defaultValue: true,
+        }),
+        horizontalEnabled: createStaticBoolProp({
+            label: "Horizontal swipe enabled",
+            description: "Whether cards should be swipeable horizontally or not",
+            defaultValue: true,
+        }),
+        visibleCardCount: createStaticNumberProp({
+            label: "Visible card count",
+            description: "Number of cards visible behind (and including) the current card",
+            defaultValue: 1,
+            min: 1,
+            step: 1,
+        }),
+    },
+};

package/src/mappings/DeckSwiper.ts

@@ -0,0 +1,57 @@
+import {
+  COMPONENT_TYPES,
+  Triggers,
+  createActionProp,
+  createStaticNumberProp,
+  createStaticBoolProp,
+  BLOCK_STYLES_SECTIONS,
+} from "@draftbit/types";
+
+export const SEED_DATA = {
+  name: "Deck Swiper",
+  tag: "DeckSwiper",
+  description: "Deck swiper container",
+  category: COMPONENT_TYPES.swiper,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
+  layout: {
+    width: "100%",
+  },
+  triggers: [Triggers.OnIndexChanged, Triggers.OnEndReached],
+  props: {
+    onIndexChanged: createActionProp({
+      label: "On index changed",
+      description: "Action to execute when swipe to new index",
+    }),
+    onEndReached: createActionProp({
+      label: "On end reached",
+      description: "Action to execute when end of swiping reached",
+    }),
+    startCardIndex: createStaticNumberProp({
+      label: "Start card index",
+      description: "Index of card to start swiping from",
+      defaultValue: 0,
+    }),
+    infiniteSwiping: createStaticBoolProp({
+      label: "Infinite swiping",
+      description: "Whether to infinitley loop through cards or not",
+    }),
+    verticalEnabled: createStaticBoolProp({
+      label: "Vertical swipe enabled",
+      description: "Whether cards should be swipeable vertically or not",
+      defaultValue: true,
+    }),
+    horizontalEnabled: createStaticBoolProp({
+      label: "Horizontal swipe enabled",
+      description: "Whether cards should be swipeable horizontally or not",
+      defaultValue: true,
+    }),
+    visibleCardCount: createStaticNumberProp({
+      label: "Visible card count",
+      description:
+        "Number of cards visible behind (and including) the current card",
+      defaultValue: 1,
+      min: 1,
+      step: 1,
+    }),
+  },
+};

package/src/mappings/DeckSwiperCard.js

@@ -0,0 +1,16 @@
+import { COMPONENT_TYPES, CONTAINER_COMPONENT_STYLES_SECTIONS, } from "@draftbit/types";
+export const SEED_DATA = {
+    name: "Deck Swiper Card",
+    tag: "DeckSwiperCard",
+    description: "Single Deck Swiper Card item to be used in DeckSwiper",
+    category: COMPONENT_TYPES.swiper,
+    stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
+    layout: {
+        flex: 1,
+        alignItems: "center",
+        justifyContent: "center",
+        padding: 20,
+        borderWidth: 2,
+    },
+    props: {},
+};

package/src/mappings/DeckSwiperCard.ts

@@ -0,0 +1,20 @@
+import {
+  COMPONENT_TYPES,
+  CONTAINER_COMPONENT_STYLES_SECTIONS,
+} from "@draftbit/types";
+
+export const SEED_DATA = {
+  name: "Deck Swiper Card",
+  tag: "DeckSwiperCard",
+  description: "Single Deck Swiper Card item to be used in DeckSwiper",
+  category: COMPONENT_TYPES.swiper,
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
+  layout: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    padding: 20,
+    borderWidth: 2,
+  },
+  props: {},
+};