@draftbit/core 47.0.1-df014a.2 → 47.0.1-e04fa3.2

package/src/mappings/NativeBase/Select.js

@@ -0,0 +1,71 @@
+import { COMPONENT_TYPES, createActionProp, StylesPanelSections, Triggers, createBoolProp, createColorProp, createDisabledProp, createTextProp, createIconProp, } from "@draftbit/types";
+const SHARED_SEED_DATA = {
+    category: COMPONENT_TYPES.NBForms,
+    packageName: "native-base",
+    doc_link: "https://docs.nativebase.io/select",
+    code_link: "https://github.com/GeekyAnts/NativeBase/tree/master/src/components/primitives/Select",
+    stylesPanelSections: [
+        StylesPanelSections.LayoutFlexItems,
+        StylesPanelSections.LayoutSelectedItem,
+        StylesPanelSections.LayoutContent,
+        StylesPanelSections.Background,
+        StylesPanelSections.Size,
+        StylesPanelSections.MarginsAndPaddings,
+        StylesPanelSections.Position,
+        StylesPanelSections.Borders,
+        StylesPanelSections.Effects,
+    ],
+    layout: {},
+    allowChildren: true,
+};
+export const SEED_DATA = [
+    {
+        name: "Select",
+        tag: "Select",
+        description: "Select creates a dropdown list of items with the selected item in closed view.",
+        ...SHARED_SEED_DATA,
+        triggers: [Triggers.OnOpen, Triggers.OnClose],
+        props: {
+            onOpen: createActionProp(),
+            onClose: createActionProp(),
+            placeholder: createTextProp({
+                label: "Placeholder",
+                defaultValue: "Select an option",
+            }),
+            color: createColorProp(),
+            placeholderTextColor: createColorProp(),
+            isDisabled: createDisabledProp(),
+            isHovered: createBoolProp({
+                label: "Hovered?",
+                description: "Whether the select is hovered",
+            }),
+            isFocused: createBoolProp({
+                label: "Focused?",
+                description: "Whether the select is hovered",
+            }),
+            isFocusVisible: createBoolProp({
+                label: "Focus Visible?",
+                description: "WIf true, the focus ring of select will be visible.",
+            }),
+            dropdownIcon: createIconProp(),
+            dropdownOpenIcon: createIconProp(),
+            dropdownCloseIcon: createIconProp(),
+        },
+    },
+    {
+        name: "Select Item",
+        tag: "Select.Item",
+        description: "An individual item in the menu.",
+        ...SHARED_SEED_DATA,
+        props: {
+            label: createTextProp({
+                label: "Label",
+                description: "The label of the item",
+            }),
+            value: createTextProp({
+                label: "Value",
+                description: "The value of the item",
+            }),
+        },
+    },
+];

package/src/mappings/NativeBase/Select.ts

@@ -0,0 +1,85 @@
+import {
+  COMPONENT_TYPES,
+  createActionProp,
+  StylesPanelSections,
+  Triggers,
+  createBoolProp,
+  createColorProp,
+  createDisabledProp,
+  createTextProp,
+  createIconProp,
+} from "@draftbit/types";
+
+const SHARED_SEED_DATA = {
+  category: COMPONENT_TYPES.NBForms,
+  packageName: "native-base",
+  doc_link: "https://docs.nativebase.io/select",
+  code_link:
+    "https://github.com/GeekyAnts/NativeBase/tree/master/src/components/primitives/Select",
+  stylesPanelSections: [
+    StylesPanelSections.LayoutFlexItems,
+    StylesPanelSections.LayoutSelectedItem,
+    StylesPanelSections.LayoutContent,
+    StylesPanelSections.Background,
+    StylesPanelSections.Size,
+    StylesPanelSections.MarginsAndPaddings,
+    StylesPanelSections.Position,
+    StylesPanelSections.Borders,
+    StylesPanelSections.Effects,
+  ],
+  layout: {},
+  allowChildren: true,
+};
+
+export const SEED_DATA = [
+  {
+    name: "Select",
+    tag: "Select",
+    description:
+      "Select creates a dropdown list of items with the selected item in closed view.",
+    ...SHARED_SEED_DATA,
+    triggers: [Triggers.OnOpen, Triggers.OnClose],
+    props: {
+      onOpen: createActionProp(),
+      onClose: createActionProp(),
+      placeholder: createTextProp({
+        label: "Placeholder",
+        defaultValue: "Select an option",
+      }),
+      color: createColorProp(),
+      placeholderTextColor: createColorProp(),
+      isDisabled: createDisabledProp(),
+      isHovered: createBoolProp({
+        label: "Hovered?",
+        description: "Whether the select is hovered",
+      }),
+      isFocused: createBoolProp({
+        label: "Focused?",
+        description: "Whether the select is hovered",
+      }),
+      isFocusVisible: createBoolProp({
+        label: "Focus Visible?",
+        description: "WIf true, the focus ring of select will be visible.",
+      }),
+      dropdownIcon: createIconProp(),
+      dropdownOpenIcon: createIconProp(),
+      dropdownCloseIcon: createIconProp(),
+    },
+  },
+  {
+    name: "Select Item",
+    tag: "Select.Item",
+    description: "An individual item in the menu.",
+    ...SHARED_SEED_DATA,
+    props: {
+      label: createTextProp({
+        label: "Label",
+        description: "The label of the item",
+      }),
+      value: createTextProp({
+        label: "Value",
+        description: "The value of the item",
+      }),
+    },
+  },
+];

