hunk.code_window: import { AppState } from "reducers";
   import {
     getCurrentApplicationId,
     getCurrentPageId,
     getIsEditorInitialized,
     getIsPublishingApplication,
     previewModeSelector,
     selectURLSlugs,
  
hunk.labels: keep keep keep keep replace keep keep keep
hunk.file_path: app/client/src/pages/Editor/EditorHeader.tsx
hunk.type: replace
file: import Widget from "./widget";
  import IconSVG from "./icon.svg";
  import { LabelPosition } from "components/constants";
  import { Alignment } from "@blueprintjs/core";
  
  export const CONFIG = {
    type: Widget.getWidgetType(),
    name: "MultiSelect",
    iconSVG: IconSVG,
    needsMeta: true,
    defaults: {
      rows: 4,
      columns: 20,
      animateLoading: true,
      labelText: "Label",
      labelPosition: LabelPosition.Left,
      labelAlignment: Alignment.LEFT,
      labelWidth: 5,
      labelTextSize: "0.875rem",
      options: [
        { label: "Blue", value: "BLUE" },
        { label: "Green", value: "GREEN" },
        { label: "Red", value: "RED" },
      ],
      widgetName: "MultiSelect",
      isFilterable: true,
      serverSideFiltering: false,
      defaultOptionValue: ["GREEN", "RED"],
      version: 1,
      isRequired: false,
      isDisabled: false,
      placeholderText: "Select option(s)",
    },
    properties: {
      derived: Widget.getDerivedPropertiesMap(),
      default: Widget.getDefaultPropertiesMap(),
      meta: Widget.getMetaPropertiesMap(),
      config: Widget.getPropertyPaneConfig(),
    },
  };
  
  export default Widget;
  