@e1011/es-kit 1.1.34 → 1.1.38
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 +134 -134
- package/dist/hooks/index.css +134 -134
- package/dist/lib/cjs/src/core/ui/components/atoms/button/Button.js +1 -1
- package/dist/lib/cjs/src/core/ui/components/atoms/button/Button.js.map +1 -1
- package/dist/lib/cjs/src/core/ui/components/icon/IconBase.js.map +1 -1
- package/dist/lib/cjs/src/core/utils/helpers/date.js +1 -1
- package/dist/lib/cjs/src/core/utils/helpers/date.js.map +1 -1
- package/dist/lib/cjs/src/index.js +1 -1
- package/dist/lib/esm/src/core/ui/components/atoms/button/Button.js +1 -1
- package/dist/lib/esm/src/core/ui/components/atoms/button/Button.js.map +1 -1
- package/dist/lib/esm/src/core/ui/components/icon/IconBase.js.map +1 -1
- package/dist/lib/esm/src/core/utils/helpers/date.js +1 -1
- package/dist/lib/esm/src/core/utils/helpers/date.js.map +1 -1
- package/dist/lib/esm/src/index.js +1 -1
- package/dist/lib/tsconfig.tsbuildinfo +1 -1
- package/dist/types/src/core/ui/components/atoms/button/Button.d.ts +3 -1
- package/dist/types/src/core/ui/components/atoms/button/Button.d.ts.map +1 -1
- package/dist/types/src/core/ui/components/atoms/button/button.stories.d.ts.map +1 -1
- package/dist/types/src/core/ui/components/atoms/button/button.types.d.ts +5 -1
- package/dist/types/src/core/ui/components/atoms/button/button.types.d.ts.map +1 -1
- package/dist/types/src/core/ui/components/atoms/textAndContent/textAndContent.types.d.ts +2 -2
- package/dist/types/src/core/ui/components/atoms/textAndContent/textAndContent.types.d.ts.map +1 -1
- package/dist/types/src/core/ui/components/icon/IconBase.d.ts +3 -3
- package/dist/types/src/core/ui/components/icon/IconBase.d.ts.map +1 -1
- package/dist/types/src/core/utils/helpers/date.d.ts +4 -1
- package/dist/types/src/core/utils/helpers/date.d.ts.map +1 -1
- package/dist/ui/esm/src/core/ui/components/atoms/button/Button.js +1 -1
- package/dist/ui/esm/src/core/ui/components/atoms/button/Button.js.map +1 -1
- package/dist/ui/esm/src/core/ui/components/icon/IconBase.js.map +1 -1
- package/dist/ui/esm/src/core/ui/index.js +1 -1
- package/dist/ui/src/core/ui/components/atoms/button/Button.js +1 -1
- package/dist/ui/src/core/ui/components/atoms/button/Button.js.map +1 -1
- package/dist/ui/src/core/ui/components/icon/IconBase.js.map +1 -1
- package/dist/ui/src/core/ui/index.js +1 -1
- package/dist/ui/styles/generic.anims.css.map +1 -1
- package/dist/utils/esm/index.css +134 -134
- package/dist/utils/esm/src/core/utils/helpers/date.js +1 -1
- package/dist/utils/esm/src/core/utils/helpers/date.js.map +1 -1
- package/dist/utils/esm/src/core/utils/index.js +1 -1
- package/dist/utils/index.css +134 -134
- package/dist/utils/src/core/utils/helpers/date.js +1 -1
- package/dist/utils/src/core/utils/helpers/date.js.map +1 -1
- package/dist/utils/src/core/utils/index.js +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import type { ButtonProps, IconButtonProps } from './button.types';
|
|
2
3
|
export declare const keys: {
|
|
3
4
|
ENTER: {
|
|
4
5
|
key: string;
|
|
@@ -25,4 +26,5 @@ export declare const keys: {
|
|
|
25
26
|
*/
|
|
26
27
|
export declare const Button: import("react").MemoExoticComponent<({ label, children, variant, tiny, truncate, fluid, preventDefualt, stopPropagation, onClick, type, transparent, hasShadow, hasIcon, disabled, animated, className, id, href, target, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element>;
|
|
27
28
|
export type ButtonType = typeof Button;
|
|
29
|
+
export declare const IconButton: FC<IconButtonProps>;
|
|
28
30
|
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/ui/components/atoms/button/Button.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/ui/components/atoms/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+D,EAAE,EAAkB,MAAM,OAAO,CAAA;AAOvG,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAGlE,eAAO,MAAM,IAAI;;;;;CAKhB,CAAA;AAeD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,MAAM,wOAchB,WAAW,6CAyDZ,CAAA;AAEF,MAAM,MAAM,UAAU,GAAG,OAAO,MAAM,CAAA;AAgBtC,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAqBzC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.stories.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/ui/components/atoms/button/button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAQzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;wBAM5C,IAAI;AAHT,wBAGS;
|
|
1
|
+
{"version":3,"file":"button.stories.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/ui/components/atoms/button/button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAQzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;wBAM5C,IAAI;AAHT,wBAGS;AAiDT,eAAO,MAAM,UAAU,kGAA0B,CAAA"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { PropsWithChildren, MouseEvent, KeyboardEvent, CSSProperties } from 'react';
|
|
1
|
+
import { PropsWithChildren, MouseEvent, KeyboardEvent, CSSProperties, ReactNode } from 'react';
|
|
2
2
|
import { Alerts } from '../../../../constants';
|
|
3
3
|
import { CommonProps } from '../../../types/CommonProps';
|
|
4
|
+
import { IconBaseProps } from '../../icon';
|
|
4
5
|
export type ButtonProps = PropsWithChildren & {
|
|
5
6
|
id?: string;
|
|
6
7
|
type?: 'button' | 'submit' | 'reset' | undefined;
|
|
@@ -22,4 +23,7 @@ export type ButtonProps = PropsWithChildren & {
|
|
|
22
23
|
href?: string;
|
|
23
24
|
target?: string;
|
|
24
25
|
} & CommonProps;
|
|
26
|
+
export type IconButtonProps = ButtonProps & IconBaseProps & {
|
|
27
|
+
iconContent?: ReactNode;
|
|
28
|
+
};
|
|
25
29
|
//# sourceMappingURL=button.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.types.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/ui/components/atoms/button/button.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"button.types.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/ui/components/atoms/button/button.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,aAAa,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE9F,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAG1C,MAAM,MAAM,WAAW,GAAG,iBAAiB,GAAG;IAC5C,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;IAChD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAA;IAClC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,aAAa,KAAK,IAAI,CAAA;IACrD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,GAAG,WAAW,CAAA;AAGf,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG,aAAa,GACtD;IACD,WAAW,CAAC,EAAE,SAAS,CAAA;CACvB,CAAA"}
|
|
@@ -18,7 +18,7 @@ export type TextAndIconsProps = TextAndContentProps & {
|
|
|
18
18
|
iconRightUrl?: string;
|
|
19
19
|
iconRight?: ReactNode;
|
|
20
20
|
iconLeft?: ReactNode;
|
|
21
|
-
onLeftIconClick?: (event
|
|
22
|
-
onRightIconClick?: (event
|
|
21
|
+
onLeftIconClick?: (event: MouseEvent | KeyboardEvent) => void;
|
|
22
|
+
onRightIconClick?: (event: MouseEvent | KeyboardEvent) => void;
|
|
23
23
|
};
|
|
24
24
|
//# sourceMappingURL=textAndContent.types.d.ts.map
|
package/dist/types/src/core/ui/components/atoms/textAndContent/textAndContent.types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textAndContent.types.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/ui/components/atoms/textAndContent/textAndContent.types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,iBAAiB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAElF,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAA;AAG1E,MAAM,MAAM,mBAAmB,GAAG,cAAc,GAAG,iBAAiB,GAAG;IACrE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE;QACX,aAAa,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAA;KAC9B,CAAA;IACD,WAAW,CAAC,EAAE,YAAY,CAAA;IAC1B,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAA;CAC/B,CAAA;AAGD,MAAM,MAAM,iBAAiB,GAAG,mBAAmB,GAAG;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,eAAe,CAAC,EAAE,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"textAndContent.types.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/ui/components/atoms/textAndContent/textAndContent.types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,iBAAiB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAElF,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAA;AAG1E,MAAM,MAAM,mBAAmB,GAAG,cAAc,GAAG,iBAAiB,GAAG;IACrE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE;QACX,aAAa,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAA;KAC9B,CAAA;IACD,WAAW,CAAC,EAAE,YAAY,CAAA;IAC1B,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAA;CAC/B,CAAA;AAGD,MAAM,MAAM,iBAAiB,GAAG,mBAAmB,GAAG;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,aAAa,KAAK,IAAI,CAAA;IAC7D,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,aAAa,KAAK,IAAI,CAAA;CAC/D,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CSSProperties, FC, PropsWithChildren, MouseEvent } from 'react';
|
|
2
|
-
export type
|
|
2
|
+
export type IconBaseProps = PropsWithChildren<unknown> & {
|
|
3
3
|
id?: string;
|
|
4
4
|
iconUrl?: string | null;
|
|
5
5
|
minWidth?: string | null;
|
|
@@ -11,7 +11,7 @@ export type IconBaseType = PropsWithChildren<unknown> & {
|
|
|
11
11
|
color?: string | null;
|
|
12
12
|
className?: string | null;
|
|
13
13
|
style?: CSSProperties | null;
|
|
14
|
-
onClick?: (event
|
|
14
|
+
onClick?: (event: MouseEvent | KeyboardEvent) => void;
|
|
15
15
|
};
|
|
16
|
-
export declare const IconBase: FC<
|
|
16
|
+
export declare const IconBase: FC<IconBaseProps>;
|
|
17
17
|
//# sourceMappingURL=IconBase.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconBase.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,EAAE,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAMvF,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"IconBase.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,EAAE,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAMvF,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC,OAAO,CAAC,GAAG;IACvD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,KAAK,CAAC,EAAE,aAAa,GAAG,IAAI,CAAA;IAC5B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,aAAa,KAAK,IAAI,CAAA;CACtD,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAoCrC,CAAA"}
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
export declare const getDate: () => string;
|
|
2
|
-
export declare const DATE_FORMAT = "MM-DD-YYYY HH-mm";
|
|
3
2
|
export declare const formatDateToTimestamp: (date?: Date) => string;
|
|
3
|
+
export declare const DATE_FORMAT = "MM-DD-YYYY";
|
|
4
|
+
export declare const DATE_TIME_FORMAT = "MM-DD-YYYY HH-mm-ss";
|
|
5
|
+
export declare const formatDate: (date: string | Date) => string;
|
|
6
|
+
export declare const formatDateTime: (date: string | Date) => string;
|
|
4
7
|
//# sourceMappingURL=date.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../../../../../src/core/utils/helpers/date.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO,QAAO,MAA+B,CAAA;
|
|
1
|
+
{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../../../../../src/core/utils/helpers/date.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO,QAAO,MAA+B,CAAA;AAG1D,eAAO,MAAM,qBAAqB,mBAAwB,MAAmD,CAAA;AAE7G,eAAO,MAAM,WAAW,eAAe,CAAA;AACvC,eAAO,MAAM,gBAAgB,wBAAwB,CAAA;AAErD,eAAO,MAAM,UAAU,SAAU,MAAM,GAAG,IAAI,KAAG,MAAyC,CAAA;AAC1F,eAAO,MAAM,cAAc,SAAU,MAAM,GAAG,IAAI,KAAG,MAA8C,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{extends as t}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as e,useCallback as
|
|
1
|
+
import{extends as t}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as e,useCallback as n,createElement as a}from"react";import{AnchorLink as o}from"../text/anchor-link/AnchorLink.js";import r from"./button.module.scss.js";import{classNames as i,noop as s}from"../../../../utils/helpers/ui.js";import{composeId as l}from"../../../../utils/helpers/text.js";import{IconBase as c}from"../../icon/IconBase.js";const d={ENTER:{key:"Enter",keyCode:13}},m=e((t=>{let{variant:e,href:n,target:r,children:i,...l}=t;return"link"===e?a(o,{href:n,target:r,...l,onClick:s},i):a("span",{},i)}));m.displayName="InnerElement";const p=e((e=>{let{label:a,children:o,variant:s,tiny:c,truncate:p,fluid:h,preventDefualt:u,stopPropagation:f,onClick:g,type:E="button",transparent:y,hasShadow:v,hasIcon:b,disabled:k,animated:I=!1,className:j="",id:C,href:N,target:P,...R}=e;const x=`${a||o?.toString()}`,w=n((t=>{u&&t.preventDefault(),f&&(t.stopPropagation(),t.nativeEvent.stopImmediatePropagation()),g?.(t)}),[g,u,f]),B=n((t=>{t.key===d.ENTER.key&&(u&&t.preventDefault(),f&&(t.stopPropagation(),t.nativeEvent.stopImmediatePropagation()),g?.(t))}),[g,u,f]);return React.createElement("button",t({type:E,tabIndex:-1,onClick:w,onKeyDown:B,className:i(r.button,c&&r.tiny,s&&r[s],p&&r.truncate,h&&r.fluid,I&&r.animated,y&&r.transparent,v&&r.hasShadow,b&&r.hasIcon,k&&r.disabled,j),id:`${C||x&&l(x)}`,"data-testid":`${R.dataTestId||R["data-testid"]||C||x&&l(x)}`},R),React.createElement(m,{variant:s,href:N,target:P},a&&a,o||o))}));p.displayName="Button";const h=["iconUrl","minWidth","minHeight","width","height","size","fontSize","color"],u=e((e=>{const n={},a={};return Object.entries(e).forEach((t=>{let[e,o]=t;h.includes(e)?a[e]=o:n[e]=o})),a.children=e.children,React.createElement(p,t({},n,{hasIcon:!0}),e.iconContent&&e.iconContent,!e.iconContent&&React.createElement(c,a))}));u.displayName="IconButton";export{p as Button,u as IconButton,d as keys};
|
|
2
2
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sources":["../../../../../../../../../src/core/ui/components/atoms/button/Button.tsx"],"sourcesContent":["import { memo, useCallback, MouseEvent, KeyboardEvent, createElement, FC, HTMLAttributes } from 'react'\n\nimport { classNames, composeId, noop } from '../../../../utils'\nimport { Alerts } from '../../../../constants'\nimport { AnchorLink } from '../text/anchor-link/AnchorLink'\n\nimport type { ButtonProps } from './button.types'\nimport classes from './button.module.scss'\n\nexport const keys = {\n ENTER: {\n key: 'Enter',\n keyCode: 13,\n },\n}\n\ntype InnerElementsProps = Partial<ButtonProps> & Partial<HTMLAttributes<HTMLAnchorElement>>\n\nconst InnerElement: FC<InnerElementsProps> = memo(({\n variant, href, target, children, ...props\n}: Omit<InnerElementsProps, 'onClick'>) => {\n if (variant === 'link') {\n return createElement(AnchorLink, { href, target, ...props, onClick: noop }, children)\n }\n return createElement('span', {}, children)\n})\n\nInnerElement.displayName = 'InnerElement'\n\n/**\n * Button component for displaying buttons with optional features.\n * @component\n *\n * Generated component from Template\n * @param {object} props - The component props.\n * @param {string} props.label - The value to be displayed in the button.\n * @param {ReactNode} [props.children] - Additional content to be displayed inside the button.\n * @param {string} [props.variant] - The variant of the button (e.g., 'primary', 'secondary').\n * @param {boolean} [props.tiny] - Whether the button should be tiny.\n * @param {boolean} [props.truncate] - Whether the content inside the button should be truncated.\n * @param {boolean} [props.fluid] - Whether the button should have a fluid width.\n * @param {boolean} [props.animated=true] - Whether the button should have animation (default is true).\n * @param {string} [props.className] - Additional classes to be applied to the button.\n * @param {...object} props.props - Additional props to be spread to the underlying div element.\n *\n * @returns {JSX.Element} The rendered Button component.\n */\nexport const Button = memo(({\n label, children,\n variant, tiny, truncate, fluid,\n preventDefualt, stopPropagation,\n onClick,\n type = 'button',\n transparent,\n hasShadow,\n hasIcon,\n disabled,\n animated = false, className = '', id,\n href,\n target,\n ...props\n}: ButtonProps) => {\n const textFromChildren: string | undefined = `${label || children?.toString()}`\n\n const clickHandler = useCallback((event: MouseEvent) => {\n if (preventDefualt) {\n event.preventDefault()\n }\n if (stopPropagation) {\n event.stopPropagation()\n event.nativeEvent.stopImmediatePropagation()\n }\n onClick?.(event)\n }, [onClick, preventDefualt, stopPropagation])\n\n const keyDownHandler = useCallback((event: KeyboardEvent) => {\n if (event.key === keys.ENTER.key) {\n if (preventDefualt) {\n event.preventDefault()\n }\n if (stopPropagation) {\n event.stopPropagation()\n event.nativeEvent.stopImmediatePropagation()\n }\n onClick?.(event)\n }\n }, [onClick, preventDefualt, stopPropagation])\n\n return (\n <button\n // eslint-disable-next-line react/button-has-type\n type={type}\n tabIndex={-1}\n onClick={clickHandler}\n onKeyDown={keyDownHandler}\n className={classNames(\n classes.button,\n tiny && classes.tiny,\n variant && classes[variant as Alerts],\n truncate && classes.truncate,\n fluid && classes.fluid,\n animated && classes.animated,\n transparent && classes.transparent,\n hasShadow && classes.hasShadow,\n hasIcon && classes.hasIcon,\n disabled && classes.disabled,\n className,\n )}\n id={`${id || (textFromChildren && composeId(textFromChildren))}`}\n data-testid={`${(props as Record<string, string>).dataTestId || (props as Record<string, string>)['data-testid'] || id || (textFromChildren && composeId(textFromChildren))}`}\n {...props}\n >\n <InnerElement variant={variant} href={href} target={target}>\n {label && label}\n {children || children}\n </InnerElement>\n </button>\n )\n})\n\nexport type ButtonType = typeof Button\n\n// Set display name for the component.\nButton.displayName = 'Button'\n"],"names":["keys","ENTER","key","keyCode","InnerElement","memo","_ref","variant","href","target","children","props","createElement","AnchorLink","onClick","noop","displayName","Button","_ref2","label","tiny","truncate","fluid","preventDefualt","stopPropagation","type","transparent","hasShadow","hasIcon","disabled","animated","className","id","textFromChildren","toString","clickHandler","useCallback","event","preventDefault","nativeEvent","stopImmediatePropagation","keyDownHandler","React","_extends","tabIndex","onKeyDown","classNames","classes","button","composeId","dataTestId"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../../../../../../../../src/core/ui/components/atoms/button/Button.tsx"],"sourcesContent":["import { memo, useCallback, MouseEvent, KeyboardEvent, createElement, FC, HTMLAttributes } from 'react'\n\nimport { classNames, composeId, noop } from '../../../../utils'\nimport { Alerts } from '../../../../constants'\nimport { AnchorLink } from '../text/anchor-link/AnchorLink'\nimport { IconBase, IconBaseProps } from '../../icon'\n\nimport type { ButtonProps, IconButtonProps } from './button.types'\nimport classes from './button.module.scss'\n\nexport const keys = {\n ENTER: {\n key: 'Enter',\n keyCode: 13,\n },\n}\n\ntype InnerElementsProps = Partial<ButtonProps> & Partial<HTMLAttributes<HTMLAnchorElement>>\n\nconst InnerElement: FC<InnerElementsProps> = memo(({\n variant, href, target, children, ...props\n}: Omit<InnerElementsProps, 'onClick'>) => {\n if (variant === 'link') {\n return createElement(AnchorLink, { href, target, ...props, onClick: noop }, children)\n }\n return createElement('span', {}, children)\n})\n\nInnerElement.displayName = 'InnerElement'\n\n/**\n * Button component for displaying buttons with optional features.\n * @component\n *\n * Generated component from Template\n * @param {object} props - The component props.\n * @param {string} props.label - The value to be displayed in the button.\n * @param {ReactNode} [props.children] - Additional content to be displayed inside the button.\n * @param {string} [props.variant] - The variant of the button (e.g., 'primary', 'secondary').\n * @param {boolean} [props.tiny] - Whether the button should be tiny.\n * @param {boolean} [props.truncate] - Whether the content inside the button should be truncated.\n * @param {boolean} [props.fluid] - Whether the button should have a fluid width.\n * @param {boolean} [props.animated=true] - Whether the button should have animation (default is true).\n * @param {string} [props.className] - Additional classes to be applied to the button.\n * @param {...object} props.props - Additional props to be spread to the underlying div element.\n *\n * @returns {JSX.Element} The rendered Button component.\n */\nexport const Button = memo(({\n label, children,\n variant, tiny, truncate, fluid,\n preventDefualt, stopPropagation,\n onClick,\n type = 'button',\n transparent,\n hasShadow,\n hasIcon,\n disabled,\n animated = false, className = '', id,\n href,\n target,\n ...props\n}: ButtonProps) => {\n const textFromChildren: string | undefined = `${label || children?.toString()}`\n\n const clickHandler = useCallback((event: MouseEvent) => {\n if (preventDefualt) {\n event.preventDefault()\n }\n if (stopPropagation) {\n event.stopPropagation()\n event.nativeEvent.stopImmediatePropagation()\n }\n onClick?.(event)\n }, [onClick, preventDefualt, stopPropagation])\n\n const keyDownHandler = useCallback((event: KeyboardEvent) => {\n if (event.key === keys.ENTER.key) {\n if (preventDefualt) {\n event.preventDefault()\n }\n if (stopPropagation) {\n event.stopPropagation()\n event.nativeEvent.stopImmediatePropagation()\n }\n onClick?.(event)\n }\n }, [onClick, preventDefualt, stopPropagation])\n\n return (\n <button\n // eslint-disable-next-line react/button-has-type\n type={type}\n tabIndex={-1}\n onClick={clickHandler}\n onKeyDown={keyDownHandler}\n className={classNames(\n classes.button,\n tiny && classes.tiny,\n variant && classes[variant as Alerts],\n truncate && classes.truncate,\n fluid && classes.fluid,\n animated && classes.animated,\n transparent && classes.transparent,\n hasShadow && classes.hasShadow,\n hasIcon && classes.hasIcon,\n disabled && classes.disabled,\n className,\n )}\n id={`${id || (textFromChildren && composeId(textFromChildren))}`}\n data-testid={`${(props as Record<string, string>).dataTestId || (props as Record<string, string>)['data-testid'] || id || (textFromChildren && composeId(textFromChildren))}`}\n {...props}\n >\n <InnerElement variant={variant} href={href} target={target}>\n {label && label}\n {children || children}\n </InnerElement>\n </button>\n )\n})\n\nexport type ButtonType = typeof Button\n\n// Set display name for the component.\nButton.displayName = 'Button'\n\nconst iconBaseProps = [\n 'iconUrl',\n 'minWidth',\n 'minHeight',\n 'width',\n 'height',\n 'size',\n 'fontSize',\n 'color',\n]\n\nexport const IconButton: FC<IconButtonProps> = memo<IconButtonProps>((props: IconButtonProps) => {\n const buttonProps: Record<string, unknown> = {}\n const iconProps: Record<string, unknown> = {}\n\n Object.entries(props).forEach(([name, value]: [string, unknown]) => {\n if (iconBaseProps.includes(name)) {\n // eslint-disable-next-line no-param-reassign\n iconProps[name] = value\n } else {\n buttonProps[name] = value\n }\n })\n\n iconProps.children = props.children\n\n return (\n <Button {...(buttonProps as ButtonProps)} hasIcon>\n {props.iconContent && props.iconContent}\n {!props.iconContent && (<IconBase {...(iconProps as IconBaseProps)} />)}\n </Button>\n )\n})\n\nIconButton.displayName = 'IconButton'\n"],"names":["keys","ENTER","key","keyCode","InnerElement","memo","_ref","variant","href","target","children","props","createElement","AnchorLink","onClick","noop","displayName","Button","_ref2","label","tiny","truncate","fluid","preventDefualt","stopPropagation","type","transparent","hasShadow","hasIcon","disabled","animated","className","id","textFromChildren","toString","clickHandler","useCallback","event","preventDefault","nativeEvent","stopImmediatePropagation","keyDownHandler","React","_extends","tabIndex","onKeyDown","classNames","classes","button","composeId","dataTestId","iconBaseProps","IconButton","buttonProps","iconProps","Object","entries","forEach","_ref3","name","value","includes","iconContent","IconBase"],"mappings":"gbAUO,MAAMA,EAAO,CAClBC,MAAO,CACLC,IAAK,QACLC,QAAS,KAMPC,EAAuCC,GAAKC,IAEP,IAFQC,QACjDA,EAAOC,KAAEA,EAAIC,OAAEA,EAAMC,SAAEA,KAAaC,GACAL,EACpC,MAAgB,SAAZC,EACKK,EAAcC,EAAY,CAAEL,OAAMC,YAAWE,EAAOG,QAASC,GAAQL,GAEvEE,EAAc,OAAQ,CAAE,EAAEF,EAAS,IAG5CN,EAAaY,YAAc,qBAoBdC,EAASZ,GAAKa,IAcR,IAdSC,MAC1BA,EAAKT,SAAEA,EAAQH,QACfA,EAAOa,KAAEA,EAAIC,SAAEA,EAAQC,MAAEA,EAAKC,eAC9BA,EAAcC,gBAAEA,EAAeV,QAC/BA,EAAOW,KACPA,EAAO,SAAQC,YACfA,EAAWC,UACXA,EAASC,QACTA,EAAOC,SACPA,EAAQC,SACRA,GAAW,EAAKC,UAAEA,EAAY,GAAEC,GAAEA,EAAExB,KACpCA,EAAIC,OACJA,KACGE,GACSO,EACZ,MAAMe,EAAuC,GAAGd,GAAST,GAAUwB,aAE7DC,EAAeC,GAAaC,IAC5Bd,GACFc,EAAMC,iBAEJd,IACFa,EAAMb,kBACNa,EAAME,YAAYC,4BAEpB1B,IAAUuB,EAAM,GACf,CAACvB,EAASS,EAAgBC,IAEvBiB,EAAiBL,GAAaC,IAC9BA,EAAMnC,MAAQF,EAAKC,MAAMC,MACvBqB,GACFc,EAAMC,iBAEJd,IACFa,EAAMb,kBACNa,EAAME,YAAYC,4BAEpB1B,IAAUuB,GACZ,GACC,CAACvB,EAASS,EAAgBC,IAE7B,OACEkB,MAAA9B,cAAA,SAAA+B,EAAA,CAEElB,KAAMA,EACNmB,UAAW,EACX9B,QAASqB,EACTU,UAAWJ,EACXV,UAAWe,EACTC,EAAQC,OACR5B,GAAQ2B,EAAQ3B,KAChBb,GAAWwC,EAAQxC,GACnBc,GAAY0B,EAAQ1B,SACpBC,GAASyB,EAAQzB,MACjBQ,GAAYiB,EAAQjB,SACpBJ,GAAeqB,EAAQrB,YACvBC,GAAaoB,EAAQpB,UACrBC,GAAWmB,EAAQnB,QACnBC,GAAYkB,EAAQlB,SACpBE,GAEFC,GAAI,GAAGA,GAAOC,GAAoBgB,EAAUhB,KAC5C,cAAa,GAAItB,EAAiCuC,YAAevC,EAAiC,gBAAkBqB,GAAOC,GAAoBgB,EAAUhB,MACrJtB,GAEJ+B,MAAA9B,cAACR,EAAY,CAACG,QAASA,EAASC,KAAMA,EAAMC,OAAQA,GACjDU,GAASA,EACTT,GAAYA,GAER,IAObO,EAAOD,YAAc,SAErB,MAAMmC,EAAgB,CACpB,UACA,WACA,YACA,QACA,SACA,OACA,WACA,SAGWC,EAAkC/C,GAAuBM,IACpE,MAAM0C,EAAuC,CAAA,EACvCC,EAAqC,CAAA,EAa3C,OAXAC,OAAOC,QAAQ7C,GAAO8C,SAAQC,IAAsC,IAApCC,EAAMC,GAAyBF,EACzDP,EAAcU,SAASF,GAEzBL,EAAUK,GAAQC,EAElBP,EAAYM,GAAQC,CACtB,IAGFN,EAAU5C,SAAWC,EAAMD,SAGzBgC,MAAA9B,cAACK,EAAM0B,KAAMU,EAAW,CAAkBzB,SAAO,IAC9CjB,EAAMmD,aAAenD,EAAMmD,aAC1BnD,EAAMmD,aAAgBpB,MAAA9B,cAACmD,EAAcT,GAChC,IAIbF,EAAWpC,YAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconBase.js","sources":["../../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"sourcesContent":["import { CSSProperties, memo, useMemo, FC, PropsWithChildren, MouseEvent } from 'react'\n\nimport classes from './icon.module.scss'\nimport { unifyIconUrl } from './unifyIconUrl'\n\n\nexport type
|
|
1
|
+
{"version":3,"file":"IconBase.js","sources":["../../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"sourcesContent":["import { CSSProperties, memo, useMemo, FC, PropsWithChildren, MouseEvent } from 'react'\n\nimport classes from './icon.module.scss'\nimport { unifyIconUrl } from './unifyIconUrl'\n\n\nexport type IconBaseProps = PropsWithChildren<unknown> & {\n id?: string\n iconUrl?: string | null\n minWidth?: string | null\n minHeight?: string | null\n width?: string | null\n height?: string | null\n size?: string | null\n fontSize?: string | null\n color?: string | null\n className?: string | null\n style?: CSSProperties | null\n onClick?: (event: MouseEvent | KeyboardEvent) => void\n}\n\nexport const IconBase: FC<IconBaseProps> = memo<IconBaseProps>(({\n iconUrl, minWidth, minHeight, size,\n fontSize, width, height, color = 'currentColor', className = '', children, style, onClick, ...props\n}: IconBaseProps) => {\n const unifiedIconUrl = iconUrl && unifyIconUrl(iconUrl)\n\n const styles = useMemo(() => (\n {\n '--min-width': minWidth || size || width || 'auto',\n '--min-height': minHeight || size || height || 'auto',\n '--width': size || width || '1rem',\n '--height': size || height || '1rem',\n ...(fontSize ? { fontSize } : {}),\n ...(unifiedIconUrl ? { '--icon-url': `url(${unifiedIconUrl})` } : {}),\n ...(unifiedIconUrl ? { '--icon-color': color } : { '--icon-content-color': color }),\n ...(onClick ? { cursor: 'pointer' } : {}),\n ...style,\n }\n ), [minWidth, size, width, minHeight, height, fontSize, unifiedIconUrl, color, onClick, style])\n\n const onClickProps = useMemo(() => (onClick ? ({\n onClick,\n role: 'button',\n tabIndex: -1,\n }) : {}), [onClick])\n\n return (\n <span\n {...props}\n {...onClickProps}\n className={`${classes['icon-base']} icon-base ${className}`}\n style={styles as CSSProperties}\n >\n {(!unifiedIconUrl && children) && children}\n </span>\n )\n})\n\nIconBase.displayName = 'IconBase'\n"],"names":["IconBase","memo","_ref","iconUrl","minWidth","minHeight","size","fontSize","width","height","color","className","children","style","onClick","props","unifiedIconUrl","unifyIconUrl","styles","useMemo","cursor","onClickProps","role","tabIndex","React","createElement","_extends","classes","displayName"],"mappings":"qNAqBaA,EAA8BC,GAAoBC,IAG1C,IAH2CC,QAC9DA,EAAOC,SAAEA,EAAQC,UAAEA,EAASC,KAAEA,EAAIC,SAClCA,EAAQC,MAAEA,EAAKC,OAAEA,EAAMC,MAAEA,EAAQ,eAAcC,UAAEA,EAAY,GAAEC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,KAAYC,GAChFb,EACd,MAAMc,EAAiBb,GAAWc,EAAad,GAEzCe,EAASC,GAAQ,KACrB,CACE,cAAef,GAAYE,GAAQE,GAAS,OAC5C,eAAgBH,GAAaC,GAAQG,GAAU,OAC/C,UAAWH,GAAQE,GAAS,OAC5B,WAAYF,GAAQG,GAAU,UAC1BF,EAAW,CAAEA,YAAa,MAC1BS,EAAiB,CAAE,aAAc,OAAOA,MAAsB,MAC9DA,EAAiB,CAAE,eAAgBN,GAAU,CAAE,uBAAwBA,MACvEI,EAAU,CAAEM,OAAQ,WAAc,MACnCP,KAEJ,CAACT,EAAUE,EAAME,EAAOH,EAAWI,EAAQF,EAAUS,EAAgBN,EAAOI,EAASD,IAElFQ,EAAeF,GAAQ,IAAOL,EAAW,CAC7CA,UACAQ,KAAM,SACNC,UAAW,GACR,CAAG,GAAE,CAACT,IAEX,OACEU,MAAAC,cAAA,OAAAC,EACMX,CAAAA,EAAAA,EACAM,EAAY,CAChBV,UAAW,GAAGgB,EAAQ,0BAA0BhB,IAChDE,MAAOK,KAEJF,GAAkBJ,GAAaA,EAC7B,IAIXZ,EAAS4B,YAAc"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{calculateColors,calculatePercColor,convertHex,convertRGB,defaultFontSize,pxToRem,resolveStyleValue,setDefaultFontSize,toHex}from"./utils/style.js";export{LayoutBox}from"./components/container/layoutBox/LayoutBox.js";export{LayoutDirection}from"./components/container/layoutBox/layoutBox.types.js";export{LazyComponent,PendingBoundary,createLazyModule,createLazyModuleWithStore,wrapPromise}from"./components/container/lazyComponent/LazyComponent.js";export{CollapsibleContainer}from"./components/container/CollapsibleContainer.js";export{ResizableContainer}from"./components/container/ResizableContainer.js";export{DefaultErrorComponent,ErrorBoundary}from"./components/error/ErrorBoundary.js";export{Field,Select,setIconColor,setIconComponent}from"./components/field/Field.js";export{DividerHorizontal,DividerLine,DividerVertical}from"./components/dividers/DividerLine.js";export{IconBase}from"./components/icon/IconBase.js";export{Icon}from"./components/icon/Icon.js";export{ESIcon,ESIconBase}from"./components/icon/IconWC.js";export{Button,keys}from"./components/atoms/button/Button.js";export{Text}from"./components/atoms/text/Text.js";export{Headline,HeadlineSecondary,HeadlineTertiary}from"./components/atoms/text/Headline.js";export{Paragraph,ParagraphBold,ParagraphBoldSmall,ParagraphSmall}from"./components/atoms/text/Paragraph.js";export{Link}from"./components/atoms/text/Link.js";export{AnchorLink}from"./components/atoms/text/anchor-link/AnchorLink.js";export{TextAndContent,TextAndIcons}from"./components/atoms/textAndContent/TextAndContent.js";export{Tag}from"./components/atoms/tag/Tag.js";export{TagVariant}from"./components/atoms/tag/tag.types.js";export{FlowLayout}from"./components/molecules/layouts/FlowLayout.js";export{Popover}from"./components/molecules/popover/PopoverLite.js";export{Tooltip}from"./components/molecules/popover/Tooltip.js";export{PopoverPlacement}from"./components/molecules/popover/popover.types.js";export{Popup}from"./components/molecules/popup/Popup.js";export{PopupAnimateVariant}from"./components/molecules/popup/popup.types.js";
|
|
1
|
+
export{calculateColors,calculatePercColor,convertHex,convertRGB,defaultFontSize,pxToRem,resolveStyleValue,setDefaultFontSize,toHex}from"./utils/style.js";export{LayoutBox}from"./components/container/layoutBox/LayoutBox.js";export{LayoutDirection}from"./components/container/layoutBox/layoutBox.types.js";export{LazyComponent,PendingBoundary,createLazyModule,createLazyModuleWithStore,wrapPromise}from"./components/container/lazyComponent/LazyComponent.js";export{CollapsibleContainer}from"./components/container/CollapsibleContainer.js";export{ResizableContainer}from"./components/container/ResizableContainer.js";export{DefaultErrorComponent,ErrorBoundary}from"./components/error/ErrorBoundary.js";export{Field,Select,setIconColor,setIconComponent}from"./components/field/Field.js";export{DividerHorizontal,DividerLine,DividerVertical}from"./components/dividers/DividerLine.js";export{IconBase}from"./components/icon/IconBase.js";export{Icon}from"./components/icon/Icon.js";export{ESIcon,ESIconBase}from"./components/icon/IconWC.js";export{Button,IconButton,keys}from"./components/atoms/button/Button.js";export{Text}from"./components/atoms/text/Text.js";export{Headline,HeadlineSecondary,HeadlineTertiary}from"./components/atoms/text/Headline.js";export{Paragraph,ParagraphBold,ParagraphBoldSmall,ParagraphSmall}from"./components/atoms/text/Paragraph.js";export{Link}from"./components/atoms/text/Link.js";export{AnchorLink}from"./components/atoms/text/anchor-link/AnchorLink.js";export{TextAndContent,TextAndIcons}from"./components/atoms/textAndContent/TextAndContent.js";export{Tag}from"./components/atoms/tag/Tag.js";export{TagVariant}from"./components/atoms/tag/tag.types.js";export{FlowLayout}from"./components/molecules/layouts/FlowLayout.js";export{Popover}from"./components/molecules/popover/PopoverLite.js";export{Tooltip}from"./components/molecules/popover/Tooltip.js";export{PopoverPlacement}from"./components/molecules/popover/popover.types.js";export{Popup}from"./components/molecules/popup/Popup.js";export{PopupAnimateVariant}from"./components/molecules/popup/popup.types.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),a=require("../text/anchor-link/AnchorLink.js"),n=require("./button.module.scss.js"),r=require("../../../../utils/helpers/ui.js"),
|
|
1
|
+
"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),a=require("../text/anchor-link/AnchorLink.js"),n=require("./button.module.scss.js"),r=require("../../../../utils/helpers/ui.js"),o=require("../../../../utils/helpers/text.js"),i=require("../../icon/IconBase.js");const s={ENTER:{key:"Enter",keyCode:13}},l=t.memo((e=>{let{variant:n,href:o,target:i,children:s,...l}=e;return"link"===n?t.createElement(a.AnchorLink,{href:o,target:i,...l,onClick:r.noop},s):t.createElement("span",{},s)}));l.displayName="InnerElement";const c=t.memo((a=>{let{label:i,children:c,variant:d,tiny:u,truncate:p,fluid:m,preventDefualt:h,stopPropagation:f,onClick:E,type:k="button",transparent:I,hasShadow:g,hasIcon:y,disabled:b,animated:v=!1,className:C="",id:x,href:N,target:j,...q}=a;const B=`${i||c?.toString()}`,P=t.useCallback((e=>{h&&e.preventDefault(),f&&(e.stopPropagation(),e.nativeEvent.stopImmediatePropagation()),E?.(e)}),[E,h,f]),R=t.useCallback((e=>{e.key===s.ENTER.key&&(h&&e.preventDefault(),f&&(e.stopPropagation(),e.nativeEvent.stopImmediatePropagation()),E?.(e))}),[E,h,f]);return React.createElement("button",e.extends({type:k,tabIndex:-1,onClick:P,onKeyDown:R,className:r.classNames(n.default.button,u&&n.default.tiny,d&&n.default[d],p&&n.default.truncate,m&&n.default.fluid,v&&n.default.animated,I&&n.default.transparent,g&&n.default.hasShadow,y&&n.default.hasIcon,b&&n.default.disabled,C),id:`${x||B&&o.composeId(B)}`,"data-testid":`${q.dataTestId||q["data-testid"]||x||B&&o.composeId(B)}`},q),React.createElement(l,{variant:d,href:N,target:j},i&&i,c||c))}));c.displayName="Button";const d=["iconUrl","minWidth","minHeight","width","height","size","fontSize","color"],u=t.memo((t=>{const a={},n={};return Object.entries(t).forEach((e=>{let[t,r]=e;d.includes(t)?n[t]=r:a[t]=r})),n.children=t.children,React.createElement(c,e.extends({},a,{hasIcon:!0}),t.iconContent&&t.iconContent,!t.iconContent&&React.createElement(i.IconBase,n))}));u.displayName="IconButton",exports.Button=c,exports.IconButton=u,exports.keys=s;
|
|
2
2
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sources":["../../../../../../../../src/core/ui/components/atoms/button/Button.tsx"],"sourcesContent":["import { memo, useCallback, MouseEvent, KeyboardEvent, createElement, FC, HTMLAttributes } from 'react'\n\nimport { classNames, composeId, noop } from '../../../../utils'\nimport { Alerts } from '../../../../constants'\nimport { AnchorLink } from '../text/anchor-link/AnchorLink'\n\nimport type { ButtonProps } from './button.types'\nimport classes from './button.module.scss'\n\nexport const keys = {\n ENTER: {\n key: 'Enter',\n keyCode: 13,\n },\n}\n\ntype InnerElementsProps = Partial<ButtonProps> & Partial<HTMLAttributes<HTMLAnchorElement>>\n\nconst InnerElement: FC<InnerElementsProps> = memo(({\n variant, href, target, children, ...props\n}: Omit<InnerElementsProps, 'onClick'>) => {\n if (variant === 'link') {\n return createElement(AnchorLink, { href, target, ...props, onClick: noop }, children)\n }\n return createElement('span', {}, children)\n})\n\nInnerElement.displayName = 'InnerElement'\n\n/**\n * Button component for displaying buttons with optional features.\n * @component\n *\n * Generated component from Template\n * @param {object} props - The component props.\n * @param {string} props.label - The value to be displayed in the button.\n * @param {ReactNode} [props.children] - Additional content to be displayed inside the button.\n * @param {string} [props.variant] - The variant of the button (e.g., 'primary', 'secondary').\n * @param {boolean} [props.tiny] - Whether the button should be tiny.\n * @param {boolean} [props.truncate] - Whether the content inside the button should be truncated.\n * @param {boolean} [props.fluid] - Whether the button should have a fluid width.\n * @param {boolean} [props.animated=true] - Whether the button should have animation (default is true).\n * @param {string} [props.className] - Additional classes to be applied to the button.\n * @param {...object} props.props - Additional props to be spread to the underlying div element.\n *\n * @returns {JSX.Element} The rendered Button component.\n */\nexport const Button = memo(({\n label, children,\n variant, tiny, truncate, fluid,\n preventDefualt, stopPropagation,\n onClick,\n type = 'button',\n transparent,\n hasShadow,\n hasIcon,\n disabled,\n animated = false, className = '', id,\n href,\n target,\n ...props\n}: ButtonProps) => {\n const textFromChildren: string | undefined = `${label || children?.toString()}`\n\n const clickHandler = useCallback((event: MouseEvent) => {\n if (preventDefualt) {\n event.preventDefault()\n }\n if (stopPropagation) {\n event.stopPropagation()\n event.nativeEvent.stopImmediatePropagation()\n }\n onClick?.(event)\n }, [onClick, preventDefualt, stopPropagation])\n\n const keyDownHandler = useCallback((event: KeyboardEvent) => {\n if (event.key === keys.ENTER.key) {\n if (preventDefualt) {\n event.preventDefault()\n }\n if (stopPropagation) {\n event.stopPropagation()\n event.nativeEvent.stopImmediatePropagation()\n }\n onClick?.(event)\n }\n }, [onClick, preventDefualt, stopPropagation])\n\n return (\n <button\n // eslint-disable-next-line react/button-has-type\n type={type}\n tabIndex={-1}\n onClick={clickHandler}\n onKeyDown={keyDownHandler}\n className={classNames(\n classes.button,\n tiny && classes.tiny,\n variant && classes[variant as Alerts],\n truncate && classes.truncate,\n fluid && classes.fluid,\n animated && classes.animated,\n transparent && classes.transparent,\n hasShadow && classes.hasShadow,\n hasIcon && classes.hasIcon,\n disabled && classes.disabled,\n className,\n )}\n id={`${id || (textFromChildren && composeId(textFromChildren))}`}\n data-testid={`${(props as Record<string, string>).dataTestId || (props as Record<string, string>)['data-testid'] || id || (textFromChildren && composeId(textFromChildren))}`}\n {...props}\n >\n <InnerElement variant={variant} href={href} target={target}>\n {label && label}\n {children || children}\n </InnerElement>\n </button>\n )\n})\n\nexport type ButtonType = typeof Button\n\n// Set display name for the component.\nButton.displayName = 'Button'\n"],"names":["keys","ENTER","key","keyCode","InnerElement","memo","_ref","variant","href","target","children","props","createElement","AnchorLink","onClick","noop","displayName","Button","_ref2","label","tiny","truncate","fluid","preventDefualt","stopPropagation","type","transparent","hasShadow","hasIcon","disabled","animated","className","id","textFromChildren","toString","clickHandler","useCallback","event","preventDefault","nativeEvent","stopImmediatePropagation","keyDownHandler","React","_extends","tabIndex","onKeyDown","classNames","classes","default","button","composeId","dataTestId"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../../../../../../../src/core/ui/components/atoms/button/Button.tsx"],"sourcesContent":["import { memo, useCallback, MouseEvent, KeyboardEvent, createElement, FC, HTMLAttributes } from 'react'\n\nimport { classNames, composeId, noop } from '../../../../utils'\nimport { Alerts } from '../../../../constants'\nimport { AnchorLink } from '../text/anchor-link/AnchorLink'\nimport { IconBase, IconBaseProps } from '../../icon'\n\nimport type { ButtonProps, IconButtonProps } from './button.types'\nimport classes from './button.module.scss'\n\nexport const keys = {\n ENTER: {\n key: 'Enter',\n keyCode: 13,\n },\n}\n\ntype InnerElementsProps = Partial<ButtonProps> & Partial<HTMLAttributes<HTMLAnchorElement>>\n\nconst InnerElement: FC<InnerElementsProps> = memo(({\n variant, href, target, children, ...props\n}: Omit<InnerElementsProps, 'onClick'>) => {\n if (variant === 'link') {\n return createElement(AnchorLink, { href, target, ...props, onClick: noop }, children)\n }\n return createElement('span', {}, children)\n})\n\nInnerElement.displayName = 'InnerElement'\n\n/**\n * Button component for displaying buttons with optional features.\n * @component\n *\n * Generated component from Template\n * @param {object} props - The component props.\n * @param {string} props.label - The value to be displayed in the button.\n * @param {ReactNode} [props.children] - Additional content to be displayed inside the button.\n * @param {string} [props.variant] - The variant of the button (e.g., 'primary', 'secondary').\n * @param {boolean} [props.tiny] - Whether the button should be tiny.\n * @param {boolean} [props.truncate] - Whether the content inside the button should be truncated.\n * @param {boolean} [props.fluid] - Whether the button should have a fluid width.\n * @param {boolean} [props.animated=true] - Whether the button should have animation (default is true).\n * @param {string} [props.className] - Additional classes to be applied to the button.\n * @param {...object} props.props - Additional props to be spread to the underlying div element.\n *\n * @returns {JSX.Element} The rendered Button component.\n */\nexport const Button = memo(({\n label, children,\n variant, tiny, truncate, fluid,\n preventDefualt, stopPropagation,\n onClick,\n type = 'button',\n transparent,\n hasShadow,\n hasIcon,\n disabled,\n animated = false, className = '', id,\n href,\n target,\n ...props\n}: ButtonProps) => {\n const textFromChildren: string | undefined = `${label || children?.toString()}`\n\n const clickHandler = useCallback((event: MouseEvent) => {\n if (preventDefualt) {\n event.preventDefault()\n }\n if (stopPropagation) {\n event.stopPropagation()\n event.nativeEvent.stopImmediatePropagation()\n }\n onClick?.(event)\n }, [onClick, preventDefualt, stopPropagation])\n\n const keyDownHandler = useCallback((event: KeyboardEvent) => {\n if (event.key === keys.ENTER.key) {\n if (preventDefualt) {\n event.preventDefault()\n }\n if (stopPropagation) {\n event.stopPropagation()\n event.nativeEvent.stopImmediatePropagation()\n }\n onClick?.(event)\n }\n }, [onClick, preventDefualt, stopPropagation])\n\n return (\n <button\n // eslint-disable-next-line react/button-has-type\n type={type}\n tabIndex={-1}\n onClick={clickHandler}\n onKeyDown={keyDownHandler}\n className={classNames(\n classes.button,\n tiny && classes.tiny,\n variant && classes[variant as Alerts],\n truncate && classes.truncate,\n fluid && classes.fluid,\n animated && classes.animated,\n transparent && classes.transparent,\n hasShadow && classes.hasShadow,\n hasIcon && classes.hasIcon,\n disabled && classes.disabled,\n className,\n )}\n id={`${id || (textFromChildren && composeId(textFromChildren))}`}\n data-testid={`${(props as Record<string, string>).dataTestId || (props as Record<string, string>)['data-testid'] || id || (textFromChildren && composeId(textFromChildren))}`}\n {...props}\n >\n <InnerElement variant={variant} href={href} target={target}>\n {label && label}\n {children || children}\n </InnerElement>\n </button>\n )\n})\n\nexport type ButtonType = typeof Button\n\n// Set display name for the component.\nButton.displayName = 'Button'\n\nconst iconBaseProps = [\n 'iconUrl',\n 'minWidth',\n 'minHeight',\n 'width',\n 'height',\n 'size',\n 'fontSize',\n 'color',\n]\n\nexport const IconButton: FC<IconButtonProps> = memo<IconButtonProps>((props: IconButtonProps) => {\n const buttonProps: Record<string, unknown> = {}\n const iconProps: Record<string, unknown> = {}\n\n Object.entries(props).forEach(([name, value]: [string, unknown]) => {\n if (iconBaseProps.includes(name)) {\n // eslint-disable-next-line no-param-reassign\n iconProps[name] = value\n } else {\n buttonProps[name] = value\n }\n })\n\n iconProps.children = props.children\n\n return (\n <Button {...(buttonProps as ButtonProps)} hasIcon>\n {props.iconContent && props.iconContent}\n {!props.iconContent && (<IconBase {...(iconProps as IconBaseProps)} />)}\n </Button>\n )\n})\n\nIconButton.displayName = 'IconButton'\n"],"names":["keys","ENTER","key","keyCode","InnerElement","memo","_ref","variant","href","target","children","props","createElement","AnchorLink","onClick","noop","displayName","Button","_ref2","label","tiny","truncate","fluid","preventDefualt","stopPropagation","type","transparent","hasShadow","hasIcon","disabled","animated","className","id","textFromChildren","toString","clickHandler","useCallback","event","preventDefault","nativeEvent","stopImmediatePropagation","keyDownHandler","React","_extends","tabIndex","onKeyDown","classNames","classes","default","button","composeId","dataTestId","iconBaseProps","IconButton","buttonProps","iconProps","Object","entries","forEach","_ref3","name","value","includes","iconContent","IconBase"],"mappings":"6TAUO,MAAMA,EAAO,CAClBC,MAAO,CACLC,IAAK,QACLC,QAAS,KAMPC,EAAuCC,EAAIA,MAACC,IAEP,IAFQC,QACjDA,EAAOC,KAAEA,EAAIC,OAAEA,EAAMC,SAAEA,KAAaC,GACAL,EACpC,MAAgB,SAAZC,EACKK,EAAAA,cAAcC,EAAAA,WAAY,CAAEL,OAAMC,YAAWE,EAAOG,QAASC,EAAAA,MAAQL,GAEvEE,gBAAc,OAAQ,CAAE,EAAEF,EAAS,IAG5CN,EAAaY,YAAc,qBAoBdC,EAASZ,EAAIA,MAACa,IAcR,IAdSC,MAC1BA,EAAKT,SAAEA,EAAQH,QACfA,EAAOa,KAAEA,EAAIC,SAAEA,EAAQC,MAAEA,EAAKC,eAC9BA,EAAcC,gBAAEA,EAAeV,QAC/BA,EAAOW,KACPA,EAAO,SAAQC,YACfA,EAAWC,UACXA,EAASC,QACTA,EAAOC,SACPA,EAAQC,SACRA,GAAW,EAAKC,UAAEA,EAAY,GAAEC,GAAEA,EAAExB,KACpCA,EAAIC,OACJA,KACGE,GACSO,EACZ,MAAMe,EAAuC,GAAGd,GAAST,GAAUwB,aAE7DC,EAAeC,EAAWA,aAAEC,IAC5Bd,GACFc,EAAMC,iBAEJd,IACFa,EAAMb,kBACNa,EAAME,YAAYC,4BAEpB1B,IAAUuB,EAAM,GACf,CAACvB,EAASS,EAAgBC,IAEvBiB,EAAiBL,EAAWA,aAAEC,IAC9BA,EAAMnC,MAAQF,EAAKC,MAAMC,MACvBqB,GACFc,EAAMC,iBAEJd,IACFa,EAAMb,kBACNa,EAAME,YAAYC,4BAEpB1B,IAAUuB,GACZ,GACC,CAACvB,EAASS,EAAgBC,IAE7B,OACEkB,MAAA9B,cAAA,SAAA+B,UAAA,CAEElB,KAAMA,EACNmB,UAAW,EACX9B,QAASqB,EACTU,UAAWJ,EACXV,UAAWe,EAAUA,WACnBC,EAAOC,QAACC,OACR7B,GAAQ2B,EAAOC,QAAC5B,KAChBb,GAAWwC,EAAAA,QAAQxC,GACnBc,GAAY0B,EAAOC,QAAC3B,SACpBC,GAASyB,UAAQzB,MACjBQ,GAAYiB,EAAAA,QAAQjB,SACpBJ,GAAeqB,EAAAA,QAAQrB,YACvBC,GAAaoB,EAAOC,QAACrB,UACrBC,GAAWmB,EAAOC,QAACpB,QACnBC,GAAYkB,EAAOC,QAACnB,SACpBE,GAEFC,GAAI,GAAGA,GAAOC,GAAoBiB,EAASA,UAACjB,KAC5C,cAAa,GAAItB,EAAiCwC,YAAexC,EAAiC,gBAAkBqB,GAAOC,GAAoBiB,YAAUjB,MACrJtB,GAEJ+B,MAAA9B,cAACR,EAAY,CAACG,QAASA,EAASC,KAAMA,EAAMC,OAAQA,GACjDU,GAASA,EACTT,GAAYA,GAER,IAObO,EAAOD,YAAc,SAErB,MAAMoC,EAAgB,CACpB,UACA,WACA,YACA,QACA,SACA,OACA,WACA,SAGWC,EAAkChD,EAAIA,MAAmBM,IACpE,MAAM2C,EAAuC,CAAA,EACvCC,EAAqC,CAAA,EAa3C,OAXAC,OAAOC,QAAQ9C,GAAO+C,SAAQC,IAAsC,IAApCC,EAAMC,GAAyBF,EACzDP,EAAcU,SAASF,GAEzBL,EAAUK,GAAQC,EAElBP,EAAYM,GAAQC,CACtB,IAGFN,EAAU7C,SAAWC,EAAMD,SAGzBgC,MAAA9B,cAACK,EAAM0B,EAAAA,WAAMW,EAAW,CAAkB1B,SAAO,IAC9CjB,EAAMoD,aAAepD,EAAMoD,aAC1BpD,EAAMoD,aAAgBrB,MAAA9B,cAACoD,WAAcT,GAChC,IAIbF,EAAWrC,YAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconBase.js","sources":["../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"sourcesContent":["import { CSSProperties, memo, useMemo, FC, PropsWithChildren, MouseEvent } from 'react'\n\nimport classes from './icon.module.scss'\nimport { unifyIconUrl } from './unifyIconUrl'\n\n\nexport type
|
|
1
|
+
{"version":3,"file":"IconBase.js","sources":["../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"sourcesContent":["import { CSSProperties, memo, useMemo, FC, PropsWithChildren, MouseEvent } from 'react'\n\nimport classes from './icon.module.scss'\nimport { unifyIconUrl } from './unifyIconUrl'\n\n\nexport type IconBaseProps = PropsWithChildren<unknown> & {\n id?: string\n iconUrl?: string | null\n minWidth?: string | null\n minHeight?: string | null\n width?: string | null\n height?: string | null\n size?: string | null\n fontSize?: string | null\n color?: string | null\n className?: string | null\n style?: CSSProperties | null\n onClick?: (event: MouseEvent | KeyboardEvent) => void\n}\n\nexport const IconBase: FC<IconBaseProps> = memo<IconBaseProps>(({\n iconUrl, minWidth, minHeight, size,\n fontSize, width, height, color = 'currentColor', className = '', children, style, onClick, ...props\n}: IconBaseProps) => {\n const unifiedIconUrl = iconUrl && unifyIconUrl(iconUrl)\n\n const styles = useMemo(() => (\n {\n '--min-width': minWidth || size || width || 'auto',\n '--min-height': minHeight || size || height || 'auto',\n '--width': size || width || '1rem',\n '--height': size || height || '1rem',\n ...(fontSize ? { fontSize } : {}),\n ...(unifiedIconUrl ? { '--icon-url': `url(${unifiedIconUrl})` } : {}),\n ...(unifiedIconUrl ? { '--icon-color': color } : { '--icon-content-color': color }),\n ...(onClick ? { cursor: 'pointer' } : {}),\n ...style,\n }\n ), [minWidth, size, width, minHeight, height, fontSize, unifiedIconUrl, color, onClick, style])\n\n const onClickProps = useMemo(() => (onClick ? ({\n onClick,\n role: 'button',\n tabIndex: -1,\n }) : {}), [onClick])\n\n return (\n <span\n {...props}\n {...onClickProps}\n className={`${classes['icon-base']} icon-base ${className}`}\n style={styles as CSSProperties}\n >\n {(!unifiedIconUrl && children) && children}\n </span>\n )\n})\n\nIconBase.displayName = 'IconBase'\n"],"names":["IconBase","memo","_ref","iconUrl","minWidth","minHeight","size","fontSize","width","height","color","className","children","style","onClick","props","unifiedIconUrl","unifyIconUrl","styles","useMemo","cursor","onClickProps","role","tabIndex","React","createElement","_extends","extends","classes","default","displayName"],"mappings":"8KAqBaA,EAA8BC,EAAIA,MAAgBC,IAG1C,IAH2CC,QAC9DA,EAAOC,SAAEA,EAAQC,UAAEA,EAASC,KAAEA,EAAIC,SAClCA,EAAQC,MAAEA,EAAKC,OAAEA,EAAMC,MAAEA,EAAQ,eAAcC,UAAEA,EAAY,GAAEC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,KAAYC,GAChFb,EACd,MAAMc,EAAiBb,GAAWc,EAAYA,aAACd,GAEzCe,EAASC,EAAAA,SAAQ,KACrB,CACE,cAAef,GAAYE,GAAQE,GAAS,OAC5C,eAAgBH,GAAaC,GAAQG,GAAU,OAC/C,UAAWH,GAAQE,GAAS,OAC5B,WAAYF,GAAQG,GAAU,UAC1BF,EAAW,CAAEA,YAAa,MAC1BS,EAAiB,CAAE,aAAc,OAAOA,MAAsB,MAC9DA,EAAiB,CAAE,eAAgBN,GAAU,CAAE,uBAAwBA,MACvEI,EAAU,CAAEM,OAAQ,WAAc,MACnCP,KAEJ,CAACT,EAAUE,EAAME,EAAOH,EAAWI,EAAQF,EAAUS,EAAgBN,EAAOI,EAASD,IAElFQ,EAAeF,WAAQ,IAAOL,EAAW,CAC7CA,UACAQ,KAAM,SACNC,UAAW,GACR,CAAG,GAAE,CAACT,IAEX,OACEU,MAAAC,cAAA,OAAAC,EAAAC,QACMZ,CAAAA,EAAAA,EACAM,EAAY,CAChBV,UAAW,GAAGiB,EAAOC,QAAC,0BAA0BlB,IAChDE,MAAOK,KAEJF,GAAkBJ,GAAaA,EAC7B,IAIXZ,EAAS8B,YAAc"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("./utils/style.js"),o=require("./components/container/layoutBox/LayoutBox.js"),t=require("./components/container/layoutBox/layoutBox.types.js"),r=require("./components/container/lazyComponent/LazyComponent.js"),n=require("./components/container/CollapsibleContainer.js"),s=require("./components/container/ResizableContainer.js"),a=require("./components/error/ErrorBoundary.js"),p=require("./components/field/Field.js"),i=require("./components/dividers/DividerLine.js"),l=require("./components/icon/IconBase.js"),c=require("./components/icon/Icon.js"),u=require("./components/icon/IconWC.js"),x=require("./components/atoms/button/Button.js"),m=require("./components/atoms/text/Text.js"),d=require("./components/atoms/text/Headline.js"),y=require("./components/atoms/text/Paragraph.js"),j=require("./components/atoms/text/Link.js"),C=require("./components/atoms/text/anchor-link/AnchorLink.js"),P=require("./components/atoms/textAndContent/TextAndContent.js"),q=require("./components/atoms/tag/Tag.js"),B=require("./components/atoms/tag/tag.types.js"),L=require("./components/molecules/layouts/FlowLayout.js"),v=require("./components/molecules/popover/PopoverLite.js"),g=require("./components/molecules/popover/Tooltip.js"),S=require("./components/molecules/popover/popover.types.js"),T=require("./components/molecules/popup/Popup.js"),
|
|
1
|
+
"use strict";var e=require("./utils/style.js"),o=require("./components/container/layoutBox/LayoutBox.js"),t=require("./components/container/layoutBox/layoutBox.types.js"),r=require("./components/container/lazyComponent/LazyComponent.js"),n=require("./components/container/CollapsibleContainer.js"),s=require("./components/container/ResizableContainer.js"),a=require("./components/error/ErrorBoundary.js"),p=require("./components/field/Field.js"),i=require("./components/dividers/DividerLine.js"),l=require("./components/icon/IconBase.js"),c=require("./components/icon/Icon.js"),u=require("./components/icon/IconWC.js"),x=require("./components/atoms/button/Button.js"),m=require("./components/atoms/text/Text.js"),d=require("./components/atoms/text/Headline.js"),y=require("./components/atoms/text/Paragraph.js"),j=require("./components/atoms/text/Link.js"),C=require("./components/atoms/text/anchor-link/AnchorLink.js"),P=require("./components/atoms/textAndContent/TextAndContent.js"),q=require("./components/atoms/tag/Tag.js"),B=require("./components/atoms/tag/tag.types.js"),L=require("./components/molecules/layouts/FlowLayout.js"),v=require("./components/molecules/popover/PopoverLite.js"),g=require("./components/molecules/popover/Tooltip.js"),S=require("./components/molecules/popover/popover.types.js"),T=require("./components/molecules/popup/Popup.js"),I=require("./components/molecules/popup/popup.types.js");exports.calculateColors=e.calculateColors,exports.calculatePercColor=e.calculatePercColor,exports.convertHex=e.convertHex,exports.convertRGB=e.convertRGB,Object.defineProperty(exports,"defaultFontSize",{enumerable:!0,get:function(){return e.defaultFontSize}}),exports.pxToRem=e.pxToRem,exports.resolveStyleValue=e.resolveStyleValue,exports.setDefaultFontSize=e.setDefaultFontSize,exports.toHex=e.toHex,exports.LayoutBox=o.LayoutBox,exports.LayoutDirection=t.LayoutDirection,exports.LazyComponent=r.LazyComponent,exports.PendingBoundary=r.PendingBoundary,exports.createLazyModule=r.createLazyModule,exports.createLazyModuleWithStore=r.createLazyModuleWithStore,exports.wrapPromise=r.wrapPromise,exports.CollapsibleContainer=n.CollapsibleContainer,exports.ResizableContainer=s.ResizableContainer,exports.DefaultErrorComponent=a.DefaultErrorComponent,exports.ErrorBoundary=a.ErrorBoundary,exports.Field=p.Field,exports.Select=p.Select,exports.setIconColor=p.setIconColor,exports.setIconComponent=p.setIconComponent,exports.DividerHorizontal=i.DividerHorizontal,exports.DividerLine=i.DividerLine,exports.DividerVertical=i.DividerVertical,exports.IconBase=l.IconBase,exports.Icon=c.Icon,exports.ESIcon=u.ESIcon,exports.ESIconBase=u.ESIconBase,exports.Button=x.Button,exports.IconButton=x.IconButton,exports.keys=x.keys,exports.Text=m.Text,exports.Headline=d.Headline,exports.HeadlineSecondary=d.HeadlineSecondary,exports.HeadlineTertiary=d.HeadlineTertiary,exports.Paragraph=y.Paragraph,exports.ParagraphBold=y.ParagraphBold,exports.ParagraphBoldSmall=y.ParagraphBoldSmall,exports.ParagraphSmall=y.ParagraphSmall,exports.Link=j.Link,exports.AnchorLink=C.AnchorLink,exports.TextAndContent=P.TextAndContent,exports.TextAndIcons=P.TextAndIcons,exports.Tag=q.Tag,exports.TagVariant=B.TagVariant,exports.FlowLayout=L.FlowLayout,exports.Popover=v.Popover,exports.Tooltip=g.Tooltip,exports.PopoverPlacement=S.PopoverPlacement,exports.Popup=T.Popup,exports.PopupAnimateVariant=I.PopupAnimateVariant;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/core/ui/styles/generic.anims.scss"],"names":[],"mappings":"AACA;EACE;EACA;EACA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/core/ui/styles/generic.anims.scss"],"names":[],"mappings":"AACA;EACE;EACA;EACA;EACA;;AACA;EACE;IAAK;IAAW;;EAChB;IAAO;IAAa;;;;AAIxB;EACE;EACA;EACA;;AACA;EACE;IAAK;;EACL;IAAO;;;;AAIX;EACE;EACA;EACA;;AACA;EACE;IAAK;IAA8B;;EACnC;IAAM;;EACN;IAAO;IAA6B;;;;AAIxC;EACE;EACA;EACA;;AACA;EACE;IAAK;IAA6B;;EAClC;IAAM;;EACN;IAAO;IAA6B;;;;AAIxC;EACE;EACA;EACA;;AACA;EACE;IAAK;IAA8B;;EACnC;IAAM;;EACN;IAAO;IAA6B;;;;AAIxC;EACE;EACA;EACA;;AACA;EACE;IAAK;IAA6B;;EAClC;IAAM;;EACN;IAAO;IAA6B;;;;AAKxC;EACE;EACA;EAEA;EACA;;AACA;EACE;EACA;EACA;;AAGF;EACE;IAAK;;EACL;IAAO;;;AAET;EACE;IAAK;;;;AAIT;EACE;EACA;EAEA;EACA;;AACA;EACE;EACA;EACA;;AAGF;EACE;IAAK;;EACL;IAAO;;;AAET;EACE;IAAK;;;;AAIT;EACE;EACA;EACA;EACA;;AACA;EACE;EACA","file":"generic.anims.css"}
|
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
|
.CollapsibleContainer-module_collapsible-container__u0Jmm {
|
|
32
2
|
transform-origin: 0% 0%;
|
|
33
3
|
opacity: 0;
|
|
@@ -61,6 +31,36 @@
|
|
|
61
31
|
max-width: var(--prop-value);
|
|
62
32
|
opacity: 1;
|
|
63
33
|
}
|
|
34
|
+
.icon-module_icon-base-parent__nOMvW {
|
|
35
|
+
line-height: 1px !important;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.icon-module_icon-base__S0tHf {
|
|
39
|
+
min-width: var(--min-width);
|
|
40
|
+
min-height: var(--min-height);
|
|
41
|
+
width: var(--width) !important;
|
|
42
|
+
height: var(--height) !important;
|
|
43
|
+
line-height: 1px !important;
|
|
44
|
+
background-color: var(--icon-color);
|
|
45
|
+
color: var(--icon-content-color);
|
|
46
|
+
background-repeat: no-repeat;
|
|
47
|
+
mask-image: var(--icon-url);
|
|
48
|
+
-webkit-mask-image: var(--icon-url);
|
|
49
|
+
mask-repeat: no-repeat;
|
|
50
|
+
-webkit-mask-repeat: no-repeat;
|
|
51
|
+
mask-size: contain;
|
|
52
|
+
-webkit-mask-size: contain;
|
|
53
|
+
mask-position: center;
|
|
54
|
+
-webkit-mask-position: center;
|
|
55
|
+
display: inline-block;
|
|
56
|
+
will-change: transform;
|
|
57
|
+
transform: translate3d(0, 0, 0);
|
|
58
|
+
}
|
|
59
|
+
.icon-module_icon-base__S0tHf svg {
|
|
60
|
+
fill: var(--icon-content-color);
|
|
61
|
+
width: var(--height);
|
|
62
|
+
height: var(--width);
|
|
63
|
+
}
|
|
64
64
|
.errorBoundary-module_errorBoundary__gk9ps {
|
|
65
65
|
background: #EFEFEF;
|
|
66
66
|
width: 100%;
|
|
@@ -230,77 +230,6 @@
|
|
|
230
230
|
stroke-dashoffset: -124;
|
|
231
231
|
}
|
|
232
232
|
}
|
|
233
|
-
.textAndContent-module_textAndContent__X5P1n {
|
|
234
|
-
align-items: baseline;
|
|
235
|
-
flex-shrink: 1;
|
|
236
|
-
gap: 8px;
|
|
237
|
-
}
|
|
238
|
-
:root {
|
|
239
|
-
--divider-line: #4a4b4b;
|
|
240
|
-
}
|
|
241
|
-
|
|
242
|
-
.typography-module_overflow-hidden__UmQ-v, .typography-module_text-truncate__8MgV9 {
|
|
243
|
-
overflow: hidden !important;
|
|
244
|
-
}
|
|
245
|
-
|
|
246
|
-
.typography-module_text-nowrap__dt3uu, .typography-module_text-truncate__8MgV9 {
|
|
247
|
-
white-space: nowrap !important;
|
|
248
|
-
}
|
|
249
|
-
|
|
250
|
-
.typography-module_text-ellipsis__iyHeZ, .typography-module_text-truncate__8MgV9 {
|
|
251
|
-
text-overflow: ellipsis !important;
|
|
252
|
-
}
|
|
253
|
-
|
|
254
|
-
.typography-module_headline__b0XlP {
|
|
255
|
-
font-size: 28px;
|
|
256
|
-
line-height: 32px;
|
|
257
|
-
}
|
|
258
|
-
|
|
259
|
-
.typography-module_headlineSecondary__IDnhT {
|
|
260
|
-
font-size: 24px;
|
|
261
|
-
line-height: 28px;
|
|
262
|
-
}
|
|
263
|
-
|
|
264
|
-
.typography-module_headlineTertiary__mlG-v {
|
|
265
|
-
font-size: 18px;
|
|
266
|
-
line-height: 24x;
|
|
267
|
-
}
|
|
268
|
-
|
|
269
|
-
.typography-module_paragraph__tgBAx, .typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY, .typography-module_paragraphSmall__vTMiI {
|
|
270
|
-
font-size: 14px;
|
|
271
|
-
line-height: 18px;
|
|
272
|
-
font-weight: 300;
|
|
273
|
-
}
|
|
274
|
-
|
|
275
|
-
.typography-module_paragraphSmall__vTMiI, .typography-module_paragraphBoldSmall__qExmY {
|
|
276
|
-
font-size: 12px;
|
|
277
|
-
}
|
|
278
|
-
|
|
279
|
-
.typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY {
|
|
280
|
-
font-weight: 600;
|
|
281
|
-
}
|
|
282
|
-
|
|
283
|
-
.typography-module_link__DWurf {
|
|
284
|
-
overflow: hidden !important;
|
|
285
|
-
white-space: nowrap !important;
|
|
286
|
-
text-overflow: ellipsis !important;
|
|
287
|
-
text-decoration: none;
|
|
288
|
-
color: #65C5F6;
|
|
289
|
-
display: inline;
|
|
290
|
-
gap: 4px;
|
|
291
|
-
flex-grow: 0;
|
|
292
|
-
max-width: 400px;
|
|
293
|
-
position: relative;
|
|
294
|
-
vertical-align: center;
|
|
295
|
-
}
|
|
296
|
-
.typography-module_link__DWurf:hover:not(.typography-module_disabled__hjK8C) {
|
|
297
|
-
text-decoration: underline;
|
|
298
|
-
color: #65C5F6;
|
|
299
|
-
}
|
|
300
|
-
.typography-module_link__DWurf.typography-module_disabled__hjK8C {
|
|
301
|
-
pointer-events: none;
|
|
302
|
-
opacity: 0.6;
|
|
303
|
-
}
|
|
304
233
|
:root {
|
|
305
234
|
--divider-line: #4a4b4b;
|
|
306
235
|
}
|
|
@@ -415,28 +344,89 @@
|
|
|
415
344
|
.cui-theme-light .button-module_button__NDMQS {
|
|
416
345
|
color: #090A0A;
|
|
417
346
|
}
|
|
418
|
-
.
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
height: 100%;
|
|
423
|
-
top: 0;
|
|
424
|
-
left: 0;
|
|
425
|
-
background: rgba(40, 80, 120, 0.8) !important;
|
|
426
|
-
pointer-events: all;
|
|
427
|
-
user-select: none;
|
|
428
|
-
will-change: opacity;
|
|
429
|
-
transition: opacity 450ms ease-in-out;
|
|
430
|
-
opacity: 0;
|
|
431
|
-
visibility: hidden;
|
|
347
|
+
.textAndContent-module_textAndContent__X5P1n {
|
|
348
|
+
align-items: baseline;
|
|
349
|
+
flex-shrink: 1;
|
|
350
|
+
gap: 8px;
|
|
432
351
|
}
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
visibility: visible;
|
|
352
|
+
:root {
|
|
353
|
+
--divider-line: #4a4b4b;
|
|
436
354
|
}
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
355
|
+
|
|
356
|
+
.typography-module_overflow-hidden__UmQ-v, .typography-module_text-truncate__8MgV9 {
|
|
357
|
+
overflow: hidden !important;
|
|
358
|
+
}
|
|
359
|
+
|
|
360
|
+
.typography-module_text-nowrap__dt3uu, .typography-module_text-truncate__8MgV9 {
|
|
361
|
+
white-space: nowrap !important;
|
|
362
|
+
}
|
|
363
|
+
|
|
364
|
+
.typography-module_text-ellipsis__iyHeZ, .typography-module_text-truncate__8MgV9 {
|
|
365
|
+
text-overflow: ellipsis !important;
|
|
366
|
+
}
|
|
367
|
+
|
|
368
|
+
.typography-module_headline__b0XlP {
|
|
369
|
+
font-size: 28px;
|
|
370
|
+
line-height: 32px;
|
|
371
|
+
}
|
|
372
|
+
|
|
373
|
+
.typography-module_headlineSecondary__IDnhT {
|
|
374
|
+
font-size: 24px;
|
|
375
|
+
line-height: 28px;
|
|
376
|
+
}
|
|
377
|
+
|
|
378
|
+
.typography-module_headlineTertiary__mlG-v {
|
|
379
|
+
font-size: 18px;
|
|
380
|
+
line-height: 24x;
|
|
381
|
+
}
|
|
382
|
+
|
|
383
|
+
.typography-module_paragraph__tgBAx, .typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY, .typography-module_paragraphSmall__vTMiI {
|
|
384
|
+
font-size: 14px;
|
|
385
|
+
line-height: 18px;
|
|
386
|
+
font-weight: 300;
|
|
387
|
+
}
|
|
388
|
+
|
|
389
|
+
.typography-module_paragraphSmall__vTMiI, .typography-module_paragraphBoldSmall__qExmY {
|
|
390
|
+
font-size: 12px;
|
|
391
|
+
}
|
|
392
|
+
|
|
393
|
+
.typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY {
|
|
394
|
+
font-weight: 600;
|
|
395
|
+
}
|
|
396
|
+
|
|
397
|
+
.typography-module_link__DWurf {
|
|
398
|
+
overflow: hidden !important;
|
|
399
|
+
white-space: nowrap !important;
|
|
400
|
+
text-overflow: ellipsis !important;
|
|
401
|
+
text-decoration: none;
|
|
402
|
+
color: #65C5F6;
|
|
403
|
+
display: inline;
|
|
404
|
+
gap: 4px;
|
|
405
|
+
flex-grow: 0;
|
|
406
|
+
max-width: 400px;
|
|
407
|
+
position: relative;
|
|
408
|
+
vertical-align: center;
|
|
409
|
+
}
|
|
410
|
+
.typography-module_link__DWurf:hover:not(.typography-module_disabled__hjK8C) {
|
|
411
|
+
text-decoration: underline;
|
|
412
|
+
color: #65C5F6;
|
|
413
|
+
}
|
|
414
|
+
.typography-module_link__DWurf.typography-module_disabled__hjK8C {
|
|
415
|
+
pointer-events: none;
|
|
416
|
+
opacity: 0.6;
|
|
417
|
+
}
|
|
418
|
+
.flowLayout-module_flowLayout__VHpnY {
|
|
419
|
+
overflow: auto;
|
|
420
|
+
}
|
|
421
|
+
.flowLayout-module_flowLayout__VHpnY .flowLayout-module_beforeContent__rY-mW {
|
|
422
|
+
display: flex;
|
|
423
|
+
width: 100%;
|
|
424
|
+
min-width: 0;
|
|
425
|
+
}
|
|
426
|
+
.flowLayout-module_flowLayout__VHpnY .flowLayout-module_afterContent__Hlh8v {
|
|
427
|
+
display: flex;
|
|
428
|
+
width: 100%;
|
|
429
|
+
min-width: 0;
|
|
440
430
|
}
|
|
441
431
|
:root {
|
|
442
432
|
--divider-line: #4a4b4b;
|
|
@@ -602,6 +592,29 @@
|
|
|
602
592
|
border-color: #FD8F3E;
|
|
603
593
|
color: #632E03;
|
|
604
594
|
}
|
|
595
|
+
.popup-overlay-module_popup-modal-overlay__dlJqM {
|
|
596
|
+
z-index: 1;
|
|
597
|
+
position: fixed;
|
|
598
|
+
width: 100%;
|
|
599
|
+
height: 100%;
|
|
600
|
+
top: 0;
|
|
601
|
+
left: 0;
|
|
602
|
+
background: rgba(40, 80, 120, 0.8) !important;
|
|
603
|
+
pointer-events: all;
|
|
604
|
+
user-select: none;
|
|
605
|
+
will-change: opacity;
|
|
606
|
+
transition: opacity 450ms ease-in-out;
|
|
607
|
+
opacity: 0;
|
|
608
|
+
visibility: hidden;
|
|
609
|
+
}
|
|
610
|
+
.popup-overlay-module_popup-modal-overlay__dlJqM[data-show] {
|
|
611
|
+
opacity: 1;
|
|
612
|
+
visibility: visible;
|
|
613
|
+
}
|
|
614
|
+
.popup-overlay-module_popup-modal-overlay__dlJqM[data-show=false] {
|
|
615
|
+
opacity: 0;
|
|
616
|
+
visibility: hidden;
|
|
617
|
+
}
|
|
605
618
|
:root {
|
|
606
619
|
--divider-line: #4a4b4b;
|
|
607
620
|
}
|
|
@@ -698,19 +711,6 @@
|
|
|
698
711
|
background-color: #090A0A;
|
|
699
712
|
color: #F4F4F4;
|
|
700
713
|
}
|
|
701
|
-
.flowLayout-module_flowLayout__VHpnY {
|
|
702
|
-
overflow: auto;
|
|
703
|
-
}
|
|
704
|
-
.flowLayout-module_flowLayout__VHpnY .flowLayout-module_beforeContent__rY-mW {
|
|
705
|
-
display: flex;
|
|
706
|
-
width: 100%;
|
|
707
|
-
min-width: 0;
|
|
708
|
-
}
|
|
709
|
-
.flowLayout-module_flowLayout__VHpnY .flowLayout-module_afterContent__Hlh8v {
|
|
710
|
-
display: flex;
|
|
711
|
-
width: 100%;
|
|
712
|
-
min-width: 0;
|
|
713
|
-
}
|
|
714
714
|
:root {
|
|
715
715
|
--divider-line: #4a4b4b;
|
|
716
716
|
}
|