@cube-dev/ui-kit 0.16.4 → 0.18.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @cube-dev/ui-kit
 
+## 0.18.0
+
+### Minor Changes
+
+- [#305](https://github.com/cube-js/cube-ui-kit/pull/305) [`89c18da`](https://github.com/cube-js/cube-ui-kit/commit/89c18da9c457e5ed4d19a94d73e40f71ceb4bf20) Thanks [@tenphi](https://github.com/tenphi)! - Remove legacy `styled` and `StyleProvider`. Add `TrackingProvider` for analytics purposes.
+
+### Patch Changes
+
+- [#304](https://github.com/cube-js/cube-ui-kit/pull/304) [`c663fd1`](https://github.com/cube-js/cube-ui-kit/commit/c663fd1c0e0d8cd1e53f94f9ee2a4a2c02b0cf36) Thanks [@dangreen](https://github.com/dangreen)! - upgrade production dependencies
+
+## 0.17.0
+
+### Minor Changes
+
+- [#300](https://github.com/cube-js/cube-ui-kit/pull/300) [`c631c5b`](https://github.com/cube-js/cube-ui-kit/commit/c631c5b5070739fa592c22a84dd90758d2cb175c) Thanks [@tenphi](https://github.com/tenphi)! - Variants API, camelCase support for mods, nested mods support.
+
+### Patch Changes
+
+- [#296](https://github.com/cube-js/cube-ui-kit/pull/296) [`3e23428`](https://github.com/cube-js/cube-ui-kit/commit/3e234289aa707ea8dcaac28e08a938cd71e26005) Thanks [@dangreen](https://github.com/dangreen)! - @react-stately/selection added as a direct dependency
+
 ## 0.16.4
 
 ### Patch Changes

package/README.md

@@ -2,7 +2,7 @@
 
 ## Available Scripts
 
-### yarn start
+### pnpm start
 
 Runs the test page in the development mode.
 Open http://localhost:8080 to view it in the browser.
@@ -10,17 +10,17 @@ Open http://localhost:8080 to view it in the browser.
 The page will reload if you make edits.
 You will also see any lint errors in the console.
 
-### yarn storybook
+### pnpm storybook
 
 Run storybook with all the components of UI Kit.
 
 Deployed version of the Storybook from the `main` branch is here: https://cube-uikit-storybook.netlify.app/ 
 
-### yarn build
+### pnpm build
 
 Builds a static copy of UIKit to the `dist/` folder.
 Your app is ready to be deployed!
 
-### yarn test
+### pnpm test
 
 Not yet implemented

package/cjs/_internal/hooks/index.js

@@ -1,14 +1,18 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.4
+ * @cube-dev/ui-kit v0.18.0
  * Released under the MIT license.
  */
 
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/cjs/_internal/hooks/use-chained-callback.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.4
+ * @cube-dev/ui-kit v0.18.0
  * Released under the MIT license.
  */
 

package/cjs/_internal/hooks/use-deprecation-warning.js

@@ -1,14 +1,18 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.4
+ * @cube-dev/ui-kit v0.18.0
  * Released under the MIT license.
  */
 
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/cjs/_internal/hooks/use-event.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.4
+ * @cube-dev/ui-kit v0.18.0
  * Released under the MIT license.
  */
 

package/cjs/_internal/hooks/use-sync-ref.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.4
+ * @cube-dev/ui-kit v0.18.0
  * Released under the MIT license.
  */
 

package/cjs/_internal/hooks/use-timer/index.js

@@ -1,14 +1,18 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.4
+ * @cube-dev/ui-kit v0.18.0
  * Released under the MIT license.
  */
 
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/cjs/_internal/hooks/use-timer/timer.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.4
+ * @cube-dev/ui-kit v0.18.0
  * Released under the MIT license.
  */
 
@@ -9,6 +9,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Timer = void 0;
 class Timer {
+    get status() {
+        return this._status;
+    }
+    set status(status) {
+        this._status = status;
+    }
     constructor(callback, delay) {
         this.timerId = null;
         this.startTime = null;
@@ -18,12 +24,6 @@ class Timer {
         this.remaining = delay;
         this.resume();
     }
-    get status() {
-        return this._status;
-    }
-    set status(status) {
-        this._status = status;
-    }
     reset() {
         this.clear();
         this.remaining = this.delay;

package/cjs/_internal/hooks/use-timer/use-timer.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.4
+ * @cube-dev/ui-kit v0.18.0
  * Released under the MIT license.
  */
 

package/cjs/_internal/index.js

@@ -1,14 +1,18 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.4
+ * @cube-dev/ui-kit v0.18.0
  * Released under the MIT license.
  */
 
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/cjs/components/Base.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.4
+ * @cube-dev/ui-kit v0.18.0
  * Released under the MIT license.
  */
 
@@ -50,7 +50,7 @@ function Base(allProps, ref) {
     if (mods) {
         Object.assign(props, (0, tasty_1.modAttrs)(mods));
     }
-    return ((0, jsx_runtime_1.jsx)(BaseElement, { as: as, "data-element": element, "data-qa": qa, "data-qaval": qaVal, ...props, ref: ref, hidden: isHidden, disabled: isDisabled, css: css }, void 0));
+    return ((0, jsx_runtime_1.jsx)(BaseElement, { as: as, "data-element": element, "data-qa": qa, "data-qaval": qaVal, ...props, ref: ref, hidden: isHidden, disabled: isDisabled, css: css }));
 }
 /**
  * @deprecated consider using tasty() instead

package/cjs/components/Block.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.4
+ * @cube-dev/ui-kit v0.18.0
  * Released under the MIT license.
  */
 
@@ -18,7 +18,7 @@ const BlockElement = (0, tasty_1.tasty)({
 });
 exports.Block = (0, react_1.forwardRef)(function Block(props, ref) {
     const styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES);
-    return ((0, jsx_runtime_1.jsx)(BlockElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, styles: styles }, void 0));
+    return ((0, jsx_runtime_1.jsx)(BlockElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, styles: styles }));
 });
 
         

package/cjs/components/GlobalStyles.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.4
+ * @cube-dev/ui-kit v0.18.0
  * Released under the MIT license.
  */
 

package/cjs/components/GridProvider.js

@@ -1,14 +1,18 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.4
+ * @cube-dev/ui-kit v0.18.0
  * Released under the MIT license.
  */
 
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -79,7 +83,7 @@ exports.GridProvider = (0, react_1.forwardRef)(function GridProvider(props, oute
             '--columns-amount': columns,
             '--column-gap': gap,
             '--column-width': COLUMN_WIDTH,
-        }, children: children }, void 0));
+        }, children: children }));
 });
 
         

