@dxc-technology/halstack-react 15.1.2 → 15.2.1

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/index.d.mts CHANGED
@@ -1258,7 +1258,32 @@ type GridRow = {
1258
1258
  [key: string]: ReactNode | undefined;
1259
1259
  };
1260
1260
  type HierarchyGridRow = GridRow & {
1261
+ /**
1262
+ * Array of child rows nested under this row, enabling hierarchical (tree-like) structures.
1263
+ * These child rows will be displayed when the parent row is expanded.
1264
+ */
1261
1265
  childRows?: HierarchyGridRow[] | GridRow[];
1266
+ /**
1267
+ * Function called when a row with children is expanded or collapsed (based on the value of `open`).
1268
+ * Returns (or resolves to) the array of child rows nested under this row to display when expanded.
1269
+ */
1270
+ childrenTrigger?: (open?: boolean, triggerRow?: HierarchyGridRow) => (HierarchyGridRow[] | GridRow[]) | Promise<HierarchyGridRow[] | GridRow[]>;
1271
+ /**
1272
+ * Indicates whether child rows are currently being loaded.
1273
+ */
1274
+ loadingChildren?: boolean;
1275
+ /**
1276
+ * Indicates the level of nesting for this row in the hierarchy.
1277
+ */
1278
+ rowLevel?: number;
1279
+ /**
1280
+ * Reference to the parent row's unique identifier.
1281
+ */
1282
+ parentKey?: string | number;
1283
+ /**
1284
+ * Indicates whether child rows are currently visible.
1285
+ */
1286
+ visibleChildren?: boolean;
1262
1287
  };
