@epam/ai-dial-ui-kit 0.16.0-dev.2 → 0.16.0-dev.20

package/dist/constants/file-grid-columns.js

@@ -1,176 +0,0 @@
-import { jsx as d } from "react/jsx-runtime";
-import { mergeClasses as T } from "../utils/merge-classes.js";
-import { DialFileNodeType as i } from "../models/file.js";
-import { DialFileName as w } from "../components/FileName/FileName.js";
-import { DialFolderName as U } from "../components/FolderName/FolderName.js";
-import { DialDateCellRenderer as B } from "../components/Grid/renderers/DateCellRenderer.js";
-import { FileManagerColumnKey as u, FileManagerRenameTriggerView as P } from "../types/file-manager.js";
-import { DialFileManagerItemName as F } from "../components/FileManager/components/FileManagerItemName/FileManagerItemName.js";
-import { DialItemType as g } from "../types/item.js";
-import { DialFileManagerItemSummaryCell as G } from "../components/FileManager/components/DialFileManagerItemSummaryCell/DialFileManagerItemSummaryCell.js";
-import { BASE_FILE_MANAGER_ICON_SIZE as f } from "../components/FileManager/constants.js";
-import { getForbiddenSymbolsTooltip as V, formatBytes as S } from "../components/FileManager/utils.js";
-import { DEFAULT_LOCALE as Z, DEFAULT_DATE_FORMAT_OPTIONS as $ } from "../components/Grid/renderers/constants.js";
-import { convertToDate as j } from "../utils/grid-date.js";
-const ae = (a) => (t, m, o) => ({
-  colId: u.Name,
-  field: "name",
-  headerName: a,
-  flex: 1,
-  minWidth: 200,
-  cellRenderer: (e) => {
-    const n = e.data.nodeType, {
-      saveFolderCreation: h,
-      validateFolderName: I,
-      cancelFolderCreation: y,
-      newFolderTempId: b,
-      sharedByMePaths: E,
-      selectedPaths: R,
-      disabledRowIds: D,
-      filesLoading: C
-    } = e.context, r = E?.has(e.data.path), N = R?.has(e.data.path), p = D?.has(e.data.path) ?? !1, l = T([
-      "group-hover/grid-row:bg-accent-primary-alpha",
-      N && "bg-accent-primary-alpha"
-    ]);
-    if (e.data?.isTemporary && e.data.id === b)
-      return /* @__PURE__ */ d(
-        F,
-        {
-          name: e.data.name,
-          type: g.Folder,
-          elementId: `new-folder-${e.data.id}`,
-          editing: !0,
-          creating: !0,
-          loading: C,
-          shared: r,
-          sharedIndicatorClassName: l,
-          iconSize: f,
-          validate: I,
-          onSave: h,
-          onCancel: y,
-          onCreateFolderSave: h,
-          onCreateFolderCancel: y,
-          inputContainerClassName: T([
-            "!h-9",
-            o && n === i.ITEM && "!h-10"
-          ])
-        }
-      );
-    const {
-      renameTriggerView: x,
-      renamedPath: M,
-      renamedItem: s,
-      getDisplayName: A,
-      onRenameValidate: v,
-      onRenameSave: L,
-      onRenameCancel: _
-    } = e.context;
-    if (x === P.Grid && M === e.data?.path && s && e.data) {
-      const z = A(s);
-      return /* @__PURE__ */ d(
-        F,
-        {
-          name: z,
-          type: n === i.FOLDER ? g.Folder : g.File,
-          fileExtension: s.name.split(".").pop(),
-          elementId: `rename-${e.data.id}`,
-          editing: !0,
-          shared: r,
-          sharedIndicatorClassName: l,
-          iconSize: f,
-          validate: (O) => v(O, s),
-          onSave: L,
-          onCancel: _,
-          inputContainerClassName: T([
-            "!h-9",
-            o && n === i.ITEM && "!h-10"
-          ]),
-          forbiddenSymbolsRegExp: e.context.forbiddenSymbolsRegExp
-        }
-      );
-    }
-    if (o)
-      return /* @__PURE__ */ d(
-        G,
-        {
-          id: e.data.id,
-          name: e.data.name,
-          nodeType: n,
-          size: e.data.size,
-          shared: r,
-          sharedIndicatorClassName: l,
-          updatedAt: e.data.updatedAt,
-          dateLocale: t,
-          dateOptions: m,
-          hideTooltip: p,
-          forbiddenSymbolsRegExp: e.context.forbiddenSymbolsRegExp,
-          forbiddenSymbolsTooltip: e.context.forbiddenSymbolsTooltip
-        }
-      );
-    const c = V(
-      {
-        name: e.data.name,
-        isFolder: n === i.FOLDER
-      },
-      e.context.forbiddenSymbolsRegExp,
-      e.context.forbiddenSymbolsTooltip
-    );
-    return n === i.FOLDER ? /* @__PURE__ */ d(
-      U,
-      {
-        name: e.data.name,
-        shared: r,
-        sharedIndicatorClassName: l,
-        iconSize: f,
-        hideTooltip: p,
-        isInvalidName: !!c,
-        tooltipContent: c
-      }
-    ) : /* @__PURE__ */ d(
-      w,
-      {
-        name: e.data.name,
-        shared: r,
-        sharedIndicatorClassName: l,
-        iconSize: f,
-        hideTooltip: p,
-        isInvalidName: !!c,
-        tooltipContent: c
-      }
-    );
-  }
-}), re = (a) => (t, m) => ({
-  colId: u.UpdatedAt,
-  field: "updatedAt",
-  headerName: a,
-  width: 168,
-  suppressSizeToFit: !0,
-  cellRenderer: (o) => {
-    const e = o.context?.disabledRowIds?.has(o.data?.path) ?? !1;
-    return /* @__PURE__ */ d(B, { ...o, hideTooltip: e });
-  },
-  cellRendererParams: {
-    locale: t,
-    options: m
-  },
-  filterValueGetter: (o) => {
-    const e = o.data[o.colDef.field || ""], n = j(e);
-    return n ? new Intl.DateTimeFormat(
-      t || Z,
-      m || $
-    ).format(n) : "";
-  }
-}), le = (a) => ({
-  colId: u.Size,
-  field: "size",
-  headerName: a,
-  width: 120,
-  suppressSizeToFit: !0,
-  cellRenderer: (t) => t.data.nodeType === i.ITEM ? S(t.data.contentLength) : "",
-  filterValueGetter: (t) => t.data.nodeType === i.ITEM ? S(t.data.contentLength) : ""
-});
-export {
-  ae as NAME_COLUMN,
-  le as SIZE_COLUMN,
-  re as UPDATED_AT_COLUMN
-};

