@jars-labs/jars-components 1.0.0 → 1.0.2

package/LICENSE.md

@@ -0,0 +1,26 @@
+# License for jars-components
+
+## Code License
+
+This software is licensed under the following terms:
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to use the Software within their organization, subject to the following restrictions:
+
+1. The Software may not be used commercially outside of Jars-Labs.
+2. Redistribution, sublicensing, and modification are not permitted without prior written permission from Jars-Labs.
+3. The software is provided "as is," without warranty of any kind.
+
+## Asset License
+
+The assets included in this package (including, but not limited to, icons, color palettes, and typography) are licensed under the **Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International (CC BY-NC-ND 4.0)** license.
+
+Under this license, you are not allowed to:
+1. Use the assets for any commercial purposes.
+2. Modify, transform, or build upon the assets.
+3. Redistribute the assets.
+
+For more information, see the [Creative Commons website](https://creativecommons.org/licenses/by-nc-nd/4.0/).
+
+---
+
+By using this package, you agree to the terms of both licenses.

package/README.md

@@ -1,5 +1,9 @@
 # jars-components
 
+[![npm version](https://img.shields.io/npm/v/@jars-labs/jars-components.svg)](https://www.npmjs.com/package/@jars-labs/jars-components)
+
+[View on npm](https://www.npmjs.com/package/@jars-labs/jars-components)
+
 **jars-components** is a component library designed to standardize and enhance the user interface components used in **Umbrello projects**. This library evolves from the previously used **umbrello-ui** library.
 
 ## Getting Started
@@ -19,7 +23,7 @@ Follow these steps to initialize and build the project locally:
    ```
 2. Install the project dependencies:
    ```bash
-    yarn install
+   yarn install
    ```
 3. Build the project:
    ```bash
@@ -31,11 +35,69 @@ Follow these steps to initialize and build the project locally:
 To view the components in a development environment, run the following command:
 
 ```bash
-   yarn storybook
+yarn storybook
 ```
 
 Build the storybook:
 
 ```bash
-   yarn build-storybook
+yarn build-storybook
+```
+
+## Publishing a New Version to npm
+
+Follow these steps to publish a new version of the **`@jars-labs/jars-components`** package:
+
+### 1. Ensure You Are Logged into npm
+
+Log in to npm with your credentials:
+
+```bash
+npm login
+```
+
+Make sure you have the necessary permissions for the jars-labs organization.
+
+### 2. Update the Version
+
+Use Semantic Versioning:
+
+- Patch: For bug fixes or small changes (e.g., 1.0.0 → 1.0.1).
+- Minor: For new features without breaking changes (e.g., 1.0.0 → 1.1.0).
+- Major: For breaking changes (e.g., 1.0.0 → 2.0.0).
+
+```bash
+npm version <patch|minor|major>
+```
+
+### 3. Build the Package
+
+```bash
+yarn build
+```
+
+### 4. Verify the Package Content (optional)
+
+Test what will be included in the npm package:
+
+```bash
+npm pack
+```
+
+Extract the contents of the tarball to verify the package content.
+
+```bash
+tar -tzf jars-components-<version>.tgz
+```
+
+### 5. Publish the Package
+
+```bash
+npm publish --access public
+```
+
+### 6. Push the tag
+    
+```bash
+git push --follow-tags
 ```

package/dist/Autocomplete/Autocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../src/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAShD,UAAU,iBAAiB;IACzB,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B;AAED;;;;;;;;;;;;;;;GAeG;AAEH,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CA8G7D,CAAA"}
+{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../src/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAShD,UAAU,iBAAiB;IACzB,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B;AAED;;;;;;;;;;;;;;;GAeG;AAEH,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CAmH7D,CAAA"}

package/dist/Avatar/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,WAAW,IAAI,kBAAkB,EAClC,MAAM,eAAe,CAAA;AACtB,OAAO,KAAK,MAAM,OAAO,CAAA;AAmBzB,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,CAAA;CACnD;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA8BjC,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,IAAI,kBAAkB,EAClC,MAAM,eAAe,CAAA;AACtB,OAAO,KAAK,MAAM,OAAO,CAAA;AAmBzB,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,CAAA;CACnD;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA8BjC,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/Icons/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/Icons/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,iBAAiB,EACjB,aAAa,EACd,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAE5C,UAAU,kBAAmB,SAAQ,SAAS;IAC5C,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB;AAmBD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAgFzD,CAAA;AAGD,eAAe,IAAI,CAAA"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/Icons/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,iBAAiB,EACjB,aAAa,EACd,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAE5C,UAAU,kBAAmB,SAAQ,SAAS;IAC5C,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB;AAmBD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAgFzD,CAAA;AAED,eAAe,IAAI,CAAA"}

package/dist/index.esm.js

@@ -543,8 +543,8 @@ var Autocomplete = function (_a) {
     var boldedOptions = options.map(function (option) {
         var index = option.toLowerCase().indexOf(searchValue.toLowerCase());
         if (index === -1)
-            return jsx(Dropdown.Option, { value: option, children: option });
-        return (jsxs(Dropdown.Option, { value: option, onClick: function () { return handleOptionSubmit(option); }, children: [option.slice(0, index), jsx("strong", { children: option.slice(index, index + searchValue.length) }), option.slice(index + searchValue.length)] }));
+            return (jsx(Dropdown.Option, { value: option, children: option }, option));
+        return (jsxs(Dropdown.Option, { value: option, onClick: function () { return handleOptionSubmit(option); }, children: [option.slice(0, index), jsx("strong", { children: option.slice(index, index + searchValue.length) }), option.slice(index + searchValue.length)] }, option));
     });
     var emptyOptions = (jsx(Dropdown.Option, { value: "No options found", style: { cursor: 'not-allowed', pointerEvents: 'none' }, children: "No matches found, try something else." }));
     var loadingOptions = (jsx(Dropdown.Option, { value: "Loading...", disabled: true, style: { display: 'flex', justifyContent: 'center' }, children: jsx(Loader, {}) }));
@@ -1701,7 +1701,7 @@ var Attachment = function (props) {
 
 var Bell = function (_a) {
     var _b = _a.width, width = _b === void 0 ? '32px' : _b, _c = _a.height, height = _c === void 0 ? '32px' : _c, _d = _a.viewBox, viewBox = _d === void 0 ? '0 0 32 32' : _d, _e = _a.alert, alert = _e === void 0 ? false : _e;
-    return (jsxs(Icon, { width: width, height: height, viewBox: viewBox, children: [jsx("path", { d: "M14.1429 27.8572H17.5714", stroke: "black", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), jsx("path", { d: "M22.7143 15C22.7143 13.1813 21.9919 11.4372 20.7059 10.1512C19.4199 8.86527 17.6758 8.14282 15.8572 8.14282C14.0385 8.14282 12.2944 8.86527 11.0084 10.1512C9.72247 11.4372 9.00002 13.1813 9.00002 15V21C9.00002 21.6819 8.72909 22.3361 8.24686 22.8183C7.76463 23.3005 7.11057 23.5714 6.42859 23.5714H25.2857C24.6038 23.5714 23.9496 23.3005 23.4674 22.8183C22.9852 22.3361 22.7143 21.6819 22.7143 21V15Z", stroke: "black", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), jsx("path", { d: "M4.71429 14.777C4.71522 13.1453 5.10435 11.5372 5.84956 10.0855C6.59476 8.63384 7.67464 7.38032 9.00001 6.42847", stroke: "black", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), jsx("path", { d: "M25.8648 10.0855C25.1196 8.63384 24.0396 7.38032 22.7143 6.42847", stroke: "black", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), alert && (jsx("circle", { cx: "22.2857", cy: "9.14282", r: "5.5", fill: "#7B34D6", stroke: "white" }))] }));
+    return (jsxs(Icon, { width: width, height: height, viewBox: viewBox, children: [jsx("path", { d: "M14.1429 27.8572H17.5714", stroke: "black", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M22.7143 15C22.7143 13.1813 21.9919 11.4372 20.7059 10.1512C19.4199 8.86527 17.6758 8.14282 15.8572 8.14282C14.0385 8.14282 12.2944 8.86527 11.0084 10.1512C9.72247 11.4372 9.00002 13.1813 9.00002 15V21C9.00002 21.6819 8.72909 22.3361 8.24686 22.8183C7.76463 23.3005 7.11057 23.5714 6.42859 23.5714H25.2857C24.6038 23.5714 23.9496 23.3005 23.4674 22.8183C22.9852 22.3361 22.7143 21.6819 22.7143 21V15Z", stroke: "black", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M4.71429 14.777C4.71522 13.1453 5.10435 11.5372 5.84956 10.0855C6.59476 8.63384 7.67464 7.38032 9.00001 6.42847", stroke: "black", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M25.8648 10.0855C25.1196 8.63384 24.0396 7.38032 22.7143 6.42847", stroke: "black", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), alert && (jsx("circle", { cx: "22.2857", cy: "9.14282", r: "5.5", fill: "#7B34D6", stroke: "white" }))] }));
 };
 
 var Cat = function (props) {