npm - @activecollab/components - Versions diffs - 2.0.304 → 2.0.307 - Mend

@activecollab/components 2.0.304 → 2.0.307

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

Files changed (1225) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CommandPalette.js","names":["React","cloneElement","forwardRef","useMemo","useRef","useState","StyledCommandPalette","StyledCommandPaletteWrapper","CommandPaletteCommandItem","CommandPaletteHeader","CommandPaletteItem","CommandPaletteList","ModeContextProvider","SelectedContextProvider","SearchContextProvider","deepMap","Dialog","_CommandPalette","_ref","ref","children","onChangeSearch","search","mode","setMode","loading","idModeEnabled","rest","_objectWithoutPropertiesLoose","_excluded","selected","setSelected","listWrapperRef","scrollToTop","_listWrapperRef$curre","current","scrollTo","top","behavior","scrollToBottom","_listWrapperRef$curre2","scrollHeight","filterChildren","itemsLength","commandsLength","items","child","item","clonedElement","type","_extends","props","index","handleChangeSelected","direction","document","querySelectorAll","newIndex","newItem","forEach","_","i","length","scrollIntoView","block","createElement","animate","value","onKeyDown","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\";\n\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\";\nimport {\n ModeContextProvider,\n SelectedContextProvider,\n SearchContextProvider,\n} from \"./context\";\nimport { deepMap } from \"../../utils/deepChildrenMap\";\nimport { Dialog, DialogProps } from \"../Dialog\";\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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","ignoreList":[]}
1	+ {"version":3,"file":"CommandPalette.js","names":["React","cloneElement","forwardRef","useMemo","useRef","useState","StyledCommandPalette","StyledCommandPaletteWrapper","CommandPaletteCommandItem","CommandPaletteHeader","CommandPaletteItem","CommandPaletteList","ModeContextProvider","SelectedContextProvider","SearchContextProvider","deepMap","Dialog","_CommandPalette","_ref","ref","children","onChangeSearch","search","mode","setMode","loading","_ref$idModeEnabled","idModeEnabled","rest","_objectWithoutPropertiesLoose","_excluded","_useState","selected","setSelected","listWrapperRef","scrollToTop","_listWrapperRef$curre","current","scrollTo","top","behavior","scrollToBottom","_listWrapperRef$curre2","scrollHeight","filterChildren","itemsLength","commandsLength","items","child","item","clonedElement","type","_extends","props","index","handleChangeSelected","direction","document","querySelectorAll","newIndex","newItem","forEach","_","i","length","scrollIntoView","block","createElement","animate","value","onKeyDown","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\";\n\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\";\nimport {\n ModeContextProvider,\n SelectedContextProvider,\n SearchContextProvider,\n} from \"./context\";\nimport { deepMap } from \"../../utils/deepChildrenMap\";\nimport { Dialog, DialogProps } from \"../Dialog\";\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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","ignoreList":[]}

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

@@ -48,14 +48,10 @@ export const StyledCommandPaletteItem = styled.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;}"], _ref => {
-  let {
-    $selected
-  } = _ref;
+  let $selected = _ref.$selected;
   return $selected ? "var(--color-theme-200)" : "transparent";
 }, _ref2 => {
-  let {
-    $selected
-  } = _ref2;
+  let $selected = _ref2.$selected;
   return $selected ? "block" : "none";
 });
 export const StyledCommandPaletteCommandItem = styled(StyledCommandPaletteItem).withConfig({

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CommandPalette.styles.js","names":["styled","screen","FontStyle","SpinnerLoader","StyledCommandPalette","div","withConfig","displayName","componentId","StyledCommandPaletteWrapper","StyledCommandPaletteHeader","StyledSearchIcon","StyledInput","input","sm","StyledParameter","span","StyledActionWrapper","StyledIcon","StyledCommandPaletteList","ul","StyledHeading","p","StyledCommandPaletteItem","a","_ref","$selected","_ref2","StyledCommandPaletteCommandItem","StyledSpinnerLoader","StyledCommandPaletteItemLoader"],"sources":["../../../../src/components/CommandPalette/CommandPalette.styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { screen } from \"../BreakPoints\";\nimport { FontStyle } from \"../FontStyle\";\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;AAEtC,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,aAAa,QAAQ,YAAY;AAE1C,OAAO,MAAMC,oBAAoB,GAAGJ,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4LAC1CN,SAAS,CAUZ;AAED,OAAO,MAAMO,2BAA2B,GAAGT,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yJAUpD;AAED,OAAO,MAAME,0BAA0B,GAAGV,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kHAOnD;AAED,OAAO,MAAMG,gBAAgB,GAAGX,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oDAMzC;AAED,OAAO,MAAMI,WAAW,GAAGZ,MAAM,CAACa,KAAK,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wnBAMnCP,MAAM,CAACa,EAAE,CA+BZ;AAED,OAAO,MAAMC,eAAe,GAAGf,MAAM,CAACgB,IAAI,CAAAV,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4JAKtCP,MAAM,CAACa,EAAE,CAMZ;AAED,OAAO,MAAMG,mBAAmB,GAAGjB,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gDAI5C;AAED,OAAO,MAAMU,UAAU,GAAGlB,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oDAMnC;AAED,OAAO,MAAMW,wBAAwB,GAAGnB,MAAM,CAACoB,EAAE,CAAAd,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iIAShD;AAED,OAAO,MAAMa,aAAa,GAAGrB,MAAM,CAACsB,CAAC,CAAAhB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8IAQpC;;AAED;AACA,OAAO,MAAMe,wBAAwB,GAAGvB,MAAM,CAACwB,CAAC,CAAAlB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2WAS1BiB,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;AAED,OAAO,MAAME,+BAA+B,GAAG5B,MAAM,CAACuB,wBAAwB,CAAC,CAAAjB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yBAE9E;AAED,OAAO,MAAMqB,mBAAmB,GAAG7B,MAAM,CAACG,aAAa,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yBAEvD;AAED,OAAO,MAAMsB,8BAA8B,GAAG9B,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+JAUvD","ignoreList":[]}
1	+ {"version":3,"file":"CommandPalette.styles.js","names":["styled","screen","FontStyle","SpinnerLoader","StyledCommandPalette","div","withConfig","displayName","componentId","StyledCommandPaletteWrapper","StyledCommandPaletteHeader","StyledSearchIcon","StyledInput","input","sm","StyledParameter","span","StyledActionWrapper","StyledIcon","StyledCommandPaletteList","ul","StyledHeading","p","StyledCommandPaletteItem","a","_ref","$selected","_ref2","StyledCommandPaletteCommandItem","StyledSpinnerLoader","StyledCommandPaletteItemLoader"],"sources":["../../../../src/components/CommandPalette/CommandPalette.styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { screen } from \"../BreakPoints\";\nimport { FontStyle } from \"../FontStyle\";\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;AAEtC,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,aAAa,QAAQ,YAAY;AAE1C,OAAO,MAAMC,oBAAoB,GAAGJ,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4LAC1CN,SAAS,CAUZ;AAED,OAAO,MAAMO,2BAA2B,GAAGT,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yJAUpD;AAED,OAAO,MAAME,0BAA0B,GAAGV,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kHAOnD;AAED,OAAO,MAAMG,gBAAgB,GAAGX,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oDAMzC;AAED,OAAO,MAAMI,WAAW,GAAGZ,MAAM,CAACa,KAAK,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wnBAMnCP,MAAM,CAACa,EAAE,CA+BZ;AAED,OAAO,MAAMC,eAAe,GAAGf,MAAM,CAACgB,IAAI,CAAAV,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4JAKtCP,MAAM,CAACa,EAAE,CAMZ;AAED,OAAO,MAAMG,mBAAmB,GAAGjB,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gDAI5C;AAED,OAAO,MAAMU,UAAU,GAAGlB,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oDAMnC;AAED,OAAO,MAAMW,wBAAwB,GAAGnB,MAAM,CAACoB,EAAE,CAAAd,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iIAShD;AAED,OAAO,MAAMa,aAAa,GAAGrB,MAAM,CAACsB,CAAC,CAAAhB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8IAQpC;;AAED;AACA,OAAO,MAAMe,wBAAwB,GAAGvB,MAAM,CAACwB,CAAC,CAAAlB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2WAS1BiB,IAAA;EAAA,IAAEC,SAAS,GAAAD,IAAA,CAATC,SAAS;EAAA,OAAMA,SAAS,GAAG,wBAAwB,GAAG,aAAa;AAAA,GAO5EC,KAAA;EAAA,IAAED,SAAS,GAAAC,KAAA,CAATD,SAAS;EAAA,OAAMA,SAAS,GAAG,OAAO,GAAG,MAAM;AAAA,EAY3D;AAED,OAAO,MAAME,+BAA+B,GAAG5B,MAAM,CAACuB,wBAAwB,CAAC,CAAAjB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yBAE9E;AAED,OAAO,MAAMqB,mBAAmB,GAAG7B,MAAM,CAACG,aAAa,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yBAEvD;AAED,OAAO,MAAMsB,8BAA8B,GAAG9B,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+JAUvD","ignoreList":[]}

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

@@ -9,20 +9,17 @@ import { useSelectedContext } from "./context";
 import { ArrowRightIcon } from "../Icons";
 import { Typography } from "../Typography/Typography";
 export const CommandPaletteCommandItem = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      title,
-      renderIcon,
-      className,
-      index,
-      as
-    } = _ref,
+  let title = _ref.title,
+    renderIcon = _ref.renderIcon,
+    className = _ref.className,
+    index = _ref.index,
+    as = _ref.as,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   const Component = as || "a";
   const icon = renderIcon();
-  const {
-    selected,
-    setSelected
-  } = useSelectedContext();
+  const _useSelectedContext = useSelectedContext(),
+    selected = _useSelectedContext.selected,
+    setSelected = _useSelectedContext.setSelected;
   const onMouseEnter = () => {
     setSelected(index);
   };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CommandPaletteCommandItem.js","names":["React","forwardRef","classNames","StyledCommandPaletteCommandItem","StyledIcon","useSelectedContext","ArrowRightIcon","Typography","CommandPaletteCommandItem","_ref","ref","title","renderIcon","className","index","as","rest","_objectWithoutPropertiesLoose","_excluded","Component","icon","selected","setSelected","onMouseEnter","createElement","_extends","tabIndex","$selected","_StyledTypography","overflow","whitespace","variant","color","displayName","_styled","withConfig","componentId"],"sources":["../../../../src/components/CommandPalette/CommandPaletteCommandItem.tsx"],"sourcesContent":["import React, { ElementType, forwardRef, ReactElement, ReactNode } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport {\n StyledCommandPaletteCommandItem,\n StyledIcon,\n} from \"./CommandPalette.styles\";\nimport { CommandPaletteItemProps } from \"./CommandPaletteItem\";\nimport { useSelectedContext } from \"./context\";\nimport {\n PolymorphicComponentPropsWithRef,\n PolymorphicRef,\n} from \"../../utils/types\";\nimport { ArrowRightIcon } from \"../Icons\";\nimport { Typography } from \"../Typography/Typography\";\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 // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore - due to @node/types making ts more strict\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,KAAK,IAAiBC,UAAU,QAAiC,OAAO;AAE/E,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,+BAA+B,EAC/BC,UAAU,QACL,yBAAyB;AAEhC,SAASC,kBAAkB,QAAQ,WAAW;AAK9C,SAASC,cAAc,QAAQ,UAAU;AACzC,SAASC,UAAU,QAAQ,0BAA0B;AAiBrD,OAAO,MAAMC,yBAEZ,gBAAGP,UAAU,CAGZ,CAAAQ,IAAA,EASEC,GAAuB,KACpB;EAAA,~~IATH;MACEC~~,KAAK;~~MACLC~~,UAAU;~~MACVC~~,SAAS;~~MACTC~~,KAAK;~~MACLC;IAE4C~~,~~CAAC~~,GAAAN,IAAA;~~IAD1CO~~,IAAI,GAAAC,6BAAA,CAAAR,IAAA,EAAAS,SAAA;EAIT,MAAMC,SAAS,GAAGJ,EAAE,IAAI,GAAG;EAC3B,MAAMK,IAAI,GAAGR,UAAU,CAAC,CAAC;EACzB,~~MAAM~~;~~IAAES~~,QAAQ;IAAEC~~;EAAY~~,~~CAAC~~,~~GAAGjB~~,~~kBAAkB~~,~~CAAC~~,~~CAAC~~;~~EAEtD~~,~~MAAMkB~~,YAAY,GAAGA,CAAA,KAAM;IACzBD,WAAW,~~CAACR~~,KAAe,CAAC;EAC9B,CAAC;EAED,oBACEd,KAAA,~~CAAAwB~~,aAAA,~~0BACExB~~,KAAA,~~CAAAwB~~,aAAA,~~CAACrB~~,+BAA+B,~~EAAAsB~~,QAAA,~~KAC1BT~~,IAAI;IACRD,EAAE,EAAEI,SAAU;IACdT,GAAG,EAAEA,GAAI;IACTG,SAAS,EAAEX,UAAU,CAAC,oBAAoB,EAAEW,SAAS,CAAE;~~IACvDa~~,QAAQ,EAAE,CAAE;IACZ,iBAAeL,QAAQ,~~KAAKP~~,KAAM;~~IAClCS~~,YAAY,EAAEA,YAAa;IAC3BI,SAAS,~~EAAEb~~,KAAK,~~KAAKO~~;EAAS,~~iBAE9BrB~~,KAAA,~~CAAAwB~~,aAAA,~~CAACpB~~,UAAU,QAAEgB,IAAiB,CAAC,eAC/BpB,KAAA,~~CAAAwB~~,aAAA,CAAAI,iBAAA;IACEC,QAAQ,EAAC,UAAU;IACnBC,UAAU,EAAC,SAAS;IACpBC,OAAO,EAAC,QAAQ;IAChBC,KAAK,EAAC;EAAS,~~GAKdrB~~,KACS,CAAC,eACbX,KAAA,~~CAAAwB~~,aAAA,~~CAAClB~~,cAAc,MAAE,CACc,CAC/B,CAAC;AAET,CACF,CAAC;AAEDE,yBAAyB,~~CAACyB~~,WAAW,GAAG,2BAA2B;AAAC,IAAAL,iBAAA,GAAAM,OAAA,~~CAAA3B~~,UAAA,~~EAAA4B~~,UAAA;EAAAF,WAAA;EAAAG,WAAA;AAAA","ignoreList":[]}