package/dist/file-manager.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./use-file-manager-tabs-Bzzwwcgk.cjs");exports.DialDestinationFolderPopup=e.DialDestinationFolderPopup;exports.DialFileManager=e.DialFileManager;exports.DialFileManagerActions=e.DialFileManagerActions;exports.DialFileManagerTabs=e.DialFileManagerTabs;exports.DialFoldersTree=e.DialFoldersTree;exports.FileManagerColumnKey=e.FileManagerColumnKey;exports.FileManagerProvider=e.FileManagerProvider;exports.NAME_COLUMN=e.NAME_COLUMN;exports.SIZE_COLUMN=e.SIZE_COLUMN;exports.UPDATED_AT_COLUMN=e.UPDATED_AT_COLUMN;exports.useDialFileManagerTabs=e.useDialFileManagerTabs;exports.useFileManagerContext=e.useFileManagerContext;

package/dist/file-manager.js

@@ -1,22 +0,0 @@
-import { DialFileManager as o } from "./components/FileManager/FileManager.js";
-import { DialDestinationFolderPopup as i } from "./components/FileManager/components/DestinationFolderPopup/DestinationFolderPopup.js";
-import { DialFoldersTree as t } from "./components/FileManager/components/FoldersTree/FoldersTree.js";
-import { useDialFileManagerTabs as M } from "./components/FileManager/hooks/use-file-manager-tabs.js";
-import { FileManagerProvider as m } from "./components/FileManager/FileManagerProvider.js";
-import { useFileManagerContext as D } from "./components/FileManager/hooks/use-file-manager-context.js";
-import { DialFileManagerActions as f, DialFileManagerTabs as g, FileManagerColumnKey as s } from "./types/file-manager.js";
-import { NAME_COLUMN as T, SIZE_COLUMN as u, UPDATED_AT_COLUMN as A } from "./constants/file-grid-columns.js";
-export {
-  i as DialDestinationFolderPopup,
-  o as DialFileManager,
-  f as DialFileManagerActions,
-  g as DialFileManagerTabs,
-  t as DialFoldersTree,
-  s as FileManagerColumnKey,
-  m as FileManagerProvider,
-  T as NAME_COLUMN,
-  u as SIZE_COLUMN,
-  A as UPDATED_AT_COLUMN,
-  M as useDialFileManagerTabs,
-  D as useFileManagerContext
-};

