@clayui/label 3.85.0 → 3.105.1-alpha.0

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_icon","_interopRequireDefault","require","_link","_classnames","_react","_excluded","_excluded2","_excluded3","_excluded4","_excluded5","obj","__esModule","default","_defineProperty","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","_typeof","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","_extends","assign","bind","target","i","arguments","length","source","prototype","hasOwnProperty","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ClayLabelItemAfter","React","forwardRef","_ref","ref","children","className","otherProps","createElement","classNames","displayName","ClayLabelItemBefore","_ref2","ClayLabelItemExpand","_ref3","href","TagName","ClayLink","ClayLabel","_ref4","dismissible","_ref4$displayType","displayType","_ref4$large","large","concat","ClayLabelHybrid","_ref5","closeButtonProps","_ref5$innerElementPro","innerElementProps","_ref5$withClose","withClose","spritemap","Fragment","type","symbol","_default","ItemAfter","ItemBefore","ItemExpand","exports"],"sources":["../src/index.tsx"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport ClayIcon from '@clayui/icon';\nimport ClayLink from '@clayui/link';\nimport classNames from 'classnames';\nimport React from 'react';\n\nconst ClayLabelItemAfter = React.forwardRef<\n\tHTMLSpanElement,\n\tReact.HTMLAttributes<HTMLSpanElement>\n>(({children, className, ...otherProps}, ref) => (\n\t<span\n\t\t{...otherProps}\n\t\tclassName={classNames(className, 'label-item label-item-after')}\n\t\tref={ref}\n\t>\n\t\t{children}\n\t</span>\n));\n\nClayLabelItemAfter.displayName = 'ClayLabelItemAfter';\n\nconst ClayLabelItemBefore = React.forwardRef<\n\tHTMLSpanElement,\n\tReact.HTMLAttributes<HTMLSpanElement>\n>(({children, className, ...otherProps}, ref) => (\n\t<span\n\t\t{...otherProps}\n\t\tclassName={classNames(className, 'label-item label-item-before')}\n\t\tref={ref}\n\t>\n\t\t{children}\n\t</span>\n));\n\nClayLabelItemBefore.displayName = 'ClayLabelItemBefore';\n\nconst ClayLabelItemExpand = React.forwardRef<\n\tHTMLAnchorElement | HTMLSpanElement,\n\tReact.BaseHTMLAttributes<HTMLAnchorElement | HTMLSpanElement>\n>(({children, className, href, ...otherProps}, ref) => {\n\tconst TagName = href ? ClayLink : 'span';\n\n\treturn (\n\t\t<TagName\n\t\t\t{...otherProps}\n\t\t\tclassName={classNames(className, 'label-item label-item-expand')}\n\t\t\thref={href}\n\t\t\tref={ref as React.ComponentProps<typeof ClayLink>['ref']}\n\t\t>\n\t\t\t{children}\n\t\t</TagName>\n\t);\n});\n\nClayLabelItemExpand.displayName = 'ClayLabelItemExpand';\n\ntype DisplayType =\n\t| 'secondary'\n\t| 'info'\n\t| 'warning'\n\t| 'danger'\n\t| 'success'\n\t| 'unstyled';\n\ninterface IBaseProps extends React.BaseHTMLAttributes<HTMLSpanElement> {\n\t/**\n\t * Flag to indicate if `label-dismissible` class should be applied.\n\t */\n\tdismissible?: boolean;\n\n\t/**\n\t * Determines the style of the label.\n\t */\n\tdisplayType?: DisplayType;\n\n\t/**\n\t * Flag to indicate if the label should be of the `large` variant.\n\t */\n\tlarge?: boolean;\n}\n\nconst ClayLabel = React.forwardRef<HTMLSpanElement, IBaseProps>(\n\t(\n\t\t{\n\t\t\tchildren,\n\t\t\tclassName,\n\t\t\tdismissible,\n\t\t\tdisplayType = 'secondary',\n\t\t\tlarge = false,\n\t\t\t...otherProps\n\t\t},\n\t\tref\n\t) => {\n\t\treturn (\n\t\t\t<span\n\t\t\t\t{...otherProps}\n\t\t\t\tclassName={classNames('label', className, {\n\t\t\t\t\t'label-dismissible': dismissible,\n\t\t\t\t\t'label-lg': large,\n\t\t\t\t\t[`label-${displayType}`]: displayType,\n\t\t\t\t})}\n\t\t\t\tref={ref}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</span>\n\t\t);\n\t}\n);\n\nClayLabel.displayName = 'ClayLabel';\n\ninterface IProps extends IBaseProps {\n\t/**\n\t * HTML properties that are applied to the 'x' button.\n\t */\n\tcloseButtonProps?: React.ButtonHTMLAttributes<HTMLButtonElement> & {\n\t\tref?: (instance: HTMLButtonElement | null) => void;\n\t};\n\n\t/**\n\t * Pros to add to the inner label item\n\t */\n\tinnerElementProps?: React.ComponentProps<typeof ClayLabelItemExpand>;\n\n\t/**\n\t * Path to the location of the spritemap resource used for Icon.\n\t */\n\tspritemap?: string;\n\n\t/**\n\t * Flag to indicate if component should include the close button\n\t */\n\twithClose?: boolean;\n}\n\nconst ClayLabelHybrid = React.forwardRef<\n\tHTMLAnchorElement | HTMLSpanElement,\n\tIProps\n>(\n\t(\n\t\t{\n\t\t\tchildren,\n\t\t\tcloseButtonProps,\n\t\t\thref,\n\t\t\tinnerElementProps = {},\n\t\t\twithClose = true,\n\t\t\tspritemap,\n\t\t\t...otherProps\n\t\t}: IProps,\n\t\tref\n\t) => {\n\t\treturn (\n\t\t\t<ClayLabel\n\t\t\t\tdismissible={withClose && !!closeButtonProps}\n\t\t\t\t{...otherProps}\n\t\t\t\tref={ref}\n\t\t\t>\n\t\t\t\t{!withClose && children}\n\n\t\t\t\t{withClose && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<ClayLabelItemExpand {...innerElementProps} href={href}>\n\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t</ClayLabelItemExpand>\n\n\t\t\t\t\t\t{closeButtonProps && (\n\t\t\t\t\t\t\t<ClayLabelItemAfter>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t{...closeButtonProps}\n\t\t\t\t\t\t\t\t\tclassName={classNames(\n\t\t\t\t\t\t\t\t\t\tcloseButtonProps.className,\n\t\t\t\t\t\t\t\t\t\t'close'\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ClayIcon\n\t\t\t\t\t\t\t\t\t\tspritemap={spritemap}\n\t\t\t\t\t\t\t\t\t\tsymbol=\"times-small\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</ClayLabelItemAfter>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</ClayLabel>\n\t\t);\n\t}\n);\n\nClayLabelHybrid.displayName = 'ClayLabel';\n\nexport default Object.assign(ClayLabelHybrid, {\n\tItemAfter: ClayLabelItemAfter,\n\tItemBefore: ClayLabelItemBefore,\n\tItemExpand: ClayLabelItemExpand,\n});\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@clayui/label",
-	"version": "3.85.0",
+	"version": "3.105.1-alpha.0",
 	"description": "ClayLabel component",
 	"license": "BSD-3-Clause",
 	"repository": "https://github.com/liferay/clay",
