@snack-uikit/toolbar 0.7.63 → 0.7.64-preview-71543426.0

package/dist/cjs/components/Toolbar/Toolbar.js

@@ -0,0 +1,82 @@
+"use strict";
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Toolbar = Toolbar;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const button_1 = require("@snack-uikit/button");
+const icons_1 = require("@snack-uikit/icons");
+const search_private_1 = require("@snack-uikit/search-private");
+const utils_1 = require("@snack-uikit/utils");
+const constants_1 = require("../../constants");
+const helperComponents_1 = require("../../helperComponents");
+const helpers_1 = require("./helpers");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function Toolbar(_a) {
+  var {
+      className,
+      before,
+      after,
+      outline,
+      moreActions,
+      onRefresh,
+      search
+    } = _a,
+    rest = __rest(_a, ["className", "before", "after", "outline", "moreActions", "onRefresh", "search"]);
+  const needsDeleteAction = (0, helpers_1.isDeleteActionProps)(rest);
+  const hasLeftSideElements = Boolean(needsDeleteAction || before || onRefresh);
+  return (0, jsx_runtime_1.jsxs)("div", Object.assign({
+    className: (0, classnames_1.default)(styles_module_scss_1.default.container, className)
+  }, (0, utils_1.extractSupportProps)(rest), {
+    "data-outline": outline || undefined,
+    children: [hasLeftSideElements && (0, jsx_runtime_1.jsxs)("div", {
+      className: styles_module_scss_1.default.flexRow,
+      children: [needsDeleteAction && (0, jsx_runtime_1.jsx)(helperComponents_1.DeleteAction, Object.assign({}, (0, helpers_1.extractDeleteActionProps)(rest))), before && (0, jsx_runtime_1.jsx)("div", {
+        "data-test-id": constants_1.TEST_IDS.before,
+        className: styles_module_scss_1.default.actions,
+        children: before
+      }), (needsDeleteAction || before) && (0, jsx_runtime_1.jsx)(helperComponents_1.Separator, {}), onRefresh && (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, {
+        children: [(0, jsx_runtime_1.jsx)(button_1.ButtonFunction, {
+          icon: (0, jsx_runtime_1.jsx)(icons_1.UpdateSVG, {}),
+          size: 'm',
+          className: styles_module_scss_1.default.updateButton,
+          onClick: onRefresh,
+          "data-test-id": constants_1.TEST_IDS.refreshButton
+        }), (0, jsx_runtime_1.jsx)(helperComponents_1.Separator, {})]
+      })]
+    }), search && (0, jsx_runtime_1.jsx)(search_private_1.SearchPrivate, Object.assign({}, search, {
+      className: styles_module_scss_1.default.search,
+      size: 'm',
+      "data-test-id": constants_1.TEST_IDS.search
+    })), (moreActions || after) && (0, jsx_runtime_1.jsxs)("div", {
+      className: styles_module_scss_1.default.flexRow,
+      "data-align-right": !search && !hasLeftSideElements || undefined,
+      children: [after && (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, {
+        children: [(search || hasLeftSideElements) && (0, jsx_runtime_1.jsx)(helperComponents_1.Separator, {}), (0, jsx_runtime_1.jsx)("div", {
+          "data-test-id": constants_1.TEST_IDS.after,
+          className: styles_module_scss_1.default.actions,
+          children: after
+        })]
+      }), moreActions && (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, {
+        children: [(0, jsx_runtime_1.jsx)(helperComponents_1.Separator, {}), (0, jsx_runtime_1.jsx)(helperComponents_1.MoreActions, {
+          moreActions: moreActions
+        })]
+      })]
+    })]
+  }));
+}

package/dist/cjs/components/Toolbar/helpers.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.extractDeleteActionProps = extractDeleteActionProps;
+exports.isDeleteActionProps = isDeleteActionProps;
+function extractDeleteActionProps(_ref) {
+  let {
+    onCheck,
+    checked,
+    indeterminate,
+    onDelete,
+    selectionMode
+  } = _ref;
+  return {
+    onCheck,
+    checked,
+    indeterminate,
+    onDelete,
+    selectionMode
+  };
+}
+function isDeleteActionProps(props) {
+  return 'onDelete' in props && props.onDelete !== undefined || 'checked' in props && props.checked !== undefined && 'onCheck' in props && props.onCheck !== undefined && 'selectionMode' in props && props.selectionMode === 'multiple';
+}

package/dist/cjs/components/Toolbar/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./Toolbar"), exports);

package/dist/cjs/components/Toolbar/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/components/Toolbar/typesUtils.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/components/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./Toolbar"), exports);

