@zonos/amino 5.1.27 → 5.1.28

package/components/filter/filter-date/FilterDate.d.ts

@@ -5,5 +5,8 @@ type IBadgeFilterDateProps = BaseFilterProps & {
     dispatch: Dispatch<FilterDateAction>;
     filter: FilterDateState;
 };
+/**
+ * Assumes exclusive date range. Specific formats/ranges should be handled upstream.
+ */
 export declare const FilterDate: ({ dispatch, dropdownTitle, filter, label, }: IBadgeFilterDateProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/filter/filter-date/_DateControls/_IsInTheLast.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("dayjs"),n=require("../dateUtils.js"),u=require("../filterDateReducer.js"),s=require("../../../input/Input.js"),i=require("../../../select/Select.js");function a(e){return e&&e.__esModule?e:{default:e}}require("../../../../_tslib-ccfac372.js"),require("styled-components"),require("../../../../styles/constants/theme.js"),require("lodash/cloneDeep"),require("../../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../input/input-type/_DateInput.js"),require("../../../input/input-type/_FloatLabelInput.js"),require("../../../../utils/getTestId.js"),require("../../../../icons/CalendarIcon.js"),require("../../../../icons/icon-base/_IconBase.js"),require("../../../input/input-type/_NumberInput.js"),require("../../../../icons/ChevronDownIcon.js"),require("../../../../icons/ChevronUpIcon.js"),require("../../../input/input-type/_PasswordInput.js"),require("../../../../icons/EyeIcon.js"),require("../../../../icons/EyeOffIcon.js"),require("../../../input/input-type/_TimeInput.js"),require("../../../../icons/ClockIcon.js"),require("../../../select/_StyledReactSelect.js"),require("react-select"),require("../../../checkbox/Checkbox.js"),require("clsx"),require("framer-motion"),require("../../../../icons/CheckmarkIcon.js"),require("../../../../icons/CheckCircleIcon.js"),require("../../../../icons/DoubleChevronIcon.js"),require("../../../../icons/RemoveCircleIcon.js"),require("../../../../icons/RemoveIcon.js");var o=a(r),c=u.dateUnits.map((function(e){return{label:e,value:e}}));exports.IsInTheLast=function(r){var u=r.onChange,a=r.onChangeFilterText,l=r.value,q=o.default().format(n.defaultDateFormat),p=t.useMemo((function(){return{count:l.lastCount,unit:l.lastUnit}}),[l]),f=p.count,d=p.unit,j=t.useCallback((function(e){if("days"===e){var t=o.default().subtract(l.lastCount,l.lastUnit).format(n.defaultDateFormat);u({dateBegin:t,dateEnd:q,lastCount:f,lastUnit:e})}else{t=o.default().subtract(1,"months").format(n.defaultDateFormat);u({dateBegin:t,dateEnd:q,lastCount:f,lastUnit:e})}}),[f,q,u,l.lastCount,l.lastUnit]),m=t.useCallback((function(e){var t=o.default().subtract(e,"days").format(n.defaultDateFormat);u({dateBegin:t,dateEnd:q,lastCount:e,lastUnit:d})}),[q,u,d]);return t.useEffect((function(){m(5)}),[m]),t.useEffect((function(){var e="Last ".concat(f," ").concat(d);a(e)}),[d,f,a]),e.jsxs(n.DateControlsWrapper,{children:[e.jsx(s.Input,{min:1,onChange:function(e){return m(parseFloat(e.target.value))},size:"sm",suffix:e.jsx(e.Fragment,{}),type:"number",value:String(f)}),e.jsx(i.Select,{isClearable:!1,onChange:function(e){j((null==e?void 0:e.value)||"days")},options:c,size:"sm",value:c.filter((function(e){return e.value===d}))})]})};
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("dayjs"),n=require("../dateUtils.js"),u=require("../filterDateReducer.js"),i=require("../../../input/Input.js"),s=require("../../../select/Select.js");function a(e){return e&&e.__esModule?e:{default:e}}require("../../../../_tslib-ccfac372.js"),require("styled-components"),require("../../../../styles/constants/theme.js"),require("lodash/cloneDeep"),require("../../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../input/input-type/_DateInput.js"),require("../../../input/input-type/_FloatLabelInput.js"),require("../../../../utils/getTestId.js"),require("../../../../icons/CalendarIcon.js"),require("../../../../icons/icon-base/_IconBase.js"),require("../../../input/input-type/_NumberInput.js"),require("../../../../icons/ChevronDownIcon.js"),require("../../../../icons/ChevronUpIcon.js"),require("../../../input/input-type/_PasswordInput.js"),require("../../../../icons/EyeIcon.js"),require("../../../../icons/EyeOffIcon.js"),require("../../../input/input-type/_TimeInput.js"),require("../../../../icons/ClockIcon.js"),require("../../../select/_StyledReactSelect.js"),require("react-select"),require("../../../checkbox/Checkbox.js"),require("clsx"),require("framer-motion"),require("../../../../icons/CheckmarkIcon.js"),require("../../../../icons/CheckCircleIcon.js"),require("../../../../icons/DoubleChevronIcon.js"),require("../../../../icons/RemoveCircleIcon.js"),require("../../../../icons/RemoveIcon.js");var o=a(r),c=u.dateUnits.map((function(e){return{label:e,value:e}}));exports.IsInTheLast=function(r){var u=r.onChange,a=r.onChangeFilterText,l=r.value,q=t.useMemo((function(){return{count:l.lastCount,unit:l.lastUnit}}),[l]),p=q.count,j=q.unit,f=t.useCallback((function(e){var t=o.default().subtract(p,e).format(n.defaultDateFormat);u({dateBegin:t,dateEnd:null,lastCount:p,lastUnit:e})}),[p,u]),d=t.useCallback((function(e){var t=o.default().subtract(e,j).format(n.defaultDateFormat);u({dateBegin:t,dateEnd:null,lastCount:e,lastUnit:j})}),[u,j]);return t.useEffect((function(){var e=o.default().subtract(p,j).format(n.defaultDateFormat);u({dateBegin:e,dateEnd:null,lastCount:p,lastUnit:j})}),[p,u,j]),t.useEffect((function(){var e="Last ".concat(p," ").concat(j);a(e)}),[j,p,a]),e.jsxs(n.DateControlsWrapper,{children:[e.jsx(i.Input,{min:1,onChange:function(e){return d(parseFloat(e.target.value))},size:"sm",suffix:e.jsx(e.Fragment,{}),type:"number",value:String(p)}),e.jsx(s.Select,{isClearable:!1,onChange:function(e){f((null==e?void 0:e.value)||"days")},options:c,size:"sm",value:c.filter((function(e){return e.value===j}))})]})};

package/components/filter/filter-select/FilterSelect.js

@@ -1 +1 @@
-"use strict";var e=require("../../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("react"),i=require("../useFilterWrapper.js"),s=require("../../select/Select.js");require("styled-components"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../styles/constants/theme.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../text/Text.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js"),require("../../help-text/HelpText.js"),require("../../select/_StyledReactSelect.js"),require("react-select"),require("../../checkbox/Checkbox.js"),require("clsx"),require("../../../icons/CheckmarkIcon.js"),require("../../../utils/getTestId.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");exports.FilterSelect=function(t){var u=t.onChange,o=t.options,c=t.value,l=e.__rest(t,["onChange","options","value"]),a=e.__read(n.useState(c),2),q=a[0],p=a[1],j=e.__read(n.useState(!1),2),v=j[0],C=j[1];return(0,i.useFilterWrapper(e.__assign(e.__assign({},l),{filterExists:null!==q,onApply:function(e){u(q),e("is ".concat((null==q?void 0:q.label)||""))},onRemove:function(){u(null),p(null)}})).renderWrapper)(r.jsx(s.Select,{isClearable:!1,onChange:p,onKeyDown:function(e){"Enter"===e.key&&v&&e.stopPropagation()},onMenuClose:function(){return C(!1)},onMenuOpen:function(){return C(!0)},options:o,size:"sm",value:o.filter((function(e){return e.value===(null==q?void 0:q.value)}))}))};
+"use strict";var e=require("../../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("react"),i=require("../useFilterWrapper.js"),s=require("../../select/Select.js");require("styled-components"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../styles/constants/theme.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../text/Text.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js"),require("../../help-text/HelpText.js"),require("../../select/_StyledReactSelect.js"),require("react-select"),require("../../checkbox/Checkbox.js"),require("clsx"),require("../../../icons/CheckmarkIcon.js"),require("../../../utils/getTestId.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");exports.FilterSelect=function(t){var o=t.onChange,u=t.options,c=t.value,l=e.__rest(t,["onChange","options","value"]),a=e.__read(n.useState(c),2),q=a[0],p=a[1],j=e.__read(n.useState(!1),2),v=j[0],C=j[1];return(0,i.useFilterWrapper(e.__assign(e.__assign({},l),{filterExists:!!c,onApply:function(e){o(q),e("is ".concat((null==q?void 0:q.label)||""))},onRemove:function(){o(null),p(null)}})).renderWrapper)(r.jsx(s.Select,{isClearable:!1,onChange:p,onKeyDown:function(e){"Enter"===e.key&&v&&e.stopPropagation()},onMenuClose:function(){return C(!1)},onMenuOpen:function(){return C(!0)},options:u,size:"sm",value:u.filter((function(e){return e.value===(null==q?void 0:q.value)}))}))};

package/components/filter/useFilterWrapper.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("react"),t=require("styled-components"),o=require("../button/Button.js"),i=require("../text/Text.js"),a=require("../../icons/ChevronDownIcon.js"),l=require("../../icons/MinusCircleDuotoneIcon.js"),s=require("../../icons/PlusCircleDuotoneIcon.js"),d=require("../../styles/constants/theme.js");function u(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../icons/icon-base/_IconBase.js");var c,p,x,m,b,f,h=u(t),g=h.default.div(c||(c=e.__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"]))),v=h.default.div(p||(p=e.__makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  border-radius: 100px;\n  border: 1px dashed ",";\n  background-color: transparent;\n  color: ",";\n\n  &.active {\n    border: ",";\n  }\n"],["\n  display: inline-flex;\n  align-items: center;\n  border-radius: 100px;\n  border: 1px dashed ",";\n  background-color: transparent;\n  color: ",";\n\n  &.active {\n    border: ",";\n  }\n"])),d.theme.gray200,d.theme.gray700,d.theme.border),j=h.default.div(x||(x=e.__makeTemplateObject(["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: ",";\n  padding: ",";\n  border-radius: 100px;\n\n  border-top-right-radius: ",";\n  border-bottom-right-radius: ",";\n\n  border-right: 1px solid ",";\n\n  &:hover {\n    background-color: ",";\n  }\n"],["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: ",";\n  padding: ",";\n  border-radius: 100px;\n\n  border-top-right-radius: ",";\n  border-bottom-right-radius: ",";\n\n  border-right: 1px solid ",";\n\n  &:hover {\n    background-color: ",";\n  }\n"])),d.theme.space8,d.theme.space8,(function(e){return e.hasFilter?"0px":"100px"}),(function(e){return e.hasFilter?"0px":"100px"}),(function(e){return e.active?d.theme.borderColor:d.theme.gray200}),d.theme.gray100),y=h.default.div(m||(m=e.__makeTemplateObject(["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: ",";\n  padding: ",";\n  border-radius: 100px;\n\n  border-top-left-radius: 0px;\n  border-bottom-left-radius: 0px;\n\n  &:hover {\n    background-color: ",";\n  }\n"],["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: ",";\n  padding: ",";\n  border-radius: 100px;\n\n  border-top-left-radius: 0px;\n  border-bottom-left-radius: 0px;\n\n  &:hover {\n    background-color: ",";\n  }\n"])),d.theme.space8,d.theme.space8,d.theme.gray100),_=h.default.div(b||(b=e.__makeTemplateObject(["\n  z-index: 1;\n  min-width: 400px;\n  position: absolute;\n  border-radius: 14px;\n  border: ",";\n  background-color: ",";\n  padding: ",";\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n  outline: none;\n  max-height: 600px;\n  overflow: auto;\n"],["\n  z-index: 1;\n  min-width: 400px;\n  position: absolute;\n  border-radius: 14px;\n  border: ",";\n  background-color: ",";\n  padding: ",";\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n  outline: none;\n  max-height: 600px;\n  overflow: auto;\n"])),d.theme.border,d.theme.gray0,d.theme.space24,d.theme.space16),k=h.default.div(f||(f=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"])),d.theme.space12);exports.useFilterWrapper=function(t){var d=t.className,u=t.dropdownTitle,c=t.filterExists,p=t.label,x=t.onApply,m=t.onRemove,b=e.__read(r.useState(!1),2),f=b[0],h=b[1],q=e.__read(r.useState(!1),2),T=q[0],C=q[1],w=e.__read(r.useState("Filter"),2),E=w[0],I=w[1],D=r.useRef(null),F=r.useRef(null),S=function(){h(!0),x(I),C(!1)},O=function(e){"Escape"===e.key&&C(!1),"Enter"===e.key&&S()},R=r.useCallback((function(e){var n,r=e.target;r instanceof Element&&!(null===(n=D.current)||void 0===n?void 0:n.contains(r))&&C(!1)}),[]);r.useEffect((function(){var e,n,r;return null===(e=document.querySelector("body"))||void 0===e||e.addEventListener("mousedown",R),(null===(n=D.current)||void 0===n?void 0:n.contains(document.activeElement))||null===(r=D.current)||void 0===r||r.focus(),function(){var e;null===(e=document.querySelector("body"))||void 0===e||e.removeEventListener("mousedown",R)}}),[T,R]),r.useEffect((function(){var e;if(T){var n=null===(e=D.current)||void 0===e?void 0:e.querySelector("input");null==n||n.focus()}}),[T]);var z=function(e){e.stopPropagation(),C(!0)},W=function(){c?(h(!f),m()):C(!0)};r.useEffect((function(){c||h(!1)}),[c]);return{handleApplyFilter:S,renderWrapper:function(e){return n.jsxs(g,{ref:F,children:[n.jsxs(v,{className:[d,f&&"active"].join(" "),onClick:W,children:[n.jsxs(j,{active:f,hasFilter:c,children:[f?n.jsx(l.MinusCircleDuotoneIcon,{size:16}):n.jsx(s.PlusCircleDuotoneIcon,{size:16}),n.jsx(i.Text,{fontWeight:600,children:p})]}),f&&c&&n.jsxs(y,{onClick:z,children:[n.jsx(i.Text,{color:"blue600",fontWeight:600,children:E}),n.jsx(a.ChevronDownIcon,{size:16})]})]}),T&&n.jsxs(_,{ref:D,onKeyDown:O,tabIndex:-1,children:[n.jsx(i.Text,{type:"bold-subheader",children:u}),n.jsx(k,{children:e}),n.jsx(o.Button,{onClick:S,variant:"primary",children:"Apply"})]})]})},setFilterText:I}};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("react"),t=require("styled-components"),o=require("../button/Button.js"),i=require("../text/Text.js"),a=require("../../icons/ChevronDownIcon.js"),l=require("../../icons/MinusCircleDuotoneIcon.js"),s=require("../../icons/PlusCircleDuotoneIcon.js"),d=require("../../styles/constants/theme.js");function u(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../icons/icon-base/_IconBase.js");var c,p,x,m,b,f,h=u(t),g=h.default.div(c||(c=e.__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"]))),v=h.default.div(p||(p=e.__makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  border-radius: 100px;\n  border: 1px dashed ",";\n  background-color: transparent;\n  color: ",";\n\n  &.active {\n    border: ",";\n  }\n"],["\n  display: inline-flex;\n  align-items: center;\n  border-radius: 100px;\n  border: 1px dashed ",";\n  background-color: transparent;\n  color: ",";\n\n  &.active {\n    border: ",";\n  }\n"])),d.theme.gray200,d.theme.gray700,d.theme.border),j=h.default.div(x||(x=e.__makeTemplateObject(["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: ",";\n  padding: ",";\n  border-radius: 100px;\n\n  border-top-right-radius: ",";\n  border-bottom-right-radius: ",";\n\n  border-right: 1px solid ",";\n\n  &:hover {\n    background-color: ",";\n  }\n"],["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: ",";\n  padding: ",";\n  border-radius: 100px;\n\n  border-top-right-radius: ",";\n  border-bottom-right-radius: ",";\n\n  border-right: 1px solid ",";\n\n  &:hover {\n    background-color: ",";\n  }\n"])),d.theme.space8,d.theme.space8,(function(e){return e.hasFilter?"0px":"100px"}),(function(e){return e.hasFilter?"0px":"100px"}),(function(e){return e.active?d.theme.borderColor:d.theme.gray200}),d.theme.gray100),y=h.default.div(m||(m=e.__makeTemplateObject(["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: ",";\n  padding: ",";\n  border-radius: 100px;\n\n  border-top-left-radius: 0px;\n  border-bottom-left-radius: 0px;\n\n  &:hover {\n    background-color: ",";\n  }\n"],["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: ",";\n  padding: ",";\n  border-radius: 100px;\n\n  border-top-left-radius: 0px;\n  border-bottom-left-radius: 0px;\n\n  &:hover {\n    background-color: ",";\n  }\n"])),d.theme.space8,d.theme.space8,d.theme.gray100),_=h.default.div(b||(b=e.__makeTemplateObject(["\n  z-index: 1;\n  min-width: 400px;\n  position: absolute;\n  border-radius: 14px;\n  border: ",";\n  background-color: ",";\n  padding: ",";\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n  outline: none;\n  max-height: 600px;\n  overflow: auto;\n"],["\n  z-index: 1;\n  min-width: 400px;\n  position: absolute;\n  border-radius: 14px;\n  border: ",";\n  background-color: ",";\n  padding: ",";\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n  outline: none;\n  max-height: 600px;\n  overflow: auto;\n"])),d.theme.border,d.theme.gray0,d.theme.space24,d.theme.space16),k=h.default.div(f||(f=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"])),d.theme.space12);exports.useFilterWrapper=function(t){var d=t.className,u=t.dropdownTitle,c=t.filterExists,p=t.label,x=t.onApply,m=t.onRemove,b=e.__read(r.useState(!1),2),f=b[0],h=b[1],q=e.__read(r.useState(!1),2),T=q[0],C=q[1],w=e.__read(r.useState("Filter"),2),E=w[0],I=w[1],D=r.useRef(null),F=r.useRef(null),S=function(){h(!0),x(I),C(!1)},O=function(e){"Escape"===e.key&&C(!1),"Enter"===e.key&&S()},R=r.useCallback((function(e){var n,r=e.target;r instanceof Element&&!(null===(n=D.current)||void 0===n?void 0:n.contains(r))&&C(!1)}),[]);r.useEffect((function(){var e,n,r;return null===(e=document.querySelector("body"))||void 0===e||e.addEventListener("mousedown",R),(null===(n=D.current)||void 0===n?void 0:n.contains(document.activeElement))||null===(r=D.current)||void 0===r||r.focus(),function(){var e;null===(e=document.querySelector("body"))||void 0===e||e.removeEventListener("mousedown",R)}}),[T,R]),r.useEffect((function(){var e;if(T){var n=null===(e=D.current)||void 0===e?void 0:e.querySelector("input");null==n||n.focus()}}),[T]);var z=function(e){e.stopPropagation(),C(!0)},W=function(){c?(h(!f),m()):C(!0)};r.useEffect((function(){c||h(!1)}),[c]);return{handleApplyFilter:S,renderWrapper:function(e){return n.jsxs(g,{ref:F,children:[n.jsxs(v,{className:[d,f&&"active"].join(" "),onClick:W,children:[n.jsxs(j,{active:f,hasFilter:f&&c,children:[f?n.jsx(l.MinusCircleDuotoneIcon,{size:16}):n.jsx(s.PlusCircleDuotoneIcon,{size:16}),n.jsx(i.Text,{fontWeight:600,children:p})]}),f&&c&&n.jsxs(y,{onClick:z,children:[n.jsx(i.Text,{color:"blue600",fontWeight:600,children:E}),n.jsx(a.ChevronDownIcon,{size:16})]})]}),T&&n.jsxs(_,{ref:D,onKeyDown:O,tabIndex:-1,children:[n.jsx(i.Text,{type:"bold-subheader",children:u}),n.jsx(k,{children:e}),n.jsx(o.Button,{onClick:S,variant:"primary",children:"Apply"})]})]})},setFilterText:I}};