package/dist/hooks/use-flexible-actions.js

@@ -1,72 +0,0 @@
-import { BASE_ICON_SIZE as k } from "../constants/icon.js";
-import { FlexibleActionsDirection as m } from "../types/flexible-actions.js";
-import { useRef as l, useState as x, useCallback as I, useLayoutEffect as O, useEffect as y } from "react";
-function _({
-  actions: t,
-  direction: s = m.Normal,
-  moreButtonWidth: g = k,
-  actionsGap: o = 8,
-  containerPadding: v = 8,
-  dependencies: A = []
-}) {
-  const n = l(null), d = l(null), W = l(null), C = l(null), F = l([]), [u, w] = x(0), f = I(
-    (e, r) => {
-      const i = W.current?.offsetWidth ?? 0, b = C.current?.offsetWidth ?? 0, h = i + b, S = r.getBoundingClientRect().width - h - g - o * 2 - v * 2;
-      let a = 0, R = 0;
-      if (s === m.Reverse)
-        for (let c = e.length - 1; c >= 0 && (a += e[c] + o, !(a > S)); c--)
-          R++;
-      else
-        for (const c of e) {
-          if (a += c + o, a > S) break;
-          R++;
-        }
-      w(R);
-    },
-    [o, v, s, g]
-  );
-  O(
-    () => {
-      if (!d.current || !n.current) return;
-      const r = Array.from(d.current.children).map(
-        (i) => Math.ceil(i.getBoundingClientRect().width)
-      );
-      F.current = r, r.length !== 0 && f(r, n.current);
-    },
-    // Re-measure when the action list or layout-affecting deps (e.g. isMobile) change
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [t, f, ...A]
-  ), y(() => {
-    if (!n.current) return;
-    let e = null;
-    const r = () => {
-      e && cancelAnimationFrame(e), e = requestAnimationFrame(() => {
-        if (!n.current) return;
-        const b = n.current, h = F.current;
-        h.length !== 0 && f(h, b);
-      });
-    }, i = new ResizeObserver(r);
-    return i.observe(n.current), r(), () => {
-      e && cancelAnimationFrame(e), i.disconnect();
-    };
-  }, [
-    t.length,
-    f,
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    ...A
-  ]);
-  const E = s === m.Reverse ? t.slice(0, t.length - u) : t.slice(u);
-  return {
-    visibleActions: s === m.Reverse ? t.slice(t.length - u) : t.slice(0, u),
-    hiddenActions: E,
-    refs: {
-      containerRef: n,
-      measureRef: d,
-      leftSectionRef: W,
-      rightSectionRef: C
-    }
-  };
-}
-export {
-  _ as useFlexibleActions
-};

package/dist/hooks/use-width-breakpoint.js

@@ -1,15 +0,0 @@
-import { useRef as u, useState as f, useEffect as l } from "react";
-function a(t, r) {
-  const e = u(null), [s, o] = f(!1);
-  return l(() => {
-    if (!e.current) return;
-    const n = new ResizeObserver(([c]) => {
-      const i = c.contentRect.width;
-      o(i < t);
-    });
-    return n.observe(r?.current || e?.current), () => n.disconnect();
-  }, [t, r]), { containerRef: e, isBelowBreakpoint: s };
-}
-export {
-  a as useWidthBreakpoint
-};