@spaced-out/ui-design-system 0.0.18-beta.0 → 0.0.18-beta.2

package/.cspell/custom-words.txt

@@ -1,5 +1,7 @@
+Anant
 atleast
 circlehollow
+CODEOWNERS
 commitlint
 contributorsrc
 Crespo

package/.github/CODEOWNERS

@@ -0,0 +1,37 @@
+# Github Workflows
+
+/.github @superrover
+
+# Storybook Global Settings
+
+/.storybook @superrover
+
+# IDE Global Settings
+
+/.vscode @superrover @Anant-Raj
+
+# People who want to watch all code changes
+
+- @superrover
+
+# Design Tokens
+
+/design-tokens @superrover @Anant-Raj
+
+# Flow
+
+/flow @superrover @Anant-Raj
+/flow-typed @superrover @Anant-Raj
+
+# Global Util scripts
+
+/scripts @superrover
+
+# Genesis Team
+
+/src @superrover @Anant-Raj
+
+# however, these specific sensitive parts of the app do require signoff from any ui engineer
+
+/package.json @superrover @Anant-Raj
+/yarn.lock @superrover @Anant-Raj

package/.github/workflows/publish_to_npm.yml

@@ -21,6 +21,15 @@ jobs:
   release:
     runs-on: ubuntu-latest
     steps:
+      - name: Check Permissions
+        id: check-permissions
+        env:
+          ALLOWED_USERS: superrover
+        if: ${{ !contains(env.ALLOWED_USERS, github.actor) }}
+        run: |
+          echo "You don't have correct permissions to do this release"
+          exit 1
+
       # Checkout project repository
       # Added fetch-depth to fetch complete history of repo. TODO(Nishant): Customize?
       # TODO(Nishant): update with a org bot token instead of personal token

package/.github/workflows/pull_request_semantics_checker.yml

@@ -0,0 +1,19 @@
+# Author: Nishant Gaurav
+# workflow to check for PR names wrt conventional commits, uses a third party action
+name: 'Lint PR'
+
+on:
+  pull_request_target:
+    types:
+      - opened
+      - edited
+      - synchronize
+
+jobs:
+  main:
+    name: Validate PR title
+    runs-on: ubuntu-latest
+    steps:
+      - uses: amannn/action-semantic-pull-request@v5
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

package/CHANGELOG.md