package/src/mappings/NativeBase/Slider.js

@@ -0,0 +1,89 @@
+import { COMPONENT_TYPES, createActionProp, createStaticBoolProp, createTextEnumProp, StylesPanelSections, Triggers, createNumberProp, createStaticNumberProp, createBoolProp, createDisabledProp, createAccessibilityLabelProp, } from "@draftbit/types";
+const SHARED_SEED_DATA = {
+    category: COMPONENT_TYPES.NBForms,
+    packageName: "native-base",
+    stylesPanelSections: [
+        StylesPanelSections.LayoutFlexItems,
+        StylesPanelSections.LayoutSelectedItem,
+        StylesPanelSections.LayoutContent,
+        StylesPanelSections.Background,
+        StylesPanelSections.Size,
+        StylesPanelSections.MarginsAndPaddings,
+        StylesPanelSections.Position,
+        StylesPanelSections.Borders,
+        StylesPanelSections.Effects,
+    ],
+    layout: {},
+    allowChildren: true,
+};
+export const SEED_DATA = [
+    {
+        name: "Slider",
+        tag: "Slider",
+        description: "The Slider allows users to select options from a given range of values.",
+        ...SHARED_SEED_DATA,
+        triggers: [Triggers.OnChange, Triggers.OnChangeEnd],
+        props: {
+            onChange: createActionProp(),
+            onChangeEnd: createActionProp(),
+            defaultValue: createNumberProp(),
+            thumbSize: createStaticNumberProp({
+                label: "Thumb Size",
+                description: "The size of the slider thumb",
+            }),
+            sliderTrackHeight: createStaticNumberProp({
+                label: "Slider Track Height",
+                description: "The height of the slider track",
+            }),
+            minValue: createStaticNumberProp({
+                label: "Min Value",
+            }),
+            maxValue: createStaticNumberProp({
+                label: "Max Value",
+            }),
+            step: createStaticNumberProp({
+                label: "Step",
+            }),
+            isReadOnly: createBoolProp({
+                label: "Read Only",
+                description: "Whether the slider is read only",
+                defaultValue: false,
+            }),
+            isReversed: createStaticBoolProp({
+                label: "Reversed",
+                description: "If true, the value will be incremented or decremented in reverse.",
+                defaultValue: false,
+            }),
+            orientation: createTextEnumProp({
+                label: "Orientation",
+                description: "The orientation of the Slider.",
+                options: ["horizontal", "vertical"],
+                defaultValue: "horizontal",
+            }),
+            isDisabled: createDisabledProp(),
+            accessibilityLabel: createAccessibilityLabelProp(),
+        },
+    },
+    {
+        name: "Slider Track",
+        tag: "Menu.Item",
+        description: "An individual item in the menu.",
+        ...SHARED_SEED_DATA,
+        props: {},
+    },
+    {
+        name: "Slider Filled Track",
+        tag: "Menu.Group",
+        description: "A wrapper to group related menu items.",
+        ...SHARED_SEED_DATA,
+        props: {},
+    },
+    {
+        name: "Slider Thumb",
+        tag: "Menu.OptionGroup",
+        description: "A wrapper for checkable menu items (radio and checkbox).",
+        ...SHARED_SEED_DATA,
+        triggers: [Triggers.OnChange],
+        props: {},
+    },
+];

package/src/mappings/NativeBase/Slider.ts

