@jobber/components 4.15.2 → 4.15.3-JOB-68798.3

package/dist/Grid/context/InternalGridContext.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+/**
+ * @interal Context to verify `Grid.Cell`'s are only usable inside of a `Grid`
+ */
+export interface InternalGridContextProps {
+    readonly gridName: string;
+}
+export declare const defaultValues: InternalGridContextProps;
+export declare const InternalGridContext: import("react").Context<InternalGridContextProps>;
+export declare function useInternalGridContext(): InternalGridContextProps;

package/dist/Grid/context/InternalGridProvider.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function InternalGridProvider({ children, }: React.PropsWithChildren): JSX.Element;

package/dist/Grid/context/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./InternalGridContext";
+export * from "./InternalGridProvider";

package/dist/Grid/index.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var classnames = require('classnames');
+var useAssert = require('@jobber/hooks/useAssert');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
+var uuid = require('uuid');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -15,6 +17,19 @@ var css_248z$2 = "._3ktwlV3aNFk- {\n  grid-column: initial;\n  grid-column-end:
 var styles$1 = {"gridCell":"_3ktwlV3aNFk-"};
 styleInject_es.styleInject(css_248z$2);
 
+const defaultValues = {
+    gridName: "",
+};
+const InternalGridContext = React.createContext(defaultValues);
+function useInternalGridContext() {
+    return React.useContext(InternalGridContext);
+}
+
+function InternalGridProvider({ children, }) {
+    const gridNameRef = React.useRef(`grid${uuid.v1()}`);
+    return (React__default["default"].createElement(InternalGridContext.Provider, { value: { gridName: gridNameRef.current } }, children));
+}
+
 /**
  * Breakpoints that we support
  */
@@ -27,6 +42,8 @@ function GridCell({ size, children }) {
      * the column
      */
     const cssSizeVariables = breakpoints.reduce(getSizeCSSVariables(size), {});
+    const gridContext = useInternalGridContext();
+    useAssert.useAssert(!gridContext.gridName, "`<Grid.Cell>` can only be used inside of a `<Grid>` component!");
     return (React__default["default"].createElement("div", { "data-testid": GRID_CELL_TEST_ID, className: styles$1.gridCell, style: cssSizeVariables }, children));
 }
 function getSizeCSSVariables(size) {
@@ -57,7 +74,8 @@ function Grid({ alignItems = "start", gap = true, children, }) {
     const classnames = classnames__default["default"](styles.grid, alignments[alignItems], {
         [styles.gap]: gap,
     });
-    return (React__default["default"].createElement("div", { "data-testid": GRID_TEST_ID, className: classnames }, children));
+    return (React__default["default"].createElement(InternalGridProvider, null,
+        React__default["default"].createElement("div", { "data-testid": GRID_TEST_ID, className: classnames }, children)));
 }
 Grid.Cell = GridCell;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "4.15.2",
+  "version": "4.15.3-JOB-68798.3+214dd17f",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -20,7 +20,7 @@
   ],
   "dependencies": {
     "@jobber/design": "^0.39.0",
-    "@jobber/formatters": "*",
+    "@jobber/formatters": "^0.2.2",
     "@jobber/hooks": "^2.1.2",
     "@popperjs/core": "^2.0.6",
     "@std-proposal/temporal": "0.0.1",
@@ -83,5 +83,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "52276106cc0538c532739bddf8a6a9ca5dec5e42"
+  "gitHead": "214dd17fed20df6265ea04d4cb22c2d1af9159cf"
 }