@jobber/components 4.85.4-CJS-to-ESM.1 → 4.85.4-CJS-to-ESM.4

package/package.json

@@ -1,374 +1,15 @@
 {
   "name": "@jobber/components",
-  "version": "4.85.4-CJS-to-ESM.1+529ec338",
+  "version": "4.85.4-CJS-to-ESM.4+d168d659",
   "license": "MIT",
-  "main": "dist/index.esm.js",
+  "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "type": "module",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.esm.js"
-    },
-    "./AnimatedPresence": {
-      "types": "./dist/AnimatedPresence/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./AnimatedSwitcher": {
-      "types": "./dist/AnimatedSwitcher/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./Autocomplete": {
-      "types": "./dist/Autocomplete/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./Avatar": {
-      "types": "./dist/Avatar/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./Banner": {
-      "types": "./dist/Banner/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./Button": {
-      "types": "./dist/Button/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./ButtonDismiss": {
-      "types": "./dist/ButtonDismiss/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./Card": {
-      "types": "./dist/Card/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./Checkbox": {
-      "types": "./dist/Checkbox/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./Chip": {
-      "types": "./dist/Chip/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./Chips": {
-      "types": "./dist/Chips/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./Combobox": {
-      "types": "./dist/Combobox/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./ConfirmationModal": {
-      "types": "./dist/ConfirmationModal/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./Content": {
-      "types": "./dist/Content/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./Countdown": {
-      "types": "./dist/Countdown/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./DataDump": {
-      "types": "./dist/DataDump/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./DataList": {
-      "types": "./dist/DataList/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./DataTable": {
-      "types": "./dist/DataTable/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./DatePicker": {
-      "types": "./dist/DatePicker/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./DescriptionList": {
-      "types": "./dist/DescriptionList/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./Disclosure": {
-      "types": "./dist/Disclosure/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./Divider": {
-      "types": "./dist/Divider/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./Drawer": {
-      "types": "./dist/Drawer/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./Emphasis": {
-      "types": "./dist/Emphasis/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./FeatureSwitch": {
-      "types": "./dist/FeatureSwitch/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./Flex": {
-      "types": "./dist/Flex/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./Form": {
-      "types": "./dist/Form/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./FormField": {
-      "types": "./dist/FormField/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./FormatDate": {
-      "types": "./dist/FormatDate/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./FormatEmail": {
-      "types": "./dist/FormatEmail/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./FormatFile": {
-      "types": "./dist/FormatFile/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./FormatRelativeDateTime": {
-      "types": "./dist/FormatRelativeDateTime/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./FormatTime": {
-      "types": "./dist/FormatTime/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./Gallery": {
-      "types": "./dist/Gallery/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./Glimmer": {
-      "types": "./dist/Glimmer/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./Grid": {
-      "types": "./dist/Grid/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./Heading": {
-      "types": "./dist/Heading/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./Icon": {
-      "types": "./dist/Icon/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./InlineLabel": {
-      "types": "./dist/InlineLabel/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./InputAvatar": {
-      "types": "./dist/InputAvatar/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./InputDate": {
-      "types": "./dist/InputDate/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./InputEmail": {
-      "types": "./dist/InputEmail/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./InputFile": {
-      "types": "./dist/InputFile/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./InputGroup": {
-      "types": "./dist/InputGroup/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./InputNumber": {
-      "types": "./dist/InputNumber/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./InputPassword": {
-      "types": "./dist/InputPassword/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./InputPhoneNumber": {
-      "types": "./dist/InputPhoneNumber/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./InputText": {
-      "types": "./dist/InputText/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./InputTime": {
-      "types": "./dist/InputTime/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./InputValidation": {
-      "types": "./dist/InputValidation/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./LightBox": {
-      "types": "./dist/LightBox/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./Link": {
-      "types": "./dist/Link/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./List": {
-      "types": "./dist/List/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./Markdown": {
-      "types": "./dist/Markdown/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./Menu": {
-      "types": "./dist/Menu/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./Modal": {
-      "types": "./dist/Modal/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./MultiSelect": {
-      "types": "./dist/MultiSelect/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./Page": {
-      "types": "./dist/Page/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./Popover": {
-      "types": "./dist/Popover/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./ProgressBar": {
-      "types": "./dist/ProgressBar/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./RadioGroup": {
-      "types": "./dist/RadioGroup/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./RecurringSelect": {
-      "types": "./dist/RecurringSelect/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./Select": {
-      "types": "./dist/Select/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./Spinner": {
-      "types": "./dist/Spinner/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./StatusLabel": {
-      "types": "./dist/StatusLabel/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./Switch": {
-      "types": "./dist/Switch/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./Table": {
-      "types": "./dist/Table/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./Tabs": {
-      "types": "./dist/Tabs/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./Text": {
-      "types": "./dist/Text/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./Toast": {
-      "types": "./dist/Toast/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./Tooltip": {
-      "types": "./dist/Tooltip/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
-    },
-    "./Typography": {
-      "types": "./dist/Typography/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs"
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs"
     }
   },
   "scripts": {
@@ -382,6 +23,7 @@
   },
   "files": [
     "*.js",
+    "*.mjs",
     "*.d.ts",
     "dist/*"
   ],
@@ -447,5 +89,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "529ec338f2de49703778b52457b0533cf7c16fa3"
+  "gitHead": "d168d659ca12a59c72770c8191635a466d73cc53"
 }

package/rollup.config.js

@@ -1,13 +1,19 @@
+/* eslint-disable import/no-default-export */
+import multiInput from "rollup-plugin-multi-input";
 import typescript from "@rollup/plugin-typescript";
 import postcss from "rollup-plugin-postcss";
-import postcssImport from "postcss-import";
-import autoprefixer from "autoprefixer";
-import postcssPresetEnv from "postcss-preset-env";
+import commonjs from "@rollup/plugin-commonjs";
+import copy from "rollup-plugin-copy";
 
-// eslint-disable-next-line import/no-default-export
 export default {
-  input: `src/index.tsx`,
+  input: `src/**/*index.{ts,tsx}`,
   plugins: [
+    multiInput(),
+    typescript({
+      tsconfig: "./tsconfig.rollup.json",
+      declarationDir: "dist",
+      noEmitOnError: true,
+    }),
     postcss({
       modules: {
         generateScopedName: "[hash:base64]",
@@ -15,34 +21,90 @@ export default {
       },
       autoModules: false,
       plugins: [
-        postcssImport({
-          path: [
-            "@jobber/design/foundation.css",
-            "@jobber/design/src/responsiveBreakpoints.css",
+        require("postcss-import"),
+        require("autoprefixer"),
+        require("@csstools/postcss-global-data")({
+          files: [
+            require.resolve("@jobber/design/foundation.css"),
+            require.resolve("@jobber/design/src/responsiveBreakpoints.css"),
           ],
         }),
-        autoprefixer,
-        postcssPresetEnv({
+        require("postcss-preset-env")({
           stage: 1,
           preserve: true,
         }),
       ],
     }),
-
-    typescript({
-      tsconfig: "./tsconfig.rollup.json",
-      outputToFilesystem: true,
-      noEmitOnError: true,
+    commonjs({
+      ignore: ["time-input-polyfill", "time-input-polyfill/supportsTime"],
+    }),
+    copy({
+      targets: [
+        { src: "src/Card/colors.css.d.ts", dest: "dist/Card" },
+        { src: "src/Content/Spacing.css.d.ts", dest: "dist/Content" },
+        { src: "src/Gallery/Gallery.css.d.ts", dest: "dist/Gallery" },
+        { src: "src/Grid/GridAlign.css.d.ts", dest: "dist/Grid" },
+        { src: "src/Modal/Sizes.css.d.ts", dest: "dist/Modal" },
+        { src: "src/ProgressBar/Sizes.css.d.ts", dest: "dist/ProgressBar" },
+        {
+          src: "src/Typography/css/Emphasis.css.d.ts",
+          dest: "dist/Typography/css",
+        },
+        {
+          src: "src/Typography/css/FontFamilies.css.d.ts",
+          dest: "dist/Typography/css",
+        },
+        {
+          src: "src/Typography/css/FontSizes.css.d.ts",
+          dest: "dist/Typography/css",
+        },
+        {
+          src: "src/Typography/css/FontWeights.css.d.ts",
+          dest: "dist/Typography/css",
+        },
+        {
+          src: "src/Typography/css/TextAlignment.css.d.ts",
+          dest: "dist/Typography/css",
+        },
+        {
+          src: "src/Typography/css/TextCases.css.d.ts",
+          dest: "dist/Typography/css",
+        },
+        {
+          src: "src/Typography/css/TextColors.css.d.ts",
+          dest: "dist/Typography/css",
+        },
+        {
+          src: "src/Typography/css/Truncate.css.d.ts",
+          dest: "dist/Typography/css",
+        },
+        {
+          src: "src/Typography/css/Typography.css.d.ts",
+          dest: "dist/Typography/css",
+        },
+        { src: "src/Glimmer/style/Shape.css.d.ts", dest: "dist/Glimmer/style" },
+        { src: "src/Glimmer/style/Sizes.css.d.ts", dest: "dist/Glimmer/style" },
+        {
+          src: "src/Glimmer/style/Timing.css.d.ts",
+          dest: "dist/Glimmer/style",
+        },
+        {
+          src: "src/Combobox/components/ComboboxContent/ComboboxContentList/ComboboxContent.css.d.ts",
+          dest: "dist/Combobox/components/ComboboxContent/ComboboxContentList",
+        },
+      ],
     }),
   ],
   output: [
     {
-      file: "dist/index.esm.js",
-      format: "esm",
+      dir: "dist",
+      entryFileNames: "[name].js",
+      format: "cjs",
     },
     {
-      file: "dist/index.cjs",
-      format: "cjs",
+      dir: "dist",
+      entryFileNames: "[name].mjs",
+      format: "esm",
     },
   ],
   external: [