package/components/simple-table/SimpleTable.d.ts

@@ -59,9 +59,18 @@ export type SimpleTableProps<T extends object> = {
         anySelected?: boolean;
         enabled: boolean;
         headerCheckboxValue?: boolean;
+        /**
+         * Overrides custom handlers for more control
+         */
+        renderCustomHeaderCheckbox?: ReactNode;
+        isRowCheckboxDisabled?: (item: T, index: number) => boolean;
         isRowChecked?: (item: T, index: number) => boolean;
         onHeaderCheckboxChange?: (checked: boolean) => void;
         onRowCheckboxChange?: (checked: boolean, item: T, index: number) => void;
+        /**
+         * Overrides custom handlers for more control
+         */
+        renderCustomRowCheckbox?: (item: T, index: number) => ReactNode;
     };
     /** Adding unique list keys */
     keyExtractor: (item: T) => string;

package/components/simple-table/SimpleTable.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),r=require("../checkbox/Checkbox.js"),o=require("../skeleton/Skeleton.js"),i=require("../text/Text.js"),a=require("../../styles/constants/theme.js");function l(e){return e&&e.__esModule?e:{default:e}}require("react"),require("clsx"),require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js");var c,d,s,h,u,x,g,m=l(t),p=m.default.table(c||(c=e.__makeTemplateObject(["\n  width: 100%;\n"],["\n  width: 100%;\n"]))),b=m.default.thead(d||(d=e.__makeTemplateObject(["\n  text-transform: uppercase;\n"],["\n  text-transform: uppercase;\n"]))),k=m.default.tr(s||(s=e.__makeTemplateObject(["\n  border-bottom: ",";\n  height: 48px;\n"],["\n  border-bottom: ",";\n  height: 48px;\n"])),a.theme.border),v=m.default.th(h||(h=e.__makeTemplateObject(["\n  padding: ",";\n  white-space: nowrap;\n  text-align: ",";\n"],["\n  padding: ",";\n  white-space: nowrap;\n  text-align: ",";\n"])),a.theme.space16,(function(e){return e.$textAlign})),j=m.default.tr(u||(u=e.__makeTemplateObject(["\n  height: 48px;\n  cursor: ",";\n  & {\n    border-bottom: ",";\n  }\n\n  &.with-hover:hover {\n    background-color: ",";\n  }\n\n  &:not(:hover) {\n    .row-hover-show {\n      visibility: collapse;\n    }\n  }\n"],["\n  height: 48px;\n  cursor: ",";\n  & {\n    border-bottom: ",";\n  }\n\n  &.with-hover:hover {\n    background-color: ",";\n  }\n\n  &:not(:hover) {\n    .row-hover-show {\n      visibility: collapse;\n    }\n  }\n"])),(function(e){return e.clickable?"pointer":"auto"}),a.theme.border,a.theme.gray50),f=m.default.td(x||(x=e.__makeTemplateObject(["\n  padding: ",";\n  text-align: ",";\n\n  &:not(:hover) {\n    .cell-hover-show {\n      visibility: collapse;\n    }\n  }\n"],["\n  padding: ",";\n  text-align: ",";\n\n  &:not(:hover) {\n    .cell-hover-show {\n      visibility: collapse;\n    }\n  }\n"])),(function(e){return e.$noPadding?void 0:a.theme.space16}),(function(e){return e.$textAlign})),w=m.default(r.Checkbox)(g||(g=e.__makeTemplateObject(["\n  padding: ",";\n  display: inline-flex;\n"],["\n  padding: ",";\n  display: inline-flex;\n"])),a.theme.space16);exports.SimpleTable=function(t){var r=t.className,a=t.headers,l=t.items,c=t.keyExtractor,d=t.loading,s=void 0!==d&&d,h=t.loadingItems,u=void 0===h?10:h,x=t.noHoverBackground,g=void 0!==x&&x,m=t.onRowClick,y=t.onRowHover,C=t.renderFooter,_=t.selectable,q=void 0===_?{enabled:!1}:_;return n.jsxs(p,{className:r,children:[n.jsxs("colgroup",{children:[!!q.onHeaderCheckboxChange&&n.jsx("col",{width:0}),a.map((function(e){return n.jsx("col",{width:void 0!==e.width?"".concat(e.width,"%"):void 0},e.key)}))]}),n.jsx(b,{children:n.jsxs(k,{children:[!!q.onHeaderCheckboxChange&&n.jsx("th",{children:n.jsx(w,{checked:!s&&q.headerCheckboxValue||!1,disabled:s,onChange:q.onHeaderCheckboxChange})}),a.map((function(e){return n.jsx(v,{$textAlign:e.align||"start",children:n.jsx(i.Text,{color:"gray800",type:"small-header",children:e.name})},e.key)}))]})}),n.jsx("tbody",{children:s?e.__spreadArray([],e.__read(Array(u+1).keys()),!1).map((function(e){return n.jsx(j,{clickable:!1,children:a.map((function(t){return n.jsx(f,{$noPadding:!!t.noPadding,$textAlign:"center",children:n.jsx(o.Skeleton,{height:30},e)},t.key)}))},e)})):l.map((function(e,t){var r;return n.jsxs(j,{className:g?"":"with-hover",clickable:!!m,onClick:function(){var n,r;q.anySelected?null===(n=q.onRowCheckboxChange)||void 0===n||n.call(q,!(null===(r=q.isRowChecked)||void 0===r?void 0:r.call(q,e,t)),e,t):null==m||m(e)},onMouseEnter:function(){return null==y?void 0:y(e)},children:[q.enabled&&n.jsx("td",{children:n.jsx(w,{checked:(null===(r=q.isRowChecked)||void 0===r?void 0:r.call(q,e,t))||!1,onChange:function(n){var r;return null===(r=q.onRowCheckboxChange)||void 0===r?void 0:r.call(q,n,e,t)}})}),a.map((function(t){return function(e,t){var r=t[e.key];return e.renderCustom?n.jsx(f,{$noPadding:e.noPadding||!1,$textAlign:e.align||"start",children:e.renderCustom(r,t)},e.key):n.jsx(f,{$noPadding:e.noPadding||!1,$textAlign:e.align||"start",children:String(r)},e.key)}(t,e)}))]},c(e))}))}),C]})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),r=require("../checkbox/Checkbox.js"),o=require("../skeleton/Skeleton.js"),i=require("../text/Text.js"),a=require("../../styles/constants/theme.js");function l(e){return e&&e.__esModule?e:{default:e}}require("react"),require("clsx"),require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js");var d,c,s,h,u,x,b,m=l(t),g=m.default.table(d||(d=e.__makeTemplateObject(["\n  width: 100%;\n"],["\n  width: 100%;\n"]))),p=m.default.thead(c||(c=e.__makeTemplateObject(["\n  text-transform: uppercase;\n"],["\n  text-transform: uppercase;\n"]))),v=m.default.tr(s||(s=e.__makeTemplateObject(["\n  border-bottom: ",";\n  height: 48px;\n"],["\n  border-bottom: ",";\n  height: 48px;\n"])),a.theme.border),k=m.default.th(h||(h=e.__makeTemplateObject(["\n  padding: ",";\n  white-space: nowrap;\n  text-align: ",";\n"],["\n  padding: ",";\n  white-space: nowrap;\n  text-align: ",";\n"])),a.theme.space16,(function(e){return e.$textAlign})),j=m.default.tr(u||(u=e.__makeTemplateObject(["\n  height: 48px;\n  cursor: ",";\n  & {\n    border-bottom: ",";\n  }\n\n  &.with-hover:hover {\n    background-color: ",";\n  }\n\n  &:not(:hover) {\n    .row-hover-show {\n      visibility: collapse;\n    }\n  }\n"],["\n  height: 48px;\n  cursor: ",";\n  & {\n    border-bottom: ",";\n  }\n\n  &.with-hover:hover {\n    background-color: ",";\n  }\n\n  &:not(:hover) {\n    .row-hover-show {\n      visibility: collapse;\n    }\n  }\n"])),(function(e){return e.clickable?"pointer":"auto"}),a.theme.border,a.theme.gray50),f=m.default.td(x||(x=e.__makeTemplateObject(["\n  padding: ",";\n  text-align: ",";\n\n  &:not(:hover) {\n    .cell-hover-show {\n      visibility: collapse;\n    }\n  }\n"],["\n  padding: ",";\n  text-align: ",";\n\n  &:not(:hover) {\n    .cell-hover-show {\n      visibility: collapse;\n    }\n  }\n"])),(function(e){return e.$noPadding?void 0:a.theme.space16}),(function(e){return e.$textAlign})),w=m.default(r.Checkbox)(b||(b=e.__makeTemplateObject(["\n  padding: ",";\n  display: inline-flex;\n"],["\n  padding: ",";\n  display: inline-flex;\n"])),a.theme.space16);exports.SimpleTable=function(t){var r=t.className,a=t.headers,l=t.items,d=t.keyExtractor,c=t.loading,s=void 0!==c&&c,h=t.loadingItems,u=void 0===h?10:h,x=t.noHoverBackground,b=void 0!==x&&x,m=t.onRowClick,C=t.onRowHover,y=t.renderFooter,_=t.selectable,q=void 0===_?{enabled:!1}:_;return n.jsxs(g,{className:r,children:[n.jsxs("colgroup",{children:[!!q.onHeaderCheckboxChange&&n.jsx("col",{width:0}),a.map((function(e){return n.jsx("col",{width:void 0!==e.width?"".concat(e.width,"%"):void 0},e.key)}))]}),n.jsx(p,{children:n.jsxs(v,{children:[!!q.onHeaderCheckboxChange&&n.jsx("th",{children:q.renderCustomHeaderCheckbox||n.jsx(w,{checked:!s&&q.headerCheckboxValue||!1,disabled:s,onChange:q.onHeaderCheckboxChange})}),a.map((function(e){return n.jsx(k,{$textAlign:e.align||"start",children:n.jsx(i.Text,{color:"gray800",type:"small-header",children:e.name})},e.key)}))]})}),n.jsx("tbody",{children:s?e.__spreadArray([],e.__read(Array(u+1).keys()),!1).map((function(e){return n.jsx(j,{clickable:!1,children:a.map((function(t){return n.jsx(f,{$noPadding:!!t.noPadding,$textAlign:"center",children:n.jsx(o.Skeleton,{height:30},e)},t.key)}))},e)})):l.map((function(e,t){var r,o,i;return n.jsxs(j,{className:b?"":"with-hover",clickable:!!m,onClick:function(){var n,r,o;q.anySelected?(null===(n=q.isRowCheckboxDisabled)||void 0===n?void 0:n.call(q,e,t))||null===(r=q.onRowCheckboxChange)||void 0===r||r.call(q,!(null===(o=q.isRowChecked)||void 0===o?void 0:o.call(q,e,t)),e,t):null==m||m(e)},onMouseEnter:function(){return null==C?void 0:C(e)},children:[q.enabled&&n.jsx("td",{children:(null===(r=q.renderCustomRowCheckbox)||void 0===r?void 0:r.call(q,e,t))||n.jsx(w,{checked:(null===(o=q.isRowChecked)||void 0===o?void 0:o.call(q,e,t))||!1,disabled:(null===(i=q.isRowCheckboxDisabled)||void 0===i?void 0:i.call(q,e,t))||!1,onChange:function(n){var r;return null===(r=q.onRowCheckboxChange)||void 0===r?void 0:r.call(q,n,e,t)}})}),a.map((function(t){return function(e,t){var r=t[e.key];return e.renderCustom?n.jsx(f,{$noPadding:e.noPadding||!1,$textAlign:e.align||"start",children:e.renderCustom(r,t)},e.key):n.jsx(f,{$noPadding:e.noPadding||!1,$textAlign:e.align||"start",children:String(r)},e.key)}(t,e)}))]},d(e))}))}),y]})};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zonos/amino",
-  "version": "5.1.27",
+  "version": "5.1.28",
   "description": "Core UI components for Amino",
   "repository": "git@github.com:Zonos/amino.git",
   "license": "MIT",