diginet-core-ui 1.3.94-beta.4 → 1.3.94-beta.6

package/assets/images/menu/eo/WEO76APP0001.svg

@@ -0,0 +1,15 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1007_149)">
+<path d="M33 2V4.5C33 5.9 31.9 7 30.5 7C29.1 7 28 5.9 28 4.5V2H22V4.5C22 5.9 20.9 7 19.5 7C18.1 7 17 5.9 17 4.5V2H11V4.5C11 5.9 9.9 7 8.5 7C7.1 7 6 5.9 6 4.5V2C2.7 2 0 4.7 0 8V33C0 36.3 2.7 39 6 39H25.7C24.4 38.4 23.4 37.5 22.4 36.5H5.9C4 36.5 2.5 35 2.5 33.1V11.9C2.5 10 4 8.5 5.9 8.5H33.1C35 8.5 36.5 10 36.5 11.9V22.4C37.5 23.3 38.4 24.4 39 25.7V8C39 4.7 36.3 2 33 2Z" fill="#FF8C00"/>
+<path d="M30.5 6C29.7 6 29 5.3 29 4.5V1.5C29 0.7 29.7 0 30.5 0C31.3 0 32 0.7 32 1.5V4.5C32 5.3 31.3 6 30.5 6Z" fill="#FFC766"/>
+<path d="M8.5 6C7.7 6 7 5.3 7 4.5V1.5C7 0.7 7.7 0 8.5 0C9.3 0 10 0.7 10 1.5V4.5C10 5.3 9.3 6 8.5 6Z" fill="#FFC766"/>
+<path d="M19.5 6C18.7 6 18 5.3 18 4.5V1.5C18 0.7 18.7 0 19.5 0C20.3 0 21 0.7 21 1.5V4.5C21 5.3 20.3 6 19.5 6Z" fill="#FFC766"/>
+<path d="M26.7 20.6C27.4 20.3 28.2 20.2 28.9 20.1V14.2C28.9 12.9 27.9 11.9 26.6 11.9H23C22.8 11.2 22.1 10.8 21.4 10.8H12.2C11.3 10.8 10.5 11.6 10.5 12.5V32H8.89999C8.29999 32 7.79999 32.5 7.79999 33.1C7.79999 33.7 8.29999 34.2 8.89999 34.2H21C20.3 33 20 31.5 20 30C20 27.1 21.2 24.5 23.2 22.7V14.2H26.7V20.6ZM21 23C21 23.6 20.6 24 20 24C19.4 24 19 23.6 19 23V21C19 20.4 19.4 20 20 20C20.6 20 21 20.4 21 21V23Z" fill="#2680EB"/>
+<path d="M30 21C25 21 21 25 21 30C21 35 25 39 30 39C35 39 39 35 39 30C39 25 35 21 30 21ZM35.6 27.1L30.3 34.3C30 34.8 29.5 35 29 35C28.5 35 28 34.8 27.6 34.4L24.5 31C24 30.5 24 29.6 24.6 29.1C25.1 28.6 26 28.6 26.5 29.2L28.7 31.6L28.8 31.7C28.8 31.7 28.9 31.7 28.9 31.6L33.4 25.5C33.8 24.9 34.7 24.8 35.3 25.2C35.9 25.7 36 26.5 35.6 27.1Z" fill="#1CA261"/>
+</g>
+<defs>
+<clipPath id="clip0_1007_149">
+<rect width="39" height="39" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/assets/images/menu/eo/WEO76APP0002.svg

