intelicoreact 2.0.18 → 2.0.19

package/dist/es/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js

@@ -0,0 +1,62 @@
+import '../../../styles/base.css';
+import './WidgetPseudoTable.styles.css';/* empty css                       */
+import cn from "classnames";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js
+var RC = "widget-pseudo-table";
+var WidgetPseudoTable = (props) => {
+	const { className, title, rightHeaderContent, nullContentData, isNotRenderThead = false, isNoHeader = false, columns = [], rows, CellComponent, CellComponentProps, onChange } = props || {};
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn(RC, className),
+		children: [!isNoHeader && /* @__PURE__ */ jsxs("div", {
+			className: cn(`${RC}__header`),
+			children: [/* @__PURE__ */ jsx("div", {
+				className: cn(`${RC}__title-block`),
+				children: title
+			}), /* @__PURE__ */ jsx("div", {
+				className: cn(`${RC}__right-header-content-block`),
+				children: rightHeaderContent
+			})]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: cn(`${RC}__body`, { [`${RC}__body_no-content`]: !rows?.length }),
+			children: [Boolean(rows?.length) && !isNotRenderThead && /* @__PURE__ */ jsx("div", {
+				className: cn(`${RC}__thead`),
+				children: columns.map((field) => /* @__PURE__ */ jsx("div", {
+					className: cn(`${RC}__thead-cell`, field.theadCellClassName, field.columnClassName, { [`${RC}__thead-cell_reqiured`]: field.isRequired }),
+					"data-key": field.key,
+					children: field.label
+				}, `thead-${field.key}`))
+			}), /* @__PURE__ */ jsx("div", {
+				className: cn(`${RC}__table`),
+				children: rows?.length ? rows.map((row) => /* @__PURE__ */ jsx("div", {
+					className: cn(`${RC}__row`),
+					"data-id": row.id,
+					children: columns.map((cell) => /* @__PURE__ */ jsx("div", {
+						className: cn(`${RC}__cell`, cell.cellClassName, cell.columnClassName),
+						children: /* @__PURE__ */ jsx(CellComponent, {
+							...CellComponentProps,
+							field: {
+								...cell,
+								value: row[cell.key],
+								rowData: row
+							},
+							onChange: (key, val) => onChange(val, cell.key, row.id)
+						})
+					}, `row-${row.id}-cell-${cell.key}`))
+				}, `row-${row.id}`)) : /* @__PURE__ */ jsx("div", {
+					className: cn(`${RC}__row`),
+					"data-id": "empty-row",
+					children: /* @__PURE__ */ jsx("span", {
+						className: cn(`${RC}__no-data-content`),
+						children: nullContentData ?? "No data"
+					})
+				})
+			})]
+		})]
+	});
+};
+//#endregion
+export { WidgetPseudoTable as default };
+
+//# sourceMappingURL=WidgetPseudoTable.js.map

