Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@availity/app-tiles

Package Overview
Dependencies
Maintainers
12
Versions
9
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@availity/app-tiles - npm Package Compare versions

Comparing version 0.2.0 to 0.2.1

dist/index.css
dist/index.d.mts

4

CHANGELOG.md

@@ -5,2 +5,6 @@ # Changelog

## [0.2.1](https://github.com/Availity/availity-react/compare/@availity/app-tiles@0.2.0...@availity/app-tiles@0.2.1) (2023-10-09)
# [0.2.0](https://github.com/Availity/availity-react/compare/@availity/app-tiles@0.1.2...@availity/app-tiles@0.2.0) (2023-08-14)

@@ -7,0 +11,0 @@

9

dist/index.d.ts

@@ -0,5 +1,6 @@

import * as react_jsx_runtime from 'react/jsx-runtime';
import React from 'react';
import PropTypes from 'prop-types';
declare type ValidParent = {
type ValidParent = {
images?: {

@@ -13,3 +14,3 @@ name?: string;

};
declare type AppTilesProps = {
type AppTilesProps = {
/** For src prop. the alt property for your image source is not found or is loading. */

@@ -32,3 +33,3 @@ alt?: string;

declare const AppTiles: {
({ tag: Tag, image, shortName, parents, color, className, size, branded, alt, }: AppTilesProps): JSX.Element;
({ tag: Tag, image, shortName, parents, color, className, size, branded, alt, }: AppTilesProps): react_jsx_runtime.JSX.Element;
propTypes: {

@@ -42,3 +43,3 @@ color: PropTypes.Requireable<string>;

parents: PropTypes.Requireable<any[]>;
tag: PropTypes.Requireable<string | ((...args: any[]) => any)>;
tag: PropTypes.Requireable<NonNullable<string | ((...args: any[]) => any) | null | undefined>>;
alt: PropTypes.Requireable<string>;

@@ -45,0 +46,0 @@ };

218

dist/index.js

@@ -0,1 +1,2 @@

"use strict";
var __create = Object.create;

@@ -7,5 +8,2 @@ var __defProp = Object.defineProperty;

var __hasOwnProp = Object.prototype.hasOwnProperty;
var __esm = (fn, res) => function __init() {
return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
};
var __commonJS = (cb, mod) => function __require() {

@@ -26,11 +24,12 @@ return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;

};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
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);
// ../../node_modules/tsup/assets/cjs_shims.js
var init_cjs_shims = __esm({
"../../node_modules/tsup/assets/cjs_shims.js"() {
}
});
// ../../node_modules/react-is/cjs/react-is.production.min.js

@@ -40,4 +39,3 @@ var require_react_is_production_min = __commonJS({

"use strict";
init_cjs_shims();
var b = typeof Symbol === "function" && Symbol.for;
var b = "function" === typeof Symbol && Symbol.for;
var c = b ? Symbol.for("react.element") : 60103;

@@ -62,3 +60,3 @@ var d = b ? Symbol.for("react.portal") : 60106;

function z(a) {
if (typeof a === "object" && a !== null) {
if ("object" === typeof a && null !== a) {
var u = a.$$typeof;

@@ -119,3 +117,3 @@ switch (u) {

exports.isElement = function(a) {
return typeof a === "object" && a !== null && a.$$typeof === c;
return "object" === typeof a && null !== a && a.$$typeof === c;
};

@@ -147,3 +145,3 @@ exports.isForwardRef = function(a) {

exports.isValidElementType = function(a) {
return typeof a === "string" || typeof a === "function" || a === e || a === m || a === g || a === f || a === p || a === q || typeof a === "object" && a !== null && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h || a.$$typeof === k || a.$$typeof === n || a.$$typeof === w || a.$$typeof === x || a.$$typeof === y || a.$$typeof === v);
return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g || a === f || a === p || a === q || "object" === typeof a && null !== a && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h || a.$$typeof === k || a.$$typeof === n || a.$$typeof === w || a.$$typeof === x || a.$$typeof === y || a.$$typeof === v);
};

@@ -158,3 +156,2 @@ exports.typeOf = z;

"use strict";
init_cjs_shims();
if (process.env.NODE_ENV !== "production") {

@@ -183,3 +180,4 @@ (function() {

function isValidElementType(type) {
return typeof type === "string" || typeof type === "function" || type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === "object" && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
return typeof type === "string" || typeof type === "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === "object" && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
}

@@ -315,3 +313,2 @@ function typeOf(object) {

"use strict";
init_cjs_shims();
if (process.env.NODE_ENV === "production") {

@@ -329,3 +326,2 @@ module2.exports = require_react_is_production_min();

"use strict";
init_cjs_shims();
var getOwnPropertySymbols = Object.getOwnPropertySymbols;

@@ -401,3 +397,2 @@ var hasOwnProperty = Object.prototype.hasOwnProperty;

"use strict";
init_cjs_shims();
var ReactPropTypesSecret = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";

@@ -411,3 +406,3 @@ module2.exports = ReactPropTypesSecret;

"../../node_modules/prop-types/lib/has.js"(exports, module2) {
init_cjs_shims();
"use strict";
module2.exports = Function.call.bind(Object.prototype.hasOwnProperty);

@@ -421,3 +416,2 @@ }

"use strict";
init_cjs_shims();
var printWarning = function() {

@@ -450,3 +444,5 @@ };

if (typeof typeSpecs[typeSpecName] !== "function") {
var err = Error((componentName || "React class") + ": " + location + " type `" + typeSpecName + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof typeSpecs[typeSpecName] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
var err = Error(
(componentName || "React class") + ": " + location + " type `" + typeSpecName + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof typeSpecs[typeSpecName] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
);
err.name = "Invariant Violation";

@@ -460,3 +456,5 @@ throw err;

if (error && !(error instanceof Error)) {
printWarning((componentName || "React class") + ": type specification of " + location + " `" + typeSpecName + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof error + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).");
printWarning(
(componentName || "React class") + ": type specification of " + location + " `" + typeSpecName + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof error + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
);
}

@@ -466,3 +464,5 @@ if (error instanceof Error && !(error.message in loggedTypeFailures)) {

var stack = getStack ? getStack() : "";
printWarning("Failed " + location + " type: " + error.message + (stack != null ? stack : ""));
printWarning(
"Failed " + location + " type: " + error.message + (stack != null ? stack : "")
);
}

@@ -486,3 +486,2 @@ }

"use strict";
init_cjs_shims();
var ReactIs = require_react_is();

@@ -564,3 +563,5 @@ var assign = require_object_assign();

if (throwOnDirectAccess) {
var err = new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");
var err = new Error(
"Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
);
err.name = "Invariant Violation";

@@ -570,4 +571,7 @@ throw err;

var cacheKey = componentName + ":" + propName;
if (!manualPropTypeCallCache[cacheKey] && manualPropTypeWarningCount < 3) {
printWarning("You are manually calling a React.PropTypes validation function for the `" + propFullName + "` prop on `" + componentName + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details.");
if (!manualPropTypeCallCache[cacheKey] && // Avoid spamming the console because they are often not actionable except for lib authors
manualPropTypeWarningCount < 3) {
printWarning(
"You are manually calling a React.PropTypes validation function for the `" + propFullName + "` prop on `" + componentName + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
);
manualPropTypeCallCache[cacheKey] = true;

@@ -600,3 +604,6 @@ manualPropTypeWarningCount++;

var preciseType = getPreciseType(propValue);
return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + preciseType + "` supplied to `" + componentName + "`, expected ") + ("`" + expectedType + "`."), { expectedType });
return new PropTypeError(
"Invalid " + location + " `" + propFullName + "` of type " + ("`" + preciseType + "` supplied to `" + componentName + "`, expected ") + ("`" + expectedType + "`."),
{ expectedType }
);
}

@@ -667,3 +674,5 @@ return null;

if (arguments.length > 1) {
printWarning("Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).");
printWarning(
"Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
);
} else {

@@ -723,3 +732,5 @@ printWarning("Invalid argument supplied to oneOf, expected an array.");

if (typeof checker !== "function") {
printWarning("Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + getPostfixForTypeWarning(checker) + " at index " + i + ".");
printWarning(
"Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + getPostfixForTypeWarning(checker) + " at index " + i + "."
);
return emptyFunctionThatReturnsNull;

@@ -755,3 +766,5 @@ }

function invalidValidatorError(componentName, location, propFullName, key, type) {
return new PropTypeError((componentName || "React class") + ": " + location + " type `" + propFullName + "." + key + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + type + "`.");
return new PropTypeError(
(componentName || "React class") + ": " + location + " type `" + propFullName + "." + key + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + type + "`."
);
}

@@ -793,3 +806,5 @@ function createShapeTypeChecker(shapeTypes) {

if (!checker) {
return new PropTypeError("Invalid " + location + " `" + propFullName + "` key `" + key + "` supplied to `" + componentName + "`.\nBad object: " + JSON.stringify(props[propName], null, " ") + "\nValid keys: " + JSON.stringify(Object.keys(shapeTypes), null, " "));
return new PropTypeError(
"Invalid " + location + " `" + propFullName + "` key `" + key + "` supplied to `" + componentName + "`.\nBad object: " + JSON.stringify(props[propName], null, " ") + "\nValid keys: " + JSON.stringify(Object.keys(shapeTypes), null, " ")
);
}

@@ -922,3 +937,2 @@ var error = checker(propValue, key, componentName, location, propFullName + "." + key, ReactPropTypesSecret);

"use strict";
init_cjs_shims();
var ReactPropTypesSecret = require_ReactPropTypesSecret();

@@ -935,3 +949,5 @@ function emptyFunction() {

}
var err = new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");
var err = new Error(
"Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
);
err.name = "Invariant Violation";

@@ -978,3 +994,3 @@ throw err;

"../../node_modules/prop-types/index.js"(exports, module2) {
init_cjs_shims();
"use strict";
if (process.env.NODE_ENV !== "production") {

@@ -998,7 +1014,4 @@ ReactIs = require_react_is();

module.exports = __toCommonJS(src_exports);
init_cjs_shims();
// src/AppTiles.tsx
init_cjs_shims();
var import_react = __toESM(require("react"));
var import_classnames = __toESM(require("classnames"));

@@ -1008,22 +1021,2 @@ var import_prop_types = __toESM(require_prop_types());

// src/AppTiles.module.scss
init_cjs_shims();
var css = `._tile_9sx3j_1 {
width: 50%;
height: 50%;
line-height: normal;
aspect-ratio: 1;
display: flex;
align-items: center;
justify-content: center;
}
._container_9sx3j_11 {
height: 100%;
line-height: normal;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}`;
document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css));
var AppTiles_module_default = {

@@ -1035,2 +1028,3 @@ "tile": "_tile_9sx3j_1",

// src/AppTiles.tsx
var import_jsx_runtime = require("react/jsx-runtime");
var AppTiles = ({

@@ -1055,9 +1049,3 @@ tag: Tag = "span",

if (image) {
return /* @__PURE__ */ import_react.default.createElement(Tag, {
className: classes
}, /* @__PURE__ */ import_react.default.createElement("img", {
className: "w-100 h-100 align-baseline",
src: image,
alt
}));
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tag, { className: classes, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { className: "w-100 h-100 align-baseline", src: image, alt }) });
}

@@ -1067,28 +1055,26 @@ const validParents = ((_c = parents == null ? void 0 : parents.filter((parent) => parent != null)) == null ? void 0 : _c.slice(0, 4)) || [];

if (validParents.length === 1) {
return /* @__PURE__ */ import_react.default.createElement(Tag, {
className: classes
}, ((_d = validParents[0].images) == null ? void 0 : _d.tile) ? /* @__PURE__ */ import_react.default.createElement("img", {
className: "w-100 h-100 align-baseline",
src: ((_e = validParents[0].images) == null ? void 0 : _e.tile) || "",
alt: ((_f = validParents[0].images) == null ? void 0 : _f.name) || ""
}) : validParents[0].shortName);
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tag, { className: classes, children: ((_d = validParents[0].images) == null ? void 0 : _d.tile) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"img",
{
className: "w-100 h-100 align-baseline",
src: ((_e = validParents[0].images) == null ? void 0 : _e.tile) || "",
alt: ((_f = validParents[0].images) == null ? void 0 : _f.name) || ""
}
) : validParents[0].shortName });
}
return /* @__PURE__ */ import_react.default.createElement(Tag, {
className: `app-icon app-icon-${size} ${className}`
}, /* @__PURE__ */ import_react.default.createElement("div", {
className: AppTiles_module_default.container
}, validParents.map((parent) => {
var _a2;
return ((_a2 = parent.images) == null ? void 0 : _a2.tile) ? /* @__PURE__ */ import_react.default.createElement("img", {
className: AppTiles_module_default.tile,
src: parent.images.tile,
alt: parent.images.name || parent.name || "App Tile"
}) : /* @__PURE__ */ import_react.default.createElement("div", {
className: `app-icon app-icon-${color} ${AppTiles_module_default.tile}`
}, parent.shortName);
})));
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tag, { className: `app-icon app-icon-${size} ${className}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: AppTiles_module_default.container, children: validParents.map(
(parent) => {
var _a2;
return ((_a2 = parent.images) == null ? void 0 : _a2.tile) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"img",
{
className: AppTiles_module_default.tile,
src: parent.images.tile,
alt: parent.images.name || parent.name || "App Tile"
}
) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `app-icon app-icon-${color} ${AppTiles_module_default.tile}`, children: parent.shortName });
}
) }) });
}
return /* @__PURE__ */ import_react.default.createElement(Tag, {
className: classes
}, shortName);
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tag, { className: classes, children: shortName });
};

@@ -1112,24 +1098,30 @@ AppTiles.propTypes = {

var AppTiles_default = AppTiles;
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {});
/*
object-assign
(c) Sindre Sorhus
@license MIT
/*! Bundled license information:
react-is/cjs/react-is.production.min.js:
(** @license React v16.13.1
* react-is.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*)
react-is/cjs/react-is.development.js:
(** @license React v16.13.1
* react-is.development.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*)
object-assign/index.js:
(*
object-assign
(c) Sindre Sorhus
@license MIT
*)
*/
/** @license React v16.13.1
* react-is.development.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
/** @license React v16.13.1
* react-is.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/

12

package.json
{
"name": "@availity/app-tiles",
"version": "0.2.0",
"version": "0.2.1",
"description": "Availity UI Kit application tiled icon react component.",

@@ -35,9 +35,9 @@ "keywords": [

"dependencies": {
"classnames": "^2.3.1"
"classnames": "^2.3.2"
},
"devDependencies": {
"react": "^17.0.2",
"react-dom": "^17.0.2",
"tsup": "^5.12.7",
"typescript": "^4.6.4"
"react": "^18.2.0",
"react-dom": "^18.2.0",
"tsup": "^7.2.0",
"typescript": "^4.9.5"
},

@@ -44,0 +44,0 @@ "peerDependencies": {

8

project.json

@@ -6,3 +6,3 @@ {

"test": {
"executor": "@nrwl/jest:jest",
"executor": "@nx/jest:jest",
"outputs": ["coverage/app-tiles"],

@@ -15,4 +15,4 @@ "options": { "jestConfig": "packages/app-tiles/jest.config.js", "passWithNoTests": true }

"preset": "angular",
"commitMessageFormat": "chore(${projectName}): release version ${version} [skip ci]",
"tagPrefix": "@availity/${projectName}@",
"commitMessageFormat": "chore({projectName}): release version ${version} [skip ci]",
"tagPrefix": "@availity/{projectName}@",
"baseBranch": "master"

@@ -22,3 +22,3 @@ }

"lint": {
"executor": "@nrwl/linter:eslint",
"executor": "@nx/linter:eslint",
"options": {

@@ -25,0 +25,0 @@ "eslintConfig": ".eslintrc.yaml",

dist/index.mjs

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc