@activecollab/components 1.0.12 → 1.0.13
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/Menu/Menu.js +2 -1
- package/dist/cjs/components/Menu/Menu.js.map +1 -1
- package/dist/cjs/components/Pickers/Styles.js +5 -3
- package/dist/cjs/components/Pickers/Styles.js.map +1 -1
- package/dist/cjs/components/SelectDate/DatePickerForm.js +4 -2
- package/dist/cjs/components/SelectDate/DatePickerForm.js.map +1 -1
- package/dist/cjs/components/SelectDate/Styles.js +4 -4
- package/dist/cjs/components/SelectDate/Styles.js.map +1 -1
- package/dist/cjs/components/Steppers/DateStepper/Styles.js +2 -2
- package/dist/cjs/components/Steppers/DateStepper/Styles.js.map +1 -1
- package/dist/esm/components/Menu/Menu.d.ts +1 -0
- package/dist/esm/components/Menu/Menu.d.ts.map +1 -1
- package/dist/esm/components/Menu/Menu.js +3 -3
- package/dist/esm/components/Menu/Menu.js.map +1 -1
- package/dist/esm/components/Pickers/Styles.d.ts.map +1 -1
- package/dist/esm/components/Pickers/Styles.js +5 -3
- package/dist/esm/components/Pickers/Styles.js.map +1 -1
- package/dist/esm/components/SelectDate/DatePickerForm.d.ts.map +1 -1
- package/dist/esm/components/SelectDate/DatePickerForm.js +3 -2
- package/dist/esm/components/SelectDate/DatePickerForm.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/esm/components/SelectDate/Styles.js +2 -3
- package/dist/esm/components/SelectDate/Styles.js.map +1 -1
- package/dist/esm/components/Steppers/DateStepper/Styles.d.ts.map +1 -1
- package/dist/esm/components/Steppers/DateStepper/Styles.js +2 -2
- package/dist/esm/components/Steppers/DateStepper/Styles.js.map +1 -1
- package/dist/index.js +13 -10
- 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
|
@@ -58,6 +58,7 @@ var Menu = function Menu(_ref) {
|
|
|
58
58
|
_ref$position = _ref.position,
|
|
59
59
|
position = _ref$position === void 0 ? "bottom-start" : _ref$position,
|
|
60
60
|
target = _ref.target,
|
|
61
|
+
className = _ref.className,
|
|
61
62
|
menuClassName = _ref.menuClassName,
|
|
62
63
|
popperClassName = _ref.popperClassName,
|
|
63
64
|
backgroundElementClass = _ref.backgroundElementClass,
|
|
@@ -119,7 +120,7 @@ var Menu = function Menu(_ref) {
|
|
|
119
120
|
className: popperClassName,
|
|
120
121
|
tabIndex: -1
|
|
121
122
|
}, /*#__PURE__*/_react.default.createElement(_Styles.StyledMenu, {
|
|
122
|
-
className: (0, _classnames.default)("c-simple-menu__paper", "c-simple-menu__".concat(mode), menuClassName),
|
|
123
|
+
className: (0, _classnames.default)("c-simple-menu__paper", "c-simple-menu__".concat(mode), menuClassName, className),
|
|
123
124
|
$mode: mode,
|
|
124
125
|
onMouseDown: onMenuClick
|
|
125
126
|
}, /*#__PURE__*/_react.default.createElement(_context.MenuContextProvider, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Menu/Menu.tsx"],"names":["Menu","children","disableFocusLock","onMenuClick","handleScroll","mode","open","defaultOpen","onOpen","onClose","onBeforeClose","position","target","menuClassName","popperClassName","backgroundElementClass","windowAbsolutelyPositioned","setOpen","childNode","setChildNode","elementRef","handleRefRef","ref","undefined","handleRef","handleOpen","event","preventDefault","handleClose","childProps","forceClose","targetProps","onClick","React","cloneElement","displayName"],"mappings":";;;;;;;;;AAAA;;AAWA;;AACA;;
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Menu/Menu.tsx"],"names":["Menu","children","disableFocusLock","onMenuClick","handleScroll","mode","open","defaultOpen","onOpen","onClose","onBeforeClose","position","target","className","menuClassName","popperClassName","backgroundElementClass","windowAbsolutelyPositioned","setOpen","childNode","setChildNode","elementRef","handleRefRef","ref","undefined","handleRef","handleOpen","event","preventDefault","handleClose","childProps","forceClose","targetProps","onClick","React","cloneElement","displayName"],"mappings":"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","sourcesContent":["import React, {\n useRef,\n FC,\n ReactNode,\n MouseEvent,\n useState,\n useCallback,\n useEffect,\n ReactElement,\n Ref,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { Popper } from \"../Popper\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Overlay } from \"../Overlay\";\nimport { Window } from \"../Window\";\nimport { Placement } from \"@popperjs/core\";\nimport { MenuContextProvider } from \"./context\";\nimport { StyledMenu } from \"./Styles\";\n\ninterface ElementWithRef<T> extends ReactElement {\n ref?: Ref<T>;\n}\n\nexport type MenuMode = \"normal\" | \"wider\" | \"tiny\";\n\nexport interface IMenu {\n /** Menu content */\n children: ReactNode;\n /** On menu element click */\n onMenuClick?: (event: MouseEvent<HTMLElement>) => void;\n /** Handle scroll bar */\n handleScroll?: boolean;\n /** Disable Focus Lock */\n disableFocusLock?: boolean;\n /** Menu width mode */\n mode?: MenuMode;\n /** Should menu be open when it's mounted */\n open?: boolean;\n /** Callback triggered when modal has been opened */\n onOpen?: () => void;\n /** Callback triggered when modal has been closed */\n onClose?: () => void;\n /** Before close callback */\n onBeforeClose?: () => boolean;\n /** Position Menu */\n position?: Placement;\n /** Target element */\n target?: ElementWithRef<Element>;\n className?: string;\n /** Menu classes */\n menuClassName?: string;\n /** Popper class name*/\n popperClassName?: string;\n /** Background style for clickable element after the menu is open (opacity, color, etc...) */\n backgroundElementClass?: string;\n /** Should Window be positioned absolutely */\n windowAbsolutelyPositioned?: boolean;\n}\n\nexport const Menu: FC<IMenu> = ({\n children,\n disableFocusLock = false,\n onMenuClick,\n handleScroll = true,\n mode = \"normal\",\n open: defaultOpen = false,\n onOpen,\n onClose,\n onBeforeClose,\n position = \"bottom-start\",\n target,\n className,\n menuClassName,\n popperClassName,\n backgroundElementClass,\n windowAbsolutelyPositioned = false,\n}) => {\n const [open, setOpen] = useState(defaultOpen);\n const [childNode, setChildNode] = useState<Element | null>();\n const elementRef = useRef<Element | null>(null);\n\n useEffect(() => {\n setOpen(defaultOpen);\n }, [defaultOpen]);\n\n const handleRefRef = useForkRef(\n target ? target.ref : undefined,\n setChildNode\n );\n const handleRef = useForkRef(handleRefRef, elementRef);\n\n const handleOpen = useCallback(\n (event: Pick<MouseEvent<Element>, \"preventDefault\">) => {\n event && event.preventDefault();\n setOpen(true);\n typeof onOpen === \"function\" && onOpen();\n },\n [onOpen]\n );\n\n const handleClose = useCallback(() => {\n if (typeof onBeforeClose === \"function\" && !onBeforeClose()) {\n return;\n }\n setOpen(false);\n typeof onClose === \"function\" && onClose();\n }, [onClose, onBeforeClose]);\n\n const childProps = {\n forceClose: handleClose,\n };\n\n const targetProps = {\n open,\n ref: handleRef,\n onClick: handleOpen,\n };\n\n return (\n <>\n {target && React.cloneElement(target, targetProps)}\n {open ? (\n <Window\n onClose={handleClose}\n disableScrollLock={!handleScroll}\n disableFocusLock={disableFocusLock}\n style={{\n position: windowAbsolutelyPositioned ? \"absolute\" : \"fixed\",\n }}\n >\n <Overlay\n className={backgroundElementClass}\n onClick={handleClose}\n tabIndex={-1}\n />\n <Popper\n anchorEl={childNode}\n open={childNode ? open : false}\n placement={position}\n className={popperClassName}\n tabIndex={-1}\n >\n <StyledMenu\n className={classnames(\n \"c-simple-menu__paper\",\n `c-simple-menu__${mode}`,\n menuClassName,\n className\n )}\n $mode={mode}\n onMouseDown={onMenuClick}\n >\n <MenuContextProvider value={{ open, setOpen }}>\n {typeof children === \"function\"\n ? children(childProps)\n : children}\n </MenuContextProvider>\n </StyledMenu>\n </Popper>\n </Window>\n ) : null}\n </>\n );\n};\n\nMenu.displayName = \"Menu\";\n"],"file":"Menu.js"}
|
|
@@ -54,7 +54,7 @@ exports.StyledMonths = StyledMonths;
|
|
|
54
54
|
var StyledMonth = _styledComponents.default.div.withConfig({
|
|
55
55
|
displayName: "Styles__StyledMonth",
|
|
56
56
|
componentId: "sc-1owijsg-3"
|
|
57
|
-
})(["width:26%;transition-duration:0.3s;", " ", " ", " ", ""], {
|
|
57
|
+
})(["width:26%;transition-duration:0.3s;", " ", " ", " ", " ", ""], {
|
|
58
58
|
"margin": "auto",
|
|
59
59
|
"cursor": "pointer",
|
|
60
60
|
"borderRadius": "1rem",
|
|
@@ -66,9 +66,11 @@ var StyledMonth = _styledComponents.default.div.withConfig({
|
|
|
66
66
|
"color": "var(--color-theme-100)"
|
|
67
67
|
});
|
|
68
68
|
}, function (props) {
|
|
69
|
-
return props.$isCurrent && (0, _styledComponents.css)(["", ""], {
|
|
69
|
+
return props.$isCurrent && !props.$isSelected && (0, _styledComponents.css)(["", ""], {
|
|
70
70
|
"color": "var(--color-primary)"
|
|
71
71
|
});
|
|
72
|
+
}, function (props) {
|
|
73
|
+
return props.$isCurrent && props.$isSelected && (0, _styledComponents.css)(["color:var(--color-theme-100);"]);
|
|
72
74
|
}, function (props) {
|
|
73
75
|
return props.$isCurrentQuarter && (0, _styledComponents.css)(["background-color:var(--color-primary-300);"]);
|
|
74
76
|
});
|
|
@@ -95,7 +97,7 @@ exports.StyledYearMonthPickerNavBar = StyledYearMonthPickerNavBar;
|
|
|
95
97
|
var StyledYearMonthPickerNavBarItem = _styledComponents.default.span.withConfig({
|
|
96
98
|
displayName: "Styles__StyledYearMonthPickerNavBarItem",
|
|
97
99
|
componentId: "sc-1owijsg-6"
|
|
98
|
-
})(["", " transition-duration:0.3s;&:hover{background-color:var(--color-primary-300);border-radius:15px;}"], {
|
|
100
|
+
})(["", " transition-duration:0.3s;margin-top:1px;display:inline-block;height:24px;&:hover{background-color:var(--color-primary-300);border-radius:15px;}"], {
|
|
99
101
|
"paddingLeft": "1rem",
|
|
100
102
|
"paddingRight": "1rem",
|
|
101
103
|
"cursor": "pointer"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Pickers/Styles.ts"],"names":["StyledNavBarButton","Button","props","$direction","css","StyledMenuNavIcon","MenuNavIcon","StyledMonths","styled","div","StyledMonth","$isSelected","$isCurrent","$isCurrentQuarter","StyledYearMonthPicker","StyledYearMonthPickerNavBar","StyledYearMonthPickerNavBarItem","span","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;;;;;;;AAEO,IAAMA,kBAAkB,GAAG,+BAAOC,cAAP,CAAH;AAAA;AAAA;AAAA,kGAS3B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,UAArB,QACAC,qBADA,2BADA;AAAA,CAT2B,EAgB3B,UAACF,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,MAArB,QACAC,qBADA,iBADA;AAAA,CAhB2B,CAAxB;;AAuBA,IAAMC,iBAAiB,GAAG,+BAAOC,oBAAP,CAAH;AAAA;AAAA;AAAA,uCACxB;AAAA;AAAA,CADwB,CAAvB;;;AAWA,IAAMC,YAAY,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,mCAInB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAJmB,CAAlB;;;;AAcA,IAAMC,WAAW,GAAGF,0BAAOC,GAAV;AAAA;AAAA;AAAA
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Pickers/Styles.ts"],"names":["StyledNavBarButton","Button","props","$direction","css","StyledMenuNavIcon","MenuNavIcon","StyledMonths","styled","div","StyledMonth","$isSelected","$isCurrent","$isCurrentQuarter","StyledYearMonthPicker","StyledYearMonthPickerNavBar","StyledYearMonthPickerNavBarItem","span","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;;;;;;;AAEO,IAAMA,kBAAkB,GAAG,+BAAOC,cAAP,CAAH;AAAA;AAAA;AAAA,kGAS3B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,UAArB,QACAC,qBADA,2BADA;AAAA,CAT2B,EAgB3B,UAACF,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,MAArB,QACAC,qBADA,iBADA;AAAA,CAhB2B,CAAxB;;AAuBA,IAAMC,iBAAiB,GAAG,+BAAOC,oBAAP,CAAH;AAAA;AAAA;AAAA,uCACxB;AAAA;AAAA,CADwB,CAAvB;;;AAWA,IAAMC,YAAY,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,mCAInB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAJmB,CAAlB;;;;AAcA,IAAMC,WAAW,GAAGF,0BAAOC,GAAV;AAAA;AAAA;AAAA,oEAIlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAJkB,EAYpB,UAACP,KAAD;AAAA,SACA,CAACA,KAAK,CAACS,WAAP,OACIP,qBADJ,iEAMIA,qBANJ,mDAOU;AAAA;AAAA,GAPV,CADA;AAAA,CAZoB,EAwBnB,UAACF,KAAD;AAAA,SACDA,KAAK,CAACU,UAAN,IACA,CAACV,KAAK,CAACS,WADP,QAEAP,qBAFA,YAGM;AAAA;AAAA,GAHN,CADC;AAAA,CAxBmB,EA+BnB,UAACF,KAAD;AAAA,SACDA,KAAK,CAACU,UAAN,IACAV,KAAK,CAACS,WADN,QAEAP,qBAFA,oCADC;AAAA,CA/BmB,EAsCnB,UAACF,KAAD;AAAA,SACDA,KAAK,CAACW,iBAAN,QACAT,qBADA,iDADC;AAAA,CAtCmB,CAAjB;;;;AA6CA,IAAMU,qBAAqB,GAAGN,0BAAOC,GAAV;AAAA;AAAA;AAAA,iHAK5B;AAAA;AAAA;AAAA,CAL4B,CAA3B;;;;AAaA,IAAMM,2BAA2B,GAAGP,0BAAOC,GAAV;AAAA;AAAA;AAAA,iCAAjC;;;;AAKA,IAAMO,+BAA+B,GAAGR,0BAAOS,IAAV;AAAA;AAAA;AAAA,6JACtC;AAAA;AAAA;AAAA;AAAA,CADsC,CAArC;;;AAcPjB,kBAAkB,CAACkB,WAAnB,GAAiC,oBAAjC;AACAb,iBAAiB,CAACa,WAAlB,GAAgC,mBAAhC;AACAX,YAAY,CAACW,WAAb,GAA2B,cAA3B;AACAR,WAAW,CAACQ,WAAZ,GAA0B,aAA1B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Button } from \"../Button/Button\";\nimport tw from \"twin.macro\";\nimport MenuNavIcon from \"../Icons/collection/MenuNavIcon\";\n\nexport const StyledNavBarButton = styled(Button)<{\n $direction: \"next\" | \"previous\";\n}>`\n position: absolute;\n margin-top: 1px;\n cursor: pointer;\n z-index: 2;\n background-image: none;\n\n ${(props) =>\n props.$direction === \"previous\" &&\n css`\n right: auto;\n left: 1px;\n `}\n\n ${(props) =>\n props.$direction === \"next\" &&\n css`\n right: 1px;\n `}\n`;\n\nexport const StyledMenuNavIcon = styled(MenuNavIcon)`\n ${tw`tw-transform`}\n transform: rotate(180deg);\n`;\n\ninterface StyledMonthInterface {\n $isCurrent: boolean;\n $isSelected: boolean;\n $isCurrentQuarter: boolean;\n}\n\nexport const StyledMonths = styled.div`\n top: 30px;\n height: 230px;\n\n ${tw`\n tw-absolute\n tw-left-0\n tw-p-5\n tw-flex\n tw-flex-wrap\n tw-bg-page-paper-main\n tw-z-10\n `}\n`;\nexport const StyledMonth = styled.div<StyledMonthInterface>`\n width: 26%;\n transition-duration: 0.3s;\n\n ${tw`\n tw-m-auto\n tw-cursor-pointer\n tw-rounded-xl\n tw-font-bold\n tw-text-sm\n `}\n\n ${(props) =>\n !props.$isSelected\n ? css`\n &:hover {\n background-color: var(--color-primary-300);\n }\n `\n : css`\n ${tw`tw-text-theme-100`}\n background-color: var(--color-primary);\n `}\n\n ${(props) =>\n props.$isCurrent &&\n !props.$isSelected &&\n css`\n ${tw`tw-text-primary`}\n `}\n\n ${(props) =>\n props.$isCurrent &&\n props.$isSelected &&\n css`\n color: var(--color-theme-100);\n `}\n\n ${(props) =>\n props.$isCurrentQuarter &&\n css`\n background-color: var(--color-primary-300);\n `}\n`;\n\nexport const StyledYearMonthPicker = styled.div`\n display: table-caption;\n margin-bottom: 0.5em;\n padding: 0 0.5em;\n\n ${tw`tw-text-center tw-text-theme-900`}\n\n &> div {\n font-weight: 500;\n font-size: 1.15em;\n }\n`;\n\nexport const StyledYearMonthPickerNavBar = styled.div`\n width: auto;\n margin: 0 auto;\n`;\n\nexport const StyledYearMonthPickerNavBarItem = styled.span`\n ${tw`tw-px-4 tw-cursor-pointer`}\n transition-duration: 0.3s;\n\n margin-top: 1px;\n display: inline-block;\n height: 24px;\n\n &:hover {\n background-color: var(--color-primary-300);\n border-radius: 15px;\n }\n`;\n\nStyledNavBarButton.displayName = \"StyledNavBarButton\";\nStyledMenuNavIcon.displayName = \"StyledMenuNavIcon\";\nStyledMonths.displayName = \"StyledMonths\";\nStyledMonth.displayName = \"StyledMonth\";\n"],"file":"Styles.js"}
|
|
@@ -11,6 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
11
11
|
|
|
12
12
|
var _moment = _interopRequireDefault(require("react-day-picker/moment"));
|
|
13
13
|
|
|
14
|
+
var _ = require("..");
|
|
15
|
+
|
|
14
16
|
var _Button = require("../Button/Button");
|
|
15
17
|
|
|
16
18
|
var _CancelCross = _interopRequireDefault(require("../Icons/collection/CancelCross"));
|
|
@@ -62,7 +64,7 @@ var DatePickerForm = function DatePickerForm(_ref) {
|
|
|
62
64
|
onKeyDown: handleOnKeyDown,
|
|
63
65
|
tabIndex: -1,
|
|
64
66
|
className: "date-picker-form"
|
|
65
|
-
}, /*#__PURE__*/_react.default.createElement(_Styles.StyledSelectDateDatePicker, {
|
|
67
|
+
}, /*#__PURE__*/_react.default.createElement(_Styles.StyledSelectDateDatePicker, null, /*#__PURE__*/_react.default.createElement(_.DatePicker, {
|
|
66
68
|
month: month,
|
|
67
69
|
onMonthChange: onMonthChange,
|
|
68
70
|
onChange: onChange,
|
|
@@ -74,7 +76,7 @@ var DatePickerForm = function DatePickerForm(_ref) {
|
|
|
74
76
|
modifiers: modifiers,
|
|
75
77
|
renderDay: renderDay,
|
|
76
78
|
localeUtils: _moment.default
|
|
77
|
-
}), mode === "atomic" || !dateRequired ? /*#__PURE__*/_react.default.createElement(_Styles.StyledSelectDateFooter, {
|
|
79
|
+
})), mode === "atomic" || !dateRequired ? /*#__PURE__*/_react.default.createElement(_Styles.StyledSelectDateFooter, {
|
|
78
80
|
className: "date-picker-footer",
|
|
79
81
|
$mode: mode
|
|
80
82
|
}, mode === "atomic" ? /*#__PURE__*/_react.default.createElement(_Styles.StyledSelectDateButtons, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/SelectDate/DatePickerForm.tsx"],"names":["DatePickerForm","mode","saveButtonText","cancelButtonText","clearButtonText","onSave","onCancel","onClear","dateRequired","firstDayOfWeek","selectedDays","selectionMode","onChange","onDayClick","onMonthChange","month","disabledSaveButton","modifiers","renderDay","handleOnKeyDown","e","key","MomentLocaleUtils","zIndex","displayName"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAuCO,IAAMA,cAAmC,GAAG,SAAtCA,cAAsC,OAmB7C;AAAA,MAlBJC,IAkBI,QAlBJA,IAkBI;AAAA,iCAjBJC,cAiBI;AAAA,MAjBJA,cAiBI,oCAjBa,MAiBb;AAAA,mCAhBJC,gBAgBI;AAAA,MAhBJA,gBAgBI,sCAhBe,QAgBf;AAAA,kCAfJC,eAeI;AAAA,MAfJA,eAeI,qCAfc,OAed;AAAA,MAdJC,MAcI,QAdJA,MAcI;AAAA,MAbJC,QAaI,QAbJA,QAaI;AAAA,MAZJC,OAYI,QAZJA,OAYI;AAAA,+BAXJC,YAWI;AAAA,MAXJA,YAWI,kCAXW,KAWX;AAAA,iCAVJC,cAUI;AAAA,MAVJA,cAUI,oCAVa,CAUb;AAAA,MATJC,YASI,QATJA,YASI;AAAA,gCARJC,aAQI;AAAA,MARJA,aAQI,mCARY,QAQZ;AAAA,MAPJC,QAOI,QAPJA,QAOI;AAAA,MANJC,UAMI,QANJA,UAMI;AAAA,MALJC,aAKI,QALJA,aAKI;AAAA,MAJJC,KAII,QAJJA,KAII;AAAA,mCAHJC,kBAGI;AAAA,MAHJA,kBAGI,sCAHiB,KAGjB;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADJC,SACI,QADJA,SACI;AACJ,MAAMC,eAAe,GAAG,wBACtB,UAACC,CAAD,EAAO;AACL,QAAIA,CAAC,CAACC,GAAF,KAAU,OAAV,IAAqB,OAAOhB,MAAP,KAAkB,UAA3C,EAAuD;AACrDA,MAAAA,MAAM;AACP,KAFD,MAEO,IACL,CAACe,CAAC,CAACC,GAAF,KAAU,KAAV,IAAmBD,CAAC,CAACC,GAAF,KAAU,QAA9B,KACA,OAAOf,QAAP,KAAoB,UAFf,EAGL;AACAA,MAAAA,QAAQ,CAACc,CAAD,CAAR;AACD;AACF,GAVqB,EAWtB,CAACf,MAAD,EAASC,QAAT,CAXsB,CAAxB;AAcA,sBACE;AAAK,IAAA,SAAS,EAAEa,eAAhB;AAAiC,IAAA,QAAQ,EAAE,CAAC,CAA5C;AAA+C,IAAA,SAAS,EAAC;AAAzD,kBACE,6BAAC,kCAAD;AACE,IAAA,KAAK,EAAEJ,KADT;AAEE,IAAA,aAAa,EAAED,aAFjB;AAGE,IAAA,QAAQ,EAAEF,QAHZ;AAIE,IAAA,UAAU,EAAEC,UAJd;AAKE,IAAA,YAAY,EAAEH,YALhB;AAME,IAAA,aAAa,EAAEC,aANjB;AAOE,IAAA,YAAY,EAAEH,YAPhB;AAQE,IAAA,cAAc,EAAEC,cARlB;AASE,IAAA,SAAS,EAAEQ,SATb;AAUE,IAAA,SAAS,EAAEC,SAVb;AAWE,IAAA,WAAW,EAAEI;AAXf,IADF,
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/SelectDate/DatePickerForm.tsx"],"names":["DatePickerForm","mode","saveButtonText","cancelButtonText","clearButtonText","onSave","onCancel","onClear","dateRequired","firstDayOfWeek","selectedDays","selectionMode","onChange","onDayClick","onMonthChange","month","disabledSaveButton","modifiers","renderDay","handleOnKeyDown","e","key","MomentLocaleUtils","zIndex","displayName"],"mappings":"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","sourcesContent":["import React, { FC, ReactNode, MouseEvent, useCallback } from \"react\";\nimport { RangeModifier, Modifiers, DayModifiers } from \"react-day-picker\";\nimport MomentLocaleUtils from \"react-day-picker/moment\";\nimport { DatePicker } from \"..\";\nimport { Button } from \"../Button/Button\";\nimport CancelCrossIcon from \"../Icons/collection/CancelCross\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport {\n StyledButtonClose,\n StyledButtonCloseColored,\n StyledButtonSave,\n StyledSelectDateButtons,\n StyledSelectDateDatePicker,\n StyledSelectDateFooter,\n} from \"./Styles\";\n\ninterface IDatePickerForm {\n mode: \"instant\" | \"atomic\";\n saveButtonText?: string;\n cancelButtonText?: string;\n clearButtonText?: string;\n onSave?: () => void;\n onCancel?: (event: MouseEvent<HTMLElement>) => void;\n onClear?: () => void;\n onChange?: (dates?: { from: Date; to: Date }) => void;\n /** Called when day is clicked */\n onDayClick?: (day: Date, modifiers: DayModifiers) => void;\n /** Set selected day or days */\n selectedDays?: RangeModifier;\n /** Modifiers */\n modifiers?: Partial<Modifiers>;\n /** Render day callback */\n renderDay?: (date: Date, modifiers: DayModifiers) => ReactNode;\n /** Set selection range */\n selectionMode?: string;\n /** Set is date required */\n dateRequired?: boolean;\n /** Set first day of week */\n firstDayOfWeek?: number;\n /** on month change callback */\n onMonthChange?: (month: Date) => void;\n /** Selected month */\n month: Date;\n disabledSaveButton?: boolean;\n}\n\nexport const DatePickerForm: FC<IDatePickerForm> = ({\n mode,\n saveButtonText = \"Save\",\n cancelButtonText = \"Cancel\",\n clearButtonText = \"Clear\",\n onSave,\n onCancel,\n onClear,\n dateRequired = false,\n firstDayOfWeek = 0,\n selectedDays,\n selectionMode = \"custom\",\n onChange,\n onDayClick,\n onMonthChange,\n month,\n disabledSaveButton = false,\n modifiers,\n renderDay,\n}) => {\n const handleOnKeyDown = useCallback(\n (e) => {\n if (e.key === \"Enter\" && typeof onSave === \"function\") {\n onSave();\n } else if (\n (e.key === \"Esc\" || e.key === \"Escape\") &&\n typeof onCancel === \"function\"\n ) {\n onCancel(e);\n }\n },\n [onSave, onCancel]\n );\n\n return (\n <div onKeyDown={handleOnKeyDown} tabIndex={-1} className=\"date-picker-form\">\n <StyledSelectDateDatePicker>\n <DatePicker\n month={month}\n onMonthChange={onMonthChange}\n onChange={onChange}\n onDayClick={onDayClick}\n selectedDays={selectedDays}\n selectionMode={selectionMode}\n dateRequired={dateRequired}\n firstDayOfWeek={firstDayOfWeek}\n modifiers={modifiers}\n renderDay={renderDay}\n localeUtils={MomentLocaleUtils}\n />\n </StyledSelectDateDatePicker>\n {mode === \"atomic\" || !dateRequired ? (\n <StyledSelectDateFooter className=\"date-picker-footer\" $mode={mode}>\n {mode === \"atomic\" ? (\n <StyledSelectDateButtons className=\"date-picker-buttons\">\n <StyledButtonSave\n size=\"small\"\n variant=\"primary\"\n onClick={onSave}\n disabled={disabledSaveButton}\n >\n {saveButtonText}\n </StyledButtonSave>\n <Tooltip\n title={cancelButtonText}\n popperTooltipStyle={{ zIndex: 1301 }}\n >\n <Button size=\"small\" variant=\"text gray\" onClick={onCancel}>\n <CancelCrossIcon />\n </Button>\n </Tooltip>\n {!dateRequired ? (\n <StyledButtonClose\n size=\"small\"\n onClick={onClear}\n variant=\"text gray\"\n >\n {clearButtonText}\n </StyledButtonClose>\n ) : null}\n </StyledSelectDateButtons>\n ) : (\n !dateRequired && (\n <StyledButtonCloseColored\n size=\"small\"\n onClick={onClear}\n variant=\"text colored\"\n >\n {clearButtonText}\n </StyledButtonCloseColored>\n )\n )}\n </StyledSelectDateFooter>\n ) : null}\n </div>\n );\n};\n\nDatePickerForm.displayName = \"DatePickerForm\";\n"],"file":"DatePickerForm.js"}
|
|
@@ -15,8 +15,6 @@ var _BoxSizingStyle = require("../BoxSizingStyle");
|
|
|
15
15
|
|
|
16
16
|
var _ConfirmDialog = require("../ConfirmDialog");
|
|
17
17
|
|
|
18
|
-
var _DatePicker = require("../DatePicker");
|
|
19
|
-
|
|
20
18
|
var _Button = require("../Button/Button");
|
|
21
19
|
|
|
22
20
|
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); }
|
|
@@ -44,13 +42,15 @@ var StyledConfirmDialog = (0, _styledComponents.default)(_ConfirmDialog.ConfirmD
|
|
|
44
42
|
})([".modal-header{padding:16px 30px;h1{margin:0;font-size:16px;}}.modal-body{padding:10px 30px;}.modal-divider{border-top:1px solid var(--border-primary);height:1px;}.modal-footer{padding:16px 30px;}"]);
|
|
45
43
|
exports.StyledConfirmDialog = StyledConfirmDialog;
|
|
46
44
|
StyledConfirmDialog.displayName = "StyledConfirmDialog";
|
|
47
|
-
|
|
45
|
+
|
|
46
|
+
var StyledSelectDateDatePicker = _styledComponents.default.div.withConfig({
|
|
48
47
|
displayName: "Styles__StyledSelectDateDatePicker",
|
|
49
48
|
componentId: "sc-1jkx994-3"
|
|
50
|
-
})(["", ""], {
|
|
49
|
+
})(["", " color:red;"], {
|
|
51
50
|
"paddingTop": "1rem",
|
|
52
51
|
"paddingBottom": "0.5rem"
|
|
53
52
|
});
|
|
53
|
+
|
|
54
54
|
exports.StyledSelectDateDatePicker = StyledSelectDateDatePicker;
|
|
55
55
|
StyledSelectDateDatePicker.displayName = "StyledSelectDateDatePicker";
|
|
56
56
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/SelectDate/Styles.ts"],"names":["StyledSelectDate","styled","div","FontStyle","BoxSizingStyle","displayName","StyledSelectDateButton","button","StyledConfirmDialog","ConfirmDialog","StyledSelectDateDatePicker","
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/SelectDate/Styles.ts"],"names":["StyledSelectDate","styled","div","FontStyle","BoxSizingStyle","displayName","StyledSelectDateButton","button","StyledConfirmDialog","ConfirmDialog","StyledSelectDateDatePicker","StyledSelectDateFooter","props","$mode","css","StyledSelectDateButtons","StyledButtonSave","Button","StyledButtonClose","StyledButtonCloseColored","StyledIconComponent","svg"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;;;AAEO,IAAMA,gBAAgB,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,kBACzBC,oBADyB,EAEzBC,8BAFyB,CAAtB;;;AAKPJ,gBAAgB,CAACK,WAAjB,GAA+B,kBAA/B;;AAEO,IAAMC,sBAAsB,GAAGL,0BAAOM,MAAV;AAAA;AAAA;AAAA,8MAA5B;;;AAqBPD,sBAAsB,CAACD,WAAvB,GAAqC,wBAArC;AAEO,IAAMG,mBAAmB,GAAG,+BAAOC,4BAAP,CAAH;AAAA;AAAA;AAAA,2MAAzB;;AAoBPD,mBAAmB,CAACH,WAApB,GAAkC,qBAAlC;;AAEO,IAAMK,0BAA0B,GAAGT,0BAAOC,GAAV;AAAA;AAAA;AAAA,wBACjC;AAAA;AAAA;AAAA,CADiC,CAAhC;;;AAKPQ,0BAA0B,CAACL,WAA3B,GAAyC,4BAAzC;;AAEO,IAAMM,sBAAsB,GAAGV,0BAAOC,GAAV;AAAA;AAAA;AAAA,6DAG7B;AAAA;AAAA;AAAA;AAAA;AAAA,CAH6B,EAM/B,UAACU,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,KAAgB,SAAhB,QACAC,qBADA,YAEM;AAAA;AAAA,GAFN,CADA;AAAA,CAN+B,CAA5B;;;AAaPH,sBAAsB,CAACN,WAAvB,GAAqC,wBAArC;;AAEO,IAAMU,uBAAuB,GAAGd,0BAAOC,GAAV;AAAA;AAAA;AAAA,aAC9B;AAAA;AAAA,CAD8B,CAA7B;;;AAIPa,uBAAuB,CAACV,WAAxB,GAAsC,yBAAtC;AAEO,IAAMW,gBAAgB,GAAG,+BAAOC,cAAP,CAAH;AAAA;AAAA;AAAA,aACvB;AAAA;AAAA,CADuB,CAAtB;;AAIPD,gBAAgB,CAACX,WAAjB,GAA+B,kBAA/B;AAEO,IAAMa,iBAAiB,GAAG,+BAAOD,cAAP,CAAH;AAAA;AAAA;AAAA,aACxB;AAAA;AAAA,CADwB,CAAvB;;AAIPC,iBAAiB,CAACb,WAAlB,GAAgC,mBAAhC;AAEO,IAAMc,wBAAwB,GAAG,+BAAOF,cAAP,CAAH;AAAA;AAAA;AAAA,aAC/B;AAAA;AAAA;AAAA,CAD+B,CAA9B;;AAIPE,wBAAwB,CAACd,WAAzB,GAAuC,0BAAvC;;AAEO,IAAMe,mBAAmB,GAAGnB,0BAAOoB,GAAV;AAAA;AAAA;AAAA,2GAAzB;;;AAaPD,mBAAmB,CAACf,WAApB,GAAkC,qBAAlC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { ConfirmDialog } from \"../ConfirmDialog\";\nimport { Button } from \"../Button/Button\";\n\nexport const StyledSelectDate = styled.div`\n ${FontStyle}\n ${BoxSizingStyle}\n`;\n\nStyledSelectDate.displayName = \"StyledSelectDate\";\n\nexport const StyledSelectDateButton = styled.button`\n margin: 0;\n padding: 0;\n border: none;\n background: none;\n width: auto;\n height: auto;\n color: var(--color-theme-700);\n\n span,\n svg {\n cursor: pointer;\n }\n span {\n color: var(--color-secondary);\n }\n svg:hover {\n fill: var(--color-secondary);\n }\n`;\n\nStyledSelectDateButton.displayName = \"StyledSelectDateButton\";\n\nexport const StyledConfirmDialog = styled(ConfirmDialog)`\n .modal-header {\n padding: 16px 30px;\n h1 {\n margin: 0;\n font-size: 16px;\n }\n }\n .modal-body {\n padding: 10px 30px;\n }\n .modal-divider {\n border-top: 1px solid var(--border-primary);\n height: 1px;\n }\n .modal-footer {\n padding: 16px 30px;\n }\n`;\n\nStyledConfirmDialog.displayName = \"StyledConfirmDialog\";\n\nexport const StyledSelectDateDatePicker = styled.div`\n ${tw`tw-pt-4 tw-pb-2`}\n color: red;\n`;\n\nStyledSelectDateDatePicker.displayName = \"StyledSelectDateDatePicker\";\n\nexport const StyledSelectDateFooter = styled.div<{\n $mode?: \"atomic\" | \"instant\";\n}>`\n ${tw`tw-px-4 tw-py-2`}\n border-top: 1px solid var(--border-primary);\n\n ${(props) =>\n props.$mode === \"instant\" &&\n css`\n ${tw`tw-flex`}\n `}\n`;\n\nStyledSelectDateFooter.displayName = \"StyledSelectDateFooter\";\n\nexport const StyledSelectDateButtons = styled.div`\n ${tw`tw-flex`}\n`;\n\nStyledSelectDateButtons.displayName = \"StyledSelectDateButtons\";\n\nexport const StyledButtonSave = styled(Button)`\n ${tw`tw-mr-2`}\n`;\n\nStyledButtonSave.displayName = \"StyledButtonSave\";\n\nexport const StyledButtonClose = styled(Button)`\n ${tw`tw-ml-auto`}\n`;\n\nStyledButtonClose.displayName = \"StyledButtonClose\";\n\nexport const StyledButtonCloseColored = styled(Button)`\n ${tw`tw-ml-auto tw-mr-auto`}\n`;\n\nStyledButtonCloseColored.displayName = \"StyledButtonCloseColored\";\n\nexport const StyledIconComponent = styled.svg`\n span,\n svg {\n cursor: pointer;\n }\n span {\n color: var(--color-secondary);\n }\n svg:hover {\n fill: var(--color-secondary);\n }\n`;\n\nStyledIconComponent.displayName = \"StyledIconComponent\";\n"],"file":"Styles.js"}
|
|
@@ -24,7 +24,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
24
24
|
var StyledButton = _styledComponents.default.button.withConfig({
|
|
25
25
|
displayName: "Styles__StyledButton",
|
|
26
26
|
componentId: "sc-1v8h7mt-0"
|
|
27
|
-
})(["", " ", " color:var(--color-theme-700);margin:0;padding:0;background:none;width:
|
|
27
|
+
})(["", " ", " color:var(--color-theme-700);margin:0;padding:0;background:none;width:100%;height:auto;border:none;height:30px;transition:all 0.3s ease;", " svg{fill:currentColor;}&::-moz-focus-inner{border:0;}&:focus{outline:none;}&:hover{text-decoration:none;}&:disabled{cursor:default;opacity:50%;pointer-events:none;}"], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, {
|
|
28
28
|
"position": "relative",
|
|
29
29
|
"WebkitFontSmoothing": "antialiased",
|
|
30
30
|
"MozOsxFontSmoothing": "grayscale",
|
|
@@ -69,7 +69,7 @@ exports.StyledSpan = StyledSpan;
|
|
|
69
69
|
var StyledDiv = _styledComponents.default.div.withConfig({
|
|
70
70
|
displayName: "Styles__StyledDiv",
|
|
71
71
|
componentId: "sc-1v8h7mt-4"
|
|
72
|
-
})(["", " ", " ", " height:32px;transition:all 0.3s ease;
|
|
72
|
+
})(["", " ", " ", " height:32px;transition:all 0.3s ease;background-color:transparent;border:solid 1px var(--color-theme-700);color:var(--color-theme-700);margin-right:-1px;svg{fill:currentColor;}&::-moz-focus-inner{border:0;}&:focus{outline:none;}&:disabled{cursor:default;opacity:50%;pointer-events:none;}&:hover{border-color:var(--color-primary);color:var(--color-primary);text-decoration:none;}&:active{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-200);}"], function (props) {
|
|
73
73
|
return props.$isTargetable && (0, _styledComponents.css)(["", ""], {
|
|
74
74
|
"pointerEvents": "none"
|
|
75
75
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/Steppers/DateStepper/Styles.ts"],"names":["StyledButton","styled","button","FontStyle","BoxSizingStyle","StyledMenu","Menu","StyledButtonGroup","ButtonGroup","StyledSpan","span","StyledDiv","div","props","$isTargetable","css","$isRounded","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;;;AAEO,IAAMA,YAAY,GAAGC,0BAAOC,MAAV;AAAA;AAAA;AAAA,oUACrBC,oBADqB,EAErBC,8BAFqB,EAcnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAdmB,CAAlB;;;AAoDA,IAAMC,UAAU,GAAG,+BAAOC,UAAP,CAAH;AAAA;AAAA;AAAA,aACjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CADiB,CAAhB;;AASA,IAAMC,iBAAiB,GAAG,+BAAOC,wBAAP,CAAH;AAAA;AAAA;AAAA,uDAC1BL,oBAD0B,EAE1BC,8BAF0B,CAAvB;;;AAUA,IAAMK,UAAU,GAAGR,0BAAOS,IAAV;AAAA;AAAA;AAAA,sDAAhB;;;;AAUA,IAAMC,SAAS,GAAGV,0BAAOW,GAAV;AAAA;AAAA;AAAA,
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/Steppers/DateStepper/Styles.ts"],"names":["StyledButton","styled","button","FontStyle","BoxSizingStyle","StyledMenu","Menu","StyledButtonGroup","ButtonGroup","StyledSpan","span","StyledDiv","div","props","$isTargetable","css","$isRounded","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;;;AAEO,IAAMA,YAAY,GAAGC,0BAAOC,MAAV;AAAA;AAAA;AAAA,oUACrBC,oBADqB,EAErBC,8BAFqB,EAcnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAdmB,CAAlB;;;AAoDA,IAAMC,UAAU,GAAG,+BAAOC,UAAP,CAAH;AAAA;AAAA;AAAA,aACjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CADiB,CAAhB;;AASA,IAAMC,iBAAiB,GAAG,+BAAOC,wBAAP,CAAH;AAAA;AAAA;AAAA,uDAC1BL,oBAD0B,EAE1BC,8BAF0B,CAAvB;;;AAUA,IAAMK,UAAU,GAAGR,0BAAOS,IAAV;AAAA;AAAA;AAAA,sDAAhB;;;;AAUA,IAAMC,SAAS,GAAGV,0BAAOW,GAAV;AAAA;AAAA;AAAA,mgBAClB,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,aAAN,QACAC,qBADA,YAEM;AAAA;AAAA,GAFN,CADA;AAAA,CADkB,EAOlB,UAACF,KAAD;AAAA,SACAA,KAAK,CAACG,UAAN,QACAD,qBADA,0CADA;AAAA,CAPkB,EAahB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAbgB,CAAf;;;AAqEPR,iBAAiB,CAACU,WAAlB,GAAgC,mBAAhC;AACAR,UAAU,CAACQ,WAAX,GAAyB,YAAzB;AACAN,SAAS,CAACM,WAAV,GAAwB,WAAxB;AACAZ,UAAU,CAACY,WAAX,GAAyB,YAAzB;AACAjB,YAAY,CAACiB,WAAb,GAA2B,cAA3B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { ButtonGroup } from \"../../ButtonGroup\";\nimport { FontStyle } from \"../../FontStyle\";\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\nimport tw from \"twin.macro\";\nimport { Menu } from \"../../Menu\";\n\nexport const StyledButton = styled.button`\n ${FontStyle}\n ${BoxSizingStyle}\n\n color: var(--color-theme-700);\n margin: 0;\n padding: 0;\n background: none;\n width: 100%;\n height: auto;\n border: none;\n height: 30px;\n transition: all 0.3s ease;\n\n ${tw`\n tw-relative\n tw-antialiased\n tw-align-middle\n tw-font-medium\n tw-inline-block\n tw-leading-none\n tw-m-0\n tw-no-underline\n tw-text-sm\n tw-select-none\n tw-cursor-pointer\n tw-text-center\n `}\n\n svg {\n fill: currentColor;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &:focus {\n outline: none;\n }\n\n &:hover {\n text-decoration: none;\n }\n\n &:disabled {\n cursor: default;\n opacity: 50%;\n pointer-events: none;\n }\n`;\n\nexport const StyledMenu = styled(Menu)`\n ${tw`\n tw-w-auto\n tw-h-auto\n tw-py-4\n tw-px-2\n `}\n`;\n\nexport const StyledButtonGroup = styled(ButtonGroup)`\n ${FontStyle}\n ${BoxSizingStyle}\n\n button {\n position: relative;\n z-index: 1;\n }\n`;\n\nexport const StyledSpan = styled.span`\n line-height: 30px;\n color: var(--color-theme-700);\n`;\n\ninterface StyledDiv {\n $isTargetable: boolean;\n $isRounded: boolean;\n}\n\nexport const StyledDiv = styled.div<StyledDiv>`\n ${(props) =>\n props.$isTargetable &&\n css`\n ${tw`tw-pointer-events-none`}\n `}\n\n ${(props) =>\n props.$isRounded &&\n css`\n border-radius: var(--ac-br-rounded);\n `}\n\n ${tw`\n tw-relative\n tw-text-center\n tw-p-0\n tw-antialiased\n tw-align-middle\n tw-font-medium\n tw-inline-block\n tw-leading-none\n tw-m-0\n tw-no-underline\n tw-text-sm\n tw-select-none\n tw-cursor-pointer\n tw-border\n tw-border-solid\n `}\n\n height: 32px;\n transition: all 0.3s ease;\n background-color: transparent;\n border: solid 1px var(--color-theme-700);\n color: var(--color-theme-700);\n margin-right: -1px;\n\n svg {\n fill: currentColor;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &:focus {\n outline: none;\n }\n\n &:disabled {\n cursor: default;\n opacity: 50%;\n pointer-events: none;\n }\n\n &:hover {\n border-color: var(--color-primary);\n color: var(--color-primary);\n text-decoration: none;\n }\n\n &:active {\n border-color: var(--color-primary);\n color: var(--color-primary);\n background-color: var(--color-primary-200);\n }\n`;\n\nStyledButtonGroup.displayName = \"StyledButtonGroup\";\nStyledSpan.displayName = \"StyledSpan\";\nStyledDiv.displayName = \"StyledDiv\";\nStyledMenu.displayName = \"StyledMenu\";\nStyledButton.displayName = \"StyledButton\";\n"],"file":"Styles.js"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAc,EAEZ,EAAE,EACF,SAAS,EACT,UAAU,EAIV,YAAY,EACZ,GAAG,EACJ,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAc,EAEZ,EAAE,EACF,SAAS,EACT,UAAU,EAIV,YAAY,EACZ,GAAG,EACJ,MAAM,OAAO,CAAC;AAMf,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAI3C,UAAU,cAAc,CAAC,CAAC,CAAE,SAAQ,YAAY;IAC9C,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;CACd;AAED,oBAAY,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAEnD,MAAM,WAAW,KAAK;IAEpB,QAAQ,EAAE,SAAS,CAAC;IAEpB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAEvD,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,aAAa,CAAC,EAAE,MAAM,OAAO,CAAC;IAE9B,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,MAAM,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAEhC,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACtC;AAED,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,KAAK,CAwG1B,CAAC"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React, { useRef, useState, useCallback, useEffect } from "react";
|
|
2
2
|
import classnames from "classnames";
|
|
3
|
-
import { Popper } from "../Popper";
|
|
4
|
-
|
|
3
|
+
import { Popper } from "../Popper";
|
|
5
4
|
import useForkRef from "../../utils/useForkRef";
|
|
6
5
|
import { Overlay } from "../Overlay";
|
|
7
6
|
import { Window } from "../Window";
|
|
@@ -24,6 +23,7 @@ export var Menu = function Menu(_ref) {
|
|
|
24
23
|
_ref$position = _ref.position,
|
|
25
24
|
position = _ref$position === void 0 ? "bottom-start" : _ref$position,
|
|
26
25
|
target = _ref.target,
|
|
26
|
+
className = _ref.className,
|
|
27
27
|
menuClassName = _ref.menuClassName,
|
|
28
28
|
popperClassName = _ref.popperClassName,
|
|
29
29
|
backgroundElementClass = _ref.backgroundElementClass,
|
|
@@ -83,7 +83,7 @@ export var Menu = function Menu(_ref) {
|
|
|
83
83
|
className: popperClassName,
|
|
84
84
|
tabIndex: -1
|
|
85
85
|
}, /*#__PURE__*/React.createElement(StyledMenu, {
|
|
86
|
-
className: classnames("c-simple-menu__paper", "c-simple-menu__" + mode, menuClassName),
|
|
86
|
+
className: classnames("c-simple-menu__paper", "c-simple-menu__" + mode, menuClassName, className),
|
|
87
87
|
$mode: mode,
|
|
88
88
|
onMouseDown: onMenuClick
|
|
89
89
|
}, /*#__PURE__*/React.createElement(MenuContextProvider, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Menu/Menu.tsx"],"names":["React","useRef","useState","useCallback","useEffect","classnames","Popper","useForkRef","Overlay","Window","MenuContextProvider","StyledMenu","Menu","children","disableFocusLock","onMenuClick","handleScroll","mode","open","defaultOpen","onOpen","onClose","onBeforeClose","position","target","menuClassName","popperClassName","backgroundElementClass","windowAbsolutelyPositioned","setOpen","childNode","setChildNode","elementRef","handleRefRef","ref","undefined","handleRef","handleOpen","event","preventDefault","handleClose","childProps","forceClose","targetProps","onClick","cloneElement","displayName"],"mappings":"AAAA,OAAOA,KAAP,IACEC,MADF,EAKEC,QALF,EAMEC,WANF,EAOEC,SAPF,QAUO,OAVP;AAWA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,MAAT,QAAuB,WAAvB
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Menu/Menu.tsx"],"names":["React","useRef","useState","useCallback","useEffect","classnames","Popper","useForkRef","Overlay","Window","MenuContextProvider","StyledMenu","Menu","children","disableFocusLock","onMenuClick","handleScroll","mode","open","defaultOpen","onOpen","onClose","onBeforeClose","position","target","className","menuClassName","popperClassName","backgroundElementClass","windowAbsolutelyPositioned","setOpen","childNode","setChildNode","elementRef","handleRefRef","ref","undefined","handleRef","handleOpen","event","preventDefault","handleClose","childProps","forceClose","targetProps","onClick","cloneElement","displayName"],"mappings":"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","sourcesContent":["import React, {\n useRef,\n FC,\n ReactNode,\n MouseEvent,\n useState,\n useCallback,\n useEffect,\n ReactElement,\n Ref,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { Popper } from \"../Popper\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Overlay } from \"../Overlay\";\nimport { Window } from \"../Window\";\nimport { Placement } from \"@popperjs/core\";\nimport { MenuContextProvider } from \"./context\";\nimport { StyledMenu } from \"./Styles\";\n\ninterface ElementWithRef<T> extends ReactElement {\n ref?: Ref<T>;\n}\n\nexport type MenuMode = \"normal\" | \"wider\" | \"tiny\";\n\nexport interface IMenu {\n /** Menu content */\n children: ReactNode;\n /** On menu element click */\n onMenuClick?: (event: MouseEvent<HTMLElement>) => void;\n /** Handle scroll bar */\n handleScroll?: boolean;\n /** Disable Focus Lock */\n disableFocusLock?: boolean;\n /** Menu width mode */\n mode?: MenuMode;\n /** Should menu be open when it's mounted */\n open?: boolean;\n /** Callback triggered when modal has been opened */\n onOpen?: () => void;\n /** Callback triggered when modal has been closed */\n onClose?: () => void;\n /** Before close callback */\n onBeforeClose?: () => boolean;\n /** Position Menu */\n position?: Placement;\n /** Target element */\n target?: ElementWithRef<Element>;\n className?: string;\n /** Menu classes */\n menuClassName?: string;\n /** Popper class name*/\n popperClassName?: string;\n /** Background style for clickable element after the menu is open (opacity, color, etc...) */\n backgroundElementClass?: string;\n /** Should Window be positioned absolutely */\n windowAbsolutelyPositioned?: boolean;\n}\n\nexport const Menu: FC<IMenu> = ({\n children,\n disableFocusLock = false,\n onMenuClick,\n handleScroll = true,\n mode = \"normal\",\n open: defaultOpen = false,\n onOpen,\n onClose,\n onBeforeClose,\n position = \"bottom-start\",\n target,\n className,\n menuClassName,\n popperClassName,\n backgroundElementClass,\n windowAbsolutelyPositioned = false,\n}) => {\n const [open, setOpen] = useState(defaultOpen);\n const [childNode, setChildNode] = useState<Element | null>();\n const elementRef = useRef<Element | null>(null);\n\n useEffect(() => {\n setOpen(defaultOpen);\n }, [defaultOpen]);\n\n const handleRefRef = useForkRef(\n target ? target.ref : undefined,\n setChildNode\n );\n const handleRef = useForkRef(handleRefRef, elementRef);\n\n const handleOpen = useCallback(\n (event: Pick<MouseEvent<Element>, \"preventDefault\">) => {\n event && event.preventDefault();\n setOpen(true);\n typeof onOpen === \"function\" && onOpen();\n },\n [onOpen]\n );\n\n const handleClose = useCallback(() => {\n if (typeof onBeforeClose === \"function\" && !onBeforeClose()) {\n return;\n }\n setOpen(false);\n typeof onClose === \"function\" && onClose();\n }, [onClose, onBeforeClose]);\n\n const childProps = {\n forceClose: handleClose,\n };\n\n const targetProps = {\n open,\n ref: handleRef,\n onClick: handleOpen,\n };\n\n return (\n <>\n {target && React.cloneElement(target, targetProps)}\n {open ? (\n <Window\n onClose={handleClose}\n disableScrollLock={!handleScroll}\n disableFocusLock={disableFocusLock}\n style={{\n position: windowAbsolutelyPositioned ? \"absolute\" : \"fixed\",\n }}\n >\n <Overlay\n className={backgroundElementClass}\n onClick={handleClose}\n tabIndex={-1}\n />\n <Popper\n anchorEl={childNode}\n open={childNode ? open : false}\n placement={position}\n className={popperClassName}\n tabIndex={-1}\n >\n <StyledMenu\n className={classnames(\n \"c-simple-menu__paper\",\n `c-simple-menu__${mode}`,\n menuClassName,\n className\n )}\n $mode={mode}\n onMouseDown={onMenuClick}\n >\n <MenuContextProvider value={{ open, setOpen }}>\n {typeof children === \"function\"\n ? children(childProps)\n : children}\n </MenuContextProvider>\n </StyledMenu>\n </Popper>\n </Window>\n ) : null}\n </>\n );\n};\n\nMenu.displayName = \"Menu\";\n"],"file":"Menu.js"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Pickers/Styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,kBAAkB;gBACjB,MAAM,GAAG,UAAU;SAoBhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,wqPAG7B,CAAC;AAEF,UAAU,oBAAoB;IAC5B,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,YAAY,oEAaxB,CAAC;AACF,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Pickers/Styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,kBAAkB;gBACjB,MAAM,GAAG,UAAU;SAoBhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,wqPAG7B,CAAC;AAEF,UAAU,oBAAoB;IAC5B,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,YAAY,oEAaxB,CAAC;AACF,eAAO,MAAM,WAAW,sFA2CvB,CAAC;AAEF,eAAO,MAAM,qBAAqB,oEAWjC,CAAC;AAEF,eAAO,MAAM,2BAA2B,oEAGvC,CAAC;AAEF,eAAO,MAAM,+BAA+B,qEAY3C,CAAC"}
|
|
@@ -30,7 +30,7 @@ export var StyledMonths = styled.div.withConfig({
|
|
|
30
30
|
export var StyledMonth = styled.div.withConfig({
|
|
31
31
|
displayName: "Styles__StyledMonth",
|
|
32
32
|
componentId: "sc-1owijsg-3"
|
|
33
|
-
})(["width:26%;transition-duration:0.3s;", " ", " ", " ", ""], {
|
|
33
|
+
})(["width:26%;transition-duration:0.3s;", " ", " ", " ", " ", ""], {
|
|
34
34
|
"margin": "auto",
|
|
35
35
|
"cursor": "pointer",
|
|
36
36
|
"borderRadius": "1rem",
|
|
@@ -42,9 +42,11 @@ export var StyledMonth = styled.div.withConfig({
|
|
|
42
42
|
"color": "var(--color-theme-100)"
|
|
43
43
|
});
|
|
44
44
|
}, function (props) {
|
|
45
|
-
return props.$isCurrent && css(["", ""], {
|
|
45
|
+
return props.$isCurrent && !props.$isSelected && css(["", ""], {
|
|
46
46
|
"color": "var(--color-primary)"
|
|
47
47
|
});
|
|
48
|
+
}, function (props) {
|
|
49
|
+
return props.$isCurrent && props.$isSelected && css(["color:var(--color-theme-100);"]);
|
|
48
50
|
}, function (props) {
|
|
49
51
|
return props.$isCurrentQuarter && css(["background-color:var(--color-primary-300);"]);
|
|
50
52
|
});
|
|
@@ -62,7 +64,7 @@ export var StyledYearMonthPickerNavBar = styled.div.withConfig({
|
|
|
62
64
|
export var StyledYearMonthPickerNavBarItem = styled.span.withConfig({
|
|
63
65
|
displayName: "Styles__StyledYearMonthPickerNavBarItem",
|
|
64
66
|
componentId: "sc-1owijsg-6"
|
|
65
|
-
})(["", " transition-duration:0.3s;&:hover{background-color:var(--color-primary-300);border-radius:15px;}"], {
|
|
67
|
+
})(["", " transition-duration:0.3s;margin-top:1px;display:inline-block;height:24px;&:hover{background-color:var(--color-primary-300);border-radius:15px;}"], {
|
|
66
68
|
"paddingLeft": "1rem",
|
|
67
69
|
"paddingRight": "1rem",
|
|
68
70
|
"cursor": "pointer"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Pickers/Styles.ts"],"names":["styled","css","Button","MenuNavIcon","StyledNavBarButton","props","$direction","StyledMenuNavIcon","StyledMonths","div","StyledMonth","$isSelected","$isCurrent","$isCurrentQuarter","StyledYearMonthPicker","StyledYearMonthPickerNavBar","StyledYearMonthPickerNavBarItem","span","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AACA,SAASC,MAAT,QAAuB,kBAAvB;AAEA,OAAOC,WAAP,MAAwB,iCAAxB;AAEA,OAAO,IAAMC,kBAAkB,GAAGJ,MAAM,CAACE,MAAD,CAAT;AAAA;AAAA;AAAA,kGAS3B,UAACG,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,UAArB,IACAL,GADA,0BADA;AAAA,CAT2B,EAgB3B,UAACI,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,MAArB,IACAL,GADA,gBADA;AAAA,CAhB2B,CAAxB;AAuBP,OAAO,IAAMM,iBAAiB,GAAGP,MAAM,CAACG,WAAD,CAAT;AAAA;AAAA;AAAA,uCACxB;AAAA;AAAA,CADwB,CAAvB;AAWP,OAAO,IAAMK,YAAY,GAAGR,MAAM,CAACS,GAAV;AAAA;AAAA;AAAA,mCAInB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAJmB,CAAlB;AAcP,OAAO,IAAMC,WAAW,GAAGV,MAAM,CAACS,GAAV;AAAA;AAAA;AAAA
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Pickers/Styles.ts"],"names":["styled","css","Button","MenuNavIcon","StyledNavBarButton","props","$direction","StyledMenuNavIcon","StyledMonths","div","StyledMonth","$isSelected","$isCurrent","$isCurrentQuarter","StyledYearMonthPicker","StyledYearMonthPickerNavBar","StyledYearMonthPickerNavBarItem","span","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AACA,SAASC,MAAT,QAAuB,kBAAvB;AAEA,OAAOC,WAAP,MAAwB,iCAAxB;AAEA,OAAO,IAAMC,kBAAkB,GAAGJ,MAAM,CAACE,MAAD,CAAT;AAAA;AAAA;AAAA,kGAS3B,UAACG,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,UAArB,IACAL,GADA,0BADA;AAAA,CAT2B,EAgB3B,UAACI,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,MAArB,IACAL,GADA,gBADA;AAAA,CAhB2B,CAAxB;AAuBP,OAAO,IAAMM,iBAAiB,GAAGP,MAAM,CAACG,WAAD,CAAT;AAAA;AAAA;AAAA,uCACxB;AAAA;AAAA,CADwB,CAAvB;AAWP,OAAO,IAAMK,YAAY,GAAGR,MAAM,CAACS,GAAV;AAAA;AAAA;AAAA,mCAInB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAJmB,CAAlB;AAcP,OAAO,IAAMC,WAAW,GAAGV,MAAM,CAACS,GAAV;AAAA;AAAA;AAAA,oEAIlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAJkB,EAYpB,UAACJ,KAAD;AAAA,SACA,CAACA,KAAK,CAACM,WAAP,GACIV,GADJ,4DAMIA,GANJ,kDAOU;AAAA;AAAA,GAPV,CADA;AAAA,CAZoB,EAwBnB,UAACI,KAAD;AAAA,SACDA,KAAK,CAACO,UAAN,IACA,CAACP,KAAK,CAACM,WADP,IAEAV,GAFA,WAGM;AAAA;AAAA,GAHN,CADC;AAAA,CAxBmB,EA+BnB,UAACI,KAAD;AAAA,SACDA,KAAK,CAACO,UAAN,IACAP,KAAK,CAACM,WADN,IAEAV,GAFA,mCADC;AAAA,CA/BmB,EAsCnB,UAACI,KAAD;AAAA,SACDA,KAAK,CAACQ,iBAAN,IACAZ,GADA,gDADC;AAAA,CAtCmB,CAAjB;AA6CP,OAAO,IAAMa,qBAAqB,GAAGd,MAAM,CAACS,GAAV;AAAA;AAAA;AAAA,iHAK5B;AAAA;AAAA;AAAA,CAL4B,CAA3B;AAaP,OAAO,IAAMM,2BAA2B,GAAGf,MAAM,CAACS,GAAV;AAAA;AAAA;AAAA,iCAAjC;AAKP,OAAO,IAAMO,+BAA+B,GAAGhB,MAAM,CAACiB,IAAV;AAAA;AAAA;AAAA,6JACtC;AAAA;AAAA;AAAA;AAAA,CADsC,CAArC;AAcPb,kBAAkB,CAACc,WAAnB,GAAiC,oBAAjC;AACAX,iBAAiB,CAACW,WAAlB,GAAgC,mBAAhC;AACAV,YAAY,CAACU,WAAb,GAA2B,cAA3B;AACAR,WAAW,CAACQ,WAAZ,GAA0B,aAA1B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Button } from \"../Button/Button\";\nimport tw from \"twin.macro\";\nimport MenuNavIcon from \"../Icons/collection/MenuNavIcon\";\n\nexport const StyledNavBarButton = styled(Button)<{\n $direction: \"next\" | \"previous\";\n}>`\n position: absolute;\n margin-top: 1px;\n cursor: pointer;\n z-index: 2;\n background-image: none;\n\n ${(props) =>\n props.$direction === \"previous\" &&\n css`\n right: auto;\n left: 1px;\n `}\n\n ${(props) =>\n props.$direction === \"next\" &&\n css`\n right: 1px;\n `}\n`;\n\nexport const StyledMenuNavIcon = styled(MenuNavIcon)`\n ${tw`tw-transform`}\n transform: rotate(180deg);\n`;\n\ninterface StyledMonthInterface {\n $isCurrent: boolean;\n $isSelected: boolean;\n $isCurrentQuarter: boolean;\n}\n\nexport const StyledMonths = styled.div`\n top: 30px;\n height: 230px;\n\n ${tw`\n tw-absolute\n tw-left-0\n tw-p-5\n tw-flex\n tw-flex-wrap\n tw-bg-page-paper-main\n tw-z-10\n `}\n`;\nexport const StyledMonth = styled.div<StyledMonthInterface>`\n width: 26%;\n transition-duration: 0.3s;\n\n ${tw`\n tw-m-auto\n tw-cursor-pointer\n tw-rounded-xl\n tw-font-bold\n tw-text-sm\n `}\n\n ${(props) =>\n !props.$isSelected\n ? css`\n &:hover {\n background-color: var(--color-primary-300);\n }\n `\n : css`\n ${tw`tw-text-theme-100`}\n background-color: var(--color-primary);\n `}\n\n ${(props) =>\n props.$isCurrent &&\n !props.$isSelected &&\n css`\n ${tw`tw-text-primary`}\n `}\n\n ${(props) =>\n props.$isCurrent &&\n props.$isSelected &&\n css`\n color: var(--color-theme-100);\n `}\n\n ${(props) =>\n props.$isCurrentQuarter &&\n css`\n background-color: var(--color-primary-300);\n `}\n`;\n\nexport const StyledYearMonthPicker = styled.div`\n display: table-caption;\n margin-bottom: 0.5em;\n padding: 0 0.5em;\n\n ${tw`tw-text-center tw-text-theme-900`}\n\n &> div {\n font-weight: 500;\n font-size: 1.15em;\n }\n`;\n\nexport const StyledYearMonthPickerNavBar = styled.div`\n width: auto;\n margin: 0 auto;\n`;\n\nexport const StyledYearMonthPickerNavBarItem = styled.span`\n ${tw`tw-px-4 tw-cursor-pointer`}\n transition-duration: 0.3s;\n\n margin-top: 1px;\n display: inline-block;\n height: 24px;\n\n &:hover {\n background-color: var(--color-primary-300);\n border-radius: 15px;\n }\n`;\n\nStyledNavBarButton.displayName = \"StyledNavBarButton\";\nStyledMenuNavIcon.displayName = \"StyledMenuNavIcon\";\nStyledMonths.displayName = \"StyledMonths\";\nStyledMonth.displayName = \"StyledMonth\";\n"],"file":"Styles.js"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePickerForm.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectDate/DatePickerForm.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,UAAU,EAAe,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"DatePickerForm.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectDate/DatePickerForm.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,UAAU,EAAe,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAe1E,UAAU,eAAe;IACvB,IAAI,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACpD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE;QAAE,IAAI,EAAE,IAAI,CAAC;QAAC,EAAE,EAAE,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;IAEtD,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,KAAK,IAAI,CAAC;IAE1D,YAAY,CAAC,EAAE,aAAa,CAAC;IAE7B,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAE/B,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,KAAK,SAAS,CAAC;IAE/D,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;IAEtC,KAAK,EAAE,IAAI,CAAC;IACZ,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,eAAe,CAgG9C,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React, { useCallback } from "react";
|
|
2
2
|
import MomentLocaleUtils from "react-day-picker/moment";
|
|
3
|
+
import { DatePicker } from "..";
|
|
3
4
|
import { Button } from "../Button/Button";
|
|
4
5
|
import CancelCrossIcon from "../Icons/collection/CancelCross";
|
|
5
6
|
import { Tooltip } from "../Tooltip/Tooltip";
|
|
@@ -41,7 +42,7 @@ export var DatePickerForm = function DatePickerForm(_ref) {
|
|
|
41
42
|
onKeyDown: handleOnKeyDown,
|
|
42
43
|
tabIndex: -1,
|
|
43
44
|
className: "date-picker-form"
|
|
44
|
-
}, /*#__PURE__*/React.createElement(StyledSelectDateDatePicker, {
|
|
45
|
+
}, /*#__PURE__*/React.createElement(StyledSelectDateDatePicker, null, /*#__PURE__*/React.createElement(DatePicker, {
|
|
45
46
|
month: month,
|
|
46
47
|
onMonthChange: onMonthChange,
|
|
47
48
|
onChange: onChange,
|
|
@@ -53,7 +54,7 @@ export var DatePickerForm = function DatePickerForm(_ref) {
|
|
|
53
54
|
modifiers: modifiers,
|
|
54
55
|
renderDay: renderDay,
|
|
55
56
|
localeUtils: MomentLocaleUtils
|
|
56
|
-
}), mode === "atomic" || !dateRequired ? /*#__PURE__*/React.createElement(StyledSelectDateFooter, {
|
|
57
|
+
})), mode === "atomic" || !dateRequired ? /*#__PURE__*/React.createElement(StyledSelectDateFooter, {
|
|
57
58
|
className: "date-picker-footer",
|
|
58
59
|
$mode: mode
|
|
59
60
|
}, mode === "atomic" ? /*#__PURE__*/React.createElement(StyledSelectDateButtons, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/SelectDate/DatePickerForm.tsx"],"names":["React","useCallback","MomentLocaleUtils","Button","CancelCrossIcon","Tooltip","StyledButtonClose","StyledButtonCloseColored","StyledButtonSave","StyledSelectDateButtons","StyledSelectDateDatePicker","StyledSelectDateFooter","DatePickerForm","mode","saveButtonText","cancelButtonText","clearButtonText","onSave","onCancel","onClear","dateRequired","firstDayOfWeek","selectedDays","selectionMode","onChange","onDayClick","onMonthChange","month","disabledSaveButton","modifiers","renderDay","handleOnKeyDown","e","key","zIndex","displayName"],"mappings":"AAAA,OAAOA,KAAP,IAA2CC,WAA3C,QAA8D,OAA9D;AAEA,OAAOC,iBAAP,MAA8B,yBAA9B;AACA,SAASC,MAAT,QAAuB,kBAAvB;AACA,OAAOC,eAAP,MAA4B,iCAA5B;AACA,SAASC,OAAT,QAAwB,oBAAxB;AACA,SACEC,iBADF,EAEEC,wBAFF,EAGEC,gBAHF,EAIEC,uBAJF,EAKEC,0BALF,EAMEC,sBANF,QAOO,UAPP;AAuCA,OAAO,IAAMC,cAAmC,GAAG,SAAtCA,cAAsC,OAmB7C;AAAA,MAlBJC,IAkBI,QAlBJA,IAkBI;AAAA,iCAjBJC,cAiBI;AAAA,MAjBJA,cAiBI,oCAjBa,MAiBb;AAAA,mCAhBJC,gBAgBI;AAAA,MAhBJA,gBAgBI,sCAhBe,QAgBf;AAAA,kCAfJC,eAeI;AAAA,MAfJA,eAeI,qCAfc,OAed;AAAA,MAdJC,MAcI,QAdJA,MAcI;AAAA,MAbJC,QAaI,QAbJA,QAaI;AAAA,MAZJC,OAYI,QAZJA,OAYI;AAAA,+BAXJC,YAWI;AAAA,MAXJA,YAWI,kCAXW,KAWX;AAAA,iCAVJC,cAUI;AAAA,MAVJA,cAUI,oCAVa,CAUb;AAAA,MATJC,YASI,QATJA,YASI;AAAA,gCARJC,aAQI;AAAA,MARJA,aAQI,mCARY,QAQZ;AAAA,MAPJC,QAOI,QAPJA,QAOI;AAAA,MANJC,UAMI,QANJA,UAMI;AAAA,MALJC,aAKI,QALJA,aAKI;AAAA,MAJJC,KAII,QAJJA,KAII;AAAA,mCAHJC,kBAGI;AAAA,MAHJA,kBAGI,sCAHiB,KAGjB;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADJC,SACI,QADJA,SACI;AACJ,MAAMC,eAAe,
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/SelectDate/DatePickerForm.tsx"],"names":["React","useCallback","MomentLocaleUtils","DatePicker","Button","CancelCrossIcon","Tooltip","StyledButtonClose","StyledButtonCloseColored","StyledButtonSave","StyledSelectDateButtons","StyledSelectDateDatePicker","StyledSelectDateFooter","DatePickerForm","mode","saveButtonText","cancelButtonText","clearButtonText","onSave","onCancel","onClear","dateRequired","firstDayOfWeek","selectedDays","selectionMode","onChange","onDayClick","onMonthChange","month","disabledSaveButton","modifiers","renderDay","handleOnKeyDown","e","key","zIndex","displayName"],"mappings":"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","sourcesContent":["import React, { FC, ReactNode, MouseEvent, useCallback } from \"react\";\nimport { RangeModifier, Modifiers, DayModifiers } from \"react-day-picker\";\nimport MomentLocaleUtils from \"react-day-picker/moment\";\nimport { DatePicker } from \"..\";\nimport { Button } from \"../Button/Button\";\nimport CancelCrossIcon from \"../Icons/collection/CancelCross\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport {\n StyledButtonClose,\n StyledButtonCloseColored,\n StyledButtonSave,\n StyledSelectDateButtons,\n StyledSelectDateDatePicker,\n StyledSelectDateFooter,\n} from \"./Styles\";\n\ninterface IDatePickerForm {\n mode: \"instant\" | \"atomic\";\n saveButtonText?: string;\n cancelButtonText?: string;\n clearButtonText?: string;\n onSave?: () => void;\n onCancel?: (event: MouseEvent<HTMLElement>) => void;\n onClear?: () => void;\n onChange?: (dates?: { from: Date; to: Date }) => void;\n /** Called when day is clicked */\n onDayClick?: (day: Date, modifiers: DayModifiers) => void;\n /** Set selected day or days */\n selectedDays?: RangeModifier;\n /** Modifiers */\n modifiers?: Partial<Modifiers>;\n /** Render day callback */\n renderDay?: (date: Date, modifiers: DayModifiers) => ReactNode;\n /** Set selection range */\n selectionMode?: string;\n /** Set is date required */\n dateRequired?: boolean;\n /** Set first day of week */\n firstDayOfWeek?: number;\n /** on month change callback */\n onMonthChange?: (month: Date) => void;\n /** Selected month */\n month: Date;\n disabledSaveButton?: boolean;\n}\n\nexport const DatePickerForm: FC<IDatePickerForm> = ({\n mode,\n saveButtonText = \"Save\",\n cancelButtonText = \"Cancel\",\n clearButtonText = \"Clear\",\n onSave,\n onCancel,\n onClear,\n dateRequired = false,\n firstDayOfWeek = 0,\n selectedDays,\n selectionMode = \"custom\",\n onChange,\n onDayClick,\n onMonthChange,\n month,\n disabledSaveButton = false,\n modifiers,\n renderDay,\n}) => {\n const handleOnKeyDown = useCallback(\n (e) => {\n if (e.key === \"Enter\" && typeof onSave === \"function\") {\n onSave();\n } else if (\n (e.key === \"Esc\" || e.key === \"Escape\") &&\n typeof onCancel === \"function\"\n ) {\n onCancel(e);\n }\n },\n [onSave, onCancel]\n );\n\n return (\n <div onKeyDown={handleOnKeyDown} tabIndex={-1} className=\"date-picker-form\">\n <StyledSelectDateDatePicker>\n <DatePicker\n month={month}\n onMonthChange={onMonthChange}\n onChange={onChange}\n onDayClick={onDayClick}\n selectedDays={selectedDays}\n selectionMode={selectionMode}\n dateRequired={dateRequired}\n firstDayOfWeek={firstDayOfWeek}\n modifiers={modifiers}\n renderDay={renderDay}\n localeUtils={MomentLocaleUtils}\n />\n </StyledSelectDateDatePicker>\n {mode === \"atomic\" || !dateRequired ? (\n <StyledSelectDateFooter className=\"date-picker-footer\" $mode={mode}>\n {mode === \"atomic\" ? (\n <StyledSelectDateButtons className=\"date-picker-buttons\">\n <StyledButtonSave\n size=\"small\"\n variant=\"primary\"\n onClick={onSave}\n disabled={disabledSaveButton}\n >\n {saveButtonText}\n </StyledButtonSave>\n <Tooltip\n title={cancelButtonText}\n popperTooltipStyle={{ zIndex: 1301 }}\n >\n <Button size=\"small\" variant=\"text gray\" onClick={onCancel}>\n <CancelCrossIcon />\n </Button>\n </Tooltip>\n {!dateRequired ? (\n <StyledButtonClose\n size=\"small\"\n onClick={onClear}\n variant=\"text gray\"\n >\n {clearButtonText}\n </StyledButtonClose>\n ) : null}\n </StyledSelectDateButtons>\n ) : (\n !dateRequired && (\n <StyledButtonCloseColored\n size=\"small\"\n onClick={onClear}\n variant=\"text colored\"\n >\n {clearButtonText}\n </StyledButtonCloseColored>\n )\n )}\n </StyledSelectDateFooter>\n ) : null}\n </div>\n );\n};\n\nDatePickerForm.displayName = \"DatePickerForm\";\n"],"file":"DatePickerForm.js"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
export declare const StyledSelectDate: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
3
3
|
export declare const StyledSelectDateButton: import("styled-components").StyledComponent<"button", any, {}, never>;
|
|
4
4
|
export declare const StyledConfirmDialog: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../ConfirmDialog").IConfirmDialog & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
|
|
5
|
-
export declare const StyledSelectDateDatePicker: import("styled-components").StyledComponent<
|
|
5
|
+
export declare const StyledSelectDateDatePicker: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
6
6
|
export declare const StyledSelectDateFooter: import("styled-components").StyledComponent<"div", any, {
|
|
7
7
|
$mode?: "atomic" | "instant" | undefined;
|
|
8
8
|
}, never>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectDate/Styles.ts"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectDate/Styles.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,gBAAgB,oEAG5B,CAAC;AAIF,eAAO,MAAM,sBAAsB,uEAmBlC,CAAC;AAIF,eAAO,MAAM,mBAAmB,mMAkB/B,CAAC;AAIF,eAAO,MAAM,0BAA0B,oEAGtC,CAAC;AAIF,eAAO,MAAM,sBAAsB;;SAWlC,CAAC;AAIF,eAAO,MAAM,uBAAuB,oEAEnC,CAAC;AAIF,eAAO,MAAM,gBAAgB,oMAE5B,CAAC;AAIF,eAAO,MAAM,iBAAiB,oMAE7B,CAAC;AAIF,eAAO,MAAM,wBAAwB,oMAEpC,CAAC;AAIF,eAAO,MAAM,mBAAmB,oEAW/B,CAAC"}
|
|
@@ -2,7 +2,6 @@ import styled, { css } from "styled-components";
|
|
|
2
2
|
import { FontStyle } from "../FontStyle";
|
|
3
3
|
import { BoxSizingStyle } from "../BoxSizingStyle";
|
|
4
4
|
import { ConfirmDialog } from "../ConfirmDialog";
|
|
5
|
-
import { DatePicker } from "../DatePicker";
|
|
6
5
|
import { Button } from "../Button/Button";
|
|
7
6
|
export var StyledSelectDate = styled.div.withConfig({
|
|
8
7
|
displayName: "Styles__StyledSelectDate",
|
|
@@ -19,10 +18,10 @@ export var StyledConfirmDialog = styled(ConfirmDialog).withConfig({
|
|
|
19
18
|
componentId: "sc-1jkx994-2"
|
|
20
19
|
})([".modal-header{padding:16px 30px;h1{margin:0;font-size:16px;}}.modal-body{padding:10px 30px;}.modal-divider{border-top:1px solid var(--border-primary);height:1px;}.modal-footer{padding:16px 30px;}"]);
|
|
21
20
|
StyledConfirmDialog.displayName = "StyledConfirmDialog";
|
|
22
|
-
export var StyledSelectDateDatePicker = styled
|
|
21
|
+
export var StyledSelectDateDatePicker = styled.div.withConfig({
|
|
23
22
|
displayName: "Styles__StyledSelectDateDatePicker",
|
|
24
23
|
componentId: "sc-1jkx994-3"
|
|
25
|
-
})(["", ""], {
|
|
24
|
+
})(["", " color:red;"], {
|
|
26
25
|
"paddingTop": "1rem",
|
|
27
26
|
"paddingBottom": "0.5rem"
|
|
28
27
|
});
|