@hitachivantara/uikit-react-core 5.5.0 → 5.7.0

package/dist/esm/components/ListContainer/ListItem/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sources":["../../../../../src/components/ListContainer/ListItem/ListItem.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React, { useCallback, useContext, useMemo } from \"react\";\nimport { HvBaseProps } from \"@core/types\";\nimport HvListContext from \"../ListContext\";\nimport { StyledListItem, StyledFocus } from \"./ListItem.styles\";\nimport listItemClasses, { HvListItemClasses } from \"./listItemClasses\";\n\nexport interface HvListItemProps extends HvBaseProps<HTMLLIElement, { role }> {\n  /**\n   * Overrides the implicit list item role.\n   * It defaults to \"option\" if unspecified and the container list role is \"listbox\".\n   */\n  role?: string;\n  /** Indicates if the list item is selected. */\n  selected?: boolean;\n  /** If true, the list item will be disabled. */\n  disabled?: boolean;\n  /**\n   * If the list item is focusable and reacts to mouse over events.\n   * Defaults to true if the container list is interactive, false otherwise.\n   */\n  interactive?: boolean;\n  /**\n   * If `true` compacts the vertical spacing intended to separate the list items.\n   * Defaults to the value set in container list.\n   */\n  condensed?: boolean;\n  /**\n   * If `true`, the left and right padding is removed.\n   * Defaults to the value set in container list.\n   */\n  disableGutters?: boolean;\n  /**\n   * Element placed before the children.\n   * Also removes the left padding (gutter).\n   *\n   * Some modifications are applied, assuming that it is either an icon (changing the color when the item is disabled)\n   * or a selector (preventing the double focus ring, propagating the checked and disabled states and wiring the onChange event).\n   * If unwanted, the element should be placed directly as a child.\n   */\n  startAdornment?: React.ReactNode;\n  /**\n   * Element placed after the children and aligned next to the margin.\n   * Also removes the right padding (gutter).\n   *\n   * Some modifications are applied, assuming that it is an icon (changing the color when the item is disabled).\n   * If unwanted, the element should be placed directly as a child.\n   */\n  endAdornment?: React.ReactNode;\n  /** The value to be set on the 'li' element */\n  value?: any;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvListItemClasses;\n}\n\nconst applyClassNameAndStateToElement = (\n  element,\n  selected,\n  disabled,\n  onClick,\n  className,\n  externalClassname\n) => {\n  if (element != null) {\n    return React.cloneElement(element, {\n      className: clsx(className, externalClassname, element?.props?.className),\n      checked: !!selected,\n      disabled,\n      onChange: (evt) => onClick?.(evt),\n    });\n  }\n\n  return null;\n};\n\nconst applyClassNameToElement = (element, className, externalClassname) => {\n  if (element != null) {\n    return React.cloneElement(element, {\n      className: clsx(className, externalClassname, element?.props?.className),\n    });\n  }\n\n  return null;\n};\n\n/**\n * ListItem description/documentation paragraph\n */\nexport const HvListItem = ({\n  id,\n  classes,\n  className,\n  role,\n  value,\n  selected,\n  disabled,\n  interactive: interactiveProp,\n  condensed: condensedProp,\n  disableGutters: disableGuttersProp,\n  startAdornment,\n  endAdornment,\n  onClick,\n  children,\n  tabIndex,\n  ...others\n}: HvListItemProps) => {\n  const {\n    topContainerRef,\n    condensed: condensedContext,\n    disableGutters: disableGuttersContext,\n    interactive: interactiveContext,\n  } = useContext<any>(HvListContext);\n\n  const condensed = condensedProp != null ? condensedProp : condensedContext;\n  const disableGutters =\n    disableGuttersProp != null ? disableGuttersProp : disableGuttersContext;\n  const interactive =\n    interactiveProp != null ? interactiveProp : interactiveContext;\n\n  const handleOnClick = useCallback(\n    (evt) => {\n      if (!disabled) {\n        onClick?.(evt);\n      }\n    },\n    [disabled, onClick]\n  );\n\n  const clonedStartAdornment = useMemo(\n    () =>\n      applyClassNameAndStateToElement(\n        startAdornment,\n        selected,\n        disabled,\n        handleOnClick,\n        clsx(\n          listItemClasses.startAdornment,\n          disabled && listItemClasses.disabled\n        ),\n        clsx(classes?.startAdornment, disabled && classes?.disabled)\n      ),\n    [classes?.startAdornment, disabled, handleOnClick, selected, startAdornment]\n  );\n  const clonedEndAdornment = useMemo(\n    () =>\n      applyClassNameToElement(\n        endAdornment,\n        clsx(\n          listItemClasses.endAdornment,\n          disabled && listItemClasses.disabled\n        ),\n        clsx(classes?.endAdornment, disabled && classes?.disabled)\n      ),\n    [classes?.endAdornment, endAdornment]\n  );\n\n  const roleOptionAriaProps =\n    role === \"option\" || role === \"menuitem\"\n      ? {\n          \"aria-disabled\": disabled || undefined,\n          \"aria-selected\": selected,\n        }\n      : {};\n\n  const listItem = (\n    <StyledListItem\n      id={id}\n      role={role}\n      value={value}\n      onClick={handleOnClick}\n      onKeyDown={() => {}}\n      className={clsx(\n        className,\n        listItemClasses.root,\n        classes?.root,\n        !disableGutters && clsx(listItemClasses.gutters, classes?.gutters),\n        condensed && clsx(listItemClasses.condensed, classes?.condensed),\n        interactive && clsx(listItemClasses.interactive, classes?.interactive),\n        selected && clsx(listItemClasses.selected, classes?.selected),\n        disabled && clsx(listItemClasses.disabled, classes?.disabled),\n        startAdornment != null &&\n          clsx(listItemClasses.withStartAdornment, classes?.withStartAdornment),\n        endAdornment != null &&\n          clsx(listItemClasses.withEndAdornment, classes?.withEndAdornment)\n      )}\n      $gutters={!disableGutters}\n      $interactive={interactive}\n      $disabled={disabled || false}\n      $selected={selected || false}\n      $startAdornment={startAdornment != null}\n      $endAdornment={endAdornment != null}\n      {...roleOptionAriaProps}\n      {...others}\n    >\n      {clonedStartAdornment}\n      {children}\n      {clonedEndAdornment}\n    </StyledListItem>\n  );\n\n  return interactiveProp ? (\n    <StyledFocus\n      rootRef={topContainerRef}\n      selected={selected}\n      disabledClass={disabled || undefined}\n      strategy={role === \"option\" ? \"listbox\" : \"menu\"}\n      classes={{ focus: clsx(classes?.focus, listItemClasses.focus) }}\n      configuration={{\n        tabIndex,\n      }}\n    >\n      {listItem}\n    </StyledFocus>\n  ) : (\n    listItem\n  );\n};\n"],"names":["applyClassNameAndStateToElement","element","selected","disabled","onClick","className","externalClassname","React","cloneElement","clsx","props","checked","onChange","evt","applyClassNameToElement","HvListItem","id","classes","role","value","interactive","interactiveProp","condensed","condensedProp","disableGutters","disableGuttersProp","startAdornment","endAdornment","children","tabIndex","others","topContainerRef","condensedContext","disableGuttersContext","interactiveContext","useContext","HvListContext","handleOnClick","useCallback","clonedStartAdornment","useMemo","listItemClasses","clonedEndAdornment","roleOptionAriaProps","undefined","listItem","StyledListItem","onKeyDown","root","gutters","withStartAdornment","withEndAdornment","$gutters","$interactive","$disabled","$selected","$startAdornment","$endAdornment","StyledFocus","rootRef","disabledClass","strategy","focus","configuration"],"mappings":"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"}
+{"version":3,"file":"ListItem.js","sources":["../../../../../src/components/ListContainer/ListItem/ListItem.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React, { useCallback, useContext, useMemo } from \"react\";\nimport { HvBaseProps } from \"@core/types\";\nimport HvListContext from \"../ListContext\";\nimport { StyledListItem, StyledFocus } from \"./ListItem.styles\";\nimport listItemClasses, { HvListItemClasses } from \"./listItemClasses\";\n\nexport interface HvListItemProps extends HvBaseProps<HTMLLIElement> {\n  /**\n   * Overrides the implicit list item role.\n   * It defaults to \"option\" if unspecified and the container list role is \"listbox\".\n   */\n  role?: string;\n  /** Indicates if the list item is selected. */\n  selected?: boolean;\n  /** If true, the list item will be disabled. */\n  disabled?: boolean;\n  /**\n   * If the list item is focusable and reacts to mouse over events.\n   * Defaults to true if the container list is interactive, false otherwise.\n   */\n  interactive?: boolean;\n  /**\n   * If `true` compacts the vertical spacing intended to separate the list items.\n   * Defaults to the value set in container list.\n   */\n  condensed?: boolean;\n  /**\n   * If `true`, the left and right padding is removed.\n   * Defaults to the value set in container list.\n   */\n  disableGutters?: boolean;\n  /**\n   * Element placed before the children.\n   * Also removes the left padding (gutter).\n   *\n   * Some modifications are applied, assuming that it is either an icon (changing the color when the item is disabled)\n   * or a selector (preventing the double focus ring, propagating the checked and disabled states and wiring the onChange event).\n   * If unwanted, the element should be placed directly as a child.\n   */\n  startAdornment?: React.ReactNode;\n  /**\n   * Element placed after the children and aligned next to the margin.\n   * Also removes the right padding (gutter).\n   *\n   * Some modifications are applied, assuming that it is an icon (changing the color when the item is disabled).\n   * If unwanted, the element should be placed directly as a child.\n   */\n  endAdornment?: React.ReactNode;\n  /** The value to be set on the 'li' element */\n  value?: any;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvListItemClasses;\n}\n\nconst applyClassNameAndStateToElement = (\n  element,\n  selected,\n  disabled,\n  onClick,\n  className,\n  externalClassname\n) => {\n  if (element != null) {\n    return React.cloneElement(element, {\n      className: clsx(className, externalClassname, element?.props?.className),\n      checked: !!selected,\n      disabled,\n      onChange: (evt) => onClick?.(evt),\n    });\n  }\n\n  return null;\n};\n\nconst applyClassNameToElement = (element, className, externalClassname) => {\n  if (element != null) {\n    return React.cloneElement(element, {\n      className: clsx(className, externalClassname, element?.props?.className),\n    });\n  }\n\n  return null;\n};\n\n/**\n * ListItem description/documentation paragraph\n */\nexport const HvListItem = ({\n  id,\n  classes,\n  className,\n  role,\n  value,\n  selected,\n  disabled,\n  interactive: interactiveProp,\n  condensed: condensedProp,\n  disableGutters: disableGuttersProp,\n  startAdornment,\n  endAdornment,\n  onClick,\n  children,\n  tabIndex,\n  ...others\n}: HvListItemProps) => {\n  const {\n    topContainerRef,\n    condensed: condensedContext,\n    disableGutters: disableGuttersContext,\n    interactive: interactiveContext,\n  } = useContext<any>(HvListContext);\n\n  const condensed = condensedProp != null ? condensedProp : condensedContext;\n  const disableGutters =\n    disableGuttersProp != null ? disableGuttersProp : disableGuttersContext;\n  const interactive =\n    interactiveProp != null ? interactiveProp : interactiveContext;\n\n  const handleOnClick = useCallback(\n    (evt) => {\n      if (!disabled) {\n        onClick?.(evt);\n      }\n    },\n    [disabled, onClick]\n  );\n\n  const clonedStartAdornment = useMemo(\n    () =>\n      applyClassNameAndStateToElement(\n        startAdornment,\n        selected,\n        disabled,\n        handleOnClick,\n        clsx(\n          listItemClasses.startAdornment,\n          disabled && listItemClasses.disabled\n        ),\n        clsx(classes?.startAdornment, disabled && classes?.disabled)\n      ),\n    [classes?.startAdornment, disabled, handleOnClick, selected, startAdornment]\n  );\n  const clonedEndAdornment = useMemo(\n    () =>\n      applyClassNameToElement(\n        endAdornment,\n        clsx(\n          listItemClasses.endAdornment,\n          disabled && listItemClasses.disabled\n        ),\n        clsx(classes?.endAdornment, disabled && classes?.disabled)\n      ),\n    [classes?.endAdornment, endAdornment]\n  );\n\n  const roleOptionAriaProps =\n    role === \"option\" || role === \"menuitem\"\n      ? {\n          \"aria-disabled\": disabled || undefined,\n          \"aria-selected\": selected,\n        }\n      : {};\n\n  const listItem = (\n    <StyledListItem\n      id={id}\n      role={role}\n      value={value}\n      onClick={handleOnClick}\n      onKeyDown={() => {}}\n      className={clsx(\n        className,\n        listItemClasses.root,\n        classes?.root,\n        !disableGutters && clsx(listItemClasses.gutters, classes?.gutters),\n        condensed && clsx(listItemClasses.condensed, classes?.condensed),\n        interactive && clsx(listItemClasses.interactive, classes?.interactive),\n        selected && clsx(listItemClasses.selected, classes?.selected),\n        disabled && clsx(listItemClasses.disabled, classes?.disabled),\n        startAdornment != null &&\n          clsx(listItemClasses.withStartAdornment, classes?.withStartAdornment),\n        endAdornment != null &&\n          clsx(listItemClasses.withEndAdornment, classes?.withEndAdornment)\n      )}\n      $gutters={!disableGutters}\n      $interactive={interactive}\n      $disabled={disabled || false}\n      $selected={selected || false}\n      $startAdornment={startAdornment != null}\n      $endAdornment={endAdornment != null}\n      {...roleOptionAriaProps}\n      {...others}\n    >\n      {clonedStartAdornment}\n      {children}\n      {clonedEndAdornment}\n    </StyledListItem>\n  );\n\n  return interactiveProp ? (\n    <StyledFocus\n      rootRef={topContainerRef}\n      selected={selected}\n      disabledClass={disabled || undefined}\n      strategy={role === \"option\" ? \"listbox\" : \"menu\"}\n      classes={{ focus: clsx(classes?.focus, listItemClasses.focus) }}\n      configuration={{\n        tabIndex,\n      }}\n    >\n      {listItem}\n    </StyledFocus>\n  ) : (\n    listItem\n  );\n};\n"],"names":["applyClassNameAndStateToElement","element","selected","disabled","onClick","className","externalClassname","React","cloneElement","clsx","props","checked","onChange","evt","applyClassNameToElement","HvListItem","id","classes","role","value","interactive","interactiveProp","condensed","condensedProp","disableGutters","disableGuttersProp","startAdornment","endAdornment","children","tabIndex","others","topContainerRef","condensedContext","disableGuttersContext","interactiveContext","useContext","HvListContext","handleOnClick","useCallback","clonedStartAdornment","useMemo","listItemClasses","clonedEndAdornment","roleOptionAriaProps","undefined","listItem","StyledListItem","onKeyDown","root","gutters","withStartAdornment","withEndAdornment","$gutters","$interactive","$disabled","$selected","$startAdornment","$endAdornment","StyledFocus","rootRef","disabledClass","strategy","focus","configuration"],"mappings":"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"}

