@dreamcommerce/aurora 2.7.2 → 2.8.0-1
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/packages/aurora/src/components/controls/components/values_syncer.js +27 -0
- package/build/cjs/packages/aurora/src/components/controls/components/values_syncer.js.map +1 -0
- package/build/cjs/packages/aurora/src/index.js +2 -0
- package/build/cjs/packages/aurora/src/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/components/values_syncer.d.ts +15 -0
- package/build/esm/packages/aurora/src/components/controls/components/values_syncer.js +19 -0
- package/build/esm/packages/aurora/src/components/controls/components/values_syncer.js.map +1 -0
- package/build/esm/packages/aurora/src/index.d.ts +2 -1
- package/build/esm/packages/aurora/src/index.js +1 -0
- package/build/esm/packages/aurora/src/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var use_toggle = require('../../dropdown/hooks/use_toggle.js');
|
|
7
|
+
|
|
8
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
9
|
+
|
|
10
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
11
|
+
|
|
12
|
+
const ValuesSyncer = ({ areLocked = false, childrenRender }) => {
|
|
13
|
+
const [locked, toggleLock] = use_toggle.useToggle(areLocked);
|
|
14
|
+
const [firstControlValue, setFirstControlValue] = React.useState();
|
|
15
|
+
const [secondControlValue, setSecondControlValue] = React.useState();
|
|
16
|
+
return (React__default['default'].createElement("div", null, childrenRender === null || childrenRender === void 0 ? void 0 : childrenRender({
|
|
17
|
+
areLocked: locked,
|
|
18
|
+
toggle: toggleLock,
|
|
19
|
+
firstControlValue,
|
|
20
|
+
secondControlValue,
|
|
21
|
+
setFirstControlValue,
|
|
22
|
+
setSecondControlValue
|
|
23
|
+
})));
|
|
24
|
+
};
|
|
25
|
+
|
|
26
|
+
exports.default = ValuesSyncer;
|
|
27
|
+
//# sourceMappingURL=values_syncer.js.map
|
|
@@ -0,0 +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;"}
|
|
@@ -80,6 +80,7 @@ var tabs_panel_list = require('./components/tabs/components/tabs_panel_list.js')
|
|
|
80
80
|
var tabs_wrapper = require('./components/tabs/components/tabs_wrapper.js');
|
|
81
81
|
var index$2 = require('./components/tooltip/index.js');
|
|
82
82
|
var index$J = require('./components/with_loader/index.js');
|
|
83
|
+
var values_syncer = require('./components/controls/components/values_syncer.js');
|
|
83
84
|
|
|
84
85
|
|
|
85
86
|
|
|
@@ -163,4 +164,5 @@ exports.TabsPanelList = tabs_panel_list.TabsPanelList;
|
|
|
163
164
|
exports.TabsWrapper = tabs_wrapper['default'];
|
|
164
165
|
exports.Tooltip = index$2['default'];
|
|
165
166
|
exports.WithLoader = index$J['default'];
|
|
167
|
+
exports.ValuesSyncer = values_syncer['default'];
|
|
166
168
|
//# sourceMappingURL=index.js.map
|
|
@@ -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;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;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;AACA;AACA;"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare type TChildrenRenderProps = {
|
|
3
|
+
areLocked: boolean;
|
|
4
|
+
toggle: () => void;
|
|
5
|
+
firstControlValue: unknown;
|
|
6
|
+
secondControlValue: unknown;
|
|
7
|
+
setFirstControlValue: (value: unknown) => void;
|
|
8
|
+
setSecondControlValue: (value: unknown) => void;
|
|
9
|
+
};
|
|
10
|
+
export declare type TControlsLockerProps = {
|
|
11
|
+
areLocked?: boolean;
|
|
12
|
+
childrenRender?: (props: TChildrenRenderProps) => React.ReactNode;
|
|
13
|
+
};
|
|
14
|
+
declare const ValuesSyncer: ({ areLocked, childrenRender }: TControlsLockerProps) => JSX.Element;
|
|
15
|
+
export default ValuesSyncer;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React, { useState } from 'react';
|
|
2
|
+
import { useToggle } from '../../dropdown/hooks/use_toggle.js';
|
|
3
|
+
|
|
4
|
+
const ValuesSyncer = ({ areLocked = false, childrenRender }) => {
|
|
5
|
+
const [locked, toggleLock] = useToggle(areLocked);
|
|
6
|
+
const [firstControlValue, setFirstControlValue] = useState();
|
|
7
|
+
const [secondControlValue, setSecondControlValue] = useState();
|
|
8
|
+
return (React.createElement("div", null, childrenRender === null || childrenRender === void 0 ? void 0 : childrenRender({
|
|
9
|
+
areLocked: locked,
|
|
10
|
+
toggle: toggleLock,
|
|
11
|
+
firstControlValue,
|
|
12
|
+
secondControlValue,
|
|
13
|
+
setFirstControlValue,
|
|
14
|
+
setSecondControlValue
|
|
15
|
+
})));
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
export default ValuesSyncer;
|
|
19
|
+
//# sourceMappingURL=values_syncer.js.map
|
|
@@ -0,0 +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;"}
|
|
@@ -104,13 +104,14 @@ import { useFlashMessenger } from "./components/flash_messenger/context";
|
|
|
104
104
|
import { useSearchList } from "./components/search_list/use_search_list";
|
|
105
105
|
import { useToggle } from "./components/dropdown/hooks";
|
|
106
106
|
import XhrImagePicker from "./components/xhr_image_picker";
|
|
107
|
+
import ValuesSyncer from "./components/controls/components/values_syncer";
|
|
107
108
|
/**
|
|
108
109
|
* export hooks
|
|
109
110
|
*/
|
|
110
111
|
/**
|
|
111
112
|
* export components
|
|
112
113
|
*/
|
|
113
|
-
export { Accordion, Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, Stack, Control, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, ControlXhrImagePicker, Heading, Typography, Modal, ModalProvider, AbsoluteModal, RelativeModal, TabsWrapper, Tabs, TabsItem, TabsItemList, TabsPanel, TabsPanelList, SearchList, SearchListInput, SearchListResults, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ImagePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link, IconTablet, IconMobile, IconLaptop, IconDesktop, IconWarning, useToggle, useSearchList, Slide, SlideWrapper, SlideHeader, SlideSubHeader, SlideContent, SlideFooter, XhrImagePicker };
|
|
114
|
+
export { Accordion, Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, Stack, Control, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, ControlXhrImagePicker, Heading, Typography, Modal, ModalProvider, AbsoluteModal, RelativeModal, TabsWrapper, Tabs, TabsItem, TabsItemList, TabsPanel, TabsPanelList, SearchList, SearchListInput, SearchListResults, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ImagePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link, IconTablet, IconMobile, IconLaptop, IconDesktop, IconWarning, useToggle, useSearchList, Slide, SlideWrapper, SlideHeader, SlideSubHeader, SlideContent, SlideFooter, XhrImagePicker, ValuesSyncer };
|
|
114
115
|
/**
|
|
115
116
|
* export types
|
|
116
117
|
*/
|
|
@@ -76,4 +76,5 @@ export { TabsPanelList } from './components/tabs/components/tabs_panel_list.js';
|
|
|
76
76
|
export { default as TabsWrapper } from './components/tabs/components/tabs_wrapper.js';
|
|
77
77
|
export { default as Tooltip } from './components/tooltip/index.js';
|
|
78
78
|
export { default as WithLoader } from './components/with_loader/index.js';
|
|
79
|
+
export { default as ValuesSyncer } from './components/controls/components/values_syncer.js';
|
|
79
80
|
//# sourceMappingURL=index.js.map
|
|
@@ -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;"}
|
|
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;"}
|