@odx/websites-react 1.0.68 → 1.0.69
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/actions/tooltip/Tooltip.js +1 -1
- package/dist/components/actions/tooltip/Tooltip.js.map +1 -1
- package/dist/components/index.d.ts +1 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/index.js.map +1 -1
- package/dist/components/layout/pagination/Pagination.js +1 -1
- package/dist/components/layout/pagination/Pagination.js.map +1 -1
- package/dist/components/layout/table/Table.d.ts +44 -0
- package/dist/components/layout/table/Table.d.ts.map +1 -0
- package/dist/components/layout/table/Table.js +167 -0
- package/dist/components/layout/table/Table.js.map +1 -0
- package/dist/components/layout/table/index.d.ts +2 -0
- package/dist/components/layout/table/index.d.ts.map +1 -0
- package/dist/components/layout/table/index.js +2 -0
- package/dist/components/layout/table/index.js.map +1 -0
- package/package.json +1 -1
- package/dist/components/layout/dataTable/DataTable.d.ts +0 -21
- package/dist/components/layout/dataTable/DataTable.d.ts.map +0 -1
- package/dist/components/layout/dataTable/DataTable.js +0 -13
- package/dist/components/layout/dataTable/DataTable.js.map +0 -1
- package/dist/components/layout/dataTable/index.d.ts +0 -2
- package/dist/components/layout/dataTable/index.d.ts.map +0 -1
- package/dist/components/layout/dataTable/index.js +0 -2
- package/dist/components/layout/dataTable/index.js.map +0 -1
|
@@ -43,7 +43,7 @@ const Tooltip = ({ initialOpenedState = false, placement = 'top', className, tri
|
|
|
43
43
|
dismiss,
|
|
44
44
|
role,
|
|
45
45
|
]);
|
|
46
|
-
return (_jsxs(_Fragment, { children: [_jsx(Button, {
|
|
46
|
+
return (_jsxs(_Fragment, { children: [_jsx(Button, { variant: 'ghost', size: 'md', inheritColor: true, iconLeft: _jsx(Icon, { size: "md", name: "core::info", center: "vertical" }), ref: refs.setReference, ...getReferenceProps(), ...triggerButtonProps }), _jsx(FloatingPortal, { children: isMounted && (_jsxs("div", { ref: refs.setFloating, className: cn('p-3 rounded-sm bg-draeger-warm-gray-750 w-[20.5rem]', getContentSidePadding(context.placement), className), style: {
|
|
47
47
|
...floatingStyles,
|
|
48
48
|
...styles,
|
|
49
49
|
}, ...getFloatingProps(), children: [_jsx(FloatingArrow, { className: "fill-draeger-warm-gray-750", ref: arrowRef, context: context, width: 16, height: 8 }), _jsxs("div", { className: "flex flex-col gap-y-0.5 font-text", children: [_jsx("p", { className: cn(contentTextClasses, 'font-semibold'), children: title }), _jsx("p", { className: contentTextClasses, children: text })] })] })) })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/actions/tooltip/Tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,IAAI,EACJ,MAAM,EACN,KAAK,EACL,KAAK,EACL,UAAU,EACV,WAAW,EACX,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,OAAO,EACP,eAAe,EACf,mBAAmB,EACnB,cAAc,EACd,aAAa,GAGd,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,MAAM,OAAO,CAAC;AAWnC,MAAM,gBAAgB,GAAG;IACvB,GAAG,EAAE,MAAM;IACX,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,IAAI,EAAE,MAAM;CACW,CAAC;AAE1B,MAAM,qBAAqB,GAAG,CAAC,SAAoB,EAAE,EAAE;IACrD,MAAM,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACpC,OAAO,gBAAgB,CAAC,IAAY,CAAC,CAAC;AACxC,CAAC,CAAC;AAEF,MAAM,kBAAkB,GACtB,qFAAqF,CAAC;AAExF,MAAM,OAAO,GAA2B,CAAC,EACvC,kBAAkB,GAAG,KAAK,EAC1B,SAAS,GAAG,KAAK,EACjB,SAAS,EACT,kBAAkB,EAClB,KAAK,EACL,IAAI,GACL,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IAC/D,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAgB,IAAI,CAAC,CAAC;IAEnD,MAAM,EAAC,IAAI,EAAE,cAAc,EAAE,OAAO,EAAC,GAAG,WAAW,CAAC;QAClD,IAAI,EAAE,MAAM;QACZ,SAAS;QACT,YAAY,EAAE,SAAS;QACvB,oBAAoB,EAAE,UAAU;QAChC,UAAU,EAAE;YACV,MAAM,CAAC;gBACL,aAAa,EAAE,SAAS,IAAI,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;gBAClE,QAAQ,EAAE,EAAE;aACb,CAAC;YACF,IAAI,EAAE;YACN,KAAK,EAAE;YACP,KAAK,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAC,CAAC;SAC3B;KACF,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,EAAC,CAAC,CAAC;IAC3E,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAChC,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,SAAS,EAAC,CAAC,CAAC;IACjD,MAAM,EAAC,SAAS,EAAE,MAAM,EAAC,GAAG,mBAAmB,CAAC,OAAO,CAAC,CAAC;IACzD,MAAM,EAAC,iBAAiB,EAAE,gBAAgB,EAAC,GAAG,eAAe,CAAC;QAC5D,KAAK;QACL,KAAK;QACL,OAAO;QACP,IAAI;KACL,CAAC,CAAC;IAEH,OAAO,CACL,8BACE,KAAC,MAAM,IACL,
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/actions/tooltip/Tooltip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -51,7 +51,7 @@ export * from './layout/sectionWrapper';
|
|
|
51
51
|
export * from './layout/structuredList';
|
|
52
52
|
export * from './layout/modal';
|
|
53
53
|
export * from './layout/card';
|
|
54
|
-
export * from './layout/
|
|
54
|
+
export * from './layout/table';
|
|
55
55
|
export * from './layout/text';
|
|
56
56
|
export * from './layout/list';
|
|
57
57
|
export * from './layout/iFrame';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,gBAAgB,CAAC;AAE/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC;AAEtC;;GAEG;AACH,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AAErC;;GAEG;AACH,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AAEpC;;GAEG;AACH,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,gBAAgB,CAAC;AAE/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC;AAEtC;;GAEG;AACH,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AAErC;;GAEG;AACH,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AAEpC;;GAEG;AACH,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAE9B;;GAEG;AACH,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AAEtC;;GAEG;AACH,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAE5C;;GAEG;AACH,cAAc,mBAAmB,CAAC"}
|
package/dist/components/index.js
CHANGED
|
@@ -51,7 +51,7 @@ export * from './layout/sectionWrapper';
|
|
|
51
51
|
export * from './layout/structuredList';
|
|
52
52
|
export * from './layout/modal';
|
|
53
53
|
export * from './layout/card';
|
|
54
|
-
export * from './layout/
|
|
54
|
+
export * from './layout/table';
|
|
55
55
|
export * from './layout/text';
|
|
56
56
|
export * from './layout/list';
|
|
57
57
|
export * from './layout/iFrame';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,gBAAgB,CAAC;AAE/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC;AAEtC;;GAEG;AACH,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AAErC;;GAEG;AACH,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AAEpC;;GAEG;AACH,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,gBAAgB,CAAC;AAE/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC;AAEtC;;GAEG;AACH,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AAErC;;GAEG;AACH,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AAEpC;;GAEG;AACH,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAE9B;;GAEG;AACH,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AAEtC;;GAEG;AACH,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAE5C;;GAEG;AACH,cAAc,mBAAmB,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { cn } from '../../../utils';
|
|
3
3
|
import { Icon } from '../../images-icons/icon';
|
|
4
|
-
const buttonClasses = 'p-1.5 flex justify-center align-middle';
|
|
4
|
+
const buttonClasses = 'border p-1.5 flex justify-center align-middle';
|
|
5
5
|
// TODO according to figma design: "The clickable pagination elements are based on buttons" and "The number buttons have a fixed width and no corner radius"
|
|
6
6
|
const PaginationButton = ({ disabled, iconProps, className, ...props }) => (_jsx("button", { disabled: disabled, className: cn(buttonClasses, className, disabled
|
|
7
7
|
? 'invisible'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../../src/components/layout/pagination/Pagination.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,IAAI,EAAY,MAAM,yBAAyB,CAAC;AAExD,MAAM,aAAa,GAAG,
|
|
1
|
+
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../../src/components/layout/pagination/Pagination.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,IAAI,EAAY,MAAM,yBAAyB,CAAC;AAExD,MAAM,aAAa,GAAG,+CAA+C,CAAC;AAQtE,4JAA4J;AAC5J,MAAM,gBAAgB,GAAoC,CAAC,EACzD,QAAQ,EACR,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,iBACE,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CACX,aAAa,EACb,SAAS,EACT,QAAQ;QACN,CAAC,CAAC,WAAW;QACb,CAAC,CAAC,wHAAwH,CAC7H,KACG,KAAK,YAET,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,UAAU,KAAK,SAAS,GAAI,GAC5C,CACV,CAAC;AAOF,MAAM,gBAAgB,GAAoC,CAAC,EACzD,QAAQ,EACR,SAAS,EACT,MAAM,EACN,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,iBACE,SAAS,EAAE,EAAE,CACX,6EAA6E,EAC7E,MAAM;QACJ,CAAC,CAAC,oDAAoD;QACtD,CAAC,CAAC,+BAA+B,EACnC,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACF,CACV,CAAC;AAEF,MAAM,cAAc,GAAa,GAAG,EAAE,CAAC,CACrC,cAAK,SAAS,EAAC,gEAAgE,oBAEzE,CACP,CAAC;AASF,MAAM,UAAU,GAA8B,CAAC,EAC7C,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,IAAI,KAAK,KAAK,CAAC;QAAE,OAAO;IACxB,MAAM,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,EAAC,MAAM,EAAE,KAAK,EAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/D,KAAC,gBAAgB,IAEf,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC,EAClC,MAAM,EAAE,KAAK,GAAG,CAAC,KAAK,IAAI,YAEzB,KAAK,GAAG,CAAC,IAJL,KAAK,CAKO,CACpB,CAAC,CAAC;IACH,IAAI,KAAK,CAAC;IACV,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;QACd,KAAK,GAAG,cAAc,CAAC;IACzB,CAAC;SAAM,IAAI,IAAI,GAAG,CAAC,EAAE,CAAC;QACpB,KAAK,GAAG;YACN,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;YAC7B,KAAC,cAAc,MAAK,QAAQ,CAAG;YAC/B,cAAc,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC;SAC1C,CAAC;IACJ,CAAC;SAAM,IAAI,KAAK,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;QAChC,KAAK,GAAG;YACN,cAAc,CAAC,CAAC,CAAC;YACjB,KAAC,cAAc,MAAK,QAAQ,CAAG;YAC/B,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;SAC5B,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,KAAK,GAAG;YACN,cAAc,CAAC,CAAC,CAAC;YACjB,KAAC,cAAc,MAAK,QAAQ,CAAG;YAC/B,GAAG,cAAc,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,EAAE,IAAI,GAAG,CAAC,CAAC;YAC3C,KAAC,cAAc,MAAK,QAAQ,CAAG;YAC/B,cAAc,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC;SAC1C,CAAC;IACJ,CAAC;IACD,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,KAAM,KAAK,aACpE,KAAC,gBAAgB,IACf,QAAQ,EAAE,IAAI,KAAK,CAAC,EACpB,SAAS,EAAE,EAAC,IAAI,EAAE,oBAAoB,EAAC,EACvC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,GAAG,CAAC,CAAC,EACjC,SAAS,EAAC,cAAc,gBACb,eAAe,GAC1B,EACD,KAAK,EACN,KAAC,gBAAgB,IACf,QAAQ,EAAE,IAAI,KAAK,KAAK,EACxB,SAAS,EAAE,EAAC,IAAI,EAAE,qBAAqB,EAAC,EACxC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,GAAG,CAAC,CAAC,EACjC,SAAS,EAAC,cAAc,gBACb,WAAW,GACtB,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,UAAU,EAAC,CAAC"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { VariantProps } from 'class-variance-authority';
|
|
3
|
+
type TableResponsiveType = 'scroll' | 'shrink' | 'row-stack' | 'group-stack';
|
|
4
|
+
declare const tableCellVariants: (props?: ({
|
|
5
|
+
horizontalAlignment?: "align-left" | "align-center" | "align-right" | null | undefined;
|
|
6
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
7
|
+
export interface TableHeaderCellProps extends React.HTMLAttributes<HTMLTableCellElement>, VariantProps<typeof tableCellVariants> {
|
|
8
|
+
sortable?: boolean;
|
|
9
|
+
onSortClick?: () => void;
|
|
10
|
+
sortedState?: 'asc' | 'desc';
|
|
11
|
+
orientation?: 'row' | 'col';
|
|
12
|
+
withBorder?: boolean;
|
|
13
|
+
minWidth?: number;
|
|
14
|
+
}
|
|
15
|
+
declare const TableHeaderCell: React.FC<TableHeaderCellProps>;
|
|
16
|
+
export interface TableCellProps extends React.HTMLAttributes<HTMLTableCellElement>, VariantProps<typeof tableCellVariants> {
|
|
17
|
+
highlight?: boolean;
|
|
18
|
+
withBorder?: boolean;
|
|
19
|
+
minWidth?: number;
|
|
20
|
+
header?: React.ReactNode;
|
|
21
|
+
}
|
|
22
|
+
declare const TableCell: React.FC<TableCellProps>;
|
|
23
|
+
export interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {
|
|
24
|
+
}
|
|
25
|
+
declare const TableBody: React.FC<TableBodyProps>;
|
|
26
|
+
export interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
|
|
27
|
+
}
|
|
28
|
+
declare const TableRow: React.FC<TableRowProps>;
|
|
29
|
+
export interface TableHeadProps extends React.HTMLAttributes<HTMLTableSectionElement> {
|
|
30
|
+
}
|
|
31
|
+
declare const TableHead: React.FC<TableHeadProps>;
|
|
32
|
+
export interface TableHeaderRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
|
|
33
|
+
}
|
|
34
|
+
declare const TableHeaderRow: React.FC<TableHeaderRowProps>;
|
|
35
|
+
export interface TablePaginationWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
36
|
+
}
|
|
37
|
+
declare const TablePaginationWrapper: React.FC<TablePaginationWrapperProps>;
|
|
38
|
+
export interface TableProps extends React.HTMLAttributes<HTMLElement> {
|
|
39
|
+
striped?: boolean;
|
|
40
|
+
responsiveType?: TableResponsiveType;
|
|
41
|
+
}
|
|
42
|
+
declare const Table: React.FC<TableProps>;
|
|
43
|
+
export { Table, TableHead, TableHeaderRow, TableRow, TableHeaderCell, TableCell, TableBody, TablePaginationWrapper, };
|
|
44
|
+
//# sourceMappingURL=Table.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/table/Table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAM,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAI3D,KAAK,mBAAmB,GAAG,QAAQ,GAAG,QAAQ,GAAG,WAAW,GAAG,aAAa,CAAC;AAS7E,QAAA,MAAM,iBAAiB;;mFASrB,CAAC;AAEH,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAChD,YAAY,CAAC,OAAO,iBAAiB,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC7B,WAAW,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAsInD,CAAC;AAEF,MAAM,WAAW,cACf,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAChD,YAAY,CAAC,OAAO,iBAAiB,CAAC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA+FvC,CAAC;AAEF,MAAM,WAAW,cACf,SAAQ,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;CAAG;AAE1D,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAiCvC,CAAC;AAEF,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC;CAAG;AAEtD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA6CrC,CAAC;AAEF,MAAM,WAAW,cACf,SAAQ,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;CAAG;AAE1D,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqBvC,CAAC;AAEF,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC;CAAG;AAEtD,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAwBjD,CAAC;AAEF,MAAM,WAAW,2BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAEP,CAAC;AAE5D,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACnE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,mBAAmB,CAAC;CACtC;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAqE/B,CAAC;AAEF,OAAO,EACL,KAAK,EACL,SAAS,EACT,cAAc,EACd,QAAQ,EACR,eAAe,EACf,SAAS,EACT,SAAS,EACT,sBAAsB,GACvB,CAAC"}
|
|
@@ -0,0 +1,167 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { cn } from '../../../utils';
|
|
5
|
+
import { BodyText } from '../../typography/bodyText';
|
|
6
|
+
import { cva } from 'class-variance-authority';
|
|
7
|
+
import { Icon } from '../../images-icons/icon';
|
|
8
|
+
import { Button } from '../../actions/button';
|
|
9
|
+
const TableResponsiveTypeContext = React.createContext('scroll');
|
|
10
|
+
const useTableResponsiveTypeContext = () => React.useContext(TableResponsiveTypeContext);
|
|
11
|
+
const cellBaseClasses = 'h-full flex items-center gap-2 py-2 px-3';
|
|
12
|
+
const tableCellVariants = cva(cellBaseClasses, {
|
|
13
|
+
variants: {
|
|
14
|
+
horizontalAlignment: {
|
|
15
|
+
'align-left': 'justify-start',
|
|
16
|
+
'align-center': 'justify-center',
|
|
17
|
+
'align-right': 'justify-end',
|
|
18
|
+
},
|
|
19
|
+
},
|
|
20
|
+
defaultVariants: {},
|
|
21
|
+
});
|
|
22
|
+
const TableHeaderCell = ({ children, className, sortable = false, sortedState, onSortClick, orientation = 'row', withBorder = true, horizontalAlignment, minWidth, ...props }) => {
|
|
23
|
+
const commonClasses = cn('transition-all duration-75', className);
|
|
24
|
+
const sortableButton = sortable && (_jsx(Button, { variant: 'ghost', iconButtonStyle: "brand", onClick: onSortClick, "aria-label": "Sort", size: 'md', iconLeft: _jsx(Icon, { size: "md", color: 'default', name: sortedState
|
|
25
|
+
? sortedState === 'asc'
|
|
26
|
+
? 'core::sort-down'
|
|
27
|
+
: 'core::sort-up'
|
|
28
|
+
: 'core::sortable', onClick: onSortClick }) }));
|
|
29
|
+
const widthStyle = minWidth
|
|
30
|
+
? {
|
|
31
|
+
minWidth: `${minWidth}px`,
|
|
32
|
+
}
|
|
33
|
+
: {};
|
|
34
|
+
let tableHeaderCellElement;
|
|
35
|
+
const responsiveType = useTableResponsiveTypeContext();
|
|
36
|
+
switch (responsiveType) {
|
|
37
|
+
case 'group-stack':
|
|
38
|
+
tableHeaderCellElement = (_jsx("div", { ...props, style: widthStyle, role: "columnheader", className: cn(withBorder &&
|
|
39
|
+
orientation === 'col' &&
|
|
40
|
+
'border-b border-b-draeger-cool-gray-100', 'basis-full lg:table-cell bg-surface-hover lg:bg-transparent'), children: _jsx("div", { className: cn(tableCellVariants({ horizontalAlignment }), commonClasses, 'max-w-full break-words flex-wrap lg:justify-normal', orientation === 'col'
|
|
41
|
+
? 'lg:border-r border-r-surface-brand'
|
|
42
|
+
: 'lg:border-b border-b-surface-brand'), children: children }) }));
|
|
43
|
+
break;
|
|
44
|
+
case 'scroll':
|
|
45
|
+
case 'shrink':
|
|
46
|
+
tableHeaderCellElement = (_jsx("th", { ...props, className: cn(commonClasses), style: widthStyle, children: _jsxs("div", { className: cn(tableCellVariants({ horizontalAlignment }), orientation === 'col'
|
|
47
|
+
? 'border-r border-r-surface-brand'
|
|
48
|
+
: 'border-b border-b-surface-brand', withBorder &&
|
|
49
|
+
orientation === 'col' &&
|
|
50
|
+
'border-b border-b-draeger-cool-gray-100'), children: [children, sortableButton] }) }));
|
|
51
|
+
break;
|
|
52
|
+
case 'row-stack':
|
|
53
|
+
tableHeaderCellElement = (_jsx("div", { ...props, style: widthStyle, role: "columnheader", className: cn(withBorder &&
|
|
54
|
+
orientation === 'col' &&
|
|
55
|
+
'hidden lg:border-b border-b-draeger-cool-gray-100', 'flex-1 lg:table-cell'), children: _jsxs("div", { className: cn(tableCellVariants({ horizontalAlignment }), commonClasses, orientation === 'col'
|
|
56
|
+
? 'lg:border-r border-r-surface-brand'
|
|
57
|
+
: 'lg:border-b border-b-surface-brand'), children: [children, sortableButton] }) }));
|
|
58
|
+
break;
|
|
59
|
+
default:
|
|
60
|
+
break;
|
|
61
|
+
}
|
|
62
|
+
return (_jsx(BodyText, { asChild: true, variant: 'small', weight: "bold", children: tableHeaderCellElement }));
|
|
63
|
+
};
|
|
64
|
+
const TableCell = ({ children, className, withBorder = true, highlight = false, minWidth, header, horizontalAlignment, ...props }) => {
|
|
65
|
+
const commonClasses = cn('transition-all duration-75', highlight &&
|
|
66
|
+
'bg-draeger-cool-gray-150 border-transparent border-draeger-white', className);
|
|
67
|
+
const widthStyle = minWidth
|
|
68
|
+
? {
|
|
69
|
+
minWidth: `${minWidth}px`,
|
|
70
|
+
}
|
|
71
|
+
: {};
|
|
72
|
+
let tableCellElement;
|
|
73
|
+
const responsiveType = useTableResponsiveTypeContext();
|
|
74
|
+
switch (responsiveType) {
|
|
75
|
+
case 'group-stack':
|
|
76
|
+
tableCellElement = (_jsx("div", { ...props, role: "cell", className: cn(commonClasses, 'flex items-center h-full align-middle grow lg:table-cell min-h-14'), style: widthStyle, children: _jsx("div", { className: cn(tableCellVariants({ horizontalAlignment }), withBorder && 'lg:border-b border-draeger-cool-gray-100'), children: children }) }));
|
|
77
|
+
break;
|
|
78
|
+
case 'scroll':
|
|
79
|
+
case 'shrink':
|
|
80
|
+
tableCellElement = (_jsx("td", { ...props, className: cn(commonClasses), style: widthStyle, children: _jsx("div", { className: cn(tableCellVariants({ horizontalAlignment }), withBorder && 'border-b border-draeger-cool-gray-100'), children: children }) }));
|
|
81
|
+
break;
|
|
82
|
+
case 'row-stack':
|
|
83
|
+
tableCellElement = (_jsx("div", { ...props, role: "cell", className: cn(commonClasses, 'flex items-center h-full align-middle min-w-[unset] lg:table-cell min-h-14'), style: widthStyle, children: _jsxs("div", { className: cn(tableCellVariants({ horizontalAlignment }), withBorder && 'lg:border-b border-draeger-cool-gray-100'), children: [_jsx("div", { className: "font-semibold lg:hidden", children: header }), _jsx("div", { children: children })] }) }));
|
|
84
|
+
break;
|
|
85
|
+
default:
|
|
86
|
+
break;
|
|
87
|
+
}
|
|
88
|
+
return (_jsx(BodyText, { asChild: true, variant: 'small', children: tableCellElement }));
|
|
89
|
+
};
|
|
90
|
+
const TableBody = ({ children, className, ...props }) => {
|
|
91
|
+
const responsiveType = useTableResponsiveTypeContext();
|
|
92
|
+
switch (responsiveType) {
|
|
93
|
+
case 'group-stack':
|
|
94
|
+
return (_jsx("div", { ...props, className: cn('table-row-group', className), role: "rowgroup", children: children }));
|
|
95
|
+
case 'scroll':
|
|
96
|
+
case 'shrink':
|
|
97
|
+
return _jsx("tbody", { ...props, children: children });
|
|
98
|
+
case 'row-stack':
|
|
99
|
+
return (_jsx("div", { ...props, className: cn('table-row-group', className), role: "rowgroup", children: children }));
|
|
100
|
+
default:
|
|
101
|
+
break;
|
|
102
|
+
}
|
|
103
|
+
};
|
|
104
|
+
const TableRow = ({ children, className, ...props }) => {
|
|
105
|
+
const responsiveType = useTableResponsiveTypeContext();
|
|
106
|
+
switch (responsiveType) {
|
|
107
|
+
case 'group-stack':
|
|
108
|
+
return (_jsx("div", { ...props, role: "row", className: cn(className, 'flex flex-wrap border-b lg:h-14 border-draeger-cool-gray-100 lg:border-0 lg:table-row lg:hover:bg-field-hover'), children: children }));
|
|
109
|
+
case 'scroll':
|
|
110
|
+
case 'shrink':
|
|
111
|
+
return (_jsx("tr", { ...props, className: cn(className, 'h-14 bg-surface-primary hover:bg-field-hover'), children: children }));
|
|
112
|
+
case 'row-stack':
|
|
113
|
+
return (_jsx("div", { ...props, role: "row", className: cn(className, 'border-b lg:h-14 border-draeger-cool-gray-100 lg:border-0 lg:table-row lg:hover:bg-field-hover'), children: children }));
|
|
114
|
+
default:
|
|
115
|
+
break;
|
|
116
|
+
}
|
|
117
|
+
};
|
|
118
|
+
const TableHead = ({ children, ...props }) => {
|
|
119
|
+
const responsiveType = useTableResponsiveTypeContext();
|
|
120
|
+
switch (responsiveType) {
|
|
121
|
+
case 'group-stack':
|
|
122
|
+
return (_jsx("div", { ...props, role: "rowgroup", className: "table-header-group", children: children }));
|
|
123
|
+
case 'scroll':
|
|
124
|
+
case 'shrink':
|
|
125
|
+
return _jsx("thead", { ...props, children: children });
|
|
126
|
+
case 'row-stack':
|
|
127
|
+
return (_jsx("div", { ...props, role: "rowgroup", className: "table-header-group", children: children }));
|
|
128
|
+
default:
|
|
129
|
+
break;
|
|
130
|
+
}
|
|
131
|
+
};
|
|
132
|
+
const TableHeaderRow = ({ children, ...props }) => {
|
|
133
|
+
const responsiveType = useTableResponsiveTypeContext();
|
|
134
|
+
switch (responsiveType) {
|
|
135
|
+
case 'group-stack':
|
|
136
|
+
return (_jsx(TableRow, { ...props, className: "hidden", children: children }));
|
|
137
|
+
case 'scroll':
|
|
138
|
+
case 'shrink':
|
|
139
|
+
return _jsx("tr", { ...props, children: children });
|
|
140
|
+
case 'row-stack':
|
|
141
|
+
return (_jsx(TableRow, { ...props, className: "hidden", children: children }));
|
|
142
|
+
default:
|
|
143
|
+
break;
|
|
144
|
+
}
|
|
145
|
+
};
|
|
146
|
+
const TablePaginationWrapper = ({ ...props }) => _jsx("div", { className: 'flex justify-end p-4', ...props });
|
|
147
|
+
const Table = ({ children, className, striped, responsiveType = 'scroll', ...props }) => {
|
|
148
|
+
const commonClasses = 'w-full h-px font-text text-text-primary';
|
|
149
|
+
let tableElement;
|
|
150
|
+
switch (responsiveType) {
|
|
151
|
+
case 'group-stack':
|
|
152
|
+
tableElement = (_jsx("div", { role: "table", className: cn(className, commonClasses, striped && 'even:[&_li[role=row]]:bg-surface-hover', 'table table-fixed'), ...props, children: children }));
|
|
153
|
+
break;
|
|
154
|
+
case 'scroll':
|
|
155
|
+
case 'shrink':
|
|
156
|
+
tableElement = (_jsx("table", { border: 0, cellSpacing: 0, cellPadding: 0, className: cn(className, commonClasses, striped && 'even:[&_tr]:bg-surface-hover'), ...props, children: children }));
|
|
157
|
+
break;
|
|
158
|
+
case 'row-stack':
|
|
159
|
+
tableElement = (_jsx("div", { role: "table", className: cn(className, commonClasses, striped && 'even:[&_li[role=row]]:bg-surface-hover', 'table'), ...props, children: children }));
|
|
160
|
+
break;
|
|
161
|
+
default:
|
|
162
|
+
break;
|
|
163
|
+
}
|
|
164
|
+
return (_jsx(TableResponsiveTypeContext.Provider, { value: responsiveType, children: _jsx("div", { className: "overflow-x-auto", children: tableElement }) }));
|
|
165
|
+
};
|
|
166
|
+
export { Table, TableHead, TableHeaderRow, TableRow, TableHeaderCell, TableCell, TableBody, TablePaginationWrapper, };
|
|
167
|
+
//# sourceMappingURL=Table.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/layout/table/Table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/table/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/table/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { CheckboxProps } from '../../actions/checkbox';
|
|
3
|
-
export interface DataTableCellProps extends React.HTMLAttributes<HTMLTableCellElement> {
|
|
4
|
-
children: React.ReactNode[] | React.ReactNode;
|
|
5
|
-
}
|
|
6
|
-
declare const DataTableCell: React.FC<DataTableCellProps>;
|
|
7
|
-
export interface DataTableCheckBoxProps extends Omit<CheckboxProps, 'invalid' | 'children'> {
|
|
8
|
-
}
|
|
9
|
-
declare const DataTableCheckbox: React.FC<DataTableCheckBoxProps>;
|
|
10
|
-
export interface DataTableHeaderCellProps extends React.HTMLAttributes<HTMLTableCellElement> {
|
|
11
|
-
children?: React.ReactNode[] | React.ReactNode;
|
|
12
|
-
}
|
|
13
|
-
declare const DataTableHeaderCell: React.FC<DataTableHeaderCellProps>;
|
|
14
|
-
export interface DataTableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
|
|
15
|
-
}
|
|
16
|
-
declare const DataTableRow: React.FC<DataTableRowProps>;
|
|
17
|
-
export interface DataTableProps extends React.HTMLAttributes<HTMLTableElement> {
|
|
18
|
-
}
|
|
19
|
-
declare const DataTable: React.FC<DataTableProps>;
|
|
20
|
-
export { DataTable, DataTableRow, DataTableHeaderCell, DataTableCell, DataTableCheckbox, };
|
|
21
|
-
//# sourceMappingURL=DataTable.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/dataTable/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAW,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAE/D,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IAClD,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;CAC/C;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAS/C,CAAC;AAEF,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,aAAa,EAAE,SAAS,GAAG,UAAU,CAAC;CAAG;AAExD,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAEvD,CAAC;AAEF,MAAM,WAAW,wBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;CAChD;AAED,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAY3D,CAAC;AAEF,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC;CAAG;AAEtD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAE7C,CAAC;AAEF,MAAM,WAAW,cACf,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;CAAG;AAEnD,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAYvC,CAAC;AAEF,OAAO,EACL,SAAS,EACT,YAAY,EACZ,mBAAmB,EACnB,aAAa,EACb,iBAAiB,GAClB,CAAC"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { cn } from '../../../utils';
|
|
3
|
-
import { BodyText } from '../../typography/bodyText';
|
|
4
|
-
import { Checkbox } from '../../actions/checkbox';
|
|
5
|
-
const DataTableCell = ({ children, className }) => (_jsx("td", { className: cn('py-1.5 px-4 first:pl-7 border-b border-draeger-cool-gray-100 h-element-height-lg', className), children: _jsx(BodyText, { variant: "small", children: children }) }));
|
|
6
|
-
const DataTableCheckbox = ({ ...props }) => (_jsx(Checkbox, { ...props }));
|
|
7
|
-
const DataTableHeaderCell = ({ children, className, }) => (_jsx("th", { className: cn('font-semibold bg-draeger-cool-gray-100 py-3 px-4 first:pl-7 text-left break-words font-text text-lg leading-[1.53rem] h-element-height-lg', className), children: children }));
|
|
8
|
-
const DataTableRow = ({ children, className }) => (_jsx("tr", { className: cn('hover:bg-draeger-cool-gray-50', className), children: children }));
|
|
9
|
-
const DataTable = ({ children, className, ...props }) => {
|
|
10
|
-
return (_jsx("div", { className: cn('overflow-x-auto font-text text-text-primary', className), children: _jsx("table", { ...props, children: children }) }));
|
|
11
|
-
};
|
|
12
|
-
export { DataTable, DataTableRow, DataTableHeaderCell, DataTableCell, DataTableCheckbox, };
|
|
13
|
-
//# sourceMappingURL=DataTable.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable.js","sourceRoot":"","sources":["../../../../src/components/layout/dataTable/DataTable.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAC,QAAQ,EAAgB,MAAM,wBAAwB,CAAC;AAO/D,MAAM,aAAa,GAAiC,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAC,EAAE,EAAE,CAAC,CAC7E,aACE,SAAS,EAAE,EAAE,CACX,kFAAkF,EAClF,SAAS,CACV,YAED,KAAC,QAAQ,IAAC,OAAO,EAAC,OAAO,YAAE,QAAQ,GAAY,GAC5C,CACN,CAAC;AAKF,MAAM,iBAAiB,GAAqC,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,EAAE,CAAC,CAC1E,KAAC,QAAQ,OAAK,KAAK,GAAI,CACxB,CAAC;AAOF,MAAM,mBAAmB,GAAuC,CAAC,EAC/D,QAAQ,EACR,SAAS,GACV,EAAE,EAAE,CAAC,CACJ,aACE,SAAS,EAAE,EAAE,CACX,2IAA2I,EAC3I,SAAS,CACV,YAEA,QAAQ,GACN,CACN,CAAC;AAKF,MAAM,YAAY,GAAgC,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAC,EAAE,EAAE,CAAC,CAC3E,aAAI,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAM,CAC/E,CAAC;AAKF,MAAM,SAAS,GAA6B,CAAC,EAC3C,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,6CAA6C,EAAE,SAAS,CAAC,YAEvE,mBAAW,KAAK,YAAG,QAAQ,GAAS,GAChC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EACL,SAAS,EACT,YAAY,EACZ,mBAAmB,EACnB,aAAa,EACb,iBAAiB,GAClB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/dataTable/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/dataTable/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
|