package/dist/es/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetPseudoTable.js","names":[],"sources":["../../../../../src/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js"],"sourcesContent":["import React from \"react\";\n\nimport cn from \"classnames\";\n\nimport \"./WidgetPseudoTable.scss\";\n\nconst RC = \"widget-pseudo-table\";\n\nconst WidgetPseudoTable = (props) => {\n  const {\n    className,\n    title,\n    rightHeaderContent,\n    nullContentData,\n    isNotRenderThead = false,\n    isNoHeader = false,\n    columns = [],\n    rows,\n    CellComponent,\n    CellComponentProps,\n    onChange,\n  } = props || {};\n\n  return (\n    <div className={cn(RC, className)}>\n      {!isNoHeader && <div className={cn(`${RC}__header`)}>\n        <div className={cn(`${RC}__title-block`)}>{title}</div>\n        <div className={cn(`${RC}__right-header-content-block`)}>\n          {rightHeaderContent}\n        </div>\n      </div>}\n      <div\n        className={cn(`${RC}__body`, {\n          [`${RC}__body_no-content`]: !rows?.length,\n        })}\n      >\n        {Boolean(rows?.length) && !isNotRenderThead && (\n          <div className={cn(`${RC}__thead`)}>\n            {columns.map((field) => (\n              <div\n                key={`thead-${field.key}`}\n                className={cn(\n                  `${RC}__thead-cell`,\n                  field.theadCellClassName,\n                  field.columnClassName,\n                  {\n                    [`${RC}__thead-cell_reqiured`]: field.isRequired,\n                  },\n                )}\n                data-key={field.key}\n              >\n                {field.label}\n              </div>\n            ))}\n          </div>\n        )}\n\n        <div className={cn(`${RC}__table`)}>\n          {rows?.length ? (\n            rows.map((row) => (\n              <div\n                key={`row-${row.id}`}\n                className={cn(`${RC}__row`)}\n                data-id={row.id}\n              >\n                {columns.map((cell) => (\n                  <div\n                    key={`row-${row.id}-cell-${cell.key}`}\n                    className={cn(\n                      `${RC}__cell`,\n                      cell.cellClassName,\n                      cell.columnClassName,\n                    )}\n                  >\n                    <CellComponent\n                      {...CellComponentProps}\n                      field={{\n                        ...cell,\n                        value: row[cell.key],\n                        rowData: row,\n                      }}\n                      onChange={(key, val) => onChange(val, cell.key, row.id)}\n                    />\n                  </div>\n                ))}\n              </div>\n            ))\n          ) : (\n            <div className={cn(`${RC}__row`)} data-id=\"empty-row\">\n              <span className={cn(`${RC}__no-data-content`)}>\n                {nullContentData ?? \"No data\"}\n              </span>\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default WidgetPseudoTable;\n"],"mappings":";;;;;AAMA,IAAM,KAAK;AAEX,IAAM,qBAAqB,UAAU;CACnC,MAAM,EACJ,WACA,OACA,oBACA,iBACA,mBAAmB,OACnB,aAAa,OACb,UAAU,CAAC,GACX,MACA,eACA,oBACA,aACE,SAAS,CAAC;CAEd,OACE,qBAAC,OAAA;EAAI,WAAW,GAAG,IAAI,SAAS;EAC7B,UAAA,CAAA,CAAC,cAAc,qBAAC,OAAA;GAAI,WAAW,GAAG,GAAG,GAAE,SAAU;GAChD,UAAA,CAAA,oBAAC,OAAA;IAAI,WAAW,GAAG,GAAG,GAAE,cAAe;IAAI,UAAA;GAAA,CAAM,GACjD,oBAAC,OAAA;IAAI,WAAW,GAAG,GAAG,GAAE,6BAA8B;IACnD,UAAA;GAAA,CACH,CAAA;EAAA,CACF,GACA,qBAAC,OAAA;GACC,WAAW,GAAG,GAAG,GAAE,SAAU,GAC1B,GAAG,GAAE,qBAAsB,CAAC,MAAM,OACrC,CAAC;GAEA,UAAA,CAAA,QAAQ,MAAM,MAAM,KAAK,CAAC,oBACzB,oBAAC,OAAA;IAAI,WAAW,GAAG,GAAG,GAAE,QAAS;IAC9B,UAAA,QAAQ,KAAK,UACZ,oBAAC,OAAA;KAEC,WAAW,GACT,GAAG,GAAE,eACL,MAAM,oBACN,MAAM,iBACN,GACG,GAAG,GAAE,yBAA0B,MAAM,WACxC,CACF;KACA,YAAU,MAAM;KAEf,UAAA,MAAM;IAAA,GAXF,SAAS,MAAM,KAYtB,CACD;GAAA,CACH,GAGF,oBAAC,OAAA;IAAI,WAAW,GAAG,GAAG,GAAE,QAAS;IAC9B,UAAA,MAAM,SACL,KAAK,KAAK,QACR,oBAAC,OAAA;KAEC,WAAW,GAAG,GAAG,GAAE,MAAO;KAC1B,WAAS,IAAI;KAEZ,UAAA,QAAQ,KAAK,SACZ,oBAAC,OAAA;MAEC,WAAW,GACT,GAAG,GAAE,SACL,KAAK,eACL,KAAK,eACP;MAEA,UAAA,oBAAC,eAAA;OACE,GAAG;OACJ,OAAO;QACL,GAAG;QACH,OAAO,IAAI,KAAK;QAChB,SAAS;OACX;OACA,WAAW,KAAK,QAAQ,SAAS,KAAK,KAAK,KAAK,IAAI,EAAE;MAAA,CACxD;KAAA,GAfK,OAAO,IAAI,GAAE,QAAS,KAAK,KAgBlC,CACD;IAAA,GAvBI,OAAO,IAAI,IAwBlB,CACD,IAED,oBAAC,OAAA;KAAI,WAAW,GAAG,GAAG,GAAE,MAAO;KAAG,WAAQ;KACxC,UAAA,oBAAC,QAAA;MAAK,WAAW,GAAG,GAAG,GAAE,kBAAmB;MACzC,UAAA,mBAAmB;KAAA,CACtB;IAAA,CACF;GAAA,CAEJ,CAAA;EAAA,CACF,CAAA;CAAA,CACF;AAEJ"}

package/dist/es/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.styles.css

@@ -0,0 +1,70 @@
+.widget-pseudo-table {
+  --row-height: 44px;
+  --thead-height: 20px;
+  --grid-template-columns: 1fr 1fr 1fr;
+  border: 1px solid #e2e5ec;
+  border-radius: 3px;
+  background-color: #fff;
+}
+.widget-pseudo-table__header {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: space-between;
+  align-items: center;
+  box-sizing: border-box;
+  height: var(--row-height);
+  padding: 12px 16px;
+  border-bottom: 1px solid #e2e5ec;
+}
+.widget-pseudo-table__title-block, .widget-pseudo-table__right-header-content-block {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-items: center;
+  width: fit-content;
+  height: 100%;
+}
+.widget-pseudo-table__body {
+  padding: 8px 16px;
+}
+.widget-pseudo-table__body_no-content {
+  padding: 0 16px;
+}
+.widget-pseudo-table__thead {
+  display: grid;
+  grid-template-columns: var(--grid-template-columns);
+  box-sizing: border-box;
+  height: var(--thead-height);
+}
+.widget-pseudo-table__thead-cell {
+  text-align: right;
+  text-transform: uppercase;
+}
+.widget-pseudo-table__thead-cell:first-of-type {
+  text-align: left;
+}
+.widget-pseudo-table__thead-cell_reqiured::after {
+  margin-left: 3px;
+  content: "*";
+  color: red;
+}
+.widget-pseudo-table__row {
+  display: grid;
+  grid-template-columns: var(--grid-template-columns);
+  box-sizing: border-box;
+  height: var(--row-height);
+  padding: 8px 0;
+  border-bottom: 1px solid #ebeff2;
+}
+.widget-pseudo-table__row:last-of-type {
+  border-bottom: none;
+}
+.widget-pseudo-table__cell {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-end;
+  align-items: center;
+}
+.widget-pseudo-table__cell:first-of-type {
+  justify-content: flex-start;
+}

