@activecollab/components 1.0.414 → 2.0.0

package/dist/esm/components/CommandPalette/CommandPalette.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPalette.js","names":["React","cloneElement","forwardRef","useMemo","useRef","useState","Dialog","StyledCommandPalette","StyledCommandPaletteWrapper","CommandPaletteCommandItem","CommandPaletteHeader","CommandPaletteItem","CommandPaletteList","ModeContextProvider","SelectedContextProvider","SearchContextProvider","deepMap","_CommandPalette","ref","children","onChangeSearch","search","mode","setMode","loading","idModeEnabled","rest","selected","setSelected","listWrapperRef","scrollToTop","current","scrollTo","top","behavior","scrollToBottom","scrollHeight","filterChildren","itemsLength","commandsLength","items","child","item","clonedElement","type","props","index","handleChangeSelected","direction","document","querySelectorAll","newIndex","newItem","forEach","_","i","length","scrollIntoView","block","e","key","preventDefault","displayName","CommandPalette","Object","assign","List","Item","CommandItem"],"sources":["../../../../src/components/CommandPalette/CommandPalette.tsx"],"sourcesContent":["import React, {\n  cloneElement,\n  forwardRef,\n  PropsWithChildren,\n  ReactElement,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { Dialog, DialogProps } from \"../Dialog\";\nimport {\n  StyledCommandPalette,\n  StyledCommandPaletteWrapper,\n} from \"./CommandPalette.styles\";\nimport { CommandPaletteCommandItem } from \"./CommandPaletteCommandItem\";\nimport { CommandPaletteHeader } from \"./CommandPaletteHeader\";\nimport {\n  CommandPaletteItem,\n  CommandPaletteItemProps,\n} from \"./CommandPaletteItem\";\nimport { CommandPaletteList } from \"./CommandPaletteList\";\n\nimport {\n  ModeContextProvider,\n  SelectedContextProvider,\n  SearchContextProvider,\n} from \"./context\";\n\nimport { deepMap } from \"../../utils/deepChildrenMap\";\n\nexport interface SearchContext {\n  name: string;\n  class: string;\n}\n\nexport interface CommandPaletteProps extends DialogProps {\n  onChangeSearch: (search: string) => void;\n  search: string;\n  mode: string | SearchContext;\n  setMode: (value: string) => void;\n  loading?: boolean;\n  idModeEnabled?: boolean;\n}\n\nexport const _CommandPalette = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<CommandPaletteProps>\n>(\n  (\n    {\n      children,\n      onChangeSearch,\n      search,\n      mode,\n      setMode,\n      loading,\n      idModeEnabled = false,\n      ...rest\n    },\n    ref\n  ) => {\n    const [selected, setSelected] = useState<number>(0);\n    const listWrapperRef = useRef<HTMLDivElement>(null);\n\n    const scrollToTop = () => {\n      listWrapperRef.current?.scrollTo({ top: 0, behavior: \"smooth\" });\n    };\n\n    const scrollToBottom = () => {\n      listWrapperRef.current?.scrollTo({\n        top: listWrapperRef.current.scrollHeight,\n        behavior: \"smooth\",\n      });\n    };\n\n    const filterChildren = useMemo(() => {\n      let itemsLength = 0;\n      let commandsLength = 0;\n\n      const items = deepMap(children, (child) => {\n        const item = child as ReactElement<CommandPaletteItemProps>;\n        let clonedElement;\n\n        if (item && item.type === CommandPaletteList) {\n          clonedElement = cloneElement(item, {\n            ...item.props,\n          });\n        }\n\n        if (item && item.type === CommandPaletteCommandItem) {\n          clonedElement = cloneElement(item, {\n            ...item.props,\n            index: itemsLength,\n            selected,\n          });\n\n          itemsLength++;\n          commandsLength++;\n        }\n\n        if (item && item.type === CommandPaletteItem) {\n          clonedElement = cloneElement(item, {\n            ...item.props,\n            index: itemsLength,\n            selected,\n          });\n\n          itemsLength++;\n        }\n\n        return clonedElement;\n      });\n\n      return { items, itemsLength, commandsLength };\n    }, [children, selected]);\n\n    const handleChangeSelected = (direction?: \"up\" | \"down\") => {\n      const items = document.querySelectorAll(\".cp-item\");\n\n      let index = 0;\n      let newIndex = 0;\n      let newItem: Element | null = null;\n\n      if (direction === \"down\") {\n        items.forEach((_, i) => {\n          if (i === selected) {\n            index = i;\n          }\n        });\n\n        newIndex = index === items.length - 1 ? 0 : index + 1;\n      } else if (direction === \"up\") {\n        items.forEach((_, i) => {\n          if (i === selected) {\n            index = i;\n          }\n        });\n\n        newIndex = !index ? items.length - 1 : index - 1;\n      } else {\n        setSelected(0);\n      }\n\n      newItem = items[newIndex];\n\n      if (newItem && typeof newIndex === \"number\") {\n        setSelected(newIndex);\n\n        newItem.scrollIntoView({\n          behavior: \"smooth\",\n          block: newIndex ? \"center\" : \"end\",\n        });\n      }\n    };\n\n    return (\n      <Dialog {...rest} ref={ref} animate=\"fade\">\n        <SearchContextProvider value={{ search, onChangeSearch }}>\n          <SelectedContextProvider value={{ selected: selected, setSelected }}>\n            <StyledCommandPalette\n              onKeyDown={(e) => {\n                if (e.key === \"ArrowDown\") {\n                  e.preventDefault();\n                  handleChangeSelected(\"down\");\n                }\n\n                if (e.key === \"ArrowUp\") {\n                  e.preventDefault();\n                  handleChangeSelected(\"up\");\n                }\n\n                if (e.key === \"End\") {\n                  e.preventDefault();\n                  scrollToBottom();\n                  setSelected(filterChildren.itemsLength - 1);\n                }\n\n                if (e.key === \"Home\") {\n                  e.preventDefault();\n                  scrollToTop();\n                  setSelected(0);\n                }\n              }}\n            >\n              <ModeContextProvider value={{ mode, setMode, idModeEnabled }}>\n                <CommandPaletteHeader\n                  commandsLength={filterChildren.commandsLength}\n                  itemsLength={filterChildren.itemsLength}\n                  loading={loading}\n                />\n              </ModeContextProvider>\n\n              <StyledCommandPaletteWrapper ref={listWrapperRef}>\n                {filterChildren.items}\n              </StyledCommandPaletteWrapper>\n            </StyledCommandPalette>\n          </SelectedContextProvider>\n        </SearchContextProvider>\n      </Dialog>\n    );\n  }\n);\n\n_CommandPalette.displayName = \"CommandPalette\";\n\n// https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757\nexport const CommandPalette = Object.assign({}, _CommandPalette, {\n  List: CommandPaletteList,\n  Item: CommandPaletteItem,\n  CommandItem: CommandPaletteCommandItem,\n});\n"],"mappings":"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"}
+{"version":3,"file":"CommandPalette.js","names":["_react","_interopRequireWildcard","require","_Dialog","_CommandPalette2","_CommandPaletteCommandItem","_CommandPaletteHeader","_CommandPaletteItem","_CommandPaletteList","_context","_deepChildrenMap","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_CommandPalette","exports","forwardRef","_ref","ref","children","onChangeSearch","search","mode","setMode","loading","idModeEnabled","rest","selected","setSelected","useState","listWrapperRef","useRef","scrollToTop","current","scrollTo","top","behavior","scrollToBottom","scrollHeight","filterChildren","useMemo","itemsLength","commandsLength","items","deepMap","child","item","clonedElement","type","CommandPaletteList","cloneElement","props","CommandPaletteCommandItem","index","CommandPaletteItem","handleChangeSelected","direction","document","querySelectorAll","newIndex","newItem","forEach","_","length","scrollIntoView","block","createElement","Dialog","_extends2","animate","SearchContextProvider","value","SelectedContextProvider","StyledCommandPalette","onKeyDown","key","preventDefault","ModeContextProvider","CommandPaletteHeader","StyledCommandPaletteWrapper","displayName","CommandPalette","assign","List","Item","CommandItem"],"sources":["../../../../src/components/CommandPalette/CommandPalette.tsx"],"sourcesContent":["import React, {\n  cloneElement,\n  forwardRef,\n  PropsWithChildren,\n  ReactElement,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { Dialog, DialogProps } from \"../Dialog\";\nimport {\n  StyledCommandPalette,\n  StyledCommandPaletteWrapper,\n} from \"./CommandPalette.styles\";\nimport { CommandPaletteCommandItem } from \"./CommandPaletteCommandItem\";\nimport { CommandPaletteHeader } from \"./CommandPaletteHeader\";\nimport {\n  CommandPaletteItem,\n  CommandPaletteItemProps,\n} from \"./CommandPaletteItem\";\nimport { CommandPaletteList } from \"./CommandPaletteList\";\n\nimport {\n  ModeContextProvider,\n  SelectedContextProvider,\n  SearchContextProvider,\n} from \"./context\";\n\nimport { deepMap } from \"../../utils/deepChildrenMap\";\n\nexport interface SearchContext {\n  name: string;\n  class: string;\n}\n\nexport interface CommandPaletteProps extends DialogProps {\n  onChangeSearch: (search: string) => void;\n  search: string;\n  mode: string | SearchContext;\n  setMode: (value: string) => void;\n  loading?: boolean;\n  idModeEnabled?: boolean;\n}\n\nexport const _CommandPalette = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<CommandPaletteProps>\n>(\n  (\n    {\n      children,\n      onChangeSearch,\n      search,\n      mode,\n      setMode,\n      loading,\n      idModeEnabled = false,\n      ...rest\n    },\n    ref\n  ) => {\n    const [selected, setSelected] = useState<number>(0);\n    const listWrapperRef = useRef<HTMLDivElement>(null);\n\n    const scrollToTop = () => {\n      listWrapperRef.current?.scrollTo({ top: 0, behavior: \"smooth\" });\n    };\n\n    const scrollToBottom = () => {\n      listWrapperRef.current?.scrollTo({\n        top: listWrapperRef.current.scrollHeight,\n        behavior: \"smooth\",\n      });\n    };\n\n    const filterChildren = useMemo(() => {\n      let itemsLength = 0;\n      let commandsLength = 0;\n\n      const items = deepMap(children, (child) => {\n        const item = child as ReactElement<CommandPaletteItemProps>;\n        let clonedElement;\n\n        if (item && item.type === CommandPaletteList) {\n          clonedElement = cloneElement(item, {\n            ...item.props,\n          });\n        }\n\n        if (item && item.type === CommandPaletteCommandItem) {\n          clonedElement = cloneElement(item, {\n            ...item.props,\n            index: itemsLength,\n            selected,\n          });\n\n          itemsLength++;\n          commandsLength++;\n        }\n\n        if (item && item.type === CommandPaletteItem) {\n          clonedElement = cloneElement(item, {\n            ...item.props,\n            index: itemsLength,\n            selected,\n          });\n\n          itemsLength++;\n        }\n\n        return clonedElement;\n      });\n\n      return { items, itemsLength, commandsLength };\n    }, [children, selected]);\n\n    const handleChangeSelected = (direction?: \"up\" | \"down\") => {\n      const items = document.querySelectorAll(\".cp-item\");\n\n      let index = 0;\n      let newIndex = 0;\n      let newItem: Element | null = null;\n\n      if (direction === \"down\") {\n        items.forEach((_, i) => {\n          if (i === selected) {\n            index = i;\n          }\n        });\n\n        newIndex = index === items.length - 1 ? 0 : index + 1;\n      } else if (direction === \"up\") {\n        items.forEach((_, i) => {\n          if (i === selected) {\n            index = i;\n          }\n        });\n\n        newIndex = !index ? items.length - 1 : index - 1;\n      } else {\n        setSelected(0);\n      }\n\n      newItem = items[newIndex];\n\n      if (newItem && typeof newIndex === \"number\") {\n        setSelected(newIndex);\n\n        newItem.scrollIntoView({\n          behavior: \"smooth\",\n          block: newIndex ? \"center\" : \"end\",\n        });\n      }\n    };\n\n    return (\n      <Dialog {...rest} ref={ref} animate=\"fade\">\n        <SearchContextProvider value={{ search, onChangeSearch }}>\n          <SelectedContextProvider value={{ selected: selected, setSelected }}>\n            <StyledCommandPalette\n              onKeyDown={(e) => {\n                if (e.key === \"ArrowDown\") {\n                  e.preventDefault();\n                  handleChangeSelected(\"down\");\n                }\n\n                if (e.key === \"ArrowUp\") {\n                  e.preventDefault();\n                  handleChangeSelected(\"up\");\n                }\n\n                if (e.key === \"End\") {\n                  e.preventDefault();\n                  scrollToBottom();\n                  setSelected(filterChildren.itemsLength - 1);\n                }\n\n                if (e.key === \"Home\") {\n                  e.preventDefault();\n                  scrollToTop();\n                  setSelected(0);\n                }\n              }}\n            >\n              <ModeContextProvider value={{ mode, setMode, idModeEnabled }}>\n                <CommandPaletteHeader\n                  commandsLength={filterChildren.commandsLength}\n                  itemsLength={filterChildren.itemsLength}\n                  loading={loading}\n                />\n              </ModeContextProvider>\n\n              <StyledCommandPaletteWrapper ref={listWrapperRef}>\n                {filterChildren.items}\n              </StyledCommandPaletteWrapper>\n            </StyledCommandPalette>\n          </SelectedContextProvider>\n        </SearchContextProvider>\n      </Dialog>\n    );\n  }\n);\n\n_CommandPalette.displayName = \"CommandPalette\";\n\n// https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757\nexport const CommandPalette = Object.assign({}, _CommandPalette, {\n  List: CommandPaletteList,\n  Item: CommandPaletteItem,\n  CommandItem: CommandPaletteCommandItem,\n});\n"],"mappings":"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"}