@@ -0,0 +1,105 @@
+import {
+  COMPONENT_TYPES,
+  createActionProp,
+  createStaticBoolProp,
+  createTextEnumProp,
+  StylesPanelSections,
+  Triggers,
+  createNumberProp,
+  createStaticNumberProp,
+  createBoolProp,
+  createDisabledProp,
+  createAccessibilityLabelProp,
+} from "@draftbit/types";
+
+const SHARED_SEED_DATA = {
+  category: COMPONENT_TYPES.NBForms,
+  packageName: "native-base",
+  stylesPanelSections: [
+    StylesPanelSections.LayoutFlexItems,
+    StylesPanelSections.LayoutSelectedItem,
+    StylesPanelSections.LayoutContent,
+    StylesPanelSections.Background,
+    StylesPanelSections.Size,
+    StylesPanelSections.MarginsAndPaddings,
+    StylesPanelSections.Position,
+    StylesPanelSections.Borders,
+    StylesPanelSections.Effects,
+  ],
+  layout: {},
+  allowChildren: true,
+};
+
+export const SEED_DATA = [
+  {
+    name: "Slider",
+    tag: "Slider",
+    description:
+      "The Slider allows users to select options from a given range of values.",
+    ...SHARED_SEED_DATA,
+    triggers: [Triggers.OnChange, Triggers.OnChangeEnd],
+    props: {
+      onChange: createActionProp(),
+      onChangeEnd: createActionProp(),
+      defaultValue: createNumberProp(),
+      thumbSize: createStaticNumberProp({
+        label: "Thumb Size",
+        description: "The size of the slider thumb",
+      }),
+      sliderTrackHeight: createStaticNumberProp({
+        label: "Slider Track Height",
+        description: "The height of the slider track",
+      }),
+      minValue: createStaticNumberProp({
+        label: "Min Value",
+      }),
+      maxValue: createStaticNumberProp({
+        label: "Max Value",
+      }),
+      step: createStaticNumberProp({
+        label: "Step",
+      }),
+      isReadOnly: createBoolProp({
+        label: "Read Only",
+        description: "Whether the slider is read only",
+        defaultValue: false,
+      }),
+      isReversed: createStaticBoolProp({
+        label: "Reversed",
+        description:
+          "If true, the value will be incremented or decremented in reverse.",
+        defaultValue: false,
+      }),
+      orientation: createTextEnumProp({
+        label: "Orientation",
+        description: "The orientation of the Slider.",
+        options: ["horizontal", "vertical"],
+        defaultValue: "horizontal",
+      }),
+      isDisabled: createDisabledProp(),
+      accessibilityLabel: createAccessibilityLabelProp(),
+    },
+  },
+  {
+    name: "Slider Track",
+    tag: "Menu.Item",
+    description: "An individual item in the menu.",
+    ...SHARED_SEED_DATA,
+    props: {},
+  },
+  {
+    name: "Slider Filled Track",
+    tag: "Menu.Group",
+    description: "A wrapper to group related menu items.",
+    ...SHARED_SEED_DATA,
+    props: {},
+  },
+  {
+    name: "Slider Thumb",
+    tag: "Menu.OptionGroup",
+    description: "A wrapper for checkable menu items (radio and checkbox).",
+    ...SHARED_SEED_DATA,
+    triggers: [Triggers.OnChange],
+    props: {},
+  },
+];

package/lib/commonjs/mappings/DatePickerModal.js