package/dist/es/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.js

@@ -0,0 +1,82 @@
+import '../../../styles/base.css';
+import './WidgetWithSwitchableRows.styles.css';/* empty css                              */
+import cn from "classnames";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.js
+var RC = "widget-with-switchable-rows";
+var WidgetWithSwitchableRows = (props) => {
+	const { className, title, rightHeaderContent, nullContentData, columns = [], rows, CellComponent, CellComponentProps, onChange, isNoHeader = false } = props || {};
+	const preperedColumns = [{
+		...columns[0],
+		key: "isActive",
+		type: "switcher"
+	}, ...columns.slice(1)];
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn(RC, className),
+		children: [!isNoHeader && /* @__PURE__ */ jsxs("div", {
+			className: cn(`${RC}__header`),
+			children: [/* @__PURE__ */ jsx("div", {
+				className: cn(`${RC}__title-block`),
+				children: title
+			}), /* @__PURE__ */ jsx("div", {
+				className: cn(`${RC}__right-header-content-block`),
+				children: rightHeaderContent
+			})]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: cn(`${RC}__body`, { [`${RC}__body_no-content`]: !rows?.length }),
+			children: [Boolean(rows?.length) && /* @__PURE__ */ jsx("div", {
+				className: cn(`${RC}__thead`),
+				children: preperedColumns.map((field) => /* @__PURE__ */ jsx("div", {
+					className: cn(`${RC}__thead-cell`, field.theadCellClassName, field.columnClassName, { [`${RC}__thead-cell_reqiured`]: field.isRequired }),
+					"data-key": field.key,
+					children: field.label
+				}, `thead-${field.key}`))
+			}), /* @__PURE__ */ jsx("div", {
+				className: cn(`${RC}__table`),
+				children: rows?.length ? rows.map((row) => /* @__PURE__ */ jsx("div", {
+					className: cn(`${RC}__row`),
+					"data-id": row.id,
+					children: preperedColumns.map((cell) => /* @__PURE__ */ jsx("div", {
+						className: cn(`${RC}__cell`, cell.cellClassName, cell.columnClassName),
+						children: /* @__PURE__ */ jsx(CellComponent, {
+							...CellComponentProps,
+							field: {
+								...cell,
+								value: row[cell.key],
+								rowData: row,
+								...cell.key === "isActive" ? {
+									disabled: cell.disabled,
+									label: row.label,
+									isActive: row.isActive
+								} : {
+									disabled: !row.isActive,
+									label: cell.label
+								}
+							},
+							onChange: (key, value, propName, innerFieldKey, additional) => onChange({
+								value,
+								additional,
+								propName,
+								innerFieldKey,
+								key: cell.key || key,
+								rowId: row.id
+							})
+						})
+					}, `row-${row.id}-cell-${cell.key}`))
+				}, `row-${row.id}`)) : /* @__PURE__ */ jsx("div", {
+					className: cn(`${RC}__row`),
+					"data-id": "empty-row",
+					children: /* @__PURE__ */ jsx("span", {
+						className: cn(`${RC}__no-data-content`),
+						children: nullContentData ?? "No data"
+					})
+				})
+			})]
+		})]
+	});
+};
+//#endregion
+export { WidgetWithSwitchableRows as default };
+
+//# sourceMappingURL=WidgetWithSwitchableRows.js.map