package/cjs/components/HiddenInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.4
+ * @cube-dev/ui-kit v0.18.0
  * Released under the MIT license.
  */
 

package/cjs/components/OpenTrasition.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.4
+ * @cube-dev/ui-kit v0.18.0
  * Released under the MIT license.
  */
 
@@ -28,7 +28,7 @@ const OPEN_STATES = {
  * **note** hitting esc bypasses exit animation for anyone testing.
  */
 function OpenTransition(props) {
-    return ((0, jsx_runtime_1.jsx)(react_transition_group_1.Transition, { timeout: { enter: 0, exit: 350 }, ...props, children: (state) => react_1.Children.map(props.children, (child) => child && (0, react_1.cloneElement)(child, { isOpen: !!OPEN_STATES[state] })) }, void 0));
+    return ((0, jsx_runtime_1.jsx)(react_transition_group_1.Transition, { timeout: { enter: 0, exit: 350 }, ...props, children: (state) => react_1.Children.map(props.children, (child) => child && (0, react_1.cloneElement)(child, { isOpen: !!OPEN_STATES[state] })) }));
 }
 exports.OpenTransition = OpenTransition;
 

package/cjs/components/Root.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.4
+ * @cube-dev/ui-kit v0.18.0
  * Released under the MIT license.
  */
 
@@ -16,6 +16,7 @@ const tasty_1 = require("../tasty");
 const provider_1 = require("../provider");
 const tokens_1 = require("../tokens");
 const react_2 = require("../utils/react");
+const TrackingProvider_1 = require("../providers/TrackingProvider");
 const portal_1 = require("./portal");
 const GlobalStyles_1 = require("./GlobalStyles");
 const AlertDialog_1 = require("./overlays/AlertDialog");
@@ -39,7 +40,7 @@ const IS_DVH_SUPPORTED = typeof CSS !== 'undefined' && typeof CSS?.supports ===
 function Root(allProps) {
     let { children, 
     /** Raw css styles for body element */
-    bodyStyles, fonts, publicUrl, router, font, monospaceFont, applyLegacyTokens, ...props } = allProps;
+    bodyStyles, fonts, publicUrl, router, font, monospaceFont, applyLegacyTokens, tracking, ...props } = allProps;
     const ref = (0, react_1.useRef)(null);
     const [rootRef, setRootRef] = (0, react_1.useState)();
     // We need to measure the window's height in JS rather than using percentages in CSS
@@ -80,9 +81,11 @@ function Root(allProps) {
         }
     }, []);
     const styles = (0, tasty_1.extractStyles)(props, STYLES, DEFAULT_STYLES);
