dry-ux 1.71.0 → 1.73.0

package/dist/ui-utils/Money.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from "@storybook/react";
+declare const _default: Meta;
+export default _default;
+export declare const PositiveAmount: any;
+export declare const NegativeAmount: any;
+export declare const NoDecimalPlaces: any;
+export declare const DifferentCurrency: any;

package/dist/ui-utils/Money.stories.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DifferentCurrency = exports.NoDecimalPlaces = exports.NegativeAmount = exports.PositiveAmount = void 0;
+const React = require("react");
+const Money_1 = require("./Money");
+exports.default = {
+    title: "UI Utils/Money",
+    component: Money_1.Money,
+};
+const Template = args => React.createElement(Money_1.Money, Object.assign({}, args));
+exports.PositiveAmount = Template.bind({});
+exports.PositiveAmount.args = {
+    amount: 1234.56,
+    decimal_places: true,
+    currency: "$",
+};
+exports.NegativeAmount = Template.bind({});
+exports.NegativeAmount.args = {
+    amount: -1234.56,
+    decimal_places: true,
+    currency: "$",
+};
+exports.NoDecimalPlaces = Template.bind({});
+exports.NoDecimalPlaces.args = {
+    amount: 1234,
+    decimal_places: false,
+    currency: "$",
+};
+exports.DifferentCurrency = Template.bind({});
+exports.DifferentCurrency.args = {
+    amount: 1234.56,
+    decimal_places: true,
+    currency: "€",
+};

package/dist/ui-utils/RenderWhenVisible.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from "@storybook/react";
+declare const _default: Meta;
+export default _default;
+export declare const Default: any;

package/dist/ui-utils/RenderWhenVisible.stories.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const React = require("react");
+const RenderWhenVisible_1 = require("./RenderWhenVisible");
+exports.default = {
+    title: "UI Utils/RenderWhenVisible",
+    component: RenderWhenVisible_1.RenderWhenVisible,
+};
+const Template = args => (React.createElement(RenderWhenVisible_1.RenderWhenVisible, { minHeight: args.minHeight },
+    React.createElement("div", { style: { height: 200, backgroundColor: "lightblue" } }, "Content to render when visible")));
+exports.Default = Template.bind({});
+exports.Default.args = {
+    minHeight: 100,
+};

package/dist/ui-utils/Spinner.stories.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+declare const _default: {
+    title: string;
+    component: React.MemoExoticComponent<() => React.JSX.Element>;
+};
+export default _default;
+export declare const Default: () => React.JSX.Element;

package/dist/ui-utils/Spinner.stories.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const React = require("react");
+const Spinner_1 = require("./Spinner");
+exports.default = {
+    title: "UI Utils/Spinner",
+    component: Spinner_1.Spinner,
+};
+const Default = () => React.createElement(Spinner_1.Spinner, null);
+exports.Default = Default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dry-ux",
-  "version": "1.71.0",
+  "version": "1.73.0",
   "description": "",
   "main": "dist/index",
   "scripts": {
@@ -9,10 +9,12 @@
     "watch": "rimraf dist/ && tsc --watch",
     "format": "prettier --write \"src/**/*.ts\" \"src/**/*.tsx\"",
     "update:version": "npm version minor --no-git-tag-version",
-    "prepub:npm": "npm run format && npm run build && npm run update:version",
+    "prepub:npm": "npm run format && npm run build && npm run update:version && npm run docs",
     "publish:npm": "npm run prepub:npm && npm publish",
     "pack": "npm run build && npm pack --pack-destination pack/",
-    "docs": "typedoc --options typedoc.json && cd test && npm run build:test && cp -r proddist ../htmldocs/demo"
+    "docs": "typedoc --options typedoc.json && cd test && npm run build:test && cp -r proddist ../htmldocs/demo",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   },
   "repository": {
     "type": "git",
@@ -25,14 +27,23 @@
   "author": "Naved Rangwala",
   "license": "ISC",
   "devDependencies": {
+    "@chromatic-com/storybook": "^3.2.6",
+    "@storybook/addon-essentials": "^8.6.11",
+    "@storybook/addon-interactions": "^8.6.11",
+    "@storybook/addon-onboarding": "^8.6.11",
+    "@storybook/addon-webpack5-compiler-swc": "^3.0.0",
+    "@storybook/blocks": "^8.6.11",
+    "@storybook/react": "^8.6.11",
+    "@storybook/react-webpack5": "^8.6.11",
+    "@storybook/test": "^8.6.11",
     "@types/react": "^17.0.0",
     "@types/react-bootstrap": "^0.32.25",
     "copyfiles": "^2.4.1",
-    "jsdoc": "^4.0.4",
     "prettier": "^2.2.1",
     "react": "^16.8.2",
     "react-dom": "^16.8.2",
     "rimraf": "^3.0.2",
+    "storybook": "^8.6.11",
     "typedoc": "^0.27.9",
     "typedoc-plugin-markdown": "^4.4.2",
     "typescript": "*"