Merge pull request #535 from paziresh24/next

Fix UI Issues in External Book Action Card for Hospitals; Debug Survey Splunk Events

.plasmic/FilterItemSingleSelect.tsx

@@ -0,0 +1,49 @@
+// This is a skeleton starter React component generated by Plasmic.
+// This file is owned by you, feel free to edit as you see fit.
+import * as React from "react";
+import {
+  PlasmicFilterItemSingleSelect,
+  DefaultFilterItemSingleSelectProps
+} from "./plasmic/paziresh_24_search/PlasmicFilterItemSingleSelect";
+import { HTMLElementRefOf } from "@plasmicapp/react-web";
+
+// Your component props start with props for variants and slots you defined
+// in Plasmic, but you can add more here, like event handlers that you can
+// attach to named nodes in your component.
+//
+// If you don't want to expose certain variants or slots as a prop, you can use
+// Omit to hide them:
+//
+// interface FilterItemSingleSelectProps extends Omit<DefaultFilterItemSingleSelectProps, "hideProps1"|"hideProp2"> {
+//   // etc.
+// }
+//
+// You can also stop extending from DefaultFilterItemSingleSelectProps altogether and have
+// total control over the props for your component.
+export interface FilterItemSingleSelectProps
+  extends DefaultFilterItemSingleSelectProps {}
+
+function FilterItemSingleSelect_(
+  props: FilterItemSingleSelectProps,
+  ref: HTMLElementRefOf<"div">
+) {
+  // Use PlasmicFilterItemSingleSelect to render this component as it was
+  // designed in Plasmic, by activating the appropriate variants,
+  // attaching the appropriate event handlers, etc.  You
+  // can also install whatever React hooks you need here to manage state or
+  // fetch data.
+  //
+  // Props you can pass into PlasmicFilterItemSingleSelect are:
+  // 1. Variants you want to activate,
+  // 2. Contents for slots you want to fill,
+  // 3. Overrides for any named node in the component to attach behavior and data,
+  // 4. Props to set on the root node.
+  //
+  // By default, we are just piping all FilterItemSingleSelectProps here, but feel free
+  // to do whatever works for you.
+
+  return <PlasmicFilterItemSingleSelect root={{ ref }} {...props} />;
+}
+
+const FilterItemSingleSelect = React.forwardRef(FilterItemSingleSelect_);
+export default FilterItemSingleSelect;

.plasmic/FilterItemToggle.tsx

@@ -0,0 +1,48 @@
+// This is a skeleton starter React component generated by Plasmic.
+// This file is owned by you, feel free to edit as you see fit.
+import * as React from "react";
+import {
+  PlasmicFilterItemToggle,
+  DefaultFilterItemToggleProps
+} from "./plasmic/paziresh_24_search/PlasmicFilterItemToggle";
+import { HTMLElementRefOf } from "@plasmicapp/react-web";
+
+// Your component props start with props for variants and slots you defined
+// in Plasmic, but you can add more here, like event handlers that you can
+// attach to named nodes in your component.
+//
+// If you don't want to expose certain variants or slots as a prop, you can use
+// Omit to hide them:
+//
+// interface FilterItemToggleProps extends Omit<DefaultFilterItemToggleProps, "hideProps1"|"hideProp2"> {
+//   // etc.
+// }
+//
+// You can also stop extending from DefaultFilterItemToggleProps altogether and have
+// total control over the props for your component.
+export interface FilterItemToggleProps extends DefaultFilterItemToggleProps {}
+
+function FilterItemToggle_(
+  props: FilterItemToggleProps,
+  ref: HTMLElementRefOf<"div">
+) {
+  // Use PlasmicFilterItemToggle to render this component as it was
+  // designed in Plasmic, by activating the appropriate variants,
+  // attaching the appropriate event handlers, etc.  You
+  // can also install whatever React hooks you need here to manage state or
+  // fetch data.
+  //
+  // Props you can pass into PlasmicFilterItemToggle are:
+  // 1. Variants you want to activate,
+  // 2. Contents for slots you want to fill,
+  // 3. Overrides for any named node in the component to attach behavior and data,
+  // 4. Props to set on the root node.
+  //
+  // By default, we are just piping all FilterItemToggleProps here, but feel free
+  // to do whatever works for you.
+
+  return <PlasmicFilterItemToggle root={{ ref }} {...props} />;
+}
+
+const FilterItemToggle = React.forwardRef(FilterItemToggle_);
+export default FilterItemToggle;

