@servicetitan/design-system 12.8.0 → 12.9.0

package/dist/utilities/index.d.ts

@@ -4,7 +4,6 @@ export * from './debounce';
 export * from './ConditionalWrapper';
 export * from './DefaultPortalContext';
 export * from './getContent';
-export * from './FocusTrap';
 export * from './isElementOfType';
 export * from './justify-props';
 export * from './keyCodes';

package/dist/utilities/index.js

@@ -4,7 +4,6 @@ export * from './debounce';
 export * from './ConditionalWrapper';
 export * from './DefaultPortalContext';
 export * from './getContent';
-export * from './FocusTrap';
 export * from './isElementOfType';
 export * from './justify-props';
 export * from './keyCodes';

package/dist/utilities/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utilities/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utilities/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC"}

package/package.json

@@ -1,132 +1,132 @@
 {
-    "name": "@servicetitan/design-system",
-    "version": "12.8.0",
-    "description": "",
-    "homepage": "https://anvil.servicetitan.com",
-    "repository": {
-        "type": "git",
-        "url": "github:servicetitan/anvil",
-        "directory": "packages/design-system"
-    },
-    "storybook": {
-        "url": "https://anvil.st.dev"
-    },
-    "main": "./dist/system.js",
-    "sideEffects": [
-        "**/*.css"
-    ],
-    "scripts": {
-        "start": "npm run watch --silent",
-        "build": "npm run build:init && run-p build:css build:js --silent",
-        "build:init": "run-s build:init:clean build:init:make-dir --silent",
-        "build:init:clean": "rimraf dist",
-        "build:init:make-dir": "mkdir dist",
-        "build:css": "run-s build:css:version build:css:lint build:css:compile build:css:autoprefixer build:css:minify build:css:message --silent",
-        "build:css:version": "node ./scripts/generate-version.js",
-        "build:css:lint": "stylelint \"**/!(dist)/*.scss\" --syntax scss || echo \"❌ Stylelint Failed\"",
-        "build:css:compile": "sass --quiet-deps --load-path=node_modules/@servicetitan/tokens/core/ --load-path=node_modules src:dist",
-        "build:css:autoprefixer": "postcss -r dist/system.css",
-        "build:css:minify": "run-p build:css:minify:system build:css:minify:system-light",
-        "build:css:minify:system": "cleancss dist/system.css --output dist/system.min.css",
-        "build:css:minify:system-light": "cleancss dist/system-light.css --output dist/system-light.min.css",
-        "prebuild:css:message": "echo \" \"",
-        "build:css:message": "echo \"🎉 Anvil CSS built\"",
-        "postbuild:css:message": "echo \" \"",
-        "build:js": "run-s build:js:lint build:js:compile build:js:message --silent",
-        "build:js:lint": "eslint . || echo \"❌ ESLint Failed\"",
-        "build:js:compile": "tsc",
-        "prebuild:js:message": "echo \" \"",
-        "build:js:message": "echo \"🎉 Anvil React Components built\"",
-        "postbuild:js:message": "echo \" \"",
-        "watch": "run-p watch:deps watch:css watch:js --silent",
-        "watch:deps": "run-p watch:deps:tokens watch:deps:semantic --silent",
-        "watch:deps:tokens": "chokidar \"node_modules/@servicetitan/tokens/core/*.scss\" --follow-symlinks --command \"npm run build:css --silent\"",
-        "watch:deps:semantic": "chokidar \"node_modules/@servicetitan/semantic/dist/semantic.css\" --follow-symlinks --command \"npm run build:css --silent\"",
-        "watch:css": "chokidar \"src/**/*.scss\" --ignore \"src/**/version.scss\" --command \"npm run build:css --silent\"",
-        "watch:js": "chokidar \"src/**/*.{tsx,ts,js}\" -i \"src/**/*.stories.tsx\" -c \"npm run build:js\"",
-        "version": "npm run build:css",
-        "lint": "run-p build:css:lint build:js:lint --silent",
-        "test": "jest"
-    },
-    "files": [
-        "dist",
-        "readme.md"
-    ],
-    "publishConfig": {
-        "access": "public"
-    },
-    "dependencies": {
-        "@popperjs/core": "2.11.0",
-        "@progress/kendo-data-query": "~1.6.0",
-        "@progress/kendo-drawing": "~1.11.0",
-        "@progress/kendo-licensing": "~1.2.0",
-        "@progress/kendo-react-animation": "~5.5.0",
-        "@progress/kendo-react-buttons": "~5.5.0",
-        "@progress/kendo-react-data-tools": "~5.5.0",
-        "@progress/kendo-react-dateinputs": "~5.5.0",
-        "@progress/kendo-react-dropdowns": "~5.5.0",
-        "@progress/kendo-react-grid": "~5.5.0",
-        "@progress/kendo-react-inputs": "~5.5.0",
-        "@progress/kendo-react-intl": "~5.5.0",
-        "@progress/kendo-react-pdf": "~5.5.0",
-        "@progress/kendo-react-popup": "~5.5.0",
-        "@progress/kendo-react-treeview": "~5.5.0",
-        "@react-aria/focus": "^3.2.3",
-        "@react-hook/window-size": "^3.0.7",
-        "@servicetitan/anvil-fonts": "^12.8.0",
-        "@servicetitan/anvil-icons": "^12.8.0",
-        "@servicetitan/anvil-themes": "^12.8.0",
-        "@servicetitan/tokens": "^12.2.0",
-        "classnames": "2.3.1",
-        "framer-motion": "4.1.17",
-        "luxon": "^2.4.0",
-        "memoize-one": "5.2.1",
-        "moment": "2.29.4",
-        "nanoid": "3.1.31",
-        "react-animate-height": "^2.0.22",
-        "react-focus-lock": "^2.5.2",
-        "react-input-mask": "2.0.4",
-        "react-is": "17.0.2",
-        "react-popper": "2.2.5",
-        "react-textarea-autosize": "8.3.3",
-        "react-transition-group": "4.4.2",
-        "semantic-ui-react": "2.0.3",
-        "tinycolor2": "1.4.2"
-    },
-    "peerDependencies": {
-        "react": "^16 || ^17",
-        "react-dom": "^16 || ^17"
-    },
-    "devDependencies": {
-        "@lib/semantic": "^12.8.0",
-        "@progress/kendo-theme-default": "~5.5.0",
-        "@servicetitan/anvil-css-utilities": "^12.8.0",
-        "@testing-library/jest-dom": "5.14.1",
-        "@testing-library/react": "12.1.0",
-        "@testing-library/user-event": "13.2.1",
-        "@types/jest": "27.0.1",
-        "@types/luxon": "^2.3.2",
-        "@types/node": "16.9.1",
-        "@types/react": "17.0.21",
-        "@types/react-dom": "17.0.9",
-        "@types/react-input-mask": "2.0.5",
-        "@types/react-is": "17.0.2",
-        "@types/react-transition-group": "4.4.2",
-        "autoprefixer": "10.3.4",
-        "clean-css-cli": "5.3.3",
-        "core-js": "3.17.3",
-        "eslint": "7.32.0",
-        "jest": "27.2.0",
-        "npm-run-all": "4.1.5",
-        "postcss": "8.3.6",
-        "postcss-cli": "8.3.1",
-        "react": "17.0.2",
-        "react-dom": "17.0.2",
-        "rimraf": "3.0.2",
-        "sass": "1.41.0",
-        "stylelint": "13.13.1",
-        "ts-jest": "27.0.5",
-        "typescript": "4.4.3"
-    },
-    "gitHead": "26c56961e8ed1be05aa98cdb352812df1f343467"
+	"name": "@servicetitan/design-system",
+	"version": "12.9.0",
+	"description": "",
+	"homepage": "https://anvil.servicetitan.com",
+	"repository": {
+		"type": "git",
+		"url": "github:servicetitan/anvil",
+		"directory": "packages/design-system"
+	},
+	"storybook": {
+		"url": "https://anvil.st.dev"
+	},
+	"main": "./dist/system.js",
+	"sideEffects": [
+		"**/*.css"
+	],
+	"scripts": {
+		"start": "npm run watch --silent",
+		"build": "npm run build:init && run-p build:css build:js --silent",
+		"build:init": "run-s build:init:clean build:init:make-dir --silent",
+		"build:init:clean": "rimraf dist",
+		"build:init:make-dir": "mkdir dist",
+		"build:css": "run-s build:css:version build:css:lint build:css:compile build:css:autoprefixer build:css:minify build:css:message --silent",
+		"build:css:version": "node ./scripts/generate-version.js",
+		"build:css:lint": "stylelint \"**/!(dist)/*.scss\" --syntax scss || echo \"❌ Stylelint Failed\"",
+		"build:css:compile": "sass --quiet-deps --load-path=node_modules/@servicetitan/tokens/core/ --load-path=node_modules src:dist",
+		"build:css:autoprefixer": "postcss -r dist/system.css",
+		"build:css:minify": "run-p build:css:minify:system build:css:minify:system-light",
+		"build:css:minify:system": "cleancss dist/system.css --output dist/system.min.css",
+		"build:css:minify:system-light": "cleancss dist/system-light.css --output dist/system-light.min.css",
+		"prebuild:css:message": "echo \" \"",
+		"build:css:message": "echo \"🎉 Anvil CSS built\"",
+		"postbuild:css:message": "echo \" \"",
+		"build:js": "run-s build:js:lint build:js:compile build:js:message --silent",
+		"build:js:lint": "eslint . || echo \"❌ ESLint Failed\"",
+		"build:js:compile": "tsc",
+		"prebuild:js:message": "echo \" \"",
+		"build:js:message": "echo \"🎉 Anvil React Components built\"",
+		"postbuild:js:message": "echo \" \"",
+		"watch": "run-p watch:deps watch:css watch:js --silent",
+		"watch:deps": "run-p watch:deps:tokens watch:deps:semantic --silent",
+		"watch:deps:tokens": "chokidar \"node_modules/@servicetitan/tokens/core/*.scss\" --follow-symlinks --command \"npm run build:css --silent\"",
+		"watch:deps:semantic": "chokidar \"node_modules/@servicetitan/semantic/dist/semantic.css\" --follow-symlinks --command \"npm run build:css --silent\"",
+		"watch:css": "chokidar \"src/**/*.scss\" --ignore \"src/**/version.scss\" --command \"npm run build:css --silent\"",
+		"watch:js": "chokidar \"src/**/*.{tsx,ts,js}\" -i \"src/**/*.stories.tsx\" -c \"npm run build:js\"",
+		"version": "npm run build:css",
+		"lint": "run-p build:css:lint build:js:lint --silent",
+		"test": "jest"
+	},
+	"files": [
+		"dist",
+		"readme.md"
+	],
+	"publishConfig": {
+		"access": "public"
+	},
+	"dependencies": {
+		"@popperjs/core": "2.11.0",
+		"@progress/kendo-data-query": "~1.6.0",
+		"@progress/kendo-drawing": "~1.11.0",
+		"@progress/kendo-licensing": "~1.2.0",
+		"@progress/kendo-react-animation": "~5.5.0",
+		"@progress/kendo-react-buttons": "~5.5.0",
+		"@progress/kendo-react-data-tools": "~5.5.0",
+		"@progress/kendo-react-dateinputs": "~5.5.0",
+		"@progress/kendo-react-dropdowns": "~5.5.0",
+		"@progress/kendo-react-grid": "~5.5.0",
+		"@progress/kendo-react-inputs": "~5.5.0",
+		"@progress/kendo-react-intl": "~5.5.0",
+		"@progress/kendo-react-pdf": "~5.5.0",
+		"@progress/kendo-react-popup": "~5.5.0",
+		"@progress/kendo-react-treeview": "~5.5.0",
+		"@react-aria/focus": "^3.2.3",
+		"@react-hook/window-size": "^3.0.7",
+		"@servicetitan/anvil-fonts": "^12.9.0",
+		"@servicetitan/anvil-icons": "^12.9.0",
+		"@servicetitan/anvil-themes": "^12.9.0",
+		"@servicetitan/tokens": "^12.2.0",
+		"classnames": "2.3.1",
+		"framer-motion": "4.1.17",
+		"luxon": "^2.4.0",
+		"memoize-one": "5.2.1",
+		"moment": "2.29.4",
+		"nanoid": "3.1.31",
+		"react-animate-height": "^2.0.22",
+		"react-focus-lock": "^2.5.2",
+		"react-input-mask": "2.0.4",
+		"react-is": "17.0.2",
+		"react-popper": "2.2.5",
+		"react-textarea-autosize": "8.3.3",
+		"react-transition-group": "4.4.2",
+		"semantic-ui-react": "2.0.3",
+		"tinycolor2": "1.4.2"
+	},
+	"peerDependencies": {
+		"react": "^16 || ^17",
+		"react-dom": "^16 || ^17"
+	},
+	"devDependencies": {
+		"@lib/semantic": "^12.9.0",
+		"@progress/kendo-theme-default": "~5.5.0",
+		"@servicetitan/anvil-css-utilities": "^12.9.0",
+		"@testing-library/jest-dom": "5.14.1",
+		"@testing-library/react": "12.1.0",
+		"@testing-library/user-event": "13.2.1",
+		"@types/jest": "27.0.1",
+		"@types/luxon": "^2.3.2",
+		"@types/node": "16.9.1",
+		"@types/react": "17.0.21",
+		"@types/react-dom": "17.0.9",
+		"@types/react-input-mask": "2.0.5",
+		"@types/react-is": "17.0.2",
+		"@types/react-transition-group": "4.4.2",
+		"autoprefixer": "10.3.4",
+		"clean-css-cli": "5.3.3",
+		"core-js": "3.17.3",
+		"eslint": "7.32.0",
+		"jest": "27.2.0",
+		"npm-run-all": "4.1.5",
+		"postcss": "8.3.6",
+		"postcss-cli": "8.3.1",
+		"react": "17.0.2",
+		"react-dom": "17.0.2",
+		"rimraf": "3.0.2",
+		"sass": "1.41.0",
+		"stylelint": "13.13.1",
+		"ts-jest": "27.0.5",
+		"typescript": "4.4.3"
+	},
+	"gitHead": "d76d8fbc10a84810f3f9dd4b07d952ee0d4e6508"
 }

