@antscorp/antsomi-ui 1.3.5-beta.34 → 1.3.5-beta.36

package/es/components/molecules/CalendarSelection/CalendarSelection.js

@@ -10,7 +10,7 @@ import { initState, resetValue } from './actions';
 import { useTriggerOut } from './hooks/useTriggerOut';
 export const CalendarSelection = props => {
     const initialed = useRef(false);
-    const { value, popoverProps, rangeLimit = RANGE_LIMIT, timezone = LOCAL_TIMEZONE, timeDisplayProps, onChange, } = props;
+    const { value, rangeLimit = RANGE_LIMIT, timezone = LOCAL_TIMEZONE, timeDisplayProps, popoverProps, rangePickerProps, onChange, } = props;
     const [state, dispatch] = useReducer(reducer, INITIAL_STATE);
     useLayoutEffect(() => {
         if (!value)
@@ -30,7 +30,7 @@ export const CalendarSelection = props => {
         React.createElement(StyledPopoverBody, null,
             React.createElement(RangeSelectOptions, null),
             React.createElement(Divider, { type: "vertical", style: { margin: 0, height: 'auto' } }),
-            React.createElement(CustomPicker, null)),
+            React.createElement(CustomPicker, Object.assign({}, rangePickerProps))),
         React.createElement(Divider, { style: { margin: 0 } }),
         React.createElement(Footer, null)));
     // console.log(state.value.current.rangeValue);

package/es/components/molecules/CalendarSelection/components/CustomPicker/CustomPicker.js

@@ -1,3 +1,14 @@
+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/no-array-index-key */
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { TinyColor } from '@ctrl/tinycolor';
@@ -19,7 +30,8 @@ const generateRangeInputLabel = (idx, label) => {
         return 'custom';
     return `custom compare${idx > 1 ? ` ${idx}}` : ''}`;
 };
-export const CustomPicker = () => {
+export const CustomPicker = props => {
+    const rest = __rest(props, []);
     const popupContainer = useRef(null);
     const { state, action } = useCalendarSelectionContext();
     const { rangeValue } = state.value.current;
@@ -66,7 +78,7 @@ export const CustomPicker = () => {
             } },
             React.createElement("div", { className: "range-input" },
                 React.createElement("div", { className: "range-input-label" }, generateRangeInputLabel(rangeIdx, range.label)),
-                React.createElement(RangePicker, { open: true, value: [dayjs(range.start), dayjs(range.end)], onClick: () => setActiveRangeIdx(rangeIdx), getPopupContainer: () => popupContainer.current || document.body, panelRender: originalPanel => {
+                React.createElement(RangePicker, Object.assign({}, rest, { open: true, value: [dayjs(range.start), dayjs(range.end)], onClick: () => setActiveRangeIdx(rangeIdx), getPopupContainer: () => popupContainer.current || document.body, panelRender: originalPanel => {
                         if (activeRangeIdx !== rangeIdx)
                             return null;
                         return originalPanel;
@@ -90,7 +102,7 @@ export const CustomPicker = () => {
                             end = valueFirst.toISOString();
                         }
                         handleCalendarChange(start, end);
-                    } })))))),
+                    } }))))))),
         React.createElement(AutoUpdateTo, null),
         React.createElement(CalendarContainerStyled, { className: "calendar-container", ref: popupContainer })));
 };

package/es/components/molecules/CalendarSelection/types.d.ts

@@ -1,4 +1,4 @@
-import { PopoverProps } from 'antd';
+import { DatePickerProps, PopoverProps } from 'antd';
 import { Dispatch } from 'react';
 import { ValueOf } from 'type-fest';
 import { updateRangeInfo, changeRangeType, updateRangeValue, changeAutoUpdateTo, initState, togglePopover, apply, resetValue } from './actions';
@@ -11,6 +11,7 @@ export type CalendarSelectionProps = Partial<{
     toDay: Date;
     value: CalendarSelectionValue;
     timeDisplayProps: TimeRangeDisplayProps;
+    rangePickerProps: DatePickerProps;
     onChange: (value: CalendarSelectionValue, info: TriggerOutInfo) => void;
 }>;
 export type Range = (typeof SELECTION_KEY)[keyof typeof SELECTION_KEY];

package/es/components/molecules/ShareAccess/types.d.ts