@@ -2,6 +2,29 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.0.18-beta.2](https://github.com/spaced-out/ui-design-system/compare/v0.0.18-beta.1...v0.0.18-beta.2) (2023-02-06)
+
+
+### Features
+
+* added code owners ([d343555](https://github.com/spaced-out/ui-design-system/commit/d3435551f0ab3833b650af2e7aaa16312ca7ce48))
+* workflow to check PR title ([954bbf4](https://github.com/spaced-out/ui-design-system/commit/954bbf4cf37fae7e2db8fda19222e2c1ad157820))
+
+
+### Bug Fixes
+
+* acl on release script ([7af348c](https://github.com/spaced-out/ui-design-system/commit/7af348c8597f34b4a1c9e5ae96640ec8ed393128))
+* convertional commits for PR ([777b44b](https://github.com/spaced-out/ui-design-system/commit/777b44b89d1d654590f8ddea1e5e443432bb7444))
+* convertional commits for PR ([237825f](https://github.com/spaced-out/ui-design-system/commit/237825fd5fdcfd087413f12d11475baad2a4a5b1))
+* support for acl on release script ([4475295](https://github.com/spaced-out/ui-design-system/commit/4475295d7b6eea870749f1291c5d9acc9fe155cc))
+
+### [0.0.18-beta.1](https://github.com/spaced-out/ui-design-system/compare/v0.0.18-beta.0...v0.0.18-beta.1) (2023-02-02)
+
+
+### Bug Fixes
+
+* buttondropdown doc and fluid fix ([#54](https://github.com/spaced-out/ui-design-system/issues/54)) ([b18aaeb](https://github.com/spaced-out/ui-design-system/commit/b18aaeb64dcc33d420d932960a8270af5b803105))
+
 ### [0.0.18-beta.0](https://github.com/spaced-out/ui-design-system/compare/v0.0.17...v0.0.18-beta.0) (2023-02-01)
 
 ### [0.0.17](https://github.com/spaced-out/ui-design-system/compare/v0.0.16...v0.0.17) (2023-02-01)

package/cspell.json

@@ -10,7 +10,9 @@
     ".storybook/public",
     ".all-contributorsrc",
     "README.md",
-    "src/stories/INTRODUCTION.stories.mdx"
+    "src/stories/INTRODUCTION.stories.mdx",
+    ".github/CODEOWNERS",
+    ".github/workflows/pull_request_semantics_checker.yml"
   ],
   // Enable your dictionary by adding it to the list of `dictionaries`
   "dictionaries": ["custom-words"],

package/lib/components/ButtonDropdown/ButtonDropdown.js

@@ -39,6 +39,7 @@ const ButtonDropdown = _ref => {
     children,
     iconRightName,
     iconRightType,
+    isFluid,
     ...restButtonProps
   } = _ref;
   const menuBtnRef = React.useRef();
@@ -68,7 +69,9 @@ const ButtonDropdown = _ref => {
     } = _ref2;
     return /*#__PURE__*/React.createElement("div", {
       "data-testid": "ButtonDropdown",
-      className: (0, _classify.classify)(_ButtonDropdownModule.default.buttonDropdownContainer, classNames?.dropdownContainer),
+      className: (0, _classify.classify)(_ButtonDropdownModule.default.buttonDropdownContainer, {
+        [_ButtonDropdownModule.default.isFluid]: isFluid === true
+      }, classNames?.dropdownContainer),
       ref: menuBtnRef
     }, /*#__PURE__*/React.createElement(_Button.Button, _extends({}, restButtonProps, {
       iconRightName: children ? isOpen ? 'caret-up' : 'caret-down' : iconRightName ? iconRightName : isOpen ? 'caret-up' : 'caret-down',
@@ -80,6 +83,7 @@ const ButtonDropdown = _ref => {
         e.stopPropagation();
         onOpen();
       },
+      isFluid: isFluid,
       classNames: {
         wrapper: classNames?.buttonWrapper
       }
@@ -91,7 +95,9 @@ const ButtonDropdown = _ref => {
         position: strategy,
         top: y ?? _space.spaceNone,
         left: x ?? _space.spaceNone,
-        width: _size.sizeFluid
+        ...(isFluid && {
+          width: _size.sizeFluid
+        })
       }
     }, /*#__PURE__*/React.createElement(_Menu.Menu, _extends({}, menu, {
       onSelect: option => {

package/lib/components/ButtonDropdown/ButtonDropdown.js.flow

@@ -64,6 +64,7 @@ export const ButtonDropdown = ({
   children,
   iconRightName,
   iconRightType,
+  isFluid,
   ...restButtonProps
 }: ButtonDropdownProps): React.Node => {
   const menuBtnRef = React.useRef();
@@ -85,6 +86,9 @@ export const ButtonDropdown = ({
           data-testid="ButtonDropdown"
           className={classify(
             css.buttonDropdownContainer,
+            {
+              [css.isFluid]: isFluid === true,
+            },
             classNames?.dropdownContainer,
           )}
           ref={menuBtnRef}
@@ -110,6 +114,7 @@ export const ButtonDropdown = ({
               e.stopPropagation();
               onOpen();
             }}
+            isFluid={isFluid}
             classNames={{wrapper: classNames?.buttonWrapper}}
           >
             {children}
@@ -123,7 +128,7 @@ export const ButtonDropdown = ({
                 position: strategy,
                 top: y ?? spaceNone,
                 left: x ?? spaceNone,
-                width: sizeFluid,
+                ...(isFluid && {width: sizeFluid}),
               }}
             >
               <Menu

package/lib/components/ButtonDropdown/ButtonDropdown.module.css

@@ -3,6 +3,8 @@
 .buttonDropdownContainer {
   display: flex;
   position: relative;
-  height: sizeFluid;
+}
+
+.isFluid {
   width: sizeFluid;
 }

package/lib/components/SideMenuLink/SideMenuLink.module.css

@@ -23,7 +23,6 @@
   border-radius: borderRadiusSmall;
   width: sizeFluid;
   cursor: pointer;
-  margin-right: spaceSmall;
 }
 
 .linkWrapper.closed {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/ui-design-system",
-  "version": "0.0.18-beta.0",
+  "version": "0.0.18-beta.2",
   "main": "index.js",
   "description": "Sense UI components library",
   "author": {