@activecollab/components 1.0.259 → 1.0.260

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 (65) hide show
  1. package/dist/cjs/components/CommandPallete/CommandPallete.js +38 -0
  2. package/dist/cjs/components/CommandPallete/CommandPallete.js.map +1 -0
  3. package/dist/cjs/components/CommandPallete/CommandPallete.styles.js +55 -0
  4. package/dist/cjs/components/CommandPallete/CommandPallete.styles.js.map +1 -0
  5. package/dist/cjs/components/CommandPallete/CommandPalleteHeader.js +40 -0
  6. package/dist/cjs/components/CommandPallete/CommandPalleteHeader.js.map +1 -0
  7. package/dist/cjs/components/CommandPallete/CommandPalleteItem.js +24 -0
  8. package/dist/cjs/components/CommandPallete/CommandPalleteItem.js.map +1 -0
  9. package/dist/cjs/components/CommandPallete/CommandPalleteList.js +19 -0
  10. package/dist/cjs/components/CommandPallete/CommandPalleteList.js.map +1 -0
  11. package/dist/cjs/components/CommandPallete/index.js +17 -0
  12. package/dist/cjs/components/CommandPallete/index.js.map +1 -0
  13. package/dist/cjs/components/Icons/collection/Close.js +48 -0
  14. package/dist/cjs/components/Icons/collection/Close.js.map +1 -0
  15. package/dist/cjs/components/Icons/collection/Hashtag.js +48 -0
  16. package/dist/cjs/components/Icons/collection/Hashtag.js.map +1 -0
  17. package/dist/cjs/components/Icons/collection/SearchLarge.js +48 -0
  18. package/dist/cjs/components/Icons/collection/SearchLarge.js.map +1 -0
  19. package/dist/cjs/components/Icons/collection/index.js +21 -0
  20. package/dist/cjs/components/Icons/collection/index.js.map +1 -1
  21. package/dist/esm/components/CommandPallete/CommandPallete.d.ts +20 -0
  22. package/dist/esm/components/CommandPallete/CommandPallete.d.ts.map +1 -0
  23. package/dist/esm/components/CommandPallete/CommandPallete.js +32 -0
  24. package/dist/esm/components/CommandPallete/CommandPallete.js.map +1 -0
  25. package/dist/esm/components/CommandPallete/CommandPallete.styles.d.ts +10 -0
  26. package/dist/esm/components/CommandPallete/CommandPallete.styles.d.ts.map +1 -0
  27. package/dist/esm/components/CommandPallete/CommandPallete.styles.js +39 -0
  28. package/dist/esm/components/CommandPallete/CommandPallete.styles.js.map +1 -0
  29. package/dist/esm/components/CommandPallete/CommandPalleteHeader.d.ts +11 -0
  30. package/dist/esm/components/CommandPallete/CommandPalleteHeader.d.ts.map +1 -0
  31. package/dist/esm/components/CommandPallete/CommandPalleteHeader.js +35 -0
  32. package/dist/esm/components/CommandPallete/CommandPalleteHeader.js.map +1 -0
  33. package/dist/esm/components/CommandPallete/CommandPalleteItem.d.ts +10 -0
  34. package/dist/esm/components/CommandPallete/CommandPalleteItem.d.ts.map +1 -0
  35. package/dist/esm/components/CommandPallete/CommandPalleteItem.js +16 -0
  36. package/dist/esm/components/CommandPallete/CommandPalleteItem.js.map +1 -0
  37. package/dist/esm/components/CommandPallete/CommandPalleteList.d.ts +8 -0
  38. package/dist/esm/components/CommandPallete/CommandPalleteList.d.ts.map +1 -0
  39. package/dist/esm/components/CommandPallete/CommandPalleteList.js +14 -0
  40. package/dist/esm/components/CommandPallete/CommandPalleteList.js.map +1 -0
  41. package/dist/esm/components/CommandPallete/index.d.ts +2 -0
  42. package/dist/esm/components/CommandPallete/index.d.ts.map +1 -0
  43. package/dist/esm/components/CommandPallete/index.js +2 -0
  44. package/dist/esm/components/CommandPallete/index.js.map +1 -0
  45. package/dist/esm/components/Icons/collection/Close.d.ts +23 -0
  46. package/dist/esm/components/Icons/collection/Close.d.ts.map +1 -0
  47. package/dist/esm/components/Icons/collection/Close.js +41 -0
  48. package/dist/esm/components/Icons/collection/Close.js.map +1 -0
  49. package/dist/esm/components/Icons/collection/Hashtag.d.ts +23 -0
  50. package/dist/esm/components/Icons/collection/Hashtag.d.ts.map +1 -0
  51. package/dist/esm/components/Icons/collection/Hashtag.js +41 -0
  52. package/dist/esm/components/Icons/collection/Hashtag.js.map +1 -0
  53. package/dist/esm/components/Icons/collection/SearchLarge.d.ts +23 -0
  54. package/dist/esm/components/Icons/collection/SearchLarge.d.ts.map +1 -0
  55. package/dist/esm/components/Icons/collection/SearchLarge.js +41 -0
  56. package/dist/esm/components/Icons/collection/SearchLarge.js.map +1 -0
  57. package/dist/esm/components/Icons/collection/index.d.ts +3 -0
  58. package/dist/esm/components/Icons/collection/index.d.ts.map +1 -1
  59. package/dist/esm/components/Icons/collection/index.js +3 -0
  60. package/dist/esm/components/Icons/collection/index.js.map +1 -1
  61. package/dist/index.js +117 -0
  62. package/dist/index.js.map +1 -1
  63. package/dist/index.min.js +1 -1
  64. package/dist/index.min.js.map +1 -1
  65. package/package.json +1 -1