@@ -0,0 +1,15 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1042_71)">
+<path d="M33 2V4.5C33 5.9 31.9 7 30.5 7C29.1 7 28 5.9 28 4.5V2H22V4.5C22 5.9 20.9 7 19.5 7C18.1 7 17 5.9 17 4.5V2H11V4.5C11 5.9 9.9 7 8.5 7C7.1 7 6 5.9 6 4.5V2C2.7 2 0 4.7 0 8V33C0 36.3 2.7 39 6 39H25.7C24.4 38.4 23.4 37.5 22.4 36.5H5.9C4 36.5 2.5 35 2.5 33.1V11.9C2.5 10 4 8.5 5.9 8.5H33.1C35 8.5 36.5 10 36.5 11.9V22.4C37.5 23.3 38.4 24.4 39 25.7V8C39 4.7 36.3 2 33 2Z" fill="#FF8C00"/>
+<path d="M30.5 6C29.7 6 29 5.3 29 4.5V1.5C29 0.7 29.7 0 30.5 0C31.3 0 32 0.7 32 1.5V4.5C32 5.3 31.3 6 30.5 6Z" fill="#FFC766"/>
+<path d="M8.5 6C7.7 6 7 5.3 7 4.5V1.5C7 0.7 7.7 0 8.5 0C9.3 0 10 0.7 10 1.5V4.5C10 5.3 9.3 6 8.5 6Z" fill="#FFC766"/>
+<path d="M19.5 6C18.7 6 18 5.3 18 4.5V1.5C18 0.7 18.7 0 19.5 0C20.3 0 21 0.7 21 1.5V4.5C21 5.3 20.3 6 19.5 6Z" fill="#FFC766"/>
+<path d="M28.3 14.3C28 13.6 27.3 13 26.5 13H12.5C11.7 13 11 13.5 10.7 14.3L8 21.8V31.8C8 32.4 8.6 33 9.3 33H10.6C11.3 33 11.9 32.4 11.9 31.7V30.4H20C20 30.2 20 30.1 20 29.9C20 25.5 22.9 21.7 26.9 20.4H10.6L12.5 14.8H26.6L28.4 20.1C28.9 20 29.5 20 30.1 20C30.2 20 30.4 20 30.5 20L28.3 14.3ZM12.5 23C13.6 23 14.4 23.8 14.4 24.9C14.4 25.9 13.5 26.8 12.5 26.8C11.4 26.8 10.6 26 10.6 24.9C10.6 23.8 11.4 23 12.5 23Z" fill="#2680EB"/>
+<path d="M30 21C25 21 21 25 21 30C21 35 25 39 30 39C35 39 39 35 39 30C39 25 35 21 30 21ZM35.6 27.1L30.3 34.3C30 34.8 29.5 35 29 35C28.5 35 28 34.8 27.6 34.4L24.5 31C24 30.5 24 29.6 24.6 29.1C25.1 28.6 26 28.6 26.5 29.2L28.7 31.6L28.8 31.7C28.8 31.7 28.9 31.7 28.9 31.6L33.4 25.5C33.8 24.9 34.7 24.8 35.3 25.2C35.9 25.7 36 26.5 35.6 27.1Z" fill="#1CA261"/>
+</g>
+<defs>
+<clipPath id="clip0_1042_71">
+<rect width="39" height="39" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/assets/images/menu/eo/WEO76LIS0001.svg

@@ -0,0 +1,10 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_952_40)">
+<path d="M37.5 36H35.1V5.4C35.1 3.5 33.6 2 31.7 2H25.3C25.1 0.8 24.1 0 22.9 0H7.3C6 0 4.9 1.1 4.9 2.5V36H1.5C0.7 36 0 36.7 0 37.5C0 38.3 0.7 39 1.5 39H22.9C24.2 39 25.4 37.9 25.4 36.5V4.9H31.7C32 4.9 32.2 5.1 32.2 5.4V37.5C32.2 38.3 32.9 39 33.7 39H37.6C38.4 39 39.1 38.3 39.1 37.5C39 36.7 38.3 36 37.5 36ZM22 20.5C22 21.3 21.3 22 20.5 22C19.7 22 19 21.3 19 20.5V16.5C19 15.7 19.7 15 20.5 15C21.3 15 22 15.7 22 16.5V20.5Z" fill="#2680EB"/>
+</g>
+<defs>
+<clipPath id="clip0_952_40">
+<rect width="39" height="39" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/assets/images/menu/eo/WEO76LIS0002.svg

