@corva/ui 0.100.0-10 → 0.100.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/cjs-bundle/componentsV2/ToggleButtons/ToggleButtons.js +1 -0
- package/cjs-bundle/componentsV2/ToggleButtons/ToggleButtons.scss.js +1 -0
- package/cjs-bundle/componentsV2/index.js +1 -1
- package/componentsV2/ToggleButtons/ToggleButtons.d.ts +18 -0
- package/componentsV2/ToggleButtons/ToggleButtons.d.ts.map +1 -0
- package/componentsV2/ToggleButtons/ToggleButtons.js +1 -0
- package/componentsV2/ToggleButtons/ToggleButtons.scss.js +1 -0
- package/componentsV2/ToggleButtons/ToggleButtons.stories.d.ts +12 -0
- package/componentsV2/ToggleButtons/ToggleButtons.stories.d.ts.map +1 -0
- package/componentsV2/ToggleButtons/index.d.ts +2 -0
- package/componentsV2/ToggleButtons/index.d.ts.map +1 -0
- package/componentsV2/index.d.ts +1 -0
- package/componentsV2/index.d.ts.map +1 -1
- package/componentsV2/index.js +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),t=require("react"),s=require("react/jsx-runtime"),a=require("@material-ui/lab"),l=require("classnames"),i=require("../Tooltip/Tooltip.js"),r=require("./ToggleButtons.scss.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=u(l),n=function(t){var l=t.label,u=t.testId,n=t.className,d=t.tooltip,c=t.disabled,m=t.value,v=e.__rest(t,["label","testId","className","tooltip","disabled","value"]),b=s.jsx(a.ToggleButton,e.__assign({disabled:c,"data-testid":u,className:o.default(r.button,n),value:m},v,{children:l}));return d?s.jsx(i.Tooltip,{title:d,children:b}):b};exports.ToggleButtons=function(l){var i=l.testId,r=l.className,u=l.options,o=l.size,d=void 0===o?"medium":o,c=l.value,m=l.onChange,v=t.useCallback((function(e,t){null!==t&&m&&m(t,e)}),[m]);return s.jsx(a.ToggleButtonGroup,{className:r,"data-testid":i,onChange:v,value:c,exclusive:!0,size:d,children:u.map((function(s){return t.createElement(n,e.__assign({},s,{key:s.value}))}))})};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".ToggleButtons_button__GH4OM{margin:0!important;transition:.15s cubic-bezier(.4,0,.2,1);transition-property:color,background}.ToggleButtons_button__GH4OM:focus,.ToggleButtons_button__GH4OM:hover{background:rgb(from var(--palette-primary-text-1) r g b/.12);color:var(--palette-primary-text-1)}"),module.exports={spacing:"8",button:"ToggleButtons_button__GH4OM"};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Text/Text.js"),r=require("./Grid/Grid.js"),o=require("./Grid/Cell.js"),t=require("./Header/Header.js"),i=require("./Button/Button.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Text/Text.js"),r=require("./Grid/Grid.js"),o=require("./Grid/Cell.js"),t=require("./Header/Header.js"),i=require("./Button/Button.js"),u=require("./ButtonIcon/ButtonIcon.js"),p=require("./Tooltip/Tooltip.js"),s=require("./Popover/Popover.js"),x=require("./Popover/DcPopover.js"),d=require("./Radio/Radio.js"),a=require("./RadioGroup/RadioGroup.js"),n=require("./Checkbox/Checkbox.js"),T=require("./CheckboxGroup/CheckboxGroup.js"),c=require("./TextInput/TextInput.js"),l=require("./TextEndTruncated/TextEndTruncated.js"),C=require("./TextMiddleTruncated/TextMiddleTruncated.js"),j=require("./TextLink/TextLink.js"),q=require("./LoaderCircular/LoaderCircular.js"),h=require("./Chip/Chip.js"),v=require("./ChipAlert/ChipAlert.js"),G=require("./ChipIndicator/ChipIndicator.js"),k=require("./Avatar/Avatar.js"),B=require("./ToggleButtons/ToggleButtons.js");exports.Text=e.Text,exports.Grid=r.Grid,exports.Cell=o.Cell,exports.Header=t.Header,exports.Button=i.Button,exports.ButtonIcon=u.ButtonIcon,exports.Tooltip=p.Tooltip,exports.Popover=s.Popover,exports.DcPopover=x.DcPopover,exports.Radio=d.Radio,exports.RadioGroup=a.RadioGroup,exports.Checkbox=n.Checkbox,exports.CheckboxGroup=T.CheckboxGroup,exports.TextInput=c.TextInput,exports.TextEndTruncated=l.TextEndTruncated,exports.TextMiddleTruncated=C.TextMiddleTruncated,exports.TextLink=j.TextLink,exports.LoaderCircular=q.LoaderCircular,exports.Chip=h.Chip,exports.ChipAlert=v.ChipAlert,exports.ChipIndicator=G.ChipIndicator,exports.Avatar=k.Avatar,exports.ToggleButtons=B.ToggleButtons;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { MouseEvent, ReactNode } from 'react';
|
|
2
|
+
export type ToggleButtonsProps = {
|
|
3
|
+
options: {
|
|
4
|
+
label: ReactNode;
|
|
5
|
+
value: string;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
tooltip?: ReactNode;
|
|
8
|
+
className?: string;
|
|
9
|
+
testId?: string;
|
|
10
|
+
}[];
|
|
11
|
+
value?: string;
|
|
12
|
+
onChange?: (value: string, event: MouseEvent<HTMLElement>) => void;
|
|
13
|
+
size?: 'small' | 'medium' | 'large';
|
|
14
|
+
className?: string;
|
|
15
|
+
testId?: string;
|
|
16
|
+
};
|
|
17
|
+
export declare const ToggleButtons: ({ testId, className, options, size, value, onChange, }: ToggleButtonsProps) => JSX.Element;
|
|
18
|
+
//# sourceMappingURL=ToggleButtons.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToggleButtons.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/ToggleButtons/ToggleButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AAW3D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,EAAE;QACP,KAAK,EAAE,SAAS,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,OAAO,CAAC,EAAE,SAAS,CAAC;QAEpB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,EAAE,CAAC;IACJ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACnE,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAEpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAgCF,eAAO,MAAM,aAAa,2DAOvB,kBAAkB,gBAwBpB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__assign as e,__rest as t}from'./../../ext-esm/tslib/tslib.es6.js';import{useCallback as a,createElement as o}from"react";import{jsx as s}from"react/jsx-runtime";import{ToggleButtonGroup as l,ToggleButton as i}from"@material-ui/lab";import r from"classnames";import{Tooltip as m}from"../Tooltip/Tooltip.js";import n from"./ToggleButtons.scss.js";var u=function(a){var o=a.label,l=a.testId,u=a.className,d=a.tooltip,c=a.disabled,p=a.value,f=t(a,["label","testId","className","tooltip","disabled","value"]),v=s(i,e({disabled:c,"data-testid":l,className:r(n.button,u),value:p},f,{children:o}));return d?s(m,{title:d,children:v}):v},d=function(t){var i=t.testId,r=t.className,m=t.options,n=t.size,d=void 0===n?"medium":n,c=t.value,p=t.onChange,f=a((function(e,t){null!==t&&p&&p(t,e)}),[p]);return s(l,{className:r,"data-testid":i,onChange:f,value:c,exclusive:!0,size:d,children:m.map((function(t){return o(u,e({},t,{key:t.value}))}))})};export{d as ToggleButtons};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t from'./../../ext-esm/style-inject/dist/style-inject.es.js';var o={spacing:"8",button:"ToggleButtons_button__GH4OM"};t(".ToggleButtons_button__GH4OM{margin:0!important;transition:.15s cubic-bezier(.4,0,.2,1);transition-property:color,background}.ToggleButtons_button__GH4OM:focus,.ToggleButtons_button__GH4OM:hover{background:rgb(from var(--palette-primary-text-1) r g b/.12);color:var(--palette-primary-text-1)}");export{o as default};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { ToggleButtons } from './ToggleButtons';
|
|
4
|
+
type Props = ComponentProps<typeof ToggleButtons>;
|
|
5
|
+
declare const meta: Meta<Props>;
|
|
6
|
+
export default meta;
|
|
7
|
+
export declare const Default: (props: Omit<Props, "multiple">) => JSX.Element;
|
|
8
|
+
export declare const Sizes: () => JSX.Element;
|
|
9
|
+
export declare const DisabledButtons: () => JSX.Element;
|
|
10
|
+
export declare const WithTooltips: () => JSX.Element;
|
|
11
|
+
export declare const WithIcons: () => JSX.Element;
|
|
12
|
+
//# sourceMappingURL=ToggleButtons.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToggleButtons.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/ToggleButtons/ToggleButtons.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAqB,MAAM,OAAO,CAAC;AAI1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAUhD,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;AAElD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAcF,eAAe,IAAI,CAAC;AA2BpB,eAAO,MAAM,OAAO,UAAW,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,gBAarD,CAAC;AAEF,eAAO,MAAM,KAAK,mBASjB,CAAC;AASF,eAAO,MAAM,eAAe,mBAa3B,CAAC;AAMF,eAAO,MAAM,YAAY,mBASxB,CAAC;AAMF,eAAO,MAAM,SAAS,mBAkBrB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/ToggleButtons/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
|
package/componentsV2/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/componentsV2/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/componentsV2/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC"}
|
package/componentsV2/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{Text}from"./Text/Text.js";export{Grid}from"./Grid/Grid.js";export{Cell}from"./Grid/Cell.js";export{Header}from"./Header/Header.js";export{Button}from"./Button/Button.js";export{ButtonIcon}from"./ButtonIcon/ButtonIcon.js";export{Tooltip}from"./Tooltip/Tooltip.js";export{Popover}from"./Popover/Popover.js";export{DcPopover}from"./Popover/DcPopover.js";export{Radio}from"./Radio/Radio.js";export{RadioGroup}from"./RadioGroup/RadioGroup.js";export{Checkbox}from"./Checkbox/Checkbox.js";export{CheckboxGroup}from"./CheckboxGroup/CheckboxGroup.js";export{TextInput}from"./TextInput/TextInput.js";export{TextEndTruncated}from"./TextEndTruncated/TextEndTruncated.js";export{TextMiddleTruncated}from"./TextMiddleTruncated/TextMiddleTruncated.js";export{TextLink}from"./TextLink/TextLink.js";export{LoaderCircular}from"./LoaderCircular/LoaderCircular.js";export{Chip}from"./Chip/Chip.js";export{ChipAlert}from"./ChipAlert/ChipAlert.js";export{ChipIndicator}from"./ChipIndicator/ChipIndicator.js";export{Avatar}from"./Avatar/Avatar.js";
|
|
1
|
+
export{Text}from"./Text/Text.js";export{Grid}from"./Grid/Grid.js";export{Cell}from"./Grid/Cell.js";export{Header}from"./Header/Header.js";export{Button}from"./Button/Button.js";export{ButtonIcon}from"./ButtonIcon/ButtonIcon.js";export{Tooltip}from"./Tooltip/Tooltip.js";export{Popover}from"./Popover/Popover.js";export{DcPopover}from"./Popover/DcPopover.js";export{Radio}from"./Radio/Radio.js";export{RadioGroup}from"./RadioGroup/RadioGroup.js";export{Checkbox}from"./Checkbox/Checkbox.js";export{CheckboxGroup}from"./CheckboxGroup/CheckboxGroup.js";export{TextInput}from"./TextInput/TextInput.js";export{TextEndTruncated}from"./TextEndTruncated/TextEndTruncated.js";export{TextMiddleTruncated}from"./TextMiddleTruncated/TextMiddleTruncated.js";export{TextLink}from"./TextLink/TextLink.js";export{LoaderCircular}from"./LoaderCircular/LoaderCircular.js";export{Chip}from"./Chip/Chip.js";export{ChipAlert}from"./ChipAlert/ChipAlert.js";export{ChipIndicator}from"./ChipIndicator/ChipIndicator.js";export{Avatar}from"./Avatar/Avatar.js";export{ToggleButtons}from"./ToggleButtons/ToggleButtons.js";
|