@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.
Files changed (44) hide show
  1. package/dist/hooks/esm/index.css +134 -134
  2. package/dist/hooks/index.css +134 -134
  3. package/dist/lib/cjs/src/core/ui/components/atoms/button/Button.js +1 -1
  4. package/dist/lib/cjs/src/core/ui/components/atoms/button/Button.js.map +1 -1
  5. package/dist/lib/cjs/src/core/ui/components/icon/IconBase.js.map +1 -1
  6. package/dist/lib/cjs/src/core/utils/helpers/date.js +1 -1
  7. package/dist/lib/cjs/src/core/utils/helpers/date.js.map +1 -1
  8. package/dist/lib/cjs/src/index.js +1 -1
  9. package/dist/lib/esm/src/core/ui/components/atoms/button/Button.js +1 -1
  10. package/dist/lib/esm/src/core/ui/components/atoms/button/Button.js.map +1 -1
  11. package/dist/lib/esm/src/core/ui/components/icon/IconBase.js.map +1 -1
  12. package/dist/lib/esm/src/core/utils/helpers/date.js +1 -1
  13. package/dist/lib/esm/src/core/utils/helpers/date.js.map +1 -1
  14. package/dist/lib/esm/src/index.js +1 -1
  15. package/dist/lib/tsconfig.tsbuildinfo +1 -1
  16. package/dist/types/src/core/ui/components/atoms/button/Button.d.ts +3 -1
  17. package/dist/types/src/core/ui/components/atoms/button/Button.d.ts.map +1 -1
  18. package/dist/types/src/core/ui/components/atoms/button/button.stories.d.ts.map +1 -1
  19. package/dist/types/src/core/ui/components/atoms/button/button.types.d.ts +5 -1
  20. package/dist/types/src/core/ui/components/atoms/button/button.types.d.ts.map +1 -1
  21. package/dist/types/src/core/ui/components/atoms/textAndContent/textAndContent.types.d.ts +2 -2
  22. package/dist/types/src/core/ui/components/atoms/textAndContent/textAndContent.types.d.ts.map +1 -1
  23. package/dist/types/src/core/ui/components/icon/IconBase.d.ts +3 -3
  24. package/dist/types/src/core/ui/components/icon/IconBase.d.ts.map +1 -1
  25. package/dist/types/src/core/utils/helpers/date.d.ts +4 -1
  26. package/dist/types/src/core/utils/helpers/date.d.ts.map +1 -1
  27. package/dist/ui/esm/src/core/ui/components/atoms/button/Button.js +1 -1
  28. package/dist/ui/esm/src/core/ui/components/atoms/button/Button.js.map +1 -1
  29. package/dist/ui/esm/src/core/ui/components/icon/IconBase.js.map +1 -1
  30. package/dist/ui/esm/src/core/ui/index.js +1 -1
  31. package/dist/ui/src/core/ui/components/atoms/button/Button.js +1 -1
  32. package/dist/ui/src/core/ui/components/atoms/button/Button.js.map +1 -1
  33. package/dist/ui/src/core/ui/components/icon/IconBase.js.map +1 -1
  34. package/dist/ui/src/core/ui/index.js +1 -1
  35. package/dist/ui/styles/generic.anims.css.map +1 -1
  36. package/dist/utils/esm/index.css +134 -134
  37. package/dist/utils/esm/src/core/utils/helpers/date.js +1 -1
  38. package/dist/utils/esm/src/core/utils/helpers/date.js.map +1 -1
  39. package/dist/utils/esm/src/core/utils/index.js +1 -1
  40. package/dist/utils/index.css +134 -134
  41. package/dist/utils/src/core/utils/helpers/date.js +1 -1
  42. package/dist/utils/src/core/utils/helpers/date.js.map +1 -1
  43. package/dist/utils/src/core/utils/index.js +1 -1
  44. package/package.json +1 -1
