@hexure/ui 1.13.72 → 1.13.74
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/dist/cjs/index.js +15 -15
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/ActionDialog/ActionDialog.d.ts +2 -0
- package/dist/cjs/types/components/AppMenu/AppMenu.d.ts +0 -1
- package/dist/cjs/types/components/Drawer/Drawer.d.ts +1 -2
- package/dist/cjs/types/components/Modal/Modal.d.ts +1 -0
- package/dist/esm/index.js +15 -15
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/ActionDialog/ActionDialog.d.ts +2 -0
- package/dist/esm/types/components/AppMenu/AppMenu.d.ts +0 -1
- package/dist/esm/types/components/Drawer/Drawer.d.ts +1 -2
- package/dist/esm/types/components/Modal/Modal.d.ts +1 -0
- package/dist/index.d.ts +86 -85
- package/package.json +1 -1
- /package/dist/cjs/types/components/{MultiSelect → Multiselect}/MultiSelect.d.ts +0 -0
- /package/dist/cjs/types/components/{MultiSelect → Multiselect}/index.d.ts +0 -0
- /package/dist/esm/types/components/{MultiSelect → Multiselect}/MultiSelect.d.ts +0 -0
- /package/dist/esm/types/components/{MultiSelect → Multiselect}/index.d.ts +0 -0
package/dist/cjs/index.js
CHANGED
|
@@ -3018,9 +3018,9 @@ const ActionDialog = (_a) => {
|
|
|
3018
3018
|
title ? (React.createElement(Heading, { "data-itemid": `${baseId}-title`, margin: '0px 0px 20px 0px', type: 'secondary' }, title)) : null,
|
|
3019
3019
|
description ? (React.createElement(Copy, { align: 'center', "data-itemid": `${baseId}-description` }, description)) : null,
|
|
3020
3020
|
primaryButton || secondaryButton || tertiaryButton ? (React.createElement(Buttons$1, { "data-itemid": `${baseId}-buttons` },
|
|
3021
|
-
tertiaryButton ? (React.createElement(Button, Object.assign({}, tertiaryButton, { "data-itemid": `${baseId}
|
|
3022
|
-
secondaryButton ? (React.createElement(Button, Object.assign({}, secondaryButton, { "data-itemid": `${baseId}
|
|
3023
|
-
primaryButton ? (React.createElement(Button, Object.assign({}, primaryButton, { "data-itemid": `${baseId}
|
|
3021
|
+
tertiaryButton ? (React.createElement(Button, Object.assign({}, tertiaryButton, { "data-itemid": tertiaryButton.children || `${baseId}-${tertiaryButton.children}`, dataItemid: tertiaryButton.children || `${baseId}-${tertiaryButton.children}`, format: tertiaryButton.format || 'secondary' }))) : null,
|
|
3022
|
+
secondaryButton ? (React.createElement(Button, Object.assign({}, secondaryButton, { "data-itemid": secondaryButton.children || `${baseId}-${secondaryButton.children}`, dataItemid: secondaryButton.children || `${baseId}-${secondaryButton.children}`, format: secondaryButton.format || 'secondary' }))) : null,
|
|
3023
|
+
primaryButton ? (React.createElement(Button, Object.assign({}, primaryButton, { "data-itemid": primaryButton.children || `${baseId}-${primaryButton.children}`, dataItemid: primaryButton.children || `${baseId}-${primaryButton.children}`, format: primaryButton.format || 'primary' }))) : null)) : null)));
|
|
3024
3024
|
};
|
|
3025
3025
|
|
|
3026
3026
|
const Wrapper$f = styled.div `
|
|
@@ -3305,7 +3305,7 @@ const AppMenu = ({ menu, isCollapsed, footerTag, defaultWidth = '280px', dataIte
|
|
|
3305
3305
|
})),
|
|
3306
3306
|
React.createElement(Footer, { "$isOpen": !collapsed, "data-itemid": `${baseId}-footer` },
|
|
3307
3307
|
React.createElement(FooterInfo, { "$isOpen": !collapsed, "data-itemid": `${baseId}-footer-info` },
|
|
3308
|
-
footerTag && (React.createElement(Tag, {
|
|
3308
|
+
footerTag && (React.createElement(Tag, { dataItemid: `${baseId}-footer-tag`, rotate: collapsed }, footerTag)),
|
|
3309
3309
|
!collapsed && (React.createElement(Copy, { "data-itemid": `${baseId}-footer-copy`, margin: '8px 0 0 0', type: 'small' },
|
|
3310
3310
|
"\u00A9 ",
|
|
3311
3311
|
new Date().getFullYear(),
|
|
@@ -3815,7 +3815,7 @@ const Select = (_a) => {
|
|
|
3815
3815
|
: optionGroups;
|
|
3816
3816
|
return (React.createElement(Wrapper$a, { "$invalid": invalid, "$isInvalidRedBackground": isInvalidRedBackground, "$isWarningError": isWarningError, "$readOnly": readOnly, "$style": style, "data-itemid": `${baseId}-wrapper` },
|
|
3817
3817
|
searchable && (React.createElement(SearchInput$1, Object.assign({ "data-itemid": `${baseId}-search-input`, onChange: handleSearch, placeholder: placeholder, tabIndex: readOnly ? -1 : tabIndex, type: 'text', value: searchTerm }, accessibleProps))),
|
|
3818
|
-
React.createElement(Trigger$1, Object.assign({ "data-itemid": `${baseId}-trigger`, disabled: readOnly, onChange: handleChange, placeholder: placeholder, tabIndex: readOnly ? -1 : tabIndex, value: value }, accessibleProps),
|
|
3818
|
+
React.createElement(Trigger$1, Object.assign({ "data-itemid": `${baseId}-trigger`, disabled: readOnly, id: `${baseId}-trigger`, name: baseId, onChange: handleChange, placeholder: placeholder, tabIndex: readOnly ? -1 : tabIndex, value: value }, accessibleProps),
|
|
3819
3819
|
placeholder && !value && (React.createElement("option", { "data-itemid": `${baseId}-placeholder`, disabled: true, value: '' }, placeholder)),
|
|
3820
3820
|
filteredOptionGroups &&
|
|
3821
3821
|
filteredOptionGroups.map((group, i) => (React.createElement("optgroup", { "data-itemid": `${baseId}-optgroup-${i}`, key: i, label: group.label || `Group ${i}` }, group.options.map((option, j) => (React.createElement("option", { "data-itemid": `${baseId}-option-${i}-${j}`, key: j, style: { color: option.color }, value: option.value }, option.label || option.value)))))),
|
|
@@ -3914,10 +3914,10 @@ onChange = () => { }, style, dataItemid, locale, }) => {
|
|
|
3914
3914
|
const baseId = dataItemid || 'date-picker';
|
|
3915
3915
|
return (React.createElement(React.Fragment, null,
|
|
3916
3916
|
React.createElement(DatePickerWrapper, { "$style": style, "data-itemid": `${baseId}-wrapper` },
|
|
3917
|
-
React.createElement(Select, {
|
|
3917
|
+
React.createElement(Select, { dataItemid: `${baseId}-month-select`, invalid: invalid, onChange: handleMonthChange, options: months, placeholder: (locale === null || locale === void 0 ? void 0 : locale.SelectMonth) ? locale === null || locale === void 0 ? void 0 : locale.SelectMonth : 'Select Month', readOnly: readOnly, style: { borderRadius: '4px 0px 0px 4px', flexGrow: 3 }, value: selectedMonth }),
|
|
3918
3918
|
React.createElement(Middle, { "data-itemid": `${baseId}-middle` },
|
|
3919
|
-
React.createElement(Select, {
|
|
3920
|
-
React.createElement(Select, {
|
|
3919
|
+
React.createElement(Select, { dataItemid: `${baseId}-day-select`, invalid: invalid, onChange: handleDayChange, options: dayOptions, placeholder: (locale === null || locale === void 0 ? void 0 : locale.SelectDay) ? locale === null || locale === void 0 ? void 0 : locale.SelectDay : 'Select Day', readOnly: readOnly, style: { borderRadius: '0px' }, value: selectedDay })),
|
|
3920
|
+
React.createElement(Select, { dataItemid: `${baseId}-year-select`, invalid: invalid, onChange: handleYearChange, options: years, placeholder: (locale === null || locale === void 0 ? void 0 : locale.SelectYear) ? locale === null || locale === void 0 ? void 0 : locale.SelectYear : 'Select Year', readOnly: readOnly, style: { borderRadius: '0px 4px 4px 0px', flexGrow: 2 }, value: selectedYear }))));
|
|
3921
3921
|
};
|
|
3922
3922
|
|
|
3923
3923
|
const Scrim$1 = styled.div `
|
|
@@ -4009,9 +4009,9 @@ const Drawer = (_a) => {
|
|
|
4009
4009
|
primaryButton || secondaryButton || tertiaryButton ? (React.createElement(ButtonBar$1, { "data-itemid": `${baseId}-button-bar` },
|
|
4010
4010
|
React.createElement(Copy, { "data-itemid": `${baseId}-button-bar-notes`, type: 'small' }, bottomNotes),
|
|
4011
4011
|
React.createElement(ButtonBarNote, null,
|
|
4012
|
-
tertiaryButton ? (React.createElement(Button, Object.assign({}, tertiaryButton, { "data-itemid": `${baseId}
|
|
4013
|
-
secondaryButton ? (React.createElement(Button, Object.assign({}, secondaryButton, { "data-itemid": `${baseId}
|
|
4014
|
-
primaryButton ? (React.createElement(Button, Object.assign({}, primaryButton, { "data-itemid": `${baseId}
|
|
4012
|
+
tertiaryButton ? (React.createElement(Button, Object.assign({}, tertiaryButton, { "data-itemid": tertiaryButton.children || `${baseId}-${tertiaryButton.children}`, dataItemid: tertiaryButton.children || `${baseId}-${tertiaryButton.children}`, format: tertiaryButton.format || 'secondary' }))) : null,
|
|
4013
|
+
secondaryButton ? (React.createElement(Button, Object.assign({}, secondaryButton, { "data-itemid": secondaryButton.children || `${baseId}-${secondaryButton.children}`, dataItemid: secondaryButton.children || `${baseId}-${secondaryButton.children}`, format: secondaryButton.format || 'secondary' }))) : null,
|
|
4014
|
+
primaryButton ? (React.createElement(Button, Object.assign({}, primaryButton, { "data-itemid": primaryButton.children || `${baseId}-${primaryButton.children}`, dataItemid: primaryButton.children || `${baseId}-${primaryButton.children}`, format: primaryButton.format || 'primary' }))) : null))) : null),
|
|
4015
4015
|
scrim ? (React.createElement(Scrim$1, { "$position": position, "$scrim": scrim, "data-itemid": `${baseId}-scrim`, onClick: onClose })) : null));
|
|
4016
4016
|
};
|
|
4017
4017
|
|
|
@@ -5721,9 +5721,9 @@ const Modal = (_a) => {
|
|
|
5721
5721
|
display: 'flex',
|
|
5722
5722
|
alignItems: 'center',
|
|
5723
5723
|
} },
|
|
5724
|
-
tertiaryButton ? (React.createElement(Button, Object.assign({}, tertiaryButton, { "data-itemid": `${baseId}
|
|
5724
|
+
tertiaryButton ? (React.createElement(Button, Object.assign({}, tertiaryButton, { "data-itemid": tertiaryButton.children || `${baseId}-${tertiaryButton.children}`, dataItemid: tertiaryButton.children || `${baseId}-${tertiaryButton.children}`, format: tertiaryButton.format || 'secondary' }))) : null,
|
|
5725
5725
|
quarternaryButton ? (React.createElement(ButtonContainer, { "data-itemid": `${baseId}-quarternary-button-container` },
|
|
5726
|
-
React.createElement(Button, Object.assign({}, quarternaryButton, { "data-itemid": `${baseId}
|
|
5726
|
+
React.createElement(Button, Object.assign({}, quarternaryButton, { "data-itemid": quarternaryButton.children || `${baseId}-${quarternaryButton.children}`, dataItemid: quarternaryButton.children || `${baseId}-${quarternaryButton.children}`, format: quarternaryButton.format || 'secondary' })))) : null)) : null,
|
|
5727
5727
|
primaryButton || secondaryButton ? (React.createElement("div", { "data-itemid": `${baseId}-right-buttons`, style: {
|
|
5728
5728
|
marginLeft: 'auto',
|
|
5729
5729
|
paddingLeft: 40,
|
|
@@ -5731,8 +5731,8 @@ const Modal = (_a) => {
|
|
|
5731
5731
|
alignItems: 'center',
|
|
5732
5732
|
} },
|
|
5733
5733
|
secondaryButton ? (React.createElement(ButtonContainer, { "data-itemid": `${baseId}-secondary-button-container` },
|
|
5734
|
-
React.createElement(Button, Object.assign({}, secondaryButton, { "data-itemid": `${baseId}
|
|
5735
|
-
primaryButton ? (React.createElement(Button, Object.assign({}, primaryButton, { "data-itemid": `${baseId}
|
|
5734
|
+
React.createElement(Button, Object.assign({}, secondaryButton, { "data-itemid": secondaryButton.children || `${baseId}-${secondaryButton.children}`, dataItemid: secondaryButton.children || `${baseId}-${secondaryButton.children}`, format: secondaryButton.format || 'secondary' })))) : null,
|
|
5735
|
+
primaryButton ? (React.createElement(Button, Object.assign({}, primaryButton, { "data-itemid": primaryButton.children || `${baseId}-${primaryButton.children}`, dataItemid: primaryButton.children || `${baseId}-${primaryButton.children}`, format: primaryButton.format || 'primary' }))) : null)) : null)) : null)));
|
|
5736
5736
|
};
|
|
5737
5737
|
|
|
5738
5738
|
const Wrapper$5 = styled.div `
|