@draftbit/core 46.7.9-437259.2 → 46.7.9-57e94b.2

package/lib/typescript/src/mappings/DatePickerModal.d.ts

@@ -0,0 +1,241 @@
+export declare const SEED_DATA: ({
+    name: string;
+    description: string;
+    props: {
+        onConfirm: {
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            formType: string;
+            propType: string;
+            defaultValue: null;
+            group: string;
+        };
+        onChange: {
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            formType: string;
+            propType: string;
+            defaultValue: null;
+            group: string;
+        };
+        mode: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            formType: string;
+            propType: string;
+            defaultValue: null;
+            options: never[];
+        };
+        fieldName: {
+            handlerPropName: string;
+            group: string;
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: string;
+            valuePropName: string;
+            editable: boolean;
+            required: boolean;
+        };
+        onDismiss: {
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            formType: string;
+            propType: string;
+            defaultValue: null;
+            group: string;
+        };
+        locale: any;
+        visible: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        label: any;
+        saveLabel: any;
+        saveLabelDisabled: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        uppercase: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        startYear: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            group: string;
+            defaultValue: null;
+            editable: boolean;
+            required: boolean;
+            step: number;
+        };
+        endYear: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            group: string;
+            defaultValue: null;
+            editable: boolean;
+            required: boolean;
+            step: number;
+        };
+    };
+    tag: string;
+    packageName: string;
+    triggers: string[];
+    category: string;
+    StylesPanelSections: string[];
+} | {
+    name: string;
+    description: string;
+    props: {
+        onConfirm: {
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            formType: string;
+            propType: string;
+            defaultValue: null;
+            group: string;
+        };
+        onChange: {
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            formType: string;
+            propType: string;
+            defaultValue: null;
+            group: string;
+        };
+        mode: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            formType: string;
+            propType: string;
+            defaultValue: null;
+            options: never[];
+        };
+        moreLabel: any;
+        startLabel: any;
+        endLabel: any;
+        fieldName: {
+            handlerPropName: string;
+            group: string;
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: string;
+            valuePropName: string;
+            editable: boolean;
+            required: boolean;
+        };
+        onDismiss: {
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            formType: string;
+            propType: string;
+            defaultValue: null;
+            group: string;
+        };
+        locale: any;
+        visible: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        label: any;
+        saveLabel: any;
+        saveLabelDisabled: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        uppercase: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        startYear: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            group: string;
+            defaultValue: null;
+            editable: boolean;
+            required: boolean;
+            step: number;
+        };
+        endYear: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            group: string;
+            defaultValue: null;
+            editable: boolean;
+            required: boolean;
+            step: number;
+        };
+    };
+    tag: string;
+    packageName: string;
+    triggers: string[];
+    category: string;
+    StylesPanelSections: string[];
+})[];
+//# sourceMappingURL=DatePickerModal.d.ts.map

package/lib/typescript/src/mappings/DatePickerModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerModal.d.ts","sourceRoot":"","sources":["../../../../src/mappings/DatePickerModal.ts"],"names":[],"mappings":"AA0FA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAoFrB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.7.9-437259.2+437259f",
+  "version": "46.7.9-57e94b.2+57e94bb",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -41,7 +41,7 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^46.7.9-437259.2+437259f",
+    "@draftbit/types": "^46.7.9-57e94b.2+57e94bb",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.3",
@@ -53,8 +53,8 @@
     "lodash.isnumber": "^3.0.3",
     "lodash.omit": "^4.5.0",
     "lodash.tonumber": "^4.0.3",
-    "react-native-deck-swiper": "^2.0.12",
     "react-native-modal-datetime-picker": "^13.0.0",
+    "react-native-paper-dates": "^0.12.0",
     "react-native-svg": "12.3.0",
     "react-native-typography": "^1.4.1",
     "react-native-web-swiper": "^2.2.3"
@@ -92,5 +92,5 @@
       ]
     ]
   },
-  "gitHead": "437259f8dc889b1b26cadfda9f0a30caa2788d25"
+  "gitHead": "57e94bb598c22c342071a6b52dd51b721098d85c"
 }

package/src/index.js

@@ -31,7 +31,6 @@ 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,8 +51,6 @@ 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/DatePickerModal.js