@@ -12,8 +12,7 @@
 	"types": "lib/index.d.ts",
 	"ts:main": "src/index.tsx",
 	"files": [
-		"lib",
-		"src"
+		"lib"
 	],
 	"scripts": {
 		"build": "babel src --root-mode upward --out-dir lib --extensions .ts,.tsx",
@@ -26,8 +25,8 @@
 		"react"
 	],
 	"dependencies": {
-		"@clayui/icon": "^3.56.0",
-		"@clayui/link": "^3.85.0",
+		"@clayui/icon": "^3.105.1-alpha.0",
+		"@clayui/link": "^3.105.1-alpha.0",
 		"classnames": "^2.2.6"
 	},
 	"peerDependencies": {
@@ -38,5 +37,5 @@
 	"browserslist": [
 		"extends browserslist-config-clay"
 	],
-	"gitHead": "f6f5a2415198707bd0910fb016a0c32c1a99a318"
+	"gitHead": "0a2003a935bf5c37ffc4c07618552bbebabe13b9"
 }

package/src/__tests__/__snapshots__/index.tsx.snap

@@ -1,133 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Rendering as a link  1`] = `
-<span
-  className="label label-secondary"
->
-  <a
-    className="label-item label-item-expand"
-    href="#/foo/bar"
-  >
-    Label w/ link
-  </a>
-</span>
-`;
-
-exports[`Rendering default 1`] = `
-<span
-  className="label label-secondary"
->
-  <span
-    className="label-item label-item-expand"
-  >
-    Default Label
-  </span>
-</span>
-`;
-
-exports[`Rendering renders as a link and closable 1`] = `
-<span
-  className="label label-dismissible label-secondary"
->
-  <a
-    className="label-item label-item-expand"
-    href="#/foo/bar"
-  >
-    Label Closable
-  </a>
-  <span
-    className="label-item label-item-after"
-  >
-    <button
-      className="close"
-      onClick={[Function]}
-      type="button"
-    >
-      <svg
-        className="lexicon-icon lexicon-icon-times-small"
-        role="presentation"
-      >
-        <use
-          xlinkHref="path/to/spritemap#times-small"
-        />
-      </svg>
-    </button>
-  </span>
-</span>
-`;
-
-exports[`Rendering renders as closable 1`] = `
-<span
-  className="label label-dismissible label-secondary"
->
-  <span
-    className="label-item label-item-expand"
-  >
-    Label Closable
-  </span>
-  <span
-    className="label-item label-item-after"
-  >
-    <button
-      className="close"
-      onClick={[Function]}
-      type="button"
-    >
-      <svg
-        className="lexicon-icon lexicon-icon-times-small"
-        role="presentation"
-      >
-        <use
-          xlinkHref="path/to/spritemap#times-small"
-        />
-      </svg>
-    </button>
-  </span>
-</span>
-`;
-
-exports[`Rendering renders with ItemAfter 1`] = `
-<span
-  className="label label-secondary"
->
-  <span
-    className="label-item label-item-expand"
-  >
-    Label
-  </span>
-  <span
-    className="label-item label-item-after"
-  >
-    Content after
-  </span>
-</span>
-`;
-
-exports[`Rendering renders with ItemBefore 1`] = `
-<span
-  className="label label-secondary"
->
-  <span
-    className="label-item label-item-before"
-  >
-    Content before
-  </span>
-  <span
-    className="label-item label-item-expand"
-  >
-    Label
-  </span>
-</span>
-`;
-
-exports[`Rendering with a different displayType  1`] = `
-<span
-  className="label label-success"
->
-  <span
-    className="label-item label-item-expand"
-  >
-    Success Label
-  </span>
-</span>
-`;

package/src/__tests__/index.tsx

@@ -1,111 +0,0 @@
-/**
- * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
- * SPDX-License-Identifier: BSD-3-Clause
- */
-
-import ClayLabel from '..';
-import {cleanup, fireEvent, render} from '@testing-library/react';
-import React from 'react';
-import TestRenderer from 'react-test-renderer';
-
-const spritemap = 'path/to/spritemap';
-
-describe('Rendering', () => {
-	it('default', () => {
-		const testRenderer = TestRenderer.create(
-			<ClayLabel>Default Label</ClayLabel>
-		);
-
-		expect(testRenderer.toJSON()).toMatchSnapshot();
-	});
-
-	it('with a different displayType ', () => {
-		const testRenderer = TestRenderer.create(
-			<ClayLabel displayType="success">Success Label</ClayLabel>
-		);
-
-		expect(testRenderer.toJSON()).toMatchSnapshot();
-	});
-
-	it('as a link ', () => {
-		const testRenderer = TestRenderer.create(
-			<ClayLabel href="#/foo/bar">Label w/ link</ClayLabel>
-		);
-
-		expect(testRenderer.toJSON()).toMatchSnapshot();
-	});
-
-	it('renders as closable', () => {
-		const testRenderer = TestRenderer.create(
-			<ClayLabel
-				closeButtonProps={{
-					onClick: () => {},
-				}}
-				spritemap={spritemap}
-			>
-				Label Closable
-			</ClayLabel>
-		);
-
-		expect(testRenderer.toJSON()).toMatchSnapshot();
-	});
-
-	it('renders as a link and closable', () => {
-		const testRenderer = TestRenderer.create(
-			<ClayLabel
-				closeButtonProps={{
-					onClick: () => {},
-				}}
-				href="#/foo/bar"
-				spritemap={spritemap}
-			>
-				Label Closable
-			</ClayLabel>
-		);
-
-		expect(testRenderer.toJSON()).toMatchSnapshot();
-	});
-
-	it('renders with ItemBefore', () => {
-		const testRenderer = TestRenderer.create(
-			<ClayLabel withClose={false}>
-				<ClayLabel.ItemBefore>Content before</ClayLabel.ItemBefore>
-				<ClayLabel.ItemExpand>Label</ClayLabel.ItemExpand>
-			</ClayLabel>
-		);
-
-		expect(testRenderer.toJSON()).toMatchSnapshot();
-	});
-
-	it('renders with ItemAfter', () => {
-		const testRenderer = TestRenderer.create(
-			<ClayLabel withClose={false}>
-				<ClayLabel.ItemExpand>Label</ClayLabel.ItemExpand>
-				<ClayLabel.ItemAfter>Content after</ClayLabel.ItemAfter>
-			</ClayLabel>
-		);
-
-		expect(testRenderer.toJSON()).toMatchSnapshot();
-	});
-});
-
-describe('Interactions', () => {
-	afterEach(cleanup);
-
-	it('clicking the close button should call closeButtonProps.onClick', () => {
-		const handleClose = jest.fn();
-
-		const {container} = render(
-			<ClayLabel
-				closeButtonProps={{onClick: handleClose}}
-				spritemap="foo/bar"
-			/>
-		);
-
-		const closeButton = container.querySelector('button');
-
-		fireEvent.click(closeButton as HTMLButtonElement, {});
-
-		expect(handleClose).toHaveBeenCalledTimes(1);
-	});
-});

package/src/index.tsx

@@ -1,200 +0,0 @@
-/**
- * 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';
-
-const ClayLabelItemAfter = React.forwardRef<
-	HTMLSpanElement,
-	React.HTMLAttributes<HTMLSpanElement>
->(({children, className, ...otherProps}, ref) => (
-	<span
-		{...otherProps}
-		className={classNames(className, 'label-item label-item-after')}
-		ref={ref}
-	>
-		{children}
-	</span>
-));
-
-ClayLabelItemAfter.displayName = 'ClayLabelItemAfter';
-
-const ClayLabelItemBefore = React.forwardRef<
-	HTMLSpanElement,
-	React.HTMLAttributes<HTMLSpanElement>
->(({children, className, ...otherProps}, ref) => (
-	<span
-		{...otherProps}
-		className={classNames(className, 'label-item label-item-before')}
-		ref={ref}
-	>
-		{children}
-	</span>
-));
-
-ClayLabelItemBefore.displayName = 'ClayLabelItemBefore';
-
-const ClayLabelItemExpand = React.forwardRef<
-	HTMLAnchorElement | HTMLSpanElement,
-	React.BaseHTMLAttributes<HTMLAnchorElement | HTMLSpanElement>
->(({children, className, href, ...otherProps}, ref) => {
-	const TagName = href ? ClayLink : 'span';
-
-	return (
-		<TagName
-			{...otherProps}
-			className={classNames(className, 'label-item label-item-expand')}
-			href={href}
-			ref={ref as React.ComponentProps<typeof ClayLink>['ref']}
-		>
-			{children}
-		</TagName>
-	);
-});
-
-ClayLabelItemExpand.displayName = 'ClayLabelItemExpand';
-
-type DisplayType =
-	| 'secondary'
-	| 'info'
-	| 'warning'
-	| 'danger'
-	| 'success'
-	| 'unstyled';
-
-interface IBaseProps extends React.BaseHTMLAttributes<HTMLSpanElement> {
-	/**
-	 * Flag to indicate if `label-dismissible` class should be applied.
-	 */
-	dismissible?: boolean;
-
-	/**
-	 * Determines the style of the label.
-	 */
-	displayType?: DisplayType;
-
-	/**
-	 * Flag to indicate if the label should be of the `large` variant.
-	 */
-	large?: boolean;
-}
-
-const ClayLabel = React.forwardRef<HTMLSpanElement, IBaseProps>(
-	(
-		{
-			children,
-			className,
-			dismissible,
-			displayType = 'secondary',
-			large = false,
-			...otherProps
-		},
-		ref
-	) => {
-		return (
-			<span
-				{...otherProps}
-				className={classNames('label', className, {
-					'label-dismissible': dismissible,
-					'label-lg': large,
-					[`label-${displayType}`]: displayType,
-				})}
-				ref={ref}
-			>
-				{children}
-			</span>
-		);
-	}
-);
-
-ClayLabel.displayName = 'ClayLabel';
-
-interface IProps extends IBaseProps {
-	/**
-	 * HTML properties that are applied to the 'x' button.
-	 */
-	closeButtonProps?: React.ButtonHTMLAttributes<HTMLButtonElement> & {
-		ref?: (instance: HTMLButtonElement | null) => void;
-	};
-
-	/**
-	 * Pros to add to the inner label item
-	 */
-	innerElementProps?: React.ComponentProps<typeof ClayLabelItemExpand>;
-
-	/**
-	 * Path to the location of the spritemap resource used for Icon.
-	 */
-	spritemap?: string;
-
-	/**
-	 * Flag to indicate if component should include the close button
-	 */
-	withClose?: boolean;
-}
-
-const ClayLabelHybrid = React.forwardRef<
-	HTMLAnchorElement | HTMLSpanElement,
-	IProps
->(
-	(
-		{
-			children,
-			closeButtonProps,
-			href,
-			innerElementProps = {},
-			withClose = true,
-			spritemap,
-			...otherProps
-		}: IProps,
-		ref
-	) => {
-		return (
-			<ClayLabel
-				dismissible={withClose && !!closeButtonProps}
-				{...otherProps}
-				ref={ref}
-			>
-				{!withClose && children}
-
-				{withClose && (
-					<>
-						<ClayLabelItemExpand {...innerElementProps} href={href}>
-							{children}
-						</ClayLabelItemExpand>
-
-						{closeButtonProps && (
-							<ClayLabelItemAfter>
-								<button
-									{...closeButtonProps}
-									className={classNames(
-										closeButtonProps.className,
-										'close'
-									)}
-									type="button"
-								>
-									<ClayIcon
-										spritemap={spritemap}
-										symbol="times-small"
-									/>
-								</button>
-							</ClayLabelItemAfter>
-						)}
-					</>
-				)}
-			</ClayLabel>
-		);
-	}
-);
-
-ClayLabelHybrid.displayName = 'ClayLabel';
-
-export default Object.assign(ClayLabelHybrid, {
-	ItemAfter: ClayLabelItemAfter,
-	ItemBefore: ClayLabelItemBefore,
-	ItemExpand: ClayLabelItemExpand,
-});