@hitachivantara/uikit-react-core 5.16.0 → 5.17.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 (102) hide show
  1. package/dist/cjs/components/Pagination/Pagination.cjs +46 -45
  2. package/dist/cjs/components/Pagination/Pagination.cjs.map +1 -1
  3. package/dist/cjs/components/Pagination/Pagination.styles.cjs +98 -160
  4. package/dist/cjs/components/Pagination/Pagination.styles.cjs.map +1 -1
  5. package/dist/cjs/components/Pagination/Select.cjs +2 -1
  6. package/dist/cjs/components/Pagination/Select.cjs.map +1 -1
  7. package/dist/cjs/components/QueryBuilder/ConfirmationDialog/ConfirmationDialog.cjs +30 -33
  8. package/dist/cjs/components/QueryBuilder/ConfirmationDialog/ConfirmationDialog.cjs.map +1 -1
  9. package/dist/cjs/components/QueryBuilder/ConfirmationDialog/ConfirmationDialog.styles.cjs +14 -0
  10. package/dist/cjs/components/QueryBuilder/ConfirmationDialog/ConfirmationDialog.styles.cjs.map +1 -0
  11. package/dist/cjs/components/QueryBuilder/QueryBuilder.cjs +6 -6
  12. package/dist/cjs/components/QueryBuilder/QueryBuilder.cjs.map +1 -1
  13. package/dist/cjs/components/QueryBuilder/{RuleGroup/RuleGroup.styles.cjs → QueryBuilder.styles.cjs} +48 -29
  14. package/dist/cjs/components/QueryBuilder/QueryBuilder.styles.cjs.map +1 -0
  15. package/dist/cjs/components/QueryBuilder/Rule/Rule.cjs +60 -61
  16. package/dist/cjs/components/QueryBuilder/Rule/Rule.cjs.map +1 -1
  17. package/dist/cjs/components/QueryBuilder/Rule/Rule.styles.cjs +10 -5
  18. package/dist/cjs/components/QueryBuilder/Rule/Rule.styles.cjs.map +1 -1
  19. package/dist/cjs/components/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.cjs +253 -0
  20. package/dist/cjs/components/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.cjs.map +1 -0
  21. package/dist/cjs/components/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.styles.cjs +40 -0
  22. package/dist/cjs/components/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.styles.cjs.map +1 -0
  23. package/dist/cjs/components/QueryBuilder/Rule/Value/DateTimeValue/utils.cjs +37 -0
  24. package/dist/cjs/components/QueryBuilder/Rule/Value/DateTimeValue/utils.cjs.map +1 -0
  25. package/dist/cjs/components/QueryBuilder/Rule/Value/NumericValue/Numeric.styles.cjs +10 -6
  26. package/dist/cjs/components/QueryBuilder/Rule/Value/NumericValue/Numeric.styles.cjs.map +1 -1
  27. package/dist/cjs/components/QueryBuilder/Rule/Value/NumericValue/NumericValue.cjs +76 -82
  28. package/dist/cjs/components/QueryBuilder/Rule/Value/NumericValue/NumericValue.cjs.map +1 -1
  29. package/dist/cjs/components/QueryBuilder/Rule/Value/TextValue/TextValue.cjs +33 -37
  30. package/dist/cjs/components/QueryBuilder/Rule/Value/TextValue/TextValue.cjs.map +1 -1
  31. package/dist/cjs/components/QueryBuilder/Rule/Value/TextValue/TextValue.styles.cjs +8 -3
  32. package/dist/cjs/components/QueryBuilder/Rule/Value/TextValue/TextValue.styles.cjs.map +1 -1
  33. package/dist/cjs/components/QueryBuilder/Rule/Value/Value.cjs +8 -5
  34. package/dist/cjs/components/QueryBuilder/Rule/Value/Value.cjs.map +1 -1
  35. package/dist/cjs/components/QueryBuilder/RuleGroup/RuleGroup.cjs +155 -166
  36. package/dist/cjs/components/QueryBuilder/RuleGroup/RuleGroup.cjs.map +1 -1
  37. package/dist/cjs/components/TimePicker/TimePicker.cjs +60 -70
  38. package/dist/cjs/components/TimePicker/TimePicker.cjs.map +1 -1
  39. package/dist/cjs/index.cjs +4 -4
  40. package/dist/esm/components/Pagination/Pagination.js +50 -48
  41. package/dist/esm/components/Pagination/Pagination.js.map +1 -1
  42. package/dist/esm/components/Pagination/Pagination.styles.js +98 -158
  43. package/dist/esm/components/Pagination/Pagination.styles.js.map +1 -1
  44. package/dist/esm/components/Pagination/Select.js +2 -1
  45. package/dist/esm/components/Pagination/Select.js.map +1 -1
  46. package/dist/esm/components/QueryBuilder/ConfirmationDialog/ConfirmationDialog.js +31 -34
  47. package/dist/esm/components/QueryBuilder/ConfirmationDialog/ConfirmationDialog.js.map +1 -1
  48. package/dist/esm/components/QueryBuilder/ConfirmationDialog/ConfirmationDialog.styles.js +14 -0
  49. package/dist/esm/components/QueryBuilder/ConfirmationDialog/ConfirmationDialog.styles.js.map +1 -0
  50. package/dist/esm/components/QueryBuilder/QueryBuilder.js +6 -6
  51. package/dist/esm/components/QueryBuilder/QueryBuilder.js.map +1 -1
  52. package/dist/esm/components/QueryBuilder/{RuleGroup/RuleGroup.styles.js → QueryBuilder.styles.js} +48 -29
  53. package/dist/esm/components/QueryBuilder/QueryBuilder.styles.js.map +1 -0
  54. package/dist/esm/components/QueryBuilder/Rule/Rule.js +61 -62
  55. package/dist/esm/components/QueryBuilder/Rule/Rule.js.map +1 -1
  56. package/dist/esm/components/QueryBuilder/Rule/Rule.styles.js +10 -5
  57. package/dist/esm/components/QueryBuilder/Rule/Rule.styles.js.map +1 -1
  58. package/dist/esm/components/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.js +250 -0
  59. package/dist/esm/components/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.js.map +1 -0
  60. package/dist/esm/components/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.styles.js +40 -0
  61. package/dist/esm/components/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.styles.js.map +1 -0
  62. package/dist/esm/components/QueryBuilder/Rule/Value/DateTimeValue/utils.js +35 -0
  63. package/dist/esm/components/QueryBuilder/Rule/Value/DateTimeValue/utils.js.map +1 -0
  64. package/dist/esm/components/QueryBuilder/Rule/Value/NumericValue/Numeric.styles.js +10 -6
  65. package/dist/esm/components/QueryBuilder/Rule/Value/NumericValue/Numeric.styles.js.map +1 -1
  66. package/dist/esm/components/QueryBuilder/Rule/Value/NumericValue/NumericValue.js +78 -84
  67. package/dist/esm/components/QueryBuilder/Rule/Value/NumericValue/NumericValue.js.map +1 -1
  68. package/dist/esm/components/QueryBuilder/Rule/Value/TextValue/TextValue.js +34 -38
  69. package/dist/esm/components/QueryBuilder/Rule/Value/TextValue/TextValue.js.map +1 -1
  70. package/dist/esm/components/QueryBuilder/Rule/Value/TextValue/TextValue.styles.js +8 -3
  71. package/dist/esm/components/QueryBuilder/Rule/Value/TextValue/TextValue.styles.js.map +1 -1
  72. package/dist/esm/components/QueryBuilder/Rule/Value/Value.js +7 -4
  73. package/dist/esm/components/QueryBuilder/Rule/Value/Value.js.map +1 -1
  74. package/dist/esm/components/QueryBuilder/RuleGroup/RuleGroup.js +157 -168
  75. package/dist/esm/components/QueryBuilder/RuleGroup/RuleGroup.js.map +1 -1
  76. package/dist/esm/components/TimePicker/TimePicker.js +60 -70
  77. package/dist/esm/components/TimePicker/TimePicker.js.map +1 -1
  78. package/dist/esm/index.js +134 -134
  79. package/dist/types/index.d.ts +66 -75
  80. package/package.json +2 -2
  81. package/dist/cjs/components/Pagination/paginationClasses.cjs +0 -8
  82. package/dist/cjs/components/Pagination/paginationClasses.cjs.map +0 -1
  83. package/dist/cjs/components/QueryBuilder/Rule/Value/NumericValue/numericValueClasses.cjs +0 -8
  84. package/dist/cjs/components/QueryBuilder/Rule/Value/NumericValue/numericValueClasses.cjs.map +0 -1
  85. package/dist/cjs/components/QueryBuilder/Rule/Value/TextValue/textValueClasses.cjs +0 -8
  86. package/dist/cjs/components/QueryBuilder/Rule/Value/TextValue/textValueClasses.cjs.map +0 -1
  87. package/dist/cjs/components/QueryBuilder/Rule/ruleClasses.cjs +0 -8
  88. package/dist/cjs/components/QueryBuilder/Rule/ruleClasses.cjs.map +0 -1
  89. package/dist/cjs/components/QueryBuilder/RuleGroup/RuleGroup.styles.cjs.map +0 -1
  90. package/dist/cjs/components/QueryBuilder/queryBuilderClasses.cjs +0 -8
  91. package/dist/cjs/components/QueryBuilder/queryBuilderClasses.cjs.map +0 -1
  92. package/dist/esm/components/Pagination/paginationClasses.js +0 -8
  93. package/dist/esm/components/Pagination/paginationClasses.js.map +0 -1
  94. package/dist/esm/components/QueryBuilder/Rule/Value/NumericValue/numericValueClasses.js +0 -8
  95. package/dist/esm/components/QueryBuilder/Rule/Value/NumericValue/numericValueClasses.js.map +0 -1
  96. package/dist/esm/components/QueryBuilder/Rule/Value/TextValue/textValueClasses.js +0 -8
  97. package/dist/esm/components/QueryBuilder/Rule/Value/TextValue/textValueClasses.js.map +0 -1
  98. package/dist/esm/components/QueryBuilder/Rule/ruleClasses.js +0 -8
  99. package/dist/esm/components/QueryBuilder/Rule/ruleClasses.js.map +0 -1
  100. package/dist/esm/components/QueryBuilder/RuleGroup/RuleGroup.styles.js.map +0 -1
  101. package/dist/esm/components/QueryBuilder/queryBuilderClasses.js +0 -8
  102. package/dist/esm/components/QueryBuilder/queryBuilderClasses.js.map +0 -1
