@openfin/ui-library 0.21.0-alpha.1689351144 → 0.21.0-alpha.1689717866

package/dist/components/input/CheckboxGroup/checkboxGroup.d.ts

@@ -1,10 +1,15 @@
 import * as React from 'react';
 import { UnitPxType } from '../../system/ThemeProvider';
-export type CheckboxGroupProps = React.InputHTMLAttributes<HTMLInputElement> & {
+import { ReactNode } from 'react';
+export type CheckboxGroupProps = {
     gap?: UnitPxType;
     message?: string;
     validationErrorMessage?: string;
     helperText?: string;
     label?: string;
+    children?: ReactNode;
+    disabled?: boolean;
+    onChange?: (values: Array<string>) => void;
+    values?: string[];
 };
 export declare const CheckboxGroup: React.FC<CheckboxGroupProps>;

package/dist/index.js

@@ -710,7 +710,7 @@ var e={8594:(e,t,n)=>{n.d(t,{Z:()=>o});var r=/^((children|dangerouslySetInnerHTM
   &:disabled + ${h} {
     opacity: 0.5;
   }
-`},8051:function(e,t,n){var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),o(n(1),t)},9022:function(e,t,n){var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return o(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.CheckboxGroup=void 0;const a=n(5893),l=i(n(6689)),c=i(n(7518)),s=n(1335),u=n(7769),d=n(1),f=n(7030);t.CheckboxGroup=({disabled:e,gap:t="small",helperText:n,label:r,message:o,name:i,children:c,validationErrorMessage:s,onChange:u})=>{const[w,b]=l.useState([]),y=e=>{const t=e.target.value,n=w.includes(t)?w.filter((e=>e!==t)):[...w,t];b(n),u&&u(e)};return(0,a.jsxs)(v,{children:[r&&(0,a.jsxs)(C,{children:[(0,a.jsx)(p,Object.assign({weight:"bold"},{children:r})),n&&(0,a.jsx)(h,{children:n})]}),(0,a.jsx)(g,Object.assign({gap:t},{children:l.Children.map(c,(t=>{const n=t;return n.type===d.Checkbox?l.cloneElement(n,{name:i,disabled:e,onChange:y,checked:w.includes(n.props.value)}):n}))})),!w.length&&s&&(0,a.jsx)(f.ValidationError,{children:s}),o?(0,a.jsx)(m,Object.assign({disabled:e},{children:o})):null]})};const C=(0,c.default)(s.Box)`
+`},8051:function(e,t,n){var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),o(n(1),t)},9022:function(e,t,n){var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return o(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.CheckboxGroup=void 0;const a=n(5893),l=i(n(6689)),c=i(n(7518)),s=n(1335),u=n(7769),d=n(8051),f=n(7030);t.CheckboxGroup=({disabled:e,gap:t="small",helperText:n,label:r,message:o,children:i,validationErrorMessage:c,values:s,onChange:u})=>{const[w,b]=l.useState(null!=s?s:[]),y=e=>{const t=e.target.value,n=w.includes(t)?w.filter((e=>e!==t)):[...w,t];b(n),u&&u(n)};return(0,a.jsxs)(v,{children:[r&&(0,a.jsxs)(C,{children:[(0,a.jsx)(p,Object.assign({weight:"bold"},{children:r})),n&&(0,a.jsx)(h,{children:n})]}),(0,a.jsx)(g,Object.assign({gap:t},{children:l.Children.map(i,(t=>{const n=t;return n.type===d.Checkbox?l.cloneElement(n,{disabled:e,onChange:y,checked:w.includes(n.props.value)}):n}))})),!w.length&&c&&(0,a.jsx)(f.ValidationError,{children:c}),o?(0,a.jsx)(m,Object.assign({disabled:e},{children:o})):null]})};const C=(0,c.default)(s.Box)`
   display: flex;
   flex-direction: column;
   margin-bottom: ${({theme:e})=>e.px.small};
@@ -817,7 +817,7 @@ var e={8594:(e,t,n)=>{n.d(t,{Z:()=>o});var r=/^((children|dangerouslySetInnerHTM
     appearance: none;
     margin: 0;
   }
-`},5215:function(e,t,n){var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),o(n(2255),t)},2255:function(e,t,n){var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return o(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.RadioGroup=void 0;const a=n(5893),l=i(n(6689)),c=i(n(7518)),s=n(1335),u=n(7769),d=n(2565),f=n(7030);t.RadioGroup=({direction:e="column",label:t,disabled:n,labelSide:r="right",gap:o="small",message:i,helperText:c,name:s,children:u,validationErrorMessage:w,onChange:b})=>{const[y,x]=l.useState(null),L=e=>{x(e.target.value),b&&b(e)};return(0,a.jsxs)(p,{children:[(0,a.jsxs)(C,{children:[(0,a.jsx)(m,Object.assign({weight:"bold"},{children:t})),c&&(0,a.jsx)(h,{children:c})]}),(0,a.jsx)(v,Object.assign({direction:e,labelSide:r,gap:o},{children:l.Children.map(u,(e=>{const t=e;return t.type===d.RadioInput?l.cloneElement(t,{name:s,labelSide:r,disabled:n,onChange:L,checked:t.props.value===y}):t}))})),!y&&w&&(0,a.jsx)(f.ValidationError,{children:w}),i?(0,a.jsx)(g,Object.assign({disabled:n},{children:i})):null]})};const C=(0,c.default)(s.Box)`
+`},5215:function(e,t,n){var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),o(n(2255),t)},2255:function(e,t,n){var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return o(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.RadioGroup=void 0;const a=n(5893),l=i(n(6689)),c=i(n(7518)),s=n(1335),u=n(7769),d=n(2565),f=n(7030);t.RadioGroup=({direction:e="column",label:t,disabled:n,labelSide:r="right",gap:o="small",message:i,helperText:c,name:s,children:u,validationErrorMessage:w,onChange:b,value:y})=>{const[x,L]=l.useState(y),O=e=>{L(e.target.value),b&&b(e)};return(0,a.jsxs)(p,{children:[(0,a.jsxs)(C,{children:[(0,a.jsx)(m,Object.assign({weight:"bold"},{children:t})),c&&(0,a.jsx)(h,{children:c})]}),(0,a.jsx)(v,Object.assign({direction:e,labelSide:r,gap:o},{children:l.Children.map(u,(e=>{const t=e;return t.type===d.RadioInput?l.cloneElement(t,{name:s,labelSide:r,disabled:n,onChange:O,checked:t.props.value===x}):t}))})),!x&&w&&(0,a.jsx)(f.ValidationError,{children:w}),i?(0,a.jsx)(g,Object.assign({disabled:n},{children:i})):null]})};const C=(0,c.default)(s.Box)`
   display: flex;
   flex-direction: column;
   margin-bottom: ${({theme:e})=>e.px.small};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openfin/ui-library",
   "description": "OpenFin UI Component Library",
-  "version": "0.21.0-alpha.1689351144",
+  "version": "0.21.0-alpha.1689717866",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "repository": "github:openfin/ui-library",