npm - @hero-design/rn-work-uikit - Versions diffs - 1.3.0 → 1.4.0 - Mend

@hero-design/rn-work-uikit 1.3.0 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (49) hide show

package/src/components/Select/__tests__/__snapshots__/index.spec.tsx.snap ADDED Viewed

@@ -0,0 +1,1293 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+exports[`MultiSelect renders correctly (snapshot) 1`] = `
+[
+  <View
+    pointerEvents="auto"
+  >
+    <TouchableOpacity
+      onPress={[Function]}
+    >
+      <View
+        pointerEvents="none"
+      >
+        <Pressable
+          accessibilityState={
+            {
+              "disabled": false,
+            }
+          }
+          disabled={false}
+          onPress={[Function]}
+          style={
+            [
+              [
+                {
+                  "flexDirection": "row",
+                  "marginTop": 7.846153846153847,
+                  "minHeight": 54.92307692307692,
+                  "paddingHorizontal": 15.692307692307693,
+                  "width": "100%",
+                },
+              ],
+              {},
+            ]
+          }
+          themeFocused={false}
+          themeHasError={false}
+          themeUseGroupStyleEnabled={false}
+        >
+          <View
+            pointerEvents="none"
+            style={
+              [
+                [
+                  {
+                    "borderColor": "#e8e9ea",
+                    "borderRadius": 8,
+                    "borderWidth": 2,
+                  },
+                ],
+                [
+                  {
+                    "backgroundColor": "#ffffff",
+                  },
+                  {},
+                ],
+              ]
+            }
+            testID="text-input-border"
+            themeFocused={false}
+            themeState="filled"
+          />
+          <View
+            style={
+              [
+                [
+                  {
+                    "backgroundColor": "transparent",
+                    "borderRadius": 8,
+                    "flex": 1,
+                    "flexDirection": "column",
+                    "marginBottom": 7.846153846153847,
+                    "marginTop": 7.846153846153847,
+                    "overflow": "hidden",
+                  },
+                ],
+                undefined,
+              ]
+            }
+          >
+            <AnimatedView
+              style={
+                [
+                  [
+                    {
+                      "alignItems": "center",
+                      "backgroundColor": "transparent",
+                      "flexDirection": "row",
+                    },
+                  ],
+                  [
+                    {
+                      "transformOrigin": "left center",
+                    },
+                    {
+                      "transform": [
+                        {
+                          "translateY": {
+                            "addListener": [MockFunction],
+                            "removeListener": [MockFunction],
+                            "setValue": [MockFunction],
+                          },
+                        },
+                        {
+                          "scale": {
+                            "addListener": [MockFunction],
+                            "removeListener": [MockFunction],
+                            "setValue": [MockFunction],
+                          },
+                        },
+                      ],
+                    },
+                  ],
+                ]
+              }
+              testID="input-label"
+              themeVariant="text"
+            >
+              <AnimatedView
+                style={
+                  {
+                    "flexDirection": "row",
+                  }
+                }
+              >
+                <Text
+                  allowFontScaling={false}
+                  numberOfLines={1}
+                  style={
+                    [
+                      [
+                        {
+                          "color": "#001f23",
+                          "fontFamily": "BeVietnamPro-Regular",
+                          "fontSize": 11.76923076923077,
+                          "letterSpacing": 0.36,
+                          "lineHeight": 15.76923076923077,
+                        },
+                      ],
+                      [
+                        [
+                          {
+                            "color": "#808f91",
+                          },
+                        ],
+                        {
+                          "backgroundColor": "transparent",
+                        },
+                      ],
+                    ]
+                  }
+                  testID="input-label-text"
+                  themeFontWeight="regular"
+                  themeIntent="body"
+                  themeState="filled"
+                >
+                  Select Label
+                </Text>
+                <Text
+                  allowFontScaling={false}
+                  style={
+                    [
+                      [
+                        {
+                          "color": "#001f23",
+                          "fontFamily": "BeVietnamPro-Regular",
+                          "fontSize": 11.76923076923077,
+                          "letterSpacing": 0.36,
+                          "lineHeight": 15.76923076923077,
+                        },
+                      ],
+                      [
+                        [
+                          {
+                            "color": "#808f91",
+                          },
+                        ],
+                        undefined,
+                      ],
+                    ]
+                  }
+                  themeFontWeight="regular"
+                  themeIntent="body"
+                  themeState="filled"
+                >
+                   (Optional)
+                </Text>
+              </AnimatedView>
+            </AnimatedView>
+            <Pressable
+              style={
+                [
+                  [
+                    {
+                      "alignItems": "center",
+                      "flexDirection": "row",
+                      "flexGrow": 2,
+                      "flexShrink": 1,
+                      "opacity": 1,
+                    },
+                  ],
+                  undefined,
+                ]
+              }
+              themeOpacity={1}
+            >
+              <View />
+              <View
+                accessibilityLabel="Text input field"
+                style={
+                  {
+                    "flex": 1,
+                  }
+                }
+                testID="input-row-input-wrapper"
+              >
+                <TextInput
+                  accessibilityState={
+                    {
+                      "disabled": false,
+                    }
+                  }
+                  allowFontScaling={false}
+                  editable={true}
+                  multiline={true}
+                  onBlur={[Function]}
+                  onChangeText={[Function]}
+                  onFocus={[Function]}
+                  placeholder=" "
+                  placeholderTextColor="#4d6265"
+                  pointerEvents="none"
+                  style={
+                    [
+                      [
+                        {
+                          "flexGrow": 2,
+                          "fontFamily": "BeVietnamPro-Regular",
+                          "fontSize": 15.692307692307693,
+                          "height": undefined,
+                          "maxHeight": 141.23076923076923,
+                          "minHeight": 23.53846153846154,
+                          "paddingVertical": 0,
+                          "textAlignVertical": "center",
+                        },
+                      ],
+                      [
+                        {
+                          "backgroundColor": "#ffffff",
+                          "color": "#001f23",
+                        },
+                        {},
+                      ],
+                    ]
+                  }
+                  testID="text-input"
+                  themeVariant="text"
+                  value="Tuesday, Wednesday"
+                />
+              </View>
+            </Pressable>
+            <View
+              style={
+                [
+                  [
+                    {
+                      "alignItems": "flex-start",
+                      "flexDirection": "row",
+                      "justifyContent": "space-between",
+                    },
+                  ],
+                  undefined,
+                ]
+              }
+            />
+          </View>
+          <View
+            style={
+              [
+                [
+                  {
+                    "alignItems": "center",
+                    "flexDirection": "row",
+                    "justifyContent": "flex-end",
+                  },
+                ],
+                undefined,
+              ]
+            }
+          >
+            <Text
+              accessibilityLabel="Suffix icon: arrow-down"
+              accessibilityRole="image"
+              allowFontScaling={false}
+              selectable={false}
+              style={
+                [
+                  {
+                    "color": undefined,
+                    "fontSize": 12,
+                  },
+                  [
+                    [
+                      {
+                        "color": "#001f23",
+                        "fontSize": 23.53846153846154,
+                      },
+                    ],
+                    undefined,
+                  ],
+                  {
+                    "fontFamily": "hero-icons-mobile",
+                    "fontStyle": "normal",
+                    "fontWeight": "normal",
+                  },
+                  {},
+                ]
+              }
+              testID="input-suffix"
+              themeIntent="text"
+              themeSize="medium"
+            >
+              
+            </Text>
+          </View>
+        </Pressable>
+      </View>
+    </TouchableOpacity>
+  </View>,
+  <Modal
+    onRequestClose={[Function]}
+    supportedOrientations={
+      [
+        "portrait",
+      ]
+    }
+    transparent={true}
+    visible={false}
+  >
+    <View
+      pointerEvents="box-none"
+      style={
+        [
+          [
+            {
+              "flexDirection": "column-reverse",
+            },
+          ],
+          undefined,
+        ]
+      }
+    >
+      <KeyboardAvoidingView
+        behavior="padding"
+        style={
+          [
+            [
+              {
+                "flex": 1,
+                "flexDirection": "column-reverse",
+              },
+            ],
+            undefined,
+          ]
+        }
+      >
+        <Pressable
+          onPress={[Function]}
+          style={
+            [
+              [
+                {
+                  "backgroundColor": "#000000",
+                  "opacity": 0.4,
+                },
+              ],
+              {
+                "opacity": {
+                  "addListener": [MockFunction],
+                  "removeListener": [MockFunction],
+                  "setValue": [MockFunction],
+                },
+              },
+            ]
+          }
+        />
+        <SafeAreaView
+          style={
+            [
+              [
+                {
+                  "backgroundColor": "#ffffff",
+                  "borderTopLeftRadius": 16,
+                  "borderTopRightRadius": 16,
+                  "maxHeight": "94%",
+                  "width": "100%",
+                },
+              ],
+              [
+                {
+                  "paddingBottom": 0,
+                },
+                {
+                  "transform": [
+                    {
+                      "scaleY": 1,
+                    },
+                    {
+                      "translateY": {
+                        "addListener": [MockFunction],
+                        "removeListener": [MockFunction],
+                        "setValue": [MockFunction],
+                      },
+                    },
+                  ],
+                },
+              ],
+            ]
+          }
+        >
+          <View
+            style={
+              [
+                [
+                  {
+                    "flexDirection": "row",
+                    "paddingHorizontal": 15.692307692307693,
+                    "paddingVertical": 7.846153846153847,
+                  },
+                ],
+                undefined,
+              ]
+            }
+          >
+            <View
+              style={
+                [
+                  [
+                    {
+                      "flex": 1,
+                      "justifyContent": "center",
+                    },
+                  ],
+                  undefined,
+                ]
+              }
+            >
+              <Text
+                allowFontScaling={false}
+                style={
+                  [
+                    [
+                      {
+                        "color": "#001f23",
+                        "fontFamily": "BeVietnamPro-SemiBold",
+                        "fontSize": 15.692307692307693,
+                        "letterSpacing": 0.24,
+                        "lineHeight": 23.692307692307693,
+                      },
+                    ],
+                    undefined,
+                  ]
+                }
+                themeIntent="body"
+                themeTypeface="neutral"
+                themeVariant="regular-bold"
+              >
+                Select Label
+              </Text>
+            </View>
+            <View
+              style={
+                [
+                  [
+                    {
+                      "alignItems": "flex-end",
+                      "height": 47.07692307692308,
+                      "justifyContent": "center",
+                      "marginLeft": 11.76923076923077,
+                      "width": 47.07692307692308,
+                    },
+                  ],
+                  undefined,
+                ]
+              }
+            >
+              <TouchableOpacity
+                onPress={[Function]}
+                testID="bottom-sheet-close-icon"
+              >
+                <Text
+                  allowFontScaling={false}
+                  selectable={false}
+                  style={
+                    [
+                      {
+                        "color": undefined,
+                        "fontSize": 12,
+                      },
+                      [
+                        [
+                          {
+                            "color": "#001f23",
+                            "fontSize": 15.692307692307693,
+                          },
+                        ],
+                        undefined,
+                      ],
+                      {
+                        "fontFamily": "hero-icons-mobile",
+                        "fontStyle": "normal",
+                        "fontWeight": "normal",
+                      },
+                      {},
+                    ]
+                  }
+                  themeIntent="text"
+                  themeSize="xsmall"
+                >
+                  
+                </Text>
+              </TouchableOpacity>
+            </View>
+          </View>
+          <SectionList
+            ItemSeparatorComponent={
+              {
+                "$$typeof": Symbol(react.forward_ref),
+                "render": [Function],
+                "withComponent": [Function],
+              }
+            }
+            ListFooterComponent={null}
+            SectionSeparatorComponent={
+              {
+                "$$typeof": Symbol(react.forward_ref),
+                "render": [Function],
+                "withComponent": [Function],
+              }
+            }
+            onEndReached={[Function]}
+            onEndReachedThreshold={0.1}
+            onMomentumScrollBegin={[Function]}
+            onScrollToIndexFailed={[Function]}
+            renderItem={[Function]}
+            renderSectionHeader={[Function]}
+            sections={
+              [
+                {
+                  "category": "",
+                  "data": [
+                    {
+                      "text": "Monday",
+                      "value": "mon",
+                    },
+                    {
+                      "text": "Tuesday",
+                      "value": "tue",
+                    },
+                    {
+                      "text": "Wednesday",
+                      "value": "wed",
+                    },
+                    {
+                      "text": "Thursday",
+                      "value": "thu",
+                    },
+                    {
+                      "text": "Friday",
+                      "value": "fri",
+                    },
+                    {
+                      "text": "Saturday",
+                      "value": "sat",
+                    },
+                    {
+                      "disabled": true,
+                      "text": "Sunday",
+                      "value": "sun",
+                    },
+                  ],
+                },
+              ]
+            }
+            style={
+              [
+                [
+                  {
+                    "paddingHorizontal": 11.76923076923077,
+                  },
+                ],
+                {},
+              ]
+            }
+          />
+          <View>
+            <View
+              style={
+                [
+                  [
+                    {
+                      "alignItems": "center",
+                      "flexDirection": "row",
+                      "justifyContent": "flex-end",
+                      "paddingHorizontal": 11.76923076923077,
+                      "paddingVertical": 1.9615384615384617,
+                    },
+                  ],
+                  undefined,
+                ]
+              }
+            >
+              <TouchableHighlight
+                disabled={false}
+                loading={false}
+                onPress={[Function]}
+                onPressIn={[Function]}
+                onPressOut={[Function]}
+                style={
+                  [
+                    [
+                      {
+                        "alignItems": "center",
+                        "backgroundColor": "transparent",
+                        "borderRadius": 4,
+                        "borderWidth": 0,
+                        "flexDirection": "row",
+                        "height": 58.84615384615385,
+                        "justifyContent": "center",
+                        "padding": 11.76923076923077,
+                      },
+                    ],
+                    undefined,
+                  ]
+                }
+                themeButtonVariant="text-primary"
+                themeInlineText={false}
+                themeIsCompact={false}
+                underlayColor="#ece8ef"
+              >
+                <Text
+                  allowFontScaling={false}
+                  disabled={false}
+                  ellipsizeMode="tail"
+                  numberOfLines={1}
+                  style={
+                    [
+                      [
+                        {
+                          "color": "#001f23",
+                          "fontFamily": "BeVietnamPro-SemiBold",
+                          "fontSize": 15.692307692307693,
+                          "letterSpacing": 0.24,
+                          "lineHeight": 23.692307692307693,
+                        },
+                      ],
+                      [
+                        [
+                          {
+                            "color": "#401960",
+                            "flexShrink": 1,
+                            "lineHeight": 21.73076923076923,
+                            "textAlign": "center",
+                            "textAlignVertical": "center",
+                          },
+                        ],
+                        undefined,
+                      ],
+                    ]
+                  }
+                  themeButtonVariant="text-primary"
+                  themeIntent="body"
+                  themeIsCompact={false}
+                  themeIsPressed={false}
+                  themeTypeface="neutral"
+                  themeVariant="regular-bold"
+                >
+                  Confirm
+                </Text>
+              </TouchableHighlight>
+            </View>
+          </View>
+        </SafeAreaView>
+      </KeyboardAvoidingView>
+    </View>
+  </Modal>,
+]
+`;
+exports[`Select renders correctly (snapshot) 1`] = `
+[
+  <View
+    pointerEvents="auto"
+  >
+    <TouchableOpacity
+      onPress={[Function]}
+    >
+      <View
+        pointerEvents="none"
+      >
+        <Pressable
+          accessibilityState={
+            {
+              "disabled": false,
+            }
+          }
+          disabled={false}
+          onPress={[Function]}
+          style={
+            [
+              [
+                {
+                  "flexDirection": "row",
+                  "marginTop": 7.846153846153847,
+                  "minHeight": 54.92307692307692,
+                  "paddingHorizontal": 15.692307692307693,
+                  "width": "100%",
+                },
+              ],
+              {},
+            ]
+          }
+          themeFocused={false}
+          themeHasError={false}
+          themeUseGroupStyleEnabled={false}
+        >
+          <View
+            pointerEvents="none"
+            style={
+              [
+                [
+                  {
+                    "borderColor": "#e8e9ea",
+                    "borderRadius": 8,
+                    "borderWidth": 2,
+                  },
+                ],
+                [
+                  {
+                    "backgroundColor": "#ffffff",
+                  },
+                  {},
+                ],
+              ]
+            }
+            testID="text-input-border"
+            themeFocused={false}
+            themeState="filled"
+          />
+          <View
+            style={
+              [
+                [
+                  {
+                    "backgroundColor": "transparent",
+                    "borderRadius": 8,
+                    "flex": 1,
+                    "flexDirection": "column",
+                    "marginBottom": 7.846153846153847,
+                    "marginTop": 7.846153846153847,
+                    "overflow": "hidden",
+                  },
+                ],
+                undefined,
+              ]
+            }
+          >
+            <AnimatedView
+              style={
+                [
+                  [
+                    {
+                      "alignItems": "center",
+                      "backgroundColor": "transparent",
+                      "flexDirection": "row",
+                    },
+                  ],
+                  [
+                    {
+                      "transformOrigin": "left center",
+                    },
+                    {
+                      "transform": [
+                        {
+                          "translateY": {
+                            "addListener": [MockFunction],
+                            "removeListener": [MockFunction],
+                            "setValue": [MockFunction],
+                          },
+                        },
+                        {
+                          "scale": {
+                            "addListener": [MockFunction],
+                            "removeListener": [MockFunction],
+                            "setValue": [MockFunction],
+                          },
+                        },
+                      ],
+                    },
+                  ],
+                ]
+              }
+              testID="input-label"
+              themeVariant="text"
+            >
+              <AnimatedView
+                style={
+                  {
+                    "flexDirection": "row",
+                  }
+                }
+              >
+                <Text
+                  allowFontScaling={false}
+                  numberOfLines={1}
+                  style={
+                    [
+                      [
+                        {
+                          "color": "#001f23",
+                          "fontFamily": "BeVietnamPro-Regular",
+                          "fontSize": 11.76923076923077,
+                          "letterSpacing": 0.36,
+                          "lineHeight": 15.76923076923077,
+                        },
+                      ],
+                      [
+                        [
+                          {
+                            "color": "#808f91",
+                          },
+                        ],
+                        {
+                          "backgroundColor": "transparent",
+                        },
+                      ],
+                    ]
+                  }
+                  testID="input-label-text"
+                  themeFontWeight="regular"
+                  themeIntent="body"
+                  themeState="filled"
+                >
+                  Select Label
+                </Text>
+                <Text
+                  allowFontScaling={false}
+                  style={
+                    [
+                      [
+                        {
+                          "color": "#001f23",
+                          "fontFamily": "BeVietnamPro-Regular",
+                          "fontSize": 11.76923076923077,
+                          "letterSpacing": 0.36,
+                          "lineHeight": 15.76923076923077,
+                        },
+                      ],
+                      [
+                        [
+                          {
+                            "color": "#808f91",
+                          },
+                        ],
+                        undefined,
+                      ],
+                    ]
+                  }
+                  themeFontWeight="regular"
+                  themeIntent="body"
+                  themeState="filled"
+                >
+                   (Optional)
+                </Text>
+              </AnimatedView>
+            </AnimatedView>
+            <Pressable
+              style={
+                [
+                  [
+                    {
+                      "alignItems": "center",
+                      "flexDirection": "row",
+                      "flexGrow": 2,
+                      "flexShrink": 1,
+                      "opacity": 1,
+                    },
+                  ],
+                  undefined,
+                ]
+              }
+              themeOpacity={1}
+            >
+              <View />
+              <View
+                accessibilityLabel="Text input field"
+                style={
+                  {
+                    "flex": 1,
+                  }
+                }
+                testID="input-row-input-wrapper"
+              >
+                <TextInput
+                  accessibilityState={
+                    {
+                      "disabled": false,
+                    }
+                  }
+                  allowFontScaling={false}
+                  editable={true}
+                  multiline={true}
+                  onBlur={[Function]}
+                  onChangeText={[Function]}
+                  onFocus={[Function]}
+                  placeholder=" "
+                  placeholderTextColor="#4d6265"
+                  pointerEvents="none"
+                  style={
+                    [
+                      [
+                        {
+                          "flexGrow": 2,
+                          "fontFamily": "BeVietnamPro-Regular",
+                          "fontSize": 15.692307692307693,
+                          "height": undefined,
+                          "maxHeight": 141.23076923076923,
+                          "minHeight": 23.53846153846154,
+                          "paddingVertical": 0,
+                          "textAlignVertical": "center",
+                        },
+                      ],
+                      [
+                        {
+                          "backgroundColor": "#ffffff",
+                          "color": "#001f23",
+                        },
+                        {},
+                      ],
+                    ]
+                  }
+                  testID="text-input"
+                  themeVariant="text"
+                  value="Monday"
+                />
+              </View>
+            </Pressable>
+            <View
+              style={
+                [
+                  [
+                    {
+                      "alignItems": "flex-start",
+                      "flexDirection": "row",
+                      "justifyContent": "space-between",
+                    },
+                  ],
+                  undefined,
+                ]
+              }
+            />
+          </View>
+          <View
+            style={
+              [
+                [
+                  {
+                    "alignItems": "center",
+                    "flexDirection": "row",
+                    "justifyContent": "flex-end",
+                  },
+                ],
+                undefined,
+              ]
+            }
+          >
+            <Text
+              accessibilityLabel="Suffix icon: arrow-down"
+              accessibilityRole="image"
+              allowFontScaling={false}
+              selectable={false}
+              style={
+                [
+                  {
+                    "color": undefined,
+                    "fontSize": 12,
+                  },
+                  [
+                    [
+                      {
+                        "color": "#001f23",
+                        "fontSize": 23.53846153846154,
+                      },
+                    ],
+                    undefined,
+                  ],
+                  {
+                    "fontFamily": "hero-icons-mobile",
+                    "fontStyle": "normal",
+                    "fontWeight": "normal",
+                  },
+                  {},
+                ]
+              }
+              testID="input-suffix"
+              themeIntent="text"
+              themeSize="medium"
+            >
+              
+            </Text>
+          </View>
+        </Pressable>
+      </View>
+    </TouchableOpacity>
+  </View>,
+  <Modal
+    onRequestClose={[Function]}
+    supportedOrientations={
+      [
+        "portrait",
+      ]
+    }
+    transparent={true}
+    visible={false}
+  >
+    <View
+      pointerEvents="box-none"
+      style={
+        [
+          [
+            {
+              "flexDirection": "column-reverse",
+            },
+          ],
+          undefined,
+        ]
+      }
+    >
+      <KeyboardAvoidingView
+        behavior="padding"
+        style={
+          [
+            [
+              {
+                "flex": 1,
+                "flexDirection": "column-reverse",
+              },
+            ],
+            undefined,
+          ]
+        }
+      >
+        <Pressable
+          onPress={[Function]}
+          style={
+            [
+              [
+                {
+                  "backgroundColor": "#000000",
+                  "opacity": 0.4,
+                },
+              ],
+              {
+                "opacity": {
+                  "addListener": [MockFunction],
+                  "removeListener": [MockFunction],
+                  "setValue": [MockFunction],
+                },
+              },
+            ]
+          }
+        />
+        <SafeAreaView
+          style={
+            [
+              [
+                {
+                  "backgroundColor": "#ffffff",
+                  "borderTopLeftRadius": 16,
+                  "borderTopRightRadius": 16,
+                  "maxHeight": "94%",
+                  "width": "100%",
+                },
+              ],
+              [
+                {
+                  "paddingBottom": 0,
+                },
+                {
+                  "transform": [
+                    {
+                      "scaleY": 1,
+                    },
+                    {
+                      "translateY": {
+                        "addListener": [MockFunction],
+                        "removeListener": [MockFunction],
+                        "setValue": [MockFunction],
+                      },
+                    },
+                  ],
+                },
+              ],
+            ]
+          }
+        >
+          <View
+            style={
+              [
+                [
+                  {
+                    "flexDirection": "row",
+                    "paddingHorizontal": 15.692307692307693,
+                    "paddingVertical": 7.846153846153847,
+                  },
+                ],
+                undefined,
+              ]
+            }
+          >
+            <View
+              style={
+                [
+                  [
+                    {
+                      "flex": 1,
+                      "justifyContent": "center",
+                    },
+                  ],
+                  undefined,
+                ]
+              }
+            >
+              <Text
+                allowFontScaling={false}
+                style={
+                  [
+                    [
+                      {
+                        "color": "#001f23",
+                        "fontFamily": "BeVietnamPro-SemiBold",
+                        "fontSize": 15.692307692307693,
+                        "letterSpacing": 0.24,
+                        "lineHeight": 23.692307692307693,
+                      },
+                    ],
+                    undefined,
+                  ]
+                }
+                themeIntent="body"
+                themeTypeface="neutral"
+                themeVariant="regular-bold"
+              >
+                Select Label
+              </Text>
+            </View>
+            <View
+              style={
+                [
+                  [
+                    {
+                      "alignItems": "flex-end",
+                      "height": 47.07692307692308,
+                      "justifyContent": "center",
+                      "marginLeft": 11.76923076923077,
+                      "width": 47.07692307692308,
+                    },
+                  ],
+                  undefined,
+                ]
+              }
+            >
+              <TouchableOpacity
+                onPress={[Function]}
+                testID="bottom-sheet-close-icon"
+              >
+                <Text
+                  allowFontScaling={false}
+                  selectable={false}
+                  style={
+                    [
+                      {
+                        "color": undefined,
+                        "fontSize": 12,
+                      },
+                      [
+                        [
+                          {
+                            "color": "#001f23",
+                            "fontSize": 15.692307692307693,
+                          },
+                        ],
+                        undefined,
+                      ],
+                      {
+                        "fontFamily": "hero-icons-mobile",
+                        "fontStyle": "normal",
+                        "fontWeight": "normal",
+                      },
+                      {},
+                    ]
+                  }
+                  themeIntent="text"
+                  themeSize="xsmall"
+                >
+                  
+                </Text>
+              </TouchableOpacity>
+            </View>
+          </View>
+          <SectionList
+            ItemSeparatorComponent={
+              {
+                "$$typeof": Symbol(react.forward_ref),
+                "render": [Function],
+                "withComponent": [Function],
+              }
+            }
+            ListFooterComponent={null}
+            SectionSeparatorComponent={
+              {
+                "$$typeof": Symbol(react.forward_ref),
+                "render": [Function],
+                "withComponent": [Function],
+              }
+            }
+            onEndReached={[Function]}
+            onEndReachedThreshold={0.1}
+            onMomentumScrollBegin={[Function]}
+            onScrollToIndexFailed={[Function]}
+            renderItem={[Function]}
+            renderSectionHeader={[Function]}
+            sections={
+              [
+                {
+                  "category": "",
+                  "data": [
+                    {
+                      "text": "Monday",
+                      "value": "mon",
+                    },
+                    {
+                      "text": "Tuesday",
+                      "value": "tue",
+                    },
+                    {
+                      "text": "Wednesday",
+                      "value": "wed",
+                    },
+                    {
+                      "text": "Thursday",
+                      "value": "thu",
+                    },
+                    {
+                      "text": "Friday",
+                      "value": "fri",
+                    },
+                    {
+                      "text": "Saturday",
+                      "value": "sat",
+                    },
+                    {
+                      "disabled": true,
+                      "text": "Sunday",
+                      "value": "sun",
+                    },
+                  ],
+                },
+              ]
+            }
+            style={
+              [
+                [
+                  {
+                    "paddingHorizontal": 11.76923076923077,
+                  },
+                ],
+                [
+                  [
+                    {
+                      "paddingBottom": 15.692307692307693,
+                    },
+                  ],
+                  {},
+                ],
+              ]
+            }
+          />
+        </SafeAreaView>
+      </KeyboardAvoidingView>
+    </View>
+  </Modal>,
+]
+`;