@corva/ui 0.100.0-11 → 0.100.0-13
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/cjs-bundle/components/RealTimeValuesSidebar/RealTimeSidebarStyles.js +1 -1
- package/cjs-bundle/components/RealTimeValuesSidebar/RealTimeValuesBox/RealTimeBox.js +1 -1
- package/cjs-bundle/components/RealTimeValuesSidebar/RealTimeValuesBox/RealTimeBoxList.js +1 -1
- package/cjs-bundle/components/RealTimeValuesSidebar/RealTimeValuesBox/RealTimeBoxStyles.js +1 -1
- package/cjs-bundle/components/RealTimeValuesSidebar/SidebarFooter.js +1 -1
- package/cjs-bundle/components/RealTimeValuesSidebar/SidebarTitle.js +1 -1
- package/cjs-bundle/componentsV2/BadgeBase/BadgeBase.js +1 -0
- package/cjs-bundle/componentsV2/BadgeBase/BadgeBase.scss.js +1 -0
- package/cjs-bundle/componentsV2/BadgeCounter/BadgeCounter.js +1 -0
- package/cjs-bundle/componentsV2/BadgeDot/BadgeDot.js +1 -0
- package/cjs-bundle/componentsV2/BadgeDot/BadgeDot.scss.js +1 -0
- package/cjs-bundle/componentsV2/Button/Button.js +1 -1
- package/cjs-bundle/componentsV2/Button/Button.scss.js +1 -1
- package/cjs-bundle/componentsV2/ButtonIcon/ButtonIcon.js +1 -1
- package/cjs-bundle/componentsV2/ButtonIcon/ButtonIcon.scss.js +1 -1
- package/cjs-bundle/componentsV2/Counter/Counter.js +1 -0
- package/cjs-bundle/componentsV2/Counter/Counter.scss.js +1 -0
- package/cjs-bundle/componentsV2/Menu/Menu.js +1 -0
- package/cjs-bundle/componentsV2/Menu/Menu.scss.js +1 -0
- package/cjs-bundle/componentsV2/Menu/MenuDivider/MenuDivider.js +1 -0
- package/cjs-bundle/componentsV2/Menu/MenuDivider/MenuDivider.scss.js +1 -0
- package/cjs-bundle/componentsV2/Menu/MenuGroup/MenuGroup.js +1 -0
- package/cjs-bundle/componentsV2/Menu/MenuGroup/MenuGroup.scss.js +1 -0
- package/cjs-bundle/componentsV2/Menu/MenuItem/MenuItem.js +1 -0
- package/cjs-bundle/componentsV2/Menu/MenuItem/MenuItem.scss.js +1 -0
- package/cjs-bundle/componentsV2/Modal/Modal.js +1 -0
- package/cjs-bundle/componentsV2/Modal/Modal.scss.js +1 -0
- package/cjs-bundle/componentsV2/Paper/Paper.js +1 -0
- package/cjs-bundle/componentsV2/Paper/Paper.scss.js +1 -0
- package/cjs-bundle/componentsV2/Popover/Popover.js +1 -1
- package/cjs-bundle/componentsV2/Popover/Popover.scss.js +1 -1
- package/cjs-bundle/componentsV2/TextMiddleTruncated/TextMiddleTruncated.js +1 -1
- package/cjs-bundle/componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js +1 -1
- package/cjs-bundle/componentsV2/Tooltip/Tooltip.scss.js +1 -1
- package/cjs-bundle/componentsV2/index.js +1 -1
- package/components/RealTimeValuesSidebar/RealTimeSidebarStyles.d.ts.map +1 -1
- package/components/RealTimeValuesSidebar/RealTimeSidebarStyles.js +1 -1
- package/components/RealTimeValuesSidebar/RealTimeValuesBox/RealTimeBox.d.ts.map +1 -1
- package/components/RealTimeValuesSidebar/RealTimeValuesBox/RealTimeBox.js +1 -1
- package/components/RealTimeValuesSidebar/RealTimeValuesBox/RealTimeBoxList.js +1 -1
- package/components/RealTimeValuesSidebar/RealTimeValuesBox/RealTimeBoxStyles.d.ts +1 -1
- package/components/RealTimeValuesSidebar/RealTimeValuesBox/RealTimeBoxStyles.d.ts.map +1 -1
- package/components/RealTimeValuesSidebar/RealTimeValuesBox/RealTimeBoxStyles.js +1 -1
- package/components/RealTimeValuesSidebar/SidebarFooter.d.ts.map +1 -1
- package/components/RealTimeValuesSidebar/SidebarFooter.js +1 -1
- package/components/RealTimeValuesSidebar/SidebarTitle.d.ts.map +1 -1
- package/components/RealTimeValuesSidebar/SidebarTitle.js +1 -1
- package/components/Stepper/Step/styles.d.ts +1 -1
- package/componentsV2/BadgeBase/BadgeBase.d.ts +18 -0
- package/componentsV2/BadgeBase/BadgeBase.d.ts.map +1 -0
- package/componentsV2/BadgeBase/BadgeBase.js +1 -0
- package/componentsV2/BadgeBase/BadgeBase.scss.js +1 -0
- package/componentsV2/BadgeBase/index.d.ts +2 -0
- package/componentsV2/BadgeBase/index.d.ts.map +1 -0
- package/componentsV2/BadgeCounter/BadgeCounter.d.ts +35 -0
- package/componentsV2/BadgeCounter/BadgeCounter.d.ts.map +1 -0
- package/componentsV2/BadgeCounter/BadgeCounter.js +1 -0
- package/componentsV2/BadgeCounter/BadgeCounter.stories.d.ts +10 -0
- package/componentsV2/BadgeCounter/BadgeCounter.stories.d.ts.map +1 -0
- package/componentsV2/BadgeCounter/index.d.ts +2 -0
- package/componentsV2/BadgeCounter/index.d.ts.map +1 -0
- package/componentsV2/BadgeDot/BadgeDot.d.ts +26 -0
- package/componentsV2/BadgeDot/BadgeDot.d.ts.map +1 -0
- package/componentsV2/BadgeDot/BadgeDot.js +1 -0
- package/componentsV2/BadgeDot/BadgeDot.scss.js +1 -0
- package/componentsV2/BadgeDot/BadgeDot.stories.d.ts +10 -0
- package/componentsV2/BadgeDot/BadgeDot.stories.d.ts.map +1 -0
- package/componentsV2/BadgeDot/index.d.ts +2 -0
- package/componentsV2/BadgeDot/index.d.ts.map +1 -0
- package/componentsV2/Button/Button.d.ts.map +1 -1
- package/componentsV2/Button/Button.js +1 -1
- package/componentsV2/Button/Button.scss.js +1 -1
- package/componentsV2/ButtonIcon/ButtonIcon.d.ts.map +1 -1
- package/componentsV2/ButtonIcon/ButtonIcon.js +1 -1
- package/componentsV2/ButtonIcon/ButtonIcon.scss.js +1 -1
- package/componentsV2/Counter/Counter.d.ts +18 -0
- package/componentsV2/Counter/Counter.d.ts.map +1 -0
- package/componentsV2/Counter/Counter.js +1 -0
- package/componentsV2/Counter/Counter.scss.js +1 -0
- package/componentsV2/Counter/Counter.stories.d.ts +13 -0
- package/componentsV2/Counter/Counter.stories.d.ts.map +1 -0
- package/componentsV2/Counter/index.d.ts +2 -0
- package/componentsV2/Counter/index.d.ts.map +1 -0
- package/componentsV2/Menu/Menu.d.ts +25 -0
- package/componentsV2/Menu/Menu.d.ts.map +1 -0
- package/componentsV2/Menu/Menu.js +1 -0
- package/componentsV2/Menu/Menu.scss.js +1 -0
- package/componentsV2/Menu/Menu.stories.d.ts +14 -0
- package/componentsV2/Menu/Menu.stories.d.ts.map +1 -0
- package/componentsV2/Menu/MenuDivider/MenuDivider.d.ts +6 -0
- package/componentsV2/Menu/MenuDivider/MenuDivider.d.ts.map +1 -0
- package/componentsV2/Menu/MenuDivider/MenuDivider.js +1 -0
- package/componentsV2/Menu/MenuDivider/MenuDivider.scss.js +1 -0
- package/componentsV2/Menu/MenuDivider/index.d.ts +2 -0
- package/componentsV2/Menu/MenuDivider/index.d.ts.map +1 -0
- package/componentsV2/Menu/MenuGroup/MenuGroup.d.ts +9 -0
- package/componentsV2/Menu/MenuGroup/MenuGroup.d.ts.map +1 -0
- package/componentsV2/Menu/MenuGroup/MenuGroup.js +1 -0
- package/componentsV2/Menu/MenuGroup/MenuGroup.scss.js +1 -0
- package/componentsV2/Menu/MenuGroup/index.d.ts +2 -0
- package/componentsV2/Menu/MenuGroup/index.d.ts.map +1 -0
- package/componentsV2/Menu/MenuItem/MenuItem.d.ts +14 -0
- package/componentsV2/Menu/MenuItem/MenuItem.d.ts.map +1 -0
- package/componentsV2/Menu/MenuItem/MenuItem.js +1 -0
- package/componentsV2/Menu/MenuItem/MenuItem.scss.js +1 -0
- package/componentsV2/Menu/MenuItem/index.d.ts +2 -0
- package/componentsV2/Menu/MenuItem/index.d.ts.map +1 -0
- package/componentsV2/Menu/index.d.ts +2 -0
- package/componentsV2/Menu/index.d.ts.map +1 -0
- package/componentsV2/Modal/Modal.d.ts +47 -0
- package/componentsV2/Modal/Modal.d.ts.map +1 -0
- package/componentsV2/Modal/Modal.js +1 -0
- package/componentsV2/Modal/Modal.scss.js +1 -0
- package/componentsV2/Modal/Modal.stories.d.ts +12 -0
- package/componentsV2/Modal/Modal.stories.d.ts.map +1 -0
- package/componentsV2/Modal/index.d.ts +2 -0
- package/componentsV2/Modal/index.d.ts.map +1 -0
- package/componentsV2/Paper/Paper.d.ts +11 -0
- package/componentsV2/Paper/Paper.d.ts.map +1 -0
- package/componentsV2/Paper/Paper.js +1 -0
- package/componentsV2/Paper/Paper.scss.js +1 -0
- package/componentsV2/Paper/Paper.stories.d.ts +8 -0
- package/componentsV2/Paper/Paper.stories.d.ts.map +1 -0
- package/componentsV2/Paper/index.d.ts +2 -0
- package/componentsV2/Paper/index.d.ts.map +1 -0
- package/componentsV2/Popover/Popover.d.ts +6 -4
- package/componentsV2/Popover/Popover.d.ts.map +1 -1
- package/componentsV2/Popover/Popover.js +1 -1
- package/componentsV2/Popover/Popover.scss.js +1 -1
- package/componentsV2/Popover/Popover.stories.d.ts +1 -0
- package/componentsV2/Popover/Popover.stories.d.ts.map +1 -1
- package/componentsV2/Popover/index.d.ts +0 -1
- package/componentsV2/Popover/index.d.ts.map +1 -1
- package/componentsV2/RadioAndCheckboxLabel/RadioAndCheckboxLabel.d.ts +1 -1
- package/componentsV2/RadioAndCheckboxLabel/RadioAndCheckboxLabel.d.ts.map +1 -1
- package/componentsV2/TextMiddleTruncated/TextMiddleTruncated.d.ts.map +1 -1
- package/componentsV2/TextMiddleTruncated/TextMiddleTruncated.js +1 -1
- package/componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js +1 -1
- package/componentsV2/Tooltip/Tooltip.scss.js +1 -1
- package/componentsV2/Tooltip/Tooltip.stories.d.ts.map +1 -1
- package/componentsV2/index.d.ts +6 -0
- package/componentsV2/index.d.ts.map +1 -1
- package/componentsV2/index.js +1 -1
- package/package.json +1 -1
- package/styles/common.scss +33 -0
- package/styles/mixins.scss +31 -0
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export type BadgeDotProps = {
|
|
3
|
+
/**
|
|
4
|
+
* Content over which position the badge
|
|
5
|
+
*/
|
|
6
|
+
children: ReactNode;
|
|
7
|
+
/**
|
|
8
|
+
* Badge className
|
|
9
|
+
*/
|
|
10
|
+
badgeClassName?: string;
|
|
11
|
+
/**
|
|
12
|
+
* X offset of badge center from top right corner in pixels
|
|
13
|
+
*/
|
|
14
|
+
offsetX?: number;
|
|
15
|
+
/**
|
|
16
|
+
* Y offset of badge center from top right corner in pixels
|
|
17
|
+
*/
|
|
18
|
+
offsetY?: number;
|
|
19
|
+
/**
|
|
20
|
+
* Container className
|
|
21
|
+
*/
|
|
22
|
+
className?: string;
|
|
23
|
+
testId?: string;
|
|
24
|
+
};
|
|
25
|
+
export declare const BadgeDot: ({ badgeClassName, className, testId, children, offsetX, offsetY, ...injectedProps }: BadgeDotProps) => JSX.Element;
|
|
26
|
+
//# sourceMappingURL=BadgeDot.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BadgeDot.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/BadgeDot/BadgeDot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQlC,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,QAAQ,wFAQlB,aAAa,gBAaf,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__rest as s,__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as a}from"react/jsx-runtime";import t from"classnames";import{BadgeBase as o}from"../BadgeBase/BadgeBase.js";import d from"../BadgeBase/BadgeBase.scss.js";import r from"./BadgeDot.scss.js";var m=function(m){var f=m.badgeClassName,i=m.className,l=m.testId,c=m.children,g=m.offsetX,n=void 0===g?-3:g,B=m.offsetY,b=void 0===B?-2:B,p=s(m,["badgeClassName","className","testId","children","offsetX","offsetY"]);return a(o,e({className:i,testId:l,badge:a("div",{className:t(r.badge,d.badge,f)}),offsetX:n,offsetY:b,badgeHeight:8},p,{children:c}))};export{m as BadgeDot};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var a={spacing:"8",badge:"BadgeDot_badge__z20Lu"};e(".BadgeDot_badge__z20Lu{background:var(--palette-error-main);border-radius:50%;height:8px;width:8px}");export{a as default};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { BadgeDot } from './BadgeDot';
|
|
4
|
+
type Props = ComponentProps<typeof BadgeDot>;
|
|
5
|
+
declare const meta: Meta<Props>;
|
|
6
|
+
export default meta;
|
|
7
|
+
export declare const Default: (props: Props) => JSX.Element;
|
|
8
|
+
export declare const UsageWithComplexComponents: () => JSX.Element;
|
|
9
|
+
export declare const OffsetControl: () => JSX.Element;
|
|
10
|
+
//# sourceMappingURL=BadgeDot.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BadgeDot.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/BadgeDot/BadgeDot.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAOjD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAItC,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC;AAE7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAYF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAInC,CAAC;AAEF,eAAO,MAAM,0BAA0B,mBAmBtC,CAAC;AAMF,eAAO,MAAM,aAAa,mBA+BzB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/BadgeDot/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMjE,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EACD,SAAS,GACT,WAAW,GACX,oBAAoB,GACpB,sBAAsB,GACtB,UAAU,GACV,OAAO,CAAC;IACZ,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,YAAY,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACpD,YAAY,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACpD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAmCF,eAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMjE,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EACD,SAAS,GACT,WAAW,GACX,oBAAoB,GACpB,sBAAsB,GACtB,UAAU,GACV,OAAO,CAAC;IACZ,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,YAAY,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACpD,YAAY,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACpD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAmCF,eAAO,MAAM,MAAM,2GAkClB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as r,__assign as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as e}from"react/jsx-runtime";import{forwardRef as i}from"react";import{Button as a}from"@material-ui/core";import o from"classnames";import s from"./Button.scss.js";var c={primary:{variant:"contained",color:"primary"},secondary:{variant:"text",color:"primary"},primaryDestructive:{variant:"contained",color:"primary"},secondaryDestructive:{variant:"text",color:"primary"},tertiary:{variant:"text",color:"default"},chart:{variant:"text",color:"default"}},n={primaryDestructive:s.primaryDestructive,secondaryDestructive:s.secondaryDestructive,chart:s.chart},d=i((function(i,d){var m=i.children,l=i.onClick,p=i.size,u=void 0===p?"medium":p,
|
|
1
|
+
import{__rest as r,__assign as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as e}from"react/jsx-runtime";import{forwardRef as i}from"react";import{Button as a}from"@material-ui/core";import o from"classnames";import s from"./Button.scss.js";var c={primary:{variant:"contained",color:"primary"},secondary:{variant:"text",color:"primary"},primaryDestructive:{variant:"contained",color:"primary"},secondaryDestructive:{variant:"text",color:"primary"},tertiary:{variant:"text",color:"default"},chart:{variant:"text",color:"default"}},n={primaryDestructive:s.primaryDestructive,secondaryDestructive:s.secondaryDestructive,chart:s.chart},d=i((function(i,d){var m=i.children,l=i.onClick,p=i.size,u=void 0===p?"medium":p,v=i.type,f=void 0===v?"secondary":v,y=i.prefix,x=i.suffix,b=i.disabled,h=i.testId,D=i.className,I=r(i,["children","onClick","size","type","prefix","suffix","disabled","testId","className"]);return e("div",{className:o(s.root,D),children:e(a,t({},c[f],{size:u,ref:d,disabled:b,className:o(s.button,n[f],b&&s.disabled),"data-testid":h,startIcon:y,endIcon:x,onClick:l},I,{children:m}))})}));export{d as Button};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import t from'./../../ext-esm/style-inject/dist/style-inject.es.js';var r={spacing:"8",root:"Button_root__urTct",chart:"Button_chart__VtHxy",primaryDestructive:"Button_primaryDestructive__uzEdA",disabled:"Button_disabled__-IfQw",secondaryDestructive:"Button_secondaryDestructive__rpBj7"};t(".Button_root__urTct.MuiButton-root{transition:all .15s cubic-bezier(.4,0,.2,1);white-space:nowrap}.
|
|
1
|
+
import t from'./../../ext-esm/style-inject/dist/style-inject.es.js';var r={spacing:"8",root:"Button_root__urTct",button:"Button_button__VxKzy",chart:"Button_chart__VtHxy",primaryDestructive:"Button_primaryDestructive__uzEdA",disabled:"Button_disabled__-IfQw",secondaryDestructive:"Button_secondaryDestructive__rpBj7"};t(".Button_root__urTct{display:inline-block;vertical-align:middle}.Button_button__VxKzy{width:100%}.Button_button__VxKzy.MuiButton-root{transition:all .15s cubic-bezier(.4,0,.2,1);white-space:nowrap}.Button_button__VxKzy:not(.Button_chart__VtHxy){letter-spacing:1px}.Button_button__VxKzy.Button_primaryDestructive__uzEdA{background:var(--palette-error-dark)}.Button_button__VxKzy.Button_primaryDestructive__uzEdA:hover{background:var(--palette-error-main)}.Button_button__VxKzy.Button_primaryDestructive__uzEdA.Button_disabled__-IfQw{background:var(--palette-error-dark)}.Button_button__VxKzy.Button_secondaryDestructive__rpBj7{color:var(--palette-error-dark)}.Button_button__VxKzy.Button_secondaryDestructive__rpBj7:hover{background:rgb(from var(--palette-error-dark) r g b/.24);color:var(--palette-error-main)}.Button_button__VxKzy.Button_secondaryDestructive__rpBj7.Button_disabled__-IfQw{color:var(--palette-error-dark)}.Button_button__VxKzy.Button_chart__VtHxy{font-weight:400;letter-spacing:normal;text-transform:none}");export{r as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonIcon.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/ButtonIcon/ButtonIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAMtD,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,aAAa,GAAG,YAAY,CAAC;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAgBF,eAAO,MAAM,UAAU,+
|
|
1
|
+
{"version":3,"file":"ButtonIcon.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/ButtonIcon/ButtonIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAMtD,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,aAAa,GAAG,YAAY,CAAC;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAgBF,eAAO,MAAM,UAAU,+GAiCtB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as r,__assign as e,__spreadArray as i}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as t}from"react/jsx-runtime";import{forwardRef as a}from"react";import{IconButton as s}from"@material-ui/core";import o from"classnames";import m from"./ButtonIcon.scss.js";var d={large:m.large,medium:m.medium,small:m.small},l={primary:[m.primary],secondary:[m.secondary],tertiary:[m.tertiary],secondaryBg:[m.secondary,m.withBg],tertiaryBg:[m.tertiary,m.withBg]},c=a((function(a,c){var n=a.children,y=a.disabled,p=a.testId,u=a.className,f=a.onClick,b=a.type,g=void 0===b?"tertiary":b,h=a.size,v=void 0===h?"medium":h,B=r(a,["children","disabled","testId","className","onClick","type","size"]);return t(s,e({ref:c,className:o.apply(void 0,i(i([m.
|
|
1
|
+
import{__rest as r,__assign as e,__spreadArray as i}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as t}from"react/jsx-runtime";import{forwardRef as a}from"react";import{IconButton as s}from"@material-ui/core";import o from"classnames";import m from"./ButtonIcon.scss.js";var d={large:m.large,medium:m.medium,small:m.small},l={primary:[m.primary],secondary:[m.secondary],tertiary:[m.tertiary],secondaryBg:[m.secondary,m.withBg],tertiaryBg:[m.tertiary,m.withBg]},c=a((function(a,c){var n=a.children,y=a.disabled,p=a.testId,u=a.className,f=a.onClick,b=a.type,g=void 0===b?"tertiary":b,h=a.size,v=void 0===h?"medium":h,B=r(a,["children","disabled","testId","className","onClick","type","size"]);return t("div",{className:o(m.root,u),children:t(s,e({ref:c,className:o.apply(void 0,i(i([m.button,d[v]],l[g],!1),[y&&m.disabled],!1)),onClick:f,disabled:y,"data-testid":p},B,{children:n}))})}));export{c as ButtonIcon};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import t from'./../../ext-esm/style-inject/dist/style-inject.es.js';var o={spacing:"8",root:"ButtonIcon_root__VO5jl",button:"ButtonIcon_button__gD83m",large:"ButtonIcon_large__2EddF",medium:"ButtonIcon_medium__-DRWs",small:"ButtonIcon_small__LVDfV",primary:"ButtonIcon_primary__V4ya6",disabled:"ButtonIcon_disabled__mWUEz",secondary:"ButtonIcon_secondary__8ReYC",tertiary:"ButtonIcon_tertiary__JUuwo",withBg:"ButtonIcon_withBg__ODNab"};t(".ButtonIcon_root__VO5jl{display:inline-block;vertical-align:middle}.ButtonIcon_button__gD83m.MuiIconButton-root{border-radius:8px;transition:all .15s cubic-bezier(.4,0,.2,1)}.ButtonIcon_button__gD83m.MuiIconButton-root:hover{backdrop-filter:blur(4px);background:hsla(0,0%,100%,.16)}.ButtonIcon_button__gD83m.ButtonIcon_large__2EddF{padding:8px}.ButtonIcon_button__gD83m.ButtonIcon_large__2EddF svg{height:24px;width:24px}.ButtonIcon_button__gD83m.ButtonIcon_medium__-DRWs{padding:6px}.ButtonIcon_button__gD83m.ButtonIcon_medium__-DRWs svg{height:24px;width:24px}.ButtonIcon_button__gD83m.ButtonIcon_small__LVDfV{padding:4px}.ButtonIcon_button__gD83m.ButtonIcon_small__LVDfV svg{height:20px;width:20px}.ButtonIcon_button__gD83m.ButtonIcon_primary__V4ya6{background:var(--palette-primary-main);color:var(--palette-background-b-2)}.ButtonIcon_button__gD83m.ButtonIcon_primary__V4ya6:active,.ButtonIcon_button__gD83m.ButtonIcon_primary__V4ya6:hover{background:var(--palette-primary-light)}.ButtonIcon_button__gD83m.ButtonIcon_primary__V4ya6.ButtonIcon_disabled__mWUEz{background:rgb(from var(--palette-primary-main) r g b/.4);color:var(--palette-background-b-2)}.ButtonIcon_button__gD83m.ButtonIcon_secondary__8ReYC{color:var(--palette-primary-main)}.ButtonIcon_button__gD83m.ButtonIcon_secondary__8ReYC:active,.ButtonIcon_button__gD83m.ButtonIcon_secondary__8ReYC:hover{color:var(--palette-primary-light)}.ButtonIcon_button__gD83m.ButtonIcon_secondary__8ReYC.ButtonIcon_disabled__mWUEz{color:rgb(from var(--palette-primary-main) r g b/.4)}.ButtonIcon_button__gD83m.ButtonIcon_tertiary__JUuwo{color:var(--palette-primary-text-6)}.ButtonIcon_button__gD83m.ButtonIcon_tertiary__JUuwo:active,.ButtonIcon_button__gD83m.ButtonIcon_tertiary__JUuwo:hover{color:var(--palette-primary-text-1)}.ButtonIcon_button__gD83m.ButtonIcon_tertiary__JUuwo.ButtonIcon_disabled__mWUEz{color:var(--palette-primary-text-9)}.ButtonIcon_button__gD83m.ButtonIcon_withBg__ODNab{background:hsla(0,0%,100%,.08)}.ButtonIcon_button__gD83m.ButtonIcon_withBg__ODNab.ButtonIcon_disabled__mWUEz{background:hsla(0,0%,100%,.03)}");export{o as default};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { MouseEventHandler } from 'react';
|
|
2
|
+
export type CounterProps = {
|
|
3
|
+
count: number;
|
|
4
|
+
/**
|
|
5
|
+
* Maximum value after which the plus sign will be shown
|
|
6
|
+
*
|
|
7
|
+
* @default Infinity
|
|
8
|
+
*/
|
|
9
|
+
max?: number;
|
|
10
|
+
size?: 'small' | 'medium' | 'large';
|
|
11
|
+
type?: 'default' | 'primary' | 'error';
|
|
12
|
+
onClick?: MouseEventHandler;
|
|
13
|
+
onDelete?: MouseEventHandler;
|
|
14
|
+
className?: string;
|
|
15
|
+
testId?: string;
|
|
16
|
+
};
|
|
17
|
+
export declare const Counter: import("react").ForwardRefExoticComponent<CounterProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
18
|
+
//# sourceMappingURL=Counter.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Counter.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Counter/Counter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAe,MAAM,OAAO,CAAC;AAOnE,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACvC,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAE7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAcF,eAAO,MAAM,OAAO,yGA+CnB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__rest as o,__assign as s}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as c,jsx as i}from"react/jsx-runtime";import{forwardRef as n,useCallback as t}from"react";import e from"classnames";import{CloseSmallIcon as m}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import r from"./Counter.scss.js";var a={small:r.small,medium:r.medium,large:r.large},l={default:r.default,primary:r.primary,error:r.error},u=n((function(n,u){var p=n.size,d=void 0===p?"medium":p,I=n.count,j=n.onDelete,C=n.max,f=void 0===C?1/0:C,h=n.testId,k=n.className,b=n.type,x=void 0===b?"default":b,v=n.onClick,F=o(n,["size","count","onDelete","max","testId","className","type","onClick"]),g=t((function(o){o.stopPropagation(),null==j||j(o)}),[j]);return c("div",s({className:e(r.root,a[d],l[x],v&&r.hoverable,j&&r.deletable,k),onClick:v,"data-testid":h,ref:u},F,{children:[I>f?"".concat(f,"+"):I,j&&i(m,{className:r.deleteIcon,onClick:g,size:16})]}))}));export{u as Counter};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var r={spacing:"8",root:"Counter_root__ZC66V",small:"Counter_small__OBR8Y",medium:"Counter_medium__wvzDU",deletable:"Counter_deletable__Gi3t-",large:"Counter_large__cOR1u",hoverable:"Counter_hoverable__UuKGq",default:"Counter_default__9Eria",error:"Counter_error__Op-ha",primary:"Counter_primary__wGy-l",deleteIcon:"Counter_deleteIcon__HG7G3"};e(".Counter_root__ZC66V{align-items:center;border-radius:50px;display:inline-flex;font-weight:400;justify-content:center;text-align:center;transition:color .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1);user-select:none;vertical-align:middle;white-space:nowrap}.Counter_small__OBR8Y{font-size:11px;height:16px;min-width:16px;padding:0 1px}.Counter_medium__wvzDU{font-size:14px;height:24px;min-width:24px;padding:0 3px}.Counter_medium__wvzDU.Counter_deletable__Gi3t-{padding-left:6px}.Counter_large__cOR1u{font-size:16px;font-weight:500;height:32px;min-width:32px;padding:0 6px}.Counter_hoverable__UuKGq{cursor:pointer}.Counter_default__9Eria{background:var(--palette-background-b-9);color:var(--palette-primary-text-6)}.Counter_default__9Eria.Counter_hoverable__UuKGq:hover{background:var(--palette-primary-text-9);color:var(--palette-primary-text-1)}.Counter_error__Op-ha{background:var(--palette-error-main);color:var(--palette-background-b-2)}.Counter_primary__wGy-l{background:var(--palette-primary-main);color:var(--palette-background-b-2)}.Counter_deleteIcon__HG7G3{cursor:pointer;margin-left:4px}");export{r as default};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { Counter } from './Counter';
|
|
4
|
+
type Props = ComponentProps<typeof Counter>;
|
|
5
|
+
declare const meta: Meta<Props>;
|
|
6
|
+
export default meta;
|
|
7
|
+
export declare const Default: (props: Props) => JSX.Element;
|
|
8
|
+
export declare const Sizes: () => JSX.Element;
|
|
9
|
+
export declare const WithMaximum: () => JSX.Element;
|
|
10
|
+
export declare const Clickable: () => JSX.Element;
|
|
11
|
+
export declare const Deleteable: () => JSX.Element;
|
|
12
|
+
export declare const Types: () => JSX.Element;
|
|
13
|
+
//# sourceMappingURL=Counter.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Counter.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Counter/Counter.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC;AAE5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAgBF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAA2B,CAAC;AAEhE,eAAO,MAAM,KAAK,mBAMjB,CAAC;AASF,eAAO,MAAM,WAAW,mBAAyC,CAAC;AAMlE,eAAO,MAAM,SAAS,mBAAqD,CAAC;AAM5E,eAAO,MAAM,UAAU,mBAAsD,CAAC;AAK9E,eAAO,MAAM,KAAK,mBAMjB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Counter/index.tsx"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { Ref } from 'react';
|
|
2
|
+
import { PopoverProps } from '../Popover';
|
|
3
|
+
import { MenuItem } from './MenuItem';
|
|
4
|
+
import { MenuGroup } from './MenuGroup';
|
|
5
|
+
import { MenuDivider } from './MenuDivider';
|
|
6
|
+
export type MenuProps = {
|
|
7
|
+
/**
|
|
8
|
+
* A HTML element, or a function that returns it. It's used to set the position of the menu.
|
|
9
|
+
*/
|
|
10
|
+
anchorEl: Required<PopoverProps>['anchorEl'];
|
|
11
|
+
/**
|
|
12
|
+
* This is the point on the anchorEl to which the menu will attach to.
|
|
13
|
+
*/
|
|
14
|
+
anchorOrigin?: PopoverProps['anchorOrigin'];
|
|
15
|
+
containerRef?: Ref<HTMLDivElement>;
|
|
16
|
+
} & Omit<PopoverProps, 'position' | 'anchorOrigin' | 'anchorEl'>;
|
|
17
|
+
declare const MenuBase: ({ className, transformOrigin, anchorOrigin, children, containerRef, ...rest }: MenuProps) => JSX.Element;
|
|
18
|
+
type MenuType = typeof MenuBase & {
|
|
19
|
+
Item: typeof MenuItem;
|
|
20
|
+
Group: typeof MenuGroup;
|
|
21
|
+
Divider: typeof MenuDivider;
|
|
22
|
+
};
|
|
23
|
+
export declare const Menu: MenuType;
|
|
24
|
+
export {};
|
|
25
|
+
//# sourceMappingURL=Menu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Menu/Menu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAW,MAAM,OAAO,CAAC;AAErC,OAAO,EAAW,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAI5C,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,QAAQ,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC,UAAU,CAAC,CAAC;IAC7C;;OAEG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAC;IAC5C,YAAY,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CACpC,GAAG,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,cAAc,GAAG,UAAU,CAAC,CAAC;AAEjE,QAAA,MAAM,QAAQ,kFAOX,SAAS,gBA8BX,CAAC;AAEF,KAAK,QAAQ,GAAG,OAAO,QAAQ,GAAG;IAChC,IAAI,EAAE,OAAO,QAAQ,CAAC;IACtB,KAAK,EAAE,OAAO,SAAS,CAAC;IACxB,OAAO,EAAE,OAAO,WAAW,CAAC;CAC7B,CAAC;AAMF,eAAO,MAAM,IAAI,EAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__rest as r,__assign as o}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as i}from"react/jsx-runtime";import t from"classnames";import{useMemo as n}from"react";import{Popover as e}from"../Popover/Popover.js";import{MenuItem as l}from"./MenuItem/MenuItem.js";import{MenuGroup as a}from"./MenuGroup/MenuGroup.js";import{MenuDivider as m}from"./MenuDivider/MenuDivider.js";import s from"./Menu.scss.js";var c=function(l){var a=l.className,m=l.transformOrigin,c=void 0===m?{vertical:"top",horizontal:"left"}:m,v=l.anchorOrigin,u=void 0===v?{horizontal:"left",vertical:"bottom"}:v,f=l.children,d=l.containerRef,p=r(l,["className","transformOrigin","anchorOrigin","children","containerRef"]),h=n((function(){var r="top"===(null==c?void 0:c.vertical)&&"bottom"===(null==u?void 0:u.vertical)||"bottom"===(null==c?void 0:c.vertical)&&"top"===(null==u?void 0:u.vertical),o="left"===(null==c?void 0:c.horizontal)&&"right"===(null==u?void 0:u.horizontal)||"right"===(null==c?void 0:c.horizontal)&&"left"===(null==u?void 0:u.horizontal);return t(s.root,r&&s.marginVertical,o&&s.marginHorizontal,a)}),[c,u,a]);return i(e,o({},p,{className:h,anchorOrigin:u,transformOrigin:c,children:i("div",{className:s.content,ref:d,children:f})}))};c.Item=l,c.Group=a,c.Divider=m;var v=c;export{v as Menu};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import r from'./../../ext-esm/style-inject/dist/style-inject.es.js';var o={spacing:"8",root:"Menu_root__TBmYi",content:"Menu_content__6jGcL",marginVertical:"Menu_marginVertical__2QM0H",marginHorizontal:"Menu_marginHorizontal__eWQeu"};r('.Menu_root__TBmYi{position:relative}.Menu_root__TBmYi:before{background:linear-gradient(180deg,rgb(from var(--corvaui-background) r g b/1) 0,rgb(from var(--corvaui-background) r g b/0) 100%);inset:0 10px auto 0}.Menu_root__TBmYi:after,.Menu_root__TBmYi:before{content:"";height:8px;position:absolute;z-index:1}.Menu_root__TBmYi:after{background:linear-gradient(0deg,rgb(from var(--corvaui-background) r g b/1) 0,rgb(from var(--corvaui-background) r g b/0) 100%);inset:auto 10px 0 0}.Menu_content__6jGcL{height:100%;overflow:auto;padding:8px 16px}.Menu_marginVertical__2QM0H{margin:8px 0}.Menu_marginHorizontal__eWQeu{margin:0 8px}');export{o as default};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { Menu } from './Menu';
|
|
4
|
+
type Props = ComponentProps<typeof Menu>;
|
|
5
|
+
declare const meta: Meta<Props>;
|
|
6
|
+
export default meta;
|
|
7
|
+
export declare const Default: (props: Omit<Props, "position">) => JSX.Element;
|
|
8
|
+
export declare const Positioning: () => JSX.Element;
|
|
9
|
+
export declare const Sizes: () => JSX.Element;
|
|
10
|
+
export declare const PrefixAndSuffix: () => JSX.Element;
|
|
11
|
+
export declare const Checkboxes: () => JSX.Element;
|
|
12
|
+
export declare const Groups: () => JSX.Element;
|
|
13
|
+
export declare const ConstrainedMenu: () => JSX.Element;
|
|
14
|
+
//# sourceMappingURL=Menu.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Menu.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Menu/Menu.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAuC,MAAM,OAAO,CAAC;AAQ5E,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAI9B,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;AAEzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAkBF,eAAe,IAAI,CAAC;AAIpB,eAAO,MAAM,OAAO,UAAW,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,gBAgCrD,CAAC;AAEF,eAAO,MAAM,WAAW,mBA6BvB,CAAC;AAOF,eAAO,MAAM,KAAK,mBA2BjB,CAAC;AAQF,eAAO,MAAM,eAAe,mBAoB3B,CAAC;AAQF,eAAO,MAAM,UAAU,mBAmDtB,CAAC;AAMF,eAAO,MAAM,MAAM,mBA0BlB,CAAC;AAKF,eAAO,MAAM,eAAe,mBAsB3B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuDivider.d.ts","sourceRoot":"","sources":["../../../../src/componentsV2/Menu/MenuDivider/MenuDivider.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,WAAW,0BAA2B,gBAAgB,gBAElE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import s from"classnames";import t from"./MenuDivider.scss.js";var a=function(a){var e=a.testId,m=a.className;return r("div",{className:s(t.root,m),"data-testid":e})};export{a as MenuDivider};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import r from'./../../../ext-esm/style-inject/dist/style-inject.es.js';var e={spacing:"8",root:"MenuDivider_root__iJq9I"};r(".MenuDivider_root__iJq9I{border-bottom:1px solid rgb(from var(--palette-primary-text-1) r g b/.25);margin:0 -16px}");export{e as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/componentsV2/Menu/MenuDivider/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export type MenuGroupProps = {
|
|
3
|
+
label: ReactNode;
|
|
4
|
+
children?: ReactNode;
|
|
5
|
+
className?: string;
|
|
6
|
+
testId?: string;
|
|
7
|
+
};
|
|
8
|
+
export declare const MenuGroup: ({ testId, className, children, label }: MenuGroupProps) => JSX.Element;
|
|
9
|
+
//# sourceMappingURL=MenuGroup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuGroup.d.ts","sourceRoot":"","sources":["../../../../src/componentsV2/Menu/MenuGroup/MenuGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOlC,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,SAAS,2CAA4C,cAAc,gBAS/E,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsxs as r,jsx as e}from"react/jsx-runtime";import s from"classnames";import{Text as t}from"../../Text/Text.js";import a from"./MenuGroup.scss.js";var o=function(o){var m=o.testId,i=o.className,l=o.children,c=o.label;return r("div",{className:s(a.root,i),"data-testid":m,children:[e(t,{className:a.label,color:"T7",size:12,children:c}),l]})};export{o as MenuGroup};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import o from'./../../../ext-esm/style-inject/dist/style-inject.es.js';var e={spacing:"8",root:"MenuGroup_root__JL0VA",label:"MenuGroup_label__g6ZGf"};o(".MenuGroup_root__JL0VA:not(:first-child){margin-top:8px}.MenuGroup_label__g6ZGf{display:block;padding:10px 0}");export{e as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/componentsV2/Menu/MenuGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { MouseEventHandler, ReactNode } from 'react';
|
|
2
|
+
type MenuItemProps = {
|
|
3
|
+
children?: ReactNode;
|
|
4
|
+
onClick?: MouseEventHandler<HTMLLIElement>;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
size?: 'medium' | 'large';
|
|
7
|
+
prefix?: ReactNode;
|
|
8
|
+
suffix?: ReactNode;
|
|
9
|
+
className?: string;
|
|
10
|
+
testId?: string;
|
|
11
|
+
};
|
|
12
|
+
export declare const MenuItem: ({ children, testId, className, onClick, disabled, prefix, suffix, size, }: MenuItemProps) => JSX.Element;
|
|
13
|
+
export {};
|
|
14
|
+
//# sourceMappingURL=MenuItem.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../src/componentsV2/Menu/MenuItem/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgC,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMnF,KAAK,aAAa,GAAG;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAgDF,eAAO,MAAM,QAAQ,8EASlB,aAAa,gBAaf,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e from"@babel/runtime/helpers/typeof";import{jsxs as i,jsx as m}from"react/jsx-runtime";import{isValidElement as r,cloneElement as a}from"react";import{MenuItem as t}from"@material-ui/core";import s from"classnames";import l from"./MenuItem.scss.js";var o={medium:l.medium,large:l.large},c={medium:"small",large:"medium"},d={medium:16,large:24},n=function(i,m,t){if(void 0===t&&(t=!1),r(i)){var o=i&&"object"===e(i.type)&&i.type.displayName;return a(i,"Checkbox"===o?{size:c[m],className:s(l.checkboxAffix,t?l.suffix:l.prefix),labelPlacement:t?"start":"end"}:{size:d[m],className:l.iconAffix})}return i},f=function(e){var r=e.children,a=e.testId,c=e.className,d=e.onClick,f=e.disabled,u=e.prefix,p=e.suffix,x=e.size,b=void 0===x?"medium":x;return i(t,{className:s(l.menuItem,o[b],c),"data-testid":a,onClick:d,disabled:f,children:[n(u,b),m("div",{className:l.itemLabel,children:r}),n(p,b,!0)]})};export{f as MenuItem};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e from'./../../../ext-esm/style-inject/dist/style-inject.es.js';var t={spacing:"8",menuItem:"MenuItem_menuItem__rGLlT",medium:"MenuItem_medium__BV9x1",large:"MenuItem_large__sHhkc",itemLabel:"MenuItem_itemLabel__V4vAO",checkboxAffix:"MenuItem_checkboxAffix__dJCxa",prefix:"MenuItem_prefix__YoDuz",suffix:"MenuItem_suffix__Ldj84",iconAffix:"MenuItem_iconAffix__Tnj14"};e(".MuiListItem-root.MenuItem_menuItem__rGLlT{align-items:center;flex-wrap:nowrap;margin-left:-16px;margin-right:-16px;overflow:hidden}.MuiListItem-root.MenuItem_medium__BV9x1{gap:4px;min-height:36px;padding-bottom:4px;padding-top:4px}.MuiListItem-root.MenuItem_large__sHhkc{gap:8px;min-height:54px;padding-bottom:12px;padding-top:12px}.MenuItem_itemLabel__V4vAO{flex:1 1 auto;margin-right:auto;overflow:hidden}.MenuItem_checkboxAffix__dJCxa{align-items:center;display:flex}.MenuItem_checkboxAffix__dJCxa.MenuItem_prefix__YoDuz{margin-right:-8px}.MenuItem_checkboxAffix__dJCxa.MenuItem_suffix__Ldj84{margin-left:-8px}.MenuItem_iconAffix__Tnj14{align-items:center;display:flex}");export{t as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/componentsV2/Menu/MenuItem/index.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Menu/index.tsx"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { ButtonProps } from '../Button';
|
|
3
|
+
export type ModalProps = {
|
|
4
|
+
open: boolean;
|
|
5
|
+
title?: ReactNode;
|
|
6
|
+
/**
|
|
7
|
+
* Component contents
|
|
8
|
+
*/
|
|
9
|
+
children?: ReactNode;
|
|
10
|
+
onClose?: (reason: 'backdropClick' | 'escapeKey' | 'closeButtonClick') => void;
|
|
11
|
+
size?: 'small' | 'medium' | 'large' | 'fullscreen';
|
|
12
|
+
showCloseButton?: boolean;
|
|
13
|
+
closeOnBackdropClick?: boolean;
|
|
14
|
+
closeOnEscape?: boolean;
|
|
15
|
+
/**
|
|
16
|
+
* Contents of the primary button
|
|
17
|
+
*/
|
|
18
|
+
primaryActionText?: ReactNode;
|
|
19
|
+
/**
|
|
20
|
+
* Click handler for primary button
|
|
21
|
+
*/
|
|
22
|
+
primaryActionHandler?: ButtonProps['onClick'];
|
|
23
|
+
/**
|
|
24
|
+
* Additional props for primary button
|
|
25
|
+
*/
|
|
26
|
+
primaryActionProps?: Omit<ButtonProps, 'children' | 'onClick' | 'type' | 'size'>;
|
|
27
|
+
/**
|
|
28
|
+
* Contents of the secondary button
|
|
29
|
+
*/
|
|
30
|
+
secondaryActionText?: ReactNode;
|
|
31
|
+
/**
|
|
32
|
+
* Click handler for secondary button
|
|
33
|
+
*/
|
|
34
|
+
secondaryActionHandler?: ButtonProps['onClick'];
|
|
35
|
+
/**
|
|
36
|
+
* Additional props for secondary button
|
|
37
|
+
*/
|
|
38
|
+
secondaryActionProps?: Omit<ButtonProps, 'children' | 'onClick' | 'type' | 'size'>;
|
|
39
|
+
/**
|
|
40
|
+
* Additional actions to render in Modal's footer
|
|
41
|
+
*/
|
|
42
|
+
actions?: ReactNode;
|
|
43
|
+
className?: string;
|
|
44
|
+
testId?: string;
|
|
45
|
+
};
|
|
46
|
+
export declare const Modal: (props: ModalProps) => JSX.Element;
|
|
47
|
+
//# sourceMappingURL=Modal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Modal/Modal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AAa/C,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAC;AAMhD,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,GAAG,WAAW,GAAG,kBAAkB,KAAK,IAAI,CAAC;IAC/E,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,CAAC;IACnD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B;;OAEG;IACH,oBAAoB,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC9C;;OAEG;IACH,kBAAkB,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC,CAAC;IAEjF;;OAEG;IACH,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC;;OAEG;IACH,sBAAsB,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAChD;;OAEG;IACH,oBAAoB,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC,CAAC;IAEnF;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AA6GF,eAAO,MAAM,KAAK,UAAW,UAAU,gBAOtC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__assign as o,__rest as s}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as c,jsxs as n}from"react/jsx-runtime";import{Modal as e}from"@material-ui/core";import{useCallback as i}from"react";import r from"classnames";import{useDelayedDcFullscreenElemOpen as t}from"../../effects/useDelayedDcFullscreenElemOpen.js";import{useIsInsideDcFullscreenElem as m,IsInsideDcFullscreenElemProvider as l}from"../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{useIsInsideDcApp as p}from"../../components/DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import{Paper as a}from"../Paper/Paper.js";import{Header as d}from"../Header/Header.js";import{Tooltip as u}from"../Tooltip/Tooltip.js";import{ButtonIcon as I}from"../ButtonIcon/ButtonIcon.js";import{Button as j}from"../Button/Button.js";import C from"./Modal.scss.js";import{CloseSmallIcon as f}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";var h={large:C.large,fullscreen:C.fullscreen,medium:C.medium,small:C.small},v=function(s){var t=s.open,m=s.children,l=s.onClose,p=s.size,v=void 0===p?"medium":p,k=s.testId,y=s.className,A=s.title,D=s.showCloseButton,F=void 0===D||D,b=s.closeOnBackdropClick,P=void 0===b||b,x=s.closeOnEscape,B=void 0===x||x,N=s.primaryActionProps,O=s.primaryActionText,E=s.secondaryActionProps,H=s.secondaryActionText,M=s.primaryActionHandler,T=s.secondaryActionHandler,g=s.actions,z=i((function(o,s){l&&("backdropClick"===s&&P&&l("backdropClick"),"escapeKeyDown"===s&&B&&l("escapeKey"))}),[l,P,B]),R=i((function(){null==l||l("closeButtonClick")}),[l]);return c(e,{open:t,className:C.root,onClose:z,children:n(a,{className:r(C.modal,h[v],y),testId:k,children:[A&&n(d,{className:C.title,appearance:"H3",children:[A,F&&c(u,{title:"Close",children:c(I,{className:C.closeButton,onClick:R,children:c(f,{})})})]}),c("div",{className:C.content,children:c("div",{className:C.contentInner,children:m})}),(!!g||O||H)&&n("div",{className:C.actions,children:[g,H&&c(j,o({type:"secondary",size:"medium",onClick:T},E,{children:H})),O&&c(j,o({type:"primary",size:"medium",onClick:M},N,{children:O}))]})]})})},k=function(n){var e=n.open,i=s(n,["open"]),r=t({isOpen:e}).delayedIsOpen;return c(l,{children:c(v,o({open:r},i))})},y=function(s){var n=p(),e=m();return c(n&&!e?k:v,o({},s))};export{y as Modal};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import o from'./../../ext-esm/style-inject/dist/style-inject.es.js';var a={spacing:"8",root:"Modal_root__kDYRH",modal:"Modal_modal__6eQF1",small:"Modal_small__m3him",medium:"Modal_medium__c93oi",large:"Modal_large__pZVC7",fullscreen:"Modal_fullscreen__RXM3q",title:"Modal_title__9TCQA",closeButton:"Modal_closeButton__GTXLz",content:"Modal_content__FIwas",contentInner:"Modal_contentInner__Rqsbu",actions:"Modal_actions__WoY3b"};o('.Modal_root__kDYRH{display:flex;height:100%;overflow:auto;padding:16px;width:100%}.Modal_modal__6eQF1{display:flex;flex-flow:column nowrap;justify-items:stretch;margin:auto;max-height:calc(100% - 32px);padding:40px;width:100%}.Modal_modal__6eQF1.Modal_small__m3him{max-width:416px}.Modal_modal__6eQF1.Modal_medium__c93oi{max-width:552px}.Modal_modal__6eQF1.Modal_large__pZVC7{max-width:768px}.Modal_modal__6eQF1.Modal_fullscreen__RXM3q{height:100%;max-width:1152px;width:80%}.Modal_title__9TCQA{align-items:center;display:flex;flex-wrap:nowrap;opacity:1}.Modal_closeButton__GTXLz{margin-left:auto}.Modal_content__FIwas{display:flex;flex-flow:column nowrap;margin:0 -40px;overflow:hidden;position:relative}.Modal_content__FIwas:before{background:linear-gradient(180deg,rgb(from var(--corvaui-background) r g b/1) 0,rgb(from var(--corvaui-background) r g b/0) 100%);content:"";height:16px;inset:0 10px auto 0;position:absolute;z-index:1}.Modal_content__FIwas:after{background:linear-gradient(0deg,rgb(from var(--corvaui-background) r g b/1) 0,rgb(from var(--corvaui-background) r g b/0) 100%);content:"";height:16px;inset:auto 10px 0 0;position:absolute;z-index:1}.Modal_contentInner__Rqsbu{overflow:auto;padding:16px 40px}.Modal_actions__WoY3b{display:flex;gap:16px;justify-content:flex-end;padding-top:16px}');export{a as default};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { Modal } from './Modal';
|
|
4
|
+
type Props = ComponentProps<typeof Modal>;
|
|
5
|
+
declare const meta: Meta<Props>;
|
|
6
|
+
export default meta;
|
|
7
|
+
export declare const Default: (props: Props) => JSX.Element;
|
|
8
|
+
export declare const Sizes: () => JSX.Element;
|
|
9
|
+
export declare const Actions: () => JSX.Element;
|
|
10
|
+
export declare const CustomActions: () => JSX.Element;
|
|
11
|
+
export declare const CloseVectors: () => JSX.Element;
|
|
12
|
+
//# sourceMappingURL=Modal.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Modal.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Modal/Modal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAKjD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAIhC,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;AAE1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AA2BF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAgBnC,CAAC;AAEF,eAAO,MAAM,KAAK,mBAcjB,CAAC;AAUF,eAAO,MAAM,OAAO,mBA4BnB,CAAC;AAMF,eAAO,MAAM,aAAa,mBAoBzB,CAAC;AAOF,eAAO,MAAM,YAAY,mBAqBxB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Modal/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export type PaperProps = {
|
|
3
|
+
/**
|
|
4
|
+
* Component contents
|
|
5
|
+
*/
|
|
6
|
+
children?: ReactNode;
|
|
7
|
+
className?: string;
|
|
8
|
+
testId?: string;
|
|
9
|
+
};
|
|
10
|
+
export declare const Paper: import("react").ForwardRefExoticComponent<PaperProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
11
|
+
//# sourceMappingURL=Paper.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Paper.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Paper/Paper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAM9C,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,KAAK,uGAcjB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import{Paper as t}from"@material-ui/core";import a from"classnames";import o from"./Paper.scss.js";var m=e((function(e,m){var s=e.children,i=e.className,c=e.testId;return r(t,{className:a(o.root,i),"data-testid":c,ref:m,tabIndex:-1,elevation:0,children:s})}));export{m as Paper};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t from'./../../ext-esm/style-inject/dist/style-inject.es.js';var o={spacing:"8",root:"Paper_root__BtJlH"};t(".Paper_root__BtJlH{--corvaui-background:var(--palette-background-b-9);background:var(--palette-background-b-9)!important;border-radius:8px!important;outline:none}");export{o as default};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { Paper } from './Paper';
|
|
4
|
+
type Props = ComponentProps<typeof Paper>;
|
|
5
|
+
declare const meta: Meta<Props>;
|
|
6
|
+
export default meta;
|
|
7
|
+
export declare const Default: (props: Props) => JSX.Element;
|
|
8
|
+
//# sourceMappingURL=Paper.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Paper.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Paper/Paper.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;AAE1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAcF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAAyB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Paper/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
2
|
export type PopoverProps = {
|
|
3
3
|
open: boolean;
|
|
4
4
|
/**
|
|
5
5
|
* The content of the component.
|
|
6
6
|
*/
|
|
7
7
|
children?: ReactNode;
|
|
8
|
-
onClose?: (reason: 'backdropClick' | '
|
|
8
|
+
onClose?: (reason: 'backdropClick' | 'escapeKey') => void;
|
|
9
|
+
closeOnBackdropClick?: boolean;
|
|
10
|
+
closeOnEscape?: boolean;
|
|
9
11
|
/**
|
|
10
12
|
* This is the point on the popover which will attach to the anchor's origin.
|
|
11
13
|
*/
|
|
@@ -30,7 +32,7 @@ export type PopoverProps = {
|
|
|
30
32
|
*/
|
|
31
33
|
anchorEl: HTMLElement | (() => HTMLElement) | null;
|
|
32
34
|
/**
|
|
33
|
-
* This is the point on the
|
|
35
|
+
* This is the point on the anchorEl to which the popover will attach to.
|
|
34
36
|
*
|
|
35
37
|
* Mutually exclusive with `position`
|
|
36
38
|
*
|
|
@@ -54,5 +56,5 @@ export type PopoverProps = {
|
|
|
54
56
|
anchorEl?: never;
|
|
55
57
|
anchorOrigin?: never;
|
|
56
58
|
});
|
|
57
|
-
export declare const Popover: ({ children, open, onClose, transformOrigin, className, restoreFocus, backdrop, ...positionProps }: PopoverProps) => JSX.Element;
|
|
59
|
+
export declare const Popover: ({ children, open, onClose, transformOrigin, className, closeOnBackdropClick, closeOnEscape, restoreFocus, backdrop, ...positionProps }: PopoverProps) => JSX.Element;
|
|
58
60
|
//# sourceMappingURL=Popover.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Popover/Popover.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Popover/Popover.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAwB,MAAM,OAAO,CAAC;AAYxD,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,OAAO,CAAC;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,GAAG,WAAW,KAAK,IAAI,CAAC;IAC1D,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,eAAe,CAAC,EAAE;QAChB,UAAU,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;QACjD,QAAQ,EAAE,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;KAChD,CAAC;IAEF;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,CACA;IACE;;;;OAIG;IACH,QAAQ,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,GAAG,IAAI,CAAC;IACnD;;;;;;OAMG;IACH,YAAY,CAAC,EAAE;QACb,UAAU,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;QACjD,QAAQ,EAAE,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;KAChD,CAAC;IACF,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB,GAGD;IACE;;;;OAIG;IACH,QAAQ,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,CACJ,CAAC;AAWF,eAAO,MAAM,OAAO,2IAYjB,YAAY,gBA8Cd,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as o,__assign as r}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as e}from"react/jsx-runtime";import{Popover as n}from"@material-ui/core";import{useMemo as
|
|
1
|
+
import{__rest as o,__assign as r}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as e}from"react/jsx-runtime";import{Popover as n}from"@material-ui/core";import{useMemo as s,useCallback as i}from"react";import c from"classnames";import{useIsInsideDcApp as a}from"../../components/DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import{useIsInsideDcFullscreenElem as p}from"../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{DcPopover as t}from"./DcPopover.js";import l from"./Popover.scss.js";import m from"../Paper/Paper.scss.js";var d={elevation:0,className:c(l.popover,m.root)},v=function(m){var v=m.children,f=m.open,h=m.onClose,C=m.transformOrigin,u=void 0===C?{vertical:"top",horizontal:"left"}:C,P=m.className,k=m.closeOnBackdropClick,D=void 0===k||k,O=m.closeOnEscape,b=void 0===O||O,j=m.restoreFocus,E=void 0!==j&&j,I=m.backdrop,g=void 0===I||I,F=o(m,["children","open","onClose","transformOrigin","className","closeOnBackdropClick","closeOnEscape","restoreFocus","backdrop"]),A=a(),B=p(),N=s((function(){return{paper:c(l.paper,P)}}),[P]),R=i((function(o,r){h&&("backdropClick"===r&&D&&h("backdropClick"),"escapeKeyDown"===r&&b&&h("escapeKey"))}),[h,D,b]),x=A&&!B?t:n,y="position"in F?{anchorReference:"anchorPosition",anchorPosition:F.position}:{anchorReference:"anchorEl",anchorEl:F.anchorEl,anchorOrigin:F.anchorOrigin||{vertical:"top",horizontal:"left"}};return e(x,r({open:f,transformOrigin:u,onClose:R,classes:N,PaperProps:d,disableRestoreFocus:!E,className:g?void 0:l.noBackdrop,hideBackdrop:!g},y,{children:v}))};export{v as Popover};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import o from'./../../ext-esm/style-inject/dist/style-inject.es.js';var e={noBackdrop:"Popover_noBackdrop__IzTLC",paper:"Popover_paper__wjJL5"};o(".Popover_noBackdrop__IzTLC{pointer-events:none}.Popover_noBackdrop__IzTLC .Popover_paper__wjJL5{pointer-events:auto}");export{e as default};
|
|
1
|
+
import o from'./../../ext-esm/style-inject/dist/style-inject.es.js';var e={popover:"Popover_popover__mD0EX",noBackdrop:"Popover_noBackdrop__IzTLC",paper:"Popover_paper__wjJL5"};o(".Popover_popover__mD0EX{box-shadow:none!important}.Popover_noBackdrop__IzTLC{pointer-events:none}.Popover_noBackdrop__IzTLC .Popover_paper__wjJL5{pointer-events:auto}");export{e as default};
|
|
@@ -6,6 +6,7 @@ declare const meta: Meta<Props>;
|
|
|
6
6
|
export default meta;
|
|
7
7
|
export declare const Default: (props: Omit<Props, "position">) => JSX.Element;
|
|
8
8
|
export declare const PositioningModes: () => JSX.Element;
|
|
9
|
+
export declare const CloseVectors: () => JSX.Element;
|
|
9
10
|
export declare const OpenOnHover: () => JSX.Element;
|
|
10
11
|
export declare const AnchorPlayground: () => JSX.Element;
|
|
11
12
|
//# sourceMappingURL=Popover.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Popover/Popover.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAA+B,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAWxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAgBpC,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC;AAE5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAmBF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,gBAmBrD,CAAC;AAEF,eAAO,MAAM,gBAAgB,mBA+B5B,CAAC;AAQF,eAAO,MAAM,WAAW,mBAsCvB,CAAC;
|
|
1
|
+
{"version":3,"file":"Popover.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Popover/Popover.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAA+B,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAWxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAgBpC,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC;AAE5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAmBF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,gBAmBrD,CAAC;AAEF,eAAO,MAAM,gBAAgB,mBA+B5B,CAAC;AASF,eAAO,MAAM,YAAY,mBAyBxB,CAAC;AAQF,eAAO,MAAM,WAAW,mBAsCvB,CAAC;AAOF,eAAO,MAAM,gBAAgB,mBAyI5B,CAAC"}
|