@aivenio/aquarium 1.36.1 → 1.38.0

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.
Files changed (55) hide show
  1. package/dist/_variables.scss +1 -1
  2. package/dist/_variables_timescale.scss +1 -1
  3. package/dist/atoms.cjs +90 -8
  4. package/dist/atoms.mjs +90 -8
  5. package/dist/src/atoms/Banner/Banner.js +2 -2
  6. package/dist/src/atoms/Section/Section.js +3 -3
  7. package/dist/src/atoms/Switch/Switch.js +8 -6
  8. package/dist/src/atoms/Typography/Typography.js +1 -1
  9. package/dist/src/icons/ban.d.ts +9 -0
  10. package/dist/src/icons/ban.js +11 -0
  11. package/dist/src/icons/index.d.ts +1 -0
  12. package/dist/src/icons/index.js +2 -1
  13. package/dist/src/molecules/Checkbox/Checkbox.d.ts +2 -0
  14. package/dist/src/molecules/Checkbox/Checkbox.js +3 -3
  15. package/dist/src/molecules/Chip/Chip.js +2 -2
  16. package/dist/src/molecules/Combobox/Combobox.d.ts +10 -3
  17. package/dist/src/molecules/Combobox/Combobox.js +5 -5
  18. package/dist/src/molecules/ControlLabel/ControlLabel.d.ts +1 -1
  19. package/dist/src/molecules/ControlLabel/ControlLabel.js +11 -7
  20. package/dist/src/molecules/DataList/DataList.d.ts +3 -8
  21. package/dist/src/molecules/DataList/DataList.js +16 -32
  22. package/dist/src/molecules/DataTable/DataTable.d.ts +3 -8
  23. package/dist/src/molecules/DataTable/DataTable.js +24 -29
  24. package/dist/src/molecules/Dialog/Dialog.js +6 -4
  25. package/dist/src/molecules/EmptyState/EmptyState.js +5 -11
  26. package/dist/src/molecules/Grid/Grid.d.ts +25 -2
  27. package/dist/src/molecules/Grid/Grid.js +43 -2
  28. package/dist/src/molecules/Grid/GridItem.d.ts +3 -0
  29. package/dist/src/molecules/Grid/GridItem.js +4 -1
  30. package/dist/src/molecules/Input/Input.js +2 -1
  31. package/dist/src/molecules/List/List.d.ts +11 -1
  32. package/dist/src/molecules/List/List.js +13 -3
  33. package/dist/src/molecules/MultiSelect/MultiSelect.d.ts +2 -2
  34. package/dist/src/molecules/MultiSelect/MultiSelect.js +5 -5
  35. package/dist/src/molecules/PageHeader/PageHeader.d.ts +2 -21
  36. package/dist/src/molecules/PageHeader/PageHeader.js +6 -9
  37. package/dist/src/molecules/Section/Section.d.ts +21 -7
  38. package/dist/src/molecules/Section/Section.js +32 -15
  39. package/dist/src/molecules/Switch/Switch.d.ts +2 -0
  40. package/dist/src/molecules/Switch/Switch.js +3 -3
  41. package/dist/src/test/config.js +2 -2
  42. package/dist/src/utils/actions.d.ts +3 -0
  43. package/dist/src/utils/actions.js +8 -0
  44. package/dist/src/utils/form/Label/Label.js +1 -1
  45. package/dist/src/utils/table/types.d.ts +20 -19
  46. package/dist/src/utils/table/types.js +1 -1
  47. package/dist/styles.css +22 -15
  48. package/dist/styles_timescaledb.css +22 -15
  49. package/dist/system.cjs +743 -566
  50. package/dist/system.mjs +708 -531
  51. package/dist/tsconfig.module.tsbuildinfo +1 -1
  52. package/dist/types/ContextualMenu.d.ts +26 -0
  53. package/dist/types/ContextualMenu.js +2 -0
  54. package/dist/types/tailwindGenerated.d.ts +1 -1
  55. package/package.json +1 -1
@@ -16,9 +16,9 @@ import { Switch as BaseSwitch } from '../../../src/atoms/Switch/Switch';
16
16
  import { tw } from '../../../src/utils/tailwind';
