@dktunited-techoff/techoff-suite-ui 0.9.5 → 0.9.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/esm/components/Select/Select.d.ts +1 -1
  2. package/esm/components/Select/Select.js +2 -2
  3. package/esm/components/Select/Select.js.map +1 -1
  4. package/esm/components/Select/Select.types.d.ts +1 -0
  5. package/lib/components/Select/Select.d.ts +1 -1
  6. package/lib/components/Select/Select.js +2 -2
  7. package/lib/components/Select/Select.js.map +1 -1
  8. package/lib/components/Select/Select.types.d.ts +1 -0
  9. package/package.json +1 -1
  10. package/src/components/Select/Select.tsx +2 -2
  11. package/src/components/Select/Select.types.ts +1 -1
package/esm/components/Select/Select.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import * as React from 'react';
2
2
  import { SelectProps } from './Select.types';
3
3
  import './Select.css';
4
- export declare const Select: ({ label, options, onChange }: SelectProps) => React.JSX.Element;
4
+ export declare const Select: ({ label, value, options, onChange }: SelectProps) => React.JSX.Element;
package/esm/components/Select/Select.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import './Select.css';
3
- export const Select = ({ label, options, onChange }) => {
3
+ export const Select = ({ label, value, options, onChange }) => {
4
4
  // ########
5
5
  // Handlers
6
6
  const handleChange = (e) => onChange(e.target.value);
@@ -8,7 +8,7 @@ export const Select = ({ label, options, onChange }) => {
8
8
  // Rendering
9
9
  return (React.createElement("div", { className: "select-container" },
10
10
  label && React.createElement("label", null, label),
11
- React.createElement("select", { onChange: handleChange },
11
+ React.createElement("select", { value: value, onChange: handleChange },
12
12
  React.createElement(React.Fragment, null,
13
13
  React.createElement("option", null, "-"),
14
14
  options))));
package/esm/components/Select/Select.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAe,EAAE,EAAE;IAClE,WAAW;IACX,WAAW;IACX,MAAM,YAAY,GAAG,CAAC,CAAiC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAErF,YAAY;IACZ,YAAY;IACZ,OAAO,CACL,6BAAK,SAAS,EAAC,kBAAkB;QAC9B,KAAK,IAAI,mCAAQ,KAAK,CAAS;QAChC,gCAAQ,QAAQ,EAAE,YAAY;YAC5B;gBACE,wCAAkB;gBACjB,OAAO,CACP,CACI,CACL,CACP,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAe,EAAE,EAAE;IACzE,WAAW;IACX,WAAW;IACX,MAAM,YAAY,GAAG,CAAC,CAAiC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAErF,YAAY;IACZ,YAAY;IACZ,OAAO,CACL,6BAAK,SAAS,EAAC,kBAAkB;QAC9B,KAAK,IAAI,mCAAQ,KAAK,CAAS;QAChC,gCAAQ,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY;YAC1C;gBACE,wCAAkB;gBACjB,OAAO,CACP,CACI,CACL,CACP,CAAC;AACJ,CAAC,CAAC"}
package/esm/components/Select/Select.types.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { ReactElement } from 'react';
2
2
  export type SelectProps = {
3
3
  label?: string;
4
+ value: string;
4
5
  options: ReactElement[];
5
6
  onChange: (val: string) => void;
6
7
  };
package/lib/components/Select/Select.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import * as React from 'react';
2
2
  import { SelectProps } from './Select.types';
3
3
  import './Select.css';
4
- export declare const Select: ({ label, options, onChange }: SelectProps) => React.JSX.Element;
4
+ export declare const Select: ({ label, value, options, onChange }: SelectProps) => React.JSX.Element;
package/lib/components/Select/Select.js CHANGED
@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.Select = void 0;
4
4
  const React = require("react");
5
5
  require("./Select.css");
6
- const Select = ({ label, options, onChange }) => {
6
+ const Select = ({ label, value, options, onChange }) => {
7
7
  // ########
8
8
  // Handlers
9
9
  const handleChange = (e) => onChange(e.target.value);
@@ -11,7 +11,7 @@ const Select = ({ label, options, onChange }) => {
11
11
  // Rendering
12
12
  return (React.createElement("div", { className: "select-container" },
13
13
  label && React.createElement("label", null, label),
14
- React.createElement("select", { onChange: handleChange },
14
+ React.createElement("select", { value: value, onChange: handleChange },
15
15
  React.createElement(React.Fragment, null,
16
16
  React.createElement("option", null, "-"),
17
17
  options))));
package/lib/components/Select/Select.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAG/B,wBAAsB;AAEf,MAAM,MAAM,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAe,EAAE,EAAE;IAClE,WAAW;IACX,WAAW;IACX,MAAM,YAAY,GAAG,CAAC,CAAiC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAErF,YAAY;IACZ,YAAY;IACZ,OAAO,CACL,6BAAK,SAAS,EAAC,kBAAkB;QAC9B,KAAK,IAAI,mCAAQ,KAAK,CAAS;QAChC,gCAAQ,QAAQ,EAAE,YAAY;YAC5B;gBACE,wCAAkB;gBACjB,OAAO,CACP,CACI,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,MAAM,UAkBjB"}
1
+ {"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAG/B,wBAAsB;AAEf,MAAM,MAAM,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAe,EAAE,EAAE;IACzE,WAAW;IACX,WAAW;IACX,MAAM,YAAY,GAAG,CAAC,CAAiC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAErF,YAAY;IACZ,YAAY;IACZ,OAAO,CACL,6BAAK,SAAS,EAAC,kBAAkB;QAC9B,KAAK,IAAI,mCAAQ,KAAK,CAAS;QAChC,gCAAQ,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY;YAC1C;gBACE,wCAAkB;gBACjB,OAAO,CACP,CACI,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,MAAM,UAkBjB"}
package/lib/components/Select/Select.types.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { ReactElement } from 'react';
2
2
  export type SelectProps = {
3
3
  label?: string;
4
+ value: string;
4
5
  options: ReactElement[];
5
6
  onChange: (val: string) => void;
6
7
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dktunited-techoff/techoff-suite-ui",
3
- "version": "0.9.5",
3
+ "version": "0.9.6",
4
4
  "main": "lib/index.js",
5
5
  "types": "./lib",
6
6
  "module": "esm/index.js",
package/src/components/Select/Select.tsx CHANGED
@@ -3,7 +3,7 @@ import { ChangeEvent } from 'react';
3
3
  import { SelectProps } from './Select.types';
4
4
  import './Select.css';
5
5
 
6
- export const Select = ({ label, options, onChange }: SelectProps) => {
6
+ export const Select = ({ label, value, options, onChange }: SelectProps) => {
7
7
  // ########
8
8
  // Handlers
9
9
  const handleChange = (e: ChangeEvent<HTMLSelectElement>) => onChange(e.target.value);
@@ -13,7 +13,7 @@ export const Select = ({ label, options, onChange }: SelectProps) => {
13
13
  return (
14
14
  <div className="select-container">
15
15
  {label && <label>{label}</label>}
16
- <select onChange={handleChange}>
16
+ <select value={value} onChange={handleChange}>
17
17
  <>
18
18
  <option>-</option>
19
19
  {options}
package/src/components/Select/Select.types.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import { ReactElement } from 'react';
2
2
 
3
- export type SelectProps = { label?: string; options: ReactElement[]; onChange: (val: string) => void };
3
+ export type SelectProps = { label?: string; value: string; options: ReactElement[]; onChange: (val: string) => void };