@antscorp/antsomi-ui 1.5.0 → 1.5.2

package/es/components/atoms/InputDynamic/types.d.ts

@@ -45,6 +45,15 @@ export type EventMetadata = {
     item_property_label: string | null;
     event_property_syntax: string | null;
 };
+export type EventBoFieldMetadata = EventMetadata & {
+    field_code_bo?: string;
+    field_label_bo?: string;
+    useBo?: boolean;
+};
+export type SelectOption = {
+    value?: string;
+    label?: string;
+};
 export type TFilter = {
     value: any;
     operator: TOperatorValue;

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

@@ -21,5 +21,5 @@ export const RequiredLabel = memo(props => {
     return (React.createElement(Text, Object.assign({}, restProps),
         !isReverseMask && React.createElement(StyledRequired, null, "*"),
         children,
-        isReverseMask && React.createElement(StyledRequired, null, "*")));
+        isReverseMask && (React.createElement(StyledRequired, { style: { marginLeft: 4, marginRight: 0 } }, "*"))));
 });

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

@@ -84,6 +84,17 @@ export const GlobalStyle = () => {
           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,

package/es/components/molecules/AddDynamicContent/constants.d.ts

@@ -99,3 +99,20 @@ export declare const ATTRIBUTE_NUMBERIC_FORMAT_OPTION: {
         };
     };
 };
+export declare const COLLECTION_STATUS: {
+    2: {
+        value: number;
+        label: string;
+        errorMessage: string;
+    };
+    4: {
+        value: number;
+        label: string;
+        errorMessage: string;
+    };
+    DELETE: {
+        value: number;
+        label: string;
+        errorMessage: string;
+    };
+};

package/es/components/molecules/AddDynamicContent/constants.js

@@ -150,3 +150,20 @@ export const ATTRIBUTE_NUMBERIC_FORMAT_OPTION = {
         },
     },
 };
+export const COLLECTION_STATUS = {
+    2: {
+        value: 2,
+        label: 'Disable',
+        errorMessage: 'This collection is disabled',
+    },
+    4: {
+        value: 4,
+        label: 'Archive',
+        errorMessage: 'This collection is not available',
+    },
+    DELETE: {
+        value: 3,
+        label: 'Delete',
+        errorMessage: 'This collection does not exist',
+    },
+};

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { DatePickerProps as AntDatePickerProps } from 'antd';
+type DatePickerProps = {
+    onChange: (key: any, value: any) => void;
+    required?: boolean;
+    focused?: boolean;
+} & AntDatePickerProps;
+export declare const DatePickerV2: React.FC<DatePickerProps>;
+export {};

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

@@ -0,0 +1,51 @@
+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;
+};
+/* eslint-disable react/destructuring-assignment */
+// Libraries
+import React, { useEffect, useMemo, useState } from 'react';
+import i18nInstance from '@antscorp/antsomi-ui/es/locales/i18n';
+import { translations } from '@antscorp/antsomi-ui/es/locales/translations';
+// Atoms
+import { Space, Text } from '@antscorp/antsomi-ui/es/components/atoms';
+// Components
+import { DatePicker as AntDatePicker } from 'antd';
+// Styled
+import { DatePickerWrapper } from './styled';
+export const DatePickerV2 = props => {
+    const { required, focused, onChange } = props, restOf = __rest(props, ["required", "focused", "onChange"]);
+    // I18n
+    const { t } = i18nInstance;
+    const [isFocused, setFocused] = useState(false);
+    const requiredMsg = useMemo(() => {
+        let msg = '';
+        const isEmptyValue = props.value == null;
+        if (required && isEmptyValue && isFocused) {
+            msg = t(translations.messageError.fieldIsRequired.message);
+        }
+        return msg;
+    }, [props.value, required, isFocused, t]);
+    useEffect(() => {
+        if (focused) {
+            setFocused(focused);
+        }
+    }, [focused]);
+    return (React.createElement(DatePickerWrapper, null,
+        React.createElement(Space, { direction: "vertical", size: 5 },
+            React.createElement(AntDatePicker, Object.assign({}, restOf, { onBlur: e => {
+                    if (!isFocused) {
+                        setFocused(true);
+                    }
+                    // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+                    props.onBlur && props.onBlur(e);
+                }, onChange: date => onChange('date-picker', date) })),
+            requiredMsg ? (React.createElement(Text, { color: "#ff4d4f", style: { marginLeft: 8 } }, requiredMsg)) : null)));
+};

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

@@ -0,0 +1 @@
+export declare const DatePickerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

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

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { CanvasState } from './reducer';
+export type ImageResizeHandle = {
+    getBase64: (options?: any) => string | undefined;
+    replaceImageWithUrl: (imageUrl: string) => void;
+    getCurrentState: () => CanvasState;
+};
+interface ImageEditorProps {
+    className?: string;
+    width: number;
+    height: number;
+    hideAction?: boolean;
+    imageUrl?: string;
+    defaultValue?: CanvasState;
+    showSelection?: boolean;
+    style?: Omit<React.CSSProperties, 'width'>;
+}
+export declare const ImageEditor: React.ForwardRefExoticComponent<ImageEditorProps & React.RefAttributes<ImageResizeHandle>>;
+export {};