@pnkx-lib/ui 1.9.29 → 1.9.33

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,4 @@
1
- import { g as get, j as jsxRuntimeExports, L as Label, E as ErrorMessage, T as Typography } from './Switch-za5Skgtp.js';
1
+ import { g as get, j as jsxRuntimeExports, L as Label, E as ErrorMessage, T as Typography } from './Switch-Ck9WdQgt.js';
2
2
  import { Select as Select$1, Radio } from 'antd';
3
3
 
4
4
  const Select = (props) => {
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import React__default, { useRef, useState, useEffect, useLayoutEffect, useMemo, forwardRef, useCallback, createElement, Component, createRef, createContext, useContext } from 'react';
3
3
  import { Typography as Typography$1, Input as Input$1, Checkbox, DatePicker, Upload, Image, Switch } from 'antd';
4
- import { g as require_baseGetTag, h as requireIsObjectLike, k as requireIsArray, d as require_MapCache, o as require_Symbol, p as getDefaultExportFromCjs, q as commonjsGlobal, T as TINY_API } from './common-b3FKGF0Y.js';
4
+ import { e as require_baseGetTag, f as requireIsObjectLike, i as requireIsArray, b as require_MapCache, m as require_Symbol, n as getDefaultExportFromCjs, o as commonjsGlobal } from './_MapCache-hm6_DB7i.js';
5
5
  import * as ReactDOM from 'react-dom';
6
6
  import ReactDOM__default, { findDOMNode } from 'react-dom';
7
7
 
@@ -7462,6 +7462,8 @@ var Editor = /** @class */ (function (_super) {
7462
7462
  return Editor;
7463
7463
  }(React.Component));
7464
7464
 
7465
+ const TINY_API = "miai0qn3c79adm555yoxd9kz6j6a323ek760nf7qd81nv1p5";
7466
+
7465
7467
  var lodash$1 = {exports: {}};
7466
7468
 
7467
7469
  /**
@@ -39384,4 +39386,4 @@ const SwitchField = (props) => {
39384
39386
  };
39385
39387
  React__default.memo(SwitchField);
39386
39388
 
39387
- export { _createSuper as A, _assertThisInitialized$1 as B, CheckboxField as C, DatePickerField as D, ErrorMessage as E, FastColor as F, _objectWithoutProperties as G, IconContext as H, Input as I, Label as L, PnkxField as P, RangePickerField as R, Typography as T, _extends as _, TinyMCE as a, Icon as b, _typeof as c, classNames as d, _arrayLikeToArray as e, _unsupportedIterableToArray as f, get$1 as g, _createClass as h, _classCallCheck as i, jsxRuntimeExports as j, _defineProperty as k, _slicedToArray as l, warning$1 as m, canUseDom as n, _objectSpread2 as o, updateCSS as p, _arrayWithHoles as q, removeCSS as r, _nonIterableRest as s, resetWarned as t, useForm as u, generate$1 as v, warningOnce as w, presetPrimaryColors as x, presetPalettes as y, _inherits as z };
39389
+ export { _inherits as A, _createSuper as B, CheckboxField as C, DatePickerField as D, ErrorMessage as E, FastColor as F, _assertThisInitialized$1 as G, _objectWithoutProperties as H, Input as I, IconContext as J, Label as L, PnkxField as P, RangePickerField as R, Typography as T, _extends as _, TINY_API as a, TinyMCE as b, Icon as c, _typeof as d, classNames as e, _arrayLikeToArray as f, get$1 as g, _unsupportedIterableToArray as h, _createClass as i, jsxRuntimeExports as j, _classCallCheck as k, _defineProperty as l, _slicedToArray as m, warning$1 as n, canUseDom as o, _objectSpread2 as p, updateCSS as q, removeCSS as r, _arrayWithHoles as s, _nonIterableRest as t, useForm as u, resetWarned as v, warningOnce as w, generate$1 as x, presetPrimaryColors as y, presetPalettes as z };
@@ -1252,10 +1252,4 @@ function require_MapCache () {
1252
1252
  return _MapCache;
1253
1253
  }
1254
1254
 
1255
- const TINY_API = "miai0qn3c79adm555yoxd9kz6j6a323ek760nf7qd81nv1p5";
1256
- const START_PAGE = 1;
1257
- const PAGE_INDEX = "PageIndex";
1258
- const SORT_BY = "SortBy";
1259
- const SORT_DESC = "SortDesc";
1260
-
1261
- export { PAGE_INDEX as P, START_PAGE as S, TINY_API as T, SORT_DESC as a, SORT_BY as b, require_Map as c, require_MapCache as d, require_getNative as e, requireEq as f, require_baseGetTag as g, requireIsObjectLike as h, require_root as i, require_freeGlobal as j, requireIsArray as k, requireIsFunction as l, requireIsObject as m, require_toSource as n, require_Symbol as o, getDefaultExportFromCjs as p, commonjsGlobal as q, require_ListCache as r };
1255
+ export { require_Map as a, require_MapCache as b, require_getNative as c, requireEq as d, require_baseGetTag as e, requireIsObjectLike as f, require_root as g, require_freeGlobal as h, requireIsArray as i, requireIsFunction as j, requireIsObject as k, require_toSource as l, require_Symbol as m, getDefaultExportFromCjs as n, commonjsGlobal as o, require_ListCache as r };
@@ -1,10 +1,10 @@
1
- import { j as jsxRuntimeExports, b as Icon, _ as _extends, c as _typeof, P as PnkxField, C as CheckboxField, u as useForm, I as Input, d as classNames, e as _arrayLikeToArray, f as _unsupportedIterableToArray, w as warningOnce, h as _createClass, i as _classCallCheck, k as _defineProperty, l as _slicedToArray, m as warning$1, n as canUseDom, o as _objectSpread2, p as updateCSS, r as removeCSS, q as _arrayWithHoles, s as _nonIterableRest, t as resetWarned$1, F as FastColor, v as generate, x as presetPrimaryColors, y as presetPalettes, z as _inherits, A as _createSuper, B as _assertThisInitialized, G as _objectWithoutProperties, H as IconContext } from './Switch-za5Skgtp.js';
1
+ import { j as jsxRuntimeExports, c as Icon, _ as _extends, d as _typeof, P as PnkxField, C as CheckboxField, u as useForm, I as Input, e as classNames, f as _arrayLikeToArray, h as _unsupportedIterableToArray, w as warningOnce, i as _createClass, k as _classCallCheck, l as _defineProperty, m as _slicedToArray, n as warning$1, o as canUseDom, p as _objectSpread2, q as updateCSS, r as removeCSS, s as _arrayWithHoles, t as _nonIterableRest, v as resetWarned$1, F as FastColor, x as generate, y as presetPrimaryColors, z as presetPalettes, A as _inherits, B as _createSuper, G as _assertThisInitialized, H as _objectWithoutProperties, J as IconContext } from './Switch-Ck9WdQgt.js';
2
2
  import { Button as Button$1, Cascader, Space as Space$1, Card, Skeleton as Skeleton$1, Modal as Modal$1, Tooltip as Tooltip$1, Popconfirm as Popconfirm$1, Typography, Table as Table$1, Tabs as Tabs$1, Popover as Popover$1, Badge as Badge$1, Col as Col$1, Row as Row$1, Dropdown as Dropdown$1, Breadcrumb as Breadcrumb$1, Flex as Flex$1, Splitter as Splitter$1, Menu as Menu$1, Pagination as Pagination$1, Steps as Steps$1, Tag as Tag$1, Divider as Divider$2, Alert as Alert$1, Spin as Spin$1, Drawer as Drawer$1, QRCode as QRCode$1, Result as Result$1, Rate as Rate$1, Segmented as Segmented$1, Statistic as Statistic$1, Timeline as Timeline$1, Tour as Tour$1, Tree as Tree$1, Watermark as Watermark$1, Anchor as Anchor$1, Affix, AutoComplete as AutoComplete$1, Input as Input$1, Collapse, ColorPicker, Empty as Empty$2, Image as Image$1 } from 'antd';
3
3
  import * as React from 'react';
4
4
  import React__default, { version as version$1, isValidElement, useLayoutEffect as useLayoutEffect$1, useEffect, useRef, useMemo as useMemo$1, useCallback, useState, createContext, memo, useReducer, useContext, Component } from 'react';
5
5
  import ReactDOM__default, { unstable_batchedUpdates, createPortal } from 'react-dom';
6
6
  import { useNavigate, useLocation } from 'react-router';
7
- import { u as useToast } from './cloneDeep-BLYi2V0G.js';
7
+ import { u as useToast, T as TypeActionRowTable } from './table-CkR9wuFb.js';
8
8
 
9
9
  const Button = (props) => {
10
10
  return /* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, { ...props });
@@ -9965,13 +9965,7 @@ const Table = ({
9965
9965
  };
9966
9966
  const settingDiv = () => {
9967
9967
  if (showSetting) {
9968
- return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "absolute right-0 top-[-50px] p-2 z-10", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: "Cài đặt hiển thị bảng", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
9969
- SettingIcon,
9970
- {
9971
- className: "cursor-pointer",
9972
- onClick: () => setOpenStting(true)
9973
- }
9974
- ) }) });
9968
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "absolute right-0 top-[-50px] p-2 z-10", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: "Cài đặt hiển thị bảng", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SettingIcon, {}) }) });
9975
9969
  }
9976
9970
  return null;
9977
9971
  };
@@ -17279,4 +17273,73 @@ const CategoryStatus = ({ status }) => {
17279
17273
  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ItemStatus, { color: bagde.color, statusName: bagde.text }) });
17280
17274
  };
17281
17275
 
17282
- export { Alert as A, Button as B, CascaderField as C, Dropdown as D, Anchor as E, Flex as F, Appfix as G, Heading as H, AutoComplete as I, PnkxCollapse as J, PnkxColorPicker as K, Layout as L, Modal as M, Empty as N, Image as O, Popover as P, QRCode as Q, Row as R, Skeleton as S, Table as T, BulkAction as U, ConfirmModal as V, Watermark as W, ErrorBoundary as X, CategoryStatus as Y, Tooltip as a, Tabs as b, SearchFiltersForm as c, Container as d, Badge as e, Col as f, Breadcrumb as g, Space as h, Splitter as i, Menu as j, Pagination as k, Steps as l, Sidebar as m, Tag as n, Divider as o, Spin as p, Drawer as q, Popconfirm as r, Result as s, typeColorMap as t, Rate as u, Segmented as v, Statistic as w, Timeline as x, Tour as y, Tree as z };
17276
+ const ActionRowTable = ({
17277
+ type,
17278
+ contentTooltip,
17279
+ handleClick
17280
+ }) => {
17281
+ //! State
17282
+ //! Function
17283
+ const renderAction = () => {
17284
+ switch (type) {
17285
+ case TypeActionRowTable.EDIT:
17286
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: contentTooltip, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
17287
+ Button,
17288
+ {
17289
+ onClick: handleClick,
17290
+ type: "text",
17291
+ className: "cursor-pointer",
17292
+ shape: "circle",
17293
+ icon: /* @__PURE__ */ jsxRuntimeExports.jsx(
17294
+ "svg",
17295
+ {
17296
+ xmlns: "http://www.w3.org/2000/svg",
17297
+ width: "20",
17298
+ height: "20",
17299
+ viewBox: "0 0 20 20",
17300
+ fill: "none",
17301
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx(
17302
+ "path",
17303
+ {
17304
+ d: "M4.17657 14.1368L4.88808 14.374L4.17657 14.1368ZM4.80089 12.2639L4.08938 12.0267L4.08938 12.0267L4.80089 12.2639ZM5.44509 11.2215L5.97542 11.7519L5.97542 11.7519L5.44509 11.2215ZM11.6666 4.99999L11.1363 4.46966V4.46966L11.6666 4.99999ZM15 8.33333L15.5303 8.86366V8.86366L15 8.33333ZM8.77843 14.5549L8.2481 14.0245L8.2481 14.0245L8.77843 14.5549ZM7.73608 15.1991L7.97325 15.9106H7.97326L7.73608 15.1991ZM5.86312 15.8234L6.10029 16.5349L6.10029 16.5349L5.86312 15.8234ZM8.43672 14.8738L7.98504 14.2751L7.98504 14.2751L8.43672 14.8738ZM8.17417 15.0361L7.84064 14.3643L8.17417 15.0361ZM15.803 5.92663L15.131 6.25964V6.25964L15.803 5.92663ZM15.803 7.40669L15.131 7.07367V7.07367L15.803 7.40669ZM12.5933 4.19698L12.9263 4.869L12.9263 4.869L12.5933 4.19698ZM14.0733 4.19698L13.7403 4.869V4.869L14.0733 4.19698ZM4.96388 11.8258L5.63564 12.1593L5.63564 12.1593L4.96388 11.8258ZM5.12615 11.5632L4.52742 11.1115L4.52742 11.1115L5.12615 11.5632ZM3.86599 15.6289L3.15956 15.8809L3.86599 15.6289ZM4.37101 16.134L4.1191 16.8404L4.1191 16.8404L4.37101 16.134ZM11.3636 5.30302C11.0707 5.01013 10.5959 5.01013 10.303 5.30302C10.0101 5.59592 10.0101 6.07079 10.303 6.36368L11.3636 5.30302ZM13.6363 9.69702C13.9292 9.98991 14.4041 9.98991 14.697 9.69702C14.9898 9.40412 14.9898 8.92925 14.697 8.63636L13.6363 9.69702ZM9.99996 15.9167C9.58575 15.9167 9.24996 16.2524 9.24996 16.6667C9.24996 17.0809 9.58575 17.4167 9.99996 17.4167V15.9167ZM15.8333 17.4167C16.2475 17.4167 16.5833 17.0809 16.5833 16.6667C16.5833 16.2524 16.2475 15.9167 15.8333 15.9167V17.4167ZM4.17657 14.1368L4.88808 14.374L5.5124 12.501L4.80089 12.2639L4.08938 12.0267L3.46506 13.8997L4.17657 14.1368ZM5.44509 11.2215L5.97542 11.7519L12.197 5.53032L11.6666 4.99999L11.1363 4.46966L4.91476 10.6912L5.44509 11.2215ZM15 8.33333L14.4696 7.803L8.2481 14.0245L8.77843 14.5549L9.30876 15.0852L15.5303 8.86366L15 8.33333ZM7.73608 15.1991L7.49891 14.4875L5.62594 15.1119L5.86312 15.8234L6.10029 16.5349L7.97325 15.9106L7.73608 15.1991ZM8.77843 14.5549L8.2481 14.0245C8.06793 14.2047 8.02648 14.2438 7.98504 14.2751L8.43672 14.8738L8.8884 15.4725C9.03233 15.364 9.1569 15.237 9.30876 15.0852L8.77843 14.5549ZM7.73608 15.1991L7.97326 15.9106C8.17699 15.8427 8.34621 15.788 8.50769 15.7078L8.17417 15.0361L7.84064 14.3643C7.79415 14.3874 7.74063 14.407 7.49891 14.4875L7.73608 15.1991ZM8.43672 14.8738L7.98504 14.2751C7.93977 14.3092 7.89143 14.3391 7.84064 14.3643L8.17417 15.0361L8.50769 15.7078C8.6416 15.6413 8.76905 15.5626 8.88841 15.4725L8.43672 14.8738ZM15 4.99999L14.4696 5.53032C14.9668 6.02752 15.0779 6.15265 15.131 6.25964L15.803 5.92663L16.475 5.59362C16.2851 5.21046 15.9418 4.88122 15.5303 4.46966L15 4.99999ZM15 8.33333L15.5303 8.86366C15.9418 8.4521 16.2851 8.12286 16.475 7.7397L15.803 7.40669L15.131 7.07367C15.0779 7.18067 14.9668 7.3058 14.4696 7.803L15 8.33333ZM15.803 5.92663L15.131 6.25964C15.258 6.51611 15.258 6.81721 15.131 7.07367L15.803 7.40669L16.475 7.7397C16.81 7.06357 16.81 6.26975 16.475 5.59362L15.803 5.92663ZM11.6666 4.99999L12.197 5.53032C12.6941 5.03313 12.8193 4.92202 12.9263 4.869L12.5933 4.19698L12.2603 3.52497C11.8771 3.71484 11.5479 4.05811 11.1363 4.46966L11.6666 4.99999ZM15 4.99999L15.5303 4.46966C15.1187 4.05811 14.7895 3.71484 14.4063 3.52497L14.0733 4.19698L13.7403 4.869C13.8473 4.92202 13.9724 5.03313 14.4696 5.53032L15 4.99999ZM12.5933 4.19698L12.9263 4.869C13.1827 4.74191 13.4838 4.74191 13.7403 4.869L14.0733 4.19698L14.4063 3.52497C13.7302 3.18992 12.9364 3.18992 12.2603 3.52497L12.5933 4.19698ZM4.80089 12.2639L5.5124 12.501C5.59298 12.2593 5.61256 12.2058 5.63564 12.1593L4.96388 11.8258L4.29213 11.4923C4.21195 11.6537 4.15729 11.823 4.08938 12.0267L4.80089 12.2639ZM5.44509 11.2215L4.91477 10.6912C4.76291 10.8431 4.636 10.9676 4.52742 11.1115L5.12615 11.5632L5.72489 12.0149C5.75615 11.9735 5.79526 11.932 5.97542 11.7519L5.44509 11.2215ZM4.96388 11.8258L5.63564 12.1593C5.66086 12.1085 5.69074 12.0602 5.72489 12.0149L5.12615 11.5632L4.52742 11.1115C4.43738 11.2309 4.35861 11.3583 4.29213 11.4923L4.96388 11.8258ZM4.17657 14.1368L3.46506 13.8997C3.33407 14.2926 3.21866 14.6365 3.15318 14.9151C3.09031 15.1827 3.03521 15.5321 3.15956 15.8809L3.86599 15.6289L4.57242 15.377C4.60023 15.455 4.5647 15.4655 4.61341 15.2583C4.6595 15.0621 4.74764 14.7953 4.88808 14.374L4.17657 14.1368ZM5.86312 15.8234L5.62595 15.1119C5.20464 15.2523 4.93782 15.3405 4.74168 15.3865C4.53442 15.4352 4.54493 15.3997 4.62292 15.4275L4.37101 16.134L4.1191 16.8404C4.46782 16.9647 4.81727 16.9096 5.08481 16.8468C5.36348 16.7813 5.70735 16.6659 6.10029 16.5349L5.86312 15.8234ZM3.86599 15.6289L3.15956 15.8809C3.31919 16.3285 3.67145 16.6808 4.1191 16.8404L4.37101 16.134L4.62292 15.4275C4.59936 15.4191 4.58082 15.4006 4.57242 15.377L3.86599 15.6289ZM10.8333 5.83335L10.303 6.36368L13.6363 9.69702L14.1666 9.16669L14.697 8.63636L11.3636 5.30302L10.8333 5.83335ZM9.99996 16.6667V17.4167H15.8333V16.6667V15.9167H9.99996V16.6667Z",
17305
+ fill: "#007BE5"
17306
+ }
17307
+ )
17308
+ }
17309
+ )
17310
+ }
17311
+ ) }) });
17312
+ case TypeActionRowTable.DELETE:
17313
+ return /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: contentTooltip, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
17314
+ Button,
17315
+ {
17316
+ onClick: handleClick,
17317
+ type: "text",
17318
+ className: "cursor-pointer p-2",
17319
+ shape: "circle",
17320
+ icon: /* @__PURE__ */ jsxRuntimeExports.jsx(
17321
+ "svg",
17322
+ {
17323
+ xmlns: "http://www.w3.org/2000/svg",
17324
+ width: "20",
17325
+ height: "20",
17326
+ viewBox: "0 0 20 20",
17327
+ fill: "none",
17328
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx(
17329
+ "path",
17330
+ {
17331
+ d: "M15.7438 15.0298L16.4938 15.0364L15.7438 15.0298ZM3.33337 4.24999C2.91916 4.24999 2.58337 4.58578 2.58337 4.99999C2.58337 5.4142 2.91916 5.74999 3.33337 5.74999V4.24999ZM16.6667 5.74999C17.0809 5.74999 17.4167 5.4142 17.4167 4.99999C17.4167 4.58578 17.0809 4.24999 16.6667 4.24999V5.74999ZM9.08337 8.33332C9.08337 7.91911 8.74759 7.58332 8.33337 7.58332C7.91916 7.58332 7.58337 7.91911 7.58337 8.33332H9.08337ZM7.58337 15C7.58337 15.4142 7.91916 15.75 8.33337 15.75C8.74759 15.75 9.08337 15.4142 9.08337 15H7.58337ZM12.4167 8.33332C12.4167 7.91911 12.0809 7.58332 11.6667 7.58332C11.2525 7.58332 10.9167 7.91911 10.9167 8.33332H12.4167ZM10.9167 15C10.9167 15.4142 11.2525 15.75 11.6667 15.75C12.0809 15.75 12.4167 15.4142 12.4167 15H10.9167ZM15.8334 4.99999L15.0834 4.99329L14.9939 15.0231L15.7438 15.0298L16.4938 15.0364L16.5833 5.00669L15.8334 4.99999ZM12.4106 18.3333V17.5833H7.50004V18.3333V19.0833H12.4106V18.3333ZM4.16671 4.99999H3.41671V15H4.16671H4.91671V4.99999H4.16671ZM3.33337 4.99999V5.74999H4.16671V4.99999V4.24999H3.33337V4.99999ZM4.16671 4.99999V5.74999H6.66671V4.99999V4.24999H4.16671V4.99999ZM6.66671 4.99999V5.74999H13.3334V4.99999V4.24999H6.66671V4.99999ZM13.3334 4.99999V5.74999H15.8334V4.99999V4.24999H13.3334V4.99999ZM15.8334 4.99999V5.74999H16.6667V4.99999V4.24999H15.8334V4.99999ZM6.66671 4.62962H7.41671C7.41671 3.48804 8.48782 2.41666 10 2.41666V1.66666V0.916656C7.83036 0.916656 5.91671 2.4984 5.91671 4.62962H6.66671ZM10 1.66666V2.41666C11.5123 2.41666 12.5834 3.48804 12.5834 4.62962H13.3334H14.0834C14.0834 2.4984 12.1697 0.916656 10 0.916656V1.66666ZM6.66671 4.62962H5.91671V4.99999H6.66671H7.41671V4.62962H6.66671ZM13.3334 4.62962H12.5834V4.99999H13.3334H14.0834V4.62962H13.3334ZM7.50004 18.3333V17.5833C6.0733 17.5833 4.91671 16.4267 4.91671 15H4.16671H3.41671C3.41671 17.2552 5.24488 19.0833 7.50004 19.0833V18.3333ZM15.7438 15.0298L14.9939 15.0231C14.9812 16.4407 13.8284 17.5833 12.4106 17.5833V18.3333V19.0833C14.6516 19.0833 16.4738 17.2773 16.4938 15.0364L15.7438 15.0298ZM8.33337 8.33332H7.58337V15H8.33337H9.08337V8.33332H8.33337ZM11.6667 8.33332H10.9167V15H11.6667H12.4167V8.33332H11.6667Z",
17332
+ fill: "#DD4338"
17333
+ }
17334
+ )
17335
+ }
17336
+ )
17337
+ }
17338
+ ) });
17339
+ }
17340
+ };
17341
+ //! Render
17342
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: renderAction() });
17343
+ };
17344
+
17345
+ export { Alert as A, Button as B, CascaderField as C, Dropdown as D, Anchor as E, Flex as F, Appfix as G, Heading as H, AutoComplete as I, PnkxCollapse as J, PnkxColorPicker as K, Layout as L, Modal as M, Empty as N, Image as O, Popover as P, QRCode as Q, Row as R, Skeleton as S, Table as T, BulkAction as U, ConfirmModal as V, Watermark as W, ErrorBoundary as X, CategoryStatus as Y, ActionRowTable as Z, Tooltip as a, Tabs as b, SearchFiltersForm as c, Container as d, Badge as e, Col as f, Breadcrumb as g, Space as h, Splitter as i, Menu as j, Pagination as k, Steps as l, Sidebar as m, Tag as n, Divider as o, Spin as p, Drawer as q, Popconfirm as r, Result as s, typeColorMap as t, Rate as u, Segmented as v, Statistic as w, Timeline as x, Tour as y, Tree as z };
@@ -1,17 +1,21 @@
1
1
  import { notification } from 'antd';