@@ -1,4 +1,5 @@
1
- import type { ButtonProps } from './button.types';
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":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAGjD,eAAO,MAAM,IAAI;;;;;CAKhB,CAAA;AAeD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,MAAM,wOAchB,WAAW,6CAyDZ,CAAA;AAEF,MAAM,MAAM,UAAU,GAAG,OAAO,MAAM,CAAA"}
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;AAyCT,eAAO,MAAM,UAAU,kGAA0B,CAAA"}
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;AAEnF,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAGxD,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"}
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?: MouseEvent) => void;
22
- onRightIconClick?: (event?: MouseEvent) => void;
21
+ onLeftIconClick?: (event: MouseEvent | KeyboardEvent) => void;
22
+ onRightIconClick?: (event: MouseEvent | KeyboardEvent) => void;
23
23
  };
24
24
  //# sourceMappingURL=textAndContent.types.d.ts.map
@@ -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,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;IAC9C,gBAAgB,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;CAChD,CAAA"}
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 IconBaseType = PropsWithChildren<unknown> & {
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?: MouseEvent<HTMLSpanElement> | undefined) => void;
14
+ onClick?: (event: MouseEvent | KeyboardEvent) => void;
15
15
  };
16
- export declare const IconBase: FC<IconBaseType>;
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,YAAY,GAAG,iBAAiB,CAAC,OAAO,CAAC,GAAG;IACtD,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,CAAC,EAAE,UAAU,CAAC,eAAe,CAAC,GAAG,SAAS,KAAK,IAAI,CAAA;CACpE,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,YAAY,CAoCpC,CAAA"}
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;AAC1D,eAAO,MAAM,WAAW,qBAAqB,CAAA;AAE7C,eAAO,MAAM,qBAAqB,mBAAwB,MAAmD,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 a,createElement as n}from"react";import{AnchorLink as r}from"../text/anchor-link/AnchorLink.js";import o 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";const p={ENTER:{key:"Enter",keyCode:13}},d=e((t=>{let{variant:e,href:a,target:o,children:i,...l}=t;return"link"===e?n(r,{href:a,target:o,...l,onClick:s},i):n("span",{},i)}));d.displayName="InnerElement";const m=e((e=>{let{label:n,children:r,variant:s,tiny:m,truncate:c,fluid:u,preventDefualt:h,stopPropagation:f,onClick:g,type:v="button",transparent:y,hasShadow:k,hasIcon:E,disabled:b,animated:I=!1,className:N="",id:P,href:j,target:x,...C}=e;const D=`${n||r?.toString()}`,R=a((t=>{h&&t.preventDefault(),f&&(t.stopPropagation(),t.nativeEvent.stopImmediatePropagation()),g?.(t)}),[g,h,f]),w=a((t=>{t.key===p.ENTER.key&&(h&&t.preventDefault(),f&&(t.stopPropagation(),t.nativeEvent.stopImmediatePropagation()),g?.(t))}),[g,h,f]);return React.createElement("button",t({type:v,tabIndex:-1,onClick:R,onKeyDown:w,className:i(o.button,m&&o.tiny,s&&o[s],c&&o.truncate,u&&o.fluid,I&&o.animated,y&&o.transparent,k&&o.hasShadow,E&&o.hasIcon,b&&o.disabled,N),id:`${P||D&&l(D)}`,"data-testid":`${C.dataTestId||C["data-testid"]||P||D&&l(D)}`},C),React.createElement(d,{variant:s,href:j,target:x},n&&n,r||r))}));m.displayName="Button";export{m as Button,p as keys};
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":"8XASO,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"}
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 IconBaseType = 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<HTMLSpanElement> | undefined) => void\n}\n\nexport const IconBase: FC<IconBaseType> = memo<IconBaseType>(({\n iconUrl, minWidth, minHeight, size,\n fontSize, width, height, color = 'currentColor', className = '', children, style, onClick, ...props\n}: IconBaseType) => {\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,EAA6BC,GAAmBC,IAGzC,IAH0CC,QAC5DA,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,GACjFb,EACb,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
+ {"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"),l=require("../../../../utils/helpers/text.js");const s={ENTER:{key:"Enter",keyCode:13}},o=t.memo((e=>{let{variant:n,href:l,target:s,children:o,...i}=e;return"link"===n?t.createElement(a.AnchorLink,{href:l,target:s,...i,onClick:r.noop},o):t.createElement("span",{},o)}));o.displayName="InnerElement";const i=t.memo((a=>{let{label:i,children:u,variant:d,tiny:c,truncate:p,fluid:m,preventDefualt:f,stopPropagation:h,onClick:k,type:v="button",transparent:y,hasShadow:E,hasIcon:b,disabled:g,animated:I=!1,className:N="",id:q,href:x,target:C,...P}=a;const j=`${i||u?.toString()}`,D=t.useCallback((e=>{f&&e.preventDefault(),h&&(e.stopPropagation(),e.nativeEvent.stopImmediatePropagation()),k?.(e)}),[k,f,h]),R=t.useCallback((e=>{e.key===s.ENTER.key&&(f&&e.preventDefault(),h&&(e.stopPropagation(),e.nativeEvent.stopImmediatePropagation()),k?.(e))}),[k,f,h]);return React.createElement("button",e.extends({type:v,tabIndex:-1,onClick:D,onKeyDown:R,className:r.classNames(n.default.button,c&&n.default.tiny,d&&n.default[d],p&&n.default.truncate,m&&n.default.fluid,I&&n.default.animated,y&&n.default.transparent,E&&n.default.hasShadow,b&&n.default.hasIcon,g&&n.default.disabled,N),id:`${q||j&&l.composeId(j)}`,"data-testid":`${P.dataTestId||P["data-testid"]||q||j&&l.composeId(j)}`},P),React.createElement(o,{variant:d,href:x,target:C},i&&i,u||u))}));i.displayName="Button",exports.Button=i,exports.keys=s;
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":"yRASO,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"}
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 IconBaseType = 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<HTMLSpanElement> | undefined) => void\n}\n\nexport const IconBase: FC<IconBaseType> = memo<IconBaseType>(({\n iconUrl, minWidth, minHeight, size,\n fontSize, width, height, color = 'currentColor', className = '', children, style, onClick, ...props\n}: IconBaseType) => {\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,EAA6BC,EAAIA,MAAeC,IAGzC,IAH0CC,QAC5DA,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,GACjFb,EACb,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
+ {"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"),z=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.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=z.PopupAnimateVariant;
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;EAKA;;AAJA;EACE;IAAK;IAAW;;EAChB;IAAO;IAAa;;;;AAKxB;EACE;EACA;EAKA;;AAJA;EACE;IAAK;;EACL;IAAO;;;;AAKX;EACE;EACA;EAMA;;AALA;EACE;IAAK;IAA8B;;EACnC;IAAM;;EACN;IAAO;IAA6B;;;;AAKxC;EACE;EACA;EAMA;;AALA;EACE;IAAK;IAA6B;;EAClC;IAAM;;EACN;IAAO;IAA6B;;;;AAKxC;EACE;EACA;EAMA;;AALA;EACE;IAAK;IAA8B;;EACnC;IAAM;;EACN;IAAO;IAA6B;;;;AAKxC;EACE;EACA;EAMA;;AALA;EACE;IAAK;IAA6B;;EAClC;IAAM;;EACN;IAAO;IAA6B;;;;AAMxC;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"}
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"}
@@ -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
- .popup-overlay-module_popup-modal-overlay__dlJqM {
419
- z-index: 1;
420
- position: fixed;
421
- width: 100%;
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
- .popup-overlay-module_popup-modal-overlay__dlJqM[data-show] {
434
- opacity: 1;
435
- visibility: visible;
352
+ :root {
353
+ --divider-line: #4a4b4b;
436
354
  }
437
- .popup-overlay-module_popup-modal-overlay__dlJqM[data-show=false] {
438
- opacity: 0;
439
- visibility: hidden;
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
  }