hunk.code_window: exports[`defaults - snapshot 1`] = `
   <Creatable
     allowCreateWhileLoading={false}
     createOptionLabelFirst={false}
     defaultInputValue=""
     defaultMenuIsOpen={false}
     defaultValue={null}
     formatCreateLabel={[Function]}
     getNewOptionData={[Function]}
  
hunk.labels: keep keep keep replace keep keep keep keep keep
hunk.after_edit:   createOptionPosition="last"
  
hunk.file_path: src/__tests__/__snapshots__/Creatable.test.js.snap
hunk.type: replace
file: // Jest Snapshot v1, https://goo.gl/fbAQLP
  
  exports[`defaults - snapshot 1`] = `
  <Async
    cacheOptions={false}
    defaultOptions={false}
  >
    <StateManager
      cacheOptions={false}
      defaultInputValue=""
      defaultMenuIsOpen={false}
      defaultOptions={false}
      defaultValue={null}
      filterOption={null}
      isLoading={false}
      onInputChange={[Function]}
      options={Array []}
    >
      <Creatable
        allowCreateWhileLoading={false}
        cacheOptions={false}
        createOptionLabelFirst={false}
        defaultInputValue=""
        defaultMenuIsOpen={false}
        defaultOptions={false}
        defaultValue={null}
        filterOption={null}
        formatCreateLabel={[Function]}
        getNewOptionData={[Function]}
        inputValue=""
        isLoading={false}
        isValidNewOption={[Function]}
        menuIsOpen={false}
        onChange={[Function]}
        onInputChange={[Function]}
        onMenuClose={[Function]}
        onMenuOpen={[Function]}
        options={Array []}
        value={null}
      >
        <Select
          allowCreateWhileLoading={false}
          backspaceRemovesValue={true}
          blurInputOnSelect={true}
          cacheOptions={false}
          captureMenuScroll={false}
          closeMenuOnSelect={true}
          components={Object {}}
          controlShouldRenderValue={true}
          createOptionLabelFirst={false}
          defaultInputValue=""
          defaultMenuIsOpen={false}
          defaultOptions={false}
          defaultValue={null}
          escapeClearsValue={false}
          filterOption={null}
          formatCreateLabel={[Function]}
          formatGroupLabel={[Function]}
          getNewOptionData={[Function]}
          getOptionLabel={[Function]}
          getOptionValue={[Function]}
          hideSelectedOptions={true}
          inputValue=""
          isDisabled={false}
          isLoading={false}
          isMulti={false}
          isOptionDisabled={[Function]}
          isRtl={false}
          isSearchable={true}
          isValidNewOption={[Function]}
          loadingMessage={[Function]}
          maxMenuHeight={300}
          menuIsOpen={false}
          menuPlacement="bottom"
          menuPosition="absolute"
          menuShouldBlockScroll={false}
          menuShouldScrollIntoView={true}
          minMenuHeight={140}
          noOptionsMessage={[Function]}
          onChange={[Function]}
          onInputChange={[Function]}
          onMenuClose={[Function]}
          onMenuOpen={[Function]}
          openMenuOnClick={true}
          openMenuOnFocus={false}
          options={Array []}
          pageSize={5}
          placeholder="Select..."
          screenReaderStatus={[Function]}
          styles={Object {}}
          tabIndex="0"
          tabSelectsValue={true}
          value={null}
        >
          <SelectContainer
            clearValue={[Function]}
            cx={[Function]}
            getStyles={[Function]}
            getValue={[Function]}
            hasValue={false}
            innerProps={
              Object {
                "id": undefined,
                "onKeyDown": [Function],
              }
            }
            isDisabled={false}
            isFocused={false}
            isMulti={false}
            isRtl={false}
            options={Array []}
            selectOption={[Function]}
            selectProps={
              Object {
                "allowCreateWhileLoading": false,
                "backspaceRemovesValue": true,
                "blurInputOnSelect": true,
                "cacheOptions": false,
                "captureMenuScroll": false,
                "closeMenuOnSelect": true,
                "components": Object {},
                "controlShouldRenderValue": true,
                "createOptionLabelFirst": false,
                "defaultInputValue": "",
                "defaultMenuIsOpen": false,
                "defaultOptions": false,
                "defaultValue": null,
                "escapeClearsValue": false,
                "filterOption": null,
                "formatCreateLabel": [Function],
                "formatGroupLabel": [Function],
                "getNewOptionData": [Function],
                "getOptionLabel": [Function],
                "getOptionValue": [Function],
                "hideSelectedOptions": true,
                "inputValue": "",
                "isDisabled": false,
                "isLoading": false,
                "isMulti": false,
                "isOptionDisabled": [Function],
                "isRtl": false,
                "isSearchable": true,
                "isValidNewOption": [Function],
                "loadingMessage": [Function],
                "maxMenuHeight": 300,
                "menuIsOpen": false,
                "menuPlacement": "bottom",
                "menuPosition": "absolute",
                "menuShouldBlockScroll": false,
                "menuShouldScrollIntoView": true,
                "minMenuHeight": 140,
                "noOptionsMessage": [Function],
                "onChange": [Function],
                "onInputChange": [Function],
                "onMenuClose": [Function],
                "onMenuOpen": [Function],
                "openMenuOnClick": true,
                "openMenuOnFocus": false,
                "options": Array [],
                "pageSize": 5,
                "placeholder": "Select...",
                "screenReaderStatus": [Function],
                "styles": Object {},
                "tabIndex": "0",
                "tabSelectsValue": true,
                "value": null,
              }
            }
            setValue={[Function]}
          >
            <div
              className="css-10nd86i"
              onKeyDown={[Function]}
            >
              <A11yText
                aria-atomic="true"
                aria-live="polite"
                role="status"
              >
                <span
                  aria-atomic="true"
                  aria-live="polite"
                  className="css-1uvvha"
                  role="status"
                >
                  0 results available.
                </span>
              </A11yText>
              <Control
                clearValue={[Function]}
                cx={[Function]}
                getStyles={[Function]}
                getValue={[Function]}
                hasValue={false}
                innerProps={
                  Object {
                    "innerRef": [Function],
                    "onMouseDown": [Function],
                    "onTouchEnd": [Function],
                  }
                }
                isDisabled={false}
                isFocused={false}
                isMulti={false}
                isRtl={false}
                options={Array []}
                selectOption={[Function]}
                selectProps={
                  Object {
                    "allowCreateWhileLoading": false,
                    "backspaceRemovesValue": true,
                    "blurInputOnSelect": true,
                    "cacheOptions": false,
                    "captureMenuScroll": false,
                    "closeMenuOnSelect": true,
                    "components": Object {},
                    "controlShouldRenderValue": true,
                    "createOptionLabelFirst": false,
                    "defaultInputValue": "",
                    "defaultMenuIsOpen": false,
                    "defaultOptions": false,
                    "defaultValue": null,
                    "escapeClearsValue": false,
                    "filterOption": null,
                    "formatCreateLabel": [Function],
                    "formatGroupLabel": [Function],
                    "getNewOptionData": [Function],
                    "getOptionLabel": [Function],
                    "getOptionValue": [Function],
                    "hideSelectedOptions": true,
                    "inputValue": "",
                    "isDisabled": false,
                    "isLoading": false,
                    "isMulti": false,
                    "isOptionDisabled": [Function],
                    "isRtl": false,
                    "isSearchable": true,
                    "isValidNewOption": [Function],
                    "loadingMessage": [Function],
                    "maxMenuHeight": 300,
                    "menuIsOpen": false,
                    "menuPlacement": "bottom",
                    "menuPosition": "absolute",
                    "menuShouldBlockScroll": false,
                    "menuShouldScrollIntoView": true,
                    "minMenuHeight": 140,
                    "noOptionsMessage": [Function],
                    "onChange": [Function],
                    "onInputChange": [Function],
                    "onMenuClose": [Function],
                    "onMenuOpen": [Function],
                    "openMenuOnClick": true,
                    "openMenuOnFocus": false,
                    "options": Array [],
                    "pageSize": 5,
                    "placeholder": "Select...",
                    "screenReaderStatus": [Function],
                    "styles": Object {},
                    "tabIndex": "0",
                    "tabSelectsValue": true,
                    "value": null,
                  }
                }
                setValue={[Function]}
              >
                <div
                  className="css-1aya2g8"
                  onMouseDown={[Function]}
                  onTouchEnd={[Function]}
                >
                  <ValueContainer
                    clearValue={[Function]}
                    cx={[Function]}
                    getStyles={[Function]}
                    getValue={[Function]}
                    hasValue={false}
                    isDisabled={false}
                    isMulti={false}
                    isRtl={false}
                    options={Array []}
                    selectOption={[Function]}
                    selectProps={
                      Object {
                        "allowCreateWhileLoading": false,
                        "backspaceRemovesValue": true,
                        "blurInputOnSelect": true,
                        "cacheOptions": false,
                        "captureMenuScroll": false,
                        "closeMenuOnSelect": true,
                        "components": Object {},
                        "controlShouldRenderValue": true,
                        "createOptionLabelFirst": false,
                        "defaultInputValue": "",
                        "defaultMenuIsOpen": false,
                        "defaultOptions": false,
                        "defaultValue": null,
                        "escapeClearsValue": false,
                        "filterOption": null,
                        "formatCreateLabel": [Function],
                        "formatGroupLabel": [Function],
                        "getNewOptionData": [Function],
                        "getOptionLabel": [Function],
                        "getOptionValue": [Function],
                        "hideSelectedOptions": true,
                        "inputValue": "",
                        "isDisabled": false,
                        "isLoading": false,
                        "isMulti": false,
                        "isOptionDisabled": [Function],
                        "isRtl": false,
                        "isSearchable": true,
                        "isValidNewOption": [Function],
                        "loadingMessage": [Function],
                        "maxMenuHeight": 300,
                        "menuIsOpen": false,
                        "menuPlacement": "bottom",
                        "menuPosition": "absolute",
                        "menuShouldBlockScroll": false,
                        "menuShouldScrollIntoView": true,
                        "minMenuHeight": 140,
                        "noOptionsMessage": [Function],
                        "onChange": [Function],
                        "onInputChange": [Function],
                        "onMenuClose": [Function],
                        "onMenuOpen": [Function],
                        "openMenuOnClick": true,
                        "openMenuOnFocus": false,
                        "options": Array [],
                        "pageSize": 5,
                        "placeholder": "Select...",
                        "screenReaderStatus": [Function],
                        "styles": Object {},
                        "tabIndex": "0",
                        "tabSelectsValue": true,
                        "value": null,
                      }
                    }
                    setValue={[Function]}
                  >
                    <div
                      className="css-1rtrksz"
                    >
                      <Placeholder
                        clearValue={[Function]}
                        cx={[Function]}
                        getStyles={[Function]}
                        getValue={[Function]}
                        hasValue={false}
                        isDisabled={false}
                        isMulti={false}
                        isRtl={false}
                        key="placeholder"
                        options={Array []}
                        selectOption={[Function]}
                        selectProps={
                          Object {
                            "allowCreateWhileLoading": false,
                            "backspaceRemovesValue": true,
                            "blurInputOnSelect": true,
                            "cacheOptions": false,
                            "captureMenuScroll": false,
                            "closeMenuOnSelect": true,
                            "components": Object {},
                            "controlShouldRenderValue": true,
                            "createOptionLabelFirst": false,
                            "defaultInputValue": "",
                            "defaultMenuIsOpen": false,
                            "defaultOptions": false,
                            "defaultValue": null,
                            "escapeClearsValue": false,
                            "filterOption": null,
                            "formatCreateLabel": [Function],
                            "formatGroupLabel": [Function],
                            "getNewOptionData": [Function],
                            "getOptionLabel": [Function],
                            "getOptionValue": [Function],
                            "hideSelectedOptions": true,
                            "inputValue": "",
                            "isDisabled": false,
                            "isLoading": false,
                            "isMulti": false,
                            "isOptionDisabled": [Function],
                            "isRtl": false,
                            "isSearchable": true,
                            "isValidNewOption": [Function],
                            "loadingMessage": [Function],
                            "maxMenuHeight": 300,
                            "menuIsOpen": false,
                            "menuPlacement": "bottom",
                            "menuPosition": "absolute",
                            "menuShouldBlockScroll": false,
                            "menuShouldScrollIntoView": true,
                            "minMenuHeight": 140,
                            "noOptionsMessage": [Function],
                            "onChange": [Function],
                            "onInputChange": [Function],
                            "onMenuClose": [Function],
                            "onMenuOpen": [Function],
                            "openMenuOnClick": true,
                            "openMenuOnFocus": false,
                            "options": Array [],
                            "pageSize": 5,
                            "placeholder": "Select...",
                            "screenReaderStatus": [Function],
                            "styles": Object {},
                            "tabIndex": "0",
                            "tabSelectsValue": true,
                            "value": null,
                          }
                        }
                        setValue={[Function]}
                      >
                        <div
                          className="css-1492t68"
                        >
                          Select...
                        </div>
                      </Placeholder>
                      <Input
                        aria-autocomplete="list"
                        aria-busy={false}
                        aria-expanded={false}
                        aria-haspopup={false}
                        autoCapitalize="none"
                        autoComplete="off"
                        autoCorrect="off"
                        cx={[Function]}
                        getStyles={[Function]}
                        id="react-select-2-input"
                        innerRef={[Function]}
                        isDisabled={false}
                        isHidden={false}
                        onBlur={[Function]}
                        onChange={[Function]}
                        onFocus={[Function]}
                        role="combobox"
                        spellCheck="false"
                        tabIndex="0"
                        type="text"
                        value=""
                      >
                        <div
                          className="css-rsyb7x"
                        >
                          <AutosizeInput
                            aria-autocomplete="list"
                            aria-busy={false}
                            aria-expanded={false}
                            aria-haspopup={false}
                            autoCapitalize="none"
                            autoComplete="off"
                            autoCorrect="off"
                            className=""
                            disabled={false}
                            id="react-select-2-input"
                            injectStyles={true}
                            inputRef={[Function]}
                            inputStyle={
                              Object {
                                "background": 0,
                                "border": 0,
                                "color": "inherit",
                                "fontSize": "inherit",
                                "opacity": 1,
                                "outline": 0,
                                "padding": 0,
                              }
                            }
                            minWidth={1}
                            onBlur={[Function]}
                            onChange={[Function]}
                            onFocus={[Function]}
                            role="combobox"
                            spellCheck="false"
                            tabIndex="0"
                            type="text"
                            value=""
                          >
                            <div
                              className=""
                              style={
                                Object {
                                  "display": "inline-block",
                                }
                              }
                            >
                              <input
                                aria-autocomplete="list"
                                aria-busy={false}
                                aria-expanded={false}
                                aria-haspopup={false}
                                autoCapitalize="none"
                                autoComplete="off"
                                autoCorrect="off"
                                disabled={false}
                                id="react-select-2-input"
                                onBlur={[Function]}
                                onChange={[Function]}
                                onFocus={[Function]}
                                role="combobox"
                                spellCheck="false"
                                style={
                                  Object {
                                    "background": 0,
                                    "border": 0,
                                    "boxSizing": "content-box",
                                    "color": "inherit",
                                    "fontSize": "inherit",
                                    "opacity": 1,
                                    "outline": 0,
                                    "padding": 0,
                                    "width": "2px",
                                  }
                                }
                                tabIndex="0"
                                type="text"
                                value=""
                              />
                              <div
                                style={
                                  Object {
                                    "height": 0,
                                    "left": 0,
                                    "overflow": "scroll",
                                    "position": "absolute",
                                    "top": 0,
                                    "visibility": "hidden",
                                    "whiteSpace": "pre",
                                  }
                                }
                              />
                            </div>
                          </AutosizeInput>
                        </div>
                      </Input>
                    </div>
                  </ValueContainer>
                  <IndicatorsContainer
                    clearValue={[Function]}
                    cx={[Function]}
                    getStyles={[Function]}
                    getValue={[Function]}
                    hasValue={false}
                    isDisabled={false}
                    isMulti={false}
                    isRtl={false}
                    options={Array []}
                    selectOption={[Function]}
                    selectProps={
                      Object {
                        "allowCreateWhileLoading": false,
                        "backspaceRemovesValue": true,
                        "blurInputOnSelect": true,
                        "cacheOptions": false,
                        "captureMenuScroll": false,
                        "closeMenuOnSelect": true,
                        "components": Object {},
                        "controlShouldRenderValue": true,
                        "createOptionLabelFirst": false,
                        "defaultInputValue": "",
                        "defaultMenuIsOpen": false,
                        "defaultOptions": false,
                        "defaultValue": null,
                        "escapeClearsValue": false,
                        "filterOption": null,
                        "formatCreateLabel": [Function],
                        "formatGroupLabel": [Function],
                        "getNewOptionData": [Function],
                        "getOptionLabel": [Function],
                        "getOptionValue": [Function],
                        "hideSelectedOptions": true,
                        "inputValue": "",
                        "isDisabled": false,
                        "isLoading": false,
                        "isMulti": false,
                        "isOptionDisabled": [Function],
                        "isRtl": false,
                        "isSearchable": true,
                        "isValidNewOption": [Function],
                        "loadingMessage": [Function],
                        "maxMenuHeight": 300,
                        "menuIsOpen": false,
                        "menuPlacement": "bottom",
                        "menuPosition": "absolute",
                        "menuShouldBlockScroll": false,
                        "menuShouldScrollIntoView": true,
                        "minMenuHeight": 140,
                        "noOptionsMessage": [Function],
                        "onChange": [Function],
                        "onInputChange": [Function],
                        "onMenuClose": [Function],
                        "onMenuOpen": [Function],
                        "openMenuOnClick": true,
                        "openMenuOnFocus": false,
                        "options": Array [],
                        "pageSize": 5,
                        "placeholder": "Select...",
                        "screenReaderStatus": [Function],
                        "styles": Object {},
                        "tabIndex": "0",
                        "tabSelectsValue": true,
                        "value": null,
                      }
                    }
                    setValue={[Function]}
                  >
                    <div
                      className="css-1wy0on6"
                    >
                      <IndicatorSeparator
                        clearValue={[Function]}
                        cx={[Function]}
                        getStyles={[Function]}
                        getValue={[Function]}
                        hasValue={false}
                        innerProps={
                          Object {
                            "role": "presentation",
                          }
                        }
                        isDisabled={false}
                        isFocused={false}
                        isMulti={false}
                        isRtl={false}
                        options={Array []}
                        selectOption={[Function]}
                        selectProps={
                          Object {
                            "allowCreateWhileLoading": false,
                            "backspaceRemovesValue": true,
                            "blurInputOnSelect": true,
                            "cacheOptions": false,
                            "captureMenuScroll": false,
                            "closeMenuOnSelect": true,
                            "components": Object {},
                            "controlShouldRenderValue": true,
                            "createOptionLabelFirst": false,
                            "defaultInputValue": "",
                            "defaultMenuIsOpen": false,
                            "defaultOptions": false,
                            "defaultValue": null,
                            "escapeClearsValue": false,
                            "filterOption": null,
                            "formatCreateLabel": [Function],
                            "formatGroupLabel": [Function],
                            "getNewOptionData": [Function],
                            "getOptionLabel": [Function],
                            "getOptionValue": [Function],
                            "hideSelectedOptions": true,
                            "inputValue": "",
                            "isDisabled": false,
                            "isLoading": false,
                            "isMulti": false,
                            "isOptionDisabled": [Function],
                            "isRtl": false,
                            "isSearchable": true,
                            "isValidNewOption": [Function],
                            "loadingMessage": [Function],
                            "maxMenuHeight": 300,
                            "menuIsOpen": false,
                            "menuPlacement": "bottom",
                            "menuPosition": "absolute",
                            "menuShouldBlockScroll": false,
                            "menuShouldScrollIntoView": true,
                            "minMenuHeight": 140,
                            "noOptionsMessage": [Function],
                            "onChange": [Function],
                            "onInputChange": [Function],
                            "onMenuClose": [Function],
                            "onMenuOpen": [Function],
                            "openMenuOnClick": true,
                            "openMenuOnFocus": false,
                            "options": Array [],
                            "pageSize": 5,
                            "placeholder": "Select...",
                            "screenReaderStatus": [Function],
                            "styles": Object {},
                            "tabIndex": "0",
                            "tabSelectsValue": true,
                            "value": null,
                          }
                        }
                        setValue={[Function]}
                      >
                        <span
                          className="css-d8oujb"
                          role="presentation"
                        />
                      </IndicatorSeparator>
                      <DropdownIndicator
                        clearValue={[Function]}
                        cx={[Function]}
                        getStyles={[Function]}
                        getValue={[Function]}
                        hasValue={false}
                        innerProps={
                          Object {
                            "onMouseDown": [Function],
                            "onTouchEnd": [Function],
                            "role": "button",
                          }
                        }
                        isDisabled={false}
                        isFocused={false}
                        isMulti={false}
                        isRtl={false}
                        options={Array []}
                        selectOption={[Function]}
                        selectProps={
                          Object {
                            "allowCreateWhileLoading": false,
                            "backspaceRemovesValue": true,
                            "blurInputOnSelect": true,
                            "cacheOptions": false,
                            "captureMenuScroll": false,
                            "closeMenuOnSelect": true,
                            "components": Object {},
                            "controlShouldRenderValue": true,
                            "createOptionLabelFirst": false,
                            "defaultInputValue": "",
                            "defaultMenuIsOpen": false,
                            "defaultOptions": false,
                            "defaultValue": null,
                            "escapeClearsValue": false,
                            "filterOption": null,
                            "formatCreateLabel": [Function],
                            "formatGroupLabel": [Function],
                            "getNewOptionData": [Function],
                            "getOptionLabel": [Function],
                            "getOptionValue": [Function],
                            "hideSelectedOptions": true,
                            "inputValue": "",
                            "isDisabled": false,
                            "isLoading": false,
                            "isMulti": false,
                            "isOptionDisabled": [Function],
                            "isRtl": false,
                            "isSearchable": true,
                            "isValidNewOption": [Function],
                            "loadingMessage": [Function],
                            "maxMenuHeight": 300,
                            "menuIsOpen": false,
                            "menuPlacement": "bottom",
                            "menuPosition": "absolute",
                            "menuShouldBlockScroll": false,
                            "menuShouldScrollIntoView": true,
                            "minMenuHeight": 140,
                            "noOptionsMessage": [Function],
                            "onChange": [Function],
                            "onInputChange": [Function],
                            "onMenuClose": [Function],
                            "onMenuOpen": [Function],
                            "openMenuOnClick": true,
                            "openMenuOnFocus": false,
                            "options": Array [],
                            "pageSize": 5,
                            "placeholder": "Select...",
                            "screenReaderStatus": [Function],
                            "styles": Object {},
                            "tabIndex": "0",
                            "tabSelectsValue": true,
                            "value": null,
                          }
                        }
                        setValue={[Function]}
                      >
                        <div
                          className="css-1ep9fjw"
                          onMouseDown={[Function]}
                          onTouchEnd={[Function]}
                          role="button"
                        >
                          <DownChevron>
                            <Svg
                              focusable="false"
                              role="presentation"
                              size={20}
                            >
                              <svg
                                className="css-19bqh2r"
                                focusable="false"
                                height={20}
                                role="presentation"
                                viewBox="0 0 20 20"
                                width={20}
                              >
                                <path
                                  d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
                                />
                              </svg>
                            </Svg>
                          </DownChevron>
                        </div>
                      </DropdownIndicator>
                    </div>
                  </IndicatorsContainer>
                </div>
              </Control>
            </div>
          </SelectContainer>
        </Select>
      </Creatable>
    </StateManager>
  </Async>
  `;
  