@@ -8,6 +8,7 @@ export type UserInfo = {
     user_type: number;
     ctime: Date;
     utime: Date;
+    [key: string]: any;
 };
 export type UserAccessInfo = {
     userId: number;

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

@@ -1,4 +1,4 @@
-import { ObjectAccessInfo } from './types';
+import { ObjectAccessInfo, UserInfo } from './types';
 export declare const mergePermission: (objectPermissionAllow: boolean, menuPermissionValue: number) => boolean;
 export declare const composeObjectMenuPermissions: (params: {
     isPublic: boolean;
@@ -36,3 +36,4 @@ export declare const getActionsByUser: (args: {
     readonly label: "Remove Access";
     readonly key: "remove_acess";
 })[];
+export declare const initAccessInfoDefault: (userInfo: UserInfo) => ObjectAccessInfo;

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

@@ -1,5 +1,6 @@
 import { MENU_PERMISSION, PEOPLE_ACTIONS, PEOPLE_ACTION_KEYS, PUBLIC_ROLE, ROLE_MAPPING, } from './constants';
 import { remove } from 'lodash';
+import { snakeCaseToCamelCase } from '@antscorp/antsomi-ui/es/utils';
 export const mergePermission = (objectPermissionAllow, menuPermissionValue) => {
     const valueMapping = {
         [`${MENU_PERMISSION.NONE}_false`]: false,
@@ -55,3 +56,11 @@ export const getActionsByUser = (args) => {
     }
     return actions.map(actKey => PEOPLE_ACTIONS[actKey]);
 };
+export const initAccessInfoDefault = (userInfo) => ({
+    ownerId: userInfo.user_id,
+    listAccess: [
+        Object.assign(Object.assign({}, snakeCaseToCamelCase(userInfo)), { role: ROLE_MAPPING.OWNER, allowView: 1, allowEdit: 1, allowComment: 1 }),
+    ],
+    publicRole: PUBLIC_ROLE.ONLY_VIEWER,
+    isPublic: 0,
+});

package/es/queries/TemplateListing/index.js

@@ -83,8 +83,7 @@ export const usePersistTemplate = (params) => {
                 default:
                     return objectTemplate.create(Object.assign(Object.assign({}, params), { data: omit(params.data, ['template_id']) }));
             }
-        }, onSettled(data, error, variables, context) {
-            console.log('🚀 ~ onSettled ~ variables:', variables);
+        }, onSettled(data, error, variables) {
             queryClientAntsomiUI.invalidateQueries([
                 QUERY_KEYS.GET_OBJECT_TEMPLATE_DETAIL,
                 variables.params.data.template_id,

package/es/utils/common.d.ts

@@ -57,3 +57,5 @@ export declare function mapNumberToOrdinalText(num: number): string;
 export declare const searchParamsToObject: (searchParams?: string) => Record<string, unknown>;
 export declare function asssertCannotReach(x: never): void;
 export declare const getShuffleArray: <T>(array: T[]) => T[];
+export declare const snakeCaseToCamelCase: <T = Record<string, any>>(object: Record<string, any>, recursive?: boolean) => T;
+export declare const camelCaseToSnakeCase: (object: Record<string, any>, recursive?: boolean) => Record<string, any>;

package/es/utils/common.js

@@ -386,3 +386,25 @@ export const getShuffleArray = (array) => {
     }
     return array;
 };
+export const snakeCaseToCamelCase = (object, recursive = false) => {
+    const newObject = {};
+    Object.keys(object).forEach(key => {
+        const newKey = key.replace(/_([a-z])/g, g => g[1].toUpperCase());
+        newObject[newKey] =
+            recursive && typeof object[key] === 'object'
+                ? snakeCaseToCamelCase(object[key], true)
+                : object[key];
+    });
+    return newObject;
+};
+export const camelCaseToSnakeCase = (object, recursive = false) => {
+    const newObject = {};
+    Object.keys(object).forEach(key => {
+        const newKey = key.replace(/[A-Z]/g, g => `_${g[0].toLowerCase()}`);
+        newObject[newKey] =
+            recursive && typeof object[key] === 'object'
+                ? camelCaseToSnakeCase(object[key], true)
+                : object[key];
+    });
+    return newObject;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.5-beta.34",
+  "version": "1.3.5-beta.36",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",