@agility/plenum-ui 2.0.0-rc47 → 2.0.0-rc49

package/dist/types/stories/molecules/inputs/select/Select.d.ts

@@ -22,6 +22,8 @@ export interface ISelectProps {
     isRequired?: boolean;
     value?: string;
     className?: string;
+    onFocus?: () => void;
+    onBlur?: () => void;
 }
 declare const Select: React.FC<ISelectProps>;
 export default Select;

package/local.sh

@@ -1,100 +1,100 @@
-#! /usr/bin/bash
-
-# ANSI escape codes for formatting
-GREEN_BOLD='\033[1;32m'
-ORANGE_BOLD='\033[1;33m'
-RED_BOLD='\033[1;31m'
-BLUE_BOLD='\033[1;34m'
-RESET='\033[0m'
-DIR="$PWD"
-
-# The required yarn version to use this script
-REQUIRED_YARN_VERSION="1.22.19"
-
-# Get the installed Yarn version
-INSTALLED_YARN_VERSION=$(yarn --version 2>/dev/null)
-
-unlink_package() {
-  local package_name="${1:-@agility/plenum-ui}"
-  if [ -z "$1" ]; then
-    yarn unlink
-  else
-    cd "$DIR/node_modules/$package_name"
-    yarn unlink
-  fi
-  unlink_exit_code=$?
-  if [ $unlink_exit_code -ne 0 ]; then
-    echo -e "${ORANGE_BOLD}agility-cms-manager-app-react:warning${RESET} yarn unlink for '$package_name' encountered an error, but script will continue. \n"
-  fi
-
-  cd "$DIR"
-  echo -e "\n"
-}
-
-link_package() {
-  local package_name="${1:-@agility/plenum-ui}"
-  if [ -z "$1" ]; then
-    yarn link
-  else
-    cd "$DIR/node_modules/$package_name"
-    yarn link
-  fi
-  unlink_exit_code=$?
-  if [ $unlink_exit_code -ne 0 ]; then
-    echo -e "${RED_BOLD}agility-cms-manager-app-react:error${RESET} yarn link for '$package_name' failed. Script cannot continue, exiting script."
-    exit 1
-  else
-    echo -e "${GREEN_BOLD}@agility/plenum-ui:success${RESET} yarn link for '$package_name' successful\n"
-  fi
-
-  cd "$DIR"
-}
-
-check_yarn_version() {
-  # Check if Yarn is installed and compare the version
-  if [ -n "$INSTALLED_YARN_VERSION" ] && [ "$INSTALLED_YARN_VERSION" != "$REQUIRED_YARN_VERSION" ]; then
-    echo -e "${RED_BOLD}error${RESET} Yarn version $required_version is required, but found version $INSTALLED_YARN_VERSION."
-    exit 1
-  fi
-
-  echo -e "${BLUE_BOLD}info${RESET} Yarn version is $INSTALLED_YARN_VERSION. Proceeding with the script...\n"
-}
-
-### START SCRIPT
-
-check_yarn_version
-
-echo -e "Starting @agility/plenum-ui local watch script \n"
-echo -e "${BLUE_BOLD}@agility/plenum-ui:info${RESET} unlinking existing symlink"
-yarn unlink
-if [ $? -ne 0 ]; then
-  echo "yarn unlink for @agility/plenum-ui encountered an error, but script will continue. \n"
-fi
-
-if [ ! -d "node_modules" ] || [ ! -d "node_modules/react" ] || [ ! -d "node_modules/react-dom" ]; then
-   echo -e "${ORANGE_BOLD}@agility/plenum-ui:warning${RESET} Could not find node_modules."
-   echo -e "${BLUE_BOLD}@agility/plenum-ui:info${RESET} installing dependencies...\n"
-
-   yarn install
-
-   if [ $? -eq 0 ]; then
-      echo -e "${GREEN_BOLD}@agility/plenum-ui:success${RESET} Finished installing dependencies"
-   else
-      echo -e "${RED_BOLD}@agility/plenum-ui:error${RESET} Couldn't install dependencies. Exiting script."
-      exit 1
-  fi
-fi
-
-echo -e "${BLUE_BOLD}@agility/plenum-ui:info${RESET} unlinking existing symlinks"
-unlink_package react
-unlink_package react-dom
-unlink_package
-
-echo -e "${BLUE_BOLD}@agility/plenum-ui:info${RESET} setting up symlinks...\n"
-
-link_package react
-link_package react-dom
-link_package 
-
-echo -e "${GREEN_BOLD}@agility/plenum-ui:success${RESET} You can now run 'yarn start-cms:local' in agility-cms-manager-app-react\n"
-yarn start:watch
+#! /usr/bin/bash
+
+# ANSI escape codes for formatting
+GREEN_BOLD='\033[1;32m'
+ORANGE_BOLD='\033[1;33m'
+RED_BOLD='\033[1;31m'
+BLUE_BOLD='\033[1;34m'
+RESET='\033[0m'
+DIR="$PWD"
+
+# The required yarn version to use this script
+REQUIRED_YARN_VERSION="1.22.19"
+
+# Get the installed Yarn version
+INSTALLED_YARN_VERSION=$(yarn --version 2>/dev/null)
+
+unlink_package() {
+  local package_name="${1:-@agility/plenum-ui}"
+  if [ -z "$1" ]; then
+    yarn unlink
+  else
+    cd "$DIR/node_modules/$package_name"
+    yarn unlink
+  fi
+  unlink_exit_code=$?
+  if [ $unlink_exit_code -ne 0 ]; then
+    echo -e "${ORANGE_BOLD}agility-cms-manager-app-react:warning${RESET} yarn unlink for '$package_name' encountered an error, but script will continue. \n"
+  fi
+
+  cd "$DIR"
+  echo -e "\n"
+}
+
+link_package() {
+  local package_name="${1:-@agility/plenum-ui}"
+  if [ -z "$1" ]; then
+    yarn link
+  else
+    cd "$DIR/node_modules/$package_name"
+    yarn link
+  fi
+  unlink_exit_code=$?
+  if [ $unlink_exit_code -ne 0 ]; then
+    echo -e "${RED_BOLD}agility-cms-manager-app-react:error${RESET} yarn link for '$package_name' failed. Script cannot continue, exiting script."
+    exit 1
+  else
+    echo -e "${GREEN_BOLD}@agility/plenum-ui:success${RESET} yarn link for '$package_name' successful\n"
+  fi
+
+  cd "$DIR"
+}
+
+check_yarn_version() {
+  # Check if Yarn is installed and compare the version
+  if [ -n "$INSTALLED_YARN_VERSION" ] && [ "$INSTALLED_YARN_VERSION" != "$REQUIRED_YARN_VERSION" ]; then
+    echo -e "${RED_BOLD}error${RESET} Yarn version $required_version is required, but found version $INSTALLED_YARN_VERSION."
+    exit 1
+  fi
+
+  echo -e "${BLUE_BOLD}info${RESET} Yarn version is $INSTALLED_YARN_VERSION. Proceeding with the script...\n"
+}
+
+### START SCRIPT
+
+check_yarn_version
+
+echo -e "Starting @agility/plenum-ui local watch script \n"
+echo -e "${BLUE_BOLD}@agility/plenum-ui:info${RESET} unlinking existing symlink"
+yarn unlink
+if [ $? -ne 0 ]; then
+  echo "yarn unlink for @agility/plenum-ui encountered an error, but script will continue. \n"
+fi
+
+if [ ! -d "node_modules" ] || [ ! -d "node_modules/react" ] || [ ! -d "node_modules/react-dom" ]; then
+   echo -e "${ORANGE_BOLD}@agility/plenum-ui:warning${RESET} Could not find node_modules."
+   echo -e "${BLUE_BOLD}@agility/plenum-ui:info${RESET} installing dependencies...\n"
+
+   yarn install
+
+   if [ $? -eq 0 ]; then
+      echo -e "${GREEN_BOLD}@agility/plenum-ui:success${RESET} Finished installing dependencies"
+   else
+      echo -e "${RED_BOLD}@agility/plenum-ui:error${RESET} Couldn't install dependencies. Exiting script."
+      exit 1
+  fi
+fi
+
+echo -e "${BLUE_BOLD}@agility/plenum-ui:info${RESET} unlinking existing symlinks"
+unlink_package react
+unlink_package react-dom
+unlink_package
+
+echo -e "${BLUE_BOLD}@agility/plenum-ui:info${RESET} setting up symlinks...\n"
+
+link_package react
+link_package react-dom
+link_package 
+
+echo -e "${GREEN_BOLD}@agility/plenum-ui:success${RESET} You can now run 'yarn start-cms:local' in agility-cms-manager-app-react\n"
+yarn start:watch

