various changes and chores

webforj · Oct 2, 2023 · fa41e42 · fa41e42
1 parent 8981e6d
commit fa41e42
Show file tree

Hide file tree

Showing 26 changed files with 42 additions and 19 deletions.
diff --git a/...onents/related-components/_category_.json → ...nents/_related-components/_category_.json b/...onents/related-components/_category_.json → ...nents/_related-components/_category_.json
diff --git a/...components/related-components/bbj-icon.md → ...omponents/_related-components/bbj-icon.md b/...components/related-components/bbj-icon.md → ...omponents/_related-components/bbj-icon.md
diff --git a/docs/components/button.md b/docs/components/button.md
@@ -12,7 +12,7 @@ import Chip from '@mui/material/Chip';
 
 <DocChip tooltipText="This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation." label="Shadow" component="a" href="../glossary#shadow-dom" target="_blank" clickable={true} iconName="shadow" />
 
-<DocChip tooltipText="The name of the web component that will render in the DOM." label="bbj-button" href="https://basishub.github.io/basis-next/#/web-components/bbj-button" clickable={true} iconName='code'/>
+<DocChip tooltipText="The name of the web component that will render in the DOM." label="bbj-button" href="https://basishub.github.io/basis-next/#/web-components/bbj-button" clickable={false} iconName='code'/>
 
 
 <JavadocLink type="engine" location="org/dwcj/component/button/Button" top='true'/>

diff --git a/docs/components/checkbox.md b/docs/components/checkbox.md
@@ -12,7 +12,7 @@ import DocChip from '@site/src/components/DocsTools/DocChip';
 
 <DocChip tooltipText="This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation." label="Shadow" component="a" href="../glossary#shadow-dom" target="_blank" clickable={true} iconName="shadow" />
 
-<DocChip tooltipText="The name of the web component that will render in the DOM." label="bbj-checkbox" href="https://basishub.github.io/basis-next/#/web-components/bbj-checkbox" clickable={true} iconName='code'/>
+<DocChip tooltipText="The name of the web component that will render in the DOM." label="bbj-checkbox" href="https://basishub.github.io/basis-next/#/web-components/bbj-checkbox" clickable={false} iconName='code'/>
 
 <JavadocLink type="engine" location="org/dwcj/component/optioninput/CheckBox" top='true'/>
 

diff --git a/docs/components/common-events.md b/docs/components/common-events.md
diff --git a/docs/components/events/_category_.json b/docs/components/events/_category_.json
@@ -1,8 +1,9 @@
 {
   "label": "Events",
-  "position": 10,
+  "position": 1000000,
   "link": {
-    "type": "generated-index"
+    "type": "doc",
+    "id": "event"
   },
   "className": "sidebar--item__hidden"
 }
diff --git a/docs/components/events/event.md b/docs/components/events/event.md
@@ -3,6 +3,7 @@ sidebar_position: 0
 title: Event
 sidebar_class_name: sidebar--item__hidden
 slug: event
+pagination_prev: null
 ---
 
 import JavadocLink from '@site/src/components/DocsTools/JavadocLink';

diff --git a/docs/components/events/uncheck-event.md b/docs/components/events/uncheck-event.md
@@ -3,6 +3,7 @@ sidebar_position: 0
 title: UncheckEvent
 sidebar_class_name: sidebar--item__hidden
 slug: UncheckEvent
+pagination_next: null
 ---
 
 import JavadocLink from '@site/src/components/DocsTools/JavadocLink';

diff --git a/docs/components/fields/color-field.md b/docs/components/fields/color-field.md
@@ -11,7 +11,7 @@ import DocChip from '@site/src/components/DocsTools/DocChip';
 
 <DocChip tooltipText="This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation." label="Shadow" component="a" href="../../glossary#shadow-dom" target="_blank" clickable={true} iconName="shadow" />
 
-<DocChip tooltipText="The name of the web component that will render in the DOM." label="bbj-editbox" href="https://basishub.github.io/basis-next/#/web-components/bbj-editbox" clickable={true} iconName='code'/>
+<DocChip tooltipText="The name of the web component that will render in the DOM." label="bbj-editbox" href="https://basishub.github.io/basis-next/#/web-components/bbj-editbox" clickable={false} iconName='code'/>
 
 <JavadocLink type="engine" location="org/dwcj/component/field/ColorField" top='true'/>
 