package/dist/cjs/constants.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TEST_IDS = void 0;
+exports.TEST_IDS = {
+  main: 'toolbar',
+  checkbox: 'toolbar__checkbox',
+  deleteButton: 'toolbar__delete-button',
+  refreshButton: 'toolbar__refresh-button',
+  search: 'toolbar__search',
+  moreActionsButton: 'toolbar__more-actions-button',
+  droplist: 'toolbar__droplist',
+  option: 'toolbar__droplist-option',
+  before: 'toolbar__before',
+  after: 'toolbar__after'
+};

package/dist/cjs/helperComponents/DeleteAction/DeleteAction.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DeleteAction = DeleteAction;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const button_1 = require("@snack-uikit/button");
+const icons_1 = require("@snack-uikit/icons");
+const toggles_1 = require("@snack-uikit/toggles");
+const constants_1 = require("../../constants");
+const constants_2 = require("./constants");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function DeleteAction(_ref) {
+  let {
+    checked,
+    onCheck,
+    onDelete,
+    indeterminate,
+    selectionMode = constants_2.SELECTION_MODE.Multiple
+  } = _ref;
+  const handleKeyDown = (0, react_1.useCallback)(e => {
+    if (e.key === ' ') {
+      onCheck === null || onCheck === void 0 ? void 0 : onCheck();
+    }
+  }, [onCheck]);
+  return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, {
+    children: [selectionMode === constants_2.SELECTION_MODE.Multiple && (0, jsx_runtime_1.jsx)("div", {
+      className: styles_module_scss_1.default.checkboxWrapper,
+      onClick: onCheck,
+      tabIndex: 0,
+      role: 'checkbox',
+      "aria-checked": checked,
+      onKeyDown: handleKeyDown,
+      "data-test-id": constants_1.TEST_IDS.checkbox,
+      children: (0, jsx_runtime_1.jsx)(toggles_1.Checkbox, {
+        size: 's',
+        checked: checked,
+        indeterminate: indeterminate,
+        tabIndex: -1
+      })
+    }), onDelete && (0, jsx_runtime_1.jsx)(button_1.ButtonFunction, {
+      "data-test-id": constants_1.TEST_IDS.deleteButton,
+      icon: (0, jsx_runtime_1.jsx)(icons_1.TrashSVG, {}),
+      size: 'm',
+      onClick: onDelete,
+      disabled: !checked && !indeterminate
+    })]
+  });
+}

package/dist/cjs/helperComponents/DeleteAction/constants.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SELECTION_MODE = void 0;
+exports.SELECTION_MODE = {
+  Single: 'single',
+  Multiple: 'multiple'
+};

package/dist/cjs/helperComponents/DeleteAction/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./DeleteAction"), exports);
+__exportStar(require("./constants"), exports);
+__exportStar(require("./types"), exports);

package/dist/cjs/helperComponents/DeleteAction/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/helperComponents/MoreActions/MoreActions.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MoreActions = MoreActions;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const button_1 = require("@snack-uikit/button");
+const icons_1 = require("@snack-uikit/icons");
+const list_1 = require("@snack-uikit/list");
+const tag_1 = require("@snack-uikit/tag");
+const constants_1 = require("../../constants");
+function MoreActions(_ref) {
+  let {
+    moreActions
+  } = _ref;
+  const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+  return (0, jsx_runtime_1.jsx)(list_1.Droplist, {
+    trigger: 'clickAndFocusVisible',
+    open: isOpen,
+    "data-test-id": constants_1.TEST_IDS.droplist,
+    onOpenChange: setIsOpen,
+    placement: 'bottom-end',
+    scroll: true,
+    size: 's',
+    items: moreActions.map(item => ({
+      onClick: e => {
+        var _a;
+        (_a = item.onClick) === null || _a === void 0 ? void 0 : _a.call(item, e);
+        setIsOpen(false);
+        e.stopPropagation();
+      },
+      disabled: item.disabled,
+      content: item.content,
+      beforeContent: item.icon,
+      afterContent: item.tagLabel ? (0, jsx_runtime_1.jsx)(tag_1.Tag, {
+        label: item.tagLabel
+      }) : undefined,
+      'data-test-id': constants_1.TEST_IDS.option
+    })),
+    children: (0, jsx_runtime_1.jsx)(button_1.ButtonFunction, {
+      icon: (0, jsx_runtime_1.jsx)(icons_1.KebabSVG, {
+        size: 24
+      }),
+      size: 'm',
+      "data-test-id": constants_1.TEST_IDS.moreActionsButton
+    })
+  });
+}