@@ -1,74 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SHARED_SEED_DATA_PROPS = exports.SHARED_SEED_DATA = exports.SEED_DATA = void 0;
-var _types = require("@draftbit/types");
-const SHARED_SEED_DATA = {
-  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],
-  layout: null
-};
-exports.SHARED_SEED_DATA = SHARED_SEED_DATA;
-const SHARED_SEED_DATA_PROPS = {
-  locale: {},
-  visible: (0, _types.createBoolProp)({
-    label: "Visible",
-    description: "If true, show the modal. If false, hide the modal.",
-    required: true
-  }),
-  label: (0, _types.createTextProp)({
-    label: "Label",
-    description: "Label used as the header in the component, defaults to `Select Date`"
-  }),
-  saveLabel: (0, _types.createTextProp)({
-    label: "Save Label",
-    description: "Label used to confirm a date selection. Defaults to `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. Defaults to true."
-  }),
-  startYear: (0, _types.createStaticNumberProp)({
-    label: "Start Year",
-    description: "The start year when the component is rendered. Defaults to 1800.",
-    required: false
-  }),
-  endYear: (0, _types.createStaticNumberProp)({
-    label: "End Year",
-    description: "The end year when the component is rendered. Defaults to 2200.",
-    required: false
-  })
-};
-exports.SHARED_SEED_DATA_PROPS = SHARED_SEED_DATA_PROPS;
-const SEED_DATA = [{
-  name: "Single Date Picker Modal",
-  tag: "SingleDatePickerModal",
-  description: "A modal allowing date selection.",
-  ...SHARED_SEED_DATA,
-  props: {
-    mode: (0, _types.createTextEnumProp)({
-      label: "Mode",
-      description: "The selection mode of the date picker",
-      required: true,
-      options: ["single", "multiple", "range"],
-      editable: false,
-      defaultValue: "single",
-      formType: _types.FORM_TYPES.flatArray
-    }),
-    fieldName: {
-      ..._types.FIELD_NAME,
-      handlerPropName: "onConfirm",
-      valuePropName: "date",
-      defaultValue: "date"
-    },
-    ...SHARED_SEED_DATA_PROPS
-  }
-}];
-exports.SEED_DATA = SEED_DATA;

package/lib/module/mappings/DatePickerModal.js

@@ -1,65 +0,0 @@
-import { COMPONENT_TYPES, FORM_TYPES, FIELD_NAME, Triggers, StylesPanelSections, createBoolProp, createTextProp, createTextEnumProp, createStaticBoolProp, createStaticNumberProp } from "@draftbit/types";
-export const SHARED_SEED_DATA = {
-  triggers: [Triggers.OnDismiss, Triggers.OnConfirm, Triggers.OnChange],
-  category: COMPONENT_TYPES.input,
-  StylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Background, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position],
-  layout: null
-};
-export const SHARED_SEED_DATA_PROPS = {
-  locale: {},
-  visible: createBoolProp({
-    label: "Visible",
-    description: "If true, show the modal. If false, hide the modal.",
-    required: true
-  }),
-  label: createTextProp({
-    label: "Label",
-    description: "Label used as the header in the component, defaults to `Select Date`"
-  }),
-  saveLabel: createTextProp({
-    label: "Save Label",
-    description: "Label used to confirm a date selection. Defaults to `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. Defaults to true."
-  }),
-  startYear: createStaticNumberProp({
-    label: "Start Year",
-    description: "The start year when the component is rendered. Defaults to 1800.",
-    required: false
-  }),
-  endYear: createStaticNumberProp({
-    label: "End Year",
-    description: "The end year when the component is rendered. Defaults to 2200.",
-    required: false
-  })
-};
-export const SEED_DATA = [{
-  name: "Single Date Picker Modal",
-  tag: "SingleDatePickerModal",
-  description: "A modal allowing date selection.",
-  ...SHARED_SEED_DATA,
-  props: {
-    mode: createTextEnumProp({
-      label: "Mode",
-      description: "The selection mode of the date picker",
-      required: true,
-      options: ["single", "multiple", "range"],
-      editable: false,
-      defaultValue: "single",
-      formType: FORM_TYPES.flatArray
-    }),
-    fieldName: {
-      ...FIELD_NAME,
-      handlerPropName: "onConfirm",
-      valuePropName: "date",
-      defaultValue: "date"
-    },
-    ...SHARED_SEED_DATA_PROPS
-  }
-}];

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

@@ -1,153 +0,0 @@
-export declare const SHARED_SEED_DATA: {
-    triggers: string[];
-    category: string;
-    StylesPanelSections: string[];
-    layout: null;
-};
-export declare const SHARED_SEED_DATA_PROPS: {
-    locale: {};
-    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;
-    };
-};
-export declare const SEED_DATA: {
-    props: {
-        locale: {};
-        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;
-        };
-        mode: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            formType: string;
-            propType: string;
-            defaultValue: null;
-            options: never[];
-        };
-        fieldName: {
-            handlerPropName: string;
-            valuePropName: string;
-            defaultValue: string;
-            group: string;
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            editable: boolean;
-            required: boolean;
-        };
-    };
-    triggers: string[];
-    category: string;
-    StylesPanelSections: string[];
-    layout: null;
-    name: string;
-    tag: string;
-    description: 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":"AAaA,eAAO,MAAM,gBAAgB;;;;;CAW5B,CAAC;AACF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsClC,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyBrB,CAAC"}