@activecollab/components 1.0.30 → 1.0.34
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/Accordion/AccordionItemBody.js +2 -2
- package/dist/cjs/components/Accordion/AccordionItemBody.js.map +1 -1
- package/dist/cjs/components/Icons/collection/OrderFirst.js +31 -0
- package/dist/cjs/components/Icons/collection/OrderFirst.js.map +1 -0
- package/dist/cjs/components/Icons/collection/TaskListAdd.js +31 -0
- package/dist/cjs/components/Icons/collection/TaskListAdd.js.map +1 -0
- package/dist/cjs/components/Icons/collection/index.js +16 -0
- package/dist/cjs/components/Icons/collection/index.js.map +1 -1
- package/dist/cjs/components/Transitions/Fade/Fade.js +14 -8
- package/dist/cjs/components/Transitions/Fade/Fade.js.map +1 -1
- package/dist/cjs/components/Transitions/Reveal/Reveal.js +14 -8
- package/dist/cjs/components/Transitions/Reveal/Reveal.js.map +1 -1
- package/dist/cjs/hooks/index.js +13 -0
- package/dist/cjs/hooks/index.js.map +1 -1
- package/dist/cjs/hooks/useHeight.js +2 -3
- package/dist/cjs/hooks/useHeight.js.map +1 -1
- package/dist/esm/components/Accordion/AccordionItemBody.js +1 -1
- package/dist/esm/components/Accordion/AccordionItemBody.js.map +1 -1
- package/dist/esm/components/Icons/collection/OrderFirst.d.ts +4 -0
- package/dist/esm/components/Icons/collection/OrderFirst.d.ts.map +1 -0
- package/dist/esm/components/Icons/collection/OrderFirst.js +18 -0
- package/dist/esm/components/Icons/collection/OrderFirst.js.map +1 -0
- package/dist/esm/components/Icons/collection/TaskListAdd.d.ts +4 -0
- package/dist/esm/components/Icons/collection/TaskListAdd.d.ts.map +1 -0
- package/dist/esm/components/Icons/collection/TaskListAdd.js +18 -0
- package/dist/esm/components/Icons/collection/TaskListAdd.js.map +1 -0
- package/dist/esm/components/Icons/collection/index.d.ts +2 -0
- package/dist/esm/components/Icons/collection/index.d.ts.map +1 -1
- package/dist/esm/components/Icons/collection/index.js +2 -0
- package/dist/esm/components/Icons/collection/index.js.map +1 -1
- package/dist/esm/components/Transitions/Fade/Fade.d.ts.map +1 -1
- package/dist/esm/components/Transitions/Fade/Fade.js +8 -8
- package/dist/esm/components/Transitions/Fade/Fade.js.map +1 -1
- package/dist/esm/components/Transitions/Reveal/Reveal.d.ts.map +1 -1
- package/dist/esm/components/Transitions/Reveal/Reveal.js +8 -8
- package/dist/esm/components/Transitions/Reveal/Reveal.js.map +1 -1
- package/dist/esm/hooks/index.d.ts +1 -0
- package/dist/esm/hooks/index.d.ts.map +1 -1
- package/dist/esm/hooks/index.js +1 -0
- package/dist/esm/hooks/index.js.map +1 -1
- package/dist/esm/hooks/useHeight.d.ts +1 -2
- package/dist/esm/hooks/useHeight.d.ts.map +1 -1
- package/dist/esm/hooks/useHeight.js +1 -4
- package/dist/esm/hooks/useHeight.js.map +1 -1
- package/dist/index.js +180 -147
- 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
|
@@ -15,7 +15,7 @@ var _reactTransitionGroup = require("react-transition-group");
|
|
|
15
15
|
|
|
16
16
|
var _AccordionItem = require("./AccordionItem");
|
|
17
17
|
|
|
18
|
-
var _useHeight =
|
|
18
|
+
var _useHeight = require("../../hooks/useHeight");
|
|
19
19
|
|
|
20
20
|
var _Styles = require("./Styles");
|
|
21
21
|
|
|
@@ -37,7 +37,7 @@ var AccordionItemBody = function AccordionItemBody(_ref) {
|
|
|
37
37
|
var itemContext = (0, _react.useContext)(_AccordionItem.ItemContext);
|
|
38
38
|
var divRef = (0, _react.useRef)(null);
|
|
39
39
|
var duration = 200;
|
|
40
|
-
var height = (0, _useHeight.
|
|
40
|
+
var height = (0, _useHeight.useHeight)(divRef);
|
|
41
41
|
var defaultStyle = {
|
|
42
42
|
transition: "max-height ".concat(duration, "ms linear"),
|
|
43
43
|
maxHeight: 0
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Accordion/AccordionItemBody.tsx"],"names":["AccordionItemBody","children","className","itemContext","ItemContext","divRef","duration","height","defaultStyle","transition","maxHeight","transitionStyles","entering","entered","exiting","exited","isItemExpanded","state","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;AASO,IAAMA,iBAAyC,GAAG,SAA5CA,iBAA4C,OAGnD;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,SACI,QADJA,SACI;AACJ,MAAMC,WAAW,GAAG,uBAAgCC,0BAAhC,CAApB;AACA,MAAMC,MAAM,GAAG,mBAAO,IAAP,CAAf;AACA,MAAMC,QAAQ,GAAG,GAAjB;AACA,MAAMC,MAAM,GAAG,
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Accordion/AccordionItemBody.tsx"],"names":["AccordionItemBody","children","className","itemContext","ItemContext","divRef","duration","height","defaultStyle","transition","maxHeight","transitionStyles","entering","entered","exiting","exited","isItemExpanded","state","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;AASO,IAAMA,iBAAyC,GAAG,SAA5CA,iBAA4C,OAGnD;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,SACI,QADJA,SACI;AACJ,MAAMC,WAAW,GAAG,uBAAgCC,0BAAhC,CAApB;AACA,MAAMC,MAAM,GAAG,mBAAO,IAAP,CAAf;AACA,MAAMC,QAAQ,GAAG,GAAjB;AACA,MAAMC,MAAM,GAAG,0BAAUF,MAAV,CAAf;AAEA,MAAMG,YAAY,GAAG;AACnBC,IAAAA,UAAU,uBAAgBH,QAAhB,cADS;AAEnBI,IAAAA,SAAS,EAAE;AAFQ,GAArB;AAKA,MAAMC,gBAAgB,GAAG;AACvBC,IAAAA,QAAQ,EAAE;AAAEF,MAAAA,SAAS,EAAEH;AAAb,KADa;AAEvBM,IAAAA,OAAO,EAAE;AAAEH,MAAAA,SAAS,EAAEH;AAAb,KAFc;AAGvBO,IAAAA,OAAO,EAAE;AAAEJ,MAAAA,SAAS,EAAE;AAAb,KAHc;AAIvBK,IAAAA,MAAM,EAAE;AAAEL,MAAAA,SAAS,EAAE;AAAb;AAJe,GAAzB;AAOA,sBACE,6BAAC,gCAAD;AAAY,IAAA,OAAO,EAAE,GAArB;AAA0B,IAAA,EAAE,EAAEP,WAAF,aAAEA,WAAF,uBAAEA,WAAW,CAAEa;AAA3C,KACG,UAACC,KAAD;AAAA,wBACC,6BAAC,+BAAD;AACE,MAAA,GAAG,EAAEZ,MADP;AAEE,MAAA,SAAS,EAAE,yBAAW,mBAAX,EAAgCH,SAAhC,CAFb;AAGE,MAAA,KAAK,kCACAM,YADA,GAEAG,gBAAgB,CAACM,KAAD,CAFhB;AAHP,OAQGhB,QARH,CADD;AAAA,GADH,CADF;AAgBD,CArCM;;;AAuCPD,iBAAiB,CAACkB,WAAlB,GAAgC,mBAAhC","sourcesContent":["import React, { ReactNode, FC, useContext, useRef, ReactElement } from \"react\";\nimport classnames from \"classnames\";\nimport { Transition } from \"react-transition-group\";\nimport { ItemContext, IItemContext } from \"./AccordionItem\";\nimport { useHeight } from \"../../hooks/useHeight\";\nimport { StyledAccordionItemBody } from \"./Styles\";\n\ninterface IAccordionItemBody {\n /** Children type of node or string */\n children: ReactNode | string;\n /** ClassName */\n className?: string;\n}\n\nexport const AccordionItemBody: FC<IAccordionItemBody> = ({\n children,\n className,\n}) => {\n const itemContext = useContext<IItemContext | null>(ItemContext);\n const divRef = useRef(null);\n const duration = 200;\n const height = useHeight(divRef);\n\n const defaultStyle = {\n transition: `max-height ${duration}ms linear`,\n maxHeight: 0,\n };\n\n const transitionStyles = {\n entering: { maxHeight: height },\n entered: { maxHeight: height },\n exiting: { maxHeight: 0 },\n exited: { maxHeight: 0 },\n };\n\n return (\n <Transition timeout={200} in={itemContext?.isItemExpanded}>\n {(state): ReactElement => (\n <StyledAccordionItemBody\n ref={divRef}\n className={classnames(\"accordionItemBody\", className)}\n style={{\n ...defaultStyle,\n ...transitionStyles[state],\n }}\n >\n {children}\n </StyledAccordionItemBody>\n )}\n </Transition>\n );\n};\n\nAccordionItemBody.displayName = \"AccordionItemBody\";\n"],"file":"AccordionItemBody.js"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
|
|
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
|
+
|
|
14
|
+
var OrderFirstIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
|
|
15
|
+
return /*#__PURE__*/_react.default.createElement("svg", _extends({
|
|
16
|
+
width: 24,
|
|
17
|
+
height: 24,
|
|
18
|
+
viewBox: "0 0 24 24",
|
|
19
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
20
|
+
fill: "var(--color-theme-600)",
|
|
21
|
+
ref: svgRef
|
|
22
|
+
}, props), /*#__PURE__*/_react.default.createElement("path", {
|
|
23
|
+
d: "M4 4h16a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1V5a1 1 0 011-1zm2 14h12a1 1 0 010 2H6a1 1 0 010-2zm0-4h12a1 1 0 010 2H6a1 1 0 010-2zm0-4h12a1 1 0 010 2H6a1 1 0 010-2z",
|
|
24
|
+
fillRule: "evenodd"
|
|
25
|
+
}));
|
|
26
|
+
});
|
|
27
|
+
|
|
28
|
+
OrderFirstIcon.displayName = "OrderFirstIcon";
|
|
29
|
+
var _default = OrderFirstIcon;
|
|
30
|
+
exports.default = _default;
|
|
31
|
+
//# sourceMappingURL=OrderFirst.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/Icons/collection/OrderFirst.tsx"],"names":["OrderFirstIcon","React","forwardRef","props","svgRef","displayName"],"mappings":";;;;;;;AAAA;;;;;;AACA,IAAMA,cAAc,gBAAGC,eAAMC,UAAN,CACrB,UAACC,KAAD,EAAuCC,MAAvC;AAAA,sBACE;AACE,IAAA,KAAK,EAAE,EADT;AAEE,IAAA,MAAM,EAAE,EAFV;AAGE,IAAA,OAAO,EAAC,WAHV;AAIE,IAAA,KAAK,EAAC,4BAJR;AAKE,IAAA,IAAI,EAAC,wBALP;AAME,IAAA,GAAG,EAAEA;AANP,KAOMD,KAPN,gBASE;AACE,IAAA,CAAC,EAAC,yKADJ;AAEE,IAAA,QAAQ,EAAC;AAFX,IATF,CADF;AAAA,CADqB,CAAvB;;AAkBAH,cAAc,CAACK,WAAf,GAA6B,gBAA7B;eACeL,c","sourcesContent":["import React from \"react\";\nconst OrderFirstIcon = 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 fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M4 4h16a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1V5a1 1 0 011-1zm2 14h12a1 1 0 010 2H6a1 1 0 010-2zm0-4h12a1 1 0 010 2H6a1 1 0 010-2zm0-4h12a1 1 0 010 2H6a1 1 0 010-2z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nOrderFirstIcon.displayName = \"OrderFirstIcon\";\nexport default OrderFirstIcon;\n"],"file":"OrderFirst.js"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
|
|
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
|
+
|
|
14
|
+
var TaskListAddIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
|
|
15
|
+
return /*#__PURE__*/_react.default.createElement("svg", _extends({
|
|
16
|
+
width: 24,
|
|
17
|
+
height: 24,
|
|
18
|
+
viewBox: "0 0 24 24",
|
|
19
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
20
|
+
fill: "var(--color-theme-600)",
|
|
21
|
+
ref: svgRef
|
|
22
|
+
}, props), /*#__PURE__*/_react.default.createElement("path", {
|
|
23
|
+
d: "M20 14v3h3v2h-3v3h-2v-3h-3v-2h3v-3h2zm-8 4a1 1 0 010 2H5a1 1 0 010-2h7zm0-4a1 1 0 010 2H5a1 1 0 010-2h7zm7-4a1 1 0 010 2H5a1 1 0 010-2h14zm0-6a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5a1 1 0 011-1h14z",
|
|
24
|
+
fillRule: "evenodd"
|
|
25
|
+
}));
|
|
26
|
+
});
|
|
27
|
+
|
|
28
|
+
TaskListAddIcon.displayName = "TaskListAddIcon";
|
|
29
|
+
var _default = TaskListAddIcon;
|
|
30
|
+
exports.default = _default;
|
|
31
|
+
//# sourceMappingURL=TaskListAdd.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/Icons/collection/TaskListAdd.tsx"],"names":["TaskListAddIcon","React","forwardRef","props","svgRef","displayName"],"mappings":";;;;;;;AAAA;;;;;;AACA,IAAMA,eAAe,gBAAGC,eAAMC,UAAN,CACtB,UAACC,KAAD,EAAuCC,MAAvC;AAAA,sBACE;AACE,IAAA,KAAK,EAAE,EADT;AAEE,IAAA,MAAM,EAAE,EAFV;AAGE,IAAA,OAAO,EAAC,WAHV;AAIE,IAAA,KAAK,EAAC,4BAJR;AAKE,IAAA,IAAI,EAAC,wBALP;AAME,IAAA,GAAG,EAAEA;AANP,KAOMD,KAPN,gBASE;AACE,IAAA,CAAC,EAAC,4MADJ;AAEE,IAAA,QAAQ,EAAC;AAFX,IATF,CADF;AAAA,CADsB,CAAxB;;AAkBAH,eAAe,CAACK,WAAhB,GAA8B,iBAA9B;eACeL,e","sourcesContent":["import React from \"react\";\nconst TaskListAddIcon = 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 fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M20 14v3h3v2h-3v3h-2v-3h-3v-2h3v-3h2zm-8 4a1 1 0 010 2H5a1 1 0 010-2h7zm0-4a1 1 0 010 2H5a1 1 0 010-2h7zm7-4a1 1 0 010 2H5a1 1 0 010-2h14zm0-6a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5a1 1 0 011-1h14z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nTaskListAddIcon.displayName = \"TaskListAddIcon\";\nexport default TaskListAddIcon;\n"],"file":"TaskListAdd.js"}
|
|
@@ -519,6 +519,12 @@ Object.defineProperty(exports, "OpenExpandedIcon", {
|
|
|
519
519
|
return _OpenExpanded.default;
|
|
520
520
|
}
|
|
521
521
|
});
|
|
522
|
+
Object.defineProperty(exports, "OrderFirstIcon", {
|
|
523
|
+
enumerable: true,
|
|
524
|
+
get: function get() {
|
|
525
|
+
return _OrderFirst.default;
|
|
526
|
+
}
|
|
527
|
+
});
|
|
522
528
|
Object.defineProperty(exports, "PaidSmallIcon", {
|
|
523
529
|
enumerable: true,
|
|
524
530
|
get: function get() {
|
|
@@ -681,6 +687,12 @@ Object.defineProperty(exports, "TaskAddIcon", {
|
|
|
681
687
|
return _TaskAdd.default;
|
|
682
688
|
}
|
|
683
689
|
});
|
|
690
|
+
Object.defineProperty(exports, "TaskListAddIcon", {
|
|
691
|
+
enumerable: true,
|
|
692
|
+
get: function get() {
|
|
693
|
+
return _TaskListAdd.default;
|
|
694
|
+
}
|
|
695
|
+
});
|
|
684
696
|
Object.defineProperty(exports, "TextFormatGeneralAltIcon", {
|
|
685
697
|
enumerable: true,
|
|
686
698
|
get: function get() {
|
|
@@ -926,6 +938,8 @@ var _NotificationBell = _interopRequireDefault(require("./NotificationBell"));
|
|
|
926
938
|
|
|
927
939
|
var _OpenExpanded = _interopRequireDefault(require("./OpenExpanded"));
|
|
928
940
|
|
|
941
|
+
var _OrderFirst = _interopRequireDefault(require("./OrderFirst"));
|
|
942
|
+
|
|
929
943
|
var _PaidSmall = _interopRequireDefault(require("./PaidSmall"));
|
|
930
944
|
|
|
931
945
|
var _PauseIcon = _interopRequireDefault(require("./PauseIcon"));
|
|
@@ -980,6 +994,8 @@ var _Star = _interopRequireDefault(require("./Star"));
|
|
|
980
994
|
|
|
981
995
|
var _TaskAdd = _interopRequireDefault(require("./TaskAdd"));
|
|
982
996
|
|
|
997
|
+
var _TaskListAdd = _interopRequireDefault(require("./TaskListAdd"));
|
|
998
|
+
|
|
983
999
|
var _TextFormatGeneralAlt = _interopRequireDefault(require("./TextFormatGeneralAlt"));
|
|
984
1000
|
|
|
985
1001
|
var _ThumbUpOutline = _interopRequireDefault(require("./ThumbUpOutline"));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/Icons/collection/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/Icons/collection/index.tsx"],"names":[],"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","sourcesContent":["export { default as ActivityIcon } from \"./Activity\";\nexport { default as AddCrossTinyIcon } from \"./AddCrossTiny\";\nexport { default as AddCrossIcon } from \"./AddCross\";\nexport { default as ArrowBackIcon } from \"./ArrowBack\";\nexport { default as ArrowCollapseMultipleIcon } from \"./ArrowCollapseMultiple\";\nexport { default as ArrowExpandeMultipleIcon } from \"./ArrowExpandeMultiple\";\nexport { default as ArrowLeftBoxIcon } from \"./ArrowLeftBox\";\nexport { default as ArrowRefreshIcon } from \"./ArrowRefresh\";\nexport { default as AssignIcon } from \"./Assign\";\nexport { default as AttachmentIcon } from \"./Attachment\";\nexport { default as BackIcon } from \"./Back\";\nexport { default as BellOffSmallIcon } from \"./BellOffSmall\";\nexport { default as BellOffIcon } from \"./BellOff\";\nexport { default as BudgetAlertIcon } from \"./BudgetAlert\";\nexport { default as BudgetNoAlertIcon } from \"./BudgetNoAlert\";\nexport { default as CalendarAddXIcon } from \"./CalendarAddX\";\nexport { default as CalendarEmptyIcon } from \"./CalendarEmpty\";\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 CommentIcon } from \"./Comment\";\nexport { default as CommentsIcon } from \"./Comments\";\nexport { default as ComputerIcon } from \"./Computer\";\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 EditIcon } from \"./Edit\";\nexport { default as EmojiIcon } from \"./Emoji\";\nexport { default as EstimatesIcon } from \"./Estimates\";\nexport { default as ExpandAllIcon } from \"./ExpandAll\";\nexport { default as ExpenseAddIcon } from \"./ExpenseAdd\";\nexport { default as ExportIcon } from \"./Export\";\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 HelpIcon } from \"./Help\";\nexport { default as InfoSmallIcon } from \"./InfoSmall\";\nexport { default as InfoIcon } from \"./Info\";\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 MenuNavIcon } from \"./MenuNavIcon\";\nexport { default as MessageAddIcon } from \"./MessageAdd\";\nexport { default as MessageSmallIcon } from \"./MessageSmall\";\nexport { default as MessageIcon } from \"./Message\";\nexport { default as MoveTriggerIcon } from \"./MoveTrigger\";\nexport { default as MyWorkIcon } from \"./MyWork\";\nexport { default as NoteAddIcon } from \"./NoteAdd\";\nexport { default as NotificationBellIcon } from \"./NotificationBell\";\nexport { default as OpenExpandedIcon } from \"./OpenExpanded\";\nexport { default as OrderFirstIcon } from \"./OrderFirst\";\nexport { default as PaidSmallIcon } from \"./PaidSmall\";\nexport { default as PauseIcon } from \"./PauseIcon\";\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 PersonPlusIcon } from \"./PersonPlus\";\nexport { default as PersonIcon } from \"./Person\";\nexport { default as PlayIcon } from \"./PlayIcon\";\nexport { default as ProjectAddIcon } from \"./ProjectAdd\";\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 SearchIcon } from \"./Search\";\nexport { default as SendBlankIcon } from \"./SendBlank\";\nexport { default as SendFilledIcon } from \"./SendFilled\";\nexport { default as SortGeneralIcon } from \"./SortGeneral\";\nexport { default as SortIcon } from \"./SortIcon\";\nexport { default as StarIcon } from \"./Star\";\nexport { default as TaskAddIcon } from \"./TaskAdd\";\nexport { default as TaskListAddIcon } from \"./TaskListAdd\";\nexport { default as TextFormatGeneralAltIcon } from \"./TextFormatGeneralAlt\";\nexport { default as ThumbUpOutlineIcon } from \"./ThumbUpOutline\";\nexport { default as TrashIcon } from \"./Trash\";\nexport { default as TreeDotsIcon } from \"./TreeDots\";\nexport { default as ViewGridIcon } from \"./ViewGrid\";\nexport { default as ViewListIcon } from \"./ViewList\";\nexport { default as VolumeHighIcon } from \"./VolumeHigh\";\nexport { default as VolumeOffIcon } from \"./VolumeOff\";\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"],"file":"index.js"}
|
|
@@ -11,16 +11,24 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
11
11
|
|
|
12
12
|
var _reactTransitionGroup = require("react-transition-group");
|
|
13
13
|
|
|
14
|
+
var _excluded = ["in", "children", "style", "timeout"];
|
|
15
|
+
|
|
14
16
|
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); }
|
|
15
17
|
|
|
16
18
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
17
19
|
|
|
20
|
+
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); }
|
|
21
|
+
|
|
18
22
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
19
23
|
|
|
20
24
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
21
25
|
|
|
22
26
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
23
27
|
|
|
28
|
+
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; }
|
|
29
|
+
|
|
30
|
+
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; }
|
|
31
|
+
|
|
24
32
|
var defaultStyle = function defaultStyle(duration) {
|
|
25
33
|
return {
|
|
26
34
|
transition: "all ".concat(duration, "ms ease-in-out"),
|
|
@@ -46,19 +54,17 @@ var transitionStyles = {
|
|
|
46
54
|
var Fade = function Fade(_ref) {
|
|
47
55
|
var _ref$in = _ref.in,
|
|
48
56
|
inProp = _ref$in === void 0 ? false : _ref$in,
|
|
49
|
-
onEnter = _ref.onEnter,
|
|
50
|
-
onExited = _ref.onExited,
|
|
51
57
|
children = _ref.children,
|
|
52
58
|
style = _ref.style,
|
|
53
59
|
_ref$timeout = _ref.timeout,
|
|
54
|
-
timeout = _ref$timeout === void 0 ? 500 : _ref$timeout
|
|
55
|
-
|
|
60
|
+
timeout = _ref$timeout === void 0 ? 500 : _ref$timeout,
|
|
61
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
62
|
+
|
|
63
|
+
return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, _extends({
|
|
56
64
|
appear: true,
|
|
57
65
|
in: inProp,
|
|
58
|
-
timeout: timeout
|
|
59
|
-
|
|
60
|
-
onExited: onExited
|
|
61
|
-
}, function (state) {
|
|
66
|
+
timeout: timeout
|
|
67
|
+
}, rest), function (state) {
|
|
62
68
|
return /*#__PURE__*/(0, _react.cloneElement)(children, {
|
|
63
69
|
style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({
|
|
64
70
|
visibility: state === "exited" && !inProp ? "hidden" : undefined
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/Transitions/Fade/Fade.tsx"],"names":["defaultStyle","duration","transition","opacity","transitionStyles","entering","entered","exiting","exited","Fade","in","inProp","
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/Transitions/Fade/Fade.tsx"],"names":["defaultStyle","duration","transition","opacity","transitionStyles","entering","entered","exiting","exited","Fade","in","inProp","children","style","timeout","rest","state","visibility","undefined","props","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,YAAY,GAAG,SAAfA,YAAe,CACnBC,QADmB;AAAA,SAEmC;AACtDC,IAAAA,UAAU,gBAASD,QAAT,mBAD4C;AAEtDE,IAAAA,OAAO,EAAE;AAF6C,GAFnC;AAAA,CAArB;;AAOA,IAAMC,gBAAgB,GAAG;AACvBC,EAAAA,QAAQ,EAAE;AAAEF,IAAAA,OAAO,EAAE;AAAX,GADa;AAEvBG,EAAAA,OAAO,EAAE;AAAEH,IAAAA,OAAO,EAAE;AAAX,GAFc;AAGvBI,EAAAA,OAAO,EAAE;AAAEJ,IAAAA,OAAO,EAAE;AAAX,GAHc;AAIvBK,EAAAA,MAAM,EAAE;AAAEL,IAAAA,OAAO,EAAE;AAAX;AAJe,CAAzB;;AAOO,IAAMM,IAAoB,GAAG,SAAvBA,IAAuB;AAAA,qBAClCC,EADkC;AAAA,MAC9BC,MAD8B,wBACrB,KADqB;AAAA,MAElCC,QAFkC,QAElCA,QAFkC;AAAA,MAGlCC,KAHkC,QAGlCA,KAHkC;AAAA,0BAIlCC,OAJkC;AAAA,MAIlCA,OAJkC,6BAIxB,GAJwB;AAAA,MAK/BC,IAL+B;;AAAA,sBAOlC,6BAAC,gCAAD;AAAY,IAAA,MAAM,MAAlB;AAAmB,IAAA,EAAE,EAAEJ,MAAvB;AAA+B,IAAA,OAAO,EAAEG;AAAxC,KAAqDC,IAArD,GACG,UAACC,KAAD,EAAyB;AACxB,wBAAO,yBAAaJ,QAAb,EAAuB;AAC5BC,MAAAA,KAAK;AACHI,QAAAA,UAAU,EAAED,KAAK,KAAK,QAAV,IAAsB,CAACL,MAAvB,GAAgC,QAAhC,GAA2CO;AADpD,SAEAlB,YAAY,CAACc,OAAD,CAFZ,GAGAV,gBAAgB,CAACY,KAAD,CAHhB,GAIAH,KAJA,GAKAD,QAAQ,CAACO,KAAT,CAAeN,KALf;AADuB,KAAvB,CAAP;AASD,GAXH,CAPkC;AAAA,CAA7B;;;AAsBPJ,IAAI,CAACW,WAAL,GAAmB,MAAnB","sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface IFadeProps extends Omit<TransitionProps, \"timeout\"> {\n children: ReactElement;\n timeout?: number;\n}\n\nconst defaultStyle = (\n duration: number\n): Partial<{ transition: string; opacity: number }> => ({\n transition: `all ${duration}ms ease-in-out`,\n opacity: 0,\n});\n\nconst transitionStyles = {\n entering: { opacity: 1 },\n entered: { opacity: 1 },\n exiting: { opacity: 0 },\n exited: { opacity: 0 },\n};\n\nexport const Fade: FC<IFadeProps> = ({\n in: inProp = false,\n children,\n style,\n timeout = 500,\n ...rest\n}) => (\n <Transition appear in={inProp} timeout={timeout} {...rest}>\n {(state): ReactElement => {\n return cloneElement(children, {\n style: {\n visibility: state === \"exited\" && !inProp ? \"hidden\" : undefined,\n ...defaultStyle(timeout),\n ...transitionStyles[state],\n ...style,\n ...children.props.style,\n },\n });\n }}\n </Transition>\n);\n\nFade.displayName = \"Fade\";\n"],"file":"Fade.js"}
|
|
@@ -11,16 +11,24 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
11
11
|
|
|
12
12
|
var _reactTransitionGroup = require("react-transition-group");
|
|
13
13
|
|
|
14
|
+
var _excluded = ["in", "children", "style", "timeout"];
|
|
15
|
+
|
|
14
16
|
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); }
|
|
15
17
|
|
|
16
18
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
17
19
|
|
|
20
|
+
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); }
|
|
21
|
+
|
|
18
22
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
19
23
|
|
|
20
24
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
21
25
|
|
|
22
26
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
23
27
|
|
|
28
|
+
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; }
|
|
29
|
+
|
|
30
|
+
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; }
|
|
31
|
+
|
|
24
32
|
var defaultStyle = function defaultStyle(duration) {
|
|
25
33
|
return {
|
|
26
34
|
transition: "all ".concat(duration, "ms ease-in"),
|
|
@@ -52,19 +60,17 @@ var transitionStyles = {
|
|
|
52
60
|
var Reveal = function Reveal(_ref) {
|
|
53
61
|
var _ref$in = _ref.in,
|
|
54
62
|
inProp = _ref$in === void 0 ? false : _ref$in,
|
|
55
|
-
onEnter = _ref.onEnter,
|
|
56
|
-
onExited = _ref.onExited,
|
|
57
63
|
children = _ref.children,
|
|
58
64
|
style = _ref.style,
|
|
59
65
|
_ref$timeout = _ref.timeout,
|
|
60
|
-
timeout = _ref$timeout === void 0 ? 200 : _ref$timeout
|
|
61
|
-
|
|
66
|
+
timeout = _ref$timeout === void 0 ? 200 : _ref$timeout,
|
|
67
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
68
|
+
|
|
69
|
+
return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, _extends({
|
|
62
70
|
appear: true,
|
|
63
71
|
in: inProp,
|
|
64
|
-
timeout: timeout
|
|
65
|
-
|
|
66
|
-
onExited: onExited
|
|
67
|
-
}, function (state) {
|
|
72
|
+
timeout: timeout
|
|
73
|
+
}, rest), function (state) {
|
|
68
74
|
return /*#__PURE__*/(0, _react.cloneElement)(children, {
|
|
69
75
|
style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, defaultStyle(inProp ? timeout : 0)), transitionStyles[state]), style), children.props.style)
|
|
70
76
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/Transitions/Reveal/Reveal.tsx"],"names":["defaultStyle","duration","transition","transform","opacity","transformOrigin","transitionStyles","entering","entered","exiting","exited","Reveal","in","inProp","
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/Transitions/Reveal/Reveal.tsx"],"names":["defaultStyle","duration","transition","transform","opacity","transformOrigin","transitionStyles","entering","entered","exiting","exited","Reveal","in","inProp","children","style","timeout","rest","state","props","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,YAAY,GAAG,SAAfA,YAAe,CACnBC,QADmB;AAAA,SAOd;AACLC,IAAAA,UAAU,gBAASD,QAAT,eADL;AAELE,IAAAA,SAAS,aAFJ;AAGLC,IAAAA,OAAO,EAAE,CAHJ;AAILC,IAAAA,eAAe,EAAE;AAJZ,GAPc;AAAA,CAArB;;AAcA,IAAMC,gBAAgB,GAAG;AACvBC,EAAAA,QAAQ,EAAE;AAAEJ,IAAAA,SAAS,aAAX;AAA0BC,IAAAA,OAAO,EAAE;AAAnC,GADa;AAEvBI,EAAAA,OAAO,EAAE;AAAEL,IAAAA,SAAS,aAAX;AAA0BC,IAAAA,OAAO,EAAE;AAAnC,GAFc;AAGvBK,EAAAA,OAAO,EAAE;AAAEN,IAAAA,SAAS,aAAX;AAA0BC,IAAAA,OAAO,EAAE;AAAnC,GAHc;AAIvBM,EAAAA,MAAM,EAAE;AAAEP,IAAAA,SAAS,aAAX;AAA0BC,IAAAA,OAAO,EAAE;AAAnC;AAJe,CAAzB;;AAOO,IAAMO,MAAwB,GAAG,SAA3BA,MAA2B,OAMlC;AAAA,qBALJC,EAKI;AAAA,MALAC,MAKA,wBALS,KAKT;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,KAGI,QAHJA,KAGI;AAAA,0BAFJC,OAEI;AAAA,MAFJA,OAEI,6BAFM,GAEN;AAAA,MADDC,IACC;;AACJ,sBACE,6BAAC,gCAAD;AAAY,IAAA,MAAM,MAAlB;AAAmB,IAAA,EAAE,EAAEJ,MAAvB;AAA+B,IAAA,OAAO,EAAEG;AAAxC,KAAqDC,IAArD,GACG,UAACC,KAAD,EAAyB;AACxB,wBAAO,yBAAaJ,QAAb,EAAuB;AAC5BC,MAAAA,KAAK,8DACAf,YAAY,CAACa,MAAM,GAAGG,OAAH,GAAa,CAApB,CADZ,GAEAV,gBAAgB,CAACY,KAAD,CAFhB,GAGAH,KAHA,GAIAD,QAAQ,CAACK,KAAT,CAAeJ,KAJf;AADuB,KAAvB,CAAP;AAQD,GAVH,CADF;AAcD,CArBM;;;AAuBPJ,MAAM,CAACS,WAAP,GAAqB,QAArB","sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface IRevealProps extends Omit<TransitionProps, \"timeout\"> {\n children: ReactElement;\n timeout?: number;\n oppositeDirection?: boolean;\n}\n\nconst defaultStyle = (\n duration: number\n): Partial<{\n transition: string;\n transform: string;\n transformOrigin: string;\n opacity: number;\n}> => ({\n transition: `all ${duration}ms ease-in`,\n transform: `scaleX(0)`,\n opacity: 0,\n transformOrigin: \"left\",\n});\n\nconst transitionStyles = {\n entering: { transform: `scaleX(1)`, opacity: 1 },\n entered: { transform: `scaleX(1)`, opacity: 1 },\n exiting: { transform: `scaleX(0)`, opacity: 0 },\n exited: { transform: `scaleX(0)`, opacity: 0 },\n};\n\nexport const Reveal: FC<IRevealProps> = ({\n in: inProp = false,\n children,\n style,\n timeout = 200,\n ...rest\n}) => {\n return (\n <Transition appear in={inProp} timeout={timeout} {...rest}>\n {(state): ReactElement => {\n return cloneElement(children, {\n style: {\n ...defaultStyle(inProp ? timeout : 0),\n ...transitionStyles[state],\n ...style,\n ...children.props.style,\n },\n });\n }}\n </Transition>\n );\n};\n\nReveal.displayName = \"Reveal\";\n"],"file":"Reveal.js"}
|
package/dist/cjs/hooks/index.js
CHANGED
|
@@ -16,4 +16,17 @@ Object.keys(_useInitScrollRef).forEach(function (key) {
|
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
18
|
});
|
|
19
|
+
|
|
20
|
+
var _useHeight = require("./useHeight");
|
|
21
|
+
|
|
22
|
+
Object.keys(_useHeight).forEach(function (key) {
|
|
23
|
+
if (key === "default" || key === "__esModule") return;
|
|
24
|
+
if (key in exports && exports[key] === _useHeight[key]) return;
|
|
25
|
+
Object.defineProperty(exports, key, {
|
|
26
|
+
enumerable: true,
|
|
27
|
+
get: function get() {
|
|
28
|
+
return _useHeight[key];
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
});
|
|
19
32
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./useInitScrollRef\";\n"],"file":"index.js"}
|
|
1
|
+
{"version":3,"sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./useInitScrollRef\";\nexport * from \"./useHeight\";\n"],"file":"index.js"}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.useHeight = void 0;
|
|
7
7
|
|
|
8
8
|
var _react = require("react");
|
|
9
9
|
|
|
@@ -41,6 +41,5 @@ var useHeight = function useHeight(ref) {
|
|
|
41
41
|
return height;
|
|
42
42
|
};
|
|
43
43
|
|
|
44
|
-
|
|
45
|
-
exports.default = _default;
|
|
44
|
+
exports.useHeight = useHeight;
|
|
46
45
|
//# sourceMappingURL=useHeight.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/hooks/useHeight.tsx"],"names":["useHeight","ref","height","setHeight","current","element","prevMaxHeight","style","maxHeight","prevVisibility","visibility","elementHeight","clientHeight"],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"sources":["../../../src/hooks/useHeight.tsx"],"names":["useHeight","ref","height","setHeight","current","element","prevMaxHeight","style","maxHeight","prevVisibility","visibility","elementHeight","clientHeight"],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;AAEO,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,GAAD,EAAyC;AAChE,kBAA4B,qBAAS,CAAT,CAA5B;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,SAAf;;AAEA,wBAAU,YAAM;AACd,QAAIF,GAAG,IAAIA,GAAG,CAACG,OAAf,EAAwB;AACtB,UAAMC,OAAO,GAAGJ,GAAG,CAACG,OAApB;AACA,UAAME,aAAa,GAAGD,OAAO,CAACE,KAAR,CAAcC,SAApC;AACA,UAAMC,cAAc,GAAGJ,OAAO,CAACE,KAAR,CAAcG,UAArC;AAEAL,MAAAA,OAAO,CAACE,KAAR,CAAcG,UAAd,GAA2B,QAA3B;AACAL,MAAAA,OAAO,CAACE,KAAR,CAAcC,SAAd,GAA0B,MAA1B;AAEA,UAAMG,aAAa,GAAGN,OAAO,CAACO,YAA9B;AAEAP,MAAAA,OAAO,CAACE,KAAR,CAAcG,UAAd,GAA2BD,cAA3B;AACAJ,MAAAA,OAAO,CAACE,KAAR,CAAcC,SAAd,GAA0BF,aAA1B;AAEA,aAAOH,SAAS,CAACQ,aAAD,CAAhB;AACD;AACF,GAhBD,EAgBG,CAACV,GAAD,CAhBH;AAkBA,SAAOC,MAAP;AACD,CAtBM","sourcesContent":["import { RefObject, useEffect, useState } from \"react\";\n\nexport const useHeight = (ref: RefObject<HTMLElement>): number => {\n const [height, setHeight] = useState(0);\n\n useEffect(() => {\n if (ref && ref.current) {\n const element = ref.current;\n const prevMaxHeight = element.style.maxHeight;\n const prevVisibility = element.style.visibility;\n\n element.style.visibility = \"hidden\";\n element.style.maxHeight = \"none\";\n\n const elementHeight = element.clientHeight;\n\n element.style.visibility = prevVisibility;\n element.style.maxHeight = prevMaxHeight;\n\n return setHeight(elementHeight);\n }\n }, [ref]);\n\n return height;\n};\n"],"file":"useHeight.js"}
|
|
@@ -3,7 +3,7 @@ import React, { useContext, useRef } from "react";
|
|
|
3
3
|
import classnames from "classnames";
|
|
4
4
|
import { Transition } from "react-transition-group";
|
|
5
5
|
import { ItemContext } from "./AccordionItem";
|
|
6
|
-
import useHeight from "../../hooks/useHeight";
|
|
6
|
+
import { useHeight } from "../../hooks/useHeight";
|
|
7
7
|
import { StyledAccordionItemBody } from "./Styles";
|
|
8
8
|
export var AccordionItemBody = function AccordionItemBody(_ref) {
|
|
9
9
|
var children = _ref.children,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Accordion/AccordionItemBody.tsx"],"names":["React","useContext","useRef","classnames","Transition","ItemContext","useHeight","StyledAccordionItemBody","AccordionItemBody","children","className","itemContext","divRef","duration","height","defaultStyle","transition","maxHeight","transitionStyles","entering","entered","exiting","exited","isItemExpanded","state","displayName"],"mappings":";AAAA,OAAOA,KAAP,IAA+BC,UAA/B,EAA2CC,MAA3C,QAAuE,OAAvE;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,UAAT,QAA2B,wBAA3B;AACA,SAASC,WAAT,QAA0C,iBAA1C;AACA,
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Accordion/AccordionItemBody.tsx"],"names":["React","useContext","useRef","classnames","Transition","ItemContext","useHeight","StyledAccordionItemBody","AccordionItemBody","children","className","itemContext","divRef","duration","height","defaultStyle","transition","maxHeight","transitionStyles","entering","entered","exiting","exited","isItemExpanded","state","displayName"],"mappings":";AAAA,OAAOA,KAAP,IAA+BC,UAA/B,EAA2CC,MAA3C,QAAuE,OAAvE;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,UAAT,QAA2B,wBAA3B;AACA,SAASC,WAAT,QAA0C,iBAA1C;AACA,SAASC,SAAT,QAA0B,uBAA1B;AACA,SAASC,uBAAT,QAAwC,UAAxC;AASA,OAAO,IAAMC,iBAAyC,GAAG,SAA5CA,iBAA4C,OAGnD;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,SACI,QADJA,SACI;AACJ,MAAMC,WAAW,GAAGV,UAAU,CAAsBI,WAAtB,CAA9B;AACA,MAAMO,MAAM,GAAGV,MAAM,CAAC,IAAD,CAArB;AACA,MAAMW,QAAQ,GAAG,GAAjB;AACA,MAAMC,MAAM,GAAGR,SAAS,CAACM,MAAD,CAAxB;AAEA,MAAMG,YAAY,GAAG;AACnBC,IAAAA,UAAU,kBAAgBH,QAAhB,cADS;AAEnBI,IAAAA,SAAS,EAAE;AAFQ,GAArB;AAKA,MAAMC,gBAAgB,GAAG;AACvBC,IAAAA,QAAQ,EAAE;AAAEF,MAAAA,SAAS,EAAEH;AAAb,KADa;AAEvBM,IAAAA,OAAO,EAAE;AAAEH,MAAAA,SAAS,EAAEH;AAAb,KAFc;AAGvBO,IAAAA,OAAO,EAAE;AAAEJ,MAAAA,SAAS,EAAE;AAAb,KAHc;AAIvBK,IAAAA,MAAM,EAAE;AAAEL,MAAAA,SAAS,EAAE;AAAb;AAJe,GAAzB;AAOA,sBACE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAE,GAArB;AAA0B,IAAA,EAAE,EAAEN,WAAF,oBAAEA,WAAW,CAAEY;AAA3C,KACG,UAACC,KAAD;AAAA,wBACC,oBAAC,uBAAD;AACE,MAAA,GAAG,EAAEZ,MADP;AAEE,MAAA,SAAS,EAAET,UAAU,CAAC,mBAAD,EAAsBO,SAAtB,CAFvB;AAGE,MAAA,KAAK,eACAK,YADA,EAEAG,gBAAgB,CAACM,KAAD,CAFhB;AAHP,OAQGf,QARH,CADD;AAAA,GADH,CADF;AAgBD,CArCM;AAuCPD,iBAAiB,CAACiB,WAAlB,GAAgC,mBAAhC","sourcesContent":["import React, { ReactNode, FC, useContext, useRef, ReactElement } from \"react\";\nimport classnames from \"classnames\";\nimport { Transition } from \"react-transition-group\";\nimport { ItemContext, IItemContext } from \"./AccordionItem\";\nimport { useHeight } from \"../../hooks/useHeight\";\nimport { StyledAccordionItemBody } from \"./Styles\";\n\ninterface IAccordionItemBody {\n /** Children type of node or string */\n children: ReactNode | string;\n /** ClassName */\n className?: string;\n}\n\nexport const AccordionItemBody: FC<IAccordionItemBody> = ({\n children,\n className,\n}) => {\n const itemContext = useContext<IItemContext | null>(ItemContext);\n const divRef = useRef(null);\n const duration = 200;\n const height = useHeight(divRef);\n\n const defaultStyle = {\n transition: `max-height ${duration}ms linear`,\n maxHeight: 0,\n };\n\n const transitionStyles = {\n entering: { maxHeight: height },\n entered: { maxHeight: height },\n exiting: { maxHeight: 0 },\n exited: { maxHeight: 0 },\n };\n\n return (\n <Transition timeout={200} in={itemContext?.isItemExpanded}>\n {(state): ReactElement => (\n <StyledAccordionItemBody\n ref={divRef}\n className={classnames(\"accordionItemBody\", className)}\n style={{\n ...defaultStyle,\n ...transitionStyles[state],\n }}\n >\n {children}\n </StyledAccordionItemBody>\n )}\n </Transition>\n );\n};\n\nAccordionItemBody.displayName = \"AccordionItemBody\";\n"],"file":"AccordionItemBody.js"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
declare const OrderFirstIcon: React.ForwardRefExoticComponent<Pick<React.SVGProps<SVGSVGElement>, "string" | "style" | "clipPath" | "filter" | "mask" | "path" | "key" | "name" | "type" | "className" | "id" | "lang" | "tabIndex" | "role" | "color" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "tw" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "height" | "max" | "media" | "method" | "min" | "target" | "width" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "alignmentBaseline" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clip" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cursor" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "direction" | "display" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "end" | "exponent" | "externalResourcesRequired" | "fill" | "fillOpacity" | "fillRule" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "format" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "href" | "imageRendering" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "letterSpacing" | "lightingColor" | "limitingConeAngle" | "local" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mode" | "numOctaves" | "offset" | "opacity" | "operator" | "order" | "orient" | "orientation" | "origin" | "overflow" | "overlinePosition" | "overlineThickness" | "paintOrder" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "pointerEvents" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rotate" | "rx" | "ry" | "scale" | "seed" | "shapeRendering" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textDecoration" | "textLength" | "textRendering" | "to" | "transform" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeBidi" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "values" | "vectorEffect" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "visibility" | "vMathematical" | "widths" | "wordSpacing" | "writingMode" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan"> & React.RefAttributes<SVGSVGElement>>;
|
|
3
|
+
export default OrderFirstIcon;
|
|
4
|
+
//# sourceMappingURL=OrderFirst.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OrderFirst.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/OrderFirst.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,QAAA,MAAM,cAAc,6kPAiBnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
+
import React from "react";
|
|
3
|
+
var OrderFirstIcon = /*#__PURE__*/React.forwardRef(function (props, svgRef) {
|
|
4
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
5
|
+
width: 24,
|
|
6
|
+
height: 24,
|
|
7
|
+
viewBox: "0 0 24 24",
|
|
8
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
9
|
+
fill: "var(--color-theme-600)",
|
|
10
|
+
ref: svgRef
|
|
11
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
12
|
+
d: "M4 4h16a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1V5a1 1 0 011-1zm2 14h12a1 1 0 010 2H6a1 1 0 010-2zm0-4h12a1 1 0 010 2H6a1 1 0 010-2zm0-4h12a1 1 0 010 2H6a1 1 0 010-2z",
|
|
13
|
+
fillRule: "evenodd"
|
|
14
|
+
}));
|
|
15
|
+
});
|
|
16
|
+
OrderFirstIcon.displayName = "OrderFirstIcon";
|
|
17
|
+
export default OrderFirstIcon;
|
|
18
|
+
//# sourceMappingURL=OrderFirst.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/Icons/collection/OrderFirst.tsx"],"names":["React","OrderFirstIcon","forwardRef","props","svgRef","displayName"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,IAAMC,cAAc,gBAAGD,KAAK,CAACE,UAAN,CACrB,UAACC,KAAD,EAAuCC,MAAvC;AAAA,sBACE;AACE,IAAA,KAAK,EAAE,EADT;AAEE,IAAA,MAAM,EAAE,EAFV;AAGE,IAAA,OAAO,EAAC,WAHV;AAIE,IAAA,KAAK,EAAC,4BAJR;AAKE,IAAA,IAAI,EAAC,wBALP;AAME,IAAA,GAAG,EAAEA;AANP,KAOMD,KAPN,gBASE;AACE,IAAA,CAAC,EAAC,yKADJ;AAEE,IAAA,QAAQ,EAAC;AAFX,IATF,CADF;AAAA,CADqB,CAAvB;AAkBAF,cAAc,CAACI,WAAf,GAA6B,gBAA7B;AACA,eAAeJ,cAAf","sourcesContent":["import React from \"react\";\nconst OrderFirstIcon = 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 fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M4 4h16a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1V5a1 1 0 011-1zm2 14h12a1 1 0 010 2H6a1 1 0 010-2zm0-4h12a1 1 0 010 2H6a1 1 0 010-2zm0-4h12a1 1 0 010 2H6a1 1 0 010-2z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nOrderFirstIcon.displayName = \"OrderFirstIcon\";\nexport default OrderFirstIcon;\n"],"file":"OrderFirst.js"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
declare const TaskListAddIcon: React.ForwardRefExoticComponent<Pick<React.SVGProps<SVGSVGElement>, "string" | "style" | "clipPath" | "filter" | "mask" | "path" | "key" | "name" | "type" | "className" | "id" | "lang" | "tabIndex" | "role" | "color" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "tw" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "height" | "max" | "media" | "method" | "min" | "target" | "width" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "alignmentBaseline" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clip" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cursor" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "direction" | "display" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "end" | "exponent" | "externalResourcesRequired" | "fill" | "fillOpacity" | "fillRule" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "format" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "href" | "imageRendering" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "letterSpacing" | "lightingColor" | "limitingConeAngle" | "local" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mode" | "numOctaves" | "offset" | "opacity" | "operator" | "order" | "orient" | "orientation" | "origin" | "overflow" | "overlinePosition" | "overlineThickness" | "paintOrder" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "pointerEvents" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rotate" | "rx" | "ry" | "scale" | "seed" | "shapeRendering" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textDecoration" | "textLength" | "textRendering" | "to" | "transform" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeBidi" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "values" | "vectorEffect" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "visibility" | "vMathematical" | "widths" | "wordSpacing" | "writingMode" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan"> & React.RefAttributes<SVGSVGElement>>;
|
|
3
|
+
export default TaskListAddIcon;
|
|
4
|
+
//# sourceMappingURL=TaskListAdd.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TaskListAdd.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/TaskListAdd.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,QAAA,MAAM,eAAe,6kPAiBpB,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
+
import React from "react";
|
|
3
|
+
var TaskListAddIcon = /*#__PURE__*/React.forwardRef(function (props, svgRef) {
|
|
4
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
5
|
+
width: 24,
|
|
6
|
+
height: 24,
|
|
7
|
+
viewBox: "0 0 24 24",
|
|
8
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
9
|
+
fill: "var(--color-theme-600)",
|
|
10
|
+
ref: svgRef
|
|
11
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
12
|
+
d: "M20 14v3h3v2h-3v3h-2v-3h-3v-2h3v-3h2zm-8 4a1 1 0 010 2H5a1 1 0 010-2h7zm0-4a1 1 0 010 2H5a1 1 0 010-2h7zm7-4a1 1 0 010 2H5a1 1 0 010-2h14zm0-6a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5a1 1 0 011-1h14z",
|
|
13
|
+
fillRule: "evenodd"
|
|
14
|
+
}));
|
|
15
|
+
});
|
|
16
|
+
TaskListAddIcon.displayName = "TaskListAddIcon";
|
|
17
|
+
export default TaskListAddIcon;
|
|
18
|
+
//# sourceMappingURL=TaskListAdd.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/Icons/collection/TaskListAdd.tsx"],"names":["React","TaskListAddIcon","forwardRef","props","svgRef","displayName"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,IAAMC,eAAe,gBAAGD,KAAK,CAACE,UAAN,CACtB,UAACC,KAAD,EAAuCC,MAAvC;AAAA,sBACE;AACE,IAAA,KAAK,EAAE,EADT;AAEE,IAAA,MAAM,EAAE,EAFV;AAGE,IAAA,OAAO,EAAC,WAHV;AAIE,IAAA,KAAK,EAAC,4BAJR;AAKE,IAAA,IAAI,EAAC,wBALP;AAME,IAAA,GAAG,EAAEA;AANP,KAOMD,KAPN,gBASE;AACE,IAAA,CAAC,EAAC,4MADJ;AAEE,IAAA,QAAQ,EAAC;AAFX,IATF,CADF;AAAA,CADsB,CAAxB;AAkBAF,eAAe,CAACI,WAAhB,GAA8B,iBAA9B;AACA,eAAeJ,eAAf","sourcesContent":["import React from \"react\";\nconst TaskListAddIcon = 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 fill=\"var(--color-theme-600)\"\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M20 14v3h3v2h-3v3h-2v-3h-3v-2h3v-3h2zm-8 4a1 1 0 010 2H5a1 1 0 010-2h7zm0-4a1 1 0 010 2H5a1 1 0 010-2h7zm7-4a1 1 0 010 2H5a1 1 0 010-2h14zm0-6a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5a1 1 0 011-1h14z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nTaskListAddIcon.displayName = \"TaskListAddIcon\";\nexport default TaskListAddIcon;\n"],"file":"TaskListAdd.js"}
|
|
@@ -84,6 +84,7 @@ export { default as MyWorkIcon } from "./MyWork";
|
|
|
84
84
|
export { default as NoteAddIcon } from "./NoteAdd";
|
|
85
85
|
export { default as NotificationBellIcon } from "./NotificationBell";
|
|
86
86
|
export { default as OpenExpandedIcon } from "./OpenExpanded";
|
|
87
|
+
export { default as OrderFirstIcon } from "./OrderFirst";
|
|
87
88
|
export { default as PaidSmallIcon } from "./PaidSmall";
|
|
88
89
|
export { default as PauseIcon } from "./PauseIcon";
|
|
89
90
|
export { default as PencilSmallIcon } from "./PencilSmall";
|
|
@@ -111,6 +112,7 @@ export { default as SortGeneralIcon } from "./SortGeneral";
|
|
|
111
112
|
export { default as SortIcon } from "./SortIcon";
|
|
112
113
|
export { default as StarIcon } from "./Star";
|
|
113
114
|
export { default as TaskAddIcon } from "./TaskAdd";
|
|
115
|
+
export { default as TaskListAddIcon } from "./TaskListAdd";
|
|
114
116
|
export { default as TextFormatGeneralAltIcon } from "./TextFormatGeneralAlt";
|
|
115
117
|
export { default as ThumbUpOutlineIcon } from "./ThumbUpOutline";
|
|
116
118
|
export { default as TrashIcon } from "./Trash";
|