@antscorp/antsomi-ui 1.3.4 → 1.3.5-alpha.2

package/es/components/molecules/InputNumberWithUnit/styled.js

@@ -1,20 +0,0 @@
-var _a, _b;
-// Libraries
-import styled from 'styled-components';
-// Constants
-import { THEME } from '@antscorp/antsomi-ui/es/constants';
-export const InputNumberWithUnitWrapper = styled.div `
-  display: flex;
-  align-items: center;
-
-  .unit-label {
-    cursor: pointer;
-    margin-left: 10px;
-    color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.colorIcon};
-
-    &.selected {
-      color: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.colorPrimary};
-      font-weight: bold;
-    }
-  }
-`;

package/es/components/molecules/InputSearch/index.js

@@ -1,23 +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 React, { memo } from 'react';
-// Components
-import { Icon, Input } from '@antscorp/antsomi-ui/es/components/atoms';
-// Styled
-import { Wrapper } from './styled';
-export const InputSearch = memo(props => {
-    const { className, style, inputStyle } = props, restOf = __rest(props, ["className", "style", "inputStyle"]);
-    return (React.createElement(Wrapper, { tabIndex: -1, className: className, style: style },
-        React.createElement(Input, Object.assign({}, restOf, { style: inputStyle })),
-        React.createElement(Icon, { type: "icon-ants-search-2", className: "__icon-search" })));
-});

package/es/components/molecules/InputSearch/styled.js

@@ -1,48 +0,0 @@
-var _a, _b, _c, _d, _e;
-// Libraries
-import styled from 'styled-components';
-// Constants
-import { THEME } from '@antscorp/antsomi-ui/es/constants';
-export const Wrapper = styled.div `
-  position: relative;
-  display: flex;
-  align-items: flex-end;
-  box-sizing: border-box;
-
-  .input__wrapper {
-    width: 100%;
-  }
-
-  &:has(input:focus) {
-    .__icon-search {
-      background-color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.blue0};
-      border-bottom: 1px solid #1f7ac4;
-    }
-  }
-
-  &:has(input:hover) {
-    .__icon-search {
-      background-color: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.blue0};
-      border-bottom: 1px solid #1f7ac4;
-    }
-  }
-
-  .__icon-search {
-    height: 31px;
-    padding-right: 4px;
-    background-color: ${(_c = THEME.token) === null || _c === void 0 ? void 0 : _c.bw0};
-    cursor: pointer;
-    color: ${(_d = THEME.token) === null || _d === void 0 ? void 0 : _d.colorIcon};
-    font-size: 24px;
-    line-height: 32px;
-    border-bottom: 1px solid #b8cfe6;
-    transition-property: all;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-    box-sizing: border-box;
-
-    &:hover {
-      color: ${(_e = THEME.token) === null || _e === void 0 ? void 0 : _e.colorPrimary};
-    }
-  }
-`;

package/es/components/molecules/Modal/Modal.js

@@ -1,26 +0,0 @@
-// Libraries
-import React, { memo } from 'react';
-// Atoms
-import { Button, Icon, Spin } from '@antscorp/antsomi-ui/es/components/atoms';
-// Styled
-import { StyledModal, WrapperSpin } from './styled';
-export const OriginalModal = memo(props => {
-    // Props
-    const { loading } = props;
-    return (React.createElement(StyledModal, Object.assign({}, Object.assign(Object.assign({ closeIcon: React.createElement(Icon, { disabled: loading, type: "icon-ants-remove-slim", size: 15 }), footer: (React.createElement(React.Fragment, null,
-            React.createElement(Button, Object.assign({ type: "primary", onClick: props.onOk }, props.okButtonProps), props.okText ? props.okText : 'OK'),
-            React.createElement(Button, Object.assign({ onClick: props.onCancel }, props.cancelButtonProps), props.cancelText ? props.cancelText : 'Cancel'))), modalRender: node => loading ? (React.createElement(WrapperSpin, null,
-            React.createElement(Spin, { spinning: loading }, node))) : (node) }, props), { maskClosable: loading ? false : props.maskClosable })),
-        props.header || null,
-        props.children || null));
-});
-OriginalModal.displayName = 'OriginalModal';
-export const Modal = OriginalModal;
-Modal.confirm = (props) => StyledModal.confirm(Object.assign({ cancelText: 'Cancel' }, props));
-Modal.success = StyledModal.success;
-Modal.info = StyledModal.info;
-Modal.error = StyledModal.error;
-Modal.warning = StyledModal.warning;
-Modal.defaultProps = {
-    loading: false,
-};

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