diff --git a/docs/components/fields/date-field.md b/docs/components/fields/date-field.md
@@ -11,7 +11,7 @@ import DocChip from '@site/src/components/DocsTools/DocChip';
 
 <DocChip tooltipText="This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation." label="Shadow" component="a" href="../../glossary#shadow-dom" target="_blank" clickable={true} iconName="shadow" />
 
-<DocChip tooltipText="The name of the web component that will render in the DOM." label="bbj-editbox" href="https://basishub.github.io/basis-next/#/web-components/bbj-editbox" clickable={true} iconName='code'/>
+<DocChip tooltipText="The name of the web component that will render in the DOM." label="bbj-editbox" href="https://basishub.github.io/basis-next/#/web-components/bbj-editbox" clickable={false} iconName='code'/>
 
 <JavadocLink type="engine" location="org/dwcj/component/field/DateField" top='true'/>
 

diff --git a/docs/components/fields/date-time-field.md b/docs/components/fields/date-time-field.md
@@ -7,6 +7,12 @@ slug: datetimefield
 import ComponentDemo from '@site/src/components/DocsTools/ComponentDemo';
 import TableBuilder from '@site/src/components/DocsTools/TableBuilder';
 import JavadocLink from '@site/src/components/DocsTools/JavadocLink';
+import DocChip from '@site/src/components/DocsTools/DocChip';
+
+<DocChip tooltipText="This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation." label="Shadow" component="a" href="../../glossary#shadow-dom" target="_blank" clickable={true} iconName="shadow" />
+
+<DocChip tooltipText="The name of the web component that will render in the DOM." label="bbj-editbox" href="https://basishub.github.io/basis-next/#/web-components/bbj-editbox" clickable={false} iconName='code'/>
+
 
 <JavadocLink type="engine" location="org/dwcj/component/field/DateTimeField" top='true'/>
 

diff --git a/docs/components/fields/number-field.md b/docs/components/fields/number-field.md
@@ -7,6 +7,11 @@ slug: numberfield
 import ComponentDemo from '@site/src/components/DocsTools/ComponentDemo';
 import TableBuilder from '@site/src/components/DocsTools/TableBuilder';
 import JavadocLink from '@site/src/components/DocsTools/JavadocLink';
+import DocChip from '@site/src/components/DocsTools/DocChip';
+
+<DocChip tooltipText="This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation." label="Shadow" component="a" href="../../glossary#shadow-dom" target="_blank" clickable={true} iconName="shadow" />
+
+<DocChip tooltipText="The name of the web component that will render in the DOM." label="bbj-editbox" href="https://basishub.github.io/basis-next/#/web-components/bbj-editbox" clickable={false} iconName='code'/>
 
 <JavadocLink type="engine" location="org/dwcj/component/field/NumberField" top='true' />
 

diff --git a/docs/components/fields/password-field.md b/docs/components/fields/password-field.md
@@ -7,6 +7,11 @@ slug: passwordfield
 import ComponentDemo from '@site/src/components/DocsTools/ComponentDemo';
 import TableBuilder from '@site/src/components/DocsTools/TableBuilder';
 import JavadocLink from '@site/src/components/DocsTools/JavadocLink';
+import DocChip from '@site/src/components/DocsTools/DocChip';
+
+<DocChip tooltipText="This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation." label="Shadow" component="a" href="../../glossary#shadow-dom" target="_blank" clickable={true} iconName="shadow" />
+
+<DocChip tooltipText="The name of the web component that will render in the DOM." label="bbj-editbox" href="https://basishub.github.io/basis-next/#/web-components/bbj-editbox" clickable={false} iconName='code'/>
 
 <JavadocLink type="engine" location="org/dwcj/component/field/PasswordField" top='true'/>
 

diff --git a/docs/components/fields/text-field.md b/docs/components/fields/text-field.md
@@ -7,6 +7,11 @@ slug: textfield
 import ComponentDemo from '@site/src/components/DocsTools/ComponentDemo';
 import TableBuilder from '@site/src/components/DocsTools/TableBuilder';
 import JavadocLink from '@site/src/components/DocsTools/JavadocLink';