@@ -0,0 +1,152 @@
+import { COMPONENT_TYPES, FORM_TYPES, Triggers, StylesPanelSections, createBoolProp, createTextProp, createTextEnumProp, createStaticBoolProp, createStaticNumberProp, createFieldNameProp, createActionProp, GROUPS, } from "@draftbit/types";
+/**
+ * Maps react-native-paper-dates DatePickerModal in modes: "single" and "multiple"
+ * Cannot map mode "range" because it relies on 2 fieldNames (startDate and endDate)
+ */
+const SHARED_SEED_DATA = {
+    tag: "DatePickerModal",
+    packageName: "react-native-paper-dates",
+    triggers: [Triggers.OnDismiss, Triggers.OnConfirm, Triggers.OnChange],
+    category: COMPONENT_TYPES.input,
+    StylesPanelSections: [
+        StylesPanelSections.Typography,
+        StylesPanelSections.Background,
+        StylesPanelSections.Size,
+        StylesPanelSections.MarginsAndPaddings,
+        StylesPanelSections.Position,
+    ],
+};
+const SHARED_SEED_DATA_PROPS = {
+    onDismiss: createActionProp({
+        label: "On Dismiss",
+        description: "Called when date picker dimissed",
+        required: true,
+    }),
+    locale: createTextProp({
+        label: "Locale",
+        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",
+        defaultValue: "en",
+        required: true,
+        group: GROUPS.basic,
+    }),
+    visible: createBoolProp({
+        label: "Visible",
+        description: "Flag indicating if the component should be displayed",
+        required: true,
+    }),
+    label: createTextProp({
+        label: "Label",
+        description: "The label used as the header in the component",
+        defaultValue: "Select date",
+        group: GROUPS.basic,
+    }),
+    saveLabel: createTextProp({
+        label: "Save Label",
+        description: "Label used to confirm a date selection",
+        defaultValue: "Save",
+        group: GROUPS.basic,
+    }),
+    saveLabelDisabled: createStaticBoolProp({
+        label: "Disable Save Label",
+        description: "Flag indicating if the save label should be disabled and unable to receive events",
+    }),
+    uppercase: createStaticBoolProp({
+        label: "Uppercase",
+        description: "Flag indicating if the text in the component should be uppercase",
+        defaultValue: true,
+    }),
+    startYear: createStaticNumberProp({
+        label: "Start Year",
+        description: "The start year when the component is rendered",
+        required: false,
+        defaultValue: 1800,
+    }),
+    endYear: createStaticNumberProp({
+        label: "End Year",
+        description: "The end year when the component is rendered",
+        required: false,
+        defaultValue: 2200,
+    }),
+};
+export const SEED_DATA = [
+    {
+        ...SHARED_SEED_DATA,
+        name: "Date Picker Modal",
+        description: "Date Picker modal for date selection",
+        props: {
+            ...SHARED_SEED_DATA_PROPS,
+            onConfirm: createActionProp({
+                label: "On Confirm",
+                description: "Called when date selected and confirmed",
+                required: true,
+            }),
+            onChange: createActionProp({
+                label: "On Change",
+                description: "Called when date selection changes",
+            }),
+            mode: createTextEnumProp({
+                label: "Mode",
+                description: "The selection mode of the date picker",
+                required: true,
+                options: ["single"],
+                editable: false,
+                defaultValue: "single",
+                formType: FORM_TYPES.flatArray,
+            }),
+            fieldName: createFieldNameProp({
+                defaultValue: "date",
+                handlerPropName: "onConfirm",
+                valuePropName: "date",
+            }),
+        },
+    },
+    {
+        ...SHARED_SEED_DATA,
+        name: "Multiple Date Picker Modal",
+        description: "Date Picker modal for multiple date selection",
+        props: {
+            ...SHARED_SEED_DATA_PROPS,
+            onConfirm: createActionProp({
+                label: "On Confirm",
+                description: "Called when dates selected and confirmed",
+                required: true,
+            }),
+            onChange: createActionProp({
+                label: "On Change",
+                description: "Called when dates selection changes",
+            }),
+            mode: createTextEnumProp({
+                label: "Mode",
+                description: "The selection mode of the date picker",
+                required: true,
+                options: ["multiple"],
+                editable: false,
+                defaultValue: "multiple",
+                formType: FORM_TYPES.flatArray,
+            }),
+            moreLabel: createTextProp({
+                label: "More Label",
+                description: "The label used display when multiple dates have been selected in the component",
+                defaultValue: "More",
+                group: GROUPS.basic,
+            }),
+            startLabel: createTextProp({
+                label: "Start Label",
+                description: "The label used as the prefix to the starting date in the component",
+                defaultValue: "Start",
+                group: GROUPS.basic,
+            }),
+            endLabel: createTextProp({
+                label: "End Label",
+                description: "The label used as the suffix to the ending date in the component",
+                defaultValue: "End",
+                group: GROUPS.basic,
+            }),
+            fieldName: createFieldNameProp({
+                defaultValue: "dates",
+                handlerPropName: "onConfirm",
+                valuePropName: "dates",
+            }),
+        },
+    },
+];