package/dist/utilities/FocusTrap/FocusTrap.d.ts

@@ -1,8 +0,0 @@
-import { FC, RefObject } from 'react';
-export interface FocusTrapProps {
-    shards?: (HTMLElement | RefObject<any>)[];
-    disabled?: boolean;
-    allowClickOutside?: boolean;
-    returnFocus?: boolean;
-}
-export declare const FocusTrap: FC<FocusTrapProps>;

package/dist/utilities/FocusTrap/FocusTrap.js

@@ -1,52 +0,0 @@
-import React from 'react';
-import FocusLock from 'react-focus-lock';
-export const FocusTrap = ({ shards, disabled, children, allowClickOutside = true, returnFocus = true, }) => {
-    const [disableTrap, setDisableTrap] = React.useState(disabled);
-    const focusLockRef = React.useRef(null);
-    function checkFocusElementContains(target) {
-        const shardArray = shards ? [focusLockRef, ...shards] : [focusLockRef];
-        const isTargetShardArray = shardArray.some((element) => {
-            if (element === null || element === void 0 ? void 0 : element.current.contains(target))
-                return true;
-            return false;
-        });
-        if (isTargetShardArray) {
-            setDisableTrap(false);
-            return;
-        }
-        setDisableTrap(true);
-    }
-    /**
-     * When focusTrap is not disabled and allowClickOutside is true,
-     * - disable focusTrap when outside focusable element is clicked
-     * - restore focusTrap when focusTrap element is clicked
-     */
-    React.useEffect(() => {
-        function handleClickOutside(event) {
-            var _a, _b;
-            checkFocusElementContains((_b = (_a = event.composedPath) === null || _a === void 0 ? void 0 : _a.call(event)[0]) !== null && _b !== void 0 ? _b : event.target);
-        }
-        if (disabled || !allowClickOutside)
-            return;
-        document.addEventListener('mousedown', handleClickOutside);
-        return () => document.removeEventListener('mousedown', handleClickOutside);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [disabled, allowClickOutside]);
-    /**
-     * When focusTrap is not disabled,
-     * restore focusTrap when focusTrap element gets focus
-     */
-    React.useEffect(() => {
-        setDisableTrap(disabled);
-        function handleKeyboardFocus() {
-            checkFocusElementContains(document.activeElement);
-        }
-        if (disabled)
-            return;
-        document.addEventListener('keydown', handleKeyboardFocus);
-        return () => document.removeEventListener('keydown', handleKeyboardFocus);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [disabled]);
-    return (React.createElement(FocusLock, { shards: shards, disabled: disableTrap, ref: focusLockRef, crossFrame: false, returnFocus: returnFocus }, children));
-};
-//# sourceMappingURL=FocusTrap.js.map

package/dist/utilities/FocusTrap/FocusTrap.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FocusTrap.js","sourceRoot":"","sources":["../../../src/utilities/FocusTrap/FocusTrap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,SAAS,MAAM,kBAAkB,CAAC;AAgBzC,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAC7C,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,iBAAiB,GAAG,IAAI,EACxB,WAAW,GAAG,IAAI,GAClB,EAAE,EAAE;IACJ,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC/D,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAExC,SAAS,yBAAyB,CAAC,MAAW;QAC7C,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;QACvE,MAAM,kBAAkB,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,OAAY,EAAE,EAAE;YAC3D,IAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC;gBAAE,OAAO,IAAI,CAAC;YACnD,OAAO,KAAK,CAAC;QACd,CAAC,CAAC,CAAC;QACH,IAAI,kBAAkB,EAAE;YACvB,cAAc,CAAC,KAAK,CAAC,CAAC;YACtB,OAAO;SACP;QACD,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IAED;;;;OAIG;IACH,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,SAAS,kBAAkB,CAAC,KAAiB;;YAC5C,yBAAyB,CACxB,MAAA,MAAA,KAAK,CAAC,YAAY,+CAAlB,KAAK,EAAkB,CAAC,CAAC,mCAAI,KAAK,CAAC,MAAM,CACzC,CAAC;QACH,CAAC;QAED,IAAI,QAAQ,IAAI,CAAC,iBAAiB;YAAE,OAAO;QAE3C,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC3D,OAAO,GAAG,EAAE,CACX,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAE/D,uDAAuD;IACxD,CAAC,EAAE,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAElC;;;OAGG;IACH,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,cAAc,CAAC,QAAQ,CAAC,CAAC;QAEzB,SAAS,mBAAmB;YAC3B,yBAAyB,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;QACnD,CAAC;QAED,IAAI,QAAQ;YAAE,OAAO;QACrB,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,mBAAmB,CAAC,CAAC;QAC1D,OAAO,GAAG,EAAE,CACX,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,mBAAmB,CAAC,CAAC;QAE9D,uDAAuD;IACxD,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACN,oBAAC,SAAS,IACT,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,WAAW,EACrB,GAAG,EAAE,YAAY,EACjB,UAAU,EAAE,KAAK,EACjB,WAAW,EAAE,WAAW,IAEvB,QAAQ,CACE,CACZ,CAAC;AACH,CAAC,CAAC"}

package/dist/utilities/FocusTrap/index.d.ts

@@ -1 +0,0 @@
-export * from './FocusTrap';

package/dist/utilities/FocusTrap/index.js

@@ -1,2 +0,0 @@
-export * from './FocusTrap';
-//# sourceMappingURL=index.js.map

package/dist/utilities/FocusTrap/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utilities/FocusTrap/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}