@antscorp/antsomi-ui 1.3.3-beta.1 → 1.3.3-beta.2

package/es/components/icons/ShoppingBag.js

@@ -0,0 +1,3 @@
+import React, { forwardRef } from 'react';
+export const ShoppingBag = forwardRef((props, ref) => (React.createElement("svg", Object.assign({ focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24" }, props, { ref: ref }),
+    React.createElement("path", { d: "M18 6h-2c0-2.21-1.79-4-4-4S8 3.79 8 6H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-8 4c0 .55-.45 1-1 1s-1-.45-1-1V8h2v2zm2-6c1.1 0 2 .9 2 2h-4c0-1.1.9-2 2-2zm4 6c0 .55-.45 1-1 1s-1-.45-1-1V8h2v2z" }))));

package/es/components/icons/ShoppingCart.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './type';
+export declare const ShoppingCart: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/ShoppingCart.js

@@ -0,0 +1,3 @@
+import React, { forwardRef } from 'react';
+export const ShoppingCart = forwardRef((props, ref) => (React.createElement("svg", Object.assign({ focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24" }, props, { ref: ref }),
+    React.createElement("path", { d: "M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z" }))));

package/es/components/icons/StopRecordIcon.d.ts

@@ -0,0 +1 @@
+export declare const StopRecordIcon: (props: any) => JSX.Element;

package/es/components/icons/StopRecordIcon.js

@@ -0,0 +1,4 @@
+import React from 'react';
+export const StopRecordIcon = props => (React.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 32 32", fill: "currentColor" }, props),
+    React.createElement("g", { transform: "scale(0.03125 0.03125)" },
+        React.createElement("path", { d: "M491.5 103.040c-226.56 0-408.96 182.4-408.96 408.96s182.4 408.96 408.96 408.96c226.56 0 408.96-182.4 408.96-408.96s-182.4-408.96-408.96-408.96zM491.5 840.32c-180.48 0-328.32-147.84-328.32-328.32s147.84-328.32 328.32-328.32c180.48 0 328.32 147.84 328.32 328.32s-147.84 328.32-328.32 328.32zM654.7 675.2h-326.4v-326.4h326.4z" }))));

package/es/components/icons/Store.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './type';
+export declare const Store: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/Store.js

@@ -0,0 +1,3 @@
+import React, { forwardRef } from 'react';
+export const Store = forwardRef((props, ref) => (React.createElement("svg", Object.assign({ focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24" }, props, { ref: ref }),
+    React.createElement("path", { d: "M20 4H4v2h16V4zm1 10v-2l-1-5H4l-1 5v2h1v6h10v-6h4v6h2v-6h1zm-9 4H6v-4h6v4z" }))));

package/es/components/icons/UserIcon.d.ts

@@ -0,0 +1 @@
+export declare const UserIcon: (props: any) => JSX.Element;

package/es/components/icons/UserIcon.js

@@ -0,0 +1,8 @@
+import React from 'react';
+export const UserIcon = props => (React.createElement("svg", Object.assign({ width: "24", height: "25", viewBox: "0 0 24 25", version: "1.1", fill: "currentColor" }, props),
+    React.createElement("defs", { id: "defs9" }),
+    React.createElement("g", { "aria-label": "person", id: "show_chart", style: {
+            fontSize: 24,
+            fill: '#666666',
+        } },
+        React.createElement("path", { d: "m 6.703125,15.140625 q 2.765625,-1.125 5.296875,-1.125 2.53125,0 5.25,1.125 Q 20.015625,16.21875 20.015625,18 v 2.015625 H 3.984375 V 18 q 0,-1.78125 2.71875,-2.859375 z m 8.109375,-4.3125 Q 13.640625,12 12,12 10.359375,12 9.1875,10.828125 8.015625,9.65625 8.015625,8.015625 8.015625,6.375 9.1875,5.203125 10.359375,3.984375 12,3.984375 q 1.640625,0 2.8125,1.21875 1.171875,1.171875 1.171875,2.8125 0,1.640625 -1.171875,2.8125 z", id: "path826" }))));

package/es/components/icons/VerticalDotsIcon.d.ts

@@ -0,0 +1 @@
+export declare const VerticalDotsIcon: (props: any) => JSX.Element;

package/es/components/icons/VerticalDotsIcon.js

@@ -0,0 +1,4 @@
+import React from 'react';
+export const VerticalDotsIcon = props => (React.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 32 32", fill: "currentColor" }, props),
+    React.createElement("g", { transform: "scale(0.03125 0.03125)" },
+        React.createElement("path", { d: "M-0.033 16.516v66.065h66.065v-66.065zM-0.033 148.645v66.065h66.065v-66.065zM-0.033 280.774v66.065h66.065v-66.065zM-0.033 412.903v66.065h66.065v-66.065zM-0.033 545.032v66.065h66.065v-66.065zM-0.033 677.161v66.065h66.065v-66.065zM-0.033 809.29v66.065h66.065v-66.065zM-0.033 941.419v66.065h66.065v-66.065z" }))));

package/es/components/icons/WarningIcon.d.ts

@@ -0,0 +1 @@
+export declare const WarningIcon: (props: any) => JSX.Element;

package/es/components/icons/WarningIcon.js

@@ -0,0 +1,4 @@
+import React from 'react';
+export const WarningIcon = props => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", id: "Group_6772", "data-name": "Group 6772", width: "17.988", height: "14.025", viewBox: "0 0 17.988 14.025", fill: "currentColor" }, props),
+    React.createElement("path", { id: "Shape_19", "data-name": "Shape 19", d: "M362.9,578.662a1.233,1.233,0,0,1,2.2,0l7.53,11.171c.811,1.2.22,2.179-1.319,2.179H356.687c-1.539,0-2.132-.971-1.319-2.179l7.53-11.171Z", transform: "translate(-355.004 -577.987)", fill: "#f5f500" }),
+    React.createElement("path", { id: "Rounded_Rectangle_12", "data-name": "Rounded Rectangle 12", d: "M0,8A1,1,0,1,1,1,9,1,1,0,0,1,0,8ZM0,5V1A1,1,0,0,1,2,1V5A1,1,0,0,1,0,5Z", transform: "translate(7.996 4.013)", fill: "#666" })));

package/es/components/icons/Web.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './type';
+export declare const Web: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/Web.js

@@ -0,0 +1,3 @@
+import React, { forwardRef } from 'react';
+export const Web = forwardRef((props, ref) => (React.createElement("svg", Object.assign({ focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24" }, props, { ref: ref }),
+    React.createElement("path", { d: "M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-5 14H4v-4h11v4zm0-5H4V9h11v4zm5 5h-4V9h4v9z" }))));

package/es/components/icons/WebAsset.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './type';
+export declare const WebAsset: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/WebAsset.js

@@ -0,0 +1,3 @@
+import React, { forwardRef } from 'react';
+export const WebAsset = forwardRef((props, ref) => (React.createElement("svg", Object.assign({ focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24" }, props, { ref: ref }),
+    React.createElement("path", { d: "M19 4H5c-1.11 0-2 .9-2 2v12c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.89-2-2-2zm0 14H5V8h14v10z" }))));

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

@@ -0,0 +1,54 @@
+export { EventIcon } from './EventIcon';
+export { CloseIcon } from './CloseIcon';
+export { GPTIcon } from './GPTIcon';
+export { GPTIconV2 } from './GPTIconV2';
+export { GPTIconV3 } from './GPTIconV3';
+export { PlaneIcon } from './PlaneIcon';
+export { WarningIcon } from './WarningIcon';
+export { UserIcon } from './UserIcon';
+export { HighlightIcon } from './HighlightIcon';
+export { ArrowGrowIcon } from './ArrowGrowIcon';
+export { CheckSlimIcon } from './CheckSlimIcon';
+export { CommentIcon } from './CommentIcon';
+export { FreeDrawIcon } from './FreeDrawIcon';
+export { InvisibleIcon } from './InvisibleIcon';
+export { AudioRecordIcon } from './AudioRecordIcon';
+export { CameraIcon } from './CameraIcon';
+export { CaptureIcon } from './CaptureIcon';
+export { MuteIcon } from './MuteIcon';
+export { PauseIcon } from './PauseIcon';
+export { StopRecordIcon } from './StopRecordIcon';
+export { VerticalDotsIcon } from './VerticalDotsIcon';
+export { OpenUrlIcon } from './OpenUrlIcon';
+export { BugIcon } from './BugIcon';
+export { IdeaIcon } from './IdeaIcon';
+export { RequestIcon } from './RequestIcon';
+export { HighlightAlt } from './HightlightAlt';
+export { DesktopWindows } from './DesktopWindows';
+export { AddShoppingCart } from './AddShoppingCart';
+export { RemoveShoppingCart } from './RemoveShoppingCart';
+export { FactCheck } from './FactCheck';
+export { Payment } from './Payment';
+export { ShoppingBag } from './ShoppingBag';
+export { ShoppingCart } from './ShoppingCart';
+export { Store } from './Store';
+export { WebAsset } from './WebAsset';
+export { Search } from './Search';
+export { List } from './List';
+export { ConfirmationNumber } from './ConfirmationNumber';
+export { PhoneCallback } from './PhoneCallback';
+export { Call } from './Call';
+export { ChatBubbleOutline } from './ChatBubbleOutline';
+export { HowToReg } from './HowToReg';
+export { PersonAddDisabled } from './PersonAddDisabled';
+export { AssignmentInd } from './AssignmentInd';
+export { AccountCircle } from './AccountCircle';
+export { RemoveRedEye } from './RemoveRedEye';
+export { NotificationsActive } from './NotificationsActive';
+export { MobileFriendly } from './MobileFriendly';
+export { Category } from './Category';
+export { Redeem } from './Redeem';
+export { Preview } from './Preview';
+export { Interactive } from './Interactive';
+export { Web } from './Web';
+export { LocalMallIcon } from './LocalMallIcon';

package/es/components/icons/index.js

@@ -0,0 +1,54 @@
+export { EventIcon } from './EventIcon';
+export { CloseIcon } from './CloseIcon';
+export { GPTIcon } from './GPTIcon';
+export { GPTIconV2 } from './GPTIconV2';
+export { GPTIconV3 } from './GPTIconV3';
+export { PlaneIcon } from './PlaneIcon';
+export { WarningIcon } from './WarningIcon';
+export { UserIcon } from './UserIcon';
+export { HighlightIcon } from './HighlightIcon';
+export { ArrowGrowIcon } from './ArrowGrowIcon';
+export { CheckSlimIcon } from './CheckSlimIcon';
+export { CommentIcon } from './CommentIcon';
+export { FreeDrawIcon } from './FreeDrawIcon';
+export { InvisibleIcon } from './InvisibleIcon';
+export { AudioRecordIcon } from './AudioRecordIcon';
+export { CameraIcon } from './CameraIcon';
+export { CaptureIcon } from './CaptureIcon';
+export { MuteIcon } from './MuteIcon';
+export { PauseIcon } from './PauseIcon';
+export { StopRecordIcon } from './StopRecordIcon';
+export { VerticalDotsIcon } from './VerticalDotsIcon';
+export { OpenUrlIcon } from './OpenUrlIcon';
+export { BugIcon } from './BugIcon';
+export { IdeaIcon } from './IdeaIcon';
+export { RequestIcon } from './RequestIcon';
+export { HighlightAlt } from './HightlightAlt';
+export { DesktopWindows } from './DesktopWindows';
+export { AddShoppingCart } from './AddShoppingCart';
+export { RemoveShoppingCart } from './RemoveShoppingCart';
+export { FactCheck } from './FactCheck';
+export { Payment } from './Payment';
+export { ShoppingBag } from './ShoppingBag';
+export { ShoppingCart } from './ShoppingCart';
+export { Store } from './Store';
+export { WebAsset } from './WebAsset';
+export { Search } from './Search';
+export { List } from './List';
+export { ConfirmationNumber } from './ConfirmationNumber';
+export { PhoneCallback } from './PhoneCallback';
+export { Call } from './Call';
+export { ChatBubbleOutline } from './ChatBubbleOutline';
+export { HowToReg } from './HowToReg';
+export { PersonAddDisabled } from './PersonAddDisabled';
+export { AssignmentInd } from './AssignmentInd';
+export { AccountCircle } from './AccountCircle';
+export { RemoveRedEye } from './RemoveRedEye';
+export { NotificationsActive } from './NotificationsActive';
+export { MobileFriendly } from './MobileFriendly';
+export { Category } from './Category';
+export { Redeem } from './Redeem';
+export { Preview } from './Preview';
+export { Interactive } from './Interactive';
+export { Web } from './Web';
+export { LocalMallIcon } from './LocalMallIcon';

package/es/components/icons/type.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export interface IconProps extends React.ComponentPropsWithoutRef<'svg'> {
+}

package/es/components/icons/type.js

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

package/es/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './atoms';
+export * from './molecules';
+export * from './common';
+export * from './organism';

package/es/components/index.js

@@ -0,0 +1,4 @@
+export * from './atoms';
+export * from './molecules';
+export * from './common';
+export * from './organism';

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

@@ -0,0 +1,19 @@
+import React from 'react';
+export type TAlign = 'left' | 'center' | 'right' | undefined;
+export interface AlignEditProps {
+    className?: string;
+    align?: TAlign;
+    onChange?: (align: TAlign) => void;
+    style?: Object;
+}
+export interface AlignSettingProps extends AlignEditProps {
+    label?: string;
+    labelClassName?: string;
+}
+export declare const ALIGN_TYPE: {
+    LEFT: string;
+    CENTER: string;
+    RIGHT: string;
+};
+export declare const AlignEdit: React.FC<AlignEditProps>;
+export declare const AlignSetting: React.FC<AlignSettingProps>;

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

@@ -0,0 +1,52 @@
+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';
+// Atoms
+import { Button, Icon } from '@antscorp/antsomi-ui/es/components/atoms';
+// Molecules
+import { SettingWrapper } from '../SettingWrapper';
+// Styled
+import { AlignSettingWrapper } from './styled';
+export const ALIGN_TYPE = {
+    LEFT: 'left',
+    CENTER: 'center',
+    RIGHT: 'right',
+};
+export const AlignEdit = props => {
+    const { className, style, onChange, align } = props;
+    return (React.createElement(AlignSettingWrapper, { className: className, style: style },
+        React.createElement(Button, { style: {
+                aspectRatio: 1 / 1,
+                width: 25,
+                color: align !== ALIGN_TYPE.LEFT ? '#aaaaaa' : 'inherit',
+            }, onClick: () => onChange === null || onChange === void 0 ? void 0 : onChange(ALIGN_TYPE.LEFT) },
+            React.createElement(Icon, { type: "icon-ants-align-left" })),
+        React.createElement(Button, { style: {
+                aspectRatio: 1 / 1,
+                width: 25,
+                color: align !== ALIGN_TYPE.CENTER ? '#aaaaaa' : 'inherit',
+            }, onClick: () => onChange === null || onChange === void 0 ? void 0 : onChange(ALIGN_TYPE.CENTER) },
+            React.createElement(Icon, { type: "icon-ants-align-center" })),
+        React.createElement(Button, { style: {
+                aspectRatio: 1 / 1,
+                width: 25,
+                color: align !== ALIGN_TYPE.RIGHT ? '#aaaaaa' : 'inherit',
+            }, onClick: () => onChange === null || onChange === void 0 ? void 0 : onChange(ALIGN_TYPE.RIGHT) },
+            React.createElement(Icon, { type: "icon-ants-align-right" }))));
+};
+export const AlignSetting = props => {
+    // Props
+    const { label, labelClassName } = props, restOf = __rest(props, ["label", "labelClassName"]);
+    return (React.createElement(SettingWrapper, { label: label || 'Align', labelClassName: labelClassName },
+        React.createElement(AlignEdit, Object.assign({}, restOf))));
+};

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

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

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

@@ -0,0 +1,7 @@
+// Libraries
+import styled from 'styled-components';
+export const AlignSettingWrapper = styled.div `
+  display: flex;
+  gap: 10px;
+  align-items: center;
+`;

package/es/components/molecules/AlignSetting/utils.d.ts

@@ -0,0 +1,3 @@
+import { TAlign } from './index';
+export declare const mapAlignToJustifyContent: (value: TAlign) => "center" | "auto" | "end" | "start";
+export declare const mapJustifyContentToAlign: (value: 'start' | 'end' | 'center') => string | undefined;

package/es/components/molecules/AlignSetting/utils.js

@@ -0,0 +1,19 @@
+import { ALIGN_TYPE } from './index';
+export const mapAlignToJustifyContent = (value) => {
+    if (value === 'left')
+        return 'start';
+    if (value === 'right')
+        return 'end';
+    if (value === 'center')
+        return value;
+    return 'auto';
+};
+export const mapJustifyContentToAlign = (value) => {
+    if (value === 'start')
+        return ALIGN_TYPE.LEFT;
+    if (value === 'end')
+        return ALIGN_TYPE.RIGHT;
+    if (value === 'center')
+        return ALIGN_TYPE.CENTER;
+    return undefined;
+};

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

@@ -0,0 +1,15 @@
+import { IImageEditorProps } from './types';
+declare const CaptureScreen: {
+    (props: IImageEditorProps): JSX.Element;
+    defaultProps: {
+        isOpen: boolean;
+        src: string;
+        alt: string;
+        defaultPositions: {
+            capture: null;
+            record: null;
+        };
+        callback: () => void;
+    };
+};
+export { CaptureScreen };