@corva/ui 3.8.0-5 → 3.8.0-6

package/cjs-bundle/componentsV2/ToggleButtons/ToggleButtons.js

@@ -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}))}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),t=require("react"),a=require("react/jsx-runtime"),s=require("@material-ui/lab"),r=require("classnames"),l=require("../Tooltip/Tooltip.js"),i=require("./ToggleButtons.scss.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=o(r),n={primary:i.primary,secondary:i.secondary},d=function(t){var r=t.label,o=t.testId,d=t.className,c=t.tooltip,p=t.disabled,m=t.value,v=t.type,b=e.__rest(t,["label","testId","className","tooltip","disabled","value","type"]),g=a.jsx(s.ToggleButton,e.__assign({disabled:p,"data-testid":o,className:u.default(i.button,n[v],d),value:m},b,{children:r}));return c?a.jsx(l.Tooltip,{title:c,children:g}):g};exports.ToggleButtons=function(r){var l=r.testId,o=r.className,n=r.options,c=r.size,p=void 0===c?"medium":c,m=r.value,v=r.onChange,b=r.type,g=void 0===b?"primary":b,y=t.useCallback((function(e,t){null!==t&&v&&v(t,e)}),[v]);return a.jsx(s.ToggleButtonGroup,{className:u.default(i.root,o),"data-testid":l,onChange:y,value:m,exclusive:!0,size:p,children:n.map((function(a){return t.createElement(d,e.__assign({},a,{key:a.value,type:g}))}))})};

package/cjs-bundle/componentsV2/ToggleButtons/ToggleButtons.scss.js

@@ -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"};
+"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')('.ToggleButtons_root__aQl06.ToggleButtons_root__aQl06 .ToggleButtons_button__GH4OM{margin:0;position:relative;transition:color .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1)}.ToggleButtons_root__aQl06.ToggleButtons_root__aQl06 .ToggleButtons_button__GH4OM.ToggleButtons_primary__HxWEN:not(.Mui-selected):focus,.ToggleButtons_root__aQl06.ToggleButtons_root__aQl06 .ToggleButtons_button__GH4OM.ToggleButtons_primary__HxWEN:not(.Mui-selected):hover{background:rgb(from var(--palette-primary-text-1) r g b/.12);color:var(--palette-primary-text-1)}.ToggleButtons_root__aQl06.ToggleButtons_root__aQl06 .ToggleButtons_button__GH4OM.ToggleButtons_secondary__Eq-fq{background:rgb(from var(--palette-primary-text-1) r g b/.04);font-weight:400;margin-left:1px}.ToggleButtons_root__aQl06.ToggleButtons_root__aQl06 .ToggleButtons_button__GH4OM.ToggleButtons_secondary__Eq-fq:not(:first-child):before{background:rgb(from var(--palette-primary-text-1) r g b/.08);content:"";inset:0 100% 0 -1px;position:absolute}.ToggleButtons_root__aQl06.ToggleButtons_root__aQl06 .ToggleButtons_button__GH4OM.ToggleButtons_secondary__Eq-fq.Mui-selected{background:rgb(from var(--palette-primary-text-1) r g b/.08);color:var(--palette-primary-text-6)}.ToggleButtons_root__aQl06.ToggleButtons_root__aQl06 .ToggleButtons_button__GH4OM.ToggleButtons_secondary__Eq-fq:not(.Mui-selected):focus,.ToggleButtons_root__aQl06.ToggleButtons_root__aQl06 .ToggleButtons_button__GH4OM.ToggleButtons_secondary__Eq-fq:not(.Mui-selected):hover{background:rgb(from var(--palette-primary-text-1) r g b/.12);color:var(--palette-primary-text-1)}'),module.exports={spacing:"8",root:"ToggleButtons_root__aQl06",button:"ToggleButtons_button__GH4OM",primary:"ToggleButtons_primary__HxWEN",secondary:"ToggleButtons_secondary__Eq-fq"};

package/componentsV2/ToggleButtons/ToggleButtons.d.ts

@@ -11,8 +11,9 @@ export type ToggleButtonsProps = {
     value?: string;
     onChange?: (value: string, event: MouseEvent<HTMLElement>) => void;
     size?: 'small' | 'medium' | 'large';
+    type?: 'primary' | 'secondary';
     className?: string;
     testId?: string;
 };
-export declare const ToggleButtons: ({ testId, className, options, size, value, onChange, }: ToggleButtonsProps) => JSX.Element;
+export declare const ToggleButtons: ({ testId, className, options, size, value, onChange, type, }: ToggleButtonsProps) => JSX.Element;
 //# sourceMappingURL=ToggleButtons.d.ts.map

package/componentsV2/ToggleButtons/ToggleButtons.d.ts.map

@@ -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"}
+{"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;IACpC,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAE/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAsCF,eAAO,MAAM,aAAa,iEAQvB,kBAAkB,gBAwBpB,CAAC"}

package/componentsV2/ToggleButtons/ToggleButtons.js

@@ -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};
+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 r}from"react/jsx-runtime";import{ToggleButtonGroup as i,ToggleButton as s}from"@material-ui/lab";import l from"classnames";import{Tooltip as m}from"../Tooltip/Tooltip.js";import n from"./ToggleButtons.scss.js";var d={primary:n.primary,secondary:n.secondary},p=function(a){var o=a.label,i=a.testId,p=a.className,u=a.tooltip,c=a.disabled,v=a.value,f=a.type,y=t(a,["label","testId","className","tooltip","disabled","value","type"]),b=r(s,e({disabled:c,"data-testid":i,className:l(n.button,d[f],p),value:v},y,{children:o}));return u?r(m,{title:u,children:b}):b},u=function(t){var s=t.testId,m=t.className,d=t.options,u=t.size,c=void 0===u?"medium":u,v=t.value,f=t.onChange,y=t.type,b=void 0===y?"primary":y,h=a((function(e,t){null!==t&&f&&f(t,e)}),[f]);return r(i,{className:l(n.root,m),"data-testid":s,onChange:h,value:v,exclusive:!0,size:c,children:d.map((function(t){return o(p,e({},t,{key:t.value,type:b}))}))})};export{u as ToggleButtons};

