@draftbit/core 46.10.3-6c7505.2 → 46.10.3-7476ab.2

package/lib/module/mappings/RowHeadlineImageIcon.js

@@ -0,0 +1,92 @@
+import { COMPONENT_TYPES, createIconProp, createTextProp, createImageProp, createStaticBoolProp } from "@draftbit/types";
+const SEED_DATA_PROPS = {
+  title: createTextProp({
+    label: "Title",
+    description: "Headline text to display"
+  }),
+  icon: createIconProp({
+    defaultValue: null
+  })
+};
+const IMAGE_PROP = createImageProp();
+const MULTILINE_PROP = createStaticBoolProp({
+  defaultValue: true,
+  editable: false
+});
+const SUBTITLE_PROP = createTextProp({
+  label: "Subtitle",
+  description: "Subtitle text to display",
+  defaultValue: "San Diego"
+});
+export const SEED_DATA = [{
+  name: "Row Single Line Headline Icon",
+  tag: "RowHeadlineImageIcon",
+  description: "A row with left aligned headline text and a right aligned icon",
+  category: COMPONENT_TYPES.row,
+  layout: {},
+  props: {
+    ...SEED_DATA_PROPS
+  }
+}, {
+  name: "Row Single Line Headline Icon Image",
+  tag: "RowHeadlineImageIcon",
+  description: "A row with left aligned image and headline text and a right aligned icon",
+  category: COMPONENT_TYPES.row,
+  layout: {},
+  props: {
+    ...SEED_DATA_PROPS,
+    image: IMAGE_PROP
+  }
+}, {
+  name: "Row Double Line Headline Icon",
+  tag: "RowHeadlineImageIcon",
+  description: "A row with left aligned headline text and subtitle text and a right aligned icon",
+  category: COMPONENT_TYPES.row,
+  layout: {},
+  props: {
+    ...SEED_DATA_PROPS,
+    subtitle: SUBTITLE_PROP
+  }
+}, {
+  name: "Row Double Line Headline Image Icon",
+  tag: "RowHeadlineImageIcon",
+  description: "A row with left aligned headline text and subtitle text and a right aligned icon",
+  category: COMPONENT_TYPES.row,
+  layout: {},
+  props: {
+    ...SEED_DATA_PROPS,
+    image: IMAGE_PROP,
+    subtitle: SUBTITLE_PROP
+  }
+}, {
+  name: "Row Multiline Headline Icon",
+  tag: "RowHeadlineImageIcon",
+  description: "A row with left aligned headline text and multiline subtitle text and a right aligned icon",
+  category: COMPONENT_TYPES.row,
+  layout: {},
+  props: {
+    ...SEED_DATA_PROPS,
+    multilineSubtitle: MULTILINE_PROP,
+    subtitle: createTextProp({
+      label: "Subtitle",
+      description: "Subtitle text to display",
+      defaultValue: "San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate"
+    })
+  }
+}, {
+  name: "Row Multiline Headline Image Icon",
+  tag: "RowHeadlineImageIcon",
+  description: "A row with left aligned image, headline text, and multiline subtitle text, and a right aligned icon",
+  category: COMPONENT_TYPES.row,
+  layout: {},
+  props: {
+    ...SEED_DATA_PROPS,
+    image: IMAGE_PROP,
+    multilineSubtitle: MULTILINE_PROP,
+    subtitle: createTextProp({
+      label: "Subtitle",
+      description: "Subtitle text to display",
+      defaultValue: "San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate"
+    })
+  }
+}];

package/lib/module/mappings/SVG.js

@@ -0,0 +1,15 @@
+import { COMPONENT_TYPES, createSVGProp, StylesPanelSections } from "@draftbit/types";
+export const SEED_DATA = {
+  name: "SVG",
+  tag: "SVG",
+  description: "An SVG component",
+  category: COMPONENT_TYPES.media,
+  layout: {
+    width: 100,
+    height: 100
+  },
+  stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins, StylesPanelSections.Position, StylesPanelSections.Effects],
+  props: {
+    source: createSVGProp()
+  }
+};