@@ -1 +0,0 @@
-export { Modal } from './Modal';

package/es/components/molecules/Modal/index.js

@@ -1 +0,0 @@
-export { Modal } from './Modal';

package/es/components/molecules/Modal/styled.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-export interface CustomModalProps {
-    header?: React.ReactNode;
-    headerStyle?: {
-        [key: string]: any;
-    };
-    rightFooter?: boolean;
-}
-export declare const StyledModal: import("styled-components").StyledComponent<import("react").FC<import("antd").ModalProps> & import("antd/es/modal/confirm").ModalStaticFunctions & {
-    useModal: typeof import("antd/es/modal/useModal").default;
-    destroyAll: () => void;
-    config: typeof import("antd/es/modal/confirm").modalGlobalConfig;
-    _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd/es/modal/PurePanel").PurePanelProps) => React.JSX.Element;
-}, any, CustomModalProps, never>;
-export declare const WrapperSpin: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/components/molecules/Modal/styled.js

@@ -1,78 +0,0 @@
-var _a, _b, _c, _d, _e, _f, _g;
-// Libraries
-import styled, { css } from 'styled-components';
-import { Modal as AntdModal } from 'antd';
-// Constants
-import { THEME } from '@antscorp/antsomi-ui/es/constants';
-const JSToCSS = cssObj => {
-    let cssString = '';
-    for (const objectKey in cssObj) {
-        cssString += `${objectKey.replace(/([A-Z])/g, g => `-${g[0].toLowerCase()}`)}: ${cssObj[objectKey]};\n`;
-    }
-    return cssString;
-};
-export const StyledModal = styled(AntdModal) `
-  .antsomi-modal-content {
-    .antsomi-modal-close {
-      .antsomi-modal-close-x {
-        width: 50px;
-        height: 50px;
-        line-height: 50px;
-      }
-    }
-    .antsomi-modal-header {
-      padding: 20px;
-      padding-bottom: 0;
-      border-style: 0px;
-
-      ${props => (props.headerStyle ? JSToCSS(props.headerStyle) : '')}
-      ${p => p.header
-    ? css `
-              display: none;
-            `
-    : ''}
-    }
-    .antsomi-modal-body {
-      padding: 20px;
-    }
-    .antsomi-modal-footer {
-      display: flex;
-      align-items: center;
-      padding-left: 20px;
-      padding-right: 20px;
-
-      ${p => p.rightFooter
-    ? css `
-              justify-content: flex-end;
-            `
-    : css `
-              justify-content: flex-start;
-            `}
-
-      .antsomi-btn {
-        height: 28px;
-        border-radius: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.borderRadius}px;
-        font-size: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.fontSize}px;
-        color: ${(_c = THEME.token) === null || _c === void 0 ? void 0 : _c.colorPrimary};
-        font-weight: 700;
-
-        &:hover {
-          color: ${(_d = THEME.token) === null || _d === void 0 ? void 0 : _d.colorTextHover};
-        }
-
-        &.antsomi-btn-primary {
-          background-color: ${(_e = THEME.token) === null || _e === void 0 ? void 0 : _e.colorPrimary};
-          color: ${(_f = THEME.token) === null || _f === void 0 ? void 0 : _f.bw0};
-
-          &:hover {
-            background-color: ${(_g = THEME.token) === null || _g === void 0 ? void 0 : _g.colorTextHover};
-          }
-        }
-      }
-    }
-  }
-`;
-export const WrapperSpin = styled.div `
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
-`;

