intelicoreact 1.8.3 → 1.8.4

package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.jsx

@@ -0,0 +1,83 @@
+import cn from 'classnames';
+
+import { useEffect, useState } from 'react';
+
+import { compare } from '../../../Functions/utils';
+
+import VariantsListRadioItem from './partials/VariantsListRadioItem';
+
+import './VariantsListRadio.scss';
+
+const RC = 'variants-list-radio';
+
+function VariantsListRadio({
+  items: outerItems,
+  value: outerValue,
+  onChange = () => {},
+
+  isWithBorders,
+  itemsContentRenderMode,
+  isRadioPositionReverse,
+  isUseAsOptionsList,
+  disabled,
+  isDisabled,
+
+  id,
+  className,
+  testId = 'variants-list-radio',
+
+  attributesOfNativeInput,
+  isMixWithPersonalAttributes,
+}) {
+  const [items, setItems] = useState(outerItems);
+  const [value, setValue] = useState(outerValue);
+
+  const componentnId = id || 'variantsListRadio';
+  const mode = itemsContentRenderMode === 'col' ? 'col' : 'row';
+  const isElementDisabled = disabled || isDisabled;
+
+  const handleChange = (newValue) => {
+    setValue(newValue);
+    onChange(newValue);
+  };
+
+  useEffect(() => {
+    if (!compare(outerItems, items)) setItems(outerItems);
+  }, [outerItems]);
+
+  useEffect(() => {
+    if (value !== outerValue) setValue(outerValue);
+  }, [outerValue]);
+
+  return (
+    <div
+      id={componentnId}
+      data-testid={testId}
+      className={cn(RC, `${RC}_items-content-${mode}`, className, {
+        [`${RC}_with-borders`]: isWithBorders && !isUseAsOptionsList,
+        [`${RC}_radio-position-reverse`]: isRadioPositionReverse,
+      })}
+    >
+      {items.map(item => (
+        <VariantsListRadioItem
+          key={`variants-list-radio-id-${componentnId}-item-id-${item.value}`}
+          RC={RC}
+          parentId={componentnId}
+          item={{
+            ...item,
+            isDisabled:
+              item.disabled || item.isDisabled || isElementDisabled || false,
+          }}
+          value={value}
+          onChange={handleChange}
+          attributesOfNativeInput={attributesOfNativeInput}
+          isMixWithPersonalAttributes={isMixWithPersonalAttributes}
+          parentDisabled={disabled}
+          isUseAsOptionsList={isUseAsOptionsList}
+        />
+      ))}
+    </div>
+  );
+}
+
+export default VariantsListRadio;

package/dist/Atomic/FormElements/VariantsListRadio/partials/VariantsListRadioItem.d.ts

@@ -0,0 +1,12 @@
+export default VariantsListRadioItem;
+declare function VariantsListRadioItem({ RC, parentId, item, value: actualValue, onChange, attributesOfNativeInput, isMixWithPersonalAttributes, isUseAsOptionsList, testId, }: {
+    RC: any;
+    parentId: any;
+    item: any;
+    value: any;
+    onChange?: (() => void) | undefined;
+    attributesOfNativeInput?: {} | undefined;
+    isMixWithPersonalAttributes: any;
+    isUseAsOptionsList: any;
+    testId?: string | undefined;
+}): JSX.Element | null;

package/dist/Atomic/FormElements/VariantsListRadio/partials/VariantsListRadioItem.js