.plasmic/FilterRowItem.tsx

@@ -0,0 +1,48 @@
+// This is a skeleton starter React component generated by Plasmic.
+// This file is owned by you, feel free to edit as you see fit.
+import * as React from "react";
+import {
+  PlasmicFilterRowItem,
+  DefaultFilterRowItemProps
+} from "./plasmic/paziresh_24_search/PlasmicFilterRowItem";
+import { HTMLElementRefOf } from "@plasmicapp/react-web";
+
+// Your component props start with props for variants and slots you defined
+// in Plasmic, but you can add more here, like event handlers that you can
+// attach to named nodes in your component.
+//
+// If you don't want to expose certain variants or slots as a prop, you can use
+// Omit to hide them:
+//
+// interface FilterRowItemProps extends Omit<DefaultFilterRowItemProps, "hideProps1"|"hideProp2"> {
+//   // etc.
+// }
+//
+// You can also stop extending from DefaultFilterRowItemProps altogether and have
+// total control over the props for your component.
+export interface FilterRowItemProps extends DefaultFilterRowItemProps {}
+
+function FilterRowItem_(
+  props: FilterRowItemProps,
+  ref: HTMLElementRefOf<"div">
+) {
+  // Use PlasmicFilterRowItem to render this component as it was
+  // designed in Plasmic, by activating the appropriate variants,
+  // attaching the appropriate event handlers, etc.  You
+  // can also install whatever React hooks you need here to manage state or
+  // fetch data.
+  //
+  // Props you can pass into PlasmicFilterRowItem are:
+  // 1. Variants you want to activate,
+  // 2. Contents for slots you want to fill,
+  // 3. Overrides for any named node in the component to attach behavior and data,
+  // 4. Props to set on the root node.
+  //
+  // By default, we are just piping all FilterRowItemProps here, but feel free
+  // to do whatever works for you.
+
+  return <PlasmicFilterRowItem root={{ ref }} {...props} />;
+}
+
+const FilterRowItem = React.forwardRef(FilterRowItem_);
+export default FilterRowItem;

.plasmic/MainSearchRequest.tsx

@@ -0,0 +1,48 @@
+// This is a skeleton starter React component generated by Plasmic.
+// This file is owned by you, feel free to edit as you see fit.
+import * as React from "react";
+import {
+  PlasmicMainSearchRequest,
+  DefaultMainSearchRequestProps
+} from "./plasmic/paziresh_24_search/PlasmicMainSearchRequest";
+import { HTMLElementRefOf } from "@plasmicapp/react-web";
+
+// Your component props start with props for variants and slots you defined
+// in Plasmic, but you can add more here, like event handlers that you can
+// attach to named nodes in your component.
+//
+// If you don't want to expose certain variants or slots as a prop, you can use
+// Omit to hide them:
+//
+// interface MainSearchRequestProps extends Omit<DefaultMainSearchRequestProps, "hideProps1"|"hideProp2"> {
+//   // etc.
+// }
+//
+// You can also stop extending from DefaultMainSearchRequestProps altogether and have
+// total control over the props for your component.
+export interface MainSearchRequestProps extends DefaultMainSearchRequestProps {}
+
+function MainSearchRequest_(
+  props: MainSearchRequestProps,
+  ref: HTMLElementRefOf<"div">
+) {
+  // Use PlasmicMainSearchRequest to render this component as it was
+  // designed in Plasmic, by activating the appropriate variants,
+  // attaching the appropriate event handlers, etc.  You
+  // can also install whatever React hooks you need here to manage state or
+  // fetch data.
+  //
+  // Props you can pass into PlasmicMainSearchRequest are:
+  // 1. Variants you want to activate,
+  // 2. Contents for slots you want to fill,
+  // 3. Overrides for any named node in the component to attach behavior and data,
+  // 4. Props to set on the root node.
+  //
+  // By default, we are just piping all MainSearchRequestProps here, but feel free
+  // to do whatever works for you.
+
+  return <PlasmicMainSearchRequest root={{ ref }} {...props} />;
+}
+
+const MainSearchRequest = React.forwardRef(MainSearchRequest_);
+export default MainSearchRequest;