package/es/components/molecules/Popconfirm/Popconfirm.js

@@ -1,2 +0,0 @@
-import { Popconfirm as AntdPopconfirm } from 'antd';
-export const Popconfirm = AntdPopconfirm;

package/es/components/molecules/Popconfirm/index.js

@@ -1 +0,0 @@
-export { Popconfirm } from './Popconfirm';

package/es/components/molecules/PopupDraggable/PopupDraggable.js

@@ -1,52 +0,0 @@
-// Libraries
-import React, { useState } from 'react';
-import Draggable from 'react-draggable';
-import { Resizable } from 'react-resizable';
-import 'react-resizable/css/styles.css';
-import '@antscorp/icons/main.css';
-// Components
-import { PopupContainer, WrapperIcon } from './styled';
-import Icon from '@antscorp/icons';
-const PopupDraggable = props => {
-    const { id, name, bounds, isHiddenClose, isHiddenResizing, isShowResizeHover, styleContainer, callback, defaultPosition, children, } = props;
-    const [activeDrags, setActiveDrags] = useState(0);
-    const [width, setWidth] = useState(300);
-    const [height, setHeight] = useState(window.innerHeight || 300);
-    const handleStart = () => {
-        setActiveDrags(activeDrags + 1);
-    };
-    const handleStop = (_, data) => {
-        if (defaultPosition &&
-            typeof defaultPosition.x === 'number' &&
-            typeof defaultPosition.y === 'number' &&
-            typeof callback === 'function') {
-            const { x = 0, y = 0 } = data;
-            // Mục tiêu giữ lại vị trí của popup sau khi unmount -> remount
-            callback('SET_POSITION_DRAG', { name, x, y });
-        }
-        setActiveDrags(activeDrags - 1);
-    };
-    const handleResize = (event, { node, size, handle }) => {
-        setWidth(size.width);
-        setHeight(size.height);
-    };
-    return (React.createElement(Draggable, { handle: "strong", 
-        // axis="x"
-        defaultPosition: defaultPosition, bounds: bounds, onStart: handleStart, onStop: handleStop },
-        React.createElement(Resizable, { width: width, height: height, onResize: handleResize, 
-            // handlewrapperclass="resize-handle"
-            resizeHandles: ['w', 'e', 'n', 's'] },
-            React.createElement(PopupContainer, { id: id, isHiddenResizing: isHiddenResizing, isShowResizeHover: isShowResizeHover, style: Object.assign({ width, height }, styleContainer), className: "popup-container no-cursor" },
-                !isHiddenClose && (React.createElement(WrapperIcon, { onClick: () => callback('ON_CLOSE_POPUP', { name }) },
-                    React.createElement(Icon, { type: "icon-ants-remove-slim", className: "icon-close" }))),
-                children))));
-};
-PopupDraggable.defaultProps = {
-    name: 'popup_dynamic',
-    bounds: '',
-    defaultPosition: { x: 0, y: 0 },
-    isShowResizeHover: false,
-    callback: () => { },
-    children: 'Default Body',
-};
-export { PopupDraggable };

package/es/components/molecules/PopupDraggable/index.js

@@ -1 +0,0 @@
-export { PopupDraggable } from './PopupDraggable';

package/es/components/molecules/PopupDraggable/styled.js

