@e1011/es-kit 1.0.12 → 1.0.16
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/lib/cjs/src/core/hooks/useApi.js +3 -3
- package/dist/lib/cjs/src/core/hooks/useOutsideClick.js +2 -2
- package/dist/lib/cjs/src/core/hooks/useResize.js +7 -7
- package/dist/lib/cjs/src/core/hooks/useToggle.js +3 -3
- package/dist/lib/cjs/src/core/ui/components/container/Container.js +8 -9
- package/dist/lib/cjs/src/core/ui/components/container/Container.js.map +1 -1
- package/dist/lib/cjs/src/core/ui/components/container/Flex.js +5 -5
- package/dist/lib/cjs/src/core/ui/components/container/Placeholder.js +4 -5
- package/dist/lib/cjs/src/core/ui/components/container/Placeholder.js.map +1 -1
- package/dist/lib/cjs/src/core/ui/components/dividers/DividerLine.js +7 -8
- package/dist/lib/cjs/src/core/ui/components/dividers/DividerLine.js.map +1 -1
- package/dist/lib/cjs/src/core/ui/components/field/Field.js +23 -24
- package/dist/lib/cjs/src/core/ui/components/field/Field.js.map +1 -1
- package/dist/lib/cjs/src/core/utils/helpers/objectOperations.js.map +1 -1
- package/dist/lib/esm/src/core/ui/components/container/Container.js +1 -1
- package/dist/lib/esm/src/core/ui/components/container/Container.js.map +1 -1
- package/dist/lib/esm/src/core/ui/components/container/Placeholder.js +1 -1
- package/dist/lib/esm/src/core/ui/components/container/Placeholder.js.map +1 -1
- package/dist/lib/esm/src/core/ui/components/dividers/DividerLine.js +1 -1
- package/dist/lib/esm/src/core/ui/components/dividers/DividerLine.js.map +1 -1
- package/dist/lib/esm/src/core/ui/components/field/Field.js +1 -1
- package/dist/lib/esm/src/core/ui/components/field/Field.js.map +1 -1
- package/dist/lib/esm/src/core/utils/helpers/objectOperations.js.map +1 -1
- package/dist/lib/src/core/constants/ui.constants.js +2 -5
- package/dist/lib/src/core/constants/ui.constants.js.map +1 -1
- package/dist/lib/src/core/hooks/index.js +5 -21
- package/dist/lib/src/core/hooks/index.js.map +1 -1
- package/dist/lib/src/core/hooks/useApi.js +4 -8
- package/dist/lib/src/core/hooks/useApi.js.map +1 -1
- package/dist/lib/src/core/hooks/useOutsideClick.js +7 -11
- package/dist/lib/src/core/hooks/useOutsideClick.js.map +1 -1
- package/dist/lib/src/core/hooks/useResize.js +9 -16
- package/dist/lib/src/core/hooks/useResize.js.map +1 -1
- package/dist/lib/src/core/hooks/useToggle.js +4 -8
- package/dist/lib/src/core/hooks/useToggle.js.map +1 -1
- package/dist/lib/src/core/hooks/useTranslations.js +6 -12
- package/dist/lib/src/core/hooks/useTranslations.js.map +1 -1
- package/dist/lib/src/core/index.js +3 -19
- package/dist/lib/src/core/index.js.map +1 -1
- package/dist/lib/src/core/ui/components/container/Container.js +11 -39
- package/dist/lib/src/core/ui/components/container/Container.js.map +1 -1
- package/dist/lib/src/core/ui/components/container/Flex.js +6 -12
- package/dist/lib/src/core/ui/components/container/Flex.js.map +1 -1
- package/dist/lib/src/core/ui/components/container/Placeholder.js +6 -33
- package/dist/lib/src/core/ui/components/container/Placeholder.js.map +1 -1
- package/dist/lib/src/core/ui/components/container/index.js +3 -19
- package/dist/lib/src/core/ui/components/container/index.js.map +1 -1
- package/dist/lib/src/core/ui/components/dividers/DividerLine.js +9 -37
- package/dist/lib/src/core/ui/components/dividers/DividerLine.js.map +1 -1
- package/dist/lib/src/core/ui/components/dividers/index.js +1 -17
- package/dist/lib/src/core/ui/components/dividers/index.js.map +1 -1
- package/dist/lib/src/core/ui/components/field/Field.js +23 -66
- package/dist/lib/src/core/ui/components/field/Field.js.map +1 -1
- package/dist/lib/src/core/ui/components/field/index.js +2 -18
- package/dist/lib/src/core/ui/components/field/index.js.map +1 -1
- package/dist/lib/src/core/ui/components/field/types.js +1 -2
- package/dist/lib/src/core/ui/components/index.js +3 -19
- package/dist/lib/src/core/ui/components/index.js.map +1 -1
- package/dist/lib/src/core/ui/index.js +2 -18
- package/dist/lib/src/core/ui/index.js.map +1 -1
- package/dist/lib/src/core/ui/utils/clickOutside.js +1 -5
- package/dist/lib/src/core/ui/utils/clickOutside.js.map +1 -1
- package/dist/lib/src/core/ui/utils/index.js +1 -17
- package/dist/lib/src/core/ui/utils/index.js.map +1 -1
- package/dist/lib/src/core/ui/utils/style.js +14 -25
- package/dist/lib/src/core/ui/utils/style.js.map +1 -1
- package/dist/lib/src/core/utils/date.js +26 -37
- package/dist/lib/src/core/utils/date.js.map +1 -1
- package/dist/lib/src/core/utils/decorators/convert.js +18 -13
- package/dist/lib/src/core/utils/decorators/convert.js.map +1 -1
- package/dist/lib/src/core/utils/helpers/birthnumber.validator.js +4 -8
- package/dist/lib/src/core/utils/helpers/birthnumber.validator.js.map +1 -1
- package/dist/lib/src/core/utils/helpers/birthnumberCZSKvalidator.js +9 -16
- package/dist/lib/src/core/utils/helpers/birthnumberCZSKvalidator.js.map +1 -1
- package/dist/lib/src/core/utils/helpers/date.js +4 -12
- package/dist/lib/src/core/utils/helpers/date.js.map +1 -1
- package/dist/lib/src/core/utils/helpers/deviceInfo.js +1 -5
- package/dist/lib/src/core/utils/helpers/deviceInfo.js.map +1 -1
- package/dist/lib/src/core/utils/helpers/emailMatcher.js +5 -11
- package/dist/lib/src/core/utils/helpers/emailMatcher.js.map +1 -1
- package/dist/lib/src/core/utils/helpers/file.js +2 -7
- package/dist/lib/src/core/utils/helpers/file.js.map +1 -1
- package/dist/lib/src/core/utils/helpers/fileValidator.js +17 -27
- package/dist/lib/src/core/utils/helpers/fileValidator.js.map +1 -1
- package/dist/lib/src/core/utils/helpers/index.js +11 -27
- package/dist/lib/src/core/utils/helpers/index.js.map +1 -1
- package/dist/lib/src/core/utils/helpers/objectOperations.js +6 -14
- package/dist/lib/src/core/utils/helpers/objectOperations.js.map +1 -1
- package/dist/lib/src/core/utils/helpers/other.js +10 -14
- package/dist/lib/src/core/utils/helpers/other.js.map +1 -1
- package/dist/lib/src/core/utils/helpers/textValueOperations.js +13 -26
- package/dist/lib/src/core/utils/helpers/textValueOperations.js.map +1 -1
- package/dist/lib/src/core/utils/helpers/valueOperations.js +13 -18
- package/dist/lib/src/core/utils/helpers/valueOperations.js.map +1 -1
- package/dist/lib/src/core/utils/index.js +3 -19
- package/dist/lib/src/core/utils/index.js.map +1 -1
- package/dist/lib/src/core/utils/keyExtractor.js +3 -7
- package/dist/lib/src/core/utils/keyExtractor.js.map +1 -1
- package/dist/lib/src/core/utils/web-components/coreElements/coreElements.js +6 -0
- package/dist/lib/src/core/utils/web-components/coreElements/coreElements.js.map +1 -0
- package/dist/lib/src/core/utils/web-components/coreElements/exampleCustomElement.js +41 -0
- package/dist/lib/src/core/utils/web-components/coreElements/exampleCustomElement.js.map +1 -0
- package/dist/lib/src/index.js +1 -17
- package/dist/lib/src/index.js.map +1 -1
- package/dist/lib/tsconfig.tsbuildinfo +1 -0
- package/dist/types/src/core/ui/components/container/Container.d.ts.map +1 -1
- package/dist/types/src/core/ui/components/container/Flex.d.ts +3 -3
- package/dist/types/src/core/ui/components/container/Placeholder.d.ts.map +1 -1
- package/dist/types/src/core/ui/components/dividers/DividerLine.d.ts.map +1 -1
- package/dist/types/src/core/ui/components/field/Field.d.ts.map +1 -1
- package/dist/types/src/core/utils/decorators/convert.d.ts +1 -0
- package/dist/types/src/core/utils/decorators/convert.d.ts.map +1 -1
- package/dist/types/src/core/utils/helpers/objectOperations.d.ts +2 -2
- package/dist/types/src/core/utils/helpers/objectOperations.d.ts.map +1 -1
- package/dist/types/src/core/utils/web-components/coreElements/coreElements.d.ts +3 -0
- package/dist/types/src/core/utils/web-components/coreElements/coreElements.d.ts.map +1 -0
- package/dist/types/src/core/utils/web-components/coreElements/exampleCustomElement.d.ts +7 -0
- package/dist/types/src/core/utils/web-components/coreElements/exampleCustomElement.d.ts.map +1 -0
- package/dist/ui/esm/src/core/ui/components/container/Container.js +1 -1
- package/dist/ui/esm/src/core/ui/components/container/Container.js.map +1 -1
- package/dist/ui/esm/src/core/ui/components/container/Placeholder.js +1 -1
- package/dist/ui/esm/src/core/ui/components/container/Placeholder.js.map +1 -1
- package/dist/ui/esm/src/core/ui/components/dividers/DividerLine.js +1 -1
- package/dist/ui/esm/src/core/ui/components/dividers/DividerLine.js.map +1 -1
- package/dist/ui/esm/src/core/ui/components/field/Field.js +1 -1
- package/dist/ui/esm/src/core/ui/components/field/Field.js.map +1 -1
- package/dist/ui/src/core/ui/components/container/Container.js +8 -9
- package/dist/ui/src/core/ui/components/container/Container.js.map +1 -1
- package/dist/ui/src/core/ui/components/container/Flex.js +5 -5
- package/dist/ui/src/core/ui/components/container/Placeholder.js +4 -5
- package/dist/ui/src/core/ui/components/container/Placeholder.js.map +1 -1
- package/dist/ui/src/core/ui/components/dividers/DividerLine.js +7 -8
- package/dist/ui/src/core/ui/components/dividers/DividerLine.js.map +1 -1
- package/dist/ui/src/core/ui/components/field/Field.js +23 -24
- package/dist/ui/src/core/ui/components/field/Field.js.map +1 -1
- package/dist/utils/esm/src/core/utils/helpers/objectOperations.js.map +1 -1
- package/dist/utils/src/core/utils/helpers/objectOperations.js.map +1 -1
- package/package.json +10 -39
|
@@ -1,40 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
exports.Container = void 0;
|
|
30
|
-
const react_1 = __importStar(require("react"));
|
|
31
|
-
const styled_components_1 = __importDefault(require("styled-components"));
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useRef, useState, memo, useEffect } from 'react';
|
|
3
|
+
import styled from 'styled-components';
|
|
32
4
|
const elementPropNameMap = {
|
|
33
5
|
width: 'scrollWidth',
|
|
34
6
|
height: 'scrollHeight',
|
|
35
7
|
};
|
|
36
8
|
const propNameFunc = ({ propName }) => propName;
|
|
37
|
-
const StyledContainer =
|
|
9
|
+
const StyledContainer = memo(styled.div `
|
|
38
10
|
transform-origin: 0% 0%;
|
|
39
11
|
transition: opacity 0.2s ease-in-out, ${propNameFunc} 0.2s ease-in-out, max-${propNameFunc} 0.2s ease-in-out;
|
|
40
12
|
will-change: opacity, ${propNameFunc}, max-${propNameFunc};
|
|
@@ -53,13 +25,13 @@ const StyledContainer = (0, react_1.memo)(styled_components_1.default.div `
|
|
|
53
25
|
opacity: 1;
|
|
54
26
|
}
|
|
55
27
|
`);
|
|
56
|
-
|
|
57
|
-
const containerRef =
|
|
58
|
-
const [contentProp, setContentProp] =
|
|
59
|
-
|
|
28
|
+
export const Container = memo(({ collapsed = false, collapseHandler, children, propName = 'height', className, css, }) => {
|
|
29
|
+
const containerRef = useRef();
|
|
30
|
+
const [contentProp, setContentProp] = useState(0);
|
|
31
|
+
useEffect(() => {
|
|
60
32
|
collapseHandler?.(collapsed);
|
|
61
33
|
}, [collapseHandler, collapsed]);
|
|
62
|
-
|
|
34
|
+
useEffect(() => {
|
|
63
35
|
if (containerRef?.current) {
|
|
64
36
|
setContentProp(containerRef.current[elementPropNameMap[propName]]);
|
|
65
37
|
}
|
|
@@ -71,7 +43,7 @@ exports.Container = (0, react_1.memo)(({ collapsed = false, collapseHandler, chi
|
|
|
71
43
|
if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {
|
|
72
44
|
resolvedClassName = 'Collapsible__container__expanded';
|
|
73
45
|
}
|
|
74
|
-
return (
|
|
46
|
+
return (_jsx(StyledContainer, { className: `${className} ${resolvedClassName}`, ref: containerRef, contentProp: contentProp, propName: propName, css: css, children: children }));
|
|
75
47
|
});
|
|
76
|
-
|
|
48
|
+
Container.displayName = 'Container';
|
|
77
49
|
//# sourceMappingURL=Container.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/Container.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/Container.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAa,SAAS,EAAE,MAAM,OAAO,CAAA;AACxE,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAItC,MAAM,kBAAkB,GAA2B;IACjD,KAAK,EAAE,aAAa;IACpB,MAAM,EAAE,cAAc;CACvB,CAAA;AAED,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAiD,EAAE,EAAE,CAAC,QAAQ,CAAA;AAE9F,MAAM,eAAe,GAA6B,IAAI,CAAC,MAAM,CAAC,GAAG,CAAsB;;0CAE7C,YAAY,0BAA0B,YAAY;0BAClE,YAAY,SAAS,YAAY;;;;;MAKrD,YAAY;UACR,YAAY;;;;;MAKhB,YAAY,KAAK,CAAC,EAAE,WAAW,EAAiC,EAAE,EAAE,CAAC,GAAG,WAAW,IAAI;UACnF,YAAY,KAAK,CAAC,EAAE,WAAW,EAAiC,EAAE,EAAE,CAAC,GAAG,WAAW,IAAI;;;CAGhG,CAAC,CAAA;AAUF,MAAM,CAAC,MAAM,SAAS,GAAuB,IAAI,CAAC,CAAC,EACjD,SAAS,GAAG,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,QAAQ,GAAG,QAAQ,EAAE,SAAS,EAAE,GAAG,GAClE,EAAE,EAAE;IACnB,MAAM,YAAY,GAAG,MAAM,EAAkB,CAAA;IAC7C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,EAAE,CAAC,SAAS,CAAC,CAAA;IAC9B,CAAC,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC,CAAA;IAEhC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,EAAE,OAAO,EAAE;YACzB,cAAc,CAAE,YAAY,CAAC,OAAe,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;SAC5E;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE5B,IAAI,iBAAiB,GAAG,EAAE,CAAA;IAE1B,IAAI,SAAS,IAAI,WAAW,IAAI,WAAW,KAAK,SAAS,IAAI,WAAW,KAAK,IAAI,EAAE;QACjF,iBAAiB,GAAG,mCAAmC,CAAA;KACxD;IACD,IAAI,CAAC,SAAS,IAAI,WAAW,IAAI,WAAW,KAAK,SAAS,IAAI,WAAW,KAAK,IAAI,EAAE;QAClF,iBAAiB,GAAG,kCAAkC,CAAA;KACvD;IAED,OAAO,CACL,KAAC,eAAe,IACd,SAAS,EAAE,GAAG,SAAS,IAAI,iBAAiB,EAAE,EAC9C,GAAG,EAAE,YAAY,EACjB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,YAEP,QAAQ,GACO,CACnB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA"}
|
|
@@ -1,11 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.FlexTightStyled = exports.FlexTight = exports.FlexWrapper = exports.Flex = void 0;
|
|
7
|
-
const react_1 = require("react");
|
|
8
|
-
const styled_components_1 = __importDefault(require("styled-components"));
|
|
1
|
+
import { memo } from 'react';
|
|
2
|
+
import styled from 'styled-components';
|
|
9
3
|
const flexValueMap = {
|
|
10
4
|
start: 'flex-start',
|
|
11
5
|
'flex-start': 'flex-start',
|
|
@@ -13,7 +7,7 @@ const flexValueMap = {
|
|
|
13
7
|
'flex-end': 'flex-end',
|
|
14
8
|
};
|
|
15
9
|
const resolveFlexProps = (value) => (value ? (flexValueMap[value] || value) : value);
|
|
16
|
-
|
|
10
|
+
export const Flex = memo(styled.div `
|
|
17
11
|
display: flex;
|
|
18
12
|
position: relative;
|
|
19
13
|
flex-direction: ${({ direction }) => direction || 'row'};
|
|
@@ -38,19 +32,19 @@ exports.Flex = (0, react_1.memo)(styled_components_1.default.div `
|
|
|
38
32
|
border-radius: ${({ borderRadius }) => borderRadius || 'initial'};
|
|
39
33
|
`);
|
|
40
34
|
// default flex centralized, 100% width and height
|
|
41
|
-
|
|
35
|
+
export const FlexWrapper = memo(styled(Flex).attrs((props) => ({
|
|
42
36
|
width: props.width || '100%',
|
|
43
37
|
height: props.height || '100%',
|
|
44
38
|
justify: props.justify || 'center',
|
|
45
39
|
align: props.align || 'center',
|
|
46
40
|
...props,
|
|
47
41
|
})) ``);
|
|
48
|
-
|
|
42
|
+
export const FlexTight = memo(styled(Flex).attrs((props) => ({
|
|
49
43
|
size: 'unset',
|
|
50
44
|
width: 'initial',
|
|
51
45
|
...props,
|
|
52
46
|
})) ``);
|
|
53
|
-
|
|
47
|
+
export const FlexTightStyled = memo(styled(Flex).attrs((props) => ({
|
|
54
48
|
size: 'unset',
|
|
55
49
|
width: 'initial',
|
|
56
50
|
style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/Flex.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/Flex.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,37 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
exports.Placeholder = void 0;
|
|
27
|
-
const react_1 = __importStar(require("react"));
|
|
28
|
-
const Flex_1 = require("./Flex");
|
|
29
|
-
exports.Placeholder = (0, react_1.memo)(({ title, border, background, onClick, cssProp, children, ...props }) => (react_1.default.createElement(Flex_1.FlexWrapper, { css: `
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { memo } from 'react';
|
|
3
|
+
import { FlexWrapper } from './Flex';
|
|
4
|
+
export const Placeholder = memo(({ title, border, background, onClick, cssProp, children, ...props }) => (_jsxs(FlexWrapper, { css: `
|
|
30
5
|
${border || 'border: 1px solid #999999;'}
|
|
31
6
|
${background || 'background-color: rgba(0, 120, 255, 0.2);'}
|
|
32
7
|
${cssProp}
|
|
33
|
-
`, onClick: onClick, ...props },
|
|
34
|
-
|
|
35
|
-
children && children)));
|
|
36
|
-
exports.Placeholder.displayName = 'Placeholder';
|
|
8
|
+
`, onClick: onClick, ...props, children: [title && (_jsx("h2", { children: title })), children && children] })));
|
|
9
|
+
Placeholder.displayName = 'Placeholder';
|
|
37
10
|
//# sourceMappingURL=Placeholder.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Placeholder.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/Placeholder.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Placeholder.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/Placeholder.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,IAAI,EAAqB,MAAM,OAAO,CAAA;AAEnD,OAAO,EAAE,WAAW,EAAa,MAAM,QAAQ,CAAA;AAU/C,MAAM,CAAC,MAAM,WAAW,GACtB,IAAI,CAAmB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoB,EAAE,EAAE,CAAC,CAClH,MAAC,WAAW,IACV,GAAG,EAAE;QACD,MAAM,IAAI,4BAA4B;QACtC,UAAU,IAAI,2CAA2C;QACzD,OAAO;KACV,EACD,OAAO,EAAE,OAAO,KAEZ,KAAK,aAER,KAAK,IAAI,CAAC,uBAAK,KAAK,GAAM,CAAC,EAC3B,QAAQ,IAAI,QAAQ,IACT,CACf,CAAC,CAAA;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA"}
|
|
@@ -1,20 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
__exportStar(require("./Flex"), exports);
|
|
18
|
-
__exportStar(require("./Placeholder"), exports);
|
|
19
|
-
__exportStar(require("./Container"), exports);
|
|
1
|
+
export * from './Flex';
|
|
2
|
+
export * from './Placeholder';
|
|
3
|
+
export * from './Container';
|
|
20
4
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA"}
|
|
@@ -1,39 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
exports.DividerHorizontal = exports.DividerVertical = exports.DividerLine = void 0;
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
30
2
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
31
|
-
|
|
32
|
-
|
|
3
|
+
import { memo } from 'react';
|
|
4
|
+
import styled from 'styled-components';
|
|
33
5
|
const lineGrayColor = '#999999';
|
|
34
|
-
|
|
6
|
+
export const DividerLine = memo(styled(({
|
|
35
7
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
36
|
-
orientation, vertical, horizontal, length, color, opacity, zIndex, width, height, ...rest }) =>
|
|
8
|
+
orientation, vertical, horizontal, length, color, opacity, zIndex, width, height, ...rest }) => _jsx("div", { ...rest })) `
|
|
37
9
|
position:relative;
|
|
38
10
|
display:block;
|
|
39
11
|
${({ orientation, vertical, margin, length = '80%', left = '0', width = '1px', height = '1px' }) => (orientation === 'vertical' || vertical
|
|
@@ -51,8 +23,8 @@ orientation, vertical, horizontal, length, color, opacity, zIndex, width, height
|
|
|
51
23
|
background-color: ${({ color }) => color || lineGrayColor};
|
|
52
24
|
opacity: ${({ opacity = 1 }) => opacity};
|
|
53
25
|
`);
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
26
|
+
export const DividerVertical = memo((props) => _jsx(DividerLine, { vertical: true, length: '100%', ...props }));
|
|
27
|
+
DividerVertical.displayName = 'DividerVertical';
|
|
28
|
+
export const DividerHorizontal = memo((props) => _jsx(DividerLine, { horizontal: true, length: '100%', ...props }));
|
|
29
|
+
DividerHorizontal.displayName = 'DividerHorizontal';
|
|
58
30
|
//# sourceMappingURL=DividerLine.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DividerLine.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/dividers/DividerLine.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DividerLine.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/dividers/DividerLine.tsx"],"names":[],"mappings":";AAAA,iDAAiD;AACjD,OAAO,EAAE,IAAI,EAAM,MAAM,OAAO,CAAA;AAChC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,aAAa,GAAG,SAAS,CAAA;AAe/B,MAAM,CAAC,MAAM,WAAW,GAAqB,IAAI,CAAC,MAAM,CAAC,CAAC;AACxD,6DAA6D;AAC7D,WAAW,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,EAC1F,EAAE,EAAE,CAAC,iBAAS,IAAI,GAAI,CAAC,CAAc;;;IAGlC,CAAC,EACD,WAAW,EAAE,QAAQ,EAAE,MAAM,EAC7B,MAAM,GAAG,KAAK,EAAE,IAAI,GAAG,GAAG,EAAE,KAAK,GAAG,KAAK,EAAE,MAAM,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,WAAW,KAAK,UAAU,IAAI,QAAQ;IACvG,CAAC,CAAC;gBACU,MAAM;cACR,IAAI;eACH,KAAK;gBACJ,MAAM,IAAI,QAAQ,GAAG;IACjC,CAAC,CAAC;eACS,MAAM;cACP,IAAI;gBACF,MAAM;gBACN,MAAM,IAAI,QAAQ,GAAG,CACrC;;sBAEsB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,IAAI,aAAa;aAC9C,CAAC,EAAE,OAAO,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,OAAO;CACxC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,eAAe,GACxB,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,WAAW,IAAC,QAAQ,QAAC,MAAM,EAAC,MAAM,KAAK,KAAK,GAAI,CAAC,CAAA;AACtE,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAE/C,MAAM,CAAC,MAAM,iBAAiB,GAC1B,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,WAAW,IAAC,UAAU,QAAC,MAAM,EAAC,MAAM,KAAK,KAAK,GAAI,CAAC,CAAA;AACxE,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAA"}
|
|
@@ -1,18 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
__exportStar(require("./DividerLine"), exports);
|
|
1
|
+
export * from './DividerLine';
|
|
18
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/dividers/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/dividers/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}
|
|
@@ -1,48 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
exports.Field = exports.Select = exports.FieldWrapper = exports.setIconComponent = exports.setIconColor = void 0;
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
30
2
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
31
3
|
/* eslint-disable jsx-a11y/no-static-element-interactions */
|
|
32
4
|
/* eslint-disable jsx-a11y/click-events-have-key-events */
|
|
33
|
-
|
|
34
|
-
|
|
5
|
+
import { memo, useMemo, useCallback } from 'react';
|
|
6
|
+
import styled from 'styled-components';
|
|
35
7
|
let iconColor = () => '#000000';
|
|
36
|
-
const setIconColor = (color) => {
|
|
8
|
+
export const setIconColor = (color) => {
|
|
37
9
|
iconColor = color;
|
|
38
10
|
};
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
const setIconComponent = (component) => {
|
|
11
|
+
let IconComponent = memo(function IconComponent() { return _jsx("span", {}); });
|
|
12
|
+
export const setIconComponent = (component) => {
|
|
42
13
|
IconComponent = component;
|
|
43
14
|
};
|
|
44
|
-
|
|
45
|
-
exports.FieldWrapper = styled_components_1.default.div `
|
|
15
|
+
export const FieldWrapper = styled.div `
|
|
46
16
|
opacity: ${({ disabled, userDisabled }) => (disabled || userDisabled ? 0.5 : 1)};
|
|
47
17
|
pointer-events: ${({ disabled, userDisabled }) => (disabled || userDisabled ? 'none' : 'auto')};
|
|
48
18
|
flex: 1 1 auto;
|
|
@@ -116,21 +86,20 @@ exports.FieldWrapper = styled_components_1.default.div `
|
|
|
116
86
|
resize: none;
|
|
117
87
|
}
|
|
118
88
|
`;
|
|
119
|
-
|
|
120
|
-
return (
|
|
121
|
-
react_1.default.createElement("select", { ...props, ref: inputRef, defaultValue: value }, options?.map((option) => (react_1.default.createElement("option", { key: `${JSON.stringify(option)}`, value: typeof option === 'object' ? option?.value : option }, typeof option === 'object' ? option?.label : option))))));
|
|
89
|
+
export const Select = memo(function Select({ options, value, inputRef, ...props }) {
|
|
90
|
+
return (_jsx("div", { className: 'select', children: _jsx("select", { ...props, ref: inputRef, defaultValue: value, children: options?.map((option) => (_jsx("option", { value: typeof option === 'object' ? option?.value : option, children: typeof option === 'object' ? option?.label : option }, `${JSON.stringify(option)}`))) }) }));
|
|
122
91
|
});
|
|
123
|
-
const InputComponent =
|
|
124
|
-
const TextAreaComponent =
|
|
125
|
-
const StyledFieldLabel =
|
|
92
|
+
const InputComponent = styled.input ``;
|
|
93
|
+
const TextAreaComponent = styled.textarea ``;
|
|
94
|
+
const StyledFieldLabel = styled.label `
|
|
126
95
|
text-align: left;
|
|
127
96
|
`;
|
|
128
|
-
|
|
97
|
+
export const Field = memo(({ label, name, type = 'text', value, defaultValue, placeholder, inputRef, error, disabled, userDisabled, withoutComponent, helpTextInfo, helpText, children, iconLeft, iconRight, addon, className, onChange, onChangeInner, onBlur, onFocus, rightIconClick, leftIconClick, options, css, ...props }) => {
|
|
129
98
|
let Component = InputComponent;
|
|
130
99
|
if (!children && type === 'textarea') {
|
|
131
100
|
Component = TextAreaComponent;
|
|
132
101
|
}
|
|
133
|
-
const handleFocus =
|
|
102
|
+
const handleFocus = useCallback((event) => {
|
|
134
103
|
if (userDisabled) {
|
|
135
104
|
event.preventDefault();
|
|
136
105
|
}
|
|
@@ -138,7 +107,7 @@ exports.Field = (0, react_1.memo)(({ label, name, type = 'text', value, defaultV
|
|
|
138
107
|
onFocus && onFocus(event);
|
|
139
108
|
}
|
|
140
109
|
}, [userDisabled, onFocus]);
|
|
141
|
-
const handleChange =
|
|
110
|
+
const handleChange = useCallback((event) => {
|
|
142
111
|
if (userDisabled) {
|
|
143
112
|
return;
|
|
144
113
|
}
|
|
@@ -151,30 +120,18 @@ exports.Field = (0, react_1.memo)(({ label, name, type = 'text', value, defaultV
|
|
|
151
120
|
onChange && onChange(event);
|
|
152
121
|
}
|
|
153
122
|
}, [onChangeInner, onChange, userDisabled]);
|
|
154
|
-
const valueProps =
|
|
123
|
+
const valueProps = useMemo(() => {
|
|
155
124
|
if (value === undefined) {
|
|
156
125
|
return { defaultValue };
|
|
157
126
|
}
|
|
158
127
|
return { value };
|
|
159
128
|
}, [value, defaultValue]);
|
|
160
|
-
return (
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
? (react_1.default.createElement(exports.Select, { name: name, id: name, inputRef: inputRef, className: `input ${error ? 'is-danger' : ''}`, type: 'select', placeholder: placeholder, value: value, options: options,
|
|
167
|
-
// TODO also handle change but value versus event.target.value issue
|
|
168
|
-
onChange: onChange, onBlur: onBlur, onFocus: handleFocus, onKeyDown: handleFocus, autoComplete: 'off', disabled: disabled, ...props }))
|
|
169
|
-
: (!children && react_1.default.createElement(Component, { name: name, id: name, ref: inputRef, className: `input ${error ? 'is-danger' : ''}`, type: type, placeholder: placeholder, ...valueProps, onChange: handleChange, onBlur: onBlur, onFocus: handleFocus, onKeyDown: handleFocus, autoComplete: 'off', disabled: disabled, ...props }))),
|
|
170
|
-
iconLeft && !withoutComponent && (react_1.default.createElement("span", { className: `iconLeft icon is-small is-left ${leftIconClick ? 'is-action' : ''}`, onClick: leftIconClick },
|
|
171
|
-
react_1.default.createElement(IconComponent, { iconName: iconLeft, color: iconColor }))),
|
|
172
|
-
iconRight && (react_1.default.createElement("span", { className: `iconRight icon is-small is-right ${rightIconClick ? 'is-action' : ''}`, onClick: rightIconClick },
|
|
173
|
-
react_1.default.createElement(IconComponent, { iconName: iconRight, color: iconColor }))),
|
|
174
|
-
children && children),
|
|
175
|
-
addon && addon),
|
|
176
|
-
helpTextInfo && react_1.default.createElement("p", { className: 'help' }, helpTextInfo),
|
|
177
|
-
helpText && react_1.default.createElement("p", { className: `help ${error ? 'is-danger' : ''}` }, helpText)));
|
|
129
|
+
return (_jsxs(FieldWrapper, { className: `field ${className}`, error: error, disabled: disabled, userDisabled: userDisabled, css: css, children: [_jsx(StyledFieldLabel, { htmlFor: name, className: 'label', children: label }), _jsxs("div", { className: `field ${addon ? 'has-addons' : ''}`, children: [_jsxs("div", { className: `control mainControl ${iconLeft && !withoutComponent
|
|
130
|
+
? 'has-icons-left' : ''} ${iconRight ? 'has-icons-right' : ''}`, children: [!withoutComponent && ((!children && (type === 'select' || options))
|
|
131
|
+
? (_jsx(Select, { name: name, id: name, inputRef: inputRef, className: `input ${error ? 'is-danger' : ''}`, type: 'select', placeholder: placeholder, value: value, options: options,
|
|
132
|
+
// TODO also handle change but value versus event.target.value issue
|
|
133
|
+
onChange: onChange, onBlur: onBlur, onFocus: handleFocus, onKeyDown: handleFocus, autoComplete: 'off', disabled: disabled, ...props }))
|
|
134
|
+
: (!children && _jsx(Component, { name: name, id: name, ref: inputRef, className: `input ${error ? 'is-danger' : ''}`, type: type, placeholder: placeholder, ...valueProps, onChange: handleChange, onBlur: onBlur, onFocus: handleFocus, onKeyDown: handleFocus, autoComplete: 'off', disabled: disabled, ...props }))), iconLeft && !withoutComponent && (_jsx("span", { className: `iconLeft icon is-small is-left ${leftIconClick ? 'is-action' : ''}`, onClick: leftIconClick, children: _jsx(IconComponent, { iconName: iconLeft, color: iconColor }) })), iconRight && (_jsx("span", { className: `iconRight icon is-small is-right ${rightIconClick ? 'is-action' : ''}`, onClick: rightIconClick, children: _jsx(IconComponent, { iconName: iconRight, color: iconColor }) })), children && children] }), addon && addon] }), helpTextInfo && _jsx("p", { className: 'help', children: helpTextInfo }), helpText && _jsx("p", { className: `help ${error ? 'is-danger' : ''}`, children: helpText })] }));
|
|
178
135
|
});
|
|
179
|
-
|
|
136
|
+
Field.displayName = 'Field';
|
|
180
137
|
//# sourceMappingURL=Field.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/field/Field.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/field/Field.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,19 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
__exportStar(require("./Field"), exports);
|
|
18
|
-
__exportStar(require("./types"), exports);
|
|
1
|
+
export * from './Field';
|
|
2
|
+
export * from './types';
|
|
19
3
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/field/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/field/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA"}
|
|
@@ -1,20 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
__exportStar(require("./container"), exports);
|
|
18
|
-
__exportStar(require("./field"), exports);
|
|
19
|
-
__exportStar(require("./dividers"), exports);
|
|
1
|
+
export * from './container';
|
|
2
|
+
export * from './field';
|
|
3
|
+
export * from './dividers';
|
|
20
4
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/core/ui/components/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/core/ui/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA"}
|
|
@@ -1,19 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
__exportStar(require("./utils"), exports);
|
|
18
|
-
__exportStar(require("./components"), exports);
|
|
1
|
+
export * from './utils';
|
|
2
|
+
export * from './components';
|
|
19
3
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/core/ui/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/core/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA"}
|
|
@@ -1,12 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.handleClickOutside = void 0;
|
|
4
|
-
const handleClickOutside = (element, callback) => (event) => {
|
|
1
|
+
export const handleClickOutside = (element, callback) => (event) => {
|
|
5
2
|
const target = event.target;
|
|
6
3
|
const resolvedElement = typeof element === 'function' ? element() : element;
|
|
7
4
|
if (resolvedElement && !resolvedElement.contains(target)) {
|
|
8
5
|
callback?.(target);
|
|
9
6
|
}
|
|
10
7
|
};
|
|
11
|
-
exports.handleClickOutside = handleClickOutside;
|
|
12
8
|
//# sourceMappingURL=clickOutside.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"clickOutside.js","sourceRoot":"","sources":["../../../../../../src/core/ui/utils/clickOutside.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"clickOutside.js","sourceRoot":"","sources":["../../../../../../src/core/ui/utils/clickOutside.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,OAAgB,EAChB,QAA2B,EAC3B,EAAE,CAAC,CAAC,KAAiB,EAAE,EAAE;IACzB,MAAM,MAAM,GAAG,KAAK,CAAC,MAA4B,CAAA;IACjD,MAAM,eAAe,GAAsB,OAAO,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,OAAO,CAAA;IAE9F,IAAI,eAAe,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;QACxD,QAAQ,EAAE,CAAC,MAAM,CAAC,CAAA;KACnB;AACH,CAAC,CAAA"}
|