@clayui/label - npm Package Compare versions

Comparing version 3.156.0 to 3.157.0-alpha.1

lib/cjs/index.js

 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+__export(src_exports, {
+  ItemAfter: () => ItemAfter,
+  ItemBefore: () => ItemBefore,
+  ItemExpand: () => ItemExpand,
+  default: () => src_default
 });
-exports.default = exports.ItemExpand = exports.ItemBefore = exports.ItemAfter = void 0;
-var _icon = _interopRequireDefault(require("@clayui/icon"));
-var _link = _interopRequireDefault(require("@clayui/link"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /**
- * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const ItemAfter = exports.ItemAfter = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let {
-    children,
-    className,
-    ...otherProps
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("span", _extends({}, otherProps, {
-    className: (0, _classnames.default)(className, 'label-item label-item-after'),
-    ref: ref
-  }), children);
+module.exports = __toCommonJS(src_exports);
+var import_icon = __toESM(require("@clayui/icon"));
+var import_link = __toESM(require("@clayui/link"));
+var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("react"));
+const ItemAfter = import_react.default.forwardRef(({ children, className, ...otherProps }, ref) => /* @__PURE__ */ import_react.default.createElement(
+  "span",
+  {
+    ...otherProps,
+    className: (0, import_classnames.default)(className, "label-item label-item-after"),
+    ref
+  },
+  children
+));
+ItemAfter.displayName = "ClayLabelItemAfter";
+const ItemBefore = import_react.default.forwardRef(({ children, className, ...otherProps }, ref) => /* @__PURE__ */ import_react.default.createElement(
+  "span",
+  {
+    ...otherProps,
+    className: (0, import_classnames.default)(className, "label-item label-item-before"),
+    ref
+  },
+  children
+));
+ItemBefore.displayName = "ClayLabelItemBefore";
+const ItemExpand = import_react.default.forwardRef(({ children, className, href, ...otherProps }, ref) => {
+  const TagName = href ? import_link.default : "span";
+  return /* @__PURE__ */ import_react.default.createElement(
+    TagName,
+    {
+      ...otherProps,
+      className: (0, import_classnames.default)(className, "label-item label-item-expand"),
+      href,
+      ref
+    },
+    children
+  );
 });
-ItemAfter.displayName = 'ClayLabelItemAfter';
-const ItemBefore = exports.ItemBefore = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
-  let {
+ItemExpand.displayName = "ClayLabelItemExpand";
+const OldLabel = import_react.default.forwardRef(
+  ({
     children,
     className,
-    ...otherProps
-  } = _ref2;
-  return /*#__PURE__*/_react.default.createElement("span", _extends({}, otherProps, {
-    className: (0, _classnames.default)(className, 'label-item label-item-before'),
-    ref: ref
-  }), children);
-});
-ItemBefore.displayName = 'ClayLabelItemBefore';
-const ItemExpand = exports.ItemExpand = /*#__PURE__*/_react.default.forwardRef((_ref3, ref) => {
-  let {
-    children,
-    className,
-    href,
-    ...otherProps
-  } = _ref3;
-  const TagName = href ? _link.default : 'span';
-  return /*#__PURE__*/_react.default.createElement(TagName, _extends({}, otherProps, {
-    className: (0, _classnames.default)(className, 'label-item label-item-expand'),
-    href: href,
-    ref: ref
-  }), children);
-});
-ItemExpand.displayName = 'ClayLabelItemExpand';
-const OldLabel = /*#__PURE__*/_react.default.forwardRef((_ref4, ref) => {
-  let {
-    children,
-    className,
     dismissible,
-    displayType = 'secondary',
+    displayType = "secondary",
     large = false,
     ...otherProps
-  } = _ref4;
-  return /*#__PURE__*/_react.default.createElement("span", _extends({}, otherProps, {
-    className: (0, _classnames.default)('label', className, {
-      'label-dismissible': dismissible,
-      'label-lg': large,
-      [`label-${displayType}`]: displayType
-    }),
-    ref: ref
-  }), children);
-});
-OldLabel.displayName = 'ClayLabel';
-const LabelComponent = /*#__PURE__*/_react.default.forwardRef((_ref5, ref) => {
-  let {
+  }, ref) => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      "span",
+      {
+        ...otherProps,
+        className: (0, import_classnames.default)("label", className, {
+          "label-dismissible": dismissible,
+          "label-lg": large,
+          [`label-${displayType}`]: displayType
+        }),
+        ref
+      },
+      children
+    );
+  }
+);
+OldLabel.displayName = "ClayLabel";
+const LabelComponent = import_react.default.forwardRef(
+  ({
     children,
@@ -83,18 +109,33 @@ closeButtonProps,
     ...otherProps
-  } = _ref5;
-  return /*#__PURE__*/_react.default.createElement(OldLabel, _extends({
-    dismissible: withClose && !!closeButtonProps
-  }, otherProps, {
-    ref: ref
-  }), !withClose && children, withClose && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(ItemExpand, _extends({}, innerElementProps, {
-    href: href
-  }), children), closeButtonProps && /*#__PURE__*/_react.default.createElement(ItemAfter, null, /*#__PURE__*/_react.default.createElement("button", _extends({}, closeButtonProps, {
-    className: (0, _classnames.default)(closeButtonProps.className, 'close'),
-    type: "button"
-  }), /*#__PURE__*/_react.default.createElement(_icon.default, {
-    spritemap: spritemap,
-    symbol: "times-small"
-  })))));
-});
-LabelComponent.displayName = 'ClayLabel';
+  }, ref) => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      OldLabel,
+      {
+        dismissible: withClose && !!closeButtonProps,
+        ...otherProps,
+        ref
+      },
+      !withClose && children,
+      withClose && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(ItemExpand, { ...innerElementProps, href }, children), closeButtonProps && /* @__PURE__ */ import_react.default.createElement(ItemAfter, null, /* @__PURE__ */ import_react.default.createElement(
+        "button",
+        {
+          ...closeButtonProps,
+          className: (0, import_classnames.default)(
+            closeButtonProps.className,
+            "close"
+          ),
+          type: "button"
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          import_icon.default,
+          {
+            spritemap,
+            symbol: "times-small"
+          }
+        )
+      )))
+    );
+  }
+);
+LabelComponent.displayName = "ClayLabel";
 const Label = Object.assign(LabelComponent, {
@@ -105,2 +146,2 @@ ItemAfter,
 });
