@corva/ui 0.99.0-6 → 0.99.0-7
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/Checkbox/Checkbox.js +1 -0
- package/cjs-bundle/componentsV2/CheckboxGroup/CheckboxGroup.js +1 -0
- package/cjs-bundle/componentsV2/Popover/Popover.js +1 -1
- 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/Tooltip/Tooltip.js +1 -1
- package/cjs-bundle/componentsV2/index.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/componentsV2/Button/Button.d.ts.map +1 -1
- package/componentsV2/ButtonIcon/ButtonIcon.d.ts.map +1 -1
- 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/Popover/Popover.d.ts +1 -1
- package/componentsV2/Popover/Popover.d.ts.map +1 -1
- package/componentsV2/Popover/Popover.js +1 -1
- 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/Tooltip/Tooltip.js +1 -1
- package/componentsV2/Tooltip/Tooltip.stories.d.ts.map +1 -1
- package/componentsV2/index.d.ts +4 -0
- package/componentsV2/index.d.ts.map +1 -1
- package/componentsV2/index.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 +1 -1
- package/storyBookHelpers/components.d.ts +1 -0
- package/storyBookHelpers/components.d.ts.map +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),r=require("react/jsx-runtime"),a=require("react"),i=require("@material-ui/core"),n=require("../RadioAndCheckboxLabel/RadioAndCheckboxLabel.js"),o=require("../RadioAndCheckboxLabel/RadioAndCheckboxLabel.scss.js"),t=a.forwardRef((function(t,l){var s=t.onChange,c=t.indeterminate,d=t.labelPlacement,b=void 0===d?"end":d,u=t.size,m=void 0===u?"medium":u,x=e.__rest(t,["onChange","indeterminate","labelPlacement","size"]),h=a.useCallback((function(e){return null==s?void 0:s(e.target.checked,e)}),[s]);return r.jsx(n.RadioAndCheckboxLabel,e.__assign({control:r.jsx(i.Checkbox,{className:o.control,indeterminate:c}),onChange:h,ref:l,labelPlacement:b,size:m},x))}));exports.Checkbox=t;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),r=require("react/jsx-runtime"),i=require("react"),n=require("../RadioAndCheckboxGroup/RadioAndCheckboxGroup.js"),o=require("../Checkbox/Checkbox.js"),t=function(e,r){return!!(null==r?void 0:r.includes(e))};exports.CheckboxGroup=function(a){var s=a.onChange,c=a.size,u=void 0===c?"medium":c,d=a.spacing,p=void 0===d?"normal":d,l=a.direction,_=void 0===l?"vertical":l,h=e.__rest(a,["onChange","size","spacing","direction"]),v=i.useCallback((function(r,i){return void 0===i&&(i=[]),function(n){for(var o=[],t=1;t<arguments.length;t++)o[t-1]=arguments[t];if(s){var a=n?e.__spreadArray(e.__spreadArray([],i,!0),[r],!1):i.filter((function(e){return e!==r}));s.apply(void 0,e.__spreadArray([a],o,!1))}}}),[s]);return r.jsx(n.RadioAndCheckboxGroup,e.__assign({},h,{size:u,spacing:p,direction:_,component:o.Checkbox,getOnChangeHandler:v,getOptionChecked:t}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),r=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),r=require("react/jsx-runtime"),n=require("@material-ui/core"),o=require("react"),i=require("../../components/DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js"),s=require("../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),t=require("./DcPopover.js");exports.Popover=function(c){var l=c.children,a=c.open,p=c.onClose,u=c.transformOrigin,d=void 0===u?{vertical:"top",horizontal:"left"}:u,v=c.className,m=e.__rest(c,["children","open","onClose","transformOrigin","className"]),h=i.useIsInsideDcApp(),D=s.useIsInsideDcFullscreenElem(),f=o.useMemo((function(){return{paper:v}}),[v]),C=o.useCallback((function(e,r){null==p||p(r,e)}),[p]),P=h&&!D?t.DcPopover:n.Popover,I="position"in m?{anchorReference:"anchorPosition",anchorPosition:m.position}:{anchorReference:"anchorEl",anchorEl:m.anchorEl,anchorOrigin:m.anchorOrigin||{vertical:"top",horizontal:"left"}};return r.jsx(P,e.__assign({open:a,transformOrigin:d,onClose:C,classes:f},I,{children:l}))};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),a=require("react/jsx-runtime"),r=require("react"),o=require("@material-ui/core"),i=require("../RadioAndCheckboxLabel/RadioAndCheckboxLabel.js"),n=require("../RadioAndCheckboxLabel/RadioAndCheckboxLabel.scss.js"),l=r.forwardRef((function(l,s){var t=l.onChange,d=l.labelPlacement,c=void 0===d?"end":d,u=l.size,b=void 0===u?"medium":u,x=e.__rest(l,["onChange","labelPlacement","size"]),h=r.useCallback((function(e){return null==t?void 0:t(e.target.checked,e)}),[t]);return a.jsx(i.RadioAndCheckboxLabel,e.__assign({control:a.jsx(o.Radio,{className:n.control}),onChange:h,ref:s,labelPlacement:c,size:b},x))}));exports.Radio=l;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),o=require("classnames"),n=require("@material-ui/core"),a=require("./RadioAndCheckboxGroup.scss.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=t(o),s={normal:a.spacing_normal,dense:a.spacing_dense},l={horizontal:a.horizontal,vertical:a.vertical};exports.RadioAndCheckboxGroup=function(o){var t=o.component,c=o.getOnChangeHandler,u=o.getOptionChecked,d=o.value,m=o.testId,p=o.className,v=o.label,h=o.status,x=o.message,f=o.options,g=void 0===f?[]:f,j=o.size,b=void 0===j?"medium":j,C=o.spacing,q=void 0===C?"normal":C,k=o.direction,z=void 0===k?"vertical":k,F=r.useMemo((function(){return null==g?void 0:g.map((function(e){var r=e.value;return c(r,d)}))}),[g,c,d]);return e.jsx("div",{className:i.default(a.root,s[q],l[z],p),"data-testid":m,children:e.jsxs(n.FormControl,{component:"fieldset",error:"error"===h,className:a.group,children:[v&&e.jsx(n.FormLabel,{component:"legend",className:a.label,children:v}),e.jsx(n.FormGroup,{children:g.map((function(r,o){return e.jsx(t,{label:r.label,checked:u(r.value,d),size:b,onChange:F[o]},o)}))}),x&&e.jsx(n.FormHelperText,{children:x})]})})};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".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}"),module.exports={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"};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),a=require("react/jsx-runtime"),t=require("react"),l=require("@material-ui/core"),r=require("classnames"),s=require("./RadioAndCheckboxLabel.scss.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(r),d={medium:s.medium,small:s.small},i={end:s.placementEnd,start:s.placementStart,top:s.placementTop,bottom:s.placementBottom},c=t.forwardRef((function(t,r){var o=t.control,c=t.testId,m=t.className,u=t.inputRef,b=t.checked,f=void 0!==b&&b,p=t.label,h=t.onChange,v=t.disabled,j=t.labelPlacement,x=void 0===j?"end":j,_=t.size,q=void 0===_?"medium":_,C=e.__rest(t,["control","testId","className","inputRef","checked","label","onChange","disabled","labelPlacement","size"]);return a.jsx("div",{className:n.default(s.root,i[x],d[q],m),children:a.jsx(l.FormControlLabel,e.__assign({ref:r,control:o,className:s.label,"data-testid":c,inputRef:u,checked:f,onChange:h,disabled:v,label:p,labelPlacement:x},C))})}));exports.RadioAndCheckboxLabel=c;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".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-control-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-control-shift:-8px}.RadioAndCheckboxLabel_root__ECgvv.RadioAndCheckboxLabel_small__gmtA-{--corvaui-control-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}"),module.exports={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-"};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),r=require("react/jsx-runtime"),i=require("react"),o=require("../Radio/Radio.js"),n=require("../RadioAndCheckboxGroup/RadioAndCheckboxGroup.js"),t=function(e,r){return r===e};exports.RadioGroup=function(a){var d=a.onChange,s=a.size,u=void 0===s?"medium":s,c=a.spacing,p=void 0===c?"normal":c,l=a.direction,g=void 0===l?"vertical":l,v=e.__rest(a,["onChange","size","spacing","direction"]),_=i.useCallback((function(r){return function(i){for(var o=[],n=1;n<arguments.length;n++)o[n-1]=arguments[n];return null==d?void 0:d.apply(void 0,e.__spreadArray([r],o,!1))}}),[d]);return r.jsx(n.RadioAndCheckboxGroup,e.__assign({},v,{size:u,spacing:p,direction:g,component:o.Radio,getOnChangeHandler:_,getOptionChecked:t}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),r=require("react/jsx-runtime"),i=require("@material-ui/core"),t=require("react"),s=require("classnames"),l=require("../../components/DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js"),n=require("../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),o=require("./DcTooltip.js"),a=require("./Tooltip.scss.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=c(s),d={medium:a.medium,large:a.large};exports.Tooltip=function(s){var c=s.children,v=s.disabled,D=s.title,p=s.interactive,m=void 0
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),r=require("react/jsx-runtime"),i=require("@material-ui/core"),t=require("react"),s=require("classnames"),l=require("../../components/DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js"),n=require("../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),o=require("./DcTooltip.js"),a=require("./Tooltip.scss.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=c(s),d={medium:a.medium,large:a.large};exports.Tooltip=function(s){var c=s.children,v=s.disabled,D=s.title,p=s.interactive,m=void 0!==p&&p,y=s.className,T=s.size,h=void 0===T?"medium":T,j=s.enterDelay,I=void 0===j?100:j,b=s.leaveDelay,q=void 0===b?0:b,f=s.enterTouchDelay,x=void 0===f?700:f,C=s.leaveTouchDelay,_=void 0===C?1500:C,N=s.enterNextDelay,A=void 0===N?0:N,P=e.__rest(s,["children","disabled","title","interactive","className","size","enterDelay","leaveDelay","enterTouchDelay","leaveTouchDelay","enterNextDelay"]),F=l.useIsInsideDcApp(),g=n.useIsInsideDcFullscreenElem(),E=F&&!g?o.DcTooltip:i.Tooltip,L=v||!D?"":r.jsx("div",{className:a.title,children:D}),z={disableFocusListener:v,disableHoverListener:v,disableTouchListener:v},M=t.useMemo((function(){return{popper:u.default(a.root,d[h],y)}}),[y,h]);return r.jsx(E,e.__assign({title:L,interactive:m,classes:M,enterDelay:I,leaveDelay:q,enterTouchDelay:x,leaveTouchDelay:_,enterNextDelay:A},z,P,{children:c}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Text/Text.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Text/Text.js"),o=require("./Grid/Grid.js"),r=require("./Grid/Cell.js"),t=require("./Header/Header.js"),p=require("./Button/Button.js"),i=require("./ButtonIcon/ButtonIcon.js"),u=require("./Tooltip/Tooltip.js"),s=require("./Popover/Popover.js"),x=require("./Popover/DcPopover.js"),d=require("./Radio/Radio.js"),c=require("./RadioGroup/RadioGroup.js"),a=require("./Checkbox/Checkbox.js"),j=require("./CheckboxGroup/CheckboxGroup.js");exports.Text=e.Text,exports.Grid=o.Grid,exports.Cell=r.Cell,exports.Header=t.Header,exports.Button=p.Button,exports.ButtonIcon=i.ButtonIcon,exports.Tooltip=u.Tooltip,exports.Popover=s.Popover,exports.DcPopover=x.DcPopover,exports.Radio=d.Radio,exports.RadioGroup=c.RadioGroup,exports.Checkbox=a.Checkbox,exports.CheckboxGroup=j.CheckboxGroup;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../ext-esm/tslib/tslib.es6.js'),i=require("react/jsx-runtime"),s=require("../../WithCustomSize.js").withCustomIconSize((function(s){var t=s.width,l=void 0===t?24:t,o=s.height,r=void 0===o?24:o,n=s.fontSize,d=s.className;return e.__rest(s,["width","height","fontSize","className"]),i.jsx("svg",{className:d,width:"small"===n?16:l,height:"small"===n?16:r,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i.jsx("path",{
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../ext-esm/tslib/tslib.es6.js'),i=require("react/jsx-runtime"),s=require("../../WithCustomSize.js").withCustomIconSize((function(s){var t=s.width,l=void 0===t?24:t,o=s.height,r=void 0===o?24:o,n=s.fontSize,d=s.className;return e.__rest(s,["width","height","fontSize","className"]),i.jsx("svg",{className:d,width:"small"===n?16:l,height:"small"===n?16:r,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2 6.75C2 4.12665 4.12665 2 6.75 2H17.25C19.8734 2 22 4.12665 22 6.75V17.25C22 19.8734 19.8734 22 17.25 22H6.75C4.12665 22 2 19.8734 2 17.25V6.75ZM6.75 3.5C4.95507 3.5 3.5 4.95507 3.5 6.75V17.25C3.5 19.0449 4.95507 20.5 6.75 20.5H17.25C19.0449 20.5 20.5 19.0449 20.5 17.25V6.75C20.5 4.95507 19.0449 3.5 17.25 3.5H6.75Z",fill:"#BDBDBD"})})}));exports.CheckboxCustomIcon=s;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../WithCustomSize.js").withCustomIconSize((function(i){var t=i.width,s=void 0===t?24:t,l=i.height,o=void 0===l?24:l,r=i.fontSize,C=i.className;return e.jsx("svg",{className:C,width:"small"===r?16:s,height:"small"===r?16:o,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../WithCustomSize.js").withCustomIconSize((function(i){var t=i.width,s=void 0===t?24:t,l=i.height,o=void 0===l?24:l,r=i.fontSize,C=i.className;return e.jsx("svg",{className:C,width:"small"===r?16:s,height:"small"===r?16:o,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6 2C3.79086 2 2 3.79086 2 6V18C2 20.2091 3.79086 22 6 22H18C20.2091 22 22 20.2091 22 18V6C22 3.79086 20.2091 2 18 2H6ZM20.5303 7.53033C20.8232 7.23744 20.8232 6.76256 20.5303 6.46967C20.2374 6.17678 19.7626 6.17678 19.4697 6.46967L10 15.9393L5.53033 11.4697C5.23744 11.1768 4.76256 11.1768 4.46967 11.4697C4.17678 11.7626 4.17678 12.2374 4.46967 12.5303L9.46967 17.5303C9.76256 17.8232 10.2374 17.8232 10.5303 17.5303L20.5303 7.53033Z",fill:"#03BCD4"})})}));exports.CheckboxCheckedCustomIcon=i;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../ext-esm/tslib/tslib.es6.js'),t=require("react/jsx-runtime"),i=require("../../WithCustomSize.js").withCustomIconSize((function(i){var s=i.width,l=void 0===s?24:s,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../ext-esm/tslib/tslib.es6.js'),t=require("react/jsx-runtime"),i=require("../../WithCustomSize.js").withCustomIconSize((function(i){var s=i.width,l=void 0===s?24:s,o=i.height,r=void 0===o?24:o,n=i.fontSize,d=i.className;return e.__rest(i,["width","height","fontSize","className"]),t.jsx("svg",{className:d,width:"small"===n?16:l,height:"small"===n?16:r,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6 2C3.79086 2 2 3.79086 2 6V18C2 20.2091 3.79086 22 6 22H18C20.2091 22 22 20.2091 22 18V6C22 3.79086 20.2091 2 18 2H6ZM5.22581 11.25C4.82495 11.25 4.5 11.5858 4.5 12C4.5 12.4142 4.82495 12.75 5.22581 12.75H18.7742C19.175 12.75 19.5 12.4142 19.5 12C19.5 11.5858 19.175 11.25 18.7742 11.25H5.22581Z",fill:"#03BCD4"})})}));exports.CheckboxIndeterminateCustomIcon=i;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../WithCustomSize.js").withCustomIconSize((function(t){var s=t.width,i=void 0===s?24:s,o=t.height,r=void 0===o?24:o,h=t.className,l=t.fontSize;return e.jsxs("svg",{className:h,xmlns:"http://www.w3.org/2000/svg",width:"small"===l?16:i,height:"small"===l?16:r,viewBox:"0 0 24 24",fill:"none",children:[e.jsx("path",{d:"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",stroke:"#03BCD4",
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../WithCustomSize.js").withCustomIconSize((function(t){var s=t.width,i=void 0===s?24:s,o=t.height,r=void 0===o?24:o,h=t.className,l=t.fontSize;return e.jsxs("svg",{className:h,xmlns:"http://www.w3.org/2000/svg",width:"small"===l?16:i,height:"small"===l?16:r,viewBox:"0 0 24 24",fill:"none",children:[e.jsx("path",{d:"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",stroke:"#03BCD4",strokeWidth:"1.5"}),e.jsx("path",{d:"M12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z",fill:"#03BCD4"})]})}));exports.RadioCheckedCustomIcon=t;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMjE,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EACD,SAAS,GACT,WAAW,GACX,oBAAoB,GACpB,sBAAsB,GACtB,UAAU,GACV,OAAO,CAAC;IACZ,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAmCF,eAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMjE,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EACD,SAAS,GACT,WAAW,GACX,oBAAoB,GACpB,sBAAsB,GACtB,UAAU,GACV,OAAO,CAAC;IACZ,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAmCF,eAAO,MAAM,MAAM,2GAqClB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonIcon.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/ButtonIcon/ButtonIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAMtD,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,aAAa,GAAG,YAAY,CAAC;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAgBF,eAAO,MAAM,UAAU,+
|
|
1
|
+
{"version":3,"file":"ButtonIcon.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/ButtonIcon/ButtonIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAMtD,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,aAAa,GAAG,YAAY,CAAC;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAgBF,eAAO,MAAM,UAAU,+GAgCtB,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { ChangeEvent } from 'react';
|
|
2
|
+
import { RadioAndCheckboxLabelProps } from '../RadioAndCheckboxLabel';
|
|
3
|
+
export type CheckboxProps = Omit<RadioAndCheckboxLabelProps, 'control' | 'onChange'> & {
|
|
4
|
+
/**
|
|
5
|
+
* Called when a checkbox is checked/unchecked
|
|
6
|
+
* @param checked - always `true`
|
|
7
|
+
* @param event
|
|
8
|
+
*/
|
|
9
|
+
onChange?: (checked: boolean, event: ChangeEvent<HTMLInputElement>) => void;
|
|
10
|
+
/**
|
|
11
|
+
* Forces checkbox to an indeterminate state. This state is purely visual, `onChange` callback is still called with correct `checked` argument
|
|
12
|
+
*/
|
|
13
|
+
indeterminate?: boolean;
|
|
14
|
+
};
|
|
15
|
+
export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<RadioAndCheckboxLabelProps, "onChange" | "control"> & {
|
|
16
|
+
/**
|
|
17
|
+
* Called when a checkbox is checked/unchecked
|
|
18
|
+
* @param checked - always `true`
|
|
19
|
+
* @param event
|
|
20
|
+
*/
|
|
21
|
+
onChange?: (checked: boolean, event: ChangeEvent<HTMLInputElement>) => void;
|
|
22
|
+
/**
|
|
23
|
+
* Forces checkbox to an indeterminate state. This state is purely visual, `onChange` callback is still called with correct `checked` argument
|
|
24
|
+
*/
|
|
25
|
+
indeterminate?: boolean;
|
|
26
|
+
} & import("react").RefAttributes<HTMLElement>>;
|
|
27
|
+
//# sourceMappingURL=Checkbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAA2B,MAAM,OAAO,CAAC;AAG7D,OAAO,EAEL,0BAA0B,EAE3B,MAAM,0BAA0B,CAAC;AAElC,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,0BAA0B,EAAE,SAAS,GAAG,UAAU,CAAC,GAAG;IACrF;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5E;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,QAAQ;IAZnB;;;;OAIG;eACQ,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI;IAC3E;;OAEG;oBACa,OAAO;+CAqBxB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__rest as e,__assign as o}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as n}from"react/jsx-runtime";import{forwardRef as r,useCallback as a}from"react";import{Checkbox as i}from"@material-ui/core";import{RadioAndCheckboxLabel as t}from"../RadioAndCheckboxLabel/RadioAndCheckboxLabel.js";import m from"../RadioAndCheckboxLabel/RadioAndCheckboxLabel.scss.js";var l=r((function(r,l){var c=r.onChange,d=r.indeterminate,s=r.labelPlacement,b=void 0===s?"end":s,f=r.size,h=void 0===f?"medium":f,u=e(r,["onChange","indeterminate","labelPlacement","size"]),C=a((function(e){return null==c?void 0:c(e.target.checked,e)}),[c]);return n(t,o({control:n(i,{className:m.control,indeterminate:d}),onChange:C,ref:l,labelPlacement:b,size:h},u))}));export{l as Checkbox};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { Checkbox } from './Checkbox';
|
|
4
|
+
type Props = ComponentProps<typeof Checkbox>;
|
|
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 Indeterminate: () => JSX.Element;
|
|
11
|
+
export declare const InteractiveExample: () => JSX.Element;
|
|
12
|
+
//# sourceMappingURL=Checkbox.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Checkbox/Checkbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAA2B,MAAM,OAAO,CAAC;AAYhE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC;AAE7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAeF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAA4B,CAAC;AAEjE,eAAO,MAAM,KAAK,mBAKjB,CAAC;AASF,eAAO,MAAM,wBAAwB,mBAepC,CAAC;AAWF,eAAO,MAAM,aAAa,mBASzB,CAAC;AAMF,eAAO,MAAM,kBAAkB,mBAmB9B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Checkbox/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ChangeEvent } from 'react';
|
|
2
|
+
import { RadioAndCheckboxGroupProps } from '../RadioAndCheckboxGroup';
|
|
3
|
+
export type CheckboxGroupProps<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 CheckboxGroup: <T>({ onChange, size, spacing, direction, ...rest }: CheckboxGroupProps<T>) => JSX.Element;
|
|
11
|
+
//# sourceMappingURL=CheckboxGroup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAe,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAyB,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AAG7F,MAAM,MAAM,kBAAkB,CAAC,CAAC,IAAI;IAClC;;OAEG;IACH,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACvE,GAAG,IAAI,CACN,0BAA0B,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAClC,WAAW,GAAG,oBAAoB,GAAG,kBAAkB,GAAG,OAAO,CAClE,CAAC;AAIF,eAAO,MAAM,aAAa,GAAI,CAAC,mDAM5B,kBAAkB,CAAC,CAAC,CAAC,gBAyBvB,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{RadioAndCheckboxGroup as t}from"../RadioAndCheckboxGroup/RadioAndCheckboxGroup.js";import{Checkbox as c}from"../Checkbox/Checkbox.js";var d=function(o,i){return!!(null==i?void 0:i.includes(o))},a=function(a){var m=a.onChange,u=a.size,p=void 0===u?"medium":u,s=a.spacing,f=void 0===s?"normal":s,l=a.direction,v=void 0===l?"vertical":l,g=o(a,["onChange","size","spacing","direction"]),h=e((function(o,n){return void 0===n&&(n=[]),function(r){for(var e=[],t=1;t<arguments.length;t++)e[t-1]=arguments[t];if(m){var c=r?i(i([],n,!0),[o],!1):n.filter((function(i){return i!==o}));m.apply(void 0,i([c],e,!1))}}}),[m]);return r(t,n({},g,{size:p,spacing:f,direction:v,component:c,getOnChangeHandler:h,getOptionChecked:d}))};export{a as CheckboxGroup};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { CheckboxGroup } from './CheckboxGroup';
|
|
4
|
+
type Props = ComponentProps<typeof CheckboxGroup>;
|
|
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=CheckboxGroup.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckboxGroup.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/CheckboxGroup/CheckboxGroup.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;AAEhD,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;AAElD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAWF,eAAe,IAAI,CAAC;AAyBpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAanC,CAAC;AAKF,eAAO,MAAM,KAAK,mBAUjB,CAAC;AAQF,eAAO,MAAM,OAAO,mBAenB,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/CheckboxGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
|
|
@@ -5,7 +5,7 @@ export type PopoverProps = {
|
|
|
5
5
|
* The content of the component.
|
|
6
6
|
*/
|
|
7
7
|
children?: ReactNode;
|
|
8
|
-
onClose?: (
|
|
8
|
+
onClose?: (reason: 'backdropClick' | 'escapeKeyDown', event: ChangeEvent<object>) => void;
|
|
9
9
|
/**
|
|
10
10
|
* This is the point on the popover which will attach to the anchor's origin.
|
|
11
11
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Popover/Popover.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,SAAS,
|
|
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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as o,__assign as r}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as e}from"react/jsx-runtime";import{Popover as n}from"@material-ui/core";import{useMemo as i}from"react";import{useIsInsideDcApp as
|
|
1
|
+
import{__rest as o,__assign as r}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as e}from"react/jsx-runtime";import{Popover as n}from"@material-ui/core";import{useMemo as 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,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 e={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-control-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-control-shift:-8px}.RadioAndCheckboxLabel_root__ECgvv.RadioAndCheckboxLabel_small__gmtA-{--corvaui-control-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{e 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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as e,__assign as r}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as o}from"react/jsx-runtime";import{Tooltip as i}from"@material-ui/core";import{useMemo as t}from"react";import l from"classnames";import{useIsInsideDcApp as a}from"../../components/DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import{useIsInsideDcFullscreenElem as n}from"../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{DcTooltip as s}from"./DcTooltip.js";import c from"./Tooltip.scss.js";var m={medium:c.medium,large:c.large},d=function(d){var p=d.children,v=d.disabled,D=d.title,u=d.interactive,y=void 0
|
|
1
|
+
import{__rest as e,__assign as r}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as o}from"react/jsx-runtime";import{Tooltip as i}from"@material-ui/core";import{useMemo as t}from"react";import l from"classnames";import{useIsInsideDcApp as a}from"../../components/DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import{useIsInsideDcFullscreenElem as n}from"../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{DcTooltip as s}from"./DcTooltip.js";import c from"./Tooltip.scss.js";var m={medium:c.medium,large:c.large},d=function(d){var p=d.children,v=d.disabled,D=d.title,u=d.interactive,y=void 0!==u&&u,f=d.className,h=d.size,T=void 0===h?"medium":h,b=d.enterDelay,C=void 0===b?100:b,j=d.leaveDelay,I=void 0===j?0:j,N=d.enterTouchDelay,x=void 0===N?700:N,A=d.leaveTouchDelay,P=void 0===A?1500:A,F=d.enterNextDelay,L=void 0===F?0:F,g=e(d,["children","disabled","title","interactive","className","size","enterDelay","leaveDelay","enterTouchDelay","leaveTouchDelay","enterNextDelay"]),z=a(),E=n(),H=z&&!E?s:i,_=v||!D?"":o("div",{className:c.title,children:D}),k={disableFocusListener:v,disableHoverListener:v,disableTouchListener:v},q=t((function(){return{popper:l(c.root,m[T],f)}}),[f,T]);return o(H,r({title:_,interactive:y,classes:q,enterDelay:C,leaveDelay:I,enterTouchDelay:x,leaveTouchDelay:P,enterNextDelay:L},k,g,{children:p}))};export{d as Tooltip};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Tooltip/Tooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Tooltip.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Tooltip/Tooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAiBjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC;AAE5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAiBF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAInC,CAAC;AAEF,eAAO,MAAM,KAAK,mBASjB,CAAC;AAQF,eAAO,MAAM,UAAU,mBAItB,CAAC;AAKF,eAAO,MAAM,iBAAiB,mBAY7B,CAAC;AAKF,eAAO,MAAM,aAAa,mBAgCzB,CAAC"}
|
package/componentsV2/index.d.ts
CHANGED
|
@@ -5,4 +5,8 @@ export * from './Button';
|
|
|
5
5
|
export * from './ButtonIcon';
|
|
6
6
|
export * from './Tooltip';
|
|
7
7
|
export * from './Popover';
|
|
8
|
+
export * from './Radio';
|
|
9
|
+
export * from './RadioGroup';
|
|
10
|
+
export * from './Checkbox';
|
|
11
|
+
export * from './CheckboxGroup';
|
|
8
12
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -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"}
|
|
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"}
|
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";
|
|
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";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/icons/customIcons/icons/Checkbox.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB,
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/icons/customIcons/icons/Checkbox.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB,qFAyBmO,IAAK,OAAO,AAD7Q,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as e}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsx as i}from"react/jsx-runtime";import{withCustomIconSize as t}from"../../WithCustomSize.js";var l=t((function(t){var l=t.width,o=void 0===l?24:l,s=t.height,
|
|
1
|
+
import{__rest as e}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsx as i}from"react/jsx-runtime";import{withCustomIconSize as t}from"../../WithCustomSize.js";var l=t((function(t){var l=t.width,o=void 0===l?24:l,s=t.height,m=void 0===s?24:s,r=t.fontSize,d=t.className;return e(t,["width","height","fontSize","className"]),i("svg",{className:d,width:"small"===r?16:o,height:"small"===r?16:m,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2 6.75C2 4.12665 4.12665 2 6.75 2H17.25C19.8734 2 22 4.12665 22 6.75V17.25C22 19.8734 19.8734 22 17.25 22H6.75C4.12665 22 2 19.8734 2 17.25V6.75ZM6.75 3.5C4.95507 3.5 3.5 4.95507 3.5 6.75V17.25C3.5 19.0449 4.95507 20.5 6.75 20.5H17.25C19.0449 20.5 20.5 19.0449 20.5 17.25V6.75C20.5 4.95507 19.0449 3.5 17.25 3.5H6.75Z",fill:"#BDBDBD"})})}));export{l as CheckboxCustomIcon};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxChecked.d.ts","sourceRoot":"","sources":["../../../../src/icons/customIcons/icons/CheckboxChecked.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,yBAAyB,
|
|
1
|
+
{"version":3,"file":"CheckboxChecked.d.ts","sourceRoot":"","sources":["../../../../src/icons/customIcons/icons/CheckboxChecked.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,yBAAyB,qFAmBqI,IAAK,OAAO,AADtL,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{withCustomIconSize as i}from"../../WithCustomSize.js";var l=i((function(i){var l=i.width,t=void 0===l?24:l,o=i.height,r=void 0===o?24:o,s=i.fontSize,m=i.className;return e("svg",{className:m,width:"small"===s?16:t,height:"small"===s?16:r,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{withCustomIconSize as i}from"../../WithCustomSize.js";var l=i((function(i){var l=i.width,t=void 0===l?24:l,o=i.height,r=void 0===o?24:o,s=i.fontSize,m=i.className;return e("svg",{className:m,width:"small"===s?16:t,height:"small"===s?16:r,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6 2C3.79086 2 2 3.79086 2 6V18C2 20.2091 3.79086 22 6 22H18C20.2091 22 22 20.2091 22 18V6C22 3.79086 20.2091 2 18 2H6ZM20.5303 7.53033C20.8232 7.23744 20.8232 6.76256 20.5303 6.46967C20.2374 6.17678 19.7626 6.17678 19.4697 6.46967L10 15.9393L5.53033 11.4697C5.23744 11.1768 4.76256 11.1768 4.46967 11.4697C4.17678 11.7626 4.17678 12.2374 4.46967 12.5303L9.46967 17.5303C9.76256 17.8232 10.2374 17.8232 10.5303 17.5303L20.5303 7.53033Z",fill:"#03BCD4"})})}));export{l as CheckboxCheckedCustomIcon};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxIndeterminate.d.ts","sourceRoot":"","sources":["../../../../src/icons/customIcons/icons/CheckboxIndeterminate.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,+BAA+B,
|
|
1
|
+
{"version":3,"file":"CheckboxIndeterminate.d.ts","sourceRoot":"","sources":["../../../../src/icons/customIcons/icons/CheckboxIndeterminate.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,+BAA+B,qFAyB8N,IAAK,OAAO,AADrR,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as e}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsx as i}from"react/jsx-runtime";import{withCustomIconSize as t}from"../../WithCustomSize.js";var l=t((function(t){var l=t.width,o=void 0===l?24:l,s=t.height,
|
|
1
|
+
import{__rest as e}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsx as i}from"react/jsx-runtime";import{withCustomIconSize as t}from"../../WithCustomSize.js";var l=t((function(t){var l=t.width,o=void 0===l?24:l,s=t.height,m=void 0===s?24:s,r=t.fontSize,d=t.className;return e(t,["width","height","fontSize","className"]),i("svg",{className:d,width:"small"===r?16:o,height:"small"===r?16:m,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6 2C3.79086 2 2 3.79086 2 6V18C2 20.2091 3.79086 22 6 22H18C20.2091 22 22 20.2091 22 18V6C22 3.79086 20.2091 2 18 2H6ZM5.22581 11.25C4.82495 11.25 4.5 11.5858 4.5 12C4.5 12.4142 4.82495 12.75 5.22581 12.75H18.7742C19.175 12.75 19.5 12.4142 19.5 12C19.5 11.5858 19.175 11.25 18.7742 11.25H5.22581Z",fill:"#03BCD4"})})}));export{l as CheckboxIndeterminateCustomIcon};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioChecked.d.ts","sourceRoot":"","sources":["../../../../src/icons/customIcons/icons/RadioChecked.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,sBAAsB,
|
|
1
|
+
{"version":3,"file":"RadioChecked.d.ts","sourceRoot":"","sources":["../../../../src/icons/customIcons/icons/RadioChecked.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,sBAAsB,qFAsB6T,IAAK,OAAO,AAD3W,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as t,jsx as i}from"react/jsx-runtime";import{withCustomIconSize as e}from"../../WithCustomSize.js";var o=e((function(e){var o=e.width,r=void 0===o?24:o,s=e.height,h=void 0===s?24:s,l=e.className,a=e.fontSize;return t("svg",{className:l,xmlns:"http://www.w3.org/2000/svg",width:"small"===a?16:r,height:"small"===a?16:h,viewBox:"0 0 24 24",fill:"none",children:[i("path",{d:"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",stroke:"#03BCD4",
|
|
1
|
+
import{jsxs as t,jsx as i}from"react/jsx-runtime";import{withCustomIconSize as e}from"../../WithCustomSize.js";var o=e((function(e){var o=e.width,r=void 0===o?24:o,s=e.height,h=void 0===s?24:s,l=e.className,a=e.fontSize;return t("svg",{className:l,xmlns:"http://www.w3.org/2000/svg",width:"small"===a?16:r,height:"small"===a?16:h,viewBox:"0 0 24 24",fill:"none",children:[i("path",{d:"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",stroke:"#03BCD4",strokeWidth:"1.5"}),i("path",{d:"M12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z",fill:"#03BCD4"})]})}));export{o as RadioCheckedCustomIcon};
|
package/package.json
CHANGED
|
@@ -11,6 +11,7 @@ type SbPlaceholderProps = {
|
|
|
11
11
|
children?: ReactNode;
|
|
12
12
|
className?: string;
|
|
13
13
|
onClick?: () => void;
|
|
14
|
+
style?: CSSProperties;
|
|
14
15
|
};
|
|
15
16
|
export declare const SbPlaceholder: import("react").ForwardRefExoticComponent<SbPlaceholderProps & import("react").RefAttributes<any>>;
|
|
16
17
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/storyBookHelpers/components.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,aAAa,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAO5F,eAAO,MAAM,QAAQ,8BAGlB;IACD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;CAC1C,gBAIA,CAAC;AAEF,eAAO,MAAM,KAAK,8BAGf;IACD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;CAC1C,gBAIA,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/storyBookHelpers/components.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,aAAa,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAO5F,eAAO,MAAM,QAAQ,8BAGlB;IACD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;CAC1C,gBAIA,CAAC;AAEF,eAAO,MAAM,KAAK,8BAGf;IACD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;CAC1C,gBAIA,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,aAAa,oGAkBzB,CAAC"}
|