@zonos/amino 5.1.21 → 5.1.23
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/components/filter/filter-amount/FilterAmount.js +1 -1
- package/components/filter/filter-date/DateControls.js +1 -1
- package/components/filter/filter-date/FilterDate.js +1 -1
- package/components/filter/filter-date/_DateControls/_IsBefore.d.ts +2 -0
- package/components/filter/filter-date/_DateControls/_IsBefore.js +1 -0
- package/components/filter/filter-date/_DateControls/_IsBeforeOrOn.js +1 -1
- package/components/filter/filter-date/_DateControls/_IsOnOrAfter.js +1 -1
- package/components/filter/filter-select/FilterSelect.js +1 -1
- package/components/filter/useFilterWrapper.js +1 -1
- package/components/simple-table/SimpleTable.d.ts +3 -2
- package/components/simple-table/SimpleTable.js +1 -1
- package/components/switch/Switch.js +1 -1
- package/icons/PaletteIcon.js +1 -1
- package/package.json +1 -1
- package/styles/constants/theme.d.ts +1 -1
- package/theme.css +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),i=require("./filterAmountReducer.js"),u=require("../useFilterWrapper.js"),o=require("../../input/Input.js"),a=require("../../select/Select.js"),s=require("../../../icons/ArrowRightIcon.js"),l=require("../../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("lodash/cloneDeep"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.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("../../input/input-type/_DateInput.js"),require("../../input/input-type/_FloatLabelInput.js"),require("../../../utils/getTestId.js"),require("../../../icons/CalendarIcon.js"),require("../../input/input-type/_NumberInput.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("../../../icons/CheckmarkIcon.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");var p,m=c(r).default.div(p||(p=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: ",";\n\n svg {\n min-width: 24px;\n }\n"],["\n display: flex;\n align-items: center;\n gap: ",";\n\n svg {\n min-width: 24px;\n }\n"])),l.theme.space8);exports.FilterAmount=function(r){var l=r.dispatch,c=r.dropdownTitle,p=r.filter,q=r.label,j=e.__read(t.useState(p.amountFilterType),2),d=j[0],h=j[1],v=e.__read(t.useState(p.amountTotalMin),2),y=v[0],
|
|
1
|
+
"use strict";var e=require("../../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),i=require("./filterAmountReducer.js"),u=require("../useFilterWrapper.js"),o=require("../../input/Input.js"),a=require("../../select/Select.js"),s=require("../../../icons/ArrowRightIcon.js"),l=require("../../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("lodash/cloneDeep"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.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("../../input/input-type/_DateInput.js"),require("../../input/input-type/_FloatLabelInput.js"),require("../../../utils/getTestId.js"),require("../../../icons/CalendarIcon.js"),require("../../input/input-type/_NumberInput.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("../../../icons/CheckmarkIcon.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");var p,m=c(r).default.div(p||(p=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: ",";\n\n svg {\n min-width: 24px;\n }\n"],["\n display: flex;\n align-items: center;\n gap: ",";\n\n svg {\n min-width: 24px;\n }\n"])),l.theme.space8);exports.FilterAmount=function(r){var l=r.dispatch,c=r.dropdownTitle,p=r.filter,q=r.label,j=e.__read(t.useState(p.amountFilterType),2),d=j[0],h=j[1],v=e.__read(t.useState(p.amountTotalMin),2),y=v[0],f=v[1],g=e.__read(t.useState(p.amountTotalMax),2),b=g[0],I=g[1],x=e.__read(t.useState(!1),2),_=x[0],C=x[1],F=function(e){l({name:"amountFilterType",type:"change",value:e})},T=function(e){l({name:"amountTotalMin",type:"change",value:e.amount1}),l({name:"amountTotalMax",type:"change",value:e.amount2})};return(0,u.useFilterWrapper({dropdownTitle:c,filterExists:p.isActive,label:q,onApply:function(e){F(d);var n="".concat((null==y?void 0:y.toFixed(2))||0)||"",t="".concat((null==b?void 0:b.toFixed(2))||0)||"";switch(d){case"between":T({amount1:y,amount2:b}),e("Between ".concat(n," and ").concat(t));break;case"equal":T({amount1:y,amount2:y}),e("Equal to ".concat(n));break;case"greater":T({amount1:y,amount2:null}),e("Greater than ".concat(n));break;case"less":T({amount1:null,amount2:y}),e("Less than ".concat(n))}l({name:"isActive",type:"change",value:!0})},onRemove:function(){l({name:"isActive",type:"change",value:!1}),F(i.initialFilterAmountState.amountFilterType),T({amount1:null,amount2:null}),h(i.initialFilterAmountState.amountFilterType),f(0),I(0)}}).renderWrapper)(n.jsxs(n.Fragment,{children:[n.jsx(a.Select,{isClearable:!1,onChange:function(e){return h((null==e?void 0:e.value)||i.initialFilterAmountState.amountFilterType)},onKeyDown:function(e){"Enter"===e.key&&_&&e.stopPropagation()},onMenuClose:function(){return C(!1)},onMenuOpen:function(){return C(!0)},options:i.filterAmountOptions,size:"md",value:i.filterAmountOptions.filter((function(e){return e.value===d}))}),n.jsxs(m,{children:[n.jsx(s.ArrowRightIcon,{color:"blue600",size:24}),n.jsx(o.Input,{onChange:function(e){return f(e.target.valueAsNumber)},type:"number",value:null===y?"":String(y)}),"between"===d&&n.jsxs(n.Fragment,{children:["and",n.jsx(o.Input,{onChange:function(e){return I(e.target.valueAsNumber)},type:"number",value:null===b?"":String(b)})]})]})]}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("styled-components"),
|
|
1
|
+
"use strict";var e=require("../../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("react"),t=require("styled-components"),s=require("./_DateControls/_IsAfter.js"),i=require("./_DateControls/_IsBefore.js"),o=require("./_DateControls/_IsBeforeOrOn.js"),u=require("./_DateControls/_IsBetween.js"),a=require("./_DateControls/_IsEqualTo.js"),l=require("./_DateControls/_IsInTheLast.js"),c=require("./_DateControls/_IsOnOrAfter.js"),j=require("./filterDateReducer.js"),q=require("../../select/Select.js"),p=require("../../../icons/ArrowRightIcon.js"),h=require("../../../styles/constants/theme.js");function C(e){return e&&e.__esModule?e:{default:e}}require("dayjs"),require("./dateUtils.js"),require("../../input/Input.js"),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("lodash/cloneDeep"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../select/_StyledReactSelect.js"),require("react-select"),require("../../checkbox/Checkbox.js"),require("framer-motion"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");var I,f=C(t).default.div(I||(I=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: ",";\n\n > svg {\n flex-shrink: 0;\n }\n"],["\n display: flex;\n align-items: center;\n gap: ",";\n\n > svg {\n flex-shrink: 0;\n }\n"])),h.theme.space16),g=j.filterDateRanges.map((function(e){return{label:e,value:e}}));exports.DateControl=function(t){var h=t.onChange,C=t.onChangeFilterText,I=t.rangeType,x=t.setRangeType,_=t.value,v=e.__read(n.useState(!1),2),d=v[0],T=v[1];return r.jsxs(r.Fragment,{children:[r.jsx(q.Select,{isClearable:!1,onChange:function(e){x((null==e?void 0:e.value)||j.initialFilterDateState.dateRangeType)},onKeyDown:function(e){"Enter"===e.key&&d&&e.stopPropagation()},onMenuClose:function(){return T(!1)},onMenuOpen:function(){return T(!0)},options:g,size:"sm",value:g.filter((function(e){return e.value===I}))}),r.jsxs(f,{children:[r.jsx(p.ArrowRightIcon,{color:"blue600"}),function(){switch(I){case"is in the last":return r.jsx(l.IsInTheLast,{onChange:h,onChangeFilterText:C,value:_});case"is equal to":default:return r.jsx(a.IsEqualTo,{onChange:h,onChangeFilterText:C,value:_});case"is after":return r.jsx(s.IsAfter,{onChange:h,onChangeFilterText:C,value:_});case"is before":return r.jsx(i.IsBefore,{onChange:h,onChangeFilterText:C,value:_});case"is between":return r.jsx(u.IsBetween,{onChange:h,onChangeFilterText:C,value:_});case"is on or after":return r.jsx(c.IsOnOrAfter,{onChange:h,onChangeFilterText:C,value:_});case"is before or on":return r.jsx(o.IsBeforeOrOn,{onChange:h,onChangeFilterText:C,value:_})}}()]})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),r=require("react"),n=require("./DateControls.js"),i=require("./filterDateReducer.js"),a=require("../useFilterWrapper.js");require("styled-components"),require("./_DateControls/_IsAfter.js"),require("dayjs"),require("./dateUtils.js"),require("../../../styles/constants/theme.js"),require("../../input/Input.js"),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("./_DateControls/_IsBeforeOrOn.js"),require("./_DateControls/_IsBetween.js"),require("./_DateControls/_IsEqualTo.js"),require("./_DateControls/_IsInTheLast.js"),require("../../select/Select.js"),require("../../select/_StyledReactSelect.js"),require("react-select"),require("../../checkbox/Checkbox.js"),require("framer-motion"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js"),require("./_DateControls/_IsOnOrAfter.js"),require("../../../icons/ArrowRightIcon.js"),require("lodash/cloneDeep"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("uuid"),require("../../button/_Ripple.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js");exports.FilterDate=function(s){var u=s.dispatch,o=s.dropdownTitle,l=s.filter,c=s.label,p=e.__read(r.useState(l.dateData),2),q=p[0],j=p[1],d=e.__read(r.useState(l.dateRangeType),2),D=d[0],I=d[1],y=function(e){u({name:"dateRangeType",type:"change",value:D}),u({name:"dateData.dateBegin",type:"change",value:e.dateBegin||null}),u({name:"dateData.dateEnd",type:"change",value:e.dateEnd||null}),u({name:"dateData.lastCount",type:"change",value:e.lastCount}),u({name:"dateData.lastUnit",type:"change",value:e.lastUnit})},
|
|
1
|
+
"use strict";var e=require("../../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),r=require("react"),n=require("./DateControls.js"),i=require("./filterDateReducer.js"),a=require("../useFilterWrapper.js");require("styled-components"),require("./_DateControls/_IsAfter.js"),require("dayjs"),require("./dateUtils.js"),require("../../../styles/constants/theme.js"),require("../../input/Input.js"),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("./_DateControls/_IsBefore.js"),require("./_DateControls/_IsBeforeOrOn.js"),require("./_DateControls/_IsBetween.js"),require("./_DateControls/_IsEqualTo.js"),require("./_DateControls/_IsInTheLast.js"),require("../../select/Select.js"),require("../../select/_StyledReactSelect.js"),require("react-select"),require("../../checkbox/Checkbox.js"),require("framer-motion"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js"),require("./_DateControls/_IsOnOrAfter.js"),require("../../../icons/ArrowRightIcon.js"),require("lodash/cloneDeep"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("uuid"),require("../../button/_Ripple.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js");exports.FilterDate=function(s){var u=s.dispatch,o=s.dropdownTitle,l=s.filter,c=s.label,p=e.__read(r.useState(l.dateData),2),q=p[0],j=p[1],d=e.__read(r.useState(l.dateRangeType),2),D=d[0],I=d[1],y=function(e){u({name:"dateRangeType",type:"change",value:D}),u({name:"dateData.dateBegin",type:"change",value:e.dateBegin||null}),u({name:"dateData.dateEnd",type:"change",value:e.dateEnd||null}),u({name:"dateData.lastCount",type:"change",value:e.lastCount}),u({name:"dateData.lastUnit",type:"change",value:e.lastUnit})},_=a.useFilterWrapper({dropdownTitle:o,filterExists:!!l.dateData.dateBegin||!!l.dateData.dateEnd,label:c,onApply:function(){y(q),u({name:"isActive",type:"change",value:!0})},onRemove:function(){u({name:"isActive",type:"change",value:!1}),u({name:"dateRangeType",type:"change",value:D}),y(i.initialFilterDateState.dateData),j(i.initialFilterDateState.dateData),I(i.initialFilterDateState.dateRangeType)}}),h=_.renderWrapper,C=_.setFilterText;return h(t.jsx(n.DateControl,{onChange:j,onChangeFilterText:C,rangeType:D,setRangeType:I,value:q}))};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("dayjs"),n=require("../dateUtils.js"),u=require("../../../input/Input.js");function i(e){return e&&e.__esModule?e:{default:e}}require("../../../../_tslib-ccfac372.js"),require("styled-components"),require("../../../../styles/constants/theme.js"),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");var s=i(r);exports.IsBefore=function(r){var i=r.onChange,o=r.onChangeFilterText,a=r.value,c=t.useMemo((function(){return a.dateEnd||s.default().format(n.defaultDateFormat)}),[a]),p=t.useCallback((function(e){i({dateBegin:null,dateEnd:e,lastCount:5,lastUnit:"days"})}),[i]);return t.useEffect((function(){o("Before ".concat(n.formatDate(c)))}),[c,o]),t.useEffect((function(){p(c)}),[c,p]),e.jsx(n.DateControlsWrapper,{children:e.jsx(u.Input,{onChange:function(e){return p(e.target.value)},size:"sm",type:"date",value:c})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("dayjs"),n=require("../dateUtils.js"),u=require("../../../input/Input.js");function s(e){return e&&e.__esModule?e:{default:e}}require("../../../../_tslib-ccfac372.js"),require("styled-components"),require("../../../../styles/constants/theme.js"),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");var i=s(r);exports.IsBeforeOrOn=function(r){var s=r.onChange,a=r.onChangeFilterText,o=r.value,c=t.useMemo((function(){return o.dateEnd||i.default().format(n.defaultDateFormat)}),[o]),l=i.default(c).subtract(1,"days").format(n.defaultDateFormat),p=t.useCallback((function(e){s({dateBegin:null,dateEnd:i.default(e).add(1,"days").format(n.defaultDateFormat),lastCount:5,lastUnit:"days"})}),[s]);return t.useEffect((function(){var e="Ending on ".concat(n.formatDate(l));a(e)}),[l,a]),t.useEffect((function(){p(
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("dayjs"),n=require("../dateUtils.js"),u=require("../../../input/Input.js");function s(e){return e&&e.__esModule?e:{default:e}}require("../../../../_tslib-ccfac372.js"),require("styled-components"),require("../../../../styles/constants/theme.js"),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");var i=s(r);exports.IsBeforeOrOn=function(r){var s=r.onChange,a=r.onChangeFilterText,o=r.value,c=t.useMemo((function(){return o.dateEnd||i.default().format(n.defaultDateFormat)}),[o]),l=i.default(c).subtract(1,"days").format(n.defaultDateFormat),p=t.useCallback((function(e){s({dateBegin:null,dateEnd:i.default(e).add(1,"days").format(n.defaultDateFormat),lastCount:5,lastUnit:"days"})}),[s]);return t.useEffect((function(){var e="Ending on ".concat(n.formatDate(l));a(e)}),[l,a]),t.useEffect((function(){p(l)}),[l,p]),e.jsx(n.DateControlsWrapper,{children:e.jsx(u.Input,{onChange:function(e){return p(e.target.value)},size:"sm",type:"date",value:l})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("dayjs"),n=require("../dateUtils.js"),u=require("../../../input/Input.js");function i(e){return e&&e.__esModule?e:{default:e}}require("../../../../_tslib-ccfac372.js"),require("styled-components"),require("../../../../styles/constants/theme.js"),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");var s=i(r);exports.IsOnOrAfter=function(r){var i=r.onChange,a=r.onChangeFilterText,o=r.value,c=t.useMemo((function(){return o.dateBegin||s.default().format(n.defaultDateFormat)}),[o]),l=s.default(c).add(1,"days").format(n.defaultDateFormat),p=t.useCallback((function(e){i({dateBegin:s.default(e).subtract(1,"days").format(n.defaultDateFormat),dateEnd:null,lastCount:5,lastUnit:"days"})}),[i]);return t.useEffect((function(){var e="Starting from ".concat(n.formatDate(l));a(e)}),[l,a]),t.useEffect((function(){p(
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("dayjs"),n=require("../dateUtils.js"),u=require("../../../input/Input.js");function i(e){return e&&e.__esModule?e:{default:e}}require("../../../../_tslib-ccfac372.js"),require("styled-components"),require("../../../../styles/constants/theme.js"),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");var s=i(r);exports.IsOnOrAfter=function(r){var i=r.onChange,a=r.onChangeFilterText,o=r.value,c=t.useMemo((function(){return o.dateBegin||s.default().format(n.defaultDateFormat)}),[o]),l=s.default(c).add(1,"days").format(n.defaultDateFormat),p=t.useCallback((function(e){i({dateBegin:s.default(e).subtract(1,"days").format(n.defaultDateFormat),dateEnd:null,lastCount:5,lastUnit:"days"})}),[i]);return t.useEffect((function(){var e="Starting from ".concat(n.formatDate(l));a(e)}),[l,a]),t.useEffect((function(){p(l)}),[l,p]),e.jsx(n.DateControlsWrapper,{children:e.jsx(u.Input,{onChange:function(e){return p(e.target.value)},size:"sm",type:"date",value:l})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),
|
|
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("../../../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:null!==q,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)}))}))};
|
|
@@ -1 +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})]}),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}};
|
|
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}};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
2
|
type SimpleTableHeaderBaseProps = {
|
|
3
3
|
/**
|
|
4
4
|
* Text alignment for a column
|
|
@@ -44,6 +44,7 @@ export type SimpleTableProps<T extends object> = {
|
|
|
44
44
|
* Disable hover background color effect on rows
|
|
45
45
|
*/
|
|
46
46
|
noHoverBackground?: boolean;
|
|
47
|
+
renderFooter?: ReactNode;
|
|
47
48
|
/**
|
|
48
49
|
* @default false
|
|
49
50
|
* Show checkbox on each row, and checkbox for toggling all in header
|
|
@@ -73,5 +74,5 @@ export type SimpleTableProps<T extends object> = {
|
|
|
73
74
|
* - 'row-hover-show': Shows only when the row is hovered
|
|
74
75
|
* - 'cell-hover-show': Shows only when the cell is hovered
|
|
75
76
|
*/
|
|
76
|
-
export declare const SimpleTable: <T extends object>({ className, headers, items, keyExtractor, loading, loadingItems, noHoverBackground, onRowClick, onRowHover, selectable, }: SimpleTableProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
77
|
+
export declare const SimpleTable: <T extends object>({ className, headers, items, keyExtractor, loading, loadingItems, noHoverBackground, onRowClick, onRowHover, renderFooter, selectable, }: SimpleTableProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
77
78
|
export {};
|
|
@@ -1 +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("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js");var c,d,s,h,u,x,g=l(t),m=g.default.table(c||(c=e.__makeTemplateObject(["\n width: 100%;\n"],["\n width: 100%;\n"]))),b=g.default.thead(d||(d=e.__makeTemplateObject(["\n text-transform: uppercase;\n"],["\n text-transform: uppercase;\n"]))),p=g.default.tr(s||(s=e.__makeTemplateObject(["\n border-bottom: ",";\n height: 48px;\n"],["\n border-bottom: ",";\n height: 48px;\n"])),a.theme.border),k=g.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})),v=g.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),j=g.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}));exports.SimpleTable=function(t){var a=t.className,l=t.headers,c=t.items,d=t.keyExtractor,s=t.loading,h=void 0!==s&&s,u=t.loadingItems,x=void 0===u?10:u,g=t.noHoverBackground,f=void 0!==g&&g,w=t.onRowClick,y=t.onRowHover,_=t.
|
|
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("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js");var c,d,s,h,u,x,g=l(t),m=g.default.table(c||(c=e.__makeTemplateObject(["\n width: 100%;\n"],["\n width: 100%;\n"]))),b=g.default.thead(d||(d=e.__makeTemplateObject(["\n text-transform: uppercase;\n"],["\n text-transform: uppercase;\n"]))),p=g.default.tr(s||(s=e.__makeTemplateObject(["\n border-bottom: ",";\n height: 48px;\n"],["\n border-bottom: ",";\n height: 48px;\n"])),a.theme.border),k=g.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})),v=g.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),j=g.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}));exports.SimpleTable=function(t){var a=t.className,l=t.headers,c=t.items,d=t.keyExtractor,s=t.loading,h=void 0!==s&&s,u=t.loadingItems,x=void 0===u?10:u,g=t.noHoverBackground,f=void 0!==g&&g,w=t.onRowClick,y=t.onRowHover,_=t.renderFooter,C=t.selectable,$=void 0===C?{enabled:!1}:C;return n.jsxs(m,{className:a,children:[n.jsxs("colgroup",{children:[!!$.onHeaderCheckboxChange&&n.jsx("col",{}),l.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(p,{children:[!!$.onHeaderCheckboxChange&&n.jsx(k,{$textAlign:"center",children:n.jsx(r.Checkbox,{checked:!h&&$.headerCheckboxValue||!1,disabled:h,onChange:$.onHeaderCheckboxChange})}),l.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:h?e.__spreadArray([],e.__read(Array(x+1).keys()),!1).map((function(e){return n.jsx(v,{clickable:!1,children:l.map((function(t){return n.jsx(j,{$noPadding:!!t.noPadding,$textAlign:"center",children:n.jsx(o.Skeleton,{height:30},e)},t.key)}))},e)})):c.map((function(e,t){var o;return n.jsxs(v,{className:f?"":"with-hover",clickable:!!w,onClick:function(){return null==w?void 0:w(e)},onMouseEnter:function(){return null==y?void 0:y(e)},children:[$.enabled&&n.jsx(j,{$noPadding:!1,$textAlign:"center",children:n.jsx(r.Checkbox,{checked:(null===(o=$.selectedRowIndexes)||void 0===o?void 0:o.includes(t))||!1,onChange:function(e){var n;return null===(n=$.onRowCheckboxChange)||void 0===n?void 0:n.call($,e,t)}})}),l.map((function(t){return function(e,t){var r=t[e.key];return e.renderCustom?n.jsx(j,{$noPadding:e.noPadding||!1,$textAlign:e.align||"start",children:e.renderCustom(r,t)},e.key):n.jsx(j,{$noPadding:e.noPadding||!1,$textAlign:e.align||"start",children:String(r)},e.key)}(t,e)}))]},d(e))}))}),_]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("clsx"),i=require("styled-components"),
|
|
1
|
+
"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("clsx"),i=require("styled-components"),a=require("../text/Text.js"),r=require("../../styles/constants/theme.js");function p(n){return n&&n.__esModule?n:{default:n}}var o,l,x,h,d,c,s,g,u,m,b=p(t),f=p(i),k=f.default.div(o||(o=n.__makeTemplateObject(["\n background: ",";\n box-shadow: ",";\n height: 14px;\n width: 14px;\n border-radius: 50%;\n transition: ",";\n position: absolute;\n top: 1px;\n left: ",";\n [data-theme='night'] & {\n background: ",";\n }\n"],["\n background: ",";\n box-shadow: ",";\n height: 14px;\n width: 14px;\n border-radius: 50%;\n transition: ",";\n position: absolute;\n top: 1px;\n left: ",";\n [data-theme='night'] & {\n background: ",";\n }\n"])),r.theme.gray0,(function(n){return n.checked?"0px -1px 1px 0px rgba(68, 94, 238, 0.08) inset, 0px 1px 3px 0px rgba(0, 0, 0, 0.20)":"0px -1px 1px 0px rgba(0, 0, 0, 0.08) inset, 0px 1px 3px 0px rgba(0, 0, 0, 0.20)"}),r.theme.transition,(function(n){return n.checked?"calc(100% - 15px)":"1px"}),r.theme.gray1200),w=f.default(k)(l||(l=n.__makeTemplateObject(["\n height: 28px;\n width: 28px;\n top: 2px;\n left: ",";\n box-shadow:\n 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n 0px 1px 3px 0px rgba(0, 0, 0, 0.4);\n [data-theme='night'] & {\n background: ",";\n }\n"],["\n height: 28px;\n width: 28px;\n top: 2px;\n left: ",";\n box-shadow:\n 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n 0px 1px 3px 0px rgba(0, 0, 0, 0.4);\n [data-theme='night'] & {\n background: ",";\n }\n"])),(function(n){return n.checked?"calc(100% - 30px)":"2px"}),r.theme.gray200),j=f.default.div(x||(x=n.__makeTemplateObject(["\n margin-right: ",";\n width: 32px;\n height: 16px;\n min-width: 32px;\n min-height: 16px;\n line-height: 16px;\n border-radius: 20px;\n background: ",";\n box-shadow: ",";\n display: block;\n user-select: none;\n position: relative;\n"],["\n margin-right: ",";\n width: 32px;\n height: 16px;\n min-width: 32px;\n min-height: 16px;\n line-height: 16px;\n border-radius: 20px;\n background: ",";\n box-shadow: ",";\n display: block;\n user-select: none;\n position: relative;\n"])),r.theme.space16,(function(n){return n.checked?r.theme.primary:r.theme.gray100}),r.theme.v3ShadowInset),y=f.default(j)(h||(h=n.__makeTemplateObject(["\n width: 62px;\n height: 32px;\n min-width: 24px;\n background: ",";\n"],["\n width: 62px;\n height: 32px;\n min-width: 24px;\n background: ",";\n"])),r.theme.gray50),_=f.default(a.Text)(d||(d=n.__makeTemplateObject(["\n margin-bottom: 0;\n"],["\n margin-bottom: 0;\n"]))),v=f.default(a.Text)(c||(c=n.__makeTemplateObject([""],[""]))),T=f.default.span(s||(s=n.__makeTemplateObject(["\n margin-left: 4px;\n color: ",";\n"],["\n margin-left: 4px;\n color: ",";\n"])),r.theme.gray600),O=f.default.div(g||(g=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n line-height: 16px;\n\n svg {\n margin-right: 4px;\n }\n"],["\n display: flex;\n align-items: center;\n line-height: 16px;\n\n svg {\n margin-right: 4px;\n }\n"]))),q=f.default.label(u||(u=n.__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n cursor: pointer;\n\n &.disabled {\n "," {\n opacity: 0.6;\n }\n "," {\n opacity: 0.95;\n }\n "," {\n color: ",";\n }\n "," {\n color: ",";\n }\n\n cursor: not-allowed;\n }\n"],["\n display: flex;\n flex-direction: row;\n cursor: pointer;\n\n &.disabled {\n "," {\n opacity: 0.6;\n }\n "," {\n opacity: 0.95;\n }\n "," {\n color: ",";\n }\n "," {\n color: ",";\n }\n\n cursor: not-allowed;\n }\n"])),j,k,_,r.theme.gray600,v,r.theme.gray400),I=f.default.div(m||(m=n.__makeTemplateObject(["\n position: absolute;\n top: 6px;\n left: ",";\n right: ",";\n svg {\n height: 20px;\n width: 20px;\n }\n"],["\n position: absolute;\n top: 6px;\n left: ",";\n right: ",";\n svg {\n height: 20px;\n width: 20px;\n }\n"])),(function(n){return n.left?"5.8px":"auto"}),(function(n){return n.left?"auto":"5.6px"}));exports.Switch=function(n){var t=n.checked,i=n.className,a=n.disabled,r=n.label,p=n.labelDescription,o=n.labelIcon,l=n.onChange,x=n.subtitle,h=n.switchIconLeft,d=n.switchIconRight,c=null==r?void 0:r.replace(/\s/g,"-").toLowerCase(),s=Boolean(h||d);return e.jsxs(q,{checked:t,className:b.default(i,{disabled:a}),htmlFor:c,onClick:function(){return!a&&l(!t)},children:[s?e.jsxs(y,{checked:t,children:[e.jsx(w,{checked:t,id:c}),e.jsx(I,{left:!0,children:h}),e.jsx(I,{children:d})]}):e.jsx(j,{checked:t,children:e.jsx(k,{checked:t,id:c})}),e.jsxs("div",{children:[e.jsxs(O,{children:[o,e.jsxs(_,{type:"input-label",children:[r,p&&e.jsx(T,{children:p})]})]}),x&&e.jsx(v,{type:"subtitle",children:x})]})]})};
|
package/icons/PaletteIcon.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("react"),c=require("./icon-base/_IconBase.js");require("../styles/constants/theme.js");var s=r.forwardRef((function(r,s){var l=r.className,a=r.color,o=r.size;return e.jsxs(c.IconBase,{ref:s,className:l,color:a,size:o,viewBox:"0 0
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("react"),c=require("./icon-base/_IconBase.js");require("../styles/constants/theme.js");var s=r.forwardRef((function(r,s){var l=r.className,a=r.color,o=r.size;return e.jsxs(c.IconBase,{ref:s,className:l,color:a,size:o,viewBox:"0 0 24 24",children:[e.jsx("path",{d:"M9 16.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Z",fill:"currentColor"}),e.jsx("path",{clipRule:"evenodd",d:"M4 6.75A2.75 2.75 0 0 1 6.75 4h4.5c.857 0 1.623.392 2.127 1.007.193-.027.458-.053.754-.05.559.003 1.444.106 2.043.744l3.08 3.273a2.75 2.75 0 0 1-.038 3.809l-2.93 2.992a.75.75 0 1 1-1.072-1.05l2.93-2.992a1.25 1.25 0 0 0 .018-1.73l-3.08-3.275c-.156-.165-.49-.269-.961-.272-.046 0-.092 0-.136.002.01.096.015.193.015.292v10.5A2.75 2.75 0 0 1 11.25 20h-4.5A2.75 2.75 0 0 1 4 17.25V6.75ZM6.75 5.5c-.69 0-1.25.56-1.25 1.25v10.5c0 .69.56 1.25 1.25 1.25h4.5c.69 0 1.25-.56 1.25-1.25V6.75c0-.69-.56-1.25-1.25-1.25h-4.5Z",fill:"currentColor",fillRule:"evenodd"})]})}));exports.PaletteIcon=s;
|
package/package.json
CHANGED
package/theme.css
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
:root,
|
|
2
2
|
[data-theme='day'] {
|
|
3
3
|
color-scheme: light;
|
|
4
|
-
--amino-transition: all 0.2s ease-in-out 0s, visibility
|
|
4
|
+
--amino-transition: all 0.2s ease-in-out 0s, visibility 0s;
|
|
5
5
|
--amino-type-scale-base: 16px;
|
|
6
6
|
--amino-glass-0: #10111600;
|
|
7
7
|
--amino-glass-50: #1011160a;
|