package/dist/es/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetWithSwitchableRows.js","names":[],"sources":["../../../../../src/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.js"],"sourcesContent":["import React from \"react\";\n\nimport cn from \"classnames\";\n\nimport \"./WidgetWithSwitchableRows.scss\";\n\nconst RC = \"widget-with-switchable-rows\";\n\nconst WidgetWithSwitchableRows = (props) => {\n  const {\n    className,\n    title,\n    rightHeaderContent,\n    nullContentData,\n\n    columns = [],\n    rows,\n    CellComponent,\n    CellComponentProps,\n    onChange,\n    isNoHeader = false,\n  } = props || {};\n\n  const preperedColumns = [\n    { ...columns[0], key: \"isActive\", type: \"switcher\" },\n    ...columns.slice(1),\n  ];\n\n  return (\n    <div className={cn(RC, className)}>\n      {!isNoHeader && <div className={cn(`${RC}__header`)}>\n        <div className={cn(`${RC}__title-block`)}>{title}</div>\n        <div className={cn(`${RC}__right-header-content-block`)}>\n          {rightHeaderContent}\n        </div>\n      </div>}\n      <div\n        className={cn(`${RC}__body`, {\n          [`${RC}__body_no-content`]: !rows?.length,\n        })}\n      >\n        {Boolean(rows?.length) && (\n          <div className={cn(`${RC}__thead`)}>\n            {preperedColumns.map((field) => (\n              <div\n                key={`thead-${field.key}`}\n                className={cn(\n                  `${RC}__thead-cell`,\n                  field.theadCellClassName,\n                  field.columnClassName,\n                  {\n                    [`${RC}__thead-cell_reqiured`]: field.isRequired,\n                  },\n                )}\n                data-key={field.key}\n              >\n                {field.label}\n              </div>\n            ))}\n          </div>\n        )}\n\n        <div className={cn(`${RC}__table`)}>\n          {rows?.length ? (\n            rows.map((row) => (\n              <div\n                key={`row-${row.id}`}\n                className={cn(`${RC}__row`)}\n                data-id={row.id}\n              >\n                {preperedColumns.map((cell) => (\n                  <div\n                    key={`row-${row.id}-cell-${cell.key}`}\n                    className={cn(\n                      `${RC}__cell`,\n                      cell.cellClassName,\n                      cell.columnClassName,\n                    )}\n                  >\n                    <CellComponent\n                      {...CellComponentProps}\n                      field={{\n                        ...cell,\n                        value: row[cell.key],\n                        rowData: row,\n                        ...(cell.key === \"isActive\"\n                          ? {\n                              disabled: cell.disabled,\n                              label: row.label,\n                              isActive: row.isActive,\n                            }\n                          : { disabled: !row.isActive, label: cell.label }),\n                      }}\n                      onChange={(key, value, propName, innerFieldKey, additional) => onChange({value, additional, propName, innerFieldKey, key: cell.key || key, rowId: row.id })}\n                    />\n                  </div>\n                ))}\n              </div>\n            ))\n          ) : (\n            <div className={cn(`${RC}__row`)} data-id=\"empty-row\">\n              <span className={cn(`${RC}__no-data-content`)}>\n                {nullContentData ?? \"No data\"}\n              </span>\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default WidgetWithSwitchableRows;\n"],"mappings":";;;;;AAMA,IAAM,KAAK;AAEX,IAAM,4BAA4B,UAAU;CAC1C,MAAM,EACJ,WACA,OACA,oBACA,iBAEA,UAAU,CAAC,GACX,MACA,eACA,oBACA,UACA,aAAa,UACX,SAAS,CAAC;CAEd,MAAM,kBAAkB,CACtB;EAAE,GAAG,QAAQ;EAAI,KAAK;EAAY,MAAM;CAAW,GACnD,GAAG,QAAQ,MAAM,CAAC,CACpB;CAEA,OACE,qBAAC,OAAA;EAAI,WAAW,GAAG,IAAI,SAAS;EAC7B,UAAA,CAAA,CAAC,cAAc,qBAAC,OAAA;GAAI,WAAW,GAAG,GAAG,GAAE,SAAU;GAChD,UAAA,CAAA,oBAAC,OAAA;IAAI,WAAW,GAAG,GAAG,GAAE,cAAe;IAAI,UAAA;GAAA,CAAM,GACjD,oBAAC,OAAA;IAAI,WAAW,GAAG,GAAG,GAAE,6BAA8B;IACnD,UAAA;GAAA,CACH,CAAA;EAAA,CACF,GACA,qBAAC,OAAA;GACC,WAAW,GAAG,GAAG,GAAE,SAAU,GAC1B,GAAG,GAAE,qBAAsB,CAAC,MAAM,OACrC,CAAC;GAEA,UAAA,CAAA,QAAQ,MAAM,MAAM,KACnB,oBAAC,OAAA;IAAI,WAAW,GAAG,GAAG,GAAE,QAAS;IAC9B,UAAA,gBAAgB,KAAK,UACpB,oBAAC,OAAA;KAEC,WAAW,GACT,GAAG,GAAE,eACL,MAAM,oBACN,MAAM,iBACN,GACG,GAAG,GAAE,yBAA0B,MAAM,WACxC,CACF;KACA,YAAU,MAAM;KAEf,UAAA,MAAM;IAAA,GAXF,SAAS,MAAM,KAYtB,CACD;GAAA,CACH,GAGF,oBAAC,OAAA;IAAI,WAAW,GAAG,GAAG,GAAE,QAAS;IAC9B,UAAA,MAAM,SACL,KAAK,KAAK,QACR,oBAAC,OAAA;KAEC,WAAW,GAAG,GAAG,GAAE,MAAO;KAC1B,WAAS,IAAI;KAEZ,UAAA,gBAAgB,KAAK,SACpB,oBAAC,OAAA;MAEC,WAAW,GACT,GAAG,GAAE,SACL,KAAK,eACL,KAAK,eACP;MAEA,UAAA,oBAAC,eAAA;OACE,GAAG;OACJ,OAAO;QACL,GAAG;QACH,OAAO,IAAI,KAAK;QAChB,SAAS;QACT,GAAI,KAAK,QAAQ,aACb;SACE,UAAU,KAAK;SACf,OAAO,IAAI;SACX,UAAU,IAAI;QAChB,IACA;SAAE,UAAU,CAAC,IAAI;SAAU,OAAO,KAAK;QAAM;OACnD;OACA,WAAW,KAAK,OAAO,UAAU,eAAe,eAAe,SAAS;QAAC;QAAO;QAAY;QAAU;QAAe,KAAK,KAAK,OAAO;QAAK,OAAO,IAAI;OAAG,CAAC;MAAA,CAC5J;KAAA,GAtBK,OAAO,IAAI,GAAE,QAAS,KAAK,KAuBlC,CACD;IAAA,GA9BI,OAAO,IAAI,IA+BlB,CACD,IAED,oBAAC,OAAA;KAAI,WAAW,GAAG,GAAG,GAAE,MAAO;KAAG,WAAQ;KACxC,UAAA,oBAAC,QAAA;MAAK,WAAW,GAAG,GAAG,GAAE,kBAAmB;MACzC,UAAA,mBAAmB;KAAA,CACtB;IAAA,CACF;GAAA,CAEJ,CAAA;EAAA,CACF,CAAA;CAAA,CACF;AAEJ"}

package/dist/es/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.styles.css

