@crystallize/design-system 1.24.9 → 1.24.11

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @crystallize/design-system
 
+## 1.24.11
+
+### Patch Changes
+
+- 0b04fd3: Add price lists to the explorer. Currently, there is no way to fetch them from core next, so we do not show them initially. Added price lists picker component, which works similarly to the topics picker component. Adjust logic to check what is changed and apply changes on save.
+
+## 1.24.10
+
+### Patch Changes
+
+- 6d5ecee0: Extend the dropdown menu component to support the `open` prop.
+
 ## 1.24.9
 
 ### Patch Changes

package/dist/{chunk-LVKSZBWB.mjs → chunk-62NPPXVQ.mjs}

@@ -205,6 +205,7 @@ function DropdownMenuRoot({
   onOpenChange,
   container,
   modal,
+  open,
   ...delegated
 }) {
   const contentProps = {
@@ -217,6 +218,7 @@ function DropdownMenuRoot({
   return /* @__PURE__ */ jsxs3(DropdownMenuPrimitive3.Root, {
     onOpenChange,
     modal,
+    open,
     children: [
       /* @__PURE__ */ jsx5(DropdownMenuPrimitive3.Trigger, {
         disabled,
@@ -6424,12 +6426,16 @@ function Tooltip({
   side = "top",
   align = "center",
   defaultOpen = false,
-  delayDuration = 800
+  delayDuration = 800,
+  onOpenChange,
+  open
 }) {
   return /* @__PURE__ */ jsx120(RadixTooltip.Provider, {
     delayDuration,
     children: /* @__PURE__ */ jsxs107(RadixTooltip.Root, {
       defaultOpen,
+      onOpenChange,
+      open,
       children: [
         /* @__PURE__ */ jsx120(RadixTooltip.Trigger, {
           asChild: true,

package/dist/index.d.ts

@@ -37,14 +37,14 @@ type DropdownMenuLabelProps = {
 declare function DropdownMenuLabel({ children }: DropdownMenuLabelProps): JSX.Element;
 
 type Container = HTMLElement | null | undefined;
-type DropdownMenuRootProps = DropdownMenuPrimitive.MenuContentProps & Pick<DropdownMenuPrimitive.DropdownMenuProps, 'onOpenChange' | 'modal'> & {
+type DropdownMenuRootProps = DropdownMenuPrimitive.MenuContentProps & Pick<DropdownMenuPrimitive.DropdownMenuProps, 'onOpenChange' | 'modal' | 'open'> & {
     children: ReactNode;
     content: ReactNode;
     alignContent?: 'start' | 'center' | 'end';
     disabled?: boolean;
     container?: Container;
 };
-declare function DropdownMenuRoot({ children, content, alignContent, disabled, onOpenChange, container, modal, ...delegated }: DropdownMenuRootProps): JSX.Element;
+declare function DropdownMenuRoot({ children, content, alignContent, disabled, onOpenChange, container, modal, open, ...delegated }: DropdownMenuRootProps): JSX.Element;
 
 declare const DropdownMenu: {
     Root: typeof DropdownMenuRoot;
@@ -453,14 +453,14 @@ type TooltipStylesProps = VariantProps<typeof tooltipStyles>;
 declare const tooltipStyles: (props?: ({
     variant?: "info" | "error" | "warning" | "success" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
-type TooltipProps = TooltipStylesProps & Partial<Pick<RadixTooltip.TooltipContentProps, 'side'>> & {
+type TooltipProps = TooltipStylesProps & Partial<Pick<RadixTooltip.TooltipContentProps, 'side'>> & Pick<RadixTooltip.TooltipProps, 'open' | 'onOpenChange'> & {
     children: ReactNode;
     content: ReactNode;
     delayDuration?: number;
     align?: 'start' | 'center' | 'end';
     defaultOpen?: boolean;
 };
-declare function Tooltip({ variant, children, content, side, align, defaultOpen, delayDuration, }: TooltipProps): JSX.Element;
+declare function Tooltip({ variant, children, content, side, align, defaultOpen, delayDuration, onOpenChange, open, }: TooltipProps): JSX.Element;
 
 type SwitchStylesProps = VariantProps<typeof switchStyles>;
 declare const switchStyles: (props?: ({

package/dist/index.js

@@ -284,6 +284,7 @@ function DropdownMenuRoot({
   onOpenChange,
   container,
   modal,
+  open,
   ...delegated
 }) {
   const contentProps = {
@@ -296,6 +297,7 @@ function DropdownMenuRoot({
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(DropdownMenuPrimitive3.Root, {
     onOpenChange,
     modal,
+    open,
     children: [
       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DropdownMenuPrimitive3.Trigger, {
         disabled,
@@ -7400,12 +7402,16 @@ function Tooltip({
   side = "top",
   align = "center",
   defaultOpen = false,
-  delayDuration = 800
+  delayDuration = 800,
+  onOpenChange,
+  open
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(RadixTooltip.Provider, {
     delayDuration,
     children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(RadixTooltip.Root, {
       defaultOpen,
+      onOpenChange,
+      open,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(RadixTooltip.Trigger, {
           asChild: true,

package/dist/index.mjs

@@ -17,7 +17,7 @@ import {
   showError,
   showInfo,
   showWarning
-} from "./chunk-LVKSZBWB.mjs";
+} from "./chunk-62NPPXVQ.mjs";
 import "./chunk-NIH5ZMPE.mjs";
 
 // src/card/card.tsx
@@ -416,7 +416,7 @@ function Tag({
 // src/rich-text-editor/index.tsx
 import { lazy, Suspense } from "react";
 import { jsx as jsx13 } from "react/jsx-runtime";
-var LazyRichTextEditor = lazy(() => import("./rich-text-editor-ANU6NSC2.mjs"));
+var LazyRichTextEditor = lazy(() => import("./rich-text-editor-VSCYKBXX.mjs"));
 var RichTextEditor = (props) => {
   return /* @__PURE__ */ jsx13(Suspense, {
     fallback: null,

package/dist/{rich-text-editor-ANU6NSC2.mjs → rich-text-editor-VSCYKBXX.mjs}

@@ -6,7 +6,7 @@ import {
   Icon,
   IconButton,
   InputWithLabel
-} from "./chunk-LVKSZBWB.mjs";
+} from "./chunk-62NPPXVQ.mjs";
 import "./chunk-NIH5ZMPE.mjs";
 
 // src/rich-text-editor/rich-text-editor.tsx

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystallize/design-system",
-  "version": "1.24.9",
+  "version": "1.24.11",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -40,7 +40,7 @@
     "@radix-ui/react-checkbox": "1.0.1",
     "@radix-ui/react-collapsible": "1.0.0",
     "@radix-ui/react-dialog": "1.0.2",
-    "@radix-ui/react-dropdown-menu": "2.0.1",
+    "@radix-ui/react-dropdown-menu": "2.0.6",
     "@radix-ui/react-popover": "1.0.0",
     "@radix-ui/react-progress": "^1.0.1",
     "@radix-ui/react-radio-group": "1.1.0",

package/src/dropdown-menu/dropdown-menu-root.tsx

@@ -4,7 +4,7 @@ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 export type Container = HTMLElement | null | undefined;
 
 export type DropdownMenuRootProps = DropdownMenuPrimitive.MenuContentProps &
-  Pick<DropdownMenuPrimitive.DropdownMenuProps, 'onOpenChange' | 'modal'> & {
+  Pick<DropdownMenuPrimitive.DropdownMenuProps, 'onOpenChange' | 'modal' | 'open'> & {
     children: ReactNode;
     content: ReactNode;
     alignContent?: 'start' | 'center' | 'end';
@@ -20,6 +20,7 @@ export function DropdownMenuRoot({
   onOpenChange,
   container,
   modal,
+  open,
   ...delegated
 }: DropdownMenuRootProps) {
   const contentProps = {
@@ -31,7 +32,7 @@ export function DropdownMenuRoot({
   };
 
   return (
-    <DropdownMenuPrimitive.Root onOpenChange={onOpenChange} modal={modal}>
+    <DropdownMenuPrimitive.Root onOpenChange={onOpenChange} modal={modal} open={open}>
       <DropdownMenuPrimitive.Trigger disabled={disabled} asChild className="c-dropdown-menu-trigger">
         {children}
       </DropdownMenuPrimitive.Trigger>

package/src/tooltip/tooltip.tsx

@@ -21,7 +21,8 @@ const tooltipStyles = cva(
 );
 
 type TooltipProps = TooltipStylesProps &
-  Partial<Pick<RadixTooltip.TooltipContentProps, 'side'>> & {
+  Partial<Pick<RadixTooltip.TooltipContentProps, 'side'>> &
+  Pick<RadixTooltip.TooltipProps, 'open' | 'onOpenChange'> & {
     children: ReactNode;
     content: ReactNode;
     delayDuration?: number;
@@ -37,10 +38,12 @@ export function Tooltip({
   align = 'center',
   defaultOpen = false,
   delayDuration = 800,
+  onOpenChange,
+  open,
 }: TooltipProps) {
   return (
     <RadixTooltip.Provider delayDuration={delayDuration}>
-      <RadixTooltip.Root defaultOpen={defaultOpen}>
+      <RadixTooltip.Root defaultOpen={defaultOpen} onOpenChange={onOpenChange} open={open}>
         <RadixTooltip.Trigger asChild>{children}</RadixTooltip.Trigger>
         <RadixTooltip.Portal>
           <RadixTooltip.Content align={align} sideOffset={5} side={side} className={tooltipStyles({ variant })}>