package/dist/esm/components/ListContainer/ListItem/listItemClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"listItemClasses.js","sources":["../../../../../src/components/ListContainer/ListItem/listItemClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvListItemClasses {\n  root?: string;\n  focus?: string;\n  startAdornment?: string;\n  endAdornment?: string;\n  gutters?: string;\n  condensed?: string;\n  interactive?: string;\n  selected?: string;\n  disabled?: string;\n  withStartAdornment?: string;\n  withEndAdornment?: string;\n}\n\nconst classKeys: string[] = [\n  \"root\",\n  \"focus\",\n  \"startAdornment\",\n  \"endAdornment\",\n  \"gutters\",\n  \"condensed\",\n  \"interactive\",\n  \"selected\",\n  \"disabled\",\n  \"withStartAdornment\",\n  \"withEndAdornment\",\n];\n\nconst listItemClasses = getClasses<HvListItemClasses>(classKeys, \"HvListItem\");\n\nexport default listItemClasses;\n"],"names":["classKeys","listItemClasses","getClasses"],"mappings":";AAgBA,MAAMA,YAAsB,CAC1B,QACA,SACA,kBACA,gBACA,WACA,aACA,eACA,YACA,YACA,sBACA,kBAAkB;AAGpB,MAAMC,kBAAkBC,WAA8BF,WAAW,YAAY;AAE7E,MAAA,oBAAeC;"}
+{"version":3,"file":"listItemClasses.js","sources":["../../../../../src/components/ListContainer/ListItem/listItemClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvListItemClasses {\n  root?: string;\n  focus?: string;\n  startAdornment?: string;\n  endAdornment?: string;\n  gutters?: string;\n  condensed?: string;\n  interactive?: string;\n  selected?: string;\n  disabled?: string;\n  withStartAdornment?: string;\n  withEndAdornment?: string;\n}\n\nconst classKeys: (keyof HvListItemClasses)[] = [\n  \"root\",\n  \"focus\",\n  \"startAdornment\",\n  \"endAdornment\",\n  \"gutters\",\n  \"condensed\",\n  \"interactive\",\n  \"selected\",\n  \"disabled\",\n  \"withStartAdornment\",\n  \"withEndAdornment\",\n];\n\nconst listItemClasses = getClasses(classKeys, \"HvListItem\");\n\nexport default listItemClasses;\n"],"names":["classKeys","listItemClasses","getClasses"],"mappings":";AAgBA,MAAMA,YAAyC,CAC7C,QACA,SACA,kBACA,gBACA,WACA,aACA,eACA,YACA,YACA,sBACA,kBAAkB;AAGpB,MAAMC,kBAAkBC,WAAWF,WAAW,YAAY;AAE1D,MAAA,oBAAeC;"}