@@ -1 +1 @@
-function t(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}function e(e){for(var i=1;i<arguments.length;i++){var n=null!=arguments[i]?arguments[i]:{},a=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),a.forEach(function(i){t(e,i,n[i])})}return e}import{jsx as i,jsxs as n}from"react/jsx-runtime";import"react";import a from"classnames";import{getIsOnlyAnObject as c}from"../../../../Functions/utils";export default function(r){var o,s=r.RC,l=r.parentId,d=r.item,m=r.value,u=r.onChange,_=void 0===u?function(){}:u,p=r.attributesOfNativeInput,v=void 0===p?{}:p,f=r.isMixWithPersonalAttributes,b=r.isUseAsOptionsList,h=r.testId,N=void 0===h?"variants-list-radio-item":h;if(!l||!c(d))return null;var O=d.value,g=d.label,y=d.description,j=d.isDisabled,w=d.attributesOfNativeInput,x="".concat(l.toString(),"--item-").concat(O),P=l.toString(),I=m===O,S=f?e({},v,w):w||v||{};return n("label",{"data-testid":N,className:a("".concat(s,"__item"),(t(o={},"".concat(s,"__item_disabled"),j),t(o,"".concat(s,"__item_active"),I),t(o,"".concat(s,"__item_as-option"),b),o)),htmlFor:x,children:[i("div",{className:a("".concat(s,"__item-radio-container")),children:n("div",{className:a("".concat(s,"__item-radio")),children:[i("input",e({id:x,"data-testid":"".concat(N,"-input"),type:"radio",checked:I,className:"".concat(s,"__item-radio-input"),onChange:function(){return _(O)},name:P,disabled:j},S)),i("div",{className:"".concat(s,"__item-radio-mark")})]})}),n("div",{className:a("".concat(s,"__item-content")),children:[g&&i("div",{className:a("".concat(s,"__item-content-wrapper")),children:i("div",{className:a("".concat(s,"__item-content-label")),children:g})}),y&&!b&&i("div",{className:a("".concat(s,"__item-content-wrapper")),children:i("div",{className:a("".concat(s,"__item-content-description")),children:y})})]})]})}
+function e(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function t(t){for(var a=1;a<arguments.length;a++){var n=null!=arguments[a]?arguments[a]:{},c=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(c=c.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),c.forEach(function(a){e(t,a,n[a])})}return t}Object.defineProperty(exports,"__esModule",{value:!0});var a=require("tslib").__importDefault(require("classnames")),n=require("../../../../Functions/utils");exports.default=function(c){var i,r=c.RC,o=c.parentId,l=c.item,s=c.value,u=c.onChange,m=void 0===u?function(){}:u,d=c.attributesOfNativeInput,_=void 0===d?{}:d,f=c.isMixWithPersonalAttributes,p=c.isUseAsOptionsList,v=c.testId,b=void 0===v?"variants-list-radio-item":v;if(!o||!(0,n.getIsOnlyAnObject)(l))return null;var O=l.value,N=l.label,y=l.description,E=l.isDisabled,R=l.attributesOfNativeInput,g="".concat(o.toString(),"--item-").concat(O),h=o.toString(),j=s===O,w=f?t({},_,R):R||_||{};return React.createElement("label",{"data-testid":b,className:(0,a.default)("".concat(r,"__item"),(e(i={},"".concat(r,"__item_disabled"),E),e(i,"".concat(r,"__item_active"),j),e(i,"".concat(r,"__item_as-option"),p),i)),htmlFor:g},React.createElement("div",{className:(0,a.default)("".concat(r,"__item-radio-container"))},React.createElement("div",{className:(0,a.default)("".concat(r,"__item-radio"))},React.createElement("input",t({id:g,"data-testid":"".concat(b,"-input"),type:"radio",checked:j,className:"".concat(r,"__item-radio-input"),onChange:function(){return m(O)},name:h,disabled:E},w)),React.createElement("div",{className:"".concat(r,"__item-radio-mark")}))),React.createElement("div",{className:(0,a.default)("".concat(r,"__item-content"))},N&&React.createElement("div",{className:(0,a.default)("".concat(r,"__item-content-wrapper"))},React.createElement("div",{className:(0,a.default)("".concat(r,"__item-content-label"))},N)),y&&!p&&React.createElement("div",{className:(0,a.default)("".concat(r,"__item-content-wrapper"))},React.createElement("div",{className:(0,a.default)("".concat(r,"__item-content-description"))},y))))};

package/dist/Atomic/FormElements/VariantsListRadio/partials/VariantsListRadioItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VariantsListRadioItem.js","sourceRoot":"","sources":["../../../../../src/Atomic/FormElements/VariantsListRadio/partials/VariantsListRadioItem.jsx"],"names":[],"mappings":";;;AAAA,oEAA4B;AAE5B,uDAAgE;AAEhE,SAAS,qBAAqB,CAAC,EAC7B,EAAE,EACF,QAAQ,EACR,IAAI,EACJ,KAAK,EAAE,WAAW,EAClB,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EAEnB,uBAAuB,GAAG,EAAE,EAC5B,2BAA2B,EAE3B,kBAAkB,EAClB,MAAM,GAAG,0BAA0B,GACpC;IACC,wDAAwD;IACxD,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAA,yBAAiB,EAAC,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IAEvD,MAAM,EACJ,KAAK,EACL,KAAK,EACL,WAAW,EACX,UAAU,EACV,uBAAuB,EAAE,+BAA+B,GACzD,GAAG,IAAI,CAAC;IACT,MAAM,EAAE,GAAG,GAAG,QAAQ,CAAC,QAAQ,EAAE,UAAU,KAAK,EAAE,CAAC;IACnD,MAAM,IAAI,GAAG,QAAQ,CAAC,QAAQ,EAAE,CAAC;IACjC,MAAM,QAAQ,GAAG,WAAW,KAAK,KAAK,CAAC;IACvC,MAAM,eAAe,GAAG,2BAA2B;QACjD,CAAC,CAAC,EAAE,GAAG,uBAAuB,EAAE,GAAG,+BAA+B,EAAE;QACpE,CAAC,CAAC,+BAA+B,IAAI,uBAAuB,IAAI,EAAE,CAAC;IAErE,OAAO,CACL,8CACe,MAAM,EACnB,SAAS,EAAE,IAAA,oBAAE,EAAC,GAAG,EAAE,QAAQ,EAAE;YAC3B,CAAC,GAAG,EAAE,iBAAiB,CAAC,EAAE,UAAU;YACpC,CAAC,GAAG,EAAE,eAAe,CAAC,EAAE,QAAQ;YAChC,CAAC,GAAG,EAAE,kBAAkB,CAAC,EAAE,kBAAkB;SAC9C,CAAC,EACF,OAAO,EAAE,EAAE;QAEX,6BAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,GAAG,EAAE,wBAAwB,CAAC;YAC/C,6BAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,GAAG,EAAE,cAAc,CAAC;gBACrC,+BACE,EAAE,EAAE,EAAE,iBACO,GAAG,MAAM,QAAQ,EAC9B,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,GAAG,EAAE,oBAAoB,EACpC,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAC/B,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,UAAU,KAChB,eAAe,GACnB;gBACF,6BAAK,SAAS,EAAE,GAAG,EAAE,mBAAmB,GAAQ,CAC5C,CACF;QAEN,6BAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,GAAG,EAAE,gBAAgB,CAAC;YACtC,KAAK,IAAI,CACR,6BAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,GAAG,EAAE,wBAAwB,CAAC;gBAC/C,6BAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,GAAG,EAAE,sBAAsB,CAAC,IAAG,KAAK,CAAO,CAC1D,CACP;YACA,WAAW,IAAI,CAAC,kBAAkB,IAAI,CACrC,6BAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,GAAG,EAAE,wBAAwB,CAAC;gBAC/C,6BAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,GAAG,EAAE,4BAA4B,CAAC,IAClD,WAAW,CACR,CACF,CACP,CACG,CACA,CACT,CAAC;AACJ,CAAC;AAED,kBAAe,qBAAqB,CAAC"}

package/dist/Atomic/FormElements/VariantsListRadio/partials/VariantsListRadioItem.jsx

@@ -0,0 +1,80 @@
+import cn from 'classnames';
+
+import { getIsOnlyAnObject } from '../../../../Functions/utils';
+
+function VariantsListRadioItem({
+  RC,
+  parentId,
+  item,
+  value: actualValue,
+  onChange = () => {},
+
+  attributesOfNativeInput = {},
+  isMixWithPersonalAttributes,
+
+  isUseAsOptionsList,
+  testId = 'variants-list-radio-item',
+}) {
+  // ? Для корректной работы нужны parentId и item(объект)
+  if (!parentId || !getIsOnlyAnObject(item)) return null;
+
+  const {
+    value,
+    label,
+    description,
+    isDisabled,
+    attributesOfNativeInput: personalAttributesOfNativeInput,
+  } = item;
+  const id = `${parentId.toString()}--item-${value}`;
+  const name = parentId.toString();
+  const isActive = actualValue === value;
+  const addAtributesObj = isMixWithPersonalAttributes
+    ? { ...attributesOfNativeInput, ...personalAttributesOfNativeInput }
+    : personalAttributesOfNativeInput || attributesOfNativeInput || {};
+
+  return (
+    <label
+      data-testid={testId}
+      className={cn(`${RC}__item`, {
+        [`${RC}__item_disabled`]: isDisabled,
+        [`${RC}__item_active`]: isActive,
+        [`${RC}__item_as-option`]: isUseAsOptionsList,
+      })}
+      htmlFor={id}
+    >
+      <div className={cn(`${RC}__item-radio-container`)}>
+        <div className={cn(`${RC}__item-radio`)}>
+          <input
+            id={id}
+            data-testid={`${testId}-input`}
+            type="radio"
+            checked={isActive}
+            className={`${RC}__item-radio-input`}
+            onChange={() => onChange(value)}
+            name={name}
+            disabled={isDisabled}
+            {...addAtributesObj}
+          />
+          <div className={`${RC}__item-radio-mark`}></div>
+        </div>
+      </div>
+
+      <div className={cn(`${RC}__item-content`)}>
+        {label && (
+          <div className={cn(`${RC}__item-content-wrapper`)}>
+            <div className={cn(`${RC}__item-content-label`)}>{label}</div>
+          </div>
+        )}
+        {description && !isUseAsOptionsList && (
+          <div className={cn(`${RC}__item-content-wrapper`)}>
+            <div className={cn(`${RC}__item-content-description`)}>
+              {description}
+            </div>
+          </div>
+        )}
+      </div>
+    </label>
+  );
+}
+
+export default VariantsListRadioItem;

package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.d.ts

@@ -0,0 +1,2 @@
+export default WidgetPseudoTable;
+declare function WidgetPseudoTable(props: any): JSX.Element;

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

@@ -1 +1 @@
-function e(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function t(t){for(var n=1;n<arguments.length;n++){var c=null!=arguments[n]?arguments[n]:{},a=Object.keys(c);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(c).filter(function(e){return Object.getOwnPropertyDescriptor(c,e).enumerable}))),a.forEach(function(n){e(t,n,c[n])})}return t}function n(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):(function(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);n.push.apply(n,c)}return n})(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}),e}import{jsx as c,jsxs as a}from"react/jsx-runtime";import"react";import r from"classnames";import"./WidgetPseudoTable.scss";var o="widget-pseudo-table";export default function(l){var i=l||{},s=i.className,d=i.title,u=i.rightHeaderContent,m=i.nullContentData,p=i.isNotRenderThead,h=i.isNoHeader,b=i.columns,_=void 0===b?[]:b,f=i.rows,y=i.CellComponent,v=i.CellComponentProps,O=i.onChange;return a("div",{className:r(o,s),children:[!(void 0!==h&&h)&&a("div",{className:r("".concat(o,"__header")),children:[c("div",{className:r("".concat(o,"__title-block")),children:d}),c("div",{className:r("".concat(o,"__right-header-content-block")),children:u})]}),a("div",{className:r("".concat(o,"__body"),e({},"".concat(o,"__body_no-content"),!(null==f?void 0:f.length))),children:[!!(null==f?void 0:f.length)&&!(void 0!==p&&p)&&c("div",{className:r("".concat(o,"__thead")),children:_.map(function(t){return c("div",{className:r("".concat(o,"__thead-cell"),t.theadCellClassName,t.columnClassName,e({},"".concat(o,"__thead-cell_reqiured"),t.isRequired)),"data-key":t.key,children:t.label},"thead-".concat(t.key))})}),c("div",{className:r("".concat(o,"__table")),children:(null==f?void 0:f.length)?f.map(function(e){return c("div",{className:r("".concat(o,"__row")),"data-id":e.id,children:_.map(function(a){return c("div",{className:r("".concat(o,"__cell"),a.cellClassName,a.columnClassName),children:c(y,n(t({},v),{field:n(t({},a),{value:e[a.key],rowData:e}),onChange:function(t,n){return O(n,a.key,e.id)}}))},"row-".concat(e.id,"-cell-").concat(a.key))})},"row-".concat(e.id))}):c("div",{className:r("".concat(o,"__row")),"data-id":"empty-row",children:c("span",{className:r("".concat(o,"__no-data-content")),children:null!=m?m:"No data"})})})]})]})}
+function e(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function t(t){for(var a=1;a<arguments.length;a++){var c=null!=arguments[a]?arguments[a]:{},n=Object.keys(c);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(c).filter(function(e){return Object.getOwnPropertyDescriptor(c,e).enumerable}))),n.forEach(function(a){e(t,a,c[a])})}return t}function a(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):(function(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);a.push.apply(a,c)}return a})(Object(t)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(t,a))}),e}Object.defineProperty(exports,"__esModule",{value:!0});var c=require("tslib").__importDefault(require("classnames"));require("./WidgetPseudoTable.scss");var n="widget-pseudo-table";exports.default=function(l){var r=l||{},o=r.className,i=r.title,s=r.rightHeaderContent,d=r.nullContentData,u=r.isNotRenderThead,m=r.isNoHeader,f=r.columns,b=void 0===f?[]:f,p=r.rows,_=r.CellComponent,y=r.CellComponentProps,v=r.onChange;return React.createElement("div",{className:(0,c.default)(n,o)},!(void 0!==m&&m)&&React.createElement("div",{className:(0,c.default)("".concat(n,"__header"))},React.createElement("div",{className:(0,c.default)("".concat(n,"__title-block"))},i),React.createElement("div",{className:(0,c.default)("".concat(n,"__right-header-content-block"))},s)),React.createElement("div",{className:(0,c.default)("".concat(n,"__body"),e({},"".concat(n,"__body_no-content"),!(null==p?void 0:p.length)))},!!(null==p?void 0:p.length)&&!(void 0!==u&&u)&&React.createElement("div",{className:(0,c.default)("".concat(n,"__thead"))},b.map(function(t){return React.createElement("div",{key:"thead-".concat(t.key),className:(0,c.default)("".concat(n,"__thead-cell"),t.theadCellClassName,t.columnClassName,e({},"".concat(n,"__thead-cell_reqiured"),t.isRequired)),"data-key":t.key},t.label)})),React.createElement("div",{className:(0,c.default)("".concat(n,"__table"))},(null==p?void 0:p.length)?p.map(function(e){return React.createElement("div",{key:"row-".concat(e.id),className:(0,c.default)("".concat(n,"__row")),"data-id":e.id},b.map(function(l){return React.createElement("div",{key:"row-".concat(e.id,"-cell-").concat(l.key),className:(0,c.default)("".concat(n,"__cell"),l.cellClassName,l.columnClassName)},React.createElement(_,a(t({},y),{field:a(t({},l),{value:e[l.key],rowData:e}),onChange:function(t,a){return v(a,l.key,e.id)}})))}))}):React.createElement("div",{className:(0,c.default)("".concat(n,"__row")),"data-id":"empty-row"},React.createElement("span",{className:(0,c.default)("".concat(n,"__no-data-content"))},null!=d?d:"No data")))))};

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

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetPseudoTable.js","sourceRoot":"","sources":["../../../../src/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.jsx"],"names":[],"mappings":"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"}

