powell-react 0.0.0

package/.storybook/main.ts

@@ -0,0 +1,28 @@
+import { mergeConfig } from 'vite';
+import svgr from 'vite-plugin-svgr';
+import type { StorybookConfig } from '@storybook/react-vite';
+
+const config: StorybookConfig = {
+  'stories': ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+
+  'addons': [
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@chromatic-com/storybook',
+    '@storybook/addon-interactions'
+  ],
+
+  'framework': {
+    'name': '@storybook/react-vite',
+    'options': {},
+  },
+  'docs': {},
+  'typescript': {
+    'reactDocgen': 'react-docgen-typescript'
+  },
+  'core': {
+    'disableTelemetry': true
+  },
+};
+
+export default config;

package/.storybook/preview.scss

@@ -0,0 +1,13 @@
+body {
+  margin: 0;
+  padding: 0 !important;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  height: 100vh;
+  overflow: auto;
+}
+
+#storybook-root {
+  height: 100%;
+  padding: 1rem;
+}

package/.storybook/preview.tsx

@@ -0,0 +1,24 @@
+import type { Preview } from "@storybook/react";
+import { PowellProvider } from "@powell/api";
+
+const preview: Preview = {
+  decorators: [
+    (Story) => (
+      <PowellProvider>
+        <Story />
+      </PowellProvider>
+    ),
+  ],
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+
+  tags: ["autodocs", "autodocs"]
+};
+
+export default preview;

package/dist/cjs/index.js

