@harnessio/ui 0.5.14 → 0.5.15

package/dist/{index-D6BuUbRP.js → index-DVAPJwos.js}

@@ -1,4 +1,4 @@
-import { a7 as f, g as v, ah as g, ai as P, aj as h, ak as T, h as E, al as b, a3 as w, u as j, f as y, d as D, k as S } from "./index-DhFGPGOA.js";
+import { a7 as f, g as v, ah as g, ai as P, aj as h, ak as T, h as E, al as b, a3 as w, u as j, f as y, d as D, k as S } from "./index-DDOiMHF8.js";
 import { b as _, C as M, M as O, R, o as k, m as z, u as B } from "./use-resize-observer-B-bXbUjU.js";
 import { jsx as i, jsxs as N } from "react/jsx-runtime";
 import { createContext as u, useContext as C, useState as a, useCallback as q, useMemo as A } from "react";
@@ -71,4 +71,4 @@ export {
   U as i,
   G as u
 };
-//# sourceMappingURL=index-D6BuUbRP.js.map
+//# sourceMappingURL=index-DVAPJwos.js.map

package/dist/{index-D6BuUbRP.js.map → index-DVAPJwos.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-D6BuUbRP.js","sources":["../src/context/component-context.tsx","../src/context/exit-confirm-context.tsx"],"sourcesContent":["// ComponentContext.tsx\n\nimport React, { createContext, ReactNode, RefAttributes, useContext } from 'react'\n\nimport { RbacButtonProps, RbacMoreActionsTooltipProps, RbacSplitButtonProps } from '@components/rbac'\n\ninterface ComponentContextValue {\n  RbacButton: React.ComponentType<RbacButtonProps & RefAttributes<HTMLButtonElement>>\n  RbacSplitButton: <T extends string>(props: RbacSplitButtonProps<T>) => JSX.Element\n  RbacMoreActionsTooltip: React.ForwardRefExoticComponent<\n    RbacMoreActionsTooltipProps & RefAttributes<HTMLButtonElement>\n  >\n}\n\nconst ComponentContext = createContext<ComponentContextValue | undefined>(undefined)\n\nexport const ComponentProvider = ({\n  components,\n  children\n}: {\n  components: ComponentContextValue\n  children: ReactNode\n}) => {\n  return <ComponentContext.Provider value={components}>{children}</ComponentContext.Provider>\n}\n\nexport const useComponents = () => {\n  const ctx = useContext(ComponentContext)\n  if (!ctx) throw new Error('useComponents must be used within ComponentProvider')\n  return ctx\n}\n","import { createContext, useCallback, useContext, useMemo, useState } from 'react'\n\nimport { ExitConfirmDialog, ExitConfirmOptions } from '../components/dialogs/exit-confirm-dialog'\n\nexport interface ExitConfirmContextType {\n  show: (options: ExitConfirmOptions) => void\n}\n\nexport const ExitConfirmContext = createContext<ExitConfirmContextType>({\n  show: (_options: ExitConfirmOptions) => undefined\n})\n\nexport function ExitConfirmProvider({ children }: { children: React.ReactNode }) {\n  const [confirm, setConfirm] = useState<ExitConfirmOptions>()\n  const [open, setOpen] = useState(false)\n\n  const show = useCallback(\n    (confirmOptions?: ExitConfirmOptions) => {\n      setConfirm(confirmOptions)\n      setOpen(true)\n    },\n    [setOpen]\n  )\n\n  const onConfirm = () => {\n    confirm?.onConfirm?.()\n    setOpen(false)\n  }\n\n  const onCancel = () => {\n    confirm?.onCancel?.()\n    setOpen(false)\n  }\n\n  const value = useMemo(() => ({ show }), [show])\n\n  return (\n    <ExitConfirmContext.Provider value={value}>\n      {children}\n      <ExitConfirmDialog {...confirm} onCancel={onCancel} onConfirm={onConfirm} open={open} />\n    </ExitConfirmContext.Provider>\n  )\n}\n\nexport const useExitConfirm = () => {\n  const context = useContext(ExitConfirmContext)\n  if (!context) {\n    throw new Error('useExitConfirm must be used within a ExitConfirmProvider')\n  }\n  return context\n}\n"],"names":["ComponentContext","createContext","ComponentProvider","components","children","useComponents","ctx","useContext","ExitConfirmContext","_options","ExitConfirmProvider","confirm","setConfirm","useState","open","setOpen","show","useCallback","confirmOptions","onConfirm","_a","onCancel","value","useMemo","jsxs","ExitConfirmDialog","useExitConfirm","context"],"mappings":";;;;AAcA,MAAMA,IAAmBC,EAAiD,MAAS,GAEtEC,IAAoB,CAAC;AAAA,EAChC,YAAAC;AAAA,EACA,UAAAC;AACF,wBAIUJ,EAAiB,UAAjB,EAA0B,OAAOG,GAAa,UAAAC,GAAS,GAGpDC,IAAgB,MAAM;AAC3B,QAAAC,IAAMC,EAAWP,CAAgB;AACvC,MAAI,CAACM,EAAW,OAAA,IAAI,MAAM,qDAAqD;AACxE,SAAAA;AACT,GCtBaE,IAAqBP,EAAsC;AAAA,EACtE,MAAM,CAACQ,MAAiC;AAAA;AAC1C,CAAC;AAEe,SAAAC,EAAoB,EAAE,UAAAN,KAA2C;AAC/E,QAAM,CAACO,GAASC,CAAU,IAAIC,EAA6B,GACrD,CAACC,GAAMC,CAAO,IAAIF,EAAS,EAAK,GAEhCG,IAAOC;AAAA,IACX,CAACC,MAAwC;AACvC,MAAAN,EAAWM,CAAc,GACzBH,EAAQ,EAAI;AAAA,IACd;AAAA,IACA,CAACA,CAAO;AAAA,EACV,GAEMI,IAAY,MAAM;;AACtB,KAAAC,IAAAT,KAAA,gBAAAA,EAAS,cAAT,QAAAS,EAAA,KAAAT,IACAI,EAAQ,EAAK;AAAA,EACf,GAEMM,IAAW,MAAM;;AACrB,KAAAD,IAAAT,KAAA,gBAAAA,EAAS,aAAT,QAAAS,EAAA,KAAAT,IACAI,EAAQ,EAAK;AAAA,EACf,GAEMO,IAAQC,EAAQ,OAAO,EAAE,MAAAP,MAAS,CAACA,CAAI,CAAC;AAE9C,SACG,gBAAAQ,EAAAhB,EAAmB,UAAnB,EAA4B,OAAAc,GAC1B,UAAA;AAAA,IAAAlB;AAAA,sBACAqB,GAAmB,EAAA,GAAGd,GAAS,UAAAU,GAAoB,WAAAF,GAAsB,MAAAL,EAAY,CAAA;AAAA,EAAA,GACxF;AAEJ;AAEO,MAAMY,IAAiB,MAAM;AAC5B,QAAAC,IAAUpB,EAAWC,CAAkB;AAC7C,MAAI,CAACmB;AACG,UAAA,IAAI,MAAM,0DAA0D;AAErE,SAAAA;AACT;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index-DVAPJwos.js","sources":["../src/context/component-context.tsx","../src/context/exit-confirm-context.tsx"],"sourcesContent":["// ComponentContext.tsx\n\nimport React, { createContext, ReactNode, RefAttributes, useContext } from 'react'\n\nimport { RbacButtonProps, RbacMoreActionsTooltipProps, RbacSplitButtonProps } from '@components/rbac'\n\ninterface ComponentContextValue {\n  RbacButton: React.ComponentType<RbacButtonProps & RefAttributes<HTMLButtonElement>>\n  RbacSplitButton: <T extends string>(props: RbacSplitButtonProps<T>) => JSX.Element\n  RbacMoreActionsTooltip: React.ForwardRefExoticComponent<\n    RbacMoreActionsTooltipProps & RefAttributes<HTMLButtonElement>\n  >\n}\n\nconst ComponentContext = createContext<ComponentContextValue | undefined>(undefined)\n\nexport const ComponentProvider = ({\n  components,\n  children\n}: {\n  components: ComponentContextValue\n  children: ReactNode\n}) => {\n  return <ComponentContext.Provider value={components}>{children}</ComponentContext.Provider>\n}\n\nexport const useComponents = () => {\n  const ctx = useContext(ComponentContext)\n  if (!ctx) throw new Error('useComponents must be used within ComponentProvider')\n  return ctx\n}\n","import { createContext, useCallback, useContext, useMemo, useState } from 'react'\n\nimport { ExitConfirmDialog, ExitConfirmOptions } from '../components/dialogs/exit-confirm-dialog'\n\nexport interface ExitConfirmContextType {\n  show: (options: ExitConfirmOptions) => void\n}\n\nexport const ExitConfirmContext = createContext<ExitConfirmContextType>({\n  show: (_options: ExitConfirmOptions) => undefined\n})\n\nexport function ExitConfirmProvider({ children }: { children: React.ReactNode }) {\n  const [confirm, setConfirm] = useState<ExitConfirmOptions>()\n  const [open, setOpen] = useState(false)\n\n  const show = useCallback(\n    (confirmOptions?: ExitConfirmOptions) => {\n      setConfirm(confirmOptions)\n      setOpen(true)\n    },\n    [setOpen]\n  )\n\n  const onConfirm = () => {\n    confirm?.onConfirm?.()\n    setOpen(false)\n  }\n\n  const onCancel = () => {\n    confirm?.onCancel?.()\n    setOpen(false)\n  }\n\n  const value = useMemo(() => ({ show }), [show])\n\n  return (\n    <ExitConfirmContext.Provider value={value}>\n      {children}\n      <ExitConfirmDialog {...confirm} onCancel={onCancel} onConfirm={onConfirm} open={open} />\n    </ExitConfirmContext.Provider>\n  )\n}\n\nexport const useExitConfirm = () => {\n  const context = useContext(ExitConfirmContext)\n  if (!context) {\n    throw new Error('useExitConfirm must be used within a ExitConfirmProvider')\n  }\n  return context\n}\n"],"names":["ComponentContext","createContext","ComponentProvider","components","children","useComponents","ctx","useContext","ExitConfirmContext","_options","ExitConfirmProvider","confirm","setConfirm","useState","open","setOpen","show","useCallback","confirmOptions","onConfirm","_a","onCancel","value","useMemo","jsxs","ExitConfirmDialog","useExitConfirm","context"],"mappings":";;;;AAcA,MAAMA,IAAmBC,EAAiD,MAAS,GAEtEC,IAAoB,CAAC;AAAA,EAChC,YAAAC;AAAA,EACA,UAAAC;AACF,wBAIUJ,EAAiB,UAAjB,EAA0B,OAAOG,GAAa,UAAAC,GAAS,GAGpDC,IAAgB,MAAM;AAC3B,QAAAC,IAAMC,EAAWP,CAAgB;AACvC,MAAI,CAACM,EAAW,OAAA,IAAI,MAAM,qDAAqD;AACxE,SAAAA;AACT,GCtBaE,IAAqBP,EAAsC;AAAA,EACtE,MAAM,CAACQ,MAAiC;AAAA;AAC1C,CAAC;AAEe,SAAAC,EAAoB,EAAE,UAAAN,KAA2C;AAC/E,QAAM,CAACO,GAASC,CAAU,IAAIC,EAA6B,GACrD,CAACC,GAAMC,CAAO,IAAIF,EAAS,EAAK,GAEhCG,IAAOC;AAAA,IACX,CAACC,MAAwC;AACvC,MAAAN,EAAWM,CAAc,GACzBH,EAAQ,EAAI;AAAA,IACd;AAAA,IACA,CAACA,CAAO;AAAA,EACV,GAEMI,IAAY,MAAM;;AACtB,KAAAC,IAAAT,KAAA,gBAAAA,EAAS,cAAT,QAAAS,EAAA,KAAAT,IACAI,EAAQ,EAAK;AAAA,EACf,GAEMM,IAAW,MAAM;;AACrB,KAAAD,IAAAT,KAAA,gBAAAA,EAAS,aAAT,QAAAS,EAAA,KAAAT,IACAI,EAAQ,EAAK;AAAA,EACf,GAEMO,IAAQC,EAAQ,OAAO,EAAE,MAAAP,MAAS,CAACA,CAAI,CAAC;AAE9C,SACG,gBAAAQ,EAAAhB,EAAmB,UAAnB,EAA4B,OAAAc,GAC1B,UAAA;AAAA,IAAAlB;AAAA,sBACAqB,GAAmB,EAAA,GAAGd,GAAS,UAAAU,GAAoB,WAAAF,GAAsB,MAAAL,EAAY,CAAA;AAAA,EAAA,GACxF;AAEJ;AAEO,MAAMY,IAAiB,MAAM;AAC5B,QAAAC,IAAUpB,EAAWC,CAAkB;AAC7C,MAAI,CAACmB;AACG,UAAA,IAAI,MAAM,0DAA0D;AAErE,SAAAA;AACT;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.d.ts

@@ -3365,6 +3365,10 @@ declare const IconNameMapV2: {
     'sort-2': FunctionComponent<SVGProps<SVGSVGElement>>;
     'sort-down': FunctionComponent<SVGProps<SVGSVGElement>>;
     'sort-up': FunctionComponent<SVGProps<SVGSVGElement>>;
+    'sound-high': FunctionComponent<SVGProps<SVGSVGElement>>;
+    'sound-low': FunctionComponent<SVGProps<SVGSVGElement>>;
+    'sound-min': FunctionComponent<SVGProps<SVGSVGElement>>;
+    'sound-off': FunctionComponent<SVGProps<SVGSVGElement>>;
     'sparks-solid': FunctionComponent<SVGProps<SVGSVGElement>>;
     sparks: FunctionComponent<SVGProps<SVGSVGElement>>;
     'split-view-bottom': FunctionComponent<SVGProps<SVGSVGElement>>;
@@ -3393,6 +3397,7 @@ declare const IconNameMapV2: {
     'supply-chain': FunctionComponent<SVGProps<SVGSVGElement>>;
     'system-restart': FunctionComponent<SVGProps<SVGSVGElement>>;
     'table-rows': FunctionComponent<SVGProps<SVGSVGElement>>;
+    'tag-check': FunctionComponent<SVGProps<SVGSVGElement>>;
     'tag-solid': FunctionComponent<SVGProps<SVGSVGElement>>;
     tag: FunctionComponent<SVGProps<SVGSVGElement>>;
     target: FunctionComponent<SVGProps<SVGSVGElement>>;

package/dist/index.js

@@ -1,6 +1,6 @@
 import { i as s } from "./index-Bvr23CG5.js";
-import { i as e } from "./index-DTSLSYUi.js";
-import { i as a } from "./index-D6BuUbRP.js";
+import { i as e } from "./index-BB_D_s6Q.js";
+import { i as a } from "./index-DVAPJwos.js";
 import { i as m } from "./index-BhO-bCC5.js";
 import { i as f } from "./index-yGuTXfMI.js";
 import { i as l } from "./index-DNkb7kYX.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@harnessio/ui",
   "description": "Harness Canary UI component library",
-  "version": "0.5.14",
+  "version": "0.5.15",
   "private": false,
   "type": "module",
   "main": "./dist/index.js",
@@ -122,8 +122,8 @@
     "yaml": "^2.7.0",
     "zod": "^3.23.8",
     "@harnessio/core-design-system": "0.0.1",
-    "@harnessio/pipeline-graph": "1.9.6",
-    "@harnessio/yaml-editor": "0.26.0"
+    "@harnessio/yaml-editor": "0.26.0",
+    "@harnessio/pipeline-graph": "1.9.6"
   },
   "peerDependencies": {
     "react": "^17.0.2",