@harnessio/ui 0.5.70 → 0.5.71

package/dist/{index-BvoDfbvj.js → index-BoHdNQzo.js}

@@ -1,52 +1,55 @@
 import { G as c, H as v, u as g, a as P } from "./button-Dngz8cJe.js";
-import { R as T, u as h } from "./use-resize-observer-DNQ1lBLF.js";
-import { E, e as w, v as b, w as y, f as D, x as S, q as _, d as j, u as M } from "./index-Do23wv9r.js";
+import { R as T, u as w } from "./use-resize-observer-DNQ1lBLF.js";
+import { E, e as b, v as h, w as y, f as D, x as S, q as _, d as j, u as M } from "./index-Do23wv9r.js";
 import { jsx as i, jsxs as O } from "react/jsx-runtime";
 import { createContext as u, useContext as C, useState as a, useCallback as R, useMemo as k } from "react";
 import { a as q, C as z, M as B, l as G, k as H } from "./types-DuzuERyI.js";
-const m = u(void 0), N = ({
+function L(o) {
+  return o != null && o.endsWith("-low") ? o.replace(/-low$/, "-std") : o;
+}
+const l = u(void 0), N = ({
   components: o,
   children: e
-}) => /* @__PURE__ */ i(m.Provider, { value: o, children: e }), A = () => {
-  const o = C(m);
+}) => /* @__PURE__ */ i(l.Provider, { value: o, children: e }), W = () => {
+  const o = C(l);
   if (!o) throw new Error("useComponents must be used within ComponentProvider");
   return o;
-}, r = u({
+}, s = u({
   show: (o) => {
   }
 });
-function F({ children: o }) {
-  const [e, l] = a(), [d, s] = a(!1), n = R(
+function $({ children: o }) {
+  const [e, m] = a(), [d, r] = a(!1), n = R(
     (t) => {
-      l(t), s(!0);
+      m(t), r(!0);
     },
-    [s]
+    [r]
   ), p = () => {
     var t;
-    (t = e == null ? void 0 : e.onConfirm) == null || t.call(e), s(!1);
-  }, x = () => {
+    (t = e == null ? void 0 : e.onConfirm) == null || t.call(e), r(!1);
+  }, f = () => {
     var t;
-    (t = e == null ? void 0 : e.onCancel) == null || t.call(e), s(!1);
-  }, f = k(() => ({ show: n }), [n]);
-  return /* @__PURE__ */ O(r.Provider, { value: f, children: [
+    (t = e == null ? void 0 : e.onCancel) == null || t.call(e), r(!1);
+  }, x = k(() => ({ show: n }), [n]);
+  return /* @__PURE__ */ O(s.Provider, { value: x, children: [
     o,
-    /* @__PURE__ */ i(E, { ...e, onCancel: x, onConfirm: p, open: d })
+    /* @__PURE__ */ i(E, { ...e, onCancel: f, onConfirm: p, open: d })
   ] });
 }
-const I = () => {
-  const o = C(r);
+const A = () => {
+  const o = C(s);
   if (!o)
     throw new Error("useExitConfirm must be used within a ExitConfirmProvider");
   return o;
-}, W = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, V = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   ColorType: q,
   ComponentProvider: N,
   ContrastType: z,
-  DialogOpenContext: w,
-  DialogProvider: b,
-  ExitConfirmContext: r,
-  ExitConfirmProvider: F,
+  DialogOpenContext: b,
+  DialogProvider: h,
+  ExitConfirmContext: s,
+  ExitConfirmProvider: $,
   ModeType: B,
   PortalProvider: c,
   RouterContextProvider: T,
@@ -56,21 +59,23 @@ const I = () => {
   defaultTheme: G,
   getT: S,
   getThemeCSSName: H,
-  useComponents: A,
+  migrateLowContrastTheme: L,
+  useComponents: W,
   useCustomDialogTrigger: _,
-  useExitConfirm: I,
+  useExitConfirm: A,
   usePortal: g,
   useRegisterDialog: j,
-  useRouterContext: h,
+  useRouterContext: w,
   useTheme: P,
   useTranslation: M
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   N as C,
-  r as E,
-  F as a,
-  I as b,
-  W as i,
-  A as u
+  s as E,
+  $ as a,
+  A as b,
+  V as i,
+  L as m,
+  W as u
 };
-//# sourceMappingURL=index-BvoDfbvj.js.map
+//# sourceMappingURL=index-BoHdNQzo.js.map

package/dist/index-BoHdNQzo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BoHdNQzo.js","sources":["../src/context/theme/migrate-persisted-theme.ts","../src/context/component-context.tsx","../src/context/exit-confirm-context.tsx"],"sourcesContent":["import { FullTheme } from './types'\n\n/** Rewrite deprecated dimmer/low contrast themes to standard contrast. */\nexport function migrateLowContrastTheme(theme?: FullTheme): FullTheme | undefined {\n  if (theme?.endsWith('-low')) {\n    return theme.replace(/-low$/, '-std') as FullTheme\n  }\n\n  return theme\n}\n","// 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":["migrateLowContrastTheme","theme","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":";;;;;;AAGO,SAASA,EAAwBC,GAA0C;AAC5E,SAAAA,KAAA,QAAAA,EAAO,SAAS,UACXA,EAAM,QAAQ,SAAS,MAAM,IAG/BA;AACT;ACKA,MAAMC,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

@@ -1742,6 +1742,7 @@ declare namespace context {
         defaultTheme,
         ThemeProvider,
         useTheme,
+        migrateLowContrastTheme,
         TranslationProvider,
         useTranslation,
         TFunction,
@@ -1893,7 +1894,7 @@ declare interface CustomItemProps extends React.HTMLAttributes<HTMLDivElement> {
     children: ReactNode;
 }
 
-declare const DataTable: (<TData>({ data, columns, size, variant, paginationProps, getRowClassName, onRowClick, getRowLink, disableHighlightOnHover, className, currentSorting, currentRowSelection, onSortingChange: externalOnSortingChange, enableRowSelection, onRowSelectionChange: externalOnRowSelectionChange, enableExpanding, getRowCanExpand, getRowCanSelect, getIsRowDisabled, initiallyExpandAllRows, currentExpanded, onExpandedChange: externalOnExpandedChange, renderSubComponent, getSubRows, _enableColumnResizing, getRowId, visibleColumns, columnPinning }: DataTableProps<TData>) => JSX_2.Element) & {
+declare const DataTable: (<TData>({ data, columns, size, variant, paginationProps, getRowClassName, onRowClick, getRowLink, disableHighlightOnHover, className, currentSorting, currentRowSelection, onSortingChange: externalOnSortingChange, enableRowSelection, onRowSelectionChange: externalOnRowSelectionChange, enableExpanding, getRowCanExpand, getRowCanSelect, getIsRowDisabled, initiallyExpandAllRows, currentExpanded, onExpandedChange: externalOnExpandedChange, renderSubComponent, getSubRows, _enableColumnResizing, getRowId, visibleColumns, columnPinning, manualSorting }: DataTableProps<TData>) => JSX_2.Element) & {
     ColumnFilter: FC<DataTableColumnFilterDropdownProps>;
 };
 
@@ -1915,6 +1916,11 @@ declare interface DataTableProps<TData> {
     disableHighlightOnHover?: boolean;
     className?: string;
     currentSorting?: SortingState;
+    /**
+     * See {@link https://tanstack.com/table/latest/docs/api/features/sorting#manualsorting React Table docs}.
+     * Unless disabled, you must sort the data yourself (such as on the server side).
+     */
+    manualSorting?: boolean;
     currentRowSelection?: RowSelectionState;
     columnPinning?: ColumnPinningState;
     /**
@@ -4592,6 +4598,9 @@ declare enum MeterState {
     Info = 4
 }
 
+/** Rewrite deprecated dimmer/low contrast themes to standard contrast. */
+declare function migrateLowContrastTheme(theme?: FullTheme): FullTheme | undefined;
+
 declare type ModalDialogRootProps = Pick<SheetPrimitive.DialogProps, 'open' | 'onOpenChange' | 'children'>;
 
 declare enum ModeType {
@@ -7452,6 +7461,8 @@ declare interface ThemeDialogProps {
     showAccentColor?: boolean;
     showGrayColor?: boolean;
     showAccessibilityThemeOptions?: boolean;
+    /** Contrast levels to omit from the selector. Defaults to hiding deprecated Low/dimmer. */
+    hiddenContrastOptions?: ContrastType[];
     /** Optional loading state indicator */
     isThemeLoading?: boolean;
 }

package/dist/index.js

@@ -1,6 +1,6 @@
 import { i as s } from "./index-DDLV5nJ6.js";
-import { i as e } from "./index-n21j6vWp.js";
-import { i as a } from "./index-BvoDfbvj.js";
+import { i as e } from "./index-BdMamYc4.js";
+import { i as a } from "./index-BoHdNQzo.js";
 import { i as m } from "./index-C4bDY5-3.js";
 import { i as f } from "./index-yGuTXfMI.js";
 import { i as l } from "./index-wmoXHrrC.js";