package/dist/cjs/helperComponents/MoreActions/constants.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TRIGGER_CLOSE_DROPLIST_KEY_CODES = exports.TRIGGER_OPEN_DROPLIST_KEY_KEYS = void 0;
+exports.TRIGGER_OPEN_DROPLIST_KEY_KEYS = [' ',
+// <- Space key
+'ArrowDown'];
+exports.TRIGGER_CLOSE_DROPLIST_KEY_CODES = ['Escape', 'Tab'];

package/dist/cjs/helperComponents/MoreActions/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./MoreActions"), exports);

package/dist/cjs/helperComponents/Separator/Separator.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Separator = Separator;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function Separator() {
+  return (0, jsx_runtime_1.jsx)("span", {
+    className: styles_module_scss_1.default.separator
+  });
+}

package/dist/cjs/helperComponents/Separator/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./Separator"), exports);

package/dist/cjs/helperComponents/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./DeleteAction"), exports);
+__exportStar(require("./Separator"), exports);
+__exportStar(require("./MoreActions"), exports);

package/dist/cjs/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./components"), exports);

package/dist/esm/components/Toolbar/Toolbar.d.ts

@@ -0,0 +1,4 @@
+import { WithSupportProps } from '@snack-uikit/utils';
+import { CheckedToolbarProps, DefaultToolbarProps } from './types';
+export type ToolbarProps = WithSupportProps<DefaultToolbarProps | CheckedToolbarProps>;
+export declare function Toolbar({ className, before, after, outline, moreActions, onRefresh, search, ...rest }: ToolbarProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/Toolbar/helpers.d.ts

@@ -0,0 +1,10 @@
+import { ToolbarProps } from './Toolbar';
+import { CheckedToolbarProps } from './types';
+export declare function extractDeleteActionProps({ onCheck, checked, indeterminate, onDelete, selectionMode, }: Omit<CheckedToolbarProps, 'onRefresh'>): {
+    onCheck: (() => void) | undefined;
+    checked: boolean | undefined;
+    indeterminate: boolean | undefined;
+    onDelete: (() => void) | undefined;
+    selectionMode: import("../../helperComponents").SelectionMode | undefined;
+};
+export declare function isDeleteActionProps(props: Partial<ToolbarProps>): props is CheckedToolbarProps;

package/dist/esm/components/Toolbar/styles.module.css

@@ -0,0 +1,63 @@
+.toolbar{
+  box-sizing:border-box;
+}
+
+.container{
+  border-radius:var(--radius-toolbar-container, 14px);
+  position:relative;
+  display:flex;
+  justify-content:space-between;
+  box-sizing:border-box;
+  background-color:var(--sys-neutral-background1-level, #fdfdfd);
+}
+.container[data-outline]::before{
+  border-radius:var(--radius-toolbar-container, 14px);
+  border-width:var(--border-width-toolbar-outline, 1px);
+  pointer-events:none;
+  content:"";
+  position:absolute;
+  top:0;
+  left:0;
+  box-sizing:border-box;
+  width:100%;
+  height:100%;
+  border-color:var(--sys-neutral-decor-default, #dde0ea);
+  border-style:solid;
+}
+
+.search{
+  height:var(--size-toolbar-checkbox, 40px);
+  padding-left:var(--space-toolbar-search-horizontal-padding, 8px);
+  padding-right:var(--space-toolbar-search-horizontal-padding, 8px);
+  border-radius:var(--radius-toolbar-search, 14px);
+}
+.search:focus-within{
+  outline-width:var(--border-state-focus-s-border-width, 2px);
+  outline-style:var(--border-state-focus-s-border-style, solid);
+  outline-color:var(--border-state-focus-s-border-color, );
+  position:relative;
+  outline-color:var(--sys-available-complementary, #1c1c24);
+}
+
+.updateButton svg{
+  transform:rotate(360deg);
+  transition:transform 0.5s;
+}
+.updateButton:active svg{
+  transform:rotate(0deg);
+  transition-duration:0s;
+}
+
+.flexRow{
+  display:flex;
+  flex-shrink:0;
+  box-sizing:border-box;
+}
+.flexRow[data-align-right]{
+  margin-left:auto;
+}
+
+.actions{
+  flex-shrink:0;
+  box-sizing:border-box;
+}

package/dist/esm/components/Toolbar/types.d.ts

@@ -0,0 +1,36 @@
+import { ReactNode } from 'react';
+import { DeleteActionProps, MoreActionsProps } from '../../helperComponents';
+import { NeverOrUndefined, RequireAtLeastOne } from './typesUtils';
+type OptionalProps = {
+    /** Колбек обновления */
+    onRefresh?(): void;
+    /** Дополнительный слот в начале Тулбара */
+    before?: ReactNode;
+    /** Дополнительный слот в конце тулбара */
+    after?: ReactNode;
+    /** Элементы выпадающего списка кнопки с действиями */
+    moreActions?: MoreActionsProps['moreActions'];
+};
+export type CommonToolbarProps = {
+    /** Параметры отвечают за строку поиска <br>
+     * <strong>value</strong>: Значение строки поиска <br>
+     * <strong>onChange</strong>: Колбэк смены значения <br>
+     * <strong>onSubmit</strong>: Колбэк на подтверждение поиска по строке
+     * <strong>placeholder</strong>: Плейсхолдер <br>
+     * <strong>loading</strong>: Состояние загрузки <br>
+     *  */
+    search?: {
+        value: string;
+        onChange(value: string): void;
+        onSubmit?(value: string): void;
+        placeholder?: string;
+        loading?: boolean;
+    };
+    /** Класснейм */
+    className?: string;
+    /** Внешний бордер */
+    outline?: boolean;
+};
+export type CheckedToolbarProps = CommonToolbarProps & DeleteActionProps & OptionalProps;
+export type DefaultToolbarProps = CommonToolbarProps & NeverOrUndefined<DeleteActionProps> & RequireAtLeastOne<OptionalProps>;
+export {};

package/dist/esm/components/Toolbar/typesUtils.d.ts

@@ -0,0 +1,12 @@
+export type IsEqual<A, B> = (<G>() => G extends A ? 1 : 2) extends <G>() => G extends B ? 1 : 2 ? true : false;
+type Filter<KeyType, ExcludeType> = IsEqual<KeyType, ExcludeType> extends true ? never : KeyType extends ExcludeType ? never : KeyType;
+type Except<ObjectType, KeysType extends keyof ObjectType> = {
+    [KeyType in keyof ObjectType as Filter<KeyType, KeysType>]: ObjectType[KeyType];
+};
+export type RequireAtLeastOne<ObjectType, KeysType extends keyof ObjectType = keyof ObjectType> = {
+    [Key in KeysType]-?: Required<Pick<ObjectType, Key>> & Partial<Pick<ObjectType, Exclude<KeysType, Key>>>;
+}[KeysType] & Except<ObjectType, KeysType>;
+export type NeverOrUndefined<T> = {
+    [P in keyof T]?: never;
+};
+export {};

package/dist/esm/components/index.d.ts

@@ -0,0 +1 @@
+export * from './Toolbar';

package/dist/esm/components/index.js

@@ -0,0 +1 @@
+export * from './Toolbar';

package/dist/esm/constants.d.ts

@@ -0,0 +1,12 @@
+export declare const TEST_IDS: {
+    main: string;
+    checkbox: string;
+    deleteButton: string;
+    refreshButton: string;
+    search: string;
+    moreActionsButton: string;
+    droplist: string;
+    option: string;
+    before: string;
+    after: string;
+};

package/dist/esm/helperComponents/DeleteAction/DeleteAction.d.ts

@@ -0,0 +1,14 @@
+import { SelectionMode } from './types';
+export type DeleteActionProps = {
+    /** Колбек смены значения чекбокса*/
+    onCheck?(): void;
+    /** Колбек удаления */
+    onDelete?(): void;
+    /** Значения чекбокса*/
+    checked?: boolean;
+    /** Состояние частичного выбора */
+    indeterminate?: boolean;
+    /** Режим выбора @default 'multiple'*/
+    selectionMode?: SelectionMode;
+};
+export declare function DeleteAction({ checked, onCheck, onDelete, indeterminate, selectionMode, }: DeleteActionProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/helperComponents/DeleteAction/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const SELECTION_MODE: {
+    readonly Single: "single";
+    readonly Multiple: "multiple";
+};

package/dist/esm/helperComponents/DeleteAction/index.js

@@ -0,0 +1,3 @@
+export * from './DeleteAction';
+export * from './constants';
+export * from './types';

package/dist/esm/helperComponents/DeleteAction/styles.module.css

@@ -0,0 +1,18 @@
+.checkboxWrapper{
+  border-radius:var(--radius-toolbar-checkbox, 14px);
+  width:var(--size-toolbar-checkbox, 40px);
+  height:var(--size-toolbar-checkbox, 40px);
+  cursor:pointer;
+  position:relative;
+  display:flex;
+  flex-shrink:0;
+  align-items:center;
+  justify-content:center;
+  box-sizing:border-box;
+}
+.checkboxWrapper:focus-visible{
+  outline-width:var(--border-state-focus-s-border-width, 2px);
+  outline-style:var(--border-state-focus-s-border-style, solid);
+  outline-color:var(--border-state-focus-s-border-color, );
+  outline-color:var(--sys-available-complementary, #1c1c24);
+}

package/dist/esm/helperComponents/DeleteAction/types.d.ts

@@ -0,0 +1,3 @@
+import { ValueOf } from '@snack-uikit/utils';
+import { SELECTION_MODE } from './constants';
+export type SelectionMode = ValueOf<typeof SELECTION_MODE>;

package/dist/esm/helperComponents/MoreActions/MoreActions.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { BaseItemProps } from '@snack-uikit/list';
+type Action = {
+    tagLabel?: string;
+    icon?: ReactNode;
+} & Pick<BaseItemProps, 'content' | 'disabled' | 'onClick'>;
+export type MoreActionsProps = {
+    moreActions: Action[];
+};
+export declare function MoreActions({ moreActions }: MoreActionsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/helperComponents/MoreActions/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const TRIGGER_OPEN_DROPLIST_KEY_KEYS: string[];
+export declare const TRIGGER_CLOSE_DROPLIST_KEY_CODES: string[];

package/dist/esm/helperComponents/MoreActions/index.js

@@ -0,0 +1 @@
+export * from './MoreActions';

package/dist/esm/helperComponents/Separator/Separator.d.ts

@@ -0,0 +1 @@
+export declare function Separator(): import("react/jsx-runtime").JSX.Element;

package/dist/esm/helperComponents/Separator/index.js

@@ -0,0 +1 @@
+export * from './Separator';

package/dist/esm/helperComponents/Separator/styles.module.css

@@ -0,0 +1,7 @@
+.separator{
+  flex-shrink:0;
+  box-sizing:border-box;
+  width:var(--border-width-toolbar-separator, 1px);
+  margin:var(--space-toolbar-separator-padding, 8px) 0;
+  background-color:var(--sys-neutral-decor-default, #dde0ea);
+}

package/dist/esm/helperComponents/index.js

@@ -0,0 +1,3 @@
+export * from './DeleteAction';
+export * from './Separator';
+export * from './MoreActions';

package/dist/esm/index.js

@@ -0,0 +1 @@
+export * from './components';

package/package.json

@@ -4,15 +4,16 @@
     "access": "public"
   },
   "title": "Toolbar",
-  "version": "0.7.63",
+  "version": "0.7.64-preview-71543426.0",
   "sideEffects": [
     "*.css",
     "*.woff",
     "*.woff2"
   ],
   "description": "Toolbar",
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
+  "types": "./dist/esm/index.d.ts",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/esm/index.js",
   "homepage": "https://github.com/cloud-ru-tech/snack-uikit/tree/master/packages/toolbar",
   "repository": {
     "type": "git",
@@ -24,7 +25,8 @@
     "Nikita Ershov <niershov@cloud.ru>"
   ],
   "files": [
-    "dist",
+    "dist/cjs",
+    "dist/esm",
     "src",
     "./CHANGELOG.md",
     "./LICENSE"
@@ -32,14 +34,14 @@
   "license": "Apache-2.0",
   "scripts": {},
   "dependencies": {
-    "@snack-uikit/button": "0.17.5",
-    "@snack-uikit/icons": "0.22.1",
-    "@snack-uikit/list": "0.18.0",
-    "@snack-uikit/search-private": "0.2.5",
-    "@snack-uikit/tag": "0.9.11",
-    "@snack-uikit/toggles": "0.10.4",
-    "@snack-uikit/utils": "3.4.0",
+    "@snack-uikit/button": "0.17.6-preview-71543426.0",
+    "@snack-uikit/icons": "0.22.2-preview-71543426.0",
+    "@snack-uikit/list": "0.18.1-preview-71543426.0",
+    "@snack-uikit/search-private": "0.2.6-preview-71543426.0",
+    "@snack-uikit/tag": "0.9.12-preview-71543426.0",
+    "@snack-uikit/toggles": "0.10.5-preview-71543426.0",
+    "@snack-uikit/utils": "3.4.1-preview-71543426.0",
     "classnames": "2.3.2"
   },
-  "gitHead": "a80c5b606728e51dd8470bf622cbab4f4b6fe337"
+  "gitHead": "3102614275e261c8f41db0f6c00a1f6b6276b2a9"
 }