package/dist/esm/components/ListContainer/listContainerClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"listContainerClasses.js","sources":["../../../../src/components/ListContainer/listContainerClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvListContainerClasses {\n  root?: string;\n}\n\nconst classKeys: string[] = [\"root\"];\n\nconst listContainerClasses = getClasses<HvListContainerClasses>(\n  classKeys,\n  \"HvListContainer\"\n);\n\nexport default listContainerClasses;\n"],"names":["classKeys","listContainerClasses","getClasses"],"mappings":";AAMA,MAAMA,YAAsB,CAAC,MAAM;AAEnC,MAAMC,uBAAuBC,WAC3BF,WACA,iBAAiB;AAGnB,MAAA,yBAAeC;"}
+{"version":3,"file":"listContainerClasses.js","sources":["../../../../src/components/ListContainer/listContainerClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvListContainerClasses {\n  root?: string;\n}\n\nconst classKeys: (keyof HvListContainerClasses)[] = [\"root\"];\n\nconst listContainerClasses = getClasses(classKeys, \"HvListContainer\");\n\nexport default listContainerClasses;\n"],"names":["classKeys","listContainerClasses","getClasses"],"mappings":";AAMA,MAAMA,YAA8C,CAAC,MAAM;AAE3D,MAAMC,uBAAuBC,WAAWF,WAAW,iBAAiB;AAEpE,MAAA,yBAAeC;"}

package/dist/esm/components/Loading/Loading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loading.js","sources":["../../../../src/components/Loading/Loading.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { clsx } from \"clsx\";\nimport range from \"lodash/range\";\nimport { HvBaseProps } from \"@core/types\";\nimport {\n  StyledBar,\n  StyledBarContainer,\n  StyledLabel,\n  StyledRoot,\n} from \"./Loading.styles\";\nimport loadingClasses, { HvLoadingClasses } from \"./loadingClasses\";\n\nexport interface HvLoadingProps extends HvBaseProps<HTMLDivElement> {\n  /** Indicates if the component should be render in a small size. */\n  small?: boolean;\n  /** The label to be displayed.  */\n  label?: string | React.ReactNode;\n  /** Whether the loading animation is hidden. */\n  hidden?: boolean;\n  /** Color applied to the bars. */\n  color?: string;\n  classes?: HvLoadingClasses;\n}\n\n/**\n * Loading provides feedback about a process that is taking place in the application.\n */\nexport const HvLoading = (props: HvLoadingProps) => {\n  const { color, hidden, small, label, classes, className, ...others } = props;\n\n  const getColor = (colorName) => {\n    return color ? theme.colors[color] || color : theme.colors[colorName];\n  };\n\n  const size = small ? \"small\" : \"regular\";\n  const colorVariant = color ? \"Color\" : \"\";\n  const variant = `${size}${colorVariant}`;\n\n  const inline = { backgroundColor: getColor(small ? \"secondary\" : \"brand\") };\n  return (\n    <StyledRoot\n      hidden={!!hidden}\n      className={clsx(\n        className,\n        loadingClasses.root,\n        classes?.root,\n        hidden && clsx(classes?.hidden, loadingClasses.hidden)\n      )}\n      {...others}\n    >\n      <StyledBarContainer\n        className={clsx(loadingClasses.barContainer, classes?.barContainer)}\n      >\n        {range(0, 3).map((e) => (\n          <StyledBar\n            key={e}\n            style={inline}\n            className={clsx(\n              loadingClasses.loadingBar,\n              classes?.loadingBar,\n              loadingClasses[variant],\n              classes?.[variant]\n            )}\n            $variant={variant}\n          ></StyledBar>\n        ))}\n      </StyledBarContainer>\n      {label && (\n        <StyledLabel\n          variant=\"caption1\"\n          className={clsx(loadingClasses.label, classes?.label)}\n        >\n          {label}\n        </StyledLabel>\n      )}\n    </StyledRoot>\n  );\n};\n"],"names":["HvLoading","props","color","hidden","small","label","classes","className","others","getColor","colorName","theme","colors","size","colorVariant","variant","inline","backgroundColor","StyledRoot","clsx","loadingClasses","root","children","_jsx","StyledBarContainer","barContainer","range","map","e","StyledBar","style","loadingBar","$variant","StyledLabel"],"mappings":";;;;;;AA2BaA,MAAAA,YAAYA,CAACC,UAA0B;AAC5C,QAAA;AAAA,IAAEC;AAAAA,IAAOC;AAAAA,IAAQC;AAAAA,IAAOC;AAAAA,IAAOC;AAAAA,IAASC;AAAAA,IAAW,GAAGC;AAAAA,EAAWP,IAAAA;AAEvE,QAAMQ,WAAYC,CAAc,cAAA;AACvBR,WAAAA,QAAQS,MAAMC,OAAOV,KAAK,KAAKA,QAAQS,MAAMC,OAAOF,SAAS;AAAA,EAAA;AAGhEG,QAAAA,OAAOT,QAAQ,UAAU;AACzBU,QAAAA,eAAeZ,QAAQ,UAAU;AACjCa,QAAAA,UAAW,GAAEF,OAAOC;AAE1B,QAAME,SAAS;AAAA,IAAEC,iBAAiBR,SAASL,QAAQ,cAAc,OAAO;AAAA,EAAA;AACxE,8BACGc,YAAU;AAAA,IACTf,QAAQ,CAAC,CAACA;AAAAA,IACVI,WAAWY,KACTZ,WACAa,eAAeC,MACff,mCAASe,MACTlB,UAAUgB,KAAKb,mCAASH,QAAQiB,eAAejB,MAAM,CAAC;AAAA,IACtD,GACEK;AAAAA,IAAMc,UAAA,CAEVC,oBAACC,oBAAkB;AAAA,MACjBjB,WAAWY,KAAKC,eAAeK,cAAcnB,mCAASmB,YAAY;AAAA,MAAEH,UAEnEI,MAAM,GAAG,CAAC,EAAEC,IAAKC,CAAAA,0BACfC,WAAS;AAAA,QAERC,OAAOd;AAAAA,QACPT,WAAWY,KACTC,eAAeW,YACfzB,mCAASyB,YACTX,eAAeL,OAAO,GACtBT,mCAAUS,QAAQ;AAAA,QAEpBiB,UAAUjB;AAAAA,MAAQ,GARba,CAAC,CAUT;AAAA,IAAA,CAAC,GAEHvB,SACCkB,oBAACU,aAAW;AAAA,MACVlB,SAAQ;AAAA,MACRR,WAAWY,KAAKC,eAAef,OAAOC,mCAASD,KAAK;AAAA,MAAEiB,UAErDjB;AAAAA,IAAAA,CAEJ,CAAA;AAAA,EAAA,CACU;AAEjB;"}
+{"version":3,"file":"Loading.js","sources":["../../../../src/components/Loading/Loading.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { clsx } from \"clsx\";\nimport range from \"lodash/range\";\nimport { HvBaseProps } from \"@core/types\";\nimport {\n  StyledBar,\n  StyledBarContainer,\n  StyledLabel,\n  StyledRoot,\n} from \"./Loading.styles\";\nimport loadingClasses, { HvLoadingClasses } from \"./loadingClasses\";\n\nexport interface HvLoadingProps extends HvBaseProps {\n  /** Indicates if the component should be render in a small size. */\n  small?: boolean;\n  /** The label to be displayed.  */\n  label?: string | React.ReactNode;\n  /** Whether the loading animation is hidden. */\n  hidden?: boolean;\n  /** Color applied to the bars. */\n  color?: string;\n  classes?: HvLoadingClasses;\n}\n\n/**\n * Loading provides feedback about a process that is taking place in the application.\n */\nexport const HvLoading = (props: HvLoadingProps) => {\n  const { color, hidden, small, label, classes, className, ...others } = props;\n\n  const getColor = (colorName) => {\n    return color ? theme.colors[color] || color : theme.colors[colorName];\n  };\n\n  const size = small ? \"small\" : \"regular\";\n  const colorVariant = color ? \"Color\" : \"\";\n  const variant = `${size}${colorVariant}`;\n\n  const inline = { backgroundColor: getColor(small ? \"secondary\" : \"brand\") };\n  return (\n    <StyledRoot\n      hidden={!!hidden}\n      className={clsx(\n        className,\n        loadingClasses.root,\n        classes?.root,\n        hidden && clsx(classes?.hidden, loadingClasses.hidden)\n      )}\n      {...others}\n    >\n      <StyledBarContainer\n        className={clsx(loadingClasses.barContainer, classes?.barContainer)}\n      >\n        {range(0, 3).map((e) => (\n          <StyledBar\n            key={e}\n            style={inline}\n            className={clsx(\n              loadingClasses.loadingBar,\n              classes?.loadingBar,\n              loadingClasses[variant],\n              classes?.[variant]\n            )}\n            $variant={variant}\n          ></StyledBar>\n        ))}\n      </StyledBarContainer>\n      {label && (\n        <StyledLabel\n          variant=\"caption1\"\n          className={clsx(loadingClasses.label, classes?.label)}\n        >\n          {label}\n        </StyledLabel>\n      )}\n    </StyledRoot>\n  );\n};\n"],"names":["HvLoading","props","color","hidden","small","label","classes","className","others","getColor","colorName","theme","colors","size","colorVariant","variant","inline","backgroundColor","StyledRoot","clsx","loadingClasses","root","children","_jsx","StyledBarContainer","barContainer","range","map","e","StyledBar","style","loadingBar","$variant","StyledLabel"],"mappings":";;;;;;AA2BaA,MAAAA,YAAYA,CAACC,UAA0B;AAC5C,QAAA;AAAA,IAAEC;AAAAA,IAAOC;AAAAA,IAAQC;AAAAA,IAAOC;AAAAA,IAAOC;AAAAA,IAASC;AAAAA,IAAW,GAAGC;AAAAA,EAAWP,IAAAA;AAEvE,QAAMQ,WAAYC,CAAc,cAAA;AACvBR,WAAAA,QAAQS,MAAMC,OAAOV,KAAK,KAAKA,QAAQS,MAAMC,OAAOF,SAAS;AAAA,EAAA;AAGhEG,QAAAA,OAAOT,QAAQ,UAAU;AACzBU,QAAAA,eAAeZ,QAAQ,UAAU;AACjCa,QAAAA,UAAW,GAAEF,OAAOC;AAE1B,QAAME,SAAS;AAAA,IAAEC,iBAAiBR,SAASL,QAAQ,cAAc,OAAO;AAAA,EAAA;AACxE,8BACGc,YAAU;AAAA,IACTf,QAAQ,CAAC,CAACA;AAAAA,IACVI,WAAWY,KACTZ,WACAa,eAAeC,MACff,mCAASe,MACTlB,UAAUgB,KAAKb,mCAASH,QAAQiB,eAAejB,MAAM,CAAC;AAAA,IACtD,GACEK;AAAAA,IAAMc,UAAA,CAEVC,oBAACC,oBAAkB;AAAA,MACjBjB,WAAWY,KAAKC,eAAeK,cAAcnB,mCAASmB,YAAY;AAAA,MAAEH,UAEnEI,MAAM,GAAG,CAAC,EAAEC,IAAKC,CAAAA,0BACfC,WAAS;AAAA,QAERC,OAAOd;AAAAA,QACPT,WAAWY,KACTC,eAAeW,YACfzB,mCAASyB,YACTX,eAAeL,OAAO,GACtBT,mCAAUS,QAAQ;AAAA,QAEpBiB,UAAUjB;AAAAA,MAAQ,GARba,CAAC,CAUT;AAAA,IAAA,CAAC,GAEHvB,SACCkB,oBAACU,aAAW;AAAA,MACVlB,SAAQ;AAAA,MACRR,WAAWY,KAAKC,eAAef,OAAOC,mCAASD,KAAK;AAAA,MAAEiB,UAErDjB;AAAAA,IAAAA,CAEJ,CAAA;AAAA,EAAA,CACU;AAEjB;"}