-    return ((0, jsx_runtime_1.jsx)(provider_1.Provider, { router: router, root: rootRef, children: (0, jsx_runtime_1.jsx)(styled_components_1.StyleSheetManager, { disableVendorPrefixes: true, children: (0, jsx_runtime_1.jsxs)(RootElement, { ref: ref, ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, style: {
-                    '--cube-dynamic-viewport-height': height ? height + 'px' : '100dvh',
-                }, children: [(0, jsx_runtime_1.jsx)(GlobalStyles_1.GlobalStyles, { bodyStyles: bodyStyles, applyLegacyTokens: applyLegacyTokens, publicUrl: publicUrl, fonts: fonts, font: font, monospaceFont: monospaceFont }, void 0), (0, jsx_runtime_1.jsx)(overlays_1.ModalProvider, { children: (0, jsx_runtime_1.jsx)(portal_1.PortalProvider, { value: ref, children: (0, jsx_runtime_1.jsx)(NewNotifications_1.NotificationsProvider, { rootRef: ref, children: (0, jsx_runtime_1.jsx)(AlertDialog_1.AlertDialogApiProvider, { children: children }, void 0) }, void 0) }, void 0) }, void 0)] }, void 0) }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)(provider_1.Provider, { router: router, root: rootRef, children: (0, jsx_runtime_1.jsx)(TrackingProvider_1.TrackingProvider, { event: tracking?.event, children: (0, jsx_runtime_1.jsx)(styled_components_1.StyleSheetManager, { disableVendorPrefixes: true, children: (0, jsx_runtime_1.jsxs)(RootElement, { ref: ref, ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, style: {
+                        '--cube-dynamic-viewport-height': height
+                            ? height + 'px'
+                            : '100dvh',
+                    }, children: [(0, jsx_runtime_1.jsx)(GlobalStyles_1.GlobalStyles, { bodyStyles: bodyStyles, applyLegacyTokens: applyLegacyTokens, publicUrl: publicUrl, fonts: fonts, font: font, monospaceFont: monospaceFont }), (0, jsx_runtime_1.jsx)(overlays_1.ModalProvider, { children: (0, jsx_runtime_1.jsx)(portal_1.PortalProvider, { value: ref, children: (0, jsx_runtime_1.jsx)(NewNotifications_1.NotificationsProvider, { rootRef: ref, children: (0, jsx_runtime_1.jsx)(AlertDialog_1.AlertDialogApiProvider, { children: children }) }) }) })] }) }) }) }));
 }
 exports.Root = Root;
 

package/cjs/components/actions/Action.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.4
+ * @cube-dev/ui-kit v0.18.0
  * Released under the MIT license.
  */
 
@@ -36,7 +36,7 @@ const STYLE_PROPS = [...tasty_1.CONTAINER_STYLES, ...tasty_1.TEXT_STYLES];
 exports.Action = (0, react_1.forwardRef)(function Action({ to, as, htmlType, label, theme, mods, onPress, ...props }, ref) {
     const { actionProps } = (0, use_action_1.useAction)({ to, as, htmlType, label, onPress, mods, ...props }, ref);
     const styles = (0, tasty_1.extractStyles)(props, STYLE_PROPS);
-    return (0, jsx_runtime_1.jsx)(ActionElement, { "data-theme": theme, ...actionProps, styles: styles }, void 0);
+    return (0, jsx_runtime_1.jsx)(ActionElement, { "data-theme": theme, ...actionProps, styles: styles });
 });