kiban-design-system 1.1.2-hotfix.0 → 1.1.4-hotfix.0

package/dist/index.js

@@ -30038,12 +30038,14 @@ const Cell = ({ children }) => jsx("td", { children: children }, void 0);
  * @param {string} TableProps.id - Id to table
  * @param {Array} TableProps.headings - Headings of the table
  * @param {Array} TableProps.headingsTypes - Determines the positioning of the text
+ * @param {function} TableProps.onSelectAllRows - Function to select all rows
+ * @param {Boolean} TableProps.areAllRowsSelected - Determines if all rows are selected
  *  in the columns, respects the order of the array, It only
  * accepts text or numeric, if it is numeric the text is aligned
  * to the right, if not it is aligned to the left
  * @returns {symbol} - Element Table
  */
-const Table = ({ headings, headingsTypes, children, id }) => {
+const Table = ({ headings, headingsTypes, children, id, onSelectAllRows, areAllRowsSelected, }) => {
     useEffect(() => {
         var _a;
         if (headingsTypes) {
@@ -30060,9 +30062,15 @@ const Table = ({ headings, headingsTypes, children, id }) => {
             }
         }
     }, [headingsTypes]);
-    return (jsxs("table", Object.assign({ className: 'Table', id: id }, { children: [jsx("thead", { children: jsx("tr", { children: headings === null || headings === void 0 ? void 0 : headings.map((head, i) => (jsx("th", Object.assign({ className: headingsTypes && headingsTypes[i] === 'numeric'
-                            ? 'Table__text-right'
-                            : '' }, { children: head }), i))) }, void 0) }, void 0), jsx("tbody", Object.assign({ id: 'tbody' }, { children: children }), void 0)] }), void 0));
+    const handleOnChangeAllSelected = () => {
+        if (onSelectAllRows) {
+            onSelectAllRows(!areAllRowsSelected);
+        }
+    };
+    const checkboxSelectAllRowsMarkup = onSelectAllRows ? (jsx("th", { children: jsx(Checkbox, { onChange: handleOnChangeAllSelected, isChecked: areAllRowsSelected, value: 'all', id: 'allSelected' }, void 0) }, void 0)) : null;
+    return (jsxs("table", Object.assign({ className: 'Table', id: id }, { children: [jsx("thead", { children: jsxs("tr", { children: [checkboxSelectAllRowsMarkup, headings === null || headings === void 0 ? void 0 : headings.map((head, i) => (jsx("th", Object.assign({ className: headingsTypes && headingsTypes[i] === 'numeric'
+                                ? 'Table__text-right'
+                                : '' }, { children: head }), i)))] }, void 0) }, void 0), jsx("tbody", Object.assign({ id: 'tbody' }, { children: children }), void 0)] }), void 0));
 };
 Table.Row = Row;
 Table.Cell = Cell;
@@ -30091,7 +30099,7 @@ const Tile = ({ isSelected, media, onClick, title, value, subtitle = '', mediaSi
     const renderTags = (tag, index) => (jsx("div", Object.assign({ className: 'Tile__Tag' }, { children: tag }), `tag-historic-${index}`));
     const clasessTags = cssClassName('Tile__TagsWrapper', mediaSize && `is-${mediaSize}`);
     const tagsMarkup = tags ? (jsx("div", Object.assign({ className: clasessTags }, { children: jsx("div", Object.assign({ className: 'Tile__Tags' }, { children: tags.map(renderTags) }), void 0) }), void 0)) : null;
-    return (jsxs("div", Object.assign({ className: classes, onClick: handleOnClick }, { children: [jsxs("div", Object.assign({ className: 'Tile__Wrapper' }, { children: [jsxs("div", Object.assign({ className: 'Tile__TitleWrapper' }, { children: [jsx("div", Object.assign({ className: 'Tile__Media' }, { children: jsx(Media, { icon: media, size: mediaSize, appearance: 'info' }, void 0) }), void 0), jsxs("div", { children: [jsx("div", Object.assign({ className: 'Tile__Title' }, { children: title }), void 0), subtitle !== '' && (jsx("div", Object.assign({ className: 'Tile__Subtitle' }, { children: subtitle }), void 0))] }, void 0)] }), void 0), jsx("div", Object.assign({ className: 'Tile__RightMediaWrapper' }, { children: rightMedia !== null && rightMedia }), void 0)] }), void 0), tagsMarkup] }), void 0));
+    return (jsxs("div", Object.assign({ className: classes, onClick: handleOnClick }, { children: [jsxs("div", Object.assign({ className: 'Tile__Wrapper' }, { children: [jsxs("div", Object.assign({ className: 'Tile__TitleWrapper' }, { children: [jsx("div", Object.assign({ className: 'Tile__Media' }, { children: jsx(Media, { icon: media, size: mediaSize, appearance: 'info' }, void 0) }), void 0), jsxs("div", { children: [jsx("div", Object.assign({ className: 'Tile__Title' }, { children: title }), void 0), subtitle ? jsx("div", Object.assign({ className: 'Tile__Subtitle' }, { children: subtitle }), void 0) : null] }, void 0)] }), void 0), jsx("div", Object.assign({ className: 'Tile__RightMediaWrapper' }, { children: rightMedia !== null && rightMedia }), void 0)] }), void 0), tagsMarkup] }), void 0));
 };
 
 const COMPONENT_NAME$6 = 'Totalizer';
@@ -30316,7 +30324,7 @@ const FilterField = ({ label, isRequired = false, field, onRemove, name, }) => {
 };
 
 const COMPONENT_NAME$1 = 'Filters';
-const Filters = ({ filters = [], onApplyFilters, onRemoveFilter, appliedFilters, onCleanFilters, onAddFilter, addFilterButtonIcon, addFilterButtonLabel, clearButtonLabel, searchButtonLabel, selectedFilters = [], }) => {
+const Filters = ({ filters = [], onApplyFilters, onRemoveFilter, appliedFilters, onCleanFilters, onAddFilter, addFilterButtonIcon, addFilterButtonLabel, clearButtonLabel, searchButtonLabel, extraActions, selectedFilters = [], }) => {
     const [isPopoverOpen, setIsPopoverOpen] = useState(false);
     const mainContainerRef = useRef(null);
     const handleSelectFilter = (selected) => {
@@ -30336,8 +30344,11 @@ const Filters = ({ filters = [], onApplyFilters, onRemoveFilter, appliedFilters,
         label: filter.label,
     }));
     const availableFiltersPopoverMarkup = filters ? (jsx(Popover$1, Object.assign({ activator: addFilterButtonMarkup, isActive: isPopoverOpen, onClose: () => setIsPopoverOpen(false) }, { children: jsx(OptionList, { selected: [], items: optionListItems, onChange: handleSelectFilter }, void 0) }), void 0)) : null;
+    const extraActionsMarkup = extraActions
+        ? extraActions.map((extraAction, index) => (createElement(AlphaButton, Object.assign({}, extraAction, { key: `extra-action-${index}` }), extraAction.label)))
+        : null;
     const secondaryActionsMarkup = (jsx("div", Object.assign({ className: `${COMPONENT_NAME$1}__SecondaryActionsWrapper` }, { children: availableFiltersPopoverMarkup }), void 0));
-    const mainActionsMarkup = (jsxs("div", Object.assign({ className: `${COMPONENT_NAME$1}__MainActionsWrapper` }, { children: [jsx(AlphaButton, Object.assign({ onClick: onCleanFilters, isDisabled: !appliedFilters.length && !selectedFilters.length }, { children: clearButtonLabel }), void 0), jsx(AlphaButton, Object.assign({ isDisabled: !appliedFilters.length && !selectedFilters.length, isPrimary: true, onClick: onApplyFilters }, { children: searchButtonLabel }), void 0)] }), void 0));
+    const mainActionsMarkup = (jsxs("div", Object.assign({ className: `${COMPONENT_NAME$1}__MainActionsWrapper` }, { children: [extraActionsMarkup, jsx(AlphaButton, Object.assign({ onClick: onCleanFilters, isDisabled: !appliedFilters.length && !selectedFilters.length }, { children: clearButtonLabel }), void 0), jsx(AlphaButton, Object.assign({ isDisabled: !appliedFilters.length && !selectedFilters.length, isPrimary: true, onClick: onApplyFilters }, { children: searchButtonLabel }), void 0)] }), void 0));
     const handleRemoveFilter = (filter) => {
         onRemoveFilter === null || onRemoveFilter === void 0 ? void 0 : onRemoveFilter(filter);
     };