-var _default = exports.default = Label;
+var src_default = Label;

lib/esm/index.js

@@ -1,71 +0,66 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-/**
- * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
- * SPDX-License-Identifier: BSD-3-Clause
- */
-
-import ClayIcon from '@clayui/icon';
-import ClayLink from '@clayui/link';
-import classNames from 'classnames';
-import React from 'react';
-export const ItemAfter = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    children,
-    className,
-    ...otherProps
-  } = _ref;
-  return /*#__PURE__*/React.createElement("span", _extends({}, otherProps, {
-    className: classNames(className, 'label-item label-item-after'),
-    ref: ref
-  }), children);
+import ClayIcon from "@clayui/icon";
+import ClayLink from "@clayui/link";
+import classNames from "classnames";
+import React from "react";
+const ItemAfter = React.forwardRef(({ children, className, ...otherProps }, ref) => /* @__PURE__ */ React.createElement(
+  "span",
+  {
+    ...otherProps,
+    className: classNames(className, "label-item label-item-after"),
+    ref
+  },
+  children
+));
+ItemAfter.displayName = "ClayLabelItemAfter";
+const ItemBefore = React.forwardRef(({ children, className, ...otherProps }, ref) => /* @__PURE__ */ React.createElement(
+  "span",
+  {
+    ...otherProps,
+    className: classNames(className, "label-item label-item-before"),
+    ref
+  },
+  children
+));
+ItemBefore.displayName = "ClayLabelItemBefore";
+const ItemExpand = React.forwardRef(({ children, className, href, ...otherProps }, ref) => {
+  const TagName = href ? ClayLink : "span";
+  return /* @__PURE__ */ React.createElement(
+    TagName,
+    {
+      ...otherProps,
+      className: classNames(className, "label-item label-item-expand"),
+      href,
+      ref
+    },
+    children
+  );
 });