1263
1288
  type ExpandableGridRow = GridRow & {
1264
1289
  expandedContent?: ReactNode;
@@ -1551,9 +1576,14 @@ type Props$r = {
1551
1576
  * lead to unexpected behaviours with the focus within the dialog.
1552
1577
  */
1553
1578
  tabIndex?: number;
1579
+ /**
1580
+ * If true the focusLock functionality won't work.
1581
+ * @private
1582
+ */
1583
+ disableFocusLock?: boolean;
1554
1584
  };
1555
1585
 
1556
- declare const DxcDialog: ({ children, closable, onBackgroundClick, onCloseClick, overlay, tabIndex, }: Props$r) => JSX.Element;
1586
+ declare const DxcDialog: ({ children, closable, onBackgroundClick, onCloseClick, overlay, tabIndex, disableFocusLock, }: Props$r) => JSX.Element;
1557
1587
 
1558
1588
  type Props$q = {
1559
1589
  /**
@@ -2086,6 +2116,10 @@ type TabProps$1 = {
2086
2116
  * Material Symbol name or SVG element used as the icon that will be displayed in the tab.
2087
2117
  */
2088
2118
  icon?: string | SVG;
2119
+ /**
2120
+ * This function will be called when the user clicks on this tab.
2121
+ */
2122
+ onClick?: () => void;
2089
2123
  /**
2090
2124
  * If the value is 'true', an empty badge will appear.
2091
2125
  * If it is 'false', no badge will appear.
@@ -3361,6 +3395,10 @@ type Action$1 = {
3361
3395
  title?: string;
3362
3396
  };
3363
3397
  type Props$4 = {
3398
+ /**
3399
+ * Sets the alignment inside the input.
3400
+ */
3401
+ alignment?: "left" | "right";
3364
3402
  /**
3365
3403
  * Text to be placed above the input. This label will be used as the aria-label attribute of the list of suggestions.
3366
3404
  */
@@ -5256,6 +5294,10 @@ declare const defaultTranslatedComponentLabels: {
5256
5294
  minToMaxOfText: (minNumberOfItems: number, maxNumberOfItems: number, totalItems: number) => string;
5257
5295
  goToPageText: string;
5258
5296
  pageOfText: (pageNumber: number, totalPagesNumber: number) => string;
5297
+ firstResultsTitle: string;
5298
+ previousResultsTitle: string;
5299
+ nextResultsTitle: string;
5300
+ lastResultsTitle: string;
5259
5301
  };
5260
5302
  passwordInput: {
5261
5303
  inputShowPasswordTitle: string;
@@ -6628,6 +6670,10 @@ declare const HalstackLanguageContext: react.Context<{
6628
6670
  minToMaxOfText: (minNumberOfItems: number, maxNumberOfItems: number, totalItems: number) => string;
6629
6671
  goToPageText: string;
6630
6672
  pageOfText: (pageNumber: number, totalPagesNumber: number) => string;
6673
+ firstResultsTitle: string;
6674
+ previousResultsTitle: string;
6675
+ nextResultsTitle: string;
6676
+ lastResultsTitle: string;
6631
6677
  };
6632
6678
  passwordInput: {
6633
6679
  inputShowPasswordTitle: string;
package/dist/index.d.ts CHANGED
@@ -1258,7 +1258,32 @@ type GridRow = {
1258
1258
  [key: string]: ReactNode | undefined;
1259
1259
  };
1260
1260
  type HierarchyGridRow = GridRow & {
1261
+ /**
1262
+ * Array of child rows nested under this row, enabling hierarchical (tree-like) structures.
1263
+ * These child rows will be displayed when the parent row is expanded.
1264
+ */
1261
1265
  childRows?: HierarchyGridRow[] | GridRow[];
1266
+ /**
1267
+ * Function called when a row with children is expanded or collapsed (based on the value of `open`).
1268
+ * Returns (or resolves to) the array of child rows nested under this row to display when expanded.
1269
+ */
1270
+ childrenTrigger?: (open?: boolean, triggerRow?: HierarchyGridRow) => (HierarchyGridRow[] | GridRow[]) | Promise<HierarchyGridRow[] | GridRow[]>;
1271
+ /**
1272
+ * Indicates whether child rows are currently being loaded.
1273
+ */
1274
+ loadingChildren?: boolean;
1275
+ /**
1276
+ * Indicates the level of nesting for this row in the hierarchy.
1277
+ */
1278
+ rowLevel?: number;
1279
+ /**
1280
+ * Reference to the parent row's unique identifier.
1281
+ */
1282
+ parentKey?: string | number;
1283
+ /**
1284
+ * Indicates whether child rows are currently visible.
1285
+ */
1286
+ visibleChildren?: boolean;
1262
1287
  };
1263
1288
  type ExpandableGridRow = GridRow & {
1264
1289
  expandedContent?: ReactNode;
@@ -1551,9 +1576,14 @@ type Props$r = {
1551
1576
  * lead to unexpected behaviours with the focus within the dialog.
1552
1577
  */
1553
1578
  tabIndex?: number;
1579
+ /**
1580
+ * If true the focusLock functionality won't work.
1581
+ * @private
1582
+ */
1583
+ disableFocusLock?: boolean;
1554
1584
  };
1555
1585
 
1556
- declare const DxcDialog: ({ children, closable, onBackgroundClick, onCloseClick, overlay, tabIndex, }: Props$r) => JSX.Element;
1586
+ declare const DxcDialog: ({ children, closable, onBackgroundClick, onCloseClick, overlay, tabIndex, disableFocusLock, }: Props$r) => JSX.Element;
1557
1587
 
1558
1588
  type Props$q = {
1559
1589
  /**
@@ -2086,6 +2116,10 @@ type TabProps$1 = {
2086
2116
  * Material Symbol name or SVG element used as the icon that will be displayed in the tab.
2087
2117
  */
2088
2118
  icon?: string | SVG;
2119
+ /**
2120
+ * This function will be called when the user clicks on this tab.
2121
+ */
2122
+ onClick?: () => void;
2089
2123
  /**
2090
2124
  * If the value is 'true', an empty badge will appear.
2091
2125
  * If it is 'false', no badge will appear.
@@ -3361,6 +3395,10 @@ type Action$1 = {
3361
3395
  title?: string;
3362
3396
  };
3363
3397
  type Props$4 = {
3398
+ /**
3399
+ * Sets the alignment inside the input.
3400
+ */
3401
+ alignment?: "left" | "right";
3364
3402
  /**
3365
3403
  * Text to be placed above the input. This label will be used as the aria-label attribute of the list of suggestions.
3366
3404
  */
@@ -5256,6 +5294,10 @@ declare const defaultTranslatedComponentLabels: {
5256
5294
  minToMaxOfText: (minNumberOfItems: number, maxNumberOfItems: number, totalItems: number) => string;
5257
5295
  goToPageText: string;
5258
5296
  pageOfText: (pageNumber: number, totalPagesNumber: number) => string;
5297
+ firstResultsTitle: string;
5298
+ previousResultsTitle: string;
5299
+ nextResultsTitle: string;
5300
+ lastResultsTitle: string;
5259
5301
  };
5260
5302
  passwordInput: {
5261
5303
  inputShowPasswordTitle: string;
@@ -6628,6 +6670,10 @@ declare const HalstackLanguageContext: react.Context<{
6628
6670
  minToMaxOfText: (minNumberOfItems: number, maxNumberOfItems: number, totalItems: number) => string;
6629
6671
  goToPageText: string;
6630
6672
  pageOfText: (pageNumber: number, totalPagesNumber: number) => string;
6673
+ firstResultsTitle: string;
6674
+ previousResultsTitle: string;
6675
+ nextResultsTitle: string;
6676
+ lastResultsTitle: string;
6631
6677
  };
6632
6678
  passwordInput: {
6633
6679
  inputShowPasswordTitle: string;