17
17
  export const Switch = React.forwardRef((_a, ref) => {
18
18
  var _b;
19
- var { id, name, caption, readOnly = false, disabled = false, children, 'aria-label': ariaLabel } = _a, props = __rest(_a, ["id", "name", "caption", "readOnly", "disabled", "children", 'aria-label']);
19
+ var { id, name, caption, readOnly = false, disabled = false, children, 'aria-label': ariaLabel, labelPlacement } = _a, props = __rest(_a, ["id", "name", "caption", "readOnly", "disabled", "children", 'aria-label', "labelPlacement"]);
20
20
  const isChecked = (_b = props.checked) !== null && _b !== void 0 ? _b : props.defaultChecked;
21
- return !readOnly || isChecked ? (React.createElement(ControlLabel, { htmlFor: id, label: children, "aria-label": ariaLabel, caption: caption, readOnly: readOnly, disabled: disabled, style: { gap: '0 8px' }, className: "Aquarium-Switch" }, !readOnly && React.createElement(BaseSwitch, Object.assign({ id: id, ref: ref, name: name }, props, { readOnly: readOnly, disabled: disabled })))) : null;
21
+ return !readOnly || isChecked ? (React.createElement(ControlLabel, { htmlFor: id, label: children, "aria-label": ariaLabel, caption: caption, readOnly: readOnly, disabled: disabled, style: { gap: '0 8px' }, labelPlacement: labelPlacement, className: "Aquarium-Switch" }, !readOnly && React.createElement(BaseSwitch, Object.assign({ id: id, ref: ref, name: name }, props, { readOnly: readOnly, disabled: disabled })))) : null;
22
22
  });
23
23
  Switch.displayName = 'Switch';
