@cube-dev/ui-kit 0.114.0 → 0.116.0

package/dist/components/content/Skeleton/Skeleton.js

@@ -0,0 +1,169 @@
+/** @license MIT | @cube-dev/ui-kit v0.116.0 | Cube Dev Team */
+import { Space } from "../../layout/Space.js";
+import { Grid } from "../../layout/Grid.js";
+import { Flow } from "../../layout/Flow.js";
+import { Placeholder } from "../Placeholder/Placeholder.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/content/Skeleton/Skeleton.tsx
+const LAYOUT_MAP = {
+	page({ lines, children, isStatic = false, rootProps }) {
+		return /* @__PURE__ */ jsxs(Flow, {
+			gap: "4x",
+			...rootProps,
+			children: [/* @__PURE__ */ jsxs(Space, {
+				placeContent: "space-between",
+				children: [/* @__PURE__ */ jsx(Placeholder, {
+					isStatic,
+					width: "100px 25% 300px"
+				}), /* @__PURE__ */ jsx(Placeholder, {
+					isStatic,
+					width: "50px 10% 150px"
+				})]
+			}), /* @__PURE__ */ jsx(Flow, {
+				gap: "2x",
+				children: children || Array(lines || 5).fill(0).map((item, i) => /* @__PURE__ */ jsx(Placeholder, { isStatic }, i))
+			})]
+		});
+	},
+	content({ children, lines, isStatic = false, rootProps }) {
+		return /* @__PURE__ */ jsx(Flow, {
+			gap: "2x",
+			...rootProps,
+			children: children || Array(lines || 5).fill(0).map((item, i) => /* @__PURE__ */ jsx(Placeholder, { isStatic }, i))
+		});
+	},
+	topbar({ isStatic = false, rootProps }) {
+		return /* @__PURE__ */ jsxs(Space, {
+			gap: "4x",
+			placeContent: "space-between",
+			height: "6x",
+			padding: "1x",
+			border: "bottom",
+			...rootProps,
+			children: [/* @__PURE__ */ jsxs(Space, { children: [/* @__PURE__ */ jsx(Placeholder, {
+				circle: true,
+				isStatic,
+				size: "4x"
+			}), /* @__PURE__ */ jsx(Placeholder, {
+				isStatic,
+				width: "20x"
+			})] }), /* @__PURE__ */ jsxs(Space, { children: [/* @__PURE__ */ jsx(Placeholder, {
+				isStatic,
+				width: "10x"
+			}), /* @__PURE__ */ jsx(Placeholder, {
+				circle: true,
+				isStatic,
+				size: "4x"
+			})] })]
+		});
+	},
+	menu({ lines, isStatic = false, rootProps }) {
+		return /* @__PURE__ */ jsx(Flow, {
+			gap: "3.25x",
+			padding: "3x 1x",
+			...rootProps,
+			children: Array(lines || 5).fill(0).map((item, i) => /* @__PURE__ */ jsx(Placeholder, { isStatic }, i))
+		});
+	},
+	stats({ cards, isStatic = false, rootProps }) {
+		return /* @__PURE__ */ jsx(Space, {
+			gap: "4x",
+			...rootProps,
+			children: Array(cards || 3).fill(0).map((item, i) => /* @__PURE__ */ jsx(Placeholder, {
+				isStatic,
+				radius: "1r",
+				width: "20x",
+				height: "12x",
+				flexGrow: 1
+			}, i))
+		});
+	},
+	tabs({ tabs, children, lines, isStatic = false, rootProps }) {
+		return /* @__PURE__ */ jsxs(Flow, {
+			gap: "4x",
+			...rootProps,
+			children: [/* @__PURE__ */ jsx(Space, { children: Array(tabs || 3).fill(0).map((item, i) => /* @__PURE__ */ jsx(Placeholder, {
+				isStatic,
+				width: "15x"
+			}, i)) }), /* @__PURE__ */ jsx(Flow, {
+				gap: "2x",
+				children: children || Array(lines || 5).fill(0).map((item, i) => /* @__PURE__ */ jsx(Placeholder, { isStatic }, i))
+			})]
+		});
+	},
+	table({ rows, columns, isStatic = false, rootProps }) {
+		columns = columns || 5;
+		rows = rows || 5;
+		return /* @__PURE__ */ jsx(Grid, {
+			columns: `repeat(${columns}, 1fr)`,
+			gap: "3x",
+			padding: "1x 0",
+			...rootProps,
+			children: Array(rows).fill(0).map((item, i) => {
+				return Array(columns).fill(0).map((item, j) => {
+					return /* @__PURE__ */ jsx(Placeholder, {
+						isStatic,
+						size: !i ? "3x" : "2x"
+					}, `${i}.${j}`);
+				});
+			})
+		});
+	},
+	chart({ columns, isStatic = false, rootProps }) {
+		columns = columns || 12;
+		const heightMap = [
+			1,
+			4,
+			2,
+			5,
+			8,
+			9,
+			5,
+			3,
+			4,
+			2,
+			6,
+			7,
+			2
+		];
+		return /* @__PURE__ */ jsx(Grid, {
+			columns: `repeat(${columns}, 1fr)`,
+			gap: "3x",
+			padding: "1x 0",
+			placeItems: "end stretch",
+			height: "40x",
+			...rootProps,
+			children: Array(columns).fill(0).map((item, i) => {
+				return /* @__PURE__ */ jsx(Placeholder, {
+					isStatic,
+					height: `${heightMap[i % 12] * 10}%`,
+					width: "max 6x"
+				}, i);
+			})
+		});
+	}
+};
+function Skeleton({ layout, isStatic, columns, rows, lines, tabs, cards, ...props }) {
+	layout = layout || "page";
+	return LAYOUT_MAP[layout] ? LAYOUT_MAP[layout]({
+		isStatic,
+		columns,
+		rows,
+		lines,
+		tabs,
+		cards,
+		rootProps: {
+			qa: "Skeleton",
+			...props
+		}
+	}) : /* @__PURE__ */ jsx(Placeholder, {
+		qa: "Skeleton",
+		isStatic,
+		...props
+	});
+}
+
+//#endregion
+export { Skeleton };
+//# sourceMappingURL=Skeleton.js.map