@@ -1,52 +0,0 @@
-var _a, _b;
-// Libraries
-import styled, { css } from 'styled-components';
-// Constants
-import { THEME } from '@antscorp/antsomi-ui/es/constants';
-export const PopupContainer = styled.div `
-  position: fixed !important;
-  top: 0px;
-  right: 0px;
-  min-width: 450px;
-  min-height: 50px;
-  background-color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.bw0};
-  box-shadow: 0px 0 6px 2px rgba(0, 0, 0, 0.1);
-  z-index: 1003;
-
-  &.no-cursor {
-    cursor: auto;
-  }
-
-  div {
-    box-sizing: border-box !important;
-  }
-
-  ${props => props.isHiddenResizing &&
-    css `
-      .react-resizable-handle {
-        display: none;
-      }
-    `}
-
-  ${props => props.isShowResizeHover &&
-    css `
-      &:hover .react-resizable-handle {
-        display: block;
-        z-index: 99;
-      }
-    `}
-`;
-export const WrapperIcon = styled.div `
-  position: absolute;
-  top: 16px;
-  right: 10px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-
-  .icon-close {
-    font-size: 12px;
-    color: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.colorIcon};
-  }
-`;

package/es/components/molecules/PopupDraggable/types.js

@@ -1 +0,0 @@
-export {};

package/es/components/molecules/RadioGroup/index.js

@@ -1,23 +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 React from 'react';
-// Components
-import { Text } from '@antscorp/antsomi-ui/es/components/atoms';
-// Styled
-import { RadioGroupWrapper, StyledRadioGroup } from './styled';
-export const RadioGroup = props => {
-    const { label } = props, restOf = __rest(props, ["label"]);
-    return (React.createElement(RadioGroupWrapper, null,
-        label ? React.createElement(Text, null, label) : null,
-        React.createElement(StyledRadioGroup, Object.assign({}, restOf))));
-};

package/es/components/molecules/RadioGroup/styled.js

@@ -1,14 +0,0 @@
-// Libraries
-import { Radio } from '@antscorp/antsomi-ui/es/components/atoms';
-import styled from 'styled-components';
-export const RadioGroupWrapper = styled.div `
-  display: flex;
-  align-items: center;
-
-  & > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.625rem /** 10px */ * var(--tw-space-x-reverse));
-    margin-left: calc(0.625rem /** 10px */ * calc(1 - var(--tw-space-x-reverse)));
-  }
-`;
-export const StyledRadioGroup = styled(Radio.Group) ``;

package/es/components/molecules/Result/Result.js

@@ -1,2 +0,0 @@
-import { Result as AntdResult } from 'antd';
-export const Result = AntdResult;

package/es/components/molecules/Result/index.js

@@ -1 +0,0 @@
-export { Result } from './Result';

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