package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.jsx

@@ -0,0 +1,103 @@
+import cn from 'classnames';
+
+import './WidgetPseudoTable.scss';
+
+const RC = 'widget-pseudo-table';
+
+function WidgetPseudoTable(props) {
+  const {
+    className,
+    title,
+    rightHeaderContent,
+    nullContentData,
+    isNotRenderThead = false,
+    isNoHeader = false,
+    columns = [],
+    rows,
+    CellComponent,
+    CellComponentProps,
+    onChange,
+  } = props || {};
+
+  return (
+    <div className={cn(RC, className)}>
+      {!isNoHeader && (
+        <div className={cn(`${RC}__header`)}>
+          <div className={cn(`${RC}__title-block`)}>{title}</div>
+          <div className={cn(`${RC}__right-header-content-block`)}>
+            {rightHeaderContent}
+          </div>
+        </div>
+      )}
+      <div
+        className={cn(`${RC}__body`, {
+          [`${RC}__body_no-content`]: !rows?.length,
+        })}
+      >
+        {Boolean(rows?.length) && !isNotRenderThead && (
+          <div className={cn(`${RC}__thead`)}>
+            {columns.map(field => (
+              <div
+                key={`thead-${field.key}`}
+                className={cn(
+                  `${RC}__thead-cell`,
+                  field.theadCellClassName,
+                  field.columnClassName,
+                  {
+                    [`${RC}__thead-cell_reqiured`]: field.isRequired,
+                  },
+                )}
+                data-key={field.key}
+              >
+                {field.label}
+              </div>
+            ))}
+          </div>
+        )}
+
+        <div className={cn(`${RC}__table`)}>
+          {rows?.length
+            ? (
+                rows.map(row => (
+                  <div
+                    key={`row-${row.id}`}
+                    className={cn(`${RC}__row`)}
+                    data-id={row.id}
+                  >
+                    {columns.map(cell => (
+                      <div
+                        key={`row-${row.id}-cell-${cell.key}`}
+                        className={cn(
+                          `${RC}__cell`,
+                          cell.cellClassName,
+                          cell.columnClassName,
+                        )}
+                      >
+                        <CellComponent
+                          {...CellComponentProps}
+                          field={{
+                            ...cell,
+                            value: row[cell.key],
+                            rowData: row,
+                          }}
+                          onChange={(key, val) => onChange(val, cell.key, row.id)}
+                        />
+                      </div>
+                    ))}
+                  </div>
+                ))
+              )
+            : (
+                <div className={cn(`${RC}__row`)} data-id="empty-row">
+                  <span className={cn(`${RC}__no-data-content`)}>
+                    {nullContentData ?? 'No data'}
+                  </span>
+                </div>
+              )}
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default WidgetPseudoTable;

package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.d.ts

@@ -0,0 +1,2 @@
+export default WidgetWithSwitchableRows;
+declare function WidgetWithSwitchableRows(props: any): JSX.Element;

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

@@ -1 +1 @@
-function e(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function t(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function r(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},a=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),a.forEach(function(r){t(e,r,n[r])})}return e}function n(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):(function(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r.push.apply(r,n)}return r})(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}),e}import{jsx as a,jsxs as c}from"react/jsx-runtime";import"react";import o from"classnames";import"./WidgetWithSwitchableRows.scss";var i="widget-with-switchable-rows";export default function(l){var s,d=l||{},u=d.className,m=d.title,b=d.rightHeaderContent,y=d.nullContentData,f=d.columns,p=void 0===f?[]:f,h=d.rows,v=d.CellComponent,_=d.CellComponentProps,w=d.onChange,g=d.isNoHeader,O=[n(r({},p[0]),{key:"isActive",type:"switcher"})].concat(function(t){if(Array.isArray(t))return e(t)}(s=p.slice(1))||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(s)||function(t,r){if(t){if("string"==typeof t)return e(t,void 0);var n=Object.prototype.toString.call(t).slice(8,-1);if("Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return e(t,r)}}(s)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}());return c("div",{className:o(i,u),children:[!(void 0!==g&&g)&&c("div",{className:o("".concat(i,"__header")),children:[a("div",{className:o("".concat(i,"__title-block")),children:m}),a("div",{className:o("".concat(i,"__right-header-content-block")),children:b})]}),c("div",{className:o("".concat(i,"__body"),t({},"".concat(i,"__body_no-content"),!(null==h?void 0:h.length))),children:[!!(null==h?void 0:h.length)&&a("div",{className:o("".concat(i,"__thead")),children:O.map(function(e){return a("div",{className:o("".concat(i,"__thead-cell"),e.theadCellClassName,e.columnClassName,t({},"".concat(i,"__thead-cell_reqiured"),e.isRequired)),"data-key":e.key,children:e.label},"thead-".concat(e.key))})}),a("div",{className:o("".concat(i,"__table")),children:(null==h?void 0:h.length)?h.map(function(e){return a("div",{className:o("".concat(i,"__row")),"data-id":e.id,children:O.map(function(t){return a("div",{className:o("".concat(i,"__cell"),t.cellClassName,t.columnClassName),children:a(v,n(r({},_),{field:r(n(r({},t),{value:e[t.key],rowData:e}),"isActive"===t.key?{disabled:t.disabled,label:e.label,isActive:e.isActive}:{disabled:!e.isActive,label:t.label}),onChange:function(r,n,a,c,o){return w({value:n,additional:o,propName:a,innerFieldKey:c,key:t.key||r,rowId:e.id})}}))},"row-".concat(e.id,"-cell-").concat(t.key))})},"row-".concat(e.id))}):a("div",{className:o("".concat(i,"__row")),"data-id":"empty-row",children:a("span",{className:o("".concat(i,"__no-data-content")),children:null!=y?y:"No data"})})})]})]})}
+function e(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,r=Array(t);a<t;a++)r[a]=e[a];return r}function t(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function a(e){for(var a=1;a<arguments.length;a++){var r=null!=arguments[a]?arguments[a]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),n.forEach(function(a){t(e,a,r[a])})}return e}function r(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):(function(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);a.push.apply(a,r)}return a})(Object(t)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(t,a))}),e}Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib").__importDefault(require("classnames"));require("./WidgetWithSwitchableRows.scss");var c="widget-with-switchable-rows";exports.default=function(l){var o,i=l||{},s=i.className,u=i.title,d=i.rightHeaderContent,m=i.nullContentData,f=i.columns,y=void 0===f?[]:f,b=i.rows,p=i.CellComponent,v=i.CellComponentProps,_=i.onChange,h=i.isNoHeader,w=[r(a({},y[0]),{key:"isActive",type:"switcher"})].concat(function(t){if(Array.isArray(t))return e(t)}(o=y.slice(1))||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(o)||function(t,a){if(t){if("string"==typeof t)return e(t,void 0);var r=Object.prototype.toString.call(t).slice(8,-1);if("Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return e(t,a)}}(o)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}());return React.createElement("div",{className:(0,n.default)(c,s)},!(void 0!==h&&h)&&React.createElement("div",{className:(0,n.default)("".concat(c,"__header"))},React.createElement("div",{className:(0,n.default)("".concat(c,"__title-block"))},u),React.createElement("div",{className:(0,n.default)("".concat(c,"__right-header-content-block"))},d)),React.createElement("div",{className:(0,n.default)("".concat(c,"__body"),t({},"".concat(c,"__body_no-content"),!(null==b?void 0:b.length)))},!!(null==b?void 0:b.length)&&React.createElement("div",{className:(0,n.default)("".concat(c,"__thead"))},w.map(function(e){return React.createElement("div",{key:"thead-".concat(e.key),className:(0,n.default)("".concat(c,"__thead-cell"),e.theadCellClassName,e.columnClassName,t({},"".concat(c,"__thead-cell_reqiured"),e.isRequired)),"data-key":e.key},e.label)})),React.createElement("div",{className:(0,n.default)("".concat(c,"__table"))},(null==b?void 0:b.length)?b.map(function(e){return React.createElement("div",{key:"row-".concat(e.id),className:(0,n.default)("".concat(c,"__row")),"data-id":e.id},w.map(function(t){return React.createElement("div",{key:"row-".concat(e.id,"-cell-").concat(t.key),className:(0,n.default)("".concat(c,"__cell"),t.cellClassName,t.columnClassName)},React.createElement(p,r(a({},v),{field:a(r(a({},t),{value:e[t.key],rowData:e}),"isActive"===t.key?{disabled:t.disabled,label:e.label,isActive:e.isActive}:{disabled:!e.isActive,label:t.label}),onChange:function(a,r,n,c,l){return _({value:r,additional:l,propName:n,innerFieldKey:c,key:t.key||a,rowId:e.id})}})))}))}):React.createElement("div",{className:(0,n.default)("".concat(c,"__row")),"data-id":"empty-row"},React.createElement("span",{className:(0,n.default)("".concat(c,"__no-data-content"))},null!=m?m:"No data")))))};

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

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetWithSwitchableRows.js","sourceRoot":"","sources":["../../../../src/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.jsx"],"names":[],"mappings":"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"}

