From 74becd6437d8c3ca296e84518ee8b7fc51ed90d0 Mon Sep 17 00:00:00 2001 From: mushka Date: Fri, 4 Feb 2022 13:21:10 +0300 Subject: [PATCH 01/28] completed submenu --- packages/asc-web-components/submenu/README.md | 71 +++++++++++++++ packages/asc-web-components/submenu/data.js | 89 +++++++++++++++++++ packages/asc-web-components/submenu/index.js | 69 ++++++++++++++ .../submenu/styled-submenu.js | 51 +++++++++++ .../submenu/submenu.stories.js | 25 ++++++ .../submenu/submenu.stories.mdx | 64 +++++++++++++ .../submenu/submenu.test.js | 76 ++++++++++++++++ .../submenu/tabs-container.test.js | 0 8 files changed, 445 insertions(+) create mode 100644 packages/asc-web-components/submenu/README.md create mode 100644 packages/asc-web-components/submenu/data.js create mode 100644 packages/asc-web-components/submenu/index.js create mode 100644 packages/asc-web-components/submenu/styled-submenu.js create mode 100644 packages/asc-web-components/submenu/submenu.stories.js create mode 100644 packages/asc-web-components/submenu/submenu.stories.mdx create mode 100644 packages/asc-web-components/submenu/submenu.test.js create mode 100644 packages/asc-web-components/submenu/tabs-container.test.js diff --git a/packages/asc-web-components/submenu/README.md b/packages/asc-web-components/submenu/README.md new file mode 100644 index 0000000000..8b1a60882d --- /dev/null +++ b/packages/asc-web-components/submenu/README.md @@ -0,0 +1,71 @@ +# Submenu + +### Usage + +```js +import Submenu from "@appserver/components/submenu"; +``` + +```jsx + + ), + }, + { + id: "ToggleButton", + name: "Toggle Button", + content: ( + {}} + /> + ), + }, + ]} + startSelect={1} +/> +``` + +#### Data is an array of objects with following fields: + +- id - unique id +- name - header in submenu +- content - HTML object that will be rendered under submenu + +##### Example: + +```jsx +{ + id: "FileInput", + name: "File Input", + content: ( + + ), +}, +``` + +### Properties + +| Props | Type | Required | Values | Default | Description | +| ------------- | :-------------: | :------: | :----: | :-----: | ----------------------------------------------------------------------------- | +| `data` | `array` | ✅ | - | - | List of elements | +| `startSelect` | `obj`, `number` | - | - | 0 | Object from data that will be chosen first **OR** Its index in **data** array | diff --git a/packages/asc-web-components/submenu/data.js b/packages/asc-web-components/submenu/data.js new file mode 100644 index 0000000000..998027aeb9 --- /dev/null +++ b/packages/asc-web-components/submenu/data.js @@ -0,0 +1,89 @@ +import React from "react"; +import FileInput from "@appserver/components/file-input"; +import Row from "@appserver/components/row"; +import Textarea from "@appserver/components/textarea"; +import Text from "../text"; + +export const data = [ + { + id: "Overview", + name: "Overview", + content: ( + {}} + placeholder="Input file" + /> + ), + }, + { + id: "Documents", + name: "Documents", + content: ( +