@activecollab/components 1.0.214 → 1.0.216
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/ConfirmDialog/ConfirmDialog.js +2 -2
- package/dist/cjs/components/ConfirmDialog/ConfirmDialog.js.map +1 -1
- package/dist/cjs/components/Filter/Styles.js.map +1 -1
- package/dist/cjs/components/List/List.js +16 -6
- package/dist/cjs/components/List/List.js.map +1 -1
- package/dist/cjs/components/List/ListItem.js +4 -3
- package/dist/cjs/components/List/ListItem.js.map +1 -1
- package/dist/cjs/components/List/ListSeparator.js +8 -3
- package/dist/cjs/components/List/ListSeparator.js.map +1 -1
- package/dist/cjs/components/List/Styles.js +2 -18
- package/dist/cjs/components/List/Styles.js.map +1 -1
- package/dist/cjs/components/List/index.js.map +1 -1
- package/dist/esm/components/Autocomplete/Styles.d.ts +7 -1
- package/dist/esm/components/Autocomplete/Styles.d.ts.map +1 -1
- package/dist/esm/components/Breadcrumbs/Styles.d.ts +7 -1
- package/dist/esm/components/Breadcrumbs/Styles.d.ts.map +1 -1
- package/dist/esm/components/ConfirmDialog/ConfirmDialog.d.ts +2 -2
- package/dist/esm/components/ConfirmDialog/ConfirmDialog.d.ts.map +1 -1
- package/dist/esm/components/ConfirmDialog/ConfirmDialog.js +3 -3
- package/dist/esm/components/ConfirmDialog/ConfirmDialog.js.map +1 -1
- package/dist/esm/components/Filter/Styles.d.ts +9 -3
- package/dist/esm/components/Filter/Styles.d.ts.map +1 -1
- package/dist/esm/components/Filter/Styles.js.map +1 -1
- package/dist/esm/components/List/List.d.ts +10 -4
- package/dist/esm/components/List/List.d.ts.map +1 -1
- package/dist/esm/components/List/List.js +14 -5
- package/dist/esm/components/List/List.js.map +1 -1
- package/dist/esm/components/List/ListItem.d.ts +3 -4
- package/dist/esm/components/List/ListItem.d.ts.map +1 -1
- package/dist/esm/components/List/ListItem.js +4 -3
- package/dist/esm/components/List/ListItem.js.map +1 -1
- package/dist/esm/components/List/ListSeparator.d.ts +5 -2
- package/dist/esm/components/List/ListSeparator.d.ts.map +1 -1
- package/dist/esm/components/List/ListSeparator.js +7 -3
- package/dist/esm/components/List/ListSeparator.js.map +1 -1
- package/dist/esm/components/List/Styles.d.ts.map +1 -1
- package/dist/esm/components/List/Styles.js +2 -18
- package/dist/esm/components/List/Styles.js.map +1 -1
- package/dist/esm/components/List/index.d.ts.map +1 -1
- package/dist/esm/components/List/index.js +11 -0
- package/dist/esm/components/List/index.js.map +1 -1
- package/dist/esm/components/SelectDate/Styles.d.ts +1 -1
- package/dist/esm/components/SelectDate/Styles.d.ts.map +1 -1
- package/dist/index.js +55 -60
- 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
|
@@ -37,11 +37,11 @@ var ConfirmDialog = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
37
37
|
onClose: onCancel,
|
|
38
38
|
className: (0, _classnames.default)("c-confirm-dialog", className),
|
|
39
39
|
disableCloseOnEsc: isLoading
|
|
40
|
-
}, /*#__PURE__*/_react.default.createElement(_Dialog.
|
|
40
|
+
}, /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.Title, null, dialogTitle), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.ContentDivider, null), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.Content, null, /*#__PURE__*/_react.default.createElement(_Body.Body2, {
|
|
41
41
|
lineHeight: "loose",
|
|
42
42
|
color: "secondary",
|
|
43
43
|
whitespace: "pre-line"
|
|
44
|
-
}, dialogContent)), /*#__PURE__*/_react.default.createElement(_Dialog.
|
|
44
|
+
}, dialogContent)), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.ContentDivider, null), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.Actions, null, /*#__PURE__*/_react.default.createElement(_Button.Button, {
|
|
45
45
|
variant: "primary",
|
|
46
46
|
style: {
|
|
47
47
|
marginRight: "12px"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConfirmDialog.js","names":["ConfirmDialog","forwardRef","ref","open","onCancel","onConfirm","className","dialogTitle","dialogContent","confirmBtnText","cancelBtnText","shouldShowCancelButton","isLoading","classnames","marginRight","displayName"],"sources":["../../../../src/components/ConfirmDialog/ConfirmDialog.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport {
|
|
1
|
+
{"version":3,"file":"ConfirmDialog.js","names":["ConfirmDialog","forwardRef","ref","open","onCancel","onConfirm","className","dialogTitle","dialogContent","confirmBtnText","cancelBtnText","shouldShowCancelButton","isLoading","classnames","marginRight","displayName"],"sources":["../../../../src/components/ConfirmDialog/ConfirmDialog.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport { Dialog } from \"../Dialog\";\nimport { Button } from \"../Button/Button\";\nimport { Body2 } from \"../Typography/Variants/Body2\";\n\nexport interface ConfirmDialogProps {\n open?: boolean;\n onCancel?: () => void;\n onConfirm?: () => void;\n className?: string;\n dialogTitle?: string;\n dialogContent?: string;\n confirmBtnText?: string;\n cancelBtnText?: string;\n shouldShowCancelButton?: boolean;\n isLoading?: boolean;\n}\n\nexport const ConfirmDialog = forwardRef<HTMLDivElement, ConfirmDialogProps>(\n (\n {\n open = false,\n onCancel,\n onConfirm,\n className,\n dialogTitle = \"Discard changes?\",\n dialogContent = \"All unsaved changes will be lost.\",\n confirmBtnText = \"OK\",\n cancelBtnText = \"Cancel\",\n shouldShowCancelButton = true,\n isLoading = false,\n },\n ref\n ) => {\n return (\n <Dialog\n ref={ref}\n open={open}\n onClose={onCancel}\n className={classnames(\"c-confirm-dialog\", className)}\n disableCloseOnEsc={isLoading}\n >\n <Dialog.Title>{dialogTitle}</Dialog.Title>\n <Dialog.ContentDivider />\n <Dialog.Content>\n <Body2 lineHeight=\"loose\" color=\"secondary\" whitespace=\"pre-line\">\n {dialogContent}\n </Body2>\n </Dialog.Content>\n <Dialog.ContentDivider />\n <Dialog.Actions>\n <Button\n variant=\"primary\"\n style={{ marginRight: \"12px\" }}\n onClick={onConfirm}\n disabled={isLoading}\n >\n {confirmBtnText}\n </Button>\n {shouldShowCancelButton ? (\n <Button\n variant=\"secondary\"\n data-action=\"cancel\"\n onClick={onCancel}\n type=\"button\"\n disabled={isLoading}\n >\n {cancelBtnText}\n </Button>\n ) : null}\n </Dialog.Actions>\n </Dialog>\n );\n }\n);\n\nConfirmDialog.displayName = \"ConfirmDialog\";\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AAAqD;AAAA;AAAA;AAe9C,IAAMA,aAAa,gBAAG,IAAAC,iBAAU,EACrC,gBAaEC,GAAG,EACA;EAAA,qBAZDC,IAAI;IAAJA,IAAI,0BAAG,KAAK;IACZC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACTC,SAAS,QAATA,SAAS;IAAA,wBACTC,WAAW;IAAXA,WAAW,iCAAG,kBAAkB;IAAA,0BAChCC,aAAa;IAAbA,aAAa,mCAAG,mCAAmC;IAAA,2BACnDC,cAAc;IAAdA,cAAc,oCAAG,IAAI;IAAA,0BACrBC,aAAa;IAAbA,aAAa,mCAAG,QAAQ;IAAA,6BACxBC,sBAAsB;IAAtBA,sBAAsB,sCAAG,IAAI;IAAA,sBAC7BC,SAAS;IAATA,SAAS,+BAAG,KAAK;EAInB,oBACE,6BAAC,cAAM;IACL,GAAG,EAAEV,GAAI;IACT,IAAI,EAAEC,IAAK;IACX,OAAO,EAAEC,QAAS;IAClB,SAAS,EAAE,IAAAS,mBAAU,EAAC,kBAAkB,EAAEP,SAAS,CAAE;IACrD,iBAAiB,EAAEM;EAAU,gBAE7B,6BAAC,cAAM,CAAC,KAAK,QAAEL,WAAW,CAAgB,eAC1C,6BAAC,cAAM,CAAC,cAAc,OAAG,eACzB,6BAAC,cAAM,CAAC,OAAO,qBACb,6BAAC,WAAK;IAAC,UAAU,EAAC,OAAO;IAAC,KAAK,EAAC,WAAW;IAAC,UAAU,EAAC;EAAU,GAC9DC,aAAa,CACR,CACO,eACjB,6BAAC,cAAM,CAAC,cAAc,OAAG,eACzB,6BAAC,cAAM,CAAC,OAAO,qBACb,6BAAC,cAAM;IACL,OAAO,EAAC,SAAS;IACjB,KAAK,EAAE;MAAEM,WAAW,EAAE;IAAO,CAAE;IAC/B,OAAO,EAAET,SAAU;IACnB,QAAQ,EAAEO;EAAU,GAEnBH,cAAc,CACR,EACRE,sBAAsB,gBACrB,6BAAC,cAAM;IACL,OAAO,EAAC,WAAW;IACnB,eAAY,QAAQ;IACpB,OAAO,EAAEP,QAAS;IAClB,IAAI,EAAC,QAAQ;IACb,QAAQ,EAAEQ;EAAU,GAEnBF,aAAa,CACP,GACP,IAAI,CACO,CACV;AAEb,CAAC,CACF;AAAC;AAEFV,aAAa,CAACe,WAAW,GAAG,eAAe"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.js","names":["StyledMenu","styled","Menu","StyledMenuFooter","MenuFooter","StyledStartMenuList","List","StyledStartMenuListItem","ListItem","StyledStartMenuTitle","div","StyledStartMenuNoResults","StyledStartMenuDot","span","displayName"],"sources":["../../../../src/components/Filter/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { Menu, IMenu, MenuFooter, IMenuFooter } from \"../Menu\";\nimport { ListItem,
|
|
1
|
+
{"version":3,"file":"Styles.js","names":["StyledMenu","styled","Menu","StyledMenuFooter","MenuFooter","StyledStartMenuList","List","StyledStartMenuListItem","ListItem","StyledStartMenuTitle","div","StyledStartMenuNoResults","StyledStartMenuDot","span","displayName"],"sources":["../../../../src/components/Filter/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { Menu, IMenu, MenuFooter, IMenuFooter } from \"../Menu\";\nimport { ListItem, ListProps, List, ListItemProps } from \"../List\";\nimport tw from \"twin.macro\";\n\nexport const StyledMenu = styled(Menu)<IMenu>`\n ${tw`tw-relative`}\n ${tw`tw-overflow-hidden`}\n`;\n\nexport const StyledMenuFooter = styled(MenuFooter)<IMenuFooter>`\n ${tw`tw-justify-center`}\n`;\n\nexport const StyledStartMenuList = styled(List)<ListProps>`\n ${tw`tw-py-2`}\n`;\n\nexport const StyledStartMenuListItem = styled(ListItem)<ListItemProps>`\n ${tw`tw-pr-3`}\n`;\n\nexport const StyledStartMenuTitle = styled.div`\n ${tw`tw-flex-1`}\n`;\n\nexport const StyledStartMenuNoResults = styled.div`\n ${tw`tw-py-0.5`}\n ${tw`tw-text-center`}\n`;\n\nexport const StyledStartMenuDot = styled.span`\n border-radius: 50%;\n background-color: var(--color-primary);\n color: var(--page-paper-main);\n line-height: 15px;\n width: 15px;\n font-weight: bold;\n font-size: 10px;\n text-align: center;\n margin-left: 4px;\n`;\n\nStyledMenu.displayName = \"StyledMenu\";\nStyledMenuFooter.displayName = \"StyledMenuFooter\";\nStyledStartMenuList.displayName = \"StyledStartMenuList\";\nStyledStartMenuListItem.displayName = \"StyledStartMenuListItem\";\nStyledStartMenuTitle.displayName = \"StyledStartMenuTitle\";\nStyledStartMenuDot.displayName = \"StyledStartMenuDot\";\nStyledStartMenuNoResults.displayName = \"StyledStartMenuNoResults\";\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAmE;AAG5D,IAAMA,UAAU,GAAG,IAAAC,yBAAM,EAACC,UAAI,CAAC;EAAA;EAAA;AAAA,kBAChC;EAAA;AAAY,CAAC,EACb;EAAA;AAAmB,CAAC,CACzB;AAAC;AAEK,IAAMC,gBAAgB,GAAG,IAAAF,yBAAM,EAACG,gBAAU,CAAC;EAAA;EAAA;AAAA,aAC5C;EAAA;AAAkB,CAAC,CACxB;AAAC;AAEK,IAAMC,mBAAmB,GAAG,IAAAJ,yBAAM,EAACK,UAAI,CAAC;EAAA;EAAA;AAAA,aACzC;EAAA;EAAA;AAAQ,CAAC,CACd;AAAC;AAEK,IAAMC,uBAAuB,GAAG,IAAAN,yBAAM,EAACO,cAAQ,CAAC;EAAA;EAAA;AAAA,aACjD;EAAA;AAAQ,CAAC,CACd;AAAC;AAEK,IAAMC,oBAAoB,GAAGR,yBAAM,CAACS,GAAG;EAAA;EAAA;AAAA,aACxC;EAAA;AAAU,CAAC,CAChB;AAAC;AAEK,IAAMC,wBAAwB,GAAGV,yBAAM,CAACS,GAAG;EAAA;EAAA;AAAA,kBAC5C;EAAA;EAAA;AAAU,CAAC,EACX;EAAA;AAAe,CAAC,CACrB;AAAC;AAEK,IAAME,kBAAkB,GAAGX,yBAAM,CAACY,IAAI;EAAA;EAAA;AAAA,2LAU5C;AAAC;AAEFb,UAAU,CAACc,WAAW,GAAG,YAAY;AACrCX,gBAAgB,CAACW,WAAW,GAAG,kBAAkB;AACjDT,mBAAmB,CAACS,WAAW,GAAG,qBAAqB;AACvDP,uBAAuB,CAACO,WAAW,GAAG,yBAAyB;AAC/DL,oBAAoB,CAACK,WAAW,GAAG,sBAAsB;AACzDF,kBAAkB,CAACE,WAAW,GAAG,oBAAoB;AACrDH,wBAAwB,CAACG,WAAW,GAAG,0BAA0B"}
|
|
@@ -4,8 +4,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.List = void 0;
|
|
7
|
+
exports._List = exports.List = void 0;
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _ListItem = require("./ListItem");
|
|
10
|
+
var _ListSeparator = require("./ListSeparator");
|
|
9
11
|
var _Styles = require("./Styles");
|
|
10
12
|
var _excluded = ["children", "className"];
|
|
11
13
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
@@ -13,15 +15,23 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
13
15
|
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); }
|
|
14
16
|
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; }
|
|
15
17
|
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; }
|
|
16
|
-
var
|
|
18
|
+
var _List = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
17
19
|
var children = _ref.children,
|
|
18
20
|
className = _ref.className,
|
|
19
21
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
20
|
-
return /*#__PURE__*/_react.default.createElement(_Styles.StyledList, _extends({
|
|
22
|
+
return /*#__PURE__*/_react.default.createElement(_Styles.StyledList, _extends({
|
|
21
23
|
className: className,
|
|
22
|
-
ref: ref
|
|
23
|
-
|
|
24
|
+
ref: ref,
|
|
25
|
+
tabIndex: -1
|
|
26
|
+
}, props), children);
|
|
27
|
+
});
|
|
28
|
+
exports._List = _List;
|
|
29
|
+
_List.displayName = "List";
|
|
30
|
+
|
|
31
|
+
// https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757
|
|
32
|
+
var List = Object.assign({}, _List, {
|
|
33
|
+
Item: _ListItem.ListItem,
|
|
34
|
+
Separator: _ListSeparator.ListSeparator
|
|
24
35
|
});
|
|
25
36
|
exports.List = List;
|
|
26
|
-
List.displayName = "List";
|
|
27
37
|
//# sourceMappingURL=List.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.js","names":["
|
|
1
|
+
{"version":3,"file":"List.js","names":["_List","forwardRef","ref","children","className","props","displayName","List","Object","assign","Item","ListItem","Separator","ListSeparator"],"sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import React, {\n forwardRef,\n HTMLAttributes,\n Ref,\n PropsWithChildren,\n} from \"react\";\n\nimport { ListItem } from \"./ListItem\";\nimport { ListSeparator } from \"./ListSeparator\";\n\nimport { StyledList } from \"./Styles\";\n\nexport interface ListProps {\n /** Applies passed classes */\n className?: string;\n}\n\nexport const _List = forwardRef(\n (\n {\n children,\n className,\n ...props\n }: PropsWithChildren<ListProps> & HTMLAttributes<HTMLUListElement>,\n ref: Ref<HTMLUListElement> | null | undefined\n ) => {\n return (\n <StyledList className={className} ref={ref} tabIndex={-1} {...props}>\n {children}\n </StyledList>\n );\n }\n);\n\n_List.displayName = \"List\";\n\n// https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757\nexport const List = Object.assign({}, _List, {\n Item: ListItem,\n Separator: ListSeparator,\n});\n"],"mappings":";;;;;;;AAAA;AAOA;AACA;AAEA;AAAsC;AAAA;AAAA;AAAA;AAAA;AAAA;AAO/B,IAAMA,KAAK,gBAAG,IAAAC,iBAAU,EAC7B,gBAMEC,GAA6C,EAC1C;EAAA,IALDC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACNC,KAAK;EAIV,oBACE,6BAAC,kBAAU;IAAC,SAAS,EAAED,SAAU;IAAC,GAAG,EAAEF,GAAI;IAAC,QAAQ,EAAE,CAAC;EAAE,GAAKG,KAAK,GAChEF,QAAQ,CACE;AAEjB,CAAC,CACF;AAAC;AAEFH,KAAK,CAACM,WAAW,GAAG,MAAM;;AAE1B;AACO,IAAMC,IAAI,GAAGC,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAET,KAAK,EAAE;EAC3CU,IAAI,EAAEC,kBAAQ;EACdC,SAAS,EAAEC;AACb,CAAC,CAAC;AAAC"}
|
|
@@ -19,10 +19,11 @@ var ListItem = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
19
19
|
var children = _ref.children,
|
|
20
20
|
className = _ref.className,
|
|
21
21
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
22
|
-
return /*#__PURE__*/_react.default.createElement(_Styles.StyledListItem, _extends({
|
|
22
|
+
return /*#__PURE__*/_react.default.createElement(_Styles.StyledListItem, _extends({
|
|
23
23
|
className: (0, _classnames.default)("c-list-item", className),
|
|
24
|
-
ref: ref
|
|
25
|
-
|
|
24
|
+
ref: ref,
|
|
25
|
+
tabIndex: 0
|
|
26
|
+
}, props), children);
|
|
26
27
|
});
|
|
27
28
|
exports.ListItem = ListItem;
|
|
28
29
|
ListItem.displayName = "ListItem";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.js","names":["ListItem","forwardRef","ref","children","className","props","classnames","displayName"],"sources":["../../../../src/components/List/ListItem.tsx"],"sourcesContent":["import React, {
|
|
1
|
+
{"version":3,"file":"ListItem.js","names":["ListItem","forwardRef","ref","children","className","props","classnames","displayName"],"sources":["../../../../src/components/List/ListItem.tsx"],"sourcesContent":["import React, {\n forwardRef,\n HTMLAttributes,\n PropsWithChildren,\n Ref,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { StyledListItem } from \"./Styles\";\n\nexport interface ListItemProps {\n className?: string;\n}\n\nexport const ListItem = forwardRef(\n (\n {\n children,\n className,\n ...props\n }: PropsWithChildren<ListItemProps> & HTMLAttributes<HTMLLIElement>,\n ref: Ref<HTMLLIElement> | null | undefined\n ) => {\n return (\n <StyledListItem\n className={classnames(\"c-list-item\", className)}\n ref={ref}\n tabIndex={0}\n {...props}\n >\n {children}\n </StyledListItem>\n );\n }\n);\n\nListItem.displayName = \"ListItem\";\n"],"mappings":";;;;;;;AAAA;AAMA;AACA;AAA0C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMnC,IAAMA,QAAQ,gBAAG,IAAAC,iBAAU,EAChC,gBAMEC,GAA0C,EACvC;EAAA,IALDC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACNC,KAAK;EAIV,oBACE,6BAAC,sBAAc;IACb,SAAS,EAAE,IAAAC,mBAAU,EAAC,aAAa,EAAEF,SAAS,CAAE;IAChD,GAAG,EAAEF,GAAI;IACT,QAAQ,EAAE;EAAE,GACRG,KAAK,GAERF,QAAQ,CACM;AAErB,CAAC,CACF;AAAC;AAEFH,QAAQ,CAACO,WAAW,GAAG,UAAU"}
|
|
@@ -7,12 +7,17 @@ exports.ListSeparator = void 0;
|
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
9
9
|
var _Styles = require("./Styles");
|
|
10
|
+
var _excluded = ["className"];
|
|
10
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
+
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); }
|
|
13
|
+
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; }
|
|
14
|
+
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; }
|
|
11
15
|
var ListSeparator = function ListSeparator(_ref) {
|
|
12
|
-
var className = _ref.className
|
|
13
|
-
|
|
16
|
+
var className = _ref.className,
|
|
17
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
18
|
+
return /*#__PURE__*/_react.default.createElement(_Styles.StyledListSeparator, _extends({
|
|
14
19
|
className: (0, _classnames.default)("c-list-separator", className)
|
|
15
|
-
});
|
|
20
|
+
}, props));
|
|
16
21
|
};
|
|
17
22
|
exports.ListSeparator = ListSeparator;
|
|
18
23
|
ListSeparator.displayName = "ListSeparator";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListSeparator.js","names":["ListSeparator","className","classnames","displayName"],"sources":["../../../../src/components/List/ListSeparator.tsx"],"sourcesContent":["import React, {
|
|
1
|
+
{"version":3,"file":"ListSeparator.js","names":["ListSeparator","className","props","classnames","displayName"],"sources":["../../../../src/components/List/ListSeparator.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledListSeparator } from \"./Styles\";\n\nexport const ListSeparator = ({\n className,\n ...props\n}: HTMLAttributes<HTMLDivElement>) => {\n return (\n <StyledListSeparator\n className={classnames(\"c-list-separator\", className)}\n {...props}\n />\n );\n};\n\nListSeparator.displayName = \"ListSeparator\";\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAA+C;AAAA;AAAA;AAAA;AAAA;AAExC,IAAMA,aAAa,GAAG,SAAhBA,aAAa,OAGY;EAAA,IAFpCC,SAAS,QAATA,SAAS;IACNC,KAAK;EAER,oBACE,6BAAC,2BAAmB;IAClB,SAAS,EAAE,IAAAC,mBAAU,EAAC,kBAAkB,EAAEF,SAAS;EAAE,GACjDC,KAAK,EACT;AAEN,CAAC;AAAC;AAEFF,aAAa,CAACI,WAAW,GAAG,eAAe"}
|
|
@@ -11,29 +11,13 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
11
11
|
var StyledList = _styledComponents.default.ul.withConfig({
|
|
12
12
|
displayName: "Styles__StyledList",
|
|
13
13
|
componentId: "sc-dv1w0m-0"
|
|
14
|
-
})([""
|
|
15
|
-
"listStyleType": "none",
|
|
16
|
-
"margin": "0px",
|
|
17
|
-
"padding": "0px"
|
|
18
|
-
});
|
|
14
|
+
})(["list-style-type:none;margin:0;padding:0;"]);
|
|
19
15
|
exports.StyledList = StyledList;
|
|
20
16
|
StyledList.displayName = "StyledList";
|
|
21
17
|
var StyledListItem = _styledComponents.default.li.withConfig({
|
|
22
18
|
displayName: "Styles__StyledListItem",
|
|
23
19
|
componentId: "sc-dv1w0m-1"
|
|
24
|
-
})(["", " ", "
|
|
25
|
-
"display": "flex",
|
|
26
|
-
"flexDirection": "row",
|
|
27
|
-
"alignItems": "center",
|
|
28
|
-
"cursor": "pointer",
|
|
29
|
-
"paddingLeft": "1rem",
|
|
30
|
-
"paddingRight": "1rem",
|
|
31
|
-
"marginTop": "0.25rem",
|
|
32
|
-
"marginBottom": "0.25rem",
|
|
33
|
-
"fontSize": "0.875rem",
|
|
34
|
-
"lineHeight": "1.25rem",
|
|
35
|
-
"userSelect": "none"
|
|
36
|
-
}, _BoxSizingStyle.BoxSizingStyle, _FontStyle.FontStyle);
|
|
20
|
+
})(["", " ", " display:flex;flex-direction:row;align-items:center;cursor:pointer;padding:0 1rem;margin:0.25rem 0;font-size:0.875rem;user-select:none;color:var(--color-theme-900);line-height:28px;> svg:first-child{margin-right:8px;}&:hover,&:focus-visible{background-color:var(--color-theme-200);outline:none;}"], _BoxSizingStyle.BoxSizingStyle, _FontStyle.FontStyle);
|
|
37
21
|
exports.StyledListItem = StyledListItem;
|
|
38
22
|
StyledListItem.displayName = "StyledListItem";
|
|
39
23
|
var StyledListSeparator = _styledComponents.default.div.withConfig({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.js","names":["StyledList","styled","ul","displayName","StyledListItem","li","BoxSizingStyle","FontStyle","StyledListSeparator","div"],"sources":["../../../../src/components/List/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport
|
|
1
|
+
{"version":3,"file":"Styles.js","names":["StyledList","styled","ul","displayName","StyledListItem","li","BoxSizingStyle","FontStyle","StyledListSeparator","div"],"sources":["../../../../src/components/List/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nexport const StyledList = styled.ul`\n list-style-type: none;\n margin: 0;\n padding: 0;\n`;\n\nStyledList.displayName = \"StyledList\";\n\nexport const StyledListItem = styled.li`\n ${BoxSizingStyle}\n ${FontStyle}\n\n display: flex;\n flex-direction: row;\n align-items: center;\n cursor: pointer;\n padding: 0 1rem;\n margin: 0.25rem 0;\n font-size: 0.875rem;\n user-select: none;\n\n color: var(--color-theme-900);\n line-height: 28px;\n\n > svg:first-child {\n margin-right: 8px;\n }\n\n &:hover,\n &:focus-visible {\n background-color: var(--color-theme-200);\n outline: none;\n }\n`;\n\nStyledListItem.displayName = \"StyledListItem\";\n\nexport const StyledListSeparator = styled.div`\n border-top: 1px solid var(--border-primary);\n margin: 12px 16px;\n height: 1px;\n`;\n\nStyledListSeparator.displayName = \"StyledListSeparator\";\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAmD;AAE5C,IAAMA,UAAU,GAAGC,yBAAM,CAACC,EAAE;EAAA;EAAA;AAAA,gDAIlC;AAAC;AAEFF,UAAU,CAACG,WAAW,GAAG,YAAY;AAE9B,IAAMC,cAAc,GAAGH,yBAAM,CAACI,EAAE;EAAA;EAAA;AAAA,yTACnCC,8BAAc,EACdC,oBAAS,CAuBZ;AAAC;AAEFH,cAAc,CAACD,WAAW,GAAG,gBAAgB;AAEtC,IAAMK,mBAAmB,GAAGP,yBAAM,CAACQ,GAAG;EAAA;EAAA;AAAA,+EAI5C;AAAC;AAEFD,mBAAmB,CAACL,WAAW,GAAG,qBAAqB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/List/index.ts"],"sourcesContent":["export * from \"./List\";\nexport * from \"./ListItem\";\nexport * from \"./ListSeparator\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/List/index.ts"],"sourcesContent":["export * from \"./List\";\n\n// @TODO:\n// Nakon refaktora List komponente na legacy AC-u i Next-u, obrisati individualne exporte.\n// Korisčenje će se svesti samo na `import { List } from @activecollab/components`.\n\n// <List>\n// <List.Item>Hello</List.Item>\n// ...\n// <List.Separator />\n// ...\n// </List>\nexport * from \"./ListItem\";\nexport * from \"./ListSeparator\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAYA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
|
|
@@ -2,7 +2,13 @@
|
|
|
2
2
|
export declare const StyledAutocompleteScrollShadow: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../ScrollShadow").IScrollShadowProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {
|
|
3
3
|
$isHidden: boolean;
|
|
4
4
|
}, never>;
|
|
5
|
-
export declare const StyledAutocompleteBody: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../List").
|
|
5
|
+
export declare const StyledAutocompleteBody: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../List").ListProps & import("react").HTMLAttributes<HTMLUListElement> & import("react").RefAttributes<HTMLUListElement>> & {
|
|
6
|
+
Item: import("react").ForwardRefExoticComponent<import("../List").ListItemProps & import("react").HTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
|
|
7
|
+
Separator: {
|
|
8
|
+
({ className, ...props }: import("react").HTMLAttributes<HTMLDivElement>): JSX.Element;
|
|
9
|
+
displayName: string;
|
|
10
|
+
};
|
|
11
|
+
}, any, {}, never>;
|
|
6
12
|
export declare const StyledAutocompleteNoResult: import("styled-components").StyledComponent<"li", any, {}, never>;
|
|
7
13
|
export declare const StyledAutocompleteNewItem: import("styled-components").StyledComponent<"li", any, {
|
|
8
14
|
hover?: boolean | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Autocomplete/Styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,8BAA8B;eAC9B,OAAO;SASnB,CAAC;AAIF,eAAO,MAAM,sBAAsB,
|
|
1
|
+
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Autocomplete/Styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,8BAA8B;eAC9B,OAAO;SASnB,CAAC;AAIF,eAAO,MAAM,sBAAsB;;;;;;kBAIlC,CAAC;AAIF,eAAO,MAAM,0BAA0B,mEAWtC,CAAC;AAIF,eAAO,MAAM,yBAAyB;;;;SAerC,CAAC"}
|
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
export declare const StyledNavElement: import("styled-components").StyledComponent<"nav", any, {}, never>;
|
|
3
3
|
export declare const StyledListWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
4
4
|
export declare const StyledOList: import("styled-components").StyledComponent<"ol", any, {}, never>;
|
|
5
|
-
export declare const StyledMenuList: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../List").
|
|
5
|
+
export declare const StyledMenuList: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../List").ListProps & import("react").HTMLAttributes<HTMLUListElement> & import("react").RefAttributes<HTMLUListElement>> & {
|
|
6
|
+
Item: import("react").ForwardRefExoticComponent<import("../List").ListItemProps & import("react").HTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
|
|
7
|
+
Separator: {
|
|
8
|
+
({ className, ...props }: import("react").HTMLAttributes<HTMLDivElement>): JSX.Element;
|
|
9
|
+
displayName: string;
|
|
10
|
+
};
|
|
11
|
+
}, any, {}, never>;
|
|
6
12
|
export declare const StyledBreadcrumbListItem: import("styled-components").StyledComponent<"li", any, {}, never>;
|
|
7
13
|
//# sourceMappingURL=Styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/Styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,gBAAgB,oEAK5B,CAAC;AAIF,eAAO,MAAM,iBAAiB,oEAE7B,CAAC;AAIF,eAAO,MAAM,WAAW,mEAOvB,CAAC;AAIF,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/Styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,gBAAgB,oEAK5B,CAAC;AAIF,eAAO,MAAM,iBAAiB,oEAE7B,CAAC;AAIF,eAAO,MAAM,WAAW,mEAOvB,CAAC;AAIF,eAAO,MAAM,cAAc;;;;;;kBAE1B,CAAC;AAIF,eAAO,MAAM,wBAAwB,mEAGpC,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
export interface
|
|
2
|
+
export interface ConfirmDialogProps {
|
|
3
3
|
open?: boolean;
|
|
4
4
|
onCancel?: () => void;
|
|
5
5
|
onConfirm?: () => void;
|
|
@@ -11,5 +11,5 @@ export interface IConfirmDialog {
|
|
|
11
11
|
shouldShowCancelButton?: boolean;
|
|
12
12
|
isLoading?: boolean;
|
|
13
13
|
}
|
|
14
|
-
export declare const ConfirmDialog: React.ForwardRefExoticComponent<
|
|
14
|
+
export declare const ConfirmDialog: React.ForwardRefExoticComponent<ConfirmDialogProps & React.RefAttributes<HTMLDivElement>>;
|
|
15
15
|
//# sourceMappingURL=ConfirmDialog.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/ConfirmDialog/ConfirmDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/ConfirmDialog/ConfirmDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,aAAa,2FAwDzB,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { forwardRef } from "react";
|
|
2
2
|
import classnames from "classnames";
|
|
3
|
-
import { Dialog
|
|
3
|
+
import { Dialog } from "../Dialog";
|
|
4
4
|
import { Button } from "../Button/Button";
|
|
5
5
|
import { Body2 } from "../Typography/Variants/Body2";
|
|
6
6
|
export var ConfirmDialog = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
@@ -27,11 +27,11 @@ export var ConfirmDialog = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
27
27
|
onClose: onCancel,
|
|
28
28
|
className: classnames("c-confirm-dialog", className),
|
|
29
29
|
disableCloseOnEsc: isLoading
|
|
30
|
-
}, /*#__PURE__*/React.createElement(
|
|
30
|
+
}, /*#__PURE__*/React.createElement(Dialog.Title, null, dialogTitle), /*#__PURE__*/React.createElement(Dialog.ContentDivider, null), /*#__PURE__*/React.createElement(Dialog.Content, null, /*#__PURE__*/React.createElement(Body2, {
|
|
31
31
|
lineHeight: "loose",
|
|
32
32
|
color: "secondary",
|
|
33
33
|
whitespace: "pre-line"
|
|
34
|
-
}, dialogContent)), /*#__PURE__*/React.createElement(
|
|
34
|
+
}, dialogContent)), /*#__PURE__*/React.createElement(Dialog.ContentDivider, null), /*#__PURE__*/React.createElement(Dialog.Actions, null, /*#__PURE__*/React.createElement(Button, {
|
|
35
35
|
variant: "primary",
|
|
36
36
|
style: {
|
|
37
37
|
marginRight: "12px"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConfirmDialog.js","names":["React","forwardRef","classnames","Dialog","
|
|
1
|
+
{"version":3,"file":"ConfirmDialog.js","names":["React","forwardRef","classnames","Dialog","Button","Body2","ConfirmDialog","ref","open","onCancel","onConfirm","className","dialogTitle","dialogContent","confirmBtnText","cancelBtnText","shouldShowCancelButton","isLoading","marginRight","displayName"],"sources":["../../../../src/components/ConfirmDialog/ConfirmDialog.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport { Dialog } from \"../Dialog\";\nimport { Button } from \"../Button/Button\";\nimport { Body2 } from \"../Typography/Variants/Body2\";\n\nexport interface ConfirmDialogProps {\n open?: boolean;\n onCancel?: () => void;\n onConfirm?: () => void;\n className?: string;\n dialogTitle?: string;\n dialogContent?: string;\n confirmBtnText?: string;\n cancelBtnText?: string;\n shouldShowCancelButton?: boolean;\n isLoading?: boolean;\n}\n\nexport const ConfirmDialog = forwardRef<HTMLDivElement, ConfirmDialogProps>(\n (\n {\n open = false,\n onCancel,\n onConfirm,\n className,\n dialogTitle = \"Discard changes?\",\n dialogContent = \"All unsaved changes will be lost.\",\n confirmBtnText = \"OK\",\n cancelBtnText = \"Cancel\",\n shouldShowCancelButton = true,\n isLoading = false,\n },\n ref\n ) => {\n return (\n <Dialog\n ref={ref}\n open={open}\n onClose={onCancel}\n className={classnames(\"c-confirm-dialog\", className)}\n disableCloseOnEsc={isLoading}\n >\n <Dialog.Title>{dialogTitle}</Dialog.Title>\n <Dialog.ContentDivider />\n <Dialog.Content>\n <Body2 lineHeight=\"loose\" color=\"secondary\" whitespace=\"pre-line\">\n {dialogContent}\n </Body2>\n </Dialog.Content>\n <Dialog.ContentDivider />\n <Dialog.Actions>\n <Button\n variant=\"primary\"\n style={{ marginRight: \"12px\" }}\n onClick={onConfirm}\n disabled={isLoading}\n >\n {confirmBtnText}\n </Button>\n {shouldShowCancelButton ? (\n <Button\n variant=\"secondary\"\n data-action=\"cancel\"\n onClick={onCancel}\n type=\"button\"\n disabled={isLoading}\n >\n {cancelBtnText}\n </Button>\n ) : null}\n </Dialog.Actions>\n </Dialog>\n );\n }\n);\n\nConfirmDialog.displayName = \"ConfirmDialog\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,KAAK,QAAQ,8BAA8B;AAepD,OAAO,IAAMC,aAAa,gBAAGL,UAAU,CACrC,gBAaEM,GAAG,EACA;EAAA,qBAZDC,IAAI;IAAJA,IAAI,0BAAG,KAAK;IACZC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACTC,SAAS,QAATA,SAAS;IAAA,wBACTC,WAAW;IAAXA,WAAW,iCAAG,kBAAkB;IAAA,0BAChCC,aAAa;IAAbA,aAAa,mCAAG,mCAAmC;IAAA,2BACnDC,cAAc;IAAdA,cAAc,oCAAG,IAAI;IAAA,0BACrBC,aAAa;IAAbA,aAAa,mCAAG,QAAQ;IAAA,6BACxBC,sBAAsB;IAAtBA,sBAAsB,sCAAG,IAAI;IAAA,sBAC7BC,SAAS;IAATA,SAAS,+BAAG,KAAK;EAInB,oBACE,oBAAC,MAAM;IACL,GAAG,EAAEV,GAAI;IACT,IAAI,EAAEC,IAAK;IACX,OAAO,EAAEC,QAAS;IAClB,SAAS,EAAEP,UAAU,CAAC,kBAAkB,EAAES,SAAS,CAAE;IACrD,iBAAiB,EAAEM;EAAU,gBAE7B,oBAAC,MAAM,CAAC,KAAK,QAAEL,WAAW,CAAgB,eAC1C,oBAAC,MAAM,CAAC,cAAc,OAAG,eACzB,oBAAC,MAAM,CAAC,OAAO,qBACb,oBAAC,KAAK;IAAC,UAAU,EAAC,OAAO;IAAC,KAAK,EAAC,WAAW;IAAC,UAAU,EAAC;EAAU,GAC9DC,aAAa,CACR,CACO,eACjB,oBAAC,MAAM,CAAC,cAAc,OAAG,eACzB,oBAAC,MAAM,CAAC,OAAO,qBACb,oBAAC,MAAM;IACL,OAAO,EAAC,SAAS;IACjB,KAAK,EAAE;MAAEK,WAAW,EAAE;IAAO,CAAE;IAC/B,OAAO,EAAER,SAAU;IACnB,QAAQ,EAAEO;EAAU,GAEnBH,cAAc,CACR,EACRE,sBAAsB,gBACrB,oBAAC,MAAM;IACL,OAAO,EAAC,WAAW;IACnB,eAAY,QAAQ;IACpB,OAAO,EAAEP,QAAS;IAClB,IAAI,EAAC,QAAQ;IACb,QAAQ,EAAEQ;EAAU,GAEnBF,aAAa,CACP,GACP,IAAI,CACO,CACV;AAEb,CAAC,CACF;AAEDT,aAAa,CAACa,WAAW,GAAG,eAAe"}
|
|
@@ -1,10 +1,16 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IMenu, IMenuFooter } from "../Menu";
|
|
3
|
-
import {
|
|
3
|
+
import { ListProps, ListItemProps } from "../List";
|
|
4
4
|
export declare const StyledMenu: import("styled-components").StyledComponent<import("react").FC<IMenu>, any, IMenu, never>;
|
|
5
5
|
export declare const StyledMenuFooter: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<IMenuFooter & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, IMenuFooter, never>;
|
|
6
|
-
export declare const StyledStartMenuList: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<
|
|
7
|
-
|
|
6
|
+
export declare const StyledStartMenuList: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<ListProps & import("react").HTMLAttributes<HTMLUListElement> & import("react").RefAttributes<HTMLUListElement>> & {
|
|
7
|
+
Item: import("react").ForwardRefExoticComponent<ListItemProps & import("react").HTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
|
|
8
|
+
Separator: {
|
|
9
|
+
({ className, ...props }: import("react").HTMLAttributes<HTMLDivElement>): JSX.Element;
|
|
10
|
+
displayName: string;
|
|
11
|
+
};
|
|
12
|
+
}, any, ListProps, never>;
|
|
13
|
+
export declare const StyledStartMenuListItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<ListItemProps & import("react").HTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>, any, ListItemProps, never>;
|
|
8
14
|
export declare const StyledStartMenuTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
9
15
|
export declare const StyledStartMenuNoResults: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
10
16
|
export declare const StyledStartMenuDot: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Filter/Styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAQ,KAAK,EAAc,WAAW,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,EAAY,SAAS,EAAQ,
|
|
1
|
+
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Filter/Styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAQ,KAAK,EAAc,WAAW,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,EAAY,SAAS,EAAQ,aAAa,EAAE,MAAM,SAAS,CAAC;AAGnE,eAAO,MAAM,UAAU,2FAGtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,+NAE5B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;yBAE/B,CAAC;AAEF,eAAO,MAAM,uBAAuB,iOAEnC,CAAC;AAEF,eAAO,MAAM,oBAAoB,oEAEhC,CAAC;AAEF,eAAO,MAAM,wBAAwB,oEAGpC,CAAC;AAEF,eAAO,MAAM,kBAAkB,qEAU9B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.js","names":["styled","Menu","MenuFooter","ListItem","List","StyledMenu","StyledMenuFooter","StyledStartMenuList","StyledStartMenuListItem","StyledStartMenuTitle","div","StyledStartMenuNoResults","StyledStartMenuDot","span","displayName"],"sources":["../../../../src/components/Filter/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { Menu, IMenu, MenuFooter, IMenuFooter } from \"../Menu\";\nimport { ListItem,
|
|
1
|
+
{"version":3,"file":"Styles.js","names":["styled","Menu","MenuFooter","ListItem","List","StyledMenu","StyledMenuFooter","StyledStartMenuList","StyledStartMenuListItem","StyledStartMenuTitle","div","StyledStartMenuNoResults","StyledStartMenuDot","span","displayName"],"sources":["../../../../src/components/Filter/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { Menu, IMenu, MenuFooter, IMenuFooter } from \"../Menu\";\nimport { ListItem, ListProps, List, ListItemProps } from \"../List\";\nimport tw from \"twin.macro\";\n\nexport const StyledMenu = styled(Menu)<IMenu>`\n ${tw`tw-relative`}\n ${tw`tw-overflow-hidden`}\n`;\n\nexport const StyledMenuFooter = styled(MenuFooter)<IMenuFooter>`\n ${tw`tw-justify-center`}\n`;\n\nexport const StyledStartMenuList = styled(List)<ListProps>`\n ${tw`tw-py-2`}\n`;\n\nexport const StyledStartMenuListItem = styled(ListItem)<ListItemProps>`\n ${tw`tw-pr-3`}\n`;\n\nexport const StyledStartMenuTitle = styled.div`\n ${tw`tw-flex-1`}\n`;\n\nexport const StyledStartMenuNoResults = styled.div`\n ${tw`tw-py-0.5`}\n ${tw`tw-text-center`}\n`;\n\nexport const StyledStartMenuDot = styled.span`\n border-radius: 50%;\n background-color: var(--color-primary);\n color: var(--page-paper-main);\n line-height: 15px;\n width: 15px;\n font-weight: bold;\n font-size: 10px;\n text-align: center;\n margin-left: 4px;\n`;\n\nStyledMenu.displayName = \"StyledMenu\";\nStyledMenuFooter.displayName = \"StyledMenuFooter\";\nStyledStartMenuList.displayName = \"StyledStartMenuList\";\nStyledStartMenuListItem.displayName = \"StyledStartMenuListItem\";\nStyledStartMenuTitle.displayName = \"StyledStartMenuTitle\";\nStyledStartMenuDot.displayName = \"StyledStartMenuDot\";\nStyledStartMenuNoResults.displayName = \"StyledStartMenuNoResults\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,IAAI,EAASC,UAAU,QAAqB,SAAS;AAC9D,SAASC,QAAQ,EAAaC,IAAI,QAAuB,SAAS;AAGlE,OAAO,IAAMC,UAAU,GAAGL,MAAM,CAACC,IAAI,CAAC;EAAA;EAAA;AAAA,kBAChC;EAAA;AAAY,CAAC,EACb;EAAA;AAAmB,CAAC,CACzB;AAED,OAAO,IAAMK,gBAAgB,GAAGN,MAAM,CAACE,UAAU,CAAC;EAAA;EAAA;AAAA,aAC5C;EAAA;AAAkB,CAAC,CACxB;AAED,OAAO,IAAMK,mBAAmB,GAAGP,MAAM,CAACI,IAAI,CAAC;EAAA;EAAA;AAAA,aACzC;EAAA;EAAA;AAAQ,CAAC,CACd;AAED,OAAO,IAAMI,uBAAuB,GAAGR,MAAM,CAACG,QAAQ,CAAC;EAAA;EAAA;AAAA,aACjD;EAAA;AAAQ,CAAC,CACd;AAED,OAAO,IAAMM,oBAAoB,GAAGT,MAAM,CAACU,GAAG;EAAA;EAAA;AAAA,aACxC;EAAA;AAAU,CAAC,CAChB;AAED,OAAO,IAAMC,wBAAwB,GAAGX,MAAM,CAACU,GAAG;EAAA;EAAA;AAAA,kBAC5C;EAAA;EAAA;AAAU,CAAC,EACX;EAAA;AAAe,CAAC,CACrB;AAED,OAAO,IAAME,kBAAkB,GAAGZ,MAAM,CAACa,IAAI;EAAA;EAAA;AAAA,2LAU5C;AAEDR,UAAU,CAACS,WAAW,GAAG,YAAY;AACrCR,gBAAgB,CAACQ,WAAW,GAAG,kBAAkB;AACjDP,mBAAmB,CAACO,WAAW,GAAG,qBAAqB;AACvDN,uBAAuB,CAACM,WAAW,GAAG,yBAAyB;AAC/DL,oBAAoB,CAACK,WAAW,GAAG,sBAAsB;AACzDF,kBAAkB,CAACE,WAAW,GAAG,oBAAoB;AACrDH,wBAAwB,CAACG,WAAW,GAAG,0BAA0B"}
|
|
@@ -1,7 +1,13 @@
|
|
|
1
|
-
import React
|
|
2
|
-
export interface
|
|
1
|
+
import React from "react";
|
|
2
|
+
export interface ListProps {
|
|
3
3
|
className?: string;
|
|
4
|
-
children?: ReactNode;
|
|
5
4
|
}
|
|
6
|
-
export declare const
|
|
5
|
+
export declare const _List: React.ForwardRefExoticComponent<ListProps & React.HTMLAttributes<HTMLUListElement> & React.RefAttributes<HTMLUListElement>>;
|
|
6
|
+
export declare const List: React.ForwardRefExoticComponent<ListProps & React.HTMLAttributes<HTMLUListElement> & React.RefAttributes<HTMLUListElement>> & {
|
|
7
|
+
Item: React.ForwardRefExoticComponent<import("./ListItem").ListItemProps & React.HTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
|
|
8
|
+
Separator: {
|
|
9
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
|
|
10
|
+
displayName: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
7
13
|
//# sourceMappingURL=List.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,SAAS;IAExB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,KAAK,6HAejB,CAAC;AAKF,eAAO,MAAM,IAAI;;;;;;CAGf,CAAC"}
|
|
@@ -2,15 +2,24 @@ import _extends from "@babel/runtime/helpers/esm/extends";
|
|
|
2
2
|
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
3
3
|
var _excluded = ["children", "className"];
|
|
4
4
|
import React, { forwardRef } from "react";
|
|
5
|
+
import { ListItem } from "./ListItem";
|
|
6
|
+
import { ListSeparator } from "./ListSeparator";
|
|
5
7
|
import { StyledList } from "./Styles";
|
|
6
|
-
export var
|
|
8
|
+
export var _List = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
7
9
|
var children = _ref.children,
|
|
8
10
|
className = _ref.className,
|
|
9
11
|
props = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
10
|
-
return /*#__PURE__*/React.createElement(StyledList, _extends({
|
|
12
|
+
return /*#__PURE__*/React.createElement(StyledList, _extends({
|
|
11
13
|
className: className,
|
|
12
|
-
ref: ref
|
|
13
|
-
|
|
14
|
+
ref: ref,
|
|
15
|
+
tabIndex: -1
|
|
16
|
+
}, props), children);
|
|
17
|
+
});
|
|
18
|
+
_List.displayName = "List";
|
|
19
|
+
|
|
20
|
+
// https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757
|
|
21
|
+
export var List = Object.assign({}, _List, {
|
|
22
|
+
Item: ListItem,
|
|
23
|
+
Separator: ListSeparator
|
|
14
24
|
});
|
|
15
|
-
List.displayName = "List";
|
|
16
25
|
//# sourceMappingURL=List.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.js","names":["React","forwardRef","StyledList","
|
|
1
|
+
{"version":3,"file":"List.js","names":["React","forwardRef","ListItem","ListSeparator","StyledList","_List","ref","children","className","props","displayName","List","Object","assign","Item","Separator"],"sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import React, {\n forwardRef,\n HTMLAttributes,\n Ref,\n PropsWithChildren,\n} from \"react\";\n\nimport { ListItem } from \"./ListItem\";\nimport { ListSeparator } from \"./ListSeparator\";\n\nimport { StyledList } from \"./Styles\";\n\nexport interface ListProps {\n /** Applies passed classes */\n className?: string;\n}\n\nexport const _List = forwardRef(\n (\n {\n children,\n className,\n ...props\n }: PropsWithChildren<ListProps> & HTMLAttributes<HTMLUListElement>,\n ref: Ref<HTMLUListElement> | null | undefined\n ) => {\n return (\n <StyledList className={className} ref={ref} tabIndex={-1} {...props}>\n {children}\n </StyledList>\n );\n }\n);\n\n_List.displayName = \"List\";\n\n// https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757\nexport const List = Object.assign({}, _List, {\n Item: ListItem,\n Separator: ListSeparator,\n});\n"],"mappings":";;;AAAA,OAAOA,KAAK,IACVC,UAAU,QAIL,OAAO;AAEd,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,aAAa,QAAQ,iBAAiB;AAE/C,SAASC,UAAU,QAAQ,UAAU;AAOrC,OAAO,IAAMC,KAAK,gBAAGJ,UAAU,CAC7B,gBAMEK,GAA6C,EAC1C;EAAA,IALDC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACNC,KAAK;EAIV,oBACE,oBAAC,UAAU;IAAC,SAAS,EAAED,SAAU;IAAC,GAAG,EAAEF,GAAI;IAAC,QAAQ,EAAE,CAAC;EAAE,GAAKG,KAAK,GAChEF,QAAQ,CACE;AAEjB,CAAC,CACF;AAEDF,KAAK,CAACK,WAAW,GAAG,MAAM;;AAE1B;AACA,OAAO,IAAMC,IAAI,GAAGC,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAER,KAAK,EAAE;EAC3CS,IAAI,EAAEZ,QAAQ;EACda,SAAS,EAAEZ;AACb,CAAC,CAAC"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import React
|
|
2
|
-
export interface
|
|
1
|
+
import React from "react";
|
|
2
|
+
export interface ListItemProps {
|
|
3
3
|
className?: string;
|
|
4
|
-
children?: ReactNode;
|
|
5
4
|
}
|
|
6
|
-
export declare const ListItem: React.ForwardRefExoticComponent<
|
|
5
|
+
export declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & React.HTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
|
|
7
6
|
//# sourceMappingURL=ListItem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/List/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/List/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,2HAoBpB,CAAC"}
|
|
@@ -8,10 +8,11 @@ export var ListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
8
8
|
var children = _ref.children,
|
|
9
9
|
className = _ref.className,
|
|
10
10
|
props = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
11
|
-
return /*#__PURE__*/React.createElement(StyledListItem, _extends({
|
|
11
|
+
return /*#__PURE__*/React.createElement(StyledListItem, _extends({
|
|
12
12
|
className: classnames("c-list-item", className),
|
|
13
|
-
ref: ref
|
|
14
|
-
|
|
13
|
+
ref: ref,
|
|
14
|
+
tabIndex: 0
|
|
15
|
+
}, props), children);
|
|
15
16
|
});
|
|
16
17
|
ListItem.displayName = "ListItem";
|
|
17
18
|
//# sourceMappingURL=ListItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.js","names":["React","forwardRef","classnames","StyledListItem","ListItem","ref","children","className","props","displayName"],"sources":["../../../../src/components/List/ListItem.tsx"],"sourcesContent":["import React, {
|
|
1
|
+
{"version":3,"file":"ListItem.js","names":["React","forwardRef","classnames","StyledListItem","ListItem","ref","children","className","props","displayName"],"sources":["../../../../src/components/List/ListItem.tsx"],"sourcesContent":["import React, {\n forwardRef,\n HTMLAttributes,\n PropsWithChildren,\n Ref,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { StyledListItem } from \"./Styles\";\n\nexport interface ListItemProps {\n className?: string;\n}\n\nexport const ListItem = forwardRef(\n (\n {\n children,\n className,\n ...props\n }: PropsWithChildren<ListItemProps> & HTMLAttributes<HTMLLIElement>,\n ref: Ref<HTMLLIElement> | null | undefined\n ) => {\n return (\n <StyledListItem\n className={classnames(\"c-list-item\", className)}\n ref={ref}\n tabIndex={0}\n {...props}\n >\n {children}\n </StyledListItem>\n );\n }\n);\n\nListItem.displayName = \"ListItem\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IACVC,UAAU,QAIL,OAAO;AACd,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,cAAc,QAAQ,UAAU;AAMzC,OAAO,IAAMC,QAAQ,gBAAGH,UAAU,CAChC,gBAMEI,GAA0C,EACvC;EAAA,IALDC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACNC,KAAK;EAIV,oBACE,oBAAC,cAAc;IACb,SAAS,EAAEN,UAAU,CAAC,aAAa,EAAEK,SAAS,CAAE;IAChD,GAAG,EAAEF,GAAI;IACT,QAAQ,EAAE;EAAE,GACRG,KAAK,GAERF,QAAQ,CACM;AAErB,CAAC,CACF;AAEDF,QAAQ,CAACK,WAAW,GAAG,UAAU"}
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const ListSeparator:
|
|
1
|
+
import { HTMLAttributes } from "react";
|
|
2
|
+
export declare const ListSeparator: {
|
|
3
|
+
({ className, ...props }: HTMLAttributes<HTMLDivElement>): JSX.Element;
|
|
4
|
+
displayName: string;
|
|
5
|
+
};
|
|
3
6
|
//# sourceMappingURL=ListSeparator.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListSeparator.d.ts","sourceRoot":"","sources":["../../../../src/components/List/ListSeparator.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,
|
|
1
|
+
{"version":3,"file":"ListSeparator.d.ts","sourceRoot":"","sources":["../../../../src/components/List/ListSeparator.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI9C,eAAO,MAAM,aAAa;8BAGvB,eAAe,cAAc,CAAC;;CAOhC,CAAC"}
|
|
@@ -1,11 +1,15 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
+
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
3
|
+
var _excluded = ["className"];
|
|
1
4
|
import React from "react";
|
|
2
5
|
import classnames from "classnames";
|
|
3
6
|
import { StyledListSeparator } from "./Styles";
|
|
4
7
|
export var ListSeparator = function ListSeparator(_ref) {
|
|
5
|
-
var className = _ref.className
|
|
6
|
-
|
|
8
|
+
var className = _ref.className,
|
|
9
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
10
|
+
return /*#__PURE__*/React.createElement(StyledListSeparator, _extends({
|
|
7
11
|
className: classnames("c-list-separator", className)
|
|
8
|
-
});
|
|
12
|
+
}, props));
|
|
9
13
|
};
|
|
10
14
|
ListSeparator.displayName = "ListSeparator";
|
|
11
15
|
//# sourceMappingURL=ListSeparator.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListSeparator.js","names":["React","classnames","StyledListSeparator","ListSeparator","className","displayName"],"sources":["../../../../src/components/List/ListSeparator.tsx"],"sourcesContent":["import React, {
|
|
1
|
+
{"version":3,"file":"ListSeparator.js","names":["React","classnames","StyledListSeparator","ListSeparator","className","props","displayName"],"sources":["../../../../src/components/List/ListSeparator.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledListSeparator } from \"./Styles\";\n\nexport const ListSeparator = ({\n className,\n ...props\n}: HTMLAttributes<HTMLDivElement>) => {\n return (\n <StyledListSeparator\n className={classnames(\"c-list-separator\", className)}\n {...props}\n />\n );\n};\n\nListSeparator.displayName = \"ListSeparator\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAA0B,OAAO;AAC7C,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,mBAAmB,QAAQ,UAAU;AAE9C,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAa,OAGY;EAAA,IAFpCC,SAAS,QAATA,SAAS;IACNC,KAAK;EAER,oBACE,oBAAC,mBAAmB;IAClB,SAAS,EAAEJ,UAAU,CAAC,kBAAkB,EAAEG,SAAS;EAAE,GACjDC,KAAK,EACT;AAEN,CAAC;AAEDF,aAAa,CAACG,WAAW,GAAG,eAAe"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/List/Styles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/List/Styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,mEAItB,CAAC;AAIF,eAAO,MAAM,cAAc,mEAyB1B,CAAC;AAIF,eAAO,MAAM,mBAAmB,oEAI/B,CAAC"}
|
|
@@ -4,28 +4,12 @@ import { BoxSizingStyle } from "../BoxSizingStyle";
|
|
|
4
4
|
export var StyledList = styled.ul.withConfig({
|
|
5
5
|
displayName: "Styles__StyledList",
|
|
6
6
|
componentId: "sc-dv1w0m-0"
|
|
7
|
-
})([""
|
|
8
|
-
"listStyleType": "none",
|
|
9
|
-
"margin": "0px",
|
|
10
|
-
"padding": "0px"
|
|
11
|
-
});
|
|
7
|
+
})(["list-style-type:none;margin:0;padding:0;"]);
|
|
12
8
|
StyledList.displayName = "StyledList";
|
|
13
9
|
export var StyledListItem = styled.li.withConfig({
|
|
14
10
|
displayName: "Styles__StyledListItem",
|
|
15
11
|
componentId: "sc-dv1w0m-1"
|
|
16
|
-
})(["", " ", "
|
|
17
|
-
"display": "flex",
|
|
18
|
-
"flexDirection": "row",
|
|
19
|
-
"alignItems": "center",
|
|
20
|
-
"cursor": "pointer",
|
|
21
|
-
"paddingLeft": "1rem",
|
|
22
|
-
"paddingRight": "1rem",
|
|
23
|
-
"marginTop": "0.25rem",
|
|
24
|
-
"marginBottom": "0.25rem",
|
|
25
|
-
"fontSize": "0.875rem",
|
|
26
|
-
"lineHeight": "1.25rem",
|
|
27
|
-
"userSelect": "none"
|
|
28
|
-
}, BoxSizingStyle, FontStyle);
|
|
12
|
+
})(["", " ", " display:flex;flex-direction:row;align-items:center;cursor:pointer;padding:0 1rem;margin:0.25rem 0;font-size:0.875rem;user-select:none;color:var(--color-theme-900);line-height:28px;> svg:first-child{margin-right:8px;}&:hover,&:focus-visible{background-color:var(--color-theme-200);outline:none;}"], BoxSizingStyle, FontStyle);
|
|
29
13
|
StyledListItem.displayName = "StyledListItem";
|
|
30
14
|
export var StyledListSeparator = styled.div.withConfig({
|
|
31
15
|
displayName: "Styles__StyledListSeparator",
|