@pnkx-lib/ui 1.9.452 → 1.9.456

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.
Files changed (39) hide show
  1. package/dist/style.css +2 -2
  2. package/es/chunks/{bundle-mjs-BBFHkixS.js → bundle-mjs-BME7zF0Z.js} +1 -1
  3. package/es/chunks/{index.esm-o4O8pXMN.js → index.esm-Dr5ZHcf7.js} +135 -79
  4. package/es/constants/index.js +37 -1
  5. package/es/fields/CascaderField.js +1 -1
  6. package/es/fields/Checkbox.js +1 -1
  7. package/es/fields/DatePicker.js +1 -1
  8. package/es/fields/DateRangePicker.js +1 -1
  9. package/es/fields/Input.js +3 -3
  10. package/es/fields/InputRangePicker.js +1 -1
  11. package/es/fields/PnkxField.js +1 -1
  12. package/es/fields/Select.js +1 -1
  13. package/es/fields/SliderRanger.js +1 -1
  14. package/es/fields/SliderSingle.js +1 -1
  15. package/es/fields/Switch.js +1 -1
  16. package/es/fields/Textarea.js +1 -1
  17. package/es/fields/TimePicker.js +1 -1
  18. package/es/fields/TimeRangePicker.js +1 -1
  19. package/es/fields/TinyMCE.js +12 -48
  20. package/es/index.js +1 -1
  21. package/es/ui/Button.js +1 -1
  22. package/es/ui/Cascader.js +1 -1
  23. package/es/ui/CategoryStatus.js +2 -2
  24. package/es/ui/Container.js +1 -1
  25. package/es/ui/Label.js +1 -1
  26. package/es/ui/Layout.js +29 -32
  27. package/es/ui/Modal.js +1 -1
  28. package/es/ui/SearchFilterForm.js +1 -1
  29. package/es/ui/SelectSingleTable.js +1 -1
  30. package/es/ui/SelectTable.js +1 -1
  31. package/es/ui/Sidebar/index.js +1 -1
  32. package/es/ui/Tabs.js +2 -2
  33. package/es/ui/UploadComponent.js +1 -1
  34. package/es/ui/UploadImage.js +1 -1
  35. package/es/ui/index.js +3 -3
  36. package/package.json +4 -3
  37. package/types/components/ui/CategoryStatus.d.ts +2 -1
  38. package/types/constants/table.d.ts +0 -6
  39. package/es/chunks/table-DAdT33TE.js +0 -43
@@ -10,7 +10,7 @@ import { g as getDefaultExportFromCjs } from '../chunks/_commonjsHelpers-D5KtpA0
10
10
  import { g as get } from '../chunks/get-DPccfEM4.js';
11
11
  import { ErrorMessage } from '../ui/ErrorMessage.js';
12
12
  import { Label } from '../ui/Label.js';
13
- import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
13
+ import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
14
14
 