package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.jsx

@@ -0,0 +1,115 @@
+import cn from 'classnames';
+
+import './WidgetWithSwitchableRows.scss';
+
+const RC = 'widget-with-switchable-rows';
+
+function 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 (
+    <div className={cn(RC, className)}>
+      {!isNoHeader && (
+        <div className={cn(`${RC}__header`)}>
+          <div className={cn(`${RC}__title-block`)}>{title}</div>
+          <div className={cn(`${RC}__right-header-content-block`)}>
+            {rightHeaderContent}
+          </div>
+        </div>
+      )}
+      <div
+        className={cn(`${RC}__body`, {
+          [`${RC}__body_no-content`]: !rows?.length,
+        })}
+      >
+        {Boolean(rows?.length) && (
+          <div className={cn(`${RC}__thead`)}>
+            {preperedColumns.map(field => (
+              <div
+                key={`thead-${field.key}`}
+                className={cn(
+                  `${RC}__thead-cell`,
+                  field.theadCellClassName,
+                  field.columnClassName,
+                  {
+                    [`${RC}__thead-cell_reqiured`]: field.isRequired,
+                  },
+                )}
+                data-key={field.key}
+              >
+                {field.label}
+              </div>
+            ))}
+          </div>
+        )}
+
+        <div className={cn(`${RC}__table`)}>
+          {rows?.length
+            ? (
+                rows.map(row => (
+                  <div
+                    key={`row-${row.id}`}
+                    className={cn(`${RC}__row`)}
+                    data-id={row.id}
+                  >
+                    {preperedColumns.map(cell => (
+                      <div
+                        key={`row-${row.id}-cell-${cell.key}`}
+                        className={cn(
+                          `${RC}__cell`,
+                          cell.cellClassName,
+                          cell.columnClassName,
+                        )}
+                      >
+                        <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 })}
+                        />
+                      </div>
+                    ))}
+                  </div>
+                ))
+              )
+            : (
+                <div className={cn(`${RC}__row`)} data-id="empty-row">
+                  <span className={cn(`${RC}__no-data-content`)}>
+                    {nullContentData ?? 'No data'}
+                  </span>
+                </div>
+              )}
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default WidgetWithSwitchableRows;