1	+ {"version":3,"file":"CommandPaletteCommandItem.js","names":["React","forwardRef","classNames","StyledCommandPaletteCommandItem","StyledIcon","useSelectedContext","ArrowRightIcon","Typography","CommandPaletteCommandItem","_ref","ref","title","renderIcon","className","index","as","rest","_objectWithoutPropertiesLoose","_excluded","Component","icon","_useSelectedContext","selected","setSelected","onMouseEnter","createElement","_extends","tabIndex","$selected","_StyledTypography","overflow","whitespace","variant","color","displayName","_styled","withConfig","componentId"],"sources":["../../../../src/components/CommandPalette/CommandPaletteCommandItem.tsx"],"sourcesContent":["import React, { ElementType, forwardRef, ReactElement, ReactNode } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport {\n StyledCommandPaletteCommandItem,\n StyledIcon,\n} from \"./CommandPalette.styles\";\nimport { CommandPaletteItemProps } from \"./CommandPaletteItem\";\nimport { useSelectedContext } from \"./context\";\nimport {\n PolymorphicComponentPropsWithRef,\n PolymorphicRef,\n} from \"../../utils/types\";\nimport { ArrowRightIcon } from \"../Icons\";\nimport { Typography } from \"../Typography/Typography\";\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 // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore - due to @node/types making ts more strict\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,KAAK,IAAiBC,UAAU,QAAiC,OAAO;AAE/E,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,+BAA+B,EAC/BC,UAAU,QACL,yBAAyB;AAEhC,SAASC,kBAAkB,QAAQ,WAAW;AAK9C,SAASC,cAAc,QAAQ,UAAU;AACzC,SAASC,UAAU,QAAQ,0BAA0B;AAiBrD,OAAO,MAAMC,yBAEZ,gBAAGP,UAAU,CAGZ,CAAAQ,IAAA,EASEC,GAAuB,KACpB;EAAA,IARDC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IACVC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,KAAK,GAAAL,IAAA,CAALK,KAAK;IACLC,EAAE,GAAAN,IAAA,CAAFM,EAAE;IACCC,IAAI,GAAAC,6BAAA,CAAAR,IAAA,EAAAS,SAAA;EAIT,MAAMC,SAAS,GAAGJ,EAAE,IAAI,GAAG;EAC3B,MAAMK,IAAI,GAAGR,UAAU,CAAC,CAAC;EACzB,MAAAS,mBAAA,GAAkChB,kBAAkB,CAAC,CAAC;IAA9CiB,QAAQ,GAAAD,mBAAA,CAARC,QAAQ;IAAEC,WAAW,GAAAF,mBAAA,CAAXE,WAAW;EAE7B,MAAMC,YAAY,GAAGA,CAAA,KAAM;IACzBD,WAAW,CAACT,KAAe,CAAC;EAC9B,CAAC;EAED,oBACEd,KAAA,CAAAyB,aAAA,0BACEzB,KAAA,CAAAyB,aAAA,CAACtB,+BAA+B,EAAAuB,QAAA,KAC1BV,IAAI;IACRD,EAAE,EAAEI,SAAU;IACdT,GAAG,EAAEA,GAAI;IACTG,SAAS,EAAEX,UAAU,CAAC,oBAAoB,EAAEW,SAAS,CAAE;IACvDc,QAAQ,EAAE,CAAE;IACZ,iBAAeL,QAAQ,KAAKR,KAAM;IAClCU,YAAY,EAAEA,YAAa;IAC3BI,SAAS,EAAEd,KAAK,KAAKQ;EAAS,iBAE9BtB,KAAA,CAAAyB,aAAA,CAACrB,UAAU,QAAEgB,IAAiB,CAAC,eAC/BpB,KAAA,CAAAyB,aAAA,CAAAI,iBAAA;IACEC,QAAQ,EAAC,UAAU;IACnBC,UAAU,EAAC,SAAS;IACpBC,OAAO,EAAC,QAAQ;IAChBC,KAAK,EAAC;EAAS,GAKdtB,KACS,CAAC,eACbX,KAAA,CAAAyB,aAAA,CAACnB,cAAc,MAAE,CACc,CAC/B,CAAC;AAET,CACF,CAAC;AAEDE,yBAAyB,CAAC0B,WAAW,GAAG,2BAA2B;AAAC,IAAAL,iBAAA,GAAAM,OAAA,CAAA5B,UAAA,EAAA6B,UAAA;EAAAF,WAAA;EAAAG,WAAA;AAAA","ignoreList":[]}

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

@@ -7,25 +7,21 @@ import { Tooltip } from "../Tooltip";
 import { useModeContext } from "./context/ModeContext";
 import { useSearchContext } from "./context/SearchContext";
 export const CommandPaletteHeader = _ref => {
-  let {
-    loading = false,
-    commandsLength,
-    itemsLength
-  } = _ref;
+  let _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    commandsLength = _ref.commandsLength,
+    itemsLength = _ref.itemsLength;
   const inputRef = useRef(null);
-  const {
-    mode,
-    setMode,
-    idModeEnabled
-  } = useModeContext();
-  const {
-    setSelected,
-    selected
-  } = useSelectedContext();
-  const {
-    search,
-    onChangeSearch
-  } = useSearchContext();
+  const _useModeContext = useModeContext(),
+    mode = _useModeContext.mode,
+    setMode = _useModeContext.setMode,
+    idModeEnabled = _useModeContext.idModeEnabled;
+  const _useSelectedContext = useSelectedContext(),
+    setSelected = _useSelectedContext.setSelected,
+    selected = _useSelectedContext.selected;
+  const _useSearchContext = useSearchContext(),
+    search = _useSearchContext.search,
+    onChangeSearch = _useSearchContext.onChangeSearch;
   const focusInput = () => {
     if (inputRef && inputRef.current) {
       inputRef.current.focus();

package/dist/esm/components/CommandPalette/CommandPaletteHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CommandPaletteHeader.js","names":["React","useEffect","useMemo","useRef","StyledActionWrapper","StyledCommandPaletteHeader","StyledInput","StyledParameter","StyledSearchIcon","StyledSpinnerLoader","useSelectedContext","IconButton","CloseIcon","HashtagIcon","SearchLargeIcon","Tooltip","useModeContext","useSearchContext","CommandPaletteHeader","_ref","loading","commandsLength","itemsLength","inputRef","mode","setMode","idModeEnabled","setSelected","selected","search","onChangeSearch","focusInput","current","focus","clearInput","value","length","handleInputPlaceholder","handleKeyDown","e","key","target","selectedItem","document","querySelectorAll","click","createElement","className","name","slice","ref","autoFocus","placeholder","type","autoCapitalize","autoComplete","autoCorrect","role","spellCheck","onKeyDown","onChange","inputText","startsWith","title","placement","onKeyPress","onClick","variant","displayName"],"sources":["../../../../src/components/CommandPalette/CommandPaletteHeader.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef } from \"react\";\n\nimport {\n StyledActionWrapper,\n StyledCommandPaletteHeader,\n StyledInput,\n StyledParameter,\n StyledSearchIcon,\n StyledSpinnerLoader,\n} from \"./CommandPalette.styles\";\nimport { useSelectedContext } from \"./context\";\nimport { IconButton } from \"../IconButton\";\nimport { CloseIcon, HashtagIcon, SearchLargeIcon } from \"../Icons\";\nimport { Tooltip } from \"../Tooltip\";\nimport { useModeContext } from \"./context/ModeContext\";\nimport { useSearchContext } from \"./context/SearchContext\";\n\nexport interface CommandPaletteHeaderProps {\n loading?: boolean;\n commandsLength: number;\n itemsLength: number;\n}\n\nexport const CommandPaletteHeader = ({\n loading = false,\n commandsLength,\n itemsLength,\n}: CommandPaletteHeaderProps) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const { mode, setMode, idModeEnabled } = useModeContext();\n const { setSelected, selected } = useSelectedContext();\n const { search, onChangeSearch } = useSearchContext();\n\n const focusInput = () => {\n if (inputRef && inputRef.current) {\n inputRef.current.focus();\n }\n };\n\n const clearInput = () => {\n if (inputRef && inputRef.current) {\n inputRef.current.value = \"\";\n onChangeSearch(\"\");\n }\n };\n\n useEffect(() => {\n if (search.length > 0) {\n if (itemsLength > commandsLength) {\n setSelected(commandsLength);\n } else {\n setSelected(0);\n }\n }\n }, [search, commandsLength, itemsLength, setSelected]);\n\n useEffect(() => {\n focusInput();\n }, [mode]);\n\n const handleInputPlaceholder = useMemo(() => {\n if (typeof mode === \"object\") {\n return \"Search\";\n }\n\n if (mode === \"id\") {\n return \"1\";\n }\n\n return \"Search or jump to\";\n }, [mode]);\n\n const handleKeyDown = (e) => {\n if (\n e.key === \"Backspace\" &&\n mode !== \"default\" &&\n (e.target as HTMLInputElement).value === \"\"\n ) {\n setMode(\"default\");\n clearInput();\n }\n\n if (e.key === \"Enter\") {\n const selectedItem = document.querySelectorAll(\".cp-item\")[\n selected\n ] as HTMLElement;\n\n if (itemsLength > 0) {\n selectedItem.click();\n }\n }\n };\n\n return (\n <StyledCommandPaletteHeader className=\"cp-header\">\n <StyledSearchIcon>\n <SearchLargeIcon />\n </StyledSearchIcon>\n\n {mode === \"id\" ? <StyledParameter>ID#:</StyledParameter> : null}\n {typeof mode === \"object\" ? (\n <StyledParameter>\n {mode.name.length > 10 ? mode.name.slice(0, 10) + \"...\" : mode.name}/\n </StyledParameter>\n ) : null}\n\n <StyledInput\n ref={inputRef}\n autoFocus\n placeholder={handleInputPlaceholder}\n type=\"search\"\n aria-autocomplete=\"list\"\n autoCapitalize=\"none\"\n autoComplete=\"off\"\n autoCorrect=\"off\"\n role=\"combobox\"\n spellCheck={false}\n value={search}\n onKeyDown={handleKeyDown}\n onChange={(e) => {\n const inputText = e.target.value;\n\n if (\n inputText.startsWith(\"#\") &&\n idModeEnabled &&\n search.length === 0\n ) {\n setMode(\"id\");\n onChangeSearch(inputText.slice(1));\n return;\n }\n\n onChangeSearch(inputText);\n }}\n />\n\n <StyledActionWrapper>\n {loading ? (\n <StyledSpinnerLoader\n aria-busy={true}\n aria-label=\"Loading...\"\n aria-valuemax={100}\n aria-valuemin={0}\n role=\"progressbar\"\n />\n ) : null}\n\n {mode !== \"id\" &&\n typeof mode !== \"object\" &&\n idModeEnabled &&\n search.length === 0 ? (\n <Tooltip title=\"Search by ID\" placement=\"top\">\n <IconButton\n onKeyPress={(e) => {\n if (e.key === \"Enter\") {\n setMode(\"id\");\n clearInput();\n }\n }}\n onClick={() => {\n setMode(\"id\");\n clearInput();\n }}\n variant=\"text gray\"\n >\n <HashtagIcon />\n </IconButton>\n </Tooltip>\n ) : null}\n\n {search.length > 0 \|\| mode === \"id\" \|\| typeof mode === \"object\" ? (\n <Tooltip title=\"Clear\" placement=\"top\">\n <IconButton\n variant=\"text gray\"\n onKeyPress={(e) => {\n if (e.key === \"Enter\") {\n setMode(\"default\");\n clearInput();\n focusInput();\n }\n }}\n onClick={() => {\n setMode(\"default\");\n clearInput();\n focusInput();\n }}\n >\n <CloseIcon />\n </IconButton>\n </Tooltip>\n ) : null}\n </StyledActionWrapper>\n </StyledCommandPaletteHeader>\n );\n};\n\nCommandPaletteHeader.displayName = \"CommandPaletteItem\";\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"CommandPaletteHeader.js","names":["React","useEffect","useMemo","useRef","StyledActionWrapper","StyledCommandPaletteHeader","StyledInput","StyledParameter","StyledSearchIcon","StyledSpinnerLoader","useSelectedContext","IconButton","CloseIcon","HashtagIcon","SearchLargeIcon","Tooltip","useModeContext","useSearchContext","CommandPaletteHeader","_ref","_ref$loading","loading","commandsLength","itemsLength","inputRef","_useModeContext","mode","setMode","idModeEnabled","_useSelectedContext","setSelected","selected","_useSearchContext","search","onChangeSearch","focusInput","current","focus","clearInput","value","length","handleInputPlaceholder","handleKeyDown","e","key","target","selectedItem","document","querySelectorAll","click","createElement","className","name","slice","ref","autoFocus","placeholder","type","autoCapitalize","autoComplete","autoCorrect","role","spellCheck","onKeyDown","onChange","inputText","startsWith","title","placement","onKeyPress","onClick","variant","displayName"],"sources":["../../../../src/components/CommandPalette/CommandPaletteHeader.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef } from \"react\";\n\nimport {\n StyledActionWrapper,\n StyledCommandPaletteHeader,\n StyledInput,\n StyledParameter,\n StyledSearchIcon,\n StyledSpinnerLoader,\n} from \"./CommandPalette.styles\";\nimport { useSelectedContext } from \"./context\";\nimport { IconButton } from \"../IconButton\";\nimport { CloseIcon, HashtagIcon, SearchLargeIcon } from \"../Icons\";\nimport { Tooltip } from \"../Tooltip\";\nimport { useModeContext } from \"./context/ModeContext\";\nimport { useSearchContext } from \"./context/SearchContext\";\n\nexport interface CommandPaletteHeaderProps {\n loading?: boolean;\n commandsLength: number;\n itemsLength: number;\n}\n\nexport const CommandPaletteHeader = ({\n loading = false,\n commandsLength,\n itemsLength,\n}: CommandPaletteHeaderProps) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const { mode, setMode, idModeEnabled } = useModeContext();\n const { setSelected, selected } = useSelectedContext();\n const { search, onChangeSearch } = useSearchContext();\n\n const focusInput = () => {\n if (inputRef && inputRef.current) {\n inputRef.current.focus();\n }\n };\n\n const clearInput = () => {\n if (inputRef && inputRef.current) {\n inputRef.current.value = \"\";\n onChangeSearch(\"\");\n }\n };\n\n useEffect(() => {\n if (search.length > 0) {\n if (itemsLength > commandsLength) {\n setSelected(commandsLength);\n } else {\n setSelected(0);\n }\n }\n }, [search, commandsLength, itemsLength, setSelected]);\n\n useEffect(() => {\n focusInput();\n }, [mode]);\n\n const handleInputPlaceholder = useMemo(() => {\n if (typeof mode === \"object\") {\n return \"Search\";\n }\n\n if (mode === \"id\") {\n return \"1\";\n }\n\n return \"Search or jump to\";\n }, [mode]);\n\n const handleKeyDown = (e) => {\n if (\n e.key === \"Backspace\" &&\n mode !== \"default\" &&\n (e.target as HTMLInputElement).value === \"\"\n ) {\n setMode(\"default\");\n clearInput();\n }\n\n if (e.key === \"Enter\") {\n const selectedItem = document.querySelectorAll(\".cp-item\")[\n selected\n ] as HTMLElement;\n\n if (itemsLength > 0) {\n selectedItem.click();\n }\n }\n };\n\n return (\n <StyledCommandPaletteHeader className=\"cp-header\">\n <StyledSearchIcon>\n <SearchLargeIcon />\n </StyledSearchIcon>\n\n {mode === \"id\" ? <StyledParameter>ID#:</StyledParameter> : null}\n {typeof mode === \"object\" ? (\n <StyledParameter>\n {mode.name.length > 10 ? mode.name.slice(0, 10) + \"...\" : mode.name}/\n </StyledParameter>\n ) : null}\n\n <StyledInput\n ref={inputRef}\n autoFocus\n placeholder={handleInputPlaceholder}\n type=\"search\"\n aria-autocomplete=\"list\"\n autoCapitalize=\"none\"\n autoComplete=\"off\"\n autoCorrect=\"off\"\n role=\"combobox\"\n spellCheck={false}\n value={search}\n onKeyDown={handleKeyDown}\n onChange={(e) => {\n const inputText = e.target.value;\n\n if (\n inputText.startsWith(\"#\") &&\n idModeEnabled &&\n search.length === 0\n ) {\n setMode(\"id\");\n onChangeSearch(inputText.slice(1));\n return;\n }\n\n onChangeSearch(inputText);\n }}\n />\n\n <StyledActionWrapper>\n {loading ? (\n <StyledSpinnerLoader\n aria-busy={true}\n aria-label=\"Loading...\"\n aria-valuemax={100}\n aria-valuemin={0}\n role=\"progressbar\"\n />\n ) : null}\n\n {mode !== \"id\" &&\n typeof mode !== \"object\" &&\n idModeEnabled &&\n search.length === 0 ? (\n <Tooltip title=\"Search by ID\" placement=\"top\">\n <IconButton\n onKeyPress={(e) => {\n if (e.key === \"Enter\") {\n setMode(\"id\");\n clearInput();\n }\n }}\n onClick={() => {\n setMode(\"id\");\n clearInput();\n }}\n variant=\"text gray\"\n >\n <HashtagIcon />\n </IconButton>\n </Tooltip>\n ) : null}\n\n {search.length > 0 \|\| mode === \"id\" \|\| typeof mode === \"object\" ? (\n <Tooltip title=\"Clear\" placement=\"top\">\n <IconButton\n variant=\"text gray\"\n onKeyPress={(e) => {\n if (e.key === \"Enter\") {\n setMode(\"default\");\n clearInput();\n focusInput();\n }\n }}\n onClick={() => {\n setMode(\"default\");\n clearInput();\n focusInput();\n }}\n >\n <CloseIcon />\n </IconButton>\n </Tooltip>\n ) : null}\n </StyledActionWrapper>\n </StyledCommandPaletteHeader>\n );\n};\n\nCommandPaletteHeader.displayName = \"CommandPaletteItem\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/CommandPalette/CommandPaletteItem.js CHANGED Viewed

@@ -16,24 +16,20 @@ const generateRandomWidth = () => {
   return randomNum + "%";
 };
 export const CommandPaletteItem = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      title,
-      renderIcon,
-      className,
-      index,
-      loading,
-      as
-    } = _ref,
+  let title = _ref.title,
+    renderIcon = _ref.renderIcon,
+    className = _ref.className,
+    index = _ref.index,
+    loading = _ref.loading,
+    as = _ref.as,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   const Component = as || "a";
   const icon = renderIcon && renderIcon();
-  const {
-    selected,
-    setSelected
-  } = useSelectedContext();
-  const {
-    search
-  } = useSearchContext();
+  const _useSelectedContext = useSelectedContext(),
+    selected = _useSelectedContext.selected,
+    setSelected = _useSelectedContext.setSelected;
+  const _useSearchContext = useSearchContext(),
+    search = _useSearchContext.search;
   const onMouseEnter = () => {
     setSelected(index);
   };

package/dist/esm/components/CommandPalette/CommandPaletteItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CommandPaletteItem.js","names":["React","forwardRef","classNames","StyledCommandPaletteItem","StyledCommandPaletteItemLoader","StyledIcon","useSelectedContext","useSearchContext","findHighlightedSearch","SkeletonLoader","Typography","generateRandomWidth","randomNum","Math","round","random","CommandPaletteItem","_ref","ref","title","renderIcon","className","index","loading","as","rest","_objectWithoutPropertiesLoose","_excluded","Component","icon","selected","setSelected","search","onMouseEnter","createElement","_StyledSkeletonLoader","_StyledSkeletonLoader2","$_css","_extends","tabIndex","$selected","overflow","whitespace","variant","color","dangerouslySetInnerHTML","__html","displayName","_styled","width","height","borderRadius","_styled2","withConfig","componentId","p"],"sources":["../../../../src/components/CommandPalette/CommandPaletteItem.tsx"],"sourcesContent":["import React, {\n ComponentPropsWithoutRef,\n forwardRef,\n ReactElement,\n ReactNode,\n ElementType,\n} from \"react\";\n\nimport classNames from \"classnames\";\n\nimport {\n StyledCommandPaletteItem,\n StyledCommandPaletteItemLoader,\n StyledIcon,\n} from \"./CommandPalette.styles\";\nimport { useSelectedContext } from \"./context\";\nimport { useSearchContext } from \"./context/SearchContext\";\nimport { findHighlightedSearch } from \"../../utils/findHighlightedSearch\";\nimport {\n PolymorphicComponentPropsWithRef,\n PolymorphicRef,\n} from \"../../utils/types\";\nimport { SkeletonLoader } from \"../Loaders\";\nimport { Typography } from \"../Typography/Typography\";\n\nconst generateRandomWidth = () => {\n // generate range 30-80\n const randomNum = Math.round(Math.random() * 30 + 30);\n\n return randomNum + \"%\";\n};\n\nexport interface CommandPaletteItemProps extends ComponentPropsWithoutRef<\"a\"> {\n title?: string;\n renderIcon?: () => ReactNode;\n className?: string;\n index?: number;\n selected?: number;\n loading?: boolean;\n}\n\nexport type PolymorphicCommandPaletteItemProps<C extends ElementType> =\n PolymorphicComponentPropsWithRef<C, CommandPaletteItemProps>;\n\nexport type CommandPaletteComponent = <\n C extends ElementType = typeof CommandPaletteItem\n>(\n props: PolymorphicCommandPaletteItemProps<C>\n) => ReactElement \| ReactNode \| null;\n\nexport const CommandPaletteItem: CommandPaletteComponent & {\n displayName?: string;\n} = forwardRef(\n <C extends ElementType = typeof CommandPaletteItem>(\n {\n title,\n renderIcon,\n className,\n index,\n loading,\n as,\n ...rest\n }: PolymorphicCommandPaletteItemProps<C>,\n ref?: PolymorphicRef<C>\n ) => {\n const Component = as \|\| \"a\";\n const icon = renderIcon && renderIcon();\n const { selected, setSelected } = useSelectedContext();\n const { search } = useSearchContext();\n\n const onMouseEnter = () => {\n setSelected(index as number);\n };\n\n if (loading) {\n return (\n <StyledCommandPaletteItemLoader aria-busy={true} aria-disabled={true}>\n <SkeletonLoader\n css={{ width: 24, height: 24, borderRadius: \"100%\" }}\n />\n <SkeletonLoader css={{ width: generateRandomWidth(), height: 16 }} />\n </StyledCommandPaletteItemLoader>\n );\n }\n\n return (\n <li>\n <StyledCommandPaletteItem\n {...rest}\n as={Component}\n ref={ref}\n className={classNames(\"cp-item\", className)}\n tabIndex={1}\n aria-selected={selected === index}\n onMouseEnter={onMouseEnter}\n $selected={index === selected}\n >\n <StyledIcon>{icon}</StyledIcon>\n {search && title ? (\n <Typography\n overflow=\"truncate\"\n whitespace=\"no-wrap\"\n variant=\"Body 1\"\n color=\"primary\"\n dangerouslySetInnerHTML={{\n __html: findHighlightedSearch(search, title),\n }}\n />\n ) : null}\n </StyledCommandPaletteItem>\n </li>\n );\n }\n);\n\nCommandPaletteItem.displayName = \"CommandPaletteItem\";\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAEVC,UAAU,QAIL,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,wBAAwB,EACxBC,8BAA8B,EAC9BC,UAAU,QACL,yBAAyB;AAChC,SAASC,kBAAkB,QAAQ,WAAW;AAC9C,SAASC,gBAAgB,QAAQ,yBAAyB;AAC1D,SAASC,qBAAqB,QAAQ,mCAAmC;AAKzE,SAASC,cAAc,QAAQ,YAAY;AAC3C,SAASC,UAAU,QAAQ,0BAA0B;AAErD,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EAChC;EACA,MAAMC,SAAS,GAAGC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC;EAErD,OAAOH,SAAS,GAAG,GAAG;AACxB,CAAC;AAoBD,OAAO,MAAMI,kBAEZ,gBAAGf,UAAU,CACZ,CAAAgB,IAAA,EAUEC,GAAuB,KACpB;EAAA,~~IAVH;MACEC~~,KAAK;~~MACLC~~,UAAU;~~MACVC~~,SAAS;~~MACTC~~,KAAK;~~MACLC~~,OAAO;~~MACPC;IAEqC~~,~~CAAC~~,GAAAP,IAAA;~~IADnCQ~~,IAAI,GAAAC,6BAAA,CAAAT,IAAA,EAAAU,SAAA;EAIT,MAAMC,SAAS,GAAGJ,EAAE,IAAI,GAAG;EAC3B,MAAMK,IAAI,GAAGT,UAAU,IAAIA,UAAU,CAAC,CAAC;EACvC,~~MAAM;IAAEU~~,~~QAAQ;IAAEC;EAAY~~,~~CAAC~~,~~GAAGzB,~~kBAAkB,CAAC,CAAC;~~EACtD~~,~~MAAM~~;~~IAAE0B~~;~~EAAO~~,~~CAAC~~,~~GAAGzB~~,gBAAgB,CAAC,CAAC;~~EAErC~~,~~MAAM0B~~,YAAY,GAAGA,CAAA,KAAM;~~IACzBF~~,WAAW,~~CAACT~~,KAAe,CAAC;EAC9B,CAAC;EAED,IAAIC,OAAO,EAAE;IACX,oBACEvB,KAAA,~~CAAAkC~~,aAAA,~~CAAC9B~~,8BAA8B;MAAC,aAAW,IAAK;MAAC,iBAAe;IAAK,gBACnEJ,KAAA,~~CAAAkC~~,aAAA,CAAAC,qBAAA,MAEC,CAAC,~~eACFnC~~,KAAA,~~CAAAkC~~,aAAA,CAAAE,sBAAA;MAAAC,KAAA,~~EAA8B1B~~,mBAAmB,CAAC;IAAC,CAAiB,CACtC,CAAC;EAErC;EAEA,oBACEX,KAAA,~~CAAAkC~~,aAAA,~~0BACElC~~,KAAA,~~CAAAkC~~,aAAA,~~CAAC/B~~,wBAAwB,~~EAAAmC~~,QAAA,~~KACnBb~~,IAAI;IACRD,EAAE,EAAEI,SAAU;IACdV,GAAG,EAAEA,GAAI;IACTG,SAAS,EAAEnB,UAAU,CAAC,SAAS,EAAEmB,SAAS,CAAE;~~IAC5CkB~~,QAAQ,EAAE,CAAE;IACZ,~~iBAAeT~~,QAAQ,~~KAAKR~~,KAAM;~~IAClCW~~,YAAY,EAAEA,YAAa;IAC3BO,SAAS,~~EAAElB~~,KAAK,~~KAAKQ~~;EAAS,~~iBAE9B9B~~,KAAA,~~CAAAkC~~,aAAA,~~CAAC7B~~,UAAU,QAAEwB,IAAiB,CAAC,~~EAC9BG~~,MAAM,~~IAAIb~~,KAAK,gBACdnB,KAAA,~~CAAAkC~~,aAAA,~~CAACxB~~,UAAU;~~IACT+B~~,QAAQ,EAAC,UAAU;IACnBC,UAAU,EAAC,SAAS;IACpBC,OAAO,EAAC,QAAQ;IAChBC,KAAK,EAAC,SAAS;IACfC,uBAAuB,EAAE;MACvBC,MAAM,~~EAAEtC~~,qBAAqB,~~CAACwB~~,MAAM,~~EAAEb~~,KAAK;IAC7C;EAAE,CACH,CAAC,GACA,IACoB,CACxB,CAAC;AAET,CACF,CAAC;AAEDH,kBAAkB,~~CAAC+B~~,WAAW,GAAG,oBAAoB;AAAC,IAAAZ,qBAAA,GAAAa,OAAA,~~CAAAvC~~,cAAA,EArCrC;~~EAAEwC~~,KAAK,EAAE,EAAE;EAAEC,MAAM,EAAE,EAAE;EAAEC,YAAY,EAAE;AAAO,CAAC;AAAA,IAAAf,sBAAA,GAAAgB,QAAA,~~CAAA3C~~,cAAA,~~EAAA4C~~,UAAA;EAAAN,WAAA;EAAAO,WAAA;AAAA,GAAAC,CAAA,KAEjC;EAAEN,KAAK,EAAAM,CAAA,CAAAlB,KAAA;EAAyBa,MAAM,EAAE;AAAG,CAAC","ignoreList":[]}
1	+ {"version":3,"file":"CommandPaletteItem.js","names":["React","forwardRef","classNames","StyledCommandPaletteItem","StyledCommandPaletteItemLoader","StyledIcon","useSelectedContext","useSearchContext","findHighlightedSearch","SkeletonLoader","Typography","generateRandomWidth","randomNum","Math","round","random","CommandPaletteItem","_ref","ref","title","renderIcon","className","index","loading","as","rest","_objectWithoutPropertiesLoose","_excluded","Component","icon","_useSelectedContext","selected","setSelected","_useSearchContext","search","onMouseEnter","createElement","_StyledSkeletonLoader","_StyledSkeletonLoader2","$_css","_extends","tabIndex","$selected","overflow","whitespace","variant","color","dangerouslySetInnerHTML","__html","displayName","_styled","width","height","borderRadius","_styled2","withConfig","componentId","p"],"sources":["../../../../src/components/CommandPalette/CommandPaletteItem.tsx"],"sourcesContent":["import React, {\n ComponentPropsWithoutRef,\n forwardRef,\n ReactElement,\n ReactNode,\n ElementType,\n} from \"react\";\n\nimport classNames from \"classnames\";\n\nimport {\n StyledCommandPaletteItem,\n StyledCommandPaletteItemLoader,\n StyledIcon,\n} from \"./CommandPalette.styles\";\nimport { useSelectedContext } from \"./context\";\nimport { useSearchContext } from \"./context/SearchContext\";\nimport { findHighlightedSearch } from \"../../utils/findHighlightedSearch\";\nimport {\n PolymorphicComponentPropsWithRef,\n PolymorphicRef,\n} from \"../../utils/types\";\nimport { SkeletonLoader } from \"../Loaders\";\nimport { Typography } from \"../Typography/Typography\";\n\nconst generateRandomWidth = () => {\n // generate range 30-80\n const randomNum = Math.round(Math.random() * 30 + 30);\n\n return randomNum + \"%\";\n};\n\nexport interface CommandPaletteItemProps extends ComponentPropsWithoutRef<\"a\"> {\n title?: string;\n renderIcon?: () => ReactNode;\n className?: string;\n index?: number;\n selected?: number;\n loading?: boolean;\n}\n\nexport type PolymorphicCommandPaletteItemProps<C extends ElementType> =\n PolymorphicComponentPropsWithRef<C, CommandPaletteItemProps>;\n\nexport type CommandPaletteComponent = <\n C extends ElementType = typeof CommandPaletteItem\n>(\n props: PolymorphicCommandPaletteItemProps<C>\n) => ReactElement \| ReactNode \| null;\n\nexport const CommandPaletteItem: CommandPaletteComponent & {\n displayName?: string;\n} = forwardRef(\n <C extends ElementType = typeof CommandPaletteItem>(\n {\n title,\n renderIcon,\n className,\n index,\n loading,\n as,\n ...rest\n }: PolymorphicCommandPaletteItemProps<C>,\n ref?: PolymorphicRef<C>\n ) => {\n const Component = as \|\| \"a\";\n const icon = renderIcon && renderIcon();\n const { selected, setSelected } = useSelectedContext();\n const { search } = useSearchContext();\n\n const onMouseEnter = () => {\n setSelected(index as number);\n };\n\n if (loading) {\n return (\n <StyledCommandPaletteItemLoader aria-busy={true} aria-disabled={true}>\n <SkeletonLoader\n css={{ width: 24, height: 24, borderRadius: \"100%\" }}\n />\n <SkeletonLoader css={{ width: generateRandomWidth(), height: 16 }} />\n </StyledCommandPaletteItemLoader>\n );\n }\n\n return (\n <li>\n <StyledCommandPaletteItem\n {...rest}\n as={Component}\n ref={ref}\n className={classNames(\"cp-item\", className)}\n tabIndex={1}\n aria-selected={selected === index}\n onMouseEnter={onMouseEnter}\n $selected={index === selected}\n >\n <StyledIcon>{icon}</StyledIcon>\n {search && title ? (\n <Typography\n overflow=\"truncate\"\n whitespace=\"no-wrap\"\n variant=\"Body 1\"\n color=\"primary\"\n dangerouslySetInnerHTML={{\n __html: findHighlightedSearch(search, title),\n }}\n />\n ) : null}\n </StyledCommandPaletteItem>\n </li>\n );\n }\n);\n\nCommandPaletteItem.displayName = \"CommandPaletteItem\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/CommandPalette/CommandPaletteList.js CHANGED Viewed

@@ -1,11 +1,10 @@
 import React from "react";
 import { StyledCommandPaletteList, StyledHeading } from "./CommandPalette.styles";
 export const CommandPaletteList = _ref => {
-  let {
-    children,
-    heading,
-    visible = false
-  } = _ref;
+  let children = _ref.children,
+    heading = _ref.heading,
+    _ref$visible = _ref.visible,
+    visible = _ref$visible === void 0 ? false : _ref$visible;
   return visible ? /*#__PURE__*/React.createElement(StyledCommandPaletteList, {
     className: "cp-list",
     tabIndex: -1,

package/dist/esm/components/CommandPalette/CommandPaletteList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CommandPaletteList.js","names":["React","StyledCommandPaletteList","StyledHeading","CommandPaletteList","_ref","children","heading","visible","createElement","className","tabIndex","role","displayName"],"sources":["../../../../src/components/CommandPalette/CommandPaletteList.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport {\n StyledCommandPaletteList,\n StyledHeading,\n} from \"./CommandPalette.styles\";\n\nexport interface CommandPaletteListProps {\n heading?: string;\n visible?: boolean;\n}\n\nexport const CommandPaletteList = ({\n children,\n heading,\n visible = false,\n}: PropsWithChildren<CommandPaletteListProps>) => {\n return visible ? (\n <StyledCommandPaletteList className=\"cp-list\" tabIndex={-1} role=\"listbox\">\n {heading ? <StyledHeading tabIndex={-1}>{heading}</StyledHeading> : null}\n\n {children}\n </StyledCommandPaletteList>\n ) : null;\n};\n\nCommandPaletteList.displayName = \"CommandPaletteList\";\n"],"mappings":"AAAA,OAAOA,KAAK,MAA6B,OAAO;AAEhD,SACEC,wBAAwB,EACxBC,aAAa,QACR,yBAAyB;AAOhC,OAAO,MAAMC,kBAAkB,GAAGC,IAAA,IAIgB;EAAA,~~IAJf;IACjCC~~,QAAQ;IACRC,OAAO~~;IACPC~~,OAAO~~,GAAG~~;~~EACgC~~,~~CAAC~~,GAAAH,IAAA;~~EAC3C~~,~~OAAOG~~,OAAO,~~gBACZP~~,KAAA,~~CAAAQ~~,aAAA,~~CAACP~~,wBAAwB;~~IAACQ~~,SAAS,EAAC,SAAS;IAACC,QAAQ,EAAE,CAAC,CAAE;IAACC,IAAI,EAAC;EAAS,~~GACvEL~~,OAAO,gBAAGN,KAAA,~~CAAAQ~~,aAAA,~~CAACN~~,aAAa;~~IAACQ~~,QAAQ,EAAE,CAAC;EAAE,~~GAAEJ~~,OAAuB,CAAC,GAAG,IAAI,EAEvED,QACuB,CAAC,GACzB,IAAI;AACV,CAAC;AAEDF,kBAAkB,~~CAACS~~,WAAW,GAAG,oBAAoB","ignoreList":[]}
1	+ {"version":3,"file":"CommandPaletteList.js","names":["React","StyledCommandPaletteList","StyledHeading","CommandPaletteList","_ref","children","heading","_ref$visible","visible","createElement","className","tabIndex","role","displayName"],"sources":["../../../../src/components/CommandPalette/CommandPaletteList.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport {\n StyledCommandPaletteList,\n StyledHeading,\n} from \"./CommandPalette.styles\";\n\nexport interface CommandPaletteListProps {\n heading?: string;\n visible?: boolean;\n}\n\nexport const CommandPaletteList = ({\n children,\n heading,\n visible = false,\n}: PropsWithChildren<CommandPaletteListProps>) => {\n return visible ? (\n <StyledCommandPaletteList className=\"cp-list\" tabIndex={-1} role=\"listbox\">\n {heading ? <StyledHeading tabIndex={-1}>{heading}</StyledHeading> : null}\n\n {children}\n </StyledCommandPaletteList>\n ) : null;\n};\n\nCommandPaletteList.displayName = \"CommandPaletteList\";\n"],"mappings":"AAAA,OAAOA,KAAK,MAA6B,OAAO;AAEhD,SACEC,wBAAwB,EACxBC,aAAa,QACR,yBAAyB;AAOhC,OAAO,MAAMC,kBAAkB,GAAGC,IAAA,IAIgB;EAAA,IAHhDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAAC,YAAA,GAAAH,IAAA,CACPI,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;EAEf,OAAOC,OAAO,gBACZR,KAAA,CAAAS,aAAA,CAACR,wBAAwB;IAACS,SAAS,EAAC,SAAS;IAACC,QAAQ,EAAE,CAAC,CAAE;IAACC,IAAI,EAAC;EAAS,GACvEN,OAAO,gBAAGN,KAAA,CAAAS,aAAA,CAACP,aAAa;IAACS,QAAQ,EAAE,CAAC;EAAE,GAAEL,OAAuB,CAAC,GAAG,IAAI,EAEvED,QACuB,CAAC,GACzB,IAAI;AACV,CAAC;AAEDF,kBAAkB,CAACU,WAAW,GAAG,oBAAoB","ignoreList":[]}

package/dist/esm/components/CompleteCheckbox/CompleteCheckbox.js CHANGED Viewed

@@ -5,15 +5,17 @@ import React from "react";
 import classnames from "classnames";
 import { StyledCompleteCheckbox } from "./Styles";
 export const CompleteCheckbox = _ref => {
-  let {
-      completed = false,
-      disabled = false,
-      animate = false,
-      onClick,
-      className,
-      primary = false,
-      checkMarkClassName
-    } = _ref,
+  let _ref$completed = _ref.completed,
+    completed = _ref$completed === void 0 ? false : _ref$completed,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$animate = _ref.animate,
+    animate = _ref$animate === void 0 ? false : _ref$animate,
+    onClick = _ref.onClick,
+    className = _ref.className,
+    _ref$primary = _ref.primary,
+    primary = _ref$primary === void 0 ? false : _ref$primary,
+    checkMarkClassName = _ref.checkMarkClassName,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledCompleteCheckbox, _extends({
     onClick: onClick,

package/dist/esm/components/CompleteCheckbox/CompleteCheckbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CompleteCheckbox.js","names":["React","classnames","StyledCompleteCheckbox","CompleteCheckbox","_ref","completed","disabled","animate","onClick","className","primary","checkMarkClassName","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","$primary","$completed","$disabled","$animation","$checkMarkClassName","viewBox","d","points","displayName"],"sources":["../../../../src/components/CompleteCheckbox/CompleteCheckbox.tsx"],"sourcesContent":["import React, { FC, MouseEvent, ButtonHTMLAttributes } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledCompleteCheckbox } from \"./Styles\";\n\nexport interface ICompleteCheckboxProps\n extends ButtonHTMLAttributes<HTMLButtonElement> {\n /** Change completed state of checkbox /\n completed?: boolean;\n /* Callback /\n onClick?: (event: MouseEvent) => void;\n /* Make component disabled for interaction /\n disabled?: boolean;\n /* Animation (works only when is completed and not disabled) /\n animate?: boolean;\n /* Class names /\n className?: string \| undefined;\n /* Set green color for checkbox /\n primary?: boolean;\n /* Set checkmark height and width */\n checkMarkClassName?: string;\n}\n\nexport const CompleteCheckbox: FC<ICompleteCheckboxProps> = ({\n completed = false,\n disabled = false,\n animate = false,\n onClick,\n className,\n primary = false,\n checkMarkClassName,\n ...rest\n}) => {\n return (\n <StyledCompleteCheckbox\n onClick={onClick}\n className={classnames(\"c-complete-checkbox\", className)}\n $primary={primary}\n $completed={completed}\n $disabled={disabled}\n $animation={!disabled && completed && animate}\n $checkMarkClassName={!!checkMarkClassName}\n {...rest}\n >\n <svg viewBox=\"0 0 48 48\" className={checkMarkClassName}>\n <path d=\"M7,7l5.7,5.7 M0,24h8 M7,41l5.7-5.7 M24,48v-8 M41,41l-5.7-5.7 M48,24h-8 M41,7l-5.7,5.7 M24,0v8\" />\n <polyline points=\"19.5,24 22.5,27 28.5,21\" />\n </svg>\n </StyledCompleteCheckbox>\n );\n};\n\nCompleteCheckbox.displayName = \"CompleteCheckbox\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAgD,OAAO;AAEnE,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,sBAAsB,QAAQ,UAAU;AAoBjD,OAAO,MAAMC,gBAA4C,GAAGC,IAAA,IAStD;EAAA,~~IATuD~~;~~MAC3DC~~,SAAS,~~GAAG~~,KAAK;~~MACjBC~~,QAAQ,~~GAAG~~,KAAK;~~MAChBC~~,OAAO,~~GAAG~~,KAAK;~~MACfC~~,OAAO;~~MACPC~~,SAAS;~~MACTC~~,OAAO,~~GAAG~~,KAAK;~~MACfC;IAEF~~,~~CAAC~~,~~GAAAP~~,IAAA;~~IADIQ~~,IAAI,GAAAC,6BAAA,~~CAAAT~~,IAAA,~~EAAAU~~,SAAA;EAEP,~~oBACEd~~,KAAA,~~CAAAe~~,aAAA,~~CAACb~~,sBAAsB,~~EAAAc~~,QAAA;~~IACrBR~~,OAAO,EAAEA,OAAQ;IACjBC,SAAS,~~EAAER~~,UAAU,CAAC,qBAAqB,~~EAAEQ~~,SAAS,CAAE;~~IACxDQ~~,QAAQ,EAAEP,OAAQ;IAClBQ,UAAU,~~EAAEb~~,SAAU;~~IACtBc~~,SAAS,~~EAAEb~~,QAAS;~~IACpBc~~,UAAU,EAAE,~~CAACd~~,QAAQ,~~IAAID~~,SAAS,~~IAAIE~~,OAAQ;~~IAC9Cc~~,mBAAmB,EAAE,CAAC,CAACV;EAAmB,GACtCC,IAAI,~~gBAERZ~~,KAAA,~~CAAAe~~,aAAA;IAAKO,OAAO,EAAC,WAAW;~~IAACb~~,SAAS,~~EAAEE~~;EAAmB,~~gBACrDX~~,KAAA,~~CAAAe~~,aAAA;IAAMQ,CAAC,EAAC;EAA+F,CAAE,CAAC,~~eAC1GvB~~,KAAA,~~CAAAe~~,aAAA;IAAUS,MAAM,EAAC;EAAyB,CAAE,CACzC,CACiB,CAAC;AAE7B,CAAC;~~AAEDrB~~,gBAAgB,~~CAACsB~~,WAAW,GAAG,kBAAkB","ignoreList":[]}
1	+ {"version":3,"file":"CompleteCheckbox.js","names":["React","classnames","StyledCompleteCheckbox","CompleteCheckbox","_ref","_ref$completed","completed","_ref$disabled","disabled","_ref$animate","animate","onClick","className","_ref$primary","primary","checkMarkClassName","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","$primary","$completed","$disabled","$animation","$checkMarkClassName","viewBox","d","points","displayName"],"sources":["../../../../src/components/CompleteCheckbox/CompleteCheckbox.tsx"],"sourcesContent":["import React, { FC, MouseEvent, ButtonHTMLAttributes } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledCompleteCheckbox } from \"./Styles\";\n\nexport interface ICompleteCheckboxProps\n extends ButtonHTMLAttributes<HTMLButtonElement> {\n /** Change completed state of checkbox /\n completed?: boolean;\n /* Callback /\n onClick?: (event: MouseEvent) => void;\n /* Make component disabled for interaction /\n disabled?: boolean;\n /* Animation (works only when is completed and not disabled) /\n animate?: boolean;\n /* Class names /\n className?: string \| undefined;\n /* Set green color for checkbox /\n primary?: boolean;\n /* Set checkmark height and width */\n checkMarkClassName?: string;\n}\n\nexport const CompleteCheckbox: FC<ICompleteCheckboxProps> = ({\n completed = false,\n disabled = false,\n animate = false,\n onClick,\n className,\n primary = false,\n checkMarkClassName,\n ...rest\n}) => {\n return (\n <StyledCompleteCheckbox\n onClick={onClick}\n className={classnames(\"c-complete-checkbox\", className)}\n $primary={primary}\n $completed={completed}\n $disabled={disabled}\n $animation={!disabled && completed && animate}\n $checkMarkClassName={!!checkMarkClassName}\n {...rest}\n >\n <svg viewBox=\"0 0 48 48\" className={checkMarkClassName}>\n <path d=\"M7,7l5.7,5.7 M0,24h8 M7,41l5.7-5.7 M24,48v-8 M41,41l-5.7-5.7 M48,24h-8 M41,7l-5.7,5.7 M24,0v8\" />\n <polyline points=\"19.5,24 22.5,27 28.5,21\" />\n </svg>\n </StyledCompleteCheckbox>\n );\n};\n\nCompleteCheckbox.displayName = \"CompleteCheckbox\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAgD,OAAO;AAEnE,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,sBAAsB,QAAQ,UAAU;AAoBjD,OAAO,MAAMC,gBAA4C,GAAGC,IAAA,IAStD;EAAA,IAAAC,cAAA,GAAAD,IAAA,CARJE,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IAAAE,aAAA,GAAAH,IAAA,CACjBI,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAAE,YAAA,GAAAL,IAAA,CAChBM,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;IACfE,OAAO,GAAAP,IAAA,CAAPO,OAAO;IACPC,SAAS,GAAAR,IAAA,CAATQ,SAAS;IAAAC,YAAA,GAAAT,IAAA,CACTU,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;IACfE,kBAAkB,GAAAX,IAAA,CAAlBW,kBAAkB;IACfC,IAAI,GAAAC,6BAAA,CAAAb,IAAA,EAAAc,SAAA;EAEP,oBACElB,KAAA,CAAAmB,aAAA,CAACjB,sBAAsB,EAAAkB,QAAA;IACrBT,OAAO,EAAEA,OAAQ;IACjBC,SAAS,EAAEX,UAAU,CAAC,qBAAqB,EAAEW,SAAS,CAAE;IACxDS,QAAQ,EAAEP,OAAQ;IAClBQ,UAAU,EAAEhB,SAAU;IACtBiB,SAAS,EAAEf,QAAS;IACpBgB,UAAU,EAAE,CAAChB,QAAQ,IAAIF,SAAS,IAAII,OAAQ;IAC9Ce,mBAAmB,EAAE,CAAC,CAACV;EAAmB,GACtCC,IAAI,gBAERhB,KAAA,CAAAmB,aAAA;IAAKO,OAAO,EAAC,WAAW;IAACd,SAAS,EAAEG;EAAmB,gBACrDf,KAAA,CAAAmB,aAAA;IAAMQ,CAAC,EAAC;EAA+F,CAAE,CAAC,eAC1G3B,KAAA,CAAAmB,aAAA;IAAUS,MAAM,EAAC;EAAyB,CAAE,CACzC,CACiB,CAAC;AAE7B,CAAC;AAEDzB,gBAAgB,CAAC0B,WAAW,GAAG,kBAAkB","ignoreList":[]}

package/dist/esm/components/ConfirmDialog/ConfirmDialog.js CHANGED Viewed

@@ -4,18 +4,23 @@ import { Button } from "../Button/Button";
 import { Dialog } from "../Dialog";
 import { Body2 } from "../Typography/Variants/Body2";
 export const ConfirmDialog = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-    open = false,
-    onCancel,
-    onConfirm,
-    className,
-    dialogTitle = "Discard changes?",
-    dialogContent = "All unsaved changes will be lost.",
-    confirmBtnText = "OK",
-    cancelBtnText = "Cancel",
-    shouldShowCancelButton = true,
-    isLoading = false
-  } = _ref;
+  let _ref$open = _ref.open,
+    open = _ref$open === void 0 ? false : _ref$open,
+    onCancel = _ref.onCancel,
+    onConfirm = _ref.onConfirm,
+    className = _ref.className,
+    _ref$dialogTitle = _ref.dialogTitle,
+    dialogTitle = _ref$dialogTitle === void 0 ? "Discard changes?" : _ref$dialogTitle,
+    _ref$dialogContent = _ref.dialogContent,
+    dialogContent = _ref$dialogContent === void 0 ? "All unsaved changes will be lost." : _ref$dialogContent,
+    _ref$confirmBtnText = _ref.confirmBtnText,
+    confirmBtnText = _ref$confirmBtnText === void 0 ? "OK" : _ref$confirmBtnText,
+    _ref$cancelBtnText = _ref.cancelBtnText,
+    cancelBtnText = _ref$cancelBtnText === void 0 ? "Cancel" : _ref$cancelBtnText,
+    _ref$shouldShowCancel = _ref.shouldShowCancelButton,
+    shouldShowCancelButton = _ref$shouldShowCancel === void 0 ? true : _ref$shouldShowCancel,
+    _ref$isLoading = _ref.isLoading,
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading;
   useEffect(() => {
     const handleKeyDown = event => {
       if (event.key === "Enter" && onConfirm) {

package/dist/esm/components/ConfirmDialog/ConfirmDialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ConfirmDialog.js","names":["React","forwardRef","useEffect","classnames","Button","Dialog","Body2","ConfirmDialog","_ref","ref","open","onCancel","onConfirm","className","dialogTitle","dialogContent","confirmBtnText","cancelBtnText","shouldShowCancelButton","isLoading","handleKeyDown","event","key","preventDefault","window","addEventListener","removeEventListener","createElement","onClose","disableCloseOnEsc","Title","ContentDivider","Content","lineHeight","color","whitespace","Actions","variant","style","marginRight","onClick","disabled","type","displayName"],"sources":["../../../../src/components/ConfirmDialog/ConfirmDialog.tsx"],"sourcesContent":["import React, { forwardRef, useEffect } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { Button } from \"../Button/Button\";\nimport { Dialog } from \"../Dialog\";\nimport { Body2 } from \"../Typography/Variants/Body2\";\n\nexport interface ConfirmDialogProps {\n open?: boolean;\n onCancel?: () => void;\n onConfirm?: () => void;\n className?: string;\n dialogTitle?: string;\n dialogContent?: string;\n confirmBtnText?: string;\n cancelBtnText?: string;\n shouldShowCancelButton?: boolean;\n isLoading?: boolean;\n}\n\nexport const ConfirmDialog = forwardRef<HTMLDivElement, ConfirmDialogProps>(\n (\n {\n open = false,\n onCancel,\n onConfirm,\n className,\n dialogTitle = \"Discard changes?\",\n dialogContent = \"All unsaved changes will be lost.\",\n confirmBtnText = \"OK\",\n cancelBtnText = \"Cancel\",\n shouldShowCancelButton = true,\n isLoading = false,\n },\n ref\n ) => {\n useEffect(() => {\n const handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === \"Enter\" && onConfirm) {\n event.preventDefault();\n onConfirm();\n }\n };\n\n if (open) {\n window.addEventListener(\"keydown\", handleKeyDown);\n }\n\n return () => {\n window.removeEventListener(\"keydown\", handleKeyDown);\n };\n }, [open, onConfirm]);\n\n return (\n <Dialog\n ref={ref}\n open={open}\n onClose={onCancel}\n className={classnames(\"c-confirm-dialog\", className)}\n disableCloseOnEsc={isLoading}\n >\n <Dialog.Title>{dialogTitle}</Dialog.Title>\n <Dialog.ContentDivider />\n <Dialog.Content>\n <Body2 lineHeight=\"loose\" color=\"secondary\" whitespace=\"pre-line\">\n {dialogContent}\n </Body2>\n </Dialog.Content>\n <Dialog.ContentDivider />\n <Dialog.Actions>\n <Button\n variant=\"primary\"\n style={{ marginRight: \"12px\" }}\n onClick={onConfirm}\n disabled={isLoading}\n >\n {confirmBtnText}\n </Button>\n {shouldShowCancelButton ? (\n <Button\n variant=\"secondary\"\n data-action=\"cancel\"\n onClick={onCancel}\n type=\"button\"\n disabled={isLoading}\n >\n {cancelBtnText}\n </Button>\n ) : null}\n </Dialog.Actions>\n </Dialog>\n );\n }\n);\n\nConfirmDialog.displayName = \"ConfirmDialog\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,SAAS,QAAQ,OAAO;AAEpD,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,KAAK,QAAQ,8BAA8B;AAepD,OAAO,MAAMC,aAAa,gBAAGN,UAAU,CACrC,CAAAO,IAAA,EAaEC,GAAG,KACA;EAAA,~~IAbH~~;~~IACEC~~,IAAI,~~GAAG~~,KAAK;~~IACZC~~,QAAQ;IACRC,SAAS;IACTC,SAAS;~~IACTC~~,WAAW,~~GAAG~~,kBAAkB;~~IAChCC~~,aAAa,~~GAAG~~,mCAAmC;~~IACnDC~~,cAAc,~~GAAG~~,IAAI;~~IACrBC~~,aAAa,~~GAAG~~,QAAQ;~~IACxBC~~,sBAAsB,~~GAAG~~,IAAI~~;IAC7BC~~,~~SAAS~~,~~GAAG~~;~~EACd~~,~~CAAC~~,~~GAAAX~~,IAAA;~~EAGDN~~,SAAS,CAAC,MAAM;IACd,~~MAAMkB~~,aAAa,GAAIC,KAAoB,IAAK;MAC9C,IAAIA,KAAK,CAACC,GAAG,KAAK,OAAO,~~IAAIV~~,SAAS,EAAE;~~QACtCS~~,KAAK,CAACE,cAAc,CAAC,CAAC;~~QACtBX~~,SAAS,CAAC,CAAC;MACb;IACF,CAAC;IAED,IAAIF,IAAI,EAAE;~~MACRc~~,MAAM,CAACC,gBAAgB,CAAC,SAAS,EAAEL,aAAa,CAAC;IACnD;IAEA,OAAO,MAAM;MACXI,MAAM,CAACE,mBAAmB,CAAC,SAAS,EAAEN,aAAa,CAAC;IACtD,CAAC;EACH,CAAC,EAAE,~~CAACV~~,IAAI,EAAEE,SAAS,CAAC,CAAC;EAErB,~~oBACEZ~~,KAAA,~~CAAA2B~~,aAAA,~~CAACtB~~,MAAM;IACLI,GAAG,EAAEA,GAAI;~~IACTC~~,IAAI,EAAEA,IAAK;~~IACXkB~~,OAAO,~~EAAEjB~~,QAAS;IAClBE,SAAS,~~EAAEV~~,UAAU,CAAC,kBAAkB,~~EAAEU~~,SAAS,CAAE;~~IACrDgB~~,iBAAiB,EAAEV;EAAU,~~gBAE7BnB~~,KAAA,~~CAAA2B~~,aAAA,~~CAACtB~~,MAAM,~~CAACyB~~,KAAK,~~QAAEhB~~,WAA0B,CAAC,~~eAC1Cd~~,KAAA,~~CAAA2B~~,aAAA,~~CAACtB~~,MAAM,~~CAAC0B~~,cAAc,MAAE,CAAC,~~eACzB/B~~,KAAA,~~CAAA2B~~,aAAA,~~CAACtB~~,MAAM,~~CAAC2B~~,OAAO,~~qBACbhC~~,KAAA,~~CAAA2B~~,aAAA,~~CAACrB~~,KAAK;~~IAAC2B~~,UAAU,EAAC,OAAO;IAACC,KAAK,EAAC,WAAW;IAACC,UAAU,EAAC;EAAU,~~GAC9DpB~~,aACI,CACO,CAAC,~~eACjBf~~,KAAA,~~CAAA2B~~,aAAA,~~CAACtB~~,MAAM,~~CAAC0B~~,cAAc,MAAE,CAAC,~~eACzB/B~~,KAAA,~~CAAA2B~~,aAAA,~~CAACtB~~,MAAM,~~CAAC+B~~,OAAO,~~qBACbpC~~,KAAA,~~CAAA2B~~,aAAA,~~CAACvB~~,MAAM;~~IACLiC~~,OAAO,EAAC,SAAS;IACjBC,KAAK,EAAE;MAAEC,WAAW,EAAE;IAAO,CAAE;IAC/BC,OAAO,~~EAAE5B~~,SAAU;~~IACnB6B~~,QAAQ,EAAEtB;EAAU,~~GAEnBH~~,cACK,CAAC,~~EACRE~~,sBAAsB,~~gBACrBlB~~,KAAA,~~CAAA2B~~,aAAA,~~CAACvB~~,MAAM;~~IACLiC~~,OAAO,EAAC,WAAW;IACnB,eAAY,QAAQ;IACpBG,OAAO,~~EAAE7B~~,QAAS;~~IAClB+B~~,IAAI,EAAC,QAAQ;IACbD,QAAQ,EAAEtB;EAAU,~~GAEnBF~~,aACK,CAAC,GACP,IACU,CACV,CAAC;AAEb,CACF,CAAC;~~AAEDV~~,aAAa,~~CAACoC~~,WAAW,GAAG,eAAe","ignoreList":[]}
1	+ {"version":3,"file":"ConfirmDialog.js","names":["React","forwardRef","useEffect","classnames","Button","Dialog","Body2","ConfirmDialog","_ref","ref","_ref$open","open","onCancel","onConfirm","className","_ref$dialogTitle","dialogTitle","_ref$dialogContent","dialogContent","_ref$confirmBtnText","confirmBtnText","_ref$cancelBtnText","cancelBtnText","_ref$shouldShowCancel","shouldShowCancelButton","_ref$isLoading","isLoading","handleKeyDown","event","key","preventDefault","window","addEventListener","removeEventListener","createElement","onClose","disableCloseOnEsc","Title","ContentDivider","Content","lineHeight","color","whitespace","Actions","variant","style","marginRight","onClick","disabled","type","displayName"],"sources":["../../../../src/components/ConfirmDialog/ConfirmDialog.tsx"],"sourcesContent":["import React, { forwardRef, useEffect } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { Button } from \"../Button/Button\";\nimport { Dialog } from \"../Dialog\";\nimport { Body2 } from \"../Typography/Variants/Body2\";\n\nexport interface ConfirmDialogProps {\n open?: boolean;\n onCancel?: () => void;\n onConfirm?: () => void;\n className?: string;\n dialogTitle?: string;\n dialogContent?: string;\n confirmBtnText?: string;\n cancelBtnText?: string;\n shouldShowCancelButton?: boolean;\n isLoading?: boolean;\n}\n\nexport const ConfirmDialog = forwardRef<HTMLDivElement, ConfirmDialogProps>(\n (\n {\n open = false,\n onCancel,\n onConfirm,\n className,\n dialogTitle = \"Discard changes?\",\n dialogContent = \"All unsaved changes will be lost.\",\n confirmBtnText = \"OK\",\n cancelBtnText = \"Cancel\",\n shouldShowCancelButton = true,\n isLoading = false,\n },\n ref\n ) => {\n useEffect(() => {\n const handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === \"Enter\" && onConfirm) {\n event.preventDefault();\n onConfirm();\n }\n };\n\n if (open) {\n window.addEventListener(\"keydown\", handleKeyDown);\n }\n\n return () => {\n window.removeEventListener(\"keydown\", handleKeyDown);\n };\n }, [open, onConfirm]);\n\n return (\n <Dialog\n ref={ref}\n open={open}\n onClose={onCancel}\n className={classnames(\"c-confirm-dialog\", className)}\n disableCloseOnEsc={isLoading}\n >\n <Dialog.Title>{dialogTitle}</Dialog.Title>\n <Dialog.ContentDivider />\n <Dialog.Content>\n <Body2 lineHeight=\"loose\" color=\"secondary\" whitespace=\"pre-line\">\n {dialogContent}\n </Body2>\n </Dialog.Content>\n <Dialog.ContentDivider />\n <Dialog.Actions>\n <Button\n variant=\"primary\"\n style={{ marginRight: \"12px\" }}\n onClick={onConfirm}\n disabled={isLoading}\n >\n {confirmBtnText}\n </Button>\n {shouldShowCancelButton ? (\n <Button\n variant=\"secondary\"\n data-action=\"cancel\"\n onClick={onCancel}\n type=\"button\"\n disabled={isLoading}\n >\n {cancelBtnText}\n </Button>\n ) : null}\n </Dialog.Actions>\n </Dialog>\n );\n }\n);\n\nConfirmDialog.displayName = \"ConfirmDialog\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/ContentWizard/ContentStep.js CHANGED Viewed

@@ -1,9 +1,7 @@
 import React from "react";
 export const ContentStep = _ref => {
-  let {
-    children,
-    className
-  } = _ref;
+  let children = _ref.children,
+    className = _ref.className;
   return /*#__PURE__*/React.createElement("div", {
     className: className
   }, children);

package/dist/esm/components/ContentWizard/ContentStep.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContentStep.js","names":["React","ContentStep","_ref","children","className","createElement","displayName"],"sources":["../../../../src/components/ContentWizard/ContentStep.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\n\nexport interface IContentStep {\n children: ReactNode;\n index?: number;\n isFirst?: boolean;\n isLast?: boolean;\n className?: string;\n}\n\nexport const ContentStep: FC<IContentStep> = ({ children, className }) => {\n return <div className={className}>{children}</div>;\n};\n\nContentStep.displayName = \"ContentStep\";\n"],"mappings":"AAAA,OAAOA,KAAK,MAAyB,OAAO;AAU5C,OAAO,MAAMC,WAA6B,GAAGC,IAAA,IAA6B;EAAA,~~IAA5B;IAAEC~~,QAAQ;IAAEC~~;EAAU~~,~~CAAC~~,GAAAF,IAAA;~~EACnE~~,~~oBAAOF~~,KAAA,CAAAK,aAAA;IAAKD,SAAS,EAAEA;EAAU,GAAED,QAAc,CAAC;AACpD,CAAC;AAEDF,WAAW,CAACK,WAAW,GAAG,aAAa","ignoreList":[]}
1	+ {"version":3,"file":"ContentStep.js","names":["React","ContentStep","_ref","children","className","createElement","displayName"],"sources":["../../../../src/components/ContentWizard/ContentStep.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\n\nexport interface IContentStep {\n children: ReactNode;\n index?: number;\n isFirst?: boolean;\n isLast?: boolean;\n className?: string;\n}\n\nexport const ContentStep: FC<IContentStep> = ({ children, className }) => {\n return <div className={className}>{children}</div>;\n};\n\nContentStep.displayName = \"ContentStep\";\n"],"mappings":"AAAA,OAAOA,KAAK,MAAyB,OAAO;AAU5C,OAAO,MAAMC,WAA6B,GAAGC,IAAA,IAA6B;EAAA,IAA1BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;EACjE,oBAAOJ,KAAA,CAAAK,aAAA;IAAKD,SAAS,EAAEA;EAAU,GAAED,QAAc,CAAC;AACpD,CAAC;AAEDF,WAAW,CAACK,WAAW,GAAG,aAAa","ignoreList":[]}

package/dist/esm/components/ContentWizard/ContentStepper.js CHANGED Viewed

@@ -5,16 +5,20 @@ import { ContentStepperContextProvider } from "./context/ContentStepperContext";
 import { StyledContentWizardContainer, StyledStepWrapper } from "./Styles";
 import { SlideLeftRightTransition, ResizeTransition } from "../Transitions";
 export const ContentStepper = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-    children,
-    className,
-    step: controlledStep,
-    onStepChange
-  } = _ref;
+  let children = _ref.children,
+    className = _ref.className,
+    controlledStep = _ref.step,
+    onStepChange = _ref.onStepChange;
   const childrenCollection = useMemo(() => React.Children.toArray(children), [children]);
-  const [internalStep, setInternalStep] = useState(0);
-  const [enteredStep, setEnteredStep] = useState(0);
-  const [height, setHeight] = useState("auto");
+  const _useState = useState(0),
+    internalStep = _useState[0],
+    setInternalStep = _useState[1];
+  const _useState2 = useState(0),
+    enteredStep = _useState2[0],
+    setEnteredStep = _useState2[1];
+  const _useState3 = useState("auto"),
+    height = _useState3[0],
+    setHeight = _useState3[1];
   const previousStepRef = useRef(0);
   // Use controlled step if provided, otherwise use internal state