package/lib/module/mappings/SafeAreaView.js

@@ -0,0 +1,33 @@
+import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES } from "@draftbit/types";
+export const SEED_DATA = {
+  name: "SafeAreaView",
+  tag: "SafeAreaView",
+  description: "A basic View that handles safe area",
+  category: COMPONENT_TYPES.deprecated,
+  props: {
+    edges: {
+      group: GROUPS.basic,
+      name: "edges",
+      label: "edges",
+      description: "Provides edges to be used by safe area view",
+      editable: true,
+      required: false,
+      formType: FORM_TYPES.flatArray,
+      propType: PROP_TYPES.STRING,
+      options: ["right", "bottom", "left", "top"],
+      defaultValue: ["right", "bottom", "left", "top"]
+    },
+    mode: {
+      group: GROUPS.basic,
+      name: "mode",
+      label: "mode",
+      description: "Mode used by safe area view",
+      editable: true,
+      required: false,
+      options: ["padding", "margin"],
+      formType: FORM_TYPES.flatArray,
+      propType: PROP_TYPES.STRING,
+      defaultValue: "padding"
+    }
+  }
+};

package/lib/module/mappings/ScrollView.js

@@ -0,0 +1,37 @@
+import { COMPONENT_TYPES, createStaticBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, Triggers, createActionProp, createColorProp } from "@draftbit/types";
+export const SEED_DATA = {
+  name: "Scroll View",
+  tag: "ScrollView",
+  description: "A basic ScrollView component",
+  category: COMPONENT_TYPES.view,
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
+  layout: {},
+  triggers: [Triggers.OnRefresh],
+  props: {
+    onRefresh: createActionProp(),
+    horizontal: createStaticBoolProp({
+      label: "Horizontal",
+      description: "Render your list horizontally",
+      defaultValue: false
+    }),
+    showsHorizontalScrollIndicator: createStaticBoolProp({
+      label: "Show Horizontal Scroll Indicator",
+      description: "When true, shows a horizontal scroll indicator. The default value is true.",
+      defaultValue: true
+    }),
+    showsVerticalScrollIndicator: createStaticBoolProp({
+      label: "Show Vertical Scroll Indicator",
+      description: "When true, shows a vertical scroll indicator. The default value is true.",
+      defaultValue: true
+    }),
+    bounces: createStaticBoolProp({
+      label: "Bounce",
+      description: "When true, the scroll view bounces when it reaches the end of the content if the content is larger then the scroll view along the axis of the scroll direction.",
+      defaultValue: true
+    }),
+    refreshColor: createColorProp({
+      label: "Refreshing Color",
+      description: "Color of the refresh indicator"
+    })
+  }
+};

package/lib/module/mappings/Shadow.js

