@jobber/components 6.79.0 → 6.80.0

package/dist/Heading/Heading.d.ts

@@ -11,6 +11,11 @@ export interface HeadingProps {
      * Allows overriding of the element rendered. Defaults to the heading specified with level.
      */
     readonly element?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
+    /**
+     * The maximum amount of lines the text can occupy before being truncated with "...".
+     * Uses predefined string values that correspond to a doubling scale for the amount of lines.
+     */
+    readonly maxLines?: "single" | "small" | "base" | "large" | "larger" | "unlimited";
     /**
      * **Use at your own risk:** Custom classNames for specific elements. This should only be used as a
      * **last resort**. Using this may result in unexpected side effects.
@@ -25,5 +30,5 @@ export interface HeadingProps {
     readonly UNSAFE_style?: TypographyProps["UNSAFE_style"];
 }
 export type LevelMap = Record<HeadingLevel, TypographyOptions>;
-export declare function Heading({ level, children, element, UNSAFE_className, UNSAFE_style, }: HeadingProps): React.JSX.Element;
+export declare function Heading({ level, children, element, maxLines, UNSAFE_className, UNSAFE_style, }: HeadingProps): React.JSX.Element;
 export {};

package/dist/Heading-cjs.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var Typography = require('./Typography-cjs.js');
 
-function Heading({ level = 5, children, element, UNSAFE_className, UNSAFE_style, }) {
+function Heading({ level = 5, children, element, maxLines = "unlimited", UNSAFE_className, UNSAFE_style, }) {
     const levelMap = {
         1: {
             element: "h1",
@@ -43,7 +43,15 @@ function Heading({ level = 5, children, element, UNSAFE_className, UNSAFE_style,
             textColor: "heading",
         },
     };
-    return (React.createElement(Typography.Typography, Object.assign({}, levelMap[level], { element: element || levelMap[level].element, UNSAFE_className: UNSAFE_className, UNSAFE_style: UNSAFE_style }), children));
+    const maxLineToNumber = {
+        single: 1,
+        small: 2,
+        base: 4,
+        large: 8,
+        larger: 16,
+        unlimited: undefined,
+    };
+    return (React.createElement(Typography.Typography, Object.assign({}, levelMap[level], { element: element || levelMap[level].element, numberOfLines: maxLineToNumber[maxLines], UNSAFE_className: UNSAFE_className, UNSAFE_style: UNSAFE_style }), children));
 }
 
 exports.Heading = Heading;

package/dist/Heading-es.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import { T as Typography } from './Typography-es.js';
 
-function Heading({ level = 5, children, element, UNSAFE_className, UNSAFE_style, }) {
+function Heading({ level = 5, children, element, maxLines = "unlimited", UNSAFE_className, UNSAFE_style, }) {
     const levelMap = {
         1: {
             element: "h1",
@@ -41,7 +41,15 @@ function Heading({ level = 5, children, element, UNSAFE_className, UNSAFE_style,
             textColor: "heading",
         },
     };
-    return (React__default.createElement(Typography, Object.assign({}, levelMap[level], { element: element || levelMap[level].element, UNSAFE_className: UNSAFE_className, UNSAFE_style: UNSAFE_style }), children));
+    const maxLineToNumber = {
+        single: 1,
+        small: 2,
+        base: 4,
+        large: 8,
+        larger: 16,
+        unlimited: undefined,
+    };
+    return (React__default.createElement(Typography, Object.assign({}, levelMap[level], { element: element || levelMap[level].element, numberOfLines: maxLineToNumber[maxLines], UNSAFE_className: UNSAFE_className, UNSAFE_style: UNSAFE_style }), children));
 }
 
 export { Heading as H };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.79.0",
+  "version": "6.80.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -479,7 +479,7 @@
     "@types/react-datepicker": "^4.8.0",
     "@types/react-router": "5.1.7",
     "@types/react-router-dom": "^5.3.3",
-    "axios": "^1.6.0",
+    "axios": "^1.11.0",
     "classnames": "^2.3.2",
     "color": "^3.1.2",
     "filesize": "^6.1.0",
@@ -523,7 +523,7 @@
     "@jobber/design": "*",
     "@jobber/hooks": ">=2",
     "@tanstack/react-table": "^8",
-    "axios": "^1",
+    "axios": "^1.11.0",
     "classnames": "^2",
     "color": "^4",
     "date-fns": "^2.30.0",
@@ -542,5 +542,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "4d83b6575a301e8838c25ac824da629bf9bb6ab8"
+  "gitHead": "fb31413a164542a3481767f2ae2d31c172e86f35"
 }