package/dist/esm/components/Loading/loadingClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"loadingClasses.js","sources":["../../../../src/components/Loading/loadingClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvLoadingClasses {\n  root?: string;\n  barContainer?: string;\n  loadingBar?: string;\n  label?: string;\n  overlay?: string;\n  blur?: string;\n  hidden?: string;\n  small?: string;\n  regular?: string;\n  smallColor?: string;\n  regularColor?: string;\n}\n\nconst classKeys: string[] = [\n  \"root\",\n  \"barContainer\",\n  \"loadingBar\",\n  \"label\",\n  \"overlay\",\n  \"blur\",\n  \"hidden\",\n  \"small\",\n  \"regular\",\n  \"smallColor\",\n  \"regularColor\",\n];\n\nconst loadingClasses = getClasses<HvLoadingClasses>(classKeys, \"HvLoading\");\n\nexport default loadingClasses;\n"],"names":["classKeys","loadingClasses","getClasses"],"mappings":";AAgBA,MAAMA,YAAsB,CAC1B,QACA,gBACA,cACA,SACA,WACA,QACA,UACA,SACA,WACA,cACA,cAAc;AAGhB,MAAMC,iBAAiBC,WAA6BF,WAAW,WAAW;AAE1E,MAAA,mBAAeC;"}
+{"version":3,"file":"loadingClasses.js","sources":["../../../../src/components/Loading/loadingClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvLoadingClasses {\n  root?: string;\n  barContainer?: string;\n  loadingBar?: string;\n  label?: string;\n  overlay?: string;\n  blur?: string;\n  hidden?: string;\n  small?: string;\n  regular?: string;\n  smallColor?: string;\n  regularColor?: string;\n}\n\nconst classKeys: (keyof HvLoadingClasses)[] = [\n  \"root\",\n  \"barContainer\",\n  \"loadingBar\",\n  \"label\",\n  \"overlay\",\n  \"blur\",\n  \"hidden\",\n  \"small\",\n  \"regular\",\n  \"smallColor\",\n  \"regularColor\",\n];\n\nconst loadingClasses = getClasses(classKeys, \"HvLoading\");\n\nexport default loadingClasses;\n"],"names":["classKeys","loadingClasses","getClasses"],"mappings":";AAgBA,MAAMA,YAAwC,CAC5C,QACA,gBACA,cACA,SACA,WACA,QACA,UACA,SACA,WACA,cACA,cAAc;AAGhB,MAAMC,iBAAiBC,WAAWF,WAAW,WAAW;AAExD,MAAA,mBAAeC;"}

package/dist/esm/components/Login/loginClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"loginClasses.js","sources":["../../../../src/components/Login/loginClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvLoginClasses {\n  root?: string;\n  formContainer?: string;\n}\n\nconst classKeys: string[] = [\"root\", \"formContainer\"];\n\nconst loginClasses = getClasses<HvLoginClasses>(classKeys, \"HvLogin\");\n\nexport default loginClasses;\n"],"names":["classKeys","loginClasses","getClasses"],"mappings":";AAOA,MAAMA,YAAsB,CAAC,QAAQ,eAAe;AAEpD,MAAMC,eAAeC,WAA2BF,WAAW,SAAS;AAEpE,MAAA,iBAAeC;"}
+{"version":3,"file":"loginClasses.js","sources":["../../../../src/components/Login/loginClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvLoginClasses {\n  root?: string;\n  formContainer?: string;\n}\n\nconst classKeys: (keyof HvLoginClasses)[] = [\"root\", \"formContainer\"];\n\nconst loginClasses = getClasses(classKeys, \"HvLogin\");\n\nexport default loginClasses;\n"],"names":["classKeys","loginClasses","getClasses"],"mappings":";AAOA,MAAMA,YAAsC,CAAC,QAAQ,eAAe;AAEpE,MAAMC,eAAeC,WAAWF,WAAW,SAAS;AAEpD,MAAA,iBAAeC;"}

