@applica-software-guru/react-admin 1.5.234 → 1.5.236

package/src/playground/components/ra-lists/CategoryList.jsx

@@ -0,0 +1,62 @@
+import { CategoryForm } from '@/playground/components';
+import {
+  ActionsMenu,
+  CreateInDialogButton,
+  Datagrid,
+  EditInDialogButton,
+  Empty,
+  FilterButton,
+  List,
+  SearchInput,
+  SimpleForm,
+  TextField,
+  TextInput,
+  required
+} from '@applica-software-guru/react-admin';
+
+function CategoryAddButton() {
+  return (
+    <CreateInDialogButton maxWidth="sm" redirect="list" size="small" variant="text">
+      <CategoryForm />
+    </CreateInDialogButton>
+  );
+}
+
+function CategorySubmitButton() {
+  function handleSubmit(values) {
+    console.log(values);
+  }
+  return (
+    <CreateInDialogButton onSubmit={handleSubmit} redirect="list" label="Submit">
+      <SimpleForm>
+        <TextInput source="description" validate={required()} fullWidth />
+      </SimpleForm>
+    </CreateInDialogButton>
+  );
+}
+
+function CategoryList() {
+  return (
+    <List
+      filters={[<SearchInput key="keyword" source="keyword" alwaysOn />]}
+      actions={
+        <>
+          <FilterButton />
+          <ActionsMenu>
+            <CategoryAddButton />
+            <CategorySubmitButton />
+          </ActionsMenu>
+        </>
+      }
+      empty={<Empty actions={<CategoryAddButton />} />}
+    >
+      <Datagrid>
+        <TextField source="description" />
+        <EditInDialogButton>
+          <CategoryForm />
+        </EditInDialogButton>
+      </Datagrid>
+    </List>
+  );
+}
+export { CategoryList };

package/src/playground/components/ra-lists/index.jsx

@@ -1,3 +1,4 @@
+export * from './CategoryList';
 export * from './DeviceList';
 export * from './I18nMessageList';
 export * from './UserList';

package/src/playground/entities/category.jsx

@@ -0,0 +1,26 @@
+import { Create, Edit } from '@/';
+import { CategoryForm, CategoryList } from '@/playground/components';
+
+function CategoryCreate() {
+  return (
+    <Create>
+      <CategoryForm />
+    </Create>
+  );
+}
+
+function CategoryEdit() {
+  return (
+    <Edit>
+      <CategoryForm />
+    </Edit>
+  );
+}
+export const category = {
+  list: CategoryList,
+  edit: CategoryEdit,
+  create: CategoryCreate,
+  options: {
+    group: 'control-panel'
+  }
+};

package/src/playground/entities/index.jsx

@@ -1,3 +1,4 @@
+export * from './category';
 export * from './device';
 export * from './i18n-message';
 export * from './notification';

package/src/playground/menu.jsx

@@ -1,9 +1,16 @@
-import { DashboardOutlined, FlagOutlined, NotificationOutlined, TableOutlined, UserOutlined } from '@ant-design/icons';
+import {
+  DashboardOutlined,
+  FlagOutlined,
+  NotificationOutlined,
+  TableOutlined,
+  TagOutlined,
+  UserOutlined
+} from '@ant-design/icons';
 
 export const menu = [
   {
     id: 'dashboard',
-    title: 'Dashboard AA',
+    title: 'Dashboard',
     type: 'group',
     icon: DashboardOutlined,
     children: [
@@ -57,7 +64,7 @@ export const menu = [
         title: 'ra.menu.item.entities/category',
         type: 'item',
         url: '/entities/category',
-        icon: FlagOutlined
+        icon: TagOutlined
       },
       {
         id: 'entities/user',