@cloudoperators/juno-ui-components 6.4.0 → 6.5.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.
@@ -1 +1 @@
1
- {"version":3,"file":"Button.component.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAEZ,SAAS,EACT,iBAAiB,EACjB,SAAS,EAET,oBAAoB,EAErB,MAAM,OAAO,CAAA;AAEd,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AA4LnD;;;;;GAKG;AACH,eAAO,MAAM,MAAM,wHA+FlB,CAAA;AAID,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,gBAAgB,GAAG,SAAS,GAAG,SAAS,CAAA;AAChF,KAAK,UAAU,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAAA;AAE5C,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,SAAS,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC5G;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAA;IAEvB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAA;IAElE;;;OAGG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;IAEtD;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB"}
1
+ {"version":3,"file":"Button.component.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAEZ,SAAS,EACT,iBAAiB,EACjB,SAAS,EAET,oBAAoB,EAErB,MAAM,OAAO,CAAA;AAEd,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AA2LnD;;;;;GAKG;AACH,eAAO,MAAM,MAAM,wHA+FlB,CAAA;AAID,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,gBAAgB,GAAG,SAAS,GAAG,SAAS,CAAA;AAChF,KAAK,UAAU,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAAA;AAE5C,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,SAAS,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC5G;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAA;IAEvB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAA;IAElE;;;OAGG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;IAEtD;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB"}
@@ -1,5 +1,5 @@
1
- import { HTMLAttributes, ReactNode } from 'react';
2
- export interface CardProps extends HTMLAttributes<HTMLDivElement> {
1
+ import { default as React, HTMLAttributes, MouseEventHandler, ReactNode } from 'react';
2
+ export interface CardProps extends HTMLAttributes<HTMLElement> {
3
3
  /**
4
4
  * Components or elements to be rendered as content.
5
5
  */
@@ -14,6 +14,19 @@ export interface CardProps extends HTMLAttributes<HTMLDivElement> {
14
14
  * @default ""
15
15
  */
16
16
  className?: string;
17
+ /**
18
+ * When set, renders the card as an <a> element.
19
+ */
20
+ href?: string;
21
+ /**
22
+ * When set (without href), renders the card as a <button> element.
23
+ */
24
+ onClick?: MouseEventHandler<HTMLElement>;
25
+ /**
26
+ * Disables interaction; native disabled on <button>, aria-disabled + stripped href on <a>, renders "not-allowed"-cursor.
27
+ * @default false
28
+ */
29
+ disabled?: boolean;
17
30
  }
18
31
  /**
19
32
  * The `Card` component acts as a versatile container for various types of content, providing
@@ -22,5 +35,5 @@ export interface CardProps extends HTMLAttributes<HTMLDivElement> {
22
35
  * @see https://cloudoperators.github.io/juno/?path=/docs/components-card--docs
23
36
  * @see {@link CardProps}
24
37
  */
25
- export declare const Card: ({ children, padding, className, ...props }: CardProps) => ReactNode;
38
+ export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLElement>>;
26
39
  //# sourceMappingURL=Card.component.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Card.component.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAaxD,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,IAAI,GAAI,4CAAyD,SAAS,KAAG,SAOzF,CAAA"}
1
+ {"version":3,"file":"Card.component.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAc,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAO,MAAM,OAAO,CAAA;AAa5F,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC5D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAExC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,IAAI,+EAqDhB,CAAA"}
@@ -4,5 +4,9 @@ declare const meta: Meta<typeof Card>;
4
4
  export default meta;
5
5
  type Story = StoryObj<typeof meta>;
6
6
  export declare const Default: Story;
7
+ export declare const WithClickEvent: Story;
8
+ export declare const WithHref: Story;
9
+ export declare const WithHrefAndClickEvent: Story;
10
+ export declare const Disabled: Story;
7
11
  export declare const WithoutPadding: Story;
8
12
  //# sourceMappingURL=Card.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Card.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAEvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAI3B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAI5B,CAAA"}
1
+ {"version":3,"file":"Card.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAEvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAI3B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAOnC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAA"}
@@ -0,0 +1,9 @@
1
+ import { Meta, StoryObj } from '@storybook/react-vite';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj<typeof meta>;
5
+ export declare const WithPrimaryAction: Story;
6
+ export declare const WithFiltersSearchAndState: Story;
7
+ export declare const WithSearchOnly: Story;
8
+ export declare const FullyFeatured: Story;
9
+ //# sourceMappingURL=DataGridHeader.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DataGridHeader.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DataGrid/DataGridHeader.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAqB3D,QAAA,MAAM,IAAI,EAAE,IA4BX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AASlC,eAAO,MAAM,iBAAiB,EAAE,KAe/B,CAAA;AAED,eAAO,MAAM,yBAAyB,EAAE,KAmDvC,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAiB5B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAsO3B,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"DataGridCell.component.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridCell/DataGridCell.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAc,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAgCpE;;;;;GAKG;AACH,eAAO,MAAM,YAAY,0FAiBxB,CAAA;AAID,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}
1
+ {"version":3,"file":"DataGridCell.component.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridCell/DataGridCell.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAc,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAiCpE;;;;;GAKG;AACH,eAAO,MAAM,YAAY,0FAiBxB,CAAA;AAID,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}
@@ -7,7 +7,6 @@ import { default as React, HTMLAttributes, ReactNode } from 'react';
7
7
  */
8
8
  export declare const DataGridHeadCell: React.ForwardRefExoticComponent<DataGridHeadCellProps & React.RefAttributes<HTMLDivElement>>;
9
9
  export interface DataGridHeadCellProps extends HTMLAttributes<HTMLElement> {
10
- /** Whether the DataGrid should be sortable by this column */
11
10
  /** Add a col span to the cell. This works like a colspan in a normal html table, so you have to take care not to place too many cells in a row if some of them have a colspan. */
12
11
  colSpan?: number;
13
12
  /** Set nowrap to true if the cell content shouldn't wrap (this is achieved by adding white-space: nowrap;) */
@@ -1 +1 @@
1
- {"version":3,"file":"DataGridHeadCell.component.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridHeadCell/DataGridHeadCell.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAc,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAUpE;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,8FAgC5B,CAAA;AAID,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACxE,6DAA6D;IAE7D,mLAAmL;IACnL,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,8GAA8G;IAC9G,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}
1
+ {"version":3,"file":"DataGridHeadCell.component.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridHeadCell/DataGridHeadCell.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAc,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AASpE;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,8FAe5B,CAAA;AAID,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACxE,mLAAmL;IACnL,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,8GAA8G;IAC9G,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}
@@ -1,11 +1,12 @@
1
1
  import { HTMLAttributes, ReactNode } from 'react';
2
2
  /**
3
- * `DataGridToolbar` provides an action bar for a `DataGrid`, designed to hold controls like buttons and search inputs
4
- * for performing group operations and interfacing with the grid content.
3
+ * `DataGridToolbar` is a styled wrapper for the filter, search, and state zone (Zones 2+3) of a DataGrid header.
4
+ * It provides a background, consistent padding, and separation from the grid below. Use `Stack` inside to compose and position content.
5
+ * Zone 1 content (primary actions and sorting) does not use this component — use a plain `Stack` there instead.
5
6
  * @see https://cloudoperators.github.io/juno/?path=/docs/components-datagrid-datagridtoolbar--docs
6
7
  * @see {@link DataGridToolbarProps}
7
8
  */
8
- export declare const DataGridToolbar: ({ className, children, alignRight, ...props }: DataGridToolbarProps) => ReactNode;
9
+ export declare const DataGridToolbar: ({ className, children, ...props }: DataGridToolbarProps) => ReactNode;
9
10
  export interface DataGridToolbarProps extends HTMLAttributes<HTMLDivElement> {
10
11
  /**
11
12
  * Elements or components to render within the DataGridToolbar.
@@ -16,12 +17,5 @@ export interface DataGridToolbarProps extends HTMLAttributes<HTMLDivElement> {
16
17
  * @default ""
17
18
  */
18
19
  className?: string;
19
- /**
20
- * Determines whether the children are automatically aligned to the right side within the toolbar.
21
- * When true, applies `ml-auto` to the children wrapper, pushing content right.
22
- * When false, no automatic alignment is applied, allowing for custom layouts.
23
- * @default true
24
- */
25
- alignRight?: boolean;
26
20
  }
27
21
  //# sourceMappingURL=DataGridToolbar.component.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DataGridToolbar.component.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridToolbar/DataGridToolbar.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AASxD;;;;;GAKG;AACH,eAAO,MAAM,eAAe,GAAI,+CAK7B,oBAAoB,KAAG,SAQzB,CAAA;AAED,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC1E;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB"}
1
+ {"version":3,"file":"DataGridToolbar.component.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridToolbar/DataGridToolbar.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAUxD;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,GAAI,mCAAwC,oBAAoB,KAAG,SAM9F,CAAA;AAED,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC1E;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}
@@ -4,5 +4,4 @@ declare const meta: Meta<typeof DataGridToolbar>;
4
4
  export default meta;
5
5
  type Story = StoryObj<typeof meta>;
6
6
  export declare const Default: Story;
7
- export declare const ComplexCustomLayout: Story;
8
7
  //# sourceMappingURL=DataGridToolbar.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DataGridToolbar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridToolbar/DataGridToolbar.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,eAAe,EAAwB,MAAM,SAAS,CAAA;AAY/D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAWtC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KA8CjC,CAAA"}
1
+ {"version":3,"file":"DataGridToolbar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridToolbar/DataGridToolbar.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAIzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAYtC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAA"}