-ItemAfter.displayName = 'ClayLabelItemAfter';
-export const ItemBefore = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
-  let {
+ItemExpand.displayName = "ClayLabelItemExpand";
+const OldLabel = React.forwardRef(
+  ({
     children,
     className,
-    ...otherProps
-  } = _ref2;
-  return /*#__PURE__*/React.createElement("span", _extends({}, otherProps, {
-    className: classNames(className, 'label-item label-item-before'),
-    ref: ref
-  }), children);
-});
-ItemBefore.displayName = 'ClayLabelItemBefore';
-export const ItemExpand = /*#__PURE__*/React.forwardRef((_ref3, ref) => {
-  let {
-    children,
-    className,
-    href,
-    ...otherProps
-  } = _ref3;
-  const TagName = href ? ClayLink : 'span';
-  return /*#__PURE__*/React.createElement(TagName, _extends({}, otherProps, {
-    className: classNames(className, 'label-item label-item-expand'),
-    href: href,
-    ref: ref
-  }), children);
-});
-ItemExpand.displayName = 'ClayLabelItemExpand';
-const OldLabel = /*#__PURE__*/React.forwardRef((_ref4, ref) => {
-  let {
-    children,
-    className,
     dismissible,
-    displayType = 'secondary',
+    displayType = "secondary",
     large = false,
     ...otherProps
-  } = _ref4;
-  return /*#__PURE__*/React.createElement("span", _extends({}, otherProps, {
-    className: classNames('label', className, {
-      'label-dismissible': dismissible,
-      'label-lg': large,
-      [`label-${displayType}`]: displayType
-    }),
-    ref: ref
-  }), children);
-});
-OldLabel.displayName = 'ClayLabel';
-const LabelComponent = /*#__PURE__*/React.forwardRef((_ref5, ref) => {
-  let {
+  }, ref) => {
+    return /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        ...otherProps,
+        className: classNames("label", className, {
+          "label-dismissible": dismissible,
+          "label-lg": large,
+          [`label-${displayType}`]: displayType
+        }),
+        ref
+      },
+      children
+    );
+  }
+);
+OldLabel.displayName = "ClayLabel";
+const LabelComponent = React.forwardRef(
+  ({
     children,
@@ -78,18 +73,33 @@ closeButtonProps,
     ...otherProps
-  } = _ref5;
-  return /*#__PURE__*/React.createElement(OldLabel, _extends({
-    dismissible: withClose && !!closeButtonProps
-  }, otherProps, {
-    ref: ref
-  }), !withClose && children, withClose && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ItemExpand, _extends({}, innerElementProps, {
-    href: href
-  }), children), closeButtonProps && /*#__PURE__*/React.createElement(ItemAfter, null, /*#__PURE__*/React.createElement("button", _extends({}, closeButtonProps, {
-    className: classNames(closeButtonProps.className, 'close'),
-    type: "button"
-  }), /*#__PURE__*/React.createElement(ClayIcon, {
-    spritemap: spritemap,
-    symbol: "times-small"
-  })))));
-});
-LabelComponent.displayName = 'ClayLabel';
+  }, ref) => {
+    return /* @__PURE__ */ React.createElement(
+      OldLabel,
+      {
+        dismissible: withClose && !!closeButtonProps,
+        ...otherProps,
+        ref
+      },
+      !withClose && children,
+      withClose && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ItemExpand, { ...innerElementProps, href }, children), closeButtonProps && /* @__PURE__ */ React.createElement(ItemAfter, null, /* @__PURE__ */ React.createElement(
+        "button",
+        {
+          ...closeButtonProps,
+          className: classNames(
+            closeButtonProps.className,
+            "close"
+          ),
+          type: "button"
+        },
+        /* @__PURE__ */ React.createElement(
+          ClayIcon,
+          {
+            spritemap,
+            symbol: "times-small"
+          }
+        )
+      )))
+    );
+  }
+);
+LabelComponent.displayName = "ClayLabel";
 const Label = Object.assign(LabelComponent, {
@@ -100,2 +110,8 @@ ItemAfter,
 });
-export default Label;
+var src_default = Label;
+export {
+  ItemAfter,
+  ItemBefore,
+  ItemExpand,
+  src_default as default
+};

lib/index.d.ts

 /**
- * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
- * SPDX-License-Identifier: BSD-3-Clause
+ * SPDX-FileCopyrightText: (c) 2026 Liferay, Inc. https://liferay.com
+ * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
  */
@@ -8,3 +8,3 @@ import React from 'react';
 export declare const ItemBefore: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