@@ -0,0 +1,11 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1042_61)">
+<path d="M31.4 0H9.4L0 9.4V17.3H3.9C3.9 19.9 6 22 8.6 22C9.5 22 10.3 21.8 11 21.4L13.1 15.3C13.6 13.9 14.9 12.9 16.4 12.9H33.5C33.8 12.9 34.2 13 34.5 13.1V3.1C34.6 1.4 33.2 0 31.4 0ZM8.6 19.6C7.3 19.6 6.3 18.5 6.3 17.3C6.3 16 7.4 14.9 8.6 14.9C9.9 14.9 11 16 11 17.3C11 18.6 9.9 19.6 8.6 19.6ZM12.6 9.4H4.7L11 3.1H12.6V9.4ZM22 9.4H15.7V3.1H22V9.4ZM31.4 9.4H25.1V3.1H31.4V9.4Z" fill="#2680EB"/>
+<path d="M35.8 15.7C35.5 14.8 34.6 14.1 33.6 14.1H16.4C15.4 14.1 14.5 14.8 14.2 15.7L11 25V37.4C11 38.3 11.7 39 12.6 39H14.2C15.1 39 15.8 38.3 15.8 37.4V35.8H34.5V37.4C34.5 38.3 35.2 39 36.1 39H37.7C38.6 39 39.3 38.3 39.3 37.4V25L35.8 15.7ZM16.4 31.2C15.1 31.2 14.1 30.2 14.1 28.9C14.1 27.6 15.1 26.6 16.4 26.6C17.7 26.6 18.7 27.6 18.7 28.9C18.7 30.2 17.7 31.2 16.4 31.2ZM33.6 31.2C32.3 31.2 31.3 30.2 31.3 28.9C31.3 27.6 32.3 26.6 33.6 26.6C34.9 26.6 35.9 27.6 35.9 28.9C35.9 30.2 34.8 31.2 33.6 31.2ZM14.1 23.4L16.4 16.4H33.5L35.8 23.4H14.1Z" fill="#2680EB"/>
+</g>
+<defs>
+<clipPath id="clip0_1042_61">
+<rect width="39" height="39" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/assets/images/menu/eo/WEO76LIS0003.svg

@@ -0,0 +1,3 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M33.437 5.2154C33.0402 4.02505 31.9491 3.13229 30.5603 3.13229H8.14209C6.75335 3.13229 5.6622 4.02505 5.26542 5.2154L1 17.4165V33.6846C1 34.7757 1.89276 35.7677 3.08311 35.7677H5.16622C6.25737 35.7677 7.24933 34.8749 7.24933 33.6846V31.6015H31.7507V33.6846C31.7507 34.7757 32.6434 35.7677 33.8338 35.7677H35.9169C37.008 35.7677 38 34.8749 38 33.6846V17.4165L33.437 5.2154ZM8.14209 25.5505C6.45576 25.5505 5.06702 24.1618 5.06702 22.4755C5.06702 20.7891 6.45576 19.4004 8.14209 19.4004C9.82842 19.4004 11.2172 20.7891 11.2172 22.4755C11.2172 24.1618 9.82842 25.5505 8.14209 25.5505ZM30.5603 25.5505C28.874 25.5505 27.4853 24.1618 27.4853 22.4755C27.4853 20.7891 28.874 19.4004 30.5603 19.4004C32.2466 19.4004 33.6354 20.7891 33.6354 22.4755C33.6354 24.1618 32.2466 25.5505 30.5603 25.5505ZM5.06702 15.3334L8.14209 6.10817H30.5603L33.6354 15.3334H5.06702Z" fill="#2680EB"/>
+</svg>

package/assets/images/menu/eo/WEO76REQ0001.svg

