@corva/ui 0.99.0-1 → 0.99.0-11
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/README.md +1 -1
- package/cjs-bundle/components/DevCenter/AppsDataProvider/effects/dataResolvers.js +1 -1
- package/cjs-bundle/components/DevCenter/AppsDataProvider/effects/utils.js +1 -1
- package/cjs-bundle/components/FeedItem/feedItemTypes/BhaFeedItem/components/BhaSchematic.js +1 -1
- package/cjs-bundle/components/ImageViewer/index.js +1 -1
- package/cjs-bundle/components/OffsetWellPickerV4/components/Filter/Filter.js +1 -1
- package/cjs-bundle/components/OffsetWellPickerV4/components/OffsetWellsTable/ViewWellSectionsName.js +1 -1
- package/cjs-bundle/components/Table/Table/Table.js +1 -0
- package/cjs-bundle/components/Template/TemplateSharingDialog/ChipSelector.js +1 -1
- package/cjs-bundle/components/VirtualizedTable/VirtualizedTable.js +1 -1
- package/cjs-bundle/components/VirtualizedTable/index.js +1 -1
- package/cjs-bundle/components/WellSummary/ActivitySummaryChart.js +1 -1
- package/cjs-bundle/components/index.js +1 -1
- package/cjs-bundle/componentsV2/Button/Button.js +1 -0
- package/cjs-bundle/componentsV2/Button/Button.scss.js +1 -0
- package/cjs-bundle/componentsV2/ButtonIcon/ButtonIcon.js +1 -0
- package/cjs-bundle/componentsV2/ButtonIcon/ButtonIcon.scss.js +1 -0
- package/cjs-bundle/componentsV2/Checkbox/Checkbox.js +1 -0
- package/cjs-bundle/componentsV2/CheckboxGroup/CheckboxGroup.js +1 -0
- package/cjs-bundle/componentsV2/Chip/Chip.js +1 -0
- package/cjs-bundle/componentsV2/Chip/Chip.scss.js +1 -0
- package/cjs-bundle/componentsV2/Header/Header.js +1 -0
- package/cjs-bundle/componentsV2/Header/Header.scss.js +1 -0
- package/cjs-bundle/componentsV2/LoaderCircular/LoaderCircular.js +1 -0
- package/cjs-bundle/componentsV2/Popover/DcPopover.js +1 -0
- package/cjs-bundle/componentsV2/Popover/Popover.js +1 -0
- package/cjs-bundle/componentsV2/Radio/Radio.js +1 -0
- package/cjs-bundle/componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.js +1 -0
- package/cjs-bundle/componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js +1 -0
- package/cjs-bundle/componentsV2/RadioAndCheckboxLabel/RadioAndCheckboxLabel.js +1 -0
- package/cjs-bundle/componentsV2/RadioAndCheckboxLabel/RadioAndCheckboxLabel.scss.js +1 -0
- package/cjs-bundle/componentsV2/RadioGroup/RadioGroup.js +1 -0
- package/cjs-bundle/componentsV2/Text/Text.js +1 -1
- package/cjs-bundle/componentsV2/TextInput/TextInput.js +1 -0
- package/cjs-bundle/componentsV2/TextInput/TextInput.scss.js +1 -0
- package/cjs-bundle/componentsV2/TextInput/useShrink.js +1 -0
- package/cjs-bundle/componentsV2/TextLink/TextLink.js +1 -0
- package/cjs-bundle/componentsV2/TextLink/TextLink.scss.js +1 -0
- package/cjs-bundle/componentsV2/TextMiddleTruncated/TextMiddleTruncated.js +1 -0
- package/cjs-bundle/componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js +1 -0
- package/cjs-bundle/componentsV2/TextTruncated/TextTruncated.js +1 -0
- package/cjs-bundle/componentsV2/TextTruncated/TextTruncated.scss.js +1 -0
- package/cjs-bundle/componentsV2/Tooltip/DcTooltip.js +1 -0
- package/cjs-bundle/componentsV2/Tooltip/Tooltip.js +1 -0
- package/cjs-bundle/componentsV2/Tooltip/Tooltip.scss.js +1 -0
- package/cjs-bundle/componentsV2/index.js +1 -1
- package/cjs-bundle/effects/useDelayedDcFullscreenElemOpen.js +1 -1
- package/cjs-bundle/icons/customIcons/icons/Checkbox.js +1 -1
- package/cjs-bundle/icons/customIcons/icons/CheckboxChecked.js +1 -1
- package/cjs-bundle/icons/customIcons/icons/CheckboxIndeterminate.js +1 -1
- package/cjs-bundle/icons/customIcons/icons/RadioChecked.js +1 -1
- package/cjs-bundle/utils/dashboardReports.js +1 -1
- package/components/DevCenter/AppsDataProvider/effects/dataResolvers.d.ts.map +1 -1
- package/components/DevCenter/AppsDataProvider/effects/dataResolvers.js +1 -1
- package/components/DevCenter/AppsDataProvider/effects/utils.d.ts +10 -0
- package/components/DevCenter/AppsDataProvider/effects/utils.d.ts.map +1 -1
- package/components/DevCenter/AppsDataProvider/effects/utils.js +1 -1
- package/components/FeedItem/feedItemTypes/BhaFeedItem/components/BhaSchematic.d.ts.map +1 -1
- package/components/FeedItem/feedItemTypes/BhaFeedItem/components/BhaSchematic.js +1 -1
- package/components/ImageViewer/index.js +1 -1
- package/components/OffsetWellPickerV4/components/Filter/Filter.d.ts.map +1 -1
- package/components/OffsetWellPickerV4/components/Filter/Filter.js +1 -1
- package/components/OffsetWellPickerV4/components/OffsetWellsTable/ViewWellSectionsName.d.ts.map +1 -1
- package/components/OffsetWellPickerV4/components/OffsetWellsTable/ViewWellSectionsName.js +1 -1
- package/components/Table/Table/Table.js +1 -0
- package/components/Template/TemplateSharingDialog/ChipSelector.js +1 -1
- package/components/VirtualizedTable/VirtualizedTable.d.ts +1 -1
- package/components/VirtualizedTable/VirtualizedTable.d.ts.map +1 -1
- package/components/VirtualizedTable/VirtualizedTable.js +1 -1
- package/components/VirtualizedTable/index.d.ts +9 -1
- package/components/VirtualizedTable/index.d.ts.map +1 -1
- package/components/VirtualizedTable/index.js +1 -1
- package/components/WellSummary/ActivitySummaryChart.d.ts.map +1 -1
- package/components/WellSummary/ActivitySummaryChart.js +1 -1
- package/components/index.d.ts +5 -2
- package/components/index.d.ts.map +1 -1
- package/components/index.js +1 -1
- package/componentsV2/Button/Button.d.ts +20 -0
- package/componentsV2/Button/Button.d.ts.map +1 -0
- package/componentsV2/Button/Button.js +1 -0
- package/componentsV2/Button/Button.scss.js +1 -0
- package/componentsV2/Button/Button.stories.d.ts +11 -0
- package/componentsV2/Button/Button.stories.d.ts.map +1 -0
- package/componentsV2/Button/index.d.ts +2 -0
- package/componentsV2/Button/index.d.ts.map +1 -0
- package/componentsV2/ButtonIcon/ButtonIcon.d.ts +18 -0
- package/componentsV2/ButtonIcon/ButtonIcon.d.ts.map +1 -0
- package/componentsV2/ButtonIcon/ButtonIcon.js +1 -0
- package/componentsV2/ButtonIcon/ButtonIcon.scss.js +1 -0
- package/componentsV2/ButtonIcon/ButtonIcon.stories.d.ts +10 -0
- package/componentsV2/ButtonIcon/ButtonIcon.stories.d.ts.map +1 -0
- package/componentsV2/ButtonIcon/index.d.ts +2 -0
- package/componentsV2/ButtonIcon/index.d.ts.map +1 -0
- package/componentsV2/Checkbox/Checkbox.d.ts +27 -0
- package/componentsV2/Checkbox/Checkbox.d.ts.map +1 -0
- package/componentsV2/Checkbox/Checkbox.js +1 -0
- package/componentsV2/Checkbox/Checkbox.stories.d.ts +12 -0
- package/componentsV2/Checkbox/Checkbox.stories.d.ts.map +1 -0
- package/componentsV2/Checkbox/index.d.ts +2 -0
- package/componentsV2/Checkbox/index.d.ts.map +1 -0
- package/componentsV2/CheckboxGroup/CheckboxGroup.d.ts +11 -0
- package/componentsV2/CheckboxGroup/CheckboxGroup.d.ts.map +1 -0
- package/componentsV2/CheckboxGroup/CheckboxGroup.js +1 -0
- package/componentsV2/CheckboxGroup/CheckboxGroup.stories.d.ts +12 -0
- package/componentsV2/CheckboxGroup/CheckboxGroup.stories.d.ts.map +1 -0
- package/componentsV2/CheckboxGroup/index.d.ts +2 -0
- package/componentsV2/CheckboxGroup/index.d.ts.map +1 -0
- package/componentsV2/Chip/Chip.d.ts +19 -0
- package/componentsV2/Chip/Chip.d.ts.map +1 -0
- package/componentsV2/Chip/Chip.js +1 -0
- package/componentsV2/Chip/Chip.scss.js +1 -0
- package/componentsV2/Chip/Chip.stories.d.ts +13 -0
- package/componentsV2/Chip/Chip.stories.d.ts.map +1 -0
- package/componentsV2/Chip/index.d.ts +2 -0
- package/componentsV2/Chip/index.d.ts.map +1 -0
- package/componentsV2/Header/Header.d.ts +12 -0
- package/componentsV2/Header/Header.d.ts.map +1 -0
- package/componentsV2/Header/Header.js +1 -0
- package/componentsV2/Header/Header.scss.js +1 -0
- package/componentsV2/Header/Header.stories.d.ts +8 -0
- package/componentsV2/Header/Header.stories.d.ts.map +1 -0
- package/componentsV2/Header/index.d.ts +2 -0
- package/componentsV2/Header/index.d.ts.map +1 -0
- package/componentsV2/LoaderCircular/LoaderCircular.d.ts +11 -0
- package/componentsV2/LoaderCircular/LoaderCircular.d.ts.map +1 -0
- package/componentsV2/LoaderCircular/LoaderCircular.js +1 -0
- package/componentsV2/LoaderCircular/LoaderCircular.stories.d.ts +10 -0
- package/componentsV2/LoaderCircular/LoaderCircular.stories.d.ts.map +1 -0
- package/componentsV2/LoaderCircular/index.d.ts +2 -0
- package/componentsV2/LoaderCircular/index.d.ts.map +1 -0
- package/componentsV2/Popover/DcPopover.d.ts +3 -0
- package/componentsV2/Popover/DcPopover.d.ts.map +1 -0
- package/componentsV2/Popover/DcPopover.js +1 -0
- package/componentsV2/Popover/Popover.d.ts +52 -0
- package/componentsV2/Popover/Popover.d.ts.map +1 -0
- package/componentsV2/Popover/Popover.js +1 -0
- package/componentsV2/Popover/Popover.stories.d.ts +10 -0
- package/componentsV2/Popover/Popover.stories.d.ts.map +1 -0
- package/componentsV2/Popover/index.d.ts +3 -0
- package/componentsV2/Popover/index.d.ts.map +1 -0
- package/componentsV2/Radio/Radio.d.ts +19 -0
- package/componentsV2/Radio/Radio.d.ts.map +1 -0
- package/componentsV2/Radio/Radio.js +1 -0
- package/componentsV2/Radio/Radio.stories.d.ts +11 -0
- package/componentsV2/Radio/Radio.stories.d.ts.map +1 -0
- package/componentsV2/Radio/index.d.ts +2 -0
- package/componentsV2/Radio/index.d.ts.map +1 -0
- package/componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.d.ts +37 -0
- package/componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.d.ts.map +1 -0
- package/componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.js +1 -0
- package/componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js +1 -0
- package/componentsV2/RadioAndCheckboxGroup/index.d.ts +2 -0
- package/componentsV2/RadioAndCheckboxGroup/index.d.ts.map +1 -0
- package/componentsV2/RadioAndCheckboxLabel/RadioAndCheckboxLabel.d.ts +30 -0
- package/componentsV2/RadioAndCheckboxLabel/RadioAndCheckboxLabel.d.ts.map +1 -0
- package/componentsV2/RadioAndCheckboxLabel/RadioAndCheckboxLabel.js +1 -0
- package/componentsV2/RadioAndCheckboxLabel/RadioAndCheckboxLabel.scss.js +1 -0
- package/componentsV2/RadioAndCheckboxLabel/index.d.ts +3 -0
- package/componentsV2/RadioAndCheckboxLabel/index.d.ts.map +1 -0
- package/componentsV2/RadioGroup/RadioGroup.d.ts +11 -0
- package/componentsV2/RadioGroup/RadioGroup.d.ts.map +1 -0
- package/componentsV2/RadioGroup/RadioGroup.js +1 -0
- package/componentsV2/RadioGroup/RadioGroup.stories.d.ts +12 -0
- package/componentsV2/RadioGroup/RadioGroup.stories.d.ts.map +1 -0
- package/componentsV2/RadioGroup/index.d.ts +2 -0
- package/componentsV2/RadioGroup/index.d.ts.map +1 -0
- package/componentsV2/Text/Text.d.ts +1 -1
- package/componentsV2/Text/Text.d.ts.map +1 -1
- package/componentsV2/Text/Text.js +1 -1
- package/componentsV2/TextInput/TextInput.d.ts +30 -0
- package/componentsV2/TextInput/TextInput.d.ts.map +1 -0
- package/componentsV2/TextInput/TextInput.js +1 -0
- package/componentsV2/TextInput/TextInput.scss.js +1 -0
- package/componentsV2/TextInput/TextInput.stories.d.ts +15 -0
- package/componentsV2/TextInput/TextInput.stories.d.ts.map +1 -0
- package/componentsV2/TextInput/index.d.ts +2 -0
- package/componentsV2/TextInput/index.d.ts.map +1 -0
- package/componentsV2/TextInput/useShrink.d.ts +24 -0
- package/componentsV2/TextInput/useShrink.d.ts.map +1 -0
- package/componentsV2/TextInput/useShrink.js +1 -0
- package/componentsV2/TextLink/TextLink.d.ts +28 -0
- package/componentsV2/TextLink/TextLink.d.ts.map +1 -0
- package/componentsV2/TextLink/TextLink.js +1 -0
- package/componentsV2/TextLink/TextLink.scss.js +1 -0
- package/componentsV2/TextLink/TextLink.stories.d.ts +10 -0
- package/componentsV2/TextLink/TextLink.stories.d.ts.map +1 -0
- package/componentsV2/TextLink/index.d.ts +2 -0
- package/componentsV2/TextLink/index.d.ts.map +1 -0
- package/componentsV2/TextMiddleTruncated/TextMiddleTruncated.d.ts +11 -0
- package/componentsV2/TextMiddleTruncated/TextMiddleTruncated.d.ts.map +1 -0
- package/componentsV2/TextMiddleTruncated/TextMiddleTruncated.js +1 -0
- package/componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js +1 -0
- package/componentsV2/TextMiddleTruncated/TextMiddleTruncated.stories.d.ts +9 -0
- package/componentsV2/TextMiddleTruncated/TextMiddleTruncated.stories.d.ts.map +1 -0
- package/componentsV2/TextMiddleTruncated/index.d.ts +2 -0
- package/componentsV2/TextMiddleTruncated/index.d.ts.map +1 -0
- package/componentsV2/TextTruncated/TextTruncated.d.ts +15 -0
- package/componentsV2/TextTruncated/TextTruncated.d.ts.map +1 -0
- package/componentsV2/TextTruncated/TextTruncated.js +1 -0
- package/componentsV2/TextTruncated/TextTruncated.scss.js +1 -0
- package/componentsV2/TextTruncated/TextTruncated.stories.d.ts +11 -0
- package/componentsV2/TextTruncated/TextTruncated.stories.d.ts.map +1 -0
- package/componentsV2/TextTruncated/index.d.ts +2 -0
- package/componentsV2/TextTruncated/index.d.ts.map +1 -0
- package/componentsV2/Tooltip/DcTooltip.d.ts +11 -0
- package/componentsV2/Tooltip/DcTooltip.d.ts.map +1 -0
- package/componentsV2/Tooltip/DcTooltip.js +1 -0
- package/componentsV2/Tooltip/Tooltip.d.ts +71 -0
- package/componentsV2/Tooltip/Tooltip.d.ts.map +1 -0
- package/componentsV2/Tooltip/Tooltip.js +1 -0
- package/componentsV2/Tooltip/Tooltip.scss.js +1 -0
- package/componentsV2/Tooltip/Tooltip.stories.d.ts +12 -0
- package/componentsV2/Tooltip/Tooltip.stories.d.ts.map +1 -0
- package/componentsV2/Tooltip/index.d.ts +2 -0
- package/componentsV2/Tooltip/index.d.ts.map +1 -0
- package/componentsV2/index.d.ts +15 -0
- package/componentsV2/index.d.ts.map +1 -1
- package/componentsV2/index.js +1 -1
- package/effects/useDelayedDcFullscreenElemOpen.d.ts +2 -0
- package/effects/useDelayedDcFullscreenElemOpen.d.ts.map +1 -1
- package/effects/useDelayedDcFullscreenElemOpen.js +1 -1
- package/icons/customIcons/icons/Checkbox.d.ts.map +1 -1
- package/icons/customIcons/icons/Checkbox.js +1 -1
- package/icons/customIcons/icons/CheckboxChecked.d.ts.map +1 -1
- package/icons/customIcons/icons/CheckboxChecked.js +1 -1
- package/icons/customIcons/icons/CheckboxIndeterminate.d.ts.map +1 -1
- package/icons/customIcons/icons/CheckboxIndeterminate.js +1 -1
- package/icons/customIcons/icons/RadioChecked.d.ts.map +1 -1
- package/icons/customIcons/icons/RadioChecked.js +1 -1
- package/package.json +3 -3
- package/storyBookHelpers/components.d.ts +8 -3
- package/storyBookHelpers/components.d.ts.map +1 -1
- package/storyBookHelpers/template/Template.stories.d.ts.map +1 -1
- package/storyBookHelpers/utils.d.ts +2 -1
- package/storyBookHelpers/utils.d.ts.map +1 -1
- package/styles/common.scss +15 -1
- package/styles/utils.scss +13 -0
- package/styles/vars.base.scss +2 -1
- package/utils/dashboardReports.d.ts.map +1 -1
- package/utils/dashboardReports.js +1 -1
- package/utils/main.d.ts.map +1 -1
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { MouseEventHandler, ReactNode } from 'react';
|
|
2
|
+
export type ChipProps = {
|
|
3
|
+
/**
|
|
4
|
+
* Component contents
|
|
5
|
+
*/
|
|
6
|
+
children?: ReactNode;
|
|
7
|
+
prefix?: ReactNode;
|
|
8
|
+
suffix?: ReactNode;
|
|
9
|
+
onClick?: MouseEventHandler;
|
|
10
|
+
onDelete?: MouseEventHandler;
|
|
11
|
+
size?: 'xs' | 'small' | 'medium';
|
|
12
|
+
type?: 'default' | 'outlined';
|
|
13
|
+
state?: 'default' | 'info' | 'caution' | 'warning' | 'error' | 'success' | 'pending';
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
className?: string;
|
|
16
|
+
testId?: string;
|
|
17
|
+
};
|
|
18
|
+
export declare const Chip: import("react").ForwardRefExoticComponent<ChipProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
19
|
+
//# sourceMappingURL=Chip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAC;AAOf,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,IAAI,CAAC,EAAE,IAAI,GAAG,OAAO,GAAG,QAAQ,CAAC;IACjC,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAC9B,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;IACrF,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AA6BF,eAAO,MAAM,IAAI,sGA8DhB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__rest as s,__assign as o}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as i,jsx as c}from"react/jsx-runtime";import{forwardRef as n,useCallback as e,isValidElement as t,cloneElement as m}from"react";import r from"classnames";import{CloseSmallIcon as l}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 a from"./Chip.scss.js";var d={default:a.default,caution:a.caution,info:a.info,error:a.error,pending:a.pending,success:a.success,warning:a.warning},u={default:a.filled,outlined:a.outlined},p={medium:a.medium,small:a.small,xs:a.xsmall},I={medium:24,small:16,xs:12},f=n((function(n,f){var j=n.disabled,h=n.prefix,x=n.suffix,C=n.testId,b=n.className,k=n.children,v=n.onClick,F=n.onDelete,g=n.size,z=void 0===g?"medium":g,N=n.state,w=void 0===N?"default":N,A=n.type,D=void 0===A?"default":A,E=s(n,["disabled","prefix","suffix","testId","className","children","onClick","onDelete","size","state","type"]),M=j?void 0:v,O=e((function(s){s.stopPropagation(),null==F||F(s)}),[F]);return i("div",o({className:r(a.root,M&&a.hoverable,j&&a.disabled,h&&a.withPrefix,(F||x)&&a.withSuffix,p[z],u[D],d[w],b),onClick:M,"data-testid":C,ref:f},E,{children:[h&&t(h)?m(h,{size:I[z]}):h,c("div",{className:a.label,children:k}),x&&t(x)?m(x,{size:I[z]}):x,F&&c(l,{className:a.deleteIcon,onClick:O,size:16})]}))}));export{f as Chip};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import i from'./../../ext-esm/style-inject/dist/style-inject.es.js';var _={spacing:"8",root:"Chip_root__E-kyT",withPrefix:"Chip_withPrefix__OWfoW",withSuffix:"Chip_withSuffix__v--KV",deleteIcon:"Chip_deleteIcon__Tg3iT",label:"Chip_label__k3LIg",medium:"Chip_medium__xrFuK",small:"Chip_small__r1k4o",xsmall:"Chip_xsmall__VBn-K",hoverable:"Chip_hoverable__vXYZv",disabled:"Chip_disabled__u2qeq",filled:"Chip_filled__jpkzS",default:"Chip_default__9LNLe",info:"Chip_info__JfqpF",warning:"Chip_warning__XMe7i",caution:"Chip_caution__dALq9",error:"Chip_error__j4o5-",pending:"Chip_pending__yhPXR",success:"Chip_success__X3OdP",outlined:"Chip_outlined__lo-AZ"};i(".Chip_root__E-kyT{align-items:center;border:1px solid transparent;border-radius:40px;display:inline-flex;font-size:14px;font-weight:400;gap:4px;overflow:hidden;padding:0 12px;transition:color .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1);user-select:none;vertical-align:middle;white-space:nowrap}.Chip_withPrefix__OWfoW{padding-left:8px}.Chip_withSuffix__v--KV{padding-right:8px}.Chip_deleteIcon__Tg3iT{color:var(--palette-primary-text-6);cursor:pointer}.Chip_deleteIcon__Tg3iT svg{display:block}.Chip_label__k3LIg{margin-right:auto}.Chip_medium__xrFuK{height:32px;line-height:30px}.Chip_small__r1k4o{height:24px;line-height:22px}.Chip_xsmall__VBn-K{font-size:11px;height:16px;line-height:14px;padding:0 8px}.Chip_xsmall__VBn-K.Chip_withPrefix__OWfoW{padding-left:4px}.Chip_xsmall__VBn-K.Chip_withSuffix__v--KV{padding-right:4px}.Chip_hoverable__vXYZv{cursor:pointer}.Chip_disabled__u2qeq{opacity:.4}.Chip_filled__jpkzS.Chip_default__9LNLe{background:rgb(from var(--palette-primary-text-1) r g b/.05);color:var(--palette-primary-text-6)}.Chip_filled__jpkzS.Chip_default__9LNLe.Chip_hoverable__vXYZv:hover{background:rgb(from var(--palette-primary-text-1) r g b/.1);color:var(--palette-primary-text-1)}.Chip_filled__jpkzS.Chip_default__9LNLe.Chip_disabled__u2qeq{background:rgb(from var(--palette-primary-text-1) r g b/.03);color:var(--palette-primary-text-9);opacity:1}.Chip_filled__jpkzS.Chip_caution__dALq9,.Chip_filled__jpkzS.Chip_error__j4o5-,.Chip_filled__jpkzS.Chip_info__JfqpF,.Chip_filled__jpkzS.Chip_pending__yhPXR,.Chip_filled__jpkzS.Chip_success__X3OdP,.Chip_filled__jpkzS.Chip_warning__XMe7i{background:var(--corvaui-chip-bg);color:var(--corvaui-chip-color)}.Chip_filled__jpkzS.Chip_caution__dALq9.Chip_hoverable__vXYZv:hover,.Chip_filled__jpkzS.Chip_error__j4o5-.Chip_hoverable__vXYZv:hover,.Chip_filled__jpkzS.Chip_info__JfqpF.Chip_hoverable__vXYZv:hover,.Chip_filled__jpkzS.Chip_pending__yhPXR.Chip_hoverable__vXYZv:hover,.Chip_filled__jpkzS.Chip_success__X3OdP.Chip_hoverable__vXYZv:hover,.Chip_filled__jpkzS.Chip_warning__XMe7i.Chip_hoverable__vXYZv:hover{background:var(--corvaui-chip-bghover)}.Chip_filled__jpkzS.Chip_info__JfqpF{--corvaui-chip-color:var(--palette-info-light);--corvaui-chip-bg:rgb(from var(--palette-info-light) r g b/0.2);--corvaui-chip-bghover:rgb(from var(--palette-info-light) r g b/0.3)}.Chip_filled__jpkzS.Chip_warning__XMe7i{--corvaui-chip-color:var(--palette-warning-main);--corvaui-chip-bg:rgb(from var(--palette-warning-main) r g b/0.2);--corvaui-chip-bghover:rgb(from var(--palette-warning-main) r g b/0.3)}.Chip_filled__jpkzS.Chip_caution__dALq9{--corvaui-chip-color:#f09538;--corvaui-chip-bg:rgb(from #f09538 r g b/0.2);--corvaui-chip-bghover:rgb(from #f09538 r g b/0.3)}.Chip_filled__jpkzS.Chip_error__j4o5-{--corvaui-chip-color:var(--palette-error-main);--corvaui-chip-bg:rgb(from var(--palette-error-main) r g b/0.2);--corvaui-chip-bghover:rgb(from var(--palette-error-main) r g b/0.3)}.Chip_filled__jpkzS.Chip_success__X3OdP{--corvaui-chip-color:var(--palette-success-light);--corvaui-chip-bg:rgb(from var(--palette-success-light) r g b/0.2);--corvaui-chip-bghover:rgb(from var(--palette-success-light) r g b/0.3)}.Chip_filled__jpkzS.Chip_pending__yhPXR{--corvaui-chip-color:#cb75ff;--corvaui-chip-bg:rgb(from #cb75ff r g b/0.2);--corvaui-chip-bghover:rgb(from #cb75ff r g b/0.3)}.Chip_outlined__lo-AZ .Chip_label__k3LIg{color:var(--palette-primary-text-6);transition:inherit}.Chip_outlined__lo-AZ.Chip_hoverable__vXYZv:hover .Chip_label__k3LIg{color:var(--palette-primary-text-1)}.Chip_outlined__lo-AZ.Chip_default__9LNLe{border-color:var(--palette-primary-text-9);color:var(--palette-primary-text-6)}.Chip_outlined__lo-AZ.Chip_default__9LNLe.Chip_hoverable__vXYZv:hover{background:rgb(from var(--palette-primary-text-1) r g b/.05);color:var(--palette-primary-text-1)}.Chip_outlined__lo-AZ.Chip_default__9LNLe.Chip_disabled__u2qeq{opacity:1}.Chip_outlined__lo-AZ.Chip_caution__dALq9,.Chip_outlined__lo-AZ.Chip_error__j4o5-,.Chip_outlined__lo-AZ.Chip_info__JfqpF,.Chip_outlined__lo-AZ.Chip_pending__yhPXR,.Chip_outlined__lo-AZ.Chip_success__X3OdP,.Chip_outlined__lo-AZ.Chip_warning__XMe7i{border-color:var(--corvaui-chip-color);color:var(--corvaui-chip-color)}.Chip_outlined__lo-AZ.Chip_caution__dALq9.Chip_hoverable__vXYZv:hover,.Chip_outlined__lo-AZ.Chip_error__j4o5-.Chip_hoverable__vXYZv:hover,.Chip_outlined__lo-AZ.Chip_info__JfqpF.Chip_hoverable__vXYZv:hover,.Chip_outlined__lo-AZ.Chip_pending__yhPXR.Chip_hoverable__vXYZv:hover,.Chip_outlined__lo-AZ.Chip_success__X3OdP.Chip_hoverable__vXYZv:hover,.Chip_outlined__lo-AZ.Chip_warning__XMe7i.Chip_hoverable__vXYZv:hover{background:var(--corvaui-chip-bghover)}.Chip_outlined__lo-AZ.Chip_info__JfqpF{--corvaui-chip-color:var(--palette-info-light);--corvaui-chip-bghover:rgb(from var(--palette-info-light) r g b/0.1)}.Chip_outlined__lo-AZ.Chip_warning__XMe7i{--corvaui-chip-color:var(--palette-warning-main);--corvaui-chip-bghover:rgb(from var(--palette-warning-main) r g b/0.1)}.Chip_outlined__lo-AZ.Chip_caution__dALq9{--corvaui-chip-color:#f09538;--corvaui-chip-bghover:rgb(from #f09538 r g b/0.1)}.Chip_outlined__lo-AZ.Chip_error__j4o5-{--corvaui-chip-color:var(--palette-error-main);--corvaui-chip-bghover:rgb(from var(--palette-error-main) r g b/0.1)}.Chip_outlined__lo-AZ.Chip_success__X3OdP{--corvaui-chip-color:var(--palette-success-light);--corvaui-chip-bghover:rgb(from var(--palette-success-light) r g b/0.1)}.Chip_outlined__lo-AZ.Chip_pending__yhPXR{--corvaui-chip-color:#cb75ff;--corvaui-chip-bghover:rgb(from #cb75ff r g b/0.1)}");export{_ as default};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { Chip } from './Chip';
|
|
4
|
+
type Props = ComponentProps<typeof Chip>;
|
|
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 Types: () => JSX.Element;
|
|
10
|
+
export declare const States: () => JSX.Element;
|
|
11
|
+
export declare const PrefixAndSuffix: () => JSX.Element;
|
|
12
|
+
export declare const DeleteButton: () => JSX.Element;
|
|
13
|
+
//# sourceMappingURL=Chip.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Chip.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Chip/Chip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIvC,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;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAAwB,CAAC;AAE7D,eAAO,MAAM,KAAK,mBAMjB,CAAC;AASF,eAAO,MAAM,KAAK,mBAKjB,CAAC;AAQF,eAAO,MAAM,MAAM,mBAqGlB,CAAC;AAaF,eAAO,MAAM,eAAe,mBAS3B,CAAC;AAQF,eAAO,MAAM,YAAY,mBAA+C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Chip/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export type HeaderProps = {
|
|
3
|
+
appearance: 'H1' | 'H2' | 'H3' | 'appName';
|
|
4
|
+
/**
|
|
5
|
+
* Content
|
|
6
|
+
*/
|
|
7
|
+
children?: ReactNode;
|
|
8
|
+
className?: string;
|
|
9
|
+
testId?: string;
|
|
10
|
+
};
|
|
11
|
+
export declare const Header: ({ children, appearance, testId, className }: HeaderProps) => JSX.Element;
|
|
12
|
+
//# sourceMappingURL=Header.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOlC,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3C;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAyBF,eAAO,MAAM,MAAM,gDAAiD,WAAW,gBAQ9E,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as m}from"react/jsx-runtime";import t from"classnames";import{Text as s}from"../Text/Text.js";import a from"./Header.scss.js";var i={H1:{size:32,weight:"medium",tagName:"h1"},H2:{size:24,weight:"medium",tagName:"h2"},H3:{size:20,weight:"medium",tagName:"h3"},appName:{size:18,weight:"medium",tagName:"h4"}},r=function(r){var o=r.children,d=r.appearance,h=r.testId,p=r.className;return m(s,e({className:t(a.root,p)},i[d],{testId:h,children:o}))};export{r as Header};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var o={root:"Header_root__c1ZfD"};e(".Header_root__c1ZfD{margin:0}");export{o as default};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { Header } from './Header';
|
|
4
|
+
type Props = ComponentProps<typeof Header>;
|
|
5
|
+
declare const meta: Meta<Props>;
|
|
6
|
+
export default meta;
|
|
7
|
+
export declare const Default: (props: Props) => JSX.Element;
|
|
8
|
+
//# sourceMappingURL=Header.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Header.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Header/Header.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAE3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAgBF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAA0B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Header/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export type LoaderCircularProps = {
|
|
2
|
+
size?: 'xs' | 'small' | 'medium' | 'large';
|
|
3
|
+
/**
|
|
4
|
+
* Value in range of 0-100. If omitted, the loader becomes indeterminate
|
|
5
|
+
*/
|
|
6
|
+
value?: number;
|
|
7
|
+
className?: string;
|
|
8
|
+
testId?: string;
|
|
9
|
+
};
|
|
10
|
+
export declare const LoaderCircular: ({ size, value, testId, className, }: LoaderCircularProps) => JSX.Element;
|
|
11
|
+
//# sourceMappingURL=LoaderCircular.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LoaderCircular.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/LoaderCircular/LoaderCircular.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,CAAC,EAAE,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC3C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAYF,eAAO,MAAM,cAAc,wCAKxB,mBAAmB,gBAcrB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{CircularProgress as a}from"@material-ui/core";var r={xs:16,small:24,medium:32,large:40},t=function(t){var i=t.size,m=void 0===i?"small":i,s=t.value,l=t.testId,o=t.className,n=r[m];return e(a,{color:"primary",size:n,value:s,variant:void 0!==s?"determinate":"indeterminate",className:o,thickness:22/n*3.6,"data-testid":l})};export{t as LoaderCircular};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { LoaderCircular } from './LoaderCircular';
|
|
4
|
+
type Props = ComponentProps<typeof LoaderCircular>;
|
|
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 DeterminateVsIndeterminate: () => JSX.Element;
|
|
10
|
+
//# sourceMappingURL=LoaderCircular.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LoaderCircular.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/LoaderCircular/LoaderCircular.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC;AAEnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAQF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAAkC,CAAC;AAEvE,eAAO,MAAM,KAAK,mBAOjB,CAAC;AAUF,eAAO,MAAM,0BAA0B,mBAOtC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/LoaderCircular/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DcPopover.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Popover/DcPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,YAAY,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAK3F,eAAO,MAAM,SAAS,gDAAiD,eAAe,gBAYrF,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__rest as e,__assign as r}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as n}from"react/jsx-runtime";import{Popover as o}from"@material-ui/core";import{useDelayedDcFullscreenElemOpen as i}from"../../effects/useDelayedDcFullscreenElemOpen.js";import{IsInsideDcFullscreenElemProvider as s}from"../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";var t=function(t){var l=t.children,m=t.open,p=e(t,["children","open"]),c=i({isOpen:m}).delayedIsOpen;return n(o,r({},p,{open:c,TransitionProps:r(r({},p.TransitionProps),{enter:!0,exit:!1}),children:n(s,{children:l})}))};export{t as DcPopover};
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { ChangeEvent, ReactNode } from 'react';
|
|
2
|
+
export type PopoverProps = {
|
|
3
|
+
open: boolean;
|
|
4
|
+
/**
|
|
5
|
+
* The content of the component.
|
|
6
|
+
*/
|
|
7
|
+
children?: ReactNode;
|
|
8
|
+
onClose?: (reason: 'backdropClick' | 'escapeKeyDown', event: ChangeEvent<object>) => void;
|
|
9
|
+
/**
|
|
10
|
+
* This is the point on the popover which will attach to the anchor's origin.
|
|
11
|
+
*/
|
|
12
|
+
transformOrigin?: {
|
|
13
|
+
horizontal: 'center' | 'left' | 'right' | number;
|
|
14
|
+
vertical: 'bottom' | 'center' | 'top' | number;
|
|
15
|
+
};
|
|
16
|
+
className?: string;
|
|
17
|
+
} & ({
|
|
18
|
+
/**
|
|
19
|
+
* A HTML element, or a function that returns it. It's used to set the position of the popover.
|
|
20
|
+
*
|
|
21
|
+
* Mutually exclusive with `position`
|
|
22
|
+
*
|
|
23
|
+
* @default { vertical: 'top', horizontal: 'left' }
|
|
24
|
+
*/
|
|
25
|
+
anchorEl: HTMLElement | (() => HTMLElement) | null;
|
|
26
|
+
/**
|
|
27
|
+
* This is the point on the anchor where the popover's anchorEl will attach to.
|
|
28
|
+
*
|
|
29
|
+
* Mutually exclusive with `position`
|
|
30
|
+
*
|
|
31
|
+
* @default { vertical: 'top', horizontal: 'left',}
|
|
32
|
+
*/
|
|
33
|
+
anchorOrigin?: {
|
|
34
|
+
horizontal: 'center' | 'left' | 'right' | number;
|
|
35
|
+
vertical: 'bottom' | 'center' | 'top' | number;
|
|
36
|
+
};
|
|
37
|
+
position?: never;
|
|
38
|
+
} | {
|
|
39
|
+
/**
|
|
40
|
+
* Defines Popover's position relative to application's viewport.
|
|
41
|
+
*
|
|
42
|
+
* Mutually exclusive with `anchorEl` and `anchorOrigin` props
|
|
43
|
+
*/
|
|
44
|
+
position: {
|
|
45
|
+
left: number;
|
|
46
|
+
top: number;
|
|
47
|
+
};
|
|
48
|
+
anchorEl?: never;
|
|
49
|
+
anchorOrigin?: never;
|
|
50
|
+
});
|
|
51
|
+
export declare const Popover: ({ children, open, onClose, transformOrigin, className, ...positionProps }: PopoverProps) => JSX.Element;
|
|
52
|
+
//# sourceMappingURL=Popover.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Popover/Popover.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAwB,MAAM,OAAO,CAAC;AAQrE,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,eAAe,EAAE,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IAE1F;;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,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,CACA;IACE;;;;;;OAMG;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;AAQF,eAAO,MAAM,OAAO,8EAQjB,YAAY,gBAmCd,CAAC"}
|
|
@@ -0,0 +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 i,useCallback as t}from"react";import{useIsInsideDcApp as s}from"../../components/DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import{useIsInsideDcFullscreenElem as c}from"../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{DcPopover as a}from"./DcPopover.js";var p=function(p){var l=p.children,m=p.open,f=p.onClose,v=p.transformOrigin,d=void 0===v?{vertical:"top",horizontal:"left"}:v,h=p.className,u=o(p,["children","open","onClose","transformOrigin","className"]),C=s(),D=c(),P=i((function(){return{paper:h}}),[h]),I=t((function(o,r){null==f||f(r,o)}),[f]),g=C&&!D?a:n,j="position"in u?{anchorReference:"anchorPosition",anchorPosition:u.position}:{anchorReference:"anchorEl",anchorEl:u.anchorEl,anchorOrigin:u.anchorOrigin||{vertical:"top",horizontal:"left"}};return e(g,r({open:m,transformOrigin:d,onClose:I,classes:P},j,{children:l}))};export{p as Popover};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
import { Meta } from '@storybook/react';
|
|
3
|
+
import { Popover } from './Popover';
|
|
4
|
+
type Props = ComponentProps<typeof Popover>;
|
|
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 PositioningModes: () => JSX.Element;
|
|
9
|
+
export declare const AnchorPlayground: () => JSX.Element;
|
|
10
|
+
//# sourceMappingURL=Popover.stories.d.ts.map
|
|
@@ -0,0 +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;AAUxC,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;AAkBF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,gBAmBrD,CAAC;AAEF,eAAO,MAAM,gBAAgB,mBA+B5B,CAAC;AAUF,eAAO,MAAM,gBAAgB,mBAoI5B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Popover/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { ChangeEvent } from 'react';
|
|
2
|
+
import { RadioAndCheckboxLabelProps } from '../RadioAndCheckboxLabel';
|
|
3
|
+
export type RadioProps = Omit<RadioAndCheckboxLabelProps, 'control' | 'onChange'> & {
|
|
4
|
+
/**
|
|
5
|
+
* Called when a radio is checked. Is _not_ called when radio is unchecked.
|
|
6
|
+
* @param checked - always `true`
|
|
7
|
+
* @param event
|
|
8
|
+
*/
|
|
9
|
+
onChange?: (checked: boolean, event: ChangeEvent<HTMLInputElement>) => void;
|
|
10
|
+
};
|
|
11
|
+
export declare const Radio: import("react").ForwardRefExoticComponent<Omit<RadioAndCheckboxLabelProps, "onChange" | "control"> & {
|
|
12
|
+
/**
|
|
13
|
+
* Called when a radio is checked. Is _not_ called when radio is unchecked.
|
|
14
|
+
* @param checked - always `true`
|
|
15
|
+
* @param event
|
|
16
|
+
*/
|
|
17
|
+
onChange?: (checked: boolean, event: ChangeEvent<HTMLInputElement>) => void;
|
|
18
|
+
} & import("react").RefAttributes<HTMLElement>>;
|
|
19
|
+
//# sourceMappingURL=Radio.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAA2B,MAAM,OAAO,CAAC;AAG7D,OAAO,EAEL,0BAA0B,EAE3B,MAAM,0BAA0B,CAAC;AAElC,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,0BAA0B,EAAE,SAAS,GAAG,UAAU,CAAC,GAAG;IAClF;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC7E,CAAC;AAEF,eAAO,MAAM,KAAK;IARhB;;;;OAIG;eACQ,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI;+CAqB5E,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__rest as e,__assign as o}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as a}from"react/jsx-runtime";import{forwardRef as r,useCallback as i}from"react";import{Radio as n}from"@material-ui/core";import{RadioAndCheckboxLabel as t}from"../RadioAndCheckboxLabel/RadioAndCheckboxLabel.js";import l from"../RadioAndCheckboxLabel/RadioAndCheckboxLabel.scss.js";var m=r((function(r,m){var c=r.onChange,d=r.labelPlacement,s=void 0===d?"end":d,b=r.size,f=void 0===b?"medium":b,u=e(r,["onChange","labelPlacement","size"]),h=i((function(e){return null==c?void 0:c(e.target.checked,e)}),[c]);return a(t,o({control:a(n,{className:l.control}),onChange:h,ref:m,labelPlacement:s,size:f},u))}));export{m as Radio};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { Radio } from './Radio';
|
|
4
|
+
type Props = ComponentProps<typeof Radio>;
|
|
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 LabelPlacementAndMargins: () => JSX.Element;
|
|
10
|
+
export declare const InteractiveExample: () => JSX.Element;
|
|
11
|
+
//# sourceMappingURL=Radio.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Radio.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Radio/Radio.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAA2B,MAAM,OAAO,CAAC;AAWhE,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;AAeF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAAyB,CAAC;AAE9D,eAAO,MAAM,KAAK,mBAKjB,CAAC;AASF,eAAO,MAAM,wBAAwB,mBAepC,CAAC;AAWF,eAAO,MAAM,kBAAkB,mBAS9B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Radio/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { ChangeEvent, ComponentType, ReactNode } from 'react';
|
|
2
|
+
type InputComponentProps = {
|
|
3
|
+
label: ReactNode;
|
|
4
|
+
checked?: boolean;
|
|
5
|
+
onChange?: (checked: boolean, event: ChangeEvent<HTMLInputElement>) => void;
|
|
6
|
+
size?: 'small' | 'medium';
|
|
7
|
+
};
|
|
8
|
+
export type RadioAndCheckboxGroupProps<T, V> = {
|
|
9
|
+
component: ComponentType<InputComponentProps>;
|
|
10
|
+
getOnChangeHandler: (optionValue: T, value?: V) => InputComponentProps['onChange'];
|
|
11
|
+
getOptionChecked: (optionValue: T, value?: V) => boolean;
|
|
12
|
+
value?: V;
|
|
13
|
+
/**
|
|
14
|
+
* Array of values and their labels
|
|
15
|
+
*/
|
|
16
|
+
options?: {
|
|
17
|
+
value: T;
|
|
18
|
+
label: ReactNode;
|
|
19
|
+
}[];
|
|
20
|
+
/**
|
|
21
|
+
* Group label
|
|
22
|
+
*/
|
|
23
|
+
label?: ReactNode;
|
|
24
|
+
message?: ReactNode;
|
|
25
|
+
status?: 'error';
|
|
26
|
+
size?: 'small' | 'medium';
|
|
27
|
+
direction?: 'horizontal' | 'vertical';
|
|
28
|
+
/**
|
|
29
|
+
* controls spacing between options
|
|
30
|
+
*/
|
|
31
|
+
spacing?: 'dense' | 'normal';
|
|
32
|
+
className?: string;
|
|
33
|
+
testId?: string;
|
|
34
|
+
};
|
|
35
|
+
export declare const RadioAndCheckboxGroup: <T, V>({ component: Component, getOnChangeHandler, getOptionChecked, value, testId, className, label, status, message, options, size, spacing, direction, }: RadioAndCheckboxGroupProps<T, V>) => JSX.Element;
|
|
36
|
+
export {};
|
|
37
|
+
//# sourceMappingURL=RadioAndCheckboxGroup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioAndCheckboxGroup.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAQvE,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5E,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,0BAA0B,CAAC,CAAC,EAAE,CAAC,IAAI;IAC7C,SAAS,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;IAC9C,kBAAkB,EAAE,CAAC,WAAW,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,mBAAmB,CAAC,UAAU,CAAC,CAAC;IACnF,gBAAgB,EAAE,CAAC,WAAW,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,OAAO,CAAC;IACzD,KAAK,CAAC,EAAE,CAAC,CAAC;IAEV;;OAEG;IACH,OAAO,CAAC,EAAE;QACR,KAAK,EAAE,CAAC,CAAC;QACT,KAAK,EAAE,SAAS,CAAC;KAClB,EAAE,CAAC;IACJ;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAE7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAkBF,eAAO,MAAM,qBAAqB,GAAI,CAAC,EAAE,CAAC,wJAcvC,0BAA0B,CAAC,CAAC,EAAE,CAAC,CAAC,gBAqClC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useMemo as o}from"react";import n from"classnames";import{FormControl as a,FormLabel as i,FormGroup as t,FormHelperText as l}from"@material-ui/core";import c from"./RadioAndCheckboxGroup.scss.js";var s={normal:c.spacing_normal,dense:c.spacing_dense},m={horizontal:c.horizontal,vertical:c.vertical},d=function(d){var p=d.component,u=d.getOnChangeHandler,v=d.getOptionChecked,h=d.value,f=d.testId,g=d.className,b=d.label,z=d.status,C=d.message,N=d.options,k=void 0===N?[]:N,x=d.size,j=void 0===x?"medium":x,O=d.spacing,_=void 0===O?"normal":O,A=d.direction,G=void 0===A?"vertical":A,H=o((function(){return null==k?void 0:k.map((function(e){var r=e.value;return u(r,h)}))}),[k,u,h]);return e("div",{className:n(c.root,s[_],m[G],g),"data-testid":f,children:r(a,{component:"fieldset",error:"error"===z,className:c.group,children:[b&&e(i,{component:"legend",className:c.label,children:b}),e(t,{children:k.map((function(r,o){return e(p,{label:r.label,checked:v(r.value,h),size:j,onChange:H[o]},o)}))}),C&&e(l,{children:C})]})})};export{d as RadioAndCheckboxGroup};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import o from'./../../ext-esm/style-inject/dist/style-inject.es.js';var _={spacing:"8",root:"RadioAndCheckboxGroup_root__tLctB",group:"RadioAndCheckboxGroup_group__oZa4f",label:"RadioAndCheckboxGroup_label__3qzmz",spacing_normal:"RadioAndCheckboxGroup_spacing_normal__yoZrA",spacing_dense:"RadioAndCheckboxGroup_spacing_dense__oXUQb",horizontal:"RadioAndCheckboxGroup_horizontal__eSUbx",vertical:"RadioAndCheckboxGroup_vertical__mwXJH"};o(".RadioAndCheckboxGroup_root__tLctB .RadioAndCheckboxGroup_group__oZa4f{display:flex}.RadioAndCheckboxGroup_root__tLctB .RadioAndCheckboxGroup_label__3qzmz{margin-bottom:16px}.RadioAndCheckboxGroup_root__tLctB.RadioAndCheckboxGroup_spacing_normal__yoZrA .MuiFormGroup-root{gap:16px 24px}.RadioAndCheckboxGroup_root__tLctB.RadioAndCheckboxGroup_spacing_dense__oXUQb .MuiFormGroup-root{gap:8px 16px}.RadioAndCheckboxGroup_root__tLctB.RadioAndCheckboxGroup_horizontal__eSUbx .MuiFormGroup-root{flex-flow:row wrap}.RadioAndCheckboxGroup_root__tLctB.RadioAndCheckboxGroup_vertical__mwXJH .MuiFormGroup-root{flex-flow:column nowrap}");export{_ as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/RadioAndCheckboxGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { ChangeEvent, ReactElement, ReactNode, Ref } from 'react';
|
|
2
|
+
export type RadioAndCheckboxLabelProps = {
|
|
3
|
+
/**
|
|
4
|
+
* Control to show
|
|
5
|
+
*/
|
|
6
|
+
control: ReactElement;
|
|
7
|
+
/**
|
|
8
|
+
* Label
|
|
9
|
+
*/
|
|
10
|
+
label: ReactNode;
|
|
11
|
+
/**
|
|
12
|
+
* Checked state
|
|
13
|
+
*/
|
|
14
|
+
checked?: boolean;
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* Ref to underlying input
|
|
18
|
+
*/
|
|
19
|
+
inputRef?: Ref<HTMLInputElement>;
|
|
20
|
+
onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
21
|
+
size?: 'small' | 'medium';
|
|
22
|
+
/**
|
|
23
|
+
* Controls whee the label will be placed
|
|
24
|
+
*/
|
|
25
|
+
labelPlacement?: 'top' | 'bottom' | 'start' | 'end';
|
|
26
|
+
className?: string;
|
|
27
|
+
testId?: string;
|
|
28
|
+
};
|
|
29
|
+
export declare const RadioAndCheckboxLabel: import("react").ForwardRefExoticComponent<RadioAndCheckboxLabelProps & import("react").RefAttributes<HTMLElement>>;
|
|
30
|
+
//# sourceMappingURL=RadioAndCheckboxLabel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioAndCheckboxLabel.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/RadioAndCheckboxLabel/RadioAndCheckboxLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAc,YAAY,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAQ9E,MAAM,MAAM,0BAA0B,GAAG;IACvC;;OAEG;IACH,OAAO,EAAE,YAAY,CAAC;IACtB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC1D,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;IAEpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAiBF,eAAO,MAAM,qBAAqB,oHA2CjC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__rest as e,__assign as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as a}from"react/jsx-runtime";import{forwardRef as l}from"react";import{FormControlLabel as o}from"@material-ui/core";import m from"classnames";import s from"./RadioAndCheckboxLabel.scss.js";var i={medium:s.medium,small:s.small},n={end:s.placementEnd,start:s.placementStart,top:s.placementTop,bottom:s.placementBottom},r=l((function(l,r){var c=l.control,d=l.testId,p=l.className,b=l.inputRef,f=l.checked,u=void 0!==f&&f,h=l.label,v=l.onChange,k=l.disabled,C=l.labelPlacement,N=void 0===C?"end":C,R=l.size,g=void 0===R?"medium":R,j=e(l,["control","testId","className","inputRef","checked","label","onChange","disabled","labelPlacement","size"]);return a("div",{className:m(s.root,n[N],i[g],p),children:a(o,t({ref:r,control:c,className:s.label,"data-testid":d,inputRef:b,checked:u,onChange:v,disabled:k,label:h,labelPlacement:N},j))})}));export{r as RadioAndCheckboxLabel};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import o from'./../../ext-esm/style-inject/dist/style-inject.es.js';var a={spacing:"8",root:"RadioAndCheckboxLabel_root__ECgvv",label:"RadioAndCheckboxLabel_label__-TTiM",control:"RadioAndCheckboxLabel_control__0GFJg",placementStart:"RadioAndCheckboxLabel_placementStart__-4zRr",placementEnd:"RadioAndCheckboxLabel_placementEnd__Cb9wv",placementTop:"RadioAndCheckboxLabel_placementTop__1YoWH",placementBottom:"RadioAndCheckboxLabel_placementBottom__QKBJ5",medium:"RadioAndCheckboxLabel_medium__FFtpb",small:"RadioAndCheckboxLabel_small__gmtA-"};o(".RadioAndCheckboxLabel_root__ECgvv{display:block;vertical-align:middle}.RadioAndCheckboxLabel_root__ECgvv .RadioAndCheckboxLabel_label__-TTiM{gap:0 4px;margin:0;width:100%}.RadioAndCheckboxLabel_root__ECgvv .RadioAndCheckboxLabel_label__-TTiM .RadioAndCheckboxLabel_control__0GFJg{margin:var(--corvaui-radioandcheckboxlabel-shift)}.RadioAndCheckboxLabel_root__ECgvv.RadioAndCheckboxLabel_placementStart__-4zRr .RadioAndCheckboxLabel_control__0GFJg{margin-left:0}.RadioAndCheckboxLabel_root__ECgvv.RadioAndCheckboxLabel_placementEnd__Cb9wv .RadioAndCheckboxLabel_control__0GFJg{margin-right:0}.RadioAndCheckboxLabel_root__ECgvv.RadioAndCheckboxLabel_placementTop__1YoWH .RadioAndCheckboxLabel_control__0GFJg{margin-top:0}.RadioAndCheckboxLabel_root__ECgvv.RadioAndCheckboxLabel_placementBottom__QKBJ5 .RadioAndCheckboxLabel_control__0GFJg{margin-bottom:0}.RadioAndCheckboxLabel_root__ECgvv.RadioAndCheckboxLabel_medium__FFtpb{--corvaui-radioandcheckboxlabel-shift:-8px}.RadioAndCheckboxLabel_root__ECgvv.RadioAndCheckboxLabel_small__gmtA-{--corvaui-radioandcheckboxlabel-shift:-4px}.RadioAndCheckboxLabel_root__ECgvv.RadioAndCheckboxLabel_small__gmtA- .MuiFormControlLabel-label{font-size:14px}.RadioAndCheckboxLabel_root__ECgvv.RadioAndCheckboxLabel_small__gmtA- .RadioAndCheckboxLabel_control__0GFJg{padding:4px}.RadioAndCheckboxLabel_root__ECgvv.RadioAndCheckboxLabel_small__gmtA- .RadioAndCheckboxLabel_control__0GFJg svg{height:16px;width:16px}");export{a as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/RadioAndCheckboxLabel/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,8BAA8B,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ChangeEvent } from 'react';
|
|
2
|
+
import { RadioAndCheckboxGroupProps } from '../RadioAndCheckboxGroup';
|
|
3
|
+
export type RadioGroupProps<T> = {
|
|
4
|
+
/**
|
|
5
|
+
* Selected value
|
|
6
|
+
*/
|
|
7
|
+
value?: T;
|
|
8
|
+
onChange?: (value: T, event: ChangeEvent<HTMLInputElement>) => void;
|
|
9
|
+
} & Omit<RadioAndCheckboxGroupProps<T, T>, 'component' | 'getOnChangeHandler' | 'getOptionChecked' | 'value'>;
|
|
10
|
+
export declare const RadioGroup: <T>({ onChange, size, spacing, direction, ...rest }: RadioGroupProps<T>) => JSX.Element;
|
|
11
|
+
//# sourceMappingURL=RadioGroup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAe,MAAM,OAAO,CAAC;AAGjD,OAAO,EAAyB,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AAI7F,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACrE,GAAG,IAAI,CACN,0BAA0B,CAAC,CAAC,EAAE,CAAC,CAAC,EAChC,WAAW,GAAG,oBAAoB,GAAG,kBAAkB,GAAG,OAAO,CAClE,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,CAAC,mDAMzB,eAAe,CAAC,CAAC,CAAC,gBAmBpB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__rest as o,__spreadArray as i,__assign as n}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as r}from"react/jsx-runtime";import{useCallback as e}from"react";import{Radio as t}from"../Radio/Radio.js";import{RadioAndCheckboxGroup as a}from"../RadioAndCheckboxGroup/RadioAndCheckboxGroup.js";var d=function(o,i){return i===o},c=function(c){var m=c.onChange,p=c.size,s=void 0===p?"medium":p,u=c.spacing,f=void 0===u?"normal":u,l=c.direction,g=void 0===l?"vertical":l,v=o(c,["onChange","size","spacing","direction"]),h=e((function(o){return function(n){for(var r=[],e=1;e<arguments.length;e++)r[e-1]=arguments[e];return null==m?void 0:m.apply(void 0,i([o],r,!1))}}),[m]);return r(a,n({},v,{size:s,spacing:f,direction:g,component:t,getOnChangeHandler:h,getOptionChecked:d}))};export{c as RadioGroup};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { RadioGroup } from './RadioGroup';
|
|
4
|
+
type Props = ComponentProps<typeof RadioGroup>;
|
|
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 Spacing: () => JSX.Element;
|
|
10
|
+
export declare const Horisontal: () => JSX.Element;
|
|
11
|
+
export declare const NonScalarValues: () => JSX.Element;
|
|
12
|
+
//# sourceMappingURL=RadioGroup.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioGroup.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/RadioGroup/RadioGroup.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAqB,MAAM,OAAO,CAAC;AAI1D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAmBF,eAAe,IAAI,CAAC;AAyBpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAanC,CAAC;AAEF,eAAO,MAAM,KAAK,mBAKjB,CAAC;AAQF,eAAO,MAAM,OAAO,mBAUnB,CAAC;AAQF,eAAO,MAAM,UAAU,mBAiBtB,CAAC;AAQF,eAAO,MAAM,eAAe,mBAsB3B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/RadioGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
|
|
@@ -15,5 +15,5 @@ export type TextProps = {
|
|
|
15
15
|
className?: string;
|
|
16
16
|
testId?: string;
|
|
17
17
|
};
|
|
18
|
-
export declare const Text: (
|
|
18
|
+
export declare const Text: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<HTMLElement>>;
|
|
19
19
|
//# sourceMappingURL=Text.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAI9C,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAC7C,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;IACvC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAC;IAEtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AA2BF,eAAO,MAAM,IAAI,mGAoChB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{__rest as e,__assign as i}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as o}from"react/jsx-runtime";import r from"classnames";import{forwardRef as t}from"react";import s from"./Text.scss.js";var a={36:s.size_36,32:s.size_32,24:s.size_24,20:s.size_20,18:s.size_18,16:s.size_16,14:s.size_14,12:s.size_12},l={bold:s.bold,medium:s.medium,regular:s.regular},m={T1:s.color_t1,T6:s.color_t6,T7:s.color_t7,T8:s.color_t8,T9:s.color_t9},c=t((function(t,c){var d=t.children,_=t.size,n=void 0===_?16:_,z=t.weight,u=void 0===z?"regular":z,f=t.color,g=void 0===f?"T1":f,p=t.italic,v=void 0!==p&&p,T=t.tagName,h=void 0===T?"span":T,N=t.className,b=t.testId,j=e(t,["children","size","weight","color","italic","tagName","className","testId"]);return o(h,i({ref:c,className:r(s.root,a[n],l[u],m[g],v&&s.italic,N),"data-testid":b},j,{children:d}))}));export{c as Text};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { ChangeEvent, FocusEventHandler, ReactNode } from 'react';
|
|
2
|
+
export type TextInputProps = {
|
|
3
|
+
label: ReactNode;
|
|
4
|
+
value?: string | number;
|
|
5
|
+
onChange?: (value: string, event: ChangeEvent<HTMLInputElement>) => void;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
/**
|
|
8
|
+
* Underlying `input`'s element `type` attribute
|
|
9
|
+
*/
|
|
10
|
+
type?: 'text' | 'email' | 'password' | 'number' | 'phone' | 'url' | 'search';
|
|
11
|
+
status?: 'error' | 'loading';
|
|
12
|
+
spacing?: 'normal' | 'dense';
|
|
13
|
+
message?: ReactNode;
|
|
14
|
+
onFocus?: FocusEventHandler;
|
|
15
|
+
onBlur?: FocusEventHandler;
|
|
16
|
+
placeholder?: string;
|
|
17
|
+
prefix?: ReactNode;
|
|
18
|
+
suffix?: ReactNode;
|
|
19
|
+
className?: string;
|
|
20
|
+
testId?: string;
|
|
21
|
+
};
|
|
22
|
+
declare const TextInput: {
|
|
23
|
+
({ type, className, testId, prefix, suffix, onFocus: propOnFocus, onBlur: propOnBlur, value, message, spacing, onChange, status, placeholder, disabled, label, }: TextInputProps): JSX.Element;
|
|
24
|
+
Affix({ children, className }: {
|
|
25
|
+
children?: ReactNode;
|
|
26
|
+
className?: string;
|
|
27
|
+
}): JSX.Element;
|
|
28
|
+
};
|
|
29
|
+
export { TextInput };
|
|
30
|
+
//# sourceMappingURL=TextInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/TextInput/TextInput.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,WAAW,EAEX,iBAAiB,EAEjB,SAAS,EAGV,MAAM,OAAO,CAAC;AAyBf,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IAC7E,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC7B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,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;AAYF,QAAA,MAAM,SAAS;sKAgBZ,cAAc;mCAsD2B;QAAE,QAAQ,CAAC,EAAE,SAAS,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE;CAFvF,CAAC;AAMF,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__assign as r}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as e,jsxs as o}from"react/jsx-runtime";import{InputAdornment as a,TextField as n}from"@material-ui/core";import{useCallback as t,useMemo as s,isValidElement as l,cloneElement as i}from"react";import d from"classnames";import{TextTruncated as m}from"../TextTruncated/TextTruncated.js";import{LoaderCircular as u}from"../LoaderCircular/LoaderCircular.js";import{useShrink as c}from"./useShrink.js";import p from"./TextInput.scss.js";var f=function(r){return l(r)?i(r,{size:16}):r?e("p",{children:r}):null},h={error:p.error,loading:""},x={normal:p.normal,dense:p.dense},g=function(l){var i=l.type,g=l.className,v=l.testId,b=l.prefix,T=l.suffix,N=l.onFocus,j=l.onBlur,y=l.value,C=void 0===y?"":y,A=l.message,I=l.spacing,z=void 0===I?"normal":I,B=l.onChange,F=l.status,L=l.placeholder,O=l.disabled,k=l.label,P=t((function(r){return null==B?void 0:B(r.target.value,r)}),[B]),S=s((function(){return{startAdornment:b&&e(a,{position:"start",className:p.adornment,disableTypography:!0,children:f(b)}),endAdornment:(T||"loading"===F)&&o(a,{position:"end",className:p.adornment,disableTypography:!0,children:["loading"===F&&e(u,{size:"xs",className:p.loader}),f(T)]})}}),[b,T,F]),W=c({propOnFocus:N,propOnBlur:j,value:C,prefix:b,suffix:T,status:F});return e("label",{className:d(p.root,F&&h[F],x[z],g),"data-testid":v,children:e(n,r({value:C,onChange:P,label:e(m,{children:k}),InputProps:S,type:i,fullWidth:!0,margin:z,helperText:A,error:"error"===F,disabled:O,placeholder:L},W))})};g.Affix=function(r){var o=r.children,a=r.className;return e("p",{className:a,children:o})};export{g as TextInput};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t from'./../../ext-esm/style-inject/dist/style-inject.es.js';var n={spacing:"8",root:"TextInput_root__IyNqX",normal:"TextInput_normal__TNYU4",dense:"TextInput_dense__UsYfl",adornment:"TextInput_adornment__c2JxK",error:"TextInput_error__aSA-t",loader:"TextInput_loader__RKKMk"};t(".TextInput_root__IyNqX{display:block}.TextInput_root__IyNqX .MuiInputBase-input::-webkit-search-cancel-button{appearance:none;display:none}.TextInput_root__IyNqX .MuiInputLabel-root+.MuiInput-root{margin-top:16px}.TextInput_root__IyNqX.TextInput_normal__TNYU4 .MuiInput-root .MuiInput-input{padding:6px 0 5px}.TextInput_root__IyNqX.TextInput_dense__UsYfl .MuiInput-root .MuiInput-input.MuiInputBase-inputMarginDense{padding:4px 0}.TextInput_root__IyNqX .MuiFormControl-root{margin:0}.TextInput_root__IyNqX .MuiInputLabel-root{line-height:19px;transition:all .15s cubic-bezier(.4,0,.2,1);width:100%;z-index:1}.TextInput_root__IyNqX .MuiInputLabel-shrink{width:133%}.TextInput_root__IyNqX .TextInput_adornment__c2JxK{color:inherit;transition:all .15s cubic-bezier(.4,0,.2,1)}.TextInput_root__IyNqX .Mui-focused .TextInput_adornment__c2JxK{color:var(--palette-primary-main)}.TextInput_root__IyNqX.TextInput_error__aSA-t .TextInput_adornment__c2JxK{color:var(--palette-error-main)}.TextInput_loader__RKKMk:not(:last-child){margin-right:8px}");export{n as default};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { TextInput } from './TextInput';
|
|
4
|
+
type Props = ComponentProps<typeof TextInput>;
|
|
5
|
+
declare const meta: Meta<Props>;
|
|
6
|
+
export default meta;
|
|
7
|
+
export declare const Default: (props: Props) => JSX.Element;
|
|
8
|
+
export declare const Spacing: () => JSX.Element;
|
|
9
|
+
export declare const LabelAndPlaceholder: () => JSX.Element;
|
|
10
|
+
export declare const ErrorState: () => JSX.Element;
|
|
11
|
+
export declare const PrefixAndSuffix: () => JSX.Element;
|
|
12
|
+
export declare const LoadingState: () => JSX.Element;
|
|
13
|
+
export declare const InputSearch: () => JSX.Element;
|
|
14
|
+
export declare const LabelTooltip: () => JSX.Element;
|
|
15
|
+
//# sourceMappingURL=TextInput.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextInput.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/TextInput/TextInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAIxC,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAE9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAqBF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAA6B,CAAC;AAElE,eAAO,MAAM,OAAO,mBASnB,CAAC;AAQF,eAAO,MAAM,mBAAmB,mBAA8D,CAAC;AAM/F,eAAO,MAAM,UAAU,mBAMtB,CAAC;AAMF,eAAO,MAAM,eAAe,mBAkB3B,CAAC;AASF,eAAO,MAAM,YAAY,mBAcxB,CAAC;AAMF,eAAO,MAAM,WAAW,mBAKvB,CAAC;AAOF,eAAO,MAAM,YAAY,mBAiBxB,CAAC"}
|