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

package/package.json

@@ -1,9 +1,376 @@
 {
   "name": "@jobber/components",
-  "version": "4.85.3",
+  "version": "4.85.4-CJS-to-ESM.1+529ec338",
   "license": "MIT",
-  "main": "dist/index.js",
+  "main": "dist/index.esm.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"
+    }
+  },
   "scripts": {
     "build": "rollup --config",
     "bootstrap": "npm run clean; npm run build",
@@ -20,7 +387,7 @@
   ],
   "dependencies": {
     "@jobber/design": "^0.55.1",
-    "@jobber/formatters": "*",
+    "@jobber/formatters": "^0.2.2",
     "@jobber/hooks": "^2.9.1",
     "@popperjs/core": "^2.0.6",
     "@std-proposal/temporal": "0.0.1",
@@ -80,5 +447,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "455afb03326e0a0e5b175acf72fae6bdd71b866b"
+  "gitHead": "529ec338f2de49703778b52457b0533cf7c16fa3"
 }

package/rollup.config.js

@@ -1,19 +1,13 @@
-/* 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 commonjs from "@rollup/plugin-commonjs";
-import copy from "rollup-plugin-copy";
+import postcssImport from "postcss-import";
+import autoprefixer from "autoprefixer";
+import postcssPresetEnv from "postcss-preset-env";
 
+// eslint-disable-next-line import/no-default-export
 export default {
-  input: `src/*/index.{ts,tsx}`,
+  input: `src/index.tsx`,
   plugins: [
-    multiInput(),
-    typescript({
-      tsconfig: "./tsconfig.rollup.json",
-      declarationDir: "dist",
-      noEmitOnError: true,
-    }),
     postcss({
       modules: {
         generateScopedName: "[hash:base64]",
@@ -21,83 +15,33 @@ export default {
       },
       autoModules: false,
       plugins: [
-        require("postcss-import"),
-        require("autoprefixer"),
-        require("@csstools/postcss-global-data")({
-          files: [
-            require.resolve("@jobber/design/foundation.css"),
-            require.resolve("@jobber/design/src/responsiveBreakpoints.css"),
+        postcssImport({
+          path: [
+            "@jobber/design/foundation.css",
+            "@jobber/design/src/responsiveBreakpoints.css",
           ],
         }),
-        require("postcss-preset-env")({
+        autoprefixer,
+        postcssPresetEnv({
           stage: 1,
           preserve: 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",
-        },
-      ],
+
+    typescript({
+      tsconfig: "./tsconfig.rollup.json",
+      outputToFilesystem: true,
+      noEmitOnError: true,
     }),
   ],
   output: [
     {
-      dir: "dist",
+      file: "dist/index.esm.js",
+      format: "esm",
+    },
+    {
+      file: "dist/index.cjs",
       format: "cjs",
     },
   ],

package/.eslintrc.js

@@ -1,10 +0,0 @@
-module.exports = {
-  rules: {
-    "import/no-internal-modules": [
-      "error",
-      {
-        allow: ["**"],
-      },
-    ],
-  },
-};

package/dist/AnimatedPresence/index.js

@@ -1,12 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var AnimatedPresence = require('../AnimatedPresence-20a02aaa.js');
-require('react');
-require('framer-motion');
-require('@jobber/design');
-
-
-
-exports.AnimatedPresence = AnimatedPresence.AnimatedPresence;

package/dist/AnimatedPresence-20a02aaa.js

@@ -1,104 +0,0 @@
-'use strict';
-
-var React = require('react');
-var framerMotion = require('framer-motion');
-var design = require('@jobber/design');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const TIMING_QUICK = toSeconds(design.tokens["timing-quick"]);
-const TIMING_BASE = toSeconds(design.tokens["timing-base"]);
-const baseTransition = {
-    visible: { opacity: 1 },
-    hidden: { opacity: 0 },
-};
-const fade = {
-    visible: { opacity: 1 },
-    hidden: { opacity: 0 },
-};
-const popIn = {
-    visible: Object.assign({ scale: 1 }, baseTransition.visible),
-    hidden: Object.assign({ scale: 0.95 }, baseTransition.hidden),
-};
-const fromTop = {
-    visible: Object.assign({ y: 0 }, baseTransition.visible),
-    hidden: Object.assign({ y: -design.tokens["space-base"] }, baseTransition.hidden),
-};
-const fromBottom = {
-    visible: Object.assign({ y: 0 }, baseTransition.visible),
-    hidden: Object.assign({ y: design.tokens["space-base"] }, baseTransition.hidden),
-};
-const fromLeft = {
-    visible: Object.assign({ x: 0 }, baseTransition.visible),
-    hidden: Object.assign({ x: -design.tokens["space-base"] }, baseTransition.hidden),
-};
-const fromRight = {
-    visible: Object.assign({ x: 0 }, baseTransition.visible),
-    hidden: Object.assign({ x: design.tokens["space-base"] }, baseTransition.hidden),
-};
-const fromLeftToRight = {
-    initial: Object.assign({ x: -design.tokens["space-base"] }, baseTransition.hidden),
-    visible: Object.assign({ x: 0 }, baseTransition.visible),
-    hidden: Object.assign({ x: design.tokens["space-base"] }, baseTransition.hidden),
-};
-const fromRightToLeft = {
-    initial: Object.assign({ x: design.tokens["space-base"] }, baseTransition.hidden),
-    visible: Object.assign({ x: 0 }, baseTransition.visible),
-    hidden: Object.assign({ x: -design.tokens["space-base"] }, baseTransition.hidden),
-};
-function toSeconds(ms) {
-    return ms / 1000;
-}
-
-function usePreviousValue(value) {
-    const [previousValue, setPreviousValue] = React.useState(value);
-    React.useEffect(() => {
-        setPreviousValue(value);
-    }, [value]);
-    return [previousValue, setPreviousValue];
-}
-
-const transitions = {
-    fromBottom,
-    fromTop,
-    fromLeft,
-    fromRight,
-    popIn,
-    fromLeftToRight,
-    fromRightToLeft,
-    fade,
-};
-function AnimatedPresence(props) {
-    const shouldReduceMotion = framerMotion.useReducedMotion();
-    if (shouldReduceMotion) {
-        return React__default["default"].createElement(React__default["default"].Fragment, null, props.children);
-    }
-    return React__default["default"].createElement(InternalAnimatedPresence, Object.assign({}, props));
-}
-function InternalAnimatedPresence({ transition = "fromTop", initial = false, children, }) {
-    const transitionVariation = transitions[transition];
-    const hasInitialTransition = "initial" in transitionVariation;
-    const childCount = React.Children.count(children);
-    // Set the initial value to 0 so it staggers the animation on mount when
-    // initial is true.
-    const [lastChildIndex, setLastChildIndex] = usePreviousValue(0);
-    // Whenever the children count changes, update the last index.
-    React.useEffect(() => {
-        setLastChildIndex(childCount - 1);
-    }, [childCount]);
-    return (React__default["default"].createElement(framerMotion.AnimatePresence, { initial: initial, mode: "popLayout" }, React.Children.map(children, (child, i) => child && (React__default["default"].createElement(framerMotion.motion.div, { layout: true, variants: transitionVariation, initial: hasInitialTransition ? "initial" : "hidden", animate: "visible", exit: "hidden", transition: {
-            duration: TIMING_BASE,
-            delay: generateDelayTime(i),
-        } }, child)))));
-    function generateDelayTime(index) {
-        // Don't add a delay if it's already rendered.
-        if (lastChildIndex > index)
-            return 0;
-        // Stagger the animation starting after the previous last child index.
-        return (index - lastChildIndex) * TIMING_QUICK;
-    }
-}
-
-exports.AnimatedPresence = AnimatedPresence;

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;