package/next.config.js

@@ -1,8 +1,8 @@
-/** @type {import('next').NextConfig} */
-const nextConfig = {
-  experimental: {
-    appDir: true,
-  },
-}
-
-module.exports = nextConfig
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  experimental: {
+    appDir: true,
+  },
+}
+
+module.exports = nextConfig

package/package.json

@@ -1,83 +1,83 @@
-{
-	"name": "@agility/plenum-ui",
-	"version": "2.0.0-rc47",
-	"license": "MIT",
-	"main": "dist/index.js",
-	"module": "dist/index.js",
-	"types": "dist/index.d.ts",
-	"engines": {
-		"node": ">= 18.0.0"
-	},
-	"scripts": {
-		"lint": "next lint",
-		"build-storybook": "npm-run-all -p \"sb-build:*\"",
-		"sb-build:storybook": "storybook build",
-		"sb-build:tw": "tailwindcss -o ./lib/tailwind.css",
-		"storybook:dev": "storybook dev -p 6006",
-		"storybook:tw": "tailwindcss -o ./lib/tailwind.css -w ",
-		"storybook": "npm-run-all -p \"storybook:*\" ",
-		"dev": "yarn storybook",
-		"build:tw": "tailwindcss -o ./dist/tailwind.css",
-		"build:tsc": "yarn node build.js",
-		"prepare": "yarn build",
-		"build": "yarn clean && npm-run-all -s \"build:*\" ",
-		"clean": "rimraf dist",
-		"create-component": "node scripts/create-component.js",
-		"start:local": "bash ./local.sh",
-		"start:watch": "yarn node watch.js"
-	},
-	"dependencies": {
-		"@floating-ui/react": "^0.25.0",
-		"@headlessui/react": "^1.7.10",
-		"@headlessui/tailwindcss": "^0.1.2",
-		"@heroicons/react": "^1.0.5",
-		"@next/font": "^13.4.12",
-		"@tabler/icons": "^2.26.0",
-		"@tabler/icons-react": "^2.27.0",
-		"@tailwindcss/forms": "^0.5.3",
-		"@tailwindcss/typography": "^0.5.9",
-		"classnames": "^2.3.2",
-		"concurrently": "^7.6.0",
-		"next": "13.1.6",
-		"npm-dts": "^1.3.12",
-		"npm-run-all": "^4.1.5",
-		"postcss": "^8.4.21",
-		"tailwindcss": "^3.2.4",
-		"typescript": "^5.1.6"
-	},
-	"devDependencies": {
-		"@storybook/addon-designs": "^7.0.1",
-		"@storybook/addon-essentials": "^7.1.1",
-		"@storybook/addon-interactions": "^7.1.1",
-		"@storybook/addon-links": "^7.1.1",
-		"@storybook/blocks": "^7.1.1",
-		"@storybook/manager-api": "^7.1.1",
-		"@storybook/nextjs": "^7.1.1",
-		"@storybook/react": "^7.1.1",
-		"@storybook/testing-library": "^0.2.0",
-		"@storybook/theming": "^7.1.1",
-		"@types/node": "18.11.18",
-		"autoprefixer": "^10.4.13",
-		"esbuild": "^0.18.19",
-		"eslint": "8.32.0",
-		"eslint-config-next": "13.1.6",
-		"eslint-plugin-storybook": "^0.6.13",
-		"react": "18.2.0",
-		"react-dom": "18.2.0",
-		"react-icons": "^4.10.1",
-		"rimraf": "^5.0.1",
-		"storybook": "^7.1.1"
-	},
-	"peerDependencies": {
-		"@floating-ui/react": "^0.25.0",
-		"@headlessui/react": "^1.7.10",
-		"@headlessui/tailwindcss": "^0.1.2",
-		"@heroicons/react": "^1.0.5",
-		"@tabler/icons": "^2.26.0",
-		"@tabler/icons-react": "^2.27.0",
-		"classnames": "^2.3.2",
-		"react": "18.2.0",
-		"react-dom": "18.2.0",
-		"react-icons": "^4.10.1"
-	}
+{
+	"name": "@agility/plenum-ui",
+	"version": "2.0.0-rc49",
+	"license": "MIT",
+	"main": "dist/index.js",
+	"module": "dist/index.js",
+	"types": "dist/index.d.ts",
+	"engines": {
+		"node": ">= 18.0.0"
+	},
+	"scripts": {
+		"lint": "next lint",
+		"build-storybook": "npm-run-all -p \"sb-build:*\"",
+		"sb-build:storybook": "storybook build",
+		"sb-build:tw": "tailwindcss -o ./lib/tailwind.css",
+		"storybook:dev": "storybook dev -p 6006",
+		"storybook:tw": "tailwindcss -o ./lib/tailwind.css -w ",
+		"storybook": "npm-run-all -p \"storybook:*\" ",
+		"dev": "yarn storybook",
+		"build:tw": "tailwindcss -o ./dist/tailwind.css",
+		"build:tsc": "yarn node build.js",
+		"prepare": "yarn build",
+		"build": "yarn clean && npm-run-all -s \"build:*\" ",
+		"clean": "rimraf dist",
+		"create-component": "node scripts/create-component.js",
+		"start:local": "bash ./local.sh",
+		"start:watch": "yarn node watch.js"
+	},
+	"dependencies": {
+		"@floating-ui/react": "^0.25.0",
+		"@headlessui/react": "^1.7.10",
+		"@headlessui/tailwindcss": "^0.1.2",
+		"@heroicons/react": "^1.0.5",
+		"@next/font": "^13.4.12",
+		"@tabler/icons": "^2.26.0",
+		"@tabler/icons-react": "^2.27.0",
+		"@tailwindcss/forms": "^0.5.3",
+		"@tailwindcss/typography": "^0.5.9",
+		"classnames": "^2.3.2",
+		"concurrently": "^7.6.0",
+		"next": "13.1.6",
+		"npm-dts": "^1.3.12",
+		"npm-run-all": "^4.1.5",
+		"postcss": "^8.4.21",
+		"tailwindcss": "^3.2.4",
+		"typescript": "^5.1.6"
+	},
+	"devDependencies": {
+		"@storybook/addon-designs": "^7.0.1",
+		"@storybook/addon-essentials": "^7.1.1",
+		"@storybook/addon-interactions": "^7.1.1",
+		"@storybook/addon-links": "^7.1.1",
+		"@storybook/blocks": "^7.1.1",
+		"@storybook/manager-api": "^7.1.1",
+		"@storybook/nextjs": "^7.1.1",
+		"@storybook/react": "^7.1.1",
+		"@storybook/testing-library": "^0.2.0",
+		"@storybook/theming": "^7.1.1",
+		"@types/node": "18.11.18",
+		"autoprefixer": "^10.4.13",
+		"esbuild": "^0.18.19",
+		"eslint": "8.32.0",
+		"eslint-config-next": "13.1.6",
+		"eslint-plugin-storybook": "^0.6.13",
+		"react": "18.2.0",
+		"react-dom": "18.2.0",
+		"react-icons": "^4.10.1",
+		"rimraf": "^5.0.1",
+		"storybook": "^7.1.1"
+	},
+	"peerDependencies": {
+		"@floating-ui/react": "^0.25.0",
+		"@headlessui/react": "^1.7.10",
+		"@headlessui/tailwindcss": "^0.1.2",
+		"@heroicons/react": "^1.0.5",
+		"@tabler/icons": "^2.26.0",
+		"@tabler/icons-react": "^2.27.0",
+		"classnames": "^2.3.2",
+		"react": "18.2.0",
+		"react-dom": "18.2.0",
+		"react-icons": "^4.10.1"
+	}
 }

package/pages/api/hello.ts

@@ -1,13 +1,13 @@
-// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
-import type { NextApiRequest, NextApiResponse } from 'next'
-
-type Data = {
-  name: string
-}
-
-export default function handler(
-  req: NextApiRequest,
-  res: NextApiResponse<Data>
-) {
-  res.status(200).json({ name: 'John Doe' })
-}
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+import type { NextApiRequest, NextApiResponse } from 'next'
+
+type Data = {
+  name: string
+}
+
+export default function handler(
+  req: NextApiRequest,
+  res: NextApiResponse<Data>
+) {
+  res.status(200).json({ name: 'John Doe' })
+}

package/postcss.config.js

@@ -1,6 +1,6 @@
-module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-}
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