@@ -1,14 +0,0 @@
-import { SelectProps as AntdSelectProps } from 'antd';
-import React from 'react';
-export interface SelectProps extends AntdSelectProps {
-}
-declare const Select: (<ValueType = any, OptionType extends import("rc-select/lib/Select").DefaultOptionType | import("rc-select/lib/Select").BaseOptionType = import("rc-select/lib/Select").DefaultOptionType>(props: AntdSelectProps<ValueType, OptionType> & {
-    children?: React.ReactNode;
-} & React.RefAttributes<import("antd").RefSelectProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
-    displayName?: string | undefined;
-    SECRET_COMBOBOX_MODE_DO_NOT_USE: string;
-    Option: import("rc-select/lib/Option").OptionFC;
-    OptGroup: import("rc-select/lib/OptGroup").OptionGroupFC;
-    _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd/es/_util/type").AnyObject) => React.JSX.Element;
-} & React.FC<SelectProps>;
-export { Select };

package/es/components/molecules/Select/Select.js

@@ -1,29 +0,0 @@
-var _a;
-// Libraries
-import { Select as AntdSelect } from 'antd';
-import React from 'react';
-// Icons
-import Icon from '@antscorp/icons';
-// Constants
-import { THEME } from '../../../constants';
-import { StyledTag, TagCloseBtn } from './styled';
-const tagRender = (props) => {
-    const { label, closable, onClose } = props;
-    const onPreventMouseDown = (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-    };
-    return (React.createElement(StyledTag, { onMouseDown: onPreventMouseDown, closable: closable, onClose: onClose, closeIcon: React.createElement(TagCloseBtn, null,
-            React.createElement(Icon, { type: "icon-ants-remove", className: "ants-text-primary", style: {
-                    fontSize: 10,
-                } })) }, label));
-};
-const CustomSelect = props => React.createElement(AntdSelect, Object.assign({}, props));
-const Select = CustomSelect;
-Select.OptGroup = AntdSelect.OptGroup;
-Select.Option = AntdSelect.Option;
-Select.defaultProps = {
-    suffixIcon: (React.createElement(Icon, { type: "icon-ants-expand-more", style: { fontSize: 16, color: (_a = THEME.token) === null || _a === void 0 ? void 0 : _a.bw10 } })),
-    tagRender,
-};
-export { Select };

package/es/components/molecules/Select/Test.d.ts

@@ -1,2 +0,0 @@
-declare const SelectTest: () => JSX.Element;
-export default SelectTest;

package/es/components/molecules/Select/Test.js

@@ -1,22 +0,0 @@
-import React from 'react';
-import { Select } from './index';
-const options = [
-    {
-        value: '1',
-        label: 'Item 1',
-    },
-    {
-        value: '2',
-        label: 'Item 2',
-    },
-    {
-        value: '3',
-        label: 'Item 3',
-    },
-    {
-        value: '4',
-        label: 'Item 4',
-    },
-];
-const SelectTest = () => React.createElement(Select, { options: options });
-export default SelectTest;

package/es/components/molecules/Select/index.js

@@ -1 +0,0 @@
-export { Select } from './Select';

package/es/components/molecules/Select/styled.d.ts

@@ -1,4 +0,0 @@
-export declare const StyledTag: import("styled-components").StyledComponent<import("antd").TagType, any, {}, never>;
-export declare const TagCloseBtn: import("styled-components").StyledComponent<"div", any, {
-    borderColor?: string | undefined;
-}, never>;

package/es/components/molecules/Select/styled.js

@@ -1,41 +0,0 @@
-var _a, _b, _c;
-// Libraries
-import styled from 'styled-components';
-// Components
-import { Tag } from '../../atoms';
-// Constants
-import { THEME } from '../../../constants';
-export const StyledTag = styled(Tag) `
-  position: relative;
-  background-color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.blue2} !important;
-  padding: 3px 10px !important;
-  margin: 0px !important;
-  border-radius: 15px !important;
-  border: none !important;
-  font-size: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.fontSize}px !important;
-
-  .antsomi-tag-close-icon {
-    opacity: 0;
-    transition: all 0.3s;
-  }
-
-  &:hover {
-    .antsomi-tag-close-icon {
-      opacity: 1;
-    }
-  }
-`;
-export const TagCloseBtn = styled.div `
-  position: absolute;
-  top: 3px;
-  right: 3px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 16px;
-  height: 16px;
-  border-radius: 100%;
-  border: 2.5px solid ${p => (p.borderColor ? p.borderColor : '#cae5fe')};
-  background-color: #fff;
-  color: ${(_c = THEME.token) === null || _c === void 0 ? void 0 : _c.colorPrimary};
-`;

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

@@ -1,13 +0,0 @@
-import React, { CSSProperties } from 'react';
-interface SettingWrapperProps {
-    label: string;
-    className?: string;
-    labelColor?: string;
-    labelClassName?: string;
-    labelStyle?: Record<string, any>;
-    containerStyle?: Partial<CSSProperties>;
-    vertical?: boolean;
-    children?: React.ReactNode;
-}
-export declare const SettingWrapper: React.FC<SettingWrapperProps>;
-export {};

package/es/components/molecules/SettingWrapper/index.js

@@ -1,20 +0,0 @@
-// Libraries
-import React, { memo } from 'react';
-import classNames from 'classnames';
-// Atoms
-import { Text } from '@antscorp/antsomi-ui/es/components/atoms';
-// Styled
-import { StyledSettingWrapper } from './styled';
-export const SettingWrapper = memo(props => {
-    // Props
-    const { label, className, labelClassName, containerStyle, labelStyle, labelColor, vertical, children, } = props;
-    return (React.createElement(StyledSettingWrapper, { className: className, vertical: vertical, style: containerStyle },
-        label && (React.createElement(Text, { className: classNames(labelClassName), color: labelColor, style: labelStyle, title: label }, label)),
-        React.createElement("div", { style: { flexShrink: 0 } }, children)));
-});
-SettingWrapper.defaultProps = {
-    label: '',
-    className: '',
-    labelColor: '#666666',
-    labelClassName: '',
-};

package/es/components/molecules/SettingWrapper/styled.js

@@ -1,17 +0,0 @@
-// Libraries
-import styled, { css } from 'styled-components';
-export const StyledSettingWrapper = styled.div `
-  display: flex;
-
-  ${props => props.vertical
-    ? css `
-          flex-direction: column;
-          margin-top: 5px;
-          margin-bottom: 5px;
-        `
-    : css `
-          align-items: center;
-          justify-content: space-between;
-          flex-wrap: wrap;
-        `}
-`;

package/es/components/molecules/SliderWithInputNumber/index.js

@@ -1,62 +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 React, { useEffect, useState } from 'react';
-// Atoms
-import { Slider } from '@antscorp/antsomi-ui/es/components/atoms/Slider';
-// Molecules
-import { InputNumber } from '@antscorp/antsomi-ui/es/components/molecules/InputNumber';
-// Styled
-import { SliderWithInputNumberWrapper } from './styled';
-// Utils
-import { handleError } from '@antscorp/antsomi-ui/es/utils';
-const PATH = '@antscorp/antsomi-ui/es/components/molecules/SliderWithInputNumber/index.tsx';
-export const SliderWithInputNumber = props => {
-    // Props
-    const { label, labelClassName, labelStyling, inputStyling, defaultValue, min, max, step, precision } = props, restOf = __rest(props, ["label", "labelClassName", "labelStyling", "inputStyling", "defaultValue", "min", "max", "step", "precision"]);
-    // State
-    const [value, setValue] = useState(defaultValue);
-    useEffect(() => {
-        if (props.value !== undefined) {
-            setValue(props.value);
-        }
-    }, [props.value]);
-    const onChangeInputNumber = (value) => {
-        try {
-            if (value !== null) {
-                setValue(value);
-                typeof props.onAfterChange === 'function' && props.onAfterChange(value);
-            }
-        }
-        catch (error) {
-            handleError(error, {
-                path: PATH,
-                name: 'onChange',
-                args: {},
-            });
-        }
-    };
-    return (React.createElement(SliderWithInputNumberWrapper, null,
-        React.createElement("div", { className: labelClassName, style: labelStyling }, label),
-        React.createElement("div", { style: {
-                display: 'flex',
-                alignItems: 'center',
-                width: '100%',
-            } },
-            React.createElement(Slider, Object.assign({ defaultValue: defaultValue, min: min, max: max, step: step }, restOf, { onChange: value => setValue(value), value: value })),
-            React.createElement(InputNumber, { defaultValue: defaultValue, value: value, min: min, max: max, step: step || 1, style: Object.assign({ flexShrink: 0, width: 57, marginLeft: 20 }, inputStyling), 
-                // precision={precision}
-                onChange: onChangeInputNumber }))));
-};
-SliderWithInputNumber.defaultProps = {
-    defaultValue: 0,
-};

package/es/components/molecules/SliderWithInputNumber/styled.js

@@ -1,8 +0,0 @@
-var _a;
-// Libraries
-import styled from 'styled-components';
-// Constants
-import { THEME } from '@antscorp/antsomi-ui/es/constants';
-export const SliderWithInputNumberWrapper = styled.div `
-  font-size: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.fontSize}px;
-`;

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

@@ -1 +0,0 @@
-export { Tabs } from 'antd';

package/es/components/molecules/Tabs/Tabs.js

@@ -1 +0,0 @@
-export { Tabs } from 'antd';

package/es/components/molecules/Tabs/index.js

@@ -1 +0,0 @@
-export { Tabs } from './Tabs';