@@ -0,0 +1,70 @@
+.widget-with-switchable-rows {
+  --row-height: 44px;
+  --thead-height: 20px;
+  --grid-template-columns: 1fr 1fr 1fr;
+  border: 1px solid #e2e5ec;
+  border-radius: 3px;
+  background-color: #fff;
+}
+.widget-with-switchable-rows__header {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: space-between;
+  align-items: center;
+  box-sizing: border-box;
+  height: var(--row-height);
+  padding: 12px 16px;
+  border-bottom: 1px solid #e2e5ec;
+}
+.widget-with-switchable-rows__title-block, .widget-with-switchable-rows__right-header-content-block {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-items: center;
+  width: fit-content;
+  height: 100%;
+}
+.widget-with-switchable-rows__body {
+  padding: 8px 16px;
+}
+.widget-with-switchable-rows__body_no-content {
+  padding: 0 16px;
+}
+.widget-with-switchable-rows__thead {
+  display: grid;
+  grid-template-columns: var(--grid-template-columns);
+  box-sizing: border-box;
+  height: var(--thead-height);
+}
+.widget-with-switchable-rows__thead-cell {
+  text-align: right;
+  text-transform: uppercase;
+}
+.widget-with-switchable-rows__thead-cell:first-of-type {
+  text-align: left;
+}
+.widget-with-switchable-rows__thead-cell_reqiured::after {
+  margin-left: 3px;
+  content: "*";
+  color: red;
+}
+.widget-with-switchable-rows__row {
+  display: grid;
+  grid-template-columns: var(--grid-template-columns);
+  box-sizing: border-box;
+  height: var(--row-height);
+  padding: 8px 0;
+  border-bottom: 1px solid #ebeff2;
+}
+.widget-with-switchable-rows__row:last-of-type {
+  border-bottom: none;
+}
+.widget-with-switchable-rows__cell {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-end;
+  align-items: center;
+}
+.widget-with-switchable-rows__cell:first-of-type {
+  justify-content: flex-start;
+}

package/dist/es/Atomic/Layout/Header/Header.js

