@sebgroup/green-react 1.0.0-beta.8 → 1.0.0-beta.9

package/index.d.ts

@@ -6,3 +6,4 @@ export * from './lib/form';
 export * from './lib/list/list';
 export * from './lib/navbar/navbar';
 export * from './lib/link/link';
+export * from './lib/badge/badge';

package/index.esm.js

@@ -2517,4 +2517,30 @@ const Navbar = ({
   }), void 0);
 };
 
-export { Alert, Button, ButtonGroup, Card, Checkbox, EmailInput, Flexbox, Form, FormItems, Group, Link, List, Modal, Navbar, NumberInput, RadioButton, RadioGroup, RenderInput, Text, TextInput };
+function Badge(_a) {
+  var {
+    title,
+    badgeType,
+    isCloseable,
+    closeText
+  } = _a,
+      props = __rest(_a, ["title", "badgeType", "isCloseable", "closeText"]);
+
+  return jsxs("span", Object.assign({}, props, {
+    className: `badge ${badgeType}`
+  }, {
+    children: [jsx("strong", {
+      children: title
+    }, void 0), isCloseable && jsx("button", Object.assign({
+      className: "close"
+    }, {
+      children: jsx("span", Object.assign({
+        className: "sr-only"
+      }, {
+        children: closeText
+      }), void 0)
+    }), void 0)]
+  }), void 0);
+}
+
+export { Alert, Badge, Button, ButtonGroup, Card, Checkbox, EmailInput, Flexbox, Form, FormItems, Group, Link, List, Modal, Navbar, NumberInput, RadioButton, RadioGroup, RenderInput, Text, TextInput };

package/index.umd.js

@@ -1993,7 +1993,32 @@
       }), void 0);
     };
 
+    function Badge(_a) {
+      var title = _a.title,
+          badgeType = _a.badgeType,
+          isCloseable = _a.isCloseable,
+          closeText = _a.closeText,
+          props = __rest(_a, ["title", "badgeType", "isCloseable", "closeText"]);
+
+      return jsxRuntime.jsxs("span", __assign({}, props, {
+        className: "badge ".concat(badgeType)
+      }, {
+        children: [jsxRuntime.jsx("strong", {
+          children: title
+        }, void 0), isCloseable && jsxRuntime.jsx("button", __assign({
+          className: "close"
+        }, {
+          children: jsxRuntime.jsx("span", __assign({
+            className: "sr-only"
+          }, {
+            children: closeText
+          }), void 0)
+        }), void 0)]
+      }), void 0);
+    }
+
     exports.Alert = Alert;
+    exports.Badge = Badge;
     exports.Button = Button;
     exports.ButtonGroup = ButtonGroup;
     exports.Card = Card;

package/lib/badge/badge.d.ts

@@ -0,0 +1,9 @@
+import { HTMLProps } from 'react';
+export interface BadgeProps extends HTMLProps<HTMLSpanElement> {
+    title: string;
+    badgeType?: string;
+    isCloseable?: boolean;
+    closeText?: string;
+}
+export declare function Badge({ title, badgeType, isCloseable, closeText, ...props }: BadgeProps): JSX.Element;
+export default Badge;

package/lib/datepicker/datepicker.d.ts

@@ -0,0 +1,2 @@
+import { DatepickerOptions } from '@sebgroup/extract';
+export declare const Datepicker: (options?: DatepickerOptions) => JSX.Element;

package/lib/datepicker/hook.d.ts

@@ -0,0 +1,12 @@
+import { RefObject } from 'react';
+import { Datepicker, DatepickerData, DatepickerOptions, DatepickerState } from '@sebgroup/extract';
+interface HookResult {
+    datepicker: Datepicker;
+    data: DatepickerData;
+    state: DatepickerState;
+}
+interface DatepickerHook {
+    (datepickerRef: RefObject<HTMLElement>, datepickerDialogRef: RefObject<HTMLElement>, dateInputRef: RefObject<HTMLInputElement>, options?: DatepickerOptions): HookResult;
+}
+export declare const useDatepicker: DatepickerHook;
+export {};

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@sebgroup/green-react",
-  "version": "1.0.0-beta.8",
+  "version": "1.0.0-beta.9",
   "peerDependencies": {
     "react": "^17.0.0",
     "react-dom": "^17.0.0"
   },
   "dependencies": {
-    "@sebgroup/chlorophyll": "^1.0.0-beta.8",
-    "@sebgroup/extract": "^1.0.0-beta.8"
+    "@sebgroup/chlorophyll": "^1.0.0-beta.9",
+    "@sebgroup/extract": "^1.0.0-beta.9"
   },
   "description": "React components built on top of @sebgroup/chlorophyll.",
   "repository": {