@draftbit/core 46.7.9-b47217.2 → 46.7.9-bca9cf.2

package/src/mappings/Picker.ts

@@ -8,6 +8,7 @@ import {
   createIconSizeProp,
   createColorProp,
   StylesPanelSections,
+  createStaticBoolProp,
 } from "@draftbit/types";
 
 const SEED_DATA_PROPS = {
@@ -157,6 +158,11 @@ export const SEED_DATA = [
       },
       iconSize: createIconSizeProp({ defaultValue: 24 }),
       iconColor: createColorProp({ label: "Icon Color" }),
+      autoDismissKeyboard: createStaticBoolProp({
+        label: "Auto dismiss keyboard",
+        description: "Automatically dismiss keyboard when Picker is opened",
+        defaultValue: true,
+      }),
     },
     layout: {},
   },

package/lib/commonjs/mappings/DatePickerModal.js

@@ -1,145 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-var _types = require("@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: [_types.Triggers.OnDismiss, _types.Triggers.OnConfirm, _types.Triggers.OnChange],
-  category: _types.COMPONENT_TYPES.input,
-  StylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position]
-};
-const SHARED_SEED_DATA_PROPS = {
-  onDismiss: (0, _types.createActionProp)({
-    label: "On Dismiss",
-    description: "Called when date picker dimissed",
-    required: true
-  }),
-  locale: (0, _types.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
-  }),
-  visible: (0, _types.createBoolProp)({
-    label: "Visible",
-    description: "Flag indicating if the component should be displayed",
-    required: true
-  }),
-  label: (0, _types.createTextProp)({
-    label: "Label",
-    description: "The label used as the header in the component",
-    defaultValue: "Select date"
-  }),
-  saveLabel: (0, _types.createTextProp)({
-    label: "Save Label",
-    description: "Label used to confirm a date selection",
-    defaultValue: "Save"
-  }),
-  saveLabelDisabled: (0, _types.createStaticBoolProp)({
-    label: "Disable Save Label",
-    description: "Flag indicating if the save label should be disabled and unable to receive events"
-  }),
-  uppercase: (0, _types.createStaticBoolProp)({
-    label: "Uppercase",
-    description: "Flag indicating if the text in the component should be uppercase",
-    defaultValue: true
-  }),
-  startYear: (0, _types.createStaticNumberProp)({
-    label: "Start Year",
-    description: "The start year when the component is rendered",
-    required: false,
-    defaultValue: 1800
-  }),
-  endYear: (0, _types.createStaticNumberProp)({
-    label: "End Year",
-    description: "The end year when the component is rendered",
-    required: false,
-    defaultValue: 2200
-  })
-};
-const SEED_DATA = [{
-  ...SHARED_SEED_DATA,
-  name: "Date Picker Modal",
-  description: "Date Picker modal for date selection",
-  props: {
-    ...SHARED_SEED_DATA_PROPS,
-    onConfirm: (0, _types.createActionProp)({
-      label: "On Confirm",
-      description: "Called when date selected and confirmed",
-      required: true
-    }),
-    onChange: (0, _types.createActionProp)({
-      label: "On Change",
-      description: "Called when date selection changes"
-    }),
-    mode: (0, _types.createTextEnumProp)({
-      label: "Mode",
-      description: "The selection mode of the date picker",
-      required: true,
-      options: ["single"],
-      editable: false,
-      defaultValue: "single",
-      formType: _types.FORM_TYPES.flatArray
-    }),
-    fieldName: (0, _types.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: (0, _types.createActionProp)({
-      label: "On Confirm",
-      description: "Called when dates selected and confirmed",
-      required: true
-    }),
-    onChange: (0, _types.createActionProp)({
-      label: "On Change",
-      description: "Called when dates selection changes"
-    }),
-    mode: (0, _types.createTextEnumProp)({
-      label: "Mode",
-      description: "The selection mode of the date picker",
-      required: true,
-      options: ["multiple"],
-      editable: false,
-      defaultValue: "multiple",
-      formType: _types.FORM_TYPES.flatArray
-    }),
-    moreLabel: (0, _types.createTextProp)({
-      label: "More Label",
-      description: "The label used display when multiple dates have been selected in the component",
-      defaultValue: "More"
-    }),
-    startLabel: (0, _types.createTextProp)({
-      label: "Start Label",
-      description: "The label used as the prefix to the starting date in the component",
-      defaultValue: "Start"
-    }),
-    endLabel: (0, _types.createTextProp)({
-      label: "End Label",
-      description: "The label used as the suffix to the ending date in the component",
-      defaultValue: "End"
-    }),
-    fieldName: (0, _types.createFieldNameProp)({
-      defaultValue: "dates",
-      handlerPropName: "onConfirm",
-      valuePropName: "dates"
-    })
-  }
-}];
-exports.SEED_DATA = SEED_DATA;

package/lib/module/mappings/DatePickerModal.js

@@ -1,139 +0,0 @@
-import { COMPONENT_TYPES, FORM_TYPES, Triggers, StylesPanelSections, createBoolProp, createTextProp, createTextEnumProp, createStaticBoolProp, createStaticNumberProp, createFieldNameProp, createActionProp } 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
-  }),
-  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"
-  }),
-  saveLabel: createTextProp({
-    label: "Save Label",
-    description: "Label used to confirm a date selection",
-    defaultValue: "Save"
-  }),
-  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"
-    }),
-    startLabel: createTextProp({
-      label: "Start Label",
-      description: "The label used as the prefix to the starting date in the component",
-      defaultValue: "Start"
-    }),
-    endLabel: createTextProp({
-      label: "End Label",
-      description: "The label used as the suffix to the ending date in the component",
-      defaultValue: "End"
-    }),
-    fieldName: createFieldNameProp({
-      defaultValue: "dates",
-      handlerPropName: "onConfirm",
-      valuePropName: "dates"
-    })
-  }
-}];

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

@@ -1,241 +0,0 @@
-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

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

package/src/mappings/DatePickerModal.js

@@ -1,146 +0,0 @@
-import { COMPONENT_TYPES, FORM_TYPES, Triggers, StylesPanelSections, createBoolProp, createTextProp, createTextEnumProp, createStaticBoolProp, createStaticNumberProp, createFieldNameProp, createActionProp, } 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,
-    }),
-    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",
-    }),
-    saveLabel: createTextProp({
-        label: "Save Label",
-        description: "Label used to confirm a date selection",
-        defaultValue: "Save",
-    }),
-    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",
-            }),
-            startLabel: createTextProp({
-                label: "Start Label",
-                description: "The label used as the prefix to the starting date in the component",
-                defaultValue: "Start",
-            }),
-            endLabel: createTextProp({
-                label: "End Label",
-                description: "The label used as the suffix to the ending date in the component",
-                defaultValue: "End",
-            }),
-            fieldName: createFieldNameProp({
-                defaultValue: "dates",
-                handlerPropName: "onConfirm",
-                valuePropName: "dates",
-            }),
-        },
-    },
-];