ar-design 0.4.43 → 0.4.44

package/dist/components/data-display/table/body/Editable.js

@@ -8,9 +8,9 @@ const Editable = function ({ c, item, trackByValue, onEditable, config }) {
     // variables
     const key = c.key;
     const itemValue = item[c.key];
-    const selectItem = c.editable?.options?.find((x) => x.value === itemValue);
+    const selectItem = c.editable?.(item)?.options?.find((x) => x.value === itemValue);
     const selectItems = Array.isArray(itemValue)
-        ? c.editable?.options?.filter((x) => itemValue.includes(x.value))
+        ? c.editable?.(item)?.options?.filter((x) => itemValue.includes(x.value))
         : [];
     const validation = config.validation;
     const _vText = validation?.errors?.[`${c.key}_${trackByValue}`];
@@ -18,39 +18,39 @@ const Editable = function ({ c, item, trackByValue, onEditable, config }) {
     const [_value, setValue] = useState(itemValue);
     // useEffects
     useEffect(() => setValue(itemValue), [item]);
-    switch (c.editable?.type) {
+    switch (c.editable?.(item)?.type) {
         case "string":
         case "number":
             return (React.createElement(Input, { variant: "borderless", value: _value, onChange: (event) => {
                     const { value } = event.target;
                     setValue(value);
-                    onEditable({ ...item, [key]: c.editable?.type === "number" ? Number(value) : value }, trackByValue, ExtractKey(c.key));
-                }, validation: { text: _vText }, ...(c.editable.where ? { disabled: c.editable.where(item) } : {}) }));
+                    onEditable({ ...item, [key]: c.editable?.(item)?.type === "number" ? Number(value) : value }, trackByValue, ExtractKey(c.key));
+                }, validation: { text: _vText }, ...(c.editable?.(item).where ? { disabled: c.editable?.(item).where } : {}) }));
         case "decimal":
             return (React.createElement(Input.Decimal, { variant: "borderless", name: c.key, value: _value, onChange: (event) => {
                     const { value } = event.target;
                     setValue(value);
                     onEditable({ ...item, [key]: value }, trackByValue, ExtractKey(c.key));
-                }, validation: { text: _vText }, locale: config.locale, ...(c.editable.where ? { disabled: c.editable.where(item) } : {}) }));
+                }, validation: { text: _vText }, locale: config.locale, ...(c.editable?.(item).where ? { disabled: c.editable?.(item).where } : {}) }));
         case "input-formatted-decimal":
             return (React.createElement(Input.FormattedDecimal, { variant: "borderless", name: c.key, value: _value, onChange: (event) => {
                     const { value } = event.target;
                     setValue(value);
                     onEditable({ ...item, [key]: value }, trackByValue, ExtractKey(c.key));
-                }, validation: { text: _vText }, locale: config.locale, ...(c.editable.where ? { disabled: c.editable.where(item) } : {}) }));
+                }, validation: { text: _vText }, locale: config.locale, ...(c.editable?.(item).where ? { disabled: c.editable?.(item).where } : {}) }));
         case "date-picker":
             return (React.createElement(DatePicker, { variant: "borderless", value: _value, onChange: (value) => {
                     setValue(value);
                     onEditable({ ...item, [key]: value }, trackByValue, ExtractKey(c.key));
-                }, validation: { text: _vText }, ...(c.editable.where ? { disabled: c.editable.where(item) } : {}) }));
+                }, validation: { text: _vText }, ...(c.editable?.(item).where ? { disabled: c.editable?.(item).where } : {}) }));
         case "single-select":
-            return (React.createElement(Select, { variant: "borderless", value: selectItem, options: c.editable.options, onClick: async () => await c.editable?.method?.(), onChange: (option) => {
+            return (React.createElement(Select, { variant: "borderless", value: selectItem, options: c.editable?.(item).options, onClick: async () => await c.editable?.(item)?.method?.(), onChange: (option) => {
                     onEditable({ ...item, [key]: option?.value }, trackByValue, ExtractKey(c.key));
-                }, validation: { text: _vText }, ...(c.editable.where ? { disabled: c.editable.where(item) } : {}) }));
+                }, validation: { text: _vText }, ...(c.editable?.(item).where ? { disabled: c.editable?.(item).where } : {}) }));
         case "multiple-select":
-            return (React.createElement(Select, { variant: "borderless", value: selectItems, options: c.editable.options, onClick: async () => await c.editable?.method?.(), onChange: (options) => {
+            return (React.createElement(Select, { variant: "borderless", value: selectItems, options: c.editable?.(item).options, onClick: async () => await c.editable?.(item)?.method?.(), onChange: (options) => {
                     onEditable({ ...item, [key]: options.map((option) => option.value) }, trackByValue, ExtractKey(c.key));
-                }, validation: { text: _vText }, multiple: true, ...(c.editable.where ? { disabled: c.editable.where(item) } : {}) }));
+                }, validation: { text: _vText }, multiple: true, ...(c.editable?.(item).where ? { disabled: c.editable?.(item).where } : {}) }));
         default:
             return null;
     }

package/dist/libs/types/index.d.ts

@@ -35,11 +35,11 @@ export type TableColumnType<T> = {
     filters?: Option[];
     filterDataType?: FilterDataType;
     render?: (item: T) => React.ReactNode;
-    editable?: {
+    editable?: (item: T) => {
         type: "string" | "number" | "decimal" | "input-formatted-decimal" | "date-picker" | "single-select" | "multiple-select";
         options?: Option[];
         method?: () => void | Promise<void>;
-        where?: (item: T) => boolean;
+        where?: boolean;
     };
     config?: {
         width?: number | "auto" | "fit-content" | "max-content" | "min-content";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ar-design",
-  "version": "0.4.43",
+  "version": "0.4.44",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",