.plasmic/SuggestedItem.tsx

@@ -0,0 +1,48 @@
+// This is a skeleton starter React component generated by Plasmic.
+// This file is owned by you, feel free to edit as you see fit.
+import * as React from "react";
+import {
+  PlasmicSuggestedItem,
+  DefaultSuggestedItemProps
+} from "./plasmic/paziresh_24_search/PlasmicSuggestedItem";
+import { HTMLElementRefOf } from "@plasmicapp/react-web";
+
+// Your component props start with props for variants and slots you defined
+// in Plasmic, but you can add more here, like event handlers that you can
+// attach to named nodes in your component.
+//
+// If you don't want to expose certain variants or slots as a prop, you can use
+// Omit to hide them:
+//
+// interface SuggestedItemProps extends Omit<DefaultSuggestedItemProps, "hideProps1"|"hideProp2"> {
+//   // etc.
+// }
+//
+// You can also stop extending from DefaultSuggestedItemProps altogether and have
+// total control over the props for your component.
+export interface SuggestedItemProps extends DefaultSuggestedItemProps {}
+
+function SuggestedItem_(
+  props: SuggestedItemProps,
+  ref: HTMLElementRefOf<"div">
+) {
+  // Use PlasmicSuggestedItem to render this component as it was
+  // designed in Plasmic, by activating the appropriate variants,
+  // attaching the appropriate event handlers, etc.  You
+  // can also install whatever React hooks you need here to manage state or
+  // fetch data.
+  //
+  // Props you can pass into PlasmicSuggestedItem are:
+  // 1. Variants you want to activate,
+  // 2. Contents for slots you want to fill,
+  // 3. Overrides for any named node in the component to attach behavior and data,
+  // 4. Props to set on the root node.
+  //
+  // By default, we are just piping all SuggestedItemProps here, but feel free
+  // to do whatever works for you.
+
+  return <PlasmicSuggestedItem root={{ ref }} {...props} />;
+}
+
+const SuggestedItem = React.forwardRef(SuggestedItem_);
+export default SuggestedItem;

.plasmic/Suggestion.tsx

@@ -0,0 +1,45 @@
+// This is a skeleton starter React component generated by Plasmic.
+// This file is owned by you, feel free to edit as you see fit.
+import * as React from "react";
+import {
+  PlasmicSuggestion,
+  DefaultSuggestionProps
+} from "./plasmic/paziresh_24_search/PlasmicSuggestion";
+import { HTMLElementRefOf } from "@plasmicapp/react-web";
+
+// Your component props start with props for variants and slots you defined
+// in Plasmic, but you can add more here, like event handlers that you can
+// attach to named nodes in your component.
+//
+// If you don't want to expose certain variants or slots as a prop, you can use
+// Omit to hide them:
+//
+// interface SuggestionProps extends Omit<DefaultSuggestionProps, "hideProps1"|"hideProp2"> {
+//   // etc.
+// }
+//
+// You can also stop extending from DefaultSuggestionProps altogether and have
+// total control over the props for your component.
+export interface SuggestionProps extends DefaultSuggestionProps {}
+
+function Suggestion_(props: SuggestionProps, ref: HTMLElementRefOf<"div">) {
+  // Use PlasmicSuggestion to render this component as it was
+  // designed in Plasmic, by activating the appropriate variants,
+  // attaching the appropriate event handlers, etc.  You
+  // can also install whatever React hooks you need here to manage state or
+  // fetch data.
+  //
+  // Props you can pass into PlasmicSuggestion are:
+  // 1. Variants you want to activate,
+  // 2. Contents for slots you want to fill,
+  // 3. Overrides for any named node in the component to attach behavior and data,
+  // 4. Props to set on the root node.
+  //
+  // By default, we are just piping all SuggestionProps here, but feel free
+  // to do whatever works for you.
+
+  return <PlasmicSuggestion root={{ ref }} {...props} />;
+}
+
+const Suggestion = React.forwardRef(Suggestion_);
+export default Suggestion;

