@antscorp/antsomi-ui 1.3.2 → 1.3.3-beta.10

package/es/components/atoms/Text/index.js

@@ -0,0 +1,27 @@
+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 classNames from 'classnames';
+import React from 'react';
+// Styled
+import { TextWrapper } from './styled';
+export const Text = props => {
+    const { type, size, bold, children, className, style, color } = props, restOf = __rest(props, ["type", "size", "bold", "children", "className", "style", "color"]);
+    return (React.createElement(TextWrapper, Object.assign({ size: size, className: classNames(`--${type}`, className, {
+            'ants-font-bold': bold,
+        }), style: Object.assign(Object.assign({}, style), { color }) }, restOf), children));
+};
+Text.defaultProps = {
+    type: 'default',
+    bold: false,
+    size: 'small',
+};

package/es/components/atoms/Text/styled.js

@@ -0,0 +1,52 @@
+var _a, _b, _c, _d, _e, _f;
+// Libraries
+import styled, { css } from 'styled-components';
+// Constants
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
+export const TextWrapper = styled.div `
+  color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.colorTextBase};
+  font-size: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.fontSize}px;
+  font-family: Roboto;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+
+  ${p => {
+    var _a, _b, _c;
+    switch (p.size) {
+        case 'small':
+            return css `
+          font-size: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.fontSize}px;
+        `;
+        case 'medium':
+            return css `
+          font-size: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.fontSizeMd}px;
+        `;
+        case 'large':
+            return css `
+          font-size: ${(_c = THEME.token) === null || _c === void 0 ? void 0 : _c.fontSizeLg}px;
+        `;
+        default:
+            return css `
+          font-size: ${p.size}px;
+        `;
+    }
+}}
+
+  &.--disabled {
+    color: ${(_c = THEME.token) === null || _c === void 0 ? void 0 : _c.colorTextDisabled};
+    pointer-events: none;
+  }
+
+  &.--secondary {
+    color: ${(_d = THEME.token) === null || _d === void 0 ? void 0 : _d.colorIcon};
+  }
+
+  &.--error {
+    color: ${(_e = THEME.token) === null || _e === void 0 ? void 0 : _e.red6};
+  }
+
+  &.--warning {
+    color: ${(_f = THEME.token) === null || _f === void 0 ? void 0 : _f.colorWarning};
+  }
+`;

package/es/components/atoms/Timeline/Timeline.js

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

package/es/components/atoms/Watermark/Watermark.js

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

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

@@ -0,0 +1,35 @@
+export { Button } from './Button';
+export { Divider } from './Divider';
+export { DividerPure } from './DividerPure';
+export { Input, TextArea } from './Input';
+export { InputNumber } from './InputNumber';
+export { Radio, RadioGroupSub, RadioButton } from './Radio';
+export { Space } from './Space';
+export { Tag } from './Tag';
+export { Tooltip } from './Tooltip';
+export { Typography } from './Typography';
+export { Checkbox } from './Checkbox';
+export { message } from './Message';
+export { Segmented } from './Segmented';
+export { Timeline } from './Timeline';
+export { Row, Col } from './Grid';
+export { FloatButton } from './FloatButton';
+export { Skeleton } from './Skeleton';
+export { notification } from './Notification';
+export { Progress } from './Progress';
+export { Pagination } from './Pagination';
+export { Steps } from './Steps';
+export { Empty } from './Empty';
+export { Icon } from './Icon';
+export { Text } from './Text';
+export { Popover } from './Popover';
+export { RequiredLabel } from './RequiredLabel';
+export { Switch } from './Switch';
+export { Slider } from './Slider';
+export { Spin } from './Spin';
+export { Alert } from './Alert';
+export { ScrollBox } from './ScrollBox';
+export { Rate } from './Rate';
+export { SliderV2 } from './SliderV2';
+export * from './Flex';
+export type { SliderProps } from './Slider';

package/es/components/atoms/index.js

@@ -0,0 +1,34 @@
+export { Button } from './Button';
+export { Divider } from './Divider';
+export { DividerPure } from './DividerPure';
+export { Input, TextArea } from './Input';
+export { InputNumber } from './InputNumber';
+export { Radio, RadioGroupSub, RadioButton } from './Radio';
+export { Space } from './Space';
+export { Tag } from './Tag';
+export { Tooltip } from './Tooltip';
+export { Typography } from './Typography';
+export { Checkbox } from './Checkbox';
+export { message } from './Message';
+export { Segmented } from './Segmented';
+export { Timeline } from './Timeline';
+export { Row, Col } from './Grid';
+export { FloatButton } from './FloatButton';
+export { Skeleton } from './Skeleton';
+export { notification } from './Notification';
+export { Progress } from './Progress';
+export { Pagination } from './Pagination';
+export { Steps } from './Steps';
+export { Empty } from './Empty';
+export { Icon } from './Icon';
+export { Text } from './Text';
+export { Popover } from './Popover';
+export { RequiredLabel } from './RequiredLabel';
+export { Switch } from './Switch';
+export { Slider } from './Slider';
+export { Spin } from './Spin';
+export { Alert } from './Alert';
+export { ScrollBox } from './ScrollBox';
+export { Rate } from './Rate';
+export { SliderV2 } from './SliderV2';
+export * from './Flex';

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

@@ -0,0 +1,10 @@
+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';
+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

@@ -0,0 +1,42 @@
+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 } from 'antd';
+import React, { useEffect } from 'react';
+// 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';
+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(GlobalStyle, null),
+        React.createElement(StyleProvider, { hashPriority: "high" }, children)));
+};
+ConfigProvider.defaultProps = {
+    theme: THEME,
+    prefixCls: 'antsomi',
+    locale: 'en',
+};
+export default ConfigProvider;