24
24
  const SwitchSkeleton = () => (React.createElement("div", { className: tw('flex gap-3') },
@@ -26,4 +26,4 @@ const SwitchSkeleton = () => (React.createElement("div", { className: tw('flex g
26
26
  React.createElement(Skeleton, { height: 20, width: 150 })));
27
27
  Switch.Skeleton = SwitchSkeleton;
28
28
  Switch.Skeleton.displayName = 'Switch.Skeleton ';
29
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9Td2l0Y2gvU3dpdGNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDdkUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTNELE9BQU8sRUFBRSxNQUFNLElBQUksVUFBVSxFQUF1QyxNQUFNLHlCQUF5QixDQUFDO0FBRXBHLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQVV4QyxNQUFNLENBQUMsTUFBTSxNQUFNLEdBQW9CLEtBQUssQ0FBQyxVQUFVLENBQ3JELENBQUMsRUFBc0csRUFBRSxHQUFHLEVBQUUsRUFBRTs7UUFBL0csRUFBRSxFQUFFLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLFFBQVEsR0FBRyxLQUFLLEVBQUUsUUFBUSxFQUFFLFlBQVksRUFBRSxTQUFTLE9BQVksRUFBUCxLQUFLLGNBQXBHLDJFQUFzRyxDQUFGO0lBQ25HLE1BQU0sU0FBUyxHQUFHLE1BQUEsS0FBSyxDQUFDLE9BQU8sbUNBQUksS0FBSyxDQUFDLGNBQWMsQ0FBQztJQUN4RCxPQUFPLENBQUMsUUFBUSxJQUFJLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FDOUIsb0JBQUMsWUFBWSxJQUNYLE9BQU8sRUFBRSxFQUFFLEVBQ1gsS0FBSyxFQUFFLFFBQVEsZ0JBQ0gsU0FBUyxFQUNyQixPQUFPLEVBQUUsT0FBTyxFQUNoQixRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxFQUNsQixLQUFLLEVBQUUsRUFBRSxHQUFHLEVBQUUsT0FBTyxFQUFFLEVBQ3ZCLFNBQVMsRUFBQyxpQkFBaUIsSUFFMUIsQ0FBQyxRQUFRLElBQUksb0JBQUMsVUFBVSxrQkFBQyxFQUFFLEVBQUUsRUFBRSxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLElBQUksSUFBTSxLQUFLLElBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsUUFBUSxJQUFJLENBQ2hHLENBQ2hCLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztBQUNYLENBQUMsQ0FDaUIsQ0FBQztBQUVyQixNQUFNLENBQUMsV0FBVyxHQUFHLFFBQVEsQ0FBQztBQUU5QixNQUFNLGNBQWMsR0FBYSxHQUFHLEVBQUUsQ0FBQyxDQUNyQyw2QkFBSyxTQUFTLEVBQUUsRUFBRSxDQUFDLFlBQVksQ0FBQztJQUM5QixvQkFBQyxRQUFRLElBQUMsTUFBTSxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsRUFBRSxHQUFJO0lBQ25DLG9CQUFDLFFBQVEsSUFBQyxNQUFNLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxHQUFHLEdBQUksQ0FDaEMsQ0FDUCxDQUFDO0FBRUYsTUFBTSxDQUFDLFFBQVEsR0FBRyxjQUFjLENBQUM7QUFDakMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxXQUFXLEdBQUcsa0JBQWtCLENBQUMifQ==
29
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9Td2l0Y2gvU3dpdGNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsWUFBWSxFQUEwQixNQUFNLHlDQUF5QyxDQUFDO0FBQy9GLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUUzRCxPQUFPLEVBQUUsTUFBTSxJQUFJLFVBQVUsRUFBdUMsTUFBTSx5QkFBeUIsQ0FBQztBQUVwRyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFXeEMsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFvQixLQUFLLENBQUMsVUFBVSxDQUNyRCxDQUNFLEVBVUMsRUFDRCxHQUFHLEVBQ0gsRUFBRTs7UUFaRixFQUNFLEVBQUUsRUFDRixJQUFJLEVBQ0osT0FBTyxFQUNQLFFBQVEsR0FBRyxLQUFLLEVBQ2hCLFFBQVEsR0FBRyxLQUFLLEVBQ2hCLFFBQVEsRUFDUixZQUFZLEVBQUUsU0FBUyxFQUN2QixjQUFjLE9BRWYsRUFESSxLQUFLLGNBVFYsNkZBVUMsQ0FEUztJQUlWLE1BQU0sU0FBUyxHQUFHLE1BQUEsS0FBSyxDQUFDLE9BQU8sbUNBQUksS0FBSyxDQUFDLGNBQWMsQ0FBQztJQUN4RCxPQUFPLENBQUMsUUFBUSxJQUFJLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FDOUIsb0JBQUMsWUFBWSxJQUNYLE9BQU8sRUFBRSxFQUFFLEVBQ1gsS0FBSyxFQUFFLFFBQVEsZ0JBQ0gsU0FBUyxFQUNyQixPQUFPLEVBQUUsT0FBTyxFQUNoQixRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxFQUNsQixLQUFLLEVBQUUsRUFBRSxHQUFHLEVBQUUsT0FBTyxFQUFFLEVBQ3ZCLGNBQWMsRUFBRSxjQUFjLEVBQzlCLFNBQVMsRUFBQyxpQkFBaUIsSUFFMUIsQ0FBQyxRQUFRLElBQUksb0JBQUMsVUFBVSxrQkFBQyxFQUFFLEVBQUUsRUFBRSxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLElBQUksSUFBTSxLQUFLLElBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsUUFBUSxJQUFJLENBQ2hHLENBQ2hCLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztBQUNYLENBQUMsQ0FDaUIsQ0FBQztBQUVyQixNQUFNLENBQUMsV0FBVyxHQUFHLFFBQVEsQ0FBQztBQUU5QixNQUFNLGNBQWMsR0FBYSxHQUFHLEVBQUUsQ0FBQyxDQUNyQyw2QkFBSyxTQUFTLEVBQUUsRUFBRSxDQUFDLFlBQVksQ0FBQztJQUM5QixvQkFBQyxRQUFRLElBQUMsTUFBTSxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsRUFBRSxHQUFJO0lBQ25DLG9CQUFDLFFBQVEsSUFBQyxNQUFNLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxHQUFHLEdBQUksQ0FDaEMsQ0FDUCxDQUFDO0FBRUYsTUFBTSxDQUFDLFFBQVEsR0FBRyxjQUFjLENBQUM7QUFDakMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxXQUFXLEdBQUcsa0JBQWtCLENBQUMifQ==
@@ -1,8 +1,8 @@
1
- export const storyKindRegex = /^((?!.*?Colors|Elevations|Spacing|Typography|Releases).)*$/;
1
+ export const storyKindRegex = /^((?!.*?Colors|Elevations|Spacing|Typography|Releases).)*(?!.*\.mdx$).*$/;
2
2
  export const snapshotSerializers = [
3
3
  {
4
4
  print: (value, serialize) => serialize(value.container.firstChild),
5
5
  test: (value) => value && Object.prototype.hasOwnProperty.call(value, 'container'),
6
6
  },
7
7
  ];
8
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3Rlc3QvY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlBLE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyw0REFBNEQsQ0FBQztBQUkzRixNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBZ0I7SUFDOUM7UUFDRSxLQUFLLEVBQUUsQ0FBQyxLQUFLLEVBQUUsU0FBUyxFQUFFLEVBQUUsQ0FBQyxTQUFTLENBQUUsS0FBc0IsQ0FBQyxTQUFTLENBQUMsVUFBVSxDQUFDO1FBQ3BGLElBQUksRUFBRSxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsS0FBSyxJQUFJLE1BQU0sQ0FBQyxTQUFTLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsV0FBVyxDQUFDO0tBQ25GO0NBQ0YsQ0FBQyJ9
8
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3Rlc3QvY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlBLE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRywwRUFBMEUsQ0FBQztBQUl6RyxNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBZ0I7SUFDOUM7UUFDRSxLQUFLLEVBQUUsQ0FBQyxLQUFLLEVBQUUsU0FBUyxFQUFFLEVBQUUsQ0FBQyxTQUFTLENBQUUsS0FBc0IsQ0FBQyxTQUFTLENBQUMsVUFBVSxDQUFDO1FBQ3BGLElBQUksRUFBRSxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsS0FBSyxJQUFJLE1BQU0sQ0FBQyxTQUFTLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsV0FBVyxDQUFDO0tBQ25GO0NBQ0YsQ0FBQyJ9
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { type ActionType, type AsyncActionType, type LinkActionType } from '../../types/ActionType';
3
+ export declare const renderAction: (kind: "primary" | "secondary" | undefined, action: ActionType | AsyncActionType | LinkActionType) => React.JSX.Element;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import omit from 'lodash/omit';
3
+ import { Button } from '../../src/molecules';
4
+ import { isLink } from '../../src/utils/link';
5
+ export const renderAction = (kind = 'primary', action) => {
6
+ return isLink(action) ? (React.createElement(Button.ExternalLink, Object.assign({ key: action.text, kind: kind }, omit(action, 'text')), action.text)) : (React.createElement(Button, Object.assign({ key: action.text, kind: kind }, omit(action, 'text')), action.text));
7
+ };
8
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91dGlscy9hY3Rpb25zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBSS9CLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBR3hDLE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBRyxDQUMxQixPQUFxRCxTQUFTLEVBQzlELE1BQXFELEVBQ3JELEVBQUU7SUFDRixPQUFPLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FDdEIsb0JBQUMsTUFBTSxDQUFDLFlBQVksa0JBQUMsR0FBRyxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksSUFBTSxJQUFJLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxHQUN4RSxNQUFNLENBQUMsSUFBSSxDQUNRLENBQ3ZCLENBQUMsQ0FBQyxDQUFDLENBQ0Ysb0JBQUMsTUFBTSxrQkFBQyxHQUFHLEVBQUUsTUFBTSxDQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxJQUFNLElBQUksQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDLEdBQzNELE1BQU0sQ0FBQyxJQUFJLENBQ0wsQ0FDVixDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=
@@ -19,7 +19,7 @@ import questionMark from '../../../../src/icons/questionMark';
19
19
  const LabelText = ({ variant = 'default', labelText, required, helpTooltip, helpTooltipPlacement, description, }) => {
20
20
  return (React.createElement("span", { className: tw('block mb-2') },
21
21
  React.createElement("span", { className: tw('inline-flex items-center typography-small-strong', {
22
- 'text-grey-60': variant === 'default',
22
+ 'text-grey-70': variant === 'default',
23
23
  'text-error-50': variant === 'error',
24
24
  'text-grey-40': variant === 'disabled',
25
25
  }) },
@@ -2,7 +2,9 @@ import { type AriaAttributes } from 'react';
2
2
  import { type ChipStatus } from '../../../src/molecules/Chip/Chip';
3
3
  import { type DropdownMenuItemsComponent } from '../../../src/molecules/DropdownMenu/DropdownMenu';
4
4
  import { type Weight } from '../../../src/molecules/Template/Template';
5
+ import { type TooltipProps } from '../../../src/molecules';
5
6
  import { type ActionType } from '../../../types/ActionType';
7
+ import { type CommonContextualMenuProps } from '../../../types/ContextualMenu';
6
8
  import { type AllOrNone, type RequireAtLeastOne } from '../../../types/utils';
7
9
  import type React from 'react';
8
10
  export declare type TextAlign = 'center' | 'left' | 'right';
@@ -24,6 +26,17 @@ export declare type Column = {
24
26
  key?: string;
25
27
  sticky?: StickyColumn;
26
28
  };
29
+ export declare type ColumnBase<R> = {
30
+ /**
31
+ * Adds a tooltip for each cell.
32
+ */
33
+ tooltip?: Tooltip<R>;
34
+ /**
35
+ * Adds a tooltip for header cell.
36
+ */
37
+ headerTooltip?: Pick<TooltipProps, 'content' | 'placement'>;
38
+ };
39
+ declare type Tooltip<R> = (row: R, index: number, rows: R[]) => Pick<TooltipProps, 'content' | 'placement'>;
27
40
  declare type Formatter<R, K extends keyof R, V = R[K]> = (value: V, row: R, index: number, rows: R[]) => string;
28
41
  declare type CustomSortable<R> = {
29
42
  /**
@@ -98,6 +111,10 @@ declare type ItemColumn<R> = Column & CustomSortable<R> & {
98
111
  */
99
112
  item: (row: R, index: number, rows: R[]) => TableItem;
100
113
  };
114
+ export declare type TableStatus = {
115
+ status: ChipStatus;
116
+ text: number | string;
117
+ };
101
118
  declare type StatusColumn<R> = Column & CustomSortable<R> & {
102
119
  /**
103
120
  * Type of the column.
@@ -106,10 +123,7 @@ declare type StatusColumn<R> = Column & CustomSortable<R> & {
106
123
  /**
107
124
  * Callback function that resolves to StatusChip props
108
125
  */
109
- status: (row: R, index: number, rows: R[]) => {
110
- status: ChipStatus;
111
- text: number | string;
112
- };
126
+ status: (row: R, index: number, rows: R[]) => TableStatus;
113
127
  };
114
128
  declare type ListColumn = Column & {
115
129
  /**
@@ -125,7 +139,7 @@ declare type TableColumn = Column & {
125
139
  };
126
140
  export declare type DataListColumn<R extends DataTableRow> = DataColumn<R, ListColumn>;
127
141
  export declare type DataTableColumn<R extends DataTableRow> = DataColumn<R, TableColumn>;
128
- declare type DataColumn<R extends DataTableRow, C extends Column> = C & (ActionColumn<R> | CustomColumn<R> | ItemColumn<R> | NumberColumn<R> | StatusColumn<R> | TextColumn<R>);
142
+ declare type DataColumn<R extends DataTableRow, C extends Column> = C & ColumnBase<R> & (ActionColumn<R> | CustomColumn<R> | ItemColumn<R> | NumberColumn<R> | StatusColumn<R> | TextColumn<R>);
129
143
  export declare type DataTableRow = Record<string, any> & {
130
144
  /**
131
145
  * Assigned ID for each data row.
@@ -146,21 +160,12 @@ declare type CellProps = {
146
160
  };
147
161
  export declare const cellProps: <C extends Column>(column: C) => CellProps;
148
162
  export declare const columnIsFieldColumn: <R extends DataTableRow>(column?: any) => column is FieldColumn<R, keyof R>;
149
- export declare type DataTableMenuProps<R extends DataTableRow> = AllOrNone<{
163
+ export declare type DataTableMenuProps<R extends DataTableRow> = AllOrNone<Omit<CommonContextualMenuProps, 'menu' | 'onAction'> & {
150
164
  /**
151
165
  * Menu items definition. Can either be static collection of items or callback function
152
166
  * that returns the items.
153
167
  */
154
168
  menu: DropdownMenuItemsComponent | ((row: R, index: number) => DropdownMenuItemsComponent);
155
- /**
156
- * @deprecated Use menuAriaLabel instead.
157
- * Optional label for menu that will be used as aria-label attribute.
158
- */
159
- menuLabel?: string;
160
- /**
161
- * Optional aria-label for menu that will be used as aria-label attribute. Defaults to 'menuLabel' or 'Context menu'.
162
- */
163
- menuAriaLabel?: string;
164
169
  /**
165
170
  * Optional column name for the menu. Defaults to 'Actions'.
166
171
  */
@@ -172,9 +177,5 @@ export declare type DataTableMenuProps<R extends DataTableRow> = AllOrNone<{
172
177
  * @param index currectly selected row index
173
178
  */
174
179
  onAction: (action: number | string, row: R, index: number) => void;
175
- /**
176
- * Handler that is called when the menu's open state changes.
177
- */
178
- onMenuOpenChange?: (isOpen: boolean) => void;
179
180
  }>;
180
181
  export {};
@@ -5,4 +5,4 @@ export const cellProps = (column) => ({
5
5
  stickyColumn: column.sticky,
6
6
  });
7
7
  export const columnIsFieldColumn = (column) => Boolean(column && column.field);
8
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdXRpbHMvdGFibGUvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0tBLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxDQUFDLFNBQW9DLEVBQTBCLEVBQUUsQ0FDOUYsU0FBUyxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxTQUFTLEtBQUssWUFBWSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztBQVVsRixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsQ0FBbUIsTUFBUyxFQUFhLEVBQUUsQ0FBQyxDQUFDO0lBQ3BFLEdBQUcsRUFBRSxNQUFNLENBQUMsR0FBRyxJQUFJLE1BQU0sQ0FBQyxVQUFVO0lBQ3BDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxLQUFLLFFBQVEsSUFBSSxNQUFNLENBQUMsSUFBSSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxNQUFNO0lBQzlFLFlBQVksRUFBRSxNQUFNLENBQUMsTUFBTTtDQUM1QixDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRyxDQUF5QixNQUEyQixFQUE0QixFQUFFLENBQ25ILE9BQU8sQ0FBQyxNQUFNLElBQUssTUFBeUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyJ9
8
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdXRpbHMvdGFibGUvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOExBLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxDQUFDLFNBQW9DLEVBQTBCLEVBQUUsQ0FDOUYsU0FBUyxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxTQUFTLEtBQUssWUFBWSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztBQVVsRixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsQ0FBbUIsTUFBUyxFQUFhLEVBQUUsQ0FBQyxDQUFDO0lBQ3BFLEdBQUcsRUFBRSxNQUFNLENBQUMsR0FBRyxJQUFJLE1BQU0sQ0FBQyxVQUFVO0lBQ3BDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxLQUFLLFFBQVEsSUFBSSxNQUFNLENBQUMsSUFBSSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxNQUFNO0lBQzlFLFlBQVksRUFBRSxNQUFNLENBQUMsTUFBTTtDQUM1QixDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRyxDQUF5QixNQUEyQixFQUE0QixFQUFFLENBQ25ILE9BQU8sQ0FBQyxNQUFNLElBQUssTUFBeUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyJ9
package/dist/styles.css CHANGED
@@ -1164,6 +1164,9 @@ input[type='number'].no-arrows {
1164
1164
  .h-2{
1165
1165
  height: 4px;
1166
1166
  }
1167
+ .h-\[72px\]{
1168
+ height: 72px;
1169
+ }
1167
1170
  .h-\[2px\]{
1168
1171
  height: 2px;
1169
1172
  }
@@ -1697,6 +1700,10 @@ input[type='number'].no-arrows {
1697
1700
  background-color: #292a31;
1698
1701
  background-color: var(--aquarium-colors-grey-90, #292a31);
1699
1702
  }
1703
+ .bg-primary-70{
1704
+ background-color: #5865cd;
1705
+ background-color: var(--aquarium-colors-primary-70, #5865cd);
1706
+ }
1700
1707
  .bg-grey-30{
1701
1708
  background-color: #b4b4bb;
1702
1709
  background-color: var(--aquarium-colors-grey-30, #b4b4bb);
@@ -1883,6 +1890,9 @@ input[type='number'].no-arrows {
1883
1890
  .pl-7{
1884
1891
  padding-left: 32px;
1885
1892
  }
1893
+ .pr-7{
1894
+ padding-right: 32px;
1895
+ }
1886
1896
  .pb-3{
1887
1897
  padding-bottom: 8px;
1888
1898
  }
@@ -2450,8 +2460,8 @@ input[type='number'].no-arrows {
2450
2460
  .checked\:bg-opacity-40:checked{
2451
2461
  --tw-bg-opacity: 0.4;
2452
2462
  }
2453
- .checked\:opacity-40:checked{
2454
- opacity: 0.4;
2463
+ .checked\:opacity-50:checked{
2464
+ opacity: 0.5;
2455
2465
  }
2456
2466
  .checked\:shadow-whiteInset:checked{
2457
2467
  --tw-shadow: var(--aquarium-box-shadow-white-inset, inset 0 0 0 3px rgba(255,255,255,1));
@@ -2478,9 +2488,9 @@ input[type='number'].no-arrows {
2478
2488
  background-color: #ededf0;
2479
2489
  background-color: var(--aquarium-colors-grey-5, #ededf0);
2480
2490
  }
2481
- .hover\:bg-grey-30:hover{
2482
- background-color: #b4b4bb;
2483
- background-color: var(--aquarium-colors-grey-30, #b4b4bb);
2491
+ .hover\:bg-grey-20:hover{
2492
+ background-color: #d2d2d6;
2493
+ background-color: var(--aquarium-colors-grey-20, #d2d2d6);
2484
2494
  }
2485
2495
  .hover\:bg-primary-90:hover{
2486
2496
  background-color: #222f95;
@@ -2525,12 +2535,9 @@ input[type='number'].no-arrows {
2525
2535
  .hover\:ring-primary-90:hover{
2526
2536
  --tw-ring-color: var(--aquarium-colors-primary-90, #222f95);
2527
2537
  }
2528
- .hover\:checked\:bg-primary-80:checked:hover{
2529
- background-color: #3545be;
2530
- background-color: var(--aquarium-colors-primary-80, #3545be);
2531
- }
2532
- .focus\:border:focus{
2533
- border-width: 1px;
2538
+ .hover\:checked\:bg-primary-70:checked:hover{
2539
+ background-color: #5865cd;
2540
+ background-color: var(--aquarium-colors-primary-70, #5865cd);
2534
2541
  }
2535
2542
  .focus\:border-info-70:focus{
2536
2543
  border-color: #0399e3;
@@ -2798,6 +2805,10 @@ input[type='number'].no-arrows {
2798
2805
  color: #e3e9ff;
2799
2806
  color: var(--aquarium-colors-primary-10, #e3e9ff);
2800
2807
  }
2808
+ .peer\/switch:checked~.peer-checked\/switch\:text-primary-60{
2809
+ color: #818eec;
2810
+ color: var(--aquarium-colors-primary-60, #818eec);
2811
+ }
2801
2812
  .peer:hover~.peer-hover\:border-grey-50{
2802
2813
  border-color: #787885;
2803
2814
  border-color: var(--aquarium-colors-grey-50, #787885);
@@ -2806,10 +2817,6 @@ input[type='number'].no-arrows {
2806
2817
  border-color: #0399e3;
2807
2818
  border-color: var(--aquarium-colors-info-70, #0399e3);
2808
2819
  }
2809
- .peer\/switch:disabled~.peer-disabled\/switch\:bg-grey-0{
2810
- background-color: #f7f7fa;
2811
- background-color: var(--aquarium-colors-grey-0, #f7f7fa);
2812
- }
2813
2820
  .children\:inline-block>*{
2814
2821
  display: inline-block;
2815
2822
  }
@@ -1163,6 +1163,9 @@ input[type='number'].no-arrows {
1163
1163
  .h-2{
1164
1164
  height: 4px;
1165
1165
  }
1166
+ .h-\[72px\]{
1167
+ height: 72px;
1168
+ }
1166
1169
  .h-\[2px\]{
1167
1170
  height: 2px;
1168
1171
  }
@@ -1696,6 +1699,10 @@ input[type='number'].no-arrows {
1696
1699
  background-color: #292a31;
1697
1700
  background-color: var(--aquarium-colors-grey-90, #292a31);
1698
1701
  }
1702
+ .bg-primary-70{
1703
+ background-color: #5865cd;
1704
+ background-color: var(--aquarium-colors-primary-70, #0399e3);
1705
+ }
1699
1706
  .bg-grey-30{
1700
1707
  background-color: #b4b4bb;
1701
1708
  background-color: var(--aquarium-colors-grey-30, #b4b4bb);
@@ -1882,6 +1889,9 @@ input[type='number'].no-arrows {
1882
1889
  .pl-7{
1883
1890
  padding-left: 32px;
1884
1891
  }
1892
+ .pr-7{
1893
+ padding-right: 32px;
1894
+ }
1885
1895
  .pb-3{
1886
1896
  padding-bottom: 8px;
1887
1897
  }
@@ -2449,8 +2459,8 @@ input[type='number'].no-arrows {
2449
2459
  .checked\:bg-opacity-40:checked{
2450
2460
  --tw-bg-opacity: 0.4;
2451
2461
  }
2452
- .checked\:opacity-40:checked{
2453
- opacity: 0.4;
2462
+ .checked\:opacity-50:checked{
2463
+ opacity: 0.5;
2454
2464
  }
2455
2465
  .checked\:shadow-whiteInset:checked{
2456
2466
  --tw-shadow: var(--aquarium-box-shadow-white-inset, inset 0 0 0 3px rgba(255,255,255,1));
@@ -2477,9 +2487,9 @@ input[type='number'].no-arrows {
2477
2487
  background-color: #ededf0;
2478
2488
  background-color: var(--aquarium-colors-grey-5, #ededf0);
2479
2489
  }
2480
- .hover\:bg-grey-30:hover{
2481
- background-color: #b4b4bb;
2482
- background-color: var(--aquarium-colors-grey-30, #b4b4bb);
2490
+ .hover\:bg-grey-20:hover{
2491
+ background-color: #d2d2d6;
2492
+ background-color: var(--aquarium-colors-grey-20, #d2d2d6);
2483
2493
  }
2484
2494
  .hover\:bg-primary-90:hover{
2485
2495
  background-color: #222f95;
@@ -2524,12 +2534,9 @@ input[type='number'].no-arrows {
2524
2534
  .hover\:ring-primary-90:hover{
2525
2535
  --tw-ring-color: var(--aquarium-colors-primary-90, #0174ba);
2526
2536
  }
2527
- .hover\:checked\:bg-primary-80:checked:hover{
2528
- background-color: #3545be;
2529
- background-color: var(--aquarium-colors-primary-80, #0788d1);
2530
- }
2531
- .focus\:border:focus{
2532
- border-width: 1px;
2537
+ .hover\:checked\:bg-primary-70:checked:hover{
2538
+ background-color: #5865cd;
2539
+ background-color: var(--aquarium-colors-primary-70, #0399e3);
2533
2540
  }
2534
2541
  .focus\:border-info-70:focus{
2535
2542
  border-color: #0399e3;
@@ -2797,6 +2804,10 @@ input[type='number'].no-arrows {
2797
2804
  color: #e3e9ff;
2798
2805
  color: var(--aquarium-colors-primary-10, #e0f5fe);
2799
2806
  }
2807
+ .peer\/switch:checked~.peer-checked\/switch\:text-primary-60{
2808
+ color: #818eec;
2809
+ color: var(--aquarium-colors-primary-60, #02a8f3);
2810
+ }
2800
2811
  .peer:hover~.peer-hover\:border-grey-50{
2801
2812
  border-color: #787885;
2802
2813
  border-color: var(--aquarium-colors-grey-50, #787885);
@@ -2805,10 +2816,6 @@ input[type='number'].no-arrows {
2805
2816
  border-color: #0399e3;
2806
2817
  border-color: var(--aquarium-colors-info-70, #0399e3);
2807
2818
  }
2808
- .peer\/switch:disabled~.peer-disabled\/switch\:bg-grey-0{
2809
- background-color: #f7f7fa;
2810
- background-color: var(--aquarium-colors-grey-0, #f7f7fa);
2811
- }
2812
2819
  .children\:inline-block>*{
2813
2820
  display: inline-block;
2814
2821
  }