package/componentsV2/ToggleButtons/ToggleButtons.scss.js

@@ -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};
+import t from'./../../ext-esm/style-inject/dist/style-inject.es.js';var o={spacing:"8",root:"ToggleButtons_root__aQl06",button:"ToggleButtons_button__GH4OM",primary:"ToggleButtons_primary__HxWEN",secondary:"ToggleButtons_secondary__Eq-fq"};t('.ToggleButtons_root__aQl06.ToggleButtons_root__aQl06 .ToggleButtons_button__GH4OM{margin:0;position:relative;transition:color .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1)}.ToggleButtons_root__aQl06.ToggleButtons_root__aQl06 .ToggleButtons_button__GH4OM.ToggleButtons_primary__HxWEN:not(.Mui-selected):focus,.ToggleButtons_root__aQl06.ToggleButtons_root__aQl06 .ToggleButtons_button__GH4OM.ToggleButtons_primary__HxWEN:not(.Mui-selected):hover{background:rgb(from var(--palette-primary-text-1) r g b/.12);color:var(--palette-primary-text-1)}.ToggleButtons_root__aQl06.ToggleButtons_root__aQl06 .ToggleButtons_button__GH4OM.ToggleButtons_secondary__Eq-fq{background:rgb(from var(--palette-primary-text-1) r g b/.04);font-weight:400;margin-left:1px}.ToggleButtons_root__aQl06.ToggleButtons_root__aQl06 .ToggleButtons_button__GH4OM.ToggleButtons_secondary__Eq-fq:not(:first-child):before{background:rgb(from var(--palette-primary-text-1) r g b/.08);content:"";inset:0 100% 0 -1px;position:absolute}.ToggleButtons_root__aQl06.ToggleButtons_root__aQl06 .ToggleButtons_button__GH4OM.ToggleButtons_secondary__Eq-fq.Mui-selected{background:rgb(from var(--palette-primary-text-1) r g b/.08);color:var(--palette-primary-text-6)}.ToggleButtons_root__aQl06.ToggleButtons_root__aQl06 .ToggleButtons_button__GH4OM.ToggleButtons_secondary__Eq-fq:not(.Mui-selected):focus,.ToggleButtons_root__aQl06.ToggleButtons_root__aQl06 .ToggleButtons_button__GH4OM.ToggleButtons_secondary__Eq-fq:not(.Mui-selected):hover{background:rgb(from var(--palette-primary-text-1) r g b/.12);color:var(--palette-primary-text-1)}');export{o as default};

package/componentsV2/ToggleButtons/ToggleButtons.stories.d.ts

@@ -5,6 +5,7 @@ type Props = ComponentProps<typeof ToggleButtons>;
 declare const meta: Meta<Props>;
 export default meta;
 export declare const Default: (props: Omit<Props, "multiple">) => JSX.Element;
+export declare const Types: () => JSX.Element;
 export declare const Sizes: () => JSX.Element;
 export declare const DisabledButtons: () => JSX.Element;
 export declare const WithTooltips: () => JSX.Element;

package/componentsV2/ToggleButtons/ToggleButtons.stories.d.ts.map

@@ -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"}
+{"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;AAQF,eAAO,MAAM,KAAK,mBASjB,CAAC;AASF,eAAO,MAAM,eAAe,mBAa3B,CAAC;AAMF,eAAO,MAAM,YAAY,mBASxB,CAAC;AAMF,eAAO,MAAM,SAAS,mBAkBrB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@corva/ui",
-  "version": "3.8.0-5",
+  "version": "3.8.0-6",
   "description": "Shared components/utils for Corva ui projects",
   "keywords": [
     "corva-ui"