-export declare const ItemExpand: React.ForwardRefExoticComponent<React.BaseHTMLAttributes<HTMLSpanElement | HTMLAnchorElement> & React.RefAttributes<HTMLSpanElement | HTMLAnchorElement>>;
+export declare const ItemExpand: React.ForwardRefExoticComponent<React.BaseHTMLAttributes<HTMLAnchorElement | HTMLSpanElement> & React.RefAttributes<HTMLAnchorElement | HTMLSpanElement>>;
 interface IBaseProps extends React.BaseHTMLAttributes<HTMLSpanElement> {
@@ -44,7 +44,7 @@ /**
 }
-declare const Label: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLSpanElement | HTMLAnchorElement>> & {
+declare const Label: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLAnchorElement | HTMLSpanElement>> & {
     ItemAfter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
     ItemBefore: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
-    ItemExpand: React.ForwardRefExoticComponent<React.BaseHTMLAttributes<HTMLSpanElement | HTMLAnchorElement> & React.RefAttributes<HTMLSpanElement | HTMLAnchorElement>>;
+    ItemExpand: React.ForwardRefExoticComponent<React.BaseHTMLAttributes<HTMLAnchorElement | HTMLSpanElement> & React.RefAttributes<HTMLAnchorElement | HTMLSpanElement>>;
 };
 export default Label;

package.json

 {
-	"name": "@clayui/label",
-	"version": "3.156.0",
+	"browserslist": [
+		"extends browserslist-config-clay"
+	],
+	"dependencies": {
+		"@clayui/icon": "^3.157.0-alpha.1",
+		"@clayui/link": "^3.157.0-alpha.1",
+		"classnames": "2.3.1"
+	},
 	"description": "ClayLabel component",
+	"files": [
+		"lib"
+	],
+	"keywords": [
+		"clay",
+		"react"
+	],
 	"license": "BSD-3-Clause",
+	"main": "lib/cjs/index.js",
+	"name": "@clayui/label",
+	"peerDependencies": {
+		"@clayui/css": "^3.157.0-alpha.1",
+		"react": "^16.0.0 || ^17.0.0 || ^18.0.0",
+		"react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0"
+	},
 	"repository": "https://github.com/liferay/clay",
-	"main": "lib/cjs/index.js",
+	"scripts": {
+		"build": "yarn build:cjs && yarn build:esm",
+		"build:cjs": "cross-env NODE_ENV=production node ../build-package-esbuild.js --format=cjs --outdir=lib/cjs",
+		"build:esm": "cross-env NODE_ENV=production node ../build-package-esbuild.js --format=esm --outdir=lib/esm",
+		"buildTypes": "tsc --project ./tsconfig.declarations.json",
+		"test": "jest --config ../../jest.config.js"
+	},
+	"version": "3.157.0-alpha.1",
 	"module": "lib/esm/index.js",
@@ -17,31 +44,3 @@ "exports": {
 	"types": "lib/index.d.ts",
-	"ts:main": "src/index.tsx",
-	"files": [
-		"lib"
-	],
-	"scripts": {
-		"build": "yarn build:cjs && yarn build:esm",
-		"build:cjs": "cross-env NODE_ENV=production babel src --root-mode upward --out-dir lib/cjs --extensions .ts,.tsx",
-		"build:esm": "cross-env NODE_ENV=production babel src --root-mode upward --out-dir lib/esm --extensions .ts,.tsx --env-name esm",
-		"buildTypes": "tsc --project ./tsconfig.declarations.json",
-		"test": "jest --config ../../jest.config.js"
-	},
-	"keywords": [
-		"clay",
-		"react"
-	],
-	"dependencies": {
-		"@clayui/icon": "^3.144.1",
-		"@clayui/link": "^3.144.1",
-		"classnames": "^2.2.6"
-	},
-	"peerDependencies": {
-		"@clayui/css": "3.x",
-		"react": "^16.0.0 || ^17.0.0 || ^18.0.0",
-		"react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0"
-	},
-	"browserslist": [
-		"extends browserslist-config-clay"
-	],
-	"gitHead": "55d9470c2c3c9253c7ba7f8dd8bd36fdef0ffe49"
+	"ts:main": "src/index.tsx"
 }

README.md

@@ -5,5 +5,5 @@ # `@clayui/label`
 
--   [Documentation](https://clayui.com/docs/components/label.html)
--   [Changelog](./CHANGELOG.md)
--   [Breaking change schedule](./BREAKING.md)
+- [Documentation](https://clayui.com/docs/components/label.html)
+- [Changelog](./CHANGELOG.md)
+- [Breaking change schedule](./BREAKING.md)
 
@@ -20,2 +20,2 @@ ## Install
 
-We'd love to get contributions from you! Please, check our [Contributing Guidelines](https://github.com/liferay/clay/blob/master/CONTRIBUTING.md) to see how you can help us improve.
+We'd love to get contributions from you! Please, check our [Contributing Guidelines](https://github.com/liferay/clay/blob/master/CONTRIBUTING.md) to see how you can help us improve.

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Copyleft License

License

Copyleft license information was found.

Found 1 instance in 1 package

Mixed license

License

Package contains multiple licenses.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Non-permissive License

License

A license not known to be considered permissive was found.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

11883

5.47%

Lines of code

309

25.1%

Worsened metrics

Number of low license alerts

3

Infinity%

License quality

70

-30%

Number of low quality alerts

2

100%

Number of lines in readme file

19

-5%

Number of medium supply chain risk alerts

1

Infinity%

Dependency changes

• - Removed

  classnames@2.5.1
  (transitive)

• Updated

  @clayui/icon@^3.157.0-alpha.1

• Updated

  @clayui/link@^3.157.0-alpha.1

• Updated

  classnames@2.3.1