@datarobot/design-system 30.8.0 → 30.10.0

package/cjs/hooks/use-file-structure/utilities.d.ts

@@ -28,7 +28,7 @@ declare const getEntryFileAsync: (itemEntry: FileSystemFileEntry) => Promise<voi
 /**
  * Check for feature support
  */
-declare const isItemsFileStructureSupported: (items: DataTransferItemList) => any;
+declare const isItemsFileStructureSupported: (items: DataTransferItemList) => boolean;
 /**
  * Default file structure adaptor
  */

package/cjs/hooks/use-file-structure/utilities.js

@@ -67,7 +67,7 @@ itemEntry.file(resolve, () => resolve()));
 exports.getEntryFileAsync = getEntryFileAsync;
 const isItemsFileStructureSupported = items => {
   const browserSupports = !!window.DataTransfer && !!window.DataTransferItemList && !!window.DataTransferItem;
-  const itemsAllow = (0, _get.default)(items, '[0].webkitGetAsEntry');
+  const itemsAllow = typeof (0, _get.default)(items, '[0].webkitGetAsEntry') === 'function';
   // Cypress does not support webkitGetAsEntry, so fileUploader becomes impossible to test
   return browserSupports && itemsAllow && !window.Cypress;
 };

package/cjs/index.d.ts

@@ -73,6 +73,7 @@ export * from './range-slider';
 export * from './react-popper';
 export * from './refresh-button';
 export * from './scheduler';
+export * from './scoped-theme';
 export * from './search';
 export * from './searchable-list';
 export * from './selectable-tiles';

package/cjs/index.js

@@ -828,6 +828,17 @@ Object.keys(_scheduler).forEach(function (key) {
     }
   });
 });
+var _scopedTheme = require("./scoped-theme");
+Object.keys(_scopedTheme).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _scopedTheme[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _scopedTheme[key];
+    }
+  });
+});
 var _search = require("./search");
 Object.keys(_search).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/cjs/radio-button/types.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { PopperPlacementsType } from '../react-popper';
+import { TooltipPlacementsType } from '../tooltip';
 import { ValueOf } from '../types';
 export declare const RADIO_BUTTON_SIZE: {
     readonly MD: "md";
@@ -7,7 +7,7 @@ export declare const RADIO_BUTTON_SIZE: {
 };
 export type RadioButtonSize = ValueOf<typeof RADIO_BUTTON_SIZE>;
 export type TooltipShape = {
-    placement: PopperPlacementsType;
+    placement: TooltipPlacementsType;
     content: ReactNode;
 };
 export type RadioButtonOption = {

package/cjs/scoped-theme/index.d.ts

@@ -0,0 +1 @@
+export { ScopedTheme, useSyncDesignSystemTheme, syncDesignSystemTheme, } from './scoped-theme';

package/cjs/scoped-theme/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ScopedTheme", {
+  enumerable: true,
+  get: function () {
+    return _scopedTheme.ScopedTheme;
+  }
+});
+Object.defineProperty(exports, "syncDesignSystemTheme", {
+  enumerable: true,
+  get: function () {
+    return _scopedTheme.syncDesignSystemTheme;
+  }
+});
+Object.defineProperty(exports, "useSyncDesignSystemTheme", {
+  enumerable: true,
+  get: function () {
+    return _scopedTheme.useSyncDesignSystemTheme;
+  }
+});
+var _scopedTheme = require("./scoped-theme");

package/cjs/scoped-theme/scoped-theme.d.ts

@@ -0,0 +1,14 @@
+export declare const defaultThemeMapping: {
+    'midnight-gray': string;
+    'alpine-light': string;
+    dark: string;
+    light: string;
+};
+export declare const syncDesignSystemTheme: (theme: string, themeMapping?: Record<string, string>) => void;
+export declare const useSyncDesignSystemTheme: (theme: string, themeMapping?: Record<string, string>) => void;
+export declare function ScopedTheme(props: {
+    children: React.ReactNode;
+    theme: keyof typeof defaultThemeMapping;
+    className?: string;
+    themeMapping?: Record<string, string>;
+} & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;

package/cjs/scoped-theme/scoped-theme.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ScopedTheme = ScopedTheme;
+exports.useSyncDesignSystemTheme = exports.syncDesignSystemTheme = exports.defaultThemeMapping = void 0;
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
+const defaultThemeMapping = exports.defaultThemeMapping = {
+  'midnight-gray': 'midnight-gray',
+  'alpine-light': 'alpine-light',
+  dark: 'midnight-gray',
+  light: 'alpine-light'
+};
+const syncDesignSystemTheme = (theme, themeMapping = defaultThemeMapping) => {
+  if (theme && theme in themeMapping) {
+    for (const container of document.querySelectorAll('[data-ds]')) {
+      container.setAttribute('data-theme', themeMapping[theme]);
+    }
+  }
+};
+exports.syncDesignSystemTheme = syncDesignSystemTheme;
+const useSyncDesignSystemTheme = (theme, themeMapping = defaultThemeMapping) => {
+  (0, _react.useLayoutEffect)(() => {
+    syncDesignSystemTheme(theme, themeMapping);
+  }, [theme, themeMapping]);
+};
+exports.useSyncDesignSystemTheme = useSyncDesignSystemTheme;
+function ScopedTheme(props) {
+  const {
+    children,
+    theme,
+    className = '',
+    themeMapping = defaultThemeMapping,
+    ...rest
+  } = props;
+  const scopedTheme = themeMapping[theme] || theme;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    "data-ds": true,
+    "data-theme": scopedTheme,
+    className: className,
+    ...rest,
+    children: children
+  });
+}