@@ -0,0 +1,95 @@
+import { COMPONENT_TYPES, CONTAINER_COMPONENT_STYLES_SECTIONS, createColorProp, createStaticNumberProp, createStaticBoolProp, createDisabledProp, GROUPS } from "@draftbit/types";
+export const SEED_DATA = {
+  name: "Shadow",
+  tag: "Shadow",
+  description: "A cross-platform, universal shadow.",
+  category: COMPONENT_TYPES.view,
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
+  props: {
+    disabled: createDisabledProp({
+      description: "Disables the shadow."
+    }),
+    startColor: createColorProp({
+      label: "Start Color",
+      description: "The initial gradient color of the shadow.",
+      defaultValue: null
+    }),
+    endColor: createColorProp({
+      label: "End Color",
+      description: "The final gradient color of the shadow.",
+      defaultValue: null
+    }),
+    distance: createStaticNumberProp({
+      label: "Distance",
+      description: "The distance of the shadow."
+    }),
+    paintInside: createStaticBoolProp({
+      label: "Paint Inside",
+      description: "Apply the shadow below/inside the content.",
+      defaultValue: false
+    }),
+    stretch: createStaticBoolProp({
+      label: "Stretch",
+      description: "Force children to occupy all available horizontal space.",
+      defaultValue: null
+    }),
+    offsetX: createStaticNumberProp({
+      label: "Offset X",
+      description: "Moves the shadow in the x direction",
+      defeaultValue: 0
+    }),
+    offsetY: createStaticNumberProp({
+      label: "Offset Y",
+      description: "Moves the shadow in the y direction",
+      defeaultValue: 0
+    }),
+    showShadowSideStart: createStaticBoolProp({
+      label: "Show Shadow Start",
+      description: "Whether to show shadow on the start side or not",
+      defaultValue: true,
+      group: GROUPS.advanced
+    }),
+    showShadowSideEnd: createStaticBoolProp({
+      label: "Show Shadow End",
+      description: "Whether to show shadow on the end side or not",
+      defaultValue: true,
+      group: GROUPS.advanced
+    }),
+    showShadowSideTop: createStaticBoolProp({
+      label: "Show Shadow Top",
+      description: "Whether to show shadow on the top side or not",
+      defaultValue: true,
+      group: GROUPS.advanced
+    }),
+    showShadowSideBottom: createStaticBoolProp({
+      label: "Show Shadow Bottom",
+      description: "Whether to show shadow on the bottom side or not",
+      defaultValue: true,
+      group: GROUPS.advanced
+    }),
+    showShadowCornerTopStart: createStaticBoolProp({
+      label: "Show Shadow Top Start Corner",
+      description: "Whether to show shadow on the top start corner or not",
+      defaultValue: true,
+      group: GROUPS.advanced
+    }),
+    showShadowCornerTopEnd: createStaticBoolProp({
+      label: "Show Shadow Top End Corner",
+      description: "Whether to show shadow on the top end corner or not",
+      defaultValue: true,
+      group: GROUPS.advanced
+    }),
+    showShadowCornerBottomStart: createStaticBoolProp({
+      label: "Show Shadow Bottom Start Corner",
+      description: "Whether to show shadow on the bottom start corner or not",
+      defaultValue: true,
+      group: GROUPS.advanced
+    }),
+    showShadowCornerBottomEnd: createStaticBoolProp({
+      label: "Show Shadow Bottom End Corner",
+      description: "Whether to show shadow on the bottom end corner or not",
+      defaultValue: true,
+      group: GROUPS.advanced
+    })
+  }
+};

package/lib/module/mappings/Slider.js