package/src/mappings/DatePickerModal.ts

@@ -0,0 +1,175 @@
+import {
+  COMPONENT_TYPES,
+  FORM_TYPES,
+  Triggers,
+  StylesPanelSections,
+  createBoolProp,
+  createTextProp,
+  createTextEnumProp,
+  createStaticBoolProp,
+  createStaticNumberProp,
+  createFieldNameProp,
+  createActionProp,
+  GROUPS,
+} from "@draftbit/types";
+
+/**
+ * Maps react-native-paper-dates DatePickerModal in modes: "single" and "multiple"
+ * Cannot map mode "range" because it relies on 2 fieldNames (startDate and endDate)
+ */
+
+const SHARED_SEED_DATA = {
+  tag: "DatePickerModal",
+  packageName: "react-native-paper-dates",
+  triggers: [Triggers.OnDismiss, Triggers.OnConfirm, Triggers.OnChange],
+  category: COMPONENT_TYPES.input,
+  StylesPanelSections: [
+    StylesPanelSections.Typography,
+    StylesPanelSections.Background,
+    StylesPanelSections.Size,
+    StylesPanelSections.MarginsAndPaddings,
+    StylesPanelSections.Position,
+  ],
+};
+
+const SHARED_SEED_DATA_PROPS = {
+  onDismiss: createActionProp({
+    label: "On Dismiss",
+    description: "Called when date picker dimissed",
+    required: true,
+  }),
+  locale: createTextProp({
+    label: "Locale",
+    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",
+    defaultValue: "en",
+    required: true,
+    group: GROUPS.basic,
+  }),
+  visible: createBoolProp({
+    label: "Visible",
+    description: "Flag indicating if the component should be displayed",
+    required: true,
+  }),
+  label: createTextProp({
+    label: "Label",
+    description: "The label used as the header in the component",
+    defaultValue: "Select date",
+    group: GROUPS.basic,
+  }),
+  saveLabel: createTextProp({
+    label: "Save Label",
+    description: "Label used to confirm a date selection",
+    defaultValue: "Save",
+    group: GROUPS.basic,
+  }),
+  saveLabelDisabled: createStaticBoolProp({
+    label: "Disable Save Label",
+    description:
+      "Flag indicating if the save label should be disabled and unable to receive events",
+  }),
+  uppercase: createStaticBoolProp({
+    label: "Uppercase",
+    description:
+      "Flag indicating if the text in the component should be uppercase",
+    defaultValue: true,
+  }),
+  startYear: createStaticNumberProp({
+    label: "Start Year",
+    description: "The start year when the component is rendered",
+    required: false,
+    defaultValue: 1800,
+  }),
+  endYear: createStaticNumberProp({
+    label: "End Year",
+    description: "The end year when the component is rendered",
+    required: false,
+    defaultValue: 2200,
+  }),
+};
+
+export const SEED_DATA = [
+  {
+    ...SHARED_SEED_DATA,
+    name: "Date Picker Modal",
+    description: "Date Picker modal for date selection",
+    props: {
+      ...SHARED_SEED_DATA_PROPS,
+      onConfirm: createActionProp({
+        label: "On Confirm",
+        description: "Called when date selected and confirmed",
+        required: true,
+      }),
+      onChange: createActionProp({
+        label: "On Change",
+        description: "Called when date selection changes",
+      }),
+      mode: createTextEnumProp({
+        label: "Mode",
+        description: "The selection mode of the date picker",
+        required: true,
+        options: ["single"],
+        editable: false,
+        defaultValue: "single",
+        formType: FORM_TYPES.flatArray,
+      }),
+      fieldName: createFieldNameProp({
+        defaultValue: "date",
+        handlerPropName: "onConfirm",
+        valuePropName: "date",
+      }),
+    },
+  },
+  {
+    ...SHARED_SEED_DATA,
+    name: "Multiple Date Picker Modal",
+    description: "Date Picker modal for multiple date selection",
+    props: {
+      ...SHARED_SEED_DATA_PROPS,
+      onConfirm: createActionProp({
+        label: "On Confirm",
+        description: "Called when dates selected and confirmed",
+        required: true,
+      }),
+      onChange: createActionProp({
+        label: "On Change",
+        description: "Called when dates selection changes",
+      }),
+      mode: createTextEnumProp({
+        label: "Mode",
+        description: "The selection mode of the date picker",
+        required: true,
+        options: ["multiple"],
+        editable: false,
+        defaultValue: "multiple",
+        formType: FORM_TYPES.flatArray,
+      }),
+      moreLabel: createTextProp({
+        label: "More Label",
+        description:
+          "The label used display when multiple dates have been selected in the component",
+        defaultValue: "More",
+        group: GROUPS.basic,
+      }),
+      startLabel: createTextProp({
+        label: "Start Label",
+        description:
+          "The label used as the prefix to the starting date in the component",
+        defaultValue: "Start",
+        group: GROUPS.basic,
+      }),
+      endLabel: createTextProp({
+        label: "End Label",
+        description:
+          "The label used as the suffix to the ending date in the component",
+        defaultValue: "End",
+        group: GROUPS.basic,
+      }),
+      fieldName: createFieldNameProp({
+        defaultValue: "dates",
+        handlerPropName: "onConfirm",
+        valuePropName: "dates",
+      }),
+    },
+  },
+];

