@e1011/es-kit 1.0.204 → 1.0.206
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/hooks/esm/index.css +30 -30
- package/dist/hooks/index.css +30 -30
- package/dist/lib/tsconfig.tsbuildinfo +1 -1
- package/dist/utils/esm/index.css +30 -30
- package/dist/utils/index.css +30 -30
- package/package.json +1 -1
- package/dist/lib/src/core/constants/index.js +0 -2
- package/dist/lib/src/core/constants/index.js.map +0 -1
- package/dist/lib/src/core/constants/ui.constants.js +0 -12
- package/dist/lib/src/core/constants/ui.constants.js.map +0 -1
- package/dist/lib/src/core/hooks/index.js +0 -9
- package/dist/lib/src/core/hooks/index.js.map +0 -1
- package/dist/lib/src/core/hooks/useApi.js +0 -31
- package/dist/lib/src/core/hooks/useApi.js.map +0 -1
- package/dist/lib/src/core/hooks/useClassNames.js +0 -4
- package/dist/lib/src/core/hooks/useClassNames.js.map +0 -1
- package/dist/lib/src/core/hooks/useOutsideClick.js +0 -18
- package/dist/lib/src/core/hooks/useOutsideClick.js.map +0 -1
- package/dist/lib/src/core/hooks/useParseProps.js +0 -7
- package/dist/lib/src/core/hooks/useParseProps.js.map +0 -1
- package/dist/lib/src/core/hooks/useResize.js +0 -43
- package/dist/lib/src/core/hooks/useResize.js.map +0 -1
- package/dist/lib/src/core/hooks/useThemePreference.js +0 -75
- package/dist/lib/src/core/hooks/useThemePreference.js.map +0 -1
- package/dist/lib/src/core/hooks/useToggle.js +0 -16
- package/dist/lib/src/core/hooks/useToggle.js.map +0 -1
- package/dist/lib/src/core/hooks/useTranslations.js +0 -29
- package/dist/lib/src/core/hooks/useTranslations.js.map +0 -1
- package/dist/lib/src/core/index.js +0 -5
- package/dist/lib/src/core/index.js.map +0 -1
- package/dist/lib/src/core/ui/components/container/CollapsibleContainer.js +0 -56
- package/dist/lib/src/core/ui/components/container/CollapsibleContainer.js.map +0 -1
- package/dist/lib/src/core/ui/components/container/Flex.js +0 -55
- package/dist/lib/src/core/ui/components/container/Flex.js.map +0 -1
- package/dist/lib/src/core/ui/components/container/LayoutBox.js +0 -67
- package/dist/lib/src/core/ui/components/container/LayoutBox.js.map +0 -1
- package/dist/lib/src/core/ui/components/container/Placeholder.js +0 -10
- package/dist/lib/src/core/ui/components/container/Placeholder.js.map +0 -1
- package/dist/lib/src/core/ui/components/container/ResizableContainer.js +0 -25
- package/dist/lib/src/core/ui/components/container/ResizableContainer.js.map +0 -1
- package/dist/lib/src/core/ui/components/container/index.js +0 -7
- package/dist/lib/src/core/ui/components/container/index.js.map +0 -1
- package/dist/lib/src/core/ui/components/container/layoutBox.types.js +0 -9
- package/dist/lib/src/core/ui/components/container/layoutBox.types.js.map +0 -1
- package/dist/lib/src/core/ui/components/dividers/DividerLine.js +0 -24
- package/dist/lib/src/core/ui/components/dividers/DividerLine.js.map +0 -1
- package/dist/lib/src/core/ui/components/dividers/index.js +0 -2
- package/dist/lib/src/core/ui/components/dividers/index.js.map +0 -1
- package/dist/lib/src/core/ui/components/field/Field.js +0 -137
- package/dist/lib/src/core/ui/components/field/Field.js.map +0 -1
- package/dist/lib/src/core/ui/components/field/index.js +0 -3
- package/dist/lib/src/core/ui/components/field/index.js.map +0 -1
- package/dist/lib/src/core/ui/components/field/types.js +0 -2
- package/dist/lib/src/core/ui/components/field/types.js.map +0 -1
- package/dist/lib/src/core/ui/components/icon/Icon.js +0 -5
- package/dist/lib/src/core/ui/components/icon/Icon.js.map +0 -1
- package/dist/lib/src/core/ui/components/icon/IconBase.js +0 -26
- package/dist/lib/src/core/ui/components/icon/IconBase.js.map +0 -1
- package/dist/lib/src/core/ui/components/icon/IconWC.js +0 -76
- package/dist/lib/src/core/ui/components/icon/IconWC.js.map +0 -1
- package/dist/lib/src/core/ui/components/icon/index.js +0 -4
- package/dist/lib/src/core/ui/components/icon/index.js.map +0 -1
- package/dist/lib/src/core/ui/components/icon/unifyIconUrl.js +0 -20
- package/dist/lib/src/core/ui/components/icon/unifyIconUrl.js.map +0 -1
- package/dist/lib/src/core/ui/components/index.js +0 -6
- package/dist/lib/src/core/ui/components/index.js.map +0 -1
- package/dist/lib/src/core/ui/components/molecules/index.js +0 -2
- package/dist/lib/src/core/ui/components/molecules/index.js.map +0 -1
- package/dist/lib/src/core/ui/components/molecules/layouts/FlowLayout.js +0 -51
- package/dist/lib/src/core/ui/components/molecules/layouts/FlowLayout.js.map +0 -1
- package/dist/lib/src/core/ui/components/molecules/layouts/flowLayout.types.js +0 -2
- package/dist/lib/src/core/ui/components/molecules/layouts/flowLayout.types.js.map +0 -1
- package/dist/lib/src/core/ui/components/molecules/layouts/index.js +0 -3
- package/dist/lib/src/core/ui/components/molecules/layouts/index.js.map +0 -1
- package/dist/lib/src/core/ui/index.js +0 -3
- package/dist/lib/src/core/ui/index.js.map +0 -1
- package/dist/lib/src/core/ui/types/CommonProps.js +0 -2
- package/dist/lib/src/core/ui/types/CommonProps.js.map +0 -1
- package/dist/lib/src/core/ui/utils/clickOutside.js +0 -8
- package/dist/lib/src/core/ui/utils/clickOutside.js.map +0 -1
- package/dist/lib/src/core/ui/utils/index.js +0 -2
- package/dist/lib/src/core/ui/utils/index.js.map +0 -1
- package/dist/lib/src/core/ui/utils/style.js +0 -62
- package/dist/lib/src/core/ui/utils/style.js.map +0 -1
- package/dist/lib/src/core/utils/appState/stateMachine/tiny-state-machine.base.js +0 -143
- package/dist/lib/src/core/utils/appState/stateMachine/tiny-state-machine.base.js.map +0 -1
- package/dist/lib/src/core/utils/appState/store/index.js +0 -4
- package/dist/lib/src/core/utils/appState/store/index.js.map +0 -1
- package/dist/lib/src/core/utils/appState/store/simpleComponent/SimpleComponent.js +0 -59
- package/dist/lib/src/core/utils/appState/store/simpleComponent/SimpleComponent.js.map +0 -1
- package/dist/lib/src/core/utils/appState/store/simpleComponent/SimpleComponent2.js +0 -62
- package/dist/lib/src/core/utils/appState/store/simpleComponent/SimpleComponent2.js.map +0 -1
- package/dist/lib/src/core/utils/appState/store/store.vanillajs.js +0 -105
- package/dist/lib/src/core/utils/appState/store/store.vanillajs.js.map +0 -1
- package/dist/lib/src/core/utils/appState/store/store.vanillajs.templates.js +0 -41
- package/dist/lib/src/core/utils/appState/store/store.vanillajs.templates.js.map +0 -1
- package/dist/lib/src/core/utils/appState/store/useStore.react.js +0 -30
- package/dist/lib/src/core/utils/appState/store/useStore.react.js.map +0 -1
- package/dist/lib/src/core/utils/date.js +0 -98
- package/dist/lib/src/core/utils/date.js.map +0 -1
- package/dist/lib/src/core/utils/decorators/convert.js +0 -68
- package/dist/lib/src/core/utils/decorators/convert.js.map +0 -1
- package/dist/lib/src/core/utils/helpers/birthnumber.validator.js +0 -18
- package/dist/lib/src/core/utils/helpers/birthnumber.validator.js.map +0 -1
- package/dist/lib/src/core/utils/helpers/birthnumberCZSKvalidator.js +0 -96
- package/dist/lib/src/core/utils/helpers/birthnumberCZSKvalidator.js.map +0 -1
- package/dist/lib/src/core/utils/helpers/cancelableDelayedFunction.js +0 -9
- package/dist/lib/src/core/utils/helpers/cancelableDelayedFunction.js.map +0 -1
- package/dist/lib/src/core/utils/helpers/date.js +0 -5
- package/dist/lib/src/core/utils/helpers/date.js.map +0 -1
- package/dist/lib/src/core/utils/helpers/deviceInfo.js +0 -11
- package/dist/lib/src/core/utils/helpers/deviceInfo.js.map +0 -1
- package/dist/lib/src/core/utils/helpers/emailMatcher.js +0 -29
- package/dist/lib/src/core/utils/helpers/emailMatcher.js.map +0 -1
- package/dist/lib/src/core/utils/helpers/file.js +0 -22
- package/dist/lib/src/core/utils/helpers/file.js.map +0 -1
- package/dist/lib/src/core/utils/helpers/fileValidator.js +0 -152
- package/dist/lib/src/core/utils/helpers/fileValidator.js.map +0 -1
- package/dist/lib/src/core/utils/helpers/index.js +0 -14
- package/dist/lib/src/core/utils/helpers/index.js.map +0 -1
- package/dist/lib/src/core/utils/helpers/objectOperations.js +0 -98
- package/dist/lib/src/core/utils/helpers/objectOperations.js.map +0 -1
- package/dist/lib/src/core/utils/helpers/other.js +0 -40
- package/dist/lib/src/core/utils/helpers/other.js.map +0 -1
- package/dist/lib/src/core/utils/helpers/textValueOperations.js +0 -37
- package/dist/lib/src/core/utils/helpers/textValueOperations.js.map +0 -1
- package/dist/lib/src/core/utils/helpers/ui.js +0 -27
- package/dist/lib/src/core/utils/helpers/ui.js.map +0 -1
- package/dist/lib/src/core/utils/helpers/valueOperations.js +0 -41
- package/dist/lib/src/core/utils/helpers/valueOperations.js.map +0 -1
- package/dist/lib/src/core/utils/index.js +0 -6
- package/dist/lib/src/core/utils/index.js.map +0 -1
- package/dist/lib/src/core/utils/keyExtractor.js +0 -6
- package/dist/lib/src/core/utils/keyExtractor.js.map +0 -1
- package/dist/lib/src/core/utils/test/testRenderer.js +0 -12
- package/dist/lib/src/core/utils/test/testRenderer.js.map +0 -1
- package/dist/lib/src/core/utils/webComponents/exampleCustomElement.js +0 -42
- package/dist/lib/src/core/utils/webComponents/exampleCustomElement.js.map +0 -1
- package/dist/lib/src/core/utils/webComponents/index.js +0 -2
- package/dist/lib/src/core/utils/webComponents/index.js.map +0 -1
- package/dist/lib/src/core/utils/webComponents/webComponent.utils.js +0 -29
- package/dist/lib/src/core/utils/webComponents/webComponent.utils.js.map +0 -1
- package/dist/lib/src/index.js +0 -2
- package/dist/lib/src/index.js.map +0 -1
package/dist/utils/esm/index.css
CHANGED
|
@@ -1,33 +1,3 @@
|
|
|
1
|
-
.icon-module_icon-base-parent__nOMvW {
|
|
2
|
-
line-height: 1px !important;
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.icon-module_icon-base__S0tHf {
|
|
6
|
-
min-width: var(--min-width);
|
|
7
|
-
min-height: var(--min-height);
|
|
8
|
-
width: var(--width) !important;
|
|
9
|
-
height: var(--height) !important;
|
|
10
|
-
line-height: 1px !important;
|
|
11
|
-
background-color: var(--icon-color);
|
|
12
|
-
color: var(--icon-content-color);
|
|
13
|
-
background-repeat: no-repeat;
|
|
14
|
-
mask-image: var(--icon-url);
|
|
15
|
-
-webkit-mask-image: var(--icon-url);
|
|
16
|
-
mask-repeat: no-repeat;
|
|
17
|
-
-webkit-mask-repeat: no-repeat;
|
|
18
|
-
mask-size: contain;
|
|
19
|
-
-webkit-mask-size: contain;
|
|
20
|
-
mask-position: center;
|
|
21
|
-
-webkit-mask-position: center;
|
|
22
|
-
display: inline-block;
|
|
23
|
-
will-change: transform;
|
|
24
|
-
transform: translate3d(0, 0, 0);
|
|
25
|
-
}
|
|
26
|
-
.icon-module_icon-base__S0tHf svg {
|
|
27
|
-
fill: var(--icon-content-color);
|
|
28
|
-
width: var(--height);
|
|
29
|
-
height: var(--width);
|
|
30
|
-
}
|
|
31
1
|
.layoutBox-module_layout-box__faPND {
|
|
32
2
|
display: flex;
|
|
33
3
|
position: relative;
|
|
@@ -104,6 +74,36 @@
|
|
|
104
74
|
max-width: var(--prop-value);
|
|
105
75
|
opacity: 1;
|
|
106
76
|
}
|
|
77
|
+
.icon-module_icon-base-parent__nOMvW {
|
|
78
|
+
line-height: 1px !important;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.icon-module_icon-base__S0tHf {
|
|
82
|
+
min-width: var(--min-width);
|
|
83
|
+
min-height: var(--min-height);
|
|
84
|
+
width: var(--width) !important;
|
|
85
|
+
height: var(--height) !important;
|
|
86
|
+
line-height: 1px !important;
|
|
87
|
+
background-color: var(--icon-color);
|
|
88
|
+
color: var(--icon-content-color);
|
|
89
|
+
background-repeat: no-repeat;
|
|
90
|
+
mask-image: var(--icon-url);
|
|
91
|
+
-webkit-mask-image: var(--icon-url);
|
|
92
|
+
mask-repeat: no-repeat;
|
|
93
|
+
-webkit-mask-repeat: no-repeat;
|
|
94
|
+
mask-size: contain;
|
|
95
|
+
-webkit-mask-size: contain;
|
|
96
|
+
mask-position: center;
|
|
97
|
+
-webkit-mask-position: center;
|
|
98
|
+
display: inline-block;
|
|
99
|
+
will-change: transform;
|
|
100
|
+
transform: translate3d(0, 0, 0);
|
|
101
|
+
}
|
|
102
|
+
.icon-module_icon-base__S0tHf svg {
|
|
103
|
+
fill: var(--icon-content-color);
|
|
104
|
+
width: var(--height);
|
|
105
|
+
height: var(--width);
|
|
106
|
+
}
|
|
107
107
|
.flowLayout-module_flowLayout__VHpnY {
|
|
108
108
|
overflow: auto;
|
|
109
109
|
}
|
package/dist/utils/index.css
CHANGED
|
@@ -1,33 +1,3 @@
|
|
|
1
|
-
.icon-module_icon-base-parent__nOMvW {
|
|
2
|
-
line-height: 1px !important;
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.icon-module_icon-base__S0tHf {
|
|
6
|
-
min-width: var(--min-width);
|
|
7
|
-
min-height: var(--min-height);
|
|
8
|
-
width: var(--width) !important;
|
|
9
|
-
height: var(--height) !important;
|
|
10
|
-
line-height: 1px !important;
|
|
11
|
-
background-color: var(--icon-color);
|
|
12
|
-
color: var(--icon-content-color);
|
|
13
|
-
background-repeat: no-repeat;
|
|
14
|
-
mask-image: var(--icon-url);
|
|
15
|
-
-webkit-mask-image: var(--icon-url);
|
|
16
|
-
mask-repeat: no-repeat;
|
|
17
|
-
-webkit-mask-repeat: no-repeat;
|
|
18
|
-
mask-size: contain;
|
|
19
|
-
-webkit-mask-size: contain;
|
|
20
|
-
mask-position: center;
|
|
21
|
-
-webkit-mask-position: center;
|
|
22
|
-
display: inline-block;
|
|
23
|
-
will-change: transform;
|
|
24
|
-
transform: translate3d(0, 0, 0);
|
|
25
|
-
}
|
|
26
|
-
.icon-module_icon-base__S0tHf svg {
|
|
27
|
-
fill: var(--icon-content-color);
|
|
28
|
-
width: var(--height);
|
|
29
|
-
height: var(--width);
|
|
30
|
-
}
|
|
31
1
|
.layoutBox-module_layout-box__faPND {
|
|
32
2
|
display: flex;
|
|
33
3
|
position: relative;
|
|
@@ -104,6 +74,36 @@
|
|
|
104
74
|
max-width: var(--prop-value);
|
|
105
75
|
opacity: 1;
|
|
106
76
|
}
|
|
77
|
+
.icon-module_icon-base-parent__nOMvW {
|
|
78
|
+
line-height: 1px !important;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.icon-module_icon-base__S0tHf {
|
|
82
|
+
min-width: var(--min-width);
|
|
83
|
+
min-height: var(--min-height);
|
|
84
|
+
width: var(--width) !important;
|
|
85
|
+
height: var(--height) !important;
|
|
86
|
+
line-height: 1px !important;
|
|
87
|
+
background-color: var(--icon-color);
|
|
88
|
+
color: var(--icon-content-color);
|
|
89
|
+
background-repeat: no-repeat;
|
|
90
|
+
mask-image: var(--icon-url);
|
|
91
|
+
-webkit-mask-image: var(--icon-url);
|
|
92
|
+
mask-repeat: no-repeat;
|
|
93
|
+
-webkit-mask-repeat: no-repeat;
|
|
94
|
+
mask-size: contain;
|
|
95
|
+
-webkit-mask-size: contain;
|
|
96
|
+
mask-position: center;
|
|
97
|
+
-webkit-mask-position: center;
|
|
98
|
+
display: inline-block;
|
|
99
|
+
will-change: transform;
|
|
100
|
+
transform: translate3d(0, 0, 0);
|
|
101
|
+
}
|
|
102
|
+
.icon-module_icon-base__S0tHf svg {
|
|
103
|
+
fill: var(--icon-content-color);
|
|
104
|
+
width: var(--height);
|
|
105
|
+
height: var(--width);
|
|
106
|
+
}
|
|
107
107
|
.flowLayout-module_flowLayout__VHpnY {
|
|
108
108
|
overflow: auto;
|
|
109
109
|
}
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/core/constants/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
export var EventName;
|
|
2
|
-
(function (EventName) {
|
|
3
|
-
EventName["MouseEnter"] = "mouseenter";
|
|
4
|
-
EventName["MouseLeave"] = "mouseleave";
|
|
5
|
-
EventName["Hover"] = "hover";
|
|
6
|
-
EventName["Click"] = "click";
|
|
7
|
-
EventName["Focus"] = "focus";
|
|
8
|
-
EventName["Blur"] = "blur";
|
|
9
|
-
EventName["KeyDown"] = "keydown";
|
|
10
|
-
EventName["Scroll"] = "scroll";
|
|
11
|
-
})(EventName || (EventName = {}));
|
|
12
|
-
//# sourceMappingURL=ui.constants.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ui.constants.js","sourceRoot":"","sources":["../../../../../src/core/constants/ui.constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,SASX;AATD,WAAY,SAAS;IACnB,sCAAyB,CAAA;IACzB,sCAAyB,CAAA;IACzB,4BAAe,CAAA;IACf,4BAAe,CAAA;IACf,4BAAe,CAAA;IACf,0BAAa,CAAA;IACb,gCAAmB,CAAA;IACnB,8BAAiB,CAAA;AACnB,CAAC,EATW,SAAS,KAAT,SAAS,QASpB"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
export * from './useApi';
|
|
2
|
-
export * from './useToggle';
|
|
3
|
-
export * from './useTranslations';
|
|
4
|
-
export * from './useOutsideClick';
|
|
5
|
-
export * from './useResize';
|
|
6
|
-
export * from './useClassNames';
|
|
7
|
-
export * from './useParseProps';
|
|
8
|
-
export * from './useThemePreference';
|
|
9
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/core/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA"}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { useState, useCallback } from 'react';
|
|
2
|
-
const map = {};
|
|
3
|
-
const defaultDataFetching = { loading: false, error: null, data: null };
|
|
4
|
-
export const useApi = (id, callerInitial, decoratorIntitial, successHandler, errorHandler) => {
|
|
5
|
-
const [dataFetching, setDataFetching] = useState(defaultDataFetching);
|
|
6
|
-
// TODO should work the same with useMemo...
|
|
7
|
-
if (!map[id]) {
|
|
8
|
-
map[id] = { id, caller: callerInitial, decorator: decoratorIntitial, successHandler, errorHandler };
|
|
9
|
-
}
|
|
10
|
-
const { caller, decorator, successHandler: onSuccess, errorHandler: onError } = map[id];
|
|
11
|
-
const doCall = useCallback(async (...args) => {
|
|
12
|
-
try {
|
|
13
|
-
setDataFetching((prevState) => ({ ...prevState, loading: true }));
|
|
14
|
-
const data = await caller(...args);
|
|
15
|
-
const returnData = decorator ? decorator(data) : data;
|
|
16
|
-
onSuccess && onSuccess({ data: returnData, originalData: data.data });
|
|
17
|
-
setDataFetching((prevState) => {
|
|
18
|
-
const newState = { ...prevState, loading: false, error: null, data: returnData, originalData: data.data };
|
|
19
|
-
return newState;
|
|
20
|
-
});
|
|
21
|
-
return returnData;
|
|
22
|
-
}
|
|
23
|
-
catch (error) {
|
|
24
|
-
onError && onError(error);
|
|
25
|
-
setDataFetching((prevState) => ({ ...prevState, loading: false, error }));
|
|
26
|
-
throw error;
|
|
27
|
-
}
|
|
28
|
-
}, [caller, decorator, onSuccess, onError]);
|
|
29
|
-
return [doCall, dataFetching];
|
|
30
|
-
};
|
|
31
|
-
//# sourceMappingURL=useApi.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useApi.js","sourceRoot":"","sources":["../../../../../src/core/hooks/useApi.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAkB7C,MAAM,GAAG,GAA+B,EAAE,CAAA;AAE1C,MAAM,mBAAmB,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAA;AAEvE,MAAM,CAAC,MAAM,MAAM,GAAG,CACpB,EAAU,EACV,aAAqB,EACrB,iBAA6B,EAC7B,cAAoC,EACpC,YAAkC,EAEgB,EAAE;IACpD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAe,mBAAmB,CAAC,CAAA;IAEnF,4CAA4C;IAC5C,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC;QACb,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,iBAAiB,EAAE,cAAc,EAAE,YAAY,EAAE,CAAA;IACrG,CAAC;IAED,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,SAAS,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,GAAG,CAAC,EAAE,CAAC,CAAA;IAEvF,MAAM,MAAM,GAAuB,WAAW,CAAC,KAAK,EAAC,GAAG,IAAW,EAAE,EAAE;QACrE,IAAI,CAAC;YACH,eAAe,CAAC,CAAC,SAAuB,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;YAC/E,MAAM,IAAI,GAAS,MAAM,MAAM,CAAC,GAAG,IAAI,CAAC,CAAA;YACxC,MAAM,UAAU,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;YAErD,SAAS,IAAI,SAAS,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAA;YAErE,eAAe,CAAC,CAAC,SAAuB,EAAE,EAAE;gBAC1C,MAAM,QAAQ,GAAG,EAAE,GAAG,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,IAAI,CAAC,IAAI,EAAE,CAAA;gBAEzG,OAAO,QAAQ,CAAA;YACjB,CAAC,CAAC,CAAA;YAEF,OAAO,UAAU,CAAA;QACnB,CAAC;QAAC,OAAO,KAAU,EAAE,CAAC;YACpB,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,CAAA;YACzB,eAAe,CAAC,CAAC,SAAuB,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,CAAA;YACvF,MAAM,KAAK,CAAA;QACb,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAA;IAE3C,OAAO,CAAC,MAAM,EAAE,YAAY,CAAC,CAAA;AAC/B,CAAC,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useClassNames.js","sourceRoot":"","sources":["../../../../../src/core/hooks/useClassNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,UAAU,EAAc,MAAM,qBAAqB,CAAA;AAE5D,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,OAAqB,EACrB,IAAe,EAEf,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAA"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { useEffect, useCallback } from 'react';
|
|
2
|
-
import { EventName } from '../constants/ui.constants';
|
|
3
|
-
import { handleClickOutside as defaultHandleClickOutside } from '../ui/utils/clickOutside';
|
|
4
|
-
export function useOutsideClick(element, callback, handleClickOutside = defaultHandleClickOutside(element, callback)) {
|
|
5
|
-
const unsubscriber = useCallback(() => document.removeEventListener(EventName.Click, handleClickOutside), []);
|
|
6
|
-
useEffect(() => {
|
|
7
|
-
unsubscriber();
|
|
8
|
-
document.addEventListener(EventName.Click, handleClickOutside);
|
|
9
|
-
return unsubscriber;
|
|
10
|
-
}, [element, handleClickOutside, unsubscriber]);
|
|
11
|
-
return unsubscriber;
|
|
12
|
-
}
|
|
13
|
-
export function outsideClickHandler(element, callback, handleClickOutside = defaultHandleClickOutside(element, callback)) {
|
|
14
|
-
const unsubscriber = () => document.removeEventListener(EventName.Click, handleClickOutside);
|
|
15
|
-
document.addEventListener(EventName.Click, handleClickOutside);
|
|
16
|
-
return unsubscriber;
|
|
17
|
-
}
|
|
18
|
-
//# sourceMappingURL=useOutsideClick.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useOutsideClick.js","sourceRoot":"","sources":["../../../../../src/core/hooks/useOutsideClick.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,kBAAkB,IAAI,yBAAyB,EAAE,MAAM,0BAA0B,CAAA;AAK1F,MAAM,UAAU,eAAe,CAC7B,OAAgB,EAChB,QAA2B,EAC3B,kBAAkB,GAAG,yBAAyB,CAAC,OAAO,EAAE,QAAQ,CAAC;IAEjE,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,CAAC,KAAK,EAAE,kBAAkB,CAAC,EAAE,EAAE,CAAC,CAAA;IAE7G,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,EAAE,CAAA;QACd,QAAQ,CAAC,gBAAgB,CAAC,SAAS,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAA;QAE9D,OAAO,YAAY,CAAA;IACrB,CAAC,EAAE,CAAC,OAAO,EAAE,kBAAkB,EAAE,YAAY,CAAC,CAAC,CAAA;IAE/C,OAAO,YAAY,CAAA;AACrB,CAAC;AAED,MAAM,UAAU,mBAAmB,CACjC,OAAgB,EAChB,QAA2B,EAC3B,kBAAkB,GAAG,yBAAyB,CAAC,OAAO,EAAE,QAAQ,CAAC;IAEjE,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAA;IAE5F,QAAQ,CAAC,gBAAgB,CAAC,SAAS,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAA;IAE9D,OAAO,YAAY,CAAA;AACrB,CAAC"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { useMemo } from 'react';
|
|
2
|
-
import { parseProps } from '../utils/helpers/ui';
|
|
3
|
-
export const useParseProps = (props) => {
|
|
4
|
-
const propsCategories = useMemo(() => parseProps(props), [props]);
|
|
5
|
-
return propsCategories;
|
|
6
|
-
};
|
|
7
|
-
//# sourceMappingURL=useParseProps.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useParseProps.js","sourceRoot":"","sources":["../../../../../src/core/hooks/useParseProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAGhD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAA8B,EAAiC,EAAE;IAC7F,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEjE,OAAO,eAAe,CAAA;AACxB,CAAC,CAAA"}
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import { useLayoutEffect, useMemo, useState, useRef } from 'react';
|
|
2
|
-
import debounce from 'lodash-es/debounce';
|
|
3
|
-
// eslint-disable-next-line default-param-last
|
|
4
|
-
export const useResize = (debounceDelay = 250, callBack) => {
|
|
5
|
-
const [containerSize, setContainerSize] = useState({ width: undefined, height: undefined });
|
|
6
|
-
const lastResizeWidthRef = useRef({ width: 0, height: 0 });
|
|
7
|
-
const containerRef = useRef();
|
|
8
|
-
const unobserverRef = useRef();
|
|
9
|
-
const debouncedResizeWrapper = useMemo(() => debounce((entries) => {
|
|
10
|
-
const newResizeWidth = entries[0].contentRect.width;
|
|
11
|
-
const newResizeHeight = entries[0].contentRect.height;
|
|
12
|
-
if (lastResizeWidthRef.current?.width === newResizeWidth
|
|
13
|
-
&& lastResizeWidthRef.current?.height === newResizeHeight) {
|
|
14
|
-
return;
|
|
15
|
-
}
|
|
16
|
-
lastResizeWidthRef.current = { width: newResizeWidth, height: newResizeHeight };
|
|
17
|
-
(callBack || setContainerSize)({
|
|
18
|
-
width: containerRef?.current?.clientWidth,
|
|
19
|
-
height: containerRef?.current?.clientHeight,
|
|
20
|
-
});
|
|
21
|
-
}, debounceDelay), [callBack, debounceDelay]);
|
|
22
|
-
useLayoutEffect(() => {
|
|
23
|
-
let resizeObserver;
|
|
24
|
-
let containerElement;
|
|
25
|
-
if (containerRef?.current) {
|
|
26
|
-
containerElement = containerRef?.current;
|
|
27
|
-
resizeObserver = new ResizeObserver(debouncedResizeWrapper);
|
|
28
|
-
resizeObserver.observe(containerElement);
|
|
29
|
-
(callBack || setContainerSize)({
|
|
30
|
-
width: containerRef?.current?.clientWidth,
|
|
31
|
-
height: containerRef?.current?.clientHeight,
|
|
32
|
-
});
|
|
33
|
-
}
|
|
34
|
-
const unobserver = () => {
|
|
35
|
-
resizeObserver?.unobserve?.(containerElement);
|
|
36
|
-
};
|
|
37
|
-
// setUnobserver(unobserver)
|
|
38
|
-
unobserverRef.current = unobserver;
|
|
39
|
-
return unobserver;
|
|
40
|
-
}, [debouncedResizeWrapper, containerRef, callBack]);
|
|
41
|
-
return [containerRef, containerSize, unobserverRef.current];
|
|
42
|
-
};
|
|
43
|
-
//# sourceMappingURL=useResize.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useResize.js","sourceRoot":"","sources":["../../../../../src/core/hooks/useResize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,eAAe,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACpF,OAAO,QAAQ,MAAM,oBAAoB,CAAA;AASzC,8CAA8C;AAC9C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,aAAa,GAAG,GAAG,EAAE,QAA4B,EACc,EAAE;IACzF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GACnC,QAAQ,CAAc,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAA;IAElE,MAAM,kBAAkB,GAAG,MAAM,CAAc,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAA;IACvE,MAAM,YAAY,GAAqD,MAAM,EAAkC,CAAA;IAC/G,MAAM,aAAa,GAAG,MAAM,EAAc,CAAA;IAE1C,MAAM,sBAAsB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,OAAO,EAAE,EAAE;QAChE,MAAM,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAA;QACnD,MAAM,eAAe,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAA;QAErD,IAAI,kBAAkB,CAAC,OAAO,EAAE,KAAK,KAAK,cAAc;eACnD,kBAAkB,CAAC,OAAO,EAAE,MAAM,KAAK,eAAe,EAAE,CAAC;YAC5D,OAAM;QACR,CAAC;QACD,kBAAkB,CAAC,OAAO,GAAG,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,eAAe,EAAE,CAG9E;QAAA,CAAC,QAAQ,IAAI,gBAAgB,CAAC,CAAC;YAC9B,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW;YACzC,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY;SAC5C,CAAC,CAAA;IACJ,CAAC,EAAE,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAA;IAE7C,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,cAA8B,CAAA;QAClC,IAAI,gBAA6B,CAAA;QAEjC,IAAI,YAAY,EAAE,OAAO,EAAE,CAAC;YAC1B,gBAAgB,GAAG,YAAY,EAAE,OAAO,CAAA;YACxC,cAAc,GAAG,IAAI,cAAc,CAAC,sBAAsB,CAAC,CAAA;YAC3D,cAAc,CAAC,OAAO,CAAC,gBAA2B,CAAC,CAGlD;YAAA,CAAC,QAAQ,IAAI,gBAAgB,CAAC,CAAC;gBAC9B,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW;gBACzC,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY;aAC5C,CAAC,CAAA;QACJ,CAAC;QAED,MAAM,UAAU,GAAG,GAAG,EAAE;YACtB,cAAc,EAAE,SAAS,EAAE,CAAC,gBAA2B,CAAC,CAAA;QAC1D,CAAC,CAAA;QAED,4BAA4B;QAC5B,aAAa,CAAC,OAAO,GAAG,UAAU,CAAA;QAElC,OAAO,UAAU,CAAA;IACnB,CAAC,EAAE,CAAC,sBAAsB,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEpD,OAAO,CAAC,YAAY,EAAE,aAAa,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;AAC7D,CAAC,CAAA"}
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
import { useEffect } from 'react';
|
|
2
|
-
const windowMatchMediaChangeEventType = 'change';
|
|
3
|
-
export const observeThemePreference = (getHtmlElement = () => document.body, switchCallback = (isDark) => isDark) => {
|
|
4
|
-
const switchColorThemeHandler = (isDark) => {
|
|
5
|
-
const htmlElement = getHtmlElement();
|
|
6
|
-
switchColorTheme?.(isDark, htmlElement);
|
|
7
|
-
switchCallback?.(isDark);
|
|
8
|
-
};
|
|
9
|
-
const changeDarkColorThemeHandler = (event) => {
|
|
10
|
-
switchColorThemeHandler(event.matches);
|
|
11
|
-
};
|
|
12
|
-
const changeLightColorThemeHandler = (event) => {
|
|
13
|
-
switchColorThemeHandler(!event.matches);
|
|
14
|
-
};
|
|
15
|
-
const isDark = window.matchMedia('(prefers-color-scheme: dark)');
|
|
16
|
-
try {
|
|
17
|
-
window.matchMedia('(prefers-color-scheme: dark)').removeEventListener(windowMatchMediaChangeEventType, changeDarkColorThemeHandler);
|
|
18
|
-
window.matchMedia('(prefers-color-scheme: light)').removeEventListener(windowMatchMediaChangeEventType, changeLightColorThemeHandler);
|
|
19
|
-
}
|
|
20
|
-
catch (error) {
|
|
21
|
-
console.error(`Error::observeThemePreference::removeEventListener: ${error}`);
|
|
22
|
-
}
|
|
23
|
-
switchColorThemeHandler(isDark?.matches);
|
|
24
|
-
window.matchMedia('(prefers-color-scheme: dark)').addEventListener(windowMatchMediaChangeEventType, changeDarkColorThemeHandler);
|
|
25
|
-
window.matchMedia('(prefers-color-scheme: light)').addEventListener(windowMatchMediaChangeEventType, changeLightColorThemeHandler);
|
|
26
|
-
return () => {
|
|
27
|
-
window.matchMedia('(prefers-color-scheme: dark)').removeEventListener(windowMatchMediaChangeEventType, changeDarkColorThemeHandler);
|
|
28
|
-
window.matchMedia('(prefers-color-scheme: light)').removeEventListener(windowMatchMediaChangeEventType, changeLightColorThemeHandler);
|
|
29
|
-
};
|
|
30
|
-
};
|
|
31
|
-
export const useThemePreference = (getHtmlElement = () => document.body, switchCallback = (isDark) => isDark) => {
|
|
32
|
-
useEffect(() => observeThemePreference(getHtmlElement, switchCallback), [getHtmlElement, switchCallback]);
|
|
33
|
-
};
|
|
34
|
-
export const baseThemes = {
|
|
35
|
-
dark: 'theme-dark',
|
|
36
|
-
light: 'theme-light',
|
|
37
|
-
};
|
|
38
|
-
export const switchColorTheme = (isDark, htmlElement, findShadows = true) => {
|
|
39
|
-
const oldClass = isDark ? baseThemes.light : baseThemes.dark;
|
|
40
|
-
const newClass = isDark ? baseThemes.dark : baseThemes.light;
|
|
41
|
-
if (htmlElement) {
|
|
42
|
-
htmlElement.classList.remove(oldClass);
|
|
43
|
-
htmlElement.classList.remove(newClass);
|
|
44
|
-
htmlElement.classList.add(newClass);
|
|
45
|
-
}
|
|
46
|
-
if (typeof document !== 'undefined') {
|
|
47
|
-
document.querySelectorAll(`.${oldClass}`).forEach((element) => {
|
|
48
|
-
element.classList.add(`.${newClass}`);
|
|
49
|
-
element.classList.remove(`.${oldClass}`);
|
|
50
|
-
});
|
|
51
|
-
if (findShadows) {
|
|
52
|
-
document.querySelectorAll('.shadow-div').forEach((element) => {
|
|
53
|
-
element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.add(newClass);
|
|
54
|
-
element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.remove(oldClass);
|
|
55
|
-
});
|
|
56
|
-
document.querySelectorAll('esmf-wrapper').forEach((element) => {
|
|
57
|
-
element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.add(newClass);
|
|
58
|
-
element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.remove(oldClass);
|
|
59
|
-
const firstChild = element.shadowRoot?.childNodes[0];
|
|
60
|
-
if (firstChild) {
|
|
61
|
-
firstChild.classList.add(newClass);
|
|
62
|
-
firstChild.classList.remove(oldClass);
|
|
63
|
-
}
|
|
64
|
-
});
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
};
|
|
68
|
-
export const updateColorTheme = (isDark, htmlElement) => {
|
|
69
|
-
let resolvedIsDark = isDark || false;
|
|
70
|
-
if (typeof document !== 'undefined' && isDark === undefined) {
|
|
71
|
-
resolvedIsDark = document.body.classList.contains(baseThemes.dark);
|
|
72
|
-
}
|
|
73
|
-
switchColorTheme(resolvedIsDark, htmlElement || document.body);
|
|
74
|
-
};
|
|
75
|
-
//# sourceMappingURL=useThemePreference.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useThemePreference.js","sourceRoot":"","sources":["../../../../../src/core/hooks/useThemePreference.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { useState, useCallback } from 'react';
|
|
2
|
-
export const useToggle = (defaultValue, async = true) => {
|
|
3
|
-
const [toggled, setToggled] = useState(defaultValue);
|
|
4
|
-
const handleToggle = useCallback((value) => {
|
|
5
|
-
if (async) {
|
|
6
|
-
setToggled((prevToggled) => (typeof (value) === 'boolean' ? value : !prevToggled));
|
|
7
|
-
}
|
|
8
|
-
else {
|
|
9
|
-
setToggled((value !== undefined && value !== null ? value : !toggled));
|
|
10
|
-
}
|
|
11
|
-
}, [async, toggled, setToggled]);
|
|
12
|
-
const handleToggleTrue = useCallback((forceValue) => handleToggle(forceValue === undefined ? true : forceValue), [handleToggle]);
|
|
13
|
-
const handleToggleFalse = useCallback((forceValue) => handleToggle(forceValue === undefined ? false : forceValue), [handleToggle]);
|
|
14
|
-
return [toggled, handleToggle, handleToggleTrue, handleToggleFalse];
|
|
15
|
-
};
|
|
16
|
-
//# sourceMappingURL=useToggle.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useToggle.js","sourceRoot":"","sources":["../../../../../src/core/hooks/useToggle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAU7C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,YAAqB,EAAE,KAAK,GAAG,IAAI,EAAwB,EAAE;IACrF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAA;IAEpD,MAAM,YAAY,GAAoC,WAAW,CAAC,CAAC,KAAqB,EAAE,EAAE;QAC1F,IAAI,KAAK,EAAE,CAAC;YACV,UAAU,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAA;QACpF,CAAC;aAAM,CAAC;YACN,UAAU,CAAC,CAAC,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAA;QACxE,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAA;IAEhC,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,UAAoB,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,EAAE,CAAC,YAAY,CAAC,CACrG,CAAA;IAED,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,UAAoB,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,EAAE,CAAC,YAAY,CAAC,CACtG,CAAA;IAED,OAAO,CAAC,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,CAAC,CAAA;AACrE,CAAC,CAAA"}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { useTranslation } from 'react-i18next';
|
|
2
|
-
const cache = new Map();
|
|
3
|
-
let resolvedUseTranslation = useTranslation;
|
|
4
|
-
export const setUseTranslation = (useTrans) => {
|
|
5
|
-
resolvedUseTranslation = useTrans;
|
|
6
|
-
};
|
|
7
|
-
export const createSafeT = (t) => {
|
|
8
|
-
if (cache.has(t)) {
|
|
9
|
-
return cache.get(t);
|
|
10
|
-
}
|
|
11
|
-
const value = ((key, params) => {
|
|
12
|
-
if (!key) {
|
|
13
|
-
return '';
|
|
14
|
-
}
|
|
15
|
-
const limits = key.split(' ');
|
|
16
|
-
if (limits.length === 2) {
|
|
17
|
-
return t(limits[0], { ...params, limit: limits[1] });
|
|
18
|
-
}
|
|
19
|
-
return t(key, params);
|
|
20
|
-
});
|
|
21
|
-
cache.set(t, value);
|
|
22
|
-
return value;
|
|
23
|
-
};
|
|
24
|
-
// TODO memoize
|
|
25
|
-
export const useTranslations = (namespaces) => {
|
|
26
|
-
const { t } = resolvedUseTranslation(namespaces);
|
|
27
|
-
return { t: createSafeT(t) };
|
|
28
|
-
};
|
|
29
|
-
//# sourceMappingURL=useTranslations.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useTranslations.js","sourceRoot":"","sources":["../../../../../src/core/hooks/useTranslations.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAG9C,MAAM,KAAK,GAAkC,IAAI,GAAG,EAAE,CAAA;AAEtD,IAAI,sBAAsB,GAAG,cAAc,CAAA;AAE3C,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,QAAa,EAAE,EAAE;IACjD,sBAAsB,GAAG,QAAQ,CAAA;AACnC,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,CAAY,EAAiB,EAAE;IACzD,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;QACjB,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,CAAkB,CAAA;IACtC,CAAC;IACD,MAAM,KAAK,GAAkB,CAAC,CAAC,GAAuB,EAAE,MAA4B,EAAU,EAAE;QAC9F,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,OAAO,EAAE,CAAA;QACX,CAAC;QACD,MAAM,MAAM,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;QAE7B,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACxB,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,GAAG,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;QACtD,CAAC;QACD,OAAO,CAAC,CAAC,GAAG,EAAE,MAAM,CAAC,CAAA;IACvB,CAAC,CAAC,CAAA;IAEF,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAA;IACnB,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAID,eAAe;AACf,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,UAAoB,EAAU,EAAE;IAC9D,MAAM,EAAE,CAAC,EAAE,GAAG,sBAAsB,CAAC,UAAU,CAAC,CAAA;IAEhD,OAAO,EAAE,CAAC,EAAE,WAAW,CAAC,CAAC,CAAkB,EAAE,CAAA;AAC/C,CAAC,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,MAAM,CAAA"}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useRef, useState, memo, useEffect, useLayoutEffect, useMemo } from 'react';
|
|
3
|
-
import { useParseProps } from '../../../hooks/useParseProps';
|
|
4
|
-
import classes from './CollapsibleContainer.module.scss';
|
|
5
|
-
/**
|
|
6
|
-
* Mapping of element property names for calculating dimensions.
|
|
7
|
-
*/
|
|
8
|
-
const elementPropNameMap = {
|
|
9
|
-
width: 'scrollWidth',
|
|
10
|
-
height: 'scrollHeight',
|
|
11
|
-
};
|
|
12
|
-
/**
|
|
13
|
-
* CollapsibleContainer component.
|
|
14
|
-
*
|
|
15
|
-
* @type {React.FC<CollapsibleContainerProps>}
|
|
16
|
-
* @returns {React.ReactElement} The CollapsibleContainer.
|
|
17
|
-
*/
|
|
18
|
-
export const CollapsibleContainer = memo(({ collapsed = false, collapseHandler, children, horizontal = false, className = '', id, ...props }) => {
|
|
19
|
-
const containerRef = useRef(null);
|
|
20
|
-
const [contentProp, setContentProp] = useState(0);
|
|
21
|
-
const { dataProps, restProps: style } = useParseProps(props);
|
|
22
|
-
const vertical = !horizontal;
|
|
23
|
-
useEffect(() => {
|
|
24
|
-
collapseHandler?.(collapsed);
|
|
25
|
-
}, [collapseHandler, collapsed]);
|
|
26
|
-
useLayoutEffect(() => {
|
|
27
|
-
if (containerRef?.current) {
|
|
28
|
-
const propName = vertical ? 'height' : 'width';
|
|
29
|
-
// TODO test with requestAnimationFrame
|
|
30
|
-
setTimeout(() => {
|
|
31
|
-
if (containerRef?.current) {
|
|
32
|
-
setContentProp(containerRef.current[elementPropNameMap[propName]]);
|
|
33
|
-
}
|
|
34
|
-
}, 100);
|
|
35
|
-
}
|
|
36
|
-
}, [containerRef, vertical]);
|
|
37
|
-
const styleProps = useMemo(() => ({
|
|
38
|
-
'--prop-name': vertical ? 'height' : 'width',
|
|
39
|
-
'--prop-max-name': vertical ? 'max-height' : 'max-width',
|
|
40
|
-
'--prop-value': `${contentProp}px`,
|
|
41
|
-
...style,
|
|
42
|
-
}), [vertical, style, contentProp]);
|
|
43
|
-
const classNames = useMemo(() => {
|
|
44
|
-
const classNames = [vertical ? classes.vertical : classes.horizontal];
|
|
45
|
-
if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {
|
|
46
|
-
classNames.push(classes.collapsed);
|
|
47
|
-
}
|
|
48
|
-
if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {
|
|
49
|
-
classNames.push(classes.expanded);
|
|
50
|
-
}
|
|
51
|
-
return classNames.join(' ');
|
|
52
|
-
}, [collapsed, contentProp, vertical]);
|
|
53
|
-
return (_jsx("div", { id: `${(typeof id !== 'undefined' && id) || id}`, className: `${classes['collapsible-container']} ${classNames} ${className} `, ref: containerRef, style: styleProps, ...dataProps, "data-testid": dataProps.dataTestId || dataProps['data-testid'] || id, children: children }));
|
|
54
|
-
});
|
|
55
|
-
CollapsibleContainer.displayName = 'CollapsibleContainer';
|
|
56
|
-
//# sourceMappingURL=CollapsibleContainer.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CollapsibleContainer.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/CollapsibleContainer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import { memo } from 'react';
|
|
2
|
-
import styled from 'styled-components';
|
|
3
|
-
const flexValueMap = {
|
|
4
|
-
start: 'flex-start',
|
|
5
|
-
'flex-start': 'flex-start',
|
|
6
|
-
end: 'flex-end',
|
|
7
|
-
'flex-end': 'flex-end',
|
|
8
|
-
};
|
|
9
|
-
const resolveFlexProps = (value) => (value ? (flexValueMap[value] || value) : value);
|
|
10
|
-
export const Flex = memo(styled.div `
|
|
11
|
-
display: flex;
|
|
12
|
-
position: relative;
|
|
13
|
-
flex-direction: ${({ direction }) => direction || 'row'};
|
|
14
|
-
flex: ${({ flex }) => (flex !== undefined ? flex : '0')};
|
|
15
|
-
flex-grow: ${({ flexGrow }) => (flexGrow !== undefined ? flexGrow : '0')};
|
|
16
|
-
flex-shrink: ${({ flexShrink }) => (flexShrink !== undefined ? flexShrink : '0')};
|
|
17
|
-
flex-basis: ${({ flexBasis }) => flexBasis || 'auto'};
|
|
18
|
-
flex-wrap: ${({ flexWrap }) => flexWrap || 'nowrap'};
|
|
19
|
-
gap: ${({ gap }) => (gap !== undefined ? gap : '0')};
|
|
20
|
-
text-align: ${({ alignText }) => alignText || 'left'};
|
|
21
|
-
justify-content: ${({ justify }) => resolveFlexProps(justify) || 'flex-start'};
|
|
22
|
-
align-items: ${({ align }) => resolveFlexProps(align) || 'flex-start'};
|
|
23
|
-
align-self: ${({ alignSelf }) => alignSelf || 'auto'};
|
|
24
|
-
margin: ${({ margin }) => margin || '0'};
|
|
25
|
-
padding: ${({ padding }) => padding || '0'};
|
|
26
|
-
width: ${({ width }) => width || 'auto'};
|
|
27
|
-
height: ${({ height }) => height || 'auto'};
|
|
28
|
-
max-width: ${({ maxWidth }) => maxWidth || 'none'};
|
|
29
|
-
max-height: ${({ maxHeight }) => maxHeight || 'none'};
|
|
30
|
-
min-width: ${({ minWidth }) => ((minWidth || minWidth === '0') ? minWidth : '0')};
|
|
31
|
-
min-height: ${({ minHeight }) => minHeight || '0'};
|
|
32
|
-
border-radius: ${({ borderRadius }) => borderRadius || 'initial'};
|
|
33
|
-
`);
|
|
34
|
-
// default flex centralized, 100% width and height
|
|
35
|
-
export const FlexWrapper = memo(styled(Flex).attrs((props) => ({
|
|
36
|
-
width: props.width || '100%',
|
|
37
|
-
height: props.height || '100%',
|
|
38
|
-
justify: props.justify || 'center',
|
|
39
|
-
align: props.align || 'center',
|
|
40
|
-
...props,
|
|
41
|
-
})) ``);
|
|
42
|
-
export const FlexTight = memo(styled(Flex).attrs((props) => ({
|
|
43
|
-
width: 'initial',
|
|
44
|
-
...props,
|
|
45
|
-
})) ``);
|
|
46
|
-
export const FlexTightStyled = memo(styled(Flex).attrs((props) => ({
|
|
47
|
-
width: 'initial',
|
|
48
|
-
style: {
|
|
49
|
-
text: 'blue',
|
|
50
|
-
padding: '1rem',
|
|
51
|
-
border: '1px solid green',
|
|
52
|
-
},
|
|
53
|
-
...props,
|
|
54
|
-
})) ``);
|
|
55
|
-
//# sourceMappingURL=Flex.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/Flex.ts"],"names":[],"mappings":"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"}
|