2
- import { r as require_ListCache, c as require_Map, d as require_MapCache, e as require_getNative, f as requireEq, g as require_baseGetTag, h as requireIsObjectLike, i as require_root, j as require_freeGlobal, k as requireIsArray, l as requireIsFunction, m as requireIsObject, n as require_toSource, o as require_Symbol, p as getDefaultExportFromCjs } from './common-b3FKGF0Y.js';
2
+ import { r as require_ListCache, a as require_Map, b as require_MapCache, c as require_getNative, d as requireEq, e as require_baseGetTag, f as requireIsObjectLike, g as require_root, h as require_freeGlobal, i as requireIsArray, j as requireIsFunction, k as requireIsObject, l as require_toSource, m as require_Symbol, n as getDefaultExportFromCjs } from './_MapCache-hm6_DB7i.js';
3
3
 
4
4
  const useToast = (defaultProps) => {
5
- return (overrideProps) => {
5
+ const toast = (overrideProps) => {
6
+ const { type = "info", ...rest } = { ...defaultProps, ...overrideProps };
6
7
  const mergedProps = {
7
8
  message: defaultProps?.message,
8
- showProgress: true,
9
- pauseOnHover: false,
10
9
  ...defaultProps,
11
- ...overrideProps
10
+ ...rest
12
11
  };
13
- notification.open(mergedProps);
12
+ notification[type](mergedProps);
14
13
  };
14
+ toast.success = (props) => toast({ ...props, type: "success" });
15
+ toast.error = (props) => toast({ ...props, type: "error" });
16
+ toast.info = (props) => toast({ ...props, type: "info" });
17
+ toast.warning = (props) => toast({ ...props, type: "warning" });
18
+ return toast;
15
19
  };
16
20
 
17
21
  var _stackClear;
@@ -2418,4 +2422,25 @@ function requireCloneDeep () {
2418
2422
  var cloneDeepExports = requireCloneDeep();
2419
2423
  const cloneDeep = /*@__PURE__*/getDefaultExportFromCjs(cloneDeepExports);
2420
2424
 
2421
- export { cloneDeep as c, useToast as u };
2425
+ const START_PAGE = 1;
2426
+ const START_PAGE_SIZE = 10;
2427
+ const PAGE_INDEX = "PageIndex";
2428
+ const PAGE_SIZE = "PageSize";
2429
+ const SORT_BY = "SortBy";
2430
+ const SORT_DESC = "SortDesc";
2431
+ var TypeActionRowTable = /* @__PURE__ */ ((TypeActionRowTable2) => {
2432
+ TypeActionRowTable2["DELETE"] = "DELETE";
2433
+ TypeActionRowTable2["EDIT"] = "EDIT";
2434
+ TypeActionRowTable2["UNDO"] = "UNDO";
2435
+ TypeActionRowTable2["CANCELUNDO"] = "CANCELUNDO";
2436
+ TypeActionRowTable2["CHECKIN"] = "CHECKIN";
2437
+ TypeActionRowTable2["PRINT"] = "PRINT";
2438
+ TypeActionRowTable2["PAYMENT"] = "PAYMENT";
2439
+ TypeActionRowTable2["PLAY"] = "PLAY";
2440
+ TypeActionRowTable2["PAUSE"] = "PAUSE";
2441
+ TypeActionRowTable2["DOWNLOAD"] = "DOWNLOAD";
2442
+ TypeActionRowTable2["VIEW"] = "VIEW";
2443
+ return TypeActionRowTable2;
2444
+ })(TypeActionRowTable || {});
2445
+
2446
+ export { PAGE_INDEX as P, START_PAGE as S, TypeActionRowTable as T, START_PAGE_SIZE as a, PAGE_SIZE as b, SORT_BY as c, SORT_DESC as d, cloneDeep as e, useToast as u };
@@ -1,6 +1,5 @@
1
1
  import { useState, useCallback } from 'react';
2
- import { c as cloneDeep } from './cloneDeep-BLYi2V0G.js';
3
- import { P as PAGE_INDEX, S as START_PAGE, a as SORT_DESC, b as SORT_BY } from './common-b3FKGF0Y.js';
2
+ import { e as cloneDeep, P as PAGE_INDEX, S as START_PAGE, d as SORT_DESC, c as SORT_BY } from './table-CkR9wuFb.js';
4
3
  import { message } from 'antd';
5
4
 
6
5
  const useFiltersHandler = (initialFilters) => {
@@ -91,4 +90,17 @@ const useMessage = (defaultProps) => {
91
90
  };
92
91
  };
93
92
 
94
- export { useMessage as a, useFiltersHandler as u };
93
+ const useToggle = () => {
94
+ const [open, setOpen] = useState(false);
95
+ const [close, setClose] = useState(false);
96
+ const toggle = useCallback(() => {
97
+ setOpen((prev) => !prev);
98
+ setTimeout(() => {
99
+ setClose((prev) => !prev);
100
+ }, 500);
101
+ }, []);
102
+ const shouldRender = open || close;
103
+ return { open, toggle, shouldRender };
104
+ };
105
+
106
+ export { useMessage as a, useToggle as b, useFiltersHandler as u };
@@ -1,2 +1,2 @@
1
- export { C as CheckboxField, D as DatePickerField, I as Input, P as PnkxField, R as RangePickerField, a as TinyMCE } from '../chunks/Switch-za5Skgtp.js';
2
- export { R as RadioGroup, S as Select } from '../chunks/Radio-D2me1zZ-.js';
1
+ export { C as CheckboxField, D as DatePickerField, I as Input, P as PnkxField, R as RangePickerField, b as TinyMCE } from '../chunks/Switch-Ck9WdQgt.js';
2
+ export { R as RadioGroup, S as Select } from '../chunks/Radio-5j1KNRlx.js';
package/es/hooks/index.js CHANGED
@@ -1,2 +1,2 @@
1
- export { u as useToast } from '../chunks/cloneDeep-BLYi2V0G.js';
2
- export { u as useFiltersHandler, a as useMessage } from '../chunks/useMessage-D_-VT5B4.js';
1
+ export { u as useToast } from '../chunks/table-CkR9wuFb.js';
2
+ export { u as useFiltersHandler, a as useMessage, b as useToggle } from '../chunks/useToggle-DBELKqXr.js';
package/es/index.js CHANGED
@@ -1,6 +1,6 @@
1
- export { A as Alert, E as Anchor, G as Appfix, I as AutoComplete, e as Badge, g as Breadcrumb, U as BulkAction, B as Button, C as CascaderField, Y as CategoryStatus, f as Col, V as ConfirmModal, d as Container, o as Divider, q as Drawer, D as Dropdown, N as Empty, X as ErrorBoundary, F as Flex, H as Heading, O as Image, L as Layout, j as Menu, M as Modal, k as Pagination, J as PnkxCollapse, K as PnkxColorPicker, r as Popconfirm, P as Popover, Q as QRCode, u as Rate, s as Result, R as Row, c as SearchFiltersForm, v as Segmented, m as Sidebar, S as Skeleton, h as Space, p as Spin, i as Splitter, w as Statistic, l as Steps, T as Table, b as Tabs, n as Tag, x as Timeline, a as Tooltip, y as Tour, z as Tree, W as Watermark, t as typeColorMap } from './chunks/CategoryStatus-Lc6fWvbC.js';
2
- export { C as CheckboxField, D as DatePickerField, E as ErrorMessage, I as Input, L as Label, P as PnkxField, R as RangePickerField, a as TinyMCE, T as Typography } from './chunks/Switch-za5Skgtp.js';
1
+ export { Z as ActionRowTable, A as Alert, E as Anchor, G as Appfix, I as AutoComplete, e as Badge, g as Breadcrumb, U as BulkAction, B as Button, C as CascaderField, Y as CategoryStatus, f as Col, V as ConfirmModal, d as Container, o as Divider, q as Drawer, D as Dropdown, N as Empty, X as ErrorBoundary, F as Flex, H as Heading, O as Image, L as Layout, j as Menu, M as Modal, k as Pagination, J as PnkxCollapse, K as PnkxColorPicker, r as Popconfirm, P as Popover, Q as QRCode, u as Rate, s as Result, R as Row, c as SearchFiltersForm, v as Segmented, m as Sidebar, S as Skeleton, h as Space, p as Spin, i as Splitter, w as Statistic, l as Steps, T as Table, b as Tabs, n as Tag, x as Timeline, a as Tooltip, y as Tour, z as Tree, W as Watermark, t as typeColorMap } from './chunks/index--Nu4exC1.js';
2
+ export { C as CheckboxField, D as DatePickerField, E as ErrorMessage, I as Input, L as Label, P as PnkxField, R as RangePickerField, a as TINY_API, b as TinyMCE, T as Typography } from './chunks/Switch-Ck9WdQgt.js';
3
3
  import 'react-router';
4
- export { R as RadioGroup, S as Select } from './chunks/Radio-D2me1zZ-.js';
5
- export { u as useToast } from './chunks/cloneDeep-BLYi2V0G.js';
6
- export { u as useFiltersHandler, a as useMessage } from './chunks/useMessage-D_-VT5B4.js';
4
+ export { P as PAGE_INDEX, b as PAGE_SIZE, c as SORT_BY, d as SORT_DESC, S as START_PAGE, a as START_PAGE_SIZE, T as TypeActionRowTable, u as useToast } from './chunks/table-CkR9wuFb.js';
5
+ export { R as RadioGroup, S as Select } from './chunks/Radio-5j1KNRlx.js';
6
+ export { u as useFiltersHandler, a as useMessage, b as useToggle } from './chunks/useToggle-DBELKqXr.js';
package/es/ui/index.js CHANGED
@@ -1,3 +1,4 @@
1
- export { A as Alert, E as Anchor, G as Appfix, I as AutoComplete, e as Badge, g as Breadcrumb, U as BulkAction, B as Button, C as CascaderField, Y as CategoryStatus, f as Col, V as ConfirmModal, d as Container, o as Divider, q as Drawer, D as Dropdown, N as Empty, X as ErrorBoundary, F as Flex, H as Heading, O as Image, L as Layout, j as Menu, M as Modal, k as Pagination, J as PnkxCollapse, K as PnkxColorPicker, r as Popconfirm, P as Popover, Q as QRCode, u as Rate, s as Result, R as Row, c as SearchFiltersForm, v as Segmented, m as Sidebar, S as Skeleton, h as Space, p as Spin, i as Splitter, w as Statistic, l as Steps, T as Table, b as Tabs, n as Tag, x as Timeline, a as Tooltip, y as Tour, z as Tree, W as Watermark, t as typeColorMap } from '../chunks/CategoryStatus-Lc6fWvbC.js';
2
- export { E as ErrorMessage, L as Label, T as Typography } from '../chunks/Switch-za5Skgtp.js';
1
+ export { Z as ActionRowTable, A as Alert, E as Anchor, G as Appfix, I as AutoComplete, e as Badge, g as Breadcrumb, U as BulkAction, B as Button, C as CascaderField, Y as CategoryStatus, f as Col, V as ConfirmModal, d as Container, o as Divider, q as Drawer, D as Dropdown, N as Empty, X as ErrorBoundary, F as Flex, H as Heading, O as Image, L as Layout, j as Menu, M as Modal, k as Pagination, J as PnkxCollapse, K as PnkxColorPicker, r as Popconfirm, P as Popover, Q as QRCode, u as Rate, s as Result, R as Row, c as SearchFiltersForm, v as Segmented, m as Sidebar, S as Skeleton, h as Space, p as Spin, i as Splitter, w as Statistic, l as Steps, T as Table, b as Tabs, n as Tag, x as Timeline, a as Tooltip, y as Tour, z as Tree, W as Watermark, t as typeColorMap } from '../chunks/index--Nu4exC1.js';
2
+ export { E as ErrorMessage, L as Label, a as TINY_API, T as Typography } from '../chunks/Switch-Ck9WdQgt.js';
3
3
  import 'react-router';
4
+ export { P as PAGE_INDEX, b as PAGE_SIZE, c as SORT_BY, d as SORT_DESC, S as START_PAGE, a as START_PAGE_SIZE, T as TypeActionRowTable } from '../chunks/table-CkR9wuFb.js';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@pnkx-lib/ui",
3
3
  "private": false,
4
- "version": "1.9.29",
4
+ "version": "1.9.33",
5
5
  "type": "module",
6
6
  "main": "./es/index.js",
7
7
  "module": "./es/index.js",
@@ -42,7 +42,11 @@
42
42
  "build": "npm run build:css && vite build",
43
43
  "serve": "vite preview",
44
44
  "lint": "eslint .",
45
- "build-storybook": "storybook build"
45
+ "build-storybook": "storybook build",
46
+ "clean": "rm -rf types es dist",
47
+ "release:patch": "npm run clean && npm version patch && npm run build && npm publish",
48
+ "release:minor": "npm run clean && npm version minor && npm run build && npm publish",
49
+ "release:major": "npm run clean && npm version major && npm run build && npm publish"
46
50
  },
47
51
  "devDependencies": {
48
52
  "@chromatic-com/storybook": "^3.2.6",
package/types/hooks.d.ts CHANGED
@@ -10,6 +10,7 @@ export declare type OptionalArgsMessage = Partial<ArgsProps_2> & {
10
10
 
11
11
  export declare type OptionalArgsToast = Partial<ArgsProps> & {
12
12
  message?: React.ReactNode;
13
+ type?: "success" | "error" | "info" | "warning";
13
14
  };
14
15
 
15
16
  export declare interface PaginationFilters {
@@ -33,6 +34,18 @@ export declare const useFiltersHandler: <T>(initialFilters: InitialFiltersSearch
33
34
 
34
35
  export declare const useMessage: (defaultProps?: OptionalArgsMessage) => (overrideProps?: OptionalArgsMessage) => void;
35
36
 
36
- export declare const useToast: (defaultProps?: OptionalArgsToast) => (overrideProps?: OptionalArgsToast) => void;
37
+ export declare const useToast: (defaultProps?: OptionalArgsToast) => {
38
+ (overrideProps?: OptionalArgsToast): void;
39
+ success(props?: OptionalArgsToast): void;
40
+ error(props?: OptionalArgsToast): void;
41
+ info(props?: OptionalArgsToast): void;
42
+ warning(props?: OptionalArgsToast): void;
43
+ };
44
+
45
+ export declare const useToggle: () => {
46
+ open: boolean;
47
+ toggle: () => void;
48
+ shouldRender: boolean;
49
+ };
37
50
 
38
51
  export { }
package/types/index.d.ts CHANGED
@@ -92,6 +92,7 @@ import { TitleProps } from 'antd/es/typography/Title';
92
92
  import { TooltipProps as TooltipProps_2 } from 'antd';
93
93
  import { TourProps as TourProps_2 } from 'antd';
94
94
  import { TreeProps as TreeProps_2 } from 'antd';
95
+ import { TypeActionRowTable as TypeActionRowTable_2 } from '../../../../../../../../../../../../src/constants/table';
95
96
  import { UploadFile } from 'antd';
96
97
  import { UploadProps } from 'antd';
97
98
  import { UseFormReset } from 'react-hook-form';
@@ -100,6 +101,16 @@ import { UseFormSetValue } from 'react-hook-form';
100
101
  import { UseFormStateReturn } from 'react-hook-form';
101
102
  import { WatermarkProps } from 'antd';
102
103
 
104
+ export declare const ActionRowTable: ({ type, contentTooltip, handleClick, }: ActionRowTableProps) => JSX.Element;
105
+
106
+ export declare interface ActionRowTableProps {
107
+ type: TypeActionRowTable_2;
108
+ handleClick?: () => void;
109
+ contentTooltip?: default_2.ReactNode;
110
+ content?: default_2.ReactNode;
111
+ diabled?: boolean;
112
+ }
113
+
103
114
  export declare const Alert: React.FC<AlertProps>;
104
115
 
105
116
  export declare type AlertProps = AlertProps_2;
@@ -457,8 +468,13 @@ export declare type OptionalArgsMessage = Partial<ArgsProps_2> & {
457
468
 
458
469
  export declare type OptionalArgsToast = Partial<ArgsProps> & {
459
470
  message?: React.ReactNode;
471
+ type?: "success" | "error" | "info" | "warning";
460
472
  };
461
473
 
474
+ export declare const PAGE_INDEX = "PageIndex";
475
+
476
+ export declare const PAGE_SIZE = "PageSize";
477
+
462
478
  export declare const Pagination: typeof Pagination_2;
463
479
 
464
480
  export declare type PaginationConfig = Omit<PaginationProps, "rootClassName"> & {
@@ -627,6 +643,10 @@ export declare interface SkeletonProps extends SkeletonProps_2 {
627
643
  skeletonButtonCount?: number;
628
644
  }
629
645
 
646
+ export declare const SORT_BY = "SortBy";
647
+
648
+ export declare const SORT_DESC = "SortDesc";
649
+
630
650
  export declare const Space: typeof Space_2;
631
651
 
632
652
  export declare type SpacePropsUnion = BaseProps_9 & SpaceProps;
@@ -637,6 +657,10 @@ export declare const Splitter: typeof Splitter_2;
637
657
 
638
658
  export declare type SplitterPropsUnion = BaseProps_10 & SplitterProps;
639
659
 
660
+ export declare const START_PAGE = 1;
661
+
662
+ export declare const START_PAGE_SIZE = 10;
663
+
640
664
  export declare const Statistic: React.FC<StatisticProps>;
641
665
 
642
666
  export declare type StatisticProps = StatisticProps_2;
@@ -731,6 +755,8 @@ export declare type TimelineProps = TimelineProps_2;
731
755
 
732
756
  declare type TInputNumberType = "number" | "money";
733
757
 
758
+ export declare const TINY_API = "miai0qn3c79adm555yoxd9kz6j6a323ek760nf7qd81nv1p5";
759
+
734
760
  export declare const TinyMCE: {
735
761
  (props: TinyProps): JSX.Element;
736
762
  displayName: string;
@@ -768,6 +794,20 @@ export declare type TreeProps = TreeProps_2;
768
794
 
769
795
  declare type TSize = "small" | "medium" | "large";
770
796
 
797
+ export declare enum TypeActionRowTable {
798
+ DELETE = "DELETE",
799
+ EDIT = "EDIT",
800
+ UNDO = "UNDO",
801
+ CANCELUNDO = "CANCELUNDO",
802
+ CHECKIN = "CHECKIN",
803
+ PRINT = "PRINT",
804
+ PAYMENT = "PAYMENT",
805
+ PLAY = "PLAY",
806
+ PAUSE = "PAUSE",
807
+ DOWNLOAD = "DOWNLOAD",
808
+ VIEW = "VIEW"
809
+ }
810
+
771
811
  export declare const typeColorMap: Record<NonNullable<BadgeProps["type"]>, string>;
772
812
 
773
813
  export declare const Typography: {
@@ -805,7 +845,19 @@ export declare const useFiltersHandler: <T>(initialFilters: InitialFiltersSearch
805
845
 
806
846
  export declare const useMessage: (defaultProps?: OptionalArgsMessage) => (overrideProps?: OptionalArgsMessage) => void;
807
847
 
808
- export declare const useToast: (defaultProps?: OptionalArgsToast) => (overrideProps?: OptionalArgsToast) => void;
848
+ export declare const useToast: (defaultProps?: OptionalArgsToast) => {
849
+ (overrideProps?: OptionalArgsToast): void;
850
+ success(props?: OptionalArgsToast): void;
851
+ error(props?: OptionalArgsToast): void;
852
+ info(props?: OptionalArgsToast): void;
853
+ warning(props?: OptionalArgsToast): void;
854
+ };
855
+
856
+ export declare const useToggle: () => {
857
+ open: boolean;
858
+ toggle: () => void;
859
+ shouldRender: boolean;
860
+ };
809
861
 
810
862
  export declare const Watermark: ({ ...rest }: WatermarkProps) => JSX.Element;
811
863
 
package/types/ui.d.ts CHANGED
@@ -76,11 +76,22 @@ import { TitleProps } from 'antd/es/typography/Title';
76
76
  import { TooltipProps as TooltipProps_2 } from 'antd';
77
77
  import { TourProps as TourProps_2 } from 'antd';
78
78
  import { TreeProps as TreeProps_2 } from 'antd';
79
+ import { TypeActionRowTable as TypeActionRowTable_2 } from '../../../../../../../../../../../../src/constants/table';
79
80
  import { UseFormReset } from 'react-hook-form';
80
81
  import { UseFormReturn } from 'react-hook-form';
81
82
  import { UseFormSetValue } from 'react-hook-form';
82
83
  import { WatermarkProps } from 'antd';
83
84
 
85
+ export declare const ActionRowTable: ({ type, contentTooltip, handleClick, }: ActionRowTableProps) => JSX.Element;
86
+
87
+ export declare interface ActionRowTableProps {
88
+ type: TypeActionRowTable_2;
89
+ handleClick?: () => void;
90
+ contentTooltip?: default_2.ReactNode;
91
+ content?: default_2.ReactNode;
92
+ diabled?: boolean;
93
+ }
94
+
84
95
  export declare const Alert: React.FC<AlertProps>;
85
96
 
86
97
  export declare type AlertProps = AlertProps_2;
@@ -378,6 +389,10 @@ declare type MultipleCascaderProps = CascaderProps<DefaultOptionType, string, tr
378
389
  multiple: true;
379
390
  };
380
391
 
392
+ export declare const PAGE_INDEX = "PageIndex";
393
+
394
+ export declare const PAGE_SIZE = "PageSize";
395
+
381
396
  export declare const Pagination: typeof Pagination_2;
382
397
 
383
398
  export declare type PaginationConfig = Omit<PaginationProps, "rootClassName"> & {
@@ -482,6 +497,10 @@ export declare interface SkeletonProps extends SkeletonProps_2 {
482
497
  skeletonButtonCount?: number;
483
498
  }
484
499
 
500
+ export declare const SORT_BY = "SortBy";
501
+
502
+ export declare const SORT_DESC = "SortDesc";
503
+
485
504
  export declare const Space: typeof Space_2;
486
505
 
487
506
  export declare type SpacePropsUnion = BaseProps_9 & SpaceProps;
@@ -492,6 +511,10 @@ export declare const Splitter: typeof Splitter_2;
492
511
 
493
512
  export declare type SplitterPropsUnion = BaseProps_10 & SplitterProps;
494
513
 
514
+ export declare const START_PAGE = 1;
515
+
516
+ export declare const START_PAGE_SIZE = 10;
517
+
495
518
  export declare const Statistic: React.FC<StatisticProps>;
496
519
 
497
520
  export declare type StatisticProps = StatisticProps_2;
@@ -565,6 +588,8 @@ export declare const Timeline: React.FC<TimelineProps>;
565
588
 
566
589
  export declare type TimelineProps = TimelineProps_2;
567
590
 
591
+ export declare const TINY_API = "miai0qn3c79adm555yoxd9kz6j6a323ek760nf7qd81nv1p5";
592
+
568
593
  export declare const Tooltip: default_2.FC<TooltipProps>;
569
594
 
570
595
  export declare type TooltipProps = TooltipProps_2;
@@ -577,6 +602,20 @@ export declare const Tree: React.FC<TreeProps>;
577
602
 
578
603
  export declare type TreeProps = TreeProps_2;
579
604
 
605
+ export declare enum TypeActionRowTable {
606
+ DELETE = "DELETE",
607
+ EDIT = "EDIT",
608
+ UNDO = "UNDO",
609
+ CANCELUNDO = "CANCELUNDO",
610
+ CHECKIN = "CHECKIN",
611
+ PRINT = "PRINT",
612
+ PAYMENT = "PAYMENT",
613
+ PLAY = "PLAY",
614
+ PAUSE = "PAUSE",
615
+ DOWNLOAD = "DOWNLOAD",
616
+ VIEW = "VIEW"
617
+ }
618
+
580
619
  export declare const typeColorMap: Record<NonNullable<BadgeProps["type"]>, string>;
581
620
 
582
621
  export declare const Typography: {