@teambit/documenter.ui.copied-message - npm Package Compare versions

Comparing version 4.1.7 to 4.1.8

dist/copied-message.composition.d.ts

@@ -1,3 +0,3 @@
-import React from 'react';
-export declare const CopiedMessageExample: () => React.JSX.Element;
-export declare const HiddenCopiedMessageExample: () => React.JSX.Element;
+/// <reference types="react" />
+export declare const CopiedMessageExample: () => JSX.Element;
+export declare const HiddenCopiedMessageExample: () => JSX.Element;

dist/copied-message.composition.js

@@ -1,38 +0,11 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Icon } from '@teambit/evangelist.elements.icon';
+import { H5 } from '@teambit/documenter.ui.heading';
+import { CopiedMessage } from './copied-message';
+export const CopiedMessageExample = () => {
+    return (_jsx("div", { style: { position: 'relative', paddingLeft: 50, height: 20 }, children: _jsx(CopiedMessage, { show: true }) }));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HiddenCopiedMessageExample = exports.CopiedMessageExample = void 0;
-const react_1 = __importStar(require("react"));
-const copied_message_1 = require("./copied-message");
-const evangelist_elements_icon_1 = require("@teambit/evangelist.elements.icon");
-const documenter_ui_heading_1 = require("@teambit/documenter.ui.heading");
-const CopiedMessageExample = () => {
-    return (react_1.default.createElement("div", { style: { position: 'relative', paddingLeft: 50, height: 20 } },
-        react_1.default.createElement(copied_message_1.CopiedMessage, { show: true })));
-};
-exports.CopiedMessageExample = CopiedMessageExample;
-const HiddenCopiedMessageExample = () => {
-    const [isCopied, setIsCopied] = (0, react_1.useState)(false);
+export const HiddenCopiedMessageExample = () => {
+    const [isCopied, setIsCopied] = useState(false);
     const handleClick = () => {
@@ -42,8 +15,4 @@ setIsCopied(true);
     };
-    return (react_1.default.createElement("div", { style: { position: 'relative' } },
-        react_1.default.createElement(documenter_ui_heading_1.H5, null, "Click icon to copy"),
-        react_1.default.createElement(evangelist_elements_icon_1.Icon, { onClick: handleClick, of: "copy-cmp", style: { marginRight: 60, cursor: 'pointer' } }),
-        react_1.default.createElement(copied_message_1.CopiedMessage, { show: isCopied })));
+    return (_jsxs("div", { style: { position: 'relative' }, children: [_jsx(H5, { children: "Click icon to copy" }), _jsx(Icon, { onClick: handleClick, of: "copy-cmp", style: { marginRight: 60, cursor: 'pointer' } }), _jsx(CopiedMessage, { show: isCopied })] }));
 };
-exports.HiddenCopiedMessageExample = HiddenCopiedMessageExample;
 //# sourceMappingURL=copied-message.composition.js.map

dist/copied-message.d.ts

 import React from 'react';
-export declare type CopiedMessageProps = {
+export type CopiedMessageProps = {
     /**
@@ -11,2 +11,2 @@ * show the copied message component
  */
-export declare function CopiedMessage({ className, show, ...rest }: CopiedMessageProps): React.JSX.Element;
+export declare function CopiedMessage({ className, show, ...rest }: CopiedMessageProps): JSX.Element;

dist/copied-message.js

@@ -1,31 +0,12 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CopiedMessage = void 0;
-const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const copied_message_module_scss_1 = __importDefault(require("./copied-message.module.scss"));
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import styles from './copied-message.module.scss';
 /**
  * A component to indicate when the required text has been copied
  */
-function CopiedMessage(_a) {
-    var { className, show = false } = _a, rest = __rest(_a, ["className", "show"]);
-    return (react_1.default.createElement("span", Object.assign({}, rest, { className: (0, classnames_1.default)(copied_message_module_scss_1.default.copiedMessage, {
-            [copied_message_module_scss_1.default.showMessage]: show,
-        }, className) }), "Copied"));
+export function CopiedMessage({ className, show = false, ...rest }) {
+    return (_jsx("span", { ...rest, className: classNames(styles.copiedMessage, {
+            [styles.showMessage]: show,
+        }, className), children: "Copied" }));
 }
-exports.CopiedMessage = CopiedMessage;
 //# sourceMappingURL=copied-message.js.map

dist/index.js

@@ -1,6 +0,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CopiedMessage = void 0;
-var copied_message_1 = require("./copied-message");
-Object.defineProperty(exports, "CopiedMessage", { enumerable: true, get: function () { return copied_message_1.CopiedMessage; } });
+export { CopiedMessage } from './copied-message';
 //# sourceMappingURL=index.js.map

dist/tsconfig.json

 {
     "compilerOptions": {
         "lib": [
-            "es2019",
-            "DOM",
-            "ES6",
-            "DOM.Iterable"
+            "esnext",
+            "dom",
+            "dom.Iterable"
         ],
-        "target": "es2015",
-        "module": "CommonJS",
-        "jsx": "react",
-        "allowJs": true,
-        "composite": true,
+        "target": "es2020",
+        "module": "es2020",
+        "jsx": "react-jsx",
         "declaration": true,
         "sourceMap": true,
+        "experimentalDecorators": true,
         "skipLibCheck": true,
-        "experimentalDecorators": true,
-        "outDir": "dist",
         "moduleResolution": "node",
         "esModuleInterop": true,
-        "rootDir": ".",
-        "resolveJsonModule": true
+        "resolveJsonModule": true,
+        "allowJs": true,
+        "outDir": "dist"
     },
     "exclude": [
+        "artifacts",
+        "public",
         "dist",
-        "package.json"
+        "node_modules",
+        "package.json",
+        "**/*.cjs"
     ],
@@ -28,0 +29,0 @@ "include": [

package.json

 {
   "name": "@teambit/documenter.ui.copied-message",
-  "version": "4.1.7",
+  "version": "4.1.8",
   "homepage": "https://bit.cloud/teambit/documenter/ui/copied-message",
@@ -9,22 +9,17 @@ "main": "dist/index.js",
     "name": "ui/copied-message",
-    "version": "4.1.7"
+    "version": "4.1.8"
   },
   "dependencies": {
-    "classnames": "^2.2.6",
-    "core-js": "^3.0.0"
+    "classnames": "^2.2.6"
   },
   "devDependencies": {
-    "@types/react": "^17.0.8",
-    "@types/node": "12.20.4",
-    "@types/react-dom": "^17.0.5",
-    "@types/jest": "^26.0.0",
-    "@babel/runtime": "7.20.0",
-    "@types/testing-library__jest-dom": "5.9.5",
+    "@types/react": "^17.0.0",
+    "@types/react-dom": "^17.0.0",
+    "@types/jest": "^29.2.2",
     "@teambit/evangelist.elements.icon": "1.0.5",
-    "@teambit/documenter.envs.documenter-react": "0.0.2",
-    "@teambit/documenter.ui.heading": "4.1.7"
+    "@teambit/documenter.ui.heading": "4.1.8",
+    "@teambit/documenter.envs.documenter-react-env": "0.0.1"
   },
   "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0",
-    "react-dom": "^16.8.0 || ^17.0.0"
+    "react": "^16.8.0 || ^17.0.0"
   },
@@ -31,0 +26,0 @@ "license": "SEE LICENSE IN LICENSE",

tsconfig.json

 {
   "compilerOptions": {
     "lib": [
-      "es2019",
-      "DOM",
-      "ES6",
-      "DOM.Iterable"
+      "esnext",
+      "dom",
+      "dom.Iterable"
     ],
-    "target": "es2015",
-    "module": "CommonJS",
-    "jsx": "react",
-    "allowJs": true,
-    "composite": true,
+    "target": "es2020",
+    "module": "es2020",
+    "jsx": "react-jsx",
     "declaration": true,
     "sourceMap": true,
+    "experimentalDecorators": true,
     "skipLibCheck": true,
-    "experimentalDecorators": true,
-    "outDir": "dist",
     "moduleResolution": "node",
     "esModuleInterop": true,
-    "rootDir": ".",
-    "resolveJsonModule": true
+    "resolveJsonModule": true,
+    "allowJs": true,
+    "outDir": "dist"
   },
   "exclude": [
+    "artifacts",
+    "public",
     "dist",
-    "package.json"
+    "node_modules",
+    "package.json",
+    "**/*.cjs"
   ],
@@ -28,0 +29,0 @@ "include": [

types/asset.d.ts

@@ -8,8 +8,8 @@ declare module '*.png' {
 
-  export const ReactComponent: FunctionComponent<SVGProps<SVGSVGElement> & { title?: string }>;
+  export const ReactComponent: FunctionComponent<
+    SVGProps<SVGSVGElement> & { title?: string }
+  >;
   const src: string;
   export default src;
 }
-
-// @TODO Gilad
 declare module '*.jpg' {
@@ -31,1 +31,13 @@ const value: any;
 }
+declare module '*.otf' {
+  const value: any;
+  export = value;
+}
+declare module '*.woff' {
+  const value: any;
+  export = value;
+}
+declare module '*.woff2' {
+  const value: any;
+  export = value;
+}

Fixed alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Dependency count

2

decreased by-50%

Dev dependency count

6

decreased by-33.33%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

16344

decreased by-18.23%

Lines of code

249

decreased by-13.54%

Dependency changes

• - Removedcore-js@^3.0.0

• - Removedcore-js@3.40.0(transitive)

• - Removedreact-dom@17.0.2(transitive)

• - Removedscheduler@0.20.2(transitive)