@toptal/picasso 19.0.1 → 19.1.1
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/DatePicker/DatePicker.js +6 -6
- package/DatePicker/DatePicker.js.map +1 -1
- package/Drawer/Drawer.js +3 -2
- package/Drawer/Drawer.js.map +1 -1
- package/NumberInputEndAdornment/NumberInputEndAdornment.js +1 -1
- package/NumberInputEndAdornment/NumberInputEndAdornment.js.map +1 -1
- package/OverlayBadge/styles.js +1 -0
- package/OverlayBadge/styles.js.map +1 -1
- package/PageTopBar/PageTopBar.js +3 -3
- package/PageTopBar/PageTopBar.js.map +1 -1
- package/Popper/Popper.js +3 -2
- package/Popper/Popper.js.map +1 -1
- package/ScrollMenu/ScrollMenu.js +3 -2
- package/ScrollMenu/ScrollMenu.js.map +1 -1
- package/Sidebar/Sidebar.js +3 -3
- package/Sidebar/Sidebar.js.map +1 -1
- package/StaticTreeView/StaticTreeView.js +3 -2
- package/StaticTreeView/StaticTreeView.js.map +1 -1
- package/TreeView/PointNode/PointNode.js +3 -2
- package/TreeView/PointNode/PointNode.js.map +1 -1
- package/TreeView/useNodes.js +3 -2
- package/TreeView/useNodes.js.map +1 -1
- package/package.json +3 -3
- package/utils/index.d.ts +1 -1
- package/utils/index.js +1 -1
- package/utils/index.js.map +1 -1
- package/utils/is-pointer-device.js +1 -1
- package/utils/is-pointer-device.js.map +1 -1
- package/utils/use-safe-state.js +3 -2
- package/utils/use-safe-state.js.map +1 -1
- package/utils/use-width-of.js +3 -2
- package/utils/use-width-of.js.map +1 -1
- package/utils/is-browser.d.ts +0 -2
- package/utils/is-browser.js +0 -3
- package/utils/is-browser.js.map +0 -1
package/DatePicker/DatePicker.js
CHANGED
|
@@ -13,13 +13,13 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
13
13
|
/* eslint-disable complexity, max-statements */ // Squiggly lines makes code difficult to work with
|
|
14
14
|
import { makeStyles } from '@material-ui/core/styles';
|
|
15
15
|
import formatDate from 'date-fns/format';
|
|
16
|
-
import React, { useCallback,
|
|
16
|
+
import React, { useCallback, useMemo, useRef, useState } from 'react';
|
|
17
17
|
import { Calendar16 } from '../Icon';
|
|
18
18
|
import Popper from '../Popper';
|
|
19
19
|
import Container from '../Container';
|
|
20
20
|
import Input from '../Input';
|
|
21
21
|
import InputAdornment from '../InputAdornment';
|
|
22
|
-
import { noop } from '../utils';
|
|
22
|
+
import { noop, useIsomorphicLayoutEffect } from '../utils';
|
|
23
23
|
import Calendar from '../Calendar';
|
|
24
24
|
import { DEFAULT_DATE_PICKER_DISPLAY_DATE_FORMAT, DEFAULT_DATE_PICKER_EDIT_DATE_FORMAT, DEFAULT_POPPER_OPTIONS } from './constants';
|
|
25
25
|
import styles from './styles';
|
|
@@ -68,16 +68,16 @@ export const DatePicker = (props) => {
|
|
|
68
68
|
// Keep the input value in sync with date value update
|
|
69
69
|
// Updating on incoming date value or timezone change
|
|
70
70
|
// Should not update when input is focused to prevent overriding it's value
|
|
71
|
-
|
|
71
|
+
useIsomorphicLayoutEffect(() => {
|
|
72
72
|
updateInputValue({ preventUpdateOnFocus: true });
|
|
73
73
|
}, [value, timezone]);
|
|
74
74
|
// Keep the input format in sync with its 'focus' state
|
|
75
75
|
// Updating on input focus state change
|
|
76
|
-
|
|
76
|
+
useIsomorphicLayoutEffect(() => {
|
|
77
77
|
updateInputValue({ preventUpdateOnFocus: false });
|
|
78
78
|
}, [isInputFocused]);
|
|
79
79
|
// Keep the calendar in sync with the input value
|
|
80
|
-
|
|
80
|
+
useIsomorphicLayoutEffect(() => {
|
|
81
81
|
setCalendarValue(() => {
|
|
82
82
|
if (!value) {
|
|
83
83
|
return null;
|
|
@@ -178,7 +178,7 @@ export const DatePicker = (props) => {
|
|
|
178
178
|
setInputValue(EMPTY_INPUT_VALUE);
|
|
179
179
|
onResetClick === null || onResetClick === void 0 ? void 0 : onResetClick(event);
|
|
180
180
|
};
|
|
181
|
-
const startAdornment = size !== 'small' ? (React.createElement(InputAdornment, { position: 'start', disablePointerEvents: true }, icon || React.createElement(Calendar16, null))) : undefined;
|
|
181
|
+
const startAdornment = size !== 'small' ? (React.createElement(InputAdornment, { position: 'start', disablePointerEvents: true }, icon || React.createElement(Calendar16, null))) : (undefined);
|
|
182
182
|
return (React.createElement(React.Fragment, null,
|
|
183
183
|
React.createElement(Container, { inline: width !== 'full', ref: inputWrapperRef },
|
|
184
184
|
React.createElement(Input, Object.assign({}, inputProps, { ref: inputRef, onKeyDown: handleInputKeydown, onClick: handleFocusOrClick, onFocus: handleFocusOrClick, onBlur: handleBlur, onResetClick: handleResetClick, value: inputValue, onChange: handleInputChange, size: size, startAdornment: startAdornment, width: width, testIds: testIds, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.input }))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../src/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,sDAAsD;AACtD,+CAA+C,CAAC,mDAAmD;AACnG,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAE5D,OAAO,UAAU,MAAM,iBAAiB,CAAA;AAExC,OAAO,KAAK,EAAE,EAGZ,WAAW,EACX,
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../src/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,sDAAsD;AACtD,+CAA+C,CAAC,mDAAmD;AACnG,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAE5D,OAAO,UAAU,MAAM,iBAAiB,CAAA;AAExC,OAAO,KAAK,EAAE,EAGZ,WAAW,EACX,OAAO,EACP,MAAM,EACN,QAAQ,EACT,MAAM,OAAO,CAAA;AAEd,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACpC,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,KAAqB,MAAM,UAAU,CAAA;AAC5C,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,IAAI,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAA;AAC1D,OAAO,QAIN,MAAM,aAAa,CAAA;AACpB,OAAO,EACL,uCAAuC,EACvC,oCAAoC,EACpC,sBAAsB,EACvB,MAAM,aAAa,CAAA;AACpB,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,OAAO,EACL,eAAe,EACf,yBAAyB,EACzB,eAAe,EACf,cAAc,EACd,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAEhB,MAAM,iBAAiB,GAAG,EAAE,CAAA;AAE5B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,mBAAmB;CAC1B,CAAC,CAAA;AAwDF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAY,EAAE,EAAE;IACzC,MAAM,EACJ,KAAK,EACL,YAAY,EACZ,iBAAiB,GAAG,uCAAuC,EAC3D,cAAc,GAAG,oCAAoC,EACrD,MAAM,GAAG,IAAI,EACb,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,KAAK,EACL,IAAI,EACJ,OAAO,EACP,OAAO,EACP,iBAAiB,EACjB,eAAe,EACf,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,IAAI,EACJ,eAAe,EACf,OAAO,KAEL,KAAK,EADJ,IAAI,UACL,KAAK,EAtBH,6QAsBL,CAAQ,CAAA;IACT,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,UAAU,GAAG,IAAI,CAAA;IAEvB,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7D,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAA;IAC/D,MAAM,CACJ,aAAa,EACb,gBAAgB,CACjB,GAAG,QAAQ,CAA6B,IAAI,CAAC,CAAA;IAE9C,MAAM,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1D,OAAO,CAAC,oBAAoB,CAAC,OAAO,CAAC,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAA;IACvE,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAA;IAEtB,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAA;IACpD,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAA;IAEnD,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAC/C,MAAM,SAAS,GAAG,MAAM,CAAW,IAAI,CAAC,CAAA;IACxC,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAChD,MAAM,eAAe,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAEpD,8EAA8E;IAC9E,gBAAgB;IAChB,MAAM,WAAW,GAAG,aAAa,YAAY,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAA;IAE7E,8CAA8C;IAC9C,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,aAAkC,EAAE,EAAE;QACrC,OAAO,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC;YACjC,CAAC,CAAC,eAAe,CAAC,aAA8B,EAAE,iBAAiB,CAAC;YACpE,CAAC,CAAC,UAAU,CACR,aAAqB,EACrB,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAiB,CACpD,CAAA;IACP,CAAC,EACD,CAAC,cAAc,EAAE,cAAc,EAAE,iBAAiB,CAAC,CACpD,CAAA;IAED,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,EAAE,oBAAoB,EAAsC,EAAE,EAAE;QAC/D,IAAI,oBAAoB,IAAI,cAAc,EAAE;YAC1C,OAAM;SACP;QAED,aAAa,CAAC,GAAG,EAAE;YACjB,IAAI,CAAC,KAAK,EAAE;gBACV,OAAO,iBAAiB,CAAA;aACzB;YAED,OAAO,gBAAgB,CAAC,eAAe,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAA;QAC3D,CAAC,CAAC,CAAA;IACJ,CAAC,EACD,CAAC,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,gBAAgB,CAAC,CACpD,CAAA;IAED,sDAAsD;IACtD,qDAAqD;IACrD,2EAA2E;IAC3E,yBAAyB,CAAC,GAAG,EAAE;QAC7B,gBAAgB,CAAC,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC,CAAA;IAClD,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAA;IAErB,uDAAuD;IACvD,uCAAuC;IACvC,yBAAyB,CAAC,GAAG,EAAE;QAC7B,gBAAgB,CAAC,EAAE,oBAAoB,EAAE,KAAK,EAAE,CAAC,CAAA;IACnD,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,iDAAiD;IACjD,yBAAyB,CAAC,GAAG,EAAE;QAC7B,gBAAgB,CAAC,GAAG,EAAE;YACpB,IAAI,CAAC,KAAK,EAAE;gBACV,OAAO,IAAI,CAAA;aACZ;YAED,OAAO,eAAe,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;QACzC,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAA;IAErB,MAAM,kBAAkB,GAAG,CAAC,IAAU,EAAE,EAAE;;QACxC,OAAO,CACL,CAAA,MAAA,SAAS,CAAC,OAAO,0CAAE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;aACxC,MAAA,eAAe,CAAC,OAAO,0CAAE,QAAQ,CAAC,IAAI,CAAC,CAAA,CACxC,CAAA;IACH,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,CAAC,KAAuC,EAAE,EAAE;QAC7D,MAAM,yBAAyB,GAAG,kBAAkB,CAClD,CAAC,KAAK,CAAC,aAAa,IAAI,QAAQ,CAAC,aAAa,CAAS,CACxD,CAAA;QAED,IAAI,yBAAyB,EAAE;YAC7B,OAAM;SACP;QAED,YAAY,EAAE,CAAA;QACd,MAAM,EAAE,CAAA;QAER,iBAAiB,CAAC,KAAK,CAAC,CAAA;IAC1B,CAAC,CAAA;IAED,MAAM,iBAAiB,GAAG,CACxB,CAEC,EACD,EAAE;QACF,MAAM,SAAS,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;QAEhC,0DAA0D;QAC1D,IAAI,KAAK,IAAI,SAAS,EAAE;YACtB,OAAM;SACP;QAED,sGAAsG;QACtG,aAAa,CAAC,SAAS,CAAC,CAAA;QAExB,IAAI,CAAC,SAAS,EAAE;YACd,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAA;SACtB;QAED,MAAM,eAAe,GAAG,yBAAyB,CAAC,SAAS,EAAE;YAC3D,YAAY,EAAE,eAAe;YAC7B,UAAU,EAAE,cAAc;YAC1B,QAAQ;YACR,OAAO,EAAE,iBAAiB;YAC1B,OAAO,EAAE,iBAAiB;SAC3B,CAAC,CAAA;QAEF,IAAI,eAAe,EAAE;YACnB,QAAQ,CAAC,eAAe,CAAC,CAAA;SAC1B;IACH,CAAC,CAAA;IAED,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,IAAI,QAAQ,IAAI,QAAQ,CAAC,OAAO,EAAE;YAChC,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;SACzB;IACH,CAAC,CAAA;IAED,MAAM,oBAAoB,GAAG,CAAC,SAA8B,EAAE,EAAE;QAC9D,MAAM,iBAAiB,GAAG,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC;YAChD,CAAC,CAAE,SAAS,CAAC,GAAG,CAAC,CAAC,IAAU,EAAE,EAAE,CAC5B,cAAc,CAAC,IAAI,EAAE,QAAQ,CAAC,CACb;YACrB,CAAC,CAAC,cAAc,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAA;QAEvC,QAAQ,CAAC,iBAAiB,CAAC,CAAA;QAC3B,aAAa,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAA;QAC1C,gBAAgB,CAAC,SAAS,CAAC,CAAA;QAE3B,IAAI,YAAY,EAAE;YAChB,KAAK,EAAE,CAAA;YACP,YAAY,EAAE,CAAA;SACf;IACH,CAAC,CAAA;IAED,MAAM,kBAAkB,GAAG,CAAC,KAAsC,EAAE,EAAE;;QACpE,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAA;QAErB,IAAI,GAAG,KAAK,QAAQ,EAAE;YACpB,YAAY,EAAE,CAAA;YACd,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,CAAA;YAE1B,OAAM;SACP;QAED,IAAI,GAAG,KAAK,OAAO,EAAE;YACnB,IAAI,CAAC,eAAe,EAAE;gBACpB,YAAY,EAAE,CAAA;aACf;iBAAM;gBACL,YAAY,EAAE,CAAA;aACf;YAED,OAAM;SACP;QAED,IAAI,GAAG,KAAK,KAAK,IAAI,eAAe,EAAE;YACpC,KAAK,CAAC,cAAc,EAAE,CAAA;YACtB,KAAK,CAAC,eAAe,EAAE,CAAA;YAEvB,IAAI,CAAC,eAAe,EAAE;gBACpB,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,CAAA;aAC3B;iBAAM;gBACL,6DAA6D;gBAC7D,MAAM,WAAW,GAAG,MAAA,WAAW,CAAC,OAAO,0CAAE,aAAa,CAEpD,6BAA6B,CAAC,CAAA;gBAEhC,IAAI,WAAW,EAAE;oBACf,WAAW,CAAC,KAAK,EAAE,CAAA;iBACpB;aACF;SACF;IACH,CAAC,CAAA;IAED,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,YAAY,EAAE,CAAA;QACd,iBAAiB,CAAC,IAAI,CAAC,CAAA;IACzB,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,CACvB,KAA8D,EAC9D,EAAE;QACF,aAAa,CAAC,iBAAiB,CAAC,CAAA;QAChC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,KAAK,CAAC,CAAA;IACvB,CAAC,CAAA;IAED,MAAM,cAAc,GAClB,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CACjB,oBAAC,cAAc,IAAC,QAAQ,EAAC,OAAO,EAAC,oBAAoB,UAClD,IAAI,IAAI,oBAAC,UAAU,OAAG,CACR,CAClB,CAAC,CAAC,CAAC,CACF,SAAS,CACV,CAAA;IAEH,OAAO,CACL;QACE,oBAAC,SAAS,IAAC,MAAM,EAAE,KAAK,KAAK,MAAM,EAAE,GAAG,EAAE,eAAe;YACvD,oBAAC,KAAK,oBACA,UAAU,IACd,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,kBAAkB,EAC7B,OAAO,EAAE,kBAAkB,EAC3B,OAAO,EAAE,kBAAkB,EAC3B,MAAM,EAAE,UAAU,EAClB,YAAY,EAAE,gBAAgB,EAC9B,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,iBAAiB,EAC3B,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,iBACH,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,IAC3B,CACQ;QACX,eAAe,CAAC,OAAO,IAAI,CAC1B,oBAAC,MAAM,IACL,SAAS,EAAC,cAAc,EACxB,IAAI,EAAE,eAAe,EACrB,QAAQ,EAAE,eAAe,CAAC,OAAO,EACjC,SAAS,EAAE,KAAK,EAChB,iBAAiB,QACjB,SAAS,EAAE,eAAe,EAC1B,aAAa,EAAE,sBAAsB,EACrC,GAAG,EAAE,SAAS;YAEd,oBAAC,QAAQ,IACP,WAAW,EAAE,WAAW,iBACX,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,EAC9B,GAAG,EAAE,WAAW,EAChB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,SAAS,EACjC,OAAO,EAAE,iBAAiB,EAC1B,OAAO,EAAE,iBAAiB,EAC1B,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,oBAAoB,EAC9B,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,OAAO,CAAC,QAAQ,EAC3B,YAAY,EAAE,YAAY,GAC1B,CACK,CACV,CACA,CACJ,CAAA;AACH,CAAC,CAAA;AAED,UAAU,CAAC,YAAY,GAAG;IACxB,KAAK,EAAE,KAAK;IACZ,YAAY,EAAE,IAAI;IAClB,MAAM,EAAE,IAAI;IACZ,cAAc,EAAE,YAAY;IAC5B,iBAAiB,EAAE,aAAa;IAChC,YAAY,EAAE,KAAK;CACpB,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,eAAe,UAAU,CAAA"}
|
package/Drawer/Drawer.js
CHANGED
|
@@ -13,12 +13,13 @@ import MUIDrawer from '@material-ui/core/Drawer';
|
|
|
13
13
|
import { makeStyles, useTheme } from '@material-ui/core/styles';
|
|
14
14
|
import cx from 'classnames';
|
|
15
15
|
import { useDrawer, usePicassoRoot } from '@toptal/picasso-provider';
|
|
16
|
-
import React
|
|
16
|
+
import React from 'react';
|
|
17
17
|
import { CloseMinor16 } from '../Icon';
|
|
18
18
|
import styles from './styles';
|
|
19
19
|
import Button from '../Button';
|
|
20
20
|
import Container from '../Container';
|
|
21
21
|
import DrawerTitle from '../DrawerTitle';
|
|
22
|
+
import { useIsomorphicLayoutEffect } from '../utils';
|
|
22
23
|
const useStyles = makeStyles(styles, { name: 'PicassoDrawer' });
|
|
23
24
|
export const Drawer = (props) => {
|
|
24
25
|
const { children, disablePortal, open, onClose, title, width = 'regular' } = props, rest = __rest(props, ["children", "disablePortal", "open", "onClose", "title", "width"]);
|
|
@@ -26,7 +27,7 @@ export const Drawer = (props) => {
|
|
|
26
27
|
const { setHasDrawer } = useDrawer();
|
|
27
28
|
const theme = useTheme();
|
|
28
29
|
const container = usePicassoRoot();
|
|
29
|
-
|
|
30
|
+
useIsomorphicLayoutEffect(() => {
|
|
30
31
|
setHasDrawer(open);
|
|
31
32
|
const cleanup = () => {
|
|
32
33
|
setHasDrawer(false);
|
package/Drawer/Drawer.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../src/Drawer/Drawer.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,SAAS,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,UAAU,EAAS,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACtE,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACpE,OAAO,
|
|
1
|
+
{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../src/Drawer/Drawer.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,SAAS,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,UAAU,EAAS,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACtE,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACpE,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AACtC,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,WAAW,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAA;AAuBpD,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAA;AAEtE,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAY,EAAE,EAAE;IACrC,MAAM,EACJ,QAAQ,EACR,aAAa,EACb,IAAI,EACJ,OAAO,EACP,KAAK,EACL,KAAK,GAAG,SAAS,KAEf,KAAK,EADJ,IAAI,UACL,KAAK,EARH,kEAQL,CAAQ,CAAA;IACT,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,EAAE,YAAY,EAAE,GAAG,SAAS,EAAE,CAAA;IACpC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,SAAS,GAAG,cAAc,EAAE,CAAA;IAElC,yBAAyB,CAAC,GAAG,EAAE;QAC7B,YAAY,CAAC,IAAI,CAAC,CAAA;QAElB,MAAM,OAAO,GAAG,GAAG,EAAE;YACnB,YAAY,CAAC,KAAK,CAAC,CAAA;QACrB,CAAC,CAAA;QAED,OAAO,OAAO,CAAA;IAChB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAA;IAExB,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,OAAO,EAAE;YACX,OAAO,EAAE,CAAA;SACV;IACH,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,aAAa,EACtB,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE;QAEtD,oBAAC,SAAS,IACR,IAAI,QACJ,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;YAEhD,oBAAC,WAAW,IAAC,KAAK,EAAE,KAAK,GAAI;YAC7B,oBAAC,SAAS,IAAC,IAAI,QAAC,SAAS,EAAE,OAAO,CAAC,OAAO,IACvC,QAAQ,CACC;YACZ,oBAAC,MAAM,CAAC,QAAQ,IACd,OAAO,EAAC,MAAM,EACd,IAAI,EAAE,oBAAC,YAAY,OAAG,EACtB,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,OAAO,CAAC,WAAW,GAC9B,CACQ,CACF,CACb,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,MAAM,CAAC,YAAY,GAAG;IACpB,MAAM,EAAE,OAAO;IACf,aAAa,EAAE,KAAK;IACpB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;IACjB,KAAK,EAAE,SAAS;CACjB,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
/* eslint-disable @typescript-eslint/no-non-null-assertion */
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { makeStyles } from '@material-ui/core/styles';
|
|
4
|
+
import { isBrowser } from '@toptal/picasso-shared';
|
|
4
5
|
import ButtonBase from '@material-ui/core/ButtonBase';
|
|
5
6
|
import cx from 'classnames';
|
|
6
7
|
import InputAdornment from '../InputAdornment';
|
|
7
8
|
import Container from '../Container';
|
|
8
9
|
import { ArrowDownMinor16, ArrowUpMinor16, ArrowDownMinor24, ArrowUpMinor24 } from '../Icon';
|
|
9
10
|
import styles from './styles';
|
|
10
|
-
import isBrowser from '../utils/is-browser';
|
|
11
11
|
const useStyles = makeStyles(styles, {
|
|
12
12
|
name: 'NumberInputEndAdornment'
|
|
13
13
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberInputEndAdornment.js","sourceRoot":"","sources":["../../src/NumberInputEndAdornment/NumberInputEndAdornment.tsx"],"names":[],"mappings":"AAAA,6DAA6D;AAC7D,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;
|
|
1
|
+
{"version":3,"file":"NumberInputEndAdornment.js","sourceRoot":"","sources":["../../src/NumberInputEndAdornment/NumberInputEndAdornment.tsx"],"names":[],"mappings":"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"}
|
package/OverlayBadge/styles.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/OverlayBadge/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE9D,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,WAAW;IACX,IAAI,EAAE;QACJ,WAAW,EAAE,KAAK;QAClB,WAAW,EAAE,OAAO;KACrB;IACD,KAAK,EAAE;QACL,UAAU,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;QAChC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;QACxB,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;KAChC;IACD,GAAG,EAAE;QACH,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;QAC3B,WAAW,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI;QAC7B,eAAe,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI;KAClC;IACD,QAAQ;IACR,MAAM,EAAE;QACN,QAAQ,EAAE,SAAS;KACpB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,SAAS;QACjB,QAAQ,EAAE,SAAS;QACnB,YAAY,EAAE,SAAS;QACvB,OAAO,EAAE,GAAG;KACb;CACF,CAAC,CAAA"}
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/OverlayBadge/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE9D,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,WAAW;IACX,IAAI,EAAE;QACJ,WAAW,EAAE,KAAK;QAClB,WAAW,EAAE,OAAO;KACrB;IACD,KAAK,EAAE;QACL,UAAU,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;QAChC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;QACxB,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;KAChC;IACD,GAAG,EAAE;QACH,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;QAC3B,WAAW,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI;QAC7B,eAAe,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI;KAClC;IACD,QAAQ;IACR,MAAM,EAAE;QACN,QAAQ,EAAE,SAAS;KACpB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,SAAS;QACnB,YAAY,EAAE,SAAS;QACvB,OAAO,EAAE,GAAG;KACb;CACF,CAAC,CAAA"}
|
package/PageTopBar/PageTopBar.js
CHANGED
|
@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
/* eslint-disable complexity */
|
|
13
|
-
import React, { useContext,
|
|
13
|
+
import React, { useContext, forwardRef } from 'react';
|
|
14
14
|
import cx from 'classnames';
|
|
15
15
|
import { usePageTopBar } from '@toptal/picasso-provider';
|
|
16
16
|
import { makeStyles } from '@material-ui/core/styles';
|
|
@@ -18,7 +18,7 @@ import Logo from '../Logo';
|
|
|
18
18
|
import Container from '../Container';
|
|
19
19
|
import Typography from '../Typography';
|
|
20
20
|
import { PageContext } from '../Page';
|
|
21
|
-
import { useBreakpoint } from '../utils';
|
|
21
|
+
import { useBreakpoint, useIsomorphicLayoutEffect } from '../utils';
|
|
22
22
|
import styles from './styles';
|
|
23
23
|
const useStyles = makeStyles(styles, {
|
|
24
24
|
name: 'PicassoTopBar'
|
|
@@ -28,7 +28,7 @@ export const PageTopBar = forwardRef(function PageTopBar(props, ref) {
|
|
|
28
28
|
const classes = useStyles();
|
|
29
29
|
const isCompactLayout = useBreakpoint(['small', 'medium']);
|
|
30
30
|
const { setHasTopBar } = usePageTopBar();
|
|
31
|
-
|
|
31
|
+
useIsomorphicLayoutEffect(() => {
|
|
32
32
|
setHasTopBar(true);
|
|
33
33
|
return function cleanup() {
|
|
34
34
|
setHasTopBar(false);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageTopBar.js","sourceRoot":"","sources":["../../src/PageTopBar/PageTopBar.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,+BAA+B;AAC/B,OAAO,KAAK,EAAE,EACZ,UAAU,EACV,
|
|
1
|
+
{"version":3,"file":"PageTopBar.js","sourceRoot":"","sources":["../../src/PageTopBar/PageTopBar.tsx"],"names":[],"mappings":"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"}
|
package/Popper/Popper.js
CHANGED
|
@@ -9,10 +9,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import React, { forwardRef, useContext
|
|
12
|
+
import React, { forwardRef, useContext } from 'react';
|
|
13
13
|
import cx from 'classnames';
|
|
14
14
|
import MUIPopper from '@material-ui/core/Popper';
|
|
15
15
|
import { makeStyles } from '@material-ui/core/styles';
|
|
16
|
+
import { useIsomorphicLayoutEffect } from '@toptal/picasso-shared';
|
|
16
17
|
import { usePicassoRoot, useBreakpoint } from '@toptal/picasso-provider';
|
|
17
18
|
import ModalContext from '../Modal/ModalContext';
|
|
18
19
|
import useWidthOf from '../utils/use-width-of';
|
|
@@ -55,7 +56,7 @@ export const Popper = forwardRef(function Popper(props, ref) {
|
|
|
55
56
|
const isCompactLayout = enableCompactMode && isCompactLayoutResolution;
|
|
56
57
|
const widthStyle = useWidthStyle({ autoWidth, width, anchorEl });
|
|
57
58
|
const anchorElWidthStyle = !isCompactLayout && widthStyle;
|
|
58
|
-
|
|
59
|
+
useIsomorphicLayoutEffect(() => {
|
|
59
60
|
if (isCompactLayout && open && document.body.style.overflow !== 'hidden') {
|
|
60
61
|
const prev = document.body.style.overflow;
|
|
61
62
|
document.body.style.overflow = 'hidden';
|
package/Popper/Popper.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popper.js","sourceRoot":"","sources":["../../src/Popper/Popper.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Popper.js","sourceRoot":"","sources":["../../src/Popper/Popper.tsx"],"names":[],"mappings":"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"}
|
package/ScrollMenu/ScrollMenu.js
CHANGED
|
@@ -9,9 +9,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import React, {
|
|
12
|
+
import React, { useRef } from 'react';
|
|
13
13
|
import { makeStyles } from '@material-ui/core/styles';
|
|
14
14
|
import cx from 'classnames';
|
|
15
|
+
import { useIsomorphicLayoutEffect } from '../utils';
|
|
15
16
|
import Menu from '../Menu';
|
|
16
17
|
import styles from './styles';
|
|
17
18
|
const useStyles = makeStyles(styles, {
|
|
@@ -42,7 +43,7 @@ const ScrollMenu = (props) => {
|
|
|
42
43
|
const { selectedIndex, onBlur, children, style, fixedHeader, fixedFooter, className, role } = props, rest = __rest(props, ["selectedIndex", "onBlur", "children", "style", "fixedHeader", "fixedFooter", "className", "role"]);
|
|
43
44
|
const classes = useStyles();
|
|
44
45
|
const menuRef = useRef(null);
|
|
45
|
-
|
|
46
|
+
useIsomorphicLayoutEffect(() => scrollToSelection(menuRef, selectedIndex), [
|
|
46
47
|
selectedIndex
|
|
47
48
|
]);
|
|
48
49
|
return (React.createElement(Menu, Object.assign({ className: cx(classes.menu, className), style: style, role: role }, rest, { onMouseDown: e => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollMenu.js","sourceRoot":"","sources":["../../src/ScrollMenu/ScrollMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAwB,
|
|
1
|
+
{"version":3,"file":"ScrollMenu.js","sourceRoot":"","sources":["../../src/ScrollMenu/ScrollMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAwB,MAAM,EAAE,MAAM,OAAO,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAE5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAA;AACpD,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,MAAM,MAAM,UAAU,CAAA;AAW7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,mBAAmB;CAC1B,CAAC,CAAA;AAEF,MAAM,mBAAmB,GAAG,CAC1B,OAAkC,EAClC,aAA6B,EAC7B,EAAE;;IACF,OAAA,OAAO,aAAa,KAAK,QAAQ;QAC/B,CAAC,CAAC,MAAA,OAAO,CAAC,OAAO,0CAAE,QAAQ,CAAC,aAAa,CAAC;QAC1C,CAAC,CAAC,SAAS,CAAA;CAAA,CAAA;AAEf,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,OAAkC,EAClC,aAA6B,EAC7B,EAAE;IACF,MAAM,QAAQ,GAAG,OAAO,CAAC,OAAO,CAAA;IAChC,MAAM,YAAY,GAAG,mBAAmB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAA;IAEhE,IAAI,CAAC,QAAQ,IAAI,CAAC,YAAY,EAAE;QAC9B,OAAM;KACP;IAED,MAAM,QAAQ,GAAG,QAAQ,CAAC,qBAAqB,EAAE,CAAA;IACjD,MAAM,YAAY,GAAG,YAAY,CAAC,qBAAqB,EAAE,CAAA;IAEzD,IAAI,YAAY,CAAC,GAAG,GAAG,QAAQ,CAAC,GAAG,EAAE;QACnC,QAAQ,CAAC,SAAS,IAAI,QAAQ,CAAC,GAAG,GAAG,YAAY,CAAC,GAAG,CAAA;KACtD;SAAM,IAAI,YAAY,CAAC,MAAM,GAAG,QAAQ,CAAC,MAAM,EAAE;QAChD,QAAQ,CAAC,SAAS,IAAI,YAAY,CAAC,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAA;KAC5D;AACH,CAAC,CAAA;AAED,MAAM,UAAU,GAAG,CAAC,KAAY,EAAE,EAAE;IAClC,MAAM,EACJ,aAAa,EACb,MAAM,EACN,QAAQ,EACR,KAAK,EACL,WAAW,EACX,WAAW,EACX,SAAS,EACT,IAAI,KAEF,KAAK,EADJ,IAAI,UACL,KAAK,EAVH,mGAUL,CAAQ,CAAA;IACT,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAE5C,yBAAyB,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,OAAO,EAAE,aAAa,CAAC,EAAE;QACzE,aAAa;KACd,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,kBACH,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,EACtC,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,IAEN,IAAI,IACR,WAAW,EAAE,CAAC,CAAC,EAAE;YACf,mFAAmF;YACnF,CAAC,CAAC,cAAc,EAAE,CAAA;QACpB,CAAC;QAEA,WAAW;QACZ,6BAAK,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,IAC7D,QAAQ,CACL;QACL,WAAW,CACP,CACR,CAAA;AACH,CAAC,CAAA;AAED,UAAU,CAAC,YAAY,GAAG;IACxB,IAAI,EAAE,MAAM;CACb,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,eAAe,UAAU,CAAA"}
|
package/Sidebar/Sidebar.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { forwardRef, useState
|
|
1
|
+
import React, { forwardRef, useState } from 'react';
|
|
2
2
|
import { makeStyles } from '@material-ui/core/styles';
|
|
3
3
|
import cx from 'classnames';
|
|
4
4
|
import { useSidebar } from '@toptal/picasso-provider';
|
|
@@ -6,7 +6,7 @@ import Button from '../Button';
|
|
|
6
6
|
import Container from '../Container';
|
|
7
7
|
import Dropdown from '../Dropdown';
|
|
8
8
|
import { Overview16, Close16 } from '../Icon';
|
|
9
|
-
import { useBreakpoint } from '../utils';
|
|
9
|
+
import { useBreakpoint, useIsomorphicLayoutEffect } from '../utils';
|
|
10
10
|
import SidebarMenu from '../SidebarMenu';
|
|
11
11
|
import SidebarItem from '../SidebarItem';
|
|
12
12
|
import SidebarLogo from '../SidebarLogo';
|
|
@@ -38,7 +38,7 @@ export const Sidebar = forwardRef(function Sidebar(props, ref) {
|
|
|
38
38
|
const { children, variant = 'light', className, style } = props;
|
|
39
39
|
const classes = useStyles();
|
|
40
40
|
const { setHasSidebar } = useSidebar();
|
|
41
|
-
|
|
41
|
+
useIsomorphicLayoutEffect(() => {
|
|
42
42
|
setHasSidebar(true);
|
|
43
43
|
return function cleanup() {
|
|
44
44
|
setHasSidebar(false);
|
package/Sidebar/Sidebar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../src/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAa,
|
|
1
|
+
{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../src/Sidebar/Sidebar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import React, {
|
|
1
|
+
import React, { useState, useMemo, useRef } from 'react';
|
|
2
|
+
import { useIsomorphicLayoutEffect } from '../utils';
|
|
2
3
|
import { useTree, TreeViewPropsDefaults, TreeViewSvg, useFinalMargins } from '../TreeView/shared';
|
|
3
4
|
import { findExtremeNodes } from './utils/findExtremeNodes';
|
|
4
5
|
const StaticTreeView = (props) => {
|
|
@@ -22,7 +23,7 @@ const StaticTreeView = (props) => {
|
|
|
22
23
|
topMostNodeY: 0,
|
|
23
24
|
leftMostNodeX: 0
|
|
24
25
|
});
|
|
25
|
-
|
|
26
|
+
useIsomorphicLayoutEffect(() => {
|
|
26
27
|
var _a, _b;
|
|
27
28
|
if (svgRef.current) {
|
|
28
29
|
const bbox = svgRef.current.getBBox();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StaticTreeView.js","sourceRoot":"","sources":["../../src/StaticTreeView/StaticTreeView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"StaticTreeView.js","sourceRoot":"","sources":["../../src/StaticTreeView/StaticTreeView.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import React, { forwardRef,
|
|
1
|
+
import React, { forwardRef, useMemo, useRef, useState } from 'react';
|
|
2
|
+
import { useIsomorphicLayoutEffect } from '../../utils';
|
|
2
3
|
import { NodeContent } from './NodeContent';
|
|
3
4
|
export const PointNode = forwardRef(({ node, renderNode }, ref) => {
|
|
4
5
|
const nodeRef = useRef(null);
|
|
@@ -6,7 +7,7 @@ export const PointNode = forwardRef(({ node, renderNode }, ref) => {
|
|
|
6
7
|
const transform = useMemo(() => {
|
|
7
8
|
return `translate(${node.x},${node.y})`;
|
|
8
9
|
}, [node.x, node.y]);
|
|
9
|
-
|
|
10
|
+
useIsomorphicLayoutEffect(() => {
|
|
10
11
|
var _a, _b, _c;
|
|
11
12
|
if (nodeRef.current) {
|
|
12
13
|
const { offsetWidth: width, offsetHeight: height } = (_c = (_b = (_a = node.ref) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.firstElementChild) === null || _c === void 0 ? void 0 : _c.firstElementChild;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PointNode.js","sourceRoot":"","sources":["../../../src/TreeView/PointNode/PointNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"PointNode.js","sourceRoot":"","sources":["../../../src/TreeView/PointNode/PointNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAa,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE/E,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAA;AAEvD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAO3C,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CACjC,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,GAAG,EAAE,EAAE;IAC5B,MAAM,OAAO,GAAG,MAAM,CAAiC,IAAI,CAAC,CAAA;IAC5D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAGzC,EAAE,CAAC,CAAA;IACN,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,aAAa,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,CAAA;IACzC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA;IAEpB,yBAAyB,CAAC,GAAG,EAAE;;QAC7B,IAAI,OAAO,CAAC,OAAO,EAAE;YACnB,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,MAAA,MAAA,MAAA,IAAI,CAAC,GAAG,0CAAE,OAAO,0CAClE,iBAAiB,0CAAE,iBAAgC,CAAA;YAEvD,IAAI,UAAU,CAAC,MAAM,KAAK,MAAM,IAAI,UAAU,CAAC,KAAK,KAAK,KAAK,EAAE;gBAC9D,aAAa,CAAC;oBACZ,KAAK;oBACL,MAAM;iBACP,CAAC,CAAA;aACH;SACF;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAA;IAE1B,OAAO,CACL,2BAAG,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG;QAC5C,uCACE,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,MAAM,EAAE,UAAU,CAAC,MAAM,EACzB,GAAG,EAAE,OAAO,IAEX,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,oBAAC,WAAW,IAAC,IAAI,EAAE,IAAI,GAAI,CAC9C,CACd,CACL,CAAA;AACH,CAAC,CACF,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,MAAM,CAAA;AAE9B,eAAe,SAAS,CAAA"}
|
package/TreeView/useNodes.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { createRef, useMemo, useRef,
|
|
1
|
+
import { createRef, useMemo, useRef, useState } from 'react';
|
|
2
|
+
import { useIsomorphicLayoutEffect } from '../utils';
|
|
2
3
|
const getDynamicNodes = (nodes) => {
|
|
3
4
|
return nodes.map(node => {
|
|
4
5
|
return Object.assign(node, {
|
|
@@ -82,7 +83,7 @@ export const useNodes = (rootNode, direction, verticalMargin, horizontalMargin)
|
|
|
82
83
|
// we have to render nodes twice: first for the initial showing data, and the second one — with the correct positions.
|
|
83
84
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
84
85
|
}, [dynamicNodes, initialized, direction, verticalMargin, horizontalMargin]);
|
|
85
|
-
|
|
86
|
+
useIsomorphicLayoutEffect(() => {
|
|
86
87
|
if (!dynamicNodes[0].ref.current || initialized) {
|
|
87
88
|
return;
|
|
88
89
|
}
|
package/TreeView/useNodes.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useNodes.js","sourceRoot":"","sources":["../../src/TreeView/useNodes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"useNodes.js","sourceRoot":"","sources":["../../src/TreeView/useNodes.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@toptal/picasso",
|
|
3
|
-
"version": "19.
|
|
3
|
+
"version": "19.1.1",
|
|
4
4
|
"description": "Toptal UI components library",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public",
|
|
@@ -30,8 +30,8 @@
|
|
|
30
30
|
"react-helmet": "6.1.0"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@toptal/picasso-provider": "^0.7.
|
|
34
|
-
"@toptal/picasso-shared": "^7.
|
|
33
|
+
"@toptal/picasso-provider": "^0.7.1",
|
|
34
|
+
"@toptal/picasso-shared": "^7.3.0",
|
|
35
35
|
"ap-style-title-case": "^1.1.2",
|
|
36
36
|
"classnames": "^2.3.1",
|
|
37
37
|
"d3": "^6.6.2",
|
package/utils/index.d.ts
CHANGED
|
@@ -6,6 +6,7 @@ declare const colorUtils: {
|
|
|
6
6
|
};
|
|
7
7
|
export { colorUtils };
|
|
8
8
|
export { breakpointsList as breakpoints, screens, isScreenSize, useBreakpoint, useScreens, shadows, colors as palette, generateRandomString, generateRandomStringOrGetEmptyInTest } from '@toptal/picasso-provider';
|
|
9
|
+
export { useIsomorphicLayoutEffect, isBrowser } from '@toptal/picasso-shared';
|
|
9
10
|
export { default as ClickAwayListener } from '@material-ui/core/ClickAwayListener';
|
|
10
11
|
export { capitalize } from './capitalize';
|
|
11
12
|
export { default as disableUnsupportedProps } from './disable-unsupported-props';
|
|
@@ -15,7 +16,6 @@ export { default as isBoolean } from './is-boolean';
|
|
|
15
16
|
export { default as isNumber } from './is-number';
|
|
16
17
|
export { default as isOverflown } from './is-overflown';
|
|
17
18
|
export { default as isPointerDevice } from './is-pointer-device';
|
|
18
|
-
export { default as isBrowser } from './is-browser';
|
|
19
19
|
export { default as isString } from './is-string';
|
|
20
20
|
export { default as isSubstring } from './is-substring';
|
|
21
21
|
export { default as kebabToCamelCase } from './kebab-to-camel-case';
|
package/utils/index.js
CHANGED
|
@@ -7,6 +7,7 @@ const colorUtils = {
|
|
|
7
7
|
};
|
|
8
8
|
export { colorUtils };
|
|
9
9
|
export { breakpointsList as breakpoints, screens, isScreenSize, useBreakpoint, useScreens, shadows, colors as palette, generateRandomString, generateRandomStringOrGetEmptyInTest } from '@toptal/picasso-provider';
|
|
10
|
+
export { useIsomorphicLayoutEffect, isBrowser } from '@toptal/picasso-shared';
|
|
10
11
|
export { default as ClickAwayListener } from '@material-ui/core/ClickAwayListener';
|
|
11
12
|
export { capitalize } from './capitalize';
|
|
12
13
|
export { default as disableUnsupportedProps } from './disable-unsupported-props';
|
|
@@ -16,7 +17,6 @@ export { default as isBoolean } from './is-boolean';
|
|
|
16
17
|
export { default as isNumber } from './is-number';
|
|
17
18
|
export { default as isOverflown } from './is-overflown';
|
|
18
19
|
export { default as isPointerDevice } from './is-pointer-device';
|
|
19
|
-
export { default as isBrowser } from './is-browser';
|
|
20
20
|
export { default as isString } from './is-string';
|
|
21
21
|
export { default as isSubstring } from './is-substring';
|
|
22
22
|
export { default as kebabToCamelCase } from './kebab-to-camel-case';
|
package/utils/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAE/D,OAAO,KAAK,eAAe,MAAM,eAAe,CAAA;AAEhD,MAAM,UAAU,GAAG;IACjB,KAAK;IACL,OAAO;IACP,MAAM;CACP,CAAA;AAED,OAAO,EAAE,UAAU,EAAE,CAAA;AAErB,OAAO,EACL,eAAe,IAAI,WAAW,EAC9B,OAAO,EACP,YAAY,EACZ,aAAa,EACb,UAAU,EACV,OAAO,EACP,MAAM,IAAI,OAAO,EACjB,oBAAoB,EACpB,oCAAoC,EACrC,MAAM,0BAA0B,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAE/D,OAAO,KAAK,eAAe,MAAM,eAAe,CAAA;AAEhD,MAAM,UAAU,GAAG;IACjB,KAAK;IACL,OAAO;IACP,MAAM;CACP,CAAA;AAED,OAAO,EAAE,UAAU,EAAE,CAAA;AAErB,OAAO,EACL,eAAe,IAAI,WAAW,EAC9B,OAAO,EACP,YAAY,EACZ,aAAa,EACb,UAAU,EACV,OAAO,EACP,MAAM,IAAI,OAAO,EACjB,oBAAoB,EACpB,oCAAoC,EACrC,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,yBAAyB,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAE7E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qCAAqC,CAAA;AAElF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,6BAA6B,CAAA;AAChF,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAEnE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AAG1E,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAA;AAE1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,cAAc,SAAS,CAAA;AAEvB,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"is-pointer-device.js","sourceRoot":"","sources":["../../src/utils/is-pointer-device.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,
|
|
1
|
+
{"version":3,"file":"is-pointer-device.js","sourceRoot":"","sources":["../../src/utils/is-pointer-device.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAElD,MAAM,eAAe,GAAG,GAAwB,EAAE;IAChD,OAAO,SAAS,EAAE;QAChB,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,oCAAoC,CAAC,CAAC,OAAO;QACjE,CAAC,CAAC,SAAS,CAAA;AACf,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}
|
package/utils/use-safe-state.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import { useRef,
|
|
1
|
+
import { useRef, useState, useCallback } from 'react';
|
|
2
|
+
import { useIsomorphicLayoutEffect } from '@toptal/picasso-shared';
|
|
2
3
|
const useSafeState = (initState) => {
|
|
3
4
|
const [state, unsafeSetState] = useState(initState);
|
|
4
5
|
const isMounted = useRef(false);
|
|
5
|
-
|
|
6
|
+
useIsomorphicLayoutEffect(() => {
|
|
6
7
|
isMounted.current = true;
|
|
7
8
|
return () => {
|
|
8
9
|
isMounted.current = false;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-safe-state.js","sourceRoot":"","sources":["../../src/utils/use-safe-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"use-safe-state.js","sourceRoot":"","sources":["../../src/utils/use-safe-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAA;AAElE,MAAM,YAAY,GAAG,CAAI,SAAwB,EAAE,EAAE;IACnD,MAAM,CAAC,KAAK,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAI,SAAS,CAAC,CAAA;IAEtD,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAE/B,yBAAyB,CAAC,GAAG,EAAE;QAC7B,SAAS,CAAC,OAAO,GAAG,IAAI,CAAA;QAExB,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,OAAO,GAAG,KAAK,CAAA;QAC3B,CAAC,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,MAAM,QAAQ,GAA0B,WAAW,CAAC,QAAQ,CAAC,EAAE;QAC7D,IAAI,SAAS,CAAC,OAAO,EAAE;YACrB,cAAc,CAAC,QAAQ,CAAC,CAAA;SACzB;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;AAC1B,CAAC,CAAA;AAED,eAAe,YAA+B,CAAA"}
|
package/utils/use-width-of.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { useState } from 'react';
|
|
2
|
+
import { useIsomorphicLayoutEffect } from '@toptal/picasso-shared';
|
|
2
3
|
const useWidthOf = (element) => {
|
|
3
4
|
const [menuWidth, setMenuWidth] = useState();
|
|
4
5
|
const offsetParent = element === null || element === void 0 ? void 0 : element.offsetParent;
|
|
5
|
-
|
|
6
|
+
useIsomorphicLayoutEffect(() => {
|
|
6
7
|
if (!element) {
|
|
7
8
|
return;
|
|
8
9
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-width-of.js","sourceRoot":"","sources":["../../src/utils/use-width-of.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"use-width-of.js","sourceRoot":"","sources":["../../src/utils/use-width-of.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAA;AAOlE,MAAM,UAAU,GAAG,CAA4B,OAAiB,EAAE,EAAE;IAClE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAAsB,CAAA;IAEhE,MAAM,YAAY,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CAAA;IAE1C,yBAAyB,CAAC,GAAG,EAAE;QAC7B,IAAI,CAAC,OAAO,EAAE;YACZ,OAAM;SACP;QACD,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAA;QAEjD,YAAY,CAAC,GAAG,KAAK,IAAI,CAAC,CAAA;IAC5B,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAA;IAE3B,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
|
package/utils/is-browser.d.ts
DELETED
package/utils/is-browser.js
DELETED
package/utils/is-browser.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"is-browser.js","sourceRoot":"","sources":["../../src/utils/is-browser.ts"],"names":[],"mappings":"AAAA,MAAM,SAAS,GAAG,GAAY,EAAE,CAAC,OAAO,MAAM,KAAK,WAAW,CAAA;AAE9D,eAAe,SAAS,CAAA"}
|