15
15
  const CalendarIcon = ({
16
16
  size = 24,
@@ -3,7 +3,7 @@ import { DatePicker } from 'antd';
3
3
  import { g as get } from '../chunks/get-DPccfEM4.js';
4
4
  import { ErrorMessage } from '../ui/ErrorMessage.js';
5
5
  import { Label } from '../ui/Label.js';
6
- import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
6
+ import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
7
7
  import { w as wrapWithTooltip } from '../chunks/wapper-Bk3PQCcg.js';
8
8
 
9
9
  const { RangePicker: RangePickerPnkx } = DatePicker;
@@ -4,7 +4,7 @@ import { Input as Input$1 } from 'antd';
4
4
  import { g as get } from '../chunks/get-DPccfEM4.js';
5
5
  import { ErrorMessage } from '../ui/ErrorMessage.js';
6
6
  import { Label } from '../ui/Label.js';
7
- import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
7
+ import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
8
8
  import { Tooltip } from '../ui/Tooltip.js';
9
9
 
10
10
  const AllowClearIcon = ({
@@ -53,9 +53,9 @@ const AllowClearIcon = ({
53
53
  );
54
54
 
55
55
  /**
56
- * react-number-format - 5.4.3
56
+ * react-number-format - 5.4.4
57
57
  * Author : Sudhanshu Yadav
58
- * Copyright (c) 2016, 2024 to Sudhanshu Yadav, released under the MIT license.
58
+ * Copyright (c) 2016, 2025 to Sudhanshu Yadav, released under the MIT license.
59
59
  * https://github.com/s-yadav/react-number-format
60
60
  */
61
61
 
@@ -4,7 +4,7 @@ import { InputNumber } from 'antd';
4
4
  import { g as get } from '../chunks/get-DPccfEM4.js';
5
5
  import { ErrorMessage } from '../ui/ErrorMessage.js';
6
6
  import { Label } from '../ui/Label.js';
7
- import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
7
+ import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
8
8
  import { w as wrapWithTooltip } from '../chunks/wapper-Bk3PQCcg.js';
9
9
 
10
10
  const InputRangePicker = (props) => {
@@ -1,6 +1,6 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import * as React from 'react';
3
- import { C as Controller } from '../chunks/index.esm-o4O8pXMN.js';
3
+ import { C as Controller } from '../chunks/index.esm-Dr5ZHcf7.js';
4
4
 
5
5
  class PnkxField extends React.PureComponent {
6
6
  render() {
@@ -3,7 +3,7 @@ import { Select as Select$1 } from 'antd';
3
3
  import { g as get } from '../chunks/get-DPccfEM4.js';
4
4
  import { ErrorMessage } from '../ui/ErrorMessage.js';
5
5
  import { Label } from '../ui/Label.js';
6
- import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
6
+ import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
7
7
  import { R as RefIcon } from '../chunks/CloseOutlined-B3y9Maz0.js';
8
8
  import { R as RefIcon$1 } from '../chunks/DownOutlined-BlKl-wuu.js';
9
9
  import { useRef } from 'react';
@@ -3,7 +3,7 @@ import { InputNumber, Slider } from 'antd';
3
3
  import { g as get } from '../chunks/get-DPccfEM4.js';
4
4
  import { ErrorMessage } from '../ui/ErrorMessage.js';
5
5
  import { Label } from '../ui/Label.js';
6
- import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
6
+ import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
7
7
 
8
8
  const SliderRange = (props) => {
9
9
  //! State
@@ -3,7 +3,7 @@ import { Slider } from 'antd';
3
3
  import { g as get } from '../chunks/get-DPccfEM4.js';
4
4
  import { ErrorMessage } from '../ui/ErrorMessage.js';
5
5
  import { Label } from '../ui/Label.js';
6
- import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
6
+ import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
7
7
 
8
8
  const SliderSingle = (props) => {
9
9
  //! State
@@ -3,7 +3,7 @@ import { Switch as Switch$1 } from 'antd';
3
3
  import { g as get } from '../chunks/get-DPccfEM4.js';
4
4
  import { ErrorMessage } from '../ui/ErrorMessage.js';
5
5
  import { Label } from '../ui/Label.js';
6
- import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
6
+ import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
7
7
 
8
8
  const Switch = (props) => {
9
9
  //! State
@@ -4,7 +4,7 @@ import { g as get } from '../chunks/get-DPccfEM4.js';
4
4
  import { Input } from 'antd';
5
5
  import { ErrorMessage } from '../ui/ErrorMessage.js';
6
6
  import { Label } from '../ui/Label.js';
7
- import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
7
+ import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
8
8
 
9
9
  const { TextArea } = Input;
10
10
  const Textarea = forwardRef(
@@ -3,7 +3,7 @@ import { TimePicker as TimePicker$1 } from 'antd';
3
3
  import { Label } from '../ui/Label.js';
4
4
  import { ErrorMessage } from '../ui/ErrorMessage.js';
5
5
  import { g as get } from '../chunks/get-DPccfEM4.js';
6
- import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
6
+ import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
7
7
 
8
8
  const TimePicker = (props) => {
9
9
  const {
@@ -3,7 +3,7 @@ import { TimePicker } from 'antd';
3
3
  import { Label } from '../ui/Label.js';
4
4
  import { ErrorMessage } from '../ui/ErrorMessage.js';
5
5
  import { g as get } from '../chunks/get-DPccfEM4.js';
6
- import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
6
+ import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
7
7
 
8
8
  const { RangePicker } = TimePicker;
9
9
  const TimeRangePicker = (props) => {
@@ -1301,45 +1301,6 @@ var getTinymce = function (view) {
1301
1301
  return global && global.tinymce ? global.tinymce : null;
1302
1302
  };
1303
1303
 
1304
- const toInt = (str) => parseInt(str, 10);
1305
- const cmp = (a, b) => {
1306
- const delta = a - b;
1307
- if (delta === 0) {
1308
- return 0 /* Comparison.EQ */;
1309
- }
1310
- return delta > 0 ? 1 /* Comparison.GT */ : -1 /* Comparison.LT */;
1311
- };
1312
- const nu = (major, minor, patch) => ({ major, minor, patch });
1313
- const parse = (versionString) => {
1314
- const parts = /([0-9]+)\.([0-9]+)\.([0-9]+)(?:(\-.+)?)/.exec(versionString);
1315
- return parts ? nu(toInt(parts[1]), toInt(parts[2]), toInt(parts[3])) : nu(0, 0, 0);
1316
- };
1317
- const compare = (version1, version2) => {
1318
- const cmp1 = cmp(version1.major, version2.major);
1319
- if (cmp1 !== 0 /* Comparison.EQ */) {
1320
- return cmp1;
1321
- }
1322
- const cmp2 = cmp(version1.minor, version2.minor);
1323
- if (cmp2 !== 0 /* Comparison.EQ */) {
1324
- return cmp2;
1325
- }
1326
- const cmp3 = cmp(version1.patch, version2.patch);
1327
- if (cmp3 !== 0 /* Comparison.EQ */) {
1328
- return cmp3;
1329
- }
1330
- return 0 /* Comparison.EQ */;
1331
- };
1332
-
1333
- // Creates a semver string out of tinymce major and minor properties this also handles
1334
- // the pre semver case with 3.x versions of tinymce having a extra dot 1.2.3.4 we simply
1335
- // ignore the extra dot and normalize that to proper semver
1336
- const createSemVer = (tinymce) => {
1337
- const semver = [tinymce.majorVersion, tinymce.minorVersion].join('.');
1338
- return semver.split('.').slice(0, 3).join('.');
1339
- };
1340
- const getVersion = (tinymce) => parse(createSemVer(tinymce));
1341
- const isLessThan = (tinymce, version) => !tinymce ? false : compare(getVersion(tinymce), parse(version)) === -1 /* Semver.Comparison.LT */;
1342
-
1343
1304
  var isFunction = function (x) { return typeof x === 'function'; };
1344
1305
  var isEventProp = function (name) { return name in eventPropTypes; };
1345
1306
  var eventAttrToEventName = function (attrName) { return attrName.substr(2); };
@@ -1416,10 +1377,7 @@ var getTinymceOrError = function (view) {
1416
1377
  }
1417
1378
  return tinymce;
1418
1379
  };
1419
- var isDisabledOptionSupported = function (view) {
1420
- var tinymce = getTinymceOrError(view);
1421
- return !isLessThan(tinymce, '7.6.0');
1422
- };
1380
+ var isDisabledOptionSupported = function (editor) { return editor.options && editor.options.isRegistered('disabled'); };
1423
1381
 
1424
1382
  var __assign$1 = (undefined && undefined.__assign) || function () {
1425
1383
  __assign$1 = Object.assign || function(t) {
@@ -1685,9 +1643,7 @@ var Editor = /** @class */ (function (_super) {
1685
1643
  return;
1686
1644
  }
1687
1645
  var tinymce = getTinymceOrError(_this.view);
1688
- var finalInit = __assign(__assign(__assign(__assign(__assign(__assign({}, _this.props.init), { selector: undefined, target: target }), isDisabledOptionSupported(_this.view)
1689
- ? { disabled: _this.props.disabled, readonly: _this.props.readonly }
1690
- : { readonly: _this.props.disabled || _this.props.readonly }), { inline: _this.inline, plugins: mergePlugins((_a = _this.props.init) === null || _a === void 0 ? void 0 : _a.plugins, _this.props.plugins), toolbar: (_b = _this.props.toolbar) !== null && _b !== void 0 ? _b : (_c = _this.props.init) === null || _c === void 0 ? void 0 : _c.toolbar }), (_this.props.licenseKey ? { license_key: _this.props.licenseKey } : {})), { setup: function (editor) {
1646
+ var finalInit = __assign(__assign(__assign(__assign({}, _this.props.init), { selector: undefined, target: target, disabled: _this.props.disabled, readonly: _this.props.readonly, inline: _this.inline, plugins: mergePlugins((_a = _this.props.init) === null || _a === void 0 ? void 0 : _a.plugins, _this.props.plugins), toolbar: (_b = _this.props.toolbar) !== null && _b !== void 0 ? _b : (_c = _this.props.init) === null || _c === void 0 ? void 0 : _c.toolbar }), (_this.props.licenseKey ? { license_key: _this.props.licenseKey } : {})), { setup: function (editor) {
1691
1647
  _this.editor = editor;
1692
1648
  _this.bindHandlers({});
1693
1649
  // When running in inline mode the editor gets the initial value
@@ -1704,6 +1660,14 @@ var Editor = /** @class */ (function (_super) {
1704
1660
  if (_this.props.init && isFunction(_this.props.init.setup)) {
1705
1661
  _this.props.init.setup(editor);
1706
1662
  }
1663
+ if (_this.props.disabled) {
1664
+ if (isDisabledOptionSupported(_this.editor)) {
1665
+ _this.editor.options.set('disabled', _this.props.disabled);
1666
+ }
1667
+ else {
1668
+ _this.editor.mode.set('readonly');
1669
+ }
1670
+ }
1707
1671
  }, init_instance_callback: function (editor) {
1708
1672
  var _a;
1709
1673
  // check for changes that happened since tinymce.init() was called
@@ -1799,7 +1763,7 @@ var Editor = /** @class */ (function (_super) {
1799
1763
  setMode(this.editor, readonly ? 'readonly' : 'design');
1800
1764
  }
1801
1765
  if (this.props.disabled !== prevProps.disabled) {
1802
- if (isDisabledOptionSupported(this.view)) {
1766
+ if (isDisabledOptionSupported(this.editor)) {
1803
1767
  this.editor.options.set('disabled', this.props.disabled);
1804
1768
  }
1805
1769
  else {
@@ -1935,7 +1899,7 @@ var Editor = /** @class */ (function (_super) {
1935
1899
  };
1936
1900
  Editor.propTypes = EditorPropTypes;
1937
1901
  Editor.defaultProps = {
1938
- cloudChannel: '7',
1902
+ cloudChannel: '8',
1939
1903
  };
1940
1904
  return Editor;
1941
1905
  }(React.Component));
package/es/index.js CHANGED
@@ -50,7 +50,7 @@ export { ConfirmModal } from './ui/ConfirmModal.js';
50
50
  export { ErrorBoundary } from './ui/ErrorBoundary.js';
51
51
  export { CATEGORY_LIST_ENUM, CategoryStatus, badgeStatusCategoryAccount, badgeStatusCategoryConfig } from './ui/CategoryStatus.js';
52
52
  export { I as ID_TABLE_WRAPPER, a as MAX_TAG_COUNT, M as MAX_TAG_TEXT_LENGTH, T as TINY_API } from './chunks/common-BcURBmQ-.js';
53
- export { C as CategoryAccountStatus, P as PAGE_NUMBER, b as PAGE_SIZE, c as SORT, S as START_PAGE, a as START_PAGE_SIZE, T as TypeActionRowTable, d as TypeBulkActions, e as TypeStatusTable } from './chunks/table-DAdT33TE.js';
53
+ export { PAGE_NUMBER, PAGE_SIZE, SORT, START_PAGE, START_PAGE_SIZE, TypeActionRowTable, TypeBulkActions, TypeStatusTable } from './constants/index.js';
54
54
  export { BreadcrumbHeading } from './ui/BreadcrumbHeading.js';
55
55
  export { Card } from './ui/Card.js';
56
56
  export { ConfigProvider } from './ui/ConfigProvider.js';
package/es/ui/Button.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import { Button as Button$1 } from 'antd';
3
- import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
3
+ import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
4
4
 
5
5
  const Button = (props) => {
6
6
  const { onClick, ...restProps } = props;
package/es/ui/Cascader.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import { Cascader } from 'antd';
3
- import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
3
+ import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
4
4
 
5
5
  const CascaderField = (props) => {
6
6
  const {
@@ -1,6 +1,6 @@
1
1
  import { jsx, jsxs } from 'react/jsx-runtime';
2
- import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
3
- import { C as CategoryAccountStatus } from '../chunks/table-DAdT33TE.js';
2
+ import { CategoryAccountStatus } from '@pnkx-lib/core';
3
+ import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
4
4
 
5
5
  var CATEGORY_LIST_ENUM = /* @__PURE__ */ ((CATEGORY_LIST_ENUM2) => {
6
6
  CATEGORY_LIST_ENUM2[CATEGORY_LIST_ENUM2["DRAFT"] = 0] = "DRAFT";
@@ -1,5 +1,5 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
- import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
2
+ import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
3
3
 
4
4
  const Container = ({
5
5
  children,
package/es/ui/Label.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { jsxs, jsx } from 'react/jsx-runtime';
2
- import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
2
+ import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
3
3
  import { Typography } from './Typography.js';
4
4
 
5
5
  const Label = ({ label, required, classNameLabel }) => {
package/es/ui/Layout.js CHANGED
@@ -227,6 +227,7 @@ var Entity = /*#__PURE__*/function () {
227
227
  _defineProperty(this, "instanceId", void 0);
228
228
  /** @private Internal cache map. Do not access this directly */
229
229
  _defineProperty(this, "cache", new Map());
230
+ _defineProperty(this, "extracted", new Set());
230
231
  this.instanceId = instanceId;
231
232
  }
232
233
  _createClass(Entity, [{
@@ -744,7 +745,6 @@ onCacheEffect) {
744
745
  }, /* eslint-disable react-hooks/exhaustive-deps */
745
746
  [fullPathStr]
746
747
  /* eslint-enable */);
747
-
748
748
  var cacheEntity = globalCache.opGet(fullPathStr);
749
749
 
750
750
  // HMR clean the cache but not trigger `useMemo` again
@@ -824,14 +824,13 @@ var TOKEN_THRESHOLD = 0;
824
824
  // Remove will check current keys first
825
825
  function cleanTokenStyle(tokenKey, instanceId) {
826
826
  tokenKeys.set(tokenKey, (tokenKeys.get(tokenKey) || 0) - 1);
827
- var tokenKeyList = Array.from(tokenKeys.keys());
828
- var cleanableKeyList = tokenKeyList.filter(function (key) {
829
- var count = tokenKeys.get(key) || 0;
830
- return count <= 0;
827
+ var cleanableKeyList = new Set();
828
+ tokenKeys.forEach(function (value, key) {
829
+ if (value <= 0) cleanableKeyList.add(key);
831
830
  });
832
831
 
833
832
  // Should keep tokens under threshold for not to insert style too often
834
- if (tokenKeyList.length - cleanableKeyList.length > TOKEN_THRESHOLD) {
833
+ if (tokenKeys.size - cleanableKeyList.size > TOKEN_THRESHOLD) {
835
834
  cleanableKeyList.forEach(function (key) {
836
835
  removeStyleTags(key, instanceId);
837
836
  tokenKeys.delete(key);
@@ -1884,7 +1883,8 @@ function useStyleRegister(info, styleFn) {
1884
1883
  styleId = _ref3[2];
1885
1884
  if ((fromHMR || autoClear) && isClientSide) {
1886
1885
  removeCSS(styleId, {
1887
- mark: ATTR_MARK
1886
+ mark: ATTR_MARK,
1887
+ attachTo: container
1888
1888
  });
1889
1889
  }
1890
1890
  },
@@ -1957,8 +1957,7 @@ function useStyleRegister(info, styleFn) {
1957
1957
  if (!ssrInline || isMergedClientSide || !defaultCache) {
1958
1958
  styleNode = /*#__PURE__*/React.createElement(Empty, null);
1959
1959
  } else {
1960
- var _ref6;
1961
- styleNode = /*#__PURE__*/React.createElement("style", _extends({}, (_ref6 = {}, _defineProperty(_ref6, ATTR_TOKEN, cachedTokenKey), _defineProperty(_ref6, ATTR_MARK, cachedStyleId), _ref6), {
1960
+ styleNode = /*#__PURE__*/React.createElement("style", _extends({}, _defineProperty(_defineProperty({}, ATTR_TOKEN, cachedTokenKey), ATTR_MARK, cachedStyleId), {
1962
1961
  dangerouslySetInnerHTML: {
1963
1962
  __html: cachedStyleStr
1964
1963
  }
@@ -2000,7 +1999,8 @@ var useCSSVarRegister = function useCSSVarRegister(config, fn) {
2000
1999
  styleId = _ref2[2];
2001
2000
  if (isClientSide) {
2002
2001
  removeCSS(styleId, {
2003
- mark: ATTR_MARK
2002
+ mark: ATTR_MARK,
2003
+ attachTo: container
2004
2004
  });
2005
2005
  }
2006
2006
  }, function (_ref3) {
@@ -2123,10 +2123,9 @@ function resetWarned() {
2123
2123
  deprecatedWarnList = null;
2124
2124
  resetWarned$1();
2125
2125
  }
2126
- // eslint-disable-next-line import/no-mutable-exports
2127
- let warning = noop$1;
2126
+ let _warning = noop$1;
2128
2127
  if (process.env.NODE_ENV !== 'production') {
2129
- warning = (valid, component, message) => {
2128
+ _warning = (valid, component, message) => {
2130
2129
  warningOnce(valid, `[antd: ${component}] ${message}`);
2131
2130
  // StrictMode will inject console which will not throw warning in React 17.
2132
2131
  if (process.env.NODE_ENV === 'test') {
@@ -2134,6 +2133,7 @@ if (process.env.NODE_ENV !== 'production') {
2134
2133
  }
2135
2134
  };
2136
2135
  }
2136
+ const warning = _warning;
2137
2137
  const WarningContext = /*#__PURE__*/React.createContext({});
2138
2138
  /**
2139
2139
  * This is a hook but we not named as `useWarning`
@@ -2652,7 +2652,6 @@ function derivative(token) {
2652
2652
  return prev;
2653
2653
  }, {});
2654
2654
  }).reduce((prev, cur) => {
2655
- // biome-ignore lint/style/noParameterAssign: it is a reduce
2656
2655
  prev = Object.assign(Object.assign({}, prev), cur);
2657
2656
  return prev;
2658
2657
  }, {});
@@ -3476,7 +3475,7 @@ function genStyleUtils(config) {
3476
3475
  };
3477
3476
  }
3478
3477
 
3479
- const version = '5.25.3';
3478
+ const version = '5.27.1';
3480
3479
 
3481
3480
  function isStableColor(color) {
3482
3481
  return color >= 0 && color <= 255;
@@ -3717,17 +3716,6 @@ const unitless = {
3717
3716
  opacityImage: true
3718
3717
  };
3719
3718
  const ignore = {
3720
- size: true,
3721
- sizeSM: true,
3722
- sizeLG: true,
3723
- sizeMD: true,
3724
- sizeXS: true,
3725
- sizeXXS: true,
3726
- sizeMS: true,
3727
- sizeXL: true,
3728
- sizeXXL: true,
3729
- sizeUnit: true,
3730
- sizeStep: true,
3731
3719
  motionBase: true,
3732
3720
  motionUnit: true
3733
3721
  };
@@ -3941,7 +3929,7 @@ const useResetIconStyle = (iconPrefixCls, csp) => {
3941
3929
  layer: {
3942
3930
  name: 'antd'
3943
3931
  }
3944
- }, () => [genIconStyle(iconPrefixCls)]);
3932
+ }, () => genIconStyle(iconPrefixCls));
3945
3933
  };
3946
3934
 
3947
3935
  const fullClone = Object.assign({}, React);
@@ -4003,7 +3991,12 @@ function MotionProvider(_ref) {
4003
3991
  }, children);
4004
3992
  }
4005
3993
 
3994
+ const MotionCacheContext = /*#__PURE__*/React.createContext(true);
3995
+ if (process.env.NODE_ENV !== 'production') {
3996
+ MotionCacheContext.displayName = 'MotionCacheContext';
3997
+ }
4006
3998
  function MotionWrapper(props) {
3999
+ const parentMotion = React.useContext(MotionCacheContext);
4007
4000
  const {
4008
4001
  children
4009
4002
  } = props;
@@ -4012,11 +4005,13 @@ function MotionWrapper(props) {
4012
4005
  motion
4013
4006
  } = token;
4014
4007
  const needWrapMotionProviderRef = React.useRef(false);
4015
- needWrapMotionProviderRef.current = needWrapMotionProviderRef.current || motion === false;
4008
+ needWrapMotionProviderRef.current || (needWrapMotionProviderRef.current = parentMotion !== motion);
4016
4009
  if (needWrapMotionProviderRef.current) {
4017
- return /*#__PURE__*/React.createElement(MotionProvider, {
4010
+ return /*#__PURE__*/React.createElement(MotionCacheContext.Provider, {
4011
+ value: motion
4012
+ }, /*#__PURE__*/React.createElement(MotionProvider, {
4018
4013
  motion: motion
4019
- }, children);
4014
+ }, children));
4020
4015
  }
4021
4016
  return children;
4022
4017
  }
@@ -4145,6 +4140,7 @@ const ProviderChildren = props => {
4145
4140
  tooltip,
4146
4141
  popover,
4147
4142
  popconfirm,
4143
+ floatButton,
4148
4144
  floatButtonGroup,
4149
4145
  variant,
4150
4146
  inputNumber,
@@ -4237,6 +4233,7 @@ const ProviderChildren = props => {
4237
4233
  tooltip,
4238
4234
  popover,
4239
4235
  popconfirm,
4236
+ floatButton,
4240
4237
  floatButtonGroup,
4241
4238
  variant,
4242
4239
  inputNumber,
@@ -4538,7 +4535,7 @@ const prepareComponentToken = token => {
4538
4535
  };
4539
4536
  // ============================== Export ==============================
4540
4537
  const DEPRECATED_TOKENS = [['colorBgBody', 'bodyBg'], ['colorBgHeader', 'headerBg'], ['colorBgTrigger', 'triggerBg']];
4541
- const useStyle$1 = genStyleHooks('Layout', token => [genLayoutStyle(token)], prepareComponentToken, {
4538
+ const useStyle$1 = genStyleHooks('Layout', genLayoutStyle, prepareComponentToken, {
4542
4539
  deprecatedTokens: DEPRECATED_TOKENS
4543
4540
  });
4544
4541
 
@@ -4649,7 +4646,7 @@ const genSiderStyle = token => {
4649
4646
  }
4650
4647
  };
4651
4648
  };
4652
- const useStyle = genStyleHooks(['Layout', 'Sider'], token => [genSiderStyle(token)], prepareComponentToken, {
4649
+ const useStyle = genStyleHooks(['Layout', 'Sider'], genSiderStyle, prepareComponentToken, {
4653
4650
  deprecatedTokens: DEPRECATED_TOKENS
4654
4651
  });
4655
4652
 
package/es/ui/Modal.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import { Modal as Modal$1 } from 'antd';
3
- import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
3
+ import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
4
4
 
5
5
  const widthMap = {
6
6
  xs: 400,
@@ -1,5 +1,5 @@
1
1
  import { jsxs, jsx } from 'react/jsx-runtime';
2
- import { u as useForm } from '../chunks/index.esm-o4O8pXMN.js';
2
+ import { u as useForm } from '../chunks/index.esm-Dr5ZHcf7.js';
3
3
  import { Button } from './Button.js';
4
4
  import { I as Icon, _ as _extends } from '../chunks/AntdIcon-D_ySRKRj.js';
5
5
  import * as React from 'react';
@@ -1,7 +1,7 @@
1
1
  import { jsxs, jsx } from 'react/jsx-runtime';
2
2
  import { Select, Table } from 'antd';
3
3
  import { useState, useCallback } from 'react';
4
- import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
4
+ import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
5
5
  import { get, isEmpty } from 'lodash';
6
6
  import { ErrorMessage } from './ErrorMessage.js';
7
7
  import { Label } from './Label.js';
@@ -1,7 +1,7 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import { Select, Table } from 'antd';
3
3
  import { useState, useCallback } from 'react';
4
- import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
4
+ import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
5
5
 
6
6
  const SelectTable = ({
7
7
  columns,
@@ -5,7 +5,7 @@ import { useLocation, useNavigate } from 'react-router';
5
5
  import { Flex, AutoComplete, Divider, Dropdown } from 'antd';
6
6
  import { Layout } from '../Layout.js';
7
7
  import { Input } from '../../fields/Input.js';
8
- import { t as twMerge } from '../../chunks/bundle-mjs-BBFHkixS.js';
8
+ import { t as twMerge } from '../../chunks/bundle-mjs-BME7zF0Z.js';
9
9
  import { R as RefIcon$2 } from '../../chunks/DownOutlined-BlKl-wuu.js';
10
10
  import { I as Icon, _ as _extends } from '../../chunks/AntdIcon-D_ySRKRj.js';
11
11
 
package/es/ui/Tabs.js CHANGED
@@ -29,8 +29,8 @@ const identity = (arg) => arg;
29
29
  function useStore(api, selector = identity) {
30
30
  const slice = React__default.useSyncExternalStore(
31
31
  api.subscribe,
32
- () => selector(api.getState()),
33
- () => selector(api.getInitialState())
32
+ React__default.useCallback(() => selector(api.getState()), [api, selector]),
33
+ React__default.useCallback(() => selector(api.getInitialState()), [api, selector])
34
34
  );
35
35
  React__default.useDebugValue(slice);
36
36
  return slice;
@@ -1,7 +1,7 @@
1
1
  import { jsxs, jsx } from 'react/jsx-runtime';
2
2
  import { Upload, Image, Tooltip } from 'antd';
3
3
  import { Spin } from './Spin.js';
4
- import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
4
+ import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
5
5
  import { Label } from './Label.js';
6
6
  import { R as RefIcon } from '../chunks/CloseOutlined-B3y9Maz0.js';
7
7
 
@@ -1,5 +1,5 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
- import { C as Controller } from '../chunks/index.esm-o4O8pXMN.js';
2
+ import { C as Controller } from '../chunks/index.esm-Dr5ZHcf7.js';
3
3
  import { UploadComponent } from './UploadComponent.js';
4
4
 
5
5
  const UploadImage = ({
package/es/ui/index.js CHANGED
@@ -7,8 +7,8 @@ import { useState, useCallback, useEffect, useRef } from 'react';
7
7
  import { Select, Input, Pagination, Table as Table$1, Tooltip as Tooltip$1 } from 'antd';
8
8
  import { I as ID_TABLE_WRAPPER } from '../chunks/common-BcURBmQ-.js';
9
9
  export { a as MAX_TAG_COUNT, M as MAX_TAG_TEXT_LENGTH, T as TINY_API } from '../chunks/common-BcURBmQ-.js';
10
- import { e as TypeStatusTable, T as TypeActionRowTable, d as TypeBulkActions } from '../chunks/table-DAdT33TE.js';
11
- export { C as CategoryAccountStatus, P as PAGE_NUMBER, b as PAGE_SIZE, c as SORT, S as START_PAGE, a as START_PAGE_SIZE } from '../chunks/table-DAdT33TE.js';
10
+ import { TypeStatusTable, TypeActionRowTable, TypeBulkActions } from '../constants/index.js';
11
+ export { PAGE_NUMBER, PAGE_SIZE, SORT, START_PAGE, START_PAGE_SIZE } from '../constants/index.js';
12
12
  export { Modal } from './Modal.js';
13
13
  import { Tooltip } from './Tooltip.js';
14
14
  export { Tabs } from './Tabs.js';
@@ -58,7 +58,7 @@ import { CATEGORY_LIST_ENUM } from './CategoryStatus.js';
58
58
  export { CategoryStatus, badgeStatusCategoryAccount, badgeStatusCategoryConfig } from './CategoryStatus.js';
59
59
  import { useToggle } from '@pnkx-lib/core';
60
60
  import { isEmpty, isBoolean } from 'lodash';
61
- import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
61
+ import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
62
62
  export { BreadcrumbHeading } from './BreadcrumbHeading.js';
63
63
  export { Card } from './Card.js';
64
64
  export { ConfigProvider } from './ConfigProvider.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.452",
4
+ "version": "1.9.456",
5
5
  "type": "module",
6
6
  "main": "./es/index.js",
7
7
  "module": "./es/index.js",
@@ -117,8 +117,8 @@
117
117
  ]
118
118
  },
119
119
  "peerDependencies": {
120
- "@pnkx-lib/core": "^1.1.107",
121
- "@tailwindcss/vite": "^4.0.17",
120
+ "@pnkx-lib/core": "^1.1.153",
121
+ "@tailwindcss/vite": "^4.1.12",
122
122
  "antd": "^5.24.4",
123
123
  "react": "^18.3.1",
124
124
  "react-dom": "^18.3.1",
@@ -150,6 +150,7 @@
150
150
  "pdfjs-dist": "^3.11.174",
151
151
  "react-datepicker": "^4.16.0",
152
152
  "react-doc-viewer": "^0.1.14",
153
+ "react-number-format": "^5.4.4",
153
154
  "tailwind-merge": "^3.3.0",
154
155
  "yup": "^1.6.1",
155
156
  "zustand": "^5.0.3"
@@ -1,4 +1,5 @@
1
- import { CategoryAccountStatus, TypeStatusTable } from '../../constants';
1
+ import { CategoryAccountStatus } from '@pnkx-lib/core';
2
+ import { TypeStatusTable } from '../../constants';
2
3
  export declare enum CATEGORY_LIST_ENUM {
3
4
  DRAFT = 0,// tạo mới
4
5
  WATING_APPROVAL = 1,// đang chờ duyệt
@@ -29,9 +29,3 @@ export declare enum TypeStatusTable {
29
29
  REJECTED = 4,// Từ chối duyệt
30
30
  DELETED = 5
31
31
  }
32
- export declare enum CategoryAccountStatus {
33
- ALL = "ALL",// Tất cả
34
- ACTIVE = 1,// Hoạt động
35
- INACTIVE = 2,// Không hoạt động
36
- DELETED = 3
37
- }