@@ -0,0 +1,87 @@
+import '../../../styles/base.css';
+import Hint from "../../UI/Hint/Hint.js";
+import './Header.styles.css';/* empty css            */
+import cn from "classnames";
+import { useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Bell, ChevronRight, Power } from "react-feather";
+//#region src/Atomic/Layout/Header/Header.tsx
+function Header({ className, name = "John", surname = "Silver", status = "admin", img = "", hintLabel = "Help", hintText = "Hint text" }) {
+	const [isOpen, setIsOpen] = useState(false);
+	const userMenu = useRef(null);
+	const handle = {
+		toggleMenu: () => {
+			if (!isOpen) setIsOpen(!isOpen);
+		},
+		closeMenu: () => {
+			setTimeout(() => setIsOpen(false), 50);
+		},
+		logout: () => {
+			handle.toggleMenu();
+		}
+	};
+	return /* @__PURE__ */ jsxs("header", {
+		className: cn("header", className),
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "df",
+			children: /* @__PURE__ */ jsx(Hint, {
+				side: "bottom",
+				hint: hintText,
+				className: "header__hint",
+				label: hintLabel
+			})
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "j6 user-menu",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					onClick: () => {},
+					className: "header--bell",
+					children: [/* @__PURE__ */ jsx(Bell, { className: "header--bell-icon" }), /* @__PURE__ */ jsx("div", { className: "header--bell-notification-icon" })]
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "header--user-ava",
+					children: img && /* @__PURE__ */ jsx("img", {
+						src: img,
+						alt: "user-avatar"
+					})
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "dfc mr10",
+					children: [/* @__PURE__ */ jsxs("span", {
+						className: "header--user-name",
+						children: [
+							name,
+							" ",
+							surname
+						]
+					}), /* @__PURE__ */ jsx("span", {
+						className: "header--user-status",
+						children: status
+					})]
+				}),
+				/* @__PURE__ */ jsx(ChevronRight, {
+					onClick: handle.toggleMenu,
+					"data-testid": "accordion--title-chevron",
+					className: cn("accordion--title-chevron", { "accordion--title-chevron-open": isOpen })
+				}),
+				isOpen && /* @__PURE__ */ jsx("div", {
+					className: "user-menu__dropdown",
+					ref: userMenu,
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "user-menu__item",
+						onClick: handle.logout,
+						children: [
+							/* @__PURE__ */ jsx(Power, { className: "mr10" }),
+							" ",
+							"Logout"
+						]
+					})
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { Header as default };
+
+//# sourceMappingURL=Header.js.map

package/dist/es/Atomic/Layout/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","names":[],"sources":["../../../../../src/Atomic/Layout/Header/Header.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\n\nimport type { IHeaderProps } from './Header.interface';\nimport cn from 'classnames';\nimport { useRef, useState } from 'react';\n\nimport { Bell, ChevronRight, Power } from 'react-feather';\n\nimport Hint from '../../UI/Hint/Hint';\nimport './Header.scss';\n\nfunction Header({\n  className,\n  name = 'John',\n  surname = 'Silver',\n  status = 'admin',\n  img = '',\n  hintLabel = 'Help',\n  hintText = 'Hint text',\n}: IHeaderProps): ReactElement {\n  const [isOpen, setIsOpen] = useState(false);\n\n  const userMenu = useRef(null);\n\n  const handle = {\n    toggleMenu: () => {\n      if (!isOpen) setIsOpen(!isOpen);\n    },\n    closeMenu: () => {\n      setTimeout(() => setIsOpen(false), 50);\n    },\n    logout: () => {\n      handle.toggleMenu();\n    },\n  };\n\n  return (\n    <header className={cn('header', className)}>\n      <div className=\"df\">\n        <Hint\n          side=\"bottom\"\n          hint={hintText}\n          className=\"header__hint\"\n          label={hintLabel}\n        />\n      </div>\n\n      <div className=\"j6 user-menu\">\n        <div onClick={() => {}} className=\"header--bell\">\n          <Bell className=\"header--bell-icon\" />\n          <div className=\"header--bell-notification-icon\" />\n        </div>\n\n        <div className=\"header--user-ava\">\n          {img && <img src={img} alt=\"user-avatar\" />}\n        </div>\n\n        <div className=\"dfc mr10\">\n          <span className=\"header--user-name\">\n            {name}\n            {' '}\n            {surname}\n          </span>\n          <span className=\"header--user-status\">{status}</span>\n        </div>\n\n        <ChevronRight\n          onClick={handle.toggleMenu}\n          data-testid=\"accordion--title-chevron\"\n          className={cn('accordion--title-chevron', {\n            'accordion--title-chevron-open': isOpen,\n          })}\n        />\n        {isOpen && (\n          <div className=\"user-menu__dropdown\" ref={userMenu}>\n            <div className=\"user-menu__item\" onClick={handle.logout}>\n              <Power className=\"mr10\" />\n              {' '}\n              Logout\n            </div>\n          </div>\n        )}\n      </div>\n    </header>\n  );\n}\n\nexport default Header;\n"],"mappings":";;;;;;;AAWA,SAAS,OAAO,EACd,WACA,OAAO,QACP,UAAU,UACV,SAAS,SACT,MAAM,IACN,YAAY,QACZ,WAAW,eACkB;CAC7B,MAAM,CAAC,QAAQ,aAAa,SAAS,KAAK;CAE1C,MAAM,WAAW,OAAO,IAAI;CAE5B,MAAM,SAAS;EACb,kBAAkB;GAChB,IAAI,CAAC,QAAQ,UAAU,CAAC,MAAM;EAChC;EACA,iBAAiB;GACf,iBAAiB,UAAU,KAAK,GAAG,EAAE;EACvC;EACA,cAAc;GACZ,OAAO,WAAW;EACpB;CACF;CAEA,OACE,qBAAC,UAAD;EAAQ,WAAW,GAAG,UAAU,SAAS;YAAzC,CACE,oBAAC,OAAD;GAAK,WAAU;aACb,oBAAC,MAAD;IACE,MAAK;IACL,MAAM;IACN,WAAU;IACV,OAAO;GACR,CAAA;EACE,CAAA,GAEL,qBAAC,OAAD;GAAK,WAAU;aAAf;IACE,qBAAC,OAAD;KAAK,eAAe,CAAC;KAAG,WAAU;eAAlC,CACE,oBAAC,MAAD,EAAM,WAAU,oBAAqB,CAAA,GACrC,oBAAC,OAAD,EAAK,WAAU,iCAAkC,CAAA,CAC9C;;IAEL,oBAAC,OAAD;KAAK,WAAU;eACZ,OAAO,oBAAC,OAAD;MAAK,KAAK;MAAK,KAAI;KAAe,CAAA;IACvC,CAAA;IAEL,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,qBAAC,QAAD;MAAM,WAAU;gBAAhB;OACG;OACA;OACA;MACG;SACN,oBAAC,QAAD;MAAM,WAAU;gBAAuB;KAAa,CAAA,CACjD;;IAEL,oBAAC,cAAD;KACE,SAAS,OAAO;KAChB,eAAY;KACZ,WAAW,GAAG,4BAA4B,EACxC,iCAAiC,OACnC,CAAC;IACF,CAAA;IACA,UACC,oBAAC,OAAD;KAAK,WAAU;KAAsB,KAAK;eACxC,qBAAC,OAAD;MAAK,WAAU;MAAkB,SAAS,OAAO;gBAAjD;OACE,oBAAC,OAAD,EAAO,WAAU,OAAQ,CAAA;OACxB;OAAI;MAEF;;IACF,CAAA;GAEJ;IACC;;AAEZ"}

package/dist/es/Atomic/Layout/Header/Header.styles.css

@@ -0,0 +1,82 @@
+.header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  box-sizing: border-box;
+  padding: 11.5px 24px;
+  box-shadow: 0 4px 16px rgba(31, 116, 153, 0.15);
+}
+.header--user-name {
+  overflow: hidden;
+  max-width: 150px;
+  font-size: 12px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.header--user-status {
+  font-size: 10px;
+  color: #9aa0b9;
+}
+.header--user-ava {
+  overflow: hidden;
+  width: 30px;
+  height: 30px;
+  margin-right: 8px;
+  text-align: center;
+  border-radius: 20px;
+}
+.header--user-ava img {
+  width: 30px;
+}
+.header--chevron-icon:hover {
+  cursor: pointer;
+}
+.header--bell {
+  position: relative;
+  display: flex;
+  width: 16px;
+  min-width: 16px;
+  max-width: 16px;
+  height: 16px;
+  margin-right: 22px;
+  cursor: pointer;
+}
+.header--bell-notification-icon {
+  position: absolute;
+  top: -3px;
+  right: -6px;
+  width: 7px;
+  height: 7px;
+  content: "";
+  border-radius: 15px;
+  background-color: #f06d8d;
+}
+.header__hint .hint__button {
+  color: #6b81dd;
+}
+.header__hint .hint__button .hint__label {
+  margin-left: 5px;
+}
+
+.user-menu__dropdown {
+  position: absolute;
+  z-index: 50;
+  top: 100%;
+  width: 100%;
+  padding: 10px 0;
+  border: 1px solid #e2e5ec;
+  background: #fff;
+  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
+}
+
+.user-menu__item {
+  padding: 5px 15px;
+  cursor: pointer;
+}
+.user-menu__item:hover {
+  background: #e2e5ec;
+}
+
+.user-menu {
+  position: relative;
+}

package/dist/es/Atomic/Layout/MainMenu/MainMenu.js

@@ -0,0 +1,134 @@
+import '../../../styles/base.css';
+import Langs from "../../../Langs.js";
+import Accordion from "../../UI/Accordion/Accordion.js";
+import './MainMenu.styles.css';/* empty css              */
+import cn from "classnames";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as Icons from "react-feather";
+import { NavLink } from "react-router-dom";
+//#region src/Atomic/Layout/MainMenu/MainMenu.jsx
+function MainMenu(props) {
+	const { items, className } = props;
+	const txt = Langs[globalThis.lng];
+	const [isOpen, setIsOpen] = useState(true);
+	const [isMenuHovered, setIsMenuHovered] = useState(false);
+	const [isMenuIconHovered, setIsMenuIconHovered] = useState(false);
+	const chapterClass = cn("main-menu--items-box-chapter", { "main-menu--items-box-chapter-hidden": !isOpen && !isMenuHovered });
+	const accordionClass = cn("main-menu--accordion", { "main-menu--accordion-hidden": !isOpen && !isMenuHovered });
+	const itemsBoxClass = cn("main-menu--items-box", { "main-menu--items-box-closed": !isOpen && !isMenuHovered });
+	const mainMenuClass = cn("main-menu", className, { "main-menu--closed": !isOpen && !isMenuHovered });
+	const onMenuHover = () => {
+		if (!isOpen) {
+			setIsMenuHovered(!isMenuHovered);
+			items.mainMenu.forEach((item) => {
+				item.isOpen = false;
+			});
+			items.partners.forEach((item) => {
+				item.isOpen = false;
+			});
+			items.other.forEach((item) => {
+				item.isOpen = false;
+			});
+		}
+	};
+	const onCloseMenu = () => {
+		setIsOpen(!isOpen);
+		items.mainMenu.forEach((item) => {
+			item.isOpen = false;
+		});
+		items.partners.forEach((item) => {
+			item.isOpen = false;
+		});
+		items.other.forEach((item) => {
+			item.isOpen = false;
+		});
+	};
+	const changeMenuIcon = () => {
+		if (isOpen && !isMenuIconHovered) return /* @__PURE__ */ jsx(Icons.Menu, {});
+		if (isOpen && isMenuIconHovered) return /* @__PURE__ */ jsx(Icons.ChevronLeft, {});
+		if (!isOpen && isMenuHovered) return /* @__PURE__ */ jsx(Icons.ChevronRight, {});
+		if (!isOpen) return /* @__PURE__ */ jsx("div", { className: "main-menu--logo-close" });
+		return null;
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: mainMenuClass,
+		onMouseEnter: () => onMenuHover(),
+		onMouseLeave: () => setIsMenuHovered(false),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: cn("main-menu--header", { "main-menu--header-closed": !isOpen && !isMenuHovered }),
+			children: [/* @__PURE__ */ jsx("div", { className: cn("main-menu--logo", { "main-menu--logo-none": !isOpen && !isMenuHovered }) }), /* @__PURE__ */ jsx("div", {
+				className: "main-menu--header-btn",
+				onClick: () => onCloseMenu(),
+				children: /* @__PURE__ */ jsx("div", {
+					className: "j5",
+					onMouseEnter: () => setIsMenuIconHovered(true),
+					onMouseLeave: () => setIsMenuIconHovered(false),
+					children: changeMenuIcon()
+				})
+			})]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: itemsBoxClass,
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: cn("main-menu--items-box-main"),
+					children: items.main.map((item, index) => {
+						const Icon = Icons[item.icon];
+						return item.link ? /* @__PURE__ */ jsx(NavLink, {
+							to: item.link,
+							className: cn("main-menu--items-box-title"),
+							children: /* @__PURE__ */ jsxs("div", {
+								className: "main-menu--item",
+								children: [/* @__PURE__ */ jsx("div", {
+									className: "df",
+									children: /* @__PURE__ */ jsx(Icon, { className: cn("mr5", item.className) })
+								}), /* @__PURE__ */ jsx("span", {
+									className: cn({ hidden: !isOpen && !isMenuHovered }),
+									children: item?.title || "Link"
+								})]
+							})
+						}, index) : /* @__PURE__ */ jsx("span", {
+							className: cn("main-menu--items-box-title", { hidden: !isOpen && !isMenuHovered }),
+							children: txt?.titles[item?.title]
+						}, index);
+					})
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: chapterClass,
+					children: /* @__PURE__ */ jsx("span", { children: "Main menu" })
+				}),
+				/* @__PURE__ */ jsx(Accordion, {
+					className: accordionClass,
+					items: items.mainMenu,
+					onClick: () => {}
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: chapterClass,
+					children: /* @__PURE__ */ jsx("span", { children: "Partners" })
+				}),
+				/* @__PURE__ */ jsx(Accordion, {
+					isOpen,
+					isMenuHovered,
+					className: accordionClass,
+					items: items.partners,
+					onClick: () => {}
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: chapterClass,
+					children: /* @__PURE__ */ jsx("span", { children: "Other" })
+				}),
+				/* @__PURE__ */ jsx(Accordion, {
+					className: accordionClass,
+					isOpen,
+					isMenuHovered,
+					items: items.other,
+					onClick: () => {}
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { MainMenu as default };
+
+//# sourceMappingURL=MainMenu.js.map

package/dist/es/Atomic/Layout/MainMenu/MainMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainMenu.js","names":[],"sources":["../../../../../src/Atomic/Layout/MainMenu/MainMenu.jsx"],"sourcesContent":["import cn from 'classnames';\n\nimport { useState } from 'react';\nimport * as Icons from 'react-feather';\nimport { NavLink } from 'react-router-dom';\n\nimport Langs from '../../../Langs';\nimport Accordion from '../../UI/Accordion/Accordion';\n\nimport './MainMenu.scss';\n\nfunction MainMenu(props) {\n  const { items, className } = props;\n  const txt = Langs[globalThis.lng];\n  const [isOpen, setIsOpen] = useState(true);\n  const [isMenuHovered, setIsMenuHovered] = useState(false);\n  const [isMenuIconHovered, setIsMenuIconHovered] = useState(false);\n\n  const chapterClass = cn('main-menu--items-box-chapter', {\n    'main-menu--items-box-chapter-hidden': !isOpen && !isMenuHovered,\n  });\n  const accordionClass = cn('main-menu--accordion', {\n    'main-menu--accordion-hidden': !isOpen && !isMenuHovered,\n  });\n  const itemsBoxClass = cn('main-menu--items-box', {\n    'main-menu--items-box-closed': !isOpen && !isMenuHovered,\n  });\n  const mainMenuClass = cn('main-menu', className, {\n    'main-menu--closed': !isOpen && !isMenuHovered,\n  });\n\n  const onMenuHover = () => {\n    if (!isOpen) {\n      setIsMenuHovered(!isMenuHovered);\n      items.mainMenu.forEach((item) => {\n        item.isOpen = false;\n      });\n      items.partners.forEach((item) => {\n        item.isOpen = false;\n      });\n      items.other.forEach((item) => {\n        item.isOpen = false;\n      });\n    }\n  };\n\n  const onCloseMenu = () => {\n    setIsOpen(!isOpen);\n    items.mainMenu.forEach((item) => {\n      item.isOpen = false;\n    });\n    items.partners.forEach((item) => {\n      item.isOpen = false;\n    });\n    items.other.forEach((item) => {\n      item.isOpen = false;\n    });\n  };\n\n  const changeMenuIcon = () => {\n    if (isOpen && !isMenuIconHovered) return <Icons.Menu />;\n    if (isOpen && isMenuIconHovered) return <Icons.ChevronLeft />;\n    if (!isOpen && isMenuHovered) return <Icons.ChevronRight />;\n    if (!isOpen) return <div className=\"main-menu--logo-close\" />;\n    return null;\n  };\n\n  return (\n    <div\n      className={mainMenuClass}\n      onMouseEnter={() => onMenuHover()}\n      onMouseLeave={() => setIsMenuHovered(false)}\n    >\n      <div\n        className={cn('main-menu--header', {\n          'main-menu--header-closed': !isOpen && !isMenuHovered,\n        })}\n      >\n        <div\n          className={cn('main-menu--logo', {\n            'main-menu--logo-none': !isOpen && !isMenuHovered,\n          })}\n        />\n        <div className=\"main-menu--header-btn\" onClick={() => onCloseMenu()}>\n          <div\n            className=\"j5\"\n            onMouseEnter={() => setIsMenuIconHovered(true)}\n            onMouseLeave={() => setIsMenuIconHovered(false)}\n          >\n            {changeMenuIcon()}\n          </div>\n        </div>\n      </div>\n\n      <div className={itemsBoxClass}>\n        <div className={cn('main-menu--items-box-main')}>\n          {items.main.map((item, index) => {\n            const Icon = Icons[item.icon];\n            return item.link\n              ? (\n                  <NavLink\n                    to={item.link}\n                    key={index}\n                    className={cn('main-menu--items-box-title')}\n                  >\n                    <div className=\"main-menu--item\">\n                      <div className=\"df\">\n                        <Icon className={cn('mr5', item.className)} />\n                      </div>\n                      <span className={cn({ hidden: !isOpen && !isMenuHovered })}>\n                        {item?.title || 'Link'}\n                      </span>\n                    </div>\n                  </NavLink>\n                )\n              : (\n                  <span\n                    key={index}\n                    className={cn('main-menu--items-box-title', {\n                      hidden: !isOpen && !isMenuHovered,\n                    })}\n                  >\n                    {txt?.titles[item?.title]}\n                  </span>\n                );\n          })}\n        </div>\n\n        <div className={chapterClass}>\n          <span>Main menu</span>\n        </div>\n        <Accordion\n          className={accordionClass}\n          items={items.mainMenu}\n          onClick={() => {}}\n        />\n\n        <div className={chapterClass}>\n          <span>Partners</span>\n        </div>\n        <Accordion\n          isOpen={isOpen}\n          isMenuHovered={isMenuHovered}\n          className={accordionClass}\n          items={items.partners}\n          onClick={() => {}}\n        />\n\n        <div className={chapterClass}>\n          <span>Other</span>\n        </div>\n        <Accordion\n          className={accordionClass}\n          isOpen={isOpen}\n          isMenuHovered={isMenuHovered}\n          items={items.other}\n          onClick={() => {}}\n        />\n      </div>\n    </div>\n  );\n}\n\nexport default MainMenu;\n"],"mappings":"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"}