package/rollup.config.mjs

@@ -1,42 +1,42 @@
-import peerDepsExternal from 'rollup-plugin-peer-deps-external';
-import resolve from '@rollup/plugin-node-resolve';
-import commonjs from '@rollup/plugin-commonjs';
-import typescript from '@rollup/plugin-typescript';
-
-
-const config = [
-	{
-
-		input: 'stories/index.ts',
-
-		output: [
-			{
-				file: "lib/index.js",
-				format: 'cjs',
-				sourcemap: true
-			},
-			{
-				file: "lib/index.esm.js",
-				format: 'esm',
-				sourcemap: true
-			}
-		],
-		external: ["react", "react-dom"],
-		plugins: [
-			peerDepsExternal(),
-			resolve(),
-			commonjs(),
-			typescript({
-				tsconfig: "./tsconfig.lib.json",
-			})
-		]
-	},
-	{
-		input: "lib/esm/types/index.d.ts",
-		output: [{ file: "dist/index.d.ts", format: "esm" }],
-		plugins: [dts()],
-		external: ["react", "react-dom"],
-	},
-];
-
+import peerDepsExternal from 'rollup-plugin-peer-deps-external';
+import resolve from '@rollup/plugin-node-resolve';
+import commonjs from '@rollup/plugin-commonjs';
+import typescript from '@rollup/plugin-typescript';
+
+
+const config = [
+	{
+
+		input: 'stories/index.ts',
+
+		output: [
+			{
+				file: "lib/index.js",
+				format: 'cjs',
+				sourcemap: true
+			},
+			{
+				file: "lib/index.esm.js",
+				format: 'esm',
+				sourcemap: true
+			}
+		],
+		external: ["react", "react-dom"],
+		plugins: [
+			peerDepsExternal(),
+			resolve(),
+			commonjs(),
+			typescript({
+				tsconfig: "./tsconfig.lib.json",
+			})
+		]
+	},
+	{
+		input: "lib/esm/types/index.d.ts",
+		output: [{ file: "dist/index.d.ts", format: "esm" }],
+		plugins: [dts()],
+		external: ["react", "react-dom"],
+	},
+];
+
 export default config;