@@ -0,0 +1,60 @@
+import { COMPONENT_TYPES, GROUPS, createNumberProp, createColorProp, createFieldNameProp, createIconProp, Triggers, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
+export const SEED_DATA = {
+  name: "Slider",
+  tag: "Slider",
+  description: "A component used to set a value in a range",
+  category: COMPONENT_TYPES.control,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
+  layout: {
+    marginLeft: 12,
+    marginRight: 12
+  },
+  triggers: [Triggers.OnValueChange],
+  props: {
+    fieldName: createFieldNameProp({
+      defaultValue: "sliderValue",
+      handlerPropName: "onValueChange",
+      valuePropName: "value"
+    }),
+    minimumValue: createNumberProp({
+      group: GROUPS.basic,
+      label: "Min Value",
+      min: 0,
+      max: 1000
+    }),
+    maximumValue: createNumberProp({
+      group: GROUPS.basic,
+      label: "Max Value",
+      min: 1,
+      max: 10000
+    }),
+    step: createNumberProp({
+      group: GROUPS.basic,
+      label: "Step",
+      min: 0,
+      max: 100,
+      step: 0.01,
+      precision: 2
+    }),
+    leftIcon: createIconProp({
+      label: "Left Icon",
+      defaultValue: null
+    }),
+    rightIcon: createIconProp({
+      label: "Right Icon",
+      defaultValue: null
+    }),
+    minimumTrackTintColor: createColorProp({
+      label: "Min Track Color",
+      defaultValue: null
+    }),
+    maximumTrackTintColor: createColorProp({
+      label: "Max Track Color",
+      defaultValue: null
+    }),
+    thumbTintColor: createColorProp({
+      label: "Thumb Color",
+      defaultValue: null
+    })
+  }
+};

package/lib/module/mappings/StarRating.js

@@ -0,0 +1,51 @@
+import { COMPONENT_TYPES, createStaticNumberProp, createFieldNameProp, createStaticBoolProp, Triggers, createColorProp, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
+export const SEED_DATA = {
+  name: "Star Rating",
+  tag: "StarRating",
+  description: "A star rating component",
+  category: COMPONENT_TYPES.control,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
+  triggers: [Triggers.OnPress],
+  props: {
+    starSize: createStaticNumberProp({
+      label: "Star size",
+      description: "Size of each individual star",
+      defaultValue: 16,
+      min: 8,
+      max: 36,
+      step: 1
+    }),
+    fieldName: createFieldNameProp({
+      defaultValue: "ratingValue",
+      handlerPropName: "onPress",
+      valuePropName: "rating" // the value prop in this component
+    }),
+
+    maxStars: createStaticNumberProp({
+      label: "Max stars",
+      description: "The max number of stars",
+      defaultValue: 5,
+      min: 0,
+      max: 10,
+      step: 1
+    }),
+    isEditable: createStaticBoolProp({
+      label: "Editable"
+    }),
+    activeColor: createColorProp({
+      label: "Active Color",
+      defaultValue: "primary"
+    }),
+    inactiveColor: createColorProp({
+      label: "Inactive Color",
+      defaultValue: "divider"
+    })
+  }
+};primary"
+    }),
+    inactiveColor: createColorProp({
+      label: "Inactive Color",
+      defaultValue: "divider"
+    })
+  }
+};

package/lib/module/mappings/Stepper.js

@@ -0,0 +1,31 @@
+import { COMPONENT_TYPES, createIconSizeProp, createColorProp, createFieldNameProp, createStaticNumberProp, Triggers, BLOCK_STYLES_SECTIONS, StylesPanelSections } from "@draftbit/types";
+export const SEED_DATA = [{
+  name: "Stepper",
+  tag: "Stepper",
+  description: "A component used to control the quantity of something",
+  category: COMPONENT_TYPES.control,
+  stylesPanelSections: [StylesPanelSections.Typography, ...BLOCK_STYLES_SECTIONS],
+  layout: {},
+  triggers: [Triggers.OnChange],
+  props: {
+    fieldName: createFieldNameProp({
+      defaultValue: "stepperValue",
+      handlerPropName: "onChange",
+      valuePropName: "value"
+    }),
+    iconSize: createIconSizeProp({
+      defaultValue: 24
+    }),
+    iconColor: createColorProp({
+      defaultValue: "strong"
+    }),
+    min: createStaticNumberProp({
+      label: "Minimum",
+      description: "Minimum Number"
+    }),
+    max: createStaticNumberProp({
+      label: "Maximum",
+      description: "Maximum Number"
+    })
+  }
+}];

package/lib/module/mappings/Surface.js

@@ -0,0 +1,14 @@
+import { COMPONENT_TYPES, createElevationType, CONTAINER_COMPONENT_STYLES_SECTIONS } from "@draftbit/types";
+export const SEED_DATA = {
+  name: "Surface",
+  tag: "Surface",
+  description: "An elevated container",
+  category: COMPONENT_TYPES.container,
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
+  layout: {
+    minHeight: 40
+  },
+  props: {
+    elevation: createElevationType(0)
+  }
+};

package/lib/module/mappings/Swiper.js

