@toptal/picasso 37.1.2 → 37.2.0

package/PageHamburger/PageHamburger.js

@@ -20,7 +20,11 @@ const PageHamburger = ({ id, 'data-testid': dataTestId }) => {
         }), classes: {
             content: classes.responsiveWrapperContent,
             popper: classes.popper,
-        }, popperOptions: {
+        }, 
+        // The "disablePortal" is needed for testing the dropdown hamburger menu in Cypress.
+        // Without it, React fails to create portal inside of portal (via `createPortal()`), so
+        // the problem needs to be further debugged on React code level.
+        disablePortal: true, popperOptions: {
             modifiers: {
                 flip: { enabled: false },
                 preventOverflow: {

package/PageHamburger/PageHamburger.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageHamburger.js","sourceRoot":"","sources":["../../src/PageHamburger/PageHamburger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAC5D,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,MAAM,MAAM,UAAU,CAAA;AAO7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,eAAe;CACtB,CAAC,CAAA;AAEF,MAAM,aAAa,GAAG,CAAC,EAAE,EAAE,EAAE,aAAa,EAAE,UAAU,EAAS,EAAE,EAAE;IACjE,MAAM,EAAE,kBAAkB,EAAE,YAAY,EAAE,GAAG,mBAAmB,EAAE,CAAA;IAClE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAA;IAC9D,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,CAAA;IACpD,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;IAErD,OAAO,CACL,oBAAC,QAAQ,IACP,OAAO,EAAE,6BAAK,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,YAAY,GAAI,EAC3C,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE;YAC1B,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,kBAAkB;SACtC,CAAC,EACF,OAAO,EAAE;YACP,OAAO,EAAE,OAAO,CAAC,wBAAwB;YACzC,MAAM,EAAE,OAAO,CAAC,MAAM;SACvB,EACD,aAAa,EAAE;YACb,SAAS,EAAE;gBACT,IAAI,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;gBACxB,eAAe,EAAE;oBACf,OAAO,EAAE,CAAC;iBACX;aACF;SACF,EACD,WAAW,EAAE;YACX,IAAI,EAAE,YAAY;SACnB,EACD,MAAM,EAAE,iBAAiB,EACzB,OAAO,EAAE,iBAAiB,EAC1B,WAAW;QAEX,oBAAC,cAAc,IACb,IAAI,EACF,WAAW,CAAC,CAAC,CAAC,CACZ,oBAAC,OAAO,OAAG,CACZ,CAAC,CAAC,CAAC,CACF,oBAAC,UAAU,IAAC,SAAS,EAAE,OAAO,CAAC,SAAS,GAAI,CAC7C,iBAEU,UAAU,EACvB,OAAO,EAAC,aAAa,GACrB,CACO,CACZ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"PageHamburger.js","sourceRoot":"","sources":["../../src/PageHamburger/PageHamburger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAC5D,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,MAAM,MAAM,UAAU,CAAA;AAO7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,eAAe;CACtB,CAAC,CAAA;AAEF,MAAM,aAAa,GAAG,CAAC,EAAE,EAAE,EAAE,aAAa,EAAE,UAAU,EAAS,EAAE,EAAE;IACjE,MAAM,EAAE,kBAAkB,EAAE,YAAY,EAAE,GAAG,mBAAmB,EAAE,CAAA;IAClE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAA;IAC9D,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,CAAA;IACpD,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;IAErD,OAAO,CACL,oBAAC,QAAQ,IACP,OAAO,EAAE,6BAAK,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,YAAY,GAAI,EAC3C,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE;YAC1B,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,kBAAkB;SACtC,CAAC,EACF,OAAO,EAAE;YACP,OAAO,EAAE,OAAO,CAAC,wBAAwB;YACzC,MAAM,EAAE,OAAO,CAAC,MAAM;SACvB;QACD,oFAAoF;QACpF,uFAAuF;QACvF,gEAAgE;QAChE,aAAa,QACb,aAAa,EAAE;YACb,SAAS,EAAE;gBACT,IAAI,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;gBACxB,eAAe,EAAE;oBACf,OAAO,EAAE,CAAC;iBACX;aACF;SACF,EACD,WAAW,EAAE;YACX,IAAI,EAAE,YAAY;SACnB,EACD,MAAM,EAAE,iBAAiB,EACzB,OAAO,EAAE,iBAAiB,EAC1B,WAAW;QAEX,oBAAC,cAAc,IACb,IAAI,EACF,WAAW,CAAC,CAAC,CAAC,CACZ,oBAAC,OAAO,OAAG,CACZ,CAAC,CAAC,CAAC,CACF,oBAAC,UAAU,IAAC,SAAS,EAAE,OAAO,CAAC,SAAS,GAAI,CAC7C,iBAEU,UAAU,EACvB,OAAO,EAAC,aAAa,GACrB,CACO,CACZ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}

package/PageHamburger/PageHamburgerPortal.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageHamburgerPortal.js","sourceRoot":"","sources":["../../src/PageHamburger/PageHamburgerPortal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAM5D,MAAM,mBAAmB,GAAG,CAAC,EAAE,QAAQ,EAAS,EAAE,EAAE;IAClD,MAAM,EAAE,kBAAkB,EAAE,YAAY,EAAE,GAAG,mBAAmB,EAAE,CAAA;IAClE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,IAAI,CAAC,CAAA;IAC1E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAA;IAEhE,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,IAAI,CAAC,CAAA;QAElB,IAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,EAAE;YACzB,YAAY,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;SACnC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC,CAAA;IAE7B,IAAI,CAAC,SAAS,IAAI,CAAC,kBAAkB,EAAE;QACrC,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAA;AAC1C,CAAC,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"PageHamburgerPortal.js","sourceRoot":"","sources":["../../src/PageHamburger/PageHamburgerPortal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAM5D,MAAM,mBAAmB,GAAG,CAAC,EAAE,QAAQ,EAAS,EAAE,EAAE;IAClD,MAAM,EAAE,kBAAkB,EAAE,YAAY,EAAE,GAAG,mBAAmB,EAAE,CAAA;IAClE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,IAAI,CAAC,CAAA;IAC1E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAA;IAEhE,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,IAAI,CAAC,CAAA;QAClB,IAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,EAAE;YACzB,YAAY,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;SACnC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC,CAAA;IAE7B,IAAI,CAAC,SAAS,IAAI,CAAC,kBAAkB,EAAE;QACrC,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAA;AAC1C,CAAC,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toptal/picasso",
-  "version": "37.1.2",
+  "version": "37.2.0",
   "description": "Toptal UI components library",
   "publishConfig": {
     "access": "public",

package/test-utils/get-checkpoints.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Produces an array of checkpoints – screen size values, needed for covering
+ * all existing breakpoints in tests (checkpoints are different from breakpoints
+ * by certain offset).
+ *
+ * @returns {number[]} Array of checkpoints
+ */
+export declare const getCheckpoints: () => number[];

package/test-utils/get-checkpoints.js

@@ -0,0 +1,22 @@
+import { PicassoBreakpoints } from '@toptal/picasso-provider';
+/**
+ * Produces an array of checkpoints – screen size values, needed for covering
+ * all existing breakpoints in tests (checkpoints are different from breakpoints
+ * by certain offset).
+ *
+ * @returns {number[]} Array of checkpoints
+ */
+export const getCheckpoints = () => {
+    const offset = 1;
+    const breakpointValues = Object.values(PicassoBreakpoints.breakpoints.values).sort((valueA, valueB) => valueA - valueB);
+    return [
+        ...breakpointValues
+            // Skip the first breakpoint as it equals to 0
+            .slice(1)
+            // Genereate checkpoints by subtsracting offset from each breakpoint
+            .map(breakpointValue => breakpointValue - offset),
+        // Add the last checkpoint that covers screens wider that the last breakpoint
+        breakpointValues[breakpointValues.length - 1] + offset,
+    ];
+};
+//# sourceMappingURL=get-checkpoints.js.map

package/test-utils/get-checkpoints.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-checkpoints.js","sourceRoot":"","sources":["../../src/test-utils/get-checkpoints.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AAE7D;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,MAAM,GAAG,CAAC,CAAA;IAChB,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CACpC,kBAAkB,CAAC,WAAW,CAAC,MAAM,CACtC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IAE3C,OAAO;QACL,GAAG,gBAAgB;YACjB,8CAA8C;aAC7C,KAAK,CAAC,CAAC,CAAC;YACT,oEAAoE;aACnE,GAAG,CAAC,eAAe,CAAC,EAAE,CAAC,eAAe,GAAG,MAAM,CAAC;QACnD,6EAA6E;QAC7E,gBAAgB,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,MAAM;KACvD,CAAA;AACH,CAAC,CAAA"}

package/test-utils/index.d.ts

@@ -7,3 +7,4 @@ export declare type PicassoConfig = {
 declare const customRender: (ui: ReactElement, options?: Omit<RenderOptions, 'queries'>, picassoConfig?: PicassoConfig) => RenderResult;
 export * from '@testing-library/react';
 export { customRender as render, TestingPicasso };
+export { getCheckpoints } from './get-checkpoints';

package/test-utils/index.js

@@ -19,4 +19,5 @@ const customRender = (ui, options, picassoConfig) => {
 };
 export * from '@testing-library/react';
 export { customRender as render, TestingPicasso };
+export { getCheckpoints } from './get-checkpoints';
 //# sourceMappingURL=index.js.map

package/test-utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/test-utils/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAE/C,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAM7C,MAAM,YAAY,GAAG,CACnB,EAAgB,EAChB,OAAwC,EACxC,aAA6B,EACf,EAAE;IAChB,MAAM,KAAwB,MAAM,CAClC,oBAAC,cAAc,IAAC,SAAS,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,SAAS,IAAG,EAAE,CAAkB,EAC1E,OAAO,CACR,EAHK,EAAE,QAAQ,OAGf,EAHoB,IAAI,cAAnB,YAAqB,CAG1B,CAAA;IAED,MAAM,cAAc,GAAoB,KAAK,CAAC,EAAE,CAC9C,QAAQ,CACN,oBAAC,cAAc,IAAC,SAAS,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,SAAS,IAChD,KAAK,CACS,CAClB,CAAA;IAEH,uBAAS,QAAQ,EAAE,cAAc,IAAK,IAAI,EAAE;AAC9C,CAAC,CAAA;AAED,cAAc,wBAAwB,CAAA;AACtC,OAAO,EAAE,YAAY,IAAI,MAAM,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/test-utils/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAE/C,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAM7C,MAAM,YAAY,GAAG,CACnB,EAAgB,EAChB,OAAwC,EACxC,aAA6B,EACf,EAAE;IAChB,MAAM,KAAwB,MAAM,CAClC,oBAAC,cAAc,IAAC,SAAS,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,SAAS,IAAG,EAAE,CAAkB,EAC1E,OAAO,CACR,EAHK,EAAE,QAAQ,OAGf,EAHoB,IAAI,cAAnB,YAAqB,CAG1B,CAAA;IAED,MAAM,cAAc,GAAoB,KAAK,CAAC,EAAE,CAC9C,QAAQ,CACN,oBAAC,cAAc,IAAC,SAAS,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,SAAS,IAChD,KAAK,CACS,CAClB,CAAA;IAEH,uBAAS,QAAQ,EAAE,cAAc,IAAK,IAAI,EAAE;AAC9C,CAAC,CAAA;AAED,cAAc,wBAAwB,CAAA;AACtC,OAAO,EAAE,YAAY,IAAI,MAAM,EAAE,cAAc,EAAE,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA"}