@@ -0,0 +1,14 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1007_150)">
+<path d="M33 2V4.5C33 5.9 31.9 7 30.5 7C29.1 7 28 5.9 28 4.5V2H22V4.5C22 5.9 20.9 7 19.5 7C18.1 7 17 5.9 17 4.5V2H11V4.5C11 5.9 9.9 7 8.5 7C7.1 7 6 5.9 6 4.5V2C2.7 2 0 4.7 0 8V33C0 36.3 2.7 39 6 39H33C36.3 39 39 36.3 39 33V8C39 4.7 36.3 2 33 2ZM36.5 33.1C36.5 35 35 36.5 33.1 36.5H5.9C4 36.5 2.5 35 2.5 33.1V11.9C2.5 10 4 8.5 5.9 8.5H33.1C35 8.5 36.5 10 36.5 11.9V33.1Z" fill="#FF8C00"/>
+<path d="M30.5 6C29.7 6 29 5.3 29 4.5V1.5C29 0.7 29.7 0 30.5 0C31.3 0 32 0.7 32 1.5V4.5C32 5.3 31.3 6 30.5 6Z" fill="#FFC766"/>
+<path d="M8.5 6C7.7 6 7 5.3 7 4.5V1.5C7 0.7 7.7 0 8.5 0C9.3 0 10 0.7 10 1.5V4.5C10 5.3 9.3 6 8.5 6Z" fill="#FFC766"/>
+<path d="M19.5 6C18.7 6 18 5.3 18 4.5V1.5C18 0.7 18.7 0 19.5 0C20.3 0 21 0.7 21 1.5V4.5C21 5.3 20.3 6 19.5 6Z" fill="#FFC766"/>
+<path d="M30.1 32H28.9V14.2C28.9 12.9 27.9 11.9 26.6 11.9H23C22.8 11.2 22.1 10.8 21.4 10.8H12.2C11.3 10.8 10.5 11.6 10.5 12.5V32H8.89999C8.29999 32 7.79999 32.5 7.79999 33.1C7.79999 33.7 8.29999 34.2 8.89999 34.2H21.5C22.4 34.2 23.2 33.4 23.2 32.5V14.1H26.7V33.1C26.7 33.7 27.2 34.2 27.8 34.2H30.1C30.7 34.2 31.2 33.7 31.2 33.1C31.3 32.5 30.8 32 30.1 32ZM21 23C21 23.6 20.6 24 20 24C19.4 24 19 23.6 19 23V21C19 20.4 19.4 20 20 20C20.6 20 21 20.4 21 21V23Z" fill="#2680EB"/>
+</g>
+<defs>
+<clipPath id="clip0_1007_150">
+<rect width="39" height="39" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/assets/images/menu/eo/WEO76REQ0002.svg

@@ -0,0 +1,14 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1042_66)">
+<path d="M33 2V4.5C33 5.9 31.9 7 30.5 7C29.1 7 28 5.9 28 4.5V2H22V4.5C22 5.9 20.9 7 19.5 7C18.1 7 17 5.9 17 4.5V2H11V4.5C11 5.9 9.9 7 8.5 7C7.1 7 6 5.9 6 4.5V2C2.7 2 0 4.7 0 8V33C0 36.3 2.7 39 6 39H33C36.3 39 39 36.3 39 33V8C39 4.7 36.3 2 33 2ZM36.5 33.1C36.5 35 35 36.5 33.1 36.5H5.9C4 36.5 2.5 35 2.5 33.1V11.9C2.5 10 4 8.5 5.9 8.5H33.1C35 8.5 36.5 10 36.5 11.9V33.1Z" fill="#FF8C00"/>
+<path d="M30.5 6C29.7 6 29 5.3 29 4.5V1.5C29 0.7 29.7 0 30.5 0C31.3 0 32 0.7 32 1.5V4.5C32 5.3 31.3 6 30.5 6Z" fill="#FFC766"/>
+<path d="M8.5 6C7.7 6 7 5.3 7 4.5V1.5C7 0.7 7.7 0 8.5 0C9.3 0 10 0.7 10 1.5V4.5C10 5.3 9.3 6 8.5 6Z" fill="#FFC766"/>
+<path d="M19.5 6C18.7 6 18 5.3 18 4.5V1.5C18 0.7 18.7 0 19.5 0C20.3 0 21 0.7 21 1.5V4.5C21 5.3 20.3 6 19.5 6Z" fill="#FFC766"/>
+<path d="M28.251 14.2613C27.9761 13.5405 27.243 13 26.4183 13H12.49C11.6653 13 10.9323 13.5405 10.6574 14.2613L8 21.7387V31.7387C8 32.4595 8.5498 33 9.28287 33H10.5657C11.2988 33 11.8486 32.4595 11.8486 31.7387V30.4775H27.1514V31.7387C27.1514 32.4595 27.7012 33 28.4343 33H29.7171C30.4502 33 31 32.4595 31 31.7387V21.7387L28.251 14.2613ZM12.49 26.7838C11.3904 26.7838 10.5657 25.973 10.5657 24.8919C10.5657 23.8108 11.3904 23 12.49 23C13.5896 23 14.4143 23.8108 14.4143 24.8919C14.3227 25.8829 13.498 26.7838 12.49 26.7838ZM26.4183 26.7838C25.3187 26.7838 24.494 25.973 24.494 24.8919C24.494 23.8108 25.3187 23 26.4183 23C27.5179 23 28.3426 23.8108 28.3426 24.8919C28.3426 25.8829 27.5179 26.7838 26.4183 26.7838ZM10.5657 20.4775L12.49 14.8018H26.51L28.4343 20.4775H10.5657Z" fill="#2680EB"/>
+</g>
+<defs>
+<clipPath id="clip0_1042_66">
+<rect width="39" height="39" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/components/button/icon.js