@@ -0,0 +1,63 @@
+import { COMPONENT_TYPES, createBoolProp, createNumberProp, createTextProp, createColorProp, GROUPS, Triggers, createActionProp, StylesPanelSections } from "@draftbit/types";
+export const SEED_DATA = {
+  name: "Swiper",
+  tag: "Swiper",
+  description: "Swiper container",
+  category: COMPONENT_TYPES.swiper,
+  stylesPanelSections: [StylesPanelSections.LayoutSelectedItem, StylesPanelSections.Background, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Borders, StylesPanelSections.Effects],
+  layout: {
+    height: 300,
+    width: "100%"
+  },
+  triggers: [Triggers.OnIndexChanged],
+  props: {
+    onIndexChanged: createActionProp(),
+    from: createNumberProp({
+      group: GROUPS.basic,
+      label: "Initial Slide"
+    }),
+    loop: createBoolProp({
+      group: GROUPS.basic,
+      label: "Loop"
+    }),
+    timeout: createNumberProp({
+      group: GROUPS.basic,
+      label: "Timeout",
+      defaultValue: 0
+    }),
+    vertical: createBoolProp({
+      group: GROUPS.basic,
+      label: "Vertical",
+      defaultValue: false
+    }),
+    prevTitle: createTextProp({
+      group: GROUPS.basic,
+      label: "Previous Title",
+      defaultValue: ""
+    }),
+    nextTitle: createTextProp({
+      group: GROUPS.basic,
+      label: "Next Title",
+      defaultValue: ""
+    }),
+    prevTitleColor: createColorProp({
+      label: "Previous Title Color"
+    }),
+    nextTitleColor: createColorProp({
+      label: "Next Title Color"
+    }),
+    dotColor: createColorProp({
+      label: "Dot Color",
+      defaultValue: "light"
+    }),
+    dotActiveColor: createColorProp({
+      label: "Dot Active Color",
+      defaultValue: "primary"
+    }),
+    dotsTouchable: createBoolProp({
+      group: GROUPS.basic,
+      label: "Dots Touchable",
+      defaultValue: true
+    })
+  }
+};

package/lib/module/mappings/SwiperItem.js

@@ -0,0 +1,9 @@
+import { COMPONENT_TYPES, CONTAINER_COMPONENT_STYLES_SECTIONS } from "@draftbit/types";
+export const SEED_DATA = {
+  name: "Swiper Item",
+  tag: "SwiperItem",
+  description: "Swiper item",
+  category: COMPONENT_TYPES.swiper,
+  props: {},
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS
+};

package/lib/module/mappings/Switch.js

@@ -0,0 +1,74 @@
+import { COMPONENT_TYPES, GROUPS, createBoolProp, createColorProp, createFieldNameProp, createTextProp, createRowDirectionProp, Triggers, StylesPanelSections, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
+const SEED_DATA_TRIGGERS = [Triggers.OnValueChange];
+export const SEED_DATA = [{
+  name: "Switch",
+  tag: "Switch",
+  category: COMPONENT_TYPES.control,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
+  layout: {},
+  triggers: SEED_DATA_TRIGGERS,
+  props: {
+    disabled: createBoolProp({
+      label: "Disabled",
+      description: "Boolean to handle disabling the switch"
+    }),
+    fieldName: createFieldNameProp({
+      handlerPropName: "onValueChange",
+      valuePropName: "value",
+      defaultValue: "switchValue"
+    }),
+    activeTrackColor: createColorProp({
+      label: "Active Track Color"
+    }),
+    inactiveTrackColor: createColorProp({
+      label: "Inactive Track Color"
+    }),
+    activeThumbColor: createColorProp({
+      label: "Active Thumb Color"
+    }),
+    inactiveThumbColor: createColorProp({
+      label: "Inactive Thumb Color"
+    })
+  }
+}, {
+  name: "Switch Row",
+  tag: "SwitchRow",
+  category: COMPONENT_TYPES.control,
+  stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Margins, StylesPanelSections.Effects],
+  layout: {
+    marginLeft: 0,
+    marginRight: 0
+  },
+  triggers: SEED_DATA_TRIGGERS,
+  props: {
+    label: createTextProp({
+      label: "Label",
+      description: "Label to show with the checkbox",
+      required: true,
+      defaultValue: "First Option"
+    }),
+    direction: createRowDirectionProp(),
+    disabled: createBoolProp({
+      label: "Disabled",
+      description: "Boolean to handle disabling the switch",
+      group: GROUPS.data
+    }),
+    fieldName: createFieldNameProp({
+      handlerPropName: "onValueChange",
+      valuePropName: "value",
+      defaultValue: "switchValue"
+    }),
+    activeTrackColor: createColorProp({
+      label: "Active Track Color"
+    }),
+    inactiveTrackColor: createColorProp({
+      label: "Inactive Track Color"
+    }),
+    activeThumbColor: createColorProp({
+      label: "Active Thumb Color"
+    }),
+    inactiveThumbColor: createColorProp({
+      label: "Inactive Thumb Color"
+    })
+  }
+}];

