@qoretechnologies/reqore 0.25.9 → 0.26.0
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/__tests__/dropdown.test.tsx +133 -12
- package/__tests__/effect.test.tsx +70 -0
- package/dist/components/Button/index.d.ts +3 -2
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.js +15 -14
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/Collection/item.d.ts +2 -2
- package/dist/components/Collection/item.d.ts.map +1 -1
- package/dist/components/Collection/item.js +6 -3
- package/dist/components/Collection/item.js.map +1 -1
- package/dist/components/ControlGroup/index.d.ts.map +1 -1
- package/dist/components/ControlGroup/index.js +4 -1
- package/dist/components/ControlGroup/index.js.map +1 -1
- package/dist/components/Dropdown/index.d.ts +8 -7
- package/dist/components/Dropdown/index.d.ts.map +1 -1
- package/dist/components/Dropdown/index.js +12 -5
- package/dist/components/Dropdown/index.js.map +1 -1
- package/dist/components/Dropdown/item.d.ts +2 -2
- package/dist/components/Dropdown/item.d.ts.map +1 -1
- package/dist/components/Dropdown/item.js.map +1 -1
- package/dist/components/Dropdown/list.d.ts +9 -2
- package/dist/components/Dropdown/list.d.ts.map +1 -1
- package/dist/components/Dropdown/list.js +13 -5
- package/dist/components/Dropdown/list.js.map +1 -1
- package/dist/components/Effect/index.d.ts +29 -0
- package/dist/components/Effect/index.d.ts.map +1 -0
- package/dist/components/Effect/index.js +117 -0
- package/dist/components/Effect/index.js.map +1 -0
- package/dist/components/Header/index.d.ts +14 -8
- package/dist/components/Header/index.d.ts.map +1 -1
- package/dist/components/Header/index.js +52 -33
- package/dist/components/Header/index.js.map +1 -1
- package/dist/components/Input/index.d.ts +3 -2
- package/dist/components/Input/index.d.ts.map +1 -1
- package/dist/components/Input/index.js +8 -7
- package/dist/components/Input/index.js.map +1 -1
- package/dist/components/InternalPopover/index.d.ts.map +1 -1
- package/dist/components/InternalPopover/index.js +0 -1
- package/dist/components/InternalPopover/index.js.map +1 -1
- package/dist/components/Menu/index.js +1 -1
- package/dist/components/Menu/index.js.map +1 -1
- package/dist/components/Menu/item.d.ts +5 -11
- package/dist/components/Menu/item.d.ts.map +1 -1
- package/dist/components/Menu/item.js +4 -4
- package/dist/components/Menu/item.js.map +1 -1
- package/dist/components/Message/index.d.ts +3 -6
- package/dist/components/Message/index.d.ts.map +1 -1
- package/dist/components/Message/index.js +2 -1
- package/dist/components/Message/index.js.map +1 -1
- package/dist/components/Notifications/notification.d.ts +3 -2
- package/dist/components/Notifications/notification.d.ts.map +1 -1
- package/dist/components/Notifications/notification.js +3 -2
- package/dist/components/Notifications/notification.js.map +1 -1
- package/dist/components/Panel/index.d.ts +5 -3
- package/dist/components/Panel/index.d.ts.map +1 -1
- package/dist/components/Panel/index.js +17 -27
- package/dist/components/Panel/index.js.map +1 -1
- package/dist/components/Popover/index.d.ts +1 -1
- package/dist/components/Popover/index.d.ts.map +1 -1
- package/dist/components/Popover/index.js +2 -2
- package/dist/components/Popover/index.js.map +1 -1
- package/dist/components/Tabs/item.d.ts +1 -1
- package/dist/components/Tabs/item.d.ts.map +1 -1
- package/dist/components/Tabs/item.js +6 -5
- package/dist/components/Tabs/item.js.map +1 -1
- package/dist/components/Tag/index.d.ts +2 -2
- package/dist/components/Tag/index.d.ts.map +1 -1
- package/dist/components/Tag/index.js +6 -4
- package/dist/components/Tag/index.js.map +1 -1
- package/dist/components/Textarea/index.d.ts +2 -2
- package/dist/components/Textarea/index.d.ts.map +1 -1
- package/dist/components/Textarea/index.js +8 -7
- package/dist/components/Textarea/index.js.map +1 -1
- package/dist/constants/sizes.d.ts +7 -0
- package/dist/constants/sizes.d.ts.map +1 -1
- package/dist/constants/sizes.js +8 -1
- package/dist/constants/sizes.js.map +1 -1
- package/dist/constants/theme.d.ts +1 -0
- package/dist/constants/theme.d.ts.map +1 -1
- package/dist/constants/theme.js.map +1 -1
- package/dist/containers/ReqoreProvider.d.ts +2 -2
- package/dist/containers/ReqoreProvider.d.ts.map +1 -1
- package/dist/containers/ReqoreProvider.js +7 -5
- package/dist/containers/ReqoreProvider.js.map +1 -1
- package/dist/containers/UIProvider.d.ts +9 -3
- package/dist/containers/UIProvider.d.ts.map +1 -1
- package/dist/containers/UIProvider.js +3 -2
- package/dist/containers/UIProvider.js.map +1 -1
- package/dist/context/ReqoreContext.d.ts +2 -0
- package/dist/context/ReqoreContext.d.ts.map +1 -1
- package/dist/context/ReqoreContext.js +4 -1
- package/dist/context/ReqoreContext.js.map +1 -1
- package/dist/helpers/colors.js +1 -1
- package/dist/helpers/colors.js.map +1 -1
- package/dist/hooks/usePopover.d.ts.map +1 -1
- package/dist/hooks/usePopover.js +23 -9
- package/dist/hooks/usePopover.js.map +1 -1
- package/dist/hooks/useWhyDidYouUpdate.d.ts +2 -0
- package/dist/hooks/useWhyDidYouUpdate.d.ts.map +1 -0
- package/dist/hooks/useWhyDidYouUpdate.js +47 -0
- package/dist/hooks/useWhyDidYouUpdate.js.map +1 -0
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +6 -2
- package/dist/index.js.map +1 -1
- package/dist/types/global.d.ts +13 -0
- package/dist/types/global.d.ts.map +1 -1
- package/package.json +2 -1
- package/src/components/Button/index.tsx +34 -23
- package/src/components/Collection/item.tsx +6 -3
- package/src/components/ControlGroup/index.tsx +1 -0
- package/src/components/Dropdown/index.tsx +62 -36
- package/src/components/Dropdown/item.tsx +3 -6
- package/src/components/Dropdown/list.tsx +82 -56
- package/src/components/Effect/index.tsx +134 -0
- package/src/components/Header/index.tsx +33 -28
- package/src/components/Input/index.tsx +15 -7
- package/src/components/InternalPopover/index.tsx +0 -2
- package/src/components/Menu/index.tsx +1 -1
- package/src/components/Menu/item.tsx +8 -17
- package/src/components/Message/index.tsx +13 -5
- package/src/components/Notifications/notification.tsx +6 -3
- package/src/components/Panel/index.tsx +83 -79
- package/src/components/Popover/index.tsx +40 -38
- package/src/components/Tabs/item.tsx +92 -79
- package/src/components/Tag/index.tsx +16 -7
- package/src/components/Textarea/index.tsx +14 -7
- package/src/constants/sizes.ts +8 -0
- package/src/constants/theme.ts +1 -0
- package/src/containers/ReqoreProvider.tsx +16 -8
- package/src/containers/UIProvider.tsx +15 -13
- package/src/context/ReqoreContext.tsx +5 -0
- package/src/helpers/colors.ts +1 -1
- package/src/hooks/usePopover.tsx +34 -20
- package/src/hooks/useWhyDidYouUpdate.ts +32 -0
- package/src/index.tsx +10 -1
- package/src/mock/collectionData.tsx +55 -2
- package/src/stories/Button/Button.stories.tsx +15 -2
- package/src/stories/Collection/Collection.stories.tsx +1 -1
- package/src/stories/Dropdown/Dropdown.stories.tsx +62 -34
- package/src/stories/Header/Header.stories.tsx +71 -0
- package/src/stories/Input/Input.stories.tsx +12 -0
- package/src/stories/Menu/Menu.stories.tsx +14 -0
- package/src/stories/Message/Message.stories.tsx +13 -0
- package/src/stories/Notifications/Notification.stories.tsx +7 -2
- package/src/stories/Panel/Panel.stories.tsx +41 -5
- package/src/stories/Tabs/Tabs.stories.tsx +23 -23
- package/src/stories/Tag/Tag.stories.tsx +16 -0
- package/src/stories/TextArea/TextArea.stories.tsx +18 -0
- package/src/types/global.ts +14 -0
- package/tests.json +1 -1
|
@@ -1,12 +1,18 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { IReqoreNotificationsPosition } from '../components/Notifications';
|
|
3
3
|
import { IReqoreTheme } from '../constants/theme';
|
|
4
|
+
export interface IReqoreOptions {
|
|
5
|
+
withSidebar?: boolean;
|
|
6
|
+
notificationsPosition?: IReqoreNotificationsPosition;
|
|
7
|
+
uiScale?: number;
|
|
8
|
+
animations?: {
|
|
9
|
+
buttons?: boolean;
|
|
10
|
+
};
|
|
11
|
+
}
|
|
4
12
|
export interface IReqoreUIProviderProps {
|
|
5
13
|
children: any;
|
|
6
14
|
theme?: Partial<IReqoreTheme>;
|
|
7
|
-
|
|
8
|
-
withSidebar?: boolean;
|
|
9
|
-
uiScale?: number;
|
|
15
|
+
options?: IReqoreOptions;
|
|
10
16
|
}
|
|
11
17
|
declare const ReqoreUIProvider: React.FC<IReqoreUIProviderProps>;
|
|
12
18
|
export default ReqoreUIProvider;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UIProvider.d.ts","sourceRoot":"","sources":["../../src/containers/UIProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,4BAA4B,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAiB,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAMjE,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"UIProvider.d.ts","sourceRoot":"","sources":["../../src/containers/UIProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,4BAA4B,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAiB,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAMjE,MAAM,WAAW,cAAc;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB,CAAC,EAAE,4BAA4B,CAAC;IACrD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB,CAAC;CACH;AACD,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,GAAG,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC9B,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AAMD,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAuBtD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -31,12 +31,13 @@ var PopoverProvider_1 = __importDefault(require("./PopoverProvider"));
|
|
|
31
31
|
var ReqoreProvider_1 = __importDefault(require("./ReqoreProvider"));
|
|
32
32
|
var StyledPortal = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n z-index: 9999;\n"], ["\n z-index: 9999;\n"])));
|
|
33
33
|
var ReqoreUIProvider = function (_a) {
|
|
34
|
-
var children = _a.children, theme = _a.theme,
|
|
34
|
+
var children = _a.children, theme = _a.theme, options = _a.options;
|
|
35
35
|
var _b = (0, react_1.useState)(false), modalPortal = _b[0], setModalPortal = _b[1];
|
|
36
36
|
var _theme = (0, lodash_1.cloneDeep)(theme || {});
|
|
37
37
|
var _defaultTheme = (0, lodash_1.cloneDeep)(theme_1.DEFAULT_THEME);
|
|
38
38
|
var rebuiltTheme = (0, colors_1.buildTheme)((0, merge_1["default"])(_defaultTheme, _theme));
|
|
39
|
-
|
|
39
|
+
console.log(options);
|
|
40
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ThemeContext_1["default"].Provider, __assign({ value: __assign({}, rebuiltTheme) }, { children: (0, jsx_runtime_1.jsx)(Layout_1["default"], __assign({ withSidebar: options === null || options === void 0 ? void 0 : options.withSidebar }, { children: modalPortal ? ((0, jsx_runtime_1.jsx)(ReqoreProvider_1["default"], __assign({ options: options }, { children: (0, jsx_runtime_1.jsx)(PopoverProvider_1["default"], __assign({ uiScale: options === null || options === void 0 ? void 0 : options.uiScale }, { children: children })) }))) : null })) })), (0, jsx_runtime_1.jsx)(StyledPortal, { id: 'reqore-portal', ref: setModalPortal })] }));
|
|
40
41
|
};
|
|
41
42
|
exports["default"] = ReqoreUIProvider;
|
|
42
43
|
var templateObject_1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UIProvider.js","sourceRoot":"","sources":["../../src/containers/UIProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,iCAAmC;AACnC,uDAAiC;AACjC,+BAAwC;AACxC,wEAAuC;AACvC,gEAAuD;AAEvD,4CAAiE;AACjE,yEAAmD;AACnD,4CAA+C;AAC/C,sEAAgD;AAChD,oEAA8C;
|
|
1
|
+
{"version":3,"file":"UIProvider.js","sourceRoot":"","sources":["../../src/containers/UIProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,iCAAmC;AACnC,uDAAiC;AACjC,+BAAwC;AACxC,wEAAuC;AACvC,gEAAuD;AAEvD,4CAAiE;AACjE,yEAAmD;AACnD,4CAA+C;AAC/C,sEAAgD;AAChD,oEAA8C;AAgB9C,IAAM,YAAY,GAAG,8BAAM,CAAC,GAAG,yFAAA,sBAE9B,IAAA,CAAC;AAEF,IAAM,gBAAgB,GAAqC,UAAC,EAA4B;QAA1B,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAA;IAC9E,IAAA,KAAgC,IAAA,gBAAQ,EAAM,KAAK,CAAC,EAAnD,WAAW,QAAA,EAAE,cAAc,QAAwB,CAAC;IAE3D,IAAM,MAAM,GAA0B,IAAA,kBAAS,EAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IAC7D,IAAM,aAAa,GAAiB,IAAA,kBAAS,EAAC,qBAAa,CAAC,CAAC;IAC7D,IAAM,YAAY,GAAiB,IAAA,mBAAU,EAAC,IAAA,kBAAK,EAAC,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC;IAE5E,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAErB,OAAO,CACL,6DACE,uBAAC,yBAAY,CAAC,QAAQ,aAAC,KAAK,eAAO,YAAY,iBAC7C,uBAAC,mBAAmB,aAAC,WAAW,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,gBACnD,WAAW,CAAC,CAAC,CAAC,CACb,uBAAC,2BAAc,aAAC,OAAO,EAAE,OAAO,gBAC9B,uBAAC,4BAAe,aAAC,OAAO,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,gBAAG,QAAQ,IAAmB,IACzD,CAClB,CAAC,CAAC,CAAC,IAAI,IACY,IACA,EACxB,uBAAC,YAAY,IAAC,EAAE,EAAC,eAAe,EAAC,GAAG,EAAE,cAAc,GAAI,IACvD,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAe,gBAAgB,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IReqoreConfirmationModal, IReqoreNotificationData } from '../containers/ReqoreProvider';
|
|
3
|
+
import { IReqoreOptions } from '../containers/UIProvider';
|
|
3
4
|
export interface IReqoreContext {
|
|
4
5
|
readonly confirmAction: (data: IReqoreConfirmationModal) => void;
|
|
5
6
|
readonly notifications?: IReqoreNotificationData[] | null;
|
|
@@ -9,6 +10,7 @@ export interface IReqoreContext {
|
|
|
9
10
|
readonly isTablet?: boolean;
|
|
10
11
|
readonly isMobileOrTablet?: boolean;
|
|
11
12
|
readonly getAndIncreaseZIndex?: () => number;
|
|
13
|
+
readonly animations?: IReqoreOptions['animations'];
|
|
12
14
|
}
|
|
13
15
|
declare const _default: import("react").Context<IReqoreContext>;
|
|
14
16
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReqoreContext.d.ts","sourceRoot":"","sources":["../../src/context/ReqoreContext.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,wBAAwB,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"ReqoreContext.d.ts","sourceRoot":"","sources":["../../src/context/ReqoreContext.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,wBAAwB,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACjG,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,aAAa,EAAE,CAAC,IAAI,EAAE,wBAAwB,KAAK,IAAI,CAAC;IACjE,QAAQ,CAAC,aAAa,CAAC,EAAE,uBAAuB,EAAE,GAAG,IAAI,CAAC;IAC1D,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,uBAAuB,KAAK,GAAG,CAAC;IAClE,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,GAAG,CAAC;IAClD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IACpC,QAAQ,CAAC,oBAAoB,CAAC,EAAE,MAAM,MAAM,CAAC;IAC7C,QAAQ,CAAC,UAAU,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC;CACpD;;AAED,wBAQG"}
|
|
@@ -5,6 +5,9 @@ exports["default"] = (0, react_1.createContext)({
|
|
|
5
5
|
confirmAction: null,
|
|
6
6
|
notifications: null,
|
|
7
7
|
addNotification: null,
|
|
8
|
-
removeNotification: null
|
|
8
|
+
removeNotification: null,
|
|
9
|
+
animations: {
|
|
10
|
+
buttons: true
|
|
11
|
+
}
|
|
9
12
|
});
|
|
10
13
|
//# sourceMappingURL=ReqoreContext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReqoreContext.js","sourceRoot":"","sources":["../../src/context/ReqoreContext.tsx"],"names":[],"mappings":";;AAAA,+BAAsC;
|
|
1
|
+
{"version":3,"file":"ReqoreContext.js","sourceRoot":"","sources":["../../src/context/ReqoreContext.tsx"],"names":[],"mappings":";;AAAA,+BAAsC;AAgBtC,qBAAe,IAAA,qBAAa,EAAiB;IAC3C,aAAa,EAAE,IAAI;IACnB,aAAa,EAAE,IAAI;IACnB,eAAe,EAAE,IAAI;IACrB,kBAAkB,EAAE,IAAI;IACxB,UAAU,EAAE;QACV,OAAO,EAAE,IAAI;KACd;CACF,CAAC,CAAC"}
|
package/dist/helpers/colors.js
CHANGED
|
@@ -98,7 +98,7 @@ var mergeThemes = function (element, theme, customTheme) {
|
|
|
98
98
|
return clonedTheme;
|
|
99
99
|
}
|
|
100
100
|
if (element === 'main' && customTheme) {
|
|
101
|
-
(0, lodash_1.merge)(clonedTheme, { main: customTheme.main });
|
|
101
|
+
(0, lodash_1.merge)(clonedTheme, { main: customTheme.main, originalMain: clonedTheme.main });
|
|
102
102
|
}
|
|
103
103
|
else {
|
|
104
104
|
(0, lodash_1.merge)(clonedTheme, (_a = {}, _a[element] = customTheme || {}, _a));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/helpers/colors.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/helpers/colors.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePopover.d.ts","sourceRoot":"","sources":["../../src/hooks/usePopover.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAoB3C,MAAM,WAAW,QAAQ;IACvB,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAC3C,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,WAAW,CAAC;IACpD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,eAAgB,SAAQ,QAAQ;IAC/C,aAAa,CAAC,EAAE,WAAW,CAAC;CAC7B;AAED,QAAA,MAAM,UAAU,oIAYb,eAAe,
|
|
1
|
+
{"version":3,"file":"usePopover.d.ts","sourceRoot":"","sources":["../../src/hooks/usePopover.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAoB3C,MAAM,WAAW,QAAQ;IACvB,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAC3C,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,WAAW,CAAC;IACpD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,eAAgB,SAAQ,QAAQ;IAC/C,aAAa,CAAC,EAAE,WAAW,CAAC;CAC7B;AAED,QAAA,MAAM,UAAU,oIAYb,eAAe,WA6HjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
package/dist/hooks/usePopover.js
CHANGED
|
@@ -49,6 +49,13 @@ var usePopover = function (_a) {
|
|
|
49
49
|
var startEvent = startEvents[handler];
|
|
50
50
|
var endEvent = endEvents[handler];
|
|
51
51
|
var currentPopover = (0, react_1.useMemo)(function () { return popovers === null || popovers === void 0 ? void 0 : popovers.find(function (p) { return p.id === current; }); }, [popovers, current]);
|
|
52
|
+
var openPopover = function () {
|
|
53
|
+
addPopover === null || addPopover === void 0 ? void 0 : addPopover(__assign({ id: current, content: content, targetElement: targetElement, placement: placement, noArrow: noArrow, useTargetWidth: useTargetWidth, closeOnOutsideClick: closeOnOutsideClick, closeOnAnyClick: handler === 'hover' || handler === 'hoverStay' }, rest));
|
|
54
|
+
if ((rest === null || rest === void 0 ? void 0 : rest.blur) > 0) {
|
|
55
|
+
targetElement.style.position = 'relative';
|
|
56
|
+
targetElement.style.zIndex = '999999';
|
|
57
|
+
}
|
|
58
|
+
};
|
|
52
59
|
var _addPopover = function () {
|
|
53
60
|
if (currentPopover) {
|
|
54
61
|
if (handler !== 'hoverStay') {
|
|
@@ -56,13 +63,14 @@ var usePopover = function (_a) {
|
|
|
56
63
|
}
|
|
57
64
|
}
|
|
58
65
|
else if (show) {
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
+
if (delay) {
|
|
67
|
+
timeout = setTimeout(function () {
|
|
68
|
+
openPopover();
|
|
69
|
+
}, delay);
|
|
70
|
+
}
|
|
71
|
+
else {
|
|
72
|
+
openPopover();
|
|
73
|
+
}
|
|
66
74
|
}
|
|
67
75
|
};
|
|
68
76
|
var _removePopover = function () {
|
|
@@ -81,7 +89,7 @@ var usePopover = function (_a) {
|
|
|
81
89
|
if (content && show) {
|
|
82
90
|
updatePopover === null || updatePopover === void 0 ? void 0 : updatePopover(current, __assign({ id: current, content: content, targetElement: targetElement, placement: placement, noArrow: noArrow, useTargetWidth: useTargetWidth, closeOnOutsideClick: closeOnOutsideClick, closeOnAnyClick: handler === 'hover' || handler === 'hoverStay' }, rest));
|
|
83
91
|
}
|
|
84
|
-
}, [content
|
|
92
|
+
}, [content]);
|
|
85
93
|
(0, react_1.useEffect)(function () {
|
|
86
94
|
if (openOnMount && targetElement) {
|
|
87
95
|
_addPopover();
|
|
@@ -109,7 +117,13 @@ var usePopover = function (_a) {
|
|
|
109
117
|
}
|
|
110
118
|
}
|
|
111
119
|
};
|
|
112
|
-
}, [
|
|
120
|
+
}, [
|
|
121
|
+
targetElement === null || targetElement === void 0 ? void 0 : targetElement.toString(),
|
|
122
|
+
//@ts-ignore
|
|
123
|
+
content,
|
|
124
|
+
current,
|
|
125
|
+
currentPopover,
|
|
126
|
+
]);
|
|
113
127
|
(0, react_use_1.useUnmount)(function () {
|
|
114
128
|
cancelTimeout();
|
|
115
129
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePopover.js","sourceRoot":"","sources":["../../src/hooks/usePopover.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+BAAiF;AACjF,uCAAwD;AACxD,oDAA8B;AAC9B,6EAAuD;AAEvD,IAAM,WAAW,GAAG;IAClB,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,YAAY;IACvB,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,SAAS;CACjB,CAAC;AAEF,IAAM,SAAS,GAAG;IAChB,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,IAAI;IACf,KAAK,EAAE,IAAI;IACX,KAAK,EAAE,IAAI;CACZ,CAAC;AAuBF,IAAM,UAAU,GAAG,UAAC,EAYF;IAXhB,IAAA,aAAa,mBAAA,EACb,OAAO,aAAA,EACP,eAAiB,EAAjB,OAAO,mBAAG,OAAO,KAAA,EACjB,SAAS,eAAA,EACT,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,OAAO,aAAA,EACP,cAAc,oBAAA,EACd,2BAA0B,EAA1B,mBAAmB,mBAAG,IAAI,KAAA,EAC1B,mBAAmB,EAAnB,WAAW,mBAAG,KAAK,KAAA,EACnB,KAAK,WAAA,EACF,IAAI,cAXW,wIAYnB,CADQ;IAED,IAAA,KAAyD,IAAA,kBAAU,EAAC,2BAAc,CAAC,EAAjF,UAAU,gBAAA,EAAE,aAAa,mBAAA,EAAE,aAAa,mBAAA,EAAE,QAAQ,cAA+B,CAAC;IAClF,IAAA,OAAO,GAA+B,IAAA,cAAM,EAAC,oBAAO,CAAC,QAAQ,EAAE,CAAC,QAAzD,CAA0D;IACnE,IAAS,OAAO,GAA4B,IAAA,cAAM,EAAC,CAAC,CAAC,QAArC,CAAsC;IAE5D,IAAM,UAAU,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;IACxC,IAAM,QAAQ,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;IACpC,IAAM,cAAc,GAAG,IAAA,eAAO,EAC5B,cAAM,OAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,EAAE,KAAK,OAAO,EAAhB,CAAgB,CAAC,EAAvC,CAAuC,EAC7C,CAAC,QAAQ,EAAE,OAAO,CAAC,CACpB,CAAC;IAEF,IAAM,WAAW,GAAG;QAClB,
|
|
1
|
+
{"version":3,"file":"usePopover.js","sourceRoot":"","sources":["../../src/hooks/usePopover.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useWhyDidYouUpdate.d.ts","sourceRoot":"","sources":["../../src/hooks/useWhyDidYouUpdate.ts"],"names":[],"mappings":"AAEA,wBAAgB,kBAAkB,CAAC,IAAI,KAAA,EAAE,KAAK,KAAA,QA6B7C"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
exports.__esModule = true;
|
|
14
|
+
exports.useWhyDidYouUpdate = void 0;
|
|
15
|
+
var react_1 = require("react");
|
|
16
|
+
function useWhyDidYouUpdate(name, props) {
|
|
17
|
+
// Get a mutable ref object where we can store props ...
|
|
18
|
+
// ... for comparison next time this hook runs.
|
|
19
|
+
var previousProps = (0, react_1.useRef)();
|
|
20
|
+
(0, react_1.useEffect)(function () {
|
|
21
|
+
if (previousProps.current) {
|
|
22
|
+
// Get all keys from previous and current props
|
|
23
|
+
var allKeys = Object.keys(__assign(__assign({}, previousProps.current), props));
|
|
24
|
+
// Use this object to keep track of changed props
|
|
25
|
+
var changesObj_1 = {};
|
|
26
|
+
// Iterate through keys
|
|
27
|
+
allKeys.forEach(function (key) {
|
|
28
|
+
// If previous is different from current
|
|
29
|
+
if (previousProps.current[key] !== props[key]) {
|
|
30
|
+
// Add to changesObj
|
|
31
|
+
changesObj_1[key] = {
|
|
32
|
+
from: previousProps.current[key],
|
|
33
|
+
to: props[key]
|
|
34
|
+
};
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
// If changesObj not empty then output to console
|
|
38
|
+
if (Object.keys(changesObj_1).length) {
|
|
39
|
+
console.log('[why-did-you-update]', name, changesObj_1);
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
// Finally update previousProps with current props for next hook call
|
|
43
|
+
previousProps.current = props;
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
exports.useWhyDidYouUpdate = useWhyDidYouUpdate;
|
|
47
|
+
//# sourceMappingURL=useWhyDidYouUpdate.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useWhyDidYouUpdate.js","sourceRoot":"","sources":["../../src/hooks/useWhyDidYouUpdate.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,+BAA0C;AAE1C,SAAgB,kBAAkB,CAAC,IAAI,EAAE,KAAK;IAC5C,wDAAwD;IACxD,+CAA+C;IAC/C,IAAM,aAAa,GAAQ,IAAA,cAAM,GAAE,CAAC;IACpC,IAAA,iBAAS,EAAC;QACR,IAAI,aAAa,CAAC,OAAO,EAAE;YACzB,+CAA+C;YAC/C,IAAM,OAAO,GAAG,MAAM,CAAC,IAAI,uBAAM,aAAa,CAAC,OAAO,GAAK,KAAK,EAAG,CAAC;YACpE,iDAAiD;YACjD,IAAM,YAAU,GAAG,EAAE,CAAC;YACtB,uBAAuB;YACvB,OAAO,CAAC,OAAO,CAAC,UAAC,GAAG;gBAClB,wCAAwC;gBACxC,IAAI,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,EAAE;oBAC7C,oBAAoB;oBACpB,YAAU,CAAC,GAAG,CAAC,GAAG;wBAChB,IAAI,EAAE,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC;wBAChC,EAAE,EAAE,KAAK,CAAC,GAAG,CAAC;qBACf,CAAC;iBACH;YACH,CAAC,CAAC,CAAC;YACH,iDAAiD;YACjD,IAAI,MAAM,CAAC,IAAI,CAAC,YAAU,CAAC,CAAC,MAAM,EAAE;gBAClC,OAAO,CAAC,GAAG,CAAC,sBAAsB,EAAE,IAAI,EAAE,YAAU,CAAC,CAAC;aACvD;SACF;QACD,qEAAqE;QACrE,aAAa,CAAC,OAAO,GAAG,KAAK,CAAC;IAChC,CAAC,CAAC,CAAC;AACL,CAAC;AA7BD,gDA6BC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -12,7 +12,8 @@ export { default as ReqoreControlGroup } from './components/ControlGroup';
|
|
|
12
12
|
export { ReqoreDrawer } from './components/Drawer';
|
|
13
13
|
export { default as ReqoreDropdown } from './components/Dropdown';
|
|
14
14
|
export { ReqoreDropdownDivider, ReqoreDropdownItem } from './components/Dropdown/item';
|
|
15
|
-
export {
|
|
15
|
+
export { ReqoreEffect, ReqoreTextEffect } from './components/Effect';
|
|
16
|
+
export { ReqoreH1, ReqoreH2, ReqoreH3, ReqoreH4, ReqoreH5, ReqoreH6, ReqoreHeading, } from './components/Header';
|
|
16
17
|
export { default as ReqoreIcon } from './components/Icon';
|
|
17
18
|
export { default as ReqoreInput } from './components/Input';
|
|
18
19
|
export { default as ReqoreLayoutContent } from './components/Layout/content';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACvF,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -11,8 +11,8 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
|
|
|
11
11
|
o[k2] = m[k];
|
|
12
12
|
}));
|
|
13
13
|
exports.__esModule = true;
|
|
14
|
-
exports.
|
|
15
|
-
exports.useLatestZIndex = exports.ReqoreThemeContext = exports.ReqoreContext = exports.ReqoreUIProvider = exports.ReqoreNotifications = exports.ReqoreColors = exports.ReqoreTree = exports.ReqoreTimeAgo = exports.ReqoreTextarea = void 0;
|
|
14
|
+
exports.ReqoreTabsListItem = exports.ReqoreTabsContent = exports.ReqoreTabs = exports.ReqoreTable = exports.ReqoreSpacer = exports.ReqoreSidebar = exports.ReqoreRadioGroup = exports.ReqorePopover = exports.ReqoreParagraph = exports.ReqoreP = exports.ReqorePanel = exports.ReqoreNotification = exports.ReqoreNotificationsWrapper = exports.ReqoreNavbarItem = exports.ReqoreNavbarGroup = exports.ReqoreNavbarDivider = exports.ReqoreHeader = exports.ReqoreFooter = exports.ReqoreModal = exports.ReqoreMessage = exports.ReqoreMenuItem = exports.ReqoreMenuDivider = exports.ReqoreMenu = exports.ReqoreLayoutContent = exports.ReqoreInput = exports.ReqoreIcon = exports.ReqoreHeading = exports.ReqoreH6 = exports.ReqoreH5 = exports.ReqoreH4 = exports.ReqoreH3 = exports.ReqoreH2 = exports.ReqoreH1 = exports.ReqoreTextEffect = exports.ReqoreEffect = exports.ReqoreDropdownItem = exports.ReqoreDropdownDivider = exports.ReqoreDropdown = exports.ReqoreDrawer = exports.ReqoreControlGroup = exports.ReqoreContent = exports.ReqoreCommentFeed = exports.ReqoreComment = exports.ReqoreColumn = exports.ReqoreColumns = exports.ReqoreCollection = exports.ReqoreCheckbox = exports.ReqoreButton = exports.ReqoreBreadcrumbsItem = exports.ReqoreBreadcrumbs = void 0;
|
|
15
|
+
exports.useLatestZIndex = exports.ReqoreThemeContext = exports.ReqoreContext = exports.ReqoreUIProvider = exports.ReqoreNotifications = exports.ReqoreColors = exports.ReqoreTree = exports.ReqoreTimeAgo = exports.ReqoreTextarea = exports.ReqoreTagGroup = exports.ReqoreTag = exports.ReqoreTabsList = void 0;
|
|
16
16
|
var Breadcrumbs_1 = require("./components/Breadcrumbs");
|
|
17
17
|
__createBinding(exports, Breadcrumbs_1, "default", "ReqoreBreadcrumbs");
|
|
18
18
|
var item_1 = require("./components/Breadcrumbs/item");
|
|
@@ -42,6 +42,9 @@ __createBinding(exports, Dropdown_1, "default", "ReqoreDropdown");
|
|
|
42
42
|
var item_2 = require("./components/Dropdown/item");
|
|
43
43
|
__createBinding(exports, item_2, "ReqoreDropdownDivider");
|
|
44
44
|
__createBinding(exports, item_2, "ReqoreDropdownItem");
|
|
45
|
+
var Effect_1 = require("./components/Effect");
|
|
46
|
+
__createBinding(exports, Effect_1, "ReqoreEffect");
|
|
47
|
+
__createBinding(exports, Effect_1, "ReqoreTextEffect");
|
|
45
48
|
var Header_1 = require("./components/Header");
|
|
46
49
|
__createBinding(exports, Header_1, "ReqoreH1");
|
|
47
50
|
__createBinding(exports, Header_1, "ReqoreH2");
|
|
@@ -49,6 +52,7 @@ __createBinding(exports, Header_1, "ReqoreH3");
|
|
|
49
52
|
__createBinding(exports, Header_1, "ReqoreH4");
|
|
50
53
|
__createBinding(exports, Header_1, "ReqoreH5");
|
|
51
54
|
__createBinding(exports, Header_1, "ReqoreH6");
|
|
55
|
+
__createBinding(exports, Header_1, "ReqoreHeading");
|
|
52
56
|
var Icon_1 = require("./components/Icon");
|
|
53
57
|
__createBinding(exports, Icon_1, "default", "ReqoreIcon");
|
|
54
58
|
var Input_1 = require("./components/Input");
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,wDAAwE;AAA/D,wEAA4B;AACrC,sDAAiF;AAAxE,qEAAgC;AACzC,8CAA8D;AAArD,8DAAuB;AAChC,kDAAkE;AAAzD,kEAAyB;AAClC,sDAA2D;AAAlD,2DAAgB;AACzB,gDAAqD;AAA5C,qDAAa;AACtB,sDAA2D;AAAlD,mDAAY;AACrB,gDAAqD;AAA5C,qDAAa;AACtB,wDAA6D;AAApD,6DAAiB;AAC1B,gDAAgE;AAAvD,gEAAwB;AACjC,0DAA0E;AAAjE,0EAA6B;AACtC,8CAAmD;AAA1C,mDAAY;AACrB,kDAAkE;AAAzD,kEAAyB;AAClC,mDAAuF;AAA9E,0DAAqB;AAAE,uDAAkB;AAClD,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,wDAAwE;AAA/D,wEAA4B;AACrC,sDAAiF;AAAxE,qEAAgC;AACzC,8CAA8D;AAArD,8DAAuB;AAChC,kDAAkE;AAAzD,kEAAyB;AAClC,sDAA2D;AAAlD,2DAAgB;AACzB,gDAAqD;AAA5C,qDAAa;AACtB,sDAA2D;AAAlD,mDAAY;AACrB,gDAAqD;AAA5C,qDAAa;AACtB,wDAA6D;AAApD,6DAAiB;AAC1B,gDAAgE;AAAvD,gEAAwB;AACjC,0DAA0E;AAAjE,0EAA6B;AACtC,8CAAmD;AAA1C,mDAAY;AACrB,kDAAkE;AAAzD,kEAAyB;AAClC,mDAAuF;AAA9E,0DAAqB;AAAE,uDAAkB;AAClD,8CAAqE;AAA5D,mDAAY;AAAE,uDAAgB;AACvC,8CAQ6B;AAP3B,+CAAQ;AACR,+CAAQ;AACR,+CAAQ;AACR,+CAAQ;AACR,+CAAQ;AACR,+CAAQ;AACR,oDAAa;AAEf,0CAA0D;AAAjD,0DAAqB;AAC9B,4CAA4D;AAAnD,4DAAsB;AAC/B,uDAA6E;AAApE,sEAA8B;AACvC,0CAA0D;AAAjD,0DAAqB;AAC9B,qDAAyE;AAAhE,oEAA4B;AACrC,+CAAmE;AAA1D,8DAAyB;AAClC,gDAAgE;AAAvD,gEAAwB;AACjC,4CAAiD;AAAxC,iDAAW;AACpB,8CAAiE;AAAxD,mDAAY;AAAE,mDAAY;AACnC,uDAA6E;AAApE,sEAA8B;AACvC,mDAAyE;AAAhE,kEAA4B;AACrC,iDAAuE;AAA9D,gEAA2B;AACpC,4DAAmF;AAA1E,mFAAqC;AAC9C,wEAAwF;AAA/E,0EAA6B;AACtC,4CAAiD;AAAxC,iDAAW;AACpB,oDAA6E;AAApE,iDAAO;AAAE,oEAA0B;AAC5C,gDAAgE;AAAvD,gEAAwB;AACjC,sDAAsE;AAA7D,sEAA2B;AACpC,gDAAgE;AAAvD,gEAAwB;AACjC,8CAAmD;AAA1C,mDAAY;AACrB,4CAA4D;AAAnD,4DAAsB;AAC/B,0CAA0D;AAAjD,0DAAqB;AAC9B,qDAAyE;AAAhE,oEAA4B;AACrC,+CAAuE;AAA9D,kEAA6B;AACtC,+CAAmE;AAA1D,8DAAyB;AAClC,wCAAwD;AAA/C,wDAAoB;AAC7B,gDAAmE;AAA1D,+DAAyB;AAClC,kDAAkE;AAAzD,kEAAyB;AAClC,gDAAgE;AAAvD,gEAAwB;AACjC,0CAA+C;AAAtC,+CAAU;AACnB,6CAA4D;AAAnD,6DAAsB;AAC/B,8DAA6E;AAApE,6EAA8B;AACvC,sDAAsE;AAA7D,sEAA2B;AACpC,yDAAmE;AAA1D,sEAAwB;AACjC,uDAAuE;AAA9D,0EAA6B;AACtC,2DAAqE;AAA5D,0EAA0B"}
|
package/dist/types/global.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { IReqoreEffect } from '../components/Effect';
|
|
1
2
|
import { TSizes } from '../constants/sizes';
|
|
2
3
|
import { IReqoreCustomTheme, TReqoreIntent } from '../constants/theme';
|
|
3
4
|
import { IPopoverOptions } from '../hooks/usePopover';
|
|
@@ -115,6 +116,18 @@ export interface IWithReqoreFlat {
|
|
|
115
116
|
*/
|
|
116
117
|
flat?: boolean;
|
|
117
118
|
}
|
|
119
|
+
export interface IWithReqoreEffect {
|
|
120
|
+
/**
|
|
121
|
+
* If true, the component will have an effect
|
|
122
|
+
* @default undefined
|
|
123
|
+
* @type IReqoreEffect
|
|
124
|
+
* @memberof IWithReqoreEffect
|
|
125
|
+
* @example
|
|
126
|
+
* <ReqoreHeading effect={{ gradient: { from | to }}} />
|
|
127
|
+
*
|
|
128
|
+
*/
|
|
129
|
+
effect?: IReqoreEffect;
|
|
130
|
+
}
|
|
118
131
|
export interface IReqoreTooltip extends IPopoverOptions {
|
|
119
132
|
}
|
|
120
133
|
export declare type TReqoreTooltipProp = string | IReqoreTooltip;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"global.d.ts","sourceRoot":"","sources":["../../src/types/global.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,WAAW,gBAAgB;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B;;;;;;;;;OASG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B;;;;;;;;;OASG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B;;;;;;;;;;;;OAYG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,sBAAsB;IACrC;;;;;;;;OAQG;IACH,WAAW,CAAC,EAAE,kBAAkB,CAAC;CAClC;AAED,MAAM,WAAW,kBAAkB;IACjC;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;CACnC;AAED,MAAM,WAAW,eAAe;IAC9B;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC;;;;;;;;;;OAUG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,cAAe,SAAQ,eAAe;CAAG;AAC1D,oBAAY,kBAAkB,GAAG,MAAM,GAAG,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"global.d.ts","sourceRoot":"","sources":["../../src/types/global.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,WAAW,gBAAgB;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B;;;;;;;;;OASG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B;;;;;;;;;OASG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B;;;;;;;;;;;;OAYG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,sBAAsB;IACrC;;;;;;;;OAQG;IACH,WAAW,CAAC,EAAE,kBAAkB,CAAC;CAClC;AAED,MAAM,WAAW,kBAAkB;IACjC;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;CACnC;AAED,MAAM,WAAW,eAAe;IAC9B;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC;;;;;;;;;;OAUG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,iBAAiB;IAChC;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,cAAe,SAAQ,eAAe;CAAG;AAC1D,oBAAY,kBAAkB,GAAG,MAAM,GAAG,cAAc,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@qoretechnologies/reqore",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.26.0",
|
|
4
4
|
"description": "ReQore is a highly theme-able and modular UI library for React",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
"build": "./node_modules/typescript/bin/tsc --project tsconfig.prod.json",
|
|
12
12
|
"build:test": "./node_modules/typescript/bin/tsc --noEmit",
|
|
13
13
|
"storybook": "start-storybook -p 6007 --no-dll",
|
|
14
|
+
"init-storybook": "yarn test:ci && yarn storybook",
|
|
14
15
|
"build-storybook": "build-storybook"
|
|
15
16
|
},
|
|
16
17
|
"repository": {
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import React, { forwardRef } from 'react';
|
|
1
|
+
import React, { forwardRef, useContext } from 'react';
|
|
3
2
|
import styled, { css } from 'styled-components';
|
|
4
3
|
import {
|
|
5
4
|
PADDING_FROM_SIZE,
|
|
@@ -9,6 +8,7 @@ import {
|
|
|
9
8
|
TSizes,
|
|
10
9
|
} from '../../constants/sizes';
|
|
11
10
|
import { IReqoreCustomTheme, IReqoreTheme } from '../../constants/theme';
|
|
11
|
+
import ReqoreContext from '../../context/ReqoreContext';
|
|
12
12
|
import { changeLightness, getReadableColor, getReadableColorFrom } from '../../helpers/colors';
|
|
13
13
|
import { useCombinedRefs } from '../../hooks/useCombinedRefs';
|
|
14
14
|
import { useReqoreTheme } from '../../hooks/useTheme';
|
|
@@ -24,16 +24,19 @@ import {
|
|
|
24
24
|
IReqoreDisabled,
|
|
25
25
|
IReqoreIntent,
|
|
26
26
|
IReqoreReadOnly,
|
|
27
|
+
IWithReqoreEffect,
|
|
27
28
|
TReqoreTooltipProp,
|
|
28
29
|
} from '../../types/global';
|
|
29
30
|
import { IReqoreIconName } from '../../types/icons';
|
|
31
|
+
import { StyledEffect } from '../Effect';
|
|
30
32
|
import ReqoreIcon from '../Icon';
|
|
31
33
|
|
|
32
34
|
export interface IReqoreButtonProps
|
|
33
35
|
extends React.HTMLAttributes<HTMLButtonElement>,
|
|
34
36
|
IReqoreDisabled,
|
|
35
37
|
IReqoreIntent,
|
|
36
|
-
IReqoreReadOnly
|
|
38
|
+
IReqoreReadOnly,
|
|
39
|
+
IWithReqoreEffect {
|
|
37
40
|
icon?: IReqoreIconName;
|
|
38
41
|
size?: TSizes;
|
|
39
42
|
minimal?: boolean;
|
|
@@ -49,6 +52,7 @@ export interface IReqoreButtonProps
|
|
|
49
52
|
|
|
50
53
|
export interface IReqoreButtonStyle extends Omit<IReqoreButtonProps, 'intent'> {
|
|
51
54
|
theme: IReqoreTheme;
|
|
55
|
+
animate?: boolean;
|
|
52
56
|
}
|
|
53
57
|
|
|
54
58
|
const getButtonMainColor = (theme: IReqoreTheme, color?: string) => {
|
|
@@ -109,7 +113,7 @@ export const StyledInvisibleContent = styled.span`
|
|
|
109
113
|
`}
|
|
110
114
|
`;
|
|
111
115
|
|
|
112
|
-
export const StyledButton = styled
|
|
116
|
+
export const StyledButton = styled(StyledEffect)<IReqoreButtonStyle>`
|
|
113
117
|
display: flex;
|
|
114
118
|
text-align: left;
|
|
115
119
|
align-items: center;
|
|
@@ -117,8 +121,9 @@ export const StyledButton = styled.button<IReqoreButtonStyle>`
|
|
|
117
121
|
font-weight: 600;
|
|
118
122
|
position: relative;
|
|
119
123
|
overflow: hidden;
|
|
120
|
-
|
|
121
|
-
|
|
124
|
+
vertical-align: middle;
|
|
125
|
+
border: ${({ theme, color, flat }) =>
|
|
126
|
+
!flat ? `1px solid ${changeLightness(getButtonMainColor(theme, color), 0.05)}` : 0};
|
|
122
127
|
padding: 0 ${({ size }) => PADDING_FROM_SIZE[size]}px;
|
|
123
128
|
font-size: ${({ size }) => TEXT_FROM_SIZE[size]}px;
|
|
124
129
|
|
|
@@ -138,9 +143,6 @@ export const StyledButton = styled.button<IReqoreButtonStyle>`
|
|
|
138
143
|
|
|
139
144
|
background-color: ${({ minimal, color }) => {
|
|
140
145
|
if (minimal) {
|
|
141
|
-
if (color) {
|
|
142
|
-
return rgba(color, 0.3);
|
|
143
|
-
}
|
|
144
146
|
return 'transparent';
|
|
145
147
|
}
|
|
146
148
|
|
|
@@ -150,13 +152,13 @@ export const StyledButton = styled.button<IReqoreButtonStyle>`
|
|
|
150
152
|
color: ${({ theme, color, minimal }) =>
|
|
151
153
|
color
|
|
152
154
|
? minimal
|
|
153
|
-
? getReadableColor(theme, undefined, undefined, true)
|
|
155
|
+
? getReadableColor(theme, undefined, undefined, true, theme.originalMain)
|
|
154
156
|
: getReadableColorFrom(color, true)
|
|
155
157
|
: getReadableColor(theme, undefined, undefined, true)};
|
|
156
158
|
|
|
157
159
|
${InactiveIconScale}
|
|
158
160
|
|
|
159
|
-
${({ readOnly }) =>
|
|
161
|
+
${({ readOnly, animate }) =>
|
|
160
162
|
!readOnly
|
|
161
163
|
? css`
|
|
162
164
|
&:not(:disabled) {
|
|
@@ -178,17 +180,20 @@ export const StyledButton = styled.button<IReqoreButtonStyle>`
|
|
|
178
180
|
border-color: ${({ minimal, theme, color }) =>
|
|
179
181
|
minimal ? undefined : changeLightness(getButtonMainColor(theme, color), 0.1)};
|
|
180
182
|
|
|
181
|
-
${
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
183
|
+
${animate &&
|
|
184
|
+
css`
|
|
185
|
+
${StyledActiveContent} {
|
|
186
|
+
transform: translateY(0px);
|
|
187
|
+
filter: blur(0);
|
|
188
|
+
opacity: 1;
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
${StyledInActiveContent} {
|
|
192
|
+
transform: translateY(150%);
|
|
193
|
+
filter: blur(10px);
|
|
194
|
+
opacity: 0;
|
|
195
|
+
}
|
|
196
|
+
`}
|
|
192
197
|
}
|
|
193
198
|
}
|
|
194
199
|
`
|
|
@@ -246,6 +251,7 @@ const ReqoreButton = forwardRef(
|
|
|
246
251
|
ref
|
|
247
252
|
) => {
|
|
248
253
|
const { targetRef } = useCombinedRefs(ref);
|
|
254
|
+
const { animations } = useContext(ReqoreContext);
|
|
249
255
|
const theme: IReqoreTheme = useReqoreTheme('main', customTheme, intent);
|
|
250
256
|
|
|
251
257
|
/* A custom hook that is used to add a tooltip to the button. */
|
|
@@ -253,10 +259,14 @@ const ReqoreButton = forwardRef(
|
|
|
253
259
|
|
|
254
260
|
// If color or intent was specified, set the color
|
|
255
261
|
const customColor = theme.main;
|
|
262
|
+
const _flat = minimal ? flat : flat !== false;
|
|
263
|
+
|
|
264
|
+
console.log(animations);
|
|
256
265
|
|
|
257
266
|
return (
|
|
258
267
|
<StyledButton
|
|
259
268
|
{...rest}
|
|
269
|
+
as='button'
|
|
260
270
|
theme={theme}
|
|
261
271
|
ref={targetRef}
|
|
262
272
|
fluid={fluid}
|
|
@@ -264,7 +274,8 @@ const ReqoreButton = forwardRef(
|
|
|
264
274
|
minimal={minimal}
|
|
265
275
|
size={size}
|
|
266
276
|
color={customColor}
|
|
267
|
-
|
|
277
|
+
animate={animations.buttons}
|
|
278
|
+
flat={_flat}
|
|
268
279
|
active={active}
|
|
269
280
|
readOnly={readOnly}
|
|
270
281
|
className={`${className || ''} reqore-control reqore-button`}
|
|
@@ -7,7 +7,7 @@ import ReqoreContext from '../../context/ReqoreContext';
|
|
|
7
7
|
import { changeDarkness, getMainBackgroundColor } from '../../helpers/colors';
|
|
8
8
|
import { useReqoreTheme } from '../../hooks/useTheme';
|
|
9
9
|
import { StyledBackdrop } from '../Drawer';
|
|
10
|
-
import {
|
|
10
|
+
import { IReqoreDropdownItem } from '../Dropdown/list';
|
|
11
11
|
import {
|
|
12
12
|
IReqorePanelAction,
|
|
13
13
|
IReqorePanelBottomAction,
|
|
@@ -35,7 +35,7 @@ export interface IReqoreCollectionItemProps
|
|
|
35
35
|
expandedContent?: string | React.ReactNode;
|
|
36
36
|
expandedActions?: IReqorePanelBottomAction[];
|
|
37
37
|
image?: string;
|
|
38
|
-
actions?:
|
|
38
|
+
actions?: IReqoreDropdownItem[];
|
|
39
39
|
tags?: IReqoreTagProps[];
|
|
40
40
|
maxContentHeight?: number;
|
|
41
41
|
}
|
|
@@ -177,7 +177,10 @@ export const ReqoreCollectionItem = ({
|
|
|
177
177
|
expandedContent && isSelected ? expandedContent : content;
|
|
178
178
|
|
|
179
179
|
const actualActions: IReqorePanelAction[] | undefined = isSelected
|
|
180
|
-
?
|
|
180
|
+
? ([
|
|
181
|
+
...(actions || []),
|
|
182
|
+
{ icon: 'CloseLine', onClick: handleItemClick },
|
|
183
|
+
] as IReqorePanelAction[])
|
|
181
184
|
: size(actions)
|
|
182
185
|
? [{ icon: 'More2Fill', actions }]
|
|
183
186
|
: undefined;
|
|
@@ -70,6 +70,7 @@ export const StyledReqoreControlGroup = styled.div<IReqoreControlGroupStyle>`
|
|
|
70
70
|
> * {
|
|
71
71
|
&:not(:last-child) {
|
|
72
72
|
margin-right: ${({ stack }) => (!stack ? '5px' : undefined)};
|
|
73
|
+
border-right: ${({ stack }) => (!stack ? undefined : 0)};
|
|
73
74
|
}
|
|
74
75
|
|
|
75
76
|
border-radius: ${({ stack }) => (!stack ? undefined : 0)};
|