@jobber/components 4.92.0 → 5.0.1

package/package.json

@@ -1,9 +1,390 @@
 {
   "name": "@jobber/components",
-  "version": "4.92.0",
+  "version": "5.0.1",
   "license": "MIT",
-  "main": "dist/index.js",
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    },
+    "./styles": "./dist/styles.css",
+    "./dist/styles.css": "./dist/styles.css",
+    "./AnimatedPresence": {
+      "types": "./dist/AnimatedPresence/index.d.ts",
+      "import": "./dist/AnimatedPresence/index.mjs",
+      "require": "./dist/AnimatedPresence/index.cjs"
+    },
+    "./AnimatedSwitcher": {
+      "types": "./dist/AnimatedSwitcher/index.d.ts",
+      "import": "./dist/AnimatedSwitcher/index.mjs",
+      "require": "./dist/AnimatedSwitcher/index.cjs"
+    },
+    "./AtlantisContext": {
+      "types": "./dist/AtlantisContext/index.d.ts",
+      "import": "./dist/AtlantisContext/index.mjs",
+      "require": "./dist/AtlantisContext/index.cjs"
+    },
+    "./Autocomplete": {
+      "types": "./dist/Autocomplete/index.d.ts",
+      "import": "./dist/Autocomplete/index.mjs",
+      "require": "./dist/Autocomplete/index.cjs"
+    },
+    "./Avatar": {
+      "types": "./dist/Avatar/index.d.ts",
+      "import": "./dist/Avatar/index.mjs",
+      "require": "./dist/Avatar/index.cjs"
+    },
+    "./Banner": {
+      "types": "./dist/Banner/index.d.ts",
+      "import": "./dist/Banner/index.mjs",
+      "require": "./dist/Banner/index.cjs"
+    },
+    "./Button": {
+      "types": "./dist/Button/index.d.ts",
+      "import": "./dist/Button/index.mjs",
+      "require": "./dist/Button/index.cjs"
+    },
+    "./ButtonDismiss": {
+      "types": "./dist/ButtonDismiss/index.d.ts",
+      "import": "./dist/ButtonDismiss/index.mjs",
+      "require": "./dist/ButtonDismiss/index.cjs"
+    },
+    "./Card": {
+      "types": "./dist/Card/index.d.ts",
+      "import": "./dist/Card/index.mjs",
+      "require": "./dist/Card/index.cjs"
+    },
+    "./Checkbox": {
+      "types": "./dist/Checkbox/index.d.ts",
+      "import": "./dist/Checkbox/index.mjs",
+      "require": "./dist/Checkbox/index.cjs"
+    },
+    "./Chip": {
+      "types": "./dist/Chip/index.d.ts",
+      "import": "./dist/Chip/index.mjs",
+      "require": "./dist/Chip/index.cjs"
+    },
+    "./Chips": {
+      "types": "./dist/Chips/index.d.ts",
+      "import": "./dist/Chips/index.mjs",
+      "require": "./dist/Chips/index.cjs"
+    },
+    "./Combobox": {
+      "types": "./dist/Combobox/index.d.ts",
+      "import": "./dist/Combobox/index.mjs",
+      "require": "./dist/Combobox/index.cjs"
+    },
+    "./ConfirmationModal": {
+      "types": "./dist/ConfirmationModal/index.d.ts",
+      "import": "./dist/ConfirmationModal/index.mjs",
+      "require": "./dist/ConfirmationModal/index.cjs"
+    },
+    "./Content": {
+      "types": "./dist/Content/index.d.ts",
+      "import": "./dist/Content/index.mjs",
+      "require": "./dist/Content/index.cjs"
+    },
+    "./Countdown": {
+      "types": "./dist/Countdown/index.d.ts",
+      "import": "./dist/Countdown/index.mjs",
+      "require": "./dist/Countdown/index.cjs"
+    },
+    "./DataDump": {
+      "types": "./dist/DataDump/index.d.ts",
+      "import": "./dist/DataDump/index.mjs",
+      "require": "./dist/DataDump/index.cjs"
+    },
+    "./DataList": {
+      "types": "./dist/DataList/index.d.ts",
+      "import": "./dist/DataList/index.mjs",
+      "require": "./dist/DataList/index.cjs"
+    },
+    "./DataTable": {
+      "types": "./dist/DataTable/index.d.ts",
+      "import": "./dist/DataTable/index.mjs",
+      "require": "./dist/DataTable/index.cjs"
+    },
+    "./DatePicker": {
+      "types": "./dist/DatePicker/index.d.ts",
+      "import": "./dist/DatePicker/index.mjs",
+      "require": "./dist/DatePicker/index.cjs"
+    },
+    "./DescriptionList": {
+      "types": "./dist/DescriptionList/index.d.ts",
+      "import": "./dist/DescriptionList/index.mjs",
+      "require": "./dist/DescriptionList/index.cjs"
+    },
+    "./Disclosure": {
+      "types": "./dist/Disclosure/index.d.ts",
+      "import": "./dist/Disclosure/index.mjs",
+      "require": "./dist/Disclosure/index.cjs"
+    },
+    "./Divider": {
+      "types": "./dist/Divider/index.d.ts",
+      "import": "./dist/Divider/index.mjs",
+      "require": "./dist/Divider/index.cjs"
+    },
+    "./Drawer": {
+      "types": "./dist/Drawer/index.d.ts",
+      "import": "./dist/Drawer/index.mjs",
+      "require": "./dist/Drawer/index.cjs"
+    },
+    "./Emphasis": {
+      "types": "./dist/Emphasis/index.d.ts",
+      "import": "./dist/Emphasis/index.mjs",
+      "require": "./dist/Emphasis/index.cjs"
+    },
+    "./FeatureSwitch": {
+      "types": "./dist/FeatureSwitch/index.d.ts",
+      "import": "./dist/FeatureSwitch/index.mjs",
+      "require": "./dist/FeatureSwitch/index.cjs"
+    },
+    "./Flex": {
+      "types": "./dist/Flex/index.d.ts",
+      "import": "./dist/Flex/index.mjs",
+      "require": "./dist/Flex/index.cjs"
+    },
+    "./Form": {
+      "types": "./dist/Form/index.d.ts",
+      "import": "./dist/Form/index.mjs",
+      "require": "./dist/Form/index.cjs"
+    },
+    "./FormField": {
+      "types": "./dist/FormField/index.d.ts",
+      "import": "./dist/FormField/index.mjs",
+      "require": "./dist/FormField/index.cjs"
+    },
+    "./FormatDate": {
+      "types": "./dist/FormatDate/index.d.ts",
+      "import": "./dist/FormatDate/index.mjs",
+      "require": "./dist/FormatDate/index.cjs"
+    },
+    "./FormatEmail": {
+      "types": "./dist/FormatEmail/index.d.ts",
+      "import": "./dist/FormatEmail/index.mjs",
+      "require": "./dist/FormatEmail/index.cjs"
+    },
+    "./FormatFile": {
+      "types": "./dist/FormatFile/index.d.ts",
+      "import": "./dist/FormatFile/index.mjs",
+      "require": "./dist/FormatFile/index.cjs"
+    },
+    "./FormatRelativeDateTime": {
+      "types": "./dist/FormatRelativeDateTime/index.d.ts",
+      "import": "./dist/FormatRelativeDateTime/index.mjs",
+      "require": "./dist/FormatRelativeDateTime/index.cjs"
+    },
+    "./FormatTime": {
+      "types": "./dist/FormatTime/index.d.ts",
+      "import": "./dist/FormatTime/index.mjs",
+      "require": "./dist/FormatTime/index.cjs"
+    },
+    "./Gallery": {
+      "types": "./dist/Gallery/index.d.ts",
+      "import": "./dist/Gallery/index.mjs",
+      "require": "./dist/Gallery/index.cjs"
+    },
+    "./Glimmer": {
+      "types": "./dist/Glimmer/index.d.ts",
+      "import": "./dist/Glimmer/index.mjs",
+      "require": "./dist/Glimmer/index.cjs"
+    },
+    "./Grid": {
+      "types": "./dist/Grid/index.d.ts",
+      "import": "./dist/Grid/index.mjs",
+      "require": "./dist/Grid/index.cjs"
+    },
+    "./Heading": {
+      "types": "./dist/Heading/index.d.ts",
+      "import": "./dist/Heading/index.mjs",
+      "require": "./dist/Heading/index.cjs"
+    },
+    "./Icon": {
+      "types": "./dist/Icon/index.d.ts",
+      "import": "./dist/Icon/index.mjs",
+      "require": "./dist/Icon/index.cjs"
+    },
+    "./InlineLabel": {
+      "types": "./dist/InlineLabel/index.d.ts",
+      "import": "./dist/InlineLabel/index.mjs",
+      "require": "./dist/InlineLabel/index.cjs"
+    },
+    "./InputAvatar": {
+      "types": "./dist/InputAvatar/index.d.ts",
+      "import": "./dist/InputAvatar/index.mjs",
+      "require": "./dist/InputAvatar/index.cjs"
+    },
+    "./InputDate": {
+      "types": "./dist/InputDate/index.d.ts",
+      "import": "./dist/InputDate/index.mjs",
+      "require": "./dist/InputDate/index.cjs"
+    },
+    "./InputEmail": {
+      "types": "./dist/InputEmail/index.d.ts",
+      "import": "./dist/InputEmail/index.mjs",
+      "require": "./dist/InputEmail/index.cjs"
+    },
+    "./InputFile": {
+      "types": "./dist/InputFile/index.d.ts",
+      "import": "./dist/InputFile/index.mjs",
+      "require": "./dist/InputFile/index.cjs"
+    },
+    "./InputGroup": {
+      "types": "./dist/InputGroup/index.d.ts",
+      "import": "./dist/InputGroup/index.mjs",
+      "require": "./dist/InputGroup/index.cjs"
+    },
+    "./InputNumber": {
+      "types": "./dist/InputNumber/index.d.ts",
+      "import": "./dist/InputNumber/index.mjs",
+      "require": "./dist/InputNumber/index.cjs"
+    },
+    "./InputPassword": {
+      "types": "./dist/InputPassword/index.d.ts",
+      "import": "./dist/InputPassword/index.mjs",
+      "require": "./dist/InputPassword/index.cjs"
+    },
+    "./InputPhoneNumber": {
+      "types": "./dist/InputPhoneNumber/index.d.ts",
+      "import": "./dist/InputPhoneNumber/index.mjs",
+      "require": "./dist/InputPhoneNumber/index.cjs"
+    },
+    "./InputText": {
+      "types": "./dist/InputText/index.d.ts",
+      "import": "./dist/InputText/index.mjs",
+      "require": "./dist/InputText/index.cjs"
+    },
+    "./InputTime": {
+      "types": "./dist/InputTime/index.d.ts",
+      "import": "./dist/InputTime/index.mjs",
+      "require": "./dist/InputTime/index.cjs"
+    },
+    "./InputValidation": {
+      "types": "./dist/InputValidation/index.d.ts",
+      "import": "./dist/InputValidation/index.mjs",
+      "require": "./dist/InputValidation/index.cjs"
+    },
+    "./LightBox": {
+      "types": "./dist/LightBox/index.d.ts",
+      "import": "./dist/LightBox/index.mjs",
+      "require": "./dist/LightBox/index.cjs"
+    },
+    "./Link": {
+      "types": "./dist/Link/index.d.ts",
+      "import": "./dist/Link/index.mjs",
+      "require": "./dist/Link/index.cjs"
+    },
+    "./List": {
+      "types": "./dist/List/index.d.ts",
+      "import": "./dist/List/index.mjs",
+      "require": "./dist/List/index.cjs"
+    },
+    "./Markdown": {
+      "types": "./dist/Markdown/index.d.ts",
+      "import": "./dist/Markdown/index.mjs",
+      "require": "./dist/Markdown/index.cjs"
+    },
+    "./Menu": {
+      "types": "./dist/Menu/index.d.ts",
+      "import": "./dist/Menu/index.mjs",
+      "require": "./dist/Menu/index.cjs"
+    },
+    "./Modal": {
+      "types": "./dist/Modal/index.d.ts",
+      "import": "./dist/Modal/index.mjs",
+      "require": "./dist/Modal/index.cjs"
+    },
+    "./MultiSelect": {
+      "types": "./dist/MultiSelect/index.d.ts",
+      "import": "./dist/MultiSelect/index.mjs",
+      "require": "./dist/MultiSelect/index.cjs"
+    },
+    "./Page": {
+      "types": "./dist/Page/index.d.ts",
+      "import": "./dist/Page/index.mjs",
+      "require": "./dist/Page/index.cjs"
+    },
+    "./Popover": {
+      "types": "./dist/Popover/index.d.ts",
+      "import": "./dist/Popover/index.mjs",
+      "require": "./dist/Popover/index.cjs"
+    },
+    "./ProgressBar": {
+      "types": "./dist/ProgressBar/index.d.ts",
+      "import": "./dist/ProgressBar/index.mjs",
+      "require": "./dist/ProgressBar/index.cjs"
+    },
+    "./RadioGroup": {
+      "types": "./dist/RadioGroup/index.d.ts",
+      "import": "./dist/RadioGroup/index.mjs",
+      "require": "./dist/RadioGroup/index.cjs"
+    },
+    "./RecurringSelect": {
+      "types": "./dist/RecurringSelect/index.d.ts",
+      "import": "./dist/RecurringSelect/index.mjs",
+      "require": "./dist/RecurringSelect/index.cjs"
+    },
+    "./Select": {
+      "types": "./dist/Select/index.d.ts",
+      "import": "./dist/Select/index.mjs",
+      "require": "./dist/Select/index.cjs"
+    },
+    "./Spinner": {
+      "types": "./dist/Spinner/index.d.ts",
+      "import": "./dist/Spinner/index.mjs",
+      "require": "./dist/Spinner/index.cjs"
+    },
+    "./StatusIndicator": {
+      "types": "./dist/StatusIndicator/index.d.ts",
+      "import": "./dist/StatusIndicator/index.mjs",
+      "require": "./dist/StatusIndicator/index.cjs"
+    },
+    "./StatusLabel": {
+      "types": "./dist/StatusLabel/index.d.ts",
+      "import": "./dist/StatusLabel/index.mjs",
+      "require": "./dist/StatusLabel/index.cjs"
+    },
+    "./Switch": {
+      "types": "./dist/Switch/index.d.ts",
+      "import": "./dist/Switch/index.mjs",
+      "require": "./dist/Switch/index.cjs"
+    },
+    "./Table": {
+      "types": "./dist/Table/index.d.ts",
+      "import": "./dist/Table/index.mjs",
+      "require": "./dist/Table/index.cjs"
+    },
+    "./Tabs": {
+      "types": "./dist/Tabs/index.d.ts",
+      "import": "./dist/Tabs/index.mjs",
+      "require": "./dist/Tabs/index.cjs"
+    },
+    "./Text": {
+      "types": "./dist/Text/index.d.ts",
+      "import": "./dist/Text/index.mjs",
+      "require": "./dist/Text/index.cjs"
+    },
+    "./Toast": {
+      "types": "./dist/Toast/index.d.ts",
+      "import": "./dist/Toast/index.mjs",
+      "require": "./dist/Toast/index.cjs"
+    },
+    "./Tooltip": {
+      "types": "./dist/Tooltip/index.d.ts",
+      "import": "./dist/Tooltip/index.mjs",
+      "require": "./dist/Tooltip/index.cjs"
+    },
+    "./Typography": {
+      "types": "./dist/Typography/index.d.ts",
+      "import": "./dist/Typography/index.mjs",
+      "require": "./dist/Typography/index.cjs"
+    }
+  },
   "scripts": {
     "build": "rollup --config",
     "bootstrap": "npm run clean; npm run build",
@@ -15,11 +396,13 @@
   },
   "files": [
     "*.js",
+    "*.cjs",
+    "*.mjs",
     "*.d.ts",
     "dist/*"
   ],
   "dependencies": {
-    "@jobber/design": "^0.57.0",
+    "@jobber/design": "^0.57.1",
     "@jobber/formatters": "*",
     "@jobber/hooks": "^2.9.4",
     "@popperjs/core": "^2.0.6",
@@ -48,8 +431,10 @@
   },
   "devDependencies": {
     "@csstools/postcss-global-data": "^1.0.3",
-    "@rollup/plugin-commonjs": "^24.0.1",
-    "@rollup/plugin-typescript": "^9.0.1",
+    "@rollup/plugin-alias": "^5.1.0",
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-node-resolve": "15.2.3",
+    "@rollup/plugin-typescript": "^11.1.6",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^14.0.0",
     "@testing-library/react-hooks": "^7.0.2",
@@ -64,23 +449,38 @@
     "postcss": "^8.4.21",
     "postcss-import": "^12.0.1",
     "postcss-preset-env": "^8.3.0",
-    "rollup": "^2.79.1",
-    "rollup-plugin-copy": "^3.4.0",
+    "rollup": "^4.13.0",
+    "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-multi-input": "^1.4.1",
+    "rollup-plugin-polyfill-node": "^0.13.0",
     "rollup-plugin-postcss": "^4.0.2",
     "typed-css-modules": "^0.7.0",
     "typescript": "^4.9.5"
   },
   "peerDependencies": {
+    "@apollo/client": "^3",
+    "@jobber/hooks": "^2",
+    "@std-proposal/temporal": "^0",
+    "@tanstack/react-table": "^8",
+    "axios": "^1",
+    "classnames": "^2",
+    "color": "^4",
     "date-fns": "^2.0.0",
     "date-fns-tz": "^2.0.0",
+    "filesize": "^6",
+    "framer-motion": "^11",
+    "lodash": "^4",
     "react": "^18",
-    "react-dom": "^18"
+    "react-dom": "^18",
+    "react-hook-form": "^7",
+    "react-popper": "^2",
+    "react-router-dom": "^6",
+    "zxcvbn": "^4"
   },
   "browserslist": [
     "last 1 version",
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "b78aed9722e75dfa30ace7ad33a86d084781f588"
+  "gitHead": "9261e6b2fb2dce1fa01abe99dbc1e40150368612"
 }