.plasmic/SuggestionInput.tsx

@@ -0,0 +1,48 @@
+// This is a skeleton starter React component generated by Plasmic.
+// This file is owned by you, feel free to edit as you see fit.
+import * as React from "react";
+import {
+  PlasmicSuggestionInput,
+  DefaultSuggestionInputProps
+} from "./plasmic/paziresh_24_search/PlasmicSuggestionInput";
+import { HTMLElementRefOf } from "@plasmicapp/react-web";
+
+// Your component props start with props for variants and slots you defined
+// in Plasmic, but you can add more here, like event handlers that you can
+// attach to named nodes in your component.
+//
+// If you don't want to expose certain variants or slots as a prop, you can use
+// Omit to hide them:
+//
+// interface SuggestionInputProps extends Omit<DefaultSuggestionInputProps, "hideProps1"|"hideProp2"> {
+//   // etc.
+// }
+//
+// You can also stop extending from DefaultSuggestionInputProps altogether and have
+// total control over the props for your component.
+export interface SuggestionInputProps extends DefaultSuggestionInputProps {}
+
+function SuggestionInput_(
+  props: SuggestionInputProps,
+  ref: HTMLElementRefOf<"div">
+) {
+  // Use PlasmicSuggestionInput to render this component as it was
+  // designed in Plasmic, by activating the appropriate variants,
+  // attaching the appropriate event handlers, etc.  You
+  // can also install whatever React hooks you need here to manage state or
+  // fetch data.
+  //
+  // Props you can pass into PlasmicSuggestionInput are:
+  // 1. Variants you want to activate,
+  // 2. Contents for slots you want to fill,
+  // 3. Overrides for any named node in the component to attach behavior and data,
+  // 4. Props to set on the root node.
+  //
+  // By default, we are just piping all SuggestionInputProps here, but feel free
+  // to do whatever works for you.
+
+  return <PlasmicSuggestionInput root={{ ref }} {...props} />;
+}
+
+const SuggestionInput = React.forwardRef(SuggestionInput_);
+export default SuggestionInput;

.plasmic/plasmic-tokens.theo.json

@@ -200,6 +200,16 @@
         "id": "GGYj13plNx6v"
       }
     },
+    {
+      "name": "System: Bg Elevated",
+      "type": "color",
+      "value": "var(--antd-colorBgElevated)",
+      "category": "color",
+      "meta": {
+        "projectId": "sMdpLWyxbzDCruwMRffW2m",
+        "id": "LDegABTF5Rf8"
+      }
+    },
     {
       "name": "System: Bg Layout",
       "type": "color",
@@ -260,6 +270,16 @@
         "id": "WxvvgatuPYoJ"
       }
     },
+    {
+      "name": "System: Bg Spotlight",
+      "type": "color",
+      "value": "var(--antd-colorBgSpotlight)",
+      "category": "color",
+      "meta": {
+        "projectId": "sMdpLWyxbzDCruwMRffW2m",
+        "id": "5x7axv4RdCvL"
+      }
+    },
     {
       "name": "System: Border",
       "type": "color",