powell-react 0.0.9 → 0.0.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "powell-react",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "description": "",
   "license": "MIT",
   "repository": {
@@ -18,6 +18,7 @@
   "scripts": {
     "start": "npm run storybook",
     "prebuild": "npm version patch",
+    "prepublishOnly": "npm run build",
     "build": "rollup -c",
     "release": "npm run build && npm publish",
     "storybook": "storybook dev -p 6006",
@@ -66,5 +67,9 @@
     "formik": "^2.4.6",
     "primereact": "^10.8.4",
     "yup": "^1.4.0"
-  }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ]
 }

package/.storybook/main.ts

@@ -1,28 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1,24 +0,0 @@
-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/rollup.config.mjs

@@ -1,95 +0,0 @@
-import { readFileSync } from 'fs';
-import { defineConfig } from 'rollup';
-import resolve from '@rollup/plugin-node-resolve';
-import commonjs from '@rollup/plugin-commonjs';
-import typescript from '@rollup/plugin-typescript';
-import url from '@rollup/plugin-url';
-import svgr from '@svgr/rollup';
-import external from 'rollup-plugin-peer-deps-external';
-import postcss from 'rollup-plugin-postcss';
-import dts from 'rollup-plugin-dts';
-import { terser } from 'rollup-plugin-terser';
-import typescriptEngine from 'typescript';
-import alias from '@rollup/plugin-alias';
-import path from 'path';
-import { fileURLToPath } from 'url';
-
-const packageJson = JSON.parse(readFileSync('./package.json'));
-const __dirname = path.dirname(fileURLToPath(import.meta.url));
-const projectRootDir = path.resolve(__dirname);
-
-export default defineConfig(
-  {
-    input: './src/index.ts',
-    output: [
-      {
-        file: packageJson.main,
-        format: 'cjs',
-        sourcemap: false,
-        exports: 'named',
-        name: packageJson.name,
-      },
-      {
-        file: packageJson.module,
-        format: 'es',
-        exports: 'named',
-        sourcemap: false,
-      },
-    ],
-    plugins: [
-      postcss({
-        plugins: [],
-        minimize: true,
-      }),
-      alias({
-        entries: [
-          { find: "@powell/*", replacement: path.resolve(projectRootDir, '/src/powell/*') },
-        ]
-      }),
-      external({ includeDependencies: true }),
-      resolve(),
-      commonjs(),
-      typescript({
-        tsconfig: './tsconfig.json',
-        typescript: typescriptEngine,
-        sourceMap: false,
-        exclude: [
-          'coverage',
-          '.storybook',
-          'storybook-static',
-          'config',
-          'dist',
-          'node_modules/**',
-          '*.cjs',
-          '*.mjs',
-          '**/__snapshots__/*',
-          '**/__tests__',
-          '**/*.test.js+(|x)',
-          '**/*.test.ts+(|x)',
-          '**/*.mdx',
-          '**/*.story.ts+(|x)',
-          '**/*.story.js+(|x)',
-          '**/*.stories.ts+(|x)',
-          '**/*.stories.js+(|x)',
-          'setupTests.ts',
-          'vitest.config.ts',
-        ],
-      }),
-      url(),
-      svgr(),
-      terser(),
-    ],
-    onwarn: (warning, warn) => {
-      if (warning.code === 'MODULE_LEVEL_DIRECTIVE') {
-        return
-      }
-      warn(warning)
-    },
-  },
-  {
-    input: 'dist/esm/types/src/index.d.ts',
-    output: [{ file: 'dist/index.d.ts', format: 'esm' }],
-    external: [/\.(sc|sa|c)ss$/],
-    plugins: [dts()],
-  },
-);

package/src/components/Button/Button.scss