package/dist/esm/components/CommandPalette/CommandPalette.styles.js

@@ -1,68 +1,79 @@
-import styled from "styled-components";
-import { FontStyle } from "../FontStyle";
-import { screen } from "../BreakPoints";
-import { SpinnerLoader } from "../Loaders";
-export var StyledCommandPalette = styled.div.withConfig({
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledSpinnerLoader = exports.StyledSearchIcon = exports.StyledParameter = exports.StyledInput = exports.StyledIcon = exports.StyledHeading = exports.StyledCommandPaletteWrapper = exports.StyledCommandPaletteList = exports.StyledCommandPaletteItemLoader = exports.StyledCommandPaletteItem = exports.StyledCommandPaletteHeader = exports.StyledCommandPaletteCommandItem = exports.StyledCommandPalette = exports.StyledActionWrapper = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _FontStyle = require("../FontStyle");
+var _BreakPoints = require("../BreakPoints");
+var _Loaders = require("../Loaders");
+const StyledCommandPalette = exports.StyledCommandPalette = _styledComponents.default.div.withConfig({
   displayName: "CommandPalettestyles__StyledCommandPalette",
   componentId: "sc-na3mad-0"
-})(["", " background-color:var(--page-paper-main);border-radius:10px;box-sizing:border-box;max-width:600px;mark{background-color:var(--color-primary-300);color:var(--color-theme-900);}"], FontStyle);
-export var StyledCommandPaletteWrapper = styled.div.withConfig({
+})(["", " background-color:var(--page-paper-main);border-radius:10px;box-sizing:border-box;max-width:600px;mark{background-color:var(--color-primary-300);color:var(--color-theme-900);}"], _FontStyle.FontStyle);
+const StyledCommandPaletteWrapper = exports.StyledCommandPaletteWrapper = _styledComponents.default.div.withConfig({
   displayName: "CommandPalettestyles__StyledCommandPaletteWrapper",
   componentId: "sc-na3mad-1"
 })(["overflow-x:hidden;overflow-y:auto;max-height:450px;&:not(:empty){border-top:1px solid var(--color-theme-400);padding-bottom:8px;padding-top:8px;}"]);
-export var StyledCommandPaletteHeader = styled.div.withConfig({
+const StyledCommandPaletteHeader = exports.StyledCommandPaletteHeader = _styledComponents.default.div.withConfig({
   displayName: "CommandPalettestyles__StyledCommandPaletteHeader",
   componentId: "sc-na3mad-2"
 })(["align-items:center;display:flex;padding-bottom:12px;padding-left:16px;padding-right:16px;padding-top:12px;"]);
-export var StyledSearchIcon = styled.div.withConfig({
+const StyledSearchIcon = exports.StyledSearchIcon = _styledComponents.default.div.withConfig({
   displayName: "CommandPalettestyles__StyledSearchIcon",
   componentId: "sc-na3mad-3"
 })(["margin-right:8px;svg{vertical-align:middle;}"]);
-export var StyledInput = styled.input.withConfig({
+const StyledInput = exports.StyledInput = _styledComponents.default.input.withConfig({
   displayName: "CommandPalettestyles__StyledInput",
   componentId: "sc-na3mad-4"
-})(["all:unset;caret-color:var(--color-primary);color:var(--color-theme-900);width:100%;", "{font-size:32px;font-weight:300;letter-spacing:0.5px;line-height:44px;}::-webkit-outer-spin-button,::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type=\"search\"]::-webkit-search-decoration,&[type=\"search\"]::-webkit-search-cancel-button,&[type=\"search\"]::-webkit-search-results-button,&[type=\"search\"]::-webkit-search-results-decoration{-webkit-appearance:none;}&[type=\"number\"]{-moz-appearance:textfield;}::placeholder{color:var(--color-theme-transparent-500);}::selection{background:var(--color-primary-300);}"], screen.sm);
-export var StyledParameter = styled.span.withConfig({
+})(["all:unset;caret-color:var(--color-primary);color:var(--color-theme-900);width:100%;", "{font-size:32px;font-weight:300;letter-spacing:0.5px;line-height:44px;}::-webkit-outer-spin-button,::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type=\"search\"]::-webkit-search-decoration,&[type=\"search\"]::-webkit-search-cancel-button,&[type=\"search\"]::-webkit-search-results-button,&[type=\"search\"]::-webkit-search-results-decoration{-webkit-appearance:none;}&[type=\"number\"]{-moz-appearance:textfield;}::placeholder{color:var(--color-theme-transparent-500);}::selection{background:var(--color-primary-300);}"], _BreakPoints.screen.sm);
+const StyledParameter = exports.StyledParameter = _styledComponents.default.span.withConfig({
   displayName: "CommandPalettestyles__StyledParameter",
   componentId: "sc-na3mad-5"
-})(["color:var(--color-theme-transparent-500);margin-right:8px;flex-shrink:0;", "{font-size:32px;font-weight:300;letter-spacing:0.5px;line-height:44px;}"], screen.sm);
-export var StyledActionWrapper = styled.div.withConfig({
+})(["color:var(--color-theme-transparent-500);margin-right:8px;flex-shrink:0;", "{font-size:32px;font-weight:300;letter-spacing:0.5px;line-height:44px;}"], _BreakPoints.screen.sm);
+const StyledActionWrapper = exports.StyledActionWrapper = _styledComponents.default.div.withConfig({
   displayName: "CommandPalettestyles__StyledActionWrapper",
   componentId: "sc-na3mad-6"
 })(["align-items:center;display:flex;gap:8px;"]);
-export var StyledIcon = styled.div.withConfig({
+const StyledIcon = exports.StyledIcon = _styledComponents.default.div.withConfig({
   displayName: "CommandPalettestyles__StyledIcon",
   componentId: "sc-na3mad-7"
 })(["margin-right:8px;svg{vertical-align:middle;}"]);
-export var StyledCommandPaletteList = styled.ul.withConfig({
+const StyledCommandPaletteList = exports.StyledCommandPaletteList = _styledComponents.default.ul.withConfig({
   displayName: "CommandPalettestyles__StyledCommandPaletteList",
   componentId: "sc-na3mad-8"
 })(["list-style-type:none;margin:0;padding:0;overflow:hidden;&:not(:first-child){border-top:1px solid var(--color-theme-400);}"]);
-export var StyledHeading = styled.p.withConfig({
+const StyledHeading = exports.StyledHeading = _styledComponents.default.p.withConfig({
   displayName: "CommandPalettestyles__StyledHeading",
   componentId: "sc-na3mad-9"
 })(["font-size:12px;margin-top:12px;margin-bottom:4px;font-weight:bold;padding-left:18px;letter-spacing:0.5px;color:var(--color-theme-600);"]);
 
 // prettier-ignore
-export var StyledCommandPaletteItem = styled.a.withConfig({
+const StyledCommandPaletteItem = exports.StyledCommandPaletteItem = _styledComponents.default.a.withConfig({
   displayName: "CommandPalettestyles__StyledCommandPaletteItem",
   componentId: "sc-na3mad-10"
-})(["align-items:center;cursor:pointer;display:flex;padding-bottom:12px;padding-left:18px;padding-right:18px;padding-top:12px;position:relative;background-color:", ";&:focus{background-color:var(--color-theme-200);}&::before{display:", ";background-color:var(--color-primary);content:\"\";height:100%;left:0;position:absolute;width:2px;}&:focus{outline:none;}"], function (_ref) {
-  var $selected = _ref.$selected;
+})(["align-items:center;cursor:pointer;display:flex;padding-bottom:12px;padding-left:18px;padding-right:18px;padding-top:12px;position:relative;background-color:", ";&:focus{background-color:var(--color-theme-200);}&::before{display:", ";background-color:var(--color-primary);content:\"\";height:100%;left:0;position:absolute;width:2px;}&:focus{outline:none;}"], _ref => {
+  let {
+    $selected
+  } = _ref;
   return $selected ? "var(--color-theme-200)" : "transparent";
-}, function (_ref2) {
-  var $selected = _ref2.$selected;
+}, _ref2 => {
+  let {
+    $selected
+  } = _ref2;
   return $selected ? "block" : "none";
 });
-export var StyledCommandPaletteCommandItem = styled(StyledCommandPaletteItem).withConfig({
+const StyledCommandPaletteCommandItem = exports.StyledCommandPaletteCommandItem = (0, _styledComponents.default)(StyledCommandPaletteItem).withConfig({
   displayName: "CommandPalettestyles__StyledCommandPaletteCommandItem",
   componentId: "sc-na3mad-11"
 })(["user-select:none;"]);
-export var StyledSpinnerLoader = styled(SpinnerLoader).withConfig({
+const StyledSpinnerLoader = exports.StyledSpinnerLoader = (0, _styledComponents.default)(_Loaders.SpinnerLoader).withConfig({
   displayName: "CommandPalettestyles__StyledSpinnerLoader",
   componentId: "sc-na3mad-12"
 })(["margin-right:4px;"]);
-export var StyledCommandPaletteItemLoader = styled.div.withConfig({
+const StyledCommandPaletteItemLoader = exports.StyledCommandPaletteItemLoader = _styledComponents.default.div.withConfig({
   displayName: "CommandPalettestyles__StyledCommandPaletteItemLoader",
   componentId: "sc-na3mad-13"
 })(["align-items:center;display:flex;gap:8px;padding-bottom:12px;padding-left:18px;padding-right:18px;padding-top:12px;pointer-events:none;user-select:none;"]);

package/dist/esm/components/CommandPalette/CommandPalette.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPalette.styles.js","names":["styled","FontStyle","screen","SpinnerLoader","StyledCommandPalette","div","StyledCommandPaletteWrapper","StyledCommandPaletteHeader","StyledSearchIcon","StyledInput","input","sm","StyledParameter","span","StyledActionWrapper","StyledIcon","StyledCommandPaletteList","ul","StyledHeading","p","StyledCommandPaletteItem","a","$selected","StyledCommandPaletteCommandItem","StyledSpinnerLoader","StyledCommandPaletteItemLoader"],"sources":["../../../../src/components/CommandPalette/CommandPalette.styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { FontStyle } from \"../FontStyle\";\nimport { screen } from \"../BreakPoints\";\nimport { SpinnerLoader } from \"../Loaders\";\n\nexport const StyledCommandPalette = styled.div`\n  ${FontStyle}\n  background-color: var(--page-paper-main);\n  border-radius: 10px;\n  box-sizing: border-box;\n  max-width: 600px;\n\n  mark {\n    background-color: var(--color-primary-300);\n    color: var(--color-theme-900);\n  }\n`;\n\nexport const StyledCommandPaletteWrapper = styled.div`\n  overflow-x: hidden;\n  overflow-y: auto;\n  max-height: 450px;\n\n  &:not(:empty) {\n    border-top: 1px solid var(--color-theme-400);\n    padding-bottom: 8px;\n    padding-top: 8px;\n  }\n`;\n\nexport const StyledCommandPaletteHeader = styled.div`\n  align-items: center;\n  display: flex;\n  padding-bottom: 12px;\n  padding-left: 16px;\n  padding-right: 16px;\n  padding-top: 12px;\n`;\n\nexport const StyledSearchIcon = styled.div`\n  margin-right: 8px;\n\n  svg {\n    vertical-align: middle;\n  }\n`;\n\nexport const StyledInput = styled.input`\n  all: unset;\n  caret-color: var(--color-primary);\n  color: var(--color-theme-900);\n  width: 100%;\n\n  ${screen.sm} {\n    font-size: 32px;\n    font-weight: 300;\n    letter-spacing: 0.5px;\n    line-height: 44px;\n  }\n\n  ::-webkit-outer-spin-button,\n  ::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  &[type=\"search\"]::-webkit-search-decoration,\n  &[type=\"search\"]::-webkit-search-cancel-button,\n  &[type=\"search\"]::-webkit-search-results-button,\n  &[type=\"search\"]::-webkit-search-results-decoration {\n    -webkit-appearance: none;\n  }\n\n  &[type=\"number\"] {\n    -moz-appearance: textfield;\n  }\n\n  ::placeholder {\n    color: var(--color-theme-transparent-500);\n  }\n\n  ::selection {\n    background: var(--color-primary-300);\n  }\n`;\n\nexport const StyledParameter = styled.span`\n  color: var(--color-theme-transparent-500);\n  margin-right: 8px;\n  flex-shrink: 0;\n\n  ${screen.sm} {\n    font-size: 32px;\n    font-weight: 300;\n    letter-spacing: 0.5px;\n    line-height: 44px;\n  }\n`;\n\nexport const StyledActionWrapper = styled.div`\n  align-items: center;\n  display: flex;\n  gap: 8px;\n`;\n\nexport const StyledIcon = styled.div`\n  margin-right: 8px;\n\n  svg {\n    vertical-align: middle;\n  }\n`;\n\nexport const StyledCommandPaletteList = styled.ul`\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n  overflow: hidden;\n\n  &:not(:first-child) {\n    border-top: 1px solid var(--color-theme-400);\n  }\n`;\n\nexport const StyledHeading = styled.p`\n  font-size: 12px;\n  margin-top: 12px;\n  margin-bottom: 4px;\n  font-weight: bold;\n  padding-left: 18px;\n  letter-spacing: 0.5px;\n  color: var(--color-theme-600);\n`;\n\n// prettier-ignore\nexport const StyledCommandPaletteItem = styled.a<{$selected: boolean}>`\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  padding-bottom: 12px;\n  padding-left: 18px;\n  padding-right: 18px;\n  padding-top: 12px;\n  position: relative;\n  background-color: ${({$selected}) => $selected ? \"var(--color-theme-200)\" : \"transparent\"};\n\n  &:focus {\n    background-color: var(--color-theme-200);\n  }\n\n  &::before {\n    display: ${({$selected}) => $selected ? \"block\" : \"none\"};\n    background-color: var(--color-primary);\n    content: \"\";\n    height: 100%;\n    left: 0;\n    position: absolute;\n    width: 2px;\n    }\n\n  &:focus {\n    outline: none;\n  }\n`;\n\nexport const StyledCommandPaletteCommandItem = styled(StyledCommandPaletteItem)`\n  user-select: none;\n`;\n\nexport const StyledSpinnerLoader = styled(SpinnerLoader)`\n  margin-right: 4px;\n`;\n\nexport const StyledCommandPaletteItemLoader = styled.div`\n  align-items: center;\n  display: flex;\n  gap: 8px;\n  padding-bottom: 12px;\n  padding-left: 18px;\n  padding-right: 18px;\n  padding-top: 12px;\n  pointer-events: none;\n  user-select: none;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,aAAa,QAAQ,YAAY;AAE1C,OAAO,IAAMC,oBAAoB,GAAGJ,MAAM,CAACK,GAAG;EAAA;EAAA;AAAA,4LAC1CJ,SAAS,CAUZ;AAED,OAAO,IAAMK,2BAA2B,GAAGN,MAAM,CAACK,GAAG;EAAA;EAAA;AAAA,yJAUpD;AAED,OAAO,IAAME,0BAA0B,GAAGP,MAAM,CAACK,GAAG;EAAA;EAAA;AAAA,kHAOnD;AAED,OAAO,IAAMG,gBAAgB,GAAGR,MAAM,CAACK,GAAG;EAAA;EAAA;AAAA,oDAMzC;AAED,OAAO,IAAMI,WAAW,GAAGT,MAAM,CAACU,KAAK;EAAA;EAAA;AAAA,wnBAMnCR,MAAM,CAACS,EAAE,CA+BZ;AAED,OAAO,IAAMC,eAAe,GAAGZ,MAAM,CAACa,IAAI;EAAA;EAAA;AAAA,4JAKtCX,MAAM,CAACS,EAAE,CAMZ;AAED,OAAO,IAAMG,mBAAmB,GAAGd,MAAM,CAACK,GAAG;EAAA;EAAA;AAAA,gDAI5C;AAED,OAAO,IAAMU,UAAU,GAAGf,MAAM,CAACK,GAAG;EAAA;EAAA;AAAA,oDAMnC;AAED,OAAO,IAAMW,wBAAwB,GAAGhB,MAAM,CAACiB,EAAE;EAAA;EAAA;AAAA,iIAShD;AAED,OAAO,IAAMC,aAAa,GAAGlB,MAAM,CAACmB,CAAC;EAAA;EAAA;AAAA,8IAQpC;;AAED;AACA,OAAO,IAAMC,wBAAwB,GAAGpB,MAAM,CAACqB,CAAC;EAAA;EAAA;AAAA,2WAS1B;EAAA,IAAEC,SAAS,QAATA,SAAS;EAAA,OAAMA,SAAS,GAAG,wBAAwB,GAAG,aAAa;AAAA,GAO5E;EAAA,IAAEA,SAAS,SAATA,SAAS;EAAA,OAAMA,SAAS,GAAG,OAAO,GAAG,MAAM;AAAA,EAY3D;AAED,OAAO,IAAMC,+BAA+B,GAAGvB,MAAM,CAACoB,wBAAwB,CAAC;EAAA;EAAA;AAAA,yBAE9E;AAED,OAAO,IAAMI,mBAAmB,GAAGxB,MAAM,CAACG,aAAa,CAAC;EAAA;EAAA;AAAA,yBAEvD;AAED,OAAO,IAAMsB,8BAA8B,GAAGzB,MAAM,CAACK,GAAG;EAAA;EAAA;AAAA,+JAUvD"}
+{"version":3,"file":"CommandPalette.styles.js","names":["_styledComponents","_interopRequireDefault","require","_FontStyle","_BreakPoints","_Loaders","StyledCommandPalette","exports","styled","div","withConfig","displayName","componentId","FontStyle","StyledCommandPaletteWrapper","StyledCommandPaletteHeader","StyledSearchIcon","StyledInput","input","screen","sm","StyledParameter","span","StyledActionWrapper","StyledIcon","StyledCommandPaletteList","ul","StyledHeading","p","StyledCommandPaletteItem","a","_ref","$selected","_ref2","StyledCommandPaletteCommandItem","StyledSpinnerLoader","SpinnerLoader","StyledCommandPaletteItemLoader"],"sources":["../../../../src/components/CommandPalette/CommandPalette.styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { FontStyle } from \"../FontStyle\";\nimport { screen } from \"../BreakPoints\";\nimport { SpinnerLoader } from \"../Loaders\";\n\nexport const StyledCommandPalette = styled.div`\n  ${FontStyle}\n  background-color: var(--page-paper-main);\n  border-radius: 10px;\n  box-sizing: border-box;\n  max-width: 600px;\n\n  mark {\n    background-color: var(--color-primary-300);\n    color: var(--color-theme-900);\n  }\n`;\n\nexport const StyledCommandPaletteWrapper = styled.div`\n  overflow-x: hidden;\n  overflow-y: auto;\n  max-height: 450px;\n\n  &:not(:empty) {\n    border-top: 1px solid var(--color-theme-400);\n    padding-bottom: 8px;\n    padding-top: 8px;\n  }\n`;\n\nexport const StyledCommandPaletteHeader = styled.div`\n  align-items: center;\n  display: flex;\n  padding-bottom: 12px;\n  padding-left: 16px;\n  padding-right: 16px;\n  padding-top: 12px;\n`;\n\nexport const StyledSearchIcon = styled.div`\n  margin-right: 8px;\n\n  svg {\n    vertical-align: middle;\n  }\n`;\n\nexport const StyledInput = styled.input`\n  all: unset;\n  caret-color: var(--color-primary);\n  color: var(--color-theme-900);\n  width: 100%;\n\n  ${screen.sm} {\n    font-size: 32px;\n    font-weight: 300;\n    letter-spacing: 0.5px;\n    line-height: 44px;\n  }\n\n  ::-webkit-outer-spin-button,\n  ::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  &[type=\"search\"]::-webkit-search-decoration,\n  &[type=\"search\"]::-webkit-search-cancel-button,\n  &[type=\"search\"]::-webkit-search-results-button,\n  &[type=\"search\"]::-webkit-search-results-decoration {\n    -webkit-appearance: none;\n  }\n\n  &[type=\"number\"] {\n    -moz-appearance: textfield;\n  }\n\n  ::placeholder {\n    color: var(--color-theme-transparent-500);\n  }\n\n  ::selection {\n    background: var(--color-primary-300);\n  }\n`;\n\nexport const StyledParameter = styled.span`\n  color: var(--color-theme-transparent-500);\n  margin-right: 8px;\n  flex-shrink: 0;\n\n  ${screen.sm} {\n    font-size: 32px;\n    font-weight: 300;\n    letter-spacing: 0.5px;\n    line-height: 44px;\n  }\n`;\n\nexport const StyledActionWrapper = styled.div`\n  align-items: center;\n  display: flex;\n  gap: 8px;\n`;\n\nexport const StyledIcon = styled.div`\n  margin-right: 8px;\n\n  svg {\n    vertical-align: middle;\n  }\n`;\n\nexport const StyledCommandPaletteList = styled.ul`\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n  overflow: hidden;\n\n  &:not(:first-child) {\n    border-top: 1px solid var(--color-theme-400);\n  }\n`;\n\nexport const StyledHeading = styled.p`\n  font-size: 12px;\n  margin-top: 12px;\n  margin-bottom: 4px;\n  font-weight: bold;\n  padding-left: 18px;\n  letter-spacing: 0.5px;\n  color: var(--color-theme-600);\n`;\n\n// prettier-ignore\nexport const StyledCommandPaletteItem = styled.a<{$selected: boolean}>`\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  padding-bottom: 12px;\n  padding-left: 18px;\n  padding-right: 18px;\n  padding-top: 12px;\n  position: relative;\n  background-color: ${({$selected}) => $selected ? \"var(--color-theme-200)\" : \"transparent\"};\n\n  &:focus {\n    background-color: var(--color-theme-200);\n  }\n\n  &::before {\n    display: ${({$selected}) => $selected ? \"block\" : \"none\"};\n    background-color: var(--color-primary);\n    content: \"\";\n    height: 100%;\n    left: 0;\n    position: absolute;\n    width: 2px;\n    }\n\n  &:focus {\n    outline: none;\n  }\n`;\n\nexport const StyledCommandPaletteCommandItem = styled(StyledCommandPaletteItem)`\n  user-select: none;\n`;\n\nexport const StyledSpinnerLoader = styled(SpinnerLoader)`\n  margin-right: 4px;\n`;\n\nexport const StyledCommandPaletteItemLoader = styled.div`\n  align-items: center;\n  display: flex;\n  gap: 8px;\n  padding-bottom: 12px;\n  padding-left: 18px;\n  padding-right: 18px;\n  padding-top: 12px;\n  pointer-events: none;\n  user-select: none;\n`;\n"],"mappings":";;;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAEO,MAAMI,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4LAC1CC,oBAAS,CAUZ;AAEM,MAAMC,2BAA2B,GAAAP,OAAA,CAAAO,2BAAA,GAAGN,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yJAUpD;AAEM,MAAMG,0BAA0B,GAAAR,OAAA,CAAAQ,0BAAA,GAAGP,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kHAOnD;AAEM,MAAMI,gBAAgB,GAAAT,OAAA,CAAAS,gBAAA,GAAGR,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oDAMzC;AAEM,MAAMK,WAAW,GAAAV,OAAA,CAAAU,WAAA,GAAGT,yBAAM,CAACU,KAAK,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wnBAMnCO,mBAAM,CAACC,EAAE,CA+BZ;AAEM,MAAMC,eAAe,GAAAd,OAAA,CAAAc,eAAA,GAAGb,yBAAM,CAACc,IAAI,CAAAZ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4JAKtCO,mBAAM,CAACC,EAAE,CAMZ;AAEM,MAAMG,mBAAmB,GAAAhB,OAAA,CAAAgB,mBAAA,GAAGf,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gDAI5C;AAEM,MAAMY,UAAU,GAAAjB,OAAA,CAAAiB,UAAA,GAAGhB,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oDAMnC;AAEM,MAAMa,wBAAwB,GAAAlB,OAAA,CAAAkB,wBAAA,GAAGjB,yBAAM,CAACkB,EAAE,CAAAhB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iIAShD;AAEM,MAAMe,aAAa,GAAApB,OAAA,CAAAoB,aAAA,GAAGnB,yBAAM,CAACoB,CAAC,CAAAlB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8IAQpC;;AAED;AACO,MAAMiB,wBAAwB,GAAAtB,OAAA,CAAAsB,wBAAA,GAAGrB,yBAAM,CAACsB,CAAC,CAAApB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2WAS1BmB,IAAA;EAAA,IAAC;IAACC;EAAS,CAAC,GAAAD,IAAA;EAAA,OAAKC,SAAS,GAAG,wBAAwB,GAAG,aAAa;AAAA,GAO5EC,KAAA;EAAA,IAAC;IAACD;EAAS,CAAC,GAAAC,KAAA;EAAA,OAAKD,SAAS,GAAG,OAAO,GAAG,MAAM;AAAA,EAY3D;AAEM,MAAME,+BAA+B,GAAA3B,OAAA,CAAA2B,+BAAA,GAAG,IAAA1B,yBAAM,EAACqB,wBAAwB,CAAC,CAAAnB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yBAE9E;AAEM,MAAMuB,mBAAmB,GAAA5B,OAAA,CAAA4B,mBAAA,GAAG,IAAA3B,yBAAM,EAAC4B,sBAAa,CAAC,CAAA1B,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yBAEvD;AAEM,MAAMyB,8BAA8B,GAAA9B,OAAA,CAAA8B,8BAAA,GAAG7B,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+JAUvD"}

package/dist/esm/components/CommandPalette/CommandPaletteCommandItem.d.ts

@@ -5,8 +5,8 @@ export interface CommandPaletteCommandItemProps extends CommandPaletteItemProps
     title: string;
     renderIcon: () => ReactNode;
 }
-export declare type PolymorphicCommandPaletteCommandItemProps<C extends ElementType> = PolymorphicComponentPropsWithRef<C, CommandPaletteCommandItemProps>;
-export declare type CommandPaletteComponent = <C extends ElementType = typeof CommandPaletteCommandItem>(props: PolymorphicCommandPaletteCommandItemProps<C>) => ReactElement | null;
+export type PolymorphicCommandPaletteCommandItemProps<C extends ElementType> = PolymorphicComponentPropsWithRef<C, CommandPaletteCommandItemProps>;
+export type CommandPaletteComponent = <C extends ElementType = typeof CommandPaletteCommandItem>(props: PolymorphicCommandPaletteCommandItemProps<C>) => ReactElement | ReactNode | null;
 export declare const CommandPaletteCommandItem: CommandPaletteComponent & {
     displayName?: string;
 };

package/dist/esm/components/CommandPalette/CommandPaletteCommandItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteCommandItem.d.ts","sourceRoot":"","sources":["../../../../src/components/CommandPalette/CommandPaletteCommandItem.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,WAAW,EAAc,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAChF,OAAO,EACL,gCAAgC,EAEjC,MAAM,mBAAmB,CAAC;AAO3B,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAG/D,MAAM,WAAW,8BACf,SAAQ,uBAAuB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,SAAS,CAAC;CAC7B;AAED,oBAAY,yCAAyC,CAAC,CAAC,SAAS,WAAW,IACzE,gCAAgC,CAAC,CAAC,EAAE,8BAA8B,CAAC,CAAC;AAEtE,oBAAY,uBAAuB,GAAG,CACpC,CAAC,SAAS,WAAW,GAAG,OAAO,yBAAyB,EAExD,KAAK,EAAE,yCAAyC,CAAC,CAAC,CAAC,KAChD,YAAY,GAAG,IAAI,CAAC;AAEzB,eAAO,MAAM,yBAAyB,EAAE,uBAAuB,GAAG;IAChE,WAAW,CAAC,EAAE,MAAM,CAAC;CAkDtB,CAAC"}
+{"version":3,"file":"CommandPaletteCommandItem.d.ts","sourceRoot":"","sources":["../../../../src/components/CommandPalette/CommandPaletteCommandItem.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,WAAW,EAAc,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAChF,OAAO,EACL,gCAAgC,EAEjC,MAAM,mBAAmB,CAAC;AAO3B,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAG/D,MAAM,WAAW,8BACf,SAAQ,uBAAuB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,SAAS,CAAC;CAC7B;AAED,MAAM,MAAM,yCAAyC,CAAC,CAAC,SAAS,WAAW,IACzE,gCAAgC,CAAC,CAAC,EAAE,8BAA8B,CAAC,CAAC;AAEtE,MAAM,MAAM,uBAAuB,GAAG,CACpC,CAAC,SAAS,WAAW,GAAG,OAAO,yBAAyB,EAExD,KAAK,EAAE,yCAAyC,CAAC,CAAC,CAAC,KAChD,YAAY,GAAG,SAAS,GAAG,IAAI,CAAC;AAErC,eAAO,MAAM,yBAAyB,EAAE,uBAAuB,GAAG;IAChE,WAAW,CAAC,EAAE,MAAM,CAAC;CAkDtB,CAAC"}

package/dist/esm/components/CommandPalette/CommandPaletteCommandItem.js

@@ -1,45 +1,55 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _styled from "styled-components";
-var _excluded = ["title", "renderIcon", "className", "index", "as"];
-import classNames from "classnames";
-import React, { forwardRef } from "react";
-import { ArrowRightIcon } from "../Icons";
-import { Typography } from "../Typography/Typography";
-import { StyledCommandPaletteCommandItem, StyledIcon } from "./CommandPalette.styles";
-import { useSelectedContext } from "./context";
-export var CommandPaletteCommandItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var title = _ref.title,
-    renderIcon = _ref.renderIcon,
-    className = _ref.className,
-    index = _ref.index,
-    as = _ref.as,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var Component = as || "a";
-  var icon = renderIcon();
-  var _useSelectedContext = useSelectedContext(),
-    selected = _useSelectedContext.selected,
-    setSelected = _useSelectedContext.setSelected;
-  var onMouseEnter = function onMouseEnter() {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CommandPaletteCommandItem = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _Icons = require("../Icons");
+var _Typography = require("../Typography/Typography");
+var _CommandPalette = require("./CommandPalette.styles");
+var _context = require("./context");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const CommandPaletteCommandItem = exports.CommandPaletteCommandItem = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    title,
+    renderIcon,
+    className,
+    index,
+    as,
+    ...rest
+  } = _ref;
+  const Component = as || "a";
+  const icon = renderIcon();
+  const {
+    selected,
+    setSelected
+  } = (0, _context.useSelectedContext)();
+  const onMouseEnter = () => {
     setSelected(index);
   };
-  return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(StyledCommandPaletteCommandItem, _extends({}, rest, {
+  return /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_CommandPalette.StyledCommandPaletteCommandItem, (0, _extends2.default)({}, rest, {
     as: Component,
     ref: ref,
-    className: classNames("cp-item cp-command", className),
+    className: (0, _classnames.default)("cp-item cp-command", className),
     tabIndex: 1,
     "aria-selected": selected === index,
     onMouseEnter: onMouseEnter,
     $selected: index === selected
-  }), /*#__PURE__*/React.createElement(StyledIcon, null, icon), /*#__PURE__*/React.createElement(_StyledTypography, {
+  }), /*#__PURE__*/_react.default.createElement(_CommandPalette.StyledIcon, null, icon), /*#__PURE__*/_react.default.createElement(_StyledTypography, {
     overflow: "truncate",
     whitespace: "no-wrap",
     variant: "Body 1",
     color: "primary"
-  }, title), /*#__PURE__*/React.createElement(ArrowRightIcon, null)));
+  }, title), /*#__PURE__*/_react.default.createElement(_Icons.ArrowRightIcon, null)));
 });
 CommandPaletteCommandItem.displayName = "CommandPaletteCommandItem";
-var _StyledTypography = _styled(Typography).withConfig({
+var _StyledTypography = (0, _styledComponents.default)(_Typography.Typography).withConfig({
   displayName: "CommandPaletteCommandItem___StyledTypography",
   componentId: "sc-1t486ve-0"
 })(["flex:1;"]);

package/dist/esm/components/CommandPalette/CommandPaletteCommandItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteCommandItem.js","names":["classNames","React","forwardRef","ArrowRightIcon","Typography","StyledCommandPaletteCommandItem","StyledIcon","useSelectedContext","CommandPaletteCommandItem","ref","title","renderIcon","className","index","as","rest","Component","icon","selected","setSelected","onMouseEnter","displayName"],"sources":["../../../../src/components/CommandPalette/CommandPaletteCommandItem.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport React, { ElementType, forwardRef, ReactElement, ReactNode } from \"react\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\nimport { ArrowRightIcon } from \"../Icons\";\nimport { Typography } from \"../Typography/Typography\";\nimport {\n  StyledCommandPaletteCommandItem,\n  StyledIcon,\n} from \"./CommandPalette.styles\";\nimport { CommandPaletteItemProps } from \"./CommandPaletteItem\";\nimport { useSelectedContext } from \"./context\";\n\nexport interface CommandPaletteCommandItemProps\n  extends CommandPaletteItemProps {\n  title: string;\n  renderIcon: () => ReactNode;\n}\n\nexport type PolymorphicCommandPaletteCommandItemProps<C extends ElementType> =\n  PolymorphicComponentPropsWithRef<C, CommandPaletteCommandItemProps>;\n\nexport type CommandPaletteComponent = <\n  C extends ElementType = typeof CommandPaletteCommandItem\n>(\n  props: PolymorphicCommandPaletteCommandItemProps<C>\n) => ReactElement | null;\n\nexport const CommandPaletteCommandItem: CommandPaletteComponent & {\n  displayName?: string;\n} = forwardRef(\n  <C extends ElementType = typeof CommandPaletteCommandItem>(\n    {\n      title,\n      renderIcon,\n      className,\n      index,\n      as,\n      ...rest\n    }: PolymorphicCommandPaletteCommandItemProps<C>,\n    ref?: PolymorphicRef<C>\n  ) => {\n    const Component = as || \"a\";\n    const icon = renderIcon();\n    const { selected, setSelected } = useSelectedContext();\n\n    const onMouseEnter = () => {\n      setSelected(index as number);\n    };\n\n    return (\n      <li>\n        <StyledCommandPaletteCommandItem\n          {...rest}\n          as={Component}\n          ref={ref}\n          className={classNames(\"cp-item cp-command\", className)}\n          tabIndex={1}\n          aria-selected={selected === index}\n          onMouseEnter={onMouseEnter}\n          $selected={index === selected}\n        >\n          <StyledIcon>{icon}</StyledIcon>\n          <Typography\n            overflow=\"truncate\"\n            whitespace=\"no-wrap\"\n            variant=\"Body 1\"\n            color=\"primary\"\n            css={`\n              flex: 1;\n            `}\n          >\n            {title}\n          </Typography>\n          <ArrowRightIcon />\n        </StyledCommandPaletteCommandItem>\n      </li>\n    );\n  }\n);\n\nCommandPaletteCommandItem.displayName = \"CommandPaletteCommandItem\";\n"],"mappings":";;;;AAAA,OAAOA,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,IAAiBC,UAAU,QAAiC,OAAO;AAK/E,SAASC,cAAc,QAAQ,UAAU;AACzC,SAASC,UAAU,QAAQ,0BAA0B;AACrD,SACEC,+BAA+B,EAC/BC,UAAU,QACL,yBAAyB;AAEhC,SAASC,kBAAkB,QAAQ,WAAW;AAiB9C,OAAO,IAAMC,yBAEZ,gBAAGN,UAAU,CACZ,gBASEO,GAAuB,EACpB;EAAA,IARDC,KAAK,QAALA,KAAK;IACLC,UAAU,QAAVA,UAAU;IACVC,SAAS,QAATA,SAAS;IACTC,KAAK,QAALA,KAAK;IACLC,EAAE,QAAFA,EAAE;IACCC,IAAI;EAIT,IAAMC,SAAS,GAAGF,EAAE,IAAI,GAAG;EAC3B,IAAMG,IAAI,GAAGN,UAAU,EAAE;EACzB,0BAAkCJ,kBAAkB,EAAE;IAA9CW,QAAQ,uBAARA,QAAQ;IAAEC,WAAW,uBAAXA,WAAW;EAE7B,IAAMC,YAAY,GAAG,SAAfA,YAAY,GAAS;IACzBD,WAAW,CAACN,KAAK,CAAW;EAC9B,CAAC;EAED,oBACE,6CACE,oBAAC,+BAA+B,eAC1BE,IAAI;IACR,EAAE,EAAEC,SAAU;IACd,GAAG,EAAEP,GAAI;IACT,SAAS,EAAET,UAAU,CAAC,oBAAoB,EAAEY,SAAS,CAAE;IACvD,QAAQ,EAAE,CAAE;IACZ,iBAAeM,QAAQ,KAAKL,KAAM;IAClC,YAAY,EAAEO,YAAa;IAC3B,SAAS,EAAEP,KAAK,KAAKK;EAAS,iBAE9B,oBAAC,UAAU,QAAED,IAAI,CAAc,eAC/B;IACE,QAAQ,EAAC,UAAU;IACnB,UAAU,EAAC,SAAS;IACpB,OAAO,EAAC,QAAQ;IAChB,KAAK,EAAC;EAAS,GAKdP,KAAK,CACK,eACb,oBAAC,cAAc,OAAG,CACc,CAC/B;AAET,CAAC,CACF;AAEDF,yBAAyB,CAACa,WAAW,GAAG,2BAA2B;AAAC;EAAA;EAAA;AAAA"}
+{"version":3,"file":"CommandPaletteCommandItem.js","names":["_classnames","_interopRequireDefault","require","_react","_interopRequireWildcard","_Icons","_Typography","_CommandPalette","_context","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","CommandPaletteCommandItem","exports","forwardRef","_ref","ref","title","renderIcon","className","index","as","rest","Component","icon","selected","setSelected","useSelectedContext","onMouseEnter","createElement","StyledCommandPaletteCommandItem","_extends2","classNames","tabIndex","$selected","StyledIcon","_StyledTypography","overflow","whitespace","variant","color","ArrowRightIcon","displayName","_styledComponents","Typography","withConfig","componentId"],"sources":["../../../../src/components/CommandPalette/CommandPaletteCommandItem.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport React, { ElementType, forwardRef, ReactElement, ReactNode } from \"react\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\nimport { ArrowRightIcon } from \"../Icons\";\nimport { Typography } from \"../Typography/Typography\";\nimport {\n  StyledCommandPaletteCommandItem,\n  StyledIcon,\n} from \"./CommandPalette.styles\";\nimport { CommandPaletteItemProps } from \"./CommandPaletteItem\";\nimport { useSelectedContext } from \"./context\";\n\nexport interface CommandPaletteCommandItemProps\n  extends CommandPaletteItemProps {\n  title: string;\n  renderIcon: () => ReactNode;\n}\n\nexport type PolymorphicCommandPaletteCommandItemProps<C extends ElementType> =\n  PolymorphicComponentPropsWithRef<C, CommandPaletteCommandItemProps>;\n\nexport type CommandPaletteComponent = <\n  C extends ElementType = typeof CommandPaletteCommandItem\n>(\n  props: PolymorphicCommandPaletteCommandItemProps<C>\n) => ReactElement | ReactNode | null;\n\nexport const CommandPaletteCommandItem: CommandPaletteComponent & {\n  displayName?: string;\n} = forwardRef(\n  <C extends ElementType = typeof CommandPaletteCommandItem>(\n    {\n      title,\n      renderIcon,\n      className,\n      index,\n      as,\n      ...rest\n    }: PolymorphicCommandPaletteCommandItemProps<C>,\n    ref?: PolymorphicRef<C>\n  ) => {\n    const Component = as || \"a\";\n    const icon = renderIcon();\n    const { selected, setSelected } = useSelectedContext();\n\n    const onMouseEnter = () => {\n      setSelected(index as number);\n    };\n\n    return (\n      <li>\n        <StyledCommandPaletteCommandItem\n          {...rest}\n          as={Component}\n          ref={ref}\n          className={classNames(\"cp-item cp-command\", className)}\n          tabIndex={1}\n          aria-selected={selected === index}\n          onMouseEnter={onMouseEnter}\n          $selected={index === selected}\n        >\n          <StyledIcon>{icon}</StyledIcon>\n          <Typography\n            overflow=\"truncate\"\n            whitespace=\"no-wrap\"\n            variant=\"Body 1\"\n            color=\"primary\"\n            css={`\n              flex: 1;\n            `}\n          >\n            {title}\n          </Typography>\n          <ArrowRightIcon />\n        </StyledCommandPaletteCommandItem>\n      </li>\n    );\n  }\n);\n\nCommandPaletteCommandItem.displayName = \"CommandPaletteCommandItem\";\n"],"mappings":"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"}

package/dist/esm/components/CommandPalette/CommandPaletteHeader.js

@@ -1,39 +1,51 @@
-import React, { useEffect, useMemo, useRef } from "react";
-import { IconButton } from "../IconButton";
-import { CloseIcon, HashtagIcon, SearchLargeIcon } from "../Icons";
-import { Tooltip } from "../Tooltip";
-import { StyledActionWrapper, StyledCommandPaletteHeader, StyledInput, StyledParameter, StyledSearchIcon, StyledSpinnerLoader } from "./CommandPalette.styles";
-import { useSelectedContext } from "./context";
-import { useModeContext } from "./context/ModeContext";
-import { useSearchContext } from "./context/SearchContext";
-export var CommandPaletteHeader = function CommandPaletteHeader(_ref) {
-  var _ref$loading = _ref.loading,
-    loading = _ref$loading === void 0 ? false : _ref$loading,
-    commandsLength = _ref.commandsLength,
-    itemsLength = _ref.itemsLength;
-  var inputRef = useRef(null);
-  var _useModeContext = useModeContext(),
-    mode = _useModeContext.mode,
-    setMode = _useModeContext.setMode,
-    idModeEnabled = _useModeContext.idModeEnabled;
-  var _useSelectedContext = useSelectedContext(),
-    setSelected = _useSelectedContext.setSelected,
-    selected = _useSelectedContext.selected;
-  var _useSearchContext = useSearchContext(),
-    search = _useSearchContext.search,
-    onChangeSearch = _useSearchContext.onChangeSearch;
-  var focusInput = function focusInput() {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CommandPaletteHeader = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _IconButton = require("../IconButton");
+var _Icons = require("../Icons");
+var _Tooltip = require("../Tooltip");
+var _CommandPalette = require("./CommandPalette.styles");
+var _context = require("./context");
+var _ModeContext = require("./context/ModeContext");
+var _SearchContext = require("./context/SearchContext");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const CommandPaletteHeader = _ref => {
+  let {
+    loading = false,
+    commandsLength,
+    itemsLength
+  } = _ref;
+  const inputRef = (0, _react.useRef)(null);
+  const {
+    mode,
+    setMode,
+    idModeEnabled
+  } = (0, _ModeContext.useModeContext)();
+  const {
+    setSelected,
+    selected
+  } = (0, _context.useSelectedContext)();
+  const {
+    search,
+    onChangeSearch
+  } = (0, _SearchContext.useSearchContext)();
+  const focusInput = () => {
     if (inputRef && inputRef.current) {
       inputRef.current.focus();
     }
   };
-  var clearInput = function clearInput() {
+  const clearInput = () => {
     if (inputRef && inputRef.current) {
       inputRef.current.value = "";
       onChangeSearch("");
     }
   };
-  useEffect(function () {
+  (0, _react.useEffect)(() => {
     if (search.length > 0) {
       if (itemsLength > commandsLength) {
         setSelected(commandsLength);
@@ -42,10 +54,10 @@ export var CommandPaletteHeader = function CommandPaletteHeader(_ref) {
       }
     }
   }, [search, commandsLength, itemsLength, setSelected]);
-  useEffect(function () {
+  (0, _react.useEffect)(() => {
     focusInput();
   }, [mode]);
-  var handleInputPlaceholder = useMemo(function () {
+  const handleInputPlaceholder = (0, _react.useMemo)(() => {
     if (typeof mode === "object") {
       return "Search";
     }
@@ -54,21 +66,21 @@ export var CommandPaletteHeader = function CommandPaletteHeader(_ref) {
     }
     return "Search or jump to";
   }, [mode]);
-  var handleKeyDown = function handleKeyDown(e) {
+  const handleKeyDown = e => {
     if (e.key === "Backspace" && mode !== "default" && e.target.value === "") {
       setMode("default");
       clearInput();
     }
     if (e.key === "Enter") {
-      var selectedItem = document.querySelectorAll(".cp-item")[selected];
+      const selectedItem = document.querySelectorAll(".cp-item")[selected];
       if (itemsLength > 0) {
         selectedItem.click();
       }
     }
   };
-  return /*#__PURE__*/React.createElement(StyledCommandPaletteHeader, {
+  return /*#__PURE__*/_react.default.createElement(_CommandPalette.StyledCommandPaletteHeader, {
     className: "cp-header"
-  }, /*#__PURE__*/React.createElement(StyledSearchIcon, null, /*#__PURE__*/React.createElement(SearchLargeIcon, null)), mode === "id" ? /*#__PURE__*/React.createElement(StyledParameter, null, "ID#:") : null, typeof mode === "object" ? /*#__PURE__*/React.createElement(StyledParameter, null, mode.name.length > 10 ? mode.name.slice(0, 10) + "..." : mode.name, "/") : null, /*#__PURE__*/React.createElement(StyledInput, {
+  }, /*#__PURE__*/_react.default.createElement(_CommandPalette.StyledSearchIcon, null, /*#__PURE__*/_react.default.createElement(_Icons.SearchLargeIcon, null)), mode === "id" ? /*#__PURE__*/_react.default.createElement(_CommandPalette.StyledParameter, null, "ID#:") : null, typeof mode === "object" ? /*#__PURE__*/_react.default.createElement(_CommandPalette.StyledParameter, null, mode.name.length > 10 ? mode.name.slice(0, 10) + "..." : mode.name, "/") : null, /*#__PURE__*/_react.default.createElement(_CommandPalette.StyledInput, {
     ref: inputRef,
     autoFocus: true,
     placeholder: handleInputPlaceholder,
@@ -81,8 +93,8 @@ export var CommandPaletteHeader = function CommandPaletteHeader(_ref) {
     spellCheck: false,
     value: search,
     onKeyDown: handleKeyDown,
-    onChange: function onChange(e) {
-      var inputText = e.target.value;
+    onChange: e => {
+      const inputText = e.target.value;
       if (inputText.startsWith("#") && idModeEnabled && search.length === 0) {
         setMode("id");
         onChangeSearch(inputText.slice(1));
@@ -90,45 +102,46 @@ export var CommandPaletteHeader = function CommandPaletteHeader(_ref) {
       }
       onChangeSearch(inputText);
     }
-  }), /*#__PURE__*/React.createElement(StyledActionWrapper, null, loading ? /*#__PURE__*/React.createElement(StyledSpinnerLoader, {
+  }), /*#__PURE__*/_react.default.createElement(_CommandPalette.StyledActionWrapper, null, loading ? /*#__PURE__*/_react.default.createElement(_CommandPalette.StyledSpinnerLoader, {
     "aria-busy": true,
     "aria-label": "Loading...",
     "aria-valuemax": 100,
     "aria-valuemin": 0,
     role: "progressbar"
-  }) : null, mode !== "id" && typeof mode !== "object" && idModeEnabled && search.length === 0 ? /*#__PURE__*/React.createElement(Tooltip, {
+  }) : null, mode !== "id" && typeof mode !== "object" && idModeEnabled && search.length === 0 ? /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
     title: "Search by ID",
     placement: "top"
-  }, /*#__PURE__*/React.createElement(IconButton, {
-    onKeyPress: function onKeyPress(e) {
+  }, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
+    onKeyPress: e => {
       if (e.key === "Enter") {
         setMode("id");
         clearInput();
       }
     },
-    onClick: function onClick() {
+    onClick: () => {
       setMode("id");
       clearInput();
     },
     variant: "text gray"
-  }, /*#__PURE__*/React.createElement(HashtagIcon, null))) : null, search.length > 0 || mode === "id" || typeof mode === "object" ? /*#__PURE__*/React.createElement(Tooltip, {
+  }, /*#__PURE__*/_react.default.createElement(_Icons.HashtagIcon, null))) : null, search.length > 0 || mode === "id" || typeof mode === "object" ? /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
     title: "Clear",
     placement: "top"
-  }, /*#__PURE__*/React.createElement(IconButton, {
+  }, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
     variant: "text gray",
-    onKeyPress: function onKeyPress(e) {
+    onKeyPress: e => {
       if (e.key === "Enter") {
         setMode("default");
         clearInput();
         focusInput();
       }
     },
-    onClick: function onClick() {
+    onClick: () => {
       setMode("default");
       clearInput();
       focusInput();
     }
-  }, /*#__PURE__*/React.createElement(CloseIcon, null))) : null));
+  }, /*#__PURE__*/_react.default.createElement(_Icons.CloseIcon, null))) : null));
 };
+exports.CommandPaletteHeader = CommandPaletteHeader;
 CommandPaletteHeader.displayName = "CommandPaletteItem";
 //# sourceMappingURL=CommandPaletteHeader.js.map