npm - @ultraviolet/plus - Versions diffs - 1.0.1 → 1.0.3 - Mend

@ultraviolet/plus 1.0.1 → 1.0.3

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.

Files changed (25) hide show

package/dist/components/OfferList/OfferList.cjs CHANGED Viewed

@@ -21,7 +21,7 @@ const StyledList = /* @__PURE__ */ _styled__default.default(ui.List, process.env
   theme
 }) => theme.sizing[700], ";max-width:", ({
   theme
-}) => theme.sizing[700], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvT2ZmZXJMaXN0L09mZmVyTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVStCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvT2ZmZXJMaXN0L09mZmVyTGlzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBMaXN0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQ2VsbCB9IGZyb20gJy4vY29tcG9uZW50cy9DZWxsJ1xuaW1wb3J0IHsgUm93IH0gZnJvbSAnLi9jb21wb25lbnRzL1JvdydcbmltcG9ydCB7IE9mZmVyTGlzdFByb3ZpZGVyIH0gZnJvbSAnLi9PZmZlckxpc3RQcm92aWRlcidcblxuY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZChMaXN0KWBcbiAgIHRkOmZpcnN0LWNoaWxkLFxuICAgdGg6Zmlyc3QtY2hpbGQge1xuICAgIHdpZHRoOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1s3MDBdfTtcbiAgICBtaW4td2lkdGg6ICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1s3MDBdfTtcbiAgICBtYXgtd2lkdGg6ICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1s3MDBdfTtcbiAgfSBcbmBcblxudHlwZSBPZmZlckxpc3RQcm9wcyA9IE9taXQ8XG4gIENvbXBvbmVudFByb3BzPHR5cGVvZiBMaXN0PixcbiAgJ3NlbGVjdGFibGUnIHwgJ29uU2VsZWN0ZWRDaGFuZ2UnXG4+ICYge1xuICAvKipcbiAgICogTWFrZSBvZmZlckxpc3Qgc2VsZWN0YWJsZSBieSBjaG9vc2luZyBpdHMgdHlwZVxuICAgKi9cbiAgdHlwZT86ICdyYWRpbycgfCAnY2hlY2tib3gnXG4gIG9uQ2hhbmdlU2VsZWN0PzogKHNlbGVjdGVkOiBzdHJpbmcgfCBzdHJpbmdbXSkgPT4gdm9pZFxufVxuXG5leHBvcnQgY29uc3QgT2ZmZXJMaXN0ID0gKHtcbiAgZXhwYW5kYWJsZSxcbiAgdHlwZSA9ICdyYWRpbycsXG4gIGNvbHVtbnMsXG4gIGNoaWxkcmVuLFxuICBsb2FkaW5nLFxuICBhdXRvQ29sbGFwc2UsXG4gIG9uQ2hhbmdlU2VsZWN0LFxufTogT2ZmZXJMaXN0UHJvcHMpID0+IHtcbiAgY29uc3QgW3NlbGVjdGVkUm93cywgc2V0U2VsZWN0ZWRSb3dzXSA9IHVzZVN0YXRlPHN0cmluZ1tdPihbXSlcbiAgY29uc3QgY29tcHV0ZWRDb2x1bW5zID0gW1xuICAgIHtcbiAgICAgIGxhYmVsOiAnJyxcbiAgICB9LFxuICAgIGV4cGFuZGFibGUgPyB7IGxhYmVsOiAnJyB9IDogbnVsbCxcbiAgICAuLi5jb2x1bW5zLFxuICBdLmZpbHRlcihlbGVtZW50ID0+ICEhZWxlbWVudClcblxuICB1c2VFZmZlY3QoXG4gICAgKCkgPT4gb25DaGFuZ2VTZWxlY3Q/LihzZWxlY3RlZFJvd3MpLFxuICAgIFtzZWxlY3RlZFJvd3MsIG9uQ2hhbmdlU2VsZWN0XSxcbiAgKVxuXG4gIHJldHVybiAoXG4gICAgPE9mZmVyTGlzdFByb3ZpZGVyXG4gICAgICBhdXRvQ29sbGFwc2U9e2F1dG9Db2xsYXBzZX1cbiAgICAgIGV4cGFuZGFibGU9e2V4cGFuZGFibGV9XG4gICAgICBsb2FkaW5nPXtsb2FkaW5nfVxuICAgICAgb25DaGFuZ2VTZWxlY3Q9e29uQ2hhbmdlU2VsZWN0fVxuICAgICAgc2VsZWN0YWJsZT17dHlwZX1cbiAgICA+XG4gICAgICA8U3R5bGVkTGlzdFxuICAgICAgICBhdXRvQ29sbGFwc2U9e2F1dG9Db2xsYXBzZX1cbiAgICAgICAgY29sdW1ucz17Y29tcHV0ZWRDb2x1bW5zfVxuICAgICAgICBleHBhbmRhYmxlPXtmYWxzZX1cbiAgICAgICAgb25TZWxlY3RlZENoYW5nZT17c2V0U2VsZWN0ZWRSb3dzfVxuICAgICAgICBzZWxlY3RhYmxlPXtmYWxzZX1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9TdHlsZWRMaXN0PlxuICAgIDwvT2ZmZXJMaXN0UHJvdmlkZXI+XG4gIClcbn1cblxuT2ZmZXJMaXN0LlJvdyA9IFJvd1xuT2ZmZXJMaXN0LkNlbGwgPSBDZWxsXG4iXX0= */"));
+}) => theme.sizing[700], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvT2ZmZXJMaXN0L09mZmVyTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVStCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvT2ZmZXJMaXN0L09mZmVyTGlzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBMaXN0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQ2VsbCB9IGZyb20gJy4vY29tcG9uZW50cy9DZWxsJ1xuaW1wb3J0IHsgUm93IH0gZnJvbSAnLi9jb21wb25lbnRzL1JvdydcbmltcG9ydCB7IE9mZmVyTGlzdFByb3ZpZGVyIH0gZnJvbSAnLi9PZmZlckxpc3RQcm92aWRlcidcblxuY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZChMaXN0KWBcbiAgIHRkOmZpcnN0LWNoaWxkLFxuICAgdGg6Zmlyc3QtY2hpbGQge1xuICAgIHdpZHRoOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1s3MDBdfTtcbiAgICBtaW4td2lkdGg6ICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1s3MDBdfTtcbiAgICBtYXgtd2lkdGg6ICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1s3MDBdfTtcbiAgfSBcbmBcblxudHlwZSBPZmZlckxpc3RQcm9wcyA9IE9taXQ8XG4gIENvbXBvbmVudFByb3BzPHR5cGVvZiBMaXN0PixcbiAgJ3NlbGVjdGFibGUnIHwgJ29uU2VsZWN0ZWRDaGFuZ2UnXG4+ICYge1xuICAvKipcbiAgICogTWFrZSBvZmZlckxpc3Qgc2VsZWN0YWJsZSBieSBjaG9vc2luZyBpdHMgdHlwZVxuICAgKi9cbiAgdHlwZT86ICdyYWRpbycgfCAnY2hlY2tib3gnXG4gIG9uQ2hhbmdlU2VsZWN0PzogKHNlbGVjdGVkOiBzdHJpbmcgfCBzdHJpbmdbXSkgPT4gdm9pZFxuICAvKipcbiAgICogUHJlLXNlbGVjdGVkIHJvd3MgKHVzaW5nIHRoZWlyIG9mZmVyTmFtZSkuIE11c3QgYmUgYW4gYXJyYXkgd2hlbiBgdHlwZSA9IFwiY2hlY2tib3hcImAuXG4gICAqL1xuICBzZWxlY3RlZD86IHN0cmluZyB8IHN0cmluZ1tdXG59XG5cbmV4cG9ydCBjb25zdCBPZmZlckxpc3QgPSAoe1xuICBleHBhbmRhYmxlLFxuICB0eXBlID0gJ3JhZGlvJyxcbiAgY29sdW1ucyxcbiAgY2hpbGRyZW4sXG4gIGxvYWRpbmcsXG4gIGF1dG9Db2xsYXBzZSxcbiAgc2VsZWN0ZWQsXG4gIG9uQ2hhbmdlU2VsZWN0LFxufTogT2ZmZXJMaXN0UHJvcHMpID0+IHtcbiAgY29uc3QgW3JhZGlvU2VsZWN0ZWRSb3csIHNldFJhZGlvU2VsZWN0ZWRSb3ddID0gdXNlU3RhdGU8c3RyaW5nIHwgdW5kZWZpbmVkPihcbiAgICB0eXBlb2Ygc2VsZWN0ZWQgPT09ICdzdHJpbmcnID8gc2VsZWN0ZWQgOiB1bmRlZmluZWQsXG4gIClcbiAgY29uc3QgW2NoZWNrYm94U2VsZWN0ZWRSb3dzLCBzZXRDaGVja2JveFNlbGVjdGVkUm93c10gPSB1c2VTdGF0ZTxzdHJpbmdbXT4oXG4gICAgQXJyYXkuaXNBcnJheShzZWxlY3RlZCkgPyBzZWxlY3RlZCA6IFtdLFxuICApXG5cbiAgY29uc3QgY29tcHV0ZWRDb2x1bW5zID0gW1xuICAgIHtcbiAgICAgIGxhYmVsOiAnJyxcbiAgICB9LFxuICAgIGV4cGFuZGFibGUgPyB7IGxhYmVsOiAnJyB9IDogbnVsbCxcbiAgICAuLi5jb2x1bW5zLFxuICBdLmZpbHRlcihlbGVtZW50ID0+ICEhZWxlbWVudClcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChzZWxlY3RlZCkge1xuICAgICAgaWYgKHR5cGVvZiBzZWxlY3RlZCA9PT0gJ3N0cmluZycgJiYgdHlwZSA9PT0gJ3JhZGlvJykge1xuICAgICAgICBzZXRSYWRpb1NlbGVjdGVkUm93KHNlbGVjdGVkKVxuICAgICAgfVxuICAgICAgaWYgKEFycmF5LmlzQXJyYXkoc2VsZWN0ZWQpICYmIHR5cGUgPT09ICdjaGVja2JveCcpIHtcbiAgICAgICAgc2V0Q2hlY2tib3hTZWxlY3RlZFJvd3Moc2VsZWN0ZWQpXG4gICAgICB9XG4gICAgfVxuICB9LCBbdHlwZSwgc2VsZWN0ZWRdKVxuXG4gIHJldHVybiAoXG4gICAgPE9mZmVyTGlzdFByb3ZpZGVyXG4gICAgICBhdXRvQ29sbGFwc2U9e2F1dG9Db2xsYXBzZX1cbiAgICAgIGNoZWNrYm94U2VsZWN0ZWRSb3dzPXtjaGVja2JveFNlbGVjdGVkUm93c31cbiAgICAgIGV4cGFuZGFibGU9e2V4cGFuZGFibGV9XG4gICAgICBsb2FkaW5nPXtsb2FkaW5nfVxuICAgICAgb25DaGFuZ2VTZWxlY3Q9e29uQ2hhbmdlU2VsZWN0fVxuICAgICAgcmFkaW9TZWxlY3RlZFJvdz17cmFkaW9TZWxlY3RlZFJvd31cbiAgICAgIHNlbGVjdGFibGU9e3R5cGV9XG4gICAgICBzZXRDaGVja2JveFNlbGVjdGVkUm93cz17c2V0Q2hlY2tib3hTZWxlY3RlZFJvd3N9XG4gICAgICBzZXRSYWRpb1NlbGVjdGVkUm93PXtzZXRSYWRpb1NlbGVjdGVkUm93fVxuICAgID5cbiAgICAgIDxTdHlsZWRMaXN0XG4gICAgICAgIGF1dG9Db2xsYXBzZT17YXV0b0NvbGxhcHNlfVxuICAgICAgICBjb2x1bW5zPXtjb21wdXRlZENvbHVtbnN9XG4gICAgICAgIGV4cGFuZGFibGU9e2ZhbHNlfVxuICAgICAgICBzZWxlY3RhYmxlPXtmYWxzZX1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9TdHlsZWRMaXN0PlxuICAgIDwvT2ZmZXJMaXN0UHJvdmlkZXI+XG4gIClcbn1cblxuT2ZmZXJMaXN0LlJvdyA9IFJvd1xuT2ZmZXJMaXN0LkNlbGwgPSBDZWxsXG4iXX0= */"));
 const OfferList = ({
   expandable,
   type = "radio",
@@ -29,16 +29,27 @@ const OfferList = ({
   children,
   loading,
   autoCollapse,
+  selected,
   onChangeSelect
 }) => {
-  const [selectedRows, setSelectedRows] = react.useState([]);
+  const [radioSelectedRow, setRadioSelectedRow] = react.useState(typeof selected === "string" ? selected : void 0);
+  const [checkboxSelectedRows, setCheckboxSelectedRows] = react.useState(Array.isArray(selected) ? selected : []);
   const computedColumns = [{
     label: ""
   }, expandable ? {
     label: ""
   } : null, ...columns].filter((element) => !!element);
-  react.useEffect(() => onChangeSelect?.(selectedRows), [selectedRows, onChangeSelect]);
-  return /* @__PURE__ */ jsxRuntime.jsx(OfferListProvider.OfferListProvider, { autoCollapse, expandable, loading, onChangeSelect, selectable: type, children: /* @__PURE__ */ jsxRuntime.jsx(StyledList, { autoCollapse, columns: computedColumns, expandable: false, onSelectedChange: setSelectedRows, selectable: false, children }) });
+  react.useEffect(() => {
+    if (selected) {
+      if (typeof selected === "string" && type === "radio") {
+        setRadioSelectedRow(selected);
+      }
+      if (Array.isArray(selected) && type === "checkbox") {
+        setCheckboxSelectedRows(selected);
+      }
+    }
+  }, [type, selected]);
+  return /* @__PURE__ */ jsxRuntime.jsx(OfferListProvider.OfferListProvider, { autoCollapse, checkboxSelectedRows, expandable, loading, onChangeSelect, radioSelectedRow, selectable: type, setCheckboxSelectedRows, setRadioSelectedRow, children: /* @__PURE__ */ jsxRuntime.jsx(StyledList, { autoCollapse, columns: computedColumns, expandable: false, selectable: false, children }) });
 };
 OfferList.Row = Row.Row;
 OfferList.Cell = Cell.Cell;

package/dist/components/OfferList/OfferList.d.ts CHANGED Viewed

@@ -6,9 +6,13 @@ type OfferListProps = Omit<ComponentProps<typeof List>, 'selectable' | 'onSelect
      */
     type?: 'radio' | 'checkbox';
     onChangeSelect?: (selected: string | string[]) => void;
+    /**
+     * Pre-selected rows (using their offerName). Must be an array when `type = "checkbox"`.
+     */
+    selected?: string | string[];
 };
 export declare const OfferList: {
-    ({ expandable, type, columns, children, loading, autoCollapse, onChangeSelect, }: OfferListProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    ({ expandable, type, columns, children, loading, autoCollapse, selected, onChangeSelect, }: OfferListProps): import("@emotion/react/jsx-runtime").JSX.Element;
     Row: ({ children, disabled, id, banner, expandablePadding, offerName, expandable: expandableContent, selectDisabled, highlightAnimation, expanded, className, "data-dragging": dataDragging, "data-testid": dataTestId, style, badge, }: {
         children: import("react").ReactNode;
         id: string;

package/dist/components/OfferList/OfferList.js CHANGED Viewed

@@ -17,7 +17,7 @@ const StyledList = /* @__PURE__ */ _styled(List, process.env.NODE_ENV === "produ
   theme
 }) => theme.sizing[700], ";max-width:", ({
   theme
-}) => theme.sizing[700], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvT2ZmZXJMaXN0L09mZmVyTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVStCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvT2ZmZXJMaXN0L09mZmVyTGlzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBMaXN0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQ2VsbCB9IGZyb20gJy4vY29tcG9uZW50cy9DZWxsJ1xuaW1wb3J0IHsgUm93IH0gZnJvbSAnLi9jb21wb25lbnRzL1JvdydcbmltcG9ydCB7IE9mZmVyTGlzdFByb3ZpZGVyIH0gZnJvbSAnLi9PZmZlckxpc3RQcm92aWRlcidcblxuY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZChMaXN0KWBcbiAgIHRkOmZpcnN0LWNoaWxkLFxuICAgdGg6Zmlyc3QtY2hpbGQge1xuICAgIHdpZHRoOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1s3MDBdfTtcbiAgICBtaW4td2lkdGg6ICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1s3MDBdfTtcbiAgICBtYXgtd2lkdGg6ICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1s3MDBdfTtcbiAgfSBcbmBcblxudHlwZSBPZmZlckxpc3RQcm9wcyA9IE9taXQ8XG4gIENvbXBvbmVudFByb3BzPHR5cGVvZiBMaXN0PixcbiAgJ3NlbGVjdGFibGUnIHwgJ29uU2VsZWN0ZWRDaGFuZ2UnXG4+ICYge1xuICAvKipcbiAgICogTWFrZSBvZmZlckxpc3Qgc2VsZWN0YWJsZSBieSBjaG9vc2luZyBpdHMgdHlwZVxuICAgKi9cbiAgdHlwZT86ICdyYWRpbycgfCAnY2hlY2tib3gnXG4gIG9uQ2hhbmdlU2VsZWN0PzogKHNlbGVjdGVkOiBzdHJpbmcgfCBzdHJpbmdbXSkgPT4gdm9pZFxufVxuXG5leHBvcnQgY29uc3QgT2ZmZXJMaXN0ID0gKHtcbiAgZXhwYW5kYWJsZSxcbiAgdHlwZSA9ICdyYWRpbycsXG4gIGNvbHVtbnMsXG4gIGNoaWxkcmVuLFxuICBsb2FkaW5nLFxuICBhdXRvQ29sbGFwc2UsXG4gIG9uQ2hhbmdlU2VsZWN0LFxufTogT2ZmZXJMaXN0UHJvcHMpID0+IHtcbiAgY29uc3QgW3NlbGVjdGVkUm93cywgc2V0U2VsZWN0ZWRSb3dzXSA9IHVzZVN0YXRlPHN0cmluZ1tdPihbXSlcbiAgY29uc3QgY29tcHV0ZWRDb2x1bW5zID0gW1xuICAgIHtcbiAgICAgIGxhYmVsOiAnJyxcbiAgICB9LFxuICAgIGV4cGFuZGFibGUgPyB7IGxhYmVsOiAnJyB9IDogbnVsbCxcbiAgICAuLi5jb2x1bW5zLFxuICBdLmZpbHRlcihlbGVtZW50ID0+ICEhZWxlbWVudClcblxuICB1c2VFZmZlY3QoXG4gICAgKCkgPT4gb25DaGFuZ2VTZWxlY3Q/LihzZWxlY3RlZFJvd3MpLFxuICAgIFtzZWxlY3RlZFJvd3MsIG9uQ2hhbmdlU2VsZWN0XSxcbiAgKVxuXG4gIHJldHVybiAoXG4gICAgPE9mZmVyTGlzdFByb3ZpZGVyXG4gICAgICBhdXRvQ29sbGFwc2U9e2F1dG9Db2xsYXBzZX1cbiAgICAgIGV4cGFuZGFibGU9e2V4cGFuZGFibGV9XG4gICAgICBsb2FkaW5nPXtsb2FkaW5nfVxuICAgICAgb25DaGFuZ2VTZWxlY3Q9e29uQ2hhbmdlU2VsZWN0fVxuICAgICAgc2VsZWN0YWJsZT17dHlwZX1cbiAgICA+XG4gICAgICA8U3R5bGVkTGlzdFxuICAgICAgICBhdXRvQ29sbGFwc2U9e2F1dG9Db2xsYXBzZX1cbiAgICAgICAgY29sdW1ucz17Y29tcHV0ZWRDb2x1bW5zfVxuICAgICAgICBleHBhbmRhYmxlPXtmYWxzZX1cbiAgICAgICAgb25TZWxlY3RlZENoYW5nZT17c2V0U2VsZWN0ZWRSb3dzfVxuICAgICAgICBzZWxlY3RhYmxlPXtmYWxzZX1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9TdHlsZWRMaXN0PlxuICAgIDwvT2ZmZXJMaXN0UHJvdmlkZXI+XG4gIClcbn1cblxuT2ZmZXJMaXN0LlJvdyA9IFJvd1xuT2ZmZXJMaXN0LkNlbGwgPSBDZWxsXG4iXX0= */"));
+}) => theme.sizing[700], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvT2ZmZXJMaXN0L09mZmVyTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVStCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvT2ZmZXJMaXN0L09mZmVyTGlzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBMaXN0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQ2VsbCB9IGZyb20gJy4vY29tcG9uZW50cy9DZWxsJ1xuaW1wb3J0IHsgUm93IH0gZnJvbSAnLi9jb21wb25lbnRzL1JvdydcbmltcG9ydCB7IE9mZmVyTGlzdFByb3ZpZGVyIH0gZnJvbSAnLi9PZmZlckxpc3RQcm92aWRlcidcblxuY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZChMaXN0KWBcbiAgIHRkOmZpcnN0LWNoaWxkLFxuICAgdGg6Zmlyc3QtY2hpbGQge1xuICAgIHdpZHRoOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1s3MDBdfTtcbiAgICBtaW4td2lkdGg6ICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1s3MDBdfTtcbiAgICBtYXgtd2lkdGg6ICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1s3MDBdfTtcbiAgfSBcbmBcblxudHlwZSBPZmZlckxpc3RQcm9wcyA9IE9taXQ8XG4gIENvbXBvbmVudFByb3BzPHR5cGVvZiBMaXN0PixcbiAgJ3NlbGVjdGFibGUnIHwgJ29uU2VsZWN0ZWRDaGFuZ2UnXG4+ICYge1xuICAvKipcbiAgICogTWFrZSBvZmZlckxpc3Qgc2VsZWN0YWJsZSBieSBjaG9vc2luZyBpdHMgdHlwZVxuICAgKi9cbiAgdHlwZT86ICdyYWRpbycgfCAnY2hlY2tib3gnXG4gIG9uQ2hhbmdlU2VsZWN0PzogKHNlbGVjdGVkOiBzdHJpbmcgfCBzdHJpbmdbXSkgPT4gdm9pZFxuICAvKipcbiAgICogUHJlLXNlbGVjdGVkIHJvd3MgKHVzaW5nIHRoZWlyIG9mZmVyTmFtZSkuIE11c3QgYmUgYW4gYXJyYXkgd2hlbiBgdHlwZSA9IFwiY2hlY2tib3hcImAuXG4gICAqL1xuICBzZWxlY3RlZD86IHN0cmluZyB8IHN0cmluZ1tdXG59XG5cbmV4cG9ydCBjb25zdCBPZmZlckxpc3QgPSAoe1xuICBleHBhbmRhYmxlLFxuICB0eXBlID0gJ3JhZGlvJyxcbiAgY29sdW1ucyxcbiAgY2hpbGRyZW4sXG4gIGxvYWRpbmcsXG4gIGF1dG9Db2xsYXBzZSxcbiAgc2VsZWN0ZWQsXG4gIG9uQ2hhbmdlU2VsZWN0LFxufTogT2ZmZXJMaXN0UHJvcHMpID0+IHtcbiAgY29uc3QgW3JhZGlvU2VsZWN0ZWRSb3csIHNldFJhZGlvU2VsZWN0ZWRSb3ddID0gdXNlU3RhdGU8c3RyaW5nIHwgdW5kZWZpbmVkPihcbiAgICB0eXBlb2Ygc2VsZWN0ZWQgPT09ICdzdHJpbmcnID8gc2VsZWN0ZWQgOiB1bmRlZmluZWQsXG4gIClcbiAgY29uc3QgW2NoZWNrYm94U2VsZWN0ZWRSb3dzLCBzZXRDaGVja2JveFNlbGVjdGVkUm93c10gPSB1c2VTdGF0ZTxzdHJpbmdbXT4oXG4gICAgQXJyYXkuaXNBcnJheShzZWxlY3RlZCkgPyBzZWxlY3RlZCA6IFtdLFxuICApXG5cbiAgY29uc3QgY29tcHV0ZWRDb2x1bW5zID0gW1xuICAgIHtcbiAgICAgIGxhYmVsOiAnJyxcbiAgICB9LFxuICAgIGV4cGFuZGFibGUgPyB7IGxhYmVsOiAnJyB9IDogbnVsbCxcbiAgICAuLi5jb2x1bW5zLFxuICBdLmZpbHRlcihlbGVtZW50ID0+ICEhZWxlbWVudClcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChzZWxlY3RlZCkge1xuICAgICAgaWYgKHR5cGVvZiBzZWxlY3RlZCA9PT0gJ3N0cmluZycgJiYgdHlwZSA9PT0gJ3JhZGlvJykge1xuICAgICAgICBzZXRSYWRpb1NlbGVjdGVkUm93KHNlbGVjdGVkKVxuICAgICAgfVxuICAgICAgaWYgKEFycmF5LmlzQXJyYXkoc2VsZWN0ZWQpICYmIHR5cGUgPT09ICdjaGVja2JveCcpIHtcbiAgICAgICAgc2V0Q2hlY2tib3hTZWxlY3RlZFJvd3Moc2VsZWN0ZWQpXG4gICAgICB9XG4gICAgfVxuICB9LCBbdHlwZSwgc2VsZWN0ZWRdKVxuXG4gIHJldHVybiAoXG4gICAgPE9mZmVyTGlzdFByb3ZpZGVyXG4gICAgICBhdXRvQ29sbGFwc2U9e2F1dG9Db2xsYXBzZX1cbiAgICAgIGNoZWNrYm94U2VsZWN0ZWRSb3dzPXtjaGVja2JveFNlbGVjdGVkUm93c31cbiAgICAgIGV4cGFuZGFibGU9e2V4cGFuZGFibGV9XG4gICAgICBsb2FkaW5nPXtsb2FkaW5nfVxuICAgICAgb25DaGFuZ2VTZWxlY3Q9e29uQ2hhbmdlU2VsZWN0fVxuICAgICAgcmFkaW9TZWxlY3RlZFJvdz17cmFkaW9TZWxlY3RlZFJvd31cbiAgICAgIHNlbGVjdGFibGU9e3R5cGV9XG4gICAgICBzZXRDaGVja2JveFNlbGVjdGVkUm93cz17c2V0Q2hlY2tib3hTZWxlY3RlZFJvd3N9XG4gICAgICBzZXRSYWRpb1NlbGVjdGVkUm93PXtzZXRSYWRpb1NlbGVjdGVkUm93fVxuICAgID5cbiAgICAgIDxTdHlsZWRMaXN0XG4gICAgICAgIGF1dG9Db2xsYXBzZT17YXV0b0NvbGxhcHNlfVxuICAgICAgICBjb2x1bW5zPXtjb21wdXRlZENvbHVtbnN9XG4gICAgICAgIGV4cGFuZGFibGU9e2ZhbHNlfVxuICAgICAgICBzZWxlY3RhYmxlPXtmYWxzZX1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9TdHlsZWRMaXN0PlxuICAgIDwvT2ZmZXJMaXN0UHJvdmlkZXI+XG4gIClcbn1cblxuT2ZmZXJMaXN0LlJvdyA9IFJvd1xuT2ZmZXJMaXN0LkNlbGwgPSBDZWxsXG4iXX0= */"));
 const OfferList = ({
   expandable,
   type = "radio",
@@ -25,16 +25,27 @@ const OfferList = ({
   children,
   loading,
   autoCollapse,
+  selected,
   onChangeSelect
 }) => {
-  const [selectedRows, setSelectedRows] = useState([]);
+  const [radioSelectedRow, setRadioSelectedRow] = useState(typeof selected === "string" ? selected : void 0);
+  const [checkboxSelectedRows, setCheckboxSelectedRows] = useState(Array.isArray(selected) ? selected : []);
   const computedColumns = [{
     label: ""
   }, expandable ? {
     label: ""
   } : null, ...columns].filter((element) => !!element);
-  useEffect(() => onChangeSelect?.(selectedRows), [selectedRows, onChangeSelect]);
-  return /* @__PURE__ */ jsx(OfferListProvider, { autoCollapse, expandable, loading, onChangeSelect, selectable: type, children: /* @__PURE__ */ jsx(StyledList, { autoCollapse, columns: computedColumns, expandable: false, onSelectedChange: setSelectedRows, selectable: false, children }) });
+  useEffect(() => {
+    if (selected) {
+      if (typeof selected === "string" && type === "radio") {
+        setRadioSelectedRow(selected);
+      }
+      if (Array.isArray(selected) && type === "checkbox") {
+        setCheckboxSelectedRows(selected);
+      }
+    }
+  }, [type, selected]);
+  return /* @__PURE__ */ jsx(OfferListProvider, { autoCollapse, checkboxSelectedRows, expandable, loading, onChangeSelect, radioSelectedRow, selectable: type, setCheckboxSelectedRows, setRadioSelectedRow, children: /* @__PURE__ */ jsx(StyledList, { autoCollapse, columns: computedColumns, expandable: false, selectable: false, children }) });
 };
 OfferList.Row = Row;
 OfferList.Cell = Cell;

package/dist/components/OfferList/OfferListProvider.cjs CHANGED Viewed

@@ -10,23 +10,23 @@ const OfferListProvider = ({
   disabled,
   loading,
   onChangeSelect,
-  autoCollapse
-}) => {
-  const [radioSelectedRow, setRadioSelectedRow] = react.useState();
-  const [checkboxSelectedRows, setCheckboxSelectedRows] = react.useState({});
-  return /* @__PURE__ */ jsxRuntime.jsx(OfferListContext.Provider, { value: {
-    autoCollapse,
-    checkboxSelectedRows,
-    disabled,
-    expandable,
-    loading,
-    onChangeSelect,
-    radioSelectedRow,
-    selectable,
-    setCheckboxSelectedRows,
-    setRadioSelectedRow
-  }, children });
-};
+  autoCollapse,
+  radioSelectedRow,
+  setRadioSelectedRow,
+  checkboxSelectedRows,
+  setCheckboxSelectedRows
+}) => /* @__PURE__ */ jsxRuntime.jsx(OfferListContext.Provider, { value: {
+  autoCollapse,
+  checkboxSelectedRows,
+  disabled,
+  expandable,
+  loading,
+  onChangeSelect,
+  radioSelectedRow,
+  selectable,
+  setCheckboxSelectedRows,
+  setRadioSelectedRow
+}, children });
 const useOfferListContext = () => {
   const context = react.useContext(OfferListContext);
   if (!context) {

package/dist/components/OfferList/OfferListProvider.d.ts CHANGED Viewed

@@ -8,8 +8,8 @@ type OfferListContextValue = {
     loading?: boolean;
     onChangeSelect?: (selected: string | string[]) => void;
     autoCollapse?: boolean;
-    checkboxSelectedRows: Record<string | number, boolean>;
-    setCheckboxSelectedRows: Dispatch<SetStateAction<Record<string | number, boolean>>>;
+    checkboxSelectedRows: string[];
+    setCheckboxSelectedRows: Dispatch<SetStateAction<string[]>>;
 };
 type OfferListProviderProps = {
     selectable: 'radio' | 'checkbox';
@@ -19,7 +19,11 @@ type OfferListProviderProps = {
     loading?: boolean;
     onChangeSelect?: (selected: string | string[]) => void;
     autoCollapse?: boolean;
+    radioSelectedRow: string | undefined;
+    setRadioSelectedRow: Dispatch<SetStateAction<string | undefined>>;
+    checkboxSelectedRows: string[];
+    setCheckboxSelectedRows: Dispatch<SetStateAction<string[]>>;
 };
-export declare const OfferListProvider: ({ selectable, children, expandable, disabled, loading, onChangeSelect, autoCollapse, }: OfferListProviderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const OfferListProvider: ({ selectable, children, expandable, disabled, loading, onChangeSelect, autoCollapse, radioSelectedRow, setRadioSelectedRow, checkboxSelectedRows, setCheckboxSelectedRows, }: OfferListProviderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export declare const useOfferListContext: () => OfferListContextValue;
 export {};

package/dist/components/OfferList/OfferListProvider.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsx } from "@emotion/react/jsx-runtime";
-import { useState, createContext, useContext } from "react";
+import { createContext, useContext } from "react";
 const OfferListContext = createContext(void 0);
 const OfferListProvider = ({
   selectable,
@@ -8,23 +8,23 @@ const OfferListProvider = ({
   disabled,
   loading,
   onChangeSelect,
-  autoCollapse
-}) => {
-  const [radioSelectedRow, setRadioSelectedRow] = useState();
-  const [checkboxSelectedRows, setCheckboxSelectedRows] = useState({});
-  return /* @__PURE__ */ jsx(OfferListContext.Provider, { value: {
-    autoCollapse,
-    checkboxSelectedRows,
-    disabled,
-    expandable,
-    loading,
-    onChangeSelect,
-    radioSelectedRow,
-    selectable,
-    setCheckboxSelectedRows,
-    setRadioSelectedRow
-  }, children });
-};
+  autoCollapse,
+  radioSelectedRow,
+  setRadioSelectedRow,
+  checkboxSelectedRows,
+  setCheckboxSelectedRows
+}) => /* @__PURE__ */ jsx(OfferListContext.Provider, { value: {
+  autoCollapse,
+  checkboxSelectedRows,
+  disabled,
+  expandable,
+  loading,
+  onChangeSelect,
+  radioSelectedRow,
+  selectable,
+  setCheckboxSelectedRows,
+  setRadioSelectedRow
+}, children });
 const useOfferListContext = () => {
   const context = useContext(OfferListContext);
   if (!context) {