@dreamcommerce/aurora 3.0.0-51 → 3.0.0-53
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/build/cjs/external/react-pro-sidebar/dist/index.es.js +5453 -0
- package/build/cjs/external/react-pro-sidebar/dist/index.es.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/sidebar_new/sidebar.js +18 -0
- package/build/cjs/packages/aurora/src/components/sidebar_new/sidebar.js.map +1 -0
- package/build/cjs/packages/aurora/src/index.js +1 -19
- package/build/cjs/packages/aurora/src/index.js.map +1 -1
- package/build/esm/external/react-pro-sidebar/dist/index.es.js +5415 -0
- package/build/esm/external/react-pro-sidebar/dist/index.es.js.map +1 -0
- package/build/esm/packages/aurora/src/assets/icons/arrow_left_s_line_icon.js +2 -5
- package/build/esm/packages/aurora/src/assets/icons/arrow_left_s_line_icon.js.map +1 -1
- package/build/esm/packages/aurora/src/assets/icons/lock_icon.d.ts +1 -0
- package/build/esm/packages/aurora/src/assets/icons/lock_icon.js +3 -0
- package/build/esm/packages/aurora/src/assets/icons/lock_icon.js.map +1 -0
- package/build/esm/packages/aurora/src/assets/icons/lock_unlock_icon.d.ts +1 -0
- package/build/esm/packages/aurora/src/assets/icons/lock_unlock_icon.js +3 -0
- package/build/esm/packages/aurora/src/assets/icons/lock_unlock_icon.js.map +1 -0
- package/build/esm/packages/aurora/src/components/accordion/context/accordion_context.js +2 -2
- package/build/esm/packages/aurora/src/components/action_list/action_list.js +2 -2
- package/build/esm/packages/aurora/src/components/action_list/components/action_list_content.js +3 -3
- package/build/esm/packages/aurora/src/components/action_list/components/action_list_divider.js +2 -2
- package/build/esm/packages/aurora/src/components/action_list/components/action_list_group.js +3 -3
- package/build/esm/packages/aurora/src/components/action_list/components/action_list_item.js +3 -3
- package/build/esm/packages/aurora/src/components/action_list/components/action_list_label.js +5 -5
- package/build/esm/packages/aurora/src/components/action_list/components/action_list_radio_group.js +3 -3
- package/build/esm/packages/aurora/src/components/action_list/components/action_list_radio_item.js +4 -4
- package/build/esm/packages/aurora/src/components/action_list/components/action_list_sub_content.js +3 -3
- package/build/esm/packages/aurora/src/components/action_list/components/action_list_sub_trigger.js +5 -5
- package/build/esm/packages/aurora/src/components/action_list/components/action_list_trigger.js +3 -3
- package/build/esm/packages/aurora/src/components/box/box.js +3 -3
- package/build/esm/packages/aurora/src/components/button/button.js +3 -3
- package/build/esm/packages/aurora/src/components/control/control.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/input_control/input_control.js +5 -5
- package/build/esm/packages/aurora/src/components/controls/switch_control/switch_control.js +5 -5
- package/build/esm/packages/aurora/src/components/divider/divider.js +3 -3
- package/build/esm/packages/aurora/src/components/icon_button/icon_button.js +4 -4
- package/build/esm/packages/aurora/src/components/input/input.js +6 -6
- package/build/esm/packages/aurora/src/components/label/components/label_content.js +4 -4
- package/build/esm/packages/aurora/src/components/link/link.js +3 -3
- package/build/esm/packages/aurora/src/components/loader/loader.js +2 -2
- package/build/esm/packages/aurora/src/components/message_box/message_box.js +11 -11
- package/build/esm/packages/aurora/src/components/modal/components/modal/modal.js +5 -5
- package/build/esm/packages/aurora/src/components/modal/components/modal/modal_close_icon.js +3 -3
- package/build/esm/packages/aurora/src/components/modal/components/modal/modal_footer.js +2 -2
- package/build/esm/packages/aurora/src/components/modal/components/modal/modal_header.js +4 -4
- package/build/esm/packages/aurora/src/components/modal/components/modals_wrapper.js +4 -4
- package/build/esm/packages/aurora/src/components/modal/modals_manager.js +3 -3
- package/build/esm/packages/aurora/src/components/segmented_control/components/segmented_control_item.js +4 -4
- package/build/esm/packages/aurora/src/components/segmented_control/context/segmented_control_context.js +2 -2
- package/build/esm/packages/aurora/src/components/segmented_control/segmented_control.js +4 -4
- package/build/esm/packages/aurora/src/components/sidebar/components/sidebar_toggle.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/sidebar/components/sidebar_toggle.js +24 -0
- package/build/esm/packages/aurora/src/components/sidebar/components/sidebar_toggle.js.map +1 -0
- package/build/esm/packages/aurora/src/components/sidebar/context/sidebar_context.js +3 -5
- package/build/esm/packages/aurora/src/components/sidebar/context/sidebar_context.js.map +1 -1
- package/build/esm/packages/aurora/src/components/sidebar/context/sidebar_prvider.js +38 -56
- package/build/esm/packages/aurora/src/components/sidebar/context/sidebar_prvider.js.map +1 -1
- package/build/esm/packages/aurora/src/components/sidebar/hooks/use_sidebar.js +8 -11
- package/build/esm/packages/aurora/src/components/sidebar/hooks/use_sidebar.js.map +1 -1
- package/build/esm/packages/aurora/src/components/sidebar/sidebar.js +25 -52
- package/build/esm/packages/aurora/src/components/sidebar/sidebar.js.map +1 -1
- package/build/esm/packages/aurora/src/components/sidebar/sidebar_constants.d.ts +4 -0
- package/build/esm/packages/aurora/src/components/sidebar/sidebar_constants.js +8 -6
- package/build/esm/packages/aurora/src/components/sidebar/sidebar_constants.js.map +1 -1
- package/build/esm/packages/aurora/src/components/sidebar/sidebar_types.d.ts +4 -1
- package/build/esm/packages/aurora/src/components/sidebar_new/sidebar.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/sidebar_new/sidebar.js +10 -0
- package/build/esm/packages/aurora/src/components/sidebar_new/sidebar.js.map +1 -0
- package/build/esm/packages/aurora/src/components/sidebar_new/sidebar_types_types.d.ts +21 -0
- package/build/esm/packages/aurora/src/components/sidebar_new/sidebar_types_types.js +3 -0
- package/build/esm/packages/aurora/src/components/sidebar_new/sidebar_types_types.js.map +1 -0
- package/build/esm/packages/aurora/src/components/stack/stack.js +3 -3
- package/build/esm/packages/aurora/src/components/switch/switch.js +4 -4
- package/build/esm/packages/aurora/src/components/tabs/context/tabs_context.js +2 -2
- package/build/esm/packages/aurora/src/components/tabs/tabs.js +4 -4
- package/build/esm/packages/aurora/src/components/tooltip/components/tooltip_content.d.ts +5 -2
- package/build/esm/packages/aurora/src/components/typography/typography.js +2 -2
- package/build/esm/packages/aurora/src/components/values_syncer/values_syncer.d.ts +4 -0
- package/build/esm/packages/aurora/src/components/values_syncer/values_syncer.js +44 -0
- package/build/esm/packages/aurora/src/components/values_syncer/values_syncer.js.map +1 -0
- package/build/esm/packages/aurora/src/components/values_syncer/values_syncer_types.d.ts +14 -0
- package/build/esm/packages/aurora/src/components/values_syncer/values_syncer_types.js +2 -0
- package/build/esm/packages/aurora/src/components/values_syncer/values_syncer_types.js.map +1 -0
- package/build/esm/packages/aurora/src/index.d.ts +1 -10
- package/build/esm/packages/aurora/src/index.js +1 -10
- package/build/esm/packages/aurora/src/index.js.map +1 -1
- package/build/index.css +1 -1
- package/package.json +4 -5
- package/build/cjs/packages/aurora/src/assets/icons/arrow_left_s_line_icon.js +0 -10
- package/build/cjs/packages/aurora/src/assets/icons/arrow_left_s_line_icon.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/drawer/components/drawer_close.js +0 -10
- package/build/cjs/packages/aurora/src/components/drawer/components/drawer_close.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/drawer/components/drawer_content.js +0 -29
- package/build/cjs/packages/aurora/src/components/drawer/components/drawer_content.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/drawer/components/drawer_portal.js +0 -10
- package/build/cjs/packages/aurora/src/components/drawer/components/drawer_portal.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/drawer/components/drawer_title.js +0 -36
- package/build/cjs/packages/aurora/src/components/drawer/components/drawer_title.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/drawer/components/drawer_trigger.js +0 -10
- package/build/cjs/packages/aurora/src/components/drawer/components/drawer_trigger.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/drawer/context/drawer_context.js +0 -17
- package/build/cjs/packages/aurora/src/components/drawer/context/drawer_context.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/drawer/drawer.js +0 -29
- package/build/cjs/packages/aurora/src/components/drawer/drawer.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/drawer/drawer_constants.js +0 -13
- package/build/cjs/packages/aurora/src/components/drawer/drawer_constants.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/drawer/drawer_variants.js +0 -22
- package/build/cjs/packages/aurora/src/components/drawer/drawer_variants.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/sidebar/components/sidebar_trigger.js +0 -42
- package/build/cjs/packages/aurora/src/components/sidebar/components/sidebar_trigger.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/sidebar/context/sidebar_context.js +0 -14
- package/build/cjs/packages/aurora/src/components/sidebar/context/sidebar_context.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/sidebar/context/sidebar_prvider.js +0 -62
- package/build/cjs/packages/aurora/src/components/sidebar/context/sidebar_prvider.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/sidebar/hooks/use_sidebar.js +0 -21
- package/build/cjs/packages/aurora/src/components/sidebar/hooks/use_sidebar.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/sidebar/sidebar.js +0 -58
- package/build/cjs/packages/aurora/src/components/sidebar/sidebar.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/sidebar/sidebar_constants.js +0 -11
- package/build/cjs/packages/aurora/src/components/sidebar/sidebar_constants.js.map +0 -1
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_close.d.ts +0 -2
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_close.js +0 -6
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_close.js.map +0 -1
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_content.d.ts +0 -3
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_content.js +0 -25
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_content.js.map +0 -1
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_header.d.ts +0 -5
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_header.js +0 -5
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_header.js.map +0 -1
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_overlay.d.ts +0 -2
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_overlay.js +0 -6
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_overlay.js.map +0 -1
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_portal.d.ts +0 -1
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_portal.js +0 -6
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_portal.js.map +0 -1
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_title.d.ts +0 -2
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_title.js +0 -32
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_title.js.map +0 -1
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_trigger.d.ts +0 -2
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_trigger.js +0 -6
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_trigger.js.map +0 -1
- package/build/esm/packages/aurora/src/components/drawer/context/drawer_context.d.ts +0 -5
- package/build/esm/packages/aurora/src/components/drawer/context/drawer_context.js +0 -9
- package/build/esm/packages/aurora/src/components/drawer/context/drawer_context.js.map +0 -1
- package/build/esm/packages/aurora/src/components/drawer/drawer.d.ts +0 -6
- package/build/esm/packages/aurora/src/components/drawer/drawer.js +0 -25
- package/build/esm/packages/aurora/src/components/drawer/drawer.js.map +0 -1
- package/build/esm/packages/aurora/src/components/drawer/drawer_constants.d.ts +0 -6
- package/build/esm/packages/aurora/src/components/drawer/drawer_constants.js +0 -9
- package/build/esm/packages/aurora/src/components/drawer/drawer_constants.js.map +0 -1
- package/build/esm/packages/aurora/src/components/drawer/drawer_types.d.ts +0 -6
- package/build/esm/packages/aurora/src/components/drawer/drawer_types.js +0 -3
- package/build/esm/packages/aurora/src/components/drawer/drawer_types.js.map +0 -1
- package/build/esm/packages/aurora/src/components/drawer/drawer_variants.d.ts +0 -3
- package/build/esm/packages/aurora/src/components/drawer/drawer_variants.js +0 -18
- package/build/esm/packages/aurora/src/components/drawer/drawer_variants.js.map +0 -1
- package/build/esm/packages/aurora/src/components/sidebar/components/sidebar_trigger.d.ts +0 -3
- package/build/esm/packages/aurora/src/components/sidebar/components/sidebar_trigger.js +0 -34
- package/build/esm/packages/aurora/src/components/sidebar/components/sidebar_trigger.js.map +0 -1
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { SIDEBAR_SIDE } from "./sidebar_constants";
|
|
3
3
|
import { Any } from 'ts-toolbelt';
|
|
4
|
-
export declare type
|
|
4
|
+
export declare type TSidebarToggleProps = {
|
|
5
5
|
side: TSidebarSide;
|
|
6
6
|
};
|
|
7
7
|
export declare type TSidebarSide = Any.Keys<typeof SIDEBAR_SIDE>;
|
|
8
8
|
export declare type TSidebarProps = {
|
|
9
|
+
defaultOpen?: boolean;
|
|
10
|
+
open?: boolean;
|
|
11
|
+
onOpenChange?: (isOpen: boolean) => void;
|
|
9
12
|
className?: string;
|
|
10
13
|
width: string;
|
|
11
14
|
minWidth?: string;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
|
+
import { Sidebar as Sidebar$1 } from '../../../../../external/react-pro-sidebar/dist/index.es.js';
|
|
4
|
+
|
|
5
|
+
var Sidebar = function Sidebar(props) {
|
|
6
|
+
return /*#__PURE__*/React__default.createElement(Sidebar$1, _objectSpread2({}, props));
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
export { Sidebar };
|
|
10
|
+
//# sourceMappingURL=sidebar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,qCAAqC,4DAAgE;AACrG;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { CSSObject } from '@emotion/styled';
|
|
3
|
+
declare type BreakPoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'always' | 'all';
|
|
4
|
+
export interface TSidebarProps extends React.HTMLAttributes<HTMLHtmlElement> {
|
|
5
|
+
collapsed?: boolean;
|
|
6
|
+
width?: string;
|
|
7
|
+
collapsedWidth?: string;
|
|
8
|
+
defaultCollapsed?: boolean;
|
|
9
|
+
breakPoint?: BreakPoint;
|
|
10
|
+
customBreakPoint?: string;
|
|
11
|
+
backgroundColor?: string;
|
|
12
|
+
transitionDuration?: number;
|
|
13
|
+
image?: string;
|
|
14
|
+
rtl?: boolean;
|
|
15
|
+
toggled?: boolean;
|
|
16
|
+
onBackdropClick?: () => void;
|
|
17
|
+
onBreakPoint?: (broken: boolean) => void;
|
|
18
|
+
rootStyles?: CSSObject;
|
|
19
|
+
children?: React.ReactNode;
|
|
20
|
+
}
|
|
21
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar_types_types.js","sourceRoot":"","sources":["../../../../../../../src/components/sidebar_new/sidebar_types_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAC1B,OAA0B,iBAAiB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default, { useRef, useImperativeHandle, useEffect } from 'react';
|
|
2
2
|
import { defineProperty as _defineProperty, objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
3
|
import { cn } from '../../utilities/cn.js';
|
|
4
4
|
import { STACK_DIRECTION_TYPES, STACK_WRAP_TYPES, STACK_ALIGN_ITEMS_TYPES, STACK_JUSTIFY_CONTENT_TYPES } from './stack_constants.js';
|
|
@@ -16,7 +16,7 @@ var stackVariants = cva('aurora-flex', {
|
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
18
|
});
|
|
19
|
-
var Stack = /*#__PURE__*/
|
|
19
|
+
var Stack = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
|
20
20
|
var children = _ref.children,
|
|
21
21
|
spacing = _ref.spacing,
|
|
22
22
|
className = _ref.className,
|
|
@@ -56,7 +56,7 @@ var Stack = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
56
56
|
});
|
|
57
57
|
}, [attributes]);
|
|
58
58
|
var display = inline ? 'inline' : null;
|
|
59
|
-
return /*#__PURE__*/
|
|
59
|
+
return /*#__PURE__*/React__default.createElement(as, _objectSpread2({
|
|
60
60
|
ref: internalRef,
|
|
61
61
|
className: cn(stackVariants({
|
|
62
62
|
direction: direction,
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default from 'react';
|
|
2
2
|
import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
3
|
import classnames from '../../../../../external/classnames/index.js';
|
|
4
4
|
import { Root, SwitchThumb } from '@radix-ui/react-switch';
|
|
5
5
|
|
|
6
6
|
var _excluded = ["id", "name", "value", "className", "disabled", "checked", "defaultChecked", "errors", "onCheckedChange"];
|
|
7
|
-
var Switch = /*#__PURE__*/
|
|
7
|
+
var Switch = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
|
8
8
|
var id = _ref.id,
|
|
9
9
|
name = _ref.name,
|
|
10
10
|
value = _ref.value,
|
|
@@ -16,7 +16,7 @@ var Switch = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
16
16
|
errors = _ref$errors === void 0 ? [] : _ref$errors,
|
|
17
17
|
onCheckedChange = _ref.onCheckedChange,
|
|
18
18
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
19
|
-
return /*#__PURE__*/
|
|
19
|
+
return /*#__PURE__*/React__default.createElement(Root, _objectSpread2({
|
|
20
20
|
id: id,
|
|
21
21
|
name: name,
|
|
22
22
|
value: value,
|
|
@@ -26,7 +26,7 @@ var Switch = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
26
26
|
defaultChecked: defaultChecked,
|
|
27
27
|
checked: checked,
|
|
28
28
|
onCheckedChange: onCheckedChange
|
|
29
|
-
}, props), /*#__PURE__*/
|
|
29
|
+
}, props), /*#__PURE__*/React__default.createElement(SwitchThumb, {
|
|
30
30
|
className: classnames('aurora-block aurora-w-5 aurora-h-5 aurora-rounded-full aurora-transition-transform', disabled ? 'aurora-bg-subtle' : 'aurora-bg', 'data-[state=checked]:aurora-translate-x-[22px] aurora-translate-x-[2px]')
|
|
31
31
|
}));
|
|
32
32
|
});
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default from 'react';
|
|
2
2
|
import { TABS_SIZE_TYPES, TABS_VARIANT_TYPES } from '../tabs_constants.js';
|
|
3
3
|
|
|
4
|
-
var TabsContext = /*#__PURE__*/
|
|
4
|
+
var TabsContext = /*#__PURE__*/React__default.createContext({
|
|
5
5
|
size: TABS_SIZE_TYPES.basic,
|
|
6
6
|
variant: TABS_VARIANT_TYPES.basic
|
|
7
7
|
});
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default from 'react';
|
|
2
2
|
import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
3
|
import { TabsContext } from './context/tabs_context.js';
|
|
4
4
|
import { Root, Tabs as Tabs$1 } from '@radix-ui/react-tabs';
|
|
5
5
|
|
|
6
6
|
var _excluded = ["className", "size", "variant", "children"];
|
|
7
|
-
var Tabs = /*#__PURE__*/
|
|
7
|
+
var Tabs = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
|
8
8
|
var className = _ref.className,
|
|
9
9
|
size = _ref.size,
|
|
10
10
|
variant = _ref.variant,
|
|
11
11
|
children = _ref.children,
|
|
12
12
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
13
|
-
return /*#__PURE__*/
|
|
13
|
+
return /*#__PURE__*/React__default.createElement(Root, _objectSpread2({
|
|
14
14
|
ref: ref
|
|
15
|
-
}, props), /*#__PURE__*/
|
|
15
|
+
}, props), /*#__PURE__*/React__default.createElement(TabsContext.Provider, {
|
|
16
16
|
value: {
|
|
17
17
|
size: size,
|
|
18
18
|
variant: variant
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
export declare const TooltipContent: React.ForwardRefExoticComponent<{
|
|
3
|
+
variant?: "light" | "dark" | undefined;
|
|
4
|
+
className?: string | undefined;
|
|
5
|
+
sideOffset?: number | undefined;
|
|
6
|
+
} & Omit<import("@radix-ui/react-tooltip").TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
4
7
|
children?: React.ReactNode;
|
|
5
8
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default from 'react';
|
|
2
2
|
import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
3
|
import { cn } from '../../utilities/cn.js';
|
|
4
4
|
import { typographyVariants } from './typography_variants.js';
|
|
@@ -17,7 +17,7 @@ var Typography = function Typography(_ref) {
|
|
|
17
17
|
children = _ref.children,
|
|
18
18
|
className = _ref.className,
|
|
19
19
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
20
|
-
return /*#__PURE__*/
|
|
20
|
+
return /*#__PURE__*/React__default.createElement(as, _objectSpread2({
|
|
21
21
|
className: cn(typographyVariants({
|
|
22
22
|
variant: variant,
|
|
23
23
|
transform: transform,
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { LockLineIcon } from '@auroraAssets/icons/lock_icon';
|
|
2
|
+
import { LockUnlockLineIcon } from '@auroraAssets/icons/lock_unlock_icon';
|
|
3
|
+
import { Stack } from '@auroraComponents/stack/stack';
|
|
4
|
+
import { CSS_COLOR_TOKENS_VALUES } from '@auroraConstants/css_tokens/css_color_tokens_values';
|
|
5
|
+
import React, { useEffect, useState } from 'react';
|
|
6
|
+
import './values_syncer_types';
|
|
7
|
+
import { cn } from '@auroraUtilities/cn';
|
|
8
|
+
const ValuesSyncer = ({ firstControl, secondControl, initialFirstValue, initialSecondValue, isLocked = false, onLock, onChange }) => {
|
|
9
|
+
const [locked, setLocked] = useState(isLocked);
|
|
10
|
+
const [firstControlValue, setFirstControlValue] = useState(initialFirstValue);
|
|
11
|
+
const [secondControlValue, setSecondControlValue] = useState(initialSecondValue);
|
|
12
|
+
useEffect(() => {
|
|
13
|
+
onLock?.(locked);
|
|
14
|
+
if (locked) {
|
|
15
|
+
setSecondControlValue(firstControlValue);
|
|
16
|
+
}
|
|
17
|
+
}, [locked]);
|
|
18
|
+
useEffect(() => {
|
|
19
|
+
setFirstControlValue(initialFirstValue);
|
|
20
|
+
setSecondControlValue(initialSecondValue);
|
|
21
|
+
}, [initialFirstValue, initialSecondValue]);
|
|
22
|
+
useEffect(() => {
|
|
23
|
+
onChange?.({ first: firstControlValue, second: secondControlValue, isLocked: locked });
|
|
24
|
+
}, [firstControlValue, secondControlValue, locked]);
|
|
25
|
+
const handleFirstControlChange = (value) => {
|
|
26
|
+
setFirstControlValue(value);
|
|
27
|
+
if (locked) {
|
|
28
|
+
setSecondControlValue(value);
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
const handleSecondControlChange = (value) => {
|
|
32
|
+
setSecondControlValue(value);
|
|
33
|
+
if (locked) {
|
|
34
|
+
setFirstControlValue(value);
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
const toggleLock = () => setLocked((prev) => !prev);
|
|
38
|
+
return (React.createElement(Stack, { spacing: "3", align: "end", className: "aurora-items-end" },
|
|
39
|
+
firstControl(firstControlValue, handleFirstControlChange),
|
|
40
|
+
React.createElement("button", { type: "button", className: cn(locked ? 'aurora-bg-active aurora-rounded-4' : 'aurora-bg-subtle', 'aurora-h-6 aurora-w-6 aurora-p-1 aurora-mb-2 aurora-rounded-4 focus'), onClick: toggleLock }, locked ? (React.createElement(LockLineIcon, { className: "aurora-h-4 aurora-w-4", color: CSS_COLOR_TOKENS_VALUES.neutral900 })) : (React.createElement(LockUnlockLineIcon, { className: "aurora-h-4 aurora-w-4", color: CSS_COLOR_TOKENS_VALUES.neutral600 }))),
|
|
41
|
+
secondControl(secondControlValue, handleSecondControlChange)));
|
|
42
|
+
};
|
|
43
|
+
export default ValuesSyncer;
|
|
44
|
+
//# sourceMappingURL=values_syncer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"values_syncer.js","sourceRoot":"","sources":["../../../../../../../src/components/values_syncer/values_syncer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare type TValuesSyncerProps = {
|
|
3
|
+
firstControl: (value: unknown, setValue: (value: unknown) => void) => React.ReactNode;
|
|
4
|
+
secondControl: (value: unknown, setValue: (value: unknown) => void) => React.ReactNode;
|
|
5
|
+
initialFirstValue?: unknown;
|
|
6
|
+
initialSecondValue?: unknown;
|
|
7
|
+
isLocked?: boolean;
|
|
8
|
+
onLock?: (isLocked: boolean) => void;
|
|
9
|
+
onChange?: (props: {
|
|
10
|
+
first: unknown;
|
|
11
|
+
second: unknown;
|
|
12
|
+
isLocked: boolean;
|
|
13
|
+
}) => void;
|
|
14
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"values_syncer_types.js","sourceRoot":"","sources":["../../../../../../../src/components/values_syncer/values_syncer_types.ts"],"names":[],"mappings":""}
|
|
@@ -25,10 +25,7 @@ export { Box } from './components/box/box';
|
|
|
25
25
|
export { BOX_COMPONENT_TYPES } from "./components/box/box_constants";
|
|
26
26
|
export { Typography } from './components/typography/typography';
|
|
27
27
|
export { TYPOGRAPHY_TRANSFORM_TYPES, TYPOGRAPHY_COMPONENT_TYPES, TYPOGRAPHY_WEIGHT_TYPES } from "./components/typography/typography_constants";
|
|
28
|
-
export { Sidebar } from
|
|
29
|
-
export { SidebarProvider } from "./components/sidebar/context/sidebar_prvider";
|
|
30
|
-
export { useSidebar } from './components/sidebar/hooks/use_sidebar';
|
|
31
|
-
export { SIDEBAR_SIDE } from "./components/sidebar/sidebar_constants";
|
|
28
|
+
export { Sidebar } from "./components/sidebar_new/sidebar";
|
|
32
29
|
export { Divider } from './components/divider/divider';
|
|
33
30
|
export { DIVIDER_VARIANTS, DIVIDER_THICKNESS, DIVIDER_ORIENTATION } from "./components/divider/divider_constants";
|
|
34
31
|
export { Stack } from './components/stack/stack';
|
|
@@ -80,12 +77,6 @@ export { MessageBox } from "./components/message_box/message_box";
|
|
|
80
77
|
export { MESSAGE_BOX_VARIANTS, MESSAGE_BOX_ICON_COLORS, MESSAGE_BOX_ICONS } from "./components/message_box/message_box_constants";
|
|
81
78
|
export { HelperText } from './components/helper_text/helper_text';
|
|
82
79
|
export { ErrorList } from "./components/error_list/error_list";
|
|
83
|
-
export { Drawer } from "./components/drawer/drawer";
|
|
84
|
-
export { DrawerTrigger } from "./components/drawer/components/drawer_trigger";
|
|
85
|
-
export { DrawerContent } from "./components/drawer/components/drawer_content";
|
|
86
|
-
export { DrawerTitle } from "./components/drawer/components/drawer_title";
|
|
87
|
-
export { DrawerClose } from "./components/drawer/components/drawer_close";
|
|
88
|
-
export { DRAWER_DIRECTIONS } from "./components/drawer/drawer_constants";
|
|
89
80
|
export { useSearch } from "./hooks/search/use_search";
|
|
90
81
|
export { Tag } from "./components/tag/tag";
|
|
91
82
|
export { TAG_VARIANTS } from "./components/tag/tag_constants";
|
|
@@ -43,10 +43,7 @@ export { ActionListTrigger } from './components/action_list/components/action_li
|
|
|
43
43
|
export { ActionListSubContent } from './components/action_list/components/action_list_sub_content.js';
|
|
44
44
|
export { BADGE_VARIANTS } from './components/badge/badge_constants.js';
|
|
45
45
|
export { Badge } from './components/badge/badge.js';
|
|
46
|
-
export {
|
|
47
|
-
export { SIDEBAR_SIDE } from './components/sidebar/sidebar_constants.js';
|
|
48
|
-
export { Sidebar } from './components/sidebar/sidebar.js';
|
|
49
|
-
export { SidebarProvider } from './components/sidebar/context/sidebar_prvider.js';
|
|
46
|
+
export { Sidebar } from './components/sidebar_new/sidebar.js';
|
|
50
47
|
export { Tooltip } from './components/tooltip/tooltip.js';
|
|
51
48
|
export { TooltipTrigger } from './components/tooltip/components/tooltip_trigger.js';
|
|
52
49
|
export { TOOLTIP_VARIANT_TYPES } from './components/tooltip/tooltip_constants.js';
|
|
@@ -77,12 +74,6 @@ export { MESSAGE_BOX_ICONS, MESSAGE_BOX_ICON_COLORS, MESSAGE_BOX_VARIANTS } from
|
|
|
77
74
|
export { MessageBox } from './components/message_box/message_box.js';
|
|
78
75
|
export { HelperText } from './components/helper_text/helper_text.js';
|
|
79
76
|
export { ErrorList } from './components/error_list/error_list.js';
|
|
80
|
-
export { DRAWER_DIRECTIONS } from './components/drawer/drawer_constants.js';
|
|
81
|
-
export { Drawer } from './components/drawer/drawer.js';
|
|
82
|
-
export { DrawerTrigger } from './components/drawer/components/drawer_trigger.js';
|
|
83
|
-
export { DrawerContent } from './components/drawer/components/drawer_content.js';
|
|
84
|
-
export { DrawerClose } from './components/drawer/components/drawer_close.js';
|
|
85
|
-
export { DrawerTitle } from './components/drawer/components/drawer_title.js';
|
|
86
77
|
export { useSearch } from './hooks/search/use_search.js';
|
|
87
78
|
export { TAG_VARIANTS } from './components/tag/tag_constants.js';
|
|
88
79
|
export { Tag } from './components/tag/tag.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|