@antscorp/antsomi-ui 1.3.5-beta.2 → 1.3.5-beta.21

package/es/utils/common.js

@@ -374,3 +374,15 @@ export function mapNumberToOrdinalText(num) {
     }
 }
 export const searchParamsToObject = (searchParams = '') => Object.fromEntries(new URLSearchParams(searchParams));
+export function asssertCannotReach(x) {
+    throw new Error('cannot reach this place in the code!');
+}
+export const getShuffleArray = (array) => {
+    for (let i = array.length - 1; i > 0; i--) {
+        /* Choose a random position from 0 to i */
+        const j = Math.floor(Math.random() * (i + 1));
+        /* Swaps values between positions i and j */
+        [array[i], array[j]] = [array[j], array[i]];
+    }
+    return array;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.5-beta.2",
+  "version": "1.3.5-beta.21",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",
@@ -67,6 +67,7 @@
     "@fortawesome/free-regular-svg-icons": "6.1.1",
     "@fortawesome/free-solid-svg-icons": "6.1.1",
     "@fortawesome/react-fontawesome": "0.2.0",
+    "@swiper/core": "^0.0.21",
     "@tanstack/react-query": "4.20.4",
     "@tanstack/react-query-devtools": "4.20.4",
     "@tinymce/tinymce-react": "^3.7.0",
@@ -78,6 +79,7 @@
     "babel-plugin-file-loader": "^2.0.0",
     "currency-formatter": "1.5.9",
     "dayjs": "^1.11.10",
+    "d3-interpolate": "^3.0.1",
     "font-awesome": "4.7.0",
     "highlight.js": "^11.8.0",
     "html-entities": "^2.0.2",
@@ -98,12 +100,14 @@
     "react-resizable": "^3.0.5",
     "rehype-highlight": "^6.0.0",
     "remark-gfm": "^3.0.1",
+    "swiper": "^11.0.7",
     "ts-dedent": "^2.2.0",
     "tui-image-editor": "^3.15.3"
   },
   "devDependencies": {
     "@ant-design/cssinjs": "^1.6.2",
     "@antscorp/eslint-config-antsomi": "1.0.4",
+    "@antscorp/icons": "0.27.4",
     "@babel/cli": "^7.23.4",
     "@babel/core": "^7.21.3",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
@@ -186,6 +190,7 @@
     "ts-loader": "^9.4.2",
     "ts-node": "^10.9.1",
     "tsconfig-paths-webpack-plugin": "^4.0.1",
+    "type-fest": "^4.10.2",
     "typescript": "^4.9.4",
     "vite": "^4.2.1",
     "vite-plugin-mkcert": "^1.15.0",

package/es/components/template/TemplateListing/components/TemplateItem/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { TemplateItemProps } from '../../types';
-export declare const TemplateItem: React.FC<TemplateItemProps>;

package/es/components/template/TemplateListing/components/TemplateItem/index.js

@@ -1,53 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-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';
-import Icon from '@antscorp/icons';
-import { Modal } from 'antd';
-// Styled
-import { TemplateItemWrapper } from './styled';
-// Components
-import { Button, Flex } from '../../../../atoms';
-import { TEMPLATE_ITEM_HEIGHT, TEMPLATE_ITEM_WIDTH } from '../../constants';
-export const TemplateItem = memo(props => {
-    const [modal, contextHolder] = Modal.useModal();
-    const { id, width = TEMPLATE_ITEM_WIDTH, height = TEMPLATE_ITEM_HEIGHT, thumbnail, removable = true, onClickEdit, onClickPreview, removeTemplateModalProps, } = props;
-    const _a = removeTemplateModalProps || {}, { onOk } = _a, restOfRemoveTemplateModalProps = __rest(_a, ["onOk"]);
-    // Handlers
-    const handleRemoveTemplate = () => {
-        modal.confirm(Object.assign(Object.assign({ title: 'Remove Template', centered: true, icon: React.createElement(Icon, { type: "icon-ants-info", style: { fontSize: 16, lineHeight: '25px' } }), content: (React.createElement("div", null,
-                React.createElement("p", null, "Are you sure you want to remove the template?"),
-                React.createElement("p", null, "This action cant not be undone."))), okText: 'Remove', cancelText: 'Cancel', closable: true }, restOfRemoveTemplateModalProps), { onOk: () => __awaiter(void 0, void 0, void 0, function* () {
-                if (onOk)
-                    onOk(id);
-            }) }));
-    };
-    return (React.createElement(TemplateItemWrapper, { style: { width, height } },
-        React.createElement("div", { className: "screen" }, thumbnail && React.createElement("img", { src: thumbnail, alt: "" })),
-        React.createElement(Flex, { className: "center-action", align: "center", gap: 10, vertical: true },
-            React.createElement(Button, { type: "primary", className: "animate__animated animate__fadeIn", onClick: () => onClickEdit && onClickEdit(id) }, "Edit template"),
-            React.createElement(Button, { className: "animate__animated animate__fadeIn", onClick: () => onClickPreview && onClickPreview(id) }, "Preview")),
-        removable && (React.createElement("div", { className: "top-right-corner-action animate__animated animate__fadeIn" },
-            React.createElement(Button, { type: "primary", icon: React.createElement(Icon, { type: "icon-ants-trash-outline", style: { fontSize: 24, color: '#FFFFFF' } }), onClick: handleRemoveTemplate }))),
-        React.createElement("div", { className: "backdrop" }),
-        React.createElement("div", null, contextHolder)));
-});
-TemplateItem.displayName = 'TemplateItem';

package/es/components/template/TemplateListing/components/TemplateItem/styled.d.ts

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

package/es/components/template/TemplateListing/types/TemplateItem.d.ts

@@ -1,14 +0,0 @@
-import { ModalFuncProps } from 'antd';
-export type TTemplateItemId = string | number;
-export interface TemplateItemProps {
-    id: TTemplateItemId;
-    width?: number;
-    height?: number;
-    thumbnail?: string;
-    removable?: boolean;
-    onClickEdit?: (id: TTemplateItemId) => void;
-    onClickPreview?: (id: TTemplateItemId) => void;
-    removeTemplateModalProps?: Omit<ModalFuncProps, 'onOk'> & {
-        onOk?: (id: TTemplateItemId) => void;
-    };
-}