New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@launchpad-ui/table

Package Overview
Dependencies
Maintainers
1
Versions
70
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@launchpad-ui/table - npm Package Compare versions

Comparing version 0.2.1 to 0.3.0

dist/style.css

99

dist/index.es.js

@@ -1,6 +0,7 @@

// src/Table.tsx
import './style.css';
import { cx } from "classix";
import "./styles/Table.css";
import { jsx } from "react/jsx-runtime";
var Table = ({
import camelCase from "camelcase";
const Table$1 = "";
const Table = ({
auto,

@@ -14,9 +15,3 @@ compact,

}) => {
const classes = cx(
"Table",
auto && "Table--auto",
compact && "Table--compact",
isResourceTable && "Table--resourceTable",
className
);
const classes = cx("Table", auto && "Table--auto", compact && "Table--compact", isResourceTable && "Table--resourceTable", className);
return /* @__PURE__ */ jsx("table", {

@@ -29,10 +24,9 @@ ...props,

};
// src/TableBody.tsx
import { cx as cx2 } from "classix";
import "./styles/Table.css";
import { jsx as jsx2 } from "react/jsx-runtime";
var TableBody = ({ className, children, ...props }) => {
const classes = cx2("Table-body", className);
return /* @__PURE__ */ jsx2("tbody", {
const TableBody = ({
className,
children,
...props
}) => {
const classes = cx("Table-body", className);
return /* @__PURE__ */ jsx("tbody", {
...props,

@@ -43,8 +37,2 @@ className: classes,

};
// src/TableCell.tsx
import { cx as cx3 } from "classix";
import "./styles/Table.css";
// src/types.ts
var TableAlignType = /* @__PURE__ */ ((TableAlignType2) => {

@@ -72,7 +60,4 @@ TableAlignType2["LEFT"] = "left";

})(TableColumnWidths || {});
// src/TableCell.tsx
import { jsx as jsx3 } from "react/jsx-runtime";
var TableCell = ({
align = "left" /* LEFT */,
const TableCell = ({
align = TableAlignType.LEFT,
className,

@@ -82,3 +67,3 @@ children,

}) => {
const classes = cx3("Table-cell", `Table-cell--${align}`, className);
const classes = cx("Table-cell", `Table-cell--${align}`, className);
const restProps = props;

@@ -88,3 +73,3 @@ if ("hasScope" in restProps) {

}
return /* @__PURE__ */ jsx3("td", {
return /* @__PURE__ */ jsx("td", {
...restProps,

@@ -95,10 +80,9 @@ className: classes,

};
// src/TableHead.tsx
import { cx as cx4 } from "classix";
import "./styles/Table.css";
import { jsx as jsx4 } from "react/jsx-runtime";
var TableHead = ({ className, children, ...props }) => {
const classes = cx4("Table-header", className);
return /* @__PURE__ */ jsx4("thead", {
const TableHead = ({
className,
children,
...props
}) => {
const classes = cx("Table-header", className);
return /* @__PURE__ */ jsx("thead", {
...props,

@@ -109,10 +93,4 @@ className: classes,

};
// src/TableHeadCell.tsx
import camelCase from "camelcase";
import { cx as cx5 } from "classix";
import "./styles/Table.css";
import { jsx as jsx5 } from "react/jsx-runtime";
var TableHeadCell = ({
align = "left" /* LEFT */,
const TableHeadCell = ({
align = TableAlignType.LEFT,
"aria-label": ariaLabel,

@@ -127,10 +105,4 @@ className,

const widthClass = defaultColWidth ? `Table-cell--${width}` : "";
const classes = cx5(
"Table-cell",
"Table-cell--head",
`Table-cell--${align}`,
widthClass,
className
);
return /* @__PURE__ */ jsx5("th", {
const classes = cx("Table-cell", "Table-cell--head", `Table-cell--${align}`, widthClass, className);
return /* @__PURE__ */ jsx("th", {
"aria-label": ariaLabel,

@@ -143,11 +115,12 @@ className: classes,

};
// src/TableRow.tsx
import { cx as cx6 } from "classix";
import "./styles/Table.css";
import { jsx as jsx6 } from "react/jsx-runtime";
var TableRow = ({ className, children, testId, verticalAlign, ...props }) => {
const TableRow = ({
className,
children,
testId,
verticalAlign,
...props
}) => {
const verticalAlignClass = verticalAlign ? `Table-row--${verticalAlign}` : "";
const classes = cx6("Table-row", verticalAlignClass, className);
return /* @__PURE__ */ jsx6("tr", {
const classes = cx("Table-row", verticalAlignClass, className);
return /* @__PURE__ */ jsx("tr", {
...props,

@@ -154,0 +127,0 @@ className: classes,

170

dist/index.js

@@ -0,46 +1,11 @@

require('./style.css');
"use strict";
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(
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
mod
));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
// src/index.ts
var src_exports = {};
__export(src_exports, {
Table: () => Table,
TableAlignType: () => TableAlignType,
TableBody: () => TableBody,
TableCell: () => TableCell,
TableColumnWidths: () => TableColumnWidths,
TableHead: () => TableHead,
TableHeadCell: () => TableHeadCell,
TableRow: () => TableRow,
TableVerticalAlignType: () => TableVerticalAlignType
});
module.exports = __toCommonJS(src_exports);
// src/Table.tsx
var import_classix = require("classix");
var import_Table = require("./styles/Table.css");
var import_jsx_runtime = require("react/jsx-runtime");
var Table = ({
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
const classix = require("classix");
const jsxRuntime = require("react/jsx-runtime");
const camelCase = require("camelcase");
const _interopDefaultLegacy = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
const camelCase__default = /* @__PURE__ */ _interopDefaultLegacy(camelCase);
const Table$1 = "";
const Table = ({
auto,

@@ -54,10 +19,4 @@ compact,

}) => {
const classes = (0, import_classix.cx)(
"Table",
auto && "Table--auto",
compact && "Table--compact",
isResourceTable && "Table--resourceTable",
className
);
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("table", {
const classes = classix.cx("Table", auto && "Table--auto", compact && "Table--compact", isResourceTable && "Table--resourceTable", className);
return /* @__PURE__ */ jsxRuntime.jsx("table", {
...props,

@@ -69,10 +28,9 @@ className: classes,

};
// src/TableBody.tsx
var import_classix2 = require("classix");
var import_Table2 = require("./styles/Table.css");
var import_jsx_runtime = require("react/jsx-runtime");
var TableBody = ({ className, children, ...props }) => {
const classes = (0, import_classix2.cx)("Table-body", className);
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", {
const TableBody = ({
className,
children,
...props
}) => {
const classes = classix.cx("Table-body", className);
return /* @__PURE__ */ jsxRuntime.jsx("tbody", {
...props,

@@ -83,8 +41,2 @@ className: classes,

};
// src/TableCell.tsx
var import_classix3 = require("classix");
var import_Table3 = require("./styles/Table.css");
// src/types.ts
var TableAlignType = /* @__PURE__ */ ((TableAlignType2) => {

@@ -112,7 +64,4 @@ TableAlignType2["LEFT"] = "left";

})(TableColumnWidths || {});
// src/TableCell.tsx
var import_jsx_runtime = require("react/jsx-runtime");
var TableCell = ({
align = "left" /* LEFT */,
const TableCell = ({
align = TableAlignType.LEFT,
className,

@@ -122,3 +71,3 @@ children,

}) => {
const classes = (0, import_classix3.cx)("Table-cell", `Table-cell--${align}`, className);
const classes = classix.cx("Table-cell", `Table-cell--${align}`, className);
const restProps = props;

@@ -128,3 +77,3 @@ if ("hasScope" in restProps) {

}
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
return /* @__PURE__ */ jsxRuntime.jsx("td", {
...restProps,

@@ -135,10 +84,9 @@ className: classes,

};
// src/TableHead.tsx
var import_classix4 = require("classix");
var import_Table4 = require("./styles/Table.css");
var import_jsx_runtime = require("react/jsx-runtime");
var TableHead = ({ className, children, ...props }) => {
const classes = (0, import_classix4.cx)("Table-header", className);
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", {
const TableHead = ({
className,
children,
...props
}) => {
const classes = classix.cx("Table-header", className);
return /* @__PURE__ */ jsxRuntime.jsx("thead", {
...props,

@@ -149,10 +97,4 @@ className: classes,

};
// src/TableHeadCell.tsx
var import_camelcase = __toESM(require("camelcase"));
var import_classix5 = require("classix");
var import_Table5 = require("./styles/Table.css");
var import_jsx_runtime = require("react/jsx-runtime");
var TableHeadCell = ({
align = "left" /* LEFT */,
const TableHeadCell = ({
align = TableAlignType.LEFT,
"aria-label": ariaLabel,

@@ -165,12 +107,6 @@ className,

}) => {
const width = (0, import_camelcase.default)(`width-${defaultColWidth}`);
const width = camelCase__default.default(`width-${defaultColWidth}`);
const widthClass = defaultColWidth ? `Table-cell--${width}` : "";
const classes = (0, import_classix5.cx)(
"Table-cell",
"Table-cell--head",
`Table-cell--${align}`,
widthClass,
className
);
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
const classes = classix.cx("Table-cell", "Table-cell--head", `Table-cell--${align}`, widthClass, className);
return /* @__PURE__ */ jsxRuntime.jsx("th", {
"aria-label": ariaLabel,

@@ -183,11 +119,12 @@ className: classes,

};
// src/TableRow.tsx
var import_classix6 = require("classix");
var import_Table6 = require("./styles/Table.css");
var import_jsx_runtime = require("react/jsx-runtime");
var TableRow = ({ className, children, testId, verticalAlign, ...props }) => {
const TableRow = ({
className,
children,
testId,
verticalAlign,
...props
}) => {
const verticalAlignClass = verticalAlign ? `Table-row--${verticalAlign}` : "";
const classes = (0, import_classix6.cx)("Table-row", verticalAlignClass, className);
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", {
const classes = classix.cx("Table-row", verticalAlignClass, className);
return /* @__PURE__ */ jsxRuntime.jsx("tr", {
...props,

@@ -199,14 +136,11 @@ className: classes,

};
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
Table,
TableAlignType,
TableBody,
TableCell,
TableColumnWidths,
TableHead,
TableHeadCell,
TableRow,
TableVerticalAlignType
});
exports.Table = Table;
exports.TableAlignType = TableAlignType;
exports.TableBody = TableBody;
exports.TableCell = TableCell;
exports.TableColumnWidths = TableColumnWidths;
exports.TableHead = TableHead;
exports.TableHeadCell = TableHeadCell;
exports.TableRow = TableRow;
exports.TableVerticalAlignType = TableVerticalAlignType;
//# sourceMappingURL=index.js.map

4

dist/Table.d.ts

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

/// <reference types="react" />
import type { ReactNode } from 'react';
import './styles/Table.css';

@@ -6,3 +6,3 @@ declare type TableProps = {

compact?: boolean;
children: React.ReactNode;
children: ReactNode;
className?: string;

@@ -9,0 +9,0 @@ isResourceTable?: boolean;

4

dist/TableBody.d.ts

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

/// <reference types="react" />
import type { ReactNode } from 'react';
import './styles/Table.css';
declare type TableBodyProps = {
className?: string;
children: React.ReactNode;
children: ReactNode;
};

@@ -7,0 +7,0 @@ declare const TableBody: ({ className, children, ...props }: TableBodyProps) => JSX.Element;

4

dist/TableCell.d.ts

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

/// <reference types="react" />
import type { ReactNode } from 'react';
import './styles/Table.css';

@@ -6,3 +6,3 @@ import { TableAlignType } from './types';

className?: string;
children: React.ReactNode;
children: ReactNode;
align?: TableAlignType;

@@ -9,0 +9,0 @@ colSpan?: number;

4

dist/TableHead.d.ts

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

/// <reference types="react" />
import type { ReactNode } from 'react';
import './styles/Table.css';
declare type TableHeadProps = {
className?: string;
children: React.ReactNode;
children: ReactNode;
};

@@ -7,0 +7,0 @@ declare const TableHead: ({ className, children, ...props }: TableHeadProps) => JSX.Element;

4

dist/TableHeadCell.d.ts

@@ -1,3 +0,3 @@

/// <reference types="react" />
import type { TableColumnWidths } from './types';
import type { ReactNode } from 'react';
import './styles/Table.css';

@@ -9,3 +9,3 @@ import { TableAlignType } from './types';

className?: string;
children?: React.ReactNode;
children?: ReactNode;
defaultColWidth?: TableColumnWidths;

@@ -12,0 +12,0 @@ id?: string;

4

dist/TableRow.d.ts

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

/// <reference types="react" />
import type { TableVerticalAlignType } from './types';
import type { HTMLProps } from 'react';
import './styles/Table.css';
declare type TableRowProps = React.HTMLProps<HTMLTableRowElement> & {
declare type TableRowProps = HTMLProps<HTMLTableRowElement> & {
testId?: string;

@@ -6,0 +6,0 @@ verticalAlign?: TableVerticalAlignType;

6

package.json
{
"name": "@launchpad-ui/table",
"version": "0.2.1",
"version": "0.3.0",
"status": "beta",

@@ -25,3 +25,3 @@ "publishConfig": {

"./package.json": "./package.json",
"./styles/*": "./dist/styles/*"
"./style.css": "./dist/style.css"
},

@@ -43,3 +43,3 @@ "source": "src/index.ts",

"scripts": {
"build": "tsc --project tsconfig.build.json && node ../../scripts/build.js",
"build": "vite build -c ../../vite.config.ts && tsc --project tsconfig.build.json",
"clean": "rm -rf dist",

@@ -46,0 +46,0 @@ "e2e": "playwright test --config=../../playwright.config.ct.ts",

dist/styles/Table.css
dist/styles/Table.css.map
dist/index.es.js.map

Sorry, the diff of this file is not supported yet

dist/index.js.map

Sorry, the diff of this file is not supported yet

dist/Table.d.ts.map

Sorry, the diff of this file is not supported yet

dist/TableBody.d.ts.map

Sorry, the diff of this file is not supported yet

dist/TableCell.d.ts.map

Sorry, the diff of this file is not supported yet

dist/TableHead.d.ts.map

Sorry, the diff of this file is not supported yet

dist/TableHeadCell.d.ts.map

Sorry, the diff of this file is not supported yet

dist/TableRow.d.ts.map

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