@sendoutcards/quantum-design-ui 1.7.67 → 1.7.68

package/dist/index.es.js

@@ -19676,20 +19676,20 @@ var DropperIcon = function (props) {
 };
 
 var QuantumColorPicker = function (_a) {
-  var _b;
+  var _b, _c, _d;
 
   var color = _a.color,
       onChange = _a.onChange,
       convertedColorCallback = _a.convertedColorCallback,
-      _c = _a.convertedColorType,
-      convertedColorType = _c === void 0 ? 'hex' : _c,
-      _d = _a.showEyeDropper,
-      showEyeDropper = _d === void 0 ? false : _d,
+      _e = _a.convertedColorType,
+      convertedColorType = _e === void 0 ? 'hex' : _e,
+      _f = _a.showEyeDropper,
+      showEyeDropper = _f === void 0 ? false : _f,
       palette = _a.palette;
 
-  var _e = useResizeObserver(),
-      ref = _e.ref,
-      width = _e.width;
+  var _g = useResizeObserver(),
+      ref = _g.ref,
+      width = _g.width;
 
   var formattedHexValue = function (value) {
     return value.startsWith('#') ? value : "#" + value;
@@ -19722,6 +19722,7 @@ var QuantumColorPicker = function (_a) {
     }
   };
 
+  var paletteArray = (_b = palette === null || palette === void 0 ? void 0 : palette.colors) !== null && _b !== void 0 ? _b : Array.from(Array((_c = palette === null || palette === void 0 ? void 0 : palette.count) !== null && _c !== void 0 ? _c : 12));
   return jsx(Div, {
     inset: "x2",
     display: "flex",
@@ -19759,11 +19760,11 @@ var QuantumColorPicker = function (_a) {
       return handleOnChange(formattedHexValue(value));
     },
     type: "text"
-  })), palette && palette.colors && jsx(React.Fragment, null, jsx(Spacer, {
+  })), (palette && palette.colors || (palette === null || palette === void 0 ? void 0 : palette.isLoading)) && jsx(React.Fragment, null, jsx(Spacer, {
     space: "x1"
   }), jsx(Text, {
     type: "caption",
-    content: (_b = palette.title) !== null && _b !== void 0 ? _b : 'Presets',
+    content: (_d = palette.title) !== null && _d !== void 0 ? _d : 'Presets',
     color: "primaryBody",
     lineHeight: 1.2,
     inset: {
@@ -19781,7 +19782,7 @@ var QuantumColorPicker = function (_a) {
     inset: {
       bottom: '6px'
     }
-  }, palette.colors.map(function (paletteColor, index) {
+  }, paletteArray.map(function (paletteColor, index) {
     return jsx(ColorThumbnail, {
       key: index,
       isRounded: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sendoutcards/quantum-design-ui",
-  "version": "1.7.67",
+  "version": "1.7.68",
   "description": "UI component library for Quantum Design System",
   "module": "dist/index.es.js",
   "jsnext:main": "dist/index.es.js",

package/dist/src/atoms/companion/companion.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { HOCBaseProps } from "../../helpers/hoc-types/hocBasePropTypes";
-import { HOCMotionProps } from "../../helpers/hoc-types/hocMotionTypes";
-export declare type DivProps = {
-    children?: React.ReactNode;
-    outsideClick?: () => void;
-    clickElementBypass?: string;
-} & HOCBaseProps & HOCMotionProps;
-export declare const Companion: React.ForwardRefExoticComponent<{
-    children?: React.ReactNode;
-    outsideClick?: (() => void) | undefined;
-    clickElementBypass?: string | undefined;
-} & HOCBaseProps & {
-    className?: string | undefined;
-    motionKey?: string | number | undefined;
-    id?: string | undefined;
-} & import("framer-motion").MotionProps & React.RefAttributes<HTMLDivElement>>;