package/dist/esm/components/MultiButton/multiButtonClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"multiButtonClasses.js","sources":["../../../../src/components/MultiButton/multiButtonClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvMultiButtonClasses {\n  root?: string;\n  button?: string;\n  vertical?: string;\n  selected?: string;\n}\n\nconst classKeys: string[] = [\"root\", \"button\", \"vertical\", \"selected\"];\n\nconst multiButtonClasses = getClasses<HvMultiButtonClasses>(\n  classKeys,\n  \"HvMultiButton\"\n);\n\nexport default multiButtonClasses;\n"],"names":["classKeys","multiButtonClasses","getClasses"],"mappings":";AASA,MAAMA,YAAsB,CAAC,QAAQ,UAAU,YAAY,UAAU;AAErE,MAAMC,qBAAqBC,WACzBF,WACA,eAAe;AAGjB,MAAA,uBAAeC;"}
+{"version":3,"file":"multiButtonClasses.js","sources":["../../../../src/components/MultiButton/multiButtonClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvMultiButtonClasses {\n  root?: string;\n  button?: string;\n  vertical?: string;\n  selected?: string;\n}\n\nconst classKeys: (keyof HvMultiButtonClasses)[] = [\n  \"root\",\n  \"button\",\n  \"vertical\",\n  \"selected\",\n];\n\nconst multiButtonClasses = getClasses(classKeys, \"HvMultiButton\");\n\nexport default multiButtonClasses;\n"],"names":["classKeys","multiButtonClasses","getClasses"],"mappings":";AASA,MAAMA,YAA4C,CAChD,QACA,UACA,YACA,UAAU;AAGZ,MAAMC,qBAAqBC,WAAWF,WAAW,eAAe;AAEhE,MAAA,uBAAeC;"}

package/dist/esm/components/OverflowTooltip/overflowTooltipClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"overflowTooltipClasses.js","sources":["../../../../src/components/OverflowTooltip/overflowTooltipClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvOverflowTooltipClasses {\n  root?: string;\n  tooltipAnchor?: string;\n  tooltipAnchorParagraph?: string;\n  tooltipData?: string;\n}\n\nconst classKeys: string[] = [\n  \"root\",\n  \"tooltipAnchor\",\n  \"tooltipAnchorParagraph\",\n  \"tooltipData\",\n];\n\nconst overflowTooltipClasses = getClasses<HvOverflowTooltipClasses>(\n  classKeys,\n  \"HvOverflowTooltip\"\n);\n\nexport default overflowTooltipClasses;\n"],"names":["classKeys","overflowTooltipClasses","getClasses"],"mappings":";AASA,MAAMA,YAAsB,CAC1B,QACA,iBACA,0BACA,aAAa;AAGf,MAAMC,yBAAyBC,WAC7BF,WACA,mBAAmB;AAGrB,MAAA,2BAAeC;"}
+{"version":3,"file":"overflowTooltipClasses.js","sources":["../../../../src/components/OverflowTooltip/overflowTooltipClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvOverflowTooltipClasses {\n  root?: string;\n  tooltipAnchor?: string;\n  tooltipAnchorParagraph?: string;\n  tooltipData?: string;\n}\n\nconst classKeys: (keyof HvOverflowTooltipClasses)[] = [\n  \"root\",\n  \"tooltipAnchor\",\n  \"tooltipAnchorParagraph\",\n  \"tooltipData\",\n];\n\nconst overflowTooltipClasses = getClasses(classKeys, \"HvOverflowTooltip\");\n\nexport default overflowTooltipClasses;\n"],"names":["classKeys","overflowTooltipClasses","getClasses"],"mappings":";AASA,MAAMA,YAAgD,CACpD,QACA,iBACA,0BACA,aAAa;AAGf,MAAMC,yBAAyBC,WAAWF,WAAW,mBAAmB;AAExE,MAAA,2BAAeC;"}

package/dist/esm/components/Pagination/paginationClasses.js.map

@@ -1 +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: string[] = [\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<HvPaginationClasses>(\n  classKeys,\n  \"HvPagination\"\n);\n\nexport default paginationClasses;\n"],"names":["classKeys","paginationClasses","getClasses"],"mappings":";AA6BA,MAAMA,YAAsB,CAC1B,QACA,mBACA,yBACA,yBACA,iBACA,YACA,YACA,iBACA,qBACA,0BACA,iBACA,MAAM;AAGR,MAAMC,oBAAoBC,WACxBF,WACA,cAAc;AAGhB,MAAA,sBAAeC;"}
+{"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;"}

package/dist/esm/components/Panel/panelClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"panelClasses.js","sources":["../../../../src/components/Panel/panelClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvPanelClasses {\n  /** Styles applied to the component root class. */\n  root?: string;\n}\n\nconst classKeys: string[] = [\"root\"];\n\nconst panelClasses = getClasses<HvPanelClasses>(classKeys, \"HvPanel\");\n\nexport default panelClasses;\n"],"names":["classKeys","panelClasses","getClasses"],"mappings":";AAOA,MAAMA,YAAsB,CAAC,MAAM;AAEnC,MAAMC,eAAeC,WAA2BF,WAAW,SAAS;AAEpE,MAAA,iBAAeC;"}
+{"version":3,"file":"panelClasses.js","sources":["../../../../src/components/Panel/panelClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvPanelClasses {\n  /** Styles applied to the component root class. */\n  root?: string;\n}\n\nconst classKeys: (keyof HvPanelClasses)[] = [\"root\"];\n\nconst panelClasses = getClasses(classKeys, \"HvPanel\");\n\nexport default panelClasses;\n"],"names":["classKeys","panelClasses","getClasses"],"mappings":";AAOA,MAAMA,YAAsC,CAAC,MAAM;AAEnD,MAAMC,eAAeC,WAAWF,WAAW,SAAS;AAEpD,MAAA,iBAAeC;"}

package/dist/esm/components/ProgressBar/progressBarClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"progressBarClasses.js","sources":["../../../../src/components/ProgressBar/progressBarClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvProgressBarClasses {\n  root?: string;\n  progress?: string;\n  progressBar?: string;\n  progressBarLabel?: string;\n  progressContainer?: string;\n  progressDone?: string;\n  progressBarContainer?: string;\n  progressError?: string;\n}\n\nconst classKeys: string[] = [\n  \"root\",\n  \"progress\",\n  \"progressBar\",\n  \"progressBarLabel\",\n  \"progressContainer\",\n  \"progressDone\",\n  \"progressBarContainer\",\n  \"progressError\",\n];\n\nconst progressBarClasses = getClasses<HvProgressBarClasses>(\n  classKeys,\n  \"HvProgressBar\"\n);\n\nexport default progressBarClasses;\n"],"names":["classKeys","progressBarClasses","getClasses"],"mappings":";AAaA,MAAMA,YAAsB,CAC1B,QACA,YACA,eACA,oBACA,qBACA,gBACA,wBACA,eAAe;AAGjB,MAAMC,qBAAqBC,WACzBF,WACA,eAAe;AAGjB,MAAA,uBAAeC;"}
+{"version":3,"file":"progressBarClasses.js","sources":["../../../../src/components/ProgressBar/progressBarClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvProgressBarClasses {\n  root?: string;\n  progress?: string;\n  progressBar?: string;\n  progressBarLabel?: string;\n  progressContainer?: string;\n  progressDone?: string;\n  progressBarContainer?: string;\n  progressError?: string;\n}\n\nconst classKeys: (keyof HvProgressBarClasses)[] = [\n  \"root\",\n  \"progress\",\n  \"progressBar\",\n  \"progressBarLabel\",\n  \"progressContainer\",\n  \"progressDone\",\n  \"progressBarContainer\",\n  \"progressError\",\n];\n\nconst progressBarClasses = getClasses(classKeys, \"HvProgressBar\");\n\nexport default progressBarClasses;\n"],"names":["classKeys","progressBarClasses","getClasses"],"mappings":";AAaA,MAAMA,YAA4C,CAChD,QACA,YACA,eACA,oBACA,qBACA,gBACA,wBACA,eAAe;AAGjB,MAAMC,qBAAqBC,WAAWF,WAAW,eAAe;AAEhE,MAAA,uBAAeC;"}

package/dist/esm/components/QueryBuilder/ConfirmationDialog/ConfirmationDialog.js

@@ -0,0 +1,60 @@
+import { ClassNames } from "@emotion/react";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { HvDialog } from "../../Dialog/Dialog.js";
+import { HvDialogTitle } from "../../Dialog/Title/Title.js";
+import { HvDialogContent } from "../../Dialog/Content/Content.js";
+import { HvDialogActions } from "../../Dialog/Actions/Actions.js";
+import { HvButton } from "../../Button/Button.js";
+const ConfirmationDialog = ({
+  title,
+  message,
+  isOpen,
+  onConfirm,
+  onCancel,
+  confirmButtonLabel,
+  cancelButtonLabel,
+  closeButtonTooltip
+}) => {
+  const handleClose = (event, reason) => {
+    if (reason !== "backdropClick") {
+      onCancel == null ? void 0 : onCancel();
+    }
+  };
+  return /* @__PURE__ */ jsx(ClassNames, {
+    children: ({
+      css
+    }) => /* @__PURE__ */ jsxs(HvDialog, {
+      classes: {
+        paper: css({
+          width: 500
+        })
+      },
+      open: isOpen,
+      onClose: handleClose,
+      firstFocusable: "confirmation-dialog-cancel",
+      buttonTitle: closeButtonTooltip,
+      children: [/* @__PURE__ */ jsx(HvDialogTitle, {
+        variant: "warning",
+        children: title
+      }), /* @__PURE__ */ jsx(HvDialogContent, {
+        indentContent: true,
+        children: message
+      }), /* @__PURE__ */ jsxs(HvDialogActions, {
+        children: [/* @__PURE__ */ jsx(HvButton, {
+          variant: "primaryGhost",
+          onClick: onConfirm,
+          children: confirmButtonLabel
+        }), /* @__PURE__ */ jsx(HvButton, {
+          id: "confirmation-dialog-cancel",
+          variant: "primaryGhost",
+          onClick: () => onCancel == null ? void 0 : onCancel(),
+          children: cancelButtonLabel
+        })]
+      })]
+    })
+  });
+};
+export {
+  ConfirmationDialog
+};
+//# sourceMappingURL=ConfirmationDialog.js.map