@@ -209,6 +209,8 @@ export declare const appSwitcherClasses: {
209
209
  closed: "HvAppSwitcher-closed";
210
210
  };
211
211
 
212
+ export declare type Arrayable<T> = T | T[];
213
+
212
214
  declare type AsProp<C extends React.ElementType> = {
213
215
  component?: C;
214
216
  };
@@ -1365,11 +1367,11 @@ export declare const HvBanner: ({ id, classes: classesProp, className, open, onC
1365
1367
 
1366
1368
  export declare type HvBannerActionPosition = "auto" | "inline" | "bottom-right";
1367
1369
 
1368
- export declare type HvBannerClasses = ExtractNames<typeof useClasses_2>;
1370
+ export declare type HvBannerClasses = ExtractNames<typeof useClasses_3>;
1369
1371
 
1370
1372
  export declare const HvBannerContent: ForwardRefExoticComponent<Omit<HvBannerContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
1371
1373
 
1372
- export declare type HvBannerContentClasses = ExtractNames<typeof useClasses_3>;
1374
+ export declare type HvBannerContentClasses = ExtractNames<typeof useClasses_4>;
1373
1375
 
1374
1376
  export declare interface HvBannerContentProps extends Omit<SnackbarContentProps, "variant" | "classes" | "onClose">, HvBaseProps {
1375
1377
  /** The message to display. */
@@ -5054,34 +5056,9 @@ export declare interface HvOverflowTooltipProps extends HvBaseProps {
5054
5056
  * Pagination is the process of dividing a document into discrete pages. It relates to how users interact
5055
5057
  * with structured content on a website or application.
5056
5058
  */
5057
- export declare const HvPagination: ({ classes, className, id, pages, page, showPageSizeOptions, pageSizeOptions, pageSize, showPageJump, canPrevious, canNext, onPageChange, onPageSizeChange, labels: labelsProp, showPageProps, navigationProps, currentPageInputProps, ...others }: HvPaginationProps) => JSX_2.Element;
5059
+ export declare const HvPagination: ({ classes: classesProp, className, id, pages, page, showPageSizeOptions, pageSizeOptions, pageSize, showPageJump, canPrevious, canNext, onPageChange, onPageSizeChange, labels: labelsProp, showPageProps, navigationProps, currentPageInputProps, ...others }: HvPaginationProps) => JSX_2.Element;
5058
5060
 
5059
- export declare interface HvPaginationClasses {
5060
- /** Styles applied to the component root class. */
5061
- root?: string;
5062
- /** Styles applied to the page size selector container. */
5063
- pageSizeOptions?: string;
5064
- /** Styles applied to the page size selector dropdown element. */
5065
- pageSizeOptionsSelect?: string;
5066
- /** Styles applied to the element that holds the labels for the page size selector */
5067
- pageSizeTextContainer?: string;
5068
- /** Styles applied to the page navigation container. */
5069
- pageNavigator?: string;
5070
- /** Styles applied to the central page information container. */
5071
- pageInfo?: string;
5072
- /** Styles applied to the page selector input container. */
5073
- pageJump?: string;
5074
- /** Styles passed down to the page selector Input component as `input`. */
5075
- pageSizeInput?: string;
5076
- /** Styles passed down to the page selector Input root. */
5077
- pageSizeInputRoot?: string;
5078
- /** Styles passed down to the page selector Input component as `container`. */
5079
- pageSizeInputContainer?: string;
5080
- /** Styles applied to each navigation `HvButton` icon container. */
5081
- iconContainer?: string;
5082
- /** Styles applied to each navigation icon. */
5083
- icon?: string;
5084
- }
5061
+ export declare type HvPaginationClasses = ExtractNames<typeof useClasses_2>;
5085
5062
 
5086
5063
  export declare interface HvPaginationLabels {
5087
5064
  /** The show label. */
@@ -5144,7 +5121,7 @@ export declare interface HvPaginationProps extends HvBaseProps {
5144
5121
  /** Extra properties passed to the input component representing the current pages. */
5145
5122
  currentPageInputProps?: HvInputProps;
5146
5123
  /** A Jss Object used to override or extend the styles applied to the component. */
5147
- classes?: HvPaginationClasses;
5124
+ classes?: Partial<HvPaginationClasses>;
5148
5125
  }
5149
5126
 
5150
5127
  /**
@@ -5277,50 +5254,12 @@ export declare interface HvProviderProps {
5277
5254
  /**
5278
5255
  * **HvQueryBuilder** component allows you to create conditions and group them using logical operators.
5279
5256
  * It outputs a structured set of rules which can be easily parsed to create SQL/NoSQL/whatever queries.
5280
- *
5281
- * **PLEASE NOTE**: This component implementation is still a WIP. There might be breaking changes.
5282
5257
  */
5283
5258
  export declare const HvQueryBuilder: ({ attributes, query, onChange, operators, combinators, maxDepth, labels, readOnly, classes, }: HvQueryBuilderProps) => JSX_2.Element;
5284
5259
 
5285
- export declare interface HvQueryBuilderClasses {
5286
- /** Styles applied to the component root class. */
5287
- root?: string;
5288
- /** Styles applied to the top group container. */
5289
- topGroup?: string;
5290
- /** Styles applied to the sub group containers. */
5291
- subGroup?: string;
5292
- /** Styles applied to the radio button+label topGroup when the radio button is disabled. */
5293
- combinator?: string;
5294
- /** Styles applied to the multi-button combinator container on the top group. */
5295
- topCombinator?: string;
5296
- /** Styles applied to each combinator button. */
5297
- combinatorButton?: string;
5298
- /** Styles applied to the remove button. */
5299
- removeButton?: string;
5300
- /** Styles applied to the remove button on the top group. */
5301
- topRemoveButton?: string;
5302
- /** Styles applied to the remove button when disabled on the top group. */
5303
- topRemoveButtonDisabled?: string;
5304
- /** Styles applied to the rules container. */
5305
- rulesContainer?: string;
5306
- /** Styles applied to the sub rules container. */
5307
- subRulesContainer?: string;
5308
- /** Styles applied to the action button container. */
5309
- actionButtonContainer?: string;
5310
- /** Styles applied to the top action button container. */
5311
- topActionButtonContainer?: string;
5312
- /** Styles applied to the top rules container. */
5313
- topRulesContainer?: string;
5314
- /** Styles applied to the background of buttons to remove transparency */
5315
- buttonBackground?: string;
5316
- }
5260
+ export declare type HvQueryBuilderClasses = Partial<ExtractNames<typeof useClasses_5>>;
5317
5261
 
5318
5262
  export declare interface HvQueryBuilderProps {
5319
- /**
5320
- * Override or extend the styles applied to the component.
5321
- * See CSS API tab for more details.
5322
- */
5323
- classes?: HvQueryBuilderClasses;
5324
5263
  attributes?: Record<string, Attribute>;
5325
5264
  /**
5326
5265
  * The query rules operators by attribute type and combinator.
@@ -5351,6 +5290,11 @@ export declare interface HvQueryBuilderProps {
5351
5290
  * A flag indicating if the Query Builder is in read only mode.
5352
5291
  */
5353
5292
  readOnly?: boolean;
5293
+ /**
5294
+ * Override or extend the styles applied to the component.
5295
+ * See CSS API tab for more details.
5296
+ */
5297
+ classes?: HvQueryBuilderClasses;
5354
5298
  }
5355
5299
 
5356
5300
  /**
@@ -7232,7 +7176,7 @@ export declare interface HvTimeAgoProps extends HvBaseProps<HTMLElement, "childr
7232
7176
  */
7233
7177
  export declare const HvTimePicker: (props: HvTimePickerProps) => JSX_2.Element;
7234
7178
 
7235
- export declare type HvTimePickerClasses = ExtractNames<typeof useClasses_4>;
7179
+ export declare type HvTimePickerClasses = ExtractNames<typeof useClasses_6>;
7236
7180
 
7237
7181
  export declare type HvTimePickerClassKey = "root" | "input" | "label" | "placeholder" | "timePopperContainer" | "separator" | "periodContainer" | "formElementRoot" | "dropdownPlaceholder" | "iconBaseRoot" | "error" | "labelContainer" | "description" | "dropdownHeaderInvalid" | "dropdownPlaceholderDisabled" | "dropdownHeaderOpen";
7238
7182
 
@@ -8321,8 +8265,8 @@ export declare const paginationClasses: {
8321
8265
  root: "HvPagination-root";
8322
8266
  iconContainer: "HvPagination-iconContainer";
8323
8267
  pageSizeOptions: "HvPagination-pageSizeOptions";
8324
- pageSizeOptionsSelect: "HvPagination-pageSizeOptionsSelect";
8325
8268
  pageSizeTextContainer: "HvPagination-pageSizeTextContainer";
8269
+ pageSizeOptionsSelect: "HvPagination-pageSizeOptionsSelect";
8326
8270
  pageNavigator: "HvPagination-pageNavigator";
8327
8271
  pageInfo: "HvPagination-pageInfo";
8328
8272
  pageJump: "HvPagination-pageJump";
@@ -8375,9 +8319,9 @@ declare interface Query {
8375
8319
 
8376
8320
  export declare const queryBuilderClasses: {
8377
8321
  root: "HvQueryBuilder-root";
8378
- combinator: "HvQueryBuilder-combinator";
8379
8322
  topGroup: "HvQueryBuilder-topGroup";
8380
8323
  subGroup: "HvQueryBuilder-subGroup";
8324
+ combinator: "HvQueryBuilder-combinator";
8381
8325
  topCombinator: "HvQueryBuilder-topCombinator";
8382
8326
  combinatorButton: "HvQueryBuilder-combinatorButton";
8383
8327
  removeButton: "HvQueryBuilder-removeButton";
@@ -9115,7 +9059,29 @@ declare const useClasses: (classesProp?: Partial<Record<"root", string>>) => {
9115
9059
  cx: (...args: any) => string;
9116
9060
  };
9117
9061
 
9118
- declare const useClasses_2: (classesProp?: Partial<Record<"root" | "rootClosed" | "anchorOriginTopCenter" | "anchorOriginBottomCenter", string>>) => {
9062
+ declare const useClasses_2: (classesProp?: Partial<Record<"icon" | "root" | "iconContainer" | "pageSizeOptions" | "pageSizeTextContainer" | "pageSizeOptionsSelect" | "pageNavigator" | "pageInfo" | "pageJump" | "pageSizeInput" | "pageSizeInputRoot" | "pageSizeInputContainer", string>>) => {
9063
+ classes: {
9064
+ icon: string;
9065
+ root: string;
9066
+ iconContainer: string;
9067
+ pageSizeOptions: string;
9068
+ pageSizeTextContainer: string;
9069
+ pageSizeOptionsSelect: string;
9070
+ pageNavigator: string;
9071
+ pageInfo: string;
9072
+ pageJump: string;
9073
+ pageSizeInput: string;
9074
+ pageSizeInputRoot: string;
9075
+ pageSizeInputContainer: string;
9076
+ };
9077
+ css: {
9078
+ (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
9079
+ (...args: CSSInterpolation[]): string;
9080
+ };
9081
+ cx: (...args: any) => string;
9082
+ };
9083
+
9084
+ declare const useClasses_3: (classesProp?: Partial<Record<"root" | "rootClosed" | "anchorOriginTopCenter" | "anchorOriginBottomCenter", string>>) => {
9119
9085
  classes: {
9120
9086
  root: string;
9121
9087
  rootClosed: string;
@@ -9129,7 +9095,7 @@ declare const useClasses_2: (classesProp?: Partial<Record<"root" | "rootClosed"
9129
9095
  cx: (...args: any) => string;
9130
9096
  };
9131
9097
 
9132
- declare const useClasses_3: (classesProp?: Partial<Record<"default" | "action" | "error" | "warning" | "success" | "root" | "message" | "baseVariant" | "outContainer", string>>) => {
9098
+ declare const useClasses_4: (classesProp?: Partial<Record<"default" | "action" | "error" | "warning" | "success" | "root" | "message" | "baseVariant" | "outContainer", string>>) => {
9133
9099
  classes: {
9134
9100
  default: string;
9135
9101
  action: string;
@@ -9148,7 +9114,32 @@ declare const useClasses_3: (classesProp?: Partial<Record<"default" | "action" |
9148
9114
  cx: (...args: any) => string;
9149
9115
  };
9150
9116
 
9151
- declare const useClasses_4: (classesProp?: Partial<Record<"placeholder" | "label" | "icon" | "error" | "root" | "description" | "labelContainer" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "placeholderDisabled" | "dropdownPanel" | "timePopperContainer", string>>) => {
9117
+ declare const useClasses_5: (classesProp?: Partial<Record<"root" | "topGroup" | "subGroup" | "combinator" | "topCombinator" | "combinatorButton" | "removeButton" | "topRemoveButton" | "topRemoveButtonDisabled" | "rulesContainer" | "subRulesContainer" | "actionButtonContainer" | "topActionButtonContainer" | "topRulesContainer" | "buttonBackground", string>>) => {
9118
+ classes: {
9119
+ root: string;
9120
+ topGroup: string;
9121
+ subGroup: string;
9122
+ combinator: string;
9123
+ topCombinator: string;
9124
+ combinatorButton: string;
9125
+ removeButton: string;
9126
+ topRemoveButton: string;
9127
+ topRemoveButtonDisabled: string;
9128
+ rulesContainer: string;
9129
+ subRulesContainer: string;
9130
+ actionButtonContainer: string;
9131
+ topActionButtonContainer: string;
9132
+ topRulesContainer: string;
9133
+ buttonBackground: string;
9134
+ };
9135
+ css: {
9136
+ (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
9137
+ (...args: CSSInterpolation[]): string;
9138
+ };
9139
+ cx: (...args: any) => string;
9140
+ };
9141
+
9142
+ declare const useClasses_6: (classesProp?: Partial<Record<"placeholder" | "label" | "icon" | "error" | "root" | "description" | "labelContainer" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "placeholderDisabled" | "dropdownPanel" | "timePopperContainer", string>>) => {
9152
9143
  classes: {
9153
9144
  placeholder: string;
9154
9145
  label: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hitachivantara/uikit-react-core",
3
- "version": "5.16.0",
3
+ "version": "5.17.0",
4
4
  "private": false,
5
5
  "author": "Hitachi Vantara UI Kit Team",
6
6
  "description": "Core React components for the NEXT Design System.",
@@ -64,7 +64,7 @@
64
64
  "access": "public",
65
65
  "directory": "package"
66
66
  },
67
- "gitHead": "5f85a968b98dde34c02f092068b09819335551ba",
67
+ "gitHead": "bccee7d5747d83da4ba75b5a83fdd780383e10ed",
68
68
  "main": "dist/cjs/index.cjs",
69
69
  "exports": {
70
70
  ".": {
@@ -1,8 +0,0 @@
1
- "use strict";
2
- Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const classes = require("../../utils/classes.cjs");
4
- const classKeys = ["root", "pageSizeOptions", "pageSizeOptionsSelect", "pageSizeTextContainer", "pageNavigator", "pageInfo", "pageJump", "pageSizeInput", "pageSizeInputRoot", "pageSizeInputContainer", "iconContainer", "icon"];
5
- const paginationClasses = classes.getClasses(classKeys, "HvPagination");
6
- const paginationClasses$1 = paginationClasses;
7
- exports.default = paginationClasses$1;
8
- //# sourceMappingURL=paginationClasses.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"paginationClasses.cjs","sources":["../../../../src/components/Pagination/paginationClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvPaginationClasses {\n /** Styles applied to the component root class. */\n root?: string;\n /** Styles applied to the page size selector container. */\n pageSizeOptions?: string;\n /** Styles applied to the page size selector dropdown element. */\n pageSizeOptionsSelect?: string;\n /** Styles applied to the element that holds the labels for the page size selector */\n pageSizeTextContainer?: string;\n /** Styles applied to the page navigation container. */\n pageNavigator?: string;\n /** Styles applied to the central page information container. */\n pageInfo?: string;\n /** Styles applied to the page selector input container. */\n pageJump?: string;\n /** Styles passed down to the page selector Input component as `input`. */\n pageSizeInput?: string;\n /** Styles passed down to the page selector Input root. */\n pageSizeInputRoot?: string;\n /** Styles passed down to the page selector Input component as `container`. */\n pageSizeInputContainer?: string;\n /** Styles applied to each navigation `HvButton` icon container. */\n iconContainer?: string;\n /** Styles applied to each navigation icon. */\n icon?: string;\n}\n\nconst classKeys: (keyof HvPaginationClasses)[] = [\n \"root\",\n \"pageSizeOptions\",\n \"pageSizeOptionsSelect\",\n \"pageSizeTextContainer\",\n \"pageNavigator\",\n \"pageInfo\",\n \"pageJump\",\n \"pageSizeInput\",\n \"pageSizeInputRoot\",\n \"pageSizeInputContainer\",\n \"iconContainer\",\n \"icon\",\n];\n\nconst paginationClasses = getClasses(classKeys, \"HvPagination\");\n\nexport default paginationClasses;\n"],"names":["classKeys","paginationClasses","getClasses"],"mappings":";;;AA6BA,MAAMA,YAA2C,CAC/C,QACA,mBACA,yBACA,yBACA,iBACA,YACA,YACA,iBACA,qBACA,0BACA,iBACA,MAAM;AAGR,MAAMC,oBAAoBC,QAAWF,WAAAA,WAAW,cAAc;AAE9D,MAAA,sBAAeC;;"}
@@ -1,8 +0,0 @@
1
- "use strict";
2
- Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const classes = require("../../../../../utils/classes.cjs");
4
- const classKeys = ["root", "label", "inputContainer", "rangeContainer", "input", "isMdDown"];
5
- const numericValueClasses = classes.getClasses(classKeys, "HvNumericValue");
6
- const numericValueClasses$1 = numericValueClasses;
7
- exports.default = numericValueClasses$1;
8
- //# sourceMappingURL=numericValueClasses.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"numericValueClasses.cjs","sources":["../../../../../../../src/components/QueryBuilder/Rule/Value/NumericValue/numericValueClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvNumericValueClasses {\n /** Styles applied to the component root class. */\n root?: string;\n /** Styles applied to the label. */\n label?: string;\n /** Styles applied to input container. */\n inputContainer?: string;\n /** Styles applied to input container. */\n rangeContainer?: string;\n /** Styles applied to range container. */\n input?: string;\n /** Styles applied when the screen size is lower. */\n isMdDown?: string;\n}\n\nconst classKeys: (keyof HvNumericValueClasses)[] = [\n \"root\",\n \"label\",\n \"inputContainer\",\n \"rangeContainer\",\n \"input\",\n \"isMdDown\",\n];\n\nconst numericValueClasses = getClasses(classKeys, \"HvNumericValue\");\n\nexport default numericValueClasses;\n"],"names":["classKeys","numericValueClasses","getClasses"],"mappings":";;;AAiBA,MAAMA,YAA6C,CACjD,QACA,SACA,kBACA,kBACA,SACA,UAAU;AAGZ,MAAMC,sBAAsBC,QAAWF,WAAAA,WAAW,gBAAgB;AAElE,MAAA,wBAAeC;;"}
@@ -1,8 +0,0 @@
1
- "use strict";
2
- Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const classes = require("../../../../../utils/classes.cjs");
4
- const classKeys = ["location"];
5
- const textValueClasses = classes.getClasses(classKeys, "HvTextValue");
6
- const textValueClasses$1 = textValueClasses;
7
- exports.default = textValueClasses$1;
8
- //# sourceMappingURL=textValueClasses.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"textValueClasses.cjs","sources":["../../../../../../../src/components/QueryBuilder/Rule/Value/TextValue/textValueClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvTextValueClasses {\n /** Styles applied to the location class. */\n location?: string;\n}\n\nconst classKeys: (keyof HvTextValueClasses)[] = [\"location\"];\n\nconst textValueClasses = getClasses(classKeys, \"HvTextValue\");\n\nexport default textValueClasses;\n"],"names":["classKeys","textValueClasses","getClasses"],"mappings":";;;AAOA,MAAMA,YAA0C,CAAC,UAAU;AAE3D,MAAMC,mBAAmBC,QAAWF,WAAAA,WAAW,aAAa;AAE5D,MAAA,qBAAeC;;"}
@@ -1,8 +0,0 @@
1
- "use strict";
2
- Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const classes = require("../../../utils/classes.cjs");
4
- const classKeys = ["root", "actionsContainer", "isMdDown"];
5
- const ruleClasses = classes.getClasses(classKeys, "HvRule");
6
- const ruleClasses$1 = ruleClasses;
7
- exports.default = ruleClasses$1;
8
- //# sourceMappingURL=ruleClasses.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ruleClasses.cjs","sources":["../../../../../src/components/QueryBuilder/Rule/ruleClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvRuleClasses {\n /** Styles applied to the component root class. */\n root?: string;\n /** Styles applied to the actions container. */\n actionsContainer?: string;\n /** Styles applied when the screen size is lower. */\n isMdDown?: string;\n}\n\nconst classKeys: (keyof HvRuleClasses)[] = [\n \"root\",\n \"actionsContainer\",\n \"isMdDown\",\n];\n\nconst ruleClasses = getClasses(classKeys, \"HvRule\");\n\nexport default ruleClasses;\n"],"names":["classKeys","ruleClasses","getClasses"],"mappings":";;;AAWA,MAAMA,YAAqC,CACzC,QACA,oBACA,UAAU;AAGZ,MAAMC,cAAcC,QAAWF,WAAAA,WAAW,QAAQ;AAElD,MAAA,gBAAeC;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"RuleGroup.styles.cjs","sources":["../../../../../src/components/QueryBuilder/RuleGroup/RuleGroup.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport queryBuilderClasses, {\n HvQueryBuilderClasses,\n} from \"../queryBuilderClasses\";\n\nexport const styles: Partial<\n Record<keyof HvQueryBuilderClasses, CSSInterpolation>\n> = {\n root: {\n position: \"relative\",\n padding: theme.space.sm,\n\n marginTop: 12,\n marginBottom: 32,\n\n border: theme.queryBuilder.border,\n },\n subGroup: {\n margin: \"40px 14px 32px 20px\",\n minHeight: 120,\n paddingBottom: 60,\n\n \"&::before\": {\n content: '\"\"',\n position: \"absolute\",\n zIndex: 2,\n\n width: 21,\n height: 36,\n\n borderBottom: theme.queryBuilder.border,\n borderLeft: theme.queryBuilder.border,\n\n top: -38,\n left: theme.queryBuilder.ruleSubGroupLeftConnectorPosition,\n },\n [`:not(.${queryBuilderClasses.topRulesContainer})>&:last-child::after`]: {\n content: '\"\"',\n position: \"absolute\",\n zIndex: 1,\n\n width: 32,\n height: \"100%\",\n\n borderLeft: theme.queryBuilder.border,\n\n top: 0,\n left: `calc(${theme.space.sm} + 2)`,\n },\n },\n topGroup: {\n margin: theme.space.sm,\n backgroundColor: \"transparent\",\n maxWidth: \"100%\",\n minWidth: 740,\n\n paddingBottom: theme.queryBuilder.topGroupPaddingBottom,\n },\n\n combinator: {\n minWidth: 80,\n },\n topCombinator: {\n position: \"absolute\",\n top: `calc( -1 * ${theme.space.sm})`,\n left: `calc( -1 * ${theme.space.sm})`,\n },\n\n combinatorButton: {},\n\n actionButtonContainer: {\n marginLeft: \"auto\",\n\n \"&>*\": {\n marginLeft: theme.space.sm,\n },\n },\n topActionButtonContainer: {\n position: \"absolute\",\n bottom: theme.queryBuilder.topActionButtonContainerBottom,\n right: theme.queryBuilder.topActionButtonContainerRight,\n },\n buttonBackground: {\n backgroundColor: theme.colors.atmo2,\n display: \"inline-flex\",\n },\n removeButton: {},\n topRemoveButton: {\n position: \"absolute\",\n top: -16,\n right: -16,\n },\n\n topRemoveButtonDisabled: {\n backgroundColor: theme.colors.atmo2,\n },\n\n rulesContainer: {},\n\n topRulesContainer: {},\n\n subRulesContainer: {\n borderLeft: theme.queryBuilder.border,\n\n marginLeft: theme.space.sm,\n marginBottom: theme.space.md,\n paddingLeft: theme.space.sm,\n\n paddingTop: 7,\n\n position: \"relative\",\n left: theme.queryBuilder.ruleSubGroupContainerLeftConnectorPosition,\n\n width: \"100%\",\n },\n};\n"],"names":["styles","root","position","padding","theme","space","sm","marginTop","marginBottom","border","queryBuilder","subGroup","margin","minHeight","paddingBottom","content","zIndex","width","height","borderBottom","borderLeft","top","left","ruleSubGroupLeftConnectorPosition","queryBuilderClasses","topRulesContainer","topGroup","backgroundColor","maxWidth","minWidth","topGroupPaddingBottom","combinator","topCombinator","combinatorButton","actionButtonContainer","marginLeft","topActionButtonContainer","bottom","topActionButtonContainerBottom","right","topActionButtonContainerRight","buttonBackground","colors","atmo2","display","removeButton","topRemoveButton","topRemoveButtonDisabled","rulesContainer","subRulesContainer","md","paddingLeft","paddingTop","ruleSubGroupContainerLeftConnectorPosition"],"mappings":";;;;AAMO,MAAMA,SAET;AAAA,EACFC,MAAM;AAAA,IACJC,UAAU;AAAA,IACVC,SAASC,YAAAA,MAAMC,MAAMC;AAAAA,IAErBC,WAAW;AAAA,IACXC,cAAc;AAAA,IAEdC,QAAQL,YAAAA,MAAMM,aAAaD;AAAAA,EAC7B;AAAA,EACAE,UAAU;AAAA,IACRC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXC,eAAe;AAAA,IAEf,aAAa;AAAA,MACXC,SAAS;AAAA,MACTb,UAAU;AAAA,MACVc,QAAQ;AAAA,MAERC,OAAO;AAAA,MACPC,QAAQ;AAAA,MAERC,cAAcf,YAAAA,MAAMM,aAAaD;AAAAA,MACjCW,YAAYhB,YAAAA,MAAMM,aAAaD;AAAAA,MAE/BY,KAAK;AAAA,MACLC,MAAMlB,YAAAA,MAAMM,aAAaa;AAAAA,IAC3B;AAAA,IACA,CAAE,SAAQC,oBAAAA,QAAoBC,wCAAwC,GAAG;AAAA,MACvEV,SAAS;AAAA,MACTb,UAAU;AAAA,MACVc,QAAQ;AAAA,MAERC,OAAO;AAAA,MACPC,QAAQ;AAAA,MAERE,YAAYhB,YAAAA,MAAMM,aAAaD;AAAAA,MAE/BY,KAAK;AAAA,MACLC,MAAO,QAAOlB,YAAAA,MAAMC,MAAMC;AAAAA,IAC5B;AAAA,EACF;AAAA,EACAoB,UAAU;AAAA,IACRd,QAAQR,YAAAA,MAAMC,MAAMC;AAAAA,IACpBqB,iBAAiB;AAAA,IACjBC,UAAU;AAAA,IACVC,UAAU;AAAA,IAEVf,eAAeV,YAAAA,MAAMM,aAAaoB;AAAAA,EACpC;AAAA,EAEAC,YAAY;AAAA,IACVF,UAAU;AAAA,EACZ;AAAA,EACAG,eAAe;AAAA,IACb9B,UAAU;AAAA,IACVmB,KAAM,cAAajB,YAAAA,MAAMC,MAAMC;AAAAA,IAC/BgB,MAAO,cAAalB,YAAAA,MAAMC,MAAMC;AAAAA,EAClC;AAAA,EAEA2B,kBAAkB,CAAC;AAAA,EAEnBC,uBAAuB;AAAA,IACrBC,YAAY;AAAA,IAEZ,OAAO;AAAA,MACLA,YAAY/B,YAAAA,MAAMC,MAAMC;AAAAA,IAC1B;AAAA,EACF;AAAA,EACA8B,0BAA0B;AAAA,IACxBlC,UAAU;AAAA,IACVmC,QAAQjC,YAAAA,MAAMM,aAAa4B;AAAAA,IAC3BC,OAAOnC,YAAAA,MAAMM,aAAa8B;AAAAA,EAC5B;AAAA,EACAC,kBAAkB;AAAA,IAChBd,iBAAiBvB,YAAAA,MAAMsC,OAAOC;AAAAA,IAC9BC,SAAS;AAAA,EACX;AAAA,EACAC,cAAc,CAAC;AAAA,EACfC,iBAAiB;AAAA,IACf5C,UAAU;AAAA,IACVmB,KAAK;AAAA,IACLkB,OAAO;AAAA,EACT;AAAA,EAEAQ,yBAAyB;AAAA,IACvBpB,iBAAiBvB,YAAAA,MAAMsC,OAAOC;AAAAA,EAChC;AAAA,EAEAK,gBAAgB,CAAC;AAAA,EAEjBvB,mBAAmB,CAAC;AAAA,EAEpBwB,mBAAmB;AAAA,IACjB7B,YAAYhB,YAAAA,MAAMM,aAAaD;AAAAA,IAE/B0B,YAAY/B,YAAAA,MAAMC,MAAMC;AAAAA,IACxBE,cAAcJ,YAAAA,MAAMC,MAAM6C;AAAAA,IAC1BC,aAAa/C,YAAAA,MAAMC,MAAMC;AAAAA,IAEzB8C,YAAY;AAAA,IAEZlD,UAAU;AAAA,IACVoB,MAAMlB,YAAAA,MAAMM,aAAa2C;AAAAA,IAEzBpC,OAAO;AAAA,EACT;AACF;;"}
@@ -1,8 +0,0 @@
1
- "use strict";
2
- Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const classes = require("../../utils/classes.cjs");
4
- const classKeys = ["root", "topGroup", "subGroup", "combinator", "topCombinator", "combinatorButton", "removeButton", "topRemoveButton", "topRemoveButtonDisabled", "rulesContainer", "subRulesContainer", "actionButtonContainer", "topActionButtonContainer", "buttonBackground"];
5
- const queryBuilderClasses = classes.getClasses(classKeys, "HvQueryBuilder");
6
- const queryBuilderClasses$1 = queryBuilderClasses;
7
- exports.default = queryBuilderClasses$1;
8
- //# sourceMappingURL=queryBuilderClasses.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"queryBuilderClasses.cjs","sources":["../../../../src/components/QueryBuilder/queryBuilderClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvQueryBuilderClasses {\n /** Styles applied to the component root class. */\n root?: string;\n /** Styles applied to the top group container. */\n topGroup?: string;\n /** Styles applied to the sub group containers. */\n subGroup?: string;\n /** Styles applied to the radio button+label topGroup when the radio button is disabled. */\n combinator?: string;\n /** Styles applied to the multi-button combinator container on the top group. */\n topCombinator?: string;\n /** Styles applied to each combinator button. */\n combinatorButton?: string;\n /** Styles applied to the remove button. */\n removeButton?: string;\n /** Styles applied to the remove button on the top group. */\n topRemoveButton?: string;\n /** Styles applied to the remove button when disabled on the top group. */\n topRemoveButtonDisabled?: string;\n /** Styles applied to the rules container. */\n rulesContainer?: string;\n /** Styles applied to the sub rules container. */\n subRulesContainer?: string;\n /** Styles applied to the action button container. */\n actionButtonContainer?: string;\n /** Styles applied to the top action button container. */\n topActionButtonContainer?: string;\n /** Styles applied to the top rules container. */\n topRulesContainer?: string;\n /** Styles applied to the background of buttons to remove transparency */\n buttonBackground?: string;\n}\n\nconst classKeys: (keyof HvQueryBuilderClasses)[] = [\n \"root\",\n \"topGroup\",\n \"subGroup\",\n \"combinator\",\n \"topCombinator\",\n \"combinatorButton\",\n \"removeButton\",\n \"topRemoveButton\",\n \"topRemoveButtonDisabled\",\n \"rulesContainer\",\n \"subRulesContainer\",\n \"actionButtonContainer\",\n \"topActionButtonContainer\",\n \"buttonBackground\",\n];\n\nconst queryBuilderClasses = getClasses(classKeys, \"HvQueryBuilder\");\n\nexport default queryBuilderClasses;\n"],"names":["classKeys","queryBuilderClasses","getClasses"],"mappings":";;;AAmCA,MAAMA,YAA6C,CACjD,QACA,YACA,YACA,cACA,iBACA,oBACA,gBACA,mBACA,2BACA,kBACA,qBACA,yBACA,4BACA,kBAAkB;AAGpB,MAAMC,sBAAsBC,QAAWF,WAAAA,WAAW,gBAAgB;AAElE,MAAA,wBAAeC;;"}
@@ -1,8 +0,0 @@
1
- import { getClasses } from "../../utils/classes.js";
2
- const classKeys = ["root", "pageSizeOptions", "pageSizeOptionsSelect", "pageSizeTextContainer", "pageNavigator", "pageInfo", "pageJump", "pageSizeInput", "pageSizeInputRoot", "pageSizeInputContainer", "iconContainer", "icon"];
3
- const paginationClasses = getClasses(classKeys, "HvPagination");
4
- const paginationClasses$1 = paginationClasses;
5
- export {
6
- paginationClasses$1 as default
7
- };
8
- //# sourceMappingURL=paginationClasses.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"paginationClasses.js","sources":["../../../../src/components/Pagination/paginationClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvPaginationClasses {\n /** Styles applied to the component root class. */\n root?: string;\n /** Styles applied to the page size selector container. */\n pageSizeOptions?: string;\n /** Styles applied to the page size selector dropdown element. */\n pageSizeOptionsSelect?: string;\n /** Styles applied to the element that holds the labels for the page size selector */\n pageSizeTextContainer?: string;\n /** Styles applied to the page navigation container. */\n pageNavigator?: string;\n /** Styles applied to the central page information container. */\n pageInfo?: string;\n /** Styles applied to the page selector input container. */\n pageJump?: string;\n /** Styles passed down to the page selector Input component as `input`. */\n pageSizeInput?: string;\n /** Styles passed down to the page selector Input root. */\n pageSizeInputRoot?: string;\n /** Styles passed down to the page selector Input component as `container`. */\n pageSizeInputContainer?: string;\n /** Styles applied to each navigation `HvButton` icon container. */\n iconContainer?: string;\n /** Styles applied to each navigation icon. */\n icon?: string;\n}\n\nconst classKeys: (keyof HvPaginationClasses)[] = [\n \"root\",\n \"pageSizeOptions\",\n \"pageSizeOptionsSelect\",\n \"pageSizeTextContainer\",\n \"pageNavigator\",\n \"pageInfo\",\n \"pageJump\",\n \"pageSizeInput\",\n \"pageSizeInputRoot\",\n \"pageSizeInputContainer\",\n \"iconContainer\",\n \"icon\",\n];\n\nconst paginationClasses = getClasses(classKeys, \"HvPagination\");\n\nexport default paginationClasses;\n"],"names":["classKeys","paginationClasses","getClasses"],"mappings":";AA6BA,MAAMA,YAA2C,CAC/C,QACA,mBACA,yBACA,yBACA,iBACA,YACA,YACA,iBACA,qBACA,0BACA,iBACA,MAAM;AAGR,MAAMC,oBAAoBC,WAAWF,WAAW,cAAc;AAE9D,MAAA,sBAAeC;"}
@@ -1,8 +0,0 @@
1
- import { getClasses } from "../../../../../utils/classes.js";
2
- const classKeys = ["root", "label", "inputContainer", "rangeContainer", "input", "isMdDown"];
3
- const numericValueClasses = getClasses(classKeys, "HvNumericValue");
4
- const numericValueClasses$1 = numericValueClasses;
5
- export {
6
- numericValueClasses$1 as default
7
- };
8
- //# sourceMappingURL=numericValueClasses.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"numericValueClasses.js","sources":["../../../../../../../src/components/QueryBuilder/Rule/Value/NumericValue/numericValueClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvNumericValueClasses {\n /** Styles applied to the component root class. */\n root?: string;\n /** Styles applied to the label. */\n label?: string;\n /** Styles applied to input container. */\n inputContainer?: string;\n /** Styles applied to input container. */\n rangeContainer?: string;\n /** Styles applied to range container. */\n input?: string;\n /** Styles applied when the screen size is lower. */\n isMdDown?: string;\n}\n\nconst classKeys: (keyof HvNumericValueClasses)[] = [\n \"root\",\n \"label\",\n \"inputContainer\",\n \"rangeContainer\",\n \"input\",\n \"isMdDown\",\n];\n\nconst numericValueClasses = getClasses(classKeys, \"HvNumericValue\");\n\nexport default numericValueClasses;\n"],"names":["classKeys","numericValueClasses","getClasses"],"mappings":";AAiBA,MAAMA,YAA6C,CACjD,QACA,SACA,kBACA,kBACA,SACA,UAAU;AAGZ,MAAMC,sBAAsBC,WAAWF,WAAW,gBAAgB;AAElE,MAAA,wBAAeC;"}
@@ -1,8 +0,0 @@
1
- import { getClasses } from "../../../../../utils/classes.js";
2
- const classKeys = ["location"];
3
- const textValueClasses = getClasses(classKeys, "HvTextValue");
4
- const textValueClasses$1 = textValueClasses;
5
- export {
6
- textValueClasses$1 as default
7
- };
8
- //# sourceMappingURL=textValueClasses.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"textValueClasses.js","sources":["../../../../../../../src/components/QueryBuilder/Rule/Value/TextValue/textValueClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvTextValueClasses {\n /** Styles applied to the location class. */\n location?: string;\n}\n\nconst classKeys: (keyof HvTextValueClasses)[] = [\"location\"];\n\nconst textValueClasses = getClasses(classKeys, \"HvTextValue\");\n\nexport default textValueClasses;\n"],"names":["classKeys","textValueClasses","getClasses"],"mappings":";AAOA,MAAMA,YAA0C,CAAC,UAAU;AAE3D,MAAMC,mBAAmBC,WAAWF,WAAW,aAAa;AAE5D,MAAA,qBAAeC;"}
@@ -1,8 +0,0 @@
1
- import { getClasses } from "../../../utils/classes.js";
2
- const classKeys = ["root", "actionsContainer", "isMdDown"];
3
- const ruleClasses = getClasses(classKeys, "HvRule");
4
- const ruleClasses$1 = ruleClasses;
5
- export {
6
- ruleClasses$1 as default
7
- };
8
- //# sourceMappingURL=ruleClasses.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ruleClasses.js","sources":["../../../../../src/components/QueryBuilder/Rule/ruleClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvRuleClasses {\n /** Styles applied to the component root class. */\n root?: string;\n /** Styles applied to the actions container. */\n actionsContainer?: string;\n /** Styles applied when the screen size is lower. */\n isMdDown?: string;\n}\n\nconst classKeys: (keyof HvRuleClasses)[] = [\n \"root\",\n \"actionsContainer\",\n \"isMdDown\",\n];\n\nconst ruleClasses = getClasses(classKeys, \"HvRule\");\n\nexport default ruleClasses;\n"],"names":["classKeys","ruleClasses","getClasses"],"mappings":";AAWA,MAAMA,YAAqC,CACzC,QACA,oBACA,UAAU;AAGZ,MAAMC,cAAcC,WAAWF,WAAW,QAAQ;AAElD,MAAA,gBAAeC;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"RuleGroup.styles.js","sources":["../../../../../src/components/QueryBuilder/RuleGroup/RuleGroup.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport queryBuilderClasses, {\n HvQueryBuilderClasses,\n} from \"../queryBuilderClasses\";\n\nexport const styles: Partial<\n Record<keyof HvQueryBuilderClasses, CSSInterpolation>\n> = {\n root: {\n position: \"relative\",\n padding: theme.space.sm,\n\n marginTop: 12,\n marginBottom: 32,\n\n border: theme.queryBuilder.border,\n },\n subGroup: {\n margin: \"40px 14px 32px 20px\",\n minHeight: 120,\n paddingBottom: 60,\n\n \"&::before\": {\n content: '\"\"',\n position: \"absolute\",\n zIndex: 2,\n\n width: 21,\n height: 36,\n\n borderBottom: theme.queryBuilder.border,\n borderLeft: theme.queryBuilder.border,\n\n top: -38,\n left: theme.queryBuilder.ruleSubGroupLeftConnectorPosition,\n },\n [`:not(.${queryBuilderClasses.topRulesContainer})>&:last-child::after`]: {\n content: '\"\"',\n position: \"absolute\",\n zIndex: 1,\n\n width: 32,\n height: \"100%\",\n\n borderLeft: theme.queryBuilder.border,\n\n top: 0,\n left: `calc(${theme.space.sm} + 2)`,\n },\n },\n topGroup: {\n margin: theme.space.sm,\n backgroundColor: \"transparent\",\n maxWidth: \"100%\",\n minWidth: 740,\n\n paddingBottom: theme.queryBuilder.topGroupPaddingBottom,\n },\n\n combinator: {\n minWidth: 80,\n },\n topCombinator: {\n position: \"absolute\",\n top: `calc( -1 * ${theme.space.sm})`,\n left: `calc( -1 * ${theme.space.sm})`,\n },\n\n combinatorButton: {},\n\n actionButtonContainer: {\n marginLeft: \"auto\",\n\n \"&>*\": {\n marginLeft: theme.space.sm,\n },\n },\n topActionButtonContainer: {\n position: \"absolute\",\n bottom: theme.queryBuilder.topActionButtonContainerBottom,\n right: theme.queryBuilder.topActionButtonContainerRight,\n },\n buttonBackground: {\n backgroundColor: theme.colors.atmo2,\n display: \"inline-flex\",\n },\n removeButton: {},\n topRemoveButton: {\n position: \"absolute\",\n top: -16,\n right: -16,\n },\n\n topRemoveButtonDisabled: {\n backgroundColor: theme.colors.atmo2,\n },\n\n rulesContainer: {},\n\n topRulesContainer: {},\n\n subRulesContainer: {\n borderLeft: theme.queryBuilder.border,\n\n marginLeft: theme.space.sm,\n marginBottom: theme.space.md,\n paddingLeft: theme.space.sm,\n\n paddingTop: 7,\n\n position: \"relative\",\n left: theme.queryBuilder.ruleSubGroupContainerLeftConnectorPosition,\n\n width: \"100%\",\n },\n};\n"],"names":["styles","root","position","padding","theme","space","sm","marginTop","marginBottom","border","queryBuilder","subGroup","margin","minHeight","paddingBottom","content","zIndex","width","height","borderBottom","borderLeft","top","left","ruleSubGroupLeftConnectorPosition","queryBuilderClasses","topRulesContainer","topGroup","backgroundColor","maxWidth","minWidth","topGroupPaddingBottom","combinator","topCombinator","combinatorButton","actionButtonContainer","marginLeft","topActionButtonContainer","bottom","topActionButtonContainerBottom","right","topActionButtonContainerRight","buttonBackground","colors","atmo2","display","removeButton","topRemoveButton","topRemoveButtonDisabled","rulesContainer","subRulesContainer","md","paddingLeft","paddingTop","ruleSubGroupContainerLeftConnectorPosition"],"mappings":";;AAMO,MAAMA,SAET;AAAA,EACFC,MAAM;AAAA,IACJC,UAAU;AAAA,IACVC,SAASC,MAAMC,MAAMC;AAAAA,IAErBC,WAAW;AAAA,IACXC,cAAc;AAAA,IAEdC,QAAQL,MAAMM,aAAaD;AAAAA,EAC7B;AAAA,EACAE,UAAU;AAAA,IACRC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXC,eAAe;AAAA,IAEf,aAAa;AAAA,MACXC,SAAS;AAAA,MACTb,UAAU;AAAA,MACVc,QAAQ;AAAA,MAERC,OAAO;AAAA,MACPC,QAAQ;AAAA,MAERC,cAAcf,MAAMM,aAAaD;AAAAA,MACjCW,YAAYhB,MAAMM,aAAaD;AAAAA,MAE/BY,KAAK;AAAA,MACLC,MAAMlB,MAAMM,aAAaa;AAAAA,IAC3B;AAAA,IACA,CAAE,SAAQC,oBAAoBC,wCAAwC,GAAG;AAAA,MACvEV,SAAS;AAAA,MACTb,UAAU;AAAA,MACVc,QAAQ;AAAA,MAERC,OAAO;AAAA,MACPC,QAAQ;AAAA,MAERE,YAAYhB,MAAMM,aAAaD;AAAAA,MAE/BY,KAAK;AAAA,MACLC,MAAO,QAAOlB,MAAMC,MAAMC;AAAAA,IAC5B;AAAA,EACF;AAAA,EACAoB,UAAU;AAAA,IACRd,QAAQR,MAAMC,MAAMC;AAAAA,IACpBqB,iBAAiB;AAAA,IACjBC,UAAU;AAAA,IACVC,UAAU;AAAA,IAEVf,eAAeV,MAAMM,aAAaoB;AAAAA,EACpC;AAAA,EAEAC,YAAY;AAAA,IACVF,UAAU;AAAA,EACZ;AAAA,EACAG,eAAe;AAAA,IACb9B,UAAU;AAAA,IACVmB,KAAM,cAAajB,MAAMC,MAAMC;AAAAA,IAC/BgB,MAAO,cAAalB,MAAMC,MAAMC;AAAAA,EAClC;AAAA,EAEA2B,kBAAkB,CAAC;AAAA,EAEnBC,uBAAuB;AAAA,IACrBC,YAAY;AAAA,IAEZ,OAAO;AAAA,MACLA,YAAY/B,MAAMC,MAAMC;AAAAA,IAC1B;AAAA,EACF;AAAA,EACA8B,0BAA0B;AAAA,IACxBlC,UAAU;AAAA,IACVmC,QAAQjC,MAAMM,aAAa4B;AAAAA,IAC3BC,OAAOnC,MAAMM,aAAa8B;AAAAA,EAC5B;AAAA,EACAC,kBAAkB;AAAA,IAChBd,iBAAiBvB,MAAMsC,OAAOC;AAAAA,IAC9BC,SAAS;AAAA,EACX;AAAA,EACAC,cAAc,CAAC;AAAA,EACfC,iBAAiB;AAAA,IACf5C,UAAU;AAAA,IACVmB,KAAK;AAAA,IACLkB,OAAO;AAAA,EACT;AAAA,EAEAQ,yBAAyB;AAAA,IACvBpB,iBAAiBvB,MAAMsC,OAAOC;AAAAA,EAChC;AAAA,EAEAK,gBAAgB,CAAC;AAAA,EAEjBvB,mBAAmB,CAAC;AAAA,EAEpBwB,mBAAmB;AAAA,IACjB7B,YAAYhB,MAAMM,aAAaD;AAAAA,IAE/B0B,YAAY/B,MAAMC,MAAMC;AAAAA,IACxBE,cAAcJ,MAAMC,MAAM6C;AAAAA,IAC1BC,aAAa/C,MAAMC,MAAMC;AAAAA,IAEzB8C,YAAY;AAAA,IAEZlD,UAAU;AAAA,IACVoB,MAAMlB,MAAMM,aAAa2C;AAAAA,IAEzBpC,OAAO;AAAA,EACT;AACF;"}
@@ -1,8 +0,0 @@
1
- import { getClasses } from "../../utils/classes.js";
2
- const classKeys = ["root", "topGroup", "subGroup", "combinator", "topCombinator", "combinatorButton", "removeButton", "topRemoveButton", "topRemoveButtonDisabled", "rulesContainer", "subRulesContainer", "actionButtonContainer", "topActionButtonContainer", "buttonBackground"];
3
- const queryBuilderClasses = getClasses(classKeys, "HvQueryBuilder");
4
- const queryBuilderClasses$1 = queryBuilderClasses;
5
- export {
6
- queryBuilderClasses$1 as default
7
- };
8
- //# sourceMappingURL=queryBuilderClasses.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"queryBuilderClasses.js","sources":["../../../../src/components/QueryBuilder/queryBuilderClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvQueryBuilderClasses {\n /** Styles applied to the component root class. */\n root?: string;\n /** Styles applied to the top group container. */\n topGroup?: string;\n /** Styles applied to the sub group containers. */\n subGroup?: string;\n /** Styles applied to the radio button+label topGroup when the radio button is disabled. */\n combinator?: string;\n /** Styles applied to the multi-button combinator container on the top group. */\n topCombinator?: string;\n /** Styles applied to each combinator button. */\n combinatorButton?: string;\n /** Styles applied to the remove button. */\n removeButton?: string;\n /** Styles applied to the remove button on the top group. */\n topRemoveButton?: string;\n /** Styles applied to the remove button when disabled on the top group. */\n topRemoveButtonDisabled?: string;\n /** Styles applied to the rules container. */\n rulesContainer?: string;\n /** Styles applied to the sub rules container. */\n subRulesContainer?: string;\n /** Styles applied to the action button container. */\n actionButtonContainer?: string;\n /** Styles applied to the top action button container. */\n topActionButtonContainer?: string;\n /** Styles applied to the top rules container. */\n topRulesContainer?: string;\n /** Styles applied to the background of buttons to remove transparency */\n buttonBackground?: string;\n}\n\nconst classKeys: (keyof HvQueryBuilderClasses)[] = [\n \"root\",\n \"topGroup\",\n \"subGroup\",\n \"combinator\",\n \"topCombinator\",\n \"combinatorButton\",\n \"removeButton\",\n \"topRemoveButton\",\n \"topRemoveButtonDisabled\",\n \"rulesContainer\",\n \"subRulesContainer\",\n \"actionButtonContainer\",\n \"topActionButtonContainer\",\n \"buttonBackground\",\n];\n\nconst queryBuilderClasses = getClasses(classKeys, \"HvQueryBuilder\");\n\nexport default queryBuilderClasses;\n"],"names":["classKeys","queryBuilderClasses","getClasses"],"mappings":";AAmCA,MAAMA,YAA6C,CACjD,QACA,YACA,YACA,cACA,iBACA,oBACA,gBACA,mBACA,2BACA,kBACA,qBACA,yBACA,4BACA,kBAAkB;AAGpB,MAAMC,sBAAsBC,WAAWF,WAAW,gBAAgB;AAElE,MAAA,wBAAeC;"}