@antscorp/antsomi-ui 1.3.5-beta.507 → 1.3.5-beta.508

package/es/components/molecules/EditorTab/EditorTab.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
 import { ModalFuncProps } from 'antd';
-interface EditorTabItem {
+export interface EditorTabItem {
     showIcon?: boolean;
     closeable?: boolean;
     showDropdown?: boolean;
+    hideRemoveOption?: boolean;
     id: string;
     name: string;
     type: 'query' | 'table-detail';

package/es/components/molecules/EditorTab/EditorTab.js

@@ -157,7 +157,7 @@ export const EditorTab = props => {
             React.createElement(Icon, { type: "icon-ants-angle-left" }))),
         React.createElement("div", { ref: leftBlockRef, className: classnames('left-block', leftBlockClassName), onWheel: onWheelLeftBlock }, arrTabs && arrTabs.length
             ? arrTabs.map((tab, idx) => {
-                const { showIcon = true, showDropdown = true, closeable = true } = tab;
+                const { showIcon = true, showDropdown = true, hideRemoveOption, closeable = true, } = tab;
                 return (React.createElement("div", { key: tab.id, onClick: () => handleActiveTab(tab.id), className: classnames('tab-item', tabItemClassName, {
                         active: tab.id === activeTabId,
                     }) },
@@ -170,7 +170,9 @@ export const EditorTab = props => {
                     showDropdown ? (React.createElement(Dropdown, { menu: {
                             items: [
                                 { label: 'Configure', key: 'configure', style: { minWidth: '135px' } },
-                                { label: 'Remove', key: 'remove', style: { minWidth: '135px' } },
+                                ...(hideRemoveOption
+                                    ? []
+                                    : [{ label: 'Remove', key: 'remove', style: { minWidth: '135px' } }]),
                             ],
                             onClick: (_a) => __awaiter(void 0, [_a], void 0, function* ({ key, domEvent }) {
                                 switch (key) {

package/es/components/molecules/EditorTab/index.d.ts

@@ -1 +1,2 @@
 export { EditorTab } from './EditorTab';
+export type { EditorTabItem } from './EditorTab';

package/es/components/molecules/index.d.ts

@@ -78,3 +78,4 @@ export type { VirtualizedMenuProps } from './VirtualizedMenu';
 export type { SearchPopoverProps, PopoverAddFieldProps } from './SearchPopover';
 export type { InputDropdownProps } from './Dropdown';
 export type { SelectProps } from './Select';
+export type { EditorTabItem } from './EditorTab';

package/es/components/template/Layout/Layout.js

@@ -119,7 +119,7 @@ export const Layout = memo(props => {
                         INSIGHT_U_OGS: 'uogs',
                     } }) }), accountSharingConfig: Object.assign(Object.assign({}, headerProps === null || headerProps === void 0 ? void 0 : headerProps.accountSharingConfig), { u_ogs: 'uogs', appCode: appCode || 'APP_CUSTOMER_360' }), accountSelection: Object.assign(Object.assign({}, headerProps === null || headerProps === void 0 ? void 0 : headerProps.accountSelection), { show: !!((_b = headerProps === null || headerProps === void 0 ? void 0 : headerProps.accountSelection) === null || _b === void 0 ? void 0 : _b.show) && showAccountSelection }) }));
     }, [headerProps, iamDomain, permissionDomain, showAccountSelection]);
-    const mergeHeaderProps = useDeepCompareMemo(() => merge(cloneDeep(initialHeaderProps), Object.assign(Object.assign({}, header), { pageTitle: (header === null || header === void 0 ? void 0 : header.pageTitle) || activePageTitle })), [initialHeaderProps, header]);
+    const mergeHeaderProps = useDeepCompareMemo(() => merge(cloneDeep(initialHeaderProps), Object.assign(Object.assign({}, header), { pageTitle: (header === null || header === void 0 ? void 0 : header.pageTitle) || activePageTitle })), [initialHeaderProps, header, activePageTitle]);
     const _b = useDeepCompareMemo(() => merge(cloneDeep(contentWrapperProps), cloneDeep(contentWrapper)), [contentWrapperProps, contentWrapper]), { noPadding, showNotification = true } = _b, mergeContentWrapperProps = __rest(_b, ["noPadding", "showNotification"]);
     const mergeWorkSpaceProps = useDeepCompareMemo(() => merge(cloneDeep(restOfWorkspaceProps), omit(workspace, 'workspaceContentProps')), [restOfWorkspaceProps, workspace]);
     const _c = useDeepCompareMemo(() => merge(cloneDeep(leftMenuProps), cloneDeep(leftMenu)), [leftMenuProps, leftMenu, appConfig]), { className: leftMenuClassName, show: showLeftMenu = true } = _c, mergeLeftMenuProps = __rest(_c, ["className", "show"]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.5-beta.507",
+  "version": "1.3.5-beta.508",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",

package/es/components/common/ConfigProvider/ConfigProvider.d.ts

@@ -1,11 +0,0 @@
-import { ConfigProviderProps as AntdConfigProviderProps } from 'antd/es/config-provider';
-import React, { ReactNode } from 'react';
-import '@antscorp/antsomi-ui/es/assets/css/main.scss';
-import { TLocale } from '@antscorp/antsomi-ui/es/types';
-import 'animate.css';
-interface ConfigProviderProps extends Omit<AntdConfigProviderProps, 'locale'> {
-    children?: ReactNode;
-    locale?: TLocale;
-}
-declare const ConfigProvider: React.FC<ConfigProviderProps>;
-export default ConfigProvider;

package/es/components/common/ConfigProvider/ConfigProvider.js

@@ -1,63 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-// Libraries
-import { StyleProvider } from '@ant-design/cssinjs';
-import { ConfigProvider as AntdConfigProvider, App } from 'antd';
-import dayjs from 'dayjs';
-import React, { useEffect } from 'react';
-import weekday from 'dayjs/plugin/weekday';
-import localeData from 'dayjs/plugin/localeData';
-import relativeTime from 'dayjs/plugin/relativeTime';
-/** dayjs plugins for timezone */
-import utc from 'dayjs/plugin/utc';
-import timezone from 'dayjs/plugin/timezone';
-// Constants
-import { THEME } from '@antscorp/antsomi-ui/es/constants';
-// Style
-import { GlobalStyle } from './GlobalStyle';
-import '@antscorp/antsomi-ui/es/assets/css/main.scss';
-// Initialize languages
-// import '@antscorp/antsomi-ui/es/locales/i18n';
-import i18next from '@antscorp/antsomi-ui/es/locales/i18n';
-import 'animate.css';
-// Providers
-// import {
-//   QueryClientProviderAntsomiUI,
-//   QueryDevtoolsAntsomiUI,
-//   queryClientAntsomiUI,
-// } from '@antscorp/antsomi-ui/es/queries';
-// NOTE: HOT fix DatePicker Advanced
-dayjs.extend(weekday);
-dayjs.extend(localeData);
-dayjs.extend(utc);
-dayjs.extend(timezone);
-dayjs.extend(relativeTime);
-const ConfigProvider = props => {
-    // Props
-    const { children, locale } = props, restOfProps = __rest(props, ["children", "locale"]);
-    // Effects
-    useEffect(() => {
-        if (locale) {
-            i18next.changeLanguage(locale);
-        }
-    }, [locale]);
-    return (React.createElement(AntdConfigProvider, Object.assign({}, restOfProps),
-        React.createElement(App, null,
-            React.createElement(GlobalStyle, null),
-            React.createElement(StyleProvider, { hashPriority: "high" }, children))));
-};
-ConfigProvider.defaultProps = {
-    theme: THEME,
-    prefixCls: 'antsomi',
-    locale: 'en',
-};
-export default ConfigProvider;

package/es/components/common/ConfigProvider/GlobalStyle.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-interface GlobalStyleProps {
-}
-export declare const GlobalStyle: React.FC<GlobalStyleProps>;
-export {};

package/es/components/common/ConfigProvider/GlobalStyle.js

@@ -1,868 +0,0 @@
-// Libraries
-import React from 'react';
-import { Global, css } from '@emotion/react';
-// Constants
-import { THEME } from '@antscorp/antsomi-ui/es/constants';
-// FontAwesome
-import { library } from '@fortawesome/fontawesome-svg-core';
-import { fas } from '@fortawesome/free-solid-svg-icons';
-import { far } from '@fortawesome/free-regular-svg-icons';
-import { fab } from '@fortawesome/free-brands-svg-icons';
-library.add(fas, far, fab);
-const { accent6, accent7, scrollBarSize } = THEME.token || {};
-export const GlobalStyle = () => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37;
-    return (React.createElement(Global, { styles: css `
-      @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
-
-      /* Custom */
-      .antsomi-scrollbar-hidden {
-        -ms-overflow-style: none; /* for Internet Explorer, Edge */
-        scrollbar-width: none; /* for Firefox */
-
-        &::-webkit-scrollbar {
-          display: none;
-        }
-      }
-
-      /* width */
-      ::-webkit-scrollbar {
-        width: ${scrollBarSize};
-        height: ${scrollBarSize};
-      }
-
-      /* Track */
-      ::-webkit-scrollbar-track {
-        background: ${accent6};
-      }
-
-      /* Handle */
-      ::-webkit-scrollbar-thumb {
-        background: ${accent7};
-      }
-
-      .scrollbar--gutter-stable {
-        overflow-y: auto;
-        scrollbar-gutter: stable;
-        margin-right: -${scrollBarSize};
-        padding-right: -${scrollBarSize};
-      }
-
-      /* Button */
-      .antsomi-btn {
-        font-weight: 700 !important;
-        display: inline-flex !important;
-        align-items: center !important;
-        justify-content: center !important;
-        gap: 5px !important;
-
-        i {
-          font-size: 20px;
-        }
-      }
-
-      .antsomi-btn-default {
-        &:not(:disabled):hover {
-          border-color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.blue3} !important;
-          background-color: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.blue} !important;
-        }
-        &:not(:disabled).antsomi-btn-default-active {
-          border-color: ${(_c = THEME.token) === null || _c === void 0 ? void 0 : _c.colorPrimary} !important;
-          background-color: ${(_d = THEME.token) === null || _d === void 0 ? void 0 : _d.blue1_1} !important;
-        }
-
-        &.antsomi-btn-dangerous {
-          border-color: ${(_e = THEME.token) === null || _e === void 0 ? void 0 : _e.red2} !important;
-
-          &:not(:disabled):hover {
-            border-color: ${(_f = THEME.token) === null || _f === void 0 ? void 0 : _f.red3} !important;
-            background-color: ${(_g = THEME.token) === null || _g === void 0 ? void 0 : _g.red} !important;
-          }
-        }
-
-        &.antsomi-btn-icon-only {
-          width: 36px !important;
-          height: 36px !important;
-        }
-
-        &.antsomi-btn-icon-only.antsomi-btn-default {
-          width: 30px !important;
-          height: 30px !important;
-        }
-
-        &.antsomi-btn-icon-only.antsomi-btn-sm {
-          /* Important to override the above code before */
-          width: 24px !important;
-          height: 24px !important;
-        }
-      }
-
-      .antsomi-btn-text:disabled,
-      .antsomi-btn-link:disabled {
-        color: ${(_h = THEME.token) === null || _h === void 0 ? void 0 : _h.bw6} !important;
-      }
-
-      .antsomi-btn-primary:disabled,
-      .antsomi-btn-default:disabled,
-      .antsomi-btn-dashed:disabled,
-      .antsomi-btn-disabled,
-      .antsomi-btn-default.antsomi-btn-dangerous:disabled,
-      .antsomi-btn-primary.antsomi-btn-dangerous:disabled {
-        border-color: ${(_j = THEME.token) === null || _j === void 0 ? void 0 : _j.bw4} !important;
-      }
-
-      .antsomi-btn-default:disabled,
-      .antsomi-btn-dashed:disabled,
-      .antsomi-btn-disabled,
-      .antsomi-btn-default.antsomi-btn-dangerous:disabled {
-        color: ${(_k = THEME.token) === null || _k === void 0 ? void 0 : _k.bw6} !important;
-        background-color: ${(_l = THEME.token) === null || _l === void 0 ? void 0 : _l.bw2} !important;
-      }
-
-      // NOTE: Just hot fix for easy looking
-      .antsomi-btn-primary.antsomi-btn-compact-item.antsomi-btn-compact-first-item {
-        padding-right: 4px !important;
-      }
-      .antsomi-btn-compact-item.antsomi-btn-primary.antsomi-btn-compact-last-item {
-        width: fit-content;
-        padding: 0px !important;
-        padding-right: 4px !important;
-        &::before {
-          width: 0px !important;
-        }
-      }
-
-      /* Input */
-      .antsomi-input,
-      .antsomi-input-affix-wrapper {
-        border-width: 0 0 1px 0 !important;
-        box-shadow: none !important;
-
-        &:hover {
-          background-color: ${(_m = THEME.token) === null || _m === void 0 ? void 0 : _m.blue};
-        }
-      }
-
-      .antsomi-input {
-        &:focus {
-          background-color: ${(_o = THEME.token) === null || _o === void 0 ? void 0 : _o.bw0};
-        }
-      }
-
-      .antsomi-input-affix-wrapper {
-        &:hover {
-          > input.antsomi-input {
-            background-color: ${(_p = THEME.token) === null || _p === void 0 ? void 0 : _p.blue};
-          }
-        }
-
-        &.antsomi-input-affix-wrapper-focused {
-          background-color: ${(_q = THEME.token) === null || _q === void 0 ? void 0 : _q.bw0};
-
-          > input.antsomi-input {
-            background-color: ${(_r = THEME.token) === null || _r === void 0 ? void 0 : _r.bw0};
-          }
-        }
-      }
-
-      .antsomi-input-status-error:not(.antsomi-input-disabled):not(
-          .antsomi-input-borderless
-        ).antsomi-input {
-        &:hover {
-          background-color: ${(_s = THEME.token) === null || _s === void 0 ? void 0 : _s.red};
-        }
-      }
-
-      .antsomi-input-status-warning:not(.antsomi-input-disabled):not(
-          .antsomi-input-borderless
-        ).antsomi-input {
-        &:hover {
-          background-color: ${(_t = THEME.token) === null || _t === void 0 ? void 0 : _t.gold1};
-        }
-      }
-
-      .antsomi-input-affix-wrapper-status-error:not(.antsomi-input-affix-wrapper-disabled):not(
-          .antsomi-input-affix-wrapper-borderless
-        ).antsomi-input-affix-wrapper {
-        &:hover,
-        &:hover > input.antsomi-input {
-          background-color: ${(_u = THEME.token) === null || _u === void 0 ? void 0 : _u.red};
-        }
-      }
-
-      .antsomi-input-affix-wrapper-status-warning:not(.antsomi-input-affix-wrapper-disabled):not(
-          .antsomi-input-affix-wrapper-borderless
-        ).antsomi-input-affix-wrapper {
-        &:hover,
-        &:hover > input.antsomi-input {
-          background-color: ${(_v = THEME.token) === null || _v === void 0 ? void 0 : _v.gold1};
-        }
-      }
-
-      // Select
-      .antsomi-select .antsomi-select-arrow {
-        right: 5px !important;
-      }
-
-      .antsomi-select:not(.antsomi-select-disabled):not(.antsomi-select-customize-input):not(
-          .antsomi-pagination-size-changer
-        ):hover
-        .antsomi-select-selector {
-        border-color: ${(_w = THEME.token) === null || _w === void 0 ? void 0 : _w.blue1} !important;
-        background-color: ${(_x = THEME.token) === null || _x === void 0 ? void 0 : _x.blue} !important;
-      }
-
-      .antsomi-select-disabled.antsomi-select:not(.antsomi-select-customize-input)
-        .antsomi-select-selector {
-        border-color: ${(_y = THEME.token) === null || _y === void 0 ? void 0 : _y.bw4};
-      }
-
-      .antsomi-select-disabled.antsomi-select:not(.antsomi-select-customize-input) .antsomi-tag {
-        background-color: ${(_z = THEME.token) === null || _z === void 0 ? void 0 : _z.bw4} !important;
-      }
-
-      .antsomi-select-selector {
-        border-width: 0 0 1px 0 !important;
-        box-shadow: none !important;
-      }
-
-      .antsomi-select-dropdown {
-        padding: 0 !important;
-        z-index: 3002 !important;
-      }
-
-      .antsomi-select-selection-overflow {
-        gap: 5px;
-      }
-
-      // Input Number
-      .antsomi-input-number,
-      .antsomi-input-number-affix-wrapper {
-        border-width: 0 0 1px 0 !important;
-        box-shadow: none !important;
-
-        &.--show-handler {
-          .antsomi-input-number-handler-wrap {
-            opacity: 1;
-          }
-        }
-      }
-
-      .antsomi-input-number-group-addon {
-        border-width: 0 0 1px 0 !important;
-        background-color: ${(_0 = THEME.token) === null || _0 === void 0 ? void 0 : _0.bw0} !important;
-        box-shadow: none !important;
-      }
-
-      .antsomi-input-number:hover {
-        background-color: ${(_1 = THEME.token) === null || _1 === void 0 ? void 0 : _1.blue};
-
-        .antsomi-input-number-handler {
-          background-color: ${(_2 = THEME.token) === null || _2 === void 0 ? void 0 : _2.blue};
-        }
-      }
-
-      .antsomi-input-number:focus,
-      .antsomi-input-number-focused {
-        border-color: ${(_3 = THEME.token) === null || _3 === void 0 ? void 0 : _3.colorPrimary} !important;
-      }
-
-      .antsomi-input-number-handler {
-        border: none !important;
-
-        &:hover i {
-          color: ${(_4 = THEME.token) === null || _4 === void 0 ? void 0 : _4.colorPrimary};
-        }
-      }
-
-      // DatePicker
-      .antsomi-picker {
-        border-width: 0 0 1px 0 !important;
-        box-shadow: none !important;
-      }
-
-      .antsomi-picker:hover,
-      .antsomi-picker-focused {
-        background-color: ${(_5 = THEME.token) === null || _5 === void 0 ? void 0 : _5.blue};
-      }
-
-      .antsomi-picker:not(.antsomi-picker-status-error) .antsomi-picker-suffix {
-        color: ${(_6 = THEME.token) === null || _6 === void 0 ? void 0 : _6.bw10};
-      }
-
-      .antsomi-picker:not(.antsomi-picker-disabled).antsomi-picker-status-error:not(
-          [disabled]
-        ):hover {
-        background-color: ${(_7 = THEME.token) === null || _7 === void 0 ? void 0 : _7.red} !important;
-      }
-
-      // Custom
-      .date-time-picker__popup-content {
-        width: 230px !important;
-      }
-
-      .antsomi-picker-dropdown__advanced {
-        > .antsomi-picker-panel-container > .antsomi-picker-panel-layout > .antsomi-picker-panel {
-          flex-direction: column-reverse;
-          padding-bottom: 60px;
-
-          .antsomi-picker-date-panel,
-          .antsomi-picker-quarter-panel {
-            width: 280px !important;
-
-            .antsomi-picker-cell {
-              pointer-events: none !important;
-            }
-          }
-
-          /* .antsomi-picker-date-panel {
-            position: relative;
-          } */
-
-          /* .antsomi-picker-date-panel::before {
-            content: 'Hours';
-            position: absolute;
-            top: 0;
-            right: 0;
-            transform: translateX(100%);
-            width: 61px;
-            font-weight: bold;
-            border-right: 1px solid rgba(5, 5, 5, 0.06);
-            height: 38px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-          } */
-
-          .antsomi-picker-time-panel {
-            .antsomi-picker-time-panel-column:after {
-              height: 8px;
-            }
-
-            .antsomi-picker-time-panel-cell-selected {
-              background-color: ${(_8 = THEME.token) === null || _8 === void 0 ? void 0 : _8.colorPrimary};
-              color: #fff;
-            }
-            .antsomi-picker-time-panel-cell-selected:hover {
-              background-color: ${(_9 = THEME.token) === null || _9 === void 0 ? void 0 : _9.colorPrimary};
-            }
-
-            .antsomi-picker-cell-inner {
-              text-align: center;
-              cursor: pointer;
-            }
-            .antsomi-picker-cell-inner:hover {
-              background: rgba(34, 34, 34, 0.04);
-            }
-
-            .antsomi-picker-header {
-              display: none;
-            }
-
-            .antsomi-picker-time-panel-column {
-              width: 60px;
-              margin-top: 38px;
-              /* margin-top: 0; */
-              scrollbar-width: unset;
-              scrollbar-color: unset;
-
-              &::-webkit-scrollbar {
-                width: 6px;
-                background: transparent;
-              }
-              &::-webkit-scrollbar-track {
-                /* margin-top: 38px; */
-                border-radius: 10px;
-              }
-            }
-
-            /* ul.antsomi-picker-time-panel-column::before {
-              content: '';
-              position: absolute;
-              background: red;
-              top: 0;
-              right: 0;
-              width: 1px;
-              bottom: 0;
-            } */
-
-            /* .antsomi-picker-time-panel-column::before {
-              content: 'Hours';
-              position: sticky;
-              display: block;
-              top: 0;
-              height: 38px;
-              line-height: 38px;
-              text-align: center;
-              font-weight: bold;
-              background-color: #fff;
-            }
-
-            .antsomi-picker-time-panel-column:nth-child(1)::before {
-              content: 'Hours';
-            }
-            .antsomi-picker-time-panel-column:nth-child(2)::before {
-              content: 'Minutes';
-            }
-            .antsomi-picker-time-panel-column:nth-child(3)::before {
-              content: 'Seconds';
-            } */
-
-            /* .antsomi-picker-content {
-              position: relative;
-
-              .antsomi-picker-time-panel-column {
-                margin-top: 38px;
-                width: 60px;
-              }
-            } */
-
-            .antsomi-picker-content {
-              position: relative;
-            }
-
-            /* .antsomi-picker-content::after,
-            .antsomi-picker-content::before {
-              content: 'Minutes';
-              position: absolute;
-              top: 0;
-              left: 61px;
-              width: 60px;
-              height: 38px;
-              display: flex;
-              align-items: center;
-              justify-content: center;
-              font-weight: bold;
-            } */
-
-            /* .antsomi-picker-content::before {
-              border-right: 1px solid rgba(5, 5, 5, 0.06);
-            } */
-            /* .antsomi-picker-content::after {
-              content: 'Seconds';
-              left: 120px;
-            } */
-          }
-
-          /* Custom css scrollbar */
-          ul {
-            padding-left: 6px;
-            scrollbar-gutter: stable;
-          }
-        }
-
-        &.hide-picker-header {
-          .antsomi-picker-month-panel,
-          .antsomi-picker-quarter-panel {
-            .antsomi-picker-header {
-              display: none;
-            }
-          }
-        }
-
-        &.only-show-time-picker {
-          .antsomi-picker-date-panel {
-            display: none;
-          }
-          .antsomi-picker-time-panel {
-            border: none;
-            /* NOTE: production prod show unexpected border */
-            border-inline-start: none !important;
-          }
-          > .antsomi-picker-panel-container > .antsomi-picker-panel-layout > .antsomi-picker-panel {
-            width: 250px;
-            .antsomi-picker-datetime-panel {
-              justify-content: center;
-            }
-
-            ul {
-              ::-webkit-scrollbar {
-                width: 0;
-              }
-              padding: 0;
-            }
-
-            .antsomi-picker-content::after {
-              display: none;
-            }
-            .antsomi-picker-content::before {
-              content: 'Hours';
-              border: none;
-              left: 0;
-
-              position: absolute;
-              top: 0;
-              /* left: 61px; */
-              width: 60px;
-              height: 38px;
-              display: flex;
-              align-items: center;
-              justify-content: center;
-              font-weight: bold;
-            }
-          }
-          &.is-minutes-picker {
-            > .antsomi-picker-panel-container
-              > .antsomi-picker-panel-layout
-              > .antsomi-picker-panel {
-              .antsomi-picker-content::before {
-                content: 'Minutes';
-              }
-            }
-          }
-        }
-
-        &.--error
-          > .antsomi-picker-panel-container
-          > .antsomi-picker-panel-layout
-          > .antsomi-picker-panel {
-          padding-bottom: 80px;
-        }
-
-        &.antsomi-picker-dropdown {
-          .antsomi-picker-footer-extra {
-            padding: 0 !important;
-          }
-
-          /*
-          * NOTE: UI broken when add showTime props to <DatePicker />
-          * Unexpected header control (comment code below to see bug)
-          * Temporary solution: hide the verbose element
-          */
-          .antsomi-picker-ranges {
-            display: none;
-          }
-        }
-      }
-
-      .antsomi-advanced-picker-container .input__wrapper {
-        display: inline-block;
-      }
-
-      // Slider
-      .antsomi-slider {
-        margin: 0 !important;
-
-        &.antsomi-slider-horizontal {
-          .antsomi-slider-rail,
-          .antsomi-slider-step {
-            height: 4px;
-            width: 100%;
-          }
-
-          .antsomi-slider-rail {
-            height: 4px;
-          }
-        }
-
-        .antsomi-slider-rail,
-        .antsomi-slider-step {
-          position: absolute !important;
-        }
-
-        .antsomi-slider-rail {
-          border-radius: 2px !important;
-          transition: background-color 0.3s !important;
-          background-color: ${(_10 = THEME.token) === null || _10 === void 0 ? void 0 : _10.accent1} !important;
-        }
-
-        .antsomi-slider-track {
-          position: absolute !important;
-          border-radius: 2px !important;
-          transition: background-color 0.3s !important;
-          background-color: ${(_11 = THEME.token) === null || _11 === void 0 ? void 0 : _11.colorPrimary} !important;
-        }
-
-        .antsomi-slider-step {
-          background: 0 0 !important;
-          pointer-events: none !important;
-        }
-
-        .antsomi-slider-handle {
-          position: absolute !important;
-          width: 14px !important;
-          height: 14px !important;
-          margin-top: -2px;
-          background-color: #fff;
-          border-radius: 50%;
-          box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 2px 0px;
-          cursor: pointer;
-          transition: border-color 0.3s, box-shadow 0.6s,
-            transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28) !important;
-        }
-
-        .antsomi-slider-handle::before,
-        .antsomi-slider-handle::after,
-        .antsomi-slider-handle:hover::after,
-        .antsomi-slider-handle:focus::before,
-        .antsomi-slider-handle:focus::after {
-          width: 14px !important;
-          height: 14px !important;
-          box-shadow: none !important;
-          inset-block-start: 0 !important;
-          inset-inline-start: 0 !important;
-        }
-
-        .antsomi-slider-handle::after {
-          background-color: ${(_12 = THEME.token) === null || _12 === void 0 ? void 0 : _12.colorPrimary} !important;
-        }
-
-        &:hover {
-          .antsomi-slider-track {
-            background-color: ${(_13 = THEME.token) === null || _13 === void 0 ? void 0 : _13.colorPrimary} !important;
-          }
-
-          .antsomi-slider-rail {
-            background-color: ${(_14 = THEME.token) === null || _14 === void 0 ? void 0 : _14.accent1} !important;
-          }
-
-          .antsomi-slider-handle::after {
-            box-shadow: none !important;
-          }
-
-          .antsomi-slider-handle {
-            border-color: ${(_15 = THEME.token) === null || _15 === void 0 ? void 0 : _15.colorPrimary} !important;
-          }
-        }
-
-        &.antsomi-slider-with-marks {
-          margin-bottom: 0 !important;
-        }
-
-        &.antsomi-slider-disabled {
-          .antsomi-slider-handle {
-            background-color: ${(_16 = THEME.token) === null || _16 === void 0 ? void 0 : _16.accent2} !important;
-            border-color: ${(_17 = THEME.token) === null || _17 === void 0 ? void 0 : _17.accent2} !important;
-          }
-        }
-      }
-
-      /* Radio */
-      .antsomi-radio-group-outline {
-        .antsomi-radio-button-wrapper {
-          display: inline-flex;
-          align-items: center;
-          height: 30px;
-          padding-left: 20px;
-          padding-right: 20px;
-          font-family: 'Roboto';
-          color: ${(_18 = THEME.token) === null || _18 === void 0 ? void 0 : _18.colorTextBase};
-          font-size: ${(_19 = THEME.token) === null || _19 === void 0 ? void 0 : _19.fontSize}px;
-
-          &:focus-within {
-            --tw-shadow: 0 0 #0000;
-            --tw-shadow-colored: 0 0 #0000;
-            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
-              var(--tw-shadow);
-          }
-
-          &:first-child {
-            border-top-left-radius: ${(_20 = THEME.token) === null || _20 === void 0 ? void 0 : _20.borderRadius}px;
-            border-bottom-left-radius: ${(_21 = THEME.token) === null || _21 === void 0 ? void 0 : _21.borderRadius}px;
-          }
-
-          &:last-child {
-            border-top-right-radius: ${(_22 = THEME.token) === null || _22 === void 0 ? void 0 : _22.borderRadius}px;
-            border-bottom-right-radius: ${(_23 = THEME.token) === null || _23 === void 0 ? void 0 : _23.borderRadius}px;
-          }
-
-          &.antsomi-radio-button-wrapper-checked {
-            border-color: ${(_24 = THEME.token) === null || _24 === void 0 ? void 0 : _24.accent1};
-            background-color: ${(_25 = THEME.token) === null || _25 === void 0 ? void 0 : _25.colorTextActive};
-            color: ${(_26 = THEME.token) === null || _26 === void 0 ? void 0 : _26.colorPrimary};
-            font-weight: 700;
-
-            &::before {
-              background-color: ${(_27 = THEME.token) === null || _27 === void 0 ? void 0 : _27.accent1};
-            }
-          }
-        }
-
-        .antsomi-radio-wrapper {
-          font-family: 'Roboto';
-          color: ${(_28 = THEME.token) === null || _28 === void 0 ? void 0 : _28.colorTextBase};
-          font-size: ${(_29 = THEME.token) === null || _29 === void 0 ? void 0 : _29.fontSize}px;
-          margin-right: 0;
-
-          .antsomi-radio-disabled {
-            .antsomi-radio-inner {
-              border-color: #d9d9d9 !important;
-            }
-          }
-
-          .antsomi-radio-inner {
-            display: flex;
-            justify-content: center;
-            align-items: center;
-          }
-
-          .antsomi-radio-checked .antsomi-radio-inner::after {
-            transform: scale(0.6);
-          }
-
-          .antsomi-radio-inner::after {
-            position: unset !important;
-            transition: none !important;
-            transform: scale(0.6);
-            margin-block-start: 0px;
-            margin-inline-start: 0px;
-          }
-
-          .antsomi-radio {
-            .antsomi-radio-inner {
-              width: 16px;
-              height: 16px;
-              border-color: ${(_30 = THEME.token) === null || _30 === void 0 ? void 0 : _30.colorPrimary};
-              border-width: 2px;
-              background-color: ${(_31 = THEME.token) === null || _31 === void 0 ? void 0 : _31.bw0};
-
-              &::after {
-                background-color: ${(_32 = THEME.token) === null || _32 === void 0 ? void 0 : _32.colorPrimary};
-              }
-            }
-          }
-
-          &:not(:last-child) {
-            margin-right: 30px;
-          }
-        }
-      }
-
-      /* Modal Close */
-      .antsomi-modal-root .antsomi-modal-wrap {
-        z-index: 3001 !important;
-      }
-
-      .antsomi-modal .antsomi-modal-close {
-        width: unset !important;
-        height: unset !important;
-        top: 0px !important;
-        right: 0 !important;
-
-        .antsomi-modal-close-x {
-          padding: 20px;
-        }
-      }
-      .antsomi-modal-content {
-        .antsomi-modal-header {
-          .antsomi-modal-title {
-            font-weight: 500;
-            font-size: 16px;
-            line-height: 22px;
-            word-wrap: break-word;
-          }
-        }
-        .antsomi-modal-body {
-          font-size: 14px !important;
-          p {
-            margin: 0;
-          }
-          .antsomi-modal-confirm-body-wrapper {
-            padding: 20px;
-
-            .antsomi-modal-confirm-body {
-              display: flex;
-              gap: 13px;
-              color: ${(_33 = THEME.token) === null || _33 === void 0 ? void 0 : _33.colorPrimary};
-            }
-
-            .antsomi-modal-confirm-btns {
-              display: flex;
-              flex-direction: row-reverse;
-              justify-content: start;
-              gap: 8px;
-              padding-left: 30px;
-
-              .antsomi-btn {
-                margin: 0px;
-              }
-            }
-          }
-        }
-        .antsomi-modal-footer {
-          padding: 15px !important;
-          text-align: right;
-          background: transparent;
-          border-top: 1px solid #f0f0f0 !important;
-          border-radius: 0 0 2px 2px;
-        }
-      }
-
-      /* Message Notification */
-      .ant-message {
-        z-index: 999999 !important;
-      }
-
-      /* Collapse */
-      .antsomi-collapse-header {
-        font-size: 14px;
-      }
-
-      .antsomi-collapse {
-        &.antsomi-collapse-borderless {
-          border-bottom: 1px solid ${(_34 = THEME.token) === null || _34 === void 0 ? void 0 : _34.gray5};
-        }
-
-        > .antsomi-collapse-item > .antsomi-collapse-header .antsomi-collapse-arrow {
-          transition: all 200ms;
-        }
-      }
-
-      /* Switch */
-      .antsomi-switch {
-        border: 2px solid ${(_35 = THEME.token) === null || _35 === void 0 ? void 0 : _35.colorPrimary} !important;
-
-        &.antsomi-switch-checked {
-          > .antsomi-switch-handle {
-            &::before {
-              background-color: ${(_36 = THEME.token) === null || _36 === void 0 ? void 0 : _36.bw0} !important;
-            }
-          }
-        }
-      }
-
-      /* Tabs */
-      .antsomi-tabs {
-        .antsomi-tabs-tab {
-          font-weight: bold;
-        }
-      }
-
-      /* Form */
-      .antsomi-form {
-        .antsomi-form-item {
-          .antsomi-form-item-label {
-            > label.antsomi-form-item-required:not(.antsomi-form-item-required-mark-optional) {
-              &::before {
-                position: absolute;
-                right: 0px;
-                font-family: Roboto;
-              }
-            }
-          }
-        }
-
-        .antsomi-form-item-explain-error {
-          font-size: 11px !important;
-        }
-      }
-
-      /* Popover */
-      .antsomi-popover {
-        &.no-padding-content {
-          .antsomi-popover-inner {
-            padding: 0 !important;
-          }
-        }
-      }
-
-      /* Menu */
-      .antsomi-menu {
-        .antsomi-menu-submenu.antsomi-menu-submenu-selected {
-          .antsomi-menu-item.antsomi-menu-item-selected {
-            background-color: ${(_37 = THEME.token) === null || _37 === void 0 ? void 0 : _37.blue};
-          }
-        }
-      }
-    ` }));
-};

package/es/components/common/ConfigProvider/index.d.ts

@@ -1 +0,0 @@
-export { default as ConfigProvider } from './ConfigProvider';

package/es/components/common/ConfigProvider/index.js

@@ -1 +0,0 @@
-export { default as ConfigProvider } from './ConfigProvider';