package/lib/module/mappings/TabView.js

@@ -0,0 +1,67 @@
+import { COMPONENT_TYPES, createTextEnumProp, createColorProp, StylesPanelSections, Triggers, createActionProp, createStaticBoolProp, GROUPS } from "@draftbit/types";
+export const SEED_DATA = {
+  name: "Tab View",
+  tag: "TabView",
+  description: "Tab view container",
+  category: COMPONENT_TYPES.swiper,
+  stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Effects, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.Background, StylesPanelSections.Typography],
+  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"
+    }),
+    tabBarPosition: createTextEnumProp({
+      label: "Tab Bar Position",
+      description: "Position of tab bar",
+      options: ["top", "bottom"],
+      defaultValue: "top"
+    }),
+    keyboardDismissMode: createTextEnumProp({
+      label: "Keyboard Dismiss Mode",
+      description: "Keyboard Dismiss Mode",
+      options: ["auto", "on-drag", "none"],
+      defaultValue: "auto"
+    }),
+    swipeEnabled: createStaticBoolProp({
+      label: "Swipe Enabled",
+      description: "Whether swiping is enabled or not",
+      defaultValue: true
+    }),
+    scrollEnabled: createStaticBoolProp({
+      label: "Tab Scroll Enabled",
+      description: "Whether scrolling of tabs is enabled or not",
+      defaultValue: false
+    }),
+    activeColor: createColorProp({
+      label: "Active Color",
+      description: "Color of icon and text of active tab",
+      defaultValue: "primary"
+    }),
+    inactiveColor: createColorProp({
+      label: "Inactive Color",
+      description: "Color of icon and text of inactive tab(s)",
+      defaultValue: null
+    }),
+    pressColor: createColorProp({
+      label: "Press Color",
+      description: "Color of ripple when pressed",
+      defaultValue: "primary",
+      group: GROUPS.android
+    }),
+    indicatorColor: createColorProp({
+      label: "Indicator Color",
+      description: "Color of indicator",
+      defaultValue: "primary"
+    }),
+    tabsBackgroundColor: createColorProp({
+      label: "Tabs Background Color",
+      description: "Background color of tabs container",
+      defaultValue: "background"
+    })
+  }
+};

package/lib/module/mappings/TabViewItem.js

@@ -0,0 +1,30 @@
+import { COMPONENT_TYPES, createTextProp, createIconProp, CONTAINER_COMPONENT_STYLES_SECTIONS, GROUPS } from "@draftbit/types";
+export const SEED_DATA = {
+  name: "Tab View Item",
+  tag: "TabViewItem",
+  description: "Single Tab View item to be used in TabView. Each item represents a single tab and its content",
+  category: COMPONENT_TYPES.swiper,
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
+  layout: {
+    flex: 1
+  },
+  props: {
+    title: createTextProp({
+      label: "Title",
+      description: "Title of tab item",
+      defaultValue: "Title",
+      required: true,
+      group: GROUPS.basic
+    }),
+    icon: createIconProp({
+      defaultValue: null,
+      required: false
+    }),
+    accessibilityLabel: createTextProp({
+      label: "Accessibility Label",
+      description: "Accessibility Label",
+      defaultValue: null,
+      group: GROUPS.accessibility
+    })
+  }
+};