@seeqdev/qomponents 0.0.36 → 0.0.38
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.esm.js +13 -20
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +13 -20
- package/dist/index.js.map +1 -1
- package/dist/styles.css +13 -0
- package/package.json +1 -1
- package/dist/Button/Button.js +0 -87
- package/dist/Button/Button.js.map +0 -1
- package/dist/Button/Button.stories.js +0 -77
- package/dist/Button/Button.stories.js.map +0 -1
- package/dist/Button/Button.test.js +0 -49
- package/dist/Button/Button.test.js.map +0 -1
- package/dist/Button/Button.types.js +0 -4
- package/dist/Button/Button.types.js.map +0 -1
- package/dist/Button/index.js +0 -2
- package/dist/Button/index.js.map +0 -1
- package/dist/Checkbox/Checkbox.js +0 -24
- package/dist/Checkbox/Checkbox.js.map +0 -1
- package/dist/Checkbox/Checkbox.stories.js +0 -32
- package/dist/Checkbox/Checkbox.stories.js.map +0 -1
- package/dist/Checkbox/Checkbox.test.js +0 -94
- package/dist/Checkbox/Checkbox.test.js.map +0 -1
- package/dist/Checkbox/Checkbox.types.js +0 -2
- package/dist/Checkbox/Checkbox.types.js.map +0 -1
- package/dist/Checkbox/index.js +0 -2
- package/dist/Checkbox/index.js.map +0 -1
- package/dist/Icon/Icon.js +0 -63
- package/dist/Icon/Icon.js.map +0 -1
- package/dist/Icon/Icon.stories.js +0 -40
- package/dist/Icon/Icon.stories.js.map +0 -1
- package/dist/Icon/Icon.test.js +0 -55
- package/dist/Icon/Icon.test.js.map +0 -1
- package/dist/Icon/Icon.types.js +0 -16
- package/dist/Icon/Icon.types.js.map +0 -1
- package/dist/Icon/index.js +0 -2
- package/dist/Icon/index.js.map +0 -1
- package/dist/Select/Select.js +0 -168
- package/dist/Select/Select.js.map +0 -1
- package/dist/Select/Select.stories.js +0 -72
- package/dist/Select/Select.stories.js.map +0 -1
- package/dist/Select/Select.test.js +0 -161
- package/dist/Select/Select.test.js.map +0 -1
- package/dist/Select/Select.types.js +0 -2
- package/dist/Select/Select.types.js.map +0 -1
- package/dist/Select/index.js +0 -2
- package/dist/Select/index.js.map +0 -1
- package/dist/TextArea/TextArea.js +0 -23
- package/dist/TextArea/TextArea.js.map +0 -1
- package/dist/TextArea/TextArea.stories.js +0 -39
- package/dist/TextArea/TextArea.stories.js.map +0 -1
- package/dist/TextArea/TextArea.test.js +0 -68
- package/dist/TextArea/TextArea.test.js.map +0 -1
- package/dist/TextArea/TextArea.types.js +0 -2
- package/dist/TextArea/TextArea.types.js.map +0 -1
- package/dist/TextArea/index.js +0 -2
- package/dist/TextArea/index.js.map +0 -1
- package/dist/TextField/TextField.js +0 -64
- package/dist/TextField/TextField.js.map +0 -1
- package/dist/TextField/TextField.stories.js +0 -41
- package/dist/TextField/TextField.stories.js.map +0 -1
- package/dist/TextField/TextField.test.js +0 -35
- package/dist/TextField/TextField.test.js.map +0 -1
- package/dist/TextField/TextField.types.js +0 -2
- package/dist/TextField/TextField.types.js.map +0 -1
- package/dist/TextField/index.js +0 -2
- package/dist/TextField/index.js.map +0 -1
- package/dist/ToolbarButton/ToolbarButton.js +0 -74
- package/dist/ToolbarButton/ToolbarButton.js.map +0 -1
- package/dist/ToolbarButton/ToolbarButton.stories.js +0 -77
- package/dist/ToolbarButton/ToolbarButton.stories.js.map +0 -1
- package/dist/ToolbarButton/ToolbarButton.test.js +0 -93
- package/dist/ToolbarButton/ToolbarButton.test.js.map +0 -1
- package/dist/ToolbarButton/ToolbarButton.types.js +0 -2
- package/dist/ToolbarButton/ToolbarButton.types.js.map +0 -1
- package/dist/ToolbarButton/index.js +0 -2
- package/dist/ToolbarButton/index.js.map +0 -1
- package/dist/Tooltip/QTip.stories.js +0 -40
- package/dist/Tooltip/QTip.stories.js.map +0 -1
- package/dist/Tooltip/QTip.types.js +0 -2
- package/dist/Tooltip/QTip.types.js.map +0 -1
- package/dist/Tooltip/QTipPerformance.stories.js +0 -30
- package/dist/Tooltip/QTipPerformance.stories.js.map +0 -1
- package/dist/Tooltip/Qtip.js +0 -148
- package/dist/Tooltip/Qtip.js.map +0 -1
- package/dist/Tooltip/Tooltip.js +0 -36
- package/dist/Tooltip/Tooltip.js.map +0 -1
- package/dist/Tooltip/Tooltip.stories.js +0 -32
- package/dist/Tooltip/Tooltip.stories.js.map +0 -1
- package/dist/Tooltip/Tooltip.types.js +0 -3
- package/dist/Tooltip/Tooltip.types.js.map +0 -1
- package/dist/Tooltip/TooltipPerformance.stories.js +0 -30
- package/dist/Tooltip/TooltipPerformance.stories.js.map +0 -1
- package/dist/Tooltip/index.js +0 -3
- package/dist/Tooltip/index.js.map +0 -1
- package/dist/types.js +0 -2
- package/dist/types.js.map +0 -1
- package/dist/utils/browserId.js +0 -29
- package/dist/utils/browserId.js.map +0 -1
package/dist/index.js
CHANGED
|
@@ -2777,8 +2777,7 @@ const arrow = options => {
|
|
|
2777
2777
|
}).fn(state);
|
|
2778
2778
|
}
|
|
2779
2779
|
return {};
|
|
2780
|
-
}
|
|
2781
|
-
if (element) {
|
|
2780
|
+
} else if (element) {
|
|
2782
2781
|
return arrow$1({
|
|
2783
2782
|
element,
|
|
2784
2783
|
padding
|
|
@@ -2803,13 +2802,11 @@ function deepEqual(a, b) {
|
|
|
2803
2802
|
if (typeof a === 'function' && a.toString() === b.toString()) {
|
|
2804
2803
|
return true;
|
|
2805
2804
|
}
|
|
2806
|
-
let length;
|
|
2807
|
-
|
|
2808
|
-
let keys;
|
|
2809
|
-
if (a && b && typeof a === 'object') {
|
|
2805
|
+
let length, i, keys;
|
|
2806
|
+
if (a && b && typeof a == 'object') {
|
|
2810
2807
|
if (Array.isArray(a)) {
|
|
2811
2808
|
length = a.length;
|
|
2812
|
-
if (length
|
|
2809
|
+
if (length != b.length) return false;
|
|
2813
2810
|
for (i = length; i-- !== 0;) {
|
|
2814
2811
|
if (!deepEqual(a[i], b[i])) {
|
|
2815
2812
|
return false;
|
|
@@ -2838,8 +2835,6 @@ function deepEqual(a, b) {
|
|
|
2838
2835
|
}
|
|
2839
2836
|
return true;
|
|
2840
2837
|
}
|
|
2841
|
-
|
|
2842
|
-
// biome-ignore lint/suspicious/noSelfCompare: in source
|
|
2843
2838
|
return a !== a && b !== b;
|
|
2844
2839
|
}
|
|
2845
2840
|
|
|
@@ -2900,23 +2895,22 @@ function useFloating(options) {
|
|
|
2900
2895
|
const [_reference, _setReference] = React__namespace.useState(null);
|
|
2901
2896
|
const [_floating, _setFloating] = React__namespace.useState(null);
|
|
2902
2897
|
const setReference = React__namespace.useCallback(node => {
|
|
2903
|
-
if (node
|
|
2898
|
+
if (node != referenceRef.current) {
|
|
2904
2899
|
referenceRef.current = node;
|
|
2905
2900
|
_setReference(node);
|
|
2906
2901
|
}
|
|
2907
|
-
}, []);
|
|
2902
|
+
}, [_setReference]);
|
|
2908
2903
|
const setFloating = React__namespace.useCallback(node => {
|
|
2909
2904
|
if (node !== floatingRef.current) {
|
|
2910
2905
|
floatingRef.current = node;
|
|
2911
2906
|
_setFloating(node);
|
|
2912
2907
|
}
|
|
2913
|
-
}, []);
|
|
2908
|
+
}, [_setFloating]);
|
|
2914
2909
|
const referenceEl = externalReference || _reference;
|
|
2915
2910
|
const floatingEl = externalFloating || _floating;
|
|
2916
2911
|
const referenceRef = React__namespace.useRef(null);
|
|
2917
2912
|
const floatingRef = React__namespace.useRef(null);
|
|
2918
2913
|
const dataRef = React__namespace.useRef(data);
|
|
2919
|
-
const hasWhileElementsMounted = whileElementsMounted != null;
|
|
2920
2914
|
const whileElementsMountedRef = useLatestRef(whileElementsMounted);
|
|
2921
2915
|
const platformRef = useLatestRef(platform);
|
|
2922
2916
|
const update = React__namespace.useCallback(() => {
|
|
@@ -2960,18 +2954,17 @@ function useFloating(options) {
|
|
|
2960
2954
|
isMountedRef.current = false;
|
|
2961
2955
|
};
|
|
2962
2956
|
}, []);
|
|
2963
|
-
|
|
2964
|
-
// biome-ignore lint/correctness/useExhaustiveDependencies: `hasWhileElementsMounted` is intentionally included.
|
|
2965
2957
|
index$1(() => {
|
|
2966
2958
|
if (referenceEl) referenceRef.current = referenceEl;
|
|
2967
2959
|
if (floatingEl) floatingRef.current = floatingEl;
|
|
2968
2960
|
if (referenceEl && floatingEl) {
|
|
2969
2961
|
if (whileElementsMountedRef.current) {
|
|
2970
2962
|
return whileElementsMountedRef.current(referenceEl, floatingEl, update);
|
|
2963
|
+
} else {
|
|
2964
|
+
update();
|
|
2971
2965
|
}
|
|
2972
|
-
update();
|
|
2973
2966
|
}
|
|
2974
|
-
}, [referenceEl, floatingEl, update, whileElementsMountedRef
|
|
2967
|
+
}, [referenceEl, floatingEl, update, whileElementsMountedRef]);
|
|
2975
2968
|
const refs = React__namespace.useMemo(() => ({
|
|
2976
2969
|
reference: referenceRef,
|
|
2977
2970
|
floating: floatingRef,
|
|
@@ -4527,7 +4520,7 @@ const activeBorderStyles = [
|
|
|
4527
4520
|
'dark:hover:tw-border-sq-color-dark-dark',
|
|
4528
4521
|
].join(' ');
|
|
4529
4522
|
const bgStyles = ['tw-bg-sq-white', 'dark:tw-bg-sq-dark-background'].join(' ');
|
|
4530
|
-
const disabledClasses$1 = ['
|
|
4523
|
+
const disabledClasses$1 = ['tw-opacity-50', 'tw-cursor-not-allowed'].join(' ');
|
|
4531
4524
|
const PopoverContent = React__namespace.forwardRef(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (React__namespace.createElement($cb5cc270b50c6fcd$export$7c6e2c02157bb7d2, { ref: ref, align: align, sideOffset: sideOffset, ...props, asChild: true })));
|
|
4532
4525
|
const ToolbarButton = ({ isSmall = false, label, icon, secondIcon, forceSmallIcon = false, tooltipText, id, popoverContent, extraClassNames, testId, tooltipTestId, tooltipOptions, isActive = false, isHtmlTooltip = true, disabled = false, onClick, onHide, }) => {
|
|
4533
4526
|
let tooltipData = undefined;
|
|
@@ -4546,8 +4539,8 @@ const ToolbarButton = ({ isSmall = false, label, icon, secondIcon, forceSmallIco
|
|
|
4546
4539
|
}
|
|
4547
4540
|
};
|
|
4548
4541
|
return (React__namespace.createElement($cb5cc270b50c6fcd$export$be92b6f5f03c0fe9, { defaultOpen: false, onOpenChange: onOpenChange },
|
|
4549
|
-
React__namespace.createElement($cb5cc270b50c6fcd$export$41fb9f06171c75f4, { id: id },
|
|
4550
|
-
React__namespace.createElement("
|
|
4542
|
+
React__namespace.createElement($cb5cc270b50c6fcd$export$41fb9f06171c75f4, { id: id, className: "tw-border-none ", disabled: disabled },
|
|
4543
|
+
React__namespace.createElement("div", { ...tooltipData, className: `tw-bg-transparent tw-p-0 tw-flex tw-flex-col tw-items-center ${isSmall ? 'tw-py-[1px] tw-px-[5px]' : 'tw-px-2 tw-py-[3px]'} ${disabled ? disabledClasses$1 : isActive ? activeBorderStyles : triggerBorderStyles} ${extraClassNames || ''}`, "data-testid": testId, onClick: (e) => {
|
|
4551
4544
|
onClick && onClick(e);
|
|
4552
4545
|
} },
|
|
4553
4546
|
React__namespace.createElement("span", { className: "tw-nowrap" },
|