@e1011/es-kit 1.0.202 → 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 +43 -43
- package/dist/hooks/index.css +43 -43
- package/dist/lib/tsconfig.tsbuildinfo +1 -1
- package/dist/utils/esm/index.css +43 -43
- package/dist/utils/index.css +43 -43
- package/package.json +1 -3
- 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
|
@@ -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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"}
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { memo, useMemo, forwardRef } from 'react';
|
|
3
|
-
import { useParseProps } from '../../../hooks/useParseProps';
|
|
4
|
-
import { LayoutDirection } from './layoutBox.types';
|
|
5
|
-
import classes from './layoutBox.module.scss';
|
|
6
|
-
/**
|
|
7
|
-
* Map of flex values for resolving flex alignment and justification.
|
|
8
|
-
* @type {Record<string, string>}
|
|
9
|
-
*/
|
|
10
|
-
const flexValueMap = {
|
|
11
|
-
start: 'flex-start',
|
|
12
|
-
'flex-start': 'flex-start',
|
|
13
|
-
end: 'flex-end',
|
|
14
|
-
'flex-end': 'flex-end',
|
|
15
|
-
};
|
|
16
|
-
/**
|
|
17
|
-
* Resolves flex alignment and justification properties based on the provided value.
|
|
18
|
-
* @param {string | undefined} value - The value to resolve.
|
|
19
|
-
* @returns {string | undefined} - Resolved flex property value.
|
|
20
|
-
*/
|
|
21
|
-
const resolveFlexProps = (value) => (value ? (flexValueMap[value] || value) : value);
|
|
22
|
-
/**
|
|
23
|
-
* Forwarded ref version of the LayoutBox component.
|
|
24
|
-
* @param {LayoutBoxProps} props - Props for the LayoutBox component.
|
|
25
|
-
* @param {LegacyRef<HTMLDivElement> | undefined} ref - Ref for accessing the underlying DOM element.
|
|
26
|
-
* @returns {JSX.Element} - Rendered LayoutBox component.
|
|
27
|
-
*/
|
|
28
|
-
const LayoutBoxRefForwarded = forwardRef(({ id, style, children, tabIndex, className = '', onClick, column, ...props }, ref) => {
|
|
29
|
-
const { dataProps, restProps } = useParseProps(props);
|
|
30
|
-
/**
|
|
31
|
-
* Memoized onClick event properties.
|
|
32
|
-
* @type {{ onClick?: () => void; onKeyDown?: () => void; role?: string; tabIndex?: number }}
|
|
33
|
-
*/
|
|
34
|
-
const onClickProps = useMemo(() => (onClick ? ({
|
|
35
|
-
onClick,
|
|
36
|
-
onKeyDown: onClick,
|
|
37
|
-
role: 'button',
|
|
38
|
-
tabIndex: -1,
|
|
39
|
-
}) : {}), [onClick]);
|
|
40
|
-
/**
|
|
41
|
-
* Memoized resolved direction based on the column prop.
|
|
42
|
-
* @type {LayoutDirection}
|
|
43
|
-
*/
|
|
44
|
-
const resolvedColumn = useMemo(() => ((column !== undefined && column === true)
|
|
45
|
-
? LayoutDirection.COLUMN
|
|
46
|
-
: null), [column]);
|
|
47
|
-
/**
|
|
48
|
-
* Memoized styles combining parsed props and additional styles.
|
|
49
|
-
* @type {CSSProperties}
|
|
50
|
-
*/
|
|
51
|
-
const styles = useMemo(() => ({
|
|
52
|
-
...restProps,
|
|
53
|
-
...(restProps.align ? { alignItems: resolveFlexProps(restProps.align) } : {}),
|
|
54
|
-
...(restProps.justify ? { justifyContent: resolveFlexProps(restProps.justify) } : {}),
|
|
55
|
-
...(restProps.direction || resolvedColumn ? { flexDirection: restProps.direction || resolvedColumn } : {}),
|
|
56
|
-
...style,
|
|
57
|
-
}), [resolvedColumn, restProps, style]);
|
|
58
|
-
return (_jsx("div", { ...(id ? { id: `${id}` } : {}), ref: ref, tabIndex: tabIndex, className: `${classes['layout-box']} ${className}`, style: styles, ...dataProps, "data-testid": dataProps.dataTestId || dataProps['data-testid'] || id, ...onClickProps, children: children }));
|
|
59
|
-
});
|
|
60
|
-
LayoutBoxRefForwarded.displayName = 'LayoutBoxRefForwarded';
|
|
61
|
-
/**
|
|
62
|
-
* Memoized and memoized LayoutBox component.
|
|
63
|
-
* @type {FC<LayoutBoxProps>}
|
|
64
|
-
*/
|
|
65
|
-
export const LayoutBox = memo(LayoutBoxRefForwarded);
|
|
66
|
-
LayoutBox.displayName = 'LayoutBox';
|
|
67
|
-
//# sourceMappingURL=LayoutBox.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LayoutBox.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/LayoutBox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +0,0 @@
|
|
|
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: `
|
|
5
|
-
${border || 'border: 1px solid #999999;'}
|
|
6
|
-
${background || 'background-color: rgba(0, 120, 255, 0.2);'}
|
|
7
|
-
${cssProp}
|
|
8
|
-
`, onClick: onClick, ...props, children: [title && (_jsx("h2", { children: title })), children && children] })));
|
|
9
|
-
Placeholder.displayName = 'Placeholder';
|
|
10
|
-
//# sourceMappingURL=Placeholder.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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,25 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { memo } from 'react';
|
|
3
|
-
import { useResize } from '../../../hooks/useResize';
|
|
4
|
-
import { LayoutBox } from './LayoutBox';
|
|
5
|
-
const styles = {
|
|
6
|
-
main: {
|
|
7
|
-
position: 'absolute',
|
|
8
|
-
zIndex: 1,
|
|
9
|
-
left: 0,
|
|
10
|
-
pointerEvents: 'none',
|
|
11
|
-
},
|
|
12
|
-
empty: {
|
|
13
|
-
pointerEvents: 'none',
|
|
14
|
-
},
|
|
15
|
-
};
|
|
16
|
-
export const ResizableContainer = memo(({ children, debounceDelay = 250, ...props }) => {
|
|
17
|
-
const [containerRef, containerSize] = useResize(debounceDelay);
|
|
18
|
-
return (_jsxs(LayoutBox, { width: '100%', height: '100%', justify: 'center', align: 'center', direction: 'column', ...props, children: [_jsx(LayoutBox, { style: styles.main, width: '100%', height: '100%', ref: containerRef }), !children && (_jsx(LayoutBox, { width: `${Math.max(containerSize?.width || 200, 200) || 200}px`, height: `${Math.max(containerSize?.height || 200, 200) || 200}px`, style: styles.empty })), children && children?.({
|
|
19
|
-
height: `${containerSize?.height || 200}px`,
|
|
20
|
-
width: `${containerSize?.width || 200}px`,
|
|
21
|
-
measured: !!containerSize?.height,
|
|
22
|
-
})] }));
|
|
23
|
-
});
|
|
24
|
-
ResizableContainer.displayName = 'ResizableContainer';
|
|
25
|
-
//# sourceMappingURL=ResizableContainer.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ResizableContainer.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/ResizableContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkD,MAAM,OAAO,CAAA;AAE5E,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAEpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAevC,MAAM,MAAM,GAAG;IACb,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,CAAC;QACP,aAAa,EAAE,MAAM;KACtB;IACD,KAAK,EAAE;QACL,aAAa,EAAE,MAAM;KACtB;CACF,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAgC,IAAI,CACjE,CAAC,EAAE,QAAQ,EAAE,aAAa,GAAG,GAAG,EAAE,GAAG,KAAK,EAA2B,EAAE,EAAE;IACvE,MAAM,CAAC,YAAY,EAAE,aAAa,CAAC,GAAG,SAAS,CAAC,aAAa,CAAC,CAAA;IAE9D,OAAO,CACL,MAAC,SAAS,IACR,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAC,QAAQ,EACd,SAAS,EAAC,QAAQ,KACd,KAAK,aAET,KAAC,SAAS,IACR,KAAK,EAAE,MAAM,CAAC,IAAI,EAClB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,GAAG,EAAE,YAAyC,GAC9C,EACD,CAAC,QAAQ,IAAI,CACd,KAAC,SAAS,IACR,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,KAAK,IAAI,GAAG,EAAE,GAAG,CAAC,IAAI,GAAG,IAAI,EAC/D,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,MAAM,IAAI,GAAG,EAAE,GAAG,CAAC,IAAI,GAAG,IAAI,EACjE,KAAK,EAAE,MAAM,CAAC,KAAK,GACnB,CACD,EACA,QAAQ,IAAI,QAAQ,EAAE,CAAC;gBACtB,MAAM,EAAE,GAAG,aAAa,EAAE,MAAM,IAAI,GAAG,IAAI;gBAC3C,KAAK,EAAE,GAAG,aAAa,EAAE,KAAK,IAAI,GAAG,IAAI;gBACzC,QAAQ,EAAE,CAAC,CAAC,aAAa,EAAE,MAAM;aACD,CAAC,IACzB,CACb,CAAA;AACH,CAAC,CACF,CAAA;AAED,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAA;AAC7B,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Enum representing the possible layout directions.
|
|
3
|
-
*/
|
|
4
|
-
export var LayoutDirection;
|
|
5
|
-
(function (LayoutDirection) {
|
|
6
|
-
LayoutDirection["ROW"] = "row";
|
|
7
|
-
LayoutDirection["COLUMN"] = "column";
|
|
8
|
-
})(LayoutDirection || (LayoutDirection = {}));
|
|
9
|
-
//# sourceMappingURL=layoutBox.types.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"layoutBox.types.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/layoutBox.types.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,CAAN,IAAY,eAGX;AAHD,WAAY,eAAe;IACzB,8BAAW,CAAA;IACX,oCAAiB,CAAA;AACnB,CAAC,EAHW,eAAe,KAAf,eAAe,QAG1B"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
/* eslint-disable react/jsx-props-no-spreading */
|
|
3
|
-
import { memo, useMemo } from 'react';
|
|
4
|
-
import classes from './divider.module.scss';
|
|
5
|
-
export const DividerLine = memo(({ orientation, vertical, color = 'var(--divider-line)', opacity, length = '80%', left = '0', width = '1px', height = '1px', margin, className = '', }) => {
|
|
6
|
-
const isVertical = useMemo(() => orientation === 'vertical' || vertical === true, [orientation, vertical]);
|
|
7
|
-
const styles = useMemo(() => ({
|
|
8
|
-
'--width': width,
|
|
9
|
-
'--height': height,
|
|
10
|
-
'--length': length,
|
|
11
|
-
'--opacity': opacity,
|
|
12
|
-
'--color': color,
|
|
13
|
-
'--left': left,
|
|
14
|
-
'--margin': margin || (isVertical ? 'auto 0' : '0 auto'),
|
|
15
|
-
}), [width, height, length, opacity, color, left, margin, isVertical]);
|
|
16
|
-
const verHorClass = isVertical ? classes.vertical : classes.horizontal;
|
|
17
|
-
return (_jsx("div", { className: `${classes['divider-line']} ${verHorClass} ${className}`, style: styles }));
|
|
18
|
-
});
|
|
19
|
-
DividerLine.displayName = 'DividerLine';
|
|
20
|
-
export const DividerVertical = memo((props) => _jsx(DividerLine, { vertical: true, length: '100%', ...props }));
|
|
21
|
-
DividerVertical.displayName = 'DividerVertical';
|
|
22
|
-
export const DividerHorizontal = memo((props) => _jsx(DividerLine, { length: '100%', ...props }));
|
|
23
|
-
DividerHorizontal.displayName = 'DividerHorizontal';
|
|
24
|
-
//# sourceMappingURL=DividerLine.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DividerLine.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/dividers/DividerLine.tsx"],"names":[],"mappings":";AAAA,iDAAiD;AACjD,OAAO,EAAE,IAAI,EAAqB,OAAO,EAAE,MAAM,OAAO,CAAA;AAExD,OAAO,OAAO,MAAM,uBAAuB,CAAA;AAe3C,MAAM,CAAC,MAAM,WAAW,GAAqB,IAAI,CAAe,CAAC,EAC/D,WAAW,EAAE,QAAQ,EACrB,KAAK,GAAG,qBAAqB,EAC7B,OAAO,EACP,MAAM,GAAG,KAAK,EAAE,IAAI,GAAG,GAAG,EAC1B,KAAK,GAAG,KAAK,EAAE,MAAM,GAAG,KAAK,EAC7B,MAAM,EACN,SAAS,GAAG,EAAE,GACD,EAAE,EAAE;IACjB,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,WAAW,KAAK,UAAU,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE1G,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAC3B;QACE,SAAS,EAAE,KAAK;QAChB,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,MAAM;QAClB,WAAW,EAAE,OAAO;QACpB,SAAS,EAAE,KAAK;QAChB,QAAQ,EAAE,IAAI;QACd,UAAU,EAAE,MAAM,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC;KACzD,CACF,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,CAAA;IAErE,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAA;IAEtE,OAAO,CACL,cACE,SAAS,EAAE,GAAI,OAAe,CAAC,cAAc,CAAC,IAAI,WAAW,IAAI,SAAS,EAAE,EAC5E,KAAK,EAAE,MAAuB,GAC9B,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,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,MAAM,EAAC,MAAM,KAAK,KAAK,GAAI,CAAC,CAAA;AAC7D,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/dividers/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}
|
|
@@ -1,137 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
/* eslint-disable react/jsx-props-no-spreading */
|
|
3
|
-
/* eslint-disable jsx-a11y/no-static-element-interactions */
|
|
4
|
-
/* eslint-disable jsx-a11y/click-events-have-key-events */
|
|
5
|
-
import { memo, useMemo, useCallback } from 'react';
|
|
6
|
-
import styled from 'styled-components';
|
|
7
|
-
let iconColor = () => '#000000';
|
|
8
|
-
export const setIconColor = (color) => {
|
|
9
|
-
iconColor = color;
|
|
10
|
-
};
|
|
11
|
-
let IconComponent = memo(function IconComponent() { return _jsx("span", {}); });
|
|
12
|
-
export const setIconComponent = (component) => {
|
|
13
|
-
IconComponent = component;
|
|
14
|
-
};
|
|
15
|
-
export const FieldWrapper = styled.div `
|
|
16
|
-
opacity: ${({ disabled, userDisabled }) => (disabled || userDisabled ? 0.5 : 1)};
|
|
17
|
-
pointer-events: ${({ disabled, userDisabled }) => (disabled || userDisabled ? 'none' : 'auto')};
|
|
18
|
-
flex: 1 1 auto;
|
|
19
|
-
width: 100%;
|
|
20
|
-
@media (min-width: 400px) {
|
|
21
|
-
flex: 1;
|
|
22
|
-
}
|
|
23
|
-
.label {
|
|
24
|
-
font-size: 0.8rem !important;
|
|
25
|
-
font-weight: normal;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.help {
|
|
29
|
-
text-align: left;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.mainControl {
|
|
33
|
-
flex: 1;
|
|
34
|
-
border-radius: 6px;
|
|
35
|
-
box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.06);
|
|
36
|
-
will-change: box-shadow;
|
|
37
|
-
transition: box-shadow 250ms ease-in-out;
|
|
38
|
-
&:hover {
|
|
39
|
-
box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
button {
|
|
43
|
-
box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
|
|
44
|
-
}
|
|
45
|
-
.select {
|
|
46
|
-
width: 100%;
|
|
47
|
-
flex: 1;
|
|
48
|
-
&::after {
|
|
49
|
-
border-color: #000000 !important;
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
.icon {
|
|
54
|
-
&.is-action {
|
|
55
|
-
cursor: pointer;
|
|
56
|
-
pointer-events: initial !important;
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
/* Chrome, Safari, Edge, Opera */
|
|
61
|
-
input::-webkit-outer-spin-button,
|
|
62
|
-
input::-webkit-inner-spin-button {
|
|
63
|
-
-webkit-appearance: none;
|
|
64
|
-
margin: 0;
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
/* Firefox */
|
|
68
|
-
input[type=number] {
|
|
69
|
-
-moz-appearance: textfield;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
.input[type=date]::-webkit-calendar-picker-indicator {
|
|
73
|
-
opacity:0;
|
|
74
|
-
-webkit-appearance: none;
|
|
75
|
-
position: absolute;
|
|
76
|
-
left: 0;
|
|
77
|
-
top: 0;
|
|
78
|
-
width: 40px;
|
|
79
|
-
height: 100%;
|
|
80
|
-
margin: 0;
|
|
81
|
-
padding: 0;
|
|
82
|
-
cursor: pointer;
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
textarea {
|
|
86
|
-
resize: none;
|
|
87
|
-
}
|
|
88
|
-
`;
|
|
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)}`))) }) }));
|
|
91
|
-
});
|
|
92
|
-
const InputComponent = styled.input ``;
|
|
93
|
-
const TextAreaComponent = styled.textarea ``;
|
|
94
|
-
const StyledFieldLabel = styled.label `
|
|
95
|
-
text-align: left;
|
|
96
|
-
`;
|
|
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 }) => {
|
|
98
|
-
let Component = InputComponent;
|
|
99
|
-
if (!children && type === 'textarea') {
|
|
100
|
-
Component = TextAreaComponent;
|
|
101
|
-
}
|
|
102
|
-
const handleFocus = useCallback((event) => {
|
|
103
|
-
if (userDisabled) {
|
|
104
|
-
event?.preventDefault?.();
|
|
105
|
-
}
|
|
106
|
-
else {
|
|
107
|
-
onFocus && onFocus(event);
|
|
108
|
-
}
|
|
109
|
-
}, [userDisabled, onFocus]);
|
|
110
|
-
const handleChange = useCallback((event) => {
|
|
111
|
-
if (userDisabled) {
|
|
112
|
-
return;
|
|
113
|
-
}
|
|
114
|
-
if (onChangeInner && event?.target) {
|
|
115
|
-
// eslint-disable-next-line no-param-reassign
|
|
116
|
-
event.target.value = onChangeInner(event.target.value);
|
|
117
|
-
onChange && onChange(event);
|
|
118
|
-
}
|
|
119
|
-
else {
|
|
120
|
-
onChange && onChange(event);
|
|
121
|
-
}
|
|
122
|
-
}, [onChangeInner, onChange, userDisabled]);
|
|
123
|
-
const valueProps = useMemo(() => {
|
|
124
|
-
if (value === undefined) {
|
|
125
|
-
return { defaultValue };
|
|
126
|
-
}
|
|
127
|
-
return { value };
|
|
128
|
-
}, [value, defaultValue]);
|
|
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 })] }));
|
|
135
|
-
});
|
|
136
|
-
Field.displayName = 'Field';
|
|
137
|
-
//# sourceMappingURL=Field.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/field/Field.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
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 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/field/types.ts"],"names":[],"mappings":""}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { memo } from 'react';
|
|
3
|
-
export const Icon = memo(({ icon, className, color = 'currentColor' }) => (_jsx("svg", { "aria-hidden": 'true', focusable: 'false', "data-prefix": icon.prefix, "data-icon": icon.iconName, className: `svg-inline--fa fa-${icon.iconName} ${className}`, role: 'img', xmlns: 'http://www.w3.org/2000/svg', viewBox: `0 0 ${icon.icon[0]} ${icon.icon[1]}`, children: _jsx("path", { fill: color, d: icon.icon[4] }) })));
|
|
4
|
-
Icon.displayName = 'Icon';
|
|
5
|
-
//# sourceMappingURL=Icon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/icon/Icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAY5B,MAAM,CAAC,MAAM,IAAI,GAAG,IAAI,CAAW,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,GAAG,cAAc,EAAY,EAAE,EAAE,CAAC,CAC5F,6BACc,MAAM,EAClB,SAAS,EAAC,OAAO,iBACJ,IAAI,CAAC,MAAM,eACb,IAAI,CAAC,QAAQ,EACxB,SAAS,EAAE,qBAAqB,IAAI,CAAC,QAAQ,IAAI,SAAS,EAAE,EAC5D,IAAI,EAAC,KAAK,EACV,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAE,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,YAE9C,eACE,IAAI,EAAE,KAAK,EACX,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GACf,GACE,CACP,CAAC,CAAA;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { memo, useMemo } from 'react';
|
|
3
|
-
import classes from './icon.module.scss';
|
|
4
|
-
import { unifyIconUrl } from './unifyIconUrl';
|
|
5
|
-
export const IconBase = memo(({ iconUrl, minWidth, minHeight, size, fontSize, width, height, color = 'currentColor', className = '', children, style, onClick, ...props }) => {
|
|
6
|
-
const unifiedIconUrl = iconUrl && unifyIconUrl(iconUrl);
|
|
7
|
-
const styles = useMemo(() => ({
|
|
8
|
-
'--min-width': minWidth || size || width || 'auto',
|
|
9
|
-
'--min-height': minHeight || size || height || 'auto',
|
|
10
|
-
'--width': size || width || '1rem',
|
|
11
|
-
'--height': size || height || '1rem',
|
|
12
|
-
...(fontSize ? { fontSize } : {}),
|
|
13
|
-
...(unifiedIconUrl ? { '--icon-url': `url(${unifiedIconUrl})` } : {}),
|
|
14
|
-
...(unifiedIconUrl ? { '--icon-color': color } : { '--icon-content-color': color }),
|
|
15
|
-
...(onClick ? { cursor: 'pointer' } : {}),
|
|
16
|
-
...style,
|
|
17
|
-
}), [minWidth, size, width, minHeight, height, fontSize, unifiedIconUrl, color, onClick, style]);
|
|
18
|
-
const onClickProps = useMemo(() => (onClick ? ({
|
|
19
|
-
onClick,
|
|
20
|
-
role: 'button',
|
|
21
|
-
tabIndex: -1,
|
|
22
|
-
}) : {}), [onClick]);
|
|
23
|
-
return (_jsx("span", { ...props, ...onClickProps, className: `${classes['icon-base']} icon-base ${className}`, style: styles, children: (!unifiedIconUrl && children) && children }));
|
|
24
|
-
});
|
|
25
|
-
IconBase.displayName = 'IconBase';
|
|
26
|
-
//# sourceMappingURL=IconBase.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"IconBase.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiB,IAAI,EAAE,OAAO,EAAqC,MAAM,OAAO,CAAA;AAEvF,OAAO,OAAO,MAAM,oBAAoB,CAAA;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAkB7C,MAAM,CAAC,MAAM,QAAQ,GAAqB,IAAI,CAAe,CAAC,EAC5D,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAClC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAG,cAAc,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,EACtF,EAAE,EAAE;IACjB,MAAM,cAAc,GAAG,OAAO,IAAI,YAAY,CAAC,OAAO,CAAC,CAAA;IAEvD,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAC3B;QACE,aAAa,EAAE,QAAQ,IAAI,IAAI,IAAI,KAAK,IAAI,MAAM;QAClD,cAAc,EAAE,SAAS,IAAI,IAAI,IAAI,MAAM,IAAI,MAAM;QACrD,SAAS,EAAE,IAAI,IAAI,KAAK,IAAI,MAAM;QAClC,UAAU,EAAE,IAAI,IAAI,MAAM,IAAI,MAAM;QACpC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACjC,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,OAAO,cAAc,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACrE,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,sBAAsB,EAAE,KAAK,EAAE,CAAC;QACnF,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACzC,GAAG,KAAK;KACT,CACF,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAA;IAE/F,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAC7C,OAAO;QACP,IAAI,EAAE,QAAQ;QACd,QAAQ,EAAE,CAAC,CAAC;KACb,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEpB,OAAO,CACL,kBACM,KAAK,KACL,YAAY,EAChB,SAAS,EAAE,GAAG,OAAO,CAAC,WAAW,CAAC,cAAc,SAAS,EAAE,EAC3D,KAAK,EAAE,MAAuB,YAE7B,CAAC,CAAC,cAAc,IAAI,QAAQ,CAAC,IAAI,QAAQ,GACrC,CACR,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA"}
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
7
|
-
var ESIcon_1;
|
|
8
|
-
import { ced, resolveAttributes } from '../../../utils/webComponents/webComponent.utils';
|
|
9
|
-
import classes from './icon.module.scss';
|
|
10
|
-
const template = document.createElement('template');
|
|
11
|
-
template.innerHTML = '<span class="icon-base"></span>';
|
|
12
|
-
let ESIcon = ESIcon_1 = class ESIcon extends HTMLElement {
|
|
13
|
-
content;
|
|
14
|
-
mainElement;
|
|
15
|
-
iconUrl;
|
|
16
|
-
minWidth;
|
|
17
|
-
minHeight;
|
|
18
|
-
width;
|
|
19
|
-
height;
|
|
20
|
-
size;
|
|
21
|
-
fontSize;
|
|
22
|
-
color;
|
|
23
|
-
static get observedAttributes() {
|
|
24
|
-
return ['iconUrl', 'minWidth', 'minHeight', 'width', 'height', 'size', 'fontSize', 'color', 'className'];
|
|
25
|
-
}
|
|
26
|
-
connectedCallback() {
|
|
27
|
-
if (this.content || this.innerHTML) {
|
|
28
|
-
this.content = this.content || this.innerHTML || this.getAttribute('content');
|
|
29
|
-
}
|
|
30
|
-
this.innerHTML = template.innerHTML;
|
|
31
|
-
resolveAttributes(this, ESIcon_1.observedAttributes);
|
|
32
|
-
this.render();
|
|
33
|
-
}
|
|
34
|
-
attributeChangedCallback(attrName, oldVal, newVal) {
|
|
35
|
-
if (attrName === 'className' || attrName === 'classname' || attrName === 'class') {
|
|
36
|
-
if (typeof newVal === 'string') {
|
|
37
|
-
this.classList.remove(newVal);
|
|
38
|
-
this.classList.add(newVal);
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
if (!this.color) {
|
|
42
|
-
this.color = 'currentColor';
|
|
43
|
-
}
|
|
44
|
-
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
45
|
-
// @ts-ignore
|
|
46
|
-
this[attrName] = newVal || '';
|
|
47
|
-
this.render();
|
|
48
|
-
}
|
|
49
|
-
render = () => {
|
|
50
|
-
this.mainElement = this.mainElement || this.querySelector('.icon-base');
|
|
51
|
-
if (!this.mainElement) {
|
|
52
|
-
return;
|
|
53
|
-
}
|
|
54
|
-
this.classList.add(classes['icon-base-parent']);
|
|
55
|
-
this.mainElement.classList.add(classes['icon-base']);
|
|
56
|
-
const styles = {
|
|
57
|
-
'--min-width': this.minWidth || this.size || this.width || 'auto',
|
|
58
|
-
'--min-height': this.minHeight || this.size || this.height || 'auto',
|
|
59
|
-
'--width': this.size || this.width || '1rem',
|
|
60
|
-
'--height': this.size || this.height || '1rem',
|
|
61
|
-
...(this.fontSize ? { 'font-size': this.fontSize || 'unset' } : {}),
|
|
62
|
-
...(this.iconUrl ? { '--icon-url': `url(${this.iconUrl})` } : {}),
|
|
63
|
-
...(this.iconUrl ? { '--icon-color': this.color } : { '--icon-content-color': this.color }),
|
|
64
|
-
};
|
|
65
|
-
this.mainElement.innerHTML = this.iconUrl ? '' : (this.content || '');
|
|
66
|
-
this.mainElement.setAttribute('style', Object.entries(styles).map(([key, value]) => `${key}: ${value};`).join(' '));
|
|
67
|
-
};
|
|
68
|
-
};
|
|
69
|
-
ESIcon = ESIcon_1 = __decorate([
|
|
70
|
-
ced('icon-base')
|
|
71
|
-
], ESIcon);
|
|
72
|
-
export { ESIcon };
|
|
73
|
-
export const ESIconBase = {
|
|
74
|
-
ESIconBase: ESIcon,
|
|
75
|
-
};
|
|
76
|
-
//# sourceMappingURL=IconWC.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"IconWC.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/icon/IconWC.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/icon/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { is } from 'ramda';
|
|
2
|
-
// fix of Vite 5 new way of handling assets
|
|
3
|
-
// https://github.com/vitejs/vite/pull/2909
|
|
4
|
-
// https://github.com/vitejs/vite/blob/77d5165e2f252bfecbb0eebccc6f04dc8be0c5ba/packages/vite/src/node/plugins/asset.ts#L419
|
|
5
|
-
export const unifyIconUrl = (iconUrl) => {
|
|
6
|
-
if (!iconUrl || !is(String, iconUrl) || !iconUrl
|
|
7
|
-
|| iconUrl?.includes('.svg') || iconUrl?.includes('data:image/svg+xml;base64')) {
|
|
8
|
-
return iconUrl;
|
|
9
|
-
}
|
|
10
|
-
const unifiedIconUrl = iconUrl?.replaceAll('/\\s+/g', ' ')
|
|
11
|
-
.replaceAll('\'', '"')
|
|
12
|
-
.replaceAll('%25', '%')
|
|
13
|
-
.replaceAll('%23', '#')
|
|
14
|
-
.replaceAll('%3c', '<')
|
|
15
|
-
.replaceAll('%3e', '>')
|
|
16
|
-
.replaceAll('%20', ' ')
|
|
17
|
-
.replaceAll('data:image/svg+xml,', '');
|
|
18
|
-
return `data:image/svg+xml;base64,${btoa(unifiedIconUrl)}`;
|
|
19
|
-
};
|
|
20
|
-
//# sourceMappingURL=unifyIconUrl.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"unifyIconUrl.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/icon/unifyIconUrl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE1B,2CAA2C;AAC3C,2CAA2C;AAC3C,4HAA4H;AAC5H,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,OAAe,EAAE,EAAE;IAC9C,IAAI,CAAC,OAAO,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO;WAC7C,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,IAAI,OAAO,EAAE,QAAQ,CAAC,2BAA2B,CAAC,EAAE,CAAC;QAC/E,OAAO,OAAO,CAAA;IAChB,CAAC;IAED,MAAM,cAAc,GAAG,OAAO,EAAE,UAAU,CAAC,SAAS,EAAE,GAAG,CAAC;SACvD,UAAU,CAAC,IAAI,EAAE,GAAG,CAAC;SACrB,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC;SACtB,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC;SACtB,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC;SACtB,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC;SACtB,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC;SACtB,UAAU,CAAC,qBAAqB,EAAE,EAAE,CAAC,CAAA;IAExC,OAAO,6BAA6B,IAAI,CAAC,cAAc,CAAC,EAAE,CAAA;AAC5D,CAAC,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
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;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/molecules/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}
|