package/dist/components/content/Skeleton/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","names":[],"sources":["../../../../src/components/content/Skeleton/Skeleton.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport { BaseProps, ContainerStyleProps } from '../../../tasty';\nimport { Flow } from '../../layout/Flow';\nimport { CubeGridProps, Grid } from '../../layout/Grid';\nimport { Space } from '../../layout/Space';\nimport { CubePlaceholderProps, Placeholder } from '../Placeholder/Placeholder';\n\nconst LAYOUT_MAP = {\n  page({\n    lines,\n    children,\n    isStatic = false,\n    rootProps,\n  }: CubeSkeletonLayoutProps) {\n    return (\n      <Flow gap=\"4x\" {...rootProps}>\n        <Space placeContent=\"space-between\">\n          <Placeholder isStatic={isStatic} width=\"100px 25% 300px\" />\n          <Placeholder isStatic={isStatic} width=\"50px 10% 150px\" />\n        </Space>\n        <Flow gap=\"2x\">\n          {children ||\n            Array(lines || 5)\n              .fill(0)\n              .map((item, i) => <Placeholder key={i} isStatic={isStatic} />)}\n        </Flow>\n      </Flow>\n    );\n  },\n  content({\n    children,\n    lines,\n    isStatic = false,\n    rootProps,\n  }: CubeSkeletonLayoutProps) {\n    return (\n      <Flow gap=\"2x\" {...rootProps}>\n        {children ||\n          Array(lines || 5)\n            .fill(0)\n            .map((item, i) => <Placeholder key={i} isStatic={isStatic} />)}\n      </Flow>\n    );\n  },\n  topbar({ isStatic = false, rootProps }: CubeSkeletonLayoutProps) {\n    return (\n      <Space\n        gap=\"4x\"\n        placeContent=\"space-between\"\n        height=\"6x\"\n        padding=\"1x\"\n        border=\"bottom\"\n        {...rootProps}\n      >\n        <Space>\n          <Placeholder circle isStatic={isStatic} size=\"4x\" />\n          <Placeholder isStatic={isStatic} width=\"20x\" />\n        </Space>\n\n        <Space>\n          <Placeholder isStatic={isStatic} width=\"10x\" />\n          <Placeholder circle isStatic={isStatic} size=\"4x\" />\n        </Space>\n      </Space>\n    );\n  },\n  menu({ lines, isStatic = false, rootProps }: CubeSkeletonLayoutProps) {\n    return (\n      <Flow gap=\"3.25x\" padding=\"3x 1x\" {...rootProps}>\n        {Array(lines || 5)\n          .fill(0)\n          .map((item, i) => (\n            <Placeholder key={i} isStatic={isStatic} />\n          ))}\n      </Flow>\n    );\n  },\n  stats({ cards, isStatic = false, rootProps }: CubeSkeletonLayoutProps) {\n    return (\n      <Space gap=\"4x\" {...rootProps}>\n        {Array(cards || 3)\n          .fill(0)\n          .map((item, i) => (\n            <Placeholder\n              key={i}\n              isStatic={isStatic}\n              radius=\"1r\"\n              width=\"20x\"\n              height=\"12x\"\n              flexGrow={1}\n            />\n          ))}\n      </Space>\n    );\n  },\n  tabs({\n    tabs,\n    children,\n    lines,\n    isStatic = false,\n    rootProps,\n  }: CubeSkeletonLayoutProps) {\n    return (\n      <Flow gap=\"4x\" {...rootProps}>\n        <Space>\n          {Array(tabs || 3)\n            .fill(0)\n            .map((item, i) => (\n              <Placeholder key={i} isStatic={isStatic} width=\"15x\" />\n            ))}\n        </Space>\n        <Flow gap=\"2x\">\n          {children ||\n            Array(lines || 5)\n              .fill(0)\n              .map((item, i) => <Placeholder key={i} isStatic={isStatic} />)}\n        </Flow>\n      </Flow>\n    );\n  },\n  table({\n    rows,\n    columns,\n    isStatic = false,\n    rootProps,\n  }: CubeSkeletonLayoutProps) {\n    columns = columns || 5;\n    rows = rows || 5;\n\n    return (\n      <Grid\n        columns={`repeat(${columns}, 1fr)`}\n        gap=\"3x\"\n        padding=\"1x 0\"\n        {...rootProps}\n      >\n        {Array(rows)\n          .fill(0)\n          .map((item, i) => {\n            return Array(columns)\n              .fill(0)\n              .map((item, j) => {\n                return (\n                  <Placeholder\n                    key={`${i}.${j}`}\n                    isStatic={isStatic}\n                    size={!i ? '3x' : '2x'}\n                  />\n                );\n              });\n          })}\n      </Grid>\n    );\n  },\n  chart({ columns, isStatic = false, rootProps }: CubeSkeletonLayoutProps) {\n    columns = columns || 12;\n\n    const heightMap = [1, 4, 2, 5, 8, 9, 5, 3, 4, 2, 6, 7, 2];\n\n    return (\n      <Grid\n        columns={`repeat(${columns}, 1fr)`}\n        gap=\"3x\"\n        padding=\"1x 0\"\n        placeItems=\"end stretch\"\n        height=\"40x\"\n        {...rootProps}\n      >\n        {Array(columns)\n          .fill(0)\n          .map((item, i) => {\n            return (\n              <Placeholder\n                key={i}\n                isStatic={isStatic}\n                height={`${heightMap[i % 12] * 10}%`}\n                width=\"max 6x\"\n              />\n            );\n          })}\n      </Grid>\n    );\n  },\n} as const;\n\nexport interface CubeSkeletonProps\n  extends CubeSkeletonRootProps,\n    Omit<CubeSkeletonLayoutProps, 'rootProps'> {\n  /** The type of the layout */\n  layout?: keyof typeof LAYOUT_MAP;\n}\n\nexport interface CubeSkeletonRootProps\n  extends Omit<CubeGridProps, 'columns' | 'rows'>,\n    CubePlaceholderProps,\n    BaseProps,\n    ContainerStyleProps {}\n\nexport interface CubeSkeletonLayoutProps {\n  /** The number of columns for the table layout */\n  columns?: number;\n  /** The number of rows for the table layout */\n  rows?: number;\n  /** The number of placeholder lines */\n  lines?: number;\n  /** The number of tabs */\n  tabs?: number;\n  /** The number of cards */\n  cards?: number;\n  /** The static mode */\n  isStatic?: boolean;\n  rootProps?: CubeSkeletonRootProps;\n  children?: ReactNode;\n}\n\nexport function Skeleton({\n  layout,\n  isStatic,\n  columns,\n  rows,\n  lines,\n  tabs,\n  cards,\n  ...props\n}: CubeSkeletonProps) {\n  layout = layout || 'page';\n\n  return LAYOUT_MAP[layout] ? (\n    LAYOUT_MAP[layout]({\n      isStatic,\n      columns,\n      rows,\n      lines,\n      tabs,\n      cards,\n      rootProps: { qa: 'Skeleton', ...props },\n    })\n  ) : (\n    <Placeholder qa=\"Skeleton\" isStatic={isStatic} {...props} />\n  );\n}\n"],"mappings":"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"}

package/dist/components/content/Tag/Tag.d.ts

@@ -0,0 +1,18 @@
+
+import { Styles } from "../../../tasty/styles/types.js";
+import "../../../tasty/index.js";
+import "../Item/index.js";
+import { CubeItemProps } from "../Item/Item.js";
+import * as react from "react";
+
+//#region src/components/content/Tag/Tag.d.ts
+interface CubeTagProps extends CubeItemProps {
+  theme?: 'default' | 'danger' | 'success' | 'warning' | 'note' | 'special';
+  isClosable?: boolean;
+  onClose?: () => void;
+  closeButtonStyles?: Styles;
+}
+declare const _Tag: react.ForwardRefExoticComponent<CubeTagProps & react.RefAttributes<unknown>>;
+//#endregion
+export { CubeTagProps, _Tag };
+//# sourceMappingURL=Tag.d.ts.map

package/dist/components/content/Tag/Tag.js

@@ -0,0 +1,58 @@
+/** @license MIT | @cube-dev/ui-kit v0.116.0 | Cube Dev Team */
+import { tasty } from "../../../tasty/tasty.js";
+import { _Item } from "../Item/Item.js";
+import { CloseIcon } from "../../../icons/CloseIcon.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/content/Tag/Tag.tsx
+const TagElement = tasty(_Item, {
+	qa: "Tag",
+	role: "status",
+	styles: {
+		padding: 0,
+		preset: {
+			"": "tag",
+			"size=xsmall": "t4",
+			"size=small | size=medium": "t3",
+			"size=large | size=xlarge": "t2"
+		},
+		"$min-inline-padding": ".5x",
+		Label: {
+			textAlign: "center",
+			placeSelf: "center"
+		}
+	}
+});
+function Tag(allProps, ref) {
+	let { theme = "default", isClosable, onClose, closeButtonStyles, children, size = "inline", mods, ...props } = allProps;
+	let type = "card";
+	if (theme === "special") {
+		theme = "default";
+		type = "primary";
+	}
+	return /* @__PURE__ */ jsx(TagElement, {
+		ref,
+		size,
+		"data-type": type,
+		variant: `${theme}.${type}`,
+		mods,
+		actions: isClosable ? /* @__PURE__ */ jsx(_Item.Action, {
+			"aria-label": "Close",
+			styles: {
+				color: "currentColor",
+				...closeButtonStyles
+			},
+			icon: /* @__PURE__ */ jsx(CloseIcon, {}),
+			onPress: onClose
+		}) : void 0,
+		...props,
+		children
+	});
+}
+const _Tag = forwardRef(Tag);
+_Tag.displayName = "Tag";
+
+//#endregion
+export { _Tag };
+//# sourceMappingURL=Tag.js.map

package/dist/components/content/Tag/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","names":["Item"],"sources":["../../../../src/components/content/Tag/Tag.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { ItemVariant } from 'src/data/item-themes';\n\nimport { CloseIcon } from '../../../icons';\nimport { Styles, tasty } from '../../../tasty';\nimport { CubeItemProps, Item } from '../Item';\n\nconst TagElement = tasty(Item, {\n  qa: 'Tag',\n  role: 'status',\n  styles: {\n    padding: 0,\n    preset: {\n      '': 'tag',\n      'size=xsmall': 't4',\n      'size=small | size=medium': 't3',\n      'size=large | size=xlarge': 't2',\n    },\n\n    '$min-inline-padding': '.5x',\n\n    Label: {\n      textAlign: 'center',\n      placeSelf: 'center',\n    },\n  },\n});\n\nexport interface CubeTagProps extends CubeItemProps {\n  theme?: 'default' | 'danger' | 'success' | 'warning' | 'note' | 'special';\n  isClosable?: boolean;\n  onClose?: () => void;\n  closeButtonStyles?: Styles;\n}\n\nfunction Tag(allProps: CubeTagProps, ref) {\n  let {\n    theme = 'default',\n    isClosable,\n    onClose,\n    closeButtonStyles,\n    children,\n    size = 'inline',\n    mods,\n    ...props\n  } = allProps;\n\n  let type = 'card';\n\n  if (theme === 'special') {\n    theme = 'default';\n    type = 'primary';\n  }\n\n  return (\n    <TagElement\n      ref={ref}\n      size={size}\n      data-type={type}\n      variant={`${theme}.${type}` as ItemVariant}\n      mods={mods}\n      actions={\n        isClosable ? (\n          <Item.Action\n            aria-label=\"Close\"\n            styles={{ color: 'currentColor', ...closeButtonStyles }}\n            icon={<CloseIcon />}\n            onPress={onClose}\n          />\n        ) : undefined\n      }\n      {...props}\n    >\n      {children}\n    </TagElement>\n  );\n}\n\nconst _Tag = forwardRef(Tag);\n\n_Tag.displayName = 'Tag';\n\nexport { _Tag as Tag };\n"],"mappings":";;;;;;;;AAOA,MAAM,aAAa,MAAMA,OAAM;CAC7B,IAAI;CACJ,MAAM;CACN,QAAQ;EACN,SAAS;EACT,QAAQ;GACN,IAAI;GACJ,eAAe;GACf,4BAA4B;GAC5B,4BAA4B;GAC7B;EAED,uBAAuB;EAEvB,OAAO;GACL,WAAW;GACX,WAAW;GACZ;EACF;CACF,CAAC;AASF,SAAS,IAAI,UAAwB,KAAK;CACxC,IAAI,EACF,QAAQ,WACR,YACA,SACA,mBACA,UACA,OAAO,UACP,MACA,GAAG,UACD;CAEJ,IAAI,OAAO;AAEX,KAAI,UAAU,WAAW;AACvB,UAAQ;AACR,SAAO;;AAGT,QACE,oBAAC;EACM;EACC;EACN,aAAW;EACX,SAAS,GAAG,MAAM,GAAG;EACf;EACN,SACE,aACE,oBAACA,MAAK;GACJ,cAAW;GACX,QAAQ;IAAE,OAAO;IAAgB,GAAG;IAAmB;GACvD,MAAM,oBAAC,cAAY;GACnB,SAAS;IACT,GACA;EAEN,GAAI;EAEH;GACU;;AAIjB,MAAM,OAAO,WAAW,IAAI;AAE5B,KAAK,cAAc"}