+import DocChip from '@site/src/components/DocsTools/DocChip';
+
+<DocChip tooltipText="This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation." label="Shadow" component="a" href="../../glossary#shadow-dom" target="_blank" clickable={true} iconName="shadow" />
+
+<DocChip tooltipText="The name of the web component that will render in the DOM." label="bbj-editbox" href="https://basishub.github.io/basis-next/#/web-components/bbj-editbox" clickable={false} iconName='code'/>
 
 <JavadocLink type="engine" location="org/dwcj/component/field/TextField" top='true'/>
 

diff --git a/docs/components/fields/time-field.md b/docs/components/fields/time-field.md
@@ -8,6 +8,11 @@ slug: timefield
 import ComponentDemo from '@site/src/components/DocsTools/ComponentDemo';
 import TableBuilder from '@site/src/components/DocsTools/TableBuilder';
 import JavadocLink from '@site/src/components/DocsTools/JavadocLink';
+import DocChip from '@site/src/components/DocsTools/DocChip';
+
+<DocChip tooltipText="This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation." label="Shadow" component="a" href="../../glossary#shadow-dom" target="_blank" clickable={true} iconName="shadow" />
+
+<DocChip tooltipText="The name of the web component that will render in the DOM." label="bbj-editbox" href="https://basishub.github.io/basis-next/#/web-components/bbj-editbox" clickable={false} iconName='code'/>
 
 <JavadocLink type="engine" location="org/dwcj/component/field/TimeField" top='true'/>
 

diff --git a/docs/components/radio-button.md b/docs/components/radio-button.md
@@ -13,7 +13,7 @@ import Chip from '@mui/material/Chip';
 
 <DocChip tooltipText="This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation." label="Shadow" component="a" href="../glossary#shadow-dom" target="_blank" clickable={true} iconName="shadow" />
 
-<DocChip tooltipText="The name of the web component that will render in the DOM." label="bbj-radio" href="https://basishub.github.io/basis-next/#/dwc/BBjRadioButton" clickable={true} iconName='code'/>
+<DocChip tooltipText="The name of the web component that will render in the DOM." label="bbj-radio" href="https://basishub.github.io/basis-next/#/dwc/BBjRadioButton" clickable={false} iconName='code'/>
 
 <JavadocLink type="engine" location="org/dwcj/component/optioninput/RadioButton" top='true'/>
 

diff --git a/docs/components/text-area.md b/docs/components/text-area.md
@@ -1,6 +1,7 @@
 ---
 sidebar_position: 140
 title: TextArea
+pagination_next: "styling/styling_intro"
 ---
 
 import ComponentDemo from '@site/src/components/DocsTools/ComponentDemo';

diff --git a/docs/styling/_category_.json b/docs/styling/_category_.json
@@ -3,7 +3,7 @@
     "position": 7,
     "link": {
       "type": "doc",
-      "id" : "getting_started"
+      "id" : "styling/styling_intro"
     }
   }
 
diff --git a/docs/styling/getting_started.md b/docs/styling/getting_started.md
@@ -1,6 +1,8 @@
 ---
 sidebar_position: 1
 displayed_sidebar: documentationSidebar
+id: "styling_intro"
+pagination_prev: "components/text-area"
 ---
 
 # Styling

diff --git a/src/components/DocsTools/ComponentCard.js b/src/components/DocsTools/ComponentCard.js
@@ -32,7 +32,7 @@ export default function ComponentCard({ imagePath, title, description, link}) {
   `
 
   const imageStyles = css`
-    width: 200px;
+    width: 250px;
     height: 150px;
     object-fit: contain;
     margin: 0 0 5px -3px;

diff --git a/src/components/DocsTools/DocChip.js b/src/components/DocsTools/DocChip.js
@@ -43,7 +43,7 @@ export default function DocChip( { label, href, clickable, iconName, tooltipText
 
   return (
     <Tooltip title={tooltipText} arrow css={mainStyles}>
-      <Chip label={label} component="a" href={href} icon={icon} clickable color={color} target="_blank" />
+      <Chip label={label} component="a" href={clickable ? href : null} icon={icon} clickable={clickable} color={color} target="_blank" />
     </Tooltip>
   )
 }
diff --git a/static/img/component_images/button.png b/static/img/component_images/button.png
diff --git a/static/img/component_images/checkbox.png b/static/img/component_images/checkbox.png
diff --git a/static/img/component_images/choicebox.png b/static/img/component_images/choicebox.png
diff --git a/static/img/component_images/combobox.png b/static/img/component_images/combobox.png
diff --git a/static/img/component_images/combobox2.png b/static/img/component_images/combobox2.png