package/dist/Atomic/Layout/Header/Header.d.ts

@@ -0,0 +1,10 @@
+export default Header;
+declare function Header({ className, name, surname, status, img, hintLabel, hintText, }: {
+    className: any;
+    name?: string | undefined;
+    surname?: string | undefined;
+    status?: string | undefined;
+    img?: string | undefined;
+    hintLabel?: string | undefined;
+    hintText?: string | undefined;
+}): JSX.Element;

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

@@ -1 +1 @@
-function e(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=Array(r);t<r;t++)n[t]=e[t];return n}import{jsx as r,jsxs as t}from"react/jsx-runtime";import{useRef as n,useState as a}from"react";import i from"classnames";import{Bell as o,ChevronRight as l,Power as s}from"react-feather";import c from"../../UI/Hint/Hint";import"./Header.scss";export default function(u){var m,d=u.className,f=u.name,h=u.surname,v=u.status,p=u.img,g=u.hintLabel,y=u.hintText,N=(m=a(!1),function(e){if(Array.isArray(e))return e}(m)||function(e,r){var t,n,a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var i=[],o=!0,l=!1;try{for(a=a.call(e);!(o=(t=a.next()).done)&&(i.push(t.value),i.length!==r);o=!0);}catch(e){l=!0,n=e}finally{try{o||null==a.return||a.return()}finally{if(l)throw n}}return i}}(m,2)||function(r,t){if(r){if("string"==typeof r)return e(r,2);var n=Object.prototype.toString.call(r).slice(8,-1);if("Object"===n&&r.constructor&&(n=r.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return e(r,t)}}(m,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),b=N[0],j=N[1],x=n(null),A={toggleMenu:function(){b||j(!b)},closeMenu:function(){setTimeout(function(){return j(!1)},50)},logout:function(){A.toggleMenu()}};return t("header",{className:i("header",d),children:[r("div",{className:"df",children:r(c,{side:"bottom",hint:void 0===y?"Hint text":y,className:"header__hint",label:void 0===g?"Help":g,iconOutline:!0})}),t("div",{className:"j6 user-menu",children:[t("div",{onClick:function(){},className:"header--bell",children:[r(o,{className:"header--bell-icon"}),r("div",{className:"header--bell-notification-icon"})]}),r("div",{className:"header--user-ava",children:r("img",{src:void 0===p?"":p,alt:""})}),t("div",{className:"dfc mr10",children:[t("span",{className:"header--user-name",children:[void 0===f?"John":f," ",void 0===h?"Silver":h]}),r("span",{className:"header--user-status",children:void 0===v?"admin":v})]}),r(l,{onClick:A.toggleMenu,className:i("accordion--title-chevron",{"accordion--title-chevron-open":b})}),b&&r("div",{className:"user-menu__dropdown",ref:x,children:t("div",{className:"user-menu__item",onClick:A.logout,children:[r(s,{className:"mr10"})," Logout"]})})]})]})}
+function e(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,r=Array(t);a<t;a++)r[a]=e[a];return r}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),a=t.__importDefault(require("classnames")),r=require("react"),n=require("react-feather"),l=t.__importDefault(require("../../UI/Hint/Hint"));require("./Header.scss"),exports.default=function(t){var c,i=t.className,o=t.name,s=t.surname,u=t.status,m=t.img,d=t.hintLabel,f=t.hintText,v=(c=(0,r.useState)(!1),function(e){if(Array.isArray(e))return e}(c)||function(e,t){var a,r,n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l=[],c=!0,i=!1;try{for(n=n.call(e);!(c=(a=n.next()).done)&&(l.push(a.value),l.length!==t);c=!0);}catch(e){i=!0,r=e}finally{try{c||null==n.return||n.return()}finally{if(i)throw r}}return l}}(c,2)||function(t,a){if(t){if("string"==typeof t)return e(t,2);var r=Object.prototype.toString.call(t).slice(8,-1);if("Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return e(t,a)}}(c,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),h=v[0],p=v[1],g=(0,r.useRef)(null),y={toggleMenu:function(){h||p(!h)},closeMenu:function(){setTimeout(function(){return p(!1)},50)},logout:function(){y.toggleMenu()}};return React.createElement("header",{className:(0,a.default)("header",i)},React.createElement("div",{className:"df"},React.createElement(l.default,{side:"bottom",hint:void 0===f?"Hint text":f,className:"header__hint",label:void 0===d?"Help":d,iconOutline:!0})),React.createElement("div",{className:"j6 user-menu"},React.createElement("div",{onClick:function(){},className:"header--bell"},React.createElement(n.Bell,{className:"header--bell-icon"}),React.createElement("div",{className:"header--bell-notification-icon"})),React.createElement("div",{className:"header--user-ava"},React.createElement("img",{src:void 0===m?"":m,alt:""})),React.createElement("div",{className:"dfc mr10"},React.createElement("span",{className:"header--user-name"},void 0===o?"John":o," ",void 0===s?"Silver":s),React.createElement("span",{className:"header--user-status"},void 0===u?"admin":u)),React.createElement(n.ChevronRight,{onClick:y.toggleMenu,className:(0,a.default)("accordion--title-chevron",{"accordion--title-chevron-open":h})}),h&&React.createElement("div",{className:"user-menu__dropdown",ref:g},React.createElement("div",{className:"user-menu__item",onClick:y.logout},React.createElement(n.Power,{className:"mr10"})," ","Logout"))))};

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/Atomic/Layout/Header/Header.jsx"],"names":[],"mappings":";;;AAAA,oEAA4B;AAE5B,iCAAyC;AACzC,iDAA0D;AAE1D,sEAAsC;AAEtC,yBAAuB;AAEvB,SAAS,MAAM,CAAC,EACd,SAAS,EACT,IAAI,GAAG,MAAM,EACb,OAAO,GAAG,QAAQ,EAClB,MAAM,GAAG,OAAO,EAChB,GAAG,GAAG,EAAE,EACR,SAAS,GAAG,MAAM,EAClB,QAAQ,GAAG,WAAW,GACvB;IACC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAE9B,MAAM,MAAM,GAAG;QACb,UAAU,EAAE,GAAG,EAAE;YACf,IAAI,CAAC,MAAM;gBAAE,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;QAClC,CAAC;QACD,SAAS,EAAE,GAAG,EAAE;YACd,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;QACzC,CAAC;QACD,MAAM,EAAE,GAAG,EAAE;YACX,MAAM,CAAC,UAAU,EAAE,CAAC;QACtB,CAAC;KACF,CAAC;IAEF,OAAO,CACL,gCAAQ,SAAS,EAAE,IAAA,oBAAE,EAAC,QAAQ,EAAE,SAAS,CAAC;QACxC,6BAAK,SAAS,EAAC,IAAI;YACjB,oBAAC,cAAI,IACH,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,QAAQ,EACd,SAAS,EAAC,cAAc,EACxB,KAAK,EAAE,SAAS,EAChB,WAAW,SACX,CACE;QAEN,6BAAK,SAAS,EAAC,cAAc;YAC3B,6BAAK,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,SAAS,EAAC,cAAc;gBAC9C,oBAAC,oBAAI,IAAC,SAAS,EAAC,mBAAmB,GAAG;gBACtC,6BAAK,SAAS,EAAC,gCAAgC,GAAG,CAC9C;YAEN,6BAAK,SAAS,EAAC,kBAAkB;gBAC/B,6BAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAC,EAAE,GAAG,CACpB;YAEN,6BAAK,SAAS,EAAC,UAAU;gBACvB,8BAAM,SAAS,EAAC,mBAAmB;oBAChC,IAAI;oBACJ,GAAG;oBACH,OAAO,CACH;gBACP,8BAAM,SAAS,EAAC,qBAAqB,IAAE,MAAM,CAAQ,CACjD;YAEN,oBAAC,4BAAY,IACX,OAAO,EAAE,MAAM,CAAC,UAAU,EAC1B,SAAS,EAAE,IAAA,oBAAE,EAAC,0BAA0B,EAAE;oBACxC,+BAA+B,EAAE,MAAM;iBACxC,CAAC,GACF;YACD,MAAM,IAAI,CACT,6BAAK,SAAS,EAAC,qBAAqB,EAAC,GAAG,EAAE,QAAQ;gBAChD,6BAAK,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,MAAM,CAAC,MAAM;oBACrD,oBAAC,qBAAK,IAAC,SAAS,EAAC,MAAM,GAAG;oBACzB,GAAG;6BAEA,CACF,CACP,CACG,CACC,CACV,CAAC;AACJ,CAAC;AAED,kBAAe,MAAM,CAAC"}

package/dist/Atomic/Layout/Header/Header.jsx

@@ -0,0 +1,86 @@
+import cn from 'classnames';
+
+import { useRef, useState } from 'react';
+import { Bell, ChevronRight, Power } from 'react-feather';
+
+import Hint from '../../UI/Hint/Hint';
+
+import './Header.scss';
+
+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 (
+    <header className={cn('header', className)}>
+      <div className="df">
+        <Hint
+          side="bottom"
+          hint={hintText}
+          className="header__hint"
+          label={hintLabel}
+          iconOutline
+        />
+      </div>
+
+      <div className="j6 user-menu">
+        <div onClick={() => {}} className="header--bell">
+          <Bell className="header--bell-icon" />
+          <div className="header--bell-notification-icon" />
+        </div>
+
+        <div className="header--user-ava">
+          <img src={img} alt="" />
+        </div>
+
+        <div className="dfc mr10">
+          <span className="header--user-name">
+            {name}
+            {' '}
+            {surname}
+          </span>
+          <span className="header--user-status">{status}</span>
+        </div>
+
+        <ChevronRight
+          onClick={handle.toggleMenu}
+          className={cn('accordion--title-chevron', {
+            'accordion--title-chevron-open': isOpen,
+          })}
+        />
+        {isOpen && (
+          <div className="user-menu__dropdown" ref={userMenu}>
+            <div className="user-menu__item" onClick={handle.logout}>
+              <Power className="mr10" />
+              {' '}
+              Logout
+            </div>
+          </div>
+        )}
+      </div>
+    </header>
+  );
+}
+
+export default Header;

package/dist/Atomic/Layout/MainMenu/MainMenu.d.ts

@@ -0,0 +1,2 @@
+export default MainMenu;
+declare function MainMenu(props: any): JSX.Element;

package/dist/Atomic/UI/Accordion/Accordion.d.ts

@@ -0,0 +1,5 @@
+import type { IAccordionProps } from './Accordion.interface';
+import React from 'react';
+import './Accordion.scss';
+declare const Accordion: React.FC<IAccordionProps>;
+export default Accordion;

package/dist/Atomic/UI/Accordion/index.d.ts

@@ -0,0 +1,3 @@
+import Accordion from './Accordion';
+export default Accordion;
+export type { IAccordionItemProps, IAccordionProps } from './Accordion.interface';