package/dist/esm/components/QueryBuilder/ConfirmationDialog/ConfirmationDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmationDialog.js","sources":["../../../../../src/components/QueryBuilder/ConfirmationDialog/ConfirmationDialog.tsx"],"sourcesContent":["import {\n  HvButton,\n  HvDialog,\n  HvDialogActions,\n  HvDialogContent,\n  HvDialogTitle,\n} from \"@core/components\";\nimport { ClassNames } from \"@emotion/react\";\n\nexport interface ConfirmationDialogProps {\n  title?: string;\n  message?: string;\n  isOpen?: boolean;\n  onConfirm?: (event: React.MouseEvent<HTMLButtonElement> | Event) => void;\n  onCancel?: () => void;\n  confirmButtonLabel?: string;\n  cancelButtonLabel?: string;\n  closeButtonTooltip?: string;\n}\n\nexport const ConfirmationDialog = ({\n  title,\n  message,\n  isOpen,\n  onConfirm,\n  onCancel,\n  confirmButtonLabel,\n  cancelButtonLabel,\n  closeButtonTooltip,\n}: ConfirmationDialogProps) => {\n  const handleClose = (event, reason) => {\n    if (reason !== \"backdropClick\") {\n      onCancel?.();\n    }\n  };\n\n  return (\n    <ClassNames>\n      {({ css }) => (\n        <HvDialog\n          classes={{ paper: css({ width: 500 }) }}\n          open={isOpen}\n          onClose={handleClose}\n          firstFocusable=\"confirmation-dialog-cancel\"\n          buttonTitle={closeButtonTooltip}\n        >\n          <HvDialogTitle variant=\"warning\">{title}</HvDialogTitle>\n          <HvDialogContent indentContent>{message}</HvDialogContent>\n          <HvDialogActions>\n            <HvButton variant=\"primaryGhost\" onClick={onConfirm}>\n              {confirmButtonLabel}\n            </HvButton>\n            <HvButton\n              id=\"confirmation-dialog-cancel\"\n              variant=\"primaryGhost\"\n              onClick={() => onCancel?.()}\n            >\n              {cancelButtonLabel}\n            </HvButton>\n          </HvDialogActions>\n        </HvDialog>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["ConfirmationDialog","title","message","isOpen","onConfirm","onCancel","confirmButtonLabel","cancelButtonLabel","closeButtonTooltip","handleClose","event","reason","ClassNames","children","css","HvDialog","classes","paper","width","open","onClose","firstFocusable","buttonTitle","_jsx","HvDialogTitle","variant","HvDialogContent","indentContent","_jsxs","HvDialogActions","HvButton","onClick","id"],"mappings":";;;;;;;AAoBO,MAAMA,qBAAqBA,CAAC;AAAA,EACjCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACuB,MAAM;AACvBC,QAAAA,cAAcA,CAACC,OAAOC,WAAW;AACrC,QAAIA,WAAW,iBAAiB;AAClB;AAAA,IACd;AAAA,EAAA;AAGF,6BACGC,YAAU;AAAA,IAAAC,UACRA,CAAC;AAAA,MAAEC;AAAAA,IAAAA,2BACDC,UAAQ;AAAA,MACPC,SAAS;AAAA,QAAEC,OAAOH,IAAI;AAAA,UAAEI,OAAO;AAAA,QAAA,CAAK;AAAA,MAAE;AAAA,MACtCC,MAAMhB;AAAAA,MACNiB,SAASX;AAAAA,MACTY,gBAAe;AAAA,MACfC,aAAad;AAAAA,MAAmBK,UAAA,CAEhCU,oBAACC,eAAa;AAAA,QAACC,SAAQ;AAAA,QAASZ,UAAEZ;AAAAA,MAAAA,CAAsB,GACxDsB,oBAACG,iBAAe;AAAA,QAACC,eAAa;AAAA,QAAAd,UAAEX;AAAAA,MAAAA,CAA0B,GAC1D0B,qBAACC,iBAAe;AAAA,QAAAhB,UAAA,CACdU,oBAACO,UAAQ;AAAA,UAACL,SAAQ;AAAA,UAAeM,SAAS3B;AAAAA,UAAUS,UACjDP;AAAAA,QAAAA,CACQ,GACXiB,oBAACO,UAAQ;AAAA,UACPE,IAAG;AAAA,UACHP,SAAQ;AAAA,UACRM,SAASA,MAAM1B;AAAAA,UAAaQ,UAE3BN;AAAAA,QAAAA,CACQ,CAAA;AAAA,MAAA,CACK,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAGX;AAEjB;"}

package/dist/esm/components/QueryBuilder/Context.js