@@ -1,43 +0,0 @@
-.button {
-  position: relative;
-  background-color: #4caf50;
-  border: none;
-  font-size: 28px;
-  color: #ffffff;
-  padding: 20px;
-  width: 200px;
-  text-align: center;
-  -webkit-transition-duration: 0.4s; /* Safari */
-  transition-duration: 0.4s;
-  text-decoration: none;
-  overflow: hidden;
-  cursor: pointer;
-  box-shadow:
-    0 8px 16px 0 rgba(0, 0, 0, 0.2),
-    0 6px 20px 0 rgba(0, 0, 0, 0.19);
-
-  &:after {
-    content: '';
-    background: #f1f1f1;
-    display: block;
-    position: absolute;
-    padding-top: 300%;
-    padding-left: 350%;
-    margin-left: -20px !important;
-    margin-top: -120%;
-    opacity: 0;
-    transition: all 0.8s;
-  }
-
-  &:active:after {
-    padding: 0;
-    margin: 0;
-    opacity: 1;
-    transition: 0s;
-  }
-
-  &--dsiabled {
-    opacity: 0.5;
-    background-color: grey;
-  }
-}

package/src/components/Button/Button.stories.tsx

@@ -1,13 +0,0 @@
-import { Button } from './Button';
-
-export default {
-  title: 'Button',
-  component: Button,
-};
-
-export const Default = {
-  args: {
-    disabled: false,
-    children: `I'm a Button`,
-  },
-};

package/src/components/Button/Button.tsx

@@ -1,19 +0,0 @@
-import React, { ButtonHTMLAttributes, FC, ReactNode } from 'react';
-
-import './Button.scss';
-
-export interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-  children?: ReactNode;
-}
-
-export const Button: FC<IButtonProps> = ({ onClick, disabled, className, children, ...rest }) => (
-  <button
-    type="button"
-    className={`button ${className} ${disabled && 'button--dsiabled'}`}
-    onClick={onClick}
-    disabled={disabled}
-    {...rest}
-  >
-    {children}
-  </button>
-);

package/src/components/Button/index.ts

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

package/src/components/index.ts

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

package/src/index.ts

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

package/src/powell/api/PowellProvider.tsx

@@ -1,37 +0,0 @@
-import {PropsWithChildren} from "react";
-import {configService, powellDefaults, $PrimeReactProvider} from "@powell/api";
-import {PowellConfig, ThemeName} from "@powell/models";
-
-const createThemeLink = () => {
-  const headEl = document.head;
-  const linkEl = document.createElement("link");
-  linkEl.rel = "stylesheet";
-  linkEl.type = "text/css";
-  linkEl.id = "powell-theme-link";
-  headEl.appendChild(linkEl);
-  return linkEl;
-}
-
-const applyTheme = (theme: ThemeName) => {
-  let themeEl: HTMLLinkElement = document.getElementById('powell-theme-link') as HTMLLinkElement;
-  if (!themeEl) {
-    themeEl = createThemeLink();
-  }
-  const themeLink = `/src/powell/themes/${theme}.css`;
-  themeEl.setAttribute('href', themeLink);
-}
-
-export const PowellProvider = (props: PropsWithChildren<{ config?: PowellConfig }>) => {
-  const {children, config} = props;
-  const defaultConfig: PowellConfig = {
-    ...powellDefaults,
-    ...config
-  };
-  configService.set(defaultConfig);
-  applyTheme(defaultConfig.theme!);
-  return (
-      <$PrimeReactProvider value={defaultConfig}>
-        {children}
-      </$PrimeReactProvider>
-  )
-}

package/src/powell/api/configService.ts

@@ -1,4 +0,0 @@
-import {globalState} from "@powell/utils";
-import {PowellConfig} from "@powell/models";
-
-export const configService = globalState<PowellConfig>({});

package/src/powell/api/forms.ts

@@ -1,145 +0,0 @@
-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/src/powell/api/index.ts

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

package/src/powell/api/powellDefaults.ts

@@ -1,11 +0,0 @@
-import {PowellConfig} from "@powell/models";
-
-export const powellDefaults: PowellConfig = {
-  theme: 'lara-light-cyan',
-  rtl: false,
-  showRequiredStar: true,
-  ripple: true,
-  inputSize: 'md',
-  labelPosition: 'fix-top',
-  fixLabelPosition: 'fix-side'
-}