package/{rollup.config.js → rollup.config.mjs}

@@ -1,35 +1,59 @@
 /* eslint-disable import/no-default-export */
-import multiInput from "rollup-plugin-multi-input";
+import { fileURLToPath } from "url";
+import { dirname, resolve } from "path";
 import typescript from "@rollup/plugin-typescript";
 import postcss from "rollup-plugin-postcss";
 import commonjs from "@rollup/plugin-commonjs";
 import copy from "rollup-plugin-copy";
+import { nodeResolve } from "@rollup/plugin-node-resolve";
+import postcssimport from "postcss-import";
+import autoprefixer from "autoprefixer";
+import tools from "@csstools/postcss-global-data";
+import presetenv from "postcss-preset-env";
+import multiInput from "rollup-plugin-multi-input";
+import nodePolyfills from "rollup-plugin-polyfill-node";
+import alias from "@rollup/plugin-alias";
 
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
 export default {
-  input: `src/*/index.{ts,tsx}`,
+  input: `src/**/index.{ts,tsx}`,
   plugins: [
-    multiInput(),
+    nodePolyfills(),
+    alias({
+      entries: [
+        {
+          find: /@jobber\/hooks\/(.*)/,
+          replacement: (_, p1) =>
+            resolve(__dirname, `../hooks/dist/${p1}/${p1}.js`),
+        },
+      ],
+    }),
+    nodeResolve(),
+    multiInput.default(),
     typescript({
       tsconfig: "./tsconfig.rollup.json",
       declarationDir: "dist",
       noEmitOnError: true,
     }),
     postcss({
+      extract: "styles.css",
+      inject: false,
       modules: {
         generateScopedName: "[hash:base64]",
         globalModulePaths: [/node_modules/],
       },
       autoModules: false,
       plugins: [
-        require("postcss-import"),
-        require("autoprefixer"),
-        require("@csstools/postcss-global-data")({
+        postcssimport,
+        autoprefixer,
+        tools({
           files: [
-            require.resolve("@jobber/design/foundation.css"),
-            require.resolve("@jobber/design/src/responsiveBreakpoints.css"),
+            "../design/foundation.css",
+            "../design/src/responsiveBreakpoints.css",
           ],
         }),
-        require("postcss-preset-env")({
+        presetenv({
           stage: 1,
           preserve: true,
         }),
@@ -92,40 +116,48 @@ export default {
           src: "src/Combobox/components/ComboboxContent/ComboboxContentList/ComboboxContent.css.d.ts",
           dest: "dist/Combobox/components/ComboboxContent/ComboboxContentList",
         },
+        {
+          src: "dist/index.d.ts",
+          dest: "dist",
+          rename: "index.d.mts",
+        },
       ],
+      hook: "writeBundle",
     }),
   ],
   output: [
     {
       dir: "dist",
+      entryFileNames: "[name].cjs",
+      exports: "named",
       format: "cjs",
     },
+    {
+      dir: "dist",
+      entryFileNames: "[name].mjs",
+      format: "esm",
+    },
   ],
   external: [
     "react",
     "react-hook-form",
     "react-router-dom",
     "react-dom",
-    "react-markdown",
-    "react-countdown",
     "react-popper",
-    "react-datepicker",
-    "react-dropzone",
     "react-dom/client",
     "axios",
+    "lodash",
     "filesize",
     "color",
     "framer-motion",
     "classnames",
-    new RegExp("lodash/.*"),
     "@std-proposal/temporal",
+    "@apollo/client",
     "@jobber/design",
     "@jobber/design/foundation",
     "@jobber/formatters",
-    new RegExp("@jobber/hooks/.*"),
+    "@jobber/hooks",
     "zxcvbn",
-    "use-resize-observer/polyfilled",
-    "@apollo/client",
     "@tanstack/react-table",
   ],
 };

package/dist/AnimatedSwitcher/index.js

@@ -1,13 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var AnimatedSwitcher = require('../AnimatedSwitcher-3d45ec5d.js');
-require('react');
-require('framer-motion');
-require('../Icon-405a216c.js');
-require('@jobber/design');
-
-
-
-exports.AnimatedSwitcher = AnimatedSwitcher.AnimatedSwitcher;