@@ -0,0 +1,281 @@
+import { createContext } from "react";
+const defaultOperators = {
+  numeric: [{
+    operator: "greaterThan",
+    label: "Greater than (>)",
+    combinators: ["and"]
+  }, {
+    operator: "lessThan",
+    label: "Less than (<)",
+    combinators: ["and"]
+  }, {
+    operator: "equalsTo",
+    label: "Equal to (=)",
+    combinators: ["and", "or"]
+  }, {
+    operator: "greaterThanEq",
+    label: "Greater than or equal to (>=)",
+    combinators: ["and"]
+  }, {
+    operator: "lessThanEq",
+    label: "Less than or equal to (<=)",
+    combinators: ["and"]
+  }, {
+    operator: "notEqual",
+    label: "Not equal to (!=)",
+    combinators: ["and"]
+  }, {
+    operator: "range",
+    label: "Range",
+    combinators: ["and"]
+  }],
+  text: [{
+    operator: "equals",
+    label: "Equals",
+    combinators: ["and", "or"]
+  }, {
+    operator: "equalsIgnoreCase",
+    label: "Equals Ignore Case",
+    combinators: ["and", "or"]
+  }, {
+    operator: "Contains",
+    label: "Contains",
+    combinators: ["and", "or"]
+  }, {
+    operator: "StartsWith",
+    label: "A string begins with",
+    combinators: ["and", "or"]
+  }, {
+    operator: "EndsWith",
+    label: "A string ends with",
+    combinators: ["and", "or"]
+  }, {
+    operator: "IsNotEmpty",
+    label: "Is Not empty",
+    combinators: ["and"]
+  }, {
+    operator: "IsNot",
+    label: "Is Not",
+    combinators: ["and"]
+  }, {
+    operator: "Empty",
+    label: "Empty",
+    combinators: ["and"]
+  }],
+  textarea: [{
+    operator: "equals",
+    label: "Equals",
+    combinators: ["and", "or"]
+  }, {
+    operator: "equalsIgnoreCase",
+    label: "Equals Ignore Case",
+    combinators: ["and", "or"]
+  }, {
+    operator: "Contains",
+    label: "Contains",
+    combinators: ["and", "or"]
+  }, {
+    operator: "StartsWith",
+    label: "A string begins with",
+    combinators: ["and", "or"]
+  }, {
+    operator: "EndsWith",
+    label: "A string ends with",
+    combinators: ["and", "or"]
+  }, {
+    operator: "IsNotEmpty",
+    label: "Is Not empty",
+    combinators: ["and"]
+  }, {
+    operator: "IsNot",
+    label: "Is Not",
+    combinators: ["and"]
+  }, {
+    operator: "Empty",
+    label: "Empty",
+    combinators: ["and"]
+  }],
+  boolean: [{
+    operator: "equalsTo",
+    label: "=",
+    combinators: ["and", "or"]
+  }],
+  dateandtime: [{
+    operator: "greaterThan",
+    label: "Greater than",
+    combinators: ["and"]
+  }, {
+    operator: "lessThan",
+    label: "Less than",
+    combinators: ["and"]
+  }, {
+    operator: "equalsTo",
+    label: "Equal to",
+    combinators: ["and", "or"]
+  }, {
+    operator: "greaterThanEq",
+    label: "Greater than or equal to",
+    combinators: ["and"]
+  }, {
+    operator: "lessThanEq",
+    label: "Less than or equal to",
+    combinators: ["and"]
+  }, {
+    operator: "notEqual",
+    label: "Not equal to",
+    combinators: ["and"]
+  }, {
+    operator: "range",
+    label: "Range",
+    combinators: ["and"]
+  }]
+};
+const defaultCombinators = [{
+  operand: "and",
+  label: "AND"
+}, {
+  operand: "or",
+  label: "OR"
+}];
+const defaultLabels = {
+  query: {
+    delete: {
+      ariaLabel: "Reset query",
+      tooltip: "Reset query",
+      dialogTitle: "Remove all conditions?",
+      dialogMessage: "Are you sure you want to remove all the conditions? They will be removed permanently.",
+      dialogConfirm: "Yes",
+      dialogCancel: "No",
+      dialogCloseTooltip: "Close"
+    }
+  },
+  rule: {
+    attribute: {
+      label: "Attribute",
+      placeholder: "Select attribute...",
+      exists: "Attribute already exists."
+    },
+    operator: {
+      label: "Operator",
+      placeholder: "Select operator..."
+    },
+    value: {
+      distance: {
+        label: "Value",
+        connectorText: "radius miles from",
+        button: "Select location",
+        validation: {
+          required: "The value is required.",
+          invalid: "Value must be a positive number."
+        }
+      },
+      text: {
+        label: "Value",
+        placeholder: "Enter value...",
+        validation: {
+          required: "The value is required."
+        }
+      },
+      boolean: {
+        label: "Value",
+        placeholder: "Enter value",
+        options: {
+          true: "True",
+          false: "False"
+        }
+      },
+      numeric: {
+        label: "Value",
+        placeholder: "Enter value",
+        validation: {
+          required: "The value is required.",
+          invalid: "Value must be a number.",
+          equal: "Cannot be equal.",
+          greaterThan: "Needs to be greater."
+        },
+        range: {
+          leftLabel: "From",
+          rightLabel: "To"
+        }
+      },
+      datetime: {
+        dateLabel: "Date",
+        datePlaceholder: "Select Date",
+        timeLabel: "Time",
+        timePlaceholder: "Select Time",
+        startDateLabel: "Start Date",
+        startDatePlaceholder: "Select Start Date",
+        startTimeLabel: "Start Time",
+        startTimePlaceholder: "Select Start Time",
+        endDateLabel: "End Date",
+        endDatePlaceholder: "Select End Date",
+        endTimeLabel: "End Time",
+        endTimePlaceholder: "Select End Time",
+        validation: {
+          required: "The value is required.",
+          invalidInterval: "End date and time must be after start date and time."
+        }
+      }
+    },
+    delete: {
+      ariaLabel: "Remove condition",
+      tooltip: "Remove condition",
+      dialogTitle: "Remove condition?",
+      dialogMessage: "Are you sure you want to remove the condition? It will be removed permanently.",
+      dialogConfirm: "Yes",
+      dialogCancel: "No",
+      dialogCloseTooltip: "Close"
+    }
+  },
+  group: {
+    delete: {
+      ariaLabel: "Remove group",
+      tooltip: "Remove group",
+      dialogTitle: "Remove group?",
+      dialogMessage: "Are you sure you want to remove the group? It will be removed permanently.",
+      dialogConfirm: "Yes",
+      dialogCancel: "No",
+      dialogCloseTooltip: "Close"
+    },
+    reset: {
+      ariaLabel: "Change operator",
+      tooltip: "Change operator query",
+      dialogTitle: "Change conditional operator?",
+      dialogMessage: "Do you want to change conditional operator? You won't be able to undo this operation. Conditions and/or groups will be removed.",
+      dialogConfirm: "Yes",
+      dialogCancel: "No",
+      dialogCloseTooltip: "Close"
+    },
+    addRule: {
+      label: "Add condition"
+    },
+    addGroup: {
+      label: "Add group"
+    }
+  },
+  empty: {
+    title: "No conditions created yet",
+    createCondition: "Create a condition",
+    createGroup: "condition group",
+    spacer: " or a "
+  }
+};
+const QueryBuilderContext = createContext({
+  dispatchAction: () => ({}),
+  askAction: () => ({}),
+  selectLocation: () => ({}),
+  attributes: {},
+  operators: defaultOperators,
+  combinators: defaultCombinators,
+  maxDepth: 1,
+  labels: defaultLabels,
+  initialTouched: false,
+  readOnly: false
+});
+export {
+  QueryBuilderContext,
+  defaultCombinators,
+  defaultLabels,
+  defaultOperators
+};
+//# sourceMappingURL=Context.js.map