@@ -0,0 +1,38 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.CommandPallete = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _Dialog = require("../Dialog");
9
+ var _CommandPallete = require("./CommandPallete.styles");
10
+ var _CommandPalleteHeader = require("./CommandPalleteHeader");
11
+ var _CommandPalleteItem = require("./CommandPalleteItem");
12
+ var _CommandPalleteList = require("./CommandPalleteList");
13
+ var _excluded = ["children", "onChangeSearch", "search"];
14
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
16
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
17
+ var CommandPallete = function CommandPallete(_ref) {
18
+ var children = _ref.children,
19
+ onChangeSearch = _ref.onChangeSearch,
20
+ search = _ref.search,
21
+ rest = _objectWithoutProperties(_ref, _excluded);
22
+ // const [searchMode, setSearchMode] = useState<"project" | "id" | "default">(
23
+ // "project"
24
+ // );
25
+
26
+ var handleChange = function handleChange(e) {
27
+ onChangeSearch(e.target.value);
28
+ };
29
+ return /*#__PURE__*/_react.default.createElement(_Dialog.Dialog, rest, /*#__PURE__*/_react.default.createElement(_CommandPallete.StyledCommandPallete, null, /*#__PURE__*/_react.default.createElement(_CommandPalleteHeader.CommandPalleteHeader, {
30
+ search: search,
31
+ handleChange: handleChange
32
+ }), children));
33
+ };
34
+ exports.CommandPallete = CommandPallete;
35
+ CommandPallete.displayName = "CommandPallete";
36
+ CommandPallete.List = _CommandPalleteList.CommandPalleteList;
37
+ CommandPallete.Item = _CommandPalleteItem.CommandPalleteItem;
38
+ //# sourceMappingURL=CommandPallete.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CommandPallete.js","names":["CommandPallete","children","onChangeSearch","search","rest","handleChange","e","target","value","displayName","List","CommandPalleteList","Item","CommandPalleteItem"],"sources":["../../../../src/components/CommandPallete/CommandPallete.tsx"],"sourcesContent":["import React, { ChangeEvent, PropsWithChildren } from \"react\";\nimport { Dialog, DialogProps } from \"../Dialog\";\n\nimport { StyledCommandPallete } from \"./CommandPallete.styles\";\nimport { CommandPalleteHeader } from \"./CommandPalleteHeader\";\nimport { CommandPalleteItem } from \"./CommandPalleteItem\";\nimport { CommandPalleteList } from \"./CommandPalleteList\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface CommandPalleteProps extends DialogProps {\n loading?: boolean;\n onChangeSearch: (search: string) => void;\n search: string;\n}\n\nexport const CommandPallete = ({\n children,\n onChangeSearch,\n search,\n ...rest\n}: PropsWithChildren<CommandPalleteProps>) => {\n // const [searchMode, setSearchMode] = useState<\"project\" | \"id\" | \"default\">(\n // \"project\"\n // );\n\n const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n onChangeSearch(e.target.value);\n };\n\n return (\n <Dialog {...rest}>\n <StyledCommandPallete>\n <CommandPalleteHeader search={search} handleChange={handleChange} />\n {children}\n </StyledCommandPallete>\n </Dialog>\n );\n};\n\nCommandPallete.displayName = \"CommandPallete\";\n\nCommandPallete.List = CommandPalleteList;\nCommandPallete.Item = CommandPalleteItem;\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AAA0D;AAAA;AAAA;AAAA;AASnD,IAAMA,cAAc,GAAG,SAAjBA,cAAc,OAKmB;EAAA,IAJ5CC,QAAQ,QAARA,QAAQ;IACRC,cAAc,QAAdA,cAAc;IACdC,MAAM,QAANA,MAAM;IACHC,IAAI;EAEP;EACA;EACA;;EAEA,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,CAAgC,EAAK;IACzDJ,cAAc,CAACI,CAAC,CAACC,MAAM,CAACC,KAAK,CAAC;EAChC,CAAC;EAED,oBACE,6BAAC,cAAM,EAAKJ,IAAI,eACd,6BAAC,oCAAoB,qBACnB,6BAAC,0CAAoB;IAAC,MAAM,EAAED,MAAO;IAAC,YAAY,EAAEE;EAAa,EAAG,EACnEJ,QAAQ,CACY,CAChB;AAEb,CAAC;AAAC;AAEFD,cAAc,CAACS,WAAW,GAAG,gBAAgB;AAE7CT,cAAc,CAACU,IAAI,GAAGC,sCAAkB;AACxCX,cAAc,CAACY,IAAI,GAAGC,sCAAkB"}
@@ -0,0 +1,55 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.StyledSearchIcon = exports.StyledParameter = exports.StyledInput = exports.StyledIcon = exports.StyledCommandPalleteList = exports.StyledCommandPalleteItem = exports.StyledCommandPalleteHeader = exports.StyledCommandPallete = exports.StyledActionWrapper = void 0;
7
+ var _styledComponents = _interopRequireDefault(require("styled-components"));
8
+ var _FontStyle = require("../FontStyle");
9
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
+ var StyledCommandPallete = _styledComponents.default.div.withConfig({
11
+ displayName: "CommandPalletestyles__StyledCommandPallete",
12
+ componentId: "sc-16m145d-0"
13
+ })(["", " background-color:var(--page-paper-main);border-radius:10px;box-sizing:border-box;max-width:600px;"], _FontStyle.FontStyle);
14
+ exports.StyledCommandPallete = StyledCommandPallete;
15
+ var StyledCommandPalleteHeader = _styledComponents.default.div.withConfig({
16
+ displayName: "CommandPalletestyles__StyledCommandPalleteHeader",
17
+ componentId: "sc-16m145d-1"
18
+ })(["align-items:center;display:flex;padding-bottom:12px;padding-left:16px;padding-right:16px;padding-top:12px;"]);
19
+ exports.StyledCommandPalleteHeader = StyledCommandPalleteHeader;
20
+ var StyledSearchIcon = _styledComponents.default.div.withConfig({
21
+ displayName: "CommandPalletestyles__StyledSearchIcon",
22
+ componentId: "sc-16m145d-2"
23
+ })(["margin-right:8px;svg{vertical-align:middle;}"]);
24
+ exports.StyledSearchIcon = StyledSearchIcon;
25
+ var StyledInput = _styledComponents.default.input.withConfig({
26
+ displayName: "CommandPalletestyles__StyledInput",
27
+ componentId: "sc-16m145d-3"
28
+ })(["all:unset;caret-color:var(--color-primary);color:var(--color-theme-900);flex:1;font-size:32px;font-weight:300;letter-spacing:0.5px;line-height:44px;::placeholder{color:var(--color-theme-transparent-500);}"]);
29
+ exports.StyledInput = StyledInput;
30
+ var StyledParameter = _styledComponents.default.span.withConfig({
31
+ displayName: "CommandPalletestyles__StyledParameter",
32
+ componentId: "sc-16m145d-4"
33
+ })(["color:var(--color-theme-transparent-500);font-size:32px;font-weight:300;letter-spacing:0.5px;line-height:44px;margin-right:8px;"]);
34
+ exports.StyledParameter = StyledParameter;
35
+ var StyledActionWrapper = _styledComponents.default.div.withConfig({
36
+ displayName: "CommandPalletestyles__StyledActionWrapper",
37
+ componentId: "sc-16m145d-5"
38
+ })(["align-items:center;display:flex;gap:8px;"]);
39
+ exports.StyledActionWrapper = StyledActionWrapper;
40
+ var StyledCommandPalleteItem = _styledComponents.default.li.withConfig({
41
+ displayName: "CommandPalletestyles__StyledCommandPalleteItem",
42
+ componentId: "sc-16m145d-6"
43
+ })(["align-items:center;cursor:pointer;display:flex;padding-bottom:12px;padding-left:18px;padding-right:18px;padding-top:12px;position:relative;&:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px;}&:hover{background-color:var(--color-theme-200);&::before{background-color:var(--color-primary);content:\"\";height:100%;left:0;position:absolute;width:2px;}}"]);
44
+ exports.StyledCommandPalleteItem = StyledCommandPalleteItem;
45
+ var StyledIcon = _styledComponents.default.div.withConfig({
46
+ displayName: "CommandPalletestyles__StyledIcon",
47
+ componentId: "sc-16m145d-7"
48
+ })(["margin-right:8px;svg{vertical-align:middle;}"]);
49
+ exports.StyledIcon = StyledIcon;
50
+ var StyledCommandPalleteList = _styledComponents.default.ul.withConfig({
51
+ displayName: "CommandPalletestyles__StyledCommandPalleteList",
52
+ componentId: "sc-16m145d-8"
53
+ })(["border-top:1px solid var(--color-theme-400);list-style-type:none;margin:0;padding:0;overflow:hidden;"]);
54
+ exports.StyledCommandPalleteList = StyledCommandPalleteList;
55
+ //# sourceMappingURL=CommandPallete.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CommandPallete.styles.js","names":["StyledCommandPallete","styled","div","FontStyle","StyledCommandPalleteHeader","StyledSearchIcon","StyledInput","input","StyledParameter","span","StyledActionWrapper","StyledCommandPalleteItem","li","StyledIcon","StyledCommandPalleteList","ul"],"sources":["../../../../src/components/CommandPallete/CommandPallete.styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledCommandPallete = 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\nexport const StyledCommandPalleteHeader = 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 flex: 1;\n font-size: 32px;\n font-weight: 300;\n letter-spacing: 0.5px;\n line-height: 44px;\n\n ::placeholder {\n color: var(--color-theme-transparent-500);\n }\n`;\n\nexport const StyledParameter = styled.span`\n color: var(--color-theme-transparent-500);\n font-size: 32px;\n font-weight: 300;\n letter-spacing: 0.5px;\n line-height: 44px;\n margin-right: 8px;\n`;\n\nexport const StyledActionWrapper = styled.div`\n align-items: center;\n display: flex;\n gap: 8px;\n`;\n\nexport const StyledCommandPalleteItem = styled.li`\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\n &:last-child {\n border-bottom-left-radius: 10px;\n border-bottom-right-radius: 10px;\n }\n\n &:hover {\n background-color: var(--color-theme-200);\n\n &::before {\n background-color: var(--color-primary);\n content: \"\";\n height: 100%;\n left: 0;\n position: absolute;\n width: 2px;\n }\n }\n`;\n\nexport const StyledIcon = styled.div`\n margin-right: 8px;\n\n svg {\n vertical-align: middle;\n }\n`;\n\nexport const StyledCommandPalleteList = styled.ul`\n border-top: 1px solid var(--color-theme-400);\n list-style-type: none;\n margin: 0;\n padding: 0;\n overflow: hidden;\n`;\n"],"mappings":";;;;;;AAAA;AACA;AAAyC;AAElC,IAAMA,oBAAoB,GAAGC,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,+GAC1CC,oBAAS,CAKZ;AAAC;AAEK,IAAMC,0BAA0B,GAAGH,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,kHAOnD;AAAC;AAEK,IAAMG,gBAAgB,GAAGJ,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,oDAMzC;AAAC;AAEK,IAAMI,WAAW,GAAGL,yBAAM,CAACM,KAAK;EAAA;EAAA;AAAA,oNAatC;AAAC;AAEK,IAAMC,eAAe,GAAGP,yBAAM,CAACQ,IAAI;EAAA;EAAA;AAAA,uIAOzC;AAAC;AAEK,IAAMC,mBAAmB,GAAGT,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,gDAI5C;AAAC;AAEK,IAAMS,wBAAwB,GAAGV,yBAAM,CAACW,EAAE;EAAA;EAAA;AAAA,8XA2BhD;AAAC;AAEK,IAAMC,UAAU,GAAGZ,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,oDAMnC;AAAC;AAEK,IAAMY,wBAAwB,GAAGb,yBAAM,CAACc,EAAE;EAAA;EAAA;AAAA,4GAMhD;AAAC"}
@@ -0,0 +1,40 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.CommandPalleteHeader = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _IconButton = require("../IconButton");
9
+ var _Icons = require("../Icons");
10
+ var _Loaders = require("../Loaders");
11
+ var _Tooltip = require("../Tooltip");
12
+ var _CommandPallete = require("./CommandPallete.styles");
13
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
+ var CommandPalleteHeader = function CommandPalleteHeader(_ref) {
15
+ var search = _ref.search,
16
+ handleChange = _ref.handleChange,
17
+ _ref$loading = _ref.loading,
18
+ loading = _ref$loading === void 0 ? true : _ref$loading;
19
+ return /*#__PURE__*/_react.default.createElement(_CommandPallete.StyledCommandPalleteHeader, {
20
+ className: "cp-header"
21
+ }, /*#__PURE__*/_react.default.createElement(_CommandPallete.StyledSearchIcon, null, /*#__PURE__*/_react.default.createElement(_Icons.SearchLargeIcon, null)), /*#__PURE__*/_react.default.createElement(_CommandPallete.StyledParameter, null, "ID:"), /*#__PURE__*/_react.default.createElement(_CommandPallete.StyledInput, {
22
+ autoFocus: true,
23
+ value: search,
24
+ onChange: handleChange,
25
+ placeholder: "Search or jump to"
26
+ }), /*#__PURE__*/_react.default.createElement(_CommandPallete.StyledActionWrapper, null, loading ? /*#__PURE__*/_react.default.createElement(_Loaders.SpinnerLoader, null) : null, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
27
+ title: "Search by ID",
28
+ placement: "top"
29
+ }, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
30
+ variant: "text gray"
31
+ }, /*#__PURE__*/_react.default.createElement(_Icons.HashtagIcon, null))), /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
32
+ title: "Close",
33
+ placement: "top"
34
+ }, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
35
+ variant: "text gray"
36
+ }, /*#__PURE__*/_react.default.createElement(_Icons.CloseIcon, null)))));
37
+ };
38
+ exports.CommandPalleteHeader = CommandPalleteHeader;
39
+ CommandPalleteHeader.displayName = "CommandPalleteItem";
40
+ //# sourceMappingURL=CommandPalleteHeader.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CommandPalleteHeader.js","names":["CommandPalleteHeader","search","handleChange","loading","displayName"],"sources":["../../../../src/components/CommandPallete/CommandPalleteHeader.tsx"],"sourcesContent":["import React, { ChangeEvent } from \"react\";\nimport { IconButton } from \"../IconButton\";\nimport { CloseIcon, HashtagIcon, SearchLargeIcon } from \"../Icons\";\nimport { SpinnerLoader } from \"../Loaders\";\nimport { Tooltip } from \"../Tooltip\";\nimport {\n StyledActionWrapper,\n StyledCommandPalleteHeader,\n StyledInput,\n StyledParameter,\n StyledSearchIcon,\n} from \"./CommandPallete.styles\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface CommandPalleteHeaderProps {\n search: string;\n handleChange: (e: ChangeEvent<HTMLInputElement>) => void;\n loading?: boolean;\n}\n\nexport const CommandPalleteHeader = ({\n search,\n handleChange,\n loading = true,\n}: CommandPalleteHeaderProps) => {\n return (\n <StyledCommandPalleteHeader className=\"cp-header\">\n <StyledSearchIcon>\n <SearchLargeIcon />\n </StyledSearchIcon>\n\n <StyledParameter>ID:</StyledParameter>\n <StyledInput\n autoFocus\n value={search}\n onChange={handleChange}\n placeholder=\"Search or jump to\"\n />\n <StyledActionWrapper>\n {loading ? <SpinnerLoader /> : null}\n\n <Tooltip title=\"Search by ID\" placement=\"top\">\n <IconButton variant=\"text gray\">\n <HashtagIcon />\n </IconButton>\n </Tooltip>\n\n <Tooltip title=\"Close\" placement=\"top\">\n <IconButton variant=\"text gray\">\n <CloseIcon />\n </IconButton>\n </Tooltip>\n </StyledActionWrapper>\n </StyledCommandPalleteHeader>\n );\n};\n\nCommandPalleteHeader.displayName = \"CommandPalleteItem\";\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAMiC;AAS1B,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAoB,OAIA;EAAA,IAH/BC,MAAM,QAANA,MAAM;IACNC,YAAY,QAAZA,YAAY;IAAA,oBACZC,OAAO;IAAPA,OAAO,6BAAG,IAAI;EAEd,oBACE,6BAAC,0CAA0B;IAAC,SAAS,EAAC;EAAW,gBAC/C,6BAAC,gCAAgB,qBACf,6BAAC,sBAAe,OAAG,CACF,eAEnB,6BAAC,+BAAe,cAAsB,eACtC,6BAAC,2BAAW;IACV,SAAS;IACT,KAAK,EAAEF,MAAO;IACd,QAAQ,EAAEC,YAAa;IACvB,WAAW,EAAC;EAAmB,EAC/B,eACF,6BAAC,mCAAmB,QACjBC,OAAO,gBAAG,6BAAC,sBAAa,OAAG,GAAG,IAAI,eAEnC,6BAAC,gBAAO;IAAC,KAAK,EAAC,cAAc;IAAC,SAAS,EAAC;EAAK,gBAC3C,6BAAC,sBAAU;IAAC,OAAO,EAAC;EAAW,gBAC7B,6BAAC,kBAAW,OAAG,CACJ,CACL,eAEV,6BAAC,gBAAO;IAAC,KAAK,EAAC,OAAO;IAAC,SAAS,EAAC;EAAK,gBACpC,6BAAC,sBAAU;IAAC,OAAO,EAAC;EAAW,gBAC7B,6BAAC,gBAAS,OAAG,CACF,CACL,CACU,CACK;AAEjC,CAAC;AAAC;AAEFH,oBAAoB,CAACI,WAAW,GAAG,oBAAoB"}
@@ -0,0 +1,24 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.CommandPalleteItem = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _Icons = require("../Icons");
9
+ var _Typography = require("../Typography/Typography");
10
+ var _CommandPallete = require("./CommandPallete.styles");
11
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
+ var CommandPalleteItem = function CommandPalleteItem(_ref) {
13
+ var title = _ref.title;
14
+ return /*#__PURE__*/_react.default.createElement(_CommandPallete.StyledCommandPalleteItem, {
15
+ className: "cp-item",
16
+ tabIndex: 1
17
+ }, /*#__PURE__*/_react.default.createElement(_CommandPallete.StyledIcon, null, /*#__PURE__*/_react.default.createElement(_Icons.ProjectsIcon, null)), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
18
+ variant: "Body 1",
19
+ color: "primary"
20
+ }, title));
21
+ };
22
+ exports.CommandPalleteItem = CommandPalleteItem;
23
+ CommandPalleteItem.displayName = "CommandPalleteItem";
24
+ //# sourceMappingURL=CommandPalleteItem.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CommandPalleteItem.js","names":["CommandPalleteItem","title","displayName"],"sources":["../../../../src/components/CommandPallete/CommandPalleteItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { ProjectsIcon } from \"../Icons\";\nimport { Typography } from \"../Typography/Typography\";\nimport { StyledCommandPalleteItem, StyledIcon } from \"./CommandPallete.styles\";\n\nexport type Entity = \"project\" | \"task\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface CommandPalleteItemProps {\n title: string;\n}\n\nexport const CommandPalleteItem = ({ title }: CommandPalleteItemProps) => {\n return (\n <StyledCommandPalleteItem className=\"cp-item\" tabIndex={1}>\n <StyledIcon>\n <ProjectsIcon />\n </StyledIcon>\n <Typography variant=\"Body 1\" color=\"primary\">\n {title}\n </Typography>\n </StyledCommandPalleteItem>\n );\n};\n\nCommandPalleteItem.displayName = \"CommandPalleteItem\";\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAA+E;AASxE,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkB,OAA2C;EAAA,IAArCC,KAAK,QAALA,KAAK;EACxC,oBACE,6BAAC,wCAAwB;IAAC,SAAS,EAAC,SAAS;IAAC,QAAQ,EAAE;EAAE,gBACxD,6BAAC,0BAAU,qBACT,6BAAC,mBAAY,OAAG,CACL,eACb,6BAAC,sBAAU;IAAC,OAAO,EAAC,QAAQ;IAAC,KAAK,EAAC;EAAS,GACzCA,KAAK,CACK,CACY;AAE/B,CAAC;AAAC;AAEFD,kBAAkB,CAACE,WAAW,GAAG,oBAAoB"}
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.CommandPalleteList = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _CommandPallete = require("./CommandPallete.styles");
9
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
+ var CommandPalleteList = function CommandPalleteList(_ref) {
11
+ var children = _ref.children;
12
+ return /*#__PURE__*/_react.default.createElement(_CommandPallete.StyledCommandPalleteList, {
13
+ className: "cp-list",
14
+ tabIndex: -1
15
+ }, children);
16
+ };
17
+ exports.CommandPalleteList = CommandPalleteList;
18
+ CommandPalleteList.displayName = "CommandPalleteList";
19
+ //# sourceMappingURL=CommandPalleteList.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CommandPalleteList.js","names":["CommandPalleteList","children","displayName"],"sources":["../../../../src/components/CommandPallete/CommandPalleteList.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\nimport { StyledCommandPalleteList } from \"./CommandPallete.styles\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface CommandPalleteListProps {}\n\nexport const CommandPalleteList = ({\n children,\n}: PropsWithChildren<CommandPalleteListProps>) => {\n return (\n <StyledCommandPalleteList className=\"cp-list\" tabIndex={-1}>\n {children}\n </StyledCommandPalleteList>\n );\n};\n\nCommandPalleteList.displayName = \"CommandPalleteList\";\n"],"mappings":";;;;;;AAAA;AACA;AAAmE;AAK5D,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkB,OAEmB;EAAA,IADhDC,QAAQ,QAARA,QAAQ;EAER,oBACE,6BAAC,wCAAwB;IAAC,SAAS,EAAC,SAAS;IAAC,QAAQ,EAAE,CAAC;EAAE,GACxDA,QAAQ,CACgB;AAE/B,CAAC;AAAC;AAEFD,kBAAkB,CAACE,WAAW,GAAG,oBAAoB"}
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ var _CommandPallete = require("./CommandPallete");
7
+ Object.keys(_CommandPallete).forEach(function (key) {
8
+ if (key === "default" || key === "__esModule") return;
9
+ if (key in exports && exports[key] === _CommandPallete[key]) return;
10
+ Object.defineProperty(exports, key, {
11
+ enumerable: true,
12
+ get: function get() {
13
+ return _CommandPallete[key];
14
+ }
15
+ });
16
+ });
17
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/CommandPallete/index.ts"],"sourcesContent":["export * from \"./CommandPallete\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
@@ -0,0 +1,48 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
9
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
10
+ /**
11
+ * @component CloseIcon
12
+ * @description
13
+ *
14
+ * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
15
+ * The Icon component is
16
+ * customizable, allowing for variations in size, color, and style to fit the needs of the application.
17
+ *
18
+ *
19
+ * @example
20
+ * return (
21
+ * <CloseIcon className="mr-2" />
22
+ * )
23
+ *
24
+ * @see
25
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
26
+ * @see
27
+ * https://design.activecollab.com/docs/foundations/icons
28
+ */
29
+ var CloseIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
30
+ return /*#__PURE__*/_react.default.createElement("svg", _extends({
31
+ width: 24,
32
+ height: 24,
33
+ viewBox: "0 0 24 24",
34
+ xmlns: "http://www.w3.org/2000/svg",
35
+ "data-testid": "CloseIcon",
36
+ fill: "var(--color-theme-600)",
37
+ focusable: false,
38
+ ref: svgRef
39
+ }, props), /*#__PURE__*/_react.default.createElement("path", {
40
+ fillRule: "evenodd",
41
+ clipRule: "evenodd",
42
+ d: "M7.613 6.21l.094.083L12 10.585l4.293-4.292a1 1 0 011.497 1.32l-.083.094L13.415 12l4.292 4.293a1 1 0 01-1.32 1.497l-.094-.083L12 13.415l-4.293 4.292a1 1 0 01-1.497-1.32l.083-.094L10.585 12 6.293 7.707a1 1 0 011.32-1.497z"
43
+ }));
44
+ });
45
+ CloseIcon.displayName = "CloseIcon";
46
+ var _default = CloseIcon;
47
+ exports.default = _default;
48
+ //# sourceMappingURL=Close.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Close.js","names":["CloseIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/Close.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component CloseIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n *\n * @example\n * return (\n * <CloseIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst CloseIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n data-testid=\"CloseIcon\"\n fill=\"var(--color-theme-600)\"\n focusable={false}\n ref={svgRef}\n {...props}\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M7.613 6.21l.094.083L12 10.585l4.293-4.292a1 1 0 011.497 1.32l-.083.094L13.415 12l4.292 4.293a1 1 0 01-1.32 1.497l-.094-.083L12 13.415l-4.293 4.292a1 1 0 01-1.497-1.32l.083-.094L10.585 12 6.293 7.707a1 1 0 011.32-1.497z\"\n />\n </svg>\n )\n);\nCloseIcon.displayName = \"CloseIcon\";\nexport default CloseIcon;\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAE1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,SAAS,gBAAGC,cAAK,CAACC,UAAU,CAChC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,WAAW;IACvB,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,QAAQ,EAAC,SAAS;IAClB,QAAQ,EAAC,SAAS;IAClB,CAAC,EAAC;EAA6N,EAC/N,CACE;AAAA,CACP,CACF;AACDH,SAAS,CAACK,WAAW,GAAG,WAAW;AAAC,eACrBL,SAAS;AAAA"}
@@ -0,0 +1,48 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
9
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
10
+ /**
11
+ * @component HashtagIcon
12
+ * @description
13
+ *
14
+ * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
15
+ * The Icon component is
16
+ * customizable, allowing for variations in size, color, and style to fit the needs of the application.
17
+ *
18
+ *
19
+ * @example
20
+ * return (
21
+ * <HashtagIcon className="mr-2" />
22
+ * )
23
+ *
24
+ * @see
25
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
26
+ * @see
27
+ * https://design.activecollab.com/docs/foundations/icons
28
+ */
29
+ var HashtagIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
30
+ return /*#__PURE__*/_react.default.createElement("svg", _extends({
31
+ width: 24,
32
+ height: 24,
33
+ viewBox: "0 0 24 24",
34
+ xmlns: "http://www.w3.org/2000/svg",
35
+ "data-testid": "HashtagIcon",
36
+ fill: "var(--color-theme-600)",
37
+ focusable: false,
38
+ ref: svgRef
39
+ }, props), /*#__PURE__*/_react.default.createElement("path", {
40
+ fillRule: "evenodd",
41
+ clipRule: "evenodd",
42
+ d: "M5.33 21l.719-4H2l.354-2h4.049l1.073-6H3.427l.354-2H7.83l.719-4h2.024l-.719 4h6.073l.719-4h2.024l-.719 4H22l-.354 2h-4.049l-1.073 6h4.049l-.354 2H16.17l-.719 4h-2.024l.719-4H8.073l-.719 4H5.33zM9.5 9l-1.073 6H14.5l1.073-6H9.5z"
43
+ }));
44
+ });
45
+ HashtagIcon.displayName = "HashtagIcon";
46
+ var _default = HashtagIcon;
47
+ exports.default = _default;
48
+ //# sourceMappingURL=Hashtag.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Hashtag.js","names":["HashtagIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/Hashtag.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component HashtagIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n *\n * @example\n * return (\n * <HashtagIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst HashtagIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n data-testid=\"HashtagIcon\"\n fill=\"var(--color-theme-600)\"\n focusable={false}\n ref={svgRef}\n {...props}\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M5.33 21l.719-4H2l.354-2h4.049l1.073-6H3.427l.354-2H7.83l.719-4h2.024l-.719 4h6.073l.719-4h2.024l-.719 4H22l-.354 2h-4.049l-1.073 6h4.049l-.354 2H16.17l-.719 4h-2.024l.719-4H8.073l-.719 4H5.33zM9.5 9l-1.073 6H14.5l1.073-6H9.5z\"\n />\n </svg>\n )\n);\nHashtagIcon.displayName = \"HashtagIcon\";\nexport default HashtagIcon;\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAE1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,WAAW,gBAAGC,cAAK,CAACC,UAAU,CAClC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,aAAa;IACzB,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,QAAQ,EAAC,SAAS;IAClB,QAAQ,EAAC,SAAS;IAClB,CAAC,EAAC;EAAoO,EACtO,CACE;AAAA,CACP,CACF;AACDH,WAAW,CAACK,WAAW,GAAG,aAAa;AAAC,eACzBL,WAAW;AAAA"}
@@ -0,0 +1,48 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
9
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
10
+ /**
11
+ * @component SearchLargeIcon
12
+ * @description
13
+ *
14
+ * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
15
+ * The Icon component is
16
+ * customizable, allowing for variations in size, color, and style to fit the needs of the application.
17
+ *
18
+ *
19
+ * @example
20
+ * return (
21
+ * <SearchLargeIcon className="mr-2" />
22
+ * )
23
+ *
24
+ * @see
25
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
26
+ * @see
27
+ * https://design.activecollab.com/docs/foundations/icons
28
+ */
29
+ var SearchLargeIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
30
+ return /*#__PURE__*/_react.default.createElement("svg", _extends({
31
+ width: 32,
32
+ height: 32,
33
+ viewBox: "0 0 32 32",
34
+ xmlns: "http://www.w3.org/2000/svg",
35
+ "data-testid": "SearchLargeIcon",
36
+ fill: "var(--color-theme-600)",
37
+ focusable: false,
38
+ ref: svgRef
39
+ }, props), /*#__PURE__*/_react.default.createElement("path", {
40
+ fillRule: "evenodd",
41
+ clipRule: "evenodd",
42
+ d: "M14 4c5.523 0 10 4.477 10 10 0 2.31-.783 4.436-2.098 6.129.088.04.17.09.248.15l.126.111 5.334 5.334a1.333 1.333 0 01-1.76 1.996l-.126-.11-5.334-5.334a1.332 1.332 0 01-.263-.373A9.953 9.953 0 0114 24C8.477 24 4 19.523 4 14S8.477 4 14 4zm0 2.667a7.333 7.333 0 100 14.666 7.333 7.333 0 000-14.666z"
43
+ }));
44
+ });
45
+ SearchLargeIcon.displayName = "SearchLargeIcon";
46
+ var _default = SearchLargeIcon;
47
+ exports.default = _default;
48
+ //# sourceMappingURL=SearchLarge.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SearchLarge.js","names":["SearchLargeIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/SearchLarge.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component SearchLargeIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n *\n * @example\n * return (\n * <SearchLargeIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst SearchLargeIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={32}\n height={32}\n viewBox=\"0 0 32 32\"\n xmlns=\"http://www.w3.org/2000/svg\"\n data-testid=\"SearchLargeIcon\"\n fill=\"var(--color-theme-600)\"\n focusable={false}\n ref={svgRef}\n {...props}\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M14 4c5.523 0 10 4.477 10 10 0 2.31-.783 4.436-2.098 6.129.088.04.17.09.248.15l.126.111 5.334 5.334a1.333 1.333 0 01-1.76 1.996l-.126-.11-5.334-5.334a1.332 1.332 0 01-.263-.373A9.953 9.953 0 0114 24C8.477 24 4 19.523 4 14S8.477 4 14 4zm0 2.667a7.333 7.333 0 100 14.666 7.333 7.333 0 000-14.666z\"\n />\n </svg>\n )\n);\nSearchLargeIcon.displayName = \"SearchLargeIcon\";\nexport default SearchLargeIcon;\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAE1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,eAAe,gBAAGC,cAAK,CAACC,UAAU,CACtC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,iBAAiB;IAC7B,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,QAAQ,EAAC,SAAS;IAClB,QAAQ,EAAC,SAAS;IAClB,CAAC,EAAC;EAAwS,EAC1S,CACE;AAAA,CACP,CACF;AACDH,eAAe,CAACK,WAAW,GAAG,iBAAiB;AAAC,eACjCL,eAAe;AAAA"}
@@ -225,6 +225,12 @@ Object.defineProperty(exports, "ClockStopwatchSmallIcon", {
225
225
  return _ClockStopwatchSmall.default;
226
226
  }
227
227
  });