@@ -0,0 +1 @@
+"use strict";var t=require("react");"function"==typeof SuppressedError&&SuppressedError;!function(t,e){void 0===e&&(e={});var n=e.insertAt;if("undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===n&&o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.styleSheet?r.styleSheet.cssText=t:r.appendChild(document.createTextNode(t))}}('.button{background-color:#4caf50;border:none;box-shadow:0 8px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);color:#fff;cursor:pointer;font-size:28px;overflow:hidden;padding:20px;position:relative;text-align:center;text-decoration:none;-webkit-transition-duration:.4s;transition-duration:.4s;width:200px}.button:after{background:#f1f1f1;content:"";display:block;margin-left:-20px!important;margin-top:-120%;opacity:0;padding-left:350%;padding-top:300%;position:absolute;transition:all .8s}.button:active:after{margin:0;opacity:1;padding:0;transition:0s}.button--dsiabled{background-color:grey;opacity:.5}');exports.Button=e=>{var{onClick:n,disabled:o,className:r,children:i}=e,a=function(t,e){var n={};for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&e.indexOf(o)<0&&(n[o]=t[o]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(t);r<o.length;r++)e.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(t,o[r])&&(n[o[r]]=t[o[r]])}return n}(e,["onClick","disabled","className","children"]);return t.createElement("button",Object.assign({type:"button",className:`button ${r} ${o&&"button--dsiabled"}`,onClick:n,disabled:o},a),i)};

package/dist/cjs/types/src/components/Button/Button.d.ts

@@ -0,0 +1,6 @@
+import { ButtonHTMLAttributes, FC, ReactNode } from 'react';
+import './Button.scss';
+export interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    children?: ReactNode;
+}
+export declare const Button: FC<IButtonProps>;

package/dist/cjs/types/src/components/Button/index.d.ts

@@ -0,0 +1 @@
+export * from './Button';

package/dist/cjs/types/src/components/index.d.ts

@@ -0,0 +1 @@
+export * from './Button';

package/dist/cjs/types/src/index.d.ts

@@ -0,0 +1 @@
+export * from './components';

package/dist/cjs/types/src/powell/api/PowellProvider.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from "react";
+import { PowellConfig } from "@powell/models";
+export declare const PowellProvider: (props: PropsWithChildren<{
+    config?: PowellConfig;
+}>) => import("react").JSX.Element;

package/dist/cjs/types/src/powell/api/configService.d.ts

@@ -0,0 +1,2 @@
+import { PowellConfig } from "@powell/models";
+export declare const configService: import("@powell/utils").StateWithValue<PowellConfig>;

package/dist/cjs/types/src/powell/api/forms.d.ts

@@ -0,0 +1,73 @@
+import { ArrayHelpers, ComponentDecorator, CompositeComponent, connect, ErrorMessage, ErrorMessageProps, FastField, FastFieldAttributes, FastFieldConfig, FastFieldProps, Field, FieldArray, FieldArrayConfig, FieldArrayRenderProps, FieldAttributes, FieldConfig, FieldHelperProps, FieldHookConfig, FieldInputProps, FieldMetaProps, FieldProps, FieldValidator, Form, Formik, FormikBag, FormikComputedProps, FormikConfig, FormikConsumer, FormikContext, FormikContextType, FormikErrors, FormikFormProps, FormikHandlers, FormikHelpers, FormikProps, FormikProvider, FormikRegistration, FormikSharedConfig, FormikState, FormikTouched, FormikValues, GenericFieldHTMLAttributes, getActiveElement, getIn, InferableComponentDecorator, InjectedFormikProps, insert, isEmptyArray, isEmptyChildren, isFunction, isInputEvent, isInteger, isNaN, isObject, isPromise, isString, move, prepareDataForValidation, replace, setIn, setNestedObjectValues, SharedRenderProps, swap, useField, useFormik, useFormikContext, validateYupSchema, withFormik, WithFormikConfig, yupToFormErrors } from 'formik';
+import * as Yup from 'yup';
+export { ErrorMessage as $ErrorMessage };
+export type { ErrorMessageProps as $ErrorMessageProps };
+export type { FieldProps as $FieldProps };
+export { Field as $Field };
+export { FieldArray as $FieldArray };
+export { Form as $Form };
+export type { ArrayHelpers as $ArrayHelpers };
+export type { FieldArrayConfig as $FieldArrayConfig };
+export type { FastFieldConfig as $FastFieldConfig };
+export type { FastFieldProps as $FastFieldProps };
+export { FastField as $FastField };
+export type { FastFieldAttributes as $FastFieldAttributes };
+export type { FieldConfig as $FieldConfig };
+export type { FieldAttributes as $FieldAttributes };
+export type { FieldHookConfig as $FieldHookConfig };
+export type { FieldInputProps as $FieldInputProps };
+export type { FieldMetaProps as $FieldMetaProps };
+export type { FieldHelperProps as $FieldHelperProps };
+export type { FieldValidator as $FieldValidator };
+export type { FieldArrayRenderProps as $FieldArrayRenderProps };
+export { useField as $useField };
+export type { FormikProps as $FormikProps };
+export type { FormikComputedProps as $FormikComputedProps };
+export type { FormikFormProps as $FormikFormProps };
+export { Formik as $Formik };
+export type { FormikConfig as $FormikConfig };
+export type { FormikSharedConfig as $FormikSharedConfig };
+export type { FormikBag as $FormikBag };
+export { FormikConsumer as $FormikConsumer };
+export type { FormikErrors as $FormikErrors };
+export { FormikContext as $FormikContext };
+export type { FormikContextType as $FormikContextType };
+export type { FormikHandlers as $FormikHandlers };
+export type { FormikHelpers as $FormikHelpers };
+export { FormikProvider as $FormikProvider };
+export type { FormikRegistration as $FormikRegistration };
+export type { FormikState as $FormikState };
+export type { FormikTouched as $FormikTouched };
+export type { FormikValues as $FormikValues };
+export { useFormikContext as $useFormikContext };
+export type { WithFormikConfig as $WithFormikConfig };
+export type { GenericFieldHTMLAttributes as $GenericFieldHTMLAttributes };
+export type { SharedRenderProps as $SharedRenderProps };
+export { connect as $connect };
+export { getIn as $getIn };
+export { isEmptyArray as $isEmptyArray };
+export { useFormik as $useFormik };
+export { withFormik as $withFormik };
+export type { ComponentDecorator as $ComponentDecorator };
+export type { InferableComponentDecorator as $InferableComponentDecorator };
+export { insert as $insert };
+export type { CompositeComponent as $CompositeComponent };
+export { isEmptyChildren as $isEmptyChildren };
+export { isInputEvent as $isInputEvent };
+export { isNaN as $isNaN };
+export type { InjectedFormikProps as $InjectedFormikProps };
+export { isFunction as $isFunction };
+export { move as $move };
+export { isInteger as $isInteger };
+export { isObject as $isObject };
+export { isPromise as $isPromise };
+export { isString as $isString };
+export { swap as $swap };
+export { replace as $replace };
+export { setIn as $setIn };
+export { prepareDataForValidation as $prepareDataForValidation };
+export { setNestedObjectValues as $setNestedObjectValues };
+export { validateYupSchema as $validateYupSchema };
+export { yupToFormErrors as $yupToFormErrors };
+export { getActiveElement as $getActiveElement };
+export { Yup as $Yup };

package/dist/cjs/types/src/powell/api/index.d.ts

@@ -0,0 +1,5 @@
+export * from './configService';
+export * from './forms';
+export * from './powellDefaults';
+export * from './PowellProvider';
+export * from './primereact';

package/dist/cjs/types/src/powell/api/powellDefaults.d.ts

@@ -0,0 +1,2 @@
+import { PowellConfig } from "@powell/models";
+export declare const powellDefaults: PowellConfig;