@clayui/loading-indicator - npm Package Compare versions

Comparing version 3.144.1 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, {
+  default: () => src_default
 });
-exports.default = void 0;
-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 LoadingIndicator = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let {
+module.exports = __toCommonJS(src_exports);
+var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("react"));
+const LoadingIndicator = import_react.default.forwardRef(
+  ({
     className,
@@ -23,18 +45,22 @@ displayType,
     ...otherProps
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("span", _extends({
-    "aria-hidden": "true"
-  }, otherProps, {
-    className: (0, _classnames.default)(className, {
-      'loading-animation': [null, undefined, '', 'circle'].indexOf(shape) > -1,
-      [`loading-animation-${shape}`]: shape && ['', 'circle'].indexOf(shape) === -1,
-      'loading-animation-light': light,
-      [`loading-animation-${displayType}`]: displayType && !light,
-      'loading-animation-sm': small,
-      [`loading-animation-${size}`]: size
-    }),
-    ref: ref
-  }));
-});
-LoadingIndicator.displayName = 'ClayLoadingIndicator';
-var _default = exports.default = LoadingIndicator;
+  }, ref) => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      "span",
+      {
+        "aria-hidden": "true",
+        ...otherProps,
+        className: (0, import_classnames.default)(className, {
+          "loading-animation": [null, void 0, "", "circle"].indexOf(shape) > -1,
+          [`loading-animation-${shape}`]: shape && ["", "circle"].indexOf(shape) === -1,
+          "loading-animation-light": light,
+          [`loading-animation-${displayType}`]: displayType && !light,
+          "loading-animation-sm": small,
+          [`loading-animation-${size}`]: size
+        }),
+        ref
+      }
+    );
+  }
+);
+LoadingIndicator.displayName = "ClayLoadingIndicator";
+var src_default = LoadingIndicator;

lib/esm/index.js

@@ -1,11 +0,5 @@
-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 classNames from 'classnames';
-import React from 'react';
-const LoadingIndicator = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
+import classNames from "classnames";
+import React from "react";
+const LoadingIndicator = React.forwardRef(
+  ({
     className,
@@ -18,18 +12,25 @@ displayType,
     ...otherProps
-  } = _ref;
-  return /*#__PURE__*/React.createElement("span", _extends({
-    "aria-hidden": "true"
-  }, otherProps, {
-    className: classNames(className, {
-      'loading-animation': [null, undefined, '', 'circle'].indexOf(shape) > -1,
-      [`loading-animation-${shape}`]: shape && ['', 'circle'].indexOf(shape) === -1,
-      'loading-animation-light': light,
-      [`loading-animation-${displayType}`]: displayType && !light,
-      'loading-animation-sm': small,
-      [`loading-animation-${size}`]: size
-    }),
-    ref: ref
-  }));
-});
-LoadingIndicator.displayName = 'ClayLoadingIndicator';
-export default LoadingIndicator;
+  }, ref) => {
+    return /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        "aria-hidden": "true",
+        ...otherProps,
+        className: classNames(className, {
+          "loading-animation": [null, void 0, "", "circle"].indexOf(shape) > -1,
+          [`loading-animation-${shape}`]: shape && ["", "circle"].indexOf(shape) === -1,
+          "loading-animation-light": light,
+          [`loading-animation-${displayType}`]: displayType && !light,
+          "loading-animation-sm": small,
+          [`loading-animation-${size}`]: size
+        }),
+        ref
+      }
+    );
+  }
+);
+LoadingIndicator.displayName = "ClayLoadingIndicator";
+var src_default = LoadingIndicator;
+export {
+  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
  */
@@ -12,2 +12,7 @@ import React from 'react';
     /**
+     * Flag to indicate the 'light' variant
+     * @deprecated since v3.59.0 - use `displayType` instead.
+     */
+    light?: boolean;
+    /**
      * Determines the style of the visual indicator.
@@ -21,7 +26,2 @@ */
     /**
-     * Flag to indicate the 'light' variant
-     * @deprecated since v3.59.0 - use `displayType` instead.
-     */
-    light?: boolean;
-    /**
      * Flag to indicate the small size
@@ -28,0 +28,0 @@ * @deprecated since v3.59.0 - use `size` instead.

package.json

 {
-	"name": "@clayui/loading-indicator",
-	"version": "3.144.1",
+	"browserslist": [
+		"extends browserslist-config-clay"
+	],
+	"dependencies": {
+		"classnames": "2.3.1"
+	},
 	"description": "ClayLoadingIndicator component",
+	"files": [
+		"lib"
+	],
+	"keywords": [
+		"clay",
+		"react"
+	],
 	"license": "BSD-3-Clause",
+	"main": "lib/cjs/index.js",
+	"name": "@clayui/loading-indicator",
+	"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": "cross-env NODE_ENV=production tsc --project ./tsconfig.declarations.json",
+		"test": "jest --config ../../jest.config.js"
+	},
+	"version": "3.157.0-alpha.1",
 	"module": "lib/esm/index.js",
@@ -17,29 +42,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": "cross-env NODE_ENV=production tsc --project ./tsconfig.declarations.json",
-		"test": "jest --config ../../jest.config.js"
-	},
-	"keywords": [
-		"clay",
-		"react"
-	],
-	"dependencies": {
-		"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": "96b1e589bb0777fb30d4fbe050ce7670c8061fe5"
+	"ts:main": "src/index.tsx"
 }

README.md

@@ -5,5 +5,5 @@ # `@clayui/loading-indicator`
 
--   [Documentation](https://clayui.com/docs/components/loading-indicator.html)
--   [Changelog](./CHANGELOG.md)
--   [Breaking change schedule](./BREAKING.md)
+- [Documentation](https://clayui.com/docs/components/loading-indicator.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

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

6224

10.55%

Lines of code

131

31%

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%

Dependency changes

• + Added

  @clayui/css@3.164.0
  (transitive)

• + Added

  classnames@2.3.1
  (transitive)

• - Removed

  @clayui/css@3.163.0
  (transitive)

• - Removed

  classnames@2.5.1
  (transitive)

• Updated

  classnames@2.3.1