package/esm/hooks/use-file-structure/utilities.d.ts

@@ -28,7 +28,7 @@ declare const getEntryFileAsync: (itemEntry: FileSystemFileEntry) => Promise<voi
 /**
  * Check for feature support
  */
-declare const isItemsFileStructureSupported: (items: DataTransferItemList) => any;
+declare const isItemsFileStructureSupported: (items: DataTransferItemList) => boolean;
 /**
  * Default file structure adaptor
  */

package/esm/hooks/use-file-structure/utilities.js

@@ -55,7 +55,7 @@ itemEntry.file(resolve, () => resolve()));
  */
 const isItemsFileStructureSupported = items => {
   const browserSupports = !!window.DataTransfer && !!window.DataTransferItemList && !!window.DataTransferItem;
-  const itemsAllow = get(items, '[0].webkitGetAsEntry');
+  const itemsAllow = typeof get(items, '[0].webkitGetAsEntry') === 'function';
   // Cypress does not support webkitGetAsEntry, so fileUploader becomes impossible to test
   return browserSupports && itemsAllow && !window.Cypress;
 };

package/esm/index.d.ts

@@ -73,6 +73,7 @@ export * from './range-slider';
 export * from './react-popper';
 export * from './refresh-button';
 export * from './scheduler';
+export * from './scoped-theme';
 export * from './search';
 export * from './searchable-list';
 export * from './selectable-tiles';

package/esm/index.js

@@ -73,6 +73,7 @@ export * from './range-slider';
 export * from './react-popper';
 export * from './refresh-button';
 export * from './scheduler';
+export * from './scoped-theme';
 export * from './search';
 export * from './searchable-list';
 export * from './selectable-tiles';

