@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.
- package/dist/cjs/components/CommandPallete/CommandPallete.js +38 -0
- package/dist/cjs/components/CommandPallete/CommandPallete.js.map +1 -0
- package/dist/cjs/components/CommandPallete/CommandPallete.styles.js +55 -0
- package/dist/cjs/components/CommandPallete/CommandPallete.styles.js.map +1 -0
- package/dist/cjs/components/CommandPallete/CommandPalleteHeader.js +40 -0
- package/dist/cjs/components/CommandPallete/CommandPalleteHeader.js.map +1 -0
- package/dist/cjs/components/CommandPallete/CommandPalleteItem.js +24 -0
- package/dist/cjs/components/CommandPallete/CommandPalleteItem.js.map +1 -0
- package/dist/cjs/components/CommandPallete/CommandPalleteList.js +19 -0
- package/dist/cjs/components/CommandPallete/CommandPalleteList.js.map +1 -0
- package/dist/cjs/components/CommandPallete/index.js +17 -0
- package/dist/cjs/components/CommandPallete/index.js.map +1 -0
- package/dist/cjs/components/Icons/collection/Close.js +48 -0
- package/dist/cjs/components/Icons/collection/Close.js.map +1 -0
- package/dist/cjs/components/Icons/collection/Hashtag.js +48 -0
- package/dist/cjs/components/Icons/collection/Hashtag.js.map +1 -0
- package/dist/cjs/components/Icons/collection/SearchLarge.js +48 -0
- package/dist/cjs/components/Icons/collection/SearchLarge.js.map +1 -0
- package/dist/cjs/components/Icons/collection/index.js +21 -0
- package/dist/cjs/components/Icons/collection/index.js.map +1 -1
- package/dist/esm/components/CommandPallete/CommandPallete.d.ts +20 -0
- package/dist/esm/components/CommandPallete/CommandPallete.d.ts.map +1 -0
- package/dist/esm/components/CommandPallete/CommandPallete.js +32 -0
- package/dist/esm/components/CommandPallete/CommandPallete.js.map +1 -0
- package/dist/esm/components/CommandPallete/CommandPallete.styles.d.ts +10 -0
- package/dist/esm/components/CommandPallete/CommandPallete.styles.d.ts.map +1 -0
- package/dist/esm/components/CommandPallete/CommandPallete.styles.js +39 -0
- package/dist/esm/components/CommandPallete/CommandPallete.styles.js.map +1 -0
- package/dist/esm/components/CommandPallete/CommandPalleteHeader.d.ts +11 -0
- package/dist/esm/components/CommandPallete/CommandPalleteHeader.d.ts.map +1 -0
- package/dist/esm/components/CommandPallete/CommandPalleteHeader.js +35 -0
- package/dist/esm/components/CommandPallete/CommandPalleteHeader.js.map +1 -0
- package/dist/esm/components/CommandPallete/CommandPalleteItem.d.ts +10 -0
- package/dist/esm/components/CommandPallete/CommandPalleteItem.d.ts.map +1 -0
- package/dist/esm/components/CommandPallete/CommandPalleteItem.js +16 -0
- package/dist/esm/components/CommandPallete/CommandPalleteItem.js.map +1 -0
- package/dist/esm/components/CommandPallete/CommandPalleteList.d.ts +8 -0
- package/dist/esm/components/CommandPallete/CommandPalleteList.d.ts.map +1 -0
- package/dist/esm/components/CommandPallete/CommandPalleteList.js +14 -0
- package/dist/esm/components/CommandPallete/CommandPalleteList.js.map +1 -0
- package/dist/esm/components/CommandPallete/index.d.ts +2 -0
- package/dist/esm/components/CommandPallete/index.d.ts.map +1 -0
- package/dist/esm/components/CommandPallete/index.js +2 -0
- package/dist/esm/components/CommandPallete/index.js.map +1 -0
- package/dist/esm/components/Icons/collection/Close.d.ts +23 -0
- package/dist/esm/components/Icons/collection/Close.d.ts.map +1 -0
- package/dist/esm/components/Icons/collection/Close.js +41 -0
- package/dist/esm/components/Icons/collection/Close.js.map +1 -0
- package/dist/esm/components/Icons/collection/Hashtag.d.ts +23 -0
- package/dist/esm/components/Icons/collection/Hashtag.d.ts.map +1 -0
- package/dist/esm/components/Icons/collection/Hashtag.js +41 -0
- package/dist/esm/components/Icons/collection/Hashtag.js.map +1 -0
- package/dist/esm/components/Icons/collection/SearchLarge.d.ts +23 -0
- package/dist/esm/components/Icons/collection/SearchLarge.d.ts.map +1 -0
- package/dist/esm/components/Icons/collection/SearchLarge.js +41 -0
- package/dist/esm/components/Icons/collection/SearchLarge.js.map +1 -0
- package/dist/esm/components/Icons/collection/index.d.ts +3 -0
- package/dist/esm/components/Icons/collection/index.d.ts.map +1 -1
- package/dist/esm/components/Icons/collection/index.js +3 -0
- package/dist/esm/components/Icons/collection/index.js.map +1 -1
- package/dist/index.js +117 -0
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- 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
|