package/dist/esm/components/QueryBuilder/Context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.js","sources":["../../../../src/components/QueryBuilder/Context.tsx"],"sourcesContent":["import { createContext } from \"react\";\nimport {\n  AskAction,\n  Attribute,\n  QueryAction,\n  QueryBuilderLabels,\n  QueryCombinator,\n  QueryOperator,\n} from \"./types\";\n\nexport const defaultOperators = {\n  numeric: [\n    {\n      operator: \"greaterThan\",\n      label: \"Greater than (>)\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"lessThan\",\n      label: \"Less than (<)\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"equalsTo\",\n      label: \"Equal to (=)\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"greaterThanEq\",\n      label: \"Greater than or equal to (>=)\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"lessThanEq\",\n      label: \"Less than or equal to (<=)\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"notEqual\",\n      label: \"Not equal to (!=)\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"range\",\n      label: \"Range\",\n      combinators: [\"and\"],\n    },\n  ],\n  text: [\n    {\n      operator: \"equals\",\n      label: \"Equals\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"equalsIgnoreCase\",\n      label: \"Equals Ignore Case\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"Contains\",\n      label: \"Contains\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"StartsWith\",\n      label: \"A string begins with\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"EndsWith\",\n      label: \"A string ends with\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"IsNotEmpty\",\n      label: \"Is Not empty\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"IsNot\",\n      label: \"Is Not\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"Empty\",\n      label: \"Empty\",\n      combinators: [\"and\"],\n    },\n  ],\n  textarea: [\n    {\n      operator: \"equals\",\n      label: \"Equals\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"equalsIgnoreCase\",\n      label: \"Equals Ignore Case\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"Contains\",\n      label: \"Contains\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"StartsWith\",\n      label: \"A string begins with\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"EndsWith\",\n      label: \"A string ends with\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"IsNotEmpty\",\n      label: \"Is Not empty\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"IsNot\",\n      label: \"Is Not\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"Empty\",\n      label: \"Empty\",\n      combinators: [\"and\"],\n    },\n  ],\n  boolean: [\n    {\n      operator: \"equalsTo\",\n      label: \"=\",\n      combinators: [\"and\", \"or\"],\n    },\n  ],\n  dateandtime: [\n    {\n      operator: \"greaterThan\",\n      label: \"Greater than\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"lessThan\",\n      label: \"Less than\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"equalsTo\",\n      label: \"Equal to\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"greaterThanEq\",\n      label: \"Greater than or equal to\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"lessThanEq\",\n      label: \"Less than or equal to\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"notEqual\",\n      label: \"Not equal to\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"range\",\n      label: \"Range\",\n      combinators: [\"and\"],\n    },\n  ],\n};\n\nexport const defaultCombinators = [\n  { operand: \"and\", label: \"AND\" },\n  { operand: \"or\", label: \"OR\" },\n];\n\nexport const defaultLabels = {\n  query: {\n    delete: {\n      ariaLabel: \"Reset query\",\n      tooltip: \"Reset query\",\n      dialogTitle: \"Remove all conditions?\",\n      dialogMessage:\n        \"Are you sure you want to remove all the conditions? They will be removed permanently.\",\n      dialogConfirm: \"Yes\",\n      dialogCancel: \"No\",\n      dialogCloseTooltip: \"Close\",\n    },\n  },\n  rule: {\n    attribute: {\n      label: \"Attribute\",\n      placeholder: \"Select attribute...\",\n      exists: \"Attribute already exists.\",\n    },\n    operator: {\n      label: \"Operator\",\n      placeholder: \"Select operator...\",\n    },\n    value: {\n      distance: {\n        label: \"Value\",\n        connectorText: \"radius miles from\",\n        button: \"Select location\",\n        validation: {\n          required: \"The value is required.\",\n          invalid: \"Value must be a positive number.\",\n        },\n      },\n      text: {\n        label: \"Value\",\n        placeholder: \"Enter value...\",\n        validation: {\n          required: \"The value is required.\",\n        },\n      },\n      boolean: {\n        label: \"Value\",\n        placeholder: \"Enter value\",\n        options: {\n          true: \"True\",\n          false: \"False\",\n        },\n      },\n      numeric: {\n        label: \"Value\",\n        placeholder: \"Enter value\",\n        validation: {\n          required: \"The value is required.\",\n          invalid: \"Value must be a number.\",\n          equal: \"Cannot be equal.\",\n          greaterThan: \"Needs to be greater.\",\n        },\n        range: {\n          leftLabel: \"From\",\n          rightLabel: \"To\",\n        },\n      },\n      datetime: {\n        dateLabel: \"Date\",\n        datePlaceholder: \"Select Date\",\n        timeLabel: \"Time\",\n        timePlaceholder: \"Select Time\",\n        startDateLabel: \"Start Date\",\n        startDatePlaceholder: \"Select Start Date\",\n        startTimeLabel: \"Start Time\",\n        startTimePlaceholder: \"Select Start Time\",\n        endDateLabel: \"End Date\",\n        endDatePlaceholder: \"Select End Date\",\n        endTimeLabel: \"End Time\",\n        endTimePlaceholder: \"Select End Time\",\n        validation: {\n          required: \"The value is required.\",\n          invalidInterval:\n            \"End date and time must be after start date and time.\",\n        },\n      },\n    },\n    delete: {\n      ariaLabel: \"Remove condition\",\n      tooltip: \"Remove condition\",\n      dialogTitle: \"Remove condition?\",\n      dialogMessage:\n        \"Are you sure you want to remove the condition? It will be removed permanently.\",\n      dialogConfirm: \"Yes\",\n      dialogCancel: \"No\",\n      dialogCloseTooltip: \"Close\",\n    },\n  },\n  group: {\n    delete: {\n      ariaLabel: \"Remove group\",\n      tooltip: \"Remove group\",\n      dialogTitle: \"Remove group?\",\n      dialogMessage:\n        \"Are you sure you want to remove the group? It will be removed permanently.\",\n      dialogConfirm: \"Yes\",\n      dialogCancel: \"No\",\n      dialogCloseTooltip: \"Close\",\n    },\n    reset: {\n      ariaLabel: \"Change operator\",\n      tooltip: \"Change operator query\",\n      dialogTitle: \"Change conditional operator?\",\n      dialogMessage:\n        \"Do you want to change conditional operator? You won't be able to undo this operation. Conditions and/or groups will be removed.\",\n      dialogConfirm: \"Yes\",\n      dialogCancel: \"No\",\n      dialogCloseTooltip: \"Close\",\n    },\n    addRule: {\n      label: \"Add condition\",\n    },\n    addGroup: {\n      label: \"Add group\",\n    },\n  },\n  empty: {\n    title: \"No conditions created yet\",\n    createCondition: \"Create a condition\",\n    createGroup: \"condition group\",\n    spacer: \" or a \",\n  },\n};\n\ninterface QueryBuilderContextValue {\n  dispatchAction: React.Dispatch<QueryAction>;\n  askAction: React.Dispatch<React.SetStateAction<AskAction | undefined>>;\n  selectLocation?: React.Dispatch<unknown>;\n  attributes?: Record<string, Attribute>;\n  operators: Record<string, QueryOperator[]>;\n  combinators: QueryCombinator[];\n  maxDepth: number;\n  labels: QueryBuilderLabels;\n  initialTouched: boolean;\n  readOnly: boolean;\n}\n\nexport const QueryBuilderContext = createContext<QueryBuilderContextValue>({\n  dispatchAction: () => ({}),\n  askAction: () => ({}),\n  selectLocation: () => ({}),\n  attributes: {},\n  operators: defaultOperators,\n  combinators: defaultCombinators,\n  maxDepth: 1,\n  labels: defaultLabels,\n  initialTouched: false,\n  readOnly: false,\n});\n"],"names":["defaultOperators","numeric","operator","label","combinators","text","textarea","boolean","dateandtime","defaultCombinators","operand","defaultLabels","query","delete","ariaLabel","tooltip","dialogTitle","dialogMessage","dialogConfirm","dialogCancel","dialogCloseTooltip","rule","attribute","placeholder","exists","value","distance","connectorText","button","validation","required","invalid","options","true","false","equal","greaterThan","range","leftLabel","rightLabel","datetime","dateLabel","datePlaceholder","timeLabel","timePlaceholder","startDateLabel","startDatePlaceholder","startTimeLabel","startTimePlaceholder","endDateLabel","endDatePlaceholder","endTimeLabel","endTimePlaceholder","invalidInterval","group","reset","addRule","addGroup","empty","title","createCondition","createGroup","spacer","QueryBuilderContext","createContext","dispatchAction","askAction","selectLocation","attributes","operators","maxDepth","labels","initialTouched","readOnly"],"mappings":"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"}

package/dist/esm/components/QueryBuilder/QueryBuilder.js

@@ -0,0 +1,86 @@
+import cloneDeep from "lodash/cloneDeep";
+import isEqual from "lodash/isEqual";
+import { useState, useRef, useReducer, useContext, useMemo, useEffect } from "react";
+import { QueryBuilderContext } from "./Context.js";
+import { emptyGroup, clearNodeIds } from "./utils/index.js";
+import reducer from "./utils/reducer.js";
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { RuleGroup } from "./RuleGroup/RuleGroup.js";
+import { ConfirmationDialog } from "./ConfirmationDialog/ConfirmationDialog.js";
+const HvQueryBuilder = ({
+  attributes,
+  query,
+  onChange,
+  operators,
+  combinators,
+  maxDepth = 1,
+  labels,
+  readOnly = false,
+  classes
+}) => {
+  const [pendingAction, askAction] = useState();
+  const currentAttributes = useRef(null);
+  const [state, dispatchAction] = useReducer(reducer, query, (initialState2) => initialState2 || emptyGroup());
+  const initialState = query === state;
+  const [prevState, setPrevState] = useState();
+  const defaultcontext = useContext(QueryBuilderContext);
+  const context = useMemo(() => ({
+    dispatchAction,
+    askAction,
+    attributes,
+    operators: operators ?? defaultcontext.operators,
+    combinators: combinators ?? defaultcontext.combinators,
+    maxDepth: maxDepth ?? defaultcontext.maxDepth,
+    labels: labels ?? defaultcontext.labels,
+    initialTouched: initialState,
+    readOnly
+  }), [attributes, operators, defaultcontext.operators, defaultcontext.combinators, defaultcontext.maxDepth, defaultcontext.labels, combinators, maxDepth, labels, readOnly, initialState]);
+  useEffect(() => {
+    if (currentAttributes.current == null) {
+      currentAttributes.current = attributes;
+    } else if (currentAttributes.current !== attributes) {
+      currentAttributes.current = attributes;
+      dispatchAction({
+        type: "reset-query"
+      });
+    }
+  }, [attributes]);
+  useEffect(() => {
+    if (!initialState && !isEqual(state, prevState)) {
+      onChange == null ? void 0 : onChange(clearNodeIds(state));
+      setPrevState(cloneDeep(state));
+    }
+  }, [state, prevState, initialState, onChange]);
+  const onConfirmHandler = () => {
+    if (pendingAction) {
+      askAction(void 0);
+      pendingAction.actions.forEach((action) => dispatchAction(action));
+    }
+  };
+  const onCancelHandler = () => {
+    askAction(void 0);
+  };
+  return /* @__PURE__ */ jsxs(QueryBuilderContext.Provider, {
+    value: context,
+    children: [/* @__PURE__ */ jsx(RuleGroup, {
+      level: 0,
+      id: state.id,
+      combinator: state.combinator,
+      rules: state.rules,
+      classes
+    }), /* @__PURE__ */ jsx(ConfirmationDialog, {
+      isOpen: pendingAction != null,
+      onConfirm: onConfirmHandler,
+      onCancel: onCancelHandler,
+      title: (pendingAction == null ? void 0 : pendingAction.dialog.dialogTitle) || "",
+      message: (pendingAction == null ? void 0 : pendingAction.dialog.dialogMessage) || "",
+      confirmButtonLabel: (pendingAction == null ? void 0 : pendingAction.dialog.dialogConfirm) || "",
+      cancelButtonLabel: (pendingAction == null ? void 0 : pendingAction.dialog.dialogCancel) || "",
+      closeButtonTooltip: (pendingAction == null ? void 0 : pendingAction.dialog.dialogCloseTooltip) || ""
+    })]
+  });
+};
+export {
+  HvQueryBuilder
+};
+//# sourceMappingURL=QueryBuilder.js.map