228
+ Object.defineProperty(exports, "CloseIcon", {
229
+ enumerable: true,
230
+ get: function get() {
231
+ return _Close.default;
232
+ }
233
+ });
228
234
  Object.defineProperty(exports, "CloseSmallIcon", {
229
235
  enumerable: true,
230
236
  get: function get() {
@@ -453,6 +459,12 @@ Object.defineProperty(exports, "GiftIcon", {
453
459
  return _Gift.default;
454
460
  }
455
461
  });
462
+ Object.defineProperty(exports, "HashtagIcon", {
463
+ enumerable: true,
464
+ get: function get() {
465
+ return _Hashtag.default;
466
+ }
467
+ });
456
468
  Object.defineProperty(exports, "HelpIcon", {
457
469
  enumerable: true,
458
470
  get: function get() {
@@ -783,6 +795,12 @@ Object.defineProperty(exports, "SearchIcon", {
783
795
  return _Search.default;
784
796
  }
785
797
  });
798
+ Object.defineProperty(exports, "SearchLargeIcon", {
799
+ enumerable: true,
800
+ get: function get() {
801
+ return _SearchLarge.default;
802
+ }
803
+ });
786
804
  Object.defineProperty(exports, "SendBlankIcon", {
787
805
  enumerable: true,
788
806
  get: function get() {
@@ -959,6 +977,7 @@ var _ClockStopwatchSmall = _interopRequireDefault(require("./ClockStopwatchSmall
959
977
  var _ClockStopwatch = _interopRequireDefault(require("./ClockStopwatch"));
960
978
  var _Clock = _interopRequireDefault(require("./Clock"));
961
979
  var _CloseSmall = _interopRequireDefault(require("./CloseSmall"));
980
+ var _Close = _interopRequireDefault(require("./Close"));
962
981
  var _CollapsIcon = _interopRequireDefault(require("./CollapsIcon"));
963
982
  var _CollapseAll = _interopRequireDefault(require("./CollapseAll"));
964
983
  var _CollapseExpandSingle = _interopRequireDefault(require("./CollapseExpandSingle"));
@@ -996,6 +1015,7 @@ var _Filter = _interopRequireDefault(require("./Filter"));
996
1015
  var _FolderMove = _interopRequireDefault(require("./FolderMove"));
997
1016
  var _FolderOutline = _interopRequireDefault(require("./FolderOutline"));
998
1017
  var _Gift = _interopRequireDefault(require("./Gift"));
1018
+ var _Hashtag = _interopRequireDefault(require("./Hashtag"));
999
1019
  var _Help = _interopRequireDefault(require("./Help"));
1000
1020
  var _Image = _interopRequireDefault(require("./Image"));
1001
1021
  var _InfoSmall = _interopRequireDefault(require("./InfoSmall"));
@@ -1050,6 +1070,7 @@ var _RecurringCheckmark = _interopRequireDefault(require("./RecurringCheckmark")
1050
1070
  var _ReportTime = _interopRequireDefault(require("./ReportTime"));
1051
1071
  var _Reports = _interopRequireDefault(require("./Reports"));
1052
1072
  var _Rocket = _interopRequireDefault(require("./Rocket"));
1073
+ var _SearchLarge = _interopRequireDefault(require("./SearchLarge"));
1053
1074
  var _Search = _interopRequireDefault(require("./Search"));
1054
1075
  var _SendBlank = _interopRequireDefault(require("./SendBlank"));
1055
1076
  var _SendFilled = _interopRequireDefault(require("./SendFilled"));
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Icons/collection/index.tsx"],"sourcesContent":["export { default as ActivityIcon } from \"./Activity\";\nexport { default as AddCrossTinyIcon } from \"./AddCrossTiny\";\nexport { default as AddCrossIcon } from \"./AddCross\";\nexport { default as ArrowBackMobileIcon } from \"./ArrowBackMobile\";\nexport { default as ArrowCollapseMultipleIcon } from \"./ArrowCollapseMultiple\";\nexport { default as ArrowDownLongIcon } from \"./ArrowDownLong\";\nexport { default as ArrowDownIcon } from \"./ArrowDown\";\nexport { default as ArrowExpandeMultipleIcon } from \"./ArrowExpandeMultiple\";\nexport { default as ArrowLeftBoxIcon } from \"./ArrowLeftBox\";\nexport { default as ArrowLeftIcon } from \"./ArrowLeft\";\nexport { default as ArrowRefreshIcon } from \"./ArrowRefresh\";\nexport { default as ArrowRightIcon } from \"./ArrowRight\";\nexport { default as ArrowUpLongIcon } from \"./ArrowUpLong\";\nexport { default as ArrowUpIcon } from \"./ArrowUp\";\nexport { default as AssignIcon } from \"./Assign\";\nexport { default as AttachmentIcon } from \"./Attachment\";\nexport { default as BellOffSmallIcon } from \"./BellOffSmall\";\nexport { default as BellOffIcon } from \"./BellOff\";\nexport { default as BillingIcon } from \"./Billing\";\nexport { default as BudgetAlertIcon } from \"./BudgetAlert\";\nexport { default as CalendarAddXIcon } from \"./CalendarAddX\";\nexport { default as CalendarIcon } from \"./Calendar\";\nexport { default as CancelCrossIcon } from \"./CancelCross\";\nexport { default as CaretLeftIcon } from \"./CaretLeft\";\nexport { default as CaretRightIcon } from \"./CaretRight\";\nexport { default as ChatIcon } from \"./Chat\";\nexport { default as CheckIcon } from \"./Check\";\nexport { default as CheckboxBlankTogglerIcon } from \"./CheckboxBlankToggler\";\nexport { default as CheckboxIcon } from \"./Checkbox\";\nexport { default as ChecklistSmallIcon } from \"./ChecklistSmall\";\nexport { default as ChecklistIcon } from \"./Checklist\";\nexport { default as CircleMultipleIcon } from \"./CircleMultiple\";\nexport { default as ClockAddIcon } from \"./ClockAdd\";\nexport { default as ClockSmallIcon } from \"./ClockSmall\";\nexport { default as ClockStopwatchSmallIcon } from \"./ClockStopwatchSmall\";\nexport { default as ClockStopwatchIcon } from \"./ClockStopwatch\";\nexport { default as ClockIcon } from \"./Clock\";\nexport { default as CloseSmallIcon } from \"./CloseSmall\";\nexport { default as CollapsIcon } from \"./CollapsIcon\";\nexport { default as CollapseAllIcon } from \"./CollapseAll\";\nexport { default as CollapseExpandSingleIcon } from \"./CollapseExpandSingle\";\nexport { default as ComputerIcon } from \"./Computer\";\nexport { default as CopyIcon } from \"./Copy\";\nexport { default as CrownBlankIcon } from \"./CrownBlank\";\nexport { default as CrownSelectedIcon } from \"./CrownSelected\";\nexport { default as DependencySmallIcon } from \"./DependencySmall\";\nexport { default as DependencyIcon } from \"./Dependency\";\nexport { default as DiscussionAddIcon } from \"./DiscussionAdd\";\nexport { default as DollarCheckmarkSmallIcon } from \"./DollarCheckmarkSmall\";\nexport { default as DollarCheckmarkIcon } from \"./DollarCheckmark\";\nexport { default as DollarClockSmallIcon } from \"./DollarClockSmall\";\nexport { default as DollarClockIcon } from \"./DollarClock\";\nexport { default as DollarOffSmallIcon } from \"./DollarOffSmall\";\nexport { default as DollarOffIcon } from \"./DollarOff\";\nexport { default as DollarSmallIcon } from \"./DollarSmall\";\nexport { default as DollarIcon } from \"./Dollar\";\nexport { default as DownloadIcon } from \"./Download\";\nexport { default as DriveIcon } from \"./Drive\";\nexport { default as DropboxIcon } from \"./Dropbox\";\nexport { default as DuplicateIcon } from \"./Duplicate\";\nexport { default as EditMultipleIcon } from \"./EditMultiple\";\nexport { default as EditIcon } from \"./Edit\";\nexport { default as EmojiIcon } from \"./Emoji\";\nexport { default as EstimatePlusIcon } from \"./EstimatePlus\";\nexport { default as EstimatesIcon } from \"./Estimates\";\nexport { default as ExpandAllIcon } from \"./ExpandAll\";\nexport { default as ExpenseAddIcon } from \"./ExpenseAdd\";\nexport { default as EyeOffSmallIcon } from \"./EyeOffSmall\";\nexport { default as EyeOffIcon } from \"./EyeOff\";\nexport { default as EyeSmallIcon } from \"./EyeSmall\";\nexport { default as EyeIcon } from \"./Eye\";\nexport { default as FilterIcon } from \"./Filter\";\nexport { default as FolderMoveIcon } from \"./FolderMove\";\nexport { default as FolderOutlineIcon } from \"./FolderOutline\";\nexport { default as GiftIcon } from \"./Gift\";\nexport { default as HelpIcon } from \"./Help\";\nexport { default as ImageIcon } from \"./Image\";\nexport { default as InfoSmallIcon } from \"./InfoSmall\";\nexport { default as InfoIcon } from \"./Info\";\nexport { default as InsertLinkIcon } from \"./InsertLink\";\nexport { default as IntegrationsIcon } from \"./Integrations\";\nexport { default as InvoicesIcon } from \"./Invoices\";\nexport { default as LabelsIcon } from \"./Labels\";\nexport { default as LockSmallIcon } from \"./LockSmall\";\nexport { default as LockIcon } from \"./Lock\";\nexport { default as MarkerIcon } from \"./Marker\";\nexport { default as MessageAddIcon } from \"./MessageAdd\";\nexport { default as MessageEmptyIcon } from \"./MessageEmpty\";\nexport { default as MessageSmallIcon } from \"./MessageSmall\";\nexport { default as MessageIcon } from \"./Message\";\nexport { default as MinusIcon } from \"./Minus\";\nexport { default as MoveTriggerIcon } from \"./MoveTrigger\";\nexport { default as MyWorkIcon } from \"./MyWork\";\nexport { default as NoteAddIcon } from \"./NoteAdd\";\nexport { default as NoteIcon } from \"./Note\";\nexport { default as NotificationBellIcon } from \"./NotificationBell\";\nexport { default as OpenExpandedIcon } from \"./OpenExpanded\";\nexport { default as OpenSheetIcon } from \"./OpenSheet\";\nexport { default as OrderFirstIcon } from \"./OrderFirst\";\nexport { default as PaidSmallIcon } from \"./PaidSmall\";\nexport { default as PauseCircleOutlineIcon } from \"./PauseCircleOutline\";\nexport { default as PauseIcon } from \"./PauseIcon\";\nexport { default as PauseSmallIcon } from \"./PauseSmall\";\nexport { default as PencilSmallIcon } from \"./PencilSmall\";\nexport { default as PencilIcon } from \"./Pencil\";\nexport { default as PendingPaymentSmallIcon } from \"./PendingPaymentSmall\";\nexport { default as PeopleIcon } from \"./People\";\nexport { default as PersonCircleOffIcon } from \"./PersonCircleOff\";\nexport { default as PersonCircleIcon } from \"./PersonCircle\";\nexport { default as PersonPlusIcon } from \"./PersonPlus\";\nexport { default as PersonIcon } from \"./Person\";\nexport { default as PlayCircleOutlineIcon } from \"./PlayCircleOutline\";\nexport { default as PlayIcon } from \"./PlayIcon\";\nexport { default as PlaySmallIcon } from \"./PlaySmall\";\nexport { default as PriorityLowIcon } from \"./PriorityLow\";\nexport { default as ProjectAddIcon } from \"./ProjectAdd\";\nexport { default as ProjectTemplateAddIcon } from \"./ProjectTemplateAdd\";\nexport { default as ProjectTemplateConvertIcon } from \"./ProjectTemplateConvert\";\nexport { default as ProjectTemplateIcon } from \"./ProjectTemplate\";\nexport { default as ProjectsIcon } from \"./Projects\";\nexport { default as RadioBlankIcon } from \"./RadioBlank\";\nexport { default as RadioButtonIcon } from \"./RadioButton\";\nexport { default as RearangeIcon } from \"./Rearange\";\nexport { default as RearrangeSmallIcon } from \"./RearrangeSmall\";\nexport { default as RecurringCheckmarkSmallIcon } from \"./RecurringCheckmarkSmall\";\nexport { default as RecurringCheckmarkIcon } from \"./RecurringCheckmark\";\nexport { default as ReportTimeIcon } from \"./ReportTime\";\nexport { default as ReportsIcon } from \"./Reports\";\nexport { default as RocketIcon } from \"./Rocket\";\nexport { default as SearchIcon } from \"./Search\";\nexport { default as SendBlankIcon } from \"./SendBlank\";\nexport { default as SendFilledIcon } from \"./SendFilled\";\nexport { default as SettingsIcon } from \"./Settings\";\nexport { default as SortGeneralIcon } from \"./SortGeneral\";\nexport { default as SortIcon } from \"./SortIcon\";\nexport { default as StarOutlineIcon } from \"./StarOutline\";\nexport { default as StarIcon } from \"./Star\";\nexport { default as SystemSettingsIcon } from \"./SystemSettings\";\nexport { default as TaskAddIcon } from \"./TaskAdd\";\nexport { default as TaskListAddIcon } from \"./TaskListAdd\";\nexport { default as TaskListCompleteIcon } from \"./TaskListComplete\";\nexport { default as ThumbUpOutlineIcon } from \"./ThumbUpOutline\";\nexport { default as TrashIcon } from \"./Trash\";\nexport { default as TreeDotsIcon } from \"./TreeDots\";\nexport { default as UploadIcon } from \"./Upload\";\nexport { default as ViewGridIcon } from \"./ViewGrid\";\nexport { default as ViewListIcon } from \"./ViewList\";\nexport { default as ViewTimelineIcon } from \"./ViewTimeline\";\nexport { default as VolumeHighIcon } from \"./VolumeHigh\";\nexport { default as WarningTriangleSmallIcon } from \"./WarningTriangleSmall\";\nexport { default as WarningTriangleIcon } from \"./WarningTriangle\";\nexport { default as WarningIcon } from \"./Warning\";\nexport { default as WorkloadIcon } from \"./Workload\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAqD"}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Icons/collection/index.tsx"],"sourcesContent":["export { default as ActivityIcon } from \"./Activity\";\nexport { default as AddCrossTinyIcon } from \"./AddCrossTiny\";\nexport { default as AddCrossIcon } from \"./AddCross\";\nexport { default as ArrowBackMobileIcon } from \"./ArrowBackMobile\";\nexport { default as ArrowCollapseMultipleIcon } from \"./ArrowCollapseMultiple\";\nexport { default as ArrowDownLongIcon } from \"./ArrowDownLong\";\nexport { default as ArrowDownIcon } from \"./ArrowDown\";\nexport { default as ArrowExpandeMultipleIcon } from \"./ArrowExpandeMultiple\";\nexport { default as ArrowLeftBoxIcon } from \"./ArrowLeftBox\";\nexport { default as ArrowLeftIcon } from \"./ArrowLeft\";\nexport { default as ArrowRefreshIcon } from \"./ArrowRefresh\";\nexport { default as ArrowRightIcon } from \"./ArrowRight\";\nexport { default as ArrowUpLongIcon } from \"./ArrowUpLong\";\nexport { default as ArrowUpIcon } from \"./ArrowUp\";\nexport { default as AssignIcon } from \"./Assign\";\nexport { default as AttachmentIcon } from \"./Attachment\";\nexport { default as BellOffSmallIcon } from \"./BellOffSmall\";\nexport { default as BellOffIcon } from \"./BellOff\";\nexport { default as BillingIcon } from \"./Billing\";\nexport { default as BudgetAlertIcon } from \"./BudgetAlert\";\nexport { default as CalendarAddXIcon } from \"./CalendarAddX\";\nexport { default as CalendarIcon } from \"./Calendar\";\nexport { default as CancelCrossIcon } from \"./CancelCross\";\nexport { default as CaretLeftIcon } from \"./CaretLeft\";\nexport { default as CaretRightIcon } from \"./CaretRight\";\nexport { default as ChatIcon } from \"./Chat\";\nexport { default as CheckIcon } from \"./Check\";\nexport { default as CheckboxBlankTogglerIcon } from \"./CheckboxBlankToggler\";\nexport { default as CheckboxIcon } from \"./Checkbox\";\nexport { default as ChecklistSmallIcon } from \"./ChecklistSmall\";\nexport { default as ChecklistIcon } from \"./Checklist\";\nexport { default as CircleMultipleIcon } from \"./CircleMultiple\";\nexport { default as ClockAddIcon } from \"./ClockAdd\";\nexport { default as ClockSmallIcon } from \"./ClockSmall\";\nexport { default as ClockStopwatchSmallIcon } from \"./ClockStopwatchSmall\";\nexport { default as ClockStopwatchIcon } from \"./ClockStopwatch\";\nexport { default as ClockIcon } from \"./Clock\";\nexport { default as CloseSmallIcon } from \"./CloseSmall\";\nexport { default as CloseIcon } from \"./Close\";\nexport { default as CollapsIcon } from \"./CollapsIcon\";\nexport { default as CollapseAllIcon } from \"./CollapseAll\";\nexport { default as CollapseExpandSingleIcon } from \"./CollapseExpandSingle\";\nexport { default as ComputerIcon } from \"./Computer\";\nexport { default as CopyIcon } from \"./Copy\";\nexport { default as CrownBlankIcon } from \"./CrownBlank\";\nexport { default as CrownSelectedIcon } from \"./CrownSelected\";\nexport { default as DependencySmallIcon } from \"./DependencySmall\";\nexport { default as DependencyIcon } from \"./Dependency\";\nexport { default as DiscussionAddIcon } from \"./DiscussionAdd\";\nexport { default as DollarCheckmarkSmallIcon } from \"./DollarCheckmarkSmall\";\nexport { default as DollarCheckmarkIcon } from \"./DollarCheckmark\";\nexport { default as DollarClockSmallIcon } from \"./DollarClockSmall\";\nexport { default as DollarClockIcon } from \"./DollarClock\";\nexport { default as DollarOffSmallIcon } from \"./DollarOffSmall\";\nexport { default as DollarOffIcon } from \"./DollarOff\";\nexport { default as DollarSmallIcon } from \"./DollarSmall\";\nexport { default as DollarIcon } from \"./Dollar\";\nexport { default as DownloadIcon } from \"./Download\";\nexport { default as DriveIcon } from \"./Drive\";\nexport { default as DropboxIcon } from \"./Dropbox\";\nexport { default as DuplicateIcon } from \"./Duplicate\";\nexport { default as EditMultipleIcon } from \"./EditMultiple\";\nexport { default as EditIcon } from \"./Edit\";\nexport { default as EmojiIcon } from \"./Emoji\";\nexport { default as EstimatePlusIcon } from \"./EstimatePlus\";\nexport { default as EstimatesIcon } from \"./Estimates\";\nexport { default as ExpandAllIcon } from \"./ExpandAll\";\nexport { default as ExpenseAddIcon } from \"./ExpenseAdd\";\nexport { default as EyeOffSmallIcon } from \"./EyeOffSmall\";\nexport { default as EyeOffIcon } from \"./EyeOff\";\nexport { default as EyeSmallIcon } from \"./EyeSmall\";\nexport { default as EyeIcon } from \"./Eye\";\nexport { default as FilterIcon } from \"./Filter\";\nexport { default as FolderMoveIcon } from \"./FolderMove\";\nexport { default as FolderOutlineIcon } from \"./FolderOutline\";\nexport { default as GiftIcon } from \"./Gift\";\nexport { default as HashtagIcon } from \"./Hashtag\";\nexport { default as HelpIcon } from \"./Help\";\nexport { default as ImageIcon } from \"./Image\";\nexport { default as InfoSmallIcon } from \"./InfoSmall\";\nexport { default as InfoIcon } from \"./Info\";\nexport { default as InsertLinkIcon } from \"./InsertLink\";\nexport { default as IntegrationsIcon } from \"./Integrations\";\nexport { default as InvoicesIcon } from \"./Invoices\";\nexport { default as LabelsIcon } from \"./Labels\";\nexport { default as LockSmallIcon } from \"./LockSmall\";\nexport { default as LockIcon } from \"./Lock\";\nexport { default as MarkerIcon } from \"./Marker\";\nexport { default as MessageAddIcon } from \"./MessageAdd\";\nexport { default as MessageEmptyIcon } from \"./MessageEmpty\";\nexport { default as MessageSmallIcon } from \"./MessageSmall\";\nexport { default as MessageIcon } from \"./Message\";\nexport { default as MinusIcon } from \"./Minus\";\nexport { default as MoveTriggerIcon } from \"./MoveTrigger\";\nexport { default as MyWorkIcon } from \"./MyWork\";\nexport { default as NoteAddIcon } from \"./NoteAdd\";\nexport { default as NoteIcon } from \"./Note\";\nexport { default as NotificationBellIcon } from \"./NotificationBell\";\nexport { default as OpenExpandedIcon } from \"./OpenExpanded\";\nexport { default as OpenSheetIcon } from \"./OpenSheet\";\nexport { default as OrderFirstIcon } from \"./OrderFirst\";\nexport { default as PaidSmallIcon } from \"./PaidSmall\";\nexport { default as PauseCircleOutlineIcon } from \"./PauseCircleOutline\";\nexport { default as PauseIcon } from \"./PauseIcon\";\nexport { default as PauseSmallIcon } from \"./PauseSmall\";\nexport { default as PencilSmallIcon } from \"./PencilSmall\";\nexport { default as PencilIcon } from \"./Pencil\";\nexport { default as PendingPaymentSmallIcon } from \"./PendingPaymentSmall\";\nexport { default as PeopleIcon } from \"./People\";\nexport { default as PersonCircleOffIcon } from \"./PersonCircleOff\";\nexport { default as PersonCircleIcon } from \"./PersonCircle\";\nexport { default as PersonPlusIcon } from \"./PersonPlus\";\nexport { default as PersonIcon } from \"./Person\";\nexport { default as PlayCircleOutlineIcon } from \"./PlayCircleOutline\";\nexport { default as PlayIcon } from \"./PlayIcon\";\nexport { default as PlaySmallIcon } from \"./PlaySmall\";\nexport { default as PriorityLowIcon } from \"./PriorityLow\";\nexport { default as ProjectAddIcon } from \"./ProjectAdd\";\nexport { default as ProjectTemplateAddIcon } from \"./ProjectTemplateAdd\";\nexport { default as ProjectTemplateConvertIcon } from \"./ProjectTemplateConvert\";\nexport { default as ProjectTemplateIcon } from \"./ProjectTemplate\";\nexport { default as ProjectsIcon } from \"./Projects\";\nexport { default as RadioBlankIcon } from \"./RadioBlank\";\nexport { default as RadioButtonIcon } from \"./RadioButton\";\nexport { default as RearangeIcon } from \"./Rearange\";\nexport { default as RearrangeSmallIcon } from \"./RearrangeSmall\";\nexport { default as RecurringCheckmarkSmallIcon } from \"./RecurringCheckmarkSmall\";\nexport { default as RecurringCheckmarkIcon } from \"./RecurringCheckmark\";\nexport { default as ReportTimeIcon } from \"./ReportTime\";\nexport { default as ReportsIcon } from \"./Reports\";\nexport { default as RocketIcon } from \"./Rocket\";\nexport { default as SearchLargeIcon } from \"./SearchLarge\";\nexport { default as SearchIcon } from \"./Search\";\nexport { default as SendBlankIcon } from \"./SendBlank\";\nexport { default as SendFilledIcon } from \"./SendFilled\";\nexport { default as SettingsIcon } from \"./Settings\";\nexport { default as SortGeneralIcon } from \"./SortGeneral\";\nexport { default as SortIcon } from \"./SortIcon\";\nexport { default as StarOutlineIcon } from \"./StarOutline\";\nexport { default as StarIcon } from \"./Star\";\nexport { default as SystemSettingsIcon } from \"./SystemSettings\";\nexport { default as TaskAddIcon } from \"./TaskAdd\";\nexport { default as TaskListAddIcon } from \"./TaskListAdd\";\nexport { default as TaskListCompleteIcon } from \"./TaskListComplete\";\nexport { default as ThumbUpOutlineIcon } from \"./ThumbUpOutline\";\nexport { default as TrashIcon } from \"./Trash\";\nexport { default as TreeDotsIcon } from \"./TreeDots\";\nexport { default as UploadIcon } from \"./Upload\";\nexport { default as ViewGridIcon } from \"./ViewGrid\";\nexport { default as ViewListIcon } from \"./ViewList\";\nexport { default as ViewTimelineIcon } from \"./ViewTimeline\";\nexport { default as VolumeHighIcon } from \"./VolumeHigh\";\nexport { default as WarningTriangleSmallIcon } from \"./WarningTriangleSmall\";\nexport { default as WarningTriangleIcon } from \"./WarningTriangle\";\nexport { default as WarningIcon } from \"./Warning\";\nexport { default as WorkloadIcon } from \"./Workload\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAqD"}
@@ -0,0 +1,20 @@
1
+ import React, { PropsWithChildren } from "react";
2
+ import { DialogProps } from "../Dialog";
3
+ export interface CommandPalleteProps extends DialogProps {
4
+ loading?: boolean;
5
+ onChangeSearch: (search: string) => void;
6
+ search: string;
7
+ }
8
+ export declare const CommandPallete: {
9
+ ({ children, onChangeSearch, search, ...rest }: PropsWithChildren<CommandPalleteProps>): JSX.Element;
10
+ displayName: string;
11
+ List: {
12
+ ({ children, }: React.PropsWithChildren<import("./CommandPalleteList").CommandPalleteListProps>): JSX.Element;
13
+ displayName: string;
14
+ };
15
+ Item: {
16
+ ({ title }: import("./CommandPalleteItem").CommandPalleteItemProps): JSX.Element;
17
+ displayName: string;
18
+ };
19
+ };
20
+ //# sourceMappingURL=CommandPallete.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CommandPallete.d.ts","sourceRoot":"","sources":["../../../../src/components/CommandPallete/CommandPallete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAe,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAC;AAQhD,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,cAAc;oDAKxB,kBAAkB,mBAAmB,CAAC;;;;;;;;;;CAiBxC,CAAC"}
@@ -0,0 +1,32 @@
1
+ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
2
+ var _excluded = ["children", "onChangeSearch", "search"];
3
+ import React from "react";
4
+ import { Dialog } from "../Dialog";
5
+ import { StyledCommandPallete } from "./CommandPallete.styles";
6
+ import { CommandPalleteHeader } from "./CommandPalleteHeader";
7
+ import { CommandPalleteItem } from "./CommandPalleteItem";
8
+ import { CommandPalleteList } from "./CommandPalleteList";
9
+
10
+ // eslint-disable-next-line @typescript-eslint/no-empty-interface
11
+
12
+ export var CommandPallete = function CommandPallete(_ref) {
13
+ var children = _ref.children,
14
+ onChangeSearch = _ref.onChangeSearch,
15
+ search = _ref.search,
16
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded);
17
+ // const [searchMode, setSearchMode] = useState<"project" | "id" | "default">(
18
+ // "project"
19
+ // );
20
+
21
+ var handleChange = function handleChange(e) {
22
+ onChangeSearch(e.target.value);
23
+ };
24
+ return /*#__PURE__*/React.createElement(Dialog, rest, /*#__PURE__*/React.createElement(StyledCommandPallete, null, /*#__PURE__*/React.createElement(CommandPalleteHeader, {
25
+ search: search,
26
+ handleChange: handleChange
27
+ }), children));
28
+ };
29
+ CommandPallete.displayName = "CommandPallete";
30
+ CommandPallete.List = CommandPalleteList;
31
+ CommandPallete.Item = CommandPalleteItem;
32
+ //# sourceMappingURL=CommandPallete.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CommandPallete.js","names":["React","Dialog","StyledCommandPallete","CommandPalleteHeader","CommandPalleteItem","CommandPalleteList","CommandPallete","children","onChangeSearch","search","rest","handleChange","e","target","value","displayName","List","Item"],"sources":["../../../../src/components/CommandPallete/CommandPallete.tsx"],"sourcesContent":["import React, { ChangeEvent, PropsWithChildren } from \"react\";\nimport { Dialog, DialogProps } from \"../Dialog\";\n\nimport { StyledCommandPallete } from \"./CommandPallete.styles\";\nimport { CommandPalleteHeader } from \"./CommandPalleteHeader\";\nimport { CommandPalleteItem } from \"./CommandPalleteItem\";\nimport { CommandPalleteList } from \"./CommandPalleteList\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface CommandPalleteProps extends DialogProps {\n loading?: boolean;\n onChangeSearch: (search: string) => void;\n search: string;\n}\n\nexport const CommandPallete = ({\n children,\n onChangeSearch,\n search,\n ...rest\n}: PropsWithChildren<CommandPalleteProps>) => {\n // const [searchMode, setSearchMode] = useState<\"project\" | \"id\" | \"default\">(\n // \"project\"\n // );\n\n const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n onChangeSearch(e.target.value);\n };\n\n return (\n <Dialog {...rest}>\n <StyledCommandPallete>\n <CommandPalleteHeader search={search} handleChange={handleChange} />\n {children}\n </StyledCommandPallete>\n </Dialog>\n );\n};\n\nCommandPallete.displayName = \"CommandPallete\";\n\nCommandPallete.List = CommandPalleteList;\nCommandPallete.Item = CommandPalleteItem;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAA0C,OAAO;AAC7D,SAASC,MAAM,QAAqB,WAAW;AAE/C,SAASC,oBAAoB,QAAQ,yBAAyB;AAC9D,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,kBAAkB,QAAQ,sBAAsB;;AAEzD;;AAOA,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAc,OAKmB;EAAA,IAJ5CC,QAAQ,QAARA,QAAQ;IACRC,cAAc,QAAdA,cAAc;IACdC,MAAM,QAANA,MAAM;IACHC,IAAI;EAEP;EACA;EACA;;EAEA,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,CAAgC,EAAK;IACzDJ,cAAc,CAACI,CAAC,CAACC,MAAM,CAACC,KAAK,CAAC;EAChC,CAAC;EAED,oBACE,oBAAC,MAAM,EAAKJ,IAAI,eACd,oBAAC,oBAAoB,qBACnB,oBAAC,oBAAoB;IAAC,MAAM,EAAED,MAAO;IAAC,YAAY,EAAEE;EAAa,EAAG,EACnEJ,QAAQ,CACY,CAChB;AAEb,CAAC;AAEDD,cAAc,CAACS,WAAW,GAAG,gBAAgB;AAE7CT,cAAc,CAACU,IAAI,GAAGX,kBAAkB;AACxCC,cAAc,CAACW,IAAI,GAAGb,kBAAkB"}
@@ -0,0 +1,10 @@
1
+ export declare const StyledCommandPallete: import("styled-components").StyledComponent<"div", any, {}, never>;
2
+ export declare const StyledCommandPalleteHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
3
+ export declare const StyledSearchIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
4
+ export declare const StyledInput: import("styled-components").StyledComponent<"input", any, {}, never>;
5
+ export declare const StyledParameter: import("styled-components").StyledComponent<"span", any, {}, never>;
6
+ export declare const StyledActionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
7
+ export declare const StyledCommandPalleteItem: import("styled-components").StyledComponent<"li", any, {}, never>;
8
+ export declare const StyledIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
9
+ export declare const StyledCommandPalleteList: import("styled-components").StyledComponent<"ul", any, {}, never>;
10
+ //# sourceMappingURL=CommandPallete.styles.d.ts.map