@deephaven/components 0.82.1-beta.3 → 0.82.1-beta.5

package/dist/spectrum/View.d.ts

@@ -2,20 +2,34 @@
 import { type ViewProps as SpectrumViewProps } from '@adobe/react-spectrum';
 import type { DOMRefValue } from '@react-types/shared';
 import { type ColorValue } from '../theme/colorUtils';
-export type ViewProps = Omit<SpectrumViewProps<6>, 'backgroundColor'> & {
+export type ViewProps = Omit<SpectrumViewProps<6>, 'backgroundColor' | 'borderColor' | 'borderStartColor' | 'borderEndColor' | 'borderTopColor' | 'borderBottomColor' | 'borderXColor' | 'borderYColor'> & {
     backgroundColor?: ColorValue;
+    borderColor?: ColorValue;
+    borderStartColor?: ColorValue;
+    borderEndColor?: ColorValue;
+    borderTopColor?: ColorValue;
+    borderBottomColor?: ColorValue;
+    borderXColor?: ColorValue;
+    borderYColor?: ColorValue;
 };
 /**
  * A View component that re-exports the Spectrum View component.
  * However, it overrides ColorValues to accept CSS color strings and
- * our custom variable names from our color paletee and semantic colors.
+ * our custom variable names from our color palette and semantic colors.
  *
  * @param props The props for the View component
  * @returns The View component
  *
  */
-export declare const View: import("react").ForwardRefExoticComponent<Omit<SpectrumViewProps<6>, "backgroundColor"> & {
+export declare const View: import("react").ForwardRefExoticComponent<Omit<SpectrumViewProps<6>, "backgroundColor" | "borderColor" | "borderStartColor" | "borderEndColor" | "borderTopColor" | "borderBottomColor" | "borderXColor" | "borderYColor"> & {
     backgroundColor?: ColorValue;
+    borderColor?: ColorValue;
+    borderStartColor?: ColorValue;
+    borderEndColor?: ColorValue;
+    borderTopColor?: ColorValue;
+    borderBottomColor?: ColorValue;
+    borderXColor?: ColorValue;
+    borderYColor?: ColorValue;
 } & import("react").RefAttributes<DOMRefValue<HTMLElement>>>;
 export default View;
 //# sourceMappingURL=View.d.ts.map

package/dist/spectrum/View.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"View.d.ts","sourceRoot":"","sources":["../../src/spectrum/View.tsx"],"names":[],"mappings":";AAEA,OAAO,EAEL,KAAK,SAAS,IAAI,iBAAiB,EACpC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,KAAK,UAAU,EAAmB,MAAM,qBAAqB,CAAC;AAEvE,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,iBAAiB,CAAC,GAAG;IACtE,eAAe,CAAC,EAAE,UAAU,CAAC;CAC9B,CAAC;AAEF;;;;;;;;GAQG;AAEH,eAAO,MAAM,IAAI;sBAbG,UAAU;4DA0B7B,CAAC;AAIF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"View.d.ts","sourceRoot":"","sources":["../../src/spectrum/View.tsx"],"names":[],"mappings":";AAEA,OAAO,EAGL,KAAK,SAAS,IAAI,iBAAiB,EACpC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,KAAK,UAAU,EAAmB,MAAM,qBAAqB,CAAC;AAEvE,MAAM,MAAM,SAAS,GAAG,IAAI,CAC1B,iBAAiB,CAAC,CAAC,CAAC,EAClB,iBAAiB,GACjB,aAAa,GACb,kBAAkB,GAClB,gBAAgB,GAChB,gBAAgB,GAChB,mBAAmB,GACnB,cAAc,GACd,cAAc,CACjB,GAAG;IACF,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7B,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,YAAY,CAAC,EAAE,UAAU,CAAC;CAC3B,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,IAAI;sBAnBG,UAAU;kBACd,UAAU;uBACL,UAAU;qBACZ,UAAU;qBACV,UAAU;wBACP,UAAU;mBACf,UAAU;mBACV,UAAU;4DA8E1B,CAAC;AAIF,eAAe,IAAI,CAAC"}

package/dist/spectrum/View.js

@@ -1,4 +1,4 @@
-var _excluded = ["backgroundColor", "UNSAFE_style"];
+var _excluded = ["backgroundColor", "borderColor", "borderStartColor", "borderEndColor", "borderTopColor", "borderBottomColor", "borderXColor", "borderYColor", "UNSAFE_style"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -8,28 +8,63 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 /* eslint-disable react/jsx-props-no-spreading */
 import { forwardRef, useMemo } from 'react';
-import { View as SpectrumView } from '@adobe/react-spectrum';
+import { useLocale, View as SpectrumView } from '@adobe/react-spectrum';
 import { colorValueStyle } from "../theme/colorUtils.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * A View component that re-exports the Spectrum View component.
  * However, it overrides ColorValues to accept CSS color strings and
- * our custom variable names from our color paletee and semantic colors.
+ * our custom variable names from our color palette and semantic colors.
  *
  * @param props The props for the View component
  * @returns The View component
  *
  */
-
 export var View = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   var {
       backgroundColor,
+      borderColor,
+      borderStartColor,
+      borderEndColor,
+      borderTopColor,
+      borderBottomColor,
+      borderXColor,
+      borderYColor,
       UNSAFE_style
     } = props,
     rest = _objectWithoutProperties(props, _excluded);
-  var style = useMemo(() => _objectSpread(_objectSpread({}, UNSAFE_style), {}, {
-    backgroundColor: colorValueStyle(backgroundColor)
-  }), [backgroundColor, UNSAFE_style]);
+  var {
+    direction
+  } = useLocale();
+  var style = useMemo(() => {
+    var borderStyle = {};
+    if (borderColor !== undefined) {
+      borderStyle.borderColor = colorValueStyle(borderColor);
+    }
+    if (borderXColor !== undefined) {
+      borderStyle.borderLeftColor = colorValueStyle(borderXColor);
+      borderStyle.borderRightColor = colorValueStyle(borderXColor);
+    }
+    if (borderYColor !== undefined) {
+      borderStyle.borderTopColor = colorValueStyle(borderYColor);
+      borderStyle.borderBottomColor = colorValueStyle(borderYColor);
+    }
+    if (borderStartColor !== undefined) {
+      borderStyle[direction === 'rtl' ? 'borderRightColor' : 'borderLeftColor'] = colorValueStyle(borderStartColor);
+    }
+    if (borderEndColor !== undefined) {
+      borderStyle[direction === 'rtl' ? 'borderLeftColor' : 'borderRightColor'] = colorValueStyle(borderEndColor);
+    }
+    if (borderTopColor !== undefined) {
+      borderStyle.borderTopColor = colorValueStyle(borderTopColor);
+    }
+    if (borderBottomColor !== undefined) {
+      borderStyle.borderBottomColor = colorValueStyle(borderBottomColor);
+    }
+    return _objectSpread(_objectSpread({}, UNSAFE_style), {}, {
+      backgroundColor: colorValueStyle(backgroundColor)
+    }, borderStyle);
+  }, [backgroundColor, UNSAFE_style, borderColor, borderStartColor, borderEndColor, borderTopColor, borderBottomColor, borderXColor, borderYColor, direction]);
   return /*#__PURE__*/_jsx(SpectrumView, _objectSpread(_objectSpread({}, rest), {}, {
     ref: forwardedRef,
     UNSAFE_style: style

package/dist/spectrum/View.js.map

@@ -1 +1 @@
-{"version":3,"file":"View.js","names":["forwardRef","useMemo","View","SpectrumView","colorValueStyle","jsx","_jsx","props","forwardedRef","backgroundColor","UNSAFE_style","rest","_objectWithoutProperties","_excluded","style","_objectSpread","ref","displayName"],"sources":["../../src/spectrum/View.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { forwardRef, useMemo } from 'react';\nimport {\n  View as SpectrumView,\n  type ViewProps as SpectrumViewProps,\n} from '@adobe/react-spectrum';\nimport type { DOMRefValue } from '@react-types/shared';\nimport { type ColorValue, colorValueStyle } from '../theme/colorUtils';\n\nexport type ViewProps = Omit<SpectrumViewProps<6>, 'backgroundColor'> & {\n  backgroundColor?: ColorValue;\n};\n\n/**\n * A View component that re-exports the Spectrum View component.\n * However, it overrides ColorValues to accept CSS color strings and\n * our custom variable names from our color paletee and semantic colors.\n *\n * @param props The props for the View component\n * @returns The View component\n *\n */\n\nexport const View = forwardRef<DOMRefValue<HTMLElement>, ViewProps>(\n  (props, forwardedRef): JSX.Element => {\n    const { backgroundColor, UNSAFE_style, ...rest } = props;\n    const style = useMemo(\n      () => ({\n        ...UNSAFE_style,\n        backgroundColor: colorValueStyle(backgroundColor),\n      }),\n      [backgroundColor, UNSAFE_style]\n    );\n\n    return <SpectrumView {...rest} ref={forwardedRef} UNSAFE_style={style} />;\n  }\n);\n\nView.displayName = 'View';\n\nexport default View;\n"],"mappings":";;;;;;;;AAAA;AACA,SAASA,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAC3C,SACEC,IAAI,IAAIC,YAAY,QAEf,uBAAuB;AAAC,SAELC,eAAe;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAMzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,IAAMJ,IAAI,gBAAGF,UAAU,CAC5B,CAACO,KAAK,EAAEC,YAAY,KAAkB;EACpC,IAAM;MAAEC,eAAe;MAAEC;IAAsB,CAAC,GAAGH,KAAK;IAAdI,IAAI,GAAAC,wBAAA,CAAKL,KAAK,EAAAM,SAAA;EACxD,IAAMC,KAAK,GAAGb,OAAO,CACnB,MAAAc,aAAA,CAAAA,aAAA,KACKL,YAAY;IACfD,eAAe,EAAEL,eAAe,CAACK,eAAe;EAAC,EACjD,EACF,CAACA,eAAe,EAAEC,YAAY,CAChC,CAAC;EAED,oBAAOJ,IAAA,CAACH,YAAY,EAAAY,aAAA,CAAAA,aAAA,KAAKJ,IAAI;IAAEK,GAAG,EAAER,YAAa;IAACE,YAAY,EAAEI;EAAM,EAAE,CAAC;AAC3E,CACF,CAAC;AAEDZ,IAAI,CAACe,WAAW,GAAG,MAAM;AAEzB,eAAef,IAAI"}
+{"version":3,"file":"View.js","names":["forwardRef","useMemo","useLocale","View","SpectrumView","colorValueStyle","jsx","_jsx","props","forwardedRef","backgroundColor","borderColor","borderStartColor","borderEndColor","borderTopColor","borderBottomColor","borderXColor","borderYColor","UNSAFE_style","rest","_objectWithoutProperties","_excluded","direction","style","borderStyle","undefined","borderLeftColor","borderRightColor","_objectSpread","ref","displayName"],"sources":["../../src/spectrum/View.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { CSSProperties, forwardRef, useMemo } from 'react';\nimport {\n  useLocale,\n  View as SpectrumView,\n  type ViewProps as SpectrumViewProps,\n} from '@adobe/react-spectrum';\nimport type { DOMRefValue } from '@react-types/shared';\nimport { type ColorValue, colorValueStyle } from '../theme/colorUtils';\n\nexport type ViewProps = Omit<\n  SpectrumViewProps<6>,\n  | 'backgroundColor'\n  | 'borderColor'\n  | 'borderStartColor'\n  | 'borderEndColor'\n  | 'borderTopColor'\n  | 'borderBottomColor'\n  | 'borderXColor'\n  | 'borderYColor'\n> & {\n  backgroundColor?: ColorValue;\n  borderColor?: ColorValue;\n  borderStartColor?: ColorValue;\n  borderEndColor?: ColorValue;\n  borderTopColor?: ColorValue;\n  borderBottomColor?: ColorValue;\n  borderXColor?: ColorValue;\n  borderYColor?: ColorValue;\n};\n\n/**\n * A View component that re-exports the Spectrum View component.\n * However, it overrides ColorValues to accept CSS color strings and\n * our custom variable names from our color palette and semantic colors.\n *\n * @param props The props for the View component\n * @returns The View component\n *\n */\nexport const View = forwardRef<DOMRefValue<HTMLElement>, ViewProps>(\n  (props, forwardedRef): JSX.Element => {\n    const {\n      backgroundColor,\n      borderColor,\n      borderStartColor,\n      borderEndColor,\n      borderTopColor,\n      borderBottomColor,\n      borderXColor,\n      borderYColor,\n      UNSAFE_style,\n      ...rest\n    } = props;\n\n    const { direction } = useLocale();\n    const style = useMemo(() => {\n      const borderStyle: CSSProperties = {};\n      if (borderColor !== undefined) {\n        borderStyle.borderColor = colorValueStyle(borderColor);\n      }\n      if (borderXColor !== undefined) {\n        borderStyle.borderLeftColor = colorValueStyle(borderXColor);\n        borderStyle.borderRightColor = colorValueStyle(borderXColor);\n      }\n      if (borderYColor !== undefined) {\n        borderStyle.borderTopColor = colorValueStyle(borderYColor);\n        borderStyle.borderBottomColor = colorValueStyle(borderYColor);\n      }\n      if (borderStartColor !== undefined) {\n        borderStyle[\n          direction === 'rtl' ? 'borderRightColor' : 'borderLeftColor'\n        ] = colorValueStyle(borderStartColor);\n      }\n      if (borderEndColor !== undefined) {\n        borderStyle[\n          direction === 'rtl' ? 'borderLeftColor' : 'borderRightColor'\n        ] = colorValueStyle(borderEndColor);\n      }\n      if (borderTopColor !== undefined) {\n        borderStyle.borderTopColor = colorValueStyle(borderTopColor);\n      }\n      if (borderBottomColor !== undefined) {\n        borderStyle.borderBottomColor = colorValueStyle(borderBottomColor);\n      }\n\n      return {\n        ...UNSAFE_style,\n        backgroundColor: colorValueStyle(backgroundColor),\n        ...borderStyle,\n      };\n    }, [\n      backgroundColor,\n      UNSAFE_style,\n      borderColor,\n      borderStartColor,\n      borderEndColor,\n      borderTopColor,\n      borderBottomColor,\n      borderXColor,\n      borderYColor,\n      direction,\n    ]);\n\n    return <SpectrumView {...rest} ref={forwardedRef} UNSAFE_style={style} />;\n  }\n);\n\nView.displayName = 'View';\n\nexport default View;\n"],"mappings":";;;;;;;;AAAA;AACA,SAAwBA,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAC1D,SACEC,SAAS,EACTC,IAAI,IAAIC,YAAY,QAEf,uBAAuB;AAAC,SAELC,eAAe;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAuBzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMJ,IAAI,gBAAGH,UAAU,CAC5B,CAACQ,KAAK,EAAEC,YAAY,KAAkB;EACpC,IAAM;MACJC,eAAe;MACfC,WAAW;MACXC,gBAAgB;MAChBC,cAAc;MACdC,cAAc;MACdC,iBAAiB;MACjBC,YAAY;MACZC,YAAY;MACZC;IAEF,CAAC,GAAGV,KAAK;IADJW,IAAI,GAAAC,wBAAA,CACLZ,KAAK,EAAAa,SAAA;EAET,IAAM;IAAEC;EAAU,CAAC,GAAGpB,SAAS,CAAC,CAAC;EACjC,IAAMqB,KAAK,GAAGtB,OAAO,CAAC,MAAM;IAC1B,IAAMuB,WAA0B,GAAG,CAAC,CAAC;IACrC,IAAIb,WAAW,KAAKc,SAAS,EAAE;MAC7BD,WAAW,CAACb,WAAW,GAAGN,eAAe,CAACM,WAAW,CAAC;IACxD;IACA,IAAIK,YAAY,KAAKS,SAAS,EAAE;MAC9BD,WAAW,CAACE,eAAe,GAAGrB,eAAe,CAACW,YAAY,CAAC;MAC3DQ,WAAW,CAACG,gBAAgB,GAAGtB,eAAe,CAACW,YAAY,CAAC;IAC9D;IACA,IAAIC,YAAY,KAAKQ,SAAS,EAAE;MAC9BD,WAAW,CAACV,cAAc,GAAGT,eAAe,CAACY,YAAY,CAAC;MAC1DO,WAAW,CAACT,iBAAiB,GAAGV,eAAe,CAACY,YAAY,CAAC;IAC/D;IACA,IAAIL,gBAAgB,KAAKa,SAAS,EAAE;MAClCD,WAAW,CACTF,SAAS,KAAK,KAAK,GAAG,kBAAkB,GAAG,iBAAiB,CAC7D,GAAGjB,eAAe,CAACO,gBAAgB,CAAC;IACvC;IACA,IAAIC,cAAc,KAAKY,SAAS,EAAE;MAChCD,WAAW,CACTF,SAAS,KAAK,KAAK,GAAG,iBAAiB,GAAG,kBAAkB,CAC7D,GAAGjB,eAAe,CAACQ,cAAc,CAAC;IACrC;IACA,IAAIC,cAAc,KAAKW,SAAS,EAAE;MAChCD,WAAW,CAACV,cAAc,GAAGT,eAAe,CAACS,cAAc,CAAC;IAC9D;IACA,IAAIC,iBAAiB,KAAKU,SAAS,EAAE;MACnCD,WAAW,CAACT,iBAAiB,GAAGV,eAAe,CAACU,iBAAiB,CAAC;IACpE;IAEA,OAAAa,aAAA,CAAAA,aAAA,KACKV,YAAY;MACfR,eAAe,EAAEL,eAAe,CAACK,eAAe;IAAC,GAC9Cc,WAAW;EAElB,CAAC,EAAE,CACDd,eAAe,EACfQ,YAAY,EACZP,WAAW,EACXC,gBAAgB,EAChBC,cAAc,EACdC,cAAc,EACdC,iBAAiB,EACjBC,YAAY,EACZC,YAAY,EACZK,SAAS,CACV,CAAC;EAEF,oBAAOf,IAAA,CAACH,YAAY,EAAAwB,aAAA,CAAAA,aAAA,KAAKT,IAAI;IAAEU,GAAG,EAAEpB,YAAa;IAACS,YAAY,EAAEK;EAAM,EAAE,CAAC;AAC3E,CACF,CAAC;AAEDpB,IAAI,CAAC2B,WAAW,GAAG,MAAM;AAEzB,eAAe3B,IAAI"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deephaven/components",
-  "version": "0.82.1-beta.3+4eb38dd2",
+  "version": "0.82.1-beta.5+a91e4f34",
   "description": "Deephaven React component library",
   "author": "Deephaven Data Labs LLC",
   "license": "Apache-2.0",
@@ -25,10 +25,10 @@
   },
   "dependencies": {
     "@adobe/react-spectrum": "3.35.1",
-    "@deephaven/icons": "^0.82.1-beta.3+4eb38dd2",
-    "@deephaven/log": "^0.82.1-beta.3+4eb38dd2",
-    "@deephaven/react-hooks": "^0.82.1-beta.3+4eb38dd2",
-    "@deephaven/utils": "^0.82.1-beta.3+4eb38dd2",
+    "@deephaven/icons": "^0.82.1-beta.5+a91e4f34",
+    "@deephaven/log": "^0.82.1-beta.5+a91e4f34",
+    "@deephaven/react-hooks": "^0.82.1-beta.5+a91e4f34",
+    "@deephaven/utils": "^0.82.1-beta.5+a91e4f34",
     "@fortawesome/fontawesome-svg-core": "^6.2.1",
     "@fortawesome/react-fontawesome": "^0.2.0",
     "@react-spectrum/theme-default": "^3.5.1",
@@ -56,7 +56,7 @@
     "react-dom": ">=16.8.0"
   },
   "devDependencies": {
-    "@deephaven/mocks": "^0.82.1-beta.3+4eb38dd2"
+    "@deephaven/mocks": "^0.82.1-beta.5+a91e4f34"
   },
   "files": [
     "dist",
@@ -70,5 +70,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4eb38dd2c47071516269662f8a975044e6bb0a9a"
+  "gitHead": "a91e4f348fc23618f10ac1d8c3a87bf237eb7bbd"
 }