package/esm/radio-button/types.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { PopperPlacementsType } from '../react-popper';
+import { TooltipPlacementsType } from '../tooltip';
 import { ValueOf } from '../types';
 export declare const RADIO_BUTTON_SIZE: {
     readonly MD: "md";
@@ -7,7 +7,7 @@ export declare const RADIO_BUTTON_SIZE: {
 };
 export type RadioButtonSize = ValueOf<typeof RADIO_BUTTON_SIZE>;
 export type TooltipShape = {
-    placement: PopperPlacementsType;
+    placement: TooltipPlacementsType;
     content: ReactNode;
 };
 export type RadioButtonOption = {

package/esm/scoped-theme/index.d.ts

@@ -0,0 +1 @@
+export { ScopedTheme, useSyncDesignSystemTheme, syncDesignSystemTheme, } from './scoped-theme';

package/esm/scoped-theme/index.js

@@ -0,0 +1 @@
+export { ScopedTheme, useSyncDesignSystemTheme, syncDesignSystemTheme } from './scoped-theme';

package/esm/scoped-theme/scoped-theme.d.ts

@@ -0,0 +1,14 @@
+export declare const defaultThemeMapping: {
+    'midnight-gray': string;
+    'alpine-light': string;
+    dark: string;
+    light: string;
+};
+export declare const syncDesignSystemTheme: (theme: string, themeMapping?: Record<string, string>) => void;
+export declare const useSyncDesignSystemTheme: (theme: string, themeMapping?: Record<string, string>) => void;
+export declare function ScopedTheme(props: {
+    children: React.ReactNode;
+    theme: keyof typeof defaultThemeMapping;
+    className?: string;
+    themeMapping?: Record<string, string>;
+} & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;

package/esm/scoped-theme/scoped-theme.js

@@ -0,0 +1,37 @@
+import { useLayoutEffect } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const defaultThemeMapping = {
+  'midnight-gray': 'midnight-gray',
+  'alpine-light': 'alpine-light',
+  dark: 'midnight-gray',
+  light: 'alpine-light'
+};
+export const syncDesignSystemTheme = (theme, themeMapping = defaultThemeMapping) => {
+  if (theme && theme in themeMapping) {
+    for (const container of document.querySelectorAll('[data-ds]')) {
+      container.setAttribute('data-theme', themeMapping[theme]);
+    }
+  }
+};
+export const useSyncDesignSystemTheme = (theme, themeMapping = defaultThemeMapping) => {
+  useLayoutEffect(() => {
+    syncDesignSystemTheme(theme, themeMapping);
+  }, [theme, themeMapping]);
+};
+export function ScopedTheme(props) {
+  const {
+    children,
+    theme,
+    className = '',
+    themeMapping = defaultThemeMapping,
+    ...rest
+  } = props;
+  const scopedTheme = themeMapping[theme] || theme;
+  return /*#__PURE__*/_jsx("div", {
+    "data-ds": true,
+    "data-theme": scopedTheme,
+    className: className,
+    ...rest,
+    children: children
+  });
+}

package/js/alpine-light/alpine-light.min.js

@@ -1 +1 @@
-!function(o,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.DataRobot=t():(o.DataRobot=o.DataRobot||{},o.DataRobot["alpine-light"]=t())}(this,(()=>(()=>{var o,t={7252:()=>{}},e={};function r(o){var a=e[o];if(void 0!==a)return a.exports;var n=e[o]={exports:{}};return t[o](n,n.exports,r),n.exports}r.m=t,o=[],r.O=(t,e,a,n)=>{if(!e){var i=1/0;for(b=0;b<o.length;b++){for(var[e,a,n]=o[b],p=!0,f=0;f<e.length;f++)(!1&n||i>=n)&&Object.keys(r.O).every((o=>r.O[o](e[f])))?e.splice(f--,1):(p=!1,n<i&&(i=n));if(p){o.splice(b--,1);var s=a();void 0!==s&&(t=s)}}return t}n=n||0;for(var b=o.length;b>0&&o[b-1][2]>n;b--)o[b]=o[b-1];o[b]=[e,a,n]},r.o=(o,t)=>Object.prototype.hasOwnProperty.call(o,t),(()=>{var o={457:0,726:0};r.O.j=t=>0===o[t];var t=(t,e)=>{var a,n,[i,p,f]=e,s=0;if(i.some((t=>0!==o[t]))){for(a in p)r.o(p,a)&&(r.m[a]=p[a]);if(f)var b=f(r)}for(t&&t(e);s<i.length;s++)n=i[s],r.o(o,n)&&o[n]&&o[n][0](),o[n]=0;return r.O(b)},e=this.webpackChunkDataRobot=this.webpackChunkDataRobot||[];e.forEach(t.bind(null,0)),e.push=t.bind(null,e.push.bind(e))})();var a=r.O(void 0,[726],(()=>r(7252)));return r.O(a)})()));
+!function(o,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.DataRobot=t():(o.DataRobot=o.DataRobot||{},o.DataRobot["alpine-light"]=t())}(this,()=>(()=>{var o,t={7252:()=>{}},e={};function r(o){var a=e[o];if(void 0!==a)return a.exports;var n=e[o]={exports:{}};return t[o](n,n.exports,r),n.exports}r.m=t,o=[],r.O=(t,e,a,n)=>{if(!e){var i=1/0;for(b=0;b<o.length;b++){for(var[e,a,n]=o[b],p=!0,f=0;f<e.length;f++)(!1&n||i>=n)&&Object.keys(r.O).every(o=>r.O[o](e[f]))?e.splice(f--,1):(p=!1,n<i&&(i=n));if(p){o.splice(b--,1);var s=a();void 0!==s&&(t=s)}}return t}n=n||0;for(var b=o.length;b>0&&o[b-1][2]>n;b--)o[b]=o[b-1];o[b]=[e,a,n]},r.o=(o,t)=>Object.prototype.hasOwnProperty.call(o,t),(()=>{var o={457:0,726:0};r.O.j=t=>0===o[t];var t=(t,e)=>{var a,n,[i,p,f]=e,s=0;if(i.some(t=>0!==o[t])){for(a in p)r.o(p,a)&&(r.m[a]=p[a]);if(f)var b=f(r)}for(t&&t(e);s<i.length;s++)n=i[s],r.o(o,n)&&o[n]&&o[n][0](),o[n]=0;return r.O(b)},e=this.webpackChunkDataRobot=this.webpackChunkDataRobot||[];e.forEach(t.bind(null,0)),e.push=t.bind(null,e.push.bind(e))})();var a=r.O(void 0,[726],()=>r(7252));return r.O(a)})());