package/lib/commonjs/components/DeckSwiper/DeckSwiper.js

@@ -1,73 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _reactNativeDeckSwiper = _interopRequireDefault(require("react-native-deck-swiper"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const DeckSwiper = _ref => {
-  let {
-    onIndexChanged,
-    onEndReached,
-    startCardIndex = 0,
-    infiniteSwiping = false,
-    verticalEnabled = true,
-    horizontalEnabled = true,
-    visibleCardCount = 1,
-    style,
-    children
-  } = _ref;
-  const childrenArray = _react.default.useMemo(() => _react.default.Children.toArray(children), [children]);
-
-  // an array of indices based on children count
-  const cardsFillerData = _react.default.useMemo(() => Array.from(Array(childrenArray.length).keys()), [childrenArray]);
-
-  /**
-   * By default react-native-deck-swiper positions everything with absolute position
-   * To overcome this, it is wrapped in a View to be able to add the component in any layout structure
-   *
-   * Since all children of that View are absolutley positioned, the View does not have a height and still looks and behaves weird
-   * To fix/mitage this without setting a static height, the first card is rendered in invisible state to take up space
-   * This effectivley makes the default height of the container be the height of the first card
-   */
-
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.containerHeightFiller
-  }, childrenArray.length && childrenArray[0]), /*#__PURE__*/_react.default.createElement(_reactNativeDeckSwiper.default, {
-    cards: cardsFillerData,
-    renderCard: (_, i) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, childrenArray[i]),
-    keyExtractor: card => card === null || card === void 0 ? void 0 : card.toString(),
-    containerStyle: _reactNative.StyleSheet.flatten([styles.cardsContainer, style]),
-    cardStyle: styles.card,
-    onSwiped: onIndexChanged,
-    onSwipedAll: onEndReached,
-    cardIndex: startCardIndex,
-    infinite: infiniteSwiping,
-    verticalSwipe: verticalEnabled,
-    horizontalSwipe: horizontalEnabled,
-    showSecondCard: visibleCardCount > 1,
-    stackSize: visibleCardCount,
-    backgroundColor: "transparent",
-    cardVerticalMargin: 0,
-    cardHorizontalMargin: 0
-  }));
-};
-const styles = _reactNative.StyleSheet.create({
-  cardsContainer: {
-    width: "100%"
-  },
-  card: {
-    left: 0,
-    right: 0,
-    width: "auto",
-    height: "auto"
-  },
-  containerHeightFiller: {
-    opacity: 0.0
-  }
-});
-var _default = DeckSwiper;
-exports.default = _default;