@veeqo/ui 13.22.2 → 13.22.4
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/DataGrid/utils/pinnedColumnUtils.cjs +0 -1
- package/dist/components/DataGrid/utils/pinnedColumnUtils.cjs.map +1 -1
- package/dist/components/DataGrid/utils/pinnedColumnUtils.js +0 -1
- package/dist/components/DataGrid/utils/pinnedColumnUtils.js.map +1 -1
- package/dist/components/FeatureBanner/FeatureBanner.d.ts +1 -1
- package/dist/components/FeatureBanner/index.d.ts +1 -1
- package/dist/components/FeatureBanner/types.d.ts +2 -10
- package/package.json +1 -1
|
@@ -10,7 +10,6 @@ const getPinnedColumnStyles = (column) => {
|
|
|
10
10
|
return {
|
|
11
11
|
left: isPinned === 'left' ? `var(--${column.id}-start)` : undefined,
|
|
12
12
|
right: isPinned === 'right' ? `var(--${column.id}-after)` : undefined,
|
|
13
|
-
opacity: isPinned ? 0.95 : undefined,
|
|
14
13
|
position: isPinned ? 'sticky' : undefined,
|
|
15
14
|
zIndex: isPinned ? 1 : undefined,
|
|
16
15
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pinnedColumnUtils.cjs","sources":["../../../../src/components/DataGrid/utils/pinnedColumnUtils.ts"],"sourcesContent":["import { Column } from '@tanstack/react-table';\nimport { CSSProperties } from 'react';\n\nimport styles from '../DataGrid.module.scss';\n\nexport const getPinnedColumnStyles = (column: Column<any>): CSSProperties => {\n const isPinned = column.getIsPinned();\n\n if (!isPinned) {\n return {};\n }\n\n return {\n left: isPinned === 'left' ? `var(--${column.id}-start)` : undefined,\n right: isPinned === 'right' ? `var(--${column.id}-after)` : undefined,\n
|
|
1
|
+
{"version":3,"file":"pinnedColumnUtils.cjs","sources":["../../../../src/components/DataGrid/utils/pinnedColumnUtils.ts"],"sourcesContent":["import { Column } from '@tanstack/react-table';\nimport { CSSProperties } from 'react';\n\nimport styles from '../DataGrid.module.scss';\n\nexport const getPinnedColumnStyles = (column: Column<any>): CSSProperties => {\n const isPinned = column.getIsPinned();\n\n if (!isPinned) {\n return {};\n }\n\n return {\n left: isPinned === 'left' ? `var(--${column.id}-start)` : undefined,\n right: isPinned === 'right' ? `var(--${column.id}-after)` : undefined,\n position: isPinned ? 'sticky' : undefined,\n zIndex: isPinned ? 1 : undefined,\n };\n};\n\nexport const getPinnedColumnClassNames = (column: Column<any>) => {\n const isPinned = column.getIsPinned();\n\n const isLastLeftPinnedColumn = isPinned === 'left' && column.getIsLastColumn('left');\n const isFirstRightPinnedColumn = isPinned === 'right' && column.getIsFirstColumn('right');\n\n if (isLastLeftPinnedColumn) {\n return styles.pinnedColumnLeft;\n }\n\n if (isFirstRightPinnedColumn) {\n return styles.pinnedColumnRight;\n }\n\n return '';\n};\n"],"names":["styles"],"mappings":";;;;AAKa,MAAA,qBAAqB,GAAG,CAAC,MAAmB,KAAmB;AAC1E,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,WAAW,EAAE;IAErC,IAAI,CAAC,QAAQ,EAAE;AACb,QAAA,OAAO,EAAE;AACV;IAED,OAAO;AACL,QAAA,IAAI,EAAE,QAAQ,KAAK,MAAM,GAAG,CAAS,MAAA,EAAA,MAAM,CAAC,EAAE,CAAA,OAAA,CAAS,GAAG,SAAS;AACnE,QAAA,KAAK,EAAE,QAAQ,KAAK,OAAO,GAAG,CAAS,MAAA,EAAA,MAAM,CAAC,EAAE,CAAA,OAAA,CAAS,GAAG,SAAS;QACrE,QAAQ,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS;QACzC,MAAM,EAAE,QAAQ,GAAG,CAAC,GAAG,SAAS;KACjC;AACH;AAEa,MAAA,yBAAyB,GAAG,CAAC,MAAmB,KAAI;AAC/D,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,WAAW,EAAE;AAErC,IAAA,MAAM,sBAAsB,GAAG,QAAQ,KAAK,MAAM,IAAI,MAAM,CAAC,eAAe,CAAC,MAAM,CAAC;AACpF,IAAA,MAAM,wBAAwB,GAAG,QAAQ,KAAK,OAAO,IAAI,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC;AAEzF,IAAA,IAAI,sBAAsB,EAAE;QAC1B,OAAOA,eAAM,CAAC,gBAAgB;AAC/B;AAED,IAAA,IAAI,wBAAwB,EAAE;QAC5B,OAAOA,eAAM,CAAC,iBAAiB;AAChC;AAED,IAAA,OAAO,EAAE;AACX;;;;;"}
|
|
@@ -8,7 +8,6 @@ const getPinnedColumnStyles = (column) => {
|
|
|
8
8
|
return {
|
|
9
9
|
left: isPinned === 'left' ? `var(--${column.id}-start)` : undefined,
|
|
10
10
|
right: isPinned === 'right' ? `var(--${column.id}-after)` : undefined,
|
|
11
|
-
opacity: isPinned ? 0.95 : undefined,
|
|
12
11
|
position: isPinned ? 'sticky' : undefined,
|
|
13
12
|
zIndex: isPinned ? 1 : undefined,
|
|
14
13
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pinnedColumnUtils.js","sources":["../../../../src/components/DataGrid/utils/pinnedColumnUtils.ts"],"sourcesContent":["import { Column } from '@tanstack/react-table';\nimport { CSSProperties } from 'react';\n\nimport styles from '../DataGrid.module.scss';\n\nexport const getPinnedColumnStyles = (column: Column<any>): CSSProperties => {\n const isPinned = column.getIsPinned();\n\n if (!isPinned) {\n return {};\n }\n\n return {\n left: isPinned === 'left' ? `var(--${column.id}-start)` : undefined,\n right: isPinned === 'right' ? `var(--${column.id}-after)` : undefined,\n
|
|
1
|
+
{"version":3,"file":"pinnedColumnUtils.js","sources":["../../../../src/components/DataGrid/utils/pinnedColumnUtils.ts"],"sourcesContent":["import { Column } from '@tanstack/react-table';\nimport { CSSProperties } from 'react';\n\nimport styles from '../DataGrid.module.scss';\n\nexport const getPinnedColumnStyles = (column: Column<any>): CSSProperties => {\n const isPinned = column.getIsPinned();\n\n if (!isPinned) {\n return {};\n }\n\n return {\n left: isPinned === 'left' ? `var(--${column.id}-start)` : undefined,\n right: isPinned === 'right' ? `var(--${column.id}-after)` : undefined,\n position: isPinned ? 'sticky' : undefined,\n zIndex: isPinned ? 1 : undefined,\n };\n};\n\nexport const getPinnedColumnClassNames = (column: Column<any>) => {\n const isPinned = column.getIsPinned();\n\n const isLastLeftPinnedColumn = isPinned === 'left' && column.getIsLastColumn('left');\n const isFirstRightPinnedColumn = isPinned === 'right' && column.getIsFirstColumn('right');\n\n if (isLastLeftPinnedColumn) {\n return styles.pinnedColumnLeft;\n }\n\n if (isFirstRightPinnedColumn) {\n return styles.pinnedColumnRight;\n }\n\n return '';\n};\n"],"names":[],"mappings":";;AAKa,MAAA,qBAAqB,GAAG,CAAC,MAAmB,KAAmB;AAC1E,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,WAAW,EAAE;IAErC,IAAI,CAAC,QAAQ,EAAE;AACb,QAAA,OAAO,EAAE;AACV;IAED,OAAO;AACL,QAAA,IAAI,EAAE,QAAQ,KAAK,MAAM,GAAG,CAAS,MAAA,EAAA,MAAM,CAAC,EAAE,CAAA,OAAA,CAAS,GAAG,SAAS;AACnE,QAAA,KAAK,EAAE,QAAQ,KAAK,OAAO,GAAG,CAAS,MAAA,EAAA,MAAM,CAAC,EAAE,CAAA,OAAA,CAAS,GAAG,SAAS;QACrE,QAAQ,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS;QACzC,MAAM,EAAE,QAAQ,GAAG,CAAC,GAAG,SAAS;KACjC;AACH;AAEa,MAAA,yBAAyB,GAAG,CAAC,MAAmB,KAAI;AAC/D,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,WAAW,EAAE;AAErC,IAAA,MAAM,sBAAsB,GAAG,QAAQ,KAAK,MAAM,IAAI,MAAM,CAAC,eAAe,CAAC,MAAM,CAAC;AACpF,IAAA,MAAM,wBAAwB,GAAG,QAAQ,KAAK,OAAO,IAAI,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC;AAEzF,IAAA,IAAI,sBAAsB,EAAE;QAC1B,OAAO,MAAM,CAAC,gBAAgB;AAC/B;AAED,IAAA,IAAI,wBAAwB,EAAE;QAC5B,OAAO,MAAM,CAAC,iBAAiB;AAChC;AAED,IAAA,OAAO,EAAE;AACX;;;;"}
|
|
@@ -6,6 +6,6 @@ export declare const FeatureBanner: React.ForwardRefExoticComponent<Omit<React.H
|
|
|
6
6
|
title: string;
|
|
7
7
|
contentSlot?: React.ReactNode;
|
|
8
8
|
iconSlot?: React.ReactNode;
|
|
9
|
-
actions?: import("
|
|
9
|
+
actions?: import("..").Action[] | undefined;
|
|
10
10
|
onClose?: (() => void) | undefined;
|
|
11
11
|
} & React.RefAttributes<never>>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { FeatureBanner } from './FeatureBanner';
|
|
2
|
-
export type { FeatureBannerProps, FeatureBannerVariant, FeatureBannerSize, FeatureBannerLayout,
|
|
2
|
+
export type { FeatureBannerProps, FeatureBannerVariant, FeatureBannerSize, FeatureBannerLayout, } from './types';
|
|
@@ -1,20 +1,12 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { WithTokensProps } from '../../hoc/withTokens/withTokens';
|
|
3
|
+
import { Action } from '../Modal';
|
|
3
4
|
/** Visual style of the banner */
|
|
4
5
|
export type FeatureBannerVariant = 'primary' | 'secondary';
|
|
5
6
|
/** Controls the padding density of the banner */
|
|
6
7
|
export type FeatureBannerSize = 'default' | 'sm' | 'xs';
|
|
7
8
|
/** Direction of the banner content flow */
|
|
8
9
|
export type FeatureBannerLayout = 'vertical' | 'horizontal';
|
|
9
|
-
/** Configuration for an action button within the banner */
|
|
10
|
-
export type FeatureBannerAction = {
|
|
11
|
-
/** Button label text */
|
|
12
|
-
label: string;
|
|
13
|
-
/** Click handler for the action */
|
|
14
|
-
onClick: () => void;
|
|
15
|
-
/** Button style — `'primary'` for emphasis, `'default'` for secondary actions */
|
|
16
|
-
variant?: 'primary' | 'default';
|
|
17
|
-
};
|
|
18
10
|
export type FeatureBannerProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & WithTokensProps & {
|
|
19
11
|
/** Visual style of the banner. `'primary'` has a solid icon background, `'secondary'` has a white background */
|
|
20
12
|
variant?: FeatureBannerVariant;
|
|
@@ -29,7 +21,7 @@ export type FeatureBannerProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'chi
|
|
|
29
21
|
/** Icon displayed in a themed background container */
|
|
30
22
|
iconSlot?: ReactNode;
|
|
31
23
|
/** Action buttons rendered below the content */
|
|
32
|
-
actions?:
|
|
24
|
+
actions?: Action[];
|
|
33
25
|
/** Close handler. When provided, renders a close button */
|
|
34
26
|
onClose?: () => void;
|
|
35
27
|
};
|