@ilo-org/react 0.13.0 → 0.14.1

package/lib/esm/components/List/List.js

@@ -1,23 +1,21 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
-import { useState } from 'react';
 import useGlobalSettings from '../../hooks/useGlobalSettings.js';
-import { L as ListContext } from '../../ListCtx-da435fdf.js';
 import 'tslib';
+import 'react';
 import '../../GlobalCtx-7fb23cfa.js';
 
-const List = ({ children, className, alignment, ordered, title, }) => {
+const List = ({ children, className, alignment = "default", ordered = "unstyled", title, }) => {
     const { prefix } = useGlobalSettings();
     const baseClass = `${prefix}--list`;
-    const [activeItems] = useState([]);
-    const listClasses = classNames(className, {
-        [baseClass]: true,
-        [`${baseClass}--${alignment}`]: alignment,
-        [`${baseClass}--${ordered}`]: true,
+    const unstyledClass = `${baseClass}__unstyled`;
+    const horizontalClass = `${baseClass}__horizontal`;
+    const titleClass = `${baseClass}--title`;
+    const listClasses = classNames(className, baseClass, {
+        [unstyledClass]: ordered === "unstyled",
+        [horizontalClass]: alignment === "horizontal",
     });
-    return (jsx(ListContext.Provider, Object.assign({ value: {
-            activeItems,
-        } }, { children: jsxs("div", Object.assign({ className: listClasses }, { children: [title && jsx("h5", Object.assign({ className: `${baseClass}__title` }, { children: title })), ordered && ordered === "ordered" && jsx("ol", { children: children }), ordered && ordered !== "ordered" && (jsx("ul", Object.assign({ className: `${baseClass}--${alignment}` }, { children: children })))] })) })));
+    return (jsxs("div", Object.assign({ className: listClasses }, { children: [title && jsx("h2", Object.assign({ className: titleClass }, { children: title })), ordered && ordered === "ordered" ? (jsx("ol", { children: children })) : (jsx("ul", { children: children }))] })));
 };
 
 export { List as default };

package/lib/esm/components/List/ListItem.js

@@ -2,18 +2,15 @@ import { __rest } from 'tslib';
 import { jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
 import useGlobalSettings from '../../hooks/useGlobalSettings.js';
-import { a as ListItemContext } from '../../ListCtx-da435fdf.js';
 import 'react';
 import '../../GlobalCtx-7fb23cfa.js';
 
 const ListItem = (_a) => {
-    var { children, id, className } = _a, rest = __rest(_a, ["children", "id", "className"]);
+    var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
     const { prefix } = useGlobalSettings();
-    const baseClass = `${prefix}--list__item`;
-    const listItemClasses = classNames(className, {
-        [baseClass]: true,
-    });
-    return (jsx(ListItemContext.Provider, Object.assign({ value: { id } }, { children: jsx("li", Object.assign({ className: listItemClasses }, rest, { children: children })) })));
+    const baseClass = `${prefix}--list--item`;
+    const listItemClasses = classNames(className, baseClass);
+    return (jsx("li", Object.assign({ className: listItemClasses }, rest, { children: children })));
 };
 
 export { ListItem as default };

package/lib/esm/components/List/index.js

@@ -2,8 +2,7 @@ export { default as List } from './List.js';
 export { default as ListItem } from './ListItem.js';
 import 'react/jsx-runtime';
 import 'classnames';
-import 'react';
 import '../../hooks/useGlobalSettings.js';
 import 'tslib';
+import 'react';
 import '../../GlobalCtx-7fb23cfa.js';
-import '../../ListCtx-da435fdf.js';

package/lib/esm/components/index.js

@@ -44,7 +44,6 @@ export { default as Video } from './Video/Video.js';
 export { default as Dropdown } from './Dropdown/Dropdown.js';
 export { default as Icon } from './Icon/Icon.js';
 export { default as List } from './List/List.js';
-import '../ListCtx-da435fdf.js';
 export { default as Profile } from './Profile/Profile.js';
 export { default as TableOfContents } from './TableOfContents/TableOfContents.js';
 export { default as Footer } from './Footer/Footer.js';

package/lib/esm/index.js

@@ -44,7 +44,6 @@ export { default as Video } from './components/Video/Video.js';
 export { default as Dropdown } from './components/Dropdown/Dropdown.js';
 export { default as Icon } from './components/Icon/Icon.js';
 export { default as List } from './components/List/List.js';
-import './ListCtx-da435fdf.js';
 export { default as Profile } from './components/Profile/Profile.js';
 export { default as TableOfContents } from './components/TableOfContents/TableOfContents.js';
 export { default as Footer } from './components/Footer/Footer.js';

package/lib/types/react/src/components/List/List.props.d.ts

@@ -1,5 +1,4 @@
 import { ReactElement } from "react";
-import { HeadingLevel, ListAlignment, ListOrder } from "../../types";
 import { ListItemProps } from "./ListItem.props";
 export interface ListProps {
     /**
@@ -9,11 +8,11 @@ export interface ListProps {
     /**
      * Declare ordered, unordered or unstyled
      */
-    ordered?: ListOrder;
+    ordered?: "unordered" | "ordered" | "unstyled";
     /**
      * Declare horizontal or default
      */
-    alignment?: ListAlignment;
+    alignment?: "default" | "horizontal";
     /**
      * Specify an optional title
      */
@@ -23,9 +22,3 @@ export interface ListProps {
      */
     className?: string;
 }
-export interface ListContextProps {
-    activeItems: string[];
-    alignment?: ListAlignment;
-    ordered?: ListOrder;
-    headingLevel?: HeadingLevel;
-}

package/lib/types/react/src/components/List/ListItem.props.d.ts

@@ -1,10 +1,4 @@
 import { ReactNode } from "react";
-export interface ListItemContextProps {
-    /**
-     * The list item's unique id.
-     */
-    id: string;
-}
 export interface ListItemProps {
     /**
      * Specify the id of the List item.

package/lib/types/react/src/types/index.d.ts

@@ -16,8 +16,6 @@ export type TooltipThemes = "light" | "dark";
 export type TooltipIconThemes = "light" | "dark";
 export type TooltipAlignment = "top" | "right" | "bottom" | "left";
 export type TooltipPlacement = "negative" | "center" | "positive";
-export type ListAlignment = "default" | "horizontal";
-export type ListOrder = "unordered" | "ordered" | "unstyled";
 export type LoadingStatus = "idle" | "loading" | "loaded";
 export type LoadingSize = "small" | "large";
 export type NotificationPlacement = "dialog" | "inline";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ilo-org/react",
-  "version": "0.13.0",
+  "version": "0.14.1",
   "description": "React components for the ILO's Design System",
   "keywords": [
     "ui_patterns",
@@ -9,6 +9,30 @@
     "designsystem",
     "components"
   ],
+  "files": [
+    "lib/**/*"
+  ],
+  "contributors": [
+    {
+      "name": "Justin Smith",
+      "email": "smithj@ilo.org",
+      "url": "https://github.com/justintemps"
+    },
+    {
+      "name": "Prabashwara Seneviratne",
+      "url": "https://www.bash.lk"
+    },
+    {
+      "name": "Shashika Boteju",
+      "email": "Shashikaboteju3@gmail.com",
+      "url": "https://github.com/Shashika6"
+    },
+    {
+      "name": "Giorgi Kapanadze",
+      "email": "doublegkapanadze@gmail.com",
+      "url": "https://github.com/ggkapanadze"
+    }
+  ],
   "homepage": "https://react.ui.ilo.org",
   "repository": {
     "type": "git",
@@ -48,7 +72,6 @@
   "license": "Apache-2.0",
   "main": "lib/cjs/index.js",
   "module": "lib/esm/index.js",
-  "type": "module",
   "types": "lib/types/react/src/index.d.ts",
   "jest": {
     "moduleNameMapper": {
@@ -75,12 +98,12 @@
     "react-transition-group": "^4.4.1",
     "video.js": "^7.21.2",
     "videojs-youtube": "^3.0.1",
-    "@ilo-org/brand-assets": "0.4.0",
-    "@ilo-org/fonts": "0.1.2",
-    "@ilo-org/icons-react": "0.0.21",
-    "@ilo-org/styles": "0.15.0",
-    "@ilo-org/themes": "0.7.2",
-    "@ilo-org/utils": "0.0.11"
+    "@ilo-org/brand-assets": "0.5.1",
+    "@ilo-org/fonts": "0.2.1",
+    "@ilo-org/icons-react": "0.1.1",
+    "@ilo-org/styles": "0.16.1",
+    "@ilo-org/themes": "0.8.1",
+    "@ilo-org/utils": "0.1.1"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^23.0.2",
@@ -108,7 +131,7 @@
     "@types/node": "^17.0.45",
     "@types/react": "^17.0.11",
     "@types/react-dom": "^17.0.20",
-    "@types/video.js": "7",
+    "@types/video.js": "7.3.57",
     "http-server": "^14.1.0",
     "identity-obj-proxy": "^3.0.0",
     "jest-environment-jsdom": "27.5.1",
@@ -133,9 +156,9 @@
     "ts-jest": "^29.1.1",
     "tslib": "^2.3.1",
     "vite": "^4.5.2",
-    "@ilo-org/eslint-config": "0.1.0",
-    "@ilo-org/prettier-config": "0.0.2",
-    "@ilo-org/typescript-config": "0.0.1"
+    "@ilo-org/eslint-config": "0.2.1",
+    "@ilo-org/prettier-config": "0.1.1",
+    "@ilo-org/typescript-config": "0.1.1"
   },
   "peerDependencies": {
     "react": ">16",

package/.eslintrc.cjs

@@ -1,39 +0,0 @@
-/**
- * Package-level eslint config extends the global config and applies
- * customizations relative to the local project. In this example we
- * are lintinting both js and ts files, so we combine two configs
- * and set the TypeScript settings as an override
- */
-module.exports = {
-  /* =============== */
-  /* Global Settings */
-  /* =============== */
-  root: true,
-  extends: ["@ilo-org/eslint-config"],
-  // Extend the default config and add any specific settings for this project
-  ignorePatterns: [
-    "storybook-static/",
-    "node_modules/",
-    "lib/",
-    "src/stories/",
-    //@TODO: Remove this once type errors in tests and args files are fixed
-    "src/__tests__",
-    "src/components/**/*.args.ts",
-  ],
-
-  overrides: [
-    /* =================== */
-    /* TypeScript Settings */
-    /* =================== */
-    {
-      // Which files the override will apply to relative to the package root
-      files: ["**/*.{ts,tsx}"],
-      extends: ["@ilo-org/eslint-config/typescript"],
-      // The typescript parser options for this package, which will be different
-      // from other packages
-      parserOptions: {
-        project: ["./tsconfig.json"],
-      },
-    },
-  ],
-};