@@ -301,14 +301,14 @@ ButtonIcon.propTypes = {
   onClick: PropTypes.func,
   /** Name of [icon](https://core.diginet.com.vn/ui/?path=/story/icon-basic). */
   name: PropTypes.string,
-  /**
-   * 	The size of the component.
-   *
-   * * tiny (button 24px, icon 16px)
-   * * small (button 32px, icon 20px)
-   * * medium (button 40px, icon 24px)
-   * * large (button 48px, icon 32px)
-   * * giant (button 56px, icon 40px)
+  /**
+   * 	The size of the component.
+   *
+   * * tiny (button 24px, icon 16px)
+   * * small (button 32px, icon 20px)
+   * * medium (button 40px, icon 24px)
+   * * large (button 48px, icon 32px)
+   * * giant (button 56px, icon 40px)
    * */
   size: PropTypes.oneOf(['tiny', 'small', 'medium', 'large', 'giant', 'extraGiant']),
   /** Style inline of component. */
@@ -319,19 +319,19 @@ ButtonIcon.propTypes = {
   viewType: PropTypes.oneOf(['text', 'outlined', 'filled', 'ghost']),
   /** Width of the component. */
   width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  /**
-   * ref methods (ref.current.instance.*method*)
-   *
-   * * option(): Gets all UI component properties
-   *  * Returns value - object
-   * * option(optionName): Gets the value of a single property
-   *  * @param {optionName} - string
-   *  * Returns value - any
-   * * option(optionName, optionValue): Updates the value of a single property
-   *  * @param {optionName} - string
-   *  * @param {optionValue} - any
-   * * option(options): Updates the values of several properties
-   *  * @param {options} - object
+  /**
+   * ref methods (ref.current.instance.*method*)
+   *
+   * * option(): Gets all UI component properties
+   *  * Returns value - object
+   * * option(optionName): Gets the value of a single property
+   *  * @param {optionName} - string
+   *  * Returns value - any
+   * * option(optionName, optionValue): Updates the value of a single property
+   *  * @param {optionName} - string
+   *  * @param {optionValue} - any
+   * * option(options): Updates the values of several properties
+   *  * @param {options} - object
    */
   reference: ref
 };

package/components/button/index.js

@@ -405,19 +405,19 @@ Button.propTypes = {
   urlParams: PropTypes.object,
   /** The variant to use. */
   viewType: PropTypes.oneOf(['text', 'outlined', 'filled', 'link']),
-  /**
-   * ref methods (ref.current.instance.*method*)
-   *
-   * * option(): Gets all UI component properties
-   *  * Returns value - object
-   * * option(optionName): Gets the value of a single property
-   *  * @param {optionName} - string
-   *  * Returns value - any
-   * * option(optionName, optionValue): Updates the value of a single property
-   *  * @param {optionName} - string
-   *  * @param {optionValue} - any
-   * * option(options): Updates the values of several properties
-   *  * @param {options} - object
+  /**
+   * ref methods (ref.current.instance.*method*)
+   *
+   * * option(): Gets all UI component properties
+   *  * Returns value - object
+   * * option(optionName): Gets the value of a single property
+   *  * @param {optionName} - string
+   *  * Returns value - any
+   * * option(optionName, optionValue): Updates the value of a single property
+   *  * @param {optionName} - string
+   *  * @param {optionValue} - any
+   * * option(options): Updates the values of several properties
+   *  * @param {options} - object
    */
   ref: ref
 };

package/components/button/more.js

@@ -6,7 +6,7 @@ import OptionWrapper from "../others/option-wrapper";
 import PropTypes from 'prop-types';
 import React, { forwardRef, isValidElement, memo, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { bgColor, borderNone, cursorPointer, displayFlex, flexCol, flexRow, gap, itemsCenter, outlineNone, parseHeight, pd, pdl } from "../../styles/general";
-import { classNames, refType as ref } from "../../utils";
+import { classNames } from "../../utils";
 const ButtonMore = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   action = {},
   anchor,
@@ -44,7 +44,7 @@ const ButtonMore = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   });
   const renderOptions = () => {
     return options.map((item, idx) => {
-      if ( /*#__PURE__*/isValidElement(item)) return item;else {
+      if (item !== null && item !== void 0 && item.hidden) return;else if ( /*#__PURE__*/isValidElement(item)) return item;else {
         const icon = item === null || item === void 0 ? void 0 : item.icon;
         const label = item === null || item === void 0 ? void 0 : item.label;
         const action = () => {
@@ -175,29 +175,15 @@ ButtonMore.propTypes = {
   option: PropTypes.arrayOf(PropTypes.shape({
     label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
     icon: PropTypes.string,
-    action: PropTypes.func
+    action: PropTypes.func,
+    hidden: PropTypes.bool
   })),
   /** The variant of option's type. */
   optionType: PropTypes.oneOf(['full', 'icon']),
   /** [Props](https://core.diginet.com.vn/ui/?path=/docs/components-popover) applied to the main `Popover`. */
   popoverProp: PropTypes.object,
   /** Style inline of component. */
-  style: PropTypes.object,
-  /**
-   * ref methods (ref.current.instance.*method*)
-   *
-   * * option(): Gets all UI component properties
-   *  * Returns value - object
-   * * option(optionName): Gets the value of a single property
-   *  * @param {optionName} - string
-   *  * Returns value - any
-   * * option(optionName, optionValue): Updates the value of a single property
-   *  * @param {optionName} - string
-   *  * @param {optionValue} - any
-   * * option(options): Updates the values of several properties
-   *  * @param {options} - object
-   */
-  ref: ref
+  style: PropTypes.object
 };
 export { ButtonMore };
 export default OptionWrapper(ButtonMore);

package/components/index.js

@@ -106,7 +106,7 @@ export { default as ModalFooter } from "./modal/footer";
 
 // PAGING
 export { default as PagingInfo } from "./paging/page-info";
-export { default as PagingSelector } from "./paging/page-selector2";
+export { default as PagingSelector } from "./paging/page-selector";
 
 // PAPER
 export { default as Paper } from "./paper";

package/components/paging/page-info.js

@@ -8,7 +8,7 @@ import PropTypes from 'prop-types';
 import { forwardRef, memo, useCallback, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from 'react';
 import { bgColor, borderTop, boxBorder, cursorPointer, displayFlex, flexRow, itemsCenter, justifyCenter, mg, mgb, mgl, noPadding, parseHeight, parseMinHeight, parseMinWidth, parseMinWidthHeight, parseWidthHeight, pd, textCenter, textColor, textLeft, whiteSpaceNoWrap } from "../../styles/general";
 import { useTheme } from "../../theme";
-import { classNames, refType as ref } from "../../utils";
+import { classNames } from "../../utils";
 const {
   colors: {
     system: {
@@ -554,7 +554,7 @@ PagingInfo.propTypes = {
   /** Total items. */
   totalItems: PropTypes.number,
   /** Compact type for mobile. */
-  typeShort: PropTypes.bool,
+  typeShort: PropTypes.bool
   /**
    * ref methods (ref.current.instance.*method*)
    *
@@ -576,7 +576,7 @@ PagingInfo.propTypes = {
    * * option(options): Updates the values of several properties
    *  * @param {options} - object
    */
-  ref: ref
 };
+
 export { PagingInfo };
 export default OptionWrapper(PagingInfo);